/*
Theme Name:   Edwin Battistini
Description:  Tema Child per Edwin Battistini.
Author:  Claudio Zappi
Template:  edwinbattistini
Version:  0.1
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

html{overflow-y: scroll; overflow-x: hidden; }

body{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.vh-100p{ height: 100%!important;}

strong{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

h1, h2, h3, h4, .heading{
    text-transform: uppercase;
    font-weight: 700;
}

.h1, h1{font-size: calc(1.375rem + 3.5vw);}
@media (min-width: 768px){ .h1, h1{font-size: calc(1.375rem + 1.5vw);}}

img{ max-width: 100%; height: auto;}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

ul.list-inline{ list-style: none;}
ul.list-inline li{ display: inline-block;}

.page-template.home #wrapper > section{ position: fixed; width: 100%; top: 0; right: 0; transform: translateX(0%); overflow: hidden; max-width: 100vw; transition: transform 1s; z-index: 5001;}
.page-template.home #cover .cover-background{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.page-template.home #cover .cover-background:before{ content: ""; display: block; width: 130%; height: 125%; position: absolute; bottom: 0%; right: 10%; background-image: url(img/illustrazione-scarpa.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 100;}
.page-template.home.portrait #cover .cover-background:before{ width: 230%; height: 125%; right: -20%;}
.page-template.home #cover > .container-fluid{ position: relative; z-index: 5000;}
.page-template.home #cover h1, .page-template.home #cover h2{text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;}
.page-template.home #cover .h1, .page-template.home #cover h1{ font-size: calc(1.375rem + 2.5vw); line-height: 1;}
@media (min-width: 1200px){ .page-template.home #cover .h1, .page-template.home #cover h1{ font-size: 5vh;} }
.page-template.home #bio{ background-size: cover; background-position: center center;}
.page-template.home #projects{ background-color: #FFF; border-left: 1px solid #000;}
.page-template.home #contacts{ background-color: #000; border-left: 1px solid #000;}
.page-template.home #wrapper > section.out{ right: -100%; transform: translateX(0%); }
.page-template.home #wrapper > section.out.visible{ transform: translateX(-100%);}

.page-template.home .section-title, .page-template.home .section-content, .page-template.home .section-nav{ width: 100%; padding-top: 3.5vh; padding-bottom: 3.5vh;}
.page-template.home .section-content{ padding: 0;}

.social-icons{ }
.social-icons li{ display: inline-block; list-style: none;}
.social-icons li a{ display: block; width: 3em; height: 2em; background-size: contain; background-repeat: no-repeat; background-position: left center; filter: invert(1); transition: opacity 1s;}
.social-icons.ms-auto.me-auto li a{ background-position: center center;}
.social-icons li a:hover{ opacity: .35;}
.social-icons li a.instagram{ background-image: url(img/icons-instagram.svg);}
.social-icons li a.facebook{ background-image: url(img/icons-facebook.svg);}
.social-icons li a.linkedin{ background-image: url(img/icons-linkedin.svg);}

.projects-slider article{ width: 50vh; height: 50vh; position: relative; overflow: hidden;}
.projects-slider article img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1s; position: absolute; z-index: 500;}
.projects-slider article:hover img{ transform: scale(110%);}
.projects-slider article .project-title{ width: 100%; position: relative; z-index: 1000;}
.slick-prev, .slick-next{ height: 150px; z-index: 7000;}
.slick-prev{ left: 25px; height: 150px;} .slick-next{ right: 25px; }
.slick-prev:before{ content: "〈"; right: 0;} .slick-next:before{ content: "〉"; left: 0;}
.slick-prev:before, .slick-next:before{ color: #000; font-family: inherit; font-weight: bold; font-size: 5vh; position: absolute; opacity: 1;}

.x-btn{ font-weight: bold; font-size: 7vh; line-height: 1;}
.x-btn:before {content: "X"; display: block;}

.next-btn{ font-weight: bold; font-size: 7vh; line-height: 1;}
.next-btn:before{ content: "〉"; display: block; }
@media (min-width: 1200px){ .next-btn:before{ margin: 0 -1.5vh 0 0; padding-left: 1.5vh;}}

.black-background{ background-color: #000; color: #FFF; position: relative;}
.black-background > div{ position: relative; z-index: 1000;}
.black-background:after{ content: ""; display: block; position: absolute; z-index: 500; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0, .85);}
a, a:hover, a:focus, a:visited{ color: #000;}
.black-background a, .black-background a:hover, .black-background a:focus, .black-background a:visited{ color: #FFF;}

.main-menu ul{ padding: 0; margin: 0;}
.main-menu ul li{ display: inline; list-style: none; padding: 0 1em; text-transform: uppercase;}

.single-progetti article{ min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; align-content: flex-start; align-items: flex-start; }

.single-progetti section{ width: 100%;}
.single-progetti .header{ min-height: 14.6vh;}
.single-progetti .galleria{ height: 61.8vh;}
.single-progetti .info{ min-height: 23.6vh;}

.single-progetti .galleria-container.slick-slider{ height: 100%;}
.slick-list, .slick-track{ height: 100%; max-height: 100%;}
.single-progetti .galleria-container img{ /* max-height: 100%; */ height: 100%; width: auto; object-fit: cover;}

.single-progetti .x-btn, .single-progetti .next-btn{ font-size: 5vh; position: relative;}
@media (min-width: 768px){ .single-progetti .x-btn, .single-progetti .next-btn{ font-size: 7vh;}}
.single-progetti .x-btn:after, .single-progetti .next-btn:after{ content: ""; display: none; position: absolute; width: 100%; height: 22px; line-height: 22px; text-align: center; font-size: 14px; font-weight: normal;}
.single-progetti .x-btn:hover:after, .single-progetti .next-btn:hover:after{ /* display: block; */}
.single-progetti .x-btn:after{ content: "Home"; text-transform: uppercase;}
.single-progetti .next-btn:after{ content: ""; text-transform: uppercase;}

.img_ratio_1_1{ width: 100%; height: 0; padding-bottom: 100%; position: relative;}
.img_ratio_1_1 img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}

#footer{ background-color: #000; color: #FFF;}
#footer a, #footer a:hover, #footer a:focus, #footer a:visited{ color: #FFF; transition: opacity 1s;}
#footer a:hover{ opacity: .35; }
#footer .short-footer-menu{ text-transform: uppercase; font-weight: bold;}
#footer .short-footer-menu li{ padding-right: 1em;}


.exploremore{ opacity: 0; transition: opacity 1s 5s;}
section.out.visible .exploremore{ opacity: 1;}

@media (min-width: 768px){
    
}
@media (min-width: 992px){
    
}