.modlogo{
  /*width:100px*/
}


.adv-home h1{
font-family: 'Karla';
/*text-transform: uppercase;*/
}

.adv-pag-eventi h1{
font-family: 'Karla';
/*text-transform: uppercase;*/
}

.contenitorelogo{
	display:flex;
	align-items:center;
}
.scrittalogo{
	padding-left:20px;
	color:white;
	font-size:24px;
	line-height:1.2em;
	font-family: 'Karla';
	font-weight: 600;
}


@supports (display: grid) {
  .site-grid {
    grid-gap: 0 1em;
    grid-template-columns: [full-start] minmax(0, 1fr)[main-start] repeat(4, minmax(0, 19.875rem))[main-end] minmax(0, 1fr)[full-end];
    grid-template-areas: ". banner banner banner banner ."
                         ". top-a top-a top-a top-a ."
                         ". top-b top-b top-b top-b ."
                         ". comp comp comp comp ."
                         ". side-r side-r side-r side-r ."
                         ". side-l side-l side-l side-l ."
                         ". banner-basso banner-basso banner-basso banner-basso ."
                         ". bot-a bot-a bot-a bot-a ."
                         ". bot-b bot-b bot-b bot-b .";
    display: grid;
  }

    @media (width >= 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ."
                           ". top-a top-a top-a top-a ."
                           ". top-b top-b top-b top-b ."
                           ". side-l comp comp side-r ."
                           ". banner-basso banner-basso banner-basso banner-basso ." 
                           ". bot-a bot-a bot-a bot-a ."
                           ". bot-b bot-b bot-b bot-b .";
    }
  }
}
.container-bottom-b {
  grid-area: bot-b;
}


.container-banner-basso {
  position: relative;
  background-color:#010156;
  background-image:url('../../../../../images/img-home/sfondotest4.jpg');
  background-repeat: no-repeat;
  background-position: left top;
}

.container-banner-basso > * {
  flex: 1;
  /*margin: 0.5em 0;*/
}

@media (max-width: 991.98px) {
  .container-banner-basso {
    flex-direction: column;
  }
  
  .container-banner-basso > * {
    flex: 0 1 auto;
  }
}

.container-banner-basso {
  grid-area: banner-basso;
}









.logo-image{
	width:70px;
	padding-top:10px;
	padding-bottom:10px;
}

.modlogo img{
  width:70px;
  padding-top:5px;
}

.nomesito{
  padding-top:10px;
  padding-left:10px;
  font-size:30px;
  color:black;
}
.modlogo p{
  margin-bottom:0;
}

.container-header .navbar-brand a{
  color: blue;
  text-decoration:none;
}

#t4-header{
	z-index:100;
}

.acm-hero.style-1 .has-bg .hero-content {
    min-height: 45rem;
}

.acm-hero.style-1 .acm-hero-item {

  background-size: cover;
  position: relative;
  color: var(--body-text-color);
}

.adv-sfondo{
  background-color:#f7f7f7;
  padding:5px;
  border-radius:5px;
  text-align:center;
  
}

.adv-immagine{
  padding-top:50px;
  padding-bottom:20px;
  padding-left:80px;
  padding-right:80px;
  
}

.articolo-adv .item-image{
  margin:0px!important;
}

.articolo-adv li{
  line-height:2rem;
}

.adv-sfondo h3 {
  font-weight:bold;
  font-size:1.5rem;
  height: 3rem;
  padding-right:10px;
  padding-left:10px;
}

.adv-home .page-header{
  text-align:center;
}

.item-page .desc-article{
	text-align:left;
}
.item-page.adv-home .page-header h2{
  text-align:left;
}

.magz-layout h3, .magz-layout {
  /*font-size: 1.25rem !important;*/
  text-align:center;
}

.adv-titolo-eventi{
  padding-top:40px;
  padding-bottom:0px;
  background-color:#4076C6;
}

.adv-eventi .ic-list-event:nth-child(2n+1){
  background: #ffffff; 
}

.adv-eventi .ic-list-event{
  background: #ffffff;  
}

.adv-eventi{
  padding-bottom:0px;
  background-color:#ffffff;
}

.adv-eventi .ic-box .ic-cat a{
	font-size:1.3em;
	color:#b95c1f;
}


.adv-footnav{
  margin-top:80px;
}


.magz-layout h3.item-title, .magz-layout .item-title.h3 {
  font-size: 1.25rem !important;
  text-align:center;
}

.magz-layout .item-introtext
{
  font-size:16px;
}

.ic-header-container
{
  text-align:center; 
}

.container-header{
  background-color:#8D1675 !important;
  background-image:none;
}
.brand-logo img{
  max-width: 40%;
}

.metismenu.mod-menu a {
    color: #ffffff !important; /* Replaces text color */
	font-family:'Karla';
	font-weight:700;
	padding-right:3px;
	padding-left:3px;
}

.mod-menu a:focus-visible, .mod-menu button:focus-visible{
	outline-offset: 2px !important;
	outline: 2px solid red !important;
}


.container-header .metismenu > li.active > a{
	background-color:#ffffff;
	border-radius:3px;
	color:#8D1675 !important;
}

.container-banner{
  /*background-color:#044AAD;*/
  /*background-color:#f3f8ff;*/
  background-color:#ffffff;
}

.associazione{
	
	font-size:25px;
	text-align:center;
}

.dectitolo h3{
	padding-bottom:20px;
}

.pulsante{
	background-color:#8D1675 !important;
	border-color:#8D1675 !important;
}

.pulsante:hover{
	background-color:#D222AE  !important;
	border-color:#D222AE !important;
}

.tutte-news{
	padding-bottom:50px;
}

.dectitolo h3:before{
	content: "";
  width: 15px;
  height:15px;
  background: #5F98DF;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 10px;
}

.dida-s{
	position: absolute;
	bottom: 60px;
	left: 10px;
	max-width: 300px;
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 35px;
	padding: 20px 30px;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
	display: inline-block;
	color: #8D1675;
}

.dida-d{
	position: absolute;
	bottom: 60px;
	right: 10px;
	max-width: 300px;
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 35px;
	padding: 20px 30px;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
	display: inline-block;
	color: #8D1675;
}

.chisiamo{
  /*background-color:#f3f8ff;*/
  padding-top:30px;
  padding-bottom:75px;
}
.chisiamo img{
  width: 100%;
  border-radius:0px;
}
.chisiamo .mod-articles-title a{
  color:#010156;
  font-size:20px;
  font-family: 'Karla';
}

.chisiamo .mod-articles-title a:hover{
  color:#cccccc;
  font-size:20px;
}


.chisiamo .mod-articles-title{
	padding-left: 70px;
	padding-right: 70px;
	padding-top:10px;
  
}

.chisiamo h3{
	text-align: center;
	font-size: 2.5rem;
	padding-bottom:40px;
	color:#ffffff;
	font-family: 'Karla';
}
.mod-articles-items li{
	padding: 0px;
	background-color:white;
	margin-right:5px;
	margin-left:5px
}

.mod-articles-item-content p{
padding-left:10px;
padding-right:10px;	
}

.dovesiamo{
	padding-top:50px;
	padding-bottom:50px;
}

.contenuti-home{
padding-top:75px;
}


.mod-articles-grid{
	text-align:center;
}

.lat-news{
	background-color:#ECF2F9;
	padding-left:20px;
	padding-top:30px;
	padding-right:10px;
}

.lat-news .mod-articles-items li{
	background-color: transparent;
	line-height:2em;
}

.lat-news .mod-articles-items li a{
	color:#495057;
}
.lat-news h3{
	display:block;
}

.lat-news h3:after{
	display:block;
	content: '';
	width: 100%;
	height: 2px;
	background: black;
	margin-top:5px;
}


/* ============== IC AGENDA ======================== */

.adv-home .ic-list-event{
  width:45%;
  float:left;
  min-height:200px;
  margin-top:20px;
  margin-right:2%;
  margin-left:2%;
}

.adv-pag-eventi .ic-list-event{
  width:45%;
  float:left;
  min-height:250px;
  margin-top:20px;
  margin-right:2%;
  margin-left:2%;
}


.ic-list-event:nth-child(2n+1) {
  margin-right:2%;
  margin-left:2%;
}
.ic-box h2{
  font-size:20px;
}
.ic-box a{
  text-decoration:none;
  text-transform:uppercase;
  font-family: 'Karla';
}

.ic-descshort{
padding-left:110px;	
}
.ic-details{
  background: #f5f5f5;
  padding-left:20px;
  margin-bottom:20px;
  }
/* ================================================= */

/* =================== tutte le News blog layout ============ */

.tutte-news h2 a{
	text-decoration:none;
}


.personale-testo{
	padding: 5px 5px 40px 40px;
}

.banner-orari{
background-color:#FE7F2D;
padding-top:80px;
padding-bottom:80px;
}

.img-articolo{
	padding-right:40px;
}

.img-articolo-50{
	width:50%;
}

.container-bottom-a{
	padding-top:75px;
}


/* ============== Override Bottom B*/
/*
.container-bottom-b {
    flex-wrap: wrap;
}
.container-bottom-b>* {
    flex: 0 0 calc(50% - .5em);
}
.container-bottom-b>*:first-child {
    flex: 0 0 100%;
}
*/

.grid-child.container-bottom-b
{
    grid-column: 1/-1;
}

.grid-child.container-bottom-b {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(4, minmax(0, 19.875rem)) minmax(0, 1fr);
	background-color:#ECF2F9;
}

.bottom-b.module-width-50:nth-child(odd) {
    grid-column: 2/4;
}


.bottom-b.module-width-50:nth-child(even){
    grid-column: 4/6;
}


/* Override for flex wrapper */
.container-bottom-b {
    flex-wrap: wrap !important;
}
/* Override for flex item */
.container-bottom-b>* {
    flex: 0 0 auto;
}
/* Module classes. You can use them in Advanced > Module Class field */
/* 100% width */
/*
.module-width-100 {
    /*width: 100%;
}
/* 50% width */
/*
.module-width-50 {
    width: calc(50% - .5em);
}*/
/* and ect */





.grid-child.container-top-a
{
    grid-column: 1/-1;
}

.grid-child.container-top-a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(4, minmax(0, 19.875rem)) minmax(0, 1fr);
	background-color:#ffffff;
}


.top-a:nth-child(odd) {
    grid-column: 2/4;
}


.top-a:nth-child(even){
    grid-column: 4/6;
}


.grid-child.container-top-b
{
    grid-column: 1/-1;
}
.grid-child.container-top-b {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(4, minmax(0, 19.875rem)) minmax(0, 1fr);
	
}

.top-b:nth-child(odd) {
    grid-column: 2/4;
}


.top-b:nth-child(even){
    grid-column: 4/6;
}

.container-top-b{
	background-color:#8D1675 ;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-bottom:75px;
}

.screening {
	padding:10px;
}

.screening:first-child{
	border-right:3px solid #ffffff;
}

.screening h3{
	color:#ffffff;
	padding-bottom:20px;
}
.screening p{
	color:#ffffff;
	line-height:2em;
}
/* ======================= laterale eventi =====================================*/

.lat-eventi{
	background-color:#ECF2F9;
	padding-left:20px;
	padding-top:30px;
	padding-right:10px;
	padding-Bottom:50px;
	
}

.lat-eventi h3:after{
	display:block;
	content: '';
	width: 100%;
	height: 2px;
	background: black;
	margin-top:5px;
}

.lat-eventi h3{
	padding-bottom:20px;
}

.lat-eventi a{
	background-color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	display: inline-block;
}

.lat-eventi li.active > a{
	background-color:#8D1675;
	text-decoration:none;
	color:#ffffff;
}



/* ======================= footer ==============================================*/

.footer{
	margin-top:0;
}
.footer .grid-child {
	flex-wrap: wrap;
	align-items: flex-start;
	row-gap: 2rem;
}
.footer h3 {
	font-size: 1.3rem;
	padding-bottom:10px;
}

.footer .jb-privacy-reopen.reopenmod{
	position:relative;
}
.jb-privacy-reopen .btn:focus-visible{
		outline-offset: 2px !important;
	outline: 2px solid red !important;
}


/* =================== chronoforms ============================================================ */
#chronoform-contatti{
	padding-right:100px;
	border-right: 1px solid #C6C6C6;
}
.lat-contatti{

}

.btn a{
	color:#ffffff;
	text-decoration:none;
}
/* =============== modulo contatti Jommla ====================================================== */
.com-contact.contact{
  	padding-right:100px;
	border-right: 1px solid #C6C6C6;
}


/* ====================================== media queries breakpoints ======================================== */

@media (width <= 992px) {

/*IC Agenda*/	
.adv-home .ic-list-event{
	width: 95%;
	min-height:100px;
}

.adv-pag-eventi .ic-list-event{
	width: 95%;
	min-height:100px;
}

/*modulo bottom b home*/
.bottom-b.module-width-50:nth-child(odd) {
  grid-column: 2/5;
}
.bottom-b.module-width-50:nth-child(even){
    grid-column: 3/5;
}

.grid-child.container-top-a
{
    grid-column: 1/-1;
}
/*modulo top a home */
.grid-child.container-top-a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(4, minmax(0, 19.875rem)) minmax(0, 1fr);
	background-color:#ffffff;
}


.top-a:nth-child(odd) {
    grid-column: 3/5;
}


.top-a:nth-child(even){
    grid-column: 2/6;
	padding-left:20px;
}

.chisiamo{
	padding-left:10px;
	padding-right:10px;
}

.footer .grid-child {
    flex-direction: unset;
  }
  
.screening:first-child {
  border-right:none;
}
.top-b:nth-child(2n+1) {
	grid-column: 1/6;
}

.top-b:nth-child(2n) {
	grid-column: 1/6;
}
.img-articolo-50{
	width:100%;
}
}



/* ============================ fine breakpoints ================================================ */


/* karla-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/karla-v33-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/karla-v33-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* karla-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/karla-v33-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/karla-v33-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* karla-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/karla-v33-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/karla-v33-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* karla-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/karla-v33-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/karla-v33-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}