/* 
Theme Name: Studio MA - Rubino
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Studio MA team
Author: Studio MA
Author URI: https://manlioma.it/
Template: hello-elementor
Version: 1.0.1
Text Domain: studio-ma
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* HELPERS */

.fl{float: left;}
.fr{float: right;}
.no_display{display:none!important;}
.hidden{width: 0px;height: 0px;visibility: hidden;opacity: 0;overflow: hidden;}
.muto{line-height: 0px;margin: 0px;padding: 0px;text-indent: -999px;font-size: 0px;}
.clear{clear: both;}
a.active{border: none;outline:0;}
*:focus {
/*     outline: none!important;border: none!important;outline:0!important;outline-style: none!important; */
}

.wow {
   visibility: hidden;
}
body.blocked{overflow: hidden!important;padding-right: 20px;}
@media all and (min-width: 768px){ 
	.align_right{text-align: right;}
	.align_left{text-align: left;}
}
.align_center{
	text-align: center
}
body, html{
	-webkit-font-smoothing: antialiased; 
}
body{
	overflow-x: hidden;
	overflow-y: scroll;
}
.trans{  
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; 
}

.hyphens_text{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.text_big{
	font-size: 1.2em;
}
.full-width{
	width: 100%;
	max-width: 100%;
}

body.logged-in .no-log-only{
	display: none;
}
body:not(.logged-in) .log-only{
	display: none;
}

img{
	backface-visibility: hidden;
	max-width: 100%;
	height: auto;
}
table{
	width: 100%;
}
iframe{
	width: 100%
}
a:focus, button:focus{
	outline: none!important;
}

@media (min-width: 768px){
	.picsout_right{
		margin-right: -30px;
	}
	.picsout_left{
		margin-left: -30px;
	}
	.picsout_right_big{
		margin-right: -25%;
	}
	.picsout_left_big{
		margin-left: -25%;
	}
}

.black_overlay:before{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	background: #000;
	opacity: .33;
}
.white_overlay:before{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	background: #FFF;
	opacity: .33;
}

/* safari fonts fix */
/*
body{
	font-kerning: none;
	-webkit-text-rendering: optimizeSpeed;
	text-rendering: optimizeSpeed;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
*/

/* preloader */
#preloader{
    position: fixed;
    top:0;
    z-index: 1000;
    transform: translateZ(200px);
    height:100vh;
    left:0;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--e-global-color-1d26dde);
}

.elementor-editor-active #preloader{
display: none;
}

#preloader img {
	width: 180px;
    animation: pulsy .6s infinite alternate;
}
@keyframes pulsy{
    from{
        opacity:0.6;
    }
    to{
        opacity:1
    }
}

/*  typography - scale 1.333 */

html {font-size: 112.5%;} /*18px*/

@media(max-width: 1200px){
	html {font-size: 100%;} /*16px*/
}
@media(max-width: 768px){
	html {font-size: 80%;} /*16px*/
}

body {
  font-family: var(--e-global-typography-text-font-family);
  font-weight: 300;
  line-height: 1.75;
  color: var(--e-global-color-text);
}

p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 400;
  line-height: 1.3!important;
}

h1 {
  margin-top: 0;
  font-size: 3.2rem;
}

h2 {font-size: 2.9rem;}

h3 {font-size: 2.369rem;}

h4 {font-size: 1.777rem;}

h5 {font-size: 1.333rem;}

small, .text_small {font-size: 0.75rem;}


/* colors */

body{
	background: var(--e-global-color-4c3a288);
}
a{
	color:var(--e-global-color-accent);
}
a:active, a:hover {
    color:var(--e-global-color-secondary);
}

/*  inputs and form */
.select2-container--open .select2-dropdown {
    left: 0;
    top: 10px;
}


/* tables */
.woocommerce table.shop_table {
    border: 0px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border-radius: 5px;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #f7f7f700;
}

/* buttons */
button {
    border: 0px;
}

/*
.elementor-button:hover .elementor-button-text {
    animation: flop .33s cubic-bezier(0.39, 0.58, 0.57, 1);
    color: var(--e-global-color-text);
   
}
@keyframes flop{
    from{
      opacity:0
    }
    30%{
      transform:skewX(10);  
    }
    to{
       transform:skewX(0);
       opacity:1;
    }

}
*/

/* header icons */

.elementor-search-form__toggle > div,
#user-icon a.elementor-icon,
#elementor-menu-cart__toggle_button .elementor-button-icon{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px!important;
    width: 30px!important;
}
.elementor-search-form__toggle > div svg,
#user-icon a.elementor-icon svg,
#elementor-menu-cart__toggle_button .elementor-button-icon svg{
	opacity: 0
}

.elementor-search-form__toggle > div {
    background-image: url(inc/img/search.svg);
}

#user-icon a.elementor-icon {
    background-image: url(inc/img/profile.svg);
}
#user-icon .elementor-icon-wrapper{
	display: flex
}
#elementor-menu-cart__toggle_button {
    padding-left: 0;
    background: none;
}	
#elementor-menu-cart__toggle_button .elementor-button-icon {
	background-image: url(inc/img/basket.svg);
}

/* woocommerce */
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{
	background: #fff0;
    color: var(--e-global-color-primary);
    border-radius: 35px;
    transition: all .3s linear;
    width: auto!important;
    display: block;
    box-shadow: none;
    border: 1px solid var(--e-global-color-primary);
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background: var(--e-global-color-primary)!important;
	color: #fff;
}

.woocommerce form .show-password-input, 
.woocommerce-page form .show-password-input {
    top: 0;
}


/*  woocommerce swatches */

/*
.rtwpvs-term:not(.rtwpvs-radio-term) {
    width: 35px;
    height: 35px;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term) {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 30%);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 4px 14px 4px 0;
    padding: 3px;
}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):hover {
    background-color: #fff!important;
    box-shadow: 0 0 0 2px #000;
}
.variations > tbody > tr {
    display: flex;
    flex-direction: column;
}
.variations > tbody > tr .label {
    padding-bottom:5px;
}
.variations > tbody > tr .value {
    padding-bottom:0px;
}
.woocommerce div.product form.cart .variations {
    margin-bottom: 0em;
}
.woocommerce-variation.single_variation {
    margin-bottom: 2.5em;
    font-size:.8em;
    font-weight:500;
    color:var(--e-global-color-accent)
}

.woocommerce-variation-price .price bdi {
    font-size: 1.3em;
    color: var(--e-global-color-accent);
}
*/


/*  shop page */

#shopGrid span.filters-item.filter-active {
    border-bottom: 1px solid var(--e-global-color-accent);
}

#shopGrid span.filters-item {
    padding-bottom: 10px;
}

/* elementor fixing */
.elementor-sticky__spacer {
    opacity: 0!important;
    z-index: -1!important;
}

/* woocommerce variations */
/*
.woocommerce div.product form.cart .variations select {
    appearance: none;
    -webkit-appearance:none;
    background: none;
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding-left: 0px;
    width:200px;
    min-width:200px;
    margin-bottom:20px
}
.woocommerce div.product form.cart .reset_variations {
    visibility: hidden;
    font-size: .83em;
}
.woocommerce div.product form.cart .variations select:after{
	content: 'v';
	position: absolute;
	right: 10px;
	top:5px;
}
*/

/* my account page */
.woocommerce-account #preloader,
.woocommerce-checkout #preloader,
.woocommerce-cart #preloader,
body:not(.withHero) #prel-oader{
	display: none!important
}
.woocommerce-account h1,
.woocommerce-checkout h1,
.woocommerce-cart h1 {
    font-size: 3em;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 1em;
    letter-spacing: 1px;
    color: var(--e-global-color-primary);
}
.woocommerce-account h2,
.woocommerce-checkout h2,
.woocommerce-cart h2 {
    font-size: 1.6em;
}
.woocommerce-account h3,
.woocommerce-checkout h3,
.woocommerce-cart h3 {
    font-size: 1.4em;
    margin-top: 0
}

nav.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    margin-bottom:10px
}
nav.woocommerce-MyAccount-navigation ul {
    padding-left:0;
    list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li a{
    font-weight:300;
    color: grey;
}
nav.woocommerce-MyAccount-navigation li.is-active a {
    font-weight: 400;
    color: #000;
}
.woocommerce-MyAccount-content a,
.woocommerce-info a{
    text-decoration: underline;
}

.wooco-mmerce-account .page-content > .woocommerce {
    background: white;
    padding: 2em;
    box-shadow: 0 0 12px #d3d3d34f;
}
.woocommerce-account .page-content > .woocommerce form,
.woocommerce-checkout .page-content > .woocommerce form  {
    background: white;
    padding: 2em;
    box-shadow: 0 0 12px #d3d3d34f;
    border: none;
    border-radius: 0;
}
@media(max-width:768px){
	.woocommerce-account .page-content > .woocommerce {
	    padding: 1em;
	}
	nav.woocommerce-MyAccount-navigation {
	    border-bottom: 1px solid;
	    margin-bottom: 2em;
	    padding-bottom: 1em;
	}
}
.woocommerce-Address {
    width: 100%!important;
    margin-bottom:2em;
    padding-bottom:1em;
    border-bottom:1px solid lightgrey
}
.woocommerce-Address h3{
    font-size:1.2em;
    margin-top:0
}
.woocommerce-account .woocommerce-Button.button,
.woocommerce-message .woocommerce-Button.button,
.woocommerce-account .button,
.woocommerce-account table .button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    background: var(--e-global-color-primary);
    font-family: var(--e-global-typography-text-font-family);
    font-weight: 500;
    color: #fff;
    background-color: var( --e-global-color-primary );
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 6%);
    border-radius: 25px;
    padding: 15px 40px!important;
    font-size: 1em!important;
}
.woocommerce table.my_account_orders .button {
    font-size: small;
    padding: 8px 12px;
}

form.woocommerce-EditAccountForm.edit-account fieldset {
    margin: 20px 0;
}
.woocommerce-account form h3 {
    margin-top: 0;
    font-size: 1.4em;
}
.woocommerce form .form-row label{
	margin-top:5px;
	font-weight: 400;
    font-size: smaller;
}
.woocommerce ul.order_details {
    padding-left: 0;
}

/* notification */
.woocommerce-notices-wrapper {
/*     display: none!important; */
}
.woocommerce-info {
    border-top-color: var(--e-global-color-primary);
    background: white;
}
.woocommerce-info::before {
    color: var(--e-global-color-primary);
}
.woocommerce-message {
    border-top-color: var(--e-global-color-accent);
    background:white;
}
.woocommerce-message:before {
    color: var(--e-global-color-accent);
}

/* responsive */

@media only screen and (max-width: 768px){
	.woo-variation-product-gallery {
	    width: 100%!important;
	    max-width: 100% !important;
	}
}
/* small desktop */
@media screen and ( max-height: 699px) and (min-width: 1024px) { 

    #productCols .col-1{
        width:33%
    }
    #productCols .col-2{
        width:66%
    }

}


/*  category cards */
.prodCard {
    margin-bottom: 30px;
    transition:all .3s ease-in-out
}
.prodCard:hover {
    opacity:.5
}

/*  price from */
.price-from {
    display: none;
}

/* qta style */
.quantity .minus, .quantity .plus {
    background: #fff!important;
    border: 1px solid var(--e-global-color-primary);
    /* height: 40px; */
    width: 40px;
    display: flex;
    align-items: center;
    border-radius: 0;
    justify-content: center;
    box-shadow: none;
    padding: 0;
    margin-top: 0px;
    box-sizing: border-box;
    appearance: none;
    flex: 0 0 40px!important;
    color: var(--e-global-color-primary)!important;
}

.quantity {
    display: flex;
    margin-right: 20px!important;
}

.quantity input[type="number"] {
    border-top: 1px solid var(--e-global-color-primary)!important;
    border-bottom: 1px solid var(--e-global-color-primary)!important;
    text-align: center;
    padding: 0;
    width: 40px;
    font-weight:500;
	color:var(--e-global-color-primary)!important;

}
.quantity button {
    margin-top: 0!important;
    line-height: 2em
}


button.single_add_to_cart_button.button.alt.wp-element-button {
    flex: 1 0 100%
}

button.single_add_to_cart_button.button.alt {
    width: 100%;
    float: none;
    clear: both;
}
.quantity .minus:hover, 
.quantity .plus:hover{
    color:var(--e-global-color-accent)
}
.quantity input[type=number]::-webkit-inner-spin-button, 
.quantity input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

/*  shop page w/facet */
#shopGrid {
    display: flex;
    flex-wrap: wrap;
    /* column-gap: 10px; */
    /* row-gap: 30px; */
}

.shopCard {
    flex: 0 0 25%;
    padding: 10px;
}
@media(max-width:768px){
    .shopCard {
        flex: 0 0 50%;
        padding: 5px;
    }
}
.facetwp-facet{
    text-align: left;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 400;
    margin: 0px 0px 40px 0px;
}

.facetwp-facet .facetwp-radio {
    display: inline-block;
    margin-right: 30px;
    background-image: none!important;
    padding-left: 0;
    
}
.facetwp-facet .facetwp-radio.checked {
    border-bottom: 1px solid black;
}

.facetwp-facet span.facetwp-counter {
    display: none;
}
button.facetwp-load-more {
    background: none;
    box-shadow: none;
    font-style: italic;
}
.facetwp-facet.facetwp-facet-pagination {
    text-align: center;
}

/* Product Card on Woo Template */
.woocommerce ul.products li.product .variations {
    display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	color: var( --e-global-color-accent );
    font-size: 1.2em;
    font-weight: 500;
}
.woocommerce ul.products li.product a.button.add_to_cart_button {
 	font-family: var(--e-global-typography-text-font-family);
	font-size: 14px;
	font-weight: 300;
	text-decoration: underline;
	fill: var( --e-global-color-text );
	color: var( --e-global-color-text );
	background-color: #F5D2A500;
	border-radius: 0px 0px 0px 0px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
	padding: 0px 0px 0px 0px;
}
.woocommerce ul.products li.product .price{
	color: var( --e-global-color-text );
    font-family: var(--e-global-typography-text-font-family);
    font-size: 16px;
    font-weight: 300;
}
.woocommerce ul.products li.product a img{
	margin-bottom: 0
}
/* cardBox */
.cardBox:hover .elementor-widget-wc-add-to-cart,
.cardBox:hover .add_to_cart_button{
    opacity: 1;
    z-index: 100
}
.cardBox .elementor-widget-wc-add-to-cart,
.cardBox .add_to_cart_button{
    opacity: 0;
    z-index: -1
}
.cardBox:hover .elementor-widget-woocommerce-product-price,
.cardBox:hover li.product .price{
    opacity: 0;
    z-index: -1
}

.cardBox .secondImg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    opacity:0;
}
.cardBox:hover .primaryImg{
    opacity:0;
}
.cardBox:hover .secondImg{
    opacity:1;
}
.cardBox .primaryImg,
.cardBox .secondImg{
    transition:all .4s linear;
}


/* mobile */
@media (max-width:768px){
	
	html, body{
		max-width: 100%;
		overflow-x: hidden;
	}
	#header{
		padding: 0
	}
	.facetwp-facet{
	    margin: 0 10px 0px 0;
	    font-size: 1.3em;
	}
	.facetwp-facet .facetwp-radio {
	    margin: 0 30px 10px 0;
	}


}

/* product card */
.productCard{
	overflow: hidden;
}
.circleCard {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .3s ease-out;
    opacity: 1;
}
.productCard:hover .circleCard{
	transform: translate(-50%,-50%) scale(1.3);
	opacity: .5:
}
.cursorBall{
	
}
.stickyTop{
	position: sticky;
    top: 50px;
}

.page-template-default header.page-header{
    margin-top: 2em;
}