.yoga_header .et_pb_column .et_pb_button { width: 100%; padding: 0.7vw 0.2vw !important; } .yoga_blurbs_cont .et_pb_blurb { position: relative; } .yoga_blurbs_cont .et_pb_blurb:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #466458; opacity: 0.6; transition: 0.3s; } .yoga-blurbs h4 { padding-bottom: 38.4vw !important; } .yoga-blurbs .et_pb_blurb_content p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform-origin: left top; font-size: 16px; letter-spacing: 10px; margin-left: -7px; margin-bottom: -23px; } .yoga-classes .et_pb_main_blurb_image { margin-bottom: 0 !important; } .yoga-classes .et_pb_main_blurb_image img { display: block; width: 100%; } .yoga-classes .et_pb_blurb_container { padding: 1.8vw;; } .yoga-classes p img { margin-top: 8px !important; } .yoga-classes h3 { color: #bcc8c7 !important; font-size: 16px; font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif; font-weight: 500; padding-bottom: 7px; margin-top: 27px; text-transform: uppercase; } /*Form*/ .yoga_form .et_pb_column_1_3 { width: 24% !important; margin-right: 2% !important; } .yoga_form .et_pb_column_2_3 { width: 74% !important; } .yoga_form .et_pb_column_1_3 .et_pb_text_inner > a { margin: 15px 0 34px !important; display: block; } .yoga_form .et_pb_column_1_3 a:hover { color: #a5bab2 !important; } .yoga_form .et_pb_column_1_3 a { color: #2a3430 !important; } .yoga_form .et_pb_column_1_3 p { line-height: 160%; } .yoga_form form { margin-left: 0 !important; } .yoga_form form p.et_pb_contact_field { padding-left: 0 !important; } .yoga_form form p[data-id="name"], .yoga_form form p[data-id="phone"], .yoga_form form p[data-id="email"] { width: 28.3%; margin-right: 7.5%; margin-bottom: 30px !important; } .yoga_form form p[data-id="email"] { margin-right: 0 !important; } /*Hovers*/ .yoga_blurbs_cont .et_pb_blurb { height: 45.8vw; cursor: pointer; } .yoga_blurbs_cont .et_pb_blurb:hover:before { opacity: 0.3; } .yoga_blurbs_cont .et_pb_blurb .et_pb_blurb_container, .yoga_blurbs_cont .et_pb_blurb h4, .yoga_blurbs_cont .et_pb_blurb .et_pb_blurb_content p { transition: 0.3s !important; } .yoga_blurbs_cont .et_pb_blurb:hover .et_pb_blurb_content p { -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); margin-left: 0; } .yoga_blurbs_cont .et_pb_blurb:hover h4 { padding-bottom: 0 !important; } .yoga_blurbs_cont .et_pb_blurb:hover .et_pb_blurb_container { transform: translate(-1vw, -1.5vw); } .yoga-classes { cursor: pointer; } .yoga-classes .et_pb_main_blurb_image { overflow: hidden; } .yoga-classes .et_pb_blurb_container img, .yoga-classes .et_pb_main_blurb_image img { transition: 0.3s !important; } .yoga-classes:hover .et_pb_blurb_container p img { transform: scale(1.3); } .yoga-classes:hover .et_pb_main_blurb_image img { transform: scale(1.1) rotate(5deg); } .yoga_instructors .et_pb_blurb { cursor: pointer; } .yoga_instructors .et_pb_main_blurb_image img { transition: 0.3s !important; } .yoga_instructors .et_pb_blurb:hover .et_pb_main_blurb_image img { transform: scale(1.1); } .yoga_instructors .et_pb_blurb_container h4:after { content: ""; display: block; width: 0; margin: 7px auto -7px; height: 1px; background-color: #333; transition: 0.3s !important; } .yoga_instructors .et_pb_blurb:hover .et_pb_blurb_container h4:after { width: 70%; } body.ie .yoga_big_text .et_pb_promo_description h2 { background-image: none !important; } /*Responsive*/ @media only screen and (max-width: 1390px) and (min-width: 981px) { #page-container .yoga_header a.et_pb_button { font-size: 14px !important; } } @media only screen and (max-width: 1390px) { .yoga-blurbs h4 a, .yoga-blurbs h4 { font-size: 18px !important; } .yoga-blurbs h4 { padding-bottom: 35vw !important; } .yoga_instructors h4 a, .yoga_instructors h4 { font-size: 18px !important; } #page-container .yoga_big_text .et_pb_promo_description h2 { font-size: 260px !important; } } @media only screen and (max-width: 980px) { .yoga_blurbs_cont .et_pb_blurb { height: 80vw; } .yoga-blurbs h4 { padding-bottom: 65vw !important; } .yoga-classes .et_pb_blurb_content { max-width: 100% !important; } .yoga-classes .et_pb_blurb_container { padding: 40px; } .yoga_form .et_pb_column_1_3 a, .yoga_form .et_pb_column_1_3 p { color: #fff !important; } #page-container .yoga_big_text .et_pb_promo_description h2 { font-size: 200px !important; } .yoga_header .et_pb_column_1_4:last-child, .yoga_header .et_pb_column_1_4:nth-last-child(2){ margin-bottom: 0 !important; } .yoga_header .et_pb_column_1_4{ margin-bottom: 10px !important; } } @media only screen and (max-width: 767px) { #page-container .yoga_big_text .et_pb_promo_description h2 { font-size: 150px !important; } .yoga_form .et_pb_column_1_3 { width: 100% !important; margin-right: 0% !important; } .yoga_form .et_pb_column_2_3 { width: 100% !important; } .yoga_form form p[data-id="name"], .yoga_form form p[data-id="phone"], .yoga_form form p[data-id="email"] { width: 100%; margin-right: 0; margin-bottom: 10px !important; } } @media only screen and (max-width: 479px) { .yoga_blurbs_cont .et_pb_blurb { height: 150vw; } .yoga-blurbs h4 { padding-bottom: 120vw !important; } #page-container .yoga_blurbs_cont .et_pb_blurb { padding: 40px !important; } .yoga_header .et_pb_column_1_4:first-child, .yoga_header .et_pb_column_1_4:nth-child(2), .yoga_header .et_pb_column_1_4:nth-last-child(2){ margin-bottom: 5px !important; } .yoga_header { padding-bottom: 10px !important; } .yoga_header .et_pb_column_1_2 .et_pb_promo { padding-bottom: 17vw!important; } }