/*
    LAST UPDATE: NW @ 4/26/23 12:01pm
    IMPORTANT: Be sure to manually sync these files for local dev
        --https://10016.adev.myracepass.com/admin/cr/registry/design/css/?i=1090
        --C:\Repos\mrp-assets\MRPassets\v1\siteresources\10016\v4\10016.css
*/



/*=addThis*/
.atss a {
    opacity: .5;
}

.atss a:hover
{
    opacity: 1;
}

/*=end addThis*/


#homeHero {
    position: relative;
    max-width: 100%;
    min-height: 450px;
    background: #222;
}

#homeHero div.bg
{
    position:relative;
    width:100%;
    height:100%;
    min-height:450px;
    display:none;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

#homeHero div.bg1 {background-image: url(//dy5vgx5yyjho5.cloudfront.net/v1/siteresources/10016/v4/img/bgpic1.jpg);}
#homeHero div.bg2 {background-image: url(//dy5vgx5yyjho5.cloudfront.net/v1/siteresources/10016/v4/img/bgpic2.jpg);}
#homeHero div.bg3 {background-image: url(//dy5vgx5yyjho5.cloudfront.net/v1/siteresources/10016/v4/img/bgpic3.jpg);}
#homeHero div.bg4 {background-image: url(//dy5vgx5yyjho5.cloudfront.net/v1/siteresources/10016/v4/img/bgpic4.jpg);}
#homeHero div.bg5 {background-image: url(//dy5vgx5yyjho5.cloudfront.net/v1/siteresources/10016/v4/img/bgpic5.jpg);}

.homeHero-h1 {
	padding-top: 120px;
	text-shadow: 0 5px 15px rgba(0,0,0,.5);
	line-height: 1;
	padding-right: 15px;
	padding-left: 15px;
}

.mrp-home-top{
	padding:15px 0;
	margin:0 auto 10px;
    background:#fff;
}

.mrp-app-callout .mrp-app-icon{
	margin:0 10px 7px 0;
}

.mrp-store-icon img{
	max-height:50px;
}

.mrp-app-callout h2
{
	text-transform:capitalize;
	font-size:20px;
}

.mrp-services i {
    font-size: 5em;
    margin-bottom: 1em;
    font-weight: bold;
    color: #ed1c24;
}

.mrp-services {
    vertical-align: bottom;
    border-width:0 0 1px !important;
}

.mrp-services div{
    padding:.5em 0;
    border-width:0 1px 0 0 !important;
}

#homeBody .mainBoxSub {
    display: none;
}

.mrp-newsfeed-wrap{
	text-align:center;
	/*padding-top:.5rem;
	background:#EBEBEB;*/
}

.mrp-newsfeed-wrap p{
	display:none;
}

.mrp-newsfeed-wrap .mrp-news-article
{
	display:inline-block;
	margin:.5em 1%;
	max-width:31%;
	overflow:hidden;
	
	background-color: #f5f5f5;
	border: 1px solid #dee2e6;
	margin-bottom: 25px;
}

.mrp-newsfeed-wrap .mrp-news-article section{
	margin-bottom:0;
}

.mrp-newsfeed-wrap .mrp-news-article img{
	margin:0;
	
	max-width: 360px;
}

.mrp-newsfeed-wrap h5{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
	margin: 10px;
}

#headlineWrap {
    position: relative;
    width: 100%;
    height: auto;
    min-height:100px;
    overflow: hidden;
}

#headlineNav{display:none;}

.headlineContent {
    position: relative;
    float: left;
    margin: 0 0 10px;
    width: 100%;
    height: auto;
    display:none;
}

.headlinePic {
    position: relative;
    display: block;
    float: left;
    width:100%;
    height:auto;
}

.headlinePic img
{
    display:block;
    width:100%;
    height:100%;
}

.headlineText
{
    position:absolute;
    left:15px;
    bottom:15px;
    width:85%;
    color:#fff;
    text-align:left;
    padding:5px 8px;
    font-size:115%;
    border-left:14px solid #8A0000;
    background:rgba(0,0,0,.9);
}

.headlineText h4, .headlineText h4 a, .headlineText h4 a:link, .headlineText h4 a:active, .headlineText h4 a:visited, .headlineText h4 a:hover {
    color: #fff;
    margin: 0;
}

.headlineText h4 {
    font-family: Helvetica, sans-serif;
    font-size: 1em;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}

.headlineText p
{
    display:none;
    margin:0;
    font-style:italic;
}

#headlineNav
{
    position:absolute;
    z-index:100;
    bottom:0;
    left:0;
    text-align:center;
    width:100%;
    height:12px;
}

#headlineNav ul
{
    position:absolute;
    margin:0;
    height:100%;
    width:100%;
}

#headlineNav li
{
    position:relative;
    display:inline-block;
    font-size:1px;
    overflow:hidden;
    text-indent:-9999px;
    width:15%;
    height:12px;
    margin:0 1%;
    cursor:pointer;
    background:#555;
}

#headlineNav li.active, #headlineNav li:hover, #headlineNav li.active:hover
{background:#8A0000;}

#homeBody #mrp-page-content, #homeBody .mrp-page-content {
    padding: 0;
    background:none;
}

#homeBody #mrp-page-content{
	margin-top: -70px;
}

.mrp-hp-news-icon {
	float: left; 
	margin: 0 10px;
}

.mrp-hp-news {
	float: left; 
	margin: 0 10px;
}

@media only screen and (max-width: 1200px) {
    #mrp-page-content, .mrp-page-content {
        width:100%;
    }
}

@media only screen and (max-width: 992px) {
	
	#launcher{
		opacity:.7 !important;
		bottom:110px !important;
	}
	
	.mrp-services i{
		font-size: 3em;
	}
	.mrp-services h4 {
		font-size: 12px;
	}
	.mrp-services .btn{
		font-size:.6rem;
		padding:.1rem .5rem;
	}
	.mrp-app-callout h2 {
        font-size: 18px;
    }
	
	.homeHero-h1 {
		font-size: 5rem;
		padding-top: 130px;
	}
	.mrp-newsfeed-wrap .mrp-news-article img{
		max-width:100%;
	}
}

@media only screen and (max-width: 768px) {
	
	#launcher{
		bottom:95px !important;
	}

	.mrp-app-callout {
		text-align: center;
	}

	.mrp-app-callout .mrp-app-icon {
		max-width: 50px !important;
	}

	.headlineText h4 {
		font-size: .8em;
		line-height: 14px;
	}

	.mrp-services i {
		/*font-size: 2em;*/
		font-size: 3em;
	}

	.mrp-services h4 {
		font-size: 10px;
	}
	
	.mrp-hp-news-icon {
		float: none;
	}
	
	.homeHero-h1 {
		font-size: 5rem;
		padding-top: 90px;
	}
}

@media only screen and (max-width: 576px) {
    
	#launcher{
		left:-10px !important;
		bottom:75px !important;
	}
	
	.mrp-services .btn{
		display:none;
	}
	
	#homeHero, 
	#homeHero div.bg {
		min-height: 350px;
	}
	
	.homeHero-h1 {
		font-size: 3.5rem;
		padding-top: 60px;
		line-height: 0.8;
	}
	
	.mrp-services h4 {
		font-size: 11px;
	}
	
	.mrp-services div.border-m {border-width: 0 0 0 0 !important;}
	
	.mrp-newsfeed-wrap .mrp-news-article{
		display:block;
		margin-left:auto;
		margin-right:auto;
		max-width:94%;
	}
}

@media only screen and (max-width: 450px) {
	
	#launcher{
		bottom:65px !important;
	}
	.mrp-app-callout .mrp-app-icon{
        display:block;
        margin:0 auto 1em;
    }
	.mrp-services h4 {
		/*font-size: 8px;*/
		font-size: 11px;
	}
}