/* byoutique admin-bar css */
.clearfix{*zoom: 1;}
.clearfix:before, .clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
.clear{clear:both;}
.pull-left{float:left;}
.pull-right{float:right;}

.no-padding{padding:0;}
.no-padding-left{padding-left:0;}
.no-padding-right{padding-right:0;}

.margin-top5 { margin-top:5px; }
.margin-top10 { margin-top:10px; }
.margin-top15 { margin-top:15px; }
.margin-top20 { margin-top:20px; }
.margin-bottom5 { margin-bottom:5px; }
.margin-bottom10 { margin-bottom:10px; }
.margin-bottom15 { margin-bottom:15px; }
.margin-bottom20 { margin-bottom:20px; }

.padding-top5 { padding-top:5px; }
.padding-top10 { padding-top:10px; }
.padding-top15 { padding-top:15px; }
.padding-top20 { padding-top:20px; }
.padding-bottom5 { padding-bottom:5px; }
.padding-bottom10 { padding-bottom:10px; }
.padding-bottom15 { padding-bottom:15px; }
.padding-bottom20 { padding-bottom:20px; }


#wp-admin-bar-wp-logo > .ab-item .byoutique-icon{background:url(../../../../wp-includes/images/by_logo.png) 50% 50% no-repeat !important; width:30px; height:32px;}
.byoutique-icon{background:url(../../../../wp-includes/images/by_logo.png) 50% 50% no-repeat !important; width:30px; height:32px;}
#wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon, #wpadminbar #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon{background-position: 0;}
#wpadminbar {height: 32px; right: 0; left:auto; width: 350px; min-width: 350px; background: #55A126; border-bottom-left-radius: 8px !important; padding-left: 12px;}
/* end byoutique admin-bar css */

.admin_label{z-index:999; position:fixed; font-family:"Trebuchet MS"; font-size: 11px; text-transform: uppercase; top: 28px; right: 50px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; border:1px solid #ccc; border-top:0px; padding:10px; padding-bottom:5px; padding-top:2px; background-color:#637B8D; box-shadow:1px 1px 3px #000000;}

/* Share center (specific for byoutique.com )------------ */
#share-center{-ms-box-sizing: initial; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial; height: 64px; position: fixed; z-index: 999; right: -2px; bottom:0px; border: 1px solid #ccc; border-right: 0px; background: #A9C500; padding: 5px; padding-right: 0px; font-family: Arial; color: #333; border-top-left-radius:10px; border-bottom-left-radius:0px; box-shadow:1px -1px 1px #999;}
#share-center ul{padding-left: 0px; margin: 0;}
#share-center ul li{margin-right: 5px; float: left; list-style:none; display:inline-block; margin-left: 0px;}
#share-center ul li a.facebook{background:url(../img/sc/flat/f.png) no-repeat top left; width:64px; height:64px; display: block;}
#share-center ul li a.twitter{background:url(../img/sc/flat/t.png) no-repeat top left; width:64px; height:64px; display: block;}
#share-center ul li a.gplus{background:url(../img/sc/flat/g+.png) no-repeat top left; width:64px; height:64px; display: block;}
#share-center ul li a.linkedin{background:url(../img/sc/flat/l.png) no-repeat top left; width:64px; height:64px; display: block;}
#share-center ul li a.pinterest{background:url(../img/sc/flat/p.png) no-repeat top left; width:64px; height:64px; display: block;}
#share-center ul li a.stumbleupon{background:url(../img/sc/flat/su.png) no-repeat top left; width:64px; height:64px; display: block;}
#share-center ul li a.mix{background:url(../img/sc/flat/mix.png) no-repeat top left; width:64px; height:64px; display: block;}
#share-center #button-moveRight{ color: #fff; cursor: pointer; margin-left: -2px; height: 64px; width: 20px; border: 1px solid #fff; background: #A5027C; }
#share-center #button-moveLeft{ color: #fff; cursor: pointer; margin-left: 5px; height: 64px; width: 20px; border: 1px solid #fff; background: #A5027C; }
#share-center a{text-decoration:none; color:#fff;}
/* Fine Share center ------------------------------------ */

/* byoutique cart css */
.byoutique_cart_widget{}
.byoutique_cart_widget_content{}
.byoutique_cart_container{background: url('../img/shopping_cart.png') top left no-repeat; min-height:50px;}
.custom_text{}
.byoutique_cart_widget_content img.alignleft{float:left !important; }
.byoutique_cart_widget_content .byoutique_cart_objects{display:inline-block; text-align:right; position:relative; width:100%; padding-right:2px;}
.byoutique_cart_widget_content .byoutique_cart_empty{display:inline-block; text-align:right; position:relative; width:100%; padding-right:2px;}
.byoutique_cart_widget_content a.mp_cart_link{display:block; color:#fff; padding:4px; background:#E78B30; text-align:center;}
.byoutique_cart_widget_content div.byoutique_cart_total{margin-top:10px; text-align:right;}
/* Fine byoutique cart widget css */

.widget_byoutique_login{}
.widget_byoutique_login input{width:216px; border:none; border-bottom:1px solid #999; background:none; font-size:20px; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; padding:5px;}
.widget_byoutique_login input[type=submit]{margin-top:0px; padding:4px 13px; border:none; text-transform:uppercase; width:100px; float:right;}
#sidebar .widget_byoutique_login input[type=checkbox]{margin-top:2px; width:15px; display:inline-block; float:left; border-color:#fff;}
#sidebar .widget_byoutique_login div.widet_login-submit-div{margin-top:5px; float:right;}
#sidebar .widget_byoutique_login div.widet_login-link-div{float:right;}

/* byoutique Newsletter css */
.byoutique_newsletter{}
.byoutique_newsletter_widget_content form{}
.byoutique_newsletter_widget_content fieldset{margin-bottom:0px;}
.byoutique_newsletter_widget_content label{font-size:12px; font-weight:normal;}
.byoutique_newsletter_widget_content input{}
.byoutique_newsletter_widget_content input.email{width:calc(100% - 153px); color:#333; font-size:12px; line-height:24px; padding:3px;}
.byoutique_newsletter_widget_content select.list{width:calc(100% - 168px); color:#333; font-size:12px; line-height:24px; padding:3px; height:23px;}
.byoutique_newsletter_widget_content #buttons{float:right;}
.byoutique_newsletter_widget_content #buttons input{margin-top: 2px; margin-right: 0px; margin-bottom: 0px; color: #A5027C; background: #A9C500; border: solid 1px #A5027C; cursor: pointer; line-height: 24px !important; padding:2px !important; padding-left:4px !important; padding-right:4px !important; font-size:12px !important;}
.byoutique_newsletter_widget_content #buttons input:hover{margin-top: 2px; margin-right: 0px; margin-bottom: 0px; color: #A5027C; background: #CCC; border: solid 1px #A5027C; cursor: pointer;}

/* #newsletter_signup_form .select2.select2-container.select2-container--default{width:calc(100% - 145px) !important;} */
#newsletter_signup_form .select2-container--default .select2-selection--single {border:0px solid #aaa !important;}

/* Fine byoutique Newsletter widget css */

/* byoutique twitter stream widget css */
li.twitter_stream{/*background:#8EAED3;*/}
ul#twitter_stream{list-style:none;}
ul#twitter_stream li{border-bottom:1px solid #EBEBEB; padding: 10px 0 10px 0 !important;}
/* Fine twitter stream widget css */

/* byoutique socialmedia widget css */
.byoutique_socialmedia_widget_content{text-align:center;}
.byoutique_socialmedia_widget_content a, .byoutique_socialmedia_widget_content a:hover, .byoutique_socialmedia_widget_content a:active, .byoutique_socialmedia_widget_content a:visited{color:#000;}
.socialmedia{margin:4px; font-size:16px; text-transform:uppercase; display:inline-block;}
/* Fine byoutique socialmedia widget css */

/* byoutique whereabouts widget css */
.socialmedia{margin-top:4px; margin-bottom:4px; font-size:16px; text-transform:uppercase; display:inline-block;}
.socialmedia img{padding-right:4px;}
/* Fine byoutique whereabouts widget css */

/* byoutique paymentmethods widget css */
.paymentmethods{padding-bottom:25px; text-align:center;}
.paymentmethods i{margin-left:2px;}
.paymentmethods i:first-child{margin-left:0px;}
/* Fine byoutique paymentmethods widget css */

/* byoutique fast_shipping_all_over widget css */
.byoutique_fast_shipping_all_over{background:#A9C500;}
#fast_shipping_all_over{}
.fast_shipping_text{display:inline-block; float:right; font-size:50px;}
/* Fine byoutique fast_shipping_all_over widget css */

/* byoutique free_shipping widget css */
.byoutique_free_shipping{background:#A5027C;}
#free_shipping{}
#free_shipping img{width:70px; height:70px; text-align:left; vertical-align:top; margin:4px;}
.free_shipping_text{display:inline-block; float:right;}
h4.free_shipping_text{text-transform:uppercase; font-size:14px; margin-top:20px; margin-bottom:0px !important;}
#sidebar-banner h4.free_shipping_text{margin-top:10px; font-size:21px;}
h5.free_shipping_text{text-transform:uppercase; margin-bottom:0px !important;}
/* Fine byoutique free_shipping widget css */

/* byoutique info_shipping widget css */
.byoutique_info_shipping{background:#A5027C;}
#info_shipping{}
#info_shipping img{width:70px; height:70px; text-align:left; vertical-align:top; margin:4px;}
.info_shipping_text{display:inline-block; float:right;}
h4.info_shipping_text{text-transform:uppercase; font-size:14px; margin-top:20px; margin-bottom:0px !important;}
#sidebar-banner h4.info_shipping_text{margin-top:10px; font-size:21px;}
h5.info_shipping_text{text-transform:uppercase; margin-bottom:0px !important;}
/* Fine byoutique free_shipping widget css */

/* byoutique one_product_banner widget css */
.byoutique_one_product_banner{background:#8EAED3;}
#one_product_banner{}
#one_product_banner img{width:70px; height:70px; text-align:left; vertical-align:top; margin:4px;}
.one_product_banner_text{display:inline-block; float:right; width:219px;}
h4.one_product_banner_text{text-transform:uppercase; font-size:12px; margin-top:20px; margin-bottom:0px !important;}
#sidebar-banner h4.one_product_banner_text{margin-top:10px; font-size:12px;}
.read_more{float:right; display:inline-block; text-align:right;}
/* Fine byoutique free_shipping widget css */

/* byoutique free_shipping widget css */
.byoutique_promo_page{background:#8EAED3;}
#promo_page{}
#promo_page img{}
.promo_page_text{float:right;}
h4.promo_page_text{text-transform:uppercase; font-size:12px; margin-top:20px; margin-bottom:0px !important; position:relative; bottom:30px; right:5px; background:rgba(0, 0,0, 0.7); padding-left:5px; padding-right:5px;}
#sidebar-banner h4.promo_page_text{margin-top:10px; font-size:12px;}
.read_more{float:right; display:inline-block; text-align:right;}
/* Fine byoutique free_shipping widget css */

/* byoutique cart_menu css */
#cart-sidebar{}
#cart-sidebar #cart-widget-area{float:left;}
#cart-sidebar #cart-widget-area #cart{float:left;}
#cart-sidebar #cart-widget-area #cart ul{list-style:none; margin-bottom:0px; float:left;}
#cart-sidebar #cart-widget-area #cart ul li{display:inline; float:left; margin-left: 10px;}
#cart-sidebar #cart-widget-area #cart ul li.cart_menu_element{border-right:1px solid #EBEBEB; padding-right:10px;}
#cart-sidebar #cart-widget-area #cart ul li.cart_menu_element:first-child{border-left: 1px solid #EBEBEB; padding-left:10px;}

#colophon{}
#colophon #sidebar-colophon{float:right; width:100%; display:inline-block; margin-bottom:10px;}
#colophon #sidebar-colophon #colophon-widget-area{float:right;}
#colophon #sidebar-colophon #colophon-widget-area div.widget-area{float:right;}
#colophon #sidebar-colophon #colophon-widget-area div.widget-area ul{list-style:none; margin-bottom:0px;}
#colophon #sidebar-colophon #colophon-widget-area div.widget-area ul li{display:inline; float:left;}
#colophon #sidebar-colophon #colophon-widget-area div.widget-area ul li.cart_menu_element{}
#colophon #sidebar-colophon #colophon-widget-area div.widget-area ul li.cart_menu_element:first-child{}
/* Fine byoutique cart_menu css */

/* Generic CSS trick */
.clear{clear:both;}
input[type=submit]{
  background: #3498db;
  /* background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9); */
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: 0px;
}

input[type=submit]:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

input[type=text]:hover{outline:0 !important;}
input[type=text]:focus{outline:0 !important;}
input[type=text]:active{outline:0 !important;}

input[type=password]:hover{outline:0 !important;}
input[type=password]:focus{outline:0 !important;}
input[type=password]:active{outline:0 !important;}

ul.select2-results__options li{margin-left:0;}

/* Stripe CSS */
form#mp_cart_form {padding: 40px;}
#payment-fields.StripeElement, #subscription-fields.StripeElement{border: 1px solid #ccc; width:100%; margin-top:20px;}
#payment-fields.StripeElement .__PrivateStripeElement, #subscription-fields.StripeElement .__PrivateStripeElement{padding:20px !important;}


/* Gift Card CSS */
#gift-card-fields{border: 1px solid #ccc;}
#gift-card-fields .payment-fields{padding: 20px !important;}
#gift-card-fields .payment-fields i{width: 20px !important; color: #ccc;}
#gift-card-fields .payment-fields input{border: none !important; display: inline-block !important; width: calc(100% - 25px) !important; background: transparent !important; font-size: 16px !important;}
#gift-card-fields .payment-fields input:hover, #gift-card-fields .payment-fields input:active, #gift-card-fields .payment-fields input:focus, #gift-card-fields .payment-fields input:focus-within, #gift-card-fields .payment-fields input:focus-visible, #gift-card-fields .payment-fields input:visited{border: none !important; outline: none;}
