/*
Theme name: Qtheme Child
Template: qtheme
Theme url: http://www.craqdesignstudio.it
Version: 1.0
Author: <a href="http://www.craqdesignstudio.it" title="Craq Design Studio">Craq Design Studio</a>
Author url: http://www.craqdesignstudio.it
*/

/*--------------------------------------------------------------
Globals
--------------------------------------------------------------*/
@media only screen and (max-width: 3840px) {
    html {
        font-size: 20px;
    }
}

@media only screen and (max-width: 2560px) {
    html {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1600px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 14px;
    }
}

body {
    font-size: 1.1rem;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.2rem;
}

h5 {
    font-size: 1.1rem;
}

h6 {
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #4B4B4D;
}

.lbBackground {
    background-color: #F6F8F9;
}
.gradientBackground {
    background: rgb(236,116,5);
    background: linear-gradient(180deg, rgba(236,116,5,1) 0%, rgba(227,11,82,1) 57%, rgba(149,23,28,1) 100%);
}

.yellowTitle h1,
.yellowTitle h2,
.yellowTitle h3,
.yellowTitle h4,
.yellowTitle h5,
.yellowTitle h6 {
    color: #EC7405;
    font-size: 2.5rem;
}

.yellowColor {
    color: #EC7405;
}

.pinkTitile h1,
.pinkTitile h2,
.pinkTitile h3,
.pinkTitile h4,
.pinkTitile h5,
.pinkTitile h6 {
    color: #E30B52;
    font-size: 2.5rem;
}

.pinkColor {
    color: #E30B52;
}

.redTitle h1,
.redTitle h2,
.redTitle h3,
.redTitle h4,
.redTitle h5,
.redTitle h6 {
    color: #95171C;
    font-size: 2.5rem;
}

.redColor {
    color: #E30B52;
}

.darkTitle h1,
.darkTitle h2,
.darkTitle h3,
.darkTitle h4,
.darkTitle h5,
.darkTitle h6 {
    color: #4B4B4D;
    font-size: 2.5rem;
}

.stripeMargin {
    margin-bottom: 3rem;
}

.button {
    text-transform: none;
    color: #4B4B4D;
    font-weight: 700;
}

.button.conversion, input[type=button], input[type=submit] {
    color: #fff;
    border: 0;
    border-radius: 6px;
    /* padding: 0.5rem 1.5rem ; */

}

.button.conversion:hover, input[type=button]:hover, input[type=submit]:hover {
    border: 0;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
}

.invertedButton input[type=button], .invertedButton input[type=submit], .invertedButton .button.conversion {
    background-color: #fff;
}

.invertedButton input[type=button]:hover, .invertedButton input[type=submit]:hover, .invertedButton .button.conversion:hover {
    color: #fff;
}

p {
    line-height: 1.5;
}

.textColumn2 {
    column-count: 2;
    column-fill: auto;
    min-height: 3rem;
}

.textColumn2 p {
    margin: 0;
}

hr {
    border: 1px solid #EBEDED;
    margin: 2rem 0;
}

.fullImage img {
    width: 100%;
}

.material-icons {
    vertical-align: middle;
}

.entryContent ol li {
    list-style: decimal;
    list-style-position: inside;
}

.box_h_max {
    height: auto;
}

.paddingWrap {
    padding: 2rem 0;
}

.backgroundContain {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.pointer {
    cursor: pointer;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.languageSwitch {
    display: flex;
    justify-content: flex-end;
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.languageSwitch .langLink a.active{
    font-weight: bold;
}

.languageSwitch .langLink a {
    transition: all 0.3s;
}
.headerLogo {
    font-size: 2rem;
    font-weight: 700;
}

.blog-4.headerLogo {
    font-size: 1.8rem;
}

.headerLogo a {
    color: #4B4B4D;
}

.multisiteMenuIcon {
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 1rem;
    cursor: pointer;
}

.qmenu.multisiteMenu img {
    max-width: 100%;
}

#multisiteMobileMenu.mobNav ul {
    padding: 0;
}

#multisiteMobileMenu.mobNav {
    text-align: left;
    height: 100%;
}

.multisiteMenu.qmenu a {
    color: #4B4B4D;
    font-weight: bold;
}

.mobNav.left .inside {
    padding: 1rem 2.5rem;
}

.mobNav .multisiteMenu li {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1.5rem 0px;
    border-bottom: 2px dashed #EBEDED;
    height: 70px;
    display: flex;
    align-items: center;
    margin: 0;
}

.mobNav .multisiteMenu li:last-child {
    border: none;
}

.mobNav .close {
    margin: 0;
}

.siteHeader.navUp {
    top: -114px;
}

div#headerMobile {
    display: none;
}

.menuBar {
    width: 1rem;
    border: 1px solid #4B4B4D;
    border-radius: 15px;
    transition: all 0.3s;
}

.menuBar:nth-child(2) {
    width: 0.625rem;
}

.multisiteMenuIcon:hover .menuBar {
    border-color: var(--main-color);
}

.multisiteMenuIcon:hover .menuBar:nth-child(2) {
    width: 1rem;
}

.right .wideNav li {
    font-size: 1rem;
    font-weight: 700;
}

.qmenu a {
    color: rgba(52, 54, 56, 0.5);
}

.entryContent ol, .entryContent ul {
    margin-left: 0;
    padding-left: 0;
}

.entryContent ul li {
    list-style: disc inside;
    line-height: 1.5;
}

.entryContent img {
    width: 100%;
    height: auto;
    margin: 4rem 0;
}

.entryContent img.size-medium, .entryContent img.size-thumbnail, .entryContent img.size-large {
    width: auto;
}

.socialLinksWrapper .item {
    margin-right: 1rem;
}

.headerHover {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
}

.headerHover .mainWrap {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.headerHover .flexContainer {
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;

    margin: 0 auto;
}

form.searchForm.qthemeForm {
    width: 50%;

}

form.searchForm input[name=search] {
    border: 2px solid #cccccc;
}

.searchClose {
    transition: all 0.3s;
    cursor: pointer;
    font-size: 2rem;
}

.searchForm .searchIcon {
    transition: all 0.3s;
    cursor: pointer;
    margin-left: 1rem;
}

/*--------------------------------------------------------------
Stripes
--------------------------------------------------------------*/
.stripe {
    overflow: hidden;
}

.stripeTitle .inside h1 {
    font-size: 2rem;
    line-height: 2.5rem;
}

.stripeTitle .inside h2 {
    font-size: 1.8rem;
    line-height: 2.5rem;
}

.stripeTitle .inside h3 {
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.stripeTitle .inside h4 {
    font-size: 1.3rem;
}

.font_color_light .stripeTitle .inside h4, .font_color_light h3 {
    color: #fff;
}

.stripe.align_wrapper_all .box_w_13.box_type_text {
    width: 27%;
}

.stripe.align_wrapper_all .box_last.box_type_text.box_w_13, .stripe.align_wrapper_right .box_last.box_type_text.box_w_13 {
    margin-left: 2.5%;
}

.stripe.align_wrapper_all .box_first.box_type_text.box_w_13, .stripe.align_wrapper_left .box_first.box_type_text.box_w_13 {
    margin-right: 2.5%;
}

.font_color_light h1, .font_color_light h2, .font_color_light h3 {
    color: #fff;
}

.stripe.align_wrapper_all.stripeMargin .box_first, .stripe.align_wrapper_left.stripeMargin .box_first {
    margin-left: 5%;
    padding-left: 0;
    margin-right: 2.5%;
}

.stripe.align_wrapper_all.stripeMargin .box_last, .stripe.align_wrapper_left.stripeMargin .box_last {
    margin-right: 5%;
    padding-right: 0;
    margin-right: 2.5%;
}

.stripe.align_wrapper_all.stripeMargin .box_w_12 {
    width: 42.5%;
}

/*--------------------------------------------------------------
Boxes
--------------------------------------------------------------*/
.box {
    position: relative;
    z-index: 0;
}

.stripe .box .overlay {
    z-index: -1;
}

.boxHeader {
    margin-bottom: 2rem;
}

.boxHeader a {
    color: inherit;
}


.iconWrap.iconWrap_top {
    flex-direction: column;
    align-items: flex-start;
}

.iconWrap_top i, .iconWrap_top svg {
    margin-bottom: 1rem;
}

.qsliderWrap.qsliderDefault {
    position: relative;
}

.qsliderArrows {
    text-align: right;
    margin-bottom: 1rem;
    right: 0;
    top: -5rem;
    position: absolute;
}

.qsliderDots li:hover, .qsliderDots li.slick-active {
    background: #95171c;
}

.box .inside > * {
    margin-top: 1.2rem;
}

/*--------------------------------------------------------------
Timeline Box
--------------------------------------------------------------*/
.tlCol {
    width: 50%;
    box-sizing: border-box;
}

.backgroundCover.tlImage {
    position: relative;
    height: 100%;
}

.timelineContainer {
    position: relative;
    margin: 0 !important;
    padding: 5rem 0;
}

.timelineContainer:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #ccc;
    top: 0;
    transform: translateX(-50%);
}

.tlDate {
    position: absolute;
    top: -0.5rem;
    left: 50%;
    padding-left: 5%;
    font-size: 1.5rem;
    color: #4B4B4D;
    display: flex;
    align-items: center;
}

.tlDate i {
    margin-left: 0.5rem;
    font-size: 2rem;
    transition: all 0.3s;
}

.tlDate.tlDateActive {
    color: #95171C;
}

.dateDot {
    width: 2rem;
    height: 2rem;
    position: absolute;
    background-color: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.tlOpener {
    cursor: pointer;
    transition: all 0.3s;
}

.timelineDateContainer.tlDateActive i {
    transform: rotate(180deg);
}

.timelineDateContainer:hover, .timelineDateContainer:hover .tlDate, .timelineDateContainer.tlDateActive, .timelineDateContainer.tlDateActive .tlDate {
    color: #95171C;
}

.timelineDateContainer:hover .dateDot, .timelineDateContainer.tlDateActive .dateDot {
    border: 4px solid;
    color: #95171C;
}

.tlContent.flexContainer {
    justify-content: space-between;
    align-items: stretch;
    overflow-y: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out;

}

.tlContent.flexContainer.tlOpen {
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
}

.tlTextContainer.tlCol {
    padding-right: 5%;
}

.timelineContainer:last-child {
    padding: 0;
}

.backgroundContain.tlImage {
    height: 100%;
    position: relative;
}

.timelineContainer:last-child .tlContent.tlOpen {
    padding: 5rem 0;
}

.tlMediaContainer.tlvideo.tlCol, .tlMediaContainer.tlimage.tlCol {
    padding-left: 5%;
}

.tlVideo {
    position: relative;
    height: 100%;
}

.tlVideo .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.tlVideo .boxContent.boxVideo {
    height: 100%;
}

.tlVideo .boxContent.boxVideo .backgroundCover {
    height: 100%;
}

/*--------------------------------------------------------------
Box luoghi
--------------------------------------------------------------*/
#luoghiMap {
    height: 40rem;
}
div#mapFilters {
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    border-bottom: 2px dashed #EBEDED;
}

div#mapFilters .flexContainer {
    margin-right: 2rem;
}
.locationImage.backgroundCover {
    height: 10rem;
}

#luoghiMap .gm-style .gm-style-iw-c {
    padding: 0 !important;
    border-radius: 0 !important;
}

#luoghiMap .gm-style .gm-style-iw-d {
    overflow: auto !important;
}

#luoghiMap .gm-style-iw-d > div {
    width: 100%;
    background-color: #F6F8F9;
}

button.gm-ui-hover-effect {
    background-color: #fff !important;
    top: 0 !important;
    right: 0 !important;
    transition: all 0.3s !important;
}

.luoghiDetails h4 {
    margin: 0;
    padding: 1rem 0;
}

.luoghiDetails .excerpt {
    margin-bottom: 1rem;
}

.luoghiDetails .button {
    margin-left: -10px;
    margin-top: 1rem;
}

.luoghiDetails .flexContainer i {
    margin-left: -5px;
    margin-right: 5px;
}

.luoghiDetails .flexContainer a {
    color: #a6adb4;
    word-break: break-all;
}

.luoghiDetails .flexContainer {
    margin-bottom: 5px;
}

.luoghiDetails .button i {
    margin-right: 0;
}
.luoghiDetails {
    word-break: break-all;
}
.luoghiDetails h6{
    padding-top:1rem;
}
.luoghiDetails > div {
    margin-bottom: 0.5rem;
}
/*--------------------------------------------------------------
News loop
--------------------------------------------------------------*/
.newsSlider .qslider .slick-track {
    align-items: stretch;
    justify-content: space-between;
}

.slick-list.draggable {
    overflow: visible;
}

.newsThumb.backgroundCover {
    height: 12rem;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
}

.newsLoop {
    background-color: #F6F8F9;
    border-radius: 6px;
    box-sizing: border-box;
    margin-right: 1%;
    height: auto;
}

.newsContentContainer {
    padding: 3rem;
}

h3.newsTitle a {
    color: #4B4B4D;
}

.newsExcerpt {
    margin-bottom: 2rem;
    font-size: 1.1rem;
}

.relatedContainer.newsRelated {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.relatedContainer.newsRelated .newsLoop {
    width: 30%;
}

/*--------------------------------------------------------------
Progetto loop
--------------------------------------------------------------*/
.progettoLoop {
    height: 26rem;
    margin-bottom: 2.5rem;
    position: relative;
    z-index: 0;
    border-radius: 6px;
    background-size: 100%;
    transition: all 0.3s;
}

.progettoLoop:hover {
    background-size: 130%;
}

.progettoLoop .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
    border-radius: 6px;
}

.progettoContainer {
    padding: 2.5rem;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
}

.progettoTerms {
    font-weight: bold;
}

.progettoLoop .progettoTerms a {
    color: #fff;
}

.progettoLoop h3.progettoTitle {
    color: #fff;
}

/*--------------------------------------------------------------
Multimedia stripe
--------------------------------------------------------------*/
.multimediaBox {
    position: relative;
    margin-right: 3rem;
}

.multimediaSlider {
    position: relative;
}

.multimediaSlider i.material-icons.slick-arrow {
    position: absolute;
    top: -4rem;
    right: calc(5% + 1.5rem);
    font-size: 2rem;
}

.multimediaSlider i.slick-arrow.prev {
    right: calc(3% + 5rem);
}

i.material-icons.slick-arrow.slick-disabled {
    color: rgba(75, 75, 77, 0.6);

}

.multimediaBox.multimediaImage .backgroundCover, .multimediaBox.multimediaVideo .boxVideo {
    height: 24rem;
}

.multimediaBox.multimediaVideo .boxVideo .backgroundCover {
    height: 100%;
    position: relative;
}

section#multimedia {
    background-color: #202124;
}

.multimediaVertical .multimediaBox.multimediaImage .backgroundCover {
    height: 30rem;
    background-size: contain !important;
}

/*--------------------------------------------------------------
Single
--------------------------------------------------------------*/
main.postContent.entryContent {
    margin-bottom: 8rem;
}

/*--------------------------------------------------------------
News single
--------------------------------------------------------------*/
.newsHeader.flexContainer {
    align-items: stretch;
}

.newsHeader h1.postTitle {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.newsHeader .postHeader {
    margin-bottom: 1rem;
}

.newsHeader h1.postTitle {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.newsHeader .postHeader {
    margin-bottom: 1rem;
}

.newsDate {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1rem;
}

.newsDate i {
    margin-right: 0.5rem;
}

.newsImage {
    height: 25rem;
    margin-bottom: 2.5rem;
    border-radius: 6px;
}

.newsContent {
    justify-content: space-between;
    align-items: flex-start;
}

aside .thumbCaption {
    color: #4B4B4D;
}

/*--------------------------------------------------------------
Approfondimento single
--------------------------------------------------------------*/
.approfondimentoImage.backgroundCover {
    height: 30rem;
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.approfondimentoWrap.paddingWrap {
    padding-top: 0;
}

.overlay.approfondimentoOverlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.single-approfondimento h1.postTitle, .single-progetto h1.postTitle {
    color: #fff;
    font-size: 2.8rem;
    text-transform: uppercase;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    line-height: 3.5rem;
}

header.postHeader.contentWrap {
    z-index: 2;
}

.approfondimentoTags {
    color: #fff;
    z-index: 2;
}

.approfondimentoTags a {
    color: #fff;
}

span.approfondimentoTag {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0.5rem;
}

span.approfondimentoTag i {
    margin-right: 0.5rem;
}

.approfondimentoContent .leftCol {
    width: 30%;
    padding-right: 3rem;
    box-sizing: border-box
}

.approfondimentoContent .rightCol {
    width: 65%;
    padding-left: 3rem;
    box-sizing: border-box;
    border-left: 2px solid #EBEDED;
    margin-bottom: 6rem;
}


.flexContainer.approfondimentoContent {
    align-items: flex-start;
    justify-content: space-between;
}

.approfondimentoContent {
    margin-top: 5rem;
}

.authorHeader {
    display: flex;
    margin-bottom: 1rem;
    flex-direction: row;
    align-items: center;
}

.backgroundCover.authorThumb {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1rem;
}

.approfondimentoNext {
    position: absolute;
    bottom: 1rem;
    right: calc(5% + 1.5rem);
    color: #fff;
    border: 2px dashed #fff;
    border-radius: 6px;
    max-width: 25%;
}

.nextContainer {
    padding: 2rem;
}

.nextStoryTitle.flexContainer {
    margin-bottom: 1rem;
    justify-content: space-between;
}

.approfondimentoNext a {
    color: #fff
}

/*--------------------------------------------------------------
Evento single
--------------------------------------------------------------*/
.infoHeader.flexContainer {
    justify-content: space-between;
    align-items: stretch;
}

.flexContainer.eventoContainer {
    align-items: flex-start;
    justify-content: space-between;
}

.eventoContainer .newsImage {
    margin: 0 0 3rem 0;
    position: relative;
}

.flexContainer.eventDetail {
    align-items: flex-start;
    margin: 1rem 0;
    color: #4B4B4D;
}

.flexContainer.eventDetail p {
    margin: 0 0 0 0.5rem;
}

.dateTimePlaceDetails {
    text-align: right;
    font-size: 2rem;
    color: #202124;
}

.dateTimePlaceDetails .luogo {
    font-size: 1rem;
    color: #95171C;
}

.dateTimePlaceDetails time.dt-start, .dateTimePlaceDetails time.dt-end {
    text-transform: capitalize;
}

.dateTimePlaceDetails .luogo p {
    margin: 0.5rem 0 0;
}

.dateTimePlaceDetails .luogo p.indirizzoLuogo {
    margin: 0 0 0.5rem;
    color: #A6ADB4;
}

.dateTimePlaceDetails {
    margin-bottom: 4rem;
}

.dateTimeMobile {
    text-align: left;
    display: none;
}

.rassegna .eventoThumb {
    display: none;
}

.rassegna .eventoContentContainer.leftCol {
    width: 100%;
}

.rassegna .eventoContentContainer .eventoExcerpt {
    display: none;
}

.eventoContainer .rightCol > div, .archiveSidebar .sidebarContent, .progettoContent .rightCol > div, .newsDetail {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 2px dashed #EBEDED;
}

.rassegna > p, .luogo p {
    margin-bottom: 1rem;
}

/*--------------------------------------------------------------
Single Page standard
--------------------------------------------------------------*/
.flexContainer.pageContent {
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 5rem;
}

/*--------------------------------------------------------------
Single Progetto
--------------------------------------------------------------*/

.flexContainer.progettoContent {
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 5rem;
}

.progettoContent .leftCol {
    border-right: 2px solid #EBEDED;
    padding-right: 2%;
}

.progettoContent .rightCol {
    padding-left: 2%;
}

.partners {
    margin-top: 4rem;
}

.partnersContent.flexContainer {
    flex-wrap: wrap;
    justify-content: flex-start;
}

img.partnerLogo {
    max-width: 65%;
}

.partnersContent a {
    width: 30%;
    margin-right: 3%;
}

/*--------------------------------------------------------------
Single Attività
--------------------------------------------------------------*/
div#attivitaMap {
    height: 10rem;
    width: 100%;
}

/*--------------------------------------------------------------
Single Fondo
--------------------------------------------------------------*/
.fondoImage {
    height: 35rem;
    position: relative;
}

.fondoHeader {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    color: #fff;
    padding: 3rem;
    box-sizing: border-box;
    position: relative;
}

.fondoHeader:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    z-index: 0;
}

.fondoHeader .box_w_23 {
    z-index: 2;
}
.fondoHeader header {
    padding: 0;
}

.fondoHeader header h1 {
    color: #fff;
    font-size: 4rem;
}
div#fondoTabs ul.ui-tabs-nav li {
    display: inline-block;
    padding: 3rem 3rem 1rem;
    font-size: 1.5rem;
}

div#fondoTabs ul.ui-tabs-nav {
    margin: 0;
    padding: 0;
    position: relative;
}

div#fondoTabs ul.ui-tabs-nav:after, .ui-tabs-panel .stripe:after {
    content: '';
    height: 2px;
    background-image: linear-gradient(90deg, #EBEDED, #EBEDED 60%, transparent 60%, transparent 100%);
    background-size: 12px 2px;
    border: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.ui-tabs-panel .stripe:last-child:after{
    display: none;
}
div#fondoTabs ul.ui-tabs-nav li a {
    color: #CBD0D3;
    position: relative;
}

div#fondoTabs ul.ui-tabs-nav li:hover a, div#fondoTabs ul.ui-tabs-nav li.ui-tabs-active a{
    color: #4B4B4D;
}
div#fondoTabs ul.ui-tabs-nav li:hover a:after, div#fondoTabs ul.ui-tabs-nav li.ui-tabs-active a:after {
    content: '';
    position: absolute;
    bottom: -1rem;
    left: -10%;
    width: 120%;
    background-color: #E30B52;
    height: 3px;
    z-index: 2;
}
.narrowContent {
    width: 75%;
    margin: 5rem auto 2rem;
}
.narrowContent .stripe {
    overflow: visible;
}
blockquote{
    margin: 3rem 0;
    position: relative;
}
blockquote:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f10d";
    position: absolute;
    font-size: 4rem;
    left: -5rem;
    color: #EBEDED;
}
div#fondoTabs .qgalleryWrap{
    align-items: flex-start;
}
.audioPlayer {
    width: 100%;
    box-sizing: border-box;
    padding: 3rem 4rem;
    margin: 3rem 0;
    background: #F6F8F9;
}
.audioPlayer p {
    margin: 0;
}

.audioContent {
    width: 50%;
    margin: 0 0 2rem;
}

.audioPlayer .flexContainer {
    justify-content: space-between;
}


.audioPlayer i {
    margin-right: 1rem;
}
.audioPlayer .play, .audioPlayer .pause, .audioPlayer .stop {
    transition: all 0.3s;
    cursor: pointer;
}
.audioPlayer .play:hover, .audioPlayer .pause:hover, .audioPlayer .stop:hover {
    color: #e30b52;
}
.audioPlayer .flexContainer .altPlay, .audioPlayer .flexContainer .duration, .audioPlayer .flexContainer .commands {
    width: 33.3%;
}
.flexContainer.commands {
    justify-content: flex-end;
}
.altPlay {
    text-align: left;
}

.duration {
    text-align: center;
}

/*--------------------------------------------------------------
Archive
--------------------------------------------------------------*/
#pageArchive .postContent {
    margin-bottom: 5rem;
}

div#filterSection {
    display: flex;
    margin-bottom: 3rem;
    position: relative;
}

div#filterSection:after {
    content: '';
    border-bottom: 2px dashed #EBEDED;
    position: absolute;
    bottom: 0;
    width: calc(100% - 3rem);
}

span.preFilterText {
    margin: 1rem 1.5rem 1rem 0;
    color: #4B4B4D;
}

.filterWrap {
    margin: 1rem 1rem 1rem 0;
}

.archiveSidebar .sidebarContent:last-child {
    border-bottom: none;
}

.sidebarContent .buttonsContainer {
    margin-top: 2rem;
}

/*--------------------------------------------------------------
News Archive
--------------------------------------------------------------*/
.newsArchive #archiveReplace {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.newsArchive .newsLoop {
    width: 30%;
    margin-bottom: 4rem;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

.newsArchive .newsLoop:nth-child(3n+1) {
    margin-right: 3%;
    margin-left: 0;
}

.newsArchive .newsLoop:nth-child(3n) {
    margin-right: 0;
    margin-left: 3%;
}

/*--------------------------------------------------------------
Progetti Archive
--------------------------------------------------------------*/
div#archiveWrap.flexContainer {
    align-items: flex-start;
    justify-content: space-between;
}

.progettFilterList {
    flex-direction: column;
}

.progettFilterList .filterItemList {
    display: list-item;
    list-style: none;
    color: #4B4B4D;
}

.progettFilterList .filterItemList:hover, .filterItemList input[type=radio] + label:hover, .filterItemList input[type=radio]:checked + label {
    color: #95171c;
}

/* .progettFilterList .filterItemList:before {
	content: '';
	display: inline-block;
	height: 1rem;
	width: 1rem;
	background-image: url(imgs/public.svg);
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 0.5rem;
	vertical-align: middle;
} */
.archiveProgettiSidebar {
    margin-top: 4rem;
}

.archiveProgettiSidebar .buttonsContainer {
    margin-top: 2rem;
}
/*--------------------------------------------------------------
Archive Fondi
--------------------------------------------------------------*/
.fondoLoop {
    height: 35rem;
    position: relative;
    margin-bottom: 5rem;
}

.fondoLoop:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    z-index: 0;
}
.fondoContainer {
    color: #fff;
    padding: 5rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100% - 10rem);
    z-index: 2;
    position: relative;
}
.fondoLoop .absoluteInRelative {
    z-index: 9;
}
.fondoLoop .fondoContent {
    width: 40%;
}
h3.fondoTitle {
    color: #fff;
    font-size: 2.5rem;
}
.fondoExcerpt {
    margin-bottom: 3rem;
}
/*--------------------------------------------------------------
Archive Biblioteca
--------------------------------------------------------------*/
.archiveBiblioteca .leftCol {
    width: 80%;
}

.bibliotecaNav .mainWrap {
    border-top: 1px solid #EBEDED;
    border-bottom: 1px solid #EBEDED;
    padding-top: 4rem;
    padding-bottom: 1rem;
}

.bibliotecaNavWrap {
    display: flex;
    justify-content: space-between;
    padding: 3rem 0;
}

.bibliotecaNavWrap .item {
    width: 30%;
}

.bibliotecaNavWrap .title {
    font-size: 1.3em;
    font-weight: 700;
    color: #4B4B4D;
    margin-bottom: 2rem;
}

.bibliotecaNavWrap .image {
    width: 100%;
    height: 0;
    padding: 30% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bibliotecaNavWrap .description {
    font-size: 0.9em;
    line-height: 1.2em;
    margin-top: 2rem;
}

.bibliotecaNavWrap .button {
    margin-left: 0;
    margin-top: 2rem;
}

button {
    -webkit-appearance: none !important;
    border: 0;
}
.contentWrap.flexContainer.bibliotecaFiltersContainer {
    margin-bottom: 1rem;
    justify-content: space-between;
    position: relative;
}
.contentWrap.searchReset.flexContainer {
    margin-bottom: 3rem;
    justify-content: flex-end;
}

.contentWrap.searchReset.flexContainer a {
    color: #4B4B4D;
}
.contentWrap.searchReset.flexContainer:hover a {
    color: #E30B52;
}
.contentWrap.searchReset.flexContainer a span {
    margin-left: 1rem;
}
.bibliotecaFiltersContainer  div#filterSection:after {
    display: none;
}
.bibliotecaFiltersContainer:after{
    content: '';
    border-bottom: 2px dashed #EBEDED;
    position: absolute;
    bottom: 0;
    width: calc(100% - 3rem);
}
input#filterTitle {
    border: none;
    background: none;
}

.filterTitleContainer.flexContainer {
    background-color: #F6F8F9;
    border-radius: 6px;
}

.filterTitleContainer.flexContainer button {
    background: none;
}
/*--------------------------------------------------------------
Biblioteca loop
--------------------------------------------------------------*/
.bibliotecaWrapper {
    display: flex;
    flex-wrap: wrap;
}

.biblioBlock {
    width: 48%;
    display: flex;
    height: 300px;
}

.biblioBlock:nth-child(odd) {
    margin-right: 4%;
    margin-bottom: 4%;
}

.biblioBlock .content {
    background: #F6F8F9;
    width: 58%;
    box-sizing: border-box;
    padding: 30px 30px 60px 30px;
    position: relative;
}

.biblioBlock .image {
    width: 42%;
}

.biblioBlock h3 {
    margin-bottom: 10px;
}

.biblioBlock h3 a {
    color: #4B4B4D;
    line-height: 1.2em;
}

.biblioBlock h3 a:hover {
    color: #E30B52;
}

.biblioBlock .red {
    color: #E30B52;
}

.biblioBlock .tags {
    position: absolute;
    bottom: 25px;
    font-size: 14px;
    width: calc(100% - 60px);
}

.biblioBlock .tags a {
    text-decoration: underline;
    margin-left: 20px;
    color: #A6ADB4;
    line-height: 1.5em;
}

.biblioBlock .tags a:hover {
    color: #E30B52;
}

.biblioBlock .tags a:first-child {
    margin-left: 0;
}

.biblioBlock .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.biblioBlock .image a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
a.biblioLink{
    color: #E30B52;
    font-weight: bold;
    text-decoration: underline;
}
a.biblioLink:hover{
    color: #4B4B4D;
}
/*--------------------------------------------------------------
Biblioteca loop alt
--------------------------------------------------------------*/
.biblioBlockAlt.flexContainer {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.biblioBlockAlt.flexContainer h3 a {
    color: #4B4B4D;
    transition: all 0.3s;
}
.biblioBlockAlt.flexContainer h3 a:hover {
    color: #E30B52;
}
.biblioBlockAlt.flexContainer h3 {
    margin-bottom: 0;
}
.biblioBlockAlt.flexContainer .tags {
    margin-top: 1rem;
}
.biblioBlockAlt.flexContainer {
    background: #F6F8F9;
    margin-bottom: 2rem;
    border-radius: 5px;
    padding: 1.5rem 2rem;
    box-sizing: border-box;
}
.biblioBlockAlt.flexContainer .tag {
    text-decoration: underline;
    color: #A6ADB4;
}
.rivistaTabs ul li {
    display: inline-block;
    list-style: none;
    padding: 1rem 2rem;
    font-size: 1.5rem;
}

.rivistaTabs ul {
    margin-left: 0;
    padding-left: 0;
    border-bottom: 1px solid #C7C7C7;
    margin-bottom: 3rem;
}

.rivistaTabs ul li:first-child {
    padding-left: 0;
}

.rivistaTabs ul li a {
    color: #4B4B4D;
}
.rivistaTabs ul li.ui-tabs-active, .rivistaTabs ul li:hover {
    border-bottom: 2px solid #E30B52;
}
i.material-icons.imageOpener {
    cursor: context-menu;
    margin-left: 1rem;
}
.biblioBlockAlt .image {
    position: absolute;
    width: 300px;
    right: 0;
    z-index: 9;
    padding: 5px;
    background-color: #fff;
    top: 3.5rem;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.image.hidden:before {
    content: '';
    position: absolute;
    right: 2.1rem;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #fff;
    top: -8px;
}
.biblioBlockAlt .image img {
    max-width: 100%;
}
/*--------------------------------------------------------------
Biblioteca Single
--------------------------------------------------------------*/
.bibliotecaSingleHeader main.postContent.entryContent{
    margin-bottom: 3rem;
}
.bibliotecaType {
    color: #E30B52;
    font-weight: bold;
    margin-bottom: 20px;
}

.bibliotecaCoverWrap {
    background-color: #EBEDED;
    padding: 50px 0;
    position: relative;
}

.bibliotecaCover {
    width: 100%;
    height: 500px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}
.lensConatiner {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    padding: 20px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.lensConatiner span {
    font-size: 2rem;
}
.bibliotecaCover a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bibliotecaCoverWrap .slideImages {
    display: none;
}

.bibliotecaContent {
    margin-top: 5rem;
}
.periodicoSingle .bibliotecaContent {
    margin-top: 2rem;
}
.periodicoSingle .biblioWidget {
    margin: 5rem 0;
}
.periodicoSingle .biblioContainer .leftCol {
    margin-bottom: 5rem ;
}
.periodicoSingle .biblioContainer .leftCol p:first-child {
    margin-top: 0 ;
}
.bibliotecaPar, .biblioWidget {
    margin-bottom: 3rem;
}

.bibliotecaPar .rifBibCode {
    margin: 1rem 0;
}

.bibliotecaPar .biblioRelUrl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    padding: 1rem;
    border-bottom: 1px solid #C7C7C7;
}

.bibliotecaPar .biblioRelUrl:first-child {
    border-top: 1px solid #C7C7C7;
}

.bibliotecaPar .listItem,
.biblioWidget .listItem {
    margin: 0.5rem 0;
}

.biblioWidget .button {
    margin-left: 0;
}

.biblioWidget .tags a {
    text-decoration: underline;
    margin-left: 20px;
}

.biblioWidget .tags a:first-child {
    margin-left: 0;
}

/*--------------------------------------------------------------
Bibliografia Single
--------------------------------------------------------------*/
.proposteWrapper{
    margin-top: 5rem;
}
.chapterWrapper {
    margin-bottom: 5rem;
}

.chapterItems .item {
    border-bottom: 1px solid #C7C7C7;
    margin-bottom: 2rem;
    padding: 0 1rem 2rem;
}

.chapterItems .item:first-child {
    border-top: 1px solid #C7C7C7;
    padding-top: 2rem;
    margin-top: 2rem
}

.chapterItems .title {
    font-weight: bold;
    margin-bottom: 1rem;
}

.chapterItems .details {
    font-size: 0.9em;
}
.chapterItems .links{
    margin-top: 1rem;
}
.chapterItems .links a{
    font-size: 0.9em;
    text-decoration: underline;
    margin-right: 1rem;
}
.chapterItems .links a:hover{
    color: inherit;
}
.usefullLink{
    display: flex;
    align-items: center;
    margin: 0.7em 0;
}
.usefullLink i{
    margin-right: 0.5em;
}
.usefullLink a{
    font-weight: bold;
    text-decoration: underline;
}
.usefullLink a:hover{
    color: #4B4B4D;
}
.buttonBackWrap{
    margin-top: 3rem;
}
.buttonBackWrap .button{
    margin-left: 0;
}
/*--------------------------------------------------------------
Fondi Single
--------------------------------------------------------------*/
.col4 {
    width: 25%;
    box-sizing: border-box;
}
.col3 {
    width: 33%;
    box-sizing: border-box;
}
.fondiPadding {
    padding: 1rem;
    margin: 0 !important;
}

.box_type_fondiGallery .fondiMedia {
    height: 18rem;
    position: relative;
}

.box_type_fondiGallery .contentWrap.inside {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
/*--------------------------------------------------------------
Periodico Loop
--------------------------------------------------------------*/
.loopPeriodico{
    background: #F6F8F9;
    box-sizing: border-box;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.loopPeriodico .title{
    flex-basis: 65%;
}
.loopPeriodico .type{
    color: #E30B52;
}
.loopPeriodico .title > * {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
Bibliografia Loop
--------------------------------------------------------------*/
.bibliotecaArchive{
    margin-top: 4rem;
}
.bibliotecaArchive #archiveReplace {
    display: flex;
    flex-wrap: wrap;
}
.bibliotecaArchive div#filterSection{
    align-items: center;
    margin-bottom: 0;
}
.bibliotecaArchive h2{
    font-size: 1.7em;
}
.bibliografiaArchive{
    flex-wrap: wrap;
}
.loopBibliografia{
    width: 48%;
    margin-bottom: 8%;
}
.bibliografiaTitleSearch .filterWrap span {
    margin-right: 2rem;
}

.bibliografiaTitleSearch .filterWrap {
    justify-content: flex-end;
}
.loopBibliografia:nth-child(EVEN){
    margin-left: 4%;
}
.loopBibliografia .title {
    margin-bottom: 1.5rem;
}
.loopBibliografia .image{
    width: 100%;
    height: 0;
    padding: 28% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.loopBibliografia .content {
    margin-top: 1.5rem;
}
.loopBibliografia .biblioLink {
    margin-top: 1rem;
    display: inline-block;
}

/*--------------------------------------------------------------
Approfondimento loop
--------------------------------------------------------------*/
.approfondimentoLoop {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 4rem 0;
}

.approfondimentoImageStream {
    width: 50%;
    position: relative;
    min-height: 20rem;
}

.approfondimentoContainer {
    width: 50%;
}

.approfondimentoStreamContent {
    padding: 0.5rem 2.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.approfondimentoStreamContent a {
    color: #4B4B4D;
}

.approfondimentoStreamContent .author h6 {
    display: none;
}

.approfondimentoStreamContent h3.approfondimentoTitle {
    margin: 0;
    padding: 0;
}

/*--------------------------------------------------------------
Evento archive
--------------------------------------------------------------*/
.dateFilterMobile {
    display: none;
}

.rapidDateSelector {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: flex-start;
}

.rapidDate {
    padding: 2rem 0.6rem 1rem 0;
    cursor: pointer;
}

/*--------------------------------------------------------------
Evento loop
--------------------------------------------------------------*/
.infoHeader .buttonsContainer {
    margin-top: 1rem;
    justify-content: flex-end;
}

.infoHeader .rightCol {
    text-align: right;
}

div#filterSection.eventiFilterList {
    align-items: center;
}

.selectedDateViewer {
    margin: 2rem 0;
}

.qthemeSelectWrap .select-selected {
    border: none;
    padding: 1rem 1.2rem;
    margin-right: 1.5rem;
    color: #95171C;
    background-color: transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.qthemeSelectWrap .select-selected.select-arrow-active {
    background-color: #f4f4f4;
}

.qthemeSelectWrap .select-selected:after {
    border: none;
}

.qthemeSelectWrap .select-items div {
    border: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    word-break: break-word;
}

.qthemeSelectWrap .select-items {
    width: 100%;
    z-index: 999;
    max-height: 200px;
    overflow-y: scroll;
}

.qthemeSelectWrap .select-selected{
    min-width: 10rem;
    margin-right: 0;
    padding-right: 1.5rem;
}

.eventoLoop {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 2rem;
}

.eventoThumb {
    height: auto;
    position: relative;
}

.eventoContentContainer .eventoContent {
    padding: 1rem;
    box-sizing: border-box;
    height: 100%;
}

.eventoLoop h3.eventoTitle {
    margin: 1rem 0;
    padding: 0;
}

.eventoDate, .eventoTitle a {
    color: #4B4B4D;
}

/*--------------------------------------------------------------
Highlights
--------------------------------------------------------------*/
.selectorHighlight .eventoThumb {
    display: none;
}

.selectorHighlight .eventoLoop, .selectorHighlight .newsLoop {
    margin-bottom: 0;
    cursor: pointer;
}

.selectorHighlight .newsLoop.mainColor {
    border-left: 10px solid;
}

.selectorHighlight .newsLoop {
    border-radius: 0;
}

.selectorHighlight .eventoLoop.mainColor {
    border-left: 10px solid;
}

.selectorHighlight .itemLoop {
    padding-right: 10px;
}

.mainHighlight {
    width: 60%;
}

.selectorHighlightContainer {
    width: 40%;
}

.selectorHighlight .slick-list.draggable {
    overflow: hidden;
}

.selectorHighlightContainerTitle, .hlArrow {
    display: none;
}

.selectorHighlight .eventoContentContainer {
    width: 100%;
}

.selectorHighlight .newsThumb, .selectorHighlight .newsExcerpt {
    display: none
}

.itemHighlight {
    position: relative;
    height: 100%;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.highlights.flexContainer {
    justify-content: space-between;
    align-items: stretch;
    margin-top: 0;
}

.mainHighlight .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.highlightContainer {
    z-index: 1;
    padding: 6rem;
}

.highlightContent {
    color: #fff;
}

h3.hlTitle {
    color: #fff;
    margin-bottom: 2rem;
    /* border-bottom: 2px solid #fff; */
    font-size: 2rem;
}

.highlightContent .eventoDate {
    color: #fff;
    margin-bottom: 1rem;
}

.selectorHighlight .eventoContentContainer .eventoContent, .selectorHighlight .newsContentContainer {
    padding: 2rem 1rem 2rem 4rem;;
}

.selectorHighlight .eventoLoop, .selectorHighlight .newsLoop {
    position: relative;
    outline: none;
    /* height: 33.3%; */
}

.selectorHighlight .eventoLoop:after, .selectorHighlight .newsLoop:after {
    content: '';
    height: 2px;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 2px dashed #EBEDED;
}

.selectorHighlight .eventoExcerpt {
    font-size: 0.9rem;
}

.selectorHighlight .eventoLoop:last-child {
    border-bottom: none;
}

/*--------------------------------------------------------------
Social feed stream
--------------------------------------------------------------*/
.socialFeed {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    color: #707070;
}

#cff.socialFeed .cff-item {
    width: 30%;
    padding: 0;
    border: none !important;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    padding: 2rem 1rem;
    height: 500px;
    overflow-y: auto;
}

#cff.socialFeed .cff-author-img {
    width: 3rem;
    height: 3rem;
    background: url('imgs/orlando-fb-icon.png') no-repeat
}

#cff.socialFeed .cff-author .cff-page-name, #cff.socialFeed .cff-author .cff-date {
    margin-left: 4rem !important;
}

#cff.socialFeed .cff-author .cff-page-name {
    font-size: 1rem;
    margin-bottom: 1rem;

}

#cff.socialFeed .cff-author .cff-page-name a {
    color: #707070;

}

#cff.socialFeed .cff-author .cff-date {
    margin-top: 1rem !important;
}

#cff.socialFeed .cff-author-img img {
    border-radius: 50%;
}

.fbPosts.flexContainer {
    align-items: flex-start;
    justify-content: space-between;
}

.fbPost {
    position: relative;
    width: 27%;
    padding: 1.5rem;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    transition: all 0.3s;
}

.fbPost:hover {
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
}

.fbPostBody {
    position: relative;

}

.fbPagePic {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    margin-right: 20px;
}

.fbPostHeader.flexContainer {
    margin-bottom: 1.5rem;
}

.fbPageName p a {
    color: #CBD0D3;
}

.fbPageName h5 a {
    color: #4B4B4D;
}

.fbPageName h5 {
    margin-bottom: 0.5rem;
}

.fbPageName p {
    margin-top: 0;
    font-size: 0.8rem;
}

.fbPostContent {
    height: 180px;
    overflow-y: auto;
    margin-bottom: 2rem;
}

.fbPostImage.backgroundCover {
    width: 100%;
    height: 180px;
}

/*--------------------------------------------------------------
Newsletter
--------------------------------------------------------------*/
.newsletterOuterBox {
    margin: 8rem 0;

}

.newsletterBox.flexContainer {
    align-items: stretch;
    width: 100%;
}

.newsletterBoxContainer {
    width: 50%;
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    align-items: flex-start;
}

div#mc_embed_signup {
    width: 50%;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.newsletterBoxContainer .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.newsletterBoxContent {
    width: 100%;
    padding: 2rem 5rem;
    box-sizing: border-box;
    z-index: 2;
}

.newsletterOuterBox h3 {
    padding: 2rem 5rem 0.5rem;
    margin-bottom: 1rem;
    position: relative;
}

.newsletterOuterBox h3:after {
    position: absolute;
    height: 2px;
    width: 40px;
    background-color: #95171c;
    content: '';
    bottom: -0.5rem;
    left: 5rem;
}

input#mce-FNAME, input#mce-EMAIL {
    background: transparent;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    padding: 0.5rem 0rem;
    width: 80%
}


.newsletterBoxContent h1,
.newsletterBoxContent h2,
.newsletterBoxContent h3,
.newsletterBoxContent h4,
.newsletterBoxContent h5,
.newsletterBoxContent h6 {
    color: #fff;
}

.mailchimpContainer {
    flex-grow: 1;
    padding: 2rem 5rem;
}

.mlPrivacy {
    font-size: 0.9rem;
}

.mlPrivacy p {
    margin-top: 0;
}

input:not([type=button]):not([type=submit]), textarea, select {
    background-color: #fff;
    border: 2px solid #EBEDED;
    border-radius: 6px;
}

input.required:not([type=button]):not([type=submit]), textarea.required, select.required {
    border-right: 2px solid #EBEDED;
}

input.required:not([type=button]):not([type=submit]):focus, textarea.required:focus, select.required:focus {
    border-right: 2px solid #000;
}

.mc-field-group {
    margin-bottom: 2rem;
}

label {
    margin-bottom: 1rem;
    display: block;
    color: #4B4B4D;
}

input[type=button], input[type=submit] {
    margin-left: 0;
}

.mlSubscriptionResponse img {
    width: 30px;
}

.mlSubscriptionResponse {
    display: none;
    position: relative;
    margin-top: 2rem;
}

input#mc-embedded-subscribe {
    margin-bottom: 0;
}

span.error {
    color: #95171c;
}

span.ok {
    color: #4B4B4D;
}

/*--------------------------------------------------------------
load more
--------------------------------------------------------------*/
div#navigationWrap {
    text-align: center;
}

/*--------------------------------------------------------------
newsletter footer
--------------------------------------------------------------*/
.newsletterBoxFooter input.required:not([type=button]):not([type=submit]), .newsletterBoxFooter textarea.required, .newsletterBoxFooter select.required {
    background-color: #4B4B4D;
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.newsletterBoxFooter input.required:not([type=button]):not([type=submit]):focus, .newsletterBoxFooter textarea.required:focus, .newsletterBoxFooter select.required:focus {
    border-color: #a6adb4;
}

.newsletterBoxFooter .mailchimpContainer {
    padding: 0;
}

.newsletterBoxFooter div#mc_embed_signup {
    width: 100%;
}

button.subscribeNewsletterFooter {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.2rem;
}

button.subscribeNewsletterFooter i {
    color: #fff;
}

.newsletterBoxFooter div#mc_embed_signup_scroll {
    position: relative;
}


.newsletterBoxFooter .mc-field-group {
    margin-bottom: 1rem;
}

/*--------------------------------------------------------------
Contact form Footer
--------------------------------------------------------------*/

.footerContact input:not([type=button]):not([type=submit]), .footerContact textarea, .footerContact select {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 1rem;
    color: #fff;
}

.footerContact label {
    color: #707579;
    display: flex;
    align-items: center;
}

.footerContact input[type=checkbox] {
    display: block;
    width: auto;
    margin-right: 0.5rem;
}

span.wpcf7-form-control-wrap.acceptance-773 {
    margin-top: 1rem;
    display: block;
}

span.wpcf7-list-item {
    margin: 0;
}

i.material-icons.submitContactForm {
    color: #fff;
    cursor: pointer;
}

span.wpcf7-not-valid-tip {
    margin-top: 0;
    margin-bottom: 1rem;
}

span.loadingIcon img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: none;
}

span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
    color: #95171c;
}

div.wpcf7-mail-sent-ok {
    color: #a6adb4;
}

/*--------------------------------------------------------------
Search page
--------------------------------------------------------------*/
.searchResults.contentWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.searchResults .searchResult {
    width: 30%;
    margin-bottom: 4rem;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

.searchResults .searchResult:nth-child(3n+1) {
    margin-right: 3%;
    margin-left: 0;
}

.searchResults .searchResult:nth-child(3n) {
    margin-right: 0;
    margin-left: 3%;
}

.qthemeSelectWrap {
    background-color: #fff;
    border: 2px solid #EBEDED;
    border-radius: 6px;
}

.registration label {
    display: block !important;
    margin: 1rem 0;
}

/*--------------------------------------------------------------
Association rgistration form
--------------------------------------------------------------*/
.qformField {
    position: relative;
}

.registration .qthemeSelectWrap {
    background-color: #fff;
    border: 2px solid #EBEDED;
    border-radius: 6px;
}

.registration button {
    margin-left: 0;
    transition: 0.5s ease;
    cursor: pointer;
}


.registration label {
    display: block !important;
    margin: 1rem 0;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.siteFooter {
    border-top: 0;
    padding: 1rem 0;
    background-color: #202124;
}

.footerWrap svg {
    fill: #fff;
}

ul.footerMenu li {
    list-style: none;
    display: inline-block;
    margin-right: 2rem;
}

ul.footerMenu li a {
    color: #fff;
}

.preFooterContainer {
    background-color: #4B4B4D;
    align-items: flex-start;
    justify-content: space-between;
}

/* .preFooterContainer > div {
    width: 25%;
} */
.footerNewsletter .socialLinksWrapper {
    margin-top: 2rem;
}

.preFooterContainer h5 {
    color: #a6adb4;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.preFooter {
    background-color: #4B4B4D;
    padding: 2.5rem 0;
}

.preFooter a {
    color: #fff;
}

.footerLogos a {

    font-size: 3rem;
    margin-bottom: 2rem;
}

.footerLogos {
    display: flex;
    flex-direction: column;
}

ul.preFooterMenu {
    -moz-column-count: 3;
    -moz-column-gap: 1.5rem;
    -webkit-column-count: 3;
    -webkit-column-gap: 1.5rem;
    column-count: 3;
    column-gap: 1.5rem;
    padding-left: 0;
    margin-top: 0;
}

ul.preFooterMenu li {
    list-style: none;
    margin-bottom: 1rem;
}

/*--------------------------------------------------------------
Zoom meetings
--------------------------------------------------------------*/
.flexContainer.dpn-zvc-single-content-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 5rem 0;
}

.dpn-zvc-single-content-wrapper .deepn-zvc-single-featured-img img {
    object-fit: cover;
    height: 15rem;
    object-position: center;
}

.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-join-link, .dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn{
    text-transform: none;
    color: #4B4B4D;
    font-weight: 700;
    color: #fff;
    border: 0;
    border-radius: 6px;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-join-link:hover, .dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn:hover{
    border: 0;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell {
    border-radius: 6px;
}

.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile {
    border-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box {
    border-radius: 6px;
}

.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
/*--------------------------------------------------------------
10.0 Responsive
--------------------------------------------------------------*/
@media all and (max-width: 1690px) {
}

@media all and (max-width: 1280px) {
}

@media all and (max-width: 1366px) {
    .blog-4.headerLogo, .blog-5.headerLogo {
        font-size: 1.3rem;
    }
}

@media all and (max-width: 1024px) {
    .mobMenuIcon, .menuMobileCall {
        display: none;
    }

    .wideNav {
        display: block;
    }

    .colsWrap {
        display: block;
    }

    .leftCol {
        width: 65%;
    }

    .rightCol {
        width: 35%;
        margin-top: 0;
    }

    /*--------------------------------------------------------------
    Stripes
    --------------------------------------------------------------*/
    .stripe {
        overflow-x: auto;
    }

    /*--------------------------------------------------------------
    Boxes
    --------------------------------------------------------------*/
    .qsliderArrows {
        right: 3rem;
    }

    .slick-arrow {
        cursor: pointer;
    }

    .box_type_highlights {
        padding: 0 !important;
    }

    .socialFeed {
        justify-content: space-between;
    }

    #cff.socialFeed .cff-item {
        margin: 0 1.5%;
    }

    .qsliderArrows {
        right: 0;
    }

    /*--------------------------------------------------------------
    Archive
    --------------------------------------------------------------*/
    form#archiveForm {
        margin-top: 2rem;
    }

    div#filterSection {
        flex-direction: column;
    }

    /* .page-template-page-archive-eventi div#filterSection{
        flex-direction: row;
    } */
    .eventoThumb {
        height: auto;
    }

    .approfondimentoNext {
        display: none;
    }

    /*--------------------------------------------------------------
    Biblio loop alt
    --------------------------------------------------------------*/
    i.material-icons.imageOpener {
        display: none;
    }

    /*--------------------------------------------------------------
    Biblio archive
    --------------------------------------------------------------*/
    .contentWrap.flexContainer.bibliotecaFiltersContainer {
        align-items: flex-end;
    }

    /*--------------------------------------------------------------
    Bibliografie archive
    --------------------------------------------------------------*/
    .loopBibliografia {
        width: 100%;
        margin-bottom: 5rem;
    }
    .loopBibliografia:nth-child(EVEN){
        margin-left: 0 !important;
    }
    /*--------------------------------------------------------------
    Footer
    --------------------------------------------------------------*/
    .preFooterContainer {
        flex-wrap: wrap;
    }

    .preFooterContainer > div {
        width: calc(50% - 3rem);
    }
}

@media all and (max-width: 800px) {
    .mobMenuIcon, .menuMobileCall {
        display: block;
    }

    .wideNav {
        display: none;
    }

    .leftCol {
        width: 100%;
        box-sizing: border-box;
    }

    .rightCol {
        width: 100%;
        margin-top: 0;
        box-sizing: border-box;
    }

    .footerWrap {
        flex-wrap: wrap;
    }

    .footerWrap > * {
        width: 100%;
    }

    .footerWrap .right {
        margin-top: 2rem;
    }

    /*--------------------------------------------------------------
    Header
    --------------------------------------------------------------*/
    .searchForm {
        display: none;
    }

    form.searchFormMobile.qthemeForm {
        margin: 1.25rem 0 0 0;
        padding: 0 calc(5% + 1.5rem) 1.25rem;
    }

    form.searchFormMobile input {
        -webkit-appearance: none;
    }

    .right.mainWrap.headerNav {
        text-align: right;
        border-top: 1px solid #cccccc;
        padding: 0.5rem 0;
    }

    .qthemeNav.navWrapper {
        display: inline-block;
    }

    .headerInside.headerMobile .headerNav {
        display: none;
    }

    div#headerMobile {
        display: block;
        position: relative;
    }

    div#headerMobile {
        border-top: 1px solid #cccccc;
    }

    div#headerMobile .contentWrap {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 0.5rem 1.5rem;
    }

    .menuMobileCall {
        margin-right: 0.5rem;
    }

    nav#mobileMenu {
        position: fixed;
        width: 100%;
        text-align: left;
        top: 114px;
        box-shadow: none;
        background-color: #F6F8F9;
    }

    nav#mobileMenu .inside {
        padding: 0;
    }

    nav#mobileMenu .close {
        display: none;
    }

    #mobileMenu ul {
        padding: 0;
    }

    #mobileMenu li {
        font-size: 1.1rem;
        font-weight: bold;
        margin: 1.25rem 0 0 0;
        padding: 0 calc(5% + 1.5rem) 1.25rem;
        border-bottom: 1px solid #ccc;
    }

    .menu-menu-1-container {
        width: 100%;
    }

    /*--------------------------------------------------------------
    Stripes
    --------------------------------------------------------------*/
    .stripe {
        overflow-x: hidden;
    }

    .rightCol > div {
        margin-top: 2rem;
    }

    /*--------------------------------------------------------------
    Box
    --------------------------------------------------------------*/
    .stripe.align_wrapper_all .box_last.box_type_text.box_w_13, .stripe.align_wrapper_right .box_last.box_type_text.box_w_13 {
        margin-left: 0;
    }

    .stripe.align_wrapper_all.stripeMargin .box_first, .stripe.align_wrapper_left.stripeMargin .box_first {
        margin-left: 0;
        padding-left: 0;
        margin-right: 0;
    }

    .stripe.align_wrapper_all.stripeMargin .box_last, .stripe.align_wrapper_left.stripeMargin .box_last {
        margin-right: 0;
        padding-right: 0;
        margin-right: 0;
    }

    /*--------------------------------------------------------------
    Highlight box
    --------------------------------------------------------------*/
    .mainHighlight {
        width: 100%;
    }

    .selectorHighlight {
        width: 100%;
    }

    .selectorHighlight .eventoLoop.mainColor {
        border: 0;
    }

    .highlights.flexContainer {
        flex-direction: column;
    }

    .selectorHighlightContainer {
        width: 100%;
        position: relative;
        display: none;
    }

    .mainHighlight {
        position: relative;
    }

    .mainHighlight .qsliderArrow {
        position: absolute;
        z-index: 99999;
        top: 50%;
        transform: translateX(50%);
        color: #fff;
        font-size: 3rem;
    }

    .mainHighlight .qsliderArrow.qsliderNext.slick-arrow {
        right: 15px;
    }

    .mainHighlight .qsliderArrow.qsliderPrev.slick-arrow {
        left: -35px;
    }

    .selectorHighlightContainerTitle {
        display: block;
        margin-top: 3rem;
    }

    .hlArrow {
        display: block;
    }

    .qsliderArrows.hlArrow {
        top: 3rem;
    }

    .selectorHighlight .eventoLoop, .selectorHighlight .newsLoop {
        border: none;
    }

    h3.hlTitle {
        word-break: break-word;
    }

    /*--------------------------------------------------------------
    Social stream box
    --------------------------------------------------------------*/
    #cff.socialFeed .cff-item {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        margin-bottom: 3rem;
    }

    .socialFeed {
        flex-direction: column;
    }

    /*--------------------------------------------------------------
    Stripe stream
    --------------------------------------------------------------*/
    .newsArchive .newsLoop, .newsArchive .newsLoop:nth-child(3n+1), .newsArchive .newsLoop:nth-child(3n) {
        width: 100%;
        margin: 1rem 0;
    }

    .page-template-page-archive-eventi div#filterSection {
        flex-direction: column;
        align-items: flex-start;
    }

    .infoHeader .rightCol {
        text-align: left;
    }

    .eventoThumb {
        height: 10rem;
    }
    /*--------------------------------------------------------------
    Biblio loop alt
    --------------------------------------------------------------*/

    .biblioBlockAlt.flexContainer {
        justify-content: space-between;
        align-items: flex-end;
    }

    .biblioBlockAlt .content {
        margin-bottom: 2rem;
    }
    /*--------------------------------------------------------------
    Mappa
    --------------------------------------------------------------*/
    #mappa .mainWrap, #mappa .contentWrap {
        padding: 0;
    }

    div#mapFilters {
        align-items: flex-start;
    }

    div#mapFilters .flexContainer {
        align-items: flex-start;
    }

    .qthemeSelectWrap .select-selected {
        background: transparent;
    }

    .qthemeSelectWrap .select-selected {
        padding: 1rem 0.5rem ;
    }

    .qthemeSelectWrap .select-items div {
        word-break: break-word;
    }

    /*--------------------------------------------------------------
    Evento archive
    --------------------------------------------------------------*/
    .dateFilterMobile {
        display: block;
        margin-bottom: 3rem;
    }

    .page-template-page-archive-eventi div#filterSection, .page-template-page-archive-attivita div#filterSection {
        flex-wrap: wrap;
        margin-top: 2rem;
        align-items: flex-start;
    }

    .page-template-page-archive-eventi span.preFilterText, .page-template-page-archive-attivita span.preFilterText {
        width: auto;
    }

    .page-template-page-archive-eventi .filterWrap, .page-template-page-archive-attivita .filterWrap {
        margin: 0 1rem 0 0;
    }

    .rapidDateSelector {
        position: fixed;
        z-index: 3;
        background-color: #fff;
        left: 0;
        width: 100%;
        margin: 0;
        display: none;
    }

    .rapidDate {
        padding: 1rem 1rem 1rem 1.5rem;
        cursor: pointer;
    }

    .overlay.hidden {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 2;
    }

    .hello-week {
        position: fixed;
        top: 50%;
        z-index: 3;
        background-color: #fff;
        left: 0;
        padding: 1rem 0 !important;
        transform: translateY(-50%);
        display: none;
    }

    /*--------------------------------------------------------------
    Fondo Archive
    --------------------------------------------------------------*/
    .fondoContainer {
        padding: 1rem;
    }

    .fondoLoop .fondoContent {
        width: 100%;
    }

    .fondoLoop {
        height: 30rem;
    }

    /*--------------------------------------------------------------
    Archive
    --------------------------------------------------------------*/
    div#archiveWrap.flexContainer {
        flex-direction: column;
    }

    div#archiveWrap.flexContainer .leftCol {
        order: 2;
    }

    div#archiveWrap.flexContainer .rightCol {
        order: 1;
    }

    #pageArchive .postContent {
        margin-bottom: 2rem;
    }

    span.preFilterText h4 {
        margin-bottom: 0;
    }

    /*--------------------------------------------------------------
    Eventi single
    --------------------------------------------------------------*/
    .flexContainer.eventoContainer {
        flex-direction: column;
    }

    .dateTimeMobile {
        display: block;
    }

    .dateTimeDesktop {
        display: none;
    }

    /*--------------------------------------------------------------
    Approfondimento single
    --------------------------------------------------------------*/
    .single-approfondimento h1.postTitle, .single-progetto h1.postTitle {
        width: 100%;
    }

    .approfondimentoImageStream, .approfondimentoContainer {
        width: 100%;
    }

    .approfondimentoStreamContent {
        padding: 3rem 0;
    }

    .approfondimentoStreamContent h3.approfondimentoTitle {
        margin-bottom: 1.5rem;
    }
    /*--------------------------------------------------------------
    Approfondimento Loop
    --------------------------------------------------------------*/
    .approfondimentoContent .leftCol {
        width: 100%;
        padding-right: 0;
        margin-bottom: 4rem;
    }

    .approfondimentoContent .rightCol {
        width: 100%;
        padding-left: 0;
    }
    /*--------------------------------------------------------------
    Progetto single
    --------------------------------------------------------------*/
    .flexContainer.progettoContent {
        flex-direction: column;
    }

    .progettoContent .leftCol {
        border: 0;
        padding-right: 0;
    }

    /*--------------------------------------------------------------
    Sidebar
    --------------------------------------------------------------*/
    .eventoContainer .rightCol > div, .archiveSidebar .sidebarContent, .progettoContent .rightCol > div, .newsDetail {
        margin-bottom: 0;
    }

    /*--------------------------------------------------------------
    Newsletter box
    --------------------------------------------------------------*/
    .newsletterBox.flexContainer {
        flex-direction: column;
    }

    .newsletterBoxContainer {
        width: 100%;
    }

    div#mc_embed_signup {
        width: 100%;
    }

    .newsletterBoxContainer {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    div#mc_embed_signup {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .newsletterBoxContainer .overlay {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    /*--------------------------------------------------------------
    Fondi single
    --------------------------------------------------------------*/

    .narrowContent {
        width: 100%;
    }

    .fondoImage {
        height: 30rem;
    }

    .narrowContent .stripe, .narrowContent .contentWrap {
        padding: 2rem 0;
    }

    blockquote:before {
        font-size: 3rem;
        left: -3.5rem;
    }

    .audioPlayer {
        padding: 3rem 2rem;
    }

    .audioContent {
        width: 100%;
    }

    .audioPlayer .flexContainer .altPlay, .audioPlayer .flexContainer .duration, .audioPlayer .flexContainer .commands {
        width: 100%;
        text-align: left;
        margin-bottom: 1rem;
    }

    .flexContainer.commands {
        flex-direction: row !important;
        justify-content: center;
        margin: 2rem 0;
        font-size: 1.5rem;
    }

    .audioPlayer .play, .audioPlayer .pause, .audioPlayer .stop {
        margin: 0 1rem;
    }
    .qgalleryWrap.col3 .imageWrap {
    width: 100%;
}
    /*--------------------------------------------------------------
    Facebook stream
    --------------------------------------------------------------*/
    .fbPost {
        width: calc(100% - 3rem);
        margin-bottom: 3rem;
    }

    .fbPostContent {
        height: auto;
    }

    .fbPostHeader.flexContainer {
        flex-direction: row !important;
    }

    /*--------------------------------------------------------------
    Search results
    --------------------------------------------------------------*/
    .searchResults .searchResult, .searchResults .searchResult:nth-child(3n+1), .searchResults .searchResult:nth-child(3n) {
        width: 100%;
        margin: 1rem 0;
    }
}
@media all and (max-width: 700px) {
    .archiveBiblioteca .leftCol {
        width: 100%;
    }

    .bibliotecaNavWrap .item {width: 100%;margin-bottom: 2rem;}

    .bibliotecaNavWrap {
        flex-direction: column;
    }

    .bibliotecaArchive div#filterSection {
        align-items: flex-start;
    }

    .biblioBlock {
        width: 100%;
        margin-right: 0 !important;
        flex-direction: column-reverse;
        margin-bottom: 2rem !important;
    }

    .biblioBlock .content {
        width: 100%;
    }

    .biblioBlock .image {
        width: 100%;
        height: 180px;
    }

}
@media all and (max-width: 480px) {
    .navWrapper .searchForm, .navWrapper .socialLinks, .navWrapper .languageSwitch {
        display: none;
    }

    /*--------------------------------------------------------------
    General
    --------------------------------------------------------------*/
    #main .flexContainer {
        flex-direction: column;
    }

    .box_w_13, .box_w_23 {
        width: 100%;
        margin-bottom: 1rem;
        box-sizing: border-box;
    }

    /*--------------------------------------------------------------
    Header
    --------------------------------------------------------------*/
    #multisiteMobileMenu.mobNav {
        width: 100%;
    }

    /*--------------------------------------------------------------
    Highlight box
    --------------------------------------------------------------*/
    .highlightContainer {
        padding: calc(1.5rem + 5%);
    }

    /*--------------------------------------------------------------
    Multimedia box
    --------------------------------------------------------------*/
    .multimediaSlider i.material-icons.slick-arrow {
        top: -4rem;
    }

    .multimediaSlider {
        margin-top: 2rem !important;
    }

    /*--------------------------------------------------------------
    Newsletter box
    --------------------------------------------------------------*/
    .newsletterBoxContent, .mailchimpContainer, .newsletterOuterBox h3 {
        padding: 2rem;
    }

    .newsletterOuterBox h3:after {
        left: 2rem;
    }

    /*--------------------------------------------------------------
    Single Event
    --------------------------------------------------------------*/
    .dateTimePlaceDetails {
        text-align: left;
    }

    .dateTimePlaceDetails {
        text-align: left;
    }

    /*--------------------------------------------------------------
    Single News
    --------------------------------------------------------------*/
    .textColumn2 {
        column-count: 1;
    }

    .relatedContainer.newsRelated .newsLoop {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 2rem;
    }

    .relatedContainer.newsRelated {
        flex-direction: column;
    }

    /*--------------------------------------------------------------
    Single progettoContainer
    --------------------------------------------------------------*/
    div#progettoHeader.mainWrap {
        padding: 0;
    }

    div#progettoHeader.mainWrap .contentWrap {
        padding: 0;
    }

    div#progettoHeader.mainWrap .contentWrap header.postHeader.contentWrap {
        padding: 0 5%;
    }

    div#progettoHeader.mainWrap .contentWrap .approfondimentoTags {
        padding: 0 5%;
    }

    /*--------------------------------------------------------------
    Single Fondo
    --------------------------------------------------------------*/
    div#fondoTabs ul.ui-tabs-nav {
        position: fixed;
        bottom: 0;
        background-color: #fff;
        z-index: 2;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
    }

    div#fondoTabs ul.ui-tabs-nav li {
        padding: 1rem;
        font-size: 1.3rem;
    }

    div#fondoTabs ul.ui-tabs-nav:after {
        bottom: auto;
        top: 0;
    }

    div#fondoTabs ul.ui-tabs-nav li:hover a:after, div#fondoTabs ul.ui-tabs-nav li.ui-tabs-active a:after {
        bottom: auto;
        top: -1rem;
    }
    .col3 {
        width: 100%;
    }
    /*--------------------------------------------------------------
    Timeline
    --------------------------------------------------------------*/
    .tlCol {
        width: 100%;
    }

    .backgroundContain.tlImage {
        height: 9rem;
        margin-top: 2rem;
    }

    .timelineContainer:after {
        display: none;
    }

    .tlDate {
        padding-left: 7%;
        font-size: 1rem;
    }
    /*--------------------------------------------------------------
    Biblio archive
    --------------------------------------------------------------*/
    .contentWrap.flexContainer.bibliotecaFiltersContainer {
        align-items: flex-start;
    }

    .filterTitleContainer.flexContainer {
        flex-direction: row !important;
    }

    form#secondaryArchiveForm:before     {
        content: '';
        border-bottom: 2px dashed #EBEDED;
        position: absolute;
        top: 0;
        width: 100%;
    }


    form#secondaryArchiveForm {
        width: 100%;
        position: relative;
    }

    .contentWrap.searchReset.flexContainer {
        flex-direction: row !important;
        justify-content: flex-start !important;
    }
    /*--------------------------------------------------------------
    Archive bibliografia
    --------------------------------------------------------------*/
    form.bibliografiaTitleSearch:before {
        display: none;
    }

    .filterWrap.filterInputWrap.titleFilter.contentWrap.flexContainer {
        align-items: flex-start;
    }

    .bibliografiaTitleSearch .filterWrap span {
        margin-bottom: 1rem;
    }
    /*--------------------------------------------------------------
    Footer
    --------------------------------------------------------------*/
    .preFooterContainer {
        flex-direction: column;
    }

    .preFooterContainer > div {
        width: calc(100% - 3rem);
        margin-bottom: 3rem;
    }

    .craftedby {
        text-align: right;
        border-top: 1px solid #fff;
        padding-top: 0.5rem;
    }

    .craftedby {
        text-align: right;
        border-top: 1px solid #fff;
        padding-top: 0.5rem;
    }

    .footerContent.entryContent.contentWrap {
        padding: 0;
    }

    ul.footerMenu li {
        display: list-item;
    }
    /*--------------------------------------------------------------
    Zoom meetings
    --------------------------------------------------------------*/
    .dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell-string {
        font-size: 0.7rem;
    }
}