/*
Theme Name: Tequila 52
Theme URI: https://www.https://tequila52.com/
Author: Shobhit Verna
Author URI: Author URI: https://www.linkedin.com/in/shobhit-verma-26148194
Description: A stylish WordPress theme for Tequila 52
Version: 1.0
Text Domain: Tequila52.com
*/

/* Google fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400&display=swap');


/* Bootstrap */
@import url('css/bootstrap-5.3.0-alpha3-dist/css/bootstrap.min.css');

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input,textarea{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
}
html,body{
	margin: 0px !important;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
}
p{
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans', sans-serif;
}
.white-color{
	color: #ffffff;
}
.copper-color{
	color: #B97B58;
}
.black-rus{
	color: #070F0F;
}
/*inter fonts*/
body.home h2,
body .entry-title{
	font-weight: 200;
	font-family: 'Inter', sans-serif;
}
/*fonts*/
h2{
	font-size: 52px;
	line-height: 60px;
	font-weight: 300;
	letter-spacing: 0.02em;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.heading-line{
	display: inline-block;
	position: relative;
}
.heading-line:after{
	content: "";
	display: block;
	position: absolute;
	right: -170px;
	bottom: 10px;
	width: 138px;
	height: 3px;
	background-color: #B97B58;
}
a{
	text-decoration: none;
}
.read-more{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #B97B58;
}
img{
	max-width: 100%;
	height: inherit;
}
.title{
	font-weight: 200;
	font-size: 32px;
	line-height: 47px;
	color: #B97B58;
	margin-bottom: 15px;
	font-family: 'Inter', sans-serif;
}
/* age verification popup */
#age-verification-popup{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	color: #ffffff;
	background-color: #000000;
	z-index: 9999;
}
button{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.12em;
	color: #000000;
	border: none;
	padding: 8px 135px 8px 20px;
	position: relative;
}
button:after{
	content: "";
	display: block;
	width: 50px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url("images/button-arrow.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 5px;
}
.button-dark{
	background-color: #B97B58;
}
.button-light{
	background-color: #D9D8D6;
}
#age-verification-popup .popup-col h2{
	font-size: 32px;
	line-height: 47px;
	text-align: center;
	letter-spacing: 0.02em;
	font-weight: 200;
	color: #ffffff;
	font-family: 'Inter', sans-serif;
}
#age-verification-popup .popup-col p{
	color: #C4C4C4;
}
#age-verification-popup .popup-col p a{
	font-weight: 400;
	color: #C4C4C4;
}
#age-verification-popup .popup-col .action-wrap button{
	margin: 0px 15px;
}
#age-verification-popup #video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.5;
}

#age-verification-popup #video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*Header*/
#header{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 25px 0px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;
}
#header .site-logo{
	line-height: 0px;
	margin: auto auto auto 0px;
}
#header .site-logo img{
	max-width: 180px;
	width: 100%;
}
#header .action-wrap{
	margin-left: auto;
	align-items: center;
}
#header .action-wrap .facebook,
#header .action-wrap .instagram{
	width: 24px;
	height: 24px;
	margin: auto 0px;
	margin-left: 35px;
}
/*#menu-button{
	width: 50px;
	height: 50px;
	margin-left: 40px;
	cursor: pointer;
	background-image: url("images/menu-button.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	transition-property: all;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
}
#menu-button:hover{
	transform: rotate(90deg);
}*/
#menu-close-button{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 30px;
	right: 50px;
	cursor: pointer;
	background-image: url("images/X.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
}
#site-navigation{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	padding-top: 140px;
	background-color: #000000;
	background-image: url("images/site-navigation-bg.png");
	background-position: top left;
	background-size: cover;
	display: none;
	z-index: 10;
	overflow: auto;
}
#site-navigation .logo-menu-wrap{
	display: inline-block;
	margin-left: auto;
}
#site-navigation .logo-menu-wrap .logo{
	margin-bottom: 40px;
}
#site-navigation .primary-menu{
	list-style: none;
}
#site-navigation .primary-menu a{
	font-weight: 300;
	font-size: 24px;
	line-height: 47px;
	letter-spacing: 0.02em;
	color: #B97B58;
	text-decoration: none;
}
body.home #header{
	background-color: transparent;
}
body.home #header .site-logo{
	display: none;
}

/*.demo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
}*/
.menu-icon {
  transform: scale(1.5);
}

:root {
  --bar-bg: #B97B58;
}

.menu-icon {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
  margin-left: 35px;
  z-index: 999;
}
.menu-icon .menu-icon__cheeckbox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  z-index: 2;
  -webkit-touch-callout: none;
  position: absolute;
  opacity: 0;
}
.menu-icon div {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 22px;
  height: 12px;
}
.menu-icon span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--bar-bg, #B97B58);
  border-radius: 1px;
  transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
}
.menu-icon span:first-of-type {
  top: 0;
}
.menu-icon span:last-of-type {
  bottom: 0;
}
.menu-icon.active span:first-of-type,
.menu-icon .menu-icon__cheeckbox:checked + div span:first-of-type {
  transform: rotate(45deg);
  top: 5px;
}
.menu-icon.active span:last-of-type,
.menu-icon .menu-icon__cheeckbox:checked + div span:last-of-type {
  transform: rotate(-45deg);
  bottom: 5px;
}
.menu-icon.active:hover span:first-of-type, .menu-icon.active:hover span:last-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:first-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:last-of-type {
  width: 22px;
}
@media (min-width: 1024px) {
  .menu-icon:hover span:first-of-type {
    width: 26px;
  }
  .menu-icon:hover span:last-of-type {
    width: 12px;
  }
}

/*Main*/
#main{
	min-height: 500px;
	position: relative;
	overflow: hidden;
}

/*Home*/

/*Home main start*/
#home-main{
	min-height: 376px;
  height: 85.33333vw;
  max-height: 100vh;
  position: relative;
  overflow: hidden;
}
#home-main-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;

	filter: grayscale(100%);
}


#home-main-video {
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  margin: 0px auto;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  background-color: #000000;
}

#home-main-video iframe {
  width: 100%;
  height: 100%;
  filter: grayscale(100%);
}
#home-main-video:::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5; /* Adjust as desired (0.0 to 1.0) */
}
#home-main .logo-wrap{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#home-main .logo-wrap p{
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.2em;
	color: #ffffff;
}
#home-main .logo-wrap .logo-text-wrap{
	display: inline-block;
	text-align: center;
}
#home-main .logo-wrap .logo-text-wrap .logo{
	margin-bottom: 30px;
}
/*Home main end*/
#home-featured-card .container{
	position: relative;
	color: #ffffff;
	padding: 115px 80px 165px 80px;
	margin-top: -80px;
	background-color: #000000;
	background-image: url("images/ABout-BG.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#home-featured-card  .img-col{
	text-align: right;
}
#home-featured-card p{
	color: #C4C4C4;
}
#home-footer-gallery .img-col{
	line-height: 0px;
}
#home-footer-gallery .img-col img{
	width: 100%;
}

#home-featured-bottle{
	padding: 100px 0px;
	position: relative;
}
#home-featured-bottle .img-col{
	margin-top: -70px;
	position: relative;
} 
#home-featured-bottle  .text-container .row{
	margin-top: 60px;
}
#home-featured-bottle .text-container .row > div{
/*	margin-top: 75px;*/
}
#home-featured-bottle  .container > .row{
	position: relative;
}
#home-featured-bottle  .container > .row .col-md-5{
	position: absolute;
}
#home-featured-bottle .container > .row .col-md-7{
	margin-left: auto;
}
#home-featured-bottle .text-container .text-col{
	padding-left: 80px;
	position: relative;
}
#home-featured-bottle .text-container .text-col .icon{
	position: absolute;
	left: 0px;
	top: 0px;
}
#home-featured-bottle .text-container .text-col  span{
	display: block;
	color: #C4C4C4;
}
#home-text-line .text-center{
	padding: 40px 0px;
	margin-bottom: 80px;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
}
#home-text-line .text-center h2{
	max-width: 700px;
	width: 100%;
	margin: 0px auto;
}
#home-featured-process{
	margin-bottom: 80px;
}
#home-featured-process .process-featured{
	margin-left: -250px;
	margin-top: 40px;
	padding: 20px;
	color: #ffffff;
	background-color: #000000;
}
#home-featured-process .process-featured .d-flex{
	text-align: center;
	justify-content: space-between;
}

#home-featured-history{
	position: relative;
	margin-bottom: 70px;
}
#home-featured-history h2.heading-line{
	color: #ffffff;
	margin-bottom: 60px;	
}
#home-featured-history #timeline-container{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 60px 0px;
	z-index: 1;
}
#home-featured-history .timeline__content{
	color: #ffffff;
	background-color: transparent;
	border: none;
}
#home-featured-history .timeline--horizontal .timeline-divider{
	height: 50px;
	background-color: #000000;
}

#home-featured-history .timeline__content h2.copper-color{
	width: 100%;
	position: absolute;
	left: 0px;
	text-align: center;
	font-weight: 400;
	font-size: 30px;
	line-height: 76px;
	margin-bottom: 0px;
	color: #B97B58;
}

.timeline--horizontal .timeline__item .timeline__content:after{
	border-top: 10px solid #B97B58;
}
#home-featured-history .timeline__item.timeline__item--top h2.copper-color{
	bottom: -76px;
}
#home-featured-history .timeline__item.timeline__item--bottom h2.copper-color{
	top: -76px;
}

.timeline--horizontal .timeline__item:after{
	display: none;
}
.timeline--horizontal .timeline__item .timeline__content:before{
	display: none;
}
.timeline-nav-button--prev,
.timeline-nav-button--next{
	display: none !important;
}
#home-featured-history .timeline__wrap{
	overflow: hidden;
}
#home-featured-history .timeline__items{
	transform: none !important;
}
.dragger {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
/*  background-color: rgba(255,255,255,0.3);*/
  cursor: pointer;
  z-index: 10;
}
.dragging {
  cursor: grabbing;
}

div#scroll-right-icon-wrap {
	width: 100%;
	position: absolute;
  left: 0px;
  bottom: 0px;
  text-align: center;
  padding-bottom: 20px;
  z-index: 9999;
}
#scroll-right {
    display: inline-block;
    position: relative;
    padding-left: 92px; /* Changed to left padding */
    text-align: center;
}

.arrow-right {
    display: block;
    margin: 0 auto;
/*    width: 38px; /* Changed width */
/*    height: 10px; /* Changed height */
}

.arrow-right:after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    behavior: url(-ms-transform.htc);
    -moz-transform: rotate(45deg); /* Changed rotation to 45 degrees */
    -webkit-transform: rotate(45deg); /* Changed rotation to 45 degrees */
    -o-transform: rotate(45deg); /* Changed rotation to 45 degrees */
    -ms-transform: rotate(45deg); /* Changed rotation to 45 degrees */
    transform: rotate(45deg); /* Changed rotation to 45 degrees */
}

#scroll-title {
    display: block;
    text-transform: uppercase;
    color: #b91a2f;
    font-family: Helvetica Neue, Helvetica, Arial;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .1em;
}

#scroll-right::before {
    -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px; /* Changed to adjust vertical position */
    width: 90px; /* Changed to adjust width */
    height: 2px; /* Changed to adjust height */
    background: #ffffff;
    content: ' ';
}

@keyframes elasticus {
    0% {
        transform-origin: 0% 0%;
        transform: scaleX(0);
        opacity: 0;
    }
    50% {
        transform-origin: 0% 0%;
        transform: scaleX(1);
        opacity: 1;
    }
    50.1% {
        transform-origin: 100% 0%;
        transform: scaleX(1);
        opacity: 1;
    }
    100% {
        transform-origin: 100% 0%;
        transform: scaleX(0);
        opacity: 0;
    }
}




/*making timline scrolling from here*/

/*.timeline-heading-wrap{
	position: absolute;
	width: 100%;
	left: 0px;
	padding-top: 50px;
	z-index: 1;
}
#home-featured-history .timeline--horizontal{
	overflow: auto;
	padding: 0px;
}
#home-featured-history .timeline__wrap{
	padding: 200px 0px 100px;
	background-image: url("images/home/history-of-requila-t52.jpg");
	background-repeat-y: no-repeat;
	background-size: contain;
	z-index: auto;
}
#home-featured-history .timeline__items{
	position: relative;
	z-index: 1;
}
#home-featured-history .timeline--horizontal .timeline-divider{
	left: 0px;
	right: 0px;
	top: 55% !important;
	margin: auto 0px;
	z-index: 0;
}*/

/*how we sip*/
#home-how-we-sip{
	margin-bottom: 70px;
}
#home-how-we-sip .img-col{
	line-height: 0px;
	margin-bottom: 10px;
}
#home-how-we-sip .img-col img{
	width: 100%;
}
#home-feature-recipes{
	margin-bottom: 70px;
}
#home-feature-recipes .feature-recipes-wrap{
	position: relative;
}
#home-feature-recipes .feature-recipes-wrap .text-col{
/*	max-width: 850px;*/
	width: 100%;
	height: 100%;
	padding: 50px 25px;
	position: absolute;
	left: -50%;
	right: -50%;
	top: 0px;
	margin: auto;
	z-index: 1;
	background-image: linear-gradient(to bottom, rgb(0 0 0 / 50%) 0%, rgba(0, 0, 0, 0) 100%);
}
#home-feature-recipes .feature-recipes-wrap .text-col .heading-line{
	margin-bottom: 10px;
}
#home-feature-recipes .feature-recipes-wrap .text-col p{
	color: #B97B58;
}
/*Inner pages*/
.entry-title{
	font-size: 52px;
	line-height: 76px;
	letter-spacing: 0.02em;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.entry-title:after{
	content: "";
	display: block;
	width: 90px;
	height: 1px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #B97B58;
}
#page-featured-image{
	line-height: 0px;
	position: relative;
}
#page-featured-image #page-text-container{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 150px;
	color: #ffffff;
}
#page-featured-image #page-text-container .text-col{
	max-width: 500px;
	width: 100%;
}
#page-featured-image #page-text-container .text-col h3{
	font-weight: 300;
	font-size: 32px;
	line-height: 42px;
	color: #B97B58;
	margin-bottom: 20px;
}

/*Manifesto*/
body.page-id-20 #page-featured-image #page-text-container .text-col{
	max-width: 600px;
	margin: 0px auto;
	color: #000000;
	position: relative;
}
body.page-id-20 #page-text-container .text-col .wp-block-column:first-child{
	padding-right: 50px;
}
body.page-id-20 #page-text-container .text-col .wp-block-column:last-child{
	padding-left: 50px;
}
body.page-id-20 #page-text-container .text-col:after{
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 70px);
	position: absolute;
	left: -50%;
	right: -50%;
	top: 0px;
	margin: 0px auto;
	background-color: #B97B58;
}

/* T52 Recipes */
.inner-center-container{
	max-width: 950px;
	width: 100%;
	margin: 0px auto;
	padding: 80px 0px 160px 0px;
}
.inner-center-container h2{
	font-weight: 300;
	font-size: 32px;
	line-height: 44px;
	color: #B97B58;
}

#t52-recipes-container .row{
	margin-bottom: 50px;
}
.row.left {
  flex-direction: row;
}
.row.right {
  flex-direction: row-reverse;
}
.row.left .col-md-6 {
  order: 1;
}
.row.right .col-md-6 {
  order: 2;
}

/*T52 Process*/
#t52-process-container{
	position: relative;
	max-width: 1180px;
	width: 100%;
	padding: 80px 0px;
}
#t52-process-container:before{
	content: "";
	display: block;
	width: 3px;
	height: calc(100% + 100px);
	position: absolute;
	left: -50%;
	right: -50%;
	top: -100px;
	margin: 0px auto;
	background-color: #B97B58;
} 
#t52-process-container:after{
	display: block;
	content: "";
	clear: both;
}
#t52-process-container .top-dot{
	width: 18px;
	height: 18px;
	position: absolute;
	left: -50%;
	right: -50%;
	top: -100px;
	margin: 0px auto;
	border-radius: 50%;
	background-color: #B97B58;
}
#t52-process-container .top-dot:after{
	content: "";
	display: block;
	clear: both;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	left: -10px;
	border: 4px solid #B97B58;
}
#t52-process-container .process-col{
	width: calc(50% - 60px);
	padding-left: 60px;
	position: relative;
}
#t52-process-container .process-col:not(:first-child){
	margin-top: 80px;
}
#t52-process-container .process-col.left{
	float: left;
	text-align: right;
}
#t52-process-container .process-col.right{
	float: right;
	text-align: left;
}
#t52-process-container .process-col:before{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	border-radius: 50%;
	background-color: #B97B58;
}
#t52-process-container .process-col.left:before{
	top: 5px;
	right: -69px;
}
#t52-process-container .process-col.right:before{
	top: 5px;
	left: -69px;
}
.t52-process-banner-container{
	padding-bottom: 180px;
}
.t52-process-banner-container .text-center{
	max-width: 850px;
	width: 100%;
	margin: 0px auto;
}
/*contact*/
#page-main-container{
	max-width: 1050px;
	width: 100%;
	margin: 0px auto;
	padding: 80px 0px 160px 0px;
}
.row-col-dl{
	position: relative;
}
.row-col-dl > div:first-child{
	padding-right: 50px;
}
.row-col-dl > div:last-child{
	padding-left: 50px;
}
.row-col-dl:after{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	left: -50%;
	right: -50%;
	top: 0px;
	margin: 0px auto;
	background-color: #B97B58;
}
.c-field input,
.c-field textarea{
	font-weight: 300;
	font-size: 12px;
	line-height: 24px;
	color: #6B6B6B;
	width: 100%;
	border-bottom: 1px solid #D9D8D6;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.c-field input::placeholder,
.c-field textarea::placeholder{
	 #6B6B6B;
}
.c-field textarea{
	height: 150px;
}
.submit input{
	font-weight: 300;
	font-size: 16px;
	line-height: 42px;
	color: #B97B58;
}
.page-id-24 .text-col .wp-block-heading{
	margin-top: 25px;
}
.page-id-24 .text-col .wp-block-heading:first-child{
	margin-top: 0px;
}
/*Footer*/
#footer{
	position: relative;
	color: #ffffff;
	background-color: #000000;
}
#footer .site-footer{
	padding: 115px 0px;
}
#footer .seal-label{
	position: absolute;
	width: 100%;
	left: 0px;
	top: -80px;
	text-align: center;
	padding: 0px 20px;
}
#footer .seal-label img{
	max-width: 160px;
	width: 100%;
}
#footer .footer-logo{
	border-right: 1px solid #FFFFFF;
}
#footer .footer-logo img{
	max-width: 241px;
	height: auto;
}
#footer .email{
	padding-left: 40px;
	background-image: url("images/t52-footer-icons/email-icon.png");
	background-repeat: no-repeat;
}
#footer .phone{
	padding-left: 30px;
	background-image: url("images/t52-footer-icons/call-icon.png");
	background-repeat: no-repeat;
}
#footer .address{
	padding-left: 40px;
	background-image: url("images/t52-footer-icons/location-icon.png");
	background-repeat: no-repeat
}

#footer .email,
#footer .phone,
#footer .address{
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: #FFFFFF;
}

#footer .site-info {
	padding-bottom: 20px;
	text-align: right;
}
#footer .site-info p{
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}
#footer .site-info p a{
	font-weight: 400;
	color: #ffffff;
}

@media(max-width:768px){
	/* header	*/
	#site-navigation{
		background-position: top center;
	}
	/* Home Page	*/
	#home-featured-bottle .container > .row .col-md-5{
		position: relative;
	}
	#home-featured-process .text-col{
		padding: 20px 20px 0px 20px !important;
	}
	#home-featured-process .process-featured{
		margin-left: 0px;
	}
	/* Inner page	*/
	#page-featured-image #page-text-container{
		position: relative;
		padding-top: 50px;
		padding-bottom: 100px;
		background-color: #000000;
	}
	

	/* Manifesto start	*/
	body.page-id-20 #page-featured-image #page-text-container .text-col{
		color: #ffffff;
	}
	body.page-id-20 #page-text-container .text-col .wp-block-column:last-child{
		padding-left: 0px;
	}
	body.page-id-20 #page-text-container .text-col:after{
		display: none;
	}
	body.page-id-20 #page-featured-image #page-text-container .text-col{
		max-width: 100%;
	}
	/* Manifesto End	*/

	/* process */
	#t52-process-container{
		margin-left: 20px;
		width: calc(100% - 20px);
	}
	#t52-process-container .process-col{
		width: 100%;
		padding-left: 40px;
	}
	#t52-process-container .process-col:not(:first-child){
		margin-top: 40px;
	}
	#t52-process-container .process-col.left,
	#t52-process-container .process-col.right{
		text-align: left;
		float: none;
	}
	#t52-process-container .process-col.left:before,
	#t52-process-container .process-col.right:before{
		left: 0px;
	}

	#t52-process-container:before{
		left: 8px;
		right: auto;
		top: -70px;
	}
	#t52-process-container .top-dot{
		left: 0px;
		right: auto;
		top: -70px;
	}

	.row-col-dl:after{
		display: none;
	}
	.row-col-dl > div:last-child{
		padding-left: 15px;
	}

	div#scroll-right-icon-wrap{
		display: none;
	}
	/*	Footer	*/
	.site-footer .row > div{
		flex: 100%;
		margin-bottom: 20px;
	}
	.site-footer .row > div:last-child{
		margin-bottom: 0px;
	}
	#footer .footer-logo{
		border-right: none;
	}
}

@media(max-width: 640px){
	#home-main .logo-wrap p{
		margin-bottom: 0px;
	}
	#home-main .logo-wrap p span:first-child{
		margin-left: auto;
	}
	#home-main .logo-wrap p span:last-child{
		margin-right: auto;
	}
	#home-main .container{
		margin: auto auto 50px auto !important;
	}
	#home-main .logo-wrap .logo-text-wrap{
		display: block;
	}
	#home-featured-card .container{
		margin-top: 0px;
	}

	#home-featured-bottle .text-container .text-col{
		padding-left: 0px;
	}
	#home-featured-bottle .text-container .text-col .icon{
		position: relative;
	}

	#page-featured-image .page-featured-image-wrap{
		width: 100%;
		min-height: 400px;
		position: relative;
	}
	#page-featured-image .page-featured-image-wrap img{
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
	}

	.entry-title{
		font-size: 42px;
		line-height: 62px;
	}

}
@media(max-width:480px){
	/* Header	*/
	#header{
		padding: 10px 0px;
	}
	#menu-button{
		width: 35px;
		height: 35px;
		margin-left: 20px;
	}
	#header .action-wrap .facebook, #header .action-wrap .instagram{
		margin-left: 15px;
	}

	/* Home	*/
	/*#home-main{
		min-height: 100vh;
	}*/
	#home-main{
		height: inherit;
		max-height: inherit;
	}
	#home-main .logo-wrap{
		position: relative;
		padding-top: 100px;
		background-color: #000000;
	}
	#home-main-video{
		position: relative;
		width: 100%;
		height: inherit;
		left: auto;
		right: auto;
		top: auto !important;
	}
	#home-main-video iframe{
		width: 480px !important;
		height: 278px !important;
	}
	body.home #header{
		position: relative;
		background-color: #000000;
	}
	body.home #header .site-logo{
		display: block;
	}
	#home-main .logo-wrap .logo-text-wrap img{
		max-width: 100px;
	}
	#home-featured-card .container{
		padding: 50px 20px 120px 20px;
	}
	#home-featured-card .img-col{
		padding-top: 30px;
		text-align: center;
	}
	#home-featured-card .img-col img{
		max-width: 200px;
	}
	#home-featured-bottle .img-col img{
		max-width: 250px;
		margin-bottom: 30px;
	}
	#home-featured-process .process-featured .d-flex{
		flex-wrap: wrap;
	}
	#home-featured-process .process-featured .d-flex > div{
		width: 33.33%;
		flex: 33.33%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#home-featured-process .process-featured .d-flex > div:nth-child(4){
		padding-left: 30px;
	}
	#home-featured-process .process-featured .d-flex > div:nth-child(5){
		padding-right: 30px;
	}

	/* home timeline	*/
	#home-featured-history .jarallax{
		height: 650px !important;
	}
	#home-featured-history #timeline-container{
		overflow: auto;
	}
	#home-featured-history .timeline__content h2.copper-color{
		position: relative;
		text-align: left;
	}
	.timeline__item.animated{
		opacity: 1 !important;
	}


	#home-featured-process .jarallax,
	#home-feature-recipes .jarallax{
		height: 400px !important;
	}
	/* Fonts	*/
	h2{
		font-size: 32px;
		line-height: 40px;
	}

	#age-verification-popup .popup-col .action-wrap button{
		width: 150px;
		text-align: left;
		padding: 10px;
	}
}