/*
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.   ***************/
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover {
    color: #4267b2;
}

.wn-phone-footer .wn-md-no-pading-bot .col-inner .text p {
    display: flex;
    align-items: center;
}

.wn-sale p {
    margin-bottom: 1em;
}
.wn-sale .col-inner:first-child {
	box-shadow: none;
}

.callout span.onsale:after { 
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #D00F00 transparent transparent;
    position: absolute;
    left: 0;
    bottom: -5px;
    filter: brightness(0.7);
}

.callout span.onsale {
    font-size: 14px;
    padding: 3px 7px;
    font-weight: 300;
}
.wn-sale {
	background: linear-gradient(to bottom, #2f3093, #6500e6);
}

.wn-sale .button, .wn-sale .button:hover{
    background-color: #00aeef !important;
	box-shadow: none;
}

span.amount {
    color: red;
}

.wn-slider {
    margin-left: -70px;
    border-radius: 10px;
    overflow: hidden;
	height: 418px
}

.header-vertical-menu__fly-out {
 width: 220px !important;
	border-radius: 10px;
}

.wn-product-tabs .tabs {
    font-size: 25px;
    display: flex;
    justify-content: center;
    border-top: 1px solid;
    padding: 5px;
    border-bottom: 1px solid;
}

.wn-offer li {
    font-size: 16px !important;
}

.wn-product-detail {
    padding-top: 20px;
}

.box-content p {
    margin: 0;
}

.wn-col-1 .badge-container.is-larger.absolute.left.top.z-1 {
    display: none;
}

.wn-col-2 bdi {
    padding-right: 15px;
}

.wn-col-2 .price-wrapper .price {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.wn-product-tabs .tabs {
    font-size: 25px;
}

.short .warranty-info {
    padding-bottom: 10px !important;
    font-size: 25px;
}

.short .box-title {
    background: none;
    padding: 5px;
    height: 40px;
}

.short {
	width: 100%;
    display: inline-block;
    padding: 10px 10px 0 10px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    background: #ffffff;
    margin-top: 15px;
}

.wn-col-1 .col a {
    border: 1px solid #4267b2;
    border-radius: 5px;
    padding: 5px;
}

.add-to-cart-container form.cart {
    margin-bottom: 10px !important;
}

 button.single_add_to_cart_button.button.alt {
    background: linear-gradient(#4783d1, #2764b4);
	border-radius: 5px;
	padding: 5px 20px;
	width: 100%;
	margin-bottom: 0;
}

.quantity.buttons_added.form-normal {
    display: none !important;
}

.table-of-contents ol {
    display: table-column;
}
.rte ul {
    text-align: left;
}

.wn-offer ul {
    list-style-type: none;
    padding: 0 15px 0 10px;
}

.wn-offer ul li::before {
	color: green;
	padding-left: 10px;
	content: "";
	content:"\e00a";
	position:absolute;
	left: 0%;
	width: 10px;
	height: 10px;
    font-family: fl-icons;
}


.box-promotion .box-content {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.box-promotion {
	    width: 100%;
    border: 1px solid #FEE2E2;
    margin-bottom: 5px;
    border-radius: 10px;
    overflow: hidden;
}

.box-promotion .box-title .box-title__title {
    margin-bottom: 0;
    font-size: 16px;
    color: #D70018;
}

.details-pro .form-product .box-promotion .box-content {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.box-title {
width: 100%;
    padding: 10px;
    font-weight: 700;
    background: #FEE2E2;
}



.wn-offer li {
    padding: 0 !important;
}

.wn-offer {
	padding: 0!important
}

.wn-offer h4 {
    background-color: #D1D5DB;
    padding: 10px;
    font-size: 14px;
    /* text-align: center; */
}

.wn-product-sidebar .col-inner .row .col:first-child {
	padding: 0!important;
}

.wn-brand ul li:before {
    content: "\e600";
    font-family: fl-icons;
    padding-right: 10px;
    color: red;
}

.wn-brand ul li {
    padding: 20px;
    width: 100% !important;
    padding: 0px 10px 5px 15px !important;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.wn-brand ul li:nth-child(even) {
    background-color: #F2F2F2;
    width: 100%;
	content:"\e600";
	
}

.wn-custom-product .col {
    padding-bottom: 0;
}

.wn-brand {
    padding: 0!important;
}

.wn-brand ul, .wn-offer {
	border: 1px solid rgb(229, 231, 235);
	margin-bottom: 20px !important;
	border-radius: 10px;
	overflow:hidden;
}

.wn-brand ul li {
    margin: 0 !important;
    padding: 10px !important;
}

.wn-product-sidebar {
    padding-top: 20px;
}

.wn-product-head {
    border-bottom: 1px solid rgb(229, 231, 235);
    width: 100%;
}

.wn-custom-product .is-divider {
    display: none;
}

.wn-form input[type="text"].error,.wn-form input[type="email"].error,.wn-form input[type="tel"].error,.wn-form textarea.error {
	border-color: red;
    color: red;
}

.wn-form input:hover, .wn-form textarea:hover {
	box-shadow:none;
}

.wn-form input::placeholder, .wn-form texarea::placeholder {
    color: #6c757d;
}

.wn-lien-he .col:last-child {
    padding-top: 30px;
}

.wn-lien-he {
    background-color: #fff;
    padding: 20px;
    margin-top: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.submit {
    position: absolute;
    right: -15%;
    padding-top: 10px;
}

.submit input {
    font-weight: 100;
    font-size: 15px;
    padding: 0px 28px;
}

.wn-form input, .wn-form textarea {
    border-radius: 9px;
    box-shadow: none;
}
.wn-lien-he-text p {
	line-height: 30px;
}

.info {
    display: flex;
}

.info .form-name span,
info .form-email span {
    padding-right: 20px;
}

.wn-lien-he {
    background-color: #fff;
    padding: 20px;
}

.info .form-name input,
.info .form-email input {
    width: 100% !important;
}

/* SON */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #CDCDCD;
}
::-webkit-scrollbar-thumb {
  background: #EF932F;
}
::-webkit-scrollbar-thumb:hover {
  background: #EF932F;
}
#main {
	padding-top: 10px;
}
.header-bottom {
	margin-top: -54px;
}
.header-vertical-menu {
	width: 100%;
}
.header-vertical-menu__fly-out {
	width: 100%;
	margin-top: 12px;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item {
	border-top-width: 0;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
	padding: 6.5px 15px;
    font-size: 12px;
    color: #404040;
    font-weight: bold;
	font-family: Sans-serif !important;
}
.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown {
	padding: 0;
}
.header-vertical-menu__fly-out .nav-dropdown-default .nav-column li > a, .header-vertical-menu__fly-out .nav-dropdown.nav-dropdown-default > li > a {
	margin: 0;
    padding: 6px 10px;
    font-size: 0.8rem;
    font-weight: bold;
    color: #000;
    border-bottom: 0;
}
#menu-vertical-menu {
	height: 415px;
	width: 222px;
    overflow-y: scroll;
}
/* END SON */

.on-sale {
    background-color: #d00f00;
}

.sale .badge-container {
    margin-top: 0;
    margin-left: -4px;
    border-radius: 10px 30px 30px 0px;
    overflow: hidden;
}

.sale .badge-container .callout {
    height: 20px;
    width: 60px;
}

.wn-radius-img img {
    border-radius: 10px;
}

.wn-sale {
    padding: 10px;
    background-color: #342b9b;
    border-radius: 15px;
}

.page-wrapper {
    padding: 10px;
}

.wn-contact-block .col {
    padding: 0;
}

.account-item a {
    display: flex;
    flex-direction: row-reverse;
}

span.header-account-title, span.header-cart-title {
    padding-left: 5px;
}

.cart-item a {
    display: flex;
    flex-direction: row-reverse;
}

div#masthead {
    background-color: rgb(255, 144, 0);
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .wn-slider {
        height: 100%;
    }

}


/* .with-empty-cart-icon {
 display: none;
}