/*
Theme Name: Ido Istituto D'Ortofonologia - IBRID
Description: 
Author: Stefano Uix Felici
Author URI: http://www.facebook.com/stefano.felici
Version: 0.1
*/

/*
COLORS ->
Logo: #273B90
Primary #2b4e84;
Secondary #3e65a0;
Thirdy #9a9a9a
Forty #f8c321
Sixty #ff7600
Text: #212529;
FOTNS ->
Primary font-family: 'Open Sans', sans-serif;
*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


/* ELEMENTOR
--------------------------------------------------------------------------------*/


/* UTILITY
--------------------------------------------------------------------------------*/

.no-pad{padding:0}

iframe{width: 100%; overflow: auto;}

.collapsed-label{font-size: 16px; font-weight: normal; letter-spacing: 2px; line-height: 23px;}

h3.label, h3.label_primary, h3.label-box{
    background: #3e65a0;
    font-size: 18px;
    color: #fff; 
    border-bottom: 3px solid #9a9a9a; 
    letter-spacing: 2px;
    padding: 5px 20px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}

h3.label_primary{
    font-size: 14px;
    background-color: #2b4e84;
    margin-bottom:0;
}

h4.box-title{color: #711032; padding:10px 10px 0 10px}

.fb-page{margin-bottom: 20px; padding:10px;}

form input, form textarea{
    border: 2px solid #a8a8a8;
    border-radius: 5px;
}

form>p{margin-bottom: 0px;}


.youtube-responsive-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

/*
.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
*/

div.more{display: block; width: 100%; text-align: right; padding:2px 10px; margin-bottom:10px;}

div.more a{font-size: 12px;}

.btn a, .btn a:hover{color: #fff; font-size: 1rem;}

.pagination {justify-content: center;}

.white{
    background: url(_include/img/white.gif) no-repeat;
    width: 385px;
    height: 217px;
}

.top-title{
    font-family: "Roboto", Sans-serif;
    text-align: left;
    color: #2b4e84;
    font-size: 32px;
    font-weight: 600;
    padding: 10px 0;
}

.fix-it{
    max-width: 1110px;
    position: fixed;
    background: #fff;
    top:200px;
}

/* HTML
--------------------------------------------------------------------------------*/

html, body {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    color: #495057;
    width: 100%;
}

.logo{
    display: block;
    background: url(_include/img/logo_ido_R.png) no-repeat;
    background-position: center;
    background-size: contain;
    width: 200px;
    height: 100px;
    margin: 10px;
}

a, a:hover{text-decoration: none; color: #2b4e84;}

.header-section .uni{
    background: url(_include/img/csq.png) no-repeat;
    background-position: center top;
    background-size: contain;
    height: 30px;
    padding-top: 40px;
    font-size: 11px;
    color:#2b4e84;
    margin:0 20px;
}




/**  M O B I L E
--------------------------------------------------------------------------------*/

.main-nav-mobile{display: none;}

.ido-mobile img{width: 100%;}

.header-section{min-height: 80px;}

.header-section .navbar-toggler{font-size: 15px;}


.header-section ul.main-menu-mobile>li>a {
    font-size: 18px;
    padding:10px;
    color: #333;
    background-color: #efefef;
    display: block;
    margin-bottom: 3px;
}

.slide-ido-mobile{
    margin-top: 10px;
}

.slide-ido-mobile .slide-item-mobile{
    display: flex;
    max-height: 300px;
    overflow: hidden;
    max-height: 250px;
}

.slide-ido-mobile .slide-item-mobile .img-container{height: 200px;}

.slide-ido-mobile .slide-item-mobile .img-container .img-fluid{width: 100%;}

.slide-ido-mobile .caption-mobile {
    position: relative;
    display: flex;
    align-content: flex-start;
    padding: 10px;
    max-width: 100%;
    margin-left: 0px;
    bottom: 10px;
    height: 90px;
    background-color: #2b4e84;
}
.slide-ido-mobile .caption-mobile h3{color: #fff; font-size: 14px;}

.video-wrap{background: #2b4e84; border-radius: 15px 0 15px 0; overflow: hidden; margin: 15px 0; }

.video-wrap h5{ font-size: 14px; padding: 10px; color: #fff; font-weight: normal;}

.featured-mobile{
    border:1px solid #2b4e84;
    padding: 10px 0;
    margin:15px 0;
    border-radius: 15px 0 15px 0;
}
.featured-mobile .label-mobile{
    text-align: center;
    color: #2b4e84;
}

#sportelli .featured-mobile .sa-image{
    width: 100%;
    height: auto;
}

#sportelli .featured-mobile p{padding:10px; font-size: 12px;  color:#212529;}

#babele .featured-mobile h4{padding:0px; font-size: 14px;  color:#212529;}

/**  D E S K

/**  N A V I G A T I O N
--------------------------------------------------------------------------------*/

.navbar {padding: 0 20px;}

.navbar-expand-lg.head-menu{font-size: 14px; background-color: #fff;}

.navbar-expand-lg.main-menu{
    font-size: 14px;
    text-transform: none;
    background-color: #3e65a0;
    overflow-x: auto;
    overflow-y: hidden;
}


.navbar-expand-lg.main-menu>ul.main-menu{height: 50px;}

ul#menu-info-menu> li > a{color: #2b4e84;}
ul.navbar-nav> li > a{color: #fff;}

.navbar-expand-lg.main-menu ul.navbar-nav> li > a:hover{
    color: #f8c321;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

ul#menu-menu-principale > li {
    padding: 5px;
    border-right: 1px solid #fff;
    display: flex;
    align-items: center;
    text-align: left;
    border-radius: 10px;
    width: 120px;
    text-align: center;
}

ul#menu-menu-principale> li:first-child{border-left:none}

ul#menu-menu-principale > li ul.dropdown-menu {margin:0;}

ul#menu-menu-principale > li:hover ul.dropdown-menu {display: block;}

ul#menu-menu-principale > li> a{display: block; width: 100%;}


.custom-toggler.navbar-toggler {
    border-color: #c1beba;
    margin:5PX;
}
.custom-toggler .navbar-toggler-text{
    color: #fff;
}

#footer-section{background-color: #3e65a0;}
#footer-section .info {font-size:12px; color: #fff; text-align: center; padding-top: 10px;}
.footer-menu {min-height: 50px; padding:20px; margin:0;  font-size: 12px;}

ul#menu-info-menu.footer-menu>li>a {color: #fff;}

.info{background: #fff; border-bottom: 2px solid #3E65A0; padding:3px;}
.info>span{font-size: 12px; padding-left: 20px;}

/** tab menu */

#tab_menu{margin:20px 0 5px 0;}

#tab_menu>ul.nav-tabs{border-bottom: 1px solid #3e65a0 }


#tab_menu>ul>li>a{
    border-color: #dee2e6;
    border-bottom: #3e65a0;
}
#tab_menu>ul>li:hover{
    border-radius: 5px 5px 0 0;
    border-bottom: 0px solid trasparent;
}

#tab_menu>ul>li>a:hover{
    background: #dddddd;
}
#tab_menu>ul>li>.active, 
#tab_menu>ul>li>.active:hover{
    background: #3e65a0;
    color: #fff;
    border: 1px solid #3e65a0
}

/** E N D  N A V  **/

.split-box .container-item{
    display: flex;
    align-items: stretch;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0;
    padding: 0;
    text-align: center;
    border: 1px solid #9a9a9a;
    margin-bottom: 10px;
}

.babele-wrap{
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
    margin: 0 5px;
    margin-bottom: 0px;

}

.babele-wrap img{height: 300px; margin-top: 10px;}


/**   B O X   H O M E   V I D E O I N T E R V I S T E
--------------------------------------------------------------------------------*/
.videointerviste{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}


/**   S O C I A L
--------------------------------------------------------------------------------*/

.fb-page{padding: 0;}



/**   P A G E 
--------------------------------------------------------------------------------*/

.main-page{padding: 5px;}

.page-container a!important, .single-container a{
    color: red;
}

.page-container, .single-container, .archive-container, .archive-tipology-container{
    text-align: justify;
    margin-bottom: 10px;
    padding:20px 20px;
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.6);
}

.term-divulgazione .archive-container{
    padding:5px 20px;
}

.page-container .left-side h1, .single-container .left-side h1, .single-container .one-side h1{
    font-family: "Roboto", Sans-serif;
    text-align: left;
    color:#2b4e84;
    font-size:32px;
    font-weight: 600;
    padding:10px 0;
}

.page-container .left-side .pub-item, .page-container .left-side .list-item {
    padding:10px 0;
    margin-bottom:20px;
    border-bottom: 1px dashed #999;
}

.page-container .left-side a{
    color:#2b4e84;
}

.page-container .left-side h6{
    margin-bottom:0;
    font-size: 20px;

}

.page-container .left-side h7{
    font-size: 14px;
    font-style: italic;
}

.pubblicazioni .left-side h1{margin-bottom: 20px;}



/**   S I N G L E
--------------------------------------------------------------------------------*/

.content_wrap{
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #9a9a9a;
}
.tribe-events-calendar td.tribe-events-past .tribe_events {background: #c33535!important;}

.conv-head{background: #2b4e84; margin:0; padding:10px;}
.conv-head>.title{padding: 10px 20px; color: #fff; font-size: 20px; text-align: left;}

.conv-head  h1.title{margin:0; color: #fff; text-transform: uppercase; text-align: center;}
.conv-head p{margin:0; color: #FFF; text-align: center;}

/**  E N D   S I N G L E  **/



/**   S E A R C H   R E S U L T
--------------------------------------------------------------------------------*/
.search-result h4{margin:20px 0;}

.result-item{padding:20px 0; margin-bottom:20px; border-bottom: 1px dashed #2b4e84;}

.result-item a h6{ font-size:18px; color: #4C4C48; font-style: normal; }

.result-item a {color:#2C2D2A; font-style: italic;}

/**  E N D   S E A R C H   R E S U L T  **/


/**   A R C H I V E
--------------------------------------------------------------------------------*/
.list-item>a{
    display: flex;
    flex-direction: row;
}

.list-item>a .img-wrap{overflow: hidden; width: 25%; max-height: 200px}

.list-item>a .txt-wrap{width:75%; padding: 0 10px;}

a.item:hover{text-decoration: none;}

.archive-container .archive-title, .pubblicazioni .archive-title{
    font-size: 22px;
    color: #2b4e84;
    padding-bottom: 15px;
    border-bottom: 1px solid #2b4e84;
    line-height: 30px;
}

.archive-tipology-container .archive-title{
    color: #2b4e84;
}

.archive-container .left-side .archive-item a.item, 
.archive-container .left-side .archive-item a.item-linked, 
.archive-tipology-container .left-side .archive-item a.item,
.archive-container>.divulgazione>.tab-content>#indice .archive-item{
    display: flex;
    text-align: left;
    font-family: sans-serif;
    align-items: flex-start;
    flex-direction: column;
    padding:10px 0;
    border-bottom: 1px dashed #999;
}

.archive-container .left-side .archive-item.articoli a.item,
.archive-container .left-side .archive-item.articoli a.item-linked, 
.archive-tipology-container .left-side .archive-item.articoli a.item,
.archive-container>.divulgazione>.tab-content>#indice .archive-item,
.term-divulgazione .archive-container .left-side .archive-item a.item,
.term-divulgazione .archive-container .left-side .archive-item a.item-linked, 
.term-divulgazione .archive-tipology-container .left-side .archive-item a.item,
.term-divulgazione .archive-container>.divulgazione>.tab-content>#indice .archive-item{
    padding:0;
}

.archive-container .left-side .archive-item.articoli,
.archive-tipology-container .left-side .archive-item.articoli{ padding-top: 10px;}

.archive-container .left-side>h5.year-date, .archive-container .tab-content h5.year-date{color:#3E65A0; border-top: 1px solid #a7a7a7; padding: 10px 0;}

body.tax-eventi .archive-container .left-side .archive-item a.item, 
body.tax-formazione .archive-container .left-side .archive-item a.item{flex-direction: row!important;}

.archive-container .left-side .archive-item a, .archive-tipology-container .left-side .archive-item a, .tab-content .archive-item a{
    color: #212529;
}
.archive-tipology-container .left-side .archive-item a.item{flex-direction: row;}

.archive-container .left-side .archive-item a h6, .archive-tipology-container .left-side .archive-item a h6{
    font-size: 18px;
    font-weight: bold;
    margin-bottom:1px;
}
.archive-container .left-side .archive-item a h7, .archive-tipology-container .left-side .archive-item a h7{
    font-size: 14px;
    color: #515457;
}

.archive-container .left-side .archive-item a .img-archive, 
.archive-tipology-container .left-side .archive-item a .img-archive{
    flex: 1;
    max-width: 35%;
}
.archive-container .left-side .archive-item a .wrap-text-right, 
.archive-tipology-container .left-side .archive-item a .wrap-text-right{
    flex: 1;
    padding: 0 20px;
}
.archive-tipology-container .left-side .archive-item a .wrap-text-right h7{color: #2b4e84; font-weight: bold; }
.archive-tipology-container .left-side .archive-item a .wrap-text-right p{font-size: 14px;}


/** archivio articoli **/

.term-articoli>.archive-container .left-side .archive-item a.item,
.term-articoli-internazionali>.archive-container .left-side .archive-item a.item,
.term-articoli-nazionali>.archive-container .left-side .archive-item a.item,
.term-articoli>.archive-container .archive-title,
.term-articoli-nazionali>.archive-container .archive-title,
.term-articoli-internazionali>.archive-container .archive-title{border-bottom: none;}


.archive-container .left-side .archive-item a.item-linked{margin-bottom: 0; border-bottom: none; padding:0px;}

.term-articoli>.archive-container .left-side .archive-item a.item-linked:hover,
.term-articoli-internazionali>.archive-container .left-side .archive-item a.item-linked:hover,
.term-articoli-nazionali>.archive-container .left-side .archive-item a.item-linked:hover{color:#C21E39;}

archive-container .left-side .archive-item a.item-linked>p {margin-bottom: 5px;}

/** archivio divulgazione **/

.archive-tabs-menu{
    display: flex;
    flex-direction: column;
    border:1px solid red;
    background: #fff;
    position: fixed;

}

.nav-tabs .nav-item{margin-right: 2px;}

.archive-container>.divulgazione .nav-tabs .nav-link{
    background: #3E65A0; 
    color: #c4bfbf;
    border-color: #fff; 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.archive-container>.divulgazione .nav-tabs .nav-link.active,
.archive-container>.divulgazione .nav-tabs .nav-link.active{background: #fff; color: #495057;}

.archive-container>.divulgazione .nav-tabs .nav-link.active,
.archive-container>.divulgazione .nav-tabs .nav-link.active:hover{background: #fff; color: #495057;border-color: #dee2e6 #dee2e6 #fff;}

.archive-container>.divulgazione .nav-tabs .nav-link:hover{color: #fff; border-color: #fff; ;}

.archive-container>.divulgazione>.archive-title{padding:10px 20px; margin-bottom:20px;}

.archive-container>.divulgazione .nav-tabs{margin-bottom:20px;}

.archive-container>.divulgazione .tab-pane {height: 100%; padding: 0 20px;}

.archive-container>.divulgazione>.tab-content>#libri .archive-item,
.archive-container>.divulgazione#babele .archive-item{overflow: hidden; margin-bottom: 30px;}

.archive-container>.divulgazione>.tab-content>#libri .archive-item>a,
.archive-container>.divulgazione#babele .archive-item>a{color: #495057; text-align: left;}

.archive-container>.divulgazione>.tab-content>#libri .archive-item>a>.img-archive,
.archive-container>.divulgazione#babele .archive-item>a>.img-archive{width: 100%; height: auto; padding:5px;}

.archive-container>.divulgazione>.tab-content>#libri .archive-item>a>.wrap-text>h6{ font-size: 14px; color: #212529;}

.archive-container>.divulgazione h5:first-child{border-top:none;}

.archive-container>.divulgazione>.tab-content>#indice .archive-item{margin-bottom: 10; border-bottom: none; padding:5px;}
.archive-container>.divulgazione>.tab-content>#indice .archive-item a.item-linked:hover{color:#C21E39;}

/** archivio seminari **/

#seminari .archive-item>a>.img-archive, #convegno .archive-item>a>.img-archive{max-height: 160px;}

#seminari .archive-item>a .wrap-text-right>h6{text-transform: uppercase;}


/** archivio area ricerca **/

#ricerca .archive-item>a>.img-archive{max-height: 160px;}

#ricerca .archive-item>a .wrap-text-right>h6{text-transform: uppercase;}

#convegno .archive-item>a .wrap-text-right>h6{text-transform: uppercase;}



/**   A R C H I V I O   E S P E R T I
--------------------------------------------------------------------------------*/

#esperti{padding: 30px;}

#esperti h2{color:#2a2c2e }

#esperti h5{color:#d42727; font-style: italic;}

#esperti hr{margin-bottom: 20px;}

#esperti .archive-item{margin-bottom:20px;}

#esperti .archive-item .wrap-text-right{padding:0;}

/** |
-------> MENU **/

#esperti ul.menu-esperti{
    list-style: none;
    padding-left:10px;
}

#esperti ul.menu-esperti>li{
    background-color: #2b4e84;
    padding: 10px;
    margin-bottom: 5px;
    text-align: left;
}


#esperti ul.menu-esperti>li:hover{background-color: #495057;}

#esperti ul.menu-esperti>li>a{display: block; color: #fff;}

#esperti ul.menu-esperti>li>a:hover{text-decoration: none;}

/**   A R C H I V I O   B A B E L E
--------------------------------------------------------------------------------*/

.archive-container.babele{padding: 0;}

.archive-container.babele .old-archive-container{padding: 0 15px;}

.archive-container.babele .old-archive-container .old-archive{
    background: #3E65A0;
    color: #fff;
    padding:20px;
    border-top: 2px solid #096EC9;
    border-bottom: 2px solid #00368A;
}

.archive-container.babele .old-archive-container .old-archive .btn-group {margin-right: 15px;}

.archive-container.babele .old-archive-container .old-archive .dropdown-menu{font-size: 12px; margin-bottom: 30px;}

.archive-container>.divulgazione#babele{padding: 20px;}

.archive-container>.babele-hero{
    background-image: url(_include/img/testata_babele.jpg);
    background-repeat: no-repeat;
    background-size:contain;
    height: 220px;
}

.archive-container>.divulgazione#babele .archive-item>a>.wrap-text {padding: 5PX;}

.archive-container>.divulgazione#babele .archive-item>a>.wrap-text>h6{ font-size: 14px; color: #212529;}

ul.menu2 {
    list-style:none;
    margin:0;
    padding:0;
    font:10px Verdana,Arial;
}
ul.menu2 * {margin:0; padding:0}
ul.menu2 a {display:block; color:#000; text-decoration:none}
ul.menu2 li {
    position:relative;
    float:left;
    margin-right:10px
}
ul.menu2 ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu2 ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu2 ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu2 ul li a:hover {background-color:#c5c5c5}
ul.menu2 ul ul {left:148px; top:-1px}
ul.menu2 .menulink {
    border:1px solid #aaa;
    padding:5px 7px 7px;
    font-weight:bold;
    background:url(img/header.gif);
    width:134px;
}
ul.menu2 .menulink:hover, ul.menu2 .menuhover {background:url(img/header_over.gif)}
ul.menu2 .sub {background:#d1d1d1 url(img/arrow.gif) 136px 8px no-repeat}
ul.menu2 .topline {border-top:1px solid #aaa}



/**  E N D   A R C H I V E  **/



/**   T I P O L O G Y
--------------------------------------------------------------------------------*/


/**  E N D   T I P O L O G Y  **/




/**   C O L
--------------------------------------------------------------------------------*/

.right-side .wrap-col-box, .col-rx-page .wrap-col-box{
    margin-bottom: 40px;
}

.right-side .wrap-col-box h6.label, .col-rx-page .wrap-col-box h6.label{
    padding: 10px 20px;
    margin: 0;
    margin-bottom: 5px;
    border-radius: 5px 5px 0 0 ;
    background: #55595c;
    color: #fff;
}

.right-side>.wrap-col-box>a{
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    color: #212529;
    margin-bottom: 20px;
    font-size:14px;
}

.right-side .wrap-col-box h6.label.eventi, .col-rx-page .wrap-col-box h6.label.eventi{background: #23811a;}

/*-------- c o n v e g n i --------**/

.right-side>.wrap-col-box>h6.cal-label{
    padding:5px;
    color: #fff;
    background-color: #55595c;
    border-radius: 5px 5px 0 0;
}

.right-side .wrap-col-box .start-date{
    padding:5px;
    color:#fff;
    background-color: #3e65a0;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 0;
}

.right-side .wrap-col-box a:hover .start-date{
    background-color: #b21010;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.right-side .wrap-col-box .container-item{
    margin: 0;
    padding: 10px;
    border-bottom: 1px dotted;
    text-align: left;
    font-size: 14px;
}

.container-item .img-overlay{
    width: 100%;
    overflow: hidden;
    background-color: #000;
    background-image: url(_include/img/college_cap.png);
    background-position: center center;
    background-size: 25%;
    background-repeat: no-repeat;
}

.right-side .wrap-col-box .container-item:hover .img-overlay img{
    opacity: 0.5;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

/*-------- c o r s i --------**/

.right-side .wrap-col-box.scuola h5{
    padding: 5px;
    background: #ff7600;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: sans-serif;
}

/**  E N D   C O L   **/


/**   S I D E B A R
--------------------------------------------------------------------------------*/

.side-box{
    padding:20px;
    border:1px solid #dee2e6;
    overflow: hidden;
    margin-bottom: 20px;
}

.side-box .box-image>img{width: 100%;}

/**  E N D   S I D E B A R   **/


/**  A D D   **/

/* UTILITY
--------------------------------------------------------------------------------*/

.img-responsive{width: 100%; height: auto;}

.paging{ margin-top: 20px; }


/* HTML
--------------------------------------------------------------------------------*/
html, body{
    font-family: 'Helvetica', 'Arial', sans-serif;
    color: #333;
}

body{background-color: #fbfbfb!important;}

a:hover{text-decoration: none!important;}

p{color:#333;}

h3{font-size 16px; padding: 15px 0; color: #00367c}

.container-fluid{background-color: #079147;}

.container-fluid .auth{
    color: #fff;
    font-size: 10px;
    padding:5px 10px;
    text-align: center;
}

.row{padding-bottom: 20px;}

.container-fluid .auth>span{margin-left: 0px;}

.container-fluid .footer {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 15px;
    align-items: flex-start;
}

/* NAVIGATION
--------------------------------------------------------------------------------*/

.address-wrap{padding-bottom: 0;}

.address{position: relative; z-index: 2;}

.main-container{
    position: relative;
    z-index: 0;
    margin-top: -25px;
    padding-top: 15px;
    overflow-y: hidden;
    box-shadow: 0px 0px 5px #999;
    background: #fff;

}

#logo-container{padding:20px 10px; height: 100px; margin-bottom: 20px;}

#logo{
    background-image: url(_include/img/logo_ido.png);
    background-repeat: no-repeat;
    height: 100px;
    background-position: left center;
}

.nav-container{padding:0pc;}


.info-nav, .main-nav{display: flex; align-items: center;}


ul.info-menu{
    flex-direction: row;

}
ul.info-menu>li>a{color: #333; padding:0 5px; font-size: 14px;}
ul.info-menu>li>a:hover{color: #086F9C; text-decoration: none;}
ul.info-menu>li.current_page_item a {color: #dd1740; text-decoration: none;}

.search-wrap{display: flex; justify-content: flex-end; align-items: center;}

.search-wrap .uni{
    background: url(_include/img/csq.png) no-repeat;
    background-position: center top;
    background-size: contain;
    height: 20px;
    padding-top: 40px;
    font-size: 10px;
    color:#2b4e84;
    margin-right:30px;
}

ul.main-menu {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin:10px 0;
    background-color: #086F9C;
}
ul.main-menu>li{
    padding: 10px;
    position: relative;
    border-right: 1px solid #fff;
    background-color: #086F9C;
    text-align: center;
}
ul.main-menu>li:hover, ul.main-menu>li.current-menu-item, ul.sub-menu>li.current-menu-item, ul.main-menu>li.current-menu-parent, ul.main-menu>li>ul.sub-menu>li.current-menu-item>a{
    background-color: #008085;
    color: #fff;
}


ul.main-menu>li>a{
    font-size: 14px;
    color: #fff;
}


/** Second level **/

ul.main-menu > li > ul.sub-menu {
    position: absolute;
    z-index: 2;
    visibility: hidden;
    margin-top: 10px;
    margin-left: -10px;
    padding:0px;
    list-style: none;
    text-align: left;
    background: #fff;
    box-shadow: 0 0 1px #999;
    width: 100%;
    border:1px solid #008085;
    border-top-width: 0;
}

ul.main-menu > li:hover > ul.sub-menu, ul.main-menu > li > ul.sub-menu:hover {
    display: flex;
    flex-direction: column;
    visibility: visible;
}

ul.main-menu > li > ul.sub-menu > li{
    padding:0px;
    display: flex;
    width: inherit;
}

ul.main-menu > li > ul.sub-menu > li > a{
    display: block;
    color: #4b4646;
    font-size: 14px;
    width: 100%;
    padding: 14px;
    transition: background-color 1.0s ease;
    transition: color 0.5s ease;
}

ul.main-menu > li > ul.sub-menu > li:hover, ul.main-menu > li > ul.sub-menu > li > a:hover{
    background-color: #d60e0e;
    color: #fff;
    text-decoration: none;
}


/*==================================================
=                   slider                         =
==================================================*/

.slide-container{
    background-color: #00367C;
    border-top:1px solid #086F9C;
    border-bottom:1px solid #086F9C;
    height: 400px;
}

.slide-container .slick-list {
    padding-top:20px!important;
    padding-bottom:30px!important;
}

.slide-ido{overflow: hidden;}

.slide-ido span{display: flex; justify-content: center; align-items: center;}

.slide-ido .item-container{
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 10px;
    padding:10px;
    background-color: #fff;
    opacity: 0.65;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    box-shadow: 0 0 5px 1px #999;
}
.slide-ido .item-container.slick-current{
    transform: scale(1.2);
    z-index: 9;
    margin-top: 20px;
    padding:10px;
    opacity: 1;
}

.slide-ido .item-container .img-container{
    height: 130px;
    overflow: hidden;
}

.slide-ido .item-container .img-container img{
    position: relative;
    z-index: 0;
    width:100%;
    height: auto;
}


.slide-ido .item-container .wrap-text>h3.s-title{
    color: #086F9C;
    font-size: 22px;
    padding: 0;
    margin: 10px 0;
}

.slide-ido .item-container .wrap-text p{
    font-size: 12px;
}


.slide-ido .dashicons-arrow-left,.slide-ido .dashicons-arrow-right{
    position: absolute;
    z-index: 1;
    background-color: transparent;
    color: #fff;
    font-size: 160px;
    width: 100px;
    height: 100%;
    margin-top: -20px;
}
.slide-ido .dashicons-arrow-left:hover, .slide-ido .dashicons-arrow-right:hover{
    color: #045b9a;
}

.slide-ido .dashicons-arrow-right{
    top: 0;
    right: 0;
}

.slide-ido .slide-dots{
    position: absolute; 
    bottom: 0;
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.slide-ido .slide-dots li{ padding: 0; width: 25px; margin: 5px; height: 5px; overflow: hidden;}

.slide-ido .slide-dots li>button{
    font-size: 0;
    display: block;
    width: 25px;
    padding: 10px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #045b9a;
}

.slide-ido .slide-dots li.slick-active>button{background: #fff;}


.home-wrap-text{text-align: justify; border-bottom: 1px solid #086F9C; padding:0 20px;}

.home_title{
    padding:5px; 
    text-align: center;
    color: #086F9C;
}

.home-wrap-text>p{font-size: 14px;}




/*==================================================
=                   Featured                       =
==================================================*/

.row.wrap-featured{
    display: flex;
    align-content: stretch;
}
.featured>.wrap-item{
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 0 5px 1px #999;
    background-color: #086F9C;
    border-radius: 0 15px 0 10px ;
}

.featured>.wrap-item>h4{
    text-align: center;
    color:#fff;
    padding: 4px;
    margin-bottom: 0;
    background-color: #d60e0e;
    font-size: 22px;
    border-radius: 0 10px 0 0 ;
}


.featured>.wrap-item>.wrap-image{
    overflow: hidden;
    display: flex;
    align-items: baseline;
    max-height: 200px;
    margin-bottom: 10px;
}
.featured>.wrap-item>.wrap-image>img{
    width: 100%;
    height: auto;
}
.featured>.wrap-item>.wrap-text>p{
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
}




/*==================================================
=                   zone                       =
==================================================*/

.zone{margin-bottom: 10px;}

.row.wrap-zone{
    display: flex;
    align-content: stretch;
    padding-bottom: 10px;
}
.zone>.wrap-item{
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 0 5px 1px #999;
}

.zone>.wrap-item>h4{
    text-align: center;
    color:#086F9C;
    background-color: #f3f8fd;
    padding: 5px;
    margin-bottom: 0;
    font-size: 22px;
}


.zone>.wrap-item>.wrap-image{
    height: inherit;
}
.zone>.wrap-item>.wrap-image>img{
    width: 100%;
    height: auto;
}

.zone>.wrap-item>.wrap-text{
    display: flex;
    flex-direction:column;
    align-items: stretch;
    height: inherit;
}

.zone>.wrap-item>.wrap-text>p{
    padding: 10px;
    font-size: 14px;
    height: 100%;
}

.zone>.wrap-item .continue{
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    color: #fff;
    background-color: #086F9C;
    padding:5px;
}



/*==================================================
=                   FOCUS                       =
==================================================*/

.focus{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.focus>h2.sportelli-title{
    text-align: center;
    color:#fff;
    padding:5px;
    background-color: #079147;
}

.focus>.wrap-item, .focus>.speciali{
    display: flex;
    flex-direction: row;
    height: 100%;
    box-shadow: 0 0 5px 1px #999;
    overflow: hidden;
}

.focus>.speciali{margin-bottom: 20px;}

.focus>.wrap-item>.wrap-image{
    overflow: hidden;
    display: flex;
    width: 100%;
    height: auto;
}

.focus>.wrap-item>.wrap-image>img{
    width: 100%;
    height: auto;
}

.focus>a.wrap-item h4{
    text-align: center;
    color:#00367C;
    padding: 5px;
    font-size: 22px;
    text-transform: uppercase;
}

.focus>a.wrap-item>.wrap-text{
    padding: 5px 20px;
}
.focus>.wrap-item>.wrap-text>p{
    font-size: 14px;
}

.focus>.wrap-item>.continue{
    padding: 20px 15px;
    font-size: 14px;
    font-style: italic;
    text-align: end;
    align-items: flex-end;
}


/*==================================================
=                   BANNER                       =
==================================================*/

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

.banner>div{margin-bottom: 10px;}
.banner>div:last-child{margin-bottom: 0px;}

.banner>div{height: 100%;}

.banner>div>.wrap-item{
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 5px 1px #999;
    height: inherit;
}

.banner>div>.wrap-item>.wrap-image{
    height: inherit;
}
.banner>div>.wrap-item>.wrap-image>img{
    width: 100%;
    height: auto;
}



/*==================================================
=                   SPECIALI                       =
==================================================*/

.speciali>.wrap-item{
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 0 5px 1px #999;
}

.speciali>.wrap-item>.wrap-image{
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 100%;
}
.speciali>.wrap-item>.wrap-image>img{
    width: 100%;
    height: auto;
}

/*==================================================
=                   fix-news                       =
==================================================*/

.fix-news{
}

.fix-news>.wrap-item h4{
    color:#fff;
    background-color: #00367C;
    padding: 5px;
    margin-bottom: 0;
    font-size: 20px;
    text-align: center;
}
.fix-news>.wrap-item{
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 0 5px 1px #999;
    background-color: #fff;
}


.fix-news>.wrap-item>.wrap-image{
    overflow: hidden;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.fix-news>.wrap-item>.wrap-image>img{
    width: 100%;
    height: auto;
}

.fix-news>.wrap-item>.wrap-text>p{
    padding: 5px 10px;
    color: #333;
    font-size: 16px;
}



/*==================================================
=                   news                       =
==================================================*/

.news{
    margin-bottom: 20px;
}

.news>.wrap-item{
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 0 5px 1px #999;
    background-color: #fff;
}


.news>.wrap-item>.wrap-image{
    overflow: hidden;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.news>.wrap-item>.wrap-image>img{
    width: 100%;
    height: auto;
}

.news>.wrap-item>.wrap-text{padding:10px;}

.news>.wrap-item>.wrap-text>h4{
    color:#00367C;
    margin-bottom: 0;
    background-color: #fff;
    font-size: 18px;
}

.news>.wrap-item>.wrap-text>p{
    color: #333;
    font-size: 14px;
}

/*==================================================
=                   Signle                        =
==================================================*/

.single>.post-content{
    padding:20px;
    overflow: hidden;
}

.single>.post-content>.hero{
    display: flex;
    max-height: 250px;
    overflow: hidden;
    align-items: center;
    margin-bottom: 20px;
}

.single>.post-content>.hero>img{width: 100%; height: auto;}

.single>.post-content>h1{margin-bottom:40px;}



/*==================================================
=                   Widget                        =
==================================================*/

.widgettitle{
    font-size: 20px;
}

.wdg-container ul{padding: 0 10px;}
.container-fluid .footer .wdg-container ul>li{
    display: list-item;
    list-style:disc;
    font-size: 14px; 
    margin-bottom: 5px;
}


/*==================================================
=                   Archvie                        =
==================================================*/

.tassonomia .cat-title{
    padding:10px;
    margin-bottom: 15px;
    background-color: #00367c;
    color:#fff;
}

.cat-title{
    padding:10px;
    margin-bottom: 15px;
    background-color: #dd1740;
    color:#fff;
}


.ftr-item a, .ftr-clm-item a{display: block; position: relative;}

.ftr-item h3.title{
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding:20px;
    background-color: rgba(51, 51, 51, 0.75);
    color: #fff;

}

.ftr-clm-item h4.title{
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding:10px;
    font-size: 16px;
    background-color: rgba(51, 51, 51, 0.75);
    color: #fff;
}

.ftr-clm-item{
    height: 50%;
    margin-bottom: 10px;
}

/*==================================================
=                   Search result                 =
==================================================*/


.item-result{
    padding: 10px;
    border-bottom: 1px dashed #999;
}

.item-result:hover{ background-color: #efefef;}

.item-result a{
    color: #333;
    font-size: 20px;
}



/*==================================================
=                   Footer                        =
==================================================*/

.container-fluid .footer li{
    display: flex;
    flex-direction: column;
    list-style: none;
}

.container-fluid .footer li ul{padding: 0;}

.container-fluid .footer li a{color: #fff;}

.wdg-container{
    display: flex;
    flex-direction: row;
}




/*==================================================
=                   Media Queries                  =
==================================================*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {


    .navbar-expand-lg.head-menu{font-size: 12px;}

    .navbar-expand-lg.main-menu{font-size: 12px;}

    a .slide-caption h3{font-size: 18px; margin-bottom: 5px;}

    a .slide-caption p{font-size: 12px;}

    a .slide-caption h4{font-size: 16px;}

    .featured .featured-menu ul#menu-autismo a{
        font-size: 40px;
    }

    .featured .featured-menu ul{
        margin:0;
        margin-top: 20px;
    }

}

/* Medium Devices, Tablets-H */
@media only screen and (max-width : 1024px) {

    .header-section .uni{margin-left: 10px; font-size: 8px;}

    ul.head-menu,ul.main-menu{flex-direction: row;}

    ul.head-menu>li{padding:5px;}

    ul#menu-menu-principale > li {
        font-size: 10px;
        width: 90px;
    }

    .navbar-expand-lg.head-menu{font-size: 10px;}

    h3.label_primary{font-size: 12px;}

    .featured-wrapper .featured h3.label-primary,.featured-wrapper .featured h3.subtitle{
        padding:3px; 
        font-size: 14px;
        letter-spacing: normal;
    }

    button.btn{font-size: 14px;}

    ul.comunicati-wrap li a{font-size: 12px; padding: 0;}

    .divulgazione-item h5{display: flex; font-size: 12px;}

    .archive-container .archive-title{font-size: 18px;}

    .slide-ido {height: auto;}
}


/* Small Devices, Desktops */
@media only screen and (max-width : 992px) {

    .head-menu{justify-content: center;}

    .head-menu>.logo{width: 100%; margin: 0; margin-top: 15px; height: 35px;}

    ul.head-menu>li{padding: 0 px;}

    .header-section .uni{
        height: 20px;
        padding-top: 20px;
        margin-top: -15px;
    }

    .menu-button-wrap{
        display: block;
        width: 100%;
        background-color: #3e65a0;
    }

    .info>span{font-size: 9px;}

    /* S L I D E */


    .slide-container{height: auto;}

    .slide-ido {height: auto;}


    .slide-ido .item-container .wrap-text>h3.s-title{font-size: 12px;}

    .slide-ido .item-container .wrap-text p{font-size: 10px;}

    .slide-ido .item-container .img-container {
        height:auto}
    /** C A R D */

    .featured a, featured a:hover{font-size: 10px; text-decoration: none;}

    .featured a h5.featured-title {font-size: 14px;}

    /** with menu style */

    .featured .featured-menu{
        display: flex;
        padding:5px;
    }

    .main-page{padding-top: 5PX;}

    .activity-container{padding: 10px 0!important ;}

    h3.label, h3.label_primary, h3.label-box,
    .col-rx-page>.card .card-text,
    .activity-container .card .card-text,
    .int-pub-container h7, .btn-pub,
    .expt-content,
    .wrap-description p{font-size: 12px;}

    .wrap-description h5{font-size: 16px;}

    ul.comunicati-wrap{padding-left: 20px; margin: 0;}

    .progetti-wrap {padding: 0;}

    .progetti-wrap .progetti-item h6{font-size: 10px;}

    .page-container h1 {font-size: 20px;}

    .more a{font-size:10px!important;}

    .appuntamenti-wrap .appuntamenti-item .wrap-description{padding: 0 5px;}

    .appuntamenti-wrap .appuntamenti-item a h5{font-size: 12px;}

    .left-side h4.archive-title{ font-size: 16px;}

    .archive-container .left-side .archive-item a h6, .archive-tipology-container .left-side .archive-item a h6{
        font-size: 14px;
    }

    .archive-container .left-side .archive-item a, .archive-tipology-container .left-side .archive-item a{
        font-size: 12px;
    }

}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {

    .head-menu{padding:0; justify-content: left;}

    .header-section .uni{
        position: absolute;
        top:30px;
        right: 0px;
        font-size: 6px;
    }    

    .zone>.wrap-item>h4{font-size: 16px;}

    .zone>.wrap-item>.wrap-text>p{font-size: 12px;}

    .focus>h2.sportelli-title{font-size: 20px;}

    .focus>a.wrap-item h4{font-size: 14px;}
    
    .focus>a.wrap-item>.wrap-text p {display: none;}

    ul.head-menu {padding: 0px;}

    .navbar-expand-lg.head-menu{font-size: 6px;}

    #navbarTogglerMain{height: auto;}

    .bg-custom.main-menu{padding: 0;}

    .navbar-expand-lg.main-menu>ul.main-menu{height: 35px;}

    ul#menu-menu-principale > li {
        padding: 1px;
        font-size: 9px;
        width: 70px;
        text-align: center;
    }
    .info>span{font-size: 4px; padding: 0;}


    .main-page{padding: 0;}

    .card-container{padding:0;}

    .card-container .featured-wrapper .featured{padding:0;}

    .featured-wrapper>.col-3,  .main-page .col-3 {padding: 2px 1px;}


    #estero>h3.label-box,#babele>h3.label-box,#social>h3.label-box,#sportelli>h3.label-box, .featured-wrapper .featured h3.label-primary,.featured-wrapper .featured h3.subtitle{
        padding:3px; 
        font-size: 10px;
        letter-spacing: normal;
    }

    .featured-wrapper .featured .featured-title{font-size: 10px;}

    .featured .featured-menu ul#menu-autismo{
        margin:0;
        margin-top: 20px;
    }

    #estero>.container-item .expt-content,
    #babele>.container-item .expt-content,
    #sportelli>.container-item p,
    .featured-wrapper .featured .featured-text{font-size: 8px;}

    .featured .image-wrap{height: 100px; text-align: center; overflow: hidden;}

    .featured ul.card-menu{ padding: 0; line-height: 10px;}

    .featured ul.card-menu>li{margin-bottom: 10px;}

    .featured ul.card-menu>li a{margin-left: -5px; display: block; font-size: 10px;}


    .featured .featured-menu ul#menu-autismo a{
        font-size: 30px;
    }

    #babele h4{font-size: 10px; margin-top:15px;}

    .single-container, .archive-container{margin-top: 40px;}

    .page-container, .archive-container, .archive-tipology-container{margin-top:40px}

    .info{line-height:10px;}

    .page-container{ padding: 20px;}

    .left-side{padding: inherit;}

    .archive-container .archive-title{font-size: 16px;}

    .archive-container .left-side .archive-item a.item{flex-direction: column;}

    .archive-container .left-side .archive-item a.item .img-archive{
        max-width: 100%;
        margin-bottom: 5px;
    }

    .int-pub .btn{width: 100%;}

    .archive-container>.divulgazione>.tab-content>#libri .archive-item>a>.wrap-text>h6{ font-size: 10px;}

    .archive-container>.divulgazione>.tab-content>#libri .archive-item,
    .archive-container>.divulgazione#babele .archive-item{ margin-bottom: 5px;}

    .archive-container.babele .old-archive-container .old-archive{padding: 5px;}
    .archive-container.babele .old-archive-container .old-archive .btn-group {margin-right: 5px;}
    .archive-container.babele .old-archive-container .old-archive .btn-group button.btn{font-size: 10px;}

}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 414px) {

    .container{}

    #logo-container{padding: 0; height: auto; margin-bottom: 0;}

    #logo-container .search-wrap>span{font-size: 8px;}

    #logo{background-size: contain; background-position: bottom; height: 70px;}

    .nav-container{padding:10px 0;}

    .main-nav, .search-wrap{display: none;}

    .main-nav-mobile{display: block;}

    #navbarMobile  ul.main-menu{
        flex-direction: column;
    }

    .slide-ido {height: auto;}

    .slide-ido .item-container .wrap-text>h3.s-title{font-size: 18px;}

    .featured{margin-bottom: 10px;}

    .featured-wrapper .featured h3.label-primary,.featured-wrapper .featured h3.subtitle{
        padding:1px; 
        font-size: 8px;
    }

    .featured-wrapper .featured .featured-title, .featured-wrapper .featured .featured-text{font-size: 5px;}

    .featured-wrapper .featured .image-wrap{height: 50px;}

    .featured ul.card-menu{ padding: 0; line-height: 6px; margin: 0 10px;}

    .featured ul.card-menu>li{margin-bottom: 5px; list-style: none;}

    .featured ul.card-menu>li a{margin-left: -10px; display: block; font-size: 6px;}

    .featured .featured-menu ul#menu-autismo a{
        font-size: 15px;
    }

    .focus{margin-bottom: 15px;}

    .focus>a.wrap-item h4{font-size: 14px;}

    .focus>.wrap-item>.wrap-text>p{display: none;}

    #estero>.container-item,#babele>.container-item,#social>.container-item,#sportelli>.container-item{
        height: 230px;
        padding:0;
    }

    #sportelli>.container-item{padding: 5px;}

    #estero>h3.label-box,#babele>h3.label-box,#social>h3.label-box,#sportelli>h3.label-box{
        font-size: 9px;
        padding: 2px;
        letter-spacing: normal;
    }
    #babele h4{margin-top: 10px; font-size: 10px;
    }

    #estero>.container-item h4,
    #social>.container-item h4,
    #sportelli>.container-item h4{
        font-size: 6px;
    }
    #sportelli>.container-item img{height: 40px;}
    #estero>.container-item .expt-content,
    #babele>.container-item .expt-content,
    #sportelli>.container-item p{
        font-size: 6px;
        padding:2px ;
    }

    .focus>h2.sportelli-title{font-size: 20px;}

    .archive-container>.divulgazione#babele {padding: 10px 5px}
    .archive-container.babele .old-archive-container .old-archive h4{font-size: 14px;}
    .archive-container.babele .old-archive-container .old-archive .btn-group {margin-right: 2px;}
    .archive-container.babele .old-archive-container .old-archive .btn-group button.btn{font-size: 6px;}

    #babele h3{font-size: 14px;}
    .archive-container>.divulgazione#babele .archive-item>a>.wrap-text>h6{font-size: 8px;}

    .archive-container>.babele-hero{height: 60px; background-size: contain;}


}