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

*/

.frm_forms{
	display:block;
	float:left;
}

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

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

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


.oxcaigg .text-container a{
	color:#d40a67;
	transition:color 0.5s;
	-webkit-transition:color 0.5s;
	text-decoration:none;
	border-bottom:dotted 1px #d40a67;
}

.oxcaigg .logos-container a{
	border-bottom:0px;	
}

.oxcaigg .text-container a:hover{
	color:blue;
}


.text-container a{
	color:#d40a67;
}

	h1, h2, h3{
		font-family: 'IBM Plex Serif';
		font-weight:600;
		color:#1b1464;
	}

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

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

	h2{
		font-size:1.7em;
	}
	
}	
	
	h3{
		font-size:1.1em;
	}

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

	h3{
		font-size:1.3em;
	}
	
}	





	.oxcaigg #site-title-text, .oxcaigg #site-title h1{
		font-family: 'azo-sans-web';
		font-size:1em;
		color: #002147;
		text-transform:uppercase!important;
		font-weight:300;

	}


	.oxcaigg #site-title {
		margin-left: 20px;
	}

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

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


	.oxcaigg #site-title-text, .oxcaigg #site-title h1{
		bottom: 0px;
		position: absolute;		
		font-size:1.3em;	
		width:360px!important;
	}

}

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

	#site-title #site-title h1{

		font-size:1em!important;
	}

	#site-title-text, #site-title h1{
		text-transform:none!important;
		font-size:1.4em!important;
		
	}

}




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

	.oxcaigg .single h1{
		padding-bottom:10px!important;
	}


	.single h1{
		text-transform:initial!important;
	}


@media screen and (min-width:768px){
	.single h1{
		text-transform:initial!important;
	}

	
}


	.single h2{
		font-size:1.5em;
		margin-top:0px;	
		margin-bottom:5px;
	}


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


.box{
	border-radius:8px!important;
}

.box img{
	border-top-left-radius:8px!important;
	border-top-right-radius:8px!important;
}

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

.oxcaigg section .box.has-background-color h3, .oxcaigg section .box.has-background-color p {
    width: calc(100% - 60px);
    margin-left: 10px;
}



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

.posts-container .box h3{
	font-size: 1.3em;
	text-transform:initial!important;
}


.oxcaigg .main-menu-container li.menu-item{
	letter-spacing:1px;
	font-family:'azo-sans-web';
	text-transform:uppercase;
}


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

.oxcaigg button.call-to-action-button{
	border-radius:8px;
}
.oxcaigg #search-form{
	background-color:#0962a6;
}

.search h2{
	margin-top:0px;
}

.box.search_result h3:before{
	top:6px!important;
}

.oxcaigg .has-background-color button.call-to-action-button{
	border-color:#FFFFFF;
	color:#FFFFFF;
	
}

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

.oxcaigg #filter-box{
	border-radius:8px;
}


	.oxcaigg .carousel-slide .outer-container, .oxcaigg .carousel-slide .outer-container .container .caption{
		background-color:rgb(51,51,51);	
	}


	
.oxcaigg .carousel-slide .outer-container .container .caption{	
	border-radius:8px;
}

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

}


	.oxcaigg .carousel-slide .outer-container .container .caption .caption-inner{
		padding-left:0px;	
	}


.oxcaigg .text-container ul, .oxcaigg .column ul{
		margin-top:30px;
		margin-bottom:30px;
		
}


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


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



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

			border:2px solid white;
}

section.has-background-color{
	border-radius: 8px;
}	
	
.oxcaigg section#carousel{
	margin-bottom:0px!important;
}	

	.oxcaigg section#carousel h3{
		font-size:1.2em;
		font-family:'IBM Plex Serif';
		font-weight:600;
		color:#FFFFFF;
		letter-spacing:0.5px;
	}	

@media screen and (min-width:768px){
	
	.oxcaigg section#carousel h3{
		letter-spacing:0px;
	}	
	
	
}

@media screen and (min-width:992px){
	.oxcaigg section#carousel h3, .oxcaigg section#carousel p{
		font-size:1.5em;
		margin-bottom:10px;
		color:#1b1464;		
	}	
		
}

@media screen and (min-width:1200px){
	.oxcaigg section#carousel h3{
		font-size:1.9em;
		margin-bottom:25px;
	}	
		
}
	
			
.oxcaigg .caption button.call-to-action-button, .oxcaigg button.call-to-action-button{
	color:#FFFFFF;
	border-radius:0px;
	background-color:#1b1464;
}
			
.oxcaigg button.call-to-action-button{
    font-family: 'azo-sans-web';
    font-weight: 500;
    font-size: 15px;	
}

.single-people section .text-container .inline-container{
	margin-top:6px!important;
}
#main{
	padding-bottom:50px!important;
}
#main .colour-to-edge{
	background-color:#f4f4f4;
}

.oxcaigg .carousel-section .box-controls .box-controls-inner{
	border-radius:50%;
}


/*-- SPECIFIC SITE OVER-RIDES --*/

	.home section#aboutcomprop .text-container .inline-container{
		display:none;
	}

@media screen and (min-width:768px){
	.home section#aboutcomprop .text-container .inline-container{
		width:calc(20% - 60px);
		margin-top:-40px;
		margin-bottom:20px;
		padding-bottom:0px;
		display:block;
		min-width: 150px;
		

	}
	
	.home section#aboutcomprop .text-container .inline-container div{
		width:100%!important;
		padding-top:0px;
	}
}

section.sponsor-section.has-background-color{
	border-top:0px!important;
}


.single #page-title-banner{
	background:#FFFFFF;
	color:#000000;
}

.oxcaigg #logos-container{
	background-color:#FFFFFF;
}

blockquote{
	font-style:italic;
	border-left:5px solid #002147;
	padding-left:20px;
	margin-top:40px;
	margin-bottom:40px;
	margin-left:40px;
	
}

.home .oxcaigg #page-title-banner{
	background:#FFFFFF;
	color:#002147;
}


.home .oxcaigg #page-title-banner #site-title{
	height:70px!important;
}

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

.oxcaigg .text-section{
	margin-bottom:30px;
}

.oxcaigg .carousel-section .carousel-slide{
	background-color:rgb(51,51,51);
}

.tab-link-container{
	justify-content:flex-start!important;
}
	button.tab-link{
		max-width:100px;
		float:left;
		border: 1px solid black;
		border-bottom:0px;
		font-size: 0.9em!important;
	}

@media screen and (min-width:768px){
	button.tab-link{
		max-width:150px;
		float:left;
		border: 1px solid black;
		border-bottom:0px;
		font-size: 1.2em!important;
	}
}


@media screen and (min-width:1100px){
	button.tab-link{
		max-width:200px;
		float:left;
		border: 1px solid black;
		border-bottom:0px;
	}
}



button.tab-link.active-tab-link{
	
	
}

.platform-tabset{
	margin-top:-10px;
}


.fairwork-people.box.has-background-color.background-custom, .fairwork-blog.box.has-background-color.background-custom{
    background-color: #b7d1e8;
    color: black;
}


	.fairwork-people.has-background-color.background-custom.box-alum{
		background-color:lightgrey;
	}

	.fairwork-people.has-background-color.background-custom.box-collaborators{
		background-color:#f9ceda;
	}

.fairwork-people.box button.call-to-action-button, .fairwork-blog.box button.call-to-action-button{
    background-color: #1b1464!important;
	color:#FFFFFF;
	border-radius: 15px;
	font-weight:600;
	border:0px;
    letter-spacing: 1px;
    font-size: 13px;
    text-decoration: none;
    font-family: "Source Sans Pro", sans-serif!important;
    text-transform: uppercase!important	
}

.fairwork-people.box button.call-to-action-button:hover, .fairwork-blog.box button.call-to-action-button:hover{
    background-color: #e60045!important;	
}


.fairwork-people.box h3, .fairwork-people.box p{ 
	color:#1b1464!important;

}
.fairwork-blog.box h3{
	color:#1b1464!important;
}

 .fairwork-blog.box p{
	color:#1b1464!important;
	font-size:1em!important;
}

.union-box.box p a{
	color: #e60045;
}

.union-box.box p a:hover{
	color: #0e2050;
}



.paginated-posts-section .pagination .page-numbers.current{
	background-color: #e60045!important;
	color:#FFFFFF!important;
}

.paginated-posts-section .pagination .page-numbers, .content .main-content .pagination .page-numbers{
	background-color:#1b1464;
}

.posts-container .pagination .page-numbers{
	border-radius:50%!important;
}


	.blog-date-and-author{
		float: left;
		margin-bottom: 20px;
		max-width:calc(100% - 40px);
		padding:10px;
		padding-top:20px;
		padding-bottom:20px;
		border-top:3px #bfbfbf dotted;
		border-bottom:3px #bfbfbf dotted;		
	}

@media screen and (min-width:768px){
	.blog-date-and-author{
		margin-left: -10px;
		max-width:calc(50% - 70px);
	}
}


.text-container a{
	color:#d40a67;
}

.text-container h3{
	font-weight:bold;
	color:#1b1464;
}

.principles-container{
	margin-top:30px;
	margin-bottom:60px;
	float:left;
	display:block;
}

	.principle-row{
		width:100%;
		background-color:#b7d1e8;
		min-height:120px;
		display:block;
		float: left;
		padding-top: 10px;
		padding-bottom: 10px;		
		border-bottom:2px dotted #00adbc;
	}

@media screen and (min-width:768px){
	.principle-row{
		width:100%;
		background-color:#b7d1e8;
		min-height:100px;
		display:flex;

	}
	
}

	.principle-circle{
		width:46px;
		height:46px;
		border-radius:50%;
		background-color:transparent;
		float:left;
		margin: 20px;
		justify-content: center;
		align-items: center;		
		display: flex;
	}
	
	.inner-principle-circle{
		width:100%;
		height:100%;
		border-radius:50%;
		background-color:#00adbc;
		justify-content: center;
		align-items: center;		
		display: flex;		
	}
	

	
	.inner-principle-circle img{
		width:50%;
	}
	
	.principle-icon, .principle-total{
		background-color:#00adbc;		
	}
	
	.failed .inner-principle-circle{
		background-color:transparent;
	}
	

	.principle-circle.principle-icon{
		margin-left:30px;
	}

@media screen and (min-width:768px){
	.principle-circle.principle-icon{
		margin-left:50px;
	}
}

	.principle-circle.principle-total{
		display:none;
	}
	
@media screen and (min-width:1100px){
	.principle-circle.principle-total{
		display:flex;
		font-size:24px;
		font-weight:bold;
		font-family:'IBM Plex Serif';
		color:#FFFFFF;
		text-align:center;
	}
}



	.principle-circle.failed{
		background-color:transparent;

	}
	

	
	.principle-name-container{
		display:block;
	}

	.principle-name{
		float:left;	
		display:block;
		width: calc(100% - 100px);
		margin-top: 15px;
	}

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

	.principle-name{
		float:left;	
		display:block;
		width: calc(100% - 200px);
		margin-top: 15px;
	}
	
}


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

	.principle-name{
		float: left;
		display: flex;
		width: 200px;
		margin-top: 0px;
		margin-right: 20px;
	}

}

@media screen and (min-width:768px){
	.principle-name .sub-principle-text{
		min-height:90px;
	}
}

@media screen and (min-width:1100px){
	.principle-name .sub-principle-text{
		width: 200px;
	}
}
	.principle-name h3{
		font-size: 1.2em;
		text-transform:initial!important;
		width:100%!important;
		font-weight:bold;
		margin-right:20px;
	}

	.sub-principles{
		width:calc(100% - 50px);
		float:left;
		display: block;	
		margin-top: 0px;
		margin-left:30px;
		
	}


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

	.sub-principles{
		width:calc(100% - 120px);
		float:left;
		display: block;	
		margin-top: 0px;
		margin-left:100px;
		
	}

}
@media screen and (min-width:650px){
	.sub-principles{
		width:calc(100% - 120px);
		float:left;
		display: block;	
		margin-top: 0px;
		margin-left:100px;
	}
}

@media screen and (min-width:768px){
	.sub-principles{
		width:calc(100% - 400px);
		float:left;
		display: block;	
		margin-top: 20px;
		margin-left:30px;
	}
}

@media screen and (min-width:1100px){
	.sub-principles{	
		width:calc(100% - 480px);
		float:left;
		display: block;	
		margin-top: 0px;
		margin-left:30px;
	}
}

	.sub-principle{
		width:100%;
		float:left;
		display:block;
		margin-bottom:0px;
		margin-bottom:10px;
	}


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

	.sub-principle{
		width:50%;
		float:left;
		display:block;
		margin-bottom:10px;

	}
	
}

	.sub-principle-text a{
		text-decoration:none;
		color:black;
	}

	.sub-principle-text{
		min-height:40px;
		display:flex;
		align-items:center;
	}
	
	.sub-principle-text h4{
		margin:0px;
		margin-right:20px;
	}

@media screen and (min-width:1100px){
	.sub-principle-text{
		min-height:90px;
		display:flex;
		align-items:center;
		overflow-wrap:anywhere;
	}
}
	.principle-row:first-of-type{
		padding-top: 20px;
	}

	.principle-row:last-of-type{
		padding-bottom: 20px;
	}

	.sub-principle-circle{
		float:right;
	}

	.sub-principle-circle .principle-circle{
		width:30px;
		height:30px;
		margin:10px;
		margin-top:0px;
	}
	
@media screen and (min-width:1100px){

	.sub-principle-circle{
		float:left;
	}
	
	.sub-principle-circle .principle-circle{
		width:50px;
		height:50px;
		margin:20px;
	}


}	

.text-container img{
	max-width:100%
}

.text-container h2{
	display:block;
	
}

	
.principle-circle.principle-total .inner-principle-circle{
	display:block;
    position: relative!important;	
}	
.principle-points-text{
	text-transform:uppercase;
	font-size:0.3em;
	position:absolute;
	bottom:10px;
}	
.principle-posts-number{
	bottom:15px;
}
.principle-points-text, .principle-posts-number{
    width: 100%;
    display: block;
	position:absolute;
}
	
#language-bar{
	margin-top:-30px;
}

.language-container {
    float: right;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-right: 20px;
    font-family: 'azo-sans-web';
    text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
    font-family: 'azo-sans-web';
    text-transform: uppercase;
}	

.no-translation{
	margin-top:30px;
}

table{
	border-collapse: collapse;
}

table td{
padding:6px;
border:1px solid black;	
}
table tr{
border:1px solid black;	
}

.heading-subtitle a{
	text-decoration:none;
	color:#e60045;
}

.lacks-translation{
	border: 3px dotted #ffacc5;
    background-color: #f3e9ec;
	padding: 25px;
    margin-bottom: 30px;
    margin-left: -8px;
    float: left;
    width: calc(100% - 50px);
    position: relative;
    display: block;
}

.box.has-background-color.news-pinned-posts{
	background-color:#1b1464;
}

.box.has-background-color.news-pinned-posts:hover{
	background-color:#e60045;
}

.box p{
	word-break: break-word;
}
#footer{
	background-color:#717087;
}

.text-container h2{
	margin-top:50px;
}


.box.has-button > a{
	height: initial!important;	
}


.user-is-tabbing .box.has-button > a:focus{
	height: initial!important;	
}