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


@font-face {
    font-family: 'Tallington Modern';
    src: url('fonts/lhftallingtonmodern-webfont.woff2') format('woff2');
    src: url('fonts/lhftallingtonmodern-webfont.woff') format('woff');
    src: url('fonts//lhftallingtonmodern-webfont.woff') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*Down arrow Mobile*/
@media only screen and (max-width: 768px) and (min-width: 481px) {
.echo-content-down-arrow {
	font-size: 20px !important; 
	margin-left: -10px !important;}
}

@media only screen and (max-width: 480px) {
.echo-content-down-arrow {
    font-size: 20px !important; 
	margin-left: -10px !important; 
	top: 490px; }
}

/*Apply Fullscreen page row css copied from Nectar Slider down arrow*/
.full-page-inner .slider-down-arrow-full {
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    z-index: 100;
    left: 50%;
    margin-left: -30px;
}
.full-page-inner .slider-down-arrow-full i.icon-default-style[class^="icon-"] {
    height: 60px!important;
    width: 60px;
    font-size: 20px!important;
    line-height: 60px!important;
    animation: 3.4s ease-in-out infinite fadebottom;
    -webkit-animation: 3.4s ease-in-out infinite fadebottom;
}


/*---------- Homepage Mobile -----------*/
@media only screen and (max-width: 690px) {
img.homepage-title {
    	width: 50%!important;
    	height: auto;
	}
}

/*---------- Footer Styles -------------*/
#footer-outer{
    background: url(/wp-content/uploads/2018/05/BG4.png) no-repeat bottom; 
    /*background-color: #262626 !important;*/
    /* background-color: transparent !important;*/
    background-size: 100% !important;
}

#footer-widgets{
    padding-bottom: 10%;
}


#footer-outer .widget{
    padding-left: 0px;
}


#footer-outer #copyright{
    padding: 10px !important;
}

#footer-nav .menu-footer-nav-container ul li a{
    font-family: Tallington Modern !important;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 45px;
    color: #777777 !important;
}

.footer-widget p {
    font-family: Lexia !important;
    font-size: 20px !important;
}

#footer-nav ul li a:hover{
    color: #ee444f !important;
}

#footer-nav ul li a:active{
    color: #1ca5b7 !important;
}

.footer-contact-title{
    color: #1ca5b7 !important;
    font-family: Lexia !important;
    font-weight: 400 !important;
    font-style: italic !important;
    font-size: 20px !important;
}

.footer-column-title{
	font-family: Tallington Modern !important;
	text-transform: uppercase!important;
	font-size: 40px!important;
	line-height: 45px;
	font-weight: 400!important;
	font-style: normal !important;
    letter-spacing: normal !important;
    color:#777777;
}


.footer-widget .nectar-button {
    margin: 10px 0px 30px 0px !important;
}

#footer-logo{
    /*width: 75%;*/
    padding: 0 8% !important;
}

#footer-outer .row{
    padding: 100px 0;
}

/* Footer Tablet */
@media only screen and (max-width: 1000px) and (min-width: 690px) {
    #footer-widgets .container .col{
        width: 50% !important;
    }

    #footer-widgets .container .col:nth-child(1) {
        width: 100% !important;
    }

    #footer-outer{
        background-size: 200% !important;
        background-position: bottom right!important;
    }

    #footer-widgets .container{
        padding: 0 !important;
    }
    
    #footer-logo{
        padding: 0 !important;
    }
}


/* Footer Mobile*/
@media only screen and (max-width: 690px) and (min-width: 1px){
    #footer-outer{
        background-size: 250% !important;
        background-position: bottom right!important;
        }

    #footer-widgets .container{
        padding: 0 !important;
        }
    
    #footer-logo{
        padding: 0 !important;
        }
    }

/*------------------- Portfolio Styles -----------------*/

/* reverse-row class not needed on first row, if left column is hidden on desktop and background image is hidden on mobile */

/*Mobile*/
/*@media only screen and (max-width: 1000px) and (min-width: 1px){
    .reverse-row >.col.span_12 {        
        flex-direction: row-reverse !important;  
    }
}*/


#full_width_portfolio .project-title {
    display: none !important;
}


.project-intro-column-12{
	/*padding-top: 4% !important;*/
}

.project-info-column{
	
}

.image-border{
    border-style: solid;
    border-width: 2px;
    border-color: #f4f4f4;
}

.project-info-column-top{
    padding: 4% !important;
	background-color: #262626;
}

.project-info-column-bottom{
    padding: 0 4% !important;
}


.project-intro-blurb h1{
	font-family: Lexia !important;
	font-weight: normal!important;
	text-transform: none!important;
	font-size: 40px !important;
	line-height: 1.5 !important;
	text-align: left !important;
	color: #ee444f !important;
}

.project-attributes h4{
	font-family: Lexia;
	font-weight: 400;
	font-style: italic;
	font-size: 16px !important;
	line-height: 26px;
	color: #1ca5b7;
	/*line-height: 1 !important;*/
	text-align: left;
}

.project-attributes h2{
	font-family: Lexia;
	font-weight: 400;
	font-size: 25px;
	line-height: 35px;
	color: #aaaaaa;
	text-align: left;
	text-transform: none;
    padding-bottom: 10px !important;
}

.project-results h2{
	font-family: Lexia;
	font-weight: 400;
	font-size: 25px;
	line-height: 35px;
	color: #aaaaaa;
	text-align: left;
	text-transform: none;
    padding-bottom: 10px !important;
}

.project-results h4{
	font-family: Lexia;
	font-weight: 400;
	font-style: italic;
	font-size: 16px !important;
	line-height: 26px;
	color: #1ca5b7;
	/*line-height: 1 !important;*/
	text-align: left;
	margin-bottom: 7px;
}

.project-info-header{

    max-width: 30% !important;
    padding: 10% 0 5% !important;
}

.project-details p{
	color: #aaaaaa;
}

.project-details-lead-in{
	padding: 0 0 20px 0;
	max-width: 50% !important;
}

.project-content{
	padding: 60px 0 60px 0 !important;
}

/* inner row max width for content area */
.content-row {
	max-width: 1400px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.nectar-love {
	visibility:hidden;
}

/*--------------- portfolio small desktop ------------*/

@media only screen and (max-width: 1300px) and (min-width: 1000px){

.project-attributes h4{
	font-size: 14px !important;
}

.project-attributes h2 {
	font-size: 20px !important;
	line-height: 1.5 !important;
}

.project-results h4{
	font-size: 14px !important;
}

.project-results h2 {
	font-size: 20px !important;
	line-height: 1.5 !important;
}

.project-intro-blurb h1{
	font-size: 26px !important;
	line-height: 1.5 !important;
}

.project-info-header{
    max-width: 30% !important;
    padding: 5% 0 10% !important;
}
}

/*--------------- portfolio tablet ------------*/

@media only screen and (max-width: 1000px) and (min-width: 690px){

.project-attributes h4{
	font-size: 18px !important;
}

.project-attributes h2 {
    font-size: 28px !important;
    line-height: 1.5 !important;
}

.project-results h4{
    font-size: 18px !important;
}

.project-results h2 {
    font-size: 28px !important;
    line-height: 1.5 !important;
}
	
.project-intro-blurb h1{
    font-size: 40px !important;
    line-height: 1.5 !important;
}

.inner > .project-info-header {
     max-width: 30% !important;
     padding: 5% 0 5% !important;
}
}

/*----------------- portfolio mobile ---------------*/
@media only screen and (max-width: 1000px) and (min-width: 1px){

.project-attributes h4{
    font-size: 18px !important;
}

.project-attributes h2 {
    font-size: 28px !important;
    line-height: 1.5 !important;
}

.project-results h4{
    font-size: 18px !important;
}

.project-results h2 {
    font-size: 28px !important;
    line-height: 1.5 !important;
}

.project-intro-blurb h1{
    font-size: 40px !important;
    line-height: 1.5 !important;
    }

.inner > .project-info-header {
    max-width: 30% !important;
    padding: 5% 0 5% !important;
}
}


/*-------------------- Blog Styles ---------------------*/
.single [data-post-hs="default_minimal"] .page-header-bg-image:after, .archive .page-header-bg-image:after{
   background-color: rgba(45,45,45,0) !important;
}

#sidebar h4 {
    font-style: normal !important;
    letter-spacing: normal !important;
}

.subheader{
	font-size: 24px !important;
}


.material #sidebar .widget li a, .material .post-area.featured_img_left article .meta-category a, .meta-category a{
    padding: 4px 8px !important;
    border: 2px solid #1ca5b7 !important;
   /* margin: 5px 6px 30px 0px;*/
    display: inline;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    font-size: 12px !important;
    color: #1ca5b7 !important;
	background-color: transparent !important;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    font-family: Lexia !important;
    font-weight: 700 !important;
    font-style: italic
}

.nectar-hor-list-item[data-color="accent-color"]::before {
	background-color:#ffffff!important;
}

.material .widget .tagcloud a, .material #sidebar .widget .tagcloud a {
    font-size: 12px !important;
	font-family: Lexia !important;
    font-weight: 700 !important;
    font-style: italic !important;
	text-transform: uppercase !important;
}

body.material #sidebar .widget .tagcloud a {
	background: rgba(255,255,255,1)!important;
	color:#1ca5b7!important;
}

body.material #sidebar .widget .tagcloud a:hover {
    background-color: #1ca5b7!important;
	color: #ffffff!important;
	box-shadow: none!important;
}

.material #sidebar .widget li a:hover, .material .post-area.featured_img_left article .meta-category a:hover, .meta-category a:hover{
	 color: #ffffff !important;
	 background-color: #1ca5b7 !important;
}

.masonry.classic_enhanced .posts-container article.has-post-thumbnail .meta-category a:hover, .blog-recent[data-style*="classic_enhanced"] .has-post-thumbnail .meta-category a:hover, .blog-recent[data-style*="classic_enhanced"] .meta-category a:hover{
	background-color: #1ca5b7 !important;
}

.material .post-area.featured_img_left article .meta-category a{
     line-height: 40px;
}
    
.material .post-area.featured_img_left article .meta-category a:before{
     content: none !important;
}
    
.section-title h1{
	text-transform: none !important;
}

.posts-container article .inner-wrap {
 height: auto !important;
}

.masonry.classic_enhanced .masonry-blog-item .article-content-wrap, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap{
	padding: 2% !important;
	border: none !important;
	border-radius: 0 !important;
}


.post-area.masonry.classic_enhanced article.post .post-meta, .blog-recent[data-style*="classic_enhanced"] .post-meta{
	display: none !important;
}

.excerpt{
	font-size: 16px !important;
	line-height: 24px !important;
}

.title{
	font-size: 22px !important;
	line-height: 32px !important;
}

article.post .more-link span {
	display:none !important;
}

body.archive #page-header-bg h1{
	font-family: Tallington Modern !important;
	font-size: 80px!important;
}

.meta-comment-count{ /*hides comment count on single post pages*/
	display:none!important;
}

.grav-wrap{ /*hides author and category details on fetured blog header image*/
	visibility: hidden;
	position: relative;
}

/*hides SPOTLIGHT "By & Large title" that gets put on FEATURED blog header image */
div.vc_col-sm-8.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-2 > .vc_column-inner > .wpb_wrapper > .nectar-recent-posts-single_featured.parallax_section > .nectar-recent-post-slide.post-ref-0 > .recent-post-container.container > .inner-wrap > div.grav-wrap {
	display:none!important;
}

#sidebar .widget.widget_categories li.cat-item.cat-item-59 a, #sidebar .widget.widget_categories li.cat-item.cat-item-61 a { /* removes FEATURED and SPOTLIGHT category names from list*/
	display: none!important;
}

a.featured, a.spotlight { /* removes FEATURED and SPOTLIGHT category names from site*/
	display: none!important;
}

/*hides category label on top of image on blog landing page */
body.page-id-10 span.meta-category, body.category-35 span.meta-category, body.category-7 span.meta-category, body.category-6 span.meta-category, body.category-8 span.meta-category, body.category-43 span.meta-category{
	visibility: hidden !important;
}

body.single div.heading-title[data-header-style="default_minimal"] span.meta-category a:hover {
	background-color:#12a4b6!important;
}

span.fn {
	display: none!important;
}

.single #single-below-header >span {
    border-left: none !important;
}

/*------------------------------404 Page Style ------------------------------*/

body.error404{background-color: #262626!important; padding:5%!important}

.error404 header#top, .error404 div#footer-outer{display:none!important}

.error404 footer {position:fixed; left:0; bottom:0; text-align:left; padding:5%!important}

.return-home-button{font-family:'Tallington Modern'; color:#ffffff; font-size:75px!important;}

#error-404{text-align:left!important; background-color: #262626!important; margin-bottom:0!important}

body #error-404 h1{color:#f43f4c!important; font-size:250px!important; line-height:250px!important; font-family:'Tallington Modern'!important; font-weight:400!important}

body #error-404 h2{color:#00a4b8!important; text-transform:none; font-size:40px; font-family:'Lexia'!important; font-weight:400!important}

#error-404 h2 {margin-bottom:0px!important}

@media only screen and (max-width: 1000px) and (min-width: 1px) {
	.error404 #header-outer {padding:0px!important; top:0!important;}
	.error404 #header-space {height:0!important;}
}