/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.6.1664561076
Updated: 2022-09-30 20:04:36

*/

:root {
	/*colori*/
	--dark:#000;
	--light:#fff;

	/*font*/
	--font-headings: 'Libre Franklin', sans-serif;
	--font-base: 'Libre Franklin', sans-serif;
    --bs-body-font-size: 1.2rem;

	/*layout*/
    --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	--vh: 100vh; /*variabile da tenere anche dopo eventuale replace*/
	--header-height: 114px;
	--mobile-header-height: 68px;
	--header-height-sticky: 114px;
	--mobile-header-height-sticky: 68px;
	--footer-height: 347px;
	--mobile-footer-height: 218px;
	--logo-w-h: 200px;
	--logo-w-f: 116px;
	--pad-text: 15vw;
	--pad-text-mobile: 15px;

    --global--spacing-horizontal: 15px;
    --branding--logo--max-width: 4rem;
    
}

.site-header {
    padding:0;
}
.site-header > .site-logo{border:none; padding:none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 700;}
p{line-height: 1.3;}

.logo-wrap{width: 5.5rem; margin:0 auto;}
.site-main{padding-top:0; padding-bottom:0;}
aside{display:none !important;}
/* .intro-wrap{max-width: 1260px !important;} */
.intro-wrap p{text-align: justify;}
body{letter-spacing: .01em; overflow-x:hidden;}
.row>*{padding-top: calc(var(--bs-gutter-x) * .5); padding-bottom: calc(var(--bs-gutter-x) * .5);}
.site-footer{padding-bottom:0;}
.site-footer > .site-info{border-top: 1px solid #dee2e6!important; margin-top: .5rem; padding-top:.5rem;}


.bg-img-cont{background-position: center; background-size: contain; background-repeat: no-repeat;}
.foto-wrap-o,
.foto-wrap-o:before{aspect-ratio: 1613/1075;}

.foto-wrap-v,
.foto-wrap-v:before{aspect-ratio: 1075/1613;}

.foto-wrap-v,
.foto-wrap-o{position:relative;}

.foto-wrap-v,
.foto-wrap-o,
.foto-wrap-v:before,
.foto-wrap-o:before{background-position: center; background-size: contain; background-repeat: no-repeat;}

.foto-wrap-v:before,
.foto-wrap-o:before{content:"";visibility: hidden; position:absolute;z-index:1; width: 100%; height: 100%;}



.foto-wrap-v:hover:before,
.foto-wrap-o:hover:before{visibility:visible;}

.modal-body .foto-wrap-o{background-position: top;}

.foto-1{background-image: url(img/f1.jpg);}
.foto-2{background-image: url(img/f2.jpg);}
.foto-3{background-image: url(img/f3.jpg);}
.foto-4{background-image: url(img/f4.jpg);}
.foto-5{background-image: url(img/f5.jpg);}
.foto-6{background-image: url(img/f6.jpg);}
.foto-7{background-image: url(img/f7.jpg);}
.foto-8{background-image: url(img/f8.jpg);}
.foto-9{background-image: url(img/f9.jpg);}

.foto-1:before{background-image: url(img/f1h.jpg);}
.foto-2:before{background-image: url(img/f2h.jpg);}
.foto-3:before{background-image: url(img/f3h.jpg);}
.foto-4:before{background-image: url(img/f4h.jpg);}
.foto-5:before{background-image: url(img/f5h.jpg);}
.foto-6:before{background-image: url(img/f6h.jpg);}
.foto-7:before{background-image: url(img/f7h.jpg);}
.foto-8:before{background-image: url(img/f8h.jpg);}
.foto-9:before{background-image: url(img/f9h.jpg);}

.modal-body{padding: 0 2.7rem 3rem 2rem;}
.modal-header{border:none;}
button:not(:hover):not(:active):not(.has-background){background-color: transparent !important;}

.powered-by p{font-size:.7rem; font-weight: 600;}


@media only screen and (min-width: 822px){
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1680px);
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1680px);
    }
    p{line-height:1.7;}
    .powered-by p{font-size:1rem;}
    
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 944px;        
    }
}
@media (max-width: 821px){
	.fs-16{font-size: .9rem !important;}
	.logo-wrap{width: 4.5rem;}
	.info-footer{font-size:.9rem; display: inline-block; margin-top: .25rem;}
    
}