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

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

@font-face {
    font-family: Avo;
    src: url('./assets/fonts/Avo/UTMAvo.ttf')  format('truetype');
}

:root {
    --color-black: #000000;
    --color-white: #ffffff;
    --color-grey: #cccccc;
    --FontAwesome: 'Font Awesome 5 Free';
    --font-html-size: 62.5%;
}

html {
    font-size: var(--font-html-size);
}

body {
   font-family: Avo !important;
    font-size: calc(1.6rem * 0.95) !important;
}

p {
    margin-bottom: 1.5rem;
}

.dark,
.dark p,
.dark td {
    color: var(--color-white);
}

.dark .widget a:hover, .dark a:hover {
    color: var(--fs-color-secondary);
}
.col-child-left > .col-inner {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.col-child-center > .col-inner {
    margin-right: auto !important;
    margin-left: auto !important;
}

.col-child-right > .col-inner {
    margin-right: 0 !important;
    margin-left: auto !important ;
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background-color: hsla(0, 0%, 100%, 1);
}

.off-canvas:not(.off-canvas-center) .nav-vertical li > a {
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--color-black);
}

.dark .social-icons .button.is-outline, .nav-dark .social-icons .button.is-outline {
    background-color: var(--color-white);
    color: var(--color-black);
}

.next-prev-nav a {
    display: flex;
    align-items: center;
}

.next-prev-nav a  span {
    top: 3px;
    position: relative;
    
}

.next-prev-nav .nav-next a {
    justify-content: end;
}



/*************** CART AND CHECKOUT PAGE  ***************/


.woocommerce-cart #main, 
.woocommerce-cart #wrapper,
.woocommerce-checkout:not(.woocommerce-order-received) #main, 
.woocommerce-checkout:not(.woocommerce-order-received) #wrapper{
    background-color: #f5f5f5;
}


.checkout-page-title > .page-title-inner > .flex-col {
    background-color: var(--fs-color-secondary);
    color: #fff;
    border-radius: 12px;
    padding: 40px 20px;
 
}

.checkout-page-title > .page-title-inner > .flex-col * {
    color: currentColor;
}

.checkout-page-title > .page-title-inner > .flex-col  a {
      opacity: 0.5;
      text-transform: initial;
}

.checkout-page-title > .page-title-inner > .flex-col  a.current {
      opacity: 1;
}

.woocommerce-cart  .cart-container .woocommerce.row-large {
    margin-left: -15px;
    margin-right: -15px;
}

.woocommerce-cart  .cart-container .woocommerce.row-large > .col {
    padding: 0 15px 30px;
    border:none !important;
}


form.woocommerce-checkout #customer_details,
form.woocommerce-checkout > .row > .col > .col-inner,
.woocommerce-cart-form,
.cart-sidebar {
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;
        border: none;
}

a.icon-remove, a.remove {
    border: none;
    border-radius: 100%;
    color: #000000;
    display: block;
    font-size: 20px !important;
    font-weight: 700;
    height: 20px;
    line-height: 20px !important;
    text-align: center;
    width: 20px;
}

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

td, th {
    color: #333;
}

.quantity input[type=number] {
    height: 42px;
    box-shadow: none;
}

.quantity .button.is-form {
    border-radius: 4px;
    background-color: #ffffff;
     box-shadow: none;
}

.quantity .button.is-form:hover {
      background-color: #f5f5f5;
}

td.product-thumbnail {
    max-width: 80px;
    min-width: 60px;
    width: 80px;
}

td.product-thumbnail  img {
    border-radius: 8px;
}



.shop_table .actions  .button {
    height: 36px;
    line-height: 34px;
    text-transform: initial;
    font-weight: 400;
    border-radius: 8px;
        border-width: 1px
}

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

.cart_totals .button {
    display: block;
    margin-right: 0;
    min-width: 100%;
    height: 40px;
    border-radius: 8px;
    line-height: 40px;
    border: none;
    font-weight: 400;
    text-transform: initial;
}

.cart-sidebar  #coupon_code {
    box-shadow: none;
    border-radius: 8px;
    height: 40px;
    min-height: 40px;
    line-height: 38px;
    width: calc(100% - 105px);
}

.cart-sidebar  .coupon .button {
    border-radius: 8px;
    border: none;
    background-color: #0066ff;
    text-shadow: none;
    color: #fff;
    width: 100px !important;
    display: inline-block;
    margin-right: 0 !important;
}


.cart-sidebar .widget-title {
    border-bottom-width: 1px
}

.woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay:before,
.woocommerce-cart .cart_totals .blockUI.blockOverlay:before {
    content:unset;
}
.loading-spin, .processing:before {
    animation: spin .4s linear infinite;
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
    border-left: 1px solid var(--fs-color-primary);
    border-radius: 50%;
    border-right: 1px solid rgba(0, 0, 0, .1) !important;
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
    height: 32px;
    opacity: 1;
    pointer-events: none;
    width: 32px;
}

.woocommerce-billing-fields {
    border:none;
        padding-top: 0;
}

.woocommerce-checkout input[type=email], 
.woocommerce-checkout input[type=number],
.woocommerce-checkout input[type=search],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=url] {
   box-shadow:none;
   height:40px;
   border-radius:8px;
} 

.woocommerce-checkout textarea {
   box-shadow:none;
      border-radius:8px;
}

.woocommerce-checkout .select-resize-ghost,
.woocommerce-checkout .select2-container .select2-choice,
.woocommerce-checkout .select2-container .select2-selection,
.woocommerce-checkout select {
    border-radius: 8px;
    box-shadow:none;
} 

.select2-container--default .select2-results>.select2-results__options {
    padding: 0 12px;
    margin-bottom:4px;
}

.select2-results__option[aria-selected], .select2-results__option[data-selected] {
    border-radius: 8px;
    padding: 6px 8px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple  {
        border-color: #ccc;
    border-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 8px 8px 0 0;
    border-color: #ccc;
}

.select2-container--open .select2-dropdown--below .select2-search--dropdown {
    border-radius: 8px 8px 0 0;
    margin-bottom: 4px;
}

.select2-container--open .select2-dropdown--above {
    border-color: #ccc;
    border-radius: 0 0  8px 8px;
        top: 32px;
    border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--above .select2-search--dropdown {
    margin-top: 0px;
        margin-bottom: 4px;
}

.select2-search--dropdown {
    display: block;
    background-color: #f5f5f5;
    margin-top: -2px;
    padding: 12px;
}

.checkout_coupon.woocommerce-form-coupon {
    border: none;
    background-color: rgb(255, 255, 255);
    border-radius: 12px;
}

.checkout_coupon.woocommerce-form-coupon .button {
    min-width: 100px;
    text-transform: inherit;
    font-weight: 400;
    border-radius: 8px;
    margin: 0 0 0 12px;
    background-color: #0066ff;
}

button#place_order {
    font-size: 1.2em;
    line-height: 1.2;
    margin-right: 0;
    padding-bottom: .5em;
    padding-top: .5em;
    white-space: normal;
    width: 100%;
    height: 40px;
    min-height: 40px;
    text-transform: initial;
    font-weight: 400;
    border-radius: 8px;
    font-size: 18px;
}

.woocommerce-order-received .cart-container  > .woocommerce {
        background-color: #fff;
    border-radius: 12px;
    padding: 20px ;
}


.woocommerce-order-received .cart-container  > .woocommerce .is-well {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05);   
    padding: 20px;
    border-radius: 8px;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
        font-size: 16px;
}
.woocommerce-bacs-bank-details ul li{
    margin-left: 50px;
}


.devvn-popup-quickbuy .woocommerce-form__label-for-checkbox {
	    display: flex
;
    align-items: start;
    justify-content: flex-start;
}

.devvn-popup-quickbuy .woocommerce-form__label-for-checkbox input {
	    width: auto;
    margin: 0 10px 0 0;
}

/*************** END CART AND CHECKOUT PAGE ***************/


.ux-loader--style-spotlight .ux-loader__inner {
    height: 4.2rem;
    width: 4.2rem;
}

.loading-spin.centered, .processing:before {
    margin-left: -16px;
    margin-top: -16px;
}
/*************** HEADER  ***************/
#header .header-main .flex-left .header-nav-main {
    justify-content: center;
}



/*************** END HEADER ***************/



/*************** BLOG SINGLE ***************/
.entry-content.single-page {
    padding-top: 0px;
}

/*************** END BLOG SINGLE ***************/


/*************** SHOP PAGE ***************/
h1.shop-page-title {
    display:none;
}
/*************** END SHOP PAGE ***************/


/*************** SINGLE PRODUCT ***************/
.variations .label label {
    text-transform: uppercase;
}

.ux-swatch-selected-value {
    font-weight: bold;
    font-size: 1em;
}


a.devvn_buy_now_style {
    max-width: 100%;
    background: var(--fs-color-primary) !important;
    border-radius:0;
    transition: all 0.3s;
}

a.devvn_buy_now_style:hover {
     box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
}

.ux-swatch--label {
    font-size: 16px;
    min-width: 60px;
}

.woocommerce-variation-price {
    border-top: 1px dashed #ddd;
    font-size: 1em;
    padding: 15px 0;
}

a.devvn_buy_now_style {

    margin-top: 16px;
}

.button.is-outline {
    line-height: 2.24em;
}

#footer .back-to-top {
    border-radius: 0 !important;
}


ins .woocommerce-Price-amount {
    -webkit-animation: fade 700ms infinite;
    -moz-animation: fade 700ms infinite;
    -o-animation: fade 700ms infinite;
    animation: fade 700ms infinite;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    50% {
       opacity: 01;
    }
    100% {
       opacity: 0;
    }
}


.product-footer .woocommerce-tabs {
    border-top: 0;
}

body.single-product #main {
    padding-top: 30px;
}


.single-product .product-main {
    padding: 0 0 40px;
}

.col-inner .badge-container {
    margin-top: 1em;
}

.badge {
    font-size: 0.75em;
}

 .mfp-close-btn-in #search-lightbox .mfp-close {
    color: currentColor;
    top: -40px !important;
}

/*************** END SINGLE PRODUCT  ***************/


@media only screen and (min-width: 550px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    .archive .box-text-products {
        font-size: 18px;
    }

}

@media only screen and (max-width: 849px) {
    /*************** ADD TABLET CSS HERE  ***************/

    .select-resize-ghost,
    .select2-container .select2-choice,
    .select2-container .select2-selection,
    input[type='date'],
    input[type='email'],
    input[type='number'],
    input[type='password'],
    input[type='search'],
    input[type='tel'],
    input[type='text'],
    input[type='url'],
    select,
    textarea {
        font-size: 1.6rem;
    }
    
    .searchform-wrapper {
        font-size: 1em;
    }
    
    .searchform-wrapper  select {
        top: 1px;
    position: relative;
    }
    
      .searchform-wrapper .submit-button{
              font-size: 1.6rem;
      }
}

@media only screen and (max-width: 549px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    
    .row.small-columns-2 > .col:nth-child(odd) {
          padding-right: 7.5px;
    }
    
    .row.small-columns-2 > .col:nth-child(even) {
          padding-left: 7.5px;
    }
}