#contet-attivita{ padding: 3rem 0; }
#contet-attivita h5{ 
    margin-bottom: 0; 
    margin-top: 1.2em;
    font-size: 30px;
    font-family: muli;
    font-style: normal;
    font-weight: 300; 
    letter-spacing: 0;
}
#contet-attivita a:hover{ text-decoration: none; }
@media (min-width: 768px){
    #contet-attivita [class*="col-"]:nth-child(1){ padding-right: 25px; }
    #contet-attivita [class*="col-"]:nth-child(2){ padding-left: 25px; }
}

#content-attività .mt-0 { margin-top: 0;};

/*
* * - Quote -
*/
#quote blockquote{ margin-bottom: 7rem; }
#quote-px { z-index: 9999; }
#quote p { 
    margin: 35px 0;
    font-style: italic;
    font-size: 20px;
    line-height: 27px;
    color: #393939;
    display: block; 
}
#quote cite{
    font-family: Crimson Text;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    color: #000;
}

/*
* * - Masonsry -
*/
.ms-msry-item, .ms-msry-item--alone, .ms-msry-item--double   { width: 100%; }
.ms-msry-item > img{ border: 4px solid white }
@media (min-width: 768px){
    .ms-msry-item, .ms-msry-item--double { width: 50%; }
    .ms-msry-item--alone { width: 100%; }
}
@media (min-width: 1200px){
    .ms-msry-item { width: 33%;}
    .ms-msry-item--alone { width: 100%; }
    .ms-msry-item--double { width: 50%; }
}

/*
* * - Insegnanti -
*/
.insegnanti{
    margin: -.5rem 0 0 0;
    padding: 0;
    list-style-type: none;
}
.insegnante{
    margin: 0;
    padding: .5rem 0;
    display: grid;
    grid-template-columns: minmax(80px,100px) 3fr;
    grid-template-rows: 40px auto;
    grid-template-areas:
        "img title"
        "img text";
}
.insegnante a, .insegnante img{ transition: .2s ease-out; }

.insegnante > a{ grid-area: img; }
.insegnante > h4{
    grid-area: title;
    padding: 0 0 0 .5rem;
    margin-top: 0;
    white-space: nowrap;
}
.insegnante img:hover{ opacity: .5; }
.insegnanti p{
    grid-area: text;
    padding: 0 0 0 .5rem;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.5em;
}

/*
* * - Quando -
*/
.quando{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.quando-100{ width: 100%; }
.data-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 30px;
    border-bottom: 1px solid #ddd;
    color: #393939;
}
.data-grid--repeat{ grid-template-columns: 1fr 3fr; }
.day-week{ text-transform: capitalize; }
.data-week--center{ justify-content: center; }
.day-num{
    background-color: #575756;
    font-weight: 700;
    color: #ffffff;
    justify-content: center;
}
.day-ora{ justify-content: flex-end; }
.day-ora--last{ grid-column: 2/3;}
.day-ora span{ padding-left: 0; }
.day-ora span:nth-child(1){ padding-left: 0; }
.data{
    display: flex;
    align-items: center;
    height: auto;
	flex-direction: column;
}
.data-self{ border-bottom: 1px solid #ddd; }

.rel-att{
    position: relative;
}
.overlay-attivita{
    position: absolute;
    bottom: -100%;
    left: 0;
    height: auto;
    width: 100%;
    color: #575756;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

.vc_gitem-zone .overlay-attivita,
.vc_gitem-zone .overlay-att-op{ transition: all 0.3s ease-in-out; }
.vc_gitem-zone:hover .overlay-attivita{ bottom: 0; }

.overlay-att-op { 
    background-color: #fff;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 9999; 
}
.vc_gitem-zone:hover .overlay-att-op{ opacity: .5; }

/*
* * - Button -
*/
.wrapper__btn-mc{ margin-top: 3rem; }