/*Default Theme*/
/*body.default nav{ background-color: #323030; color: #FFFF;}*/
body.default .fl-bg-1{ background-color: #eeeef2; color: #323030;}
body.default .fl-bg-2{ background-color: #323030; color: #FFF;}
body.default .fl-bg-3{ background-color: #D63426; color: #FFF;}
body.default .navbar-bg {background-color: #323030; color: #FFF;}
body.default .theme-txt-color{color: #323030;}
body.default .navbar-bg a{color: white;}
body.default .navbar-bg a.nav-link:hover{color: #323030;}
body.default button.navbar-toggler{color: white;}
body.default .viewmore{color: #D63426;}
body.default h1.title:after, body.default h1.heading:after,
body.default h2.title:after, body.default h2.heading:after,
body.default h3.title:after, body.default h3.heading:after
{
 	background-color: #D63426;  
}
body.default .footer-content {background-color: rgba(40,40,45,1);}
body.default .cpr{background-color: #18181b}

/*Cool-Blue Theme*/
/*body.cool-blue nav{ background-color: #40798c; color: #FFFF;}*/
body.cool-blue .fl-bg-1{ background-color: #759DAA; color: #FFF;}
body.cool-blue .fl-bg-2{ background-color: #1f363d; color: #FFF;}
body.cool-blue .fl-bg-3{ background-color: #D63426; color: #FFF;}
body.cool-blue .navbar-bg
{background-color: #40798c; color: #FFF;}
body.cool-blue .theme-txt-color{color: #40798c;}
body.cool-blue .navbar-bg a{color: white;}
body.cool-blue .navbar-bg a.nav-link:hover{color: #40798c;}
body.cool-blue button.navbar-toggler{color: white;}
body.cool-blue .viewmore{color: #40798c;}
body.cool-blue h1.title:after, body.cool-blue h1.heading:after,
body.cool-blue h2.title:after, body.cool-blue h2.heading:after,
body.cool-blue h3.title:after, body.cool-blue h3.heading:after
{
 	background-color: #40798c;  
}
body.cool-blue .footer-content {background-color: rgba(31,54,61,1);}
body.cool-blue .cpr{background-color: #101b1f}

/*Cool-Orange Theme*/
/*body.cool-blue nav{ background-color: #40798c; color: #FFFF;}*/
body.cool-orange .fl-bg-1{ background-color: #2387f4; color: #FFF;}
body.cool-orange .fl-bg-2{ background-color: #1f363d; color: #FFF;}
body.cool-orange .fl-bg-3{ background-color: #f42823; color: #FFF;}
body.cool-orange .navbar-bg
{background-color: #f49023; color: #FFF;}
body.cool-orange .theme-txt-color{color: #685e5c;}
body.cool-orange .navbar-bg a{color: white;}
body.cool-orange .navbar-bg a.nav-link:hover{color: #40798c;}
body.cool-orange button.navbar-toggler{color: white;}
body.cool-orange .viewmore{color: #f49023;}
body.cool-orange h1.title:after, body.cool-orange h1.heading:after,
body.cool-orange h2.title:after, body.cool-orange h2.heading:after,
body.cool-orange h3.title:after, body.cool-orange h3.heading:after
{
 	background-color: #f49023;  
}
body.cool-orange .footer-content {background-color: rgba(31,54,61,1);}
body.cool-orange .cpr{background-color: #101b1f}

/*Marron*/
/*body.marron nav{ background-color: #c81c1c; color: #FFFF;}*/
body.marron .fl-bg-1{ background-color: #c81c1c; color: #FFF;}
body.marron .fl-bg-2{ background-color: #c81c1c; color: #FFF;}
body.marron .fl-bg-3{ background-color: #513030; color: #FFF;}
body.marron .navbar-bg {background-color: #c81c1c; color: #FFF;}
body.marron .theme-txt-color{color: #c81c1c;}
body.marron .navbar-bg a{color: white;}
body.marron .navbar-bg a.nav-link:hover{color: #c81c1c;}
body.marron button.navbar-toggler{color: white;}
body.marron .viewmore{color: #c81c1c;}
body.marron h1.title:after, body.marron h1.heading:after,
body.marron h2.title:after, body.marron h2.heading:after,
body.marron h3.title:after, body.marron h3.heading:after
{
 	background-color: #c81c1c;  
}
body.marron .footer-content {background-color: rgba(9,9,9,0.95);}
body.marron .cpr{background-color: #250403}

/*Turqoise*/
/*body.ocean nav{ background-color: #15806c; color: #FFFF;}*/
body.ocean .fl-bg-1{ background-color: #556f6a; color: #FFF;}
body.ocean .fl-bg-2{ background-color: #15806c; color: #FFF;}
body.ocean .fl-bg-3{ background-color: #D63426; color: #FFF;}
body.ocean .navbar-bg {background-color: #15806c; color: #FFF;}
body.ocean .theme-txt-color{color: #15806c;}
body.ocean .navbar-bg a{color: white;}
body.ocean .navbar-bg a.nav-link:hover{color: #15806c;}
body.ocean button.navbar-toggler{color: white;}
body.ocean .viewmore{color: #15806c;}
body.ocean h1.title:after, body.ocean h1.heading:after,
body.ocean h2.title:after, body.ocean h2.heading:after,
body.ocean h3.title:after, body.ocean h3.heading:after
{
 	background-color: #15806c;  
}
body.ocean .footer-content {background-color:rgba(25,62,55,0.98);}
body.ocean .cpr{background-color: #203531}


.bg-ash{ background-color: #D6D6D6; color: #323030;}
.bg-dark{ background-color: #323030; color: #FFFF;}
.bg-red{ background-color: #015243; color: #FFFF !important;}
.bg-accent{ background-color: #f49023; color: #FFFF !important;}
.bg-purple{ background-color: #40002f; color: #FFFF !important;}
.bg-yellow{ background-color: #d1bb21; color: #FFFF !important;}
*{
	margin: 0;
	padding: 0;
}
body{
	background:#f8f8f8; 
	color: #333333;
	font-size: 14pt; 
	font-weight: 100;
	font-style: normal;
	font-family: 'Arial', 'Roboto','serif';
	transition: all .2s ease-in-out;
	overflow-x: hidden;
}

.container, .container-fluid{
	margin-left: auto !important; 
	max-width: 95% !important;
}
/*Typography*/
h1{font-size: 20pt;}
h2{font-size: 18pt;}
h3{font-size: 16pt;}
h4{font-size: 14pt;}

h1{font-weight: 650; }
h2{font-weight: 600;}
h1.heading-centered{text-align: center; margin-bottom: 40px}
h1.heading-left{text-align: left; margin-bottom: 40px}
h1.heading-right{text-align: right; margin-bottom: 40px}
p{line-height: 2rem}
.text-center{text-align: center}
.text-right{text-align: right}
.text-left{text-align: left}
.text-upper{text-transform: uppercase;}
.text-bold{font-weight: bold;}

h1.title:after, h1.heading:after,
h2.title:after, h2.heading:after,
h3.title:after, h3.heading:after
{
	content: ''; 
	display: block; 
	width: 30px; 
	height: 3px;
 	background-color: #D63426;  
}
.fs1{font-size: 1rem}
.fs14{font-size: 1.4rem}
.fs15{font-size: 1.5rem}
.pointer{cursor: pointer;}
.social-links{
	display:inline-block; 
	padding: 5px 10px; 
	font-size:14pt;
}

nav.bg-light a.social-links span{
	color: #323030;
}
nav.bg-dark a.social-links span{
	color: white;
}
.event-date-text{
	color: #D63426;
	font-weight: bold;
}
.post-title, .event-title, .event-date-text{
	font-size: 1.25rem;
	line-height: 1.2;
}
.post-summary, .event-summary, .event-date-month{
	font-size: 1rem;
	color: #4a4a4a;
	margin: 0; 
	/*margin-top: 0.5rem;*/
}

a:hover{text-decoration: underline; color: #0062cc;}
a.boards:hover {text-decoration:none; color: white;}
a.upcoming-event:hover, div.fc a:hover{text-decoration:none;}

.fc a{display:inline-block; color: white; text-align: center; padding: 0px 16px; margin:5px 0; 
	border-right: 1px solid rgba(255,255,255,.6);}
.fc a:first-child{padding-left: 0}

.fc a:hover{border-bottom: 2px solid white;}

p.description, p.time, .gist, .caption{
	font-size: 1rem; color: gray
}
.viewmore{
	color: #D63426;
	font-size: 1rem;
	margin-bottom: 0 !important;
}
.site-title{
	font-weight: normal;
	color: #4a4a4a;
}

.site-time{
	color: #8C8C8C;
	font-size: 1.375rem;
	font-weight: normal;
	transition: opacity, 0.5s;
}
/*End of Typography*/

.event{
	display: flex; 
	padding: 0.5rem;
	background-color: #F5F5F5;
	margin-bottom: 1rem; 
	border-bottom: 2px solid #D63426;
	border-bottom-width: 0; 
}

.top-news-grid{
	display: flex;
	height:170px; 
	flex-basis: 49%; 
	margin-bottom: 2%;
}
.top-news-grid .post-title{
	font-size: 14pt;
	font-weight: normal;

}
.top-news-grid .post-title a{
	color: #FAFAFA;
}
.news-text{
	display: block; 
	/*background-color: rgba(0,0,0,.5);*/
	/*background-color: linear-gradient(to bottom, white, black)*/
	background-image: linear-gradient(to top, #434343 0%, rgba(0,0,0,.3) 80%);
	padding: 7px;
	height: 100%;
	width: 100%;
	color: #FFF;
	top: 49%;
	position: relative;
	bottom: 0;
	animation-name: showText;
	animation-duration: .8s;
	transition: all .2s ease-in-out;
}


@keyframes showText{
	from{top: 100%; opacity: 0;}
	to{top: 50%; opacity: 1}
}

@keyframes loadwidth{
	from{width: 0; }
	to{width: 100%;}
}

@keyframes loadborderbottom{
	from{border-bottom-width: 0; }
	to{border-bottom-width:100%;}
}


.top-news-grid:hover .news-text,
.news-post:hover .news-text{
	display: block;
}
/*.news-post .news-text{

}*/

.footer-content{
  
    color: white !important; 
    height: 100%; 
    width: 100%; 
    padding-top: 30px;
}

ul.footer-links li{
 list-style: none;
 	font-size: .8rem;
}
footer li a, footer .ftxt{color: #F2F2F2;}

footer li, footer li a{
	display: block;
	font-weight: 100;
	padding: 7px 0;
	font-size: .8rem;
}
footer li a:hover{
	/*text-decoration: underline;*/
	color: #eeeef2;
}

footer p{
	color: #96969c;
}

.anicon{
	opacity: 0;
	transition: all .2s ease-in-out;
}

a.boards:hover .anicon{
	opacity: 1;
}

@keyframes move{
	from{}
	to{}
}

.sublist li {list-style: none; margin-bottom: 20px}
.sublist li a{padding: 10px; display: inline-block; width: 100%; font-size:11pt;}

.sublist{height: 273px; overflow-y:auto}

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	body{
		color: black;
		font-weight: 300;
	}
	.xs-show{display: block;}
	.xs-hide{display: none;}
	.boards {flex-basis: 100%; margin-bottom: 10px; height: 60px}
	.carousel-item .news-text h2.post-title{
		font-size: 1.5rem;
		line-height: 1.5;
		font-weight: normal
	}
	h1{font-size: 16pt;}
	h2{font-size: 14pt;}
	h3{font-size: 12pt;}
	h4{font-size: 10pt;}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.sm-show{display: block;}
	.sm-hide{display: none;}
	.boards {flex-basis: 100%; margin-bottom: 10px; height: 60px}
	.carousel-item .news-text h2.post-title{
		font-size: 1.5rem;
		line-height: 1.5;
		font-weight: normal
	}
	h1{font-size: 16pt;}
	h2{font-size: 14pt;}
	h3{font-size: 12pt;}
	h4{font-size: 10pt;}
	

	/*body{background-color: black}*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.md-show{display: block;}
	.md-hide{display: none;}
	.post-heading{font-size: 2rem; color: #323030}

	/*body{background-color: red}*/
	/*Typography*/
	h1{font-size: 20pt;}
	h2{font-size: 18pt;}
	h3{font-size: 16pt;}
	h4{font-size: 14pt;}

	h1{font-weight: 650; }
	h2{font-weight: 600;}
	p{line-height: 2rem}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.lg-show{display: block;}
	.lg-hide{display:none;}
	.boards {flex-basis: 33%;}
	.news-post {display: flex; flex-basis: 33%; margin-bottom: 10px; height: 260px; overflow: hidden}
	.news-image {margin-bottom: 10px;  width: 100%; height: 260px; overflow: hidden}
	.carousel-item .news-text h2.post-title{
		font-size: 2rem;
		line-height: 1.5;
	}
	.post-heading{font-size: 2.75rem; color: #323030}
	/*body{background-color: blue}*/
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.boards {flex-basis: 33%;}
	.news-post {display: flex; flex-basis: 33%; margin-bottom: 10px; height: 260px; overflow: hidden}
	.news-image {margin-bottom: 10px;  width: 100%; height: 260px; overflow: hidden}
	.carousel-item .news-text h2.post-title{
		font-size: 2rem;
		line-height: 1.5;
	}
	/*body{background-color: green}*/
}