/* Theme Name: bootScore Child Description: bootScore Child Theme Author: bootScore Author URI: https://bootscore.me Template: bootscore-main Version: 5.3.0 Text Domain: bootscore */ /* All style editing is done via scss/_bscore_custom.scss */ /* body, .container-fluid { overflow-x: hidden !important; } */ #page { height: auto; } .container { max-width: 1920px; padding: 0 70px; } /** COLOR STYLES **/ :root { --brand-white: #FFFFFF; --brand-black: #000000; --brand-ltgrey: #F5F5F5; --brand-dkgrey: #1E1E1E; --brand-purple: #470097; --brand-cyan: #00fec1; --brand-textgrey: #CCCCCC; --brand-grey: #d9d9d9; --brand-d8d8d8: #d8d8d8; } .gentherm-wrapper { padding: 0 100px; } .gentherm-wrapper-left { padding: 0 0 0 100px; } .gentherm-wrapper-right { padding: 0 100px 0 0; } .gentherm-wrapper-inner { padding: 0 8%; } .bg-ltgrey { background-color: var(--brand-ltgrey); } .bg-brand-grey { background-color: var(--brand-grey); } .bg-brand-d8d8d8 { background-color: var(--brand-d8d8d8); } .bg-brand-ltgrey { background-color: var(--brand-ltgrey); } .bg-brand-purple { background-color: var(--brand-purple); } .bg-brand-black { background-color: var(--brand-black); } .bg-brand-dkgrey { background-color: var(--brand-dkgrey); } .bg-brand-cyan { background-color: var(--brand-cyan); } .header-fade { background-color: var(--brand-black); opacity: 1.0; transition: all 1s; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) rgba(0,0,0,0.3) !important; } .border-start-dt { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .bg-brand-black .border-top { border-top: var(--bs-border-width) var(--bs-border-style) rgba(255,255,255,0.3) !important; } .text-grey { color: var(--brand-white); opacity: 0.5; } .text-purple { color: var(--brand-purple); } .text-cyan { color: var(--brand-cyan); } .border-top-textgrey { border-top: 2px solid var(--brand-textgrey); padding-top: 25px; } .logo { max-width: 200px; width: 100%; } .bootscore-copyright { font-size: 0.7em; } p { font-size: 1.25em; } p.card-text { font-size: 1em; } /** GENERIC STYLES **/ header#masthead { background-color: transparent; box-shadow: none; } a, a:hover { text-decoration: none; color: inherit; } .btn-with-arrow { padding: 0; color: var(--brand-black); } .btn-with-arrow::after { font-weight: 100; content: url('/wp-content/uploads/link-arrow.svg'); margin: 0 0 0 5px; } .btn-with-arrow-white { padding: 0; color: var(--brand-white); } .btn-with-arrow-white::after { font-weight: 100; content: url('/wp-content/uploads/link-arrow-white.svg'); margin: 0 0 0 5px; } .btn-with-arrow-white-long { padding: 0; color: var(--brand-white); } .btn-with-arrow-white-long::after { font-weight: 100; content: url('/wp-content/uploads/link-arrow-white-long.svg'); margin: 0 0 0 5px; } .btn-with-arrow-ltgrey-long { padding: 0; color: var(--brand-textgrey); } .btn-with-arrow-ltgrey-long::after { font-weight: 100; content: url('/wp-content/uploads/link-arrow-ltgrey-long.svg'); margin: 0 0 0 5px; } .btn-with-arrow-lg { padding: 0; color: var(--brand-black); } /*.btn-with-arrow-lg::after { font-weight: 100; content: url('/svg/inpage-nav-arrow.svg'); margin: 0 0 0 5px; } */ .btn-with-arrow-lg::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 3rem; background: url('/svg/inpage-nav-arrow.svg') no-repeat center; background-size: contain; vertical-align: sub; } .card { color: inherit; } span.cyan-overlay { background: var(--brand-cyan); display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .feature-border-top { border-top: 1px solid #999999; } .btn-cyan { background-color: var(--brand-cyan); border-radius: 40px; width: 200px; color: var(--brand-purple); font-size: 14px; font-family: GenthermMedium; height: 50px; line-height: 2.5; } .btn-cyan:hover { background-color: var(--brand-cyan) !important; filter: brightness(80%) !important; } .btn-totop { background-color: var(--brand-cyan); } .btn-totop:hover { background-color: var(--brand-cyan) !important; filter: brightness(80%) !important; } .btn-purple { background-color: var(--brand-purple); color: var(--brand-white); } .btn-purple:hover { background-color: var(--brand-purple) !important; filter: brightness(80%) !important; } @font-face { font-family: "GenthermLight"; src: url("/wp-content/uploads/NeueMontreal-Light.woff") format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: "Gentherm"; src: url("/wp-content/uploads/NeueMontreal-Regular.woff") format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: "GenthermMedium"; src: url("/wp-content/uploads/NeueMontreal-Medium.woff") format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: "GenthermBold"; src: url("/wp-content/uploads/NeueMontreal-Bold.woff") format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: "GenthermItalic"; src: url("/wp-content/uploads/NeueMontreal-Italic.woff") format('woff'); font-weight: 400; font-style: normal; } * { font-family: Gentherm, Helvetica, Arial, sans-serif; } h3 { font-family: GenthermMedium; font-weight: 400; font-style: normal; } .light { font-family: GenthermLight; font-weight: 100; font-style: normal; } .medium { font-family: GenthermMedium; font-weight: 400; font-style: normal; } em { font-family: GenthermItalic; font-weight: 400; font-style: normal; } strong { font-family: GenthermBold; font-weight: 600; font-style: bold; } .dOnly { display: block; } .mOnly { display: none; } .dIBOnly { display: inline-block; } .mIBOnly { display: none; } .heading1 { font-size: 4vw; line-height: 1; font-weight: 300; } .section-title { font-size: 5vw; line-height: 1; font-weight: 100; } .solutions-title { font-size: 3.5vw; line-height: 1; font-weight: normal; } .inpage-navitem { font-size: clamp(32px, 3.5vw, 60px); line-height: 1.25; } /* font-size: 4.5rem; line-height: 1; font-weight: normal; } */ .feature-content-title-wrapper { position: absolute; top: 20px; left: 0px; z-index: 2; } .feature-content-left-offset { margin-left: -60px; } .feature-content-title { font-size: 3.5vw; line-height: 1; font-weight: normal; } .form-title { font-size: 2vw; line-height: 1; font-weight: normal; margin-bottom: 20px; } .feature-subhead { font-size: 1.75vw; line-height: 1; font-weight: normal; margin-bottom: 20px; max-width: 66%; } .content-title { font-size: 1.75vw; line-height: 1; font-weight: normal; } .feature-content-border-left-half:before { border-top: 1px solid #999999; width: 50%; content: ""; position: absolute; left: 0; } .feature-content-border-right-half:before { border-top: 1px solid #999999; width: 50%; content: ""; position: absolute; right: 0; } .feature-content-text { font-size: 1.25em; max-width: 85%; color: var(--brand-textgrey); } .feature-content-text-sm { font-size: 1.1em; max-width: 85%; color: var(--brand-textgrey); } .feature-content-text-fw { width: 100%; color: var(--brand-textgrey); } .feature-content-number { font-size: 0.75em; line-height: 1; font-weight: normal; color: var(--brand-cyan); } .feature-content-number-right { width: 100px; display: inline-block; vertical-align: top; margin: 0 0 0 100px; font-size: 0.75em; line-height: 1; font-weight: normal; color: var(--brand-cyan); } .feature-content-number-left { width: 100px; display: inline-block; margin: 2px 0 0 -100px; vertical-align: top; font-size: 0.75em; line-height: 1; font-weight: normal; color: var(--brand-cyan); } .feature-content-img { border-radius: 10px; } .img-expanded { position: absolute; top: -100%; left: -30%; max-width: 150%; } .img-expanded-about { margin-top: -15vh; transform-origin: 70% 50%; transform: scale(1.5); } .quad-box-floater { position: absolute; top: 0; left: 0; max-width: 360px; width: 100%; height: auto; } /** NAV **/ /*.menu-automotivecol1-container, .menu-automotivecol2-container, .menu-automotivecol3-container { display: none; }*/ .menu-medicalcol1-container, .menu-medicalcol2-container, .menu-medicalcol3-container { display: none; } .menu-medical-container { display: none; } /** MEGA MENU STYLES **/ #mega-menu-wrap-main-menu { width: 100%; } li.rp-menu-title>a { font-size: 18px!important; font-weight: 400!important; color: #fff!important; padding: 0 0 10px 0; } #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none; } .mega-sub-menu ul, ul.sub-menu { list-style: none; padding-left: 0; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { color: #c7c7c7; font-family: inherit; font-size: 14px; text-transform: none; text-decoration: none; font-weight: normal; text-align: left; margin: 0px 0px 0px 0px; padding: 5px 0px 25px 0px; vertical-align: top; display: block; border: 0; line-height: 2; } #mega-menu-wrap-main-menu #mega-menu-main-menu { display: flex; padding: 0px 20% 0px 20%; display: flex!important; justify-content: space-between; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 5px 15px 5px 15px; width: 100%; } #mega-menu-main-menu { position: relative!important; } .right-menu { position: absolute!important; right: 30px!important; } .astm-search-menu { position: absolute!important; right: 0!important; top: 20px!important; } .mega-block-title { display: block; width: 100%; padding: 0 0 20px 0!important; } .mega-block-title:hover::after, .mega-block-title.active::after { font-weight: 100; content: url('/wp-content/uploads/link-arrow-cyan-long.svg'); float: right; } #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-column { border: initial; } .solutions-submenu-col-1 { border-right: 1px solid rgba(255,255,255,0.3) !important; height: 250px!important; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { } .mega-current_page_item { border-bottom: 3px solid var(--brand-purple) !important; } /** ANIMATED LINE **/ .line { height: 3px; width: 75px; margin: 60px 0 0 0; } [data-inviewport="line"].is-inViewport { animation: growline 2s forwards; } @keyframes growline { from { width: 0px; } } /** CAROUSEL STYLES **/ #sliderCarousel2 .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='black'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='black'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='black'/%3E%3C/svg%3E"); } #sliderCarousel2 .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='black'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='black'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='black'/%3E%3C/svg%3E"); transform: rotate(180deg); } #sliderCarousel2 .carousel-control-container { position: absolute; top: -25px; right: 100px; width: 70px; } #sliderCarousel2 .carousel-control-next, #sliderCarousel2 .carousel-control-prev { width: auto; } #sliderCarousel2 .card img { max-width: 90px; } .carousel2 .card { border: 0; background-color: transparent; } #sliderCarousel3 .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='black'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='black'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='black'/%3E%3C/svg%3E"); } #sliderCarousel3 .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='black'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='black'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='black'/%3E%3C/svg%3E"); transform: rotate(180deg); } #sliderCarousel3 .carousel-control-container { position: absolute; top: -25px; right: 100px; width: 70px; } #sliderCarousel3 .carousel-control-next, #sliderCarousel3 .carousel-control-prev { width: auto; } .carousel-control-next, .carousel-control-prev { opacity: .2; } .carousel3 .card { border: 0; background-color: var(--brand-ltgrey); } .carousel3 .carousel-inner .carousel-item.active, .carousel3 .carousel-inner .carousel-item-next, .carousel3 .carousel-inner .carousel-item-prev { display: flex; } .carousel3 .carousel-inner .col-md-4.bleed .carousel-item.active, .carousel3 .carousel-inner .col-md-4.bleed .carousel-item-next, .carousel3 .carousel-inner .col-md-4.bleed .carousel-item-prev { display: flex; } /* .carousel3 .carousel-inner .col-md-4.bleed .carousel-item-end, .carousel3 .carousel-inner .carousel-item-start { transform: translateX(0); } */ .swiper { width: 100%; position: relative; /*overflow: initial !important; */ overflow-y: initial !important; } .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /*.slider2 .swiper-slide img { display: block; width: 94%; height: 100%; object-fit: cover; margin: 10px 0 0px 20px; } */ .swiper .card { border: 0; background-color: transparent; width: 100%; } .swiperNav { position: absolute; top: -30px; right: -10px; width: 80px; } /*.text-white .swiper-button-next, .text-white .swiper-button-prev { filter: invert(); }*/ .swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='black'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='black'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 35px;top: 0; background-size: 100% auto; background-position: center; } .swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='black'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='black'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; transform: rotate(180deg); width: 35px; top: 0; background-size: 100% auto; background-position: center; } /* ACCORDION STYLES */ .accordion { margin-top: 100px; } .accordion-dark .accordion-button:not(.collapsed)::after, .accordion-dark .accordion-button::after { filter: brightness(0); } .accordion-title { color: inherit; font-size: 1.75vw; line-height: 1; font-weight: normal; padding: 0 0 20px 0; border-bottom: 1px solid rgba(0,0,0,0.3); } .accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .accordion-button:not(.collapsed), .accordion-button { color: inherit; background-color: transparent; box-shadow: none; font-size: 1.75vw; line-height: 1; font-weight: normal; padding-left: 0; } .accordion-button-sm.accordion-button:not(.collapsed), .accordion-button-sm.accordion-button { color: inherit; background-color: transparent; box-shadow: none; font-size: 1.25vw; line-height: 1; font-weight: normal; padding-left: 0; } .accordion-button:not(.collapsed)::after, .accordion-button::after { filter: brightness(255); } .accordion-item { color: inherit; background-color: transparent; border: 0; border-top: 1px solid rgba(255,255,255,0.3);; border-bottom: 1px solid rgba(255,255,255,0.3); } .accordion-dark .accordion-item { color: inherit; background-color: transparent; border: 0; border-top: none; border-bottom: 1px solid rgba(0,0,0,0.3); } .accordion-body { padding-left: 0; } /* WHITE CAROUSEL CONTROLS */ #content.bg-brand-black .swiperNav2, .bg-brand-black .swiperNav2 { position: relative; width: 80px; height: 60px; float: right; } #content.bg-brand-black .swiper-button-next, .bg-brand-black .swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='white'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='white'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; top: 0; background-size: 100% auto; background-position: center; margin-top: 0;} #content.bg-brand-black .swiper-button-prev, .bg-brand-black .swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='white'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='white'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; transform: rotate(180deg); top: 0; background-size: 100% auto; background-position: center; margin-top: 0; } /* HOME - OUR SOLUTIONS */ #homeVideo video { filter: brightness(50%); } .solutions-number { font-size: 2.5em; line-height: 1; font-family: "GenthermLight"; margin-bottom: 20px; letter-spacing: 3px; font-weight: 600!important; } .solutions-number-title { font-size: 0.8em; line-height: 1; margin: 10px 0 10px 20px; } .solutions-number-img { border-radius: 10px; } .solutions-image-wrapper { position: relative; border-radius: 10px; margin-left: 20px; } .solutions-text-wrapper { margin-left: 20px; } .solutions-image-wrapper:after { opacity:0; } .solutions-image-wrapper:hover:after { content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:var(--brand-cyan); opacity:0.6; transition: all 0.5s; -webkit-transition: all 0.5s; border-radius: 10px; } .swiperNav2 { position: relative; width: 80px; height: 60px; float: right; } .swiperNav2 .swiper-button-next, .swiperNav2 .swiper-button-prev { top: 30px; } .swiper-button-next::after, .swiper-button-prev::after { display: none; } .our-solutions-text { max-width: 445px; } /* HOME - OUR STORY / WHO WE ARE */ .latest-news-border { border-top: none; } .who-we-are-text { max-width: 570px; } .img-whoweare { position: absolute; top: 0; left: -100px; width: 483px; height: 242px; max-width: 483px; } /* AUTOMOTIVE - ACCELERATING INNOVATION */ .img-acceleratinginnovation-top { position: absolute; top: 0; left: -100px; width: 690px; height: 681px; max-width: 690px; } .img-acceleratinginnovation-bottom { position: absolute; top: 0; left: -100px; width: 690px; height: 257px; max-width: 690px; } .feature-content-text-fw { max-width: 100%; color: var(--brand-textgrey); } /* HOME - SUSTAINABILITY */ #sustainability { background: url('/wp-content/uploads/bg-sustainability.jpg') no-repeat; background-size: cover; background-position: center; background-color: var(--brand-ltgrey); } .sustainability-wrapper { height: 850px; overflow: hidden; } .rp-screenshot-wrapper { position: relative; max-width: 1200px; margin: 10% auto 0 auto; } #rp-device-padding { position: absolute; bottom: 18%; left: 11.5%; max-width: 77%; overflow: hidden; } .rc { position: relative; max-width: 700px; max-height: 700px; width: 100%; height: 100%; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(100% 0, circle, rgba(0,0,0,0) 25px, #F00 25px), -webkit-radial-gradient(0 0, circle, rgba(0,0,0,0) 25px, #000 25px); -webkit-transform: rotate(0.000001deg); -webkit-border-radius: 100%; -moz-border-radius: 100%; aspect-ratio: 1/1; display: flex; margin: 0 auto; mask: url(/wp-content/uploads/circlemask.svg); } .video-circle { max-width: 700px; width: 100%; max-height: 700px; height: 100%; object-fit: cover; aspect-ratio: 1/1; margin-left: -100px; } .overlay { position: absolute; top: 0; left: 50%; max-height: 700px; background-color: #470097; max-width: 350px; display: flex; justify-content: start; align-items: center; width: 100%; height: 100%; z-index: 99; } .home-sustainability-text-wrapper { width: 100%; max-width: 280px; margin-top: 50%; transition: 0.3s; } .home-sustainability-text { font-weight: 800; font-size: 14vw; z-index:0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 20vh; line-height: 0.75; color: rgba(0,0,0,0.1); transition: 0.3s; } /* HOME - NEWSLETTER */ #newsletter input[type=email] { background: transparent; border: none; border-radius: 0; color: var(--brand-white); padding: 0; } #newsletter input[type=email]::placeholder { color: var(--brand-white); opacity: 0.5; } #newsletter input[type=email]:focus { color: var(--brand-white) !important; background: transparent !important; border-color: none; outline: 0; box-shadow: none; } .careers-promo-img { width: 100%; height: auto; } .news-divider-right { border-right: 1px solid rgba(255,255,255,0.3); } .newsletter-field { background: url("/wp-content/uploads/link-arrow-white.svg") no-repeat !important; background-position: calc(100% - 14px) !important; color: #fff; width: 75%; } #newsletteremailform { border-bottom: 1px solid rgba(255,255,255,0.3); width: 75%; } #newsletteremailform input[type=email] { width: 95% !important; display: inline-block; } #newsletteremailform input[type=submit] { width: 5% !important; display: inline-block; } .careers-text { max-width: 405px; } .newsletter-careers-header { font-size: 3vw; margin-bottom: 20px; } .footer-careers-content { max-width: 330px; } .newsletter-careers-wrapper { background: url('/wp-content/uploads/careers-right.png') no-repeat; background-size: contain; background-position: right center; } .careers-footer-title { font-size: 50px; line-height: 1; font-weight: normal; } .careers-footer-text { font-size: 1.25em; max-width: 85%; color: var(--brand-white); } /* LEADERSHIP STYLES */ /*.leadership-header { background: url('/wp-content/uploads/leadership-main.png') no-repeat; background-position: 100% 100%; background-size: 50%; min-height: 75vh; margin-top: 70px !important; } */ .leadership-header { padding-top: 70px !important; } .leadership-ceo-quote { font-size: 3em; line-height: 1; max-width: 510px; } .leadership-ceo-name { font-weight: 600; margin: 0; padding: 0; } .leadership-ceo-title { font-weight: 100; margin: 0; padding: 0; } #bioModalImg { background-size: cover; background-position: center; } .leadership-intro-text { margin-bottom: 200px; } .leadership-jobtitle { font-size: 1.125rem; max-width: 66%; } /** BIG WORD SECTION STYLES **/ ul.bigwords { list-style: none; text-align: center; padding: 0; } ul.bigwords li { list-style: none; font-size: 8.5vw; line-height: 0.8; text-transform: uppercase; display: block; margin: 0; } ul.bigwords li:hover, ul.bigwords li .active { color: var(--brand-cyan); } #bigwordsthumbnail { display: none; position: absolute; width: 18vw; top: 8%; left: 25%; z-index: 2; color: #fff;} #bigwordsthumbnail img { width: 100%; height: auto; } #bigwordswrapper { display: block; } .quotetext { font-size: 2vw; line-height: 1.15; max-width: 640px; } /** IN-PAGE INTERACTIVE NAV BLOCKS **/ .in-page-interactive-nav .content-card { display: none; } .in-page-interactive-nav .content-card.active { display: block; } .in-page-interactive-nav .list-group { border-radius: 0; } .in-page-interactive-nav .list-group-item { border: 0; line-height: 2.5rem; } .in-page-interactive-nav .list-group-item.active { background: transparent; color: #000; } .in-page-interactive-nav .card { border: 0; } /** SUB PAGES **/ .sub-page-header { margin-top: 100px; } .alertness-seat-section { margin-bottom: 200px; } .section-intro-no-image-right { margin: -50px 0 0 0; } .checkerboard-img-top { width: 60%; margin-left: 40%; } .checkerboard-img-bottom { width: 40%; margin-right: 60%; } .checkerboard-img-top-careers { width: 70%; margin-left: 34%; } .checkerboard-img-bottom-careers { width: 70%; } .medical-mission-top-height { height: 434px; } .wellsense-icon { width: auto; height: 76px; } /** OUR STORY **/ .img-overlay-base { position: relative; overflow: hidden; } .img-overlay-base img { width:100%; height:auto; transition: transform 0.3s; } .img-overlay-base .img-overlay-title { position: absolute; top: 50px; left: 30px; font-size: 1.75vw; line-height: 1; font-weight: normal; } .img-overlay-base .img-overlay-text { position: absolute; top: 100%; left: 0; right: 0; transform: translateY(0); transition: transform 0.3s; height: 100%; padding: 25% 10% 10% 10%; border-radius: 10px; } .img-overlay-base p { line-height: 1; } /*.img-overlay-base:hover img { transform:scale(1.1); }*/ .img-overlay-base:hover .img-overlay-text { transform:translateY(-100%); } .our-story-number { color: #000; font-size: 36px; line-height: 105%; padding: 20px 0; white-space: nowrap; } .our-story-number-careers { color: #000; font-size: 48px; line-height: 105%; padding: 20px 0; white-space: nowrap; } .timeline-left { margin: 120px 0 0 0; text-align: right; border-top: 1px solid var(--brand-cyan); } .timeline-right { text-align: left; border-top: 1px solid var(--brand-cyan); } .timeline-year { color: var(--brand-cyan); font-size: 84px; padding: 0 0 10px 0; } .location { width: 12px; height: 12px; border-radius: 50%; background-color: var(--brand-cyan); opacity: 0.7; position: absolute; z-index: 2; transtion: 0.3s all; } .location:hover { transform: scale(1.4); transform-origin: center; background-color: var(--brand-purple); } .popover-header { background-color: var(--brand-purple); color: #fff; } /** BLOG **/ .blog-list-img { height: auto; object-fit: cover; } .blog-list-main-img { height: auto; object-fit: cover; } .cat-sidebar-list, .cat-sidebar-list ul { list-style: none; padding-left: 0; } .all-stories { border-bottom: 1px solid var(--brand-cyan); padding: 0 0 5px 0; display: inline-block; margin: 0 0 10px 0; } .cat-sidebar-list .cat-item { color: var(--bs-tertiary-color); line-height: 2; } .page-link { border: none; color: var(--brand-purple); } .blog-post a { color: var(--brand-purple); text-decoration: underline; } .page-link.active, .active>.page-link { background-color: var(--brand-purple); } .wp-block-quote p { color: var(--brand-purple); font-size: 2rem; font-family: GenthermBold; font-weight: 600; font-style: bold; line-height: 1.2; } /** CAREERS **/ .location-title { font-size: 1.5em; line-height: 1; font-weight: normal; padding: 15px 0; text-transform: uppercase; } #ourdivisions { color: rgba(0,0,0,0.8); } #ourdivisions ul li { line-height: 2; } .marquee { width: 100%; overflow: hidden; display: flex; white-space: nowrap; background-color: var(--brand-cyan); } .marquee-text { font-size: 1.15em; color: #000; animation: marquee-scroll 80s linear infinite; } .marquee-text span { margin: 0 40px; text-transform: uppercase; } /** ESG **/ .esg-header { background: url('/wp-content/uploads/esg-bg-header.jpg') no-repeat; width: 100%; height: 40vw; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: center; } .esg-video-outer-wrapper { position: relative; max-width: 700px; max-height: 700px; width: 100%; height: 100%; } .esg-reduction-number { position: absolute; left: 0; top: 15%; font-size: 7.5em; color: #000; z-index: 9; font-family: GenthermLight; font-weight: 800; } .esg-reduction-percent { vertical-align: sup; font-family: GenthermLight; font-weight: 800; top: -0.7em; font-size: 0.5em; } .esg-reduction-text { font-size: 0.25em; font-family: GenthermLight; font-weight: 800; margin-left: -35px; } /** FORM **/ form input[type="text"], form input[type="email"], form input[type="tel"] { outline: none; border: none; border-bottom: 1px solid var(--bs-border-color); border-radius: 0; border-radius: none; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } .form-control { padding: 1rem 0.75rem; } .form-control:focus { border-color: #000; box-shadow: none; } form textarea { width: 100%; max-width: 100%; } .form-select { outline: none; display: block; padding: 1rem 0.75rem; max-width: 100%; box-sizing: border-box; margin: 0; border: none; border-radius: 0; border-bottom: 1px solid var(--bs-border-color); box-shadow: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url("/wp-content/uploads/arrow-down.png"); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; margin: 0; color: #777777; } form label { color: #777777; } .error { color: var(--bs-danger); } .btn-form { border-radius: 40px; width: 200px; } @keyframes marquee-scroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-100%, 0, 0); } } /** CAREERS MODALS **/ #dei .modal-header { border-bottom: none; } #dei .sectionheading { font-size: 2rem; padding: 0 0 10px 0; } #dei .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='white'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='white'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='white'/%3E%3C/svg%3E"); filter: invert(); } #dei .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='white'/%3E%3Cline x1='7' y1='15.5' x2='23.1583' y2='15.5' stroke='white'/%3E%3Cpath d='M19 11L23.5687 15.5687L19 20.1374' stroke='white'/%3E%3C/svg%3E"); filter: invert(); transform: rotate(180deg); } #dei .carousel-control-container { position: absolute; top: 50px; right: 0px; width: 70px; } #dei .carousel-control-next, #dei .carousel-control-prev { width: auto; } #dei .carousel-indicators { width: 50%; justify-content: flex-start; margin-right: auto; margin-left: 0%; left: auto; bottom: auto; } #dei .carousel-indicators [data-bs-target] { margin-right: 0; margin-left: 0; } #dei .carousel-indicators button { background-color: #b1b1b1; } #dei .carousel-indicators button.active { background-color: var(--brand-purple); } .our-locations-img { height: 360px!important; } .life-at-gentherm-img { height: 400px!important; } .behind-the-technology-img { height: auto!important; } /** SPECS MODALS **/ .specsmodal .modal-content { border-radius: 38px; border-color: transparent; } .specsmodal .modal-body { padding-bottom: 60px; } .specsmodal .modal-header { border: none; } .specsmodal .row { border-bottom: 1px solid var(--brand-dkgrey); } .specsmodaltitle { border-bottom: 2px solid black !important; } /** MEDICAL **/ #supportoptions .accordion-button:not(.collapsed)::after, #supportoptions .accordion-button::after {filter: none; } /** FOOTER STYLES **/ footer { background-color: var(--brand-black); padding: 0 0 160px 0; } footer .widget-title { border-bottom: 1px solid var(--brand-ltgrey); padding: 0 0 10px 0; display: block; } footer ul { list-style: none; } footer li { list-style: none; } .footer-social-icon { width: auto; height: 20px; margin: 0 8px; } .footer-social-icon:hover { filter: brightness(80%); } .btn-footer-resources { border-radius: 20px; width: 250px; margin: 41px 0 41px 0; } .medical-resource { display: none; } @media all and (max-width: 1920px) { .img-expanded { position: absolute; top: -80%; left: -30%; max-width: 150%; } } @media all and (max-width: 1700px) { .img-expanded { position: absolute; top: -60%; left: -30%; max-width: 150%; } } @media all and (max-width: 1600px) { .img-expanded { position: absolute; top: -40%; left: -30%; max-width: 150%; } } @media all and (max-width: 1500px) { .img-expanded { position: absolute; top: -20%; left: -30%; max-width: 150%; } } @media all and (max-width: 1300px) { /** MENU STYLES **/ #mega-menu-wrap-main-menu #mega-menu-main-menu { display: flex; padding: 0px 15% 0px 15%; } } @media all and (max-width: 1200px) { .gentherm-wrapper-left, .gentherm-wrapper-right { padding: 0 80px; } .feature-content-border-left-half:before, .feature-content-border-right-half:before { border: none; } .feature-border-top { border-top: none; } .feature-content-left-offset { margin-left: 0px; } .feature-content-number-left, .feature-content-number-right { width: auto; display: block; margin: 0px 0 10px 0px; vertical-align: top; font-size: 0.75em; line-height: 1; font-weight: normal; color: var(--brand-cyan); } /* HOME - OUR STORY */ .img-whoweare { left: -150px; } .our-story-number { color: #000; font-size: 2.6vw; line-height: 105%; padding: 20px 0; } /* HOME - SUSTAINABILITY */ #sustainability { background-size: contain; } /** MENU STYLES **/ #mega-menu-wrap-main-menu #mega-menu-main-menu { display: flex; padding: 0px; } #mega-menu-main-menu { position: relative!important; } .right-menu { position: relative!important; right: auto!important; } .astm-search-menu { position: relative!important; right: auto!important; } /** ACCORDION **/ .accordion { margin-top: 50px; } .checkerboard-img-top, .checkerboard-img-top-careers { width: 100%; margin-left: 0%; } } @media all and (max-width: 1024px) { /** MENU STYLES **/ #mega-menu-wrap-main-menu #mega-menu-main-menu { display: block!important; padding: 0px; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item { display: list-item; margin: 0; clear: both; border: 0; } .solutions-submenu-col-1 { border-right: 0 !important; height: auto!important; } .mega-block-title:hover::after, .mega-block-title.active::after { transform: rotate(90deg); } /* HOME - OUR STORY */ .img-whoweare { left: -200px; } .our-story-number { font-size: 2.4vw; } /* ABOUT US */ .img-expanded-about { margin-top: -5vh; transform-origin: 70% 50%; transform: scale(1.5); } } @media all and (max-width: 992px) { .container { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } /* HOME - OUR STORY */ .img-whoweare { display: none; } .gentherm-wrapper { padding: 0 80px; } .our-story-number { font-size: 2.8vw; } .blog-list-main-img { width: 100%; height: auto; object-fit: cover; } /* HOME - NEWSLETTER */ .footer-careers-content { max-width: 100%; } .newsletter-careers-wrapper { background: none; } } @media all and (max-width: 767px) { .dOnly { display: none; } .mOnly { display: block; } .dIBOnly { display: none; } .mIBOnly { display: inline-block; } .w-50, .w-75 { width: 100% !important; } .offcanvas { width: 100% !important; } .mob-mt-100 { margin-top: -150px; } .gentherm-wrapper, .gentherm-wrapper-left, .gentherm-wrapper-right { padding: 0 10px; } .gentherm-wrapper-inner { padding: 0 30px; } h3 { font-size: 1.2em; } .heading1 { /* line-height: 1; font-weight: 300; */ font-size: 10vw; padding: 1em; } .section-title { font-size: 3em; line-height: 1; font-weight: 100; } .solutions-title { font-size: 9.5vw; line-height: 1; font-weight: normal; } .feature-content-title-wrapper { position: absolute; top: 20px; left: 20px; z-index: 2; } .feature-content-left-offset { margin-left: 0px; } .feature-content-title { font-size: 9.5vw; } .img-overlay-base .img-overlay-title { font-size: 5.75vw; } .feature-content-text, .feature-content-text-sm { max-width: 100%; } .feature-subhead { font-size: 5.75vw; line-height: 1; font-weight: normal; margin-bottom: 20px; max-width: 100%; } .content-title { font-size: 5.75vw; } .feature-content-number { font-size: 1em; line-height: 1; font-weight: normal; color: var(--brand-cyan); } .feature-content-border-left-half:before, .feature-content-border-right-half:before { display: none; } .feature-content-number-left { width: auto; display: block; margin: 0px 0 10px 0px; vertical-align: top; font-size: 0.75em; line-height: 1; font-weight: normal; color: var(--brand-cyan); } .feature-content-number-right { width: auto; display: block; margin: 0px 0 10px 0px; vertical-align: top; font-size: 0.75em; line-height: 1; font-weight: normal; color: var(--brand-cyan); } .feature-border-top { border-top: none; } .border-start-dt { border: none!important; } .img-expanded { position: relative; top: -150px; left: auto; } .cyan-arrow { width: 27px; height: auto; } /** CAROUSEL STYLES **/ .swiperNav { position: absolute; top: -30px; right: 0px; width: 80px; } .carousel2 .carousel-inner .carousel-item > div { display: none; } .carousel2 .carousel-inner .carousel-item > div:first-child { display: block; } .carousel3 .carousel-inner .carousel-item > div { display: none; } .carousel3 .carousel-inner .carousel-item > div:first-child { display: block; } .carousel-item .col-md-4.bleed { width: 100%; } .carousel3 .carousel-inner .col-md-4.bleed .carousel-item > div { display: none; } .carousel3 .carousel-inner .col-md-4.bleed .carousel-item > div:first-child { display: block; } #dei .carousel-indicators { width: 100%; justify-content: flex-start; margin-right: auto; margin-left: 0%; left: auto; bottom: auto; position: relative; } #dei .carousel-control-container { top: -20px; } /** MEGA MENU STYLES **/ .solutions-submenu-col-1 { border-right: 0 !important; height: auto!important; } .mega-block-title:hover::after, .mega-block-title.active::after { transform: rotate(90deg); } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { color: #fff !important; } /* ACCORDION STYLES */ .accordion { margin-top: 30px; } .accordion-button:not(.collapsed), .accordion-button { font-size: 4.75vw; } .accordion-title { font-size: 4.75vw; } .accordion-button-sm.accordion-button:not(.collapsed), .accordion-button-sm.accordion-button { font-size: 4.25vw; } /* HOME - OUR STORY */ .latest-news-border { border-top: 1px solid #cccccc; } .img-whoweare { left: -250px; } .our-story-number { font-size: 6.4vw; } .our-story-number-careers { font-size: 6.4vw; } /* HOME - SUSTAINABILITY */ .rc { mask: url(/wp-content/uploads/circlemask-m.svg); mask-size: 100%; } .overlay { max-width: 50%; } #sustainability { background: url('/wp-content/uploads/bg-sustainability-m.jpg'); background-size: cover; background-position: center; } .sustainability-wrapper { height: 1025px; } .home-sustainability-text-wrapper { margin-top: 0%; max-width: 160px; font-size: 0.8em; } .home-sustainability-text { transform: rotate(90deg); height: 30vh; left: -20vh; font-size: 18vw } /** MEGA MENU STYLES **/ ul.mega-sub-menu { width: 100% !important; } #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: inline-block; } #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link { border-top: 1px solid #cccccc; height: 70px; line-height: 70px; } /* HOME - NEWSLETTER */ .careers-promo-img { width: 40%; height: auto; } #newsletteremailform input[type=email] { width: 90% !important; display: inline-block; } #newsletteremailform input[type=submit] { width: 10% !important; display: inline-block; } .newsletter-careers-header { font-size: 7vw; } /** NEWSLETTER **/ .news-divider-right { border-right: none; } /** BIG WORD SECTION STYLES **/ ul.bigwords { list-style: none; text-align: center; padding-left: 0; } ul.bigwords li { font-size: 11vw; } #bigwordsthumbnail { width: 50%; } /** ESG **/ .esg-header { height: auto; } .esg-video-outer-wrapper { position: relative; max-width: 700px; max-height: 700px; width: 100%; height: 100%; } .esg-reduction-number { position: absolute; left: 5.5%; top: 3.76%; font-size: 5.25em; color: #000; z-index: 9; font-family: GenthermLight; font-weight: 800; } .esg-reduction-percent { vertical-align: sup; font-family: GenthermLight; top: -0.7em; font-size: 0.5em; } .esg-reduction-text { font-size: 0.2em; font-family: GenthermLight; font-weight: 800; margin-left: -31px; } .esg-text-m { font-size: 1.5em; } .esg-video-outer-wrapper .rc { width: 84%; } .esg-video-outer-wrapper .rc .overlay { width: 95%; } ` /** FOOTER STYLES **/ footer { background-color: var(--brand-black); padding: 0 10px 160px 10px; } .footer-social-icon { width: auto; height: 16px; margin: 0 8px; } /* LEADERSHIP STYLES */ /*.leadership-header { background: none; height: auto; margin-top: 0px !important;} */ .leadership-header { margin-top: 0px !important;} .leadership-intro-text { margin-bottom: 20px; } .leadership-jobtitle { font-size: 1rem; max-width: 100%; } .quotetext { font-size: 1.5em; line-height: 1.15; } .leadership-ceo-quote { font-size: 1.85em; padding-top: 30px; } .leadership-ceo-img { width: 75%; padding-bottom: 30px; } /** SUB PAGES **/ .sub-page-header { margin-top: 30px; } .alertness-seat-section { margin-bottom: auto; } .section-intro-no-image-right { margin: 0; } .timeline-year { font-size: 48px; } .mobileSwiperNavAdjust { top: 10px; } .medical-mission-top-height { height: auto; } .blog-list-main-img { width: 100%; height: auto; object-fit: cover; } } /* medium and up screens */ @media (min-width: 768px) { .carousel2 .carousel-inner .carousel-item-end.active, .carousel2 .carousel-inner .carousel-item-next { transform: translateX(50%); } .carousel2 .carousel-inner .carousel-item-start.active, .carousel2 .carousel-inner .carousel-item-prev { transform: translateX(-50%); } .carousel3 .carousel-inner .carousel-item-end.active, .carousel3 .carousel-inner .carousel-item-next { transform: translateX(33%); } .carousel3 .carousel-inner .carousel-item-start.active, .carousel3 .carousel-inner .carousel-item-prev { transform: translateX(-33%); } .carousel-item .col-md-4.bleed { width: 45%; } .carousel3 .carousel-inner .col-md-4.bleed .carousel-item-end.active, .carousel3 .carousel-inner .carousel-item-next { transform: translateX(45%); } .carousel3 .carousel-inner .col-md-4.bleed .carousel-item-start.active, .carousel3 .carousel-inner .carousel-item-prev { transform: translateX(-45%); } .career-spacer-start { width: 6.67%; } .career-spacer-end { width: 43.33%; } } @media (min-width: 1140px) { .career-spacer-start { width: 16.66666667%; } .career-spacer-end { width: 33.33333333%; } } .carousel2 .carousel-inner .carousel-item-end, .carousel2 .carousel-inner .carousel-item-start { transform: translateX(0); } .carousel3 .carousel-inner .carousel-item-end, .carousel3 .carousel-inner .carousel-item-start { transform: translateX(0); } .carousel3 .carousel-inner .col-md-4.bleed .carousel-item-end, .carousel3 .carousel-inner .col-md-4.bleed .carousel-item-start { transform: translateX(0); }