/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.10
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
@import "fonts/fontawesome/css/solid.min.css";
@import "fonts/fontawesome/css/fontawesome.min.css";
@import "fonts/helvetica_neue/HelveticaNeueLTPro-MdCnO.css";
*/

.res-text { font-size: 16px; } /*Dimensione base del testo nei banner */
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {  }
pre, blockquote, form, figure, p, dl, ul, ol { margin-bottom: 0.6em; }/*Overwrite padding sotto a <p>*/ 
sup { vertical-align: top; }
ul { list-style: none; }

@media screen and (min-width: 850px){ .row-large>.flickity-viewport>.flickity-slider>.col, .row-large>.col { padding-bottom: 0; } }/*Rimuove padding sotto alle colonne in desktop */ 
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a, .nav-vertical-fly-out>li>a { color: #2d343f }
.nav-dropdown { /*min-width: 320px;*/font-family: "Playfair Display", sans-serif }

.stuck .header-main .nav > li > a { color: var(--darkgrey); }
.col { padding-bottom: 0px; } 

/*.nav a { font-size: 18px; }*/

.alt-font {/*font-family: "FuturaStd-Medium", sans-serif; */}
.absolute-footer, #comments { display: none; }
/*.grecaptcha-badge { visibility: hidden;}*/

/*.header-main .nav > li > a { font-weight: 500; }
.header-nav > li > a { font-weight: normal !important; }*/

/*FIX per mettere la bottom bar container*/
.header-full-width #wide-nav .container {max-width: 1270px!important; } 


.header-main .nav-left { justify-content: flex-end !important; }
.header-main .nav-right { justify-content: flex-start !important; }

.h1,h1,.banner h1{ font-size: 2.3em; line-height: 1.1; color:#35495a;}
.h2,h2,.banner h2{ font-size: 2.2em; line-height: 1.0; color:#35495a; }
.h3,h3,.banner h3{ font-size: calc(1.2rem + .6vw); line-height: 1.1; color:#35495a;}
.h4,h4,.banner h4{ font-size: calc(1.1rem + .6vw); line-height: 1.2;}
.h5,h5,.banner h5{ font-size: calc(1rem + .6vw); line-height: 1.2; margin-bottom: 0; margin-top: 0; }
.h6,h6,.banner h6{ font-size: calc(0.9rem + .6vw); line-height: 1.2; }

p.lead, a.lead { font-size: 21px; line-height: 1.3; font-weight: 400; }

body .dark h1, 
body .dark h2, 
body .dark h3,
body .dark h4,
body .dark h5,
body .dark h6 { color: #fff; }
.res-text { font-size: 15px !important; }

/*FORM CONTATTI*/
.block-form .col { padding: 0 15px 5px !important; }
.acceptance .wpcf7-form-control-wrap { display: inline !important; }
.wpcf7 span.wpcf7-list-item { margin-right: 0; }
/**************/

.box-text { line-height: 1.3; }
.margin-none { margin: 0 !important }
.message-to .wpcf7-select { background: #e6eaff; }

.row-box-shadow-5 .col-inner, .row-box-shadow-5-hover .col-inner:hover, .box-shadow-5, .box-shadow-5-hover:hover {
  -webkit-box-shadow: 0px 30px 40px 0px rgba(205,205,205,.2);
  box-shadow: 0px 30px 40px 0px rgba(205,205,205,.2); }

.portfolio-inner { text-align: center; }
.portfolio-inner img { width: auto; }
.portfolio-related { display: none; }

.banner-video .button { border-radius: 99px; }

.bar-social-icon { width: 200px }
.bar-social-icon img { max-height: 24px }
.bar-social-icon .social-icon { margin-left: 3px; }

.footer-social img { max-height: 30px; }


@media screen and (min-width: 850px) {
	/*.large-3 .res-text {font-size: 16px; }*/
}

@media (min-width: 991px){ /*Solo Desktop*/

    .section { overflow-x: clip; } /*Inserito per fix colonne con overlay che sbordano*/

    .transparent .header-main { margin-top: -100px; }

}

@media (max-width: 990px){
  body .is-sticky-section { position: relative !important; } 
  body .sticky-section-helper { display: none; }
  body .sticky-section { height: auto !important; }
}

@media only screen and (max-width: 849px) { /*Tablet e Mobile*/
	
}

@media (min-width: 550px){
	.medium-1 .res-text, .medium-2 .res-text, .medium-3 .res-text, .medium-4 .res-text, .medium-5 .res-text, .medium-6 .res-text, .medium-7 .res-text {font-size: 16px; }
}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.menu-item a {/* font-size: 17px !important; color: #111 !important;*/}
	.mobile-center * { text-align:center; }

	.h1,h1,.banner h1{ font-size: 34px; line-height: 1.2; }
	.h2,h2,.banner h2{ font-size: 32px; line-height: 1.2; }
	.h3,h3,.banner h3{ font-size: 28px; line-height: 1.2; }
	.h4,h4,.banner h4{ font-size: 24px; line-height: 1.2; }
	.h5,h5,.banner h5{ font-size: 22px; line-height: 1.2; }
	.h6,h6,.banner h6{ font-size: 18px; line-height: 1.2; }

	p.lead, a.lead { font-size: 19px; line-height: 1.3; }
}

@media only screen and (max-width: 1200px) {
    #header .hide-for-medium .header-nav { display: none; }
    #header #top-bar .hide-for-medium{ display: none; }
    #header .show-for-medium, #header .show-for-medium .mobile-nav { display: flex !important; }
}



/* GOOGLE */
.gsc-search-box {
    border: 1px solid #d0dbe2;
}
.gsc-search-box td {padding: 0!important;}

.gsc-input {
    padding-right: 0 !important;
    margin-bottom: 0!important;
}
.gsc-search-button {
    margin-left: 0 !important;
}
.gsc-input-box {
    border-width: 0 !important;
    background: none !important;
}
.gsc-search-button-v2 {
    border-radius: 0 !important;
    padding: 14px 30px !important;
    border: none !important;
    background: #4E7C8D !important;
}
.gsc-search-button-v2:hover {
    background: #35495a !important;
}
.gsc-search-button-v2 {
    padding: 15px 19px !important;
}

form.gsc-search-box, table.gsc-search-box {
    margin-bottom: 0 !important;
}

.header-searchbox { min-width: 280px; }
.header-searchbox td, .header-searchbox th {border-bottom: none; line-height: 1; padding: 0!important; }
input#gsc-i-id1 {box-shadow: none; height: 27px!important; margin: 8px!important; }
input#gsc-i-id2 {box-shadow: none; height: 27px!important; margin: 8px!important; }
input#gsc-i-id3 {box-shadow: none; height: 27px!important; margin: 8px!important; }

p.header-payoff {max-width: 600px; font-family: 'Playfair Display'; font-size: 15px; color: rgb(123, 123, 123); }


.footer-social {
    background: #F0F0F0;
}
.footer-social:hover {
    background: #9EB3C0;
    color: #FFFFFF !important;
}
.footer-social:hover .footer-social-text{

    color: #FFFFFF !important;
}
.footer-social a{
    display: flex;
    margin-bottom:15px;
    text-decoration: none;
}
.footer-social:hover {
    cursor: pointer;
}
.footer-social-icon {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-social-text {
    display: flex;
    align-items: center;
    padding: 5px;
    font-size: 17px;
    font-weight: 600;
}
.footer-issn-text {
    font-size: 0.7em;
}
#footer-copy {
    font-size: 0.8em;
}
#footer-copy a {
    color: #FFFFFF;
}
#footer-copy a:hover {
    text-decoration: underline;
}
.subscribe-form {
    display: flex;
}
.subscribe-input {
    width: auto !important;
    display: initial;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
}

#footer-subscribe h4 {margin-bottom:0; font-size: 1.5rem}



.custom-font {
    font-family: 'Playfair Display' !important;
}
.text-sm {
    font-size: 0.8em;
}


.text-primary {color: #35495a!important;}
.bg-primary {background: #35495a!important;}


.text-secondary {color: #7092A7!important;}
.bg-secondary {background: #7092A7!important;}

.text-tertiary {color: #4E7C8D !important;}
.bg-tertiary {background: #4E7C8D !important;}

.btn-tertiary {background: #4E7C8D !important; color: #FFFFFF;}
.btn-tertiary:hover {background: #35495a !important; color: #FFFFFF;}

.text-lightblue, .text-lightblue label {color: #9EB3C0 !important;}
.bg-lightblue {background: #9EB3C0 !important;}

.btn-lightblue {background: #9EB3C0 !important; color: #FFFFFF;}
.btn-lightblue:hover {background: #4E7C8D !important; color: #FFFFFF;}

.text-white {color: #fff!important;}

div#post-list {background-color: #FFF; padding: 20px 5%; }
.single-post  .post {background-color: #FFF; padding: 20px 5%; }

@media (max-width: 849px) {
	#header .header-main {height: auto!important;}
	#header .flex-row { flex-flow: column; align-items:flex-start;}
	#header .header-main li.html.custom { display: inline-block;}
	#header .flex-col { margin: 10px 0 0;}
}