/* CSS Document */
/* grigio sfondo box: #f5f5f5 */
/* rosso aige #e30613 */
/* colore secondario: #00b3bd */

@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); 

:root {
  --red: #e30613;
--button:#e30613;
--button-hover:#bc0003;
--button-press:#991915;	
  --menu-color: linear-gradient(to bottom, #e30613 0%,#d20a11 100%);
  --menu-color-hover: #991915;
  --white: #faf0e6;
}

body{color:#333;font-family: 'Yantramanav', sans-serif; font-size:1.2rem;
}
#page{padding-top:66px;}
#page.page-full{    max-width: 100vw;}
    .container{  min-height:70vh;   }

h5, .h5{font-size:1.15rem}
.btn-red{background:#b90015; border:solid 1px #a40000; color:#fff;}
.btn-green{background:#00b3bd; border:solid 1px #008b75; color:#fff;}
.btn-red:hover{background:#a40000; border:solid 1px #a40000; color:#fff;}
.btn-green:hover{background:#008b75; border:solid 1px #008b75; color:#fff;}


.spacer-1{height:1rem}


#primo_blocco h2.quote{    font-family: Yantramanav;    ;    text-align: center;    max-width: 750px;    margin: auto;}
#primo_blocco  .card-deck{  font-family: Yantramanav;    ;}
#primo_blocco  .card-deck img {max-width:80%;}
#primo_blocco  .card { background:#f5f5f5;   border-radius: 6px; border-color:transparent;}

.section{margin-bottom: 2rem}

h1.section-title{text-align: center; }
.section-title { font-family: Yantramanav;  ;margin-bottom: 2rem  }



.card-features .card-header{background-color:#69d5d5; text-align: center;  color:#112828}
ul.features{    list-style: none;
    margin: 0;
    padding: 0;}
.features li{    background: url(check.svg) no-repeat left top;
    padding-left: 30px;
    background-size: 21px;
    font-size: 1rem;
    padding-bottom: 10px;}



/*MENU*/
.navbar .bg-red{background: #e30613;background:rgba(227, 6, 19, 0.90);}
.bg-red{background: #e30613;}
.navbar-brand{    width: 200px;    height: 50px; padding:0; margin-left: 5%;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#fff;}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus{color:#f7bba9; ;}
 .navbar-light .navbar-nav .nav-link:hover{color:#fff; border-color: #fff;}
.navbar-light .navbar-nav .nav-link:active{color:#991915; border-color: #991915;}

.nav-item a{     margin-top: -21px;
    border-top: solid 5px;
    text-transform: uppercase;
    border-color: transparent;
    padding-top: 13px;
    font-size: 1rem;}
.nav-item.active a{ border-color: #fff;}
li.nav-item {    margin-right: 1rem;}
#copertina-corso{display:none;}

.page-home #copertina-corso{display:block; background: #e30613;background: -moz-linear-gradient(top, #e30613 0%, #d20a11 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e30613 0%,#d20a11 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e30613 0%,#d20a11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width:100%; padding-top: 40px; margin:auto; }



.grid-features{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:1rem;}

/*pulsanti*/
.btn, .elementor-button{font-weight:500; font-family:Yantramanav;}
.btn:active, .elementor-button:active{position:relative; top:1px; left:1px;}
.btn-primary, .elementor-btn-primary .elementor-button {background-color:var(--button);  border:solid 1px transparent!important}
.btn-primary:hover, .btn-primary:active, .elementor-btn-primary .elementor-button:hover,.elementor-btn-primary .elementor-button:active{background-color:var(--button-hover);  color:#fff!important; border:solid 1px transparent!important}
.btn-outline-primary{background-color:#fff;  color:#202020!important; border:solid 1px #202020!important}
.btn-outline-primary:hover,.btn-outline:active{background-color:#ececec;  color:#202020!important; border:solid 1px #202020!important}

.btn-primary.disabled, .btn-primary:disabled{background-color: #a58482}
.btn-check:focus+.btn-primary, .btn-primary:focus{background-color: var(--button-press);    box-shadow: none;}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow: none;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color: var(--button-press);  }
#loading_bg {
    width: 100vw;
    height: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
    backdrop-filter: blur(5px);
    z-index: 10;
    background: rgba(255, 255, 255, 0.94);
}
#loading {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    position: fixed;
    text-align: center;
    z-index: 100;
    backdrop-filter: blur(7px);
    background: rgba(209, 209, 209, 0.57);
    padding: 1rem;
    border-radius: 10rem;
}

#loading span {
    width: 48px;
    height: 48px;
    display: block;
    box-sizing: border-box;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(227 6 19);
    border-image: initial;
    border-radius: 50%;
    animation: 3s linear 0s infinite normal none running rotation;
}
    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
/*popup errori login/abs/form*/
.popup-alert {
    position: fixed;
    top: 50%;    left: 50%;    width: clamp(100px, 50vw, 500px);    transform: translate(-50%, -50%);    background: rgb(255 255 255 / 95%);     backdrop-filter: blur(5px);    padding: 20px;    border-radius: 10px;    display: flex;    align-items: center;
    justify-content: space-between;    opacity: 0;    transition: opacity 0.3s ease;    border: solid 1px #ddd;box-shadow: 1px 3px 9px #9999995e;
}
.popup-alert.show { opacity: 1; }
/*fine popup errori*/


/*Pagina profilo*/
#account .entry-title small{    font-size: 1.4rem;}
.username{margin-top:40px;}
.icon-username:before {content:"\e08a"; padding-right:5px; font-family: ETmodules; }
.btn{font-family:Yantramanav!important;}



/*MEDIA QUERIES*/
/* Extra small devices (portrait phones, less than 576px)*/
@media screen and (max-width:991.98px) 
{
.nav-item a{  margin-top: 0;    border-top: none;  }
.navbar-brand{margin-left: 0}
	.giorno{padding:1rem;}
	.navbar-toggler {padding: .25rem 0.6rem;}
	.navbar-light .navbar-toggler,.navbar-toggler{border:none;}
.navbar-light .navbar-toggler-icon {
    background-image: url(menu.svg);
}
	
.navbar-light .navbar-nav .nav-link{color:rgb(255, 215, 203);text-transform: uppercase;}
	#copertina-corso{margin-top:40px!important;}
	#direttoricorso{background-size:80px; background-position: bottom left;}
	.day_1, .day_2{padding: 0.5rem 1rem;}
}

@media (max-width: 768px) { 
.navbar-collapse {    height: auto;    max-height: 340px;    overflow-x: hidden;}
	.sess_head{display:block;}
    .container{        max-width: 90vw;    }

}

@media screen and (max-width: 575.98px) 
{
	h1{font-size:2rem;}	
	h2{font-size:1.8rem;}	
	.grid-features{display:grid; grid-template-columns: 1fr 1fr; gap:1rem;}

	.foto{width: 40px;    height: 40px; }
}


@media screen and (max-width: 375px) {
	.grid-features{ grid-template-columns: 1fr; }

}