/*
Theme Name: Zanotti
Theme URI: https://wordpress.org/themes/zanotti/
Author: Glam team
Author URI: https://www.glam.it/
Description: Our 2021 theme
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Zanotti
Tags:
*/


:root {
    --black: #000000;
    --blackmenu: #555555;
    --blacklight: #000000;
    --white: #ffffff;
    --whiteborder: #f1f1f1;
    --linkbottomborder: #c2a170;
    --tablebottomborder: #bda273;
    --backgroundgrey: #eeeeee;
}

#a-logo-menu:focus {
    outline: none;
}

#a-logo-menu:focus img {
    box-shadow: 0 4px 6px -2px rgba(150, 150, 150, 0.7);
}

.awsm-job-post-title a:focus {
    outline: none;
    border-bottom: 2px solid var(--linkbottomborder);
}

a.awsm-job-more:focus {
    outline: none;
    border-bottom: 0 !important;
}

.page-template-default main a:focus {
    outline: none;
    border-bottom: 2px solid var(--linkbottomborder);
}



/*********
IMPORT FONT
**********/

@font-face {
    font-family: 'AvenirLTStd-Book';
    src: url('./assets/fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/AvenirLTStd-Book.otf') format('opentype'),
    url('./assets/fonts/AvenirLTStd-Book.woff') format('woff'),
    url('./assets/fonts/AvenirLTStd-Book.ttf') format('truetype'),
    url('./assets/fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd-Light';
    src: url('./assets/fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/AvenirLTStd-Light.otf') format('opentype'),
    url('./assets/fonts/AvenirLTStd-Light.woff') format('woff'),
    url('./assets/fonts/AvenirLTStd-Light.ttf') format('truetype'),
    url('./assets/fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd-LightOblique';
    src: url('./assets/fonts/AvenirLTStd-LightOblique.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/AvenirLTStd-LightOblique.otf') format('opentype'),
    url('./assets/fonts/AvenirLTStd-LightOblique.woff') format('woff'),
    url('./assets/fonts/AvenirLTStd-LightOblique.ttf') format('truetype'),
    url('./assets/fonts/AvenirLTStd-LightOblique.svg#AvenirLTStd-LightOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url('./assets/fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/AvenirLTStd-Medium.otf') format('opentype'),
    url('./assets/fonts/AvenirLTStd-Medium.woff') format('woff'),
    url('./assets/fonts/AvenirLTStd-Medium.ttf') format('truetype'),
    url('./assets/fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*********
TYPOGRAPHY of element
**********/

body {
    padding-right: 0 !important;
    max-width: 1920px;
    margin: auto;
}

body, p, ul li, a {
    font-family: 'AvenirLTStd-Book';
    color: var(--blackmenu);
}

body, p {
    color: var(--black);
}

ul li, a {
    color: var(--blackmenu);
}

a {
    text-decoration: none;
}

a:hover {
    color: inherit;
}

p {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'AvenirLTStd-Medium';
    color: var(--black);
}

h1, h2, h3 {
    font-weight: bold;
}

b, strong {
    font-family: 'AvenirLTStd-Medium';
}


/*********
MENU
**********/

ul.menu-main-menu {
    padding: 15px 0;
}

ul.menu-main-menu li a,
#menu-mobile ul.menu-main-menu li a {
    text-decoration: initial;
    color: var(--blackmenu);
    font-size: 14px;
    letter-spacing: 4px;
}

ul.menu-main-menu li a {
    padding: 0 15px;
}

ul.menu-main-menu li a:focus,
#menu-mobile ul.menu-main-menu li a:focus {
    outline: none;
}

ul.menu-main-menu li a:focus span,
#menu-mobile ul.menu-main-menu li a:focus span {
    border-bottom: 2px solid var(--linkbottomborder);
}

#site-footer a:focus {
    outline: none;
    border-bottom: 2px solid var(--linkbottomborder);
}

#menu-mobile ul.menu-main-menu li {
    padding: 0 5px 15px 25px;
    border-bottom: 1px solid var(--whiteborder);
    margin-bottom: 20px;
}

ul.menu-main-menu li:last-child a {
    padding-right: 0;
}

ul.menu-main-menu li a:hover span {
    border-bottom: 2px solid var(--linkbottomborder);
}

#menu-mobile .navbar-light {
    background-color: var(--white) !important;
    position: sticky;
}

#menu-mobile .navbar-light button.button-offcanvas {
    width: 20px;
    height: 16px;
    padding: 0;
    overflow: hidden;
    text-indent: 999px;
    background: none;
    border: none;
    outline: none;
}

#menu-mobile {
    padding-right: 0;
    padding-left: 0;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#menu-mobile .navbar-light .icon-bar {
    display: block;
    width: 24px;
    height: 2px;
    background: #000;
    margin-top: 3px;
}

#menu-mobile .navbar-light button.btn-close {
    opacity: 1;
}


#menu-mobile .navbar>.container-fluid {
    justify-content: normal;
}

#menu-mobile .navbar>.container-fluid button {
    position: absolute;
    display: block;
    left: 15px;
    top: 10px;
}

.navbar-light .navbar-toggler-icon {
    background-color: var(--white);
}

#menu-mobile .offcanvas-header {
    padding: 6px 0.5rem;
    justify-content: flex-start;
    border-bottom: 1px solid var(--whiteborder);
}

#menu-mobile .nav {
    display: block;
}

#a-logo-menu-mobile,
#a-logo-menu-mobile-open {
    display: inline-block;
    margin: 0 auto;
}

.offcanvas-start {
    width: 100%;
    border-right: none;
}

.bg-light {
    background-color: transparent !important;
}

#menu-desktop .container-switcher {
    text-align: right;
}

#menu-desktop .container-switcher select {
    border: none;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background: url("./assets/images/arrow-language-selector.svg") no-repeat;
    background-position: top 1px right;
    background-size: 8px;
    width: 35px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    border-radius: 0;
    color: var(--black);
}

#menu-mobile .container-switcher select {
    border: none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url("./assets/images/arrow-language-selector.svg") no-repeat top right;
    background-size: 8px;
    width: 30px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: var(--black);
}


/*********
FOOTER
**********/

#site-footer {
    padding-top: 60px;
}

#site-footer .row {
    margin-right: calc(-1 * var(--bs-gutter-x));
    margin-left: calc(-1 * var(--bs-gutter-x));
}

#site-footer #footer-menu-brand {
    padding-left: 50px;
}

#site-footer h4 {
    font-family: 'AvenirLTStd-Book';
    margin-bottom: 15px;
    font-size: 14px;
}

#site-footer a {
    text-decoration: initial;
    color: var(--blackmenu);
    font-family: 'AvenirLTStd-Light';
    font-size: 12px;
}

#site-footer a:hover {
    opacity: .5;
}

#site-footer p {
    font-size: 12px;
}

/** FOOTER - Menu Sitemap **/

#site-footer ul.menu-sitemap,
#site-footer ul.menu-legal {
    display: block;
}

ul.menu-sitemap li,
ul.menu-legal li {
    padding-bottom: 15px;
}

/** FOOTER - Social **/

#site-footer .wp-block-social-link:hover {
    transform: none;
    opacity: .5;
}

#site-footer .wp-block-social-link a {
    color: var(--black);
}

#site-footer .wp-block-social-links {
    margin-bottom: 0;
}

#site-footer .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    color: inherit;
    margin: 4px 15px 4px 0;
}

#site-footer .wp-block-social-links .wp-social-link a {
    padding: 0;
}

#site-footer .wp-block-social-links .wp-social-link a svg {
    width: 17px;
    height: 17px;
}

#site-footer .wp-block-social-links .wp-social-link-facebook a svg {
    display: none;
}

#site-footer .wp-block-social-links .wp-social-link-facebook {
    font-size: 14px;
}

#site-footer .wp-block-social-links .wp-social-link-facebook a {
    font-family: 'Font Awesome 5 Brands';
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

#site-footer .wp-block-social-links .wp-social-link-facebook a:before {
    content: "\f39e";
}

/** FOOTER - Social **/

#site-footer .copyright {
    text-align: center;
    padding-top: 90px;
}


/*********
RESPONSIVE
**********/

@media screen and (min-width: 992px) {
    p {
        font-size: 15px;
    }
}

@media screen and (max-width: 991px) {
    /** MENU **/
    #a-logo-menu-mobile {
        width: 70%;
    }

    #a-logo-menu-mobile img,
    #a-logo-menu-mobile-open img {
        max-width: 350px;
    }
}
@media screen and (min-width: 768px) {
    /** FOOTER **/
    #site-footer .col-md-3 {
        padding-left: 17%!important;
    }
}

@media screen and (max-width: 767px) {
    /** MENU **/
    .offcanvas-body {
        padding: 1rem 0;
    }
    /** FOOTER **/
    #site-footer {
        padding: 60px 40px 0;
    }
    #site-footer a,
    #site-footer p {
        font-size: 14px;
    }
    #site-footer #footer-menu-brand {
        padding-left: 35px;
    }
    #footer-menu-legal {
        margin-top: 30px;
    }
    #site-footer .wp-block-social-links .wp-social-link-facebook a {
        font-size: 1.375em;
    }
    #site-footer .wp-block-social-links .wp-social-link a svg {
        width: 22px;
        height: 22px;
    }
    #site-footer .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
        margin: 4px 20px 4px 0;
    }
    #site-footer .copyright,
    .social-footer {
        padding-top: 50px;
    }
    #site-footer .copyright p {
        line-height: 35px;
    }
}

@media screen and (max-width: 600px) {
    /** MENU **/
    #a-logo-menu-mobile img,
    #a-logo-menu-mobile-open img {
        max-width: 270px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 400px) {
    /** MENU **/
    #a-logo-menu-mobile img {
        padding-left: 10px;
    }
    /** FOOTER **/
    #site-footer .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
        margin: 4px 17px 4px 0;
    }
}

@media screen and (max-width: 378px) {
    /** MENU **/
     #a-logo-menu-mobile img,
     #a-logo-menu-mobile-open img {
        max-width: 250px;
        padding-left: 10px;
    }
    /** FOOTER **/
    #site-footer {
        padding: 60px 35px 0;
    }
    #site-footer #footer-menu-brand {
        padding-left: 20px;
    }
}

@media screen and (max-width: 366px) {
    /** FOOTER **/
    #site-footer .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
        margin: 4px 15px 4px 0;
    }
}

@media screen and (max-width: 351px) {
    /** FOOTER **/
    #site-footer .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
        margin: 4px 13px 4px 0;
    }
}

@media screen and (max-width: 337px) {
    /** FOOTER **/
    #site-footer .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
        margin: 4px 10px 4px 0;
    }
}