/* Theme Name: SHA Author: BUROTIJS - digitale denkers + digitale makers Author URI: https://burotijs.nl/ Description: This is the child theme for the SHA website Version: 1.0 Template: burotijs */ @font-face { font-family: 'Martel-ExtraBold'; src: url('fonts/Martel-ExtraBold.eot'); src: url('fonts/Martel-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/Martel-ExtraBold.woff2') format('woff2'), url('fonts/Martel-ExtraBold.woff') format('woff'), url('fonts/Martel-ExtraBold.ttf') format('truetype'), url('fonts/Martel-ExtraBold.svg#Martel-ExtraBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Martel-Bold'; src: url('fonts/Martel-Bold.eot'); src: url('fonts/Martel-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Martel-Bold.woff2') format('woff2'), url('fonts/Martel-Bold.woff') format('woff'), url('fonts/Martel-Bold.ttf') format('truetype'), url('fonts/Martel-Bold.svg#Martel-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Martel-Heavy'; src: url('fonts/Martel-Heavy.eot'); src: url('fonts/Martel-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/Martel-Heavy.woff2') format('woff2'), url('fonts/Martel-Heavy.woff') format('woff'), url('fonts/Martel-Heavy.ttf') format('truetype'), url('fonts/Martel-Heavy.svg#Martel-Heavy') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceSansPro-Black'; src: url('fonts/SourceSansPro-Black.eot'); src: url('fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Black.woff2') format('woff2'), url('fonts/SourceSansPro-Black.woff') format('woff'), url('fonts/SourceSansPro-Black.ttf') format('truetype'), url('fonts/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceSansPro-Semibold'; src: url('fonts/SourceSansPro-Semibold.eot'); src: url('fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Semibold.woff2') format('woff2'), url('fonts/SourceSansPro-Semibold.woff') format('woff'), url('fonts/SourceSansPro-Semibold.ttf') format('truetype'), url('fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceSansPro-Light'; src: url('fonts/SourceSansPro-Light.eot'); src: url('fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Light.woff2') format('woff2'), url('fonts/SourceSansPro-Light.woff') format('woff'), url('fonts/SourceSansPro-Light.ttf') format('truetype'), url('fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceSansPro-Regular'; src: url('fonts/SourceSansPro-Regular.eot'); src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Regular.woff2') format('woff2'), url('fonts/SourceSansPro-Regular.woff') format('woff'), url('fonts/SourceSansPro-Regular.ttf') format('truetype'), url('fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SourceSansPro-Bold'; src: url('fonts/SourceSansPro-Bold.eot'); src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Bold.woff2') format('woff2'), url('fonts/SourceSansPro-Bold.woff') format('woff'), url('fonts/SourceSansPro-Bold.ttf') format('truetype'), url('fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } /* CSS reset */ * {margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;font-feature-settings: lnum;font-variant-numeric: lining-nums;} html {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-o-text-size-adjust: none;} body {font-size: 16px;color: #063853;font-family: 'SourceSansPro-Light';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 0px;min-height: 100vh;background-color: #ECF7FC;} img {border:none; outline:none;max-width: 100%;} a,h1,h2,h3,h4,h5,h6,p,div,img {text-decoration:none; padding:0px; margin:0px;font-weight: normal;} ul {list-style-type: none;margin-bottom: 0px;} input,textarea,select,input[type="text"], input[type="email"], input[type="button"], button[type="submit"] {-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;-ms-appearance: none;-o-appearance: none;appearance: none;} a:hover, a:focus {text-decoration: none;} p:empty {display: none;} svg {max-width: 100%;} small {font-size: 100%;} picture > img {width: 100%; height: 100%; object-fit: cover; } .custom-object-fit {background-size: cover;background-position: center;background-repeat: no-repeat;} .custom-object-fit > img {opacity: 0;} #tslOverlay {z-index: 999999 !important;} ::-moz-selection { background: #28AFB0;color: #ffffff; } ::selection { background: #28AFB0; color: #ffffff;} ::-webkit-input-placeholder {color: #585555 !important;} :-moz-placeholder { /* Firefox 18- */color: #585555 !important;opacity: 1;} ::-moz-placeholder { /* Firefox 19+ */color: #585555 !important;opacity: 1;} :-ms-input-placeholder {color: #585555 !important;} /* End of reset css */ /* Common css */ .contact-list li a > span,.menu-dropdown ul.menu > li > a,.menu-dropdown ul.menu > li > a::before,.menu-header-job-menu-container ul li a span,.header-main-menu ul.menu > li > a,.contact-btn,.address-link span,.footer-menu-part ul.menu > li > a::before,.footer-menu-part ul.menu > li > a, .footer-social-icon a,.menu-privacy-menu-container > ul > li a, .text-link, .privacy-menu-part ul li a, .contact-list-with-icon li a, .footer-menu-part .menu li a, .tab-list > li > a, .slick-dots li button, .header-main-menu ul.menu > li > a::before, .trainer-inner-card::after, .trainer-inner-card h4, .trainer-inner-card p, .training-square-card, .gradient-btn::before, .main-btn, .training-card, .custom-slick-arrow, .article-meta h3 span, .social-list li a, body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme .gfield select, body .gform_wrapper.gravity-theme .gfield textarea, .training-col-inner-card, .link-list li a span:first-child, .tab-list-secondary li a, .program-block-list .panel-heading a:after, .training-square-shape, .social-icon-list li a, .training-toggle-btn .icon-wrapper, .training-toggle-btn span, .training-toggle-btn .icon-wrapper, .training-toggle-btn, .body-text > a, .body-text > p > a, .body-text ul > li > a, .body-text ol > li > a, .hamburger-icon-mobile::before, .hamburger-icon-mobile::after, .header-main-menu ul.menu > li > a > span, .close-btn, body .wpgb-facet .wpgb-pagination li a, .filter-box .wpgb-facet select.wpgb-select, .filter-box .wpgb-facet .wpgb-search-facet input[type="search"], .filter-box .wpgb-facet .wpgb-autocomplete-facet input[type="search"], .custom-filter-box .wpgb-select, .custom-filter-box .wpgb-input,.hamburger-btn,.back-btn,.back-btn span,.back-btn .icon-arrow-box,.back-btn .icon-wrapper path,body input[type="button"], body button[type="submit"],.panel-title a,.related-article-slider .slick-arrow::before,.article-overview-image picture, .training-slider .slick-prev.slick-arrow::before, .training-slider .slick-next.slick-arrow::before, .trainer-slider .slick-prev.slick-arrow::before, .trainer-slider .slick-next.slick-arrow::before, .related-article-slider .slick-prev.slick-arrow::before, .related-article-slider .slick-next.slick-arrow::before{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;} section,h1,h2,h3,h4,h5,h6,p {float: left;width: 100%;} h1,h2,h3,h4,h5,h6, p, a{color: #063853;} h1 {font-size: 56px;line-height: 74px;font-family: 'Martel-Bold';} h2 {font-size: 44px;line-height: 56px;font-family: 'Martel-Bold';} h3 {font-size: 32px;line-height: 44px;font-family: 'Martel-Bold';} h4 {font-size: 24px;line-height: 34px;font-family: 'Martel-ExtraBold';} h5,h6 {font-size: 16px;line-height: 24px;font-family: 'Martel-Bold';} p {line-height: 28px;} p strong{font-family: 'SourceSansPro-Bold';} .row.d-flex {display: flex;flex-wrap: wrap;} .row.d-flex::before,.row.d-flex::after {display: none;} .site-container{float:left;width:100%;min-height: 100vh;} .site-inner {float: left;width: 100%;min-height: calc(100vh - 647px);} .link-cover {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11; } .page-template-about-page .site-inner{overflow: hidden;} /* Header */ .admin-bar header.site-header {top: 32px;} header.site-header {position: absolute; width: 100%; left: 0; top: 0; z-index: 9999;} header.site-header .wrap {float: left; width: 100%; background-color: transparent;border-bottom: 1px solid #ffffff40;} header.site-header .wrap .container .row.d-flex{align-items: center;} header .title-area {width: 290px;} header .custom-logo-link {float: left; width: 100%; } .header-wrapper {width: calc(100% - 290px); padding-left: 55px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .header-main-part {width: 100%; display: flex; align-items: center; justify-content: space-between; } .header-main-menu {float: right; width: auto;} .menu-main-menu-container {float: left; } .header-main-menu ul.menu {float: left; } .header-main-menu ul.menu > li {float: left;margin-right: 40.5px; } .header-main-menu ul.menu > li:last-child {margin-right: 0; } .header-main-menu ul.menu > li > a{float: left; font-size: 18px;line-height: 87px;color: #ffffff;font-family: 'SourceSansPro-Regular';position: relative;top: 2px} .header-main-menu ul.menu > li > a::before {content: ''; position: absolute; left: 0; bottom: 1px; height: 3px; background-color: #ffffff; opacity: 0; width: 100%; } .header-main-menu ul.menu > li.current-menu-item > a::before{opacity: 1} .header-main-menu ul.menu > li.current-menu-item > a{font-family: 'SourceSansPro-Semibold';} .header-main-menu ul.menu > li > a:hover::before{opacity: 1} .hamburger-btn {display: inline-block;border: 1px solid #FFFFFF40;background: #ffffff1a;border-radius: 4px;padding: 11px 16px 11px 43px;font-size: 18px;line-height: 24px;color: #ffffff;font-family: 'SourceSansPro-Semibold';position: relative;} .hamburger-btn:hover {background: #256e8b; border: 1px solid #256e8b; } .hamburger-icon{width: 18px; height: 10px;} .hamburger-icon{position: absolute; left: 18px; top: 0;bottom: 0; margin: auto;} .hamburger-icon::before, .hamburger-icon::after {content: ''; position: absolute; left: 0; width: 100%; height: 3px; background-color: #ffffff; border-radius: 30px; } .hamburger-icon::before {top: 0; } .hamburger-icon::after {bottom: 0; } /*Humber menu active*/ .hamburger-icon-mobile.is-active::before {top: 5px;transform: rotate(45deg);-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);} .hamburger-icon-mobile.is-active::after {bottom: 6px;transform: rotate(-45deg);-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);} .for-mobile{display: none;} .menu-is-open{overflow: hidden;} /* Footer */ footer.site-footer {float: left; width: 100%; background: linear-gradient(148.04deg, #063853 38.9%, #28AFB0 168.28%);position: relative;overflow: hidden;} .footer-top-wrapper {float: left;width: 100%;padding: 85px 0px 57px;position: relative;z-index: 9} .footer-top-part {float: left; width: 100%; } .footer-col {float: left;width: 29.0499%;padding-right: 20px;} .footer-col:nth-child(2) {width: 29.49%; } .footer-col > h4{color: #ffffff;margin-bottom: 25px;} .contact-list-with-icon {float: left;width: 100%;margin-top: -1px;} .contact-list-with-icon li {float: left;width: 100%;color: #ffffff;position: relative;padding-left: 23px;margin-bottom: 11px;line-height:28px} .contact-list-with-icon li:first-child {width: 100%;} .contact-list-with-icon li address {margin-bottom: 0; line-height: inherit; } .contact-list-with-icon li a {color: #ffffff; display: inline-block; position: relative; line-height: 14px; border-bottom: 1px solid transparent; } .contact-list-with-icon li .icon-wrapper {position: absolute;left: 0;top: 7px;width: 14px;height: 14px;} .contact-list-with-icon li .icon-wrapper img {float: left; width: auto; } .contact-list-with-icon li:last-child {margin-bottom: 0; } .contact-list-with-icon li:last-child i {top: 9px; } .footer-menu-part {float: left; width: 100%; } .menu-footer-menu-container {float: left; width: 100%; } .footer-menu-part .menu {float: left; width: 100%; } .footer-menu-part .menu li {float: left;width: 100%;margin-bottom: 13px;} .footer-menu-part .menu li a {display: inline-block;color: #ffffff;margin-left: 24px;position: relative;line-height: 14px;border-bottom: 1px solid transparent;} .footer-menu-part .menu li a::before {content: '';position: absolute;left: -22px;top: 1px;height: 12px;width: 12px;background-image: url('./images/icon-arrow.svg');background-repeat: no-repeat;background-size: 12px 12px;} .footer-menu-part .menu li:last-child {margin-bottom: 0; } .footer-bottom-wrapper {float: left;width: 100%;border-top: 1px solid #ffffff33;padding: 22px 0px 67px;position: relative;z-index: 9} .footer-bottom-part {display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: space-between; } .footer-logo {float: left;width: 376px;position: relative;top: 1px;left: -1px;} .footer-logo img {float: left; width: 100%; } .footer-meta-part {width: auto; display: flex; flex-wrap: wrap; align-items: center; } .footer-meta-part > p {width: auto; float: left; color: #ffffff; } .text-link{color: #ffffff; border-bottom: 1px solid transparent; line-height: 14px; display: inline-block; } .text-link:hover, .privacy-menu-part ul li a:hover, .contact-list-with-icon li a:hover, .footer-menu-part .menu li a:hover{border-bottom-color: #ffffff;} .privacy-menu-part {float: left;width: auto;margin: 0px 15px 0px 0px;} .footer-meta-part > p:first-child{margin-right: 15px;} .menu-privacy-menu-container {float: left; width: auto; } .privacy-menu-part ul {float: left; width: auto; } .privacy-menu-part ul li {float: left;width: auto;margin-right: 15px;} .privacy-menu-part ul li:last-child {margin-right: 0; } .privacy-menu-part ul li a{display: inline-block; color: #ffffff; line-height: 14px;border: 1px solid transparent} .footer-training-wrapper {float: left;width: 39.437%;margin-top: -4px;} .footer-training-list {float: left; width: 100%; } .training-card {width: 100%;background-color: #28AFB0;margin-bottom: 4px;border-radius: 4px;padding: 16px 16px 16px 0px;display: flex;flex-wrap: wrap;position: relative;} .training-card:last-child{margin-bottom: 0} .training-date {float: left;width: 80px;text-align: center;border-right: 1px solid #109293;padding: 4px 10px;} .training-date span {float: left;width: 100%;color: #ffffff;position: relative;top: -3px;} .training-date span:first-child {font-size: 38px; line-height: 48px; font-family: 'Martel-Heavy'; } .training-date span:last-child {font-size: 18px; line-height: 18px; font-family: 'SourceSansPro-Regular'; margin-top: -6px; } .training-content{width: calc(100% - 80px);padding-left: 16px;height: auto;display: flex;flex-wrap: wrap;align-items: center;} .training-content h5{color: #ffffff;position: relative;top: -3px;} .footer-training-wrapper > h4{margin-bottom: 6px;color: #ffffff;font-size: 27px;line-height: 46px;font-family: 'Martel-Bold';} .footer-shape { position: absolute; right: calc(50% - 1025px); bottom: -10px; width: 694px; height: 742px; opacity: 0.6; filter: blur(8px); } .footer-shape img {float: left; width: 100%; height: 100%; } /* Home Page */ .banner-section {padding: 184px 0px 507px; z-index: 1; position: relative; overflow: hidden; background-color: #1595B3; } .banner-wrapper {float: left; width: 60%; position: relative; z-index: 1; } .banner-info {float: left; width: 100%; } .banner-info h1 {color: #ffffff; margin-bottom: 46px; } .main-btn-wrapper {float: left; width: auto; } .main-btn-group .main-btn {margin-right: 8px; } .main-btn, body .wpgb-facet button.wpgb-button {float: left;background-color: #063853; color: #FFFFFF; border-radius: 4px; padding: 16px 40.4px; font-size: 16px; line-height: 24px; font-family: 'SourceSansPro-Semibold';position: relative;overflow: hidden;} body .training-overview-list .wpgb-facet { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; } .main-btn-group .main-btn:last-child {margin-right: 0; } .main-btn.white-btn {background-color: #ffffff; color: #063853; } .gradient-btn span, body .wpgb-facet button.wpgb-button span{position: relative;z-index: 9} .gradient-btn:hover::before, body .wpgb-facet button.wpgb-button:hover::before{opacity: 1} .gradient-btn::before, body .wpgb-facet button.wpgb-button::before{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(0deg, #063853, #063853);opacity: 0} .white-btn:hover {background-color: #ECF7FC; } .banner-image {position: absolute; right: 0; top: 0; bottom: 0; width: calc(50% - 104px); z-index: 0; overflow: hidden;} .banner-image picture {float: left; width: 100%; height: 100%;filter: grayscale(100%);} /*.banner-circle-shape {position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: 50%; overflow: hidden; background: radial-gradient(36.41% 36.41% at 50% 50%, #D9D9D9 0%, rgba(217, 217, 217, 0) 100%); } /*.home .banner-image {display: block; }*/ .banner-image::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #1595B3; opacity: 0.5; z-index: 1; } .banner-image::after {content: ""; position: absolute; top: 0; left: 0; z-index: 1; right: 0; bottom: 0; opacity: 1; background: linear-gradient(to right, rgba(21,149,179,1) 0%,rgba(31,118,148,0.1) 100%); } .max-banner-image {max-height: 672px; } /* Intro Section */ .intro-section {position: relative; z-index: 1; } .intro-wrapper {float: left; width: 100%; position: relative; display: flex; flex-wrap: nowrap; align-items: flex-start; } .intro-text-box {float: left;width: 59.155%;background-color: #ffffff;padding: 88px 114px 100px 0px;margin-top: -351px;height: auto;} .shape-box{position: relative;z-index: 9;min-height: 500px} .shape-box::before {content: ''; position: absolute; left: -5000px; height: 100%; width: calc(100% + 5000px); background-color: #ffffff; top: 0; z-index: -1; } .body-text {float: left; width: 100%; } .body-text p {margin-bottom: 28px;} .body-text p:last-child {margin-bottom: 0; } .body-text img {float: left; width: 100%;border-radius:4px;margin-top:15px;} .body-text ul, .body-text ol{float: left; width: 100%;margin-bottom: 23px} .body-text ul li, .body-text ol li{float: left; width: 100%; position: relative; padding-left: 14px; line-height: 26px; margin-left: 10px; } .body-text ul li::before {content: ''; position: absolute; left: 0; top: 11px; height: 4px; width: 4px; border-radius: 50%; background-color: #28AFB0; } .body-text > ol{counter-reset: my-sec-counter;} .body-text > ol > li::after {counter-increment: my-sec-counter; content: counter(my-sec-counter)"."; color: #28AFB0; position: absolute; left: -3px; top: 0; font-family: 'SourceSansPro-Semibold'; } .body-text > ol > li::marker{content: none;} .body-text > a, .body-text > p > a, .body-text ul > li > a, .body-text ol > li > a{display: inline-block; border-bottom: 1px solid #28AFB0; line-height: 15px; } .body-text > a:hover, .body-text > p > a:hover, .body-text ul > li > a:hover, .body-text ol > li > a:hover {border-bottom-color: transparent; } .body-text h1 {margin-bottom: 12px; } .body-text h2 {margin-bottom: 10px; } .body-text h3 {margin-bottom: 8px; } .body-text h4, .body-text h5, .body-text h6 {margin-bottom: 6px; } .intro-text-box .body-text {margin-bottom: 40px;} .intro-usp-box {width: 46.479%;background-color: #063853;border-radius: 4px;padding: 72.5px 73px 107.5px 177px;float: right;margin-top: -255px;margin-left: -64px;} .intro-usp-list {float: left; width: 100%; } .intro-usp-item {float: left;width: 100%;margin-bottom: 40px;position: relative;} .intro-usp-item:last-child {margin-bottom: 0; } .intro-usp-item > h4, .intro-usp-item > p {color: #ffffff; } .intro-usp-item .icon-wrapper {position: absolute;left: -44px;top: 2px;} .review-card {position: absolute; right: calc(50% - 497px); top: -455px; width: 392px; height: 104px; background-color: #FFFFFF1A; padding: 19px 23px 20px 23px;border-radius: 4px;} .review-counter {float: left; width: 62px; position: relative; } .review-counter img {float: left; width: 100%; height: 100%; } .review-counter span {position: absolute; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; padding: 10px; font-size: 27px; line-height: 46px; color: #ffffff; font-family: 'Martel-Bold'; letter-spacing: -0.1em; } .reveal-meta {float: left; width: calc(100% - 66px); padding-left: 20px; } .reveal-meta p {color: #ffffff; font-size: 17px; line-height: 26px; font-family: 'SourceSansPro-Regular';margin-bottom:4px } .reveal-meta p > span {font-family: 'SourceSansPro-Black'; } .star-list {float: left; width: auto;position: relative;left: -1px} .star-list li {float: left; width: auto; margin-right: 4px; } .star-list li i {float: left; width: 26px; height: 26px; } .star-list li i img {float: left; width: 100%; height: 100%; } /* Training Slider */ .training-slider-wrapper {float: left; width: 100%; margin-bottom: 35px; } .training-slider {float: left; width: 100%;position: relative;} .training-square-card{float: left;width: 368px;margin-right: 16px;} .training-square-card, .training-col-inner-card{min-height: 372px;border-radius: 4px; background-color: #28AFB0;padding: 24px 24px 25px; display: flex; flex-direction: column; justify-content: space-between;position: relative;height: 100%;} .training-square-card:hover, .training-card:hover, .training-col-inner-card:hover{background-color: #14A8A9; } .training-square-title-part {float: left; width: 100%;margin-bottom:25px } .training-square-title-part label {margin-bottom: 17px; } .common-label{margin: 0; color: #ffffff; font-size: 14px; line-height: 20px; border: 1px solid #FFFFFF40; padding: 5px 7.28px; font-family: 'SourceSansPro-Semibold'; border-radius: 4px; } .training-square-title-part h4 {color: #ffffff; } .plain-icon-list {float: left; width: 100%;padding-left:4px } .plain-icon-list li {font-size: 18px; line-height: 22px; color: #ffffff; position: relative; padding-left: 29px; margin-bottom: 10px; font-family: 'SourceSansPro-Regular'; } .plain-icon-list li .icon-wrapper {position: absolute; left: 0; top: 1px; width: 18px; height: 20px; } .plain-icon-list li .icon-wrapper img {float: left; width: auto; } .training-slider-section {overflow: hidden;padding-bottom:200px } .plain-icon-list li:last-child {margin-bottom: 0; } .training-square-shape {position: absolute; right: 0; top: 0; width: 151px; height: 210px; } .training-square-shape img{float: left;width: 100%;height: 100%} .training-slider .slick-list, .related-article-slider .slick-list, .training-slider .slick-list, .trainer-slider .slick-list {float: left; width: 100%; left: calc(50% - 568px); position: relative;overflow: hidden;} .training-slider .slick-track, .related-article-slider .slick-track, .trainer-slider .slick-track{display: flex; flex-wrap: wrap; width: auto; } .training-slider .slick-arrow, .related-article-slider .slick-arrow, .trainer-slider .slick-arrow{position: absolute; right: calc(50% - 609px); top: 98px; height: 88px; width: 88px; background-color: #ffffff; border-radius: 50%; overflow: hidden;box-shadow: 0px 4px 12px 0px #00000040;} .training-slider .slick-prev.slick-arrow::before, .training-slider .slick-next.slick-arrow::before, .trainer-slider .slick-prev.slick-arrow::before, .trainer-slider .slick-next.slick-arrow::before, .related-article-slider .slick-prev.slick-arrow::before, .related-article-slider .slick-next.slick-arrow::before{content: '';position: absolute;top: 0;height: 100%;width: 50%;z-index: 9;background-color: #ffffff;background-image: url('./images/icon-slide-arrow.svg');background-size: 9px 15px;background-repeat: no-repeat;background-position: center;} .training-slider .slick-prev.slick-arrow::before, .related-article-slider .slick-prev.slick-arrow::before, .trainer-slider .slick-prev.slick-arrow::before{left: 0;} .training-slider .slick-next.slick-arrow::before, .related-article-slider .slick-next.slick-arrow::before, .trainer-slider .slick-next.slick-arrow::before{right: 0;transform: rotate(180deg);} .training-slider .slick-arrow.slick-disabled, .related-article-slider .slick-arrow.slick-disabled, .trainer-slider .slick-arrow.slick-disabled{opacity: 0.5; pointer-events: none; z-index: 1;} .training-overview-list .wpgb-grid-training_template {display: flex; flex-wrap: wrap;width: 100%; } .related-article-slider .slick-next.slick-arrow:hover::before,.related-article-slider .slick-prev.slick-arrow:hover::before{background-color: #ECF7FC;} /* Article Section */ .article-wrapper {float: left; width: 100%;position: relative;} .article-text-part {float: left;width: 616px;background: linear-gradient(109.24deg, #D9D9D9 -3.46%, #139FBE -3.45%, #265B78 89.96%);padding: 88px 184px 172px 78px;position: relative;border-radius: 4px;} .article-text-part h3 {color: #ffffff;margin-bottom: 16.5px;} .article-text-part p {color: #ffffff;} .article-text-part .main-btn-wrapper {margin-top: 23px; } .article-section {padding-bottom: 304px; } .article-slider-box {width: 609px;border-radius: 4px;position: absolute;right: 0;top: 104px;overflow: hidden;} .article-slider {float: left; width: 100%;position: relative;} .article-card{float: left; position: relative; overflow: hidden; background-color: #D9D9D9; height: 584px; } .article-card::before {content: ''; position: absolute; left: 0; bottom: 0; height: 256px; background: linear-gradient(0deg, #000000 -32.89%, rgba(0, 0, 0, 0) 96.09%); width: 100%; } .article-image {float: left; width: 100%; height: 100%;background-color: #D9D9D9} .article-image picture {float: left; width: 100%; height: 100%; } .article-meta {position: absolute;left: 0;bottom: 0;width: 100%;padding: 29px 59px 24px 29px;} .article-meta h3 {margin-bottom: 8px;} .article-meta p, .flexible-intro-wrapper p, .contact-box p, .form-text p, .trainer-content p, .social-box > p, .contact-box .contact-list-with-icon li, .about-banner-content p, .training-path-info p, .link-list li a, .training-title span:last-child, .traning-day-date span, .article-overview-meta p, .trainer-full-inner-meta span{font-size: 18px; line-height: 32px; font-family: 'SourceSansPro-Regular'; } .article-meta h3, .article-meta p {color: #ffffff; } .article-meta h3 span{border-bottom: 1px solid transparent; display: inline;} .article-card:hover .article-meta h3 span{border-bottom-color: #ffffff} .article-slider .slick-list{float: left;width: 100%;} .article-slider .slick-track{display: flex;flex-wrap: wrap;} .custom-slick-arrow{position: absolute; bottom: 0; height: 88px; width: 88px; background-color: #06385333;background-image: url('./images/icon-slider-arrow-white.svg');background-size: 9px 15px;background-repeat: no-repeat;background-position: center;cursor: pointer;} .custom-slick-arrow:hover {background-color: #139FBE; } .custom-slick-prev {right: 177px; border-radius: 4px 0px 0px 0px; } .custom-slick-next {right: 89px;transform: rotate(180deg);border-radius: 0px 0px 0px 4px;} /* About Section */ .about-section {padding-bottom: 145px; } .about-image {width: 39.349%; display: flex; flex-wrap: wrap;background-color: #D9D9D9} .about-image picture {float: left; width: 100%; height: 100%; } .about-content {float: left;width: 60.651%;padding: 72px 65px 69px 65px;display: flex;flex-direction: column;justify-content: space-between;} .about-content h3 {margin-bottom: 17px;} .about-wrapper {display: flex; width: 100%; background-color: #ffffff; border-radius: 4px; overflow: hidden; min-height: 500px; flex-wrap: wrap; } .about-meta{float: left;width: 100%;margin-bottom: 32px;} .white-btn.white-btn-border {border: 1px solid #DDF2FB; } /* About Page */ .about-banner-section {background-color: #1595B3;position: relative;} .about-banner-wrapper {float: left; width: 100%; padding: 185px 0px 67px;position: relative; z-index: 1; } .about-banner-content {float: left; width: 61%; } .about-banner-content h1, .about-banner-content p{color: #ffffff;} .about-banner-section .banner-image {width: calc(50% - 200px); } .tab-list{border: none;float: left;width: 100%;position: relative;padding-right: 81px;} .full-wrapper > .tab-wrapper:first-child > .tab-list{background-color: #ffffff; z-index: 9999;} .tab-list::before {content: ''; position: absolute; left: -5000px; height: 1px; width: calc(100% + 5000px); background-color: #D7EBF2; bottom: 0;} .tab-list > li{margin-bottom: 0;float: left;width: auto;margin-right: 40.5px;} .tab-list > li:last-child {margin-right: 0; } .tab-list > li > a {margin: 0; border: none; padding: 0; font-size: 20px; line-height: 94px; font-family: 'SourceSansPro-Regular'; border-bottom: 2px solid transparent; display: inline-block;position: relative;} .tab-list > li.active > a, .tab-list > li.active > a:hover, .tab-list > li.active > a:focus{background-color: transparent;border-bottom-color: #28AFB0;font-family: 'SourceSansPro-Semibold';} .tab-list > li > a:hover, .tab-list > li > a:focus{background-color: transparent; border-bottom-color: #28AFB0;} .full-wrapper {float: left; width: 67.606%; margin-bottom: -125px; } .tab-content{float: left; width: 100%;} .full-wrapper > .tab-wrapper > .tab-content{padding: 45px 80px 80px 0px;overflow: hidden;} .tab-content .tab-pane {float: left; width: 100%;} .flexible-intro-wrapper {float: left; width: 100%;padding-bottom: 64px;} .about-article-section.article-section{padding: 328px 0px 252px;} .flexible-step-wrapper {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; padding: 0px 0px 64px; } .flexible-step-wrapper.image-text {flex-direction: row; } .flexible-step-image {float: left; width: 238px; height: 238px;background-color: #D9D9D9} .flexible-step-image picture{float: left;width: 100%;height: 100%;} .flexible-step-content {float: left; width: calc(100% - 270px); } .flexible-testimonial-wrapper {float: right; width: 91.86%; background-color: #ECF7FC;margin-bottom: 64px} .flexible-testimonial-box {float: left; padding: 53px 40px 62px 172px; } .flexible-testimonial-logo {position: absolute; left: -56px; top: -17px; bottom: 0; margin: auto; height: 192px; width: 192px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; padding: 12px; border: 1px solid #DDF2FB; } .flexible-testimonial-logo img {float: left; width: 166px; } .flexible-testimonial-content {width: 100%; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .flexible-testimonial-content > p,.flexible-testimonial-content > blockquote{margin-bottom: 26px;} .flexible-testimonial-author {float: left; width: 100%; } .flexible-testimonial-author span:first-child {font-family: 'Martel-Bold';margin-bottom:3px} .flexible-testimonial-author span {font-size: 16px; line-height: 24px; width: 100%; display: inline-block; font-family: 'SourceSansPro-Light'; } .flexible-testimonial-slider{float: left;width: 100%;position: relative;} .flexible-testimonial-slider .slick-list {width: auto; } .flexible-testimonial-slider .slick-track {display: flex; flex-wrap: wrap; } .slick-dots {position: absolute; right: 17px; bottom: 20px; z-index: 999; } .slick-dots li {float: left; width: auto; margin-right: 4px; } .slick-dots li button {float: left; width: 8px; height: 8px; border-radius: 50%; background-color: #DDF2FB;font-size: 0;} .slick-dots li.slick-active button,.slick-dots li button:hover {background-color: #139FBE; } .common-full-wrapper{float: left; width: 100%; position: relative; } .social-box {width: 32.395%; background-color: #063853; padding: 33px 40px 48px; float: right; margin-top: 95px; z-index: 1; position: relative;} .social-box > p {color: #ffffff;font-family: 'Martel-Bold'; margin-bottom: 16px; } .social-list {float: left; width: 100%; } .social-list li {float: left; width: 100%; margin-bottom: 8px; } .social-list li:last-child {margin-bottom: 0; } .social-list li a {display: inline-block; font-size: 16px; line-height: 24px; color: #ffffff; font-family: 'SourceSansPro-Semibold'; border-radius: 4px; background-color: #139FBE; padding: 16px 40px; width: 100%; text-align: center; } .social-list li a span {display: inline-block; position: relative; width: auto;left: 16px;} .social-list li a .icon-wrapper {position: absolute; left: -31px; top: 3px; width: 22px; height: 18px; } .icon-wrapper svg {float: left; width: 100%; height: 100%; } .social-list li a:hover {background-color: #265B78; } .trainer-list {float: left; width: 100%; } .trainer-list .row.d-flex {margin: 0px -8px; } .trainer-card {padding: 0px 8px; margin-bottom: 16px; } .trainer-inner-card {width: 100%; padding: 255px 24px 24px 24px; background: #DDF2FB; position: relative; min-height: 372px; height: 100%;overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-end; } .trainer-image {position: absolute; right: -14px; top: -51px; width: 282px; height: 302px; overflow: hidden; background-color: #D9D9D9; border-radius: 0px 0px 137px 135px; z-index: 9; } .trainer-image picture {float: left; width: 100%; height: 100%; } .trainer-content {float: left; width: 100%; height: 100%;position: relative;z-index: 9} .trainer-content h4 {margin-bottom: -2px;} .trainer-content p {color: #139FBE; font-size: 16px; line-height: 24px;} .trainer-inner-card::after{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(109.24deg, #D9D9D9 -3.46%, #139FBE -3.45%, #265B78 89.96%);opacity: 0} .trainer-inner-card:hover::after{opacity: 1} .trainer-inner-card:hover h4, .trainer-inner-card:hover p{color: #ffffff} /* Contact Page */ .secondary-social-box.social-box {background-color: #28AFB0;} .secondary-social-box .social-list li a{background-color: #ffffff; color: #063853;} .secondary-social-box .social-list li a:hover{background-color:#ECF7FC} .contact-full-wrapper {padding: 79px 80px 39px 0px; } .form-text {float: left; width: 100%; margin-bottom: 64px; } .form-text p {color: #063853;} .main-form-box {float: left; width: 100%; background-color: #ECF7FC;padding: 64px 131px; border-radius: 4px; } .contact-box {background-color: #063853; width: 32.395%; padding: 32px 35px 32px 40px; float: right; margin-top: -115px;position: relative; z-index: 9; } .contact-banner-section .social-box{margin-top: 0} .contact-box p{color: #ffffff; font-family: 'Martel-Bold'; margin-bottom: 18px; } .contact-box .contact-list-with-icon li:first-child {width: 56%; } .contact-banner-section .about-banner-wrapper{padding-bottom:91px} .contact-banner-section .full-wrapper{margin-bottom: -184px} .contact-article-section.article-section{padding: 326px 0px 245px;} .contact-box .contact-list-with-icon li .icon-wrapper {top: 10px; } .main-form-box h4 {margin-bottom: 12px; } /*------------- Common Main Form -------------*/ .main-form{width: 100%;float: left;} body .gform_wrapper, body form, body .gform_body, body .gform_wrapper.gravity-theme .gform_fields, body .gform_wrapper.gravity-theme .gfield, body .ginput_container{float: left; width: 100%; } body .gform_wrapper.gravity-theme .gform_fields{display: block;} body .gform_anchor, body .gform_wrapper.gravity-theme .hidden_label .gfield_label, .gform_wrapper.gravity-theme .hidden_sub_label, .gform_wrapper.gravity-theme .screen-reader-text{display: none;} body .gform_wrapper.gravity-theme .gfield{margin-bottom: 8px;position: relative;} body .gform_wrapper.gravity-theme .gfield textarea.large{resize: none;height: 148px;} body .gform_wrapper.gravity-theme .gfield-choice-input{opacity: 0;display: none;} body .gform_footer.top_label > p, body .gform_footer.top_label > br {display: none;} body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer {float: left; width: 100%; padding: 0; margin-top: -6px; } body .ginput_container--name .gform-field-label.gform-field-label--type-sub { display: none!important; } body .common-modal .gform_wrapper.gravity-theme .gform_footer, body .common-modal .gform_wrapper.gravity-theme .gform_page_footer{margin-top: 10px} /*--------All input & Label-----*/ body .gform_wrapper.gravity-theme .gfield_label {width: auto; position: absolute; font-size: 0; right: 10px; top: 15px; margin: auto;border:none; } body .gform_wrapper.gravity-theme .gfield_label .gfield_required{padding: 0;} body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme .gfield select, body .gform_wrapper.gravity-theme .gfield textarea {height: 48px; width: 100%; padding: 10px 7px; border-radius: 4px; font-size: 15px; line-height: 24px; color: #063853; background-color: #ffffff; font-family: 'SourceSansPro-Regular'; border: 1px solid #DDF2FB; } body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])::placeholder, body .gform_wrapper.gravity-theme .gfield select::placeholder, body .gform_wrapper.gravity-theme .gfield textarea::placeholder {color: #6A8898!important;} body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])[aria-invalid="true"], body .gform_wrapper.gravity-theme .gfield select[aria-invalid="true"], body .gform_wrapper.gravity-theme .gfield textarea[aria-invalid="true"]{border-color: #E33700;} body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, body .gform_wrapper.gravity-theme .gfield select:focus, body .gform_wrapper.gravity-theme .gfield textarea:focus {box-shadow: 2px 2px 8px 0px #00000014 inset; background-color: #DDF2FB; } body p.gform_required_legend{display: none;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } input[type="number"] { -moz-appearance: textfield !important; } /*--------Required Asterisk-----*/ body .gform_wrapper.gravity-theme .gfield_required{font-size: 24px; line-height: normal; color: #E33700; font-weight: normal; font-family: 'SourceSansPro-Regular'; } /*--------Input Type Button/Submit-----*/ body input[type="button"], body button[type="submit"]{border-radius: 4px; font-size: 16px; text-align: center; padding: 16px 30px; display: inline-block; background-color: #063853; color: #ffffff; width: 100%; line-height: 24px; font-family: 'SourceSansPro-Semibold'; margin-bottom: 0!important; position: relative;} body input[type="button"]:hover, body button[type="submit"]:hover{background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #063853;} /*--------Success & failed message-----*/ body .gform_wrapper.gravity-theme .description, body .gform_wrapper.gravity-theme .gfield_description, body .gform_wrapper.gravity-theme .gsection_description, body .gform_wrapper.gravity-theme .instruction {border: none; background: transparent; padding: 0; margin-top: 0; color: #E33700; font-size: 14px; line-height: 24px; font-family: 'SourceSansPro-Regular'; } body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{border-color:#f69e39;} /*--------Success & Failed Message-----*/ body .gform_wrapper.gravity-theme .gform_validation_errors, body .gform_confirmation_message{border: none; box-shadow: none; color: #ffffff; float: left; width: 100%; padding: 12px 20px; margin: 0px 0px 15px; border-radius: 4px;font-family: 'SourceSansPro-Regular';outline:none!important} body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {color: #ffffff; font-size: 16px; line-height: 24px; font-family: 'SourceSansPro-Regular'; } body .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {display: none;} body .gform_wrapper.gravity-theme .gform_validation_errors {background-color: #E33700;} body .gform_confirmation_message{background-color: #28AFB0;} /* Training Overview */ .about-banner-content h1 {margin-bottom: 15px; } .about-banner-content h1:last-child{margin-bottom: 0} .training-overview-section .about-banner-wrapper {padding: 104px 0 80px;} .training-tab-section {background-color: #ffffff; padding-bottom: 100px; position: relative; z-index: 1; } .training-tab-wrapper{float: left;width: 100%;position: relative;} .training-tab-wrapper .tab-list{position: absolute; top: -96px; background-color: #ffffff;} .training-tab-wrapper .tab-list{width: 66.1972%;} .training-tab-wrapper .tab-list::after {content: ''; position: absolute; left: -5000px; top: 0; height: 100%; width: calc(100% + 5000px); background-color: #ffffff; z-index: 1; } .training-tab-wrapper .tab-list > li > a, .training-tab-wrapper .tab-list::before{z-index: 9} .training-tab-wrapper .tab-content{padding: 48px 0px 0px 0px} .filter-box {width: 100%; height: 80px; padding: 16px 20px; background-color: #ECF7FC; margin-bottom: 32px; display: flex; flex-wrap: wrap; align-items: center;justify-content:space-between; } .filter-box .wpgb-facet{float: left;width: 32.765%;margin-right: 8px;} .filter-box .wpgb-facet:last-child{margin-right: 0} .filter-box .wpgb-facet>fieldset:last-child {margin-bottom: 0; } .filter-box .wpgb-facet select.wpgb-select+.wpgb-select-controls, .filter-box .wpgb-facet .wpgb-input-icon{display: none; } .filter-box .wpgb-facet select.wpgb-select, .filter-box .wpgb-facet .wpgb-search-facet input[type="search"], .filter-box .wpgb-facet .wpgb-autocomplete-facet input[type="search"] {font-size: 15px; line-height: 18.5px; color: #6A8897; font-family: 'SourceSansPro-Regular'; border: 1px solid #DDF2FB; background-color: #ffffff; border-radius: 4px; height: 48px; width: 100%; padding: 12px 7px; } .filter-box .wpgb-facet select.wpgb-select:focus, .filter-box .wpgb-facet .wpgb-search-facet input[type="search"]:focus, .filter-box .wpgb-facet .wpgb-autocomplete-facet input[type="search"]:focus{box-shadow: 2px 2px 8px 0px #00000014 inset; background-color: #DDF2FB;} .filter-box .wpgb-facet select.wpgb-select:not([multiple]) {padding: 12px 35px 12px 7px; } .filter-box .wpgb-facet .wpgb-input:hover, .filter-box .wpgb-facet .wpgb-select:hover, .filter-box .wpgb-facet .wpgb-button:hover:not(button):not([aria-pressed="true"]):not([tabindex="-1"]), .filter-box .wpgb-facet .wpgb-radio:hover:not([tabindex="-1"]) .wpgb-radio-control, .filter-box .wpgb-facet .wpgb-checkbox:hover:not([tabindex="-1"]) .wpgb-checkbox-control{border-color: #DDF2FB} .filter-box .wpgb-facet .wpgb-input:focus, .filter-box .wpgb-facet .wpgb-select:focus, .filter-box .wpgb-facet .wpgb-select.wpgb-select-focused{border-color: #DDF2FB} .filter-box .wpgb-facet .wpgb-search-facet input[type="search"]::placeholder{color: #6A8897!important; } .filter-box .wpgb-facet select.wpgb-select:not([multiple]) {background-image: url('./images/icon-dropdown.svg'); background-repeat: no-repeat; background-position: calc(100% - 11px) center; background-size: 4px; } .filter-box .wpgb-facet .wpgb-search-facet input[type="search"], .filter-box .wpgb-facet .wpgb-autocomplete-facet input[type="search"]{background-image: url('./images/icon-search.svg'); background-repeat: no-repeat; background-position: calc(100% - 8px) center; background-size: 18px; } .filter-box .wpgb-facet .wpgb-clear-button {display: none; } .filter-text {float: left;width: 19.7999%;} .filter-group{float: left;width: 80.2001%;display: flex;justify-content: space-between;} .filter-text p {font-size: 18px; line-height: 32px; color: #063853; font-family: 'SourceSansPro-Regular'; } .training-overview-list {float: left; width: 100%; } .training-overview-list > .row.d-flex {margin: 0px -8px; } .training-col-card{padding: 0px 8px;margin-bottom: 16px} .training-about-section{padding-top: 145px} .tab-pane-inner{float: left;width: 60.564%;} .upcoming-training-list{float: left; width: 100%; margin-top: 24px; } .secondary-training-card{margin-bottom: 12px;} .small-plain-icon-list li{font-size: 15px;margin-bottom: 6px;padding-left: 25px;} .small-plain-icon-list{padding-left: 3px} .secondary-training-card .training-content h5{top: 0;margin-bottom: 10px;} .secondary-training-card .training-date span{top: 6.5px;} .secondary-training-card .training-content{padding-bottom: 4px;} .training-tab-wrapper .tab-pane-inner:last-child .flexible-intro-wrapper:last-child{padding: 48px 0px 0px;} .training-overview-upcoming-list{margin-top: 24px;} .training-path-info{float: left;width: 100%;position: relative; top: 6px;} .training-path-info p{color: #ffffff} .side-filter-box {width: 33.803%; background-color: #ECF7FC; padding: 24px;float: right;border-radius:4px } .side-filter-box h6 {margin-bottom: 24px; } .plain-icon-list li span:last-child {display: none; } .trainer-image img { width: 100%; height: 100%; object-fit: cover; object-position: top; } /* Training Detail */ .back-btn{position: relative; float: left; width: auto; padding:3.58px 7.57px 3.58px 36px; border: 1px solid #FFFFFF40; border-radius: 4px; margin-bottom: 17px; } .back-btn:hover {background-color: #063853; border-color: #063853; } .back-btn .icon-arrow-box{position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; width: 29px; border-right: 1px solid #FFFFFF40; } .back-btn .icon-wrapper{float: left;width: 14px; height: 12px; } .back-btn span{font-size: 14px; line-height: 20px; color: #ffffff; font-family: 'SourceSansPro-Semibold';} .single-training .partner-logo-wrapper { display: flex; align-items: center; gap: 20px; } .single-training .partner-logo { position: relative; height: 100px; width: 80px; } .single-training .partner-text { padding-left: 0; width: calc(100% - 120px); } .single-training .partner-logo img { margin-top: 0; width: 100%; height: 100%; } /* Training Banner Section */ .training-info{position: relative; padding-left: 27px; } .training-info .icon-wrapper {height: 24px; width: 24px; position: absolute; left: 0; top: 3px; } .training-info .icon-wrapper img {float: left; width: auto; } .training-info, .training-info > p{float: left; width: auto; } /*.training-info .link-list{margin-left: 8px;}*/ .training-info > p {margin-right: 8px; } .link-list{float: left; width: auto; list-style: none; } .link-list li {float: left; width: auto; margin-right: 5px; } .link-list li a{color: #ffffff;display: inline-block;} .link-list li a span:first-child {display: inline-block; line-height: 15px; border-bottom: 1px solid #ffffff; } .link-list li a span:first-child:hover{border-bottom-color: transparent;} .link-list li:last-child {margin-right: 0;} .link-list li:last-child a span:last-child {display: none; } .social-box .main-btn{width: 100%; text-align: center;margin-bottom: 16px} .social-box .main-btn:last-child{margin-bottom: 0} .single-training-banner-section .social-box, .single-learning-banner-section .social-box{margin-top: 0; padding: 32px 40px 40px; top: -153px; position: relative;} .single-training-banner-section .about-banner-wrapper{padding: 184px 0px 68px} .single-training-banner-section .about-banner-content{width: 63%;} .single-training-banner-section .about-banner-content h1 {margin-bottom: 23px; } .single-training-banner-section .training-info{padding-left: 29px;} .single-training-banner-section .training-info .icon-wrapper{left: 2px;top: 6px;} .flexible-intro-wrapper-text h4 {margin-bottom: 2px; } .flexible-intro-wrapper-text {float: left; width: 100%;margin-bottom: 89px;} .single-training-banner-section .full-wrapper > .tab-wrapper > .tab-content{padding-bottom: 75px} .single-training-banner-section .full-wrapper {margin-bottom: -405px; } /* Tabbing Box Secondary */ .tabbing-box {float: left; width: 100%; background-color: #063853; position: relative; padding: 82px 88px 59px 88px;border-radius: 4px;margin-bottom: 64px;} .tab-list-secondary {width: max-content; position: absolute; left: 0; top: -26px; margin-left: 125px; border-radius: 4px; overflow: hidden; } .tab-list-secondary li {float: left; width: auto; } .tab-list-secondary li a {display: inline-block; font-size: 16px; line-height: 32px; color: #ffffff; background-color: #265B78; font-family: 'SourceSansPro-Semibold'; padding: 12px 40.9px; } .tab-list-secondary li a:hover {background-color: #139FBE; } .tab-list-secondary li.active a {background-color: #139FBE; } .plan-list {float: left; width: 100%; } .plan-list li {float: left; width: 100%; padding-left: 37px; margin-bottom: 17px; color: #ffffff; font-size: 16px; line-height: 28px; font-family: 'SourceSansPro-Light';position: relative;} .plan-list li:last-child {margin-bottom: 0; } .plan-list li .icon-wrapper {position: absolute; left: 0; top: 5px; width: 19px; height: 20px; } .plan-list li .icon-wrapper img {float: left; width: auto; } .flexible-wrapper {float: left; width: 100%;} .flexible-text-wrapper {float: left; width: 100%; padding-bottom: 64px; } .flexible-testimonial-wrapper:last-child {margin-bottom: 0; } .flexible-intro-wrapper:last-child, .flexible-text-wrapper:last-child, .flexible-step-wrapper:last-child{padding-bottom: 0;} .training-tab-wrapper .flexible-intro-wrapper{padding: 0px 0px 40px 0px} /* Related Training Section */ .related-training-section{padding: 517px 0px 128px;background-color: #ffffff} .related-training-wrapper {float: left; width: 100%; margin-bottom: 42px; } .training-overview-card .training-col-inner-card {background-color: #ffffff; border: 1px solid #DDF2FB;justify-content: flex-end;} .training-overview-card .training-col-inner-card:hover{background-color: #ECF7FC; } .training-overview-card .training-col-inner-card:hover .on-hover.training-square-shape{opacity: 1;visibility: visible;pointer-events: auto;} .training-overview-card .training-col-inner-card:hover .training-square-shape{opacity: 0;visibility: hidden;pointer-events: none;} .on-hover{opacity: 0;visibility: hidden;pointer-events: none;} .back-card-btn {float: left; width: 100%; } .back-card-btn h4 {position: relative; width: auto; } .back-card-btn h4 .icon-wrapper {position: absolute; right: -36px; top: 8px; width: 17px; height: 15px; } .related-training-list {float: left; width: 100%; } .related-training-list .row.d-flex {margin: 0px -8px; } .program-outro-text{float: left;width: 100%} .program-block-wrapper {float: left; width: 100%;margin-bottom: 64px;} .program-block-inner-wrapper{float: left; width: 100%;margin-bottom: 65px; } .program-block-inner-wrapper:last-child{margin-bottom: 0} .program-block-inner-wrapper > h4 {margin-bottom: 7.5px; } .program-block-list {float: left; width: 100%;} .program-block-list .panel-group {float: left; width: 100%;margin-bottom: 2px; } .program-block-list .panel-group:last-child{margin-bottom: 0} .program-block-list .panel.panel-default{float: left; width: 100%; border-radius: 4px; border: none;box-shadow: none;} .program-block-list .panel-heading {float: left;width: 100%;background-color: transparent;border-color: transparent;border: none;position: relative;padding: 0} .program-block-list .panel-title a br {display: none; } .program-block-list .panel-collapse {float: left; width: 100%;background-color: #ECF7FC;} .program-block-list .panel-collapse[aria-expanded="true"]{background-color: #DDF2FB;} .program-block-list .panel-body {float: left; width: 100%;border: none!important;padding:0px 64px 15.5px 72px;font-size: 16px;margin-top: -8px;} .program-block-list .panel-title a[aria-expanded="true"]::after{opacity: 0} .program-block-list .panel-heading a:after {content: ""; position: absolute; right: 32px; top: 22px; height: 17px; width: 2px; background-color: #063853; border-radius: 6px; } .program-block-list .panel-heading a:before {content: ''; position: absolute; right: 25px; top: 29px; width: 17px; height: 2px; background-color: #063853; border-radius: 6px; } .program-block-list .panel-title span:first-child{font-family: 'SourceSansPro-Light';width: 47px;} .program-block-list .panel-title span{line-height: 24px;display: inline-block;width: calc(100% - 85px);position: relative; z-index: 99;} .main-btn.secondary-main-btn {background-color: #28AFB0;} .program-block-list .panel-title a {float: left; width: 100%; } .program-block-list .panel-background{background-color: #ECF7FC;padding: 18px 20px 17px 21px; line-height: 24px;font-family: 'Martel-Bold';} .program-block-list .panel-background:hover,.program-block-list .panel-background[aria-expanded="true"]{background-color: #DDF2FB; } .program-block-list .panel-title.panel-background{background-color: #ECF7FC;} /* Over Trainer Tabbing */ .single-trainer-wrapper {float: left; width: 100%; } .trainer-full-box-list{float: left; width: 100%;} .single-trainer-wrapper .trainer-full-box-list{margin-bottom: 65px;} .trainer-full-box-card {float: right; width: 91.849%; background-color: #ECF7FC; position: relative;margin-bottom: 30px} .trainer-full-box-card:last-child{margin-bottom: 0} .trainer-full-box-image {position: absolute; left: -57px; top: 40px; width: 192px; height: 192px; background-color: #DDF2FB; } .trainer-full-box-image picture {float: left; width: 100%; height: 100%; } .trainer-full-box-content {float: left;width: 100%;padding: 47px 48px 37px 171px;} .trainer-full-box-title {float: left;width: 100%;margin-bottom: 18.5px;} .trainer-full-box-title h4 {margin-bottom: -2px; } .trainer-full-box-title p span:last-child span {display: none; } .trainer-full-box-meta {float: left; width: 100%; margin-bottom: 19px; } .social-icon-list {float: left; width: 100%; } .social-icon-list li {float: left; width: auto; margin-right: 8px; } .social-icon-list li:last-child {margin-right: 0; } .social-icon-list li a {display: inline-flex; background-color: #139FBE; height: 35px; width: 35px; border-radius: 4px; align-items: center; justify-content: center; } .social-icon-list li a:hover {background-color: #265B78; } .social-icon-list li a .icon-wrapper {float: left; width: 18px; height: 18px; } .single-trainer-wrapper .body-text {margin-bottom: 64px; } .body-text blockquote {float: left; width: 100%; position: relative; padding-left: 46px; margin: 36px 0px 64px; } .body-text blockquote > p {font-size: 24px; line-height: 34px; font-family: 'Martel-ExtraBold'; } .body-text blockquote > p::before {content: '“'; font-size: 56px; line-height: 74px; color: #28AFB0; font-family: 'Martel-Bold'; position: absolute; left: 0; top: 0; } .main-btn.secondary-main-btn:hover {background-color: #14A8A9; } .custom-testimonial-wrapper{margin-top: 63px} .tab-wrapper {float: left; width: 100%; } .secondary-tab-wrapper{background-color: #139FBE;} .shape-box.secondary-tab-wrapper::before{background-color: #139FBE;} .secondary-tab-wrapper .tab-list > li > a {color: #ffffff; } .secondary-tab-wrapper .tab-list > li.active > a, .secondary-tab-wrapper .tab-list > li.active > a:hover, .secondary-tab-wrapper .tab-list > li.active > a:focus{border-bottom-color: #ffffff} .secondary-tab-wrapper .tab-list > li > a:hover{border-bottom-color: #ffffff;} .secondary-tab-wrapper .tab-list::before {background-color: #265b7833; } .secondary-tab-wrapper .tab-list > li:last-child{float: right;margin-right: 0;} .open-training-wrapper {float: left; width: 100%; } .open-training-text {float: left; width: 100%; margin-bottom: 23px; } .open-training-text p {color: #ffffff; } .open-training-list {float: left; width: 100%; margin-bottom: 32px; } .partner-logo-wrapper {float: left; width: 100%; position: relative; border: 1px solid #ffffff40; border-radius: 4px; } .partner-logo {position: absolute; left: -1px; top: -1px; width: 136px; height: calc(100% + 2px); background-color: #ffffff; padding: 10px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .partner-logo img {float: left; width: auto; margin-top: -3px} .partner-text {float: left; width: 100%; padding: 21.5px 20px 20.5px 158.5px } .partner-text p {color: #ffffff; } .partner-logo::before {content: ''; position: absolute; right: -5.5px; top: 0; bottom: 0; height: 14px; width: 14px; transform: rotate(45deg); background-color: #ffffff; margin: auto; } .in-company-training-wrapper {float: left; width: 100%;margin-bottom: 32px;} .in-company-training-form-box {float: left; width: 59.389%; padding: 24px 24px 24px 24px; border-radius: 4px; background-color: #06385340; } .in-company-training-text-box {float: left; width: 40.611%; padding-left: 32px; } .in-company-training-text-box p {color: #ffffff; margin-bottom: 20px; } .in-company-training-form-box h6 {color: #ffffff; margin-bottom: 20px; } .open-training-list .panel-group {float: left; width: 100%;margin-bottom: 8px; } .open-training-list .panel.panel-default {display: flex;flex-wrap: wrap; width: 100%;border-radius: 4px;border: none;margin: 0;box-shadow: none;} .open-training-list .panel-heading {float: left;width: 100%;background-color: transparent;border-color: transparent;border-radius: 0;color: #000000;position: relative;padding: 0;} .open-training-list .panel-title > a {position: absolute; left: 0; top: 0; height: 100%; width: 100%;z-index:99 } .open-training-list .panel-title a br {display: none; } .open-training-list .panel-collapse {float: left; width: 100%;order:1 } .open-training-list .panel-body {float: left; width: 100%;border: none!important;padding: 0px 16px 12px 16px;font-size: 18px;line-height: 32px;} .open-training-list .panel-title a[aria-expanded="true"] + .training-toggle-btn .icon-wrapper{transform: rotate(180deg ); -webkit-transform: rotate(180deg ); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);} .open-training-list .panel-title {position: relative; padding: 12px 16px 12px 16px; display: flex; align-items: center; justify-content: space-between; } .common-label.light-label {background-color: #ECF7FC; color: #265B78; border: none; float: left;padding: 6px 8.28px} .open-training-list .common-label.light-label{margin-left: 54px;} .training-toggle-btn {float: left; width: auto; position: relative; padding: 16px 31px; } .training-toggle-btn .icon-wrapper {width: 8px; position: absolute; right: -20px; top: 0; bottom: 0; margin: auto; height: 4px; } .training-title {width: auto; display: flex; align-items: center; } .training-title span:last-child {margin-left: 8px; } .training-title span:first-child {font-size: 40px; line-height: 48px; font-family: 'Martel-Heavy'; } .training-toggle-btn span {font-size: 16px; line-height: 24px; font-family: 'SourceSansPro-Semibold'; position: relative; } .open-training-list .training-toggle-btn {margin: 0px 21px 0px auto;} .traning-day-list {float: left; width: 100%; background-color: #ECF7FC; padding: 16px 24px 16px; border-radius: 4px; } .traning-day-card:first-child {padding-top: 0; } .traning-day-card {float: left; width: 100%; border-bottom: 1px solid #DDF2FB; padding: 8px 0px 7px; } .traning-day-card:last-child {border-bottom: 0; padding-bottom: 0; } .traning-day-date {float: left; width: 138px; } .training-day-icon {float: left; width: auto; padding-left: 18px; } .training-day-icon span {position: relative;font-size:16px;line-height:28px } .training-day-icon span .icon-wrapper {position: absolute; left: -19px; top: 2.5px; width: 14px; height: 14px; } .training-day-icon span .icon-wrapper img {float: left; width: auto; } .traning-day-time {margin-left: auto; width: auto; float: right;min-width: 97.48px;} .open-training-list .panel-group:last-child {margin-bottom: 0; } .secondary-tab-wrapper .tab-list > li{margin-right: 32px;} .single-training-banner-section .full-wrapper > .tab-wrapper.secondary-tab-wrapper > .tab-content{padding: 33px 80px 80px 0px} .open-training-list .panel-heading .main-btn{padding: 16px 20.88px} .in-company-training-text-box .main-btn.white-btn{padding: 16px 30px} .in-company-training-form-box .gform_wrapper.gravity-theme .gform_footer, .in-company-training-form-box .gform_wrapper.gravity-theme .gform_page_footer{margin-top: 2px;} .ask-question-text h6 {margin-bottom: 8px; } .ask-question-text h6, .ask-question-text p{color: #ffffff} .ask-question-text {float: left; width: 100%; margin-bottom: 30px; } .secondary-trainer-full-box-card {background-color: #06385333; } .secondary-trainer-full-box-card h4, .secondary-trainer-full-box-card p{color: #ffffff} .dark-social-icon-list li a {background-color: #063853;position: relative; overflow: hidden;} .gradient-btn:hover span {position: relative; } .dark-social-icon-list li a:hover{background-color: #063853} /* Article Overview */ .article-overview-wrapper {float: left; width: 100%; } .article-overview-list {float: left; width: 100%; } .article-overview-list .row.d-flex {margin: 0px -8px; } .article-overview-card {padding: 0px 8px; margin-bottom: 16px; } .article-overview-card:nth-child(2){width: 66.66666667%} .article-overview-inner-card {float: left; width: 100%; position: relative; background-color: #D9D9D9; border-radius: 4px; overflow: hidden; height: 368px; } .article-overview-inner-card::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 273px; background: linear-gradient(0deg, #000000 -32.89%, rgba(0, 0, 0, 0) 96.09%); z-index: 1;} .article-overview-image {float: left; width: 100%; height: 100%; } .article-overview-image picture {float: left; width: 100%; height: 100%; } .article-overview-inner-card:hover picture {transform: scale(1.1); } .article-overview-meta {position: absolute; left: 0; bottom: 0; padding: 19px 24px;z-index: 1; } .article-overview-meta h4, .article-overview-meta p {color: #ffffff; } .article-overview-section {padding: 80px 0px 147px;background-color: #ffffff;} .article-overview-banner-section .about-banner-wrapper{padding-bottom: 80px} /* Article Detail */ .article-banner-section .about-banner-wrapper {padding: 177px 0px 0px; margin-bottom: -146px; } .article-banner {float: left; width: 100%; height: 489px; border-radius: 4px; background-color: #D9D9D9; overflow: hidden;position: relative;z-index: 1;} .article-banner picture {float: left; width: 100%; height: 100%; } .article-banner .back-btn {position: absolute; left: 80px; top: 79px; margin-bottom: 0; } .back-btn-dark{background-color: #063853; border-color: #063853; } .article-detail-banner {width: 86.004%; background-color: #ffffff; margin: auto; display: flex; flex-wrap: wrap;z-index: 9; position: relative; } .article-detail-title {float: left; width: 100%; margin-bottom: 48px; } .article-detail-title h2 {margin-bottom: 9px; } .article-detail-title h6 {line-height: 28px; font-family: 'SourceSansPro-Light'; } .article-detail-box{float: left;width: 100%;padding: 50px 81px 89px 81px;} .trainer-full-card {float: left; width: 100%; padding: 72px 72px 96px 146px; position: relative; background-color: #DDF2FB; } .trainer-full-image {position: absolute; left: -80px; top: 0; height: 192px; width: 192px; margin: auto; bottom: 0; background-color: #DDF2FB; } .trainer-full-image picture {float: left; width: 100%; height: 100%; } .trainer-full-meta {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; } .trainer-full-inner-meta {float: left; width: 60%; } .trainer-full-inner-meta span {color: #139FBE; margin-bottom: -2px; display: inline-block; } .trainer-full-meta .main-btn{padding: 16px 43.61px} .trainer-full-title-meta{float: left;width: 100%;margin-bottom: 12px} .main-info-btn{background-color: #139FBE;} .main-info-btn:hover{background-color: #265B78} .trainer-full-meta .main-btn-wrapper{position: relative; top: 75px; } .related-article-section{padding: 148px 0px 144px;overflow: hidden;} .related-article-title {float: left; width: 100%; margin-bottom: 38px; } .related-article-slider {float: left; width: 100%; position: relative; } .related-article-slider .article-overview-card{width: 368px;margin:0px 16px 0px 0px;padding: 0} .related-article-slider .slick-arrow{right: calc(50% - 617px)} /* Trainer Overview */ .training-overview-section {padding: 80px 0px 100px;} .training-overview-section .banner-image {width: calc(50% - 184px); } /* Training Detail */ .trainer-about-section {padding-top: 125px; } .trainer-portrait-box {float: right; width: 32.395%; border-radius: 4px; overflow: hidden; position: relative; top: -139px; z-index: 1;} .trainer-portrait-image {float: left; width: 100%; height: 371px; background-color: #D9D9D9; } .trainer-portrait-image picture {float: left; width: 100%; height: 100%; } .trainer-portrait-contact {width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #06385333; padding: 14px 16px 18px 24px; } .trainer-portrait-contact h6 {color: #ffffff; width: auto; } .trainer-portrait-contact .social-icon-list-lg{width: auto; } .social-icon-list-lg li a {height: 56px; width: 56px; } .single-trainer-banner-section .about-banner-wrapper {padding-bottom: 76px; } .single-trainer-full-wrapper .full-wrapper > .tab-wrapper > .tab-content{padding: 64px 81px 105px 0px} .single-trainer-full-wrapper .flexible-intro-wrapper{padding-bottom: 89px;} .single-trainer-full-wrapper .tab-list-secondary li a{padding: 12px 62.5px} .single-trainer-full-wrapper .tabbing-box{padding-bottom: 69px;margin-bottom: 65px;} .trainer-slider{float: left;width: 100%;position: relative;} .trainer-slider .trainer-card{width: 368px;padding: 0;margin-right: 16px;} .related-trainer-section{padding: 272px 0px 0px;overflow: hidden;} .related-trainer-wrapper{float: left;width: 100%} .related-trainer-wrapper h3{margin-bottom: 35px} .training-toggle-btn.show .icon-wrapper {transform: rotate(180deg); } .training-toggle-btn:hover {background-color: #ECF7FC; } .text-banner-section .about-banner-wrapper{padding-bottom: 130px} .single-trainer-banner-section .training-col-inner-card {min-height: 310px; } /* Learning Detail */ .single-learning-banner-section .about-banner-wrapper{padding-bottom: 36px} .plain-link-list li a span:first-child{border-bottom-color: transparent;} .plain-link-list li a:hover span:first-child{border-bottom-color: #ffffff} .training-info-full{width: 100%;margin-bottom: 7px} .training-info-full .link-list{margin-left: 0} .training-info-full:last-child {margin-bottom: 0; } /*.social-box{margin-top: -161px;}*/ .single-learning-banner-section .program-block-list {counter-reset: section;} .single-learning-banner-section .program-block-list .panel-background span:first-child::before {counter-increment: section; content: "Dag " counter(section)""; } .single-learning-banner-section .secondary-tab-wrapper .main-btn-wrapper.main-btn-group {margin-bottom: 32px;} .related-learning-section{padding:381px 0px 102px} .single-learning-banner-section .tab-wrapper > .tab-content{padding-top: 46px} .single-learning-banner-section .flexible-intro-wrapper-text h4{margin-bottom: 8px} #onderdelen-in-de-leerlijn .flexible-intro-wrapper, #over-de-trainer .flexible-intro-wrapper{padding-bottom: 32px;} #onderdelen-in-de-leerlijn .program-block-wrapper{margin-bottom: 0} .single-learning-banner-section .secondary-tab-wrapper.shape-box{min-height: 485px;} .secondary-tab-wrapper .main-btn-group .main-btn{padding: 16px 52.4px;} .secondary-tab-wrapper .main-btn-group .white-btn{padding: 16px 38px;} .single-learning-banner-section .full-wrapper {margin-bottom: -293px; } .training-info.one-trainer > p{margin-right: 3px;} /* Common Model */ .admin-bar .common-modal .modal-dialog{top: 32px;} .common-modal.modal {display: block !important; pointer-events: none; z-index: 99999;} .common-modal.modal.in {pointer-events: auto;} body .modal-backdrop.in {filter: alpha(opacity=100); opacity: 0.9; } body .modal-backdrop{background: linear-gradient(148.04deg, #063853 38.9%, #28AFB0 168.28%);} /* Secondary Modal */ .modal-dialog{min-height: calc(100vh - 60px)} .modal-dialog.modal-dialog-centered{display: flex; align-items: center; justify-content: center;} .small-container.container{width: 728px} .secondary-modal.common-modal .modal-dialog{width: 728px;} .secondary-modal.common-modal .gform_ajax_spinner{display: none;} .secondary-overlay-wrapper{float: left; width: 100%; position: relative; background-color: #ffffff; padding: 77px 79px 69px 79px;} .close-btn {position: absolute; top: 0; height: 75px; width: 75px; background-color: #1f5d7a; background-image: url(./images/icon-close-white.svg); background-size: 18px; background-repeat: no-repeat; background-position: center; cursor: pointer; right: 0; } .close-btn:hover {background-color: #139FBE; } /*body .gform_wrapper.gravity-theme .gfield.gfield--type-name {margin-bottom: 0; }*/ /* Sticky Bar */ .social-box.secondary-social-box.toggle-box {padding: 20px 30px;top:-250px; z-index: 0; } .social-box.secondary-social-box.toggle-box p {display: none; } .social-box.secondary-social-box.toggle-box .main-btn-wrapper {display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between; } .social-box.secondary-social-box.toggle-box .main-btn {width: auto; padding: 16px 21px; margin: 0 8px 0 0; } .social-box.secondary-social-box.toggle-box .main-btn:last-child {margin: 0; } .no-future-training-text {float: left; width: 100%; padding: 30px; margin-bottom: 35px; border: 1px solid #ffffff40; border-radius: 4px; } .no-future-training-text *{color: #ffffff} /* Pagination Design */ body .wpgb-facet {width: 100%;} body .wpgb-pagination-facet {float: left; width: 100%; margin: 45px 0px 0px;} body .wpgb-facet .wpgb-pagination {width: 100%; display: flex; align-items: center; justify-content: center; } body.page-template-training-overview-page .wpgb-pagination-facet{margin: 25px 0px 0px} body .wpgb-facet .wpgb-pagination li {float: left; width: auto; min-width: auto; margin: 0; height: auto; line-height: normal; font-size: 0; } body .wpgb-facet .wpgb-pagination li a, body .wpgb-facet .wpgb-pagination li a:hover {font-size: 20px; line-height: 32px; color: #063853; padding: 0px 12px; width: auto; display: inline-block; outline: none!important; font-family: 'SourceSansPro-Bold'; } body .wpgb-facet .wpgb-pagination li a[aria-current] {color: #139FBE} body .wpgb-facet .wpgb-pagination li:first-child a[aria-label="Goto Page 1"], body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"] {font-size: 0; padding: 0; margin: 0; height: 56px; width: 56px; border-radius: 4px; position: relative; border: 1px solid #DDF2FB; } body .wpgb-facet .wpgb-pagination li:first-child a[aria-label="Goto Page 1"]{margin-right: 12px;} body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"]{margin-left: 12px} body .wpgb-facet .wpgb-pagination li:first-child a[aria-label="Goto Page 1"]::before, body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"]::before, body .wpgb-facet .wpgb-pagination li:first-child a[aria-label="Goto Page 1"]::after, body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"]::after {content: ''; background-image: url(./images/icon-arrow-left-dark.svg); background-repeat: no-repeat; background-position: center; position: absolute; height: 17px; width: 17px; background-size: contain; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } body .wpgb-facet .wpgb-pagination li:first-child a[aria-label="Goto Page 1"]::after, body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"]::after {opacity: 0; background-image: url('./images/icon-arrow-left-dark.svg'); } body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"]::before, body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"]::after {transform: rotate(180deg); } body .wpgb-facet .wpgb-pagination li a:hover {color: #139FBE; } body .wpgb-facet .wpgb-pagination li:first-child a[aria-label="Goto Page 1"]:hover, body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"]:hover {background-color: #DDF2FB; border-color: #DDF2FB; } body .wpgb-facet .wpgb-pagination li:first-child a[aria-label="Goto Page 1"]:hover::before, body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"]:hover::before {opacity: 0 } body .wpgb-facet .wpgb-pagination li:first-child a[aria-label="Goto Page 1"]:hover::after, body .wpgb-facet .wpgb-pagination li:last-child a[aria-label="Goto Page 2"]:hover::after {opacity: 1 } /* Custom Filter */ .form-group {float: left; width: 100%; margin-bottom: 8px; } .form-group:last-child{margin-bottom: 0} .custom-filter-box .wpgb-select, .custom-filter-box .wpgb-input{float: left; font-size: 15px; line-height: 18.5px; color: #6A8897; font-family: 'SourceSansPro-Regular'; border: 1px solid #DDF2FB; background-color: #ffffff; border-radius: 4px; height: 48px; width: 100%; padding: 12px 7px; } .custom-filter-box .wpgb-select{background-image: url(./images/icon-dropdown.svg); background-repeat: no-repeat; background-position: calc(100% - 11px) center; background-size: 4px;padding: 12px 35px 12px 7px} .custom-filter-box .wpgb-input{background-image: url(./images/icon-search.svg); background-repeat: no-repeat; background-position: calc(100% - 8px) center; background-size: 18px;} .custom-filter-box .wpgb-input::placeholder{color: #6A8897!important;} .custom-filter-box .wpgb-select:hover, .custom-filter-box .wpgb-input:hover{border-color: #DDF2FB} .custom-filter-box .wpgb-select:focus, .custom-filter-box .wpgb-input:focus{box-shadow: 2px 2px 8px 0px #00000014 inset; background-color: #DDF2FB;} .training-slider .slick-arrow:hover::before, .related-article-slider .slick-arrow:hover::before, .trainer-slider .slick-arrow:hover::before { background-color: #ECF7FC; } /* 404 page */ .empty-section {padding: 130px 0 100px; background-color: #1595B3; } .empty-content {display: flex; flex-wrap: wrap; width: 820px; margin: 0 auto; max-width: 100%; justify-content: center; text-align: center; float: none;} .empty-content h1 {font-size: 400px; line-height: 400px; margin-bottom: 15px; color: #fff;} .empty-content h3 {font-size: 32px; line-height: 36px; color: #fff;} .empty-content p {margin-bottom: 45px; color: #fff;} body.error404 .body-text > a, body.error404 .body-text > p > a, body.error404 .body-text ul > li > a, body.error404 .body-text ol > li > a {border-bottom: 1px solid #ffffff; color: #ffffff; } body.error404 .body-text > a:hover, body.error404 .body-text > p > a:hover, body.error404 .body-text ul > li > a:hover, body.error404 .body-text ol > li > a:hover {border-bottom-color: transparent; } .load-more-btn-wrap { width: 100%; justify-content: center; display: flex; flex-wrap: wrap; margin-top: 40px; } .single-leerlijn .partner-logo-wrapper { display: flex; align-items: center; gap: 20px; } .single-leerlijn .partner-logo { position: relative; height: 100px; width: 80px; } .single-leerlijn .partner-text { padding-left: 0; width: calc(100% - 120px); } .single-leerlijn .partner-logo img { margin-top: 0; width: 100%; height: 100%; } /* Footer Newsletter Section */ .cta-newsletter-section {padding: 60px 0px; background: linear-gradient(109.24deg, #D9D9D9 -3.46%, #139FBE -3.45%, #265B78 89.96%); } .cta-newsletter-wrapper {display: flex;flex-wrap:wrap; align-items: center; justify-content: space-between; } .cta-newsletter-text {float: left; width: 60%; } .cta-newsletter-text h3 {color: #ffffff; margin-bottom: 7px; } .cta-newsletter-text p {color: #ffffff; } .cta-newsletter-form {float: right; width: 30%; } body .cta-newsletter-form .gform_wrapper.gravity-theme .gfield{margin-bottom: 20px;}