/*
Theme Name: OII Satellite OxTEC
description: OII Satellite child theme
Author: John Gilbert
Template: oii-satellite
Version: 1.0.0

*/



	h1, h2, h3{
		font-family: 'Alegreya Sans SC';
		font-weight:300;
		text-transform:lowercase;
	
	}
	
	h1{
		font-size:3em!important;
		letter-spacing:1px;
		text-align:center;
		line-height:0.8em;
	}



	.oxtec h2{
		font-size:1.8em;
		margin-bottom:30px;
	}

@media screen and (min-width:768px){
	h2{
		font-size:2.4em!important;
	}	
}
	h3{
		font-size:1.5em;
	}


	.oxtec #site-title-text, .oxtec #site-title h1{
		text-transform:none;
		font-family: 'Alegreya Sans SC';
		font-size:1.41em;
		color: #002147;
	}

	.oxtec .single-post h1{
		font-family: 'Roboto';	
	}


	.single h1{
		font-size: 2.3em!important;
		width: calc(100% - 20px);
	}
	
@media screen and (min-width:768px){


	.single h1{
		font-size: 2.6em!important;
		width: calc(100% - 40px);
	}
	
	
}

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

	.oxtec #site-title {
		margin-left: 30px;
	}


}

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

	#site-title #site-title h1{
		font-family: 'Barlow Semi Condensed'!important;
		font-size:1em!important;
	}

	#site-title-text, #site-title h1{
		text-transform:none!important;
		font-family: 'Barlow Semi Condensed'!important;
		font-size:1.9em!important;
	}

}




@media screen and (min-width: 992px){
	#site-title, #site-title h1 {
		width: 360px!important;
	}
}


	.oxtec-people .box-details-container{
		position: absolute;
		bottom: 0px;
		background-color: rgba(0,0,0,0.3);
		width: 100%;
		height: 100%;
	}


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

	.oxtec-people .box-details-container .box-details{
		position:absolute;
		bottom:0px;
	}
	
}

	.oxtec-people .box-details-container .box-details h3{
		margin-bottom:0px;
	}


	.oxtec .colour-to-edge{
		margin-bottom:0px;
	}

	.oxtec .inline-container{
		margin-left:40px;
	}	

	.box h3{
		margin-bottom:10px;
	}



/*-- MENU ---*/



.oxtec .main-menu-container li.menu-item{
	letter-spacing:2px;
	font-family:'Roboto';
	text-transform:uppercase;
}


.oxtec .main-menu-container li.menu-item > a{
	font-size:13px;
}


.oxtec p a{
	color:#bd6000;
}

.oxtec .single-info{
	background-color:#FFFFFF!important;
}


.oxtec .pagination .page-numbers, .oxtec .content .main-content .pagination .page-numbers{
	border-radius:8px!important;
	
}



.oxtec  .carousel-slide .outer-container .container{
	display:relative;

}


@media screen and (min-width:992px){
	
	.oxtec .carousel-slide .outer-container{
		background-color:rgba(0,33,71,0.9);
	}		

}

.oxtec  .carousel-slide .outer-container .container .caption {

    background-color: transparent;
    align-items: center;
    justify-content: center;
}	


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

	.oxtec .carousel-slide .outer-container .container .caption{
		background-color:rgba(0,33,71,0.9);	
	}
	
}

@media screen and (min-width:992px){
	.oxtec .carousel-slide .outer-container{
		background-color:transparent;
	}
}



.oxtec .column ul li {
			margin-top:15px;
			padding-left:15px;
}


.oxtec .column ul li::before {
			left:0px;
			margin-top:3px;
}



.oxtec section.has-background-color .text-container ul li::before, .oxtec section.has-background-color .column ul li::before {

			border:2px solid white;
}

	
	
.oxtec section#carousel{
	margin-bottom:0px!important;
}	

	.oxtec section#carousel h3{
		font-size:1.7em;
		line-height:1em;
	}	

@media screen and (min-width:992px){
	.oxtec section#carousel h3{
		font-size:1.5em;
		line-height:1em;
		margin-bottom:10px;
	}	
		
}

@media screen and (min-width:1200px){
	.oxtec section#carousel h3{
		font-size:1.9em;
		margin-bottom:25px;
	}	
		
}
	
			
.oxtec .caption button.call-to-action-button{
	color:#FFFFFF;
	border:2px solid #FFFFFF;
	border-radius:25px;
}
			
.oxtec button.call-to-action-button{
	font-family:'Roboto'
}

.oxtec .has-background-color button.call-to-action-button{
	border-radius:25px;
}



.single-people section .text-container .inline-container{
	margin-top:6px!important;
}


/*-- SITE LOGO --*/

	.oxtec #site-logo{
		margin-left: 0px;
	}


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

	.oxtec #site-logo{
		margin-left: -11px;
	}
	
}

	.oxtec #site-logo, .oxtec #site-logo img {
		width:110px;
	}


.oxtec #logos-container, .oxtec #main{
	background-color:#FFFFFF;
}


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

	.oxtec #site-logo, .oxtec #site-logo img {
		width:190px;
	}
	
}

	.oxtec #logos-container{
		height:80px;
	}


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

	.oxtec #logos-container{
		height:110px;
	}
}

.home #site-title{
	display:none!important;
}

/*-- PEOPLE --*/

	.oxtec .person-job-title {
		font-size: 1.4em;
		margin-top: 5px;
		padding-bottom: 40px;
		font-weight: normal;
		font-style: italic;
		text-align:center;
	}

	.oxtec .quotation, .oxtec blockquote{
		
		width: calc(100% - 100px);
		display: block;
		position: relative;
		margin-left: 50px;
		display: inline-block;
		margin-top: 20px;
		font-weight: normal;
		color: #0e2050;
		font-style: italic;
		font-size: 18px;
		line-height: 22px;
		padding-bottom: 30px;
			
	}

	.oxtec .quotation:before, .quotation:after, .oxtec blockquote:before, .oxtec blockquote:after{
		display: block;
		font-size: 60px;
		padding-top: 10px;
		position: absolute;
		font-family: 'IM Fell Great Primer SC';
		font-weight: normal;
		font-style: normal;		
		
	}

	.oxtec .quotation:before, .oxtec blockquote:before {
		content: "\201C";
		margin-left: -50px;
	}

	.oxtec .quotation:after, .oxtec blockquote:after {
		content: "\201D";
		margin-right: -50px;
		right: 0px;
		bottom: 20px;
		
	}
	
	.oxtec .quotation-author {
		float: right;
		color: #0e2050;
	}
	
/*-- RESEARCH SECTION --*/


	.box.oxtec-research-box{
		display:block;
	}

@media screen and (min-width:580px){
	.box.oxtec-research-box{
		display:flex;
	}
}

	.box.oxtec-research-box .box-details{
		color:#000000;
	}

	section .box.oxtec-research-box.has-button, section .box.has-button{
		padding-bottom:0px;
		margin-bottom:70px;
	}


	.box.oxtec-research-box h3, .box.oxtec-research-box p, .box.has-button.oxtec-research-box .box-button-container{
		padding-left:0px;
	}





	section .box.full-row.oxtec-research-box img {
		width: calc(100vw - 85px);
		margin-bottom: 50px;
	}


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

	section .box.full-row.oxtec-research-box img{
		width: calc(100vw - 170px);
		margin-bottom: 50px;
	}
}

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

	section .box.full-row.oxtec-research-box img{
		width:200px;	
		margin-bottom:0px;
	}
}


@media screen and (min-width:768px){
	.box.oxtec-research-box img{
		width:200px;	
	}
}

	.oxtec .has-background-color button.call-to-action-button{
		background-color:#0e2050;
	}



	.oxtec .box.oxtec-research-box.has-button .box-button-container{
		position:relative;
	}

	.box.oxtec-research-box.full-row .box-details-container{
		float:left;
		display:block;
		width:100%;
		margin-top:5px;
		margin-right:30px;
	}

	section .box.no-button.oxtec-research-box.has-background-color, .section box.no-button.oxtec-research-box:hover{
		background-color:transparent!important;
		color:#000000;
		
	}


	.box.oxtec-research-box h3{
		margin-top: -10px;
		font-size: 1.6em;
		font-family: 'Roboto';
		text-transform: capitalize;
	}


	

@media screen and (min-width:768px){
	.box.oxtec-research-box.has-background-color h3{
		font-size: 2.2em;
	}
}



	
/*-- NEWS SECTION --*/

.oxtec .box.oxtec-news-box{
	background-color:transparent;
	border-left:5px solid #0e2050;
	color:#0e2050;
	margin-bottom:50px;
}


.oxtec .box.oxtec-news-box.has-button .box-button-container{
		position:absolute;
		bottom:5px;
	}


.oxtec .box.has-button.oxtec-news-box{
	padding-bottom:80px;
}

.oxtec .box.oxtec-news-box h3{
	color: #0e2050;
    line-height: 1em;
    font-family: Roboto;
    font-size: 1.6em;
    text-transform: none;
	margin-left:20px;
	
}


.oxtec .box.oxtec-news-box button.call-to-action-button{
	margin-left:20px;
}

.oxtec .box.oxtec-news-box .box-details-container{
	margin-top:-30px;
	margin-bottom:-30px;
}


.oxtec .box.oxtec-news-box p{
	width: calc(100% - 40px);
	padding-left:20px;
	padding-right:20px;
}

.oxtec .box.has-button .box-button-container{
	width: calc(100% - 40px);
	padding-left:0px;
	padding-right:20px;
	
	
}

@media screen and (min-width:580px){
	
	.box.oxtec-research-box .box-details{
			padding-left:30px;
	}
}

@media screen and (min-width:650px){
	
	.box.oxtec-research-box .box-details{
			padding-left:0px;
	}
}


@media screen and (min-width:768px){
	.box.oxtec-research-box .box-details{
			padding-left:0px;
	}

}

.oxtec .box.has-button.oxtec-research-box .box-button-container{
	width: calc(100% - 40px);
    padding-left: 0px;
    padding-right: 20px;
    margin-top: 70px;
}

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

.oxtec .has-background-color button{
	background:transparent!important;

	color:#FFFFFF;
}

.oxtec .box.oxtec-news-box .fake-button.call-to-action-button{
	background-color:#002147;
	margin-left:20px;
	margin-top:30px;
	border:0px;
}

.oxtec .oxtec-research-box .fake-button.call-to-action-button:hover, .oxtec .oxtec-news-box .fake-button.call-to-action-button:hover{
	background:#bd750a;
}

.box a:focus{
	border:0px;
	outline:0px;
}