/*
Theme Name: Modern Bags
Author: Kyle McGowan
Author URI: http://kylemcgowan.com
Description: Custom theme for Modern Bags
Version: 1.0-wpcom
Text Domain: mbags
*/
body, p {color: #302d36;}
h1, .page-title h1 {font-size: 37px; color: #302d36;}
h2, .page-content h1 {font-size: 28px; color:#5e5e5e;}cus
h3 {font-size: 24px; color:#5e5e5e;}
h4 {font-size: 20px; color:#5e5e5e;}
h5 {font-size: 18px; color:#5e5e5e;}
h6 {font-size: 16px; color:#5e5e5e;}
.page-title {padding:12px 0; border-bottom:1px #ccc solid; margin-bottom:35px;}
.page-content i {font-weight:bold; font-style:italic;}
p span {font-weight:bold;}
.flex {display:flex; display:-webkit-flex;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.topper {background:#32383F; color:#fff; padding:2px 0;}
.topper .policy img {margin-right:8px; width:150px;}
.navbar {padding:10px 0; margin-bottom:0;}
.nav-list {display:flex; display:-webkit-flex;}
.nav-list ul {margin:auto;}
.hero img {width:80%;}
.belt {background-color:#000;}
.belt .columns {position:relative; height:170px}
.bag-size {position:absolute; display:flex; display:-webkit-flex; bottom:0; top: -20px; background-color:transparent;  transition:all .3s ease;}
.bag-size:hover {background-color:#333;}
.bag-size img {margin:auto; transition:all .3s ease;}
.bag-size:hover img {-webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -ms-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}

.home h1 {color:#302d36; font-size:24px; font-weight:bold; padding:25px 0;}
.home h2 {color:#302d36; font-size:23px; font-weight:bold; padding:25px 0;}

.page-content ul li {list-style-type:disc; margin-left:10px;}

.footer-top {background-color:#333; padding:20px 0 15px 0; display:flex; display:-webkit-flex; margin-top:50px;}
.footer-top ul {display:flex; display:-webkit-flex;}
.footer-top ul li {font-size:21px; font-weight:100; text-transform:uppercase; margin:auto; margin-right:8px; display:inline-block;}
.footer-top ul li:after {content:'|'; font-size:20px; font-weight:100; margin-left:10px; color:#C8ECFF;}
.footer-top ul li:last-child:after {content:'';} 
.footer-top ul li a {
    color: #dedede;
    transition: .3s linear all;
    display: inline-block;
}
.footer-top .footer-cstm ul li a {
    color: #dedede;
    transition: .3s linear all;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}
.footer-top .footer-cstm  ul li:after{ display: none;}
.footer-top .footer-cstm  ul li:before{ display: none;}
.footer-top ul li a:hover {color:#C8ECFF;}


.footer {background:#000; padding:30px 0;}
.footer p {color:#f2f2f2; font-size:10px;}
.footer .row {display:flex; display:-webkit-flex;}
.footer .columns {margin:auto;}
.footer ul a {text-transform:uppercase; letter-spacing:2px; font-size:12px; transition:.3s linear all;}
.soc, .chapel {text-align:center;}
.soc img {height:40px; margin-right:8px; margin:auto;}
.soc a {opacity:.8; transition:.3s linear all;}
.soc a:hover {opacity: 1;}

.footer-bottom {padding:10px 0;}
.footer-bottom .row {display:flex; display:-webkit-flex;}
.footer-bottom .columns {margin:auto;}
.payment-methods img {margin:auto 8px auto 12px;}
.security img {height:50px;}

/*------------------------- WOOCOMMERCE STYLES */
.product-content {padding-top:30px;}
.product-images {position:relative;}
.back-to-link {position:absolute; left:0; top:-45px; color: #000; transition:.3s linear all;}
.back-to-link:hover {#333;}
.price {font-size:24px; font-weight: bold;}
.options {border-top:1px #333 solid; border-bottom:1px #333 solid; padding:10px 0 30px 0; position:relative;}
.single_variation {position:absolute; left:0; bottom:-40px;}
.variations label {color:#333;}
.value {position:relative; text-transform:capitalize;}
.picker option {text-transform:capitalize !important;}
.reset_variations {position:absolute; left:0px; bottom:-30px; font-size:10px; text-transform:uppercase;}
.reset_variations a {margin:auto; font-size:10px; display:block; text-transform:uppercase;}
.single_add_to_cart_button {color: #fff; background-color:#cf5b5b !important; border:none; text-transform:uppercase; font-weight:bold; padding:12px 28px; border-radius:8px; font-size:12px; margin-top:25px !important; transition:.3s linear all;}
.single_add_to_cart_button:hover {background-color:#5e5e5e; cursor:pointer;}
.cheaper_button {
	color: #fff;
	background: #333;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 6px 30px !important;
	border-radius: 8px;
	font-size: 12px;
	margin-top: 25px !important;
	transition: .3s linear all;
	position: relative;
	display: block;
}

.cheaper_button.simple {display: inline-block;}

.cheaper_button:before {display:block; position:absolute; left:-25px; top:10px; content:'OR'; font-size:12px; font-weight:bold; color: #696969; }
.cheaper_button:hover {background-color:#5e5e5e; cursor:pointer;}
.buttons_added {padding:5px 2px 5px 20px; position:relative; border:1px solid #ccc; border-radius: 4px; overflow:hidden; -webkit-appearance:none;}
.buttons_added .minus, .buttons_added .plus {
	background-color:#ccc; 
	height:50%; 
	border: none; 
	border-left:1px solid #e5e5e5; 
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
	background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
	background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
	background-image: -o-linear-gradient(#ffffff, #f2f2f2);
	background-image: linear-gradient(#ffffff, #f2f2f2); 
	width:20px; 
	text-align:center;
	-webkit-appearance:none;
}
.buttons_added .minus:focus, .buttons_added .plus:focus, button:focus {outline:none;}
.buttons_added .minus {position:absolute; bottom:0; right:0;}
.buttons_added .plus {position:absolute; top:0; right:0;}
.buttons_added .qty {border:0; margin-left:0; font-size:14px;}

.simple-add {padding-top:25px;}
.simple-add .buttons_added {max-width:60px;}
.simple-add .buttons_added .qty {border:0; margin-left:-6px; font-size:14px;}

.description {margin-top:40px;}
.description span {font-weight:normal;}

.panel h2 {display:none;}
.shop_attributes tr td {padding:0 0 0 15px;}
.shop_attributes tr td p {margin-top:10px;}
.shop_attributes tr th {padding:0 0 0 15px; font-weight:bold; border-top:1px solid #e5e5e5; width:200px; color: #302d36;}
.shop_attributes .alt {background-color:#E8ECF1;}
.tabs li {display:inline-block;}
.tabs li a {background-color:#E8ECF1; display:inline-block; color:#000; font-weight:bold; border-radius: 8px 8px 0 0; margin-bottom:-10px; padding:15px 25px;}
.variations_button {display:block !important;}

.panel {border:2px solid #E8ECF1; padding: 15px;}
#tab-additional_information {border:none; padding: 0px !important;}

.thumbnail-wrapper {position:relative; margin-bottom:40px; padding:0 20px;}
.thumbnail-next, .thumbnail-last {position:absolute; top:18px; display:block; height:40px; width:40px; font-size:30px; text-align:center; cursor:pointer; color:#ccc; transition:all linear .3s; z-index:22;}
.thumbnail-next:hover, .thumbnail-last:hover {color:#333;}
.thumbnail-next {right:-10px;}
.thumbnail-last {left:-10px;}

.pp_gallery ul {height:80px;}
.pp_gallery ul a {height:100%}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {margin-top:30px !important;}
.pp_nav {padding-top:20px;}
.pp_details {display:none !important;}

.upsells {margin-top:40px; outline: 0;}
.upsells h2 {border-bottom:dashed 1px #ccc; padding-bottom:8px; margin-bottom:25px;}
.upsells .row {margin-top:65px;}
.upsell-product {text-align:center;}
.upsell-product p, .loop-title, .loop-price { color:#426E91;}

.attachment-shop_catalog {height: 300px; width: auto; border:4px solid #ccc;}
li.product { text-align:center; height:450px; position:relative;}
.product-loop-item {transition:all ease-in .1s; background-color:#fff; position:relative;}
.product-loop-item:hover {-webkit-transform:scale(1.2);  -moz-transform:scale(1.2);  -ms-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); z-index:9999;}
.product-loop-item:hover img {border-color:transparent;}
.product-loop-item .loop-price {font-size:18px; color:rgb(67, 80, 94); display:block; text-align:center; bottom:15px; position:absolute; width:100%;}
.product-loop-item .loop-price .price {font-size:18px; color:rgb(67, 80, 94); margin:auto;}
.loop-title {color:rgb(67, 80, 94); font-weight:bold; padding:5px;}


.tax-product_cat .product-loop-item:nth-child(4n+1) {margin-left:0;}


.cat-img img {margin:auto;}

.woocommerce-pagination {text-align:center;}
.page-numbers ul {float: right;}
.page-numbers li {display:inline-block; margin-left:5px;}

.woocommerce-message {display:none;}

.product_list_widget li  {display:block; position: relative; padding-left: 60px; border-bottom:1px solid #ccc; width:100%; min-height:75px;}
.product_list_widget li img {display:block; width:50px; left:0; position:absolute;}
p.buttons a, .cart .button{color: #fff; background-color:#333; border:none; text-transform:uppercase; font-weight:bold; padding:12px 28px; border-radius:8px; font-size:12px; margin-top:35px; transition:.3s linear all; background-image:none; cursor:pointer;}
.onsale {display:none;}
.widget-title {font-size:21px; font-weight:100;}

.chosen a, .widget_layered_nav li a {
	padding:4px 0px 4px 25px;
	margin-right:10px; 
	position: relative;
}
.widget_layered_nav li a:before {font-family: "entypo"; content: "\f600"; display:block; position:absolute; left:5px; top:3px; color:#ccc;}
.widget_layered_nav li.chosen a:before {content: "\274e"; color:#426E91;}

.actions {text-align:right;}
.coupon {text-align:left; display:inline-block; float:left;}
.coupon input {padding:12px 5px; font-size:12px;}
.coupon input:focus {outline:none;}
.coupon .button {border-radius:0px 8px 8px 0px; margin-left:-5px; padding:14px; margin-top:0;}
.checkout-button {color: #fff; background-color:#cf5b5b !important; border:none; text-transform:uppercase; font-weight:bold; padding:12px 28px; border-radius:8px; font-size:12px; margin-top:25px; transition:.3s linear all; background-image:none;}
.checkout-button:hover {background-color:#5e5e5e; cursor:pointer;}
.cart_totals th {padding-left:20px; border-top:1px solid #e5e5e5;}
.cart_totals ul li {list-style-type:none; margin-left:0;}
.shipping-calculator-button {display:none;}

.woocommerce-billing-fields h3 {padding-bottom:17px;}
.fieldset p input{width:95%; padding:8px 5px; font-size:16px;}
.fieldset .input-checkbox, .fieldset .checkbox {display:inline-block; width:auto;}
.fieldset textarea {width:100% !important;outline: none;padding: 5px;}
#billing_country_field, #shipping_country_field {width:100%;}

.shop_table th {padding-left:20px; border-top:1px solid #e5e5e5;}
.shop_table ul li {list-style-type:none; margin-left:0;}
.shop_table label {display:inline-block;}

.payment_methods .input-radio {}
.payment_methods input, .payment_methods label, .terms label {display:inline-block;}
.payment_methods li, .payment_method_cod {list-style-type:none !important;}
.payment_method_paypal {position:relative;}
/*
.payment_method_paypal input, .input-radio {position:absolute; top:5px; left:-25px;}
*/
.payment_method_paypal img {display:block;}
.payment_method_paypal input[type="submit"] {color: #fff; background-color:#cf5b5b !important; border:none; text-transform:uppercase; font-weight:bold; padding:12px 28px; border-radius:8px; font-size:12px; margin-top:25px; transition:.3s linear all; background-image:none;}

ul.page-numbers {display:inline-block; background-color:#f2f2ff2; border:1px solid #ccc; border-radius: 5px; height:26px; overflow:hidden;}
li.page-numbers {margin:0; margin-left:0 !important;}
.page-numbers a {border-right:1px #ccc; height:100%; padding:3px; margin:0; width:20px; text-align:center;}
.page-numbers a:first-child {width:30px;}
/* .page-numbers a:last-child {background-color:#e5e5e5;} */
.page-numbers a:hover, .current a {background-color:#426E91; color:#fff;}

ins, .sale {color:#cf5b5b;}
.retail {text-decoration:line-through;}

.pp_description, .about_paypal {display:none !important;}
.payment_method_cba_gate {position:relative; list-style-type:none;}
.payment_method_cba_gate img {display:block;}
.payment_method_cba_gate label {display:block; clear:both; margin-bottom:0;}
.payment_method_cba_gate .form-row-first, .payment_method_cba_gate .form-row-last {float:left; width:150px;}
.cba_gate_form p {float:left; margin-top:20px;}
.cba_gate_card_number_wrap {width:40%;}
.cba_gate_card_number_wrap input {width:100%;}

.upsell-product p, .loop-title, .loop-price {
    color: #43505e !important;
}
.three.columns.product-loop-item li.product {
    height: 370px;
}
div#upsells h2 {
    border-bottom: 0 !important;
}
body .options.row .widget-product >iframe {
    width: 100%!important;
    height: 55px!important;
    margin-top: 45px!important;
    position: relative;
    left: 0;
    bottom: auto;
}
.options.row .widget-product {
    float: left;
    width: 50%;
    display: inline-block !important;
}
.afterpay{
    margin-bottom:0px !important;    margin-top: 20px !important;
}
button.single_add_to_cart_button.button.alt {
    padding: 12px 38px;
}
.footer-top .footer-cstm ul li{ margin-right: 0px;}
.footer-top ul li a {
    font-size: 17px;
}
.navbar .logo a img {
    margin-top: 11px;
}
@media only screen and (max-width: 1009px) {
.footer-top ul {display:block;}
.footer-top ul li {display:block; text-align:center; padding:10px 0;}
.footer-top ul li:after {content:'';}
.bag-size {position:relative; display:block; width:50%; float:left; text-align:center; top:auto; bottom:auto; padding:10px;}
.product-loop-item:hover {-webkit-transform:none;  -moz-transform:none;  -ms-transform:none;  -o-transform:none;  transform:none; box-shadow: none;}
.product-loop-item:hover img {border-color:#ccc;}
}

.yith_magnifier_gallery li {
padding-left: 1px;
}

.archive .product-loop-item:nth-child(4n+1) {
  margin-left: 0;
}

input#place_order {
  background-color: rgb(70, 123, 184);
  color: rgb(255, 255, 255);
  border: none;
  padding: 10px 15px;
  text-transform: capitalize;
  border-radius: 2px;
  font-size: 15px;
  margin-bottom: 10px;
  outline: none;
  cursor: pointer;
}

li.payment_method_cba_comweb label img {
  display: block;
}

.payment-methods img {
  vertical-align: middle;
}


.header-search input[type="text"] {
    padding: 5px 0 5px 5px;
    position: relative;
    top: -8px;
    width: 240px;
    outline: none;
    border: 0px;
}
.header-search input[type="submit"] {
    background-image: url('https://www.modernbags.com.au/wp-content/uploads/2015/10/search.png');
    background-size: 24px 24px;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;
    float: right;
    background-color: transparent;
    width: 24px;
    height: 24px;
    position: relative;
    top: -5px;
    border: 0;
    right: 8px;
    outline: none;
}

.four.columns.header-search form {
    background: #FFF;
    width: 280px;
    height: 35px;
    border-radius: 2px;
    margin: 8px 0px 8px 50px;
    padding: 2px;
    overflow: hidden;
}


.search-area {
    overflow: hidden;
}

.search-thumb img {
    width: 90%;
    height: auto;
}

.search-thumb {
    width: 30%;
    float: left;
}
.search-desc {
    width: 70%;
    float: right;
}

h6.search-price {
    background: #cf5b5b;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding: 5px 20px;
}

h6.search-price a{color:#fff}

h1.entry-title.hser a {
    color: #cf5b5b;
}


label.berocket_label_widgets {
    color: #467bb8;
    padding: 6px 3px;
    position: relative;
    display: inline-block !important;
    top: -2px;
    font-size: 13px;
}

.berocket_aapf_widget_show .fa.fa-angle-left {
    display: none;
}

.berocket_aapf_widget{margin-right:0%}

span.byline, span.posted-on , span.cat-links,span.edit-link {
    display: none;
}

.shop_table tr td b {
    display: block;
    clear: both;
        margin-right: 85px;
}

a#myContainer {
    position: relative;
        top: -29px;
    left: 230px;
}

a.outofstocklink {
    padding: 5px 10px;
    color: #fff;
    background-color: gray;
    display: inline-block;
    font-weight: 700;
    position: relative;
    top: -1px;
}

.searchcartbtn {
    border-radius: 0px !important;
    margin: 0px !important;
    position: relative;
    left: -10px;
    top: 1px;
    padding: 11px !important;
}

span.pwarranty {
    display: block;
    margin: 10px 0px;
}
span.pshipping {
    display: block;
    margin: 10px 0px;
    text-transform: capitalize;
}

.cart .cheaper_button {
    padding: 7px 45px 7px 51px !important;
}

.customer_reviews {
width: 100%;
    height: auto;
    margin-top: 35px;
    border-top: 1px solid #ccc;
    padding-top: 25px;
    overflow:hidden;
    height:375px;
}

.owl-theme .owl-controls .owl-buttons div{background:none !important}
div#clogo_owl {padding: 0px !important;}

.cart .cheaper_button i[class^="icon-"], .cart .cheaper_button i[class*=" icon-"]{min-width: 10px;}
ul.payment_methods.methods li {
    display: block;
}
.postid-4101 .page-content ul li {
list-style-type: disc !important;
    margin-left: 15px !important;
    display: list-item !important;
}

.footer .three.columns li {
    display: block;
}

.caroufredsel_wrapper {
    width: 328px !important;
}

div#secondary ul li {
    display: block;
}

.topper .four.columns.text-right.header-text-right {
    float: right;
}

.payment-methods{width:470px !important}
ul.wc_payment_methods.payment_methods.methods li.wc_payment_method.payment_method_zipmoney label img {
    display: block;
    border: 1px solid #ccc;
    margin: 5px 10px;
}

.travel_ccessories ul li {
    width: 23%;
    text-align: left;
    border: 4px solid #ccc;
}

ul.wc_payment_methods.payment_methods.methods li.wc_payment_method.payment_method_zipmoney label img {
    height: 25px;
}

form.checkout_coupon input#coupon_code {
    padding: 10px 5px;
    font-size: 12px;
    outline: none;
    float: left;
    margin-bottom: 25px;
}

form.checkout_coupon input.button {
    color: #fff;
    background-color: #333;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 28px;
    font-size: 12px;
    transition: .3s linear all;
    background-image: none;
    cursor: pointer;
    float: left;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
        margin-bottom: 25px;
    outline: none;
}
.footer-bottom .three.columns p {
    margin-bottom: 0px;
}
form.checkout_coupon {
    display: block;
}
.twelve.columns.text-center {
    width: 50%;
    float: left;
    margin: 0px;
}
.three.columns-mobile {
    margin-top: 20px;
    text-align: center;
    width: 50%;
    float: left;
}
.row .four.columns.text-right {
    width: auto;
    margin-left: 60px;
}
body #order_comments_field textarea, #billing_state_fie.three.columns {
    text-align:left;
}
form.wpcf7-form .wpcf7-form-control {
    border: 1px solid #ccc;
    padding: 10px 5px;
    width: 300px;
    outline: none;
    overflow: hidden;
    resize: none;
}
input.wpcf7-form-control.wpcf7-submit {
    background-color: #467bb8;
    color: #fff;
    border: none;
    padding: 10px 15px;
    text-transform: capitalize;
    border-radius: 2px;
    font-size: 15px;
    margin-bottom: 10px;
    outline: none;
    cursor: pointer;
    max-width: 80px;
}

form.wpcf7-form.invalid span.wpcf7-not-valid-tip {
    font-weight: bold;
}
/*li#menu-item-57118 a {color: red !important;}*/
@media (max-width:768px){
    .woocommerce-cart-tab-container {
     display: block!important;
}

}
@media (max-width:767px){
.header-toprow .policy {
    width: 100%!important; 
    float: none;
    padding: 10px 0;
    margin: auto!important;
}
.topper .policy img{ width:auto !important; height:auto !important;}
.five.columns.text-left .payment-methods {
    margin-top: 0;
    width: 100%!important;
    margin-left: 0;
    display: block;
}
.security img {
    height: auto;
    width: 100%;
}


}

@media (max-width:480px){
    .footer-bottom .three.columns p {
    display: none;
}
    .owl-theme .owl-controls .owl-page span {
    margin: 5px 2px !important;
}
}



.phone-number-mobile { display: none;}

@media only screen and (min-width: 0px) and (max-width:1199px) { 
.woocommerce-cart-tab-container {display: block!important;}
.woocommerce-cart-tab--has-contents {  right: 70px!important;   position: relative!important; display: block!important;   }
.woocommerce-cart-tab--empty {    display:none!important;}
.phone-number-mobile { background: #32383f; text-align: center;  display: block;}
}


@media only screen and (min-width: 0px) and (max-width:767px) { 
    .header-toprow { display: none; }
    .footer-top .footer-cstm ul li a { border-right: none !important; }
    .content.row.home { padding: 5px 15px!important;}
    .customer_reviews { padding: 0 15px; }
    
}

 @media only screen and (min-width: 768px) and (max-width:1024px) {
    .header-toprow { display: none; }
 .navbar ul li > a { font-size: 14px!important;     padding: 0 7px!important; }   
 .navbar .logo a img { max-width: 124px;margin-top: 27px;}
 .footer-top .footer-cstm ul li a { border-right: none; }  
 .topper { display: none!important; }
}
@media only screen and (min-width: 768px) and (max-width:1010px) {
.belt .columns {
    position: relative;
    height: 80px !important;
}
}

.flex-direction-nav {
    display: none;
}