/* Enter Your Custom CSS Here */
#cookie-law-info-bar { border-bottom-width: 2px!important; line-height: 15px;}
.article-header-body .gg-love-this{display:none;}
.entry-header .pull-left, .recent_post_thumbnails .pull-left{display:none;}

/*.widget_wpmailup_widget .subscribeForm fieldset{ 
  	border-width: 0px;
  	background-image: none;
  	background-color: rgba(0,0,0,0);
}

.widget_wpmailup_widget .subscribeForm fieldset .btn-primary{
  border: 0px solid #555;
  color: #ffffff;
  background-color: #659db0;
  cursor: pointer;
  text-transform: inherit;
  font-weight: inherit;
  
  
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.widget_wpmailup_widget .subscribeForm fieldset .btn-primary:hover, .widget_wpmailup_widget .subscribeForm fieldset .btn-primary:focus, .widget_wpmailup_widget .subscribeForm fieldset .btn-primary:active{
  background-color: #27ae60;
  
}*/

.recent-posts-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.recent-post {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    padding: 20px;
    width: 30%;
    box-sizing: border-box;
    margin: 10px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.recent-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.recent-post h3 {
    margin-top: 0;
}

.recent-post a.read-more {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 15px;
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    transition: background 0.3s;
}

.recent-post a.read-more:hover {
    background: #005a87;
}

/* CSS media queries per la visualizzazione mobile */
@media only screen and (max-width: 768px) {
    .recent-posts-container {
        flex-direction: column; /* Cambia la direzione del flex container in colonna */
    }
    .recent-post {
        width: calc(100% - 20px); /* Assicura che gli elementi recent-post occupino il 100% della larghezza disponibile meno il margine */
        margin: 10px 0; /* Imposta un margine verticale */
    }
}
