/*
Theme Name: Theme by Massimo
Author: Massimo Antonucci
Author URI: #
Description: Template sviluppato per Laterale Studio
Version: 1.0.0
*/

div#wpadminbar {
    display: none !important;
}

html {
    margin-top: 0px !important;
}

/* Bootstrap */
@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: 1020px;
        padding-left: var(--bs-gutter-container);
        padding-right: var(--bs-gutter-container);

    }
}

@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 1200px;
        padding-left: var(--bs-gutter-container);
        padding-right: var(--bs-gutter-container);
    }
}

@media (min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1440px;
        padding-left: var(--bs-gutter-container);
        padding-right: var(--bs-gutter-container);
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1620px;
        padding-left: var(--bs-gutter-container);
        padding-right: var(--bs-gutter-container);
    }
}

@media (min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1640px;
        padding-left: var(--bs-gutter-container);
        padding-right: var(--bs-gutter-container);
    }
}

.row {
    --bs-gutter-x: 1rem;
}

.row>* {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

@media (max-width: 575.98px) {
    .gap-mobile {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Palette Colori*/
:root {
    --white: #fff;
    --black: #000;
    --grayLight: #ABBFC4;
    --orange: #FF8049;
    --graphik: 'Graphik';

    /* Bootstrap Variable */
    --bs-gutter-x: 0.5rem;
    --bs-gutter-container: 1.25rem;
}

/* General */
body {
    font-family: var(--graphik);
}

main {
    position: relative;
    background-color: var(--white);
    z-index: 10;
}

.overlay_animation {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #fff;
	transition: .3s linear;
}

/* Header */
#header {
    padding-top: 21px;
    padding-bottom: 40px;
    background: var(--white);
	position: relative;
	z-index: 2;
}

@media (min-width: 992px) {
    #header {
        padding-top: 3.125rem;
    }
}

.custom-logo-link img {
    max-width: 174px;
}

@media (min-width: 1200px) {
    .custom-logo-link img {
        max-width: 100%;
    }
}

ul#menu-menu-left {
    all: unset;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 30px;
}

ul#menu-menu-left>li>a {
    font-size: 16px;
    font-weight: normal;
    color: var(--black);
    text-decoration: none;
    /* transition: 0.25s linear; 
      transition: font-style 0.25s ease-in-out; 
    position: relative; */
}

.custom-logo {
    max-width: 100%;
    height: auto;
}

#logo_header {
	max-width: 174px;
	height: 100%;
}

@media (min-width: 1200px) {
	#logo_header {
		max-width: 100%;
		height: 100%;
	}
}

/* ul#menu-menu-left>li>a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--black);
    transition: transform 0.25s ease-out;
}

ul#menu-menu-left>li>a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
} */

ul#menu-menu-left>li>a:hover {
    font-style: italic;
}

.toggle_open,
.toggle_close {
    cursor: pointer;
}

/* Preloader */
#preloader {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transform: translateY(100%);
}

/* Content Menu */
.content_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 70px;
    z-index: 9998;
    transform: translateY(100%);
}

@media (min-width: 992px) {
    .content_menu {
        padding-top: 50px;
        padding-bottom: 76px;
    }
}



/* Animazioni CSS per apertura e chiusura */
/* .content_menu.open_content {
    transform: translateY(0);
}

.content_menu.closed_content {
    transform: translateY(-100%);
}


@keyframes ContentMenuMoveFromBottomTop {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes ContentMenuMoveFromCenterTop {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
} */


ul#menu-menu-principale {
    all: unset;
    list-style-type: none;
	display: -webkit-flex;
    display: flex;
    align-items: center;
	-webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
}

@media (min-width: 1200px) {
    ul#menu-menu-principale {
        flex-direction: row;
		-webkit-justify-content: space-around;
        justify-content: space-around;
    }
}


ul#menu-menu-principale>li>a {
    font-size: 36px;
    font-weight: normal;
    line-height: 72px;
    letter-spacing: 0.2rem;
    text-decoration: none;
    color: var(--black);
}

@media (max-width: 575.98px) {
	ul#menu-menu-principale>li>a {
		font-size: 28px;
	}
}


@media (min-width: 1200px) {
    ul#menu-menu-principale>li>a {
        font-size: 2.5vw;
        line-height: 124px;
        text-decoration: none;
        color: var(--black);
        /* transition: 0.25s linear;
    transition: font-style 0.25s ease-in-out;
    position: relative; */
    }
}

/* @media (min-width: 1200px) {
	    ul#menu-menu-principale>li>a {
        font-size: 2.2vw;
    }
} */

/* ul#menu-menu-principale>li>a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--black);
    transition: transform 0.25s ease-out;
}

ul#menu-menu-principale>li>a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
} */

ul#menu-menu-principale>li>a:hover {
    font-style: italic;
}

.footer_content_menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: unset;
}

.footer_content_menu svg {
    margin-top: 63.4px;
}

@media (min-width: 992px) {
    .footer_content_menu {
        flex-direction: row;
        gap: 108px;
    }
}

.footer_content_menu>a {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.2em;
    color: var(--black);
    text-decoration: none;
}

/* Footer */
#footer {
    padding-top: 75px;
    padding-bottom: 47px;
    background-color: var(--orange);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 0;
}


@media (min-width: 1200px) {
    #footer {
        padding-top: 116px;
        padding-bottom: 66px;
    }
}

/* @media (min-height: 0px) {
	 #footer {
        padding-top: 186px;
        padding-bottom: 66px;
    }
} */


.content_info_footer {
    display: flex;
    flex-direction: column;
    gap: 188px;
}

.contact_company {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 50px;
}

@media (min-width: 1200px) {
    .contact_company {
        flex-direction: column;
    }
}

@media (max-width: 1200px) {
    .social_footer {
        margin-bottom: 81.3px;
    }
}

.contact_company>a,
.social_footer>p,
.social_footer a {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.2em;
    text-decoration: none;
    color: var(--black);
}

.copy_site {
    font-size: 12px;
    font-weight: normal;
    line-height: 32px;
    color: var(--black);
    margin-top: 110px;
}

@media (min-width: 1200px) {
    .copy_site {
        margin-top: unset;
    }
}

/* Template Contact */
#contant_page {
    height: 100%;
    min-height: 100vh;
    padding-top: 52px;
}

@media (min-width: 992px) {
    #contant_page {
        padding-top: 208px;
    }
}

.page_title h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.4em;
    color: var(--black);
    text-transform: uppercase;
    margin-bottom: 37px;
}

@media (min-width: 992px) {
    .page_title h3 {
        margin-bottom: 42px;
    }
}

.page_title p {
    font-size: 16px;
    font-weight: normal;
    line-height: 32px;
    letter-spacing: 0.1em;
    color: var(--black);
    margin-bottom: 95px;
}

@media (min-width: 992px) {
    .page_title p {
        margin-bottom: unset;
    }
}

.contact_info {
    margin-bottom: 42px;
}

.contact_info p,
.contact_info a {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.2em;
    text-decoration: none;
    color: var(--black);
}


/* Edit Font-weight TextInline Home */
#textInline-block_5a07c4c5e8642357b5b0d72a2a73b32c .style_text {
    font-weight: 500!important;
}

.page-id-10 main {
    min-height: 100vh;
	height: 100%;
}

.page-id-19 main {
    min-height: calc(100vh + 52px);
	height: 100%;
}