/*
Theme Name: Amaie Child - Parco Costiero
Description: Child Theme del tema Amaie
Author: presscommtech srl
Author URI: https://www.presscommtech.com/
Template: amaie
Version: 0.1
*/

@import url("../amaie/style.css");

*{
}

.preFooter{
    display: none;
}

.fullHalfDiv{
    gap: 170px;
    align-items: stretch;
}

.fullHalfDiv .colTxt, .fullHalfDiv .colImg{
    width: 50%;
    align-self: stretch;
}

.fullHalfDiv h2{
    font-size: var(--XL3);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.fullHalfDiv p{
    font-size: var(--M);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.fullHalfDiv p strong{
    font-weight: 700;
}

.fullHalfDiv .colTxt .txtContent{
    max-width: 600px;
    padding-top: 90px;
    padding-bottom: 90px;
}

.fullHalfDiv .colImg .wp-block-cover{
    height: 100%;
}

.testoFull{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 120px;
    padding-bottom: 120px;
}

.testoFull h2{
    font-size: var(--XL3);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    padding-bottom: 30px;
    padding-top: 30px;
}

.testoFull h3{
    font-size: var(--XL2);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 30px;
    padding-top: 30px;
    margin: 0;
}

.slider-fade-left {
    left: 0;
    background: linear-gradient(to right, #eef1f3, transparent);
}

.slider-fade-right {
    right: 0;
    background: linear-gradient(to left, #eef1f3, transparent);
}

.genericCardSlider .sliderContainer .sliderContent .cardItem .wp-block-cover .wp-block-cover__inner-container {
    position: relative;
}

.genericCardSlider .sliderContainer .sliderContent .cardItem .hiddenContent{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    padding: 30px;
    opacity: 0;
    transition: all ease-in-out .3s;
}

.genericCardSlider .sliderContainer .sliderContent .cardItem .hiddenContent.active {
    opacity: 1;
}

.genericCardSlider .sliderContainer .sliderContent .cardItem .wp-block-cover .wp-block-cover__inner-container p{
    z-index: 10;
}

.genericCardSlider .sliderContainer .sliderContent .cardItem .wp-block-cover .wp-block-cover__inner-container .hiddenContent p{
    color: var(--WHITE);
    font-size: var(--S);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 45px;
}

.genericCardSlider .sliderContainer .sliderContent .cardItem .wp-block-cover .wp-block-cover__inner-container .arrowButton::after{
    background: url("img/cross.svg");
    background-repeat: no-repeat;
    background-position: center;
    transition: all ease-in-out .3s;
}

.genericCardSlider .sliderContainer .sliderContent .cardItem .wp-block-cover .wp-block-cover__inner-container .arrowButton:hover::after{
    background: url("img/cross_white.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.genericCardSlider .sliderContainer .sliderContent .cardItem .wp-block-cover .wp-block-cover__inner-container .arrowButton.active::after {
    background: url("img/cross_white.svg");
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(45deg);
}

.genericCardSlider .sliderContainer .sliderContent .cardItem .wp-block-cover .wp-block-cover__inner-container .arrowButton.active{
    background: var(--BLUE);
}

.wp-block-image img{
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    width: 100%;
}

@media (max-width: 767px) {
    .preFooter {
        margin: 0;
    }

    .testoFull h2{
        padding-bottom: 0;
    }
}