/*-----------------------------------------------------------------------------------

	Theme Name: Spark Child
	Theme URI: https://visualmodo.com
	Author: Jared S Dias
	Author URI: https://visualmodo.com
	Description: <strong>Spark Child Theme</strong> - <a href="https://visualmodo.com">https://visualmodo.com</a>. Follow us for update notifications:<br/> <a href='http://twitter.com/visualmodo'>Twitter</a><br/> | <a href='http://www.facebook.com/visualmodo'>Facebook</a>
	Template: spark
	Version: 1.0.0
	Text Domain:  vslmd
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: translation-ready, threaded-comments, theme-options, sticky-post, post-formats, full-width-template, flexible-header, featured-images, custom-menu, custom-header, custom-colors, custom-background, fluid-layout

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

*/


/* --------------------------------------------
	Custom CSS
-------------------------------------------- */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.5%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.62%;
}
.span_2_of_4 {
	width: 49.25%;
}
.span_1_of_4 {
	width: 23.87%;
}
.speaker-grid {display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 20px; 
  grid-column-gap: 20px;
}
.speaker-grid-three {display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 20px; 
  grid-column-gap: 20px;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 500px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.speaker-grid {display: grid;
  grid-template-columns:  1fr;
  grid-row-gap: 10px; 
  grid-column-gap: 10px;
}
}
@media screen and (max-width: 1000px) and (min-width: 600px) {
	
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 50%; }
	.speaker-grid, .speaker-grid-three {display: grid;
  grid-template-columns:  1fr;
  grid-row-gap: 10px; 
  grid-column-gap: 10px;
}
	
	
}
.navbar-nav li a {
	font-size: .75em !important;
	letter-spacing: 3px !important;
	
}