@charset "utf-8";
/* CSS Document */
 :root {
     --color-primary: #E1A92E;
     --color-secondry: #BE9E53;
}
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');
 html, body {
     line-height:1.5;
     color: #FFF;
     background-color: #000;
     font-family: "Source Sans Pro", sans-serif;
}
 #main {
   overflow-x: hidden;
}
 h1, h2, h3, h4, h5, h6 {
     font-size: 32px;
     margin: 0 0 32px 0;
     font-family: 'Cardo', serif;
}
 p {
     font-size: 16px;
     margin: 0 0 56px 0;
}
 hr {
     height: 20px;
     padding: 0 0 20px 0;
     border-top:none;
     border-bottom: 1px solid var(--color-primary);
     opacity: 1;
     position: relative;
     overflow: visible;
}
 hr:after, hr:before {
     content: "";
     background-color: #000;
     border: solid 2px var(--color-secondry);
     height: 10px;
     width: 10px;
     border-radius: 50px;
     position: absolute;
     top: 15px;
}
 hr:after{
     left: 0;
}
 hr:before {
     right: 0;
}
 hr._vertical {
     width: 1px;
     height: 100%;
     padding: 0 20px 0x 0;
     border-top:none;
     border-bottom:none;
     border-right: 1px solid var(--color-primary);
     opacity: 1;
     position: relative;
     overflow: visible;
}

 hr._vertical:after{
     top: 0!important;
     left: -5px;
}
 hr._vertical:before {
     bottom: 0!important;
     top: auto;
     right: -5px;
}

hr._inverse {
	border-bottom: 1px solid #FFF;
}
 hr._inverse:after, hr._inverse:before {
     background-color: #FFF;
     border: solid 2px var(--color-primary);
	}
 .spacer-40 {
     width: 100%;
     height: 40px;
}
 ._flex-break {
     flex-basis: 100%;
     height: 0;
}
#page-wrapper {
	position: relative;
	z-index: 1;
}
/* =============================================Header */
 header {
     position: absolute;
     z-index: 8000;
     top: 0;
     width: 100%;
     padding: 0;
}
 #header .col-12 {
     position: absolute;
     width: 100%;
     top:0;
     left:0;
}
 header .logo {
     max-width: 150px;
     position: relative;
     top: 12px;
     left: 0;
}
 header nav .nav-link {
     color: #FFF;
}
 header nav .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
     color: #f6c354;
}
 header nav .fa {
     font-size: 16px;
     color: #FFF;
}
 header nav .fa[data-count]:after {
     content: attr(data-count);
     color: white;
     font-size: 16px;
     font-family: "Source Sans Pro", sans-serif;
     font-weight: normal;
     margin-left: 5px;
}
 .navbar {
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     top:-10px;
}
 .navbar-toggler {
     position: absolute;
     right: 8px;
     top: 16px;
     padding: 3px;
}
 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     background-image: var(--bs-navbar-toggler-icon-bg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
 .navbar-collapse {
     background: rgba(0,0,0,0.95);
     text-align: center;
     padding: 60px 0;
}
 .navbar li {
     position: relative;
}
 ._nav-item-basket {
     background: rgba(204,153,102,.5);
     padding: 5px;
     border-radius: 5px;
     position: relative;
     top: 8px;
     color: #FFF;
     text-decoration: none;
	position: absolute;
    right: 52px;
    top: 17px;
}
 ._nav-item-basket:hover {
     background: rgba(204,153,102,.9);
     color: #FFF;
}
 .mob-cart{
     position: absolute;
     right: 64px;
     top: 11px;
}
 @media (min-width: 992px) {
	 header {
		 top: 20px;
	}
     .navbar {
         position: relative;
         width:auto;
         top: 0;
    }
     .navbar-collapse {
         background: none;
         padding: 0;
    }
	 ._nav-item-basket {
		position: relative;
		right: 0;
		top: 8px;
		margin: 0 0 0 10px;
	}	 
	 header nav .fa[data-count]:after {
		 font-size: 20px;
	}
	 
}
/* =============================================Banner */

._home-page {
	overflow-x: hidden;
}
.banner {
	position: relative;
}

._home-page .banner h1 {
	font-size: 28px;
    position: absolute;
    top: auto: ;
    left: 0;
	right: 0;
	bottom: 10%;
    margin: 0;
}
._home-page .banner .btn {
	text-shadow: none;
}

._home-page .banner h1 span {
	display: block;
	margin: 0 0 32px 0;
}

._home-page .banner h1 span img {
	display: none;
}

._home-page .banner h1 b {
	display: none;
}

._home-page-tiles, ._home-page-tiles a {
	position: relative;
	z-index: 0;
	margin: 0 0 8px 0;
}


._home-page-tiles div {
	position: absolute;
	z-index: 100;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display: flex;
	justify-content: center;
    flex-direction: column;
    text-align: center;	
	
}

@media (min-width: 768px) {
	._home-page .banner h1 {
		top: 20%;
		bottom: auto;
		left: 50%;
		right: auto;
		font-size: 24px;
		margin: 0 0 0 -350px;
	}
	._home-page .banner h1 span {
		display: flex;
		justify-content: center;
	}
	._home-page .banner h1 span img {
		display: block;
		width: 400px;
	}
	._home-page .banner h1 b {
		text-transform: uppercase;
		display: block;
		font-weight: normal;
		margin: 0 0 32px 0;
	}
}

@media (min-width: 992px) {
	._home-page .banner h1 {
		margin: 0 0 0 -400px;
	}

}

@media (min-width: 1200px) {
	._home-page .banner h1 {
		font-size: 32px;
		margin: 0 0 0 -600px;
	}
	._home-page .banner h1 span img {
		width: 500px;
	}
}


/**** BLACKFRIDAY ***/


._home-page .banner h1 picture {
	position: absolute;
    top: -450px;
    left: 15px;
}
._home-page .banner h1 picture img {
	max-width: 175px;	   
}

@media (min-width: 768px) {
	
	._home-page .banner h1 picture {
		position: relative;
		top:0;
		left:0;	   
		display: block;
		margin-bottom: 15px;
	}
	._home-page .banner h1 picture img {
		max-width: 300px;
	}

}

@media (min-width: 992px) {
	
	._home-page .banner h1 picture {
		   
	}
	._home-page .banner h1 picture img {
		max-width: 300px;
	}

}
/* =============================================Home */


.notifications-home {
	color: #999;
}
.notifications-home h5{
	font-size: 24px;
	margin: 20px 0 10px 0;
}
.notifications-home p{
	margin: 0 0 5px 0;
}
._our-rum {
    background-repeat: no-repeat;
    background-image: url("../../img3/our-rum-mobile.jpg");
    background-size: 100%;
	padding: 0 0 120px 0;
	margin: 0 0 20px 0;
	text-align: center;
}

._our-rum h2 {
	font-size: 48px;
	margin: 40px 0 8px 0;
}


._our-rum p {
	margin: 0 0 8px 0;
}

@media (min-width: 992px) {
	._our-rum {
		background-image: url("../../img3/our-rum-desktop.jpg");
	}	
}

/* =============================================Testimonials */
.testimonial-container {
	display: none;
	margin: 0 0 16px 0;
}
.testimonial {

}
.testimonial p {
	font-size: 32px;
	font-family: 'Cardo', serif;
}

.testimonial p {
	margin: 0 0 8px 0;
}

.testimonial p.small-text{
	font-size: 16px;
	font-family: "Source Sans Pro", sans-serif;
}

/*
.testimonial p.stars {
position: absolute;
    bottom: -37px;
    left: 0;
    width: 100%;
    text-align: center;
}
.testimonial p.stars i {
background-image: url(../../img2/star.png);
    height: 25px;
    width: 31px;
    display: inline-block;
    background-size: 70%;
    background-repeat: no-repeat;
    background-color: #000;
    background-position: center center;
}
*/
/* =============================================Cocktails */
._cocktails{
     background-image: url("../../img3/main-bg.jpg");
     background-size:100%;padding: 120px 0 80px 0;
}
._cocktails-banner {
	position: relative;
	z-index: 1;
}
._cocktails-content {
	position: relative;
	z-index: 100;
}

._cocktails-content-img {
	position: relative;
}
._cocktails-content hr{
margin: 20px 0 30px 0;
}
._cocktails h3 {
	color: var(--color-primary);
}

._cocktails p{
	margin: 0 0 8px 0;
}
._cocktails ol {
	padding :0;
}
._cocktails ol li {
	margin: 0 0 8px 0;
	counter-increment: step-counter;
	list-style: none;
}

._cocktails ol li:before {
    content: counter(step-counter);
   color: var(--color-primary);
	margin-right: 8px;
 }

@media (min-width: 992px) {
	._cocktails h4 {
		min-height: 76px;
	}
	._cocktails-content-img {
		bottom: 320px;
		padding: 16px;
		background-image: url("../../img3/main-bg.jpg");
		 background-size:100%;
	}	
}
/* =============================================Press page */

.press-page h3 {
	color: var(--color-primary);
}
.press-page ul {
	margin:0;
	padding:0;
}
.press-page  li {
	margin-bottom: 16px;
    list-style: none;
}

/* =============================================Blog */
._blog{
     background-image: url("../../img3/main-bg.jpg");
     background-size:100%;padding: 120px 0 80px 0;
}
._blog-banner {
	position: relative;
	z-index: 1;
}
._blog-content {
	position: relative;
	z-index: 100;
}

._blog-content-img {
	position: relative;
}

@media (min-width: 992px) {
	._blog h2 {
		min-height: 76px;
	}
	._blog-content-img{
		top: -160px;
		padding: 16px;
		background-image: url("../../img3/main-bg.jpg");
		 background-size:100%;
	}	
}
/* =============================================_where-to-buy */
 ._where-to-buy {
     background-image: url("../../img3/main-bg.jpg");
     background-size:100%;padding: 120px 0 80px 0;
}
/* =============================================About */
 .about-bg00 {
     background-image: url("../../img3/main-bg.jpg");
     background-size:100%;padding: 120px 0 80px 0;
}

.about-bg00  ._promo-bottle {
	max-width: 350px;
}
.image-container h4 {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     z-index: 10;
     background-color: rgba(0,0,0,0.5);
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 24px;
     transition: 0.1s ease;
     opacity: 1;
     text-align: center;
}

 .image-container:hover h4{
     opacity: 1;
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
}
 .image-container:hover img{
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     transition: 0.1s ease;
}
/* =============================================Carousel */
.carousel-inner .image-container h4  {
	bottom: -270px;
     margin: auto 0 auto auto;
	height: 34px;
}
@media (min-width: 992px) {
	.carousel-control-prev {
		left: -40px;
	}
	.carousel-control-next {
		right: -40px;
	}
}
@media (min-width: 1200px) {
	.carousel-control-prev {
		left: -150px;
	}
	.carousel-control-next {
		right: -150px;
	}
}
/* =============================================Shop product */
 ._shop._product {
     background-size: cover;
     background-position: center top;
     border-bottom: solid 1px var(--color-primary);
     margin-bottom: 80px;
}
 ._shop._product h1 {
     margin: 0 0 16px 0;
}
 ._shop h3 {
     position: relative;
	 top: -25px;
}
 ._shop h3 a {
    font-size: 20px
}
 ._shop p.price {
     font-size: 32px;
     font-family: 'Cardo', serif;
     margin: 0 0 32px 0;
}
 ._shop p.price span {
     display: block;
     font-size: 24px;
     color: #999;
}



 ._shop p._secondry{
     font-size:16px;
	 text-align: right;
}
 ._shop p._secondry a {
     color: #FFFFFF;
     text-decoration: none;
	  text-transform: capitalize;
}

 ._shop p._secondry a:hover, ._shop p._secondry b {
     font-weight: normal!important;
     color: #f6c354;
	  text-transform: capitalize;
}
._shop ._flex-break {
     height: 20px;
}
/* =============================================Shop product colours */
 .color-row {
     display: flex;
}
 .color-row ul {
     display: flex;
}
 .colors, .colors li, .color-row select{
     flex-grow: 1;
     flex-basis: 0;
     margin-bottom: 16px;
}
 .colors ul {
     display:flex;
     margin:0;
     padding: 0;
     height: 100%;
     flex-flow: row wrap;
     justify-content: center;
}
 .colors li{
     display:flex;
     flex: 0 1 10%;
     margin: 8px;
     height: 30px;
}
 .colors li span {
     transition: 1s ease;
}
 .colors li:hover span {
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
     transition: 0.2s ease;
}
 .colors label{
     margin:0;
     width:100%;
}
 .swatch{
     display: inline-block;
     padding: var(--p-md);
     border-radius: 4px;
     height:100%;
     width:100%;
     position: relative;
}
 .colors label{
     cursor: pointer;
}
 .colors input{
     display:none;
}
 .colors input[type="radio"], .swatch{
     position: relative;
}
 .colors input[type="radio"]:checked + .swatch:after{
     content:'';
     border: solid 3px rgba(255,255,255,0.5);
     width:100%;
     height: 100%;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0px;
     border-radius: 4px;
}
._delivery h4 {
	font-size: 24px;
	margin: 0 0 8px 0;
}
._delivery p {
	margin: 0 0 8px 0;
}
._delivery hr {
	margin: 1rem 0 28px 0;
}
 ._shop p.price {
     margin: 0 0 32px 0;
}
 ._shop._product {
     padding: 100px 0 0 0;
}
 @media (min-width: 768px) {
}
 @media (min-width: 992px) {
     ._shop._product {
         min-height: 800px;
         background-image: url("../../img3/shop_prod_dektop.jpg");
         background-repeat: no-repeat;
    }

     ._shop._product ._product-content {
        position: relative;
        left: -50px;
        padding: 0;
        top: 100px;
    }
}
 @media (min-width: 1200px) {
     ._shop._product {
         min-height: 1000px;
    }
     ._shop._product ._product-content {
         left: -100px;
    }
}
 @media (min-width: 2400px) {

     ._shop._product ._product-content {
         left: -200px;
    }
}
/* =============================================_contact-formt */
 ._contact-form {
     background-image: url("../../img3/main-bg.jpg");
     background-size:100%;padding: 120px 0 80px 0;
}
/* =============================================Forms */
 .btn {
     background-color: #e1a92e;
     color: #000;
     outline: none;
     border: 0;
	 font-family: 'Cardo', serif;
	 font-weight: bold;
}
.btn-secondry {
	background-color: var(--color-secondry);
}
 .btn:hover, .btn:focus, .btn:active {
     background-color: #f6c354!important;
     color: #000!important;
}
 .btn-lg {
     font-size: 28px;
	 font-weight: normal;
}
 ._contact-form textarea, ._contact-form input[type="text"], ._contact-form input[type="email"], .checkout input[type="text"], #product input[type="number"], #product select, #cta input[type="email"], .new-form input[type="text"], .new-form select  {
     font-size: 16px;
     padding: 8px 16px;
     border: none;
     color: #000;
     outline: none;
     margin: 0 8px;
     border-radius: 5px;
     text-align: left;
}

.new-form input[type="text"],
.new-form select {
	margin:0;
	width:100%;
	height: 40px;
}

.new-form .col-12 {
	margin-bottom: 16px;
}

._contact-form textarea, ._contact-form input[type="text"], ._contact-form input[type="email"] {
	margin: 0 16px 16px 0;
}

 #product button, #cta button, .button, .modal button {
     background-color: var(--color-primary);
     color: #000;
     outline: none;
     border: 0;
     font-size: 16px;
     padding: 6px 20px;
     border-radius: 5px;
	 font-family: 'Cardo', serif;
}
 #no-voucher {
     margin: 0 0 32px 0;
}
 #no-voucher h6 {
     margin: 0  0 16px 0;
}

form ._addto , #cta form {
	 display: flex;
	 justify-content: center;
	flex-wrap: wrap;
}
.btn-message, .btn-message:hover {
	background-color: #666!important;
	color: #FFF!important;
	cursor: default;
}
._cart-total {
	font-size: 24px;
	 margin: 0 0 32px 0;
}
 @media (min-width: 992px) { 

	#product button, #cta button, .button, .modal button {
	 font-size: 20px;
	}	 
/*
	 ._contact-form textarea, ._contact-form input[type="text"], ._contact-form input[type="email"], .checkout input[type="text"], #product input[type="number"], #product select, #cta input[type="email"] {
     margin: 0 16px 0 0;
}
*/
}
/* =============================================Cart */
._cart{
     background-image: url("../../img3/main-bg.jpg");
     background-size:100%;padding: 120px 0 80px 0;
}

._cart-info h2 {
	font-size: 24px;
	margin: 0 0 8px 0;
}
._cart-info h3 {
	margin: 0 0 8px 0;
	font-size: 24px;
    display: flex;
    justify-content: space-between;
    padding: 0 0 8px 0;
}
._cart-info p, ._cart-prices p {
	margin: 0 0 8px 0;
    display: flex;
    justify-content: space-between;
    padding: 8px 0 0 0;
}
._cart-prices p {
	margin: 0 0 8px 0;
    border-top: dotted 1px #635535;
    padding: 8px 0 0 0;

}
._cart-info hr {
	margin: 0 0 24px 0;
}
 ._order table, .checkout table {
     width:100%;
     font-size: 16px;
     margin: 0 0 32px 0;
}
/* =============================================Footer */
 #footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	 position: relative;
}
#footer:before {
	content: "";
	position: absolute;
	top: -34px;
	height: 34px;
	width: 100%;
	background-image: url("../../img3/footer-top.png");
}
#footer .logo {
	margin: 0 0 24px 0;
}
 #footer ul {
     margin-bottom: 16px;
     text-align: center;
     padding: 0;
}
 #footer p {
     color: #999999;
     text-align: center;
     font-size: 13px;
	 margin: 0 0 8px 0;
}
 #footer a {
     color: #999999;
     font-size: 13px;
}
 #footer .copyright li {
     display: inline-block;
     list-style: none;
     padding: 0 8px;
}
 #footer .logo {
     max-width: 200px;
}
 .drinkaware {
     max-width: 100px;
}
 ul.icons {
     list-style: none;
     padding-left: 0;
}
 ul.icons li {
     display: inline-block;
     padding: 0 8px;
}
 .social img {
     width: 40px;
     height: 40px;
}