/*
Theme Name: Salient Child Theme
Theme URI: https://lfprojects.linuxfoundation.org;
Description: This is a custom child theme for Salient
Author: Asitha de Silva
Author URI: http://asithadesilva.com;
Template: salient
Version: 1.0.1
*/

p code, li code { display: inline-flex; padding: 5px; }
.col-sm-5cols { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; float: left; }
.col.centered-text ul, .wpb_column.centered-text ul { text-align: center; }
#header-outer #social-in-menu .fa-rss:after, .material #slide-out-widget-area.slide-out-from-right .fa-rss:after{content:"\f09e"}

/* Persons Custom Post Type CSS */
.single-person { margin-bottom: 20px; }
.single-person-icon { text-align: center; }
.single-person-icon img { max-height: 100px; text-align: center; border-radius: 50px; max-width: 100px !important; }
.single-person-title h3, .single-person-title h5 { text-align: center; font-size: 20px !important; margin-bottom: 0 !important; line-height: 25px !important }
.single-person-title h5 { font-weight: 100; }
.single-person-description { padding: 10px 0; text-align: center }
.single-person-description p { font-size: 11px; padding-bottom: 10px !important }
.single-person-description p.read-more { padding-bottom: 0px !important; }
.long-description { margin-bottom: 20px; }
.social-links { text-align: center }
.single-person-icon, .single-person-title, .single-person-description { width: 100%; }

/* Vendors Custom Post Type CSS */
#vendor-parent img { max-height: 130px; margin-bottom: 0; cursor: pointer}
.lightbox { display: none; }
.featherlight .featherlight-inner img { max-height: 100px; }
#vendor-parent .mix { border: 1px solid #ccc; width: 22.5%; margin-right: 15px; margin-bottom: 20px; padding: 10px;}
#vendor-parent .mix:hover { border-color: #168fdf; }
#vendor-parent.wpls-logo-showcase.wpls-logo-grid { font-size: 0 !important; clear: both; margin-top: 80px; }
#vendor-dropdown fieldset { margin-right: 20px; }

/* Members CSS */
.single-member { margin-bottom: 20px; text-align: center}
.single-member-icon { text-align: center; }
.single-member-icon img { text-align: center; max-width: 100% !important; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.single-member-icon img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) !important; }

.single-recent-post .post-date { font-size: 14px; padding-bottom: 5px; }

/* Projects CSS */
.single-project { margin-bottom: 20px; text-align: center }
.single-project-icon { text-align: center; }
.single-project-icon img { text-align: center; max-width: 200px !important; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.single-project-icon img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) !important; }
.single-project .inner .single-project-icon { height: 70px !important; width: auto !important; }
.single-project-lightbox h3 { font-size: 30px !important; line-height: 32px !important; }
.single-project-lightbox h5 { font-size: 18px !important; line-height: 20px !important; font-weight: 300 !important }
.single-project-lightbox h6 { font-size: 15px !important; line-height: 17px !important; margin-bottom: 20px; }

@media(min-width: 768px){
	.wpls-column, .wpls-columns { padding: 0 0.93rem; }
	#header-outer:not(.small-nav){ margin-top: 21px; }
	#lf-header { padding-top: 2px; background: #252525;  }
	#lf-header img { max-width: 270px; }
	.mix, .gap { width: calc(100%/4 - (((4 - 1) * 1rem) / 4)); float: left; text-align: center; }
	#lf-header { position: absolute; width: 100%; z-index: 11;}
	.single-recent-post .featured-image-crop { height: 150px; max-width: 270px;	max-height: 150px;	overflow: hidden;}
	.single-recent-post .featured-image-crop img { max-height: 300px; }	
}

@media(max-width: 767px){
	#lf-header { display: none; }
	.mix:not(.security-advisors-child), .gap {
	    width: 45% !important;
	    float: left;
	    text-align: center;
	}	
	#vendor-btns { display: flex; }
	#vendor-parent img { max-height: 50px; margin-bottom: 0; cursor: pointer;}
	#vendor-dropdown fieldset { float: none; width: 100%; margin-bottom: 10px; }
	#vendor-parent.wpls-logo-showcase.wpls-logo-grid { margin-top: 20px; }	
	.col-sm-5cols { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 100%; float: left; }	
}

@media only screen and (min-width: 641px) and (max-width: 1000px){
	.wpls-col-10 {
			width: 20%;
	}
}