/*
Theme Name: Armani Continuum
Author: Giuseppe Colonna
Author URI: https://www.fleeex.com/
Description: My first responsive HTML5 theme
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

:root {
    --navbar-height: 64px;
    --fs-xsmall: 11px;
}

#masthead {height: var(--navbar-height);}
footer {height: 0 !important;overflow: hidden;}

#episode-slide-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#episode-slide-menu li {
    display: inline-block;
    width: 33%;
}

#episode-slide-menu li:nth-child(2) {
    text-align: center;
}

#episode-slide-menu li:last-child {
    text-align: right;
}

strong, b,
h1 strong, .fs-1 strong,
h2 strong, .fs-2 strong,
h3 strong, .fs-3 strong,
h4 strong, .fs-4 strong,
h5 strong, .fs-5 strong,
h6 strong, .fs-6 strong {
    /* -webkit-font-smoothing: antialiased; */
    font-weight: 700 !important;
}

h1, .fs-1,
h2, .fs-2 {
    /* -webkit-font-smoothing: antialiased; */
    font-weight: 100;
}
h3, .fs-3,
h4, .fs-4,
h5, .fs-5,
h6, .fs-6 {
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: .0012rem;
}

.swiper-button-next:focus-visible, .swiper-rtl .swiper-button-prev:focus-visible {
    outline: rgba(50,50,50,0) 1px !important;
}

/* Default link style */
a {text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: 25%;
    color: currentColor;
    opacity: .8;
}

a:hover {
    opacity: 1;
}

a.link-logo {opacity: 1;}
a.link-logo:hover {opacity: .98;}

p.has-regular-font-size a {
    padding-bottom: calc(0.26rem - 2px);
}

.icon-in {
    width: 22px !important;
    height: 22px !important;
    border-radius: 0 !important;
}

.sticky-content {
    position: relative;
    height: auto;
    padding: 110px var(--wp--preset--spacing--20) var(--wp--preset--spacing--20);
    margin-bottom: -8vh;
    z-index: 9;
}


@media (min-width: 992px) { 
    .sticky-content {
        position: absolute;
        height: 100%;
        padding: 0px;
        margin-bottom: 0px;
    }
    .sticky-content .sticky-content-text {
        writing-mode: vertical-lr !important;
        display: block;
        /* margin-left: -10px !important; */
        position: sticky;
        position: -webkit-sticky;
        top: 180px;
        padding: 0 var(--wp--preset--spacing--20) var(--wp--preset--spacing--60) !important;
        line-height: 1;
    }
    .wp-container-core-group-is-layout-1 > :where(.sticky-content):where(*),
    .wp-container-core-group-is-layout-1 > :where(.sticky-content *) {
        margin-left: -10px !important;
    }
}

/* WEB STYLE */
ul.wp-block-list li {
    position: relative;
    padding-left: 28px;
}

ul.wp-block-list li::marker {
    content: "";
}

ul.wp-block-list li::before {
    content: "";
position: absolute;
left: 0; top: 0;
width: 20px;
height: 20px;
background-color: var(--primary);
border-radius: 50%;
}



/* SINGLE */
.lwptoc:first-child {
    margin-top: 0px !important;
}
.hero-post {
    position: relative;
    width: 100%;
    min-height: 100svh;
    display: flex;
    align-items: end;
    justify-content: center;
}
.single-img,
.hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.hero-overlay {
    background-color: #132034;
    opacity: .5;
}

.related-content-img {
    --th-size: calc(3.5rem + 2vw);
    width: var(--th-size);
    height: var(--th-size);
}


/* HELPERS */
.text-shadow {
    text-shadow: 1px 2px 8px #000000c4;
}

/* ICONS */
.arrow {
    width: 32px;
    height: 32px;
    background-color: var(--dark);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%2216%2023.3%202.5%209.8%203.2%209.1%2016%2021.9%2028.8%209.1%2029.5%209.8%2016%2023.3%22%20%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpolygon%20fill%3D%22black%22%20points%3D%2216%2023.3%202.5%209.8%203.2%209.1%2016%2021.9%2028.8%209.1%2029.5%209.8%2016%2023.3%22%20%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}
.arrow.text-primary {background-color: var(--primary);}
.arrow.text-secondary {background-color: var(--secondary);}
.arrow.text-tertiary {background-color: var(--tertiary);}
.arrow.text-white {background-color: var(--white);}



/* FOOTER */
.footer-top * {color: #132034 !important;}
#legal-menu {display: flex;margin: 0;} 
#legal-menu a {padding: 0 .5rem;}


/* FORM / INPUTS */

.evento-form p {
    margin-bottom: 0;
}

.download-form {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}

input:focus-visible {
    outline: 2px solid #000;
    }
    /* checkbox custom */
    /* Hide default checkbox */
    .small.crandon-mailchimp-form-terms,
    input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 16px;
        height: 16px;
        border: 2px solid currentColor;
        border-radius: 4px;
        position: relative;
        cursor: pointer;
        vertical-align: middle;
        margin-right: 8px;
    }

    label {
        font-size: .68rem;
        text-transform: uppercase;
      }
    textarea, input {
        width: 100%;
        max-height: 120px;
        font-family: var(--sans-serif);
        font-size: 2rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        border: 0 solid transparent;
        border: 1px solid var(--dark);
        padding: .5rem;
        background-color: transparent;
    }

    textarea{
        border-top: 2px solid var(--dark);
    }
      
    input[type="checkbox"]:checked::after {
        content: "";
        position: absolute;
        border: 5px solid transparent;
        background-color: currentColor;
        background-color: #576578;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }
    
    input[type="checkbox"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 1rem;
        height: 1rem;
        border: 1px solid currentColor;
        border-radius: 4px;
        position: relative;
        cursor: pointer;
        vertical-align: middle;
        margin-right: 8px;
        border-radius: 50%;
    }

    input[type="submit"] {
        background-color: var(--dark);
        color: white;
    }
    .wpcf7-list-item {
        margin-left: 0;
    }

    .wpcf7-select {
        width: 100%;
        padding: .25rem;
    }

    .icon-close {
        display: inline-block;
        --icon-size: 28px;
        width: var(--icon-size);
        height: var(--icon-size);
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 31"><path fill="none" stroke="%23000" stroke-linecap="round" stroke-width="3" d="M1.5,1.5l13.5,14.5L1.5,29.5"/><path fill="none" stroke="%23000" stroke-linecap="round" stroke-width="3" d="M28.5,1.5l-13.5,14.5,13.5,13.5"/></svg>') no-repeat center / contain;
    }

    /* COMPLIANZ */
#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: calc(var(--wp--preset--font-size--paragraph) / 1.2);
}

#cmplz-document h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h2, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
    font-size: var(--wp--preset--font-size--h-3) !important;
}

#cmplz-document .cmplz-dropdown summary div h3 {
    font-size: var(--wp--preset--font-size--h-5) !important;
    letter-spacing: 1px;
}