/*  
Theme Name: Chemists Own
Theme URI: 
Description: 
Version: 1.0
Author: Studio313
Author URI: http://studio313.com.au
Tags: 
*/

/** SITE STYLES **/

body { -webkit-text-size-adjust: none; background-color:; font-size:13px; line-height:140%;}

h1, h2, h3 { font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0; text-decoration:none; outline:none; border:none;}

h1 { font-size: 22px; color:#0b5d97; margin:0 0 10px 0;}
h2 { font-size: 20px; color:#0b5d97; margin:0 0 10px 0; font-weight:400;}
h3 { font-size: 18px; color:#545454; margin:0 0 4px 0; width:100%; border-bottom:1px solid #ddd; padding-bottom:7px;}

p, a, li { font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0; text-decoration:none; outline:none; border:none;}
p, li { font-size: 13px; color:#656669; line-height:19px;}
p { margin:0 0 7px 0;}

a { text-decoration:none; color:; outline:none; border:none;}
a:hover { color:;}

ul, ol { margin-left:20px; margin-bottom:7px; color:;}
ul { list-style:disc;}
ol { list-style:decimal;}

@media only screen and (min-width : 767px) {
	.no-side-pad { padding-left:0px !important; padding-right:0px !important;}
	.no-left-pad { padding-left:0px !important;}
	}
@media only screen and (max-width : 767px) {
	.m-side-marg { margin-left:20px; margin-right:20px;}
	.m-no-border { border:none !important;}
	}

/* colours */
	.grad-bg-blue {background: #274972; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3NDk3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMzE1ZTk3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI3NDk3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top,  #274972 0%, #315e97 5%, #274972 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#274972), color-stop(5%,#315e97), color-stop(100%,#274972)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #274972 0%,#315e97 5%,#274972 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #274972 0%,#315e97 5%,#274972 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #274972 0%,#315e97 5%,#274972 100%); /* IE10+ */ background: linear-gradient(to bottom,  #274972 0%,#315e97 5%,#274972 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274972', endColorstr='#274972',GradientType=0 ); /* IE6-8 */
}
	.border-grey { border:1px solid #EDEDED;}
	.border-grey-sides { border:1px solid #EDEDED; border-bottom:none; border-top:none;}
	
/* Logos */ 
	

/* WRAPPERS */
	header { position:relative; margin:0; padding:0;}
	header { position:relative;}
	footer { position:relative; }
	


/** HEADER **/

	.top-min-nav { position:relative; z-index:999;}
	.top-min-nav ul { list-style:none; margin:0; padding:0; right:0; position:absolute; top:10px;}
	.top-min-nav ul li { display:inline-block;}
	.top-min-nav ul li a { padding:5px 10px; font-weight:700; color:#224A80;}

	header nav { position:relative; margin-top:115px; z-index:9999;}
	header .navbar-brand { position:absolute; top:-115px;}
	
	.navbar { border:none;}
	ul.navbar-nav a { color:#fff !important; font-size:14px;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #eee;}
	ul.navbar-nav li ul.dropdown-menu a { color:#545454 !important; font-size:13px;}
	ul.navbar-nav li ul.dropdown-menu li a { font-weight:400; text-align:left;}
	@media only screen and (min-width : 768px) {
	
			.dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; }

			.dropdown-menu li:hover .sub-menu { visibility: visible;}
			.dropdown:hover .dropdown-menu { display: block;}
			.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0;}
			.navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; }
			.navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px;}
	}
	
	.navbar-form input[type=text] { background:#274A77; border:none; border-bottom:2px solid #537094; border-top:2px solid #1F3B60; color:#fff; font-size:12px;}
	.navbar-form button[type=submit] { background:none; border:none; color:#DCE0E3; font-size:18px;}
	.navbar-form button[type=submit]:hover { color:#fff;}
	.nav > li > a:focus {background-color: rgba(255,255,255,0.25) !important;}
	@media only screen and (max-width : 768px) {
		header nav { position:relative; margin-top:75px;}
		header .navbar-brand { position:relative; top:-75px;}
		header .navbar-brand img { max-width:280px !important; height:auto;}
		.top-min-nav ul { list-style:none; margin:0; padding:0; text-align:center; position:relative; top:10px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
		
		.navbar-collapse, .navbar-collapse form { border:none;}
		
		.navbar-form input[type=text] { width:88%; float:left;}
		.navbar-form button[type=submit] { width:10%; float:right;}
		
		ul.navbar-nav li ul.dropdown-menu > li a { color:#fff !important;}
		
	}
	
	@media only screen and (min-width : 750px) and (max-width : 1000px) {
		ul.navbar-nav a { font-size:12px !important; padding:15px 7px;}
		header .navbar-brand { position:absolute; margin-top:5px; left:10px;}
		}
	
	@media only screen and (max-width : 400px) {
		header nav { position:relative; margin-top:75px; border:1px solid #0c0; display:block;}
		header .navbar-brand { position:relative; margin-top:-45px; left:0%;}
		header .navbar-brand img { max-width:280px !important; height:auto;}
		.top-min-nav ul { list-style:none; margin:0; padding:0; text-align:center; position:relative; top:10px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
	}
	
/** CONTENT **/
	.body-cont { padding:20px; margin-bottom:100px;}
	
	/* home carousel */
	.carousel { margin-bottom:50px; }
	.carousel img { width:100%; height:auto;}
	.carousel-indicators { bottom: -35px !important;}
	.carousel-indicators li {border: 1px solid #bbb !important;}
	.carousel-indicators .active {background-color: #bbb !important; }

	
	.prod-sidebar { margin-bottom:20px;}
	.prod-sidebar button, .prod-sidebar button:hover { width:100%; color:#fff; text-align:left; padding-left:20px; font-weight:700; border-radius:7px; border:1px solid #264D7E;}
	.prod-sidebar .dropdown-menu { width:100%; box-shadow:none; background:#F4F7F9; border:none;}
	@media only screen and (min-width : 768px) {
		.prod-sidebar .dropdown-menu { display:block; width:100%;}
		.prod-sidebar { border-radius:7px 7px 0 0;}
		.prod-sidebar span.caret { display:none;}
		.prod-sidebar .dropdown-menu li a { padding-top:7px; padding-bottom:7px;}
		.prod-sidebar .dropdown-menu li a:hover { color:#0083cb;}
		.prod-sidebar .dropdown-menu li.current-menu-item a { color:#0083cb;}
		.prod-sidebar .dropdown-menu li.current-menu-item a:hover { background:none;}
	}
	
	ul.product-feed { list-style:none; margin:0; padding:0; position:relative; text-align:left;}
	ul.product-feed li { border-top:1px solid #EDEDED; width:33%; display:inline-block; height:370px; padding:20px 30px; vertical-align:top;}
	ul.product-feed li:nth-child(-n+3) { border-top:0px;}
	ul.product-feed li .prod-image-wrap { width:100%; height:270px;}
	ul.product-feed li img { margin:0 auto; text-align:center; display:block;}
	ul.product-feed h1 { text-align:center; font-size:16px; color:#254C7F; font-weight:700;}
	ul.product-feed h2 a { text-align:center; font-size:14px; color:#254C7F; font-weight:700;}
	ul.product-feed p a { color:#0083cb;}

	@media only screen and (max-width : 400px) {ul.product-feed li { width:80% !important;}}
	
	.range-title { margin-bottom:30px; padding:15px;}
	.range-title h1 { color:#254C7F;}
	
	.tabpanel { margin:30px auto;}
	ul.nav-tabs a { font-weight:700;}
	.tabpanel li.active { border-bottom:1px solid #fff !important; position:relative; z-index:2;}
	.tab-content { padding:20px 30px; border:1px solid #ddd; position:relative; top:-2px; min-height:300px;}
	.tab-content ul, .tab-content ol {margin-left:0px !important;}
	
	.product-img, .product-description { padding:0;}
	.product-img img { padding-right:20px;}
	.product-related { margin:30px 0;}
	.product-related ul.product-feed li { border-top:none; width:30%; display:inline-block; height:370px; padding-top:20px; vertical-align:top;}
	.product-title { margin-bottom:30px;}
	@media only screen and (max-width : 800px) {
		.body-cont { margin-bottom:20px; padding:20px;}
		
		ul.product-feed li { border-top:none; width:45%; display:inline-block; height:320px; padding-top:20px; vertical-align:top;}
		ul.product-feed li .prod-image-wrap { width:100%; height:190px;}
	
	
		.product-related ul.product-feed li { border-top:none; width:30%; height:300px;}
		.product-related ul.product-feed li .prod-image-wrap { height:200px;}
	}
	
	@media only screen and (max-width : 500px) {
		ul.nav-tabs { margin:0;}
		ul.nav-tabs > li { width:100%; display:block; border:none; background-color:#eee; border-bottom:2px solid #fff;}
		ul.nav-tabs > li.active > a { border:none !important; border-radius:0; width:100%;}
		.tab-content { border:none; padding:15px 5px;}
		
		.body-cont { margin-bottom:20px; padding:5px;}
		.product-related ul.product-feed li { width:45%; height:240px;}
		.product-related ul.product-feed li .prod-image-wrap { height:190px;}
		.product-title { text-align:center; padding-top:10px;}
	}

	@media only screen and (max-width : 350px) {
		.product-related ul.product-feed li { width:45%; height:auto; float:left;}
		.product-related ul.product-feed li:nth-of-type(odd) { clear:left;}
		.product-related ul.product-feed li .prod-image-wrap { height:120px;}
	}


	ul.advice { list-style:none; position:relative; text-align:center; margin:0; padding:0;}
	ul.advice li { display:inline-block; width:23%; margin:5px; max-width:150px; vertical-align:top;}
	ul.advice li img { width:100%; height:auto;}

	@media only screen and (max-width : 500px) {ul.advice li { width:28%;} }
	@media only screen and (max-width : 400px) {ul.advice li { width:40%;} }


	.sunscreen { background:url(http://madebystudio313.com.au/clients/chemist/wp-content/uploads/2015/05/top_banner4.jpg) top center no-repeat; background-size:cover;}
	.sunscreen-text { padding-top:40px;}
	.sunscreen-text h1 { color:#284E7B; font-size:55px; margin-bottom:20px;}
	.sunscreen-text p { line-height:130%;}
	.sunscreen-text p, .sunscreen-text li { font-size:18px; color:#58585B;}
	.sunscreen-text ul { list-style:none; margin:0; padding:0; margin-left:15px;}
	.sunscreen-text ul li { line-height:130%; padding:0; margin:0; padding-left:30px; background:url(images/bugget.png) left center no-repeat; margin-bottom:7px;}
	
	
	
	
	.promo-tab .gradient-orange {background: #ea8d34; /* Old browsers */ background: -moz-linear-gradient(top,  #ea8d34 0%, #c45c1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8d34), color-stop(100%,#c45c1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #ea8d34 0%,#c45c1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #ea8d34 0%,#c45c1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #ea8d34 0%,#c45c1d 100%); /* IE10+ */ background: linear-gradient(to bottom,  #ea8d34 0%,#c45c1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8d34', endColorstr='#c45c1d',GradientType=0 ); /* IE6-9 */}
	
	.promo-tab .gradient-yellow {background: #f8cf3b; /* Old browsers */ background: -moz-linear-gradient(top,  #f8cf3b 0%, #dea12e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8cf3b), color-stop(100%,#dea12e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #f8cf3b 0%,#dea12e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #f8cf3b 0%,#dea12e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #f8cf3b 0%,#dea12e 100%); /* IE10+ */ background: linear-gradient(to bottom,  #f8cf3b 0%,#dea12e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8cf3b', endColorstr='#dea12e',GradientType=0 ); /* IE6-9 */}


	.promo-tab { padding-top:60px !important;}
	.promo-tab ul.nav-tabs { position:relative; text-align:center;}
	.promo-tab ul.nav-tabs li { width:48.5%;}
	.promo-tab ul.nav-tabs li a, .promo-tab ul.nav-tabs li:hover, .promo-tab ul.nav-tabs li.active,  .promo-tab ul.nav-tabs li.active a, .promo-tab ul.nav-tabs li:focus { color:#1F3E66 !important; font-weight:700; font-size:18px; border-radius:7px 7px 0 0; }
	.promo-tab .tab-content { background-color: #F7F6F4; border-radius:7px;}
	.promo-tab .tab-pane#sport { background: url(http://madebystudio313.com.au/clients/chemist/wp-content/uploads/2015/05/botton_sports_spf_banner2-1.png) bottom right no-repeat; }
		.promo-tab .tab-pane a.cta-btn { padding:10px 30px; color:#fff; font-weight:700; font-size:16px; border-radius:7px;}
		.promo-tab .tab-pane#sport h1 { color:#ED8535; font-size:30px; margin-bottom:20px;}
		.promo-tab .tab-pane#sport h2 { color:#ED8535; font-size:16px; margin-bottom:10px;}
		.promo-tab .tab-pane#dry h1 { color:#FCC042; font-size:30px; margin-bottom:20px;}
		.promo-tab .tab-pane#dry h2 { color:#FCC042; font-size:16px; margin-bottom:10px;}
		.promo-tab .tab-pane { padding-bottom:20px;}
		.promo-tab .tab-pane p, .promo-tab .tab-pane li { font-size:16px;}
		.promo-tab .tab-pane ul { margin:0; padding:0; margin-left:30px; margin-bottom:40px;}
		.promo-tab .tab-pane li { padding:0; margin:0; margin-bottom:5px;}
	.promo-tab .tab-pane#dry { background: url(http://madebystudio313.com.au/clients/chemist/wp-content/uploads/2015/05/Screen-Shot-2015-05-27-at-10.53.18-am.png) bottom right no-repeat; }



/** FOOTER **/
	.footer-panel { margin:40px auto; text-align:center !important;}
	.footer-panel > div { padding:30px;}
	.footer-panel > div img { margin:0 auto;}
	
	footer p { text-align:center; color:#8A8B9A; line-height:16px; margin-bottom:18px; font-size:10px;}
	footer p a { color:#0b5d97;}
	p.co-links, p.co-links a { color:#4572B8; text-align:left;}
	
/* misc */
	.border-rounded { border-radius:5px;}
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.hide { display:none;}
	.show { display:block;}
	ol.wp-paginate { margin-top:40px;}

input#store_wpress_address {max-width:100% !important;}


/* image align */
	img.alignright {float:right; margin:10px 0 10px 15px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px 15px 10px 0;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
/* fonts */

ul.product-feed li{
	margin-bottom: 10px;
}


ul.product-feed h2.no-link{
	font-size: 14px;
	color: #254C7F;
	font-weight: 700;
	margin-top: 4px;
	line-height: 22px;
	min-height: 50px;
	margin-bottom: 0;
}

	
/* HELP US FONT */

@font-face {
 font-family: Casual Caps;
 src: url('https://chemistsown.com.au/wp-content/themes/chemistsown/fonts/CasualCaps.otf') format('opentype');
 }

.gm-style .gm-style-iw-c{
background: white !important;
}