/*
Theme Name: SAID dal 1923
Theme URI: https://whitenoiselabs.com/
Author: White Noise Labs
Author URI: https://whitenoiselabs.com/
Description: Antica Fabbrica del Cioccolato
Template: bridge
Version: 1.0.0
*/

/* ########## CUSTOM FONTS ########## */

@font-face {
    font-family: 'Verlag';
    font-style: normal;
    font-weight: normal;
    src: url('verlag-book.woff2') format('woff2'), url('verlag-book.woff') format('woff');
}

@font-face {
    font-family: 'Verlag';
    font-style: italic;
    font-weight: normal;
    src: url('verlag-book-italic.woff2') format('woff2'), url('verlag-book-italic.woff') format('woff');
}

@font-face {
    font-family: 'Verlag';
    font-style: normal;
    font-weight: bold;
    src: url('verlag-bold.woff2') format('woff2'), url('verlag-bold.woff') format('woff');
}

@font-face {
    font-family: 'Cyclone';
    font-style: normal;
    font-weight: normal;
    src: url('cyclone.woff2') format('woff2'), url('cyclone.woff') format('woff');
}

.cyclone, h1, nav.popup_menu ul li a {
    font-family: 'Cyclone', sans-serif;
    letter-spacing: 2px;
}

/* ########## COSMETIC FIXES ########## */

/* FIX LOGO RENDERING */
img {
    image-rendering: auto;
}

/* HIDE GOOGLE RECAPTCHA BADGE */
.grecaptcha-badge {
    display: none;
}

/* POINTER CURSOR ONLY ON SIDE MENU */
.side_menu_button {
    cursor: default;
}

/* FULLSCREEN MENU LANGUAGE SELECTOR */
nav.popup_menu ul li.wpml-ls-menu-item a > span {
    display: inherit;
}

nav.popup_menu ul li.wpml-ls-menu-item a span > span {
    font-size: 1em;
    line-height: 1em;
}

/* HIDE ACCORDION BOTTOM BORDER */
.qode-accordion-holder .qode-title-holder {
    border-bottom: none;
}

/* HAND CURSOR ON SCROLL DOWN ARROW */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

#scrolldown {
    animation: bounce 3s ease 3s infinite;
    cursor: pointer;
}

/* ########## ELEMENTS ########## */

/* BODY & FORM ELEMENTS */
body, input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, input.wpcf7-form-control.wpcf7-submit {
    font-family: 'Verlag', sans-serif;
}

/* LOCATION NAMES <H2> & <H3> */
.location-name h2 {
    font-size: 60px !important;
    line-height: 1em !important;
}

.location-name h3 {
    font-size: 20px !important;
    line-height: 1em !important;
}

/* FIX LOCATION IMAGE :HOVER OVERFLOW */
section.clickable div.image-hover {
    overflow: hidden;
}

/* LOCATION FEATURES <H2> */
.location-feat h2 {
    font-size: 70px !important;
    line-height: 1em !important;
}

/* TEXT LETTER-SPACING */
p, ul li {
    letter-spacing: 1px;
}

/* FOOTER ACRONYM <SPAN> */
p span.footer-bigger {
    font-size: 80px !important;
    line-height: 1em !important;
}

/* ########## RESPONSIVE FIXES ########## */

/* !!!HACK!!!: DISABLE PARALLAX ON iOS */
@supports (-webkit-overflow-scrolling: touch) {
    .touch section.parallax_section_holder {
        height: auto !important;
        background-position: center top !important;
        background-attachment: scroll;
        background-size: cover;
    }
}

/* MOBILE + TABLET: PARALLAX SECTION MIN-HEIGHT */
.touch section.parallax_section_holder {
    min-height: 25vh;
}

/* MOBILE (PORTRAIT): LOCATION NAME <H2> SIZE */
@media (max-width: 575px) {
    .location-name h2 {
        line-height: 1em;
    }
}

/* MOBILE: FULLSCREEN MENU FONT SIZE */
@media (max-width: 767px) {
    nav.popup_menu ul li a span {
        font-size: .75em;
        line-height: 1em;
    }
}

/* MOBILE + TABLET (PORTRAIT) */
@media (max-width: 991px) {
    /* FULLSCREEN MENU LINE-HEIGHT */
    nav.popup_menu ul li.wpml-ls-menu-item a > span {
        line-height: 46px;
    }
    /* MOTTO SIZE */
    footer p#motto {
        font-size: 35px;
    }
}

/* MOBILE (LANDSCAPE) */
@media (min-width: 576px) and (max-width: 767px) {
    /* PARALLAX SECTION MIN-HEIGHT */
    .touch section.parallax_section_holder {
        min-height: 40vh;
    }
    /* SECTION PADDING */
    section.fix-min-height {
        padding: 27px 0;
    }
}

/* TABLET (PORTRAIT): FULLSCREEN MENU FONT SIZE */
@media (min-width: 768px) and (max-width: 991px) {
    nav.popup_menu ul li a span {
        font-size: inherit;
        line-height: 1em;
    }
}

/* MOBILE & TABLET: FOOTER SIZE */
@media (max-width: 1199px) {
    .footer_top {
        padding: 10% 0;
    }
}

/* ########## COMPONENTS ########## */

/* CONTACT FORM 7 */
div.wpcf7 .ajax-loader {
    background-image: url('spinner.svg');
    display: block;
    margin: 10px auto 0;
    width: 32px;
    height: 32px;
}

form.wpcf7-form, input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    text-align: center;
}

input.wpcf7-form-control.wpcf7-text[aria-invalid="true"], textarea.wpcf7-form-control.wpcf7-textarea[aria-invalid="true"] {
    border-color: #f02311;
}

span.wpcf7-not-valid-tip {
    display: none;
}

/* ########## 404 PAGE ########## */

/* TITLE FONT SIZE */
body.error404 .title.title_size_large h1 {
    font-size: 15vw !important;
}

/* <H2> TOP MARGIN */
.page_not_found h2 {
    margin-top: 100px;
    line-height: 1em;
}

/* FIX PASSEPARTOUT INNER COLOR WHITE BACKGROUND */
body.error404 .paspartu_outer .content_inner {
    background-color: #333333 !important;
}