/*
Theme Name: GCB Cert
Theme URI: https://cormo.pl
Author: Cormo
Author URI: http://cormo.pl/
Version: 1.04
*/
body {
--bs-body-font-family: transducer, sans-serif;
--bs-border-color: #DCDCDC;
--bs-primary-rgb: 4, 186, 238;
--bs-body-color: #1A2045BD;
--bs-info-rgb: 42, 87, 158;
}
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-25 { font-size: 25px !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.z-index-99 { z-index: 99; }
.btn { --bs-btn-padding-x: 1.2rem; --bs-btn-padding-y: 0.7rem; }
.btn-sm { font-size: 12px; --bs-btn-padding-x: 0.8rem; --bs-btn-padding-y: 0.6rem;}
.btn-primary { --bs-btn-bg: #429FD9; --bs-btn-border-color: #429FD9; --bs-btn-hover-bg: #2881B8; --bs-btn-hover-border-color: #2881B8; }
.btn-outline-light { --bs-btn-color: #DCEEF2; --bs-btn-border-color: #DCEEF2; }
.btn-dark { --bs-btn-bg: #1A2045; --bs-btn-border-color: #1A2045; }
.btn-link { color: #1A2045 !important; text-decoration: none !important; }
.border-light { border-color: #429FD9 !important }
.bg-none { background: none !important; }
.shadow-hover-lg { transition: box-shadow 0.4s; }
.shadow-hover-lg:hover { box-shadow: 0px 11px 22.2px 0px #E5F0F7 !important; }
.bg-white-hover { transition: background 0.3s; }
.bg-white-hover:hover { background: #FFF !important; }
.opacity-75 { opacity: 0.75 !important; }
.with-arrow:after { background-repeat: no-repeat; background-position: 0 50%; content: ''; width: 1em; height: 1em; display: inline-block; margin-left: 0.8em; vertical-align: middle; background-size: scale-down; background-image: url('data:image/svg+xml,'); }
.shadow { box-shadow: 0px 11px 22.2px 0px #E5F0F7 !important; }
.text-primary { color: #2A579E !important; }
.text-secondary { color: #1A2045 !important; }
.text-link { color: #429FD9!important; }
.text-bg-success { background-color: #EEFCEE !important; }
.text-bg-info { background-color: #EEF7FC !important; }
.text-bg-danger { background-color: #FCEEEE !important; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.35; font-family: transducer-extended, sans-serif; --bs-heading-color: #1A2045; }
.font-primary { font-family: transducer, sans-serif !important; }
.font-secondary { font-family: transducer-extended, sans-serif; }
.w-fit-content { width: fit-content; }
hr { color: #EBEBEB; opacity: 1; }
.bg-pattern { background: url(img/pattern.png) no-repeat 50% 50%; }
.bg-light { background-color: #EEF7FC !important; }
.bg-corporate {
background: linear-gradient(-45deg, #D74873, #F76A54, #2a579e, #1A2045);
background-size: 400% 400%;
animation: gradient 10s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.bg-globe { background-image: url(img/bg-globe.png); background-repeat: no-repeat; background-position: 5vw 15vw; }
.bg-primary { background: #1A2045 !important; }
.bg-contact { background: #EBF5FB url(img/bg-contact.png) no-repeat 0 50%; background-size: auto 100%; }
.bg-dark { background: #1A2045 !important; }
.bg-map { background: url(img/map-dots.png) no-repeat center center; background-size: contain; }
.bg-light-blue { background-color: #429FD9!important; }
.bg-image-1 { background: url(img/bg-team.webp) no-repeat center center; background-size: cover; }
.bg-map g { opacity: 0; animation: showgcb 10s infinite; }
.bg-map g:nth-child(1) { animation-delay: 0.5s; }
.bg-map g:nth-child(2) { animation-delay: 1s; }
.bg-map g:nth-child(3) { animation-delay: 1.5s; }
.bg-map g:nth-child(4) { animation-delay: 2s; }
.bg-map g:nth-child(5) { animation-delay: 2.5s; }
.bg-map g:nth-child(6) { animation-delay: 3s; }
@keyframes showgcb {
0% { opacity: 0; }
10% { opacity: 1; }
70% { opacity: 1; }
80% { opacity: 0; }
}
.padding-custom-1 { padding: 32px; }
.padding-custom-2 { padding: 32px; }
.padding-custom-3 { padding-left: 20px; padding-right: 32px; }
.padding-custom-4 { padding-top: 72px; padding-bottom: 64px; }
.padding-custom-5 { padding: 32px; }
.padding-custom-6 { padding-top: 88px; padding-bottom: 88px; }
.padding-custom-7 { padding-top: 60px; padding-bottom: 60px; }
.padding-custom-8 { padding: 16px; padding-bottom: 32px; }
.padding-custom-9 { padding: 32px; }
.padding-custom-10 { padding-top: 72px; padding-bottom: 104px; }
.padding-custom-11 { padding-top: 104px; padding-bottom: 104px; }
.padding-custom-12 { padding: 32px; }
.mt-custom-1 { margin-top: -106px; }
.fs-custom-1 { font-size: 61px; }
.fs-custom-2 { font-size: 61px; }
.border-custom-1 { border-radius: 40px; }
.custom-accordion-item { transition: all 0.2s ease; cursor: pointer; }
.custom-accordion-content { transition: all 0.2s ease; overflow: hidden; }
.custom-accordion-header { width: 100%; }
.custom-accordion-content.collapsed { max-height: 0; opacity: 0; }
.custom-accordion-content.expanded { max-height: 500px; opacity: 1; margin-top: 12px; }
.img-height-custom-1 { min-height: 400px; }
/* nav.navbar { position: sticky; top: 0; z-index: 100; } */
.navbar-toggler { box-shadow: none !important; width: 40px; height: 40px; padding: 11px 10px; transition: all 0.3s; }
.navbar-toggler span { display: block; height: 2px; margin-bottom: 5px; border-radius: 1px; background: #254478; width: 20px; transition: all 0.4s; }
.navbar-toggler span:nth-child(1) { transform-origin: -4px 7px; }
.navbar-toggler span:nth-child(2) { width: 15px; transform-origin: 10px -7px; }
.navbar-toggler:not(.collapsed) span:nth-child(1) { transform: rotate(45deg); width: 10px; }
.navbar-toggler:not(.collapsed) span:nth-child(2) { transform: rotate(-45deg); width: 10px; }
.navbar-toggler:not(.collapsed) span:nth-child(3) { opacity: 0; }
.tile { height: 540px; overflow: hidden; position: relative; }
.tile .wp-post-image { position: absolute; top: 0; left: 0; filter: grayscale(100); right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; z-index: 1; }
.tile-desc { transition: all 0.4s; padding-top: 300px !important; position: absolute; bottom: -75px; right: 0; left: 0; z-index: 2; background: linear-gradient(180deg, rgba(62, 163, 220, 0) 31.05%, #1A2045 85.12%); }
.tile:hover .tile-desc { bottom: 0; background: linear-gradient(180deg, rgba(62, 163, 220, 0) 31.05%, #429FD9 85.12%); }
.intro { background: url(img/intro.jpg) no-repeat center center; background-size: cover; padding: 15vh 0 7vh; border-radius: 0 0 48px 48px; }
.intro-mask { background: linear-gradient(180deg, #3582B6D9 31.05%, #1A2045D9 85.12%); opacity: 0.9; }
.separator { width: 1px; background: #DFDFDF; }
.box-experts { border-radius: 48px 48px 0 0; }
.box-experts-img { margin-top: -30px; }
#wpadminbar { opacity: 0.05; transition: opacity 0.3s; }
#wpadminbar:hover { opacity: 1; }
.opinions { background: url(img/bg-opinion.png) no-repeat 0 50%; background-size: auto 100%; }
.opinions .carousel-indicators button { background-color: #DCEEF2; flex: 1 1 auto !important; opacity: 1; }
.opinions .carousel-indicators button:hover,
.opinions .carousel-indicators button.active { background-color: #2A579E; }
.opinions .carousel-buttons button { background: none; border: 1px solid #2A579E; border-radius: 100%; color: #429FD9; }
.opinions .opinion-img { position: absolute; top: 10px; left: -60px; }
.navbar .dropdown-toggle { transition: none; border-radius: 0 !important; border: 1px solid transparent; width: 160px; text-align: left; }
.navbar .dropdown-toggle.show { border: 1px solid #EBEBEB; }
.navbar .dropdown-menu { margin: -1px 0 0; border-color: #EBEBEB; }
.navbar .dropdown-menu .menu-item { border-bottom: 1px solid #EBEBEB; }
.footer a { text-decoration: none; color: #fff; }
.footer .menu-item { margin-bottom: 10px; }
.footer .separator { background: #429FD9; }
.accordion-item { overflow: hidden; border: 1px solid #E3E3E3; box-shadow: 0px 11px 22.2px 0px #E5F0F7; }
.nav-tabs { --bs-nav-tabs-border-width: 0; --bs-nav-tabs-link-active-bg: transparent; border-bottom: 1px solid #CCCCCC; --bs-nav-tabs-link-active-color: #2A579E; }
.nav-tabs .nav-link { --bs-nav-link-color: #000; border-bottom: 3px solid transparent !important; }
.nav-tabs .nav-link.active { font-weight: 700; border-bottom-color: #2A579E !important; }
.nav.flex-column .nav-link { color: var(--bs-body-color); width: 100%; text-align: left; padding: 15px 60px 15px 20px; position: relative; }
.nav.flex-column .nav-link.active { background: #FFF; border-radius: 8px; box-shadow: 0px 11px 22.2px 0px #E5F0F7; color: #000; }
.nav.flex-column .nav-link:after { content: ''; transition: transform 0.4s; width: 16px; position: absolute; right: 15px; top: 0; bottom: 0; background: url('data:image/svg+xml,') no-repeat center center; }
.nav.flex-column .nav-link.active:after { transform: rotateY(180deg); }
.navbar .with-dropdown .nav-link { position: relative; padding-right: 22px !important; }
.navbar .with-dropdown .nav-link:after { content: ''; transition: transform 0.4s; width: 16px; position: absolute; right: 0; top: 0; bottom: 0; background: url('data:image/svg+xml,') no-repeat center center; }
.navbar .with-dropdown .nav-link.active:after { transform: rotateX(180deg); }
/* Fallback for locales where LI doesn't have .with-dropdown but has submenu */
.navbar li.menu-item-has-children > a.nav-link { position: relative; padding-right: 22px !important; }
.navbar li.menu-item-has-children > a.nav-link:after { content: ''; transition: transform 0.4s; width: 16px; position: absolute; right: 0; top: 0; bottom: 0; background: url('data:image/svg+xml,') no-repeat center center; }
.navbar li.menu-item-has-children > a.nav-link.active:after,
.navbar li.menu-item-has-children > a.dropdown-toggle.show:after { transform: rotateX(180deg); }
.bg-primary .breadcrumb { --bs-breadcrumb-divider-color: #FFF; }
.entry-container-bg { height: 560px; }
.wp-block-media-text { grid-template-columns: 1fr !important; margin: 3rem 0; gap: 1.25rem 2.5rem; padding-top: 3rem; margin-top: 3rem; border-top: 1px solid #EBEBEB; }
.wp-block-media-text figure { height: 100%; max-height: 512px; border-radius: 0.5rem; }
.wp-block-media-text figure img { height: 100%; max-height: 512px; object-fit: cover; border-radius: 16px; }
.wp-block-media-text .wp-block-media-text__media { grid-column: auto !important; grid-row: auto !important; }
.wp-block-media-text .wp-block-media-text__content { padding: 0; }
.post-content h2 { margin: 1.25rem 0; font-size: 1.5625rem; }
.wp-post-image { object-fit: cover; }
.target-line { position: relative; }
.target-line:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 1px; background: #E7E7E7; margin: auto; z-index: 1; }
.target-line img { position: relative; z-index: 2; display: block; }
@media (min-width: 1400px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 992px) {
.navbar .nav-link { padding: 24px 0 !important; border-bottom: 4px solid transparent; }
.navbar .nav-link:hover { border-color: #429FD9; }
.wp-block-media-text { grid-template-columns: 1fr 1fr !important; gap: 64px !important }
}
.form-control { background-color: #EEF7FC; border-color: #1A204530; }
.form-select { background-color: #EEF7FC; border-color: #1A204530; }
.form-email-newsletter { outline: none; border: 1px solid #1A20453D; background: #fff; border-radius: 8px; padding: 12px 20px; font-size: 14px; font-weight: 400; color: #1A2045; width: 100%;}
.reveal{ position: relative; transform: translateY(150px); opacity: 0; transition: transform 0.5s ease, opacity 0.5s ease; }
.reveal.active{ transform: translateY(0); opacity: 1; }
.delay-1 { transition-delay: 0.15s; }
.delay-2 { transition-delay: 0.3s; }
.bg-full, .wp-block-media-text:nth-child(even) { position: relative; }
.bg-full::before, .wp-block-media-text:nth-child(even)::before { position: absolute; top: 0; left: -100vw; right: -100vw; bottom: 0; z-index: -1; background: inherit; content: '' !important; }
#content { overflow-x: hidden; }
.form-control, .form-select { font-size: 12px; }
input.form-control:not([type="file"]), select.form-select { min-height: 40px; }
textarea.form-control { min-height: 140px; }
.success { padding: 13px; font-size: 14px; color: rgba(5, 140, 43, 0.7); border: 1px solid #058C2B; border-radius: 2px; background: #F7FFEA; text-align: center; }
.error input, .error textarea { border: 1px solid #C51918; color: #C51918; background: #FFEAEA; }
.error .error-message { display: block; margin-top: 8px; font-size: 12px; color: #C51918; }
#content .bg-light + .bg-light { margin: 0 !important }
.post-content p, .post-content li { font-size: 14px; }
.post-content p, .post-content .wp-block-heading { margin: 0; }
.post-content p:not(:first-child), .post-content .wp-block-heading:not(:first-child) { margin-top: 20px; }
.post-content p:not(:last-child), .post-content .wp-block-heading:not(:last-child) { margin-bottom: 20px; }
.post-content h3, .post-content h4, .post-content h5, .post-content h6 { font-size: 20px; }
.excerpt p:last-child { margin-bottom: 0; }
.post-content .wp-block-media-text { border-top: 0 !important; }
.post-content .wp-block-media-text:nth-child(even) { background: #EEF7FC; }
.wp-block-image.size-full img { max-height: 530px; object-fit: cover; }
.full-link::after { position: absolute; inset: 0; content: ''; }
.breadcrumb-navigation { position: sticky; top: 0; z-index: 90; transition: transform 0.3s ease, opacity 0.3s ease; }
.breadcrumb-navigation.hide-on-scroll { transform: translateY(-100%); opacity: 0; }
.breadcrumb-navigation .breadcrumb-item button { display: block; text-align: left; text-wrap: pretty }
nav.navbar .dropdown, nav.navbar .dropdown * { max-width: 130px !important; }
.icon-container { width: 40px; flex-shrink: 0; }
.training-image-wrapper { position: relative; display: inline-block; }
.training-glow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.1) 60%, transparent 80%); border-radius: 50%; z-index: 1; filter: blur(186px); }
.training-image { position: relative; z-index: 2; border-radius: 8px; }
.training-card .training-card__image img { transition: transform .5s ease; }
.training-card:hover .training-card__image img { transform: scale(1.06); }
.training-card .training-card__surface { transition: box-shadow .3s ease, transform .3s ease; }
.training-card:hover .training-card__surface { box-shadow: 0 6px 24px rgba(0,0,0,.08); transform: translateY(-2px); }
@media (max-width: 991.99px) {
a.nav-link { display: flex; justify-content: space-between; }
#main-menu > ul > li > a.nav-link { padding-left: 28px; }
#menuIndustry button.nav-link::after { right: 10px; }
#main-menu > ul > .with-dropdown > a.nav-link::after { right: 18px; }
#main-menu > ul > li.menu-item-has-children > a.nav-link::after { right: 18px; }
.breadcrumb-navigation { top: 93px;}
.breadcrumb-navigation .bg-primary { background: #2A579E !important; }
.breadcrumb-navigation ol { display: flex; flex-direction: column; }
.breadcrumb-navigation .breadcrumb-item { display: flex; position: relative; padding: 0 !important }
.breadcrumb-navigation .breadcrumb-item, .breadcrumb-navigation .breadcrumb-item button { font-size: 14px; }
.breadcrumb-navigation .breadcrumb-item::before { display: none; }
.breadcrumb-navigation .breadcrumb-item button { flex: 1 1; display: flex; justify-content: space-between; align-items: center; padding: 8px 0 !important; }
.breadcrumb-navigation .breadcrumb-item .dropdown-menu { inset: calc(100% - 1px) -1px auto -1px !important; transform: none !important; }
.breadcrumb-navigation .breadcrumb-item .dropdown-item { font-size: 12px; text-wrap: pretty; }
.post-content .wp-block-media-text { padding: 0 !important; }
.post-content .wp-block-media-text:nth-child(even) { padding: 1.25rem 0 !important; }
.fs-mb-14 { font-size: 14px!important; }
.img-height-custom-1 { min-height: 176px; }
.padding-custom-1 { padding: 20px; }
.padding-custom-4 { padding-top: 48px; padding-bottom: 48px; }
.padding-custom-5 { padding: 0; background-color: transparent!important;}
.padding-custom-6 { padding-top: 40px; padding-bottom: 40px; }
.padding-custom-7 { padding-top: 40px; padding-bottom: 40px; }
.padding-custom-9 { padding-left: 0; padding-right: 0; }
.padding-custom-10 { padding-top: 48px; padding-bottom: 48px; }
.padding-custom-11 { padding-top: 48px; padding-bottom: 48px; }
.padding-custom-12 { padding-top: 24px; padding-bottom: 24px; }
.mt-custom-1 { margin-top: 0; }
.fs-custom-1 { font-size: 39px; }
.fs-custom-2 { font-size: 31px; }
.img-custom-1 { width: 100%; height: auto; }
.border-custom-1 { border-radius: 0; }
.training-image { width: 100%; height: auto; }
.border-top-mobile { border-top-left-radius: 48px; border-top-right-radius: 48px; }
}
@media (min-width: 992px) {
nav.navbar { position: relative; z-index: 100; }
#menuIndustry { position: absolute; top: 100%; left: 0; right: 0; }
#menuIndustry button.nav-link { padding-left: 8px !important; }
#menuIndustry button.nav-link::after { right: 8px; }
.breadcrumb-navigation .breadcrumb-item, .breadcrumb-navigation .breadcrumb-item button { font-size: 12px; }
.breadcrumb-navigation .breadcrumb-item:first-child { opacity: 0.75; }
.breadcrumb-navigation .breadcrumb-item::before { margin-left: 8px; float: right !important; padding: 0 !important; color: inherit; content: "/"; opacity: 0.75; }
.breadcrumb-navigation .breadcrumb-item:last-child::before { display: none; }
.breadcrumb-navigation .nav-tabs .nav-item { font-size: 14px; }
.breadcrumb-navigation .nav-tabs .nav-item .nav-link:not(.active) { opacity: 0.75; }
.breadcrumb-navigation .breadcrumb-item .dropdown-menu { margin-top: 13px !important; }
.breadcrumb-navigation .breadcrumb-item .dropdown-item { font-size: 14px; }
.post-content .wp-block-media-text { margin: 2.75rem 0 !important; padding: 2.75rem 0 !important; }
.post-content .wp-block-media-text:nth-child(even) { margin: 0 !important; padding: 5.5rem 0 !important; }
}