/* Theme Name: Barbour Community Health Association Author: Nick Zwinggi Author URI: https://zwinggicreative.com Description: Theme built for Barbour Community Health Association Version: 2022.1 */ @font-face { font-family: 'social round'; src: url('fonts/zc_social.eot'); src: url('fonts/zc_social.eot?#iefix') format('embedded-opentype'), url('fonts/zc_social.woff') format('woff'), url('fonts/zc_social.ttf') format('truetype'), url('fonts/zc_social.svg#zc_social') format('svg'); font-weight: normal; font-style: normal; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} :root{ --blue: #026CB6; --midnight: #004D82; --midnight79: rgba(0,77,130,0.79); --carolina: #13B5EA; --carolinadark: #06A0D3; --cadet:#B5D5F0; --cadetlight:#D1E3F2; --cadetdark:#90C0E2; --cadetblack:#5498C7; --slate: #343942; --black: #141912; --greydark: #919191; --grey: #BEC0C2; --grey16: rgba(190,192,194, 0.16); --greylight16: rgba(229,229,229, 0.16); --greylight: #E5E5E5; --hr: #E5E5E5; --watermelon: #F8485E; --watermelonlight67: rgba(242,156,167,.33); --watermelonlight: #F29CA7; --watermelondark: #CE1D33; --tan: #FBF8F7; --white: #ffffff; --white30: rgba(255,255,255,0.3); --title: 'trade-gothic-next', 'Roboto', 'Droid Sans', sans-serif; --trade: 'trade-gothic-next', 'Roboto', 'Droid Sans', sans-serif; --sans: 'avenir-next-lt-pro', 'Roboto', 'Droid Sans', sans-serif; --standard:.25s all ease-in-out; --tec-grid-width-default: 1280px; --tec-grid-width: 1280px; } /* ---------------- ---------------- */ /* -------- Global Elements -------- */ /* ---------------- ---------------- */ body * {font-family: var(--sans);} body { font-weight:normal; font-family: var(--sans); font-size: 18px; background: var(--white); color:var(--midnight); overflow-x: hidden;} strong, b, strong a, b a { font-weight:700; } em, i, em a, i a { font-style:italic;} .alignright { float:right; margin: 0 0 20px 50px; max-width: calc(50% - 25px) !important;} .alignleft { float:left; margin: 0 50px 20px 0; max-width: calc(50% - 25px) !important;} @media (max-width:767px){ .alignleft, .alignright { float:none; margin: 0 0 20px; max-width: 100% !important; } } .wp-caption img {border-radius: 22px;} hr { height:1px; border:none; border-top:1px solid var(--hr); width:100%; background: none; margin: 30px 0;} main ul { list-style: none; margin: 20px;} main ul ul {margin-bottom: 0;} main ol { list-style: decimal; margin: 20px;} main ul li, main ol li { padding:5px 0 5px 35px; position: relative; list-style: none;} main ul li::before { content:''; width:12px; height: 12px; position: absolute; left:0; top:14px; background: var(--cadetdark); border-radius: 100vh;} main ul ul li::before { width:10px; height: 10px; top:15px; background: var(--cadetlight);} main ul ul ul li::before { width:8px; height: 8px; top:16px; background: var(--carolina);} .midnight { color:var(--midnight);} .blue { color:var(--blue);} .plum { color:var(--blue);} .carolina { color:var(--carolinadark);} .cadet { color:var(--cadetdark);} .cadet-black { color:var(--cadetblack);} .grey { color:var(--grey);} .grey-light { color:var(--greylight);} .grey-dark { color:var(--greydark);} .black { color:var(--black);} .white { color:var(--white);} .slate { color:var(--slate);} .watermelon { color:var(--watermelondark);} .bg-midnight .pageinner::after, .bg-midnight:not(.page-panel) { background-color:var(--midnight);} .bg-blue .pageinner::after, .bg-blue:not(.page-panel) { background-color:var(--blue);} .bg-plum .pageinner::after, .bg-plum:not(.page-panel) { background-color:var(--blue);} .bg-carolina .pageinner::after, .bg-carolina:not(.page-panel) { background-color:var(--carolina);} .bg-carolina-dark .pageinner::after,.bg-carolina-dark:not(.page-panel) { background-color:var(--carolinadark);} .bg-cadet .pageinner::after, .bg-cadet:not(.page-panel) { background-color:var(--cadet);} .bg-cadet-black .pageinner::after, .bg-cadet-black:not(.page-panel) { background-color:var(--cadetblack);} .bg-grey .pageinner::after, .bg-grey:not(.page-panel) { background-color:var(--grey);} .bg-grey-light .pageinner::after, .bg-grey-light:not(.page-panel) { background-color:var(--greylight);} .bg-grey-dark .pageinner::after, .bg-grey-dark:not(.page-panel) { background-color:var(--greydark);} .bg-black .pageinner::after, .bg-black:not(.page-panel) { background-color:var(--black);} .bg-white .pageinner::after, .bg-white:not(.page-panel) { background-color:var(--white);} .bg-slate .pageinner::after, .bg-slate:not(.page-panel) { background-color:var(--slate);} .bg-watermelon .pageinner::after, .bg-watermelon:not(.page-panel) { background-color:var(--watermelon);} .bg-cadet:not(.page-panel) { border-radius:50px 0; padding:40px;} @media (max-width:990px){ .bg-cadet:not(.page-panel) { border-radius:22px 0; padding:24px;} } .page-panel.bg-solid .pageinner::after { width:calc(100% + 140px); content:''; top:-50px; left:-70px; height:calc(100% + 100px); position: absolute; z-index: -1; border-radius: 60px 0;} .page-panel.surrounding-border .pageinner::after { width: calc(100% + 138px); content: ''; top: -50px; left: -70px; height: calc(100% + 100px); position: absolute; z-index: -1; border-radius: 60px 0; border: 1px solid var(--hr); } .page-panel.connect-below .pageinner::after { height: calc(100% + 300px); } @media (max-width:767px){ .page-panel.bg-solid .pageinner::after { width: calc(100% + 0px); content: ''; top: -20px; left: 0; height: calc(100% + 20px); position: absolute; z-index: -1; border-radius: 60px 0 41px 0; } } .bg-grey-light h4 { color:var(--cadetblack);} .bg-grey-dark h4, .bg-carolina h4, .bg-carolina-dark h4, .bg-cadet-black h4 { color:var(--cadetlight);} .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h5, .bg-dark h6, .bg-dark li, .bg-dark p { color:var(--white);} .bg-grey h4, .bg-cadet h4, .bg-cadet h1, .bg-cadet h2, .bg-cadet h3, .bg-cadet h5, .bg-cadet h6, .bg-cadet li, .bg-cadet p { color:var(--midnight);} img { max-width:100%; height: auto;} .pane { border-radius:11px; position: relative; overflow: hidden; } @media (max-width:990px) { .pane img {object-fit: cover; position: absolute; width: 100%; height: 100%; object-position: center;} } .pane img { object-fit: cover; position: absolute; width: 100%; height: 100%;} .pane.none img {/* object-fit: contain;*/} .relative { position:relative;} .static { position:static;} .fixed { position:fixed;} .absolute { position:absolute;} a { transition: var(--standard); color:var(--carolina); text-decoration: none;} a:hover { transition: var(--standard); color:var(--watermelon); text-decoration: none;} a.rel { width:0; height:0; opacity: 0; top:-200px; position: absolute; } a.rel.rel-under { top:unset; bottom:24px; } p a { text-decoration:underline;} p a:hover { text-decoration:underline;} a.button, .button, .button-link a, a.button-link, .search-submit, button.forminator-button-submit, .button a, .tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn, .tribe-events-c-view-selector__button, .tribe-events .tribe-events-c-top-bar__datepicker-button, .tribe-events button { background: var(--blue) !important; border-radius: 20px 0 20px 0 !important; padding:15px 60px 16px 40px !important; line-height: 1.25em; color:var(--white) !important;text-transform: uppercase; letter-spacing: 1.75px; transform:scale(100%) !important; display: inline-block !important; border: none !important; transition: var(--standard) !important; font-size: 14px !important; cursor: pointer; text-align: center; position: relative; font-weight: 700; text-decoration: none;} a.button.cadet, a.button.external, .button.cadet, .button.external { background:var(--cadet) !important; color: var(--blue) !important;} a.button.white, .button.white { background:var(--white) !important; color: var(--blue) !important;} a.button.alert, .button.alert { background:var(--watermelon) !important;} @media (max-width:990px){ a.button, .button, .button-link a, a.button-link, .search-submit, button.forminator-button-submit, .button a, .tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn, .tribe-events-c-view-selector__button, .tribe-events .tribe-events-c-top-bar__datepicker-button, .tribe-events button { display:block; width:100%;} } a.button::after, .button::after, .button-link a::after, a.button-link::after, .search-submit::after, button.forminator-button-submit::after, .button a::after, .tribe-common .tribe-common-c-btn::after, .tribe-common a.tribe-common-c-btn::after, .tribe-events-c-view-selector__button::after, .tribe-events .tribe-events-c-top-bar__datepicker-button::after, .tribe-events button::after { content: ''; position: absolute; right: 22px; top: calc(50% - 5.5px); height: 11px; width: 20px; background: url("/wp-content/themes/barbourhealth/images/arrow_white.svg") no-repeat; background-size: contain; opacity: 1; transition: var(--standard); background-position: center; } .tribe-events-c-subscribe-dropdown__button-text.tribe-common-c-btn--clear::after, .tribe-events-c-view-selector__button::after { background-image: url("/wp-content/themes/barbourhealth/images/chevron.svg");width: 12px;} .tribe-common .tribe-common-c-btn::after, .tribe-common a.tribe-common-c-btn::after, .search-submit::after, a.button.search::after, .button.search::after { background-image:url("/wp-content/themes/barbourhealth/images/spyglass-white.svg"); top: calc(50% - 7.5px); height: 15px;} a.button.cadet::after, .button.cadet::after { background-image:url("/wp-content/themes/barbourhealth/images/arrow_blue.svg"); top: calc(50% - 7.5px); height: 15px;} a.button.white::after, .button.white::after { background-image:url("/wp-content/themes/barbourhealth/images/arrow_blue.svg"); top: calc(50% - 7.5px); height: 15px;} a.button.phone::after, .button.phone::after { background-image:url("/wp-content/themes/barbourhealth/images/phone.svg"); top: calc(50% - 7.5px); height: 15px;} a.button.external::after, .button.external::after { background-image:url("/wp-content/themes/barbourhealth/images/external.svg"); top: calc(50% - 7.5px); height: 15px;} a.button.alert::after, .button.alert::after { background-image:url("/wp-content/themes/barbourhealth/images/alert.svg"); top: calc(50% - 11.5px); height: 23px; width:23px;} .tribe-events .tribe-events-c-top-bar__datepicker-button { display: flex !important; } .tribe-events .tribe-events-c-top-bar__datepicker-button::after {background-image:url("/wp-content/themes/barbourhealth/images/calendar.svg");} a.button:hover::after, .button:hover::after, .button-link a:hover::after, a.button-link:hover::after, .search-submit:hover::after, button.forminator-button-submit:hover::after, .button a:hover::after, .tribe-common .tribe-common-c-btn:hover::after, .tribe-common a.tribe-common-c-btn:hover::after, .tribe-events-c-view-selector__button:hover::after { opacity: 1; transition:var(--standard);} a.button.cadet:hover::after, a.button.white:hover::after , a.button.external:hover::after, a:hover .button.cadet::after, a:hover .button.white::after , a:hover .button.external::after { filter: saturate(0%) brightness(300%); transition: var(--standard);} .forminator-ui.forminator-design--default .forminator-button-submit { font-weight: 600 !important; font-size: 16px !important; } a.button:hover, .insights .cell a:hover .button, .button-link a:hover, a.button-link:hover, .search-submit:hover, button.forminator-button-submit:hover, .button a:hover, .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:hover, .tribe-events-c-view-selector__button:hover, .tribe-events .tribe-events-c-top-bar__datepicker-button:hover, .tribe-events-c-subscribe-dropdown__button-text:hover { background: var(--watermelon) !important; transition: var(--standard) !important; color: var(--white) !important; padding-right:80px !important; border: none !important; text-decoration: none;} .tribe-events-c-view-selector__button:hover, .tribe-events-c-subscribe-dropdown__button-text:hover{ padding-right:60px !important;} @media (max-width:990px){ a.button:hover, .insights .cell a:hover .button, .button-link a:hover, a.button-link:hover, .search-submit:hover, button.forminator-button-submit:hover, .button a:hover, .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:hover, .tribe-events-c-view-selector__button:hover, .tribe-events .tribe-events-c-top-bar__datepicker-button:hover{ padding-right:60px !important;} } a.button.alert:hover { background-color:var(--watermelondark) !important;} button#submit-glossary:hover { padding-right:60px !important;} button.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-left.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--prev { padding: 0 !important; margin: 0 !important; color: var(--hr) !important; background: none !important; line-height: unset; letter-spacing: unset; top: -2px; position: relative; } button.tribe-common-c-btn-icon.tribe-common-c-btn-icon--caret-left.tribe-events-c-top-bar__nav-link.tribe-events-c-top-bar__nav-link--prev::after { content:none !important; } .tribe-events-c-top-bar__nav-list-item { height:20px;} a.button.button-white, a.button.button-light, .button.button-light a, .button-light button, .bg-dark button { color: var(--blue) !important; background:var(--white) !important; } a.button.button-white::after, .button.button-white::after, .button-link.button-white a::after, a.button-link.button-white::after, .search-submit.button-white::after, button.forminator-button-submit.button-white::after, .button.button-white a::after, a.button.button-light::after, .button-link.button-light a::after, a.button-link.button-light::after, .search-submit.button-light::after, button.forminator-button-submit.button-light::after, .button.button-light a::after, .button-light button::after, .bg-dark button::after { background:url("/wp-content/themes/barbourhealth/images/arrow_blue.svg") no-repeat; background-size:contain; opacity:1; transition: var(--standard);} a.button.button-white:hover, a.button.button-light:hover, .button.button-light a:hover, .button-light button:hover, .bg-dark button:hover { color: var(--white); background:var(--watermelon) !important;} a.button.button-white:hover::after, a.button.button-light:hover::after, .button.button-light a:hover::after, .button-light button:hover::after, .bg-dark button:hover::after { filter:brightness(3400) grayscale(0) saturate(0) sepia(77);} a.button.button-left { padding:15px 21px 16px 52px !important;} a.button.button-left:hover {padding-left:65px !important; } a.button.button-left::after { left: 15px; right: unset;transform: rotate(180deg); height:8px;} a.button.button-left:hover::after { left: 12px; } button.button.slim { padding-top: 7px !important; padding-bottom: 9px !important; font-size: 14px !important; padding-left: 15px !important; line-height: 1.25em; } button.button.slim:hover { background: var(--watermelon) !important; padding-right: 65px !important; } a.download-link { padding-right: 42px !important; } a.download-link::after { content:''; position: absolute; top:50%; transform: translateY(-50%); right:8px; height:20px; width:25px; background: url("/wp-content/themes/barbourhealth/images/downloadable.svg") no-repeat; background-size: contain;} a.button.icon-link { margin: 0 40px 0 0; background: var(--tan) !important; padding-left: 100px !important; display: flex !important; padding: 24px !important; border: 1px solid var(--hr) !important; align-items: center; border-radius: 50px 0 !important; } a.button.icon-link:hover { background: var(--cadetlight) !important;} a.button.icon-link.cell_3 { width: calc(25% - 30px);} a.button.icon-link.cell_4 { width: calc(33.33% - 26.667px);} a.button.icon-link.cell_6 { width: calc(33.33% - 20px);} a.button.icon-link.cell_8 { width: calc(33.33% - 13.333px);} a.button.icon-link.cell_9 { width: calc(75% - 10px);} a.button.icon-link.cell_12 { width: calc(100%);} .link-content.mulitple_links a.button.icon-link div.h3 { text-align:left; display: block; margin-left:20px; margin-bottom: 0; padding-top: 0; padding-bottom: 20px; position: relative;} .link-content.mulitple_links a.button.icon-link div.h3::after { position: absolute; content: ''; bottom: 0px; left: 0px; background-image: url("/wp-content/themes/barbourhealth/images/arrow_blue.svg"); background-size: contain; background-position: left center; background-repeat: no-repeat; height: 10px; width: 100px; transition: var(--standard); } .link-content.mulitple_links a.button.icon-link:hover div.h3::after { transition: var(--standard); left:10px;} .link-content.mulitple_links a.button.icon-link:hover {margin: 0 40px 0 0 !important; padding-right: 24px !important;} .link-content.mulitple_links a.button.icon-link.cell_3:nth-child(4n):hover, a.button.icon-link.cell_3:nth-child(4n), .link-content.mulitple_links a.button.icon-link.cell_4:nth-child(3n):hover, a.button.icon-link.cell_4:nth-child(3n), .link-content.mulitple_links a.button.icon-link.cell_6:nth-child(2n):hover, a.button.icon-link.cell_6:nth-child(2n), .link-content.mulitple_links a.button.icon-link.cell_12:hover, a.button.icon-link.cell_12 {margin-right: 0 !important;} a.button.icon-link img { position:relative; max-width:90px; width:33%; max-height: 90px; height: auto; } a.button.icon-link::after { display:none;} .sr-only, .forminator-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .insights .cell a, .insights .cell a h3, .insights .cell a h5 { transition: var(--standard); color:var(--midnight); text-decoration: none;} .insights .cell a:hover { transform:scale(102%);} .insights .cell a:hover, .insights .cell a:hover h3, .insights .cell a:hover h5{ transition: var(--standard); color:var(--watermelon); text-decoration: none;} .insights .cell a p { font-size:16px; line-height: 1.75em;} .insights .cell a p:last-of-type {margin-bottom: 0;} button#searchsubmit { margin-top: 24px; } p, ul, li { line-height: 1.6em;} p { margin-bottom: 21px; } @media (max-width:990px){ p, ul, li { font-size:18px;} } #memberships, #memberships p { display:flex; align-items: center; justify-content: center;} #memberships img { margin:0 20px;} @media (max-width:990px){ #memberships p { flex-wrap: wrap;} #memberships img { margin: 10px 0; display: block; max-width: 100%;} } .flex-wrap {flex-wrap: wrap;} main ol { list-style: none; counter-reset: item;margin-left:55px; } main ol ol { margin: 10px 0 0 55px; } main ol li { counter-increment: item; margin-bottom: 0px; position:relative; line-height: 1.5em; padding:10px 0px; } main ol li:last-child { padding-bottom:0px;} @media (max-width:1023px){ main ol li { font-size:18px;} } main ol li::before { position: absolute; content: counter(item); background: var(--cadetdark); border-radius: 100%; color: white; width: 26px; height: 27px; left: -42px; top: 11px; text-align: center; display: block; font-size: 15px; font-weight: 600; line-height: 27px; letter-spacing: 0; padding-left: 1px; } main ol ol li::before { background: var(--cadet); transform: scale(97%);} main ol ol ol li::before { background: var(--carolina); transform: scale(92%);} @media (max-width:1023px){ main ol li::before { height:28px; width:28px; } } @media (max-width:990px){ main ul { margin: 20px 0px;} main ol { margin: 20px 0 20px 40px;} main ol ol { margin-left:40px;} main ul li{ padding:5px 0 5px 25px;} } #content .checklist ul {margin-left:0 !important; column-count: 2;column-gap: 20px; margin-bottom: 10px !important;} #content .checklist ul li { font-size:21px; font-weight: 500; padding-top:0; padding-bottom: 0; padding: 5px 0 5px 35px; position: relative; list-style: none; min-width:40%; display: block;} #content .checklist ul li::before { content: ''; position: absolute; left: 0; background: var(--cadetdark); border-radius: 100vh; width:20px; height: 20px; top:12px; background-image:url("/wp-content/themes/barbourhealth/images/checkmark.svg"); background-repeat: no-repeat; background-position: center; } @media (max-width:990px){ #content .checklist ul li { font-size:18px; display: grid;} #content .checklist ul li::before { width:16px; height: 16px; background-size: 60%; top:12px;} } @media (max-width:540px){ #content .checklist ul { column-count: unset; } #content .checklist ul li { display: block; } } .pageinner { max-width:1280px; width:calc(90% - 50px); margin:0 auto; padding: 0; position: relative;} @media (max-width:990px) { .pageinner { width:calc(100% - 50px); margin:0 25px;} .link-shelf { margin-top:40px;} } .pageinner .pageinner { width: calc(100% - 40px);} .pageinnerslim { max-width:840px;} .pageinnerslim img, .wp-caption { max-width:100%; border-radius: 22px;} .wp-caption-text { font-style:italic; padding:20px 0; margin-bottom:30px; border-bottom:1px solid #d7d7d7; line-height: 1.5em;} header .pageinner { max-width:1280px; width:calc(100% - 50px);align-items: center; justify-content: space-between;} header .pageinner > .flex { width:calc(100% + 34px); justify-content: center; margin-left:-17px; margin-right: -17px;} @media (max-width:990px) { header .pageinner {width: calc(100% - 50px);text-align: center;justify-content: center;} } .attachment-post-thumbnail, .page-setting img { border-radius:7px; margin-bottom: 30px;} @media (max-width:767px) { .attachment-post-thumbnail, .page-setting img { display:block;} } .flex { display:flex;} .location-filter-results h3 { padding-top:0;} @media (max-width:990px) { .desktop-only, .size-desktop-only { display:none !important;} } @media (min-width:991px) { .mobile-only { display:none !important;} } #hidden-important, .hidden-important { display:none !important;} /* ---------------- ---------------- */ /* -------- Header Elements -------- */ /* ---------------- ---------------- */ #header { position: fixed; width:100%; top:0; left: 0; background: var(--white); z-index: 999999;} .scroll-up #header, .scroll-down #header { box-shadow: 0 2px 8px 0 rgba(0,0,0,0.11);} #site-title { background: url("/wp-content/themes/barbourhealth/images/logo.svg") no-repeat; background-size: contain; width: 275px; height: 112px; background-position: center; text-indent: -9999px; overflow: hidden; margin: 18px 0; transition: var(--standard); } .scroll-up #site-title, .scroll-down #site-title {height: 67px;margin: 12px 0; transition:var(--standard);} @media (max-width:990px) { #site-title { width: 100%;height: 47px; background-position: center center;} #header.logoheader #site-title {margin: 12px 0; } .scroll-up #site-title, .scroll-down #site-title {height: 40px;margin: 12px 0; transition:var(--standard);} #header { background:var(--white);} .scroll-up #header, .scroll-down #header { background:var(--white);} } body:not(.scroll-up) #header.logoheader #site-title, body:not(.scroll-down) #header.logoheader #site-title { overflow: hidden; width:0px; opacity: 0; transition:.25s opacity ease-in-out, .25s width .25s ease-in-out;} body.scroll-up #header.logoheader #site-title, body.scroll-down #header.logoheader #site-title { display:block; width:250px; opacity: 1; transition:.25s width ease-in-out, .25s opacity .25s ease-in-out;} #header.logoheader .navrunner{ min-height: 84px;} body.scroll-up #header.logoheader .navrunner, body.scroll-down #header.logoheader .navrunner { min-height: 74px;} #site-title a {display: block;height: 100%;cursor: pointer;} #header.logoheader #site-title {height: 50px !important;} .navrunner #main-nav-area {justify-content: center; gap:20px;} #desktop-menu { width:calc(50% - 137.5px);} #nav-shelf-menu { width:calc(50% - 137.5px);} @media (max-width:1300px) { body.scroll-up #header.logoheader #site-title, body.scroll-down #header.logoheader #site-title, #header:not(.logoheader) #site-title { margin-right: 20px; width:200px; } } @media(max-width:1100px){ body.scroll-up #header.logoheader #site-title, body.scroll-down #header.logoheader #site-title, #header:not(.logoheader) #site-title { margin-right: 30px; width:160px; } } @media(max-width:990px){ #header.logoheader #site-title {height: 50px !important;} body.scroll-up #header.logoheader #site-title, body.scroll-down #header.logoheader #site-title { margin-right: 0; width: 180px;height: 40px;} #header:not(.logoheader) #site-title {margin-right: 0;width: 300px;height: 100px; margin:5px auto;} body.scroll-up #header:not(.logoheader) #site-title, body.scroll-down #header:not(.logoheader) #site-title { margin-right: 0; width: 180px;height: 51px;margin: 6px;} #header.logoheader .navrunner .flex { opacity:0; transition: .25s opacity ease-in-out;} body.scroll-up #header.logoheader .navrunner .flex, body.scroll-down #header.logoheader .navrunner .flex { opacity: 1;transition: .25s opacity ease-in-out;} #header.logoheader { background:none; box-shadow: 0 2px 8px 0 rgba(0,0,0,0);transition: .25s box-shadow ease-in-out;} body.scroll-up #header.logoheader, body.scroll-down #header.logoheader { background:var(--white); box-shadow: 0 2px 8px 0 rgba(0,0,0,0.11);transition: .25s box-shadow ease-in-out;} } .flex.vertcenter { align-items:center;} .fader { opacity:0; margin-top:50px !important; transition: .375s all ease-in-out; position: relative} .fader.opaque { opacity:1; margin-top:0 !important; transition: .375s all ease-in-out;} .cell_12.fader, .card.fader { margin-top:70px !important; } .cell_12.fader.opaque, .card.fader.opaque { margin-top:20px !important; } #desktop-menu { display: flex; flex-wrap: wrap; align-content: flex-end;} #menu-main-menu { width: calc(100%); display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start;} .menu-main-menu-container { width:100%;} #menu-main-menu a { font-size: 18px; font-style: italic; letter-spacing: 3px; } .menu-nav-shelf-container { width:100%;} #menu-nav-shelf { display:flex; justify-content: flex-end;} #menu-nav-shelf li a { font-style: normal; color: var(--greydark); line-height: 18px; text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: .6px; } #menu-nav-shelf > li:last-child { padding: 4px;} #menu-main-menu > li > a, #menu-nav-shelf li a { position:relative; white-space: nowrap;} #menu-main-menu > li > a::before, #menu-nav-shelf > li:not(.search-nav) > a::before { width:calc(100% + 30px); border-radius:5px 0; height:0px; background:var(--watermelon); content: ''; position: absolute; bottom:-10px; left:-15px;transition: var(--standard);} #menu-main-menu > li:hover > a::before, #menu-nav-shelf > li:not(.search-nav):hover > a::before{ bottom:-20px; height:10px; transition: var(--standard);} #menu-main-menu > li.menu-item-has-children:not(.current_page_item) > a::before { border-radius: 10px 3px 0 0; } li.icon-contact a li.search-nav a, a.search-button {margin-top: 0;display: block !important;padding-right: 0;padding-left: 25px;background-color: transparent !important; border: none !important;transition: var(--standard);margin: 0;position: relative;} li.icon-contact a::before, li.search-nav a::before, a.search-button::before { position:absolute; content:''; background-image: url("/wp-content/themes/barbourhealth/images/spyglass.svg") !important;background-repeat: no-repeat !important;background-size: contain; background-position: center center; width: 14px; height: 30px; top: 14px; left:0; opacity: 1; transition:var(--standard);} li.icon-contact a::before {background-image: url("/wp-content/themes/barbourhealth/images/phone.svg") !important;width: 12px; left: 1px} li.icon-contact a:hover, li.search-nav a:hover, a.search-button:hover { color:#fff !important; transform: none; transition:var(--standard); filter: sepia(100%) saturate(13) hue-rotate(-49deg) brightness(.97) contrast(2);} #menu-nav-shelf li, #menu-main-menu li { position:relative; display: block; transition: var(--standard);} #menu-main-menu > li, #menu-nav-shelf > li { padding: 17px;} #menu-main-menu > li li, #menu-nav-shelf > li li { padding: 10px 0;} #menu-main-menu > li li:first-child { padding-top:0;} #menu-main-menu > li li:last-child { padding-bottom:0;} #menu-main-menu li > a { font-style: normal; color: var(--midnight); line-height: 18px; text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: .6px;} #menu-main-menu li:hover > a, #menu-nav-shelf li:hover > a { color:var(--watermelon); transition: var(--standard) !important;} #menu-main-menu li li > a, #menu-nav-shelf li li > a{ position:relative; padding-left:20px; padding-right:15px; display:block;transition: var(--standard) !important;} #menu-main-menu li li > a:hover, #menu-nav-shelf li li > a:hover{ padding-left:40px; padding-right:0px; color:var(--watermelon); transition: var(--standard) !important;} #menu-main-menu li li > a::before, #menu-nav-shelf li li > a::before { position: absolute; left: 10px; top:0px; content: ''; background-image: url("/wp-content/themes/barbourhealth/images/arrow_watermelon_thin.svg"); background-position: right center; background-size: auto; background-repeat: no-repeat; width:0px; height: 20px;transition: var(--standard);} #menu-main-menu li li > a:hover::before, #menu-nav-shelf li li > a:hover::before { width:20px; transition: .25s all .125s ease-in-out;} #menu-nav-shelf li.social { width:32px;} #menu-nav-shelf li.social a { width:32px;} @media(max-width:990px){ #menu-nav-shelf .sub-menu { padding: 0; position: relative; left: 0%; width:100%; height:auto; max-height:0px; overflow: hidden; bottom: unset; top:unset; background:#d0d0d0;transition: var(--standard);} #menu-nav-shelf > li.menu-item-has-children:hover .sub-menu { position: relative; left: 0%; max-height: 1000px;transition: var(--standard);opacity: 1;padding-left: 41px;bottom: 0px;z-index: 999;} #menu-nav-shelf li { position: static;} #menu-nav-shelf li a { position: static;} #menu-nav-shelf li.search-nav { display: none;} a.search-button { top: 37px; left: 25px; position: absolute; transform: scale(134%);} } #menu-main-menu li .sub-menu, #menu-nav-shelf .sub-menu { position: absolute; left: 2px; top: 62px; opacity: 0; max-height: 0px; height: auto; overflow: hidden; transition: var(--standard); min-width: 350px; max-width: 350px; width: auto; margin-left: 0; border: #e2eee9 1px solid; background: var(--white); padding: 0 10px; visibility: hidden; border-radius: 0 0 26px 0;} #menu-main-menu li:hover .sub-menu, #menu-nav-shelf > li.menu-item-has-children:hover .sub-menu { visibility: visible; max-height: 1000px; transition:var(--standard); opacity: 1; padding: 26px 10px 30px;} #menu-main-menu li .sub-menu .sub-menu {position: relative;top: 0;border: none;padding: 15px 0 0 6px;transform: scale(90%);} @media(max-width:1350px){ #menu-main-menu > li { padding: 17px 12px;} #menu-nav-shelf li { padding: 17px 12px;} #menu-main-menu > li > a::before, #menu-nav-shelf > li:not(.search-nav) > a::before { width: calc(100% + 20px); left: -10px;} #menu-main-menu li .sub-menu, #menu-nav-shelf li .sub-menu { min-width: 250px;} } @media(max-width:1200px){ #menu-main-menu > li { padding: 17px 10px;} #menu-main-menu > li > a, #menu-nav-shelf li a, #menu-main-menu li > a { font-size: 12px; letter-spacing: .53px; white-space: nowrap;} #menu-main-menu li .sub-menu, #menu-nav-shelf li .sub-menu { position: absolute; left: 0px; top: 61px;} } @media(max-width:1023px){ #menu-main-menu > li #menu-nav-shelf > li { padding: 17px 7px;} #menu-main-menu > li > a, #menu-nav-shelf li a, #menu-main-menu li > a { font-size: 12px; letter-spacing: .33px;} #menu-main-menu li .sub-menu, #menu-nav-shelf li .sub-menu { position: absolute; left: 0px; top: 61px;} } #mobile-nav-list .overlay { position:fixed; top:0; left:0; width:100%; height: 100%; background: var(--midnight79); z-index: 9; visibility: hidden; opacity: 0; transition:var(--standard);} #mobile-nav-list.active .overlay { visibility: visible; opacity: 1; transition:var(--standard);} #searchoverlay { position:fixed; top:0; left:0; width:100%; height: 100%; background: var(--midnight79); z-index: 999999999999999999; visibility: hidden; opacity: 0; transition:var(--standard);} #searchoverlay.active { visibility: visible; opacity: 1; transition:var(--standard);} #searchoverlay #search {margin:0vh auto 0; max-width: 700px; background: var(--white); padding:25px; border-radius:3px; width: calc(100% - 50px); transition:var(--standard);} #searchoverlay.active #search {margin:20vh auto 0; transition:var(--standard);} div.searchform { border-radius: 40px 4px; background: var(--white); padding: 27px; margin-top: 27px;} form.search-form {display: flex; justify-content: space-between; flex-wrap: wrap;} textarea, input[type="text"], input[type="button"], input[type="reset"], input[type="search"], input[type="email"], input[type="password"], input.glossary-search-input, .resource_search input { -webkit-appearance: none; appearance: none; border: 1px solid var(--grey); border-radius: 22px 0; font-size: 16px; padding: 13px 22px 13px; color: var(--midnight); width: 100%; background: var(--tan); line-height: 1.25em; } form.search-form label { width:100%; margin-bottom: 30px;} form.glossary-search {display: flex;flex-wrap: wrap;gap: 24px;position: relative;} .autocomplete-items { position: absolute; top: 47px; background: var(--white); left: 0px; padding: 0; z-index: 5; width: calc(100% - 22px); max-height: 400px; overflow-y: scroll;} .autocomplete-items {border-bottom: 1px solid var(--grey);} .autocomplete-items div { padding: 12px 20px; font-size: 12px; border-left: 1px solid var(--grey); border-right: 1px solid var(--grey);} .autocomplete-items div:first-child { border-top: 1px solid var(--grey);} .autocomplete-items div:hover { background:var(--carolinadark); color:var(--white); } .snippet { font-size: 14px; line-height: 1.5em;} .closeX { position:absolute; right:50px; top:50px; width:34px; height:34px;} @media(max-width:990px){ .closeX { right: 25px; top: 30px;} } .closeX::before { transition:var(--standard); content: ''; height:2px; width:35px; top:16px; left:0; transform: rotate(-45deg); background:var(--white); position: absolute;} .closeX::after { transition:var(--standard); content: ''; height:2px; width:35px; top:16px; left:0; transform: rotate(45deg); background: var(--white); position: absolute;} .closeX:hover::before, .closeX:hover::after { transition: var(--standard); transform:rotate(0deg)} .default-header, .text-header { padding:44px 0 0;} @media(max-width:990px){ .default-header, .text-header {padding: 20px 0 0;} } .resource_search .custom-form { display:flex;} .resource_search .custom-form button { margin-top:0 !important; } .project-overlay { display:flex;} @media(max-width:990px){ .project-overlay a { text-transform: uppercase; margin-right: 30px; width: 100%; display: block; padding: 5px 0;} .resource_search { width: 100%; margin: 10px 0 0;} } a.my-health-link { font-weight:700; font-style:italic; font-size: 12px; letter-spacing: 1.33px; color: var(--cadet); text-transform: uppercase; position: relative;} .my-health { font-weight:700; font-style:italic; font-size: 12px; letter-spacing: 1.33px; color: var(--cadet); text-transform: uppercase; position: relative; display:inline-block; width: auto; padding-right:24px; transition: var(--standard); cursor: pointer;} .my-health::before { content:''; position: absolute; right: 0; top:1px; width:12px; height: 10px; background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_select_arrow.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 1; transition:var(--standard);} .my-health::after { content:''; position: absolute; right: 0; top:1px; width:12px; height: 10px; background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_select_arrow_watermelon.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0; transition:var(--standard);} .my-health:hover { color:var(--watermelonlight); transition: var(--standard);} .my-health:hover::before { transition:var(--standard); opacity: 0;} .my-health:hover::after { transition:var(--standard); opacity: 1;} .selected-health { font-weight:700; font-style:normal; font-size: 12px; letter-spacing: 1.33px; color: var(--white); text-transform: uppercase; display: flex; justify-content: flex-end; gap:24px; line-height: 1.5em; align-items: center; min-height: 27px;} .selected-health > div { padding-left:24px; border-left:1px solid var(--cadetblack); } .selected-health > div:first-child { padding-left:0; border: none;} .selected-health-mobile { flex-wrap: wrap; padding:20px; gap:10px; border-radius: 22px 0px; position: relative; z-index: 2;} .selected-health-mobile > div { width:100%; padding-left:0; border: none; text-align: left; } a.icon { color:var(--white); padding-left:24px; position: relative;} .bg-white a.icon { color:var(--midnight); padding-left:24px; position: relative;} a.icon:hover { color:var(--watermelonlight);} .bg-white a.icon:hover { color:var(--watermelon);} a.icon::before, a.icon::after { content:''; position: absolute; top: 0; left: 0; width:13px; height: 15px; transition:var(--standard); background-position: center; background-size: contain; background-repeat:no-repeat;} a.icon::before { transition:var(--standard); opacity: 1; } a.icon::after { transition:var(--standard); opacity: 0; } a.icon:hover::before { transition:var(--standard); opacity: 0;} a.icon:hover::after { transition:var(--standard); opacity: 1;} a.pin-icon::before { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_pin.svg");} .bg-white a.pin-icon::before { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_pin_blue.svg");} a.pin-icon::after { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_pin_watermelon.svg");} .bg-white a.pin-icon::after { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_pin_watermelon_dark.svg");} a.phone-icon::before { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_phone.svg"); } .bg-white a.phone-icon::before { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_phone_blue.svg"); } a.phone-icon::after { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_phone_watermelon.svg");} .bg-white a.phone-icon::after { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_phone_watermelon_dark.svg");} a.clock-icon::before { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_clock.svg"); } .bg-white a.clock-icon::before { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_clock_blue.svg"); } a.clock-icon::after { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_clock_watermelon.svg");} .bg-white a.clock-icon::after { background-image: url("/wp-content/themes/barbourhealth/images/icons/icon_clock_watermelon_dark.svg");} a.link-911 { margin-left:10px;} a.link-911:hover { color: var(--watermelon);} .selected-health-mobile a.icon { display:block;} .selected-health-mobile a.icon::before, .selected-health-mobile a.icon::after { top:2px;} .selected-health-mobile a.icon span { font-weight:400; display: block; margin-top:5px;} .location-phone { margin-top:20px;} .location-contact { margin-top:20px;} .my-health-mobile { padding:9px 10px 50px 20px; margin-bottom:-37px; display:block; text-align: left; background:var(--blue); z-index: 1; position: relative; border-top-left-radius: 22px; margin-top:20px;} .facility-selector { background: var(--blue); color:var(--cadet); border-radius:60px 0; margin-top:6px; font-size: 14px; padding:0; max-width: 1400px !important; font-weight: 700; position: absolute; z-index: 999999; left:50%; transform: translateX(-50%); max-height:0; overflow: hidden; transition: .5s max-height ease-in-out;} .facility-selector.on { max-height:100vh; transition: .5s max-height ease-in-out;} .facility-selector .facility-inner { padding:40px 60px 50px;} .facility-selector a { color:var(--white);} .facility-selector a:hover { color:var(--watermelonlight);} .footer-facility { background: var(--blue); color:var(--cadet); border-radius:60px 0; margin-top:6px; font-size: 14px; padding:0; max-width: 1400px !important; font-weight: 700; position: relative; z-index: 999999; left:50%; transform: translateX(-50%); overflow: unset; max-height:100vh; transition: .5s max-height ease-in-out;} .footer-facility .facility-inner { padding:0; margin:0 -20px; width:calc(100% + 40px);} .footer-facility a { color:var(--white);} .footer-facility a:hover { color:var(--watermelonlight);} @media (max-width:991px){ .footer-facility { max-height: unset; } } .facility-list-area { border-top:1px solid var(--cadetblack); border-bottom:1px solid var(--cadetblack); margin-top:30px; display: flex; justify-content: space-between; padding:20px 0 40px;} .mobile-facility .facility-list-area { border: none; padding-bottom: 0;} .facility-list-area img { max-width: 219px; height: auto;} .facility-image { height:93px; width: 100%; margin: 0 0 25px 0; display: flex; align-items: center;} .facility-list-area .cell_9 { width: calc(74% - 30px) !important; position: relative;} .facility-list-area .cell_8 { width: calc(65% - 30px) !important; position: relative;} .facility-list-area .cell_6 { width: calc(50% - 30px) !important; position: relative;} .facility-list-area .facility-list::after { content:''; position: absolute; right:-30px; top:10px; height: calc(100% - 10px); background:var(--cadetblack); width:1px; } .facility-list-area .facility-list:last-child::after { content:none; } .facility-list-area .cell_4 { width: calc(35% - 30px) !important; padding: 0 20px 0 0;} .facility-list-area .cell_3 { width: calc(26% - 30px) !important; padding: 0 20px 0 0;} .facility-list-area ul { display:flex; flex-wrap: wrap; gap:30px; } .facility-list-area ul li { display: block; background:var(--cadet); border-radius:20px 0; width:calc(33.333% - 20px); padding:20px 30px; transition: var(--standard); cursor: pointer; position: relative; overflow: hidden;} .facility-list-area .facility-list.cell_4 ul li { width:100%;} .facility-list-area .facility-list.cell_3 ul li { width:100%;} .facility-list-area ul li.selected { background:var(--white);} @media (min-width:991px){ .facility-list-area ul li:hover { background:var(--watermelon); transition: var(--standard); transform:scale(102%);} .facility-list-area ul li:hover h5 { color:var(--white); transition: var(--standard);} .facility-list-area ul li:hover p { color:var(--white); transition: var(--standard);} } .facility-list-area .facility-list-mobile.cell_12 { position: absolute; bottom: 0; width: 100%; z-index: 999; background: var(--midnight79); height: 100%; padding-bottom: 0; left: 0; display: flex; align-items: flex-end; opacity: 0; max-height: 0px; overflow: hidden; } .facility-list-area .facility-list-mobile.cell_12.active { opacity: 1; padding-bottom: 138px; max-height: 100%; } .facility-list-area .facility-list-mobile.cell_12 ul { gap:24px; width:calc(100% - 72px); margin-left:36px;} .facility-list-area .facility-list-mobile.cell_12 ul li { width:calc(50% - 12px); padding: 10px 14px;} .facility-list-area .facility-list-mobile.cell_12 ul li h5 { text-align:left;} .facility-list-area .facility-list-mobile.cell_12 ul li p { color: var(--white);} .facility-list-area .facility-list-mobile.cell_12 ul li.location-select p { color: var(--midnight);} .facility-list-area h5 { font-size:12px; letter-spacing: 1.33px; margin-bottom: 7px; transition: var(--standard);} .facility-list-area p { font-size:12px; letter-spacing: 1.33px; font-weight: 400; color:var(--midnight); text-transform: uppercase; margin:5px 0 0; line-height: 1.25; transition: var(--standard);} .facility-title {position:relative; } .facility-title .closeX { top: -2px; transform: scale(50%); right: -10px;} .facility-list-area ul li.selected.location-select.chosen { background:var(--watermelon);} .location-select::before { position:absolute; content: ''; top: 0; left: 0; background:url("/wp-content/themes/barbourhealth/images/check.svg"); height: 100%; width:100%; opacity:0; background-size: 40px 40px; background-repeat: no-repeat; background-position: center center; z-index: 99; transition: var(--standard);} .location-select::after { position:absolute; content: ''; top: 0; left: 0; z-index: 4; background:var(--carolina); height: 100%; width:100%; opacity:0; mix-blend-mode:color;transition: var(--standard);} .location-select.chosen::before { opacity:1; transition: var(--standard);} .location-select.chosen::after { opacity:1; transition: var(--standard);} .location-select.chosen:hover::before { transition: var(--standard);} .location-select.chosen:hover::after { transition: var(--standard);} .facility-list-mobile .location-select::before { opacity:0;} .facility-list-mobile .location-select::after { opacity:0;} .facility-list-mobile .location-select.chosen.fadey::before { animation: fadeInOut 1.5s ease-in-out forwards;} .facility-list-mobile .location-select.chosen.fadey::after { animation: fadeInOut 1.5s ease-in-out forwards;} @keyframes fadeInOut { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 1; } 100% { opacity: 0.25; } } .selected-health { opacity:1; transition: var(--standard);} .mobile-facility .facility-list-area { margin-top:0;} .mobile-facility .cell_12 { width:100%;} .mobile-facility .cell_12 a:first-child { margin-top:0;} /* ---------------- ---------------- */ /* -------- Mega Menu -------- */ /* ---------------- ---------------- */ .mega-menu{ display: flex; justify-content: flex-end; width: 100%; padding-left: 40px;} @media (max-width:990px){ .mega-menu {flex-wrap: wrap;padding-left: 25px;} .mega-menu > .menu {flex-wrap: wrap; justify-content:left;} } .mega-menu .menu { display:flex; justify-content: flex-end;align-items: end; margin-bottom: -1px;} .mega-menu .menu li.has-mega-menu > a { padding:20px 20px 38px; display: block; background:var(--white); border:1px solid var(--white); transition: var(--standard); border-bottom:1px solid #DEDEDE;} @media(max-width:1250px){ .mega-menu .menu li.has-mega-menu > a { padding:15px 15px 28px; width: 180px; } } @media(max-width:990px){ .mega-menu .menu li.has-mega-menu { width: 100%; } .mega-menu .menu li.button-link { width: auto; position: absolute; top: 32px; left: 50%; transform: translateX(-50%);margin: 0 !important;} .mega-menu .menu li.has-mega-menu > a { padding:6px 15px 15px; width: 100%; } } .mega-menu .menu li.has-mega-menu:hover > a { color:#7693A2; background:#f8f8f8; border:1px solid #DEDEDE; border-bottom:1px solid #f8f8f8; transition: var(--standard); } li.has-mega-menu > a::before { content:'for'; font-family:'DS Italic';text-transform: lowercase; color:#7F4C3A; display:block; letter-spacing: 2px; font-size: 13px; padding:0; margin-bottom: 0px;} li.has-mega-menu > a::after { content: ''; background: url("/wp-content/themes/barbourhealth/images/chevron.svg") no-repeat; width: 25px; height: 16px; background-position: right 7px; background-size: 15px; display: inline-block;} @media (max-width:990px){ li.has-mega-menu > a::after {content: '';background: url("/wp-content/themes/barbourhealth/images/chevron.svg") no-repeat;width: 16px;height: 10px;background-position: left bottom;background-size: contain;display: inline-block; transform: rotate(-90deg);} } .mega-menu .menu > li.button-link { margin:0 0 37px 20px;} .mega { display:block; position: absolute; left:0; background: #f8f8f8; padding:0; height: auto; overflow: hidden; max-height:0px;transition: .75s max-height 0s ease-in-out, 0s opacity .75s; opacity: 0; z-index: 2;} .has-mega-menu:hover .mega { max-height: 70vh; transition: .75s max-height ease-in-out; opacity:1; z-index: 3;} .mega-title { font-family:'DS Italic';text-transform: lowercase; color:#7F4C3A; display:block; letter-spacing: 2px; font-size: 13px; padding:0 0 15px; margin-bottom: 25px; border-bottom:1px solid #dedede; } .mega-flex { padding:40px 45px;border:1px solid #dedede; border-top:none;} .mega-flex .mega-inner { width:18%; margin-right:0; } .mega-flex .mega-inner.widget_media_image { width:calc(50% - 45px); margin-right:45px; } .mega-menu .menu .widget_nav_menu:last-child { width:32%; } .mega-menu .menu .widget_nav_menu .menu { flex-wrap:wrap; justify-content: flex-start; align-items: flex-start; } .mega-menu .menu .widget_nav_menu .menu li { width:100%; padding-bottom: 25px; } .mega-menu .menu .widget_nav_menu .menu li a { position:relative; display: inline-block;} .mega-menu .menu .widget_nav_menu .menu li a:hover { padding-left:15px;} .mega-menu .menu .widget_nav_menu .menu li a::before { transition: var(--standard); content: '';background: url("/wp-content/themes/barbourhealth/images/chevron-right.svg") no-repeat;width: 0;height: 14px; position: absolute; background-size: 6px 12px; left: 0;background-position: right; top: 4px;} .mega-menu .menu .widget_nav_menu .menu li a:hover::before { width: 6px; transition: .25s all .125s ease-in-out; } #mobile-nav-list.navmenu { display:none;} #contact-nav-list { position:fixed; width:100%; height:100%; top:0; background: var(--midnight); text-align: left; left:110%; transition:.5s left ease-in-out;z-index: 999999;} #contact-nav-list.active { left:0%; transition:.5s left ease-in-out;} #contact-nav-list iframe { border: 0; width: 100%; height: 60vh;} #contact-nav-list .textwidget { margin: 3vh 5%;} #contact-nav-list .textwidget a.button{ width:100%;} #contact-nav-list form { padding:24px !important;} #contact-nav-list form * { border-color:var(--white) !important;} #contact-nav-list .forminator-design--flat .forminator-input, .forminator-ui#forminator-module-1813.forminator-design--flat .forminator-input input, #contact-nav-list .forminator-design--flat .forminator-textarea { font-size: 16px; font-family: inherit; font-weight: 400; border-radius: 10px; margin: 5px 0; background: rgba(255,255,255,0.3) !important; } #contact-nav-list .forminator-design--flat .forminator-textarea::placeholder, #contact-nav-list .forminator-design--flat .forminator-input::placeholder { color: var(--white) !important;} #contact-nav-list .forminator-design--flat .forminator-textarea { max-height:100px; color: var(--white) !important;} #contact-nav-list .forminator-design--flat .forminator-input { color: var(--white) !important;} #contact-nav-list .forminator-design--flat .forminator-error-message { border-radius: 10px; margin-top: 10px; display: block; color: #fff; background: var(--blue) !important; } #mobile-nav-list { position:fixed; width:100%; height:100%; top:101%; z-index: 888; text-align: left; left:0; transition:.5s top ease-in-out;} #mobile-nav-list.active { top:0%; transition:.5s top ease-in-out;} #mobile-nav-list ul {text-align: left;position: absolute;bottom: 0;left: 0;width: 100%; padding: 93px 24px 125px; background:var(--midnight); border-top-left-radius: 26px; z-index: 33; max-height: 93vh; overflow: auto;} #mobile-nav-list ul::before { content:''; left:17px; top:24px; position: absolute; width: 50px; height: 50px; background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_dark.svg"); background-repeat: no-repeat; background-size:contain; background-position: center;} #mobile-nav-list ul li { position: relative; border-top: 1px solid var(--grey16);} #mobile-nav-list ul li:last-child { border-bottom: 1px solid var(--grey16);} #mobile-nav-list ul li ul { position: relative; top: 0;} #mobile-nav-list ul li ul::before { content:none;} #mobile-nav-list ul a { text-align:var(--white);} #mobile-nav-list > div > ul > li > a { font-weight: 700; position: relative; padding-right: 20px; font-size: 18px; color: var(--white); letter-spacing: 2px; text-transform: uppercase; font-style: normal; margin: 15px 0 15px; display: block;} #mobile-nav-list > div > ul > li.menu-item-has-children > a::after { content:''; position:absolute; right:3px; top:calc(50% - 5px); height:9px; width:15px; background:url("/wp-content/themes/barbourhealth/images/chevron.svg") no-repeat; background-size:contain; opacity: 1; transition:var(--standard);} #mobile-nav-list > div > ul > li.menu-item-has-children > a.active::after { transform:rotate(180deg); transition:var(--standard);} #mobile-nav-list > div > ul > li ul { margin-bottom: unset; background: var(--grey16); height: unset; bottom: unset; z-index: 14; padding: unset; flex-wrap: wrap; gap: 0; align-items: flex-end; align-content: flex-end; left: calc(110% + 68px); display: flex; transition: none; width: unset; max-height: 0; border-radius: 0; margin-top: 15px; } #mobile-nav-list > div > ul > li ul.active { left: unset; transition: none; max-height: 100vh; height: auto; } #mobile-nav-list > div > ul > li ul li { margin-top: 0; width:100%; padding: 11px; } #mobile-nav-list > div > ul > li ul li:first-child { border-top:none;} #mobile-nav-list > div > ul > li ul a {font-weight: 500;position: relative;padding-left:28px;font-size: 16px;color: var(--white);text-transform: uppercase;margin: 0;display: inline-block; letter-spacing: 1.5px;} #mobile-nav-list > div > ul > li ul a::before { transition: var(--standard); content: ''; background: url("/wp-content/themes/barbourhealth/images/chevron.svg") no-repeat; width: 9px; height: 14px; position: absolute; display: inline-block; left: 7px; background-position: right; top: 7px; transform: rotate(-90deg); } #mobile-nav-list ul li ul li.mobile-only a {font-weight: 600;position: relative;padding-right: 60px;font-size: 24px;color: var(--white);letter-spacing: 2px;text-transform: uppercase;font-style: italic;margin: 20px 0 10px -10px;display: inline-block;} #mobile-nav-list ul li ul li.mobile-only a::before { } .mobilemenu { display: none;} @media (max-width:990px){ .mobilemenu { display: flex; position:fixed; width:100%; height: 70px; bottom: 0; left:0; z-index: 99999999; background:var(--cadetlight); border-top-left-radius: 22px;} .mobilenav, .mobilenavlink { width:17%; height:70px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; padding-bottom: 12px; position: relative; transition:.5s background ease-in-out; padding-top:6px;} .mobilenav.active, .mobilenavlink.active { background:var(--blue); color:var(--white); transition:.5s background ease-in-out;} .mobilenav.wide, .mobilenavlink.wide { width:22%} .mobilenav img, .mobilenavlink img { text-align: center; margin: 0 auto; max-height: 28px; width: 100%;} .mobilenav.active .image-outer, .mobilenavlink.active .image-outer { filter: saturate(0%);} .mobilenav.active img, .mobilenavlink.active img { filter: brightness(77777%); transition: var(--standard);} .mobilenav.search-item img, .mobilenavlink.search-item img {width: 23px;margin-top: 4px;} .mobilenav span, .mobilenavlink span { font-family: var(--trade); text-align: center; margin:0 auto; display: block; text-transform: none; color:var(--blue); font-size:11px; letter-spacing: 0px; width:100%; transition:.5s background ease-in-out;} .mobilenav.active span, .mobilenavlink.active span { color:var(--white); transition:.5s background ease-in-out;} .stackNav { position:relative; display: block; height:19px; width:28px; z-index: 99; margin: 0 auto;} .stackNav * { transition:var(--standard); background-color: var(--blue);} .stackNav .one { height:3px; width:25px; top:0; left:0; position: absolute; } .stackNav .two { height:3px; width:25px; top:6px; left:0; position: absolute; opacity: 1;} .stackNav .three { height:3px; width:24px; top:12px; left:0; position: absolute; border-bottom-right-radius: 100vh;} .mobilenav.active .stackNav .one { transform:rotate(45deg); top:6px; background-color: var(--white);} .mobilenav.active .stackNav .two { transform:rotate(-45deg); top:6px; background-color: var(--white);} .mobilenav.active .stackNav .three { transform:rotate(-45deg); top:6px; opacity: 0; background-color: var(--white); transition:var(--standard), .125s opacity .125s ease-in-out;} .search-item-mobile { border-top-left-radius: 22px;} .image-outer { width:100%;} .trayoverlay { background:var(--midnight79); position: fixed; top: calc(105% + 50px); left:0; opacity: 0; transition: .5s opacity ease-in-out, 0s top .56s ease-in-out; height: 100%; width: 100%; overflow: hidden;} .trayoverlay.active { top:0; height: 100%; opacity: 1; transition: .5s opacity ease-in-out;} .mobile-tray { position: absolute; height: 100%; width:100%; top:105%; left:0; transition: .5s all ease-in-out; } .tray.active .mobile-tray { top:0; transition: .5s all ease-in-out; } .mobile-tray-panel { border-top-left-radius: 22px; width: 100%; padding: 70px 24px 125px; height: auto; background:var(--midnight); bottom:0; position: absolute;} .mobile-tray-panel::before { content:''; left:17px; top:24px; position: absolute; width: 50px; height: 50px; background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_dark.svg"); background-repeat: no-repeat; background-size:contain; background-position: center;} .mobile-tray-panel h2 { color:var(--white); margin-top:20px;} .mobilenav img.spyglass { max-height:24px;} .mobile-tray p { text-align:left; color: var(--white);} } .closeV { position: absolute; bottom: 88px; left: 0; width: 100%; height: 20px; background:url("/wp-content/themes/barbourhealth/images/triangle.svg") no-repeat; background-size: 12px; background-position: center; z-index: 222;} /* ---------------- ---------------- */ /* -------- Page Styles -------- */ /* ---------------- ---------------- */ .page-masthead-default { padding-top:50px;} .page-masthead-default .page-desc { margin:30px 0;} @media (max-width:990px){ .page-masthead-default .page-desc {margin: 30px 0 0;} .page-masthead-default.full-width { display: flex;flex-wrap: wrap;flex-direction: column-reverse;align-content: flex-start;align-items: flex-start;justify-content: flex-start; padding-top: 0; padding-bottom: 0; margin-bottom: 12px;} } .image-below {margin-top:180px;} .image-below .page-masthead-pane { margin:60px 0 30px; overflow:hidden; border-radius:50px 0 50px 0;} .page-template-glossary .full-width .page-masthead-text { width:100%; max-width: 800px;} @media (max-width:990px){ .page-template-glossary .default-header { padding-top:0;} .page-template-glossary .full-width .page-masthead-text { padding-top:0;} main ul.glossarylist li { padding-left: 44px; padding-right:24px;} main ul li::before { left: 0;} } .full-width { padding-top:111px; padding-bottom: 111px; position: relative; margin-bottom: 84px; } .full-width .page-masthead-text { background: var(--white); border-radius:50px 0 50px 0; width:calc(33.333% + 101px); margin-left:-51px; position: relative; z-index: 1; padding: 40px 40px 40px 51px;} .full-width .page-masthead-pane { margin:0; overflow:hidden; border-radius:0; position: absolute; top:0; left:0; width:100%; height:100%; z-index: 0;} .full-width .page-masthead-pane img { position:absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;} .full-width.page-masthead-default::after { position: absolute; width: 150px; height: 150px; content: ''; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("/wp-content/themes/barbourhealth/images/pinwheel-filled.svg"); right: 24px; bottom: -75px; } .full-width.page-masthead-default.filter-panel::after { content:none;} @media (max-width:990px){ .full-width .page-masthead-text { width:100%; background:none; margin: 0; padding: 0;} .full-width .page-masthead-pane { height:unset; padding-bottom:80%; position: relative;} .full-width.page-masthead-default::after { display:none; } .page-masthead-default.full-width .pageinner { z-index:4;} .page-masthead-default.full-width .pageinner::after { position: absolute; width: 61px; height: 61px; content: ''; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("/wp-content/themes/barbourhealth/images/pinwheel-filled.svg"); right: -22px; top: -31px; } } .scoop { position: relative; margin-bottom: 0px; padding-top: 0;} .scoop .default-inner { display:flex; flex-wrap: nowrap; align-items: center;} .scoop .page-masthead-text { width:29.333%; position: relative; z-index: 1; margin-right: 4%; margin-top: -30px;} .scoop .page-masthead-pane { margin:0; overflow:visible; border-radius:0; position: relative; top:0; left:0; width:66.667%; z-index: 0; height: 0; padding-bottom: 47.421%;} /*.scoop .page-masthead-pane::before { content:''; position: absolute; z-index: 1; height: 101%; width: 101%; top:-0.5%; left:-0.5%; background: url("/wp-content/themes/barbourhealth/images/logo-frame.png"); background-size: 100% 100%;}*/ .scoop .page-masthead-pane img { position:absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;} .scoop .page-masthead-pane img { mask-size: auto; mask-position: left; mask-repeat: no-repeat; mask-image: url("/wp-content/themes/barbourhealth/images/scoop.svg"); } .scoop .flexPanel .cell_12 { margin-top:0px;} @media (max-width:990px){ .scoop {margin-bottom: 0px;} .scoop .default-inner { flex-wrap:wrap; flex-direction: column-reverse;} .scoop .page-masthead-text { width: 100%; position: relative; z-index: 1;} .scoop .page-masthead-pane { margin: 0 -70px; width: calc(100% + 140px); padding-bottom: calc(71.1315% + 93px);} .scoop .flexPanel .cell_12 { margin-top:0px;} .scoop .default-header { padding-top:0;} .scoop .page-masthead-text { margin-top: 0px;} } .horizcenter.vertcenter img {object-position: center;} .horizleft.vertcenter img {object-position: left center;} .horizright.vertcenter img {object-position: right center;} .horizcenter.verttop img {object-position: center top;} .horizleft.verttop img {object-position: left top;} .horizright.verttop img {object-position: right top;} .horizcenter.vertbottom img {object-position: center bottom;} .horizleft.vertbottom img {object-position: left bottom;} .horizright.vertbottom img {object-position: right bottom;} .full-width.filter-panel { min-height: 625px;} .filter-pane { position: relative; margin-top: -225px; z-index: 55;} .filter-pane .page-masthead-text { background: var(--blue); width: calc(100% + 101px); margin-left:-51px; display: flex; gap:40px; align-items:center; padding:50px 50px 80px; border-radius: 22px 0;} .filter-pane .page-masthead-text h1 { color:var(--white); width:43%; line-height: 1em; margin-top: -7px;} .filter-pane .page-masthead-text .page-desc { color:var(--white); width:calc(55% - 40px); margin: 0;} .filter-pane .masthead-filters { background: var(--midnight); width: calc(100% + 101px); margin-left:-51px; margin-top:-30px; display: flex; gap:40px; align-items:center; padding:50px; border-radius: 22px 0; z-index: 9; position: relative; color:var(--white);} .filter-pane .masthead-filters.no-filter { padding:0; height:30px;} .article_img.vert-img .pane { padding-bottom: 100%; border-radius: 50px 0;} @media (max-width:991px){ .filter-pane .page-masthead-text { flex-wrap: wrap;} .filter-pane .page-masthead-text h1 { width:100%;} .filter-pane .page-masthead-text .page-desc { width:100%;} .page-masthead-default.full-width.filter-panel {flex-direction: unset;} .page-masthead-default.full-width.filter-panel .pageinner { display:none;} .page-masthead-default.full-width.filter-panel .page-masthead-pane { padding-bottom: 100%;} } /* ---------------- ---------------- */ /* -------- Headings -------- */ /* ---------------- ---------------- */ h1 { text-align: left; font-weight: 200; margin: 0; letter-spacing: 0; line-height: 1.1em; position: relative; font-family: var(--trade); font-size: 63px; color: var(--blue);} h2, h1.h2, .single-post h1 { text-align: left; font-weight: 400; margin: 0 0 20px; letter-spacing: 0; line-height: 1.1em; position: relative; font-family: var(--trade); font-size: 44px; color: var(--blue);} h2 *, h1.h2 *, .single-post h1 * { font-weight:600;font-family: var(--trade);} h2.blue {margin: 0;} h3, .h3 { letter-spacing: 0; line-height: 1.25em; font-weight: 700; margin-bottom: 20px;font-size: 21px;color: var(--midnight);padding-top: 10px; text-transform: none;} .h3 { font-size:19px;} h4 { font-weight: 800; text-align: left; margin: 0 0 10px; text-transform: uppercase; font-size: 18px; color: var(--cadetdark); letter-spacing: 12.62px; line-height: 1.5em;} h5 { font-size: 16px; color: var(--midnight); letter-spacing: 3.33px; line-height: 1.5em; font-weight: 600; margin-bottom: 20px; text-transform: uppercase;} h6 { font-size: 12px; color: var(--midnight); letter-spacing: 3.33px; line-height: 1.5em; font-weight: 400; margin-bottom: 20px; text-transform: uppercase;} h6 strong, h6 b, h6 span { font-weight: 600;} a h6 { color:var(--midnight); transition:var(--standard);} a:hover h6 { color:var(--carolina); transition:var(--standard);} @media (max-width:1200px){ h1 { font-size:53px;} } @media (max-width:990px){ h1 { font-size:48px;} h2, h1.h2, .single-post h1 { font-size:36px; line-height: 1.2em;} .mobile-tray h2 { font-size:31px;} h3 { font-size:19px;} .h3 { font-size:18px;} h4 { font-size:14px; letter-spacing: 7px;} h5 { font-size:14px; letter-spacing: 2px;} } .team_member h6 { margin-top:6px;} .page-setting h2, .page-setting h3, .page-setting h4 { text-align: left; margin-bottom: 20px;} .flexPanel p { font-size:18px;} .flexPanel .icon-item p { font-size:16px;} .flexPanel .description p {font-size: 48px; font-weight:400;color: #071108;letter-spacing: 0; line-height: 1.25em; } @media (max-width:1644px){ .flexPanel .description p {font-size: 36px;} } @media (max-width:640px){ .flexPanel .description p {font-size: 24px;} } .link-content { display: flex; flex-wrap: wrap; justify-content: flex-start; padding-top:24px;} @media (min-width:768px){ .link-content { row-gap: 24px;} } @media (min-width:991px){ .card.hasLink:not(.cell_12) { padding-bottom: 75px;} .card.hasLink:not(.cell_12) .link-content {position: absolute;bottom: 0;left: 0;} } .link-content a { margin:0 30px 0 0;} @media (max-width:767px){ .link-content a { margin:0 0 30px; width:100%;} .link-content a:last-child { margin-bottom:0;} } .link-content.mulitple_links a.button:hover { margin-right: 20px !important; padding-right: 70px !important;} @media (max-width:767px){ .link-content.mulitple_links a.button:hover { margin-right: 0px !important; padding-right: 65px !important;} } /* ---------------- ---------------- */ /* -------- Flex Panel Values -------- */ /* ---------------- ---------------- */ .flexPanel { display: flex !important; padding: 0; flex-wrap: wrap; margin:0 -20px;} .flexPanel.flexReverse { flex-direction:row-reverse;} .flexPanel .cell_12, .flexPanel .cell_11, .flexPanel .cell_10, .flexPanel .cell_9, .flexPanel .cell_8, .flexPanel .cell_7, .flexPanel .cell_6, .flexPanel .cell_5, .flexPanel .cell_4, .flexPanel .cell_3, .flexPanel .cell_2, .flexPanel .cell_1 { width:calc(100% - 40px); margin:20px; display:block;} @media (min-width:768px){ .flexPanel .cell_8,.flexPanel .cell_9 { width:calc(67.777% - 40px);} .flexPanel .cell_4, .flexPanel .cell_3 { width:calc(50% - 40px);} } @media (min-width:991px){ .flexPanel { width:calc(100% + 40px); } .flexPanel .cell_11 { width:calc(91.667% - 40px);} .flexPanel .cell_10 { width:calc(83.333% - 40px);} .flexPanel .cell_9 { width:calc(75% - 40px);} .flexPanel .cell_8 { width:calc(66.667% - 40px);} .flexPanel .cell_7 { width:calc(58.333% - 40px);} .flexPanel .cell_6 { width:calc(50% - 40px);} .flexPanel .cell_5 { width:calc(41.667% - 40px);} .flexPanel .cell_4 { width:calc(33.333% - 40px);} .flexPanel .cell_3 { width:calc(25% - 40px);} .flexPanel .cell_2 { width:calc(16.667% - 40px);} .flexPanel .cell_1 { width:calc(8.333% - 40px);} } .justify-left { justify-content: flex-start;} .justify-center { justify-content: center;} .justify-right { justify-content: flex-end;} .justify-space-between { justify-content:space-between;} .justify-space-around { justify-content:space-around;} @media (min-width:991px){ .team_member .flexPanel .cell_3 { width:calc(33% - 40px);} } @media (min-width:1400px){ .team_member .flexPanel .cell_3 { width:calc(25% - 40px);} } @media (min-width:991px){ .extra-gap .flexPanel {gap: 35px;flex-wrap: nowrap;} } .pageinner > .flexPanel { max-width:unset;} @media (max-width:990px){ .pageinner > .flexPanel {width: unset;} .flexPanel.mobile-reverse { flex-direction: column-reverse;} } @media (max-width:767px){ .bg-solid .pageinner .flexPanel { margin: 0px 0px; } } .videoWrapper { position: relative; padding-bottom: 51.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ---------------- ---------------- */ /* -------- Panel Values -------- */ /* ---------------- ---------------- */ main#content { width:100%; margin-top:177px; position: relative;} @media (max-width:990px){ main#content { margin-top:117px; overflow-x: hidden;} } /*main#content > article { padding-top: 50px;} */ .page-panel { padding: 100px 0; position: relative;} @media (max-width:990px){ .page-panel { padding: 50px 0;} } .page-panel .page-panel { padding:0 !important;} .page-panel.border-top .pageinner::after { width:100%; height: 1px; top:-100px; left:0; position: absolute; background:var(--cadet); opacity: .42; content: ''; } .page-panel.border-bottom .pageinner::after { width:100%; height: 1px; bottom:-100px; left:0; position: absolute; background:var(--cadet); opacity: .42; content: ''; } @media (max-width:990px){ .page-panel.border-top .pageinner::after, .page-panel.border-bottom .pageinner::after { opacity:.82;} } .insights.page-panel.border-bottom .pageinner::after {bottom: -50px;} @media (max-width:990px){ .insights.page-panel.border-bottom .pageinner::after {bottom:0} } .page-panel.no-bottom { padding-bottom:0 !important;} .page-panel.no-top { padding-top:0 !important;} @media (max-width:990px){ .page-panel.border-top .pageinner::after { top:-50px; } .page-panel.border-bottom .pageinner::after { bottom:-50px;} } .page-panel.border-top.no-top .pageinner::after { top:0px; } .page-panel.border-bottom.no-bottom .pageinner::after { bottom:0px;} .page-panel.squatbottom { padding-bottom:50px !important;} .page-panel.squattop { padding-top:50px !important;} .page-panel.squattop.docs { padding-top: 42px !important;} @media (max-width:990px){ .page-panel.squatbottom { padding-bottom:25px !important;} .page-panel.squattop { padding-top:25px !important;} .page-panel.squattop.docs { padding-top: 25px !important;} } /*.blog-container { padding-top:100px;} @media (max-width:990px){ .blog-container { padding-top:50px;} }*/ .blog-container a { display:block;} .blog-container a h3 { line-height: 1.15; font-size: 28px; transition:var(--standard);} .blog-container a:hover h3 { color:var(--carolina); transition:var(--standard);} .portfolio-container a { display:block;} .portfolio-container a h3 { line-height: 1.15; font-size: 28px; transition:var(--standard);} .portfolio-container a:hover h3 { color:var(--carolina); transition:var(--standard);} .portfolio-container a h6 { margin:0 0 11px;} p.excerpt { font-size:15px;} .panel-over-right { position:absolute; right:-20px; top:120px; min-width: 386.65px;} .panel-over-right p { line-height:1em;} @media (max-width:990px){ .panel-over-right { min-width: 215px;} } .panel-bg-padding { padding:40px;} .masthead-text { margin-top:28px;} .masthead-text p { font-size: 31px; color: var(--white); letter-spacing: 0; } .image-icon { bottom: -1px; left: -94px; position: absolute; width: 230px; height: 272px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom;} .image-icon.building { bottom: 0px; left: -83px; position: absolute; width: 230px; height: 172px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom; } @media (max-width:990px){ .image-icon.building { bottom: -1px;} } .image-icon.house { bottom: 0px; left: -104px; position: absolute; width: 230px; height: 146px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom; } @media (max-width:990px){ .image-icon.house { bottom: -1px;} } @media (max-width:1250px){ .masthead-text p { font-size: 26px;} } @media (max-width:1100px){ .masthead-text p { font-size: 23px;} } @media (max-width:990px){ .masthead .pane {border-radius: 7px 7px 0 0;} .image-icon { bottom: -1px; left: -37px; position: absolute; width: 90px; height: 122px; z-index: 2; background-size: contain;background-repeat: no-repeat; background-position: left bottom;} .masthead .cell_4 { width: calc(100% - 40px); top: -20px; position: relative; margin: 0; z-index: -1; border-radius: 0 0 7px 7px;} .masthead-text p {font-size: 23px;} .panel-bg-padding { padding:25px;} .image-icon.house {bottom: -1px;left: 0px;width: 110px;height: 96px;} .image-icon.building {left: 0; width: 70px; height: 172px;} } .card-title { display: flex; align-items: center; justify-content: flex-start; border-radius: 7px 7px 0 0; width:calc(100% + 2px); margin-left:-1px;} .card-icon { width:64px; height: 85px; background-position: center center; background-repeat: no-repeat; margin:25px; background-size: contain;} @media (max-width:990px){ .card-icon { width:44px; height: 60px;} } .card-icon.none { width:40px; margin-left:0; margin-right: 0;} .card .pane { height:352px; width:100%; border-radius: 22px 0 22px 0; margin-bottom:0;} .insights .cell .article_img .pane, .portfolio-container .cell .article_img .pane { border-radius: 50px 0 50px 0;} @media (max-width:990px){ .insights .cell .article_img .pane, .portfolio-container .cell .article_img .pane { border-radius: 25px 0 25px 0;} } .card-content { padding: 0px;} .card-content p:first-child { margin-top:32px;} .icon-item .card-content { text-align: center;} @media (max-width:1250px){ .card .pane { height:252px;} } @media (max-width:990px){ .card .pane { height:200px;} } .flex-icon img { max-width:63px; margin: 0 auto; display: block;} .resource_search { width:calc(57% - 32px);} @media (max-width:990px){ .resource_search { width: 100%;} } .resource_search input { margin-right:32px;} .cell_4 .card-title h2 { padding-right:20px; font-size: 30px;} .flexPanel .cell_12.flex { display:flex; } .space-between { justify-content:space-between; align-items: center;} .card.border-bottom {border-bottom:1px solid #dedede; margin-bottom: 20px; padding-bottom:20px;} .article_img { position:relative; height:auto; margin-bottom: 24px;} .article_img .pane { height: auto; padding-bottom: 61.8%; } .team_img { position:relative; height:auto; margin-bottom: 20px;} .team_img .pane { height: auto; padding-bottom: 100%;border-radius: 50px 0; } .team_member { padding-top:68px !important;} .team_member a h3 { margin-bottom: 5px; font-size: 21px; line-height: 1.25em; } h1.team { margin-bottom: 100px; font-size: 69px; text-align: center; line-height: 1; } .insights:not(.features-panel) .cell { padding-bottom:20px; position: relative; margin-bottom:20px;} .insights .cell .button { position: absolute; bottom:0; left:0;} .insights .cell a { display: block; padding-bottom: 90px; position: relative; height: 100%; } .location_item.element { margin-top: 10px; padding-top: 10px; border-top: 1px solid #d9d9e6; } .stat { position:relative; transition: var(--standard);} .stat img { position:absolute; width: 100%; height: 100%; object-fit: cover; z-index: -1; left:0; top:0;border-radius: 11px; } .stat a { display:block; height:100%; width:100%;} .stat a .masthead-text { display:inline-block;} .stat a .masthead-text::after { content: ''; background-image:url("/wp-content/themes/barbourhealth/images/arrow_white_thin.svg"); background-position: right center; background-repeat: no-repeat; height: 30px; width: 70px; position: relative; display: inline-block; margin-left:20px;} .stat-link:hover { transform: scale(104%); transition: var(--standard);} .stat .stat-content { margin:50% 0 40px; position: relative; padding:0 6.71% 0 13.42%; z-index: 4} @media (max-width:1250px){ .stat .stat-content { padding:0 6.71%;} .stat a .masthead-text { font-size:36px; line-height: 1.25em; width:auto; padding: 0;} } @media (max-width:990px){ .stat h2 { margin-left: -41px; padding: 10px 60px 10px 30px;} } @media (max-width:540px){ .stat .stat-content { margin: 70% 0 40px;} } .stat * { color:var(--white);} .stat-text { margin-top:10px;} footer { padding:100px 0; text-align:center; line-height: 1.5em; margin-top: 6px; color:var(--white); overflow-x: hidden;} footer .widget_text {text-align:left; padding:40px 0;} footer .widget_text * {text-align:left;} th {font-weight:800; text-transform: uppercase;font-size: 15px;letter-spacing: 1.81px;text-align: center;line-height: 30px; padding:30px 18px 6px;} td, #copyright {font-weight:500; text-transform: uppercase;font-size: 15px;letter-spacing: 1.81px;text-align: center;line-height: 19px; padding:0 18px;} #copyright { margin:50px 0;} #copyright p { text-align: center; font-size: 14px;} footer a {font-weight:400; text-transform: none;text-align: left;color:var(--white); display: inline-block; text-decoration: underline;font-size: 16px;letter-spacing: 0;line-height: 28px; padding: 5px 0;} footer a:hover { transform:scale(104%); color:var(--cadet);} footer iframe { max-width: calc(100% + 100px); border-radius: 11px;} @media (max-width:1200px){ footer iframe { max-width: calc(100% + 50px);} } @media (max-width:767px){ footer iframe { max-width: calc(100% - 48px);} } footer .dots-panel { z-index:0;} footer .dots-panel::before { display:none;} footer .flexPanel { position: relative; z-index: 2;} footer .dots-inner { margin-top: 41px;} @media (max-width:1200px){ footer .flexPanel .cell_6 { width:100%;} } @media (max-width:990px){ footer .dots-panel { top: 116px; height: calc(100% - 254px);} } @media (max-width:767px){ footer .dots-panel { top: 0px; height: calc(100% - 204px);} footer .dots-panel-inner { top:8px; background-position: top right;} footer .dots-panel-inner::before { right: 48px; top:59px; left: unset; height: calc(100% - 160px);} } footer#legal-footer { margin:0;} #legal-sub-footer { padding:0 50px; position: relative; z-index: 2;} .legal {font-size: 14px;line-height: 1.25em;font-style: italic; display: block; margin: 5px 0 9px;} .legal.smaller {font-size: 11px; margin:15px 0 0;} .marginaround { margin:0 24px 24px;} /* ---------------- ---------------- */ /* -------- Blog Values -------- */ /* ---------------- ---------------- */ .portfolio-container { margin-top:0px; margin-bottom: 0; transition:.75s all ease-in-out; padding-bottom: 0;} .cat-resource { font-size: 21px;color: #7693A2;letter-spacing: 0;line-height: 24px; margin:0 0 10px 0; text-transform: uppercase;} .resource-title { font-weight:600; font-size: 30px; color: #7693A2; letter-spacing: 0; line-height: 32px; margin: 20px 0 10px; text-transform: uppercase;} .portfolio-container .cell {padding: 0px 0 70px;position: relative; margin-top: 0; margin-bottom: 0;} .portfolio-container .cell .button { position:absolute; bottom: 10px;left:0; } .portfolio-container.fadey { transition:.75s all ease-in-out; opacity: 0; filter:blur(5px);} .location-filter-results, .people_filter { transition:.75s all ease-in-out;} .location-filter-results.fadey, .people_filter.fadey { transition:.75s all ease-in-out; opacity: 0; filter:blur(5px);} .page-panel.fadey { transition:.75s all ease-in-out; opacity: 0; max-height: 0px; overflow: hidden; padding:0; filter:blur(5px);} h3.team.team-header.fadey { transition:var(--standard); opacity: 0; filter:blur(5px);} .cell_12.people_filter {margin-left:0; margin-right: 0;} .tags { border-top:#ECECEC 1px solid; border-bottom:#ECECEC 1px solid; text-transform: uppercase; padding:5px 0;margin-bottom: 12px; } .tags a { display:inline-block; padding: 10px 10px 8px 0; position: relative; font-size: 14px; margin-right:10px; letter-spacing: 1px;} .tags a::after { height:76%; width:1px; content: ''; right:0; top:12%; position: absolute; background: #ECECEC;} .tags a:last-child::after { display:none;} .resource_search input[type="search"] { padding: 2px 9px; font-size: 11px; width:100%;height: 21px; border-radius: 3px 0 0 3px; border: none; color:#2E2E2E;} .project-overlay { display:flex; justify-content: space-between; align-items: center;} @media (max-width:990px){ .project-overlay { flex-wrap:wrap;} } .resource_search input[type="submit"] { text-indent: -9999px; overflow: hidden; background-color: var(--white); border-radius: 0 3px 3px 0 !important; height: 21px; width: 30px; padding: 0; background-image: url('/wp-content/themes/barbourhealth/images/spyglass.svg'); background-position: center center; background-size:12px 12px; background-repeat: no-repeat; } .resource_search input[type="submit"]:hover { transform:none; background-color:#63C863; box-shadow: none;} .resource_search form.search-form label { width: 100%; } .single-thumbnail { padding: 0 0 100px 0; display: block; position: relative; margin-bottom: 60px !important; height:500px; width:100%;} .single-thumbnail-inner { padding: 0; display: block; position: relative; height:500px; width:100%;border-radius:22px 0; overflow: hidden;} @media (max-width:990px){ .type-post { margin-top:0 !important;} .single-thumbnail { padding:0; margin-top: 0px !important; margin-bottom: 10px !important; height:400px; } .single-thumbnail-inner { height:400px; } } @media (max-width:767px){ .single-thumbnail { height:0px; padding-bottom: calc(61.8% - 25px); } .single-thumbnail-inner { height:0px; padding-bottom:61.8%;} } .single-thumbnail img { display:block; margin-bottom: 0; width: 100%; height:100%; position: absolute; object-fit: cover;object-position: center center;} @media (max-width:990px){ .type-post .entry-content .flexPanel .cell_8 { width:100%;} } .the-content-container { margin:100px auto;} .cell_12.tags.singletags { margin-top: -30px; display: flex; justify-content: space-between; flex-wrap: nowrap; margin-bottom: 80px; } .singletags .meta { display: inline-block; padding: 10px 0 8px 10px; position: relative; font-size: 14px; margin-left: 10px; letter-spacing: 1px; text-transform: uppercase; } .singletags .meta:first-child { margin-left:0;} .singletags .meta.author { display: inline-block; padding: 10px 10px 8px 0; position: relative; font-size: 14px; margin-right: -10px; letter-spacing: 1px; } .singletags .meta.author::after { height: 76%; width: 1px; content: ''; right: 0; top: 12%; position: absolute; background: #ECECEC; } .singletags { margin-bottom:40px;} .cell_12.related-title h3 { padding:30px 30px 20px; margin: 0;} a.related-article { display:flex; width:100%; border:1px solid var(--hr); border-radius: 22px 0; position: relative; margin:0 0 40px; min-height: 140px;} a.related-article.event { background:var(--tan);} .cell_4:not(.cellfour) a.related-article:last-child { margin-bottom:0;} a.related-article:hover { background:var(--cadetlight); transform:scale(102%);} a.related-article::after { content:''; position: absolute; bottom:22px; right:10px; width:30px; height: 12px; background: url("/wp-content/themes/barbourhealth/images/arrow_blue.svg") no-repeat; background-position: center; background-size: contain; transition: var(--standard);} a.related-article:hover::after { right:5px; transition: var(--standard);} a.related-article .article_img { width:146px; margin-right:20px; height: 100%; position: absolute; transition: var(--standard); } a.related-article:hover .article_img { opacity:.5; transition: var(--standard); } a.related-article.large-rel:hover .article_img { opacity:1; } a.related-article .article_img .pane { height: 100%; width:100%; padding: 0; border-radius: 22px 0 22px 0; box-shadow: 0px 0px 0px 1px var(--hr);} a.related-article .article_img .pane img { height: 100%; width:100%; object-fit: cover; position: absolute; top:0; left:0; } a.related-article .article_meta { width: calc(100% - 191px); margin-left: 166px; padding:20px 0;} a.related-article h3 { font-family: var(--trade); font-size: 18px; color:var(--blue); font-weight: 400; margin-bottom: 0; padding-bottom: 0;} a.related-article h5 { font-weight: 700; font-size: 12px; letter-spacing: 2px; color:var(--carolina); margin: 0; padding-bottom:5px;} a.related-article.large-rel { flex-wrap:wrap; border-radius: 50px 0 22px 0; } a.related-article.large-rel .article_img { width:100%; height: unset; position: relative; margin: 0;} a.related-article.large-rel .article_img .pane { height: 0; padding-bottom: 61.8%; } a.related-article.large-rel h2 { font-size:36px;} a.related-article.large-rel p { color:var(--midnight);} @media (max-width:990px) { a.related-article.large-rel h2 { font-size:24px;} } a.related-article.large-rel .article_meta { margin-left:40px; width: calc(100% - 80px); padding: 30px 0; } a.related-article.large-rel .article_img .pane { border-radius: 50px 0;} .event a.related-article.large-rel { background:var(--tan); flex-wrap: nowrap; margin-bottom: 0;} .event a.related-article.large-rel:hover { background:var(--cadetlight);} .event a.related-article.large-rel .article_img .pane {height: 100%;padding-bottom: unset;} .event a.related-article.large-rel .meta-wrapper { display: flex; flex-wrap: nowrap; gap:30px; padding-right: 20px;} .event a.related-article.large-rel .article_img { width: 40%;} .event a.related-article.large-rel .article_meta { width: calc(60% - 80px);} @media (max-width:990px){ .event a.related-article.large-rel { flex-wrap: wrap;} .event a.related-article.large-rel .article_img { width:100%; } .event a.related-article.large-rel .article_img .pane {padding-bottom: 61.8%;} .event a.related-article.large-rel .article_meta { width: 100%; margin-right: 40px;} } .forminator-ui.forminator-design--default .forminator-input, .forminator-ui.forminator-design--default .forminator-input:hover, .forminator-ui.forminator-design--default .forminator-input:focus, .forminator-ui.forminator-design--default .forminator-input:active, .forminator-ui.forminator-design--default select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered, .forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"], .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:hover, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:focus, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:active, .forminator-ui.forminator-design--default .forminator-checkbox .forminator-checkbox-box, .forminator-ui#forminator-module-3530.forminator-design--default .forminator-textarea { border-color: #ccc !important; background-color: var(--white) !important; } .phone { display:flex; flex-wrap: wrap; margin-top:20px; padding-top: 20px; border-top:1px solid rgb(76,116,140);} .phone-item { width:100%; margin-bottom: 10px; } .phone-item:last-child { margin-bottom: 0px; } .social-contacts { display:flex; margin-top:20px; padding-top: 20px; border-top:1px solid rgb(76,116,140);} #menu-social { padding:0; margin:0; display:flex; text-align: center; justify-content: center; } #menu-social-menu { display: flex; text-align: left; justify-content: flex-start; gap:26px; margin-top: 4px;} .social {height: 45px;width: 45px;overflow: hidden;text-indent: -9999px;display: block;position: relative; margin:0px;transition:var(--standard);} .social a {height: 45px;width: 45px;overflow: hidden;text-indent: -9999px;display: block;position: relative; padding: 0;} .social a:hover { transform: none !important;} .social:hover { transition:var(--standard);} .social a::before{display: inline-block;font-family: 'social round';font-style: normal;font-weight: normal;text-indent: 0px;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;height: 28px;width: 28px;position: absolute;top: 0;left: 0; font-size: 45px; color:var(--white); transition:var(--standard);} .social:hover a::before { color:var(--cadetdark); transition:var(--standard);} .social.facebook a:before{content:'\0041';} .social.linkedin a:before{content:'\0042';} .social.twitter a:before{content:'\0043';} .social.youtube a:before{content:'\0044';} .social.pinterest a:before{content:'\0045';} .social.instagram a:before{content:'\0046';} .social.x a:before{content:'\0047';} .social.search a:before{content:'\0048';} .social.amazon a:before{content:'\0049';} .social.tiktok a:before{content:'\004a';} .social.houzz a:before{content:'\004b';} .social.spotify a:before{content:'\004c';} .social.whatsapp a:before{content:'\004d';} .social.google a:before{content:'\004e';} .social.behance a:before{content:'\004f';} .social.dropbox a:before{content:'\0050';} .social.slack a:before{content:'\0051';} .social.sketch a:before{content:'\0052';} .social.pandora a:before{content:'\0053';} .social.soundcloud a:before{content:'\0054';} .social.deviantart a:before{content:'\0055';} .social.googleplay a:before{content:'\0056';} .social.apple a:before{content:'\0057';} .social.vimeo a:before{content:'\0058';} .social.tumblr a:before{content:'\0059';} .social.airtable a:before{content:'\005a';} .social.notion a:before{content:'a';} .social.etsy a:before{content:'b';} .social.shopify a:before{content:'c';} .social.two a:before{content:'t';} .social.zwinggi a:before{content:'z';} .team_member .cell:hover .team_img .normy { opacity:0;} .normy { z-index:3;} .funny { z-index:2;} .dl { border-top:1px solid #ececec; padding: 37px 0; display:flex; } .dl:last-child { border-bottom:1px solid #ececec; margin-bottom: 100px;} .dl-image { width:67%; margin-right:50px; height:300px; position: relative; border-radius: 7px; overflow: hidden; background: #000;} .dl-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: .95;} .dl-meta-inner { border-top:1px solid #ececec; border-bottom:1px solid #ececec; padding:20px 0; margin: 20px 0; font-weight:600; font-size: 14px;letter-spacing: 1px;text-transform: uppercase;} @media (max-width:640px){ .dl { flex-wrap: wrap;} .dl-image { width:100%; margin: 0; height: 200px;} .dl-meta { width:100%; margin-top:40px;} } .gm-style-iw { padding:0 !important;} .marker-panel { padding:30px;} .marker-panel h2 { background:url("/wp-content/themes/barbourhealth/images/plans_green.jpg"); padding:30px 30px 30px 60px; width:calc(100% + 60px); margin:-30px 0 0 -30px; font-size: 30px; font-weight:500; color:var(--white); position: relative;} .marker-panel-inner { padding: 30px 0 0 30px;} .marker-panel-inner div { padding: 5px 0;} @media (max-width:640px){ .marker-panel-inner { padding: 30px 0 0 0;} } .gm-ui-hover-effect {top: 0px !important;right: 0px !important;} .gm-ui-hover-effect::before { top:17px; left: 0; width:20px; height:2px; content: ''; transform: rotate(-45deg); background: var(--white) !important;transition: var(--standard) !important; position: absolute;} .gm-ui-hover-effect::after { top:17px; left: 0; width:20px; height:2px; content: ''; transform: rotate(45deg); background:var(--white) !important;transition: var(--standard) !important; position: absolute;} .gm-ui-hover-effect:hover::before, .gm-ui-hover-effect:hover::after { background: #dfd; transition: var(--standard) !important;} .gm-ui-hover-effect img { display: none !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default { background: var(--white);} .gallery-limit { margin-bottom: 60px; width:calc(100% - 70px);} .gallery-limit .gallery { display:flex; align-items: center; justify-content: flex-start; } .gallery-limit .gallery .gallery-item, .gallery-limit .gallery br { display:none; width:auto !important; } .gallery-limit .gallery .gallery-item:nth-child(1), .gallery-limit .gallery .gallery-item:nth-child(2), .gallery-limit .gallery .gallery-item:nth-child(3), .gallery-limit .gallery .gallery-item:nth-child(4), .gallery-limit .gallery .gallery-item:nth-child(5) { display:block;} .gallery-limit .gallery .gallery-item img { border:none !important;} @media (max-width:767px){ .gallery-limit { width:calc(100%);} .gallery-limit .gallery { flex-wrap: wrap;} .gallery-limit .gallery .gallery-item { width:auto !important; max-width:33%;} } .gallery { display:flex; flex-wrap: wrap; justify-content: space-between;row-gap: 40px;} .gallery br { display:none !important;} .gallery .gallery-item {float: none !important;margin: 0 !important; border-radius: 50px 50px 50px 0;overflow: hidden;} footer .gallery .gallery-item {border-radius: 0;} .gallery.gallery-columns-1 .gallery-item { width:100% !important;} .gallery.gallery-columns-2 .gallery-item { width:calc(50% - 20px) !important;} .gallery.gallery-columns-3 .gallery-item { width:calc(33.333% - 26px) !important;} .gallery.gallery-columns-4 .gallery-item { width:calc(25% - 30px) !important;} .gallery.gallery-columns-5 .gallery-item { width:calc(20% - 32px) !important;} .gallery.gallery-columns-6 .gallery-item { width:calc(16.667% - 33px) !important;} .gallery.gallery-columns-7 .gallery-item { width:calc(14.28% - 34px) !important;} .gallery.gallery-columns-8 .gallery-item { width:calc(12.5% - 35px) !important;} @media (max-width:1200px){ .gallery {row-gap: 34px;} .gallery.gallery-columns-1 .gallery-item { width:100% !important;} .gallery.gallery-columns-2 .gallery-item { width:calc(50% - 10px) !important;} .gallery.gallery-columns-3 .gallery-item { width:calc(33.333% - 16px) !important;} .gallery.gallery-columns-4 .gallery-item { width:calc(25% - 20px) !important;} .gallery.gallery-columns-5 .gallery-item { width:calc(20% - 22px) !important;} .gallery.gallery-columns-6 .gallery-item { width:calc(16.667% - 23px) !important;} .gallery.gallery-columns-7 .gallery-item { width:calc(14.28% - 24px) !important;} .gallery.gallery-columns-8 .gallery-item { width:calc(12.5% - 25px) !important;} } @media (max-width:990px){ .gallery.gallery-columns-5 .gallery-item, .gallery.gallery-columns-6 .gallery-item, .gallery.gallery-columns-7 .gallery-item, .gallery.gallery-columns-8 .gallery-item { width:calc(25% - 20px) !important;} } @media (max-width:767px){ .gallery.gallery-columns-4 .gallery-item, .gallery.gallery-columns-5 .gallery-item, .gallery.gallery-columns-6 .gallery-item, .gallery.gallery-columns-7 .gallery-item, .gallery.gallery-columns-8 .gallery-item { width:calc(33.333% - 16px) !important;} } @media (max-width:480px){ .gallery.gallery-columns-3 .gallery-item, .gallery.gallery-columns-4 .gallery-item, .gallery.gallery-columns-5 .gallery-item, .gallery.gallery-columns-6 .gallery-item, .gallery.gallery-columns-7 .gallery-item, .gallery.gallery-columns-8 .gallery-item { width:calc(50% - 16px) !important;} } .masthead { position:relative; padding:0;} .masthead#main-panel-1 { margin-top:-20px;} .masthead .textbox { position: relative; left: 0; top: 0; z-index: 4; width: calc(90% - 50px); max-width: 1280px; text-align: left; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; height: 100%; } .masthead .textbox * { text-align:left;} .masthead .textbox .textbox-inner { margin-top:20px;} @media (max-width:990px){ .masthead .textbox .textbox-inner { margin-top: 59px;} .masthead .textbox {width: calc(100% - 50px);} } .masthead-text {font-size: 48px;color: var(--white);letter-spacing: 0;line-height: 60px; max-width: 900px;} @media (max-height:900px){ .masthead-text {font-size: 36px; line-height: 1.25em;} } @media (max-height:800px){ .masthead-text {font-size: 36px; line-height: 1.25em;} } @media (max-height:600px){ .masthead-text {font-size: 24px; line-height: 1.25em;} } @media (max-width:990px){ .masthead-text { font-size: 28px;padding-left: 30px; width: calc(100vw - 63px);display: block;} } @media (max-width:480px) and (max-height:700px){ .masthead-text { font-size: 20px;padding-left: 16px;} } @media (max-width:350px){ .masthead-text { font-size: 20px;padding-left: 16px;} } .masthead-text.smaller-text-size { margin-top:0 !important;} .masthead-text.smaller-text-size p { font-size: 18px;margin-bottom: 0; letter-spacing: 0; line-height: 36px; max-width: 800px; } .masthead .pane { border-radius:0; height:457px; } @media (max-width:990px){ .masthead .pane { height:320px; } } @media (max-width:640px){ .masthead .pane { height:240px; } } .slider_pane { width:100%; overflow: hidden; border-radius: 0;} .slider_pane img, .slider_pane video { height:100%; width: 100%; object-fit: cover; position: relative; z-index: 1;} .slider_pane .pane { position:absolute; top:0; left:0; z-index: 3; width:100%; height:100%;} .slider, .slick-list, .slick-track, .slider_pane {height:calc(80vh - 223px); min-height: 400px;} @media (max-width:990px){ .slider, .slick-list, .slick-track, .slider_pane {height:calc(80vh - 223px);min-height: 300px;} .masthead-text.smaller-text-size { padding-left:0;} } @media (max-width:767px){ .slider, .slick-list, .slick-track, .slider_pane {height:calc(61vh - 223px);} .tall .slider, .tall .slick-list, .tall .slick-track, .tall .slider_pane {height:calc(81vh - 223px);} .full .slider, .full .slick-list, .full .slick-track, .full .slider_pane {height:calc(101vh - 223px);} } .slider_pane a {display:block; width:100%; height:100%;} .slick-prev, .slick-next {position: absolute;bottom: 0px;right: 0px;border: 1px solid #979797;height: 7vh;width: 7vh;background-color: #fff;text-indent: -9999px;overflow: hidden;background-image: url(/wp-content/themes/barbourhealth/images/chevron-right.svg);background-repeat: no-repeat;background-position: center;background-size: 14px; z-index: 4; transition: var(--standard);} .slick-prev:hover, .slick-next:hover { background-size:17px; background-color:var(--midnight); border-color:var(--midnight); transition: var(--standard);} @media (max-width:640px){ .slick-prev, .slick-next { background-size:10px;} .slick-prev:hover, .slick-next:hover { background-size:12px;} } .slick-prev { right:calc(7vh - 1px); background-image: url(/wp-content/themes/barbourhealth/images/chevron-left.svg);} .slider_pane .pane { } .slider_pane .pane::after { z-index: 1; content:''; position: absolute; top: 0; left: 0; height: 100%; width:100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+98&0.65+0,0.45+28,0+71 */ background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.45) 28%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 98%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.45) 28%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 98%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.45) 28%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .alertrunner { background-image:url("/wp-content/themes/barbourhealth/images/alertrunner.jpg"); background-size: cover; background-position: left top; background-color:var(--blue); margin-top: 0; transition: var(--standard);position: relative;} .plumrunner { background-size: cover; background-position: left top; background-color:var(--blue); margin-top: 0; transition: var(--standard); height: 29px;} .scroll-down .alertrunner { margin-top: -35px; transition: var(--standard);} @media (min-width:991px){ .scroll-down .plumrunner { margin-top: -35px; transition: var(--standard);} } @media (max-width:990px){ .plumrunner { position: fixed; bottom: 0; top: unset;left:0; right: unset;} } .patientportal p { margin:0; padding: 0;} .patientportal a { overflow: hidden; display:block; border-radius: 8px; background-color:var(--carolina);font-weight: bold;font-size: 14px;letter-spacing: 0.78px;line-height: 34px; padding-right: 40px; position: relative; box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.50); color:var(--white);} .patientportal a::after { content:''; position: absolute; right:10px; top: calc(50% - 3px); width:22px; height:7px; background-image:url("/wp-content/themes/barbourhealth/images/arrow_white.svg"); background-size:auto; background-repeat: no-repeat; background-position: right center;transition: var(--standard);} .patientportal a::before { content:''; position: absolute; left:10px; top:0; width:22px; height:100%; background-image:url("/wp-content/themes/barbourhealth/images/avatar.svg"); background-size:auto; background-repeat: no-repeat; background-position: right center;transition: var(--standard);} .patientportal a strong { text-transform: uppercase; display: inline-block; height:100%; padding-left:37px; font-size:13px; margin-right:10px; padding-right:10px; background:var(--blue);transition: var(--standard);} .patientportal a:hover { background:var(--midnight);transition: var(--standard);} .patientportal a:hover strong { background:var(--watermelon);transition: var(--standard);} .patientportal a:hover::after { right:5px; transition: var(--standard);} @media (max-width:1400px){ .patientportal { width:200px;} .patientportal a {line-height: 1.1em;padding-left: 30px;padding-top: 5px;padding-bottom: 8px;} .patientportal a:hover { background:var(--watermelon);} .patientportal a strong {display: inline;padding-left: 0;margin-right: 0;padding-right: 0;background: none;} .patientportal a:hover strong { background:none;} .patientportal a::before {left: 1px;} } .flex-direction-left .flexPanel { align-content: flex-start;} .flex-direction-right .flexPanel { align-content: flex-end;} .flex-layout-flex-start .flexPanel { justify-content:flex-start;} .flex-layout-flex-end .flexPanel { justify-content:flex-end;} .flex-layout-center .flexPanel { justify-content:center;} .flex-layout-space-around .flexPanel { justify-content:space-around;} .flex-layout-space-between .flexPanel{ justify-content:space-between;} .flex-vert-top .flexPanel { align-items:flex-start;} .flex-vert-center .flexPanel { align-items: center;} .flex-vert-bottom .flexPanel { align-items: flex-end;} @media (max-width:990px){ .mobile_reverse .flexPanel { flex-direction: column-reverse;} } blockquote {background-color: var(--white); width: 100%;margin: 50px auto; border-radius:22px 4px 4px 4px; position: relative; padding:31px 51px; border:1px solid var(--greylight);} blockquote * {color: var(--midnight);} blockquote::before {content: ''; position: absolute; width:93px; height: 93px; right:-48px; bottom: -47px; z-index: 3; background:url("/wp-content/themes/barbourhealth/images/pinwheel-filled.svg") no-repeat; background-size: contain;} blockquote h4 {font-weight:bold;font-size: 20px;letter-spacing: 5.69px; text-transform: uppercase;border-bottom: 1px solid var(--hr); padding: 0 0 10px; margin-bottom: 32px;} blockquote p { font-weight: 400; font-style: italic; font-size: 31px !important; letter-spacing: .3px; line-height: 1.33; padding: 0; } blockquote p:last-child { margin:0;} blockquote h6 {font-weight:700; font-style: normal;font-size: 12px;letter-spacing: 1px; text-transform: none; text-transform:uppercase; padding: 0 0 0 50px; position:relative;} blockquote h6::before { position:absolute; content: ''; background:var(--blue); height:2px; width:30px; top:8px; left:0; } @media (max-width:990px){ blockquote {padding: 30px 14px 25px;border-radius: 22px 0 0 0;} blockquote::before { width: 38px; height: 38px; right: -19px; bottom: -18px;} blockquote h4 {font-size: 14px;letter-spacing: 3px;padding: 0 10px 10px;width: calc(100% - 30px);margin-left: 10px;margin-bottom: 20px;} blockquote p { font-size:24px !important; padding: 0 20px;} blockquote h6 { padding-left:59px;} blockquote h6:last-child { margin-bottom:0px;} blockquote h6::before { width: 25px; top: 8px; left: 20px;} } footer#footer { margin-top:100px; border-radius:60px 0 0; padding-top: 0;} @media (max-width:990px){ footer#footer { margin-top:0px; border-radius:20px 0 0;} } footer #menu-social { display:flex;} footer #menu-footer { text-align: left; margin: 100px auto 0; width: auto; display: inline-block; } footer .gallery { margin-top: 0 !important; align-items: center; justify-content: space-around; } .gallery-item img { border:none !important;} footer .flexPanel p { font-size:16px;} footer .facility-list-area { margin-top:0;} footer .facility-image { height: 150px; margin: 0 0 25px 0;} footer .facility-list-area img {max-width: 100%;height: auto;max-height: 150px;} footer .facility-list-area .cell_9:first-child { padding-right:10px;} footer .facility-list-area .facility-list:first-child::after { right: -6px;} footer .facility-list-area .facility-list.cell_3:nth-child(2) { padding: 0 0 0 10px;} footer .facility-list-area ul {margin-left: -20px; gap: 10px;} footer .facility-list-area ul li { padding:20px; background: none; width: calc(33.333% - 10px);} footer .facility-list-area ul li * { color:var(--white);} .footer-facility a { color: var(--white); text-decoration: none; text-align: left; width: 100%;} .footer-facility a:hover { transform: none;} footer .facility-list-area ul li h3 { padding: 0 0 17px 0;border-bottom: 1px solid var(--cadetblack); transition:var(--standard);} @media (min-width:991px){ footer .facility-list-area ul li:hover h3 { border-bottom: 1px solid var(--white); transition:var(--standard);} } footer .facility-list-area ul li h5 span { display:block;} @media (max-width:990px){ footer .facility-list-area { flex-wrap: wrap; border:none;} footer .facility-list-area .cell_12, footer .facility-list-area .cell_9, footer .facility-list-area .cell_8, footer .facility-list-area .cell_6, footer .facility-list-area .cell_4, footer .facility-list-area .cell_3 { padding:0 !important; width:100% !important;} footer .facility-list-area ul li { padding: 20px; background: none; width: calc(50% - 10px); overflow: visible;} footer .facility-list-area ul { margin-left: -20px; gap: 0 10px; width: calc(100% + 40px); position: relative;} footer .facility-list-area .facility-list:first-child::after {content: none;} footer .facility-list-area ul li h3 { font-size:16px; border:none; padding-bottom: 0; margin-bottom: 10px;} footer .facility-list-area ul li h5 { font-size:11px;} footer .facility-list-area ul li h5:last-child { padding-bottom: 0; margin-bottom: 0;} footer .facility-list-area ul li h5 span { display:inline;} footer .facility-list-area ul li h5 span::after { content:', ';} .footer-facility a { padding-bottom:0;} footer .facility-list-area .cell_12, footer .facility-list-area .cell_9, footer .facility-list-area .cell_8, footer .facility-list-area .cell_6, footer .facility-list-area .cell_4, footer .facility-list-area .cell_3 ul li { width:calc(50% - 10px); } footer .facility-list-area ul li:nth-child(2n-1)::before {width:calc(200% - 20px); content: ''; height: 1px; background:var(--cadetblack); position: absolute; top:0; left:20px;} footer .facility-list-area ul::after { width: calc(100% - 40px); content: ''; height: 1px;background: var(--cadetblack); position: absolute; bottom: -3px; left: 20px;} footer .facility-list-area img { width: 70%; height: auto; max-height: 150px; margin: 0 auto; max-width: 250px;} footer .cell_3 .facility-list-area img { max-width: 210px;} footer .facility-image {height: unset;margin: 0 0 25px 0;} footer .cell_3 .facility-image { margin-top: 30px;} #menu-social-menu {display: flex;text-align: left;justify-content: center;gap: 20px;margin-top: 0;} .social { height: 35px; width: 35px;} .social a { height: 35px; width: 35px;} .social a::before {font-size: 35px;} } .location { line-height:1.75em; margin-top: 16px;} .location_item_title { padding-right: 10px; } .filter-outer { background: #FFFFFF;box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.10), 0 3px 6px 0 rgba(0,0,0,0.10); margin-bottom: 40px;} .filter-outer h3 { font-size:24px; margin: 10px 0;} .filter-outer .flex { align-items: center; gap: 30px; justify-content: flex-start;} .filter-outer select { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; outline:0; box-shadow:none; border:0!important; background: var(--grey); background-image: none; flex: 1; padding: 0 0 0 1em; cursor:pointer; font-size: 1em; font-size: 14px; letter-spacing: 0.78px; line-height: 22px; } .filter-outer select::-ms-expand { display: none; } .filter-outer .select { position: relative; display: flex; width: calc(40% - 150px); height: 2em; line-height: 2; background: var(--grey); overflow: hidden; border-radius: .25em; } .doctor-search.filter-outer .select {width: 11em;} .filter-outer .select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding:0 .5em 0 1em; background: var(--grey); cursor:pointer; pointer-events:none; transition:.25s all ease; transform: scaleY(60%); } .filter-outer .select:hover::after { color: var(--carolina); } /* ---------------- ---------------- */ /* -------- Logo Panel Values -------- */ /* ---------------- ---------------- */ .logopanel { height:calc(100vh - 188px); margin-top:100px; width:100%; position: relative; display: flex; align-items: center;} @media (max-width:990px){ .logopanel { margin-top:90px;} } .logopanel:before { position:absolute; bottom: 0; left:0; height:80%; width:25%; background:url("/wp-content/themes/barbourhealth/images/swoop.png") bottom left no-repeat; background-size:contain; content:''; z-index: 2; } .logopanel .pane {height: 100%;width: 100%; z-index: 1; position: absolute;top: 0;left: 0; border-radius: 0px;} .logopanel .pageinner { z-index:2;} .logo_assign { width: 42%; max-width: 475px; max-height: 80%; height: auto; margin-top: -14px;} @media (max-width:990px){ .logopanel .pageinner { position: absolute;top: -20vh;left: 0;width: 100%;text-align: center;margin: 0;} .logo_assign {top: 0px !important;position: relative;transform: translateX(-50%);left: 50%;} .logoheaderOuter {margin: 0; padding: 15vh 0 0; } } @media (min-width:768px){ .desktop-grid { display: grid !important;} .video-panel .desktop-grid { grid-template-columns: 1fr 2fr; grid-column-gap: 50px; grid-row-gap: 0px;} .video-panel .vid2 { grid-area: 1 / 1 / 2 / 2; width:100% !important;} .video-panel .vid3 { grid-area: 1 / 2 / 4 / 3; width:100% !important; padding-left: 16px;} .video-panel .vid4 { grid-area: 2 / 1 / 3 / 2; width:100% !important;} } /* ---------------- ---------------- */ /* -------- YouTube Custom Panel Values -------- */ /* ---------------- ---------------- */ .youtube-container { display: block; width: 100%; margin: 30px auto; } .youtube-player {margin-bottom: 24px; display: block; margin: 20px auto; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; border-radius: 25px 25px 25px 0; } .youtube-thumb {margin-bottom: 24px; display: block; margin: 20px auto; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: auto; cursor: hand; cursor: pointer; display: block; border-radius: 25px 25px 25px 0; } .youtube-player.clear-before::before{} .youtube-player:hover div.youtube-play-btn { transform: scale(107%); transition: .25s transform ease-in-out;} .youtube-player::before { position: absolute; bottom: 0; left: 0; opacity: 1; width: 100%; height: 130px; content: ''; background-size: contain; background-position: left bottom; background-repeat: no-repeat; z-index: 9; background-image: url("/wp-content/themes/barbourhealth/images/corner-watermelon-big.svg"); } .youtube-player.clear-before::before{ opacity:0; display:none;} img.youtube-thumbnail { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0;height: 100%; margin: 0; object-fit: cover; } div.youtube-play-btn { height: 140px; width: 140px; left: calc(50% - 70px); top: calc(50% - 70px); position: absolute; background: url("/wp-content/themes/barbourhealth/images/play.svg") no-repeat center center; background-size: 140px 140px;transition: .25s transform ease-in-out; } @media (max-width:990px){ div.youtube-play-btn {height: 80px;width: 80px;left: calc(50% - 40px);top: calc(50% - 40px);background-size: 80px 80px;} } .youtube-thumb div.youtube-play-btn { opacity: 1; height:24px; width:24px; left: calc(50% - 12px); top: calc(50% - 12px);background-size: 24px 24px; } .youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .video-link-panel { width:calc(100% + 40px); margin-left:-20px; margin-right: -20px; display: flex; flex-wrap: wrap;} .video-link-panel .yt-thumb { width:50%; padding:20px; border-radius: 34px; transition: .25s background ease-in-out; } .video-link-panel .yt-thumb:hover { background-color:var(--carolina); transition: .25s background ease-in-out;} .video-link-panel .yt-thumb.active { background-color:var(--cadetlight); transition: .25s background ease-in-out;} .video-link-panel .yt-thumb.active:hover { background-color:var(--cadet); transition: .25s background ease-in-out;} .video-link-panel .youtube-thumb { border-radius:20px; margin-bottom:0px;} .thumb-title { font-weight: bold;font-size: 14px;letter-spacing: 0;line-height: 16px; color:var(--blue); margin-top:10px; transition: .25s color ease-in-out;} .video-link-panel .yt-thumb:not(.active):hover .thumb-title { color:var(--white); transition: .25s color ease-in-out;} .video-meta { display:none;} .video-meta.active { display:block;} /* ---------------- ---------------- */ /* -------- Flex Feed Values -------- */ /* ---------------- ---------------- */ .feed-content { width:100%; padding:0; margin:0;} .wide-feature { width:100%; padding:20px 0; position: relative;} .wide-feature::after {width: 100%;height: 1px;bottom:0;left: 0;position: absolute;background: var(--cadet);opacity: .42;content: '';} .wide-feature:last-child::after { display:none;} .wide-feature a { display: flex; color:var(--midnight); transition: var(--standard);} @media (max-width:990px){ .wide-feature a {flex-wrap: wrap;} } .wide-feature a.event { align-items: center;} .wide-feature .article_img { width:46%; margin: 0 40px 0 0;} .wide-feature .article_img .pane {padding-bottom: 50%;} .wide-feature .link_meta { width: calc(54% - 40px); line-height: 1.5;} @media (max-width:990px){ .wide-feature .article_img { width: 100%; margin-right: 0;} .wide-feature .link_meta { width: 100%; margin-top: 16px;} } .wide-feature .link_meta h5 {font-size: 20px;color: var(--blue); letter-spacing: 0;line-height: 1.25em; transition: var(--standard);} .wide-feature a:hover { transform:scale(104%);} .wide-feature a:hover, .wide-feature a:hover .link_meta h5 {color:var(--carolina); transition: var(--standard);} .wide-feature .link_meta h6 { margin-top:-6px;} .flexAbsolute { position: absolute;display: flex;z-index: 2;height: 100%;background: var(--blue);min-width: 90px;align-items: center;text-align: center;color:var(--white); padding: 0 5px;} .event_color_panel { width:100%;} .event_color_panel h5.year { margin-bottom:0;color:var(--white);font-weight:700;font-size: 15px;letter-spacing: 4.83px;line-height: 1em;} .event_color_panel span.month { font-weight:600;font-size: 15px;color: var(--white);letter-spacing: 0.83px; text-transform: uppercase; display: block; text-align: center;line-height: 10px;} .event_color_panel span.day {font-weight:600;font-size: 44px;color: var(--white);letter-spacing: 2.44px;text-align: center;line-height: 1em; display: block; margin: 1px 0 3px 0;} .event_color_panel span.day.days {letter-spacing: 1.24px; font-size: 28px;margin:3px 0;} .wide-feature .meta_middle_time { font-weight: 600; font-size: 14px; text-transform: uppercase;} .wide-feature .meta_middle_address { margin-top:5px;} .single .meta_top { border-top:1px solid var(--hr); padding-top:40px;} .single .meta_middle { font-size:14px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; border-top:1px solid var(--hr); padding-top:40px; line-height: 1.5em} .single .meta_bottom { margin-top:12px; line-height: 1.5em;} .pin-placement { margin-bottom: 12px;} .small-link { font-size: 14px; display: flex; } .specialty {font-weight: 600;line-height: 1.25; border-top: 1px solid; border-bottom:1px solid; border-color:var(--grey); transition: var(--standard);} a:hover .specialty { border-color:#eee; transition: var(--standard);} .specialty h6 { margin: 14px 0px; font-size: 14px; text-transform: none; letter-spacing: 0px; } .people_filter .zoom {margin-bottom: 24px;padding-bottom: 24px;border-bottom:1px solid var(--hr);color: var(--blue);} .alert-list-item { min-height:26px;} .alert-list-item a { display: flex; color: var(--white); min-height: 27px; align-items: center; font-size: 14px; } .alert-title { font-weight:600;} .alert-desc { font-weight:400; margin-left:20px;} .alert-link { font-weight:600; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; margin-left:20px;} .infoX { position:absolute; top:5px; right: 5px; height:20px; width:20px; border-radius: 4px; background:rgba(0,0,0,.3);} .infoX .left { width:17px; height:2px; background:var(--white); transform: rotate(45deg); position: absolute; top: 9px; left: 1px; border-radius: 2px; transition: var(--standard);} .infoX .right { width:17px; height:2px; background:var(--white); transform: rotate(-45deg); position: absolute; top: 9px; left: 1px; border-radius: 2px; transition: var(--standard);} .infoX:hover .left { transform: rotate(0deg); transition: var(--standard);} .infoX:hover .right { transform: rotate(0deg); transition: var(--standard);} @media (max-width:990px){ .alert-list-item a {flex-wrap: wrap;padding: 10px 0; transition: var(--standard);max-height: 100vh;} .scroll-down .alert-list-item a {overflow: hidden;transition: var(--standard);min-height: 0;padding:0; max-height: 0px;} .alert-list-item a div { margin-left: 0; text-align: left; line-height: 1.25; margin-top: 8px; } .alert-list-item a div:first-of-type { margin-top:0;} } /* ---------------- ---------------- */ /* -------- Map Feed Values -------- */ /* ---------------- ---------------- */ #map { width: 100%; height: 75vh; border-radius: 22px 0;} .map-panel h2 { margin-bottom: 10px;} .leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {} .leaflet-fade-anim .leaflet-tile-loaded::before, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup::before { position: absolute; height: 100%; width:30px; background:var(--blue); content: ''; top:0; left:0; } .leaflet-popup-tip, .leaflet-popup-tip-container {display: none;} .popupness h6 { font-size: 11px; color: var(--midnight); margin: 0 0 22px; line-height: 1.25; letter-spacing: .5px; } .leaflet-popup-content { margin: 13px 32px 13px 50px !important; } .leaflet-popup-content p { line-height: 1.25; } .leaflet-popup { overflow:hidden; border-radius: 22px;} .leaflet-popup-close-button { margin: 7px 6px 0 0; } .leaflet-container a * { color: var(--midnight) !important; transition: .25s color ease-in-out;} .leaflet-container a:hover * {color: var(--carolina) !important; transition: .25s color ease-in-out;} .leaflet-container a h4 {line-height: 1.2;} .bg-purple .pin-placement .st0 {fill:var(--white); transition: var(--standard);} .bg-purple .pin-placement a:hover { color:var(--carolina); transition: .25s color ease-in-out;} .bg-purple .pin-placement a:hover .st0 { fill:var(--carolina); transition: var(--standard);} .team-content { border-top:1px solid var(--hr); margin-top:70px !important; padding-top:70px !important;} @media (max-width:990px){ .team-content {border-top: 1px solid var(--hr);margin-top: 0px !important;padding-top: 50px !important;} } .gt_white_content a.glink.nturl { color:var(--blue);} .gt_white_content a.glink.nturl:hover { color:var(--carolina);} .services-content { padding-bottom: 45px;} @media (max-width:990px){ .services-content {padding-bottom: 0;} } .xoxo li.widget-container { margin:30px 0 0; padding-top:30px; border-top:rgba(255,255,255,.4) 1px solid;} .xoxo li.widget-container:first-child { margin:0; padding-top:0px; border:none;} .xoxo .cat-item a, .xoxo .widget_recent_entries a { position:relative; width:auto; padding-left:20px; display: block; margin-bottom: 10px;} .xoxo .cat-item:last-child a, .xoxo .widget_recent_entries li:last-child a { margin-bottom:0;} .xoxo .cat-item a:hover, .xoxo .widget_recent_entries a:hover { padding-left:30px;} .xoxo .cat-item a::after, .xoxo .widget_recent_entries a::after { content: ''; position: absolute; left: 0; top: 3px; height: 27px; width: 10px; background: url("/wp-content/themes/barbourhealth/images/arrow_white.svg") no-repeat; background-size: 20px 20px; opacity: 1; transition: var(--standard); background-position: right top; } .xoxo .cat-item a:hover::after, .xoxo .widget_recent_entries a:hover::after { width: 20px; } #specialty-content { display:flex; flex-wrap:wrap; justify-content: space-between; row-gap:40px;} #specialty-content .specialty-item { width:30%;} @media (max-width:990px){ #specialty-content .specialty-item { width:45%;} } @media (max-width:640px){ #specialty-content { row-gap:20px;} #specialty-content .specialty-item { width:100%;} } .pageinnerslim h1 { margin-bottom:50px;} @media (max-width:990px){ .pageinnerslim h1 { margin-bottom:24px;} } .facilities-template-default.single .page-panel .flexPanel iframe { width:100%; border-radius: 22px 0;} h5.address-panel { line-height:1.5em; margin-top:0;} .gallery-caption.wp-caption-text { display:none;} .gallery-icon.landscape { height:100%;} .gallery-icon.landscape a{display: block;height: 100%;} .gallery-icon.landscape a img {width: 100%;height: 100%;object-fit: cover;} @media (max-width:990px){ .doctor-search.filter-outer .pageinner.flex { flex-wrap:wrap;padding-bottom: 24px;} .filter-outer .flex {display: flex;width: calc(100% - 48px);flex-wrap: wrap; gap:10px;} .filter-outer .flex .flex {display: flex;width:100%;flex-wrap: wrap; gap:10px;} .logopanel_outer { position:relative; } .doctor-search { position:absolute; bottom:5vh; left:24px; width:calc(100% - 48px); z-index: 5; margin: 0;} .doctor-search.filter-outer .select {width: calc(50% - 5px);} .filter-outer h3 {margin: 10px 0 0;} .logopanel { margin-top:0;height: 64vh;} .doctor-search button.slim {width: calc(50% - 5px); text-align: left;} .page-panel.bg-purple .flexPanel .cell_12 {width: calc(100% - 40px);} .page-panel.bg-purple .flexPanel .cell_12 .link-content {width: calc(100% - 0px);} #footer .widget_media_image img { max-width:70% !important; margin-bottom: 32px;} footer .widget_text * {text-align: center;} footer #menu-social {justify-content: center;} footer .gallery { margin-top: 0px !important; max-width: 75%;} footer #menu-footer a { text-align: center;display: block;} #copyright span { display:block; height: 0; overflow: hidden; width: 100%;} footer#footer { padding-bottom: 120px;} .insights .filter-outer h3 { margin-top:0;width: 124px;} .insights .filter-outer .select {width: calc(100% - 158px);} .page-id-35 .insights .filter-outer {padding:14px 0 24px;} .page-id-35 .insights .filter-outer h3 { margin-top:0;width: 100%;} .page-id-35 .insights .filter-outer .select {width: 100%;} .team_member .filter-outer h3 { margin-top:10px;width: 100%;} .team_member .filter-outer .flex { flex-wrap: wrap; padding-bottom: 14px; } .team_member .filter-outer .select { width:calc(50% - 5px); margin-bottom: 10px; } .cell_12.people_filter {margin-left: 0;margin-right: 0;width: 100%;} h1, h2, h1.light, h2.light {margin-bottom: 14px !important;} .card-content p:first-child {margin-top: 16px;} } .red-title {border: 1px solid var(--watermelon);padding: 20px 30px;border-radius: 22px 0;background: var(--watermelonlight67);} .red-title a { color:var(--watermelondark);} .red-title *:last-child { margin-bottom:0;} .pin-placement:first-of-type {margin-top: 20px;} .page-template-find-a-doctor .page-setting.pageinner.page-panel { padding-bottom:0px;} a.zoom {position: relative; display:block;} a.zoom:hover { transform:scale(104%);} a.zoom-2 { display:block;} a.zoom-2 * { transition: var(--standard);} a.zoom-2:hover * { color:var(--watermelon); transition: var(--standard);} a.zoom-2 .team_img .pane::before { transition: var(--standard);} a.zoom-2 h3 { transition: var(--standard);} a.zoom-2 h5 { transition: var(--standard);} a.zoom-2:hover .team_img .pane::before { height: 80%; transition: var(--standard);} a.zoom-2:hover h3 {color: var(--watermelon); transition: var(--standard);} a.zoom-2:hover h5 {color: var(--watermelon); transition: var(--standard);} .forminator-ui.forminator-custom-form[data-design="default"]:not(.forminator-size--small) {margin-bottom:0px !important} .forminator-edit-module { display:none;} .testimonials-panel .flexPanel {border-radius:58px; padding: 30px;} @media (max-width:990px){ .testimonials-panel .flexPanel {border-radius:28px; padding: 0px;} } .testimonials-panel .slider, .testimonials-panel .slick-list, .testimonials-panel .slick-track, .testimonials-panel .slider_pane { height: unset; min-height: unset; } .blockquote-style { border-radius:24px; background:rgba(216,216,216,0.18); padding:10px 20px 0;} @media (max-width:990px){ .blockquote-style { border-radius: 12px;} .blockquote-style .cell_12 { margin:0 0 20px;} } .blockquote-style .quote, .blockquote-style .quotelong, .blockquote-style .whitman { padding:10px 20px;} .blockquote-style .quote p { font-weight: 300; line-height: 1.3; font-style:italic; font-size: 40px; color: #FFFFFF; } .blockquote-style .quotelong p { font-weight: 300; line-height: 1.3; font-style:italic; font-size: 27px; color: #FFFFFF; } .blockquote-style .whitman p { font-weight: 300; line-height: 1.3; font-style:italic; font-size: 16px; color: #FFFFFF; } .blockquote-style h3 { font-weight:600; text-transform:uppercase; font-size: 20px; color: #FFFFFF; letter-spacing: 5.69px;font-family: var(--trade); padding: 5px 20px 13px; border-bottom:1px solid rgba(151,151,151,0.47); } .blockquote-style .attribution { padding:0 20px; font-weight: 300; line-height: 1.3; font-style:italic; font-size: 23px; color: #FFFFFF; } @media (max-width:990px){ .blockquote-style h3 {padding: 5px 0px 13px; font-size: 13px;} .blockquote-style .quote, .blockquote-style .quotelong, .blockquote-style .whitman { padding:0;} .blockquote-style .quote p {font-size: 24px;} .blockquote-style .quotelong p {font-size: 17px;} .blockquote-style .whitman p {font-size: 13px;} .page-panel.bg-purple .flexPanel .blockquote-style .cell_12 { width:100% !important;} .blockquote-style .attribution {padding: 15px 20px 0 0;font-size: 17px;} } .blockquote-style .attribution::before { content:'– ';} .blockquote-style p::before { content:'“';} .blockquote-style p::after { content:'”';} .slick-dots {display: flex;justify-content: flex-end;margin: 0;padding: 1rem 0;list-style-type: none;padding-top: 40px;padding-bottom: 0; position: absolute; bottom: 0; right: 0; z-index: 55555;} .slick-dots li {margin: 0 0 0 10px;} .slick-dots button {display: block;width: 14px;height: 14px;padding: 0; border-radius: 100%;background-color: var(--white30);text-indent: -9999px; border: none;} .slick-dots li.slick-active button {background-color: var(--white);} @media (max-width:990px){ .slick-dots {bottom: -26px;} } .testimonials-panel .slick-list {margin-bottom: 40px;} .no-margin hr { margin:0 !important;} .flexPanel p:last-child { margin-bottom: 0;} .side-by-side-left, .side-by-side-left-image_7, .side-by-side-left-image_4 { display:flex !important; gap:40px; align-items: flex-start;} .side-by-side-right, .side-by-side-right-image_7, .side-by-side-right-image_4 { display:flex !important; gap:40px; align-items: flex-start; flex-direction: row-reverse;} .flex-vert-center .side-by-side-left, .flex-vert-center .side-by-side-left-image_7, .flex-vert-center .side-by-side-left-image_4, .flex-vert-center .side-by-side-right, .flex-vert-center .side-by-side-right-image_7, .flex-vert-center .side-by-side-right-image_4 { align-items: center;} .flex-vert-bottom .side-by-side-left, .flex-vert-bottom .side-by-side-left-image_7, .flex-vert-bottom .side-by-side-left-image_4, .flex-vert-bottom .side-by-side-right, .flex-vert-bottom .side-by-side-right-image_7 , .flex-vert-bottom .side-by-side-right-image_4 { align-items: flex-end;} .side-by-side-left .no-image-style, .side-by-side-left .none.pane { border-radius: 50px 0 !important; width: calc(50% - 70px); height: 0; padding-bottom: 45%; margin-right: 50px;} .side-by-side-right .no-image-style, .side-by-side-right .none.pane { border-radius: 50px 0 !important;width: calc(50% - 70px);height: 0;padding-bottom: 45%;} .side-by-side-left .no-image-style .pane { padding-bottom:100%;} .side-by-side-right .no-image-style .pane { padding-bottom:100%;} .bg-solid .side-by-side-left .pane { border-radius: 22px 0 !important;} .bg-solid .side-by-side-right .pane { border-radius: 22px 0 !important;} .side-by-side-left .side-by-side, .side-by-side-right .side-by-side { width:calc(50% - 20px);} .bg-solid .side-by-side-left .side-by-side { width: calc(50% - 20px); margin-left: 50px;} .bg-solid .side-by-side-right .side-by-side { width: calc(50% - 20px); margin-right: 50px;} .side-by-side-left-image_7 .side-by-side { width:calc(41.667% - 70px); margin-left: 50px;} .side-by-side-right-image_7 .side-by-side { width:calc(41.667% - 70px); margin-right: 50px;} .side-by-side-left-image_4 .side-by-side { width:calc(66.667% - 70px); margin-left: 50px;} .side-by-side-right-image_4 .side-by-side { width:calc(66.667% - 70px); margin-right: 50px;} .side-by-side-left .pinwheel { width: calc(50% - 70px); height: 0; padding-bottom: calc(50% - 70px);} .side-by-side-right .pinwheel { width: calc(50% - 70px); height: 0; padding-bottom: calc(50% - 70px);} .bg-solid .side-by-side-left .none .pane { width: calc(50% - 70px); height: 0; padding-bottom: calc(50% - 70px); margin: 0;} .bg-solid .side-by-side-right .none .pane { width: calc(50% - 70px); height: 0; padding-bottom: calc(50% - 70px);} .side-by-side-left .pinwheel .pane, .side-by-side-right .pinwheel .pane { border-radius: 22px 0 22px 0 !important; width:100%;height: 0;padding-bottom: 100%;} .side-by-side-left-image_7 .pinwheel, .side-by-side-right-image_7 .pinwheel, .bg-solid .side-by-side-left-image_7 .none .pane, .bg-solid .side-by-side-right-image_7 .none .pane, .side-by-side-left-image_7 .no-image-style, .side-by-side-right-image_7 .no-image-style { width: calc(58.333% - 20px); height: 0; padding-bottom: calc(36.05% - 20px);} .side-by-side-left-image_7 .pinwheel .pane, .side-by-side-right-image_7 .pinwheel .pane { border-radius: 22px 0 22px 0 !important; width:100%; height: 0;padding-bottom: 61.8%;} .side-by-side-left-image_4 .pinwheel, .side-by-side-right-image_4 .pinwheel, .side-by-side-left-image_4 .no-image-style, .side-by-side-right-image_4 .no-image-style, .bg-solid .side-by-side-left-image_4 .none .pane, .bg-solid .side-by-side-right-image_4 .none .pane { width: calc(33.333% - 20px); height: 0; padding-bottom: calc(33.333% - 20px);} .side-by-side-left-image_4 .pinwheel .pane, .side-by-side-right-image_4 .pinwheel .pane { border-radius: 22px 0 22px 0 !important; width:100%; height: 0;padding-bottom: 100%;} .side-by-side-left-image_7 .no-image-style .pane, .side-by-side-right-image_7 .no-image-style .pane { height:unset; width:100%; padding-bottom:61.8%;} .stacked-horiz-image .no-image-style { margin-bottom:15px;} .stacked-vert-image .no-image-style { margin-bottom:15px;} .card.stacked-horiz-image .pane { height:0; padding-bottom:61.8%;} .card.stacked-vert-image .pane { height:0; padding-bottom:100%;} .side-by-side .card-content p:first-child { margin-top: 0;} .side-by-side h5 a { color:var(--blue); position: relative; display: inline-block; padding-right:60px;} .side-by-side h5 a:hover { color:var(--blue); } .side-by-side h5 a::after { content:''; position: absolute; top:8px; right:0; width:40px; height:11px; background:url("/wp-content/themes/barbourhealth/images/arrow_blue_331.svg") no-repeat; background-size:contain; background-position: center center; transition:var(--standard);} .side-by-side h5 a:hover::after { right:-10px; transition:var(--standard); filter: hue-rotate(49deg) brightness(.4) saturate(2);} @media (max-width:1200px){ .side-by-side-left-image_7 .pinwheel, .side-by-side-right-image_7 .pinwheel, .bg-solid .side-by-side-left-image_7 .none .pane, .bg-solid .side-by-side-right-image_7 .none .pane, .side-by-side-left-image_7 .no-image-style, .side-by-side-right-image_7 .no-image-style, .side-by-side-left-image_4 .pinwheel, .side-by-side-right-image_4 .pinwheel, .bg-solid .side-by-side-left-image_4 .none .pane, .bg-solid .side-by-side-right-image_4 .none .pane, .side-by-side-left-image_4 .no-image-style, .side-by-side-right-image_4 .no-image-style { width: calc(50% - 20px); height: 0; padding-bottom: calc(50% - 20px);} .side-by-side-left-image_7 .side-by-side, .side-by-side-right-image_7 .side-by-side, .side-by-side-left-image_4 .side-by-side, .side-by-side-right-image_4 .side-by-side { width:calc(50% - 20px); margin-right: 0px;} } @media (max-width:990px){ .side-by-side-left .no-image-style, .side-by-side-left .none.pane { width: 100%; margin-right: 0; padding-bottom: 100%;} .bg-solid .card.cell_12.fader.opaque { margin-top: 0 !important;} .image-below {margin-top: 0;} } @media (max-width:767px){ .side-by-side-left-image_7 .pinwheel, .side-by-side-right-image_7 .pinwheel, .bg-solid .side-by-side-left-image_7 .none .pane, .bg-solid .side-by-side-right-image_7 .none .pane, .side-by-side-left-image_7 .no-image-style, .side-by-side-right-image_7 .no-image-style, .side-by-side-left-image_4 .pinwheel, .side-by-side-right-image_4 .pinwheel, .bg-solid .side-by-side-left-image_4 .none .pane, .bg-solid .side-by-side-right-image_4 .none .pane, .side-by-side-left-image_4 .no-image-style, .side-by-side-right-image_4 .no-image-style { width: 100%; height: 0; padding-bottom: 75%;} .side-by-side-left .side-by-side, .side-by-side-left-image_7 .side-by-side, .side-by-side-left-image_4 .side-by-side, .side-by-side-right .side-by-side, .side-by-side-right-image_7 .side-by-side , .side-by-side-right-image_4 .side-by-side { width:calc(100% - 48px); margin: 7px 24px;} .bg-none .side-by-side-left .side-by-side, .bg-none .side-by-side-left-image_7 .side-by-side, .bg-none .side-by-side-left-image_4 .side-by-side, .bg-none .side-by-side-right .side-by-side, .bg-none .side-by-side-right-image_7 .side-by-side , .bg-none .side-by-side-right-image_4 .side-by-side { width:100%; margin: 7px 0;} .bg-solid .side-by-side-left .side-by-side, .bg-solid .side-by-side-left-image_7 .side-by-side, .bg-solid .side-by-side-left-image_4 .side-by-side, .bg-solid .side-by-side-right .side-by-side, .bg-solid .side-by-side-right-image_7 .side-by-side, .bg-solid .side-by-side-right-image_4 .side-by-side, .bg-solid .side-by-side-left .side-by-side, .bg-solid .side-by-side-right .side-by-side { width: calc(100% - 4px); margin: 7px 2px;} .bg-solid .single-column { margin-top:20px;} .single-column { margin: unset;} .side-by-side-left, .side-by-side-left-image_7, .side-by-side-left-image_4 { flex-wrap: wrap; gap:20px;} .side-by-side-right, .side-by-side-right-image_7, .side-by-side-right-image_4 { flex-wrap: wrap; gap:20px; flex-direction:row;} .side-by-side-left .pinwheel, .side-by-side-right .pinwheel { width: 100%; height: 0; padding-bottom: 100%; position: relative;} .side-by-side-left .pane { width:100%; padding-bottom:100%; margin-right: 0; position: relative;} .side-by-side-right .pane { width:100%; padding-bottom:100%; position: relative;} .side-by-side-left .pinwheel .pane, .side-by-side-left-image_7 .pinwheel .pane, .side-by-side-right-image_7 .pinwheel .pane, .side-by-side-left-image_4 .pinwheel .pane, .side-by-side-right-image_7 .no-image-style .pane, .side-by-side-left-image_4 .no-image-style .pane, .side-by-side-right-image_4 .pinwheel .pane, .side-by-side-right .pinwheel .pane { border-radius: 50px 0 !important;} .side-by-side-left-image_7 .pinwheel { width:100%; padding-bottom:61.8%; margin-right: 0; position: relative;} .side-by-side-left-image_4 .pinwheel { width:100%; padding-bottom:100%; margin-right: 0; position: relative;} .side-by-side-right-image_7 .pinwheel { width:100%; padding-bottom:61.8%; position: relative;} .side-by-side-right-image_4 .pinwheel { width:100%; padding-bottom:100%; position: relative;} .side-by-side-right-image_7 .pinwheel .pane { border-radius: 50px 0 !important;} .side-by-side-right-image_4 .pinwheel .pane { border-radius: 50px 0 !important;} .side-by-side-right-image_7 .no-image-style .pane { border-radius: 50px 0 !important;} .side-by-side-right-image_4 .no-image-style .pane { border-radius: 50px 0 !important;} } @media (max-width:540px){ .side-by-side-left .pane { padding-bottom:75%; margin-right: 0;} .side-by-side-right .pane { padding-bottom:75%; margin-right: 0;} .side-by-side-left-image_4 .pane { padding-bottom:75%; margin-right: 0;} .side-by-side-right-image_4 .pane { padding-bottom:75%; margin-right: 0;} .side-by-side-left-image_7 .pane { padding-bottom:75%; margin-right: 0;} .side-by-side-right-image_7 .pane { padding-bottom:75%; margin-right: 0;} } .filter-pane.pinwheel .page-masthead-text::after, .stacked .pinwheel::after, .stacked-horiz-image .pinwheel::after, .side-by-side-left .pinwheel::after, .side-by-side-right .pinwheel::after, .side-by-side-left-image_7 .pinwheel::after, .side-by-side-right-image_7 .pinwheel::after, .side-by-side-left-image_4 .pinwheel::after, .side-by-side-right-image_4 .pinwheel::after, .single-thumbnail.pinwheel::after, a.related-article.large-rel .article_img::after { position:absolute; content: ''; background:url("/wp-content/themes/barbourhealth/images/pinwheel_dark-filled.svg") no-repeat; background-size:contain; background-position:center; width: 93px; height: 93px; right: -36px; bottom: -32px; z-index: 2;} .filter-pane.pinwheel .page-masthead-text::after { top: -20px; bottom: unset; right: -73px;} a.related-article.large-rel .article_img::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel-filled.svg"); right: unset; left: -46px; bottom: -46px; } a.related-article.large-rel .article_img.cellfour::after { content:none;} @media (min-width:768px){ .side-by-side-left .pinwheel::after, .side-by-side-left-image_7 .pinwheel::after, .side-by-side-left-image_4 .pinwheel::after { right:unset; left:-36px;} } .pinwheel .pinwheel::after { content:none;} .cellfour a.related-article.large-rel .article_meta { padding:14px 0 24px; margin-left: 24px;} .cellfour a.related-article .article_meta h3 { padding-bottom:10px; padding-top: 1px;} a.related-article.event .article_meta h3 { padding-bottom:10px; padding-top: 1px;} a.related-article.posts .article_meta h3 { padding-bottom:10px; padding-top: 1px;} .cellfour a.related-article.large-rel p {color: var(--midnight);font-size: 16px;} .portfolio-container .cell.cellfour { padding: 0;} @media (max-width:767px){ .stacked .pinwheel::after, .stacked-horiz-image .pinwheel::after, .side-by-side-left .pinwheel::after, .side-by-side-right .pinwheel::after, .side-by-side-left-image_7 .pinwheel::after, .side-by-side-right-image_7 .pinwheel::after, .side-by-side-left-image_4 .pinwheel::after, .side-by-side-right-image_4 .pinwheel::after { width: 38px; height: 38px; right: 2px; bottom: -2px; } .single-thumbnail.pinwheel::after { width: 38px; height: 38px; right: -12px; bottom: -12px; } a.related-article.large-rel .article_img::after { width: 38px; height: 38px; left: -19px; bottom: -19px; } } .bg-midnight .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_midnight.svg");} .bg-slate .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_slate.svg");} .bg-watermelon .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_watermelon.svg");} .bg-black .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_black.svg");} .bg-grey-dark .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_grey-dark.svg");} .bg-cadet-black .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_cadet-black.svg");} .bg-grey-light .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_grey-light.svg");} .bg-white .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel-filled.svg");} .bg-grey .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_grey.svg");} .bg-carolina .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_carolina.svg");} .bg-carolina-dark .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_carolina-dark.svg");} .bg-cadet .pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel_cadet.svg");} .single-thumbnail.pinwheel::after { background-image:url("/wp-content/themes/barbourhealth/images/pinwheel-filled.svg");} .stacked .pinwheel, .card .stacked_img .pane { position: relative; height: 0; padding-bottom: 75%; border-radius :22px 22px 22px 0; margin-bottom: 24px;} .stacked-horiz-image .pinwheel, .card.image-ratio .pane { position: relative; height: 0; padding-bottom: 61.8%; border-radius :22px 22px 22px 0; margin-bottom: 24px;} @media (max-width:767px){ .stacked .pinwheel, .card .stacked_img .pane { position: relative; height: 0; padding-bottom: 75%; border-radius :50px 0; margin-bottom: 24px;} .stacked-horiz-image .pinwheel, .card.image-ratio .pane { position: relative; height: 0; padding-bottom: 61.8%; border-radius :50px 0; margin-bottom: 24px;} } .accordion_handle {display:flex; justify-content:space-between; align-items:flex-start; cursor: pointer;} .question {font-weight:600; margin:0; color:var(--blue); line-height: 1.35;} .operand {height:20px; width:20px; position:relative; top:-1px;} .operand .minus {width:20px; height:2px; top:9px; position:absolute; background:var(--blue);} .operand .plus {height:20px; width:2px; left:9px; position:absolute; background:var(--blue); transition:var(--standard);} .operand .plus.actively {transform:rotate(90deg); transition:var(--standard);} .answer {display:none; padding:15px 0 0;} .answer p { font-size:16px;} .faq {padding: 30px 0;border-bottom: 1px solid rgba(36,42,76,0.21);} .faq:first-child { padding-top:0;} .faq:last-child { padding-bottom:0; border:none} @media (max-width:990px){ .cell_6:first-child { margin-bottom:0;} .cell_6:last-child { margin-top:0;} .cell_6:first-child .faq:last-child { padding-bottom:30px;border-bottom: 1px solid rgba(36,42,76,0.21);} .cell_6:last-child .faq:first-child { padding-top:30px;} } .answer ul { margin: 20px 40px; } .answer ul ul { margin: 10px 40px; } @media (max-width:990px){ .testimonials-panel { margin: 0 24px; } } ul.arrow-panel { margin-left:0; padding-left:0; list-style: none; display: flex; flex-wrap: wrap; gap: 40px; justify-content: center;} ul.arrow-panel li { margin-left:0; padding-left:0; padding-right:0;} ul.arrow-panel li a { margin-left:0; padding-left:50px; width:100%; padding-right:10px; position: relative; display: block; font-size: 20px;} ul.arrow-panel li a::before { width:40px; height:12px; top:8px; left:0; content: ''; position: absolute; background:url("/wp-content/themes/barbourhealth/images/arrow-teal.svg") no-repeat; background-size: contain; background-position: center; transition: var(--standard); opacity:1;} ul.arrow-panel li a::after { width:40px; height:12px; top:8px; left:0; content: ''; position: absolute; background:url("/wp-content/themes/barbourhealth/images/arrow-purple.svg") no-repeat; background-size: contain; background-position: center; transition: var(--standard); opacity:0; } ul.arrow-panel li a:hover { padding-left:60px; padding-right:0;} ul.arrow-panel li a:hover::before { transition: var(--standard); opacity:0; left:10px;} ul.arrow-panel li a:hover::after { transition: var(--standard); opacity:1; left:10px;} @media (max-width:990px){ ul.arrow-panel li { width:100%; } } .center .link-content {width: 100%;text-align: center;justify-content: center;} .pane.icon { height:100px;} .pane.icon img { object-fit: contain; } .icon-panel h4 { font-weight: 600; text-transform: uppercase; font-size:19px; letter-spacing: 5.69px; font-family: var(--trade); padding: 5px 20px 13px; } h4.card-subtitle { margin-top:20px;} article .card-content ul { list-style: disc; margin: 10px 30px 30px 15px; } article .card-content ul:last-child{ margin-bottom:0; } .bg-purple .flexPanel .bg-white p, .bg-purple .flexPanel .bg-white ul, .bg-purple .flexPanel .bg-white ol, .bg-purple .flexPanel .bg-white h5 { color: var(--midnight); } .rounded-panel { border-radius:45px; padding:30px;} @media (max-width:990px){ .rounded-panel { border-radius:20px; padding:15px;} } #menu-footer-menu { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top:40px;} #menu-footer-menu li { line-height: 2em; font-size: 12px;} #menu-footer-menu li::after { content:'\00a0\00a0\00a0\00a0|\00a0\00a0\00a0\00a0'; color:var(--cadetdark);} #menu-footer-menu li:last-child::after { content:none;} #menu-footer-menu a { font-weight: 800; font-size: 12px; color:var(--cadetdark); line-height: 1.1em; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; padding:0;} #menu-footer-menu a:hover { color:var(--white);} @media (max-width:990px){ #menu-footer-menu { justify-content: center;} #menu-footer-menu li { width:100%; display:block; margin-bottom: 20px;} #menu-footer-menu li::after { content: none;} } .footer-legal { text-align:left; } .footer-legal-template, .footer-legal-template a { font-size: 18px; } footer .flexPanel .footer-legal p { font-size:15px;} footer .flexPanel .footer-legal p:first-child { margin-top:0;} footer .flexPanel .footer-legal p:last-child { margin-bottom:0;} .footer-legal-widget > div:first-child { padding-top:5px;} @media (max-width:990px){ .footer-legal-widget p { font-size:12px;} .footer-legal-template { text-align:center; font-size: 14px; margin-bottom: 20px;} .footer-legal-template p { text-align:center; font-size: 14px;} .footer-legal-template a { padding:0; font-size: 14px;} .footer-legal-template span { display:block; font-size: 1px; opacity: 0; width: 100%; overflow: hidden; height: 10px;} footer .flexPanel .footer-legal p { font-size:12px;} } .shelf-outer {margin-top: 54px;} .shelf { border:1px solid var(--hr); border-radius:22px 0; margin-top:22px;} h2.shelf-handle { border-radius:22px 0; background: var(--cadet); color:var(--blue); padding:15px 40px 16px 40px !important; text-transform: uppercase; letter-spacing: 1.75px; transition: var(--standard) !important; font-size: 14px !important; text-align: center; position: relative; font-weight: 700; font-family: var(--sans); margin-top:-22px; width:calc(100% + 2px); margin-left:-1px; margin-right:-1px; line-height: 1.25;} h2.shelf-handle::before { content: '+ '; font-size: 41px; font-weight: 900; line-height: 0em; position: relative; top: 6px;} @media (max-width:990px){ h2.shelf-handle { text-align: left; padding-left:60px !important; display: block; position: relative;} h2.shelf-handle::before { position: absolute; top:50%; transform:translateY(-50%); height:30px; width:30px; left:18px; display: block; line-height: 25px;} } h2.shelf-handle.blue { background:var(--blue); color:var(--white);} form.glossary-search {flex-wrap: nowrap;} .glossary-input { width:100%; position:relative;} .glossary-submit { position:relative;} .glossary-submit button { white-space:nowrap;} .cell_4 form.glossary-search {flex-wrap: wrap;} .cell_4 .glossary-submit button { white-space:wrap; text-align: left; padding-left: 24px !important;} @media (max-width:990px){ form.glossary-search {flex-wrap: wrap;} .glossary-submit button { white-space:wrap; text-align: left; padding-left: 24px !important;} } ul.glossarylist li { border-top:1px solid var(--hr); padding-top:20px; } ul.glossarylist li:first-child { border-top:none; padding-top:0;} ul.glossarylist li::before { top: 28px;} ul.glossarylist li:first-child::before { top: 8px;} ul.glossarylist li ul li { padding-top:0; } ul.glossarylist li ul li:first-child { padding-top:0;} ul.glossarylist li ul li::before { top: 10px; background-color:var(--carolinadark);} ul.glossarylist li ul li:first-child::before { top: 10px;} .accordion-handle { padding: 0 50px 20px 0; position: relative; cursor: pointer;} .accordion-handle h3 { padding-top:0px;} .accordion-handle * { transition: var(--standard) !important;} .accordion-handle:hover * { color:var(--watermelon) !important; transition: var(--standard) !important;} .accordion-handle::before { position: absolute; content: ''; width:17px; height: 3px; right:0px; top:11px; background:var(--blue); transition: var(--standard) } .accordion-handle::after { position: absolute; content: ''; width:3px; height: 17px; right:7px; top:4px; background:var(--blue); transition: var(--standard) } .accordion-handle:hover::before, .accordion-handle:hover::after { background:var(--watermelon); transition: var(--standard); } .accordion-handle.actively::after { transform:rotate(90deg);} .accordion { font-weight: 700; border:1px solid var(--hr); border-radius:22px 0; padding:24px; width:calc(100% - 36px); background:var(--greylight16); display: none; margin-bottom: 40px;} .accordion p { font-weight:400;} .accordion ul { margin:20px;} .accordion ul li { border:none; font-weight: 400;} .shelf-panel {padding: 3px 24px 24px;} @media (max-width:990px){ .accordion { width:calc(100%);font-size:14px !important; line-height: 1.25em} .accordion * { font-size:14px !important;} .accordion ul { padding-left:0; padding-right:0; margin-left:0; margin-right: 0;} .accordion ul li { padding-left:24px !important; padding-right: 0 !important;} .accordion ul li::before { left:0; top:7px !important; } } .side-bar-panel:not(:last-child) { border-bottom:1px solid var(--hr); padding-bottom:40px; margin-bottom: 40px;} .side-bar-panel > h3 { padding-top:0;} /* ---------------- ---------------- */ /* -------- Filter Area Values -------- */ /* ---------------- ---------------- */ .filter_nav { width:100%;} .dropdown-selector { width:40%; position: relative;} .provider_filter .dropdown-selector { width: calc(50% - 20px); } @media (max-width:990px){ .provider_filter .dropdown-selector {width:100%; } } .dropdown-title { -webkit-appearance: none; appearance: none; border: 1px solid var(--grey); border-radius: 22px 0; font-size: 16px; padding: 13px 49px 13px 22px; color: var(--midnight); width: 100%; background: var(--tan); line-height: 1.25em; position: relative; } .dropdown-title::after { content:''; position: absolute; top: 19px; right: 20px; width: 10px; height: 6px; background-image:url("/wp-content/themes/barbourhealth/images/chevron-midnight.svg"); background-size:contain; background-repeat: no-repeat} .project-buttons { margin-right: 22px; display: none; flex-wrap: wrap; background: var(--tan); position: absolute; z-index: 3; } .dropdown-selector.active .project-buttons { display: flex; width: calc(100% - 22px);} .project-overlay a:not(.button) { text-transform: none; letter-spacing: 0; width: 100%; padding: 13px 23px; font-size: 16px; color: var(--midnight); background: var(--tan); } .project-overlay a:not(.button):hover { background:var(--watermelon); color:var(--white);} .event_meta_date, .meta_middle_address { display:block; position: relative; padding:8px 3px 0px 18px;} .event_meta_date h6, .meta_middle_address h6 { margin:0; letter-spacing: .5px;} .meta_middle_address::before { content: ''; position: absolute; top: 10px; left: 0; width: 13px; height: 15px; transition: var(--standard); background-position: center; background-size: contain; background-repeat: no-repeat; background-image:url("/wp-content/themes/barbourhealth/images/icons/icon_pin_carolina.svg"); } .event_meta_date::before { content: ''; position: absolute; top: 10px; left: 0; width: 13px; height: 15px; transition: var(--standard); background-position: center; background-size: contain; background-repeat: no-repeat; background-image:url("/wp-content/themes/barbourhealth/images/icons/icon_clock_carolina.svg"); } .media-resources { transition:var(--standard); opacity: 1; position: relative; min-height: 200px;} .media-resources .media-resources-data { transition:var(--standard); opacity: 1; position: relative; min-height: 0px; max-height: 0px;} .media-resources.fadey .media-resources-data { transition:var(--standard); opacity:0; min-height: 200px; max-height: 200px;} .media-resources .media-resources-data.show { transition:var(--standard); min-height: 200px; max-height: unset;} .media-resources .media-resources-init { transition:var(--standard); opacity: 1; position: relative;} .media-resources .media-resources-init.hide { transition:var(--standard); opacity: 0;max-height: 0px;} .media-resources .portfolio-loader { opacity: 1;} .media-resources.fadey .portfolio-loader { opacity: 0;} .resource-panels.show { display: block;} .resource-panels.hide { display: none;} @keyframes clockwiseSpin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } .media-resources::before { opacity:0; transition:var(--standard); width:100px; height:100px; background:url('/wp-content/themes/barbourhealth/images/pinwheel.svg'); content: ''; position: absolute; top:167px; left: calc(50% - 50px); z-index: 444; animation-duration:5s; animation-iteration-count:infinite; animation-name:clockwiseSpin; animation-timing-function:linear;} .media-resources.fadey::before { opacity:1; transition:var(--standard);} .insights-flex .link-content { justify-content:center; width:100%; padding-top:0;} @media (max-width:991px){ .insights-flex .link-content { justify-content:flex-start; width:100%;} } a.button.zc-load-more-button::after { background-image:url("/wp-content/themes/barbourhealth/images/load_more.svg");} .forminator-error-message { background: var(--watermelonlight); display: block; width: calc(100% - 22px); border: 0px solid #000 !important; box-shadow: none; border-image: none !important; border-image-width: 0px !important; padding: 9px 22px; color: var(--watermelondark); font-size: 12px; margin-top: 0px; z-index: 3333; position: relative; border-left: 0px solid var(--grey) !important; border-radius: 0 0 5px 0; left: 0px; } .arrow-list ul { display:flex; flex-wrap: wrap; margin-left: 0 !important;} .arrow-list ul li { padding-right:40px; transition:var(--standard);} .arrow-list ul li, .arrow-list ul li a {font-size: 23px;color: var(--midnight);} .arrow-list ul li:hover { padding-left:38px; padding-right:37px; transition:var(--standard);} .arrow-list ul li:hover a {font-size: 23px;color: var(--watermelon);} .arrow-list ul li::before { background:url("/wp-content/themes/barbourhealth/images/arrow-list.svg") no-repeat; background-size: contain; background-position: center; content:''; position: absolute; left:0; top:13px; width:19px; height: 19px; transition:var(--standard);} .arrow-list ul li:hover::before { left:3px; transition:var(--standard);} .fancy-panel.bg-none { background:var(--white);} .fancy-list { display:flex; flex-wrap: wrap; column-gap:40px; row-gap:40px;} .fancy-list-7, .fancy-list-8 { gap:20px;} .fancy-item { border-radius: 0 30px 0 30px;} .fancy-item.bg-color-fed107 * { color:var(--black);} .fancy-item.bg-color-e5e1e6 * { color:var(--black);} .fancy-item.bg-color-ffffff * { color:var(--black);} .fancy-item.bg-color-ffffff { border:1px solid var(--platinum);} .fancy-pane { margin:-50px auto 0; width:133px;} .fancy-pane img { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .fancy-item-1 { width:100%;} .fancy-item-2 { width:calc(50% - 20px);} .fancy-item-3 { width:calc(33.333% - 26.667px);} .fancy-item-4 { width:calc(25% - 30px);} .fancy-item-5 { width:calc(20% - 32px);} .fancy-item-6 { width:calc(16.667% - 33.333px);} .fancy-item-7 { width:calc(14.2857% - 17.1429px);} .fancy-item-8 { width:calc(12.5% - 17.5px);} @media (max-width:990px){ .fancy-list, .fancy-list-7, .fancy-list-8 { gap:40px;} .fancy-item-5, .fancy-item-6, .fancy-item-7, .fancy-item-8 { width:calc(25% - 30px);} } @media (max-width:640px){ .fancy-list, .fancy-list-7, .fancy-list-8 { gap:24px;} .fancy-item-2 { width:100%; } .fancy-item-3, .fancy-item-4, .fancy-item-5, .fancy-item-6, .fancy-item-7, .fancy-item-8 { width:calc(50% - 12px);} } .fancy-item { line-height: 1.25em; color: var(--white) !important; text-transform: uppercase; letter-spacing: 1.75px; transform: scale(100%) !important; transition: var(--standard) !important; font-size: 14px !important; text-align: center; position: relative; font-weight: 700; margin: 0; background: var(--tan) !important; padding-left: 100px !important; display: flex !important; padding: 24px !important; border: 1px solid var(--hr) !important; align-items: flex-start; border-radius: 22px 0 22px !important; flex-wrap: wrap; } a.fancy-item { background: var(--white) !important; cursor: pointer;} a.fancy-item:hover { background: var(--cadetlight) !important; cursor: pointer;} a.fancy-item::after { content:''; position: absolute; bottom:22px; right:10px; width:30px; height: 12px; background: url("/wp-content/themes/barbourhealth/images/arrow_blue.svg") no-repeat; background-position: center; background-size: contain; transition: var(--standard);} a.fancy-item:hover::after { right:5px; transition: var(--standard);} .fancy-title-area { display:flex; flex-wrap: nowrap; align-items: center; width:100%} .fancy-pane { position: relative; max-width: 90px; width: 90px; max-height: 80px; height: 80px; margin: 0; } .fancy-item h3 { text-align: left; display: block; margin-left: 20px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; position: relative; width: calc(100% - 90px); } .fancy-item h3 b { font-weight: 600; display: block;} .fancy-item p { position: relative; z-index: 3333; color: #000; text-align: left; text-transform: none; letter-spacing: 0; font-weight: 400; margin: 20px 0px 0; font-size: 16px; line-height: 1.3; } .fancy-item-1, .fancy-item-2 { padding-left:50px; padding-right:50px; padding-bottom: 50px;} .fancy-item-1 h3, .fancy-item-2 h3 { text-align:left; padding:0; margin-top:30px;} .fancy-item-1 h3 b, .fancy-item-2 h3 b { font-weight: 500; display: inline;} .fancy-item-1 .fancy-pane, .fancy-item-2 .fancy-pane { margin-left:0;} .fancy-item ul li { color:var(--white); font-size:23px; font-style:italic; line-height: 1.25em;} @media (max-width:990px){ .fancy-item ul li { font-size: 18px;font-weight: 400;} .fancy-item.fancy-item-2 { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; margin-top: 18px;} .fancy-item.fancy-item-3 { padding-bottom: 2px; margin-top: 18px;} .fancy-item.fancy-item-4 { border-radius: 0 30px 0 30px; padding-bottom: 2px;margin-top: 18px;} .fancy-pane {margin: -30px auto 0;width: 45%;} .fancy-item-2 .fancy-pane { max-width: 90px;} .fancy-item h3{ font-size: 22px;} .fancy-item ul li::before { top:0;} } a.fancy-item:hover { transform: scale(102%); cursor: pointer;} a.fancy-item:hover div.button { background-color:var(--blueice) !important;} .bg-color-034971.fancy-item div.button { background-color:var(--cerise);} .bg-color-702f8a.fancy-item div.button { background-color:var(--blueice);} a.bg-color-702f8a.fancy-item:hover div.button { background-color:var(--cerise) !important;} #main-panel-0.glossary-header { padding-top: 50px;} .the--container { padding-top: 70px;} .tab-panel { display: flex; width: 100%; justify-content: space-between; background:var(--cadet); border-radius: 20px 0 20px 0 !important;position: relative; z-index: 3;} .tab-handle { width:100%; text-align:center; border-radius: 20px 0 20px 0 !important; padding:15px 60px 16px 40px !important; line-height: 1.25em; color:var(--blue) !important;text-transform: uppercase; letter-spacing: 1.75px; transform:scale(100%) !important; display: inline-block !important; border: none !important; transition: var(--standard) !important; font-size: 14px !important; cursor: pointer; position: relative; font-weight: 700;} .tab-handle.active { background-color:var(--cadetlight);} .tab-title { display: flex; justify-content: center; align-items: center;} .tab-title span { margin: -6px 12px -6px 0; font-size: 24px;} .button-icon {height: 24px;margin: -6px 12px -6px 0;} .tab-shelf-panel { padding: 55px 40px 40px; margin-top:-20px; position: relative; z-index: 2; border:1px solid var(--hr); border-radius: 20px 0;} .tab-shelf-handle { display:none;} .tab-shelf-handle.active { display:block;} .tab-shelf-panel .dropdown-selector {width: calc(100% - 350px);position: relative;} .filter_text { margin-bottom: 21px;} @media (max-width:990px){ .mobile-title { display: flex; width: 100%; justify-content: space-between; background:var(--cadet); border-radius: 20px 0 20px 0 !important;position: relative; z-index: 3;} .mobile-title h3 { padding: 20px; margin: 0; display: flex; align-items: center; justify-content: space-between; width: 100%;} .mobile-title span { margin: -6px 0 -6px 12px; font-size: 24px;} #main-panel-1.tabbed-interface {margin-top: 50px;} .dropdown-selector, .tab-shelf-panel .dropdown-selector {width:100%;position: relative; margin-bottom:24px;} .tab-shelf-panel { padding:0; border: none;} .tab-shell {padding: 55px 40px 40px;margin-top: -20px;position: relative;z-index: 2;border: 1px solid var(--hr);border-radius: 20px 0;} .tab-shelf-handle { display:none;} .tab-shelf-handle.active { display:none;} .tab-shelf-handle.active.mobileactive { display:block;} .filter_nav.mobile-only {position: relative;z-index: 3;} .tab-title {display: flex; justify-content: flex-start;align-items: center;} .tab-shelf-handle { padding-top:14px;} .project-overlay a.cat-list {margin-right: 0;width: 100%;} } .main-list-panel { position:relative;} .main-list-panel .main-list-inner { transition:.75s all ease-in-out;} .main-list-panel.blur .main-list-inner { transition:.75s all ease-in-out; filter:blur(3); opacity: 0;} .main-list-panel::before { opacity:0; transition:.5s opacity ease-in-out, 0s visibility 1s linear; width:100px; height:100px; background:url('/wp-content/themes/barbourhealth/images/pinwheel.svg'); content: ''; visibility: hidden; position: absolute; top:275px; left: calc(50% - 50px); z-index: 444; animation-duration:5s; animation-iteration-count:infinite; animation-name:clockwiseSpin; animation-timing-function:linear;} .main-list-panel.blur::before { opacity:1; visibility: visible; content: ''; transition:.5s opacity .25s ease-in-out;} .tab-title span:before, [class*='icon-']:before{ display: inline-block; font-family: 'social round'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none !important; } .icon-facebook-round:before{content:'\0041';} .icon-linkedin-round:before{content:'\0042';} .icon-twitter-round:before{content:'\0043';} .icon-youtube-round:before{content:'\0044';} .icon-pinterest-round:before{content:'\0045';} .icon-instagram-round:before{content:'\0046';} .icon-x-round:before{content:'\0047';} .icon-search-round:before{content:'\0048';} .icon-amazon-round:before{content:'\0049';} .icon-tiktok-round:before{content:'\004a';} .icon-houzz-round:before{content:'\004b';} .icon-spotify-round:before{content:'\004c';} .icon-whatsapp-round:before{content:'\004d';} .icon-google-round:before{content:'\004e';} .icon-behance-round:before{content:'\004f';} .icon-dropbox-round:before{content:'\0050';} .icon-slack-round:before{content:'\0051';} .icon-sketch-round:before{content:'\0052';} .icon-pandora-round:before{content:'\0053';} .icon-soundcloud-round:before{content:'\0054';} .icon-deviantart-round:before{content:'\0055';} .icon-googleplay-round:before{content:'\0056';} .icon-apple-round:before{content:'\0057';} .icon-vimeo-round:before{content:'\0058';} .icon-tumblr-round:before{content:'\0059';} .icon-airtable-round:before{content:'\005a';} .icon-notion-round:before{content:'\0061';} .icon-etsy-round:before{content:'\0062';} .icon-shopify-round:before{content:'\0063';} .icon-email:before{content:'\0064';} .icon-phone:before{content:'\0065';} .icon-map:before{content:'\0066';} .icon-vcard:before{content:'\0067';} .icon-arrow-list:before{content:'\0068';} .icon-alert:before{content:'\0069';} .icon-birthcontrol:before{content:'\006a';} .icon-books:before{content:'\006b';} .icon-checkmark:before{content:'\006c';} .icon-children:before{content:'\006d';} .icon-clock:before{content:'\006e';} .icon-delivery:before{content:'\006f';} .icon-external:before{content:'\0070';} .icon-heart:before{content:'\0071';} .icon-herbal:before{content:'\0072';} .icon-icon_clipboard:before{content:'\0073';} .icon-icon_hospital:before{content:'\0074';} .icon-icon_resources:before{content:'\0075';} .icon-icon_stethoscope:before{content:'\0076';} .icon-phone:before{content:'\0077';} .icon-pillbottle:before{content:'\0078';} .icon-rx:before{content:'\0079';} .icon-zwinggi-round:before{content:'\007a';} .icon-pills:before{content:'\0030';} .icon-transfer:before{content:'\0031';} .icon-vaccine:before{content:'\0032';} .icon-wound:before{content:'\0033';} .icon-walker:before{content:'\0034';} .icon-testing:before{content:'\0035';} .icon-sports:before{content:'\0036';} .icon-select_arrow:before{content:'\0037';} .icon-icon_resources:before{content:'\0038';} .icon-pinwheel-ai:before{content:'\0021';} .icon-pin:before{content:'\0022';} .icon-arrow_blue_thin:before{content:'\0023';} .icon-arrow_blue:before{content:'\0024';} .icon-check-2:before{content:'\0025';} .icon-chevron-midnight:before{content:'\0026';} .icon-contact:before{content:'\0027';} .icon-load_more:before{content:'\0028';} .icon-spyglass_blue:before{content:'\0029';} .icon-play-2:before{content:'\002a';} .icon-patient:before{content:'\002b';} .icon-calendar:before{content:',';} .clinic-items .item { margin-bottom:20px; } .clinic-items .item .item_title { margin-bottom:5px; font-weight: bold; } .single-team_member .card .pane {height: 0;padding-bottom: 100%;} .team-category {margin-bottom: 40px;} .clinics-served { border-radius: 22px 0; padding:40px;} .clinics-served a { color:var(--white);} .clinics-served a:hover { color:var(--watermelonlight); transition: var(--standard);} .clinics-served a svg { transition: var(--standard);} .clinics-served a:hover svg{ filter: hue-rotate(157deg) brightness(1.27); transition: var(--standard);} @media (max-width:990px){ .team-category {margin-bottom: 24px;} .clinics-served { border-radius: 22px 0; padding:24px;} } /* ---------------- ---------------- */ /* -------- Tribe Events Overrides -------- */ /* ---------------- ---------------- */ .tribe_events-template-default.single.single-tribe_events .event_color_panel h5.year { color:var(--midnight); text-align: left; margin-bottom:40px;} .tribe_events-template-default.single.single-tribe_events .event_color_panel span.day { color:var(--midnight); text-align: left;} .tribe_events-template-default.single.single-tribe_events .event_color_panel span.month { color:var(--midnight); text-align: left;} .tribe-events-single > .tribe_events > .flexPanel { width: calc(100% + 40px);} header.tribe-events-header.tribe-events-header--has-event-search {margin-top: 0 !important;} #tribe-events-pg-template { padding-top: 220px;max-width: 1320px;} @media (max-width:990px){ header.tribe-events-header.tribe-events-header--has-event-search {margin-top: 40px !important;} #tribe-events-pg-template { padding-top: 120px;} } .tribe-events-calendar-list__month-separator .tribe-common-h7 {font-size: 12px !important;text-transform: uppercase;letter-spacing: 7.5px !important;font-weight: 700 !important;color: var(--watermelon);} .tribe-events-calendar-list__event-datetime-wrapper.tribe-common-b2.no_dt { margin-top: 20px; margin-bottom: 0;} .event_meta_panel, .presented { letter-spacing: 0; transition: var(--standard);line-height: 1.5em !important; font-size: 16px !important; display: block} .tribe-common a.button { margin-top:21px;} .presented, .presented a {margin-top: 12px !important;font-weight: 700; margin-bottom: 12px !important; letter-spacing: 5px; font-size: 12px !important; text-transform: uppercase; color: var(--grey) !important;} address, address span{ font-weight: 700 !important;} .tribe-events-calendar-series-archive__container { padding-bottom:12px !important; margin-bottom:12px !important; border-bottom:1px solid #d8d8d8 !important; display: inline-block;} .single-thumbnail-tribe img { border-radius:50px 0px; overflow: hidden;} .card-content .tribe-events .tribe-events-header { margin:0 !important;} .tribe_events-template-default.single.single-tribe_events .event_color_panel span.month {font-size: 20px;} .tribe_events-template-default.single.single-tribe_events .event_color_panel span.day {font-size: 80px;} .tribe_events-template-default.single.single-tribe_events .event_color_panel h5.year {font-size: 30px;} .tribe_events-template-default.single.single-tribe_events .meta_bottom .meta_phone {margin-top: 12px;} .tribe-events-venue-map {width: 100%;height: 400px;} .tribe-events-venue-map iframe {width: 100%;max-height: 400px;height: 400px;} .tribe-events-calendar-list__event-venue.tribe-common-b2 {} .tribe-events-calendar-list__event-venue.tribe-common-b2 span {line-height: 1.5em !important; font-size: 16px !important; display: block;} .tribe-events .tribe-events-calendar-day__event-featured-image-link, .tribe-events .tribe-events-calendar-list__event-featured-image {border-radius: 22px 0 !important;} .tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium { color: var(--carolina); text-transform: uppercase;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body {border-top: 1px solid var(--midnight);border-left: 1px solid var(--midnight);} .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { padding-top:0;} .tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container { padding: 0 !important;} header .tribe-events-header__events-bar {padding: 40px;margin-top: -20px;position: relative;z-index: 2;border: 1px solid var(--hr);border-radius: 56px 0; margin: 0 0 30px !important;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search { gap: 38px;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input {padding: 13px 26px;} .tribe-events .tribe-events-c-events-bar {display: flex;gap: 38px;} #tribe-events-view-selector-content {background: var(--white);border: 1px solid var(--hr);margin: 0;top: calc(100% - 7px);width: calc(100% - 18px);} .tribe-events-c-view-selector__content ul li { padding:5px;} ul.tribe-common-g-row li::before, .tribe-events-c-view-selector__content ul li::before, .tribe-events-c-top-bar ul li::before { content:none;} .tribe-events .datepicker table { border-collapse: collapse; table-layout: fixed; width: 100%;} .datepicker table tr td.active, .datepicker table tr td span.active.active { background:var(--blue) !important; border-radius: 10px 0 !important;} .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker table tr td span.focused, .datepicker table tr td span:hover, .datepicker tfoot tr th:hover { background: var(--hr); border-radius:10px 0;} .tribe-events .tribe-events-calendar-month__day-date {margin: 0 0 15px;font-weight: 600;border-bottom: 1px solid var(--hr);} .tribe-common td { letter-spacing:0;} .tribe-events-calendar-month__calendar-event-datetime {display: flex;gap: 3px;font-size: 12px;font-weight: 600;justify-content: space-between; align-content: flex-start;width: 100%; text-align: left; margin-bottom: 9px !important;} .tribe-events-calendar-series-archive__container {padding-bottom: 0 !important;margin-bottom: 0 !important;border-bottom: 0px solid #d8d8d8 !important;display: inline-block;} .tribe-events .tribe-events-series-archive__icon {color: var(--carolinadark) !important;display: inline-block !important;stroke: var(--carolinadark) !important;} .tribe-events .tribe-events-calendar-month__calendar-event-title {font-family: var(--title); text-align: left;margin: 2px 0;text-transform: none;font-weight: 500;} .tribe-events .tribe-events-calendar-month__calendar-event-title a { font-family: var(--title); font-size: 18px; color: var(--carolinadark) !important;} .tribe-events .tribe-events-calendar-month__calendar-event {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid var(--hr);} .tribe-events .tribe-events-calendar-month__calendar-event:last-child { margin-bottom:0px;} .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button { padding:10px 0;} .tribe-common-c-svgicon.tribe-common-c-svgicon--caret-down.tribe-events-c-subscribe-dropdown__button-icon { display:none;} .tooltipster-base.tribe-events-tooltip-theme .tooltipster-box {margin: 0 -24px;width: calc(100% + 48px);} .tribe-events .tribe-events-pro-week-grid__event-tooltip-featured-image-wrapper, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper { min-width: 100%;} .tooltipster-sidetip .tooltipster-box {background: var(--hr);border: 0px solid #000;border-radius: 22px 0;overflow: hidden;} .tribe-events .tribe-events-pro-week-grid__event-tooltip-datetime, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime{padding: 0 12px;font-size: 15px;color: var(--midnight); font-weight: 600;} .tribe-events .tribe-events-pro-week-grid__event-tooltip-description, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-description{padding: 0 12px 12px;font-size: 14px;color: var(--midnight);} .tribe-events .tribe-events-pro-week-grid__event-tooltip-description:last-child, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-description:last-child{padding-bottom:12px;} .tribe-events .tribe-events-pro-week-grid__event-tooltip-cost, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-cost {margin-top: 0;margin: 0 12px 12px;color: var(--carolina);font-weight: 600;} a.tribe-events-pro-week-grid__event-tooltip-title-link.tribe-common-anchor-thin, a.tribe-events-calendar-month__calendar-event-tooltip-title-link.tribe-common-anchor-thin { font-family:var(--title); font-size:18px; font-weight: 600; padding: 3px 12px; display:block;} .tribe-events .tribe-events-calendar-series-archive__container {margin: 0px 0 0 2px !important;} .tribe-events .tribe-events-pro-week-grid__event-datetime > *, .tribe-events .tribe-events-calendar-month__calendar-event-datetime > * {line-height: 1.25;} .tribe-events .tribe-events-calendar-list__event-row {padding-bottom: 40px; position: relative;} .tribe-events .tribe-events-calendar-list__event-row::after {position: absolute; content: ''; width:calc(100% - 48px); left:24px; height: 1px; bottom:0;border-bottom: 1px solid var(--hr);} ul.tribe-events-c-nav__list li::before { content:none !important; } .tribe-common-b2.no_dt .event_meta_panel {margin: 20px 0;font-weight: 600;padding: 20px 30px;border: 1px solid var(--hr);display: table;clear: both;border-radius: 22px 0;} .tribe-events-c-breadcrumbs__list-item::before { content:none !important;} .tribe-events .tribe-events-c-breadcrumbs__list-item a.tribe-events-c-breadcrumbs__list-item-link { bottom: 0px !important; display: block !important; } .tribe-events-pro-week-grid__header-column-weekday { font-weight: 800; text-transform: uppercase; font-size: 15px; letter-spacing: 1.81px; text-align: center; line-height: 30px; } .tribe-events-pro-week-grid__header-column-daynum {font-weight: 600;} .tribe-events-pro-week-grid__events-time-tag, .tribe-events-pro-week-grid__event-datetime { line-height: 1.25; display: flex; gap: 3px; font-size: 12px; font-weight: 600; justify-content: space-between; align-content: flex-start; width: 100%; text-align: left; margin-bottom: 9px !important; } .tribe-events-pro.tribe-events-view--week .tribe-events-pro-week-grid__event--past .tribe-events-pro-week-grid__event-link-inner { background:var(--white) !important; } .tribe-events-pro-week-grid__event-datetime { font-size:10px;} .tribe-events-pro-week-grid__event-title { font-family: var(--title); text-align: left; margin: 2px 0; text-transform: none; font-weight: 500; font-size: 13px;} .tribe-events-pro .tribe-events-pro-week-grid__event { background: var(--white); } .tribe-events-pro.tribe-events-view--week .tribe-events-pro-week-grid__event-link-inner, .tribe-events-pro.tribe-events-view--week .tribe-events-pro-week-grid__event--past .tribe-events-pro-week-grid__event-link-inner { border-bottom: 1px solid var(--hr); border-top: 1px solid var(--hr); border-right: 1px solid var(--hr); overflow: hidden; } .tribe-events-pro.tribe-events-view--week .tribe-events-pro-week-grid__event--past .tribe-events-pro-week-grid__event-link-inner:hover { overflow: visible; } .tribe-events-pro.tribe-events-view--week .tribe-events-pro-week-grid__event-link:hover::before { background-color: var(--carolina); z-index: 5; } .tribe-events-pro .tribe-events-pro-week-grid__event--seq-2 { width: calc(89% - 2px) !important; margin-top: 3px !important; } .tribe-events-schedule { border-top: 1px solid var(--hr); border-bottom: 1px solid var(--hr); padding: 20px 0; margin: 40px 0px 14px; } .tribe-events-schedule h6 { margin-left:0 !important;} .team_member-pane .specialty { padding-top: 11px; } a.page-numbers { background: var(--white) !important; border-radius: 0px !important; padding: 16px 16px 18px 16px; line-height: 1em; color: var(--midnight); text-transform: uppercase; transform: scale(100%) !important; display: inline-block !important; border: none !important; transition: .25s all ease-in-out !important; font-size: 22px !important; cursor: pointer; text-align: center; position: relative; font-weight: 700; letter-spacing: 0; min-width: 53px; top:1px; } @media(max-width:990px){ a.page-numbers { padding: 10px 13px 10px 12px; font-size: 16px !important; min-width: 28px; margin-bottom:4px; } a.next.page-numbers::after, a.prev.page-numbers::after { height: 10px; top: calc(50% - 5px); width:34px; } } a.page-numbers:hover { background: none !important; color:var(--white); transition: .25s all ease-in-out !important; border: none !important; } a.page-numbers::after { background: var(--gradient) !important; width: 100%; height: 100%; top:0; left:0; position: absolute; content: ''; opacity:0; transition:var(--standard); z-index: -1;} a.page-numbers:hover::after { opacity:1; transition:var(--standard);} span.page-numbers { padding: 15px 16px 16px 16px; line-height: 1em; transform: scale(100%) !important; display: inline-block !important; transition: .25s all ease-in-out !important; font-size: 22px !important; text-align: center; position: relative; font-weight: 700; letter-spacing: 0; min-width: 53px; top:2px; } @media(max-width:990px){ span.page-numbers { padding: 10px 13px 10px 12px; font-size: 16px !important; min-width: 28px; margin-bottom:4px; } } span.page-numbers.current { color:var(--hr);} .pagination.cell_12 { display: flex; flex-wrap: nowrap; justify-content: center; border-top: 1px solid var(--hr); margin: 50px 0 125px; padding-top: 50px; } a.prev.page-numbers {margin-right:30px;} a.next.page-numbers {margin-left:30px;} @media(max-width:990px){ .pagination.cell_12 { margin-bottom: 75px;flex-wrap: wrap;} a.prev.page-numbers, a.next.page-numbers {width: 80%;padding-top: 10px !important;padding-bottom: 10px !important;margin:40px 10% ;} a.prev.page-numbers:hover, a.next.page-numbers:hover { padding-top:10px !important;padding-bottom: 10px !important;} } @media(max-width:640px){ a.prev.page-numbers, a.next.page-numbers {width: 90%;padding-top: 10px !important;padding-bottom: 10px !important;margin: 5%;} } a.page-numbers { background: var(--white) !important; border-radius: 0px !important; padding: 16px 16px 18px 16px; line-height: 1em; color: var(--midnight); text-transform: uppercase; transform: scale(100%) !important; display: inline-block !important; border: none !important; transition: .25s all ease-in-out !important; font-size: 22px !important; cursor: pointer; text-align: center; position: relative; font-weight: 700; letter-spacing: 0; min-width: 53px; top:1px; } @media(max-width:990px){ a.page-numbers { padding: 10px 13px 10px 12px; font-size: 16px !important; min-width: 28px; margin-bottom:4px; } a.next.page-numbers::after, a.prev.page-numbers::after { height: 10px; top: calc(50% - 5px); width:34px; } } a.page-numbers:hover { background: none !important; color:var(--white); transition: .25s all ease-in-out !important; border: none !important; } a.page-numbers::after { background: var(--blue) !important; width: 100%; height: 100%; top:0; left:0; position: absolute; content: ''; opacity:0; transition:var(--standard); z-index: -1;} a.page-numbers:hover::after { opacity:1; transition:var(--standard);} span.page-numbers { padding: 15px 16px 16px 16px; line-height: 1em; transform: scale(100%) !important; display: inline-block !important; transition: .25s all ease-in-out !important; font-size: 22px !important; text-align: center; position: relative; font-weight: 700; letter-spacing: 0; min-width: 53px; top:2px; } @media(max-width:990px){ span.page-numbers { padding: 10px 13px 10px 12px; font-size: 16px !important; min-width: 28px; margin-bottom:4px; } } span.page-numbers.current { color:var(--grey);} .pagination.cell_12 { display: flex; flex-wrap: nowrap; justify-content: center; border-top: 1px solid var(--hr); margin: 50px 0 125px; padding-top: 50px; } a.prev.page-numbers {margin-right:30px;} a.next.page-numbers {margin-left:30px;} @media(max-width:990px){ .pagination.cell_12 { margin-bottom: 75px;flex-wrap: wrap;} a.prev.page-numbers, a.next.page-numbers {width: 80%;padding-top: 10px !important;padding-bottom: 10px !important;margin:40px 10% ;} a.prev.page-numbers:hover, a.next.page-numbers:hover { padding-top:10px !important;padding-bottom: 10px !important;} } @media(max-width:640px){ a.prev.page-numbers, a.next.page-numbers {width: 90%;padding-top: 10px !important;padding-bottom: 10px !important;margin: 5%;} } .page-pane a * { color:var(--midnight) !important; transition: var(--standard) !important;} .page-pane a:hover * { color:var(--carolina) !important; transition: var(--standard) !important;} .facilities-pane a * { color:var(--midnight) !important; transition: var(--standard) !important;} .facilities-pane a:hover * { color:var(--carolina) !important; transition: var(--standard) !important;} a.related-article.event.full { flex-wrap:wrap;} a.related-article.event.full .article_img { width:100%; position: relative; height: unset; padding-bottom: 61.8%;} a.related-article.event.full .article_img .pane { width:100%;height: 100%; position: absolute;} a.related-article.event.full .article_img img { position:absolute; width:100%; height: 100%; top:0; left:0; object-fit: cover;} a.related-article.event.full .article_meta { width: 100%; margin: 0; padding: 0 24px 24px; } .search-results a h3 { font-family: var(--trade) !important; font-size: 24px !important; font-weight: 400 !important; } .search-results .location { font-size:16px;} .no-results-panel { margin:0 20px 20px; padding-bottom:20px; font-style: italic; font-size: 15px; letter-spacing:0; border-bottom: 1px solid var(--hr);} .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon { display: none; }