/* Theme Name: seed Theme URI: http://byoutique.com/ Author: byoutique.com License: GNU General Public License License URI: license.txt Version: 1.0 Copyright 2008 - 2020 byoutique.com This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see /************************* GLOBAL STYLES ***************************/ /* =Global Elements -------------------------------------------------------------- */ *{border-radius:0px !important;} /* Main global 'theme' and typographic styles */ body {font-family:'Arsenal'; background:#fff;} input[type="text"], input[type="password"], textarea{border:1px solid #ccc; padding:1px 4px;} a{} /* Global ------------------------------------------------------------ */ .bg{} .height_5{height:5px;} .height_10{height:10px;} .height_15{height:15px;} .full-width{width:100% !important} .error{color:#B94A48; border-color:#B94A48 !important;} .success{background:#3AB92C; color:#3AB92C;} /* Spinner, loader, ajax_load, ajax_loader */ .loader, .loader:before, .loader:after{border-radius: 50% !important;} .loader:before, .loader:after{position:absolute; content: '';} .loader:before{width:5.2em; height:10.2em; background: #ffffff; border-radius:10.2em 0 0 10.2em; top:-0.1em; left:-0.1em; -webkit-transform-origin:5.2em 5.1em; transform-origin:5.2em 5.1em; -webkit-animation:load2 2s infinite ease 1.5s; animation:load2 2s infinite ease 1.5s;} .loader{font-size:11px;text-indent:-99999em;margin:55px auto;position:relative;width:10em;height:10em;box-shadow:inset 0 0 0 1em #A5027C;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);} .loader:after{width:5.2em; height:10.2em; background:#fff; border-radius:0 10.2em 10.2em 0; top:-0.1em; left:5.1em; -webkit-transform-origin:0px 5.1em; transform-origin:0px 5.1em; -webkit-animation:load2 2s infinite ease; animation:load2 2s infinite ease;} @-webkit-keyframes load2{0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg);} 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}} @keyframes load2 {0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg);} 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}} /* Fine Spinner, loader, ajax_load, ajax_loader */ /* First ------------------------------------------------------------- */ #first{} /* Second ------------------------------------------------------------ */ #second{} /* Header ------------------------------------------------------------ */ #header{} #header #logo_shop{display:inline-block;} #header .separator{display:none;} #header #title_shop{display:inline-block;} #header #site-title{margin-bottom:0rem;} .shopping-bag-container a{float:right;} .shopping-bag-container a i{color:#000 !important;} .shopping-bag-container a small{position: absolute; right: 10px; background:#d22f2f; color:#fff; border-radius: 50% !important; padding:1px 6px;} /* Menu -------------------------------------------------------------- */ #menu{position:relative; float:none; display:block; border-top:1px solid #d7d7d7; padding:0px; border-bottom:1px solid #d7d7d7; margin-top:10px;} nav, sidebar-menu{display:inline-block;} #menu > .row .col-lg-3{padding-top:12px;} #menu > .row .col-lg-3 > div{display:block; width:100%} #menu > .row .col-lg-3 input[type='text']{border:0px; font-size:14px; line-height:33px; width:91.9%} #menu > .row .col-lg-3 span{width:6%;} nav a{text-decoration:none; color:#333;} nav > div.menu > ul{display:inline-block; list-style:none; margin:0px; padding-left:0px; padding:5px 0px;} nav > div.menu > ul li{float:left; border-right:1px solid #d7d7d7; font-size:14px; color:#d7d7d7; margin-bottom:0px;} nav > div.menu > ul li a{padding:15px 20px; display:inline-block;} nav > div.menu > ul li ul.children, nav > div.menu > ul li ul.sub-menu{display:none; z-index:999;} nav > div.menu > ul li:hover ul.children, nav > div.menu > ul li:hover ul.sub-menu{display:inherit; position:absolute; list-style:none; padding-left:0px; box-shadow:0px 0px 1px #ddd; margin-left:0px;} nav > div.menu > ul li:hover ul.children li, nav > div.menu > ul li:hover ul.sub-menu li{background:#fff; float:none; font-size:14px; color:#d7d7d7; border-bottom:1px solid #d7d7d7; min-width:100%;} nav > div.menu > ul li:hover ul.children li a, nav > div.menu > ul li:hover ul.sub-menu li a{padding:15px 20px; width:100% inherit;} nav > div.menu-menu-container > ul{display:inline-block; list-style:none; margin:0px; padding-left:0px; padding-top:5px;} nav > div.menu-menu-container > ul li{float:left; border-right:1px solid #d7d7d7; font-size:14px; color:#d7d7d7; margin-bottom:0px;} nav > div.menu-menu-container > ul li a{padding:15px 20px; display:inline-block;} nav > div.menu-menu-container > ul li ul.children, nav > div.menu-menu-container > ul li ul.sub-menu{display:none; z-index:999;} nav > div.menu-menu-container > ul li:hover ul.children, nav > div.menu-menu-container > ul li:hover ul.sub-menu{display:inherit; position:absolute; list-style:none; padding-left:0px; box-shadow:0px 0px 1px #ddd; margin-left:0px;} nav > div.menu-menu-container > ul li:hover ul.children li, nav > div.menu-menu-container > ul li:hover ul.sub-menu li{background:#fff; float:none; font-size:14px; color:#d7d7d7; border-bottom:1px solid #d7d7d7; min-width:100%;} nav > div.menu-menu-container > ul li:hover ul.children li a, nav > div.menu-menu-container > ul li:hover ul.sub-menu li a{padding:15px 20px; width:100% inherit;} /* Navigation Menu */ .main-navigation {} .main-navigation a:hover, .main-navigation a:focus {} .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {display: none;} .main-navigation ul.nav-menu.toggled-on{display:block;} .menu-toggle {display: inline-block; border:none; background:none; margin:5px 0px;} .main-navigation ul.nav-menu.toggled-on li{display:block; float:none; width:100%; border-right: 0px; border-top:1px;} @media screen and (min-width:600px) { .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {display:inline-block} .main-navigation button{display:none;} .main-navigation ul {} .main-navigation li a, .main-navigation li {} .main-navigation li a {} .main-navigation li a:hover, .main-navigation li a:focus {} .main-navigation li {} .main-navigation li ul {} .main-navigation li ul ul {} .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul {} .main-navigation li ul li a {} .main-navigation li ul li a:hover, .main-navigation li ul li a:focus {} .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {} .menu-toggle {display: none;} } .mp_cart_contents_widget{border:0px !important;} .mp_cart_actions_widget .mp_checkout_link{float:right;} .mp_checkout_error{font-size:13px; color:#B94A48} /* Search Form ------------------------------------------------------- */ #search form#searchform{clear: both;} #search form#searchform div{padding:0; border:none; height:33px; background:#FFF; margin:15px auto; padding-top:4px; padding-left:3px;} #search form#searchform div input#s{box-shadow:none; float:left; border:none; background:transparent; margin:0; width:160px; height:23px; padding:5px; font-size:11px;} #search form#searchform div input#searchsubmit{float:right; margin:0px 10px 0 0;} /* notices ----------------------------------------------------------- */ #notifications{position:fixed; z-index:9999; top:35px; width:300px; float:right; right:25px; } #notifications .container-notifications{padding:4px 8px;} #notifications .container-notifications.error{background:#E85350;} #notifications .container-notifications.success{background:#A1DF9A;} #notifications .container-notifications .icon{float:left; width:10%;} #notifications .container-notifications .text{float:right; width:89%; margin-top:5px; color:#fff;} #content-container{padding-top:10px; border-bottom:1px solid #d7d7d7; padding-bottom:10px;} #notices-container{padding-top:10px; border-bottom:1px solid #d7d7d7; padding-bottom:10px;} #call-to-action-container{padding-top:10px; border-bottom:1px solid #d7d7d7; padding-bottom:10px;} #call-to-action-container .row .col-lg-10{font-size:26px;} #sidebar-footer{padding:10px 0px;} #slideshow{} #slideshow > .tns-item{max-width:855px !important; height:404px !important; text-align:center} /* Footer ------------------------------------------------------------ */ #footer{border-top:1px solid #d7d7d7;} #colophon{overflow:hidden; padding:18px 0; font-size:12px;} #site-info{float:left; font-size:12px;} #site-info a{color:#000; text-decoration:none;} #site-generator{float: right; font-style:italic; position:relative;} #site-generator a{background: url(images/by_logo.png) center left no-repeat; color:#666; display:inline-block; line-height:16px; padding-left:20px; text-decoration:none;} #site-generator a:hover{text-decoration: underline;} /* Content ----------------------------------------------------------- */ #showcase{clear:both; overflow:hidden; padding-top:10px;} #content{} #content input, #content textarea{color:#333;} #content p, #content ul, #content ol, #content dd, #content pre, #content hr{margin-bottom:24px;} #content ul ul, #content ol ol, #content ul ol, #content ol ul{margin-bottom:0;} #content pre, #content kbd, #content tt, #content var{font-size:15px; line-height:21px;} #content code{font-size:13px;} #content dt, #content th{color:#000;} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{line-height:1em; margin:0px 0 20px 0;} #showcase-content table, #content table{border:1px solid #e7e7e7; margin:0 -1px 24px 0; text-align:left; width:100%;} #showcase-content tr th, #showcase-content thead th, #content tr th, #content thead th{color:#888; font-size:12px; font-weight:bold; line-height:18px;} #showcase-content tr td, #content tr td{border-top:1px solid #e7e7e7; padding:6px 15px;} #showcase-content tr.odd td, #content tr.odd td{background:#f2f7fc;} #offers #offer-showcase{height:100%; min-height:217px;background-repeat:no-repeat;} #offers #offer-showcase .offer-info{text-align:right; position:relative; top:100px;} #offers #offer-showcase h2.offer-title{text-align:right; background-color:#efefef; float:right; padding:5px; opacity:.8;} #offers #offer-showcase h2.offer-title a{color:rgb(33, 37, 41);} #offers #offer-showcase h2.offer-title a:hover{text-decoration:none;} #offers #offer-showcase h3{text-align:right; background-color:#efefef; float:right; padding:5px; opacity:.8;} /* Product Page ------------------------------------------------------ */ #product{position:relative; float:left;} #product .product-title{position:relative; display:block;} #product .product-photo{position:relative; display:inline-block; float:left; width:350px;} #product .product-content{position:relative; display:inline-block; float:left; padding:5px;} #product .product-details{position:relative; display:block; float:left; clear:both; margin-top:10px;} #product .product-price{position:relative; display:inline-block; float:left; padding:20px 20px 20px 20px; color:#3D3D3D; width:308px; border:1px dotted #cbcbcb; border-bottom:0px; background:#F5F5F5;} #product .product-price .mp_product_price{font-size:25px !important; line-height:45px !important; text-align:center !important;} #product .product-buy-button{position:relative; display:inline-block; float:right; padding:20px 20px 20px 20px; width:308px; border:1px dotted #cbcbcb; border-top:0px; background:#F5F5F5;} #product .product-buy-button .mp_buy_form{color:#3D3D3D; font-size:25px !important;} #product select.mp_product_variations{background:transparent; width:308px; padding:5px; font-size:16px; line-height:1; border:1px solid #3D3D3D; border-radius:0; height:34px; -webkit-appearance:none;} #product .product-buy-button .mp_buy_form span.mp_quantity label{padding-top:5px;} #product h4.title-category{position:relative; display:block; margin-top:10px; margin-bottom:5px; font:18px "Trebuchet MS", Verdana, Arial,"Liberation Sans",FreeSans,sans-serif} #product .product-category{position:relative; display:block; float:left; margin-top:10px;} #product h4.title-tags{position:relative; display:block; clear:both; margin-top:10px; margin-bottom:5px; font:18px "Trebuchet MS", Verdana, Arial,"Liberation Sans",FreeSans,sans-serif} #product .product-tags{position:relative; display:block; float:left; margin-top:10px;} #product .mp_quantity_field{padding:8px 0px 10px 3px; font-size:14px;} #product .mp_button_addcart{border:1px solid #25729a; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; padding:10px 10px 10px 10px; text-shadow:-1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #3093c7; background-image:-webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85)); background-image:-webkit-linear-gradient(top, #3093c7, #1c5a85); background-image:-moz-linear-gradient(top, #3093c7, #1c5a85); background-image:-ms-linear-gradient(top, #3093c7, #1c5a85); background-image:-o-linear-gradient(top, #3093c7, #1c5a85); background-image:linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);} #product-container .mp_product_image_link{display:block; text-align:center;} #product-container .nav-tabs {border-bottom:1px solid #dee2e6; width:100%;} .mp_product_image_single{width:100% !important; height:auto !important;} /* Showcase ---------------------------------------------------------- */ #showcase{} #showcase > h2{padding-bottom:10px; border-bottom:1px solid #d7d7d7;} .product-showcase{min-height:200px; top:10px;} #showcase div.product-showcase h3{padding-top:15px; font-size:14px; min-height:45px; margin-bottom:0px;} #showcase div.product-showcase div.product-image{} #showcase div.product-showcase div.product-image img{margin:auto;display:block;} #showcase div.product-showcase div.product-meta {padding-top:10px;} #showcase div.product-showcase div.product-meta form.mp_buy_form{display:inline-block;} #showcase div.product-showcase div.product-meta a{padding:5px 10px; text-align:center; color:#fff; display:inline-block; background:#B40;} #showcase div.product-showcase div.product-meta .mp_product_price{line-height:0px; background:none; margin-right:0px; padding:10px 0px;} button.mp_button_addcart, input[name="update_cart_submit"] ~ div button{padding:5px 10px; text-align:center; color:#fff; display:inline-block; background:#B40; border:0; cursor:pointer;} .button__only-icon button.mp_button_addcart span, #mp_related_products button.mp_button_addcart span{display:none;} button.mp_button_addcart span, button[name="update_cart_submit"] span{margin-left:1em;} #showcase div.product-showcase div.product-meta a:hover, button.mp_button_addcart:hover{opacity:0.7} /* byoutique cart_menu css --------------------------------------------*/ #cart-sidebar{margin-bottom:.7rem;} #cart-sidebar #cart-widget-area{float:right;} #cart-sidebar #cart-widget-area > div div{display:inline-block; padding:0px 5px;} #cart-sidebar #cart-widget-area #cart {font-size: 13px;} #cart-sidebar #cart-widget-area #cart .cart_menu_element::after{content:''; margin-top:5px;} #cart-sidebar #cart-widget-area #cart .cart_menu_element:first-child{} #cart-sidebar #cart-widget-area #cart .cart_menu_element:last-child::after{content:''} /* Fine byoutique cart_menu css ---------------------------------------*/ .mp_cart_widget_content .mp_cart_col_product_table{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:78px;} #offer-showcase .mp_product_price_label, #offer-showcase .mp_special_price .you_save{display:none;} #offer-showcase .mp_special_price .mp_old_price {line-height:1rem; padding-right:10px;} #products-showcase{} #products-showcase .owl-item{padding:20px 10px; margin:2px 0px;} #products-showcase .owl-item:first-child{margin-left:3px;} #products-showcase .owl-item.active{margin-right:6px !important;} #products-showcase .owl-item:hover{ -webkit-box-shadow:0 0 6px 0 rgba(1,1,1,.3);; -moz-box-shadow:0 0 6px 0 rgba(1,1,1,.3);; box-shadow:0 0 6px 0 rgba(1,1,1,.3);} #products-showcase .product-info .mp_product_price_label{display:none;} .tns-controls{float:right} .tns-controls button{border:1px solid #ccc;} .tns-controls button:first-child{margin-right:5px;} .mp_special_price .mp_old_price{font-size:12px; line-height:.5em;} .mp_special_price .mp_current_price{} #products-showcase .product-info .mp_special_price .mp_old_price{margin-right:10px;} #products-showcase .product-info .mp_special_price .mp_current_price{} #products-showcase .product-info .mp_special_price .you_save{display:none;} #primary h3.widget-title, #secondary h3.widget-title{line-height:1.5em; margin:10px 0 0px 0; padding:0px 0px; min-height:40px;} #primary h3.widget-title:after, #secondary h3.widget-title:after{float:right; content:"⌄"; line-height:1.3em;} ul#by_admin_links, ul#mp_category_list{list-style: none; -webkit-padding-start:0px; -moz-padding-start:0px; padding-start:0px; line-height:30px; font-size:16px;} ul#mp_category_list ul{list-style: none;} ul#mp_category_list li:before{/*content:"\f054";*/ content:"›"; font-size:16px; padding-right:5px;} #related-container #secondary h3.widget-title{margin:0px;} #mp_related_products .col-lg{max-width:33%; padding-left:5px; padding-right:5px;} #mp_related_products .mp_buy_form{float:right;} #mp_related_products .mp_one_product .mp_product_detail a.mp_img_link img{width:100%;} #mp_related_products .mp_one_product .mp_product_detail a.mp_img_link{display:inherit; text-align:center;} #mp_related_products .mp_one_product .mp_price_buy div.mp_product_price{display:inline-block;} #mp_related_products .mp_one_product .mp_price_buy div.mp_product_price .mp_product_price_label{display:none;} #mp_related_products .mp_one_product .mp_price_buy form.mp_buy_form{display:inherit; text-align:center;} #mp_related_products h3{max-height: 60px; padding-top:5px; font-size:14px; min-height:45px; margin-bottom:0px;} #product-info > h3{font-size:40px} #product-info > div{padding-left:40px; margin-bottom:10px} #product-info > div .label{font-weight:bolder;} #product-info > .mp_product_meta{padding-left:0px} #product-info > .mp_product_meta{padding-left:0px} .product-showcase .info-meta-container{display:inline-block; width:100%;} .byoutique_newsletter_widget_content label{font-size:14px !important; font-weight:normal; margin-bottom:0rem;} .byoutique_newsletter_widget_content form fieldset div{border:1px solid #d7d7d7; padding:4px;} .byoutique_newsletter_widget_content input[type="text"]{border:0px;} .byoutique_newsletter_widget_content input[type="submit"]{padding:5px 20px 8px 20px; border:0px;} .byoutique_login.logged.out{margin:40px 0;} .byoutique_login.logged.in{margin:40px 0; display:flow-root;} .byoutique_login.logged.out div input:not([type="submit"]){width:100%; border-width:0px; border-bottom-width:1px; margin-top:5px; margin-bottom:5px;} .byoutique_login.logged.out p label{float:right;} .byoutique_login.logged.out .widet_login-submit-div{float:right; width:100%; margin-bottom:10px;} .byoutique_login.logged.out .widet_login-submit-div input[type=submit]{float:right;} #footer-widget-area .widget-area{margin-top:2rem; margin-bottom:2rem;} #footer-widget-area h3.widget-title{font-size:1.0rem;} #footer-widget-area h3 ~ div{padding:5px 0px;} #footer-widget-area h3 ~ ul{padding:15px 20px;} .modal-content{border:0px; border-radius:0rem;} .modal-header{padding:.5rem;} /* Products List */ #productslist-container #productslist-content #productslist-title {} #productslist-container #productslist-content .mp_list_filter {text-align:right;} #productslist-container #productslist-content .one_filter {display:inline-block; margin-left:20px;} #productslist-container #productslist-content #mp_product_list {margin-top:20px;} #productslist-container #productslist-content #mp_product_list .mp_one_tile{margin-bottom:20px;} #productslist-container #productslist-content #mp_product_list .mp_img_link{display:block; text-align:center; height:300px; width:auto;} #productslist-container #productslist-content #mp_product_list .product{float:left;} #productslist-container #productslist-content #mp_product_list .col-lg-4.hentry.mp_one_tile{padding:20px 10px; margin:2px 0px;} #mp_product_list .col-lg-4.hentry.mp_one_tile:first-child{margin-left:3px;} #mp_product_list .col-lg-4.hentry.mp_one_tile.active{margin-right:6px !important;} #mp_product_list .col-lg-4.hentry.mp_one_tile:hover{ -webkit-box-shadow:0 0 6px 0 rgba(1,1,1,.3);; -moz-box-shadow:0 0 6px 0 rgba(1,1,1,.3);; box-shadow:0 0 6px 0 rgba(1,1,1,.3);} #mp_product_list .col-lg-4.hentry.mp_one_tile div.mp_product_detail h3{padding-top:5px; font-size:14px; min-height:45px; margin-bottom:0px;} #mp_product_list .col-lg-4.hentry.mp_one_tile .mp_buy_form{float:right;} /* Single product */ body.single-product #product-info .mp_product_price_label{display:none;} body.single-product #product-info .mp_special_price .mp_old_price{font-size:20px; color:#f33b3b;} body.single-product #product-info .mp_special_price .mp_current_price, body.single-product #product-info .mp_normal_price .mp_current_price{font-size:60px; display:block;} body.single-product #product-info .mp_quantity label{font-size: 0;} body.single-product #product-info .mp_quantity label input{font-size: 16px; border:1px solid #212529; padding:3px 4px 5px; text-align:center; font-weight:bold; } body.single-product #product-info .mp_no_stock{width:100%; display: block; margin:20px 0; text-align:center; padding:10px; color:#333; opacity:.7; cursor:not-allowed; font-weight:bolder;} body.single-product #product-info .more-actions{display:flex; flex-direction:row; flex-wrap:wrap;} body.single-product #product-info .more-actions .action{order:2; flex-grow:2; flex-shrink:2;} body.single-product #product-info .more-actions .action.disabled{cursor:not-allowed; opacity:.4;} /* Pagination ----------------------------------------------------------*/ #pagination.pagination{float:right; margin-top:10px;} #pagination div.pagination-outline{padding:9px 10px; float:left; font-weight:bold;} ul.page-numbers{padding:10px; font-size:16px; float: right; display:inline; margin-bottom:0px !important; padding-bottom:0px;} ul.page-numbers li{float:left; margin-left:0px; list-style:none;} ul.page-numbers a, ul.page-numbers span{padding:4px 10px; margin:2px; text-decoration:none; color:#666;} ul.page-numbers a.next, ul.page-numbers a.prev{display:none;} ul.page-numbers a:hover{font-weight:bolder; color:#212529;} ul.page-numbers span.current{background:#212529; color:#fff;} /* Checkout process ----------------------------------------------------*/ #cart-info h1, #cart-content h1 {font-size:1rem; margin:20px 0px;} #cart-info .mp_cart_breadcrumbs ~ p{margin-top:20px; font-weight:bold; margin-bottom:0px;} #cart-info .mp_cart_breadcrumbs span, #cart-info .mp_cart_breadcrumbs a.done{text-align:center; display:inline-block;} #cart-info .mp_cart_breadcrumbs span:not(.sep), #cart-info .mp_cart_breadcrumbs a.done{width:23%;} #cart-info .mp_cart_breadcrumbs span.current{font-weight:900; border-bottom:1px solid #ccc;} #cart-info .mp_cart_breadcrumbs span.sep{width:2.5%; font-weight:bolder;} #cart-info div.mp_cart_login, #cart-info #mp_cart_form{margin:20px 0;} #cart-info div.mp_cart_login, #cart-info #mp_cart_form .mp_cart_contents, #cart-info #mp_shipping_form .mp_cart_shipping, #cart-info #mp_payment_form .mp_cart_payment_methods{width:100%;} #cart-info #mp_shipping_form .mp_cart_shipping td{width:50%; padding:10px 5px; vertical-align:baseline;} #cart-info #mp_cart_form .mp_cart_contents th, #cart-info #mp_cart_form .mp_cart_contents td{padding:10px 0px; text-align:right;} #cart-info #mp_cart_form .mp_cart_contents th:first-child, #cart-info #mp_cart_form .mp_cart_contents td:first-child, #cart-info #mp_cart_form .mp_cart_contents td:nth-child(2){text-align:left;} #cart-info #mp_cart_form .mp_cart_contents td.mp_cart_subtotal_lbl{padding:10px 0px; text-align:right;} #cart-info #mp_cart_form .mp_cart_contents .mp_cart_col_product{width:51%;} #cart-info #mp_cart_form .mp_cart_contents .mp_cart_col_thumb{width:11%;} #cart-info #mp_cart_form .mp_cart_contents .mp_cart_col_product_table{width:40%;} #cart-info #mp_cart_form .mp_cart_contents .mp_cart_col_product_color{width:8%} #cart-info #mp_cart_form .mp_cart_contents .mp_cart_col_product_size{width:7%} #cart-info #mp_cart_form .mp_cart_contents .mp_cart_col_price{width:8%} #cart-info #mp_cart_form .mp_cart_contents .mp_cart_col_quant{width:16%;} #cart-info .mp_cart_direct_checkout{padding:20px 0; text-align:right;} #cart-info #mp_payment_form .mp_cart_payment_methods{margin-top:20px;} #cart-info #mp_payment_form .mp_cart_payment_methods label{text-align:left; padding-left: 45px; position:relative; margin-bottom:.5rem; border:1px solid #ccc; display:block;} #cart-info #mp_payment_form .mp_cart_payment_methods label .mp_choose_gateway{display:none;} #cart-info #mp_payment_form .mp_cart_payment_methods label input:checked ~ i:after{position:absolute; color:#00C262; font:normal normal normal 25px/1 FontAwesome; content:"\f00c" !important; left:10px; bottom:0px; box-shadow:none; border:0px;} #cart-info #mp_payment_form .mp_cart_payment_methods label .mp_choose_gateway ~ img{display:block; text-align:center; margin:40px auto; width:50px; height:auto;} a.mp_cart_direct_checkout_link{background:#3498db; color:#ffffff; font-size:14px; padding:10px 20px 10px 20px; text-decoration:none; display:inline-block;} #cart-info div.mp_cart_login div.mp_cart_login, #cart-info div.mp_cart_login div.mp_cart_checkout{width: 48%;} #cart-info div.mp_cart_login div.mp_cart_login form#loginform{width:350px; margin:0 auto;} #cart-info div.mp_cart_login div.mp_cart_login form#loginform label{width:100%;} #cart-info div.mp_cart_login div.mp_cart_login form#loginform input{width:100%;} #product-title, .product-social-share, #product-category, #product-tags, #product-reviews{padding-left:0px !important;} .product-social-share .product-social-share-title{display:inline-block;} .product-social{color:#fff; font-size:12px; background:#000; padding:2px 4px; margin:0 4px; height:22px; width:22px; display:inline-block; text-align:center; border-radius:0px !important; -webkit-transition: border-radius .3s; transition: border-radius .3s;} .product-social:hover{text-transform:none; color:#fff; background:#858585 !important; -webkit-transition:background .3s; transition:background .3s;} #payment-fields.StripeElement{border:1px solid #ccc;} #variation-container{position:relative; width: 100%; margin-bottom: 10px; padding-bottom:10px;} .parent-variation-container{width:100%; padding:4px 0px;} .parent-variation-label{display:inline-block; padding:4px 8px 4px 0px;} .child-variation-container{float:right; display:inline-block; position:relative;} .child-variation-container label{border:1px solid #ddd; padding:4px 8px; display:inline-block; margin-left:4px; font-size: 12px;} #action_price_container{position:relative; border-bottom:3px solid #ccc; float:left; width: 100%; margin-bottom: 10px; padding-bottom:10px;} #action_price_container .mp_special_price > .mp_current_price{margin-left:10px;} .mp_list_filter{position:relative; float:left; width:100%; padding:20px; margin-bottom:20px;} .one_filter{width:50%; float:left; } .one_filter span{display:block;} input[type=checkbox], input[type=radio] {border: 1px solid #7e8993; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 1rem; margin: -.25rem .25rem 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 1rem; min-width: 1rem; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); transition: .05s border-color ease-in-out;} input[type=checkbox]:checked::before, input[type=radio]:checked::before {float: left; display: inline-block; vertical-align: middle; width: 1rem; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} input[type=checkbox]:checked::before {content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E); margin: -.1875rem 0 0 -.25rem; height: 1.3125rem; width: 1.3125rem;} .child-variation-container label{cursor:pointer} .child-variation-container input[type=checkbox]{width:1px; height:1px; margin:0; bottom:7px; position:absolute; box-shadow:none; border:none; background:none;} .child-variation-container input[type=checkbox]:checked::before, input[type=radio]:checked::before {content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E); position:absolute; bottom:-6px; right:6px; display: inline-block; vertical-align: middle; width: 1rem; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .button-reverse{background: none; color: #000; border: #000 2px solid; font-weight:bold; text-transform:none;} .button-reverse:hover, .button-reverse:active, .button-reverse:focus, .button-reverse:visited{background:#66676e; color: #fff; border:#66676e 2px solid; font-weight:bold; text-transform:none;} .wa a{z-index:999; border-radius:50%!important; width:55px; height:55px; border:0px; padding:0px;} .wa a i{color:green; margin-top:-5px; margin-left:-1px;} .wa a span{vertical-align: 20px; padding: 5px 15px; border: 2px solid green; border-left: 0px; margin-left: -8px; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; color: #333; font-weight: 700;} @media screen and (max-width:414px) { form#mp_cart_form {padding:0px;} .shopping-bag-container a{position:fixed; text-align:left; bottom:0; left:0; padding:10px 15px 18px; z-index:998; background-color:#fff; border-top:1px solid #ccc; border-right:1px solid #ccc} .mp_cart_contents_widget{width:100%;} .mp_cart_contents_widget td{padding:20px 0;} .mp_cart_contents_widget .mp_cart_col_product{width:72%;} .mp_cart_contents_widget .mp_cart_col_quant{width:10%; text-align:center;} .mp_cart_contents_widget .mp_cart_col_price{width:18%;} .mp_cart_contents_widget .mp_cart_subtotal_lbl{text-align:right;} .mp_cart_contents_widget .mp_cart_col_total{width:25%;} #footer-widget-area h3 ~ ul{padding:35px 20px;} #last{margin-bottom:60px;} #colophon #site-info{float:none; width:100%;} #colophon #site-generator{float:none; width:100%;} .wa a{bottom:5px; right:5px;} }