/* ========================================================================== 1. BASE STYLES ========================================================================== */ /* ========================================================================== Base ========================================================================== */ *, *:before, *:after { box-sizing: border-box; } html, body { height: 100%; margin: 0; overflow-x: hidden; padding: 0; position: relative; } html { background-color: rgb(var(--site-background-color)); color: rgb(var(--site-foreground-color)); font-size: var(--site-font-size); -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } hr { color: #bbb; background-color: #bbb; height: 1px; border: none; } /* Highlighted Text */ ::-moz-selection { color: rgb(var(--color-primary-contrast)); background: rgb(var(--color-primary)); text-shadow: none; } ::selection { color: rgb(var(--color-primary-contrast)); background: rgb(var(--color-primary)); text-shadow: none; } /* used for accessibility */ .sr-only, .screen-reader-text, .visually-hidden, .visually-hidden--focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } @media (max-width: 37.5em ) { .visually-hidden\@sm { border: 0!important; clip: rect(0,0,0,0)!important; height: 1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; white-space: nowrap!important; width: 1px!important; } } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } img { border: 0; height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } .table-wrap { overflow-x: auto; } table { border-collapse: collapse; margin-bottom: 1rem; text-align: left; font-size: .9rem; } table, tbody { border-color: rgb(var(--color-dark)); } th, td { padding: 0.75rem; vertical-align: top; border: 1px solid; border-color: rgb(var(--color-dark), .2); background-color: rgb(var(--color-white)); color: rgb(var(--color-text-dark)); } thead th, thead td { background-color: rgb(var(--color-light)); color: rgb(var(--color-text-dark)); } thead th { vertical-align: bottom; border-bottom: 2px solid rgb(var(--color-dark), .5); border-width: 1px; } tbody { border-bottom: 2px solid rgb(var(--color-dark), .5); } tfoot th, tfoot td { background-color: rgb(var(--color-light)); color: rgb(var(--color-text-dark)); } table caption { caption-side: bottom; margin-top: .5rem; font-size: .8em; text-align: left; opacity: .85; padding: 0.75rem; } .table-minimalist th, .table-minimalist td { border-width: 0 0 1px 0; } .table-minimalist thead th, .table-minimalist thead td { background-color: transparent; border-width: 0 0 2px 0; } .table-minimalist tfoot th, .table-minimalist tfoot td { background-color: transparent; border-bottom: 0; } .table-striped th, .table-striped td { border-width: 0 0 1px 0; } .table-striped thead th, .table-striped thead td { background-color: transparent; border-width: 0 0 2px 0; } .table-striped tbody tr:nth-child(even) th, .table-striped tbody tr:nth-child(even) td { background-color: rgb(var(--color-light), .5); } .table-striped tfoot th, .table-striped tfoot td { background-color: transparent; border-bottom: 0; } .js td, .js th { padding: 1rem 0.75rem; } .table-compact td, .table-compact th { font-size: .85rem; padding: 0.5rem 0.7rem; } /* ========================================================================== Typography ========================================================================== */ body { font-family: var(--body-font-family); letter-spacing: 0; line-height: var(--body-line-height); -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga" on; } /* Resets */ blockquote,button,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,ul { margin: 0; padding: 0 } /* Links */ a { color: var(--link-color); font-weight: bold; text-decoration: var(--link-text-decoration); } a:hover { opacity: .9; outline: none; } /* Basic text */ p { letter-spacing: .01em; line-height: var(--body-line-height); margin-top: 1em; margin-bottom: 1.2em; } sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } code, kbd, pre, samp { font-family: Menlo,Monaco,"Courier New",Courier,monospace; font-size: 14px; } mark { background-color: rgb(var(--color-primary), .3); color: inherit; } code { background-color: rgb(var(--color-dark), .85); border-radius: 4px; color: rgb(var(--color-text-light)); padding: 2px 3px; } pre { background-color: rgb(var(--color-dark), .85); border-radius: 4px; color: rgb(var(--color-text-light)); padding: 1.25rem; white-space: pre-wrap; } /* Headings */ .jumbo, .h0 { font: var(--jumbo-font); text-transform: var(--jumbo-transform); } h1, .h1 { font: var(--h1-font); text-transform: var(--h1-transform); } h2, .h2 { font: var(--h2-font); text-transform: var(--h2-transform); } h3, .h3 { font: var(--h3-font); text-transform: var(--h3-transform); } h4, .h4 { font: var(--h4-font); text-transform: var(--h4-transform); } h5, .h5 { font: var(--h5-font); } h6, .h6 { font: var(--h6-font); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } /* headings or any element with .paragraph and/or .unstyled classes */ .paragraph, .unstyled { font-size: 1rem; font-weight: normal; line-height: var(--body-line-height); } .paragraph { margin-top: 1em; margin-bottom: 1.2em; } .p-sm { font-size: var(--body-font-sm, .825rem); } .p-lg { font-size: var(--body-font-lg, 1.4rem); } /* Lists */ ul.unstyled, ol.unstyled, ul.flex { list-style: none; } ul.unstyled:not(.flex), ol.unstyled { margin: 0; padding: 0; } /* Quotes */ blockquote {} blockquote p {} blockquote small {} blockquote small:before {} blockquote cite { font-size: .8em; text-align: right; display: block; font-style: normal; font-weight: 400; } q:before, q:after, blockquote:before, blockquote:after {} /* captions */ .caption, .caption p { font-size: .8em; letter-spacing: var(--caption-letter-spacing, normal); text-transform: var(--caption-case, inherit); } /* post & richtext typography */ .post__body { font-weight: 400; } .post__body h2 { font-size: 2em; margin-top: 1.25em; margin-bottom: .4em; } .widget-type-rich_text h2, .hs_cos_wrapper_type_rich_text h2 { /* font-size: 2em; */ margin-top: .5em; margin-bottom: .4em; } .post__body h3 { font-size: 1.4em; margin-top: 1.75em; margin-bottom: .5em; } .widget-type-rich_text h3, .hs_cos_wrapper_type_rich_text h3 { /* font-size: 1.4em; */ margin-top: .75em; margin-bottom: .5em; } .widget-type-rich_text h4, .hs_cos_wrapper_type_rich_text h4, .widget-type-rich_text h5, .hs_cos_wrapper_type_rich_text h5, .widget-type-rich_text h6, .hs_cos_wrapper_type_rich_text h6 { margin-top: .5em; margin-bottom: .5em; } .post__body p { margin-bottom: 1.42em; line-height: 1.6; font-size: 1em; font-weight: 400; } .widget-type-rich_text p, .hs_cos_wrapper_type_rich_text p { margin-bottom: 1.42em; } .widget-type-rich_text h1:first-child, .hs_cos_wrapper_type_rich_text h1:first-child, .widget-type-rich_text h2:first-child, .hs_cos_wrapper_type_rich_text h2:first-child, .widget-type-rich_text h3:first-child, .hs_cos_wrapper_type_rich_text h3:first-child, .widget-type-rich_text h4:first-child, .hs_cos_wrapper_type_rich_text h4:first-child, .widget-type-rich_text h5:first-child, .hs_cos_wrapper_type_rich_text h5:first-child, .widget-type-rich_text h6:first-child, .hs_cos_wrapper_type_rich_text h6:first-child, .widget-type-rich_text p:first-child, .hs_cos_wrapper_type_rich_text p:first-child { margin-top: 0; } .post__body blockquote, .widget-type-rich_text blockquote, .hs_cos_wrapper_type_rich_text blockquote { padding: .25em 1.15em; border-left: 4px solid rgb(var(--color-primary)); margin-top: 1.4em; margin-bottom: 1.4em; font-size: 1.3em; font-weight: bold; } .post__body blockquote p:first-child, .widget-type-rich_text blockquote p:first-child, .hs_cos_wrapper_type_rich_text blockquote p:first-child { margin-top: 0; } .post__body blockquote p:last-child, .widget-type-rich_text blockquote p:last-child, .hs_cos_wrapper_type_rich_text blockquote p:last-child { margin-bottom: 0; } .post__body blockquote p, .widget-type-rich_text blockquote p, .hs_cos_wrapper_type_rich_text blockquote p { font-size: unset; font-weight: bold; } @media (min-width: 768px) { .post__body blockquote, .widget-type-rich_text blockquote, .hs_cos_wrapper_type_rich_text blockquote { padding: .25em 1.5em; } } .post__body ul, .post__body ol, .widget-type-rich_text ul, .widget-type-rich_text ol, .hs_cos_wrapper_type_rich_text ul, .hs_cos_wrapper_type_rich_text ol { margin-bottom: 1.42rem; padding: 0 1.15em; margin-top: 2em; margin-bottom: 2em; list-style-type: none; } .post__body ul li, .post__body ol li, .widget-type-rich_text ul li, .widget-type-rich_text ol li, .hs_cos_wrapper_type_rich_text ul li, .hs_cos_wrapper_type_rich_text ol li { margin-bottom: 20px; padding-left: 1.3rem; position: relative; } .post__body ol, .widget-type-rich_text ol, .hs_cos_wrapper_type_rich_text ol { counter-reset: step-counter; } .post__body ul li:before, .post__body ol li:before, .widget-type-rich_text ul li:before, .widget-type-rich_text ol li:before, .hs_cos_wrapper_type_rich_text ul li:before, .hs_cos_wrapper_type_rich_text ol li:before { position: absolute; left: 0; color: rgb(var(--color-primary)); } .post__body ul li:before, .widget-type-rich_text ul li:before, .hs_cos_wrapper_type_rich_text ul li:before { content: ''; width: 6px; height: 6px; background: rgb(var(--color-primary)); top: .5em; border-radius: 50%; } .post__body ol li:before, .widget-type-rich_text ol li:before, .hs_cos_wrapper_type_rich_text ol li:before { counter-increment: step-counter; content: counters(step-counter, "."); font-weight: bold; } .post__body ol ol, .widget-type-rich_text ol ol, .hs_cos_wrapper_type_rich_text ol ol { padding-left: 2em; } .post__body ol ol li:before, .widget-type-rich_text ol ol li:before, .hs_cos_wrapper_type_rich_text ol ol li:before { transform: translateX(-50%); } @media (min-width: 768px) { .post__body ul, .post__body ol, .widget-type-rich_text ul, .widget-type-rich_text ol, .hs_cos_wrapper_type_rich_text ul, .hs_cos_wrapper_type_rich_text ol { padding: 0 1em; } } .post__body code { background-color: rgb(var(--color-light)); color: rgb(var(--color-text-dark)); padding: 5px; } /* font util classes */ .font-body { font-family: var(--body-font-family); letter-spacing: .01em; } /* text style and color util classes */ .text-uppercase { text-transform: uppercase; } /* custom heading/subheading pair */ .heading { margin-bottom: .3em; } .heading__sub { display: block; font: 600 italic 14px var(--text-body-font-family); letter-spacing: -.015em; margin-bottom: .5em; position: relative; padding-left: 55px; } .heading__sub:before { content: ''; display: block; width: 42px; height: 4px; background: rgb(var(--color-secondary)); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } svg[hidden] { display: none; } svg.icon, .icon svg { fill: currentColor; vertical-align: middle; } svg.icon { height: 24px; width: 30px; } .icon-dropdown { border: solid currentColor; border-width: 0 2px 2px 0; display: block; height: 0.65em; margin: auto; transform: rotate(45deg) translate(-0.1em,-0.1em); width: 0.65em; } .icon-close { display: inline-block; height: .7em; position: relative; width: .7em; } .icon-close:before, .icon-close:after { background-color: currentColor; content: ""; height: 2px; left: 50%; position: absolute; top: 50%; transition: none; width: 1em; } .icon-close:before { transform: translate(-50%,-50%) rotate(-45deg); } .icon-close:after { transform: translate(-50%,-50%) rotate(45deg); } /* alignment */ .align-left { margin-right: auto; } .align-center { margin-left: auto; margin-right: auto; } .align-right { margin-left: auto; } @media (min-width: 768px) { .align-left--tablet { margin-left: unset; margin-right: auto; } } @media (min-width: 768px) { .align-center--tablet { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .align-right--tablet { margin-left: auto; margin-right: unset; } } @media (min-width: 1280px) { .align-left--desktop { margin-left: unset; margin-right: auto; } } @media (min-width: 1280px) { .align-center--desktop { margin-left: auto; margin-right: auto; } } @media (min-width: 1280px) { .align-right--desktop { margin-left: auto; margin-right: unset; } } /* text alignment */ .text-left { text-align:left; } .text-center { text-align:center; } .text-right { text-align:right; } @media (max-width: 767px) { .text-left--mobile { text-align:left; } .text-center--mobile { text-align:center; } .text-right-mobile { text-align:right; } } @media (min-width: 768px) and (max-width:1024px) { .text-left--tablet { text-align:left; } .text-center--tablet { text-align:center; } .text-right--tablet { text-align:right; } } @media (min-width: 1025px) { .text-left--desktop { text-align:left; } .text-center--desktop { text-align:center; } .text-right--desktop { text-align:right; } } /* text colors */ .text-white, .text-white * { color:#fff; } .text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5 { color: rgb(var(--color-text-dark)); } .text-light, .text-light p { color: rgb(var(--color-text-light)); } .text-light a:not(.button), .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5 { color: rgb(var(--color-text-light)); } .text-primary { color: rgb(var(--color-primary)); } .text-light a:before { display: block; position: absolute; width:100%; height:40%; top:auto; right:auto; bottom:-.1em; left:0; } /* NEW STYLES (DON'T TOUCH)*/ .footer-links{width::100%} .footer-links ul{width:100%;padding-left:0px !important;margin-top:0px;margin-bottom:0px;} .footer-links ul li{list-style:none;display:inline-block;margin-right:50px;padding-left:0px !important;margin-bottom: 10px;} .footer-links ul li:before{display:none;} .footer-links ul li a{color:#C0BFC3;font-size:0.75rem;font-weight:400;} .footer-links ul li p{font-size:0.6875rem;color:#A4A4A4;margin:0px;font-weight:400;} .footer-links ul li:last-child{float:right;margin-right:0px;} p,ul,ul li,body{letter-spacing:0.02em;} a{font-weight:400 !important} .topbar .topbar__menu:last-child{gap:10px;position: absolute; right: 64px;} .topbar .topbar__menu:last-child a:after{content:'|';} .topbar .topbar__menu:last-child a:last-child:after{content:'';} .accordion__icon{min-width:var(--accordion-icon-size);} /* Footer updates*/ footer.footer .hs-menu-depth-1:before{display:none !important;} footer.footer .hs-menu-depth-1>a{padding-left:0px;} footer.footer .social-links svg path{fill:#fff;} footer.footer .hs-menu-item a{font-weight:400;/*color:#A4A4A4;*/color:#9599A0;} footer.footer h5 .mh-heading__title{color: #686D77; font-size: 1.125rem; line-height: 1.625rem;font-weight:400;} footer.footer .row-number-1{} footer.footer .row-number-1 .span4.dnd-column{width:18.623932%;} footer.footer .row-number-1 .span2.dnd-column{width:17.529915%;} footer.footer .mh-heading{margin-bottom:1rem;} /* HEADER UPDATES */ #hs_cos_wrapper_topbar_items_1{justify-content:center;} /* center call now for a quote in topbar*/ header .header-menu .header-menu__link{transition: all .2s;} header .header-menu .header-menu__link:hover{color:var(--link-color);cursor:pointer;transition: all .2s;} header .header-menu a,header .header-menu a:hover{text-decoration:none !important;} footer.footer a,footer.footer a:hover{text-decoration:none !important;} header.header .header-menu__children:before{display:none;} footer.footer a{transition: all .3s;} footer.footer a:hover{color:rgb(var(--color-primary)) !important;transition: all .3s;} header.header .topbar a{text-decoration:none !important;font-size:12px;} .phone__number_area{display:none;} /*sticky topbar 0 */ .site-header--sticky,.header.real-state-header{top:0px !important;position: fixed !important;} .header.real-state-header{z-index:1000;} .body-container{padding-top:126px;} /*sticky nav for pages */ .dnd-section--sticky, .sticky-nav{z-index:99 !important;background:#fff;} .nav__mobile + .header-menu--secondary{display:none;} /* green border to button white */ .button.button--white {border: 1px solid rgb(var(--color-primary));} /* accordion styles */ .accordion__icon--plus .accordion__icon-group path{color:rgb(var(--color-primary));} .accordion--icon-right .accordion__icon:focus,.accordion--icon-right .accordion__icon:hover{outline:none !important;} .accordion__toggler:focus .accordion__icon{box-shadow:none !important;} .accordion__section .accordion__toggler{font-size:18px;line-height: 26px; font-weight: 400;} .accordion__section[open] .accordion__icon--plus .accordion__icon-group>path{transform: none !important;} .accordion__section[open] .accordion__icon--plus .accordion__icon-group>:first-child{transform:none !important;} .accordion__section[open] .accordion__icon--plus .accordion__icon-group{transform: rotate(90deg) !important;} .accordion__section[open] .accordion__toggler,.accordion__toggler:hover{background-color: transparent !important;} .accordion--density-compact .accordion__toggler {padding: 1.2rem 0 !important;;} .accordion__panel{padding:.75rem 0px !important;} .button--white:hover{background: #686D77 !important;color: #fff !important;} textarea, select, input { color: #686d77!important; } form.hs-form.stacked fieldset.form-columns-1 input[type="tel"] { color: #686d77!important; } @media (min-width: 1025px) { header .header-menu .header-menu__parent.header-menu__parent--has-children{position:relative;} header .header-menu .header-menu__parent.header-menu__parent--has-children:before{ content: ''; display: block; height: 8px; width: 8px; position: absolute; border-bottom: 3px solid #ccc; border-right: 3px solid #ccc; transform: rotateZ(45deg); top: 46%; right: 4px; } header .header-menu .header-menu__parent.header-menu__parent--has-children:hover:before{ transform:rotateZ(-135deg) translateY(-4px) translateX(-4px); } header.header.header--has-topbar{box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);} header .header-menu .header-menu__parent.header-menu__parent--has-children .header-menu__children {border-top:5px solid #00dd54;} } /* medias */ /* XS */ @media (max-width: 1024px){ /* MOBILE HEADER */ header.header .boomer-toggler,header.header .burger-toggler{ background-color: transparent; color: rgb(var(--color-primary)); box-shadow: none; } header.header .boomer-toggler i,header.header .boomer-toggler i:after,header.header .boomer-toggler i:before,header.header .burger-toggler i,header.header .burger-toggler i:after,header.header .burger-toggler i:before{width:36px;} header.header .boomer-toggler i:after,header.header .burger-toggler i:after { transform: translate(-50%, 490%); } header.header .boomer-toggler i:before,header.header .burger-toggler i:before { transform: translate(-50%, -550%); } header.header .boomer-toggler[aria-expanded=true] i:after,header.header .burger-toggler[aria-expanded=true] i:after{transform:translate(-50%,-50%) rotate(90deg);} header.header .nav__logo{ width: calc(100% - 100px); display: inline-block; text-align: center; } header.header .boomer-toggler,header.header .burger-toggler{ display: inline-block; float: left; top: 6px; } header.header .nav{display:block;} header.header .nav__logo .site-logo{justify-content:center;} .phone__number_area{ display: inline-block; position: relative; top: 14px; vertical-align: top; float: right; } /*MOBILE MENU */ .nav__mobile .nav__mobile-search{display:none;} .nav__mobile .header-menu__sub-menu-toggler{display:none;} .nav__mobile .header-menu__parent-link{color:var(--link-color);} .nav__mobile .header-menu__parent:before{height:auto;} .nav__mobile .header-menu__parent{padding:4px 20px;} .nav__mobile .header-menu__child-link{padding:1px 0px;} .nav__mobile .topbar__item.left-topbar{display:block; background:#fff;margin:0;} .left-topbar a{box-shadow:none;margin-left:-20px;} .nav__mobile + .header-menu--secondary{display:flex;} .nav__mobile .topbar__item.right-topbar{flex-wrap: wrap; justify-content: space-between;color:#4D5B64;background:#4D5B64;margin:0px;position:relative;} .nav__mobile .topbar__item.right-topbar a{color:#21C043;font-size:15px;} .nav__mobile .header-menu__children{ height: auto; opacity: 1; transition: all .2s ease-in-out; visibility: visible; } /*REQUEST A QUOTE STYLES */ .nav__mobile{height:calc(100% - 90px) !important;background:transparent !important;gap:0px !important;} .nav__mobile .header-menu{background:#fff;} header.header--has-topbar nav ul.header-menu--secondary{background:#fff;justify-content: space-between; flex-wrap: nowrap; padding-top: 5px; padding-bottom: 9px;} header.header--has-topbar nav ul.header-menu--secondary li{width: calc(100% - 10px); margin: 0 2px;} header.header--has-topbar nav ul.header-menu--secondary li a{width: 100%; margin: 0;} .nav__mobile .nav__mobile-ctas{display:none;} /* FOOTER */ footer.footer h5 .mh-heading__title{font-size: 1rem;line-height: 1.375rem;} footer.footer .hs-menu-item a{font-size: 0.8125rem;} } /* ALIGN TO THE LEFT THE MENU*/ nav.nav{grid-template-columns: 14% 56% 330px;gap: 20px;} /* CUSTOM CARD CLASS (for home warranty)*/ .match-description-card .card__text.custom{min-height: 67.5px;} .show-mobile{display:none;} .show-desktop{display:block;} /* MD */ @media (max-width: 992px){ .header{ height: 130px; } header.header .nav{padding-top:10px;} .show-mobile{display:block;} .show-desktop{display:none;} footer.footer .row-number-1 .span4.dnd-column{width:100%;} footer.footer .row-number-1 .span2.dnd-column{width:100%;} footer.footer .row-number-1 .span2 .row-fluid-wrapper + .row-fluid-wrapper{display:none;} .footer-links ul li:last-child{width:100%;border-top: 1px solid #ffffff38;padding-top: 20px;} .footer-links ul{display: block;padding-right:0px;} .footer-links ul li{ width: 49%; vertical-align: top; margin: 10px 0px; } footer.footer .mh-heading { margin-bottom: 0; } footer.footer .row-number-1 .span2.dnd-column { margin-bottom: 20px; } footer.footer .row-number-1 h5.mh-heading__heading{position:relative;cursor:pointer;} footer.footer .row-number-1 h5.mh-heading__heading:after{ content:''; background: url(https://23135074.fs1.hubspotusercontent-na1.net/hubfs/23135074/arrow-cinch2.svg) no-repeat 100% 50%; width: 15px; height: 15px; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; transform: rotate(90deg); transition: all .3s; cursor:pointer; background-size: 9px; } footer.footer .row-number-1 .activo h5.mh-heading__heading:after{ transform: rotate(-90deg);} [aria-expanded=false]~.nav__mobile>* { display: none !important; } } /* ========================================================================== 2. COS STRUCTURE ========================================================================== */ /* ========================================================================== Flex ========================================================================== *//* flex layouts */ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; } .flex--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex--column.flex--reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 768px) { .flex--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex--row.flex--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex.flex--nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .flex--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex--jc-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex--jc-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex--jc-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex--jc-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex--jc-around { -ms-flex-pack: distribute; justify-content: space-around; } .flex--vertical-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flex--vertical-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex--vertical-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } /* flex items / columns */ .flex__item { width: 100%; } .flex--has-gutter-mobile { margin-right: -1.4vw; margin-left: -1.4vw; } /* standard column classes */ @media (min-width: 768px) { .flex__item { width: auto; } .flex--has-gutter { margin-right: -1.4vw; margin-left: -1.4vw; } .flex--has-gutter > .flex__item { margin-left: 1.4vw; margin-right: 1.4vw; } .flex--has-gutter-small { margin-right: -0.84vw; margin-left: -0.84vw; } } @media(min-width: 768px){.flex__item.col-1 {width: 8.33300%;}.flex__item.col-2 {width: 16.66600%;}.flex__item.col-3 {width: 25.00000%;}.flex__item.col-4 {width: 33.33300%;}.flex__item.col-5 {width: 41.66600%;}.flex__item.col-6 {width: 50.00000%;}.flex__item.col-7 {width: 58.33300%;}.flex__item.col-8 {width: 66.66600%;}.flex__item.col-9 {width: 75.00000%;}.flex__item.col-10 {width: 83.33300%;}.flex__item.col-11 {width: 91.66600%;}.flex__item.col-12 {width: 100.00000%;}} @media(min-width: 768px){.flex__item.col-1-10ths {width: 10.00000%;}.flex__item.col-2-10ths {width: 20.00000%;}.flex__item.col-3-10ths {width: 30.00000%;}.flex__item.col-4-10ths {width: 40.00000%;}.flex__item.col-5-10ths {width: 50.00000%;}.flex__item.col-6-10ths {width: 60.00000%;}.flex__item.col-7-10ths {width: 70.00000%;}.flex__item.col-8-10ths {width: 80.00000%;}.flex__item.col-9-10ths {width: 90.00000%;}.flex__item.col-10-10ths {width: 100.00000%;}} @media(min-width: 768px){.flex--has-gutter>.flex__item.col-1 {width: calc(8.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-2 {width: calc(16.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-3 {width: calc(25.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-4 {width: calc(33.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-5 {width: calc(41.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-6 {width: calc(50.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-7 {width: calc(58.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-8 {width: calc(66.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-9 {width: calc(75.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-10 {width: calc(83.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-11 {width: calc(91.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-12 {width: calc(100.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}} @media(min-width: 768px){.flex--has-gutter>.flex__item.col-1-10ths {width: calc(10.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-2-10ths {width: calc(20.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-3-10ths {width: calc(30.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-4-10ths {width: calc(40.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-5-10ths {width: calc(50.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-6-10ths {width: calc(60.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-7-10ths {width: calc(70.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-8-10ths {width: calc(80.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-9-10ths {width: calc(90.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-10-10ths {width: calc(100.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}} @media(max-width: 767px){.flex__item.col-1--mobile-only {width: 8.33300%;}.flex__item.col-2--mobile-only {width: 16.66600%;}.flex__item.col-3--mobile-only {width: 25.00000%;}.flex__item.col-4--mobile-only {width: 33.33300%;}.flex__item.col-5--mobile-only {width: 41.66600%;}.flex__item.col-6--mobile-only {width: 50.00000%;}.flex__item.col-7--mobile-only {width: 58.33300%;}.flex__item.col-8--mobile-only {width: 66.66600%;}.flex__item.col-9--mobile-only {width: 75.00000%;}.flex__item.col-10--mobile-only {width: 83.33300%;}.flex__item.col-11--mobile-only {width: 91.66600%;}.flex__item.col-12--mobile-only {width: 100.00000%;}} @media(max-width: 767px){.flex__item.col-1-10ths--mobile-only {width: 10.00000%;}.flex__item.col-2-10ths--mobile-only {width: 20.00000%;}.flex__item.col-3-10ths--mobile-only {width: 30.00000%;}.flex__item.col-4-10ths--mobile-only {width: 40.00000%;}.flex__item.col-5-10ths--mobile-only {width: 50.00000%;}.flex__item.col-6-10ths--mobile-only {width: 60.00000%;}.flex__item.col-7-10ths--mobile-only {width: 70.00000%;}.flex__item.col-8-10ths--mobile-only {width: 80.00000%;}.flex__item.col-9-10ths--mobile-only {width: 90.00000%;}.flex__item.col-10-10ths--mobile-only {width: 100.00000%;}} @media(max-width: 767px){.flex--has-gutter>.flex__item.col-1--mobile-only {width: calc(8.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-2--mobile-only {width: calc(16.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-3--mobile-only {width: calc(25.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-4--mobile-only {width: calc(33.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-5--mobile-only {width: calc(41.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-6--mobile-only {width: calc(50.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-7--mobile-only {width: calc(58.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-8--mobile-only {width: calc(66.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-9--mobile-only {width: calc(75.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-10--mobile-only {width: calc(83.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-11--mobile-only {width: calc(91.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-12--mobile-only {width: calc(100.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}} @media(max-width: 767px){.flex--has-gutter>.flex__item.col-1-10ths--mobile-only {width: calc(10.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-2-10ths--mobile-only {width: calc(20.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-3-10ths--mobile-only {width: calc(30.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-4-10ths--mobile-only {width: calc(40.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-5-10ths--mobile-only {width: calc(50.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-6-10ths--mobile-only {width: calc(60.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-7-10ths--mobile-only {width: calc(70.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-8-10ths--mobile-only {width: calc(80.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-9-10ths--mobile-only {width: calc(90.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-10-10ths--mobile-only {width: calc(100.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}} @media(min-width: 768px) and (max-width: 1024px){.flex__item.col-1--tablet-only {width: 8.33300%;}.flex__item.col-2--tablet-only {width: 16.66600%;}.flex__item.col-3--tablet-only {width: 25.00000%;}.flex__item.col-4--tablet-only {width: 33.33300%;}.flex__item.col-5--tablet-only {width: 41.66600%;}.flex__item.col-6--tablet-only {width: 50.00000%;}.flex__item.col-7--tablet-only {width: 58.33300%;}.flex__item.col-8--tablet-only {width: 66.66600%;}.flex__item.col-9--tablet-only {width: 75.00000%;}.flex__item.col-10--tablet-only {width: 83.33300%;}.flex__item.col-11--tablet-only {width: 91.66600%;}.flex__item.col-12--tablet-only {width: 100.00000%;}} @media(min-width: 768px) and (max-width: 1024px){.flex__item.col-1-10ths--tablet-only {width: 10.00000%;}.flex__item.col-2-10ths--tablet-only {width: 20.00000%;}.flex__item.col-3-10ths--tablet-only {width: 30.00000%;}.flex__item.col-4-10ths--tablet-only {width: 40.00000%;}.flex__item.col-5-10ths--tablet-only {width: 50.00000%;}.flex__item.col-6-10ths--tablet-only {width: 60.00000%;}.flex__item.col-7-10ths--tablet-only {width: 70.00000%;}.flex__item.col-8-10ths--tablet-only {width: 80.00000%;}.flex__item.col-9-10ths--tablet-only {width: 90.00000%;}.flex__item.col-10-10ths--tablet-only {width: 100.00000%;}} @media(min-width: 768px) and (max-width: 1024px){.flex--has-gutter>.flex__item.col-1--tablet-only {width: calc(8.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-2--tablet-only {width: calc(16.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-3--tablet-only {width: calc(25.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-4--tablet-only {width: calc(33.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-5--tablet-only {width: calc(41.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-6--tablet-only {width: calc(50.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-7--tablet-only {width: calc(58.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-8--tablet-only {width: calc(66.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-9--tablet-only {width: calc(75.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-10--tablet-only {width: calc(83.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-11--tablet-only {width: calc(91.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-12--tablet-only {width: calc(100.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}} @media(min-width: 768px) and (max-width: 1024px){.flex--has-gutter>.flex__item.col-1-10ths--tablet-only {width: calc(10.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-2-10ths--tablet-only {width: calc(20.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-3-10ths--tablet-only {width: calc(30.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-4-10ths--tablet-only {width: calc(40.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-5-10ths--tablet-only {width: calc(50.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-6-10ths--tablet-only {width: calc(60.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-7-10ths--tablet-only {width: calc(70.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-8-10ths--tablet-only {width: calc(80.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-9-10ths--tablet-only {width: calc(90.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-10-10ths--tablet-only {width: calc(100.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}} @media(min-width: 1025px){.flex__item.col-1--desktop-only {width: 8.33300%;}.flex__item.col-2--desktop-only {width: 16.66600%;}.flex__item.col-3--desktop-only {width: 25.00000%;}.flex__item.col-4--desktop-only {width: 33.33300%;}.flex__item.col-5--desktop-only {width: 41.66600%;}.flex__item.col-6--desktop-only {width: 50.00000%;}.flex__item.col-7--desktop-only {width: 58.33300%;}.flex__item.col-8--desktop-only {width: 66.66600%;}.flex__item.col-9--desktop-only {width: 75.00000%;}.flex__item.col-10--desktop-only {width: 83.33300%;}.flex__item.col-11--desktop-only {width: 91.66600%;}.flex__item.col-12--desktop-only {width: 100.00000%;}} @media(min-width: 1025px){.flex__item.col-1-10ths--desktop-only {width: 10.00000%;}.flex__item.col-2-10ths--desktop-only {width: 20.00000%;}.flex__item.col-3-10ths--desktop-only {width: 30.00000%;}.flex__item.col-4-10ths--desktop-only {width: 40.00000%;}.flex__item.col-5-10ths--desktop-only {width: 50.00000%;}.flex__item.col-6-10ths--desktop-only {width: 60.00000%;}.flex__item.col-7-10ths--desktop-only {width: 70.00000%;}.flex__item.col-8-10ths--desktop-only {width: 80.00000%;}.flex__item.col-9-10ths--desktop-only {width: 90.00000%;}.flex__item.col-10-10ths--desktop-only {width: 100.00000%;}} @media(min-width: 1025px){.flex--has-gutter>.flex__item.col-1--desktop-only {width: calc(8.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-2--desktop-only {width: calc(16.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-3--desktop-only {width: calc(25.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-4--desktop-only {width: calc(33.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-5--desktop-only {width: calc(41.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-6--desktop-only {width: calc(50.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-7--desktop-only {width: calc(58.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-8--desktop-only {width: calc(66.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-9--desktop-only {width: calc(75.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-10--desktop-only {width: calc(83.33300% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-11--desktop-only {width: calc(91.66600% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-12--desktop-only {width: calc(100.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}} @media(min-width: 1025px){.flex--has-gutter>.flex__item.col-1-10ths--desktop-only {width: calc(10.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-2-10ths--desktop-only {width: calc(20.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-3-10ths--desktop-only {width: calc(30.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-4-10ths--desktop-only {width: calc(40.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-5-10ths--desktop-only {width: calc(50.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-6-10ths--desktop-only {width: calc(60.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-7-10ths--desktop-only {width: calc(70.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-8-10ths--desktop-only {width: calc(80.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-9-10ths--desktop-only {width: calc(90.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}.flex--has-gutter>.flex__item.col-10-10ths--desktop-only {width: calc(100.00000% - 2.8vw); margin-left: 1.4vw; margin-right: 1.4vw;}} /* ========================================================================== Structure ========================================================================== */ /* class on the body tag */ main { position: relative; min-height: calc(100vh - var(--nav-height) - var(--nav-height)); } /* container styles */ .container-fluid .row-fluid .container { float: none; margin: 0 auto; position: relative; width: 100%; } .container { float: none; max-width: var(--site-width); margin: 0 auto; padding-left: var(--site-gutter); padding-right: var(--site-gutter); position: relative; width: 100%; } .container--medium { --site-width: 1380px; } .container--slim { --site-width: 1000px; } .container--skinny { --site-width: 820px; } @media (min-width: 2400px ) { .body-container { max-width: 2700px; margin: auto; position: relative; overflow: hidden; } } .body-container .container { padding-top: 3em; padding-bottom: 3em; } .container--py0, .body-container .container--py0 { padding-top: 0; padding-bottom: 0; } @media (min-width: 56.25em ) { .container { padding-left: 3.5rem; padding-right: 3.5rem; } } .relative { position: relative; } #content > .span12 { float: none; } /* display rules */ .hide, .no-js .hide--no-js { display: none!important; } @media (max-width: 37.5em ) { .hide--phone, .hide--mobile { display: none!important; } } @media (min-width: 37.5em ) and (max-width: 68.75em ) { .hide--tablet { display: none!important; } } @media (min-width: 68.75em ) { .hide--desktop { display: none!important; } } /* ========================================================================== D&D Styles ========================================================================== */ .dnd-page-section { margin-top: calc(var(--header-height) * -1); padding-top: var(--header-height); } .dnd-section { padding: 4em 0; z-index: 0; } .dnd-section .row-module { margin: 0 calc(var(--site-gutter) * -1); } .dnd-section > .row-fluid { margin-left: auto; margin-right: auto; max-width: var(--site-width); padding-left: var(--site-gutter); padding-right: var(--site-gutter); position: relative; } @media (min-width: 768px) { .dnd-section > .row-fluid { display: flex; } } .hs-inline-edit .dnd-module { min-height: 40px!important; } /* ========================================================================== Rows and Columns ========================================================================== */ .row, .col { --color-background: var(--site-background-color); --color-foreground: var(--site-foreground-color); --background: rgb(var(--color-background)); background: var(--background); color: rgb(var(--color-foreground)); position: relative; } /* .row a:not(.button) { color: rgb(var(--link-color)); } */ .row .social-links svg, .col .social-links svg { fill: rgb(var(--color-background)); } .row--white { --color-background: var(--color-white); --color-foreground: var(--theme-white-foreground); --background: var(--theme-white-background); --link-color: rgb(var(--theme-white-accent)); } .row--light { --color-background: var(--color-light); --color-foreground: var(--theme-light-foreground); --background: var(--theme-light-background); --link-color: rgb(var(--theme-light-accent)); } .row--black { --color-background: var(--color-black); --color-foreground: var(--theme-black-foreground); --background: var(--theme-black-background); --link-color: rgb(var(--theme-black-accent)); } .row--dark { --color-background: var(--color-dark); --color-foreground: var(--theme-dark-foreground); --background: var(--theme-dark-background); --link-color: rgb(var(--theme-dark-accent)); } .row--primary { --color-background: var(--color-primary); --color-foreground: var(--color-primary-contrast); --link-color: rgb(var(--color-primary-contrast)); } .row--secondary { --color-background: var(--color-secondary); --color-foreground: var(--color-secondary-contrast); --link-color: rgb(var(--color-secondary-contrast)); } .row--tertiary { --color-background: var(--color-tertiary); --color-foreground: var(--color-tertiary-contrast); --link-color: rgb(var(--color-tertiary-contrast)); } .col--white { --color-background: var(--color-white); --color-foreground: var(--theme-white-foreground); --background: var(--theme-white-background); --link-color: rgb(var(--theme-white-accent)); } .col--light { --color-background: var(--color-light); --color-foreground: var(--theme-light-foreground); --background: var(--theme-light-background); --link-color: rgb(var(--theme-light-accent)); } .col--black { --color-background: var(--color-black); --color-foreground: var(--theme-black-foreground); --background: var(--theme-black-background); --link-color: rgb(var(--theme-black-accent)); } .col--dark { --color-background: var(--color-dark); --color-foreground: var(--theme-dark-foreground); --background: var(--theme-dark-background); --link-color: rgb(var(--theme-dark-accent)); } .col--primary { --color-background: var(--color-primary); --color-foreground: var(--color-primary-contrast); --link-color: rgb(var(--color-primary-contrast)); } .col--secondary { --color-background: var(--color-secondary); --color-foreground: var(--color-secondary-contrast); --link-color: rgb(var(--color-secondary-contrast)); } .col--tertiary { --color-background: var(--color-tertiary); --color-foreground: var(--color-tertiary-contrast); --link-color: rgb(var(--color-tertiary-contrast)); } @media (max-width: 767px ) { .col--row-mobile { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; width: calc(100% + 40px); } } @media (min-width: 768px ) { .col--overflow-right .bg { width: 100vw; left: 0; right: auto; } .col--overflow-left .bg { width: 100vw; left: auto; right: 0; } } /* ========================================================================== BG Elements ========================================================================== */ .bg-els { display: block; display: block; position: absolute; width:100%; height:100%; top:0; left:0; } .bg-el { position: absolute; overflow: hidden; opacity: .2; } .bg, .bg__img, .bg__overlay { position: absolute; width: 100%; height: 100%; top: 0; right: auto; bottom: auto; left: 0; overflow: hidden; } .bg__img { min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; } .bg__img--left-top { object-position: 0 0; } .bg__img--left-center { object-position: 0 50%; } .bg__img--left-bottom { object-position: 0 100%; } .bg__img--center-top { object-position: 50% 0; } .bg__img--center-center { object-position: 50% 50%; } .bg__img--center-bottom { object-position: 50% 100%; } .bg__img--right-top { object-position: 100% 0; } .bg__img--right-center { object-position: 100% 50%; } .bg__img--right-bottom { object-position: 100% 100%; } .bg__video { object-fit: cover; object-position: 50% 50%; display: block; position: absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; } .media { border-radius: var(--media-border-radius); height: 1px; position: relative; overflow:hidden; width: 100%; } .media--16-9 { padding-bottom: 56.25%; } .media--7-5 { padding-bottom: 71.43%; } .media--4-3 { padding-bottom: 75.00%; } .media--5-4 { padding-bottom: 80.00%; } .media--7-8 { padding-bottom: 114.29%; } .media--1-1 { padding-bottom: 100.00%; } .media--8-7 { padding-bottom: 87.50%; } .media--4-5 { padding-bottom: 125.00%; } .media--3-4 { padding-bottom: 133.33%; } .media--5-7 { padding-bottom: 140.00%; } .media > img, .media > video, .media > iframe { display: block; min-height: 100%; min-width: 100%; object-fit: cover; position: absolute; } /* deferred media */ deferred-media { display: block; } .deferred-media__poster { background-color: transparent; border: none; border-radius: 0; cursor: pointer; font-size: 1rem; margin: 0; padding: 0; position: relative; height: 100%; width: 100%; } .deferred-media__poster { align-items: center; display: flex; justify-content: center; } .deferred-media__poster img { width: auto; height: 100%; } .deferred-media { overflow: hidden; } .deferred-media:not([loaded]) template { z-index: -1; } .deferred-media[loaded] > .deferred-media__poster { display: none; } .deferred-media__poster:focus { outline-offset: -0.3rem; } .deferred-media__overlay { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .deferred-media__poster-content { color: rgb(var(--color-white)); display: flex; align-items: center; flex-flow: column; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); z-index: 1; } .deferred-media__media { height: 1px; overflow: hidden; padding-bottom: var(--dm-ratio, 56.25%); position: relative; width: 100%; } .deferred-media__media iframe { height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 100%; } /* video modals */ .media-modal { --aspect-ratio: 16 / 9; background: rgba(var(--color-background), 0.8); box-sizing: border-box; display: flex; height: 100%; left: 0; margin: 0 auto; opacity: 0; overflow: auto; padding: var(--site-gutter) var(--site-gutter); position: fixed; top: 0; visibility: hidden; width: 100%; z-index: -1; } .media-modal[open] { opacity: 1; visibility: visible; z-index: var(--site-z-top); } .media-modal__content { aspect-ratio: var(--aspect-ratio); background-color: rgb(var(--color-background)); max-height: 100%; max-width: 1000px; margin: auto; overflow: auto; width: 100%; } .media-modal__toggle { align-items: center; background-color: rgb(var(--color-background)); border-radius: 50%; border: 0.1rem solid rgba(var(--color-foreground), 0.1); color: rgba(var(--color-foreground), 0.55); cursor: pointer; display: flex; height: clamp( 40px,4rem, 50px); justify-content: center; margin: 0 0 0 auto; padding: 0; position: fixed; right: 0.5rem; top: 2rem; width: clamp( 40px,4rem, 50px); z-index: 2; } @media screen and (min-width: 750px) { .media-modal__toggle { right: 4.8rem; top: 3.5rem; } } @media screen and (min-width: 990px) { .media-modal__toggle { right: 4.3rem; top: 3rem; } } .media-modal__toggle .icon { height: auto; margin: auto; width: 55%; } .media-modal__video, .media-modal__video iframe, .media-modal__video video { aspect-ratio: var(--aspect-ratio); height: 100%; width: 100%; } .media-modal__video iframe { position: static; border: 0; } /* ========================================================================== 3. COMPONENTS ========================================================================== */ .widget-type-space { visibility: hidden; } #map_canvas img, .google-maps img { max-width: none; } #recaptcha_table td { line-height: 0; } .recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; } pre { overflow-x: auto; } table pre { white-space: pre-wrap; } .comment { margin: 10px 0 10px 0; } .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } @media all and (max-width: 400px) { #captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1{ width: auto !important; overflow: hidden; } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; } #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; } } .widget-type-rich_text .cell-wrapper table { box-sizing: border-box; border-collapse: collapse; height: auto!important; border: none; width: 100%; } table td { width: auto!important; } @media all and (max-width: 768px) { .widget-type-rich_text .cell-wrapper table td { width: auto!important; display: block; border-top:0; border-left: 0; border-right: 0; } .widget-type-rich_text .cell-wrapper table tr:last-child td:last-child { border-bottom:0; } } .hs-responsive-embed { position: relative; height: 0; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 56.25%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } body .row-fluid [class*="span"] { min-height: 1px; } .hs_cos_wrapper > h3, .hs_cos_wrapper > .block > h3 { margin-bottom: .75em; } .section-header h1, .section-header h2 { border-bottom: rgb(var(--color-primary)) 4px solid; display: inline-block; font-size: 2.2em; line-height: 1.25; padding-bottom: .25em; } .section-header p, .section-header p span { color: rgb(var(--color-primary)); } .section-header p { font-size: 1em; margin-top: .4em; } @media (min-width: 68.75em ) { .section-header { font-size: 1.4em; } } .widget-type-post_filter ul, .hs_cos_wrapper_type_post_filter ul, .topic-tags ul { list-style: none; margin: 0; padding: 0; } .widget-type-post_filter li, .hs_cos_wrapper_type_post_filter li, .topic-tags li { display: inline-block; } .widget-type-post_filter li a, .hs_cos_wrapper_type_post_filter li a, .topic-tags li a { background-color: rgb(var(--color-light)); border-radius: 16px; color: rgb(var(--color-text-dark)); display: inline-block; height: 32px; font-size: 13px; font-weight: 400; line-height: 32px; margin-bottom: 5px; margin-right: 5px; padding: 0 18px 0 12px; position: relative; text-decoration: none; transition: .2s box-shadow; } .widget-type-post_filter li a:hover, .hs_cos_wrapper_type_post_filter li a:hover, .topic-tags li a:hover, .widget-type-post_filter li a:focus, .hs_cos_wrapper_type_post_filter li a:focus { box-shadow: 0 0 0 2px rgb(var(--color-primary), 0.6); } .widget-type-post_filter li a .filter-link-count, .hs_cos_wrapper_type_post_filter li a .filter-link-count, .topic-tags li a .filter-link-count { display: block; position: absolute; width:20px; height:20px; top:-5px; right:-4px; background-color: rgb(var(--color-primary)); border-radius: 50%; color: rgb(var(--color-primary-contrast)); font-weight: 600; line-height: 20px; text-align: center; transition: .2s box-shadow; } .widget-type-post_filter li a:hover .filter-link-count, .hs_cos_wrapper_type_post_filter li a:hover .filter-link-count, .topic-tags li a:hover .filter-link-count, .widget-type-post_filter li a:focus .filter-link-count, .hs_cos_wrapper_type_post_filter li a:focus .filter-link-count { box-shadow: 0 0 0 3px rgb(var(--color-primary), 0.6); } .widget-type-post_filter li a.topic-link, .hs_cos_wrapper_type_post_filter li a.topic-link, .topic-tags li a.topic-link { padding-right: 12px; } .hs-rss-module { } .hs-rss-module.biggy { } .hs-rss-item { margin-bottom: 0; padding: 2.25em 0; border-bottom: 1px solid #eee; } .hs-rss-item.hs-with-featured-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse wrap-reverse; flex-flow: row-reverse wrap-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width: 100%; } body .hs-rss-item.hs-with-featured-image .hs-rss-item-text { display: block; float: none; width: 100%; padding: 1.25em 1rem; } .hs-rss-title { color: unset; display: block; font-size: 1.75em; font-weight: 600; line-height: 1.2; margin-bottom: 0.4em; text-decoration:none; } .hs-rss-description > p { margin: 1em 0 0; } .hs-rss-description > p > a { display: block; margin: 0.8em 0 0; font-weight: bold; font-size: 1.2em; } @media (min-width: 68.75em ) { .hs-rss-item.hs-with-featured-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 1.5rem; } body .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { width: calc(33% - 1.2em); } body .hs-rss-item.hs-with-featured-image .hs-rss-item-text { display: -ms-grid; display: grid; width: 67%; -ms-grid-columns: 1fr 1.2em 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 1.2em; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding-bottom: 0; padding-top: 0; } .hs-rss-item.hs-with-featured-image .hs-rss-title { font-size: 1.4em; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .hs-rss-item.hs-with-featured-image .hs-rss-byline { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; font-size: 0.7em; height: auto; } .hs-rss-item.hs-with-featured-image .hs-rss-description { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; font-size: .85em; } .hs-rss-item.hs-with-featured-image .hs-rss-description p { margin-top: 0; } } @media (min-width: 150em ) { .hs-rss-item.hs-with-featured-image { font-size: 1.75em; } .hs-rss-item.hs-with-featured-image .hs-rss-description { font-size: .9em; } } .hs-menu-wrapper ul { list-style: none; line-height: 1; padding: 0; } .hs-item-has-children { position: relative; } .hs-menu-depth-1 { position: relative; } .hs-menu__child-toggler { display:none; position: absolute; top: 0; right: 23px; padding: .75em 1.3rem; font-size: 1em; line-height: 1; } .hs-menu-wrapper.flyouts:not(.hs-menu-flow-horizontal) .hs-menu-children-wrapper ~ .hs-menu__child-toggler { display: block; } .hs-menu__child-toggler i { border: rgb(var(--color-primary)) solid; border-width: 0 2px 2px 0; display: block; width: 12px; height: 12px; transform: rotate(45deg) translate(-2px,-2px); } .hs-item-has-children--open > .hs-menu__child-toggler i { transform: rotate(225deg) translate(-2px,-2px); } .hs-menu-depth-1:before { content: ''; background-color: rgb(var(--color-primary), 0.1); transition: all 0.2s; display: block; position: absolute; width:3px; height:100%; top:0; left:0; } .hs-menu-depth-1:hover::before, .hs-item-has-children--open::before { background-color: rgb(var(--color-primary)); } .hs-menu-item a { display: inline-block; padding: .75em 1.3rem; } .hs-menu-wrapper .hs-menu-children-wrapper { transition: all 0.4s; padding-left: 1rem; font-size: .9em; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper { display:none; visibility: hidden; opacity: 0; } .hs-menu-wrapper.flyouts .hs-item-has-children--open > .hs-menu-children-wrapper { display:block; visibility: visible; opacity: 1; } @media (min-width: 68.75em ) { .hs-menu-flow-horizontal > ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .hs-menu-flow-horizontal .hs-item-has-children:not(.hs-menu-depth-1) { position: static; } .hs-menu-flow-horizontal.flyouts .hs-menu-children-wrapper { background-color: #fff; box-shadow: 0px 17px 35px 0px rgba(0,0,0,0.12); font-size: .9em; min-width: 150px; opacity: 0; padding: 1rem 0; transition: opacity 0.4s; visibility: hidden; z-index: 10; display: block; position: absolute; width:auto; height:auto; top:100%; left:0; } .hs-menu-flow-horizontal .hs-menu-depth-1 { padding-right: 0; } .hs-menu-flow-horizontal .hs-menu-depth-1:before { content: unset; } .hs-menu-flow-horizontal.flyouts .hs-menu__child-toggler { display:none; } .hs-menu-flow-horizontal .hs-menu-depth-2:hover, .hs-menu-flow-horizontal .hs-menu-depth-2:hover > .hs-menu-children-wrapper { background-color: rgb(var(--color-primary), .05); color: rgb(var(--color-primary)); } .hs-menu-flow-horizontal .hs-menu-depth-1 a { display: block; padding: .5em 20px; } .hs-menu-flow-horizontal .hs-menu-children-wrapper a { display: block; white-space: nowrap; } .hs-menu-flow-horizontal .hs-menu-depth-2:hover a { color: rgb(var(--color-primary-contrast)); } .hs-menu-flow-horizontal.flyouts .hs-menu-children-wrapper .hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover >.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-flow-horizontal .hs-menu-depth-1.hs-item-has-children, .hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; } .hs-menu-flow-horizontal.hs-menu-show-active-branch .hs-item-has-children { position: static; } .hs-menu-flow-horizontal.hs-menu-show-active-branch .hs-menu-children-wrapper { display: none; } .hs-menu-flow-horizontal.hs-menu-show-active-branch .hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-flow-horizontal .hs-menu-depth-1 > .hs-menu-children-wrapper:before { -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; content: ''; transform: rotate(135deg); display: block; position: absolute; width:11px; height:11px; top:-5px; left:15%; } } .hs_cos_wrapper_type_social_sharing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; width: 100%; } .hs_cos_wrapper_type_social_sharing a { background-color: rgb(var(--color-secondary)); color: rgb(var(--color-secondary-contrast)); display: block; padding: 20px; transition: .15s all ease-in-out; width: auto!important; } .hs_cos_wrapper_type_social_sharing a:hover { background-color: rgb(var(--color-primary)); color: rgb(var(--color-primary-contrast)); } .hs_cos_wrapper_type_social_sharing svg { display: block; height: 24px; width: 30px; } .hs-share__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hs-share__title span:first-child { padding: 5px 20px 2px; } .hs-share__title span:last-child { font-size: .875em; } .widget-type-follow_me div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; width: 100%; } .widget-type-follow_me a { display:block; padding: .5em; } .widget-type-follow_me a:hover { background-color: rgb(var(--color-primary), .1 ); } .widget-type-follow_me svg { fill: currentColor; height: 24px; width: 30px; vertical-align: middle; } .breadcrumbs { display: flex; flex-wrap: wrap; font-size: .8rem; list-style: none; padding: .5em 0; } .breadcrumb { padding-right: 1em; } .breadcrumb:last-child { padding-right: 0; } .breadcrumb + .breadcrumb::before{ border: solid currentColor; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 9px; margin-right: 1em; transform: rotate(45deg); vertical-align: middle; width: 9px; } /* ========================================================================== 4. FORMS & BUTTONS ========================================================================== */ /* ========================================================================== Forms ========================================================================== */ /* forms general */ @media (min-width: 48em) { form { font-size: 18px; } } form label { font-size: .75em; } form ul { margin-left: 0; padding-left: 0; } form ul li { list-style-type: none; } form textarea { min-height: 6em; } form fieldset { border: 0; margin: 0; padding: 0; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; -webkit-border-radius: 0; } textarea, input[type="text"], input[type="file"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, select:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgb(var(--form-fields-bg-color)); border: 1px solid rgb(var(--form-fields-border-color)); border-radius: var(--form-fields-radius); box-sizing: border-box; color: rgb(var(--form-fields-text-color)); display: inline-block; font-size: 0.9em; outline: none; padding: 0.65em 0.85rem; width: 100%; } textarea:focus, input[type="text"]:focus, input[type="file"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, select:focus:focus { outline: none; background-color: rgb(var(--form-fields-bg-focus-color)); border-color: rgb(var(--form-focus-color)); box-shadow: 0 0 0 2px rgb(var(--form-focus-color), 0.2); } @media (max-width: 48em) { textarea, input[type="text"], input[type="file"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, select:focus { font-size: inherit !important; } } input[type="file"], input[type=file]::-webkit-file-upload-button { cursor: pointer; } input[type="submit"], button { border: 1px solid rgb(var(--color-primary)); background-color: rgb(var(--color-primary)); color: rgb(var(--color-primary-contrast)); } select { background: rgb(var(--form-fields-bg-color)) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAAAAABURb1YAAAAl0lEQVRYw+3Uuw2AMAwE0Oy/jIsskDIFC1BSZAEmQCCE+Ji7REIIoUuZ4hX2ncP4yAtixIgRI0aMmE8zZWhiUired2/WxJjF4iqxicme0/s4mo3jAOV+xBcHKWBTJwcqaOEHByswNzuHKDh+m8MUkuLVoQorw+JwhXZqdrjCq5mtQqloeK5Qag5FV35+/cSIESNGjJhXmQnOvgEuVs+JLgAAAABJRU5ErkJggg==') no-repeat top right/contain; background: rgb(var(--form-fields-bg-color)) url('data:image/svg+xml;utf8,') no-repeat top right/contain; cursor: pointer; } .form-input { display: flex; flex-flow: column; } .form-input input + label { order: -1; } /* forms HubSpot */ .widget-type-form { display: block; padding: 1.2em; } .widget-type-form, form.hs-form { background: rgb(var(--form-bg-color)); color: rgb(var(--form-foreground-color)); border-radius: var(--form-fields-radius); } .widget-type-form form.hs-form { background: inherit; color: inherit; border-radius: inherit; } form.hs-form.stacked label { margin-bottom: 0.3em; display: block; } form.hs-form.stacked .hs-fieldtype-textarea, form.hs-form.stacked input[type="text"], form.hs-form.stacked input[type="file"], form.hs-form.stacked input[type="password"], form.hs-form.stacked input[type="datetime"], form.hs-form.stacked input[type="datetime-local"], form.hs-form.stacked input[type="date"], form.hs-form.stacked input[type="month"], form.hs-form.stacked input[type="time"], form.hs-form.stacked input[type="week"], form.hs-form.stacked input[type="number"], form.hs-form.stacked input[type="email"], form.hs-form.stacked input[type="url"], form.hs-form.stacked input[type="search"], form.hs-form.stacked input[type="tel"], form.hs-form.stacked input[type="color"], form.hs-form.stacked select { margin-bottom: 1em; } form.hs-form.stacked .hs-button { margin-top: 1.65em; } form.hs-form.stacked fieldset { margin: .75em 0; max-width: 100%; } form.hs-form.stacked fieldset.form-columns-1 textarea, form.hs-form.stacked fieldset.form-columns-1 input[type="text"], form.hs-form.stacked fieldset.form-columns-1 input[type="file"], form.hs-form.stacked fieldset.form-columns-1 input[type="password"], form.hs-form.stacked fieldset.form-columns-1 input[type="datetime"], form.hs-form.stacked fieldset.form-columns-1 input[type="datetime-local"], form.hs-form.stacked fieldset.form-columns-1 input[type="date"], form.hs-form.stacked fieldset.form-columns-1 input[type="month"], form.hs-form.stacked fieldset.form-columns-1 input[type="time"], form.hs-form.stacked fieldset.form-columns-1 input[type="week"], form.hs-form.stacked fieldset.form-columns-1 input[type="number"], form.hs-form.stacked fieldset.form-columns-1 input[type="email"], form.hs-form.stacked fieldset.form-columns-1 input[type="url"], form.hs-form.stacked fieldset.form-columns-1 input[type="search"], form.hs-form.stacked fieldset.form-columns-1 input[type="tel"], form.hs-form.stacked fieldset.form-columns-1 input[type="color"], form.hs-form.stacked fieldset.form-columns-1 select { width: 100%; } @media (max-width: 480px) { form.hs-form.stacked fieldset[class*="form-columns"] .input, form.hs-form.stacked fieldset[class*="form-columns"] textarea, form.hs-form.stacked fieldset[class*="form-columns"] input[type="text"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="file"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="password"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="datetime"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="datetime-local"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="date"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="month"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="time"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="week"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="number"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="email"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="url"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="search"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="tel"], form.hs-form.stacked fieldset[class*="form-columns"] input[type="color"], form.hs-form.stacked fieldset[class*="form-columns"] select { width: 100% !important; margin-right: 0 !important; } } form.hs-form.stacked .hs-richtext { margin-top: 1.5em; margin-bottom: 1.25em; } form.hs-form.stacked .hs-richtext > * { margin-top: 0; } form.hs-form.stacked .hs-richtext p:last-child { margin-bottom: 0; } form.hs-form.stacked .hs_recaptcha { margin-bottom: 1em; margin-top: 1em; } form .inputs-list { padding:0; } form .hs-input.invalid.error { border-color: rgb(var(--form-error-color)); box-shadow: 0 0 0 1px rgb(var(--form-error-color)); } form .hs-input.invalid.error:focus { border-color: rgb(var(--form-error-color)); box-shadow: 0 0 0 2px rgb(var(--form-error-color), 0.5); } .hs-error-msgs { list-style-type: none; } form .hs-error-msgs.inputs-list { color: rgb(rgb(var(--form-error-color))); font-weight: 400; padding: 0 1rem 0 36px; position: relative; margin: -.3em 0 1em; } form .hs-error-msgs.inputs-list:before { background-color: rgb(var(--form-error-color)); border-radius: 50%; color: rgb(var(--form-error-color-contrast)); content: '!'; display: block; font-size: 12px; font-weight: 600; height: 16px; line-height: 16px; position: absolute; width: 16px; left: 0.5rem; text-align: center; top: 50%; transform: translateY(-50%); vertical-align: middle; } form .hs-error-msgs.inputs-list label { font-size: 0.9em; margin-bottom: 0; } .hs-fieldtype-booleancheckbox, .hs-fieldtype-radio { margin: 1.2em 0; } .hs-fieldtype-textarea > .input { display: grid; } .hs-fieldtype-textarea .input::after { content: attr(data-replicated-value) " "; visibility: hidden; white-space: pre-wrap; } .hs-fieldtype-textarea textarea { resize: none; overflow: hidden; } /* Identical styling required!! */ .hs-form .hs-fieldtype-textarea textarea, .hs-fieldtype-textarea .input::after { appearance: none; background-color: rgb(var(--form-fields-bg-color)); border: 1px solid rgb(var(--form-fields-border-color)); border-radius: var(--form-fields-radius); box-sizing: border-box; color: rgb(var(--form-fields-text-color)); display: inline-block; font: normal .9em/1.3 var(--body-font-family); grid-area: 1 / 1 / 2 / 2; min-height: 6em; outline: none; padding: 0.65em 0.85rem; } /* Remove default checkbox */ .hs-form-checkbox-display [type="checkbox"]:not(:checked), .hs-form-checkbox-display [type="checkbox"]:checked, .hs-form-booleancheckbox-display [type="checkbox"]:not(:checked), .hs-form-booleancheckbox-display [type="checkbox"]:checked{ position: absolute; opacity: 0; pointer-events: none; } #hs-membership-form a[class*='show-password'] { font-size: 0.75em; } /* forms checkboxes - general */ .form-checkboxes { display: flex; flex-flow: column; gap: 0.3em; } .form-checkbox, .hs-form-checkbox-display, .hs-form-booleancheckbox-display { cursor: pointer; font-size: 1em; line-height: 1.5; } .form-checkbox label { cursor: pointer; display: grid; font-size: 1em; gap: 0.75em; grid-template: 'checkbox label' auto / var(--form-checkbox-size) 1fr; position: relative; } /* Remove default checkbox */ .form-checkbox [type="checkbox"], .hs-form-checkbox-display [type="checkbox"]:not(:checked), .hs-form-checkbox-display [type="checkbox"]:checked, .hs-form-booleancheckbox-display [type="checkbox"]:not(:checked), .hs-form-booleancheckbox-display [type="checkbox"]:checked{ position: absolute; opacity: 0; pointer-events: none; } .hs-form-checkbox-display [type="checkbox"] + span, .hs-form-booleancheckbox-display [type="checkbox"] + span { position: relative; padding-left: calc(var(--form-checkbox-size) + .75em); display: inline-block; -webkit-user-select: none; user-select: none; } .hs-form-checkbox-display [type="checkbox"] + span:before, .hs-form-booleancheckbox-display [type="checkbox"] + span:before { border: 2px solid rgb(var(--form-focus-color)); border-radius: 1px; content: ''; height: var(--form-checkbox-size); left: 0; margin-top: 3px; position: absolute; top: 0; transition: .2s; width: var(--form-checkbox-size); z-index: 0; } .form-checkbox [type="checkbox"] + label:before { border: 2px solid rgb(var(--form-focus-color)); border-radius: 1px; content: ''; height: var(--form-checkbox-size); margin-top: 3px; transition: .2s; width: var(--form-checkbox-size); z-index: 0; } .form-checkbox [type="checkbox"]:not(:checked):disabled + label:before, .hs-form-checkbox-display [type="checkbox"]:not(:checked):disabled + span:before, .hs-form-booleancheckbox-display [type="checkbox"]:not(:checked):disabled + span:before { border: none; background-color: rgba(0, 0, 0, 0.42); } .form-checkbox [type="checkbox"]:focus + label:after, .hs-form-checkbox-display [type="checkbox"]:focus + span:after, .hs-form-booleancheckbox-display [type="checkbox"]:focus + span:after { transform: scale(1); border: 0; border-radius: 50%; box-shadow: 0 0 0 10px rgb(var(--form-focus-color), 0.1); background-color: rgb(var(--form-focus-color), 0.1); } .form-checkbox [type="checkbox"]:checked + label:before, .hs-form-checkbox-display [type="checkbox"]:checked + span:before, .hs-form-booleancheckbox-display [type="checkbox"]:checked + span:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: calc(var(--form-checkbox-size) * 0.9); left: calc(var(--form-checkbox-size) * -0.1); border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid rgb(var(--form-focus-color)); border-bottom: 2px solid rgb(var(--form-focus-color)); top: calc(var(--form-checkbox-size) * -0.1); transform: rotate(40deg); transform-origin: 100% 100%; width: calc(var(--form-checkbox-size) * 0.5); } .form-checkbox [type="checkbox"]:checked + label:before { transform-origin: 110% 85%; } .form-checkbox [type="checkbox"]:checked:disabled + label:before, .hs-form-checkbox-display [type="checkbox"]:checked:disabled + span:before, .hs-form-booleancheckbox-display [type="checkbox"]:checked:disabled + span:before { border-right: 2px solid rgba(0, 0, 0, 0.42); border-bottom: 2px solid rgba(0, 0, 0, 0.42); } /* Indeterminate checkbox */ .form-checkbox [type="checkbox"]:indeterminate + label:before, .hs-form-checkbox-display [type="checkbox"]:indeterminate + span:before, .hs-form-booleancheckbox-display [type="checkbox"]:indeterminate + span:before { top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid rgb(var(--form-focus-color)); border-bottom: none; transform: rotate(90deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-origin: 100% 100%; } .form-checkbox [type="checkbox"]:indeterminate:disabled + label:before, .hs-form-checkbox-display [type="checkbox"]:indeterminate:disabled + span:before, .hs-form-booleancheckbox-display [type="checkbox"]:indeterminate:disabled + span:before { border-right: 2px solid rgba(0, 0, 0, 0.42); background-color: transparent; } /* forms checkboxes - outlined */ .form-checkbox [type="checkbox"] + label:after, .hs-form-checkbox-display [type="checkbox"] + span:after, .hs-form-booleancheckbox-display [type="checkbox"] + span:after { border: 2px solid rgb(var(--form-focus-color)); border-radius: 1px; content: ''; height: var(--form-checkbox-size); left: 0; margin-top: 2px; position: absolute; top: 0; transition: .2s; width: var(--form-checkbox-size); z-index: 0; } .form-checkbox [type="checkbox"] + label:after, .hs-form-checkbox-display [type="checkbox"] + span:after, .hs-form-booleancheckbox-display [type="checkbox"] + span:after { border: 0; transform: scale(0); } /* forms radio */ .form-radios { display: flex; flex-flow: column; gap: 0.3em; } .hs-fieldtype-radio .inputs-list { margin: .7em 0 .7em; } .form-radio, .hs-form-radio-display { font-size: 1em; line-height: 1.5; } .form-radio label { font-size: 1em; } [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; opacity: 0; pointer-events: none; } [type="radio"] + label, [type="radio"]:not(:checked) + span, [type="radio"]:checked + span { position: relative; padding-left: calc(var(--form-radio-size) + 0.75em); cursor: pointer; display: inline-block; line-height: 1.5; transition: .28s ease; -webkit-user-select: none; user-select: none; } [type="radio"] + label:before, [type="radio"] + label:after, [type="radio"] + span:before, [type="radio"] + span:after { border-radius: 50%; content: ''; height: var(--form-radio-size); left: 0; margin: 3px 3px 3px 0; position: absolute; top: 0; transition: .28s ease; width: var(--form-radio-size); z-index: 0; } /* Unchecked styles */ [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after, [type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after { border: 2px solid rgb(var(--form-focus-color)); } [type="radio"]:not(:checked) + label:after, [type="radio"]:not(:checked) + span:after { transform: scale(0); } /* Checked styles */ [type="radio"]:checked + label:before, [type="radio"]:checked + span:before { border: 2px solid rgb(var(--form-focus-color)); } [type="radio"]:checked + label:after, [type="radio"]:checked + span:after { border: 2px solid rgb(var(--form-focus-color)); } [type="radio"]:checked + label:after, [type="radio"]:checked + span:after { background-color: rgb(var(--form-focus-color)); } [type="radio"]:checked + label:after, [type="radio"]:checked + span:after { transform: scale(0.5); } .form-radio--filled[type="radio"]:checked + label:after, .form-radio--filled[type="radio"]:checked + span:after { transform: scale(1.02); } /* Focused styles */ [type="radio"]:focus + label:before, [type="radio"]:focus + span:before { box-shadow: 0 0 0 10px rgb(var(--form-focus-color), 0.25); } /* Disabled Radio */ [type="radio"]:disabled:checked + label:before, [type="radio"]:disabled:checked + span:before { border: 2px solid rgba(0, 0, 0, 0.42); } [type="radio"]:disabled:checked + label:after, [type="radio"]:disabled:checked + span:after { border: none; background-color: rgba(0, 0, 0, 0.42); } [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:not(:checked) + span:before, [type="radio"]:disabled:checked + span:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.42); } [type="radio"]:disabled + label, [type="radio"]:disabled + span { color: rgba(0, 0, 0, 0.42); } [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:not(:checked) + span:before { border-color: rgba(0, 0, 0, 0.42); } [type="radio"]:disabled:checked + label:after, [type="radio"]:disabled:checked + span:after { background-color: rgba(0, 0, 0, 0.42); border-color: rgb(var(--form-disabled-color)); } .form--one-line form { display: flex; justify-content: space-around; align-items: flex-end; } .form--one-line form .hs_email { flex: auto; position: relative; } .form--one-line form .hs-error-msgs.inputs-list { position: absolute; right: 0; top: 0; margin: 0 !important; } .form--one-line form .hs-error-msgs.inputs-list * { margin: 0 !important; } .form--one-line form .hs_submit input[type="submit"] { font-size: 1.2em; } .form--one-line form input[type="email"], .form--one-line form input[type="text"], .form--one-line form input[type="submit"], .form--one-line form button { height: 50px; padding-top: 0; line-height: 50px; padding-bottom: 0; margin: 0 !important; } .form--checkboxes-inline .multi-container li.hs-form-checkbox { display: inline-block; } .form--checkboxes-inline .multi-container li.hs-form-checkbox label { display: inline-block; } .form--checkboxes-inline .multi-container li.hs-form-checkbox label span { padding-left: 23px; margin-right: 25px; } .form--checkboxes-2-col .multi-container { display: inline-block; column-count: 2; column-gap: 1.5em; } .form--checkboxes-2-col .multi-container li.hs-form-checkbox label span { padding-left: 23px; margin-right: 25px; } .form--radios-inline .multi-container li.hs-form-radio { display: inline-block; } .form--radios-inline .multi-container li.hs-form-radio label { display: inline-block; } .form--radios-inline .multi-container li.hs-form-radio label span { padding-left: 26px; margin-right: 20px; } @media (min-width:768px) { .radio_inline.with_label .hs-fieldtype-radio { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; align-items: center; margin-bottom:1em; } .radio_inline.with_label .hs-fieldtype-radio .input { flex: 2 0 auto; text-align: right; } .radio_inline.with_label .hs-fieldtype-radio label { flex: 1 2 auto; } } .radio_inline.with_label .hs-fieldtype-radio { margin-bottom:1em; } .radio_inline.with_label .hs-fieldtype-radio ul { margin:0; } .form--radios-2-col .multi-container { display: inline-block; column-count: 2; column-gap: 1.5em; } .form--radios-2-col .multi-container li.hs-form-radio label span { padding-left: 26px; margin-right: 20px; } button, .button, .hs-button, input[type="submit"], input[type="button"] { -webkit-appearance: none; border-radius: var(--btn-border-radius); color: inherit; cursor: pointer; display: inline-block; font: var(--btn-font); letter-spacing: var(--btn-letter-spacing); line-height: 1; padding: var(--btn-spacing-y, 0.65em) var(--btn-spacing-x, 0.9rem); text-align: center; text-decoration: var(--btn-text-decoration); text-transform: var(--btn-text-transform); transition: all 0.2s ease-in-out; } .button-wrap { --buttons-gap-x: 1rem; --buttons-gap-y: .5rem; margin-left: calc(var(--buttons-gap-x) / -2); margin-right: calc(var(--buttons-gap-x) / -2); overflow: visible; } .button-wrap .button { margin: calc(var(--buttons-gap-y) / 2) calc(var(--buttons-gap-x) / 2); } button, .button { background-color: transparent; } .hs-button, input[type="submit"], input[type="button"] { background-color: rgb(var(--color-primary)); color: rgb(var(--color-primary-contrast)); padding: 1em 1.35rem; } .hs-button:hover, input[type="submit"]:hover, input[type="button"]:hover { background-color: rgb(var(--color-primary), .8); } button:hover, .button:hover, .hs-button:hover, input[type="submit"]:hover, input[type="button"]:hover { transition: all 0.1s ease-in-out; } button:focus, .button:focus, .hs-button:focus, input[type="submit"]:focus, input[type="button"]:focus { box-shadow: 0 0 0 3px rgb(var(--color-primary), 0.4); text-decoration:none; } .button--small { --btn-spacing-x: var(--btn-sm-spacing-x, 0.7rem); --btn-spacing-y: var(--btn-sm-spacing-y, 0.5em); font-size: var(--btn-sm-font-size, 0.75rem); } .button--large { --btn-spacing-x: var(--btn-lg-spacing-x, 1.8rem); --btn-spacing-y: var(--btn-lg-spacing-y, 0.9em); font-size: var(--btn-lg-font-size, 0.85rem); } .button--larger { --btn-spacing-x: var(--btn-xl-spacing-x, 1.95rem); --btn-spacing-y: var(--btn-xl-spacing-y, 1.15em); font-size: var(--btn-xl-font-size, 0.875rem); } .button--unstyled { border-radius: 0; border: none; padding: 0; } .button--primary { --btn-accent-color: var(--color-primary); --btn-accent-contrast-color: var(--color-primary-contrast); background: rgb(var(--color-primary)); border-color: rgb(var(--color-primary)); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.2); */ color: rgb(var(--color-primary-contrast)); } .button--primary:hover { background: rgb(var(--color-primary),.9); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.4); */ color: rgb(var(--color-primary-contrast)); } .button--secondary { --btn-accent-color: var(--color-secondary); --btn-accent-contrast-color: var(--color-secondary-contrast); background: rgb(var(--color-secondary)); border-color: rgb(var(--color-secondary)); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.2); */ color: rgb(var(--color-secondary-contrast)); } .button--secondary:hover { background: rgb(var(--color-secondary),.9); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.4); */ color: rgb(var(--color-secondary-contrast)); } .button--tertiary { --btn-accent-color: var(--color-tertiary); --btn-accent-contrast-color: var(--color-tertiary-contrast); background: rgb(var(--color-tertiary)); border-color: rgb(var(--color-tertiary)); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.2); */ color: rgb(var(--color-tertiary-contrast)); } .button--tertiary:hover { background: rgb(var(--color-tertiary),.9); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.4); */ color: rgb(var(--color-tertiary-contrast)); } .button--black { --btn-accent-color: var(--color-black); --btn-accent-contrast-color: var(--color-white); background: rgb(var(--color-black)); border-color: rgb(var(--color-black)); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.2); */ color: rgb(var(--color-white)); } .button--black:hover { background: rgb(var(--color-black),.9); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.4); */ color: rgb(var(--color-white)); } .button--dark { --btn-accent-color: var(--color-dark); --btn-accent-contrast-color: var(--color-white); background: rgb(var(--color-dark)); border-color: rgb(var(--color-dark)); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.2); */ color: rgb(var(--color-white)); } .button--dark:hover { background: rgb(var(--color-dark),.9); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.4); */ color: rgb(var(--color-white)); } .button--light { --btn-accent-color: var(--color-light); --btn-accent-contrast-color: var(--color-black); background: rgb(var(--color-light)); border-color: rgb(var(--color-light)); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.2); */ color: rgb(var(--color-black)); } .button--light:hover { background: rgb(var(--color-light),.9); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.4); */ color: rgb(var(--color-black)); } .button--white { --btn-accent-color: var(--color-white); --btn-accent-contrast-color: var(--color-black); background: rgb(var(--color-white)); border-color: rgb(var(--color-white)); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.2); */ color: rgb(var(--color-black)); } .button--white:hover { background: rgb(var(--color-white),.9); /* box-shadow: 0px 2px 10px -3px rgba(0,0,0,.4); */ color: rgb(var(--color-black)); } .button--outlined { background-color: transparent; box-shadow: inset 0 0 0 var(--btn-border-width) rgb(var(--btn-accent-color)); color: rgb(var(--btn-accent-color)); } .button--outlined:hover, .button--outlined:focus { background-color: rgb(var(--btn-accent-color)); color: rgb(var(--btn-accent-contrast-color)); } .button--unstyled { background: transparent!important; color: rgb(var(--btn-accent-color)); } .button--unstyled:hover { color: rgb(var(--btn-accent-color), .85); } .button--arrow { --arrow-width: 1.3em; --arrow-thickness: 2px; --arrow-head-size: 8px; position: relative; padding-right: calc(var(--arrow-width) + var(--btn-spacing-x) + 1em); } .button--arrow .button__text { display: block; position: relative; transition: .2s transform ease-in-out; } .button__arrow:before, .button__arrow:after { content: ''; display: block; position: absolute; right: var(--btn-spacing-x); top: 50%; transition: .2s transform ease-in-out; } .button__arrow:before { background-color: currentColor; height: var(--arrow-thickness); transform: translateY(-50%); transform-origin: right center; width: var(--arrow-width, 1.3em); } .button__arrow:after { border: solid currentColor; border-width: var(--arrow-thickness) var(--arrow-thickness) 0px 0; height: var(--arrow-head-size); transform: translate(0%,-50%) rotate(45deg); transform-origin: center; width: var(--arrow-head-size); } .button--arrow:hover .button__text { transform: translateX(10px) !important; } .button--arrow:hover .button__arrow:before { transform: translate(0, -50%) scaleX(0.8); } /*///////////////////////////////////// buttons arrows markup should be: /////////////////////////////////////*/ /* pulsator animations */ @keyframes pulse-1 { 0% { transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; } 100% { transform: translate3d(-50%, -50%, 0) scale(1.7); opacity: 0; } } @keyframes pulse-2 { 0% { transform: translate3d(-50%, -50%, 0) scale(1); opacity: .5; } 100% { transform: translate3d(-50%, -50%, 0) scale(1.7); opacity: 0; } } /* play pulser parent el */ .play-pulser { --play-pulser-size: 42px; --play-pulser-ring-size: 2px; --play-pulser-outline-size: 2px; --play-pulser-icon-size: calc(var(--play-pulser-size) * .25); border-radius: 5em; box-shadow: none; padding: 2px; text-decoration: none; } @media (min-width: 1024px) { .play-pulser { --play-pulser-size: 52px; } .play-pulser:not(.button--outlined), .play-pulser:not(.button--outlined):hover, .play-pulser:not(.button--outlined):focus { background: transparent; border: none; padding: 0; } } /* pulsating circles */ .play-pulser__circles { display: inline-block; height: var(--play-pulser-size, 42px); position: relative; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; vertical-align: middle; width: var(--play-pulser-size, 42px); } @media (min-width: 1024px) { .play-pulser__circles { height: var(--play-pulser-size, 52px); width: var(--play-pulser-size, 52px); } } .play-pulser__circles:before { backface-visibility: hidden; } .play-pulser__circles:before, .play-pulser__circles:after { animation: pulse-1 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; animation: pulse-2 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; background: rgb(var(--btn-accent-color), 0.2); border: var(--play-pulser-ring-size, 2px) solid rgb(var(--btn-accent-color)); border-radius: 50%; content: ''; display: block; height: var(--play-pulser-size, 52px); left: 50%; opacity: 0; position: absolute; top: 50%; transform: scale(0.35) translateY(-50%) translateX(-50%); width: var(--play-pulser-size, 52px); } @media (prefers-reduced-motion) { .play-pulser__circles:before, .play-pulser__circles:after { animation: none !important; } } .play-pulser__circles:after { animation: pulse-2 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; } .play-pulser:not(.button--outlined):hover .play-pulser__circles { transform: scale(1.15); } .play-pulser:not(.button--outlined):hover .play-pulser__icon-wrap { transform: scale(0.99); } /* the play (triangle) icon */ .play-pulser svg { display: block; fill: rgb(var(--btn-accent-contrast-color)); left: 50%; position: absolute; top: 50%; transform: translate(-40%, -50%); width: var(--play-pulser-icon-size, 20px); } .play-pulser.button--outlined:hover svg { fill: rgb(var(--btn-accent-color)); } /* play icon circle wrap */ .play-pulser__icon-wrap { background-color: rgb(var(--btn-accent-color)); border-radius: 50%; border: var(--play-pulser-outline-size, 2px) solid rgb(var(--btn-accent-contrast-color), 0.5); display: block; height: 100%; position: relative; width: 100%; z-index: 1; } .play-pulser.button--outlined .play-pulser__icon-wrap { border: none; } .play-pulser.button--outlined:hover .play-pulser__icon-wrap { background-color: rgb(var(--btn-accent-contrast-color)); } @media (min-width: 1024px) { .play-pulser__icon-wrap { border: none; } .play-pulser__icon-wrap--outlined { background: transparent !important; border: var(--play-pulser-outline-size, 2px) solid currentColor !important; } .play-pulser__icon-wrap--outlined svg { fill: currentColor !important; } } /* play button inlined text */ .play-pulser__text { display: inline-block; margin: 0 calc(var(--play-pulser-size, 52px) * .5) 0 calc(var(--play-pulser-size, 52px) * .25); vertical-align: middle; } @media (min-width: 1024px) { .play-pulser:not(.button--outlined) .play-pulser__text { color: rgb(var(--btn-accent-color)); } } /* ========================================================================== 5. CHILD THEME ========================================================================== */ /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* .button-wrap.warranty_quote a.button.button--white:hover { background: #72FF83 !important; } */ .swipe-track__nav { border: 2px solid rgb(35 192 66) !important; } .swipe-track__nav svg { fill: rgb(35 192 66) !important; } /* CHIPS OVERRIDES */ :root { --h5-font-family: Outfit; --h5-font: normal 500 clamp(1.133rem, 0.725rem + 0.500vw, 1.333rem) / 1.23 var(--h5-font-family); --h5-transform: none; } h5, .h5 { font-weight: 400; margin-block-start: 0; margin-block-end: .5em; } /* button styles */ .button { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .button:hover { -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.35); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.35); opacity: 1; } .button.button--unstyled { font-weight: 300 !important; line-height: 1.2; letter-spacing: .025em; -webkit-box-shadow: none; box-shadow: none; border: none; border-bottom: 2px solid; border-color: inherit; } .button.button--unstyled:hover { background: none !important; -webkit-box-shadow: none; box-shadow: none; opacity: .9; } .card__ctas .button.button--unstyled, .card__ctas .button.button--unstyled:hover { text-decoration: underline; border: none; } .card__ctas .button.button--unstyled:hover { opacity: .9; } .button--outlined { border: 1px solid rgb(var(--btn-accent-color)) !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .button.button--white { color: rgb(var(--color-primary)); } .button.button--white:hover { background: rgb(var(--color-primary)) !important; } .warranty_quote .button.button--white:hover { background: rgb(var(--color-black)) !important; } .warranty_quote .button.button--white:hover { border: 1px solid rgb(var(--color-black)); } .button.button--white.button--unstyled { color: rgb(var(--color-white)) !important; background: none !important; } .button.button--white.button--unstyled:hover { color: rgb(var(--color-white)) !important; background: none !important; opacity: .9; } .button--tertiary { color: rgb(var(--color-secondary)); } .button--tertiary:hover { background: rgb(var(--color-primary)) !important; } /* full-width button */ .full-width-button-tertiary .button { text-align: left; width: 100%; } .full-width-button-tertiary .button .button__arrow:before { display: none; } .full-width-button-tertiary .button .button__arrow:after { border-color: rgb(var(--color-primary)); } .full-width-button-tertiary .button:hover .button__arrow:after { border-color: rgb(var(--color-white)); } /* END full-width button */ /* END button styles */ /* quote-form */ .container.quote-form form { max-width: 300px; } .container.quote-form form button { margin-top: 1rem !important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } /* END quote-form */ /* download brochure form */ .download-brochure .download-brochure { max-width: 400px; margin: 0 auto; padding: 20px 0 !important; } @media (max-width: 767px) { .container.download-brochure { padding-left: 0 !important; padding-right: 0 !important; } } /* END download brochure form */ /* find local account executive form */ .container.account-manager form { max-width: 400px; margin: 0 auto; padding: 20px 0 !important; } /* END find local account executive form */ /* rich text module limited max-width (medium) */ .rt.text-centered-md-max-width p { max-width: 950px; margin: 0 auto; } /* END rich text module limited max-width (medium) */ /* rich text module limited max-width (small) */ .rt.text-centered-sm-max-width p { max-width: 800px; margin: 0 auto; } /* END rich text module limited max-width (small) */ /* rich text module limited max-width (extra-small) */ .rt.text-centered-xs-max-width p { max-width: 650px; margin: 0 auto; } /* END rich text module limited max-width (extra-small) */ /* Title text (Section heading module) limited max-width (small) */ .section-heading-centered-sm-max-width h1, .section-heading-centered-sm-max-width .h1, .section-heading-centered-sm-max-width h2, .section-heading-centered-sm-max-width .h2, .section-heading-centered-sm-max-width h3, .section-heading-centered-sm-max-width .h3, .section-heading-centered-sm-max-width h4, .section-heading-centered-sm-max-width .h4, .section-heading-centered-sm-max-width h5, .section-heading-centered-sm-max-width .h5, .section-heading-centered-sm-max-width h6, .section-heading-centered-sm-max-width .h6 { max-width: 600px; margin: 0 auto; } /* END Title text (Section heading module) limited max-width (small) */ /* Title text (Section heading module) limited max-width (medium) */ .section-heading-centered-md-max-width h1, .section-heading-centered-md-max-width .h1, .section-heading-centered-md-max-width h2, .section-heading-centered-md-max-width .h2, .section-heading-centered-md-max-width h3, .section-heading-centered-md-max-width .h3, .section-heading-centered-md-max-width h4, .section-heading-centered-md-max-width .h4, .section-heading-centered-md-max-width h5, .section-heading-centered-md-max-width .h5, .section-heading-centered-md-max-width h6, .section-heading-centered-md-max-width .h6 { max-width: 700px; margin: 0 auto; } /* END Title text (Section heading module) limited max-width (medium) */ /* superscript (sup) settings */ .mh-heading sup { top: -.85em; left: .1em; font-size: .5em; } .rt p sup { top: -.45em; left: .075em; font-size: .75em; } /* END superscript (sup) settings */ /* comparison table */ /* .table-body-content .body-area .item .title .tooltip-area svg { filter: brightness(0) saturate(100%) invert(46%) sepia(11%) saturate(315%) hue-rotate(182deg) brightness(90%) contrast(100%); } .table-body-content .body-area .item .title .tooltip-area:hover{cursor:pointer;} .table-body-content .body-area .item .title .tooltip-area:hover svg circle { stroke: #686d77; } .table-body-content .body-area .item .title .tooltip-area .tooltip-content { z-index: 2; } .comparision-table .table-head-content .column-area { transition: 0s !important; } .comparision-table .table-head-content .column-area .column h4 { font-size: clamp(1rem, 0.945rem + 0.249vw, 1.1rem) !important; font-weight: 300 !important; } .comparision-table .table-head-content .head-area.fixed-table { max-width: 616px; z-index: 1; } .comparision-table .table-head-content .column-area.apps.fixed-table { min-height: 50px; margin-top: 62px !important; z-index: 1; } .comparision-table:has(.fixed-table) .table-body-content { margin-top: 230px; } @media (max-width: 992px) { .comparision-table .table-head-content { width: auto; margin-left: calc(50% - 30px); } .comparision-table:has(.natural) .table-head-content { display: block !important; width: calc(50% + 30px) !important; } .comparision-table:has(.fixed-table) .table-head-content { display: block !important; width: calc(50% + 30px) !important; } .comparision-table .table-head-content .column-area.apps.natural, .comparision-table .table-head-content .column-area.apps.fixed-table { display: none; } .comparision-table .table-head-content .head-area.fixed-table { width: calc(50% - 30px) !important; top: 100px !important; padding-top: 1rem; background: #28cd50; z-index: 1; } .comparision-table .table-head-content .column-area .column { background: #28cd50 !important; } .comparision-table .table-head-content .column-area.apps.natural { margin-top: 0; } .comparision-table:has(.fixed-table) .table-body-content { margin-top: 135px; } } @media (max-width: 899px) { .comparision-table .table-head-content .head-area.fixed-table { width: calc(50% + 10px) !important; } } @media (max-width: 767px) { .comparision-table .table-head-content { display: block !important; width: 100% !important; margin: 0 auto; text-align: center; } .comparision-table:has(.natural) .table-head-content { width: 100% !important; } .comparision-table:has(.fixed-table) .table-body-content { margin-top: 11.11rem; } .comparision-table .table-head-content .column-area.apps.natural, .comparision-table .table-head-content .column-area.apps.fixed-table { display: none; } .comparision-table .table-head-content .head-area.fixed-table { width: calc(100% - 40px) !important; max-width: 100%; top: 100px !important; left: 20px; padding-top: 1rem; background: #28cd50; z-index: 1; } .table-body-content .body-area .item { display: block !important; border-bottom: none !important; } .table-body-content .body-area .item .title, .table-body-content .body-area .item .column { width: 100% !important; } .table-body-content .body-area .item .title { padding: .5rem 0 !important; } p.tooltip-resp { font-size: .8rem !important; line-height: 1.2; padding: 5px !important; } } @media (max-width: 600px) { .comparision-table:has(.fixed-table) .table-body-content { margin-top: 10rem; } } @media (max-width: 550px) { .comparision-table:has(.fixed-table) .table-body-content { margin-top: 9rem; } } @media (max-width: 460px) { .comparision-table:has(.fixed-table) .table-body-content { margin-top: 8rem; } .table-body-content .body-area .item .column .active { background-position: 50% 15% !important; } } @media (max-width: 350px) { .comparision-table .table-head-content .head-area.fixed-table { top: 110px !important; } .comparision-table:has(.fixed-table) .table-body-content { margin-top: 5rem; } } */ /* END comparison table */ /* Cards no hover state */ .card-section.cards-no-hover-state .cards .card .card__content .card__title:after { content: ""; display: block; width: 100%; height: 1px; margin-top: 1rem; background: #a4a4a4; } .card-section.cards-no-hover-state .card:hover .card__text * { color: #686d77; } .card-section.cards-no-hover-state .card .card__text a, .card-section.cards-no-hover-state .card:hover .card__text a { color: var(--link-color); } .card-section.cards-no-hover-state .card__text ul { margin-left: 2rem !important; } /* END Cards no hover state */ .card-section.cards-title-underline .cards .card .card__content .card__title:after { content: ""; display: block; width: 100%; height: 1px; margin-top: 1rem; background: #a4a4a4; } /* Testimonials cards no hover state */ .card-section.cards-no-hover-state.testimonials .cards .card .card__content .card__title:after { display: none; } .card-section.cards-no-hover-state.testimonials .card:hover .card__text * { color: #686d77; } .card-section.cards-no-hover-state.testimonials .card__text p:last-child { margin-top: 1rem; } .card-section.cards-no-hover-state.testimonials .card__text p:last-child img { margin: 0 0 .2em .25em; } .card-section.cards-no-hover-state.testimonials.RE-testimonials .cards .card .card__content .card__image { aspect-ratio: 30 / 3; } /* END Testimonials cards no hover state */ .cards-hover-no-color-change .card:hover .card__text * { color: inherit; } /* accordion module */ .accordion__panel-inner p, .accordion__panel-inner p strong, .accordion__panel-inner p em, .accordion__panel-inner p i, .accordion__panel-inner p b, .accordion__panel-inner p u { color: rgb(var(--color-black)); } .accordion__panel-inner p a { color: rgb(var(--color-primary)); } /* END accordion module */ /* nav menu (header/footer) */ .hs-menu-wrapper ul li a { line-height: 1.3; } /* END nav menu (header/footer) */ /* sticky-sub nav - blog pages, web pages */ #sticky-sub-nav-green-links .sticky-nav__inner { padding: 0 !important; overflow-x: hidden; } #sticky-sub-nav-green-links .sticky-nav__item { position: relative; } #sticky-sub-nav-green-links .sticky-nav__item a { text-decoration: none; padding-bottom: 5px; border-bottom: none; } #sticky-sub-nav-green-links .sticky-nav__item a:after { content: ""; position: absolute; bottom: 0; width: calc(100% - 40px); height: 2px; background-color: #9599a0; transition: .1s; } #sticky-sub-nav-green-links .sticky-nav__item a:hover:after { content: ""; bottom: 3px; background-color: rgb(var(--color-primary)); opacity: .9; } #sticky-sub-nav-green-links .sticky-nav__item a.js-active:after { content: ""; background-color: rgb(var(--color-primary)); opacity: .9; } #sticky-sub-nav-green-links .sticky-nav__item a.js-active:hover:after { content: ""; bottom: 0; background-color: rgb(var(--color-primary)); opacity: .9; } @media (min-width: 1025px) { #sticky-sub-nav-green-links .sticky-nav__inner .sticky-nav__items { justify-content: start !important; transform: translateX(0); } } @media (max-width: 992px) { #sticky-sub-nav-green-links .sticky-nav__item a { text-decoration: underline !important; } #sticky-sub-nav-green-links .sticky-nav__item a:after { display: none; } } @media (max-width: 599px) { #sticky-sub-nav-green-links .sticky-nav__item a { font-size: .9em !important; } } .blog-header-dnd .sticky-nav .sticky-nav__item { position: relative; } .blog-header-dnd .sticky-nav .sticky-nav__item a { text-decoration: none; padding-bottom: 5px; border-bottom: none; } .blog-header-dnd .sticky-nav .sticky-nav__item a:after { content: ""; position: absolute; bottom: 0; width: calc(100% - 40px); height: 2px; background-color: rgb(var(--color-primary)); transition: .15s; } .blog-header-dnd .sticky-nav .sticky-nav__item a:hover:after { content: ""; bottom: 3px; opacity: .9; } @media (max-width: 899px) { .blog-header-dnd .sticky-nav .sticky-nav__item a { text-decoration: underline; } .blog-header-dnd .sticky-nav .sticky-nav__item a:after { display: none; } .blog-header-dnd .sticky-nav .sticky-nav__item a:hover:after { } } @media (max-width: 599px) { .blog-header-dnd .sticky-nav .sticky-nav__item a { font-size: .9em !important; } } /* sticky-sub nav - blog pages, web pages */ /* blog listing pages */ nav .blog-header__title { display: none; } /* END blog listing pages */ /* blog article pages */ /* real estate post - Blog post header module */ .real-estate-post .post-header__content h1, .real-estate-post .post-header__content .h1, .cinch-blog-article__content h1, .cinch-blog-article__content .h1 { font: var(--h1-font) !important; } .real-estate-post .post-header__content h2, .real-estate-post .post-header__content .h2, .cinch-blog-article__content h2, .cinch-blog-article__content .h2 { font: var(--h2-font) !important; } .real-estate-post .post-header__content h3, .real-estate-post .post-header__content .h3, .cinch-blog-article__content h3, .cinch-blog-article__content .h3 { font: var(--h3-font) !important; } .real-estate-post .post-header__content h4, .real-estate-post .post-header__content .h4, .cinch-blog-article__content h4, .cinch-blog-article__content .h4 { font: var(--h4-font) !important; } .real-estate-post .post-header__content h5, .real-estate-post .post-header__content .h5, .cinch-blog-article__content h5, .cinch-blog-article__content .h5 { font: var(--h5-font) !important; } .real-estate-post .post-header__content h6, .real-estate-post .post-header__content .h6, .cinch-blog-article__content h6, .cinch-blog-article__content .h6 { font: var(--h5-font) !important; } .real-estate-post .post-header__content { max-width: 900px !important; padding: 0 var(--site-gutter); } .real-estate-post .key-takeaways-content { width: 100%; max-width: 100%; padding: 20px 30px 30px; } .real-estate-post .key-takeaways-content ul li { color: var(--color-secondary); margin-bottom: .15rem; } .real-estate-post .post-header__content .wrapper-key-takeaways-content { justify-content: flex-start !important; max-width: 100% !important; margin-top: 0 !important; } @media (min-width: 768px) { .real-estate-post .post-header--no-image { margin-bottom: 0; } } .body-container #content.real-estate-post .post__body .post__container.container { max-width: 900px !important; padding: 0 var(--site-gutter); } .real-estate-post:has(.post-header__image--stacked) .key-takeaways-content { width: calc(100% - var(--site-gutter) - var(--site-gutter)); margin: 0 auto 2rem auto; } /* END real estate post - Blog post header module */ @media (min-width: 37.5em) { .post__body { padding: 2em 0; } } /* END blog article pages */ /* Site Map page list item styles */ .site-map-list-items ul { margin: .5rem 0 1rem 0; padding: 0; } .widget-type-rich_text ul li { margin: .25rem 0; } .site-map-list-items ul li ul { padding-left: .15rem; } .widget-type-rich_text ul li:before { background: rgb(var(--color-secondary)); } .widget-type-rich_text ul li a { color: var(--color-secondary) !important; } .widget-type-rich_text ul li ul li:before { background: rgb(var(--color-white)); border: 1px solid rgb(var(--color-secondary)); } /* Site Map page list item styles */ /* END CHIPS OVERRIDES */