/*for purposes of prototype development, include components styles here...*/


/*	Media card element
*
*	Currently, this is used only in this prototype but it could be possibly used elsewhere
*	
*	
*
********************/

.media-card {
    padding-bottom: 30px;
}

.media-card .media-card__image {
    padding-right: 0;
    /*	override grid padding */
}

.media-card .thumbnail {
    box-shadow: none;
    border: none;
    margin-bottom: 10px;
    padding: 0;
}

.temp-abs-pos {
    position: absolute;
}

.media-card__social-link {
    display: inline-block;
}

.media-card__content {
    line-height: 24px;
    padding-top: 15px;
    font-size: 14px;
}

.media-card__content span {
    display: block;
}

.media-card__content a {
    text-decoration: underline;
}

.media-card__content a:hover {
    text-decoration: none;
}

.media-card__heading {
    border-bottom: 1px solid #ccc;
    display: inline;
    margin-top: 0;
    padding-bottom: 4px;
    text-decoration: none;
    transition: all 200ms ease-in-out;
}

.media-card__heading:hover {
    border-bottom: 2px solid #e0301e;
    text-decoration: none;
}

@media (min-width: 768px) {
    .media-card {
        height: 210px;
    }
}

@media (min-width: 992px) {
    .media-card {
        height: 210px;
    }
}


/*	Listing filters 
********************/

.listing-filters {
    padding-top: 30px;
    padding-bottom: 30px;
}

.listing-filters .form-group {
    display: inline-block;
    margin-right: 6px;
}

@media (min-width: 768px) {
    .listing-filters {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}


/*	end Listing filters 
********************/


/*	Thumbnail (generic)
********************/

.thumbnail__clip {
    /*max-height: 100px;/* default	*/
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 110px;
    /* default	*/
}

.thumbnail__clip--100x100 {
    /*max-height: 100px;*/
    /*width: 100px;*/
}

.thumbnail__clip-vert-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}


/*	end Thumbnail (generic)
********************/


/*	Generic social media icons listing
********************/

.generic-social {
    padding: 10px 0;
}

.generic-social .generic-social__social-link {
    display: inline-block;
    margin-right: 4px;
    text-decoration: none;
}


/*	end Generic social media icon listing
********************/


/* CSS in addition to parallax */

.listing-filters__select {
    font-size: 14px;
    -moz-appearance: none;
    background-size: 15px 15px;
}

.media-card__heading.h5 {
    font-size: 20px;
    line-height: 30px;
}

.media-card__heading.serif {
    font-style: normal;
}

.media-card__content .text-lighter {
    color: #6e6d72;
}

.media-card__content .text-lighter a {
    color: inherit;
}

.media-card__image .img-responsive--stretch {
    display: block;
    height: auto;
    width: 100%;
}

.media-card a,
.media-card a:hover,
.media-card a:focus {
    color: inherit;
}