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

*/

body{
	font-size:1.1em;
}

body main a{
	color:#e60045;
	text-decoration:none;
}

body main a:hover{
	color:#002ca8;
}

.frm_forms{
	display:block;
	float:left;
	width:100%;
}

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

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

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


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

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

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


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

	h1, h2, h3{
		font-family: 'Lexend';
		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;
	}
	
}	


@media screen and (min-width:768px){
	p, ul li, ol li, ul li ul li, ol li {
		font-size:17px;
	}
}


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

	}


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

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

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


	.fairworkx #site-title-text, .fairworkx #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;
	}
}

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


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


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

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

.fairworkx .box h3{
	margin-bottom:10px;
	color:#0e2050;
}

.fairworkx .box:hover h3{
	color:#e60045;
}

.fairworkx section .box.has-background-color h3, .fairworkx 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;
}


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


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

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

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

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

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

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

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


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


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

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

}

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


@media screen and (min-width:992px){
	.fairworkx .carousel-slide .outer-container .container .caption .caption-inner{
		padding-left:30px;	
		padding-bottom:50px;
	}
}



@media screen and (min-width:1200px){
	.fairworkx .carousel-slide .outer-container .container .caption .caption-inner{
		padding-left:0px;	
		padding-bottom:50px;
	}
}


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


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


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



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

			border:2px solid white;
}

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

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

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

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

@media screen and (min-width:1200px){
	.fairworkx section#carousel h3{
		font-size:1.9em;
		margin-bottom:25px;
	}	
		
}
	
			
.fairworkx .caption button.call-to-action-button, .fairworkx button.call-to-action-button{
	color:#FFFFFF;
	border-radius:0px;
	background-color:#1b1464;
}
			
.fairworkx 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;
}

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

.fairworkx #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 .fairworkx #page-title-banner{
	background:#FFFFFF;
	color:#002147;
}


.home .fairworkx #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;
}

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

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

.tab-link-container{
	justify-content:flex-start!important;
}
	button.tab-link{
		max-width:70px;
		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:100px;
		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:150px;
		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-board{
		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-people img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border-radius: 0px!important;
    transition: filter 500ms linear;
    -webkit-transition: -webkit-filter 500ms linear;
}

.fairwork-people:hover img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	
}

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




	.box.quarter-at-full-with-third{
		width:100%;
	}

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


}

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

@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, .principle-circle.principle-non-total{
		display:none;
	}
	
@media screen and (min-width:1100px){
	.principle-circle.principle-total, .principle-circle.principle-non-total{
		display:flex;
		font-size:24px;
		font-weight:bold;
		font-family:'Lexend';
		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%
}

	
.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;
	top:9px;
}
	
#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;	
}

/*-- IFRAME EMBEDS --*/

	iframe{
		width:100%;
	}


@media screen and (min-width:768px){
	iframe{
		width:45%;
	}
}

/*-- FORMIDABLE --*/

.frm_form_fields iframe{
	width:100%;
}	


.frm_radio h3{
	display:inline;
}

#field_bapqg_label{
	margin-bottom:20px;
}

.form-field  h2{
	margin-top:0px;
}

.frm_forms p, .frm_forms ul li, .from_forms ol li, .form-field{
	font-family:'Roboto'!important;
	font-size:15px!important;
	color:#000000!important;
}

#frm_field_57_container .frm_radio{
	background-color:white;
	padding:20px;
	border-bottom:1px solid #2473de;
}

#frm_field_57_container h3{
	font-size:1.3em;
}

#frm_field_57_container .frm_radio input[type=radio]:checked + h3{
	color:#2473de;
}


/*--- IFRAME WORKAROUND ---*/


	iframe[width="560"], iframe[width="500"]{
		position: relative;
		height:calc((100vw - 60px)* 0.5625);
		overflow: hidden;
		width:100%;
		margin-top:30px;
	}

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

	iframe[width="560"], iframe[width="500"]{
		position: relative;
		height:518.625px;
		overflow: hidden;
		width:100%;
		margin-top:30px;
	}
	
}

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

	iframe[width="560"], iframe[width="500"]{
		position: relative;
		height:518.625px;
		overflow: hidden;
		width:100%;
		margin-top:30px;
	}
	
}

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

	iframe[width="560"], iframe[width="500"]{
		position: relative;
		height:652.5px;
		overflow: hidden;
		width:100%;
		margin-top:30px;
	}
	
}

.sub-principles iframe[width="560"] .sub-principles iframe[width="500"]{
		position: relative;
		height:518.625px;
		overflow: hidden;
		width:100%;
		margin-top:30px;
}


.fairworkx .report-cover{
	height:100%;
}

.fairworkx .inset-image-container .report-background:hover .report-cover{
	width:70%;
}

.fairworkx .box .report-cover img{
	height:100%!important;
}

.fairworkx .report-cover img{
	height: auto!important;
    width: auto!important;
}


.locations.colour-to-edge#page-title-banner{
	margin-bottom:0px;
}	

.preamble{
	margin-bottom:30px;
}

.additional-information{
	margin-bottom:30px;
}

.additional-information h2{
	margin-top:0px;
}



.related-reports{
	float:left;
	display:block;
	margin-top:50px;
	margin-bottom:50px;
}

.location-ratings-container h2{
	width:100%;
}

.tabbed-section:first-child{
	display:block;
}

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

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

.coverage-box .box-image-container img{
    width: 60%;
    height: 60%;
    object-fit: contain;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.archive-posts-section .box-container{
	flex-direction: row;
    flex-wrap: wrap;
    position: relative;
	width:100%;
}

/*--- FILTER BAR ---*/

#filter-bar{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.9em;
    width: calc(100% - 40px);
    background-color: #b7d1e8;
    padding: 20px;
    margin-bottom: 30px;
    margin-top: -30px;
	justify-content: flex-end;
}

.filter-inner{
	position: relative;
    width: 100%;
    padding-right: 15px;
}

/*--- BLOCK ---*/

.see-all-link{
	margin-top:-20px;

}

.see-all-link p a{
	color:#e60045;
	text-decoration:none;
}


.see-all-link p a:hover{
	color:#002147;
}

.fairworkx .text-container .box a{
	border-bottom:0px;
}

.fairworkx .text-container .box a:focus{
	border:0px;
	outline:0px;
}

.box.background-background1 p{
	color:#FFFFFF;
}

button.call-to-action-button {
	background-color: #1b1464;
	border-radius:0px!important;
	color:#FFFFFF;
	border:0px;
}




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

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

.background-transparent h3{
	color:<?php echo $nav_colour; ?>;
}





#site-logo img{
	width: auto;
    height: auto;
	margin-left: -8px;
}

	#main #language-bar.colour-to-edge{
		font-weight:100!important;
		background-color:#e60045;
		color:#FFFFFF;
	}
	
	#main #language-bar.colour-to-edge{
		margin-top:0px;
	}
	
@media screen and (min-width:768px){
	#main #language-bar.colour-to-edge{
		margin-top:30px;
	}

}	

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

	#main #language-bar.colour-to-edge{
		font-weight:100!important;
		background-color:#e60045;
		margin-top: 30px;
	}
}
@media screen and (min-width: 768px){

	#main #language-bar.colour-to-edge{
		margin-top: 10px;
	}
}



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

	#logos-container{
		height:10px;
	}
	
	#main{
		margin-top:10px;
		margin-bottom:0px;
	}

}
.heading-subtitle{
	font-size:0.8em;
}


.homepage .quote-box{
	background-color:#f5c2cf!important;	
}

.homepage .quote-box, .homepage .quote-box img{
	border-color:#1b1464;
}





/*-- QUOTE BOX --*/

.quote-box{
	float:left;
	padding:30px;
	margin-bottom:30px;
	position:relative;
	position: relative;
    height: auto;
    margin-bottom: 20px;
	border-bottom:6px solid;
	margin-bottom:30px;
}


.quote-box .quotation-mark svg{
	fill: #FFFFFF;
    width: 80px;
    opacity: 0.3;
}

.quote-box .quotation-mark{

    position: absolute;
    color: #FFFFFF;
    top: -3px;
    left: 15px;
}

.quote-box .quote-person-details{

	margin-bottom: -20px;
    bottom: 30px;
    right: 0px;
    max-width: calc(100% - 20px);
    float: right;
    margin-right: 100px;
    text-align: right;	
}

.quote-box img{
	    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 6px solid #FFFFFF;
    position: absolute;
    float: right;
    bottom: -25px;
    right: -13px;
    shape-outside: circle(50%);
    bottom: -30px;
    right: -13px;
	    border-color: #f4f4f4;
}

.quote-box .quote-text{
	font-size:1.1em;
}

.quote-box .quote-person-name {
    font-size: 1.2em;
    font-weight: 600;
}

		.has-background-color.background-background1{
			background-color:#341960;
		}

		.has-background-color.background-background2{
			background-color:#0e2050;
		}

		#filter-box label.background-background1 {
			color: #341960;
			background-color:#e5e8f5;
			border:1px solid #341960;
		}


		#filter-box label.background-background2 {
			color: #0e2050;
			background-color:#e5e8f5;
			border:1px solid #0e2050;
		}


		#filter-box input:checked + label.background-background1{
			background-color:#341960;
			border:1px solid #341960;	
			color:#FFFFFF;
		}
				

		#filter-box input:checked + label.background-background2{
			background-color:#0e2050;
			border:1px solid #0e2050;	
			color:#FFFFFF;
		}
				
		.background-transparent h3{
			color:#1b1464;
		}



		.box.has-background-color button:hover{
			border-color: #50a6e8;
			color:#50a6e8;
		}

		.box.background-background1 h3, .box.background-background2 h3, .box.background-custom h3{
			color:#FFFFFF;
		}


		#main{
			background-color:#F4F4F4;
		}

		.dropdown-content {
			background-color:<?php echo $main_colour;?>;
		}


		#menu-main_menu  ul.sub-menu{
			background-color:#1b1464;
		}


		.oii-colour-to-edge{
				background-color:#1b1464;
				height:40px;
		}	


		.main-menu-container ul.menu > li.menu-item a:hover {
			color: #50a6e8;
			text-decoration: none;
		}

		#mobile-menu li > a:hover{
			color: #50a6e8!important;
		}

		#search-form{
			background-color:#9dd3fd;
		}


		.caption button.call-to-action-button:hover{
			border-color:#e60045;
			background-color:#e60045;
		}

		.custom-background-color.has-background-color button.call-to-action-button:hover{
			background-color:#341960;
		}

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


		.box.has-background-color h3:hover{
			color:#50a6e8;
		}

		.box.background-transparent h3:hover{
			color:#9dd3fd;
		}
			
		.box.oxtec-news-box h3:hover{
			color:#9dd3fd;
		}


		.background-transparent button.call-to-action-button{
			border-color:#FFFFFF;
			color:#FFFFFF;
			background-color:#1b1464
		}


		.background-transparent button.call-to-action-button:hover{
			border-color:#FFFFFF;
			color:#FFFFFF;
			background-color:#341960
		}


		.background-transparent button.call-to-action-button:hover{
			background-color:#341960;
		}
				
			


		button.tab-link{
			background-color:#1b1464;
			margin-right:3px;
		}

		.carousel-slide .outer-container .container .caption {
			background-color: #344776;
		}

		.carousel-slide .outer-container{
			background-color:#344776;
		}

		section.content-box{
			background-color:#1b1464;
		}

		section.content-box .content-listing a:hover{
			color: #50a6e8;
		}

		#mobile-menu{
			background-color:#1b1464;
			border-bottom: 1px solid #203d5f;
		}

		button.call-to-action-button {
			margin-right: 20px;
		}			
			
		.background-transparent button.call-to-action-button {
			border-color: #440d69;
			color: #440d69;
			background-color: transparent;
		}

		.background-transparent button.call-to-action-button:hover {
			color: #FFFFFF;
			background-color: #440d69;
			border-color: #440d69;			
		}

		.fairworkx .background-background1 button.call-to-action-button:hover{
			background-color:#0e2050!important;
		}
		
	iframe.acast_player{
		
		width:100%;
	}
	

/*-- RATINGS --*/
	
.ratings-table{
	width:100%;
	min-height:10px;
	background-color:lightblue;
	color:#000000;
	float:left;
	position:relative;
}

.ratings-row{
	border-bottom:1px solid black;
	float:left;
	position:relative;
	width:100%;
    align-items: center;
}

.ratings-row-icon{
	width:10%;
	height:100%;
	float:left;
	display:flex;
	justify-content: center;
}

.ratings-row-principle{
	width:80%;
	height:100%;
	float:left;	
	display:block;
}

.ratings-row-subprinciples{
	width:60%;
	height:100%;
	float:left;
	display:block;
}

.ratings-row-total{
	width:10%;
	height:100%;
	float:left;
	display:flex;
	justify-content: center;
}

.icon-circle, .total-circle{
	width:70px;
	height:70px;
	background-color:green;
	border-radius:50%;
	margin:20px;
}

.rating-year-tabs{
	width:100%;
	float:left;
	display:block;
	margin-bottom:30px;
}

.rating-year-tab{
	float:left;
	display:block;
	color:black;
}

.rating-year-tab h2{
	margin:0px;
	padding:10px;
	margin-bottom:0px!important;
	padding-left:2px;
	padding-right:5px;
}



.rating-bar-100{
	float:left;
	width:100%;
	margin-bottom:10px;
	position:relative;
	height:50px;
}

.rating-bar-100 a{
	width:100%;
	height:100%;
	float:left;
}

.rating-bar-100 h3{
	margin:0px!important;
	padding:10px;
	padding-left:20px;
	color:#000000;
	font-weight:bold;
	position:absolute;
	font-weight:bold;
	width:auto;
}

.rating-bar-proportion-10{
	width:100%;
	position:absolute;
	height:50px;
}
.rating-bar-proportion-9{
	width:90%;
	position:absolute;
	height:50px;

}
.rating-bar-proportion-8{
	width:80%;
	position:absolute;
	height:50px;

}
.rating-bar-proportion-7{
	width:70%;
	position:absolute;
	height:50px;

}
.rating-bar-proportion-6{
	width:60%;
	position:absolute;
	height:50px;

}
.rating-bar-proportion-5{
	width:50%;
	position:absolute;
	height:50px;

}
.rating-bar-proportion-4{
	width:40%;
	position:absolute;
	height:50px;

}
.rating-bar-proportion-3{
	width:30%;
	position:absolute;
	height:50px;

}
.rating-bar-proportion-2{
	width:20%;
	position:absolute;
	height:50px;

}
.rating-bar-proportion-1{
	width:10%;
	position:absolute;
	height:50px;

}

.rating-bar-proportion{
	width:0px;
}


.rating-bar-score{
	position:absolute;
	right:10px;
	color:#000000;
	font-weight:bold;
	padding:10px;
	font-size:24px;

}

.tabbed-section{
	display:none;
}

.location-ratings-container{
	width:100%;
	background-color:#ffffff;
	float:left;
	display:block;
	position:relative;
}

.location-ratings-container-inner{
	padding:30px;
	padding-bottom:60px;
	margin-bottom:50px;
}

.rating-bar-100:last-of-type{
	margin-bottom:30px;
}

button.tab-link{
	margin-bottom:0px;
}

button.tab-link{
	background-color:lightgrey;
	border:0px;
	margin-right:5px;
	padding-left:4px;
	padding-right:4px
}

button.tab-link h2{
	color:grey;
	font-family:'IBM Plex Serif';
	font-weight:bold;
}

button.tab-link.active-tab-link{
	background-color:#ffffff;
	border:0px;
}


button.tab-link.active-tab-link h2{
	color:black!important;

}




#main .colour-to-edge{
	background-color:#00adbc;
	color:#000000;
	font-weight:600!important;
}

#main .colour-to-edge h1{
	font-weight:bold;
	color:#0e2050;
}

#page-title-banner{
	background:#f4f4f4!important;
	font-weight:600!important;		
}

.location-top-text{
	font-family:'IBM Plex Serif';
	color:#0e2050;
	margin-bottom:50px;
	font-size:25px;
	margin-top:-30px;

}

.location-ratings-container h2{
	width:100%;
}


/* PEOPLE EMAIL */

	.people-email{
		margin-top:40px;
	}

/* ACCORDIONS */
/* Most of the CSS code for accordions is in the style.css of oii-satellite parent theme */

.accordion-page-conclusion{
	margin-top:50px;
}

/* ACTION NETWORD EMAIL FORM */
/* See enqueued css file for this page */

.postid-25303 #can_embed_form .floatlabel-wrapper .floatlabel-label-inactive {
    
    opacity: 1!important;
}