/* Theme Name: Total Child Theme Theme URI: https://your-site.com Description: Your site description. Go to Appearance > Editor to modify this file. Author: Your Name Author URI: https://your-site.com Template: Total Version: 1.0 TEST */ .holdingLogo img{width:280px!important} .grecaptcha-badge {display:none !important;} h1.cookie-policy-h1{display:none !important} /*----- COLOURS*/ .c{color:#082255} .c{color:#4A8EFC} .c{color:#285FF1 } .c{color:#EFEFEF} body{color:#002255 !important} body .dark{color:#fff !important} /*----- TYPOGRAPHY*/ h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif !important; font-weight:600 !important; color:#082255 !important} .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6{color:#fff !important} p{font-family: 'Poppins', sans-serif !important; font-weight:400 !important; font-size:16px !important; line-height:26px} h1{font-size:60px !important; line-height:70px !important; margin-bottom:50px !important} h2{font-size:30px !important; line-height:40px !important; margin-bottom:30px !important} h3{font-size:24px !important; line-height:30px !important; margin-bottom:25px !important} h4{font-size:19px !important; line-height:26px !important; text-transform:uppercase !important} h5{font-size:18px !important; line-height:26px !important; color:#4A8EFC !important; margin-bottom:10px !important; text-transform:uppercase !important} blockquote p{color:#082255 !important; font-weight:600 !important; font-size:30px !important; line-height:35px !important} blockquote{padding-left:0px !important; padding-top:40px !important; background: url("https://danxcarousel.com/wp-content/uploads/2023/07/quotemark.svg") left 4px no-repeat !important;} .ltblue{color:#4A8EFC !important} /*----- BULLET STYLES*/ #content ul {list-style: none !important; padding-left: 0 !important; list-style-position: inside !important; margin-left:15px !important} #content ol {list-style-position: inside !important; margin-left:0px !important} #content li{font-family: 'Poppins', sans-serif !important; font-weight:400 !important; color:#082255 !important; font-size:16px !important} #content .dark li{color:#fff !important} #content li::before {content: "•"; color: #285FF1; display: inline-block; width: 1em; margin-left: -1em} #content ol li::before {display:none !important; padding-right:20px !important} #content li.meta-date{color:#fff !important} #content ul.meta{margin-left:0px !important} #content ul.wpex-social-share__list{margin-left:0px !important} #content .logoBulletWhite li{position: relative !important; font-size:21px !important; font-weight:600 !important; margin-bottom:20px !important; padding-left:20px !important} #content .logoBulletWhite li::before{position: absolute !important; left: 0px !important; top:5px !important; content: url("https://danxcarousel.com/wp-content/uploads/2023/07/logo-bullet-white.svg") !important;} #content .logoBulletBlue li{position: relative !important; font-size:21px !important; font-weight:600 !important; margin-bottom:20px !important; padding-left:20px !important} #content .logoBulletBlue li::before{position: absolute !important; left: 0px !important; top:5px !important; content: url("https://danxcarousel.com/wp-content/uploads/2023/07/logo-bullet-blue.svg") !important;} .logoBulletIntro p{font-size:21px !important; font-weight:600 !important; margin-bottom:50px !important} .logoBulletTitles p{font-size:40px !important; line-height:48px !important} .bulletSplit{width:50% !important; float:left !important} /*----- HEADER*/ .header-padding{padding-top:20px;padding-bottom:20px} .main-navigation-ul{font-family: 'Poppins', sans-serif !important; font-weight:600 !important; color:#082255 !important; font-size:16px; color:#082255 !important} #site-navigation-wrap{--wpex-main-nav-link-color:#082255;--wpex-hover-main-nav-link-color:#4A8EFC;--wpex-active-main-nav-link-color:#4A8EFC;--wpex-hover-main-nav-link-color:#4A8EFC;--wpex-active-main-nav-link-color:#4A8EFC}:root{--wpex-vc-column-inner-margin-bottom:40px} #site-navigation-wrap{--wpex-dropmenu-bg:#efefef;--wpex-dropmenu-caret-bg:#4A8EFC;--wpex-dropmenu-border-color:#efefef;--wpex-dropmenu-caret-border-color:#4A8EFC;--wpex-megamenu-divider-color:#efefef;--wpex-dropmenu-link-color:#082255;--wpex-hover-dropmenu-link-color:#4A8EFC}:root{--wpex-dropmenu-colored-top-border-color:#1e73be;--wpex-vc-column-inner-margin-bottom:40px} #site-navigation-wrap{--wpex-hover-dropmenu-link-bg:#dd3333;--wpex-active-dropmenu-link-color:#dd3333;--wpex-active-hover-dropmenu-link-color:#dd3333;--wpex-active-dropmenu-link-bg:#dd3333;--wpex-active-hover-dropmenu-link-bg:#dd3333}:root{--wpex-vc-column-inner-margin-bottom:40px} #site-navigation-wrap{--wpex-hover-dropmenu-link-bg:#efefef;--wpex-active-dropmenu-link-color:#4A8EFC;--wpex-active-hover-dropmenu-link-color:#4A8EFC;--wpex-active-dropmenu-link-bg:#efefef;--wpex-active-hover-dropmenu-link-bg:#efefef}:root{--wpex-vc-column-inner-margin-bottom:40px} .main-navigation-ul .sub-menu{border-bottom:4px solid #4A8EFC} .sub-menu li{padding-bottom:10px !important} .sub-menu{padding-top:20px !important; padding-bottom:5px !important} #overlay-header-wrap #site-navigation-wrap{margin-right:220px !important} /*----- LAYOUTS*/ .dark{background-color:#082255} .light{background-color:#EFEFEF} .logobg{background-image: url("https://danxcarousel.com/wp-content/uploads/2023/07/logo-crop-bg-overlay.svg"); background-size:cover !important; background-repeat:no-repeat !important; min-height:356px !important} .darklogobg{background-image: url("https://danxcarousel.com/wp-content/uploads/2023/07/logo-bg-dark.svg") !important; background-size:cover !important; background-repeat:no-repeat !important; min-height:356px !important} .introContent{width:65% !important} .imagePadRight img{padding-right:50px !important} .curveMask{position:relative !important; right:0px !important} .curveMaskHolder{min-height:635px !important} h2.bigCallout{font-size:60px !important; line-height:70px !important; margin-bottom:50px !important; text-align:center !important; color:#fff !important; padding-top:200px !important} .bigCallout h2{color:#fff !important} .bigCallout{width:80% !important; margin:0 auto !important; min-height:500px !important} .callout p{font-size:30px !important; line-height:40px !important} .curveLeft{position:absolute !important; top:50px !important} .curveRight{position:absolute !important; top:50px !important; right:0px !important} .topMarg{margin-top:50px !important} .topMargSmall{margin-top:30px !important} .paddBottom{padding-bottom:40px !important} .vc_column-inner{margin-top:50px !important} .noTopMarg .vc_column-inner{margin-top:0px !important} .paddTop{padding-top:50px !important} .topMargContact .vc_column-inner{margin-top:30px !important} .twoButtons{text-align:center !important; width:100% !important; } .twoButtons .theme-button{margin-left:15px !important; margin-right:15px !important} .contentModule{padding-top:20px !important; padding-bottom:25px !important} .fullWidthImage{width:100% !important} /*----- BUTTONS*/ .theme-button{background:none !important; color:#4A8EFC !important; font-size:16px !important; font-family: 'Poppins', sans-serif !important; font-weight:600 !important; padding:0px !important; margin-top:20px !important;} .theme-button::before{display: inline-block; content: url("https://danxcarousel.com/wp-content/uploads/2023/07/button-arrow.svg") !important; margin-right:15px !important; padding-top:20px !important; position:relative !important; top:9px !important; transition: transform 0.3s ease-out;} .theme-button:hover::before{transform: translateX(4px);} .theme-button:hover{color:#285FF1 !important} .vcex-blog-filter .theme-button{border: 1px solid #082255 !important; padding:10px 35px 10px 35px !important; border-radius:100px !important; margin-top:0px !important; font-weight:400 !important} .vcex-blog-filter a.theme-button {color:#082255 !important} .vcex-blog-filter .theme-button::before{display:none !important; top:0px !important} .vcex-blog-filter .active a{background-color:#082255 !important; border-radius:100px !important; color:#fff !important} .newsGrid li::before {display:none !important} .vcex-staff-filter .theme-button{border: 1px solid #082255 !important; padding:10px 35px 10px 35px !important; border-radius:100px !important; margin-top:0px !important; font-weight:400 !important} .vcex-staff-filter a.theme-button {color:#082255 !important; margin-top:0px !important;} .vcex-staff-filter .theme-button::before{display:none !important; top:0px !important} .vcex-staff-filter .active a{background-color:#082255 !important; border-radius:100px !important; color:#fff !important} .vcex-staff-filter li::before {display:none !important} .page-numbers {font-family: 'Poppins', sans-serif !important; font-weight:400 !important; color:#082255 !important; font-size:16px !important} .page-numbers .current{color:#285FF1 !important; background:none !important} ul.page-numbers li{border:none !important} ul.page-numbers{float:right !important} .page-numbers:hover{background:none !important; color:#4A8EFC !important} .ticon-angle-right:before{content: url("https://danxcarousel.com/wp-content/uploads/2023/07/arrow-right.svg") !important} .ticon-angle-left:before{content: url("https://danxcarousel.com/wp-content/uploads/2023/07/arrow-left.svg") !important} /*----- HOME*/ .newsArchiveButt .vc_column-inner {margin-top:0px !important} a.vcex-button .theme-button .inline .archiveButt{float:right !important} .homeParall2{ background-color:#082255 !important; height:800px !important; max-height:800px !important; background-image: url("https://danxcarousel.com/wp-content/uploads/2023/07/bg5.jpg"); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; background-size:2400px } .maskImage{position:absolute !important; overflow:hidden !important; width:1694px !important; left:-1px!important; top:0px !important} .homeIntro{height:800px !important; margin-top:-800px !important} .homeIntro h1, .homeIntro p{color:#fff !important} .curveMaskHolder{ background-image: url(https://danxcarousel.com/wp-content/uploads/2023/07/curve-mask.webp?id=391) !important; background-position: top right !important; background-repeat: no-repeat !important; background-size: contain !important;} /*----- SOCIAL SHARE*/ .ticon-twitter:before{content: url("https://danxcarousel.com/wp-content/uploads/2023/07/share-twitter.svg") !important} .ticon-linkedin:before{content: url("https://danxcarousel.com/wp-content/uploads/2023/07/share-linkedin.svg") !important} .wpex-social-share__link{background:none !important; margin-right:5px !important} /*----- FOOTER*/ .footerRow{background-color:#082255; color:#fff !important; border-top:4px solid #4A8EFC; padding-top:30px !important} .footerRow a{color:#fff !important} .footerLogo{float:left !important; margin-right:100px !important} .linkedin{float:right !important; padding-top:10px !important} .footerLinks{padding-top:5px !important; display:inline-block !important; margin-right:40px !important} /*----- PAGE TITLES*/ h1.page-header-title{color:#fff !important; text-align:left !important; margin-bottom:15px !important} .page-header-title{width:80% !important} .page-subheading{width:60% !important; text-align:left !important; font-size:24px !important; line-height:33px !important; color:#fff !important; font-family: 'Poppins', sans-serif !important; font-weight:400 !important;} .page-header.background-image-page-header{min-height:475px !important} .page-header-content{position: relative !important; bottom:0px !important} .page-header{background-image: url("https://danxcarousel.com/wp-content/uploads/2023/07/header-overlay.svg"); background-color:#082255; background-position:top center !important; background-repeat:no-repeat !important; min-height:356px !important} .default-page-header h1.page-header-title{font-size:50px !important; line-height:60px !important; margin-top:100px !important} /*----- CONTACT PAGE*/ .contactDetailHolderNarrow{width:30% !important; float:left !important; display:block !important; padding:0px !important; margin:0 auto !important} .contactDetailHolderWide{width:40% !important; float:left !important; display:block !important; padding:0px !important; margin:0 auto !important} .contactIcon{text-align: center !important; margin-bottom:30px !important} h3.contactTypeHeader{text-align: center !important} .contactDetails p{text-align: center !important} .formIntro{margin-bottom:40px !important} /*----- NEWS*/ .meta{position:absolute !important; top:170px !important; color:#fff !important; font-size: 16px !important} .ticon-clock-o:before{display:none !important} .meta time{margin-left:-8px !important} .theme-heading.border-bottom{border-bottom:none !important} .related-posts{border-top:1px solid #082255; padding-top:50px !important} .wpex-card-author, .wpex-card-primary-term, .wpex-card-comment-count {display:none !important} .wpex-card-more-link{display:none !important} h4.wpex-card-title{text-transform:none !important} .wpex-card-date{margin-left:-5px !important} .newsGrid h3{margin-bottom:10px !important} .entry-date{font-family: 'Poppins', sans-serif !important; font-weight:400 !important; color:#082255 !important; font-size:14px !important} .leadershipTeam h3{margin-bottom:5px !important; margin-top:20px !important} li.meta-date::before{display:none !important} li.wpex-social-share__item::before{display:none !important} .wpex-social-share__list ul{margin-left:-20px !important} /*----- ACCORDIONS*/ .vc_tta.vc_general .vc_tta-panel{border: none !important; background-color: #efefef !important; border-radius: 0px;} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{background-color:#EFEFEF !important} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading{background-color:#EFEFEF !important} .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before{content: url("https://danxcarousel.com/wp-content/uploads/2023/07/chevron7.svg") !important; border:none !important; margin-top:0px !important} .vc_tta-title-text{color:#082255} .vc_tta-controls-icon{margin-top:-5px !important} /*----- VALUES SLIDER*/ .valuesSlider h4{font-size:18px !important; color:#4A8EFC !important; position:relative !important; top:50px !important; left:0px !important; z-index:100 !important} .valuesSlider{min-height:430px !important} .sp-padding{padding:0px !important} .wpex-slider .sp-arrow{background:none !important} .slider-pro {margin-top:-25px !important} .wpex-slider.sp-horizontal .sp-next-arrow {left:70px !important} .wpex-slider.sp-horizontal .sp-arrows{border:1px solid #fff !important; height:45px !important; border-radius:100px !important} .wpex-svg-icon {padding-top:13px !important} .sp-previous-arrow{padding-left:13px !important} .wpex-slider .wpex-flex{display:block !important} .sp-arrows{margin-top:-90px !important; width:100px !important; position:relative !important; bottom:0px !important} .wpex-slider-caption{width:50% !important; text-align:left !important; margin-top:70px !important} .wpex-slider-caption h2{ margin-bottom:25px !important} /*----- ABOUT*/ .corpStructure{margin-top:50px !important} .productBrandHolder img{border:2px solid #EFEFEF !important} h2.vacanciesCTA{font-size:40px !important} h2.timelineTitle{margin-bottom:0px !important} /*----- MEET THE PEOPLE*/ h2.inspiredCTA{margin-bottom:0px !important} .theme-button .vacancyCTAButton{margin-top:0px !important} .staff-entry-position{font-family: 'Poppins', sans-serif !important; font-weight:600 !important; color:#4A8EFC !important; font-size:16px !important} h2.staff-entry-title{margin-bottom:0px !important; font-size:24px !important} #staff-single-related{border-top: 1px solid #082255; padding-top:50px !important} h3.related-staff-posts-heading{font-size:30px !important} h3.staff-entry-title{margin-bottom:5px !important} .staff-entry-readmore-wrap{ position:absolute !important;bottom:-60px !important} .staff-entry.vcex-grid-item{padding-top:70px !important} .vcex-staff-grid{margin-top:-20px !important; padding-bottom:100px !important} #staff-single-content .vc_column-inner{margin-top:0px !important} /*----- FORM FIELDS*/ input[type="text"], input[type="email"], input[type="tel"]{ border:none !important; border-bottom:1px solid #4A8EFC !important; border-radius:0px !important; width:44% !important; margin-right:4% !important; float:left !important; margin-bottom:15px !important; color:#082255 !important; background:none !important; display:inline-block !important } textarea{ border:1px solid #4A8EFC !important; border-radius:0px !important; height:170px !important; width:92% !important; color:#082255 !important; background:none !important } select{ border:0px !important; border-radius:0px !important; border-bottom: 1px solid #4A8EFC !important; font-family: 'Poppins', sans-serif !important; font-weight:400 !important; color:#082255; padding-bottom:10px !important; width:92% !important; padding-left:6px !important; color:#082255 !important; background:none; /* Custom Arrow */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image:url("https://danxcarousel.com/wp-content/uploads/2023/07/select-arrow.svg"); background-position:calc(100% - 10px) calc(0.6em + 2px); background-size:18px 10px; background-repeat: no-repeat; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #082255 !important; opacity: 0.6 !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #082255 !important; opacity: 0.6 !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #082255 !important; opacity: 0.6 !important; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #082255 !important; opacity: 0.6 !important; } button{ background:none !important; color:#4A8EFC !important; font-size:16px !important; font-family: 'Poppins', sans-serif !important; font-weight:600 !important; padding:0px !important; margin-top:20px !important; float:right !important; margin-right:8% !important; border:none !important; margin-top:-20px !important } button::before{ display: inline-block; content: url("https://danxcarousel.com/wp-content/uploads/2023/07/button-arrow.svg") !important; margin-right:20px !important; padding-top:20px !important; position:relative !important; top:9px !important; transition: transform 0.3s ease-out; } button:hover::before{transform: translateX(4px)} button:hover{color:#285FF1 !important} .wpcf7 form.sent .wpcf7-response-output{background:none !important; border:none !important;font-size:16px; font-family: 'Poppins', sans-serif !important; font-weight:600 !important; padding-left:0px !important; width:70% !important; padding-top:0px !important; margin-top:0px !important; color:#22A806 !important} .wpcf7 form.invalid .wpcf7-response-output{background:none !important; border:none !important;font-size:16px; font-family: 'Poppins', sans-serif !important; font-weight:600 !important; padding-left:0px !important; width:70% !important; padding-top:0px !important; margin-top:0px !important; color:#E10000 !important} .wpcf7-not-valid-tip{font-size:14px !important; margin-top:0px !important} /*----- COOKIE CONSENT*/ .cky-consent-bar button{ background:#efefef !important; color:#082255 !important; font-size:16px !important; font-family: 'Poppins', sans-serif !important; font-weight:400 !important; padding:10px 20px !important; margin-top:20px !important; float:right !important; margin-right:10px !important; border:none !important; margin-top:0px !important } button.cky-btn.cky-btn-accept{ background-color:#4A8EFC !important; color:#fff !important; font-size:16px !important; font-family: 'Poppins', sans-serif !important; font-weight:600 !important; padding:10px 20px !important; margin-top:20px !important; float:right !important; margin-right:10px !important; border:none !important; margin-top:0px !important } button.cky-btn.cky-btn-accept:hover{background-color:#082255 !important; color:#fff !important} .cky-btn:hover{opacity:1.0 !important} .cky-consent-bar button::before{display: none !important} .cky-consent-bar button:hover{color:#4A8EFC !important;} .cky-title{font-size:21px !important; font-weight:600 !important} .cky-modal button::before{display: none !important} .cky-accordion-wrapper button{padding-top:20px !important} .cky-show-desc-btn{padding-top:25px !important} .cky-modal button{margin-right:0px !important} .cky-prefrence-btn-wrapper .cky-btn{padding-top:20px !important} /*----- MOBILE NAV*/ .full-screen-overlay-nav-menu{font-family: 'Poppins', sans-serif !important; font-weight:600 !important; font-size:24px !important} .full-screen-overlay-nav{background-color:#082255!important;color:#fff!important}:root{--wpex-vc-column-inner-margin-bottom:40px; background-image: url("https://danxcarousel.com/wp-content/uploads/2023/07/mob-menu-bg.svg") !important; background-position:top center !important; background-repeat:no-repeat !important} ul.sub-menu li{color:#4A8EFC !important; font-size:18px !important} button.full-screen-overlay-nav-close::before{display:none !important} .full-screen-overlay-nav-close__icon{color:#fff !important; font-size:40px !important; padding-left:70px !important; font-weight:400 !important} .full-screen-overlay-nav button.full-screen-overlay-nav-close {padding-top:30px !important} .wpex-hamburger-icon>span::before{color:#082255 !important} .wpex-hamburger-icon>span{color:#082255 !important} .wpex-hamburger-icon>span::after{color:#082255 !important} .overlay-header .wpex-hamburger-icon>span::before{color:#fff !important} .overlay-header .wpex-hamburger-icon>span{color:#fff !important} .overlay-header .wpex-hamburger-icon>span::after{color:#fff !important} .effect{background-blend-mode: multiply !important; background-color:#082255 !important} /*----- MEDIA QUERIES*/ @media only screen and (max-width: 1100px) { .footerLinks{padding-top:30px !important; display:inline-block !important; margin-right:0px !important} } @media only screen and (max-width: 768px) { input[type="text"], input[type="email"], input[type="tel"]{width:100% !important} textarea{width:100% !important} select{width:100% !important} .wpcf7-form input[type="submit"]{margin-right:0px !important} .swap-on-mobile {display: flex !important; flex-direction: column-reverse;} } @media only screen and (max-width: 1023px) { .contactDetailHolderNarrow{width:100% !important; float:none !important} .contactDetailHolderWide{width:100% !important; float:none !important; padding:0 !important} .contactIcon{text-align: left !important; float:left !important; margin-right:30px !important} h3.contactTypeHeader{text-align: left !important; margin-bottom:10px !important} .contactDetails p{text-align: left !important} } @media only screen and (max-width: 767px) { .page-subheading{width:100% !important; font-size:18px !important} .introContent{width:100% !important} h1{font-size:42px !important; line-height:50px !important} h2{font-size:28px !important; line-height:34px !important} :is(.theme-button,.color-button,.theme-txt-link).align-right{float:none !important} .archiveButt{margin-top:-100px !important; margin-bottom:30px !important} .newsTitleHolder .vc_column-inner{margin-bottom:0px !important} .newsHome .vc_column-inner{margin-bottom:0px !important} .valuesSlider h4{font-size:18px !important; color:#4A8EFC !important; position:relative !important; top:50px !important; left:0px !important; z-index:100 !important} .sp-padding{padding:0px !important} .wpex-slider .sp-arrow{background:none !important} .slider-pro {margin-top:-25px !important} .wpex-slider.sp-horizontal .sp-next-arrow {left:70px !important; } .wpex-slider.sp-horizontal .sp-arrows{border:1px solid #fff !important; height:45px !important; border-radius:100px !important} .wpex-svg-icon {padding-top:13px !important} .sp-previous-arrow{padding-left:13px !important} .wpex-slider .wpex-flex{display:block !important} .sp-arrows{margin-top:120px !important; width:100px !important; position:absolute !important; bottom:0px !important} .wpex-slider-caption{width:100% !important; text-align:left !important; margin-top:70px !important} .wpex-slider-caption h2{ margin-bottom:25px !important} .valuesSlider{min-height:500px !important} .curveMaskHolder{ background-image: url(https://danxcarousel.com/wp-content/uploads/2023/07/curve-mask.webp?id=391) !important; background-position: right -30px top 0px !important; background-repeat: no-repeat !important; background-size: 50% !important;} .esgHome{width:70% !important} .curveMaskHolder{min-height:335px !important; padding-top:50px !important} .curveMaskHolder .vc_column-inner{margin-bottom:30px !important} .curveLeft{rotate: 90deg !important; top:0px !important; left:45% !important} .curveLeft img{height:130px !important;} .curveRight{rotate: 90deg !important; top:0px !important; right:45% !important} .curveRight img{height:130px !important;} h2.bigCallout{padding-top:130px !important} .bigCallout{width:100% !important; min-height:300px !important} .mobForm button{margin-right:0px !important} .content-image{min-height:400px !important; padding:0 20px 0 20px !important} .content-image .vc_column-inner{margin-bottom:0px !important} .logosIntro{margin-left:20px !important; margin-right:20px !important} .unIcon {text-align:left !important} h2.vacanciesCTA{font-size:30px !important} .vc_column-inner{margin-top:30px !important; margin-bottom:20px !important} .noMargBottom .vc_column-inner{margin-bottom:0px !important} .logoBulletIntro p{font-size:18px !important; line-height:24px !important} .logoBulletTitles p{font-size:30px !important; line-height:34px !important} .bulletSplit{width:100% !important; float:none !important} .bulletSplit .vc_column-inner{margin-top:0px !important; margin-bottom:0px !important} .vcex-blog-filter{display:none !important} .vcex-staff-filter{display:none !important} .page-header.background-image-page-header{min-height:375px !important} } /*----- Policies*/ h2.downloadTitle{margin-bottom:0px !important} .downloadButtons .theme-button{margin-bottom:0px !important; margin-top:0px !important; width:100% !important; text-align:left !important} @media only screen and (max-width: 1100px) { #overlay-header-wrap #site-navigation-wrap{margin-right:120px !important} } @media only screen and (min-width: 891px) and (max-width: 1099px){ #overlay-header-wrap #site-navigation-wrap{margin-right:40px !important} } /*----- MOBILE MENU BREAKPOINT*/ @media only screen and (max-width: 890px) { .homeIntro{height:auto!important; margin-top:0px !important; padding-top:150px !important; background-color:#082255 !important;} .is-sticky .overlay-header .wpex-hamburger-icon>span{color:#082255 !important} .is-sticky .overlay-header .wpex-hamburger-icon>span::before{color:#082255 !important} .is-sticky .overlay-header .wpex-hamburger-icon>span::after{color:#082255 !important} } input[type="email"], input[type="text"]{font-size:16px !important} .downloadForm p{font-size:14px !important; line-height:19px !important} .downloadForm h3{margin-bottom:20px !important} .downloadForm .vc_column-inner{margin-bottom:20px !important} .downloadForm input[type=button], .downloadForm input[type=submit], .downloadForm input[type=reset] { background: #285FF1 !important; color: #fff !important; font-size: 18px !important; font-weight: 700 !important; padding: 7px 30px 7px 30px !important; margin-bottom: 20px !important; border: none !important; float: none !important; border-radius: 50px !important; width:100% !important } input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { background: #082255 !important; color: #fff !important } .wpcf7-gated-content a.wpcf7-btn{border-radius:100px !important; height:40px !important; font-size:16px !important; font-family: 'Poppins', sans-serif !important; font-weight:600 !important; line-height:40px !important} .wpcf7-content{color:#082255 !important; font-family: 'Poppins', sans-serif !important;} .downloadForm .wpcf7 form.sent .wpcf7-response-output {width:100% !important} .wpcf7-gated-content{box-shadow:none !important; border:none !important} .downloadForm input[type="text"], .downloadForm input[type="email"], .downloadFormt input[type="tel"]{width:100% !important} /*----- Policies Update*/ .policyHolder .vc_tta-container{background-color:#fff !important; padding:60px 15px 15px 15px !important; border-radius:20px !important; box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.51); -webkit-box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.20); margin-top:-50px !important} .policyHolderNoIcon .vc_tta-container{background-color:#fff !important; padding:15px !important; border-radius:20px !important; box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.51); -webkit-box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.20);} .policyHolder .vc_tta.vc_general .vc_tta-panel-title>a {padding:12px 40px 12px 20px!important} .policyHolder .vc_tta-title-text, .policyHolderNoIcon .vc_tta-title-text{font-size:18px !important; color:#111 !important; font-weight:400 !important; text-transform:none !important} .policyHolder .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:before, .policyHolderNoIcon .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon:before{border-color:#F5B408 !important} .policyHolder .vc_tta.vc_general .vc_tta-panel, .policyHolderNoIcon .vc_tta.vc_general .vc_tta-panel, .policyHolder .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .policyHolderNoIcon .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{background:none !important; border:none !important} .policyHolder .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .policyHolderNoIcon .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{background-color:#e9e9e9 !important; border-radius:15px !important} .policyHolder h3{margin-top:5px !important; padding-left:5px !important; text-align:center !important; font-size:22px !important} .policyHolder .theme-button.download, .policyHolderNoIcon .theme-button.download{margin-bottom:10px !important; margin-top:5px !important} .small p{font-size:14px !important} .policyHolder a.vcex-button.theme-button.download.widebut, .policyHolderNoIcon a.vcex-button.theme-button.download.widebut{ text-align: left !important; line-height:21px !important; padding-bottom:13px !important } .policyHolder a.vcex-button.theme-button.download.widebut > span.vcex-button-inner, .policyHolderNoIcon a.vcex-button.theme-button.download.widebut > span.vcex-button-inner{ justify-content: flex-start !important; text-align: left !important; } .policyIcon img{width:100px !important; height:100px !important} .policyHolder .theme-button.download, .policyHolderNoIcon .theme-button.download { display: flex !important; align-items: flex-start !important; } .policyHolder .theme-button.download::before, .policyHolderNoIcon .theme-button.download::before { flex-shrink: 0 !important; top: 0 !important; } .policyHolder .theme-button.download, .policyHolderNoIcon .theme-button.download { display: flex !important; align-items: center !important; } .policyHolder .theme-button.download::before, .policyHolderNoIcon .theme-button.download::before { flex-shrink: 0 !important; top: 0 !important; padding-top: 0 !important; align-self: flex-start !important; } h2.policyHolder, h2.policyHolderNoIcon{margin-bottom:0px !important} .downloadForm .vc_column-inner{margin-top:0px !important} .downloadForm h3{margin-top:30px !important} /* D365 Forms */ .new div[data-form-id] { --d365-gap: 5px; --d365-field-height: 55px; --d365-border: 2px solid #4A8EF7; } /* Hide form intro blocks */ .new div[data-form-id] [data-editorblocktype="Text"], .new div[data-form-id] [data-editorblocktype="Title"] { display: none !important; } /* Table structure */ .new div[data-form-id] table { width: 100% !important; border-collapse: separate !important; border-spacing: var(--d365-gap) 0 !important; table-layout: fixed !important; } .new div[data-form-id] tr, .new div[data-form-id] tbody, .new div[data-form-id] thead { border: 0 !important; background: none !important; padding: 0 !important; margin: 0 !important; } .new div[data-form-id] td, .new div[data-form-id] th { width: 50% !important; height: auto !important; padding: 12px 0 0 !important; vertical-align: bottom !important; background: transparent !important; border: 0 !important; box-sizing: border-box !important; } .new div[data-form-id] tr > td:only-child, .new div[data-form-id] tr > th:only-child { width: 100% !important; } /* Grid fallback for non-table forms */ @supports (display: grid) { .new div[data-form-id] form:not(:has(table)) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--d365-gap); row-gap: 18px; align-items: end; } .new div[data-form-id] [class*="field"]:has(textarea), .new div[data-form-id] [class*="Field"]:has(textarea), .new div[data-form-id] [class*="field"]:has(select), .new div[data-form-id] [class*="Field"]:has(select), .new div[data-form-id] [class*="field"]:only-child, .new div[data-form-id] [class*="Field"]:only-child { grid-column: 1 / -1 !important; } } /* Field wrappers */ .new div[data-form-id] [class*="field"], .new div[data-form-id] [class*="Field"], .new div[data-form-id] .lp-form-field { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; clear: none !important; display: block !important; box-sizing: border-box !important; border: none !important; box-shadow: none !important; background: none !important; } /* Global type */ .new div[data-form-id] * { box-sizing: border-box !important; font-family: "Manrope", sans-serif !important; font-size: 18px !important; color: #3f3f3f !important; } .new div[data-form-id] label { display: none !important; } /* Inputs */ .new div[data-form-id] input[type="text"], .new div[data-form-id] input[type="email"], .new div[data-form-id] input[type="tel"], .new div[data-form-id] input[type="number"], .new div[data-form-id] input[type="date"] { display: block !important; width: 100% !important; height: var(--d365-field-height) !important; line-height: var(--d365-field-height) !important; padding: 0 4px !important; margin: 0 !important; border: none !important; border-bottom: var(--d365-border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; font-weight: 300 !important; appearance: none !important; -webkit-appearance: none !important; } .new div[data-form-id] input::placeholder, .new div[data-form-id] textarea::placeholder { color: #6a6a6a !important; font-weight: 300 !important; font-size: 18px !important; } /* Select */ .new div[data-form-id] select { display: block !important; width: 100% !important; height: var(--d365-field-height) !important; padding: 0 30px 0 4px !important; border: none !important; border-bottom: var(--d365-border) !important; border-radius: 0 !important; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A8EF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 8px center / 20px !important; box-shadow: none !important; outline: none !important; font-weight: 300 !important; color: #aaaaaa !important; appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; } /* Textarea */ .new div[data-form-id] textarea { display: block !important; width: 100% !important; min-height: 160px !important; padding: 12px !important; margin: 0 !important; border: var(--d365-border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; font-weight: 300 !important; resize: vertical !important; } /* Telephone field */ .new div[data-form-id] .phoneFormFieldBlock { display: block !important; width: 100% !important; height: auto !important; margin: 0 2px !important; padding: 0 !important; overflow: visible !important; } .new div[data-form-id] .phoneFormFieldBlock > *:first-child:not(input), .phoneFormFieldBlock .phoneCountryCode { border: none !important; } /* Submit */ .new div[data-form-id] .submitButtonWrapper, .new div[data-form-id] [class*="submitButton"], .new div[data-form-id] [class*="submit-button"], .new div[data-form-id] [class*="submit_button"] { width: 100% !important; margin: 12px 0 0 !important; padding: 0 !important; text-align: right !important; float: none !important; clear: both !important; background: transparent !important; border: 0 !important; grid-column: 1 / -1 !important; } .new div[data-form-id] button[type="submit"], .new div[data-form-id] input[type="submit"] { all: unset !important; font-family: "Manrope", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #3f3f3f !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; padding: 10px 0 !important; box-sizing: border-box !important; } .new div[data-form-id] button[type="submit"]:hover { color: #F5B408 !important; } .new button::before { padding-top: 0 !important; top: 4px !important; } /* Validation */ .new div[data-form-id] [class*="error"], .new div[data-form-id] [class*="invalid"], .new div[data-form-id] [class*="validation"] { color: #e00 !important; font-size: 14px !important; display: block !important; margin-top: 4px !important; } /* Mobile */ @media (max-width: 768px) { .new div[data-form-id] table, .new div[data-form-id] tbody, .new div[data-form-id] tr, .new div[data-form-id] td, .new div[data-form-id] th { display: block !important; width: 100% !important; } .new div[data-form-id] table { border-spacing: 0 18px !important; } @supports (display: grid) { .new div[data-form-id] form:not(:has(table)) { grid-template-columns: 1fr !important; } } } table { margin-block-end: 0 !important; } /* Mobile */ @media (max-width: 768px) { .new div[data-form-id] table, .new div[data-form-id] tbody, .new div[data-form-id] tr, .new div[data-form-id] td, .new div[data-form-id] th { display: block !important; width: 100% !important; } .new div[data-form-id] table { border-spacing: 0 !important; } .new div[data-form-id] td, .new div[data-form-id] th { padding-top: 15px !important; padding-bottom: 0 !important; } /* No top padding on the first cell — avoids textarea crashing into field above */ .new div[data-form-id] tr:first-child td, .new div[data-form-id] tr:first-child th { padding-top: 0 !important; } /* Pull submit button up tight under textarea */ .new div[data-form-id] .submitButtonWrapper, .new div[data-form-id] [class*="submitButton"], .new div[data-form-id] [class*="submit-button"], .new div[data-form-id] [class*="submit_button"] { margin-top: 8px !important; padding-top: 0 !important; } /* Remove spacing from hidden spacer rows */ .new div[data-form-id] tr:not(:has(input, select, textarea, button)) { display: none !important; padding: 0 !important; height: 0 !important; } @supports (display: grid) { .new div[data-form-id] form:not(:has(table)) { grid-template-columns: 1fr !important; } } } @media (max-width: 768px) { .new div[data-form-id] table, .new div[data-form-id] tbody, .new div[data-form-id] tr, .new div[data-form-id] td, .new div[data-form-id] th { display: block !important; width: 100% !important; } .new div[data-form-id] table { border-spacing: 0 !important; } .new div[data-form-id] td, .new div[data-form-id] th { padding-top: 15px !important; padding-bottom: 0 !important; } .new div[data-form-id] td:has(textarea), .new div[data-form-id] th:has(textarea) { padding-top: 0 !important; } .new div[data-form-id] textarea { margin-top: 15px !important; } .new div[data-form-id] .submitButtonWrapper, .new div[data-form-id] [class*="submitButton"], .new div[data-form-id] [class*="submit-button"], .new div[data-form-id] [class*="submit_button"] { margin-top: 8px !important; padding-top: 0 !important; } .new div[data-form-id] tr:not(:has(input, select, textarea, button)) { display: none !important; padding: 0 !important; height: 0 !important; } @supports (display: grid) { .new div[data-form-id] form:not(:has(table)) { grid-template-columns: 1fr !important; } } } @media (max-width: 768px) { /* Textarea inside columns-equal wrapper (most forms) */ .new div[data-form-id] .columns-equal textarea, .new div[data-form-id] [class*="columns-equal"] textarea, .new div[data-form-id] [class*="emptyContainer"] textarea { margin-top: 15px !important; } /* Textarea NOT in a columns-equal wrapper (last form) */ .new div[data-form-id] td > textarea, .new div[data-form-id] td > p > textarea, .new div[data-form-id] td > span > textarea, .new div[data-form-id] td > p > span > textarea { margin-top: 15px !important; } } .new div[data-form-id] td, .new div[data-form-id] th{padding-top:0px !important} .new div[data-form-id] textarea{margin-top:20px !important} .new {margin-left:-15px !important} #contactFooter div[data-form-id] input[type="text"], #contactFooter div[data-form-id] input[type="email"], #contactFooter div[data-form-id] input[type="tel"], #contactFooter div[data-form-id] input[type="number"], #contactFooter div[data-form-id] input[type="date"] { color:#fff !important} #contactFooter textarea, #contactFooter div[data-form-id] *{ color:#fff !important} .onFormSubmittedFeedbackIcon{display:none !important} .onFormSubmittedFeedbackMessage{font-size:21px !important; font-weight: 700 !important} .onFormSubmittedFeedback{background:none !important}