/*
Theme Name: 	HTML5 Blank
Theme URI: 	http://html5blank.com
Text Domain: herbezmedia
Description: 	HTML5 Blank WordPress Theme
Version: 	1.2.6
Author: 	Maxime Herbez
Tags: 		Blank, HTML5, CSS3

License:	MIT
License URI:	http://opensource.org/licenses/mit-license.php
*/

/* =============================================================================
   HTML5 Reset
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
	audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
	audio:not([controls]) {display:none;}
	[hidden] {display:none;}

	html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	html, button, input, select, textarea {font-family:sans-serif;color:#222;}
	body {margin:0;font-size:1em;line-height:1;}
	p {padding:7px 0 0 0;}

	h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#444;margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;}

	a {color:#266E9E;text-decoration:none;}
	a:focus {outline:0;}
	a:hover, a:active {outline:0;}

	abbr[title] {border-bottom:1px dotted;}
	b, strong {font-weight:bold;}
	.clear {clear:both;}
	dfn {font-style:italic;}
	hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
	ins {background:#FF9;color:#000;text-decoration:none;}
	mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}
	pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
	pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
	q {quotes:none;}
	q:before, q:after {content:"";content:none;}
	small {font-size:90%;}
	blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}

	sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup {top:-0.5em;}
	sub {bottom:-0.25em;}

	ul {margin:0;padding:0;list-style:none;}
	ol {margin:15px;}

	dd {margin:0 0 0 40px;}
	nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}

	img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}

	svg:not(:root) {overflow:hidden;}

	figure {margin:0;}

	form {margin:0;}
	fieldset {border:0;margin:0;padding:0;}
	label {cursor:pointer;}
	legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}
	button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
	button, input {line-height:normal;}
	button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;}
	input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
	button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
	textarea {overflow:auto;vertical-align:top;resize:vertical;}
	input:valid, textarea:valid {}
	input:invalid, textarea:invalid {background-color:#F0DDDD;}

	table {border-collapse:collapse;border-spacing:0;}
	td {vertical-align:top;}

/* =============================================================================
   General Styles
   ========================================================================== */

   	/* Font Face Setup, add fonts to /fonts/ folder and link up below with filenames */
	@font-face {
		font-family:'Font-Name';
		src:url('fonts/font-name.eot');
		src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
	    	font-weight:normal;
	    	font-style:normal;
  	 }

   	body {
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
		font-size:1em;
		font-weight:300; /* Better supported than 'lighter' attribute */
		-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
		-moz-font-smoothing:antialiased;
		-o-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
		color:#444; /* Lighter on the eyes than #000 Black */
	}

/* =============================================================================
   Structure
   ========================================================================== */

   /* Add your site structure here */

/* =============================================================================
   Mobile First Media Queries
   ========================================================================== */

   /* 320px and greater */
   @media only screen and (min-width: 320px) {
	/* Styles here */
   }

   /* 480px and greater */
   @media only screen and (min-width: 480px) {
	/* Styles here */
   }

   /* 768px and greater */
   @media only screen and (min-width: 768px) {
	/* Styles here */
   }

   /* 1024px and greater */
   @media only screen and (min-width: 1024px) {
	/* Styles here */
   }

   /* Retina screens */
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */

   /* Custom Selection Styles */
   ::selection {background:var(--primary-color);color:#FFF;text-shadow:none;}
   ::-webkit-selection {background:var(--primary-color);color:#FFF;text-shadow:none;}
   ::-moz-selection {background:var(--primary-color);color:#FFF;text-shadow:none;}

   /* Input focus styles */
   input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */

/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */

   .alignnone {margin:5px 20px 20px 0;}
   .aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
   .alignright {float:right;margin:5px 0 20px 20px;}
   .alignleft {float:left;margin:5px 20px 20px 0;}
   .aligncenter {display:block;margin:5px auto 5px auto;}
   a img.alignright {float:right;margin:5px 0 20px 20px;}
   a img.alignnone {margin:5px 20px 20px 0;}
   a img.alignleft {float:left;margin:5px 20px 20px 0;}
   a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
   .wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
   .wp-caption.alignnone {margin:5px 20px 20px 0;}
   .wp-caption.alignleft {margin:5px 20px 20px 0;}
   .wp-caption.alignright {margin:5px 0 20px 20px;}
   .wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
   .wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
   .sticky {}
   .bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

   @media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
   }
header,footer{
    margin-bottom: .4rem;
    background-color: var(--primary-color);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
footer{
    position:absolute;
    width: 100%;
    left: 0;
    color: white;
}
footer a{
    display: inline-block;
    margin-top: 7px;
    color: white;
    text-decoration: underline;
}
footer > div{
    padding: .7rem;
    padding-inline: 5%;
    max-width: 1200px;
    margin-inline: auto;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 465px){
    footer > div{
        padding: .7rem;
        padding-inline: 5%;
        max-width: 1200px;
        margin-inline: auto;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    footer > div > div{


    }
    footer > div > div:nth-of-type(2){

        margin-left: auto;
    }
}
@media (max-width: 406px){
    footer > div > div:nth-of-type(2){
        margin-top: 1.4rem;
        padding-left: 1rem;
        margin-left: auto;
    }
}
footer div p{
    margin-block:0;
}
footer div p i,footer div a i{
    margin-right: .7rem;
    font-size: 1.2em;
}
footer h3{
    font-size: 1.2em;
    color: white;
    padding-left: calc(1.2em + .4rem);
}
footer .copyright{
    width: fit-content;
    margin-inline: auto;
}
header nav > ul > li{
    box-sizing: border-box;
}
header > .wrapper {
    display: flex;
    font-size: 1.2em;
    align-items: center;
    padding: .4rem;
    max-width: 1200px;
    margin-inline: auto;
    flex-wrap: wrap!important;

}
header > .wrapper a{
    color: white;
}
header > .wrapper #logo .identity_desc > span:first-of-type{
    font-size: 24px;
}
header > .wrapper #logo img{
    max-height: 90px;
}
header > .wrapper nav{
    margin-left: auto;
    margin-right: 120px;
    padding: .4rem;
    width: fit-content;
    height: auto;
    color: white!important;
    display: inline-flex;
}
header > .wrapper nav .menu ul{
    display: flex;
    gap: .4rem;
    font-weight: 500;
}
header nav ul{
    display: flex;
    gap: 1.2rem;
    font-weight: 500;
}
header > .wrapper nav{
    height: fit-content;
}
header > .wrapper nav a{
    color: white;
}
#logo .site-branding span{
    font-weight: 800;
}
#logo .site-branding{
    display: inline-flex;
    align-items: center;
}
#logo{
    min-width: 320px;
}

.identity_desc{
    display: inline-flex;
    flex-direction: column;
    margin-left: .4rem;
}
.identity_desc .slogan{
    font-size: 1em;
    max-width: 320px;
}
header > .wrapper nav ul li{
    display: block;
    flex-direction: column;
    justify-content: center;
}
header > .wrapper nav ul li{
    transition: all .2s;
    font-size: 15px;

}
.current-menu-item > a{
    padding: .4rem;
    font-size: 16px!important;
    background-color: var(--secondary-color);
    border-radius: 5px;

}

header > .wrapper nav ul li:hover{
    font-size: 16px!important;
    transition: all .2s;

}
.menu-item-has-children{
    display: inline-flex;
}
.menu-item-has-children > a::after{
    content: "\F22C";
    font-family: bootstrap-icons;
    position:relative;
    top: 2px;

}
.menu-item-has-children > ul{
    display: none;
    position: absolute;
    flex-direction: column;
    min-width: 120px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: var(--primary-color);

    filter: grayscale(.2);
    overflow: hidden;

}
.menu-item-has-children[data-open] > a::after{
    content: "\F238";
}
.menu-item-has-children[data-open] > ul{
    flex-direction: column;
    width: auto;
    min-width: 120px;
    box-sizing: border-box;
    position: absolute;
    padding-block: .7rem;
    transform: translateY(4px);


}
.menu-item-has-children[data-open] > ul > li a{
    margin-left: .4rem;
}
body > .wrapper{
    padding-inline: 2%;
    max-width: 1200px;
    margin-inline: auto;
}
h1{
    margin-bottom: .7rem;
    width: fit-content;
}
h2{
    margin-bottom: .7rem;

}
h1::after{
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    margin-top: 4px;
    background-color: var(--secondary-color);
}
.description-card .wp-block-media-text__content p{
    line-height: 1.6;
    color: #555;
}
.description-card{
    padding: .7rem;
}
.description-card figure{
    min-height: 450px!important;
    align-items: center;
    border-radius: 12px;
    overflow: hidden;
    display: contents;
}
.hero-card img{
    margin-inline: auto;
}
.description-card figure img{
    border-radius: 5px;
    margin-block: auto;
    height: 100%;
    object-fit: cover;
    position: unset!important;
}
.media-card-title::after{
    content: "";
    display: block;
    width: 25%;
    background-color: var(--secondary-color);
    margin-top: .7rem;
    height: 2px;
}
.description-card{
    margin-bottom: .7rem;
    max-width: 900px;
    margin-inline: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-inline: auto!important;


}
.media-card-title{
    max-width: 900px;
    margin-inline: auto!important;
    width: 100%;
    padding-left: .7rem;
    color: white;
}
.description-card:nth-of-type(2n){
    border-radius: 12px;
    background-color: color-mix(in srgb, var(--primary-color), black 20%);;

    color: white;

}
.main-pres{
    background-color: color-mix(in srgb, var(--primary-color), black 50%);
    border-radius: 7px;
    margin-bottom: .7rem;
    flex-wrap: nowrap;
    padding: 12px;
}
.description-card:nth-of-type(2n) p{
    color: #f8f8f8;
}
.description-card:nth-of-type(2n+1){
    border-radius: 12px;
    background-color: #fafafa;
}
.description-card h2{
    margin-block: .35rem;
}
.description-card h2::after{
    content: none;
}
.description-card:nth-of-type(2n) h2{
    color: white;
}
.description-card:nth-of-type(2n) a:not(.wp-element-button){
    color: var(--secondary-color);
    filter: brightness(.5);
}
.mobile-menu-action{
    cursor: pointer;
    border-radius: 5px;
    height: 38px;
    width: 38px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}
.mobile-menu-action:hover{
    background-color: var(--secondary-color);
}
.mobile-overlay{
    display: contents;
}
#close-menu-icon{
    display: none;
}
@media (max-width:1044px){
    header > .wrapper nav{
        margin-right: .4rem;
    }
    .mobile-menu-action{
        display: flex;
    }
    .mobile-overlay{
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        min-height: 100vh;
        width: 100%;
        transform: translateX(-100%);
        z-index: 100;
        transition: all .5s;
    }
    .mobile-overlay[data-open]{
        transform: translateX(0);
        transition: all .5s;

    }
    .mobile-overlay > ul{
        display: flex;
        flex-direction: column;
        background-color: var(--primary-color);
        min-width: 200px;
        padding-top: 50px;
        padding-inline: .7rem;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    }
    .hide-overlay-windows{
        background-color: color-mix(in srgb, var(--primary-color), transparent 50%);
        height: 100vh;
        width: max-content;
        display: block;
        flex-grow: 1;
        cursor: pointer;
        opacity: 0;
        transition: opacity .5s;
        padding-top: 12px;

    }
    .hide-overlay-windows[data-show]{
        opacity: 1;
        transition: opacity .5s;


    }
    #close-menu-icon{
        cursor: pointer;
        position: absolute;
        width: 38px;
        height: 38px;
        font-size: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translateX(-100%);
    }
    #close-menu-icon:hover{
        background-color: var(--secondary-color);
        border-radius: 7px;
    }
    header > .wrapper nav ul li{
    }
    .menu-item-has-children[data-open] > ul{
        position:static;
        width: 100%;
    }
}
@media (max-width: 600px){
    .description-card figure{
        max-height: 50%;
    }
    .wp-block-media-text__content:has(.wp-block-heading){
        padding: 0;
    }
}
#frm_field_6_container, #frm_field_18_container{
    margin-top: calc(1em + 5px);
}
#frm_field_6_container .frm_button_submit, #frm_field_18_container .frm_button_submit{
    margin-block: 0;
    margin-left: auto;
    display: block;
    margin-right: .7rem;
}
@media (max-width:600px){
    .description-card{
        max-width: 420px;
    }
    .description-card figure{
        height: 300px!important;
        min-height: 300px!important;
        width: 300px;
        margin-inline: auto!important;
    }
    .description-card figure img{
        object-fit: cover;
        aspect-ratio: 1;
        height: 300px!important;
        min-height: 300px!important;
        margin-inline: auto;
        border-radius: 7px;
    }
}
.current-lang{
    filter: unset!important;
}
.lang-item{
    filter: grayscale(1);
}