.sticky-category {
    position: fixed !important;
    top: 80px !important;

}

.checkbox-block span {
    padding: 5px;
    border: solid 1px rgb(209, 209, 209);
    margin: 5px;
    line-height: 40px;
}

#category-menu .sub{
    padding-left: 15px;
}
#category-menu {
    position: relative;
    top: 0px;
    padding: 10px;;
    background-color: #f5f1f1; ;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#category-menu ul {
    list-style: none;
    padding: 0 10px;
}

#category-menu>ul>li {

    border-bottom: 1px dotted #ae956b;
    padding: 5px;
}

#category-menu .sub{
     overflow: hidden;
    height: 0;
    opacity: 0;  
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/* #category-menu li:hover>.sub{
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
} */
#category-menu  ul.show-menu{
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}  
#category-menu a{
    color: #212529;
}

#category-menu li:hover>a{
    color: #f5f1f1;
    padding-left: 10px;
}
  #category-menu li:hover {
    background-color: #ae956b;

    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}  

.img-fluid img {
    width: 100%;
}

.wp-block-gallery img:hover{
    filter: grayscale(1);
}

.wp-block-gallery img {
    border-radius: 0.25rem!important;
}
.img-container{
    overflow: hidden;
    max-height: 160px;
    border-radius: 0.25rem!important;
}

.info-boxes h1 strong{
    color: #ed1c24;
    font-family: 'Cerebri Heavy';
}
 
.info-boxes .wp-block-column p
{
    text-align: justify;
}
.info-boxes .wp-block-column p.client,
.info-boxes .wp-block-column p.job
{
    text-align: center;
}

.info-boxes .wp-block-column:not(:empty){
    border: 1px #dadada  solid;
    border-radius: 8px;
    padding:20px;
}
.info-boxes .wp-block-column h2:before{
    content: '\F0862';
    font: normal normal normal 24px/1 "Material Design Icons";
    color: #fff;
    display: inline-block;
    position: relative;
 
    box-shadow: 2px 2px 2px grey;
    background: -webkit-linear-gradient( 180deg , #cd1719 0%, #8d1b1c 100%);
    border-radius: 8px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    
    line-height: 40px;
    text-align: center;

}

.info-boxes .wp-block-column:nth-child(1):not(:empty) h2:before{
	content: '\F0BA6  ';
}
.info-boxes .wp-block-column:nth-child(2):not(:empty) h2:before{
	content: '\F07C9';
}

.info-boxes .wp-block-column:nth-child(3):not(:empty) h2:before{
	content: '\F140E ';
} 
/* CONTACT */
.info-boxes-contact .wp-block-column:nth-child(1):not(:empty) h2:before{
	content: '\F034E  ';
}
.info-boxes-contact .wp-block-column:nth-child(2):not(:empty) h2:before{
	content: '\F0352';
}

 
.entry-title   {
    /* border-left: 14px solid var(--main-1-color); */
    border-bottom: 1px dotted var(--main-1-color);
    padding: 11px;
    text-transform: uppercase;
    /* background: #f7f3f3; */


}

.wp-block-image  figcaption,
.wp-block-image .aligncenter>figcaption{
    text-align: center;
    color: #ffffff;
    background-color: #ed1c24;
    text-transform: uppercase;
    margin-top: 0;
}

 

#thelogo{
     max-width: 100px;
     /* width: 100%; */
 }

 #header-section{
	position:relative;
	z-index:2;
    background-color: #2a2a2a78;
}

.contact-box a{
    margin: 0 10px;
}
 #header-section a{
    color: var(--main-3-color);
}
#header-section a:hover{
    color: var(--main-2-color);
}

.page-template-contact-us #header-section,
.archive #header-section,
.prodotto-template-default #header-section,
.page-template-page-cover #header-section,
.page-template-page-internal #header-section{
    background-color: #2a2a2a;
}
#page-cover-internal-taxonomy,
#page-cover-container-page {
    padding: 15px;
    background-color: #ed1c24;
    color: white;
}
#page-cover-container-page .col-md-12{
    max-width: 1320px;
}
.page-cover-title
{
    margin-top: -152px;
    margin-bottom: 50px;
     
    position: relative;
    
}
.page-cover-internal
{
 
 padding:80px 0 80px 0;
 text-align: center;
 /* background-color: rgb(187 181 150 / 15%); */
margin-bottom: 25px;
    
}
.page-cover-title h1
{
    font-family: 'Cerebri Heavy';
    text-transform: uppercase;
    color: #212529!important;
    background-color: hsla(0, 0%, 100%, 0.612);
    display: inline-block;
    padding: 25px;
    margin: 25px;
}





#slider-section{
    margin-bottom: -130px;
    top: -130px;
    position: relative;
    overflow: hidden;
}

.hidden-block{
    display: none;
}

.color-full{
  background: -webkit-linear-gradient(180deg, #38b8e3 0%, #7f90c6 50%,  #a775aa 100%); 
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-family: 'Cerebri Heavy';
    margin-bottom:50px ;
}
 

.progetto h2{
    color:white;
    background: -webkit-linear-gradient(180deg, #38b8e3 0%, #7f90c6 50%,  #a775aa 100%); 
      font-family: 'Cerebri Heavy';
      margin-bottom:50px ;
      border-radius: 8px;
      padding: 10px;
      margin-bottom: 10px;
      display: table;
}

.business-process em{
    font-family: 'Cerebri Heavy';
    font-size: 30px;
    
    font-style: normal;
}

.comment-box .wp-block-column:hover
{
box-shadow:     0px -1px 3px 3px #f5f1f1;
}


.page-template-contact-us .wp-block-column {
    line-height: 2.5em;
}
 
    .comment-box .wp-block-column p
    {
        text-align: justify;
    }
    .comment-box .wp-block-column p.client,
    .comment-box .wp-block-column p.job
    {
        text-align: center;
    }
 
    .comment-box .wp-block-column:not(:empty){
        border: 1px #dadada  solid;
        border-radius: 8px;
    	padding:20px;
    }
    .comment-box .wp-block-column:not(:empty):before{
        content: '\f10d';
        font-family: 'FontAwesome';
        display: block;
        position: relative;
        top: -50px;
        margin-bottom: -50px;
        box-shadow: 2px 2px 2px grey;
        background: -webkit-linear-gradient(
            180deg
            , #c5e7f6 0%, #e5d5e8 100%);
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin-right: auto;
        margin-left: auto;
        line-height: 50px;
        text-align: center;
 
    }

    .job-area .wp-block-column{ 
        border:1px solid rgb(172, 171, 171);
        padding:20px;
    }
    .job-area .wp-block-column:hover{ 
        box-shadow: 2px 2px 2px grey;
    }
    .job-area{
        text-align: center;
    }
    
    .job-area .wp-block-columns,
    .servizi .wp-block-columns{ 
        margin-bottom: 0!important;
    }
    .servizi .wp-block-column{ 
        border:1px solid rgb(172, 171, 171);
        padding:20px;
        border-radius: 12px;
        margin-bottom: 25px;
    }
    .job-area .wp-block-column{
        margin-bottom: 25px;
    }

    .servizi .wp-block-column:hover:before,
    .servizi .wp-block-column:hover{ 
        box-shadow: 2px 2px 2px grey;   
    }

    .servizi .wp-block-column p{
        padding-left: 90px;  
    }

 
    .eventi-box:before{
        content: '\f000'; 
    }
    .design-box:before{
        content: '\f0a1'; 
    }
    .technical-box:before{
        content: '\f085'; 
    }
    .videoservice-box:before{
        content: '\f03d'; 
    }
    .digital-box:before{
        content: '\f1eb'; 
    }
    .sirius-box:before{
        content: '\f021'; 
    }

    .servizi .wp-block-column:before{
         
        font-family: 'FontAwesome';
        display: inline-block;
        top: 35%;
        position: relative;
        
        background: -webkit-linear-gradient(
            180deg
            , #c5e7f6 0%, #e5d5e8 100%);
        border-radius: 50%;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;

  
    }

.progetto{
     background-image: url(https://sirius.dev.noip.it/wp-content/uploads/2022/02/2.11_SERVIZI_HAI-UN-NUOVO-PROGETTO.jpg);
     background-size: cover;
}
#sirius,
#digital,
#technical,
#videoservice,
#eventi,
#design{
    max-width: 800px;
}

  h1.title:first-child:before,
.single  .the_content  h3:first-child:before{
    margin-right: 15px;
    content: "\F0862";
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    border: 5px solid #cd1719;
    border-radius: 5px;
    background: #ffffff;
    color: #cd1719;

}
.page-cover-internal  h1:first-child:before ,
.the_content  h1:first-child:before {
    margin-right: 15px;
    content: "\F0862";
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    border: 5px solid #cd1719;
    border-radius: 5px;
    background: #ffffff;
    color: #cd1719;

}
.related-pdf-list{
    margin-top: 25px;
}
.related-pdf-list li{
    list-style-type: none;
    margin: 10px 0;
}
.single .the_content .related-pdf-list H3:before{
    list-style-type: none;
    content: "\F0B7D";
}

@media only screen and (max-width: 500px) {
    .info-boxes{
        margin-bottom: 25px;;
    }
    .noleggio .hidden-block{
        display: block;
    }
    .noleggio figure{
        display: none!important;
    }
    .noleggio .center-flex-text{
        align-items: flex-start;
    }
    .noleggio .wp-block-group{
        width: 100%;
        background: #efefef;
        padding: 25px;
        border-radius: 20px;
        margin-bottom: 25px;
    }
    #category-menu{
        display: none;
    }
    #category-column {
          min-height: 0!important;  
          display: none;
    }
.gallery-video video{
        width: 100%;
    }
}