/*

 Theme Name:     Afra Quintanas

 Theme URI:      https://www.elegantthemes.com/gallery/divi/

 Description:    Afra Quintanas

 Author:         aeiou.cat

 Author URI:     https://www.elegantthemes.com

 Template:       Divi

 Version:        1.0.0

*/





/* =Theme customization starts here

------------------------------------------------------- */

:root {
    --size-1: 0.783rem !important;
    --size-2: 0.783rem !important;
    --size-3: 1rem !important;
    --size-4: 1.217rem !important;
    --size-5: 1.565rem !important;
    --size-6: 2.261rem !important;
    --size-7: 2.609rem !important;
    --alt: "Libre Baskerville", serif !important;
    --lead-tight: 0.9 !important;
    --lead-1: 1 !important;
    --lead-copy: 1.21739 !important;
    --lead-loose: 1.8 !important;
    --lead-2: 1.16667 !important;
    --lead-3: 1.21739 !important;
    --lead-4: 1.21429 !important;
    --lead-5: 1.22222 !important;
    --lead-6: 1.19231 !important;
    --track-tight: -0.025em !important;
    --track: 0.05em !important;
    --track-super: 0.25em !important;
    --measure-narrow: 20em !important;
    --measure: 25em !important;
    --measure-wide: 30em !important;
    --spacing-1: 0.25rem !important;
    --spacing-2: 0.5rem !important;
    --spacing-3: 1rem !important;
    --spacing-4: 1.75rem !important;
    --spacing-5: 3.5rem !important;
    --spacing-6: 8rem !important;
    --spacing-7: 12rem !important;
    --default-margin: 1.33333em !important;
    --container: 48rem !important;
    --padding-portrait: 133.33333% !important;
    --padding-landscape: 75% !important;
    --color-0: #0c0c0c;
    --color-1: #fff;
    --color-2: #f0f0f0;
    --color-3: #eb6e64;
    --color-4: #e65a5a;
    --color-5: #dc2846;
    --color-6: #b41e32;
    --color-7: #9b141e;
    --color-8: #ff283c;
    --time-immediate: 100ms;
    --time-fast: 300ms;
    --time-slower: 700ms;
    --time-deliberate: 900ms;
}

@media screen and (min-width: 60em) {
    :root {
        --size-1: 0.667rem !important;
        --size-2: 0.667rem !important;
        --size-3: 1rem !important;
        --size-4: 1.444rem !important;
        --size-5: 1.778rem !important;
        --size-6: 2.333rem !important;
        --size-7: 2.778rem !important;
        --lead-copy: 1.33333 !important;
        --lead-2: 1.16667 !important;
        --lead-3: 1.33333 !important;
        --lead-4: 1.38462 !important;
        --lead-5: 1.3125 !important;
        --lead-6: 1.2381 !important;
        --default-margin: 1.33333em !important;
    }
}

html {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 81.3% !important;
    line-height: 1.21739 !important;
    line-height: var(--lead-copy) !important;
}

@media screen and (min-width: 40em) {
    html {
        font-size: calc(0.813em + 0.125vw) !important;
    }
}

@media screen and (min-width: 60em) {
    html {
        font-size: 112.5% !important;
    }
}

@media screen and (min-width: 85em) {
    html {
        font-size: calc(1.125em + 0.125vw) !important;
    }
}

h1 {
    font-size: var(--size-6) !important;
    line-height: var(--spacing-4) !important;
}

h2 {
    font-size: var(--size-4) !important;
}

h4 {
    font-size: var(--size-4) !important;
    line-height: var(--spacing-4) !important;
}

p {
    font-size: var(--size-4) !important;
    line-height: var(--spacing-4) !important;
}

.f3 p,
.f3 h2 {
    font-size: var(--size-3) !important;
}

.f4 p,
.f4 h2,
.f4 h3,
.f4 h1 {
    font-size: var(--size-4) !important;
}

.et_pb_slide_content p {
    font-size: var(--size-3) !important;
}

.et_pb_toggle_content p,
.et_pb_toggle_content td {
    font-size: var(--size-3) !important;
}

.f5 p,
.f5 h2 {
    font-size: var(--size-5);
}


/* Menu styles */
@media screen and (min-width: 980px) {
    .logo_container {
        text-align: center;
    }

    div#et-top-navigation {
        padding-left: 0 !important;
    }

    .menu-right {
        float: right;
    }

    .nav li {
        line-height: 0;
    }

    .menu-right a {
        text-align: right;
    }

    ul#top-menu {
        display: flex;
        flex-direction: column;
    }

    li.wpml-ls-menu-item {
        position: fixed;
        left: 1%;
        top: 30px;
    }

    li.wpml-ls-last-item {
        top: 53px;
    }

    .et_header_style_left .logo_container {
        height: 70%;
    }

    .et-fixed-header .logo_container {
        height: 60%;
        display: none;
    }

    .et_fullwidth_nav #main-header .container {
        padding-right: 0;
        padding-left: 0;
    }

    .et_header_style_left #et-top-navigation nav>ul>li>a,
    .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
        padding-bottom: 20px !important;
    }

    /* Per defecte posava 0px al last-child */
    #top-menu>li:last-child {
        padding-right: 22px;
    }

    .et-fixed-header #top-menu li.current-menu-item>a:focus,
    .et-fixed-header #top-menu li.current_page_item>a:focus {
        color: #ff283c !important;
        ;
    }
}


/* Projects styles */
.et_pb_toggle_content em,
.et_pb_slide_content em {
    font-style: normal;
    font-size: var(--size-3);
    padding: 5px 10px;
    border: 1px solid #FF283C !important;
    border-radius: 30px;
    margin-right: 5px;
    line-height: 2.5em;
}



a.work-button {
    width: 100% !important;
}

.table-phone .et_pb_toggle_content tr td {
    border-top: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
}

@media screen and (min-width: 60em) {

    .et_pb_toggle_content em,
    .et_pb_slide_content em {
        white-space: nowrap;
    }

    .et_pb_toggle_content tr td img {
        max-height: 50vh;
        width: auto;
        float: right;
    }

    .et_pb_toggle_content tr td:first-child {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 60em) {
    .table-phone .et_pb_toggle_content tr {
        display: flex;
        flex-direction: column;
    }

    .table-phone .et_pb_toggle_content table tr td {
        width: 100% !important;
    }


}


/* About style */

.destacats p em {
    font-style: normal;
    font-size: var(--size-3);
    padding: 5px 10px;
    border: 1px solid #FF283C !important;
    border-radius: 30px;
    margin: 5px;
    margin-bottom: 10px;
    white-space: nowrap;
    line-height: 2.5em;
}

@media screen and (min-width: 60em) {
    .destacats p em {
        word-break: keep-all;
    }
}



/* Variables divi  */

.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: unset !important;
}


/* Footer */
#footer-bottom .container {
    width: 98% !important;
}


/* Fer que totes les fletxetes siguin vermelles */
span.red-arrow {
    color: #ff283c !important;
}