@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

html {
    height: 100%;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.3rem;
	line-height: 1.7em;
	/* border: 12px solid #2C90DA;
	border-image: linear-gradient(180deg, #0A59D7, #78E5FF) 1; */
}

	@media only screen and (max-width: 600px) { /*scales font down for mobile*/
	  body {
		  font-size: 1rem!important;
		  line-height: 1.7rem!important;
	  }
	}


body.light {
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%232d3850' fill-opacity='0.1' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	color: #12121b;
}

body.light_blue, body.dark {
	background: linear-gradient(45deg, rgba(0,2,33,1) 0%, rgba(0,36,93,1) 32%, rgba(0,32,93,1) 48%, rgba(0,36,93,1) 65%, rgba(0,2,33,1) 100%);
    background-attachment: fixed;
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffffff' fill-opacity='0.025' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(45deg, rgba(0,2,33,1) 0%, rgba(0,36,93,1) 32%, rgba(0,32,93,1) 48%, rgba(0,36,93,1) 65%, rgba(0,2,33,1) 100%);*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffffff' fill-opacity='0.025' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(45deg, rgb(0, 2, 33) 0%, rgb(8, 30, 64) 32%, rgb(5, 26, 66) 48%, rgb(5, 24, 53) 65%, rgb(0, 2, 33) 100%);
    color: #fff;
	min-height: 100%;
}
/* progress bar */
#progress-bar {
	height: 8px;
	width: 100%;
	display:block;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:8px;
	z-index:1050;
} 
#progress-bar .bar-long {
	background-color: #0959D7;
	display:block;
	height:8px;
	margin:0;
	padding:0;
}



/****************
BACKGROUND ANIMATION
*****************/

@keyframes bggradient-animate {
    0%{background-position:0% 0%}
    50%{background-position:50% 50%}
    100%{background-position:0% 50%}
}

/******************
SPLASH ANIMATION
********************/
.spin {
	
}

.splash-gn-logo {
	max-width: 900px;
	position: absolute;
	z-index: -1;
	height: 900px;
	width: 900px;
	left: 0;
	top: 10px;
	opacity: 0.08;
	overflow: hidden;
}

	.splash-gn-logo svg {
		animation: spin 120s linear infinite;
	}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@media only screen and (max-width: 600px) { /*scaling logo animation for mobile*/
	.splash-gn-logo {
		max-width: 350px;
		height: 350px;
		width: 350px;
		top: 150px;
		position: absolute;
		z-index: -1;
	}
}


#gcseSearch {
	display:none;
	/*position:absolute;
	left:0;
	right:0;
	left:0;
	bottom:0;*/
}

.offscreen {
	position:absolute;
	top:-120vh;
	display:none;
}

.toc {
	/*background: #fefefe;
	width: 200px;
	position: fixed;
	border: 1px solid #ddd;
	border-radius:3px;
	color: #333;
	top: 200px;
	left: 200px;*/
  }
  
  .toc a { color: #fff; text-decoration:none; }
  .toc ul { list-style: none; }
  .toc ul li { padding: 5px 0 }
  .toc .toc-h2 { margin-left: 15px }
  .toc .toc-h3 { margin-left: 30px }
  .toc .toc-h4 { margin-left: 45px }
  .toc .toc-h5 { margin-left: 60px }
  .toc .toc-h6 { margin-left: 75px }

  
  .toc-active {
	color: #000;
	font-weight: bold;
  }
  
  .toc.right { right: 100px; top: 200px; }


  #tocHeader {
		text-align:center;
		width:82.5%;
		display:none;
  }
  
  #navbarSupportedContent #navItems {
		opacity:1;
  }



/*****************
TEXT STYLES
******************/
h1, .h1 {
	font-weight: 300;
}

h2, .h2 {
	font-weight: 300;
}

h3, .h3 {
	font-weight: 300;
}

h4, .h4 {
	font-weight: 600;
}

h5, .h5 {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h6, .h6 {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .65em;
}

blockquote:before {
	content: '“';
	color:#4CCAFB;
	font-size: 5rem;
	width: 100%;
	display: block;
	float: left;
	font-style: normal;
	font-weight: 800;
	text-align:center;
}

blockquote {
	font-weight: 300;
	font-style: italic;
	font-size: 1.6rem;
	max-width: 500px;
	margin: 1.5rem auto!important;
	text-align: center;
}

blockquote p {
	margin: 0;
}

blockquote footer {
	font-weight: 700;
	font-style: normal;
	font-size: 0.95rem;
}

.lead, .wp-block-cover__inner-container h2 {
	font-size: 1.5rem!important;
	line-height: 2.2rem;
}

.badge,
.badge-link a {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #0A5BDF;
	background: none;
	display: inline-block;
	margin: .25em .65em .25em 0;
	font-size: .65em;
  border-radius: 4px;
}

	.dark .badge {
		color: #fff!important;
	}

	.light .badge {
		color: #12121b!important;
	}
  .badge-link {
    font-size: 1.375rem;
  }
  .badge-link a {
    font-size: 0.65em;
    text-decoration: none;
    color: #fff!important;
    line-height: 0.65em;
    padding: .35em .65em;
  }
  .badge-link a:hover,
  .badge-link a:focus,
  .badge-link a:active,
  .badge-link a.active {
    background: #0A5BDF;
    color: #fff;
  }

.table-of-contents, .toc ul {
	list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height: 1.7rem;
	margin: 0;
	padding: 0;
}

	.table-of-contents li, .toc ul li {
		border-bottom: 1px solid rgba(255,255,255,0.1);
		padding: 10px 0;
		transition: 0.3s;
	}
	
	.table-of-contents li:hover, .toc ul li:hover {
		padding: 10px 0px 10px 5px;
	}
	
	.table-of-contents .active, .toc-active {
		color: #fff!important;
		opacity: 1!important;
	}

	.table-of-contents a, .toc a {
		color: rgba(255,255,255,0.8)!important;
		text-decoration: none;
		transition: 0.3s;
	}
	
	.table-of-contents a:hover {
		color: rgba(255,255,255,0.9)!important;
	}
	
	.toc-h2 {
		margin-left: 0!important;
	}
	
	.toc-h3 {
		margin-left: 5px!important;
	}
	
	.toc-h4 {
		margin-left: 15px!important;
		font-size: 0.9rem;
	}
	
		.toc-h4:before {
			content: '• ';
		}
		
	.toc-h5 {
		margin-left: 20px!important;
		font-size: 0.8rem;
	}
	
		.toc-h5:before {
			content: '- ';
		}

/***************
COLORS and COLOR SWITCHING
****************/
.bg-primary { /*midtone blue*/
	background: #0A5BDF!important;
}

.text-primary {
	color: #0A5BDF!important;
}

.bg-secondary { /*bright teal*/
	background: #6ec5f6!important;
}

.text-secondary {
	color: #6ec5f6!important;
}

.bg-dark { /*navy*/
	background: #12121b!important;
}

.text-dark {
	color: #12121b!important;
}

.text-muted {
	color: inherit!important;
	opacity: 0.7;
}

figcaption, blocks-gallery-caption {
	color: #fff!important;
	opacity: 0.7;
	font-size: 15px!important;
	/*pointer-events: none; */
}

/***************************
WEBFORMS
****************************/
.form-control, .form-select {
	max-width: 650px;
	transition: 0.3s;
	padding: 15px 25px;
	background: rgba(255,255,255,.8)
}

.form-required::after {
	fill: #0A5BDF;
}

	.form-control:focus, .form-select:focus {
		border-color: #222;
		box-shadow: 0 0 0 .25rem rgba(255,255,255,.45);
	}

.form-check-input:checked {
  background-color: #0A5BDF;
  border-color: #0A5BDF;
}

	.form-check-input:focus {
		border-color: #222;
		box-shadow: 0 0 0 .25rem rgba(255,255,255,.45)
	}

label {

}

.body-container {
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(15,15,30,0.6) 90%, rgba(0,0,0,0.99) 100%);
	background-position: fixed;
	z-index: 2;
}

/**************************
LINKS AND BUTTONS
***************************/
/*** default links ***/
a {
	transition: 0.3s;
	color: #4CCAFB;
}

	a:hover {
		color: #349CE6;
	}

	a:active, a:focus {
		color: #349CE6;
	}

a.f4
{
	color: #fff;
	text-decoration: none;
}

/*** default button ***/
.btn {
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: .05rem;
	font-weight: 800;
	padding: 15px 25px;
	transition: 0.3s;
	background: #0A5BDF;
	border: 0;
}

	.btn:hover {
		background: #12121b;
	}

	.btn:active, .btn:focus {
		background: #12121b;
	}

	.btn:focus-visible, .btn:focus, .btn-primary:focus {
		border-color: #fff;
		box-shadow: 0 0 0 .25rem rgba(255,255,255,.45);
	}

/***************************
PAGER
****************************/
.pagination {
	margin: 10px auto;
	text-align: center;
}

.page-link {
	border: 1px solid rgba(255,255,255,0.3);
	background: rgba(0,0,0,0.8);
	transition: 0.3s;
}


/****************
CARDS
*****************/
.card {
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 0;
	background: none!important;
	border-top: 6px solid #20A7DD;
}

.card img {
	width: 100%!important;
	height: auto!important;
	border-radius: 0;
	transition: 0.3s;
}

	.card:hover img {
		transform: scale(105%);
	}

.card-title {
	text-transform: none!important;
}

.card {
	/*border-bottom: 1px solid rgba(255,255,255,0.1);*/
}

.content-link a {
		color: rgba(255,255,255,0.9);
		transition: 0.3s;
		text-decoration: none;
	}

	.content-link a:hover {
		color: rgba(255,255,255,1);
		text-shadow: 0px 3px 0 rgba(0,0,0,0.5);
	}

	.light .content-link a {
		color: rgba(15,16,26,0.9);
		transition: 0.3s;
	}

	.light .content-link a:hover {
		color: rgba(15,16,26,1);
		text-shadow: 0px 3px 0 rgba(0,0,0,0.2);
	}

.list-group-item {
	background: none!important;
	color:#fff!important;
}

/****************
NAVIGATION
*****************/
.offcanvas-body {
	padding:0;
}
.offcanvas-top {
	height:45vh;
}
.offcanvas-body {
	margin:0 0 0 1em;
	color: #fff;
}
.offCanvasItems nav {
	flex-direction:row;
	display:flex;
	flex-wrap:flex;
}
.offCanvasItems nav {
	margin: 0 auto;
}

.navbar {
	z-index: 25!important;
}

a.navbar-brand {
	width:50px;
	overflow:visible;
	margin-right:200px;
}
a.navbar-brand.small {
	margin-right:0px;
}

/*hiding this for now since we updated the navigation sizing*/
/*.navbar-brand img {
	transition: transform 250ms ease-in-out;
	transform-origin: left center;
}
.navbar-brand.small img {
	transform: scale(0.5);
}*/
.mainnav {
	background: rgb(15,15,22);
	background-image: linear-gradient(0deg, #12121b, #0f2c61);
	box-shadow: 0px 10px 25px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.navbar-toggler:focus {
	box-shadow: none;
}
.navbar-toggler {
	/* background: #0A5BDF!important; */
	background: 'transparent';
	color: #fff;
	font-size: 2rem;
}


.navbar a {
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: .05rem;
	font-weight: 800;
	transition: 0.3s;
}

.navbar a {
	color: #fff;
	text-decoration: none!important;
}

	.navbar svg {
		fill: #fff!important;
		margin-left: 14px;
		margin-top: 5px;
		height: 20px!important;
		width: 20px!important;
	}
	
	.navbar-toggler {
	  background: #0A5BDF !important;
	  color: #fff;
	  font-size: 1.8rem;
	  padding: 6px;
	  box-shadow: 5px 0px 15px rgba(0,0,0,0.5);
	}


	.navbar-toggler svg {
		height: 35px!important;
		width: 35px!important;
		animation: none!important;
		margin: 0!important;
	}
	
.offcanvas {
	background: #12121b!important;
}

.navbar-toggler-icon {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-list" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/></svg>');
}

button.btn-close {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-x-lg" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/></svg>');
}
/*dropdowns*/
.dropdown-item {
	transition: 0.3s;
}

.dropdown-item:hover {
	padding: .25rem 1.3rem;
}

.dropdown-menu {
	background: rgba(14,15,23,0.9);
}

.dropdown-item:focus, .dropdown-item:hover {
	background: rgba(14,15,23, 1);
}


/*** navbar in mobile / tablet ***/
@media only screen and (max-width: 990px) {
	#block-mainnavigation .navbar-nav {
		overflow: hidden;
	}
	
	#block-mainnavigation .navbar-nav .nav-item {
		display: block!important;
		width: 100%;
		margin: 5px;
	}
	

}

/********************
TABLE OF CONTENTS STYLES NOVEMBER 2023
********************/
.toc-container {
	margin-top: 80px;
	background: #0959D7;
	color: #fff;
	z-index: 3!important;
	display:none;
}

.toc-collapse {
	background: #00388C;
	margin-top: 5px;
}

.toc-headline {
	line-height: 1rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .65em;
	display:table;
}
.toc-headline div {
	display: table-cell;
	vertical-align:middle;
	height:100%;
}
.toc-headline  p {
	display: inline-block;
	margin: 0 0 0 5px;
}

.toc-btn{
	color: #fff;
	text-decoration: none;
	border: 2px solid #fff;
	transition: 0.3s;
	margin: 0!important;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: .35em .55em;
	border-radius: .25rem;
}

	 .toc-btn:hover {
		background: #fff;
		color: #000;
		border: 2px solid #fff;
	 }
	 
	 .toc-btn:active, .toc-btn:focus {
		 background: #fff;
		color: #000;
		border: 2px solid #fff;
	 }
	 
.toc ul, .tocHeader ul {
	list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height: 1.7rem;
	margin: 0;
	padding: 0;
}

	.toc ul li, .tocHeader ul li {
		border-bottom: 1px solid rgba(255,255,255,0.1);
		padding: 10px 0;
		transition: 0.3s;
	}
	
	.toc ul li:hover, .tocHeader ul li:hover {
		padding: 10px 0px 10px 5px;
	}
	
	.toc-active a {
		color: rgba(255,255,255,1)!important;
		opacity: 1!important;
	}
	
		.toc-active:before {
			content: "⬩ ";
		}

	.table-of-contents a, .toc a, .tocHeader a {
		color: rgba(255,255,255,0.8)!important;
		text-decoration: none;
		transition: 0.3s;
	}
	
	.table-of-contents a:hover, .tocHeader a:hover {
		color: rgba(255,255,255,0.9)!important;
	}
	
	.toc-h2 {
		margin-left: 0!important;
	}
	
	.toc-h3 {
		margin-left: 5px!important;
	}
	
	.toc-h4 {
		margin-left: 15px!important;
		font-size: 0.9rem;
	}
	
		.toc-h4:before {
			content: '';
		}
		
	.toc-h5 {
		margin-left: 20px!important;
		font-size: 0.8rem;
	}
	
		.toc-h5:before {
			content: '- ';
		}

/****************
FOOTER
*****************/
footer ul {
	display: flex;
    justify-content: center;
}

.light footer.footer {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(15,15,22,0.4) 0%, rgba(255,255,255,0) 100%)
}

	.light footer a {
		color: rgba(15,15,22,0.4);
	}

/* .dark footer.footer {
	background: rgb(15,15,22);
	background: linear-gradient(0deg, rgba(15,15,22,1) 0%, rgba(255,255,255,0) 100%);
} */

	footer a {
		color: rgba(255,255,255,0.8)!important;
		transition: 0.3s;
	}

	footer a:hover {
		color: rgba(255,255,255,1)!important;
	}
	
/*****************
DRUPAL SPECIFIC
******************/
.site-footer {
	font-family: 'Source Sans Pro', sans-serif;
}
	
footer.site-footer .block {
	border: 0;
	padding: 0;
	margin: 0;
}

.feed-icons {
	display: none!important;
}

.spec-page img {
	max-width: 100%;
	height: auto;
}

.wp-block-quote {
	border-left: 0!important;
}

/****************
ARTICLE CONTENT
*****************/
.is-root-container h2,
.is-root-container h3,
.is-root-container h4,
.is-root-container h5,
.is-root-container h6,
.node__title,
.node--view-mode-teaser h2 a,
.node__content h2,
.node__content h3,
.node__content h4,
.node__content h5,
.node__content h6,
.node__title,
.node--view-mode-teaser h2 a {
	color: #4FB5F0;
}

  .is-root-container h2,
  .is-root-container .h2
	.node__content h2,
  .node__content .h2 {
		margin-top: 3rem;
		font-weight: 300;
	}

	.is-root-container h3,
	.is-root-container h3,
	.node__content h3,
  .node__content .h3 {
		margin: 3rem 0 1.5rem 0;
		font-weight: 600;
		font-size: 2.2rem;
	}

	.is-root-container h4,
	.is-root-container h4,
	.node__content h4,
  .node__content .h4 {
		margin: 3rem 0 2rem 0;
		font-weight: 600;
		font-size: 1.9rem;
		border-bottom: 1px solid #eaa91f;
		padding-bottom: 15px;
	}

	.is-root-container h5,
	.is-root-container h5,
	.node__content h5,
  .node__content .h5 {
		margin: 3rem 0 2rem 0;
		font-weight: 600!important;
		border-bottom: 1px solid rgba(255,255,255, 0.2);
		padding-bottom: 15px;
		color: #fff;
	}


.node--view-mode-teaser h2 a {
	text-decoration:none;
}

.alignwide table {
	width: 110%;
	/*margin: 2.5rem -5%;*/
	border: 1px solid rgba(255,255,255, 0.4);
}

.table-negmargin {
	margin: 2.5rem -5%;
}

.wp-block-table {
	overflow: visible;
}

.wp-block-table td {
	border: 1px solid rgba(255,255,255, 0.4);
	color: #ffffff;
}

.wp-block-table tr:first {
      display: flex;
      flex-wrap: wrap;

}


.wp-block-table tr:first td {
width: 100%;
display:block; box-sizing:border-box; clear:both;

}



.is-root-container { z-index: 5; }
.block-editor-block-list__layout { z-index: 5; }


table th, .wp-block-table table th {
	background: #0A5BDF!important;
	padding: 0.5em;
}

table td {
	padding: 0.5em;
}

.dark table tr {
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.light table tr {
	border-bottom: 1px solid rgba(0,0,0,0.3);
}

.bodytint {
	background: rgba(0,0,0,0.33);
}

table.views-table p, .views-field-description__value {
	color: #fff;
}

.views-table {
	margin: 0;
}

.taxonomy-term {
	text-align:left;
}

.taxonomy-term img {
	width:100%;
	height: auto;
}

.field--name-field-media-oembed-video {
padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
position:relative;
}

.field--name-field-media-oembed-video iframe {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

.wp-block-embed iframe {
	width:100%;
	height:100%;
}

#main .container-fluid {
	padding-right: 0;
	padding-left: 0;
}
#block-gn-content .content {
	padding-right: 0;
	padding-left: 0;
}

.wp-block-image img {
	width: 100%;
	height: auto;
}
.ifrespond { display: block; }

@media (max-width: 575px) {
	.ifrespond {
	        max-width: 100vw;
                max-height: 56.25vw; /* height/width ratio = 315/560 = .5625 */
		width:100%;
	}

 }


@media (max-width: 767px) {

	.ifrespond {
	        max-width: 100vw;
                max-height: 56.25vw; /* height/width ratio = 315/560 = .5625 */
		width:100%;
	}
	/*.navbar-brand.small {
		display:none;
	}*/
	#tocHeader h2 {
		font-size:1.0rem;
	}

 }


@media (max-width: 991px) {
	.alignwide table {
		width: 90%;
		margin: 2.5rem 2%;
	}
	body, html {
		border: 0;
		/*margin: 5px;*/
	}
	.ifrespond {
		aspect-ratio: 16 / 9 !important;
	        max-width: 100vw;
                max-height: 54.25vw; /* height/width ratio = 315/560 = .5625 */
		width:100%;
	}

	#gcseSearch {
		margin:3vh auto;
		width: 80vw;
	}
	#gcseSearch input {
		width: 100%;
	}
	.navbar-nav {
		flex-direction:row;
	}

	.nav-item {
		
		margin: 15px;
	}

	#main .content {
		padding-left:15px;
		padding-right:15px;
	}
	.wp-block-table {
		overflow-y: scroll;
	}

}


@media (min-width: 992px) {

	.ifrespond {
		aspect-ratio: 16 / 9 !important;
	        max-width: 100vw;
                max-height: 56.25vw; /* height/width ratio = 315/560 = .5625 */
		width:100%;
	}
 }
 @media (min-width: 1580px) {
	.ifrespond {
		/*height:74vh !important;*/
		aspect-ratio: 16 / 9 !important;
		width:100%;
	        max-width: 85vw;
                max-height: 56.25vw; /* height/width ratio = 315/560 = .5625 */
		margin: 0 0 0 7.29vw;
	}
 }

/*Special utility for header overlays*/
.flex-full-width > .wp-block-cover__inner-container {
  flex: 0 0 100%;
}

.wp-block-cover.feature-header:after {
  content:"";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(18,18,27,0.8) 50%, rgba(0,0,0,1) 100%);
}

.wp-block-cover.feature-header:after { 
	
}



 /********************
 CATEGORY PAGES, TAXONOMY
 ***********************/
 .hex-icon {
	position: relative;
	margin: 0 auto;
	text-align: center;
	max-width: 100px;
}

.hex-icon::before {
  content: "\2B22";
  font-size:135px;
  z-index: 1;
  background: linear-gradient(180deg, #0A59D7, #51E2F8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

	.hex-icon svg, .hex-icon img {
		position: absolute;
		left: 5px;
		right:0;
		margin: -3px auto 0 auto;
		top: 2px;
		z-index: 50;
		height: auto!important;
		max-width: 40px!important;
	}


.view-prune-joomla-users { background: #fff; }


.sidebar-img img {
	max-width: 100%;
	padding: 5px;
}