/* Stili Header */
.color-riu-bkg {
    
    background-color: #6e4692;
}

h2.riu{
	color:#6e4692;
	font-weight:600;
	font-size: 2rem;
}

h1.color-riu-bkg  a{
	color: #fff;
}

h1.Prot_civ a{
    color: #fff !important;
    background-color: #004F94;
}

/* Stili Slider */
.paragraph--type--slider {
    min-height: 75vh;
    position: relative;
}

.paragraph--type--slider .container {
    min-height: 75vh;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column-reverse;
    color: #fff;
    justify-content: flex-start;
    padding-top: 9.5rem;
    padding-bottom: 3rem;
}

.paragraph--type--slider .slider__field-media img, .paragraph--type--slider video {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}


.field.slider__field-testo{
	color:#fff;
	line-height:2.5rem;
}

.paragraph--type--slider .container .slider__field-testo {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    font-weight: 600;
}

.paragraph--type--slider .container {
    min-height: 75vh;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column-reverse;
    color: #fff;
    justify-content: flex-start;
    padding-top: 9.5rem;
    padding-bottom: 3rem;
	width: fit-content;
}

.btn_resp {
    white-space: normal!important;
}

.flex-caption3 .content_style h3 {
    display: inline-block;
    padding: 15px;
     background: #333;
     background: rgba(0,0,0,0.5); 
    border: none;
    color: #fff;
    /* color: rgba(255,255,255,1); */
	font-size: calc(1em + 1.5vw);
	font-weight:800;
}

span.Prot_civ::before {
    background-image: url(/Portals/0/Protezione_Civile/CivilDefence.svg);
    background-size: 16pt;
    display: inline-block;
    width: 30pt;
    height: 16pt;
    content: "";
    background-repeat: no-repeat;
    background-position: center bottom;
}

/* Stili Menu */
#RM_leftMenu #dnn_ctr35889_ModuleContent li.selected > a > span{ background-color: #004F94; color: #fff !important; font-weight: bolder !important;}
#RM_leftMenu #dnn_ctr35889_ModuleContent  .RM_leftRoot > li.rootnode-container > a > span{ border: 1px solid #004F94;}
#RM_leftMenu #dnn_ctr35889_ModuleContent  li.item a  span:hover{ border: 1px solid #004F94;}


.riu_text p{
  /*   display: flex;
    flex-direction: column;
    justify-content: space-between; */

    font-weight: 600;
    color: #000;
}

/* align-self-center */


/* bottoni */
.btn-riu {
    background-color: #4f6d7a;
    color: #fff !important;
}

a.btn-riu:hover {
    color: #fff !important;
    background-color: #435d68;
    border-color: #3f5762;
}

a.btn-riu-link{
    color: #4f6d7a !important;
}

a.btn-riu-link:hover{
	color: #435d68 !important;
}

.btn-riu-footer {
    background-color: transparent;
    color: #fff!important;
	border:1px solid #fff;
}

a.btn-riu-footer:hover {
    color: #435d68 !important;
    background-color:  #fff;
    border-color: #3f5762;
}


/* blocchi */
.light_riu_bkg {
	background-color: #DBD1E4;
	padding: 2%;
	margin: 5% auto;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0;
	height: 100%;
    box-shadow: 1px 7px 12px -3px #dee2e6;
}


.card-main {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0;
	height: 100%;
    box-shadow: 1px 7px 12px -3px #dee2e6;
}

.card-body {
	padding: 1rem 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

a.main-card-body{ 
	/* font-size: 1.25rem;
	min-height: 4.5rem; */
	color: #4f6d7a !important;
	font-weight:bold;
}

a.card-footer-link{
    margin-top: 15px;
    justify-content: flex-end;
    /* font-size: .75rem; */
    font-weight: 700;
	color: #4f6d7a !important;;
}
a.card-body:hover, a.card-footer:hover{
	color: #3f5762;
}

.azioni-programmatiche img{
  vertical-align: middle;
  min-width: 100px;
  height: 100px;
  align-self: center;
  object-fit: cover;
  margin-bottom: 1rem;
  }
  .azioni-programmatiche .card {
    padding: 5rem 0;
	max-height: 335px;
  }

 .network .card {
    padding: 5rem 0;
	min-height: 330px;
  }
  
  .row.network {
    margin-top: 2rem;
}
/* Stili footer */
#dnn_FiveGrid12{
	margin-top:4%;
}
.IM_footer p {
	color: #fff;
	font-size: 16px;
	padding:10px;
}
.IM_footer a{
	color: #fff!important;
}

.IM_footer strong  {
	color: #fff;
	font-size: 16px;
}
.row.IM_footer{
	padding:20px 10px;
}

.row.IM_footer a.social_icon:hover{
	text-decoration:none;
}
.Mi_topbox{
	padding: 0px 2%;
}

/* Media queries */

@media screen and  (max-width: 992px){
    .card-main {
        margin-top: 3rem !important;
    }
}


    @media screen and (min-width: 991px) {
        .flexrow{
        display: flex;
        }
        .text-center {
            text-align: center !important;
        }
        
        .align-self-center {
            -ms-flex-item-align: center !important;
            align-self: center !important;
        }
        .paragraph--type--slider .container .slider__field-testo {
            width: 60%;
        }
        .paragraph--type--slider .container {
            padding-bottom: 5.75rem;
        }
        .card-main {
            min-height: 372px;
        }
    }
	
	.home4_icon.icon_circle .icon_hover .fa {
    padding-left: 10px;
    color: #fff;
}


.accordion__h3_fix {
    cursor: pointer;
    margin-top: 8px;
    padding: 7px 8px 5px 45px;
    /* background-color: #6e4692 !important; */
    font-size: 18px!important;
    font-weight: normal;
}

.panel-collapse.collapse.in {
    padding: 0px 45px
}
.agid-button {
    display: inline-block;
    padding: 80px 100px;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #036f3a;
    color: #004080;
    background-color: #ffffff;
    border-radius: 25px;
    transition: background-color 0.3s, color 0.3s;
    /* font-family: sans-serif; */
  }
  A:link.agid-button{color: #036f3a;}
.agid-button:hover {
    background-color: #036f3a;
    color: #ffffff!important;
}