/*
 Theme Name:   OHRH Responsive
 Description:  An updated version of earlier theme.
 Author:       John Gilbert
 Template:     water
 Version:      1.0.0
*/



/*--- TYPOGRAPHY ---*/


h1, h2, h3, h4{
	font-family:'Source Sans Pro'!important;	
}




.page h1{
	color:black;
	font-size:32px;	
}

.publications-listing-series h1{
	color:white!important;
	font-weight:bold;
}




h3{
	font-weight: bold;
    font-size: 20px;
	margin-bottom:30px;
}

a .profile h3{
	font-size: 18px;
    margin-bottom: 30px;
    margin-top: 20px;
	font-weight:normal;
	color:#000000;
}


#authorblock{
	border-bottom:0px!important;
}

#respond > h3, #comments > h3{
	padding-top:20px!important;
}

a.page.larger, a.page.smaller, span.current{
	background-color: lightgrey;
    width: 22px!important;
    height: 24px;
    display: inline-block;
    text-align: center;
}

.rhs-subnav{
	display:none;
}

.container #site-header{
	float:left;
}

.caption p{
	font-size:20px;
}


article .search h2{
	margin:0px!important;

}

section.list-post a h2{
	margin-bottom: 10px!important;
}

article .search a:hover{
	text-decoration:none!important;
}

.content .search h2 {
    border-bottom: 0px!important;
}

article:first-child .postcontent{
	margin-top: 0px;
    border-top: 0px;
}

.pagination {
    width: 100%;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #b3b3b3;
	margin: 30px 0px 70px;
    border-top: 1px solid #b3b3b3;
	font: 14px/1.4em 'Source Sans Pro', sans-serif;
    color: #000!important;
}

#pagenav .wp-pagenavi a, #pagenav .wp-pagenavi span {
    display: inline-block;
    border: none;
    padding: 3px 7px;
    margin: 2px;
    color: #000;
    font-size: 12px;
    font-weight: 300;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wp-pagenavi a, .wp-pagenavi span{
	
	border:0px;
}


section.list-post .list-image, section.media .list-image {
    height: 150px;
    width: 150px;
    background-size: cover;
    background-position: top;
}


#search input[type=submit]{
    position: absolute;
    top: 2px;
    right: 8px;
    overflow: hidden;
    text-indent: -9999px;
    width: 28px;
	height:28px;
	
    
}


#people-list-container, #list-container{
	display:flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	position:relative;
	width:100%;
}





.sidebar.pages ul {
    column-count: 1;
}

a li.publications-listing-series{
	width:100%;

}

a li.publications-listing-series img{
	width: calc(100% - 10px)!important;
}

p{
	font-family:'Source Sans Pro';
	font-size:14px;
	
}

article{
	margin-bottom:20px;
}

.media-thumbnail img {
    width: 100%!important;
    height: auto!important;
}

.media-thumbnail{
	height:auto!important;
}

a.download {
	width: 160px;
    height: 40px;
    background-color: #CD840E;
    display: inline-block;
    box-sizing: border-box;
    text-transform: uppercase;
    color: white !important;
    border-radius: 40px;
    font-family: 'Source Sans Pro'!important;
    padding-top: 10px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    letter-spacing: 1px;
}
				
a.download:hover{
			text-decoration:none;
			background-color:#dd2b2f;
}

.publication-listing {
    border-bottom: 1px solid #ACB2B8;
    padding: 10px 0px !important;
    list-style-type: none;
    position: relative;
    height: 85px;
    overflow: hidden;
    transition: 0.5s;
	border-top:0px;
}


	.publication-listing img{
		float:left; 
		width:300px; 
		
	}


@media screen and (min-width:768px){
	.publication-listing img{
		float:left; 
		width:auto; 
		max-width:50%;
	}
}



	.publication-content {
		display: inline-block;
		width: 100%;
		margin: 0px 10px;
		vertical-align: top;
		margin-bottom: 40px;
	}


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

	.publication-content {
		width: calc(50% - 40px);
		margin-left:20px;
	}

}

.publication-content p {  
    width: auto!important;
}

.publication-listing h1{
	width:auto!important;
}



h3.mailchimp{
	margin-top:0px!important;
}

#site-footer{
	padding-bottom: 10px;
	background-color:#002147;
}

#site-footer a{
	color:#bed245;
}

#site-footer .frm_forms.frm_style_formidable-style.with_frm_style{
	max-width: 100%;
}

#site-footer .tiny-text{
	text-align:left!important;
}

#site-footer .col-lg-4{
	margin-bottom:20px;
}

#site-footer button{
	border-radius: 0px;
    background-color: transparent;
    color: #bed245;
    border: 0px;
    padding: 10px;
	padding-top:7px;
    margin-left: 10px;    
    margin-top: 0px;
    width: 80px;
	height:35px;
	box-shadow:none;
	border:2px solid #bed245;
	border-radius:20px;
	margin-left:16px;
}

#site-footer button:hover{
	background-color: #bed245;
    color: #0e2050;
}

#site-footer .col-lg-3 h3{
	    margin-left: 48px;
}

p.mailchimp{
	margin-top:20px;
}

#site-footer input{
	width:200px;
	float:left!important;
	margin:0px!important;
}

#site-footer .frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 20px;
    margin-top: -20px;
}

#site-footer h3{
	margin-bottom:10px;
	font-size:15px;
	text-transform:none;
}

#site-footer p{
	line-height: 15px!important;
}

#site-footer .container{
	margin-top:20px;
	
}



#site-footer img{
	float:none;
	margin-bottom:20px;
	margin-right:20px;
}

#menu-footer-navigation li{
	background-color:transparent!important;
}

#site-header a{
	width:400px;
	min-width:400px;
}

.row{
	width:100%;
	margin-right:0px;
	margin-left:0px;
}


.left-col, .right-col{
	padding-left:0px;
	padding-right:0px;
	
}




	section.list-post, section.media{
		width:calc(50% - 30px);
		margin-bottom:40px;
		margin-right:30px;
	}


.postcontent h2 a{
	    margin-top: 0px!important;
		font-size:18px;
		color:#000000;
}


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

	section.list-post, section.media{
		width:150px;
		margin-bottom:40px;
		margin-right:23px;
		
	}



}

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

	section.list-post, section.media{
		width:150px;
		margin-bottom:40px;
		margin-right:25px;
	}
	
	body #custom_html-5 > h3{
	margin-top:0px!important;
	}


}

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

	.left-col{
		padding-left:0px!important;
		padding-right:25px;
	}

	.right-col{
		padding-right:0px!important;
		padding-left:25px;
		display:block;
	}
	
	.rhs-subnav{
		display:block;
	}
	
	aside.sidebar.rhs{
		display:block;
	}


	#site-footer aside{
		clear:both;
	}

	
	
	section.list-post, section.media{
		width:205px;
		margin-bottom:40px;
		margin-right:30px;
	}

	
	

	#site-footer img{
		float: right;
		margin-bottom: 20px;
		margin-right: 0px;
		margin-left: 20px;
		margin-top: 10px;
	}
	
	#site-footer input{
		width:100%;
	}
	
	
	#site-footer .row .col-lg-4:first-child{
		padding-left:0px;
	}

	#site-footer .row .col-lg-4:last-child{
		padding-right:0px;
	}

	#site-footer .row .col-lg-4:last-child h3{
		float:right;
	}




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

	section.list-post, section.media{
		width:156px;
		margin-bottom:40px;
		margin-right:30px;
	}
	
	body #custom_html-5 > h3{
		margin-left:48px!important;

	}
	

}

@media screen and (min-width:552px){
	.sidebar.pages ul {
		column-count: 2;
	}

}



.right-col .side-thumb{
	height:70px;
	width:70px;
}

.right-col .side-text{
	width: calc(100% - 90px);
    float: left;
}

.row .related{
	background-color: #f6f6f6;
    margin-bottom: 20px;
    width: 100%;
	margin-top:40px;
}


.headerborder{
	width:100%;
}

.search-and-social{
	width:264px;
}

.search-and-social {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.search-and-social  ul.social {
	list-style-type: none;
	width: 364px;
	padding: 33px 0 0 0;
}

.search-and-social  ul.social li {
	display: inline-block;
	height: 24px;
	width: 23px;
	text-indent: -10000px;
	cursor: pointer;
}


#authorphoto{
	float: left;
    width: 100px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
}


#authorbiog{
	width: calc(100% - 140px);
	float: left;
    position: relative;
    margin-top: 0px;
    margin-left: 20px;
    padding-bottom: 10px;
}


#media_image-3 > a > img{
	width:200px;
}

#custom_html-5 > h3{
	margin-left:0px!important;
	margin-top:20px!important;
}

/* HACKS TO PREVIOUS */

#wrapper .flexslider .caption p {
    text-align: left;
    color: white!important;
}

#main-navigation ul, #main-navigation ul li{
	border-left:0px!important;
	border-right:0px!important;
}

#main-navigation ul li a{
	font-weight:bold;
}

#site-footer {
    background-color: #002147!important;
}



.content-container a.see-hear{
	color:black;
}	





.with_frm_style .frm_submit{
	clear:none;
}

#site-footer button {
    float: left;
    display: inline-block;
}

input#field_yrfmr{
	
	background-color: white;
    float: right;
    height: 35px;
    overflow: hidden;
    margin: 10px 0 0 20px;
        padding: 0 20px;
    outline: none;
    border: 0;
    border-radius: 20px;
        font: 300 15px/35px Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    text-shadow: none;
        -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    width: calc(100% - 105px);
    float: left;
	display:inline-block;
}




.frm_hidden{
	display:none!important;
}

.sidebar .frm_style_formidable-style.with_frm_style .frm_submit button{
	float: right;
    height: 35px;
    overflow: hidden;
    margin: 10px 0 0 20px;
    padding: 0 20px;
    outline: none;
    border: 0;
    border-radius: 0;
    font: 300 15px/35px Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    text-shadow: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    background-color: #b0cb36;
    width: 100%;
}

.sidebar .frm_style_formidable-style.with_frm_style .frm_submit button:hover{
	color:#FFFFFF;
}


.tiny_text {
    font-size: 12px;
    text-align: left;
    padding-bottom: 20px;
    margin-top: 10px;
}


.footer3{
	width: 32%;
    position: absolute!important;
    bottom: 50px;
}


/*----- PEOPLE --------*/

	.list-person h2{
		margin-top:10px;
		margin-bottom:0px;
		width:150px;
	}
	
	.list-person h2 a, .list-person p a{
		transition:1s color ease;
		text-decoration:none;
	}		

	.list-person a {
		transition:1s color ease;
		text-decoration:none!important;
	}		

	.list-person a .list-image{
		width:150px;
		height:150px;
		background-size: cover;
		background-position: top;
	}
	

	.list-person{
		width:calc(100%);
		height:auto;
		margin-bottom:20px;
	}

@media screen and (min-width:370px){
	.list-person{
		width:calc(100% / 2);
		height:auto;
		margin-bottom:20px;
	}
}
@media screen and (min-width:556px){
		.list-person{
		width:calc(100% / 3);
		height:auto;
		margin-bottom:20px;
	}

	
}


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

	.list-person{
		width:calc(100% / 4);
		height:auto;
		margin-bottom:20px;
	}

}

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

	.list-person{
		width:calc(100% / 4);
		height:auto;
		margin-bottom:20px;
	}

}

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

	.list-person{
		width:calc(100% / 6);
		height:auto;
		margin-bottom:20px;
	}

}

footer .frm_message p{
	color:#FFFFFF;
}


/*-- HOMEPAGE --*/

		.page-featured-image img{
			width:100%;
			height:auto!important;
		}
		
		section{
			margin-bottom:50px;
		}
		
		h2 a{
			
		}

		.stylised-button {
			padding: 2px;
			padding-left: 12px;
			padding-right: 12px;
			border: 2px solid #FFFFFF;
			color: #FFFFFF;
			width: auto;
			border-radius: 20px;
			font-size: 14pt;
			font-weight: 600;
			font-family: "Roboto", sans-serif!important;
			display: inline-block;
			cursor: pointer;
			position: absolute;
			padding-left: 12px;
			padding-right: 12px;
			bottom: 20px;
			background-color: rgba(255,255,255,0);
			transition: background-color 0.5s ease;
			-webkit-transition: background-color 0.5s ease;
		}
		
		.stylised-button:hover{
			background-color:rgba(255,255,255,0.1);
		}


		.text-divider{
			clear:both;
			margin-bottom:0px;
		}
		
		.navigation-buttons-container{
			width:70px;
			height:30px;
			position:absolute;
			bottom: 20px;
			right: 20px;
			z-index:1000;
		}
		
		.navigation-button{
			height:30px;
			width:30px;
			background-color:#FFFFFF;
			opacity:0.7;
			border-radius:50%;
			float:left;
			margin-left:5px;
			cursor:pointer;
			position: relative;	
			transition:opacity 0.5s ease;
			-webkit-transition:opacity 0.5s ease;			
		}
		
		.navigation-button:hover{
			opacity:1;
		}
		
		.navigation-button:hover{
			opacity:1;
		}
		
		.navigation-button svg{
			height:16px;
			position:absolute;
			fill:#615c31;
			top: 8px;
			left: 10px;
		}
		
		.right-navigation svg{
			left:10px;
		}
		
		.transition {
		  transition: .7s;
		}
		
		
		/* CAROUSEL */
		
		.carousel.row{
			width: 100%;
			padding-right: 0px;
			padding-left: 0px;
			margin-right: auto;
			margin-left: auto;
			max-width: 100%;
		}
			.carousel-caption-background{
				background-color: #615c31;
				opacity: 1;
				width:100%;
				height:100%;
				transition: background-color 0.6s ease-in;
				-webkit-transition: background-color 0.6s ease-in;

			}
			
		#carousel-image-0{
			position:absolute;
			left:0;
			transition: opacity 0.3s ease;
			-webkit-transition: opacity 0.3s ease;
		}
			


@media screen and (min-width:992px){			
		.carousel-slide{
			width:calc(100vw - 60px);
			max-width:1100px;
			height: calc((100vw - 60px) * 400/1080);
			display:block;
			background-color:#cddae4;
		}
}

@media screen and (min-width:1200px){			
		.carousel-slide{
			height:400px;
		}
}
		

		
		.carousel-image{
			width:100%;
		}
		
		.carousel-caption-container{
			background-color: #615c31;
		}

		
		.carousel-caption-text{
				color:#FFFFFF;
				font-size: 16px;
				line-height: 20px;
			}				


		.vertically-centred-div-container {
			padding:20px;
			padding-bottom: 80px;
		}
		
		.carousel-caption-container .vertically-centred-div-container{
			transition: opacity 0.3s ease;
			-webkit-transition: opacity 0.3s ease;
		}


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

			.carousel-slide{
				width:100%;
				display:block;
			
				position:relative;
			}
			
		.vertically-centred-div-container {	
			padding-bottom: 80px;
			width:calc(100% - 40px);
			margin-left: 20px;
			padding-top: 20px;
			}
			
		.navigation-buttons-container{
			right:calc((100% - 520px)/2);
		}
			
		}


		@media screen and (min-width:768px){
			.carousel-image{
				width:100%;
			}	
			
			
		.stylised-button{
			position: relative;
			margin-top:20px;
			bottom: 20px;
		}
		
		.text-divider{
			clear:both;
			margin-bottom:20px;
		}		
			
		.carousel-caption-container{
			background-color: transparent;
		}	

		.carousel-caption-inner-container{
			position: absolute;
			left: 40px;
			width: calc(100% - 80px);
		}
		
			.carousel-caption-background{
				background-color: #615c31;
				opacity: 0.9;
								
			}
			
			.vertically-centred-div-container {
				display: flex;
				align-items: center;
				height: calc(100% - 20px);
				position: absolute;
				width: 100%;
				top: 20px;
				left: 0px;
				justify-content: center;
				z-index: 600;
				padding:0px;
				max-width:100%;
				margin-left:0px;
			}
			
			
			
			
			

			.carousel-caption-text{
				width: 100%;
				left: 30px;
				font-size: 16px;
				line-height: 24px;
			}				
						
			.carousel-caption-container{
				width: 300px;
				height: calc(100% - 80px);
				position: absolute;
				left: 40px;
				top: 40px;
			}				
						
			.navigation-buttons-container{
				width:70px;
				height:30px;
				position:absolute;
				bottom:20px;
				right:20px;
			}


			
		}

			.carousel-image{
				height:calc((100vw / 1080) * 400);
			}	


		@media screen and (min-width:992px){
			.carousel-image{
				height: calc((100vw - 60px) * 400/1080);
			}	

			.carousel-caption-container{
			
				width: 300px;
				height: calc(100% - 80px);
				position: absolute;
				left: 40px;
				top: 40px;
			}	
			
			.carousel.row{
				margin-right: auto;
				margin-left: auto;
				max-width:1080px;
				width:calc(100% - 60px);
			}



			
			.carousel-caption-text{

				width: 100%;
				left: 30px;
				font-size: 20px;
				line-height: 24px;
			}				
			
		}
		
		@media screen and (min-width:1200px){
			.carousel-image{
				height:400px;
			}
			.carousel-caption-container{
				width: 400px;
				height: 300px;
				position: absolute;
				left: 50px;
				top: 50px;
			}
			
			
		.carousel-caption-inner-container{
			position: absolute;
			left: 50px;
			width: 100%;
		}			

		.carousel.row{
			max-width: 1080px;
		}

			
			.carousel-caption-text{

				width: calc(100% - 100px);
				left: 50px;
				font-size: 24px;
				line-height: 30px;
			}	
		}
		

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

			.row.flex-container{
				display:flex;
				flex-wrap:wrap;
				flex-direction: row;
				align-items: stretch;

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

			.row.flex-container{
				display:flex;
				flex-wrap:nowrap;
				flex-direction: row;
				align-items: stretch;

			}
	
		}
		


		.homepage-journal-advert{
			background-color: #4C5FAB;
			color: white;
			position:relative;
			text-align: left;
			font-weight: bold;
			font-size: 1.6em;
			line-height: 1.2em;
			font-family: "Source Sans Pro", sans-serif;
			padding-bottom: 120px;
			margin-top:30px;	
			width: 100%;
		}
		

		.homepage-journal-article{			
			width: calc(100% - 60px);
			font-size: 0.8em;
			line-height: 1.3em;	
			margin-bottom:20px;
			margin-left:30px;
			
		}
		
		.home .homepage-journal-article a{
			color:#FFFFFF;
			font-style:italic;
			font-weight:normal;
		}
		
		.homepage-journal-article a:hover{
			text-decoration:none;
		}
		
		

@media screen and (min-width:768px){
	
		.homepage-journal-advert{
			padding-bottom: 0px;
		}
	
		.homepage-journal-article{			
			margin-left: 280px;
			width: calc(100% - 350px);
			font-size: 0.8em;
			line-height: 1.3em;	
			margin-bottom:20px;
			
		}
		
		.homepage-journal-advert button.stylised-button{
			margin-left:280px;
		}

}


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

			.homepage-journal-advert{
				margin-top:unset;
				
			}

		}

		
		.home .homepage-journal-advert h2 a{
				margin-bottom:20px;
				padding-left: 30px;
				padding-right: 30px;
				padding-top:30px;
				text-align:left;
				color:#FFFFFF;
				font-size:23px;
				margin-top: 20px;
				display: block;
		}
		
		
		
		.homepage-journal-advert img{
			width:250px;
			position:absolute;
			bottom:0;
			left:0;
		}

		
		.homepage-journal-advert button{
			margin-top:20px;
			margin-bottom:0;
			position: relative;
			margin-left:calc(50% - 58px);
		}
		
		@media screen and (min-width:768px){
			
			.homepage-journal-advert h2{
				text-align:left;
			
			}
			.homepage-journal-advert button{
				margin-top:20px;
				margin-bottom:20px;
				margin-left:20px;
			}			
		}
		
		
			.ohrh-post-listing-rotator h2{
				margin-left: 20px;
				font-size:1.4em;
				float: left;
			}



		@media screen and (min-width:577px){
		
			.ohrh-post-listing-rotator h2{
				margin-left: 30px;
				font-size:1.6em;
				float: left;
			}
		}
		
		.ohrh-post-listing-rotator .navigation-buttons-container {
				width: 70px;
				height: 30px;
				float: left;
				position: relative;
				display: inline-block;
			}
		
		.ohrh-post-listing-container{
			width:100%;
			display:flex;
			overflow:hidden;
		}

.ohrh-post-listing {
    min-width: calc( 100% - 20px);
    border-left: 1px solid #e2393c;
    height: auto;
    margin-right: 20px;
    padding-left: 20px;
    position: relative;
}

.ohrh-post-listing iframe{
	width:100%;
	height:auto;
}
			
section.with-square-image .ohrh-post-listing-image {
		height: calc((100vw - 100px));	
}	

.multiple-in-row .ohrh-post-listing{
	min-width:100%;
	width:100%;
}

	@media screen and (min-width:577px){
			.ohrh-post-listing{
				min-width:calc( 100% - 60px);
				border-left: 1px solid #e2393c;
				height: auto;
				margin-right: 31px;
				padding-left: 30px;
				position:relative;
			}

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

			.ohrh-post-listing{
				min-width:calc( 50% - 30px);
			}
			
			section.with-square-image .ohrh-post-listing-image {
				height: calc((100vw - 220px)/2);	
			}	
			
			
		}
		
		@media screen and (min-width:768px){				
			
			section.with-square-image .ohrh-post-listing{
				min-width:calc(33.33% - 30px);
			}
			section.with-square-image .ohrh-post-listing-image {
				height: calc((100vw - 270px)/3);	
			}			
			

		}
		@media screen and (min-width:992px){
			.ohrh-post-listing{
				min-width:calc(33.33% - 30px);
			}

			section.with-square-image .ohrh-post-listing{
				min-width:calc(25% - 30px);
			}
			section.with-square-image .ohrh-post-listing-image {
				height: calc((100vw - 340px)/4);	
			}			

		}
		
		@media screen and (min-width:1200px){
			
			section.with-square-image .ohrh-post-listing-image {
				height: 205px;
			}			
			
		}
		
		.media .ohrh-post-listing{
			border-left: 1px solid #B0226C;
		}

		.events .ohrh-post-listing{
			border-left: 1px solid #EF6E0B;
		}
		
		.news .ohrh-post-listing{
			border-left: 1px solid #35A2A2;
		}
		
		.publications-new .ohrh-post-listing{
			border-left: 1px solid #CD840E;
		}
		

		.ohrh-post-listing-text{
			color:#000000;
			font-family:'Roboto', sans-serif;
		
			font-size:1em;
			line-height:1.2em;
			padding-bottom:50px;
		}

		.ohrh-post-listing a:hover .ohrh-post-listing-text{
			text-decoration:none!important;
		}

		.multiple-in-row .ohrh-post-listing-text{
			margin-right: 35px;
		}

		.flex-container.multiple-in-row > .ohrh-post-listing-rotator {
			flex-grow: 2;
			flex-shrink: 1;
			flex-basis: 1;
			margin-bottom: 40px;
		}
		
		@media screen and (min-width:577px){	
			.flex-container.multiple-in-row > .ohrh-post-listing-rotator{
				flex-grow: 1;
				flex-shrink: 1;
				flex-basis: 0;
				width:33%;
			}
		}



		.ohrh-post-listing-container .ohrh-post-listing:first-child{
			border-left: 0px;
		}
		
		.ohrh-post-listing button.stylised-button{
			margin-top:0px;
			margin-bottom:0px;
			background-color:#e2393c;
			position: absolute;
			bottom: 0px;
			border:2px solid #e2393c;
			transition: background-color 0.5s ease;
			-webkit-transition: background-color 0.5s ease;
		}

				
		

		
		.ohrh-post-listing-container .ohrh-post-listing-image{
			width:100%;
			height:200px;
			background-size: cover;
			margin-bottom:30px;
			background-position: center;

		}
		

		
		
		@media screen and (min-width:1200px){
			.ohrh-post-listing-container .ohrh-post-listing-image{
				height:130px;
			}
		}


		

		.ohrh-post-listing-rotator .navigation-buttons-container{
				bottom:unset;
				right:unset;
				margin-left:20px;
				margin-bottom:20px;
		}

		.ohrh-post-listing-rotator .navigation-buttons-container .navigation-button{
			background-color:#e2393c;
			opacity:1;
		}
		
		.media .ohrh-post-listing-rotator .navigation-buttons-container .navigation-button{
			background-color:#B0226C;
			opacity:1;
		}

		.events.ohrh-post-listing-rotator .navigation-buttons-container .navigation-button{
			background-color:#EF6E0B;
			opacity:1;
		}

		.news.ohrh-post-listing-rotator .navigation-buttons-container .navigation-button{
			background-color:#35A2A2;
			opacity:1;
		}		

		.publications-new.ohrh-post-listing-rotator .navigation-buttons-container .navigation-button{
			background-color:#CD840E;
			opacity:1;
		}			
		
		

		
		.ohrh-post-listing-rotator .navigation-buttons-container .navigation-button svg{
			fill:#FFFFFF;			
		}
		
		.ohrh-post-listing-rotator{
			background-color:transparent;
			width: 100%;
			flex-grow: 1;
			padding-bottom:4px;
		}
		
		
		.media section:nth-of-type(even), .has-grey-background{
			background-color: #EEEEEE;
			padding-top: 25px;
			padding-bottom: 25px;
		}		
		
		.events.ohrh-post-listing-rotator{
			border-left: 8px solid #EF6E0B;
		}
		
		.news.ohrh-post-listing-rotator{
			border-left: 8px solid #35A2A2;
			background-color:#EEEEEE;
			padding-top:30px;
			padding-bottom:30px;
		}
		@media screen and (min-width:577px){
			
			.news.ohrh-post-listing-rotator{
				background-color:#FFFFFF;
				padding-top:0px;
				padding-bottom:0px;
			}
			
		}
		
		.flex-container.multiple-in-row > .ohrh-post-listing-rotator.publications-new{
			border-left: 8px solid #CD840E;
			width:100%;
		}
		
		@media screen and (min-width:950px){
		.flex-container.multiple-in-row > .ohrh-post-listing-rotator.publications-new{
				width:33.3%;
			}
		}
		
		.media .ohrh-post-listing-rotator iframe{
			width:100%;
			height:calc((100vw - 40px) * 9/16);
			margin-bottom:25px;
		}
		
	@media screen and (min-width: 577px){
		.media .ohrh-post-listing-rotator iframe{
			width:100%;
			height:calc((50vw - 100px) * 9/16);
			margin-bottom:25px;
		}
		
	}
		
	@media screen and (min-width: 768px){
		.media .ohrh-post-listing-rotator iframe{
			width:100%;
			height:calc((50vw - 100px) * 9/16);
			margin-bottom:25px;
		}
		
	}

	@media screen and (min-width: 992px){
		.media .ohrh-post-listing-rotator iframe{
			width:100%;
			height:160px;
			margin-bottom:25px;
		}
		
	}




	.ohrh-post-listing-rotator .navigation-buttons-container .navigation-button:hover{
		opacity:0.7;
	}

	button.stylised-button{
		opacity:1;
		transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
	}
	button.stylised-button:hover{
		opacity:0.7;
	}
	.ohrh-post-listing a:hover{
		text-decoration:none;
	}
	
	.home #homepage-blog .ohrh-post-listing-rotator{
		border-left: solid 8px #e2393c;
	}
	
	.home .media{
		background-color:#EEEEEE;
		border-left: solid 8px #B0226C;
	}
	.home .publications-new{
		background-color:#FFFFFF;
	}
	.home .events{
		background-color:#FFFFFF;
	}
	
	.home h2 a{
		color:#000000;
	}
	.home h2 a:hover{
		text-decoration:none;
	}
	
	.grecaptcha-badge{
		display:none;
	}
	
	.a2a_kit .a2a_svg {
		display: inline-block;
		margin-right: 10px;
	}

	.single-media iframe {
		width: 100%;
		height: calc((100vw - 60px) * 9/16);
	}
	
	@media screen and (min-width:992px){
	
		.single-media iframe{
			width:100%;
			height:380px;
		}
	}