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

html, body {width: 100%; height: 100%;}

input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;} 
input:focus::-moz-placeholder {color:transparent;} 
input:focus:-ms-input-placeholder {color:transparent;}
input[type="email"]::-webkit-input-placeholder {text-transform: lowercase;}
input[type="email"]:-moz-placeholder {text-transform: lowercase;} 
input[type="email"]::-moz-placeholder {text-transform: lowercase;} 
input[type="email"]:-ms-input-placeholder {text-transform: lowercase;}
input[type="text"]::-webkit-input-placeholder {text-transform: lowercase;}
input[type="text"]:-moz-placeholder {text-transform: lowercase;} 
input[type="text"]::-moz-placeholder {text-transform: lowercase;} 
input[type="text"]:-ms-input-placeholder {text-transform: lowercase;}
input[type="password"]::-webkit-input-placeholder {text-transform: lowercase;}
input[type="password"]:-moz-placeholder {text-transform: lowercase;} 
input[type="password"]::-moz-placeholder {text-transform: lowercase;} 
input[type="password"]:-ms-input-placeholder {text-transform: lowercase;}
textarea::-webkit-input-placeholder {text-transform: lowercase;}
textarea:-moz-placeholder {text-transform: lowercase;} 
textarea::-moz-placeholder {text-transform: lowercase;} 
textarea:-ms-input-placeholder {text-transform: lowercase;}

.thm-nobr {white-space: nowrap;}

.th-main-page {min-height: 100%; display: grid; grid-template-rows: 1fr auto; grid-template-columns: 100%;}
.th-main-page-container {}

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

.th-instagram-posts-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%;}
.th-instagram-posts-grid .th-instagram-post {position: relative; margin: 5px; border-radius: 10px; overflow: hidden;}
.th-instagram-posts-grid .th-instagram-post .th-top-container {display: grid; grid-template-columns: auto 80px; padding: 15px;}
.th-instagram-posts-grid .th-instagram-post .th-top-container .th-date-box {text-transform: uppercase; letter-spacing: 1px; color: #667179; font-size: 12px;}
.th-instagram-posts-grid .th-instagram-post .th-top-container .th-picto-box {text-align: right;}
.th-instagram-posts-grid .th-instagram-post .th-top-container .th-picto-box i {font-size: 20px; color: #667179;}
.th-instagram-posts-grid .th-instagram-post .th-top-container .th-picto-box a i:hover {color: #41494e;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-img {}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-img img {object-fit: cover; height: 100%; width: 100%;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-form-container {margin: 10px; display: grid; grid-template-columns: 30px auto; border: 1px solid #e2e2e2;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-form-container .th-instagram-post-form-intro {background-color: #e2e2e2; display: flex; justify-content: center; align-items: center;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-form-container .th-instagram-post-form {}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-form-container .th-instagram-post-form form {}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-form-container .th-instagram-post-form form input {width: calc(100% - 38px); font-size: 16px;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-form-container .th-instagram-post-form form button {background-color: #e2e2e2;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-form-container .th-instagram-post-form form button:hover {background-color: #666666; color: #fff;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-caption {padding: 20px; height: 70px; overflow-y: scroll; color: #667179; font-size: 12px;}
.th-instagram-posts-grid .th-instagram-post .th-instagram-post-id {margin: 10px; padding-left: 10px; color: #7e7e7e;}
.th-instagram-posts-grid .th-instagram-post .th-see-post {position: absolute; bottom: 0; right: 0; padding-top: 200px; color: #667179; padding: 0 15px 15px 15px;}
.th-instagram-posts-grid .th-instagram-post a.th-see-post:hover, .th-instagram-posts-grid .th-instagram-post:hover .th-see-post i {color: #41494e;}
.th-instagram-posts-grid .th-instagram-post .th-see-post a {color: #667179;}
.th-instagram-posts-grid .th-instagram-post .th-see-post i {color: #667179; padding-right: 5px;}
.th-instagram-posts-grid .th-instagram-post .th-custom-link {font-size: 16px;}
.th-instagram-posts-grid .th-instagram-post .th-custom-link i {margin-right: 10px;}

@media (max-width : 767px) {
    .th-instagram-posts-grid {grid-template-columns: 50% 50%;}
    .th-instagram-posts-grid .th-instagram-post .th-instagram-post-caption {font-size: 11px;}
}

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

/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* th_footer_t.6 v.2018.10.21 */

footer#th-footer-t6 {background-color: #000; display: flex; align-items: center;}
footer#th-footer-t6 .container,
footer#th-footer-t6 .container-fluid {height: auto; padding-top: 20px; padding-bottom: 20px;}
footer#th-footer-t6 .container-fluid {width: 100%;}

footer#th-footer-t6 .th-footer-container {display: grid; grid-template-columns: 20% 20% 20% 20% 20%;}
footer#th-footer-t6 .th-footer-container .th-about {}
footer#th-footer-t6 .th-footer-container .th-about .th-about-container {padding-right: 20px; border-right: 1px solid #4e4e4e;}
footer#th-footer-t6 .th-footer-container .th-about .th-about-container .th-title {font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase;}
footer#th-footer-t6 .th-footer-container .th-about .th-about-container .th-title span {font-weight: 300; color: #b57705;}
footer#th-footer-t6 .th-footer-container .th-about .th-about-container .th-txt {font-size: 12px; color: #808080;}

footer#th-footer-t6 .th-footer-container .th-links {padding-left: 20px;}
footer#th-footer-t6 .th-footer-container .th-links .th-title {font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase;}
footer#th-footer-t6 .th-footer-container .th-links .th-link,
footer#th-footer-t6 .th-footer-container .th-links .th-link a {color: #808080;}
footer#th-footer-t6 .th-footer-container .th-links .th-link {margin-bottom: 5px;}

footer#th-footer-t6 .th-footer-container .th-other {}
footer#th-footer-t6 .th-footer-container .th-other .th-social-networks {text-align: right; font-size: 18px;}
footer#th-footer-t6 .th-footer-container .th-other .th-social-networks a {color: #808080;}
footer#th-footer-t6 .th-footer-container .th-other .th-social-networks a i {margin-left: 5px; margin-right: 5px;}
footer#th-footer-t6 .th-footer-container .th-other .th-copyright {text-align: right; color: #808080; margin-top: 30px; font-size: 12px;}
footer#th-footer-t6 .th-footer-container .th-other .th-copyright strong {color: #fff;}

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

@media (max-width : 991px) {
    footer#th-footer-t6 .th-footer-container {grid-template-columns: 100%;}
    footer#th-footer-t6 .th-footer-container .th-about .th-about-container {padding-right: 0px; padding-bottom: 0px; border-right: 0px; border-bottom: 1px solid #4e4e4e;}
    footer#th-footer-t6 .th-footer-container .th-links {padding-left: 0px; text-align: center;}
    footer#th-footer-t6 .th-footer-container .th-links .th-title {margin-top: 10px;}
    footer#th-footer-t6 .th-footer-container .th-other {border-top: 1px solid #4e4e4e; margin-top: 10px; padding-top: 10px;}
}

/* * Media Queries                                                                       */
/* ------------------------------------------------------------------------------------- */

/* th_footer_t.6 v.2018.10.21 */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Module v.0.0.0 - last modified DATE / Section name */



/* Module v.0.0.0 - last modified DATE / Section name */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-instagram-button {display: block; background-color: #5b7ea4; padding: 20px; border-radius: 5px; color: #fff; text-align: center;}
.th-instagram-button .th-instagram-button-container {display: grid; grid-template-columns: 60px auto;}
.th-instagram-button .th-instagram-button-container .th-instagram-logo {text-align: center;}
.th-instagram-button .th-instagram-button-container .th-instagram-txt {display: flex; justify-content: center; align-items: center; font-size: 24px;}
.th-instagram-button i {font-size: 48px;}
.th-instagram-button:hover {background-color: rgba(91, 126, 164, 0.5); color: #24486f; text-decoration: none;}