/* 
Theme Name: Studio Cianskii
Theme URI: https://studiocianckii.it
Description: Official Theme
Author: Ester Mariotti
Author URI: https://www.drawininthewind.it/
Template: hello-elementor
Version: 1.1
Text Domain: studiocianskii
*/


/***
* class: .sticky-header
*/
.grecaptcha-badge { 
    visibility: hidden; 
    opacity: 0;
    display: none !important;
}
div[data-elementor-type="header"]{
    margin-bottom: -105px;
}
body:not(.page-id-25) div[data-elementor-type="header"] > div:not(.elementor-sticky--effects) .logo-studio .elementor-heading-title {
    color: #fff!important;
}
div[data-elementor-type="header"] > div {
    border-bottom: 0!important;
}

div[data-elementor-type="header"] > div:not(.elementor-sticky--effects) a::after {
    background-color: #fff!important;
}
div[data-elementor-type="header"] > div {
    transition: all .7s ease-in-out;
}
div[data-elementor-type="header"] > div.elementor-sticky--active.elementor-sticky--effects {
    background-color: #fff!important;
}
div[data-elementor-type="header"] > div.elementor-sticky--active.elementor-sticky--effects {
    padding: 25px 20px;
    border-bottom: 1px solid #eee!important;
}
body.page-id-25 div[data-elementor-type="header"] > div.elementor-sticky--active.elementor-sticky--effects {
    border-bottom: 1px solid #EFE9E6!important;
}
body:not(.page-id-25) div[data-elementor-type="header"] > div:not(.elementor-sticky--effects)  .elementor-menu-toggle svg,
body:not(.page-id-25) div[data-elementor-type="header"] > div:not(.elementor-sticky--effects) .elementor-social-icons-wrapper a svg {
    fill: #fff!important;
}

.elementor-slides-wrapper .elementor-slide-button {
    padding: 25px 40px;
}

/*widget elementor*/
.vertical-text .elementor-widget-heading {
    transform: rotate(-90deg) translateX(-40%);
    position: absolute;
    left: 30px;
    top: 50%;
    transform-origin: left center;
    font-family: sans-serif;
    font-weight: bold;
    color: #333;
    letter-spacing: 0.5em;
    white-space: nowrap;
}
.vertical-text .elementor-widget-image .elementor-widget-container {
    overflow: hidden;
    transition: transform 1s!important;
}
.vertical-text img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 1s!important;
}
.vertical-text .elementor-widget-image .elementor-widget-container:hover {
    transform: scale(1.05);
}

/*FORM*/
.elementor-field-group-fascia_orario1,
.elementor-field-group-fascia_orario2 {
	display:none;
}
.flatpickr-input{
    background: transparent;
    border: 0!important;
    border-bottom: 1px solid #A5A5A5!important;
    border-radius: 0;
}
.elementor-form .elementor-button {
    font-family: "Butler", Sans-serif;
    font-size: 20px;
    background-color: transparent !important;
    color: #333 !important;
    border: 0 !important;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0;
    transition: all .7s ease-in-out;
}
.elementor-form .elementor-button:hover {
    opacity: .7 !important;
}
.elementor-form input, 
.elementor-form textarea {
    padding-left: 0;
    padding-right: 0;
}

.e-form__buttons, .e-form__buttons__wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.elementor-form .elementor-button:not(.elementor-field-type-previous)::after {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="62" height="72" viewBox="0 0 62 72" fill="none"><path d="M28.288 31.1539H27.7205L32.2734 35.7069L27.7205 40.2598H28.222L32.85 35.7069L28.288 31.1539Z" fill="black"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M32.5771 35.9092H21.65V35.5045H32.5771V35.9092Z" fill="black"></path><path d="M28.288 31.1539H27.7205L32.2734 35.7069L27.7205 40.2598H28.222L32.85 35.7069L28.288 31.1539Z" stroke="black"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M32.5771 35.9092H21.65V35.5045H32.5771V35.9092Z" stroke="black"></path><path d="M1 60.4558C5.91542 65.3506 12.1781 68.684 18.9959 70.0345C25.8138 71.385 32.8808 70.6919 39.3031 68.0428C45.7254 65.3937 51.2146 60.9077 55.0766 55.152C58.9387 49.3963 61 42.6294 61 35.707C61 28.7847 58.9387 22.0178 55.0766 16.2621C51.2146 10.5064 45.7254 6.02033 39.3031 3.37126C32.8808 0.722196 25.8138 0.0290798 18.9959 1.37956C12.1781 2.73004 5.91542 6.06347 1 10.9583" stroke="black"></path></svg>');
    width: 50px;
    height: 50px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}



/*SLIDE HOME*/
#slideHome .swiper-pagination.swiper-pagination-fraction {
    top: initial !important;
    bottom: 0 !important;
    width: 100px !important;
    height: 100px !important;
    font-size: 0!important;
}
#slideHome .swiper-pagination.swiper-pagination-fraction:before {
    content: "";
    width: 1px;
    height: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FFF6;
    top: 0;
    transform: rotate(45deg);
}
#slideHome .swiper-pagination-current {
    position: absolute !important;
    font-size: 16px !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0.8;
}
#slideHome .swiper-pagination-total {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    font-size: 16px !important;
    opacity: 0.7;
}
/* Effetto burns */
#slideHome .shadowImg > .elementor-widget-container {
    position: relative;
    overflow: hidden;
}
#slideHome .shadowImg > .elementor-widget-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    display: block;
    z-index: 1;
}
#slideHome .swiper-slide-active .shadowImg > .elementor-widget-container img {
    transform: scale(1.1)!important; /* Zoom-in */
    transition: transform 11s ease!important;
}
#slideHome .shadowImg > .elementor-widget-container img {
    transform: scale(1)!important;
}


.e-gallery-container.e-gallery-masonry .elementor-gallery-item__content {
    position: absolute;
    background: #EFE9E6;
    top: initial;
    bottom: 0;
    height: auto;
}
.e-gallery-container.e-gallery-masonry .elementor-gallery-item__content > div {
    opacity: 1;
    color: #333333;
}

/*CAROSELLO TESTIMONIAL*/
#carosello-testimonial .swiper-pagination.swiper-pagination-fraction {
    top: 120px !important;
    width: 50px !important;
    height: 50px !important;
    font-size: 0 !important;
    right: 0 !important;
    left: initial;
    font-family: "Butler", Sans-serif;
}
#carosello-testimonial .swiper-pagination.swiper-pagination-fraction:before {
    content: "";
    width: 1px;
    height: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ddd;
    top: 0;
    transform: rotate(45deg);
}
#carosello-testimonial .swiper-pagination-current {
    position: absolute !important;
    font-size: 16px !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0.8;
}
#carosello-testimonial .swiper-pagination-total {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    font-size: 16px !important;
    opacity: 0.7;
}

/*RESPONSIVE*/
@media (min-width: 1025px) {
    body:not(.page-id-25) div[data-elementor-type="header"] > div:not(.elementor-sticky--effects) a,
    body:not(.page-id-25) div[data-elementor-type="header"] > div:not(.elementor-sticky--effects) a:hover  {
        color: #fff!important;
    }
}
@media (max-width: 1024px) {
    /*CAROSELLO TESTIMONIAL*/
    #carosello-testimonial .swiper-pagination.swiper-pagination-fraction {
        top: 320px !important;
        color: #ddd;
        right: 44% !important;
        transform: translateY(-50%);
    }
}
@media (max-width: 768px) {
    div[data-elementor-type="header"] > div.elementor-sticky--active.elementor-sticky--effects {
        padding: 15px 20px;
    }
    .vertical-text .elementor-widget-heading {
        left: 20px;
    }
}