body, html{
	font-family: "Montserrat";
	font-size: 12px;
}
.container-fluid{
	max-width: 117.5rem;
}
.container{
	max-width: 105rem;
}
img{
	max-width: 100%;
}
#logo{
	width: 31.94rem;
	height: auto;
}
.dual-nav {
    min-width: 21.875rem;
}
header nav .nav-item {
    font-size: 1.125rem;
    text-transform: uppercase;
    color: #3d7dca;
    font-weight: 500;
}
header nav .nav-item a{
	margin: 0 0.3rem;
}
header nav .nav-item .nav-link{
	color: #3d7dca;
}
#search-label{
	text-transform: uppercase;
	font-size: 1.125em;
}
.prev img, .next img{
	height: 2.313rem;
	width: auto;
}
.social-link img{
	width: 2.25rem;
	height: auto;
}

header nav li.nav-item.active > a{
    background: #fffabd;
}
header nav li.nav-item.active > a span{
	display: block;
}

#slider{
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #326ab4;
	background-position: center;
}
#slider.find-linas-slider{
	background-position: center left;
}
#slider .slide{
	position: relative;
	/* height: 50rem; */
	color: #fff;
	font-size: 1.25rem;
	font-style: italic;
}

#slider.slider-small, #slider.slider-small .slide{
	height: 30.063rem;
}

#slider .slide img{
	/* position: absolute;
	bottom: -10.188rem;
	right: 0;
	width: 100%;
	width: 68.69rem;
	height: auto; */
	position: absolute;
	bottom: -26rem;
	right: 3rem;
	width: 100%;
	width: 65rem;
	height: auto;
}
#slider .slide img#lemon{
	width: 15.25rem;
	height: auto;
	max-width: 100%;
	left: -3.125rem;
	right: auto;
	bottom: -6.875rem;
}

/* New Styles */
.title-holder{
	line-height: 3.5rem;
	margin-bottom: 1.875rem;
	text-align: center;
}
.top-title{
	font-size: 3.438rem;
	font-weight: 100;
	padding-top: 5%;
	font-style: normal;
}
.middle-title{
	font-size: 3.813rem;
	font-weight: 100;
	font-style: normal;
	color: #fff799;
	text-transform: uppercase;
}
.bottom-title{
	font-size: 4.188rem;
	font-family: 'Thirsty Script';
	text-align: center;
}

.slider-content {
    line-height: 2.5rem;
	margin-bottom: 1.875rem;
}
.btn.slider-button{
	background: #fffabd;
	color: #25408f;
	font-weight: 700;
	font-size: 1rem;
	font-style: normal;
    text-transform: uppercase;
    display: block;
    max-width: 10.69rem;
    margin: 0 auto;
}

img#slide-bottle {
	position: initial;
	/* bottom: -26rem;
	right: 3rem;
	width: 100%;
	width: 65rem;
	height: auto; */
}

img#lemon{
	/* width: 15.25rem;
	height: auto;
	max-width: 100%;
	left: -3.125rem;
	right: auto;
	bottom: -6.875rem; */
	margin-bottom: -7rem;
    margin-top: -5rem;
    z-index: 9999;
	position: absolute;
}

/* Original Styles */
#slider .slide .slider-title-holder{
	line-height: 3.5rem;
	margin-bottom: 1.875rem;
}
#slider .slide .slider-top-title{
	font-size: 3.438rem;
	font-weight: 100;
	padding-left: 90px;
	font-style: normal;
}
#slider .slide .slider-middle-title{
	font-size: 3.813rem;
	font-weight: 100;
	font-style: normal;
	color: #fff799;
	text-transform: uppercase;
}
#slider .slide .slider-bottom-title{
	font-size: 4.188rem;
	font-family: 'Thirsty Script';
	text-align: right;
}
#slider .slide .slider-content {
    line-height: 2.5rem;
	margin-bottom: 1.875rem;
}
#slider .slide .btn.slider-button{
	background: #fffabd;
	color: #25408f;
	font-weight: 700;
	font-size: 1rem;
	font-style: normal;
    text-transform: uppercase;
    display: block;
    max-width: 10.69rem;
    margin: 0 auto;
}
.btn{
	border-radius: 0;
}
.btn-primary{
	background: #284f8a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.125rem;
    padding: .375rem 1rem;
}
#main{
	background: url(images/border.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 9.375rem;
}
#main.home{
	padding-top: 10rem;
}
#main.our-story {
    padding-top: 6.25rem;
}
.navigation-row{
	margin-bottom: 2rem;
}
.home .navigation-cards {
    padding: 3rem 3rem 0 3rem;
}
.nc-thumb{
	width: 100%;
    padding-bottom: 50%;
	background-size: cover;
	background-color: #93a5b3;
	display: block;
	position: relative;
	margin-bottom: 3.75rem;
	color: #3d7dca;
	background-size: cover;
    background-position: center center;
}
.nc-title{
	position: absolute;
    bottom: -1.875rem;
    left: 50%;
    transform: translate(-50%, 0);
    background: #fffabd;
    width: 90%;
    max-width: 28.94rem;
    text-align: center;
    padding: 0.6875rem;
    font-size: 1.875rem;
    text-transform: uppercase;
    font-weight: 500;
	cursor: pointer;
}
.home .nc-title{
	font-size: 1.5rem;
}
.nc-style-2 .nc-title{
	transform: translate(-50%, 0) rotate(-5deg);
	max-width: 16.81rem;
}
.nc-style-2 .nc-title span{
	transform: rotate(5deg);
	display: block;
}
.title-style-1{
	font-size: 5.25rem;
	font-family: 'Thirsty Script';
	color: #3d7dca;
	text-align: center;
	margin-bottom: 2.5rem;
}
.title-style-1:before{
	content: "";
    background-image: url(images/lemon-peel.png);
    background-size: 100% 100%;
    display: inline-block;
    width: 9.75rem;
    height: 4.625rem;
	/* margin-left: -9.75rem; */
}
.title-style-2{
	font-size: 7.313rem;
	font-family: 'Thirsty Script';
	color: #3d7dca;
	text-align: center;
	line-height: 4.9rem;
}
.title-style-2:after{
	content: "";
    background-image: url(images/title-decoration.png);
    background-size: 100% 100%;
    width: 23.13rem;
    height: 1.25rem;
	display: block;
	margin-top: 1.4rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.5rem;
	line-height: 0;
}
.title-style-3 span{
	font-family: "Montserrat";
	display:block;
	line-height: 2rem;
	font-weight: 500;
	font-size: 1.875rem;
	color: #1e376c;
	text-transform: uppercase;
}
.title-style-3{
	font-size: 4.625rem;
	font-family: 'Thirsty Script';
	color: #3d7dca;
	text-align: center;
	line-height: 4.9rem;
}
.title-style-3:after{
	content: "";
    background-image: url(images/title-decoration-small.png);
    background-size: 100% 100%;
    width: 10.5rem;
    height: 1.313rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.5rem;
	line-height: 0;
}

.title-style-4{
	font-size: 7.313rem;
	font-family: 'Thirsty Script';
	color: #fff;
	text-align: right;
	width: 100%;
	line-height: 6.5rem;
}
.title-style-4:after{
	content: "";
    background-image: url(images/title-decoration-white.png);
    background-size: 100% 100%;
    width: 23.13rem;
    height: 1.25rem;
	display: block;
	margin-left: auto;
	margin-right: 0;
	margin-top: 1.4rem;
	margin-bottom: 2.5rem;
	line-height: 0;
}
.slide .title-style-4:after{
	margin-bottom: 5rem;
}
.title-style-5{
	text-transform: uppercase;
	font-size: 2.563rem;
	color: #284f8a;
	display: inline-block;
}
.title-style-5 > span{
	font-size: 7.313rem;
	font-family: 'Thirsty Script';
	text-transform: none;
	color: #3d7dca;
	text-align: right;
	width: 100%;
	line-height: 4.9rem;
	vertical-align: middle;

}
.title-style-5:after{
	content: "";
    background-image: url(images/title-decoration-find.png);
    background-size: 100% 100%;
    width: 23.13rem;
    height: 1.25rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
	line-height: 0;
	margin-top: 1.2rem;
	text-align: center;
}

.title-style-6{
	text-transform: uppercase;
	font-size: 2.563rem;
	color: #284f8a;
}
.title-style-6 > span{
	font-size: 7.313rem;
	font-family: 'Thirsty Script';
	text-transform: none;
	color: #3d7dca;
	text-align: right;
	width: 100%;
	line-height: 4.9rem;
	vertical-align: middle;
	position: relative;
}
.title-style-6 > span > span {
    position: absolute;
    font-family: "Montserrat";
    text-transform: uppercase;
    font-size: 1.813rem;
    color: #284f8a;
	bottom: -0.7em;
    left: 3.5em;
}
.title-style-6:after{
	content: "";
    background-image: url(images/title-decoration-contact.png);
    background-size: 100% 100%;
    width: 30.69rem;
    height: 1.25rem;
	display: block;
	margin-left: auto;
	margin-right: 0;
	line-height: 0;
	margin-top: 2.7rem;
	text-align: center;
}

.title-style-7{
	font-size: 5.063rem;
	font-family: 'Thirsty Script';
	color: #fff;
	text-align: right;
	width: 100%;
	line-height: 4.9rem;
}
.title-style-7:after{
	content: "";
    background-image: url(images/title-decoration-white.png);
    background-size: 100% 100%;
    display: block;
    width: 23.13rem;
    height: 1.25rem;
	margin-right: 0;
    margin-left: auto;
	margin-bottom: 2.5rem;
	line-height: 0;
}

.title-style-8{
	font-size: 7.313rem;
	color: #3d7dca;
	display: inline-block;
	font-family: 'Thirsty Script';
	position: relative;
	z-index: 2;
	padding-left: 6.875rem;
	margin-bottom: 4rem;
}
.title-style-8 > span{
    text-transform: uppercase;
    font-family: "Montserrat";
    font-size: 2.563rem;
    display: inline-block;
    line-height: 4.9rem;
    vertical-align: top;
    margin-right: -4.125rem;
}
.title-style-8:after{
	content: "";
    background-image: url(images/title-decoration-our-story.png);
    background-size: 100% 100%;
    display: block;
    width: 23.13rem;
    height: 1.25rem;
	line-height: 0;
	margin-top: -0.5rem;
	text-align: center;
}
.title-style-8-holder img {
    position: absolute;
    z-index: 1;
}
.magnifier-title{
	width: 5.563rem;
	height: auto;
}
.lemon-title{
	width: 10.13rem;
	height: auto;
}
.photos-holder{
	margin-top: -11.25rem;
	margin-bottom: 4rem;
}
.story-photos{
	width: 34.69rem;
	height: auto;
}
.story-bottle{
	width: 13rem;
	height: auto;
}
.inverted-wrap.not-recipe {
    margin-top: 0;
    z-index: -3;
}
.our-story p{
	font-size: 1.8rem;
	font-style: italic;
	line-height: 3rem;
	font-weight: 400;
	color: #464646;
}
footer{
	border-top: 10px solid #3d7dca;
	background: #284f8a;
	color: #fefbdb;
	padding: 1em 0;
}
footer .nav-item a.nav-link{
	font-size: 1.125rem;
	text-transform: uppercase;
	font-weight: 500;
	padding: .5rem 2rem;
}
footer a, footer a:hover, footer a:visited, footer a:active{
	color: #fefbdb;
}
footer #copyright{
	font-size: 1.125rem;
	font-weight: 500;
	color: #93a5b3;
}
li.nav-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
li.nav-item:after {
    content: " | ";
}
li.nav-item.last-item:after{
	content: " ";
}
.social-nav{
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.social-nav .social-link{
	padding: .5rem 1rem;
}
.sidebar-nav, .sidebar-nav > li > ul{
	list-style: none;
	padding: 0;
}
.sidebar-nav > li{
	margin-bottom: 4rem;
}
.sidebar-nav > li > ul > li{
	font-size: 1.5rem;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	padding: 0.5rem 1rem 0.5rem 120px;
}
.sidebar-nav > li > ul > li.active{
	background: #fdfbe2;
}
.sidebar-nav > li > ul > li a{
	color: #1e376c;
	position: relative;
	text-decoration: none;
}
.sidebar-nav > li > ul > li.active a:before{
	content: "";
    background-image: url(images/lemon-peel-small.png);
    background-size: 100% 100%;
    width: 5.125rem;
    height: 3.375rem;
	display: block;
	position: absolute;
	left: -6.25rem;
	top: 50%;
	transform: translate(0, -50%);
}
.sidebar-category{
	background-size: cover;
	background-repeat: no-repeat;
	height: 8.438rem;
	padding: 0 2rem;
	margin-bottom: 3.125rem;
	cursor: pointer;
}
.sidebar-category .sidebar-category-title{
	max-width: 16.81rem;
	color: #3d7dca;
	font-weight: 500;
	font-size: 1.875rem;
	text-transform: uppercase;
	width: 100%;
	padding: 0.8rem 0.3rem 0.8rem 1.5rem;
	line-height: normal;
	cursor: pointer;
}
.sidebar-category .sidebar-category-title span{
	display: block;
}
.content-wrap{
	padding: 0.5rem;
}
.inverted-wrap{
	overflow: hidden;
	position: relative;
}
.inverted-corner {
	box-sizing:border-box;
	position: relative;
	background-color: transparent;
	border: solid #284f8a 0.1875rem;
}
.content-inner{
	border: 0;
	background: #fdfbe2;
	padding: 4.375rem;
	color: #1e376c;
	font-size: 1.5rem;
	line-height: 3rem;
}
.content-inner span {
	font-weight: 500;
}
.not-recipe .content-inner{
	font-size: 1.8rem;
    font-style: italic;
    line-height: 3rem;
    font-weight: 400;
    color: #464646;
}
.top, .bottom {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 100;
}
.sublevel .top, .sublevel .bottom{
	z-index: 99;
}
.top:before, .top:after, .bottom:before, .bottom:after{
	content:" ";
	position:absolute;
	width: 7.875rem;
    height: 7.875rem;
	background-color: #fff;
	border: solid #284f8a 0.1875rem;
	border-radius: 100%;
}
.sublevel .top:before,.sublevel .top:after,.sublevel .bottom:before,.sublevel .bottom:after{
	border: 0;
}
.top:before {
	top: -3.938rem;
	left: -3.938rem;
}

.top:after {
	top: -3.938rem;
	right: -3.938rem;
}

.bottom:before {
	bottom: -3.938rem;
	left: -3.938rem;
}

.bottom:after {
	bottom: -3.938rem;
	right: -3.938rem;
}
.content-holder{
	z-index: 101;
	position: relative;
}
.content-navigation {
    z-index: 101;
    position: absolute;
    width: 100%;
}
.content-navigation .prev, .content-navigation .next{
	padding-left: 0.7rem;
    padding-top: 0.3rem;
}
.content-navigation .next{
	padding-right: 0.7rem;
}

#search-label {
    flex: 0 0 auto;
}

input, .form-control{
	border-radius: 0;
}
.border{
	border-color: #acacac!important;
}
#map{
	margin-top: 2rem;
}
.contact-text, .contact-text a{
	font-size: 1.125rem;
	color: #284f8a;
}
.contact-container{
	max-width: 59.63rem;
}
label{
	font-size: 1.125rem;
	text-transform: uppercase;
}
button[type="submit"], input[type="submit"]{
	background: #284f8a;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.125rem;
	padding: .375rem 3.7rem;
}
.recipe-thumb{
	border-radius: 100%;
}
.square-thumb {
    width: 15rem;
	height: 15rem;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    float: none;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 2rem;
	shape-outside: circle(50%);
}
.inner-content.recipe-type-2{
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 400;
}

.recipe-ingredients, .recipe-ingredients ul{
	padding-left: 0;
	list-style: none;
	font-weight: 400;
}
.recipe-ingredients .large-category{
	display: block;
	float: none;
	width: 100%;
	margin-bottom: 1rem;
}
.recipe-ingredients .large-category span{
	font-weight: 500;
}
h3.directions-title{
	font-size: 1.125rem;
}
.recipe-ingredients, .recipe-directions,.recipe-copyright{
	margin-top: 3rem;
}
.recipe-copyright, .recipe-by{
	text-align: center;
	font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 400;
}
.recipe-copyright{
	margin-bottom: -2.5rem;
}
.recipe-by{
	margin-top: -1rem;
	margin-bottom: 1rem;
}
.modal-dialog{
	width: 53.13rem;
	height: 56.25rem;
	max-width: 80%;
	max-height: 80%;
	box-shadow: 0px 0px 32.68px 5.32px rgba(35, 31, 32, 0.73);
}
.modal-dialog-centered{
	min-height: 0;
}
.modal.show .modal-dialog {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    margin: 0;
}
.modal-header{
	background: #3d7dca url(images/popover-title-background.png);
	position: relative;
	display: block;
}
.modal-header .modal-title img{
	max-height: 100%;
}
.modal-content {
    height: 100%;
}
.modal-title{
	text-align: center;
	width: 100%;
	max-height: 100%;
}
.modal-header .close {
	position: absolute;
	width: 1.688rem;
    height: 1.688rem;
    color: #fff;
    background: #000;
    border-radius: 50%;
    opacity: 1;
    font-size: 0.875rem;
    line-height: 0.875rem;
    padding: 0;
    font-weight: 500;
	right: 0;
	top: 0;
}
.modal-body {
    background: url(images/border.png);
    background-repeat: repeat-x;
    background-position: top;
	padding-top: 4.563rem!important;
}
.modal-text{
	font-size: 1.313rem;
	color: #3d7dca;
	font-weight: 500;
	width: 100%;
}
.modal-text p{
	margin-bottom: 0;
}
.modal-text .btn.btn-dark.enter{
	margin-top: 3rem;
	margin-bottom: 1rem;
}
.modal-text .btn.btn-dark.no{
	margin: 3rem auto 3.5rem;
}
.modal-text .btn.btn-dark{
	outline:solid #000 0.4375rem;
	border: 0.0625rem solid #fff;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 2.125rem;
	font-weight: 500;
	padding: .3rem 4rem;
}
.modal-text .btn-dark:hover .modal-text .btn-dark:not(:disabled):not(.disabled).active, .modal-text .btn-dark:not(:disabled):not(.disabled):active, .modal-text .show>.btn-dark.dropdown-toggle{
	outline:solid #000 0.4375rem;
	border: 0.0625rem solid #fff;
	background: #000;
	color: #fff;
}
.modal{
	background: rgba(61, 125, 202, 0.91);
}
#modal-logo{
	height: auto;
	width: 21.31rem;
}

.action-buttons{
	width: 100%;
	text-align: right;
	padding-right: 4rem;
}
.action-list{
	list-style: none;
}
.action-list li {
    margin-bottom: 1rem;
}
.action-button{
	display: inline-block;
}
.action-button a, .action-button a:hover{
	color: #1e376c;
	text-decoration: none;
	font-size: 1.5rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-right: 1rem;
}
.action-button a span{
	display: inline-block;
	line-height: 1.563rem;
}
.action-button a:after{
	display: block;
	margin-left: 0.5rem;
	content: " ";
	background-size: contain;
	background-repeat: no-repeat;
}
.action-button.share a:after{
	background-image: url(images/share.png);
	height: 2.063rem;
	width: 2.25rem;
}

.action-button.email a:after{
	background-image: url(images/email.png);
	height: 1.563rem;
	width: 2rem;
}

.action-button.print a:after{
	background-image: url(images/print.png);
	height: 1.938rem;
	width: 1.938rem;
}
ul.recipe-ingredients.dual {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
/* Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap*/
.container {
	padding: 60px 30px;
}
#lemon{
	display:none;
}
.photos-holder {
	margin-top: 0;
}
#sidebar{
	margin-top: 5rem;
}
#search-button{
	width: 2.25rem;
	height: auto;
}
header nav .nav-item .nav-link{
	width: 100%;
	text-align: center;
}
header li.nav-item:after {
	display: none;
}
.salute{
	width: 100%;
	text-align: right;
}
body{
	height: 100vh;
}
.limited-site{
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.home-slider .slider-content, #slide-bottle, .photos-holder{
	/* .home-slider .slider-content, .home-slider .slider-button, #slide-bottle, .photos-holder{ */
	display: none!important;
}

#mobile-bottle, .story-photos.onmobile{
	display: block;
}

.side-collapse-container{
	width:100%;
	position:relative;
	right:0;
	transition: all .4s;
}
.side-collapse-container.out{
	right:200px;
}
.side-collapse {
	top:0;
	bottom:0;
	right:0;
	width:200px;
	position:fixed;
	overflow:hidden;
	transition: width .4s;
}
.side-collapse nav{
	width: 200px;
}
.side-collapse-container.out .side-collapse-container-overlay {
    background: rgba(61, 125, 202, 0.91);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.side-collapse.in {
	width:0;
}
.side-collapse nav .nav-item {
    font-size: 1.7rem;
	border-top: 1px solid #3c7dc9;
}
.side-collapse nav .nav-item.last-item {
	border-bottom: 1px solid #3c7dc9;
}
.side-collapse nav .nav-item a{
    text-transform: uppercase;
	padding: 1rem 25px 1rem 1rem;
    color: #3d7dca;
    font-weight: 500;
	display: block;
	width: 100%;
	height: 100%;
}
.side-collapse li.nav-item:after{
	display: none;
}
.side-collapse .navbar-toggler-icon {
    text-transform: uppercase;
    color: #3d7dca;
    font-weight: 500;
    font-size: 2rem;
	line-height: 88px;
	vertical-align: top;
}
.side-collapse .navbar-toggler{
	line-height: 88px;
	text-align: right;
	padding-bottom: 0;
    padding-top: 0;
    margin: 0;
}
.side-collapse nav.social-nav {
    bottom: 0;
    position: absolute;
}
.side-collapse nav .nav-item.active {
    background: #fffbbe;
}
/* #slider.home-slider .slide {
    height: 50rem;
    padding-top: 3rem;
} */
.print-image{
	display: none;
	border-radius: 100%;
}
#logo-recipe {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
	display: none;
}
/*header{
    position: fixed;
    right: 0;
    left: 0;
    border-radius: 0;
    top: 0;
	background: #fff;
	z-index: 1;
}
body{
	margin-top: 88px;
}*/
.drink-thumb {
    max-width: 60%;
    margin: 0 auto;
    display: block;
}
.recipe-cards{
	margin: 0.3333333333333333rem;
	position: relative;
}
.rc-thumbnail.show .recipe-cards:before{
	content:" ";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
}
.rc-title{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	color: #fff;
	font-size: 4rem;
	line-height: 4.5rem;
    text-align: center;
	font-family: 'Thirsty Script';
}
.rc-thumbnail.show .rc-title{
	display: block;
}

.recipes-nav{
			width: 100%;
			padding-left:0;
			height: 7rem;
		}
.r-nav-item {
    display: inline-flex;
    position: relative;
	padding: 1rem;
	height: 3.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.r-nav-item a{
	color: #3d7dca;
    font-weight: 600;
    text-transform: uppercase;
}
.r-nav-item.active > a{
	color: #1C366C;
	position: relative;
	text-decoration: none;
}
.r-nav-item.active > a:after{
	content: " ";
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -.5rem;
	height: 0.2rem;
	background: #1C366C;
}
.r-submenu {
    position: absolute;
    top: 100%;
	left: 50%;
    transform: translateX(-50%);
    display: none;
	z-index: 99999999;
	background: #fff;
	padding-left: 0;
}
.r-submenu.visibleMenu {
    display: inline-flex;
}
.r-submenu-link {
    font-size: 1.2rem;
}
.card.news-article {
    border: 0;
	text-align: center;
	margin-bottom: 3rem;
}
/*.card.news-article h5, .card.news-article p{
	text-align: left;
}*/
.news-article .card-title {
    font-family: 'Thirsty Script';
    font-size: 3rem;
    letter-spacing: .1rem;
    color: #3d7dca;
	margin-bottom: 2rem;
}
.news-article .card-text {
    font-size: 1.8rem;
}
.news-article .btn{
	font-size: 1.7rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: .7rem 1.5rem;
    margin-top: 1rem;
}
.clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

/* Small devices (portrait phones, 320px and up)
@media (min-width: 0) and (max-width: 575.98px) {
	
	#slider .slide img {
		position: initial;
	}

	#slider .slide .slider-title-holder {
		padding: 1rem;
	}

} */

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

	.contact-container {
		width: 100%;
		max-width: none;
	}
	.drink-thumb {
		max-width: 100%;
		margin: auto;
		display: inline-block;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.news-article .btn {
		font-size: 1.2rem;
	}
	.news-article .card-title {
		font-size: 2.2rem;
	}
	.news-article .card-text {
		font-size: 1.2rem;
	}
	.action-list li {
		margin-bottom: 0;
	}
	ul.recipe-ingredients.dual {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	.inner-content.recipe-type-2, .recipe-copyright, .recipe-by{
		font-size: 1.125rem;
	}
	/*header{
		position: relative;
		right: auto;
		left: auto;
		top: auto;
	}
	body{
		margin-top: 0;
	}*/
	.our-story p{
		font-size: 1.45rem;
	}
	.not-recipe .content-inner {
		font-size: 1.25rem;
	}
	.home-slider .slider-content, .home-slider .slider-button, #slide-bottle, .photos-holder{
		display: block !important;
	}
	#mobile-bottle, .story-photos.onmobile{
		display: none;
	}
	.inverted-wrap.not-recipe{
		margin-top: -9rem;
	}
	.home .navigation-cards{
		padding: 5rem;
	}
	.nc-thumb {
		padding-bottom: 100%;
	}
	header nav li.nav-item.active > a{

		transform: rotate(-5deg);
	}
	header nav li.nav-item.active > a span{
		transform: rotate(5deg);
	}
	header nav li.nav-item.active > .dropdown-toggle:after {
	    display: none;
	}
	header nav .nav-item .nav-link{
		width: auto;
	}
	header li.nav-item:after {
		display: block;
	}
	.square-thumb{
		float: right;
		margin-left: auto;
		margin-right: 0;
		margin-bottom: 0;
	}
	#sidebar{
		margin-top: 0;
	}
	/* #slider .slide {
		height: 37rem;
	} */
	#lemon{
		display: block;
	}
	body, html{
		font-size: 12px;
	}
	header .navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.square-thumb {
		width: 23.75rem;
		height: 23.75rem;
	}
	/* #slider.home-slider .slide {
		height: 50rem;
		padding-top: 0;
	} */
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	header .navbar-expand-md .navbar-nav .nav-link {
		padding-right: 2rem;
		padding-left: 2rem;
	}
	.recipe-ingredients .large-category{
		width: 50%;
		float: left;
	}
	body, html{
		font-size: 12px;
	}
	.photos-holder {
		margin-top: -11.25rem;
	}
	.story-photos{
		margin-left: 10rem;
	}
	.story-bottle{

	}

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	body, html{
		font-size: 12px;
	}

}

@media (min-width: 1920px) {
	body, html{
		font-size: 16px;
	}
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* ==============
	FONTS
============== */
@font-face {
    font-family: 'Thirsty Script';
    src: url('fonts/ThirstyScriptLight.eot');
    src: url('fonts/ThirstyScriptLight.eot?#iefix') format('embedded-opentype'),
	url('fonts/ThirstyScriptLight.woff2') format('woff2'),
	url('fonts/ThirstyScriptLight.woff') format('woff'),
	url('fonts/ThirstyScriptLight.ttf') format('truetype'),
	url('fonts/ThirstyScriptLight.svg#ThirstyScriptLight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraLight.eot');
    src: url('fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-ExtraLight.woff2') format('woff2'),
	url('fonts/Montserrat-ExtraLight.woff') format('woff'),
	url('fonts/Montserrat-ExtraLight.ttf') format('truetype'),
	url('fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Black.eot');
    src: url('fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Black.woff2') format('woff2'),
	url('fonts/Montserrat-Black.woff') format('woff'),
	url('fonts/Montserrat-Black.ttf') format('truetype'),
	url('fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraLightItalic.eot');
    src: url('fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
	url('fonts/Montserrat-ExtraLightItalic.woff') format('woff'),
	url('fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'),
	url('fonts/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-MediumItalic.eot');
    src: url('fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-MediumItalic.woff2') format('woff2'),
	url('fonts/Montserrat-MediumItalic.woff') format('woff'),
	url('fonts/Montserrat-MediumItalic.ttf') format('truetype'),
	url('fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBold.eot');
    src: url('fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-ExtraBold.woff2') format('woff2'),
	url('fonts/Montserrat-ExtraBold.woff') format('woff'),
	url('fonts/Montserrat-ExtraBold.ttf') format('truetype'),
	url('fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-BoldItalic.eot');
    src: url('fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-BoldItalic.woff2') format('woff2'),
	url('fonts/Montserrat-BoldItalic.woff') format('woff'),
	url('fonts/Montserrat-BoldItalic.ttf') format('truetype'),
	url('fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.eot');
    src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Medium.woff2') format('woff2'),
	url('fonts/Montserrat-Medium.woff') format('woff'),
	url('fonts/Montserrat-Medium.ttf') format('truetype'),
	url('fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBoldItalic.eot');
    src: url('fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
	url('fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
	url('fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'),
	url('fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Thin.eot');
    src: url('fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Thin.woff2') format('woff2'),
	url('fonts/Montserrat-Thin.woff') format('woff'),
	url('fonts/Montserrat-Thin.ttf') format('truetype'),
	url('fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Bold.woff2') format('woff2'),
	url('fonts/Montserrat-Bold.woff') format('woff'),
	url('fonts/Montserrat-Bold.ttf') format('truetype'),
	url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBoldItalic.eot');
    src: url('fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
	url('fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
	url('fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'),
	url('fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Regular.woff2') format('woff2'),
	url('fonts/Montserrat-Regular.woff') format('woff'),
	url('fonts/Montserrat-Regular.ttf') format('truetype'),
	url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.eot');
    src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
	url('fonts/Montserrat-SemiBold.woff') format('woff'),
	url('fonts/Montserrat-SemiBold.ttf') format('truetype'),
	url('fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-LightItalic.eot');
    src: url('fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-LightItalic.woff2') format('woff2'),
	url('fonts/Montserrat-LightItalic.woff') format('woff'),
	url('fonts/Montserrat-LightItalic.ttf') format('truetype'),
	url('fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Italic.eot');
    src: url('fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Italic.woff2') format('woff2'),
	url('fonts/Montserrat-Italic.woff') format('woff'),
	url('fonts/Montserrat-Italic.ttf') format('truetype'),
	url('fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ThinItalic.eot');
    src: url('fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-ThinItalic.woff2') format('woff2'),
	url('fonts/Montserrat-ThinItalic.woff') format('woff'),
	url('fonts/Montserrat-ThinItalic.ttf') format('truetype'),
	url('fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.eot');
    src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-Light.woff2') format('woff2'),
	url('fonts/Montserrat-Light.woff') format('woff'),
	url('fonts/Montserrat-Light.ttf') format('truetype'),
	url('fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-BlackItalic.eot');
    src: url('fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Montserrat-BlackItalic.woff2') format('woff2'),
	url('fonts/Montserrat-BlackItalic.woff') format('woff'),
	url('fonts/Montserrat-BlackItalic.ttf') format('truetype'),
	url('fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

/* Stamped Review Widget */
#stamped-reviews-widget[data-widget-type=carousel] {
	max-width: 75vw !important;
}

/* Start NearestYou Embed */
#crtgrphr-embed-target {
	font-size: 16px;
    padding: 20px 0px !important;
    max-width: 90% !important;
}

.crtgrphr-select {
	color: black;
	font-size: 16px;
}

.crtgrphr-button {
	font-size: 16px;
}
/* End NearestYou Embed */