/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/*

    .et_pb_fullwidth_portfolio .et_pb_portfolio_item {
        width: 25%!important;
        max-width: 25%!important;
        height: 100%!important;
		/*margin-right: 1%!important;
		padding-right:10px;
		padding-left:10px;
    }*/
	
	
	
	
   #content-jump-link a {
      background: #000;
      border: 4px solid #000;
      color: #fff !important;
      text-decoration: underline;
      padding: 1em 2em;
      position: fixed;
      left: 1em;
      top: 1em;
      transform: translate(-1000px, 0);
      z-index: 9999;
   }
   #content-jump-link a:focus-visible {
      background: #fff;
      color: #000 !important;
      transform: none;
   }
	

.hide-header {
opacity: 0;
margin-top: -200px !important;
}
 
.show-header {
opacity: 1;
margin-top: 0px !important;
}
 
#global-header-section {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}


/*
.et-fixed-header #top-menu .item-helpdesk a:active{
		color:#ffffff !important;
}

.et-fixed-header #top-menu li.item-helpdesk.current_page_item>a{
		color:#ffffff !important;
}
*/

#menu-principale li.current-menu-ancestor>a{
	
	color:#ed7e00  !important;
	
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item>a {
	
	color:#ed7e00 !important;
}

.menurealiz.et_pb_menu_0.et_pb_menu ul li.current-menu-item a {
	
	display:none;
}

	.menurealiz .et_pb_menu__menu {
		display: flex!important;
	}
	.menurealiz .et_mobile_nav_menu {
		display: none!important;
	}
}

/*
.et_pb_menu__logo a:focus-visible{
	
	border-color: #e60000 !important;
	box-shadow: 0 0 0 3px #d51f1f !important;
	outline: 3px solid #db2020 !important;
	outline-offset: 3px;
	
}

*/

.et_pb_menu__logo {
    overflow: visible;
}
.et-custom-menu-cobalto a:focus-visible{
	
	border-color: #e60000 !important;
	box-shadow: 0 0 0 3px #d51f1f !important;
	outline: 3px solid #db2020 !important;
	outline-offset: 3px;
	
}

.menu-cobalto .opened #mobile_menu1 {
	display:block;
	width: 100vw !important;
	/*position: fixed !important;*/
	/*top: 10em !important;*/
	height: 100vh !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: opacity 0.3s ease-in-out !important;
	padding: 0 !important;
}

.menu-cobalto #mobile_menu1 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%;
	border-bottom:1px solid grey;
}

.menu-cobalto #mobile_menu1 .sub-menu {
	padding-left:0px !important;
}


.menu-cobalto #mobile_menu1 .sub-menu li {
	padding-left:0px !important;
	list-style: none !important;
	text-align: center !important;
	width: 100%;
	border-bottom:none;
	
	
}

.menu-cobalto #mobile_menu1 .sub-menu li  a{
font-size:10px!important;
/*color:red!important;*/
}


a.pulsante:focus-visible{
	
	border-color: #e60000 !important;
	box-shadow: 0 0 0 3px #d51f1f !important;
	outline: 3px solid #db2020 !important;
	outline-offset: 3px;
}

a:focus-visible{
	
	border-color: #e60000 !important;
	box-shadow: 0 0 0 3px #d51f1f !important;
	outline: 3px solid #db2020 !important;
	outline-offset: 3px;
}

a:focus-visible img {
	border-color: #e60000 !important;
	box-shadow: 0 0 0 3px #d51f1f !important;
	outline: 3px solid #db2020 !important;
	outline-offset: 3px;
	}
	
span.mobile_menu_bar:focus-visible{
		border-color: #e60000 !important;
	box-shadow: 0 0 0 3px #d51f1f !important;
	outline: 3px solid #db2020 !important;
	outline-offset: 3px;
	
}

/*
:focus-visible {
outline-style: solid!important;
    outline-width: 2px!important;
    -webkit-transition: none!important;
    transition: none!important;
    border: 2px solid limegreen !important;
}

*/
/*
.mobile_menu_bar:before{
color:black !important;
	
}

.mobile_menu_bar:hover:before{
color:#ffffff !important;
	
}
*/
.et_mobile_menu:focus-visible{
	
	border-color: #e60000 !important;
	box-shadow: 0 0 0 3px #d51f1f !important;
	outline: 3px solid #db2020 !important;
	outline-offset: 3px;
}

/* scroll to top stile*/
body .et_pb_scroll_top {
	background-color: #ffffff !important;
	color: #081427 !important;
	padding: 10px 20px 10px 10px !important;
	/*right: 20px !important;*/
	bottom: 125px !important;
	/*border-radius: 5px !important;*/
}
body .et_pb_scroll_top:hover {
	background-color: #ed7e00 !important;
	color: #ffffff !important;
}

.spunte-1 ul{
	padding-left:40px;
}



.spunte-1 ul li {
    list-style-type: none;
    line-height: 2em;
    padding-bottom: 14px;
}

.spunte-1 ul li::before {
    font-family: 'ETmodules';
    content: "\4e";
    font-size: 200%;
    color: #cc692f;
    float: left;
    /*margin-left: -1em;
    margin-right: 0.5em;*/
	margin-left: -43px;  /* this is to move the icon left */
  padding-right: 10px;
	
}

/* ********************* menu collassabile *************************** */

/* Proper Collapsable Mobile Menu */
/* Style the icon's placeholder */






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


/* *************** MEDIA QUERIES *********************  */

@media (max-width: 1024px) {
	
	.et_pb_menu .et_pb_menu__menu {
    display: none;
    }
	.et_pb_menu .et_mobile_nav_menu {
    float: none;
    margin: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
 }
 
.css-settori .et_pb_main_blurb_image .et_pb_image_wrap{
	/*width:50px !important;*/
}

#settori-cobalto .tabella-settori{
	/*width:70%;*/
}


.tabella-settori  .et_pb_column {
    width: 100%;
    margin-bottom: 30px;
}
	
	
.css-settori .et_pb_blurb_content {
	width:700px;
}

.custom-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}



}

@media (min-width: 1041px) {
 .et_pb_portfolio_item.et_pb_grid_item {
	min-width: 25%;
	height: 25vw !important;
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
/************************ GALLERIA *********************************************/
.galleria .et_pb_grid_item{
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	
}
	
.galleria .et_pb_gallery_image {
  padding-top: 100%;
}


.galleria .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  bottom: 0;
  object-fit: cover;
}


/******************************* GALLERIA 2 *********************************************/
.galleria2 .et_pb_grid_item{
	/*padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;*/
}

.galleria2 .et_pb_gallery_image {
  /*padding-top: 100%;
  width:100%;
  height: 70%;*/
  padding-top: 65%;
  display: block;
}

.galleria2 .et_pb_gallery_item img {
  /*position: absolute;
  height: 70%;
  bottom: 0;*/
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.galleria2 .et_pb_gallery_item {
 
   /* margin:10px;*/
  
}


.galleria2 .et_pb_gallery_item {
/*width: 16.66% !important;*/ /*six columns*/
/*clear: none !important;*/
  /*position: absolute;
  height: 100%;
  bottom: 0;
  object-fit: cover;*/
}

 .et_pb_portfolio_item.et_pb_grid_item img { max-width: 100%; object-fit: cover; } }

@media (min-width: 785px) and (max-width: 1040px) {
 .et_pb_portfolio_item.et_pb_grid_item { height: 33vw !important; }
 .et_pb_portfolio_item.et_pb_grid_item img { max-width: 100%; object-fit: cover; } }

@media (min-width: 497) and (max-width: 784px) {
 .et_pb_portfolio_item.et_pb_grid_item { height: 50vw !important; }
 .et_pb_portfolio_item.et_pb_grid_item img { max-width: 100%; object-fit: cover; } }

@media (max-width: 496px) {
 .et_pb_portfolio_item.et_pb_grid_item { height: 100vw !important; }
 .et_pb_portfolio_item.et_pb_grid_item img { max-width: 100%; object-fit: cover; } }
 
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3 {
margin-top: 45%;
}

.puls-affiancato .et_pb_button_module_wrapper{
display:inline-block;
}

/*******************************    IMMAGINI ******************************/
.pa-image-4-3 .et_pb_image_wrap {
padding-top: 75%;
display: block;
}
.pa-image-4-3 .et_pb_image_wrap img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}






/* 
Masonry Gallery by WP Zone
https://wpzone.co/wordpress-and-divi-code-snippets/
*/
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
    column-count: 4; /* number of columns for desktop */
    column-gap: 15px;  /* column spacing */
}
@media only screen and (max-width: 1200px) { 
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items { 
    column-count: 2;  /* number of columns for tablet devices */
} 
} 
@media only screen and (max-width: 767px) {
  .wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
    column-count: 1;  /* number of columns for mobile devices */
  }
}
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item {
    width: 100%;
    margin: 0px 0px 10px 0!important; /* replace 10px to change row spacing */
    float: none!important; 
}

/* ===================== FONT ================================================================

/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v49-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v49-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v49-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v49-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/open-sans-v44-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v44-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v44-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v44-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}