/*
Theme Name: NBTF
Author: m5 Marketing Communications
Version: 1
Text Domain: base

*/

:root {
	--global-font-family: komet, "Arial", "Helvetica Neue", "Helvetica", sans-serif;

	--nbtf-blue: 	#253746;
	--nbtf-orange:  #EA6854;
	--nbtf-aqua:    #74C3D5;
	--nbtf-purple:  #6F78BC;
	--nbtf-green:   #186860;
	--nbtf-yellow:  #F4BD48;
	--nbtf-offwhite:#F0EEE6;
	--cl-greytext:  #333;
}

html { font-size: 10px; }

body {
	color: var(--cl-greytext);
	font: 1.8rem/1.1111 var(--global-font-family);
	-webkit-font-smoothing: antialiased;
}

h1, .h1 {
	font-size: 4rem;
	line-height: 1.15;
	font-weight: 900;
	margin: 0 0 8px;
}
h2 {
	font-size: 3.2rem;
	line-height: 1.1875;
	font-weight: 900;
}
h3 {
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 800;
}
h4 {
	font-size: 2.4rem;
	line-height: 1.25;
	font-weight: 800;
}
h5 {
	font-size: 1.8rem;
	line-height: 1.3333;
	font-weight: 500;
}
a {
	text-decoration: none;
	transition: all .2s;
    cursor: pointer;
}
a:hover,
a:focus { /*opacity: .75;*/ }

b, strong { -webkit-font-smoothing: auto; }

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

:focus { outline: none; }

img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
embed,
iframe,
object {
	max-width: 100%;
}

#wrapper {
	position: relative;
    width: 100%;
    overflow: hidden;
}

.container {
	max-width: 144rem;
	padding: 0 2rem;
	margin: 0 auto;
}

.hentry { margin: 0 0 1.5em; }
.clear { clear: both; }

section { position: relative; z-index: 1; }

.button,
.wp-block-button__link {
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	width: auto;
	height: auto;
	padding: 2.3rem;
	color: #fff;
	font-size: inherit;
	font-weight: 700;
	text-align: center;
	background-color: var(--nbtf-blue);
	border: 2px solid var(--nbtf-blue);
	border-radius: 2.5rem 0;
	transition: all .3s;
}
.button:hover,
.wp-block-button__link:hover {
	color: var(--nbtf-blue);
	background-color: #fff;
	opacity: 1;
}
.btn-orange .wp-block-button__link {
	background-color: var(--nbtf-orange);
	border-color: var(--nbtf-orange);
}
.btn-orange .wp-block-button__link:hover {
	color: var(--nbtf-orange);
	background-color: #fff;
}
.button-large {
	width: 100%;
}

#main .wp-block-columns {
	gap: 0;
}

.home-banner .col-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3.8rem 4.79%;
}
.home-banner .col-logo .wp-block-image {
	display: block;
}
.home-banner .col-img .wp-block-image {
	aspect-ratio: 375/300;
}
.col-img .wp-block-image {
	position: relative;
}
.col-img .wp-block-image img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.col-img .wp-block-image.left-center img {
	object-position: left center;
}
.block-info {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 5rem 2rem;
}
.block-info.block-blue {
	background-color: var(--nbtf-aqua);
}
.block-info.block-orange {
	background-color: var(--nbtf-orange);
}
.block-info.block-blue h2,
.block-info.block-orange h2 {
	color: #fff;
}
.block-info > * {
	max-width: 47rem;
    margin: 0 auto;
}
.block-info p {
	line-height: 1.66667;
	font-weight: 500;
}
.block-info .wp-block-buttons {
	padding-top: 1.5rem;
}
.section-infos .col-img .wp-block-image {
	/*aspect-ratio: 72/61;*/
	height: 100%;
}
.bar-cta {
	padding: 4.6rem 6.94%;
	color: #fff;
	background-color: var(--nbtf-orange);
}
.bar-cta .wp-block-column {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bar-cta .wp-block-button__link {
	width: 17rem;
}
.fr .bar-cta .wp-block-button__link {
	width: 24.2rem;
}
.section-content {
	padding: 5rem 2rem;
}
.section-content > .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.5rem;
	max-width: 72rem;
	margin: 0 auto;
}
.section-content p {
	line-height: 1.66667;
}
.section-content .wp-block-buttons {
	width: 100%;
	gap: 2.5rem;
	padding-top: 1.5rem;
}
.section-content .button-large {
	text-align: center;
}
.section-career {
	padding: 5rem 0;
	background-color: var(--nbtf-aqua);
}
.section-career h2 {
    color: #fff;
    margin-bottom: 4rem;
}
.section-career > .wp-block-column {
	display: flex;
	flex-direction: column;
	padding: 0 6.9%;
	margin: 0 auto;
}
#main .section-career .row-blocks {
	display: flex;
	gap: 2rem;
}
.block-career .wp-block-buttons,
.block-career .wp-block-button,
.block-career .wp-block-button__link {
    height: 100%;
}
.block-career .wp-block-button__link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    gap: 2rem;
    width: 100%;
	padding: 2.5rem 2rem;
    color: var(--nbtf-blue);
    font-size: 3rem;
    line-height: 1.2;
	background-color: #fff;
	border-radius: 2.5rem 0;
    border: 0;
    transition: all .35s ease-in;
}
.fr .block-career .wp-block-button__link {
    font-size: 2.4rem;
    line-height: 1.25;
}
.block-career .wp-block-button__link img {
    position: relative;
    transition: all .35s ease-in;
}
.block-career .wp-block-button__link strong {
    position: relative;
    font-weight: 800;
    transition: all .35s ease-in;
}
.block-career .wp-block-button__link:hover {
    
}
.block-career .wp-block-button__link:hover img {/*
    height: 12rem;*/
    transform: scale(1.2);
}
.block-career .wp-block-button__link:hover strong {
    transform: translateY(1rem);
}
.section-ready .h1 {
	margin: 5rem 0 3rem;
}
.error-404 {
	display: flex;
	align-items: center;
	min-height: calc(100vh - 20rem);
}

body.popup {
	display: flex;
	align-items: flex-start;
	padding: 4.4rem 0 4rem;
}
.post-content {
	display: flex;
	justify-content: space-between;
	gap: 5rem;
	padding: 6rem 2rem;
	border-radius: 2.5rem 0;
	background: #fff;
}
.post-content h3 {
	margin: 0 0 1.5rem;
}
.post-content p {
	margin: 0 0 3rem;
	line-height: 1.66667;
}
.post-content p:last-child {
	margin: 0;
}
.post-content .thumbnail {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	aspect-ratio: 295/265;
	background-color: var(--nbtf-blue);
	border-radius: 2.5rem 0;
	overflow: hidden;
}
.post-content .thumbnail img:not(.sac-logo) {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.post-content .sac-logo {
	width: 16.5rem;
}
.fr .post-content .sac-logo { width: 19.5rem; }
.col-featured {
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: flex-end;
	gap: 4rem;
}

@media (min-width: 668px) { /* lightbox */

	.post-content { gap: 2rem; padding: 5.21% 2rem; }
	.post-content .col-text { flex-basis: calc(63.5% - 2rem); }
	.post-content .col-featured { flex-basis: 36.5%; }
	.post-content .thumbnail { aspect-ratio: 350/314; }
	.post-content .sac-logo { width: 15rem; }

}

@media (min-width: 768px) {
	
	.container { padding: 0 5rem; }
	.button-large .wp-block-button__link {
		max-width: 33.5rem;
	}
	.home-banner {
		flex-wrap: nowrap !important;
		max-height: 620px;
		overflow: hidden;
	}
	.home-banner .col-img .wp-block-image { aspect-ratio: 1024/620; }
	.block-info { padding: 5.35% 6.94%; }
	.bar-cta h2 {
		width: calc(100% - 17rem);
		padding-right: 3.47%;
	}
	.fr .bar-cta h2 {
		width: calc(100% - 24.2rem);
		padding-right: 3.38%;
    }
	.section-infos { flex-wrap: nowrap !important; }
	.section-career { padding: 4.9% 0 6.9%; }
	#main .section-career .row-blocks {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 1fr;
		gap: 3rem;
	}
	
}

@media (min-width: 892px) { /* lightbox */
/*
	body.popup { align-items: center; }*/
	.post-content { gap: 3.45%; padding: 5.21% 4.34%; }
	.post-content .col-text { flex-basis: 56.5%; }
	.post-content .col-featured { flex-basis: 40%; }
	.post-content .sac-logo { width: 20.7rem; }
	.fr .post-content .sac-logo { width: 25.2rem; }
	
}

@media (min-width: 992px) {
	
	h1, .h1 { font-size: 5rem; line-height: 1.12; }
	h2 { font-size: 3.6rem; line-height: 1.16; }
	.section-content { padding: 5rem 5rem 7rem; }
	#main .section-career .row-blocks { gap: 4rem; }
	.section-career { padding: 7rem 0 10rem; }
	.section-ready .h1 { margin: 7rem 0 5rem; }
	.block-career .wp-block-button__link { padding-inline: 6.9%; }
	
}

@media (min-width: 1440px) {

	.block-info {
		padding: 7.7rem 10rem;
	}
	.section-career > .wp-block-column {
		max-width: 144rem;
		padding: 0 10rem;
	}
	.block-career .wp-block-button__link { padding-inline: 5rem; }
	
	.post-content { gap: 5rem; padding: 6rem 5rem; }
	
}



@media (max-width: 1279px) {
	


}

@media (max-width: 1159px) {

	

}

@media (max-width: 991px) {
	

}

@media (min-width: 768px) and (max-width: 991px) {
	
	#main .home-banner .col-logo { flex-basis: 32% !important; }
	#main .home-banner .col-img { flex-basis: 68% !important; }
	.block-info,
	.bar-cta { padding-inline: 5rem; }
    .fr .section-infos .btn-orange .wp-block-button__link {
        padding-inline: .8rem;
    }
	.block-career .wp-block-button__link { gap: 1rem; font-size: 2.4rem; }
	.section-ready .button-large .wp-block-button__link { padding-inline: 1rem; }

}

@media (max-width: 767px) {
	
	.home-banner .col-logo { padding-top: 9rem; }
	.home-banner .col-logo img { height: 29.2rem; }
	.fr .home-banner .col-logo img { height: 23.6rem; }
	.block-info { text-align: center; }
	.block-info .wp-block-buttons { justify-content: center; }
	.bar-cta .wp-block-column { flex-direction: column; gap: 3rem; text-align: center; }
	.block-career .wp-block-button__link { min-height: 30rem; }
	.section-infos .col-img .wp-block-image { aspect-ratio: 375/340; }
    .section-ready .h1 { padding: 0 2rem; }
	.section-ready .block-info { padding-top: 3rem; }
	.section-ready .wp-block-buttons .wp-block-button__link { width: auto; }
}

@media (max-width: 667px) {
	
	.post-content { flex-direction: column; }

}