/*
Theme Name:  Hodges Child Theme
Description: Child theme for the Hodges theme
Author:      ThemeMount
Author URI:  http://themeforest.net/user/thememount
Template:    hodges
Version:     0.1
Tags:        light, white, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, responsive, retina
*/


/* NOTE: Main theme's style.css file is already added in head tag. /*

/* =Theme customization starts here
-------------------------------------------------------------- */

.media img {
	max-width: 150px;
	width: auto;
}
.card .media img {
	min-width: 150px;
}

.dowloads-list-page {
	padding-top: 2em;
}



/*
 * 1. LAYOUT CODE
 */
.card {
	flex-direction: row;
	flex-wrap: wrap;
	overflow: hidden;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #c8ced3;
	margin-bottom: 1.6em;
	border-radius: 2px;
}

.media-left {
	padding-right: 20px;
}
.card .card-body {
	padding: 2.0rem;
}
.card .card-footer {
	border-top: 1px solid #c8ced3;
}

.category-card {
	min-height: 300px;
}
.card .list-group {
	margin-bottom: 0;
}
.card .list-group-item {
	padding: 5px 0px;
	border: none;
	border-top: 1px solid #ddd;
	border-radius: 0;
}
#download-page .download-monitor-categories {
    margin-right: -15px;
    margin-left: -15px;
}


.card-body,
.card-img-top,
.card-header,
.card-footer,
.card-img-bottom {
  flex: 1 1 100%;
}

.card-img-top,
.card-header,
.card-footer,
.card-img-bottom {
  border: none;
  /*
   * We don't need a border-radius if .card has a property
   * overflow: hidden because every child of .card will "inherit"
   * its border radius.
   *
   * If I didn't use overflow: hidden and border-radius: 0 for
   * these elements, I would also have to apply specific border
   * radius for each positioning and that would take up more
   * bytes when loading your website. Plus, this is much simpler.
   */
  border-radius: 0;
  /*
   * Cropped images are better than streched images. :)
   */
  object-fit: cover;
}

.card-x .card-body,
.card-xh .card-body,
.card-xf .card-body {
  flex-basis: 50%;
}

.card-x .card-header,
.card-x .card-img-top,
.card-x .card-footer,
.card-x .card-img-bottom {
  flex-basis: 25%;
}

.card-xh .card-header,
.card-xh .card-img-top,
.card-xf .card-footer,
.card-xf .card-img-bottom {
  flex-basis: 25%;
}

/*
 * 2. BORDER STYLES
 *
 * By the way, the style for borders is taken directly
 * out of the bootstrap.css so you can be sure I'm not
 * applying any custom style. Borders will look exactly
 * as usual, but they are optimized for display on each
 * position the elements take.
 */
.card .card-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card .card-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
[class*=" card-x-"] .card-header,
[class*=" card-x-"] .card-footer,
[class*=" card-xh-"] .card-header,
[class*=" card-xf-"] .card-footer {
  border: none;
}
.card-x .card-header,
.card-xh .card-header,
[class*=" card-x-"] .card-header,
[class*=" card-xh-"] .card-header {
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}
.card-x .card-footer,
.card-xf .card-footer,
[class*=" card-x-"] .card-footer,
[class*=" card-xf-"] .card-footer {
  border-left: 1px solid rgba(0, 0, 0, 0.125);
}



/*  */

.has-padding-bottom {
	padding-bottom: 10px;
}



/* Team page */

body.page-id-2129 .entry-content {
}
body.page-id-2129 .entry-content .vc_row.container:first-child {
	padding-top: 80px !important;
	padding-bottom: 60px !important;
}
body.page-id-2129 .entry-content .vc_row.container {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Body text color */

body {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.5px;
	color: #2d2d2d;
}