/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/***Header***/
#logo {
    margin-left: 5%;
}

.flex-col.hide-for-medium.flex-right {
    margin-right: 5%;
}

.header-wrapper.stuck {
    box-shadow: none;
}

.transparent .nav>li>a {
	color:white;
}

.nav-left {
    justify-content: center;
}

.wide-nav .flex-col.hide-for-medium.flex-left {
    margin-left: 4.7%;
}

.transparent a.button.primary.is-link {
    color: white;
    opacity: 1;
}
/***Products***/

.product-brands a {
    font-weight: 700;
    color: black !important;
}

.tax-product_cat .row.category-page-row {
    max-width: 90%;
}

.tax-product_brand .row.category-page-row {
    max-width: 90%;
}

span.cart-icon.image-icon {
    display: none;
}

.success-color {
    color: black;
    max-width: 90%;
    padding: 0;
}

p.name.product-title.woocommerce-loop-product__title a {
    color: black;
    text-transform: uppercase;
}

p.name.product-title.woocommerce-loop-product__title {
    margin: 5px 0;
}

p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7 {
    text-transform: capitalize;
    color: black;
	font-weight:700;
	display:none;
}

span.price {
    font-size: .85em;
}

.price span.amount {
	font-weight:400;
}

.post-type-archive-product #main>.row.category-page-row {
    max-width: 90% !important;
}

.post-type-archive-product #main>.row.category-page-row>.col.large-12 {
    padding: 0;
}

.products.row.row-small.large-columns-4.medium-columns-3.small-columns-2 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.page-title-inner.flex-row.medium-flex-wrap.container {
    max-width: 88.3%;
    padding: 10px 0px;
}

h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    display: none;
}

.product-section {
    border-top: none;
}

.related .row.large-columns-3.medium-columns-3.small-columns-2.row-small {
    max-width: 100%;
	margin-left:auto;
	margin-right:auto;
}

.related .row.large-columns-3.medium-columns-3.small-columns-2.row-small>.product-small {
    padding: 0 5px 3px;
}

.product-section>.row {
    max-width: 100%;
}

button.single_add_to_cart_button.button.alt {
    width: 100%;
    background-color: transparent;
    color: black;
    border: 1px solid black;
    height: 50px;
    margin-top: 20px;
}

button.single_add_to_cart_button.button.alt:hover {
	background-color:black;
	color:white;
}

.is-form, button.is-form, button[type=submit].is-form, input[type=button].is-form, input[type=reset].is-form, input[type=submit].is-form {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

input.qty {
    box-shadow: none;
    border: none;
}

.woocommerce-mini-cart__buttons .button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: transparent;
    color: black;
    border: 1px solid black;
    border-radius: 10px;
}

.woocommerce-mini-cart__buttons a.button.wc-forward {
    border-radius: 10px;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    --drawer-width: 400px !important;
    background-color: white;
    opacity: 1 !important;
    box-shadow: none;
}

.widget .is-divider {
    display: none;
}

#shop-sidebar a {
    text-transform: uppercase;
    color: black;
    font-size: .85em;
    margin: 2px 0;
}

.widget>ul>li+li, ul.menu>li+li {
    border-top: none;
}

#shop-sidebar ul.product-categories {
    margin-top: 30px;
}

.widget_price_filter .price_slider_amount .button {
    background-color: black;
    border-radius: 10px;
    float: left;
    font-size: .85em;
    width: 100px;
}

.widget_price_filter form {
    margin: 30px 0;
}

.widget_price_filter .price_slider {
    background: #333;
    margin-bottom: 1em;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: black;
}

.accordion-title.active {
    background: transparent;
    border-top: none;
    font-size: 1em;
}

.accordion-title {
    border-top: none;
    font-size: 1em;
}

.hooks .breadcrumbs, .hooks h1.product-title.product_title.entry-title, .hooks ul.next-prev-thumbs.is-small.show-for-medium, .hooks .price-wrapper, .hooks .product-short-description, .hooks form.cart, .hooks .clear, .hooks .product_meta, .hooks .social-icons.share-icons.share-row.relative {
    display: none;
}

a.add-request-quote-button.button {
    border: 1px solid black;
    font-size: 1em !important;
    width: 100%;
    padding: 3px 0px;
}

/***Cart***/

.cart-container.container.page-wrapper.page-checkout {
    max-width: 90%;
    padding: 30px 0;
}

.cart-container .woocommerce.row.row-large.row-divided {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

a.checkout-button.button.alt.wc-forward {
    background-color: transparent;
    padding: 5px;
}

a.checkout-button.button.alt.wc-forward:hover {
	background-color:black;
	color:white;
}

.shop_table .order-total td, .shop_table .order-total th, .shop_table thead th {
    border-width: 1px;
    border-color: black;
}

.cart_totals th.product-name {
    border-width: 1px;
    border-color: black;
}

a.icon-remove, a.remove {
    border: 1px solid;
    height: 23px;
}

.product-name>a {
    color: black;
    text-transform: uppercase;
}

input#coupon_code {
    background: transparent;
    box-shadow: none;
    border: 1px solid black;
    border-radius: 10px;
    height: 50px;
}

.cart-sidebar .widget-title {
    border-bottom: 1px solid black;
}

.coupon button.is-form.expand.button {
    background-color: black;
    color: white;
    border: 1px solid black;
    text-shadow: 0 0 BLACK;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px;
    height: 50px;
}

.coupon button.is-form.expand.button:hover {
	background-color:transparent;
	color:black;
}


/***Checkout***/

.checkout>.row.pt-0 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.checkout .col-inner.has-border {
    border: 1px solid black;
    border-radius: 10px;
}

button#place_order {
    background-color: black;
    text-shadow: none;
    border-radius: 10px;
}

.woocommerce-form-coupon-toggle>.woocommerce-info>.message-container.container.medium-text-center {
    max-width: 100%;
    padding-left: 15px;
}

.woocommerce-billing-fields {
    border-top: 1px solid black;
    padding-top: 15px;
}

.woocommerce-input-wrapper input {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid black;
    padding: 0;
}

.woocommerce-input-wrapper input:focus {
    box-shadow: none;
}

/***Footer***/

.absolute-footer {
	display:none;
}

.ux-menu-link__link {
	min-height: 1.5em;
}

span.ux-menu-link__text {
    font-size: 10pt;
}

.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
	border-radius: 0;
	border-color:black;
    border-top: none;
    border-right: none;
    border-left: none;
    color: black !important;
	background-color: transparent;
	padding:0;
}

input.wpcf7-form-control.wpcf7-submit.button {
    width: 100%;
    background-color: transparent;
    color: black;
    border-radius: 0px;
    border-color: black;
    padding: 5px 0px 5px 0px;
    font-weight: 100;
	margin-top: 20px;
}

input.wpcf7-form-control.wpcf7-submit.button:hover {
	background-color: black;
	color: white;
} 

.wpcf7-response-output {
    display: none !important;
}


.wpcf7 .wpcf7-not-valid-tip {
	background-color:transparent;
}

.wpcf7 .wpcf7-not-valid-tip:after {
	display:none !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.tax-product_cat .row.category-page-row {
    max-width: 100%;
}
	.mobile-width {
    max-width: 100% !important;
}
	.nav-left {
    justify-content: flex-start;
}
	#logo {
    margin-left: unset;
}
	.off-canvas:not(.off-canvas-center) li.html {
    padding: 10px 17px;
}
	.nav-sidebar.nav-vertical>li+li {
    border-top: none;
}
	.transparent .header-main .nav > li > a > i:not(.icon-angle-down) {
    color: white !important;
}
}