/*
Theme Name: Eola
Theme URI: http://eola.qodeinteractive.com
Description: An Elegant, Multipurpose WooCommerce Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Text Domain: eola
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.4
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

@font-face {
	font-family: 'AmericanFavoriteScript';
	src:  url('./assets/font/AmericanFavoriteScript-Bold.ttf');
	font-weight: 400;
}

@font-face {
	font-family: 'AmericanFavoriteScript';
	src:  url('./assets/font/AmericanFavoriteScript-Regular.ttf');
	font-weight: 300;
}

@font-face {
	font-family: 'AmericanFavoriteSerif';
	src:  url('./assets/font/AmericanFavoriteSerif-Regular.ttf');
	font-weight: 400;
}


/*Masterpiece section*/
.masterpieces-inner {
    display: flex;
}

.msp-filter-column{
	width: 20vw;
    position: sticky;
}

.msp-elements-column {
    width: 80vw;
    display: flex;
    flex-wrap: wrap;
}


/*.masterpiece-single-element {
    /*width: calc(50% - 50px);
    margin: 25px;
	width: 49%;
}*/


.masterpiece-single-element {
    width: calc(50% - 11px);
    background-color: white;
    margin: 5px;
    overflow: hidden;
}

.masterpieces-wrapper {
    background-color: #f4f4f4;
}

.line-filter, .category-filter {
    padding: 14px 0;
    color: #000;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .05em;
}

.msp-filter-inner {
    position: fixed;
    width: 20vw;
}

.masterpiece-single-element:hover .msp-info-wrapper{
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;

}

.msp-info-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 100%;
    width: 30vw;
    height: 30vw;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.msp-info-title h2 {
    font-size: 2vw;
    text-align: center;
    text-transform: uppercase;
}

.msp-info-inner {
    padding: 70px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}

.msp-info-description {
    font-size: 0.9vw;
    text-align: center;
}

.woocommerce.singolo-prodotto.masterpiece-single-product {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
    height: fit-content;
    background: #f4f4f4;
}

.masterpiece-single-product .msp-single-wrapper {
    width: 100%;
    text-align: center;
}

.masterpiece-single-product .msp-image-wrapper {
    text-align: center;
    max-width: 80vw;
    margin: auto;
    height: 60vh;
    background-color: white !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.masterpiece-single-product .msp-image-wrapper img{
    max-height: 60vh;
    width: auto;
}

.masterpiece-single-product .msp-description-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
}

.masterpiece-single-product .msp-title-wrapper h2 {
    margin: 0;
    font-size: 2vw;
    text-align: center;
}

.msp-description-wrapper p {
    text-align: center !important;
}

.msp-title-wrapper {
    margin-bottom: 50px;
    text-transform: uppercase;
    position: relative;
    margin-top: 50px;
}

.popup_product_details.show .close {
    background: transparent;
    color: black;
    font-size: 42px;
    top: 0;
    position: absolute;
}

.et-icon-wrapper.msp-next-icon svg, .et-icon-wrapper.msp-prev-icon svg {
    width: 40px;
    height: 40px;
}

a.msp-next-switch {
    position: absolute;
    right: 0;
}

a.msp-prev-switch {
    position: absolute;
    left: 0;
}

.et-icon-wrapper.msp-prev-icon svg {
    transform: rotate(180deg);
}

/*.mkdf-page-header{
    overflow-x: hidden;
    overflow-y: hidden;
}*/

.product-loader {
    width: 120%;
    height: 120%;
    transform: rotate(-90deg);
    stroke-linecap: round;
    stroke-width: 0.5px;
    fill: none;
    position: absolute;
    z-index: -2;
    opacity: 0;
}
.product-loader.loading{
    opacity: 1;
}
    .internal-circle, .external-circle {
      stroke: rgb(224, 174, 137);
      stroke-dashoffset: 0;
      transform-origin: center;
    }
    
    .internal-circle {
      stroke-dasharray: 187;
      animation: internal 1s ease-in-out infinite;
      opacity: .4;
    }
    
    .external-circle {
      stroke-dasharray: 312;
      animation: external 4s linear infinite;
      opacity: .9;
    }

    @keyframes external {
        0% {
          stroke-dashoffset: 312;
          transform: rotate(70deg);
        }
        60% {
          stroke-dashoffset: 0;
        }
        100% {
          stroke-dashoffset: -312;
          transform: rotate(450deg);
        }
      }

      .image-move {
        will-change: transform;
    }

    .image-move img{
        transition: transform .4s ease;

    }

    .ewcs-preloader{
        position: fixed;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: white;
        z-index: 999999;
    }

    .ewcs-preloader-item svg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 450px;
        width: 90vw;
    }
    

    .ewcs-preloader-item img {
        max-width: 250px;
        width: 40vw;
    }

    .ewcs-preloader-item {
        max-width: 280px;
    }

    .ewcs-preloader-item .external-circle {
        stroke: black;
    }

    .woocommerce-Reviews {
        display: none;
    }

    /*.masterpiece-single-element {
        min-height: 320px;
    }*/

    .js-full-width.banner-new-size.single-brand-header img{
        width: 100%;
    }

    .line-title{
        text-align: center;
    }

  #block-xpandable {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .arh-filter-column {
        overflow-x: auto;
        margin: 40px 0px;
    }

    .arh-filter-inner .category-filter {
        margin: 0 20px;
        cursor: pointer;
    }

    .archive .woocommerce-breadcrumb{
        padding-left: 0;
    }
    .gallery-design .flickity-viewport{
        min-height: 580px;
    }