/*
 Description:    Style for Sports Vertical
 Last update:    2019-03-05
 Version:        1.0.1
*/

/**
* CONTENTS
*
* COLORS
* ELEMENTS
* TABLEPRESS
* MEDIA QUERIES
*/

/**
* COLORS
*
* primary dark blue: #121f2b
* primary shadow: #1de3245
* call to action: #5aad1e
* call to action::hover: #4f981b
* a href: primary dark blue: #121f2b
* a href::hover: #1de3245
*
*/

/* ------------------------------------ *\
  #GENERAL
\* ------------------------------------ */

h2::after {
	background: #5aad1e;
}
/* Navigation */

#navigation .navbar .navbar-collapse {
	background: #efefef;
}
/* Featured in Section */

/* Featured in logos - to align the elements vertically use inline css or crop the images accordingly */
#header .col-sm-8 img {
	display: inline-block;
	max-width: 100px;
	margin-right: 20px;
}
#header .col-sm-8 p {
	font-size: 12px;
	float: right;
	margin-bottom: 0;
	padding-top: 8px;
	color: #989898;
}
/* ------------------------------------ *\
  #ELEMENTS
\* ------------------------------------ */

/* Buttons */

/* Same look for Shortcode: Success Buton */
.btn-success,
.btn-warning {
	border-color: #5aad1e;
	background-color: #5aad1e;
}
.btn-success:hover,
.btn-warning:hover {
	border-color: #4f981b;
	background-color: #4f981b;
}
/* fontawesome close icon */
.fa-close {
	color: #c01313;
}
/* Post Grid */
.post-grid img {
	/*filter: grayscale(0.5);*/
	margin: 0 auto;
}
.post-grid img::after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}
.post-grid img:hover {
	transition: filter 1s ease-in;
}
/* Product Grid styling for tiles */

.thumbnail[class*='product-'] {
	padding: 10px;
	transition: box-shadow 1s;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.thumbnail[class*='product-']:hover {
	transition: box-shadow 1s;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}
/* Breadcrumbs color for last item */

#breadcrumbs .breadcrumb_last {
	color: #5aad1e;
}
/* ------------------------------------ *\
  #TABLEPRESS
\* ------------------------------------ */

.tablepress tfoot th,
.tablepress thead th,
.table-product > thead > tr > th,
.table > thead > tr > th {
	color: #1d3245;
	background-color: #e2ebef;
}
/* ------------------------------------ *\
  #Media Queries
\* ------------------------------------ */

@media (max-width: 767px) {
	/* Custom Mobile Header; Logo left, burger right, Dropdown Menu in menu-color */

	#navigation .navbar {
		background: #1d3245 !important;
	}
	#navigation .navbar .navbar-toggle .icon-bar,
	#navigation .navbar .navbar-toggle:hover .icon-bar,
	#navigation .navbar .navbar-toggle:focus .icon-bar {
		background-color: #fff;
	}
	#navigation .navbar .navbar-brand {
		color: #1d3245 !important;
	}
	/* Hide featured in logos on mobile devices */
	#header .col-sm-8 {
		display: none;
	}
}