html, body { min-height:100vh; } 
body {
	display: flex;
	flex-direction: column; 
    font-variant-ligatures: common-ligatures;
}
@media screen and (max-width: 1199.98px) {
    #site-header .container,
	#search-overlay .container,
    nav.navbar .container,
    footer .container {
        width: 100%;
        max-width: none;
    }
}
@media only screen and (min-width : 992px) {
	.container, .container-xl { /* Increase max screen width for large containers */
		max-width: 1320px;
	}
	.container.container-narrow {
		max-width: 1070px;
	}
}
@media (min-width: 768px) {
	main#content a[href^="tel:"] {
		text-decoration: none;
		color: inherit;
	}
}
/* General Styles */
/*************************/
/* Typography */
body {
	font-size: 16px;
}
.tagline {
	font-size: 1.25rem;
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
}
@media screen and (max-width: 992px){
	.xl .lead,
	.lead.xl {
		font-size: 1.25rem;
		font-weight:300;
	}
}
@media screen and (min-width: 992px){
	.xl .lead,
	.lead.xl {
		font-size: 1.375rem;
		font-weight:300;
	}
	.xl, .text-xl {
		font-size: 1.125rem;
	}
}
.pointer { cursor: pointer;}
.h-bold h1, .h-bold h2, .h-bold h3, .h-bold h4, .h-bold h5, .h-bold h6,
.h-bold .h1, .h-bold .h2, .h-bold .h3, .h-bold .h4, .h-bold .h5, .h-bold .h6 {
	font-weight: bold;
}
/* print styles */
@media print {
    .print-pagebreak { page-break-before: always; }
    footer {display: none;}

}
/* Type adjustments to help get spacing right on copy */
#content p ~ h2,
#content p ~ h3 {
	margin-top: 2rem;
}
#content.xl p ~ h2,
#content .xl p ~ h2{
	margin-top: 3rem;
}
#content.xl p ~ h3,
#content .xl p ~ h3{
	margin-top: 2rem;
}
#content .card p ~ h2,
#content .card p ~ h3 {
	margin-top: 0;
}
.text-underlined {
	border-bottom: 1px solid #ced4da;
	margin-bottom: 1rem;
	padding-bottom: .25rem;
}
.text-normal { font-weight:normal !important;}
.text-bold, strong {font-weight: bold !important;} 
.text-italic { font-style:italic !important;} 
.brand-serif {font-family: 'Cinzel', serif;}
.breadcrumb-item.active { color: #333; }
.text-access {font-size: 1.167rem; font-weight: bold;}
.sr-only { font-size: 20px; font-weight: bold; color: #ffffff; background: #000; }
.smallcaps {
    font-variant-caps: small-caps;
    text-transform: lowercase;
}
.font-500 {font-weight: 500;}
.font-roboto, .text-roboto {font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif!important;}
.font-georgia, .text-georgia {
	font-family: Georgia, "Times New Roman", Times, serif !important; 
	line-height: 1.2;
}
@font-face {
    font-family: 'ffad_matroregular';
    src: url('ffad_matro-webfont.eot');
    src: url('ffad_matro-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('ffad_matro-webfont.woff2') format('woff2'),*/
         url('ffad_matro-webfont.woff') format('woff'),
         url('ffad_matro-webfont.ttf') format('truetype'),
         url('ffad_matro-webfont.svg#ffad_matroregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.font-matro {
    font-family: 'ffad_matroregular' !important;
    font-weight: normal !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.font-default, .text-default {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.font-arial-black, .text-arial-black {
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif !important; 
}
.line-height-base {line-height:1em!important;}
.background-cover {
	background-size: cover;
}
.background-center {
	background-position: center center;
}
/*
	When you have link like this <a role="button" class="btn">Test</a>
	That is technically right because it's the same as <button class="btn">Test</button> however
	because it's lacking a href there is no pointer on hover. This adds that.
*/
a[role=button]:not([href]){
	cursor: pointer;
	color: #226baa;
}
a[role=button]:not([href]):hover {
	color: #15436a;
}
/*
	Utility to turn a list into a csv line
*/
@media (max-width: 576px) {
	.comma-list {
		padding: 0;
	}
	.comma-list > * {
		display: inline;
	}
	.comma-list > *:after {
		content: ', ';
	}
	.comma-list > *:last-child:after {
		content: ''.
	}
}
@media (max-width: 768px) {
	.comma-sm-list {
		padding: 0;
	}
	.comma-sm-list > * {
		display: inline;
	}
	.comma-sm-list > *:after {
		content: ', ';
	}
	.comma-sm-list > *:last-child:after {
		content: ''.
	}
}
@media (max-width: 992px) {
	.comma-md-list {
		padding: 0;
	}
	.comma-md-list > * {
		display: inline;
	}
	.comma-md-list > *:after {
		content: ', ';
	}
	.comma-md-list > *:last-child:after {
		content: ''.
	}
}
@media (max-width: 1200px) {
	.comma-lg-list {
		padding: 0;
	}
	.comma-lg-list > * {
		display: inline;
	}
	.comma-lg-list > *:after {
		content: ', ';
	}
	.comma-lg-list > *:last-child:after {
		content: ''.
	}
}
/*
	Utility to split a list into multiple columns
	Also included below responsive "display" font sizes
	Also included below responsive text-shrinks 
*/
.listcol-1 {
	columns: 1;
}
.listcol-2 {
	columns: 2;
}
.listcol-3 {
	columns: 3;
}
.text-shrink-1 {
	font-size: .9em !important;
}
.text-shrink-2 {
	font-size: .8em !important;
}
.display-0 {
		font-size: initial
	}
@media (min-width: 576px) { 
	.listcol-sm-1 {
		columns: 1;
	}
	.listcol-sm-2 {
		columns: 2;
	}
	.listcol-sm-3 {
		columns: 3;
	}
	.position-sm-static {
		position: static !important;
	}
	.positiion-sm-relative {
		position: relative !important;
	}
	.positiion-sm-fixed {
		position: fixed !important;
	}
	.positiion-sm-absolute {
		position: absolute !important;
	}
	.positiion-sm-sticky {
		position: sticky !important;
	}
	.display-sm-1 {
		font-size: 6rem;
	}
	.display-sm-2 {
		font-size: 5.5rem;
	}
	.display-sm-3 {
		font-size: 4.5rem;
	}
	.display-sm-4 {
		font-size: 3.5rem;
	}
	.display-sm-0 {
		font-size: initial
	}
}
@media (min-width: 768px) { 
	.listcol-md-1 {
		columns: 1;
	}
	.listcol-md-2 {
		columns: 2;
	}
	.listcol-md-3 {
		columns: 3;
	}
	.position-md-static {
		position: static !important;
	}
	.positiion-md-relative {
		position: relative !important;
	}
	.positiion-md-fixed {
		position: fixed !important;
	}
	.positiion-md-absolute {
		position: absolute !important;
	}
	.positiion-md-sticky {
		position: sticky !important;
	}
	.display-md-1 {
		font-size: 6rem;
	}
	.display-md-2 {
		font-size: 5.5rem;
	}
	.display-md-3 {
		font-size: 4.5rem;
	}
	.display-md-4 {
		font-size: 3.5rem;
	}
	.display-md-0 {
		font-size: initial
	}
}
@media (min-width: 992px) { 
	.listcol-lg-1 {
		columns: 1;
	}
	.listcol-lg-2 {
		columns: 2;
	}
	.listcol-lg-3 {
		columns: 3;
	}
	.position-lg-static {
		position: static !important;
	}
	.positiion-lg-relative {
		position: relative !important;
	}
	.positiion-lg-fixed {
		position: fixed !important;
	}
	.positiion-lg-absolute {
		position: absolute !important;
	}
	.positiion-lg-sticky {
		position: sticky !important;
	}
	.display-lg-1 {
		font-size: 6rem;
	}
	.display-lg-2 {
		font-size: 5.5rem;
	}
	.display-lg-3 {
		font-size: 4.5rem;
	}
	.display-lg-4 {
		font-size: 3.5rem;
	}
	.display-lg-0 {
		font-size: initial
	}
}
@media (min-width: 1200px) { 
	.listcol-xl-1 {
		columns: 1;
	}
	.listcol-xl-2 {
		columns: 2;
	}
	.listcol-xl-3 {
		columns: 3;
	}
	.position-xl-static {
		position: static !important;
	}
	.positiion-xl-relative {
		position: relative !important;
	}
	.positiion-xl-fixed {
		position: fixed !important;
	}
	.positiion-xl-absolute {
		position: absolute !important;
	}
	.positiion-xl-sticky {
		position: sticky !important;
	}
	.display-xl-1 {
		font-size: 6rem;
	}
	.display-xl-2 {
		font-size: 5.5rem;
	}
	.display-xl-3 {
		font-size: 4.5rem;
	}
	.display-xl-4 {
		font-size: 3.5rem;
	}
	.display-xl-0 {
		font-size: initial
	}
}
main#content .link-list {
	padding-left: 1rem;
}
main#content .link-list li {
	line-height: 1.25;
	margin-bottom: .4rem;
	/* font-size: 15px;*/
}
main#content .link-list li a {
	text-decoration: none;
}
main#content .link-list li a:hover {
	text-decoration: underline;
}
/* Add padding to list of links on mobile */
@media (max-width: 576px) {
    main#content .link-list-m li {
    padding: .2rem 0;
    }
}
/* Accessibility Adjustments*/
.table-striped tbody tr:nth-of-type(2n+1) {
    background: #e9ecef;
}
.table-active, .table-active > td, .table-active > th {
	background: #ced4da;
}
.caption-top {
	caption-side: top;
}
.img-circle {
	border-radius: 50%;
}
.mask-circle {
	border-radius: 50%;
	overflow: hidden;
}
/* Accessibility adjustments */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    /* background-color: #0F2439;*/
    border-radius: 50%;
}
/*.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #0F2439;
} */
.custom-select {
	-webkit-appearance: none;
	-moz-appearance: none;
}
legend {
	color: #4494DA;
	font-weight: bold;
	margin-top: 2rem;
}
/* Links */
main#content a { text-decoration: underline; }
main#content a:hover{ text-decoration: none; }
a.noline, .noline a, .pagination a, #sub-menu a, .nav a, main#content a.btn, main#content a.btn:hover { text-decoration:none !important; }
a.noline:hover, .noline a:hover { text-decoration: underline !important; }
.anchor { scroll-margin-top: 1em;}
.link-underline { text-decoration:underline !important; }
.text-white a:hover, a.text-white:hover { color:#ced4da !important; }
.text-white a:not(:hover), a.text-white:not(:hover) { color: #fff; }
a.link-dash {text-decoration: none !important;border-bottom: .1rem dashed #226baa;}
a.link-dash:hover {text-decoration: none !important;border-bottom: .1rem solid #384660;}
a.text-white.link-dash {border-bottom-color: #ffffff;}
a.text-white.link-dash:hover {border-bottom-color: #ced4da;}
/* Colors */
.bg-hover:hover { background-color: #f8f9fa;}
/* Added bg-hover class so that way the background could change on hover if desired */
.bg-brand { background-color: #0F2439; } 
.text-brand { color: #0F2439 !important;} 
/*.bg-primary { background-color: #384660 !important; }*/
.bg-hover.bg-primary:hover,
.bg-brand.bg-primary:hover {color: #000 !important;}
.text-hover.text-brand:hover { color: #000; }

.bg-blue-darker { background-color: #252F40 !important;}
.bg-blue-dark { background-color: #2F3A50 !important;}
.text-blue-dark { color: #2F3A50 !important;}
.bg-blue { background-color: #384660 !important;}
.text-blue { color: #384660 !important;}
.bg-hover.bg-blue-darker:hover,
.bg-hover.bg-blue-dark:hover,
.bg-hover.bg-blue:hover { background-color: #0F2439 !important;}
.text-hover.text-blue-darker:hover,
.text-hover.text-blue-dark:hover,
.text-hover.text-blue:hover { color: #0F2439 !important;}


.bg-blue-light {background-color: #e1eaf9 !important;}
.text-blue-light { color: #e1eaf9 !important;}
.bg-hover.bg-blue-light:hover { background-color: #dee2e6 !important; }
.text-hover.text-blue-light:hover { color: #dee2e6 !important; }


.bg-bright-dark {background-color: #2e4676 !important;}
.text-bright-dark { color: #2e4676 !important;}
.bg-bright {background-color: #226baa !important;}
.text-bright { color: #226baa !important;}
.bg-hover.bg-bright-dark:hover,
.bg-hover.bg-bright:hover,
.bg-hover.bg-info:hover { background-color: #1c578a !important; }
.text-hover.text-bright-dark:hover,
.text-hover.text-bright:hover,
.text-hover.text-info:hover { color: #1c578a !important; }


.bg-bright-light { background-color: #4494DA !important;} /* old color: #4B99DC */
.text-bright-light { color: #4494DA !important; }
.bg-hover.bg-bright-light:hover { background-color: #226baa !important;}
.text-hover.text-bright-light:hover, .text-hover:hover .text-bright-light { color: #226baa !important;}

.bg-gray-lighter { background-color: #e9ecef !important;}
.text-gray-lighter { color: #e9ecef !important;}
.bg-gray-light { background-color: #dee2e6 !important;}
.text-gray-light { color: #dee2e6 !important;}
.bg-gray { background-color: #ced4da !important;}
.text-gray, .text-gray:hover { color: #ced4da !important;}
.bg-hover.bg-gray-lighter:hover,
.bg-hover.bg-gray-light:hover,
.bg-hover.bg-gray:hover {	background-color: #C8CFD6 !important;}
.text-hover.text-gray-lighter:hover,
.text-hover.text-gray-light:hover,
.text-hover.text-gray:hover {	color: #C8CFD6 !important;}


.bg-gray-dark {background-color: #838898 !important; }
.text-gray-dark {color: #838898 !important; }
.bg-gray-darker {background-color: #495057 !important; }
.text-gray-darker {color: #495057; }
.bg-hover.bg-gray-dark:hover,
.bg-hover.bg-gray-darker:hover {	background-color: #000 !important;	}
.text-hover.text-gray-dark:hover,
.text-hover.text-gray-darker:hover {	color: #000 !important;	}


.bg-black-light {background-color: #343a40 !important; }
.text-black-light { color: #343a40 !important; }
.bg-black { background-color: #1e252b !important; }
.text-black, .text-black:hover {color: #1e252b !important; }
.bg-hover.bg-black-light:hover,
.bg-hover.bg-black:hover {	background-color: #000 !important;}
.text-hover.text-black-light:hover,
.text-hover.text-black:hover {	color: #000 !important;}

.bg-green-light  { background-color: #7d9c3a !important; }
.text-green-light{ color: #7d9c3a !important; }
.bg-hover.bg-green-light:hover { backround-color: #577F35 !important; }
.text-hover.text-green-light:hover { color: #577F35 !important; }

.bg-brick  { background-color: #c44e28 !important; }	
.text-brick { color: #c44e28 !important; }	
.bg-hover.bg-brick:hover,
.bg-hover.bg-danger:hover { background-color: #831E0A; }
.text-hover.text-brick:hover,
.text-hover.text-danger:hover { color: #831E0A; }

.bg-grape  { background-color: #543035 !important; }
.text-grape { color: #543035 !important; }
.bg-hover.bg-grape:hover { background-color: #341015;}
.text-hover.text-grape:hover { color: #341015;}

.bg-hover.bg-success:hover { background-color: #46652C;}
.bg-hover.bg-warning:hover { background-color: #884B02;}
.text-hover.text-success:hover { color: #46652C;}
.text-hover.text-warning:hover { color: #884B02;}

/* Backgrounds */
.bg-none {
	background-color:transparent;
	background-image:none;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	color:#384660;
}
.subhead-bright-light h2{
	color: #4494DA;
}
.subhead-brick h2 {
	color: #c44e28;
}
#content { position: relative; }
#content h1, #content .h1,
#content .xl h2, #content .xl .h2,
#content.xl h2, #content.xl .h2,
#content h2.xl, #content .h2.xl {
	line-height: 1.1;
}
#content h2, #content .h2,
#content h3, #content .h3,
#content h4, #content .h4,
#content h5, #content .h6  {
	line-height: 1.2;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin-top: 1rem;
	margin-bottom: .5rem;
}
#content .xl h1, 
#content .xl h2, 
#content .xl h3, 
#content .xl h4, 
#content .xl h5, 
#content .xl h6 {
	margin-top: 1.25rem;
	margin-bottom: .75rem;
}
/*
	Globally remove margins in these instances
*/
#content .card h1,
#content .card h2,
#content .card h3,
#content .card h4,
#content .card h5,
#content .card h6,
#content .alert h1,
#content .alert h2,
#content .alert h3,
#content .alert h4,
#content .alert h5,
#content .alert h6,
#content .modal-header h1,
#content .modal-header h2,
#content .modal-header h3,
#content .modal-header h4,
#content .modal-header h5,
#content .modal-header h6,
#content .media-body h1,
#content .media-body h2,
#content .media-body h3,
#content .media-body h4,
#content .media-body h5,
#content .media-body h6,
#content .carousel h1,
#content .carousel h2,
#content .carousel h3,
#content .carousel h4,
#content .carousel h5,
#content .carousel h6,
#content .jumbotron h1,
#content .jumbotron h2,
#content .jumbotron h3,
#content .jumbotron h4,
#content .jumbotron h5,
#content .jumbotron h6,
#content .walkthrough h1,
#content .walkthrough h2,
#content .walkthrough h3,
#content .walkthrough h4,
#content .walkthrough h5,
#content .walkthrough h6,
#content .step-guide h1,
#content .step-guide h2,
#content .step-guide h3,
#content .step-guide h4,
#content .step-guide h5,
#content .step-guide h6,
#content .eventdetails h1,
#content .eventdetails h2,
#content .eventdetails h3,
#content .eventdetails h4,
#content .eventdetails h5,
#content .eventdetails h6,
#content table h1,
#content table h2,
#content table h3,
#content table h4,
#content table h5,
#content table h6,
#content .col-bg h1,
#content .col-bg h2,
#content .col-bg h3,
#content .col-bg h4,
#content .col-bg h5,
#content .col-bg h6,
#content #fat-footer h1,
#content #fat-footer h2,
#content #fat-footer h3,
#content #fat-footer h4,
#content #fat-footer h5,
#content #fat-footer h6
{
	margin-top: 0;
	margin-bottom: 0;
}
/* Heading sizes */

/* Bootstrap default css set for Roboto Condensed Minor Third (rounded) base 16px */
/*h1 {	font-size: 2.5rem; } 40px*/
/*h2 { font-size: 2rem; } 32px*/
/*h3 { font-size: 1.75rem; } 28px*/
/*h4 { font-size: 1.5rem; } 24px*/
/*h5 { font-size: 1.125rem; } 18px*/
/*h6 {font-size: 1rem;} 16px*/

/* Major Second based on 16 */
@media screen and (max-width: 992px){
	h1, .h1, h1.xl, .h1.xl, .xl h1, .xl .h1 { font-size: 1.8125rem; } /*28.83px*/
	h2, .h2, h2.xl, .h2.xl, .xl h2, .xl .h2 { font-size: 1.625rem; } /*25.63px*/
	h3, .h3, h3.xl, .h3.xl, .xl h3, .xl .h3 { font-size: 1.4375rem; } /*22.78px*/
	h4, .h4, h4.xl, .h4.xl, .xl h4, .xl .h4 { font-size: 1.25rem; } /*20.25px*/
	h5, .h5, h5.xl, .h5.xl, .xl h5, .xl .h5 { font-size: 1.125rem; } /*18px*/
	h6, .h6, h6.xl, .h6.xl, .xl h6, .xl .h6 {font-size: 1rem;} /*16px*/
}
/* Minor 3rd based on 18 */
@media screen and (min-width: 992px){
	h1.xl, .h1.xl, .xl h1, .xl .h1 { font-size: 2.8125rem; } /*45px*/
	h2.xl, .h2.xl, .xl h2, .xl .h2 { font-size: 2.3125rem; } /*37px*/
	h3.xl, .h3.xl, .xl h3, .xl .h3 { font-size: 1.9375rem; } /*31px*/
	h4.xl, .h4.xl, .xl h4, .xl .h4 { font-size: 1.625rem; } /*26px*/
	h5.xl, .h5.xl, .xl h5, .xl .h5 { font-size: 1.375rem; } /*22px*/
	h6.xl, .h6.xl, .xl h6, .xl .h6 {font-size: 1.125rem;} /*18px*/
}

/* Buttons */
.btn {
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
}
a.btn {
	text-decoration:none;
}

.btn-primary {
	background: #384660;
	color: #ffffff;
	border-color: #384660;
}
.btn-primary:hover {
	background: #0F2439;
	border-color: #0F2439;
}
.btn-outline-primary {
	background-color: transparent;
	color: #384660;
	border-color: #384660;
	font-size: 1.167rem;
	font-weight: bold;
}
.btn-outline-primary:hover {
	background: #384660;
	border-color: #384660;
	color: #ffffff;
}
.btn-green {
	background: #7D9C3A;
	color: #ffffff;
	border-color: #7D9C3A;
	font-size: 1.167rem;
	font-weight: bold;
}
.btn-green:hover {
	background: #577F35;
	border-color: #577F35;
	color: #ffffff;
}
.btn-outline-green {
	background: #fff;
	color: #7D9C3A;
	border-color: #7D9C3A;
	font-size: 1.167rem;
	font-weight: bold;
}
.btn-outline-green:hover {
	background: #577F35;
	border-color: #577F35;
	color: #ffffff;
}

.btn-bright-light {
	background: #4494DA;
	color: #ffffff;
	border-color: #4494DA;
	font-size: 1.167rem;
	font-weight: bold;
}
.btn-bright-light:hover, .btn-bright-light:focus {
	background: #226BAA;
	border-color: #226BAA;
	color: #ffffff;
}
.btn-blue-dark {
	background: #2F3A50;
	color: #ffffff;
	border-color: #2F3A50;
	font-size: 1.167rem;
	font-weight: bold;
}
.btn-blue-dark:hover, .btn-blue-dark:focus {
	background: #4494DA;
	border-color: #4494DA;
	color: #ffffff;
}
.btn-outline-bright-light {
	background: #fff;
	color: #4494DA;
	border-color: #4494DA;
	font-size: 1.167rem;
	font-weight: bold;
}
.btn-outline-bright-light:hover, .btn-outline-bright-light:focus {
	background: #226baa;
	color: #fff;
	border-color: #226baa;
}
.btn-flag {
	border-left-width:5px;
}
.btn-white {
	background-color: #fff;
	color:#0F2439;
	border-color: #ced4da;
}
.btn-white:hover {
	background-color: #dee2e6;
	border-color: #ced4da;
}
.btn-outline-white {
	background-color: transparent;
	color:#ffffff;
	border-color: #ffffff;
}
.btn-outline-white:hover {
	background-color: #ffffff;
	border-color: #ffffff;
}
.btn-outline-white:focus {
	background-color: #ffffff;
	border-color: #ced4da;
	color:#212529;
}

.btn-blue {
	background: #226baa;
	border-color: #226baa;
	color: #ffffff;
}
.btn-blue:hover, .btn-blue:focus {
	background: #384660;
	border-color: #384660;
	color: #ffffff;
}

.btn-astext {
	color: #226baa;
	text-decoration:underline;
    background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: pointer;
	outline:none;
}
.btn-astext:hover {
    text-decoration: none;
	border:none;
	outline:none;
}

.btn-astext:focus {
	border:none;
}

/* ANIMATIONS */
@keyframes autofill {
    100% {
        background: transparent;
        color: #ffffff;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: #ffffff;
    }
}


/* Forms */

/* Custom radio */
/* This is the default state */
.custom-radio.custom-radio-light .custom-control-label::before {
    background-color: #ffffff;  /* white */
}

/* This is the checked state */
.custom-radio.custom-radio-light .custom-control-input:checked~.custom-control-label::before,
.custom-radio.custom-radio-light .custom-control-input:checked~.custom-control-label::after {
    background-color: #4494DA;  /* bright-blue */
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%234494DA'/%3E%3C/svg%3E); 
    border-radius: 50%;
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio.custom-radio-light .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #4494DA; /* bright-blue */
}
    
/* the shadow; displayed while the element is in focus */
.custom-radio.custom-radio-light .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #4494DA, 0 0 0 0.2rem rgba(68, 148, 218, 0.25); /* bright-light, 25% opacity */
}


/* Site Header Styles */
/*************************/

header .header-brand-collapsed {
	background-color: #0F2439;
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
}
header .header-brand-collapsed img.img-fluid {
	width: 100%;
	max-width: 180px;
}
header .header-brand {
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	color:#ffffff;
	font-size:1.2rem;
	line-height:1.5rem;
	text-align: center;
}
@media (min-width: 576px) {
	header .header-brand {
		font-size: 1.3rem;
		line-height:1.6rem;
	}
	header .header-brand-collapsed img.img-fluid {
		max-width: 200px;
	}
}

@media (min-width: 768px) {
	header .header-brand {
		font-size: 1.5rem;
		line-height:1.8rem;
	}	
	header .header-brand-collapsed img.img-fluid {
		max-width: 220px;
	}
}
#site-header .header-brand-wrapper-inline img.img-fluid {
	width: 100%;
	max-width: 350px;
}
#site-header {background-color: #0F2439;}
#site-header-nav {
	background-color:#0F2439;
	padding:0;
	margin:0;
}
#site-header-nav > .collapse,
#site-header-nav > .collapsing {
	background-color:#252f40;
	color: #ffffff;
}
#site-header .navbar-collapse {
	display: flex;
	justify-content: flex-end;
}
#site-header .nav-link {
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	font-weight: 400;
	color: #ffffff;
	margin:0;
}
#site-header .navbar .nav-link:hover,
#site-header .navbar .nav-link:focus {
	background-color:#4494DA;
  	text-decoration:none;
}
#site-header .nav-link[aria-expanded="true"] { 
	background-color:#252f40;
}
#site-header .navbar-nav > .active > a, 
#site-header .navbar-nav > .active > a:focus {
	background-color: #252f40;
}
#site-header .navbar-nav > .active > a:hover {
	background-color:#4494DA;
}
#site-header-nav > .collapse a,
#site-header-nav > .collapsing a {
	color:#ced4da;
}
#site-header-nav > .collapse a:hover,
#site-header-nav > .collapse a:focus,
#site-header-nav > .collapsing a:hover,
#site-header-nav > .collapsing a:focus {
	color: #ffffff;
	text-decoration:underline;
}
#site-header ::placeholder,  /* Chrome, Firefox, Opera, Safari 10.1+ */
#site-header :-ms-input-placeholder, /* Internet Explorer 10-11 */
#site-header ::-ms-input-placeholder { /* Microsoft Edge */
  color: #ced4da;
  opacity: .5; /* Firefox */
}
#site-header input:-webkit-autofill,
#site-header input:-webkit-autofill:hover,
#site-header input:-webkit-autofill:focus,
#site-header input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
    color: #ffffff;
}

#site-header #site-header-nav input {
	background-color:transparent;
	border:none;
	color:#ffffff;
	border-radius:0;
    border-bottom: 2px solid #384660;
}
#site-header #site-header-nav input:focus { 
	outline: none; 
	box-shadow: none;
}
#site-header #site-header-nav .input-group .btn {
    color:#ced4da;
	border:none;
	border-radius:0;
	border-bottom: 2px solid #384660;
}
#site-header #site-header-nav .input-group .btn:hover {
    color:#ffffff;
 }

 
@media screen and (min-width: 992px) {
	#site-header .navbar .container { position:relative; }
	#site-header .navbar .collapse {
		position:absolute;
		left:0; right:0; top:0; 
		z-index:1;
	}

	#site-header .header-brand-wrapper {
		min-height: 120px;
		display: flex;
		flex-direction: column; 
		flex-grow: 1;
		align-items: flex-start;
		justify-content: center;
	}
	#site-header .header-brand-wrapper-inline.has-unit img{
		max-width: 220px;
	}
	#site-header .header-brand-wrapper-inline {
		min-height: 120px;
		display: flex;
		flex-direction: row; 
	}
	#site-header .header-brand-wrapper-inline img.img-fluid {
		margin-bottom:1px;
	}

	#site-header .header-brand {
		font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
		font-size:1.4rem;
		line-height:1.7rem;
		color:#a8b4c1;
		text-align:left;
	}
	#site-header .header-brand:hover {
		color:#ffffff;
	}
	#site-header .header-sub-brand {
		font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
		font-size:1.1rem;
		line-height:1.4rem;
		color:#ffffff;
	}
	#site-header .brand-inline {
		display: flex;
		align-self: center;
		flex-direction: column;
		justify-content: center;
		color:#a8b4c1; 
		border-left: 2px solid #a8b4c1;
	}
	#site-header .brand-inline:hover {
		color:#ffffff;
	}
}
@media screen and (min-width: 1200px) {
	#site-header .header-brand-wrapper-inline img.img-fluid {
		margin-top:4px;
	}
	#site-header .header-brand-wrapper-inline.has-unit img.img-fluid {
		max-width: 260px;
	}
	#site-header .header-brand {
		font-size:1.6rem;
		line-height:2rem;
	}
	#site-header .header-sub-brand {
		font-size:1.15rem;
		line-height:1.4rem;
		
	}
}

/* Full screen search */
#search-overlay .close-btn {
    display: flex;
	position: relative;
}
#search-overlay .close-btn .btn {
	display: flex;
	color: #ffffff;
	padding:0;
}    
#search-overlay .close-btn .btn:hover,
#search-overlay .close-btn .btn:focus {
	color: #0F2439;
}
#search-overlay { 
    position: fixed; 
    display: none; 
    content: ''; 
    top:0; 
    left:0;  
    background: #4494DA; 
    width:100%; 
    height:100%; 
    z-index: 9999;}

#search-overlay h2 {
	font-size: 1.5rem; 
	color: #0F2439;
}
#search-overlay .input-group input { 
	height:40px; 
	background: transparent; 
	font-size: 1.4rem; 
	color: #fff;
	border: none; 
	border-bottom: solid 1px #ced4da;
	border-radius: 0px; 
} 
#search-overlay .input-group input:focus { 
	background: transparent; 
	outline: none; 
	box-shadow: none; 
	border-color:#ced4da; 
	color: #fff;
}
#search-overlay .input-group .btn {
	color:#ffffff;
	border:none;
	border-bottom: 1px solid #ced4da;
	border-radius: 0px;}
#search-overlay .input-group .btn:hover { color:#0F2439; }
#search-overlay .input-group .btn:focus { color:#0F2439; }
#search-overlay ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff; 
  font-weight: normal;
  background: transparent;
  opacity: 1; /* Firefox */
}
#search-overlay :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  font-weight: normal;
  background: transparent;
}
#search-overlay ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff; 
  font-weight: normal;
  background: transparent;
}
#search-overlay input:-webkit-autofill,
#search-overlay input:-webkit-autofill:hover,
#search-overlay input:-webkit-autofill:focus,
#search-overlay input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
    color: #ffffff;
}
#search-overlay i { font-size: 1.4rem;}
@media screen and (min-width: 992px){       
	#search-overlay h2 {
		font-size: 1.8rem;
	}
	#search-overlay .input-group input { 
		height:60px;
		font-size: 1.8rem;
	} 
	#search-overlay i { 
		font-size: 1.8rem;
	}
}

/* Main Navigation Styles */
/*************************/

/*nav#master-nav ul.list-unstyled {
	list-style-image: url(data:0);
} /* Hack for Edge browser */

/* Main Navigation Bar */
#master-nav {
	background-color: #0F2439;
	padding-top:0;
	padding-bottom:0;
	/*box-shadow: 0 0.5rem 0.5rem -0.25rem rgba(17,17,17,.5);  */
}
#master-nav > div.container {
	padding-left:0;
}
/* Background of dropdowns */
#master-nav .navbar-nav {
	background-color: #ffffff;
	padding: 30px 0;
}
#master-nav .nav-link {
	display: flex;
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	font-size:1.2rem;
	padding:.5rem 0;
	margin:0 25px;
	border-bottom: 2px solid #dee2e6;
	color: #212529;
}
#master-nav .navbar-global {
	background-color: #252f40;
}
#master-nav .navbar-global .nav-link {
	color:#ced4da;
	border-bottom: 1px solid #384660;}
#master-nav .navbar-global .nav-link:hover {
	color:#ffffff;
}
#master-nav .dropdown-toggle::after {
	display: none;
}
#master-nav .nav-link svg {
	align-self: center;
}
#master-nav .nav-link .fa-angle-right {
	font-size:1.6rem;
}
#master-nav .nav-link .fa-angle-right {
	margin-left: auto;
}
#master-nav .navbar-toggler {
	margin-bottom:.55rem;
	margin-top:.55rem;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
#master-nav .navbar-toggler:hover, #master-nav .navbar-toggler:focus {
	background-color:#4494DA;
  	text-decoration:none;
}
/* Dropdown */
#master-nav .dropdown-menu {
	font-size: 1.1rem;
	background-color:#ffffff;
	border:none;
	border-radius:0;
	padding-top:15px;
	padding-bottom:15px;
}
#master-nav .dropdown-menu ul {
	padding-left:0;
}
#master-nav .dropdown-menu li {
	list-style: none;
	margin-bottom: .25rem;
}
#master-nav .dropdown-menu li a {
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	color:#212529;
	white-space: normal;
}
#master-nav .dropdown-menu a:hover, #master-nav .dropdown-menu a:focus {
	color:#226baa;
	background-color:transparent;
	text-decoration:underline!important;
}
#master-nav .dropdown-divider {
	border-bottom: 1px solid #dee2e6!important;
}
/* Mega-menu styles */
#master-nav .mega-menu {position:static;}
#master-nav .mega-menu .dropdown-menu {
	border-radius:0;
	padding-top:30px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
}
#master-nav .mega-menu .dropdown-menu li a {
	padding-left:0;
    padding-bottom:.25rem;
    padding-top:.25rem;
	width: 100%;
	display: block;
}
#master-nav .mega-menu .col-title, #master-nav .dropdown-menu .col-title, #master-nav  .dropdown-menu.multi-column .col-title {
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	font-size: 1.4rem;
	font-weight:400;
	color: #838898;
	margin-bottom: 10px;
}
#master-nav .dropdown-flex-col.border {
	border:0!important;
	border-bottom: 1px solid #dee2e6!important;
	margin-bottom:15px;
	padding-bottom: 15px;
}
/* Multi column dropdown */
#master-nav .dropdown-menu.multi-column {
	border-radius:0;
	padding-bottom: 30px;
	padding-top: 30px;
	min-width: 100%;
	padding-left:10px;
	padding-right:10px;
}
#master-nav .dropdown-menu.multi-column li a {
	padding-left:0;
}
#master-nav .nav-brand-wrapper {
	display: flex;
	flex-grow: 1;
	justify-content:space-between;
	padding-left: 3.5rem;
	padding-right: 3.5rem;
}
#master-nav .nav-brand-wrapper .search-btn {
	color:#ced4da;
	border:none;
	background:none;
}
#master-nav .nav-brand-wrapper .search-btn:hover {
	color:#ffffff;
}
#master-nav .nav-brand {
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	display: flex;
	flex-grow: 1;
	align-self: center;
	justify-content: center;
	text-align: center;
	font-size: 1.2rem;
	color:#ffffff;
	line-height: 1.5rem;
}
@media (min-width: 576px) {
	#master-nav .nav-brand {
		font-size: 1.3rem;
	}	
}

@media (min-width: 768px) {
	#master-nav .nav-brand {
		font-size: 1.5rem;
	}	
}
/*@media (min-width: 992px){
	#master-nav .mega-menu .dropdown-menu li a {
		display: inline;
	}
}*/
/* nav button */
#master-nav a.nav-link.nav-btn {
	border:none;
	color:#ffffff;
	font-weight:bold;
	font-size:1.167rem;
	padding: .75rem 2rem .6rem;
	margin: 0;
}
#master-nav a.nav-link.nav-btn:not(:first-child) {
	margin-top: .5rem;
}
#master-nav a.nav-link.nav-btn {
	border-bottom: 3px solid transparent;
}
#master-nav a.nav-link.nav-btn:hover {
	color:#ffffff;
	border-bottom: 3px solid #ffffff;
}
@media (min-width: 992px){
	#master-nav a.nav-link.nav-btn.nav-btn {
		margin-left: 1rem;
	}
	#master-nav a.nav-link.nav-btn:not(:first-child) {
		margin-top: 0px;
	}
}
/* Offcanvas */
#master-nav .offcanvas-header {
    display: flex;
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	font-size:1.3rem;
	color: #ffffff;
}

/* to remove !!!!*/
#master-nav .offcanvas-header a {
    display: flex;
    font-size: 1.3rem;
    color: #ced4da;
    text-decoration: none;
}
/* to remove !!!!*/
#master-nav .offcanvas-header a:hover {
    color: #ffffff;
}
/* to remove !!!!*/
#master-nav .offcanvas-header .offcanvas-back {
	justify-content: space-between;
	flex-grow: 1;
}
/* to remove !!!!*/
#master-nav .offcanvas-close .fa-times {
	/*font-size: 1.5rem;
	position: relative;
	bottom: .1rem;*/
}
/* to remove after upadte? !!!!*/
#master-nav .offcanvas-header button {
	flex-grow: 0!important;
}
#master-nav .btn.offcanvas-close, #master-nav .btn.offcanvas-back, #master-nav .offcanvas-header .btn.search-btn {
	color: #ffffff;
	background-color: #252f40;
	font-size:1.3rem;
}
#master-nav .btn.offcanvas-close:hover, #master-nav .btn.offcanvas-back:hover, #master-nav .offcanvas-header .btn.search-btn:hover {
	background-color: #4494DA;
}
#master-nav .btn.offcanvas-close:focus, #master-nav .btn.offcanvas-back:focus, #master-nav .offcanvas-header .btn.search-btn:focus {
	background-color: #4494DA;
	text-decoration: none;
}
#master-nav.navbar-scroll {
	box-shadow:none;
}
#master-nav ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ced4da;
	opacity: 1; /* Firefox */
}
#master-nav :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #ced4da;
}
#master-nav ::-ms-input-placeholder { /* Microsoft Edge */
	color: #ced4da;
}
/* Backdrop for offcanvas*/
#offcanvas-backdrop {
	transition: opacity .5s;
	opacity: 0;
	position: fixed;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	z-index: 998;
  	background: rgba(0,0,0,.4);
	cursor: default;
	pointer-events: none;
}
#offcanvas-backdrop.backdrop{
  opacity: 1;
  pointer-events: all;
}
#master-nav .custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(248,248,250, 0.8)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}  
.navbar-scroll {
	background-color: rgba(15,36,57,0.4);
	transition: background-color 0.5s;
}
.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(52,58,64, 0.8)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler.navbar-toggler {
	border: 0;
}
@media (max-width: 991.99px) {
	#master-nav .nav-link .fa-angle-down {
		transform: rotate(-90deg);
	}
}	
@media (min-width: 992px) {
	#master-nav {
		background-color: #252f40;
	}
	#master-nav {
		box-shadow: none;  /*0 0.5rem 0.5rem -0.25rem rgba(17,17,17,.25)*/
	}
	#master-nav .navbar-nav {
		display:flex;
		flex-grow:1;
		background-color: transparent;
		padding: 0;
	}
	#master-nav li.nav-item {
		display: flex;
	}
	#master-nav a.nav-link { 
		background-color: transparent;
		border:none;
		align-self: stretch;
		border-bottom: 3px solid transparent;
		font-size: 1rem;
		font-weight:400;
		color: #ffffff;
		margin:0; 
		padding:0.75rem 0.75rem 0.6rem; 
		white-space: nowrap;
	}
	/*#master-nav a.nav-link.activ {
		background-color: #838898;
		color: #ffffff;
	}*/
	#master-nav .nav-link:hover, #master-nav .nav-link:focus {
		border-bottom: 3px solid #e1eaf9; 
		/*border-top: 3px solid #252f40; nav-blue*/
		/*background-color: #252f40; nav-blue*/
		color: #ffffff; 
	}
	#master-nav a.nav-link.dropdown-toggle[aria-expanded="true"] {
		border-bottom: 3px solid transparent; 
		background-color:#ffffff; 
		color:#495057; 
	}
	/* nav-link dropdown icon */
	#master-nav .nav-link .fa-angle-down {
		font-size:1rem;
	}
	#master-nav .dropdown-toggle[aria-expanded="true"] .fa-angle-down {
		transform: rotate(180deg);
	}
	/*#master-nav .nav-link .fa-angle-right, #master-nav .nav-link .fa-angle-left {
		font-size:1rem;
	}
	#master-nav .nav-link .fa-angle-right {
		margin-left: 8px;
	}*/
	/* Dropdown menu */
	#master-nav .dropdown-menu {
		min-width: 300px;
		background-color: #ffffff;
		border: 1px solid #ffffff;
		color:#343a40;
		font-size: 1rem;
		margin-top:6px;
		border-radius:0;
		right:0;
		box-shadow: 0 -6px 0 #fff, 0 1px 6px rgba(0,0,0, .2);
		background-clip: border-box;
	}
	#master-nav .dropdown-menu ul{ line-height:1.5rem; }
	#master-nav .dropdown-menu li a {
		font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
		font-size: 1rem;
		font-weight: 400; 
		color:#226baa;
        padding-top:0.1rem;
        padding-bottom:0.1rem;
	}
	#master-nav .dropdown-menu a {
		color:#2472b5;
	}
	#master-nav .dropdown-divider {
		border:0!important;
		border-top:1px solid #ced4da!important; 
	}
	
	/* Mega-menu styles */
	
	/* Fix display property of containers in megamenu and multi-column dropdown after upgrade to BS 4.5.3 */
	#master-nav .container .row { flex-grow: 1;}
	
    #master-nav .mega-menu .dropdown-menu li a {
    padding-bottom:0.1rem;
    padding-top:0.1rem;
    }
    /* Old code*/
	/*#master-nav .dropdown-menu .mega-menu {
		box-shadow: 0 0.5rem 0.25rem -0.25rem rgba(17,17,17,.2);
		padding-bottom: 30px;
		padding-top: 30px;
	}*/
	#master-nav .mega-menu .col-title, #master-nav .dropdown-menu .col-title, #master-nav  .dropdown-menu.multi-column .col-title {
		font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
		font-size: 1.2rem;
		font-weight:400;
		color: #495057; 
	}
	#master-nav .h1, #master-nav .h2, #master-nav .h3, #master-nav .h4, #master-nav .h5, #master-nav .h6 {
		color:#495057;
	}
	#master-nav  .dropdown-flex-col {
		display:flex;
		align-items: stretch;
		flex-direction: column;
	}
	#master-nav  .dropdown-flex-col.border {
		border:0!important;
		border-right: 1px solid #ced4da!important;
		margin-bottom:0;
	}
	
	#master-nav  .dropdown-menu.multi-column {
		padding-bottom: 15px;
		padding-top: 15px;
	}
	#master-nav  .dropdown-menu.multi-column-2 {
		min-width: 600px;
	}
	#master-nav  .dropdown-menu.multi-column-3 {
		min-width: 710px;
	}
	/* Nav bar scroll */
	#master-nav.navbar-scroll {
		background-color: #0F2439;
	}
	#master-nav.navbar-scroll a.nav-link.dropdown-toggle[aria-expanded="true"] {
		background-color: #ffffff;
		border-bottom: 3px solid #ffffff;
	}
	#master-nav.navbar-scroll .dropdown-menu {
		background-color: #ffffff;
		border: 1px solid #ffffff;
	}
	#master-nav .offcanvas-header, #master-nav .navbar-global, #master-nav .nav-brand-wrapper, #master-nav.nav-dropdown {
		display: none; 
	}
}
@media (min-width: 1200px) {
	#master-nav a.nav-link {
		font-size: 1.125rem;
	}
}
@media (max-width: 991.98px) {
	.offcanvas-collapse {
		position: fixed;
		top: 0px;
		bottom: 0;
		left: 100%;
		width: 50%;
		overflow-y: auto;
		visibility: hidden;
			background-color: #252f40;
		transition-timing-function: ease-in-out;
		transition-duration: .3s;
		transition-property: left, visibility;
		z-index:999;
		box-shadow: -0.5rem 0 0.5rem 0.25rem rgba(17,17,17,.2);
	}
	.offcanvas-collapse.open {
		left: 50%;
		visibility: visible;
	}
	.offcanvas-collapse-sub {
		position: fixed;
		top: 0; 
		bottom: 0;
		left: 100%;
		width: 50%;
		overflow-y: auto;
		visibility: hidden;
		background-color: #252f40;
		transition-timing-function: ease-in-out;
		transition-duration: .3s;
		transition-property: left, visibility;
		z-index:1000;
	}
	.offcanvas-collapse-sub.open {
		left: 50%;
	  	visibility: visible;
	}
	.offcanvas-collapse-sub .offcanvas-header {
		justify-content: space-between;
	}
}
@media (max-width: 575.98px) {
	.offcanvas-collapse {
	  	width: 100%;
	}
	.offcanvas-collapse.open {
	  	left: 0;
	  	visibility: visible;
	}
	.offcanvas-collapse-sub {
	  	width: 100%;
	}
	.offcanvas-collapse-sub.open {
		left: 0;
		visibility: visible;
	}
}
  
/* Column Navigation Styles */
#sub-menu {
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	border:1px solid #dee2e6;
	border-top: 10px solid #252f40;
}
#sub-menu.floating {
	position: static;
    top: 50px;
    z-index: 999;
    background: #fff;
    right: 0;
    left: 0;
    margin-top: 0!important;
	border-top: none;
	padding: .25rem 0 0 0;
}
#sub-menu.floating .sub-menu-brand {
	font-size: 1.2rem;
}
#sub-menu.floating .container {
	padding: 0 .75rem;
}
/*#master-nav.navbar-scroll + .floating {
	position: sticky;
}*/
#sub-menu.floating .sub-menu-brand-wrapper .navbar-toggler {
	order: 2;
	padding-right: 0;
}
.floating .navbar-toggler {
	padding-left: 0;
	margin-left: 0;
}
#sub-menu .navbar-toggler>.close {
    display:inline;
}
@media (min-width: 992px) {
	#sub-menu.floating {
		z-index: 999;
		background: #fff;
		right: 0;
		left: 0;
		margin-top: 0!important;
		border-top: none;
		padding-top: .25rem;
		padding-bottom: .25rem;
	}
	#sub-menu.floating .container {
		padding-left: .6rem;
	}
	#sub-menu.floating .sub-menu-brand-wrapper .navbar-toggler {
		order: 1;
		padding-right: 1rem;
	}
	#sub-menu.floating .sub-menu-brand-wrapper .sub-menu-brand {
		order: 2;
	}
}
#sub-menu:not(.floating) .navbar-toggler.collapsed > .close,
#sub-menu:not(.floating) .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
    display:none;
}

#sub-menu .sub-menu-brand-wrapper {
    display: flex;
    flex-grow: 1;
    justify-content:space-between;
}
#sub-menu .sub-menu-brand {
    display: flex;
    flex-grow: 1;
    align-self: center;
    justify-content: center;
    text-align: center;
	font-size: 1.2rem;
	color:#226baa;
	line-height: 1.5rem;
}
#sub-menu .sub-menu-brand:hover {
	color:#4494DA;
}
#sub-menu ul li {
	border-top: 1px solid #ced4da;
}
#sub-menu ul li:last-child {
	border-bottom: 1px solid #ced4da;
}
#sub-menu ul li ul li:last-child {
	border-bottom: 0;
}
#sub-menu .nav-link {
	color: #212529; 
	padding-right:5px;
	padding-left:20px;
}
#sub-menu .navbar-collapse > ul > li > a.nav-link {
	padding-left:5px;
}
#sub-menu .navbar-collapse a.nav-link  a.nav-link {
	padding-left:20px;
}
#sub-menu a.nav-link:hover {
	/*color:#226baa;
	background-color:#e9ecef;*/
    background-color:#dee2e6;
}
#sub-menu li.nav-item.active {
	background-color:#e9ecef;
}
#sub-menu li.nav-item.active a {
	color:#226baa;
}
#sub-menu .nav-link[aria-expanded="true"] .fa-angle-down {
  transform: rotate(180deg);
}
#sub-menu .nav {
	flex-direction: column;
}
#sub-menu .btn{
    margin:0px;
}
#sub-menu .sub-nav-btn {
    display: flex;
    flex-direction: row;
    align-self: stretch;
}
@media (min-width: 576px) {
	#sub-menu .sub-menu-brand {
		font-size: 1.3rem;
	}	
}
@media (min-width: 768px) {
	#sub-menu .sub-menu-brand {
		font-size: 1.4rem;
	}	
}
@media (min-width: 992px) {
	#sub-menu {
		display:flex;
		flex-direction: column;
		align-items: stretch;
	}
	#sub-menu .sub-menu-brand {
		font-size: 1.4rem;
		text-align: left;
		flex-grow: 0;
	}
	#sub-menu .sub-menu-brand-wrapper {
		flex-grow: 0;
		justify-content:flex-start;
	}
	#sub-menu .navbar-nav{
		flex-direction: column;
		width:100%;
	}
	#sub-menu ul li {
		padding-left:0;
		padding-right:0;
	}
}

/* Website Footer Styles */
/*************************/

#site-footer .btn-bright-light {
	font-size: 1.167rem;
}

/* Global Footer */
#global-footer {
	margin-top: 1.5rem;
}
#global-footer li { padding: .2rem 0; }
#global-footer img.img-fluid {
	width: 100%;
	margin: auto;
	max-width: 180px;
}
@media (min-width: 768px) {
	#global-footer img.img-fluid {
		max-width: 220px;
	}
}
#global-footer a { color: #ced4da; }
#global-footer a:hover { color: #ffffff; }
#global-footer ul { padding:0 10px; } 
#global-footer li { list-style-type:none; }
#global-footer .left-list { text-align:right; }
@media (min-width: 992px) {
	#global-footer ul {
		display:inline;
		padding-left:0;
		margin:0;
	}
	#global-footer li {
		display:inline;
		margin-right:15px;
	}
	#global-footer .left-list { text-align:left; }
	#global-footer .right-list { font-size:.9rem; }
}

/* Fat Footer */
#fat-footer {
	background: #f8f9fa;
	border-top: 1px solid #dee2e6;
	margin-bottom: -1.5rem;
}
#fat-footer.bg-blue-dark {
	border-top: none;
}
#fat-footer.fat-footer-light {
	background: #f8f9fa;
	border-top: 1px solid #dee2e6;
}
#fat-footer > .container {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
#fat-footer .footer-brand {
	padding-bottom: 1rem;
}
#fat-footer .footer-brand a {
	font-weight: bold;
	color: #4494DA;
	margin-bottom: .5rem;
	font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
	line-height: 1;
	font-size: 1.75rem;
}
#fat-footer.bg-blue-dark .footer-brand a {
	color: #fff;
}
#fat-footer .container > .row{
	justify-content: space-between;
}
#fat-footer .container > .row > div {
	display: flex;
	margin-top: 1rem;
	flex-direction: column;
}
#fat-footer .container > .row > div .col-border {
	position: relative;
	padding-bottom: .5rem;
	font-size: 1rem;
	font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
	font-weight: 500;
	line-height: 1;
	display: flex;
	align-self: center;
	margin-bottom: .5rem;
	text-transform: uppercase;
}
#fat-footer .container > .row > div .col-border .collapsed {
	text-decoration: none;
	color: #0F2439;
}
#fat-footer.bg-blue-dark p,
#fat-footer.bg-blue-dark a {
	color: #fff;
}
#fat-footer .container > .row > div .col-border .collapsed i {
	color: #838898;
	margin-left: .25rem;
}
/*#fat-footer .container > .row > div > .collapse ul,
#fat-footer .container > .row > div > .collapsing ul,
#fat-footer .container > .row > div > .col-border + div ul {
	line-height: 1.8rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-left: 0;
	list-style: none;
}*/
#fat-footer .container > .row > div .col-border + .collapse ul,
#fat-footer .container > .row > div  .collapsing ul,
#fat-footer .container > .row > div > .col-border + div ul {
	line-height: 1.8rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-left: 0;
	list-style: none;
}
/*#fat-footer .container > .row > div ul.social-list {
	line-height: 1.8rem;
	margin-bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-inline-start: 0;
} 
#fat-footer .container > .row > div ul.social-list li {
	display: inline-block;
}
#fat-footer .container > .row > div ul.social-list li:not(:last-child) {
	margin-right: .5rem
} */
ul.social-list li a {
	color: #838898;
}
ul.social-list li a:hover {
	color: #495057;
}
#fat-footer.bg-blue-dark ul.social-list li a {
	color: #fff;
}
#fat-footer.bg-blue-dark ul.social-list li a:hover {
	color: #ddd;
}
#fat-footer ul.social-list {
	line-height: 1.8rem;
	margin-bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-inline-start: 0;
} 
#fat-footer ul.social-list li {
	display: inline-block;
}
#fat-footer ul.social-list li:not(:last-child) {
	margin-right: .5rem
} 
#fat-footer {
	color:#212529;
}
#fat-footer ul {
	line-height:1.8rem;
}
#fat-footer p {
	text-align:center;
}
#fat-footer .footer-brand {
	text-align:center;
}
#fat-footer .col-border {
  position: relative;
} 
#fat-footer .col-border:not(:first-child) {
	margin-top: 1rem;
}
/* Main div for border to extend to 50px from bottom left corner */
#fat-footer .col-border:after {
  content:""; 
  background: #838898; 
  position: absolute; 
  bottom: 0; 
  left: 10%; 
  height: 1px; 
  width: 60%;
}
#fat-footer.bg-blue-dark .col-border,
#fat-footer.bg-blue-dark .col-border a,
#fat-footer.bg-blue-dark .container > .row > div .col-border .collapsed {
	color: #fff;
}
#fat-footer a[aria-expanded="true"] .fa-caret-down {
  transform: rotate(180deg);
}
#fat-footer .btn-list {
	padding-left: 0;
	list-style: none;
}
#fat-footer .btn-list .btn {
	font-weight: bold;
	margin-bottom: .5rem;
	display: block;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 992px) {
	#fat-footer p {
		text-align:left;
	}
	#fat-footer .footer-brand {
		text-align:left;
	}
	#fat-footer .col-border {
		position: relative;
	} 
	/* Main div for border to extend to 50px from bottom left corner */
	#fat-footer .col-border:after {
		content:""; 
		background: #838898; 
		position: absolute; 
		bottom: 0; 
		left: 0; 
		height: 1px; 
		width: 60%;
	}	
	#fat-footer .collapsed {
		cursor: text;
		pointer-events: none;
	}#fat-footer > .container {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	#fat-footer .container > .row > div {
		margin-top: 0;
	}
	#fat-footer .container > .row > div .col-border {
		margin-bottom: 1rem;
		align-self: start;
	}
	#fat-footer .container > .row > div .col-border .collapsed .fa-caret-down {
		display: none;
	}
	/*#fat-footer .container > .row > div > .collapse {
		display: block !important;
	}*/
	#fat-footer .container > .row > div .col-border + .collapse {
		display: block !important;
	}
	/*#fat-footer .container > .row > div > .collapse ul,
	#fat-footer .container > .row > div > .col-border + div ul {
		align-items: flex-start;
	}*/
	#fat-footer .container > .row > div .col-border + .collapse ul,
	#fat-footer .container > .row > div > .col-border + div ul {
		align-items: flex-start;
	}
	/*#fat-footer .container > .row > div > ul.social-list { 
		justify-content: flex-start;
	}*/
	#fat-footer ul.social-list { 
		justify-content: flex-start;
	}
}
/* Table Styles */
/*************************/
table tr th {
	font-size: 1.1rem;
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
	font-weight: bold;
}
table.table-block {
	border-spacing: 5px;
	border-collapse: separate;
	margin: 0 auto;
}
table.table-block tr.calEvent td:first-child {
	padding-left: 0;
	padding-right: 0;
}
table.table-block h3 {
  	margin: 0;
} 
table.table-block.info td, table.table-block.info:nth-child(2n) td {
 	background: #e1eaf9;
}
table.table-block thead tr th {
	background: #343a40;
	color: #fff;
	border-top: none;
	border-bottom: none;
}
table.table-block thead tr th a {
  	color: lighten(#226baa, 10%);
}
table.table-block  tr td {
	background: #dee2e6;
	vertical-align: middle;
	border-top: none;
} 	
table.table-block   tr:nth-child(2n) td {
  	background: #e9ecef;
}
table.table-block tr th {
	background: #343a40;
	border-top: none;
	border-bottom: none;
	color: #fff;
	text-align: center;
}
table.table-block  caption {
	margin: 0 5px;
	text-align: center;
	background: #384660;
	color: #fff;
	font-weight: bold;
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
	font-size: 1.2em;
}
/* Utilities Styles */
/*************************/

/* Back to top button */
#back-to-top {
	position: fixed;
	display: none;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 6px 12px 9px 12px;
	font-size: 16px;
	border-radius: 2px;
	right: 15px;
	bottom: 15px;
	z-index: 6;
}

@media (max-width: 768px) {
	#back-to-top {
		bottom: 15px;
	}
}

#back-to-top:focus {
	background: #4494DA;
	color: #fff;
	outline: none;
}

#back-to-top:hover {
	background: #4494DA;
	color: #fff;
}

/* Columns */ 
.col-bg { padding: 1rem; margin-bottom: 1rem; }

.side-flex-columns {
	display:flex;
	align-items: stretch;
}
@media (min-width: 992px) {
	.side-flex-columns .col-left { border-right: 1px solid #ced4da; }
	.side-flex-columns .col-right { border-left: 1px solid #ced4da; }
}
/* Default-Carousel Styles */
/* Default Carousel implies this is the default style for this type. #main implies it's importance. This could be resuable so default makes more senes */
/*************************/
.default-carousel {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.default-carousel.carousel-narrow {
	max-width: 1920px;
}
.default-carousel .carousel-caption {
	right:0;
	left:0;
	bottom:0;
	width:100%;
	background-color: rgba(0, 0, 0, 1);
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
	padding-bottom: 40px;
	position: static;
}
.default-carousel h1,
.default-carousel p,
.default-carousel a { 
	color: #ffffff;
}

@media (max-width: 992px) {
	.default-carousel .carousel-caption p {
		display: none;
	}
}
@media (min-width: 992px) {
	.default-carousel .carousel-caption {
		position: absolute;
		background-color: rgba(0, 0, 0, 0.7);
	}
}
@media (max-width: 1199.98px) {
	.default-carousel .carousel-inner{
		width:100%;
  		max-height: 800px;
	}
	.default-carousel .carousel-caption {
		padding-top: 10px;
		padding-bottom: 30px;
	}
	.default-carousel .carousel-caption h1 {font-size: 1.5rem;}
	.default-carousel .carousel-caption p {font-size: 1rem;}
}

/* Cards Styles */
/*************************/
.card-header,
.card-footer {
	background: #fff;
}
.accordion .card .card-header,
.panels .card .card-header {
	background: #e9ecef;
}
.card.border-success {
	border-color:#ced4da!important;
	border-bottom: 15px solid #588038!important;
}
.card.border-success.shadow {
	border:none!important;
	border-bottom: 15px solid #588038!important;
}
.card .nav-tabs li a.active {
	background-color: #ffffff!important;
	border-bottom-color: transparent!important;
}
.card.border-secondary .text-secondary { color:#212529!important; }
.card.border-light { border-color:#dee2e6!important;}
@media (min-width: 576px) {
	.card-columns {column-count: 2;}
	.card-columns.card-columns-wide {column-count: 2;}
}
@media (min-width: 992px) {
	.card-columns {column-count: 3;}
	.card-columns.card-columns-wide {column-count: 3;}
}
@media (min-width: 1200px) {
	.card-columns {column-count: 4;}
	.card-columns.card-columns-wide {column-count: 3;}
}
/* Tabs panel */
.nav-tabs li a {
	color: #226baa;
	font-size:1.1rem;
	font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;
}
.nav-tabs li a:hover, .nav-tabs li a:focus {
	  background-color: #e9ecef;
	  color: #384660;
}
.nav-tabs li a.active:not('.dropdown-item') {
	border:1px solid #ced4da;
	background-color: #e9ecef !important;
	border-bottom-color: #e9ecef !important;
}
.tab-panel {
	border:1px solid #ced4da;
	border-top: 0;
	padding:15px;
	background-color: #e9ecef; 
}
.tab-responsive {
    display:none;
}
@media(min-width:992px) {
    .tab-responsive {
        display: flex;
    }
    .tab-content-responsive .card {
        border-top: none;
    }
	.accordion.tab-content-responsive .card {
		margin-top: 0;
	}
	.accordion.tab-content-responsive > .card > .collapse > .card-body {
		background: #fff;
	}
    .tab-content-responsive .card .card-header {
        display:none;
    }  
    .tab-content-responsive .card .collapse{
        display:block;
    }
}
@media(max-width:991.98px){
    .tab-content-responsive > .tab-pane {
        display: block !important;
        opacity: 1;
    }
	.tab-content-responsive .card {
        margin-bottom:5px;
    }
	.tab-content .card .btn[data-toggle="collapse"] {
		color:#0F2439;
		font-size:1.1rem;
	}
	.tab-content .card .btn-link:hover {
		color: #226baa;
	}
	.tab-content > .card > .card-header .btn {
		display:flex;
		flex-grow:1;
	}
	.tab-content-caret > .card > .card-header .btn {
		text-decoration:none;
		justify-content:space-between;
	}
	.tab-content-caret > .card > .card-header .btn svg {
		text-decoration:none;
		align-self: center;
	}
	.tab-content-caret > .card > .card-header .btn[aria-expanded="true"] .fa-caret-down {
	  transform: rotate(180deg);
	}
}
.nav-pills {font-size:1.1rem;font-family: 'Roboto Condensed', "Arial","Helvetica",sans-serif;}

/* Accordion and panels Styles */
.panels .card .btn[data-toggle="collapse"], .accordion .card .btn[data-toggle="collapse"] {
	color:#0F2439;
	font-size:1.1rem;
}
.panels .card-header .btn:hover, 
.accordion .card-header .btn:hover, 
.panels .card-header .btn:focus, 
.accordion .card-header .btn:focus {
	color: #226baa;
}
.accordion > .card > .card-header .btn, 
.panels > .card > .card-header .btn {
	display:flex;
	flex-grow:1;
	text-align: left;
}
.accordion-caret > .card > .card-header .btn, 
.panel-caret > .card > .card-header .btn {
	text-decoration:none;
	justify-content:space-between;
}
.accordion-caret > .card > .card-header .btn svg, 
.panel-caret > .card > .card-header .btn svg {
	text-decoration:none;
	align-self: center;
}
.accordion-caret > .card > .card-header .btn[aria-expanded="true"] .fa-caret-down, 
.panel-caret > .card > .card-header .btn[aria-expanded="true"] .fa-caret-down {
	transform: rotate(180deg);
}
.accordion-caret > .card > .card-header .btn .fa-caret-down, 
.panel-caret > .card > .card-header .btn .fa-caret-down {
	transition: transform .5s;
}
.accordion > .card,
.panels > .card {
	border: none;
	margin: 1rem 0;
	border-radius: 0;
}
.accordion > .card > .card-header,
.panels > .card > .card-header {
	border-radius: 0;
	border-bottom: none;
}
.accordion > .card > .collapse > .card-body,
.accordion > .card > .collapsing > .card-body,
.panels > .card > .collapse > .card-body,
.panels > .card > .collapsing > .card-body {
	background: #f8f9fa;
	border-bottom: #e9ecef;
}
.accordion > .card > .card-header svg,
.panels > .card > .card-header svg {
	color: #838898;
}

/* Website Development Styles */
/*************************/
.col-dev {background-color:#dddddd!important; padding:1rem;}
.grid_system  div[class^="col"] {
            border: 1px solid white;
            background: #dee2e6;
            padding-top: 15px;
            padding-bottom: 15px
         }
h1.dev {margin-top:15px; font-weight:bold;}
h2.dev {margin-top:30px;font-weight:bold;color:#4494DA;}
h3.dev {margin-top:30px;}

span.dev, div.dev {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 10px;
    background-color: #dddddd;
	border-color:#111!important;
  }
.border-red {border:1px solid red;}
.border-green {border:1px solid green;}
.border-blue {border:1px solid blue;}
.border-pink {border:1px solid pink;}
.border-yellow {border:1px solid yellow;}

.screen-size {
  position: fixed;
  top: 50%;
  right:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:9999;
}
.screen-size div {
  display: block;
  text-align: center;
  padding: 12px;
  transition: all 0.3s ease;
  font-size: 18px;
  color:#fff;
  font-weight:bold;
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background-color: #4494DA;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 500ms;
}

.cookiealert a {
    color:#ffffff;
	text-decoration:underline;
}

.cookiealert a:hover, .cookiealert a:focus {
    color:#0F2439!important;
}

.cookiealert .acceptcookies {
    vertical-align: baseline;
}

/* Parsley Success */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  //color: #468847;
  //background-color: transparent;
  border: 2px solid #7d9c3a;
}
input.custom-file-input.parsley-success ~ .custom-file-label {
  //color: #468847;
  //background-color: transparent;
  border: 2px solid #7d9c3a;
}
.selectpicker.parsley-success ~ .dropdown-toggle {
  border: 2px solid #7d9c3a !important;
  //color: #7d9c3a !important;
  outline: none !important;
}
.selectpicker.parsley-success ~ .dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

/* Parsley Error */
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  //color: #B94A48;
  //background-color: #F2DEDE!important;
  border: 2px solid #c44e28;
}
input.custom-file-input.parsley-error ~ .custom-file-label {
  //color: #B94A48;
  //background-color: #F2DEDE!important;
  border: 2px solid #c44e28;
}
.selectpicker.parsley-error ~ .dropdown-toggle {
  border: 2px solid #c44e28 !important;
  //color: #c44e28 !important;
  outline: none !important;
}
.selectpicker.parsley-error ~ .dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
.custom-control.custom-radio.parsley-error > .custom-control-label {
	color: #c44e28;
}
.custom-control.custom-radio.parsley-error ~ .custom-control.custom-radio {
	color: #c44e28;
}
.custom-control.custom-checkbox.parsley-error > .custom-control-label {
	color: #c44e28;
}
.custom-control.custom-checkbox.parsley-error ~ .custom-control.custom-checkbox {
	color: #c44e28;
}
.parsley-errors-list {
  margin: 10px 0 3px;
  padding: 0;
  list-style-type: none;
  //font-size: .9rem;
  //line-height: 0.9em;
  opacity: 0;
  color: #c44e28;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}




/* Adding Responsiveness to some default BS classes */
@media (min-width: 576px) {
	.position-sm-static {
		position: static;
	}
	.position-sm-relative {
		position: relative;
	}
	.position-sm-absolute {
		position: absolute;
	}
	.position-sm-fixed {
		position: fixed;
	}
	.position-sm-sticky {
		position: sticky;
	}
}
@media (min-width: 768px) {
	.position-md-static {
		position: static;
	}
	.position-md-relative {
		position: relative;
	}
	.position-md-absolute {
		position: absolute;
	}
	.position-md-fixed {
		position: fixed;
	}
	.position-md-sticky {
		position: sticky;
	}
}
@media (min-width: 992px) {
	.position-lg-static {
		position: static;
	}
	.position-lg-relative {
		position: relative;
	}
	.position-lg-absolute {
		position: absolute;
	}
	.position-lg-fixed {
		position: fixed;
	}
	.position-lg-sticky {
		position: sticky;
	}
}
@media (min-width: 1200px) {
	.position-xl-static {
		position: static;
	}
	.position-xl-relative {
		position: relative;
	}
	.position-xl-absolute {
		position: absolute;
	}
	.position-xl-fixed {
		position: fixed;
	}
	.position-xl-sticky {
		position: sticky;
	}
}
@media (min-width: 576px) {
	.border-sm {
		border: 1px solid #dee2e6 !important;
	}
	.border-sm-top {
		border-top: 1px solid #dee2e6 !important;
	}
	.border-sm-right {
		border-right: 1px solid #dee2e6 !important;
	}
	.border-sm-left {
		border-left: 1px solid #dee2e6 !important;
	}
	.border-sm-bottom {
		border-bottom: 1px solid #dee2e6 !important;
	}
}
@media (min-width: 768px) {
	.border-md {
		border: 1px solid #dee2e6 !important;
	}
	.border-md-top {
		border-top: 1px solid #dee2e6 !important;
	}
	.border-md-right {
		border-right: 1px solid #dee2e6 !important;
	}
	.border-md-left {
		border-left: 1px solid #dee2e6 !important;
	}
	.border-md-bottom {
		border-bottom: 1px solid #dee2e6 !important;
	}
}
@media (min-width: 992px) {
	.border-lg {
		border: 1px solid #dee2e6 !important;
	}
	.border-lg-top {
		border-top: 1px solid #dee2e6 !important;
	}
	.border-lg-right {
		border-right: 1px solid #dee2e6 !important;
	}
	.border-lg-left {
		border-left: 1px solid #dee2e6 !important;
	}
	.border-lg-bottom {
		border-bottom: 1px solid #dee2e6 !important;
	}
}
@media (min-width: 1200px) {
	.border-xl {
		border: 1px solid #dee2e6 !important;
	}
	.border-xl-top {
		border-top: 1px solid #dee2e6 !important;
	}
	.border-xl-right {
		border-right: 1px solid #dee2e6 !important;
	}
	.border-xl-left {
		border-left: 1px solid #dee2e6 !important;
	}
	.border-xl-bottom {
		border-bottom: 1px solid #dee2e6 !important;
	}
}
/* Accessibility Adjustments */

/*
.btn.focus, .btn:focus {
	outline-offset: -.35rem;
	outline: dotted thin;
	box-shadow: none;
}
.btn.focus[aria-expanded=true], .btn:focus[aria-expanded=true] {
	outline: none;
}*/

.btn.focus, .btn:focus {
	text-decoration: underline solid;
	outline: initial;
	box-shadow: none;
}
.btn-outline-secondary {
	border-color: #fff;
	color: #fff;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus {
	background: #fff;
	color: #333;
	border-color: #fff;
}
.btn.focus[aria-expanded=true], .btn:focus[aria-expanded=true] {
	text-decoration: none;
}
#ally-af-launcher { display: none; }
/*Live chat feature on sites needs to be above navigation bar by default it was below in the z-index order. */
.lcs_slide_out {
	z-index: 2000 !important;
}
/* Make light gallery captions not so wide */
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
	margin: 0 auto;
	max-width: 1200px;
}
.lg-backdrop {
	z-index: 94035 !important; /* One step above share this buttons on mobile */
}
.lg-outer {
	z-index: 94036 !important; /* Two steps above share this buttons on mobile */
}
/* OU CAMPUS STYLES */
/* Help users not use imagaes too big. Can be overridde with .revert-ou-img class on a parent */
body.ou *:not(.revert-ou-img) img {
	max-width: 100%;
	height: auto;
}
/* Display hidden thing in OU editor */
body.edit-mode .fade {opacity: 1;}
/* Prevent stretched link functionality in OU editor */
body.edit-mode .stretched-link::after {
	position: relative;
	z-index: -500;
}
/* Display hidden thing in OU editor */
body.edit-mode #content .collapse:not(#sub-menu-navbar),
body.edit-mode #content .inline-overlay-detail {
	display: block;
	border: dotted thin red;
}
body.edit-mode #content .inline-overlay-inverse .inline-overlay-detail{
	background: #0f2439;
}
body.edit-mode #content .inline-overlay-detail:before {
	content: 'Hidden';
	color: red;
	font-size: .8rem;
}
body.edit-mode #content .walkthrough-step {
	display: block !important;
}

/* Data columns */

.data-col { 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	justify-content: space-between;
	border-top: #d0dbe2 .2rem dotted;
	padding:20px 20px 20px 0!important;
}
.data-col-light {
	color: #ffffff;
}
.data-col-light.data-col-1, .data-col-light.data-col-2, .data-col-light.data-col-3, .data-col-light.data-col-last {
	border-color: #838898;
}
.data-col-light .data-val, .data-col-light .data-val-xl {
	color: #dee2e6;
}
.data-col-light .data-val .countme, .data-col-light .data-val-xl .countme {
	color: #c44e28;
}
.data-col-light .data-title p {
	color:#dee2e6;
}
.data-val {
	font-weight:bold;
	padding-bottom:0;
	margin-bottom:0;
	font-size:2.3rem;
	letter-spacing: -.1rem;
}
.data-val-xl {
	font-weight:bold;
	padding-bottom:0;
	margin-bottom:0;
	font-size:3.5rem;
	letter-spacing: -.1rem;
}
.data-val .countme, .data-val-xl .countme {
	font-weight:bold;
	color:#4494DA;
}
.data-title {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.data-title p {
	line-height:1.5rem;
	color:#495057;
	text-align:center;
}
@media (min-width: 992px) {
.data-col {
	margin-bottom:20px;
}
.data-col-1 {
	padding-left: 0px!important;
}
.data-col-2 {
	border-right: #ced4da .2rem dotted;
}
.data-col-3 {
	padding-left: 20px!important;
}
}
@media (min-width: 768px) {
.data-col {
	align-items: flex-start;
	padding-bottom: 0!important;
}
.data-col-1 {
	border-right: #ced4da .2rem dotted;
}
.data-col-2 {
	padding-left:20px!important;
}
.data-col-3 {
	border-right: #ced4da .2rem dotted;
}
.data-col-last {
	padding-left:20px!important;
}
.data-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.data-title p {
	text-align:left;
}
}

/* Info Grid */
.info-grid {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height:200px;
	text-align:center;
	padding: 1rem!important;
}
.info-grid .info-grid-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index:1;
}

.info-grid-content { z-index:2;}

.info-grid-content a {text-decoration: none !important;border-bottom: .125rem dashed #2F3A50; line-height: 2.4rem!important;}
.info-grid-content a:hover {text-decoration: none !important;border-bottom: .125rem solid #384660;}
.info-grid-content a.text-white {color: #ffffff!important; border-color: #ffffff!important;}
.info-grid-content a.text-white:hover {color: #ffffff!important; border-color: #ffffff!important;}
.info-grid-content p {
	line-height:1.5rem;
}
.info-grid:hover .info-grid-overlay{
  opacity: .7;
}
.info-grid:hover a, .info-grid:hover p {
  color: #ffffff!important; border-color: #ffffff;
}
@media (min-width: 992px)
 {
	.info-grid {
		padding: 3rem!important;
	}
}
@media (min-width: 768px)
 {
	.info-grid {
		padding: 1.5rem!important;
		min-height:300px;
	}
}