/* Theme Name: Yeo & Yeo Theme URI: Author: Antenna | Digital Author URI: https://www.antennagroup.com Description: Your One Stop Experts for Innovative Business Solutions License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @import url(variables.css); @import url(base.css); @import url(grid.css); @import url(fonts-icons.css); @import url(utilities.css); @import url(aos.css); @import url(resources-print.css); /******************************************************************************** --- Template - Header --- *********************************************************************************/ .header {z-index:9999;} /*-----------Drawer Scrollbars-----------*/ /* .drawer::-webkit-scrollbar {width: 0 !important;} .drawer::-webkit-scrollbar-track {background:none;} .drawer::-webkit-scrollbar-thumb {background:none;} .drawer::-webkit-scrollbar-thumb:window-inactive {} .no-touchevents .drawer::-webkit-scrollbar {width:8px!important;} .no-touchevents .drawer::-webkit-scrollbar-track {background:var(--off-white);} .no-touchevents .drawer::-webkit-scrollbar-thumb {background:var(--dark-orange);} .no-touchevents .drawer::-webkit-scrollbar-thumb:window-inactive {} */ /*-----------Header - Search-----------*/ .search input[type="text"] {margin:0; height:30px; padding-right:2.25em;} .search button {font-size:1.000rem; position:absolute; top:0; bottom: 0; right:0; width:1.1rem; height:100%; color:#ccc; } .search-row {position:relative;} /*-----------Header - Utility Links-----------*/ .utility-links ul {list-style:none; margin:0; padding:0;} .utility-links li, .utility-links a {display:block;} /*-----------Header - Top -----------*/ .header__top {padding: 0.555rem 1.5rem;width: 100%;justify-content: flex-end;max-width: 1480px;margin:0 auto;} .header__top--social-links {position: relative;top:.15rem;} /*-----------Header - Search-----------*/ .search {position:relative;margin: 0 2.778rem 0 0.944rem;margin-right: 0;height: 2.111rem;} .search__row input[type="text"] {color: var(--dark-orange);font-size: 0.722rem;text-indent: 0.75rem;border-radius: 0;} .header:not(.header--resource) .search__row input[type="text"] {border: none;} .search__row .icon-search {color: var(--dark-orange);font-size: 1.1rem;position: relative;top: -0.025rem;} header .search__row { display: flex; } /* header form.search { width: 1.1rem; height: 1.1rem; cursor: pointer; } header form.search .search__row { pointer-events: none; } header form.search .search__row input[type="text"] { padding: 0; height: 100%; background-color: transparent; opacity: 0; } */ [role="search"].notempty { background-color: #fff; } [role="search"]::after { content: ""; display: block; clear: both; } [role="search"] label { display: inline-block; margin: 0; display: flex; align-items: center; justify-content: center; /* overflow: hidden; margin: 0; padding: 0 0 .5em 0; float: left; */ cursor: pointer; transition: none; /* height: 1.5em; for IE text-indent: -1000px; width: 0; */ } [role="search"] label .icon-search { /* margin-top: .5em; Must go away for IE. Ugh. */ transition: none; } [role="search"] input[type="text"]:focus ~ label .icon-search, [role="search"].notempty label .icon-search { fill: transparent; opacity: 0; } [role="search"] input[type="text"] { border: none; background-color: transparent; padding: .25em .5em; width: 65%; width: calc(100% - 4em); } [role="search"] input[type="text"]:focus { outline: none; background-color: #fff; /* Needed for non-JS */ } input::-webkit-input-placeholder { color: #757575; /* a11y FTW! */ } input:-ms-input-placeholder { color: #757575; /* a11y FTW! */ } input::-moz-placeholder { color: #757575; /* a11y FTW! */ opacity: 1; /* https://www.quirksmode.org/blog/archives/2015/12/styling_placeho.html */ } [role="search"] button { font-size: 90%; /* This allows the width in ems to scale */ width: 2em; height: auto; margin: .3em .25em 0 .25em; border: none; padding: 0; background: transparent; cursor: pointer; float: right; } [role="search"] button:hover, [role="search"] button:focus { outline: none; } [role="search"] input[type="text"]:focus ~ button, [role="search"].notempty button { float: right; /* text-indent: 0; */ width: 2em; display: block; margin: 0; } [role="search"] button .icon-search { opacity: 1; } [role="search"] input[type="text"]:focus ~ button svg, [role="search"].notempty button svg { /*height: 100%;*/ /*width: 4em;*/ } [role="search"] { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0); width: auto; } [role="search"] label { /* text-indent: 0; */ width: auto; } [role="search"] input[type="text"]:focus ~ label, [role="search"].notempty label { /* text-indent: -1000px; */ opacity: 0; width: 0; } [role="search"] input[type="text"] { width: .07em; /* Must have min width or Safari won't work*/ padding: 0; /* float: left; */ } /*[role="search"] label:matches(:hover, :focus) /for/ input, CSS Selectors 4, 13.5. Reference combinators http://www.w3.org/TR/selectors4/#idref-combinators, no support */ [role="search"] input[type="text"]:focus, [role="search"].notempty input[type="text"] { padding: .25em .5em; width: 65%; width: calc(100% - 2.5em); /* changed from 4em */ } [role="search"] button { display: none; width: 0; /* text-indent: -1000px; */ } .header__top-site-links {flex-grow: 1;} .header__top-site-links ul li {display: inline-block;padding: 0 .5rem;position: relative;} .header__top-site-links ul li:not(:last-of-type)::after {content: '';background: var(--light-teal); content: ""; display: block; height: 12px; position: absolute; right: -2px; top: 2px; bottom: 0; width: 1px;margin-top: auto; margin-bottom: auto;} .header__top-site-links ul li:first-of-type {padding-left: 0;} .header__top-site-links ul li:last-of-type {padding-right: 0;} .header__top-site-links .label {margin-right:1.556rem;font-size: 0.722rem;color: var(--primary);font-weight: bold;text-transform: uppercase;line-height: 0.92;margin-bottom: 0; } .header__top-site-links li a {color: var(--dark);font-size:0.833rem;font-weight: normal;width: 100%;white-space: nowrap;} .header__top-site-links li.selected a {color: var(--teal);} .header__top-site-links li a {position: relative;} .header__top-site-links li a:hover {color: var(--teal);} .header--resource .header__top-site-links ul li:not(:last-of-type)::after {background: var(--light-teal);} .header__container.top_nav {background-color: #efeae6;} /*-----------Header - Utility Links-----------*/ .utility-links {margin: 0;} .utility-links > li {display: inline-block;line-height:40px; position:relative;} .utility-links > li {padding: 0.25rem 0.5rem;} .utility-links > li:first-of-type {border: none; padding-left: 0;} .utility-links > li:first-of-type::after {content: '';background: var(--light-teal); content: ""; display: block; height: 12px; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; margin-top: auto; margin-bottom: auto;} .utility-links a {padding:0; font-size:0.833rem;line-height: 0.92;color:var(--dark);font-weight: normal;} .utility-links a:hover { color: var(--teal); } .header--resource .utility-links > li > a {color: var(--dark);} .utility-links > li > a span {color: var(--dark-orange);margin-left: 0.222rem;} .utility-links > li ul {line-height: normal;position: absolute;left: -9999px;top: 1.2rem;width: 12.5em;text-align: left;box-shadow: 0px 8px 42px rgba(31, 57, 77,0.15);background: var(--secondary);transition: opacity .25s ease;opacity: 0;z-index: 10;} .utility-links > li:hover ul {left: auto;opacity: 1;} .utility-links > li ul li a {font-size: 0.775em;display: block;font-weight: 600;padding: 0.7143em 1.4286em; background-color: var(--secondary);border-bottom: 1px solid rgba(255,255,255, 0.10);color: #fff;transition: background-color 250ms ease;text-transform: none;} .utility-links > li ul li a:hover {color: #fff;opacity: .8;} @media only screen and (min-width: 1201px) and (max-width: 1340px) { /* .utility-links { position: absolute; top: 75px; } */ /* .search { top: -20px; } */ } .logo svg.logo-mark { display: none; } @media only screen and (min-width: 1201px) { /*-----------Hidden Mobile Elements-----------*/ .content-overlay, .drawer-toggle {display:none;} /*-----------Header-----------*/ /* .header {height:190px; position: absolute;top:0;left: 0;width: 100%;background-color: #FFFFFF;} */ body:not(.sticky-header) .announcement--active.root--resource .header {top:43px;} .admin-bar .header--resource {top:32px;} .header__container > .bottom_nav {max-width: 1480px;margin: 0 auto;position:relative; padding: 0 1.5rem; height: var(--nav-height);} .logo {position:absolute; top:0; bottom:0; left:0; right:0; height:68px; max-width: 300px; text-align:center; z-index:1;display: flex;align-items: center;justify-content: center;margin: auto;} .logo img {display:inline-block; vertical-align:middle;} a.logo svg path, a.footer-site-logo svg path { transition: var(--global-transition); } a.logo:hover svg path, a.footer-site-logo:hover svg path { fill: var(--teal); } /* body:not(.sticky-header) .header:not(.header--resource) .logo svg polygon, body:not(.sticky-header) .header:not(.header--resource) .logo svg path, body:not(.sticky-header) .header:not(.header--resource) #Fill-1 {fill:#fff;} */ body:not(.sticky-header) .header:not(.header--resource) .logo svg #Stroke-2 {stroke:#fff;} /*-----------Header - Menu-----------*/ .menu ul {list-style: none; margin: 0; padding: 0;} .menu li, .menu a {display: block;} /*-----------Menu - First Level-----------*/ .menu > ul {float:right;display: flex;align-items: center;position: relative;top: 0;width: 100%;justify-content: flex-end;} .menu > ul > li {float: left;padding-right: 2.137rem;} .menu > ul > li:nth-of-type(3) { margin-right: auto; } .menu > ul > li:last-child {padding-right: 0;} .menu > ul > li > a { margin: 0; z-index: 1; color: var(--black); font-size: 0.944rem; position: relative; height:var(--nav-height); -webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;transition:all 250ms ease; font-family: var(--gt-america); font-weight: normal; display: flex; align-items: center;} .menu > ul > li:has( > a[aria-label="Our Companies"] ) { display: none; } .menu > ul > li > a.button {line-height: 1;height: auto;color: #fff;} .menu > ul > li > a .menu-arrow:after {content:""; font-family: 'CD-Project-Icons'; margin-left:0.333em; font-size:90%; color:#ccc;} .menu > ul > li > a:not(.button):hover, .menu > ul > li:hover > a:not(.button), .menu > ul > li.selected > a:not(.button) {background:transparent; color: var(--teal); /**color:var(--dark-orange);border-bottom: 3px solid var(--dark-orange);**/} .menu > ul > li:last-of-type {position: relative;} /* .menu > ul > li .button {padding: 0.7689rem 1.967em;} */ /* .header--resource .menu > ul > li > a {color: var(--primary);} .header--resource .menu > ul > li .button {color: #fff;background-color: var(--primary);} */ /*-----------Menu - Second Level Dropdown-----------*/ .menu > ul > li:not(.mega-drop) {position: relative;} .menu > ul > li:not(.mega-drop) > ul {line-height: normal;position: absolute; left: -9999px;top: auto;width: 19.3125em;padding: 1.25em 1.875em;box-shadow: 0px 8px 42px rgba(31, 57, 77,0.15);background: var(--off-white);transition: opacity .25s ease;opacity: 0; z-index: 9999;} .menu > ul > li:not(.mega-drop).drop-open > ul {opacity: 1; left: -1.5rem; top:auto;} /* .sticky-header .menu > ul > li:not(.mega-drop).drop-open > ul, .header--resource .menu > ul > li:not(.mega-drop).drop-open > ul{border-top: 3px solid var(--primary);} */ .menu > ul > li:not(.mega-drop) > ul > li > a{color: var(--black);font-size: 0.9rem;margin-bottom: 0;letter-spacing: 0.09px;padding: 0.75rem 1.1rem 0.5rem 0;position:relative;} .menu > ul > li:not(.mega-drop) > ul > li > a:hover, .menu > ul > li:not(.mega-drop) > ul > li.selected > a { color: var(--teal); } .menu > ul > li:not(.mega-drop) > ul > li:not(:last-of-type) > a {border-bottom: 1px solid var(--light-teal);} .menu > ul > li:not(.mega-drop) > ul > li > a:after {content:'\e923';position: absolute;right: 0;font-family: 'CD-Project-Icons' !important;color: var(--dark-orange);font-weight: normal;} .no-touchevents .menu > ul > li ul li.drop-open ul, .touchevents .menu > ul > li ul li:hover ul {opacity: 1; left: 225px; top:0;} .no-touchevents .menu > ul > li.drop-right ul li.drop-open ul , .touchevents .menu > ul > li.drop-right ul li:hover ul {left:inherit; right:225px;} .search--mobile {display: none;} .sticky-header .menu > ul > li > a {height: var(--nav-height);} .sticky-header .menu > ul > li > a.button {color: #fff;} .sticky-header .header {height: var(--nav-height);} .sticky-header .menu > ul > li .button {height: auto;line-height: 1;} .sticky-header .header__top-site-links li img {width: 27px;} .sticky-header .logo {bottom: auto;top:auto;height: var(--nav-height);line-height: var(--nav-height);} .sticky-header .header__top {display: none;} .sticky-header .menu > ul {top:auto;} .sticky-header .header__container > .bottom_nav { height: var(--nav-height); } .sticky-header .logo svg.logo-full { display: none; } .sticky-header .logo svg.logo-mark { display: block; } /*-----------Menu - Mega Menu -----------*/ div[data-tab="Wealth Management"] .mega-menu__nav-headline:last-of-type {display: none;} .mega-menu__nav ul {list-style: none;margin: 0;padding: 0;} .mega-menu__nav > ul > li {display: block;position: inherit; color: #fff;font-size: 1.388rem;} .mega-menu__nav > ul > li > a {font-size: 1em; font-family: var(--noe); position: relative;padding: 3.27rem 2.5rem;color: #fff;} .menu > ul > li.drop-open.mega-drop > a {border-bottom: none;} .menu > ul > li > a:not(.button)::after {content: "";display: block;position: absolute;bottom: 0;left: 50%;margin-left: -12px;width: 0;height: 0; border-style: solid;border-width: 0 12px 12px 12px; border-color: transparent transparent #fff transparent;opacity: 0;transition: opacity .15s ease} /* .sticky-header .menu > ul > li > a:not(.button)::after, .header--resource .menu > ul > li > a:not(.button)::after{border-color: transparent transparent var(--primary) transparent;} */ .mega-menu__nav > ul > li:not(:last-of-type) {border-bottom: 1px solid var(--dark-teal);} .mega-menu__nav > ul > li.drop-open {background-color: var(--secondary);border-right: 3px solid var(--dark-orange);} .mega-menu__nav-sub {opacity: 0;visibility: hidden;position: absolute;top: 0;right: 0;width: 75%;height: 100%;background-color: #fff;z-index: 2;} .mega-menu__nav > ul > li.drop-open .mega-menu__nav-sub {opacity: 1;visibility: visible;} .no-touchevents .menu > ul > li.drop-open > a::after, .touchevents .menu > ul > li:hover > a::after {opacity: 1;} .mega-menu {position: absolute;left: -9999px;max-width: 100vw;visibility: hidden;transition: opacity 150ms ease;text-align: left; opacity: 0;box-shadow: var(--box-shadow)} .drop-open .mega-menu {top: auto;left: -100%; right: -100%; margin-left: auto; margin-right: auto; opacity: 1;visibility: visible; z-index: 9999;} /* .sticky-header .drop-open .mega-menu, .header--resource .drop-open .mega-menu{border-top:3px solid var(--primary);} */ .mega-menu__inner {background: var(--dark);overflow: hidden;position: relative;} .mega-menu__nav {width: 30%;padding: 0;background: var(--dark);} .mega-menu__tabs {overflow: hidden;background-color: #fff;} .mega-menu__tabs-links {width: 70%;padding: 0;padding-bottom: 0;background-color: var(--off-white);} .mega-menu__tabs-toggle > ul > li.active { border-right: 6px solid var(--dark-orange); background-color: var(--teal); } /* .mega-menu__tabs-toggle > ul > li.menu-aba.active { background-color: #6c1d45; } .mega-menu__tabs-toggle > ul > li.menu-tech.active { background-color: #ff8200; } .mega-menu__tabs-toggle > ul > li.menu-mbpm.active { background-color: #5e8ab4; } .mega-menu__tabs-toggle > ul > li.menu-wm.active { background-color: #285c4d; } */ .mega-menu__tabs-toggle > ul > li > a {color: #fff;} .mega-menu__tabs-links-container {position: relative;background-color: var(--off-white);/*padding-top: 3rem;*/height: 100%;} .menu-column__container {width: 100%;/*display: flex;flex-direction: column;flex-wrap: wrap;*/column-count: 3;max-height: 800px;padding-bottom: 1.5rem;} .menu-column__container:has( + .mega-menu__buttons ) { padding-bottom: 0; } .mega-menu__tabs-links-inner {overflow: hidden;padding-top: 3rem;margin: 0;position: absolute;display: none;justify-content: space-between;flex-wrap: wrap;flex-direction: row;align-items: flex-start;height: 100%;max-height: calc(100vh - var(--full-nav-height)); overflow-y: scroll;} .mega-menu__tabs-links-inner--active {display: block;position: relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} ul.mega-menu__nav-headline {width: 100%;padding:0 3em;break-inside: avoid-column; } .mega-menu__nav-headline > li {margin-bottom: 1.25rem;} .mega-menu__nav-headline > li > a {font-weight: normal;color: var(--dark-teal);font-size: 1.388rem;margin-bottom: 0;font-family: var(--noe);line-height: 1;} .mega-menu__nav-headline > li > a:hover {color: var(--teal);} .mega-menu__nav-headline > li > ul > li > a {line-height: 1.25;color: var(--black);font-size: 0.944rem;padding: 0.75rem 1.1rem 0.5rem 0;margin-top: 0.25rem; border-bottom: 1px solid var(--light-teal);position: relative;} .mega-menu__nav-headline > li > ul > li > a:after {content:'\e923';position: absolute;right: 0;font-family: 'CD-Project-Icons' !important;color: var(--dark-orange);font-weight: normal;} .mega-menu__nav-headline > li > ul > li > a:hover {color:var(--teal); } .mega-menu__buttons {width: 100%;padding: 1.83rem 3em;align-self: flex-end;} /* .mega-menu__buttons-inner {justify-content: space-between;} .mega-menu__button {width: 30%;position: relative;} .mega-menu__button h4 {margin-bottom: .45rem;font-size: 0.833rem;font-weight: bold;} .mega-menu__button span.h4 {color: var(--primary); font-family: 'Arimo', sans-serif; margin-bottom: .45rem;font-size: 0.833rem;font-weight: bold; display: block;} .mega-menu__button a:not(.button) {color: #fff;font-weight: normal;display: block;margin-bottom: 0;font-size: 0.778rem;} .mega-menu__button a:not(.button):after {content:'\e915';position: absolute;right: 0;font-family: 'CD-Project-Icons' !important;color: var(--primary);font-weight: normal;-webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;} .mega-menu__button a:not(.button):before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;} .mega-menu__button a:not(.button):hover {color: #fff;} .mega-menu__button a:not(.button):hover:after {right: -.15rem;} */ .mega-menu__button { display: flex; background-color: #FFF; border-bottom: 3px solid var(--teal); max-height: 240px; gap: 2.777rem; } .mega-menu__button .mega-menu__resource-image, .mega-menu__button .mega-menu__resource-button { /*flex: 1;*/ max-width: 300px; } .mega-menu__button .mega-menu__resource-image { margin-bottom: -3px; } .mega-menu__button .mega-menu__resource-image img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .mega-menu__button .mega-menu__resource-content { display: flex; flex: 4; flex-grow: 1; gap: 2.777rem; padding: 1.555rem 2.777rem 1.555rem 0; } .mega-menu__button .mega-menu__resource-content .mega-menu__resource-content__inner { display: flex; flex-direction: column; justify-content: center; gap: 3px; flex: 1; } .mega-menu__button .mega-menu__resource-content .resource-title { font-family: var(--noe); color: var(--dark); font-size: 1.388rem; line-height: 1.2; } .mega-menu__button .mega-menu__resource-button { display: flex; justify-content: flex-end; align-items: flex-end; } .mega-menu__button .mega-menu__resource-button .button { margin-bottom: 0; } .menu > ul > li.mega-drop > ul {display: none;} } @media (min-width: 1500px) { .mega-menu { max-width: 1515px; } } @media only screen and (min-width: 960px) { .menu {font-size: 15px;} } @media only screen and (max-width: 1450px) { .menu > ul > li {padding-right: 1.8rem;} } @media only screen and (max-width: 1390px) and (min-width: 1201px){ /* .logo {bottom: 0.889rem;} */ .logo img {max-width: 210px;} .search {margin:0 1.25rem 0 0.744rem;margin-right: 0;} .header__top-site-links .label {margin-right: 1rem;} /* .menu > ul {top:1rem;} */ .menu > ul > li {padding-right: 1.25rem;} /* .utility-links a, .header__top-site-links .label {font-size: .65rem;} */ .utility-links > li:first-of-type {padding-right: .48rem;} .utility-links > li:last-of-type {padding: 0.25rem .48rem;} .header__top--social-links .social-links {margin-left: .48rem;} .menu > ul > li .button {padding: 0.789rem 1.467em;} } @media only screen and (max-width: 1310px) { .menu > ul > li {padding-right: .9rem;} } @media only screen and (max-width: 1250px) { .menu > ul > li {padding-right: .7rem;} .header__container > .bottom_nav {padding: 0 1.333rem;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS */ .menu-column__container {flex-direction: inherit;max-height: none;} ul.mega-menu__nav-headline {float: left;} } @media only screen and (max-width: 1200px) { .header__top {width: 100%;padding: .111rem 0;justify-content: flex-end;padding-right: 30px;height: 35px;} .header__top--social-links, .header__top-site-links {display: none;} .header__top-site-links {padding-left: .85rem;} .header__top-site-links li img {width: 22px;} /*-----------Header-----------*/ .header {position:absolute; top:0; left:0; width:100%; height:96px; line-height:96px; background-color: #fff;box-shadow: 0 1px 0 0 rgba(41, 51, 63, 0.1);} .header__container.top_nav {background-color: var(--off-white);} .header__container > .bottom_nav {padding: 0;height: 60px;} /*-----------Header - Logo-----------*/ .logo { display:flex; width:100%; height:60px; line-height:38px; padding:0 15px 0 30px;} .logo svg {width:100%; max-width:135px; display:inline-block; vertical-align:middle;height: auto;} .announcement {min-height: 62px;display: flex;align-items: center;justify-content: space-between;} .announcement .announcement__row {width: 100%;} .search {margin: 0 0.944rem 0 0.944rem;} /*-----------Drawer Toggle-----------*/ .drawer-toggle { position: absolute; top: 47px; right: 15px; width:50px; height:40px; text-align:center; display:block; margin:0; padding:0; color:#29333f;} .drawer-toggle span {position:absolute; display:block; width:28px; height:1px; background:#29333f; top:50%; margin-top:-2px; left:50%; margin-left:-14px;} .drawer-toggle span::before, .drawer-toggle span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; } .drawer-toggle span::before {top: -8px;} .drawer-toggle span::after {bottom: -8px;} /*-----------Drawer-----------*/ .drawer { position: fixed; z-index:1001; top: 96px;padding: 1.5rem 0;left: -300px; height: 100%; width: 300px; background: var(--off-white); overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition:-webkit-transform 150ms ease-in-out; transition:transform 150ms ease-in-out;padding-bottom: 20rem;} .admin-bar .drawer {top:111px;} /*-----------Main Menu-----------*/ .menu {font-size:16px; /*background:rgb(247, 247, 251);*/padding-bottom: .05rem;} .menu ul { padding: 0; margin: 0; list-style: none;} .menu li {line-height:1.2;} .menu li, .menu a {display: block;} .menu a {border-bottom:1px solid rgba(0,0,0,0.25); -webkit-transition: all 150ms ease; transition: all 150ms ease;} .menu ul li a {padding:0.833em 0.667em; color: var(--primary); font-size:1.125em; position: relative;} .menu > ul > li.active > a {background:var(--dark-teal); color:#fff;} .menu > ul > li.selected > a { background:var(--dark); color:#fff; border-bottom-color: var(--dark-teal); } .menu .menu-arrow {position: absolute; top: 0; right: 0; display: block; width: 2.778em; text-align: center; height: 100%; z-index: 1; } .menu .menu-arrow:after { content: "\e91a"; font-family: 'CD-Project-Icons'; color:#000; font-size:1.444em; line-height:1; position: absolute; top: 50%; left: 50%; margin: -0.500em 0 0 -0.500em; font-style: normal; -webkit-transition: all 150ms ease; transition: all 150ms ease;} .menu > ul > li.active > a .menu-arrow:after, .menu > ul > li.selected > a .menu-arrow:after { color: #FFF; } .menu li.active > a .menu-arrow:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); color:#fff; } .menu li.active > ul { display: block;} .menu ul ul { background:rgba(247, 247, 251,0.7); display:none;} .menu > ul > li > ul > li.active > a {background:var(--teal); color:#fff;} .menu ul ul li a { font-size: 1.05rem; padding-left: 1.765em;padding-right: 2.25em;} .menu ul ul ul li a { font-size: 1rem; padding-left: 3.000em;font-weight: 400;} .menu > ul > li > ul > li > ul > li.active > a {background:var(--light-teal); color:#fff;} .menu > ul > li {padding-right: 0;} .menu > ul > li:last-of-type .button {border-radius: 0;color: #fff;margin: 1rem auto;width: 80%; border-bottom: none;} .mega-menu {position: relative;} .menu > ul > li.mega-drop.active > .mega-menu > .mega-menu__inner > .mega-menu__nav > ul {display: block;background: #fff;} .menu > ul > li.mega-drop.active > .mega-menu > .mega-menu__inner > .mega-menu__nav > ul > li.active > .mega-menu__nav-sub > ul {display: block;} .mega-menu__nav {width: 100%;} .drop-open > .mega-menu__nav-sub {position: relative;width: 100%;} .mega-menu__nav-sub .mega-menu__nav-sub {position: relative;display: none;} .mega-menu__nav-sub .active.drop-open .mega-menu__nav-sub {display: block;position: relative;width: 100%;height: auto;} .menu li:not(.mega-drop--mobile).active > ul, .menu li.active.mega-drop--mobile .mega-menu { display: block; } .mega-menu__cta, .mega-menu__button.button, .mega-menu__buttons {display: none;} /*-----------Pull Out Menu Content Overlay-----------*/ .content-overlay {visibility: hidden; height: 0; width: 0; background: rgba(0,0,0,0); position: absolute; top: 77px; -webkit-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; z-index:1000;} /*-----------Pull Out Menu Open-----------*/ .root {position: relative; height: 100%;} .root.menu_open {overflow:hidden;height: 85vh;} .root.menu_open .drawer {-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0);top:96px;} .admin-bar .root.menu_open .drawer {top:128px;} .root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position:fixed; top:96px; left:0; right:0; background: rgba(0,0,0,0.85); overflow:hidden;} .admin-bar .root.menu_open .content-overlay {top:128px;} .root.announcement--active.menu_open .content-overlay, .root.announcement--active.menu_open .drawer, .announcement--active .drawer {top:var(--full-nav-height);} .sticky-header .root.announcement--active.menu_open .content-overlay,.sticky-header .root.announcement--active.menu_open .drawer, .sticky-header .announcement--active .drawer {top:92px;} .root.menu_open .content-overlay span {position:absolute; top:0.577em; right:0.577em; font-size:1.625rem; color:#fff;} .root.menu_open .drawer-toggle span::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);height: 2px;top:0;} .root.menu_open .drawer-toggle span::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);height: 2px;bottom: -2px;} .root.menu_open .drawer-toggle span {height: 0;} /*-----------Header - Search-----------*/ .header__top .search {display: none;} .search input[type="text"] {height: 30px;} .search button {height: 30px;line-height: 30;} .search--mobile {display: block;margin-bottom: 1.5rem;position: relative;} .search__row .icon-search {position: absolute;top: 0.5rem;right: 0.5rem;} /*-----------Header - Utility LInks-----------*/ .utility-links li {line-height:1.2;} .utility-links a {font-size:0.833rem; padding:0.65em 0.65em;color:#29333f} .utility-links > li ul {top: 2.2rem;} .utility-links > li:last-of-type {border-right: 0;padding-right: 0;} .header__top-site-links.flex {display: none;} } @media only screen and (max-width: 783px) { .admin-bar .root.menu_open .content-overlay, .admin-bar .root.menu_open .drawer {top:142px;} } @media only screen and (max-width: 610px) { .utility-links > li:last-of-type {border-right: none;} .header__top {padding-right: 0;} .utility-links > li:hover ul {left: auto;right: 10px;} .drawer {width: 100%;transform:translate3d(100%, 0, 0);left: auto;} .root.menu_open .drawer {transform: translate3d(0, 0, 0);} /* .admin-bar .root.menu_open .content-overlay, .admin-bar .root.menu_open .drawer {top:107px;} */ } @media only screen and (max-width: 550px) { .header__top-site-links .label {display: none;} .header__top {padding-right: 5px;} .drawer-toggle {right: 5px;} .logo {padding:0 15px;} .utility-links > li:last-of-type {padding-right: 0;} .utility-links a {font-size: .75rem;} } @media only screen and (max-width: 450px) { .admin-bar .root.menu_open .content-overlay, .admin-bar .root.menu_open .drawer, .admin-bar .drawer {top:106px;} /**.root.announcement--active.menu_open .content-overlay, .root.announcement--active.menu_open .drawer, .announcement--active .drawer {top:116px;}**/ } @media only screen and (max-width: 400px) { .utility-links a {font-size: 0.7rem;} } @media only screen and (max-width: 375px) { /* Menu */ .menu {font-size: 15px;} .drawer {top:77px;} /* .admin-bar .root.menu_open .content-overlay, .admin-bar .root.menu_open .drawer, .admin-bar .drawer {top:107px;} */ /**.root.announcement--active.menu_open .content-overlay, .root.announcement--active.menu_open .drawer, .announcement--active .drawer {top:109px;}**/ } @media only screen and (max-width: 320px) { /* Menu */ .menu {font-size: 14px;} } .sticky-header .header{position:fixed; top: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 1px 14px 0 rgba(41, 51, 63, 0.15);} .sticky-header--up .header{-webkit-animation-name:stickyHeaderUp;animation-name:stickyHeaderUp;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .sticky-header--down .header{-webkit-animation-name:stickyHeaderDown;animation-name:stickyHeaderDown;-webkit-animation-duration:400ms;animation-duration:400ms;} @-webkit-keyframes stickyHeaderDown{from{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}to{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}}@keyframes stickyHeaderDown{from{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}to{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}}@-webkit-keyframes stickyHeaderUp{0%{position:fixed;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}100%{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}}@keyframes stickyHeaderUp{0%{position:fixed;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}100%{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}} /******************************************************************************** --- Template Layout --- *********************************************************************************/ .wrapper {padding-top: 0;} body.sticky-header .wrapper {padding-top: var(--header-height);} /* .root--resource .wrapper {padding-top: 190px;} */ @media only screen and (max-width: 1200px) { /* .root--resource .wrapper {padding-top: 60px;} */ } @media only screen and (max-width: 800px) { /*-----------Adjust for Height of Fixed Mobile Menu-----------*/ /* .wrapper { padding-top: 49px; } */ } @media only screen and (max-width: 360px) { /*-----------Adjust for Height of Fixed Mobile Menu-----------*/ /* .wrapper { padding-top: 36px; } */ } /******************************************************************************** --- Template - Page Elements --- *********************************************************************************/ /*----------- Flex -----------*/ .flex {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;} .flex-center {-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .flex-reverse {flex-flow: row-reverse;} /*----------- Labels -----------*/ .main .label, .mega-menu__resource-content .label {font-size: 0.777rem;color: var(--primary);font-weight: 800;text-transform: uppercase;line-height: 1.2;margin-bottom: 0;font-family: var(--sweet-sans);letter-spacing:0.166em;} .main .label--secondary, .mega-menu__resource-content .label {color: var(--dark-orange);} .main .section-heading .label { margin-bottom: 0.25rem; } /*----------- Tags -----------*/ .tag {background-color: #fff;color: var(--dark-orange);padding: .24rem 0.55rem;font-weight: 800;font-size: 0.722rem;text-transform: uppercase;font-family: var(--sweet-sans);letter-spacing:0.166rem;} /*-----------Zoom Images-----------*/ .zoom-trigger {overflow: hidden;} .zoom-trigger:hover .zoom-img {-webkit-transform: translate3d(0,0,0) scale(1.05); transform: translate3d(0,0,0) scale(1.05);} .zoom-img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform; } /*-----------Lists-----------*/ .list-reset { list-style: none; padding: 0; margin: 0; } ul, ol { margin: 0 0 1.000em 1.778em; padding: 0; } main ul:not(.list-reset):not(.slick-dots) li { margin-bottom: 1.125em; } ol, li { line-height: 1.5; } ol { counter-reset: section; list-style-type: none; margin: 0 0 1.000em 0; padding: 0; } ol li { counter-increment: section; position: relative; padding: 0 0 0 1.125em; margin-bottom: 1.250em; } ol li:before { font-weight: 700; content: counters(section, "../.html") "."; display: inline-block; color:var(--dark-orange); margin-right: 0.5em; } ol ol { margin: 1.778em 0; } ol ol li { font-size: 0.875em; } ol ol li { padding-left: 2.1429em; } ul.bullets, ul.checkmarks, ul.bullet-a { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } ul.bullets li, ul.checkmarks li, ul.bullet-a li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.722rem; position: relative; } ul.checkmarks li:not(:last-child) {border-bottom: 1px solid var(--off-white);padding-bottom: 1.125em;} ul.bullets li:before, ul.checkmarks li:before, ul.bullet-a li:before { font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color:var(--dark-orange); } ul.bullets li:before, ul.bullet-a li:before { font-size: 1em; content: "\e915"; top: -0.0625em;} ul.checkmarks li:before { font-size: 1em; content: "\e94b"; top: -0.0625em;} ul.bullets ul, ul.checkmarks ul { margin: 1.250em 0 0 0.667em; } ul.checkmarks li a {font-weight: normal;} ul.checkmarks.checkmarks--no-border li {border-bottom: none;padding-bottom: 0;} .article { font-size: 1.125rem; } .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 { margin: 1.750em 0 1.500em; } /*-----------Paragraphs-----------*/ p { margin: 0 0 1.500em 0; line-height:1.33; } .lead { font-size: 1.556rem; font-weight: 300; line-height:1.5;} @media (max-width: 500px) { .lead {font-size: 1.356rem;} } .wp-caption-text {font-size: .9rem;font-style: italic;margin-top: .65rem;} /*-----------Links-----------*/ a { color:var(--orange);text-decoration: none; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } a:hover {color:var(--dark-orange); text-decoration: none; cursor: pointer; } /*-----------Images-----------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } img.aligntop { margin: 0 0 1.000em 0; } img.alignleft, img.alignright {max-width:35%; margin-top:0.333em; margin-bottom:0.333em} img.alignleft { float: left; margin-right:1.389em;} img.alignright { float: right; margin-left:1.389em;} img.border { border: 1px solid var(--off-white); padding:0.278em; background: #fff;} /*-----------Blockquotes-----------*/ blockquote {margin: 0 0 1.389em 0; padding:0; position:relative;} blockquote .quote {line-height: 1.7; margin:0 0 1.406rem 0; padding-top:5.5rem;font-style: normal; } blockquote .quote:before {font-size:3.25rem; content:'\ea2c'; font-family: 'CD-Project-Icons'; font-style: normal; position:absolute; top:0; left:0; color:var(--teal); line-height:1; } blockquote .quote p {font-size: 1rem;padding-bottom: 1.833rem;border-bottom: 1px solid var(--off-white);} blockquote .cite {font-weight: 400; margin-bottom: 0.489rem;color: var(--primary);font-size:1.166rem;font-family: var(--noe);} blockquote .cite span {margin: 0 0 0 0.389em } blockquote > p.label { color: var(--dark-orange)!important; } blockquote :last-child { margin: 0; } /*-----------Divider-----------*/ hr { border: none; height: 1px; background: var(--off-white); clear: both; margin: 1.389em 0; } /*-----------Responsive Embed-----------*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-----------Buttons-----------*/ .button, .hs-button {font-size: 0.944rem; cursor: pointer; line-height: 0.93; border: none;margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 0.833rem 1.388em; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #ffffff; background-color: var(--dark-orange);} body:not(.user-is-tabbing) .button {outline: none;} .button:hover, .button:focus {color: #ffffff; background-color: var(--orange);} .button.secondary {background-color: var(--teal);} .button.secondary:hover, .button.secondary:focus {background-color: var(--light-teal);} .button.dark {background-color: var(--dark);} .button.dark:hover, .button.dark:focus {background-color: var(--dark-teal);} .button-icon {line-height: .88;display: flex;align-items: center;justify-content: center;} .button-icon span {margin-right: 0.483rem;color: #FFF;} .button-icon.secondary span {color: #FFF;} .button.large {padding: 1.000em 2.556em; font-size: 1.1rem;} .button.tiny {padding: 0.778em 1.111em; font-size: 0.778rem;} .button.expand {padding-right: 0; padding-left: 0; width: 100%;} .button.wide {padding-left: 3.333em; padding-right: 3.333em;} .button.ghost { color: #fff; background-color: transparent !important; border: 3px solid #fff; border-radius: 3px; } button.reset {border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;} /*-----------Buttons - YYCC -----------*/ /* .main--mb .button {background-color: #5e8ab4;} .main--mb .button:hover {background-color: #6d9ece;} */ /*-----------Text Buttons-----------*/ .text-button {font-size: 0.944rem;letter-spacing: 0.2em; line-height: 1.25; margin: 0 0 1.111em 0; font-weight: 800; display: inline-block; color: var(--orange); font-family: var(--sweet-sans); /*border-bottom: 1px solid var(--orange);*/ transition: all 250ms ease;text-transform: uppercase;} .text-button:hover {color: var(--dark-orange); /*border-color: var(--dark-orange);*/} .text-button.secondary {color: var(--dark-teal); border-color: var(--dark-teal);} .text-button.secondary:hover {color: var(--teal); border-color: var(--teal);} .text-button.tiny {font-size: 0.8rem;} @media only screen and (max-width: 800px) { h1, .h1 {font-size: 2.000rem} h2, .h2 {font-size: 1.500rem} h3, .h3 {font-size: 1.313rem} } @media only screen and (max-width: 479px) { h1, .h1 {font-size: 1.750rem} h2, .h2 {font-size: 1.375rem} h3, .h3 {font-size: 1.188rem} h4, .h4 {font-size: 1.125rem} } @media only screen and (max-width: 375px) { /*-----------Images-----------*/ img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;} /*----------Buttons-----------*/ .button {display:block; width:100%;} } /******************************************************************************** --- Form Styling --- *********************************************************************************/ /*-----------Standard Forms-----------*/ form { margin: 0; } /*-----------Label Styles-----------*/ label { cursor: pointer; display: block; margin: 0;font-size: 0.722rem;color: var(--primary);font-weight: 500;line-height: 0.92;text-transform: uppercase;margin-bottom: 0.778rem;} .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {cursor: pointer; display: block; margin: 0;font-size: 0.722rem;color: var(--primary);font-weight: bold;line-height: 0.92;text-transform: uppercase;margin-bottom: 0;} .gform_wrapper ul.gform_fields li.gfield, body .gform_wrapper .top_label div.ginput_container, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {} .root .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .root .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {font-size: .7rem;} .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {position: relative;top:-.15rem;} /*-----------Required-----------*/ .req, .hs-form-required { color:var(--dark-orange); font-weight: 700; margin-left: 0.1rem;} /*-----------styling on all basic form elements-----------*/ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {font-size: 1.000rem; -webkit-appearance: none; background-color: #fff; border: 1px solid var(--off-white); color: var(--primary); display: block; margin: 0 0 1.000em 0; padding: 0.444em 1em; height: 2.750em; width: 100%; border-radius: 0.111rem; font-weight:normal;margin-top: 0.778rem;} /*-----------styling on all basic form focus elements-----------*/ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {border-color: var(--primary); outline:none;} body.user-is-tabbing input[type="text"]:focus, body.user-is-tabbing input[type="password"]:focus, body.user-is-tabbing input[type="date"]:focus, body.user-is-tabbing input[type="datetime"]:focus, body.user-is-tabbing input[type="datetime-local"]:focus, body.user-is-tabbing input[type="month"]:focus, body.user-is-tabbing input[type="week"]:focus, body.user-is-tabbing input[type="email"]:focus, body.user-is-tabbing input[type="number"]:focus, body.user-is-tabbing input[type="search"]:focus, body.user-is-tabbing input[type="tel"]:focus, body.user-is-tabbing input[type="time"]:focus, body.user-is-tabbing input[type="url"]:focus, body.user-is-tabbing textarea:focus, body.user-is-tabbing select:focus {border: none; outline: auto; outline: 2px solid var(--primary) !important; /* for non-webkit browsers */ outline: 5px auto -webkit-focus-ring-color !important;} /*-----------styling on all basic form disabled elements-----------*/ input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: var(--off-white); } /*-----------input submit-----------*/ input[type="submit"] { -webkit-appearance: none; } /*-----------textarea-----------*/ textarea { min-height: 6.944em; resize: none; max-width: 100%; } textarea[rows] { height: auto; } /*-----------select-----------*/ select { -webkit-appearance: none !important; background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; line-height: normal; height: 2.750em; } :-moz-any(select) {background-image:none;} select::-ms-expand {display: none;} /*-----------other form elements-----------*/ input[type="file"], input[type="checkbox"], input[type="radio"] { margin: 0 0 1.000em 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.444em; margin-right: 0.889em; margin-bottom: 0; vertical-align: baseline; } .input-radio, .input-checkbox {vertical-align:top; margin:0.444em 0; line-height:1.2;} .input-radio input[type="radio"], .input-checkbox input[type="checkbox"] {width:18px; height:18px; margin:0 0.222em 0 0; padding:0;} /*-----------Normalize file input width-----------*/ input[type="file"] { width: 100%; } /*-----------We add basic fieldset styling-----------*/ fieldset { border: 1px solid var(--off-white); padding: 1.111em; margin: 1.000em 0; } fieldset legend { font-weight: 500; background: white; color: var(--primary);padding: 0 0.167em; margin: 0; margin-left: -0.167em; } /*-----------Custom replaced checkbox, radio, switch-----------*/ .checkbox, .radio, .switch {margin: 1.000em 0; } .checkbox label, .radio label {font-size: 1em; text-transform: none; font-weight: 400; line-height: 1;} .checkbox *, .radio * { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox input, .radio input { opacity: 0; margin: 0; outline: none;} .checkbox span, .radio span { position: relative; display: inline-block; margin-left: -1.067em; vertical-align: middle; text-align: center; width: 1.067em; height: 1.067em; line-height: 0.8571em; background: #fff; border: 1px solid var(--off-white); } .checkbox span {border-radius: 2px; } .radio span { border-radius: 1.067em; } .checkbox:hover span, .radio:hover span { border-color: var(--off-white); } .checkbox span:before, .radio span:before {content: ""; display: inline-block; vertical-align: middle; opacity: 0; color: var(--off-white); line-height: 1; transition: all 250ms ease; } .checkbox span:before {font-size: 0.667em; content: "\e94b"; font-family: 'CD-Project-Icons';} .radio span:before {width: 0.6875em; height: 0.6875em; border-radius: 0.6875em; background-color: var(--off-white);} .checkbox input[type=checkbox]:checked + span, .radio input[type=radio]:checked + span { border-color: var(--off-white); background-color: var(--off-white); } .radio input[type=radio]:checked + span { background-color: #fff; } .checkbox input[type=checkbox]:checked + span:before, .radio input[type=radio]:checked + span:before { color: #fff; opacity: 1;} .checkbox input[type=checkbox]:disabled + span, .radio input[type=radio]:disabled + span { border-color: var(--off-white) !important; background-color: var(--off-white) !important; } .radio input[type=radio]:checked:focus + span:before { background-color: var(--secondary);} .radio input[type=radio]:checked:focus + span { border-color: var(--secondary); background-color: #fff; } .checkbox input[type=checkbox]:checked:focus + span, .switch input[type=checkbox]:checked:focus + span {background-color: var(--secondary);} /* --- SWITCH --- */ .switch * { cursor: pointer; } .switch input { opacity: 0; position: absolute; z-index: -1; } .switch span { position: relative; display: inline-block; width: 58px; height: 30px; background-color: #fff; border: 1px solid var(--off-white); border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset; } .switch span:after { content: ""; position: absolute; background-color: #fff; top: 0; left: 0; height: 28px; width: 28px; border: 1px solid var(--off-white); border-radius: 400px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-transition: all .2s; } .switch input:checked + span { background-color: var(--secondary); border-color: var(--secondary); transition: all .5s; } .switch input:checked + span:after { left: 50%; transition: all .2s; } /*-----------Error Validation-----------*/ form small.form-error {font-size: 0.667rem; background: var(--dark-orange); color: #fff; padding: 0.222rem 0.333rem; font-weight: 500; margin: -1.000rem 0 0.556rem 0; display: block; } /*-----------Success Container-----------*/ .success-container {display: none; text-align: center; margin-top: 5em; margin-bottom: 5em;} .success-container__icon {font-size:7.5em; line-height: 1; color: #000cff} .success-container p {font-size: 1.125em;} /*-----------Disabled Button-----------*/ .button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:#f2f2f2; color:#000; cursor:default; text-shadow:none;pointer-events: none; cursor: not-allowed;user-select: none;} /*-----------Hubspot Forms-----------*/ .hbspt-form .hs-form fieldset {max-width: none;margin-bottom: .9rem;} .hbspt-form .hs-form fieldset.form-columns-1 .hs-input {width: 100%;} .hbspt-form .hs-form ul[role="checkbox"], .hbspt-form .hs-form ul[role="radio"] {margin: 0;list-style: none;display: flex;flex-wrap: wrap;} .hbspt-form .hs-form ul[role="checkbox"] li, .hbspt-form .hs-form ul[role="radio"] li {width: 50%;} .hbspt-form .hs-form ul[role="checkbox"] label, .hbspt-form .hs-form ul[role="radio"] label {display: flex;text-transform: none;font-size: .778rem;} .hbspt-form .hs-form ul[role="checkbox"] input.hs-input, .hbspt-form .hs-form ul[role="radio"] input.hs-input {width: auto;margin-right: .5rem;} .hs_recaptcha {margin-bottom: 1rem;} @media only screen and (max-width:475px) { .hbspt-form .hs-form ul[role="checkbox"] li, .hbspt-form .hs-form ul[role="radio"] li {width: 100%;} } /******************************************************************************** --- Accordion --- *********************************************************************************/ .accordion {font-size:1.000rem; margin: 0 0 1.667em; border-bottom: 1px solid var(--off-white);} .accordion dt {border-top: 1px solid var(--off-white); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding:1.111em 2.222em 1.111em 0; margin: 0; position:relative; font-weight:500; color:var(--dark-teal);} .accordion dt:after { content: "\e91b"; font-family: 'CD-Project-Icons'; position:absolute; top:0.738em; right:0; font-size: 1.333em; color:var(--dark-orange);} .accordion dt.accordion-active:after { content: "\e926"; } .accordion dd { display: none; padding: 1.111em; margin: 0; } body.user-is-tabbing .accordion dt:focus { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 3.22rem; } body.user-is-tabbing .accordion dt:focus:after { right:1rem; } body:not(.user-is-tabbing) .accordion dt:focus { outline: none; } /******************************************************************************** --- Responsive Tabs --- *********************************************************************************/ /*-----------Universal Tabs-----------*/ .resp-tabs-list {list-style:none; margin: 0; padding: 0;} .resp-tabs-list li {display: inline-block; margin: 0; padding:0; cursor: pointer; float: left; background-color: #f2f2f2; color: #5a5b5c; } .resp-tabs-list li.resp-tab-active { background: #fff; color:var(--secondary); position: relative; } .resp-tabs-container {padding: 0; background-color: #fff; clear: left;} .resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; } .resp-tab-content { display: none; padding: 1.667em 1.944em; border: 1px solid var(--off-white);} .resp-accordion { cursor: pointer; display: none; border: 1px solid var(--off-white); margin: 0; padding: 0.667em; } .resp-tab-active {border-bottom:none;} .resp-arrow { position: absolute; top: 0.833em; right: 0.833em; } .resp-arrow:after { content: "\e91b"; font-family: 'CD-Project-Icons'; } .resp-tab-active .resp-arrow:after { content: "\e926"; } body:not(.user-is-tabbing) .resp-accordion:focus { outline: none !important; } /*-----------Vertical tabs-----------*/ .resp-tabs--vertical .resp-tab-content {word-wrap: break-word; } .resp-tab-item:focus, .resp-accordion:focus { position: relative; z-index: 2;} @media only screen and (min-width: 768px) { /*-----------Horizontal tabs-----------*/ .resp-tabs--horizontal .resp-tabs-list li { padding: 0.833em; border-top: 1px solid var(--off-white); border-left: 1px solid var(--off-white); } .resp-tabs--horizontal .resp-tabs-list li:last-child { border-right: 1px solid var(--off-white); } .resp-tabs--horizontal .resp-tabs-list li.resp-tab-active:after { content: ""; display: block; background: #fff; height: 1px; width: 100%; position: absolute; bottom: -1px; left: 0; } body:not(.user-is-tabbing) .resp-tabs--horizontal .resp-tabs-list li:focus { outline: none; } /*-----------Vertical tabs-----------*/ .resp-tabs--vertical {overflow: hidden; padding-top: 3px; padding-left: 3px; /*padding is so focus ring shows completely */} .resp-tabs--vertical .resp-tabs-list { float: left; width: 30%; border: 1px solid var(--off-white); border-right: none; } .resp-tabs--vertical .resp-tabs-list li { display: block; padding: 0.778em 1.111em; cursor: pointer; float: none; border-bottom: 1px solid var(--off-white); } .resp-tabs--vertical .resp-tabs-list li:last-child {border-bottom:none;} .resp-tabs--vertical .resp-tabs-container { border: 1px solid var(--off-white); float: left; width: 70%; min-height: 250px; clear: none; } .resp-tabs--vertical .resp-tab-content { border: none; } .resp-tabs--vertical .resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; } .resp-tab-content.resp-tab-content-active {display:block!important;} .resp-accordion-closed {display:block;} body:not(.user-is-tabbing) .resp-tabs--vertical .resp-tabs-list li:focus { outline: none; } } @media only screen and (max-width: 767px) { .resp-tabs-list { display: none; } .resp-accordion { display: block; background-color: #f2f2f2; color: var(--secondary); position: relative; font-size: 1.125em;} .resp-accordion:not(:last-of-type) {border-bottom:none; } .resp-accordion.resp-tab-active { background: #fff; color:var(--secondary); } .resp-tab-content { border: 1px solid var(--off-white); border-bottom:none; } .resp-tab-content:last-of-type {border-bottom:1px solid var(--off-white);} .resp-tabs--verticalvtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } } /******************************************************************************** --- Tables --- *********************************************************************************/ table.table { background: white; margin-bottom: 1.000em; border: solid 1px #ccc; table-layout: auto; width: 100%; } table.table caption { background: none; color: var(--secondary); font-weight: bold; } table.table thead { background:#f2f2f2; } table.table thead tr th, table.table thead tr td { padding:0.750em 0.857em; font-size: 0.778em; text-transform: uppercase; color: var(--secondary); font-weight:700; border: 1px solid var(--off-white); } table.table tr th, table.table tr td { padding:1em 0.820em; font-size:0.813em; text-align: left; border: 1px solid var(--off-white); } table.table tr.even, table.table tr.alt, table.table tr:nth-of-type(even) { background: var(--off-white); } table.table thead tr th, table.table tfoot tr th, table.table tfoot tr td, table.table tbody tr th, table.table tbody tr td, table.table tr td { display: table-cell; line-height: 1.3; } /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content { display: none; } .slide-toggle:not(.button):after { content: "\e911"; font-family: 'CD-Project-Icons'; margin: 0 0 0 0.333em; font-size:90%;} .slide-toggle:not(.button).active:after { content: "\e917"; } .slide-toggle:not(.button).active, .slide-toggle:not(.button).active:after { color:var(--secondary); } .slide-toggle.button.active {background-color:var(--secondary); color:#fff;} .slide-toggle.button:after { content: "\e911"; font-family: 'CD-Project-Icons'; font-size:90%; margin-left:0.333em; } .slide-toggle.button.active:after { content: "\e917";} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert { display: none; padding: 0.556em 0.833em; margin-bottom: 1.111em; background-color: #000; color: #fff;} .alert p {line-height:1.2; padding-left:1.333em; position:relative;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.278em; } .alert a { color: #fff; text-decoration: underline; } .alert a:hover { color:var(--dark-orange); } .alert p:before { font-family: 'CD-Project-Icons'; color: #fff; position:absolute; top:0; left:0; } .alert-success, .alert-info, .alert-warning, .alert-danger { display: block; } .alert-success { background-color:#008227; } .alert-success p:before { content: "\e94b"; } .alert-info p:before { content: "\e98f"; } .alert-warning { background-color:#ffa500; } .alert-warning p:before { content: "\ea17"; } .alert-danger { background-color:var(--dark-orange); } .alert-danger p:before { content: "\e96d"; } /******************************************************************************** --- Magnific Popup CSS--- *********************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10042; overflow: hidden; position: fixed; background: var(--dark); opacity: 0.98; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 10046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner {padding: 0;border: 0;} .mfp-close {font-size:2.25em; width: 1.385em; height: 1.179em; line-height: 1.179em; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 0.462em 0.256em; color: #828e99; transition: color 250ms ease; font-style: normal; font-weight: 300;} .mfp-close:hover, .mfp-close:focus { color: #9baab7; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #061E31; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .90 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .popup-embed-container .mfp-container { padding-top: 40px; padding-bottom: 40px } .popup-embed-container .mfp-content { width: 100%; max-width: 900px; box-shadow: 0 0 8px rgba(0,0,0,0.6) } .popup-embed-container .mfp-close { top: -44px; color: #FFF; text-align: right; right: 1px } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}} /******************************************************************************** --- Custom Scroll Styling --- *********************************************************************************/ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } .scrollbar-external_wrapper { height: 450px !important; position: relative; width: auto !important; } .scrollbar-external { height: 400px; overflow: auto; width: 100%; } /******************* EXTERNAL SCROLLBAR *******************/ .external-scroll_x, .external-scroll_y { background-color: rgba(19, 68, 81,0.55); cursor: pointer; display: none; position: absolute; } .relative {position: relative;} .external-scroll_x.scroll-scrollx_visible { display: block; height: 10px; left: 12px; top: 30px; width: 200px; } .external-scroll_y.scroll-scrolly_visible { display: block; height: 200px; left: 610px; top: 0; width: 10px; } .external-scroll_x div, .external-scroll_y div { height: 100%; left: 0; top: 0; position: absolute; width: 100%; } .external-scroll_x div.scroll-element_track, .external-scroll_y div.scroll-element_track { background-color: var(--light-teal); } .external-scroll_x .scroll-bar, .external-scroll_y .scroll-bar { background: var(--dark-teal); z-index: 12; } .external-scroll_x .scroll-bar { width: 100px; } .external-scroll_y .scroll-bar { height: 100px; } @media only screen and (max-width: 500px) { .scrollbar-external {height: 200px;} .scrollbar-external_wrapper {height: 300px!important;} } /******************************************************************************** --- Custom Magnific Popup Styling --- *********************************************************************************/ .white-popup-block { background: #fff; text-align: left; max-width: 40.625rem; margin: 40px auto; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden;} .white-popup-block.bg-soft-blue-gradient {background-image: linear-gradient(to bottom, #ffffff, #edf5ff);} .white-popup-block--padding {padding:2.5em 1.875em 1.875em;} .white-popup-block--narrow {max-width: 28.75rem;} .white-popup-block--wide {max-width: 50rem;} .white-popup-block--xwide {max-width: 60rem;} .white-popup-block--wide.white-popup-block--padding, .white-popup-block--xwide.white-popup-block--padding {padding:4.25em 5em 2.5em;} .form-popup__heading, .form-popup__section {margin-bottom: 1.25em;} .form-popup__heading p {font-size: 1.125em;} .form-popup__fields .row {margin-right: -0.5em; margin-left: -0.5em} .form-popup__fields .column, .form-popup__fields .columns {padding-right: 0.5em; padding-left: 0.5em} .popup__inner {padding: 3rem;position: relative;z-index: 3;} @media only screen and (max-width: 800px) { .white-popup-block--wide.white-popup-block--padding {padding-right:2.6923em; padding-left:2.6923em;} } @media only screen and (max-width: 479px) { .white-popup-block--wide.white-popup-block--padding {padding: 3.3333em 1.6667em 1.6667em;} } @media only screen and (max-width: 375px) { .white-popup-block--wide.white-popup-block--padding {padding-right: 0.8333em; padding-left: 0.8333em;} } /******************************************************************************** --- Slick Slider --- *********************************************************************************/ .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before, .slick-track:after {display: table; content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: inline-block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-arrow {width: 46px;height: 46px;color: var(--primary);cursor: pointer;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;transition: all 250ms ease;top:50%;position: absolute;margin-top: -33px;} .resource-slider .slick-arrow {top:44%;} .slick-arrow:not(.slick-prev-angle) {z-index: 1;border: 1px solid var(--dark-orange);border-radius: 50%;} .resource-slider .slick-arrow:not(.slick-prev-angle) { background: rgb(255 255 255 / 50%); } .slick-arrow:hover {color: var(--primary);border-color: var(--primary);} .slick-prev {left: 0;} .slick-next {right: 0;} .slick-prev-angle span {font-size: 2.5rem;} .slick-prev-angle {margin-top: -23px;color: var(--dark-orange);} .slick-prev-angle.slick-prev {left: -1.5rem;} .slick-prev-angle.slick-next {right: -1.5rem;} .slick-dots {list-style: none;margin: 0;z-index: 999;} .slick-dots li {display: inline-block;line-height: 0;padding:.15rem;margin-right: 0.411rem;border: 1px solid transparent;border-radius: 50%;} .slick-dots .slick-active {border-color: #fff;} .slick-dots button {display: inline-block;vertical-align: top;line-height: 1;outline: none;width: 0.35em;height: 0.35em;border-radius: 50%;background: #fff;padding: 0;margin: 0;text-indent: -9999em;position: relative;cursor: pointer;} .hero-slider__wrapper .slick-dots {position: absolute;bottom:10rem;display: flex;width: 100%;justify-content: center;} .slick-dots--lines ul.slick-dots {background-color: #fff;left: 10%;bottom:.5rem;position: absolute;margin-left: 2.611rem;padding-left: 4.75rem;} .slick-dots--lines .slick-dots li {border-radius: 0;border:none;background-color: var(--off-white);width: 50px;height: 3px;} .slick-dots--lines .slick-dots li button {border-radius: 0;width: 100%;height: 100%;display: block} .slick-dots--lines .slick-dots li.slick-active {background-color: var(--secondary);} /******************************************************************************** --- ADA Jump to Main Content--- *********************************************************************************/ .ada-banner {position: relative;} a.skip-main {left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; transition: all 300ms ease-out;} a.skip-main:focus, a.skip-main:active {font-size: 1.25em; color: #fff; background-color: var(--secondary); left: auto; top: auto; width: auto; height: auto; overflow: auto; margin: 0 5% ; padding: 0.4em 1em; border-radius: 0 0 5px 5px; text-align: center; font-size: 1.2em; z-index: 99999;} /******************************************************************************** --- WP Toolbar --- *********************************************************************************/ /* This might require updating based on header whether it's fixed or not */ .admin-bar.sticky-header .header{top: 32px;} @media only screen and (max-width: 1200px) { .wrapper {padding-top: 96px;} } @media only screen and (max-width: 980px) { } @media only screen and (max-width: 782px) { .admin-bar.sticky-header .header {top: 46px;} #wpadminbar {position: fixed;} } @media only screen and (max-width: 480px) { } @media only screen and (max-width: 390px) { .admin-bar .wrapper {padding-top: 33px;} } @media only screen and (max-width: 375px) { .admin-bar .wrapper {padding-top: 50px;} } /******************************************************************************** --- Style Guide--- *********************************************************************************/ .sg-section {padding: 5.000em 0; border-bottom: 1px solid var(--off-white);} .sg-section__heading {position: relative; margin-bottom: 2.000em} .sg-section__heading span {font-size: 50%; position: absolute; top: 50%; left: -3.125em; margin-top: -0.938em; width: 1.875em; height: 1.875em; line-height: 1.875em; color: var(--dark-orange);} .sg-section__subheading {font-size: 14px; text-transform: uppercase; margin: 4.000em 0 2.000em; position: relative;} .sg-section__subheading span {position: relative; color: var(--light-teal); letter-spacing: 3px; padding-right: 1.250em; font-family: var(--sweet-sans); font-weight: 800;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em; box-shadow: 0 5px 10px 1px rgba(41, 51, 63, 0.08); margin-right: 2rem;} .sg-section__font-letters {font-size: 5.000em; display: block; line-height: 1; /*opacity: 0.20;*/} .sg-section__font-name {display: block; line-height: 1;} /* .sg-section__font-left, .sg-section__font-right {width: 50%; float: left;} */ .sg-section__font-left {padding: 1.500em;} .sg-section__font-right {border-top: 1px solid var(--off-white); padding: 1.500em; font-size: 16px;} /* .sg-section__font-weight {display: block;} */ .sg-body {overflow-x: hidden;} .sg-body .root, .sg-toggle {-webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-fixed-nav {position: fixed; top: 0; left: 0; width: 250px; height: 100%; overflow-y: auto; padding: 40px 15px; background: #fff; z-index: 9999999; border-right: 1px solid var(--off-white); -webkit-transform: translate3d(-250px, 0px, 0px);-moz-transform: translate3d(-250px, 0px, 0px);-o-transform: translate3d(-250px, 0px, 0px);-ms-transform: translate3d(-250px, 0px, 0px);transform: translate3d(-250px, 0px, 0px); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-snippets-toggle {font-size: 14px; display: block;} .sg-snippets-toggle:before {content: "\ea03"; font-family: 'CD-Project-Icons'; margin-right: 6px;} .sg-snippets-toggle.active:before {content: "\ea04"; font-family: 'CD-Project-Icons';} .sg-toc {font-size: 13px;} .sg-toggle {font-size: 14px; position: fixed; bottom: 0; left:0; width: 28px; height: 28px; line-height:1; padding: 0; margin: 0; border-radius: 0; z-index: 9999999;} .sg-toggle:before {content: "\e974"; font-family: 'CD-Project-Icons';} .sg-body--push .root, .sg-body--push .sg-toggle {-webkit-transform: translate3d(250px, 0px, 0px);-moz-transform: translate3d(250px, 0px, 0px);-o-transform: translate3d(250px, 0px, 0px);-ms-transform: translate3d(250px, 0px, 0px);transform: translate3d(250px, 0px, 0px);} .sg-body--push .sg-fixed-nav {-webkit-transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);} .sg-body--push .sg-toggle:before {content: "\e955";} @media (max-width: 1399px) { .sg-section__heading {padding-left: 1.500em;} .sg-section__heading span {left: 0;} } /*---------- Swatches ----------*/ .swatch__color { position: relative; height: 100px;} .swatch__hex { padding: 1rem; text-align: center;} .swatch__name {display:block; font-size:0.750em} /*---------- Code Snippets ----------*/ code {display: none; /* Remove in Production */} code.active {display: block;} pre {padding:15px; border:1px solid var(--off-white);} /******************************************************************************** --- Social Links --- *********************************************************************************/ .social-links {list-style: none; margin:0; padding: 0;display: flex; align-items: center; justify-content: center; gap: 1.222rem; } .social-links li {display: inline-block; line-height: 1.2;} .social-links a {display: block; transition: color 250ms ease; color: var(--dark);display: flex; align-items: center; justify-content: center; height: 1.777rem; width: 1.777rem; border: 2px solid #FFF; border-radius: 50%; } .social-links a:hover{ color: var(--dark-teal) } .social-links__icon {font-size: 0.95rem;} .social-links__label {display: none;} .header__top--social-links .social-links {margin-left: 1.028rem;} .header__top--social-links .social-links a {color: var(--dark-orange);} .header__top--social-links .social-links a:hover {color: var(--primary);} .header--resource .header__top--social-links .social-links a {color: var(--primary);} .header--resource .header__top--social-links .social-links a:hover {color: var(--dark-orange);} /******************************************************************************** --- Announcement --- *********************************************************************************/ .announcement {padding: 1.35rem 0;top:0; background-color: var(--dark);} .announcement__row {position: relative;max-width: 1480px;margin: 0 auto;padding: 0 3rem;} .announcement-label {font-size: 0.833rem;font-weight:500;margin-left: 1rem;margin-right: 1rem; text-align: center;} .announcement-label a {color: #fff; position: relative; text-decoration: underline; text-decoration-color: var(--light-orange); text-decoration-thickness: 1px; text-decoration-offset: 2px; text-underline-offset: 0.3em;line-height: 1.4;} .announcement-label a:hover { text-decoration-color: var(--dark-orange); } /* .announcement-label a:after { content: ""; position: absolute; bottom: -2px; left: 0; right: 0; height: 1px; background-color: var(--light-orange); transition: 0.3s ease; } */ /* .announcement-label a:hover:after { background-color: var(--dark-orange); } */ .announcement-close {position: absolute;color: var(--teal);right: 1.5rem;top: 0;bottom: 0;cursor: pointer;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;margin-top: auto; margin-bottom: auto;} .announcement-close span { position: relative; width: 100%; height: 100%; } .announcement-close span:before, .announcement-close span:after { content: ""; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; height: 1px; width: 100%; background-color: var(--teal); transform-origin: center; transform: rotate(45deg); border-radius: 50%; transition: background-color 0.3s ease; } .announcement-close span:after { transform: rotate(-45deg); } .announcement-close:hover span:before, .announcement-close:hover span:after { background-color: var(--dark-orange); } @media (max-width: 1200px) { .announcement {padding: 0.9rem 0;} } @media (max-width: 640px) { .announcement-close {top:-2.5px;} } /******************************************************************************** --- Footer --- *********************************************************************************/ .footer-main {padding: 5.555rem 0;} .footer-main__row {justify-content: space-between;gap:3rem;} .footer-main__row:before, .footer-main__row:after { content: none; } .footer-info {width: 35%;display: flex; flex-direction: column;} .footer-links {justify-content: flex-end;flex-grow: 1;gap:4rem;width:100%;} .footer-site-logo {margin-bottom: auto;display: block;max-width:318px;text-align:center;} footer.footer .copyright-bar { background-color: var(--light-teal); color: var(--dark); } footer.footer .services-bar { background-color: #FFF; padding: 1.111rem 0 1.25rem; } footer.footer .services-bar ul { display: flex; justify-content: center; } footer.footer .services-bar ul li { position: relative; display: inline-block; line-height: 1; padding: 0 0.5rem; } footer.footer .services-bar ul li:first-of-type { padding-left:0; } footer.footer .services-bar ul li:last-of-type { padding-right: 0; } footer.footer .services-bar ul li:not(:first-of-type):before {content:'';position: absolute;left: -2px;top:34%;width: 1px;background-color: var(--light-teal);height: 60%;} footer.footer .services-bar ul li a { color: var(--dark); font-size: 0.833rem; } footer.footer .services-bar ul li a:hover { color: var(--dark-teal) } footer.footer .button-heading { font-size: 1.055rem; font-family: var(--noe); color: var(--dark-teal); text-align: center; margin-top: 3rem; } @media (max-width: 900px) { .footer-site-logo { text-align: left;} footer.footer .button-heading { text-align: left; } } @media (max-width: 500px) { footer.footer .services-bar ul { flex-wrap: wrap; justify-content: center; gap: 0.8rem; /*text-align: center;*/ } footer.footer .services-bar ul li { width: 48%; padding: 0; } footer.footer .services-bar ul li:before { content: none!important; } } /*---------- Newsletter ----------*/ .footer-newsletter-label {line-height: 1.19;margin-bottom: 1.222rem;font-weight: normal;font-size: 1.111rem;} .newsletter-form {margin-bottom: 1.444rem;position: relative;} .newsletter-form input[type="text"] {margin-top: 0;margin-bottom: 0;margin-right: 0.667rem;color: var(--primary);font-weight: bold; text-transform: uppercase;font-size: 0.722rem;width: 217px;border: solid 1px var(--off-white);border-radius: 0;text-indent: 0.889rem;} .newsletter-form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: var(--primary);} .newsletter-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */color: var(--primary);} .newsletter-form input[type="text"]:-ms-input-placeholder { /* IE 10+ */color: var(--primary);} .newsletter-form input[type="text"]:-moz-placeholder { /* Firefox 18- */color: var(--primary);} .newsletter-form .button {margin-bottom: 0;border: 1px solid transparent;} .newsletter-form .form-error {position: absolute;bottom: -2rem;width: 217px;} .newsletter--signup {max-width: 318px;} @media (max-width: 800px) { footer.footer .button-heading { margin-top: 2rem; } } @media (max-width: 500px) { .newsletter--signup {max-width: auto;} /* .footer-site-logo {text-align: center;} */ } /*---------- Copyright & Utility Links ----------*/ .footer__copyright, .footer-utility li a {font-size: .722rem;color: var(--dark);font-weight: normal; text-transform: uppercase;} .footer-utility li a:hover {color: var(--dark-teal);} .footer-utility, .footer__copyright {line-height: 1.25; display: inline-block;} .footer-utility {position: relative;top:-.15rem;margin-left: .5rem;} .footer-utility li {position: relative;display: inline-block;padding: 0 .35rem;line-height: 1;} .footer-utility li:first-of-type { padding-left:0; } .footer-utility li:last-of-type { padding-right: 0; } .footer-utility li:not(:first-of-type):before {content:'';position: absolute;left: -2px;top:34%;width: 1px;background-color: var(--dark);height: 60%;} footer.footer .copyright-bar > .row { display: flex; gap: 3rem; padding-top: 1.333rem; padding-bottom: 1.333rem; } footer.footer .copyright-bar > .row:before, footer.footer .copyright-bar > .row:after { content: none; } footer.footer .copyright-bar > .row > div { flex: 1; } footer.footer .copyright-container { display: flex; align-items: center; } footer.footer .footer-utility-container { display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 680px) { footer.footer .copyright-bar > .row { flex-direction: column; justify-content: center; gap: 1rem; } footer.footer .copyright-bar > .row > div { justify-content: flex-start; } .social-links { justify-content: flex-start; } .social-links a { border-width: 1px; } .footer-utility { margin-left: 0; } footer.footer .services-bar ul { justify-content: flex-start; } } /*---------- Footer Links ----------*/ .footer-titles h3 { width: 45%; } .footer-titles h3:nth-child(2) { padding-left: 2rem; } .footer-menu {min-width: 200px;} .footer-menu ul, .footer-titles {display: flex;flex-direction: column;justify-content: flex-start;} .footer-menu ul li {margin-bottom: 0.75rem;} .footer-menu ul li a {color: var(--black);font-weight: normal;font-size: 0.944rem;} .footer-menu ul li a:hover {color: var(--dark-teal);} /*---------- Footer Social Links ----------*/ /* .footer-social-links h3 {margin-bottom: 0.9rem; line-height: 1.2;font-size: 1.111rem;} */ .footer-menu .social-links li a {color: var(--dark);} .footer-menu .social-links li a:hover {color: var(--dark-teal);} .footer-menu .social-links {margin-bottom: 1.667rem;} .contact-link a {color: var(--dark-orange);font-size: 1.111rem;font-weight: normal;} .contact-link:hover {color: #fff;opacity: .9;} /*---------- Footer Site Logos ----------*/ .footer-logos {padding: 1.5rem 0;} .footer-logos ul {justify-content: space-between;} .footer-logos ul li img {-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .footer-logos ul li a:hover img {opacity: 0.7;} @media (max-width: 1200px) { .footer-site-links ul li a, .contact-link a {font-size: 0.9rem;} .footer-info {/*margin-right: 55px;*/ width: 65%;} .footer-site-links {width: 75%;} .footer-menu {min-width: unset;} } @media (max-width:900px) { .footer-logos__row ul li img {max-width: 80%;} .footer-main__row, .footer-links, .footer-site-links ul {flex-wrap: wrap;justify-content:flex-start;} .footer-info {width: 100%;} .footer-col, .footer-site-links {width: 100%;} } @media (max-width:800px) { .footer-main {position: relative;padding-bottom: 5rem;} .copyright-utility {position: absolute;bottom: 2rem;} .footer-links { gap: 2rem; } .footer-site-links {margin-bottom: 1rem;} /* .newsletter--signup { margin-left: auto; margin-right: auto; } */ .footer-menu {min-width: 9rem;} .footer-menu ul li { margin-bottom: 0.5rem; } } @media (max-width:500px) { .footer-logos__row ul {flex-wrap: wrap;justify-content: center;} .footer-logos__row ul li {width: 50%;text-align: center;} .footer-logos__row ul li img {max-width: 70%;} .footer-logos__row ul li:not(:nth-last-of-type(-n+2)) {margin-bottom: 6%;} } @media (max-width:375px) { .newsletter-form .button {width: auto;} } /******************************************************************************** --- Calculators --- *********************************************************************************/ #calculator table tr th, #calculator table tr td {padding:6px 12px 6px 0; font-size:14px; border:none;} #calculator table tr td:first-child { padding:6px 0 6px 0; } #calculator table tr td:first-child { padding:6px 0 6px 0; } #calculator table tr.even, #calculator table tr.alt, #calculator table tr:nth-of-type(even) {background:none;} #calculator td p {margin:0;} #calculator input {margin:0;} #calculator input[type="text"], #calculator select {height:38px;} #calculator input[type="text"]:not(#tvcTERM), #calculator select { float: right; width: 90%; } #calculator label {font-weight:normal;} #calculator .toggle {padding:4px 0 6px 0; display:block;} #calculator .toggle input, #calculator input[type="radio"] {margin-right:3px;} #calculator .toggle input:last-child {margin-left:5px;} #calculator input[type="radio"]:nth-last-of-type(1) {margin-left:5px;} #calculator b {font-size:16px;} .Summary table {width:100%; border:none;} #calculator .Summary {color:var(--secondary)!important;} /******************************************************************************** --- Home Hero --- *********************************************************************************/ .hero {clear: both;} .hero-slider__wrapper {position: relative;} .hero__item {height: 757px;background-size: cover;background-color: var(--secondary);position: relative;} .hero__item::before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;/*background-color: #0c1719;*/background-image: linear-gradient(to bottom, rgba(120, 121, 122, 0), #101111); opacity: .7;} .hero__container {height: 100%;justify-content: center;padding-bottom: 9.5rem;align-items: flex-end;} .hero-slider__wrapper .hero__container { padding-bottom: 12.5rem; } .hero__body {width: 100%;position: relative;z-index: 1;/*top:1.5rem;*/} .hero__item .page-headline {padding: 0 4rem;margin-bottom: 1.5rem; line-height: 1.18;} .hero__subtitle {font-size: 1.056rem;line-height: 1.4;padding: 0 13rem;font-family: var(--gt-america);font-weight: normal;} @media (max-width: 1400px) { .hero__item {height: 640px;} } @media (max-width: 1024px) { .hero__item {height: 600px;} } @media (max-width: 740px) { .hero__item .page-headline {padding: 0 1rem;} .hero__subtitle {padding: 0 6rem;font-size: 1.25rem;} .hero__body {top:0;} } @media (max-width: 500px) { .hero__item {background-position: center left;height: 550px;} .hero__subtitle {padding: 0 2rem;} .hero__item .page-headline {font-size: 2.1rem;} .hero__subtitle {font-size: 1.05rem;} } /******************************************************************************** --- Inner Hero --- *********************************************************************************/ .inner-hero {position: relative;min-height: 615px;background-size: cover;background-position: center;background-repeat: no-repeat;justify-content: center; display: flex;} .inner-hero::before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(12,23,25,0.53);background-image: linear-gradient(180deg, #030F11 25%, rgba(12,23,25,0.00) 100%);opacity: .7;} .inner-hero--short {height: 500px;} .inner-hero--tall {height: auto;min-height: 650px;} .inner-hero__container {width: 100%;position: relative;top:0;min-height: 100%; justify-content: center; padding-bottom: 9.5rem; align-items: flex-end;} .inner-hero__container:not(.flex-center) > .row {padding-top: 4rem;padding-bottom: 2rem;} .inner-hero__container.flex-center { align-items: center; padding-bottom: 0; } .inner-hero__caption {position: relative;z-index: 1;} .inner-hero--resources:has(.featured-card-grid) .inner-hero__caption {margin-top: 7.667rem;} .inner-hero--resources .inner-hero__container { padding-bottom: 0; } .inner-hero .page-headline {margin-bottom: 0;} .inner-hero--short .page-headline{margin-bottom: 0;} .inner-hero__caption-overview {font-size: 1.056rem;line-height: 1.26;padding: 0 14rem;margin-top:1.556rem;} .inner-hero__caption .search {max-width: 60%;margin: 1rem auto;} /*** Account for more space if there are no featured resources posts under the banner ***/ .inner-hero:not(.inner-hero--resources) + section:not(.featured-resources) {margin-top:3.33rem;} @media (max-width: 1400px) { .inner-hero__caption-overview {padding: 0 8rem;} } @media (max-width: 1200px) { .inner-hero--tall {min-height: 583px;} } @media (max-width: 1400px) { .inner-hero {min-height: 580px;} } @media (max-width: 1024px) { .inner-hero__caption-overview {padding: 0 7rem;} } @media (max-width: 800px) { .inner-hero {min-height: 550px;} .inner-hero--short {height: 250px;} .inner-hero .page-headline {font-size: 3rem;} .inner-hero__caption-overview {padding: 0 3.5rem;} .inner-hero--tall {min-height: auto;height: auto;} .inner-hero__container {top:0;} } @media (max-width: 500px) { .inner-hero .page-headline {font-size: 2.5rem;} .inner-hero__caption-overview {padding: 0 1.5rem;} .inner-hero--short {height: 250px;} .inner-hero--tall {min-height: auto;height: auto;} .inner-hero:not(.inner-hero--resources) + section:not(.featured-resources) {margin-top:1.65rem;} } /******************************************************************************** --- Breadcrumb --- *********************************************************************************/ .breadcrumbs {margin: 0 auto;width: 100%;z-index: 1;top: 1.611rem;} .breadcrumbs ol {list-style: none;margin-bottom: 0;display: flex;justify-content: center;} .breadcrumbs ol li:before {content: '';display: none;} .breadcrumbs ol li {position: relative;padding: 0 .5rem;} .breadcrumbs ol li:first-of-type {padding-left: 0;} .breadcrumbs ol li a, .breadcrumbs ol li {color: #fff;font-size: 0.722rem;line-height: 0.92;} .breadcrumbs ol li.bold { font-weight: 500; } .breadcrumbs ol li a:hover {color: var(--light-teal);} .breadcrumbs li:not(:last-child)::after {content: "|";position: absolute;right: -1.5px;top: -1px;color: var(--light-teal);} .breadcrumbs--secondary ol li a, .breadcrumbs--secondary ol li {color: var(--primary);} @media (max-width: 640px) { .breadcrumbs {padding: 0;} .breadcrumb--hide-mobile, .breadcrumb__home {display: none;} .breadcrumbs .breadcrumb--show-mobile:first-of-type {padding-left: 0;} .breadcrumbs li:nth-last-child(2) {display: inline-block;} } @media (max-width: 440px) { .breadcrumbs ol li a, .breadcrumbs ol li {font-size: 0.6rem;} } /******************************************************************************** --- Section Heading --- *********************************************************************************/ .section-heading--cta {display: flex;justify-content: space-between;align-items: flex-end;} .section--cta {position: relative;} .section-heading h3 {margin-bottom: 0;} .section-heading--cta .button {margin-bottom: 0;} .section-heading__overview--contained {max-width: 1020px;} @media (max-width:640px) { .section--cta {padding-bottom: 7rem;} .section-heading--cta .section-heading__cta {position: absolute;left: revert;bottom: 2rem;text-align: center;} } @media (max-width:375px) { .section-heading--cta .section-heading__cta {position: absolute;bottom: 2rem;text-align: center;} .section-heading--cta .section-heading__cta .button {width: auto;display: inline-block;} } /******************************************************************************** --- Featured Resources --- *********************************************************************************/ .featured-resources {position: relative;padding-bottom: 3.5rem;z-index: 999;/*background-color:var(--off-white);*/} /*.inner-hero + .featured-resources {margin-bottom: 2.5rem;}*/ .featured-resources__row {padding: 1.666rem 2.777rem;/*box-shadow: var(--box-shadow);*/margin-top:-8.5rem;min-height: 180px;border-bottom: 3px solid var(--light-teal);} .featured-resource {flex: 1;} .featured-resource + .insights-button a.button { margin-bottom: 0; } .featured-resource:not(:last-of-type) {border-right: 1px solid var(--off-white);margin-right:2%;padding-right: .5rem;} .featured-resource__figure {margin: 0;width: 35%;height: 80px;position: relative;} .featured-resource__figure::before {content: '';position: absolute;top:0;left: 0;height: 100%;width: 100%;;background-color: rgba(12,23,25,0.13);} .featured-resource__figure img {object-fit: cover;width: 100%;height: 100%;} .featured-resource__body {width: 95%;display: flex;flex-direction:column;} /* .featured-resource:first-of-type .featured-resource__body { padding-right: .667rem; } */ /* .featured-resource:last-of-type .featured-resource__body { padding-left: 1.111rem; } */ .featured-resource__body .label { margin-bottom: 0.35rem; } .featured-resource__title {font-size: 1.277rem;font-weight: bold; color: var(--dark);line-height: 1.3;-webkit-transition: color 300ms ease-out;transition: color 300ms ease-out;display: flex;} .featured-resource:hover .featured-resource__title {color: var(--dark-teal);} .featured-resource .featured-resource__read-more { margin-top: auto; font-size: 0.833rem; color: var(--dark-teal);-webkit-transition: 300ms ease-out;transition: 300ms ease-out;text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-decoration-offset: 2px; text-underline-offset: 0.3em; } .featured-resource:hover .featured-resource__read-more {text-decoration-color: var(--dark-orange);} .featured-resources__row[data-post-count="1"] .featured-resource__body { padding: 0; } /*---------- Borders ----------*/ /* .featured-resources__row.border-bottom {border-bottom-width: 3px;} .featured-resources .featured-resources__row.border-bottom {border-bottom-color: var(--light-teal);} */ /* .main--bc .featured-resources .featured-resources__row.border-bottom {border-bottom-color: #6c1d45;} .main--cc .featured-resources .featured-resources__row.border-bottom {border-bottom-color: #ff8200;} .main--mb .featured-resources .featured-resources__row.border-bottom {border-bottom-color: #5e8ab4;} .main--wm .featured-resources .featured-resources__row.border-bottom {border-bottom-color: #285c4d;} */ /* @media (max-width: 980px) { .featured-resource__body {width: 100%;padding-left: 0;padding-right: 1.5rem;} .featured-resource__figure {margin-bottom: .75rem;width: 100%;} .featured-resource__title {align-items: flex-start;} .featured-resource article {flex-wrap: wrap;} .featured-resource:not(:last-of-type) {padding-right: 1.5rem;} } */ @media (max-width: 900px) { .featured-resources {top:0;} .featured-resources__row {flex-wrap: wrap;padding: 2.611rem 2.25rem;flex-direction: column;align-items: flex-start;gap: 2rem;} .featured-resource {width: 100%;margin-bottom: 0;padding-bottom: 1.15rem;} /* .featured-resource:not(:first-of-type) {padding-top: 1.15rem;} */ .featured-resource:last-of-type {padding-bottom: 0;} .featured-resource:not(:last-of-type) {border-right: none;margin-right:0;padding-right: 0;border-bottom: 1px solid var(--off-white);} .featured-resource .featured-resource__body { padding: 0!important; } .featured-resource__figure {height: 220px;} /* .featured-resource__title {font-size: 1rem;} */ } @media (max-width: 500px) { .featured-resources {top:0;} .featured-resources__row {padding: 2rem 1.85rem;} .featured-resource__figure {height: 140px;} } /******************************************************************************** --- Home Intro --- *********************************************************************************/ .home-intro__row {justify-content: space-between;flex-flow: row wrap;} .home-intro__body { text-align: center; font-size: 1.055rem; max-width: 800px; margin: 2rem auto; } .home-intro__body h3 { margin-bottom: 2.222rem; line-height: 1.18; } .home-intro__blocks { flex-grow: 1; /*padding-left: 6%;width: 50%;*/ justify-content: space-around; } .home-intro__blocks.info-blocks .info-block { width: 30% !important; } .home-intro-spacer { height: 10rem; background-color: #FFF; } @media (max-width: 980px) { .home-intro__body, .home-intro__blocks {width: 100%;} .home-intro__blocks {padding-left: 0;margin-top: 2.25rem;} } /******************************************************************************** --- Info Boxes --- *********************************************************************************/ .info-blocks {flex-flow: row wrap;justify-content: center;gap:1rem 2%;margin-bottom:-5.5rem;} .info-block {min-width: 200px;width:23.5%;background-color: #fff;text-align: center;padding: 2.389rem 1.5rem 1.75rem 1.5rem;transition: all 250ms ease;} .info-block.border-bottom {border-bottom: 3px solid var(--teal);} .info-block:nth-child(even) {margin-right: 0;} .info-block__body {height: 100%;position: relative;display: flex;flex-direction: column;} .info-block__headline {font-size: 0.6rem;font-family: var(--sweet-sans);font-weight: 800;color: var(--teal);line-height: 1.15;transition: all 250ms ease-in-out;text-transform: uppercase;margin-top:1rem;letter-spacing: 0.166rem;} .info-block__logo:hover .info-block__headline {color: var(--dark-orange);} .info-block__overview {font-size: 0.833rem;margin-bottom: auto;color:var(--black);} .info-block .learn-more-button {color:var(--primary);font-size:0.833rem;margin-top: 2rem;padding-bottom: 0.333rem;text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-decoration-offset: 2px; text-underline-offset: 0.3em;} .info-block .learn-more-button:hover { text-decoration-color: var(--dark-orange); } .info-block .info-block__logo {display: block;width: 100%;margin: 0 auto 1.5rem;max-width:250px;} @media (max-width: 992px) { .info-block { width: 49%; } .info-block .info-block__logo { margin-bottom: 1rem; } } @media (max-width: 700px) { .info-block .info-block__logo img {width: 85%;} } @media (max-width: 500px) { .info-block {padding: 1.389rem 0.833rem 1.75rem 0.833rem;} } @media (max-width: 420px) { .info-block {width: 100%;padding: 2.389rem 0.833rem 2rem 0.833rem;margin-right: 0;} .info-block .info-block__logo {bottom: .5rem;} .info-block .info-block__logo img {width: 60%;} .info-block__headline {font-size: 1.1rem;} .info-block__overview {font-size: 1rem;} } /******************************************************************************** --- Payment Section --- *********************************************************************************/ .payment__options ul { list-style: none; margin: 0 0 20px; } .payment__options ul li { padding: 10px 0; } .payment__options a { display: block; } .payment__options a img { width: 250px; } .payment__form { display: none; } .payment__form div:not(.ginput_container_creditcard) input[type="text"], .payment__form div:not(.ginput_container_creditcard) input[type="email"], .payment__form div:not(.ginput_container_creditcard) input[type="number"] { margin-top: 0; } .payment__form input[type="text"], .payment__form input[type="email"], .payment__form input[type="number"] { border: 1px solid #ddd; } .payment__form .gform_wrapper span.ginput_product_price { color: #235b4e; } /******************************************************************************** --- Resource Section --- *********************************************************************************/ .resource-section {background-color: var(--off-white);margin-top:18.611rem;padding-bottom: 4.333rem;} .resource-section--gray {background-color: var(--off-white);} .resource-section__container {margin-top: -11.278rem;position: relative;} .resource-section .section-heading {margin-bottom: 2.556rem;} .resource-links {padding: 2rem 5.556rem; border-bottom: 3px solid var(--light-teal);} .resource-links ul {justify-content: space-between;} .resource-links a {display: flex;align-items: center;} .resource-link__icon {color: var(--dark-orange);font-size: 1.675rem;margin-right: .75rem;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .resource-link__icon.icon-book { transform: scale(1.15); } .resource-link__title {color: var(--black);font-size: 1.111rem;font-weight: normal;} .resource-links a:hover .resource-link__icon {color:var(--primary); } .resource-section .card__inner { box-shadow: none; box-shadow: 0 4px 18px rgba(77, 28, 22, 0.08); } @media (max-width: 960px) { .resource-links {padding: 2rem 3.556rem;} .resource-section { margin-top: 14.611rem; } } @media (max-width: 800px) { .resource-links ul {flex-flow: row wrap;justify-content: flex-start;} .resource-links li {width: 50%;} .resource-links li:not(:nth-last-of-type(-n+2)) {margin-bottom: 8%;} .resource-links li:last-of-type {flex-grow: 1;} .resource-link__icon { width: 31px; height: 31px; display: flex; justify-content: center; align-items: center; } } @media (max-width: 660px) { .resource-links {padding: 2rem 2rem;} .resource-link__icon {margin-right: .25rem;} } @media (max-width: 325px) { .resource-links ul { gap: 1rem; } .resource-links li {width: 100%;margin: 0!important;} } /******************************************************************************** --- Tax Center Section --- *********************************************************************************/ .tax-center-section {padding-top:4.333rem;padding-bottom: 2.333rem;} .resource-slider-section {padding-top:2.333rem;padding-bottom: 2.333rem;} .resource-slider.card-grid { margin-top: 2rem; } .tax-center-section--gray {background-color: var(--off-white);} .tax-center-section__container {position: relative;} .tax-center-section .section-heading {margin-bottom: 2.556rem;} .resource-slider-section .slick-slide > div, .resource-slider-section .slick-slide .card { height: 100%; } @media (max-width: 600px) { .tax-center-section {padding-top:2.333rem;padding-bottom: 1.333rem;} .resource-slider-section {padding-top:1.333rem;padding-bottom: 1.333rem;} .resource-slider.card-grid { margin-top: 1.0rem; } } /******************************************************************************** --- Cards --- *********************************************************************************/ .card-grid {flex-flow: row wrap;margin: 0 -0.9375rem;} .full-team .card-grid {margin: 0 0;} .full-team .card__company {display: none;} .card {width: 33.3%;padding: 0 0.9rem 1.875rem;} .card.card--popup {padding-bottom: 0;} .card-grid--2 .card {width: 50%;} .card-grid--related .card {margin-bottom: 0;} .card__inner {background-color: #fff;display: flex;flex-direction: column;height: 100%;box-shadow:var(--box-shadow); } .card-grid .card__inner { border: none; } .card__image {overflow: hidden;position: relative;background: var(--secondary);display: block;} .card__image-bg {height: 11.389rem;background-size: cover;background-position: center;} .card__icon { display: block; font-size: 0px; margin: 25px 0 15px; text-align: center; } .card__icon span::before { font-size: 5.3125rem; } .card__icon span { color: black; transition: all .3s ease; } .card__icon:hover span { color: #055157; } .card__tag {position: absolute;top:1.111rem;left:1.111rem;z-index: 3;} .card__body {padding: 1.444rem 1.367rem 1.4rem;padding-right: 1.15rem;flex-grow: 1;display:flex;flex-direction: column;} .card__body .slide-toggle { font-size: .7rem; color: var(--light-teal); font-weight: 800; text-transform: uppercase; line-height: 1.2; margin-bottom: 0; font-family: var(--sweet-sans); letter-spacing: 0.166em; } .card__body p:not(.card__details-c):last-of-type { margin-bottom: 0; } .card__headline {margin-bottom: 1.222rem;} .card__headline a, .card__headline {font-size: 1.1rem;font-weight: normal;color: var(--dark-teal); line-height: 1.17;} .card__headline a:hover { color: var(--teal); } .card__details { /*margin-top: auto;*/ height: 100%; display: flex; /*align-items: flex-end;*/ } .card__details-meta {margin-bottom: 1rem;color: var(--dark-orange);font-size: 0.722rem;text-transform: uppercase;} .card__details-meta a {color: var(--dark-orange);padding-left: 0.111rem;} .card__details-meta time {padding-right: 0.3rem;border-right: 1px solid var(--dark-orange);} .card__details-meta a:hover {color: var(--primary);} .card__link.text-button {margin-top: auto;margin-bottom: 0;border-bottom-color: var(--off-white);} .card__link.text-button:hover {border-bottom-color: #0f4756;} @media (max-width: 1390px) { .card__details-meta {font-size:0.652rem; } } @media (max-width: 1200px) { .card__details-meta a {padding-left: 0.211rem;} .card__details-meta time {padding-right: 0.433rem;} main[data-template="featured-lp"] .card {width: 50%;padding: 0 0.9375rem 1.875rem;} main[data-template="featured-lp"] .card__image-bg { height: 12.5rem; } } @media (max-width: 960px) { .card__details-meta a {padding-left: 0.111rem;} .card__details-meta time {padding-right: 0.233rem;} } @media (max-width: 800px) { .card {width: 50%;padding: 0 0.9375rem 1.875rem;} .resource-section .card {margin-bottom: 0;} .card__body { gap:1rem; } } @media (max-width: 600px) { .card, .card-grid--2 .card {width: 100%;} main[data-template="featured-lp"] .card {width: 100%;} .card__details-meta {font-size:0.752rem; } } .card-blocks .card__details { display: flex; flex-direction: column; } .card-blocks .card__link.text-button, .card-blocks .button { margin-top: auto; margin-bottom: 0; text-align: center; } .card__details-b { color: #808080; font-size: 16px; font-style: italic; } .card__details-c { color: #808080; font-size: 14px; font-style: italic; } .card__details-c a { font-size: 14px; font-style: italic; } /******************************************************************************** --- Cards - Popup Slider --- ******************************************************************************** */ .popup-slider .slick-list {margin: 0 -0.9375rem;padding-bottom: 1rem;} .popup-slider .card__body {background-color: #fff;} .popup-slider .slick-prev, .resource-slider .slick-prev {left: -60px;} .popup-slider .slick-next, .resource-slider .slick-next {right: -60px;} .popup-slider .card__inner {box-shadow: var(--box-shadow);} @media only screen and (max-width: 1085px) { .popup-slider .slick-arrow, .resource-slider .slick-arrow {width: 32px;height: 32px;} .popup-slider .slick-prev, .resource-slider .slick-prev {left: -45px;} .popup-slider .slick-next, .resource-slider .slick-next {right: -45px;} } @media only screen and (max-width: 768px) { .popup-slider-block {padding-bottom: 6rem;} .popup-slider .slick-arrow {top:auto;bottom: -4rem;} .popup-slider .slick-prev {left:50%;margin-left: -50px;} .popup-slider .slick-next {right: 50%;margin-right: -25px;} .resource-slider {padding-bottom: 2rem;} .resource-slider .slick-arrow {top:auto;bottom: 0rem;} .resource-slider .slick-prev {left:50%;margin-left: -50px;} .resource-slider .slick-next {right: 50%;margin-right: -25px;} } /******************************************************************************** --- Training Components --- *********************************************************************************/ /* Hero Slides */ .inner-hero__slide { display: inline-block; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; } .training-hero__slide .training-hero__caption h1 { margin: 0 0 20px; position: relative; } .training-hero__slide, .inner-hero__slide .slick-slide { height: 615px; } .training-hero__slide { background-size: cover; background-repeat: no-repeat; background-position: center; } .training-hero__slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(12,23,25,0.53); background-image: linear-gradient(180deg, #030F11 25%, rgba(12,23,25,0.00) 100%); opacity: .7; } .training-hero__caption { position: absolute; top: 50%; } .training-hero__caption h1 { position: absolute; top: 50%; } .training-hero__caption { left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%,0); z-index: 7; } /* Video Training List */ .video--card { border: 1px solid #333; } .video--card__img { margin: 0 0 20px; } .video--card__content { padding: 0 15px 15px; } .video--card__content p { font-size: 15px; } /* CTA Block */ .cta__block { padding: 2.5em 0; } .cta__block-bg { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .cta__block-bg::before { background: rgba(0, 0, 0, 0.5); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .cta__block-bg .row { position: relative; z-index: 3; } .cta__subscribe-headline { font-size: 1.9375em; color: #fff; text-transform: uppercase; margin-bottom: 0.1613em } .cta__subscribe-headline ~p { color: #fff; padding-right: 25px; } .cta__subscribe__button { font-size: 20px; margin-bottom: 0; } @media only screen and (min-width: 640px) { .cta__subscribe-left { float: left; width: 70%; } .cta__subscribe-right { float: right; width: 30%; margin-top: 1.25em; text-align: right } } /* Presenters */ .people__inner { text-align: center; } .people__image-bg { height: 215px; background-size: cover; background-position: center top; width: 215px; border-radius: 50%; margin: auto; } .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flex-video.widescreen { padding-bottom: 56.25%; } /******************************************************************************** --- Testimonial Blocks --- *********************************************************************************/ .testimonial-grid {flex-flow: row wrap;margin: 0 -1.9rem;} .testimonial-block {width: 33.3%;padding: 0 1.9rem 1.875rem;padding-bottom: 0;} .testimonial-block blockquote {margin-bottom: 0;} .testimonial-block blockquote .cite span {margin: 0;} @media (max-width: 920px) { .testimonial-grid {margin: 0 -1.2rem;} .testimonial-block {padding: 0 1.2rem 1.875rem;} } @media (max-width: 800px) { .testimonial-grid {width: 100%;overflow-x: scroll;flex-wrap: nowrap;} .testimonial-block {width:75%;flex: 0 0 auto;} } /******************************************************************************** --- Content Block --- *********************************************************************************/ .content-block h2, .content-block h2.h1 {margin-bottom: 1.5rem;} .content-block__content .padding {max-width: 650px;margin: 0 auto;text-align: center;margin-bottom: 1.5rem;} .content-block.right-accent {overflow: hidden;} .content-block.right-accent .column {position: relative;} .content-block.right-accent .column:after {position:absolute; content: ''; right: 0; top: 100px; width: 3px; height: 800px; transform: translate(0,-50%); background-color: var(--primary);} @media (max-width: 800px) { .content-block.right-accent .column:after {display: none;} } /******************************************************************************** --- Block Icon --- *********************************************************************************/ .block-icon__grid {flex-flow: row wrap;justify-content: center;margin: 1.5rem -1.8rem;} .block-icon {padding: 0 2.8rem;width: 30%;} .block-icon h3 {font-size: 1.778rem;} .block-icon__square {background-color: var(--primary);width: 77px;height: 77px;align-items: center;justify-content: center;margin-bottom:1.944rem;} .block-icon__square img {width: 75%;height: auto; object-fit: contain;} .block-icon__icon {color: #fff;font-size:2.589rem;} @media (max-width: 1500px) { .block-icon {padding: 0 1.8rem;} } @media (max-width: 1300px) { .block-icon__grid {justify-content: flex-start;} .block-icon {padding: 0 1.8rem;padding-bottom:1.8rem; width: 50%;} } @media (max-width: 500px) { .block-icon {width: 100%;} } /******************************************************************************** --- Split Panel --- *********************************************************************************/ /* .split-panel {padding: 3.333rem 0;} */ .split-panel--lage-padding {padding: 4.444rem 0;} .split-panel__row {flex-flow: row wrap;justify-content: space-between;} .split-panel__body {width: 50%;flex-grow: 0.3;} .split-panel__figure {width: 50%;display: flex; align-items: center;} .split-panel__figure figure {margin: 0; text-align: center;} .split-panel__figure img {/*box-shadow: var(--box-shadow);*/width: 100%;} .split-panel__figure .button {margin-top: 1.667rem;} .split-panel__headline {margin-bottom: 2.333rem;} .split-panel .text-button {margin-bottom: 0;} .split-panel--left .split-panel__row {flex-direction: row-reverse;} .split-panel--right .split-panel__body {padding-right: 3.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center;} .split-panel--left .split-panel__body {padding-left: 3.5rem;} .split-panel__figure-image {display: block;position: relative;} a.split-panel__figure-image { background-color: var(--dark); } a.split-panel__figure-image img { opacity: 0.7; } .split-panel__figure-play {position: absolute;background-color: #fff;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;color: var(--dark-orange); border-bottom: 3px solid var(--light-teal);top: 0; right: 0; bottom: 0; left: 0; width: 4.444rem; height: 4.444rem; margin: auto; font-size: 1.5rem; display: flex; align-items: center; justify-content: center;} .split-panel__figure-image:hover .split-panel__figure-play {color: var(--orange);} .split-panel--video .split-panel__figure{text-align: center;} .split-panel .logomark-container { display: block; width: 100%; margin-bottom: 1.66rem; } @media (max-width: 1400px) { .split-panel--left .split-panel__body {padding-left: 2.75rem;} .split-panel--right .split-panel__body {padding-right: 2.75rem;} } /* @media (max-width: 1100px) { .split-panel__figure { display: flex; align-items: center; } } */ @media (max-width: 900px) { .split-panel--video .split-panel__figure {width: 100%;margin-top: 2.25rem;} .split-panel__figure-image {width: 100%;} .split-panel__figure-image img {width: 100%;height: 100%;object-fit: cover;} } @media (max-width: 880px) { .split-panel__headline {margin-bottom: 1.333rem;} .split-panel .text-button {font-size: 0.733rem;} } @media (max-width: 700px) { /* .split-panel__figure{width: 30%;} */ .split-panel__figure {margin-top: 1.5rem;} .split-panel__figure,.split-panel__body {width: 100%;} .split-panel--right .split-panel__body {padding-right: 0;} .split-panel--left .split-panel__body {padding-left: 0;} .split-panel__row, .split-panel--left .split-panel__row { flex-direction: column-reverse; gap: 2rem; } .split-panel__row .list-links { margin-bottom: 1rem; } } /* @media (max-width: 600px) { .split-panel__figure {width: 25%;} .split-panel--right .split-panel__body {padding-right: 2.5rem;} .split-panel--left .split-panel__body {padding-left: 2.5rem;} } @media (max-width: 500px) { .split-panel--lage-padding {padding: 2.444rem 0;} } */ /******************************************************************************** --- List Links --- *********************************************************************************/ .useful-links-section { padding-top:2.333rem;padding-bottom: 2.333rem; } .useful-links-section .list-links {margin-bottom: 0;} .list-links {margin-bottom: 2.556rem;} .list-links li {position: relative;margin-bottom: 1.222rem;width: 47%;padding-right: 1.25rem;} .list-links li:after {content:"\e9a2";font-family: 'CD-Project-Icons' !important;position: absolute;right: 0;color: var(--dark-orange);font-size: 1.211rem;} .list-links--2 {display: flex;flex-flow: row wrap;justify-content: space-between;} .list-links--2 li {width: 47%;} .list-links li, .list-links li a {display: flex;align-items: center;font-weight: normal;font-size: 1rem;line-height: 1.19;color: var(--primary);} .list-links li a:hover {color:var(--dark-orange); } @media (max-width: 1400px) { .list-links li, .list-links li a {font-size: .9rem;} } @media (max-width: 1200px) { .list-links--2 li,.list-links li {width: 100%;} } @media (max-width: 420px) { .list-links--2 li,.list-links li {width: 100%;} .list-links li {padding: .5rem 0;} .list-links li a {display: block;} } /******************************************************************************** --- Testimonial Slider --- *********************************************************************************/ .testimonial-slider-section {padding: 5rem 0;} .testimonial-slider {width: 100%;margin: 0 auto;padding: 3.333rem 4.444rem;background-color: #FFF;} .testimonial-slider .slick-list { max-width: 980px; /*margin: 0 -2rem;*/ } /* .testimonial-slider .slick-list .slick-slide {margin: 0 2rem; } */ .testimonial-slide blockquote {margin-bottom: 0;} .testimonial-slide blockquote .quote p {border-bottom: none;padding-bottom: 0;font-size: 1rem; line-height: 1.5;} .testimonial-slide blockquote .quote:before {left: 0;} .testimonial-slide blockquote .quote {margin-bottom: 2.333rem;} .testimonial-slide blockquote .cite { font-family: var(--noe); } .testimonial-slider--default blockquote .quote:before {color: var(--teal);} .testimonial-slider .slick-prev {left: -1.5rem;} .testimonial-slider .slick-next {right: -1.5rem;} .testimonial-slider-section h2 {margin-bottom: 3rem;} .testimonial-slider-section.bg-dark h2 {color: var(--light-teal);} .testimonial-slide p.label {color: var(--dark-orange);} .testimonial-slider ul.slick-dots { position: absolute; right: 2rem; display: flex; flex-direction: column; top: 1.5rem; bottom: 1.5rem; justify-content: center; gap: 0.5rem 0; flex-wrap: wrap; } .testimonial-slider ul.slick-dots li { padding: 5px; margin: 0; } .testimonial-slider ul.slick-dots button { border: 1px solid var(--teal); width: 11px; height: 11px; } .testimonial-slider ul.slick-dots .slick-active { border-color: var(--teal); } .testimonial-slider ul.slick-dots .slick-active button { background: var(--teal); } .testimonial-slide .customer__title {position: relative;padding-left: 9.95px;margin-left: 0;} .customer__title::before {content:'|';position: absolute;top: -2px;left: 2px; color: var(--light-teal);} @media (max-width: 1000px) { .testimonial-slider { padding: 3rem 4rem 3rem 2.5rem; } } @media (max-width: 740px) { .testimonial-slider-section {padding-bottom: 7.5rem;} .testimonial-slider {border-bottom: 1px solid var(--dark-orange);padding: 2rem;} .testimonial-slider .slick-prev {left: auto;right:4rem;bottom: -5rem;top:auto;} .testimonial-slider .slick-next {right: 0;bottom: -5rem;top:auto;} .testimonial-slide blockquote { padding-right: 3rem; } .testimonial-slider ul.slick-dots { right: 1.5rem; width: 2rem; align-items: flex-end; } .testimonial-slider-section.bg-off-white .testimonial-slider .slick-prev, .testimonial-slider-section.bg-off-white .testimonial-slider .slick-next { color: var(--dark-teal); } .testimonial-slider-section.bg-dark .testimonial-slider .slick-prev, .testimonial-slider-section.bg-dark .testimonial-slider .slick-next { color: #FFF; } } @media (max-width: 540px) { .testimonial-slider .slick-prev {right:4.5rem;} } @media (max-width: 440px) { .testimonial-slider .slick-prev {right:3.5rem;} } @media (min-width: 740px) { .testimonial-slider .slick-prev, .testimonial-slider .slick-next { display: none!important; } } /******************************************************************************** --- Image Cards --- *********************************************************************************/ .image-card__grid {/*margin: 0 -0.556rem;*/flex-flow: row wrap;} /* .image-card {display: block!important;width:300px!important;} */ .image-card__inner {box-shadow: var(--box-shadow);background-color: #ffffff;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .image-card__details {padding: 1.111rem 3rem 1.111rem 1.111rem;} .image-card__image {height: 10.556rem;} .image-card__image img {object-fit: cover;width: 100%;height: 100%;} .image-card__title {font-size: 1.277rem;color: var(--black);line-height: 1.3;margin-bottom: 0;font-weight: normal;position: relative;display: flex;align-items: center;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .image-card__title::after {content:"\e923";font-family: 'CD-Project-Icons' !important;position: absolute;right: -1.85rem;color: var(--dark-orange);font-size: 1.15rem;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .image-card:hover .image-card__inner {box-shadow:5px 5px 25px 5px rgba(41, 51, 63, 0.08);} .image-card:hover .image-card__title { color: var(--teal); } .image-card:hover .image-card__title::after {right: -2rem;} @media (max-width: 1500px) { .image-card__title {font-size: 1rem;} } @media (max-width: 1300px) { .image-card__title {font-size: .93rem;} } @media (max-width: 1200px) { .image-card {width: 25%;} } @media (max-width: 800px) { .image-card {width: 33.3%;} } @media (max-width: 560px) { .image-card {width: 50%;} } @media (max-width: 375px) { .image-card {width: 100%;} .image-card__inner {max-width: 100%;} .image-card__image {height: 17rem;} } /******************************************************************************** --- Locations --- *********************************************************************************/ .locations-grid {flex-flow: row wrap;justify-content: space-between;} .company-locations-cpa-advisors {width: 100%;flex-grow: 1;} .company-locations__block {padding-bottom: 1.667rem;} .company-location__headline {margin-bottom: 1.667rem;} .locations-grid .image-card {width: 18.4%;} .company-locations__block:not(.company-locations-cpa-advisors) .image-card {width: 58%;} .company-locations__block:not(.company-locations-cpa-advisors) {width: 50%;} .company-locations-cpa-advisors .company-locations__grid {flex-flow: row wrap;gap: 1.5rem 2%} @media (max-width: 1400px) { .company-location__headline {font-size: 1.8rem;} } @media (max-width: 1200px) { .locations-grid .image-card {width: 32%;} .company-locations__block:not(.company-locations-cpa-advisors) {width: 100%;} } @media (max-width: 800px) { .company-locations-cpa-advisors .company-locations__grid { gap: 0.75rem 2%; } .locations-grid .image-card {width: 49%;} } @media (max-width: 450px) { .company-locations-cpa-advisors .company-locations__grid { gap: 1rem; } .locations-grid .image-card {width: 100%;} .locations-grid .image-card__inner {max-width: 100%;} .locations-grid .image-card__image {height: 17.5rem;} .company-locations__block:not(.company-locations-cpa-advisors) .image-card {width: 100%;} } /******************************************************************************** --- Locations Detail Page --- *********************************************************************************/ .location-services-content {margin-top: 3.333rem;} .location-services-content figure {margin: 0;width: 48%;} .location-services-content__text {width: 50%;padding-right: 2.5rem;} /*-----------Locations Side Bar Nav -----------*/ .locations-list-company {color: var(--dark);font-weight: bold;font-size: 1.111rem;margin-bottom: 0.628rem;} .locations-list-nav:not(:last-of-type) {margin-bottom: 1.333rem;} .locations-list-nav li:not(:last-child) {margin-bottom: 0.667rem;} .locations-list-nav li a {color: var(--primary);line-height: 1.19;font-size: 1.111rem;padding-bottom: 0.333rem;border-bottom: 2px solid transparent;font-weight: normal;} .locations-list-nav li a:hover {border-bottom-color: var(--dark-orange); } .sidebar-card--locations .locations-list-nav li.selected a {border-bottom-color: var(--dark-orange);} @media (max-width: 1400px) { .locations-list-company, .locations-list-nav li a {font-size: 1rem;} } @media (max-width: 600px) { .location-services-content {display: block;} .location-services-content__text {width: 100%;padding-right: 0;} .location-services-content figure {width: 100%;} } /******************************************************************************** --- Location Image Map Card --- *********************************************************************************/ .location-card {width: 100%;background-color: #fff;box-shadow: var(--box-shadow);} .location-card__details {width: 37%;padding: 1.5rem 1.667rem;} .location-card__map {width: 63%;display: block;} .location-card__map-image {height: 100%;background-position: center;background-size: cover;} .location-card__details h3 {color: var(--primary);font-size: 1.111rem;margin-bottom: 0.256rem;} .location-card__details address {font-style: normal;margin-bottom: 1.722rem;} .location-card__details address a {font-weight: normal;color: #5a5b5c;} .location-card__phone {font-size: 1rem;font-weight: normal;color: #5a5b5c;display: block;} .location-phones {margin-bottom: 1.667rem;} .location-card__phone:hover, .location-card__details address a:hover {color: var(--primary);} .location-card__fax {display: block;} .location-card .button {margin-top: 1.167rem;margin-bottom: 0;} @media (max-width: 1100px) { .location-card__details {width: 35%;} .location-card__map {width: 65%;} } @media (max-width: 600px) { .location-card__details {width: 45%;} .location-card__map {width: 55%;} } @media (max-width: 470px) { .location-card__inner {flex-flow: row wrap;flex-direction: column-reverse;} .location-card__details {width: 100%;} .location-card__map {width: 100%;} .location-card__map-image {height: 225px;} .location-card .button {width: 100%;} } /******************************************************************************** --- Sidebar & Content Column Layout --- *********************************************************************************/ .content__col {width: 70%;padding-right: 6.5rem;} .sidebar__col {width: 30%;} .sidebar-card {background-color: #fff;/*box-shadow: var(--box-shadow);*/padding: 2.222rem;} .sidebar-card h3 {margin-bottom: 1.378rem;} .sidebar-nav-list {padding: 2.222rem;padding-bottom: 0.5rem;} .sidebar-nav-list h3 {margin-bottom: 0.944rem;} .sidebar-nav-list ul {border-bottom: 1px solid var(--off-white);padding-bottom: 1.889rem;margin-bottom: 0;} .sidebar-nav-list ul li:not(:last-of-type) {margin-bottom: 1.111rem;} .sidebar-nav-list ul li a {padding-bottom: 0.333rem;color: var(--primary);font-size: 1.111rem;font-weight: normal; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-decoration-offset: 2px; text-underline-offset: 0.3em;} .sidebar-nav li.selected a, .sidebar-nav-list ul li a:hover {text-decoration-color: var(--dark-orange);} .sidebar-text-cta {padding: 2.222rem;} /* .sidebar-text-cta .button {display: inline-block;width: 182px;} */ .sidebar-text-cta .button.button-width-auto {width: auto;} .sidebar-card--resources .button {margin-bottom: 0;} .text-link {padding-bottom: 1.611rem;} .text-link:not(:last-of-type) {border-bottom: 1px solid var(--off-white);} .text-link:not(:first-of-type) {margin-top:1.611rem; } .text-link__title {margin-bottom: 0.5rem;} .text-link__overview {color: #5a5b5c;font-size: 0.833rem;margin-bottom: 1.389rem;} .text-link .text-button {margin-bottom: 0;font-size: 0.833rem;} .content__headline {margin-bottom: 1.056rem;} @media (max-width: 1400px) { .content__col {width: 75%;padding-right: 5rem;} .sidebar__col {width: 25%;} .sidebar-card, .sidebar-text-cta, .sidebar-nav-list {padding: 1.25rem;} aside.sidebar__col .button {font-size: .75rem;} } @media (max-width: 1200px) { .content__row {flex-flow: row wrap;} .content__col {width: 100%;padding-right: 0;margin-bottom: 2.5rem;} .sidebar__col {width: 40%;} .sidebar-card { margin-bottom: 2rem; } } @media (max-width: 800px) { .sidebar__col {width: 100%;} } @media (max-width: 600px) { .sidebar-text-cta .button {width: 100%;} } /******************************************************************************** --- Search --- *********************************************************************************/ .search__item h3 a {font-weight: normal;} .search__item h3 a:hover {color: var(--primary);} /******************************************************************************** --- Industries Section --- *********************************************************************************/ .industries-section {padding: 4.111rem 0 4.278rem 0;background-color: var(--dark);} .industries-section .section-heading h2 {margin-bottom: 0;color:var(--light-teal);} .industries-section .section-heading {margin-bottom: 2rem;} /******************************************************************************** --- Logo Slider --- *********************************************************************************/ .logo-slider-section {padding: 3.944rem 0;} .main-industry-detail .logo-slider-section {background-color: #fff;} .logo-slider {padding: 0 1rem;} .logo-slide {padding: 0 0.625em;text-align: center;} .logo-slide a {display: block;height: 5rem;line-height: 5rem;} .logo-slide a img {max-height: 4.5rem;display: inline-block;vertical-align: middle;width: auto;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .logo-slide a:hover img {opacity: 0.7;} .logo-slide a[href="javascript:void(0)"] { pointer-events: none; cursor: revert; } .section-slider .slick-track { align-items: center; display: flex; justify-content: center; } .section-slider .logo-slide { padding: 0 25px; } .logo-slider.larger-logos .logo-slide { padding: 0 4%; } .content-block + .logo-slider-section .larger-logos { margin-top: -2rem; } /******************************************************************************** --- Awards --- *********************************************************************************/ .awards-list__list li a span {font-weight: normal;} /******************************************************************************** --- Team / Leadership --- *********************************************************************************/ .team-detail__headline {margin-bottom: 0.222rem;} .team-detail__company {margin-top: 0.722rem;} .team-bullets_section h4 {margin-bottom: 1rem;} .team-bullets_section ul, .team-bullets_section ul li:last-child {margin-bottom: 0;} .team-bullets_section:not(:last-of-type) {border-bottom:1px solid var(--off-white); padding-bottom: 2.778rem;} .team-bullets_section:not(:first-of-type) {padding-top: 2.778rem;} .team-detail__row {justify-content: space-between;margin-bottom: 4.833rem;flex-wrap: wrap;} .team-detail__sidebar {width: 30%;padding-right:4.111rem; } .team-detail__content {width: 70%;} .team-detail__sidebar-headline {color: var(--primary);font-size: 1.111rem;margin-top: 1.611rem;border-bottom: 1px solid var(--off-white);padding-bottom: 0.556rem;} .team-contact__item {display: block;font-weight: normal;color: #5a5b5c;margin-bottom: 0.667rem;} .team-contact__item:hover {color: var(--primary);} .team-contact__item--linkedin {margin-bottom: 1rem;} .team-contact__item span {color: var(--dark-orange);margin-right: 0.5rem;} .team-headshot {width: 100%;height: 23rem;} .team-headshot img {object-fit: cover; width: 100%;height: 100%;} .team-bullet-content ul.bullets {margin-left: 0;margin-top:0;} @media (max-width: 900px) { .team-detail__sidebar {padding-right:2.111rem; } } @media (max-width: 700px) { .team-detail__row {flex-direction: column-reverse;} .team-detail__sidebar {padding-right:0;width: 100%;margin-top: 2.5rem;} .team-detail__content {width: 100%;} } /******************************************************************************** --- Team Grid --- *********************************************************************************/ .team-card__grid {margin: 0 -0.556rem;flex-flow: row wrap;} .company-team__block {margin: 1.5rem 0; } .full-team .company-team__block { width: 100%;} .company-team__block:first-of-type {margin-top: 0;} .team-image-card {width: 20%;display: block;padding: 0 0.556rem 1.875rem;} .team-image-card__inner {box-shadow: var(--box-shadow);background-color: #ffffff;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out; display: flex; flex-direction: column;height: 100%;} .team-image-card__details {padding: 0.722rem 0.722rem 0.722rem 1.167rem;position: relative;flex-grow: 1; display: flex; flex-direction: column;} .team-image-card__link {margin-top: auto;margin-bottom: 0;font-size: 0.8rem;position: relative;font-weight: normal;color: var(--primary);} .team-image-card__link::after {content: "\e9a2";font-family: 'CD-Project-Icons' !important;position: absolute;right: 0;color: var(--dark-orange);font-size: .9rem;top: -.1rem;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .team-image-card:hover .team-image-card__link::after {right: -.15rem;} .team-image-card__title {margin-bottom: .15rem;font-weight: bold;font-size: 1.1rem;} .team-image-card__subtitle {font-size: .75rem; color: var(--light-teal); padding-bottom: 0.5rem; border-bottom: 1px solid var(--off-white); display: block; font-family: var(--sweet-sans); line-height: 1.3;margin-bottom:0.5rem;} .team-image-card__image {height: 15.833rem;width: 100%;} .team-image-card__image img {object-fit: cover;width: 100%;height: 100%;} @media (max-width: 980px) { .team-image-card {width: 33.3%;} } @media (max-width: 640px) { .team-image-card {width: 50%;} .team-image-card__image {height: 24rem;} } @media (max-width: 420px) { .team-image-card {width: 100%;} .team-image-card__image {height: 30rem;} } /******************************************************************************** --- Team Banner --- *********************************************************************************/ .team-banner {position: relative;padding: 5.389rem 0;background-position: center;background-size: cover;} .team-banner::before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(73, 73, 75, .72);} .team-banner__grid {justify-content: center;flex-flow: row wrap; grid-gap: 2rem; } .team-banner .team-banner__headline {margin-bottom: .389rem;color: #fff;} .team-banner__overview {margin-bottom: 2.656rem;} .team-banner__item {justify-content: center;text-align: center;} .team-banner__item:last-of-type, .team-banner__item:last-of-type:first-of-type {margin-right: 0;} .team-banner__item:last-of-type:first-of-type {text-align: center;} .team-banner__item:last-of-type:first-of-type .team-banner__figure {margin: 0 auto;} .team-banner__content {position: relative;z-index: 1;} .team-banner__figure { width: 185px; height: 185px; margin: 0 auto; } .team-banner__figure.cta { width: 360px; } .team-banner__figure img {object-fit: cover;width: 100%;height: 100%;} .team-banner__info { margin-left: 0; margin-top: .5rem; padding: 0;} .team-banner .team-banner__info h3 a { color: #fff; } .team-banner .team-banner__info h3 {margin-bottom: 0.313rem;color: #fff;font-size: 1.05rem;} .team-banner .team-banner__info h4 {margin-bottom: 0;color: #fff;font-size: .75rem; line-height: 1.25; font-family: var(--gt-america); font-weight: normal; } .team-banner .button {padding: 1rem 3rem;margin-bottom: 0;margin-top: 1rem;} @media (max-width: 1050px) { /* .team-banner__grid { grid-gap: 1rem; } */ .team-banner__item {width: 35%;margin-right: 1rem;margin-bottom: 1.5rem;text-align: center;} .team-banner__figure {margin: 0 auto;} } @media (max-width: 700px) { .team-banner__figure {width: 100px;height: 100px;} } @media (max-width: 500px) { .team-banner__item {width: 45%;} .team-banner .team-banner__info h4 {font-size: .8rem;} .team-banner__figure {width: 115px;height: 115px;} } /******************************************************************************** --- Stat Cards --- *********************************************************************************/ .stats-card__grid {margin: 2.611rem -1.0555rem;justify-content: space-between;flex-flow: row wrap;} .grid-col {width: 50%;} .stats-card {width: 100%;padding: 0 1.0555rem .875rem;} .stats-card__inner {background-color: #fff;box-shadow: var(--box-shadow);} .stats-card__header {background-color: var(--dark);padding: 1.556rem 1.278rem;} .stats-card__header h3.stat-card__title, .stats-card__header h3.stat-card__title a{color: var(--light-teal);margin-bottom: 0;font-weight: normal;} .stats-card__header h3.stat-card__title a:hover { color: #FFF; } .stats-card__body ul {padding: 1rem 1.278rem;} .stats-card__body ul.checkmarks li.has-link:before {content: '\e915'; color: var(--dark-orange); right: 0;left: auto;} .stats-card__body ul.checkmarks li:not(.has-link):before {content: '';} .stats-card__body ul.checkmarks li {padding-left: 0;padding-right: 1.722rem;} .stats-card__body ul li {color: var(--dark-gray);font-size: 0.833rem;font-weight: normal;} .stats-card__body ul li a { color: var(--dark); font-weight: 500; } .stats-card__body ul li a.is-link:hover {color: var(--dark-teal);} .stats-card__body ul li a:not(.is-link):hover {cursor: default;} @media (max-width: 1200px) { .stats-card__grid { margin-bottom: 0; } } @media (max-width: 600px) { .stats-card, .grid-col {width: 100%;} } /******************************************************************************** --- Text Link Blocks --- *********************************************************************************/ .text-links__grid {margin: 2.556rem -2.972rem;margin-bottom: 0;flex-flow: row wrap;} .text-link-block {padding: 0 2.972rem 2.722rem;width: 33.3%;position: relative;} .text-link-block__button::after {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;} .text-link-block--banner {flex-grow: 1;min-width: 50%;} .text-link-block--banner__bg {background-position: center;background-size: cover;position: relative;height: 100%;} .text-link-block--banner__bg::before {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(12,56,68,.8);} .text-link-block--banner__inner {position: relative;z-index: 1;padding: 2.389rem 2.778rem;justify-content: space-between;align-items: center;width: 100%;} .text-link-block--banner__inner h3.text-link-block--banner__headline {margin-bottom: 0;width: 70%;padding-right: 2rem;line-height: 1.27;color: #fff;} .text-link-block--banner__inner .button {margin-bottom: 0;min-width: 174px;} @media (max-width: 1100px) { .text-link-block {width: 50%;} } @media (max-width: 1024px) { .text-link-block--banner {width: 100%;} } @media (max-width: 600px) { .text-links__grid {margin: 2.556rem 0;} .text-link-block {width: 100%;padding: 0;padding-bottom: 2rem;} .text-link-block--banner__inner {flex-wrap: wrap;justify-content: center;text-align: center;padding: 2.389rem .5rem;} .text-link-block--banner__inner h3 {width: 100%;margin-bottom: 1rem;} .text-link-block--banner__inner h3.text-link-block--banner__headline {padding-right: 0;margin-bottom: 1rem;} } /******************************************************************************** --- Resource / Insights Section --- *********************************************************************************/ .resources-insights-section {padding: 3.33rem 0;position: relative;} .resource-grid {margin: 0 -1.65rem;margin-top: 2.833rem;justify-content: space-between;flex-flow: row wrap;} .resource-grid__col {padding: 0 1.65rem;} .resource-grid__content {width: 70%;} .resource-grid__sidebar {width: 30%;} .download-block {position: relative;} .download-block:not(:last-of-type) {margin-bottom: 1.5rem;} .download-block__text {width: 95%;padding-left: 1.389rem;} .download-block h5 {margin-bottom: 0.333rem;} .download-block p {font-size: 0.778rem;margin-bottom: 0;} .download-block__figure {display: block;height: 100%;width: 85px; } .download-block__figure::before {content:'';position: absolute;top:0;left: 0;width: 100%;height: 100%;} .download-block__figure:hover figure {opacity: .8;} .download-block__figure figure {width: 100%;height: 100%;margin: 0;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .download-block__figure figure img {object-fit: contain;width: 100%;height: 100%;} @media (max-width: 1200px) { .download-block__figure {width: 70px; } } @media (max-width: 800px) { .resource-grid__content {width: 100%;} .resource-grid__sidebar {width: 100%;} .resource-grid__content .card:last-of-type {margin-top: 0;} } @media (max-width: 640px) { .resources-insights-section {padding-bottom: 8rem;} .resources-insights-section .section-heading__cta {bottom: 2rem;} } /******************************************************************************** --- CTA Banner --- *********************************************************************************/ .cta-banner {background-color: var(--off-white);padding: 2.5rem 0;} .cta-banner.bg-white {background-color: #fff;} .cta-banner__inner {justify-content: space-between;flex-wrap: wrap;align-items: flex-end;gap: 1rem;} .cta__content {flex: 1; flex-grow: 1; padding-right: 2rem;} .cta__content h2 {margin-bottom: 0.444rem;} .cta__content p { max-width: 850px; } .cta-banner__button .button {padding: 0.833rem 2rem;margin-bottom: 0;} .cta-banner--resource {background-size: cover;background-position: center;} /* .cta-banner--resource .button {background-color: #c0bd8d;} */ /* .cta-banner--resource .button:hover {background-color: #d0cc98;} */ @media (max-width: 800px) { .cta-banner__inner { flex-direction: column; align-items: flex-start; } } /******************************************************************************** --- Contact Boxes --- *********************************************************************************/ .contact__boxes {justify-content: center;flex-flow: row wrap;margin: 0 -1.25rem;} .contact__box {position: relative;width: 33.3%;padding: 0 .75rem;} .contact__box .bg-dark {padding: 1.5rem; } .contact__box h2 {margin-bottom: 1.05rem;font-weight: bold;} .contact__box .button.button-icon {margin: 0;display: inline-block;position: static;} .contact__box .button.button-icon span {position: relative;top:.065rem;} .contact__box .button.button-icon:after {content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;} @media (max-width: 800px) { .contact__box {width: 100%;margin-bottom: 1.25rem;text-align: center;} .contact__box .button.button-icon span {top:.1rem;margin-left: .75rem;} } /******************************************************************************** --- Careers --- *********************************************************************************/ .career-blocks__grid {margin: 2rem -0.533rem;margin-bottom: 0;flex-flow: row wrap;} .career-block {width: 25%;padding: 0 0.533rem;} .career-block__inner {box-shadow: var(--box-shadow);background-color: #fff;padding: 3rem .35rem;border-top: 3px solid var(--dark-orange);} .career-block__inner .button {margin-bottom: 0;padding: 1rem 2.25rem;} .career-block__inner h3 {font-size: 1.389rem;margin-bottom: 1.667rem;} @media (max-width: 800px) { .career-block {width: 33.3%;margin-bottom: 1.25rem;} } @media (max-width: 600px) { .career-block {width: 50%;} .career-block__inner h3 {font-size: 1.1rem;} } @media (max-width: 375px) { .career-block__inner .button {max-width: 80%;margin: 0 auto;} } .career-stats {margin: 0 -1rem;margin-top:3.25rem;flex-flow: row wrap;} .career-stat {width: 33.3%;padding: 0 1rem;} .career-stat__number {color: var(--dark-orange);font-size: 3.611rem;position: relative;line-height: 1.25;} .career-stat__number sup {font-size: 1.722rem;position: relative;top: -1.25rem;margin-left: .25rem;} .career-stat p {font-size: 0.889rem;margin-top: 0;color: var(--secondary);} .career-stat:not(:last-of-type) .career-stat__inner {border-right: 1px solid var(--off-white);} @media (max-width: 500px) { .career-stat {width: 100%;text-align: center;margin-bottom: 1rem;} .career-stat:not(:last-of-type) .career-stat__inner {border-right: none;} } /*-----------Employee Testimonial -----------*/ .employee-testimonials {position: relative;height: 300px;z-index: 2;} .employee-testimonials__inner {padding: 3.444rem 0;box-shadow: var(--box-shadow);background-color: #fff;width: 84%;height: 100%;z-index: 2;} .employee-testimonial__figure {margin: 0;margin-right: 2.611rem;width: 115px;height: 100%;} .employee-testimonial__figure img {width: 100%;margin-bottom: 0.611rem;object-fit: cover;width: 100%;height: 100%;} .employee-name {font-size: 0.889rem;display: block;color: var(--secondary);} .employee-title {display: block;} .employee-testimonial__quote {width: 75%;} .employee-testimonial__quote blockquote {padding-left: 4.75rem;} .employee-testimonial__quote blockquote .quote {padding-top: 0.5rem;} .employee-testimonial__quote blockquote .quote:before {top:-.5rem;} .employee-testimonial__quote blockquote .quote p {border-bottom: 0;font-size: 1.189rem;line-height: 1.5;color: #565e68;} .employee-testimonial__inner {flex-flow: row wrap;} .employee-testimonial__img {width: 115px;height: 108px;margin-bottom: 0.611rem;} .employee-testimonials__inner-row {position: absolute;width: 100%;max-width: 100%;} .employee-testimonial__slider {position: relative; max-width: 1320px;margin: 0 auto;padding-right: 0.9375rem;padding-left: 0.9375rem;} @media (max-width: 1470px) { .employee-testimonials__inner {width: 94%;} } @media (max-width: 1200px) { .employee-testimonials__inner {width: auto;} } @media (max-width: 900px) { .employee-testimonial__inner {justify-content: center;width: 80%;margin: 0 auto;} .employee-testimonials {height: 425px;} .employee-testimonial__figure {width: 20%;} .employee-testimonial__quote {width: 100%;} .slick-dots--lines ul.slick-dots {left: auto;right:11%;bottom: -1.5rem;} } @media (max-width: 600px) { .employee-testimonial__figure {width: 30%;} .employee-testimonial__inner {width: 90%;} } @media (max-width: 500px) { .employee-testimonial__figure {width: 100%;margin-right: 0;} .employee-testimonials {height: auto;} .employee-testimonials__inner-row {position: relative;} .employee-testimonial__quote blockquote {padding-left: 0;padding-top: 3rem;} .employee-testimonial__quote blockquote .quote:before {font-size: 2.5rem;top:.5rem;left: 50%;margin-left: -17px;} .employee-testimonial__img {width: 150px;height: 150px;margin:0 auto;margin-bottom: 1rem;} } /*----------- Slider -----------*/ .photo-slider-section {padding-top: 5rem;padding-bottom: 0;margin-top: 0;z-index: 1;} .photo-slider-section .viewport {padding-bottom: 3rem;} .photo-slider {flex-wrap: nowrap;-webkit-overflow-scrolling: touch;padding-bottom: 4.33rem;margin: 0 auto;} .photo-slider .photo-slider__slide {margin-right: 1.722rem;width: 26%;flex: 0 0 auto;} .photo-slider__slide {margin: 0;height: 363px;} .photo-slider__slide img {width: 100%;height: 100%;object-fit: cover;} #scrollbar::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 0;background-color: rgba(19, 68, 81,0.6);max-width: 1320px;} #scrollbar::-webkit-scrollbar {width: 3px; background-color: #F5F5F5;height: 8px;} #scrollbar::-webkit-scrollbar-thumb { border-radius: 0; -webkit-box-shadow: 0; background-color: var(--dark-orange);max-width: 1320px; } .scrollX>.scrollbarX, .scrollY>.scrollbarX {height: 10px;background-color: rgba(19, 68, 81, 0.4);max-width: 1286px;margin: 0 auto;bottom: 3.25rem;border-radius: 0;} .scrollX .scrollbarX>.thumb, .scrollX>.scrollbarY>.thumb, .scrollY .scrollbarX>.thumb, .scrollY>.scrollbarY>.thumb {background-color: var(--dark-orange);border-radius: 0;} @media (max-width: 1200px) { .photo-slider .photo-slider__slide {width: 30%;height: 225px;} } @media (max-width: 600px) { .photo-slider .photo-slider__slide {width: 45%;height: 150px;} .photo-slider-section {padding-top: 4.944rem;margin-top: 0;} } /*-----------Content Banner -----------*/ .content-banner-section {margin: 3.333rem 0;} .content-banner__bg {height: 510px;padding: 0 4.444rem;} .content-banner__inner {max-width: 450px;} .content-banner__text p {color: #fff;font-size: 1.722rem;line-height: 1.25;} /******************************************************************************** --- Full Width Split Panel --- *********************************************************************************/ .full-width-split-panel {margin-top: 3rem;} .full-width-split-panel > .row {position: relative;} .fw-split-panel__row {flex-flow: row wrap;} .fw-split-panel__content {width: 40%;padding: 5rem 0;padding-right: 5rem;} .fw-split-panel__content .button {margin-bottom: 0;} .fw-split-panel__content .text-link {display: block;border-bottom: none;} .fw-split-panel__figure {width: 57%;height: 110%;position: absolute;right: 0.9375rem;bottom: 0;} .fw-split-panel__figure figure {margin: 0;height: 100%;} .fw-split-panel__figure figure img {object-fit: cover;height: 100%;width: 100%;} .full-width-split-panel--left .fw-split-panel__row {flex-direction: row-reverse;} .full-width-split-panel--left .fw-split-panel__figure {right: auto; left: 0.9375rem;} .full-width-split-panel--left .fw-split-panel__content {padding-left: 5rem; padding-right: 0;} @media (max-width: 1300px) { .fw-split-panel__content {padding-right: 3rem;} .full-width-split-panel {margin-top: 0;} } @media (max-width: 800px) { .fw-split-panel__content, .full-width-split-panel--left .fw-split-panel__content {padding-right: 0;padding-bottom: 3rem;width: 100%;padding-left: 0;} .fw-split-panel__figure, .full-width-split-panel--left .fw-split-panel__figure {position: relative;width: 100%;right: auto;left: auto;} } /******************************************************************************** --- Resources --- *********************************************************************************/ .featured-card-grid {margin: 0 -0.806rem;margin-top:3.111rem;flex-flow: row wrap;position: relative;flex-wrap: wrap;} .featured-card {width: 33.3%;padding: 0 0.806rem;margin-bottom: 2.056rem;} .featured-card .label {display: block;margin-bottom: 1.278rem;} .featured-card__inner {background-color: #fff;border-top: 3px solid var(--dark-orange);padding: 1.5rem 1.667rem;position: relative;} .featured-card__headline {font-size: 1.111rem;margin-bottom: 0.278rem;line-height: 1.3;padding-right: 1.5rem;} .featured-card__headline a {font-weight: normal;color: var(--primary);} .featured-card__details-meta {margin-bottom: 0;font-size: 0.778rem;} .featured-card__details-location {font-weight: normal;} .featured-card__additional-details {margin-top: 1.444rem;font-size: 0.889rem;color: var(--secondary);} .featured-card .button {margin-bottom: 0;margin-top: 1.111rem;} @media (max-width: 800px) { .featured-card {width: 100%;} } /*-----------Resource Page Filter Switch -----------*/ .resource-nav {background-color: #fff;height: 64px;box-shadow: var(--box-shadow);margin-bottom: 3.333rem;} .resource-nav__row, .resource-nav__row > ul {height: 100%;} .resource-nav ul {justify-content: space-between;flex-wrap: nowrap;width: 100%;} .resource-nav ul li a {display: block;height: 3.55rem;line-height:3.55;color:var(--dark-teal); } .resource-nav ul li a:hover { color: var(--dark-orange); } .resource-nav ul li.selected {border-bottom: 3px solid var(--dark-orange);pointer-events: none;} @media (max-width: 1200px) { .resource-nav ul li a {display: block;height: 4.3rem;line-height:4.3; } } @media (max-width: 375px) { .resource-nav ul li a {display: block;height: 5.3rem;line-height:5.3; font-size: 0.95rem;} } /*----------- Filter Search -----------*/ .filter {justify-content: space-between;align-items: center;flex-flow: row wrap;position: relative;} .filter-groups {width: 65%;} .filter-search {width: 35%;} .filter-search .filter-search__row {align-items: baseline;position: relative;} .filter-search .filter-search__row input {font-size: 0.833rem;height: 48.59px;} .filter-search .filter-search__row label {position: absolute;margin-bottom: 0;top: 50%;margin-top: -5.5px;left: 1em;font-size: 0.833rem;text-transform: none;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;background-color: #fff;} .filter-search .filter-search__row input:focus + label, .filter-search .filter-search__row label.active {top:.75rem;} .filter-search .button {margin-left: 1.889rem;margin-bottom: 0;} .filter-groups {margin: 0 -0.833rem;} .filter-groups-option {margin: 0 0.833rem;background: url(../svg/angle-down-copy.svg) no-repeat 95% #fff;font-size:0.833rem; height: 48.59px;font-weight: 500;} .filter-groups-option option {color: var(--primary);font-weight: 500;font-size: 0.833rem;} .filter__button-clear.button {display: none;/*right: 0;position: absolute;*/ bottom: -0.75rem; line-height: 1;} .filter__button-clear.button span {float: left;} @media (max-width: 1100px) { .filter-groups {width: 100%;/*flex-flow: row wrap;*/} .filter-search {width: 100%;flex-flow: row wrap;} .filter-groups-option {margin-right: 0;margin-bottom: 1em;} .filter-groups-option:last-of-type {margin-bottom: 1.75em;} .filter-search .filter-search__row {flex-flow: row wrap;margin-right: 0.833rem;} .filter-search .button {margin-left: 0;} .filter-search .filter-search__row label {top: 0;} .filter-search .filter-search__row input:focus + label, .filter-search .filter-search__row label.active {top:0;} } /**** Resource Grid ****/ .resource-posts-section {margin-bottom: 3.889rem;} .resource-posts-section .card .card__body { gap:1rem; } .posts__row {margin-top: 2.722rem;} .post-no-results {padding: 60px; text-align: center; border: 1px solid var(--off-white); border-radius: 2px;margin-bottom: 2.5rem;} .post-no-results__icon {margin-bottom: 1.25em;;} .post-no-results__icon span {font-size: 5em; line-height: 1; color: #6c1d45} .post-no-results__text {font-size:1.125em; display: inline-block; font-weight: 700; max-width: 31.25em;} @media (max-width: 500px) { .content-banner__text p {font-size: 1.3rem;} .content-banner__bg {padding: 0 2rem;} .content-banner__bg {height: 400px;background-size: cover; background-position: center;} } /**** Resource Detail ****/ .main--resource {position: relative;} .resource-breadcrumb {justify-content: center;} .resource-detail {margin-top: 1.611rem;} .resource-image {width: 100%;height: 498px;} .resource-image img {width: 100%;height: 100%;object-fit: cover;} .resource-details {padding-top: 2.167rem;padding-bottom: 1.278rem;max-width: 850px;margin: 0 auto;} .resource-details__headline {margin-bottom: 1.5rem;} .resource-details__details-meta {margin-bottom: 0;color: var(--black);font-weight: 500;font-size: 0.722rem;text-transform: uppercase;} .resource-details__details-meta a {color: var(--dark-orange);padding-left: 0.111rem;} .resource-details__details-meta time {padding-right: 0.35rem;margin-right: .15rem;border-right: 1px solid var(--light-teal);} .resource-details__details-meta a:hover {color: var(--primary);} /**** Resource Author ****/ .resource-author {margin: 0;max-width: 640px;margin: 0 auto;justify-content: center;} .author-avatar {width: 115px;height: 115px;margin-right: 1.389rem;} .author-avatar img {width: 100%;height: 100%;object-fit: cover;} .resource-author figcaption a {display: block;} .author__name {font-size: 1rem;font-weight: normal;color: var(--primary);margin-bottom: 0;} .author__subtile {font-size: 0.889rem;font-weight: 500;color: #5a5b5c;margin-top: 0.111rem;margin-bottom: 0.833rem;display: block;} .author__company {margin-top: 0.111rem;} .author-divider {margin-bottom: 0;margin-top: 2.5rem;} /**** Resource Body ****/ .resource-body {padding: 2.278rem 5.278rem;} .resource-header-col .resource-body {padding-bottom: 0;} .resource-body:blank {display:none;} .resource-body:-moz-only-whitespace {display:none;} /**.resource-body h1, .resource-body h2, .resource-body h3, .resource-body h4, .resource-body h5, .resource-body h6 {margin-bottom: 0.778rem;text-transform: uppercase;}**/ /**** Resource Footer ****/ .resource-footer {border-top: 1px solid var(--off-white);border-bottom: 1px solid var(--off-white);margin-bottom: 3.333rem;} .resource-footer__inner {padding-left:5.278rem;justify-content: space-between;} .resource-share {padding: 1.222rem 0;} .resource-share p {font-size: 1.111rem;color: var(--primary);} .ebook-container {background-color: var(--off-white);padding: 1.25rem;margin-bottom: 1.25rem;} .ebook-container h2, .ebook-container h3 {text-transform: none;} .ebook-container .text-button {margin-bottom: 0;} .ebook-container .text-button span {margin-left: .5rem;} .download--ebook {margin-bottom: 0;} /**** Detail Pagination ****/ .detail-pagination ul li a {padding: 1.35rem 1.533rem;font-weight: normal;color: var(--primary);font-size: 1.111rem;display: flex;align-items: center;position: relative;} .detail-pagination ul li a span {/*color: var(--off-white);*/font-size: 1.25rem;position: relative;} .detail-pagination ul li:nth-child(2) a {border-left: 1px solid var(--off-white);border-right: 1px solid var(--off-white);} .detail-pagination__prev span {left: -0.778rem;} .detail-pagination__next span {right: -0.778rem;} .detail-pagination ul li a:hover {color: var(--dark-orange);} .addthis-smartlayers {display: none;} .resource-share__buttons {display: flex;align-items: center;margin-left: .5rem;position: relative;top: 1.2px;} .resource-share__buttons li {display: inline-block; line-height: 1.2;margin-right: 5px;} .resource-share__buttons a {display: block; transition: color 250ms ease } .resource-share__buttons li a span {font-size: 1.35em;color: var(--dark);-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;} .resource-share__buttons a:hover span {color: var(--teal);} @media (max-width: 1200px) { .resource-body {padding: 2.278rem 1.278rem;} .resource-footer__inner {padding-left: 1.278rem;} .resource-image {height: 350px;} } @media (max-width: 800px) { .resource-detail {margin-top: 4rem;} .resource-image {height: auto;} } @media (max-width: 550px) { .resource-body {padding: 2.278rem 0; } .detail-pagination ul li a, .resource-share p {font-size: 0.88rem;} .detail-pagination ul li a {padding: 1.35rem 1.133rem;} .detail-pagination ul li a span {font-size: 1.15rem;} .resource-footer__inner {padding-left: 0;} .detail-pagination__prev span {left: -0.178rem;} .detail-pagination__next span {right: -0.178rem;} .resource-share__buttons li a span {font-size: 1.15rem;} .author-avatar {width: 65px;height: 65px;} } @media (max-width: 425px) { .detail-pagination ul li a, .resource-share p {font-size: 0.575rem;} } @media (max-width: 390px) { .resource-detail {margin-top: 6rem;} } /******************************************************************************** --- Pagination --- *********************************************************************************/ .pagination {justify-content: flex-end;flex-direction: row;margin-top: 2.222rem;} .pag-jump {margin-left: 0;margin-bottom: 0;list-style: none;margin: 0 .57rem;} .pag-jump li a {padding: .5rem .9rem;color: var(--primary);font-weight: normal;font-size: 1rem;} .pag-jump li:not(.active) a:hover { color: var(--teal); } .pag-jump li.active a {border: 1px solid var(--dark-orange);} .pag-jump li:not(:first-of-type) a, .pag-jump li:not(:last-of-type) a {margin: 0 } .pag-jump li a[data-page="…"] { pointer-events: none; user-select: none; } .pag-button {color: var(--dark-orange);font-size: 1.333rem;display: flex;} .pag-next {order: 500;} .pag-button--hidden {display: none} /************************* ******************************************************* --- Animated Loader --- *********************************************************************************/ .spinner{position:fixed; z-index:999999; top:50%; left:50%; margin:-30px 0 0 -30px; height:60px;width:60px; -webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(166,172,179,0.98);border-right:6px solid rgba(230, 233, 237,0.98);border-bottom:6px solid rgba(166,172,179,0.98);border-top:6px solid rgba(12, 56, 68,0.98);border-radius:100%}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}} /* Careers - Hiring Process */ .hiring-process { margin: 1rem 0 6rem; } .hiring-process__slider .slick-track { display: flex; } .hiring-process__slider .slick-slide { margin: 0 1rem; height: auto; } .hiring-process__slider .slick-slide > div { height: 100%; } .hiring-process__slider .slick-arrow { top: auto; bottom: -60px; } .hiring-process__slider .slick-list { padding: 1rem 0; margin: 0 -1rem; } .hiring-process__card { padding: 2rem 8%; box-shadow: 0 0 20px rgba(0,0,0,.1); border-top: 3px solid var(--dark-orange); height: 100%; min-height: 260px; } .hiring-process__card h3 { margin: 0 0 1rem; } .hiring-process__card p { margin: 0; font-size: .825rem; } .hiring-process__card span { font-size: .825rem; text-transform: uppercase; } /* Industry Locations Slider */ .industry-locations__slider .slick-slide { margin: 0 0.8rem; } .industry-locations__slider .slick-arrow { border-radius: 0; border: none; color: var(--dark-orange); font-size: 2rem; } .industry-locations__slider .slick-arrow:hover { color: var(--orange); } .industry-locations__slider .slick-arrow.slick-disabled { filter: grayscale(0.25); pointer-events: none; } .industry-locations__slider .slick-prev { left: -5vw; } .industry-locations__slider .slick-next { right: -5vw; } .industry-locations__slider .slick-slide { width: 300px!important; display: block!important; } @media (max-width: 800px) { .industry-locations__slider { padding-bottom: 1.75rem; } .industry-locations__slider .slick-prev { left: 0; bottom: -2.5rem; top: unset; } .industry-locations__slider .slick-next { right: 0; bottom: -2.5rem; top: unset; } } /* Industry Locations Grid */ @media (min-width: 600px) { .industry-locations__grid { display: flex; flex-wrap: wrap; gap: 1.5rem 2%; } .industry-locations__grid .image-card { min-width: 230px; width: 23.5%; } } @media (max-width: 1200px) { .industry-locations__grid .image-card { width: 32%; } } @media (max-width: 900px) { .industry-locations__grid .image-card { width: 49%; } } @media (max-width: 600px) { .industry-locations__grid .slick-slide { margin: 0 0.8rem; } .industry-locations__grid .slick-arrow { border-radius: 0; border: none; color: var(--dark-orange); font-size: 2rem; } .industry-locations__grid .slick-arrow:hover { color: var(--orange); } .industry-locations__grid .slick-arrow.slick-disabled { filter: grayscale(0.25); pointer-events: none; } .industry-locations__grid .slick-prev { left: -5vw; } .industry-locations__grid .slick-next { right: -5vw; } .industry-locations__grid .slick-slide { width: 300px!important; display: block!important; } .industry-locations__grid { padding-bottom: 1.75rem; } .industry-locations__grid .slick-prev { left: 0; bottom: -2.5rem; top: unset; } .industry-locations__grid .slick-next { right: 0; bottom: -2.5rem; top: unset; } } /* @media (max-width: 550px) { .industry-locations__grid .image-card { width: 100%; } } */ svg.logo-mark.secondary path { fill: var(--dark-orange); } .affilate-logo--home img { width: 100%; height: auto; max-width: 320px; } /******************************************************************************** --- Card Hover Reveal --- *********************************************************************************/ .card-hover-section { margin-top: 0!important; padding: 5rem 0; } .reveal-cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.875rem; justify-content: center; margin-top: 3.5rem; } .reveal-cards__inner { position: relative; background-color: var(--off-white); padding: 12%; height: 100%; cursor: default; } .card-hover-section.bg-light-gray .reveal-cards__inner { background-color: #fff; } .reveal-cards__inner h3 { color: #fff; margin-bottom: 0; } .reveal-cards__inner-title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--teal); opacity: 1; transition: opacity .25s ease; display: flex; justify-content: center; align-items: center; } .reveal-cards__inner:hover .reveal-cards__inner-title { opacity: 0; } @media (max-width: 1200px) { .reveal-cards { grid-template-columns: repeat(2,1fr); } } @media (max-width: 600px) { .reveal-cards { grid-template-columns: repeat(auto-fill, 100%); } .reveal-cards__inner { max-width: 18rem; margin: auto; } } /******************************************************************************** --- Timeline --- *********************************************************************************/ .timeline-section { margin-top: 0!important; padding: 5rem 0; } .timeline { margin-top: 3.5rem; margin-left: 1rem; margin-right: 1rem; padding: 0 3%; position: relative; } .timeline:before { content: ''; position: absolute; width: 100%; height: 2px; background: var(--dark); top: 40px; left: 0; } .timeline-slider .slick-slide { margin: 0 1.25rem; } .timeline__year { position: relative; display: flex!important; flex-direction: column; text-align: center; gap: 50px; cursor: pointer; } .timeline__year:before { content: ''; position: absolute; top: 40px; left: calc(50% - 1px); width: 2px; height: 52px; background: var(--dark); } .timeline__year-details { position: relative; height: 250px; border: 2px solid var(--dark); } .timeline__year-details-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .timeline__year-img { width: 100%; height: 100%; object-fit: cover; } .timeline__year-year { margin-bottom: 0; } .timeline__year-anchor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .timeline-slider button span:before { color: var(--dark-orange); opacity: 1; transition: all .25s ease; } .timeline-slider button:hover span:before { opacity: .8; } .timeline-slider button.slick-disabled span:before { color: var(--primary); opacity: 1!important; } .timeline-slider .slick-arrow { top: 40px; width: 46px; height: 46px; } .timeline-slider .slick-arrow span { font-size: 46px; } .timeline-slider button span { position: relative; } .timeline-slider button span:before { position: relative; z-index: 1; } .timeline-slider button span:after { content: ''; position: absolute; background-color: #fff; height: 4rem; width: 5rem; z-index: 0; top: 50%; transform: translateY(-48%); } .timeline-slider .slick-prev { left: -10px; } .timeline-slider .slick-next { right: -10px; } .timeline-slider .slick-prev span:after { right: 20px; left: auto; } .timeline-slider .slick-next span:after { right: auto; left: 20px; } .timeline__year .timeline__year-details-image { opacity: 1; transition: opacity .25s ease; } .timeline__year:hover .timeline__year-details-image { opacity: 0; } .timeline__year-details-image-heading, .timeline__year-details-content-heading { font-size: .95rem; font-family: var(--noe); font-weight: 600; } .timeline__year-details-image-heading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 6% 9%; background-color: var(--teal); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.375rem; } .timeline__year-details-content { height: 100%; padding: 6% 5%; background-color: var(--off-white); font-size: .875rem; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; } .timeline__year-details-content p:last-child { margin-bottom: 0; } @media (min-width: 801px) { .timeline:before, .timeline__year:before { top: 54px; } .timeline-slider .slick-arrow { top: 53.5px; } } @media (min-width: 901px) { .timeline:before { top: calc(50% - 1px); } .timeline-slider .slick-arrow { top: calc(50% - 2px); } .timeline-slider .slick-slide:nth-of-type(odd) .timeline__year { flex-direction: column-reverse; margin-bottom: 13rem; } .timeline-slider .slick-slide:nth-of-type(even) .timeline__year { margin-top: 13rem; } .timeline__year:before { top: 58px; } .timeline-slider .slick-slide:nth-of-type(odd) .timeline__year:before { top: auto; bottom: 58px; } } @media (min-width: 1200px) { .timeline:before { top: calc(50% - 4px); } .timeline-slider .slick-arrow { width: 72px; height: 72px; } .timeline-slider .slick-arrow span { font-size: 72px; } .timeline-slider .slick-prev { left: -0.5rem; } .timeline-slider .slick-next { right: -0.5rem; } .timeline-slider .slick-prev span:after { right: 34px; } .timeline-slider .slick-next span:after { left: 34px; } .timeline-slider .slick-arrow { top: calc(50% - 17px); } .timeline-slider .slick-slide { margin: 0 1.5rem; } .timeline-slider .slick-slide:nth-of-type(odd) .timeline__year:before { bottom: 56px; } .timeline__year:before { top: 50px; } } /**** Team Grid ****/ .team-posts-section { margin-top: 3.5rem; margin-bottom: 6rem;} .team-filter-layout .filter-groups { margin: 0 0 1.5rem; width: 100%; display: flex; gap: 1.25rem; flex-direction: column; } .team-filter-layout .filter-groups-option { margin: .75rem 0 0; } .team-filter-layout .filter-search { width: 100%; } .team-filter-layout .filter-search .filter-search__row { flex-flow: nowrap; } .team-filter-layout .filter-search .filter-search__row input { margin: .75rem 0 0; height: 48.2px; } .team-filter-layout .filter-search .filter-search__row label { top: 58%; } .team-filter-layout .filter-search .filter-search__row label.active { top: .75rem; } .team-filter-layout .filter-search .button { margin-left: 0; } .team-filter-layout .posts__row { margin-top: 0; } .team-filter-layout { margin-top: 3rem; } .team-posts-section span.now_showing { font-size: 1.5rem; display: block; margin-bottom: 1.5rem; width: 100%; } span.selected_filter { display: inline-block; border: 1px solid var(--light-teal); padding: 0rem 0.5rem; margin-right: 0.5rem; margin-bottom: 0.5rem;} .team-list__grid { display: flex; } .team-filter-layout .card-grid .card {width: 20.0%;padding: 0 0.6rem 1.875rem;} .team-filter-layout.full-team .card-grid .card {width: 20.0%;} .team-filter-layout .card .card__body { gap: .5rem; } .team-filter-layout .card .card__body.hilite { -webkit-box-shadow: inset 0px 6px 0px 0px rgba(229,76,46,1); -moz-box-shadow: inset 0px 6px 0px 0px rgba(229,76,46,1); box-shadow: inset 0px 6px 0px 0px rgba(229,76,46,1); } .team-filter-layout .card__headline { margin-bottom: 0.25rem; } .team-filter-layout .card__heading { margin-bottom: 0.5rem; } .team-filter-layout .card__details { margin-top: 1.75rem; } .team-filter-layout.full-team .card__image-bg { height: 18rem; } .team-filter-layout .card__image-bg { height: 15rem; } .team-filter-layout .card__body { padding: 1.244rem 1.167rem 1.2rem; padding-right: 1rem; } .team-filter-layout .card__body .label { font-size: .7rem; } /*.team-filter-layout a.card__link.text-button { font-size: .8rem; }*/ .team-filter-layout a.card__link.text-button { position: relative; width: 100%; font-size: .8rem; font-weight: normal; color: var(--primary); letter-spacing: 0; text-transform: none; font-family: var(--gt-america); padding-right: 1rem; } .team-filter-layout a.card__link.text-button:hover { color: var(--dark-orange); } .team-filter-layout a.card__link.text-button::after { content: "\e9a2"; font-family: 'CD-Project-Icons' !important; position: absolute; right: 0; color: var(--dark-orange); font-size: .9rem; top: -0.1rem; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .team-filter-layout .label.teal { color: var(--teal); margin-bottom: 0.2rem; } .team-filter-layout .label.light-teal { color: var(--light-teal); } .team-filter-layout .pagination { width: 100%; } .filter-groups__container { padding: 1.0rem; background-color: var(--off-white); } .filter__grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-gap: 0.0rem .5rem; } @media (max-width: 1450px) and (min-width: 1101px) { /*.team-filter-layout .filter-search .filter-search__row { flex-flow: row wrap; } .team-filter-layout .filter-search .filter-search__row label { top: 34%; } .team-filter-layout .filter-search .button { width: 100%; }*/ } @media only screen and (max-width: 1100px) { .team-filter-layout.full-team .card-grid .card {width: 25%;} .team-filter-layout .card-grid .card {width: 25.0%;} .team-filter-layout .card__image-bg { /*height: 20rem;*/ } .team-filter-layout.full-team .card__image-bg { height: 15rem; } .team-posts-section span.now_showing { margin-top: 3rem; font-size: 1.25rem; } } @media only screen and (max-width: 900px) { .team-filter-layout .card-grid .card {width: 33.3%;padding: 0 0.6rem 1.875rem;} .team-filter-layout.full-team .card-grid .card {width: 33.3%;} .team-filter-layout .card__image-bg { height: 18rem; } .team-filter-layout.full-team .card__image-bg { height: 18rem; } } @media only screen and (max-width: 800px) { .team-filter-layout .filter-search .filter-search__row input { height: 42px; } .team-posts-section span.now_showing { margin-bottom: 1rem; font-size: 1.0rem; } .team-filter-layout .posts__row { margin-top: 2.722rem; } /*.team-filter-layout .card-grid .card {width: 33.3%;padding: 0 0.6rem 1.875rem;} .team-filter-layout .card__image-bg { height: 18rem; }*/ } @media only screen and (max-width: 640px) { .team-filter-layout .card-grid .card {width: 50%;padding: 0 0.6rem 1.875rem;} .team-filter-layout.full-team .card-grid .card {width: 50%;} .team-filter-layout .card__image-bg { height: 22rem; } .team-filter-layout.full-team .card__image-bg { height: 22rem; } } @media only screen and (max-width: 570px) { .team-filter-layout .card__image-bg { height: 18rem; } .team-filter-layout.full-team .card__image-bg { height: 18rem; } } @media only screen and (max-width: 400px) { .team-filter-layout .filter-search .filter-search__row { flex-flow: row wrap; } .team-filter-layout .filter-search .filter-search__row label { top: 34%; } .team-filter-layout .filter-search .button { width: 100%; } .team-filter-layout .card-grid .card {width: 100%;padding: 0 0.9375rem 1.875rem;} .team-filter-layout.full-team .card-grid .card {width: 100%;} .team-filter-layout .card__image-bg { height: 28rem; } .team-filter-layout.full-team .card__image-bg { height: 28rem; } } @media (min-width: 1101px) { .team-filter-layout .filter-groups { margin-top: 2rem; } .team-filter-layout { display: flex; flex-direction: column; gap: 3rem; align-items: flex-start; } .team-filter-layout .filter { align-items: flex-start; } .team-filter-layout .filter-groups { /*display: flex; flex-direction: row;*/ margin-top: 0; } .team-filter-layout .filter { width: 100%; } .team-filter-layout .posts__row { width: 100%; } }