@import url("https://use.typekit.net/iib4fuh.css"); /* Mixins and Effects */ @mixin flashy($seconds) { -webkit-transition: all $seconds ease-in-out; -moz-transition: all $seconds ease-in-out; -ms-transition: all $seconds ease-in-out; transition: all $seconds ease-in-out; } @mixin box-shadow($horz, $vert, $blur, $spread, $color) { -webkit-box-shadow: $horz $vert $blur $spread $color; -moz-box-shadow: $horz $vert $blur $spread $color; box-shadow: $horz $vert $blur $spread $color; } @mixin border-radius($tlpx, $trpx, $brpx, $blpx) { -webkit-border-radius: $tlpx $trpx $brpx $blpx; -moz-border-radius: $tlpx $trpx $brpx $blpx; -ms-border-radius: $tlpx $trpx $brpx $blpx; border-radius: $tlpx $trpx $brpx $blpx; } @mixin vertical-center() { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @mixin vertical-uncenter() { top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @mixin center-all() { top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } @mixin uncenter-all() { top: 0; left: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } #scsslib { display: none; } $black: 900; $bold: 600; $semibold: 500; $light: 300; $normal: 400; $primary: #d3ff01; $secondary: #5700ff; $lightgray: #f8f7f4; $medgray: #d8d8d6; $mainfont: "degular", sans-serif; $bodyfont: "degular-text", sans-serif; $headingfont: "degular-display", sans-serif; @import url("../assets/css/animate.css"); //@import url("../assets/css/animation-blocks.scss"); html, body { background-color: #fff; position: relative; overflow-y: visible; .site { position: relative; z-index: 1; } } p, main p { // line-height: 1.4em; letter-spacing: 1.2px; font-size: 1.3rem; line-height: 1.5em; } article.post p a { color: #5700ff !important; } h1, .h1 { font-size: 4.5rem; } h2, .h2 { font-size: 3.5rem; } .btn-primary { color: #d4ff00; a:visited, a:focus, a:active { color: #d4ff00 !important; } } header, main, footer { width: 100% !important; } .site__header-sticky { .site { padding-top: 165px !important; margin-top: 0px !important; } &.admin-bar.site__header-sticky { .site { padding-top: 0 !important; margin-top: 165px !important; &.has-alert { margin-top: 0 !important; main { padding-top: 186px; } .animation-overlay { margin-top: 0; } } } .site__header__container.has-alert { &.scroll-active { top: 32px !important; } } } } .section__banner-alt { margin-top: 0 !important; height: calc(100vh - 165px); min-height: 855px; .section__banner-breadcrumbs { color: transparent; opacity: 0; position: absolute; left: -9999px; visibility: hidden; clip-path: inset(50%); } } .section__banner--bordered { overflow: hidden; } .section__banner--bordered-bg { .grid { .col-lg-5 { } } } .grid { .grid { .grid-content-container { position: relative; &.has-modal { &:hover { img { border: 2px solid #5700ff; } .button-right { .modal-link, .btn-link, a { &:after { opacity: 1; background-image: url(../images/icon-arrow-purple.svg); } } } } } .leadership-grid-info { min-height: 59px; } img { border: 2px solid transparent; @include flashy(0.2s); } .button-right { //position: relative; position: absolute; bottom: 0; z-index: 3; @include flashy(0.2s); a { color: #000; text-decoration: none; } } .btn-link { text-decoration: none; text-transform: uppercase; font-weight: 600; color: #000; letter-spacing: 1px; font-family: "Degular", Helvetica, Arial, sans-serif; width: -webkit-fit-content; width: fit-content; display: inline-block; position: relative; &:after { content: ""; float: right; width: 16px; height: 10px; margin-top: 4px; margin-left: 4px; opacity: 0; background-image: url(../images/icon-arrow-purple.svg); background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; outline-width: 0; } } .modal-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .modal-popup { display: none; } } } } .aligncenter { margin-left: auto; margin-right: auto; } .dexian-language-switcher { opacity:0; } .dexian-language-switcher { margin-right:46px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; height:30px; padding:0 5px; border:1px solid #000; border-radius:15px; z-index:800; opacity:1; transition:opacity .25s ease; li { border-radius:15px; } a { position:relative; top:-1px; color:#000; margin:0; padding:2px 4px; text-decoration:none; font-size:.875rem; line-height:.875rem; } .wpml-ls-current-language { background-color:#000; a { color:#d4ff00; } } } .site__header__container { padding-bottom: 0; background-color: rgba(255, 255, 255, 0.5); min-height: 93px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); @include flashy(.2s); .site__header__logo { // max-width: 222px; // width: 222px; max-width: 130px; width: 130px; min-width: 22px; } &.has-alert { top: 80px; } } $dex-lime: #d4ff00; $dex-medgray: #666; $dex-lightgray: #ede8e3; #primary-nav-container { border-top: 1px solid #707070; border-bottom: 1px solid #707070; #primary-nav { .nav-menu { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; display: grid; width: 100%; .menu-item { padding: 10px 15px; position: relative; font-family: Degular, Helvetica, Arial, sans-serif; border-right: 1px solid #707070; font-size: 1.3rem; line-height: 1.5em; font-weight: 500; margin: 0; transition: padding .25s ease; transition-delay: .2s; a { text-decoration: none; color: #000; margin: 0; } &:nth-of-type(1) { background-color: $dex-lime; .sub-menu { background-color: $dex-lime; .menu-item { background-color: $dex-lime; a { color: #000; } &:hover, &.current-menu-item { color: #5700ff; a { color: #5700ff; } } } } } &:nth-of-type(2) { background-color: $dex-medgray; color: #fff; a { color: #fff; } .sub-menu { background-color: $dex-medgray; .menu-item { background-color: $dex-medgray; a { color: #fff; } &:hover, &.current-menu-item { color: #d3ff01; a { color: #d3ff01; } } } } } &:nth-of-type(3) { background-color: #5700ff; color: #fff; a { color: #fff; } .sub-menu { background-color: #5700ff; .menu-item { background-color: #5700ff; a { color: #fff; } &:hover, &.current-menu-item { color: $dex-lightgray; a { color: $dex-lightgray; } } } } } &:nth-of-type(4) { color: #fff; background-color: #000; a { color: #fff; } .sub-menu { background-color: #000; .menu-item { background-color: #000; a { color: #fff; } &:hover, &.current-menu-item { color: #d3ff01; a { color: #d3ff01; } } } } } &:nth-of-type(5) { background-color: $dex-lightgray; border-right: 1px solid #707070; .sub-menu { background-color: $dex-lightgray; .menu-item { background-color: $dex-lightgray; a { color: #000; } &:hover, &.current-menu-item { color: #5700ff; a { color: #5700ff; } } } } } &:nth-of-type(6), &:last-of-type { background-color: #fff; .sub-menu { background-color: #fff; .menu-item { background-color: #fff; a { color: #000; } } } } &.menu-item-has-children { &:after { content: "\2191"; top: 15px; position: absolute; right: 15px; font-size: 1.75rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); transition: left .5s ease .15s, right .25s ease; transition-delay: .2s; } &:hover { .sub-menu { display: block; } } .sub-menu { display: none; position: absolute; left: -1px; top: 51px; width: calc(100% + 2px); transition: left .5s ease .15s, right .25s ease; border-left: 1px solid #707070; border-top: 1px solid #707070; font-weight: normal; li { font-size: 1.065rem; border-bottom: 1px solid #707070; padding: 5px 15px; line-height: 1.5em; } } } &.two-col { ul { width: calc(200% + 3px) !important; grid-gap: 0; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; column-count: 2; li { &:last-of-type { border-bottom: none; } } } } } } } } .section_benefits-list { &.three-col { ul { grid-template-columns: 1fr 1fr 1fr; } } &.two-col { ul { grid-template-columns: 1fr 1fr; } } &.one-col { ul { grid-template-columns: 1fr; } } ul { display: grid; grid-template-columns: 1fr 1fr 1fr; -webkit-columns: 1; columns: 1; grid-gap: 50px 0; li { ul { margin-top: 34px; margin-left: 18px; grid-gap: 0; grid-template-columns: 1fr !important; li { background-image: none; background-size: auto; padding: 0 0 0 5px; min-height: unset; display: list-item !important; list-style: disc !important; &:last-of-type { margin-bottom: 0; } } } } } li { font-size: 1.3rem; line-height: 1.5em; background-image: url('https://lintechglobal.wpenginepowered.com/wp-content/uploads/2024/08/icon-benefit-1.svg'); margin-bottom: 0; background-position: top left !important; align-items: baseline !important; } p + ul { margin-top: 50px; } ul + p { margin-top: 34px; } h2 + ul { margin-top: 50px; } } .section_content-2-columns { p a, ul a, ol a { color: #5700FE; @include flashy(.2s); &:hover { text-shadow: 0 0 0.65px #5700FE, 0 0 0.65px #5700FE; } } ul, ol { li { letter-spacing: 1.2px; font-size: 1.3rem; line-height: 1.5em; } } .grid { .grid { .col-lg-6:nth-of-type(2) { padding-left: 6%; } } } .btn-primary { color: #d4ff00; background-color: #000; &:hover { text-shadow: 0 0 .65px #d4ff00, 0 0 .65px #d4ff00; } } } .section_heading-3-columns, .section_content-2-columns, .section_contact-form, .section_content-single { background-size: cover !important; background-repeat: no-repeat; } .section_content-single { p + .h4, p + h4 { margin-top: 1.5em; } ul, ol { letter-spacing: 1.2px; font-size: 1.3rem; line-height: 1.5em; } a { color: #5700FE; @include flashy(.2s); &:hover { text-shadow: 0 0 0.65px #5700FE, 0 0 0.65px #5700FE; } } .btn { color: #D3FF01; &:hover, &:visited, &:focus, &:active { text-shadow: 0 0 0.65px #D3FF01, 0 0 0.65px #D3FF01; } } .simple-sitemap-container ul li { br { display: none; } } } .section_blogposts { .tns-controls { &:active, &:hover, &:focus { outline: unset; } > button { &:active, &:hover, &:focus { outline: unset; } } } } .section_heading-3-columns { .heading-one-content + .heading-two-content { padding-top: 34px; } .heading-one-content { h4 { margin-bottom: 15px; } h4 + p:first-of-type { margin-top: 60px; } } } .section_heading-3-columns-full { .column-content { &.no-button { border-bottom: 1px solid #000; } h4 + ul { margin-top: 24px; } ul, ol { letter-spacing: 1.2px; font-size: 1.3rem; line-height: 1.5em; } } } .section_slider_3_cols { overflow: hidden; } .section_services-row { overflow: hidden; .slider-item, #tns2 > .tns-item { overflow: hidden; } img { max-height: 90px; width: min-content !important; height: 90px; } h4, .h4 { font-size: 2rem; } } .section_contact-form { .form-graphic-container object { position: relative; left: -20px; opacity: 1 !important; margin-top: -40px; margin-bottom: -30px; } .gform_confirmation_message { font-size: 1.0625rem; line-height: 1.4em; letter-spacing: 1.2px; font-family: Degular, Helvetica, Arial, sans-serif; } .gform_wrapper, &.gform_wrapper.gravity-theme { .gfield_label { line-height: 1.4em !important; letter-spacing: 1.2px; font-size: 18px !important; font-weight: 400 !important; } .animated-label { .gfield_label { font-weight: normal; font-size: 18px; margin-bottom: 2px; top: 30px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; visibility: hidden; position: relative; &.animated-label-active { top: 0; opacity: 1; visibility: visible; margin-bottom: 3px; } } &.field_sublabel_above { legend { display: none; } label { position: relative; top: 30px; opacity: 0; transition: 0.5s; visibility: hidden; margin-bottom: 3px; font-size: 18px; } label.animated-label-active { top: 0; opacity: 1; visibility: visible; margin-bottom: 3px; } } } input[type="text"], input[type="email"], input[type="tel"] { padding: 8px 16px !important; border: 1px solid #000; line-height: 1.5em; border-radius: 4px !important; background-color: #fff; line-height: 1.4em; letter-spacing: 1.2px; font-size: 1.0625rem; } select, textarea { border: none; padding: 8px 16px !important; font-size: 18px !important; line-height: 1.4em !important; &:hover, &:focus { label { top: 0; opacity: 1; visibility: visible; margin-bottom: 3px; } } option { font-size: 18px; line-height: 1.4em; } } &.gravity-theme { .gfield_label { line-height: 1.4em !important; letter-spacing: 1.2px; font-size: 18px !important; font-weight: 400 !important; } } .gfield--type-select, .gfield--type-textarea { margin-top: 15px; } .gform_fields { display: grid; grid-column-gap: 2%; -ms-grid-columns: (1fr 2%) [12]; grid-row-gap: 16px; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(auto-fill, auto); width: 100%; } .gform_button { margin-top: 15px; } } .gform_footer .gform_button, .gform_button { display: inline-block; min-width: 120px !important; padding: 14px !important; border-radius: 28px !important; border: 1px solid transparent; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 17px !important; font-weight: 500; line-height: 1.125rem !important; transition: box-shadow 0.25s, background-color 0.25s, color 0.25s, text-shadow 0.25s; cursor: pointer; margin-top: 15px; color: #d4ff00 !important; background-color: #000 !important; &:hover { text-shadow: 0 0 0.65px #d4ff00, 0 0 0.65px #d4ff00; } } } .accordions-block { padding: 150px 0; position: relative; .accordion-block-content + .accordions-group { padding-top: 2em; } .accordion { padding: 0; margin-bottom: 10px; position: relative; &.clicked { .accordion-content { height: auto; max-height: 100vh; opacity: 1; padding-top: 10px; padding-bottom: 10px; @include flashy(.0s); hr { margin-top: 20px; margin-bottom: 20px; } img { margin-top: 5px; margin-bottom: 20px; height: auto; } p, ol, ul, ul li, ol li { margin: 0 0 10px; height: auto; } ul, ol { margin-left: 16px; } p + table { margin-top: 30px; } a { //color: $primary; font-weight: 600; &:hover { color: $secondary; } } .gallery, h1, h2, h3, h4, h5, h6, h7, h8, h9, ul, ol, li, p, hr, img { // height: 100%; } } .accordion-title { &:after { content: "\002D"; font-size: 50px; margin-top: -4px; } } &.has-content .accordion-title:after { content: "\002D"; } } &.has-content { .accordion-title:after { content: "\002B"; padding-left: 10px; top: 2px; font-size: 24px; position: relative; @include flashy(.2s); } } &.no-content { .accordion-title { padding-top: 10px; } } .accordion-title { padding: 10px 0 10px; border-top: 1px solid #000; text-align: left; margin-bottom: 0; //color: $primary; position: relative; cursor: pointer; font-weight: 500; font-size: 21px; .title-container { width: calc(96% - 28px); p { font-weight: $bold; } } p { margin: 0; width: 92%; } &:after { content: "\002B"; position: absolute; right: 4%; font-size: 28px; margin-top: 5px; //font-weight: $light; @include vertical-center(); } &:focus { outline: none; } } .accordion-content { padding: 0; height: 0; max-height: 0; opacity: 0; @include flashy(.2s); outline: none; margin-top: 0; margin-bottom: 0; //color: $secondary; &:focus { outline: none; } h1, h2, h3, h4, h5, h6, h7, h8, h9, ul, ol, li, p, hr, img, .gallery { margin-top: inherit; margin-bottom: inherit; height: 0; color: inherit; } img { margin-top: 0; margin-bottom: 0; height: 0; } hr { margin: 0; } p { margin: 0; height: 0; } ol, ul { margin-bottom: 0; list-style: inherit; margin-left: 16px; li { margin-bottom: 0; list-style: inherit; letter-spacing: 1.2px; font-size: 1.3rem; line-height: 1.5em; } } } } } .section_heading-featured-content { background-color: #fff; padding:0; margin: 0; max-width: 100%; .featured-content-header { display: none; //font-family: "Degular", Helvetica, Arial, sans-serif; //font-size: 35px; font-family: 'Degular Display', Helvetica, sans-serif; letter-spacing: 1px; font-size: 1.5625rem; font-weight: 500; text-align: center; width: 90%; margin: 34px auto 34px; } .featured-content-callouts { // grid-template-columns: 1fr 1fr 1fr; display: grid; grid-gap: 0; align-items: start; grid-auto-flow: row dense; border-bottom: 1px solid #707070; background-color: #fff; position: relative; .featured-content { border-top: 1px solid #707070; height: 100%; // border-right: 1px solid #707070; // &:last-of-type { // border-right: none; // } &:before { content: ""; background-color: #707070; width:1px; height: 100%; position: absolute; top: 0; &:first-of-type { display: none; } } &.has-image { .ft-content-container { grid-template-columns: 200px calc(100% - 220px); display: grid; grid-gap: 0 20px; align-items: start; grid-auto-flow: row dense; padding: 40px 30px; .callout-image { padding-bottom: 65%; background-size: cover !important; background-position: center center; } } } .callout-title { font-weight: 600; margin-bottom: 15px; font-size: 20px; } .callout-content + .button-container { margin-top: 15px; } .callout-title + .callout-content { margin-top: 24px; } } } .slick-dots { position: relative; text-align: center; padding: 0; outline: none; li { display: inline-block; margin-right: 15px; padding-top: 0; padding-bottom: 24px; outline: none; &:last-of-type { margin-right: 0; } &.slick-active, &:hover { button { background-color: #000; } } } button { -webkit-appearance: unset; -moz-appearance: unset; appearance: unset; border: 1px solid #ccc; background-color: #ccc; font-size: 0; height: 12px; width: 12px; line-height: 0; padding: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } button[aria-label="1 of 1"] { display: none; } } .slick-prev, .slick-next { position: absolute; @include vertical-center(); top: calc(50% - 50px); z-index: 999; font-size: 0; color: #fff; font-weight: $bold; font-size: 0; -webkit-appearance: unset; -moz-appearance: unset; appearance: unset; background-color: transparent; color: #000; border: none !important; outline: unset; width: 30px; } .slick-prev { left: -4%; &:before { content: ""; background-image: url(../images/icon-arrow.svg); background-repeat: no-repeat; background-size: contain; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 20px; width: 20px; left: -2%; float: left; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } } .slick-next { right: -4%; &:after { content: ""; background-image: url(../images/icon-arrow.svg); background-repeat: no-repeat; background-size: contain; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 20px; width: 20px; right: -2%; float: right; } } } .custom-tables-section { .container { max-width: 1270px; margin: 0 calc(65px - 20px); } .custom-table-container { overflow: auto; .table { .table-body { .table-row { .table-cell { max-width: 400px; a { overflow-wrap: break-word; } } } } } } .table { width: 100%; display: table; &.version-table { .table-head { .table-heading { &:first-of-type { width: 35.28%; text-align: left; } } } .table-body { .table-row { .table-cell { &:first-child { text-align: left; } p { &:first-of-type { margin-top: 0; } &:last-of-type { margin-bottom: 0; } } } } } } .table-head, .table-body { display: table-row-group; } .table-row { display: table-row; .table-heading, .table-cell { display: table-cell; padding: 1em 15px; border-right: 1px solid $medgray; } } .table-head { .table-heading { background-color: $darkgray; font-weight: $bold; color: #fff; border-bottom: 1px solid $medgray; text-align: left; } } .table-body { .table-row { &:nth-child(even) { background-color: $lightgray; } .table-cell { text-align: left; &:first-child { border-left: 1px solid $medgray; } } &:last-child { .table-cell { border-bottom: 1px solid $medgray; } } } } } } .pie-chart-block { padding: 4.5em 0; .pie-chart { position: relative; width: 100%; min-height: 350px; margin: 0; outline: 1px solid #d8d8d6; h2 { position: absolute; margin: 1rem; } figcaption { position: absolute; bottom: 30px; right: 30px; font-size: 17px; text-align: right; } span:after { display: inline-block; content: ""; width: 0.8em; height: 0.8em; margin-left: 0.4em; height: 0.8em; border-radius: 0.2em; background: currentColor; } } } .icons-grid-block { border-top: 1px solid #707070; margin: 0; max-width: 100%; padding: 6em 0 4.5em; .section-inner { max-width: 1270px; margin: 0 auto; } .section-inner-container { padding: 0 4%; .section-heading-container { margin-bottom: 2em; } .icons-grid { grid-auto-flow: row dense; display: grid; position: relative; &.three-columns-count { grid-template-columns: 1fr 1fr 1fr; &.align-right { margin-left: 30%; width: 70%; grid-gap: 24px; } &.align-center { margin: 0 auto; width: 70%; } &.show-borders { grid-gap: 24px; .icon-grid-callout { border: 1px solid #D9D9D9; min-height: 120px; display: grid; align-items: center; } } .icon-grid-callout { display: grid; align-items: center; padding: 0 20px; grid-gap: 20px; } .callout-block { .callout-image-container { max-width: 84%; img { max-width: 100%; margin: 0 auto; } } } .callout-icon { margin: 0 auto; img { max-width: 100%; width: 100%; margin: 0 auto; } } } &.five-columns-count { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; &.show-borders { grid-gap: 24px; padding-top: 2.5em; .icon-grid-callout { border: 1px solid #D9D9D9; display: grid; align-items: center; padding: 0 20px; min-height: 100px; } } &.smaller-icons { align-items: center; grid-gap: 30px; .icon-grid-callout { .callout-icon { margin: 0 auto; img { max-width: 150px; height: auto; margin: 0 auto; } } } } .callout-icon { margin: 0 auto; } } .icon-grid-callout { .callout-title { margin-top: 24px; margin-bottom: 34px; text-align: center; font-weight: 500; line-height: 1.25em; font-size: 1.0625rem; } } } } } .section__number { opacity: 0; } .home { &.site__header-sticky { .site { padding-top: 240px; margin-top: -15px; } } &.admin-bar.site__header-sticky { .site { padding-top: 0; margin-top: 165px; } } .section__banner { position: relative; min-height: 600px; height: auto; margin: -50px auto 0; overflow: hidden; .banner { figure { max-height: 440px; } } .section__banner-home-content { h1 { font-size: 4rem; margin-bottom: 0.3em; } .btn-group { margin-top: 50px; } } .home-video-container { position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 100%; iframe { width: 230%; position: absolute; top: 0; left: -30%; height: 100%; border: none; } } } // #section-2 { // border-top: none !important; // border-bottom: none !important; // } } /* Fix Padding */ .section_content-single + .section_content-2-columns.bg-white { border-top: 1px solid #707070; } .section__banner--bordered + .section_benefits-list.border-horizontal, .section_benefits-list.border-horizontal + .section_benefits-list.border-horizontal { border-top: none; } .icons-grid-block + .section_content-2-columns { border-top: 1px solid #707070; } @media (min-width: 1400px) { .home { .section__banner { margin: 0 auto !important; } } } @media screen and (max-height: 900px) and (min-width: 1260px) { .section__banner--bordered-bg { min-height: 500px; max-height: 100%; } .section__banner--bordered, .section__banner--jobs { min-height: calc(800px - 168px); .banner { min-height: calc(800px - 168px); } } } @media (min-width: 1260px) { .dexian-language-switcher { margin-right:60px; margin-right:20px; } .home { &.site__header-sticky { .site { margin-top: -30px; padding-top: 0; } } .section__banner { margin: 0 !important; } } .site__header-sticky { .site { } &.page-template-default, &.blog, &.page-template-header-bg, &.page-template-job-search, &.page-template-page-locations-landing, .page-template-internal-job-search { .site.has-alert { } } &.home { .site.has-alert { padding-top: 145px; } } } .section__banner { height: calc(100vh - 168px); } .section__banner-alt { height: calc(100% - 165px) !important; } .section__banner--bordered, .section__banner--jobs { .grid>.col-sm-12:first-child:after { top: 0 !important; } } } @media (min-width: 1025px) { .dexian-language-switcher a { padding:2px 12px; font-size:1rem; line-height:1rem; } .site__header__search.active input[type="search"] { width: 350px; height: 48px; } .site__header__search.active input[type="submit"] { top: 14px; right: 16px; width: 22px; height: 22px; } .site__header__search input[type="submit"] { position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; border: 0; background-repeat: no-repeat; background-image: url("../images/icon-search.svg"); background-color: transparent; background-size: contain; -webkit-transform: rotate(-290deg); -ms-transform: rotate(-290deg); transform: rotate(-290deg); text-indent: -200vw; overflow: hidden; transition: 0.25s; cursor: pointer; pointer-events: none; } div.site__header__search input[type="submit"].ios-only { right: -2px; top: 15px; } .site__header__search.active + .dexian-language-switcher { opacity: 0; visibility: hidden; } .home { &.site__header-sticky { .site { margin-top: 0px; padding-top: 128px; } } .section__banner { margin: 0 !important; .section__inner { padding-bottom: 0; padding-top: 25px !important; } .home-video-container { padding-bottom: 110%; iframe { width: 213%; left: -52%; } } .banner { figure { margin-top: 0; margin-bottom: 0; } } } } .section__banner-alt { min-height: 855px !important; } .section__banner--bordered-bg { width: calc(60% + 25px); top: 0 !important; height: 100%; } } .page-id-38 { .section__banner.section__banner--bordered { height: 100%; min-height: 800px; .section__banner--bordered-bg { height: 100%; background-size: cover !important; } .banner { height: 100%; min-height: 800px; } } #block-0.section_heading-3-columns { .grid .grid .grid-content-container img { margin-left: 0; margin-right: 0; } } } .page-id-118 { .icons-grid-block { .section-inner-container { .icons-grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; .icon-grid-callout { img { max-height: 125px; text-align: center; margin: 0 auto; } } } } } #section-2, #section-3 { border-top: 1px solid #000; } } .page-id-707 { #block-0, #block-1 { &.section_heading-3-columns { .grid { .col-sm-12.col-lg-4 { position: relative; padding-bottom: 20px; } .grid { .grid-content-container { position: unset; display: grid; } } } } } } .modal-popup { width: 84%; .before-main { p { &:first-of-type { margin-top: 0; } &:last-of-type { margin-bottom: 0; } } } .linkedin { padding: 0; margin: 8px 0 24px; position: relative; &:before { //content: "\f08c"; color: #027bb6; font-size: 24px; //font-family: "Font Awesome 6 Brands"; //font-weight: 600; background-image: url(../images/linkedin-icon.png); background-size: contain !important; content: "" !important; width: 22px; height: 22px; display: block; background-repeat: no-repeat; } a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .modal-content-main { p:last-of-type { margin-bottom: 0; } } } .archive.category { &.admin-bar.site__header-sticky .site { padding-top: 125px; } } .blog, .archive.category { &.site__header-sticky .site { margin-top: 0; padding-top: 165px; } .alm-listing.grid { grid-template-columns: 1fr; .blogpost-column-inner { grid-template-columns: 27% 70%; grid-gap: 0 3%; grid-auto-flow: row dense; display: grid; } .blogpost-image { border: 2px solid transparent; &.has-thumb:hover { border: 2px solid #000; border-bottom: 2px solid #000 !important; } } .blogpost-column-content { h5 { margin-bottom: 20px; a { color: #000; text-decoration: none; outline: none; &:hover { cursor: pointer; } } } .excerpt { margin-bottom: 25px; p { &:last-of-type { margin-bottom: 0; } } } } } .section__banner { margin: 0; padding: 5em 0 !important; background-position: right bottom; height: 100%; &.lime-text { color: #d3ff01; h1, h2 { color: #d3ff01; } } &.black-text { color: #000; h1, h2 { color: #000; } } h1 { margin-bottom: 0; } h2 { color: #fff; margin: 0; font-size: 24px; letter-spacing: 1.3px; } } .site__header__search { display: none; input[type="submit"] { display: none; } } .featured-content-items { padding: 3em 0; border-bottom: 1px solid #000; .featured-content-header { font-family: "Degular",Helvetica,Arial,sans-serif; font-size: 35px; font-weight: 500; text-align: center; width: 90%; margin: 0 auto 34px; } .slick-dots { position: relative; text-align: center; padding: 0; outline: none; li { display: inline-block; margin-right: 15px; padding-top: 24px; outline: none; &:last-of-type { margin-right: 0; } &.slick-active, &:hover { button { background-color: #000; } } } button { -webkit-appearance: unset; -moz-appearance: unset; appearance: unset; border: 1px solid #ccc; background-color: #ccc; font-size: 0; height: 12px; width: 12px; line-height: 0; padding: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } button[aria-label="1 of 1"] { display: none; } } .slick-prev, .slick-next { position: absolute; @include vertical-center(); top: calc(50% - 50px); z-index: 999; font-size: 0; color: #fff; font-weight: $bold; font-size: 0; -webkit-appearance: unset; -moz-appearance: unset; appearance: unset; background-color: transparent; color: #000; border: none !important; outline: unset; width: 30px; } .slick-prev { left: -4%; &:before { content: ""; background-image: url(../images/icon-arrow.svg); background-repeat: no-repeat; background-size: contain; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 20px; width: 20px; left: -2%; float: left; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } } .slick-next { right: -4%; &:after { content: ""; background-image: url(../images/icon-arrow.svg); background-repeat: no-repeat; background-size: contain; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 20px; width: 20px; right: -2%; float: right; } } .featured-content-items-container { width: 90%; margin: 0 auto; &.rows-1 { &.slick-slider { width: 100% !important; transform: none !important; .slick-track { width: 100% !important; transform: none !important; } .featured-content { width: 90% !important; margin: 0 auto !important; float: none; } } } &.rows-2 { } .featured-content { outline: none; width: calc(50% - 4px); display: inline-block; .ft-content-container { grid-template-columns: 250px calc(96% - 250px); grid-gap: 0 4%; grid-auto-flow: row dense; display: grid; align-items: start; .callout-image { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; min-height: 175px; } .callout-title { font-family: 'Degular Display', Helvetica, sans-serif; font-weight: 600; font-size: 24px; letter-spacing: 1px; } .callout-content { line-height: 1.5em; padding: 15px 0; width: 90%; } } } } } .resource-center-listings { width: 90%; margin: 0 auto; .content-left-right { grid-template-columns: calc(270px) calc(98% - 270px); grid-gap: 0% 2%; grid-auto-flow: row dense; display: grid; //width: calc(100% - 40px); margin: 0 auto; .rc-filters { margin: 0; padding: 4em 0; } .rc-filters-groups { .mobile-label { display: none; &.close-button { padding-bottom: 0; float: right; top: 0; right: 0; line-height: 0; font-size: 30px; font-weight: 300; font-family: Helvetica; } &.bottom-buttons { position: fixed; bottom: 0; width: 100%; left: 0; padding: 20px 30px; .submit { display: none; a { color: #000; text-decoration: none; } } } } .filters-group { line-height: 1.3em; font-size: 16px; &.sort-input { .facetwp-facet { position: relative; margin-bottom: 15px; input { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-left: 1px solid #d8d8d6; border-right: 1px solid #d8d8d6; border-top: 1px solid #d8d8d6; border-bottom: 1px solid #d8d8d6; &.facetwp-autocomplete { display: block; padding: 5px 10px; width: calc(100% - 20px); -webkit-appearance: unset; -moz-appearance: unset; -ms-appearance: unset; appearance: unset; } &.facetwp-search { -webkit-appearance: unset; -moz-appearance: unset; -ms-appearance: unset; appearance: unset; padding: 5px 30px 6px 10px; } } .facetwp-autocomplete-update { position: absolute; top: 7px; right: 30px; background-color: transparent; border: none; font-size: 0; background-image: url(/wp-content/themes/dexian/scss/../images/icon-search.svg); background-repeat: no-repeat; height: 24px; background-size: contain !important; width: 14px; padding: 0; } } } &.sort-service { .facetwp-checkbox[data-value="talent-development-vertical"] { display: none; } } &.clear-filters { margin-bottom: 30px; a { color: #000; text-decoration: underline; text-underline-position: under; } } label { text-transform: uppercase; font-weight: 500; } .facetwp-facet { margin: 5px 0 30px; .facetwp-counter { display: none; } } } .facetwp-selections { margin-bottom: 15px; .facetwp-selection-label { display: none; } .facetwp-selection-value { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-left: 1px solid #d8d8d6; border-right: 1px solid #d8d8d6; border-top: 1px solid #d8d8d6; border-bottom: 1px solid #d8d8d6; padding: 5px 28px 5px 10px; background-position: bottom 6px right 8px; background-size: 12px 12px; } } } .rc-list-results { padding: 4em 0; margin: 0; position: relative; .mobile-filters { display: none; .filter-button { float: right; position: relative; z-index: 5; button { -webkit-appearance: unset; -moz-appearance: unset; -ms-appearance: unset; appearance: unset; background-color: unset; border: unset; text-decoration: underline; text-underline-position: under; text-transform: uppercase; } } .sort-input { .facetwp-input-wrap { display: block; width: calc(95% - 65px); } .facetwp-facet { position: relative; margin-bottom: 15px; .facetwp-icon { right: 6px; } input { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-left: 1px solid #d8d8d6; border-right: 1px solid #d8d8d6; border-top: 1px solid #d8d8d6; border-bottom: 1px solid #d8d8d6; width: 100%; display: block; &.facetwp-autocomplete { display: block; padding: 5px 10px; width: calc(100% - 20px); -webkit-appearance: unset; -moz-appearance: unset; -ms-appearance: unset; appearance: unset; } &.facetwp-search { -webkit-appearance: unset; -moz-appearance: unset; -ms-appearance: unset; appearance: unset; padding: 5px 30px 6px 10px; } } .facetwp-autocomplete-update { position: absolute; top: 7px; right: 30px; background-color: transparent; border: none; font-size: 0; background-image: url(/wp-content/themes/dexian/scss/../images/icon-search.svg); background-repeat: no-repeat; height: 24px; background-size: contain !important; width: 14px; padding: 0; } } } .clear-filters { margin-bottom: 30px; a { color: #000; text-decoration: underline; text-underline-position: under; } } .facetwp-selections { margin-bottom: 15px; .facetwp-selection-label { display: none; } .facetwp-selection-value { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-left: 1px solid #d8d8d6; border-right: 1px solid #d8d8d6; border-top: 1px solid #d8d8d6; border-bottom: 1px solid #d8d8d6; padding: 5px 28px 5px 10px; background-position: bottom 6px right 8px; background-size: 12px 12px; } } } .result-count { display: inline-block; .count { .facetwp-counts { display: inline-block; } } h4 { font-size: 18px; letter-spacing: 1.3px; margin-bottom: 0; line-height: 1.5em; } } .view-toggle-container { position: relative; } .view-toggle { float: right; top: 5px; position: absolute; right: 0; width: 50px; .toggle { height: 20px; width: 20px; background-size: contain !important; background-repeat: no-repeat; opacity: 0.6; &:hover, &.active { opacity: 1; } } .list-view { background: url(/wp-content/uploads/2024/02/list-svgrepo-com.webp); float: left; } .grid-view { background: url(/wp-content/uploads/2024/02/view-grid.webp); float: right; } } &.grid-layout { .resource-center-posts-layout { .row-holder { grid-template-columns: 1fr 1fr 1fr; grid-gap: 0% 2%; grid-auto-flow: row dense; display: grid; .resource-center-post { .post-content-container { display: block; .blogpost-image { padding-bottom: 70%; width: 100% !important; height: 0; } .post-content { padding-top: 20px; } } } } } } } .resource-center-posts-layout { .row-holder { .resource-center-post { margin-bottom: 40px; .post-content-container { //grid-template-columns: 35% 61%; grid-template-columns: 210px calc(96% - 210px); grid-gap: 0 4%; grid-auto-flow: row dense; display: grid; .category-terms { text-transform: uppercase; padding-bottom: 15px; font-family: "Degular",Helvetica,Arial,sans-serif; letter-spacing: 1.2px; .cat-term { } } .blogpost-image { //min-height: unset; //min-height: 180px; //height: 100%; width: 210px; height: 210px; padding-bottom: 0; background-position: top center !important; position: relative; border: 2px solid transparent; @include flashy(.1s); .blog-image-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; outline: none; } &.has-thumb { &:hover { border: 2px solid #000; } } } .post-content { .rc-post-title { font-size: 24px; line-height: 1.2em; margin: 0 0 15px; a { color: #000; text-decoration: none; } } .excerpt-container { margin-bottom: 15px; line-height: 1.5em; .read-more { display: none; } } } .btn-link { &:hover { text-decoration: underline; text-underline-position: under; } &:after { width: 20px; height: 15px; margin-top: 2px; margin-left: 8px; } } } } } } } } .facetwp-load-more { display: inline-block; min-width: 120px; padding: 6px 14px 5px; font-size: 13px !important; border-radius: 28px; border: 1px solid transparent; text-transform: uppercase; text-decoration: none; text-align: center; font-size: .875rem; font-weight: 500; line-height: 1.125rem; color: #fff; background-color: #000; transition: box-shadow .25s ease, background-color .25s ease, color .25s ease, text-shadow .25s ease; cursor: pointer; &.facetwp-hidden { display: none; } &:hover { } } } #form_immigrationletters { .frm4, .frm_third, .frm_form_field.frm_two_fifths, .frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm_left_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_right_third, .frm_form_field.frm_first_third, .frm_form_field.frm_last_third { grid-column: span 6 / span 6; } .frm3, .frm_fourth, .frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm_left_fourth, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_right_fourth, .frm_form_field.frm_first_fourth, .frm_form_field.frm_last_fourth { grid-column: span 6 / span 6; } } .page-id-1966, .page-id-2015, .single-frm_display, .page-template-blank { .site__header-sticky .site__header__container, header { position: relative !important; display: none !important; } &.admin-bar.site__header-sticky .site { margin-top: 0 !important; } footer { display: none; } .admin-bar.site__header-sticky .site { margin-top: 0; } .section__banner-alt { height: 100% !important; } main { .grid-center { width: 84%; margin: 0 auto; display: block !important; } } // .lettercontents, #print-immigration .lettercontents { // margin-left: 0 !important; // margin-top: 0 !important; // } // #print-immigration { // #frm_container_1 div, div, .lettertype div div { // float: none !important; // width: auto !important; // } // } .section__banner { height: 100vh; } .site-logo { margin-left: 6%; } .blank-content { background-size: cover !important; } .blank-section-main { margin: 0 !important; height: 100vh; padding-bottom: 0 !important; padding-top: 0 !important; margin: 140px 0 0 !important; } .blank-content { .blank-section-info { margin-left: 11%; margin-right: 5.5%; h1 { display: none !important; } } .section { &.blank-section-main { margin-top: 0 !important; } } } .frm_forms { fieldset { border: none; margin: 0; padding: 0; } } } .page-id-1966 { .section__banner-alt { padding-top: 3em !important; background-size: cover !important; margin-top: 0 !important; } .section__banner-content { h1 { display: none; &.keep-title { display: block; font-size: 60px; margin-bottom: 0; } } h2 { line-height: 1.5em; font-size: 30px; } } } /* Financial Management */ .page-id-654 { .section_benefits-list { ul { -webkit-columns: 1; columns: 1; grid-template-columns: 1fr !important; } } } .page-id-2015 { .site { margin-top: 0 !important; } .section__banner-alt { padding-top: 3em !important; background-size: cover !important; margin-top: 0 !important; } .section__banner-content h1 { display: none !important; } // main { // .grid-center { // width: auto; // margin: 0 auto; // display: grid !important; // align-items: initial; // } // } } .page-template-blank { .site__header-sticky .site__header__container { position: relative !important; } .admin-bar.site__header-sticky .site { margin-top: 0; } } .page-template-header-bg { .site { background-color: #000; padding-top: 0 !important; margin-top: 125px !important; &:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; } } .site.has-alert { margin-top: 170px !important; } .header-bg-section { position: relative; height: 900px; padding-bottom: 125px; color: #fff; .logo-mark-container { text-align: center; position: relative; z-index: 3; padding-top: 165px; .logo-mark { } img { margin: 0 auto; max-width: 135px; height: auto; } } .background-image { background-size: contain !important; background-position: bottom center !important; background-repeat: no-repeat !important; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; &.below { z-index: 1; } &.before { z-index: 4; opacity: 0.33; } } .tag-container { position: relative; z-index: 3; color: #fff; text-align: center; padding-top: 200px; h1 { text-transform: uppercase; letter-spacing: 6px; margin: 0; font-size: 130px; line-height: 1.5em; } } } .section__banner { color: #fff; height: 100% !important; padding-top: 0; margin-top: 0; a { color: #fff; } .container { } h2 { font-weight: 500; line-height: 1.4em; font-size: 40px; font-family: degular-display, sans-serif; color: #4a2df1; } p { line-height: 1.5em; font-size: 18px; } } } .navigation__main-item--submenu-wrap, .navigation__main-menu, .navigation__main-menu__wrapper { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ overflow-y: unset; } .navigation__main .navigation__main-menu__wrapper .navigation__main-item { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; overflow: hidden; } .navigation__main-menu nav .navigation__main, .navigation__main { overflow: hidden !important; -ms-overflow-style: none !important; /* for Internet Explorer, Edge */ scrollbar-width: none !important; } .home.site__header-sticky .site { overflow: hidden; margin-top: 0; } .page-template-job-search, .page-template-internal-job-search { font-family: $bodyfont; &.admin-bar.site__header-sticky .site { padding-top: 200px; } .site.has-alert { padding-top: 290px; } .site__header__container { &.has-alert { top: 50px; &.scroll-active { top: 0px; } } } .site__footer { position: relative; z-index: 2; } .job-search-results { .background-image { position: fixed; height: calc(100% + 200px); width: 100%; top: -200px; overflow: hidden; left: 0; background-size: cover !important; } .search-container { position: relative; z-index: 2; margin: 0 auto; width: 89%; font-family: $bodyfont; .facet-search-group-container { position: relative; } .submit-button-container { width: 120px; max-width: 120px; position: absolute; top: 0; right: 0; text-align: right; .fwp-submit { display: inline-block; min-width: 120px; padding: 14px; border-radius: 28px; border: 1px solid transparent; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; color: #d4ff00; background-color: #000; transition: box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, text-shadow 0.25s ease; cursor: pointer; &:hover { text-shadow: 0 0 0.65px #d4ff00, 0 0 0.65px #d4ff00; } } } .facet-search-group { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0; grid-auto-flow: row dense; width: calc(95% - 120px); .filter-facet { &:first-of-type { input[type="text"] { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-left: 1px solid #d8d8d6; border-top: 1px solid #d8d8d6; border-bottom: 1px solid #d8d8d6; } .facetwp-autocomplete-update { display: none; } } &:last-of-type { input[type="text"] { border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-top: 1px solid #d8d8d6; border-bottom: 1px solid #d8d8d6; border-right: 1px solid #d8d8d6; border-left: none; } .facetwp-autocomplete-update { position: absolute; right: 3px; top: 3px; border: 1px solid #000; color: $primary; background-color: #000; -webkit-border-radius: 30px; -ms-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 14px 20px; font-size: 14px; text-transform: uppercase; } } } .fcomplete-wrap { border: 1px solid $medgray; } .fcomplete-result, .fcomplete-status { padding: 10px 20px; border: none; font-size: 16px; } .facetwp-facet { input[type="text"] { width: 100%; background-color: $lightgray; border-color: #d8d8d6; padding: 15px 20px; font-size: 17px; } input[type="text"]::placeholder { color: #000; } } } .environment-type-facet { padding: 10px 20px 6px; background-color: $lightgray; float: right; .facetwp-checkbox { display: inline-block; margin-left: 15px; } .filter-label { display: inline-block; font-size: 14px; text-decoration: underline; font-weight: $bold; } .facetwp-facet { display: inline-block; margin-bottom: 0; } } .content-left-right { display: grid; grid-template-columns: 25% 70%; grid-gap: 0 5%; grid-auto-flow: row dense; .job-listings-results { //margin-top: 70px; } .content-left { font-size: 17px; .clear-link { a { color: #000; &:hover { color: $secondary; font-weight: $bold; } } } .filters-group { padding-bottom: 12px; &.sort-search { padding: 15px 0; select { background-color: transparent; border: none; -webkit-appearance: unset; -moz-appearance: unset; -ms-appearance: unset; appearance: unset; font-size: 16px; } } .facetwp-type-checkboxes { &.facetwp-facet-work_environment { .facetwp-counter { display: none; } } .facetwp-checkbox { position: relative; background-position: 0px 30%; background-repeat: no-repeat; &:after { content: ""; background-color: #d8d8d6; height: 1px; width: calc(100% + 50px); left: -35px; display: block; position: relative; margin: 10px 0; } &:last-of-type { &:after { display: none; } } } } } .filter-label { font-weight: 600; font-weight: 18px; padding: 15px; } .filters-group { background-color: $lightgray; margin-bottom: 24px; .facetwp-facet { margin-bottom: 0; padding-left: 15px; padding-right: 15px; } } } .content-right { .mobile-only-filters { display: none; } .facetwp-type-proximity { .facetwp-input-wrap { width: 100%; .facetwp-location { padding: 12px 20px; width: 100%; min-width: unset; max-width: unset; } .location-result, .result-main, .result-secondary { font-size: 14px; } .location-result { padding: 8px 10px; } } } } } .row-holder { .post.job { background-color: $lightgray; padding: 0 15px 24px; margin-bottom: 3em; .top-content-holder { display: block; .post-tabs { padding: 5px 10px; font-weight: $black; background-color: $primary; display: inline-block; font-size: 14px; } } .post-content { padding: 24px 20px 4px; } .job-post-title { font-size: 24px; color: #000; line-height: 1.25em; margin: 0 0 10px; font-weight: 600; font-family: $bodyfont; letter-spacing: 0; a { text-decoration: none; color: #000; &:hover { color: $secondary; } } } .read-more { font-weight: 900; color: #000; &:hover { color: $secondary; } } .location { font-size: 17px; //color: #666666; } .excerpt-container { line-height: 1.618; font-size: 17px; margin-top: 10px; } .button-container { margin-top: 15px; z-index: 3; position: relative; .btn { font-weight: $light; color: $primary; padding: 12px 18px; letter-spacing: 1px; &:hover { text-shadow: 0 0 0.65px $primary, 0 0 0.65px $primary; } } } } } } .facetwp-type-proximity { padding-bottom: 8px; .facetwp-location { border: 1px solid #d8d8d6; background-color: transparent; line-height: 1.5em; padding-left: 10px; font-size: 15px; padding-top: 5px; padding-bottom: 5px; min-width: unset; } } } .pagination-link { padding-bottom: 45px; .facetwp-page { background-color: #f8f7f4; padding: 8px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-right: 8px; @include flashy(0.2s); &.active, &:hover { background-color: #000; color: $primary; font-weight: normal; } &.dots { background-color: transparent; color: #000; } } } } .single-job, .single-internal-job, .single-internal-job-disys { &.admin-bar.site__header-sticky .site { padding-top: 200px; } .site.has-alert { padding-top: 170px; margin-top: 0 !important; } .site__footer { position: relative; z-index: 2; } .background-image { position: fixed; height: calc(100% + 200px); width: 100%; top: -200px; overflow: hidden; left: 0; background-size: cover !important; } .gfield_checkbox { input[type="checkbox"] { width: 13px; height: 13px; border: 1px solid #000; margin-right: 8px; -moz-appearance: checkbox; -ms-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } } .single-content-container { position: relative; z-index: 2; width: 88%; margin: 0 auto; .breadcrumbs-container { padding-bottom: 15px; font-size: 15px; .breadcrumb { a { text-decoration: none; color: #000; @include flashy(0.2s); &:hover { color: $secondary; font-weight: $bold; } i { font-size: 12px; margin-right: 4px; } } } } .apply-link { position: relative; top: -100px; } .sidebar-right { .apply-button { a { color: $primary; font-size: 20px; display: block; padding: 16px 20px; @include flashy(0s); i { padding-left: 5px; } &:hover { font-weight: 900; //padding-top: 15px; } } } .mobile-only { display: none; } #gform_submit_button_5 { display: inline-block; //min-width: 120px; padding: 14px; border-radius: 28px; border: 1px solid transparent; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 12px; font-weight: 500; line-height: 1.125rem; color: #fff; background-color: #000; transition: box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, text-shadow 0.25s ease; cursor: pointer; color: #000; box-shadow: inset 0 0 0 1px #000; background-color: transparent; &:hover { box-shadow: inset 0 0 0 3px #000; text-shadow: none; } } } .content-left-right { display: grid; grid-template-columns: 65% 30%; grid-gap: 0 5%; grid-auto-flow: row dense; font-family: $bodyfont; article { border: 1px solid $secondary; background-color: $lightgray; font-size: 18px; font-family: $bodyfont; } article + .form-block { margin-top: 45px; } .form-block { background-color: $lightgray; border: 1px solid $secondary; margin-bottom: 70px; .form { padding: 24px; font-size: 18px; input[type="text"], input[type="number"], input[type="email"], input[type="tel"] { width: 100%; border: 1px solid $medgray; background-color: #fff; -webkit-appearance: unset; -moz-appearance: unset; -ms-appearance: unset; appearance: unset; padding: 10px !important; } .gfield--type-fileupload, #field_4_7, #field_6_7 { font-size: 14px; input[type="file"] { border-bottom: none; } .gfield_description { padding-top: 0; margin-top: 0; } } #field_4_9, #field_6_9 { font-weight: $bold; } .gfield--type-select { select { max-width: 50%; border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; border: 1px solid $medgray; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; padding-right: 28px; } } .gform_footer { padding-top: 30px; } } } .top-content-holder { display: block; padding: 24px 24px 0; .post-tabs { padding: 5px 10px; font-weight: $black; background-color: $primary; display: inline-block; font-size: 14px; } } h2, .section-heading { font-size: 40px; line-height: 1.25em; margin: 0; padding: 24px 24px 0 24px; letter-spacing: 1px; font-weight: 500; font-family: $bodyfont; } h3 { letter-spacing: 1px; } .heading-container { padding-left: 24px; padding-right: 24px; } .post-meta-container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0; grid-auto-flow: row dense; .post-meta { display: grid; grid-template-columns: 25% 70%; grid-gap: 0 5%; grid-auto-flow: row dense; border-bottom: 1px solid $medgray; padding-bottom: 12px; margin-bottom: 12px; &:nth-of-type(4n + 1), &:nth-of-type(4n + 3) { padding-left: 24px; } &:nth-of-type(4n + 2), &:nth-of-type(4n + 4) { padding-right: 24px; } .meta-label { font-weight: $bold; } } } h3 { font-size: 22px; margin: 0; font-weight: $bold; font-weight: 500; } .post-description { padding: 0 24px 24px 24px; p, ul, ol { font-size: 18px !important; line-height: 1.5em; a { color: $secondary; } br { content: ""; display: block; padding-top: 15px; margin: 0; } } ul, ol { margin-bottom: 20px; } li { margin-bottom: 10px; list-style: disc; margin-left: 18px; } } .block-section { background-color: $lightgray; padding: 24px; margin-top: 45px; h4 { font-size: 22px; margin: 0; font-weight: 500; } &.social-sharing { padding: 24px 25px 15px 24px; .social-sharing-container { font-weight: $normal; font-size: 22px; text-align: center; ul { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 0; li { display: inline-block; font-size: 20px; margin-right: 10%; color: #fff; &.description { color: #000; } &:last-child { margin-right: 0; } a { color: inherit; } .fa { &:before { font-family: "Font Awesome 5 Brands"; padding: 0; border-radius: 100%; line-height: 1.5em; color: #000; @include flashy(0.2s); } &.fa-envelope { &:before { font-family: "Font Awesome 5 Free"; } } } &:hover { .fa:before { color: $secondary; } } } } } } &.related-jobs { .block-title { padding-bottom: 15px; margin-bottom: 24px; border-bottom: 2px solid $secondary; } } .job-post { border-bottom: 2px solid $secondary; padding-bottom: 24px; margin-bottom: 24px; .job-post-title { margin: 0; line-height: 1.25em; a { color: #000; line-height: inherit; text-decoration: none; &:hover { color: $secondary; } } } .content-holder { padding-top: 15px; font-size: 18px; .job-detail { padding-bottom: 15px; i { padding-right: 8px; &.fa-location-pin { padding-right: 13px; } } &:last-of-type { padding-bottom: 0; } } } } } } } } .page-template-apply-thank-you { &.admin-bar.site__header-sticky .site { padding-top: 200px; } .site__footer { position: relative; z-index: 2; } .background-image { position: fixed; height: calc(100% + 200px); width: 100%; top: -200px; overflow: hidden; left: 0; background-size: cover !important; } .thank-you-message { position: relative; z-index: 2; width: 88%; margin: 0 auto; padding: 0 0 6em; .ty-container { width: 60%; margin: 0 auto; .main-message { padding-left: 34px; border-left: 2px solid #000; } h2 { font-size: 40px; font-family: $headingfont; margin: 0 0 15px; font-weight: 900; line-height: 1.25em; } h3, h4 { font-size: 30px; margin: 0; line-height: 1.25em; } .button-container { padding: 30px 0 0; text-align: center; .arrow-back { color: #000; text-decoration: none; text-transform: uppercase; } .btn { margin-left: 24px; } } } } } .resource__filters { .filter-1 { .field-parent.field-0, .field-parent.field-3, .field-parent.field-4, .field-parent.field-6, .field-parent.field-7 { display: none; } } .filter-2 { .alm-filter--link.field-audience, .alm-filter--link.field-18, .field-parent.field-1, .field-parent.field-2, .field-parent.field-3, .field-parent.field-4, .field-parent.field-5, .field-parent.field-6, .field-parent.field-7, .field-parent.field-8 { display: none; } } .filter-3 { .alm-filter--link.field-lines-of-business, .alm-filter--link.field-15, .field-parent.field-0, .field-parent.field-1, .field-parent.field-2, .field-parent.field-3, .field-parent.field-5, .field-parent.field-6, .field-parent.field-7, .field-parent.field-8 { display: none; } } .filter-4 { .alm-filter--link.field-industry, .alm-filter--link.field-17, .field-parent.field-0, .field-parent.field-1, .field-parent.field-2, .field-parent.field-4, .field-parent.field-5, .field-parent.field-6, .field-parent.field-7, .field-parent.field-8 { display: none; } } } .page-template-initiative { &.admin-bar.site__header-sticky .site { padding-top: 131px; } &.site__header-sticky .site, .site { .site__header__search { display: none !important; } .site__header__container { background-color: #000; transition: background-color 0s ease, width 0s ease, -webkit-backdrop-filter 0s ease; transition: background-color 0s ease, width 0s ease, backdrop-filter 0s ease; transition: background-color 0s ease, width 0s ease, backdrop-filter 0s ease, -webkit-backdrop-filter .5s ease; .site__header__logo { max-width: unset; float: none; width: unset; img { max-height: 70px; } } } } .page-featured-image { background-size: cover !important; padding-bottom: 420px; display: grid; vertical-align: middle; align-items: center; position: relative; border-bottom: 1px solid #000; .tagline-container { position: absolute; width: 50%; right: 4%; display: grid; vertical-align: middle; align-items: center; height: 100%; h2 { font-family: "Degular", Helvetica, Arial, sans-serif; font-size: 4rem; font-weight: 600; line-height: 1em; .highlight { font-weight: 900; position: relative; &:after { content: ""; background-color: #ddfe52; height: 20px; width: 475px; display: block; margin-top: -20px; } } } } } .section-2 { background-size: cover !important; section { margin: 0; } } .alm-listing.grid { grid-template-columns: 1fr; grid-gap: 0; .blogpost-column { margin-bottom: 40px; } .blogpost-column-inner { //grid-template-columns: 27% 70%; grid-template-columns: 210px calc(96% - 210px); grid-gap: 0 4%; grid-auto-flow: row dense; display: grid; border: none; } .blogpost-image { max-height: 210px; width: 210px; height: 210px; border: 2px solid transparent !important; &:hover { border: 2px solid #000 !important; } } .blogpost-column-content { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; h5 { margin-bottom: 20px; a { color: #000; text-decoration: none; cursor: pointer; outline: none; } } .excerpt { margin-bottom: 25px; p { &:last-of-type { margin-bottom: 0; } } } } } .fcb-section { background-size: cover !important; width: 100%; section { max-width: unset; } } .list__results { width: 88%; margin: 0 auto !important; padding-bottom: 0; padding-top: 2em; } footer { .initiative-logo { margin: 0 auto; text-align: center; padding: 2em 0 4em; img { max-height: 80px; width: auto; margin: 0 auto; text-align: center; } } .copyright { text-align: center; color: #fff; font-size: 16px; } } } /* Interactive FCB */ /* Flexible Content Blocks FCB */ .icon-and-content-block { padding: 3em 0 3em; .container { width: 84%; margin: 0 auto; } .block-content-container { grid-template-columns: 150px calc(92% - 150px); grid-gap: 0 8%; grid-auto-flow: row dense; display: grid; .icon-container { img { max-width: 100%; height: auto; } } .block-content { p, ul, ol { line-height: 1.5em; } .block-title { font-size: 30px; line-height: 1.3em; font-weight: 600; letter-spacing: 1px; font-family: "Degular",Helvetica,Arial,sans-serif; strong { font-weight: 900; } } .button-container { padding-top: 24px; .button { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; padding: 11px 45px 15px; background-color: transparent; color: #000; text-decoration: underline; text-underline-position: under; border: 1px solid #000; font-size: 20px; @include flashy(.2s); &:hover { background-color: #000; color: #fff; } } } } } } .basic-text-block { padding: 3em 0; text-align: center; margin: 0; &.white-bg { .block-title { font-weight: 900; } .container { width: 75%; } } &.black-bg { background-color: #000; .block-title, .block-content { color: #fff; } .block-title { font-weight: 600; font-size: 28px; letter-spacing: 1px; strong { font-weight: 900; } } } &.has-border-color { position: relative; &:before { content: ""; position: absolute; background-color: #000; height: 1px; width: 100%; left: 0; top: -14px; display: block; } &:after { content: ""; position: absolute; background-color: #000; height: 1px; width: 100%; display: block; left: 0; top: 0; } } .container { width: 84%; margin: 0 auto; } .block-title { font-size: 30px; font-weight: 900; letter-spacing: 1px; line-height: 1.3em; font-family: "Degular",Helvetica,Arial,sans-serif; } .block-content { width: 84%; margin: 0 auto; } } .stat-blocks { padding: 3em 0; &.has-image { .stat-blocks-container { grid-template-columns: 1fr 1fr 1fr; grid-gap: 0 2%; .stat { background-color: #edece4; } } .container { width: 92%; margin: 0 auto; } } &.no-image { background-color: #edebe4; margin: 0; .stat-blocks-container { grid-template-columns: 1fr 1fr; grid-gap: 0; .stat { text-align: center; padding: 0 5%; &:nth-of-type(odd) { border-right: 1px solid #000; } } } .container { width: 84%; margin: 0 auto; } } .stat-blocks-container { grid-gap: 0 5%; grid-auto-flow: row dense; display: grid; .stat { .stat-image { background-size: cover !important; padding-bottom: 70%; } .stat-content { padding: 15px 30px 50px; } .statistic { padding-bottom: 10px; } .stat-number-container, .symbol { display: inline-block; font-size: 60px; font-weight: 900; font-family: "Degular",Helvetica,Arial,sans-serif; } .stat-info { text-align: center; } } } } .card-layout-block { padding: calc(6em + 20px) 0 6em; position: relative; &:before { content: ""; background-color: #ddff52; height: 20px; left: 0; width: 100%; display: block; position: absolute; top: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; } .container { width: 84%; margin: 0 auto; } .card-layout-container { border: 1px solid #000; .block-content-container { grid-gap: 0; grid-auto-flow: row dense; display: grid; grid-template-columns: 65% 35%; .left-content { .top-bar { background-color: #000; color: #fff; padding: 30px; p, ul, ol, h2, h3, h4, h5 { color: #fff; } h3 { margin: 0; line-height: 1.3em; font-size: 30px; color: #ddff52; font-family: "Degular",Helvetica,Arial,sans-serif; strong { font-weight: 900; } } a { color: #ddff52; &:hover { text-decoration: underline; } } .block-title + .top-block-content { padding-top: 10px; } } .bottom-content { padding: 30px; background-color: #fff; .bottom-stat-container { grid-gap: 0; grid-auto-flow: row dense; display: grid; &.no-transition { grid-template-columns: 120px 120px; } &.has-transition { grid-template-columns: 120px 70px 120px; } .label { font-size: 40px; font-weight: $bold; font-family: "Degular",Helvetica,Arial,sans-serif; position: relative; &:after { content: ""; background-color: #ddff52; height: 13px; left: 0; bottom: 0; position: absolute; width: 100%; display: block; z-index: -1; } } .sublabel { font-weight: 900; } .transition { text-align: center; .label:after { display: none; } } } .bottom-block-content { padding-top: 24px; p, ul, ol { line-height: 1.5em; } } } } .right-content { background-size: cover !important; } } } } .card-layout-block + .icon-and-content-block { padding-top: 0; } /* Single Location Page */ .single-location { &.site__header-sticky .site { margin-top: 0; } .site__header-sticky .site, .site { padding-top: 131px !important; margin-top: 0; } .location-map-block { .location-map-container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0; grid-auto-flow: row dense; .location-map-content { grid-column: 2; background-size: cover !important; display: grid; align-items: center; .location-meta { padding: 6em 50px; h2, h1 { font-size: 35px; line-height: 1.2em; } } } .location-address-container { display: grid; grid-template-columns: 45px calc(100% - 55px); grid-gap: 0 15px; grid-auto-flow: row dense; align-items: center; .location-address-content { line-height: 1.4em; a { text-decoration: none; color: #000; cursor: pointer; } } } .location-map-embed { overflow: hidden; border-right: 1px solid #000; position: relative; iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } } .button-container { margin-top: 15px; margin-left: 55px; .btn { color: #d3ff01; letter-spacing: 1px; &:hover { text-shadow: 0 0 0.65px #d3ff01, 0 0 0.65px #d3ff01; } } } } } .image-and-content-block-layout { &.image-right { .block-content-container { grid-template-columns: 1fr 1fr; .content-column { border-right: 1px solid #000; } } .block-content-container { .button-container { .btn { color: #d3ff01; letter-spacing: 1px; &:hover { text-shadow: 0 0 0.65px #d3ff01, 0 0 0.65px #d3ff01; } } } } } &.image-left { .block-content-container { grid-template-columns: 1fr 1fr; .content-column { grid-column: 2; } .image-column { grid-column: 1; border-right: 1px solid #000; } } } &.black-bg { background-color: #000; color: #fff; .block-content-container { .button-container { .btn { color: #fff; letter-spacing: 1px; border-color: #fff; &:hover { text-shadow: 0 0 0.65px #d3ff01, 0 0 0.65px #d3ff01; color: #d3ff01; } } } } } .block-content-container { display: grid; grid-gap: 0; grid-auto-flow: row dense; h2 { font-size: 35px; line-height: 1.2em; } .content-column { padding: 6em 45px; } .image-column { background-size: cover !important; } .button-container { margin-top: 30px; .button, .btn { padding: 10px; background-color: #000; text-decoration: none; } } } } .services-repeater-block { padding: 5em 0; h3 { text-align: center; font-size: 30px; } .container { width: 84%; margin: 0 auto; } .services-blocks { display: grid; grid-gap: 0 2%; grid-auto-flow: row dense; grid-template-columns: 1fr 1fr 1fr 1fr; .service-block { border: 1px solid #000; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; display: -webkit-flex; display: -ms-flexbox; display: flex; img { max-width: 100%; height: auto; width: 70px; } .service-block-container { padding: 24px 24px 24px 24px; } .service-block-container-group { position: relative; height: 100%; } h3 { margin: 15px 0; line-height: 1.2em; text-align: left; } .button-container-group { margin-top: auto; text-align: center; .button-container { text-align: center; min-height: 107px; padding: 24px; border-top: 1px solid #000; display: grid; align-items: center; } .btn { font-size: .78rem; padding: 10px 12px; font-weight: 300; color: #d3ff01; letter-spacing: 1px; &:hover { text-shadow: 0 0 0.65px #d3ff01, 0 0 0.65px #d3ff01; } } } } } } .section_contact-form { background-size: cover !important; background-repeat: no-repeat; background-position: center center; padding: 6em 0; .form-conversation-graphic { width: 215px; height: 215px; } h3+.form-conversation-graphic { right: -70px; } .grid { width: 84%; margin: 0 auto; padding: 0; .form-graphic-container { h3 { font-size: 35px; line-height: 1.2em; } } } .form-container { margin-left: 70px; } } } /* Location Landing Page */ .page-template-page-locations-landing { .location-list-nav { width: 80%; margin: 4em auto 0; display: block; label { font-size: 20px; line-height: 1.5em; } } .location-list-nav-container { display: block; margin-top: 10px; .btn { margin-bottom: 24px; &:hover { background-color: #000; color: #d4ff00; } } } .section__banner { display: block; min-height: 600px; //max-height: 780px; max-height: unset; height: 100%; padding-bottom: 3em; .grid-container { display: block; } h1, h2, h3, h4, h5, h6 { a { color: #000; } } } } .locations-list-group { .location-region-name { font-weight: 700; margin: 0 0 15px; font-size: 24px; letter-spacing: 1.2px; font-family: $bodyfont; line-height: 1.3em; } .location-subregion-name { font-weight: 700; font-size: 20px; letter-spacing: 1.2px; margin: 0; font-famiy: $bodyfont; line-height: 1.5em; } .locations-group { border-top: 1px solid #ccc; padding: 3.5em 6%; } .locations-bucket-regions { -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; column-count: 4; &.no-subregions { -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; column-count: 1; } .locations-bucket-container { break-inside: avoid-column; margin-bottom: 20px; &:last-of-type { margin-bottom: 0; } } } .location { font-size: 18px; line-height: 1.5em; letter-spacing: 0.6px; .location-name { a { text-decoration: none; color: #000; @include flashy(.2s); &:hover { color: #5700ff !important; } } } } } /* Header Positioning */ .site__header-sticky { .site { overflow: hidden; margin-top: -131px; padding-top: 255px; } &.page-template-default, &.blog, &.page-template-header-bg, &.page-template-job-search, &.page-template-page-locations-landing { .site.has-alert { padding-top: 300px; } .site__header__container { &.has-alert { top: 50px; &.scroll-active { top: 0px; } } } } &.single-job, &.single-location { .site__header__container { &.has-alert { top: 50px; &.scroll-active { top: 0; } } } } &.single-location { .site.has-alert { margin-top: 40px; } } &.single-post { .site.has-alert { margin-top: 0; padding-top: 205px; } .site__header__container { &.has-alert { top: 18px; &.scroll-active { top: 0; } } } } &.page-template-page-locations-landing { .site__header__container { &.has-alert { top: 50px; } } .site.has-alert { //margin-top: -125px; } } } /* Global Alert Banner */ .global-alert-banner { background-color: #5700FF; padding: 8px 5%; font-size: 18px; font-weight: 600; color: #fff; z-index: 2; position: absolute; top: 0; width: 100%; line-height: 1.5em; font-family: "Degular", Helvetica, Arial, sans-serif; a { color: #fff; text-decoration: underline; font-weight: bold; &:hover { color: #fff; cursor: pointer; } } .alert-text { margin-right: 10px; } .alert-link { .btn { padding: 5px; font-size: 15px; } a { text-decoration: none; } } } .admin-bar { &.site__header-sticky { .site__header__container { &.has-alert { top: 84px; &.scroll-active { top: 32px; } } } &.menu-active { .site__header__container { &.has-alert { top: 32px; @include flashy(.2s); } } } } &.page-template-header-bg { .site.has-alert { margin-top: 170px !important; } } &.blog { .site.has-alert { padding-top: 300px; } } &.page-template-default, &.single-job { .site.has-alert { padding-top: 165px; } } } .section_content-2-columns.bg-white + .section_content-2-columns.bg-white { border-top: 1px solid #707070; } .custom-tables-section + .custom-tables-section { padding-top: 4.5em; } .section_content-single + .custom-tables-section { padding: 150px 0 0; border-top: 1px solid #707070; } main .custom-tables-section:last-of-type { padding-bottom: 150px; } /* Footer */ .site__footer { position: relative; .footer-bottom-menu { float: right; position: absolute; right: 0; bottom: 60px; width: 28.2%; .footer-bottom-label { padding-bottom: 8px; text-transform: uppercase; color: #fff; border-bottom: 1px solid #fff; } #menu-footer-bottom-menu { li { display: inline-block; color: #fff; margin-right: 5%; text-transform: uppercase; padding-top: 10px; a { color: #fff; } } } } } @media (min-width: 640px) { .site__header__search.active + .dexian-language-switcher { opacity: 1; visibility: visible; } } @media (min-width: 1025px) { .site__header__search.active input[type="search"] { width: 350px; height: 48px; } .site__header__search.active input[type="submit"] { top: 14px; right: 16px; width: 22px; height: 22px; } .section__banner-alt { min-height: 855px; } } @media (min-width: 1600px) { .page-template-header-bg .header-bg-section { height: 1000px; } } @media (min-width: 2000px) { .page-template-header-bg { .header-bg-section { height: 1100px; .logo-mark-container { img { max-width: 150px; } } } .section__banner { .grid { align-items: initial; } } .section__banner-alt { min-height: 600px; } } } @media (min-width: 2300px) { .page-template-header-bg .header-bg-section { height: 1200px; .background-image { background-size: cover !important; } } } @media (max-width: 1730px) { .site__footer { .footer-bottom-menu { width: 32.5%; } } } @media (max-width: 1650px) { .section_heading-featured-content { .featured-content-callouts { .featured-content { &.has-image { .ft-content-container { grid-template-columns: 150px calc(100% - 170px); .callout-image { padding-bottom: 150px; } } } } } } } @media (max-width: 1550px) { .site__footer { .footer-bottom-menu { width: 34%; #menu-footer-bottom-menu { li { margin-right: 4%; } } } } .section_heading-featured-content { .featured-content-callouts { .featured-content { &.has-image { .ft-content-container { grid-template-columns: 100px calc(100% - 120px); .callout-image { padding-bottom: 100px; } } } } } } } @media (max-width: 1500px) { .site__footer { .footer-bottom-menu { width: 34%; #menu-footer-bottom-menu { li { margin-right: 4%; } } } } .section_heading-featured-content { .featured-content-callouts { .featured-content { &.has-image { .ft-content-container { grid-template-columns: 1fr; .callout-image { display: none; } } } } } } } @media (max-width: 1375px) { .site__footer { .footer-bottom-menu { width: 49%; #menu-footer-bottom-menu { li { margin-right: 5%; } } } } } @media (max-width: 1365px) { .single-job, .single-internal-job, .single-internal-job-disys { .blank-section-info { width: 100%; padding: 0 35px 60px; } .single-content-container { .content-left-right { .post-meta-container { .post-meta { grid-template-columns: 30% 65%; } } } } } .blog, .archive.category { .featured-content-items { .featured-content-items-container { .featured-content { .ft-content-container { grid-template-columns: 150px calc(96% - 150px); .callout-image { min-height: 150px; } } } } } .resource-center-listings .content-left-right { .rc-list-results { &.grid-layout { .resource-center-posts-layout .row-holder { grid-template-columns: 1fr 1fr; } } } } } .page-template-initiative .alm-listing.grid { .blogpost-column-content { h5 { font-size: 30px; } } } .page-template-header-bg .header-bg-section .tag-container h1 { font-size: 115px; } } @media (min-width: 1025px) { .navigation__main-item--submenu-wrap, .navigation__main-item, .navigation__main-menu, .navigation__main-menu__wrapper { -ms-overflow-style: none !important; /* for Internet Explorer, Edge */ scrollbar-width: none !important; /* for Firefox */ overflow-y: unset !important; } .navigation__main .navigation__main-menu__wrapper .navigation__main-item { overflow: hidden !important; } .navigation__main-menu nav .navigation__main, .navigation__main { overflow: hidden !important; -ms-overflow-style: none !important; /* for Internet Explorer, Edge */ scrollbar-width: none !important; } .admin-bar.site__header-sticky .site { margin-top: 0; } .page-template-header-bg .admin-bar.site__header-sticky .site { margin-top: 125px !important; } .section__banner-content h1 { margin-bottom: 24px; } } @media (max-width: 1260px) { .global-alert-banner { font-size: 17px; } body { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ overflow-y: unset; } h1, .h1 { font-size: 5rem; line-height: 5rem; } .section__banner-breadcrumbs { left: 20px; } .section__banner-alt { height: 100%; .grid { padding: 0 60px; } } .section__banner--bordered { .grid { .col-lg-5 { -ms-grid-column-span: 12; grid-column-end: span 12; } .section__banner-content { margin-bottom: 60px !important; } } } .section__banner--bordered-bg { width: 100% !important; height: 100% !important; .grid .col-lg-5 { -ms-grid-column-span: 12 !important; grid-column-end: span 12 !important; } } .page-template-page-locations-landing { .section__banner { max-height: unset; padding-bottom: 3.5em; } .location-list-nav { margin-top: 2em; width: calc(100% - 40px); } } .locations-list-group { .locations-bucket-regions { -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; column-count: 3; } .locations-group { padding-left: 20px; padding-right: 20px; } } .section__banner--bordered { .grid { padding: 0; .section__banner-content { max-width: 1270px; margin: 20px 40px 40px; } } } .page-id-38 { .section__banner.section__banner--bordered { height: 100%; min-height: calc(100vh - 168px); .banner { min-height: unset; height: calc(100vh - 168px); background-position: top center !important; } } } } @media (max-width: 1200px) { .admin-bar { &.site__header-sticky { .site__header__container.has-alert { top: 99px; } &.home { .site { &.has-alert { padding-top: 178px !important; .section__banner { margin: 0; } main { padding-top: 0 !important; } } main { padding-top: 0; } } &.page-template-default { .site__header__container.has-alert { top: 78px; } } } } } .site__header-sticky.page-template-default { .site__header__container.has-alert { top: 67px; } } .global-alert-banner { padding: 8px 20px; .container { // display: grid; // grid-template-columns: calc(100% - 120px) 120px; // grid-gap: 0 10px; .alert-text { } .alert-link { .btn { padding: 5px 15px; min-width: 100px; } } } } .home { .section__banner { .banner { figure { margin-left: 0; margin-right: 0; } } .section__inner { padding-top: 50px !important; } } .site.has-alert .section__banner .home-video-container iframe { left: -30%; } } #primary-nav-container { #primary-nav .nav-menu { .menu-item { font-size: 1.2rem; padding: 11px 15px; &.menu-item-has-children:after { top: 12px; font-size: 1.5rem; } } } } .home { .section__banner { .home-video-container { padding-bottom: 1200px; width: 100%; iframe { width: 160%; left: -25%; } } } .section_benefits-list { ul { li { display: block; } } } } .single-job, .single-internal-job, .single-internal-job-disys { .single-content-container { .content-left-right { .post-meta-container { .post-meta { grid-template-columns: 35% 60%; } } } } } .page-template-initiative { .page-featured-image .tagline-container h2 { font-size: 3.5rem; .highlight:after { width: 420px; } } .alm-listing.grid { .blogpost-column-content { h5 { font-size: 24px; line-height: 1.5em; } .excerpt { p { font-size: 16px; } } } } } .single-location { .location-map-block { .location-map-container { grid-template-columns: 1fr; .location-map-content { grid-column: 1; } .location-map-embed { height: 400px; } } } .image-and-content-block-layout { &.image-right { .block-content-container { grid-template-columns: 60% 40%; } } &.image-left { .block-content-container { grid-template-columns: 40% 60%; } } } .services-repeater-block { .services-blocks { grid-template-columns: 1fr 1fr; grid-gap: 2%; } } } .blog { .resource-center-listings { .content-left-right { .resource-center-posts-layout { .row-holder { .resource-center-post { .post-content-container { grid-template-columns: 150px calc(96% - 150px); .blogpost-image { min-height: 150px; width: 150px; height: 150px; } } } } } } } } .page-template-header-bg .header-bg-section { height: 800px; .tag-container h1 { font-size: 90px; } .tag-container { padding-top: 160px; } } .page-id-118 { .icons-grid-block { .section-inner-container { .icons-grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } } } .site__footer { .footer-bottom-menu { #menu-footer-bottom-menu { li { margin-right: 3%; } } } } } @media (max-width: 1170px) { .site__header-sticky.blog .site__header__container.has-alert { top: 67px; } } @media (max-width: 1100px) { .global-alert-banner { .container { display: grid; grid-template-columns: calc(100% - 120px) 120px; grid-gap: 0 10px; } } .site__header-sticky.blog .site__header__container.has-alert { top: 67px; } .admin-bar.site__header-sticky { &.home.page-template-default { .site__header__container.has-alert { top: 99px; } } } } @media (max-width: 1024px) { .site__header-sticky { &.admin-bar { &.home, &.site__header-sticky { .site { padding-top: 184px !important; margin-top: 0 !important; } } &.home { .site { padding-top: 144px !important; margin-top: 0 !important; } } } &.home { .site { padding-top: 143px !important; } &.admin-bar { .site { margin-top: 0px !important; } } } &.blog { .site.has-alert { padding-top: 162px !important; } } .site { padding-top: 195px !important; margin-top: 0; &.has-alert { padding-top: 190px !important; } } #primary-nav-container { position: absolute; left: 0; width: 100%; visibility: hidden; opacity: 0; height: 0; #primary-nav { .nav-menu { overflow: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ .menu-item { border-right: none; //padding: 10px 5%; padding: 10px 5%; display: grid; align-items: center; a { font-size: 1.75rem; line-height: 3.625rem; width: max-content; } &:last-of-type { border-bottom: #707070; border-top: #707070; } &.menu-item-has-children { &:hover { .sub-menu { display: none; } } &:after { right: 5%; display: none; } &.clicked { .sub-menu { display: block; } } &:first-of-type, &:nth-of-type(1) { &.clicked .submenu, .submenu { .menu-item { a { border-color: #000 !important; background-color: transparent; color: #000; box-shadow: inset 0 0 0 1px #000; &:hover { background-color: #000 !important; color: #fff !important; } } } } } &:nth-of-type(3) { .submenu { .menu-item { a { border-color: #fff !important; background-color: transparent; color: #fff; box-shadow: inset 0 0 0 1px #fff; &:hover { background-color: #D3FF01 !important; border-color: #D3FF01 !important; color: #000 !important; } } } } } &:nth-of-type(4) { border-right: none; &.clicked .submenu, .submenu { .menu-item { a { border-color: #fff !important; background-color: transparent; color: #fff; box-shadow: inset 0 0 0 1px #fff !important; &:hover, &.current-menu-item { background-color: #fff !important; color: #000 !important; } } } } } &:nth-of-type(5) { border-right: none; &.clicked .submenu, .submenu { .menu-item { a { border-color: #000 !important; background-color: transparent; color: #000; box-shadow: inset 0 0 0 1px #000 !important; &:hover { background-color: #000 !important; color: #fff !important; } } } } } &.two-col { ul { width: 100% !important; grid-gap: 0; -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; column-count: 1; } } a { &:after { content: "↑"; position: absolute; right: 5%; font-size: 1.75rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); transition: left 0.5s ease 0.15s, right 0.25s ease; transition-delay: 0.2s; pointer-events: none; } } .sub-menu { position: relative; width: 100%; top: 0; left: 0; border-top: none; border-left: none; border-right: none; margin-top: 24px; li { border-bottom: none; border-left: 0; border-right: 0; } a { display: block; margin-right: 20px; margin-bottom: 20px; padding: 14px; border-radius: 28px; text-transform: uppercase; text-decoration: none; text-align: center; font-size: .875rem; font-weight: 500; line-height: 1.125rem; transition: box-shadow .25s ease, background-color .25s ease, color .25s ease, text-shadow .25s ease; box-shadow: inset 0 0 0 1px #fff; cursor: pointer; width: 100%; &:after { display: none; } } } } &:nth-of-type(3) { .submenu { .menu-item { &.current_page_item { a { background-color: #D3FF01 !important; border-color: #D3FF01 !important; color: #000 !important; } } a { &:hover { background-color: #D3FF01 !important; border-color: #D3FF01 !important; color: #000 !important; } } } } } &:nth-of-type(4) { border-right: none; .submenu { .menu-item { &.current_page_item { a { background-color: #fff !important; color: #fff !important; } } a { border-color: #fff !important; background-color: transparent; color: #000; box-shadow: inset 0 0 0 1px #fff !important; &:hover { background-color: #000 !important; color: #fff !important; } } } } } &:last-of-type { border-top: none; } } } } } &.nav-open { #primary-nav-container { visibility: visible; opacity: 1; height: auto; #primary-nav { .nav-menu { grid-template-columns: 1fr; display: grid; height: calc(100vh - 126px); } } } } } .site__header-sticky #primary-nav-container #primary-nav .nav-menu .menu-item { &:nth-of-type(1), &:nth-of-type(5) { .sub-menu .menu-item a { box-shadow: inset 0 0 0 1px #000 !important; &.current_page_item { a { background-color: #000; color: #fff; } } &:hover { background-color: #000; color: #fff; a { color: #fff; } } } } &:nth-of-type(3) { .submenu .menu-item { &.current_page_item { a { background-color: #ede8e3 !important; border-color: #ede8e3 !important; color: #000 !important; } } a { &:hover { background-color: #ede8e3 !important; border-color: #ede8e3 !important; color: #000 !important; } } } } &:nth-of-type(4) { .sub-menu .menu-item { &.current_page_item { a { background-color: #D3FF01 !important; color: #000 !important; border-color: #D3FF01 !important; } } &:hover { a { background-color: #D3FF01 !important; color: #000 !important; border-color: #D3FF01 !important; } } } } } #primary-nav-container { #primary-nav { .nav-menu { .menu-item { &:nth-of-type(1) { .sub-menu { .menu-item { &:hover, &.current-menu-item { a { background-color: #000 !important; border-color: #000 !important; color: #fff !important; box-shadow: inset 0 0 0 1px #000 !important; } } } } } &:nth-of-type(2) { .sub-menu { .menu-item { &:hover, &.current-menu-item { a { background-color: #000 !important; border-color: #000 !important; color: #fff !important; box-shadow: inset 0 0 0 1px #000 !important; } } } } } &:nth-of-type(3) { .sub-menu { .menu-item { &:hover, &.current-menu-item { a { background-color: #D3FF01 !important; border-color: #D3FF01 !important; color: #000 !important; box-shadow: inset 0 0 0 1px #D3FF01 !important; } } } } } &:nth-of-type(4) { .sub-menu { .menu-item { &:hover, &.current-menu-item { a { background-color: #000 !important; border-color: #000 !important; color: #fff !important; box-shadow: inset 0 0 0 1px #000 !important; } } } } } } } } } .home { // &.site__header-sticky { // &.page-template-default .site.has-alert, .site.has-alert { // margin-top: -125px !important; // } // } .section__banner { padding-top: 60px !important; margin-bottom: 0px !important; .banner { figure { align-items: center; } } .section__banner-home-content { h1 { font-size: 2.75rem; } } .home-video-container { padding-bottom: 1200px; width: 100%; iframe { width: 132%; left: -5%; } } } #section-2 { border-top: none !important; } } .section_contact-form .form-container object { opacity: 1 !important; margin: -20px 0 -20px -24px; } .page-id-707 { #block-0, #block-1 { &.section_heading-3-columns { img { margin: 20px 0; width: 100%; height: auto; } .grid { .col-sm-12.col-lg-4 { position: relative; padding-bottom: 0; } .grid { .grid-content-container { position: relative; display: block; .leadership-grid-info { min-height: unset; } .button-right { position: relative; } } } } } } } .page-template-job-search, .page-template-internal-job-search { &.admin-bar.site__header-sticky, .site__header-sticky { .site { margin-top: 0; padding-top: 155px !important; } } .job-search-results { .search-container { .content-left-right { grid-template-columns: 1fr; .content-left { display: none; } .content-right { .mobile-only-filters { display: block; margin-bottom: 50px; } } } .environment-type-facet { display: none; } .submit-button-container { .fwp-submit { padding: 15.5px; } } .facet-search-group { grid-template-columns: 1fr; width: 100%; .facetwp-type-autocomplete { margin-bottom: 0px; } .filter-facet { &:first-of-type { margin-bottom: 24px; input[type="text"] { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } } &:last-of-type { margin-bottom: 0; input[type="text"] { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-left: 1px solid #d8d8d6; } } } } .mobile-only-filters { padding-top: 34px; margin-top: 0px; border-top: 1px solid #d8d8d6; .filter-trigger { text-align: right; padding: 0; z-index: 2; position: relative; @include flashy(0.2s); .filter-label { position: relative; font-weight: 500; &:before { //content: "\f1de"; font-size: 20px; border: none; //font-family: "Font Awesome 6 Free"; //font-weight: 600; //padding-right: 10px; position: relative; //top: 2px; content: ""; margin-right: 10px; top: 5px; height: 20px; width: 20px; display: inline-block; background-size: contain !important; background-repeat: no-repeat !important; background: url("https://dexian.com/wp-content/themes/dexian/images/sliders-solid.svg"); } } } .mobile-triggers-group { padding: 20px 6% 20px; background-color: #f8f7f4; width: calc(112% + 20px); left: -6%; position: relative; display: none; @include flashy(0.2s); .main-label { padding-bottom: 10px; font-weight: 700; color: #565656; font-size: 18px; } .filters-group { .filter-label { border-top: 1px solid #565656; padding-top: 15px; } .facetwp-facet { margin-top: 10px; margin-bottom: 20px; .facetwp-checkbox { margin-bottom: 8px; } &.facetwp-facet-work_environment { .facetwp-checkbox { .facetwp-counter { display: none; } } } } } .fwp-submit { margin: 15px 0 24px; font-weight: 300; padding: 12px 18px; letter-spacing: 1px; display: block; min-width: 120px; width: 100%; padding: 14px; border-radius: 28px; border: 1px solid transparent; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 0.875rem; font-weight: 500; line-height: 1.125rem; color: #d3ff01; background-color: #000; transition: box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, text-shadow 0.25s ease; cursor: pointer; &:hover { } } .clear-link { a { color: #565656; &:hover { color: #000; } } } } .mobile-filters-container { padding: 15px 8% 0; width: 114%; left: -7%; position: relative; } &.open { .mobile-filters-container { background-color: #f8f7f4; padding-bottom: 15px; } .mobile-triggers-group { display: block; } .filter-trigger { } } } } } } .single-job, .single-internal-job, .single-internal-job-disys { &.admin-bar.site__header-sticky, &.site__header-sticky { .site { margin-top: 0; padding-top: 155px !important; } } .single-content-container { .content-left-right { grid-template-columns: 1fr; .mobile-only { display: block; } .desktop-only { display: none; } .heading-container { padding-top: 10px; } .post-meta-container { padding-top: 15px; } .form-block { margin-bottom: 0; } .sidebar-right { padding-bottom: 90px; } .block-section { h4 { font-size: 20px; } } .post-meta-container { .post-meta { grid-template-columns: 82px calc(95% - 82px); } } } } } .page-template-initiative { &.admin-bar.site__header-sticky .site { padding-top: 90px !important; margin-top: 0; } footer .initiative-logo img { max-height: 70px; } .alm-listing.grid { .blogpost-column-inner { grid-template-columns: 200px calc(100% - 234px); grid-gap: 0 34px; } .blogpost-image { width: 200px; max-height: 200px; height: 200px; } .blogpost-column-content { padding: 0; h5 { font-size: 24px; margin-bottom: 15px; } .excerpt { margin-bottom: 15px; p { font-size: 16px; } } .btn-link { margin-top: 0; } } } } .page-template-header-bg { &.site__header-sticky .site { padding-top: 170px !important; } .header-bg-section { height: 500px; background-image: cover !important; .tag-container { padding-top: 140px; h1 { font-size: 75px; } } .logo-mark-container { padding-top: 0; img { max-width: 115px; } } } .section__banner { padding-top: 60px; h2 { font-size: 28px; } p { font-size: 16px; } } } .basic-text-block .container { width: 84%; } .blog, .archive.category { &.site__header-sticky .site { margin-top: -35px; } &.admin-bar.site__header-sticky .site { margin-top: 0; padding-top: 188px !important; } .section__banner { height: 300px !important; display: grid; align-items: center; padding: 0 !important; } .resource-center-listings { .content-left-right { grid-gap: 0; display: block; grid-template-columns: 1fr; width: 100%; .rc-filters { padding: 40px 35px 3em; position: fixed; top: 0; left: -50vw; width: 50vw; background-color: #fff; height: 100vh; z-index: 9999999999; @include flashy(.2s); &.open { left: 0; -webkit-box-shadow: 10px 0 20px -5px rgba(115,115,115,0.75); -moz-box-shadow: 10px 0 20px -5px rgba(115,115,115,0.75); -ms-box-shadow: 10px 0 20px -5px rgba(115,115,115,0.75); box-shadow: 10px 0 20px -5px rgba(115,115,115,0.75); .rc-filters-groups { .mobile-label.bottom-buttons { -webkit-box-shadow: 0px 5px 5px rgba(115, 115, 115, 0.15), 0px -5px 5px rgba(115, 115, 115, 0.15); -moz-box-shadow: 0px 5px 5px rgba(115, 115, 115, 0.15), 0px -5px 5px rgba(115, 115, 115, 0.15); -ms-box-shadow: 0px 5px 5px rgba(115, 115, 115, 0.15), 0px -5px 5px rgba(115, 115, 115, 0.15); box-shadow: 0px 5px 5px rgba(115, 115, 115, 0.15), 0px -5px 5px rgba(115, 115, 115, 0.15); width: 50%; padding: 24px 30px; .clear-filters { display: block; margin-bottom: 0; .clear-all { text-decoration: none; padding: 8px 14px; border: 1px solid #000; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; font-size: 14px; @include flashy(.2s); &:hover { background-color: #000; color: #fff; } } } } } } .filters-group.sort-input, .facetwp-selections, .filters-group.clear-filters { display: none; } .filters-group { label { font-size: 18px; } } } .rc-filters-groups { .mobile-label { display: block; font-family: "Degular",Helvetica,Arial,sans-serif; font-weight: 500; padding-bottom: 30px; font-size: 20px; } } .rc-list-results { padding: 4em 0; &.grid-layout { .resource-center-posts-layout .row-holder { grid-template-columns: 1fr 1fr 1fr; } } .mobile-filters { display: block; } } .resource-center-posts-layout { .row-holder .resource-center-post { .post-content-container { grid-template-columns: 200px calc(100% - 234px); grid-gap: 0 34px; .blogpost-image { min-height: 160px; height: 200px; width: 200px; } } } } } } } .single-location { &.site__header-sticky .site { margin-top: -35px; padding-top: 130px !important; } div.site__header__search { input[type="submit"] { right: 8px; left: auto; margin-right: 0; } &.active { input[type="submit"] { margin-right: 8px; } } } .section_contact-form .form-container { margin-left: 0; } .wpcf7-form-control-wrap { select, textarea { background-color: transparent; } } } .site__footer .footer-bottom-menu { width: 49%; } .page-id-3083, .page-id-5511 { &.admin-bar.site__header-sticky .site { padding-top: 0 !important; } // div.site__header__search { // position: relative !important; // right: 0 !important; // input[type="submit"] { // position: absolute; // right: 8px; // margin-right: 0; // left: unset; // } // } } .global-alert-banner { width: 100%; } .site.has-alert { } .home { &.site__header-sticky { .site { margin-top: -100px; } } .site.has-alert { margin-top: -100px; } .animation-overlay { width: 100%; } } .site__header-sticky { &.page-template-header-bg { .site.has-alert { margin-top: 142px !important; } } &.single-post { .site__header__container.has-alert { top: 50px; } .site.has-alert { margin-top: -111px; } } &.page-template-default { .site.has-alert { margin-top: -173px; padding-top: 160px !important; } } &.page-template-page-locations-landing { .site.has-alert { margin-top: -90px; } } &.single-location, &.blog { .site.has-alert { margin-top: 12px; } } &.single-post { .site.has-alert { padding-top: 234px !important; } } &.page-template-job-search, .page-template-internal-job-search { .site.has-alert { margin-top: -80px; } } &.home { .site__header__container.has-alert { top: 67px; } .site.has-alert { padding-top: 210px !important; } } &.nav-open { .site__header__container { &.has-alert { top: 0; } } } &.admin-bar { .site { margin-top: 93px !important; } } } &.admin-bar { &.nav-open { .site__header__container.has-alert { top: 50px; } } &.single-post { .site__header-container.has-alert { top: 84px; } } &.blog, &.archive.category { .site.has-alert { padding-top: 220px !important; } &.site__header-sticky { .site.has-alert { padding-top: 220px !important; } } } &.site__header-sticky.home .site.has-alert { padding-top: 160px !important; } } .section__banner-content h1 { font-size: 4.5rem; line-height: 1.1em; margin-bottom: 24px; } .section__banner-alt { min-height: 400px; height: 100%; display: grid; .grid { max-width: 1270px; margin: 0; padding: 0 20px; } #breadcrumbs { margin-right: 20px; display: none; } .section__banner-content { h1 { font-size: 4.5rem; margin-bottom: 30px; } .h4 { line-height: 1.3em; } } } .section__banner--border-bg { top: 0; width: 100% !important; height: 100% !important; background-size: cover !important; .grid { padding: 0; } } .section__banner--bordered-bg { width: 100% !important; height: 100% !important; } .section__banner--bordered { .section__banner--bordered-bg { width: 100% !important; height: 100% !important; } .section__banner-content { max-width: 1270px; margin: 0 40px; padding: 2em 0 4.5em; } .grid { .col-lg-5 { -ms-grid-column-span: 12; grid-column-end: span 12; } .section__banner-content { margin: 20px 20px 0 !important; } } } .section_heading-3-columns, .section_heading-2-columns, .section_content-single { .grid { padding: 0 4%; .grid { padding: 0; } } } .page-id-38 { #block-0.section_heading-3-columns { .grid { padding: 0 4%; .grid { padding: 0; } } } } h5, .h5 { font-size: 1.6rem; line-height: .175rem; } .icons-grid-block { padding: 4.5em 0; .section-inner-container { .icons-grid { grid-gap: 0 15px; .icon-grid-callout { align-items: center; vertical-align: middle; display: grid; } &.five-columns-count { grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; &.show-borders { padding-top: 2em; } } &.three-columns-count { grid-gap: 40px; &.align-right { width: 100%; margin-left: 0; } } } } } .section_content-2-columns { .grid { .grid { .col-lg-6:nth-of-type(2) { padding-left: 0%; } } } } .section_benefits-list { &.three-col { ul { grid-template-columns: 1fr 1fr; } } ul { grid-template-columns: 1fr 1fr; } } .section_content-2-columns, .section_heading-2-columns, .section_heading-3-columns, .section_benefits-list, section.list__filters, .list__filters.section__inner, .section_services-row, .section_content-single, .section_casestudies-row, .section_slider_3_cols, .section_contact-form { padding-top: 4.5em; padding-bottom: 4.5em; } .page-id-118 { .icons-grid-block { .section-inner-container { .icons-grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } } } } @media (max-width: 1024px) { h1, .h1 { font-size: 4.5rem; line-height: 1.3em; } .single .section__banner h1 { font-size: 4rem; } .site__header__search { padding-right: 30px; } // div.site__header__search input[type="search"] { // margin-left: 0; // color: #000; // display: block; // padding: 16px; // } // // div.site__header__search input[type="submit"] { // display: block; // top: 50%; // left: 50%; // margin-right: -50%; // transform: translate(-50%, -50%); // margin-left: 8px; // right: auto; // left: unset; // margin-right: 0; // right: 8px; // } // // div.site__header__search { // position: absolute; // right: 60px; // } // .page-id-5511 { // div.site__header__search { // position: relative; // right: 0; // input[type="submit"] { // position: absolute; // top: 8px; // right: 8px; // width: 16px; // height: 16px; // border: 0; // background-repeat: no-repeat; // background-image: url(../images/icon-search.svg); // background-color: transparent; // background-size: contain; // -webkit-transform: rotate(-290deg); // -ms-transform: rotate(-290deg); // transform: rotate(-290deg); // text-indent: -200vw; // overflow: hidden; // transition: all .25s ease; // cursor: pointer; // pointer-events: none; // left: unset; // margin-right: 0; // } // } // } // div.site__header__search.active input[type="submit"] { // right: 8px; // left: auto; // margin-right: -16px; // transform: translate(0, -50%); // } .single-location.admin-bar.site__header-sticky .site { margin-top: 80px; padding-top: 0px !important; } .stat-blocks.has-image { .container { width: 84%; } .stat-blocks-container { grid-template-columns: 1fr; .stat { margin-bottom: 3em; &:last-of-type { margin-bottom: 0; } } } } .icon-and-content-block { .block-content-container { } } .page-template-header-bg { .site__header-sticky .site, .home.site__header-sticky .site { padding-top: 0; } } .site__header-sticky { &.admin-bar { .site { padding-top: 80px !important; &.has-alert { main { padding-top: 70px !important; } } } .site__header__container { &.has-alert { top: 99px; } } } } .home .site.has-alert { .section__banner { .home-video-container { iframe { width: 170%; left: -25%; } } } } } @media (max-width: 960px) { .home .home-video-container { iframe { width: 111%; left: -5%; } } } @media (max-width: 860px) { .page-template-job-search, .page-template-internal-job-search { .job-search-results .search-container .submit-button-container { right: 0; width: calc(15% + 15.5px); .fwp-submit { position: absolute; right: 0; } } } .basic-text-block.white-bg .container { width: 84%; } .icon-and-content-block { .block-content-container { grid-template-columns: 150px calc(96% - 150px); grid-gap: 0 4%; } } .basic-text-block + .stat-blocks { padding-top: 1em; } .basic-text-block.black-bg + .stat-blocks { padding-top: 3em; } .site__footer .footer-bottom-menu { position: relative; float: none; bottom: unset; padding-top: 40px; width: 100%; } .home .section__banner { .home-video-container { iframe { width: 142%; left: -11%; } } } } @media (max-width: 840px) { .single-job, .single-internal-job, .single-internal-job-disys { .single-content-container { .content-left-right { .post-meta-container { grid-template-columns: 1fr; padding-top: 5px; padding-bottom: 15px; font-size: 16px; .post-meta { padding-left: 24px; &:nth-of-type(4n + 4), &::nth-of-type(4n + 2) { padding-right: 0; } } } .post-description { p, ul, ol { font-size: 16px !important; } } .section-heading { font-size: 30px; margin-bottom: 24px; } h3 { font-size: 18px; margin: 0 0 15px; } #input_5_1 { line-height: 1em !important; padding: 8px 10px !important; border: 1px solid #d8d8d6; background-color: #fff; -webkit-appearance: unset; -moz-appearance: unset; -ms-appearance: unset; appearance: unset; } .form-block { .section-heading { margin-bottom: 0; } .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not( [type="image"] ):not([type="file"]) { line-height: 1em !important; padding: 8px 10px !important; } .form { #field_6_9 { font-size: 16px; } .gfield--type-select { select { max-width: 100%; } } } } .block-section { &.social-sharing .social-sharing-container { margin-top: 15px; ul li { font-size: 22px; } } .sign-up-form-container { margin-top: 15px; } h4 { font-size: 20px; } .job-post { .job-post-title { font-size: 16px; } .content-holder { font-size: 16px; } } } } } } .blog, .archive.category { .featured-content-items { .featured-content-items-container { .featured-content { .ft-content-container { grid-template-columns: 100px calc(96% - 100px); .callout-image { min-height: 100px; } } } } } .resource-center-listings { .content-left-right { .rc-list-results.grid-layout { .resource-center-posts-layout { .row-holder { grid-template-columns: 1fr 1fr; } } } } } } .section_heading-featured-content { .featured-content-header { display: block; } .featured-content-callouts { grid-template-columns: 1fr; .featured-content { border-left: none; &:before { display: none; } &.has-image { .ft-content-container { grid-template-columns: 100px calc(96% - 100px); .callout-image { display: block; min-height: 100px; padding-bottom: 100px; } .callout-title { margin-top: 0; font-size: 22px; font-family: 'Degular Display', Helvetica, sans-serif; letter-spacing: 1px; } } } .callout-content { line-height: 1.5em; } } } } .icons-grid-block .section-inner-container { .icons-grid { &.three-columns-count { grid-template-columns: 1fr 1fr; &.align-center { width: 100%; } &.align-right { margin-left: 0; width: 100%; } } &.five-columns-count { grid-template-columns: 1fr 1fr; } } } .page-id-118 { .icons-grid-block { .section-inner-container { .icons-grid { grid-template-columns: 1fr 1fr 1fr 1fr; } } } } } @media (max-width: 780px) { .site__header-sticky { &.admin-bar { .site { padding-top: 78px !important; margin-top: 0 !important; } } } .home .section__banner { .home-video-container { padding-bottom: 1300px; iframe { width: 160%; left: -11%; } } } .admin-bar.site__header-sticky { &.home.page-template-default { .site__header__container.has-alert { top: 113px; } } } } @media (max-width: 767px) { .site__header-sticky { &.admin-bar { .site__header__container.has-alert { top: 113px; } .site.has-alert { main { padding-top: 0 !important; } } &.home { .site.has-alert { padding-top: 160px !important; .section__banner { margin: 0; } } } } } .admin-bar.site__header-sticky { &.home { &.page-template-default { .site__header__container.has-alert { top: 116px; } } .site.has-alert { padding-top: 162px !important; } } } p, main p, h6, .h6, .subtitle, .section_benefits-list li, .section_toggle-menu li>span, .section_toggle-content p { font-size: 1.1875rem; } .section_heading-3-columns-full { .column-content { ul, ol { font-size: 1.1875rem; } } } .home { .section__banner { .banner { figure { max-height: 400px; } } .home-video-container { iframe { width: 175%; left: -20%; } } } } .page-template-initiative { &.admin-bar.site__header-sticky .site { padding-top: 70px !important; } .page-featured-image { .tagline-container { h2 { margin: 0; font-size: 3em; .highlight { &:after { width: 353px; } } } } } .alm-listing.grid .blogpost-column-inner { //grid-template-columns: 1fr; .blogpost-image { // padding-bottom: 80%; // width: 100%; } } .basic-text-block.white-bg .container { width: 100%; } } .single-location { .image-and-content-block-layout { &.image-left { .block-content-container { grid-template-columns: 1fr; } } &.image-right { .block-content-container { grid-template-columns: 1fr; } } .block-content-container { .image-column { } .content-column { padding: 4em 8%; } } } .services-repeater-block { .services-blocks { grid-template-columns: 1fr; } } } .page-template-page-locations-landing { .location-list-nav { padding: 0 35px; width: 100%; } } .locations-list-group { .locations-bucket-regions { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; column-count: 2; } } .blog, .archive.category { .featured-content-items { .featured-content-items-container { position: relative; } .slick-dots { display: block; } } .resource-center-listings .content-left-right .rc-filters { width: 60%; left: -60vw; &.open { .rc-filters-groups { .mobile-label.bottom-buttons { width: 60%; } } } } } .page-template-header-bg { .header-bg-section { height: 550px; .tag-container { width: 92%; margin: 0 auto; h1 { letter-spacing: 1.5px; } } } .desktop-break { display: none; } } .section_benefits-list { &.three-col { ul { grid-template-columns: 1fr; } } &.two-col { ul { grid-template-columns: 1fr; } } ul { grid-template-columns: 1fr; grid-gap: 30px 0; } } } @media (max-width: 760px) { .site__header-sticky { &.page-template-default, &.blog, &.page-template-header-bg, &.page-template-job-search, &.page-template-page-locations-landing, .page-template-internal-job-search { &.nav-open { .site__header__container.has-alert { top: 0; } } .site__header__container { &.has-alert { top: 68px; &.scroll-active { top: 0px; } } } } &.page-template-default { .site.has-alert { padding-top: 160px !important; } } &.page-template-job-search, .page-template-internal-job-search { .site { &.has-alert { margin-top: -62px; } } } &.page-template-header-bg { .site.has-alert { margin-top: 160px !important; } } &.blog, &.archive.category { .site.has-alert { margin-top: 30px; } } &.single-job, &.single-post, &.page-template-page-locations, &.single-location { .site__header__container.has-alert { top: 68px; } &.nav-open { .site__header__container.has-alert { top: 0; } } } &.single-job { .site.has-alert { padding-top: 160px !important; } } &.single-location { .site.has-alert { margin-top: 18px; } } &.single-post { .site.has-alert { margin-top: -94px; } } &.page-template-page-locations-landing { .site.has-alert { margin-top: -60px; } .site__header__container { &.has-alert { top: 68px; } } } &.home { .site.has-alert { padding-top: 161px !important; .section__banner { .home-video-container { iframe { width: 213%; } } } } .site { padding-top: 94px !important; } } &.admin-bar { .site { margin-top: 0px !important; padding-top: 80px !important; } &.home { padding-top: 0px !important; .site { padding-top: 93px !important; &.has-alert { padding-top: 135px !important; } } } .site__header__container.has-alert { top: 116px; } .site.has-alert { main { padding-top: 0 !important; } } &.home { .site.has-alert { padding-top: 160px !important; .section__banner { margin: 0; } } } } } .home { &.site__header-sticky { .site.has-alert { margin-top: -68px; } .site { padding-top: 94px !important; } } .section__banner { margin-top: 0 !important; } .site.has-alert { .section__banner { .home-video-container { iframe { width: 195%; left: -40%; } } } } } .admin-bar { .global-alert-banner { top: 0; } .site__header__container.has-alert { top: 116px; } &.page-template-header-bg, &.blog, &.page-template-job-search, &.single-job, &.single-location, &.page-template-page-locations-landing, &.home, &.single-blog { .site__header__container.has-alert { top: 116px; } } &.home { .site.has-alert { //margin-top: -125px; padding-top: 0; } } &.blog { .site.has-alert { margin-top: 50px !important; } } &.page-template-job-search, .page-template-internal-job-search { .site.has-alert { margin-top: 0; } } &.nav-open { .site__header__container.has-alert { top: 45px !important; } } } .global-alert-banner { font-size: 16px; .alert-text { line-height: 1.3em; } .container { display: block; } } .section__banner-content h1 { font-size: 4rem; } } @media (max-width: 640px) { .home { .section__banner { .home-video-container { padding-bottom: 1220px; iframe { width: 185%; left: -40%; } } .section__banner-home-content { .btn-group { margin-top: 30px; } } .banner { figure { max-height: 320px; } } } .site.has-alert { .section__banner { .home-video-container { iframe { width: 190%; left: -40%; } } } } &.admin-bar { .site.has-alert { .section__banner { .home-video-container { iframe { width: 222%; } } } } } } .modal-popup { width: 92%; } .fancybox-content { padding: 30px; } .page-template-job-search, .page-template-internal-job-search { .job-search-results .search-container .submit-button-container { position: relative; text-align: right; margin-bottom: 30px; margin-top: -15px; width: 100%; max-width: 100%; .fwp-submit { position: relative; right: 0; padding: 12px; } } } .stat-blocks .stat-blocks-container { .stat { .stat-number-container, .symbol { font-size: 50px; } } } .card-layout-block .card-layout-container { .block-content-container { grid-template-columns: 1fr; .right-content { display: none; } } } .page-template-initiative { .site__header-sticky .site .site__header__container .site__header__logo img, .site .site__header__container .site__header__logo img, footer .initiative-logo img { max-height: 50px; } .page-featured-image { .tagline-container { width: 60%; h2 { font-size: 2.5em; .highlight:after { width: 300px; } } } } .alm-listing.grid { .blogpost-column-inner { grid-template-columns: 100px calc(100% - 124px); grid-gap: 0 24px; } .blogpost-column-content { padding: 0px; } .blogpost-image { min-height: 100px; max-height: 100px; width: 100px; } } } .blog, .archive.category { .featured-content-items { .featured-content-items-container { .featured-content { .ft-content-container { grid-template-columns: 1fr; .callout-image { padding-bottom: 56.25%; } .callout-title { margin-top: 24px; } } } } } .resource-center-listings { .content-left-right { .rc-list-results { &.grid-layout { .resource-center-posts-layout .row-holder { grid-template-columns: 1fr; .resource-center-post { .post-content-container { .blogpost-image { padding-bottom: 56.25%; } } } } } .mobile-filters { .sort-input { width: calc(100% - 70px); .facetwp-input-wrap { width: 100%; } } .filter-button { width: 70px; top: 8px; button { color: #000 !important; text-decoration: none; -webkit-text-decoration: none; text-underline-position: under; -webkit-text-underline-position: under; } } } } .resource-center-posts-layout { .row-holder { .resource-center-post { .post-content-container { grid-template-columns: 100px calc(100% - 124px); grid-gap: 0 24px; .blogpost-image { max-height: 100px; min-height: 100px; width: 100px; } .post-content { .rc-post-title { font-size: 22px; margin-bottom: 10px; margin-top: -7px; } } } } } } } } } .single-location { div.site__header__search { input[type="submit"] { //right: 0; } &.active { input[type="submit"] { margin-right: 4px; } } } } .page-template-header-bg { .site__header-sticky .site { padding-top: 140px !important; } .header-bg-section { height: 500px; .tag-container { width: 92%; margin: 0 auto; padding-top: 120px; h1 { font-size: 65px; line-height: 1.2em; } } } } // div.site__header__search input[type="submit"] { // right: 0; // } .page-id-3083 { div.site__header__search { // input[type="submit"] { // right: 0; // } // &.active { // input[type="submit"] { // right: 8px !important; // margin-top: 0; // margin-right: 0; // } // } } } .page-id-5511, .page-id-3083 { &.INDMobile.INDSafari { .site__header__search { input[type="submit"] { top: 15px; right: -2px; } &.active { input[type="submit"] { top: 15px; right: -2px; } } } } .site__header__search { margin-right: 20px !important; } // div.site__header__search { // input[type="submit"] { // right: 8px !important; // } // &.active { // input[type="submit"] { // right: 8px !important; // margin-top: 8px; // margin-right: 0; // } // } // } } .site__header__search { input[type="search"]::placeholder { color: transparent; } } .site__header__search.active input[type="search"]::placeholder { color: darkgrey; } .site__header__search { padding-right: 0 !important; margin-right: 40px !important; form { label { margin-left: 0; } } .site__header__logo { // max-width: 200px; // width: 200px; } input[type=search] { width: 30px; margin-left: 0 !important; height: 28px; padding: 15px; border: 1px solid #000 !important; -webkit-box-shadow: inset 0 0 0 1px #000; -moz-box-shadow: inset 0 0 0 1px #000; -ms-box-shadow: inset 0 0 0 1px #000; z-index: 99; top: 15px !important; right: -2px !important; width: 16px; height: 16px; &::placeholder, &:placeholder, &::-webkit-input-placeholder, &:-webkit-input-placeholder, &:-moz-input-placeholder, &:-ms-input-placeholder { font-size: 0; color: transparent !important; } } input[type="submit"] { // position: relative !important; // right: 32px !important; // top: 10px; top: 15px !important; right: -2px !important; width: 32px !important; height: 16px !important; } &.active { input[type=search] { z-index: 9; &::placeholder, &:placeholder, &::-webkit-input-placeholder, &:-webkit-input-placeholder, &:-moz-input-placeholder, &:-ms-input-placeholder { font-size: 16px; color: darkgray !important; } } // input[type="submit"] { // position: relative; // right: 35px; // top: 10px; // } } } .INDMobile.INDSafari { .site__header__search { input[type="search"] { border: 1px solid #000 !important; } input[type="submit"] { top: 15px !important; right: -2px !important; } &.active { input[type="submit"] { top: 15px; right: -2px; } } } } .section_heading-featured-content { .featured-content-callouts { grid-template-columns: 1fr; .featured-content { border-left: none; &.has-image { .ft-content-container { grid-template-columns: 1fr; .callout-image { display: block; min-height: 100px; padding-bottom: 56.25%; } .callout-title { margin-top: 15px; font-size: 24px; font-family: 'Degular Display', Helvetica, sans-serif; letter-spacing: 1px; } } } } } } .page-template-page-locations-landing { .location-list-nav { margin: 2em 0 0; } .location-list-nav-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0 2%; grid-auto-flow: row dense; .btn { margin-right: 0; padding: 14px 0; display: block; min-width: unset; &:last-child { margin-right: 0; } } } } } @media (max-width: 600px) { .home .home-video-container { iframe { width: 187%; left: -45%; } } .site__header-sticky { &.admin-bar { .site.has-alert { padding-top: 162px !important; .section__banner { .home-video-container { iframe { width: 222%; } } } } } } } @media (max-width: 573px) { .site__header-sticky { &.blog { .site.has-alert { padding-top: 187px !important; } .site__header__container.has-alert { top: 94px; } } &.page-template-default { .site__header__container.has-alert { top: 93px; } .site.has-alert { padding-top: 186px !important; } } &.home { .site__header__container.has-alert { top: 93px; } .site.has-alert { padding-top: 186px !important; } &.admin-bar { .site__header__container.has-alert { top: 164px; } &.site__header-sticky.home .site.has-alert { padding-top: 163px !important; } } } } } @media (max-width: 558px) { .site__header-sticky { &.home { .site__header__container.has-alert { top: 93px; } .site.has-alert { padding-top: 186px !important; } &.admin-bar { &.page-template-default { .site__header__container.has-alert { top: 140px; } } &.site__header-sticky.home .site.has-alert { padding-top: 187px !important; } } } } } @media (max-width: 548px) { .site__header-sticky { &.page-template-default .site__header__container.has-alert { top: 94px; } &.home { .site.has-alert { padding-top: 187px !important; } } &.admin-bar { .site.has-alert { padding-top: 162px !important; .section__banner { .home-video-container { iframe { width: 275%; } } } } &.home { &.page-template-default { .site__header__container.has-alert { top: 140px; } } .site.has-alert { padding-top: 186px !important; } } } } .home { .site.has-alert .section__banner .home-video-container iframe { width: 250%; } } } @media (max-width: 540px) { .blog, .archive.category { .resource-center-listings .content-left-right .rc-filters { width: 70%; left: -70vw; &.open { .rc-filters-groups { .mobile-label.bottom-buttons { width: 70%; } } } } } .page-template-header-bg { .site__header-sticky .site { padding-top: 120px !important; } .header-bg-section { height: 450px; .logo-mark-container { img { max-width: 90px; } } .tag-container { padding-top: 120px; h1 { font-size: 55px; } } } .section__banner { h2 { font-size: 24px; } } } .home { .animation-overlay { width: 100%; } .section__banner { height: 1060px !important; .home-video-container { padding-bottom: 1300px; iframe { width: 211%; left: -100%; } } } .site.has-alert .section__banner .home-video-container iframe { width: 320%; } &.site__header-sticky .site.has-alert .section__banner .home-video-container iframe { width: 250%; } } .icons-grid-block .section-inner-container { .icons-grid { &.five-columns-count { grid-template-columns: 1fr 1fr; } } } .page-id-118 { .icons-grid-block { .section-inner-container { .icons-grid { grid-template-columns: 1fr 1fr 1fr; } } } } } @media (max-width: 480px) { .home { .animation-overlay { width: 100%; } .section__banner { height: 1111px !important; h2.h6 { line-height: 1.5em; } .home-video-container { padding-bottom: 1300px; iframe { width: 250%; left: -50%; } } } } .site__header-sticky { &.home .site.has-alert .section__banner .home-video-container iframe { width: 280%; } &.admin-bar { .site.has-alert { .section__banner { .home-video-container { iframe { width: 322%; } } } } } } .stat-blocks { &.no-image { .stat-blocks-container { grid-template-columns: 1fr; .stat { &:nth-of-type(odd) { border-right: none; border-bottom: 1px solid #000; } &:nth-of-type(even) { padding-top: 1.5em; } } } } } .page-template-initiative { .page-featured-image { .tagline-container { width: 84%; right: 8%; h2 { font-size: 2em; .highlight:after { width: 245px; } } } } .list__results { .grid { padding: 0; } } } .icon-and-content-block { .block-content-container { grid-template-columns: 1fr; .icon-container { width: 200px; } } } .icons-grid-block .section-inner-container { .icons-grid { &.five-columns-count, &.three-columns-count { grid-template-columns: 1fr 1fr; &.show-borders { .icon-grid-callout { padding: 20px; } } } } } .blog .resource-center-listings .content-left-right { .rc-filters { width: 100%; left: -100vw; &.open { .rc-filters-groups { .mobile-label.bottom-buttons { width: 100%; } } } } .resource-center-posts-layout { .row-holder { .resource-center-post { .post-content-container { grid-template-columns: 80px calc(100% - 104px); grid-gap: 0 24px; .blogpost-image { max-height: 80px; min-height: 80px; width: 80px; } } } } } } .locations-list-group { .locations-bucket-regions { -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; column-count: 1; } } .site__footer { .footer-bottom-menu { #menu-footer-bottom-menu li { margin-right: 2%; } } } .section__banner-content h1 { font-size: 3rem; } .single .section__banner h1 { font-size: 3rem; } .section__banner-alt { & .section__banner-content { padding: 20px 0 40px; h1 { font-size: 3rem; } h1 + .btn-group { margin-top: 0; a { margin-top: 0; } } } } .global-alert-banner { font-size: 16px; } } @media (max-width: 450px) { .home { .section__banner { height: 1200px !important; .home-video-container { padding-bottom: 1360px; iframe { width: 260%; left: -111%; } } } .site.has-alert .section__banner .home-video-container iframe { width: 350%; } } .site__header-sticky { &.home .site.has-alert .section__banner .home-video-container iframe { width: 300%; } &.admin-bar { .site.has-alert { .section__banner { .home-video-container { iframe { width: 370%; } } } } } } } @media (max-width: 435px) { .home { .section__banner { height: 1245px !important; .home-video-container { padding-bottom: 1360px; iframe { width: 300%; } } } } } @media (max-width: 400px) { .home { .section__banner { .home-video-container { iframe { // width: 640%; // left: -320%; width: 320%; left: -76%; } } } .btn-group { .btn { font-size: .82rem; padding: 12px; margin-right: 12px; &:last-of-type { margin-right: 0; } } } } } @media (max-width: 380px) { .page-template-page-locations-landing { .location-list-nav-container { grid-template-columns: 1fr 1fr; grid-gap: 0 5%; } } .home { .section__banner { height: 1270px !important; .home-video-container { iframe { width: 360%; left: -160%; } } } .site.has-alert .section__banner .home-video-container iframe { width: 370%; } } .site__header-sticky { &.home .site.has-alert .section__banner .home-video-container iframe { width: 330%; } &.admin-bar { &.home.page-template-default { .site__header__container.has-alert { top: 164px; } } &.home { .site.has-alert { padding-top: 210px !important; } } .site.has-alert { padding-top: 210px !important; .section__banner { .home-video-container { iframe { width: 450%; } } } } } } } @media (max-width: 376px) { .site__header-sticky { &.home { &.page-template-default { .site__header__container.has-alert { top: 118px; } } .site.has-alert { padding-top: 210px !important; .section__banner .home-video-container iframe { width: 350%; } } } &.page-template-default, &.blog { .site__header__container.has-alert { top: 118px; } .site.has-alert { padding-top: 212px !important; } } } } @media (max-width: 368px) { .global-alert-banner { font-size: 16px; } .site__header-sticky { // &.page-template-default, &.home, &.blog, &.page-template-header-bg, &.single-location, &.single-post, &.single-job, &.page-template-page-locations-landing { // .site__header__container.has-alert { // top: 84px; // } // } &.page-template-default, &.blog { .site.has-alert { padding-top: 212px !important; } } &.blog { .site__header__container.has-alert { top: 118px; } } &.home { .site.has-alert { padding-top: 187px; } } &.page-template-header-bg { .site.has-alert { margin-top: 176px !important; } } &.single-job { .site.has-alert { padding-top: 177px !important; } } // &.blog { // .site.has-alert { // margin-top: 48px; // } // } &.single-post { .site.has-alert { margin-top: -78px; } } &.page-template-page-locations-landing { .site.has-alert { margin-top: -44px; } } &.single-location { .site.has-alert { margin-top: 45px; } } } .home { .section__banner { height: 1306px !important; .home-video-container { padding-bottom: 1450px; iframe { width: 388%; left: -160%; } } } .site.has-alert .section__banner .home-video-container iframe { width: 400%; left: -70%; } } } @media (max-width: 350px) { .home { .section__banner { height: 1366px !important; .home-video-container { padding-bottom: 1480px; iframe { width: 432%; } } } .site.has-alert .section__banner .home-video-container iframe { width: 440%; } &.site__header-sticky { &.page-template-default { .site__header__container.has-alert { top: 118px; } } .site.has-alert { padding-top: 211px !important; .section__banner .home-video-container iframe { width: 390%; } } .site.has-alert .section__banner .home-video-container iframe { width: 450%; } } } .global-alert-banner .alert-text { margin-right: 0; } .admin-bar.home { .site__header__container.has-alert { top: 164px; } &.site__header-sticky.home .site.has-alert { padding-top: 211px !important; } } .site__header-sticky { &.blog { .site.has-alert { padding-top: 210px !important; } .site__header__container.has-alert { top: 118px; } } } } @media (max-width: 335px) { .site__header__search, .page-id-3083 div.site__header__search, .page-id-5511 div.site__header__search { margin-right: 4%; } .home .section__banner { height: 1415px !important; .home-video-container { padding-bottom: 1580px; iframe { width: 514%; } } } } @media (max-width: 300px) { .page-template-page-locations-landing { .section__banner { .grid { display: block; } } } .home .section__banner { height: 1465px !important; .home-video-container { padding-bottom: 1650px; } } .site__header-sticky { &.page-template-default, &.blog { .site__header__container.has-alert { top: 142px; } .site.has-alert { padding-top: 235px !important; } } &.home { &.page-template-default .site__header__container.has-alert { top: 142px; } .site.has-alert .section__banner .home-video-container iframe { width: 490%; } } } .section__banner--bordered { .grid { display: block; } .banner { width: 100%; } } .grid { display: block; padding: 0 20px; } }