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

p code, li code { display: inline-flex; padding: 5px; }

/* 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: 20px 0; text-align: center }
.single-person-description p { font-size: 11px; padding-bottom: 10px !important }
.long-description { margin-bottom: 20px; }
.social-links { text-align: center }

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

@media(min-width: 768px){
	.wpls-column, .wpls-columns { padding: 0 0.93rem; }
	#header-outer:not(.small-nav){ margin-top: 23px; }
	#lf-header { padding-top: 3px; background: #ebebeb; }
	#lf-header img { max-width: 270px; }
	.mix, .gap { width: calc(100%/4 - (((4 - 1) * 1rem) / 4)); float: left; text-align: center; }
}

@media(max-width: 767px){
	#lf-header { display: none; }
	.mix, .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; }	
}

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