/*
ooooo   ooooo                           .o8                     
`888'   `888'                          "888                     
 888     888   .ooooo.   .oooo.    .oooo888   .ooooo.  oooo d8b 
 888ooooo888  d88' `88b `P  )88b  d88' `888  d88' `88b `888""8P 
 888     888  888ooo888  .oP"888  888   888  888ooo888  888     
 888     888  888    .o d8(  888  888   888  888    .o  888     
o888o   o888o `Y8bod8P' `Y888""8o `Y8bod88P" `Y8bod8P' d888b    
*/                                                                                                                              

.site-header {
	background-color: var(--color-blue-lighter);
}

.site-navigation {
	background-color: var(--color-blue-lighter);
}

.site-logo {
	width: 11rem;
	height: auto;
	padding-top: 0.375rem;
}

@media (min-width: 800px) {
	.site-logo {
		width: 14rem;
	}
}

.header-link-contact {
	background-color: var(--color-blue-dark);
	color: var(--color-white);
	padding: 1rem 1.5rem 0.75rem 1.5rem;
	border-radius: 5px;
	text-decoration: none;
	display: none;
}	

.header-link-contact:hover {
	text-decoration: underline;
}	


@media (min-width: 640px) {
	.header-link-contact {
		display: block;
	}
}

@media (min-width: 800px) {
	.header-link-contact {
		padding: 1rem 1.75rem 0.75rem 1.75rem;
	}	
}

/*
oooooooooooo                         .                      
`888'     `8                       .o8                      
 888          .ooooo.   .ooooo.  .o888oo  .ooooo.  oooo d8b 
 888oooo8    d88' `88b d88' `88b   888   d88' `88b `888""8P 
 888    "    888   888 888   888   888   888ooo888  888     
 888         888   888 888   888   888 . 888    .o  888     
o888o        `Y8bod8P' `Y8bod8P'   "888" `Y8bod8P' d888b                                                     
                                                            
*/

.site-footer {
	background-color: var(--color-blue-light);
}

.site-footer a {
	text-decoration: none;
}

.site-footer a:hover {
	text-decoration: underline;
}

.footer-section {
	border-top: var(--border);
}

.footer-section-navigation {
	display: none;
}

.footer-section-navigation .menu-item,
.footer-section-links .footer-link {
	padding-bottom: 0.5rem;
}

@media (min-width: 600px) {
	.footer-section-navigation {
		padding-block: var(--padding-block-l);
		display: flex;
		gap: 4rem;
	}
}

@media (min-width: 1200px) {
	.footer-section-navigation {
		gap: 6rem;
	}
}

.footer-section-links {
	padding-block: var(--padding-block-s);
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

@media (min-width: 1200px) {
	.footer-section-links {
		padding-block: var(--padding-block-s);
		display: flex;
		justify-content: space-between;
		flex-direction: row;
	}
}

/*
ooooo      ooo                        o8o                           .    o8o                        
`888b.     `8'                        `"'                         .o8    `"'                        
 8 `88b.    8   .oooo.   oooo    ooo oooo   .oooooooo  .oooo.   .o888oo oooo   .ooooo.  ooo. .oo.   
 8   `88b.  8  `P  )88b   `88.  .8'  `888  888' `88b  `P  )88b    888   `888  d88' `88b `888P"Y88b  
 8     `88b.8   .oP"888    `88..8'    888  888   888   .oP"888    888    888  888   888  888   888  
 8       `888  d8(  888     `888'     888  `88bod8P'  d8(  888    888 .  888  888   888  888   888  
o8o        `8  `Y888""8o     `8'     o888o `8oooooo.  `Y888""8o   "888" o888o `Y8bod8P' o888o o888o 
                                           d"     YD                                                
                                           "Y88888P'                                                
                                                                                                    
*/

.footer-section-links .menu-links {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

@media screen and (min-width: 640px) {
	.footer-section-links .menu-links {
		display: flex;
		flex-direction: row;
		gap: 3rem;
	}
}



/*
ooooooooo.                                       ooooo   ooooo                           .o8                     
`888   `Y88.                                     `888'   `888'                          "888                     
 888   .d88'  .oooo.    .oooooooo  .ooooo.        888     888   .ooooo.   .oooo.    .oooo888   .ooooo.  oooo d8b 
 888ooo88P'  `P  )88b  888' `88b  d88' `88b       888ooooo888  d88' `88b `P  )88b  d88' `888  d88' `88b `888""8P 
 888          .oP"888  888   888  888ooo888       888     888  888ooo888  .oP"888  888   888  888ooo888  888     
 888         d8(  888  `88bod8P'  888    .o       888     888  888    .o d8(  888  888   888  888    .o  888     
o888o        `Y888""8o `8oooooo.  `Y8bod8P'      o888o   o888o `Y8bod8P' `Y888""8o `Y8bod88P" `Y8bod8P' d888b    
                       d"     YD                                                                                 
                       "Y88888P'                                                                                 
                                                                                                                 
*/

.page-header {
	border-bottom: var(--border);
}

.language-navigation-menu .menu-item a {
	opacity: 0.5;
	text-decoration: none;
	text-underline-offset: 2px;
	text-decoration-thickness: 3px;
	color: var(--color-blue);
}

.language-navigation-menu .menu-item a:hover {
	color: var(--color-blue-dark);
	opacity: 1;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
}

.language-navigation-menu .menu-item.active {
	opacity: 1;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
}

.site-main {
	position: relative;
}

.site-main .language-navigation {
	background-color: var(--color-white);
}

@media screen and (min-width: 640px) {
	.site-main .language-navigation {
		border-left: var(--border);
	}
}

@media screen and (max-width: 640px) {
	.page-subtitle {
		margin-bottom: 0;
	}
	
}


.page-header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(150deg, var(--color-blue-light) 0%, var(--color-blue-light) 50%, transparent 100%);
	z-index: -1;
	mix-blend-mode: screen;
}

.page-header-video {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
	filter: grayscale(0%);
	mix-blend-mode: darken;
	background-color: var(--color-blue-dark);
}

.page-header-image {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
	filter: grayscale(0%);
	mix-blend-mode: darken;
	background-color: var(--color-blue-dark);
}

/*
ooo        ooooo            o8o              
`88.       .888'            `"'              
 888b     d'888   .oooo.   oooo  ooo. .oo.   
 8 Y88. .P  888  `P  )88b  `888  `888P"Y88b  
 8  `888'   888   .oP"888   888   888   888  
 8    Y     888  d8(  888   888   888   888  
o8o        o888o `Y888""8o o888o o888o o888o 
                                             
                                                                                         
*/

.page-section {
	border-bottom: var(--border);
	background-image: linear-gradient(135deg, #112946 6.67%, transparent 6.67%, transparent 50%, #112946 50%, #112946 56.67%, transparent 56.67%, transparent 100%);
	background-size: calc(21.21px / 2) calc(21.21px / 2);
	background-repeat: repeat;
}

.page-section-border > .span-1:nth-of-type(1) {
	border-right: 1px solid var(--color-blue-dark); 
}

.page-section-border > .span-1:nth-of-type(2) {
	border-left: 1px solid var(--color-blue-dark);
}

.page-section-column-background-color-white {
	background-color: var(--color-white);
}

.page-section-column-background-color-lightblue {
	background-color: var(--color-blue-lighter);
	
}

.page-section-column-background-color-blue {
	background-color: var(--color-blue-light);
}

/*
oooooooooo.  oooo                      oooo                 
`888'   `Y8b `888                      `888                 
 888     888  888   .ooooo.   .ooooo.   888  oooo   .oooo.o 
 888oooo888'  888  d88' `88b d88' `"Y8  888 .8P'   d88(  "8 
 888    `88b  888  888   888 888        888888.    `"Y88b.  
 888    .88P  888  888   888 888   .o8  888 `88b.  o.  )88b 
o888bood8P'  o888o `Y8bod8P' `Y8bod8P' o888o o888o 8""888P' 
                                                            
                                                            
                                                            
*/

.blocks {
	height: 100%;
}

.block {
	padding-inline: var(--site-padding);
}


.block:first-of-type {
	padding-top: var(--padding-block-l);
}

.block:last-of-type {
	padding-bottom: var(--padding-block-l);
}	


.blocks .block-type-image {
	padding: 0;
	height: 100%;
}

.block-type-image figcaption {
	background-color: var(--color-white);
	padding: var(--padding-block-s);
}

.block-type-image-full {
	
}

.block-type-image-big {

}

.block-type-image figure {
	height: 100%;
}

.block-type-image-medium figure {
	width: 75%;
}

.block-type-image-small figure {
	width: 50%;
}

.block-type-image-nopadding {
	padding: 0;
}

.blocks .block-type-image-singlepadding {
	padding: var(--padding-block-l);
}

.blocks .block-type-image-doublepadding {
	padding: calc(3 * var(--padding-block-l));
}

.blocks .block-type-image-centered {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.block-type-image-shadow img {
	box-shadow: 0 0 2rem rgba(var(--color-blue-rgb), 0.2)
}

.page-section > .span-1:nth-of-type(1) .blocks .block-type-image-padding {
	padding: var(--padding-block-l) 0 var(--padding-block-l) var(--site-padding);
}

.page-section > .span-1:nth-of-type(2) .blocks .block-type-image-padding {
	padding: var(--padding-block-l) var(--site-padding) var(--padding-block-l) 0;
}

.block-type-image picture {
	height: 100%;
}

.block-type-image picture img,
.block-type-image picture source {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-type-list-verticalcentered {
	height: 100%;
	display: flex;
	align-items: center;
}

.block-type-list ul {
	list-style-type: disc;
}

.block-type-list ul li {
	margin-bottom: 0.25em;
}

@media screen and (max-width: 640px) {
	.block.block-type-video-embed {
		padding-inline: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
}

@media screen and (min-width: 640px) {
	.video-container figure {
		border: var(--border);
	}
}


.video-container figure video {
	width: 100%;
}

figure {
	margin: 0;
}

table {
	width: 100%;
}

td {
	border-bottom: 1px solid var(--color-blue-light);
	padding-block: var(--padding-block-s);
}

.button {
	background-color: var(--color-blue-light);
	color: var(--color-blue);
	padding: 1rem 2.75rem 0.75rem 1.5rem;
	border-radius: 5px;
	background-image: url('../img/arrow-right-dark-blue.svg');
  background-position: right 1.375rem center;
  background-size: auto 25%;
	display: inline-block;
	margin-top: var(--padding-block-s);
}

.button:hover {
	color: var(--color-dark-blue);
}