@charset "utf-8"; /* CSS Document */
:root {
--pure-gold:#c8863a; 
--pure-brown:#86491f; 
--pure-yellow:#fbf4ec;
--pure-body-color:var(--pure-black);
--pure-white:#fff;
--pure-black:#000;
--body-font:"Barlow Condensed", sans-serif; }
*,*::before, *::after {box-sizing:border-box; }
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior:smooth; }
}
body{font-family:var(--body-font); color:var(--pure-body-color); font-size:18px; font-weight:400; background-color:var(--pure-white); line-height:1.5; background: url(../images/light-background.jpg); }
body.noscroll{ overflow:hidden; }
h1, h2, h3, h4, h5, h6{font-weight:700; margin-top:0; margin-bottom:16px; line-height:normal; font-family:"Josefin Sans", sans-serif;}
h1 {font-size:48px;}
h2{font-size:48px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{margin-bottom:16px;  margin-top:0;}
p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0; }
strong{ font-weight:700; }
.pure-g [class *= "pure-u"]{font-family:var(--body-font);}

h1, h2{ color:var(--pure-brown);; text-transform:uppercase; background:url(../images/title-shape.png) no-repeat bottom center; padding-bottom:24px; margin-bottom:22px; text-align: center;} 

img{max-width:100%; height:auto; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.full-img{ line-height:0; }
.full-img img{ width:100%; height:auto; }
button, input {-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
a {color:var(--pure-blue); text-decoration:none; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; text-decoration:underline;}
a:hover {color:var(--pure-blue); text-decoration:none;}
a > *{-moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

/* Animated Underline */
.animated_underline{ color:var(--pure-white); position:relative; line-height:30px; text-decoration:none; display:inline-block;}
.animated_underline:after{ background:var(--pure-white); height:1px; position:absolute; bottom:0; left:0; width:0; position:absolute; content:''; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.animated_underline:hover:after{ width:100%;}

/* Container */
.container, .container-full{ padding-left: 15px; padding-right: 15px; position: relative; }
.container{margin:0 auto; padding:0 15px; max-width:1320px; width:100%; position:relative; z-index:10;}
.container-full{ max-width: none; width: auto; }
.container .container-full{ position: relative; left: 50%; transform: translateX(-50%); width: 100vw; }
.container .container, .container .container-full, .no-padding{  padding-left: 0px !important; padding-right: 0px !important; }
.container-full .container{ padding-left: 15px !important; padding-right: 15px !important; }

/* .container{margin:0 auto; padding:0 15px; max-width:1320px; width:100%; position:relative; z-index:10;} */
.row{ margin-left:-15px; margin-right:-15px; }
.row [class*=pure-u-]{ padding-left:15px; padding-right:15px; }
.justify-content-start {justify-content:flex-start; }
.justify-content-end {justify-content:flex-end; }
.justify-content-center {justify-content:center; }
.justify-content-between {justify-content:space-between; }
.justify-content-around {justify-content:space-around; }
.justify-content-evenly {justify-content:space-evenly; }
.align-items-start {align-items:flex-start; }
.align-items-end {align-items:flex-end; }
.align-items-center {align-items:center; }
.align-items-baseline {align-items:baseline; }
.align-items-stretch {align-items:stretch; }
.align-content-start {align-content:flex-start; }
.align-content-end {align-content:flex-end; }
.align-content-center {align-content:center; }
.align-content-between {align-content:space-between; }
.align-content-around {align-content:space-around; }
.align-content-stretch {align-content:stretch; }
.align-self-auto {align-self:auto; }
.align-self-start {align-self:flex-start; }
.align-self-end {align-self:flex-end; }
.align-self-center {align-self:center; }
.align-self-baseline {align-self:baseline; }
.align-self-stretch {align-self:stretch; }
.d-flex {display:flex; }
.flex-grow-0 {flex-grow:0; }
.flex-grow-1 {flex-grow:1; }

#page{overflow:hidden; /*min-height:100vh; padding-top:234px; */}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.img-hover:hover img{ opacity:0.8}
#site_loader{position:fixed; z-index:99999; background:#ebebeb; width:100%; height:100%; top:0; left:0; transition:all .4s}
#site_loader.loading_done{opacity:0; z-index:-999; visibility:hidden}
.spinner{width:70px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.spinner>div{width:18px; height:18px; background-color:#f26449; border-radius:100%; display:inline-block; -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both; animation:sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner .bounce1{-webkit-animation-delay:-.32s; animation-delay:-.32s}
.spinner .bounce2{-webkit-animation-delay:-.16s; animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay{
0%,80%,100%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes sk-bouncedelay{
0%,80%,100%{-webkit-transform:scale(0); transform:scale(0)}
40%{-webkit-transform:scale(1); transform:scale(1)}
}
.ratio { position:relative; width:100%; }
.ratio::before { display:block; padding-top:var(--bs-aspect-ratio); content:""; }
.ratio > * { position:absolute; top:0; left:0; width:100%; height:100%; }
.ratio-1x1 { --bs-aspect-ratio:100%; }
.ratio-4x3 { --bs-aspect-ratio:75%; }
.ratio-16x9 { --bs-aspect-ratio:56.25%; }
.ratio-21x9 { --bs-aspect-ratio:42.8571428571%; }
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
/*============Css Start============*/

.header{ position:fixed; top:0; left:0; right:0; z-index:1000; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.pre-header{ background:#000; color:var(--pure-white); padding:5px 40px; font-size:16px;}
.pre-header ul{ margin:0 0 0 auto; list-style:none; padding:0; display:flex;}
.pre-header ul > li + li{ margin-left:22px;}
.pre-header ul > li{ position:relative;}
.pre-header ul > li > a{ color:var(--pure-white); position:relative; line-height:30px; text-decoration:none;}
.pre-header ul > li > a.parent{ background:url(../images/lang-arrow.png) no-repeat right; padding-right:20px;}
.pre-header ul > li > a:after{ background:var(--pure-white); height:1px; position:absolute; bottom:0; left:0; width:0; position:absolute; content:''; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.pre-header ul > li > a:hover:after{ width:100%;}
.pre-header ul li ul{ position:absolute; top:100%; right:0; background:#000; display:none; padding:4px 15px;}
.pre-header ul li:hover ul{ display:block;}
.pre-header ul li ul li a{ display:block; white-space:nowrap;}
.header .header-gradient{position: absolute; width: 100%; height: 450px;
    background: url(../images/shadow-overlay.png) repeat-x bottom; transform: rotate(180deg);}
.header.fixed-header .header-gradient{ display: none;}

.header.fixed-header{ top:-40px; }
/* .no_banners .header.fixed-header{ top: 0;} */
.no_banners .header .post-header{background: var(--pure-black);}
.header.fixed-header .post-header{ background:#000; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.post-header{ padding:20px 0;}
.stellarnav {margin-top: 1%;}
.stellarnav > ul > li > a:hover{ transform: translateY(5px);}
.stellarnav .iveragh-menu > ul { width: 260px !important;}
.stellarnav > ul > li.button > a, .stellarnav > ul > li > a{ display: inline-flex; align-items: center; justify-content: center; line-height: 1.5;}
.stellarnav a[aria-current="page"]{ color: var(--pure-brown);}
.stellarnav > ul > li > a{ text-align: center;}
.stellarnav ul ul { left: 50%; transform: translateX(-50%); width: 270px !important;}

.mcgills-inner-page-inner-page main{ padding-top: 200px !important; padding-top: 128px !important; padding-bottom: 130px;}
.mcgills-inner-page-inner-page main > div:last-child{ margin-bottom: -130px;}
.mcgills-inner-page-inner-page main > div + p{ margin-top: 130px }
.single-post main, .privacy-policy .inner-page-content, .page-id-1453 .inner-page-content{ padding-top: 220px !important;} 

.privacy-policy h2{ padding-top: 40px; }

.banner{ position:relative; height: 100vh; background: #000;}
/* .banner:after{ z-index: 2;} */
.banner::before{position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: linear-gradient( to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 28%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100% ); z-index: 11;}
.banner .full-img{ line-height:0; position:relative; z-index:1;}
.banner .full-img img{ z-index:1;}
.banner .full-img:after{ /*background:url(../images/shadow-overlay.png) repeat-x bottom;*/  left:0; right:0; top:0; z-index:999; content:''; position:absolute; background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,0)); height: 50%;}
.banner .content{ position:absolute; /*top:79%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);*/ z-index:100; padding:0 65px; left:0; right:0; bottom: 65px;}
.banner .banner-content{ width:auto; max-width:550px;}
.banner .banner-content h2, .banner .banner-content span{ font-size:60px; color:var(--pure-white); text-transform:uppercase; font-family: "Josefin Sans", sans-serif; font-weight: 700; line-height: normal;}
.banner .banner-content > span{ display: block; margin-bottom: 25px;}
.banner .banner-content h2 span, .banner .banner-content span span{ color:var(--pure-gold); display: block;}
.banner .banner-content .site-btn + .site-btn{ margin-left:16px;}
.banner .content .badge-logo{ margin-left:auto;}

.banner .banner_item_bg{ width: 100%; height: 100%; position: absolute; top:0; bottom:0; left:0; z-index:2; overflow: hidden; }
.banner .banner_item_bg iframe { width: 158%;  height: 90vw;  transform: translate(-50%,-50%);  position: relative;  z-index: 1;  top: 50%;  left: 50%;}
/* .banner .banner_item_bg::after { position: absolute;  content: '';  width: 100%;  height: 50%;  top: 0;  left: 0;  background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,0)); z-index: 2;} */
.banner .banner_item_bg:before, .banner .banner_item_bg:after{ position:absolute; top:0; left:0; right:0; content:''; bottom:0;}
.banner .banner_item_bg:before{ background:url(../images/top-shadow-overlay.png) repeat-x top; z-index:1;}
.banner .banner_item_bg:after{ background:url(../images/shadow-overlay.png) repeat-x bottom; z-index:2;}

.banner .controls{ position: absolute; z-index: 999; bottom: 65px; left: 50%; transform: translateX(-50%); }
.banner .controls button{ background: none; border: 0; width: 44px; height: 44px; cursor: pointer; padding: 0; margin: 0 5px; }
.banner .controls button:hover{ opacity: 0.8;}

.site-btn{ background:url(../images/button-bg.png); min-width:200px; height:60px; color:#000; text-align:center; display:inline-flex; align-items:center; justify-content:center; font-weight:700; text-transform:uppercase; text-decoration:none; font-family:"Josefin Sans", sans-serif; border:none;  padding: 0 25px; background-size: 100% 60px; padding-top: 3px;}
.site-btn:hover{ background:url(../images/button-bg-hover.png); color:var(--pure-white); background-size: 100% 60px;}

.w1{ padding:94px 0 230px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; color:var(--pure-white);}
.w1 .container{ position:relative;}
.w1 .container .badge{ position:absolute; width:290px; top:110px; left:-119px; z-index:20;}
.w1:before, .w1:after{ position:absolute; top:0; left:0; right:0; content:''; bottom:0;}
.w1:before{ background:url(../images/top-shadow-overlay.png) repeat-x top; z-index:1;}
.w1:after{ background:url(../images/shadow-overlay.png) repeat-x bottom; z-index:2;}
.w1 .section-title{ text-align:center; margin-bottom:55px;}
.w1 .section-title h1{ background:url(../images/title-shape.png) no-repeat bottom center; padding-bottom:22px; margin-bottom:22px; color:#db9340; text-transform:uppercase;}

.w1 .box{ color:var(--pure-white); position:relative; display:block; text-decoration:none; text-align:center; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; z-index:10; padding-left: 15px; padding-right: 15px;}
.w1 .box:hover{-webkit-transform:-webkit-scale(1.1) -webkit-rotate(0); transform:scale(1.1) rotate(0);}
.w1 .box .ratio{ background:#000; box-shadow:rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}
.w1 .box .ratio .full-img img{ opacity:0.3;}
.w1 .box:hover .ratio .full-img img{ opacity:0.6;}
.w1 .box .content{ position:absolute; padding:20px 20px 35px; left:0; right:0; z-index:10; bottom:0;}
.w1 .box .content h2{ background:url(../images/title-shape.png) no-repeat bottom center; text-transform:uppercase; padding-bottom:15px; margin-bottom:15px; color:var(--pure-gold); font-size:30px;}
.w1 .box .content span{ text-transform:uppercase; font-size:18px; margin-bottom:30px;}
.w1 .box .content ul{ display:flex; align-items:center; justify-content:center; margin:0 0 24px 0; padding:0; list-style:none;}
.w1 .box .content ul li{display:flex; align-items:center;}
.w1 .box .content ul li + li{ margin-left:14px;}
.w1 .box .content ul li img{ margin-right:6px;}
.w1 .box .content  span{ display:inline-block; font-family:"Josefin Sans", sans-serif; padding:0 24px; color:var(--pure-gold); text-transform:uppercase; border-bottom:2px solid var(--pure-gold); font-weight:700; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; padding:0;}
.w1 .box:hover .content span{background:url(../images/button-bg.png); width:200px; height:60px; color:#000; text-align:center; line-height:60px; border:none; display: inline-flex; align-items: center; justify-content: center; line-height: 1.5;}

/* New Tour Layout */
.w1 .ToursSlider{ margin-left: -15px; margin-right: -15px;}
.w1 .tour{ background:url(../images/dots-texture.png); margin: 0 15px; position: relative;}
.w1 .tour:hover .image-fit img{ transform: scale(1.1);}
.w1 .tour .content{ padding: 24px; text-align: center; color: var(--pure-black); position: relative;}
.w1 .tour .content h2 { background: url(../images/title-shape.png) no-repeat bottom center; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 15px; color: var(--pure-brown); font-size: 30px;}
.w1 .tour .content span.sub_title{ text-transform: uppercase; font-size: 18px;  display: block; font-weight: 700; margin-bottom: 16px; font-family: "Josefin Sans", sans-serif;}
.w1 .tour .content .site-btn{transition: all 0.5s ease;}
.w1 .tour .content  .info {  list-style: none;  display: flex;  color: var(--pure-white);  background: var(--pure-black);  padding: 10px;  border-radius: 25px; margin-top: -48px; margin-bottom: 20px;}
.w1 .tour .content  .info li{ display: flex; width: 100%; justify-content: center; font-weight: 700;}
.w1 .tour .content  .info li img{ margin-right: 10px;}
.w1 .item a{ text-decoration: none;}

.section-title h3{ text-transform:uppercase; font-size:18px;}
.section-title h2{ text-transform:uppercase;}
.w1 .section-title .title-outer h1, .w1 .section-title .title-outer h2{ background: unset; padding-bottom: 5px; margin-bottom: 0px; padding-top: 5px;}
.w1 .section-title .title-outer{ text-align: center; background: url(../images/title-shape.png) no-repeat bottom center; padding-bottom: 24px; margin-bottom: 22px;}
.w1 .section-title .title-outer span{ font-weight: 700; font-family: "Josefin Sans", sans-serif; text-transform: uppercase;}



.w2{ padding-top:63px; position:relative; z-index:2;}
.w2 .section-title h2{ color:var(--pure-gold); background:url(../images/title-shape.png) no-repeat bottom center; padding-bottom:40px;}
.w2 .section-title h3{ color:var(--pure-white);}
.w2 .section-title { margin-bottom:44px; text-align:center;}
.w2 .section-title span{ color: var(--pure-white);}
.w2 .image-fit{ position:absolute; top:0; left:0; right:0; z-index:1; bottom:148px; z-index:1; }
.w2 .image-fit:before{ background:url(../images/top-shadow-overlay.png) repeat-x top; z-index:1;  position:absolute; top:0; left:0; right:0; content:''; bottom:0;}
.ReviewSlider, .NewsSlider{ margin-left:-15px; margin-right:-15px;}
.ReviewSlider .item, .NewsSlider .item{ padding-left:15px; padding-right:15px;}
.ReviewSlider .item .review-box{ background:#000; color:var(--pure-white); text-align:center; padding:30px;}
.ReviewSlider .item .review-box h3{ margin:0; padding:16px 0; text-transform:uppercase; font-size:18px;}
.ReviewSlider .item .review-box blockquote{ margin:0; padding:16px 0;}
.ReviewSlider .item .review-box cite{ font-style:normal;}
.ReviewSlider .item .review-box img{ display:block; margin-left:auto; margin-right:auto;}
.ReviewSlider .slick-prev, .ReviewSlider .slick-next{ margin-top:-25px;}
.w2 + .faqs{ margin-top: -150px; padding-top: 225px;}

.w3{ background-position:top center; background-repeat:no-repeat; background-size: cover; background-color:var(--pure-yellow) !important; padding:269px 0 89px; position:relative; z-index:1; margin-top:-148px;}
.w3 .section-title{ text-align:center; position:relative; margin-bottom:-150px;}
.w3 .section-title h3, .w3 .section-title span{ font-size:18px; text-transform:uppercase; font-family: "Josefin Sans", sans-serif; font-weight: 700; margin-bottom: 15px;
display: block;}
.w3 .section-title h2, .w3 .section-title h1{ color:var(--pure-brown); text-transform:uppercase; background:url(../images/title-shape.png) no-repeat bottom center; padding-bottom:32px;}
.w3 .content{ margin-bottom:115px;}
.w3 .slider-content{ margin-bottom:114px}

.w3 .slider-container{ position:relative; margin:115px 40px 0 40px;}
.w3 .slider-container .bottle{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:20;}
.w3 .BeerSlider .item{ /*padding:60px; background:var(--pure-white);*/ position:relative; padding:160px 0;}
.w3 .BeerSlider .item .pure-g{padding:60px; background:var(--pure-white);}
.w3 .BeerSlider .inner-content{ width:100%; max-width:400px; text-align:center;}
.w3 .BeerSlider .inner-content h2{ color:var(--pure-brown); text-transform:uppercase; background: unset; margin-bottom: 10px; padding-bottom: 0px;}
.w3 .BeerSlider .inner-content h3, .w3 .BeerSlider .inner-content h4, .w3 .BeerSlider .inner-content span{ text-transform:uppercase; font-size:18px; font-family: "Josefin Sans", sans-serif; font-weight: 700; display: block; margin-bottom: 15px;}
.w3 .BeerSlider .inner-content h3{ background:url(../images/title-shape-light.png) no-repeat bottom center; padding-bottom:20px; margin-bottom:20px;}
.w3 .BeerSlider .slick-dots{ margin-top:0;}
.w3 .BeerSlider .slick-prev{left:-60px; margin-top:-10px;}
.w3 .BeerSlider .slick-next{right:-60px; margin-top:-10px;}

.w4{ padding:120px 0 220px; background-color:#000; position:relative;z-index: 2;}
.w4 .image-fit{ position:absolute; top:0; left:0; right:0; z-index:1; bottom:0; z-index:1;}
.w4 .image-fit img{ opacity:0.2}
.w4 .image-fit:before{ background:url(../images/shadow-overlay.png) repeat-x bottom; content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2}
.w4 .section-title{ color:var(--pure-white); text-align:center; margin-bottom:60px;}
.w4 .section-title h3, .w4 .section-title span{ font-size:18px; text-transform:uppercase; font-family: "Josefin Sans", sans-serif; font-weight: 700;}
.w4 .section-title h2{ color:#cc893c; text-transform:uppercase; background:url(../images/title-shape.png) no-repeat bottom center; padding-bottom:24px; margin-bottom:22px;} 
.w4 .badge{ position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); bottom:-145px; z-index:20; width:290px;}

.news-item{ background:url(../images/dots-texture.png)}
.news-item .full-img{ position:relative; overflow:hidden;}
.news-item .content{ padding:24px; text-transform:uppercase; font-family:"Josefin Sans", sans-serif; font-weight:700;}
.news-item .content a{color:var(--pure-brown); text-decoration:none;}
.news-item .content a:hover{ text-decoration:underline;}
.news-item .content span{ color:#000; display:block;}
.news-item .content span a{ color:#000;}
.news-item .content h5, .news-item .content h3{ font-size:20px; background:url(../images/title-shape.png) no-repeat bottom left; padding-bottom:20px; margin-bottom:20px; color:var(--pure-brown); text-transform:uppercase;}
.news-item:hover img{-webkit-transform:-webkit-scale(1.1) -webkit-rotate(0); transform:scale(1.1) rotate(0);}
.news-item time, .news-item .full-img span{ bottom:0; position:absolute; z-index:100; color:#000; font-weight:700; text-transform:uppercase; background:#db9340; padding:0 30px; height:60px; font-family:"Josefin Sans", sans-serif; padding-top: 3px; }

.bottom-content [class*=pure-u]{ position:relative; padding:15px; background:#000; flex-wrap:nowrap; height:584px;}
.bottom-content [class*=pure-u] .image-fit{ position:absolute; top:0; left:0; right:0; z-index:1; bottom:0; z-index:1;}
.bottom-content [class*=pure-u] .image-fit img{ opacity:0.3;}
.bottom-content [class*=pure-u]:hover .image-fit img{ -webkit-transform:-webkit-scale(1.1) -webkit-rotate(0); transform:scale(1.1) rotate(0);}
.bottom-content [class*=pure-u] .content{ max-width:570px; width:100%; display:block; text-align:center; color:var(--pure-white); position:relative; z-index:50; margin:0 auto;}
.bottom-content [class*=pure-u] h3, .bottom-content [class*=pure-u] span{ font-size:18px; text-transform:uppercase; font-weight: 700; font-family: "Josefin Sans", sans-serif; margin-bottom: 15px; display: block;}
.bottom-content [class*=pure-u] h2{ color:#cc893c; text-transform:uppercase; background:url(../images/title-shape.png) no-repeat bottom center; padding-bottom:24px; margin-bottom:22px;} 
.bottom-content [class*=pure-u] .newsletter{ max-width:420px; width:100%; display:block; text-align:center; color:var(--pure-white); position:relative; z-index:50; margin:0 auto;} 
.bottom-content [class*=pure-u] .newsletter input[type=email]{ background:var(--pure-white); border:none; color:#000; width:200px; height:60px; border:none; padding:0 20px; outline:0;}
.bottom-content [class*=pure-u] .newsletter input[type=submit]{ margin-left:auto; cursor:pointer;}
.bottom-content [class*=pure-u] .newsletter input[type="checkbox"] { width:40px; height:40px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.bottom-content [class*=pure-u] .newsletter  input[type="checkbox"] + label {margin:15px 0 0 0; cursor:pointer; display:flex; align-items:center; justify-content:center; line-height:1.2;}
.bottom-content [class*=pure-u] .newsletter  input[type="checkbox"] + label span {display:block; width:40px; height:40px; margin:0 12px 0 0; vertical-align:middle; cursor:pointer; background:var(--pure-white); /*border-radius:50%;*/ z-index: 99; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.bottom-content [class*=pure-u] .newsletter  input[type="checkbox"]:checked + label span { background:url(../images/check.png) no-repeat center var(--pure-white);}
.bottom-content [class*="pure-u"] .newsletter form{ position: relative;}
.ch-outer{ display: inline-block; position: relative; padding-left: 50px; text-align: left;}
.bottom-content [class*=pure-u] .newsletter input[type=submit]:disabled { cursor: not-allowed; opacity: 0.7; }
.error { color: #e79d1e; text-align: left; margin-top: 10px;}
.hidden { display: none; }
.ch-outer label strong{ font-weight: normal;}

.footer{ padding:99px 0; background:#000; color:var(--pure-white);}
.footer a{ color:var(--pure-white); text-decoration:none;}
.footer-logo{ text-align:center;}
.footer-logo a:hover img{ opacity:0.8;}
.footer-logo img{ width:300px; height:auto;}
.footer-menu h5, .footer-menu h3{ background:url(../images/title-shape.png) no-repeat bottom left; padding-bottom:20px; margin-bottom:20px; color:#cc893c; text-transform:uppercase; font-size: 18px;}
.footer-menu ul{ margin:0; padding:0; list-style:none; color: #f5e1ca;}
.footer-menu ul li + li{ margin-top:5px;}
.footer-menu ul li  a{ color:var(--pure-white); position:relative; line-height:30px; text-decoration:none; display:inline-block;}
.footer-menu ul li  a:after{ background:var(--pure-white); height:1px; position:absolute; bottom:0; left:0; width:0; position:absolute; content:''; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.footer-menu ul li  a:hover:after{ width:100%;}
.footer-menu  [class*=pure-u-]{ margin-top:60px;}

.footer-logos{ margin-top:60px; padding:30px 0; border-bottom:1px solid #333333; border-top:1px solid #333333;}
.footer-logos ul{ display:flex; align-items:center; justify-content:center; padding:0; margin:0; list-style:none;}
.footer-logos ul li + li{ margin-left:80px;}
.footer-logos ul li a:hover img{ opacity:0.8;}
.footer-bottom .copyright{ padding-top:30px; margin-bottom:20px; text-align:center;}
.footer-bottom .copyright a{ color:var(--pure-white); position:relative; line-height:30px; text-decoration:none; display:inline-block;}
.footer-bottom .copyright a:after{ background:var(--pure-white); height:1px; position:absolute; bottom:0; left:0; width:0; position:absolute; content:''; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.footer-bottom .copyright a:hover:after{ width:100%;} 
.footer-bottom .social{ margin:0; padding:0; list-style:none;}
.footer-bottom .social li + li{ margin-left:16px;}
.footer-bottom .social li a{ color:var(--pure-black); background:var(--pure-gold); height:60px; width:60px; display:flex; align-items:center; justify-content:center; border-radius:60px; overflow: hidden; text-indent: -150px;}
.footer-bottom .social li a svg{ width: 25px; height: 25px;}
.footer-bottom .social li a:hover{background:var(--pure-brown);}

.overlay{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:1001; background:rgba(51,44,36,0.85); display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; display:none; }
.overlay .modal-content{ max-width:490px; width:100%; margin:0 auto; text-align:center; padding:65px; color:var(--pure-white); background-size:cover; background-repeat:no-repeat; background-repeat:no-repeat; box-shadow:rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}
.overlay .modal-content .logo, .overlay .modal-content .age-logo{ margin:0 0 30px;}
.overlay .modal-content .logo img{ width:300px; height:auto;}
.overlay .modal-content h5, .overlay .modal-content h3{ text-transform:uppercase; font-size:18px; margin-bottom:24px;}
.overlay .modal-content a, .overlay .modal-content span{ background:var(--pure-gold); color:#000; text-align:center; display:inline-flex; align-items:center; justify-content:center; height:60px; width:102px;  font-family:"Josefin Sans", sans-serif; font-weight:700; text-decoration:none;cursor: pointer;}
.overlay .modal-content a + a, .overlay .modal-content span + span{ margin-left:16px;}
.overlay .modal-content a:hover, .overlay .modal-content span:hover{ color:var(--pure-white); background:var(--pure-brown);}
.overlay .modal-content label{ margin-top:10px; display:block;}
.overlay .modal-content label input[type=checkbox]{ margin-right:8px;}

/*============Css End============*/
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus{outline:none; }
.slick-list.dragging{cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
.slick-track{position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,.slick-track:after{display:table; content:''; }
.slick-track:after{clear:both; }
.slick-loading .slick-track{visibility:hidden; }
.slick-slide{display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide{float:right; }
.slick-slide img{display:block; }
.slick-slide.slick-loading img{display:none; }
.slick-slide.dragging img{pointer-events:none; }
.slick-initialized .slick-slide{display:block; }
.slick-loading .slick-slide{visibility:hidden; }
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden {display:none; }

.slick-loading .slick-list{background:var(--pure-white) url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size:0; line-height:0; position:absolute; top:50%; display:block; width:29px; height:55px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; border:none; outline:none; background:transparent; z-index:100; z-index:1;}
/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:transparent; outline:none; background:var(--bs-dark); }*/
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:1; }
.slick-prev:before, .slick-next:before{line-height:1; opacity:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; z-index:100; font-size:24px; font-family:'Material Symbols Sharp'; display:none;}
.slick-prev{left:-40px; background-image:url(../images/prev.png);}
[dir='rtl'] .slick-prev{right:0px; left:auto; }
.slick-prev:before{content:'\e5c4'; }
[dir='rtl'] .slick-prev:before{content:'\e5c4'; }
.slick-next{right:-40px; background-image:url(../images/next.png);}
[dir='rtl'] .slick-next{right:auto; left:15px; }
.slick-next:before{content:'\e5c8'; }
[dir='rtl'] .slick-next:before{content:'\e5c8'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom:0; }
.slick-dots{position:relative; margin-top:30px; display:block; width:100%; padding:0; margin-bottom:0; list-style:none; text-align:center; display:flex; align-items:center; justify-content:center; }
.slick-dots li{position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; text-align:center; }
.slick-dots li button{font-size:0; line-height:0; display:block; position:relative; height:20px; width:20px; border-radius:20px; background:none; border:1px solid transparent; margin:0 5px; cursor:pointer;}
.slick-dots li button:before{ background:var(--pure-brown); height:6px; width:6px; content:''; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:20px;}
.slick-dots li button:hover, .slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{border-color:var(--pure-brown);}
.slick-dots li.slick-active button{ border-color:var(--pure-brown);}

/* footer copyright menu */
.footer-copyright-menu {display: inline-flex;list-style-type: none;column-gap: 20px;margin: 0;padding-left: 10px;flex-wrap: wrap;justify-content: center;}
.footer-copyright-menu li{position: relative;}
.footer-copyright-menu li:not(:last-child):after {content: "|";position: absolute;right: -12px;}

/* Post Grid Blocks */
.post_grid{ position: relative; padding-top: 120px; background-color: var(--pure-yellow);}
.post_grid  .pure-g.row .pure-u-1-3{ margin-bottom: 30px;}
.post_grid .post_filter_form{ position: relative; text-align: center; margin-bottom: 40px;}
.post_grid .post_filter_form input{ display: none; }
.post_grid .post_filter_form label{ display: inline-block; }
.post_grid .post_filter_form .pure-button.pure-button-primary{ color: #3c3c3b !important; background: #fff !important; transition: all 0.3s; border-radius: 0 !important;  height: 37px; padding: 0 18px; display: flex; align-items: center; cursor: pointer; margin: 0 2px;}
.post_grid .post_filter_form .pure-button.pure-button-primary.button-active, 
.post_grid .post_filter_form .pure-button.pure-button-primary:hover{ background: #3c3c3b !important; color: #fff !important; }
.post_grid .section-title{ text-align: center;}
.post_grid .news-item{background: var(--pure-white);}

/* Section Title */
.section-title > span{ font-size:18px; text-transform:uppercase; display: block; text-align: center; font-weight: 700; margin-bottom: 15px;  font-family: "Josefin Sans", sans-serif;}
.section-title h1, .section-title h2{ color:var(--pure-brown);; text-transform:uppercase; background:url(../images/title-shape.png) no-repeat bottom center; padding-bottom:24px; margin-bottom:22px; text-align: center;} 

/* Info Block */
.info-wrapper{ position: relative; padding: 135px 0px; text-align: center; background-size: cover !important; background-position: center calc(100% + 225px) !important;}
.info-wrapper::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8;}
.info-wrapper .section-title > span, .info-wrapper .section-title .mcblk_description{ color: var(--pure-white);}
.mcblk_description ul{ list-style-type: none; }

/* Our Beers */
.our-beers-wrap{ position: relative;  }
.our-beers-wrap .w3{ padding: 0; background-position: top center; margin: 0; height: calc(100vh); display: flex; align-items: center;}
.our-beers-wrap .w3 .bottle{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:20; height: 100vh; perspective: 1000px; }
.our-beers-wrap .w3 .bottle img{ height: 100vh; transform-origin: center; transition: transform 0.1s ease-out !important;}
.our-beers-wrap .w3 .item{ position:relative; /*padding: 180px 0px;*/}
.our-beers-wrap .w3 .item .pure-g{padding:60px; background:var(--pure-white);}
.our-beers-wrap .w3 .inner-content{ width:100%; max-width:400px; text-align:center;}
.our-beers-wrap .w3 .inner-content h2{ color:var(--pure-brown); text-transform:uppercase; background: unset; padding-bottom: 0px; margin-bottom: 10px;}
.our-beers-wrap .w3 .inner-content h3, .w3 .BeerSlider .inner-content h4, .w3 .inner-content span{ text-transform:uppercase; font-size:18px; font-weight: 700; font-family: "Josefin Sans", sans-serif; display: block; margin-bottom: 15px;}
.our-beers-wrap .w3 .inner-content h3{ background:url(../images/title-shape-light.png) no-repeat bottom center; padding-bottom:20px; margin-bottom:20px; font-size: 18px; text-transform: uppercase;}
.our-beers-wrap .info-wrapper .section-title h1, .our-beers-wrap .info-wrapper .section-title h2{ color: var(--pure-gold);}
.background_overlay{ position: relative;}
.background_overlay::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8;}

/* Contact Block */
.contact-wrapper{ position: relative; padding: 135px 0px; text-align: center; background-size: cover !important; padding-bottom: 0px;}
.contact-wrapper .section-title h1, .contact-wrapper .section-title h2{ color: var(--pure-gold);}
.contact-wrapper .section-title > span, .contact-wrapper .section-title .mcblk_description{ color: var(--pure-white);}
.contact-wrapper a{ text-decoration: none;}
.contact-wrapper .image-fit { position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 150px; z-index: 1;}
.contact-wrapper .image-fit::before{position: absolute; content: ''; width: 100%; height: calc(100%); left: 0; top: 0; background: #000; opacity: 0.8;}
.contact-form-outer{ position: relative; background: var(--pure-black); padding: 40px;}
.contact-form-outer .section-title h2 {  color: var(--pure-gold);  text-transform: uppercase;  background: url(../images/title-shape.png) no-repeat bottom center;  padding-bottom: 24px;  margin-bottom: 22px;  text-align: center;  font-size: 34px;}
.contact-form-outer input, .contact-form-outer textarea{ width: 100%; height: 60px; border: none; /*outline: none;*/ padding: 20px; margin-bottom: 10px;}
.contact-form-outer textarea{ height: 175px;}
.contact-form-outer input[type="submit"]{ width: 200px;}
.contact-form-outer label, .contact-form-outer p{ color: var(--pure-white); text-align: left;}
.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] { width: 40px; height: 40px; cursor: pointer; background-color: var(--pure-white); border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contact-form-outer .wpcf7-list-item{ position: relative; margin-left: 0; padding-left: 60px; min-height: 50px; display: flex; align-items: center;}
label:has(input[type="checkbox"]) span::before { width: 40px; height: 40px; cursor: pointer; background-color: var(--pure-white); /*border-radius: 50%;*/ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
label:has(input[type="checkbox"]:checked) span::before { background-image: url(../images/check.png); background-position: center; background-repeat: no-repeat;}
.contact-form-outer span[data-name="acceptance-246"]{ display: block; margin-top: -20px !important; margin-bottom: 25px;}
.contact-form-outer span[data-name="acceptance-438"]{ display: block; margin-top: 30px !important; }
.contact-form-outer .wpcf7-not-valid-tip{ color: #e79d1e;}
.contact-form-outer .pure-u-1-2:first-child{ padding-right: 5px;}
.contact-form-outer .pure-u-1-2:last-child{ padding-left: 5px;}

.contact-wrapper + .faqs{ padding-bottom: 220px; margin-top: -150px; padding-top: 225px;}

/* Map Block */
.map-block{ margin-top: 70px;}
.map-block .map-outer, .map-block .mcgills-map{ height: 100%;}
.map-block .pure-u-1-2:first-child{ padding-right: 20px;}
.map-block .pure-u-1-2:last-child{ padding-left: 20px;}


/*FAQs Accordions */
.faqs { position: relative; width: 100%; padding-bottom: 125px; background-size: cover !important; z-index: -1; padding-top: 175px;}
.faqs .am-accordions{ padding-top: 1.5em; padding-bottom: 1.5em; }
.faqs .accordion-item{ position: relative; width: 100%; margin-bottom: 15px; }
.faqs .accordion-item .accordion-heading{ position: relative; width: 100%;  font-weight: 700; font-size: 16px; background: var(--pure-white); border-radius: 70px;}
.faqs .accordion-item .accordion-heading a{ display: block; padding: 18px 40px 18px 65px; min-height: 60px; height: auto; text-decoration: none; font-size: 18px; font-weight: 700; line-height: 1.5; text-transform: uppercase;}
.faqs .accordion-item .accordion-heading:after{ position: absolute; min-height: 12px; background: url(../images/icon-arrow-orange.svg) no-repeat center; background-size: auto; opacity: 1; content: ''; width: 21px; top: 50%; right: 25px; transition: all 0.3s;  z-index: -1; transform: translateY(-50%) rotate(90deg);}
.faqs .accordion-item.accordion-active > .accordion-heading:after{ transform: rotate(-90deg); }
.faqs .accordion-item .accordion-content { display: none; padding: 15px 20px; background: var(--pure-white); opacity: 0.85; margin: 10px 38px 10px 38px; }
.faqs .accordion-item .accordion-content a { font-weight: 700; text-decoration: none; }
.faqs .accordion-item .accordion-heading .accordion-heading-bg{ position: absolute; top: 0; left: 0;   transition: all 0.6s; height: 100%; width: 100%; transform: perspective(1000px) rotate3d(0, 1, 0, 0deg); z-index: -1; background: var(--pure-white); border-radius: 70px;}
.faqs .accordion-item .accordion-heading:hover .accordion-heading-bg{transform: perspective(1000px) rotate3d(-2, 0, 0, 180deg) !important; background:var(--pure-white)}
.faqs .mcblk_description{ text-align: center; margin-bottom: 70px;}
.accordion-content .animated_underline{ color:var(--pure-black); }
.accordion-content .animated_underline:after{ background:var(--pure-black);}


/* Rotate Accordions */
.faqs .accordion-item .accordion-heading { background: none;}
.faqs .accordion-item .accordion-heading .accordion-heading-bg{ position: absolute; top: 0; left: 0;   transition: all 0.6s; height: 100%; width: 100%; transform: perspective(1000px) rotate3d(0, 1, 0, 0deg); z-index: -1; background: var(--pure-white); border-radius: 70px;}
.faqs .accordion-item .accordion-heading:hover .accordion-heading-bg{transform: perspective(1000px) rotate3d(-2, 0, 0, 180deg) !important; background:var(--pure-white)}

.accordion-heading .first_line,   
.accordion-heading .last_line{ position: absolute;  top: 50%; transform: translateY(-50%); color: var(--pure-gold); text-align: center; background: var(--pure-gold);}
.accordion-heading .first_line { left: 30px; height: 3px; width: 15px; }
.accordion-heading .last_line {  left: 36px; height: 15px; width: 3px;}
.faqs .accordion-item.accordion-active > .accordion-heading .last_line{transform: translateY(-50%) rotate(90deg); height: 0; }

/* Stockist Block*/
.stockists-wrapper{ position: relative; padding: 135px 0px; text-align: center;  padding-bottom: 0px;}
.stockists-wrapper .section-title h1, .stockists-wrapper .section-title h2{ color: var(--pure-gold);}
.stockists-wrapper .section-title > span, .stockists-wrapper .section-title .mcblk_description{ color: var(--pure-white);}
.stockists-wrapper a{ text-decoration: none;}
.stockists-wrapper .image-fit { position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 150px;}
.stockists-wrapper .image-fit::before{position: absolute; content: ''; width: 100%; height: calc(100%); left: 0; top: 0; background: #000; opacity: 0.8;}
.stockists-wrapper .section-title h1, .stockists-wrapper .section-title h2{ color: var(--pure-gold);}
.stockists-wrapper .map-outer{ margin-top: 80px;}
.stockists-wrapper .mcgills-map{ padding-top: 56.25%;}

/* Trade Enquiries */
.trade-enquiries{position: relative;}
.trade-enquiries .icon{ position: absolute; width: 300px; height: 300px; top: -150px; left: 50%; transform: translateX(-50%); z-index: 99;}
.trade-enquiries .content{ position: relative; background-size: cover !important; width: 100%; height: 100%;}
.trade-enquiries .content::before{position: absolute; content: ''; width: 100%; height: calc(100%); left: 0; top: 0; background: #000; opacity: 0.8;}
.trade-enquiries .content .section-title{ padding: 135px; z-index: 99; position: relative; color: var(--pure-white); text-align: center;}
.trade-enquiries .section-title h2{ color: var(--pure-gold);}
.trade-enquiries .contact-form-outer{ padding: 140px 180px 80px 160px;}
.stockists-wrapper + .faqs{ padding-bottom: 220px; margin-top: -150px; padding-top: 225px;}

.stockist-info-window{ min-width: 320px; padding: 40px 30px 35px 30px;}
.stockist-info-window a{font-family: "Josefin Sans", sans-serif; font-size: 20px; font-weight: 600; }
.mcgills-map .gm-style .gm-style-iw-c{ padding: 0 !important; max-width: 500px !important;}
.mcgills-map .gm-style-iw-chr { position: absolute; right: 0px; top: 0;}

/*Carousel  block*/
.mc-carousel{ position: relative; padding: 250px 0px 80px 0px; z-index: -1; background-color: var(--pure-yellow) !important;}
.mc-carousel .section-title{ margin-bottom: 75px; text-align: center;}
.stockists-wrapper + .mc-carousel{margin-top: -150px; }
.CarouselItems .item { padding-left: 15px; padding-right: 15px; }
.CarouselItems .item .item-inner{background: var(--pure-white);}
.CarouselItems .item .content h5, .CarouselItems .item .content h3 {  font-size: 20px;  color: var(--pure-brown);  text-transform: uppercase;  font-family: "Josefin Sans", sans-serif; }
.CarouselItems .item .content { padding: 24px; }
.CarouselItems .item .content span { color: #000; display: block; font-weight: 700; font-family: "Josefin Sans", sans-serif;}
.CarouselItems a{ text-decoration: none;}

/* Breadcrumbs */
.breadcrumbs{color: var(--pure-white); position: absolute; top: 200px; z-index: 99;}
.breadcrumbs a{ text-decoration: none;}
.breadcrumbs span{ border-bottom: 2px solid var(--pure-gold); padding-bottom: 2px;}

/* Single Beer */
.single-beer-wrap{ position: relative; padding-bottom: 40px;}
.single-beer-wrap::after{ background: url(../images/top-shadow-overlay.png) repeat-x top; position: absolute; left: 0; top: 130px; content: ''; width: 100%; height: 280px; }
.single-beer-wrap .content{ margin-bottom: 0px; color: var(--pure-white);}
.single-beer-wrap .inner-content .buttons{ display: flex;}
.single-beer-wrap .inner-content .buttons .site-btn { width: auto; padding: 0px 25px; background-size: 100% 100%; margin: 0px 5px; padding-top: 3px;}
.single-beer-wrap .slider-container{ margin: 0px; }
.bottom-overlay{ position: absolute; height: 250px; width: 100%; bottom: 0; background: var(--pure-black);}

/* Beer Specs */
.beer-specs-wrap{position: relative;}
.beer-specs-wrap::before, .beer-specs-wrap::after{ background: url(../images/top-shadow-overlay.png) repeat-x top; position: absolute; left: 0; top: 0px; content: ''; width: 100%; height: 280px; }
.beer-specs-wrap::after{ top: auto; bottom: 0; transform: rotateX(180deg);}
.beer-specs-wrap .specs{ display: flex; padding: 0px 0 50px; align-items: center; padding-right: 85px;}
.beer-specs-wrap .specs .image-fit{ width: 440px; margin-left: auto;}
.beer-specs-wrap .specs .icon {height:135px; width:135px; background: var(--pure-gold); border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.beer-specs-wrap .specs .item {  display: flex;  align-items: center; margin-bottom: 20px;}
.beer-specs-wrap .specs .item:nth-child(2n){ margin-left: 115px;}
.beer-specs-wrap .specs .icon img{ height: 80px; width: 80px;}
.beer-specs-wrap .specs .item .desc { background: var(--pure-white); padding: 20px 20px 20px 60px; min-width: 410px; border-radius: 60px; text-align: left; text-transform: uppercase; font-weight: 700; margin-left: -40px; z-index: -1; }
.beer-specs-wrap .specs .content { position: absolute; left: 110px; z-index: 1; }

/* Tour Booking */
.tour-booking-wrap{ position: relative; padding: 135px 0px 0px; text-align: center; background-size: contain !important; background-position: top !important; color: var(--pure-white); background-repeat: no-repeat;  background-color: var(--pure-black);}
.tour-booking-wrap::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8;}
.tour-booking-wrap::after { background: url(../images/top-shadow-overlay.png) repeat-x top; position: absolute; left: 0; top:0px; content: ''; width: 100%; height: 280px;}
.tour-booking-wrap h1{ color: var(--pure-gold);}
.tour-booking-wrap .info { list-style: none; display: inline-block; color: var(--pure-black); background: var(--pure-gold); border-radius: 35px;  margin-bottom: 20px; height: 60px; padding: 0px 5px; margin-top: 40px;}
.tour-booking-wrap .info li {display: inline-block; font-weight: 700; position: relative; height: 60px;line-height: 60px; padding-left: 60px; padding-right: 25px;}
.tour-booking-wrap .info li .icon { height: 50px; width: 50px; background: var(--pure-black); border-radius: 50%; position: absolute; left: 5px; top: 50%; transform: translateY(-50%);}
.tour-booking-wrap .info li .icon img{top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);}
.tour-booking-wrap .pure-g{ margin-top: 20px;}
.tour-booking-wrap .pure-g .pure-u-16-24{ padding-top: 18px; }
/* .tour-booking-wrap .ToursGallerySlider{ height: calc(100% - 120px); overflow: hidden;} */
.tour-booking-wrap .ToursGallerySlider .slick-next { right: 15px; }
.tour-booking-wrap .ToursGallerySlider .slick-prev { left: 15px; }
.bookeo_outer{display:block; max-width:420px;  min-height: 450px; margin: 0 auto;margin-right: 0; width: 100%; margin-left: 5px; overflow-y: scroll;}

/* Tour Images Carousel */
.tour-images-carousel-wrap{ position: relative; width: 100%; padding: 130px 0px 170px;}
.tour-images-carousel-wrap::before, .tour-images-carousel-wrap::after{ background: url(../images/top-shadow-overlay.png) repeat-x top; position: absolute; left: 0; top:0px; content: ''; width: 100%; height: 280px;}
.tour-images-carousel-wrap::after{ top: auto; bottom: 0; transform: rotateX(180deg);}
.tour-images-carousel-wrap .ToursImageSlider .item img{ width: 100%; height: auto;}
.tour-images-carousel-wrap .ToursImageSlider .item { overflow: hidden; max-height: 362px;}
.carousel-outer{ position: relative;}
.tour-images-carousel-wrap .carousel-outer .glass-image{position: absolute; left: 50%; top: 57%; transform: translate(-50%, -50%); z-index: 1; width: 410px; pointer-events: none;}
.tour-images-carousel-wrap .selling-outer{ position: relative; z-index: 2; padding: 40px;}
.tour-images-carousel-wrap .carousel-outer .selling-outer .selling-point { padding: 5px; min-height: 60px; background: var(--pure-white);margin: 12px auto; border-radius: 60px; display: flex; align-items: center; position: relative; padding-left: 65px; max-width: 470px; width: 100%; padding-right: 10px; line-height: 1;}
.tour-images-carousel-wrap .carousel-outer .selling-outer .selling-point .icon { height: 50px; width: 50px; background: var(--pure-gold); position: absolute; border-radius: 50%; left: 7px; top: 50%; transform: translateY(-50%); }
.tour-images-carousel-wrap .carousel-outer .selling-outer .selling-point .icon img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); filter: brightness(0) invert(1);}
.tour-images-carousel-wrap .section-title{ color: var(--pure-white); padding: 20px 0px 70px 0px; text-align: center;}
.tour-images-carousel-wrap .section-title h2{ color: var(--pure-gold);}
.tour-images-carousel-wrap .section-title .title-outer h1, .tour-images-carousel-wrap .section-title .title-outer h2{ background: unset; padding-bottom: 5px; margin-bottom: 0px; padding-top: 5px;}
.tour-images-carousel-wrap .section-title .title-outer{ text-align: center; background: url(../images/title-shape.png) no-repeat bottom center; padding-bottom: 24px; margin-bottom: 22px;}
.tour-images-carousel-wrap .section-title .title-outer span{ font-weight: 700; font-family: "Josefin Sans", sans-serif; text-transform: uppercase;}


/* Skip Link */
.skip-to-main { position: absolute; left: -250px; top: 0px; background: #fff; text-align: center; text-decoration: none; padding: 10px 20px; }
.skip-to-main:focus{ left: 0; z-index: 9999; }

/*Simple Text Image */
.mc-simple-text-image{ position: relative; padding-top: 70px; padding-bottom: 70px;}
.mc-simple-text-image .pure-u-1-2{ display: flex; flex-direction: column; justify-content: center;}
.mc-simple-text-image .image-fit{ height: 90vh; max-width: 580px; width: auto; }
.mc-simple-text-image .content{ padding: 100px 95px 100px 30px;}
.mc-simple-text-image .swap-slide .content{ padding: 100px 30px 100px 95px;}
.mc-simple-text-image .swap-slide .image-right{padding-left: 65px;}
.mc-simple-text-image.white_background .pure-g .content{ background: var(--pure-white); position: relative;}
.mc-simple-text-image.white_background .pure-g .content::before{ position: absolute; width: 65px; height: 100%; content: ''; background: var(--pure-white); top: 0;
    z-index: -1; left: -65px;}
.mc-simple-text-image.white_background .swap-slide .content::before{ left: 100%;}
.mc-simple-text-image .button-outer{ text-align: center;} 
.mc-simple-text-image .section-title h1, .mc-simple-text-image .section-title h2{ background: unset; padding-bottom: 5px; margin-bottom: 0px;}
.mc-simple-text-image .section-title{ text-align: center; background: url(../images/title-shape.png) no-repeat bottom center; padding-bottom: 24px; margin-bottom: 22px;}

/* MC Video Block */
.mcgills-video{ position: relative; width: 100%; height: 700px; margin: 70px 0px; cursor: pointer;}
.mcgills-video .video_outer_bg{ overflow: hidden; cursor: pointer;}
.mcgills-video .video_outer_bg iframe{  width: 100%; height: 713px; position: relative;  top: 0; left: 0; border: none; cursor: pointer;}
.mcgills-video .image-fit{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer;} 
.mcgills-video .image-fit .play-icon{ width: 120px; height: 120px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; position: absolute; }

/* google_translate_element */
#google_translate_element{ margin-left: 20px; position: relative; z-index: 9999;}

.grecaptcha-badge { z-index: 999; }

/* For Firefox */
@-moz-document url-prefix() {
* { scrollbar-color: var(--pure-gold) transparent;}
html {scrollbar-width: thin;}
}

/* For Chrome, Edge, and Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
::-webkit-scrollbar { width: 3px; height: 60px;}
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--pure-gold); border-radius: 6px; height: 60px; }
/* ::-webkit-scrollbar-thumb:hover {background: var(--pure-brown);} */
}

  


@media (min-width:992px) {
.container {max-width:960px;}
}
@media (min-width:1200px) {
.container {max-width:1140px;}
}
@media (min-width:1400px) {
.container {max-width:1320px;}
}

@media (min-width:1400px) and (max-width:1599px) {
.stellarnav > ul > li > a{ padding:0 16px;}
.stellarnav li a, .pre-header a{ font-size:16px;}
}

@media (min-width:1300px) and (max-width:1399px) {
.stellarnav > ul > li.logo a img{ width:200px;}
.w1 .container .badge{ width:200px; left:-50px;}
.w1 .box .content h4{ margin-bottom:20px;}
.w1 .box .content{ padding:20px; font-size:16px;}
.stellarnav > ul > li > a{ padding:0 14px;}
.stellarnav li a, .pre-header a{ font-size:16px;}
} 


@media (min-width:1200px) and (max-width:1299px) {
.stellarnav > ul > li.logo a img{ width:200px;}
.w1 .container .badge{ width:200px; left:0px;}
.w1 .box .content h4{ margin-bottom:20px;}
.w1 .box .content{ padding:20px; font-size:16px;}
.stellarnav > ul > li > a{ padding:0 14px;}
.slick-next{ right:-20px;}
.slick-prev{ left:-20px;}
.stellarnav li a, .pre-header a{ font-size:14px;}
} 

@media (min-width:992px) and (max-width:1199px) {
/* .header{ padding-left:20px; padding-right:20px;} */
.header .logo img{ width:180px;}
.review-content{ min-height:408px;}
.btn, .header .button{ padding:0 16px; font-size:18px;}
.stellarnav a, .pre-header a{ font-size:18px;}
.stellarnav{ margin-left:auto; order:4; margin-left:20px;}
.header .contact-link{ margin-left:auto;}
.header.fixed-header .stellarnav.light .menu-toggle span.bars span{ background:#333;}
.stellarnav > ul > li{ float:none;}
.stellarnav > ul > li > a, .stellarnav > ul > li > a:hover, .stellarnav > ul > li.current-item > a{ color:#333;}
.stellarnav > ul > li > a:before { left:0; right:0;}
.stellarnav li a{ line-height:54px;}
.location .content h3{ font-size:24px;}
.our-beers-wrap .w3 .inner-content{ max-width: 320px;}
.single-beer-wrap .inner-content{ max-width: 320px;}

.page-id-37.mcgills-inner-page-inner-page main{ padding-top: 50px !important;} 
.selling-outer .pure-u-1-2:first-child .selling-point, .selling-outer .pure-u-1-2:nth-child(3n) .selling-point{ margin-right: 15px; }
.selling-outer .pure-u-1-2:nth-child(2n) .selling-point{ margin-left: 15px;}
} 

@media (max-width:1399px){
    .our-beers-wrap .w3 .inner-content h2{ font-size: 38px;}
    .our-beers-wrap .w3 .inner-content h3,
    .our-beers-wrap .w3 .inner-content h4,
    .our-beers-wrap .w3 .inner-content p{font-size: 16px;}
    .our-beers-wrap .w3 .inner-content{ padding-right: 10px;}
    /* .tour-booking-wrap .ToursGallerySlider{ height: 100%; overflow: hidden;} */
}


@media (max-width:1366px){
    .banner .banner-content {max-width: 520px;}
    .banner .banner-content h2, .banner .banner-content span { font-size: 40px;}
    .banner .banner-content .justify-content-center{ justify-content: flex-start;}
}

@media (max-width:1260px){
    .single-beer-wrap .inner-content {
        padding-right: 10px;
      }
}