/*
Implementations Skeletor v3 - 5/10/2014

oustyles.css

Add styles to overwrite customer CSS, USE WITH CAUTION.

Contributors: Jeremy Harris
Last Updated: 10/25/2018
*/

#footer #de:hover { text-decoration: none; }

/* This hides nested nav sections that are not active [START] */
ul.nav-list li:not(.active) > ul {
	display: none;
}
/* This hides nested nav sections that are not active [END] */

ul.nav-list li {
	z-index: 2;
}

img + h1 {
	margin-top: 20px;
}

body.theme-foundation main.col-md-12 .breadcrumb {
	margin-top: 102px;
}

.foundation-header ~ #maincontent aside.sidebar,
.foundation-header ~ #maincontent main.col-md-12{
	margin-top: 102px;
}

aside.sidebar { padding-top: 20px }
aside.sidebar > ul:first-child {
	top: -20px;
	position: relative;
}

@media (max-width: 768px) {
	.featured-boxes .col-fifth {
		width: 100% !important;
	}
	.col-fifth .thumb-info>.thumb-info-side-image-wrapper,
	.col-fifth .thumb-info>p{
		width: 50% !important;
		float: left !important;
		padding-right: 15px !important;
	}
	.button_space button{
		background: #b2292e;
		padding: 18px;
		width: 100%;
		margin: auto;
		padding-top: 20px !important;
	}
}


/* Ticket# 54970 */
.yamm-content li strong {

	display: block;
	text-transform: uppercase;
	color: #79180a;
}
/* Ticket# 54970 */

/* Hub Page CSS */

.hub-item{
	/*Moved Inline
	background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.6)), url(https://placeimg.com/640/640/any) 50% 50% no-repeat;*/
	background-size:cover !important;
	display:block;
	width:100%;
	height:250px;
	margin-bottom:20px;
	color:#fff; 
	text-align: center;
	font-size:20px;
	font-weight: bold;
}

.hub-item:after{
	background:rgba(0,0,0,1);
	width:100%;
	height:100%;
	display:inline-block;
	position:relative;
}

.modal-header .text-white{
	color:#fff;
	font-weight: bold;
}


.separator_line{
	border: 2px solid #b2292e;
	height: 1px;
	background: #b2292e;
}
.pl-10{
	padding-left: 10px;
}
.banner_image{
	background: url(https://placeimg.com/640/640/any) 50% 50% no-repeat;
	height: 200px;
}

.banner_content{
	height: 200px;
}

@media (min-width: 992px) {
	.banner_content{
		padding-left: 0 !important;
		background: #C6C6C6;
	}
	.pr-0{
		padding-right: 0;
	}

}

.hublarge{
	font-size: 2.4em;
	line-height: 40px;
	color: #1d2127;
	font-weight: 300;
	letter-spacing: -1px;
}

.banner_content div{
	padding-top: 30px;
}
.support_links{
	display: flex;
}
.support_links button{
	width: 80%;
	background: #b2292e;
	color: white;
}
.support_des{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.support_des:hover{
	font-size: 32px;
	line-height: 30px;
}

.hub-item a{color:#fff;}

#support_popup .modal-header, #support_popup .modal-footer{
	border-bottom: 0;
	background: #555B60;
	color: white !important;
}
#support_popup .modal-footer button{
	border-radius: 5px;
}
.pt-10{
	padding-top: 10px;
}

.popup_image{
	place-items: center;
	display: flex;
}
.support_links_btn{
	background: #b2292e;
	padding: 10px;
	width: 100%;
	margin: auto;
	color: white;
	font-weight: bold;
}
.support_links_btn:hover, .support_links_btn:focus{
	background:#a20917;
	color: white;
}
.d-flex{
	display: flex;
}
.text-red{
	color: #b2292e;
}
.text-blue{
	color: blue;
}

.modal-content {
	border: 1px solid #555B60;
}

.button_space button{
	padding: 18px;
	margin: auto;
}
.pt-2{
	padding-top: 10px;
}

@media (max-width: 992px) {
	.banner_image{
		background-size:cover;

	}
	.banner_content{

	}	
	.banner_content_inner{
		background:#C6C6C6;
	}	
}


@media (max-width: 768px) {
	.button_space button{
		background: #b2292e;
		padding: 18px;
		width: 100%;
		margin: auto;
		padding-top: 20px !important;
	}
	.button_space div{
		padding-bottom: 20px !important;
	}
	.support_links_btn div{
		padding-bottom: 20px !important;
	}
}

/* make a tag look like buttons */
a.button_space{
	padding: 18px;
	margin: auto;
}