/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/


:root {
   --columns-gap: 0;
}

a {
   text-decoration: underline;
   margin-bottom: 8px;
}

a.link-blue {
   text-decoration: none;
   color: var(--color-content-primary);
}

.link-no-underline a {
   text-decoration: none;
}

/* force the radius of the post images when 'Rounded border' option is set */
.w-post-elm.post_image.as_circle {
   border-radius: 5px;
}



/* Classe che limita il numero di righe di un link dentro un wrapper a 2 */
.link-wrapper-2-lines > a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.link-wrapper-1-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; 
    line-clamp: 2;
    overflow: hidden;
}


@media screen and (max-width: 768px) {

   h1 {
      font-size: 2.5rem !important;
   }

   h2 {
      font-size: 2rem !important;
   }
   
}




/* Classe per la pagina servizi */
.title--servizi {
   display: flex;
   align-items: center;
   padding-left: 3rem;
   position: relative;
}

.title--servizi::before,
.title--servizi::after {
   content: "";
   position: absolute;
   left: 0;
   right: auto;
   top: 20px;
   
   width: 35px;
   height: 5px;
   background-color: var(--color-alt-content-primary);
}

.title--servizi::after {
   transform: rotate(90deg);
}


@media screen and (max-width: 768px) {

   #servizi--progettazione .g-cols.cols_custom,
   #servizi--anticendio .g-cols.cols_custom,
   #servizi--pm .g-cols.cols_custom {
      display: flex;
      flex-direction: column;
   }

   #servizi--direzione-lavori .g-cols.cols_custom,
   #servizi--collaudi .g-cols,
   #servizi--consulenza .g-cols.cols_custom {
      display: flex;
      flex-direction: column-reverse;
   }

   /* rimozione dei margini */
   section[id^="servizi--"] .vc_column_container {
      margin-left: 0 !important;
   }
   
}







/* Classe unica per la quote in about-us */
.quote-author::before {
   content: "";
   width: 10em;
   height: 2px;

   background-color: var(--color-content-primary);

   position: absolute;
   top: 50%;
   right: 7em;
}



/* Classe per columns gap */
.columns-gap-1 .g-cols {
   gap: 1em !important;
}