@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://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700'); /* font-family: 'Roboto Slab', 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;}

.th-custom-design-title-intro {}
.th-custom-design-title {}
.th-custom-design-title-underline {background-color: #a3a3a3; height: 1px; width: 100px; display: inline-block;}
.th-custom-design-title-subtitle {font-family: proxima-nova, sans-serif;; font-size: 12px; font-weight: 300; color: #fff;}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {font-family: proxima-nova, sans-serif;; font-size: 12px; font-weight: 700;}
.th-custom-design-paragraph-text {font-family: proxima-nova, sans-serif; font-size: 12px; font-weight: 300; padding: 20px 0; text-align: justify;}
.th-custom-design-paragraph-text span {font-size: 12px; font-weight: 300; font-style: italic; text-align: justify;}

.th-custom-design-button {display: inline-block; padding: 10px 25px; background-color: #f6a200; color: #fff; border: 2px solid #f6a200; border-radius: 8px; font-size: 14px; margin: 20px; text-decoration: none;  -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
.th-custom-design-button:hover {background-color: rgba(255, 255, 255, 0.2); color: #f6a200;}

h1 {font-family: 'Roboto Slab', serif; font-size: 25px; margin: 30px 0; line-height: 30px; text-transform: uppercase; padding: 0;}
h1 span {color: #dddddd; text-transform: none;}

h2 {font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 300; color: #f6a200; padding-bottom: 20px;}
h2 i {margin-right: 15px; font-size: 15px;}

h3 {font-family: 'Roboto Slab', serif; font-size: 24px;}

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



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

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

/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Section # */

/* Section # */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

.th-top {background-image: url(img/cover_winter.jpg); background-size: cover; background-position: bottom center; text-align: center; padding: 100px 0 150px 0; background-attachment: fixed; background-repeat: no-repeat;}
.th-top .th-logo {}
.th-top .th-logo img {max-width: 200px;}
.th-top .th-intro {font-size: 60px; color: #fff; font-weight: 300;}
.th-top .th-intro span {font-weight: bold; color: #fada27;}
.th-top .th-btn-container {padding: 20px 20px;}
.th-top .th-btn-container .th-btn {display: inline-block; padding: 10px 25px; background-color: rgba(255, 255, 255, 0.2); color: #fff; border: 1px solid #fff; border-radius: 8px; font-size: 13px; margin: 10px 5px; text-decoration: none; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;}
.th-top .th-btn-container .th-btn:hover {background-color: #fff; color: #000;}

@media (max-width : 500px) {
    .th-top {background-attachment: none;}
}

.th-menus-container .th-menu-details {display: grid; grid-template-columns: 50% 50%; text-align: center;}
.th-menus-container .th-menu-details .th-day {padding: 25px;}
.th-menus-container .th-menu-details .th-day img {width: 100%;}

@media (max-width : 500px) {
    .th-top .th-intro {font-size: 25px;}
    .th-menus-container .th-menu-details {grid-template-columns: 100%}
}

.th-day-menu-container {}
.th-day-menu-container .th-menu {padding: 10px;}
.th-day-menu-container .th-menu .th-menu-container {
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.50);
}
.th-day-menu-container .th-menu .th-menu-container .th-menu-img {height: 20vw; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.th-day-menu-container .th-menu .th-menu-container .th-menu-img img {object-fit: cover; width: 100%; height: 100%; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.th-day-menu-container .th-menu .th-menu-container .th-menu {padding: 20px;}
.th-day-menu-container .th-menu .th-menu-container .th-menu p {font-family: proxima-nova, sans-serif; font-size: 12px; font-weight: 300; text-align: justify;}
.th-day-menu-container .th-menu .th-menu-container .th-menu p i {margin-right: 10px; font-size: 10px; font-weight: 300;}


#th-association .th-post-container ul li {list-style-type: none;}
#th-association img {float: left; width: 100%; max-width: 200px; padding-right: 20px;}
#th-association .th-links {color: #f6a200;}
#th-association a {color: #a3a3a3; text-decoration: none; font-family: proxima-nova, sans-serif; font-size: 10px; font-weight: 300; font-style: italic;}
#th-association a:hover {text-decoration: underline;}
#th-association .th-links i,
#th-association .th-post-container i {margin-right: 20px; font-size: 13px;}

/* Footer */
/* ------------------------------------------------------------------------------------- */

#th-footer {background-color: #000;}
#th-footer .th-custom-design-title-underline {width: auto;}
#th-footer .th-grid-container {display: grid; grid-template-columns: 50% 50%; padding: 15px;}
#th-footer .th-grid-container .th-box-container {}
#th-footer .th-grid-container .th-box-container h1 {color: #fff; font-weight: 300; font-size: 17px;}
#th-footer .th-grid-container .th-box-container h2 {font-family: proxima-nova, sans-serif; color: #fff; font-weight: 600; font-size: 17px; margin: 30px 0; line-height: 30px; padding: 0;}
#th-footer .th-grid-container .th-box-container .th-box-left {padding-right: 5%;}
#th-footer .th-grid-container .th-box-container .th-box-left p {font-size: 11px; color: #fff; font-weight: 300;}
#th-footer .th-grid-container .th-box-container .th-box-right {color: #000000; text-align: right;}
#th-footer .th-grid-container .th-box-container .th-box-right .th-socials i {color: #f6a200; padding-right: 5px;}
#th-footer .th-grid-container .th-box-container .th-box-right .th-socials i:hover {color: #fff;}
#th-footer .th-underline {height: 1px; background-color: #414141; margin-top: 15px; margin-bottom: 20px;}
#th-footer .th-copyright {text-align: right; color: #fff; font-size: 11px; padding-bottom: 20px;}

@media (max-width : 600px) {
    #th-footer .th-grid-container {grid-template-columns: 100%;}
}