/*
Theme Name: CodeNinja Child Theme
Theme URI: http://codeninja.pk/
Description: This is a custom child theme for Salient
Author: CodeNinja
Author URI: http://codeninja.pk/
Template: codeninja
Version: 0.1
*/
p{
	padding-bottom:0.5em;
}
.donate-us p{
	padding-bottom:0.75em;
}
.font-weight-bold, .donate-us span {
	font-weight:700;
}
.float-right{
	float:right;
}
.material .wpb_row{
	margin-bottom:0 !important;
} 
p{
	font-size:20px !important;
}
.home-text {
	text-align:justify;
}
.home-section{
	padding:70px 0 !important;
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
	p{
		font-size:16px !important;
	}
	.home-text{
		text-align:left;
	}
	body.home .divider {
    	height: 20px !important;
	}
	.home-section{
	padding:30px 0 !important;
}
	.custom-3 .tp-bullet,
	.rev_slider_wrapper .custom-3 .tp-bullet{
    width: 20px !important;
    height: 5px !important;
}
}
body.material #page-header-bg.fullscreen-header .inner-wrap >a.event,
#page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a,
body  #page-header-bg .page-header-bg-image-wrap .inner-wrap .event{
	display:none !important;
}
.nectar-recent-post-slide .nectar-recent-post-bg:after, 
.single [data-post-hs="default_minimal"] .page-header-bg-image:after, 
.archive .page-header-bg-image:after{
    background-color: rgba(29, 45, 121,0.75);
}
.archive .container .row:last-child,
.blog_next_prev_buttons{
	margin-top:0 !important;
}
article.post .content-inner{
	padding:0 !important;
}
html .single-post .container-wrap{
	background-color:#f2f2f2 !important;
}
/****************************************************************
 * 							Header 
 ***************************************************************/
#header-outer[data-lhe="default"] header#top nav > ul > li > a{
	margin-left: 20px;
	position:relative;
    padding: 0 !important;
    margin-right: 20px;
}
#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.current_page_item >a:before, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li >a:before{
	position:absolute;
	right:0;
	top:-5px;
	width:0;
	height:2px;
	background-color:#a20404;
	content:'';
	transition:all 0.3s ease-in-out;
}
.sf-menu ul.sub-menu:before {
    position: absolute;
    content: "\f0d8";
    top: -13px;
    left: 20px;
    z-index: 1;
    color: #a20404;
    font: normal normal normal 30px/1 'FontAwesome';
    line-height: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#header-outer.transparent .sf-menu ul.sub-menu:before{
	color:#fff;
}
#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.current_page_item >a:before,#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.current_page_item >a:after, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li >a:hover:after,#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li >a:hover:before{
	width:25px !important;
}
#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li.current_page_item >a:after, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu > li >a:after{
	position:absolute;
	left:0;
	bottom:-5px;
	width:0;
	height:2px;
	background-color:#a20404;
	content:'';
	transition:all 0.3s ease-in-out;
}
/*#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_item >a:hover:before, #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_item >a:hover:after{
	width:100%;
}*/
header#top nav >ul >li.menu-item-has-children:after
{
	position:absolute;
	right:0;
	top:50%;
	content:'\f107';
	font-family:FontAwesome;
	color:#333;
	font-size:18px;
}
#header-outer.transparent header#top nav >ul >li.menu-item-has-children:after{
	color:#fff;
}
header#top nav >ul >li.menu-item-has-children:hover:after{
	color:#a20404;
}
body[data-dropdown-style="minimal"] .sf-menu >li ul{
	padding:0 !important;
}
body[data-dropdown-style="minimal"] .sf-menu >li ul li a:before{
	position:absolute;
	content:'';
	width:0;
	height:100%;
	left:0;
	top:0;
	background:#a20404;
	transition:all 0.3s ease-in-out;
	z-index:-1;
}
body[data-dropdown-style="minimal"] .sf-menu >li ul li.current-menu-item a:before{
	width:100%;
}
body[data-dropdown-style="minimal"] .sf-menu >li ul li a:hover:before{
	width:100%;
	transition:all 0.3s ease-in-out;
}
body[data-dropdown-style="minimal"] .sf-menu >li ul li a{
	padding:15px 20px !important;
	position:relative;
	transition:all 0.3s ease-in-out;
	border-bottom:1px solid #a20404 !important;
}
body[data-dropdown-style="minimal"] .sf-menu >li ul li:last-child a{
	border-bottom:none !important;
}
.gallery-archive-col{
	transition:all 0.3s ease-in-out;
}
.gallery-archive-col h3{
	margin-bottom: 20px !important;}
body .creative-blogs .blog-recent[data-style*="classic_enhanced"] .article-content-wrap {
    padding: 10px 10px!important;
}
.home .blog-recent .col .post-header{
    margin-bottom: 20px;
}
.home .creative-blogs .article-content-wrap span.meta {
    left: 32px;
	bottom: 5px;
}
/*******************************************
 * 				Homepage
 ******************************************/
.team-member-row .team-member[data-style="meta_overlaid_alt"]:after{
	
    background: rgba(0,0,0,0.8);
	bottom: 0;
	top:initial;
	height:65px;
	opacity:1;
}
.team-member-row .team-member[data-style="meta_overlaid_alt"] .team-meta{
	opacity:1;
	transform:initial;
	left:10px;
	bottom: 20px;
}
.team-member-row .team-member h3{
	font-size: 20px !important;
	text-transform:capitalize !important;
	margin-bottom:0;
}
.team-member-row .team-member p
{
	font-family: Montserrat;
	padding: 0px 0 0 0!important;
    font-size: 16px;
}
.team-member-row .team-member[data-style="meta_overlaid_alt"] .team-member-image{
	height:355px;
}
.creative-portfolios .portfolio-items .work-info-bg{
	opacity:1 !important;
	height:50px;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
	bottom:0;
	top:initial;
}
.creative-portfolios .portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg{
	background-color:rgba(0,0,0,0.8) !important; 
}
.creative-portfolios .portfolio-items .col .work-info .vert-center *{
	opacity:1 !important;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.creative-portfolios .portfolio-items .col .work-info .vert-center{
	text-align:left;
	margin-top:0 !important;
	top:initial;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
	transform:initial;
}
.creative-portfolios .portfolio-items .col .work-info .vert-center p{
	text-align:justify;
}
.creative-portfolios .portfolio-items .col .work-item.style-2 h3{
	font-size:20px;
	opacity:1 !important;
	text-transform:capitalize;
}
.creative-portfolios .portfolio-items .work-info{
	height:100%;
	top:80%;	
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
	opacity:1 !important;
}
.creative-portfolios .portfolio-items .work-info > a{
	pointer-events:none;
}
.creative-portfolios .work-item:hover .work-info{
	height:100%;
	bottom:initial !important;
	top:20px !important;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.creative-portfolios .work-item:hover .work-info-bg{
	height:100%;
}
/*.creative-portfolios .work-item:hover .work-info-bg{
	height:100%;
	top:0 !important;
	bottom:initial !important;
}*/
/*******************************************************************************
 * 								Posts Settings
 *******************************************************************************/
.creative-blogs .article-content-wrap .excerpt{
	display:none;
}
.creative-blogs .article-content-wrap h3.title{
	font-size:18px !important;
	text-transform:capitalize;
	line-height:30px;
}
.creative-blogs .article-content-wrap span.meta{
	position: absolute;
    left: 25px;
    bottom: 0px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}
.creative-blogs .article-content-wrap span.meta:before{
	position:absolute;
	content:'\f073';
	font-family:FontAwesome;
	color:#a20404;
	font-size:15px;
	left:-20px;
	bottom:0;
}
.creative-blogs .blog-recent[data-style*="classic_enhanced"] .article-content-wrap{
	padding:10px 0!important;
}
.creative-blogs .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] .inner-wrap{
	background-color:transparent;
	position:relative;
}
.creative-blogs .meta-category{
	display:none;
}
/*****************************************************************************
 * 								Footer
 ****************************************************************************/
#footer-widgets h4{
	font-size:20px !important;
	font-weight:700 !important;
}
#footer-widgets p{
	font-size:18px;
}
#footer-outer #footer-widgets .row {
    padding: 50px 0 !important;
    padding-bottom: 10px !important;
}
#text-4 p{
	padding-bottom:0 !important;
}
#text-4 .textwidget p:first-child{
	padding-bottom: 30px !important;
    text-transform: uppercase;
}
/*****************************************************************************
 * 						Services Section
 ****************************************************************************/
.home-service-grid,
.home-service-grid .vc_column-inner{
	position:relative;
	height:250px;
	overflow:hidden;
	margin-bottom:30px;
}
.home-service-grid:last-child,
.home-service-grid .vc_column-inner:last-child{
	position:relative;
	height:250px;
	overflow:hidden;
	margin-bottom:30px;
}
.home-service-grid .home-service-image{
	min-width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
}
.home-service-grid .home-service-content{
	width:100%;
	height:100%;
	position:absolute;
    padding: 10px 20px;
    top: 200px;
    display:table;
	background-color:rgba(0,0,0,0.85);
	transition:all 0.3s ease-in-out;
}
.home-service-grid:hover .home-service-content,
.home-service-grid .vc_column-inner:hover .home-service-content{
    top: 0;
}
.home-service-content .wpb_wrapper {
    display: table-cell;
	transition:all 0.3s ease-in-out;
}
.home-service-grid:hover .home-service-content .wpb_wrapper,
.home-service-grid .vc_column-inner:hover .home-service-content .wpb_wrapper {
	vertical-align: middle;
}
.home-service-grid .home-service-content h3{
	font-size:24px !important;
}
.home-service-grid .home-service-content p{
	font-size:15px !important;
	line-height:25px;
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
	.home-service-grid .home-service-content{
    padding: 15px 20px;
}
	.home-service-grid .home-service-content h3{
	font-size:20px !important;
}
}
/******************************************************************************
 * 								Contact form
 ******************************************************************************/
.wpcf7 .row,.wpcf7 div.clear {
    padding-bottom: 15px;
}

body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] textarea, body[data-form-style="minimal"] input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] input[type=password], body[data-form-style="minimal"] input[type=tel], body[data-form-style="minimal"] input[type=url], body[data-form-style="minimal"] input[type=search], body[data-form-style="minimal"] input[type=date]{
	background-color:transparent;
	border:2px solid #1d2c7b;
	font-size:16px;
}
.screen-reader-response{
	display:none;
}
input::placeholder, textarea::placeholder{
	color:#1d2c7b;
	font-size:16px;
	font-weight:700;
}
#footer-outer #footer-widgets .col input[type=text],#footer-outer #footer-widgets .col input[type=email],body[data-form-style="minimal"] textarea{
	padding:5px 10px;
}
#footer-outer #footer-widgets .wpcf7 .row {
    padding: 0 !important;
    padding-bottom: 10px !important;
}
#wpcf7-f5-o1 p{
	padding-bottom:10px !important;
}
input[type=submit],button[type=submit],input[type="button"]{
	font-family: Nunito Sans !important;
}
textarea {
    float:left;
}
#footer-outer #footer-widgets input[type=submit], #footer-outer #footer-widgets button[type=submit], #footer-outer #footer-widgets input[type="button"]{
    padding: 10px 0px;
	width: 100%;
    font-size: 16px;
    border-radius: 0;
    font-weight: 700;
	background-color:#1d2c7b !important;
}
.contact-form input[type=submit],.contact-form button[type=submit],.contact-form input[type="button"]{
	padding: 10px 30px !important;
    font-size: 16px;
    border-radius: 0;
	text-transform:uppercase;
    font-weight: 700;
	background-color:#1d2c7b !important;
}
.contact-form .wpb_row{
	margin-bottom:0;
}
.contact-form div.wpcf7 .ajax-loader{
	float:left;
}
 span.wpcf7-not-valid-tip,.home  label span,  .wpcf7-form .wpcf7-not-valid-tip, div.wpcf7-validation-errors, .light .wpcf7 div.wpcf7-response-output{
	color: #f00!important;
    box-shadow: none !important;
    font-size: 0.65em;
    margin: 0;
	margin-top:5px;
    background: transparent;
    padding: 0;
	border:none;
	line-height:18px;
	 text-align:left;
}
div.wpcf7-validation-errors,  .light .wpcf7 div.wpcf7-response-output{
	border-color:#f00 !important;
}
.material .wpcf7 .wpcf7-response-output{
	color: #fff!important;
    font-size: 14px;
    margin: 5px 0 0;
    padding: 0;
	border:none;
	line-height:18px;
	background-color:#f00 !important;
}

.btn-block, input[type=submit].btn-block, button[type=submit].btn-block, input[type="button"].btn-block{
	width:100%;
	margin:0 !important;
}

.material .contact-form input[type=text].wpcf7-not-valid,
.material .contact-form input[type=email].wpcf7-not-valid,
.material .contact-form input[type=date].wpcf7-not-valid,
.material .contact-form input[type=password].wpcf7-not-valid,
.material .contact-form input[type=tel].wpcf7-not-valid,
.material .contact-form input[type=url].wpcf7-not-valid,
.material .contact-form textarea.wpcf7-not-valid{
	border-color:#f00 !important;
}

.material .contact-form .wpb_row.last-row{
	    margin-bottom: 0 !important;
}
.wpcf7-form .ajax-loader,
div.wpcf7 .ajax-loader {
    margin: 10px;
    width: 32px;
    height: 32px;
    float: left;
    bottom: -10px;
    right: 0;
    position: absolute;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='%23ee4037'>   <path opacity='.25' d='M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4'/>   <path d='M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z'>     <animateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='0.8s' repeatCount='indefinite' />   </path> </svg>") !important;
}

.contact-form span.wpcf7-not-valid-tip,
span.wpcf7-not-valid-tip{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
    float: left;
    margin-top: 3px;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    border:none;
}
.subscribe-form{
	background-color:#fff;
	position:relative;
}
.subscribe-form input[type=email]{
	width:100%;
	padding: 20px;
	border:none !important;
}
body[data-form-style="minimal"] .container-wrap .span_12.light .subscribe-form input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light .subscribe-form input[type="email"]
{
	color:#1d2d7b !important;
	
}
.subscribe-form .subscribe-submit{
	text-transform:uppercase;
	font-weight:700;
	font-size:16px;
	position:absolute;
	top: 6px;
    right: 6px;
}
body[data-form-submit="regular"] .subscribe-form input[type=submit]{
	background-color:#1d2d7b !important;
}
@media only screen and (max-width: 690px){
.wpcf7 .col {
    margin-bottom: 15px;
}
	.wpcf7 .row, .wpcf7 div.clear {
    padding-bottom: 0px;
}
	#footer-outer #footer-widgets .wpcf7 .row {
    padding: 0 !important;
    padding-bottom: 10px !important;
}
	.contact-form input[type=submit],.contact-form button[type=submit],.contact-form input[type="button"]{
		width:100%;
}
}
/*************************************************************/
.volunteer-row .vc_col-sm-9{
	margin-left:0;
}

@media only screen and (max-width: 1000px) and (min-width: 1px)
{
	#creative-intro p{
		margin-bottom:0 !important;
	}	
	.creative-portfolios .portfolio-items .work-info-bg,.creative-portfolios .portfolio-items .work-info{
		height:100%;
	}
	.creative-portfolios .portfolio-items .work-info{
		top:10px;
	}
	.subscribe-form input[type=email]{
		padding:14px;
	}
	.subscribe-form .subscribe-submit,body[data-form-submit="regular"] .container-wrap input[type=submit], body[data-form-submit="regular"] .container-wrap button[type=submit], 
	body[data-form-submit="see-through"] .container-wrap input[type=submit], body[data-form-submit="see-through"] .container-wrap button[type=submit]:not(.search-widget-btn)
	{
		font-size:14px;
		padding:10px !important;
	}
	.creative-donate .float-right{
		float:initial !important;
	}
}