/*
 Theme Name:     South Beach Tan
 Theme URI:      http://www.southbeachtan.co.za/
 Author:         BlueMagnet
 Author URI:     https://www.bluemagnet.co.za
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
	font-family: 'GillSansMT-Condensed';
	src: url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/GillSansMT-Condensed.ttf');
	src: url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/GillSansMT-Condensed.eot');
	src: url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/GillSansMT-Condensed.eot?#iefix') format('embedded-opentype'),
	url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/GillSansMT-Condensed.woff') format('woff'),
	url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/GillSansMT-Condensed.ttf') format('truetype'),
	url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/GillSansMT-Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeue';
	src: url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/HelveticaNeue.ttf');
	src: url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/HelveticaNeue.eot');
	src: url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
	url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/HelveticaNeue.woff') format('woff'),
	url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/HelveticaNeue.ttf') format('truetype'),
	url('https://www.southbeachtan.co.za/wp-content/uploads/2019/03/HelveticaNeue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.et_header_style_left #et-top-navigation {
    padding-top: 75px;
}
.et_header_style_left #et-fixed-header {
    padding-top: 20px !important;
}
.et_fixed_nav.et_show_nav #page-container {padding-top: 164px !important;}
body, div, p, td {
	font-family: 'HelveticaNeue' !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'GillSansMT-Condensed' !important;
}
header#main-header, 
.container.clearfix.et_menu_container {
    min-height: 100px;
}

.rowFlex {
	
}
.rowCol1 {
	
}
.rowCol2 {
	
}

.homeShopBox .et_pb_blurb {
    overflow: visible !important;
	margin-bottom: 20px !important;
}
.priceBox {
    position: relative;
    height: 0px;
    width: 100%;
    overflow: visible;
}
.priceTag {
    background: #cb7c4d;
    width: 150px;
    height: 50px;
    z-index: 999;
    position: relative;
    margin: 0px auto;
    border-radius: 5px;
    line-height: normal;
	font-family: 'GillSansMT-Condensed' !important;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}
span.priceR {
    font-size: 30px;
}
span.priceNum {
    font-size: 40px;
}
span.priceNorm {
    top: -18px;
    position: relative;
}
.priceSpec span.priceR, .priceSpec span.priceNum {
    position: relative;
    top: -5px;
}
.homeBlog article {
    height: 320px;
}
#blogPage article {
	background-color: #454545;
	border-radius: 3px;
}
#blogPage div.post-content p {
    height: 220px;
	color: #fff !important;
	line-height: 1.5em;
}
#blogPage article .et_pb_image_container {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: -20px;
}
#blogPage  h2.entry-title, 
.homeBlog h2.entry-title {
    height: 55px;
}
#blogPage  h2.entry-title a {
	color: #fff !important;
}
#blogPage p.post-meta {
	font-size: 14px;
	color: #cb7c4d !important;
	text-align: left;
	color: #fff;
}
#blogPage a.more-link {
    background: #cb7c4d;
	color: #fff;
    padding: 5px 15px 8px 15px;
    border-radius: 3px;
    position: absolute;
}
#blogPage a.more-link:hover {
	background: #272727;
}
.contactHome a {
	color: #fff;
}
#menu-footer-menu a {
    color: #cb7c4d;
}
#footer-bottom li.et-social-icon a {
	color: #cb7c4d !important;
}
.homeSlider, .homeSlider .et_pb_slide {
    min-height: 500px;
}
.homeSlider .et_pb_slide_image img {
    width: auto !important;
}
.homeSlider .et_pb_slide_description {
	display: none;
}
.homeSlider .et_pb_slide_image {
    width: 100%;
    margin: 0px !important;
}
.homeSlider .et_pb_media_alignment_center .et_pb_slide_image {
    top: 50px;
    bottom: auto;
}
.homeShopBox span.et_pb_image_wrap {
    width: 90% !important;
}
#sliderContact {
    height: 0px;
    z-index: 999;
}
div#sliderConBox {
    position: relative;
    float: right;
    width: 0px;
    right: 10%;
    height: 0px;
    top: -450px;
}
div#sliderCBCode {
    position: relative;
    width: 350px;
    height: 380px;
    background: #484848;
    float: right;
    text-align: left;
    padding: 20px;
    border-radius: 5px;
    color: #fff;
}
div#sliderCBCode h2 {
	color: #fff;
}
.homeShopBox h4 a {
    color: #363636;
}
div#left-area {
    padding-bottom: 0px;
}
.single article.et_pb_post {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.et_color_scheme_orange a {
    color: #cb7c4d;
}
#blogPage {
	
}
.instDays {
	
}
.gsStep1 a {
    background: #cb7c4d;
    color: white;
    font-size: 16px;
    padding: 8px 10px 10px 10px;
    border-radius: 3px;
    position: relative;
    top: 10px;
}
.gsStep1 a:hover {
	background: #484848;
}
.menuFacebook a {
    font-size: 0px !important;
}
.menuFacebook a:before {
    content: "\e093";
	text-shadow: 0 0;
    font-family: ETmodules!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
	font-size: 18px;
	background-color: #cb7c4d!important;
    padding: 8px;
    border-radius: 20px;
}
.mobile_menu_bar_toggle:before {
	color: #cb7c4d !important;
}
.et_mobile_menu {
	border-color: #cb7c4d !important;
}
.footSlider .et_pb_slides {
    height: 100%;
}
div#ContactFooter {
    margin-top: -1px;
}
.formRow {
	width: 100%;
	float: left;
}
#ContactBox .formLabel {
	width: 40%;
	float: left;
	padding-bottom: 10px;
}
#ContactBox .formField {
	width: 60%;
	float: left;
	padding-bottom: 10px;
}
#sliderConBox  .formField {
	width: 50%;
	float: left;
	padding-bottom: 10px;
}
#sliderConBox .fullWidth {
	width: 100%;
	float: left;
}
.formField input, .formField textarea {
	width: 100%;
	border: 0px #0000 solid;
	color: #fff;
	background: #565656;
	border-radius: 3px;
	padding: 3px 5px;
}
#sliderConBox .formField input {
	padding: 5px 8px;
	width: 95%;
}
#sliderConBox .formField textarea {
	padding: 5px 8px;
	max-width: 303px;
}
#sliderConBox input#formSubmit, 
#sliderConBox input#formButton {
	width: 100%;
	max-width: 303px;
	background-color: #cb7c4d;
}
.subBut {
	background: #353535;
	border-radius: 3px;
	padding: 12px 20px;
	color: #fff;
	border: 0px #0000 solid;
	font-size: 16px;
}
.contentTxt h2 {
	color: #cb7c4d;
	font-size: 30px;
}
.contentTxt h3 {
	color: #ccc;
}
.sitemap  h2 {
	display: none;
}
.sitemap li a {
    color: #fff;
}
#checkoutForm {
	color: #565656;
}
#productItems li.product {
    background: #454545;
    padding: 10px;
    border-radius: 5px;
}
#productItems span.et_overlay {
    border-radius: 5px;
}
#productItems h2.woocommerce-loop-product__title {
    color: #fff;
    font-size: 30px !important;
    padding: 0px !important;
    margin: 0px !important;
}
#productItems span.et_shop_image {
    background: #fff url(https://www.southbeachtan.co.za/wp-content/uploads/2019/03/home-slider-background.jpg);
    padding: 0px;
    border-radius: 3px;
    background-size: cover;
    background-position: center;
}
#productItems span.woocommerce-Price-amount.amount {
    background: #cb7c4d;
    color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    position: relative;
    top: 20px;
}
#singleProducts div#main-content {
    background: #565656;
    padding-bottom: 50px;
}
#singleProducts nav.woocommerce-breadcrumb,
#singleProducts nav.woocommerce-breadcrumb a {
	color: #fff;
}
#singleProducts div#tab-description h2 {
	display: none;
}
#singleProducts span.woocommerce-Price-amount.amount {
    color: #cb7c4d;
}
#singleProducts .product {
    background: #fff;
    padding: 50px 50px 10px 50px !important;
    border-radius: 3px;
}
#singleProducts .related.products { display: none; }
#singleProducts h2.et_pb_module_header {
    font-size: 80px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
#singleProducts .header-content {
    margin: 85px auto !important;
}
#singleProducts .et_pb_fullwidth_header_container.center {
    height: 380px;
    background: rgba(0,0,0,0.2);
    margin-top: -50px;
    margin-bottom: -50px;
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: 100%;
}
#productItems .cartBox button.button, 
#productItems a.wc-backward, 
#singleProducts .woocommerce-message a, 
#productItems .cartBox a.checkout-button.button.alt.wc-forward, 
#singleProducts button.single_add_to_cart_button.button.alt {
    background: #cb7c4d !important;
    border: 0px;
    color: #fff !important;
    font-size: 16px;
}
#productItems a.button.wc-backward {
    width: 160px;
}
#productItems a.button.wc-backward:after {
	font-size: 28px !important;
}
#productItems .cartBox input#coupon_code {
    font-size: 16px !important;
    height: 37px;
    padding: 6px 12px;
}
#productItems .cartBox a.remove {
    color: gray !important;
    padding: 0px;
}
#productItems .cartBox a.remove:hover {
    background: transparent;
    color: #cb7c4d !important;
}
#productItems .cartBox .woocommerce-info, 
#productItems .cartBox .woocommerce-message,
#singleProducts .woocommerce-message {
    background: #454545 !important;
    color: #fff !important;
	border-radius: 3px;
}
#productItems .cartBox span.woocommerce-Price-amount.amount {
    top: 0px !important;
    background: transparent !important;
    color: gray !important;
    padding: 0px !important;
}
span.onsale {
    display: none;
}
.productLabel {
    box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.4);
    font-size: 24px !important;
    width: 120px !important;
    font-family: 'GillSansMT-Condensed' !important;
    letter-spacing: 1px;
}

/* Start popup css */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 99999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
	position: relative;
}

.close {
	color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    top: 5px;
    right: 10px;
    position: absolute;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.upsell-modal-content{ width: 100%; float: left; padding: 0 15px; }
.upsell-modal-content h1{ margin-bottom:15px; }
.upsell-modal .image-box{ width:50%; float:left; }
.upsell-modal .content-box{ width:50%; float:left; padding-left:30px; padding-top: 30px; }
.upsell-modal .quantity{ 
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0!important;
	width: auto;
	overflow: hidden;
}
.upsell-modal .quantity input{
	border: 0 solid #333!important;
    width: auto;
    max-width: 3.631em;
	text-align: center;
}
.upsell-modal button{
	cursor:pointer;
	display:inline-block; 
	vertical-align: middle;
}
.upsell-modal .sku_cat{
	border-top: 1px solid #dadada;
    padding-top: 5px;
    margin-top: 35px;
}
.upsell-modal .ajax_success{
	display:none;
	margin-top: 20px;
    font-size: 20px;
    background: #d4edda;
    color: #155724;
    padding: .75rem 1.25rem;
}
.upsell-modal .ajax_error{
	display:none;
	margin-top: 20px;
    font-size: 20px;
    background: #f8d7da;
    color: #721c24;
    padding: .75rem 1.25rem;
}
.upsell-modal .discount-box{
	margin-bottom: 25px;
	background: rgba(203,124,77,0.8);
	color: #000;
	padding: 15px;
	font-size: 30px;
	text-align: center;
}
/* EOF popup css*/

/* New adjustments */

.et_pb_wc_price .price {
  font-size: 26px!important;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  padding: 15px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  color: #4e4e4e;
}

.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
  border-color: #2d3940;
  color: #3e3e3e;
}
 
@media (max-width: 1440px) {
	div#sliderConBox { right: 5%; }
	/*.maintDose h2 { margin-left: 50px; }*/
}

@media (min-width: 981px) {
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
		padding-top: 40px;
	}
}
@media (max-width: 1180px) {
	#blogPage div.post-content p { height: 240px; }
}
@media (max-width: 1139px) {
	div#et-top-navigation { padding-left: 450px !important; }
	#top-menu li.menu-item a { padding-bottom: 30px !important; }
	.et_header_style_left #et-top-navigation nav>ul>li>a { padding-bottom: 30px !important; }
}
@media (max-width: 1024px) {
	#sliderContact { height: auto; }
	div#sliderConBox {
		width: 100%;
		background: #484848;
		position: initial;
		height: auto;
		padding: 30px 0px;
	}
	div#sliderCBCode {
		background: transparent;
		float: none;
		margin: 0px auto;
		height: auto;
		width: 80%;
	}
	.homeBlog h2.entry-title { height: 80px; }
	.homeBlog article { height: 420px; }
	#blogPage div.post-content p { height: 300px; }
	.skinTypeTxt, .maintDoseTxt { padding: 20px 80px !important; }
	#sliderConBox .formField textarea { max-width: 100%; }
	#sliderConBox .fullWidth { padding-right: 20px; }
}
@media (max-width: 980px) {
	.rowFlex {
		min-height: auto !important;
		display: flex;
		flex-direction: column;
	}
	.rowCol1 { order: 1; display: block !important; }
	.rowCol2 { order: 2; display: block !important; }
}
@media (max-width: 980px) {
	.homeShopBox .et_pb_image_wrap { width: 90% !important; }
	#blogPage div.post-content p {
		height: auto;
		margin-bottom: 20px;
	}
}
@media (max-width: 768px) {
	.homeBlog article { height: auto; }
	.homeBlog h2.entry-title { height: auto; }
	#ContactFooter .et_pb_column_empty {
		display: block;
		min-height: 250px;
	}
	.et_pb_section_1 {
		padding-top: 50px !important;
		padding-right: 0px;
		padding-bottom: 50px !important;
	}
	#sliderContact {
		padding-top: 0px !important;
	}
	.skinTypes, .getStart {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.skinTypeTxt, .maintDoseTxt { padding: 0px 80px !important; }
	/*.maintDose h2 { margin-left: 80px; }*/
	.skinTypes .et_pb_column_empty { min-height: 0; }
	.skinTypeBoxes .et_pb_column { margin-bottom: 0px; }
	.skinTypeBoxes .et_pb_row  { margin-bottom: 0px; }
	div#skinType56 { margin-bottom: -50px; }
	#skinType56 .et_pb_column { margin-bottom: 30px; }
	#skinType1, #skinType2, #skinType3, #skinType4 {
		padding-bottom: 0px;
	}
	#skinType1 .et_pb_text, #skinType2 .et_pb_text, #skinType3 .et_pb_text, #skinType4 .et_pb_text {
		padding: 150px 0px;
		border-radius: 10px 10px 0px 0px;
	}
	#skinType1 .et_pb_blurb, #skinType2 .et_pb_blurb, #skinType3 .et_pb_blurb, #skinType4 .et_pb_blurb {
		border-radius: 0px 0px 10px 10px;
	}
	
}
@media (max-width: 425px) {
	.homeSlider, .homeSlider .et_pb_slide {
		height: 400px !important;
		min-height: auto;
	}
	.et_pb_text_3 h2 { line-height: 1em; }
	.et_pb_fullwidth_header, .et_pb_fullwidth_header_container.center {
		min-height: 250px;
	}
	.et_pb_fullwidth_header_container h1.et_pb_module_header,
	.et_pb_fullwidth_section h1.entry-title {
		font-size: 60px !important;
		line-height: 100% !important;
	}
	#blogPage article { margin-bottom: 50px; }
	.et_pb_text h2 { line-height: 100% !important; }
	.et_pb_text h3 { line-height: 100% !important; }
	/*.maintDose h2 { margin: 80px 0px -80px 0px; }*/
	.maintDose .et_pb_column {
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.maintDoseTxt { padding: 0px 30px !important; }
	
	.insHeader .et_pb_fullwidth_header_container, 
	.insHeader .header-content {
		width: 100% !important;
	}
	.skinTypeTxt { padding: 0px 10% !important; }
	#skinType56 .et_pb_text {
		padding: 150px 0px;
		border-radius: 10px 10px 0px 0px;
		margin-bottom: -30px;
	}
	#skinType56 .et_pb_blurb {
		border-radius: 0px 0px 10px 10px;
	}
	#sliderConBox .formField { width: 100%; }
	#sliderConBox .formField input { width: 100%; }
	#sliderConBox .fullWidth { padding-right: 0px; }
}
@media (max-width: 375px) {
	#sliderConBox div#html_element {
		-ms-transform: scale(0.5, 0.5);
		-webkit-transform: scale(0.5, 0.5);
		transform: scale(0.85, 0.85);
		position: relative;
		left: -18px;
		margin: -10px 0px -5px 0px;
	}
}
@media (max-width: 320px) {
	#sliderConBox div#html_element {
		-ms-transform: scale(0.5, 0.5);
		-webkit-transform: scale(0.5, 0.5);
		transform: scale(0.7, 0.7);
		position: relative;
		left: -30px;
		margin: -15px 0px -10px 0px;
	}
}

.et-cart-info {
    color: #ffffff !important;
}