@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', 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: "Lato",sans-serif; min-width: 350px; background-color: #eee; }

.th-custom-design-title-intro {}
.th-custom-design-title {font-size: 25px; font-weight: 700; padding-bottom: 10px;}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {font-weight: 400;}

.th-custom-design-button {padding: 10px 20px; background-color: #4aacf4; display: inline-block; border-radius: 8px; font-weight: 600; color: #fff; text-align: center;}
.th-custom-design-button:hover {background-color: #47a2e5; color: #fff; text-decoration: none;}

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


/* Main options */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-logo-container {padding: 30px;}
.th-logo-container img {width: 100%; max-width: 170px;}

.th-social-connexion {display: grid; place-items: center; height: 80vh;}
.th-social-connexion .th-social-connexion-container {background-color: #fff; width: 500px; padding: 20px; border-radius: 12px; text-align: center;}
.th-social-connexion .th-social-connexion-container .th-img-box {padding-bottom: 20px;}
.th-social-connexion .th-social-connexion-container .th-img-box img {object-fit: cover; width: 100%; height: 200px; border-radius: 12px;}
.th-social-connexion .th-social-connexion-container .th-title-group {padding: 10px 25px;}
.th-social-connexion .th-social-connexion-container .th-btn-container {padding: 20px 0;}


.th-id-container {position: fixed; right: 30px; top: 0; z-index: 100;}
.th-id-container .th-id-box {padding: 10px 20px; background-color: #4aacf4; display: inline-block; border-radius: 0 0 8px 8px; font-weight: 600; color: #fff; text-align: center;}

/* Facebook */

.th-posts-container .th-fb-main-title-group {padding: 30px 0;}
.th-posts-container .th-fb-main-title-group .th-custom-design-title {padding: 0;}
.th-posts-container .th-fb-main-title-group .th-custom-design-title-subtitle a {font-size: 18px; color: #4aacf4;}
.th-posts-container .th-fb-posts-grid {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
.th-posts-container .th-fb-posts-grid .th-fb-post-container {margin: 5px; padding: 25px; background-color: #fff; border-radius: 12px; text-align: center; }
.th-posts-container .th-fb-posts-grid .th-fb-post-container .th-img-box {background-color: #f0f0f0; height: 280px; border-radius: 12px; padding: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.th-posts-container .th-fb-posts-grid .th-fb-post-container .th-img-box img {object-fit: cover; width: 100%; height: 100%;}
.th-posts-container .th-fb-posts-grid .th-fb-post-container .th-txt-box {margin-top: 15px; background-color: #f0f0f0; border-radius: 12px; padding: 15px; text-align: left; font-size: 12px; min-height: 150px;}
.th-posts-container .th-fb-posts-grid .th-fb-post-container .th-btn-container {padding-top: 15px;}

@media (max-width : 1199px) {
    .th-posts-container .th-fb-posts-grid {grid-template-columns: 1fr 1fr 1fr;}
}

@media (max-width : 991px) {
    .th-posts-container .th-fb-posts-grid {grid-template-columns: 1fr 1fr;}
}

@media (max-width : 500px) {
    .th-posts-container .th-fb-posts-grid {grid-template-columns: 1fr;}
    .th-posts-container .th-fb-posts-grid .th-fb-post-container .th-img-box {height: auto;}
}


/* Instagram */

.th-instagram-posts-grid {}
.th-instagram-posts-grid .th-instagram-post {background-color: #fff; padding: 20px;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-img {padding-bottom: 20px; min-height: 380px;}
.th-instagram-posts-grid .th-instagram-post .th-custom-link {text-align: center;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-caption {margin-top: 15px; background-color: #f0f0f0; border-radius: 12px; padding: 15px; text-align: left; font-size: 12px;}
.th-instagram-posts-grid .th-instagram-post .th-btn-container {text-align: center; padding-top: 15px;}

@media (max-width : 1199px) {
    .th-instagram-posts-grid .th-instagram-post .th-instagram-post-img {padding-bottom: 20px; min-height: auto;}
}

@media (max-width : 991px) {
    .th-instagram-posts-grid {grid-template-columns: 1fr 1fr;}
    .th-instagram-posts-grid .th-instagram-post .th-instagram-post-img {padding-bottom: 20px; min-height: auto;}
}

@media (max-width : 500px) {
    .th-instagram-posts-grid {grid-template-columns: 1fr;}
}


.th-footer-custom {text-align: center; padding: 20px; font-size: 12px; font-weight: 400;}