/* Theme Name: Etna Interactive - Custom Theme Theme URI: http://www.etnainteractive.com/ Description: Etna Interactive - Custom Theme Author: Etna Interactive Author URI: http://www.etnainteractive.com Version: 1.0 */ /* default font set at 15px/24px */ * { margin: 0; border: none; padding: 0; } html,body { width: 100%; overflow-x: hidden; } body { background: #fff; font-size: 1em; line-height: 1.60em; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; } #termsDisplay{display:block; margin: 10px 0;} #termsDisplay.hidden{display:none;} #termsSpans {cursor:pointer;background: transparent; color: #6f732d; text-decoration: underline;} .terms_desktop .wpcf7-list-item-label {display: none;} header, nav, section, article, footer { display: block; } a { outline: none; color: #6f732d; text-decoration: underline; outline: none; } a:hover { color: #a1a641; } table td { vertical-align: top; } button.submit { line-height: 40px; font-size: 16px; font-family: "pragmatica-web", Arial, Helvetica, sans-serif; font-weight: 400; color: #fff; text-align: center; text-decoration: none; background: #6f732d;} button.submit { width: 100% } button.submit:hover { cursor: pointer; background-color: #a1a641; } .fl { float: left; } .fr { float: right; } .right { margin: 0 0 10px 10px; } .left { margin: 0 10px 10px 0; } .nobreak { white-space: nowrap; } .clear { clear: both; } .required { color: #FF0000;} .invalid input, select.invalid { border: 2px solid #ff0000 !important; outline: none; appearance: none; padding: 5px; } .invalid input:checked { appearance: auto !important; } .warning { margin-bottom: 15px; padding: 20px 20px 0px; border: 2px solid #FF0000; } .warning h2 { color: #FF0000 !important; } .thankYouMessage { background-color: #c190c1; padding: 20px 20px 10px; } .thankYouMessage h3{ margin-bottom: 10px; color: white; } .thankYouMessage p{ color: white; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } sup { font-size: 0.70em; line-height: 0; } .no-break { white-space: nowrap; } hr { margin: 25px 0; width: auto; height: 1px; display: block; background: #ccc; } /** IMAGE **/ img { vertical-align: bottom; } img.left { margin: 5px 10px 5px 0; } img.right { margin: 5px 0 5px 10px; } img.alignleft{ margin: 5px 25px 5px 0; float: left; } img.alignright{ margin: 5px 0 5px 25px; float: right; } img.aligncenter { margin: 5px auto; float: none; display: block; } /** IMAGE ON DOCTOR PAGES **/ @media screen and (max-width: 480px) { img.doctor-img.alignleft { width: 100% !important; padding-bottom: 20px; height: auto; float: none; } } .terms { clear: both; display: block; } a.termsSpan:hover { cursor: pointer; } .show-mobile {display: block;} @media only screen and (min-width: 640px) {.show-mobile {display: none;}} .show-desktop {display: none;} @media only screen and (min-width: 640px) {.show-desktop {display: block;}} /** IMAGE CAPTION **/ .wp-caption { margin: 0 0 25px; font-size: 0.75em; line-height: 1.25em; } .wp-caption.alignleft { margin: 0 25px 10px 0; float: left; } .wp-caption.alignright { margin: 0 0 10px 25px; float: right; } .wp-caption.aligncenter { margin: 10px auto; float: none; display: block; } .wp-caption img { margin: 0 0 5px !important; } .wp-caption p.wp-caption-text { margin: 0 0 5px; } .wp-caption p.wp-caption-text strong { font-size: 1.3em; line-height: 1.25em; font-family: "pragmatica-web", Arial, Helvetica, sans-serif !important; font-weight: 400; color: #AD7BAD; display: block; } .wp-caption p.wp-caption-text em { font-style: italic; } a.button { line-height: 40px; font-size: 16px; font-family: "pragmatica-web", Arial, Helvetica, sans-serif;font-weight: 400; color: #fff; text-align: center; text-decoration: none; background: #6f732d; display: block; } a.button:hover { background: #a1a641; } a.button--purple { background: #8b418c; } a.button--purple:hover { background: #af7aae; } a.button.fancyconsultation, .eii-btn { max-width: 270px; height: 40px; } section { text-align: left; } section h1, section h2, section h3, .h1-style { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; color: #ad7bad; } section h1, .h1-style { font-size: 1.933em; line-height: 1.25em; } section h2 { font-size: 1.667em; line-height: 1.25em; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; } section h3, h3 { font-size: 1.467em; font-weight: 300;} /*---------------------------------------------------------------*/ /* FORMS - GLOBAL /*---------------------------------------------------------------*/ section input.hidden, #quickcontact input.hidden { display: none; } input[type=submit] { color: #fff !important; background: #6f732d !important; border: none; font-family: "pragmatica-web", Arial, Helvetica, sans-serif; font-weight: 400; } input[type=submit]:hover { cursor: pointer; background: #a1a641; } /* hide terms label */ .wpcf7-form-control-wrap.terms .wpcf7-list-item-label { display: none; } .termsBlock { white-space: nowrap; float: left; margin: 0 0 0 10px; } .wpcf7-list-item { display: block !important; width: 100%; } .wpcf7-list-item-label { margin: 0 0 0 10px; } .wpcf7-validates-as-required .wpcf7-list-item-label { display: none; } /* error - labels */ .wpcf7 input.wpcf7-not-valid, .wpcf7 select.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid { border-color: #f00 !important; } .wpcf7 .terms .wpcf7-not-valid { margin-right: 5px; border-right: 15px solid #f00 !important; } .wpcf7 .wpcf7-not-valid-tip { display: none !important; } /* error - messaging */ .wpcf7-response-output.wpcf7-validation-errors { margin: 25px 0; color: #fff; background: #f00; border: none; } .wpcf7-response-output.wpcf7-mail-sent-ok { margin: 25px 0; padding: 30px !important; border: none !important; background: #efefef !important; } .wpcf7-response-output p { margin: 0 0 20px !important; display: block !important; float: none !important; } /* Disable submit button to prevent multiple submissions */ .wpcf7-form.submitting .wpcf7-submit { pointer-events: none; opacity: 0.7; /* Reduce opacity to visually indicate disabled state */ background-color: #ccc; /* Change background color */ color: #999; /* Change text color */ cursor: not-allowed; /* Change cursor */ } /*---------------------------------------------------------------*/ /* PLACEHOLDER /*---------------------------------------------------------------*/ input.input, select, option, textarea { color: #888a90; border-radius: 0; outline: none; } .placeholder { color: #888a90; } ::-webkit-input-placeholder { color: #888a90; } :-moz-placeholder { color: #888a90; } ::-moz-placeholder { opacity: 1; color: #888a90; } select:focus { color: #e4e4e4; background-color: #fafafa; } input:focus { background-color: #fafafa; } textarea:focus { background-color: #fafafa; } input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color: #e4e4e4; } input:focus:-moz-placeholder,textarea:focus:-moz-placeholder { color: #e4e4e4; } input:focus::-moz-placeholder,textarea:focus::-moz-placeholder { color: #e4e4e4; } article h2 a { color: #ad7bad; text-decoration: none; } article h2 a:hover { color: #ad7bad; text-decoration: underline; } footer { margin: 0 auto; padding: 0 32px 50px; width: 960px; font-size: 0.867em; line-height: 1.385em; color: #707070; text-align: left; position: relative;} footer p { margin: 0 0 25px; } footer ul.links { list-style-type: none; clear: both; } footer ul.links li { margin: 0 8px 0 0; padding: 0 8px 0 0; display: inline; border-right: 1px solid #707070; } footer ul.links li.last { margin: 0; padding: 0; border: none; } footer ul.links li a { text-decoration: none; } footer ul.links:after { content: ''; display: block; clear: both; } footer #footer-contact-mobile { display: block; } footer #footer-contact-mobile .mobile-contact-us { font-weight: 300; font-size: 1.467em; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; color: #AD7BAD;margin-bottom: 20px;} footer #footer-contact-mobile ul { position: relative; margin-bottom: 20px;} footer #footer-contact-mobile ul li { list-style-type: none; display: block; } footer #footer-contact-mobile ul li a { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; display: block; max-width: 100%; background-color: #AD7BAD; padding: 10px; margin-bottom: 15px; color: #fff;} footer #footer-contact-mobile ul li a.consultation {background-color: #6F732D;} footer .new-mobile-image { width: 100%; max-width: 100%;} footer .new-mobile-image.map { margin-bottom: 25px; } footer .new-mobile-image.mobile-logo { margin-bottom: 20px; } footer .social i {color: #fff} footer .schema-address { margin-bottom: 2px;} footer .schema-address a { text-decoration: none; color: #8B418B;} footer .mobile-social-logo {width: 48px;} footer ul.mobile-social {height: 48px; float: none; margin: 0 0 15px; list-style-type: none; width: 200px;} footer ul.mobile-social li:first-child {margin-left: 0} footer ul.mobile-social li {margin: 0 10px; line-height: 48px; float:left;} footer .no-surprise-mobile a {color: #8B418B; text-decoration: none;} footer .links-mobile {list-style-type: none; margin-bottom: 20px;} footer .links-mobile a {color: #8B418B; text-decoration:none;} footer .center-text {text-align: center;} footer hr {background-color:#8B418B; height: 1px; border:none;} footer .etna-icon {vertical-align: middle; margin-top: -2px} footer p.copyright.desktop { margin: 0 0 18px; clear :right; } footer p.no-surprise.desktop { clear: right; } footer p.no-surprise a { text-decoration: none; } footer p.etna { clear: right; } footer p.etna a { text-decoration: none; } footer p.etna a:hover { text-decoration: underline; } footer p.regional a { text-decoration: none; color: #707070; } /*---------------------------------------------------------------*/ /* MOBILE MENU OVERRIDES /*---------------------------------------------------------------*/ #mobilemenu { background: #E8E8EA; } #mobilemenu > ul { border-right: 1px solid #333; } #mobilemenu li a { text-align: left; color: #000; } #mobilemenu li.label.mm-selected > a { background: none; } #mobilemenu li:after { border-color: #333; } #mobilemenu li a.mm-subclose { background: #f8f8f8;} #mobilemenu li a.mm-subclose:before { border-color: #000; } #mobilemenu li a.mm-subopen:before { border-color: #333; } #mobilemenu li a.mm-subopen:after { border-color: #000; } #mobilecontactmenu { background: #f8f8f8; } #mobilecontactmenu li { padding: 0 30px; text-align: left; color: #000; } #mobilecontactmenu li span { color: #666; } #mobilecontactmenu li a { padding: 10px 0; position: relative; } #mobilecontactmenu li:after { margin: 0 !important; } #mobilecontactmenu li a:after { font-size: 24px; font-family: FontAwesome; content: "\f105"; color: #bfbfbf; float: right; } #mobilecontactmenu li.last:after { border: none; } #mobilecontactmenu li.intro { margin: 0 0 20px; } #mobilecontactmenu li.intro:after { border: none; } #mobilecontactmenu li.intro img { margin: 0 0 15px; } #mobilecontactmenu li.intro h2 { margin: 0 0 15px; font-size: 18px; } #mobilecontactmenu li.consultation { margin: 20px 0 0; } #mobilecontactmenu li.consultation:after { border: none; } #mobilecontactmenu li.consultation a { text-align: center; color: #fff; background-color: #6f732d; } #mobilecontactmenu li.consultation a:after { content: ''; } body.page-id-15215 #bodyContainer { padding: 0; } body.page-id-15215 #mobileNav { display: none; } /*--------------------------------------------------------------- /news-events/news/ page ---------------------------------------------------------------*/ .featured-media-list { list-style: none; padding: 0; display: table; } .featured-media-list li { display: inline-block; vertical-align: top; width: 46%; float: left; margin: 0 0 10px; padding: 0 5px; } .featured-media-list li img { max-width: 100%; height: auto !important; } .featured-media-list li img:hover { filter: alpha(opacity=80); opacity: .8; zoom: 1; } /*---------------------------------------------------------------*/ /* EVENTS - TRIBE PLUGIN /*---------------------------------------------------------------*/ h2.tribe-events-page-title, #tribe-geo-results h2.tribe-events-page-title { font-weight: 300 !important; font-size: 1.733em !important; line-height: 1.25em !important; text-align: left !important; } @media only screen and (min-width: 640px) { body.home .essb_links.essb_template_flat-retina { float: right !important; } .mobile, #mobileNav, nav#mobilemenu, #mobileLogo, #featureDoctors, #featureDoctorsWelcome, footer .social { display: none; } footer #gnav { display: block; } /* body { } */ #bodyContainer { width: 100%; } body.error404 #contentContainer { min-height: 0; background: none; } body.error404 section { width: 960px; } body.error404 #lnav { display: none; } /*---------------------------------------------------------------*/ /* HEADER /*---------------------------------------------------------------*/ .home header { position: relative; margin: 0 auto; padding: 0; width: auto; height: 670px; background: url(./images/desktop-hero1.jpg) no-repeat center top; background-size: 1850px auto; } header { position: relative; margin: 0 auto; padding: 0; width: auto; height: auto; background: none; background-size: 1920px auto; } header #contentContainer {margin-top: 20px;} @media only screen and (min-width: 640px) { header #contentContainer {margin-top: 0;} header{ position: relative; margin: 0 auto; padding: 0; width: auto; height: 505px; background: url(./images/desktop-hero3.jpg) no-repeat center bottom; background-size: 1920px auto; } } header img.phone { margin: 18px 0 13px 32px; padding: 0; width: 232px; height: 18px; float: left; } header a.logo { margin: 0 0 134px 15px; width: 354px; height: 44px; display: block; } header a.logo img { max-width: 85%; float: left; } header p.links { display: none; width: 230px; margin: 12px 0 10px 15px; height: 28px; line-height: 28px; text-align: center; color: #8a448a; float: right; } header p.links a { font-size: 14px; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; text-decoration: none; color: #000;} header p.links a:hover { color: #ad7bad; } header .top-nav .coup-link.button.fancyconsultation { display: inline-block !important; float: right; padding: 0 15px; margin-left: 1px; height: 49px; line-height: 49px; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 17px; } header .nav-form { display: none; } header .top-nav .bill-pay.button { display: inline-block !important; float: right; padding: 0 15px; margin-left: 15px; margin-right: 15px; height: 49px; line-height: 49px; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 17px; } header .header-content {position: absolute; bottom: 50px; width: 100%; padding: 0 25px;} header .header-content.generic {position: absolute; bottom: 20px; width: 100%; padding: 0 25px;} header .header-content-flex {display: flex; justify-content: center;} header .header-content .header-logo {width: 314px; height: 40px; margin-right: 20px; display: inline-block;} header .header-content .team-button p {font-weight: 400; width: 270px; font-size: 18px; text-align: center; margin-bottom: 10px; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif;} header .header-content .team-button {display: inline-block; width: 300px;} header .header-content.backpage img {margin: 0;} header .header-content.specific {bottom: 150px; } header .header-content.specific .header-content-flex {width: 950px; margin: 0 auto; flex-direction: column; justify-content: left; } header .header-content.specific .img-wrapper h1 {position: relative; height: 52px; width: 400px;text-align: left;} header .header-content.specific .img-wrapper img {height: 100%; width: auto;} header ul.bread_crumb li {color: #000; text-transform: uppercase;} header ul.bread_crumb li a {color: #000; text-transform: uppercase;} /*---------------------------------------------------------------*/ /* GNAV - SOCIAL ICONS /*---------------------------------------------------------------*/ ul#gnav.social { margin: 0 0 10px 0; width: 102px; height: 28px; list-style-type: none; float: right; } ul#gnav.social li { margin: 0 3px; line-height: 28px; float: left; } ul#gnav.social li, ul#gnav.social li a { width: 28px; height: 27px; background-image: url(./images/gnav-matrix-new.png); background-repeat: no-repeat; text-indent: -9999px; display: block; background-size: auto 54px; } ul#gnav.social li.facebook, ul#gnav.social li.facebook a { width: 28px; background-position: 0 0; } ul#gnav.social li.facebook a.on, ul#gnav.social li.facebook a:hover { width: 28px; background-position: 0 -27px; } ul#gnav.social li.twitter, ul#gnav.social li.twitter a { width: 28px; background-position: -35px 0; } ul#gnav.social li.twitter a.on, ul#gnav.social li.twitter a:hover { width: 28px; background-position: -35px -27px; } ul#gnav.social li.google, ul#gnav.social li.google a { width: 28px; background-position: -56px 0; } ul#gnav.social li.google a.on, ul#gnav.social li.google a:hover { width: 28px; background-position: -56px -28px; } ul#gnav.social li.instagram, ul#gnav.social li.instagram a { width: 28px; background-position: -69px 0; } ul#gnav.social li.instagram a.on, ul#gnav.social li.instagram a:hover { width: 28px; background-position: -69px -27px; } /*---------------------------------------------------------------*/ /* NAV - GENERAL /*---------------------------------------------------------------*/ nav ul { width: 1045px; height: 47px; list-style-type: none; z-index: 1000; } nav ul li { line-height: 47px; float: left; position: relative; } nav ul li a { height: 47px; line-height: 47px; text-decoration: none; float: left; } /* nav ul li, nav ul li a { background-image: url(./images/nav-matrix.png); background-repeat: no-repeat; } */ nav ul.subMenu { padding: 10px 20px 25px; width: auto !important; height: auto !important; position: absolute !important; left: 0; display: none; z-index: 1000; } nav ul.subMenu li { padding: 12px 0; line-height: normal !important; text-align: left; display: block !important; background: none !important; float: none !important; } nav ul.subMenu li a { width: auto !important; height: auto !important; line-height: 1.0em !important; font-size: 17px; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-align: left; color: #fff; background: none !important; text-indent: 0 !important; white-space: nowrap !important; display: block !important; } nav li:hover ul.subMenu, nav li a:hover ul.subMenu { display: block !important; } /*---------------------------------------------------------------*/ /* NAV - MAIN /*---------------------------------------------------------------*/ nav ul li.services, nav ul li.services a { /*width: 117px;*/ background-position: 0 0; } nav ul li.services:hover, nav ul li.services a.on, nav ul li.services a:hover { /*width: 117px;*/ background-position: 0 -47px !important; } nav ul li.services.on, nav ul li.services.on a { /*width: 117px;*/ background-position: 0 -94px } nav ul li.about, nav ul li.about a { /*width: 128px;*/ background-position: -117px 0; } nav ul li.about:hover, nav ul li.about a.on, nav ul li.about a:hover { /*width: 128px;*/ background-position: -117px -47px !important; } nav ul li.about.on, nav ul li.about.on a { /*width: 128px;*/ background-position: -117px -94px } nav ul li.visit, nav ul li.visit a { /*width: 112px;*/ background-position: -227px 0; } nav ul li.visit:hover, nav ul li.visit a.on, nav ul li.visit a:hover { /*width: 112px;*/ background-position: -227px -47px !important; } nav ul li.visit.on, nav ul li.visit.on a { /*width: 112px;*/ background-position: -227px -94px } nav ul li.photo, nav ul li.photo a { /*width: 143px;*/ background-position: -339px 0; } nav ul li.photo:hover, nav ul li.photo a.on, nav ul li.photo a:hover { /*width: 143px;*/ background-position: -339px -47px !important; } nav ul li.photo.on, nav ul li.photo.on a { /*width: 143px;*/ background-position: -339px -94px } nav ul li.news, nav ul li.news a { /*width: 155px;*/ background-position: -482px 0; } nav ul li.news:hover, nav ul li.news a.on, nav ul li.news a:hover { /*width: 155px;*/ background-position: -482px -47px !important; } nav ul li.news.on, nav ul li.news.on a { /*width: 155px;*/ background-position: -482px -94px } nav ul li.blog, nav ul li.blog a { /*width: 77px;*/ background-position: -637px 0; } nav ul li.blog:hover, nav ul li.blog a.on, nav ul li.blog a:hover { /*width: 77px;*/ background-position: -637px -47px !important; } nav ul li.blog.on, nav ul li.blog.on a { /*width: 77px;*/ background-position: -637px -94px } nav ul li.research, nav ul li.research a { /*width: 216px;*/ background-position: -714px 0; } nav ul li.research:hover, nav ul li.research a.on, nav ul li.research a:hover { /*width: 216px;*/ background-position: -714px -47px !important; } nav ul li.research.on, nav ul li.research.on a { /*width: 216px;*/ background-position: -714px -94px } nav ul li.shop, nav ul li.shop a { /*width: 94px;*/ background-position: -930px 0; } nav ul li.shop:hover, nav ul li.shop a.on, nav ul li.shop a:hover { /*width: 94px;*/ background-position: -930px -47px } .navs-wrapper { background: url(./images/nav-wrapper-background.png) repeat-x top left; height: 91px; } nav.main, nav.services { width: 1024px; margin: 0 auto; } nav.main ul.subMenu { top: 47px; background: #c190c1; } nav.main ul.subMenu li { } nav.main ul.subMenu li a { } nav.main ul.subMenu li a:hover { color: #6e326e; } nav.main ul li.news > ul.subMenu { min-width: 115px; } nav.main ul li.research > ul.subMenu { min-width: 172px; } /** HIDE CHILDREN **/ nav.main ul li.menu-item-has-children ul { display: none; } /*---------------------------------------------------------------*/ /* NAV - SERVICES /*---------------------------------------------------------------*/ .navs-wrapper nav.main > ul { display: flex; justify-content: space-between; } nav.services > ul { display: flex; justify-content: space-evenly; } .navs-wrapper nav.main > ul > li { flex-grow: 1; text-align: center; } .navs-wrapper nav.services > ul > li { flex-grow: 1; } .navs-wrapper nav.main ul li a { color: #fff; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-size: 18px; width: 100%; } nav.services ul li a { color: #fff; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-size: 17px; width: 100%; } nav.services ul li.cosmetic-surgery .subMenu { width: 124px!important; } .navs-wrapper nav.main ul li.on > a { color: #000; } nav.services ul li.on > a { color: #000; } nav.main li.services { background: #8c408a; } nav.main ul li:hover { background: #c190c1; } nav.services ul li:hover { background: #6e326e; } nav.services ul { width: 1045px; height: 44px; list-style-type: none; z-index: 900; } nav.services ul li { line-height: 44px; float: left; } nav.services ul li a { height: 44px; line-height: 44px; text-decoration: none; float: left; } nav.services ul li.medical-dermatology, nav.services ul li.medical-dermatology > a { /*width: 195px;*/ background-position: 0 0; } nav.services ul li.medical-dermatology:hover, nav.services ul li.medical-dermatology > a.on, nav.services ul li.medical-dermatology > a:hover { /*width: 195px;*/ background-position: 0 -44px !important; } nav.services ul li.medical-dermatology.on, nav.services ul li.medical-dermatology.on > a { /*width: 195px;*/ background-position: 0 -88px } nav.services ul li.surgical-dermatology, nav.services ul li.surgical-dermatology > a { /*width: 164px;*/ background-position: -182px 0; } nav.services ul li.surgical-dermatology:hover, nav.services ul li.surgical-dermatology > a.on, nav.services ul li.surgical-dermatology > a:hover { /*width: 164px;*/ background-position: -182px -44px !important;} nav.services ul li.surgical-dermatology.on, nav.services ul li.surgical-dermatology.on > a { /*width: 164px;*/ background-position: -182px -88px } nav.services ul li.cosmetic-dermatology, nav.services ul li.cosmetic-dermatology > a { /*width: 173px;*/ background-position: -346px 0; } nav.services ul li.cosmetic-dermatology:hover, nav.services ul li.cosmetic-dermatology > a.on, nav.services ul li.cosmetic-dermatology > a:hover { /*width: 173px;*/ background-position: -346px -44px !important;} nav.services ul li.cosmetic-dermatology.on, nav.services ul li.cosmetic-dermatology.on > a { /*width: 173px;*/ background-position: -346px -88px } nav.services ul li.cosmetic-surgery, nav.services ul li.cosmetic-surgery > a { /*width: 141px;*/ background-position: -519px 0; } nav.services ul li.cosmetic-surgery:hover, nav.services ul li.cosmetic-surgery > a.on, nav.services ul li.cosmetic-surgery > a:hover { /*width: 141px;*/ background-position: -519px -44px !important;} nav.services ul li.cosmetic-surgery.on, nav.services ul li.cosmetic-surgery.on > a { /*width: 141px;*/ background-position: -519px -88px } nav.services ul li.skincare, nav.services ul li.skincare > a { /*width: 167px;*/ background-position: -660px 0; } nav.services ul li.skincare:hover, nav.services ul li.skincare > a.on, nav.services ul li.skincare > a:hover { /*width: 167px;*/ background-position: -660px -44px !important;} nav.services ul li.skincare.on, nav.services ul li.skincare.on > a { /*width: 167px;*/ background-position: -660px -88px } nav.services ul li.conditions, nav.services ul li.conditions > a { /*width: 197px;*/ background-position: -827px 0; } nav.services ul li.conditions:hover, nav.services ul li.conditions > a.on, nav.services ul li.conditions > a:hover { /*width: 197px;*/ background-position: -827px -44px !important;} nav.services ul li.conditions.on, nav.services ul li.conditions.on > a { /*width: 197px;*/ background-position: -827px -88px } nav.services ul.subMenu { padding-left: 13px; padding-right: 13px; top: 44px; background: #6e326e; } nav.services ul.subMenu ul { margin: 0 110px 0 0; width: auto !important; height: auto !important; } nav.services ul.subMenu ul.last, nav.services ul.subMenu ul.fr { margin: 0; } nav.services ul li.skincare > ul.subMenu { min-width: 151px; } nav.services ul.subMenu li { } nav.services ul.subMenu li.header { border-bottom: 1px solid #ad7bad; font-weight: 700; } nav.services ul.subMenu li a { } nav.services ul.subMenu li a:hover { color: #ad7bad; } nav.services li.conditions ul.subMenu { padding-left: 30px; width: 981px !important; left: -831px; } nav.services li.conditions ul.subMenu ul { margin-right: 115px; float: left; } nav.services li.conditions ul.subMenu ul.column.list-column-4 { margin-right: 0; } nav.services li.conditions ul.subMenu ul.column-first { } nav.services li.conditions ul.subMenu ul.column-last { margin-right: 30px; float: right; } nav.services li.medical-dermatology ul.subMenu { padding-left: 30px; padding-right: 30px; } /** COSMETIC DERMATOLOGY SUB MENU **/ nav.services li.cosmetic-dermatology ul.subMenu { padding-left: 30px; padding-right: 30px; width: 1024px !important; left: -346px; } nav.services li.cosmetic-dermatology ul.subMenu li.body-contouring { width: 190px; float: left !important; } nav.services li.cosmetic-dermatology ul.subMenu li.injectables { width: 190px; float: left !important; } nav.services li.cosmetic-dermatology ul.subMenu li.skin-treatments { width: 500px; float: right !important; } nav.services li.cosmetic-dermatology ul.subMenu { justify-content: space-between; gap: 40px; } nav.services li.cosmetic-dermatology:hover { display: flex !important; } /** CREATED via jQuery - a.label => h3 **/ nav.services li.cosmetic-dermatology ul.subMenu h3 { margin: 0; padding: 0 0 5px; width: 100%; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; color: #fff; font-size: 17px; font-weight: 300; border-bottom: 1px solid #ad7bad; display: block; } nav.services li.cosmetic-dermatology ul.subMenu h3 a { padding: 3px 0; float: none; } nav.services li.cosmetic-dermatology ul.subMenu ul.sub-menu { width: 100%; } nav.services li.cosmetic-dermatology ul.subMenu ul.sub-menu ul.sub-menu { padding: 12px 0 0; } nav.services li.cosmetic-dermatology ul.subMenu ul.sub-menu ul.sub-menu li a { padding: 0 0 0 10px; font-size: 15px; position: relative; } nav.services li.cosmetic-dermatology ul.subMenu ul.sub-menu ul.sub-menu li a:before { top: 0; left: 0; margin: 0 5px 0 0; font-size: 6px; font-family: FontAwesome; content: "\f111"; position: absolute; } /** COLUMNS CREATED via jQuery - using class 'li-break' breaks apart into additional column **/ nav.services li.cosmetic-dermatology ul.subMenu li.skin-treatments > ul.sub-menu { margin: 0; } nav.services li.cosmetic-dermatology ul.subMenu li.skin-treatments ul.sub-menu .cols { width: 160px; float: left; } nav.services li.cosmetic-dermatology ul.subMenu li.skin-treatments ul.sub-menu .cols.last { float: right; } /*---------------------------------------------------------------*/ /* CONTENT /*---------------------------------------------------------------*/ body.home #contentContainer, body.wide #contentContainer { padding-top: 60px; min-height: 0; background-image: none; } #contentContainer { margin: 0 auto; padding: 32px 32px 10px; width: 960px; min-height: 800px; background: url(./images/contentContainer-background.jpg) no-repeat 32px top;} body.home section, body.wide section { width: 960px; float: none; } body.home section h2, body.wide section h2 { font-size: 1.733em; line-height: 1.25em; } section { margin: 0; padding: 0; width: 620px; float: right; } section h1, section h2, section h3, .h1-style, h3 { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 300; color: #ad7bad; } section h1, .h1-style { margin: 0 0 15px; font-size: 1.933em; line-height: 1.25em; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 300;} section h2 { margin: 0 0 20px; font-size: 1.667em; line-height: 1.25em; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 400;} section h3, h3 { font-size: 1.467em; } section p { margin: 0 0 25px; } section p.tools { margin: 0; font-size: 14px; line-height: 20px; float: left; } section p.tools a { margin: 0 10px 0 0; font-weight: 400; color: #808080; text-decoration: none; } section p.tools a:hover{ color: #bbb; } section .bookrow { margin: 0 0 50px; padding: 0; width: 620px; } section .bookrow.last { margin-right: 0; } section .bookrow.last:after { content: ''; display :block; clear: both; } section .bookrow .book { margin: 0 0 0 80px; width: 150px; min-height: 320px; font-size: 0.875em; line-height: 1.25em; float: left; } section .bookrow .book p { margin: 0; } section .bookrow .book .info { margin: 15px 0 0; } section .bookrow .book.last { margin-left: 0; float: right; } section .bookrow .book.first { margin-left: 0; } section .bookrow:after, section .bookrow:before { content: '.'; height: 0; visibility: hidden; clear: both; display: block; } section p.google-plus img { padding: 4px 0 0; } section ul, section ol { margin: 0 0 25px; padding: 0 0 0 20px; list-style-position: outside; } section ul li, section ol li { margin: 0 0 0; } section li > ul, section li > ol { margin-left: 20px; } #feature { margin: 0 0 25px; padding: 40px 40px 0 270px; width: 292px; height: 175px; background: url(./images/feature-background1.jpg) no-repeat left top; overflow: hidden; background-size:cover;} #feature h2 { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; color: #fff; } #feature a.button { width: 210px; height: 45px; line-height: 45px; } #feature.gallery-feature {width: 291px; background: url(./images/gallery-feature-bg.jpg) no-repeat left top; background-size: cover;padding: 20px 270px 0 60px;} #feature.gallery-feature h2 {font-size: 1.167em; line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; color: #000; width: 250px;} #feature.gallery-feature a.button {font-weight: 400; height: 40px; background-color: #8B418B;font-family: "pragmatica-web", Arial, Helvetica, sans-serif;} #feature.gallery-feature a.button:hover {background-color: #Af7AAE;} /** NEWSLETTER **/ section article.newsletter { margin: 0 0 30px; padding: 0 0 15px; border-bottom: 1px solid #ccc; } section article.newsletter h2 { margin: 0; } /** Article, Box **/ section article.box, section .photoFeature { margin: 0 0 25px; padding: 30px; width: auto; background: #f7f7f7; border-left: 10px solid #ad7bad; } section article:after { content: ''; display: block; clear: both; } section article.box > p { margin: 0; display: none; } section article.box > ul { margin: 0; } section .photoFeature p { margin: 0; } section .photoFeature table { margin: 0 0 5px; line-height: 1.2em; } .featured-media-list li { float: left; width: 31%; } .featured-media-list:after, .featured-media-list:before { clear: both; content: ''; float: none; } /*---------------------------------------------------------------*/ /* NEWS FEED /*---------------------------------------------------------------*/ /** SUBSCRIBE **/ section #subscribeBlock { margin: 25px 0; } section #subscribeBlock h2 { margin: 0; } section #subscribeBlock input[type=text] { width: 450px; } section #subscribeBlock input[type=submit] { margin-top: 0; font-size: 1.0em; } /*---------------------------------------------------------------*/ /* MENU - FEATURE /*---------------------------------------------------------------*/ ul#menuFeature { margin: 0 0 40px; padding: 30px; list-style-type: none; background: #f7f7f7; } ul#menuFeature li { padding: 17px 10px 17px 0; border-bottom: 1px solid #cdcdcd; } ul#menuFeature li:last-child { border: none; } ul#menuFeature li a { padding: 0 50px 0 0; text-decoration: none; color: #000; display: block; position: relative; } ul#menuFeature li a span { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.25em; color: #8a448a; display: block; } ul#menuFeature li a:after { margin: -10px 0 0 40px; font-size: 30px; font-family: FontAwesome; content: "\f105"; color: #ad7bad; float: right; position: absolute; right: 0; top: 50%;} /*---------------------------------------------------------------*/ /* SERVICES - NAV FEATURE /*---------------------------------------------------------------*/ #navFeature { margin: 0 0 40px; padding: 25px 0 0; width: 620px; height: 425px; background: url(./images/servicesNavFeature-background.jpg) no-repeat left top; background-size: contain;} #navFeature ul { margin: 0 0 0 15px; width: 315px; list-style-type: none; } #navFeature ul li { padding: 17px 0; border-bottom: 1px solid #cdcdcd; } #navFeature ul li:last-child { border: none; } #navFeature ul li a { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-size: 1.25em; line-height: 1.25em; text-decoration: none; color: #8a448a; display: block; position: relative; } #navFeature ul li a:after { margin: 0 10px 0 0; font-size: 30px; font-family: FontAwesome; content: "\f105"; float: right; color: #ad7bad; } /*---------------------------------------------------------------*/ /* CONTENT - HOME /*---------------------------------------------------------------*/ .conditions-heading {font-weight: 400; font-size: 1.533em!important; margin-bottom: 10px; } #conditionsHM { margin: 45px 0 50px; padding: 25px 0 0 50px; width: 960px; height: 400px; background: url(./images/skpconditionswetreat.jpg) no-repeat left top; } #conditionsHM ul { margin: 0 60px 0 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-weight: 300; } #conditionsHM ul.column-last { margin: 0; } #conditionsHM ul { float: left; } #conditionsHM ul li { padding: 0; margin: 0; position: relative; } #conditionsHM ul li a { padding: 0 15px 0 0; font-size: 16px; color: #000; text-decoration: none; white-space: nowrap; position: relative; } #conditionsHM ul li a:hover { color: #ad7bad; } #conditionsHM ul li a:hover:after { top: 0; right: 0; font-size: 18px; font-family: FontAwesome; content: "\f105"; position: absolute; } #conditionsHM a.button.coup-link { margin: 80px 0 0; width: 250px; float: right; } #featureFeed { padding-top: 30px;} #featureFeed .feed { margin-right: 30px; width: 300px; float: left; } #featureFeed .feed.last { margin: 0; float: right; } #featureFeed .date { display: none; } #featureFeed .feed .newsletter {margin: 0 !important;} #featureFeed .newsletter-fields span.wpcf7-form-control-wrap:first-of-type, #featureFeed .newsletter-fields span.wpcf7-form-control-wrap:nth-of-type(2) { width: 100% !important; } #featureFeed article { margin: 0 0 20px; } #featureFeed article p { margin: 0; font-size: 0.933em; line-height: 1.25em; } #featureFeed article h3 { margin: 0 0 5px; font-size: 1.17em; line-height: 1.25em; font-weight: 400; } #featureFeed article h3 a { color: #ad7bad; text-decoration: none; } #featureFeed article h3 a:hover { text-decoration: underline; } #fb-feed { width: 100%; } #fb-feed .fb-update { } #fb-feed .fb-update p { } #fb-feed.loading { height: 200px; background: url(./images/_loading.gif) no-repeat center center; } .kybella_feature { background-color: #F7F7F7; box-shadow: inset 0 -7px 6px -8px lightgrey; padding: 20px 0; text-align: left; } .kybella_feature .container { width: 960px; max-width: 100%; margin: 0 auto; } .kybella_feature .row { margin: 0 -10px; } .kybella_feature .row:after { content: ''; display: table; clear: both; } .kybella_feature .col_4_16 { width: 25%; float: left; padding: 0 10px; box-sizing: border-box; } .kybella_feature .col_6_16 { width: 37.5%; float: left; padding: 0 10px; box-sizing: border-box; } .kybella_feature__image { width: 100%; } .kybella_feature__logo { margin-top: 25px; } /* Magic number to vertically center */ .kybella_feature__title { font-family: "pragmatica-web-condensed"; color: #4E4771; font-weight: 400; text-transform: uppercase; font-size: 22px; line-height: 1.4; margin-bottom: 10px; } .kybella_feature__excerpt { margin: 0 0 10px 0; } .kybella_feature__button { color: #D54A23; font-weight: bold; font-size: 18px; text-decoration: none; display: inline-block; } .kybella_feature__button i { margin-left: 8px; font-size: 14px; vertical-align: middle; } /*---------------------------------------------------------------*/ /* Home Banner /*---------------------------------------------------------------*/ /* .home .bx-wrapper { margin: 0 !important; background: #1f1f1f !important; } .home .bx-viewport { border: none !important; box-shadow: none !important; background: none !important; margin-left: 5px; } .home .bx-wrapper .bx-pager { bottom: 15px; } .home .bx-wrapper .bx-pager a { background: #fff !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; box-shadow: inset 0 -3px 5px rgba(240,240,240,.4); } .home .bx-wrapper .bx-pager a.active { background: #8b418c !important; box-shadow: inset 0 -3px 5px rgba(41,19,41,.4); } */ .home .inner-container { width: auto; margin: 0 auto; padding: 15px 25px 0; max-width: 100%; } .page .inner-container, .archive .inner-container, .blog .inner-container, .single .inner-container { width: auto; margin: 0 auto; padding: 15px 32px 0; max-width: 100%; } .inner-container.top-nav.desktop { display: flex; justify-content: space-between; } .inner-container.top-nav.desktop .number-and-search { display: flex; width: 42%; align-items: center; justify-content: space-between; } .inner-container.top-nav.desktop .number-and-search > a { color: #000; text-decoration: none; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-size: 15px; } .inner-container.top-nav.desktop .number-and-search > a:hover { color: #ad7bad; } /* .home header { height: auto; width: 100%; background-color: #1f1f1f; } .home header img.phone { margin-left: 0; } .home .banner__wrapper .logo { display: block; width: 444px; height: 103px; background: url(./images/logo-hm.png) no-repeat top left; margin: 0 0 30px; } */ .banner__slide { text-align: left; opacity: 0; transition: all .3s ease-out; max-width: 100%; display: block; margin: 0 auto; min-width: 1024px; position: relative !important; width: auto !important; } .banner__slide h2 { color: #ad7bad; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 32px; margin: 0 0 10px; } .banner__slide p { color: #fff; font-size: 16px; margin: 0 0 20px; } .banner__slide.kybella p { line-height: 3em; } .banner__slide .buttons { max-width: 252px; margin: 0 0 38px; } .banner__slide .buttons .button { margin: 0 0 10px; } .banner__slide.team { background: #1f1f1f url(./images/slide-team.jpg) no-repeat; background-size: auto 78%; background-position: 62% 100%; } .banner__slide.thermage { background: #1f1f1f url(./images/slide-thermage.jpg) no-repeat top center; background-size: auto 100%; } .banner__slide.fraxel { background: #1f1f1f url(./images/slide-fraxel.jpg) no-repeat top center; background-size: auto 100%; } .banner__slide.coolsculpting { background: #1f1f1f url(./images/slide-coolsculpting.jpg) no-repeat top center; background-size: auto 100%; } .banner__slide.botox { background:#1f1f1f url(./images/slide-botox.jpg) no-repeat top center; background-size: auto 100%; } .banner__slide.kybella { background:#1f1f1f url(./images/slide-thermage.jpg) no-repeat top center; background-size: auto 100%; } .team p { max-width: 403px; } .thermage p { max-width: 308px; } .fraxel p { max-width: 336px; } .coolsculpting p { max-width: 400px; } /*---------------------------------------------------------------*/ /* LNAV /*---------------------------------------------------------------*/ body.wide #lnav { display: none; } #lnav { margin: 0; padding: 30px 0 0; width: 300px; text-align: left; float: left; } #lnav h2, #lnav h3 { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; } #lnav h2{ margin: 0 0 45px; font-size: 1.50em; font-weight: 400; } #lnav .newsletter h2{ margin: 0 0 20px; font-size: 1.50em; font-weight: 400; } #lnav h3{ margin: 0 0 10px; font-size: 1.467em; line-height: 1.25em; color: #ad7bad; font-weight: 300; } #lnav h2 a { color: #000; text-decoration: none; } #lnav h2 a:hover { color: #AD7BAE; } #lnav #searchform {margin-bottom: 20px; } #lnav p { margin: 0 0 15px; font-size: 1.0em; line-height: 1.50em; color: #000; } #lnav ul.nav { margin: 0 0 50px; list-style-type: none; border: none; } #lnav ul.nav ul { list-style-type: none; border-top: 1px solid #ccc; } #lnav ul.nav li.current-menu-parent > ul, #lnav ul.nav li.menu-item-has-children > ul { border: none; } #lnav ul.nav li { margin: 0; padding: 0; border-bottom: 1px solid #ccc; position: relative; display: block; } #lnav ul.nav li:last-child { border: none; } #lnav ul.nav li a { padding: 0; line-height: 1.5em; font-size: 20px; color: #000; font-weight: 400; text-decoration: none; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; display: block; } #lnav ul.nav li a:hover { color: #ad7bad; } #lnav ul.nav li a:hover:after { top: 0; right: 20px; font-size: 18px; font-family: FontAwesome; content: "\f105"; color: #ad7bad; position: absolute; } #lnav ul.nav li.current-menu-item > a { color: #ad7bad; } /* Do Not Highlight Achor Nav Links */ #lnav ul.nav li.current-menu-item.anchor > a { color: #000; } #lnav ul.nav li.current-menu-item.anchor > a:hover { color: #ad7bad; } #lnav ul.nav li.menu-item-has-children ul { display: none; } #lnav ul.nav li.current-menu-ancestor.menu-item-has-children > ul, #lnav ul.nav li.current-menu-item.menu-item-has-children > ul { display: block; } #lnav ul.nav ul li a { padding-left: 20px; font-size: 20px; font-weight: 300; } #lnav ul.nav ul ul li { border: none; } #lnav ul.nav ul ul li a { padding-left: 33px; font-size: 16px; font-weight: 300; color: #666; } #lnav ul.nav ul ul li a:before { top: 0; left: 20px; font-size: 6px; font-family: FontAwesome; content: "\f111"; color: #666; position: absolute; } #lnav ul.nav ul ul li a:hover:before { color: #ad7bad; } #lnav ul.services-link { margin: 0 0 30px; } #lnav ul.services-link li, #lnav ul.services-link ul { margin: 0; padding: 0; border: none; } #lnav .lnav-padding { padding: 0 30px 0 0; } #lnav #testimonialsContainer { } #lnav #testimonialsContainer h3 { display: none; } #lnav .testimonial { margin: 0 0 50px; display: none; } #lnav .testimonial p { margin: 0 0 10px; font-size: 1.0em; line-height: 1.50em; font-style: italic; color: #666; } #lnav .testimonial p.author { text-align: right; font-weight: 700; color: #000; } #lnav a.button.fancyconsultation { margin: 0 0 50px; max-width: 270px; } /** BLOG **/ #lnav ul.blog h2 { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; } #lnav ul.blog h2 { margin: 0 0 45px; font-size: 1.50em; font-weight: 400; } #lnav ul.blog ul.home-link h2 a { font-size: 1.0em; } #lnav ul.blog { list-style-type: none; } #lnav ul.blog ul { margin: 0 0 50px; list-style-type: none; border: none; } #lnav ul.blog ul li { margin: 0; padding: 0; border-bottom: 1px solid #ccc; position: relative; display: block; } #lnav ul.blog ul li:last-child { border: none; } #lnav ul.blog > ul > li { border: none; } #lnav ul.blog li a { padding: 0; line-height: 1.5em; font-size: 20px; color: #000; font-weight: 400; text-decoration: none; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; display: block; } #lnav ul.blog li a:hover { color: #ad7bad; } #lnav ul.blog li a:hover:after, body.single #lnav li a:hover:after { top: 0; right: 20px; font-size: 18px; font-family: FontAwesome; content: "\f105"; color: #ad7bad; position: absolute; } /*---------------------------------------------------------------*/ /* FORMS /*---------------------------------------------------------------*/ .wpcf7 p { margin: 0; display: block; float: left; } section label { cursor: pointer; } /* section input { margin: 0 20px 15px 0; padding: 15px; width: 268px; height: 20px; background-color: #fff; vertical-align: middle; border: 1px solid #e1e2e6; color: #2b2828; float: left; } */ section .fl.terms { width: 305px; } section input:not([type=checkbox] ), section select, section textarea { margin: 0; padding: 15px 20px; font: 1.0em Arial, Helvetica, sans-serif; border-radius: 0; outline: none; border: 1px solid #d5d5d5; /* float: left; */ } /*section input { width: 263px; } section input.address { width: 578px; } section input.city { width: 200px; } section input.zip { width: 137px !important; } section input.zip { width: 100px !important; } section select { padding: 14px 20px; background: url(./images/select-arrow.png) no-repeat right center; vertical-align: middle; -webkit-appearance: none; } section select.interest { width: 305px; } section select.state, section select.contactmethod, section select.bestcalltime { width: 179px !important; } section select.state { width: 216px !important; } section input.last, section select.last { margin: 0 0 10px !important; } section select.bestcalltime { margin-bottom: 30px !important; }*/ section textarea { margin: 25px 0 15px; height: 150px; background-color: #fff; overflow: auto; resize: none; display: block; color: #2b2828; } section .terms input[type=checkbox] { margin: 5px 5px 0 0; padding: 0; width: auto; border: none; float: left; } section div.captcha { width: 310px; float: right; } section div.captcha .wpcf7-form-control-wrap.captcha:after { content:''; display: block; } section div.captcha p { width: 190px; } section div.validator { width: 118px; height: 49px; line-height: 49px; text-align: center; background-color: #d5d5d5; display: block; float: left; overflow: hidden; } section div.validator img { vertical-align: middle; } section div.captcha span.captcha { width: auto; } section input.validator { margin: 0 0 10px; padding: 15px 20px; width: 150px; float: left; } section input[type=submit] { margin: 10px 0 0; width: 305px; height: 49px; } section input[type=submit]:before { content: ''; display: block; clear: both; } /*---------------------------------------------------------------*/ /* QUICK CONTACT /*---------------------------------------------------------------*/ #quickcontact { margin: 0 auto; padding: 35px 32px 0; width: 960px; text-align: left; font-size: .933em; } #quickcontact h2 { margin: 0 0 20px; font-size: 1.733em; line-height: 1.25em; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 400; color: #ad7bad; } #quickcontact p { margin: 0 0 10px; display: block; } #quickcontact a { color: #6f732d; } #quickcontact .fl { width: 650px; } #quickcontact .fl.terms { width: 350px; } input:not([type=checkbox] ), select, textarea { box-sizing: border-box; width: 100%; margin: 0 10px 10px 0; padding: 15px 20px; font: 1.0em Arial, Helvetica, sans-serif; border-radius: 0; outline: none; border: 1px solid #d5d5d5; /* float: left; */ } #quickcontact select { padding: 14px 20px; background: url(./images/select-arrow.png) no-repeat right center; vertical-align: middle; -webkit-appearance: none; } #quickcontact textarea { margin: 0 0 10px; height: 323px; resize: none; overflow: hidden; } #quickcontact .terms input[type=checkbox] { margin: 5px 5px 0 0; padding: 0; width: auto; border: none; float: left;} #quickcontact div.captcha { width: 443px; height: 52px; display: block; position: relative; float: right; } #quickcontact div.captcha p { width: 325px; } #quickcontact div.validator { width: 118px; height: 49px; line-height: 49px; text-align: center; background-color: #d5d5d5; display: block; float: left; overflow: hidden; } #quickcontact div.validator img { vertical-align: middle; } #quickcontact div.captcha span.captcha { width: auto; } #quickcontact input.validator { margin: 0 0 10px; padding: 15px 20px 16px; width: 150px; float: left; } #quickcontact input[type=submit] { margin: 0 0 10px; width: 538px; height: 49px; float: right; border: none; } /*---------------------------------------------------------------*/ /* FOOTER - FEATURE - MIRADRY /*---------------------------------------------------------------*/ div.miradry-content { background: #ededed url(./images/mira-bg-1.jpg) center no-repeat; background-size: auto 100%; background-position-x: 65%; } .miradry-wrapper { padding: 10px 32px 15px; width: 960px; margin: 0 auto; } img.mobile-mira { display: none; } div.miradry-content h2 { font-family: "sofia-pro", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.5em; line-height: 1.25em; color: #0354e2; } div.miradry-content p { font-family: "sofia-pro", Arial, Helvetica, sans-serif; font-weight: 400; color: #000000; } div.mira-logo { text-align: left; } div.mira-logo img { max-width: 150px; margin-bottom: 5px; } div.miradry-block-wrap.desktop { width: 100%; } div.miradry-block-wrap { background-color: #f0f0f0; padding: 0 3px; } div.mira-right { /*display: flex;*/ flex-direction: column; text-align: left; max-width: 48%; } div.mira-right p { margin: .4em 0; color: #000; font-size: 16px; } div.mira-right p.learn-more { color: #000000; font-family: "sofia-pro", Arial, Helvetica, sans-serif; font-weight: 700; margin: 0; text-decoration: underline; } div.mira-right a { text-decoration: none; } div.mira-right p.learn-more:after { margin-left: 5px; font-family: FontAwesome; content: "\f105"; font-size: 1em; transition: all .3s; text-decoration: none; display: inline-block; } div.mira-right p.learn-more:hover { color: #0354e2; transition: all .3s; text-decoration: none; } div.mira-right p.learn-more:hover:after { margin-left: 15px; transition: all .3s; } /*---------------------------------------------------------------*/ /* FOOTER /*---------------------------------------------------------------*/ #footerWrapper { margin: 0 auto; padding: 0; width: 100%; } #footerWrapper p.top { margin: 0 auto 25px; padding: 0 32px; width:960px; text-align: right; } footer #footer-contact-mobile { display: none; } /*---------------------------------------------------------------*/ /* FOOTER - FEATURE - DOCTOR /*---------------------------------------------------------------*/ #footerDoctorFeatureContainer { width: 100%; background: url(./images/dr-feature-bg1.jpg) center top; text-align: center; background-size: cover; } #footerDoctorFeature { margin: 0 auto; padding: 0 32px 20px; width: 960px; height: 325px; text-align: left; background: no-repeat center top; position: relative; overflow: hidden; } #footerDoctorFeature .col.fl, #footerDoctorFeature .col.fr { margin: 0; padding: 32px 0 0; position: relative; z-index: 100; } #footerDoctorFeature .col.fl { width: 330px; } #footerDoctorFeature .col.fr { width: 375px; } #footerDoctorFeature h2 { margin: 0 0 15px; font-size: 1.733em; line-height: 1.25em; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 300; color: #ad7bad; } #footerDoctorFeature p { margin: 0 0 25px; color: #000; } #footerDoctorFeature a { font-weight: 300; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif;} #footerDoctorFeature .coup-link { font-weight: 400; font-family: "pragmatica-web", Arial, Helvetica, sans-serif;} #footerDoctorFeature #doctorPhoto { bottom: 0; left: 332px; width: 290px; height: 325px; position: absolute; z-index: 0;background-position: left top; background-repeat: no-repeat; overflow: hidden; background-size: contain} #footerDoctorFeature #doctorPhoto.arndt { background-image: url(./images/doctorFeature/doctor-arndt-new.png); } #footerDoctorFeature #doctorPhoto.brodt { background-image: url(./images/doctorFeature/doctor-brodt-new.png); } #footerDoctorFeature #doctorPhoto.gaffney { background-image: url(./images/doctorFeature/doctor-gaffney-new.png); } #footerDoctorFeature #doctorPhoto.dover { background-image: url(./images/doctorFeature/doctor-dover-new.png); } #footerDoctorFeature #doctorPhoto.heher { background-image: url(./images/doctorFeature/doctor-heher.png); } #footerDoctorFeature #doctorPhoto.kaminer { background-image: url(./images/doctorFeature/doctor-kaminer-new.png); } #footerDoctorFeature #doctorPhoto.masterpol { background-image: url(./images/doctorFeature/doctor-masterpol.png); } #footerDoctorFeature #doctorPhoto.kane { background-image: url(./images/doctorFeature/doctor-kane-new.png); } #footerDoctorFeature #doctorPhoto.kim { background-image: url(./images/doctorFeature/doctor-kim-new.png); } #footerDoctorFeature #doctorPhoto.morton { background-image: url(./images/doctorFeature/doctor-morton-new.png); } #footerDoctorFeature #doctorPhoto.phillips { background-image: url(./images/doctorFeature/doctor-phillips-new.png); } #footerDoctorFeature #doctorPhoto.robinson { background-image: url(./images/doctorFeature/doctor-robinson.png); } #footerDoctorFeature #doctorPhoto.rohrer { background-image: url(./images/doctorFeature/doctor-rohrer-new.png); } #footerDoctorFeature #doctorPhoto.sikora { background-image: url(./images/doctorFeature/doctor-sikora-new.png); } #footerDoctorFeature #doctorPhoto.sobell { background-image: url(./images/doctorFeature/doctor-sobell-new.png); } #footerDoctorFeature #doctorPhoto.travers { background-image: url(./images/doctorFeature/doctor-travers-new.png); } #footerDoctorFeature #doctorPhoto.buchanan { background-image: url(./images/doctorFeature/doctor-buchanan-new.png); } #footerDoctorFeature #doctorPhoto.christman { background-image: url(./images/doctorFeature/doctor-christman-new.png); } #footerDoctorFeature #doctorPhoto.labadie { background-image: url(./images/doctorFeature/doctor-labadie.png); } #footerDoctorFeature #doctorPhoto.stout { background-image: url(./images/doctorFeature/doctor-stout.png); } #footerDoctorFeature #doctorPhoto.ryther { background-image: url(./images/doctorFeature/ryther.png); } ul.nav-physicians { margin: 0; width: 180px; list-style-type: none; } ul.nav-physicians.fl, ul.nav-physicians.fr { padding: 0; width: 185px; } ul.nav-physicians li { margin: 2px 0; background: none; } ul.nav-physicians li a { padding: 0 10px 0 0; font-size: 17px; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 300; color: #000; text-decoration: none; position: relative; } ul.nav-physicians li a:after { top: 0; right: 0; font-size: 15px; font-family: FontAwesome; content: "\f105"; color: #ad7bad; position: absolute; } ul.nav-physicians li a:hover, ul.nav-physicians li a.on { color: #ad7bad; } #footerLogos { margin: 40px 0 20px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; width:100%;} /** .wp-caption{ margin: 0; padding: 8px 8px 0; background: #efefef; border: 1px solid #ccc; } .wp-caption img{ margin: 0 0 8px 0; border: 1px solid #ccc; } .wp-caption p { margin: 0 0 8px 0; font-size: 0.750em; line-height: 1.250em; text-align: left; } .wp-caption.alignleft{ margin: 0 15px 10px 0 !important; float: left; } .wp-caption.alignright{ margin: 0 0 10px 15px !important; float: right; } .clear { clear: both; } **/ /** ARTICLE - POST **/ /* article{ padding: 0 0 50px 0; margin: 0 0 70px 0; border-bottom: 1px dotted #ccc; } article.last { border: none; } section.single article { margin: 0 0 15px; } article h1, article h2 { margin: 15px 0 0 0; font-size: 2.0em; line-height: 1.0em; text-transform: uppercase; } article h2 a{ color: #000; text-decoration:none; } article h2 a:hover{ color: #000; text-decoration: underline; } article footer{ margin-top:30px; } article .entry-meta{ margin-bottom: 20px; font-size: 0.857em; line-heigh: 1.0em; } article .entry-content{ margin: 20px 0 0 0;} */ /*---------------------------------------------------------------*/ /* NAVIGATION - NEXT/PREVIOUS /*---------------------------------------------------------------*/ #nav-above, #nav-below{ margin: 15px 0; clear:both; } #nav-above{ border:none; } #nav-below{ border:none; } #nav-above .nav-previous, #nav-below .nav-previous{ float: left; } #nav-above .nav-next, #nav-below .nav-next{ float: right; } #nav-above a, #nav-below a{ color:#000; text-decoration:none;} #nav-above a:hover, #nav-below a:hover{ color:#000; } /*---------------------------------------------------------------*/ /* SOCIAL MEDIA /*---------------------------------------------------------------*/ body.home #socialMedia { float: right; } #socialMedia { margin: 0 0 20px; padding: 0; display: flex; align-items: baseline; justify-content: flex-start; } #socialMedia .share{ margin: 0; padding: 0; } #socialMedia .facebook{ margin: -4px 30px 0 0; width: 110px; } #socialMedia .google{ margin: 0 15px 0 0; width: 46px; } #socialMedia .twitter{ margin: 0 0 0 0; width: 72px; } #socialMedia .linkedin{ margin: 0 0; width: auto; display: flex; } #socialMedia .divider { margin-right: 12px; padding-right: 8px; height: 20px; border-right: 1px solid #d5d5d5; float: left; } #socialIcons{ margin-top: 10px; float: right; } #socialIcons a{ margin-right: 6px; } /*---------------------------------------------------------------*/ /* BREAD CRUMBS /*---------------------------------------------------------------*/ ul.bread_crumb { margin: 0 0 15px; padding: 0; list-style-type: none; font-size: 0.80em; line-height: 1.25em; color: #8c8c8c;} ul.bread_crumb li { margin: 0 5px 0 0; padding: 0; display: block; float: left; } ul.bread_crumb li:after { content : '|'; padding-left: 5px; } ul.bread_crumb li:last-child:after { content: ''; } ul.bread_crumb li a { color: #8c8c8c; text-decoration: none; } ul.bread_crumb li a:hover { color: #ad7bad; } ul.bread_crumb li.current { } ul.bread_crumb:after { content: ''; display: block; clear: both; } /*---------------------------------------------------------------*/ /* SEARCH FORM /*---------------------------------------------------------------*/ /* #searchform{ margin: 0 0 50px 0; display: block; } */ #searchform input { margin: 0; padding: 0; height: 40px; line-height: 40px; font-size: 14px; display: inline-block; border: 1px solid #ccc; } #searchform input[type=text] { padding: 0 14px; width: 195px; border: 1px solid #d5d5d5; float: left; } #searchform input[type=submit]{ width: 42px; height: 42px; line-height: 42px; text-indent: -9999px; float: right; border: none; background: #6f732d url(./images/button-search.png) no-repeat center center !important; } #searchform input[type=submit]:hover{ background-color: #a1a641 !important; } /*---------------------------------------------------------------*/ /* SUBSCRIBE /*---------------------------------------------------------------*/ #subscribe{ margin: 60px 0 60px 0; padding: 0;} /*---------------------------------------------------------------*/ /* REQUEST /*---------------------------------------------------------------*/ .request-consultation { margin: 0 0 50px; padding: 20px; text-align: center; display: block; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;} /*---------------------------------------------------------------*/ /* COMMENT FORM /*---------------------------------------------------------------*/ #respond{ margin: 0; } #respond h3{ padding:0; margin:0; } #commentform input, #commentform textarea{ margin-bottom:5px; } #commentform textarea{ margin: 0 0 10px; width: 580px; height: 150px; resize: vertical; } #commentform input[type=text]{ margin: 0 0 10px; width: 263px; float: left; } #commentform input#author { margin-right: 10px;} #commentform input[type=submit] { margin-bottom: 40px; padding: 0 15px; width: auto; height: 40px; line-height:40px; font-size: 16px; cursor: pointer; display: block; float: right; } /*---------------------------------------------------------------*/ /* COMMENTS DISPLAY /*---------------------------------------------------------------*/ h3#comments-title { margin: 0 0 50px; font-size: 1.385em; } ul#comment-list li.comment { padding: 0; } ul#comment-list li.comment li { padding: 0 0 0 50px; } ul#comment-list li.comment li li { padding: 0; } ul#comment-list li.comment ul.children { list-style-type: none; } ul#comment-list li.comment ul.children li { background: none; } ul#comment-list li.comment ul.children #commentform textarea { width: 482px; } ul#comment-list li.comment article { margin: 0 0 30px; padding: 0; font-size: 0.875em; line-height: 1.5; border-bottom: 1px dotted #ccc; } ul#comment-list li.comment article .comment-author { font-weight: 700; font-size: 1.25em; line-height: 1.5em; } ul#comment-list li.comment article .comment-meta { margin: 0 0 25px; padding: 0; border: none; float: left;} ul#comment-list li.comment article .comment-body { margin: 0 0 25px; } ul#comment-list li.comment article .comment-reply { margin: 0 0 5px; padding: 0; border: none; float: right; } ul#comment-list li.comment .comment-body { font-family: Arial, sans-serif; color: #282828; } ul#comment-list li.comment .reply { } ul#comment-list li.comment .comment-body { font-size: 0.875em; line-height: 1.5; margin: 0 0 30px; padding: 0; border-bottom: 1px dotted #ccc;} ul#comment-list li.comment .comment-body .vcard { font-weight: 700; line-height: 1.5em; font-size: 1.025rem; } ul#comment-list li.comment .comment-body .comment-meta { margin: 0 0 25px; } ul#comment-list li.comment .comment-body .reply { margin: 0 0 5px; padding: 0; border: none; text-align: right; } /*---------------------------------------------------------------*/ /* ARCHIVES /*---------------------------------------------------------------*/ article.type-post, article.type-eii_news { margin: 0 0 30px; border-bottom: 1px solid #ccc; } article.type-post:last-child, article.type-eii_news:last-child { border: none; } .meta-date { margin: -20px 0 20px; font-style: italic; font-size: 0.875em; } /*---------------------------------------------------------------*/ /* SEARCH /*---------------------------------------------------------------*/ body.search article { margin: 0 0 30px !important; border-bottom: 1px solid #ccc !important; } h1.search { padding-bottom: 5px; border-bottom: 1px solid #ccc; } /*---------------------------------------------------------------*/ /* PHOTO GALLERY /*---------------------------------------------------------------*/ .gallery-heading {font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 300;} #photoGallery.categories { padding: 40px 0 23px 25px; min-height: 420px; background: #f7f7f7 url(./images/gallery-page-feature-bg.jpg) no-repeat top left; background-size: contain; } #photoGallery ul.photo-gallery, #photoGallery ul.photo-gallery ul { margin-left: 0; list-style-type: none; } #photoGallery ul.photo-gallery li { text-align: left; } #photoGallery ul.photo-gallery li a { text-decoration: none; color: #000; } #photoGallery ul.photo-gallery li a:hover { text-decoration: underline; } #photoGallery ul.photo-gallery > li > a { line-height: 1.1em; margin-bottom: 8px; display: block; width: 180px; font-size: 1.5em; font-weight: 300; color: #8a448a; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif;} #photoGallery ul.photo-gallery ul.categories > li { margin-bottom: 40px; } #photoGallery ul.photo-gallery ul.categories ul { margin-left: 20px; } #photoGallery .caseWrapper { margin: 0 0 30px; border-bottom: 1px solid #ccc; } #photoGallery .caseWrapper .fr { width: 350px; float: right; } #photoGallery .caseWrapper h2 { margin: 0 0 10px; font-weight: 400; } #photoGallery .caseWrapper h2 a { color: #ad7bad; text-decoration: none; } #photoGallery .caseWrapper h2 a:hover { text-decoration: underline; } #photoGallery .caseWrapper .thumbnailWrapper { margin: 0 20px 20px 0; } #photoGallery .caseWrapper:after { content: ''; display: block; clear: both; } #photoGallery .thumbnail { margin: 0 1px 0 0; float: left; } #photoGallery .thumbnail.last { margin: 0 0 0 1px; } #photoGallery .imageWrapper { margin: 0 0 25px; width: auto; } #photoGallery .imageWrapper .thumbnail { margin: 0; width: 50%; } #photoGallery .imageWrapper .thumbnail.last { float: right; } #photoGallery .imageWrapper .thumbnail img { width: 99% } #photoGallery .imageWrapper:after { clear: both; content: "."; display: block; height: 0px; visibility: hidden; } #photoGallery .thumbnailWrapper { margin: 0 0 0 0; float: left; } #photoGallery .thumbnailWrapper .photoPair{ margin: 0 18px 25px 0; display: inline-block; float: left; } #photoGallery .thumbnailWrapper .photoPair.margin-2n { margin-right: 18px; } #photoGallery .thumbnailWrapper .photoPair.margin-3n { margin-right: 0; } #photoGallery .caption { text-align: center; font-size: 12px; line-height: 1.0em; font-style: italic; color: #444; } #photoGallery .imageWrapper .caption { } #photoGallery .thumbnailWrapper .caption { } .case-navigation {} .case-navigation:after { content:''; clear: both; } .case-navigation.above { margin: 0 0 35px; padding: 0; } .case-navigation.below { margin: 35px 0 0; padding: 5px 0 0; border-top: 1px solid #6f732d; } .case-navigation a { padding: 5px 10px; background-color: #6f732d; color: #fff; text-decoration: none; display: block; } .case-navigation a:hover { background-color: #a1a641; } .case-navigation .case-navigation-left { float: left; } .case-navigation .case-navigation-left a { margin-right: 5px;} .case-navigation .case-navigation-right { float: right; } .case-navigation .case-navigation-right a { margin-left: 5px;} } /*---------------------------------------------------------------*/ /* SITE MAP /*---------------------------------------------------------------*/ section ul.site-map { padding: 0; line-height: 1.25em; } section ul.site-map.fl { width: 300px; } section ul.site-map.fr { width: 280px; } section ul.site-map, section ul.site-map ul { margin: 0 0 20px; list-style-type: none !important; } section ul.site-map ul { padding: 0 0 0 20px; } section ul.site-map li { } section ul.site-map li a { text-decoration: none; } section ul.site-map li a:hover { text-decoration: underline; } /*---------------------------------------------------------------*/ /* HOTELS /*---------------------------------------------------------------*/ section .amenities { width: 45%; } @media only screen and (max-width: 359px) { #mobileToolbar #mobileLogo {width: 124px !important;} } /*---------------------------------------------------------------*/ /* Nav break 975 /*---------------------------------------------------------------*/ @media only screen and (min-width: 975px) { .home .inner-container { width: 960px; } .page .inner-container, .archive .inner-container, .blog .inner-container, .single .inner-container { width: 960px; margin: 0 auto; } .inner-container.top-nav.desktop { display: flex; justify-content: space-between; /* padding: 1px 0; */ } header .nav-form { display: block; } header p.links { display: block; } header .header-content { padding: 0; } header .header-content .header-logo {width: 600px; height: auto; margin-right: 40px;} header .header-content.generic .header-logo {width: 400px; height: auto; margin-right: 40px;} } @media only screen and (max-width: 640px) { header { background-color: #fff; padding-top: 10px; } header .header-content {padding-bottom: 30px;} header .header-content.backpage {padding-bottom: 0;} header .header-content .mobile-banner { width: 100%; } header .header-content.specific .mobile-banner { margin-top: 10px; } header .header-content.specific .img-wrapper { margin-top: -15%; } header .header-content .header-logo{ width: 90%; margin-top:-15px; margin-bottom: 20px; } header .header-content .team-button p { font-size: 18px; text-align: center; margin-bottom: 10px; font-weight:400; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; } header .header-content .team-button a { /* display: block !important; */ margin: 0 auto; max-width: 270px; height: 40px; letter-spacing: 1px; line-height: 40px; font-size: 16px; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 300; color: #fff; text-align: center; text-decoration: none; background: #6f732d; display: block; } header ul.bread_crumb {display: none;} footer ul#gnav.social { display: none; } .essb_links.essb_template_flat-retina { display: none !important; } .desktop, #socialMedia, section p.tools, section #quickcontact, section ul.bread_crumb, #doctorFeature, p.top, #lnav, #lnav .nav, .mobile, .procedureWrapper, #quickcontact, #footerDoctorFeatureContainer, #footerLogos { display: none; } .mobile { display: block; } .mobile.inline { display: inline; } a.anchor:not(.termsSpan){ display: block; position: relative; top: -70px; visibility: hidden; } #bodyContainer { padding: 40px 0 0; } #contentContainer { padding: 0 0 0; } body.home #contentContainer, body.wide #contentContainer { padding: 0; min-height: 0; } #mobileToolbar { width: 100%; height: 50px; text-align: center; color: #000; font-size:16px; font-weight: 700; line-height: 50px; background: #fff; z-index: 9999; } #mobileToolbar a { width: 24px; height: 50px; color: #000; text-decoration: none; background: #fff; position: relative; display: block; z-index: 9999; display: inline-block;} /* #mobileToolbar a:before { font-size: 24px; line-height: 50px; font-family: FontAwesome; position: relative; } */ #mobileToolbar a.menu { margin: 0; padding: 0 15px 0 15px; float: left; /* border-right: 1px solid #333; */ } /* #mobileToolbar a.menu:before { content: "\f0C9"; } */ #mobileToolbar #mobileLogo { background-color: #fff; width: 144px; margin: 0;} #mobileToolbar img { vertical-align: middle; width: 100%; } #mobileToolbar a.contact {width: 55px; font-weight: 300; background-color: #8B418B; color: #fff; margin: 0; padding: 0 10px; float: right; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; } /* #mobileToolbar a.contact:before { content: "\f124"; } */ #mobileLogo { margin: 0 0 30px; display: block; } img.wide { width: 100%; } /*---------------------------------------------------------------*/ /* CONTENT /*---------------------------------------------------------------*/ * { -webkit-text-size-adjust: none; } body{ font-size: 0.875em; line-height: 1.5em; background: #fff; } section { padding: 30px 15px; text-align: left; background: #fff; } section h1, .h1-style { margin: 0 0 20px; font-weight: 400; } section h2 { margin: 0 0 15px; font-weight: 400; color: #8a448a; } section , h3 { margin: 0 0 15px; } section p { margin: 0 0 20px; } section ul, section ol { margin: 0 0 20px; padding: 0 0 0 15px; list-style-position: outside; } section ul li, section ol li { margin: 0 0 0; } section ul.fl, section ul.fr { float: none; } section img { max-width: 100%; height: auto; } section img.alignleft { width: 50% !important; height: auto !important; } section img.alignright { width: 50% !important; height: auto !important; } section img.aligncenter { width: 100%; height: auto; } section .wp-caption { margin: 0 0 20px !important; width: auto !important; font-size: 0.750em; line-height: 1.5em; } section .wp-caption img { margin: 0 0 2px !important; width: 100%; } section .wp-caption.staff { width: 48% !important; } section .wp-caption.staff.left { float: left; } section .wp-caption.staff.right { float: right; } section .bookrow { margin: 0 0 50px; padding: 0; width: auto; display: inline; } section .bookrow .book { margin: 40px 0; font-size: 0.875em; line-height: 1.25em; display: block; } section .bookrow .book p { margin: 0; } section .bookrow .book .info { margin: 15px 0 0; font-size: 1.0em; line-height: 1.25em;} section .bookrow.last { margin-right: 0; } section .bookrow.last:after { content: ''; display :block; clear: both; } section article.box, section .photoFeature { margin: 0 0 20px; padding: 15px; width: auto; background: #f7f7f7; border-left: 10px solid #ad7bad; } section article.box:after { content: ''; display: block; clear: both; } section article.box > p { margin: 0 !important; height: 0; display: none; } section article.box > ul { margin: 0; } section .photoFeature table { width: 100%; } section .photoFeature table td { } section .photoFeature table td img { width: 100%; } .kybella_feature { background-color: #F7F7F7; box-shadow: inset 0 -10px 6px -8px grey, inset 0 10px 6px -8px lightgrey; padding: 15px 0; text-align: left; } .kybella_feature .container { width: 960px; max-width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } .kybella_feature .row { margin: 0 -5px; } .kybella_feature .row:after { content: ''; display: table; clear: both; } .kybella_feature .col_8_16 { width: 50%; padding: 0 5px; box-sizing: border-box; float: left; margin-bottom: 15px; } .kybella_feature__image { width: 100%; display: block; margin: 0 auto; } .kybella_feature__logo { max-width: 80%; padding-top: 5%; } .kybella_feature__title { font-family: "pragmatica-web-condensed"; color: #4E4771; font-weight: 400; text-transform: uppercase; font-size: 22px; line-height: 1.4; margin-bottom: 10px; } .kybella_feature__excerpt { margin: 0 0 10px 0; } .kybella_feature__button { background-color: #D54A23; color: white !important; font-size: 22px; text-decoration: none; display: inline-block; width: 100%; padding: 12px 20px; box-sizing: border-box; } .kybella_feature__button i { margin-left: 8px; font-size: 14px; vertical-align: middle; text-align: right; float: right; line-height: 21px; } /* Magic number to vertically center */ /*---------------------------------------------------------------*/ /*MiraDry /*---------------------------------------------------------------*/ div.mira-mobile-wrap { background-color: #fff; } div.mira-mobile { background: #ededed; } div.mira-content { padding: 15px 15px 5px; text-align: left; } div.mira-content img { max-width: 200px !important; } .miradry-wrap-mobile img.mobile-mira { display: block; } div.mira-mobile p { padding: 0 15px 15px; text-align: left; font-family: "sofia-pro", Arial, Helvetica, sans-serif; font-weight: 400; color: #000000; font-size: 16px; line-height: 1.7em; } div.mira-content h2 { text-align: left; font-family: "sofia-pro", Arial, Helvetica, sans-serif; font-weight: 700; color: #0354e2; font-size: 1.9em; line-height: 1.25em; } div.miradry-wrap-mobile { margin-bottom: 1em; margin-top: 0; padding: 15px; background: white; } div.miradry-wrap-mobile img { max-width: 100%; } div.mira-mobile p.learn-more { color: #000000; font-family: "sofia-pro", Arial, Helvetica, sans-serif; font-weight: 700; margin: 0; text-decoration: underline; padding-bottom: 15px; } div.mira-mobile a { text-decoration: none; } div.mira-mobile p.learn-more:after { margin-left: 5px; font-family: FontAwesome; content: "\f105"; font-size: 1em; transition: all .3s; text-decoration: none; display: inline-block; } div.mira-mobile p.learn-more:hover { color: #0354e2; transition: all .3s; text-decoration: none; } div.mira-mobile p.learn-more:hover:after { margin-left: 15px; transition: all .3s; } /*---------------------------------------------------------------*/ /* NEWS FEED /*---------------------------------------------------------------*/ /** SUBSCRIBE **/ section #subscribeBlock { margin: 20px 0; } section #subscribeBlock h2 { margin: 0; } section #subscribeBlock input[type=submit] { margin-top: 0; } /*---------------------------------------------------------------*/ /* MENU - FEATURE /*---------------------------------------------------------------*/ ul#menuFeature { margin: 0 0 40px; padding: 0px; list-style-type: none; } ul#menuFeature li { padding: 15px 0; border-bottom: 1px solid #cdcdcd; } ul#menuFeature li a { padding: 0 50px 0 0; text-decoration: none; color: #000; display: block; position: relative; } ul#menuFeature li a span { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-size: 1.25em; line-height: 1.25em; color: #8a448a; display: block; } ul#menuFeature li a:after { margin: -10px 0 0 40px; font-size: 30px; font-family: FontAwesome; content: "\f105"; color: #ad7bad; float: right; position: absolute; right: 0; top: 50%;} /*---------------------------------------------------------------*/ /* SERVICES - NAV FEATURE /*---------------------------------------------------------------*/ #navFeature { margin: 0 0 40px; } #navFeature ul { padding: 0; list-style-type: none; } #navFeature ul li { padding: 15px 0; border-bottom: 1px solid #cdcdcd; } #navFeature ul li a { font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-size: 1.25em; line-height: 1.25em; text-decoration: none; color: #8a448a; display: block; position: relative; } #navFeature ul li a:after { margin: 0 10px 0 0; font-size: 18px; font-family: FontAwesome; content: "\f105"; float: right;} /*---------------------------------------------------------------*/ /* CONTENT - HOME /*---------------------------------------------------------------*/ /* .home .header--wrapper { background: linear-gradient(to bottom, #000, #111, #131313); } .home .bx-wrapper { margin: 0 !important; } .home .bx-viewport { border: none !important; box-shadow: none !important; background: none !important; left: 0 !important; } .home .bx-wrapper .bx-pager { bottom: -30px; } .home .bx-wrapper .bx-pager a { background: #fff !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; box-shadow: inset 0 -3px 5px rgba(240,240,240,.4); } .home .bx-wrapper .bx-pager a.active { background: #8b418c !important; box-shadow: inset 0 -3px 5px rgba(41,19,41,.4); } */ .home .banner { margin: 0; overflow: hidden; } .home .banner .inner-container { position: relative; padding-bottom: 10px; } .home .banner .inner-container:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: linear-gradient(to bottom, transparent, #131313, #111); } .home .banner__slide { text-align: center; padding: 77% 0 0; overflow: hidden; position: relative !important; width: auto !important; background-repeat: no-repeat; background-position: top center; } .home .banner__slide h2 { max-width: 65%; color: #ae7aae; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 400; margin: 0 auto 15px; } .home .banner__slide .buttons { padding: 0 15px; } .home .banner__slide .buttons .button { margin: 0 0 10px; } .home .banner__slide .buttons .button:last-child { margin: 0; } .home .banner__slide p { color: #fff; max-width: 73%; margin: 0 auto 20px; } .home .banner__slide.team { background-image: url(./images/mobile/slide-team-bg.jpg); background-size: 100% auto; } .home .banner__slide.fraxel { background-image: url(./images/mobile/slide-fraxel-bg.jpg); background-size: 100% auto; } .home .banner__slide.thermage { background-image: url(./images/mobile/slide-thermage-bg.jpg); background-size: 100% auto; } .home .banner__slide.coolsculpting { background-image: url(./images/mobile/slide-coolsculpting-bg.jpg); background-size: 100% auto; } .home .banner__slide.botox { background-image: url(./images/mobile/slide-botox-bg.jpg); background-size: 100% auto; } .home .banner__slide.kybella { background-image: url(./images/mobile/slide-thermage-bg.jpg); background-size: 100% auto; } #conditionsHM { display: block; } #conditionsHM a { color: #000; text-decoration: none;} #conditionsHM ul {list-style-type: none;} #conditionsHM .column-first {margin-bottom: 0;} #featureFeed .feed { margin: 0 0 50px; } #featureFeed .feed.last { margin: 0; } #featureFeed .feed h2 { margin: 0 0 10px; padding: 0 0 10px; color: #ad7bad; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 400; border-bottom: 1px solid #ccc; } #featureFeed article { margin: 0 0 10px !important; border-bottom: 1px solid #ccc; } #featureFeed article a { margin: 0; padding: 0 30px 10px 0; color: #ad7bad; text-decoration: none; display: block; position: relative; } #featureFeed article:last-child { margin: 0 !important; } #featureFeed article a .heading { margin: 0 0 0px; font-size: 1.17em; line-height: 1.25em; font-weight: 400; color: #8a448a; display: block; } #featureFeed article a .date { font-size: 0.933em; line-height: 1.25em; color: #444; display: block; } #featureFeed article a .excerpt { font-size: 0.933em; line-height: 1.25em; color: #444; display: block; } #featureFeed article a:after { top: 0; right: 0; font-size: 20px; line-height: 20px; font-family: FontAwesome; content: "\f105"; position: absolute; } #featureFeed .feed .newsletter {margin: 0;} #featureFeed .feed .newsletter h2 {border: none !important;} /*---------------------------------------------------------------*/ /* FEATURE - GALLERY /*---------------------------------------------------------------*/ #feature { margin: 0 0 25px; padding: 0; width: 100%; } #feature h2 { margin: 0 0 1px; padding: 20px 20px 0 105px; width: auto; height: 80px; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; color: #fff; font-size: 15px; line-height: 20px; background: #000 url(./images/mobile/feature-background.jpg) no-repeat left top; } #feature a.button { padding: 0 0 0 15px; width: auto; height: 45px; line-height: 45px; font-size: 18px; text-align: left; position: relative; } #feature a.button:after { top: 3px; right: 15px; font-size: 24px; line-height: 40px; font-family: FontAwesome; content: "\f105";position: absolute; } /* #feature.gallery-feature-mobile {background: none;} */ /*---------------------------------------------------------------*/ /* FEATURE - DOCTORS /*---------------------------------------------------------------*/ #featureDoctors { margin: 0 0 25px; padding: 0; width: 100%; } #featureDoctors img { width: 100%; } #featureDoctors a.button { padding: 0 0 0 15px; width: auto; height: 45px; line-height: 45px; font-size: 18px; text-align: left; position: relative; border-top: 1px solid #fff;background-color: #8b418c; } #featureDoctors a.button:after { top: 3px; right: 15px; font-size: 24px; line-height: 40px; font-family: FontAwesome; content: "\f105";position: absolute; } /*---------------------------------------------------------------*/ /* FEATURE - DOCTORS HM /*---------------------------------------------------------------*/ #featureDoctors.home a.button { border: none; } /*---------------------------------------------------------------*/ /* FEATURE - DOCTORS WELCOME /*---------------------------------------------------------------*/ #featureDoctorsWelcome { margin: 0; padding: 0px 15px 20px; width: auto; text-align: left; background: #fff; background-size: cover; } #featureDoctorsWelcome h2 { margin: 0 0 20px; color: #ad7bad; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; font-weight: 400; } #featureDoctorsWelcome p { margin: 0 0 20px; color: #000; text-align: left; } #featureDoctorsWelcome a.button { background-color: #8B418B; margin: 0 0 10px; border: none; } footer { padding: 15px 15px 0; width: auto; font-size: 1.1em; line-height: 2em; color: #999; text-align: left; } footer p { margin: 0 0 25px; } footer ul.social { margin: 0 0 15px; width: 110px; height: 28px; list-style-type: none; float: none; } footer ul.social li { margin: 0 5px; line-height: 28px; float: left; } footer ul.social li:first-child { margin-left: 0; } footer ul.social li a { width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 18px; color: #000; background: #ad7bad; display: block; -moz-border-radius: 33px; -webkit-border-radius: 33px; border-radius: 33px; -khtml-border-radius: 33px; } footer ul.links { margin: 0 0 5px; float: none !important; } footer ul.links li { margin: 0; padding: 5px 0 !important; border: none; border-bottom: 1px solid #666 !important; display: block; } footer ul.links li a { color: #999; } footer p.phone { margin: 0 0 10px; font-size: 1.5em; line-height: 1.25em; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; color: #fff; } footer p.etna { margin: 0 0 25px; float: none !important; } footer p.etna-link-mobile a { color: #8B418B; font-weight: bold; text-decoration: none; } footer p.etna-link-desktop a { color: #6f732d; text-decoration: none; } footer p.regional a { text-decoration: none; color: #999; } footer img.logo { margin: 0 0 25px; width: 172px; height: 21px; } footer img.logo.mobile { margin: 15px 0 10px; } /*---------------------------------------------------------------*/ /* PHOTO GALLERY /*---------------------------------------------------------------*/ .gallery-heading {font-weight: 300;} #photoGallery ul.photo-gallery, #photoGallery ul.photo-gallery ul { margin-left: 0; list-style-type: none; } #photoGallery ul.photo-gallery li { text-align: left; } #photoGallery ul.photo-gallery li h2 { border-bottom: 1px solid #ad7bad; font-weight: 300; } #photoGallery ul.photo-gallery li a { text-decoration: underline; color: #000; text-decoration:none;} #photoGallery ul.photo-gallery > li > a { line-height: 1.1em; margin-bottom: 8px; display: block; width: 150px; font-size: 1.5em; font-weight: 300; color: #8a448a; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif;} #photoGallery ul.photo-gallery ul.categories > li { margin-bottom: 40px; } #photoGallery ul.photo-gallery ul.categories ul { margin-left: 20px; } #photoGallery .caseWrapper { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #ccc; } #photoGallery .caseWrapper .fr { width: auto; float: none; } #photoGallery .caseWrapper h2 { margin: 0 0 10px; font-weight: 400; } #photoGallery .caseWrapper h2 a { color: #ad7bad; text-decoration: none; } #photoGallery .caseWrapper h2 a:hover { text-decoration: underline; } #photoGallery .caseWrapper .thumbnailWrapper { margin: 0 20px 0 0; } #photoGallery .caseWrapper:after { content: ''; display: block; clear: both; } #photoGallery .thumbnail { margin: 0 3% 0 0; width: 48%; float: left; } #photoGallery .thumbnail.last { margin: 0 0 0 1px; } #photoGallery .thumbnail img { width: 100% !important; } #photoGallery .imageWrapper { margin: 0 0 25px; width: auto; } #photoGallery .imageWrapper .thumbnail { margin: 0; width: 50%; } #photoGallery .imageWrapper .thumbnail.last { float: right; } #photoGallery .imageWrapper .thumbnail img { width: 99% } #photoGallery .imageWrapper:after { clear: both; content: "."; display: block; height: 0px; visibility: hidden; } #photoGallery .thumbnailWrapper { margin: 0 0 20px; width: 100%; } #photoGallery .thumbnailWrapper .photoPair{ margin: 0 18px 25px 0; display: inline-block; float: left; } #photoGallery .thumbnailWrapper .photoPair.margin-2n { margin-right: 18px; } #photoGallery .thumbnailWrapper .photoPair.margin-3n { margin-right: 0; } #photoGallery .caption { text-align: center; font-size: 12px; line-height: 1.0em; font-style: italic; color: #444; } #photoGallery .imageWrapper .caption { } #photoGallery .thumbnailWrapper .caption { } .case-navigation {} .case-navigation:after { content:''; clear: both; } .case-navigation.above { margin: 0 0 35px; padding: 0; } .case-navigation.below { margin: 35px 0 0; padding: 5px 0 0; border-top: 1px solid #6f732d; } .case-navigation a { padding: 5px 10px; background-color: #6f732d; color: #fff; text-decoration: none; display: block; } .case-navigation a:hover { background-color: #a1a641; } .case-navigation .case-navigation-left { float: left; } .case-navigation .case-navigation-left a { margin-right: 5px;} .case-navigation .case-navigation-right { float: right; } .case-navigation .case-navigation-right a { margin-left: 5px;} /*---------------------------------------------------------------*/ /* ARCHIVES /*---------------------------------------------------------------*/ article.type-post, article.type-eii_news { margin: 0 0 20px; border-bottom: 1px solid #ccc; } article.type-post:last-child, article.type-eii_news:last-child { border: none; } article.type-post:after , article.type-eii_news:after { content: ''; display: block; clear: both; } /*---------------------------------------------------------------*/ /* NAVIGATION - NEXT/PREVIOUS /*---------------------------------------------------------------*/ #nav-above, #nav-below{ margin: 15px 0; clear:both; } #nav-above{ border:none; border-bottom: 1px dotted #bbb;} #nav-below{ border:none; border-top: 1px dotted #bbb; } #nav-above .nav-previous, #nav-below .nav-previous{ float: left; } #nav-above .nav-next, #nav-below .nav-next{ float: right; } #nav-above a, #nav-below a{ color:#000; text-decoration:none;} #nav-above a:hover, #nav-below a:hover{ color:#000; } /*---------------------------------------------------------------*/ /* FORMS /*---------------------------------------------------------------*/ .wpcf7, .wpcf7 form { margin: 0; padding: 0; width: 100%; } .wpcf7 p { margin: 0; padding: 0; display: inline; } section label { cursor: pointer; } section input, section select, section textarea {width: 100%; box-sizing: border-box; display: block; margin: 0; padding: 15px 5%; font: 16px/16px Arial, Helvetica, sans-serif; border-radius: 0; outline: none; border: 1px solid #d5d5d5; float: left; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; } section select { padding-right: 50px; width: 100%; background: url(./images/select-arrow.png) no-repeat right center; vertical-align: middle; -webkit-appearance: none; } section input[type=submit] { margin: 10px 0 0; width: auto; width: -webkit-fill-available; height: 49px; float: right; -webkit-appearance: none;} @media only screen and (min-width: 640px) { section input[type=submit] { width: 305px; } } /* section input[type=checkbox] { margin: 5px 0 0; width: 10px; height: 10px; -webkit-appearance: none; } */ section input[type="checkbox"] { margin: 0 5px 5px 1px; padding: 0; width: 23px; height: 23px; vertical-align: middle; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; background-color: white; border: none; border-image-outset: none; outline: 1px solid #d5d5d5; } section input:checked { -moz-appearance: none; background: url(./images/mobile/checkmark.gif) no-repeat left bottom; } .termsBlock { margin: 0 0 0 10px; } .wpcf7 .terms .wpcf7-not-valid { height: 23px; border-right: 23px solid #f00 !important; float: left; } /*---------------------------------------------------------------*/ /* COMMENTS FORM /*---------------------------------------------------------------*/ #commentform textarea { margin-bottom: 20px; } #commentform input[type=submit] { margin: 0 0 20px; } /*---------------------------------------------------------------*/ /* SITE MAP /*---------------------------------------------------------------*/ section ul.site-map { padding: 0; float: none !important; } /*---------------------------------------------------------------*/ /* HOTELS /*---------------------------------------------------------------*/ section .amenities h3 { margin: 0 0 0; font-weight: 400; } } /*---------------------------------------------------------------*/ /* FEATURE - AESTHETICIANS /*---------------------------------------------------------------*/ #featureAestheticians { margin: 0 0 25px; padding: 0; width: 100%; } #featureAestheticians img { width: 100%; } #featureAestheticians a.button { padding: 0 0 0 15px; width: auto; height: 45px; line-height: 45px; font-size: 18px; text-align: left; position: relative; border-top: 1px solid #fff;background-color: #8b418c; } #featureAestheticians a.button:after { top: 3px; right: 15px; font-size: 24px; line-height: 40px; font-family: FontAwesome; content: "\f105";position: absolute; } /** RETINA SWAPS **/ @media only screen and (max-width: 640px) { section #feature h2 { background-image: url(./images/mobile/feature-background@2x.jpg); background-size: 290px 100px; } section #feature.gallery-feature-mobile {width: auto; max-width: 100%; background: linear-gradient(90deg, rgba(227,227,229,1) 0%, rgba(247,247,249,1) 50%); padding: 20px} section #feature.gallery-feature-mobile h2 { font-size: 1.467em; line-height: 1.5em; height: auto; background: none; color: #000;padding: 20px 0 20px 0;font-family: Arial, Helvetica, sans-serif;} section #feature.gallery-feature-mobile .button {font-family: "pragmatica-web", Arial, Helvetica, sans-serif; font-weight: 400; text-align: center;background-color: #8B418B;max-width: 100%; box-sizing: border-box;} section #feature.gallery-feature-mobile .button:after {content: "";} #featureDoctors.welcome { background-image: url(./images/mobile/featureDoctorsWelcome-background@2x.jpg); background-size: 640px 282px; } section input:checked { background-image: url(./images/mobile/checkmark@2x.gif); background-size: 23px 23px; } } @media print { * { color: #000 !important; } body { padding: 30px; font-size: 1.000em; line-height: 1.200em; text-align: left; } header, footer, #socialMedia, section p.tools, #quickcontact, section p.breadcrumbs, ul.bread_crumb, #doctorFeature, p.top, #lnav, .mobile, #mobileNav, #mobileLogo, #footerWrapper { display: none; } section { width: auto; float: none; } section p { margin: 0 0 25px; } section ul { margin: 0 0 10px; padding: 0 0 0 20px; list-style-type: disc; } section ul li { margin: 0 0 5px; padding: 0 0 0 5px; } section h1, section h2, section h3, h3 { margin: 0 0 15px; font-weight: bold; } article { padding: 0; } section dl dd { display: block !important; } } /*---------------------------------------------------------------*/ /* ACCORDION /*---------------------------------------------------------------*/ .accordion { cursor: pointer; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; position: relative; box-sizing: border-box; padding-right: 30px; } .accordion:after { right: 0; content: '\2795'; font-size: 13px; color: #8c8c8c; margin-left: 5px; top: 50%; transform: translateY(-50%); position: absolute; } .accordion.active:after { content: "\2796"; color: #8c8c8c; } .panel { max-height: 0; overflow: hidden; transition: 0.4s ease-in-out; opacity: 0; width: 100%; } .panel.show { opacity: 1; max-height: 500px; } /*---------------------------------------------------------------*/ /* NAV SEARCH FORMS /*---------------------------------------------------------------*/ .mobile-nav-form { width: 100%; } .mobile-nav-form #searchform { display: flex; max-width: 100%; padding: 10px 10px 10px 20px; } .mobile-nav-form #searchform #s { width: 95%; font-size: 14px; padding: 5px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .mobile-nav-form #searchform #searchsubmit { background: white url(./images/button-search-grey-v2.png) no-repeat center center !important; background-size: 70% !important; height: 30px; width: 30px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .mobile-nav-form #searchform #searchsubmit { color: transparent !important; } .nav-form { width: 100%; } .number-and-search .nav-form {margin-left: 15px; width:46%;} /* .nav-form #searchform { display: flex; max-width: 23%; padding: 10px 10px 10px 20px; margin-bottom: 0; } */ .nav-form #searchform #s { height: 18px; width: 95%; font-size: 14px; padding: 5px; /* border-radius: 4px; border-color: transparent; */ border: 1px #707070 solid; border-radius: 6px; } .nav-form #searchform #searchsubmit { background: white url(./images/button-search-grey-v2.png) no-repeat center center !important; background-size: 70% !important; height: 25px; width: 25px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-color: transparent; margin-top: -27px; } .newsletter { background: #ededed; padding: 30px 30px 30px; box-sizing: border-box; margin: 30px 0; } .eii-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-column-gap: 10px; grid-row-gap: 10px; margin-bottom: 10px; } body.page-id-7640 .contact-fake { grid-column: auto / span 12; } body.page-id-7640 textarea { margin-top: 0; } @media (min-width: 768px) { .eii-container { max-width: 1200px; margin: 0 auto; } } .eii-col { grid-column: auto / span 12; } @media(min-width: 533px) { .eii-col-medium-6 { grid-column: auto / span 6; } .eii-col-medium-5 { grid-column: auto / span 5; } .eii-col-medium-2 { grid-column: auto / span 2; } .eii-col-medium-8 { grid-column: auto / span 8; } .eii-col-medium-4 { grid-column: auto / span 4; } } @media(min-width: 768px) { .eii-col-large-6 { grid-column: auto / span 6; } .eii-col-large-5 { grid-column: auto / span 5; } .eii-col-large-2 { grid-column: auto / span 2; } .eii-col-large-8 { grid-column: auto / span 8; } .eii-col-large-4 { grid-column: auto / span 4; } } .newsletter-fields { display: flex; justify-content: space-between; flex-wrap: wrap; } .newsletter-fields span.wpcf7-form-control-wrap { width: 100%; } @media only screen and (min-width: 640px) { .newsletter-fields span.wpcf7-form-control-wrap:first-of-type,.newsletter-fields span.wpcf7-form-control-wrap:nth-of-type(2) { width: 49%; } } .newsletter-fields input { width: 100%; box-sizing: border-box; } .newsletter-fields input.wpcf7-submit { width: 100% !important; margin-bottom: 0 !important; } .newsletter-fields input.wpcf7-submit:hover { background: #a1a641 !important; } /*---------------------------------------------------------------*/ /* MiraDry Banner covid banner overrides /*---------------------------------------------------------------*/ #miradry-banner {background-color: #fff;text-align: left;border-top: 2px #AE7AAE solid;padding: 1rem 1rem;} #miradry-banner img {width: 222px;max-width: 100%;margin-bottom: 5px;} #miradry-banner h1 {font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif;font-size: 1.733em;font-weight: 300;line-height: 1.3em;} #miradry-banner .content { max-width: 420px;width: 100%;margin: 0 auto;text-align: left;} #miradry-banner .eii-covid-cookie-link {font-weight: 300; max-width: 252px;background-color: #8b418c;font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif;} #miradry-banner .eii-covid-cookie-link:hover {background-color: #Af7AAE;} #miradry-banner .close-covid::after, #miradry-banner .close-covid::before {background: #000;} /*---------------------------------------------------------------*/ /* Related Blog POsts /*---------------------------------------------------------------*/ .related-blog-posts {margin: 20px 0 40px; background-color: #ededed; padding: 30px; box-sizing: border-box;} .related-blog-posts h2 {margin-bottom: 25px;} .related-blog-posts a {text-decoration: none;} .related-blog-posts h3 {color: #ad7bad; margin-bottom: 10px;} .related-blog-posts h3:hover {text-decoration: underline;} .related-blog-posts p {color: #000} .related-blog-posts .read-more {color: #ad7bad;} .related-blog-posts .read-more:hover {text-decoration: underline;} .related-blog-posts.complex .related-blog-posts__list {display: flex;justify-content: space-between;} .related-blog-posts.complex article {width: 47%;position: relative; text-align: center; overflow: hidden;} .related-blog-posts.complex article:last-of-type {display: none;} .related-blog-posts.complex img {width: auto;height: 263px;margin-bottom: 15px;} .related-blog-posts.complex h3 {text-align: left;} .related-blog-posts.complex p {text-align: left;} @media only screen and (max-width: 640px) { .related-blog-posts.complex .related-blog-posts__list {display: block;} .related-blog-posts.complex article {width: 100%; height: auto; position: relative;} } /*---------------------------------------------------------------*/ /* Procedure Banners /*---------------------------------------------------------------*/ .page-id-9075 header, .parent-pageid-9075 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: auto; background: none; background-size: 1920px auto; } .page-id-9075 #contentContainer, .parent-pageid-9075 #contentContainer {margin-top: 20px;} @media only screen and (min-width: 640px) { .page-id-9075 #contentContainer, .parent-pageid-9075 #contentContainer {margin-top: 0;} .page-id-9075 header, .parent-pageid-9075 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: 505px; background: url(./images/hero-medical-derm.jpg) no-repeat center bottom; background-size: 1920px auto; } } .page-id-9095 header, .parent-pageid-9095 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: auto; background: none; background-size: 1920px auto; } .page-id-9095 #contentContainer, .parent-pageid-9095 #contentContainer {margin-top: 20px;} @media only screen and (min-width: 640px) { .page-id-9095 #contentContainer, .parent-pageid-9095 #contentContainer {margin-top: 0;} .page-id-9095 header, .parent-pageid-9095 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: 505px; background: url(./images/hero-surgical-derm.jpg) no-repeat center bottom; background-size: 1920px auto; } } .page-id-8758 header, .parent-pageid-8758 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: auto; background: none; background-size: 1920px auto; } .page-id-8758 #contentContainer, .parent-pageid-8758 #contentContainer {margin-top: 20px;} @media only screen and (min-width: 640px) { .page-id-8758 #contentContainer, .parent-pageid-8758 #contentContainer {margin-top: 0;} .page-id-8758 header, .parent-pageid-8758 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: 505px; background: url(./images/hero-skincare.jpg) no-repeat center bottom; background-size: 1920px auto; } } .page-id-8772 header, .parent-pageid-8772 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: auto; background: none; background-size: 1920px auto; } .page-id-8772 #contentContainer, .parent-pageid-8772 #contentContainer {margin-top: 20px;} @media only screen and (min-width: 640px) { .page-id-8772 #contentContainer, .parent-pageid-8772 #contentContainer {margin-top: 0;} .page-id-8772 header, .parent-pageid-8772 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: 505px; background: url(./images/hero-costmetic-derm.jpg) no-repeat center bottom; background-size: 1920px auto; } } .page-id-9295 header, .parent-pageid-9295 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: auto; background: none; background-size: 1920px auto; } .page-id-9295 #contentContainer, .parent-pageid-9295 #contentContainer {margin-top: 20px;} @media only screen and (min-width: 640px) { .page-id-9295 #contentContainer, .parent-pageid-9295 #contentContainer {margin-top: 0;} .page-id-9295 header, .parent-pageid-9295 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: 505px; background: url(./images/hero-conditions.jpg) no-repeat center bottom; background-size: 1920px auto; } } .page-id-8752 header, .parent-pageid-8752 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: auto; background: none; background-size: 1920px auto; } .page-id-8752 #contentContainer, .parent-pageid-8752 #contentContainer {margin-top: 20px;} @media only screen and (min-width: 640px) { .page-id-8752 #contentContainer, .parent-pageid-8752 #contentContainer {margin-top: 0;} .page-id-8752 header, .parent-pageid-8752 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: 505px; background: url(./images/hero-research.jpg) no-repeat center bottom; background-size: 1920px auto; } } .page-id-9238 header, .parent-pageid-9238 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: auto; background: none; background-size: 1920px auto; } .page-id-9238 #contentContainer, .parent-pageid-9238 #contentContainer {margin-top: 20px;} @media only screen and (min-width: 640px) { .page-id-9238 #contentContainer, .parent-pageid-9238 #contentContainer {margin-top: 0;} .page-id-9238 header, .parent-pageid-9238 header { position: relative; margin: 0 auto; padding: 0; width: auto; height: 505px; background: url(./images/hero-cosmetic-surg.jpg) no-repeat center bottom; background-size: 1920px auto; } } @media only screen and (min-width: 640px) { .post-type-archive-eii_gallery header, .tax-eii_gallery_cat header, .single-eii_gallery header { position: relative; margin: 0 auto; padding: 0; width: auto; height: 505px; background: url(./images/gallery.jpg) no-repeat center bottom; background-size: 1920px auto; } } /*---------------------------------------------------------------*/ /* Sticky nav /*---------------------------------------------------------------*/ #lowerNav, .top-nav-wrapper { transition: all .3s; -webkit-transition: all .3s; } #lowerNav.fixed { position: fixed; top: 80px; width: 100%; z-index: 300; } .top-nav-wrapper { z-index: 300; } .top-nav-wrapper.fixed { position: fixed; top: 0; width: 100%; background-color: #fff; display: block; padding-bottom: 15px; } /* body.fixed { padding-top: 90px } */ body.fixed .spacer { width: 100%; height: 90px; display: block; } @media only screen and (max-width: 640px) { body.fixed .spacer { display: none; } } /*---------------------------------------------------------------*/ /* Screen reader /*---------------------------------------------------------------*/ .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal!important; } /*---------------------------------------------------------------*/ /* Adjustments for Announcer Banners /*---------------------------------------------------------------*/ .rc-anchor{ display: none; } .ancr h2, .ancr h3, .ancr h4 { color: #AE7AAE !important; margin-bottom: 10px; line-height: 1.3em; font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif; } .ancr h3 { font-size: 1.733em; } .ancr-btn-wrap { text-align: left; } .ancr figure { margin-bottom: 5px; } .recaptcha-terms { margin: 0 auto !important; padding: 0 14px; font-size: 12px; float: right !important; } .grecaptcha-badge { display: none !important;} /*---------------------------------------------------------------*/ /* Footer Responsive Iframe /*---------------------------------------------------------------*/ .responsive-embed { margin: 0 0 40px; overflow: hidden; padding-top: 56.25%; position: relative; } .responsive-embed iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100% !important; } /*---------------------------------------------------------------*/ /* Remove Conditions Feature on Mobile Homepage /*---------------------------------------------------------------*/ @media only screen and (max-width: 640px) { .page-id-39 #conditionsHM { display: none; } } /*---------------------------------------------------------------*/ /* Related Blog Posts /*---------------------------------------------------------------*/ .wp-block-group.related-blog-posts-custom .view-more a { background: #8b418c; line-height: 40px; font-size: 16px; font-family: "pragmatica-web", Arial, Helvetica, sans-serif; font-weight: 400; color: #fff; text-align: center; text-decoration: none; display: block; } .wp-block-group.related-blog-posts-custom .view-more a:hover { background: #af7aae; } .wp-block-latest-posts.wp-block-latest-posts__list { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap: 20px 2%; } @media (min-width: 533px) { .wp-block-latest-posts.wp-block-latest-posts__list { flex-direction: row; flex-wrap:wrap; } } .wp-block-latest-posts.wp-block-latest-posts__list li { flex: 0 0 32%; width: 100%; } .wp-block-latest-posts.wp-block-latest-posts__list li:hover img { opacity: 0.75; } .wp-block-latest-posts.wp-block-latest-posts__list li:hover a { color: #a1a641; } @media (min-width: 533px) { .wp-block-latest-posts__featured-image { max-height: 200px; overflow: hidden; display: flex; align-items: flex-end; } } .wp-block-latest-posts__featured-image a { display: block !important; } .wp-block-latest-posts__featured-image img { width: 100% !important; min-height: 200px; } .wp-block-latest-posts__post-title { display: block; margin: 5px 0; } /*---------------------------------------------------------------*/ /* SURVEY FORM /*---------------------------------------------------------------*/ #surveryForm span.radio-group .star { display: inline-block; } #surveryForm span.anythingelse{ display: block; margin-top: 10px; } #surveryForm span.radio-group .star label{ border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } #surveryForm span.radio-group .star input[type="radio"] { appearance: none; /* Remove default radio appearance */ -webkit-appearance: none; -moz-appearance: none; width: 21px; height: 21px; background-color: transparent; cursor: pointer; position: relative; border: none; padding: 0; } #surveryForm span.radio-group .star input[type="radio"]:checked { background: none !important; } #surveryForm span.radio-group.invalid input:checked { appearance: none !important; } #surveryForm span.radio-group .star input[type="radio"]::before { /*content: '★';*/ content:""; background-image: url('/content/themes/etna-interactive/images/stars.webp'); background-repeat: no-repeat; background-position: 0 0; font-size: 2em; color: lightgray; position: absolute; width: 21px; height: 21px; left: 0; top: 0; } .highlighted input[type="radio"]::before { background-position: 0 -42px !important; } #surveryForm .radio-group.invalid { border: 2px solid #ff0000 !important; padding: 10px; } #surveryForm .radio-group.invalid input{ border: none !important; } #surveryForm .invalid.terms input{ padding: 5px; } #surveryForm .radio-group { display: block; margin-top: 10px; } @media(min-width: 768px) { #surveryForm .radio-group { display: flex; grid-column-gap: 10px; flex-wrap: wrap; } } #surveryForm .radio-group p{ margin-bottom: 5px; } #surveryForm .about-you label{ border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } #surveryForm h2.number { margin: 0 0 10px; padding-left: 35px; background: url('/content/themes/etna-interactive/images/h2-number-1.webp') no-repeat left 2px; color: #ad7bad; font-weight: 400; font-size: 1.5em; line-height: 35px; } #surveryForm h2.number.two { background: url('/content/themes/etna-interactive/images/h2-number-2.webp') no-repeat left 2px; } #surveryForm h2.number.three { background: url('/content/themes/etna-interactive/images/h2-number-3.webp') no-repeat left 2px; } #surveryForm h2.number.four { background: url('/content/themes/etna-interactive/images/h2-number-4.webp') no-repeat left 2px; } #surveryForm h2.number.five { background: url('/content/themes/etna-interactive/images/h2-number-5.webp') no-repeat left 2px; } #surveryForm h2.number.six { background: url('/content/themes/etna-interactive/images/h2-number-6.webp') no-repeat left 2px; } /* AVICLEAR ANNOUNCER BANNER */ .ancr-group #ancr-17887 { padding: 0 30px 7px; } .ancr-group #ancr-17887 .ancr-container .ancr-content { position: relative; margin: 0 auto; max-width: 425px; } .ancr-group #ancr-17887 .ancr figure { margin: 0; } .ancr-group #ancr-17887 img { position: absolute; top: 0; left: 0; max-width: 75px; } .ancr-group #ancr-17887 .ancr-container h3 { margin-left: 85px; font-size: 20px; line-height: 20px; margin-top: 5px; } .ancr-group #ancr-17887 .ancr-container p { font-size: 12px; line-height: 16px; } .ancr-group #ancr-17887 .ancr-btn-wrap { margin: 7px 0 0; text-align: center; width: 100%; } .ancr-group #ancr-17887 .ancr-btn-wrap .ancr-btn-primary { max-width: 425px; width: 100%; } @media(min-width: 483px) { .ancr-group #ancr-17887 img { max-width: 55px; } .ancr-group #ancr-17887 .ancr-container h3 { margin-left: 65px; } } @media(min-width: 768px) { .ancr-group #ancr-17887 .ancr-btn-wrap { display: inline-block; } } @media(min-width: 782px) { .ancr-group #ancr-17887 { padding: 10px 30px; } .ancr-group #ancr-17887 .ancr-container { padding-bottom: 10px; } .ancr-group #ancr-17887 .ancr-container .ancr-content { max-width: unset; } .ancr-group #ancr-17887 .wp-block-columns { gap: 20px; } .ancr-group #ancr-17887 .wp-block-columns { flex: unset; } .ancr-group #ancr-17887 img { max-width: 150px; position: relative ;} .ancr-group #ancr-17887 .ancr-container h3 { margin-left: 0; font-size: 1.733em; line-height: 1.3em; margin-top: 0; } .ancr-group #ancr-17887 .ancr-container p { font-size: 16px; line-height: inherit; } .ancr-group #ancr-17887 .content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; } .ancr-group #ancr-17887 .ancr-btn-wrap { margin-top: 0; display: flex; } .ancr-group #ancr-17887 .ancr-btn-wrap .ancr-btn-primary { max-width: 375px; width: auto ;} }