/*
Theme Name: Salient Child Theme
Theme URI: http: //maryjanefrost.com/
Description: This is a custom child theme for Salient
Author: SGSS Design
Author URI: http: //maryjanefrost.com/
Template: salient
Version: 0.1
*/


html, body { font-family: "futura-pt",sans-serif; font-weight: 300;}
h1, h2, h3, h4, h5, h6 { font-family: "futura-pt",sans-serif; font-weight: 300;}
h1, h2 {
    font-size: 110px;
    line-height: 140px;
    margin-bottom: 0px;
	text-transform: uppercase;
}

h1 {letter-spacing: 12px;}
h2 {letter-spacing: 6px;}

.row .col.section-title h1 {line-height: 110px!important;}

h2 .desc {
    font-size: 0.65em;
    font-style: oblique;
    color: rgba(225,225,225,1.00);
}

.reduce-lh {line-height: 50px; margin-bottom: 0px;}
.desc {
    font-size: 16px;
    letter-spacing: 2px;
    font-family: "futura-pt",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: rgba(157,157,157,1.00);
	padding-left: 10px;
}
.intro-desc {
    font-size: 60px!important;
    letter-spacing: 6px;
    font-family: "futura-pt",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: rgba(157,157,157,1.00)!important;
}
	
.light-font {color: rgba(225,225,225,1.00);}

h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0px;
	padding-left: 8px;
	letter-spacing: 4px;
}


.bio {font-size: 16px;}

.home-links {font-size: 30px; padding-right: 30px;}

header#top #logo {
	display: none;
    font-size: 16px;
    letter-spacing: 2px;
    color: #444;
    font-family: "futura-pt",sans-serif;
    font-weight: 300;
	text-transform: uppercase;}

body[data-slide-out-widget-area="true"] header#top #logo, #header-outer[data-mobile-fixed="1"] header#top #logo {
    display: none!important;
}

header#top nav > ul > li[class*="button_bordered"] > a::before, #header-outer.transparent header#top nav > ul > li[class*="button_bordered"] > a::before { border: 1px solid rgba(0,0,0,0.60)!important;}

#header-outer[data-format="menu-left-aligned"] .row .right-aligned-menu-items {
    float: left;
}

.inner-width {max-width: 1245px; margin-left: auto; margin-right: auto;}
.inner-width-intro {max-width: 1245px; margin-left: auto; margin-right: auto; align-content: center; text-align: center;}

.picture-item__inner {
    border: 1px solid rgba(234,234,234,1.00)
}
.ff-truelayout-carousel .slick-prev, .ff-truelayout-carousel .slick-prev:hover, .ff-truelayout-carousel .slick-next, .ff-truelayout-carousel .slick-next:hover {
    border-radius: 30px!important;
    border: 1px solid rgba(255,255,255,0.90)!important;
    background: rgba(0,0,0,0.12)!important;
}
.wpb_wrapper > div {margin-bottom: 2px!important}
.ff-stream {padding-bottom: 2px!important;}

.svc_carousel_container .owl-item {
    text-align: left!important;
	font-size: 30px;
	line-height: 30px;
	color: rgba(225,225,225,1.00)!important;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0px!important;}
.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0px!important;}
.owl-theme .owl-controls .owl-buttons div {
    padding: 0px 4px!important;
}
.owl-carousel .owl-item img {margin-bottom: 10px;}
.owl-theme .owl-controls .owl-buttons div {background: none!important;}

.owl-item header {
	display: block;
  max-width: 100%;
max-height: 300px;
overflow: hidden;
margin-bottom: 10px;}

i[class*=" icon-"]{border: 1px solid rgba(255,255,255,0.90)!important;
    background: rgba(0,0,0,0.12)!important;}

.row .col.section-title h1 {font-family: "futura-pt",sans-serif; font-weight: 300;}


.single #single-below-header, .meta-comment-count {
   visibility: hidden;
}
.single .heading-title, article.post .content-inner {
    padding-bottom: 5px!important;
    border-bottom: none!important;
    margin-bottom: 5px!important;
}

#gallery-1 img {border: 1px solid rgba(225,225,225,1.00)!important}

.single .blog-title #single-meta ul .n-shortcode a {border: 1px solid rgba(0,0,0,0.1) !important;}

.contact {font-size:30px; line-height:48px;}
.contact a:hover { opacity: 0.7;
}
.fa-instagram, .fa-facebook, .fa-twitter {font-size: 40px!important; line-height:40px; margin: 10px;}
a:hover {opacity: 0.7;}

.fa-chevron-right, .fa-chevron-left{ font-size: 18px!important;}


#footer-outer #footer-widgets .col ul li {padding: 8px 20px;}

body.original #footer-outer #footer-widgets .col ul li {border-bottom: 0px solid rgba(0,0,0,0) !important;}

body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area {max-width:100%!important;}

.gallery a img {padding:0px;}

.wpb_wrapper > div {
    margin-bottom: 40px !important;
}


#header-outer #social-in-menu i {font-size: 22px !important; line-height: 22px;}
.fa-instagram, .fa-facebook, .fa-twitter {
    margin-top: 2px;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 8px;
}
#social-in-menu a {height: 22px;}

header#top nav > ul > li > a {font-size: 16px;}

body:not(.ascend) header#top nav > ul.buttons {margin-left: 0px;}

iframe.iframe-embed {min-height: 210px; min-width: 327; width: 100%;}
	
#ff-stream-1 {min-height: 300px;}

.container-wrap, .project-title {margin-top: -85px;}


@media (min-width: 300px) and (max-width: 767px) {
	.ff-stream {min-height: 200px!important;}
	.contact {font-size:20px; line-height:28px;}
	#slide-out-widget-area.fullscreen .inner .widget, #slide-out-widget-area.fullscreen-alt .inner .widget {padding: 0px;}
	.inner-width {max-width: 750px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;}
	h1, h2 {font-size: 50px!important; line-height: 40px!important; margin-bottom: 0px;}
	.home-links {font-size: 20px; padding-right: 10px;}
	.intro-desc {font-size: 20px!important;}

}

@media (min-width: 768px) and (max-width: 991px) {
	.ff-stream {min-height: 200px!important;}
    h1, h2 {font-size: 70px!important; line-height: 80px!important; margin-bottom: 0px;}
	.svc_carousel_container .owl-item {font-size: 25px; line-height: 25px;}
	.inner-width {max-width: 750px; margin-left: auto; margin-right: auto;}
	.contact {font-size: 25px; line-height: 40px;}
	.intro-desc {font-size: 40px!important;}

}

@media (min-width: 992px) and (max-width: 1199px) {
	.ff-stream {min-height: 300px!important;}
  h1, h2 {font-size: 80px!important; line-height: 80px!important; margin-bottom: 0px;}
	.svc_carousel_container .owl-item {font-size: 30px; line-height: 30px;}
	.inner-width {max-width: 950px; margin-left: auto; margin-right: auto;}
	.contact {font-size: 25px; line-height: 40px;}
	.intro-desc {font-size: 50px!important;}

}

@media (min-width: 1200px) {
	.ff-stream {min-height: 300px!important;}
}