/* Theme Name: o24 Theme Theme URI: http://mediamoon.co Description: O24 Theme Version: 1.0 MM DREAMHOST Author URI: http://mediamoon.co Tags: Blank, HTML5, CSS3 License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /*------------------------------------*\ MAIN \*------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&display=swap'); /* global box-sizing */ *, *:after, *:before {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } * { margin:0; padding:0; } /* html element 62.5% font-size for REM use html { font-size:62.5%; }*/ body {font-family:'Poppins';font-size:96%;color:#1F2F3F;background:#F8F8F9;transition:all 0.5;} /* clear */ .clear:before, .clear:after {content:' '; display:table; } .clear:after {clear:both; } .clear {*zoom:1; } .show { display: block; } .show-flex { display: flex; } /*------------------------------------*\ GENERAL \*------------------------------------*/ img {max-width:100%; vertical-align:bottom; } a{color:#444; text-decoration:none; } a:hover {color:#444; } a:focus {outline:0; } a:hover, a:active {outline:0; } input:focus {outline:0; border:1px solid #04A4CC; } /*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/ .mega_title{font-size:2.441em;}/*44px*/ h1{font-size:1.953em;font-weight:800;}/*35.16*/ h2{font-size:1.563em;font-weight:800;}/*28.13*/ h3{font-size:1.25em;font-weight:800;}/*22.50*/ p{font-size:1em;}/*18px*/ nav a, button,a.view-all, #woo-loop a.add_to_cart_button.button {font-size:1em;font-weight:800;text-transform:uppercase;} a.view-all{letter-spacing: 1px;} span.price{font-size:1.953em;} span.small_desc{font-size:0.7em;}/*approx 13px*/ /*------------------------------------*\ COLORS + BACKGROUNDS \*------------------------------------*/ /*colors*/ .dark_color, .dark_color > * {color:#1F2F3F;} .orange_color, .orange_color > * {color:#FB6744;} .yellow_color, .yellow_color >* {color:#FF9400;} .dark_gray{color:#707070;} .medium_gray{color:#9b9b9b;} .light_gray{color:#f8f8f9;} .white{color:#fff;} .blue_color{color:#447cfb;} .green{color:#a9bf30;} .gray{color:#d8d8d8;} /*Backgrounds*/ .light_gray_bg{background:#f8f8f9;} .white_bg{background:#fff;} .dark_bg{background:#1F2F3F;} .orange_bg{background:#FB6744;} .yellow_bg{background:#FF9400;} .grad_orange_bg, #quick-links .pill:nth-child(2), .cards.grad_orange_bg{background: rgb(251,103,68); background: linear-gradient(0deg, rgba(251,103,68,1) 0%, rgba(255,143,31,1) 100%);} .grad_yellow_bg, #quick-links .pill:last-of-type{background: rgb(244,151,2); background: linear-gradient(0deg, rgba(244,151,2,1) 0%, rgba(251,181,68,1) 100%);} .grad_blue_bg, #quick-links .pill:first-of-type{background: rgb(62,96,238); background: linear-gradient(0deg, rgba(62,96,238,1) 0%, rgba(68,124,251,1) 100%);} .pill i:before{color:#fff;} /*------------------------------------*\ STRUCTURE \*------------------------------------*/ .wrapper { max-width:1300px; width:100%; margin:0 auto; position:relative; } .flex-r { display: flex; flex-flow:row nowrap; } .flex-c { display: flex; flex-flow: column wrap; } .wrapper > .flex-r, .wrapper > .flex-c { flex-wrap: nowrap; } .flex-r > *, .flex-c > * { flex-grow:1; flex-shrink: 1; flex-basis:auto; } .cards{box-shadow:0 1px 8px rgb(0 0 0 / 10%);transition:translate .18s,box-shadow .18s;padding:20px;border-radius:10px;background:#fff;margin-top:0px;transition:all 0.4s;} .cards:hover{box-shadow:0 5px 25px rgb(0 0 0 / 10%);top:-1;transition:translate .18s,box-shadow .18s;transform: translateY(-10px);;transition:all 0.4s;} /*------------------------------------*\ NAV \*------------------------------------*/ .nav { flex: 0 0 auto; } header nav a i, #price-list i {font-size: 0.8em;} header nav a {color: #fff; font-size: 0.94em;text-transform:capitalize} header nav a:hover, a#price-list:hover{color:#FB6744;} header nav ul.sub-menu li a {font-weight: 400;} header nav ul li {list-style: none;margin-right:20px; } header.dash-head nav{margin-right:60px;} header nav > ul {display: flex; flex-flow: nowrap; } header nav ul.sub-menu,div#acct-block ul ul,div#acct-block ul li a:hover + ul, .dash-head nav ul a + ul, .dash-head nav ul a + ul:hover{opacity:0;overflow: hidden; height:auto;transition: all 0.5s; position: absolute; z-index: 4;background: #1F2F3F; padding: 10px 15px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .sub-menu .sub-menu{position: inherit!important; height: 0 !important; opacity: 0!important; padding: 0px!important;transition:0.5s all} .sub-menu li:hover .sub-menu{ opacity: 1!important;height:auto!important;padding:10px 15px 20px!important;transition:0.5s all} .sub-menu .menu-item-has-children > a:first-of-type:after {color: #fff; font-size:13px; margin-left: 5px; content: '+';} header nav .btn.grad_blue_bg {margin-left: 20px;} /* hover start - comentados para mega menu */ /* header nav li:hover ul.sub-menu, header nav li ul.sub-menu:hover, */ div#acct-block ul li a:hover + ul,.dash-head nav ul a:hover + ul, .dash-head nav ul a + ul:hover, div#acct-block ul ul:hover{opacity:1;display: flex; flex-flow: column; height: 100%;height:auto; position: absolute; transition: all 0.5s;} /* header nav li ul.sub-menu:hover, */ div#acct-block ul ul:hover, .dash-head nav ul a + ul:hover{display: flex; flex-flow: column;} /* nav li:hover > ul.sub-menu, nav li:hover > ul.sub-menu:hover {height: auto!important; padding: 10px 15px 20px!important;} nav ul.sub-menu {height: 0!important; padding: 0px!important;} nav ul.sub-menu .sub-menu{display:none!important;position:absolute} nav ul.sub-menu > li:hover .sub-menu,nav ul.sub-menu > li:hover .submenu:hover{display:block!important} nav .sub-menu li:hover .sub-menu,nav .sub-menu li:hover .sub-menu:hover {position:absolute!important; right:-100px;top:0px; border-radius: 5px;} nav .sub-menu:hover{overflow:inherit!important;} nav .sub-menu li.menu-item-has-children{position: relative; width: 100%;} */ #mini-cart{position:relative;} #mini-cart i { color:white; position:relative; } /*mientras*/ div#acct-block ul ul:hover, div#acct-block ul li:hover ul:hover, div#acct-block ul li:hover ul {display: block!important;opacity: 1;top: 40px;} div#acct-block ul ul{display:none;top:40px!important} div#acct-block ul ul a:hover{color:#FB6744} a#price-list {color: #fff; font-weight: 800; font-size: 0.94em;margin-right:20px;} div#acct-block{flex: 0 0 auto;} div#acct-block .btn{margin-right:15px;} #logo {flex: 0 1 250px; margin-right: 20px;} div#top-header{max-width:1400px;} nav.nav a#priceListBtn {margin-right: 10px;} div#top-header .flex-r {align-items: center;justify-content:space-between;padding:0px 20px;} span.cart-count.grad_orange_bg {border-radius: 100%; padding: 3px; color: #fff; font-size: 0.7em; font-weight: 800; position: absolute; top: -14px; left:10px; width: 23px; height: 23px; line-height: 1.4; text-align: center;} /* dashboard and account */ div#acct-block {flex: 0 0 auto; display: flex; align-items: center; } div#acct-block ul li {display: flex; flex-flow: row wrap;} div#acct-block ul li li{border:none!important;padding-left:0px!important} div#acct-block ul > li:first-of-type{ border-left:1px solid #fff;padding-left:10px; position: relative; flex: 1 1 auto; display: flex; flex-flow: column; margin-right: 15px } div#acct-block ul li span{flex: 0 0 100%;font-size:12px;color:#fff} div#acct-block ul li i{flex: 1 1 20px;} div#acct-block ul li a{flex: 1 1 90%;color:#fff} div#acct-block ul ul {top: 60px; left:-30px;} div#acct-block i.fas.fa-user, .dash-head i.fas.fa-user {display: none;} .dash-head .nav {justify-content:flex-end;flex: 1 1 100%; flex-flow: row nowrap; display: flex; align-items: center; } .dash-head nav.nav ul li:nth-child(5) {position:relative;display: flex; flex-flow: column; border-left: 1px solid #fff; padding-left: 10px;} header.dash-head nav > ul{align-items:center} .dash-head nav ul li span{color:#fff;} .dash-head nav ul li.sub-menu span{display:block} .dash-head nav ul li.sub-menu{position:relative;} .dash-head nav ul ul {top: 60px; left:-30px;width:180px;} header.dash-head nav .btn.grad_blue_bg:hover{color:#222;} /* new mega menu manual - AQUI KEYLIN! */ #shop-all-menu.active .fa-chevron-down { transform: rotate(-180deg); } #mega-header-area { flex-flow:wrap;display: none; align-items: flex-start; z-index: 1; position: absolute; width: 100%; left: 0; margin-top: 0px; } div#mega-header-area.show-flex {display: flex; background: #1f2f3f; border-radius: 0 0 10px 10px; box-shadow: 0 1px 8px rgb(0 0 0 / 10%);align-items: flex-start!important; padding: 20px!important;justify-content:flex-start;} #mega-header-area h5.sub-menu-header {color:#f8f8f955; margin-bottom: 10px;font-size: 14px;border-bottom: 1px solid #ffffff22;padding-bottom: 10px} div#mega-header-area.show-flex h4 a {color: #FF9400!important; font-weight: 800;} div#mega-header-area > div:first-of-type {flex: 0 0 100%;padding: 0px 0px 20px;} #mega-header-area li{padding: 5px 0px;} #mega-header-area a {font-weight: 400;} div#mega-header-area .widget_nav_menu {flex: 0 0 33.3%;padding-right:1%} div#mega-header-area li#shop-all-menu.active a {color: #FB6744;} li#shop-all-menu i.fas.fa-chevron-down {color: #FB6744;font-size: 13px;} #top-header .nav { position:relative; } #mega-header-area ul.menu{padding-left:20px;} header nav > ul{align-items:center;} li#shop-all-menu.active {background: #1e2f3f; padding: 10px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} /*body.menu-active:before {background: rgb(0 0 0 / 85%); content: ' '; display: block; width: 100%; height: 100%; z-index: 2; position: absolute; top: 0; left: 0; pointer-events: none; }*/ /*#top-header{z-index:4;}*/ /*------------------------------------*\ HEADER \*------------------------------------*/ header#header {background: #1F2F3F; padding: 30px 0px;} .home header#header {padding-bottom:10em; background-image: url(http://mediamoon.ov24beta.com/wp-content/uploads/2022/03/accesories-home.jpg); background-size: cover; background-attachment: fixed;} /*------------------------------------*\ SIDEBAR CART \*------------------------------------*/ #mini-cart-sidebar { position: absolute; top: 0; right: 0; z-index: 1; background-color: #F8F8F9; width: 320px; box-shadow:0 1px 8px rgb(0 0 0 / 10%); padding: 20px; } div#mini-cart-sidebar.show {transition: all 0.5s; transform: translateX(0);width:350px;padding:30px;} div#mini-cart-sidebar.show > *{display:block;} div#mini-cart-sidebar > *{display:none;} div#mini-cart-sidebar{transition: all 0.5s; transform: translateX(100%);width:0px;padding:0px;position: fixed; overflow: scroll;height: 100%;} #mini-cart-sidebar.show { display: block; position: fixed; overflow: scroll;height: 100%; } #mini-cart-sidebar ul.woocommerce-mini-cart { list-style-type: none; margin-top: 20px; } #mini-cart-sidebar ul.woocommerce-mini-cart li {justify-content: space-between; display: flex; flex-flow:row nowrap; padding: 20px 0;border-bottom: 1px solid #1e2f3f44;align-items:center; } #mini-cart-sidebar ul.woocommerce-mini-cart li > * { flex-grow:0; flex-shrink: 0; } #mini-cart-sidebar ul.woocommerce-mini-cart li a.remove { flex-basis: auto; order:3; font-size: 1.5em; } #mini-cart-sidebar ul.woocommerce-mini-cart li a:not(.remove) { text-transform:lowercase;flex-flow:column;flex:0 0 50%; order:1; display: flex; font-size: 0.8em; } #mini-cart-sidebar ul.woocommerce-mini-cart li a:not(.remove) img { max-width: 100px; height:auto;margin-right: 10px; width: 100px;height: 100px; } #mini-cart-sidebar ul.woocommerce-mini-cart li span.quantity { flex-basis: auto; order:2; font-size: 0.9em; } #mini-cart-sidebar ul.woocommerce-mini-cart li a:after {display: none;} #mini-cart-sidebar a.remove.remove_from_cart_button {color: #FB6744;} #mini-cart-sidebar bdi{font-weight:800;} #mini-cart-sidebar p.woocommerce-mini-cart__buttons.buttons {display: flex;justify-content: space-between;margin-top: 30px;} #mini-cart-sidebar p.woocommerce-mini-cart__buttons.buttons a {background: linear-gradient(0deg, rgba(251,103,68,1) 0%, rgba(255,143,31,1) 100%); border-radius: 40px; padding: 10px 15px; color: #fff; font-weight: 800;} #mini-cart-sidebar p.woocommerce-mini-cart__buttons.buttons a:nth-child(1){background:none;color:rgba(251,103,68,1);border-radius:0px;} #mini-cart-sidebar h3 {display: flex;justify-content: space-between;} #mini-cart-sidebar i.fas.fa-times-circle{color:#FB6744;} #mini-cart-sidebar p.woocommerce-mini-cart__total.total{margin-top:20px;} /*------------------------------------*\ CART & CHECKOUT \*------------------------------------*/ .woocommerce-cart-form table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {width: 100%;width: 100%;border-spacing: 0 15px;} .woocommerce-cart-form td.product-thumbnail img {max-width: 100px; height: auto;} .woocommerce-cart-form th {text-align: left;} .woocommerce-cart-form__cart-item.cart_item {background: #fff; margin-bottom: 10px; border-radius: 10px!important; box-shadow: 0 1px 8px rgb(0 0 0 / 10%); padding: 10px 20px;} .woocommerce-cart-form tr.woocommerce-cart-form__cart-item.cart_item td:nth-child(1) {border-top-left-radius: 10px; border-bottom-left-radius: 10px} .woocommerce-cart-form td.product-remove a {margin-left: 20px;} .woocommerce-cart-form .product-subtotal span.woocommerce-Price-amount.amount {font-weight: 800;} .woocommerce-cart-form tr.woocommerce-cart-form__cart-item.cart_item td:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px;} .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {background: linear-gradient(0deg, rgba(251,103,68,1) 0%, rgba(255,143,31,1) 100%); padding: 10px 20px; border-radius: 10px; display: inline-block; color: #fff; font-weight: 800; } .cart-collaterals table.shop_table.shop_table_responsive {padding:20px;width: 100%; border-spacing: 0px 20px; background: #fff; border-radius: 10px; margin: 10px 0px 20px;box-shadow:0 1px 8px rgb(0 0 0 / 10%)} .cart-collaterals ul#shipping_method {list-style: none;} .cart-collaterals .order-total bdi {font-size: 24px; } .woocommerce-cart-form table.shop_table.shop_table_responsive button.button {background: none;color: #FB6744;border: none;border-bottom: 2px solid; margin: 20px 0px;} .cart-collaterals .cart_totals th {text-align: left;} .woocommerce-cart-form a.remove {font-weight: 800; color: #fff; background: linear-gradient(0deg, rgba(251,103,68,1) 0%, rgba(255,143,31,1) 100%); width: 20px; height: 20px; display: block; text-align: center; border-radius: 50px; line-height: 1.3;} /*checkout*/ a.showcoupon {text-decoration: underline;} form.checkout_coupon.woocommerce-form-coupon input {background: #fff; } form.checkout_coupon.woocommerce-form-coupon {display: flex; margin-bottom: 20px; align-items: center;} form.checkout_coupon.woocommerce-form-coupon input {background: #fff; margin: 0px 20px;} form.checkout_coupon.woocommerce-form-coupon button.button {border: none; background:none; text-decoration:underline;} .woocommerce-checkout main{padding:40px 0px;} .woocommerce-info {margin-bottom: 20px;} form.checkout.woocommerce-checkout{display:flex;} form.checkout.woocommerce-checkout .col2-set, form.checkout div#order_review {background: #fff; padding: 20px; border-radius: 10px; flex: 0 0 47%; margin-right: 2%;} div#customer_details label {display: block;} .woocommerce-billing-fields__field-wrapper{flex-flow:row wrap;display:flex;justify-content:space-between;} .woocommerce-billing-fields__field-wrapper p{flex: 0 0 48%;margin:10px 0px 0px;} .woocommerce-additional-fields p#order_comments_field{margin:10px 0px 0px} form.checkout.woocommerce-checkout p#billing_address_2_field{margin-top:30px;} .woocommerce-additional-fields textarea, .woocommerce-billing-fields__field-wrapper p input {width:100%;} .woocommerce-billing-fields span.select2-selection.select2-selection--single {width: 100%; } .woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow b{left:130%;} .woocommerce-shipping-fields h3#ship-to-different-address{margin-top:20px;} .woocommerce-additional-fields textarea#order_comments {background: #f8f8f9; margin-top: 10px; border: none; padding: 10px;} .woocommerce-checkout-review-order table{width:100%;} .woocommerce-checkout-review-order ul#shipping_method{list-style:none} table.shop_table.woocommerce-checkout-review-order-table tr {border-bottom: 1px solid #656565;} table.shop_table.woocommerce-checkout-review-order-table th {text-align: left;} .woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods{list-style:none;} .woocommerce-checkout ul.wc_payment_methods.payment_methods.methods label{font-weight:800;} .woocommerce-checkout div#payment, .woocommerce-checkout .form-row.place-order{margin-top:30px;} .woocommerce-checkout div#payment li{margin-bottom:30px;} .form-row.place-order button {background: linear-gradient(0deg, rgba(251,103,68,1) 0%, rgba(255,143,31,1) 100%); padding: 10px 20px; border-radius: 10px; display: inline-block; color: #fff; font-weight: 800; border: none; margin-top: 20px; } .woocommerce-checkout .payment_box.payment_method_bacs p {font-size: 0.85em;font-style: italic;margin-top: 5px;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order p.woocommerce-notice, .woocommerce-checkout.woocommerce-order-received .woocommerce-order ul {flex: 0 0 100%; list-style: none; background: #1e2f3f22;padding: 20px;} .woocommerce-checkout.woocommerce-order-received section.woocommerce-order-details.cards.cards-acct, .woocommerce-checkout.woocommerce-order-received section.woocommerce-customer-details {flex: 0 0 48%; margin-right: 1%;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order {display: flex; flex-flow: row wrap;justify-content:space-between; } .woocommerce-checkout.woocommerce-order-received .woocommerce-order ul{margin-bottom:10px;} .woocommerce-checkout.woocommerce-order-received .woocommerce-order ul{margin-bottom:30px;} body.checkout a.invoice-btn { display: none; } /*------------------------------------*\ ELEMENTS \*------------------------------------*/ .btn{border:none;font-size:0.9em;letter-spacing: 1px;font-weight:800;text-transform:uppercase;padding: 15px 20px; border-radius: 10px;color:#fff;} button.btn, html [type="button"].btn, [type="reset"].btn, [type="submit"].btn { border:none; } /*forms*/ form[role="search"] {display: flex;appearance:none; } input[type="search"] {border-top-right-radius:0px;border-bottom-right-radius:0px;appearance:none;width: 100%; padding: 10px 20px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: none;} form[role="search"] button.grad_orange_bg {padding: 1px 20px; border: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #fff;order:2} input#onlyStock, input#onlyStock +label {background: #fff; /* height: 70px; */ display: flex; flex: 0 0 auto; padding: 10px 20px;} select#onlyStock {border: none; padding: 10px 30px; border-left: 1px solid#dfdfdf; outline: 0;appearance:none;background-image: linear-gradient(45deg, transparent 50%, #fb6743 50%), linear-gradient(135deg, #fb6743 50%, transparent 50%), linear-gradient(to right, #ccc0, #ccc0); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat;} /*------------------------------------*\ HOME \*------------------------------------*/ /*hero*/ header h1.mega_title span:nth-child(1) {color: #fff; display: inherit; font-size: 0.7em; font-weight: 400;} .home #search-header form {width: 80%; margin: 0 auto;} .home div#search-header .flex-c {padding-top: 5em; text-align: center;} div#search-header .flex-c {padding-top:20px;} section#hero .cards.flex-r {flex: 1 1 47%; margin: 1%;flex-flow:nowrap;} #hero .prod-info img {max-width: 100px; opacity: 0.3; } #hero .prod-desc span.prod-sku{margin-top:30px;} /*06/21 update*/ section#daily-banner > .flex-r {margin-top: -6em;} section#hero > .flex-r {/*margin-top: -6em;*/margin-bottom: 30px; margin-right: -1%; margin-left: -1%;} /*big cards*/ .prod-thumb, #featured-cats .prod-link-img{position:relative;flex:0 0 auto;} .prod-thumb:after, #featured-cats .prod-link-img:after {pointer-events:none;background: #eeeeee; display: block; content: ''; height: 100%; width: 100%; position: absolute; top: 0; mix-blend-mode: multiply; border-radius: 13px;} .prod-thumb img{max-width:300px;width:100%;} .prod-desc {display: flex; flex-flow: column; align-items: flex-start;justify-content: space-between;padding-right:10px;} .label-cat {padding: 15px 20px; margin-left: -20px; text-transform: capitalize; color: #fff; font-weight: 800; font-size: 1em; border-top-right-radius: 25px; border-bottom-right-radius: 25px;} .prod-price {font-size: 1.5em; font-weight: 800;} .prod-info {display: flex; flex-flow: column; align-items: flex-start;} h3.prod-title{line-height:1.2;} .prod-desc span.prod-sku {font-size: 0.8em;} /*quick Links*/ section#quick-links {padding: 40px 0px; } #quick-links h2 {padding: 35px 40px;display: flex; justify-content: space-around; align-items: center;transition: translate .18s,box-shadow .18s; } #quick-links a{color:#fff;} #quick-links h2 a.view-all {font-size: 1rem;} #quick-links h2:nth-child(1) {border-top-left-radius: 10px; border-bottom-left-radius: 10px;} #quick-links h2:nth-child(3) {border-top-right-radius: 10px; border-bottom-right-radius: 10px;} #quick-links h2.grad_blue_bg:hover {box-shadow: 0 2px 10px rgb(115 142 243); top: -1px; transition: translate .18s,box-shadow .18s; } #quick-links h2.grad_orange_bg:hover {box-shadow: 0 2px 10px rgb(255 136 40); top: -1px; transition: translate .18s,box-shadow .18s; } #quick-links h2.grad_yellow_bg:hover {box-shadow: 0 2px 10px rgb(249 169 50); top: -1px; transition: translate .18s,box-shadow .18s; } /*banner ctas*/ section.reg-banner p a {color: #fff;text-decoration: underline;} .register-ad a.view-all:hover {color: #fa6643;border-bottom:none} .reg-banner{width:100%;background: rgb(31,47,63); background: linear-gradient(90deg, rgba(31,47,63,1) 0%, rgba(69,92,118,1) 100%);padding:40px 0px;} .register-copy {color: #fff; padding: 0px 20px; justify-content: center; display: flex; flex-flow: column;} .register-copy a.view-all{color:#fff;margin-top:20px;} .reg-banner img{max-width:200px;object-fit: scale-down;} /*featured*/ ul#featured-picker:after {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ff9400; content: ''; display: block; right: 3px; position: absolute; top: 25px;} ul#featured-picker{padding-right:15px;list-style:none;transition:all 0.4s;height:64px;overflow:hidden;position:relative;} ul#featured-picker:hover{height:100%;transition:all 0.4s;} ul#featured-picker li:nth-child(1){padding-left:0px;font-size:1em;line-height:1;font-weight: 800;cursor:pointer;border-bottom:6px solid #ff9400;background:none;} ul#featured-picker li{font-size:0.5em;padding:5px 10px;cursor:pointer;} ul#featured-picker li:last-of-type{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px} #featured-cats .prod-desc img {max-width: 50px; opacity: 0.3;} section#featured{width:100%;padding:40px 0px;background: rgb(31,47,63); background: linear-gradient(0deg, rgba(31,47,63,1) 28%, rgba(248,248,249,1) 28%);} section#featured .cat-picker {flex:0 0 260px;display: flex; flex-flow: column; justify-content: space-between;padding-right:15px;padding-top:2em;} section#featured select#featured-picker {outline: 0; border: none; border-bottom: 4px solid #ff9400; font-weight: 800;background:none;} section#featured a.view-all{color:#fff;margin-top:-60px;} #featured-cats .cards.flex-c a img, .woo-related-products .wrapper.flex-r a img {width: 100%;height: 100%;} /*small cards*/ .cards.flex-c {text-align: left; flex: 0 0 23%; margin: 1%;} .cards.flex-c .prod-desc {margin-top: 20px;} /*06/21 update*/ .cards.flex-c.grad_orange_bg.cards_cta i {display: flex; height: 30px; justify-content: flex-end; align-items: flex-end; color: #fff; font-size: 31px;} .cards.flex-c.grad_orange_bg.cards_cta {flex-flow: column; align-items: center;} section#featured .cards_cta a.view-all {color: #fff; margin-top: 20px; line-height: 1; font-size: 20px;} section#featured .cards_cta a.view-all:hover{text-decoration:underline;border-bottom:none;} /*------------------------------------*\ FOOTER \*------------------------------------*/ #footer {padding:40px 0px;background: #181E24; color: #9B9B9B} footer h3 {font-size: 1em; color: #9B9B9B;margin-bottom:20px;text-transform:uppercase;} footer li {list-style: none;color: #9B9B9B;margin-bottom:10px; } footer li a{color: #9B9B9B;} footer ul#menu-footer-right-menu li {display: inline-block; margin-right: 15px;} footer p.copyright {margin-top: 40px; text-align: center; font-size: 0.8em;} footer ul#menu-follow-us li {display: inline; margin-right: 15px;} .dashboard footer {margin-top: 50px;} /*------------------------------------*\ SIDEBAR \*------------------------------------*/ /* sidebar */ .sidebar { } /*------------------------------------*\ CATEGORY + ARCHIVE \*------------------------------------*/ .archive div#content{flex:0 1 75%;width:75%;} section.woocommerce-products-header.wrapper {max-width: 100%; padding: 0px 20px;} nav.woocommerce-breadcrumb { padding:20px 20px 10px;} nav.woocommerce-breadcrumb a{text-decoration:underline;} nav.woocommerce-breadcrumb a, nav.woocommerce-breadcrumb { color: #1f2f3f; font-weight: 400; font-size: 0.8rem; text-transform: uppercase; /* text-decoration: underline; */ letter-spacing: 1px;} section#woo-container{max-width:98%;} #woo-loop #content{flex: 0 1 75%;} aside#sidebar {flex: 0 0 23%; margin-right: 30px;position: sticky; top: 40px; align-self: flex-start;height: 100vh;overflow: auto;} h1 span.prod-count {font-size: 0.6em; color:#9b9b9b;font-weight: 400; line-height: 0;} aside#sidebar ul {display: block; clear: both; } aside#sidebar .cards h3{display:inline-block;} div.woo-reset-filters {float: right; clear: right; margin-bottom: 0; } aside#sidebar .cards div.f-reset button{font-size: 0.7em; line-height: 2.8; color: #1F2F3F; background: none; border: none; -webkit-appearance: button; font-weight: normal; } aside#sidebar .cards div.f-reset button:before { content: "\f01e"; font-family: "Font Awesome 5 Free"; font-weight: 900; } #sidebar .woo-active-filters .bapf_sfa_taxonomy span:first-of-type, #sidebar .woo-active-filters .bapf_sfa_unall { display: none; } aside#sidebar .woo-active-filters ul li{list-style:none;} aside#sidebar .woo-active-filters ul li a {color:#9b9b9b;display: inline-block; margin-right: 5px;} aside#sidebar .woo-active-filters ul li a i.fa { margin: 4px 0 5px 3px; font-size: 0.7em; vertical-align: middle; float: right; background-color: #FB6744; color: #fff; border-radius: 50%; padding: 0.2em 0.3em; line-height: 1; } aside#sidebar .widget-container.cards {margin-bottom: 20px; } aside#sidebar .widget-container.cards{transform: none;} aside#sidebar input[type=checkbox] {border-radius:5px; border: 1px solid #9b9b9b!important;} aside#sidebar input[checked=checked]{background:#FB6744;color:#fff;border:none!important;} .bapf_ckbox_sqchck input[type=checkbox]:checked:after{border-color:#fff!important;top:1px ;left:6px;height:14px;} .bapf_body ul li {margin-bottom: 10px!important; } .bapf_head.bapf_colaps_togl {margin-bottom: 15px;} .bapf_body label {color: #1F2F3F; padding-left: 5px; } i.bapf_colaps_smb.fa.fa-chevron-up:before, i.bapf_colaps_smb.fa.fa-chevron-down:before {padding-top:7px;display:block;color:#FB6744;} #woo-loop h3.prod-title a ,.prod-price span{text-transform: capitalize!important; color: #1F2F3F;} #woo-loop .prod-price span{font-size:1em;} #woo-loop li.cards{margin-bottom:20px} #woo-loop li.cards.flex-r{border-left:10px solid #FF9400;} .logge-in #woo-loop li.cards.flex-r{justify-content:space-between;} #woo-loop li.cards.flex-r{align-items:center;padding:0px 0px 0px 0px;justify-content:flex-start;} #woo-loop li.cards.flex-r > *{flex:0 0 auto;} #woo-loop .prod-thumb{margin-right:15px;} /*expand-collapsed*/ div#woo-loop.expanded .prod-thumb{ align-items:center;display:flex;align-self:stretch; width:150px;transition:0.5s width;overflow:hidden;} div#woo-loop.compact .prod-thumb{width:0;transition: 0.5s width;overflow:hidden;height:auto;/*animation: big-small 1s ease ;*/} div#woo-loop.expanded .prod-thumb img{margin-left:0px; transition: 0.5s ease-in margin;transition: 0.5s ease-out height;height:150px;} div#woo-loop.compact .prod-thumb img{margin-left:-200px;transition: 0.5s ease-in margin;transition: 2s ease-out height;height:0; } #woo-loop.compact .prod-info{margin:10px 0px;} #woo-loop .prod-desc p {display: inline-block; } #woo-loop .prod-desc p:first-letter {text-transform: uppercase; } #woo-loop .prod-desc {font-size: 0.8rem;color: #707070;margin:5px 0px;text-transform:lowercase;line-height:1.1;} #woo-loop .prod-info{flex: 0 1 80%!important;margin-top:20px;margin-bottom:20px;} .logged-in #woo-loop .prod-info{flex: 1 1 40%!important;margin-top:20px;margin-bottom:20px;} #woo-loop .prod-eta, #woo-loop .prod-stock, #woo-loop .prod-price, #woo-loop p.stock.in-stock {width:100%;max-width:80px;color: #707070; font-size: 0.9rem;flex: 0 0 auto;margin-right:15px;text-align:right;} #woo-loop .quantity{margin-right:20px;} #woo-loop .quantity.hidden{width:50px;} #woo-loop .prod-price span{font-size:1.2rem;} #woo-loop .prod-cart, #woo-loop form.cart{display:flex;} #woo-loop .prod-eta span {display: inline;} #woo-loop a.view-all{color:#FB6744;font-size:0.85rem;} #woo-loop button.single_add_to_cart_button.button.alt, #woo-loop a.add_to_cart_button.button{flex:0 0 auto;margin-right:30px;background: linear-gradient(0deg, rgba(251,103,68,1) 0%, rgba(255,143,31,1) 100%); border: none; padding: 10px 10px; border-radius: 50px; color: #fff; font-size: 0.9em;} #woo-loop a.add_to_cart_button.button.added {margin-right: 5px; } #woo-loop a.add_to_cart_button.button.added + .added_to_cart {color: #fb6744; text-decoration: underline; font-size: 16px; margin: 0px 20px; font-weight: 800;} #woo-loop form.cart, #woo-loop .prod-cart{align-items:center;justify-content: flex-end} #woo-loop h3.prod-title{font-size:1rem;} #woo-loop .qty {border:1px solid #a3a3a344;background: #F8F8F9;padding: 5px; border-radius: 3px; box-shadow:0 1px 8px rgb(0 0 0 / 10%);width:50px;} #woo-main .results-bar {display: flex; flex-flow: row wrap; justify-content: space-between;margin-bottom:30px;align-items: center;} #woo-main p.woocommerce-result-count{font-style:italic;} #woo-main p.woocommerce-result-count, #woo-main .woo-sort-tile {flex: 0 0 auto; align-items: center;} #woo-main p.woocommerce-result-count, #woo-main .woo-sort-tile #toggle-view { margin-right: 20px; } #woo-main .woocommerce-notices-wrapper{width:100%;} #woo-main .results-bar select {box-shadow:0 1px 8px rgb(0 0 0 / 10%);border: none; padding: 10px 30px; border-left: 1px solid#dfdfdf; outline: 0; appearance: none; background-image: linear-gradient(45deg, transparent 50%, #fb6743 50%), linear-gradient(135deg, #fb6743 50%, transparent 50%), linear-gradient(to right, #ccc0, #ccc0); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-radius: 5px} #woo-main p.stock.in-stock {flex: 1 1 80px!important; max-width: 80px!important;} #woo-loop .prod-thumb img{max-width:150px;width:100%;height:150px;} #woo-loop .prod-thumb:after{border-radius:0px;} #woo-loop li.cards[data-stock="0"] {filter: grayscale(1);opacity:0.8;} #woo-loop li.cards[data-eta="0"] {border-left:10px solid #FB6744;} /*06/21 update*/ #woo-loop li.cards[data-eta="in stock"] {filter: none; opacity: 1;} #brands-filter{width:auto;} #brands-filter span {filter: brightness(0.5);} #brands-filter ul {width:100%;margin: 10px 0px!important; flex-flow: row nowrap!important; display: flex; overflow: scroll overlay;} #brands-filter li {position:relative;box-shadow:0 1px 8px rgb(0 0 0 / 10%);background: #fff; margin-right: 10px!important; border-radius: 5px; flex: 0 0 80px; width: 80px;padding:3px !important;} #brands-filter li.checked:after {pointer-events:none;background: #FB6744; width: 20px; height: 20px; display: block; position: absolute; top: 3px; right: 3px; border-radius: 50px; content: 'x'; text-align: center; color:#fff; font-weight: 800; line-height: 1.2;} #brands-filter ul{margin:10px 0px!important;} #brands-filter label{width:100%;padding:0px!important;} #brands-filter span.bapf_clr_text {text-align: center; width: 100%; font-size: 0.8rem;margin:0px!important;} ul.page-numbers li a, ul.page-numbers li {color: #1f2f3f;} span.page-numbers.current {color: #FB6744; font-weight: 800;} nav.woocommerce-pagination .page-numbers {display: flex;} nav.woocommerce-pagination{margin-bottom:30px;} nav.woocommerce-pagination .page-numbers li {list-style: none;margin-right: 10px;} nav.woocommerce-pagination .page-numbers li a:hover{color: #FB6744} /*------------------------------------*\ SINGLE PRODUCT \*------------------------------------*/ .single-product_content{display:flex;padding:0px 30px;} .single-product_content-gallery{flex:1 1 40%;text-align:center;} .single-product_content-content{flex:1 0 60%;margin-left:30px;} .single-product_content-content_sku {padding: 10px 0px; border-top: 1px solid #1F2F3F; border-bottom: 1px solid #1F2F3F;margin-bottom:20px;display: flex; justify-content: space-between;} .single-product_content span.single-product_units {margin-right: 20px;} .single-product_add-to-cart_price div{display:flex;align-items:center;} span.single-product_add-to-cart_price-regular {font-size: 1.9em; font-weight: 800; color: #FF9400;margin:0px 5px;} .single-product_add-to-cart_price {display: flex; align-items: center;} span.single-product_add-to-cart_price-flash {background: #1F2F3F; padding: 0px 5px; border-radius: 50px;color:#fff;font-size: 0.8em;} .single-product_content form.cart{display:flex;align-items:center;} .single-product_content .add_to_cart{} div#wc-stripe-payment-request-wrapper{width:150px;padding-top:0px!important;margin:0px 15px;} p#wc-stripe-payment-request-button-separator{margin-top:0px!important;} button.single_add_to_cart_button.button.alt {background: linear-gradient(0deg, rgba(251,103,68,1) 0%, rgba(255,143,31,1) 100%); border: none; padding: 10px 20px; border-radius: 10px; color: #fff} p#wc-stripe-payment-request-button-separator {margin-top: 0px!important; /* opacity: 0.5; */ margin-right: 10px; font-size: 0.8em; color: #1f2f3f;} .single-product tr.woocommerce-product-attributes-item--attribute_pa_warranty{display:none!important;} .single-product_content .description {margin-top: 10px;} .single-product li#tab-title-additional_information a {/*display: none;*/} .single-product_content-gallery{overflow:hidden;} .woocommerce-product-gallery__wrapper{margin:0;padding:0;} .flex-control-nav{display:flex;list-style:none;margin:0;padding:0;} .flex-control-nav li{cursor:pointer;} .flex-control-nav li img{width:80%;border:1px solid #eee;} .single-product li#tab-title-additional_information::marker {color: #f8f8f9;} .single-product_container.container{margin-top:30px;} .single-product .single-product_content, nav.woocommerce-breadcrumb{max-width: 1300px;width: 100%;margin: 0 auto;} .single-product .woocommerce-product-gallery__image.flex-active-slide img {border-radius: 10px; width: 100%!important; height: 100%!important;} .single-product .flex-control-nav{padding-bottom:20px;display:flex;flex-flow:row wrap;} .single-product .flex-control-nav li{flex:0 0 auto;} .single-product ol.flex-control-nav.flex-control-thumbs li:last-child {margin-right: 10px;} .single-product ol.flex-control-nav.flex-control-thumbs img {border-radius: 10px;width:100%;} .single-product .woocommerce-product-gallery__image.flex-active-slide{padding:10px} .single-product ol.flex-control-nav.flex-control-thumbs li {margin-left: 10px; } .single-product_content-gallery p {font-size: 12px; margin-top: 15px;} .single-product .flex-control-nav{justify-content:center;} .single-product table.woocommerce-product-attributes.shop_attributes tbody {width: 100%;} .woo-related-products h2.mega_title {flex-flow:column; display:flex;padding-top:2em} .woo-related-products h2.mega_title span.pre { font-size: 0.5em; } .single-product_content-gallery{padding:10px;} .woocommerce-product-gallery.woocommerce-product-gallery--with-images {background: #fff; border-radius: 10px; box-shadow: 0 1px 8px rgb(0 0 0 / 10%);} .single-product tbody tr:nth-child(1) {border-top-left-radius: 10px;border-top-right-radius: 10px;} .single-product tbody tr:last-child {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .single-product #cartBlock .quantity {margin: 0px 20px 0px 0px;} .single-product .add_to_cart p{order:3;margin-left:20px;} .single-product_content .add_to_cart {display: flex;align-items: center;margin:20px 0px} .quantity input {border: 1px solid #a3a3a344; background: #F8F8F9; padding: 5px; border-radius: 5px; box-shadow: 0 1px 8px rgb(0 0 0 / 10%); width: 50px;} .woocommerce-message {padding: 20px 20px;font-weight: 800;background: #1e2f3f22;} .related.products ul {display: flex; flex-flow: row nowrap;} table.woocommerce-product-attributes.shop_attributes {padding: 0px; text-align: left; display: flex;margin-top:20px;} table.woocommerce-product-attributes.shop_attributes tr {padding: 7px 0px; display: flex; justify-content: space-between;} td.woocommerce-product-attributes-item__value {text-align: left; flex: 1 1 50%;} table.woocommerce-product-attributes.shop_attributes th {flex: 0 0 50%; align-items: flex-end; text-align: left;} table.woocommerce-product-attributes.shop_attributes tr:nth-child(2n+1) {/*background: #1F2F3F22;*/padding:10px} table.woocommerce-product-attributes.shop_attributes tr:nth-child(2n){background: #1F2F3F33;padding:10px} /*06/21 update*/ ul.tabs.wc-tabs li.active{font-weight: 800;} ul.tabs.wc-tabs li {display: inline-block; background: #dcdde0; padding: 10px; margin-top: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; } div#tab-additional_information{/*quitar-margin-top;*/} div#tab-additional_information h2{display: none} table.woocommerce-product-attributes.shop_attributes{margin-top: 0px;background: #dcdde0;} table.woocommerce-product-attributes.shop_attributes tr:nth-child(2n+1){/*quitar background*/} div#tab-documents_tab{background: #dcdde0;padding: 20px} div#tab-documents_tab h2{display: none} ul.woocommerce_documents li{list-style: none} ul.woocommerce_documents a {text-decoration: underline;} .single-product li#tab-title-additional_information a{/*quitar display: none*/} /*------------------------------------*\ Account \*------------------------------------*/ .user-registration-page main{min-height: 80vh;display: flex;flex-flow: column;align-items: center;justify-content: center;} section#acct-content{padding:30px 0px;} section#acct-content form button {margin-top: 30px;} .section-title.yellow_color.dash-inner {display: flex; align-items: center; justify-content: space-between; width: 94%;margin:30px;0px } .dash-search {max-width: 1300px; width: 100%; margin-bottom: 30px;} /*MyOrders*/ .woocommerce-view-order section.woocommerce-order-details.cards{text-align:left;} .woocommerce-view-order section#acct-content {display: flex; flex-flow: wrap; /*align-items: center;*/ } .woocommerce-view-order section.woocommerce-customer-details{margin-left:1%;} .woocommerce-view-order section.woocommerce-customer-details a.invoice-btn + p { display:none; } .woocommerce-view-order .section-title.yellow_color, .section-title.yellow_color+p {flex: 0 0 100%;} .woocommerce-view-order section.woocommerce-order-details.cards, .woocommerce-view-order section.woocommerce-customer-details {flex: 1 1 49%;} .woocommerce-view-order .section-title.yellow_color +p .order-date {margin-right: 10px; border-right: 1px solid; padding-right: 20px;} .cards.cards-acct:hover {transform: translateY(0px);} .section-title.yellow_color h2 {margin: 30px 0px;} .woocommerce-pagination{margin:20px 0px;} .woocommerce-pagination a {color:#FB6744;text-transform:uppercase;font-weight:800;letter-spacing:1px;} td.td-order-number a {border-bottom: 1px solid #222;font-weight:800;} td.td-order-actions a.view { display:none; } td.td-order-number a:hover {border-bottom: 1px solid #FB6744;color:#FB6744} .dash-inner .dashw-list.cards{flex:0 0 100%} .dashw-totals + section.dashw-list.cards.cards-acct td a, .dashw-vendors-wrapper + section.dashw-list.cards.cards-acct td a{font-weight: 800;border-bottom: 1px solid;} .dash-inner .cards-acct td, .dash-inner .cards-acct th, .dash-inner .dashw-list table td, .dash-inner .dashw-list table th{flex:0 0 18%;word-break:break-word; padding-right:10px;} #acct-content td, #acct-content .cards-acct th, #acct-content table td, #acct-content table th{flex:0 0 18%;word-break:break-word; padding-right:10px;} #acct-content .cards-acct .woocommerce-MyAccount-orders th, #acct-content .cards-acct .woocommerce-MyAccount-orders td{flex:0 0 20%;} /*my Addresses*/ .section-title.yellow_color + p {margin: 20px 0px;} .addresses header.acct-title h3 {margin-bottom: 30px;} .addresses .cards.cards-acct:nth-child(2){margin-left:30px;} .addresses header.acct-title {display: flex;justify-content: space-between;} .addresses header.acct-title a{color:#FB6744;text-transform:uppercase;font-weight:800;letter-spacing:1px;} .woocommerce-address-fields__field-wrapper{display:flex;flex-flow:row wrap;} .woocommerce-address-fields__field-wrapper .form-row {flex: 1 1 50%;display: flex;flex-flow: column;} .cards.cards-acct h3{margin-bottom:30px;} .woocommerce-address-fields__field-wrapper .form-row label {margin: 15px 0px 10px;color:#707070;font-weight:800} .woocommerce-address-fields__field-wrapper .form-row input{width:95%;} /*account-settings*/ form.woocommerce-EditAccountForm.edit-account .cards-acct p.woocommerce-form-row {display: flex;flex-flow: column;} form.woocommerce-EditAccountForm.edit-account .cards.cards-acct{flex: 1 1 50%;} form.woocommerce-EditAccountForm.edit-account .cards.cards-acct:nth-child(2){margin-left:30px;} form.woocommerce-EditAccountForm.edit-account .cards.cards-acct label {margin: 15px 0px 10px;color:#707070;font-weight:800} form.woocommerce-EditAccountForm.edit-account .cards.cards-acct input{width:95%;} .user-registration-page form.woocommerce-EditAccountForm.edit-account .flex-r {align-items: stretch;} fieldset{border:none;} form span em {font-size: 11px;opacity: 0.5;} /*barra*/ nav#acct-nav ul {justify-content: center;} nav#acct-nav li:hover{transform: translateY(-10px); transition: all 0.4s;} nav#acct-nav{margin-top:30px} nav#acct-nav a i {display: block;font-size: 38px;margin: 0px 0px 20px;color: #fe9400;} nav#acct-nav li {transform: translateY(0px); transition: all 0.4s;display: flex; /* flex-flow: column; */ padding: 20px; background: #fff; flex: 0 0 220px; margin-right: 2%; border-radius: 10px; text-align: center; align-items: center; justify-content: center;box-shadow:0 1px 8px rgb(0 0 0 / 10%)} p.woocommerce-form-row.woocommerce-form-row--first.form-row{flex-flow:column;display:flex} /*.user-registration-page .flex-r {align-items:Center;}*/ .user-registration-page .wrapper div#signUp a{margin-top: 40px; display: inline-block;} .user-registration-page div#signUp, .user-registration-page div#signIn {padding:30px; background:#fff;border-radius:10px;box-shadow:0 1px 8px rgb(0 0 0 / 10%)} .user-registration-page div#signUp{margin-right:20px;display:flex;align-items:center;} .user-registration-page .wrapper div#signUp h2, .user-registration-page .wrapper div#signIn h2{margin-bottom:30px} .user-registration-page div#signIn a {border: none;} div#signIn p {margin: 20px 0px;} div#signIn br {height: 10px!important; content: '.'; display: block; width: 100%;} div#signIn form input#username {margin-right: 20px;} div#signIn form input#username, div#signIn form input#password{width:48%;} div#signIn .login_links { align-items:center; display: flex; justify-content: flex-start;} div#signIn .login_links br{display:none!important;} div#signIn .login_links{margin:30px 0px} div#signIn .login_links label, div#signIn .login_links a {margin-left: 10px;} div#signIn .login_links a{ border-left: 1px solid #222; padding-left: 10px;color:#fb6744} /*forms*/ abbr[title]{text-decoration:none;color:#FB6744;} .select2-container--default .select2-selection--single {border: none; background: #f8f8f9; padding: 5px 8px; border-radius: 10px; height: 42px; line-height: 1; margin-bottom: 20px; width: 95%;} .select2-container--default .select2-selection--single .select2-selection__arrow {top: 8px; right: 41px;color:#FB6744} .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#FB6744 transparent transparent transparent;} form input {background: #F8F8F9; border: none; padding: 10px; border-radius: 10px; /* margin: 10px; */ color: #22222288;} /*------------------------------------*\ DASHBOARD \*------------------------------------*/ h1.section-title {margin: 50px 0px} .dashw-wrapper { flex-wrap:wrap; } section.dashw-totals div{text-align:center;} .dashw-totals:hover {transform: translateY(-10px); transition: all 0.4s; } .dashw-totals {transform: translateY(0px); transition: all 0.4s; display: flex; flex: 1 1 15%; flex-flow: column; padding: 30px; justify-content:space-between; align-items: center; margin-right: 2%;color:#fff;border-radius:10px;} .dashw-totals h3 {font-size: 2em;} .dashw-totals i {font-size: 2.2em;} .dashw-totals a.view-all{color:#fff;} .dashw-list.cards {flex: 0 0 56%;} a.view-all{transition: border-width 0.2s linear;border-width:0;transition:all 0.5;border-bottom:0px solid;} a.view-all:hover{transition: border-width 0.2s linear;border-width:2px;transition:all 0.5;color:#1F2F3F;} .prod-desc{color:#707070;} h3.prod-title{margin-top:20px; font-weight: 600; text-transform: uppercase;color:#9b9b9b;} .list-items th, .list-items td {flex: 0 0 auto; display: flex; flex: 0 0 25%;} .list-items tr {display: flex; width: 100%; padding: 8px 0px; border-bottom: 1px solid #ededed;align-items:center;} .list-items tr:last-child{border:none;} .list-items tbody{ display: flex; flex-flow: row wrap;} .dashw-list .section-title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;} .dashw-items .prod-desc h3 {text-transform: capitalize;} section.dashw-items{margin-bottom:30px;} .dashw-items .section-title {margin:20px 0px;display: flex; align-items: center;} .dashw-items .section-title a {flex: 0 0 auto; margin-left: 30px;} .dashw-items.flex-c .cards {flex: 0 1 20%;} .dashw-items .items-cards .cards {flex: 0 0 20%;} .dashw-items a.view-all{color:#FB6744;} .dashw-items.flex-c{display:flex;width:100%;} .dashw-vendors-wrapper.flex-r {flex-flow: row wrap; flex: 0 0 44%;} .dashw-vendors-wrapper section.dashw-totals.grad_blue_bg {flex-flow: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 20px;} .dashw-vendors-wrapper .dashw-totals {margin-right: 4%;flex: 0 0 46%;} .dashw-vendors-wrapper section.dashw-totals.grad_blue_bg a {margin-top: 30px;} .dashw-vendors-wrapper + .dashw-list + .dashw-items .items-cards .cards .prod-desc{align-items:center;text-align:Center;} .dashw-vendors-wrapper + .dashw-list + .dashw-items .items-cards .cards a{margin-top:40px;} .dashw-items .items-cards.flex-r .flex-c:nth-child(1){margin-left:0px;} .dashw-items .items-cards.flex-r .flex-c:nth-child(5){margin-right:0px;} .dashw-vendors-wrapper section.dashw-totals.grad_blue_bg:nth-child(1) {background: linear-gradient(0deg, #1f2f3f 0%, #365777 100%);} .dashw-items h3.user-email {display: flex;flex-flow: column;margin-top: 20px;inline-size: 190px; overflow-wrap: break-word;font-size: 0.9em;font-weight:400!important;text-align:center;} .dashw-items .user-desc {flex-flow: column; display: flex;align-items:center;color:#9b9b9b;font-weight:400!important; justify-content:space-between;} .user-desc .user-email a i{opacity:0.5;} .dashw-items span.user-name{color:#1F2F3F;font-weight:800;font-size: 1.2em;text-align:center} .dashw-items span.user-company{color:#1F2F3F;font-size: 0.9em;} .dashw-items .items-cards.flex-r{overflow:scroll;} .dash-inner .dashw-items .items-cards.flex-r{flex-flow:wrap;overflow:unset;} .dash-inner .dashw-items.flex-c .cards{flex:1 1 23%;} .dash-inner .list-items td:first-child a{border-bottom: 1px solid #222;font-weight: 800;} .dash-inner #dash-or-tbl td a {font-weight: 800;text-decoration: underline;} .list-items td[data-status="pending"] span{background: #FB674433 ;color:#FB6744;padding:0px 15px;border-radius:50px;text-transform:capitalize;} .list-items td[data-status="completed"] span{background: #1F2F3F22 ;color:#1F2F3F;padding:0px 15px;border-radius:50px;text-transform:capitalize;} .list-items td[data-status="on-hold"] span,.list-items td[data-status="partially received"] span {background: #FF940022 ;color:#FF9400;padding:0px 15px;border-radius:50px;text-transform:capitalize;} .list-items td[data-status="cancelled"] span{background: #BC3A1B22;color:#BC3A1B;padding:0px 15px;border-radius:50px;text-transform:capitalize;} .list-items td[data-status="processing"] span{background: #a9bf3022 ;color:#a9bf30;padding:0px 15px;border-radius:50px;text-transform:capitalize;} .list-items td[data-status="readypickup"] span{background: #27833522 ;color:#278335;padding:0px 15px;border-radius:50px;text-transform:capitalize;} .list-items td[data-status="refunded"] span{background: #447CFB22 ;color:#447CFB;padding:0px 15px;border-radius:50px;text-transform:capitalize;} .list-items td[data-status="failed"] span{background: #FF000022 ;color:#FF0000;padding:0px 15px;border-radius:50px;text-transform:capitalize;} div#mobile-app-bar {display:none;} .dash-inner .list-items th a {border-bottom: none; color: orange; } #dash-or-tbl th a i.fas { opacity:0; } #dash-or-tbl th[class=""] a:hover i.fa-chevron-up { opacity:1; } #dash-or-tbl th[data-sort="ASC"].selected a i.fa-chevron-up { opacity: 1; } #dash-or-tbl th[data-sort="ASC"].selected a:hover i.fa-chevron-up { opacity: 0; } #dash-or-tbl th[data-sort="ASC"].selected a:hover i.fa-chevron-down { opacity: 1; } #dash-or-tbl th[data-sort="DESC"].selected a i.fa-chevron-down { opacity: 1; } #dash-or-tbl th[data-sort="DESC"].selected a:hover i.fa-chevron-up { opacity: 1; } #dash-or-tbl th[data-sort="DESC"].selected a:hover i.fa-chevron-down { opacity: 0; } ul#orderstatus:hover, .dash-inner table#dash-or-tbl li:hover + ul#orderstatus, dash-inner table#dash-or-tbl a:hover + #orderstatus,a[data-show="status"]:hover + #orderstatus{opacity: 1; display: flex; flex-flow: column; height: 100%; height: auto; position: absolute; transition: all 0.5s; top: 30px;} ul#orderstatus {opacity: 0; overflow: hidden; height: auto; transition: all 0.5s; position: absolute; background: #f5f5f5; padding: 10px 15px 20px; list-style: none; text-align: left;} ul#orderstatus li a{color: #222;font-weight: 400;cursor:pointer;} ul#orderstatus li a:hover{text-decoration:underline;} ul#orderstatus li {padding: 5px 0px; } .dash-inner table#dash-or-tbl th{position:relative;} .dash-inner table#dash-or-tbl li{list-style:none;} .dash-inner table#dash-or-tbl{width:100%} /*vendor editing*/ #vendor-prod-list tr.editing {background: #f8f8f9; border: 1px solid #fe9400; border-radius: 10px; padding: 10px 10px; box-shadow: 0 1px 8px rgb(0 0 0 / 10%); } span[contenteditable="true"] {background: #1e2f3f11; border: 1px solid #1e2f3f11; border-radius: 10px; padding:5px; } span.edit-prod-btn {font-size: 16px; display: flex; align-items: center; margin-left: 5px;} td.prod-inventory, td.prod-price {font-size: 18px;} .editing button.grad_orange_bg.submit-prod-btn {padding: 10px 15px; border: none; border-radius: 5px; color: #fff; filter: none; opacity: 1;} button.grad_orange_bg.submit-prod-btn {padding: 10px 15px; border: none; border-radius: 5px; color: #fff; filter: grayscale(1); opacity: 0.5;} div#vendor-prod-list tr td:last-child {display: flex; flex-flow: column; align-items: center;} div#vendor-prod-list .response {font-size: 14px; color: #A9BF30; } div#vendor-prod-list .response:before {content: "\f00c"; margin-right: 3px;font-family:"FontAwesome";} div#vendor-prod-list .response.fail{font-size: 14px; color: #fb6943; } div#vendor-prod-list .response.fail:before {content: "\f00d";font-family:"FontAwesome";} .prod-price-detail:before { content:'$'; } .v-product div.response { display:none; } #vendor-prod-list tr.v-product td span:first-of-type{text-align:left!important;} #vendor-prod-list tr.v-product td span:first-of-type{width:40%!important;} #vendor-prod-list .dashw-list table th, #vendor-prod-list .dashw-list table td { flex:0 1 15%; } #vendor-prod-list .prod-inventory, #vendor-prod-list .prod-price {display: flex;flex-flow: row nowrap;align-items: center;} .dashw-vendors-wrapper + .dashw-list + #vendor-prod-list .prod-inventory{margin-top:10px;} .dashw-vendors-wrapper + .dashw-list + #vendor-prod-list .prod-price{margin-bottom:10px;} #vendor-prod-list .items-cards .cards{align-items:center;} #vendor-prod-list h3.prod-title{text-align:center} #dash-or-tbl ul#orderstatus a {text-transform: capitalize; } section.dashw-totals .view-all {margin-top: 20px; display: block;} /*upload*/ #uploadForm input[type="file"] {width: 190px!important;} #uploadForm .wpforms-form .wpforms-field {background: #e3e3e359; padding: 0px; margin: 5px 0px; border-radius: 10px; padding: 5px; mix-blend-mode: color-dodge; font-weight: 800; color: #ffebeb;} #uploadForm button[type=submit] {background: #25384d; border: none; border-radius: 10px; color: #fff;} #uploadForm button[type=submit]:hover {background: #25384d55!important;} #uploadForm .wpforms-confirmation-container-full {background: #f8ffd4; border: none; color: #a9bf30; border-radius: 10px; margin-top: 10px; font-weight: 800; padding: 5px 10px;} /*------------------------------------*\ PAGES \*------------------------------------*/ /*about*/ .benefits-about .elementor-image:before {content: ''; background: #fa6643; width: 70%; height: 80%; display: block; position: absolute; z-index: -1; border-radius: 100%; right: 100px; top: 30px;} .page .register-form-page div .user-registration{background: #fff!important;border-radius:10px;} .user-registration input {height:45px;background: #F8F8F9!important; border: none; border-radius: 10px!important;color: #22222288;} .user-registration label {margin: 20px 0px 10px!important; color: #707070!important;} .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .form-row select, .registration-form-box .form-row select {border: none; background: #f8f8f9!important; padding: 5px 8px; border-radius: 10px!important; height: 45px; line-height: 1; margin-bottom: 20px; width: 100%;} .user-registration button {background: linear-gradient(0deg, rgba(251,103,68,1) 0%, rgba(255,143,31,1) 100%);padding: 15px 20px!important;} .user-registration .user-registration-error {background: #fb674422; border-top: none; font-weight: 800; border-radius: 50px; padding: 5px 10px; color: #fb6744!important;} .user-registration div#billing_phone_field {margin-top: -20px;} .registration-form-box .form-row {width: 48%;float: left;margin-right: 2%;} .page .ur-frontend-form{border:none} .user-registration li.ur-checkbox-list {height: 30px;width: 33%;float: left;} .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item:last-child .form-row{width:100%;} .ur-frontend-form .ur-button-container .ur-submit-button {margin-left:inherit;margin: 0 auto; margin-top: 30px;margin-bottom:30px;} span#f-mov {display: none;} .dashboard div#responsive_menu_pro_button{display:block;top:35px;right:30px;} .dashboard div#responsive_menu_pro {left: 100%!important; display: block!important; transition: 0.5s all; width: 0px; height: 100vh;} .dashboard #responsive_menu_pro.responsive_menu_pro_opened {right: 0!important; left: 60%!important; transition: 0.5s all; width: 100%; } body #responsive_menu_pro_button .responsive_menu_pro_button_lines .responsive_menu_pro_button_line {height: 2px !important;margin-bottom: 9px !important;} div#responsive_menu_pro {background: #1F2F3F;} body #responsive_menu_pro .responsive_menu_pro_menu li li a, body #responsive_menu_pro .responsive_menu_pro_menu li a{border:none!important;} body #responsive_menu_pro .responsive_menu_pro_append_link, body #responsive_menu_pro .responsive_menu_pro_menu li.current-menu-item > a {background: #22222244!important;border: none!important;} div#responsive_menu_pro li a{font-size:16px;} div#responsive_menu_pro{padding-top:8em;} .responsive_menu_pro_opened + #responsive_menu_pro_button .responsive_menu_pro_button_line:nth-child(1) {transform: rotate(45deg);transition: 0.5s all;} .responsive_menu_pro_opened + #responsive_menu_pro_button .responsive_menu_pro_button_line:nth-child(2){transform: rotate(-45deg);transition: 0.5s all;margin-top:-10px;} .responsive_menu_pro_opened + #responsive_menu_pro_button .responsive_menu_pro_button_line:nth-child(3){opacity:0;} #responsive_menu_pro_three_lines .responsive_menu_pro_button_line{transition:0.5s all; opacity:1;transform: rotate(0deg)} body #responsive_menu_pro .responsive_menu_pro_menu li a {padding-left: 40px!important;} #responsive_menu_pro #responsive_menu_pro_search{display: none!important;} body #responsive_menu_pro .responsive_menu_pro_append_link {background: linear-gradient(45deg, transparent 50%, #fb6743 50%), linear-gradient(135deg, #fb6743 50%, transparent 50%), linear-gradient(to right, #ccc0, #ccc0)!important; border: none; padding: 10px 30px; border-left: 1px solid#dfdfdf; outline: 0; appearance: none; /* background-image: linear-gradient(45deg, transparent 50%, #fb6743 50%), linear-gradient(135deg, #fb6743 50%, transparent 50%), linear-gradient(to right, #ccc0, #ccc0); */ background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em!important; background-size: 5px 5px, 5px 5px, 1px 1.5em!important; background-repeat: no-repeat!important; color: #22222200!important;} #responsive_menu_pro .responsive_menu_pro_menu ul {padding-left: 30px;} #responsive_menu_pro .responsive_menu_pro_menu ul li a{color:#ffffff77!important} /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ @media only screen and (max-width:1280px) { div#signIn form input#username, div#signIn form input#password{width:100%;margin:5px 0px} #vendor-dashboard section.dashw-totals.grad_blue_bg {flex: 0 0 96%;} } @media only screen and (max-width:1024px) { .dashboard #responsive_menu_pro.responsive_menu_pro_admin_bar_showing{display:block} section#hero .cards.flex-r{flex-flow:column} section#hero .prod-thumb{order:-1;} /*myaccount-sec*/ .woocommerce-address-fields__field-wrapper .form-row{flex:0 0 100%} /*category*/ div#woo-loop .prod-thumb{display:none!important;} div#woo-loop .prod-info{margin-left:20px!important;flex:1 1 100%!important;} div#woo-loop .prod-eta{margin-left:20px;} #woo-loop li.cards.flex-r{flex-flow:row wrap!important;padding-bottom:20px;} #woo-loop .prod-eta, #woo-loop .prod-stock, #woo-loop .prod-price, #woo-loop p.stock.in-stock{flex:1 1 auto!important;width:auto;} .archive #woo-container .flex-r {flex-flow: column;} .archive div#content{flex:0 0 100%;width:100%} /*.archive #woo-loop .prod-info {flex: 0 0 100%!important;}*/ .archive aside#sidebar, div#brands-filter h3{display:none;} .home header#header{background-position:center;} body{font-size:88%;} .wrapper{padding:20px!important;} section#featured {padding-top:20px;} section#featured .flex-r {flex-flow: row wrap;justify-content: center;} ul#featured-picker{height:54px;} .all-picker a {color: #222!important; margin: 20px 0px!important; position: relative; display: flex;} .reg-banner{margin-top:20px;} .cards.flex-c {flex: 0 0 47%; } .cards.flex-c .prod-desc{padding-left:20px;} section#featured .cat-picker{text-align:center;align-items:center;padding-top:0px; } section#featured select#featured-picker{max-width:320px;margin-bottom:20px;} .single-product_content{flex-flow:column} .woo-related-products h2.mega_title{text-align:center;margin-bottom:20px;margin-right:20px;} /*mobilemenu*/ div#acct-block ul, div#acct-block .btn, nav{display: none;} div#top-header .flex-r{justify-content:center;} #mini-cart i{font-size:20px;margin-right:10px;} #mini-cart {text-align: right;flex: 0 0 30px;} #logo{flex:0 0 auto;} body #responsive_menu_pro_button{left:30px;top:60px!important;background:none!important;right:inherit;} .dashboard #responsive_menu_pro.responsive_menu_pro_opened {left: 0!important; right: inherit; width: 60%;} .dashboard div#responsive_menu_pro {left: 0!important; right: inherit!important; width: 0;} .dashboard div#responsive_menu_pro_button{right:inherit;} div#acct-block{position:absolute;right:30px;top:45%} #header.dash-head .nav, .dashboard .mov-menu-wrapper {display: none;} /* era .dashboard #top-header nav.nav */ /*mobile barra*/ div#mobile-app-bar {background: #1A232D; padding: 20px 10px;z-index: 2; position: fixed; bottom: 0; width: 100%;display:block;} #mobile-filter-bar.show { display: block; } ul#mobile-app-bar-menu {list-style: none;display: flex; flex-flow: nowrap; } ul#mobile-app-bar-menu li a {font-size: 12px;color: #fff; font-weight: 800; display: flex; flex-flow: column; align-items: center;font-size: 9px;} ul#mobile-app-bar-menu li a i {margin-bottom: 10px; font-size: 28px;} ul#mobile-app-bar-menu li {flex: 0 0 20%; right: 0px;padding: 0px 5px;text-align: center;} ul#mobile-app-bar-menu li#mini-cart {position: relative;} ul#mobile-app-bar-menu span.cart-count.grad_orange_bg{font-size:0.9em;left:50%;line-height:2;} /*filter barra*/ span#f-mov {display: block;} #mobile-filter-bar {background: #fff; box-shadow: 0 1px 8px rgb(0 0 0 / 10%); padding: 20px;height: 0vh;overflow:scroll;z-index: 3; position: fixed; bottom: 0; width: 100%;transition:0.5s all;opacity:0;} aside#mobile-filter-bar.show{height: 50vh;transition:0.5s all;opacity:1;} aside#mobile-filter-bar a#f-mov-close {position: absolute;right: 30px;color: #fb6744;} aside .bapf_sfilter.f-reset {/* background: red; */ text-align: right; margin-top: 60px; border-top: 1px solid #a1a1a1; padding-top: 10px; margin-bottom: 0px!important;} aside button.bapf_button.bapf_reset {border: none; color: #fb6744; font-weight: 500; background: none; border-bottom: 1px solid;} aside .berocket_aapf_widget_selected_filter li {display: inline-block; float: left; /*background: #1f2f3f33*/; border-radius: 30px;} aside .berocket_aapf_widget_selected_filter li a{padding: 5px 10px; display: block; border-radius: 10px; color: #1f2f3f;} aside .berocket_aapf_widget_selected_filter i.fa.fa-times {color: #fb6744;margin-right: 3px;} aside .bapf_sfa_taxonomy span {display: none;} aside .bapf_sfilter.bapf_sfa_inline.bapf_sfa_mt_hide.f-active h3 { margin: 10px 0px;} .archive #woo-container .woo-sort-tile.flex-r {flex-flow: row nowrap;} .archive section.woocommerce-products-header.wrapper {flex-flow: row nowrap; display: flex; justify-content: space-between; align-items: center;} nav#acct-nav{display:block;} } @media only screen and (max-width:768px) { /*cart*/ .cart-collaterals tr {display: flex; flex-flow: column; align-items: flex-start; } .woocommerce-checkout.woocommerce-order-received section.woocommerce-order-details.cards.cards-acct, .woocommerce-checkout.woocommerce-order-received section.woocommerce-customer-details{flex:0 0 100%;margin:10px 0px} /* STRUCTURE */ .flex-r, .flex-c { flex-wrap:nowrap; } /*account*/ .cards.cards-acct { margin: 20px 0px !important;width:100%} /*home*/ #quick-links h2 { padding: 30px 20px;} .single-product_content, .related.products ul{flex-flow:column;padding:0px 20px;} h2.related-tab{padding:0px 20px;} .woocommerce-view-order section.woocommerce-order-details.cards, .woocommerce-view-order section.woocommerce-customer-details {flex: 0 0 100%;} .woocommerce-view-order section.woocommerce-customer-details{margin:30px 0px 0px 0px} form.checkout.woocommerce-checkout{flex-flow:column;} form.checkout.woocommerce-checkout .col2-set{margin-bottom:30px;} .user-registration li.ur-checkbox-list {width: 50%;} .registration-form-box .form-row{width:100%;margin-right:0px;} } @media only screen and (max-width:620px) { /*update*/ #vendor-dashboard .dashw-list .list-items tr{flex:0 0 100!important;} .cards.flex-c.v-card-product {flex-flow: column;} main#main {margin-bottom: 60px;} /*regustration*/ #signIn{margin-top:30px;} .user-registration-page div#signUp{margin-right:0px;} div#signIn form input#username, div#signIn form input#password{width:100%;margin:5px 0px} /*account*/ nav#acct-nav ul {flex-flow: row wrap;} nav#acct-nav ul li{flex:1 1 45%;margin:10px;} /*category*/ #woo-loop li.cards.flex-r > * { flex: 0 1 auto!important;} #woo-loop .prod-cart {flex: 0 0 100%; width: 100%;} #woo-loop form.cart {justify-content: space-between!important; width: 100%; margin-top: 10px; padding: 0px 20px;} #woo-loop button.single_add_to_cart_button.button.alt{margin-right:0px!important;} div#woo-loop .prod-info{margin-bottom:10px;} .archive #woo-container .woo-sort-tile.flex-r{margin-top:10px;flex:0 0 100%} .archive #woo-container .woo-sort-tile.flex-r form{text-align:right;} .flex-r{flex-flow:column;} .cards{margin-bottom:15px!important;} .cards.flex-c {flex-flow: row nowrap;} .cards.flex-r{flex-flow:column!important;} #hero .prod-thumb img{height:auto;} .prod-thumb img{max-width:100%;width:100%;} .prod-desc{order:2;} /*home*/ main{padding-bottom:80px;} select#onlyStock{width:50%;} section#featured .flex-r{flex-flow:column;} section#quick-links{margin-top:20px;} section#quick-links h2{border-radius:10px;margin-bottom:20px;} .register-copy{margin-bottom:30px;} .register-ad {text-align:center; align-items: center;} .prod-thumb, #featured-cats .prod-link-img{flex:1 1 auto;} .cards.flex-c .prod-desc, #featured-cats{flex:0 0 60%;} #featured-cats .cards.flex-c a img, .woo-related-products .wrapper.flex-r a img{max-width: 130px;height: auto;align-items: center;width: auto;} .prod-thumb, #featured-cats .prod-link-img{justify-content:center;display:flex;flex-flow:column;align-items:center;} .woocommerce-cart-form__cart-item.cart_item td.product-name{font-size: 12px;word-break: break-all;padding: 5px 5px;} .woocommerce-cart-form__cart-item.cart_item td.product-price {font-size: 12px;padding: 5px 5px;} .woocommerce-cart-form__cart-item.cart_item img {max-width:60px!important} .woocommerce-billing-fields__field-wrapper p {flex: 0 0 100%;} form.checkout.woocommerce-checkout p#billing_address_2_field{margin-top:0px;} footer{display:none;} #logo{text-align:center;margin-right:0px;} #logo img{max-width:200px;} #acct-content .order {flex-flow: column;flex: 0 0 33%; align-items: flex-start;} /*dashboard*/ .dash-inner .list-items #dash-or-tbl tr {display: flex;flex: 0 0 100%;flex-flow: column;align-items: flex-start;padding: 29px 0px;} .dash-inner .list-items #dash-or-tbl thead tr{display:flex;flex-flow:row wrap;flex:0 0 100%;} .dash-inner .list-items #dash-or-tbl tr:first-child th{flex:0 0 50%;padding:10px 0px} section.dashw-totals {margin-bottom: 30px;} .dashw-list .list-items tr {display: flex;flex-flow: column;flex: 1 1 50%;align-items: flex-start; padding: 20px 0px;} .dashw-list .list-items tr:first-child{flex:0 0 100%;flex-flow: row wrap;} .dashw-items .section-title a{margin-left:0px;} /*06/21 update*/ .cards.flex-c.grad_orange_bg.cards_cta {min-height: 150px;} } @media only screen and (max-width:320px) { } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { } /*------------------------------------*\ MISC \*------------------------------------*/ ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin:5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; } .alignright { float:right; margin:5px 0 20px 20px; } .alignleft { float:left; margin:5px 20px 20px 0; } a img.alignright { float:right; margin:5px 0 20px 20px; } a img.alignnone { margin:5px 20px 20px 0; } a img.alignleft { float:left; margin:5px 20px 20px 0; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; } .wp-caption.alignnone { margin:5px 20px 20px 0; } .wp-caption.alignleft { margin:5px 20px 20px 0; } .wp-caption.alignright { margin:5px 0 20px 20px; } .wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky { } .bypostauthor { } /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } pre,blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr,img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } }