/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


:root {
  /* Primary Colors */
  --jet-black: #060404;
  --blaze-orange: #ff3200;

  /* Accent Colors */
  --electric-amber: #ff9a00;
  --acid-yellow: #ffe600;
  --bright-cyan: #00e0ff;

  /* Neutrals */
  --charcoal-gray: #1a1a1a;
  --slate-gray: #444444;
  --fog-white: #f7f7f7;
  --warm-white: #fff9f5;

  /* Supporting Shades */
  --deep-rust: #992100;
  --blood-orange: #cc2800;
  --coal-gray: #0e0e0e;
}

body {
	p, li{
	color: #fff;
	}
}

h4 {
	margin-bottom: 20px!important;
}

#footer-outer[data-cols="1"] #copyright {
	padding-top: 30px!important;
	padding-bottom: 70px!important;
	
	ul.social {
		
		@media only screen and (max-width: 540px){
			transform: scale(.85);
		}
	
			li {
				@media only screen and (max-width: 540px){
					margin-bottom: 0!important;
				}
				
				a {
				&:hover i{
					color: var(--blaze-orange)!important;
				}
			
			
				i:after {
					border-radius: 0!important;
					opacity: .05;
				}
			}
		}
	}
	
	.col.span_5 {
		font-size: 11px;
		
	}
}


.nectar-post-grid-item {
	
	.item-main {
		h4 {
			line-height: 1.1!important;
			
			span{
				font-size: 24px!important;
				line-height: 1.2;
			}
		}
	}
	
	.meta-date {
		font-size: 12px;
		color: #777!important;
	}
	
	.nectar-post-grid-item-bg{
		opacity: .6;
		transition: all 5s cubic-bezier(.1,.2,.7,1);
	}
	
	&:hover {
		.nectar-post-grid-item-bg {
			opacity: 1;
		}
	}
		
}

body .featured-media-under-header {
	padding: min(6vw, 0px) 0px min(6vw, 60px)!important;
	
	.featured-media-under-header__cat-wrap {
		display: none;
	}
	
	h1.entry-title  {
		font-size: 50px!important;
		line-height: 1.1!important;
	}
	
	.meta-date {
		color: #777!important;
	}
	
	.featured-media-under-header__featured-media:not([data-has-img="false"]){
		padding-bottom: 28% !important;
		height: auto !important; 
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		margin-top: min(6vw, 60px);

		  
		  .post-featured-img {
			/* padding-bottom: 0 !important;
			height: auto !important; 
			max-width: 800px;
			margin-left: auto;
			margin-right: auto;
			position: relative; */
				
			  img {
				/*
  				display: block;
				max-width: 100%; 
				height: auto; 
				margin-left: auto;
				margin-right: auto;
				position: static !important;
				object-fit: unset !important;  */
			  }
		  }
	}
}

body .blog-recent.related-posts[data-style=material]{
	.inner-wrap {
		span.meta-category {display: none;}
	
	
		.post-featured-img img {
			opacity: .6;
			transition: all 5s cubic-bezier(.1,.2,.7,1);
		}
		
		.article-content-wrap {
			padding: 10px 0 50px!important;
			
			h3.title {
				color: #f8f8f8!important;
				
			}
			
			.grav-wrap {
				left: 0;
				
				.text {
					color: #777!important;
				}
			}
		}
		
		&:hover {
			.post-featured-img img {
				opacity: 1;
			}
		}
	}
}


.comments-section {
	display: none!important;
}


@media only screen and (max-width: 999px){
	.slide-out-widget-area-toggle {
		display: none !important;
	}
	
	.container-wrap {
		padding-bottom: 0!important;
		flex-grow: 0!important;
		height: auto!important;
	}
	
	body .featured-media-under-header  h1.entry-title  {
		font-size: 30px!important;
		line-height: 1.1!important;
	}
	
	body h2 {
		font-size: 28px!important;
		line-height: 1.1!important;
	}
	
	body h3 {
		font-size: 24px!important;
		line-height: 1.1!important;
	}
}



 @media only screen and (min-width: 1px) and (max-width: 999px) {
	/* body #header-outer #top nav, .slider-nav span span {
		display: flex!important;
		
		.buttons.sf-menu {
			order: 1;
		}
	}
	
	body[data-slide-out-widget-area=true] #top {
		.col.span_3 {
			width: auto!important;
		}
		
		.col.span_9 {
			display: none!important;
		}
	
	} */
	


}