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

/* ---------------------------------------------------- General Layout ----------------------------------------------------*/
#header-outer.transparent header#top nav > ul > li > a{
    opacity:1 !important;
    color:#d8d8d8 !important;
}
#header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav > ul > li > a:hover {
    color: #1ca6db!important;
}
body[data-is="minimal"][data-header-color="light"] header#top nav ul #search-btn a span {
    color: #d8d8d8;
}
/* Header */

#header-outer{
	background: black !important;
}
body #header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.current-menu-item > a, #header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.current_page_item > a{
	color: #1ca6db!important; /* Blue-Accent */
}
span.icon-salient-search {
    color: white;
}
#header-outer.transparent:not([data-lhe="animated_underline"]) header#top nav > ul > li > a:hover {
    color: #1ca6db!important;
}
/* Mobile Menu */
#ajax-content-wrap #slide-out-widget-area-bg.fullscreen.dark {
    background: #000000 !important;
}
#slide-out-widget-area.fullscreen .inner li a{
	opacity:1;
}
#slide-out-widget-area .inner li.current-menu-item >a{
	display: inline-block !important;
	padding:6px;
    border-bottom: 1px solid #00b8ff;
}
#slide-out-widget-area.fullscreen .inner{
	top:42% !important;
}
 #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a{
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 1.5px;126
	
    font-weight: 100;
 }
/* ---------------------------------------------------- Homepage ---------------------------------------------------- */


.HomepageSlider h2{
	font-weight: 500 !important;
}
.HomepageSlider a, .HomepageProjects a.nectar-button{
    border-width: 1px !important;
	transition: 0.4s ease;
}
a.primary-color:hover, a.nectar-button:hover {
    border-color: #1ca6db !important; /* Blue-Accent */
}

.HomepageProjects h2{
    font-weight:500;
}
.HomepageProjects h3{
    font-weight:100;
}

#HomepageProjects div.col.span_3 {
    padding: 0 !important;
}

#HomepageProjects div.col.span_3 img {
    width:100%;
	transition: 0.22s cubic-bezier(0.01, 0.79, 0.89, 0.97);
}
#HomepageProjects .bottom-meta{
	padding: 8px 27px 8px 27px !important;
	background-color: #0000009e !important;
	border-top:1px solid #1ca6db; /* Blue-Accent */
}
#HomepageProjects .portfolio-items .col.span_3:nth-child(1) .bottom-meta, #HomepageProjects .portfolio-items .col.span_3:nth-child(5) .bottom-meta{
	padding: 8px 43px 8px 43px !important;
}
.HomepageProjects img.size-.skip-lazy {
    top: 0px !important;
}

.HomepageServiceIcon{
	width:60px;
	height:60px;
	margin:auto;
}
.HomepageService1{
	background:url('http://185.25.21.118/wp-content/uploads/2019/05/HomeServices_7d1af1c4309ce4765809d19e895707ff.png');
}
.HomepageService2{
	background:url('http://185.25.21.118/wp-content/uploads/2019/05/HomeServices_7d1af1c4309ce4765809d19e895707ff.png') -60px;
}
.HomepageService3{
	background:url('http://185.25.21.118/wp-content/uploads/2019/05/HomeServices_7d1af1c4309ce4765809d19e895707ff.png') -120px;
}
.HomepageService4{
	background:url('http://185.25.21.118/wp-content/uploads/2019/05/HomeServices_7d1af1c4309ce4765809d19e895707ff.png') -180px;
}
.HomepageService5{
	background:url('http://185.25.21.118/wp-content/uploads/2019/05/HomeServices_7d1af1c4309ce4765809d19e895707ff.png') -240px;
}
.HomepageContactTextContainer{
	margin-top:30px;
}
.HomepageContactText p{
    color:#b5b5b5 !important;
}

.HomepageContactText a {
    color: #1ca6db !important; /* Blue-Accent */
}
@media screen and (max-width: 1000px){
    .HomepageServices{
        padding: 16px 0!important;
    }
    .HomepageServices div.padding-5-percent {
        padding: 12px 0 !important;
    }
    .HomepageServices .wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin-bottom: 4px;
}
}
/* ---------------------------------------------------- Services Page ---------------------------------------------------- */
.ServiceTitle h2 {
    font-size: 30px !important;
}
.ServiceDetails p {
    font-size: 17px !important;
}
.ServiceContainer .image-bg {
    background-size: cover !important;
}
@media (min-width: 1000px){
	.DesktopServiceContainer{
		display: initial;
	}
	.MobileServiceContainer{
		display: none;
	}
}
@media (max-width: 1000px){
	.DesktopServiceContainer{
		display: none;
	}
	.MobileServiceContainer{
		display: initial;
	}
}

/* ---------------------------------------------------- Projects Page ---------------------------------------------------- */
.ProjectsTitle{
	margin-bottom: 14px;
}
.ProjectsTitle p {
    font-size: 28px;
    color: black;
}
.ProjectsSubtitle p {
    font-size: 16px;
}
.ProjectsContainer  .portfolio-items[data-gutter="default"]:not([data-col-num="elastic"]) .col  {
    padding: 0 !important;
}

.ProjectsContainer  .portfolio-items .col[data-default-color="true"] .bottom-meta{
	padding: 8px 27px 8px 27px !important;
	background-color: #0000009e !important;
	border-top:1px solid #1ca6db; /* Blue-Accent */
}
.ProjectsContainer  .portfolio-wrap  .portfolio-items .col.span_3:nth-child(4n+1) .bottom-meta, #HomepageProjects .portfolio-items .col.span_3:nth-child(5) .bottom-meta{
	padding: 8px 43px 8px 43px !important;
}
.ProjectsContainer .portfolio-wrap   .portfolio-items img {
    width: 100% !important;
    top: 0px !important;
}
/* ---------------------------------------------------- Inner Project ---------------------------------------------------- */
body .container.main-content {
    //max-width: 1600px;
}
#portfolio-nav ul.controls {
	margin-top:20px !important;
}
li#prev-link {
    width: 42px;
    height: 34px;
}
/* Content */
.project-title h1 {
    font-size: 50px !important;
	line-height:60px !important;
    letter-spacing: 1px !important;
	word-break: break-word;
	padding-bottom:0px!important;
}
.single-portfolio .row .col.section-title h1 {
    margin-bottom: 40px!important;
}
.ProjectDetails p {
	padding: 0 !important;
	text-align:center !important;
    border-right: 1px solid #5a5a5a
	font-size16px;
}

.MultipleProductionContainer {
	margin: 0 !important;
	cursor: pointer;
}
.MultipleProduction {
    position: absolute;
    display: none;
    background: #969696;
	left:50%;
    top: 26px;
	min-width: 200px;
    margin-left: -18px;
    padding: 4px 12px;
	text-align: left;
}
.MultipleProductionContainer p {
    text-decoration: underline;
}
.MultipleProduction p {
    border: 0;
}
.LastProjectDetail p {
    border: 0;
}

.ProjectDetails p {
    font-size: 18px;
    
}
.ProjectSummaryTitle{
    font-size: 28px;
	margin-bottom: 22px !important;
}
.ProjectSummaryInfo{
    font-size: 16px;
}
.SingleProjectSharingContainer{
    margin:0 !important;
    display: inline-block;
}
.SingleProjectSharingContainer ul{
    margin:0 !important;
 }
.SingleProjectSharingContainer ul li{
    float:left;
    list-style:none;
}
.SingleProjectSharingContainer ul li i {
    font-size:20px;
}


.ProjectSingleImage{
	margin-top:14px !important;
}

.ProjectDetails *, .ProjectSummary *, .SingleProjectSharingText{
    color: white;
}
.SingleProjectSharingContainer * {
    color: white;
	transition:all 0.5s !important;
}
.SingleProjectSharingContainer *:hover {
    color: #1ca6db !important;
}
@media (min-width: 1000px){
	/* Navigation Controls*/
	#portfolio-nav {
		margin-top: 116px !important;
	}

}
@media (max-width: 1000px){
	.ProjectDetails .col {
		margin-bottom: 8px !important;
	}
	.ProjectDetails p {
    border-right: 0;
    }
	.MultipleProduction{
		position:initial;
		text-align:center;
	}
	.ProjectSummary {
		padding: 40px;
	}
	.SingleProjectSharingOuterContainer{
		margin:0 !important;
	}
}
@media (min-width: 690px){
	#portfolio-nav {
		margin-top: 46px;
	}

	#portfolio-nav ul {
		left: calc(50% - 16px) !important;
	}
	#full_width_portfolio #portfolio-nav li#prev-link {
		position: relative;
		left: -42px;
		top: -34px;
	}
	#full_width_portfolio #portfolio-nav li#next-link {
		position: relative;
		top: -34px;
	}
}

@media (max-width: 690px){
	#portfolio-nav ul.controls {
		margin-top: 0px !important;
	}
	.ProjectSummary {
		padding: 0px;
	}
	body #full_width_portfolio #page-header-bg .span_6 h1, .single.single-post .section-title h1 {
		font-size: 40px!important;
		line-height: 48px!important;
		margin-bottom: 0px!important;
	}
	.project-title #portfolio-nav li#all-items {
		left: calc(50% - 16px) !important;
	}
}
@media (max-width: 420px){
	#full_width_portfolio h1 {
		max-width: 100% !important;
	}
}

/* ---------------------------------------------------- GENERAL RULES ---------------------------------------------------- */
.FullWidthImage {
    width: 100% !important;
}
.Ghost{
	display:none;
}

/* ---------------------------------------------------- Responsiveness ---------------------------------------------------- */
/* Hide Menu Burger Icon for Big screens */
@media (min-width: 1000px){
	li.slide-out-widget-area-toggle {
    display: none !important;
	}
}


@media (max-width: 689px){
	/* Display Projects Information on tablets-mobiles */
	.bottom-meta {
		bottom: 0 !important;
	}
	/* Center Footer elements when in mobiles*/
	#footer-outer {
		text-align: center;
	}
	#footer-outer .social {
		float: none !important;
		display: inline-block;
	}
}