@charset "UTF-8";
/* CSS Document */

/*----------------
Media Query in ordine alfabetico-----------------*/


@media only screen and (min-width : 320px) {
    
.backgroundMobileFirst{
    background-color: #f8f8f8;
}
    
.backgroundMobileSecond{
    background-color: inherit;
}
    
.paddingSeo{
    padding: 8%;
}
    
.readMoreHidden {
    display: none;
}
    
.readMoreButton {
    display: flex;
    margin-top: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5%;
}
    
.readMoreButton:hover {
    text-decoration: underline;
}
    
.readMoreNotDisplay {
  display: none;
}

.readMoreNotDisplay:checked ~ .readMoreWrapper .readMoreHidden {
  display: block;
}

.readMoreNotDisplay ~ .readMoreButton:before {
  content: 'Continua a leggere';
    color: #2d3844;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
        cursor: pointer;
}
    
.readMoreNotDisplay ~ .readMoreButton:before:hover {
    text-decoration: underline;
}
    
.readMoreNotDisplay:checked ~ .readMoreButton:before {
  content: 'Richiudi';
    color: #2d3844;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
        cursor: pointer;
}
    
.readMoreNotDisplay:checked ~ .readMoreButton:before:hover {
    text-decoration: underline;
}
    
.readMoreNotDisplay ~ .readMoreButton span:before{   
    content:url(../images/plusIconSeo.svg);
    height: 16px;
    width: 16px;
    display: block;
    margin-left: 5px;
    cursor: pointer;
}

.readMoreNotDisplay:checked ~ .readMoreButton span:before{
        content:url(../images/minusIconSeo.svg);
    height: 16px;
    width: 16px;
    display: block;
        margin-left: 5px;
        cursor: pointer;
}


    
.titleGreyBox{
    font-size: 20px;
    font-family: "Oswald",sans-serif;
    color: #2d3844;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    text-align: center;
    margin-top: 2%;
}
    
.textSeoDisplayed{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    color: #6c6c6c;
    text-align: left;
    letter-spacing: -0.2px;
}
    
.textSeoNotDisplayed{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    color: #6c6c6c;
    text-align: left;
    letter-spacing: -0.2px;
}
    
}


/*XS*/
@media only screen and (min-width : 480px) {
    
}


/*SM*/
@media (min-width: 768px) { 

.backgroundMobileFirst{
    background-color: inherit;
}    
    
.backgroundMobileSecond{
    background-color: #f8f8f8;
}
    
}


/*MD*/
@media (min-width: 992px) {
    
.paddingSeo{
    padding: 4%;
}
    
.readMoreButton {
    justify-content: flex-start;
}
    
.textSeoDisplayed{
    font-size: 15px;
}
    
.textSeoNotDisplayed{
    font-size: 15px;
}
    
.titleGreyBox{
    text-align: left;
    font-size: 24px;
}
    
}


/*LG*/
@media (min-width: 1500px) { 

}