/*****************************************************************************
** ModuleHighlight
*****************************************************************************/

@media all {
    .ModuleHighlightContainer { }
        .ModuleHighlightContainer .MHCHighlightContainer { padding: 15px; box-shadow: 0px 1px 3px 0px rgba(85,85,85,0.35); border: 1px solid #ddd; border-radius: 1px; overflow: hidden; }
        .ModuleHighlightContainer .MHCHighlight { }
            .ModuleHighlightContainer .MHCHighlight .MHCGallery { margin-bottom: 15px; }
            .ModuleHighlightContainer .MHCHighlight .MHCHeader { }
                .ModuleHighlightContainer .MHCHighlight .MHCHeader .MHCHeaderItem { font-size: 0.75rem; color: #aaa; line-height: 1.25rem; margin-bottom: 5px; margin-right: 15px; display: inline-block; }
            .ModuleHighlightContainer .MHCHighlight .MHCText { padding: 0 15px; }
            .ModuleHighlightContainer .MHCHighlight .MHCTitle { font-size: 1.875rem; font-weight: 600; line-height: normal; color: #222; margin: 0px 0 10px 0; text-align: left; }
            .ModuleHighlightContainer .MHCHighlight .MHCSummary { font-size: 0.875rem; line-height: 1.25rem; }
}

/*bootstrap grid xl*/
@media all and (min-width: 1600px) {
    .ModuleHighlightContainer { margin: 15px 0; }
}

/*bootstrap grid lg*/
@media all and (max-width: 1599px) and (min-width: 1200px) {
    .ModuleHighlightContainer { margin: 15px 0; }
}

/*bootstrap grid md*/
@media all and (max-width: 1199px) and (min-width: 992px) {
    .ModuleHighlightContainer { margin: 15px 0; }
}

/*bootstrap grid sm*/
@media all and (max-width: 991px) and (min-width: 768px) {
    .ModuleHighlightContainer { margin: 15px 0; }
}

/*bootstrap grid xs*/
@media all and (max-width: 767px) and (min-width: 577px) {
    .ModuleHighlightContainer { margin: 15px 0; }
}

/*bootstrap grid xxs*/
@media all and (max-width: 576px) {
    .ModuleHighlightContainer { margin: 15px 0; }
}

/*screen, bootstrap grid md, mouse*/
@media only screen and (max-width: 1199px) and (min-width: 992px) and (pointer: fine) {
}

/*screen, bootstrap grid sm, mouse*/
@media only screen and (max-width: 991px) and (min-width: 768px) and (pointer: fine) {
}

/*screen, bootstrap grid xs, mouse*/
@media only screen and (max-width: 767px) and (min-width: 577px) and (pointer: fine) {
}

/*screen, bootstrap grid xs, touch*/
@media only screen and (max-width: 1199px) and (min-width: 992px) and (pointer: coarse) {
}

@media only print {
}