/*--------------------------------------------------------------------------
+	GENERAL RULES
--------------------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;

}

:root{
  --bg_primary: #1E5128;
  --bg_secondary:#191A19;
  --bg_tertiary: white;
  --bg_cards: white;

  --txt_primary:#000000;
  --txt_secondary:#FFFFFF;
  --txt_tertiary:#d3d3d3;
  --txt_quaternary: #1E5128;
  --txt_success_green: #198754;

  --btn_primary:#1E5128;
  --btn_txt_primary:#FFFFFF;

  --bg_top_footer:#198754;
  --bg_bottom_footer_primary: #191A19;
  --bg_bottom_footer_secondary:#000000;
}

/*--------------------------------------------------------------------------
+	COMMON RULES
--------------------------------------------------------------------------*/

a {
  text-decoration: none;
}

img{
    max-width: 100%;
}

ul{
  list-style-type: none;
}

main > div:first-child,
main > section:first-child,
.jumbotron,
.lawyer{
  margin-top: 4rem;
}


/*#region HEADER*/



    .logo_img{
        height: 45px;
    }

   
    header nav,
    nav a{
        font-size: 14px ;
        font-weight: 500;
        color: #191A19!important;
    }

   
    nav .current_page_item {
      
      font-weight: bold;
     
    }

    nav .current_page_item a{
      color: #198754!important; 
    }

    nav .current_page_item a:hover{
      color: #198754!important; 
    }


    nav  a:hover{
      color: #198754!important; 
    }

    header .nav-item .dropdown-item:hover{
      color:black!important;
    }


    header .nav-item .dropdown-item:hover{
      background-color:#198754!important;
    }

    header .nav-item .dropdown-item:hover{
      color:white!important;
    }


/*#endregion*/



/*#region MAIN*/

    .jumbotron{
        
        background-size: cover;
        background-position : center;
        background-color: rgba(0,0,0,0.2);
        background-blend-mode: color;
        height: 680px;
    }

    .hero_cta{
      background-color: #003b17b1;
      color:var(--btn_txt_primary);
      border-radius: 20px;
      
    }

    /*--------------------------------------------------------------------------
    +	CARD SERVIZI
    --------------------------------------------------------------------------*/

    .jumbotron .swiper {
        width: 270px;
        height: 380px;
      }
  
      .jumbotron .swiper-slide {
        border-radius: 18px;
        font-size:16px;
        box-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
      }

      .jumbotron .card h6{
       
        color: var(--txt_tertiary);
      }
  
      .jumbotron .swiper-slide:nth-child(1n) .el{
        color:red;
      }

      .jumbotron .swiper-slide:nth-child(1n) .top_card .el::after{
        font-family:'Bootstrap-icons';
        content:' \F59B ';
        font-size:18px;
        
      }

      .jumbotron .swiper-slide:nth-child(1n) .bottom_card .el::before{
        font-family:'Bootstrap-icons';
        content:' \F59B ';
        font-size:18px;
      }
  
      .jumbotron .swiper-slide:nth-child(2n) .el{
        color:black;
      }

      .jumbotron .swiper-slide:nth-child(2n) .top_card .el::after{
        font-family:'Bootstrap-icons';
        content:' \F599 ';
        font-size: 18px;
      }

      .jumbotron .swiper-slide:nth-child(2n) .bottom_card .el::before{
        font-family:'Bootstrap-icons';
        content:' \F599 ';
        font-size:18px;
      }
  
      .jumbotron .swiper-slide:nth-child(3n) .el{
        color:red;
      }

      .jumbotron .swiper-slide:nth-child(3n) .top_card .el::after{
        font-family:'Bootstrap-icons';
        content:' \F59D ';
        font-size: 18px;
      }

      .jumbotron .swiper-slide:nth-child(3n) .bottom_card .el::before{
        font-family:'Bootstrap-icons';
        content:' \F59D ';
        font-size:18px;
      }
  
      .jumbotron .swiper-slide:nth-child(4n) .el{
        color:black;
      }

      .jumbotron .swiper-slide:nth-child(4n) .top_card .el::after{
        font-family:'Bootstrap-icons';
        content:' \F59F ';
        font-size: 18px;
      }

      .jumbotron .swiper-slide:nth-child(4n) .bottom_card .el::before{
        font-family:'Bootstrap-icons';
        content:' \F59F ';
        font-size:18px;
      }
  
      .jumbotron .swiper-slide:nth-child(5n) .el{
        color:red;
      }

      .jumbotron .swiper-slide:nth-child(5n) .top_card .el::after{
        font-family:'Bootstrap-icons';
        content:' \F59B ';
        font-size: 18px;
      }

      .jumbotron .swiper-slide:nth-child(5n) .bottom_card .el::before{
        font-family:'Bootstrap-icons';
        content:' \F59B ';
        font-size:18px;
      }
  
      .jumbotron .card_element .number_card{
        font-size: 20px;
      }
      
      .jumbotron .bottom_card .number_card{
       transform: rotate(180deg);
      }

      /*--------------------------------------------------------------------------
      +	CARD PROFESSIONISTI
      --------------------------------------------------------------------------*/

     .about_us .card-img-top{
      width: 10em;
      height:10em;
      border-radius: 50%;
      border: 5px solid #198754;
      padding: 3px;
      margin-bottom: 2em;
     }

     .about_us .card-img-top img{
      width:100%;
      height: 100%;
      border-radius: 50%;
      object-fit: cover;
     }

     .about_us .swiper{
      width: 100%;
     }

     .about_us .swiper-wrapper{
      width: 100%;
      height:40em;
      margin: 2em 0;
     }

     .about_us .card{
      width: 20em;
      height: 80%;
      background-color: var(--bg_cards);
      border-radius: 2em;
      box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
      padding:2em 1em !important;
     }

     .about_us .card-title{
      font-size: 1.3rem;
      font-weight: bold;
     }

     .about_us .card-subtitle{
      color: #198754;
      font-weight: 700;
     }

     .about_us .card-text{
      text-align: center;
      font-size: 1.1rem;
      margin: 1em 0 !important;
      
     }

     .about_us a{
      padding: 0.5em !important;
      margin-top: 0.5em !important;
     }

      /*--------------------------------------------------------------------------
      +	SEZIONE LIBRO
      --------------------------------------------------------------------------*/

     .book{
      background-color: var(--bg_primary);
     }

     .book_image{
      min-width:140px;
      max-width: 340px;
      box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
     }

     

     .book_image img{
      width:100%;
      height: 100%;
      border-radius: 0.3%;
      object-fit: cover;
     }

     .book_description .content_video iframe,
     .book_description .content_video #placeholder{
      width:380px; 
      height:315px;
       box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);

     }

/*--------------------------------------------------------------------------
+	NEWS
--------------------------------------------------------------------------*/

    .news{
      background-color: var(--bg_bottom_footer_primary);
    }
    
    .news h5{
      font-size: 1rem;
      margin-bottom:2px !important;
     
    }

    .news .meta {
      font-size: 12px;

    }

    .last_articles i{
      font-size: 45px;
      color:var(--txt_success_green);
    }

    .last_articles a,
    .last_events a{
      color:var(--txt_success_green);
    }

    .news h3::before{
      content:"//";
      font-size: 30px;
      color:var(--txt_success_green);
      font-weight: 700;
      padding-right: 6px;
      
    }

    .news .date::after{
      content:" - ";
      padding: 0 3px;
    }

/*#endregion*/

/* #region FOOTER */

#site_footer{
  color:var(--txt_secondary);
}

#site_footer a{
  color: var(--txt_secondary);
}

.footer_top{
  background:var(--bg_top_footer);
}
.social_icons a{
  color:var(--btn_txt_primary);
  padding: 0 0.8rem;
  font-size: 1.2rem;
  
}

.footer_content{
  background-color: var(--bg_bottom_footer_primary);
  font-size:12px;
}


#site_footer .telefono::before {
  font-family:'Bootstrap-icons';
  content:' \F5B4 ';
  font-size:14px;
  padding-right: 6px;
}

#site_footer .email::before {
  font-family:'Bootstrap-icons';
  content:' \F84B ';
  font-size:14px;
  padding-right: 6px;
}

#site_footer .legal_address::before {
  font-family:'Bootstrap-icons';
  content:' \F3E7 ';
  font-size:14px;
  padding-right: 6px;
}

.footer_copyright{
  background-color: var(--bg_bottom_footer_secondary);
  font-size:10px;
  text-align:center;
  
}

/* #endregion */


/*--------------------------------------------------------------------------
+	PAGINA SERVIZI
--------------------------------------------------------------------------*/

 section .services_content{
  background-color: var(--bg_bottom_footer_primary);
  padding-top: 6rem;
  
 }

 section .single_service_content{
  background-color: var(--bg_bottom_footer_primary);
 }

 .main_services .cover_image,
 .single_service .cover_image,
 .contact .cover_image{
        background-size: cover;
        background-position : center center;
        background-color: rgba(0,0,0,0.2);
        background-blend-mode: color;
        height: 450px;
 }

 .section_title .title_container{
  background-color: #003b17b1;
  color:var(--btn_txt_primary);
  max-height: 7rem;
}
.services .card_btn{
  min-height: 3rem;
}

.services .card_text{
  height: (100% - 10rem);
}


.services .card-title{
  font-size:1rem;
}

.services_content .card{
  
  height: 18rem;
  width: 18rem;
  /* aspect-ratio: 1 / 1; */
  color:var(--txt_secondary);
  background-color: transparent;
  border:0.3px solid grey;
  border-radius: 0;

}

.services_content .card:hover{
  border:0.3px solid var(--txt_success_green);
}

.services_content .card i{
  font-size: 2.3rem;
}

.services_content .card-text{
  font-size: 0.7rem;
}
.services_content .card-link{
  font-size: 0.6rem !important;
}

.slot_machine_icon{
  border: 3px solid var(--txt_success_green);
  border-radius: 2px;
 
}

.service_image {
  width: 100;
  height: 8.688cm;
 }

 .service_image>img{
  width:100%;
  height: 100%;
  object-fit: cover;
 }

/*--------------------------------------------------------------------------
+	PAGINA SINGOLO SERVIZIO
--------------------------------------------------------------------------*/

.single_service p{
  color: var(--txt_secondary);
  font-size: 1rem;
  padding-bottom: 1rem;
}

.single_service img{

  margin-bottom:2rem;
}

.services_menu ul a{
  color: var(--txt_secondary);
  
}

.services_menu ul li::before {
  content: "\2022";
  color: var(--txt_success_green);
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.services_menu ul li:hover {
  background-color: var(--txt_success_green);
  color:var(--txt_secondary);
}

.added_textarea img {
  
  margin-bottom: 30px;
}


/*--------------------------------------------------------------------------
+	PAGINA TEAM
--------------------------------------------------------------------------*/

.team{
  background-color: var(--bg_bottom_footer_primary);
}

.team .cover_image {
        background-size: cover;
        background-position : center center;
        background-color: rgba(0,0,0,0.2);
        background-blend-mode: color;
        height: 450px;    
 }

 .team .title_container {
  background-color: #003b17b1;
    color: var(--btn_txt_primary);
    max-height: 7rem;
    
 }
 
 .team .card-img-top{
  width:9em;
  height:9em;
  border-radius: 50%;
  border: 5px solid #198754;
  padding: 3px;
  margin-bottom: 2em;
  position:relative;
 }

 .team .card_contacts{
  position:absolute;
  bottom:20px;
  left: 191px;
  background-color: var(--bg_top_footer);
  
 }

 .team .card_contacts a{
  color: var(--btn_txt_primary);
  padding:5px 11px!important;

  
 }

 .team .card-img-top img{
  width:100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
 }

 .team .card{
  height: 20rem;
  width: 20rem;
  background-color: transparent;
  border:0.3px solid grey;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  padding:2em 1em !important;
 }

 .team .card:hover{
  border: 1px solid var(--txt_success_green);
 }

 .team .card-title{
  font-size: 1.3rem;
  font-weight: bold;
  color: white;
 }

 .team .card-subtitle{
  color: #198754;
  font-weight: 700;
 }

 

 .team .btn{
  font-size: 0.8rem;
 }

 .team a{
  padding: 0.5em !important;
 }

/*--------------------------------------------------------------------------
+	SINGLE PROFESSIONISTI
--------------------------------------------------------------------------*/

 #site_main_single_professionisti{
  background-color: var(--bg_secondary);
 }

.lawyer .lawyer_image{
  max-width: 20rem;
  height: 26rem;
  
}

.lawyer_image img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.lawyer .lawyer_contacts{
  background-color: #198754;
}

.lawyer .lawyer_navigator a{
  color:var(--bg_top_footer);
  font-size: 1.3rem;
}

/**PAGINA CONTATTI**
********************/

.contact .cover_image{
  height: 300px;
}

.contact .contact_content{
  background-color: var(--bg_secondary);
  color:var(--txt_secondary);
}

.contact .contact_content .card{
  background-color: transparent;
  border:0.3px solid grey;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.contact .contact_content .card:hover{
  border: 1px solid var(--txt_success_green);
 }

.section_map{
	padding:0;
	height:400px;
}

/*--------------------------------------------------------------------------
+	Blog Style
--------------------------------------------------------------------------*/
/* Posts List */

#site_main_blog{
  background-color: var(--bg_secondary);
 }

.blog_post {
  background: transparent;
  position: relative;
  margin: 20px 0;
  border:0.3px solid grey;
  color: var(--txt_secondary);

}
.blog_post img {
  width: 100%;
}
.blog_post .post_info {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #FFF;
  line-height: 1.2;
  position: absolute;
  padding: 5px;
  left: 10px;
  top: 10px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  border:0.3px solid grey;
}
.blog_post .post_comments_count {
  text-align: center;
}

.post_info .post_comments_count {
  padding-top: 5px;
}
.post_info .post_comments_count i {
  margin-right: 5px;
}
.post_info .post_comments_count a {
  color: #FFF;
}
.post_info .post_date .date {
  font-size: 0.7em;
  font-weight: 600;
}
.post_title h3 {
  font-size: 1.2em;
  border-bottom: 1px dotted #828282;
  margin: 0 20px;
  padding-top: 10px;
  color: var(--txt_secondary);
}
.post_title h3 a {
  color: #535b60;
}
.post_summary {
  margin: 10px 20px;
}
.post_summary p {
  color: #828282;
  font-size: 0.9em;
  text-align: justify;
}
.post_more {
  text-align: right;
  padding: 0 20px 20px 0;
}

/*--------------------------------------------------------------------------
+	SINGLE POST
--------------------------------------------------------------------------*/

.blog_single_post {
  padding: 10px 30px;
  border:0.3px solid grey;
}

.blog_single_post:hover{
  
  border:0.3px solid var(--txt_success_green);
}

.single_post_title h2 {
  
  margin: 0 0 10px 0;
  border-bottom: 1px dotted #828282;  
  padding-top: 20px;
}
.single_post_info {
  margin: 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #828282;
}

.single_post_info a{
 color: var(--txt_secondary);
}

.single_post_info i {
  
  margin-right: 5px;
}
.single_post_image {
  text-align: center;
}
.single_post_image img {
/*width: 100%;
height: 296px; */

border: none;
max-height: 296px;
aspect-ratio: 2 / 1;
}

.single_post_content {
  margin: 30px 0 20px 0;
  padding-bottom: 20px;
}

.single_post_content p {
  color: var(--txt_secondary);
  font-size: 0.9em;
  text-align: justify;
}

.blog_sidebar h4 {
  margin-top: 20px;
  font-weight: 700;
}


.blog_sidebar ul {
  list-style-type: none;
  margin-left: 0;
  padding-left:0rem;
  
}

.blog_sidebar  a {
  color: var(--txt_success_green);
}

.blog_sidebar ul a{
  color: var(--txt_secondary);
  
}

.blog_sidebar ul li:hover {
  background-color: var(--txt_success_green);
  color:var(--txt_secondary);
}

.blog_sidebar .custom_html-2 [class^='a2a_']{
  width: 6px!important;
  height: 6px!important;
  aspect-ratio: 1 / 1!important;
}

.a2a_svg{

  width:22px!important;
  height: 22px!important;
}

/* .a2a_menu, .a2a_menu_find_container { 
  border-radius: 0 !important; 
  height: 10px!important;
  width: 10px!important;
} */


#searchsubmit{
  
  padding: 10px 15px;
  border: none;
  border-radius: 0 5px 5px 0;
  
}



/*--------------------------------------------------------------------------
+	Pagination Style (overrides Bootstrap style)
--------------------------------------------------------------------------*/
.blog .pagination_wrapper {
  margin-top: 15px;
  text-align: center;
  color: var(--txt_success_green);
}
.blog .pagination > li > a,
.blog .pagination > li > span {
  border: none;
  border-bottom: 3px solid #FFF;
  color: var(--txt_success_green);
  margin-left: 0;
  margin-bottom: 5px;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -o-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
}
.blog .pagination > li > a:hover,
.blog .pagination > li > a:focus,
.blog .pagination > .active > a,
.blog .pagination > .active > span {
  background: #FFF;
}
.blog .pagination > li > a:hover {
  border-bottom: 3px solid #666666;
}
.blog .pagination > .active > a,
.blog .pagination > .active > span {
  color: #666666;
  border-bottom: 3px solid #4f8db3;
}
.blog .pagination > .disabled > a {
  border-color: #fff;
}
.blog .pagination > .disabled > span,
.blog .pagination > .disabled > a,
.blog .pagination > .disabled > a:hover,
.blog .pagination > .disabled > a:focus {
  margin-bottom: 0;
  color: #C9C9C9;
  background-color: #FFF;
  cursor: default;
}


/*--------------------------------------------------------------------------
+	PAGINA ERRORE 404
--------------------------------------------------------------------------*/

#site_main_404{
  background-color: var(--bg_secondary);
}

#site_main_404 .cover_image{
  background-size: cover;
  background-position : center center;
  background-color: rgba(0,0,0,0.2);
  background-blend-mode: color;
  height: 400px;
}

.content_404{
  color: var(--txt_secondary);
}