/*
Theme Name: Flatsome Child Theme
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome
Author: UX Themes
Author URI: http: //www.uxthemes.com/
Template: flatsome
Version: 2.0
*/

@import url("../flatsome/css/foundation.css");

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
#testimonials, #whatisbuband,#whythebuband, #howtowearbuband, #whatwearbuband, #sizing, #testimonials, #shipping {
 /*   padding-top: 80px; */
}
a{color: #777777;}
#logo a img {
	max-height: 95px !important;
	margin-top: -27px;
}
#masthead #logo {
	display: block;
	position: relative;
	z-index: 9999;
}
#masthead.stuck.move_down #logo a img{margin-top: 0px; display: none;}
#masthead.stuck.move_down #logo a {
	background: url("img/favicon.png") no-repeat scroll 50% 50% / 40px 40px rgba(0, 0, 0, 0);
	height: 70px;
	width: 100px;
}
.stock.in-stock {
	display: none;
}

/********** Nav Style ***********/
ul.header-nav a.nav-top-link {
	color: #f6f0b9;
	opacity: 1;
}
.wide-nav.nav-left .nav-wrapper > #site-navigation{
	float: right !important;
}
.wide-nav .header-nav > li {
	line-height: 20px;
	margin-left: 40px;
	width: auto;
}
ul.header-nav a.nav-top-link {
	float: right;
	text-align: right !important;
	text-transform: none;
	}
	.wide-nav.light.nav-left.move_down.stuck {
	top: 70px !important;
	position: fixed;
}
.wide-nav.light.nav-left{display: none;}
div.wide-nav ul.header-nav li a {
	padding-bottom: 20px;
}

.wide-nav.light.nav-left {
	position: absolute;
	top: auto;
	width: 100%;
}
.home #masthead, .home #top-bar {
	background-color: transparent;
}
.home #top-bar, .home .wide-nav.light.nav-left {
	background: url("img/header-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none !important;
}
.wide-nav.light.nav-left{background-image: url("img/header-bg.png"); 
background-repeat: repeat-x;
}
#top-bar {
	background: url("img/header-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.top-bar-nav a:hover, .top-bar-nav li:hover {
	border: none !important;
	opacity: 1;
}
ul.header-nav li.active a.nav-top-link {color: #f6f0b9;}
.ux_banner h2 {
	color: #f6f0b9;
	opacity: 1;
	font-weight: normal;
}
.top-bar-nav a {
	font-size: 15px;
	text-decoration: none;
	opacity: 0.5;
}
#top-bar li {
	border: medium none;
}
.top-bar-message {
	display: inline-block;
	font-weight: bold;
}
.top-bar-message a {
	color: #FFF;
	opacity: 0.5;
}
.top-bar-message a:hover {
	opacity: 1;
}
.menu-top_menu-container {
	display: inline-block;
}
a.toggle {
	padding-right: 55px !important;
	font-size: 20px !important;
	text-transform: none;
}
a.toggle.plus {
	background: url("img/collaspe-icon.png") no-repeat scroll 90% 51% / 30px 17px rgba(0, 0, 0, 0);
	color: #f6f0b9 !important;
	text-transform: none;
}
a.toggle.cross {
	background: url("img/close.png") no-repeat scroll 90% 56% / 30px 27px rgba(0, 0, 0, 0);
	text-transform: none;
}
a.buynow, a.cart-link {
	background: none repeat scroll 0 0 #4d4d4d;
	font-size: 14px !important;
	margin-left: 20px;
	padding: 8px 20px !important;
	color: #f6f0b9 !important;
   text-transform: none !important;
}
body.woocommerce a.buynow, body.woocommerce-page a.buynow, body.page li.mini-cart, body.home li.mini-cart {
	display: none !important;
}
span.cart-price, div.cart-icon {
	display: none !important;
}
a.cart-link strong {
	color: #f6f0b9 !important;
}
.button.primary.lightbox {
	background: none repeat scroll 0 0 transparent !important;
	border: 2px solid #f6f0b9;
	color: #f6f0b9;
   text-transform: none !important;
   margin-top: 22px !important;
}
.button.primary.whatto {
	background: none repeat scroll 0 0 transparent !important;
	border: 2px solid #f6f0b9;
	color: #f6f0b9;
   text-transform: none !important;
}
.number-block .button.alt-button.black.lightbox {
	background: none repeat scroll 0 0 transparent !important;
	margin-bottom: -12px;
	margin-top: -20px;
	text-transform: none !important;
}
.number-block .button.alt-button.black.lightbox:hover{
	color: #777777 !important;
}
.button.alt-button.black.lightbox.size {
	background: none repeat scroll 0 0 transparent !important;
	border-color: #777777 !important;
	color: #777777 !important;
	text-transform: none !important;
}
.button.alt-button.black.lightbox.size:hover {
	color: #777777 !important;
}
 .sliderBullets{bottom: 150px !important;}
 .small-12 .sliderBullets {
	bottom: 20px !important;
}
.sliderBullets .bullet, .flipContainer .pager span.dot{
	height: 11px;
	width: 11px;
}
div.explore {
	margin: -140px auto 0;
	width: 55px;
}
div.explore a {
	background: url("img/explore_icon.png") no-repeat scroll 32% 26%/45px 45px rgba(0, 0, 0, 0);
	display: block;
	height: 102px;
	padding-top: 62px;
	position: relative;
	width: 62px;
	z-index: 9999;
	color: #f6f0b9;
}

div#block-what-is-buband, div#block-how-to-wear-buband {
	background: #fdfae0;
}
div.center .tx-div {
	margin-left: auto;
	margin-right: auto;
}
div.center {
	text-align: center;
}
div.why_buband {
	float: none;
	margin: 0 auto !important;
	max-width: 896px;
	overflow: hidden;
	padding: 60px 0;
}
div.why_buband .tx-div {
	background: #f6f0b9 !important;
	opacity: 1;
}
div.why_buband p {
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding-top: 20px;
}
div.why_buband h1 {
   font-size: 30px;
   font-weight: normal;
   line-height: 1.7em;
}
div.why_buband h5, div.why_buband h1 {
	color: #f6f0b9 !important;
}
.row.container{margin-bottom: 0px !important;
max-width: 896px;
}
.home .site-main.light {
	margin-top: -300px;
}
.iosSlider {
	margin-bottom: 0;
}
span.number {
	background: none repeat scroll 0 0 #e3e1c9;
	border-radius: 100px;
	color: #fdfae0;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 10px !important;
}
div.number-block p, #block-what-is-buband p {
	 color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3em;
	padding-top: 15px;
}
div#block-how-to-wear-buband h5 {
	padding-top: 30px;
}
div#block-how-to-wear-buband h3 {
	font-size: 23px;
	font-weight: normal;
	margin: 0 auto;
	padding-bottom: 15px;
	width: 90%;
	color: #1e1e1e;
}
#block-shipping a, a.mail {
	color: #777777;
	font-weight: bold;
}
div#block-what-to-wear-with-buband {
	background: none repeat scroll 0 0 #353535;
	padding-bottom: 30px;
}
div#block-what-to-wear-with-buband h3, div#block-what-to-wear-with-buband h4, div#block-what-to-wear-with-buband p {
	color: #f6f0b9;
}
div#block-what-to-wear-with-buband .tx-div {
	background: #f6f0b9;
	opacity: 1;
}
#block-what-is-buband h4 {
	color: #000;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.3em;
}
#block-what-is-buband p {
	color: #000;
	line-height: 1.3em;
}
#block-what-to-wear-with-buband h3 {
	font-size: 23px;
	font-weight: normal;
	letter-spacing: 0.03em;
}
#block-what-to-wear-with-buband p {
	font-size: 18px;
	letter-spacing: 0.03em;
	line-height: 1.3em;
}
h4#whatwearbuband {
	font-weight: 500;
}
body.full-width #main-content {
	/* margin-left: auto;
	margin-right: auto;
	max-width: 1500px !important; */
}
body.full-width #wrapper {
	background-color: #fdfae0 !important;
	overflow: hidden;
}
#block-why-the-buband .ux-section-bg,.home .ux_banner .banner-bg {
	margin-left: auto;
	margin-right: auto;
	max-width: 1500px;
}
/********************* Contact Us***************************/
#ninja_forms_field_1_div_wrap {
	float: left;
	margin-right: 2%;
	width: 49%;
}
#ninja_forms_field_2_div_wrap {
	float: right;
	width: 49%;
}
#ninja_forms_field_6_div_wrap {
	clear: both;
	display: block;
	float: none;
}
#ninja_forms_form_1_all_fields_wrap {
	overflow: hidden;
}
#ninja_forms_field_6_div_wrap {
	clear: both;
}
#nf_submit_1 .ninja-forms-field {
	background: none repeat scroll 0 0 #4d4d4d;
	color: #f6f0b9;
	float: right;
	padding-left: 30px;
	padding-right: 30px;
	text-transform: none;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	background-color: #e3e0ca;
	}
#block-our-purchase-promise, #block-recent-press-coverage {
	background: none repeat scroll 0 0 #ebe8d1;
	padding: 35px 0;
}
#block-recent-press-coverage{text-align: center;}
#block-recent-press-coverage .tx-div {
	margin: 0 auto 21px;
	opacity: 0.5;
}

/********************** Press ******************************/
div.down-press {
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 40px;
}
div.down-press ul {
	display: block;
}
div.down-press li a {
	color: #33322d;
	border-bottom: 1px solid #555;
}
div.down-press li {
	display: inline;
	list-style: outside none none;
	margin-right: 25px;
}
#block-recent-press-coverage span {
	display: block;
	text-align: center;
}
#content > .ux_banner.top{margin-bottom: 0px; background-color: #000;}
#block-how-to-wear-buband img {
	max-width: none;
}
#block-what-is-buband .ux_banner {
	background-color: #fdfae0;
}
#block-why-the-buband .ux-section, div#block-what-to-wear-with-buband .ux_banner {background-color: #000;}

/******************* Product Details***********************/
table.variations.custom {
	float: left;
	width: 35%;
}
div.single_variation_wrap {
	float: right;
	width: 60%;
}
.product_meta, .product-info .social-icons {
	display: none;
}
button.single_add_to_cart_button {
	background: none repeat scroll 0 0 #4d4d4d !important;
	color: #f6f0b9 !important;
	float: right;
	font-size: 17px;
	margin-top: 8px;
	padding: 10px 30px;
	text-transform: none;
}
.custom select {
	text-transform: none;
}

.variations_button {
	float: right;
	overflow: hidden;
	width: 100%;
}
.quantity.buttons_added{
margin-top: 8px;
}
.quantity.buttons_added .minus, .quantity.buttons_added .plus, .quantity .input-text.qty{height: 35px !important;}
/*  -- custom select box -- */
.quantity_select {
  position: relative; }

.quantity_select:after {
  position: absolute;
  right: 0;
  top: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.quantity_select:after {
  border-color: rgba(145, 145, 145, 0);
  border-top-color: #919191;
  border-width: 6px;
  right: 8px;
  margin-left: -6px; }
  
select.qty {
  -webkit-appearance: none;
  text-transform: uppercase;
  font-size: 90%;
  color: #333;
  line-height: 1;
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-left: 10px;
  padding-right: 20px;
  height: 34px;
  -webkit-appearance: none;
  border: 1px solid #dddddd;
  padding: 5px 8px 4px;
  position: relative;
  top: 1px;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, white); }
  select.qty:hover {
	background: #f1f1f1;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #f7f7f7 100%);
	background: -webkit-linear-gradient(top, #f1f1f1 0%, #f7f7f7 100%);
	background: linear-gradient(to bottom, #f1f1f1); }
.quantity_select {
	margin-top: 8px;
	width: 100px;
}
.short-description {
	clear: both;
}
#block-shipping, #block-sizing {
	background: none repeat scroll 0 0 #ebe8d1;
}
.single-product .ux_block{padding: 30px 0;}
td.label {
	margin-top: -20px;
	position: absolute;
}
form{margin-bottom: 0px;}
.product-info h1.entry-title {
	float: left;
}
.product-info p.price.large {
	float: right;
	font-weight: normal;
	margin-bottom: 40px;
}
.product-info .variations_form.cart {
	clear: both;
}
.product-info .tx-div.small, .product-info .breadcrumb{
	display: none;
}
p.shipping-info {
	color: #555;
	display: none;
	float: right;
	font-weight: 600;
	margin-bottom: 40px;
	width: 66%;
}
.product-info {
	padding-left: 3%;
}
.about_paypal {
	display: block;
	text-align: center;
}
ul.payment_methods li label {
	display: inline !important;
}
p select#calc_shipping_state {
	display: none;
}
#block-what-to-wear-with-buband .banner-bg.ux_parallax, #block-what-is-buband .banner-bg.ux_parallax{
	background-size: contain;
}
#block-how-to-wear-buband .column-inner {
	padding-bottom: 0 !important;
}
.woocommerce-checkout .footer-1, .woocommerce-checkout .footer-2{display: block !important;}
/************************ Footer ****************************/
.footer{border-top: 0;}
.footer .menu li a:hover {
	color: #f6f0b9;
}
.footer .menu li a {
	border: none !important;
	text-transform: none;
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: normal;
}
.footer .menu li a, .widget_nav_menu ul li.current-menu-item a {
	color: #f6f0b9;
}
.copyright-footer p {
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 10px;
}
.copyright-footer span, .copyright-footer span a {
	color: #f6f0b9;
	font-size: 11px;
}
.copyright-footer span a{text-decoration:underline;}
.footer .buynow {
	display: table;
	font-size: 20px !important;
	margin-top: 10px;
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.copyright-footer {
	margin-top: -70px;
	opacity: 1;
}
#text-3.left.widget .textwidget {
	float: right;
	text-align: right;
}
#submit, button, .button, input[type="submit"]{background: #4d4d4d !important;}
/**********************************************************************/
/***************------------- 14. FIXES -------------******************/
/**********************************************************************/
.home h3 {
	color: #1e1e1e;
	font-size: 15px;
	font-weight: 600;
}
.home #block-what-is-buband h4 {
	color: #1e1e1e;
	font-size: 23px;
}
.home #block-what-is-buband p {
	color: #1e1e1e;
	font-size: 18px;
}
.dark-header #masthead .html-block a {
	font-size: 14px !important;
}
#top-bar .icon-google-plus {
	font-weight: 700 !important;
	text-shadow: 0 0 0 #fff;
}
.ux_banner .center, .ux-text-overlay .text-vertical-center {
	bottom: 30% !important;
}


#whatisbuband,h4#whatwearbuband, #whythebuband,#howtowearbuband {
	font-size: 20px;
}
#block-what-is-buband .tx-div.small,
#block-what-to-wear-with-buband .tx-div.small,
#block-why-the-buband .tx-div.small,
#block-how-to-wear-buband .tx-div.small{
	height: 2px;
	width: 180px;
}
.home .ux_block .column-inner {
	padding-bottom: 22px;
}
#block-why-the-buband div.why_buband h1 {
	font-size: 22px;
}
.wythebubband-bicon{
	margin-top: 25px;
	width: 25px;
}
#howtowearbuband {
	color: #1e1e1e;
}
#block-how-to-wear-buband .number-block p {
	color: #1e1e1e;
	font-size: 18px;
}
#block-how-to-wear-buband .number-block span.number {
	color: #fdfae0;
	font-size: 22px;
	padding: 5px 14px 8px !important;
	display: inline-block;
   margin-bottom: 9px;
}
#block-what-to-wear-with-buband .column-inner {
	padding-bottom: 50px;
}
.footer-wrapper .footer .buynow {
	font-size: 14px !important;
	font-weight: 700;
	opacity: 0.8;
	padding: 6px 20px !important;
}
a.shipping-calculator-button {
	color: #555555;
}
body .product-page {
	padding-top: 77px;
}
.product-thumbnails .thumb:hover img, .product-thumbnails .thumb.selected img {
	margin-top: -8px;
}
.variations_form td.label {
	display: none;
}
.page-id-114 #main-content {
	padding-top: 45px;
}
.page-id-114 .site-main p a {
	border-bottom: 1px solid #555;
	color: #33322d;
}
table.chart tr {
	border: medium none;
}
table.chart tr.header, table.chart tr.last {
	border-bottom: 2px solid #888;
}
table.chart {
	background: #ebe8d1;
	margin: 0 auto 30px auto;
	width: 93%;
}

table.chart tr.dark {
	background: #fdfae0;
}
table tr td {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.02em;
	padding: 0.5625em 0;
	text-align: center;
}
table tr.header th {
	color: #555;
	font-size: 19px;
	font-weight: 700;
	width: 33%;
   text-align: center;
}
table.chart td.left, table.chart th.left {
	padding-left: 20px;
	text-align: left;
	 float: none !important;
}
table.chart td.right, table.chart th.right {
	padding-right: 20px;
	text-align: right;
	  float: none !important;
}

@-moz-document url-prefix() {
  .quantity_select:after {
	display: none; }
 }
 .page #content {
	padding-top: 30px;
}
 @media only screen and (max-width: 768px) {
.home.page #content {
	padding-top: 0px;
}
.cart-link .hide-for-small.cart-name {
	display: inline-block !important;
}
#site-navigation{display: none;}
a.toggle{display: none !important;}
a.buynow,#jPanelMenu-menu li ul.top-bar-nav li{float: right;}
#top-bar .html, .top-bar-nav {
	display: block !important;
	margin-right: 15px !important;
}
.textwidget .buynow.mobile {
	float: right;
	display: block !important;
}
.buynow.large {
	display: none;
}
/*
table.variations.custom{width: 30% !important;}
div.single_variation_wrap{width: 70% !important;}
button.single_add_to_cart_button{padding: 10px 22px !important;}
*/
 }
 @media only screen and (min-width: 48em) {
#text-3.large-3 {
	width: 20%;
}
#nav_menu-3.large-3 {
	width: 30%;
}
}
 @media only screen and (max-width: 48em) {
/*************** ADD CUSTOM MOBILE CSS HERE  ***************/

.wide-nav.light.nav-left{display: none;}
a.toggle.plus, a.toggle.cross{background: none; padding-right: 0 !important;font-size: 14px !important;}
#jPanelMenu-menu{background: url("img/header-bg.png");}
#jPanelMenu-menu .top-bar-nav li:first-child, #jPanelMenu-menu li{border-bottom: none;}
#jPanelMenu-menu li > a{color: #f6f0b9 !important;}

#content > .ux_banner.top{height: 300px !important;}
#block-what-is-buband .ux_banner {height: 200px !important;}
#block-how-to-wear-buband img{max-width: 100% !important;}
#block-what-to-wear-with-buband .ux_banner {height: 205px !important;}
.slide{height: 250px !important;}
.iosSlider.product-gallery-slider {
height: 250px !important;
min-height: 250px !important;
}

}
@media only screen and (max-width: 320px) {
table.variations.custom{width: 60%;}
div.single_variation_wrap {float: none; width: 85%;}

}
.jquery-lightbox-border-bottom-right, .jquery-lightbox-border-bottom-middle, .jquery-lightbox-border-bottom-left{bottom: -33px !important;}