/*
 Theme Name: studiogiannonecdl.it
 Author: Luigi Giannone 2025
 Description: Studio di Consulente del Lavoro
 Version: 1.0
 Requires PHP: 8.2
 Tested up to: Wordpress 6.7
 License (*): Tema sviluppato da Luigi Giannone. E' vietata la riproduzione e distribuzione senza
              autorizzazione. 
 License URI (*): www.studiogiannonecdl.it
 Text Domain (*): studiogiannonecdl 
*/

:root {
    --font-base: 'Montserrat', cursive;
    --colore-testo: rgb(27, 27, 27);
    --colore-sfondo: rgb(255, 255, 255);
    --colore-sfondo-menu: rgb(105, 105, 105);
    --colore-testo-menu:rgb(255, 255, 255);
    --colore-hover-link-menu: #ea651d;    
    --h1-size: calc(1rem + 1.4vw);  
    --h2-size: calc(0.8rem + 1.2vw); 
    --h3-size: calc(0.6rem + 1vw); 
    --h4-size: calc(0.4 + 0.8vw); 
    --p-size: 1rem; 
    --colore-a-link:  rgb(72, 72, 72);
    --colore-a-hover: rgb(249, 110, 4);
    /* calc(1rem + 0.1vw);  */
   /*  --title:  calc(1rem + 0.4vw);  */
    --p-privacy: calc(0.5rem + 0.1vw); 
    /* --a-size: calc(1rem + 0.1vw);  */
  }

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  } 

html {
    font-size: 1rem;
}

body{
    /*font-family: 'Dancing Script', cursive; */ 
   font-family: var(--font-base);
   font-size: var(--p-size);
   width: 100%;
   height: auto; 
   margin:0;
   padding:0; 
   color:var(--colore-testo);
   background-color: var(--colore-sfondo);
}


.navbar-nav{
    display: flex;
    flex-direction: row;    
    width: 100%;
    justify-content:end;
}

.navbar-brand img{
    width: 30px;
    height: auto; 
}

a.navbar-brand{
    color: var(--colore-testo-menu) !important; 
}
a.nav-link{
    color: var(--colore-testo-menu) !important; 
}


a:hover.nav-link{
    color: var(--colore-hover-link-menu) !important ;
}

.navbar-brand{
    color: var(--colore-sfondo);
    font-size: 1rem;
}


.navbar{
    background-color: var(--colore-sfondo-menu);   
   /*  background-color: rgba(240, 99, 39, 0.997);    */
}


#bs4navbar input:hover{
   color: var(--colore-hover-link-menu);
}
a:link{
    color: var(--colore-testo) ;
    text-decoration: none !important;
}

a:hover{
    color: var(--colore-a-hover) !important;
}

a:visited{
  color:  var(--colore-a-link)
}

#logotop{
    position: relative;
    clear: both;
    top: -200px;
    width: 20%;
    height: auto;
    margin: 0;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(240, 99, 39, 0.997)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");     

  }
  
  .custom-toggler.navbar-toggler {     
     border: 2px;
    
  } 

.card-body figure{
    text-align: center;   
}

.navbar-nav{
    display: flex;
    flex-direction: column;    
    width: 100%;
    justify-content:end;
    background-color: var(--colore-sfondo-menu);  
   /*  color: rgba(255,102,203, 0.5); */
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline:none ;
    box-shadow:none;
}  

.mano {
    cursor: pointer;
}

label {
    margin-bottom: 0;
    font-style: italic;
}

li.nav-item{
    margin: 0;
} 

#contatti{
    text-align: center !important;
}

#contatti a{
    color: var(--colore-testo);    
}

 .carousel-caption img{
    width: 250px;
    height: auto; 
    
 }
 .carousel-caption p{
    color: #3e7fc9;
    font-weight: bold;
 }
/*  .carousel-caption{
    color: rgba(240, 99, 39, 0.997);
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 10px;  
 }
 */
 .container-fluid{
    padding: 0 !important;
    border: 2px ;
 }

 h1,h2,h3,h4{
    color:  rgba(240, 99, 39, 0.997);
 }

 .size-post-thumbnail{
    width: 100%;
    height: auto;
 }

 .fa{
    width: 20px !important;
    height: auto;
 }

 article p {
    text-align: justify;
 }

 blockquote{
    text-align: justify;
 }

.btn{
    color: var(--colore-testo-menu) !important;
 }

 .search-submit{
    color: var(--colore-testo-menu);
    background-color: var(--colore-sfondo-menu) ;
    margin-top: 5px;
}

#result_search{
    width: 100%;
   /*  text-align: center;    */
}

.searchimg img {
    width: 250px;
    height: auto;
    border-radius: 5px;    
}


.tox-promotion{
    display: none;
} 

.carousel-caption{
    background-color: rgba(0,0,0, 0.5);
    width: 40%;
    height: auto;
    margin: 0 auto;
    border-radius: 20px;
}

 /*::::::::::::::::::::::::::::::::::::::::::::::::::::
 Custom media queries
 */
@media (max-width: 768px) { 
    
   
    .carousel-caption h2{
      padding-top: 10px ;  
      margin-top: 20px;  
      font-size: 1.1rem;    
    }

    .navbar-brand img{
        width: 20px;
        height: auto;
        
    
    }

   /* 	.carousel-caption{
        margin-top: 100px;
        
    }
*/
  	.carousel-caption img{                   
	   /*  margin-left: auto;
	    margin-right: auto; */
        margin-top: 10%;
	    width: 50%;
        height: auto; 
    }  
 

    
}
    


 
/*********
* Pagination
*/
.pagination-wrap {
    clear: both;
    display: block;
    overflow: hidden;
    text-align: center;
}
.pagination-wrap .pagination {
    margin-bottom: 0rem;
    margin-top: 0rem;
}
.pagination-wrap .pagination > li:first-child > a, 
.pagination-wrap .pagination > li:first-child > span {
    border-bottom-left-radius: 0rem;
    border-top-left-radius: 0rem;
}
.pagination-wrap .pagination > li:last-child > a, 
.pagination-wrap .pagination > li:last-child > span {
    border-bottom-right-radius: 0rem;
    border-top-right-radius: 0rem;
}
.pagination-wrap .pagination > li > a,
.pagination-wrap .pagination > li > span {
    background-color:  var(--colore-sfondo-menu); /* #4FBEBA  */
    border: 1px solid  var(--colore-sfondo-menu); /* #1BA5A0 */
    padding: 0.7rem 0.9rem;
    font-size: 1.5rem;
    font-weight:400;  
    color: var(--colore-testo-menu);
}
.pagination-wrap .pagination > li > a:hover, 
.pagination-wrap .pagination > li > span:hover, 
.pagination-wrap .pagination > li > a:focus, 
.pagination-wrap .pagination > li > span:focus {
    background-color:  var(--colore-sfondo-menu); /* #1BA5A0 */
    border-color:  var(--colore-sfondo-menu);     /* #189690  */ 
 }
.pagination-wrap .pagination .current {
    background-color: var(--colore-sfondo-menu);  /* #1BA5A0 */
    border-color:  var(--colore-sfondo-menu); /* #189690  */ 
    color: var(--colore-hover-link-menu)
}
.pagination-wrap .pagination .current:hover,
.pagination-wrap .pagination .current span:hover {
    background-color:  var(--colore-sfondo-menu);
    border-color:  var(--colore-sfondo-menu);    
}