/*
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
*/

/* BILO
font-family: bilo, sans-serif;
font-weight: 300;
font-style: normal;

font-family: bilo, sans-serif;
font-weight: 400;
font-style: normal;

font-family: bilo, sans-serif;
font-weight: 500;
font-style: normal;

font-family: bilo, sans-serif;
font-weight: 700;
font-style: normal;

font-family: bilo, sans-serif;
font-weight: 800;
font-style: normal;
*/

/*
Proxima Nova Black
font-family: proxima-nova, sans-serif;
font-weight: 900;
font-style: normal;

Proxima Nova Bold
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;

Proxima Nova Extrabold
font-family: proxima-nova, sans-serif;
font-weight: 800;
font-style: normal;

Proxima Nova Semibold
font-family: proxima-nova, sans-serif;
font-weight: 600;
font-style: normal;

Proxima Nova Regular
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;
*/

*, body {
	font-family: bilo, sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-family: bilo, sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* HEADER */

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
	font-family: bilo, sans-serif;
	font-weight: 700;
	font-style: normal;	
}

/*
#header-outer {
	background-color:rgba(255,255,255,0) !important;
}

#header-outer .scrolled-down {
	background-color:rgba(255,255,255,1);
}
*/

#header-outer[data-lhe="animated_underline"] nav > ul >li:not([class*="button_"]) >a:after {
	width:24px;
	bottom:-6px !important;
}

nav .sf-menu li a {
	font-weight:700;
}

/* HOME */

.top-section h3 span {
	font-weight: 400 !important;
}

.turbinewrap {
	display:block;
	width:80%;
	margin:0 auto;
}

.cls-1 {
	fill:#ffffff;
}

/*
#turbineblades {
	transform-origin: 601.6px 601.6px;
	// position:absolute;
	// transform-origin: center;
	animation: turbine 8s linear infinite;
	// width:440px;
}
*/

#turbineblades {
	transform-origin: 601.6px 601.6px;
	animation-name: turbine;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

/*
.turbinewrap:hover > #turbineblades {
	animation-duration: 3s;
}
*/

@keyframes turbine {
	/* 0% {transform: rotate(0deg);} */
	/* 50% {transform: rotate(360deg);} */
	100% {transform: rotate(360deg);}
}

.iconrows img {
	width:40px !important;
	height:auto !important;
}

.projectswrap .nectar-post-grid[data-text-layout="all_bottom_left_shadow"] .nectar-post-grid-item:before {
	height:60%;
    opacity: 1;
	background: rgb(0,22,41);
	background: linear-gradient(0deg, rgba(0,22,41,0.75) 0%, rgba(0,22,41,0.3) 50%, rgba(0,22,41,0) 100%);
}

/* PORTFOLIO */

.single-portfolio .img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0px;
}

.port-imgs {
	box-shadow: 0px 4px 30px rgba(0,0,0,0.06);
}

/*
.port-imgs img {
  max-width: 100%;
  height: auto;
}
*/

.port-imgs img {
	margin-bottom:0px !important;
}

/*
.chiprow ul {
	margin-left:0px;
}

.chiprow ul li {
	display:inline-block;
	padding:6px 12px 6px 12px;
	border-radius:40px;
	background-color:#2ab700;
	color:#ffffff;
	font-weight:300;
	list-style:none;
	margin:4px;
}
*/

.ndarow {
	background-color:#edf6fd;
	border-radius:24px;
	padding:32px !important;
}

.ndarow .clear {
	display:none !important;
}

.ndarow [class^="icon-"].icon-default-style {
	color:#ed1539 !important;
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:after, 
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:after {
	background-color:rgba(0,22,41,0.4);
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover:after,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover:after {
	background-color:rgba(0,22,41,0.85);
}

/* CONTACT */

.contact-section h3 span {
	font-weight: 400 !important;
}

.wpcf7-form input[type=submit] {
	width:100%;
}

.wpcf7-form textarea { 
    height:112px;
}

.contact-section div.wpcf7-validation-errors, .contact-section .light .wpcf7 div.wpcf7-response-output {
    color: #ffffff !important;
}

.contact-section .wpcf7 form.sent .wpcf7-response-output {
    border-color: #2ab700;
	background-color:#2ab700 !important;
}

.contact-section .wpcf7 form.invalid .wpcf7-response-output {
    border-color: #2ab700;
	background-color:#ed1539 !important;
}

.contact-section .wpcf7 form .wpcf7-response-output {
    margin: 8px 0px 8px 0px !important;
    padding: 0.2em 1em !important;
    border: none !important;
	border-radius:4px !important;
}

.contact-section .span_12.light .wpcf7-form .wpcf7-not-valid-tip {
    color: #0078db;
	padding-left:12px;
}

@media only screen and (min-width: 1000px) {
    .container, body[data-header-format="left-header"] .container, .woocommerce-tabs .full-width-content .tab-container, .nectar-recent-posts-slider .flickity-page-dots, .post-area.standard-minimal.full-width-content article.post .inner-wrap, .material #search-outer #search {
        max-width: 1360px !important;
		padding-left:40px !important;
		padding-right:40px !important;
    }
	.bottom_controls .container {
		max-width: 100% !important;
		padding:0px !important;
	}
}

@media only screen and (max-width: 999px) and (min-width: 690px) {
	.container {
		max-width: 100% !important;
		padding-left:40px !important;
		padding-right:40px !important;
	}
	.bottom_controls .container {
		max-width: 100% !important;
		padding:0px !important;
	}
}

@media only screen and (max-width: 1260px) and (min-width: 1000px) {
	.container {
		max-width: 100% !important;
		padding-left:40px !important;
		padding-right:40px !important;
	}
	.bottom_controls .container {
		max-width: 100% !important;
		padding:0px !important;
	}
}

@media only screen and (max-width: 690px) {
	.container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
			max-width: 100% !important;
			padding-left:24px !important;
			padding-right:24px !important;
	}
	.bottom_controls .container {
		max-width: 100% !important;
		padding:0px !important;
	}
	.wpb_column:not([class*="vc_col-xs"]) {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 690px) and (min-width: 480px) {
	body .container, body .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
			max-width: 100% !important;
			padding-left:24px !important;
			padding-right:24px !important;
	}
	.bottom_controls .container {
		max-width: 100% !important;
		padding:0px !important;
	}
}