/*
Theme Name: OII Satellite
*/


/* ACCESSIBILITY */


	.user-is-tabbing *:focus, .user-is-tabbing a:focus > .post-box-inner-text{
		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;
	}

/* BASIC CSS OVERRIDES */
	
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;
}	


button.call-to-action-button{
	background: transparent;
    color: inherit;
    border: 2px solid #0e2050;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent;
    border-radius: 20px;
    color: #0e2050;
	font-weight:bold;
    font-family: 'Lato';
	letter-spacing:1px;
    padding: 8px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 10px;
	text-transform:uppercase;
	
}


section .inline-container.has-background-color button, section.background-transparent .inline-container.has-background-color button{
	color:#FFFFFF;
	border-color:#FFFFFF;
}	


.box button.call-to-action-button{
	background: transparent;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;

	
}

.box.has-background-color .box-details{
	color:#FFFFFF;
}



button.call-to-action-button:hover, button.call-to-action-button:focus{
	background-color:#0e2050;
	color:#FFFFFF;
}


/* SECTIONS */

	html{
		font-size: 100%;
		overflow-x: hidden;
	}

	body{
		font-family: 'Roboto', sans-serif;
		margin: 0;
		overflow-x: hidden;
		padding: 0;
		position: relative;
		font-size:15px;

	}

@media screen and (min-width:768px){
	
	body{
		float:none;
	}
	
}	

	body a{
		cursor:hand!important;
		color:#afbde2;
	}	
	
	.text-container a{
		color:#510eb9;
	}


	h1{
		padding-top:30px;
		padding-bottom:30px;
		margin:0px;		
		font-size:1.75em;
	}
	

	h1.small-h1{
		font-size:1.5em;
	}
	
	h1.medium-h1{
		font-size:1.75em;		
	}
	
	h1.large-h1{
		font-size:2em;
	}
	
@media screen and (min-width:768px){

	h1{
		font-size:2.3em;
	}

	h1.small-h1{
		font-size:2em;	
	}
	
	h1.medium-h1{
		font-size:2.3em;	
	}

	h1.large-h1{
		font-size:2.6em;
	}
}	
	

	h2{
		font-size:1.4em;
		margin-top:0px;	
		margin-bottom: 20px!important;
		float:none!important;
		margin-top: 40px;
		float: left;
		position: relative;
		display: inline-block;

	}

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

	h2{
		font-size:1.7em;
	}
	
}	
	
	h3{
		font-size:1.1em;
		width:calc(100% - 30px);
	}

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

	h3{
		font-size:1.3em;
	}
	
}	



@media screen and (min-width:1240px){
	h1{
		margin-left:-10px;
	}
	
}

	
	p{
		width:100%;
	}
	
	p ~ h3{
		margin-top:30px;
	}
	
	.text-container li ~ li, .content-listing li ~ li{
		padding-top:6px;
	}
	

/*  BASIC LAYOUT */

#main{
		margin-top:0px;
		padding-bottom:50px;
}


@media screen and (min-width:580px){
	#main{
		margin-top: -30px;
	}
}


@media screen and (min-width:768px){
	#main{
		margin-top: 59px;
	}
}





.colour-to-edge{
    float: left;
    width: 100vw;
	margin-bottom:30px;
}



	.container{
		width: calc(100% - 30px);
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;	
		min-width:290px;	
	
	}


@media screen and (min-width:450px){
	.container{
		padding-right:35px;
		padding-left:35px;
		width: calc(100% - 70px);
	}
	
}

@media screen and (min-width:992px){
	.container{
		max-width:1140px;
		padding-right:50px;
		padding-left:50px;
		width: calc(100% - 100px);
	}
	
	
}

	main{
		float: left;
		width: 100%;
		display: block;	
		min-height:40vh;
	}
	

	section{
		width:100%;
		float:left;
	}
	
	
	
	section:last-of-type{
		margin-bottom:50px;
	}
	
	
	
	section h2{
		margin-top:40px;
	}
	
	section.has-background-color{
		margin-top:20px;
	}
	
	section.has-background-color h2{
		margin-top:0px;
	}
	
	section:first-of-type h2{
		margin-top:0px;
	}
	
	section.has-background-color h2{
		margin-top:0px;
	}
	
	section.tabbed-section h2{
		font-size:1.4em;
	}
	
	
	
	.colour-to-edge section{
		margin-bottom:0px;

	}		
	
	section.tab-set{
		margin-bottom:0px;
	}
	




	section h2{
		float:left;
	}



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

	section h2.has-info-link{
		width:calc(100% - 190px);
	}

}

	section .see-all-container{
		float:left;
		display:block;
		width:100%;
		padding-left:0px;

	}


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

	section .see-all-container{
		float:right;
		display:block;
		width:150px;
		padding-left:30px;
		margin-block-end: 1.24em;
		line-height:1.5em;
		padding-top: 6px;
		margin-top:40px;
	}

}
	section.has-background-color{
		background-color:#0E6FAB;
		color:#FFFFFF!important;
		width:calc(100% - 40px);
		padding:20px;
		float:left;
		padding-top:40px;
		padding-bottom:40px;
	}

	
@media screen and (min-width: 450px){
	
	section.has-background-color{
		width:calc(100% - 80px);
		padding:40px;
	}
	
}


	section.text-section ~ section.has-background-color{
		margin-top:30px;
	}

	section .section-introduction{
		margin-bottom:30px;
	}

	.text-container{
		width:100%;
		float:left;
	}

	section .text-container{
		float: left;
		width: 100%;
	}


/*-- INFOLINE --*/


.single-info{
	background-color:#adbecc!important;
	color:#002147;
	margin-top:-30px;
}



/*-- INLINE CONTAINER --*/
	section .text-container .inline-container{
		width:100%;
		float:right;
		margin:25px;
		margin-top:16px;
		margin-right:0px;
		margin-left:40px;
	}
	
@media screen and (min-width:768px){
	section .text-container .inline-container{
		width:calc(50% - 10px);
	}
}	

	section .text-container .inline-container img{
		width:100%;
		height:auto;
		margin-bottom: -5px;
	}


article{
	position:relative;
}


/*-- LINK MOVEMENT --*/
.link-marker{
	cursor: pointer;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    position: absolute;
    background-color: #0e2050;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    float: right;
    display: inline-block;
	display: inline-block;
    right: 0px;
    top: 0px;
	transition: right 0.5s ease;
}

.has-background-color.custom-background-color .link-marker{
	background-color:#FFFFFF;
}

.see-all-container a:hover .link-marker{
	right:-10px;
}

	.see-all-container a{
		color: #0e2050;
		font-weight: bold;
		text-decoration: none;
		padding-right: 30px;
		float: left;
		position: relative;
	}
	
	.has-background-color.custom-background-color .see-all-container a{
		color:#FFFFFF!important
	}		


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

	.see-all-container a{
		float: right;
	}
	
	
}
.link-marker svg{
	fill:#FFFFFF;
	width: 7px;
    left: 7px;
    position: absolute;
    top: 5px;
}

/*--- IMAGE SECTION ---*/

	.image-caption{
		font-size:12px;
		font-style:italic;
		margin-top:10px;
		margin-bottom:30px;
		text-align:right;
		width:100%;
	}		
	
	
/*--- IMAGE SECTION ---*/
	.image-section img{
		width:100%;
	}
	

/*--- COLUMNED SECTION ---*/

	
	.column-container .column ul{
		padding-left:15px;
	}

	.column-container{
		display:flex;
		flex-direction:column;
		float:left;
		width:100%;
	}	

	.column-container .column{
		float:left;
		margin-bottom:30px;
		position:relative;
	}


	.column-container.align-buttons .column.has-button{		
		padding-bottom:80px;
	}


	.column-container .column.no-button{		
		padding-bottom:0px;
	}


	.column-container.align-buttons button.call-to-action-button{
		position:absolute;
		bottom:20px;
		left:0px;
	}


	.column-container .column-1, .column-container .column-2{
		width:100%;
	}

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

	.column-container .column{
		margin-bottom:20px;
	}


	.column-container.with-2-columns, .column-container.with-3-columns, .column-container.with-4-columns{
		flex-direction:row;
		flex-wrap:wrap;
	}

	.column-container .column-2, .column-container .column-4{
		min-width:calc(50% - 25px);
		width:calc(50% - 25px);
		margin-right:50px;
	}

	.column-container .column-3{
		width:calc(33.3333% - 33.3333px);
		min-width:calc(33.3333% - 33.3333px);
		margin-right:50px;
	}

	.column-container .column-2:nth-of-type(2n), .column-container .column-4:nth-of-type(2n){
		margin-right:0px;
	}
	
	.column-container .column-3:nth-of-type(3n){
		margin-right:0px;
	}
	
}

@media screen and (min-width:992px){
	
	.column-container .column-4{
		width:calc(25% - 37.5px);
		min-width:calc(25% - 37.5px);
		margin-right:50px;
	}

	.column-container .column-4{
		margin-right:50px;
	}


	.column-container .column-4:nth-of-type(4n){
		margin-right:0px;
	}
}



	.column-container.align-buttons .column{
		padding-bottom:90px;
	}

	.column-container .column img{
		width:100%;
		margin-top: 20px;
	}
	
	
	
	.box img{
		width:100%;
	}
	
	
	
/*-- MENU --*/
	
	nav.oii-colour-to-edge {
		display: block;
		top: 0px;
		position: absolute;
		z-index:3000;
		width: 100%;
	}

@media screen and (min-width:768px){
	
	nav.oii-colour-to-edge {
		top: 170px;
	}
}	
	

	.oii-row-background{
		width:100%;
		position:relative;
		height: 40px;
	}

	.navbar-nav{
		display:block;
	}
	
	.full-size-menu {
		width: calc(100% - 30px);
		height: 40px;
		float: left;
		padding-top:12px;
	}


	.main-menu-container  li.menu-item > a {
		float:left;
		display:inline-block;
		padding-right:10px;
		color:white;
		font-size:18px;
		line-height:40px; /* Height of menu */
		transition: color 0.5s ease;
		
	}

	.main-menu-container li.menu-item{
		float:left;
		color: #FFFFFF;
		text-decoration: none;
		background-color: transparent;
		font-family: 'Roboto';
		text-transform: lowercase;
		margin-right: 40px;
		letter-spacing:1px;
		font-size:18px;
		position:relative;

	}

	.main-menu-container li.menu-item a{
		transition:color 0.5s ease;
		-webkit-transition:color 0.5s ease;
		color:#FFFFFF;
		cursor:pointer!important;
		line-height:15px;
		text-decoration:none;
	}

	.main-menu-container ul.menu > li.menu-item a:hover{
		color:#7db3f2;
		text-decoration:none;
	}
	
	.main-menu-container .top-level-menu-item li.menu-item > a{
		font-size:13.2px;
	}
	
	

	.custom-mobile-menu > ul{
		margin-top:30px;
		
	}

	.custom-mobile-menu > ul > li {
		margin-top:10px;
	}

	.custom-mobile-menu > ul > li > a{
		color: #FFFFFF;
		text-decoration: none;
		background-color: transparent;
		font-family: 'Alegreya Sans SC';
		text-transform: lowercase;
		padding-right: 3%;
		letter-spacing: 1px;
		font-size: 18px;
		cursor:pointer!important;
		transition:color 0.5s ease;
		-webkit-transition:color 0.5s ease;
	}

	.custom-mobile-menu > ul > li > a:hover{
		color:#4e79ac;
		text-decoration:none;
		
	}


	.custom-mobile-menu a{
		transition: color 0.5s ease, border-color 0.5s ease;
	}



	.custom-mobile-menu > ul > li > ul li a{
		color:white;
		margin-top:10px;
		font-family:'Lato';
		font-size:13px;
	}

	.custom-mobile-menu > ul > li > ul li{
		list-style-type:none;

	}

	ul.sub-menu{
		padding: 0;
		margin-left:10px;
	}


	ul.sub-menu li a{
		line-height:20px!important;
	}

	#menu-main_menu li a{
		white-space: normal;
	}
	#mobile-menu li > a{
		transition:1s ease color;			
		-webkit-transition:1s ease color;
	}



	.display{
		display:block!important;
	}

	#menu-main_menu .menu-item{
		position:relative;
		float:left;
	}
	
	.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;
	}

	.dropdown-content a {
	  color: black;
	  padding: 6px 6px 16px 0px;
	  text-decoration: none;
	  display: block;

	}

	ul.dropdown-column{
		margin-left: 0px;
		padding-left: 0px;
		padding-bottom:20px;
	}

	ul.dropdown-column  > li{
		margin-right: 0px;
		width: 100%;
		padding-bottom:0px!important;
		padding-right: 20px;
		margin-left:35px;
		
	}

	ul.dropdown-column  > li:first-of-type{
		padding-top:10px!important;
	}


	ul.dropdown-column  > li:last-of-type{
		padding-bottom:10px!important;
	}


	ul.dropdown-column  > li > a{
		text-align:left;	
	}


	ul.dropdown-column .second-level-items{
		
	}

	ul.dropdown-column .second-level-items > li {
		padding-bottom: 10px!important;
	}


	ul.dropdown-column .second-level-items > li > a{
		text-transform: none;
		padding: 0px;
		font-family: Roboto;
		font-size: 14px;
		letter-spacing: 0px;
	}
	
	
	.dropdown-content, .top-level-menu-item:hover .dropdown-content, .top-level-menu-item:focus{
		display:block;

	}
	
	.navbar-nav{
		display:block;
	}


		#menu-button, #backto-menu-button{
				height: 30px;
				width: 30px;
				position: relative;
				float: left;
				cursor: pointer;
				margin-top: -5px;
				margin-left: 0px;
				padding: 0px;
				padding-right: 30px;
		}
		

						
		#backto-menu-button{
				display:none;
		}
			
		ul.menu{
			margin:0px;
			padding:0px;
			list-style:none;
		}

		#menu-button{
			display:block;
		}


		#menu-main_menu  ul.sub-menu{
			display:block;
			position:absolute;
			background-color:<?php echo $main_colour;?>;
			padding:20px;
			padding-top:10px;
			padding-bottom:10px;
			top:40px;
			z-index:1000;
			left:-15px;
			border-top:10px solid white;
			display:none;
		}
		
		

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

/*-- MOBILE MENU --*/

		.dropdown-content {
			display: none;
			position: absolute;
			width: auto;
			min-width:250px;
			z-index: 1;
			height: auto;
			border-left: 1px solid #50a6e8;
			top: 28px;
			border-top:0px;

		}
	



			
			#mobile-menu .col{
				flex-basis:1;
			}
	
			#mobile-menu .container .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:50px;
				display:none;
				border-bottom:1px solid #afbde2;
				border-top:1px solid #afbde2;
				z-index:200;
				position:absolute;
		}

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

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

		}			

		
			#mobile-menu ul.menu{
				column-count:1;
			}

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

			#mobile-menu ul.menu{
				column-count:2;
			}
				
		}
		
		@media screen and (min-width:768px){

			#mobile-menu ul.menu{
		
				display:flex;
				justify-content:space-between;
			}
				
		}		
		

		
		li.menu-item-has-children{
			display:block!important;
		}
			
			#mobile-menu .menu-item.col:last-of-type{
				margin-right:0px;
			}
			
			#mobile-menu ul.section-first-level-items, #mobile-menu ul.section-second-level-items, #mobile-menu ul.section-third-level-items, #mobile-menu ul.section-first-level-items > li, #mobile-menu ul.section-second-level-items > li, #mobile-menu ul.section-third-level-items > li{
				padding-left:0px;
				float:left;
				width:calc(100% - 20px);
				position:relative;
				display:block;
				padding-right:20px;
			}
			
			#mobile-menu .menu-item.col ul.section-first-level-items, #mobile-menu .menu-item.col ul.section-second-level-items{
				float:left;
			}
			
			#mobile-menu ul.section-second-level-items{
				width:calc(100% - 30px);
				padding-left:30px;
				padding-bottom: 0px;
				border-left:1px solid #50a6e8;
				margin-bottom:20px;
				color:#50a6e8;
			}
			
			#mobile-menu ul.section-second-level-items > li{

				margin-left:0px;
				list-style-image:square;
				display: list-item;
			}
			
			#mobile-menu .container .row > div{
				width:100%;
			}


			
			#mobile-menu ul .menu-item-has-children{
				margin-bottom:0px;
			}
			
		@media screen and (min-width:768px){
			#mobile-menu ul .menu-item-has-children{
				margin-bottom:20px;
			}
		}			
			#mobile-menu ul.section-first-level-items li > a{
				float: left;
				color: #FFFFFF;
				text-decoration: none;
				background-color: transparent;
				font-family: 'azo-sans-web';
				text-transform:uppercase;
				margin-right: 0px;
				letter-spacing: 1px;
				font-size:14px;
				line-height:14px;
				margin-bottom:10px;
				width:100%;
			}
						


			
			button#menu-button{
				padding:0px!important;
			}
			
			button#menu-button:hover{
				background-color:transparent;
				border:0px;
			}
	

			button#mobile-search-link{
				fill:#FFFFFF;
				width:30px;
				height:30px;
			}	
	


/*-- MENU ICON --*/

			
			#menu-bar nav{
				height:50px;
			}
			
			.menu-line{
				height:3px;
				background-color:#FFFFFF;
				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);	
			}



/*--- SEARCH ---*/


	#search-form {
		display: none;
		height: 40px;
		background-color: purple;
		width: 232px;
		margin-top: -7px;
		float: right;
		position: absolute;
		right: 0px;
		top: 7px;	
	}
	
	#search-form form input[type=text] {
			background-color: transparent;
			border: 0px;
			height: 38px;
			color: #FFFFFF;
			right: 0px!important;
			position: absolute;
			top: 0px;
			padding-left: 10px;
			padding-right: 52px;
	}	

	#search-form form{
		position:relative;
	}


	::placeholder {
	  color: #FFFFFF;
	  opacity: 1; /* Firefox */
	}

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

	::-ms-input-placeholder { /* Microsoft Edge */
	 color: #FFFFFF;
	}


	#search-form label{
		display:none;
	}

	.main-menu-container{
		position:relative;
		}
		
	.moveable-search-button{
		transition: all 0.5s ease-in-out;
	}

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

	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: 0px;
			position: absolute;			
			width: 30px;
			height: 30px;
			display: block;
			float: right;
			fill: #FFFFFF;
			padding: 5px;
			z-index: 1000;
			background-color: transparent;
			border: 0px;
	}

	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;
		}
			
		ul.menu{
			margin:0px;
			padding:0px;
			list-style:none;
		}

		#menu-button{
			display:block;
		}
		
		button#search-button{
			margin-top: -7px;
			right: 0px;
			position: absolute;			
			width: 30px;
			height: 30px;
			display: block;
			float: right;
			fill: #FFFFFF;
			padding: 5px;
			z-index: 1000;
		}
		
		
/*-- SEARCH RESULTS --*/

.box.search_result{
	width:100%;
}

.box.search_result h3{
	color:purple;
	position:relative;
	padding-left: 20px;
}

.box.search_result h3:before{
	content:"";
	width:12px;
	height:12px;
	background-color:purple;
	position:absolute;
	left:-5px;
	top:12px;
}

.box.search_result a:hover h3{
	color:#0e2050;
}


.box.search_result a p{
	color:black;
}

.box.search_result img{
	display:none;

}	


/*-- LOGOS CONTAINER --*/

	#logos-container {
		margin-top: 0px;
		position: relative;
		height: 80px;
		background-color: #f0f4ff;
		padding-top: 60px;
	}


@media screen and (min-width:768px){
	#logos-container{
			margin-top: 30px;	
			height:110px;
			background-color:transparent;
			padding-top:0px;
	}	
}

	#site-logo, #site-logo img{
		float: left;
		width: 60px;
		height: 60px;
	}


@media screen and (min-width:768px){	
	#site-logo, #site-logo img{
		width: 110px;
		height: 110px;
	}
}


	.ox-logo-container{
		margin-right: -7px;
		margin-top: 0px;
	}

@media screen and (min-width:768px){
	
	.ox-logo-container{
		margin-right: -14px;
	}
}	

/* -- SITE TITLE. THIS NEEDS TO BE CUSTOMISED FOR EVERY SITE --*/


	#site-title{
		float: left;
		width: 100px;
		margin-left: 30px;
		height: 110px;
		font-size:20px;
		line-height:19px;
		display:none;
	}

	#site-title-text, #site-title h1 {
		text-decoration:none;
		color:#0e2050;
		font-family: 'Alegreya Sans SC';
		font-size: 1.2em;
		line-height: 1em;

	}
	
	#site-title h1 {
		text-decoration:none;
		color:#0e2050;
		font-family: 'Alegreya Sans SC';
		font-size: 30px;
		line-height: 1em;
		padding:0px;
	}	

@media screen and (min-width:580px){	
	#site-title, #site-title h1{
		width:270px;	
		display:block;
		
	}
	
}


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

	#site-title, #site-title h1{
		width:500px;
		
	}
	
	#site-title-text{
		font-size:2.3em;
		line-height:1em;
	}
	
}


/*-- PAGE TITLE --*/
	.home #site-title.home-sub-title{
		display:block;
		width:270px;
		padding-left:0px;
		margin-left:0px;

	}
	
	.home #site-title.home-sub-title #site-title-text, .home #site-title.home-sub-title #site-title-text h1{
		margin-top: 30px;
	}


@media screen and (min-width:580px){
	.home #site-title.home-sub-title{
		display:none;
	}
}


/*-- BOX --*/

.box.has-button .box-button-container{
	width:calc(100% - 20px);
	position:absolute;
	bottom:30px;
	padding-left:0px;
	
}

.box.has-button.full-row .box-button-container{
	position:relative;
}

.box.has-button.has-background-color .box-button-container{
	padding-left:20px;
	width:calc(100% - 20px);
}


	


.box > a{
	display:block;
}

.box.has-button > a{
	height: calc(100% + 80px);	
}


.user-is-tabbing .box.has-button > a:focus{
	height: calc(100% + 80px);
}


.delab #filter-box label.background-custom{
	color:#002147
}

.delab #filter-box input:checked + label.background-custom{
	color:#002147;
}


section .box.no-button:hover{
		background-color:#0e2050;
		
	}
	
section .box.background-transparent:hover{
	background-color:transparent;

}	
	
section .box.has-button{
	position:relative;
	padding-bottom: 80px;
}

section .box.has-button button{
}

section .box h3{
	width:calc(100% - 40px);
	margin-right:0px;
}

section .box.has-background-color h3{
	width:calc(100% - 40px);
	
}

.acf-title-field{
	font-size:20px;
}


/*-- SLIDING ROW --*/
/*-- Background colour should be same as page background. --*/

.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:#f4f4f4;
}

button.box-controls:focus{
	background-color:#f4f4f4;
}




/*-- PAGINATION --*/

.pagination {
    padding-top:15px;
    text-align: center;
    width: 100%;
    position: relative;
    float: left;
}

.pagination .page-numbers, .content .main-content .pagination .page-numbers {
    background-color: #0e2050;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    height: 40px;
    margin: 0px 2px;
	margin-bottom:10px;
    padding: 10px;
    border-radius: 50%;
    text-decoration: none;
    transition: 0.3s;
    width: 40px;
    font-size: 18px;
}

.pagination .page-numbers.current {
    background-color: #0E6FAB!important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    height: 40px;
    margin: 0px 2px;
    padding: 11px;
    border-radius: 50%;
    width: 40px;
}

.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;
}

.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover, .content .main-content .pagination .page-numbers.prev:hover, .content .main-content .pagination .page-numbers.next:hover {
    background-color: transparent;
    color: #7f1a44;
    width: auto;
}

.pagination a.page-numbers:hover, .content .main-content .pagination a.page-numbers:hover {
    background-color: #7f1a44;
}





footer{
	float:left;
	width:100vw;
	background-color:#002147;
}

footer h2{
	color:#FFFFFF;
	font-family:'Lato';
	letter-spacing:4px;
	padding-top:4px;
	margin-bottom:0px;
	font-weight:600;
	text-transform:uppercase;
}

footer #mc_embed_signup{
	margin-bottom:25px;
}

footer .column-container{
	margin-bottom:50px;
}

footer .column-container .column h2{
	margin-top:30px;
}

.bottom-bar{
	background-color: #000000;
    clear: both;
    display: block;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
	width: 100%;
	font-size:12px;
}

footer a{
	text-decoration:none;
	color:#f4f4f4;
	transition:color 0.5s ease;
}

footer a:hover{
	color: #7db3f2;
}



/*-- CURATED POSTS --*/

	.box h3{
		color:#FFFFFF;
		padding-top:0px;
		padding-bottom:0px;
		line-height: 1em;
	}
	
	.box.has-background-color h3{
		padding:20px;
		padding-top:0px;
		padding-bottom:0px;
	}
	
	.box p{
		padding-left:0px;
		padding-right:0px;
		width:100%;
		margin-top:0px;
		font-size:14px;
		color:#000000;
	}
	
	.box.has-background-color p{
		padding-left:20px;
		padding-right:20px;
		width:calc(100% - 40px);
		color:#FFFFFF;
	}
	
	.box a{
		text-decoration:none;
	}

	.box.has-background-color{
		background-color:#0e6fab;
	}



@media screen and (min-width:500px){	
	section .box.quarter-at-full, section .box.quarter-at-full-with-third, section .box.third-at-full{
		width:calc(50% - 7.5px);
		min-width:calc(50% - 7.5px);
	}
}


@media screen and (min-width:768px){
	section .box.third-at-full, section .box.quarter-at-full-with-third{
		width:calc(33.33% - 10px);
		min-width:calc(33.33% - 10px);
	}
}



@media screen and (min-width:992px){
	section .box.quarter-at-full, section .box.quarter-at-full-with-third{
		width:calc(25% - 11.25px);
		min-width: calc(25% - 11.25px);
	}
}
	
	section .box{
		min-height:50px;
		color:#FFFFFF;
		padding-bottom:40px;
		margin-bottom:15px;
		margin-right:0px;
		width: 100%;
		min-width:100%;

	}


	section .box.full-row.has-background-color{
		width:calc(100% - 40px);
		min-width:calc(100% - 40px);
		padding:20px;
	}

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

	section .box.full-row .box-image-container{
		width: 200px;
		margin-bottom: 0px;
		float:left;
		margin-right:30px;
	}

	section .box.full-row .box-details-container {
		float: left;
		display: block;
		width:100%;
		margin-top: -15px;
		margin-left:0px;
	}
	
	section .box.full-row.box-with-image .box-details-container {
		float: left;
		display: block;
		width:calc(100% - 330px);
		margin-top: -15px;
		margin-left:30px;
	}


}	




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

	section .box.full-row.has-background-color{
		width:calc(100% - 80px);
		min-width:calc(100% - 80px);
		padding:40px;
	}
	
}

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

	section .box,  section .box.quarter-at-full-with-third:nth-of-type(2n),  section .box.quarter-at-full-with-third:nth-of-type(3n){
		margin-right:15px;
	}
	
	section .box.quarter-at-full, section .box.quarter-at-full-with-third, section .box.third-at-full{
		width:calc(50% - 7.5px);
		
	}
	
	section .box:nth-of-type(2n), section .box.quarter-at-full-with-third:nth-of-type(2n){
		margin-right:0px;
	}		
}


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

	section .box:nth-of-type(2n), section .box:nth-of-type(3n), section .box.quarter-at-full-with-third:nth-of-type(2n){
		margin-right:15px;
	}

	section .box.quarter-at-full:nth-of-type(2n){
		margin-right:0px;
	}

	section .box.third-at-full, section .box.quarter-at-full-with-third{
		width:calc(33.33% - 10px);
				
	}
	
	section .sliding-row .box.quarter-at-full{
		min-width:calc(33.33% - 10px);

	}

	section .box.third-at-full:nth-of-type(3n), section .box.quarter-at-full-with-third:nth-of-type(3n){
		margin-right:0px;
	}
	
	section .full-row-3.hide-at-full-screen{
		display:none;
	}

}



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

	section .box.quarter-at-full:nth-of-type(2n), section .box:nth-of-type(2n), section .box:nth-of-type(3n), section .box.quarter-at-full-with-third:nth-of-type(3n),  section .box.quarter-at-full-with-third:nth-of-type(2n){
		margin-right:15px;
	}

	section .box.quarter-at-full, section .box.quarter-at-full-with-third{
		width:calc(25% - 11.25px);
	}

	section .box.quarter-at-full:nth-of-type(4n), section .box.quarter-at-full-with-third:nth-of-type(4n){
		margin-right:0px;
	}
	
	section .sliding-row .box.quarter-at-full{
		min-width:calc(25% - 11.25px);

	}	
	
	section .full-row-4.hide-at-full-screen, section .full-row-3.hide-at-full-screen{
		display:none;
	}

}




	.sliding-row{
		position: relative;
		overflow: hidden;
		width: 100%;
		display: flex;
		justify-content: flex-start;
		scroll-snap-type: x mandatory;

	}
	
.sliding-row .box{
	margin-right:15px!important;
}

	.sliding-row .box-controls{
		position: absolute;
	}


	.left-box-control, .right-box-control{
		top: calc(((100vw - 30px) * 0.55) - 30px);
	}

@media screen and (min-width:450px){	
	.left-box-control, .right-box-control{
		top: calc(((100vw - 50px) * 0.55) - 40px);	
	}
}


	
	.no-image .left-box-control, .no-image .right-box-control{
		top:100px;
	}
	
	


@media screen and (min-width:500px){	
	.left-box-control, .right-box-control{
		top: calc(((50vw - 20.5px) * 0.55) - 38px);	
	}
}
	

@media screen and (min-width:768px){	
	.left-box-control, .right-box-control{
		top: calc(((33.33vw - 20.5px) * 0.55) - 35px);	
	}
}
	
@media screen and (min-width:992px){
	.full-row-4 .left-box-control, .full-row-4 .right-box-control{
		top: calc(((25vw - 20.5px) * 0.55) - 35px);	
	}

}	


@media screen and (min-width:1200px){
	.full-row-3 .left-box-control, .full-row-3 .right-box-control{
		top: 180px;
	}

	.full-row-4 .left-box-control, .full-row-4 .right-box-control{
		top: 130px;
	}

}	
	
	
	.left-box-control{
		left:-10px;
	
	}

	.right-box-control{
		right:10px;
	}


	.transition{
		transition: .7s;
	}

	.posts-container{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
	}




	.user-is-tabbing .box{
		scroll-snap-align:end;
	}

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

	.sliding-row-buttons .left-box-control{
		
		position: absolute;
		left:-25px;
	}

	.sliding-row-buttons .right-box-control{
		position: absolute;
		right:-22px;
	}

	.left-box-control .box-controls-inner {
		top: 8px;
		left: 8px;
	}

	.right-box-control .box-controls-inner {
		top: 8px;
		left: 7px;
	}



	.box-controls-inner {
		cursor: pointer;
		height: 30px;
		width: 30px;
		border-radius: 50%;
		position: absolute;
		background-color: #0e2050;
		transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
	}

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

	.right-box-control svg {
		margin-top: 7px;
		margin-left: 3px;
	}

	.left-box-control svg {
		margin-top: 7px;
		margin-left: 0px;
	}


	.box-controls-inner svg path {
		fill: #FFFFFF;
	}


	.posts-container{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		position: relative;
	}
	
	section.has-section-title .posts-container{
		padding-top:20px;
	}	


/*-- SPONSOR SECTION --*/


	section.sponsor-section.has-background-color{
		background-color:#FFFFFF!important;
		width:calc(100% - 40px);
		padding:20px;
		float:left;
		color:#000000!important;
		padding-top:40px;
		padding-bottom:40px;
		border-top:4px solid #0e6fab;
	}


	
@media screen and (min-width: 450px){
	
	section.sponsor-section.has-background-color{
		width:calc(100% - 80px);
		padding:40px;
	}
	
}

section.sponsor-section .logo-container{
	width:100%;
	float:left;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;

}

section.sponsor-section img{
	max-width:100%;
}

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

	section.sponsor-section .logo-container .sponsor-logo-5, 	section.sponsor-section .logo-container .sponsor-logo-4,  	section.sponsor-section .logo-container .sponsor-logo-3{
		max-width:300px;
		width:calc(50% - 20px);
		margin:10px;
	}
}

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

	section.sponsor-section .logo-container .sponsor-logo-5, 	section.sponsor-section .logo-container .sponsor-logo-4,  	section.sponsor-section .logo-container .sponsor-logo-3{
		max-width:300px;
		width:calc(33% - 20px);
		margin:10px;
	}
}


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

	section.sponsor-section .logo-container .sponsor-logo-5, 	section.sponsor-section .logo-container .sponsor-logo-4{
		max-width:300px;
		width:calc(25% - 20px);
		margin:10px;
	}
}

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

	section.sponsor-section .logo-container .sponsor-logo-5{
		max-width:300px;
		width:calc(20% - 20px);
		margin:10px;
	}
}


/*-- TAB-LINKS --*/


		.tab-set .text-container{
			margin-bottom:15px;
		}

		.tab-link-container{
			display:flex;
			flex-direction: row;
			flex-wrap:wrap;
			justify-content:space-between;
			width:calc(100% + 10px);
		}	

		h2 ~ .tab-link-container{
			padding-top:20px;
		}			


		button.tab-link{
			padding:10px;
			text-transform:uppercase;
			color: #FFFFFF;
			text-decoration: none;
			font-family: 'Alegreya Sans SC';
			text-transform: lowercase;
			letter-spacing: 1px;
			font-size: 18px;	
			flex-grow:1;
			margin-right:10px;
			margin-bottom:10px;
			line-height: 17px;
		}
		
		button.tab-link.active-tab-link{
			border-bottom: #c30dff 3px solid;
		}		
		

		section.has-background-color ~ section.has-background-color{
			margin-top:40px;
			margin-bottom:30px;
		}

		.tabbed-section{
			margin-bottom: 0px;
			margin-top:0px;
		}
		
		
		section.tabbed-section.has-background-color{
			margin-top:0px!important;
		}

		section.tabbed-section.background-transparent{
			margin-top:15px;
		}		
		
		
		.tabbed-section h2{
			margin-top:0px;
		}





section.has-background-color a{
	color:#FFFFFF;
	
}


/*-- INSET BOX --*/

button.call-to-action-button{
	margin-right: 20px;
    margin-bottom: 20px;
}

button.call-to-action-button:last-child{
	margin-bottom:0px;
}

button.call-to-action-button.button-size-large{
	font-size:23px;
}

section .inline-container{
	display: inline-block;
    text-align: center;
}	

section .inline-container button.call-to-action-button{
	margin-left:10px;
	margin-right:10px;
}


section.image-section .text-container{
	margin-bottom:20px;
}


.box .fake-button.call-to-action-button{
    color: #FFFFFF;
    background: transparent;
    border: 2px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent;
    border-radius: 20px;
    font-weight: bold;
    font-family: 'Lato';
    letter-spacing: 1px;
    padding: 8px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: inline;
}

.box .fake-button.call-to-action-button:hover{
	background-color:#002147;
}


/*-- PERSON --*/

.person-job-title{
	font-size: 1.4em;
    margin-top: 15px;
    padding-bottom: 15px;
	font-weight:bold;
}


/*-- CAROUSEL --*/



	.carousel-slide{
		width:100%;
		min-width:100%;
		height:auto;
		color:#FFFFFF;
		margin-bottom:15px;
		margin-right:0px;
		width: 25%;

	}
	
	.carousel-slide:focus{
		border:0px;
		outline-style:none;
	}

@media screen and (min-width:992px){
	.carousel-slide{
		height:24.5vw;
	}
	
}

	.carousel-slide img{
		width:100%;

	}

	.user-is-tabbing .carousel-slide{
		scroll-snap-align:end;
	}
	
	.carousel-slide.has-background-color.custom-background-color {
		background-color: #0e6fab;
	}

	.carousel-slide{
		position:relative;
	}



	.carousel-slide .outer-container{
		position:relative;
		width:100%;
		height:auto;
		top:-5px;
		left:0px;
		display:flex;
	}



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

	.carousel-slide .outer-container{
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		display:flex;
		background-color:transparent;
	}

}

	.carousel-slide .outer-container .container {
		position:relative;
	}
	
@media screen and (min-width:992px){
	
	.carousel-slide .outer-container .container {
		display:flex;
		align-items:center;
	}

}	


	.carousel-slide .outer-container .container .caption {
		height: auto;
		margin-top: 4vw;
		margin-bottom:1vw;
		align-items: center;
		justify-content:center;
	}


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

	.carousel-slide .outer-container .container .caption{
		width: 45%;
		position: absolute;
		right: 50px;
		margin-top:0px;
		margin-bottom:0px;
		display:flex;
		justify-content:flex-start;
		height:22vw;
		overflow:hidden;
	}
}

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

	.carousel-slide .outer-container .container .caption{
		height: 20vw;
		width: 40%;
		
	}
}


	.carousel-slide .outer-container .container .caption .caption-inner{
		padding:0px;
		color:#FFFFFF;
		padding-bottom:20px;
	}


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

	.carousel-slide .outer-container .container .caption .caption-inner{
		padding:30px;
	}
	
}

	.carousel-slide .outer-container .container .caption .caption-inner a{
		text-decoration:none;
		color:#FFFFFF;
	}
	
	
	
	.carousel-section .box-controls{
		border-radius:0px;
		background-color:transparent;
		
	}

	.carousel-section .box-controls svg{
		margin-top:10px;
	}

	
	.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 .box-controls:hover .box-controls-inner{
		background-color:rgba(0,33,71,1);
		
	}
	
	.carousel-section .sliding-row-buttons{
		z-index:2000;
	}
	
	
	
	.carousel-section .right-box-control{
		right:5px;
		top:calc(12.5vw - 35px);
		z-index: 2000;
	}
	
	.carousel-section .left-box-control{
		left:0px;
		top:calc(12.5vw - 35px);
		z-index: 2000;
	}
	
	.carousel-section button.box-controls:focus {
		background-color: transparent;
	}
	
	.carousel-section .caption button{
		margin-top:10px;
		background-color:transparent;
	}

	.carousel-section .caption button:hover{
		background-color:#0e2050;
		color:#FFFFFF;
	}
	
	.carousel-section h3{
		margin-top:0px;
	}
	
	.carousel-section .carousel-slide{
		background-color:#193759;
	}
	
	.carousel-section .sliding-row-buttons.no-image{
		display:flex;
		align-items:center;
		height:100%;
	}
	
	.carousel-dot-container{
		position:absolute;
		bottom:55px;
		width:100%;	
		display:flex;
		align-items:center;	
		z-index: 1000;
	}


@media screen and (min-width:992px){
	
	.carousel-dot-container{
		bottom:calc(2vw + 50px);
	}

	
}
@media screen and (min-width:1200px){
	
	.carousel-dot-container{
		bottom:calc(3vw + 50px);
	}

	
}



.carousel-dot-container .container{
	position:relative;
}

	.carousel-dots{
		display: flex;
		justify-content: flex-end;
		position: absolute;
		right: 20px;
		z-index: 200;
		align-items: center;
	}	



@media screen and (min-width:450px){	
	.carousel-dots{
		right:40px;
	}
}
	


@media screen and (min-width:992px){	
	.carousel-dots{
		right:calc(50px + 2vw);
	}
}
	
	.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:hover .inner-dot{
		background-color: #afbde2;
	}
	
	
	
	.carousel-dots button.active-dot .inner-dot{
		background-color: #0e2050;
	}
	
	
	
	.liveregion{
		visibility:hidden;
		height:0;
	}
	
	
@media screen and (min-width:1350px){
	.caption-inner p{
		font-size:1.2em!important;
	}
	
	.caption-inner h3{
		font-size:1.8em!important;
	}
}

/*-- CONTENTS BOX --*/


	section.has-background-color {
		margin-top:30px;
	}
	section.has-background-color h2{
		margin-top:0px;
	}
	section.content-box{
		display:block;
		width:calc(100% - 60px);
		color:#FFFFFF;
		padding:30px;
	}

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

	section.content-box{
		width:calc(50% - 60px);
	}
	
}

	section.content-box .content-listing {
		width:100%;
		float:left;
	}


	section.content-box .content-listing a {
		text-decoration:none;
		color:#FFFFFF;
		transition:color 0.5s ease;
		cursor:pointer;		
	}

/*-- SPARKLE --*/

section.sparkle-section{
	margin-bottom:180px;
}


/*-- SPONSOR SECTION --*/


section.sponsor-section{
	background-color:#FFFFFF;
}

section.sponsor-section h2{
	margin-bottom:30px;
}

/*-- VIDEO EMBED --*/

    .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
		width:100%;
		margin-top:30px;
		float:left;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



.date-container{
		float:right;
		padding-bottom:10px;
		padding-top:10px;
		margin-right: 20px;
}

.box-post-type{
	text-transform:capitalize;
}

section .box.has-button.has-background-color .box-button-container{
	padding-bottom:10px;
}


/*--- FOOTNOTES ---*/

.footnote-container{
	border-top:1px solid black;
	float:left;
	display:block;
	width:100%;
}

.footnote-container .footnote{
	margin-bottom:15px;
}
.footnote-container h2{
	font-size:1.5em;
	margin-top:20px;
}

.footnote-container{
	font-size:0.9em;
}

/*--- REPORT BOXES --- */

	.report-background{
		position: relative;
		justify-content: center;
		align-content: center;
		overflow: hidden;
	}
	
	.report-cover{
		position: absolute;
		top: 30px;
		height: 110%;
		-o-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);	
		  -moz-transition: all 0.5s ease;
		  -webkit-transition: all 0.5s ease;
		  -o-transition: all 0.5s ease;
		  transition: all 0.5s ease;	


	}
	
	.box:nth-child(even) .report-cover{
		-o-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);			
		margin-left:10px;	
	}
	
	.report-cover{
		position: absolute;
		top: 0px;
		height: 140%;
		width:60%;
		left:40px;
	}
	
	.report-cover img{
		height: 100%!important;
		width: auto!important;
			box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.16);
	
	}
	
	.report-background img{
		width: auto;
		height: 100%;
	}

	.box .report-background img{
		width: 100%;
		height: auto;
		margin-bottom:-5px;
		
	}
		
	.box:hover .report-background .report-cover{
		height:160%;
		width:80%;
	}
		
	.inset-image-container .report-background:hover .report-cover{
		height:120%;
		width:120%;
	}
	
/*--- ACCORDIONS ---*/

section#<?php echo $slug; ?>{
	display:<?php echo ($tabbed_section)? 'none' : 'block' ;?>;
}


.accordion-row-head{
	color:#000000;
	padding:5px;
	padding-left:30px;
	position:relative;
	z-index:0;
	cursor:pointer;
    margin-top: 20px;
	display:flex;
	background-color:<?php echo get_sub_field("accordion_head_background_colour"); ?>;
}

.accordion-row-head h4{
	max-width:90%;
	font-weight:100;
}

.accordion-row-text{
    padding: 30px;
    padding-bottom: 10px;
	padding-top:10px;
	display:none;
	background-color:<?php echo get_sub_field("accordion_text_background_colour"); ?>;
}

.sub-principles{
	margin-top:0px;
}

.principle-set-row {
    margin-top: 25px;
    float: left;
    width: 100%;
	
}


.accordion-name{
	width:calc(100% - 30px);
}

.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 .vertical-stroke{
	background-color:#1b1464;
	width:3px;
	height:17px;
	position:absolute;
	left:7px;
}
.down-button .horizontal-stroke{
	background-color:#1b1464;
	width:17px;
	height:3px;
	position:absolute;
	top:7px;
}

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

}

.sub-principle-name{
	width:80%;
}