/* Theme Name: Divi Child Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child Theme Author: Elegant Themes Author URI: https://www.elegantthemes.com Template: Divi Version: 1.0.0 */ /* Fixing spacing of submenu items */ #menu-item-47284 { line-height: 38px; } li#menu-item-47284 a { padding: 2px 20px !important; } #menu-item-46622 { line-height: 38px; } li#menu-item-46622 a { padding: 2px 20px !important; } li#menu-item-43382 a { padding-right: 20px !important; } @media only screen and (max-width:1066px) { #et_top_search { display: none !important; } } @media only screen and (max-width:1066px) { .logo_container { height: 70px !important; } .centered-inline-logo-wrap { width: 90px !important; } } .cf7-global-form { padding: 5px; } .widgettitle { color: white; } .menu-footer-rhinoplasty-container, .menu-footer-facial-plastic-surgery-container, .menu-footer-cosmetic-surgery-container, .menu-non-surgical-container { padding-left: 15px; } @media only screen and (max-width:480px) { #sbi_load { margin-top: -760px; margin-left: 7%; } .entry-content tr td { padding: 0px 4px; border-top: 1px solid #eee; } .responsive-social.et_pb_row.et_pb_row_7 { padding-left: 5%; } } @media only screen and (max-width:960px) { .CoolSculptInnerCont { width: 100%; display: block; padding-top: 250px; } .CoolSculptLogo { width: 90%; height: 65px; overflow: visible; } .CoolSculptLogo { background-size: contain; background-repeat: no-repeat; } } /* Black Friday Promo Form */ .promo-btn { border: 2px solid #fff !important; color: #fff !important; border-color: #fff; padding-top: 1em !important; padding-right: 1em !important; padding-bottom: 1em !important; padding-left: 1em !important; font-size: 12px; font-weight: bold; background-color: #000; letter-spacing: 2px; border-radius: 30px; text-decoration: none !important; } .promo-btn:hover { background-color: #534c5a; } .promo-price { color: #fff3da; font-size: 22px; font-style: italic; font-weight: bold; } .form-btn:hover { background: #ffe5b0 !important; color: #000 !important; } .form-btn { background: #1F1F27 !important; color: #fff !important; } .spacer { margin-bottom: 10px; } /* FAQ section */ @media only screen and (max-width:767px) { .page-id-102 .et_pb_post_slider_0.et_pb_slider .et_pb_slide_content div { text-align: center !important; } .page-id-98 .et_pb_post_slider_0.et_pb_slider .et_pb_slide_content div { text-align: center !important; } } .et-pb-arrow-prev { left: 20px !important; opacity: 1 !important; } .et-pb-arrow-next { right: 20px !important; opacity: 1 !important; } /* Blog Sidebar */ #recent-posts-3>h4 { color: #3b3542 !important; } #recent-posts-3>h4.widgettitle:after { content: ''; border-bottom: 1px solid #936b8b; width: 120px; height: 5px; display: block; margin-top: .3%; } #recent-posts-3>ul { list-style: square outside none !important; font-size: 14px; } #recent-posts-3>ul>li { margin-bottom: 10px; line-height: 1.2em; } /* Home Page Blog Posts */ @media only screen and (min-width:768px) { .post-slider .et_pb_slide { margin-bottom: -5em; margin-top: -5em; } } @media only screen and (max-width:767px) { .post-title { font-size: 36px; } } /* Video Lightbox */ .new-vid-btn { width: 85px; height: 85px; position: absolute; top: 0%; left: 40%; border: 1px solid #fff; border-radius: 19px; transition: all 800ms cubic-bezier(.19, 1, .22, 1); } .new-vid-btn:hover { background-color: #936B8B; border: 1px solid #534C5A; } .new-vid-btn a { padding: 30px; display: block; position: relative; height: 100%; } .new-vid-btn a img { max-width: 30px; max-height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width:767px) { .video-text { padding-top: 5em; width: 200px; margin-left: -20px; } .new-vid-btn { margin-left: -30px; } .pp_details { display: none !important; } .pp_content_container { width: 100% !important; } div.pp_default .pp_content_container .pp_right { padding-right: 20px !important; } div.pp_default .pp_content_container .pp_left { padding-left: 12px !important; } } @media only screen and (min-width:768px) and (max-width:1023px) { .video-text { padding-top: 5em; margin-left: 20px; } } @media only screen and (min-width:1024px) and (max-width:1400px) { .video-text { padding-top: 5em; } .new-vid-btn { margin-left: -30px; } } @media only screen and (min-width:1401px) { .video-text { padding-top: 4em; } } .spacing { padding-top: 5em; } div.pp_default .pp_close { display: none; } span.yottie-widget-feed-section-pagination-bullet-more::after { top: 21px !important; } .grecaptcha-badge { display: none !important; } #footer-widgets { padding: 6% 0 !important; } h4.widgettitle { font-size: 33px !important; } h1.entry-title { font-size: 45px; } input[type="checkbox"] { -webkit-appearance: checkbox; display: inline-block; height: 36px; width: 36px; border: none; overflow: hidden; margin-top: -4px; vertical-align: bottom; -webkit-appearance: none; -moz-appearance: none; outline: 0; background: #f4f4f4; -moz-background: #e5e4e4; margin-bottom: 5px; } input[type="checkbox"]:hover { background: #ccc; } .wpcf7-list-item-label:after { content: ""; position: absolute; display: none; left: 26px; top: -0.3em; width: 15px; height: 18px; border: solid #96487e; border-width: 0 5px 5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .wpcf7-list-item-label:before { content: none !important; } input[type="checkbox"]:checked~.wpcf7-list-item-label:after { display: block; } span.wpcf7-list-item { margin: 5px 0.7em 0 0; } .project_category-otoplasty #menu-item-35086 a { background-color: rgb(150, 150, 150); padding: 20px; border-radius: 3px; color: black !important; } .project_category-facial-liposuction #menu-item-35092 a { background-color: rgb(150, 150, 150); padding: 20px; border-radius: 3px; color: black !important; } .rpwe-block ul { list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .rpwe-block li { border-bottom: 1px solid #eee; margin-bottom: 10px !important; padding-bottom: 5px; list-style-type: none; margin-top: 10px; } .rpwe-block a { display: inline !important; text-decoration: none; } .rpwe-block h3 { background: none !important; clear: none; margin-bottom: 0 !important; margin-top: 0 !important; font-weight: 400; font-size: 12px !important; line-height: 1.5em; } .rpwe-thumb { border: 1px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important; } .rpwe-summary { font-size: 12px; } .rpwe-time { color: #bbb; font-size: 11px; } .rpwe-comment { color: #bbb; font-size: 11px; padding-left: 5px; } .rpwe-alignleft { display: inline; float: left; } .rpwe-alignright { display: inline; float: right; } .rpwe-aligncenter { display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after { content: ""; display: table !important; } .rpwe-clearfix:after { clear: both; } .rpwe-clearfix { zoom: 1; } #page-container { overflow: hidden; } /* Change Orientation Of Footer Widget Images */ #custom_html-3, #custom_html-2 { display: none; } @media screen and (max-width:768px) { #custom_html-2, #custom_html-3 { display: block !important; width: 100%; } #custom_html-4, #custom_html-5 { display: none !important; } #footer-widgets .footer-widget { margin-bottom: 5% !important; } #footer-widgets .footer-widget li { line-height: 2.5em; } } @media (max-width:767px) { #footer-widgets .footer-widget:nth-child(n) { margin-bottom: 0% !important; } #nav_menu-2 { padding-bottom: 9.5% !important; } #pagelistwidget-2 li, #pagelistwidget-3 li, #pagelistwidget-4 li, #pagelistwidget-5 li, #pagelistwidget-6 li, #pagelistwidget-7 li, #pagelistwidget-8 li, #pagelistwidget-9 li { width: 96% !important; margin-right: 0px !important; } } @media (min-width:768px) and (max-width:1043px) { #pagelistwidget-2 li, #pagelistwidget-3 li, #pagelistwidget-4 li, #pagelistwidget-5 li, #pagelistwidget-6 li, #pagelistwidget-7 li, #pagelistwidget-8 li, #pagelistwidget-9 li { width: 46% !important; list-style-type: square !important; display: list-item !important; margin-right: 10px } #pagelistwidget-2 ul, #pagelistwidget-3 ul, #pagelistwidget-4 ul, #pagelistwidget-5 ul, #pagelistwidget-6 ul, #pagelistwidget-7 ul, #pagelistwidget-8 ul, #pagelistwidget-9 ul { margin: 10px 0 20px 0 !important; } } #pagelistwidget-2 h2, #pagelistwidget-3 h2, #pagelistwidget-4 h2, #pagelistwidget-5 h2, #pagelistwidget-6 h2, #pagelistwidget-7 h2, #pagelistwidget-8 h2, #pagelistwidget-9 h2 { display: none; } .pagelist-tabs .et_pb_tabs_controls li { width: 100%; text-align: center; pointer-events: none; } #pagelistwidget-2, #pagelistwidget-3, #pagelistwidget-4, #pagelistwidget-5, #pagelistwidget-6, #pagelistwidget-7, #pagelistwidget-8, #pagelistwidget-9 { padding: 1%; } #pagelistwidget-2 li, #pagelistwidget-3 li, #pagelistwidget-4 li, #pagelistwidget-5 li, #pagelistwidget-6 li, #pagelistwidget-7 li, #pagelistwidget-8 li, #pagelistwidget-9 li { width: 31%; line-height: 1.5em; float: left; margin-top: 3px; list-style-type: square; display: list-item; margin-right: 33px; } #pagelistwidget-2 ul, #pagelistwidget-3 ul, #pagelistwidget-4 ul, #pagelistwidget-5 ul, #pagelistwidget-6 ul, #pagelistwidget-7 ul, #pagelistwidget-8 ul, #pagelistwidget-9 ul { max-width: 100%; margin: 10px 0px 20px 10px; overflow: hidden; font-size: 14px; } /*#pagelistwidget-2 ul li:before, #pagelistwidget-3 ul li:before, #pagelistwidget-4 ul li:before, #pagelistwidget-5 ul li:before, #pagelistwidget-6 ul li:before, #pagelistwidget-7 ul li:before, #pagelistwidget-8 ul li:before, #pagelistwidget-9 ul li:before { font-family: 'FontAwesome'; content: 'f144'; margin: 0; font-size: 13px; font-weight: 100; color: #4b4b54; padding: 0 10px; }*/ @media only screen and (min-width:1000px) and (max-width:1600px) { #pagelistwidget-2 li, #pagelistwidget-3 li, #pagelistwidget-4 li, #pagelistwidget-5 li, #pagelistwidget-6 li, #pagelistwidget-7 li, #pagelistwidget-8 li, #pagelistwidget-9 li { width: 45% !important; } } @media only screen and (max-width:999px) { #pagelistwidget-2 li, #pagelistwidget-3 li, #pagelistwidget-4 li, #pagelistwidget-5 li, #pagelistwidget-6 li, #pagelistwidget-7 li, #pagelistwidget-8 li, #pagelistwidget-9 li { width: 100% !important; margin: 0px 5% !important; padding-right: 7%; } /* Popup Disclaimer */ h3.termstitle { background-color: #936b8b; padding: 20px !important; padding-bottom: 30px !important; margin: 0px !important; font-size: 35px; } .tbrightcontent { background-color: #936b8b; height: auto; top: 20%; border-radius: 25px; } .termspopupcontainer p { font-size: 16px !important; color: white; text-align: center; padding-left: 15px; padding-right: 15px; } .tthebutton { margin: 35px auto !important; } input.termsagree { background-color: #936b8b; color: white; font-size: 15px; border-radius: 25px; border-style: solid; border-width: 1px; padding: 8px; margin-right: 5px; } input.termsagree:hover { background-color: #936b8b; opacity: 0.7; } input.termsdecline { background-color: #936b8b; color: white; font-size: 15px; border-radius: 25px; border-style: solid; border-width: 1px; padding: 8px; margin-left: 5px; } input.termsdecline:hover { background-color: #936b8b; opacity: 0.7; } .termspopupcontainer { padding-bottom: 0px; } /* Popup Mobile View */ @media only screen and (max-width:768px) { .tbrightcontent { top: 5%; left: 7%; width: 86%; } } @media (max-width:600px) { .et-pb-arrow-prev, .et-pb-arrow-next { font-size: 50px } } .opt-in { position: absolute; } .opt-in-text { padding-left: 1em; -webkit-box-decoration-break: clone; box-decoration-break: clone; } @media (max-width:999px) { .opt-in-text { padding-left: 3em; } .wpcf7-list-item-label:after { top: 1em; } } @media (max-width:700px) { .wpcf7-list-item-label:after { top: 1.5em; } } .grecaptcha-badge { display: none !important; } /* The cf7-container */ .cf7-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .cf7-container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .f7-checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .cf7-container:hover input~.f7-checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .cf7-container input:checked~.f7-checkmark { background-color: #2196F3; } /* Create the f7-checkmark/indicator (hidden when not checked) */ .cf7-checkmark:after { content: ""; position: absolute; display: none; } /* Show the f7-checkmark when checked */ .cf7-container input:checked~.f7-checkmark:after { display: block; } /* Style the f7-checkmark/indicator */ .cf7-container .f7-checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Phone layout for the bottom footer */ @media (max-width:420px) { #footer-bottom>.container { width: 100%; } } @media (max-width:510px) { .opt-in-text { font-size: 0.8em; line-height: 20px; } } .form-checkbox { min-height: 60px; } .homeTabs li.et_pb_tab_0 a, .homeTabs li.et_pb_tab_1 a, .homeTabs li.et_pb_tab_2 a, .homeTabs li.et_pb_tab_3 a { min-height: 0px; } @media (max-width:979px) { .homeTabs li.et_pb_tab_0 a, .homeTabs li.et_pb_tab_1 a, .homeTabs li.et_pb_tab_2 a, .homeTabs li.et_pb_tab_3 a { height: 68px; } } @media (min-width:980px) { .homeTabs li.et_pb_tab_0 a, .homeTabs li.et_pb_tab_1 a, .homeTabs li.et_pb_tab_2 a, .homeTabs li.et_pb_tab_3 a { min-height: 235px; } } .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li a { padding: 20px !important; } .cf7-global-form { padding: 5px; } } @media all and (max-width:1350px) { h2, .et_pb_pricing_heading h2 { font-size: 20px !important; } } @media all and (max-width:450px) { span#et-info-phone { display: block; margin-top: 20px; } } .schema_text { font-size: 18px; } .termspopupcontainer .termscontentwrapper { padding: 30px !important; color: #ffffff !important; text-align: center; font-size: 16px; } input.termsagree { color: #ffffff; background-color: transparent; padding: 10px; border-radius: 20px; cursor: pointer; border: 2px solid #ffffff !important; } input.termsdecline { color: #ffffff; background-color: transparent; padding: 10px; border: none; cursor: pointer; } .tbrightcontent { border-radius: 10px; } span.item-name { display: none; } a.star-rating { display: block; } .home_faq .et_pb_toggle_title:before { font-size: 26px; } .home_faq .et_pb_module { margin-bottom: 20px !important; } .btns .et_pb_bg_layout_dark { background-color: #936b8b; border-color: #936b8b; text-decoration: none; margin-right: 20px; } .btns .et_pb_bg_layout_dark:hover { color: #936b8b !important; border-color: #936b8b; } .btns .et_pb_bg_layout_light { text-decoration: none; } .pgafu-post-short-content { display: none; } .btns a:hover { opacity: 1 !important; } .pgafu-post-grid-main.pgafu-design-2 .pgafu-content-above-image { padding: 20px 0px 5px 20px; } ul.pgafu-filter { text-align: left; padding-left: 0px; } .pgafu-post-short-content { font-weight: normal; font-size: 14px; } .pgafu-post-categories a:nth-child(4n+1) { background: #4b4b54; } .pgafu-post-categories a:nth-child(4n+2) { background: #f777cf; } .pgafu-post-grid-main.pgafu-design-2 .pgafu-post-grid-content { border-bottom: 2px solid #4b4b54; } a.readmorebtn { text-align: center; margin: 10px auto; display: block; } .pgafu-filter li a { color: #96487e; background: #f7f7f7; } /* =Theme customization starts here ------------------------------------------------------- */ .et_pb_gutters3 .footer-widget { margin-bottom: 0px !important; } #top-menu li li a { padding: 1px 20px !important; } /* Hover Effect Child Blog Menu */ li#menu-item-47612 a:hover { background-color: rgba(0, 0, 0, 0) !important; } .et_mobile_menu li a { font-weight: bold !important; } /* Page styling */ .solomon-block { position: relative; margin-top: 20px !important; margin-bottom: 20px !important; padding-left: 30px; border-width: 0; list-style: none; overflow: hidden; line-height: 1.5; border-left: 5px solid #936b8b !important; background: rgba(255, 255, 255, 0.69); padding-top: 30px !important; padding-bottom: 30px !important; padding-right: 20px !important; } .solomon-quote { position: relative; margin-top: 20px !important; margin-bottom: 20px !important; padding-left: 30px; border-width: 0; list-style: none; overflow: hidden; line-height: 1.5; background: rgba(255, 255, 255, 1.0); padding-top: 30px !important; padding-bottom: 30px !important; padding-right: 20px !important; color: #3b3542; } .solomon-list { margin: 0.8em 0; border-left: 0; border-right: 0; background: #936b8b; padding: 1em; color: #fff; font-size: 111.6%; font-weight: 200; padding-bottom: 10px !important; } .heading-new { color: #fff !important; } /*LOW RES BORDER IMAGE */ .reslborder img { border: 10px solid #fff; } @media only screen and (max-width:980px) { img#logo { display: none !important; } } */ @media (min-width:981px) { .et_header_style_split .centered-inline-logo-wrap #logo { -webkit-animation: none; -moz-animation: none; -o-animation: none; } } .mini_Logo { padding-left: 10px; font-family: Roboto; font-weight: 100; font-style: normal; color: white !important; font-size: 1.2em; width: 300px; } @media only screen and (max-width:980px) { .mini_Logo { width: 100%; padding-left: 0; } #et-info { float: none !important; text-align: center !important; width: 100% !important; } .et_header_style_split #main-header { padding: 0px 0 15px 0; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0); box-shadow: 0 1px 0 rgba(0, 0, 0, 0); } } #top-header .container { padding: .6em 0 .1em 0 !important; } /* Hide Header on scroll up */ header#main-header.nav-up { position: fixed !important; top: -200px !important; } /*Post Naviagation Hide on Scroll and Reveal*/ #post-nav.nav-down { display: block; } #post-nav.nav-up { display: none; } #post-nav { transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; } header#main-header { transition: top 0.2s ease-in-out; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; } .so_darkbanner { background: #4b4b54 !important; } .so_banner { transition: background 1s ease-in-out; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; } /*Mega Menu*/ /*5 col menu*/ #top-menu li.mega-menu.five-colmenu>ul>li:nth-of-type(5n) { clear: none; } #top-menu li.mega-menu.five-colmenu>ul>li:nth-of-type(6n) { clear: none; } #top-menu li.mega-menu.five-colmenu>ul>li { width: 20%; margin: 0; } html body #top-menu li.mega-menu.mega-menu-parent li li a { text-transform: none !important; } .mega-link>a { text-align: center; font-size: 20px !important; text-transform: uppercase; font-weight: 400 !important; letter-spacing: 3px; } .mega-link>a img { margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*Menu font fix @media only screen and (min-width:981px) { .et-fixed-header #top-menu li a { font-size: 18px!important; } } */ body.post-template-default .et_pb_section { background-color: white !important; } img#logo { padding: 1px 0 7px 0 !important; } body .ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a { color: inherit; font-weight: 100; } /*Mobile logo size*/ @media only screen and (max-width:980px) { #logo { height: 100% !important; max-height: 100% !important; width: auto; max-width: 100% !important; } } /* @media only screen and (max-width: 981px) { /* Changes mobile logo to specified image */ /* #logo { content: url("http://site.com/logo.png"); } } */ /* @media only screen and (min-width: 981px) { .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 40px; padding-bottom: 30px; } .et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { height: 100%; } }*/ /*Helper class*/ /*align button modules to row bottom*/ .rowFlexChild .et_pb_blurb .et_pb_module { margin-top: auto; } @media only screen and (min-width:980px) { /*align module to bottom of col with set height*/ .flexBottom { display: flex; height: 750px; } /*module alignment*/ .flexBottomModule { align-self: flex-end; } } /*end flex bottom */ @media only screen and (max-width:1024px) { .hidemobile { display: none; } } .home.load-dark::before { background: #2d3741 !important; } /*TYPOGRAPHY*/ /*Colors*/ /* Extra banner Links*/ /*default section bg color orerride*/ body .et_pb_section { background-color: #f2efed; } /*link underline*/ .et_pb_text a { text-decoration: underline; } .et_pb_text.so_title a { text-decoration: none !important; } .et_pb_text a:hover { opacity: .7; } .et_pb_text h1 { font-weight: 300; } .et_pb_text h2 { font-size: 29px; line-height: 1.1em; padding-bottom: 0; margin-bottom: 0; font-weight: 300; } .icon-attachment:before { vertical-align: middle; font-size: 24px; color: black; } .so_banner_links { position: absolute; padding: .5%; font-size: 11px; cursor: pointer; left: 0; right: 0; margin: 0 auto; width: 500px; text-align: center; } .so_DarkBtn { background-color: #29292a !important; } .pink { color: #96487e !important; } html { text-rendering: optimizeSpeed !important; -webkit-font-smoothing: antialiased !important; } p { font-weight: 300; } #et-top-navigation { font-weight: 300 !important; } small { font-size: .6em; } sup { bottom: 0.6em; } .fancy_underline a { text-decoration: none; position: relative; } .fancy_underline a:hover, a.fancy_underline:hover { text-decoration: none !important; } .underline { text-decoration: underline; } .fancy_underline a:after, a.fancy_underline:after { content: ''; width: 100%; position: absolute; left: 0; bottom: 1px; border-width: 0 0 1px; border-style: solid; } li.fancy_underline:hover { text-decoration: none !important; } li.fancy_underline:after { content: ''; width: 100%; position: absolute; left: 0; bottom: .5px; border-width: 0 0 1px; /*border-style: solid;*/ } hr { border-top: 1px dotted #000; width: 50%; color: grey; margin: 50px 0 50px 0; } .two-col-list ul li { float: left; width: 50%; padding-right: 20px; line-height: 1.2em; } body.single-post ul, .et_pb_text ul, .et_pb_code ul, body #main-footer ul, .et_pb_blurb_container ul { list-style: square outside none !important; color: #96487e; } /*Post Style Adj*/ body.single-post .et_pb_section { padding: 1% 0 !important; } body.single-post .et_pb_post h2 { margin-top: 10px !important; margin-bottom: 10px !important; } #left-area .post-meta { letter-spacing: 8px; font-size: .8em; } .et_pb_post .post-meta { font-size: 14px !important; line-height: 1.4em; font-weight: 600; } .et_pb_blog_grid .post-content p { font-size: 15px !important; line-height: 1.4em; } /*Mobile Image alignment*/ @media only screen and (max-width:980px) { img.alignright { float: none; width: 90%; margin: 0; } } /*Vertical Align Bottom*/ .Vbottom { position: absolute; bottom: 0; left: 0; } .Vboost { margin-top: -100px; } @media only screen and (max-width:980px) { .Vboost { margin-top: 0; } } .et-dropcap { font-size: 3.4em !important; padding-top: 5px; margin: 0px 7px -1px 0 !important; background-color: #534C5A; color: #F9E1DC; padding: 8px; border-radius: 2px; font-weight: 100 !important; } .so_center { text-align: center; } .border_bottom:after { content: ''; border-bottom: 1px solid grey; width: 120px; height: 5px; display: block; margin-top: .3%; } .border_bottom_center:after { content: ''; border-bottom: 1px solid grey; width: 100px; height: 9px; display: block; margin-top: .5%; margin: 0 auto; } .fancy_flourish:after { content: ''; background: url('images/flourish_grey-01.svg'); width: 170px; height: 90px; display: block; background-size: cover; margin: 0 auto; } .grey { color: grey; } .shadow_border { border: 15px rgba(46, 57, 68, 0.26) solid; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .doublewall_border { padding: 9px; border: 1px solid #29292a; background-color: #fff; box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; border-radius: 4px; } .indent { border-color: #D4AF37; margin: 30px 20px 20px 30px; padding-left: 20px; border-left: 5px solid; } .no_indent { margin: 50px 0 30px 0; border-color: #D4AF37; font-size: 140%; width: 80%; } .price_Hilite { font-size: .7em; line-height: .7em; } .so_Fancy { font-size: 260%; font-weight: lighter; color: #bcced4; vertical-align: top; } .so_allcaps { text-transform: uppercase; } a.so_title { text-decoration: none !important; } .so_title h2 { font-size: 2.4rem; line-height: 1.4em; letter-spacing: -1px; } .so_titleLarge h2 { font-size: 3.6em; letter-spacing: -1px; } .so_title h2 a:hover { color: #D4AF37; text-decoration: underline; } /* ICONS*/ .so_heart, .so_documents, .so_video { margin-bottom: 1%; font-size: 45px; } /*Main Heading Block*/ .so_MainHeadingBlock h3 { font-size: 1.2em; } .so_MainHeadingBlock h2 { font-size: 1.5em; font-weight: 300; } /*Fancy Headings*/ .fancy_heading:before { border-left: 1px solid #2d3741; left: 0; } .fancy_heading:after { border-right: 1px solid #2d3741; right: 0; } .fancy_heading.white:before { border-left: 1px solid #fff; left: 0; } .fancy_heading.white:after { border-right: 1px solid #fff; right: 0; } .page-title-box .fancy_heading { display: inline-block; padding: 0 20% 0 20%; position: relative; } .page-title-box .fancy_heading:before, .page-title-box .fancy_heading:after { width: 20%; height: 23px; content: ''; position: absolute; border-top: 1px solid #2d3741; top: 25%; } .page-title-box.white .fancy_heading.white:before, .page-title-box.white .fancy_heading.white:after { width: 20%; height: 23px; content: ''; position: absolute; border-top: 1px solid #fff; top: 25%; } .et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon:hover { color: rgba(202, 142, 202, 0.71); } /*Single Post Auto Styles*/ body.single-post h4:after { content: ''; border-bottom: 1px solid #d85760; width: 120px; height: 5px; display: block; margin-top: .3%; } /* TEXT LINERAR GRADIENT*/ .LinGrad { display: inline-block; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(left, #7cb4c2 0%, #856652 100%); } /*MEGA MENUS*/ .nav ul li a:hover, .et_mobile_menu li a:hover { background-color: rgba(0, 0, 0, 0.16); } #top-menu:first-child li { text-transform: uppercase; } #top-menu li.mega-menu li>a { text-transform: none; } #top-menu .menu-item-object-category, li.menu-item-type-custom a ul li.menu-item-type-post_type a { text-transform: none; } /*Removes Submenu and reveals on js class add*/ #et-top-navigation #top-menu li.et-hover ul.sub-menu { display: none !important; } #et-top-navigation #top-menu li.show-submenu ul.sub-menu { display: block ! important; opacity: 1 !important; visibility: visible !important; } /*submenu heading*/ #top-menu li.mega-menu>ul>li>a:first-child { font-size: 1.9em; } /*submenu items*/ /*Height of menu items and block bg*/ nav li li { line-height: 1.3em; } /*Home slider arrows*/ .homeSlider .et-pb-arrow-prev::before { content: "\38"; } .homeSlider .et-pb-arrow-next::before { content: "\39"; } /*HOME SLIDER ADJUST HEIGHT*/ /* Full height slider with vertical center text*/ .homeSlider.et_pb_slider .et_pb_slide { height: calc(100vh - 152px); background-repeat: no-repeat; background-size: cover; } .homeSlider.et_pb_slider .et_pb_container { position: relative; transform: translateY(-50%); top: 50%; } @media only screen and (min-width:981px) { /* .homeSlider .et_pb_container { height: 1024px; }*/ .homeSlider .et_pb_slide_description { padding-top: 20px !important; padding-bottom: 20px !important; } .homeSlider .et-pb-arrow-prev, .homeSlider .et-pb-arrow-next { font-size: 128px; } } /* Custom Post DM Slider*/ /*mozilla padding fix @-moz-document url-prefix() { #dm-slider .et_pb_slides .et_pb_slider_container_inner{ padding:70px 0; } } */ #dm-slider .et_pb_slide_image img { margin-top: 0px; margin-left: 0px; max-height: 100% !important; } #dm-slider .et_pb_slide { padding-left: 0px; } /* TURN DOTS INTO RECTANGLES */ #dm-slider .et-pb-controllers a { width: 24px; height: 4px; margin-right: 4px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #dm-slider .et-pb-arrow-prev, #dm-slider .et-pb-arrow-next { background-color: rgba(0, 0, 0, .25); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% !important; } @media only screen and (min-width:980px) { #dm-slider .et-pb-controllers { left: 0 !important; width: 100% !important; height: 10px !important; text-align: center !important; } #dm-slider .et_pb_slide_description { padding-left: 1%; } #dm-slider .et_pb_slide_description { min-height: 440px; } #dm-slider .et_pb_slide_description .et_pb_slide_title { margin-top: 40px !important; } #dm-slider .et-pb-controllers { bottom: 10px !important; } } @media (max-width:980px) { /*fix mobile padding*/ .et_pb_slide_description { padding: 15% 0; } #dm-slider .et_pb_slide_description .et_pb_slide_title, .et_pb_column_1_4 .et_pb_slider_fullwidth_off h2 { font-size: 36px; font-weight: 400 !important; } .et_pb_slide_description .et_pb_slide_title { font-weight: 400 !important; } #dm-slider .et_pb_slide { padding: 0 !important; } #dm-slider .et-pb-controllers { bottom: 3px !important; } } /*style the image*/ #dm-slider .et_pb_slide_image img { padding: 9px; border: 0px solid white; background-color: #dac1bd; box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; border-radius: 3px; } #dm-slider .et_pb_slide_image { width: 38% !important; } #dm-slider .et_pb_slide_with_image .et_pb_slide_description { width: 56.25% !important; } /*style deacription text*/ #dm-slider .et_pb_slide_title { color: antiquewhite !important; } /*active controls*/ #dm-slider .et-pb-active-control { background-color: #96487e !important; } /*BUTTONS*/ .so_Btn { font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important; text-transform: uppercase; color: antiquewhite !important; margin-top: .8%; font-size: 1.1em; background-color: #29292A; border: none; } .so_Btn:hover { color: #2d3741 !important; background-color: antiquewhite; } @media only screen and (min-width:1300px) { .FloatBtn .et_pb_promo_button { float: right; margin-bottom: 2%; } } .GalleryFloatBtn a { background: #fff; font-family: 'cardo', sans-serif; color: #1F232C !important; } @media only screen and (max-width:1000px) { .GalleryFloatBtn a { font-size: 15px; } } .GetStartedGalleryCont p { font-size: 1.7em; line-height: 1.2em; } @media only screen and (max-width:1700px) { .GetStartedGalleryCont p { font-size: 1.1em !important; } .GetStartedGalleryCont { bottom: 4.8vh !important; } } .so_wrap ul li a { color: white !important; } /*COLORS*/ .white { color: white; } .gold { color: #D4AF37; } .turk { color: rgba(3, 60, 82, 0.94); } .dkgold { color: #7c6620; } /*ANIMATIONS*/ /* ========================================================================== KEN BURNS - LINEAR ========================================================================== */ @media only screen and (min-width:767px) { .KenBurnsSection .et_parallax_bg { animation: Kenburns 30s infinite; } } /*ZOOM IN*/ /*@keyframes Kenburns { 0% { opacity: 0; -ms-transform: scale3d(1.15, 1.15, 1.15) translate3d(-15px, 0px, 0px); -webkit-transform: scale3d(1.15, 1.15, 1.15) translate3d(-15px, 0px, 0px); transform: scale3d(1.15, 1.15, 1.15) translate3d(-15px, 0px, 0px); animation-timing-function: linear; } 1% { opacity: 1; } 100% { -ms-transform: scale3d(1.4, 1.4, 1.4) translate3d(-25px, -55px, 0px); -webkit-transform: scale3d(1.4, 1.4, 1.4) translate3d(-25px, -55px, 0px); transform: scale3d(1.4, 1.4, 1.4) translate3d(-25px, -55px, 0px); } } */ /* REVERSE ZOOM OUT*/ @keyframes Kenburns { 0% { opacity: 0; -ms-transform: scale3d(1.4, 1.4, 1.4) translate3d(-25px, -55px, 0px); -webkit-transform: scale3d(1.4, 1.4, 1.4) translate3d(-25px, -55px, 0px); transform: scale3d(1.4, 1.4, 1.4) translate3d(-25px, -55px, 0px); animation-timing-function: linear; } 1% { opacity: 1; } 100% { -ms-transform: scale3d(1.15, 1.15, 1.15) translate3d(-15px, 0px, 0px); -webkit-transform: scale3d(1.15, 1.15, 1.15) translate3d(-15px, 0px, 0px); transform: scale3d(1.15, 1.15, 1.15) translate3d(-15px, 0px, 0px); } } /* ========================================================================== END KEN BURNS - LINEAR ========================================================================== */ /*ROTATE ARROW DOWN MENU*/ #top-menu li>a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #top-menu li:hover>a:after { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* END ROTATE ARROW DOWN MENU*/ /*SLIDE MENU HOVER NO PUSH*/ .et_pb_slide_menu_active #page-container, .et_pb_slide_menu_active #main-header { left: 0 !important; } .et_pb_slide_menu_active #et-top-navigation { margin-right: 320px; } /*END SLIDE MENU NO PUSH*/ /*BOUNCING ARROW @media only screen and (min-width: 980px){ .bounce .scroll-down.et-pb-icon{ -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } } */ /* ========================================================================== More Animations ========================================================================== */ /* Ticking Dial Icon */ .tick { -webkit-animation: tick steps(4) 8s infinite normal; -moz-animation: tick steps(4) 8s infinite normal; -o-animation: tick steps(4) 8s infinite normal; animation: tick steps(4) 8s infinite normal; } @-moz-keyframes tick { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes tick { 100% { -webkit-transform: rotate(360deg); } } @keyframes tick { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Swaying Happy-Face Icon */ .sway { -webkit-animation: sway 3s ease-in-out infinite alternate; -moz-animation: sway 3s ease-in-out infinite alternate; -o-animation: sway 3s ease-in-out infinite alternate; animation: sway 3s ease-in-out infinite alternate; } @-moz-keyframes sway { 0% { -moz-transform: rotate(-15deg); } 100% { -moz-transform: rotate(15deg); } } @-webkit-keyframes sway { 0% { -webkit-transform: rotate(-15deg); } 100% { -webkit-transform: rotate(15deg); } } @-o-keyframes sway { 0% { -o-transform: rotate(-15deg); } 100% { -o-transform: rotate(15deg); } } @-ms-keyframes sway { 0% { -ms-transform: rotate(-15deg); } 100% { -ms-transform: rotate(15deg); } } @keyframes sway { 0% { transform: rotate(-15deg); } 100% { transform: rotate(15deg); } } /* ========================================================================== Pulsing Slide Arrows ========================================================================== */ @keyframes pulse { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes pulse { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes pulse { from { opacity: 1; } to { opacity: 0; } } .homeSlider .et-pb-arrow-prev::before, .homeSlider .et-pb-arrow-next::before { -webkit-animation: pulse 3s ease-in alternate infinite; -moz-animation: pulse 3s ease-in alternate infinite; animation: pulse 3s ease-in alternate infinite; } /* ========================================================================== Pulsing Slide Arrows End ========================================================================== */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .so_animate_overlay div.et_pb_slide_0 { /*background-color: rgba(242, 242, 242, 0.71)!important;*/ -webkit-animation: fadein 4s ease-in alternate 1; -moz-animation: fadein 4s ease-in alternate 1; animation: fadein 4s ease-in alternate 1; } /* ========================================================================== TWO COLUMN SWITCH ========================================================================== */ @media only screen and (max-width:980px) { .TwoColumnSwitch .et_pb_row { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } /* ========================================================================== END TWO COLUMN SWITCH ========================================================================== */ /*Logo style*/ img#logo { padding: 4px 0 4px 0; } /* ========================================================================== TWO IAMGES OVERLAP CENTER ========================================================================== */ /*global*/ .sanazImgLeft, .sanazImgRight { box-shadow: 0 0 50px rgba(0, 0, 0, .3); } /*left image*/ .sanazOverlap .sanazImgLeft { float: left; z-index: 998; } /*right image*/ .sanazOverlap .sanazImgRight { float: right; z-index: 999; position: absolute; right: 0; } @media only screen and (max-width:2400px) { .sanazOverlap .sanazImgRight { margin-right: 25%; margin-top: 5%; } .sanazOverlap .sanazImgLeft { margin-left: 25%; } } @media only screen and (max-width:1500px) { .sanazOverlap .sanazImgRight { margin-right: 15%; margin-top: 5%; } .sanazOverlap .sanazImgLeft { margin-left: 15%; } } @media screen and (max-width:1140px) { .sanazOverlap .sanazImgRight { margin-top: 5%; margin-right: 10%; } .sanazOverlap .sanazImgLeft { margin-left: 10%; } } @media screen and (max-width:980px) { .sanazOverlap .sanazImgRight { margin-top: 20%; } } @media screen and (max-width:768px) { .sanazOverlap .sanazImgRight { margin-top: 25%; } } @media screen and (max-width:600px) { .sanazOverlap .sanazImgRight { margin-top: 60%; } } /* ========================================================================== 2xColumn Mobile ========================================================================== */ @media (max-width:980px) { .twoX2 .et_pb_column { max-width: 50% !important; } html body .et_pb_column.et_pb_column_1_4.mobilecolx2, html body .et_pb_section .et_pb_row .et_pb_column_1_4.mobilecolx2, .mobilecolx2 { max-width: 50% !important; width: 50% !important; display: inline-block; margin-right: 0; } .twoX2 .et_pb_column.et_pb_column_1_3:nth-of-type(3) { margin: 0 25%; } } /* ========================================================================== OVERLAPPING TEXT & IMAGE SECTION ========================================================================== */ /* IMAGE LEFT & TEXT RIGHT */ .sanazOverlap .sanazOverlapImageLeft { box-shadow: 0 0 50px rgba(0, 0, 0, .3); position: relative; z-index: 998; margin-left: 75px; } .sanazOverlap .sanazOverlapTextRight { box-shadow: 0 0 50px rgba(0, 0, 0, .2); position: relative; z-index: 999; margin-left: -125px; margin-top: 75px; } @media screen and (max-width:1140px) { .sanazOverlap .sanazOverlapImageLeft { margin-left: 50px; } .sanazOverlap .sanazOverlapTextRight { margin-left: -75px; margin-top: 50px; } } @media screen and (max-width:980px) { .sanazOverlap .sanazOverlapImageLeft { margin-left: 13%; } .sanazOverlap .sanazOverlapTextRight { margin-left: -13%; margin-top: 30px; } } @media screen and (max-width:768px) { .sanazOverlap .sanazOverlapImageLeft { margin-left: 10%; } .sanazOverlap .sanazOverlapTextRight { margin-left: -10%; } } @media screen and (max-width:600px) { .sanazOverlap .sanazOverlapImageLeft { margin-left: 0; } .sanazOverlap .sanazOverlapTextRight { margin-left: 0; } } /* TEXT LEFT & IMAGE RIGHT */ .sanazOverlap .sanazOverlapImageRight { box-shadow: 0 0 50px rgba(0, 0, 0, .3); position: relative; z-index: 998; margin-left: -125px; } .sanazOverlap .sanazOverlapTextLeft { box-shadow: 0 0 50px rgba(0, 0, 0, .2); position: relative; z-index: 999; margin-left: 75px; margin-top: 75px; } @media screen and (max-width:1140px) { .sanazOverlap .sanazOverlapImageRight { margin-left: -75px; } .sanazOverlap .sanazOverlapTextLeft { margin-left: 50px; margin-top: 50px; } } @media screen and (max-width:980px) { .sanazOverlap .sanazOverlapImageRight { margin-left: -13%; margin-top: 30px; } .sanazOverlap .sanazOverlapTextLeft { margin-left: 13%; margin-top: 0; } } @media screen and (max-width:768px) { .sanazOverlap .sanazOverlapImageRight { margin-left: -10%; } .sanazOverlap .sanazOverlapTextLeft { margin-left: 10%; } } @media screen and (max-width:600px) { .sanazOverlap .sanazOverlapImageRight { margin-left: 0; } .sanazOverlap .sanazOverlapTextLeft { margin-left: 0; } } /* ========================================================================== END OVERLAPPING TEXT & IMAGE SECTION ========================================================================== */ /*FLOATING OVERLAP DIV*/ .section-overlap:before { content: ''; width: 100%; position: absolute; height: 18%; top: -18%; z-index: 1; background-color: #2e2e2e; } .cta-overlap { z-index: 2; } /* ========================================================================== CUSTOM HOMEPAGE GALLERY ========================================================================== */ #so_homepageGallery .et_pb_gallery_image img { border: 10px #fff solid; box-shadow: 0 0 50px rgba(0, 0, 0, .2); } /*HEADER LOGO SECTION 2 -HOMEPAGE*/ .no_modulepadding.et_pb_blurb { margin-bottom: 0; } .no_columnpadding .et_pb_column .et_pb_module { margin-bottom: 0; } .no_columnpadding .et_pb_column { margin-bottom: 0; } .no_rowpadding.et_pb_row { padding: 0; } /* ========================================================================== OVERLAP BUTTONS ========================================================================== */ @media only screen and (max-width:980px) { .et_pb_button.OverlapBtnLeft { margin-right: -90px; } .et_pb_button.OverlapBtnRight { margin-left: -50px; } } @media only screen and (max-width:780px) { .et_pb_button.OverlapBtnLeft { margin-right: -70px; } .et_pb_button.OverlapBtnRight { margin-left: -30px; } #NoMobileIcon:after, #NoMobileIcon:before { display: none !important; } } @media only screen and (max-width:480px) { .et_pb_button.OverlapBtnLeft { margin-right: -40px; } .et_pb_button.OverlapBtnRight { margin-left: -20px; } .et_pb_button.OverlapBtnLeft { padding-left: 0em !important; padding-right: 1em !important; } .et_pb_button.OverlapBtnRight { padding-right: 0em !important; padding-left: 1em !important; } } /* ========================================================================== Cool Sculpt Banner tab ========================================================================== */ #CoolSculptCont { margin: 0; width: 100%; height: 100%; width: auto; } .CoolSculptInnerCont { width: 90%; padding: 8%; height: 700px; display: table-cell; vertical-align: middle; position: relative; } .CoolSculptLogo { width: 396px; height: 71px; background: url('images/Coolsculptinglogo.png'); background-size: cover; margin-bottom: 0px; } #CoolSculptCont h2 { font-weight: 600; letter-spacing: -3px; text-transform: uppercase; color: #96487e; font-size: 5em; line-height: 1.2em; margin-bottom: -3%; } #CoolSculptCont h3 { font-weight: 100; font-size: 6em; text-transform: uppercase; color: #1f64af; line-height: 1em; letter-spacing: -7px; } .csTitleOne { font-weight: 600 !important; } .rw-sentence { margin: 0; text-align: left; } .rw-sentence span { color: #2d3741; white-space: nowrap; font-weight: 300; font-size: 1.3em; line-height: 1.2em; } .rw-words span { position: absolute; opacity: 0; overflow: hidden; width: 100%; color: #96487e; } @media only screen and (max-width:780px) { .rw-words span { width: 370px; font-size: 1em; } } .rw-words-1 span { animation: rotateWordsFirst 18s linear infinite 0s; } /*.rw-words-2 span{ animation: rotateWordsSecond 19s linear 3 0s; }*/ .rw-words span:nth-child(2) { animation-delay: 3s; color: #6b889d; } .rw-words span:nth-child(3) { animation-delay: 6s; color: #6b739d; } .rw-words span:nth-child(4) { animation-delay: 9s; color: #7a6b9d; } .rw-words span:nth-child(5) { animation-delay: 12s; color: #8d6b9d; } .rw-words span:nth-child(6) { animation-delay: 15s; color: #9b6b9d; } .CS_button { margin-top: 60px; font-size: 14px; } /* .rw-words span:nth-child(7) { animation-delay: 17s; color: #6b889d; } .rw-words span:nth-child(8) { animation-delay: 20s; color: #6b739d; } .rw-words span:nth-child(9) { animation-delay: 23s; color: #7a6b9d; } .rw-words span:nth-child(10) { animation-delay: 24s; color: #8d6b9d; } .rw-words span:nth-child(11) { animation-delay: 27s; color: #9b6b9d; } */ @keyframes rotateWordsFirst { 0% { opacity: 1; animation-timing-function: ease-in; height: 0px; } 8% { opacity: 1; height: 60px; } 19% { opacity: 1; height: 60px; } 25% { opacity: 0; height: 60px; } 100% { opacity: 0; } } /*@keyframes rotateWordsSecond { 0% { opacity: 1; animation-timing-function: ease-in; width: 0px; } 10% { opacity: 0.3; width: 0px; } 20% { opacity: 1; width: 100%; } 27% { opacity: 0; width: 100%; } 100% { opacity: 0; } }*/ @media only screen and (max-width:980px) { #CoolSculptCont h2 { font-size: 3em; } #CoolSculptCont h3 { font-size: 3em; } #CoolSculptCont h6 { font-size: 1.6em; } #CoolSculptCont .rw-words { font-size: .7em; } /*Mobile BG image*/ .fancy-tabs.et_pb_tabs div.et_pb_tab_3.et_pb_tab { background-image: url(images/CoolSculptingBG-mob-02.jpg); } .CoolSculptLogo { width: 216px; height: 65px; } } /* ========================================================================== FANCY TABS ========================================================================== */ /*Tabs padding per tab*/ .et_pb_tabs_controls .et_pb_tab_active a { padding: 5px 30px 3px; } .hideTab { opacity: 0; height: 0; } .et_pb_tab { padding: 0px; } /*More Globals */ .fancy-tabs .et_pb_tabs_0 .et_pb_tab { padding: 1% !important; } .fancy-tabs .et_pb_all_tabs { border-top: none !important; } /*Mobile Breakpoints styles*/ @media only screen and (max-width:980px) and (min-width:760px) { .fancy-tabs .et_pb_tabs_controls li { width: 25%; padding-top: 2%; } .et_pb_tabs_controls li a { min-height: 110px; } } @media only screen and (max-width:780px) { .et_pb_tabs_controls .et_pb_tab_active a { padding: 20px 0px 20px 20px; } } @media only screen and (min-width:980px) and (max-width:1392px) { .fancy-tabs.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li { min-height: 240px; } } @media (min-width:981px) { /*set a minimum height (at least as tall as your tallest tabs content) for the tab section so the page doesnt jump with different tab content heights*/ /*edit the tab BG + text/hover colour for tab text*/ /*width % is dependant on how many tabs you want. 100/number of tabs=xx%*/ .fancy-tabs .et_pb_tabs_controls li { width: 25%; border-right: none; } .fancy-tabs .et_pb_tabs_controls li a { min-width: 60px; text-align: center; display: block; padding-top: 30px !important; color: #ccc; margin-top: -2%; margin-bottom: 2%; } /*alignment and size of tab icon/text*/ .fancy-tabs .et_pb_tabs_controls li a:hover { color: #333; } /*edit the URL to the icons (50pxx50px) + edit for the number of tabs you have*/ /*gloabls*/ .fancy-tabs.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_0 { background-color: rgb(134, 126, 144); } .fancy-tabs.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_1 { background-color: rgba(134, 126, 144, .80); } .fancy-tabs.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_2 { background-color: rgba(134, 126, 144, .60); } .fancy-tabs.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_3 { background-color: rgba(134, 126, 144, .40); } .fancy-tabs.et_pb_tabs_0 .et_pb_tabs_controls li.et_pb_tab_1.et_pb_tab_active, .fancy-tabs.et_pb_tabs_0 .et_pb_tabs_controls li.et_pb_tab_2.et_pb_tab_active, .fancy-tabs.et_pb_tabs_0 .et_pb_tabs_controls li.et_pb_tab_3.et_pb_tab_active { background-color: #dac1bd; } .fancy-tabs.et_pb_tabs { border: none; } .fancy-tabs .et_pb_tabs_controls li a:before { width: 160px; height: 160px; display: block; background-color: #2e3944; border-radius: 160px; margin: 0 auto; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transitioin: all .3s ease; } .fancy-tabs .et_pb_tabs_controls li:nth-child(1) a:before { content: ''; background: url('images/Rhinoplasty.png') no-repeat top center; background-size: 100%; -webkit-filter: grayscale(0); filter: grayscale(0); background-blend-mode: multiply; background-color: white; margin-bottom: 10px !important; } .fancy-tabs .et_pb_tabs_controls li:nth-child(2) a:before { content: ''; background: url('images/Facelifts.png') no-repeat top center; background-size: 100%; -webkit-filter: grayscale(0); filter: grayscale(0); background-blend-mode: multiply; background-color: white; margin-bottom: 10px !important; } .fancy-tabs .et_pb_tabs_controls li:nth-child(3) a:before { content: ''; background: url('images/Botox.png') no-repeat top center; background-size: 100%; -webkit-filter: grayscale(0); filter: grayscale(0); background-blend-mode: multiply; background-color: white; margin-bottom: 10px !important; } .fancy-tabs .et_pb_tabs_controls li:nth-child(4) a:before { content: ''; background: url('images/Coolsculpting.png') no-repeat top center; background-size: 100%; -webkit-filter: grayscale(0); filter: grayscale(0); background-blend-mode: multiply; background-color: white; margin-bottom: 10px !important; } /*Special Effect*/ .fancy-tabs .et_pb_tabs_controls li:nth-child(1) a.specialEffect:before { -webkit-filter: grayscale(.7); filter: grayscale(.7); /*background-blend-mode: multiply; background-color: #96487e !important;*/ } .fancy-tabs .et_pb_tabs_controls li:nth-child(2) a.specialEffect:before { -webkit-filter: grayscale(.7); filter: grayscale(.7); /*background-blend-mode: multiply; background-color: rgba(4, 3, 4, 0.81) !important;*/ } .fancy-tabs .et_pb_tabs_controls li:nth-child(3) a.specialEffect:before { -webkit-filter: grayscale(.7); filter: grayscale(.7); /*background-blend-mode: multiply; background-color: rgba(4, 3, 4, 0.81) !important;*/ } .fancy-tabs .et_pb_tabs_controls li:nth-child(4) a.specialEffect:before { -webkit-filter: grayscale(.7); filter: grayscale(.7); /* background-blend-mode: multiply; background-color: rgba(4, 3, 4, 0.81) !important;*/ } .fancy-tabs .et_pb_tabs_controls li:nth-child(1) a:hover:before, .fancy-tabs .et_pb_tabs_controls li:nth-child(2) a:hover:before, .fancy-tabs .et_pb_tabs_controls li:nth-child(3) a:hover:before, .fancy-tabs .et_pb_tabs_controls li:nth-child(4) a:hover:before { background-size: 150%; } /*Video Page*/ .ProcLinks.fancy-tabs .et_pb_tabs_controls li:nth-child(1) a:before { content: ''; background: url('images/Face-Procedure.png') no-repeat top center; background-size: 100%; } .ProcLinks.fancy-tabs .et_pb_tabs_controls li:nth-child(2) a:before { content: ''; background: url('images/Botox-Cosmetic.png') no-repeat top center; background-size: 100%; } .ProcLinks.fancy-tabs .et_pb_tabs_controls li:nth-child(3) a:before { content: ''; background: url('images/Deep-Peels.png') no-repeat top center; background-size: 100%; } .ProcLinks.fancy-tabs .et_pb_tabs_controls li:nth-child(4) a:before { content: ''; background: url('images/Collagen.png') no-repeat top center; background-size: 100%; } .ProcLinks.fancy-tabs .et_pb_tabs_controls li:nth-child(1) a:hover:before, .fancy-tabs .et_pb_tabs_controls li:nth-child(2) a:hover:before, .fancy-tabs .et_pb_tabs_controls li:nth-child(3) a:hover:before, .fancy-tabs .et_pb_tabs_controls li:nth-child(4) a:hover:before { background-size: 150%; } .ProcLinks.fancy-tabs.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_5 { background-color: rgba(115, 129, 130, 0.53); } .ProcLinks.fancy-tabs.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_6 { background-color: rgba(115, 129, 130, 0.43); } .ProcLinks.fancy-tabs.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_7 { background-color: rgba(115, 129, 130, 0.33); } } /*End of Media Query*/ /*Contact Form*/ .so_formField h3 { line-height: 2em; } .so_hide { display: none; } .so_show { display: block; } @media only screen and (max-width:980px) { .so_hide { display: block; } } .so_formField { margin-bottom: 10px; } .so_formField input[type="text"], .so_formField input[type="password"], .so_formField input[type="date"], .so_formField input[type="datetime"], .so_formField input[type="email"], .so_formField input[type="number"], .so_formField input[type="search"], .so_formField input[type="tel"], .so_formField input[type="time"], .so_formField input[type="url"], .so_formField textarea { border-left: none !important; border-right: none !important; border-top: none !important; width: 100%; line-height: 2em; font-size: 17px; padding-left: 20px; font-family: 'arvo', sans-serif; background: transparent; color: white; } /*On Focus*/ input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus { border-color: #fff; } textarea#so_messageField.wpcf7-form-control.wpcf7-textarea { width: 100%; padding: 4%; font-size: 17px; font-family: 'arvo', sans-serif; } textarea#so_messageField.wpcf7-form-control.wpcf7-textarea:focus { border-color: #fff; } /*two col fields*/ .so_formField input[type="tel"] { width: 97%; } .so_select_title { padding: 20px; margin-top: -30px; margin-bottom: 120px; } .g-recaptcha { z-index: 9999; float: right; position: absolute; padding: 13px; transform: scale(0.6); transform-origin: 0; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .wpcf7 form input[type="submit"] { background: #96487e; color: #fff; font-size: 22px !important; line-height: 1.5em; height: 100px; width: 100%; border: none; border-radius: 3px; } .wpcf7 form input[type="submit"]:hover { color: grey; border: none !important; background: #fff; } .wpcf7 form input::-webkit-input-placeholder, .wpcf7 form textarea::-webkit-input-placeholder { color: #fff !important; font-family: 'Roboto', sans-serif !important; opacity: .60; font-size: 120%; } .wpcf7 form input::-moz-input-placeholder, .wpcf7 form textarea::-moz-input-placeholder { color: #fff !important; font-family: 'Roboto', sans-serif !important; font-size: 110%; } .wpcf7 form input:-ms-input-placeholder, .wpc7 form textarea:-ms-input-placeholder { color: #fff !important; font-family: 'Roboto', sans-serif !important; font-size: 120%; } .wpcf7 form input:-moz-input-placeholder, .wpcf7 form textarea:-moz-input-placeholder { color: #fff !important; font-family: 'Roboto', sans-serif !important; font-size: 120%; } .wpcf7 form .wpcf7-not-valid-tip { color: #ff5a5f !important; } div.wpcf7-validation-errors { border: 2px solid #ff5a5f !important; } /*IMAGE RADIO BTNS*/ .wpcf7 div.et_pb_toggle { margin-top: 20px; border-radius: 3px; margin-bottom: 0px !important; } span.wpcf7-list-item-label { font-size: 0.8em; vertical-align: top; line-height: 2.5em; } @media only screen and (max-width:980px) { span.wpcf7-list-item-label { line-height: 3em; } } span.wpcf7-list-item { margin: 0 0 0 .7em; } input[type="radio"] { margin-right: 5px; zoom: 2; } span.wpcf7-list-item:before, span.wpcf7-list-item.first:before { width: 80px; height: 80px; display: block; position: absolute; background-color: antiquewhite; padding: 2px; border-radius: 100px; top: -120px; margin-left: 60px; border: 2px solid grey; } /*HouzzBadges*/ #FormTitle { text-align: center; margin: 13% 0 5% 0; } #HouzzFloat { position: absolute; right: 2.5%; top: 2%; height: 54px; text-align: center; } .HouzzBadges { display: inline-block; margin-left: auto; margin-right: auto; height: 54px; padding: 4px; } #HouzzFloat a:last-child { padding-left: 4px; } /*Remove form graphics for mobile*/ @media only screen and (max-width:980px) { span.wpcf7-list-item:before, span.wpcf7-list-item.first:before { display: none; } .so_select_title { margin-bottom: 20px; } .so_formField input[type="tel"] { width: 100%; } form div.et_pb_row { padding: 0 !important; } } /*BFA BANNER*/ .so_bfa_row { transition: all 2s ease; -webkit-transition: all 2s ease; } .so_bfa_button { position: absolute; width: 400px; height: 400px; left: 50%; margin-left: -200px; margin-top: 160px; } .so_bfa_title, .so_bfa_section { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; } .so_slash:after { content: ""; position: absolute; border-top: 1px solid red; width: 40px; transform: rotate(45deg); transform-origin: 0% 0%; } .so_bfa_title { width: 400px; height: 400px; background-color: rgba(151, 136, 134, 0.71); border-radius: 400px; border: white solid 4px; vertical-align: middle; display: table-cell; text-align: center; padding: 20px; } .so_bfa_title h2, .so_bfa_title h3 { color: white; } .so_bfa_title h2 { text-transform: uppercase; font-size: 2.1em; line-height: 1em; } .so_bfa_title h3 { font-size: 1.5em; line-height: 1.3em; } .so_bfa_title svg { stroke: white; vertical-align: middle; } .so_bfa_title a.et_pb_button { color: white !important; font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif !important; text-transform: uppercase !important; letter-spacing: 6px; } .so_bfa_row { min-height: 700px; background-size: cover; background-position: center center; border-radius: 4px; } @media only screen and (max-width:760px) { .so_bfa_title { width: 300px; height: 300px; padding: 2%; } .so_bfa_button { position: absolute; width: 300px; height: 300px; left: 50%; margin-left: -150px; margin-top: 100px; } .so_bfa_title h2 { font-size: 2.1em; } .so_bfa_row { min-height: 500px; } .so_bfa_section { padding: 0 !important; } .so_bfa_title a.et_pb_button { letter-spacing: 0; } } /*Map*/ .wpgmp_map div { text-align: center; } div.wpgmp_infowindow { font-size: 16px; line-height: 1.2em; padding: 2% 0; } div.wpgmp_infowindow h3 { font-size: 30px; text-transform: uppercase; } /*Map*/ .wpgmp_infowindow .so_Btn { font-size: 1.3em; margin-top: 2%; } .wpgmp_infowindow .so_Btn:hover { color: #2d3741 !important; background-color: antiquewhite !important; } @media only screen and (min-width:980px) { .wpgmp_infowindow phone { font-size: 30px; line-height: 1.4em; } } /*Surgery App Home*/ .ProcBG { width: 1300px; height: 800px; background-position: center top; margin: 0 auto; position: relative; } .FaceProcedure { background-image: url('images/animations/Face-Procedure-BG.jpg'); background-size: cover; } .BotoxProcedure { background-image: url('images/animations/Botox-Cosmetic-BG.jpg'); background-size: cover; } .PeelsProcedure { background-image: url('images/animations/Deep-Peels-BG.jpg'); background-size: cover; } .CollagenProcedure { background-image: url('images/animations/Collagen-Procedure-BG.jpg'); background-size: cover; } .so_PlayBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 200px; height: 200px; } .flt-lft { display: inline-flex; } .surgery-app a { width: 161px; height: 30px; background: url(images/upload-button.jpg) top left no-repeat; padding: 0; position: absolute; top: 52px; left: 70px; } .surgery-app { width: 100%; height: 92px; background: url(images/surgery-app.jpg) top left no-repeat; background-size: 100%; margin: 10px 0 0; padding: 0; position: relative; } .blog-box-2-image { width: 106px; height: 118px; padding: 0; margin: 0; background: url(images/blog-box-2.jpg) top left no-repeat; width: 100%; } .blog-box-2-image p { float: right; width: 250px; padding: 30px 0 0 50px; } .procedure-video { width: 100%; height: 400px; background: #fff; padding: 10px 15px; border: 1px solid #c1c1c1; margin: 10px 0 0; } .procedure-video h4 { text-align: center; font: 400 22px/30px 'Roboto Condensed', sans-serif; color: #000; padding: 0 0 10px; background: 0 0; border: none; } .procedure-video-1 { text-decoration: none; float: left; font: 400 12px/14px Roboto, sans-serif; color: #111; text-align: center; margin-left: 0; background: url(images/animations/Face-Lift-Procedure-Video.jpg) top left no-repeat; padding: 45px 0 0; } .procedure-video-1:hover { color: #999; background: url(images/animations/Face-Lift-Procedure-Video.jpg) top right no-repeat; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; } .procedure-video-2 { text-decoration: none; float: left; font: 400 12px/14px Roboto, sans-serif; color: #111; text-align: center; margin-left: 6px; background: url(images/animations/Face-Lift-Procedure-Video.jpg) top left no-repeat; padding: 45px 0 0; } .procedure-video-2:hover { color: #999; background: url(images/animations/Face-Lift-Procedure-Video.jpg) top right no-repeat; transition: all .3s ease 0s -webkit-transition:all .3s ease 0s; -moz-transition: all .3s ease 0s; } .procedure-video-3 { text-decoration: none; float: left; font: 400 12px/14px Roboto, sans-serif; color: #111; text-align: center; margin-left: 6px; background: url(images/animations/Face-Lift-Procedure-Video.jpg) top left no-repeat; padding: 45px 0 0; } .procedure-video-3:hover { color: #999; background: url(images/animations/Face-Lift-Procedure-Video.jpg) top right no-repeat; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; } .procedure-video-4 { text-decoration: none; float: left; font: 400 12px/14px Roboto, sans-serif; color: #111; text-align: center; margin-left: 6px; background: url(images/animations/Face-Lift-Procedure-Video.jpg) top left no-repeat; padding: 45px 0 0; } .procedure-video-4:hover { color: #999; background: url(images/animations/Face-Lift-Procedure-Video.jpg) top right no-repeat; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; } .animation-button:hover { background: url(images/animation.jpg) bottom left no-repeat; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; } .animation-button { width: 252px; height: 36px; background: url(images/animation.jpg) top left no-repeat; display: inline-block; margin: 10px 0 0 22px; } /*Pop-Ups*/ .pum-theme-31435 .pum-container, .pum-theme-lightbox .pum-container { border: 0px solid #363a64 !important; box-shadow: 0px 0px 30px 0px rgba(2, 2, 2, 0.51) !important; } .pum-theme-31435 .pum-title, .pum-theme-lightbox .pum-title { color: #363a64 !important; text-align: right !important; text-shadow: none !important; font-size: 17px !important; line-height: 22px !important; } .pum-theme-31435 .pum-content+.pum-close, .pum-theme-lightbox .pum-content+.pum-close { height: 60px !important; width: 60px !important; right: -24px !important; top: -54px !important; padding: 0px; color: #ffffff; font-family: inherit; font-size: 44px !important; font-weight: 100 !important; border: none !important; border-radius: 0 !important; box-shadow: 0px 0px 15px 1px rgba(2, 2, 2, 0.0) !important; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) !important; background-color: transparent !important; } .pum-theme-31435, .pum-theme-lightbox { background-color: #524b59 !important; } /*Top Bar Styling*/ #top-header .container { padding-top: 1.3em; font-weight: 600; padding-bottom: 0.75em; } #et-info { width: 33.3%; float: right; text-align: right; } .cta { width: 33.3%; text-align: center; margin-top: -3px; } .cta a { background: #fff; color: #3a3b3d !important; padding: 5px 10px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: 700 !important; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .cta a:hover { background: #555; color: #fff !important; } #et-secondary-menu { width: 33.3%; float: left; text-align: left; } @media (max-width:980px) { #et-info { width: 50%; float: right; text-align: right; } .cta { width: 50%; text-align: center; float: left; margin-top: -3px; } #et-info { padding-top: 0px; padding-bottom: 0.75em; } } @media (max-width:740px) { .cta { display: none; } #et-info { width: 100%; } } #et-info span#et-info-email { display: none; } /*Top banner */ .so_banner .so_Btn { font-size: .9em; margin-top: 0; } .so_banner .so_Btn:hover { background-color: white; color: #683448 !important; border: none; } .so_banner .so_Btn:after { font-size: 1.4em; } /*End Topbar*/ /*Type Head Effect*/ #so_typeHead h1 { line-height: 1.2em !important; } section#so_typeHead.dwd-fwe.et_pb_fullwidth_header.et_pb_module.et_pb_bg_layout_dark.et_pb_text_align_center.et_pb_fullwidth_header_extended_1.et_pb_typing_effect.dwd-typing-static { min-height: 300px; } /*Patient Navigatin*/ .single-project.et_pb_pagebuilder_layout .nav-single { width: 100%; padding: 0 10px; } /*Instagrm Filters*/ /*div.et_pb_slide.et_pb_bg_layout_light.et_pb_media_alignment_center.et_pb_slide_0.et-pb-active-slide:hover{*/ /*-webkit-filter: sepia(0.5) hue-rotate(-30deg) saturate(1.0) contrast(0.8); filter: sepia(0.5) hue-rotate(-30deg) saturate(1.0) contrast(0.8); */ /* -webkit-filter: grayscale(.7); filter: grayscale(.7); background-blend-mode: multiply; background-color: rgba(4, 3, 4, 0.81) !important; } */ .GoDark { -webkit-filter: grayscale(.7); filter: grayscale(.7); background-blend-mode: multiply; background-color: rgba(4, 3, 4, 0.81) !important; } .GoLight, div.et_pb_slide_0, .so_bfa_section .so_bfa_row { -webkit-filter: grayscale(0); filter: grayscale(0); background-blend-mode: multiply; background-color: white; } div.et_pb_slide_0 .et_parallax_bg, .et_pb_slide_title .et_pb_slide_content { transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; } #Filter_Rise .et_pb_fullwidth_header_extended_0.dwd-fwe.et_pb_fullwidth_header { /*Rise*/ -webkit-filter: saturate(1.4) sepia(0.55) hue-rotate(-15deg) contrast(0.8) brightness(1.1); filter: saturate(1.4) sepia(0.55) hue-rotate(-15deg) contrast(0.8) brightness(1.1); } #Filter_Valencia .et_pb_fullwidth_header_extended_0.dwd-fwe.et_pb_fullwidth_header { /*Valencia*/ -webkit-filter: sepia(0.15) saturate(1.5) contrast(0.9); filter: sepia(0.15) saturate(1.5) contrast(0.9); } #Filter_1977 .et_pb_fullwidth_header_extended_0.dwd-fwe.et_pb_fullwidth_header, ._1977 { -webkit-filter: sepia(0.5) hue-rotate(-30deg) saturate(1.2) contrast(0.8); filter: sepia(0.5) hue-rotate(-30deg) saturate(1.2) contrast(0.8); } #Filter_Xpro2 .et_pb_fullwidth_header_extended_0.dwd-fwe.et_pb_fullwidth_header, .Xpro { /*Xpro2*/ -webkit-filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg); filter: contrast(1.3) brightness(0.8) sepia(0.3) saturate(1.5) hue-rotate(-20deg); } #Filter_BWP .et_pb_fullwidth_header_extended_0.dwd-fwe.et_pb_fullwidth_header { -webkit-filter: grayscale(.7); filter: grayscale(.7); background-blend-mode: multiply; background-color: rgba(111, 83, 111, 0.3) !important; } #Filter_BW .et_pb_fullwidth_header_extended_0.dwd-fwe.et_pb_fullwidth_header { -webkit-filter: grayscale(1); filter: grayscale(1); background-blend-mode: multiply; background-color: rgba(166, 166, 166, 0.23) !important; } /*No filter*/ #Filter_BW .et_pb_fullwidth_header_extended_0.dwd-fwe.et_pb_fullwidth_header.NoFilter { -webkit-filter: grayscale(0); filter: grayscale(0); } /*Mobile Procedure Menu*/ .et_pb_fullwidth_menu_fullwidth { min-height: 35px; } .et_pb_fullwidth_menu .et_mobile_menu { top: 35px; } @media (min-width:981px) { .et_pb_fullwidth_menu.et_pb_fullwidth_menu_fullwidth .et_pb_row { padding: 0 !important; } } .et_pb_fullwidth_menu .fullwidth-menu-nav>ul { padding: 5px !important; } .fullwidth-menu li>a { padding-top: 0; padding-bottom: 0; font-size: 14px !important; } @media (max-width:980px) { .et_pb_fullwidth_menu .et_pb_row { min-height: 31px; } html body.et_header_style_split .et_pb_fullwidth_menu span.mobile_menu_bar { left: 5px !important; } html body.et_header_style_split .et_pb_fullwidth_menu span.mobile_menu_bar:before { position: absolute; top: 0; } html body.et_header_style_split .et_pb_fullwidth_menu span.mobile_menu_bar:after { position: absolute; top: 15px; left: 35px; } } .et_pb_fullwidth_menu span.mobile_menu_bar { top: 50% !important; transform: translateY(-50%); position: absolute; margin-top: 0; } .et_mobile_nav_menu span.mobile_menu_bar:after { content: 'Procedure Menu'; top: 16px; position: relative; color: white; } .et_mobile_nav_menu span.mobile_menu_bar:before { color: white; } /*BFA Mini Slider*/ @media only screen and (max-width:767px) { .so_MiniSlide .et_pb_slide_image { display: block !important; } /*Move Nav*/ .so_MiniSlide.et_pb_slider:hover .et-pb-arrow-prev { left: 20px !important; } .so_MiniSlide.et_pb_slider:hover .et-pb-arrow-next { right: 20px !important; } } /*Floating Hello Bar*/ .so_banner { z-index: 999999; position: fixed; top: 0; right: 0; left: 0; background: #96487e; width: 100%; border-bottom: 0px solid #EEEEEE; padding: 5px; box-sizing: border-box; -webkit-transform: translateY(-150%); transform: translateY(-150%); color: #fff; font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: so_banner-slide-in 0.8s ease forwards; animation: so_banner-slide-in 0.8s ease forwards; } .so_banner__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90%; margin: 0 auto; padding: 0px 40px; box-sizing: border-box; font-size: 15px; } .so_banner__title { font-size: 18px; } .so_banner__text { margin: 2px 20px 0 0; } .so_banner__button { display: inline-block; background: #FFFFFF; height: 40px; border: 0; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 0 20px; color: #683448; font-size: 12px; font-weight: 700; line-height: 40px; text-decoration: none; white-space: nowrap; } .so_banner__close { position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .so_banner__close:before, .so_banner__close:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; background: #FFFFFF; width: 100%; height: 3px; border-radius: 2px; -webkit-transform-origin: center; transform-origin: center; } .so_banner__close:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .so_banner__close:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } @-webkit-keyframes so_banner-slide-in { 0% { -webkit-transform: translateY(-150%); transform: translateY(-150%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes so_banner-slide-in { 0% { -webkit-transform: translateY(-150%); transform: translateY(-150%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } /*LANDING PAGE MENU*/ @media only screen and (max-width:1200px) { #so_typeHead.et_pb_fullwidth_header_extended_1.dwd-fwe.et_pb_fullwidth_header { background-size: contain !important; background-position: bottom center !important; transition: .5s all ease; -webkit-transition: .5s all ease; } } nav.fullwidth-menu-nav.selected { min-height: 110px; } body .et_pb_fullwidth_menu.et_pb_fullwidth_menu ul li.current-menu-item a { background-color: white; background-color: rgb(150, 150, 150); color: black !important; display: block; padding: 20px; border-radius: 3px; } body .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li a:hover { background-color: #314757; padding: 20px; border-radius: 3px; } /*Botox Header Particles*/ .et_pb_fullwidth_header_extended_0.dwd-fwe.et_pb_fullwidth_header #particles-js { transition: 4s all ease; -webkit-transition: 4s all ease; } #BotoxHeader.ShowParticles #particles-js { opacity: 100; } #BotoxHeader #particles-js { opacity: 0; width: 30%; margin: 0 auto; margin-left: 40%; } /*BFA Mini Menu*/ /*Rhino Page*/ /* body #rhinoplasty.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li#menu-item-32595 a, body #nasal-tip.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li#menu-item-32596 a, body #revision-rhinoplasty.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li#menu-item-32597 a, body #non-caucasian-rhinoplasty.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li#menu-item-32599 a, body #rhinophyma.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li#menu-item-32602 a { background-color: rgb(150, 150, 150); padding: 20px; border-radius: 3px; }*/ /*LASER ANIMATION*/ .laser_animate.et_pb_fullwidth_header_extended_0.dwd-fwe.et_pb_fullwidth_header:hover { animation: filter-animation 1s linear infinite; -webkit-animation: filter-animation 1s linear infinite; } @keyframes filter-animation { 0% { filter: hue-rotate(0deg); } 50% { filter: hue-rotate(-38deg); } 100% { filter: hue-rotate(0deg); } } @-webkit-keyframes filter-animation { 0% { -webkit-filter: hue-rotate(0deg); } 50% { -webkit-filter: hue-rotate(-38deg); } 100% { -webkit-filter: hue-rotate(0deg); } } /* @keyframes hue-rotate { 0%{filter:hue-rotate(0deg); } 100%{filter:hue-rotate(360deg); } } @-webkit-keyframes hue-rotate { 0%{-webkit-filter:hue-rotate(0deg); } 100%{-webkit-filter:hue-rotate(360deg); } } @-moz-keyframes hue-rotate { 0%{-moz-filter:hue-rotate(0deg); } 100%{-moz-filter:hue-rotate(360deg); } } */ /*BFA Blurb Image*/ .et_pb_blurb_0.et_pb_blurb h4, .et_pb_blurb_0.et_pb_blurb h4 a { font-weight: 400; } .et_pb_blurb_position_left .et_pb_main_blurb_image { width: 150px; } .so-waypoint-link { position: absolute; left: 50%; transform: translate(-50%); top: -40px; } .so-waypoint-link .et-pb-icon { font-size: 36px; } #bfa-gallery .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_title { font-weight: 400; color: #4B4B54 !important; } #bfa-gallery .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item { border: none !important; padding: 4px; } #bfa-gallery .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_caption { font-size: 19px; } /*BFA Mobile Only Gallery*/ #bfa-gallery .et-pb-controllers { display: none; } #bfa-gallery .et_pb_gallery_grid .et_pb_gallery_item h3 { padding-bottom: 1px; } #bfa-gallery .et_pb_gallery_caption { padding-bottom: 3px !important; } /*Mobile BFA style*/ @media (max-width:980px) { #bfa-gallery .et_pb_gallery_grid .et_pb_gallery_image.portrait { width: 100%; } } @media (max-width:768px) { #bfa-gallery .et_pb_gallery_image img { width: 100%; } .et-pb-arrow-prev, .et-pb-arrow-next { font-size: 98px; color: white !important; } #bfa-gallery .et_pb_column .et_pb_grid_item:nth-child(n) { clear: none !important; width: 50% !important; } /*display top*/ .et_pb_blurb_position_left .et_pb_main_blurb_image { width: 100% !important; left: 50%; transform: translateX(-50%); position: relative; float: left; } /*Positon text withh top view switch*/ .et_pb_blurb_position_left .et_pb_blurb_container { padding: 10px 0 0 0; } /*center waypoint icon*/ .so-waypoint-link { left: 50%; transform: translate(-50%); } } /*end mq /*CATEGORY GALLERY*/ #category-gallery .et_pb_gallery_image { padding-top: 100%; } #category-gallery .et_pb_gallery_image img { position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; } #category-gallery .et_pb_gallery_item h3, #category-gallery .et_overlay { display: none; } /*Set the position and size of the images and add an extra pixel to get rid of white space between images*/ #category-gallery .et_pb_gallery_caption { margin: 0 !important; } /*Set the colour of the caption text*/ #category-gallery .et_pb_gallery_caption a { color: #fff; display: block; width: 100%; padding: 35% 5%; } /*Set the font size and case for the title*/ #category-gallery b { font-size: 20px; text-transform: uppercase; } /*Set the position of caption text so it displays on to of the image on hover and add an outline*/ #category-gallery p.et_pb_gallery_caption { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .5); /*This is the colour of the image overlay on hover*/ border: none; /*This is the colour of the border*/ /*This moves the border in a little from the edge*/ text-align: center; /*Adjust the first value if using more or less text*/ cursor: pointer; opacity: 0; /*Hide the caption until hover*/ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; height: 100%; } /*Show the caption on hover*/ #category-gallery p.et_pb_gallery_caption:hover { opacity: 1; } /*SMALL CATEGORY GALLERY*/ /*CATEGORY GALLERY*/ #category-gallery-sml .et_pb_gallery_image { padding-top: 70%; } #category-gallery-sml .et_pb_gallery_image img { position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; } #category-gallery-sml .et_pb_gallery_item h3, #category-gallery-sml.et_overlay { display: none; } /*Set the position and size of the images and add an extra pixel to get rid of white space between images*/ #category-gallery-sml .et_pb_gallery_caption { margin: 0 !important; } /*Set the colour of the caption text*/ #category-gallery-sml .et_pb_gallery_caption a { color: #fff; display: block; width: 100%; padding: 25% 5%; } /*Set the font size and case for the title*/ #category-gallery-sml b { font-size: 20px; text-transform: uppercase; } /*Set the position of caption text so it displays on to of the image on hover and add an outline*/ #category-gallery-sml p.et_pb_gallery_caption { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .5); /*This is the colour of the image overlay on hover*/ border: none; /*This is the colour of the border*/ /*This moves the border in a little from the edge*/ text-align: center; /*Adjust the first value if using more or less text*/ cursor: pointer; opacity: 0; /*Hide the caption until hover*/ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; height: 100%; } /*Show the caption on hover*/ #category-gallery-sml p.et_pb_gallery_caption:hover { opacity: 1; } /*------------------end small gallery*/ /*Disable Animation*/ .et_pb_gallery_item { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } @media (min-width:768px) and (max-width:980px) { .et_pb_gutters1 .et_pb_gallery .et_pb_gallery_item.et_pb_grid_item:nth-child(n) { width: 25% !important; position: relative; } } @media (max-width:768px) { .et_pb_gutters1 .et_pb_gallery .et_pb_gallery_item.et_pb_grid_item:nth-child(n) { width: 50% !important; position: relative; } /*Gallery post nav*/ html body .et_pb_post_nav_0 span a span, html body .et_pb_post_nav_1 span a span { font-size: 12px !important; } } /*Pagination*/ .et_pb_gallery .et_pb_gallery_pagination ul { float: none; } a.active { color: #96487e !important; } @media (min-width:981px) { .et_pb_gallery .et_pb_gallery_pagination ul li a { font-size: 26px; line-height: 36px; } } div.et_pb_gallery_pagination { display: flex; justify-content: center; align-items: center; } /*BLOG STYLING*/ .advanced-sidebar-menu ul { font-size: 70% !important; line-height: 1.4em !important; } .advanced-sidebar-menu ul ul li a { font-size: 130% !important; } #categories-3 .screen-reader-text, #archives-3 .screen-reader-text { display: none; } .et_post_meta_wrapper img, .et_pb_post a img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @media (max-width:980px) { body.sigle-post .et_pb_column { margin-bottom: 1px; } .et_pb_row, .et_pb_column .et_pb_row_inner { padding: 0px 0; } } /*Pricing Tables*/ .et_pb_pricing li span:before { top: 5px; } .et_pb_pricing_content_top { padding-bottom: 15px !important; } .et_pb_et_price { padding: 20px; } /*Pelleve Diagram*/ .pelleve-wrap { text-align: center; float: left; padding: 2px; width: 33.333%; font-size: 12px; line-height: 1.4em; } /*Mobile Menu Collapsible*/ #main-header .et_mobile_menu .menu-item-has-children>a { background-color: transparent; position: relative; } #main-header .et_mobile_menu .menu-item-has-children>a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; } #main-header .et_mobile_menu .menu-item-has-children>a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; } #main-header .et_mobile_menu .menu-item-has-children.visible>a:after { content: '\4d'; } #main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out; } #main-header .et_mobile_menu .visible>ul.sub-menu { display: block !important; visibility: visible !important; } /*Category Page Blurbs*/ .so-cat-blurb { -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .so-cat-blurb:hover { box-shadow: 10px 10px 22px -6px rgba(0, 0, 0, 0.43); } .full-height-modules-in-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .so-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .so-flex.grow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-flow: column; flex-flow: column; height: 100%; } .et_pb_equal_columns .et_pb_column { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .et_pb_module { max-width: 100% } .et_pb_text_align_center { margin: 0 auto; } .et_pb_equal_columns #equal { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .et_pb_module { max-width: 100% } .et_pb_text_align_center { margin: 0 auto; } /*FOOTER*/ .et_pb_widget ul li { margin-bottom: -14px; } .et_pb_widget ul li:before { display: none; } ul#menu-footer-about.bottom-nav { text-align: center; } @media (max-width:720px) { .et_pb_widget ul li { margin-bottom: -11px; } /*fix video icon mobile*/ .icon-video { padding-top: 10%; } .et_pb_widget ul li:before { display: none; } } .menu-footer-rhinoplasty-container, .menu-footer-facial-plastic-surgery-container, .menu-footer-cosmetic-surgery-container, .menu-non-surgical-container { font-size: 14px; font-weight: 500; } .footer-widget h4 { font-size: 14px; font-weight: 400; letter-spacing: .1em; } div#footer-bottom { padding-left: 20px; padding-right: 20px; } #footer-info a { text-decoration: underline !important; color: #b89879; } div#footer-bottom .et-social-icons { margin-top: 4%; } @media only screen and (max-width:760px) { div#footer-bottom ul.et-social-icons { display: none; } } /* Image with 'data' attribute is hidden */ img[data-lazy-src] { /* we set the opacity to 0 */ opacity: 0; } /* Image without 'data' attribute is (or becomes) visible */ img.lazyloaded { /* prepare the future animation */ -webkit-transition: opacity .5s linear 0.2s; -moz-transition: opacity .5s linear 0.2s; transition: opacity .5s linear 0.2s; /* we set the opacity to 1 to do the magic */ opacity: 1; } /*Yura*/ /*Media Access Form styling*/ #wpcf7-f51075-p51051-o1 input[type="checkbox"] { margin-left: 0; } #wpcf7-f51075-p51051-o1 .wpcf7-list-item { margin: 0; } #drop_down_form>span>select { padding: 21px; border-top: 0px; border-left: 0px; border-right: 0px; padding-left: 15px; color: #cbcbcb !important; font-weight: 300; opacity: 0.8; font-size: 17px; font-family: 'arvo', sans-serif; width: 100%; } #menu-item-51103 { text-align: center; background-color: #96487e; margin: 0px 40px 0px 20px !important; width: 85% !important; border-radius: 5px; } #menu-item-51103 a { color: #fff !important; } #menu-item-55592 a { color: #fff !important; } #menu-item-32156 a { border-bottom: none !important; } .et_password_protected_form { text-align: center; width: 60%; margin-left: auto; margin-right: auto; min-height: none; } .et_password_protected_form .et_submit_button { float: none; } .et_password_protected_form p input { color: #f2efed !important; background-color: #4b4b54; width: 100% !important; } .et_pb_button:after { font-size: 22px; padding-top: 5px; } .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li a { padding: 20px !important; } @media all and (max-width:1350px) { .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading h2 { font-size: 20px !important; } } @media all and (max-width:1200px) { .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading h2 { font-size: 16px !important; } } .mini_Logo { margin-top: 9px; } .header_button { margin-top: 0px; margin-right: 20px !important; }