@font-face {
	font-family: 'Gotham';
	src: url('../fonts/Gotham-Book.otf') format('opentype');
	font-weight:400;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/Gotham-Bold.otf') format('opentype');
	font-weight:700;
}

@font-face {
	font-family: 'Gotham-Italic';
	src: url('../fonts/Gotham-LightItalic.otf') format('opentype');
	font-weight:300;
	font-style:italic;
}

@font-face {
	font-family: 'Gotham-Italic';
	src: url('../fonts/Gotham-BookItalic.otf') format('opentype');
	font-weight:400;
	font-style:italic;
}

html {
	font-family: 'Gotham';
    font-size: 1em;
    line-height: 1.33em;
    color: #000000;
    background-color:#ffffff;
}

b,strong {font-weight: 700;}

ol,ul{
	font-family: 'Gotham', sans-serif;
	margin:0 0 0 1.4em;
	padding:0;
}
ol > li, 
ul > li{
	margin:0 0 1em 0;
	font-size:1em;
}

ol:last-child > li:last-child, 
ul:last-child > li:last-child{
	margin:0 0 0 0;
}
ul.list-style-none{
	margin:0;
	list-style-type: none !important;
}
ul.list-style-none li,
ul.list-style-none li:last-child{
	margin-bottom:1.425em;
}

ol.small-list,
ul.small-list{
	margin:0 0 1em 1.1em;
	padding:0;
}
ol.small-list > li,
ul.small-list > li{
	margin:0 0 0 0;
	font-family: 'Gotham', sans-serif;
	font-size:0.9375rem;
	line-height:1.5em;
}

@media only screen and (max-width: 40em){ /* 640px */ 

	ol.small-list > li,
	ul.small-list > li{
		font-size:1rem;
	}

}

/* TYPOGRAPHY END */

/* COLORS START */

p.text-color-purple,.text-color-purple{color:#563256;}
h1.text-color-pink,h2.text-color-pink,p.text-color-pink,.text-color-pink{color:#ac95c2;}
p.text-color-green,.text-color-green{color:#576154;}
p.text-color-grey,.text-color-grey{color:#576154;}
p.text-color-grey,.text-color-7f7f7f{color:#7f7f7f;}
p.text-color-white,.text-color-white{color:#ffffff !important;}
p.text-color-yellow,.text-color-yellow{color:#fef200;}
h1.text-color-blue,h2.text-color-blue,p.text-color-blue,.text-color-blue{color:#001f5b;}

.color-7f7f7f{color:#7f7f7f !important;}

.bg-color-efefef{background-color:#efefef;}
.bg-color-703393{background-color:#703393;}


section.bg-color-purple h1,
section.bg-color-purple h1.size32,
section.bg-color-purple h2,
section.bg-color-purple h2.size32{
	color:#ac95c2;
}
section.bg-color-purple p,
section.bg-color-purple li{
	color:#ffffff;
}
section.bg-color-pink p,
section.bg-color-pink li{
	color:#ffffff;
}

/* COLORS END */

/* BASIC LAYOUT START */

.site-container{width:100%;max-width:1920px;margin:0 auto;}
.max-width-1300{width:90%;max-width:1300px;margin:0 auto;}
.max-width-1100{width:90%;max-width:1100px;margin:0 auto;}
.max-width-1080{width:90%;max-width:1080px;margin:0 auto;}
.max-width-1030{width:90%;max-width:1030px;margin:0 auto;}
.max-width-890{width:90%;max-width:890px;margin:0 auto;}
.max-width-850{width:90%;max-width:850px;margin:0 auto;}
.max-width-600{width:90%;max-width:600px;margin:0 auto;}

.full-width{width:100% !important;}

.pos-abs{position: absolute;}
.pos-rel{position: relative;}
.pos-static{position: static;}

.display-flex{display:flex;height:100%;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap{flex-wrap:nowrap;}

.flex-justify-start{justify-content:flex-start;}
.flex-justify-end{justify-content:flex-end;}
.flex-justify-center{justify-content:center;}
.flex-justify-between{justify-content:space-between;}
.flex-justify-around{justify-content:space-around;}
.flex-justify-evenly{justify-content:space-evenly;}

.flex-align-items-start{align-items:flex-start;}
.flex-align-items-end{align-items:flex-end;}
.flex-align-items-center{align-items:center;}
.flex-align-items-stretch{align-items:stretch;}
.flex-align-items-baseline{align-items:baseline;}

.flex-align-content-start{align-content:flex-start;}
.flex-align-content-end{align-content:flex-end;}
.flex-align-content-stretch{align-content:stretch;}
.flex-align-content-center{align-content:center;}
.flex-align-content-between{align-content:space-between;}
.flex-align-content-around{align-content:space-around;}

.flex-mobile-col-100{
	box-sizing: border-box;
	width:100%;
	margin-bottom:1.5rem;
}

@media screen and (min-width: 40em) {
	.flex-width-14{box-sizing: border-box;margin-bottom:0rem;width:14%;}
	.flex-width-17{box-sizing: border-box;margin-bottom:0rem;width:17%;}
	.flex-width-25{box-sizing: border-box;margin-bottom:0rem;width:25%;}
	.flex-width-32{box-sizing: border-box;margin-bottom:0rem;width:32%;}
	.flex-width-45{box-sizing: border-box;margin-bottom:0rem;width:45%;}
	.flex-width-49{box-sizing: border-box;margin-bottom:0rem;width:49%;}
	.flex-width-68{box-sizing: border-box;margin-bottom:0rem;width:68%;}
	.flex-width-69{box-sizing: border-box;margin-bottom:0rem;width:69%;}
}

.text-align-left{text-align: left !important;}
.text-align-center{text-align: center !important;}
.text-align-right{text-align: right !important;}
.vertical-align-top{vertical-align:top;}
.vertical-align-middle{vertical-align:middle;}
.vertical-align-bottom{vertical-align:bottom;}

.table{display:table;width:100%;}
.table .tr{display:table-row;}
.table .td{display:table-cell;}
.table.vertical-align-middle{height:100%;}
.table.vertical-align-middle .td{height:100%;vertical-align:middle;}

.hide-overflow{overflow:hidden;}

hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

.margin-top-none{margin-top:0 !important;}

/* BASIC LAYOUT START END */

/* PAGE GLOBAL ELEMENTS START */

@media only screen and (max-width: 30em){ /* 480px */ 

	.mobile-hide{
		display:none;
	}

}

/* Header and Logo * old /

.site-logo{
	position: relative;
    width:90%;
	max-width:1030px;
	margin:0 auto;
	padding:3rem 1rem;
	text-align:center;
}

@media only screen and (max-width: 48em){
	
	.site-logo > a > img{
		width:auto;
		height:40px;
	}

}

*/

/* Global Nav Bar */

.global-nav{
	padding:15px 0;
	background-color:#d7dad6;
}

.global-nav .store-locator-button{
	width:350px;
	float:left;
}

.global-nav .store-locator-button a{
	display:inline-block;
	box-sizing: border-box;
	width:164px;
	height:22px;
	padding-left:32px;
	background:url("../../media/images/global/store-locator-button-bg.png") center center no-repeat;
	font-family: 'Baskerville', serif;
	font-size:15px;
	line-height:22px;
	vertical-align: middle;
	color:#fff;
	text-decoration: none;
}

.global-nav .store-locator-button span{
	font-family: 'Baskerville', serif;
	font-size:15px;
	line-height:22px;
	vertical-align: middle;
	color:#576154;
}

.global-nav .links > a{
	display: inline-block;
	padding:0 8px;
	line-height:22px;
	vertical-align: middle;
	text-decoration: none;
}

.global-nav .links > a img{
	position: relative;
	top:-2px;
}

.global-nav .links{
	width:150px;
	float:right;
	text-align:right;
}

.global-nav .links div{
	display:inline-block;
}

.global-nav .links div a{
	display:inline-block;
	padding-left:7px;
	font-family: 'Baskerville', serif;
	font-size:15px;
	line-height:22px;
	vertical-align: middle;
	color:#576154;
	text-decoration: none;
}
.global-nav .links > div:before{
	display:inline;
	content:'|   ';
	font-family: 'Baskerville', serif;
	font-size:15px;
	line-height:22px;
	vertical-align: middle;
	color:#576154;
}

@media only screen and (max-width: 40em){ /* 640px */ 

	.global-nav{
		padding:10px 0;
	}

	.global-nav .store-locator-button{
		width: 140px;
	}
		
	.global-nav .store-locator-button a{		
		width: 132px;
		height: 22px;
		padding-left: 20px;
		background-size:100% 22px;
	}

	.global-nav .links{
		width: 140px;
	}

	.global-nav .store-locator-button span {
		display:none;
	}


}


@media only screen and (max-width: 30em){ /* 480px */ 

	.mobile-hide{
		display:none;
	}

}

/* Header and Logo */

.site-logo{
	position: relative;
    width:90%;
	max-width:1030px;
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #ac95c2;
}

@media only screen and (max-width: 48em){ /* 768px */
	
	.site-logo > a > img{
		width:auto;
		height:80px;
	}

}

/* Navigation */

.nav-container{
    width:90%;
	max-width:1030px;
	margin:0 auto;
	position: relative;
}

.nav-container nav{
    width:100%;
	max-width:1920px;
	margin:0 auto 22px auto;
}

.nav-container nav > ul{
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
}

.nav-container nav > ul > li{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	font-family: 'Baskerville', serif;
	font-size:18px;
	line-height:1.2em;
}

.nav-container nav > ul > li > a{
	display:inline-block;
	margin:0;
	padding:10px 18px;
	font-family: 'Baskerville', serif;
	font-size:18px;
	line-height:1.2em;
	color:#8445ad;
	text-decoration: none;
}
.nav-container nav > ul > li a:hover,
.nav-container nav > ul > li.on a:hover{
	color:#ac95c2;
}

.nav-container nav > ul > li.has-dropdown > a:after{
	position: relative;
	top:-2px;
	display:inline-block;
	width: 0;
	height: 0;
	margin-left:12px;
	content:' ';
	border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #8445ad;
}

.nav-container nav > ul > li > ul{
	position: absolute;
	top:41px;
	left:-50%;
	list-style-type:none;
	display:none;
	width:200%;
	margin:0px 0 0px -10px;
	padding:8px 0;
	background-color:#fff;
	border:1px solid #ac95c2;
	z-index: 1200;
}
.nav-container nav > ul > li:hover ul{
	display:block;
}
.nav-container nav > ul > li > ul li{
	display:block;
	margin:0;
	padding:0;
}
.nav-container nav > ul > li > ul li a{
	display:inline-block;
	margin:0;
	padding:8px 20px;
	font-family: 'Baskerville', serif;
	font-size:18px;
	line-height:1.2em;
	color:#576154;
	text-decoration: none;
	text-align:left;
}
.nav-container nav > ul > li > ul li a:hover,
.nav-container nav > ul > li > ul li.on a:hover{
	color:#ac95c2;
}

.mobile-nav-btns{
	position: absolute;
	top:20px;
	right:0;
	display: none;
	width:40px;
	height:40px;
	overflow:hidden;
}
.mobile-nav-btns a{
	padding:5px;
	text-decoration: none;
}
.mobile-nav-btns a#openMobileNav{display:block;}
.mobile-nav-btns a#closeMobileNav{display:none;}
.mobile-nav-btns.open a#openMobileNav{display:none;}
.mobile-nav-btns.open a#closeMobileNav{display:block;}

@media only screen and (max-width: 61.25em) {

	.nav-container nav > ul > li > a {
		padding: 12px 10px;
		font-size: 16px;
		line-height: 1.2em;
	}

	.nav-container nav > ul > li > ul li a{
		font-size:16px;
		line-height:1.2em;
	}

}

@media only screen and (max-width: 48em){ /* 768px */

	.mobile-nav-btns{
		display: block;
	}

	.nav-container{
		position: relative;
		box-sizing:border-box;
		width:100%;
		margin:0 auto;
		padding:0 5%;
	}

	.nav-container nav{
		display:none;
		position: absolute;
		top:0;
		left:0;
		right:0;
		width:100%;
		max-width:1920px;
		margin:0 auto 22px auto;
		background-color:#ffffff;
		z-index: 1000;
		padding-top:28px;
	}

	.nav-container.open nav{
		display:block;
	}

	.nav-container nav > ul{
		padding:0 5%;
	}
	
	.nav-container nav > ul > li{
		display:block;
		font-size:18px;
		line-height:1.2em;
		border-bottom:1px solid #e9dae8;
	}
	
	.nav-container nav > ul > li > a{
		display:block;
		padding:10px 21px;
		font-size:20px;
		line-height:1.2em;
	}
	.nav-container nav > ul > li a:hover,
	.nav-container nav > ul > li.on a:hover{
		color:#bc90ba;
	}
		
	.nav-container nav > ul > li > ul{
		position: static;
		display:block;
		width:auto;
		margin:0;
		padding:0;
		border:0;
	}
	.nav-container nav > ul > li:hover ul{
		display:block;
	}
	.nav-container nav > ul > li > ul li{
		display:block;
		margin:0;
		padding:0;
		border-top:0px solid #e9dae8;
	}
	.nav-container nav > ul > li > ul li a{
		padding:10px 20px;
		font-size:16px;
		line-height:1.2em;
		text-align:center;
	}	

}

.scrolled .site-logo{
	margin-bottom:63px;
}

.scrolled .nav-area{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:999;
	background-color:#fff;
}
.scrolled .nav-area .primary-nav{
	margin-bottom:0;
}

/* Footer */

.site-footer{
	padding:26px 0 22px 0;
	background-color:#b5bab4;
}

.site-footer .footer-left{
	width:70%;
	float:left;
}

.site-footer .footer-left p{
	padding-left:162px;
	font-family: 'Baskerville', serif;
	font-size:15px;
	color:#576154;
	line-height:18px;
	background:url("../../media/images/global/pharmacare-logo@2x.jpg") left center no-repeat;
	background-size:auto 44px;
}

.site-footer .footer-right{
	width:25%;
	float:right;
}

@media only screen and (max-width: 81.25em) {

	.site-footer .footer-left{
		width:100%;
		float:none;
	}

	.site-footer .footer-right{
		float:none;
		display:none;
	}

}

@media only screen and (max-width: 40em) {

	.site-footer{
		padding:10px 0 12px 0;
		background-color:#b5bab4;
	}

	.site-footer .footer-left p{
		padding-left:110px;
		background-size:auto 38px;
		font-size:14px;
		line-height:16px;
	}

}

/* PAGE GLOBAL ELEMENTS END */

/* LAYOUT AREAS START */

/* Content Container */

.section-container{
	padding:1px 0;
}

.content-container{
	width:90%;
	max-width:1088px;
	margin:0 auto;
}

.content-section.center-text h1,
.content-section.center-text h2,
.content-section.center-text p{
	text-align:center;
}

article.content-section{
	margin:5.75em auto;
}

.content-section.top-content-margin{
	margin-top:5.75em;
}
.content-section.bottom-content-margin{
	margin-bottom:5.75em;
}

.content-section.faq h1,
.content-section.faq h2{
	width:90%;
	max-width:1040px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.content-section.faq p{
	width:90%;
	max-width:880px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

@media only screen and (max-width: 48em){ /* 768px */ 

	.content-section.faq{
		margin:4em auto;
	}

	article.content-section{
		margin:4em auto;
	}
	
	.content-section.top-content-margin{
		margin-top:4em;
	}
	.content-section.bottom-content-margin{
		margin-bottom:4em;
	}

}

/* 2 Col Centered Content */

.cols2-centered-content{
	margin:2.75em 0;
}

.cols2-centered-content .col{
	float:right;
	width:38.24%;
	margin:0em 5.88%;
}
.cols2-centered-content .col:first-child{
	float:left;
}
.cols2-centered-content .col h1,
.cols2-centered-content .col h2{
	margin-top:0;
}
.cols2-centered-content .col p{
	font-size:0.8125em;
	line-height:1.77em;
}
.cols2-centered-content .col p:last-child{
	margin-bottom:0;
}

@media only screen and (max-width: 48em){ /* 768px */ }

@media only screen and (max-width: 40em){ /* 640px */ 
	
	.cols2-centered-content{
		margin:0em 0;
	}

	.cols2-centered-content .col{
		float:none;
		width:80%;
		margin:2em 10%;
	}
	.cols2-centered-content .col:first-child{
		float:none;
	}
}
@media only screen and (max-width: 30em){ /* 480px */ 

}


/* 3 Col Content with Icons */

.cols3-centered-with-icons{
	margin:2.75em 0;
}

.cols3-centered-with-icons .col{
	float:left;
	width:30.1%;
	margin:0em 1.6%;
}
.cols3-centered-with-icons .col h1,
.cols3-centered-with-icons .col h2{
	margin-top:0;
}
.cols3-centered-with-icons .col p{
	font-size:0.8125em;
	line-height:1.77em;
}
.cols3-centered-with-icons .col p:last-child{
	margin-bottom:0;
}

@media only screen and (max-width: 48em){ /* 768px */ 
	.cols3-centered-with-icons{
		margin:0em 0;
	}
	
	.cols3-centered-with-icons .col{
		float:none;
		width:80%;
		margin:2em 10%;
	}
}

@media only screen and (max-width: 40em){ /* 640px */ 
	.cols3-centered-with-icons{
		margin:0em 0;
	}
	
	.cols3-centered-with-icons .col{
		float:none;
		width:80%;
		margin:2em 10%;
	}
}

/* 4 Cols Content Centered */

.cols4-centered{

}

.cols4-centered{
	margin:2.75em 0;
}
.cols4-centered .col{
	float:left;
	width:22.685%;
	margin:0em 1.1575%;
}
.cols4-centered .col h1,
.cols4-centered .col h2{
	margin-top:0;
}
.cols4-centered .col p{
	font-size:0.8125em;
	line-height:1.77em;
}

@media only screen and (max-width: 48em){ /* 768px */
	.cols4-centered .col{
		float:none;
		width:80%;
		margin:0.5em 10%;
	}
}


@media only screen and (max-width: 30em){ /* 480px */ 

	.cols4-centered {
		margin: 1.25em 0;
	}

	.cols4-centered .col{
		width:100%;
		margin:1.5em 0%;
	}

}

/* LAYOUT AREAS END */

/* CONTENT TYPES */

/* LINKS AND BUTTONS */

.link-purple-arrow{
	position: relative;
	display:block;
	margin:0.5em 0;
	padding:4px 0px;
	font-family: 'Gotham';
	font-size:0.75em;
	font-weight:600;
	color:#8445ac;
	text-decoration: none;
}

.link-purple-arrow span:after {
    position: relative;
    top: 0px;
    left: 8px;
    display: inline-block;
    content: ' ';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #8445ac;
}

.button-purple{
	position: relative;
	display:inline-block;
	margin:1em 0;
	padding:8px 40px 8px 22px;
	font-family: 'Gotham';
	font-size:0.8125em;
	font-weight:600;
	font-style:italic;
	color:#ffffff;
	background-color:#8445ac;
	border:1px solid #8445ac;
	text-decoration: none;
}
.button-purple:after{
	position: relative;
	top:1px;
	left:22px;
	display:inline-block;
	content:' ';
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-left:9px solid #ffffff;
}

.button-purple.size20{
	padding:18px 75px 18px 65px;
	font-size:1.25em;
}

.button-purple.size20:after {
    top: -1px;
    left: 18px;
}

.button-purple:hover{
	opacity:0.8;
}

.border-button-purple{
	position: relative;
	display:inline-block;
	margin:1em 0;
	padding:5px 32px 5px 20px;
	font-family: 'Gotham';
	font-size:0.6875rem;
	font-weight:500;
	/*font-style:italic;*/
	color:#8445ac;
	border:1px solid #8445ac;
	text-decoration: none;
}
.border-button-purple:after{
	position: relative;
	top:1px;
	left:22px;
	display:inline-block;
	content:' ';
	width: 0; 
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent; 
	border-left:7px solid #8445ac;
}

.border-button-purple:hover{
	opacity:1 !important;
}

.border-button-purple.size20{
	padding:18px 75px 18px 65px;
	font-size:1.25em;
}

.border-button-purple.size20:after{
    top: -1px;
    left: 18px;
}

.bg-tile-yellow .border-button-purple.size20{
    padding: 18px 45px 18px 35px;
}

.border-button-purple:hover{
	opacity:0.8;
}

.bg-color-703393 .border-button-purple{
	margin:1em 0;
	padding:5px 20px 5px 20px;
	font-size:0.6875rem;
	font-weight:500;
	color:#ffffff;
	border:1px solid #ffffff;
}

.bg-color-703393 .border-button-purple:after{
	display:none;
}


@media only screen and (max-width: 40em){ /* 640px */ 

	.button-purple.size20{
		padding:10px 50px 10px 35px;
		font-size:1.1em;
	}
	
	.button-purple.size20:after {
		top: -1px;
		left: 18px;
	}	
	
	.border-button-purple.size20{
		padding:10px 50px 10px 35px;
		font-size:1.1em;
	}

	.border-button-purple.size20:after {
		top: -1px;
		left: 18px;
	}

	.bg-tile-yellow .border-button-purple.size20{
		padding: 10px 45px 10px 35px;
	}

}

/* PAGE SPECIFIC STYLES */

.product-listings{
	align-items: stretch;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	width:90%;
	max-width:1090px;
	margin:0 auto;
}

.product-listings .product{
	background-color:#ffffff;
	margin-bottom:30px;
	width:48.6%;
}

.product-listings .product .details{
	float:left;
	width:54%;
}

.product-listings .product .details .padding{
	padding:2.625em 0 2.625em 17.5%;
}

.product-listings .product .image-btns{
	box-sizing:border-box;
	float:right;
	padding:2rem 2rem 2rem 0;
	width:44.5%;
}

.product-listings .product .image-btns.wider{
	width:41%;
}

.product-listings .product .image-btns .buttons{
	max-width:176px;
	margin:1em 0;
	padding-left:1rem;
}

.product-listings .product .image-btns .buttons .border-button-purple{
	display:block;
	margin:12px 0;
	padding: 6px 16px 6px 10px;
}

.border-button-purple:after {
	left: 8px;
}

.product-listings .product .details .ages{
	font-family: 'Gotham';
	margin:0 auto;
	font-size:1em;
	font-weight:600;
	font-style:italic;
	color:#001f5b;
}

.product-listings .product .details .size{
	font-family: 'Gotham';
	margin:0 0 10px 0;
	font-size:10px;
	font-weight:400;
	font-style:italic;
	color:#71796e;
}

.product-listings .product .details .icons{
	margin:0 0 1.2em 0;
}
.product-listings .product .details .icons img{
	width:100%;
	max-width:203px;
	height:auto;
}

.product-listings .product .details h1,
.product-listings .product .details h2,
.product-listings .product .details h3{
	margin:0;
}

.product-listings .product .details p{
	margin:0 0 1.5em 0;
	font-family: 'Gotham';
	font-size:0.8125em;
	color:#a7aca5;
	line-height:1.69em;
	letter-spacing: 0.015em;
}

.product-image img{
	display:block;
	margin:0 auto 0.5rem auto;
}

.lists{
	margin-top:1rem;
}

.lists > div{
	float:left;
	width:46%;
}
.lists > div:first-child{
	margin-right:8%;
}
.lists.one-list > div{
	float:none;
	width:100%;
}
.lists.one-list > div:first-child{
	margin-right:0%;
}

@media only screen and (max-width: 63.75em){ /* 1020px */ 
	.product-listings .product .image-btns .buttons{
		margin-right:20px;
	}
}
@media only screen and (max-width: 48em){ /* 768px */ 
	
	.product-listings .col{
		width:100%;
		float:none;
	}

	.product-listings .col:first-child{
		width:100%;
		float:none;
	}

	.product-listings .product .details{
		float:left;
		width:58.49%;
	}

	.product-listings .product .details .padding{
		padding:2.625em 0 2.625em 12.9%;
	}

	.product-listings .product .image-btns{
		float:right;
		width:36.32%;
		padding:2em 0;
	}

	.product-listings .product .image-btns.wider{
		width:41%;
	}

}

@media only screen and (max-width: 40em){ /* 640px */ 
	

	.product-listings .product{
		width:100%;
	}

	
	.product-listings .product .details .ages{
		font-size:0.825em;
	}

	.product-listings .product .details h1,
	.product-listings .product .details h2,
	.product-listings .product .details h3{
		font-size:1.25em;
	}

}
@media only screen and (max-width: 30em){ /* 480px */ 

	.lists > div{
		float:none;
		width:100%;
	}
	.lists > div:first-child{
		margin-right:0%;
	}
	ol.small-list,
	ul.small-list{
		margin: 0 0 0em 1.1em;
	}

}

@media only screen and (max-width: 48em){ /* 768px */ 

	.kids-product-img{
		max-width:598px;
		width:100%;
		height:auto;
	}

}

@media only screen and (max-width: 81.25em){ /* 1300px */ }
@media only screen and (max-width: 63.75em){ /* 1020px */ }
@media only screen and (max-width: 48em){ /* 768px */ }
@media only screen and (max-width: 40em){ /* 640px */ }
@media only screen and (max-width: 30em){ /* 480px */ }


/* Tag Link Title */

div.title-tag{
	margin-bottom:2rem;
	text-align:center;
}
div.title-tag span{
	position: relative;
	color:#fff;
	display:inline-block;
	height:48px;
	text-align:center;
	background:url('../../media/images/global/title-tag-purple_02.png') center center repeat-x;
	background-size:auto 48px;
	font-family: 'Gotham';
	font-size:1.375rem;
	line-height:48px;
	font-weight:700;
	font-style: italic;
	vertical-align: middle;
}
div.title-tag span:after{
	content:' ';
	display:block;
	position: absolute;
	top:0;
	bottom:0;
	right:-62px;
	width:62px;
	background:url('../../media/images/global/title-tag-purple_03.png') left center no-repeat;
	background-size:auto 48px;
}
div.title-tag span:before{
	content:' ';
	display:block;
	position: absolute;
	top:0;
	bottom:0;
	left:-63px;
	width:63px;
	background:url('../../media/images/global/title-tag-purple_01.png') left center no-repeat;
	background-size:auto 48px;
}

@media only screen and (max-width: 30em){ /* 480px */ 

	.title-tag.wrap{
		width: 70%;
		margin: 0 auto;
	}

	div.title-tag.wrap span{
		height:auto;
	}
	.bg-color-purple div.title-tag span:before {
		background-size: 54px 100%;
	}
	.bg-color-purple div.title-tag span:after {
		background-size: 52px 100%;
	}

}

/* LANGUAGE TOGGLE  * old /

.lang-toggle{
	position:absolute;
	right:0rem;
	top:1rem;
	width:80px;
}

.lang-link a{
	color:#fff;
	font-size:0.75rem;
	font-weight:700;
	text-decoration:none;
}

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
	margin-left:5px;
	margin-right:5px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #4f2467;
	-webkit-transition: .4s;
	transition: .4s;
	}

.slider:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 4px;
	bottom: 4px;
	background-color: #00a6e2;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #4f2467;
}

input:focus + .slider {
	box-shadow: 0 0 1px #4f2467;
}

input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

.slider.round {
	border-radius: 17px;
}

.slider.round:before {
	border-radius: 50%;
}

*/ 


/* LANGUAGE TOGGLE */

.lang-toggle{
	position:absolute;
	right:0rem;
	top:0.7rem;
	width:80px;
}

.lang-link a{
	color:#121212;
	font-size:0.75rem;
	font-weight:700;
	text-decoration:none;
}

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
	margin-left:5px;
	margin-right:5px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #4f2467;
	-webkit-transition: .4s;
	transition: .4s;
	}

.slider:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 4px;
	bottom: 4px;
	background-color: #00a6e2;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #4f2467;
}

input:focus + .slider {
	box-shadow: 0 0 1px #4f2467;
}

input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

.slider.round {
	border-radius: 17px;
}

.slider.round:before {
	border-radius: 50%;
}

@media only screen and (max-width: 48em){ /* 768px */
	
	.lang-toggle{
		display:none;
		right:2rem;
		z-index:1000;
	}

	.nav-container.open .lang-toggle{
		display:block;
	}

}

/* FRENCH PAGE CONTENT */

.section-content{
    width: 90%;
    max-width: 1090px;
    margin: 0 auto;
	padding:2rem 0;
}

.section-content.extra-padding{
	padding:3rem 0;
}

.section-content h1:first-child,
.section-content h2:first-child{
	margin-top:0;
}

.section-content p{
	font-size:0.9375rem;
	font-weight:500;
	line-height:1.25em;
}
.section-content p:first-child{
	margin-top:0;
}
.section-content p:last-child{
	margin-bottom:0;
}

p.product-footer{
	color:#000000;
	font-size:1rem;
	font-weight:700;
	line-height:1.125em;
	margin-bottom:0;
}
p.product-footer + p{
	color:#000000;
	font-size:0.75rem;
	font-weight:400;
	line-height:1.125em;
	margin-top:0.5rem;
}

p.follow-us{
	color:#703393;
	font-size:1rem;
	font-weight:700;
	line-height:1.125em;
	margin-bottom:1.75rem;
	text-align:center;
}

p.follow-us + div{
	text-align:center;
}

p.follow-us + div > a{
	display:inline-block;
	margin-right:0.85rem;
	margin-left:0.85rem;
}


/* Masthead */

.masthead{
	/*max-width:1300px;*/
	margin:0 auto;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.masthead .table{
	height:454px;
}
.masthead .td h1,
.masthead .td h2{
	margin:0.25em 10.5%;
	color:#001f5b;
	/*text-shadow: 0px 0px 1px #bc90ba;*/
}
.masthead .td p{
	max-width:360px;
	margin:1em 10.5% 0 10.5%;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	font-weight:400;
	line-height:1.4375em;
	letter-spacing:0.015em;
	color:#001f5b;
	/*text-shadow: 0px 0px 1px #bc90ba;*/
}


@media only screen and (max-width: 63.75em){ /* 1020px */ 
	.masthead .table{
		height:390px;
	}
}
@media only screen and (max-width: 48em){ /* 768px */ 
	.masthead .table{
		height:340px;
	}
	.masthead .td h1,
	.masthead .td h2{
		margin:0.25em 8%;
		font-size:1.75em;
	}
	.masthead .td p{
		font-size: 0.9375em;
	}
}
@media only screen and (max-width: 48em){ /* 768px */ 
	
	.masthead{
		background-position:left center;
	}
	.masthead .table{
		/*background-color:rgba(255,255,255,0.25);*/
	}
}
@media only screen and (max-width: 30em){ /* 480px */ 
	.masthead .table{
		height:240px;
	}
	.masthead .td h1,
	.masthead .td h2{
		margin:0.25em 8%;
		font-size:1.75em;
	}
	.masthead .td p{
		font-size: 0.875em;
	}
}

/* Homepage Carousel */

.carousel-masthead{
	position: relative;
	width:100%;
	overflow:hidden;
}

.carousel-masthead .slide-container{
	position: relative;
	width:100%;
}

.carousel-masthead .slide-container,
.carousel-masthead .slides{
	height:41.5vw;
}

.carousel-masthead .slide-container a#leftArrow{
	position: absolute;
	top:50%;
	left:10px;
	display:block;
	width:40px;
	height:40px;
	margin-top:-20px;
	text-decoration: none;
}

.carousel-masthead .slide-container a#rightArrow{
	position: absolute;
	top:50%;
	right:10px;
	display:block;
	width:40px;
	height:40px;
	margin-top:-20px;
	text-decoration: none;
}

.carousel-masthead .slides{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	transition-property: left;
	transition-duration: 0.35s;
	transition-timing-function: ease-out;
}

.carousel-masthead .slides .slide{
	position: absolute;
	top:0;
	bottom:0;
	height:100%;
}

.carousel-masthead .slides .slide .slide-inner{
	position: relative;
	box-sizing:border-box;
	width:100%;
	max-width:1920px;
	height:100%;
	margin:0 auto;
	padding:0 3.75%;
}

/* 3 SLIDES
.carousel-masthead .slides{width:300%;}
.carousel-masthead .slides .slide#slide1{left:0%;}
.carousel-masthead .slides .slide#slide2{left:33.3333%;}
.carousel-masthead .slides .slide#slide3{left:66.666%;}
.carousel-masthead .slides .slide{width:33.333%;}
 */
/* 4 SLIDES   */
.carousel-masthead .slides{width:400%;}
.carousel-masthead .slides .slide#slide1{left:0%;}
.carousel-masthead .slides .slide#slide2{left:25%;}
.carousel-masthead .slides .slide#slide3{left:50%;}
.carousel-masthead .slides .slide#slide4{left:75%;}
.carousel-masthead .slides .slide{width:25%;}


/* 5 SLIDES 
.carousel-masthead .slides{width:500%;}
.carousel-masthead .slides .slide#slide1{left:0%;}
.carousel-masthead .slides .slide#slide2{left:20%;}
.carousel-masthead .slides .slide#slide3{left:40%;}
.carousel-masthead .slides .slide#slide4{left:60%;}
.carousel-masthead .slides .slide#slide5{left:80%;}
.carousel-masthead .slides .slide{width:20%;}
*/

/* 6 SLIDES 
.carousel-masthead .slides{width:600%;}
.carousel-masthead .slides .slide#slide1{left:0%;}
.carousel-masthead .slides .slide#slide2{left:16.6666%;}
.carousel-masthead .slides .slide#slide3{left:33.3333%;}
.carousel-masthead .slides .slide#slide4{left:49.9999%;}
.carousel-masthead .slides .slide#slide5{left:66.6666%;}
.carousel-masthead .slides .slide#slide6{left:83.3326%;}
.carousel-masthead .slides .slide{width:16.666%;}
*/ 
/*
.carousel-masthead .slides .slide-2026-01{background:url('../../media/images/carousel/Banner1_Mobile.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-2026-02{background:url('../../media/images/carousel/Banner2_mobile.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-2026-03{background:url('../../media/images/carousel/banner3_mobile.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-2026-04{background:url('../../media/images/carousel/banner4_mobile.jpg') center center no-repeat;background-size:cover;}

@media only screen and (min-width: 48em){ 
	.carousel-masthead .slides .slide-2026-01{background:url('../../media/images/carousel/Banner1_desktop.jpg') center center no-repeat;}
	.carousel-masthead .slides .slide-2026-02{background:url('../../media/images/carousel/Banner2_Desktop.jpg') center center no-repeat;}
	.carousel-masthead .slides .slide-2026-03{background:url('../../media/images/carousel/Banner3_Desktop.jpg') center center no-repeat;}
	.carousel-masthead .slides .slide-2026-04{background:url('../../media/images/carousel/Banner4_desktop.jpg') center center no-repeat;}
}
*/
.carousel-masthead .slides .slide-2026-01 img,
.carousel-masthead .slides .slide-2026-02 img,
.carousel-masthead .slides .slide-2026-03 img,
.carousel-masthead .slides .slide-2026-04 img{
	height:auto;
	display:block;
	width:100%;
}

.carousel-masthead .slides img.mobile{display:block;}
.carousel-masthead .slides img.desktop{display:none !important;}
@media only screen and (min-width: 48em){ /* 768px */ 
	.carousel-masthead .slides img.mobile{display:none !important;}
	.carousel-masthead .slides img.desktop{display:block !important;}
}

.carousel-masthead .slides .slide-daynight{background:url('../../media/images/carousel/Banner1-bg.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-daynight-2{background:url('../../media/images/carousel/sambucol-day-night-banner-v2-desktop.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-protectfamily{background:url('../../media/images/carousel/Banner2-bg.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-protectself{background:url('../../media/images/carousel/sambucol-amazon-banner-desktop.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-powdereddrink{background:url('../../media/images/carousel/Sambucol_HomeCarousel_Drink.jpg') center center no-repeat;background-size:cover;}
.carousel-masthead .slides .slide-recover{background:url('../../media/images/carousel/2026-feb-bg.jpg') center center no-repeat;background-size:cover;}


.carousel-masthead .slides .slide-recover .content-image{
	margin-bottom:20px;
	margin-top:12vw;
}

.carousel-masthead .slides .slide-recover .content-image img{
	width:100%;
	height:auto;
}

@media only screen and (min-width: 48em){ /* 768px */ 

	.carousel-masthead .slides .slide-recover .content-image{
		margin-bottom:20px;
		margin-top:8vw;
	}

	.carousel-masthead .slides .slide-recover .content-image img{
		width:60%;
		height:auto;
	}

	.carousel-masthead .slides .slide-recover .content-button{
		margin-left:20px;
	}

	.carousel-masthead .slides .slide-recover .content-button .carousel-button{
		margin-left:20px;
		background-color:#9660bb;
		font-size:1.25vw;
	}

	.carousel-masthead .slides .slide-recover .content-button .carousel-button:after {
	    top:1vw;
	}

}

.carousel-masthead .slides .slide h1,
.carousel-masthead .slides .slide h2{
	margin: 0 0 0 0;
}

.carousel-masthead .slides .slide p{
	font-size:1.3vw;
	margin:3px 0 0 0;
}

.carousel-button{
	background-color:#fff;
	position: relative;
	display:inline-block;
	margin:1.3vw 0 0 0;
	padding:0.83vw 4.5vw 0.83vw 1.89vw;
	font-family: 'Open Sans';
	font-size:0.95vw;
	font-weight:600;
	font-style:italic;
	line-height:1em;
	color:#8445ac;
	border:1px solid #fff;
	text-decoration: none;
}
.carousel-button:after{
	position: absolute;
	top:0.8vw;
	right:1.5vw;
	display:inline-block;
	content:' ';
	width: 0; 
	height: 0;
	border-top: 0.53vw solid transparent;
	border-bottom: 0.53vw solid transparent; 
	border-left:0.95vw solid #9762b3;
}

.carousel-button.alt{
	background-color:#8445ac;
	color:#FFFFFF;
	border:1px solid #8445ac;
}
.carousel-button.alt:after{
	border-left:0.95vw solid #FFFFFF;
}
.carousel-button:hover{
	opacity:0.8;
}

.carousel-masthead .slides .slide-daynight-2 h2{
	font-size:2.875vw;
    font-weight: 400;
    margin-top: 17.25vw;
    max-width: 43.3vw;
    padding-left: 38vw;
}
.carousel-masthead .slides .slide-daynight-2 .carousel-button{
	margin:1vw 0 0 38vw;
}

.carousel-masthead .slides .slide-protectfamily h1,
.carousel-masthead .slides .slide-protectfamily h2{
	box-sizing:border-box;
	color:#00215b;
	font-size:2.848vw;
	font-weight:700;
	margin-top:11.87vw;
	padding-left:2.7vw;
	max-width:38.4vw;
}
.carousel-masthead .slides .slide-protectfamily .img{
	background:url('../../media/images/carousel/Banner2-img.png') top left no-repeat;
	background-size:11.275vw auto;
	margin-top:1vw;
	padding-left:12.46vw;
}
.carousel-masthead .slides .slide-protectfamily p{
	color:#00215b;
	max-width:26.3vw;
}
.carousel-masthead .slides .slide-protectfamily .carousel-button{
	margin-top:0.5vw;
	margin-bottom:2vw;
}

.carousel-masthead .slides .slide-protectself .slide-inner{
	padding:0 6vw;
}
.carousel-masthead .slides .slide-protectself h1,
.carousel-masthead .slides .slide-protectself h2{
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:2.49vw;
	font-weight:700;
	margin-top:9vw;
	max-width:24vw;
}
.carousel-masthead .slides .slide-protectself p{
	color:#FFFFFF;
	margin-bottom:1vw;
	margin-top:1vw;
	max-width:27vw;
}

.carousel-masthead .slides .slide-powdereddrink .slide-inner{
	padding:0 10vw;
}
.carousel-masthead .slides .slide-powdereddrink h1,
.carousel-masthead .slides .slide-powdereddrink h2{
	box-sizing:border-box;
	color:#001f5b;
	font-size:2.49vw;
	font-weight:700;
	margin-top:12vw;
	max-width:35vw;
}
.carousel-masthead .slides .slide-powdereddrink p{
	color:#001f5b;
	margin-bottom:1vw;
	margin-top:1vw;
	max-width:38vw;
}

@media only screen and (max-width: 80em){ /* 1280px */ 

	.carousel-masthead .slides .slide .slide-inner{
		padding:0 7%;
	}

}

@media only screen and (max-width: 48em){ /* 768px */ 

	.carousel-masthead .slide-container,
	.carousel-masthead .slides{
		/*height:82vw;*/
		height:120vw;
	}

	.carousel-masthead .slide-container a#leftArrow{
		left:6px;
		width:36px;
		height:36px;
		margin-top:-18px;
	}
	
	.carousel-masthead .slide-container a#rightArrow{
		right:6px;
		width:36px;
		height:36px;
		margin-top:-18px;
	}
	.carousel-masthead .slide-container a#leftArrow img,
	.carousel-masthead .slide-container a#rightArrow img{
		width:100%;
		height:auto;
	}

	.carousel-masthead .slides .slide-daynight-2{background:url('../../media/images/carousel/sambucol-day-night-banner-v2-mobile.jpg') top center no-repeat;background-size:cover;}
	.carousel-masthead .slides .slide-protectfamily{background:url('../../media/images/carousel/Banner2-bg-mobile.jpg') center center no-repeat;background-size:cover;}
	.carousel-masthead .slides .slide-protectself{background:url('../../media/images/carousel/sambucol-amazon-banner-mobile.jpg') center center no-repeat;background-size:cover;}
	.carousel-masthead .slides .slide-powdereddrink{background:url('../../media/images/carousel/Sambucol_HomeCarousel_Drink-mobile.jpg') center center no-repeat;background-size:cover;}
	

	.carousel-masthead .slides .slide-daynight-2 h1,
	.carousel-masthead .slides .slide-daynight-2 h2{
		/*font-size:6.25vw;
		font-weight:400;
		margin-top:18vw;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		max-width:400px;
		padding-left:0;
		width:80%;*/
		font-size: 3.75vw;
		font-weight: 400;
		margin-top: 34vw;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
		max-width: 400px;
		padding-left: 65%;
		width: 38%;
	}
	.carousel-masthead .slides .slide-daynight-2 .carousel-button{
		/*margin:56vw 0 0 0;*/
		margin:20vw 0 0 0;
	}
	
	.carousel-masthead .slides .slide-protectfamily h1,
	.carousel-masthead .slides .slide-protectfamily h2{
		font-size:5vw;
		font-weight:700;
		margin-bottom:3vw;
		margin-top:6vw;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		max-width:400px;
		width:80%;
	}
	.carousel-masthead .slides .slide-protectfamily .img{
		background:url('../../media/images/carousel/Banner2-img.png') top left no-repeat;
		background-size:18vw auto;
		margin-top:1vw;
		margin-left:auto;
		margin-right:auto;
		max-width:52vw;
		padding-left:20.46vw;
		width:80%;
	}
	.carousel-masthead .slides .slide-protectfamily p{
		color:#00215b;
		font-size:3.25vw;
		max-width:340px;
	}
	.carousel-masthead .slides .slide-protectfamily .carousel-button{
		margin-top:2.5vw;
		margin-bottom:2vw;
	}
	
	.carousel-masthead .slides .slide-protectself .slide-inner{
		padding:0 6vw;
	}	
	.carousel-masthead .slides .slide-protectself h1,
	.carousel-masthead .slides .slide-protectself h2{
		font-size:5.5vw;
		font-weight:700;
		margin-top:6vw;
		margin-left:0;
		text-align:left;
		max-width:250px;
		width:80%;
	}
	.carousel-masthead .slides .slide-protectself p{
		font-size:3.25vw;
		font-weight:400;
		margin-top:1vw;
		margin-bottom:1vw;
		margin-left:0;
		text-align:left;
		max-width:320px;
		width:90%;
	}
	.carousel-masthead .slides .slide-protectfamily .carousel-button{
		margin-left:0;
		margin-top:1vw;
	}
	
	.carousel-masthead .slides .slide-powdereddrink .slide-inner{
		padding:0 6vw;
	}	
	.carousel-masthead .slides .slide-powdereddrink h1,
	.carousel-masthead .slides .slide-powdereddrink h2{
		font-size:5.5vw;
		font-weight:700;
		margin-top:15vw;
		margin-left:5vw;
		margin-right:auto;
		text-align:left;
		max-width:400px;
		width:70%;
	}
	.carousel-masthead .slides .slide-powdereddrink p{
		font-size:3.25vw;
		font-weight:400;
		margin-top:3vw;
		margin-bottom:3vw;
		margin-left:5vw;
		margin-right:auto;
		text-align:left;
		max-width:400px;
		width:70%;
	}
	.carousel-masthead .slides .slide-powdereddrink .carousel-button{
		margin-left:5vw;
	}

	.carousel-button-container{
		display:block;
		text-align:center;
	}

	.carousel-button{
		margin:1.3vw auto 0 auto;
		/*padding:1vw 4.5vw 1vw 1.89vw;
		font-size:2vw;*/
		padding: 2.2vw 6vw 2vw 3vw;
		font-size: 2.5vw;
	}
	.carousel-button:after{
		/*top:1vw;
		right:1.25vw;*/
		top: 2.3vw;
		right: 1.75vw;
		border-top: 1vw solid transparent;
		border-bottom: 1vw solid transparent; 
		border-left:2vw solid #9762b3;
	}
	.carousel-button.alt:after{
		border-left:2vw solid #FFFFFF;
	}

}

@media only screen and (max-width: 30em){ /* 480px */ 

	.carousel-masthead .slides .slide-powdereddrink h1,
	.carousel-masthead .slides .slide-powdereddrink h2,
	.carousel-masthead .slides .slide-powdereddrink p{
		max-width:75%;
	}

	
}