/* Theme Name: Citron Hennessey Private Therapy Author: Joshua Trusz Description: Theme for the Citron Hennessey Private Therapy Website Version: 1.0.0 */ /* ========================= reset =========================*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height:1;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none} ins {background-color:#ff9; color:#000; text-decoration:none;} mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:2px; border:0; border-top:2px solid #e4e0e0; margin:20px auto 20px auto; padding:0; clear:both } input, select {vertical-align:middle;} .clear {clear: both;} .hidden {opacity:0;} .visible {opacity:1;} /*********************************************************************** Structure ************************************************************************/ html, body {height:100%; width:100%; margin:0; font-family: "Open Sans", sans-serif; text-align: left; font-size: 125%; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility !important; scroll-behavior: smooth;} body {font-size: 50%; color:#555;} body.noscroll {position: fixed; overflow-y:scroll } #wrapper {overflow: hidden; position: relative; } /*********************************************************************** Typography ************************************************************************/ @font-face { font-family: 'Lyon Display Black'; src: url('assets/fonts/LyonDisplay-Black-Web.woff2') format('woff2'), url('assets/fonts/LyonDisplay-Black-Web.woff') format('woff'); font-weight: 900; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Lyon Display Bold'; src: url('assets/fonts/LyonDisplay-Bold-Web.woff2') format('woff2'), url('assets/fonts/LyonDisplay-Bold-Web.woff') format('woff'); font-weight: 700; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Lyon Display Medium Italic'; src: url('assets/fonts/LyonDisplay-MediumItalic-Web.woff2') format('woff2'), url('assets/fonts/LyonDisplay-MediumItalic-Web.woff') format('woff'); font-weight: 500; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Lyon Display Medium'; src: url('assets/fonts/LyonDisplay-Medium-Web.woff2') format('woff2'), url('assets/fonts/LyonDisplay-Medium-Web.woff') format('woff'); font-weight: 500; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Lyon Display Regular Italic'; src: url('assets/fonts/LyonDisplay-RegularItalic-Web.woff2') format('woff2'), url('assets/fonts/LyonDisplay-RegularItalic-Web.woff') format('woff'); font-weight: 400; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Lyon Display Regular'; src: url('assets/fonts/LyonDisplay-Regular-Web.woff2') format('woff2'), url('assets/fonts/LyonDisplay-Regular-Web.woff') format('woff'); font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Lyon Display Light'; src: url('assets/fonts/LyonDisplay-Light-Web.woff2') format('woff2'), url('assets/fonts/LyonDisplay-Light-Web.woff') format('woff'); font-weight: 300; font-style: normal; font-stretch: normal; } p {font-size: 1.8em; font-family: 'Open Sans'; line-height: 1.6em; margin-bottom:30px; } p a, li a {color:#C26402; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} p a:visited, li a:visited {color:#C26402;} p a:hover, li a:hover {color:#D3A907; } .underline {text-decoration: underline;} h1 {font-size: 8.8em; font-family: 'Lyon Display Bold'; letter-spacing: 0.03em; line-height: 1.0em} h2 {font-size: 1.8em; font-family: 'Open Sans'; font-weight: 500; text-transform: uppercase; padding-bottom:5px; line-height: 1.2em;} h3 {font-size: 4.6em; font-family: 'Lyon Display Bold'; letter-spacing: 0.03em; line-height: 1.2em;} h4 {font-size: 3.8em; font-family: 'Lyon Display Regular'; letter-spacing: 0.03em; line-height: 1.4em; max-width: 80%; margin:0 auto} h5 {font-size: 4.2em; font-family: 'Lyon Display Light'; letter-spacing: 0.03em; line-height: 1.4em; max-width: 80%; margin:0 auto} h6 {font-size: 2.0em; font-family: 'Open Sans'; letter-spacing: 0.03em; line-height: 1.4em; max-width: 80%; margin:0 auto} .two-column-copy h2 {margin-top:-20px; padding-bottom:10px;} .two-column-copy h3 {max-width: 600px;} .link {color:#348ac3; text-decoration: none; } .link:hover {color:#eb636a} strong, .strong {font-weight: 700;} /*********************************************************************** Colors ************************************************************************/ .white {color: #fff;} .black {color: #000;} .blue {color: #42B1E1} .grey {color: #555555} .orange {color: #C26402} .green {color: #81B29A} .yellow {color: #FFFAE8} .gold {color: #D3A907} .bg_white {background-color: #fff;} .bg_blue {background-color: #42B1E1;} .bg_green {background-color: #81B29A;} .bg_grey {background-color: #555555;} .bg_yellow {background-color: #FFFAE8;} .bg_orange {background-color: #C26402;} .bg_gold {background-color: #D3A907} ::selection {background: #d5dce7;} ::-moz-selection {background: #d5dce7;} .acuity-embed-button {background-color: #C26402 !important;} /*********************************************************************** Horizontal Rules ************************************************************************/ hr.yellow {border: 0; height: 0; border-top: 2px solid rgba(211, 169, 7, 1.0); width:240px; border-radius: 6px;} hr.white {border: 0; height: 0; border-top: 2px solid rgba(255, 255, 255, 1.0); width:140px; border-radius: 6px;} hr.gold {border: 0; height: 0; border-top: 2px solid rgba(211, 169, 7, 1.0); width:70px; border-radius: 6px; margin-top:30px; margin-bottom:30px} hr.gold-long {border: 0; height: 0; border-top: 2px solid rgba(211, 169, 7, 1.0); width:150px; border-radius: 6px; margin: 30px auto} hr.grey-short {border: 0; height: 0; border-top: 2px solid rgba(180, 180, 180, 1.0); width:70px; border-radius: 6px; margin-top:30px; margin-bottom:30px} hr.white_short {border: 0; height: 0; border-top: 2px solid rgba(255, 255, 255, 1.0); width:24px; border-radius: 6px;} @media (max-width: 1024px) { hr.blue {width:80px;} } /*********************************************************************** Padding ************************************************************************/ .padding-top-small {padding-top:30px;} .padding-top-medium {padding-top:60px;} .padding-top-large {padding-top:90px;} .padding-top-xlarge {padding-top:120px;} .padding-bottom-small {padding-bottom:30px;} .padding-bottom-medium {padding-bottom:60px;} .padding-bottom-large {padding-bottom:90px;} .padding-bottom-xlarge {padding-bottom:90px;} @media (max-width: 1024px) { .padding-top-small {padding-top:20px;} .padding-top-medium {padding-top:40px;} .padding-top-large {padding-top:60px;} .padding-top-xlarge {padding-top:80px;} .padding-bottom-small {padding-bottom:20px;} .padding-bottom-medium {padding-bottom:30px;} .padding-bottom-large {padding-bottom:40px;} .padding-bottom-xlarge {padding-bottom:80px;} } /*********************************************************************** Alignments ************************************************************************/ .align-left {display: inline-block; float: left; margin-right: 1.5em; } .align-right {display: inline-block; float: right; margin-left: 1.5em; } .align-center {margin:0 auto} .text-align-left {text-align: left} .text-align-center {text-align: center} .text-align-right {text-align: right} ul.two_column_list {columns: 2; -webkit-columns: 2; -moz-columns: 2; margin-bottom: 20px;} ul.two_column_list li {text-align: left;} /*********************************************************************** Single Column Row ************************************************************************/ .one-column-bucket { vertical-align: top; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; width: 96%; } @media (max-width: 768px) { .one-column-bucket, .one-column-bucket-60, .one-column-bucket-50 { vertical-align: top; margin-left: 20px; margin-right: 20px; width: 90%; } } /*********************************************************************** Two Column Row ************************************************************************/ .two-column-content {vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; width: 50%; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .two-column-content-70 {vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 20px; width: 70%; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .two-column-content-30 {vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; width: 30%; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .two-column-content-80 {vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 20px; width: 75%; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .two-column-content-20 {vertical-align: top; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; width: 25%; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .two-column {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 6em; -moz-column-gap: 6em; column-gap: 6em; } .two-column-wide {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 6em; -moz-column-gap: 6em; column-gap: 6em; } .two-column-tight {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 6em; -moz-column-gap: 6em; column-gap: 6em; width:75%; margin:0 auto;} .one-column-wide {} .one-column-tight {width:75%; margin:0 auto; } .vertically_centered {position: relative; } .two-column-content.copy-right {padding-right:80px; padding-left:40px;} .two-column-content.copy-left {max-width: 80%;} @media (max-width: 920px) { .two-column {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .two-column-wide {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .two-column-tight {width:70%;} } @media (max-width: 768px) { .mainContent.flex, .services_item.flex {flex-direction: column;} .two-column-content {margin-left: 0px; margin-right: 0px; width: 100%; } .two-column-content-70 {margin-left: 0px; margin-right: 0px; width: 100%; } .two-column-content-30 {margin-left: 0px; margin-right: 0px; width: 100%; } .two-column-content-80 {margin-right: 0px; width: 100%;} .two-column-content-20 {margin-left: 0px; width: 100%;} .two-column-image.left {order:1} .two-column-image.right {order:1;} .two-column-copy.left {order:2} .two-column-copy.right {order:2; } .two-column-content.copy-right {padding:30px 0 0 0; } .two-column-tight {width:100%;-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .two-column-tight ul {margin-left:0 !important;} .one-column-tight {width:100%;} } /*********************************************************************** Logo / Main Nav ************************************************************************/ header {clear:both; height:150px;} #logo {float:left; position: relative; height:72px; width:180px; margin-top:30px; margin-left:0px; display: inline-block; z-index: 900; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} #logo img {width:100%; height:100%;} #navbar { width:100%; height:100px; z-index: 5000; background-color:rgba(255,255,255,0.0); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0); -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} #navbar.sticky {position: fixed; height:75px; top: 0; width: 100%; background-color:rgba(255,255,255,1.0); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);} #navbar.sticky #nav {top:10px;} #navbar.sticky #logo {height:46px; width:115px; margin-top:15px; } #navbar.sticky #mobile-hamburger {top:30px;} #navbar.open {height:100vh; background-color:rgba(255,255,255,1.0); position: fixed; top:0; width:100%;} #nav {float:right; position: relative; top:40px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; z-index: 100} #nav ul {display: inline-block; list-style: none;} #nav ul li {display:inline-block; padding:20px 20px 20px 20px; cursor: pointer;} #nav ul li a {font-size: 1.5em; color:#555; text-transform: uppercase; font-weight: 600; letter-spacing: 0.05em; font-smooth: always; position: relative; } #nav li.current-menu-item a {color:#D3A907; } #nav li a:after {content: ''; position: absolute; bottom: -2px; left: 0; width: 0%; border-bottom: 2px solid #D3A907; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out} #nav li:hover a:after {width: 100%;} #nav li:hover a {color:#D3A907} #nav ul li.help { } #nav ul li.help a {color:#fff; border-radius: 30px; background: #81B29A; padding:13px 40px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #nav ul li.help a:after {border-bottom: 0px} #nav ul li.help a:hover {background: #D3A907; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);} #nav ul li.nav_services {-moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding-right:38px; background-image: url('assets/images/icon_arrow_down.svg'); background-position: 85% 50%; background-repeat: no-repeat; background-size: 11%} #nav ul li.nav_services.open {background: #fff url('assets/images/icon_arrow_down.svg'); background-repeat: no-repeat; background-size: 11%; border-radius: 20px 20px 0 0; background-position: 85% 40%; padding:20px 38px 40px 20px;} #nav ul li.nav_about {-moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding-right:38px; background-image: url('assets/images/icon_arrow_down.svg'); background-position: 85% 50%; background-repeat: no-repeat; background-size: 11%} #nav ul li.nav_about.open {background: #fff url('assets/images/icon_arrow_down.svg'); background-repeat: no-repeat; background-size: 11%; border-radius: 20px 20px 0 0; background-position: 85% 40%; padding:20px 38px 40px 20px;} #nav ul li.nav_careers {-moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding-right:38px; background-image: url('assets/images/icon_arrow_down.svg'); background-position: 85% 50%; background-repeat: no-repeat; background-size: 11%} #nav ul li.nav_careers.open {background: #fff url('assets/images/icon_arrow_down.svg'); background-repeat: no-repeat; background-size: 11%; border-radius: 20px 20px 0 0; background-position: 85% 40%; padding:20px 38px 40px 20px;} #nav ul li.nav_services.open a {color: #D3A907;} #nav ul li.nav_services.open:hover a:after {width: 0%;} #nav ul li.nav_careers.open a {color: #D3A907;} #nav ul li.nav_careers.open:hover a:after {width: 0%;} .page-template-page_services #nav ul li.nav_services a, .page-template-page_internship #nav ul li.nav_careers a, .parent-pageid-9 #nav ul li.nav_services a, .single-staff #nav ul li.nav_staff a, .single-post #nav ul li.nav_blog a, .single-staff #nav ul li.nav_staff a, .parent-pageid-848 #nav ul li.nav_about a{color: #D3A907;} #navbar.sticky #services_nav, #navbar.sticky #about_nav, #navbar.sticky #careers_nav {top:75px; border-radius: 0px 0px 20px 20px;} #services_nav {padding:30px; border-radius: 20px; background-color: #fff; position: absolute; top:95px; right:40px; max-width: 900px; z-index: 9999; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); opacity:0; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; pointer-events: none; margin-top:-15px;} #subnav_left {float:left; width:30%; padding-top:15px;} #subnav_right {float:right; width:65%; display:flex; flex-direction: row; flex-wrap: wrap;} #subnav_left_services {float:left; width:25%; padding-top:15px;} #subnav_right_services {float:right; width:70%; display:flex; flex-direction: row; flex-wrap: wrap;} #subnav_copy h2 {font-size: 2.0em; margin-top:-5px; font-weight: 700} #subnav_copy {font-size: 1.4em;} .subnav_button {display: flex; flex-direction: row; margin:15px 0; align-items: center; width:210px;} .subnav_button .subnav_icon svg {width: 50px; height:50px;} .subnav_button .subnav_icon {padding-right:15px; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .subnav_button .subnav_text {font-size: 1.4em; color:#555; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-weight: 600} .subnav_button .subnav_icon .st0, .subnav_button .subnav_icon .st1, .subnav_button .subnav_icon .st2 {stroke: #D3A907} .subnav_copy {font-size: 1.4em; line-height: 1.6em; width:90%} .subnav_button:hover {} .subnav_button:hover .subnav_text {color:#D3A907; margin-left:-5px;} .subnav_button:hover .subnav_icon {margin-left:5px;} #services_nav.open {opacity:1.0; pointer-events: auto; margin-top:0px;} #about_nav {padding:30px; border-radius: 20px; background-color: #fff; position: absolute; top:95px; right:40px; max-width: 780px; z-index: 9999; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); opacity:0; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; pointer-events: none; margin-top:-15px;} #about_nav.open {opacity:1.0; pointer-events: auto; margin-top:0px;} #careers_nav {padding:30px; border-radius: 20px; background-color: #fff; position: absolute; top:95px; right:40px; max-width: 780px; z-index: 9999; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15); opacity:0; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; pointer-events: none; margin-top:-15px;} #careers_nav.open {opacity:1.0; pointer-events: auto; margin-top:0px;} #mobile-nav {display:none; opacity:0; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; position: absolute; top:120px; left:0px; width:100%; } #mobile-nav ul {list-style: none;} #mobile-nav ul li {} #mobile-nav ul li a {color:#555; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width:100%; font-size: 1.6em; padding:9px 20px; display:block; border-bottom:solid 1px #efefef; text-align: left; } #mobile-nav ul li a:hover {color:#D3A907;} #mobile-nav ul li.sub_nav_trigger { background-image: url('assets/images/icon_arrow_down.svg'); background-position: 94% 14px; background-repeat: no-repeat; background-size: 16px; cursor: pointer;} #mobile-nav ul li.sub_nav_trigger.open { background-image: url('assets/images/icon_x.svg'); background-position: 94% 12px; background-repeat: no-repeat; background-size: 16px;} #mobile-nav ul li ul {display: none;} #mobile-nav ul li ul li a {font-size: 1.4em; padding:9px 40px} #navbar.open #mobile-nav {display: inline; opacity:1; } #mobile-hamburger { right:20px; width: 24px; height: 20px; position: absolute; top:40px; z-index: 1000; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; cursor: pointer; display:none; } #mobile-hamburger span { display: block; position: absolute; height: 3px; width: 100%; background: #D3A907; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } #mobile-hamburger span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #mobile-hamburger span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #mobile-hamburger span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #mobile-hamburger.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px; } #mobile-hamburger.open span:nth-child(2) { width: 0%; opacity: 0; } #mobile-hamburger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 16px; left: 3px; } @media only screen and (min-width:350px) and (min-height:1100px) { #mobile-nav ul li a {font-size: 2.2em; padding:20px 20px;} #mobile-nav ul li ul li a {font-size: 2.2em; padding:20px 40px} #mobile-nav ul li.sub_nav_trigger { background-position: 94% 25px; } #mobile-nav ul li.sub_nav_trigger.open { background-position: 94% 22px; } } @media only screen and (min-width:350px) and (max-height:1100px) { #mobile-nav ul li a {font-size: 2.0vh; padding:1.8vh 1.8vh;} #mobile-nav ul li ul li a {font-size: 2.0vh; padding:1.8vh 3.6vh} #mobile-nav ul li.sub_nav_trigger { background-position: 94% 22px; } #mobile-nav ul li.sub_nav_trigger.open { background-position: 94% 19px; } } @media only screen and (min-width:350px) and (max-height:800px) { #mobile-nav ul li a {color:#555; font-size: 1.6em; padding:9px 20px; } #mobile-nav ul li ul li a {font-size: 1.4em; padding:9px 40px} #mobile-nav ul li.sub_nav_trigger { background-position: 94% 14px; } #mobile-nav ul li.sub_nav_trigger.open { background-position: 94% 12px; } } @media (max-width: 1400px) { #services_nav, #about_nav, #careers_nav {padding:30px; border-radius: 20px;} } @media (max-width: 1200px) { #nav ul li {padding:20px 15px 20px 15px;} } @media (max-width: 1140px) { #nav ul li {padding:20px 10px 20px 10px;} #nav ul li a {} #nav ul li.help a {padding:13px 20px; } #logo {height:55px; width:136px; margin-top:40px;} } @media (max-width: 980px) { #logo {margin-top:20px; margin-left:-5px} #nav {display:none;} #mobile-hamburger {display:inline;} #services_nav, #about_nav, #careers_nav {display:none;} header {height:100px;} } #mobile_nav_social {text-align: center; padding-top:40px;} #mobile_nav_social ul {list-style: none} #mobile_nav_social ul li {display: inline-block; padding:10px; width:18px; height:18px; text-align: center; margin:0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; vertical-align: middle; background: #555; border-radius: 100%; margin:0 5px;} #mobile_nav_social ul li a {color:#fff; font-size: 3.5em; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding:0px; border:none; } #mobile_nav_social ul li:hover {background: #C26402} .social_icon {vertical-align: middle;} .mobile_social_list svg {width:20px; height:20px; } .mobile_social_list svg.twitter {width:24px; height:24px; margin: -4px 0 0 3px} .mobile_social_list svg.linkedin {width:18px; height:18px; margin:-26px 0 0 0px} .mobile_social_list svg.instagram {width:18px; height:18px; margin:-26px 0 0 0px} .mobile_social_list svg.facebook {width:18px; height:18px; margin:-24px 0 0 0px} .social_icon {fill:#fff;} /*********************************************************************** Common ************************************************************************/ .mainContent {max-width:1320px; margin: 0 auto; position: relative; overflow: visible; padding:0 15px; } section {position: relative;} .hide-on-mobile {display: inline-block;} .show-on-mobile {display: none;} .flex {display: flex; justify-content: center;} .content_header {position: relative;} .content_header h1 {max-width: 550px; padding-top:100px;} .content_header p {} .content_header ul, .post_meta ul {margin-left:40px; margin-bottom:30px; } .content_header li, .post_meta li {font-size: 1.8em; padding:6px 0; line-height: 24px;} .post_meta p {font-size:1.5em} .button {color:#fff; padding:12px 70px 12px 35px !important; text-transform: uppercase; border-width: 0px; border-radius: 30px !important; font-size: 1.8em; letter-spacing: 0.02em; background-image: url("assets/images/icon_arrow_white.svg") !important; background-repeat: no-repeat !important; background-size:30px 15px !important; cursor:pointer; background-position: 92% 50% !important; text-align: left; -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; white-space:nowrap !important; margin-left:-5px;} .button.go-back {color:#fff; padding:12px 35px 12px 70px !important; text-transform: uppercase; border-radius: 30px !important; font-size: 1.8em; letter-spacing: 0.02em; background-color: #555; background-image: url("assets/images/icon_arrow_left_white.svg") !important; background-repeat: no-repeat !important; background-size:30px 15px !important; background-position: 12% 50% !important; text-align: left; -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; white-space:nowrap !important; margin-left:-5px;} .button:hover {background-color: #D3A907 !important; background-position: 94% 50% !important; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important;} .button.go-back:hover {background-color: #D3A907 !important; background-position: 10% 50% !important; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important;} .button.booking {background-image: url("assets/images/icon_arrow_down_white.svg") !important; background-color: #d3a907; margin-top:50px; cursor: pointer;} .button.booking.open {background-image: url("assets/images/icon_arrow_up_white.svg") !important; } .button.booking:hover {background-color: #ecbd08 !important;} .header_content {position: relative; z-index: 1} .header_content p {max-width: 535px;} .header_wave {position: absolute; bottom:-20px; width:100%; z-index: 0} .header_image_container {width:100%; max-width: 650px; height:0; padding-bottom:98%; position: relative;} .header_image {position: absolute; top:0; left:0; width:100%; height:100%; max-width:650px; background-size: 100% ;border-radius: 100%; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15); z-index: 1; background-position: 50% 50%} .header_image_circle {width:100%; height:100%; max-width:650px; border-radius: 100%; border: 3px solid #D3A907; position: absolute; top:-20px; left:-20px; z-index: 2} .header_content .header-copy {width:60%; } .header_content .header-image {width:40%; } .page-template-page_contact .header-copy {width:70%; } .page-template-page_contact .header-image {width:30%; } .header-image-staff .header_image_container {max-width:450px; padding-bottom:100%;} .header-image-staff .header_image {max-width:450px; } .header-image-staff .header_image_circle {max-width:450px; } .section_image_container {width:90%; height:0px; padding-bottom:90%; position: relative; max-width: 550px; margin:0 auto; max-height: 550px;} .section_image {position: absolute; margin:0 auto; max-width: 550px; max-height: 550px; width:100%; height:100%; background-size: 100% ;border-radius: 100%; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15); z-index: 1; background-position:50% 50%;} .section_image_circle {width:100%; height:100%; max-width:550px; max-height: 550px; border-radius: 100%; border: 3px solid #D3A907; position: absolute; top:-15px; left:-15px; z-index: 2} .two-column-copy p {max-width: 80%} .content ul, #circle_image_content ul {list-style: none; margin-left:30px; margin-bottom:40px;} .content li, #single_post_content_container li, .generic_content li, #circle_image_content li {font-size: 1.8em; font-family: 'Open Sans'; line-height: 1.6em; margin-bottom:18px; background-image: url("assets/images/img_triangle.svg"); background-repeat: no-repeat; padding-left:25px; background-position: 0 7px} #single_post_content_container ul {list-style: none;} #single_post_content_container ol {font-size: 1.2em} .generic_content ul {list-style: none;} .generic_content li p {font-size:1.0em;} .generic_content li ul {margin-top:20px;} .generic_content li li {font-size:1.0em;} .generic_content h2 {font-size: 4.0em; padding-bottom:20px; font-family:'Lyon Display Bold'; text-transform: none; font-weight: 700;} .generic_content h3 {font-size: 3.2em; padding-bottom:20px; } .generic_content h4 {font-size: 2.4em; padding-bottom:10px; font-weight: 700} .ss-inline-share-wrapper li {background-image: none !important; padding-left:0px !important;} #two-column-copy .content li {margin-bottom:20px;} .image-cover {position: absolute !important; width:100%; height:100%; background-color: #000; opacity: 0.7 !important; top:0; left:0;} .button_container {width:100%;} @media (max-width: 1400px) { .content_header h1 {padding-top:7.14vw;} .content_header p {} .content_header li, .post_meta li {font-size: calc(14px + 0.30vw); } } @media (max-width: 1140px) { .header_content p {max-width: 90%;} } @media (max-width: 1024px) { .button {padding:8px 50px 8px 20px !important; font-size: 1.5em; background-size:24px 12px !important; background-position: 92% 50% !important; } } @media (max-width: 768px) { .section_image {width:100%; height:100%; } .section_image_circle {} .section_image_container {width:80%; margin:0 auto; height:0px; padding-bottom:80%;} .hide-on-mobile {display: none} .show-on-mobile {display: inline-block;} #leading-copy h4 {max-width:100%;} .button_container {text-align: center;} .content ul {list-style: none; margin-left:10px;} .content li, #single_post_content_container li, .generic_content li {font-size: 1.6em; line-height: 1.6em; margin-bottom:20px; padding-left:25px; background-position: 0 7px} .mainContent .header-copy {order:2; text-align: center;} } @media (max-width: 640px) { #home-header .mainContent, #services-header .mainContent {padding:0; width:100%;} .header_content {flex-direction: column;} .header_content .header_image_container {width:70%; max-width: 70%; height:0; padding-bottom:70%; margin:0 auto;} .header_content .header-image {order:1; top:0; } .header-image .header_image_circle {left:0;} .header_content .header-copy {order:2; text-align: center;} .header-copy h1 {font-size: 10.0vw; max-width: 80%; margin:0 auto;} .header-copy p {max-width: 80%; margin:0 auto 30px auto;} .page-template-page_contact .header-copy {width:100%; } .page-template-page_contact .header-image {width:100%; } .header_content .header-copy {width:100%; } .header_content .header-image {width:100%; } } /*********************************************************************** Home ************************************************************************/ #home-services {height:700px; width:100%; background-repeat: no-repeat; background-size: cover; background-position: center;} #home-services .mainContent {height:100%;} #home-services .flex {justify-content: center; align-items: center;} #home-services-mobile h3 {text-align: center; padding-bottom:20px} #home-services-mobile .section_image {background-position: right; background-size: cover;} .header-copy h3 {margin-bottom:50px; margin-top:10px; font-size: 3.6em; max-width:80%;} #services_float {background: #fff; width:600px; height:600px; border-radius: 100%; display: flex; align-items: center;} #services_float_circle {width:600px; height:600px; position: absolute; margin:-15px 0 0 -15px; border-radius: 100%; border:solid 3px #D3A907} #services_float .content {width:75%; margin:0 auto} #services_float .content h3 {font-size: 3.6em; padding-bottom:10px;} #services_float .content p {font-size: 1.8em;} .testimonial {align-items:center} .testimonial img {margin:0 auto 30px auto; width:60px;} .testimonial .quote {font-size: 5.2em; font-family: 'Lyon Display Light'; letter-spacing: 0.02em; line-height: 1.4em; max-width: 70%; margin:0 auto;} .testimonial .name {font-size: 1.8em; font-family: 'Open Sans'; text-transform: uppercase; font-weight: 600} #home-expertise h3 {font-size: 3.6em;} #home-what .flex {align-items: center;} #services_buttons .mainContent {max-width: 800px;} .services_button {font-size: 1.5em; text-transform: uppercase; border-radius: 12px; background-color:#FFFAE8; margin:7px 7px; float;left; padding:15px 30px 15px 30px; display:inline-block; color:#555;-webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .services_button .service_icon svg {height:40px} .services_button .service_icon .st0, .services_button .service_icon .st1, .services_button .service_icon .st2 {stroke: #D3A907} .services_button .service_icon {display: inline-block; float:left; padding-right:15px;} .services_button .service_text {display: inline-block; padding-top:14px;} .services_button:hover {background-color:#D3A907; color:#FFFAE8; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);} .services_button:hover .services_text {} .services_button:hover .service_icon .st0, .services_button:hover .service_icon .st1, .services_button:hover .service_icon .st2 {stroke: #FFFAE8} .staff_column {flex-flow: column wrap;} .home-staff.flex, .home-staff-container.flex { align-items: center;} .staff_card {width:215px; height:330px; border-radius: 12px; background: #fff; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); padding:20px; position: relative; margin:24px 12px; color:#555; } .staff_card .hover_circle {position:absolute; top:20px; left:10px; width:106px; height:106px; border:solid 2px #D3A907; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; z-index: 10} .staff_card .staff_image {width:106px; height:106px; border-radius: 100%; position: relative; margin:0px 0 20px 0px; z-index: 5; filter: grayscale(100%); -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .staff_card .staff_credentials {font-size: 1.6em; display: block; padding-bottom:6px;} .staff_card .staff_name {font-size: 2.4em; display:block; line-height: 1.6em; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .staff_card .staff_role {position: absolute; bottom:20px; font-size: 1.8em; line-height: 1.4em;} .staff_card:hover .staff_name {color:#D3A907} .staff_card:hover .hover_circle {opacity:1; top:10px; left:20px; } .staff_card:hover .staff_image {filter: grayscale(0%);} #staff_slider_container {width:100%; margin-bottom:70px;} .staff_slider {width:100%; } .staff_slider a {outline: none} .staff_slider .staff_card {margin:0 auto;} .staff_slider .slick-track {padding-bottom:40px;} .staff_slider .slick-dots li.slick-active button:before {color: #555;} .staff_slider .slick-dots li button:before {color: #555;} #partner_logos {display: flex; align-items: center; padding-top:60px; margin:0 auto; justify-content: center; flex-wrap: wrap;} #partner_logos img {max-width:200px; max-height: 50px; width: auto; height: auto; padding:20px 20px} @media (max-width: 1400px) { .testimonial .quote {font-size: calc(12px + 2.4vw); line-height: 1.4em; max-width: 70%;} .testimonial .name {font-size: calc(12px + 0.8vw) } .header-copy h3 {font-size: 2.57vw} #home-services {height:50vw; min-height:600px;} #services_float {min-width:400px; min-height:400px; } #home-expertise h3 {font-size: calc(12px + 1.8vw);} #services_float .content h3 {font-size: calc(12px + 1.6vw);} .testimonial img {width:4vw; height:auto;} .staff_card {width:15.36vw; height:23.57vw; border-radius: 12px; padding:20px; margin:24px 12px; } .staff_card .staff_image {width:7.57vw; height:7.57vw;} .staff_card .staff_credentials {font-size: calc(12px + 0.3vw); padding-bottom:6px;} .staff_card .staff_name {font-size: calc(12px + 0.6vw); line-height: 1.4em; } .staff_card .staff_role {font-size: calc(12px + 0.6vw); line-height: 1.4em;} .staff_card .hover_circle {top:1.28vw; left:0.714vw; width:7.57vw; height:7.57vw; } } @media (max-width: 1100px) { #services_float h2 {display:none;} } @media (max-width: 768px) { .testimonial img {width:8vw; height:auto;} #partner_logos img {max-width:160px; height: auto; padding:20px 20px} .testimonial .quote {max-width: 85%;} .staff_card {width:215px; height:330px; border-radius: 12px; background: #fff; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); padding:20px; color:#555; } .staff_card .hover_circle {position:absolute; top:20px; left:10px; width:106px; height:106px; border:solid 2px #D3A907;} .staff_card .staff_image {width:106px; height:106px; margin:0px 0 20px 0px; z-index: 5} .staff_card .staff_credentials {font-size: 1.6em; padding-bottom:6px;} .staff_card .staff_name {font-size: 2.4em; line-height: 1.6em; } .staff_card .staff_role {bottom:20px; font-size: 1.8em; line-height: 1.4em;} .home-services-buttons {margin-top:70px;} .home-services-buttons .services_button {width:35%; margin:3px 3px; padding:15px 20px 15px 20px;} #services_float .content h3 {font-size: 3.6em;} #services_float .content p {font-size: 1.8em;} #home-services .flex {justify-content: center; } #home-what h3, #home-staff h2, #home-staff h3, #home-expertise h2, #home-expertise h3 {text-align: center;} #home-what .button {position: relative; margin: 0 auto} } @media (max-width: 640px) { .header-copy h3 {font-size: 4vw; width:80%; margin:10px auto 40px auto} } @media (max-width: 590px) { .home-services-buttons .services_button {width:60%; margin:3px 0px; padding:15px 15px 15px 20px; text-align: left;} } @media (max-width: 500px) { #services_float .content {width:65%;} .header-copy h3 {font-size: 5vw; width:80%; margin:10px auto 40px auto} } #seo_content p {font-size: calc(10px + 0.30vw);} #seo_content li {padding:0 0 10px 0px; margin-left:20px; font-size: calc(10px + 0.30vw);} #seo_content h6 {padding: 0 0 20px 0px; margin:0; font-size: 2.0em; max-width: 100%} .show_hide {cursor: pointer; font-size: calc(10px + 0.30vw); -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .show_hide:hover {color:#D3A907} #sitemap_links {display: flex} /*********************************************************************** Services Page ************************************************************************/ .services_item {margin-bottom:100px;} .services_item.flex {align-items: center;} .services_item:nth-last-child(1) {margin-bottom:0px;} .services_item h3 {padding-bottom:30px;} .services_item:nth-child(odd) .section_image {order:1;} .services_item:nth-child(odd) .section_content {order:2; padding-left:40px;} .services_item:nth-child(even) .section_content {padding-right:60px;} #two-column-featured {background-repeat: no-repeat; background-size: cover;} #two-column-featured h4 {letter-spacing: 0.04em; margin-bottom:20px;} #two-column-copy h4 {letter-spacing: 0.04em; margin:0 0 20px 0;} #full-width-image .mainContent {position: relative; background-repeat: no-repeat; background-size: cover; border-radius: 30px; min-height: 600px; width:100%; padding:0; background-position: 50% 50%} #one-column-featured .mainContent {max-width: 1000px} #one-column-featured {margin:70px 0} #two-column-featured {margin:70px 0} @media (max-width: 1024px) { #full-width-image .mainContent {min-height: 58.59vw; border-radius: 0} } @media (max-width: 768px) { .services_item:nth-child(odd) .section_content {padding-left:0px;} .services_item:nth-child(even) .image_container {order:1;} .services_item:nth-child(even) .section_content {order:2;} .services_item .image_container {margin-bottom:40px;} #services-fields h3 {text-align: center;} .services_item:nth-child(even) .section_content {padding-right:0px;} #one-column-featured {margin:20px 0} #two-column-featured {margin:20px 0} } /*********************************************************************** About Page ************************************************************************/ #one-column-leading-copy h3 {max-width:70%; margin:0 auto} #faq h3 {font-size: 3.2em;} .faq_item {border-bottom: solid 1px #ccc; border-radius: 20px; background: #fff; padding:16px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); margin:30px 0px; } .faq_item h4 {text-align: left; max-width: 100%; padding-bottom:30px;} .faq_item:nth-last-child(1) {border-bottom:none;} .faq_inner {border:solid 1px #efefef; border-radius: 12px; padding:30px 30px 0px 120px; background-position: 30px 16px; background-image: url("assets/images/icon_about_faq.svg"); background-size: 66px; background-repeat: no-repeat;} #values_container {flex-wrap: wrap;} .values.flex {flex-direction: row;} .values {border-radius: 20px; background: #fff; max-width:360px; width:30%; padding:16px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin:15px 15px; min-height: 350px; position: relative; border:solid 1px #efefef;} .value_inner {border:solid 1px #efefef; border-radius: 12px; padding:40px 20px 0px 20px; height:auto; width:100%;} #why-values h6 {font-size: 1.8em; font-family: 'Open Sans'; text-transform: uppercase;} .values h5 {font-size: 2.4em; width:100%; position: relative; margin-bottom:30px; font-family: 'Lyon Display Bold';} .values .style-svg {height:100px; margin-bottom:30px;} .values .style-svg .st0, .values .style-svg .st1, .values .style-svg .service_icon .st2, .values .style-svg .st2 {stroke: #D3A907; stroke-width:1.5;} #faq ul { list-style: none; padding: 0; } .inner { overflow: hidden; display: none; &.show { /*display: block;*/ } } .question { width: 100%; display: block; transition: background .3s ease; cursor: pointer; background-position: 100% 0px; background-image: url("assets/images/icon_faq_down.svg"); background-size: 40px; background-repeat: no-repeat;} .question.open {background-image: url("assets/images/icon_faq_up.svg");} .question h4 {font-size: 2.6em; max-width:80%; margin:0} @media (max-width: 1400px) { .question h4 {font-size: 1.85vw;} #faq h3 {font-size: 2.28em;} } @media (max-width: 1024px) { .values { width:40%; max-width: 400px; margin-bottom:20px;} #values_container.flex {flex-wrap: wrap;} } @media (max-width: 768px) { .question h4 {font-size: 3.2vw; max-width: 85%} .faq_item {border-radius: 16px; background: #fff; padding:10px; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15); margin:20px 0px; } #faq h3 {font-size: 4vw;} .values {width:70%; max-width: 400px; margin-bottom:20px;} #one-column-leading-copy h3 {max-width:100%; margin:0 auto} .faq_inner {border-radius: 12px; padding:30px 30px 0px 80px; background-position: 20px 14px; background-size: 46px; } .question { background-position: 100% 20%; background-size: 30px; } } @media (max-width: 500px) { #faq h3 {font-size: 7vw;} .question h4 {font-size: 4.6vw; max-width: 85%} .faq_inner {border-radius: 12px; padding:30px 10px 0px 60px; background-position: 12px 24px; background-size: 36px; } .faq_inner .inner {margin-left:-40px; } .question { background-position: 100% 0px; background-size: 24px; } } /*********************************************************************** Staff Page ************************************************************************/ #staff_list {flex-direction: row; flex-wrap: wrap; margin-bottom:60px;} .staff_item {margin:40px 50px; width:325px; height:425px; position: relative;} .staff_image_container {position: relative;} .staff_image {width:325px; height:325px; border-radius: 100%; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15); } .staff_image_hover {opacity:1; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; filter: grayscale(100%);} .hover_circle {width:325px; height:325px; border-radius: 100%; border:solid 2px #D3A907; top:0px; left:0px; position: absolute; opacity:0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; z-index: 4} .name_container {position: absolute; bottom:-25px; left:-12px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; z-index: 5} .name_container h3 {font-family: 'Lyon Display Black'; font-weight: 900; font-size: 4.0em; white-space: nowrap;} .padded-multiline {line-height: 1.27; padding: 5px 0px; margin: 10px 0;} .padded-multiline span {background-color: #F4F4F4; display: inline; padding: 0.1rem 0.6rem 0.4rem 0.6rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .staff_item.smaller {margin:20px 30px; width:250px; height:350px; } .staff_item.smaller .staff_image {width:225px; height:225px; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15); } .staff_item.smaller .image_cover {position: absolute; z-index: 4; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; filter: grayscale(100%);} .staff_item.smaller .name_container h3 {font-size: 2.7em; } .staff_item.smaller .hover_circle {width:225px; height:225px; top:0px; left:0px; } .staff_deets {font-size: 1.8em; margin-top:40px; line-height: 1.6em; } .staff_item:hover .padded-multiline span {background-color: #D3A907; color:#fff} .staff_item:hover .hover_circle {opacity:1; top:-10px; left:10px;} .staff_item:hover .name_container {} .staff_item:hover .image_cover {opacity:0;} .staff_item:hover .staff_image_hover {opacity:1; filter: grayscale(0%);} #staff_header {} #staff_header .header-copy {} #staff_header h1 {padding-top:30px; max-width: 800px} #single_staff_post {} #staff_header .mainContent {z-index:5} #staff_header .header_image_container {width:70%; max-width: 650px; padding-bottom:70%; margin:0 auto; } #staff_header .header_image {max-width:650px; } #staff_header .header_image_circle {top:-10px; left:10px;} #single_staff_post .staff-bio {padding-top:60px;} #single_staff_post .testimonial p {font-size: 2.4em; line-height: 1.6em;} #single_staff_post .testimonial img {width:2vw; height:auto; margin-top:50px;} #single_staff_post .testimonial p.name {font-size: 1.8em; line-height: 1.6em;} #single_staff_post .slick-dots {bottom:-10px;} #single_staff_post .slick-dots li.slick-active button:before {color:#555;} #single_staff_post .slick-dots li button:before {color:#555;} #scheduler_mobile {border-bottom: solid 0px #ccc; border-radius: 10px; padding:0px; margin:20px auto 0 auto; width:96%; } #scheduler_inner {border:solid 1px #efefef; border-radius: 8px; padding:20px 30px 0px 20px;} #booking-toggle {} #booking-container {display: none; overflow: hidden; width:100%;} #booking-toggle.open {background-image: url("assets/images/icon_faq_up.svg");} .nameWrapper {display: block} .author_bio .header_image img {width:100%; height:100%; border-radius: 50%;} @media (max-width: 1400px) { .staff_item {margin:2.85vw 3.57vw 2.85vw 3.57vw; width:23.214vw; height:30.36vw; min-width: 200px;} .staff_item .staff_image {width:25vw; height:25vw; min-width: 180px; min-height:180px} .staff_item .hover_circle {width:25vw; height:25vw; min-width: 180px; min-height:180px} .staff_deets {font-size: calc(10px + 0.6vw); margin-top:2.85vw; } .name_container h3 {font-size: 2.85vw;} .staff_item.smaller {margin:2.14vw 2.14vw; width:17.86vw; height:25vw; min-width: 15vw;} .staff_item.smaller .staff_image {width:16vw; height:16vw; min-width: 16vw; min-height:16vw} .staff_item.smaller .name_container h3 {font-size: 1.93vw; } .staff_item.smaller .hover_circle {width:16vw; height:16vw; min-width: 16vw; min-height:16vw} } @media (max-width: 1024px) { .staff_item.smaller {margin:4vw 3.5vw; min-width: 22vw;} .staff_item.smaller .staff_image {width:20vw; height:20vw;} .staff_item.smaller .hover_circle {width:20vw; height:20vw;} .staff_item.smaller .name_container h3 {font-size: 2.4vw; } } @media (max-width: 768px) { #single_staff_post .testimonial img {width:7vw; margin-top:50px;} .staff_item.smaller {margin:5vw 5vw; min-width: 16vw;} .staff_item.smaller .staff_image {width:20vw; height:20vw;} .staff_item.smaller .hover_circle {width:20vw; height:20vw;} .nameWrapper {display: inline-block} } @media (max-width: 640px) { #staff_list {margin-top:-80px;} .staff_item {margin:2.85vw 3.57vw 2.85vw 3.57vw; width:58.57vw; height:auto;} .staff_item h3 {font-size: calc(12px + 4.2vw); } .staff_item .staff_image {width:64.69vw; height:64.69vw;} .staff_item .hover_circle {width:64.69vw; height:64.69vw;} .hover_circle {width:64.69vw; height:64.69vw; } .staff_deets {font-size: 1.4em; margin-top:20px; line-height: 1.6em; } .name_container {bottom:-20px; left:-20px; } .staff_item.smaller {margin:18vw 5vw; width:20vw; height:20vw; min-width: 32vw;} .staff_item.smaller .staff_image {width:32vw; height:32vw;} .staff_item.smaller .name_container h3 {font-size: 3.5vw; } .staff_item.smaller .hover_circle {width:32vw; height:32vw;} } @media (max-width: 480px) { .staff_deets {font-size: 1.2em; line-height: 1.4em; } .name_container {bottom:-20px; left:-20px; } } /*********************************************************************** News ************************************************************************/ #news_item_container.flex {flex-direction: column; flex-wrap: wrap;} .news_item {margin-bottom:120px;} .news_item.flex {align-items: center;} .news_item h3 {margin-bottom:30px;} .news_item .excerpt {margin-bottom:60px;} .news_item:nth-child(odd) .image_container {order:2} .news_item:nth-child(odd) .section_content {order:1} .news_item:nth-child(even) .image_container {order:1} .news_item:nth-child(even) .section_content {order:2} .news_title {color:#555; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .news_title:hover {color:#D3A907} #news_recent h4 {font-size:8.8em; letter-spacing: -0.05em; padding:0 0 100px 20px} #news_previous h4 {margin:0 auto;} #news_previous h3 {font-size: 3.2em; } #news_previous h1 {font-size: 5em; font-weight: 200; text-align: center} .news_previous_item p {padding-bottom:10px;} .news_previous_item .button {color:#fff; padding:10px 50px 10px 25px; border-radius: 30px; font-size: 1.6em; background-size:30px 15px; background-position: 90% 50%; background-color: #D3A907;} .news_previous_item .button:hover {background-color: #D3A907; background-position: 92% 50%; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);} #news_previous_item_container {padding:0 0 70px 0;} #news_previous_item_container.flex {flex-direction: row; flex-wrap: wrap; justify-content: center;} .news_previous_item {margin:60px 20px; max-width: 400px; width:100%; } .previous_image_container {width:90%; height:0px; padding-bottom:90%; position: relative; max-width: 350px; margin:0 auto; max-height: 350px;} .news_previous_image {position: absolute; margin:0 auto; width:100%; height:100%; background-size: 100% ;border-radius: 100%; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15); z-index: 1; background-position:50% 50%;} .news_previous_item p {position: relative; } .news_excerpt {margin-top:80px;} .news_previous_item .news_excerpt {margin-top:40px;} #ajax-load-more .flex {flex-direction: row; flex-wrap: wrap; justify-content: center;} #single_post_header {min-height: 400px;} #single_post_header h5 {font-family: 'Lyon Display Black';} #single_post_header h1 {font-size: 4.2em; font-family: 'Lyon Display Black'; letter-spacing: 0.03em; line-height: 1.4em; max-width: 80%; margin:0 auto} #single_post_header .mainContent {position: relative; z-index: 5} #single_post_content_container {width:100%; margin:0 auto; padding:0 40px 0 0; } #single_post_content_container ol {margin:50px 20px 50px 40px; font-size: 1.0em; line-height: 1.4em} #single_post_content_container ol li {margin:0 0 20px; background-image: none;} #single_post_header .header_image_container {width:450px; height:450px; margin:0 auto 60px auto; padding-bottom: 0px;} #single_post_content_container h2 {font-size: 4.0em; font-family: 'Lyon Display Bold'; letter-spacing: 0.03em; line-height: 1.4em; padding-bottom:20px;} #single_post_content_container h3 {font-size: 3.0em; font-family: 'Lyon Display Bold'; letter-spacing: 0.03em; line-height: 1.4em; padding-bottom:20px;} #single_post_content_container h4 {font-size: 2.0em; font-family: 'Lyon Display Bold'; letter-spacing: 0.03em; line-height: 1.4em; padding-bottom:20px;} .content_header h5 {text-align:center; max-width: 800px; margin:0 auto 30px auto;} .content_header .date {font-size: 2.0em; text-transform: uppercase;} .content_header .posted {font-size: 1.8em; display: block; margin-bottom: 50px; margin-top:20px;} .bliss_loadmore {border-radius: 50px !important; background-color: #fff !important; border:solid 1px #E5E5E5 !important; color:#555 !important; padding:10px 40px 10px 40px !important; font-family: "Open Sans", sans-serif !important; height:auto !important; font-weight: 300 !important; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; margin-top:50px;} .bliss_loadmore .text {font-family: "Open Sans", sans-serif !important; font-size: 0.8em !important; text-transform: uppercase;} .bliss_loadmore:hover {box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);} #single_full_post {background-image: linear-gradient(#FFFAE8, white);} .two_column_post {padding-top:50px; } .two_column_post h1 {font-size: 4.0em; padding-bottom:20px; line-height: 50px; } .blog_content_left {padding-right:30px;} .single_post_image {height:400px; width:100%; background-position: center center; border-radius: 20px; margin-bottom:50px;} .post_meta {padding-top:200px;} .post_meta h3 {font-size: 4.2em; color:#D3AB29; padding-bottom:0px; font-weight: 300 !important} .post_meta h4 {margin:0 0 20px 0; padding:0; font-size: 2.4em; font-family: "Open Sans", sans-serif; font-weight: 400} .post_meta h5 {font-size: 2.6em; color:#7D7D7D; padding-bottom:20px; margin:0; font-family: "Open Sans", sans-serif; font-weight: 700} .post_meta .button {margin:0 auto;} #author_image {margin-bottom:70px; width:300px; height:300px; } #author_image img {width:100%; height:100%; border-radius:50%; box-shadow: 0px 10px 30px #ccc} #tags_list {border: solid 0px #ff0000; display: block} #tags_list a {background: #D3AB29; border-radius: 4px; color:#fff; text-transform: uppercase; font-size: 1.4em; letter-spacing: 0.1em; padding:8px 10px; margin:0px 10px 10px 0px; display: inline-block; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} #tags_list a:hover {background: #C26402;} #template-header h1 {position: relative; z-index: 100; text-align: center; max-width: 100%} h4.morePosts {text-transform: capitalizes} .alm-reveal.flex {flex-wrap: wrap;} @media (max-width: 1400px) { #single_post_header {min-height: 28.57vw;} #single_post_content_container h2 {font-size: 3.28vw;} .news_previous_item {margin:60px 1.428vw; max-width: 28.57vw; } .previous_image_container {max-width:25vw; } #single_post_content_container ol {font-size: calc(14px + 0.6vw); margin-bottom:30px; line-height: 1.6em;} #news_previous h3 {font-size: 2.28vw;} } @media (max-width: 1350px) { .news_previous_item {margin:60px 1.428vw; max-width: 35.57vw; } .previous_image_container {max-width:45vw; } #author_image {margin-bottom:70px; width:23.1vw; height:23.1vw; } } @media (max-width: 920px) { #single_post_content_container {} #single_post_header {min-height: 35vw;} #single_post_header h5 {font-size: 7.0vw} #single_post_header h1 {font-size: 7.0vw; } #single_post_content_container h2 {font-size: 5vw;} .news_previous_item {margin:60px 1.428vw; max-width: 40vw; } .previous_image_container {max-width:45vw; } } @media (max-width: 768px) { .news_item.flex {flex-direction: column;} #single_post_content_container {width:100%; margin:0 auto; padding:0;} .news_item:nth-child(odd) .section_content {padding-left:0px;} .news_item:nth-child(odd) .image_container {order:1;} .news_item:nth-child(odd) .section_content {order:2;} .news_item .image_container {margin-bottom:40px;} .news_previous_item {margin:60px 1.428vw; max-width: 100%; } .previous_image_container {max-width:80%; padding-bottom: 80%; max-width: 80%} #single_post_header .header_image_container {width:50vw; height:50vw;} #news_previous h3 {font-size: 5vw; height:auto;} #author_image {margin:0 auto 30px auto; width:45vw; height:45vw; } } @media (max-width: 768px) { #single_post_header .header_image_container {width:75vw; height:75vw;} } /*********************************************************************** Contact ************************************************************************/ .intro_copy {width:90%;} .contact_office_info {padding-top:100px} .contact_title {text-transform: uppercase; font-size: 2.0em; display: block; font-weight: 700; max-width:200px; margin:0 auto; padding-bottom:20px;} .contact_phone {font-size: 2.4em;} #contact_map {margin-top:100px; margin-bottom:-300px; z-index: 1; position: relative;} .acf-map {width: 100%; height: 800px; margin: 0;} .acf-map img {max-width: inherit !important;} #contact_map .marker {max-width:250px;} #contact_map h3 {font-size: 1.6em;} #contact_map p {font-size: 1.2em;} .gm-style-iw-d {max-width: 350px;} .gm-style-iw-d p {margin-bottom:10px;} /*********************************************************************** Careers ************************************************************************/ #centers_of_excellence h2, #universities h2 {font-size: 4.0em;} #university_logos, #centers_logos {display: flex; align-items: center; padding-top:20px; margin:0 auto; justify-content: center; flex-wrap: wrap;} #university_logos img, #centers_logos img {max-width:200px; max-height: 100px; width: auto; height: auto; padding:20px 20px} #header_intern_form {margin-top:-40px;} @media (max-width: 640px) { #header_intern_form {margin-top:-10px; margin-bottom:20px;} } /*********************************************************************** Find Help ************************************************************************/ #wpfront-notification-bar-spacer {z-index: 100} header.find-help #logo {position: absolute; top:20px; left:0; right:0; margin:0 auto; } .page-template-page_findhelp #mobile-hamburger {display: inline;} .page-template-page_findhelp header {background-color:transparent !important} #find-help-header {background-repeat: no-repeat; background-position: center center; background-size: cover; height:750px; position: absolute; top:0; left:0; width:100%;} #leading-copy.find-help {max-width:900px; margin:500px auto 0 auto;} #find_help_float {width:360px; height:360px; border-radius: 100%; background-color: #fff; position: relative; margin:0 auto; flex-direction: column;} #find_help_float_circle {width:360px; height:360px; border-radius: 100%; margin:-20px 0 0 0; border: 3px solid #D3A907; position: absolute; z-index: 2} #find_help_float h1 {font-size: 3em; padding-top: 0} #find_help_float p {margin-bottom:-10px;} #find_help_float .content {max-width:300px; margin:0 auto; text-align: center; position: relative;} #find_help_float .content h1 {padding-bottom:20px;} #find_help_float .content.flex {align-items: center; flex-direction: column;} #findhelp-filter {} .find-help-question-outer {border-radius: 20px; background: #fff; padding:16px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin:0 15px; border:solid 1px #efefef; max-width:1000px; margin:0 auto;} .find-help-question-inner {border:solid 1px #efefef; border-radius: 12px; padding:40px 30px;} #findhelp-filter fieldset {margin-bottom:80px;} #findhelp-filter h2 {font-size: 2.8em; font-family: 'Lyon Display Bold'; text-transform: none; line-height: 1.8em; max-width: 70%; margin:0 auto 0px auto} #findhelp-filter h3 {font-size: 1.6em; font-family: 'Open Sans'; text-transform: uppercase; line-height: 1.8em; max-width: 70%; margin:0 auto 40px auto; text-align: center; flex-basis: 100%} #findhelp-filter h4 {font-size: 1.6em; font-family: 'Open Sans'; text-transform: uppercase; line-height: 1.8em; margin:20px 0 5px 10px; flex-basis: 100%; text-align: center; width:100%; max-width: 100%} .findhelp-filter h4 {font-size: 1.6em; font-family: 'Open Sans'; text-transform: uppercase; line-height: 1.8em; margin:10px 0 10px 10px !important; text-align: center; width:100%; max-width: 100%; padding-top:10px;} #findhelp-filter h6 {font-size: 1.4em; font-family: 'Open Sans'; text-transform: uppercase; line-height: 1.8em; margin:0 auto 20px auto} #findhelp-filter .selection_group {flex-wrap: wrap;} #findhelp-filter .section_item {width:28%; padding:20px; background-color: #F2EEEE; margin:4px; border-radius: 4px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} #findhelp-filter .section_item:hover {background-color: #f9f5f5;} #findhelp-filter .section_item input {margin-top:0px;} #find-help-slider {width:100%;} #find-help-slider .slick-dots li button:before {color:#555} #find-help-slider .slick-dots {bottom:20px;} #find-help-slider a {outline:none;} #findhelp-results-filter-container {display:none; overflow: hidden;} #findhelp-results-filter-container.flex {flex-wrap: wrap;} #findhelp-results-filter-container fieldset {width:30%; margin:0 20px 40px 20px; display: inline-block;} #findhelp-results-filter-container fieldset#question1 {width:100%; margin:0 20px 40px 20px;} #findhelp-results-filter-container .question-column.flex {flex-direction: column;} #findhelp-results-filter-container .selection_group label {width:auto !important} #findhelp-results-filter-container .question1.flex {flex-direction: row; flex-wrap: wrap;} #findhelp-results-filter-container #question1 .selection_group label {width:28% !important; } #findhelp-filter-results h2 {text-align: center; text-transform: none; font-weight: 700; padding-bottom:20px; line-height: 1.6em; margin:0 auto; width:90%; min-height:60px;} #questionnaire_intro {width:100%; height:600px; background-position: center center; background-repeat: no-repeat; background-size: cover; align-items: center;} .selection_group input {position: absolute; left: -9999px;} .selection_group label {width:28%; padding:20px; background-color: #F2EEEE; margin:4px; border-radius: 6px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-size:1.6em; line-height: 1.4em;} label:hover, input:focus + label {background-color: #f9f5f5;} input:checked + label {background-color: #D3A907; color:#fff} input:checked + label::before {background-color: #fff; box-sizing: border-box;} #therapist-results {display: block;} #therapist-results.hide {display:none;} #therapist-results h4 {max-width: 650px; margin:0 auto; width:90%} .show-results.hide {display:none;} #staff_list #nothing-found {display:none; font-size: 2.0em; line-height: 1.6em} #staff_list.mixitup-container-failed #nothing-found {display: block} #staff_list a {cursor: pointer;} .button.next {cursor: pointer; color:#fff; background-color: #C26402; padding:12px 60px 12px 35px !important; text-transform: uppercase; border-radius: 30px !important; font-size: 1.8em; letter-spacing: 0.02em; background-image: url("assets/images/icon_arrow_white.svg") !important; background-repeat: no-repeat !important; background-size:30px 15px !important; background-position: 80% 50% !important; margin-left:-5px; margin-left:10px;} .button.next.start {background-position: 90% 50% !important; margin-left:0px !important;} .button.previous {cursor: pointer; color:#fff; background-color: #C26402; padding:12px 35px 12px 60px !important; text-transform: uppercase; border-radius: 30px !important; font-size: 1.8em; letter-spacing: 0.02em; background-image: url("assets/images/icon_arrow_left_white.svg") !important; background-repeat: no-repeat !important; background-size:30px 15px !important; background-position: 12% 50% !important; margin-left:-5px;} .button.show-results {cursor: pointer; color:#fff; background-color: #C26402; padding:12px 60px 12px 35px !important; text-transform: uppercase; border-radius: 30px !important; font-size: 1.8em; letter-spacing: 0.02em; background-image: url("assets/images/icon_arrow_down_white.svg") !important; background-repeat: no-repeat !important; background-size:30px 15px !important; background-position: 92% 50% !important; margin-left:10px;} .button.disabled {cursor: none; background-color: #ccc; pointer-events: none;} .button.filter_button {background: #555; color:#fff; position: relative; margin:0 auto; background-image: url("assets/images/icon_arrow_down_white.svg") !important; cursor: pointer;} .button.view-all {cursor: pointer; color:#fff; background-color: #C26402; padding:12px 60px 12px 35px !important; text-transform: uppercase; border-radius: 30px !important; font-size: 1.0em; letter-spacing: 0.02em; background-image: url("assets/images/icon_arrow_down_white.svg") !important; background-repeat: no-repeat !important; background-size:30px 15px !important; background-position: 90% 50% !important; margin-left:-5px; margin-left:10px;} .button.filter_button.open {background-image: url("assets/images/icon_arrow_up_white.svg") !important;} .button_container_form {text-align: center; width:100%; margin:50px 0 20px 0; position: relative; z-index: 100} .button_container_form a {margin:0 auto;} .staff-details-overlay {display:none; width:100%;} .staff-details-overlay .mainContent.flex {flex-wrap: wrap;} .popup_background {z-index: 1000 !important;} .popup_wrapper {z-index: 1001 !important} .staff-details-overlay .header_image_container {width:60%; height:0px; padding-bottom:60%; position: relative; max-width: 400px; margin:0 auto; max-height: 400px;} .staff-details-overlay .header_image_circle {top:-10px; right:10px;} .staff-details-overlay .staff_image {width:400px; height:400px; border-radius: 100%; margin:0 auto; } .staff-details-overlay .staff-copy {flex-direction: column;} .staff-details-overlay .quote {font-size: 2.4em; line-height: 1.8em;} .staff-details-overlay h2 {font-size: 8.8em; font-family: 'Lyon Display Bold'; letter-spacing: 0.03em; line-height: 1.0em} .staff-details-overlay .button_close {background-color: #000; width:34px; height:34px; border-radius: 100%; cursor: pointer; position: fixed; text-align: center; font-size: 1.6em; font-weight: 700; right:40px; top:20px; z-index: 5000; color:#fff;} .staff-details-overlay .button_close span {margin-top:9px; margin-left:0px; display: block; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .staff-details-overlay .button_close:hover {background-color:#D3A907; color:#fff } .page-template-page_findhelp iframe#medchat-chat-frame {display:inline !important;} @media (max-width: 1400px) { .staff-details-overlay h2 {font-size: 6.28vw;} } @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) { h2 {font-size: 3.2vw !important; line-height: 60px !important} .subnav_copy h2 {font-size: 2.0vw !important;} } @media (max-width: 1140px) { #findhelp-filter .section_item {width:42%;} } @media (max-width: 1024px) { #findhelp-filter h2 {font-size: 2.8em; line-height: 1.8em; max-width: 90%; margin:0 auto 40px auto} .find-help-question-inner {border:solid 1px #efefef; border-radius: 12px; padding:30px 20px;} .find-help-question-outer {width: 80%} #findhelp-filter label {width:40%;} #findhelp-results-filter-container fieldset {width:40%; margin:0 20px 40px 20px;} #findhelp-results-filter-container #question1 .selection_group label {width:40% !important; } } @media (max-width: 768px) { #findhelp-filter h2 {font-size: 2.0em; line-height: 1.6em; max-width: 90%; margin:0 auto 40px auto} #findhelp-filter .section_item {padding:15px; width:42%;} .find-help-question-inner {border:solid 1px #efefef; border-radius: 12px; padding:20px 20px;} #findhelp-filter label {font-size: 1.4em; width:100%;} .staff-details-overlay .quote {font-size: 2.0em; } .staff-details-overlay .header_image_container {width:60%; height:0px; padding-bottom:60%;} .button.next {padding:8px 40px 8px 20px !important; font-size: 1.5em; background-size:24px 12px !important; } .button.previous {padding:8px 20px 8px 40px !important; font-size: 1.5em; background-size:24px 12px !important; } .button.show-results {padding:8px 40px 8px 20px !important; font-size: 1.5em; background-size:24px 12px !important; } .page-template-page_findhelp iframe#medchat-chat-frame {display:none !important;} .staff-image-container {padding-top:50px;} .staff-details-overlay .staff-copy {flex-direction: column; text-align: center; padding-top:30px;} } @media (max-width: 702px) { #findhelp-filter .section_item {width:100%;} .find-help-question-inner {padding:20px 10px;} } @media (max-width: 640px) { #findhelp-results-filter-container fieldset {width:100%; margin:0 auto 40px auto;} #findhelp-results-filter-container fieldset#question1 {width:100%; margin:0 auto 40px auto;} #findhelp-results-filter-container #question1 .selection_group label {width:100% !important; } .staff-details-overlay h2 {font-size: 8vw;} } /*********************************************************************** Footer ************************************************************************/ footer {color:white; display: block; z-index: 2; position: relative} footer .mainContent {flex-direction: column;} #footer_top {background-color: #FFFAE8; padding:0px 0 60px 0; margin:-100px 0 0 0 } #footer_top .cta_large {font-size: 6.4em; padding-bottom:20px; font-family: 'Lyon Display Medium'; letter-spacing: 0.03em;} #footer_top .cta_small {font-size: 2.0em; padding:20px 0} #footer_top .cta_phone {font-size: 4.8em;} .footer_wave {pointer-events: none;} #footer_bottom {background-color: #555; padding:70px 0} #footer_menu { text-align: center; margin-bottom:40px;} #footer_menu ul {list-style: none; position:relative; margin: 0 auto; } #footer_menu ul li {display:inline-block; margin:0; padding:0; position:relative;} #footer_menu ul li a {font-size: 2.0em; margin:0 15px; padding:0px; color:#fff; text-decoration:none; font-family: 'Open Sans'; padding:8px 20px 14px 18px; letter-spacing: -0.05em; display: inline-block; vertical-align: middle; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} #footer_menu ul li a:hover {color:#d3a909} #menu-footer-menu-full {list-style: none; position:relative; margin: 0 auto;} #menu-footer-menu-full li {display:inline-block; margin:0; padding:0; position:relative; vertical-align: top} #menu-footer-menu-full li a {margin:0 0px; text-transform: uppercase; font-size: 1.8em; letter-spacing: 0.1em !important; padding:8px 10px 10px 10px !important; } #menu-footer-menu-full li li {display: block;} #menu-footer-menu-full li li a {font-size: 1.6em; color:#ccc; text-transform: none} #footer_social {text-align: center; padding-top:0px; padding-bottom:50px;} #footer_social ul {list-style: none} #footer_social li {display: inline-block; padding:15px; width:36px; height:36px; text-align: center; margin:0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; vertical-align: middle; background: #555; border-radius: 100%} #footer_social li a {color:#fff; font-size: 3.5em; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #footer_social li:hover {background: #d3a909} .social_icon {vertical-align: middle;} .footer_social_list svg {width:40px; height:40px; } .footer_social_list svg.twitter {width:44px; height:44px; margin: 2px 0 0 2px} .footer_social_list svg.linkedin {width:34px; height:34px; margin:-8px 0 0 0px} .footer_social_list svg.instagram {width:34px; height:34px; margin:-8px 0 0 0px} .footer_social_list svg.facebook {width:36px; height:36px; margin:-7px 0 0 0px} .social_icon {fill:#fff;} #footer_contact a {color:#555; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; margin:0 30px;} #footer_contact a:hover .footer_contact_phone, #footer_contact a:hover .footer_contact_text, #footer_contact a:hover .footer_contact_chat, #footer_contact a:hover .footer_contact_email {color:#D3A907} #footer_contact a:hover img {margin-top:-10px; margin-bottom:10px;} .footer_contact_item {font-size: 1.4em; text-align: center;} .footer_contact_item .footer_contact_title {font-family: 'Open Sans'; font-size: 1.2em; font-weight: 700; text-transform: uppercase; padding-bottom:10px;} .footer_contact_item .footer_contact_copy {font-size: 1.4em; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .footer_contact_item img {height:55px; max-width: 60px; padding-bottom:20px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .footer_contact_item.email img {height:50px; max-width: 45px; padding-bottom:21px; padding-top:4px; } .footer_legal {text-align: center; letter-spacing: 0.15em; font-size: 1.4em; line-height: 1.6em; color:#fff; font-weight: 400} .footer_legal a {color:#fff !important;} .footer_legal a:hover {color:#D3A907 !important} @media (max-width: 1400px) { #footer_top {padding:0px 0 60px 0; margin:-7.14vw 0 0 0 } #footer_top .cta_large {font-size: 4.57vw; padding-bottom:20px;} #footer_top .cta_small {font-size: calc(10px + 1.0vw); padding:20px 0} #footer_top .cta_phone {font-size: 3.43vw;} } @media (max-width: 1200px) { #menu-footer-menu-full li a {margin:0 0px !important; font-size: 1.6em !important;} } @media (max-width: 1024px) { #footer_contact a { margin:0 20px;} #footer_button_container {padding-bottom:80px} } @media (max-width: 870px) { #menu-footer-menu-full li li {display: none;} } @media (max-width: 800px) { #footer_contact a { margin:0 10px;} @media (max-width: 768px) { #footer_menu ul li a {font-size: 1.6em; margin:0 5px; padding:10px 6px;} #footer_social li {padding:8px; border-radius: 100px; width:26px; height:26px; margin:0} .footer_social_list svg.twitter {width:24px; height:24px; margin:-5px 0 0 3px} .footer_social_list svg.linkedin {width:20px; height:20px; margin:-16px 0 0 0px} .footer_social_list svg.instagram {width:20px; height:20px; margin:-16px 0 0 0px} .footer_social_list svg.facebook {width:24px; height:24px; margin:-16px 0 0 -1px} #footer_menu {margin-bottom:20px;} #footer_social {padding-bottom:20px;} #footer_top .cta_large {font-size: 7vw; padding-bottom:0; padding-top:40px;} #footer_top .cta_small {padding:10px 0} #footer_top .cta_phone {font-size: 6vw;} #footer_bottom {padding:30px 0} .footer_legal {font-size: 1.2em;} .footer_contact_item img {height:35px; max-width: 50px; } .footer_contact_item.email img {height:35px; max-width: 45px; padding-bottom:17px;} #footer_contact {flex-wrap: wrap;} #footer_contact a {width:48%; margin:20px 0} .footer_contact_item .footer_contact_copy {font-size: 1.0em;} .footer_contact_item.chat .footer_contact_copy, .footer_contact_item.email .footer_contact_copy {display:none;} } @media (max-width: 500px) { #footer_top .cta_large {font-size: 9vw; padding-bottom:0; padding-top:40px;} } /*********************************************************************** 404 ************************************************************************/ #error_container {text-align: center;} #error_container h1 {padding-bottom:20px;} #error_container h2 {font-size: 3.0em !important;} #error_container img {margin:50px 0; width:60%; max-width: 60%} #error_container p {padding-bottom:100px;} @media (max-width: 1400px) { #error_container h2 {font-size: 2.14vw !important} #error_container img {margin:3.57vw 0;} #error_container p {padding-bottom:7.14vw;} }