/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

.woocommerce-MyAccount-navigation ul li a::before {
    content: ">" !important;
}

.other-link {
    color: #721c24 !important;
    cursor: pointer;
    text-decoration: underline !important;
}

.other-link:hover {
    color: #721c24 !important;
    text-decoration: underline !important;
    opacity: 0.8;
}

.woocommerce-shipping-fields {
    display: none !important;
}

.loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #f2e1a8;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    zoom: 0.8;
    margin-top: 10px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#riga-ricerca {
    position: relative;
    width: 100%;
}

#riga-ricerca input {
    width: 100%;
    padding: 10px 30px;
    border: solid 0.5px #f2e1a8;
    border-radius: 30px;
    font-size: 20px;
}

#riga-ricerca span {
    position: absolute;
    cursor: pointer;
    right: 9px;
    top: 6px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    padding-top: 5px;
}

.product-result {
    width: 33%;
    border: solid 0.5px;
    padding: 10px;
    border-radius: 5px;
}

#riga-ricerca span:hover {
    background-color: #ffffff20;
}

#coupon_code {
    border: solid 1px #f2e1a8;
}

.swiper-wrapper img {
    max-width: 400px;
}

html::-webkit-scrollbar {
    width: 5px !important;
}

.scrollmenu::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    border-radius: 10px;
}

.scrollmenu::-webkit-scrollbar-track {
    border-radius: 10px;
    border: none;
    background-color: #eaeaea10;
    box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
}

.wishlist_table .product-add-to-cart a {
    padding: 10px;
}

.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-add-button {
    position: absolute;
    top: 5px
}

.product .yith-wcwl-wishlistexistsbrowse {
    position: relative;
    top: unset
}

.yith-wcwl-wishlistexistsbrowse {
    color: #f2e1a8;
}

.scrollmenu::-webkit-scrollbar-thumb {
    background: #e4debc;
    border-radius: 10px;
}

.entry-title {
    text-align: center;
    color: #9a9a9b;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .flip-box {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.woocommerce-LostPassword.lost_password {
    display: flex;
    width: 100%;
}

#customer_login .u-column1.col-1,
#customer_login .u-column2.col-2 {
    width: 45%;
    display: block;
    margin-right: 0;
    max-width: inherit;
}

.attributo {
    min-width: 200px;
}

.col-full {
    margin: auto !important;
}

#adminmenu .wp-menu-image img {
    width: 100% !important;
    padding: 0 !important;
}


/*
 * Add your own custom css below this text.
 */

#result-ricerca li {
    float: left !important;
    clear: unset !important;
}

#fake_filter {
    cursor: pointer;
    text-decoration: underline;
    padding: 10px 0;
}

#filter_form {
    padding: 40px 0;
    border: solid 0.5px #ffffff50;
}

ul.products.columns-4 li.product {
    width: 25% !important;
}

.price {
    color: #e4debc;
}

@media only screen and (max-width: 500px) {
    .entry-title {
        text-align: center;
    }
    #customer_login .u-column1.col-1,
    #customer_login .u-column2.col-2 {
        width: 100% !important;
        max-width: unset !important;
    }
    #fake_filter {
        padding-bottom: 30px;
    }
    ul.products.columns-4 li.product {
        width: 100% !important;
        border-bottom: solid 0.5px #ffffff2e !important;
        padding-bottom: 50px !important;
    }
}

ul.products li.product .woocommerce-loop-product__title {
    min-height: 70px;
}

.svg_icon:hover {
    filter: invert(1);
}


/*woo*/

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
    background-color: #e4debc;
    color: #777;
}


/*general */

div.scrollmenu {
    background-color: none;
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    background-color: none;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    transition: transform 0.8s;
    text-transform: uppercase;
}

div.scrollmenu img {
    background-color: none;
    filter: sepia();
}

div.scrollmenu a:hover img {
    background-color: none;
    filter: unset;
}

.scrollmenu .card-active {
    filter: sepia();
}

.storefront-handheld-footer-bar {
    display: none;
}

.site-header .svg_icon:hover {
    fill: #e4debc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Libre Baskerville', serif;
    color: #777777;
}

p {
    font-family: 'Noto Sans', sans-serif;
}

span {
    font-family: 'Noto Sans', sans-serif;
}

a {
    text-decoration: none !important;
    color: #777 !important;
}

a:hover {
    color: #e4debc !important;
}

a:focus {
    outline: none;
}

footer a {
    text-decoration: none !important;
    color: #777 !important;
}

footer a:hover {
    color: #e4debc !important;
}

.primary_menu {
    margin: auto;
}

.widget_nav_menu ul li::before {
    content: "" !important;
}

.widget_nav_menu ul li {
    padding: 0 !important;
}

@media only screen and (max-width: 770px) {
    .widget_nav_menu ul li {
        text-align: center !important;
    }
}

@media only screen and (max-width: 370px) {
    .primary_menu a {
        font-size: 12px;
    }
}

.primary_menu ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 20px;
    text-align: center;
}

.primary_menu li {
    display: inline-block;
    *display: inline;
    /*IE7*/
    *zoom: 1;
    /*IE7*/
    color: white;
    margin-right: 10px;
}

.primary_menu a {
    font-family: 'Libre Baskerville', serif;
    color: #777777 !important;
    text-transform: uppercase;
}

.primary_menu a:hover {
    color: #e4debc !important;
}

.button_link {
    background: #e4debc;
    border-radius: 21px;
    color: #777 !important;
    padding: 3px 17px;
}

.button_link:hover {
    background: #e4debc;
}


/*desktop */

.centered {
    position: absolute;
    z-index: 1000;
    background: #ffffff;
    width: 100%;
    top: 50%;
    left: 50%;
    color: #777;
    transform: translate(-50%, -50%);
}

.flip-box {
    background-color: transparent;
    margin: auto;
    height: 300px;
    perspective: 1000px;
    cursor: pointer;
    padding: 0 5px;
}

@media only screen and (max-width: 500px) {
    .flip-box {}
}

@media only screen and (max-width: 400px) {
    .flip-box {}
}


/* This container is needed to position the front and back side */

.flip-box h4 {
    font-size: 17px;
    text-transform: uppercase !important;
}

.flip-box-front h5 {
    font-size: 17px;
    text-transform: uppercase !important;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    border: solid 0.5px #f4f4d500;
    border-radius: 20px;
    padding-top: 10px;
    background-color: #242529;
}


/* Do an horizontal flip when you move the mouse over the flip box container */

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}


/* Position the front and back side */

.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}


/* Style the front side (fallback if image is missing) */

.flip-box-front {
    color: black;
}


/* Style the back side */

.flip-box-back {
    color: white;
    transform: rotateY(180deg);
}

.only_desk {}

.cat_grid {
    font-size: 13px;
    color: #777777;
    display: block;
    text-transform: uppercase;
    font-family: 'Libre Baskerville', serif;
}

.svg_card {
    opacity: 1;
}

.flip-box-front img {
    height: 210px;
    margin: auto;
    background: #2d2d2d00;
    border-radius: 20px;
    object-fit: contain;
    filter: sepia();
    margin-bottom: 20px;
}

.svg_card .active {
    opacity: 100;
}

.footer-widgets a:hover {
    color: #333 !important;
}

.single_add_to_cart_button,
.add_to_cart_button {
    background-color: #00000000 !important;
    background: #00000000 !important;
    color: #fff !important;
    border: solid 1px #fff !important;
}

.single_add_to_cart_button:hover,
.add_to_cart_button:hover {
    background-color: #fff !important;
    background: #fff !important;
    color: #333 !important;
    border: solid 1px #333 !important;
}


/*mobile */

@media only screen and (max-width: 500px) {
    .only_desk {
        display: none;
    }
}

.sidebar_menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #1a1e25;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidebar_menu a {
    padding: 8px 8px 8px 32px;
    border-bottom: solid 0.2px #e2e2e2;
    text-decoration: none;
    font-size: 15px;
    color: #333;
    display: block;
    transition: 0.3s;
}

.sidebar_menu a:hover {
    color: #159aca;
}

.sidebar_menu .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 20px;
    margin-left: 50px;
    text-decoration: none;
}

.storefront-sorting:not(:first-of-type) {
    display: block !important;
}

#reviews {
    display: none !important;
}

#tab-title-reviews {
    display: none !important;
}

input,
select,
textarea {
    background: none !important;
    background-color: none !important;
    border-color: #777777 !important;
    color: #777777 !important;
    border-radius: 3px;
}

.products img {
    margin: auto;
    margin-bottom: 10px;
    border-radius: 2px;
    display: block;
}

li.product {
    border: solid 0.5px #33333300 !important;
    border-radius: 3px;
    margin-right: 0px !important;
    padding: 10px;
    transition: all 1s;
}

li.product:hover {
    border-color: #ffffff !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget a.button {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}

.onsale {
    zoom: 0.8;
    color: #7c0303;
    border-color: #7c0303;
}

.flip-box-back h4 {
    padding-top: 215px !important;
    color: #f4f4d9 !important;
}

.flip-box-back img {
    opacity: 0.3;
    position: absolute;
    height: 210px;
    margin: auto;
    width: 100%;
    object-fit: contain;
    z-index: -1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#customer_login .u-column1.col-1,
#customer_login .u-column2.col-2 {
    width: 40%;
    display: block;
    margin-right: 0;
    max-width: max-content;
}

.form-row input,
.form-row textarea,
.form-row select {
    width: 100%;
    border: solid;
}

@media only screen and (max-width: 500px) {
    #categorie-home {
        padding: 00px;
    }
    #customer_login .u-column1.col-1,
    #customer_login .u-column2.col-2 {
        width: 40%;
        float: unset;
    }
}

.col-1,
.col-2 {
    max-width: 100%;
}

.form-row label {
    display: block;
    width: 100%;
}

p.form-row {
    width: 100%;
    float: left;
    display: block;
}

.form-row select {
    height: 50px;
}

.footer-widgets.col-4 {
    max-width: 100%
}

.site-info {
    display: none;
}

.single-product div.product .woocommerce-product-gallery {
    opacity: 1 !important;
}

.woocommerce-product-gallery__image {
    display: inline-block;
}

#main {
    padding: 10px;
}

.single-product div.product .summary {
    padding: 20px 0px !important;
}

@media (min-width: 768px) {
    .storefront-full-width-content.single-product div.product .summary {
        width: 50% !important;
        float: right;
        margin-right: 0;
        margin-bottom: 3.706325903em;
    }
}

.row {
    margin-left: unset;
    margin-right: unset;
}

#page {
    padding-top: 30px;
}

#logo-img {
    max-width: 250px;
}

@media (max-width: 768px) {
    #logo-img {
        max-width: 170px;
    }
}

.esperto>.entry-content {
    display: block;
    position: relative;
}

.esperto>.entry-content>.wp-block-buttons {
    display: block;
    width: auto;
}

.esperto>.entry-content img {
    order: 2;
    border-radius: 50%;
    width: 240px;
    height: 240px;
    object-fit: contain;
    position: absolute;
    right: 10px;
}

.esperto>.entry-content p {
    text-align: justify;
    order: 1;
    padding-right: 30%;
}

@media (max-width: 768px) {
    .esperto .entry-header {
        margin-left: 40px;
    }
    .esperto>.entry-content>.wp-block-buttons {}
    .esperto .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 {
        width: 50% !important;
        display: block;
        margin: auto;
    }
    .esperto>.entry-content {
        display: block;
    }
    .esperto>.entry-content img {
        order: 1;
        position: relative;
        right: unset;
    }
    .esperto>.entry-content p {
        padding: 5%;
        order: 2;
    }
}

.woocommerce.alert {
    font-size: 16px;
    text-align: center;
    background: #391717;
    color: #e08989;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px;
}

.woocommerce-form-coupon-toggle {
    padding-bottom: 30px;
}

#risultato-astrali {}

#registrationForm .azioni-pass {
    cursor: pointer;
    color: #333;
    margin-top: 3px;
    position: relative;
    text-align: right;
    display: block;
    top: -35px;
    right: 10px;
}

#risultato-astrali .item {
    display: inline-flex;
    width: 100%;
    margin-bottom: 10px;
}

#risultato-astrali .item * {
    margin-right: 10px;
}

#risultato-astrali.visibili {
    background: #5b5b5b26;
    padding: 30px;
    border-radius: 20px;
}

.site-footer {
    background-image: url('https://necromancer.it/wp-content/themes/storefront-child/assets/img/pergamena-scura.jpg');
    background-size: cover;
}

.astro {
    border: solid 1px #fff;
    background-color: #ffffff00;
    padding: 5px 20px;
    text-align: center;
    min-width: 100px;
    transition: all 0.5s;
    width: 100%;
    margin-bottom: 10px;
}

.astro:hover {
    background-color: #ffffff;
    color: #242529;
}

.astro.active {
    background-color: #ffffff;
    color: #242529;
}

.data-luna {
    min-width: 200px;
}

.link-interno {
    color: #391717 !important;
}

.link-interno:hover {
    color: #391717 !important;
    text-decoration: underline !important;
}

div.logo-box>img {
    display: block;
    width: 100px;
    height: auto;
    max-width: 100px !important;
    margin: auto;
}

.logo-box img {
    max-width: 100px !important;
}

.maintenance .logo-box {
    max-width: 100px !important;
    width: 100px !important;
    margin: auto !important;
}

.site-title {
    display: none !important;
}

.icona-carrello el {
    position: absolute;
    right: -10px;
    background-color: #f2e1a8;
    color: #333;
    padding: 5px;
    border-radius: 50%;
    z-index: 100;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 10px;
    font-size: 11px;
}

.icona-carrello:hover el {
    background-color: #391717 !important;
    color: #fff;
    filter: invert(1);
}

.azioni-pass {
    cursor: pointer;
    margin-left: -30px;
    color: #333;
    margin-top: 3px;
}

.swiper-button-next:after, .swiper-button-prev:after,.swiper-button-next:after, .swiper-button-prev:after{
	color:#777777 !important; 
}
.swiper-pagination-bullet-active{
	background-color:#777777;
}