/*
Theme Name: oiiwebtheme
description: OII theme
Author: John Gilbert
Version: 1.0.0

*/


/*--- BASIC PROPERTIES ---*/

	html {
	  scroll-behavior: smooth;
	}

	html :where(img){
		max-width:unset;
	}

	body{
		padding:0px;
		margin:0px;
		font-family:Roboto;
		min-width:320px;
		overflow-x: hidden;
		font-family:'Roboto';
		font-size:1.2em;
	}
	
	main{
		font-size:16px;
		min-height: 50vh;
		padding-bottom:60px;
	}

@media screen and (min-width:768px){
	main{
		font-size:16px;
	}
}

	section{
		clear:both;		
	}

@media screen and (min-width:768px){	
	.container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
		width: 100%;
		padding-right: 25px!important;
		padding-left: 25px!important;
		margin-right: auto;
		margin-left: auto;
	}	
}
@media screen and (min-width:1200px){	
	.container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
		width: 100%;
		padding-right: 15px!important;
		padding-left: 15px!important;
		margin-right: auto;
		margin-left: auto;
	}	
}

::-webkit-search-cancel-button {
    height: 10px;
    width: 10px;
    display: inline-block;
    background-image: url(/wp-content/themes/oiiwebtheme/assets/images/cross.svg);

	color:white;
}

		
	a:hover{
		text-decoration:none!important;
	}		
		
	button, button:focus {
		background-color: transparent;
		padding: 0px;
		border: 0px;
		color: #FFFFFF;
		font-size: 1em;
		cursor: pointer;
		outline: 0;
		box-shadow: 0 0 0 0;
	}		
	
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #FFFFFF;
	  opacity: 1; /* Firefox */
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #FFFFFF;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
	  color: #FFFFFF;
	}	
	
	
	
	button.btn-primary{
		display:flow-root;
	}
	
			
	/*-- SPECIFY LINK RULES WITHIN SECTIONS ONLY --*/
	section a{
		text-decoration:none;
		transition:color 1s;
	}
	
	section a:hover{
			text-decoration:none;
	}
	
	
	#filter-bar{
		color:#000000;
		font-size:0.9em;
	}
	
	#filter-bar form#archive-search-form{
		position:relative;
		margin-bottom:0px;
	}
	
	#filter-bar form#archive-search-form svg#search-symbol{
		fill: white;
		height: 12px;
		position: absolute;
		top: 10px;
		right: 10px;
		cursor:pointer;
	}
	
@media screen and (min-width:600px){
	#filter-bar form#archive-search-form svg#search-symbol{
		top: 6px;
	}

}	
	
	#tax-filter{
		max-width:250px;
		height:20px;
	}

	main input, main select{
		border-radius:20px;
		font-size:0.8em;
		padding:1em;
		color:#002147;
		padding-bottom: 0.15em;
		padding-top: 0.1em;		
		border:0px;
		outline:0px;
	}

	main input.button{
		border-radius: 20px;
		background-color: #176cd5;
		color: #FFFFFF;
		border: 0px;
	}

	main input:focus-visible{
		outline-color: #d3d3d3;
	}
	
	

/*--- SKIP -----*/

	a.skip-main {
		left: -999px;
		position: absolute;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
		z-index: -999;
	}
	
	a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#0e6fab;
    left: -80px;
    top: 20px;
    width: 300px;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    border-radius: 20px;
	padding:10px;
	font-family: 'Lato', sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    text-align:center;
    font-size:2em;
    z-index:999;
	text-decoration:none;

}


@media screen and (min-width:900px){

			a.skip-main:focus, a.skip-main:active {
				color: #fff;
				background-color: #0e6fab;
				left: 40px;
				top: 60px;
				width: 300px;
				font-family: 'Lato', sans-serif;
				padding-left: 15px;
				padding-right: 15px;
				text-align: center;
				font-size: 2em;
				z-index: 999;
				text-decoration: none;
		}		
}
	


/*--- TYPOGRAPHY ---*/

h1{	
	font-size:4em;
}

h1.hidden-h1{
	font-size:0px!important;
}

.title-text{
	font-size:2.5em;
}

h2{
	font-size:2.8rem!important;
}

p + h2{
	margin-top:40px;
}

h3{
	font-size:2em;
}

.text-block h3{
	margin-top:40px;
	margin-bottom:10px;
}

.text-block h2{
	margin-top:40px;
	margin-bottom:10px;
	
}

.text-block.lite h2, .text-block.dark h2{
	margin-top:0px;
}

.text-block ul, .text-block ol{
	margin-top:20px;
	margin-bottom:20px;
}

.breadcrumbs{
	text-transform:uppercase;
	padding-top:30px;
}

.breadcrumbs a{
	color:#000000;
	cursor:pointer;
}

.breadcrumbs a:hover{
	color:violet;
}

/*--- ABOUT INFO ---*/

#about-info{

}

/* ACCESSIBILITY */


	.user-is-tabbing *:focus, .user-is-tabbing a:focus > .post-box-inner-text,  .user-is-tabbing a:focus > .box-interior, .user-is-tabbing a:focus > .logo-container {
		outline:5px dotted pink!important;
		z-index:1000;
	}		
	
	.visuallyhidden{
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

/*--- MENU --*/

	.full-size-menu{
		height:30px;
	}

	#menu-bar-container{
		position:fixed;
		top:0;
		right:0;
		width:100%;
		z-index:100;
	}

@media screen and (min-width:768px){

	#menu-bar-container{
		position:relative;

	}
	
	
	
}

	body button:focus{
		outline:0px;
	}

	.menu-button{
		position: absolute;
		margin-top: -5px;
		width:25px;
		height:25px;
	}
	
	#backto-menu-button{
		margin-top: -6px;
		position: absolute;				
	}	

	nav#menu-bar{
		height:45px;
	}

	ul.menu {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		

		
	#menu-main_menu .menu-item {
		position: relative;
		float: left;
		}	

	#menu-main_menu li a {
		white-space: normal;
	}

	.main-menu-container{
		display:none;
		transition: 0.4s ease display;
		-webkit-transition: 0.4s ease display;				
	}		

	
	.main-menu-container li.menu-item > a {
		float: left;
		display: inline-block;
		padding-right: 10px;
		color: #002147;
		font-size: 18px;
		line-height: 40px;
		transition: color 0.5s ease;
		font-size: 14px;
		text-decoration:none;
	}	
		
	.main-menu-container ul.menu > li.menu-item a:hover {
		color: #0060d7;
		text-decoration: none;
	}		
		
	.main-menu-container li.menu-item {
		letter-spacing: 1px;
		font-family: 'azo-sans-web';
		text-transform: uppercase;
		float: left;
		color: #FFFFFF;
		text-decoration: none;
		background-color: transparent;
		font-family: 'Roboto';
		text-transform: uppercase;
		text-decoration:none;
		margin-right:28px;
		letter-spacing: 1px;
		font-size: 18px;
		position: relative;
		top:-11px;
	}	
	

@media screen and (min-width:992px){
	.main-menu-container li.menu-item {
		margin-right:35px;
	}	
	

}	

li.menu-item-has-children{
	display:block!important;
}

.dropdown-content, .top-level-menu-item:hover .dropdown-content, .top-level-menu-item:focus{
	display:block;
}

	.top-level-menu-item {
		position: relative;
		display: inline-block;
		padding-bottom: 30px;
	}
		
	.dropdown-content {
		display: block;
		background-color:#082f5d;
	}	
		
	.dropdown-content ul {
		list-style: none;
		margin-top:10px;
	}		
		
	.dropdown-content {
		display: none;
		position: absolute;
		width: auto;
		min-width: 250px;
		z-index: 1;
		height: auto;
		border-left: 1px solid #a9a9a9;
		top: 40px;
		border-top: 0px;
		background-color: #d3d3d3;
		padding-bottom:20px;
	}		
	
	.top-level-menu-item .dropdown-content{
		display:none;
	}
		
	
	.dropdown-content, .top-level-menu-item:hover .dropdown-content, .top-level-menu-item:focus{
		display:block;

	}



/*-- MENU ICON --*/

			
			#menu-bar nav{
				height:50px;
			}
			
			.menu-line{
				height:3px;
				background-color:#002147;
				width:25px;
				margin-right:10px;
				margin-left:0px!important;
				position:absolute;
				transition: opacity .3s ease-in-out;
			   -moz-transition: opacity .3s ease-in-out;
			   -webkit-transition: opacity .3s ease-in-out;
			}
			
			
			.menu-line-1, .menu-line-1c{
				top:5px;
			}
			.menu-line-2a, .menu-line-2b, .menu-line-2c {
				top:12px;
				-webkit-transition: -webkit-transform .3s ease-in-out;
				-ms-transition: -ms-transform .3s ease-in-out;
				transition: transform .3s ease-in-out;
			}
			.menu-line-3, .menu-line-3c{
				top:19px;
			}
			
			.disappear {
				opacity:0;
			}
			
			.rotate45{
			    transform:rotate(45deg);
				-ms-transform:rotate(45deg);
				-webkit-transform:rotate(45deg);	
			}
			
			.rotateminus45{
			    transform:rotate(-45deg);
				-ms-transform:rotate(-45deg);
				-webkit-transform:rotate(-45deg);	
			}


	.moveable-search-button{
		transition: all 0.5s ease-in-out;
	}

	.search-box-is-open .moveable-search-button {
		transform:translate(-10px, 0);
	}

	.search-box-is-open .moveable-search-button svg{
		fill:#dd85dd;
	}

	button#searchsubmit{
		border: none;
		padding: 0px;
		cursor: pointer;
		outline: inherit;
		color: #FFFFFF;
		color: white;
		background-color: transparent;
		font-size: 25px;
		position: absolute;
		right: 0px;
		padding-right:7.5px;
		padding-left:7.5px;
		height: 40px;
		width:40px;
		z-index:1000;
		float: left;
		transition:color 0.5s ease;
		}


	button#search-button{
			margin-top: -7px;
			right: 25px;
			position: absolute;			
			width: 30px;
			height: 30px;
			display: block;
			float: right;
			fill: #002147;
			padding: 5px;
			z-index: 1000;
			background-color: transparent;
			border: 0px;
	}

@media screen and (min-width:768px){
	button#search-button{
			right: 10px;
	}	
	
}

	button#searchsubmit:hover{
		color:#0e2050;
	}

	button#searchsubmit:focus{
		color:#FFFFFF;
	}


	.search-form form input[type=submit] {
		height: 35px;
		width: 35px;
		right: -5px;
		background: transparent;
		position: absolute;
		top: 5px;
		padding: 10px;
		border: 0px;
		cursor: pointer;
		padding: 10px;
		height: 35px;
		z-index: 1001;

	}
	
	
	
	#backto-menu-button{
			display:none;
	}

	.search-form {
		display:none;
		height: 45px;
		background-color: purple;
		width: 234px;
		margin-top: -20px;
		float: right;
		position: absolute;
		right: 0px;
		top: 5px;
	}
	
@media screen and (min-width:768px){
	.search-form {
		right: 10px;

	}

}	
	
	.search-form form input[type=text] {
		background-color: transparent;
		border: 0px;
		height: 45px;
		color: #FFFFFF;
		right: 0px!important;
		position: absolute;
		top: 0px;
		padding-left: 10px;
		padding-right: 52px;
		width:232px;
	}	
	
	.search-form form input[type=text]:focus-visible{
		border:0px;
	
	}		

	.search-form form{
		position:relative;
	}


	#mobile-menu {
		background-color: #333333;
		border-bottom: 1px solid #203d5f;
		width: 100%;
		height: auto;
		color: #FFFFFF;
		padding-bottom: 50px;
		display: none;
		border-bottom: 1px solid #1c579b;
		border-top: 1px solid #396da9;
		z-index: 200;
		position: absolute;
		top:45px;
	}

		
			#mobile-menu .col{
				flex-basis:1;
			}
	
			#mobile-menu .container-xl .row{
				margin:0px;
				margin-top:20px;
			}

			#mobile-menu .menu-item.col{
				float:left;
				width:100%;
				display:inline-block;
				padding:0px;
				margin-right:0px;
				-webkit-column-break-inside: avoid;
				page-break-inside: avoid;
				break-inside: avoid-column;
			}
	@media screen and (min-width:600px){
			#mobile-menu .menu-item.col{
				width:auto;
				min-width: 30%;
			}
	}	

		#mobile-menu{
				width:100%;
				height:auto;
				color:#FFFFFF;
				padding-bottom:150px;
				display:none;
				border-bottom:1px solid #163f6e;
				border-top:1px solid #163f6e;
				z-index:200;
				height: calc(100vh + 30px);

				position: fixed;
				overflow-y:scroll;
		}

	@media screen and (min-width:768px){
			#mobile-menu{
				position:absolute;
				height:auto;
				overflow-y:hidden;
				padding-bottom:50px;				
			}	
	}
	
		@media screen and (min-width:1200px){
			#menu-main_menu-1{
				border-left: 1px solid #163f6e;
				border-right: 1px solid #163f6e;
			}
		}
			
		@media screen and (min-width:768px){

			#mobile-menu .menu-item.col{
				
				max-width:250px;
			}

		}			

		#menu-main_menu-1{
			padding-left:10px;
			margin-top:30px;
		}
		
		.section-first-level-items{
			list-style:none;
			padding-left:0px;
			height:100%;
		}
		
@media screen and (min-width:768px){
		.section-first-level-items{
			border-right:1px solid #444242;
		}
	
}
		
		.section-first-level-items .menu-item{
			font-size:1.3em;
			margin-bottom:15px;
			padding-top: 5px;
			padding-right:20px;
		}
		
@media screen and (min-width:768px){
		.section-first-level-items .menu-item{
			font-size:1.3em;
			margin-bottom:15px;
			padding-top: 5px;
			border-bottom: 0px;
		}
	
}



		
		.section-second-level-items{
			font-size: 0.75em;
			padding-left: 20px;
			color:#acb9c7;
			border-left: 3px solid #4a6b87;
			margin-top: 5px;
			list-style: none;			
		}
		
		.section-second-level-items .menu-item{
			border-bottom:0px;
			line-height:17px;
		}

		.section-second-level-items .menu-item a{
			color:#acb9c7;
		}

		#menu-main_menu-1 > .menu-item:last-of-type ul.section-first-level-items{
			border-right:0px;
			padding-bottom:150px;
		}
		
@media screen and (min-width:768px){
		#menu-main_menu-1 > .menu-item:last-of-type ul.section-first-level-items{
			border-right:0px;
			padding-bottom:0px;
		}
}	
		

		ul.dropdown-column li.menu-item a{
			line-height:17px;
			padding-top:20px;
		}


	#searchterm{
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}


	
	#filter-button{
		border-radius: 20px;
		color: #FFFFFF;
		border: 0px;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		padding-right: 12px;
		margin-left:-10px;
		width:30px;
		height:22px;
		cursor:pointer;
		-webkit-transition: 500 -webkit-filter linear;
		-moz-transition: 500 -moz-filter linear;
		-moz-transition: 500 filter linear;
		-ms-transition: 500 -ms-filter linear;
		-o-transition: 500 -o-filter linear;
		transition: 500 filter linear;
	}

	#filter-button:hover{
		filter:brightness(90%);
		-ms-filter: brightness(90%);
		-o-filter: brightness(90%); 
		-moz-filter: brightness(90%);
		-webkit-filter: brightness(90%);
	}

	#filter-button:focus, #filter-button:active{
		filter:brightness(80%);
	}

/*--- RESPONSIVE TABLES ---*/

	table {
		margin: 0;
		padding: 0;
		width: 100%;
		table-layout: fixed;
		display: table;
		border-collapse: separate;
		margin-bottom:40px!important;
	}
	
	table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th{
		border:1px solid #000000;
	}	

	.table-bordered {
		border: 1px solid #ffffff!important;
	}

	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
		border:1px solid #000000;
		border-top:0px;
		border-bottom: 0px;
	}




	.table-bordered td, .table-bordered th{
		border:1px solid #000000;
	}



	.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
		border-top:1px solid #000000;
	}


@media screen and (min-width:600px){
	.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
		border:1px solid #000000;
	}
}

	table tr {
		padding: .35em;
	}

	table th,
	table td {
		padding: .625em;
		text-align: left;
		word-break:break-word;

	}

	table th {
		font-size: .85em;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

@media screen and (max-width: 600px) {

	table caption {
		font-size: 1.3em;
	}

	table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table tr {

	display: block;
	margin-bottom: .625em;
	}
	
	
	
	
	table .table-bordered td, .table-bordered{
		border:1px solid #000000;
		border-top:0px;
	}
	
	table tr td:first-child{
		border-top:1px solid #000000;
		border-bottom:0px;
	}
	
	table tr td:last-child{
		border-bottom:1px solid #000000;
	}
	
	

	table td, table th {
	display: block;
	font-size: .8em;
	text-align: right;
	min-height:0px;
	text-align:left;
	width:100%!important;
	}

	table td::before {
	/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	DATA-LABEL id added in by the responsive-tables.js

	*/
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 20px;
	text-align: left;
	background-color: #002147;
	color: #FFFFFF;
	padding: 5px;
	margin-top: -4px;
    margin-left: -3px;
	min-width:100px;
	}
}	


/*-- TYPOGRAPHY --*/

p{
	font-size:0.9em;
}



/*-- HEADER --*/


	.double-logo-container{
		width:160px;
		height:70px;
		float:right;
	}

@media screen and (min-width:768px){
	
	.double-logo-container{
		width:150px;
		height:70px;
		float:right;
	}

}

@media screen and (min-width:992px){
	.double-logo-container{
		width:232px;
		height:110px;
	}
}
	.double-logo-container .square-logo:nth-child(2){
		margin-right:0px;
	}
	.square-logo{
		height:70px;
		width:70px;
		margin-right:9px;
		float:left;
	}
	
@media screen and (min-width:992px){
	.square-logo{
		height:110px;
		width:110px;
		margin-right:12px;
		float:left;
	}

}

#header-oxford-logo{
	margin-right:0px;
}

#logo-text{
	height:70px;
	margin-left:-10px;
}

@media screen and (min-width:575px){
	#logo-text.logo-text-padding-required{
		padding-left:60px;	
	}

}

@media screen and (min-width:768px){
	#logo-text.logo-text-padding-required{
		padding-left:40px;	
	}

}

@media screen and (min-width:992px){
	#logo-text.logo-text-padding-required{
		padding-left:60px;		
	}

}

@media screen and (min-width:575px){
	#logo-text.logo-text-padding-required{
		padding-left:60px;	
	}

}



@media screen and (min-width:768px){
	#domesticai-text{
		margin-bottom:-20px;		
	}

}



@media screen and (min-width:992px){
	#logo-text{
		height:110px;
	}
}



/*--- FOOTER ---*/

footer{
	background-color:#002147;
	color:#FFFFFF;
	font-size:0.8em;
	width:100%;
	position:relative;
	display:block;
	float:left;
}

footer a{
	color:lightblue;
}

footer a:hover{
	color:violet;
}


.footer-column{
	font-size:1.6em;
}

.bottom-bar{
	background-color:#000000;
	padding-top:20px;
	padding-bottom:20px;
	color:#FFFFFF;
	font-size:1.4em;
}



	#oii-text-logo{
		width:60%;
		max-width:200px;
	}

.full-width-container{
	width:100%;
	display:block;
}


footer svg{

	fill:#FFFFFF;
	width:45px;
	max-width:calc(20% - 5px);
	float:left;
	padding-right:5px;
	transition: fill 0.5s;
}

footer svg:hover{
	fill:violet;
}

footer h2{
	font-family: Lato;
    font-weight: 600;
    letter-spacing: 2px;
}

footer h2{
	color:#FFFFFF!important;
}

/*-- PAGINATION -- */

.pagination{
    float: right;
    width: auto;
	z-index: 5;
	margin-top: -70px;
	margin-right:-10px;
	align-items: flex-end;
    flex-direction: column;
}

	.pagination-inner-container{
		margin-top:9px;
	}


@media screen and (min-width:768px){
	.pagination-inner-container{
		margin-top:5px;
	}
}

.pagination .page-numbers {
    background-color: #0e2050;
    -moz-box-sizing: border-box;
    color: white;
    display: inline-block;
    padding: 0px;
    border-radius: 50%;
    transition: 0.3s;
    width: 25px;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
    height: 25px;
}

@media screen and (min-width:768px){
	.pagination .page-numbers {
		width: 33px;
		height: 33px;
	}	
}

.pagination .page-numbers.current{
	background-color:#858585;
}

.pagination .page-numbers:after {
    width: 45px;
    height: 45px;
    background-color: #e1e1e1;
    content: ".";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    left: -9px;
    top: -9px;
    color: #FFFFFF;
    font-size: 0px;
	
}

@media screen and (min-width:768px){
	.pagination .page-numbers:after {
		width: 53px;
		height: 53px;
	}	
}

.pagination .page-numbers.next, .pagination .page-numbers.prev, .content .main-content .pagination .page-numbers.prev, .content .main-content .pagination .page-numbers.next {
    background-color: transparent;
    color: #0E2050;
    width: auto;
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
}

.pagination .page-numbers.next:after, .pagination .page-numbers.prev:after, .content .main-content .pagination .page-numbers.prev:after, .content .main-content .pagination .page-numbers.next:after {
	height:0px;
}

.pagination .page-numbers.next{
	padding-left:10px;
}

.pagination .page-numbers.prev{
	padding-right:10px;
}



/*-- FILTERS --*/


/*-- BLOCKS --*/

	
	.text-block img{
		max-width:100%;
		height:auto;
		width:100%;
	}
	
	p img{
		width:100%;
		height:auto;
	}
	
	.text-block img[loading="lazy"]{
		margin-top:20px;
		margin-bottom:20px;
	}
	
	
	.text-block .inset-box h3{
		margin-top:0px;
	}		
	
	.column-block.hide-section-title{
		margin-top:-30px;
	}
	
	.column-block img{
		width:100%;
	}
	
	.column-block h3{
		margin-top:10px;
	}
	
	.introduction-block{
		font-weight:400;
		font-size:2.4rem;
	}
	
	.logos-block{
		margin-top:60px;
		background-color:#FFFFFF;
	}

	.embed-block iframe{
		width:100%;
		height:auto;
	}
	
.iframe-container {
  overflow: hidden;
  position: relative;
}

.iframe-container.video{
	padding-top: 56.25%;
}
.iframe-container.audio{
	padding-top: 80px;
}

.iframe-container.tweet iframe #app {
	max-width:100%!important;
}

.twitter-tweet{
	max-width:100%!important;
}

.iframe-container > iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}	

/*-- SINGLE --*/

	.data-summary{
		font-size:0.8em;
		line-height:0.8em;
	}

	/*--- IMAGE ---*/
	
	@media screen and (min-width:768px){
		.single main picture.main-picture{
			float:right;
		}
	}
	.archive main picture.main-picture{
		float:right;
	}

	
	picture{
		overflow:hidden;
	}
	
	figcaption{
		max-width:400px;
		float:right;
	}
	
	
/*-- SINGLE PUBLICATIONS --*/

	.single-publications picture{
		overflow-y:hidden;
		position:relative;
	}
	
	.single-publications picture .internal-cover-container{
		background-color:#b9c9dd;
		height:100%;
		position:relative;
		overflow-y: hidden;	

	}

	.single-publications picture img.cover{
		width: 50%;
		position: absolute;

		height: auto;
	   
		transform: rotate( 
	10deg
	 );
		margin-top: 20px;
	}		
	
	.single-publications picture.cover-top img.cover{
		top:30px;
		left: 20%;
	}

	.single-publications picture.cover-bottom img.cover, picture.cover-bottom img.cover{
		top:-50%;
		left:30%;
	}


	
	.single-publications picture img:hov{
		width:350px;
	}
	
	
	.single-publications button{
		background-color: #176cd5;
		padding: 10px;
		padding-left: 15px;
		padding-right: 15px;	
		margin-bottom:50px;
	}
	
.archive-section{
	z-index:1;
	position:relative;
}	
	
/*--- BOXES ---*/
	
	article{
		z-index:0;
	}
	
	article a, article a:hover, article a:focus{
		text-decoration:none;
		color:#000000;
	}		


	.box:hover .box-interior{
		filter:brightness(95%);
	}
	
	.box.box-people:hover .box-interior{
		filter:brightness(100%);
	}

	.box p{
		font-size:0.93em;
		line-height:1.4em;
	}
	
	.box p:last-of-type{
		margin-bottom:90px;
	}
	
	.box a .box-interior, .box .box-interior{
		position: relative;
		min-height:200px;
		float:left;
	}
	
	.box .button-container{
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	
	.box.posh-link-box .button-container{	
		position: absolute;
		right: 15px;
	}	
	
	.box .box-text-container{
		float:left;
	}
	
@media screen and (min-width:768px){
	.box .box-text-container{
		height:100%;	
	}
}
	
	.featured.box .button-container{
		position:absolute;
		bottom:-10px;
		left:unset;
		right:-10px;
	}
	

	
	.box button.btn-primary{
		font-size: 0.8em;
		background: #002147;
		font-weight: 500;
		transition: background 0.5s, color 0.5s;
		border-radius: 100px;
		margin-top: 10px;
		color: #ffffff;
		font-weight: 500;
		transition: background 0.5s, color 0.5s;
		border: 0px solid white;
		padding: 5px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		height: 100px;
		padding-top:20px;
				border-top-left-radius:100px;
		border-top-right-radius:0px;
		padding-left:30px;
		padding-right:15px;
		width: 110px;
		white-space: normal;
		line-height: 14px;
	}	
	
	.box button.btn-primary:hover{
		background:#000000;
		color:#FFFFFF;
	}


	.box.featured button.btn-primary{
		border-top-left-radius:100px;
		border-top-right-radius:0px;
		padding-left:30px;
		padding-right:15px;
	}
	
	.box.full p:last-of-type{
		margin-bottom:0px;
	}
	
	.box.full .box-interior{
		padding-bottom:50px;
	}
	
	.box.full button.btn-primary{
		padding-top:10px;
		padding-bottom:10px;
		border-radius:20px;
		height:unset;
		padding-right:30px;
		padding-left:30px;
		
	}

	button.btn-primary{
		font-size: 0.8em;
		background: #002147;
		font-weight: 500;
		transition: background 0.5s, color 0.5s;
		color: #ffffff;
		font-weight: 500;
		transition: background 0.5s, color 0.5s;
		border: 0px solid white;
		padding: 5px;
		padding-top:20px;

		padding-left:30px;
		padding-right:15px;
		white-space: normal;
		line-height: 14px;
		font-family: 'Josefin Sans';
		font-weight: 400;
		font-size: 14px;
		padding-top: 12px!important;
		margin-top:20px;
		letter-spacing: 1px;
		padding: 8px;
		padding-left: 16px;
		padding-right: 16px;
		text-transform: uppercase;
	}	
	
	.box button.btn-primary{
		padding-top:30px!important;
	}


/*-- PUBLICATION BOX --*/



	.box-publication a .box-interior{
		background-color:#d3d3d3;
		padding-left:10px;
		padding-right:10px;
		transition: background-color 0.5s ease;
		height:100%;
	}



	.box-publication .box-interior img{
		width: calc(100% + 50px);
		position: relative;
		top: -25px;
		left: -25px;

	}		

	.box-publication .box-interior img {

		position: relative;
		width: calc(100% + 25px);
		top: 0px;
		left: -20px;
		margin-bottom:0px;
		transition: width 2s;
	}
	
	.box-publication:hover .box-interior img{
		width:120%;
	}

@media screen and (min-width:768px){	
	.box-publication .box-interior img {
		width: 100%;
		position: relative;
		margin-left: 0px;
		margin-bottom: 10px;
	}
	
	.box-publication:hover .box-interior img.figure-img{
		width:120%;
	}
}
	.box-publication picture{
		overflow: hidden;
		position: relative;
		background: transparent;
		width: calc(100% + 70px);
		margin-left: -25px;
		margin-top: -25px;
		margin-bottom: 30px;
	}

	.box-publication.featured-publication picture{
		width: calc(100% + 30px);
		margin-right: -25px;
		margin-top:0px;
	}


@media screen and (min-width:768px){
	.box-publication.featured-publication picture{
		width: calc(100% + 5px);
		margin-right: 0px;
		margin-bottom: 5px;
	}
}




	.box-publication .box-interior picture img.cover{
		width: 50%;
		z-index:3;
		position: absolute;
		height: auto;
		transform: rotate(10deg);
		margin-top: 20px;
		transition: width 3s;
	}
	
	.box-publication:nth-child(even) .box-interior picture img.cover{
		transform: rotate(-10deg);
	}		
	
	.box-publication:hover .box-interior picture img.cover{
		width:60%;
	}

	.box-publication .box-interior picture.cover-top img.cover {
		top: 30px;
		left: 20%;
	}

	.box-publication .box-interior picture.cover-bottom img.cover {
		top: -50%;
		left: 20%;
	}
	
	
	.box-publication.featured-publication.box.featured picture{
		top:5px;
		left:20px;
	}
	

/*-- POST BOX --*/


	.box-post a .box-interior{
		background-color:#d3d3d3;
		padding-left:10px;
		padding-right:10px;
		transition: background-color 0.5s ease;
		height:100%;
	}
	
	.box a:focus .box-interior{
		z-index:0;
	}

	.box-post .box-interior img{
		width: calc(100% + 50px);
		max-width: calc(100% + 50px);
		position: relative;
		top: -25px;
		left: -25px;

	}		
	
@media screen and (min-width:768px){
	.featured .box-interior .image-container{
		height:100%;
	}
}

	.featured .box-interior img {
		position: relative;
		width: calc(100% + 10px);
		top: 20px;
		left: -5px;
		margin-bottom: 20px;
	}

@media screen and (min-width:768px){	
	.featured .box-interior img {
		width: 100%;
		height: calc(100% - 40px);
		position: relative;
		margin-left: 0px;
		margin-bottom: 10px;
		object-fit:cover;
	}
}
	.featured picture{
		background:transparent;
		float:none;
	}
	
	
	.full-post .box-interior img{
	width: calc(100% + 50px);
    max-width: calc(100% + 50px);
    position: relative;
    /* top: -25px; */
    left: -25px;
    padding: 20px;
	margin-top: 20px;
	padding-bottom:0px;
	}


/*-- NEWS BOX --*/

	.box-news a .box-interior{
		background-color:#d3d3d3;
		padding-left:10px;
		padding-right:10px;
		transition: background-color 0.5s ease;
		height:100%;
	}




	.box-news .box-interior img{
		width: calc(100% + 50px);
		max-width: calc(100% + 50px);
		position: relative;
		top: -25px;
		left: -25px;

	}		

	.box-news.featured-news .box-interior img {

		position: relative;
		width: calc(100% + 25px);
		top: 5px;
		left: -20px;
		margin-bottom:0px;
	}

@media screen and (min-width:768px){	
	.box-news.featured-news .box-interior img {
	width: 100%;
    position: relative;
    margin-left: 0px;
    margin-bottom: 10px;
	}
}
	.box-news.featured-news picture{
		background:transparent;
		float:none;
	}
	
	
	.full-news .box-interior img{
	width: calc(100% + 50px);
    max-width: calc(100% + 50px);
    position: relative;
    /* top: -25px; */
    left: -25px;
    padding: 20px;
	margin-top: 20px;
	padding-bottom:0px;
	}


/*--- BOX VIDEOS ---*/

	.box-videos.col-md-6 .box-interior iframe.embedded-video, iframe.fluidvids-item{
		height:calc((100vw - 80px )* 9/16);
	}


@media screen and (min-width:768px){
	.box-videos.col-md-6 .box-interior iframe.embedded-video, iframe.fluidvids-item{
		height:calc((100vw - 160px )* 9/32);
	}
}

@media screen and (min-width:992px){
	.box-videos.col-lg-4 .box-interior iframe.embedded-video, iframe.fluidvids-item{
		height:calc((1100px - 160px )* 9/48);
	}
}


	.box-videos h3{
		color: #acadbb;
		font-size: 1.4em;
	}
	
	.box-videos .box-interior{
		padding-top:15px;
		height: 100%;
	}
	
.box-videos h3{
	color:#bda248!important;
	margin-bottom:20px;
}	

.box-videos p{
	color:#FFFFFF;
}

/*-- PEOPLE BOX --*/


	.box-people{
		min-height:210px;
	}

	.box-people .box-interior{
		background-color:#d3d3d3;
		padding-left:10px;
		padding-right:10px;
		transition: background-color 0.5s ease;
		height:100%;
	}
	
	
	.box-people .box-interior img{
		width: 100px;
		height: 100px;
		border-radius: 50%;
		border: 10px solid #e1e1e1;
		position: relative;
		float: right;
		top: -50px;
		right: -45px;
		shape-outside: ellipse(50px 70px at 70% 0%);
		background:transparent;
	}		
	
@media screen and (min-width:768px){
	.box-people .box-interior img{
		width: 120px;
		height: 120px;
		right: -55px;
	}	
}


/*--- COVERAGE BOX ---*/

	.box-press a .box-interior{
		background-color:#d3d3d3;
		padding-left:10px;
		padding-right:10px;
		transition: background-color 0.5s ease;
		height:100%;
	}
	


	.box-press .box-image-container{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 180px;
		background-color: #FFFFFF;
	}


	.box-press .box-image-container img{
		width: 60%;
		height: 60%;
		object-fit: contain;
		-webkit-filter: grayscale(100%);
	}
	
	.box-press .box-interior .box-image-container {
		width: calc(100% + 50px);
		position: relative;
		top: -25px;
		left: -25px;
	}	

	.box-interior .external-link-icon{
		position:absolute;
		bottom: 15px;
		left: 15px;
		width: 15px;
	}

	.box-interior .external-link-icon svg{
		fill:#000000;
	}

	.box-press.featured-coverage .box-interior .box-image-container {
		width: calc(100% + 25px);
		position: relative;
		top: 5px;
		left: -20px;
	}
			
@media screen and (min-width:768px){
	.box-press.featured-coverage .box-interior .box-image-container {
		width: 100%;
		position: relative;
		top: 5px;
		left: -20px;
		height:100%;
	}
	
	.box-press.featured-coverage .box-interior > div{
		height:calc(100% - 10px);
	}
}

/*--- SITE TAGS ---*/

#site-tags{
	background-color:#c2c2ff;
}

#site-tags button{
	font-size: 1.6em;
}


.dark{
	color:#FFFFFF;
}

.lite{
	color:#000000;
}


/*--- CAROUSEL ---*/


.blank-opener{
	background-color:#FFFFFF;
	}

	.carousel-text-box{
		width:100%;
		height:80%;
		padding: 50px;	
		margin-right:30px;
		color:#FFFFFF;
		font-size:1.25em;
		background-color:transparent;
	}

@media screen and (min-width:768px){
	.carousel-text-box{
		margin-right:0px;
		width:40%;
		height:80%;
		background-color: rgba(179,186,232,0.3);
		color:#FFFFFF;
		font-size:2vw;
		line-height:2.5vw;
	}
	
}

@media screen and (min-width:768px){

	.carousel-text-box.transparent{
		background-color:rgba(255,255,255,0);
	}
	.carousel-text-box.light-white{
		background-color:rgba(255,255,255,0.3);
	}
	.carousel-text-box.mid-white{
		background-color:rgba(255,255,255,0.6);
	}
	.carousel-text-box.near-white{
		background-color:rgba(255,255,255,0.9);
	}
	.carousel-text-box.light-oxford{
		background-color:rgba(0,33,71,0.3);
	}
	.carousel-text-box.mid-oxford{
		background-color:rgba(0,33,71,0.6);
	}
	.carousel-text-box.dark-oxford{
		background-color:rgba(0,33,71,0.9);
	}

}


@media screen and (min-width:1200px){
	.carousel-text-box{
		font-size:1.6vw;
		line-height:2vw;
	}
	
}

@media screen and (min-width:1400px){
	.carousel-text-box{
		font-size:1.3vw;
		line-height:2vw;
	}
	
}

	.carousel-container{
		display:inline-flex;
		position:relative;
		float:left;
	}




@media screen and (min-width:768px){
	.carousel-container{
		height:35vw;
		margin-bottom:0px;
	
	}
}


@media screen and (min-width:1200px){
	.carousel-container{
		height:30vw;
	}
}


@media screen and (min-width:1500px){
	.carousel-container{
		height:24vw;

	}
}




	.carousel-container .carousel-slide{

		height:100%;	
		width:100vw;
		overflow-x:clip;
		float:left;
		display:block;
		grid-area: 1 / 1;
		-ms-grid-area: 1 / 1;
	}

@media screen and (min-width:768px){
	.carousel-container .carousel-slide{
		overflow:hidden;
		height:35vw;
		display:grid;
	}
}

@media screen and (min-width:992px){
	.carousel-container .carousel-slide{
		overflow:hidden;
		height:100%;
	}


}


	.carousel-container .carousel-slide img{
		height:100%;
		width:auto;
		margin-left:-5vw;
		height:53vw;
		float:left;
	
	}

@media screen and (min-width:768px){
	.carousel-container .carousel-slide img{
		height: 35vw;
		margin-left: -5vw;
		grid-area: 1 / 1;
		width: auto;
		grid-area: 1 / 1;
	}
}


@media screen and (min-width:1200px){
	.carousel-container .carousel-slide img{
		width: auto;
		margin-left: -5vw;
		height:30vw;
	}
}

@media screen and (min-width:1500px){
	.carousel-container .carousel-slide img{
		width: 100%;
		margin-left: 0vw;
		height:24vw;
		
	}
}

	.carousel-text-overlay{
		width: 100vw;
		background-color:#002147;
		float:left;
		height: calc(100% - 50vw);
	}


@media screen and (min-width:768px){
	.carousel-text-overlay{
		height: 100%;
		width:100%;
		background-color:transparent;
		grid-area: 1 / 1;
		height: 100%;
		align-items: center;
		display: flex;
		justify-content: flex-end;
		width: 100vw;
		margin-left: -2vw;		
	}
}
	.carousel-text-container{
		height: 100%;
		align-items: center;
		display: flex;
		justify-content: flex-end;
	}


.carousel-dots {
    display: flex;
    justify-content: flex-end;
    right: 20px;
    z-index: 200;
    align-items: center;
	margin-top:-6vw;

}

.carousel-slide{
	display:none;
}

	.carousel-dots{
		margin-top: -40px;
		float:right;
		margin-right: 30px;
	}


@media screen and (min-width:768px){
	.carousel-dots{
		margin-top: -8vw;
		margin-right: 70px;
	}
}

@media screen and (min-width:992px){
	.carousel-dots{
		margin-top: -7vw;

	}
}

@media screen and (min-width:1200px){
	.carousel-dots{
		margin-right: 30px;
		margin-top: -80px;
	}
}



.carousel-dots button {
    height: 15px;
    width: 15px;
    background-color: #FFFFFF;
    border: #0e2050 1px solid;
    border-radius: 50%;
    margin-left: 5px;
    position: relative;
    justify-content: center;
    align-items: center;
}

.carousel-dots button .inner-dot {
    height: 9px;
    width: 9px;
    background-color: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
}
.carousel-dots button.active-dot .inner-dot {
    background-color: #0e2050;
}

.box-controls {
    background-color: rgba(255, 255, 255, 1);
    height: 45px;
    width: 45px;
    border-radius: 50%;
    position: absolute;
    margin-left: 5px;
    cursor: pointer;
    transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    background-color:transparent;
}

.box-controls-inner svg {
    height: 16px;
    width: 16px;
	fill:#FFFFFF;
}


/*-- POSH --*/
.box.posh-link-box .box-interior{
	height:100%;
}

.box.posh-link-box img{

	width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: -25px;
    margin-bottom: 30px;

}

@media screen and (min-width:992px){
	.box.posh-link-box img{
		width: calc(100% + 30px);
		margin-left: -15px;
		margin-top: -30px;
		margin-bottom: 25px;
	}	
	
}


.box.posh-link-box h3{
	font-size:1.5em;
	text-align:center
}

.box.posh-link-box a{
	text-decoration:none;
	color:#000000;
}

.box.posh-link-box a:hover{
	color:#000000;
}


.sliding-row{
	display:grid;
}

@media screen and (min-width:768px){
	.sliding-row{
		height:100%;
	}
}

.sliding-row-buttons {
    position: relative;
    z-index: 50;
    width: 100%;
    display: block;
}

	.carousel-section .sliding-row-buttons.no-image {
		display: flex;
		align-items: center;
		top: 25vw;
		width:100vw;

	}


@media screen and (min-width:768px){

	.carousel-section .sliding-row-buttons.no-image {
		height: 100%;
		top:17.5vw;
	}
	
}

@media screen and (min-width:992px){

	.carousel-section .sliding-row-buttons.no-image {
		top: 15vw;
	}
	
}


@media screen and (min-width:1200px){

	.carousel-section .sliding-row-buttons.no-image {
		top: 12vw;
	}
	
}


.carousel-section .box-controls .box-controls-inner {
    border-radius: 0px;
    height: 35px;
    width: 35px;
    background-color: rgba(0,33,71,0.5);
    transition: background-color 0.5s ease;
}

.carousel-section .right-box-control {
    right: 0px;
    z-index: 2000;
	
}

.carousel-section .left-box-control {
    left: 0px;
    z-index: 2000;
}

#carousel button:focus {
	outline:0px
}

.carousel-controls-container{
	height:45px;
	width:100%;
}

.carousel-dot-container{
	display: flex;
    align-items: flex-end;
    height: 100%;
    width: 100vw;
}


.liveregion{
	width:0px;
	height:0px;
	overflow:hidden;
}

.carousel-button-container{
	width:100%;
}


.posts-container{
	display:grid;
}


	.carousel-text-Black{
		color:#FFFFFF;
	}

@media screen and (min-width:768px){
	.carousel-text-Black{
		color:#000000;
	}
}
	.carousel-text-White{
		color:#FFFFFF;
	}
	
/*-- ACCORDION BLOCK --*/

	.accordion-row-head{
		background-color:#0e6fab;
		color: #FFFFFF;
		font-family: 'Roboto';
		padding: 5px;
		padding-left: 30px;
		position: relative;
		z-index: 0;
		cursor: pointer;
		margin-top: 0px;
		display: flex;
		transition: background-color 0.5s ease;
		margin-bottom: 10px;
		font-weight: 300;
		font-size: 1.2em;
		
	}
	.accordion-name {
		width: calc(100% - 50px);
	}
	.accordion-row-head h4 {
		max-width: 90%;
		font-weight: 400;
		color: #FFFFFF;
		margin-top: 25px;
		text-transform: none;
		letter-spacing: 0px;
		font-weight: 400;
		font-size: 0.9em;
		margin-bottom:25px;
	}
	.down-button {
		position: absolute;
		width: 40px;
		height: 100%;
		top: 0px;
		right: 0px;
		display: flex;
		align-items: center;
	}
	.down-button .stroke-container {
		display: block;
		height: 20px;
		width: 20px;
		position: relative;
		transition: all 0.5s ease;
	}	
	.down-button .horizontal-stroke {
		background-color: #FFFFFF;
		width: 17px;
		height: 3px;
		position: absolute;
		top: 7px;
	}
	.down-button .vertical-stroke {
		background-color: #FFFFFF;
		width: 3px;
		height: 17px;
		position: absolute;
		left: 7px;
	}
		
	.accordion-row-text{
		display:none;
		background-color: #f1e9f8;
		margin-top: -10px;
		margin-bottom: 30px;

	}
	
	.accordion-open .stroke-container{
		transform: rotate(45deg);
		transform-origin:50% 50%;

	}
	
/*-- FOOTNOTES --*/

	.footnotes{
		float: left;
		width:100%;
		background-color:aliceblue; padding-top:30px;padding-bottom:30px; font-size:1.6em	
	
	}
	
/*--- SINGLE PAGE SITE MENU CHANGES ---*/	
	
.single-page-site header, .single-page-site main{
	position:relative;
}

.single-page-site #menu-bar-container {
	position:relative;
}

.single-page-site nav#menu-bar {
    height: auto;
}

.single-page-site .full-size-menu{
	height:30px;
}
.single-page-site nav#menu-bar {
    height: auto;
	padding-bottom: 0px!important;
}
@media screen and (min-width:768px){
	.single-page-site nav#menu-bar {
		height: 45px;
		padding-bottom:unset;
	}
}

.single-page-site body header{
	position:relative;
}
@media screen and (min-width:768px){
	
	.single-page-site body header{
		position:fixed;
	}
}	


/*--- VIDEOS - MAKE FULL SCREEN ---*/


	iframe.embedded-video, iframe.fluidvids-item{
		margin-bottom: 30px;
		width:100%;
		border: 0px;
		float: left;
		height: calc((100vw - 57px )* 9/16);
	}

@media screen and (min-width:768px){
	iframe.embedded-video, iframe.fluidvids-item{
		height: calc((100vw - 80px )* 9/16);
	}
}
	
	iframe[loading="lazy"]{
		margin-bottom: 30px;
		width: 100%;
		border: 0px;
		float: left;
		height: calc((100vw - 80px )* 9/16);
		margin-left: 0px;
		margin-top: 20px;

	}

@media screen and (min-width:1100px){
	iframe[loading="lazy"] {
		margin-bottom: 30px;
		width: 100%;
		border: 0px;
		float: left;
		height: calc(10500px/16);
		margin-left: 0px;
		margin-top: 20px;
	}

	
}	
	

	.inset-video iframe.embedded-video, iframe[width:500]{
		height: calc((100vw - 140px)*9/16);
	}


	.inset-box iframe.embedded-video{
		height:	calc((100vw - 100px)*9/16)
	}

@media screen and (min-width:768px){
	.inset-box iframe.embedded-video{
		height: calc((50vw - 110px)*9/16);
	}
}


	.inset-video{
		z-index: 3;
		position: relative;
	}




@media screen and (min-width:992px){

	iframe.embedded-video{
		margin-bottom: 40px;
		width: 100%;
		height: calc((100vw - 90px)*9/16);

	}

	.inset-video{
		float: right;
		width: 45%;
		margin-left: 30px;
		margin-bottom: 30px;
	}
	
	.inset-box iframe.embedded-video{
		height:165px;
	}

}



@media screen and (min-width:1240px){

	iframe.embedded-video{
		float: right;
		margin-bottom: 40px;
		width: 100%;
		height:632px;

	}

	.inset-video iframe.embedded-video{
		height:270px;
	}

	.inset-box iframe.embedded-video{
		height:175px;
	}

}

	iframe.full-width-video, iframe.fluidvids-item{
		width:calc(100% - 4px);
		height:calc((100vw - 80px )* 9/16);
		margin-top:30px;
	}

@media screen and (min-width:768px){

	iframe.full-width-video, iframe.fluidvids-item{
		height: calc((100vw - 80px )* 9/16);
	}
	
}

@media screen and (min-width:992px){

	iframe.full-width-video, iframe.fluidvids-item{
		height: 500px;
	}
	
}

@media screen and (min-width:1240px){

	iframe.full-width-video, iframe.fluidvids-item{
		height: 618px;
	}
	
}


.column-block .col-12 .col-lg-4:first-child iframe.embedded-video{
	height:calc((100vw - 70px )* 9/16);
}


@media screen and (min-width:768px){
	.column-block .col-md-6 iframe.embedded-video{		
		height:calc((50vw - 55px )* 9/16);
	}
}


@media screen and (min-width:992px){
	.column-block .col-md-6 iframe.embedded-video{		
		height:calc((50vw - 75px )* 9/16);
	}
}




@media screen and (min-width:1240px){
	.column-block .col-md-6 iframe.embedded-video{		
		height:302px;
	}
}





@media screen and (min-width:768px){
	.column-block .col-lg-4 iframe.embedded-video{		
		height:calc((50vw - 70px )* 9/16);
	}
}



@media screen and (min-width:992px){
	.column-block .col-lg-4 iframe.embedded-video, .column-block .col-12 .col-lg-4:first-child iframe.embedded-video{		
		height:calc((33.3vw - 60px )* 9/16);
	}
}

@media screen and (min-width:1240px){
	.column-block .col-lg-4 iframe.embedded-video, .column-block .col-12 .col-lg-4:first-child iframe.embedded-video{		
		height:195px;
	}
}



.footnote-block{
	font-size:1.2em;
}

main section{
	width:100%;
	display:block;

}

.lite-one + .lite-two, .lite-one + .lite-three, .lite-one + .dark-one, .lite-one + .dark-two, .lite-one + .dark-three, 
.lite-two + .lite-one, .lite-two + .lite-three, .lite-two + .dark-one, .lite-two + .dark-two, .lite-two + .dark-three, 
.lite-three + .lite-one, .lite-three + .lite-two, .lite-three + .dark-one, .lite-three + .dark-two, .lite-three + .dark-three, 
.dark-one + .lite-one, .dark-one + .lite-two, .dark-one + .lite-three, .dark-one + .dark-two, .dark-one + .dark-three,
.dark-two + .lite-one, .dark-two + .lite-two, .dark-two + .lite-three, .dark-two + .dark-one, .dark-two + .dark-three,
.dark-three + .lite-one, .dark-three + .lite-two, .dark-three + .lite-three, .dark-three + .dark-one, .dark-three + .dark-two

 {
	margin-top:-30px;
}

/*--- SYMPLECTIC PUBLICATIONS ---*/

ul.symplectic-list {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}

ul.symplectic-list li {
	padding: 0.9em 0 0.9em 1.1em;
	border-left: 3px solid #002147;
	margin-bottom: 0.6em;
	line-height: 1.6;
	font-size: 0.95em;
}

ul.symplectic-list .authors {
	font-weight: 600;
}

ul.symplectic-list .publication-date {
	color: #555;
}

ul.symplectic-list .title a,
ul.symplectic-list .title-parent a {
	color: #0e6fab;
	text-decoration: none;
}

ul.symplectic-list .title a:hover,
ul.symplectic-list .title-parent a:hover {
	text-decoration: underline;
}

ul.symplectic-list .journal,
ul.symplectic-list .title-parent {
	font-style: italic;
}

ul.symplectic-list .volume {
	font-weight: 600;
}

ul.symplectic-list .status {
	color: #666;
	font-style: italic;
}