Yoga Barre

/* ----------------------------------------- */ /* Content Template: Shop - start */ /* ----------------------------------------- */ .product-wrap { width: 88%; max-width: 1200px; margin: 40px auto; } .woocommerce div.product .images { float: none !important; width: 100% !important; } .product-img { width: 46%; margin-right: 4%; vertical-align:top; display: inline-block; } .product-ctt {width: 48%; display: inline-block;} img.zoomImg {display: none !important;} img.wp-post-image {width: 100% !important; margin-bottom:15px;} .flex-active-slide img {width: 100% !important;} a.woocommerce-product-gallery__trigger{display:none !important;} .flex-viewport a {cursor: initial !important;} .flex-control-nav {position: relative; padding: 0 !important;} .flex-control-nav img {height: 50px !important;} .flex-control-nav li {box-shadow: none !important; border: 1px solid gainsboro;} .wcml-dropdown { max-width: 310px !important; width: 100%; } .product-wrap span.woocommerce-Price-amount.amount { font-size: 30px; } .best-selling { margin-top: 90px; } .best-selling h2:before, .best-selling h2:after { border-bottom: 2px solid #e8e8e8; content: ""; display: inline-block; width: calc(50% - 140px); vertical-align: top; margin: 15px 10px; } .best-selling h2 { text-align: center; margin-bottom: 30px; } .best-selling h2:before, .best-selling h2:after { border-bottom: 2px solid #e8e8e8; content: ""; display: inline-block; width: calc(50% - 140px); height: 16px; vertical-align: top; margin: 0 12px; } /*QUANTITY*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } input.input-text.qty.text { border-radius: 0; box-shadow: none; text-align: center; } input.minus, input.plus { border: none; height: 40px; width: 40px; background-color: #dddddd; } input.input-text.qty.text { height: 40px; margin: 0 -5px 0 -5px; } input.minus:hover, input.plus:hover { background-color: #b49024; color: white; } /* Calendar Form */ .wc-bookings-booking-form label { display: block; font-size: 20px; text-transform: uppercase; } input#wc_bookings_field_persons { font-size: 15px; font-weight: bold; } .wc-bookings-booking-form .form-field input[type=number] { width: 75%; } fieldset.wc-bookings-date-picker.wc_bookings_field_start_date { width: 100%; } p.form-field.form-field-wide.wc_bookings_field_persons { width: 50%; float: left; display: inline-block; } .wc-bookings-booking-form select { width: 47%; font-size: 15px; font-weight: bold; } .ui-datepicker-title { background: #b49025; border: #b49025; } .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next { background: #b49025; } .wc-bookings-date-picker .ui-datepicker-header{ background: #b49025; border: #b49025; } .wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default { background: #2b2b2b !important; color: #fff; } .wc-bookings-booking-form .block-picker li:nth-child(odd) a:hover, .wc-bookings-booking-form .block-picker li:nth-child(odd) a:focus { background: #2b2b2b !important; color: #fff !important; } .wc-bookings-booking-form .block-picker li:nth-child(odd) a { background: #2ecc71; color: #fff; } .wc-bookings-booking-form{ background: #ebebeb; padding:20px; } button.wc-bookings-booking-form-button.single_add_to_cart_button.button.alt.disabled { width: 100%; display: block; } button.wc-bookings-booking-form-button.single_add_to_cart_button.button.alt { width: 100%; display: block; } button.wc-bookings-booking-form-button.single_add_to_cart_button.button.alt:hover { background:#2B2B2B !important; transition:0.5s; } button.wc-bookings-booking-form-button.single_add_to_cart_button.button.alt { background:#2B2B2B !important;; transition:0.5s; } .wc-bookings-booking-form .block-picker li a.selected { background: #2b2b2b !important; color: #fff !important; } .wc-bookings-booking-form{ margin-bottom:0 !important; } .wc-bookings-booking-cost { text-align: center; } .wc-bookings-booking-cost span.woocommerce-Price-amount.amount { margin-left: 10px; } @media only screen and (max-width: 600px) { .product-img, .product-ctt { width: 100%; } } /* ----------------------------------------- */ /* Content Template: Shop - end */ /* ----------------------------------------- */