/*************/
/*** RESET ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font-family:'Crimson Text', serif; font-size:1.6vw; line-height:1.75vw; vertical-align:top; }
article,aside,details,figcaption,figure,footer,header,main,mark,nav,section,summary,time { display:block; } /* Help Old Browsers Handle HTML5 */
li { margin-bottom:5px; }
li ul, li ol { margin:10px 0; }
img { max-width:100%; height:auto !important; border-radius:3px; }
blockquote,q { quotes:none; font-family:'Crimson Text', serif; font-size:1.5vw; line-height:1.65vw; font-style:italic; margin:0 20px; text-indent:20px; padding:30px; border-radius:3px; }
blockquote:before,q:before,blockquote:after,q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; width:100%; height:auto; }
html { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*, *:before, *:after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; }
h1,h2,h3,h4,h5,h6 { font-family:'Crimson Text', serif; }
h1 { font-size:3.0vw; line-height:3.15vw; }
h2 { font-size:2.6vw; line-height:2.75vw; }
h3 { font-size:2.3vw; line-height:2.45vw; }
h4 { font-size:2.1vw; line-height:2.25vw; }
h5 { font-size:1.9vw; line-height:2.05vw; }
h6 { font-size:1.7vw; line-height:1.85vw; }
td,th { vertical-align:middle; /*padding:10px;*/ }
th { /*font-family:'Crimson Text', serif; font-size:1.9vw; line-height:1.95vw; text-align:left; padding-top:30px;*/ }
/*** RESET ***/
/*************/

/**************/
/*** LAYOUT ***/
#topheader > section { display:table; width:98%; margin:auto; }
#topheader > section > section { display:table-cell; padding:30px 20px 30px 20px; text-align:center; }
#topheader-title1 { font-size:3.09vw; line-height:3.09vw; font-weight:bold; margin-bottom:0; }
#topheader-title2 { font-size:5vw; line-height:5vw; font-weight:bold; margin-bottom:0; }
#topheader-title3 { font-size:2.97vw; line-height:2.97vw; font-weight:bold; }
#topheader .socialicon { font-size:1.7vw; }

nav > section { display:block; width:98%; margin:auto; }
nav > section > section { display:inline-block; padding:17px 10px; text-align:center; }
nav a { display:block; padding:5px 10px; text-decoration:none; outline:0; border-radius:3px; }

#mainheader > section { display:table; width:98%; margin:auto; }
#mainheader > section > section { display:table-cell; padding:20px; text-align:center; }
#mainheader h1 { font-size:5vw; line-height:5.2vw }

main > section { display:table; width:98%; margin:auto; }
main > section > article { display:table-cell; }
main > section > article > section { padding:25px 20px 20px 5px; }
main > section > article > section a { text-decoration:none; }
main > section > article > section a:hover { text-decoration:underline; }
main > section > aside { display:table-cell; width:25.9%; }
main > section > aside > section { padding:20px 5px 20px 20px; }
main > section > aside > section ol,
main > section > aside > section ul { list-style:none; padding:0; margin:0; }
main > section > aside > section a { text-decoration:none; }
main > section > aside > section a:hover { text-decoration:none; }
main > section > aside > section h3 { margin:0; padding:25px 20px 14px 20px; border-radius:3px 3px 0 0; text-align:center; font-size:1.6vw; line-height:1.6vw; } /* SIDE MENU HEADER */
main > section > aside > section .sidemenu { margin-bottom:20px; padding:20px 20px 30px 20px; text-align:center; border-radius:0 0 3px 3px; }
main > section > aside > section .sidemenu h3 { border-radius:3px; }
main > section > aside > section .sidemenu-nohead { margin-bottom:20px; padding:20px; text-align:center; border-radius:3px; }
main > section > aside > section .sidemenu:last-child,
main > section > aside > section .sidemenu-nohead:last-child { margin-bottom:0; }
main > section > aside > section .sidemenu li { border-bottom:1px solid #dcdcdc; padding:5px 0; margin:0; }
main > section > aside > section .sidemenu li:hover { background-color:#dcdcdc; }
main > section > aside > section .sidemenu li:last-child { border-bottom:none; }

footer > section { display:table; width:98%; margin:auto; }
footer > section > section { display:table-cell; text-align:center; padding:30px 15px 30px 15px; font-size:1.4vw; line-height:2vw; }
footer > section > section:nth-child(1) { width:27%; }
footer > section > section:nth-child(2) { width:47%; }
footer > section > section:nth-child(3) { width:26%; }
/*** LAYOUT ***/
/**************/

/**************/
/*** COLORS ***/
body { background-color:#363636; }

#topheader { color:#464646; background-color:#f8f8f8; }
#topheader-title1 { }
#topheader-title2 { color:#293476; }
#topheader-title3 { }
#topheader .socialicon { color:#293476; }
#topheader .socialicon:hover,
#topheader .socialicon:focus { color:#c72437; }

nav { background-color:#c72437; }
nav a { color:#fff; text-shadow:1px 1px 3px #000; }
nav a:hover,
nav a.active,
nav a:focus { outline:0; background-color:#ff9; color:#000; text-shadow:none; border-radius:3px; box-shadow:0 14px 8px -12px #000; }

#mainheader {
	color:#fff;
	text-shadow:1px 1px 3px #000;
	background:#293476;
	background:linear-gradient(121deg, #293476 0%, #293476 58%, rgba(50,50,50,1) 58%);
}

main { background-color:#fff; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(200,200,200,1) 50%); }
main article { background-color:#fff; }
main article strong, main article b { color:#000; }
main article em, main article i { color:#444; }
main article a { color:#293476; }
main article a:hover { color:#c72437; }
main aside { background-color:rgb(200,200,200); }
main aside strong, main aside b { color:#000; }
main aside em, main aside i { color:#444; }
main aside a { color:#293476; }
main aside a:hover { color:#c72437; }
main aside h3 { color:#fff; text-shadow:1px 2px 3px #000; background-color:#c72437; } /* SIDE MENU HEADER */
main aside .sidemenu { background-color:#ececec; }
main aside .sidemenu h3 { color:#232323; text-shadow:none; background-color:#b3b3b3; }
main aside .sidemenu-nohead { background-color:#dcdcdc; }

footer { background-color:transparent; color:#fff; text-shadow:1px 1px 3px #000; }

h1,h2,h3,h4,h5,h6 { color:#000; }
#topheader h1,#topheader h2,#topheader h3,#topheader h4,#topheader h5,#topheader h6 { color:#464646; }
#topheader h1 span { color:#293476; }
#mainheader h1,#mainheader h2,#mainheader h3,#mainheader h4,#mainheader h5,#mainheader h6 { color:#fff; }
#mainheader h1 span { color:#c72437; }

blockquote,q { color:#555; border-left:20px solid #b8b8b8; background-color:#eee; }

/*td,th { border:1px solid #ddd; }
th { background-color:#444; color:#fff; text-shadow:2px 2px 2px #111; }
tr:nth-child(even){ background-color:#e8e8e8; }
tr:nth-child(odd){ background-color:#f4f4f4; }
tr:hover { background-color:#ffb; }*/

.button {
	background-color:#293476;
	border-radius:3px;
	color:#fff;
	text-shadow:1px 2px 3px #000;
	padding:15px 40px;
	font-size:1.7vw;
	line-height:1.85vw;
	border:none;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	margin:auto;
}
.button:hover { background-color:#232323; color:#ffa; cursor:pointer; text-decoration:none; }
/*** COLORS ***/
/**************/

/*****************/
/*** CLEAR FIX ***/
header section::after,
nav section::after,
main section::after,
footer section::after { content:""; clear:both; display:block; }
/*** CLEAR FIX ***/
/*****************/

/**************/
/*** WIDTHS ***/
.p20 { width:20%; }
.p25 { width:25%; }
.p30 { width:30%; }
.p33 { width:33.33333333333333%; }
.p35 { width:35%; }
.p37 { width:37.5%; }
.p40 { width:40%; }
.p45 { width:45%; }
.p50 { width:50%; }
.p55 { width:55%; }
.p60 { width:60%; }
.p65 { width:65%; }
.p70 { width:70%; }
.p75 { width:75%; }
.p80 { width:80%; }
/*** WIDTHS ***/
/**************/

/*****************/
/*** ALIGNMENT ***/
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
/*** ALIGNMENT ***/
/*****************/

/***************/
/*** PADDING ***/
.pad10 { padding:10px; }
.pad20 { padding:20px; }
/*** PADDING ***/
/***************/

/*******************/
/*** HIDDEN MENU ***/
.hiddenmenu { display:none; position:fixed; top:0; left:0; right:0; bottom:0; text-align:right; background-color:rgba(0,0,0,.8); }
.hiddenmenu > div { padding:20px; }
.hiddenmenu a { display:inline-block; width:46.96%; margin:0 3px 3px 3px; padding:15px 20px; text-align:center; margin-bottom:10px; background-color:#293476; color:#fff; text-shadow:1px 1px 3px #000; box-shadow:0 16px 6px -14px #000; text-decoration:none; border-radius:3px; }
.hiddenmenu a:focus { color:#ff9; }
.hiddenmenu-open-toggle,
.hiddenmenu-close-toggle { color:#fff; font-size:33px; text-shadow:1px 1px 2px #000; cursor:pointer; }
.hiddenmenu-open-toggle:focus,
.hiddenmenu-close-toggle:focus { color:#ff9; }
.hiddenmenu-open-toggle { display:none; position:fixed; top:10px; right:10px; }
/*** HIDDEN MENU ***/
/*******************/

/****************************/
/*** START HARD CODED CSS ***/
/****************************/

#pageContents { }
#pageContents img { height:auto !important; }
#pageContents iframe { width:100%; max-width:100% !important; margin:0; }

#postContainer { background-color:#eee; border-radius:3px; border-bottom:5px solid #c72437; margin-bottom:20px; }
#postContainer:last-child { margin-bottom:0; }
#postContainerPadding { padding:20px; }
#postContainerIcon { float:left; margin:0 25px 0 0; }
#postContainerTitle { margin-bottom:0; }
#postContainerTitle h3 { font-size:2vw; line-height:2.15vw; margin:0; }
#postContainerTitle h3 a { font-size:2vw; line-height:2.15vw; color:#293476; }
#postContainerTitle h3 a:hover { color:#c72437; }
#postContainerDescription { margin-bottom:10px; font-size:1.5vw; line-height:1.60vw; }
#postContainerStats { padding:0 10px; font-style:italic; }
#postContainerDate, #postContainerDate a { font-size:1vw; }
#postContainerAuthor { float:right; font-size:1vw; }
#postContainerAuthor a { font-size:1vw; }
#postContainerKeywords, #postContainerKeywords a { font-size:1vw; }
#clear { clear:both; height:1px; }

#postContent {}
#postContent img { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#postContent iframe { max-width:100% !important; margin:0 !important; }

.postIcon img { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

#morebyContainer { font-style:italic; text-align:center; }

#autoPageBreakPaging { text-align:center; }
#autoPageBreakPaging span { margin:0 3px; }
#autoPageBreakPaging span b { padding:2px 4px; background-color:#000; border:1px solid #000; color:#fff; }
#autoPageBreakPaging span a { padding:2px 4px; background-color:#eee; border:1px solid #ccc; text-decoration:none; }
#autoPageBreakPaging span a:hover { background-color:#000; border:1px solid #000; color:#fff; }

#categoryPostsHeading { padding:10px; margin-bottom:10px; background-color:#333; border-top:1px solid #D7C8BC; border-bottom:2px solid #D7C8BC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff !important; text-decoration:none; text-shadow:1px 1px 2px #000; -webkit-text-shadow:1px 1px 2px #000; -moz-text-shadow:1px 1px 2px #000; }
#categoryPostsHeading a { color:#fff !important; text-decoration:none; text-shadow:1px 1px 2px #000; -webkit-text-shadow:1px 1px 2px #000; -moz-text-shadow:1px 1px 2px #000; }

/*** PAGINATION CSS ***/

#pagingContainer { text-align:center; padding:10px 0; font-weight:bold; }
#pagingContainerForm {}
#pagingContainerPrevLink {}
#pagingContainerPrevLink:hover { color:#000; }
#pagingContainerPrevLinkOff { display:none; }
#pagingContainerNextLink {}
#pagingContainerNextLink:hover { color:#000; }
#pagingContainerNextLinkOff { display:none; }
#pagingContainerDropdown {}
#pagingContainerFormSubmitButton {}

/*** COMMENTS FROM CSS ***/

#commentFormContainer {}
#commentFormContainerHeader {}
#commentFormContainerTextareaContainer {}
#commentFormContainerTextarea {}
#commentFormContainerSubmitButtonContainer { text-align:right; }
#commentFormContainerSubmitButton { border:2px solid #000; background:#000; color:#fff; font-weight:bold; font-size:15px; padding:2px 8px; cursor:pointer; }
#commentFormContainerSubmitButton:hover { background:#ffa; color:#000; }

/*** PRIVATE MESSAGE FORM CSS ***/

#messageFormContainer {}
#messageFormContainerHeader {}
#messageFormContainerTextareaContainer {}
#messageFormContainerTextarea {}
#messageFormContainerSubmitButtonContainer { text-align:right; }
#messageFormContainerSubmitButton { border:2px solid #000; background:#000; color:#fff; font-weight:bold; font-size:15px; padding:2px 8px; cursor:pointer; }
#messageFormContainerSubmitButton:hover { background:#ffa; color:#000; }

/*** MESSAGE CSS ***/

#messageSuccess { padding:15px 20px; background-color:#afa; font-weight:bold; border:1px solid #ccc; border-radius:3px;}
#messageError { padding:15px 20px; background-color:#ff9; font-weight:bold; border:1px solid #aaa; border-radius:3px; }

/*** CALENDAR CSS ***/

.calendar { width:100%; background-color:#fff; }
.calendarHeader { background-color:#b6192a; color:#fff; font-size:18px; height:60px; }
.calendarHeader a { text-decoration:none; color:#fff; }
.calendarHeader a:hover { text-decoration:underline; color:#eee; }
.calendarDayHeader { background-color:#232323; color:#fff; height:30px; }
.calendarBlankDay { background-color:#ccc; width:91px; height:91px; }
.calendarDay { background-color:#eee; text-align:right; vertical-align:top; width:91px; height:91px; }
.calendarDay:hover { background-color:#ccc; }
.calendarToDay { background-color:#ccf; text-align:right; vertical-align:top; width:91px; height:91px; }
.calendarToDay:hover { background-color:#ssf; }
.calendarEvent { text-align:center; padding:4px 2px; margin:2px; background-color:#ffa; border:0px solid #fff; font-size:10px; line-height:14px; }
.calendarEvent a { text-decoration:none; }
.calendarEvent:hover { background-color:#fff; }

/*** BREADCRUMB TRAIL CSS ***/

#breadcrumbTrail { margin-bottom:10px; }
#breadcrumbTrail * { font-size:10px; }
#breadcrumbTrailTitle {}

/*** CATEGORIES PAGE CSS ***/

#categoriesPageRssFeed {}

/*** SEARCH PAGE ***/

#searchFilters { border:1px solid #ccc; background-color:#eee; text-align:center; }
#searchFiltersPadding { padding:5px 10px; }
#searchFiltersFormSubmitButton { border:1px solid #000; background:#000; color:#fff; font-weight:bold; font-size:12px; padding:2px 4px; cursor:pointer; }
#searchFiltersFormSubmitButton:hover { background:#ffa; color:#000; }

/*** USER SECTIONS CSS ***/

#userAccountPageContents {  }
#userAccountPageContents a {  }
#userAccountPageContents i {  }

#userAccountPageContents .row { display:block; width:100%; }
#userAccountPageContents .row:before, .row:after { content:" "; display:table; } /* CLEAR FIX */
#userAccountPageContents .row:after { clear:both; }
#userAccountPageContents .row { *zoom:1; } /* IE FIX */

#userAccountPageContents .row .col { float:left; }
#userAccountPageContents .row .col.one5 { width:20%; }
#userAccountPageContents .row .col.four5 { width:80%; }

#usersMenu li:first-child a b { color:#fff; }

#userFormSubmitButton { border:0;background-color:#232323;color:#fff;font-weight:bold;font-size:20px;padding:10px 20px;cursor:pointer;border-radius:3px;margin-top:10px; }
#userFormSubmitButton:hover { background-color:#8ecd16;color:#000; }

/*** ALTERNATE ROW BACKGROUNDS ( used in includes/template_data.php ) ***/

.SP_row_odd {  }
.SP_row_odd:hover { background-color:#fafafa; }
.SP_row_even { background-color:#f6f6f6; }
.SP_row_even:hover { background-color:#fafafa; }

.commentRow_even { border:none;margin-bottom:5px;background-color:#fff; }
.commentRow_odd { border-top:1px solid #aaa;border-bottom:1px solid #aaa;margin-bottom:5px;padding:5px;background-color:#eee; }
.commentRow_odd_v2 { border:1px solid #d5d5d5; background-color:#fdfdfd; margin-bottom:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.commentRow_even_v2 { border:1px solid #d5d5d5; background-color:#fafafa; margin-bottom:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

/**************************/
/*** END HARD CODED CSS ***/
/**************************/

/******************************/
/*** RESPONSIVE BREAKPOINTS ***/
/* make sure hidden menu, menu toggle, and blur effect are removed */
@media screen and (min-width:801px) {
	.hiddenmenu-open-toggle, .hiddenmenu { display:none !important; }
	#blureffect { filter:initial !important; }
}

@media screen and (max-width:900px) {
	header > section > section { padding:40px 30px 30px 30px; }
	
	header > section,
	header > section > section,
	nav > section,
	nav > section > section,
	main > section,
	main > section > article,
	main > section > aside,
	footer > section,
	footer > section > section:nth-child(1),
	footer > section > section:nth-child(2),
	footer > section > section:nth-child(3) { display:block; width:100%; }
	
	footer > section > section:nth-child(1) { padding:30px 20px; background-color:#444; border-bottom:1px solid #4b4b4b; }
	footer > section > section:nth-child(2) { padding:30px 20px; background-color:#3c3c3c; border-bottom:1px solid #424242; }
	footer > section > section:nth-child(3) { padding:30px 20px 50px 20px; }
	
	.hiddenmenu-open-toggle { display:block; }
	
	.p20,.p25,.p30,.p33,.p35,.p40,.p45,.p50,.p55,.p60,.p65,.p70,.p75,.p80 { width:100%; }
	
	.hideonsmall { display:none !important; }
	.always3 { float:left; width:33.33333333333333%; margin:-5px 0; }
	.always2 { float:left; width:50%; margin:-5px 0; }
	
	#topheader > section > section { display:block; padding:20px; }
	#topheader { background-color:#ccc; }
	#topheader h1 { color:#333; font-size:8vw; }
	#topheader h1 span { font-size:8vw; }
	
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
	del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,
	label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
	header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { font-size:5vw; line-height:6vw; }
	
	h1 { font-size:7vw; line-height:7.15vw; }
	h2 { font-size:6.6vw; line-height:6.75vw; }
	h3 { font-size:6.3vw; line-height:6.45vw; }
	h4 { font-size:6.1vw; line-height:6.25vw; }
	h5 { font-size:5.9vw; line-height:6.05vw; }
	h6 { font-size:5.7vw; line-height:5.85vw; }
	
	#topheader-title1 { font-size:8vw; line-height:7vw; font-weight:bold; margin-bottom:0; }
	#topheader-title2 { font-size:12vw; line-height:12vw; font-weight:bold; margin-bottom:0; }
	#topheader-title3 { font-size:7.12vw; line-height:7.12vw; font-weight:bold; }
	
	#mainheader > section > section { padding:40px 20px; }
	#mainheader .mdi { font-size:10vw !important; line-height:7vw !important; }
	#mainheader h1 { font-size:10vw; line-height:11vw; margin-bottom:0 }
	#mainheader p { font-size:5vw !important; line-height:7vw !important; }
	#mainheader { background:linear-gradient(0, #293476 0%, #293476 100%); }
	
	main > section > article > section { padding:30px; }
	
	footer > section > section { font-size:5.25vw; line-height:7.2vw; padding:25px 10px !important; }
	
	.hideonextrasmall { display:none; }
	.always3 { float:left; width:50%; }
	.always2 { float:none; width:100%; margin:0 0; }
	
	.responsive-table { overflow-x:auto; } /* use like <div class="responsive-table"><table></table></div> */
	.responsive-image { width:100% !important; margin:0 0 20px 0 !important; }
	
	.flex-direction-nav { display:none; }
	.flex-caption { font-size:3.3vw !important; padding:3px 10px 6px 10px !important; }
	
	.button { font-size:4.7vw; line-height:4.85vw; }
	
	#postContainerTitle h3 { font-size:5.6vw; line-height:5.75vw; margin:0 0 10px 0; }
	#postContainerTitle h3 a { font-size:5.6vw; line-height:5.75vw; }
	#postContainerDescription { margin-bottom:0; font-size:5vw; line-height:5.15vw; }
	#postContainerStats { padding:0 10px; }
	#postContainerDate, #postContainerDate a { font-size:4vw; }
	#postContainerAuthor { font-size:4vw; }
	#postContainerAuthor a { font-size:4vw; }
}
/*** RESPONSIVE BREAKPOINTS ***/
/******************************/