/*
Theme Name: Flatsome Child Theme
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome
Author: UX Themes
Author URI: http: //www.uxthemes.com/
Template: flatsome
Version: 2.0
*/

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

/* Sezione Servizi - Icon Box compatte */
.servizi-home .icon-box{
    margin-bottom: 0;
}

.servizi-home .icon-box-img{
    margin-bottom: 15px;
}

.servizi-home .icon-box-text.last-reset{
    margin-top: -15px;
    margin-bottom: -30px;
    line-height: 1.15;
}

.servizi-home .col-inner{
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Bottone Rosa */
.button.primary.lowercase.bottone-rosa{
    background: rgb(237, 219, 217);
    border: 1px solid rgb(223, 207, 203);
    color: #444;
    box-shadow: none;
    transition: all .3s ease;
}

.button.primary.lowercase.bottone-rosa:hover{
    background: #fff;
    border-color: rgb(223, 207, 203);
    color: #444;
}

.button.primary.lowercase.bottone-rosa:hover span{
    color: #444;
}

/* Bottone Azzurro */
.button.primary.lowercase.bottone-azzurro{
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #444;
    box-shadow: none;
    transition: all .3s ease;
}

.button.primary.lowercase.bottone-azzurro:hover{
    background: #d9e6e8;
    border-color: #b8cacc;
    color: #444;
}

.button.primary.lowercase.bottone-azzurro:hover span{
    color: #444;
}

/* Roba Footer */
.footer-titolo{
    color: #8f8f8f;
}
.footer-logo-solacium{
    margin-left: -7px;
}

/* Bordo Nero tra le icone */
/* elimina il divisore originale */
.servizi-home .row-divided > .col + .col:not(.large-12){
    border-left: none;
    position: relative;
}

/* nuovo divisore centrato */
.servizi-home .row-divided > .col + .col:not(.large-12):before{
    content: "";
    position: absolute;

    left: 0;
    top: 50%;

    width: 1px;
    height: 120px;

    background: #444;

    transform: translateY(-50%);
}

/* FONTS */

h1,
h2,
h3,
h4,
h5,
h6{
    font-family:'Roboto Slab', serif;
}

h1{
    font-size:4rem;
	font-weight: 400;
}

h2{
    font-size:2.1rem;
	font-weight: 300;
}

h3{
    font-size:2rem;
	font-weight: 300;
}

h4{
   font-weight: 500;
}

.nav > li > a{
    font-family: "Montserrat", sans-serif;
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: 1px;
}

body{
    font-family:'Montserrat',sans-serif;
}

.button,
button,
input[type="submit"]{
    font-family: "Montserrat", sans-serif;
    font-size: 0.85em;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.banner h1{
    font-size: clamp(3rem, 6vw, 5rem);
}

.text-shadow-light{
    text-shadow: 0 2px 8px rgba(0,0,0,.20);
}