/*
 Theme Name:	OPI Catania
 Theme URI:	    https://cresoft.eu/
 Description:	Tema creato da Cresoft per il sito OPI Sicilia
 Author:		Cresoft
 Author URI:	https://www.cresoft-eu/
 Template:		Divi
 Version:		1.0.0
 License:		GPLv3
 License URI:	https://www.gnu.org/licenses/gpl-3.0.en.html
 Tags:			opi, opi catania, opict, sicilia
 Text Domain:	opict
*/

 
/* =Personalizzazioni
-------------------------------------------------------  */

/*---------------------------------------
    H E A D E R
-----------------------------------------*/
/*** Cambia la spaziatura ***/
/*set the transition for the spacing shrinking action*/
.pa-header .et_pb_row {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header .et_pb_row {
	padding: 0px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*** Cambia la dimensione del logo ***/
/*set the transition for the logo shrinking action*/
.pa-header .et_pb_menu__logo img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
/*change the logo size when the header shrinks*/
.pa-fixed-header .et_pb_menu__logo img {
	max-width: 80%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*** Cambia la dimensione del testo del menu ***/
/*set the transition for the font size shrinking action*/
.pa-header .et_pb_menu ul li a {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
/*change the menu font size when the header shrinks*/
.pa-fixed-header .et_pb_menu ul li a {
	font-size: 14px!important;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


/* *******************************************************************
********************************************************************* */


/* Top header */
.top-header ul li {  
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
    padding-top: 12px
}
    /*** non vusualizza il fisso sui cellulari ***/
    @media all and (max-width: 767px) {
        .top-header ul li.telefono {
            display: none;
        }
    }

.top-header ul li a {  opacity: 0.8;
	color: #fff;
}
.top-header ul li a:hover {  opacity: 1;
	color: #fff;
}

.top-header ul:last-child {
	margin-right: 0;
}

.top-header ul li::before { opacity: 0.8;
    font-family: ETmodules;   
    font-size: 14px;
    margin-right: 4px;
    vertical-align: middle;    
}

.top-header .mail::before { 
    content: "\e076";    
}
.top-header .telefono::before {
    content: "\e090";
}
.top-header .cellulare::before {
    content: "\e00b";
}

.top-header .et_pb_social_media_follow li a {
	margin-right: 2px;
}

/*---------------------------------------
    F O O T E R
-----------------------------------------*/
.orari-di-apertura li {
  /*  margin: 0 0 15px 0; */
    margin-bottom: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    transition: all 500ms ease;
}

p.ico-orologio:before {
   /* margin-left: 8px;
    display: inline-block;
    position: relative;
    transition: .5s;
    font-size: 20px;
    vertical-align: middle;
    top: 1px;*/
    content: "\f017"!important;
    font-family: "Font Awesome 5 Free"!important;
    color: #fff;
    margin-right: 6px;
}

.footer-menu ul li {
    position: relative;
    margin-bottom: 5px;
}

.footer-menu ul li a {
    position: relative;
    color: #fff;
    padding-bottom: 4px;
}
.footer-menu li a:hover {
    color: #d81c3f;
    font-weight: 400;
}

.footer-menu li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #d81c3f;
    transform: scaleX(0);
    transform-origin: left;
    -webkit-transition: all 0.3s ease;
}

.footer-menu li a:hover:before {
    transform: scaleX(1);
    -web-kit-transform: scaleX(1); 
}

.footer-menu li:before {
    content: "\e315"!important;
    font-family: "Material Icons"!important; /* sostituire con etmodules o fontawesome */
    color: #515151;                  /*#d86177;*/
    margin-right: 6px;
}
.footer-menu li:hover:before {
    color: #fff;
}

/*---------------------------------------
    H O M E - N E W S
-----------------------------------------*/

/*immagine*/
.crsft-news-area .dipl_blog_slider_image_wrapper {
    overflow: hidden;
    background: #222;
}
.crsft-news-area .dipl_blog_slider_post_image.wp-post-image { 
    border: 1px solid #d0d0d0;
    transition: all 500ms ease;
}
.crsft-news-area .dipl_blog_slider_post:hover .dipl_blog_slider_image_wrapper img { 
    opacity: 0.2;
    transform: scale(1.1);
}

/*autore*/
.crsft-news-area .dipl_blog_slider_meta_top {
    margin-top: -40px !important;
    z-index: 9999;
}

/*data pubblicazione*/
.crsft-news-area .dipl_blog_slider_meta span.published {  
    position: absolute;
	top: 20px;
	left: 20px;
    color: #fff;
    background: #016064;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 8px;    
 /*   -webkit-transition-duration: .3s;
    transition-duration: .3s;  */
}
.crsft-news-area .dipl_blog_slider_meta span.published span.et-pb-icon {
  /*  color: #fff !important; */
}

/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) { 
 /*   .dipl_blog_slider .layout4 .dipl_blog_slider_meta span.published {
        width: 100px;
        background: rgb(0,153,0) !important; 
    } */

}

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 900px) { 
  /*  .dipl_blog_slider .layout4 .dipl_blog_slider_meta span.published {
        width: 100px !important;
        background: rgb(255,255,0) !important; 
    } */
}



.dipl_blog_slider_meta_top.dipl_blog_slider_meta {
/*	margin-top: 40px; */
}

.dipl_blog_slider .layout4 .dipl_blog_slider_post  {
 /*  box-shadow: rgb(23, 44, 82, 0.1) 0px 5px 20px 0px; */
}

.dipl_blog_slider_post_image.wp-post-image {  
/*	height: 260px !important; */
}


/*---------------------------------------
    N E W S - PAGINA
-----------------------------------------*/

/*style the individual posts */  
.news-lista .et_pb_post {   
    box-shadow: 2px 7px 22px -9px rgba(0,0,0,0.58);        /* box-shadow: -1px 4px 10px 1px rgba(0,0,0,0.39); */
  /*  border-radius: 6px;*/
    padding: 40px;
}

.news-lista .entry-featured-image-url  { 
    /*set the image width*/
    width: 40%;
    float: left;
    margin-bottom: 0!important;
    }
    
    /*set the details width*/   
    .news-lista .entry-title,
    .news-lista .post-meta,
    .news-lista .post-content { 
    width: 60%;
    float: right;
    padding-left: 30px;
    }
    
@media (min-width: 320px) and (max-width: 480px)  {
    .news-lista .et_pb_post { 
        padding: 20px;
    }

    .news-lista .entry-featured-image-url  {
    /*set the image width*/
    width: 100%;   
    }

    /*set the details width*/   
    .news-lista .entry-title,
    .news-lista .post-meta,
    .news-lista .post-content {  
        width: 100%; 
        padding: 5px;
    }
    
    .news-lista .entry-title { 
       margin-top: 10px; 
       font-weight: 600;
    }
} 

/*-*/
/* News - Leggi tutto*/ 
.news-lista .et_pb_post a.more-link { text-align: center;
    color: #44a601;
    background: transparent;	
	border: 2px solid #016064;
	padding: .4em 1.3em;
	margin-top: 20px;
	border-radius: 10px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}  

/*style the Divi blog link text as a button on hover*/    
.news-lista .et_pb_post a.more-link:hover {
	background: #016064;
	color: #fff;
	border: 2px solid #016064;
	transition: all 0.3s ease-in-out;
}

/* //Personalizzazioni Blog --------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* --- dimensione blurb avatar --- */
.autore-img .et_pb_main_blurb_image {
	max-width: 150px;
    width: 60px !important;
}

/* --- Blog recenti nella sidebar --- */
/*set the image width*/

.pa-blog-sidebar-list .entry-featured-image-url {
	width: 100px;
	float: left;
	margin-bottom: 0!important;
}


/*set the text width*/

.pa-blog-sidebar-list .entry-title {   
	width: calc(100% - 100px);
	float: left; 
	padding-left: 10px;       
    font-size: 12px;
    color: #2e2e2e;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 5px 0;
}

.pa-blog-sidebar-list .published {    border: 1px solid #660000;
/*	width: calc(100% - 100px);  */
    position: absolute;
    top: -20px;           
    font-size: 12px;
    color: #fff;
    font-weight: 600; 
    line-height: 18px;
    margin-top: 12px;
    margin-left: -10px;
    /*margin-bottom: 22px;*/
    display: block;
    background-color: #016064;
    padding: 4px 8px;   
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .pa-blog-sidebar-list .published {    
        margin-left: -110px;     
    }
}




/*make the image square*/

.pa-blog-sidebar-list .entry-featured-image-url {
	padding-top: 100px;
	display: block;
}

.pa-blog-sidebar-list .entry-featured-image-url img {  
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;     
	object-fit: cover;
}


/*adjust the spacing and add a border between the posts*/

.pa-blog-sidebar-list .et_pb_post:not(:last-child) {
	border-bottom: 1px solid #dddddd!important;
	padding-bottom: 20px;
	margin-bottom: 0;
}
/* --- */

/* --- */



/* box servizi HOME **********************************************************/ 
.box-servizi .et_pb_blurb .et-pb-icon {
	height: 80px;
	width: 80px;
	padding: 5px;
	border: 2px solid #016064;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s ease-in-out; 
}

.box-servizi:hover .et_pb_blurb .et-pb-icon {
    color: #fff;
    background-color: #016064;
    border: 2px solid #fff;   
}

/* icona */
.box-servizi .et_pb_icon_wrap {
    border: 2px solid  #016064;
    transition: all 0.5s ease-in-out;
}

.box-servizi .et_pb_icon_wrap .et-pb-icon {
	font-family: FontAwesome !important;
	font-weight: 400 !important;
	color: #016064;
	font-size: 28px;
	transform: rotate(-45deg);
    transition: all 0.5s ease-in-out;
}

.box-servizi:hover .et_pb_icon_wrap {
    background-color: #016064;
}
.box-servizi:hover .et_pb_icon_wrap .et-pb-icon {    
	color: #fff;
    transform: rotate(0deg);
}

/*---------------------------------------
     A C C O R D I O N
-----------------------------------------*/
.opi-accordion .et_pb_toggle_title::before {
    content: "\33"; 
    transition:  all .3s ease-in-out;  
}

/*add icon to the opened accordion*/
.opi-accordion .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block;
    content: "\33";
}

/* aggiunge icona accordion aperto stessa icona ruotata */
.opi-accordion .et_pb_toggle_open .et_pb_toggle_title:before {
   display: block !important;
   content: "\33"; 
   transform: rotate(180deg);
}

/*---------------------------------------
     S I D E B A R  
-----------------------------------------*/
/* --- //T I T O L I  S I D E B A R */  

/* Spaziatura blocchi news recenti */
.news-recenti-griglia .et_pb_post {
    margin-bottom: 20px !important;
}

/* *** BOX Iscrizione Newsletter *** */
.et_pb_row.et_pb_row_10.box-iscrizione-newsletter { /*background-image: url(http://localhost/vinciprovaechinnici/wp-content/uploads/2021/07/shape-7.png);*/
 /*position: relative; 
    background: #f8952c;
    padding: 60px 60px; 
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); 
   z-index: 1; */
}

.et_pb_row.et_pb_row_10.box-iscrizione-newsletter h3 {
  /*  position: relative;
    display: block;
    font-size: 32px !important;
    line-height: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0px; */
}

.et_pb_row.et_pb_row_10.box-iscrizione-newsletter p {
 /*   color: #fff;
    font-weight: 400;
    margin: 0px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700; */
}

/* posiziona la data in news dettagli */
.news-data { 
	position: absolute;
	top: 0;
	left: 0;
   	background: #016064;
/*	margin-bottom: 0;
	color: #ffffff!important;
	background: #ab0c00!important;
	padding: 6px 12px;
	margin: 15px;
	border-radius: 50px; */
}

/*---------------------------------------
     S I D E B A R
-----------------------------------------*/
#menu-sidebar li {
  position: relative; 
}

#menu-sidebar li a { font-size: 15px; background-color: #b50000; transition: .5s;
    color: #fff; 
    /*font-weight: 600; */
    padding: 13px 20px 13px 14px;
    border-radius: 4px;
 /*   border-width: 2px;
    border-style: solid; */
    display: block; 
}

#menu-sidebar li a:after { 
    position: absolute;
    right: 10px;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-family: ETModules;
      content: "\35";
      font-weight: normal;
      font-size: 20px;
      color: inherit; 
}
    
#menu-sidebar li a:hover {
      background-color: #1a2b59  !important; 
}

#menu-sidebar .et_pb_widget_area_left {
  padding-right: 0;
  border-right: none; 
}

#menu-sidebar .et_pb_column .et_pb_widget:nth-child(n) {
  width: 100% !important; 
}

#menu-sidebar .et_pb_widget {
  margin-bottom: 0 !important; 
}

.services-list ul {
  list-style-type: none;
  padding-left: 0; 
}
  .services-list ul li {
    position: relative;
    padding: 5px 0 5px 30px; 
}
    .services-list ul li:after {
      position: absolute;
      left: 0;
      top: 2px;
      font-family: ETModules;
      content: "\41";
      font-weight: bold;
      font-size: 20px;
      color: #0D86F7; 
}

/* // sidebar */



/* *** S E R V I Z I *** 
.et_pb_module.et_pb_sidebar_0.et_pb_widget_area.clearfix.et_pb_widget_area_left.et_pb_bg_layout_light */
.et_pb_module.et_pb_sidebar_0 {
	border: none;
}

#block-7 {
	margin-bottom: 0;
}

#sezione-servizi {
    padding: 4px;
}


/* --- T I T O L I  */
.sidebar-titoli { 
    position: relative;
    font-size: 18px;
    font-weight: 600;
   	color: #2e2e2e; 
	padding-bottom: 11px;
	margin-top: -4px;
  /*  text-transform: uppercase; */
	margin-bottom: 34px !important;
    border-bottom: 1px solid #e8e8e8;
}  

.sidebar-titoli::before {
	position: absolute;
	content: "";
	bottom: -2px;
	width: 34px;
	border-radius: 5px;
	left: 0px;
	border: 2px solid #016064;
}  

/* blur */
.blur-sidebar-servizi .et-pb-icon {
    background-color: #016064; 
    border-radius: 50px 50px 50px 50px;
    overflow: hidden;
    padding-top: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 12px !important; 
}

.blur-sidebar-servizi .et_pb_module_header {
     color: #016064; 
     font-size: 18px;
     font-weight: 600;
}

.blur-sidebar-servizi .et_pb_blurb_description {
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
}

.blur-sidebar-servizi .et_pb_blurb_content {
    border-bottom: 1px dotted #016064;
    transition:  all .3s ease-in-out;
}

.blur-sidebar-servizi .et_pb_blurb_content:hover {
    transform: translateX(-3px) translateY(-3px) !important;
}


/*---------------------------------------
    H O M E - N E W S
-----------------------------------------*/

/*immagine*/
.crsft-news-area2 .dipl_blog_slider_image_wrapper {
    overflow: hidden;
    background: #222;
}
.crsft-news-area2 .dipl_blog_slider_post_image.wp-post-image { 
   /* border: 1px solid #d0d0d0; */
   
    transition: all 500ms ease;
}
.crsft-news-area2 .dipl_blog_slider_post:hover .dipl_blog_slider_image_wrapper img { 
    opacity: 0.2;
    transform: scale(1.1);
}

/*autore*/
.crsft-news-area2 .dipl_blog_slider_meta_top {
    margin-top: -40px !important;
    z-index: 9999;
}

/*data pubblicazione*/
.crsft-news-area2 .dipl_blog_slider_meta span.published {  
    position: absolute;
	top: 20px;
	left: 20px;
    color: #fff;
    background: #016064;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 8px;    
 /*   -webkit-transition-duration: .3s;
    transition-duration: .3s;  */
}
.crsft-news-area2 .dipl_blog_slider_meta span.published span.et-pb-icon {
  /*  color: #fff !important; */
}
/* /// .dipl_blog_post_slide.swiper-slide.swiper-slide-active*/
.crsft-news-area2 .swiper-slide {
  border-radius: 20px 20px 20px 20px; 
    overflow: hidden; 
   box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1); 
    padding-top: 30px!important;
    padding-right: 30px!important;
    padding-bottom: 30px!important;
    padding-left: 30px!important;
    background-color: #FFFFFF!important;
}

/**************************************
 * ************************************ */
/*remove default 11px padding on each side of list items*/
.pa-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}
/*make the menu items fullwidth and add space between them*/
.pa-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 10px 0;
}
/*style the menu items*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 20px!important;
	background: #f0f3f6;
	border-radius: 6px;
	border: 2px solid #f0f3f6;
}
/*style the menu items on hover*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffffff;
	background: #00d263;
	border-color: #00d263;
}
/*style the active menu item*/
.pa-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
	color: #ffffff;
	background: #00d263;
	border-color: #00d263;
}
/*style the arrow icon if there are submenus*/
.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children>a:first-child:after {
	content: "5" !important;
	/*change arrow icon for submenu*/
	padding: 20px;
	font-size: 24px;
}
/*style the arrow icon if there are submenus to submenus*/
.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children .menu-item-has-children>a:first-child:after {
	padding: 8px !important;
	right: 0px !important;
}
/*make the submenu align directly to the right of the menu item instead of below*/
.pa-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}
/*align submenu to the right of menu link*/
.pa-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}
/*add an icon to the left of each menu item link*/
.pa-vertical-menu ul li a:before {
	font-family: 'ETMODULES';
	content: '\24';
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: 0px;
	color: #00d263;
	font-size: 1.3em;
	transition: all .75s ease;
}
/*style the menu items icon*/
.pa-vertical-menu ul li a:hover:before {
	margin-left: 7px;
	color: white!important;
	transition: all .75s ease;
}
/*style the active menu item icon*/
.pa-vertical-menu ul li.current-menu-item a:before {
	margin-left: 7px;
	color: #ffffff!important;
}
@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
} 

/*---------------------------------------
     M E N U - AT 
-----------------------------------------*/
/* Menu Amministrazione trasparente - lista servizi (Blur) */
#barra-laterale {
    padding: 0;
    margin: 0;
}

#barra-laterale .et_pb_row--with-menu {
    width:  100%;
    padding: 0;
    margin: 0;
}


.menu-at .et_pb_menu_inner_container,
.menu-at .et_pb_menu__wrap,
.menu-at .et_pb_menu__menu,
.menu-at.et_pb_menu .et_pb_menu__menu>nav,
.menu-at.et_pb_menu .et_pb_menu__menu>nav>ul { 
    display: block;
}



.menu-at .et_mobile_nav_menu {
    display: none;
}

.menu-at.et_pb_menu .et-menu { 
    margin:0;
}

#page-container .menu-at li { 
    display: block;
    padding: 0;
    margin: 0;
    border-bottom: 1px dotted #fff;  
}

#page-container .menu-at li a { 
    color: #fff; 
    font-size: 16px;
    line-height: initial;
    display: block;
    padding: 14px 20px 14px 14px;  
    background: #016064;            
    transition: all .3s ease-in-out; 
}

#page-container .menu-at li:hover a {  
    background-color: #092022; 
    padding-left: 20px;
    opacity: 1;
}

#page-container .menu-at ul.sub-menu { 
    position: relative;
    visibility: visible;
    opacity: 1;
    top: 0;
    left: 0;
    width: auto;
    border-top: none;
    box-shadow: none;
    display:none;
    transition: none;
    padding: 0; 
}

#page-container .menu-at ul.sub-menu a {     
    background-color: #014144;
    padding-left: 30px;
    width:100%;   
}


#page-container .menu-at ul.sub-menu li:hover a { 
    background-color: #092022; 
    padding-left: 36px;
    opacity: 1;
}

#page-container .menu-at li.current-menu-item a { 
    color: #fff;
    background: #092022;  
}

#page-container .menu-at li.current-menu-item ul.sub-menu li a { 
    color: #fff;
    background: #092022;  
}



/*  --------------------------------------- */
/*
#page-container .menu-at a:hover { 
    background: #092022;  
    color: #fff!important;
    opacity:1;
}
*/

/*
#page-container .menu-at ul.sub-menu li {  
    margin: 0; 
    padding: 0;    
}
*/


.menu-at .menu-item-has-children>a:first-child:after {
    display: none;
}

span.at-sub-toggle {
    font-family: 'ETmodules';
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 10px;
    line-height: 18px;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #016064;  
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    transform: scale(1.2);
    transition: .3s ease;
    cursor: pointer;
}
span.at-sub-toggle:hover { 
  }
  
.toggled > span.at-sub-toggle {
    transform: scale(1.2) rotate(180deg);    
}

#page-container .menu-at li:hover span.at-sub-toggle {
  background: #fff !important;
  color:    #016064!important;
  opacity:  1;
}
/* ************************ */
/*--- P A G I N A T I O N ---*/
/*styles the wp-pagenavi pagination links*/
.wp-pagenavi a, .wp-pagenavi span {
  padding: 0.3em 0.8em !important;        /*padding: 0.3em 0.8em !important;*/
  font-size: 1em !important;
  color: #333333;
  line-height: 2em;
  background: #eeeeee;
  transition: all .5s;
}
 
/*styles the wp-pagenavi current page number*/
.wp-pagenavi span.current {
  color: #ffffff !important;
  background: #016064 !important;
}
 
/*styles the wp-pagenavi pagination links on hover*/
.wp-pagenavi a:hover {
  color: #ffffff !important;
  background: #016064 !important;
}
 
/*styles the wp-pagenavi pages text*/
.wp-pagenavi .pages {
  background: none;
}
/* --- */

/* ------------------ */
.check-list-2 li:before { padding: 2px;
	font-family: "ETModules";
    content: "\45";
    font-size: 16px;
   	margin-right: 8px; 
	font-weight: 900;	
    color: #016064; 
 /*   background-color: #b50000; */
    border-radius: 2px;
    width: 20px;
    height: 20px;    
}

/* lista */

.check-list-2 { 
    margin-left: 44px;  }

.check-list-2 li { 
	font-weight: 500;
    margin-bottom: 16px;
    list-style-position: inside;
    text-indent: -30px; 
}

/*---------------------------------------
    C O N T A T T I
-----------------------------------------*/
.riga-recapiti .col-recapiti,
.riga-form .col-form { 
    position: relative;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
    transition: .5s; 
}

/* blurb icona */
.riga-recapiti .col-recapiti .et-pb-icon {   
    position:relative; 
    border-radius: 50%;
    font-size: 40px;
    color: #016064;
    background-color: #f2f3f5;
    line-height: 76px;
    text-align: center; 
    height: 76px;
    width: 76px;
    display: block;   
    z-index: 1;   
    transition: .5s;
}

.riga-recapiti .col-recapiti .et-pb-icon:before { 
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;    
    border-radius: 50%;    
    background: #016064;   
    z-index: -1;
    transform: scale(0,0);   
    transition: all 500ms ease;    
}

.riga-recapiti .col-recapiti:hover .et-pb-icon {
    color: #fff;
    border-color: #088af8 ;
}

.riga-recapiti .col-recapiti:hover .et-pb-icon:before {
  transform: scale(1,1);
}

/* *************************************************************** */
/* inserisce icona pdf davanti al visualizza documenti (organi)*/
.visualizza-documenti .ico-pdf {        
display: block;
padding-left: 50px;  			
}
.visualizza-documenti .ico-pdf a {    vertical-align: middle;    
margin-left: 20px;  			
}

.visualizza-documenti .ico-pdf:before{
	content: '';
/*background:url('https://websicilia.it/wp-content/uploads/2025/04/icona-pdf.png');*/
	background:url('../../../wp-content/uploads/2025/04/icona-pdf.png');	
	background-repeat: no-repeat;
    background-size: 20px 22px;
    position: absolute;
    width: 20px;
    height: 22px;
    margin-left: -40px;   			
}

/*---------------------------------------
    S I T E M A P  
-----------------------------------------*/
#opi-sitemap h3 {  
    color: #3d2316;
}

#opi-sitemap ul li {  
    list-style: none;
}

#opi-sitemap ul li a {  
	color: #3d2316;    
}
#opi-sitemap ul li a:hover {  
    color: #3d2316;
    font-weight: 600;     
}

#opi-sitemap ul li::before { 
    font-family: ETmodules; 
    content: "\35";  
    font-size: 18px;
    color: #088af8;
    margin-right: 4px;
}
#opi-sitemap ul li:hover::before {
    font-weight: 600;
}

/* sitemap su due colonne */
@media all and (min-width: 767px) {   
  .flex-columns .wsp-posts-list {
    display:flex;
    flex-wrap: wrap;
  }
  .flex-columns .wsp-posts-list>li>ul {
    width: 300px;
    padding: 2% 10% 10% 5%;
  }
  .colonne-sitemap .wsp-container {
    column-count: 2;
  }     
}