moduli in home page opzione colori per lo slide

media/templates/site/joomla-italia-theme/css/pcrt-jit.css

@@ -275,14 +275,6 @@ article{
     padding-bottom: 17px;
 }
 
-.purplelight .card.card-icon svg {
-    fill: #B21DD0;
-}
-
-.redbrown .card.card-icon svg {
-    fill: #d1344c;
-}
-
 .card.card-icon .icon {
     width: 34px;
     height: 34px;
@@ -312,7 +304,44 @@ article{
     /*display: flex;*/
 }
 
+.card.card-bg-border{
+    border-bottom: 2px solid #000;
+    background: #fff;
+    border-radius: 0;
+    margin-left: 0;
+    margin-right: 0;
+}
 
+.card.card-bg-border a{
+    color: #000;
+}
+
+
+.card.card-bg-border:after {
+    margin: 0;
+}
+
+.comunicazioni-bg{
+    background: url(../images/bg-esplora-risorse.jpg) bottom center no-repeat;
+    position: relative;
+    min-height: 400px;
+}
+
+.comunicazioni-bg::after{
+    position: absolute;
+    content: '';
+    width: 100%;
+    height: 100%;
+    background-color: #ffffffbf;
+    top: 0;
+    left:0;
+    z-index: 1;
+}
+
+.comunicazioni-bg .container{
+    position: relative;
+    z-index: 2;
+}
 
 .card.card-article .card-article-img {
     flex-shrink: 0;
@@ -1461,11 +1490,15 @@ a.cardblu:hover{
     margin-top: 1rem;
   }
 
+  .caption-slide a.btn.btn-slide:hover{
+    color: #C3334B;
+  }
+
   .title-slider{
     font-size: 2.5rem;
     line-height: 2.8rem;
     font-weight: 600;
-    margin-bottom: 5px;
+    margin-bottom: 1rem;
     position: relative;
   }
 
@@ -1540,6 +1573,12 @@ a.cardblu:hover{
         background-color: #838383;
     }
 
+@media(max-width:1199px){
+    .caption-slide {
+        max-width: 50%;
+    }
+}
+
 @media(max-width:991px){
     #slideheader .owl-dots {
       bottom: 40px;
@@ -1568,10 +1607,27 @@ a.cardblu:hover{
         height: 20em;
     }
 
+    .title-slider{
+        font-size: 1.9rem;
+        line-height: 2.2rem;
+        margin-top: .5rem;
+    }
+
+    .caption-slide a.btn.btn-slide {
+        font-size: .8rem;
+        padding: 8px 16px;
+    }
+
+    .text-slider{
+        font-size: 1rem;
+        margin-top:.3rem;
+    }
+
     .caption-slide{
         width: 100%;
         max-width: 100%;
         min-height: 280px;
+        background-color: #000;
     }
 
     .wrap-slide {