/* CSS Document */

/*======================================================================
 Flex Images
======================================================================*/
@media (max-width: 768px ) {
	.flex-images img {
		margin: 25px 0;
	}
}

/*======================================================================
 Flex List
======================================================================*/
.list-title {
    color: #015760; 
}

@media ( max-width: 1000px ) {
	.flex-list div:nth-of-type(2),
	.flex-list div:nth-of-type(3),
	.flex-list div:nth-of-type(4) {
		margin-top: -17px; 
	}
}


/*======================================================================
 Flex Tabs
======================================================================*/
.flex-tabs .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #ffffff;
    font-weight: 900;
    background-color: #015760; 
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.flex-tabs .nav-tabs .nav-link {
	background-color: #58595b;
    color: #ffffff; 
	font-weight: 400; 
	font-size: 20px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; 
}

.flex-tabs .tab-content {
	border: none;
	border-top: none;
	color: #58595b;
}

.flex-tabs .card {
	border: none; 
	text-align: center; 
}

.flex-tabs .card-footer {
	background-color: white; 
	border-top: none; 
}

.flex-tabs .nav-tabs {
	border-bottom: none; 
}

.flex-tabs ul.nav-tabs li a.active i.fa:before {
    content: "\f0dd";
	margin-left: 10px; 
}

@media(max-width: 800px) {
	.nav-tabs {
		flex-direction: column; 
	}
}


/*======================================================================
 Flex Marquee
======================================================================*/
.flex-marquee a {
    color: white;
    text-align: left;
    display: block;
}

.flex-marquee .card-body {
	position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1;
	padding: 0; 
}

.flex-marquee .card-title {
	margin-bottom: 0; 
	color: white;
	font-weight: 700; 
}

.flex-marquee .col-lg-3 .card-title,
.flex-marquee .col-md-4 .card-title {
	font-size: 20px; 
}

.flex-marquee img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	border-top-right-radius: 0; 
	border-top-left-radius: 0; 
	width: 100%; 
	position: relative; 
}

.flex-marquee .overlay {
	transition: 0.5s ease all; 
}

.flex-marquee .card:hover .overlay {
	background: rgba(0, 0, 0, 0.25);
	transition: 0.5s ease all; 
}

/*======================================================================
 Accordion
======================================================================*/
#accordion-block .card-header {
	background-color: #58595b; 
	padding: 5px;  
}

#accordion-block .card-header h5 button {
	color: white;
	text-transform: uppercase; 
	text-decoration: none; 
	width: 90%; 
	text-align: left; 
	padding: 0; 
	line-height: 24px; 
}

#accordion-block .card-header h5 button:hover,
#accordion-block .card-header h5 button:focus {
	color: white;
	text-transform: uppercase;
	text-decoration: none; 
}

#accordion-block .btn-link {
	font-size: 20px; 
}

#accordion-block .card {
	border: 2px solid #58595b; 
	margin: 15px 0;
	border-radius: 0; 
}

#accordion-block .card-header,
#accordion-block .card-header:first-child {
	border-radius: 0; 
}

#accordion-block .fa {
	float: left;
	margin-left: 10px;
	margin-right: -15px;
	margin-top: 3px; 
	color: white; 
	padding: 0;
	width: 5%; 
}

#accordion-block .accordion-text h3 {
	color: #015760; 
}

@media (max-width: 992px) {
	#accordion-block .fa {
		width: 10%; 
	}
	
	#accordion-block .card-header h5 button {
		line-height: 20px; 
	}
	
	#accordion-block .btn-link {
		font-size: 14px;
	}
}

/*======================================================================
 Download Tables
======================================================================*/
.table.table-downloads th {
	color: #fff;
	background-color: #ed1c24;
	border-color: #ed1c24;
	padding: .25rem .75rem;
	font-family: 'CachetBoldRegular';
	text-transform: uppercase;
}
.table.table-downloads tbody tr:nth-of-type(odd) {
	background-color: #eee;
}

.flex-download a:hover {
	color: #92278f; 
}