/*
Theme Name: Structured
Main theme real styles
*/

/*

.columns-md-3 -> crea tre colonne
.section-full -> annulla i margini laterali del container mettendo l'elemento a tutta larghezza (largo quanto #page)
.center-box -> centra il contenuto alla pagina
*/

:root {
  --max-width: 1300px;
} 

/*hamburger_ani*/

.hamburger .line{
  width: 28px;
  height: 3px;
  border-radius: 5px;
  background-color: #ecf0f1;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

#hamburger-9{
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.is-active #hamburger-9{
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


.is-active #hamburger-9 .line{
  width: 35px;
}

.is-active #hamburger-9 .line:nth-child(2){
  opacity: 0;
}

.is-active #hamburger-9 .line:nth-child(1){
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}

.is-active #hamburger-9 .line:nth-child(3){
  -webkit-transform: translateY(-7px) rotate(90deg);
  -ms-transform: translateY(-7px) rotate(90deg);
  -o-transform: translateY(-7px) rotate(90deg);
  transform: translateY(-7px) rotate(90deg);
}


/*bootstrap mod*/

.navbar-toggler {border:none; } 
.custom-toggler{display: none;}
/*centra il box*/
.center-box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0 );
}

@media(min-width:1400px){.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1140px;}}

/*Utilities*/
.columns-lg-3{column-count: 3} 
.columns-lg-2{column-count: 2} 
@media (max-width: 768px) {
.columns-md-2{column-count: 2} 
.columns-md-3{column-count: 3} 
	
}
@media (max-width: 991px) {
.custom-toggler{display:block;}	
}
@media (max-width: 575.98px) {
	.columns-md-3,.columns-lg-3,	.columns-md-2,	.columns-lg-2{column-count: 1}
}




/*fa uscire la sezione mortandola a tutta pagina*/
@media (min-width: 576px){
.container, .container-md, .container-sm{max-width:95vw;}
}

@media (min-width: 768px){
.container, .container-md, .container-sm{max-width:90vw;}
}

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



/*margin-left: calc((-100vw + 1140px + -20px ) /2 ); FULL WIDTH RISPETTO A CONTAINER (1140)*/


/**/




/*Page*/

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {    transition: all 0.5s ease-in-out;}

#page.page-full, .container-full {max-width:100vw;}

#page {min-height:85vh;max-width: var(--max-width); margin: auto  auto 4rem; background:#fff;}
.allow-sidebar{    max-width: 70%;  min-width: 350px}
article.card.type-page{border:none;}
article.card.type-page>.card-body{padding: 0;}

figure.nav-logo {max-width:400px; margin:0}
figure.nav-logo .custom-logo{max-width:400px; height:auto} 

figure.footer-logo {max-width:300px; margin:0 auto}
figure.footer-logo .custom-logo{max-width:300px; height:auto} 

.post-image-container{max-height:300px; display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden}
 .size-postimage-big{    width: 100%;  height: auto; } 

h1 {}


@media (max-width: 575.98px) {
	.allow-sidebar{    max-width: 100% }
}
#toTop {

    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #42424263;

    color: #fff;

    cursor: pointer;
    padding: 10px 15px 8px;
    border-radius: 10px;
    font-size: 18px;


}

#toTop:hover {
  background-color: #555555ba; /* Add a dark-grey background on hover */
}

	}