/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

.th-shop-top {background-color: #000; text-align: center; padding: 15px 0;}
.th-shop-top .th-logo img {max-width: 200px; max-height: 100px; width: auto; height: auto;}

/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

.th-shop-page h2,
.th-shop-page p.main-title {text-transform: uppercase; text-align: center; font-weight: 300;}
.th-shop-page h2 span,
.th-shop-page p.main-title span {font-weight: bold; text-align: center;}

/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

.th_carousel_type_1 .owl-prev,
.th_carousel_type_1 .owl-next {font-size: 36px !important; display: inline-block;}
.th_carousel_type_1 .owl-prev span,
.th_carousel_type_1 .owl-next span {padding: 0px 15px 5px 15px !important; display: inline-block;}
.th_carousel_type_1 .owl-prev span:hover,
.th_carousel_type_1 .owl-next span:hover {background-color: #000;}

/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

.th-shop-logo {text-align: center;}
.th-shop-logo .th-logo-container {display: inline-block; padding: 10px; margin: 30px 10px;}
.th-shop-logo .th-logo-container img {max-height: 150px; max-width: 300px; height: auto; width: auto;}

/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

.th-shop-details {display: grid; grid-template-columns: auto auto;}
.th-shop-details .th-text-container {}
.th-shop-details .th-shop-short-description {font-size: 24px; font-weight: 300; color: #898989; margin-bottom: 30px;}
.th-shop-details .th-shop-about {color: #000000; font-size: 16px; font-weight: 300;}
.th-shop-details .th-facebook-container {width: 400px; margin-top: 20px; margin-left: 30px; padding-left: 30px; border-left: 1px solid #9f9f9f;}

@media (max-width : 991px) {
    .th-shop-details {grid-template-columns: auto;}
    .th-shop-details .th-facebook-container {width: 100%; margin-left: 0px; padding-left: 0px; text-align: center; border: none;}
}

/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

.th-shop-links {text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; padding: 15px;}
.th-shop-links a {display: inline-block; border-radius: 80px; border: 5px solid; margin: 15px 30px; color: #fff; vertical-align: top;}
.th-shop-links a:hover {text-decoration: none; background-color: #fff !important; color: #000;}
.th-shop-links a p {display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; margin-bottom: 0px; padding: 10px;}

@media (max-width : 991px) {
    .th-shop-links {letter-spacing: 0px;}
    .th-shop-links a {margin: 15px 5px 15px 5px;}
    .th-shop-links a p {width: 130px; height: 130px;}
}

/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

#th-shop-collections {}
#th-shop-collections .th-photos-container {padding-left: 0; padding-right: 0;}

/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

#th-shop-videos {}
#th-shop-videos .th-video-button {display: inline-block; padding: 15px 50px; background-color: #000; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin: 0px 20px; border-radius: 30px; border: 3px solid #000; margin-bottom: 30px;}
#th-shop-videos .th-video-button:hover {background-color: #fff; color: #000; text-decoration: none;}
#th-shop-videos .th-video-container {background-image: url(images/bg-video.jpg); background-position: center center; background-size: cover; padding: 30px 0px;}
#th-shop-videos .th-video-container iframe {width: 80%; height: 500px; max-height: 50vh;}

/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

#th-shop-google360 {}
#th-shop-google360 .th-waterloo360,
#th-shop-google360 .th-google360-iframe-container {padding-right: 0px; padding-left: 0px;}
#th-shop-google360 .th-waterloo360 {background-color: #c80000; padding: 10px; color: #fff; text-transform: uppercase; font-weight: 300; text-align: center;}
#th-shop-google360 .th-waterloo360 p {margin-bottom: 0px; letter-spacing: 1px;}
#th-shop-google360 .th-waterloo360 p span {font-weight: bold;}
#th-shop-google360 .th-waterloo360 a {color: #fff; text-transform: none; font-weight: bold;}
#th-shop-google360 .th-google360-iframe-container {height: 60vh; position: relative;}
#th-shop-google360 .th-google360-iframe-container iframe {width: 100%; height: 100%;}
#th-shop-google360 .th-google360-iframe-container .th-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}

#th-shop-google360 .th-google360-iframe-container-focused {position: fixed; top: 0; height: 100vh; z-index: 20000;}
#th-shop-google360 .th-google360-iframe-container-focused .th-google360-iframe-container-focused-menu {position: absolute; top: 0; right: 0; left: 0; height: 70px; background-color: #000; z-index: 21000; font-size: 20px; letter-spacing: 1px;}
#th-shop-google360 .th-google360-iframe-container-focused .th-google360-iframe-container-focused-menu .th-left-link {position: absolute; left: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: flex-start; padding: 10px 30px;}
#th-shop-google360 .th-google360-iframe-container-focused .th-google360-iframe-container-focused-menu .th-left-link a {color: #fff; cursor: pointer;}
#th-shop-google360 .th-google360-iframe-container-focused .th-google360-iframe-container-focused-menu .th-left-right {position: absolute; right: 0; top: 0; bottom: 0; background-color: #c80000; display: flex; align-items: center; justify-content: center; padding: 10px 30px;}
#th-shop-google360 .th-google360-iframe-container-focused .th-google360-iframe-container-focused-menu .th-left-right a {color: #fff;}
    
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */
/* ============================================================================================================================================================ */

.th-shop-map {margin-top: 30px;}

.th-shop-map .th-map-container .th-google-map {width:100%; height:800px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}

.th-shop-map .th-map-container {position:relative; padding-right: 0px; padding-left: 0px;}
.th-shop-map .th-map-container .th-map-cover {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10;}
.th-shop-map .th-map-container .th-shop-details {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; display: flex; justify-content: flex-end; align-items: center;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container {display: inline-block; width: 50%; min-width: 600px; font-size: 16px;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container i {margin: 0px 10px 0px 10px;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-title {font-weight: bold;}

.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-contact-details,
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments,
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings {background-color: #fff; padding: 15px 15px;}

.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-contact-details {text-transform: uppercase; text-align: left; width: 100%;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-contact-details .th-contact-info {padding-top: 5px; padding-bottom: 5px;}

.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments {margin-top: 30px; width: 100%; text-align: left;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments .th-title {display: block; text-transform: uppercase; margin-bottom: 10px; margin-left: 10px;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments .th-title:nth-child(3) {margin-top: 10px;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments .th-img-container {display: block;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments .th-img-container .th-img {display: inline-block; width: 70px;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments .th-img-container .th-img img {max-width: 100%;}

.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings {margin-top: 30px; text-transform: uppercase; width: 100%;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-title {margin-bottom: 20px; text-align: left;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-opening {text-align: left; font-weight: 300;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-opening .th-day {display: inline-block; width: 120px;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-opening .th-date {display: inline-block; width: 150px; font-style: oblique; font-size: 14px; font-weight: 300;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-all-dates {font-size: 14px; text-align: left; text-transform: lowercase; padding: 10px 0px 0px 0px; font-weight: 300;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-all-dates i {color: #c80000}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-all-dates a {text-decoration: underline; color: #7f7f7f; font-style: italic;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-message {font-weight: 300; font-size: 14px; text-align: left; margin-top: 20px;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-message span {font-weight: bold;}

.th-openings-popup {margin-top: 30px; text-transform: uppercase; width: 350px;}
.th-openings-popup .th-openings {}
.th-openings-popup .th-openings .th-title {margin-bottom: 20px; text-align: left;}
.th-openings-popup .th-openings .th-opening {text-align: left; font-weight: 300;}
.th-openings-popup .th-openings .th-opening .th-date {margin-bottom: 0; white-space: nowrap;}
.th-openings-popup .th-openings .th-opening .th-hours {text-align: right; border-bottom: 1px solid #e0e0e0;}
.th-openings-popup .th-openings .th-opening .th-day {display: inline-block; width: 120px;}
.th-openings-popup .th-openings .th-opening .th-date {display: inline-block; width: 150px; font-style: oblique; font-size: 14px; font-weight: 300;}
.th-openings-popup .th-openings .th-message {font-weight: 300; font-size: 14px; text-align: left; margin-top: 20px; max-width: 350px;}
.th-openings-popup .th-openings .th-message span {font-weight: bold;}

.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-waterloosundayshopping {background-color: #c80000; padding: 10px; color: #fff; text-transform: uppercase; font-weight: 300;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-waterloosundayshopping p {margin-bottom: 0px; letter-spacing: 1px;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-waterloosundayshopping p span {font-weight: bold;}
.th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-waterloosundayshopping a {color: #fff; text-transform: none; font-weight: bold;}

@media (max-width : 991px) {
    .th-shop-map .th-map-container .th-shop-details {position: relative; display: block; background-color: #f6f6f6;}
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container {width: 100%; min-width: 100%;}
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container i {margin: 0px 5px 0px 5px;}
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments .th-title {margin-left: 5px;}
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-contact-details,
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments,
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings {margin-top: 0px; background-color: transparent;}
}

@media (max-width : 500px) {
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container,
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-message {font-size: 12px;}
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments {padding: 0px 15px;}
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-amenities-payments .th-img-container .th-img {width: 19%;}
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-opening .th-day {width: 90px;}
    .th-shop-map .th-map-container .th-shop-details .th-shop-details-container .th-openings .th-opening .th-date {width: 70px; font-size: 10px;}
}

#th-shop-closed {}
#th-shop-closed .th-closed {width: 100%; max-width: 500px; margin-top: 8vw;}
#th-shop-closed .th-oops {color: #4e4e4e; font-size: 72px; font-weight: 900;}
#th-shop-closed .th-text {color: #e4e4e4; font-size: 30px; font-weight: 300;}
#th-shop-closed .th-all-shops-container {display: inline-block; padding-top: 20vw; padding-bottom: 100px;}
#th-shop-closed .th-all-shops-container .th-all-shops {display: grid; grid-template-columns: auto auto; text-decoration: none;}
#th-shop-closed .th-all-shops-container .th-all-shops .th-logo-container {border-right: 1px solid #181818; padding-right: 20px;}
#th-shop-closed .th-all-shops-container .th-all-shops .th-logo-container .th-logo {width: 150px;}
#th-shop-closed .th-all-shops-container .th-all-shops .th-text-container {padding-left: 20px; display: flex; justify-content: center; align-items: center; position: relative;}
#th-shop-closed .th-all-shops-container .th-all-shops .th-text-container p {margin-bottom: 0; text-transform: uppercase; font-size: 20px; font-weight: 300; text-align: left; color: #000000;}
#th-shop-closed .th-all-shops-container .th-all-shops .th-text-container img {width: 50px; position: absolute; left: 240px; top: 50px;}

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

@media (max-width : 767px) {
    #th-shop-closed .th-all-shops-container .th-all-shops {grid-template-columns: auto;}
    #th-shop-closed .th-all-shops-container .th-all-shops .th-logo-container {border-bottom: 1px solid #181818; border-right: 0; padding-bottom: 20px; padding-right: 0px;}
    #th-shop-closed .th-all-shops-container .th-all-shops .th-text-container {padding-left: 0; padding-top: 20px;}
    #th-shop-closed .th-all-shops-container .th-all-shops .th-text-container img {left: 220px; top: 60px;}
}

@media (max-width : 500px) {
    #th-shop-closed .th-all-shops-container .th-all-shops .th-text-container p {font-size: 16px;}
    #th-shop-closed .th-all-shops-container .th-all-shops .th-text-container img {left: 170px; top: 55px;}
}