@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', sans-serif; */
@import url("https://use.typekit.net/glb3gmd.css"); /* font-family: bebas-neue, sans-serif; */
@import url("https://use.typekit.net/glb3gmd.css"); /* font-family: futura-pt, sans-serif; futura-pt-condensed, sans-serif;  */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); /* font-family: 'Roboto', sans-serif; */
@import url("https://use.typekit.net/glb3gmd.css"); /* font-family: montserrat, sans-serif; */

/* _custom_design/main.css v.2.0.0 - last modified 24.07.2018 (see config/version_history.php for details)*/
/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Main options */

html {min-width: 350px;}
body {font-family: 'Roboto', sans-serif; min-width: 350px;}

.th-custom-design-title-intro {}
.th-custom-design-title {font-family: bebas-neue, sans-serif; font-size: 60px; text-transform: uppercase; color: #fff;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {font-family: bebas-neue, sans-serif; font-size: 40px; text-transform: uppercase; color: #fff;}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {font-family: "futura-pt"; font-size: 80px; font-weight: 600;}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {font-family: "montserrat", sans-serif; padding: 20px 0; font-weight: 300; text-transform: uppercase; letter-spacing: 3px; font-size: 16px;}
.th-custom-design-paragraph-text {font-weight: 300; font-size: 18px;}

a.th-custom-design-button {border: 1px solid #ffce09; padding: 10px 20px; color: #fff; background-color: #ffce09; font-family: "futura-pt"; font-size: 20px; font-weight: 600;}
a.th-custom-design-button:hover {background-color: #ffbd09; color: #fff; text-decoration: none; border: 1px solid #ffbd09;}

.th-custom-class-1 {font-size: 22px;}
.th-custom-class-2 {font-size: 20px;}
.th-custom-class-3 {font-size: 18px;}
.th-custom-class-4 {font-size: 16px;}
.th-custom-class-5 {font-size: 10px;}

.th-custom-color-class-1 {color: #b90000;}
.th-custom-color-class-2 {color: #00b900;}
.th-custom-color-class-3 {color: #0095b9;}
.th-custom-color-class-4 {color: #0032b9;}
.th-custom-color-class-5 {color: #b900b9;}

/* ------------------------------------------------------------------------------------- */
/* * Media Queries                                                                       */
/* standard "@media (max-width : px) {}": 1199px (col-md) | 991px (col-sm) | 767px (col-xs) | 500px | 400px */


/* Header */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-header {background-image: url(/_custom_content/img/header_img01.jpg); background-position: center center; background-size: cover;}
.th-header .th-header-grid {display: grid; grid-template-columns: 40% 70%; padding: 200px 0;}
.th-header .th-header-grid .th-logo-container {display: flex; align-items: center; justify-content: center; padding: 20px;}
.th-header .th-header-grid .th-logo-container img {width: 100%; max-width: 300px;}
.th-header .th-header-grid .th-txt-container {display: flex; align-items: center; padding: 20px;}
.th-header .th-header-grid .th-txt-box {}
.th-header .th-header-grid .th-txt-box span {color: #549e51;}
.th-header .th-header-grid .th-txt-container .th-logos-box {max-width: 500px; padding-top: 20px;}
.th-header .th-header-grid .th-txt-container .th-logos-box img {width: 100%;}

@media (max-width : 767px) {
    .th-header .th-header-grid {grid-template-columns: 100%;}
    .th-header .th-header-grid .th-logo-container {justify-content: left;}
    .th-header .th-header-grid .th-txt-box {font-size: 50px;}
}

/* Asbl */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-asbl {padding: 50px 0;}
.th-asbl .th-asbl-grid {display: grid; grid-template-columns: 50% 50%;}
.th-asbl .th-asbl-grid .th-asbl-txt-container {display: flex; align-items: center;}
.th-asbl .th-asbl-grid .th-asbl-txt-container .th-custom-design-title {}
.th-asbl .th-asbl-grid .th-asbl-photo-container {display: grid; align-items: center; justify-content: center; padding: 20px;}
.th-asbl .th-asbl-grid .th-asbl-photo-container img {width: 100%;}


@media (max-width : 767px) {
    .th-asbl .th-asbl-grid {display: grid; grid-template-columns: 100%;}
}

/* Goals */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-separator {}
.th-separator img {width: 100%;}

.th-goals {padding: 100px 0;}
.th-goals .th-goals-grid {display: grid; grid-template-columns: 50% 50%;}
.th-goals .th-goals-grid .th-goals-container {display: flex; align-items: center;}
.th-goals .th-goals-grid .th-goals-box {}
.th-goals .th-goals-grid .th-goals-container .th-btn-container {padding: 20px 0;}

@media (max-width : 991px) {
    .th-goals {padding: 50px 0;}
    .th-goals .th-goals-grid {grid-template-columns: 100%;}
    .th-goals .th-goals-grid .th-goals-box {padding: 30px 0;}
    .th-goals .th-goals-grid .th-goals-box .th-custom-design-paragraph-title {font-size: 60px;}
}


/* Contact */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-contact {padding: 50px 0;}
.th-contact .th-custom-design-paragraph-title {padding-bottom: 40px;}
.th-contact .th-contact-info-grid {display: grid; grid-template-columns: 50% 50%;}
.th-contact .th-contact-info-grid .th-contact-info {font-weight: 300; font-size: 18px;}
.th-contact .th-contact-info-grid .th-opening-hours {font-weight: 300; font-size: 18px;}
.th-contact .th-contact-info-grid .th-contact-info a {color: #000;}

@media (max-width : 991px) {
    .th-contact .th-contact-info-grid {grid-template-columns: 100%;}
    .th-contact .th-custom-design-paragraph-title {font-size: 60px;}
    .th-contact .th-contact-info-grid .th-opening-hours {padding: 20px 0;}
}

/* Presse */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-presse {padding: 100px 0;}
.th-presse .th-presse-grid {display: grid; grid-template-columns: 30% 70%;}
.th-presse .th-presse-grid .th-presse-img {background-image: url(/_custom_content/img/bg_img_01.jpg); background-position: right; background-size: cover; padding: 20px;}
.th-presse .th-presse-grid .th-presse-img .th-custom-design-paragraph-title {color: #fff;}
.th-presse .th-presse-grid .th-presse-container {font-weight: 300; font-size: 18px; padding: 20px;}
.th-presse .th-presse-grid .th-presse-container li {padding: 5px 0;}
.th-presse .th-presse-grid .th-presse-container i {font-weight: 300;}
.th-presse .th-presse-grid .th-presse-container a {color: #000;}


@media (max-width : 1199px) {
    .th-presse .th-presse-grid {grid-template-columns: 100%;}
    .th-presse .th-presse-grid .th-presse-img {height: 200px; background-position: center center; background-image: url(/_custom_content/img/separator_02.jpg); display: flex; align-items: center;}
    .th-presse .th-presse-grid .th-presse-container {padding: 30px 0;}
}


/* Footer */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-footer {background-image: url(/_custom_content/img/separator_03.jpg); background-size: cover; padding: 30px 0; text-align: right; font-family: "futura-pt"; color: #fff; font-weight: 600;}
.th-footer img {width: 100%; max-width: 20px; padding-left: 5px;}

@media (max-width : 500px) {
    .th-footer {font-size: 12px;}
}