/*
 Theme Name:   Salient Child
 Template:     salient
*/

body, body #header-outer { background-color: #e7e8e2 !important; }
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { font-family: neue-haas-grotesk-display, sans-serif !important; font-weight: 400 !important; font-style: normal;   }
body { letter-spacing: .08em;}
strong { font-family: neue-haas-grotesk-display, sans-serif !important; font-weight: 600 !important; }

header#top nav > ul > li > a { font-weight: 600 !important; letter-spacing: .08em; color: #221f20; }  
body h2, body h3, .row .col h3, body h1 { font-size:30px !important; line-height: 34px !important; letter-spacing: 0.08em!important;}
body h2 { font-weight:600 !important;}


html body, html .ascend .container-wrap { background-color: #e7e8e2 !important; }

#header-outer { box-shadow: none !important; -webkit-box-shadow: none !important;  }
#header-outer.small-nav {box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22) !important;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22) !important;}

/* home page */
.masonry.classic_enhanced .post-header { font-size:14px !important; font-weight: 600!important; color: #221f20;  }
.masonry.classic_enhanced .masonry-blog-item h3.title, .masonry.classic_enhanced article.post .excerpt { font-size: 20px !important; line-height:24px!important; color: #221f20 !important; }
.masonry.classic_enhanced .masonry-blog-item h3.title { font-weight:600 !important; }
.masonry.classic_enhanced .masonry-blog-item .article-content-wrap { padding:20px 20px 40px 20px !important; color: #221f20 !important; }

.masonry.classic_enhanced .posts-container article .meta-category a, .masonry.classic_enhanced .posts-container article.wide_tall .meta-category a, .blog-recent[data-style*="classic_enhanced"] .meta-category a { border:none; font-weight:600 !important; letter-spacing: .08em;}

.nectar-cta[data-style="see-through"] .link_wrap .arrow:before { -ms-transform: scale(1,1) translateX(9px); -webkit-transform: scale(1,1) translateX(9px); transform: scale(1,1) translateX(9px); }
.nectar-cta[data-style="see-through"] .link_wrap .arrow:after, .nectar-cta[data-style="see-through"] .link_wrap:hover .arrow:before { -ms-transform: scale(1,1) translateX(9px); -webkit-transform: scale(1,1) translateX(9px); transform: scale(1,1) translateX(9px); }
.span_12.light .nectar-cta .link_wrap .link_text:after, .nectar-cta[data-text-color="custom"] .link_wrap .link_text:after { border:none !important; }
.col.dark .nectar-button.see-through, .col.dark .nectar-button.see-through-2 { border:1px solid !important; }

.post-area.masonry.classic_enhanced article.post .content-inner { text-align:left!important;} 

/* pagine interne */
body h1 { font-size:30px !important; line-height: 34px !important; letter-spacing: 0.08em!important; font-weight: 600 !important; margin-top: 0px; margin-bottom:20px !important; color: #221f20 !important;  }

html, body, div { font-size:20px; line-height: 27px;}
.portfolio-wrap .element { background-color: #e7e8e2 !important; }

.full-width-section > .col.span_12.dark h1, .full-width-content > .col.span_12.dark h1, .full-width-section > .col.span_12.dark h2, .full-width-content > .col.span_12.dark h2, .full-width-section > .col.span_12.dark h3, .full-width-content > .col.span_12.dark h3, .full-width-section > .col.span_12.dark h4, .full-width-content > .col.span_12.dark h4, .full-width-section > .col.span_12.dark h5, .full-width-content > .col.span_12.dark h5, .full-width-section > .col.span_12.dark h6, .full-width-content > .col.span_12.dark h6 { font-weight:600!important;}

/* portfolio */
.bottom_controls { background-color: #fff !important;}
.portfolio-filters-inline .container > ul a, .portfolio-filters-inline.non-fw .container > ul li#sort-label { font-size: 16px !important; }

/* single-post*/
.single-post .container { max-width:1200px;}
.page-header-bg-image::before { content: ''; width:100%; height: 100%; display:block; background-color: #000;  opacity: .7; position: absolute; top: 0px; left: 0px;   }
.single-post #page-header-bg, .single-post #page-header-bg h1 { color: #fff !important; }
body.single-post em { font-size:20px !important; font-style: italic !important; }
body.single-post .col.dark .nectar-button.see-through, body.single-post .col.dark .nectar-button.see-through-2 { font-size: 12px; padding: 15px 30px; background-color: rgb(128, 23, 11) !important; color: #fff !important; font-weight:600 !important; border-color: rgb(128, 23, 11)!important; }

/* footer */
body #nectar_fullscreen_rows #footer-outer p, body #footer-outer p{ font-size:13px; line-height:20px; letter-spacing: .08em; }
body #footer-outer, #nectar_fullscreen_rows >#footer-outer.wpb_row .full-page-inner-wrap {color: #221f20;}

body .footer-element .wpb_wrapper h3, body .templatera_shortcode .wpb_wrapper h3 { font-size:20px !important; line-height: 27px !important; }
body .nectar-button.has-icon.small span { font-size:14px !important; font-weight: 600 !important;  }
body .nectar-button.has-icon.small { border-radius: 3px !important;  }

@media only screen and (max-width: 1300px) and (min-width: 990px) {
body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item h3 {font-size:18px !important; }
}

@media only screen and (min-width: 1000px) {
#page-header-bg .container, .container-wrap .container { max-width: 1200px !important; }

}

@media only screen and (max-width: 1000px) {
	#slide-out-widget-area .inner .off-canvas-menu-container li a { font-size:20px !important; font-weight:bold !important;font-family: neue-haas-grotesk-display, sans-serif !important; color: #fff!important;  }
	
.divider-wrap div { height: 40px!important; }

#page-header-bg .span_6 h1 { margin-bottom:20px !important;}
#mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="icon-"], #mobile-menu li.open >a, #mobile-menu ul li.current-menu-item >a, #mobile-menu ul li.current-menu-ancestor >a, #mobile-menu ul li a { font-weight:bold !important;}
}
@media only screen and (max-width: 690px) {
#page-header-bg .span_6 .inner-wrap h1 { margin-bottom:20px !important;}


.leadinModal .leadinModal-content h1, 
.leadinModal .leadinModal-content h2, 
.leadinModal .leadinModal-content h3, 
.leadinModal .leadinModal-content h4, 
.leadinModal .leadinModal-content h5, 
.leadinModal .leadinModal-content h6 
{ font-size:18px !important;}
.leadinModal.leadinModal-v3 .dyno-image,
.leadinModal.leadinModal-v3 .dyno-image .dyno-image-inner,
.leadinModal.leadinModal-v3 .dyno-image img { max-height:130px !important; max-width:100px !important; width:130px !important; margin-right:20px !important;}
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-preview .leadin-preview-wrapper h4, .leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-preview .leadin-preview-wrapper h4, .leadinModal-v3.leadinModal.leadinEmbedded-theme-default.leadinModal-preview .leadin-preview-wrapper h4 { margin-left: 120px !important;}}
