/*
 Theme Name:     Run2web Varese
 Author:         Luca Boldori
 Author URI:     http://www.run2web.com
 Template:       Divi
 Version:        1.0
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('./fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;	   
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('./fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;	   
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('./fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;	   
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('./fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;	   
}

/* Titoli */
.titoloblurb{
    line-height: 28px;
    min-height: 60px;
    padding-bottom: 5px;
    font-size: 18px;
    display: block;
    background-color: #e02b20 !important;
    color: #fff;
    padding: 5px 10px;
}

.titoloServizio{
    line-height: 28px;
    font-size: 18px;
    display: block;
    background-color: #e02b20 !important;
    color: #fff;
    padding: 5px 10px;
}

/*
Puoi aggiungere qui il tuo CSS.

Per maggiori informazioni consulta la documentazione (icona di aiuto sopra).
*/

.home .et_pb_blurb_container h4 {
    line-height: 28px;
    min-height: 60px;
    border-bottom: 2px solid #0072BC;
}

.home .et_pb_blurb_container {
    min-height: 320px;
}

h2,h3,h4,h5,h6 {
    /* font-size: 26px; */
    color:#e02b20;
}

h2 {
	font-size: 26px !important;
}

h3 {
	font-size: 25px !important;	
}

h4 {
	font-size: 24px !important;	
}

h5 {
	font-size: 23px !important;	
}

h6 {
	font-size: 22px !important;
}

.testo_articolo_blog h2 {
        font-size: 24px !important;
	line-height: 1.3em;
}

.testo_articolo_blog h3 {
        font-size: 21px !important;
}

.testo_articolo_blog h4 {
        font-size: 20px !important;
}

.testo_articolo_blog h5 {
        font-size: 19px !important;
}

.testo_articolo_blog h6 {
        font-size: 18px !important;
}

.blocchi_blog h2 {
	font-size: 17px !important;
	line-height: 1.3em;
	font-weight: 700;
}

.et_pb_fullwidth_post_title_0 .et_pb_title_container h1 {
   /* background-color: rgba(255, 255, 255, 0.7); */
   /* display: table; */
   /* padding: 1px 5px; */
}

.et_pb_scroll_top.et-pb-icon {
    background: #0072BC;
}

#top-header {
    border-bottom: 1px solid #656565;
}
/* Menu desktop */
.logo_container:after {
    content: '';
    position: absolute;
    left: -53px;
    top: 0;
    width: 310px;
    height: 80px;
    background: #e02b20;
    transform: skewX(30deg);
    z-index: -1;
}

@media (max-width: 767px) {
  .logo_container:after {
    width: 230px;
  }
  header#main-header, header#main-header .nav li ul, header#main-header .et_mobile_menu{
    background-color: #0072bc;
  }
  .mobile_menu_bar:before {
    color: #fff;
  }
}

@media (min-width: 768px) {
  .et-fixed-header .logo_container:after {
	 height: 54px;
  }
}
#et-top-navigation #top-menu > .current-menu-item:before,
#et-top-navigation #top-menu > .current-menu-parent:before {
    content: '';
    position: absolute;
    top: -33px;
    width: 100%;
    height: 80px;
    background: #e02b20;
    transform: skewX(30deg);
    z-index: -1;
    left: -12px;
}

.et-fixed-header #top-menu > .current-menu-item:before,
.et-fixed-header #top-menu > .current-menu-parent:before {
	 height: 67px !important;
}

#et-top-navigation #top-menu .current-menu-parent .current-menu-item {
     background: #e02b20;
}

/* Menu mobile larghezza piena */

ul.et_mobile_menu {
  position: absolute;
  margin-left: -30px;
  width: calc( 100% + 60px);
}

/*Breadcrumb*/

div.et_pb_section.sezione-breadcrump{
  background-color: #e02b20 !important;
  color: #fff;
}

div.et_pb_section.sezione-breadcrump a {
  color: #fff;
}

div.et_pb_section.sezione-breadcrump .breadcrumb span span:first-child:after{
    content: '';
    position: absolute;
    left: -53px;
    top: -10px;
    width: 40vw;
    height: 44px;
    background: #0072bc;
    transform: skewX(30deg);
    z-index: -1;}


/* Modulo Contatti */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    background-color: #eee !important;
    border: none !important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 14px;
    color: #999 !important;
    padding: 16px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wpcf7-submit {
    color: #2EA3F2 !important;
    margin: 8px auto 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 20px;
    line-height: 1.7em;
    background: transparent;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.wpcf7-submit:hover {
    background-color: #eee;
    border-color:#eee;
    padding: 6px 20px !important;
}

/* Elenco puntato */
.et_pb_column_4_4 .et_pb_text li {
    margin-bottom: 20px;
}

/* Stili pagine richiedi preventivo */
.testorichiestapreventivo  h2 {
	font-size: 22px !important;
	color: #e02b20 !important;
}

.testorichiestapreventivo  h3 {
	font-size: 20px !important;
	color: #e02b20 !important;
}

/* Mappa del sito */
nav.kocujsitemap ul > li {
	margin-bottom: 10px;
}

nav.kocujsitemap > ul {
    list-style: none;
}

nav.kocujsitemap > ul > li > a{
	font-size: 18px;
	font-weight: 500;
}

nav.kocujsitemap > ul > li > ul {
    padding-left: 40px;
}