/* Media Grid Plugin Styling
-------------------------------------------------------------- */

/* ------ grid items ------ */

/* fix thumb size issue */
.mg_box .thumb {
	width: 100% !important; 
}

/* make filters all caps */
.mg_filter {
	text-transform: uppercase;
}

/* set default font type */
.mg_filter a.mgf, .mg_mobile_filter_dd, .mgf_search_form input, span.mg_overlay_tit, .mg_inl_slider_wrap .lcms_content {
	font-family: "MontserratReg";
}

/* increase font size for grid item title when hovered, and position <span> underneath for subtitle */
.mg_box .overlays .cell_type .mg_overlay_tit {
	font-size: 16px;
}
.mg_box .overlays .cell_type .mg_overlay_tit > span {
	display: block;
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 5px;
}

/* ------ full overlay ------ */

/* remove <span> from overlay */
#mg_full_overlay #mg_overlay_content .mg_item_title > span {
	display: none;
}

/* add styling to <span> when prev and/or next arrows on top of overlay are hovered */
#mg_full_overlay #mg_overlay_content #mg_lb_inside_nav span {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px dotted #ccc;
}

/* set max-width of images to be 600px
.mg_item_featured img {
	max-width: 600px;
}*/

/* button link styling */
.resolute-grid-button {
	font-size: 13px;
	font-family: "MontserratReg";
	text-transform: uppercase;
	background: #bcbcbc;
	padding: 10px 20px;
	border-radius: 2px;
	text-decoration: none;
	float: left;
	margin-top: 40px;
	transition: background 0.25s ease-out 0s;
	color: #fff;
}
.resolute-grid-button:hover {
	background: #fbba37;
	text-decoration: none;
}


/* responsive styling fixes 
----------------------------------*/

@media screen and (min-width: 320px) {

}

@media screen and (min-width: 760px) and (max-width: 1330px) {
  
	/* fix sizing of media grid pop up boxes for tablet sizes (text doesn't go to 100% width) */
	.mg_layout_side .mg_item_content {
		width: 100%;
	}
}