/*
Theme Name: Frontiers
Author: John Gilbert
Version: 1.0.0

*/

	body{
		padding:0px;
		margin:0px;
		font-family:Roboto;
		min-width:320px;
	}
	
	section{
		margin-top:30px;
		clear:both;
	}


	section:last-of-type{
		margin-bottom:40px;
	}
	
	.user-is-tabbing *:focus, .user-is-tabbing a:focus > .box-text {
		outline: 5px dotted #8ccaff!important;
	}
	

	.container {
	  padding-right: 15px;
	  padding-left: 15px;
	  margin-right: auto;
	  margin-left: auto;
	  max-width:700px;
	}
	@media (min-width: 768px) {
	  .container {
		padding: 0px 30px;
		width: calc(100% - 60px);
		max-width:1160px;
	  }
	}
	@media (min-width: 992px) {
	  .container {
		width: 922px;
	  }
	}
	
	@media screen and (min-width: 1240px) {
		.container {
			width: 1160px;
		}
	}
	
	
	button {
		display: inherit;
		text-align: inherit;
		align-items: flex-start;
		background-color: transparent;
		box-sizing: border-box;
		margin: 0em;
		font: inherit;
		padding: 0px;
		border-width: 0px;
		border-style: none;
		border-color: transparent;
		border-image: none;
	}	

	.inner-container{
		padding:40px;
	}


	a.skip-main {
		left: -999px;
		position: absolute;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
		z-index: -999;
		text-decoration:none;
	}

a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color: #0e2050;
    left: -50px;
    top: auto;
    width: auto;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    border: 2px white solid;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-size: 1em;
    z-index: 999;
	position:absolute;
	
}

/* TYPOGRAPHY */


	main{
		font-size:13px;
		min-height: 50vh;
		margin-bottom: 80px;
	}

@media screen and (min-width:768px){
	main{
		font-size:16px;
	}
}

	h1{
		color:#FFFFFF;
		font-family:'Marcellus';
		word-wrap: break-word;
		font-weight:300;
		color:#000000;
		margin-bottom:0.2em;
		margin-top:0.1em;
	}
	
	.single h1{
		margin-top: 15px;
		margin-bottom: 15px;
	}



	h1.extra-large-title{
		font-size:2.5em;
	}

	h1.large-title{
		font-size:2.2em;
	}

	h1.medium-title{
		font-size:1.8em;
	}
	


@media screen and (min-width:768px){
	
	h1.extra-large-title{
		font-size:3em;
	}

	h1.large-title{
		font-size:2.5em;
	}

	h1.medium-title{
		font-size:2em;
	}
	
}
	
	
	.category h1{
		margin-bottom:20px;
	}

	
	#site-title #site-title-text{
		color:#FFFFFF;
		font-family:'Marcellus';
		word-wrap: break-word;
		font-weight:300;
		color:#000000;		
	}

	#site-title h1, #site-title #site-title-text{
		line-height: 1em;
		font-size:2.5em;
		margin-top:12px;
	}
	

	h2{
		margin-top:0px;
		color:#6E3434;
		font-size:1.8em;
		font-family:Marcellus;
		font-weight:300;
	}



	h3{
		color:#6E3434;
		font-size:1.3em;
		text-transform:none;
		font-family:Marcellus;	
		font-weight:300!important;
	}
	
	h3 b{
		font-weight:300!important;
	}

@media screen and (min-width:768px){
	h3{
		font-size:1.4em;
	}
}
	
@media screen and (min-width:992px){
	h3{
		font-size:1.5em;
	}
}
	
	h4{
		color:#002147;
		font-size:1em;
		font-family:Lato;
		text-transform:uppercase;
		letter-spacing:0.1em;
	}

	p, ul li, ol li{
		font-size: 1em;
		line-height:1.4em;

	}

	section.blog-content p{
		line-height:1.7em;

	}

	
			
	
	p a{
		text-decoration:none;
		color:#b94a48;
		
	}

	p + h2{
		margin-top:50px;
	}

	nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.text-container ul, .text-block ul{
		list-style:circle;
		margin:20px;
		
	}
	
	.text-container ul li{
		margin-bottom:6px;
	}

	.text-container a{
		color:#0e6fab;
		font-weight:600;
		text-decoration:none;
	}
		
	.text-container a:hover{
		color:#c54687;
	}		
	


	.pagination {
		width: 350px;
		float: right;
		margin-left: 50px;		
	}		

	#archive .pagination{		
		width: 500px;
		float: right;
		margin-left: 50px;
		margin-top: 20px;
	}



/*--- MOBILE MENU ----------------------------------------------------------------------------*/
#search-link{
	float:right;
}

#search-link svg {
    width: 25px;
    height: 25px;
    fill: white;
    margin-top: 12px;
    cursor: pointer;
}

#mobile-search-link {
	float: right;
	margin-right:0px;
}
#mobile-search-link svg {
	width: 25px;
	height: 25px;
	fill: white;
	margin-top: 12px;
	cursor: pointer;
}
#mobile-search-form {
	display: none;
	position:relative;
}

	#mobile-search-form label{
		opacity:0;
	}

@media screen and (min-width:450px){
	#mobile-search-form label{
		opacity:1;
	}
	
}

	#mobile-search-form form {
		color: #FFFFFF;
		margin-top: 15px;
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 300px;

	}


@media screen and (min-width:783px){

	#mobile-search-form form {
		color: #FFFFFF;
		margin-top: 15px;
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 300px;	
	}
	
}
#mobile-search-form form label {
	font-family: 'Lato';
	font-size: 14px;
	margin-right: 10px;
}
#mobile-search-form form input.search-field {
	font-family: 'Lato';
	font-size: 14px;
	border: 0px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	width: 108px;
	outline: none;
	background: transparent;
	margin-right: 15px;
}
#mobile-search-form form input[type=submit] {
	height: 30px;
	width: 30px;
    right: 0px;
    top: -10px;
    margin-top: 0px;
	background: transparent;
	position: absolute;
	top: 1px;
	padding: 10px;
	border: 0px;
	cursor: pointer;
	font-size:0px;
}
.mobile-menu-is-open {
	height: 100%;
	overflow: hidden;
	position: fixed;
}
#mobile-menu ul#menu-megamenu {
	margin-bottom: 20px;
}
#mobile-menu .menu-megamenu-container {
	padding-top: 90px;
}
#mobile-menu .container {
	padding-bottom: 50px;
}
#mobile-menu li.menu-item a {
	color: white;
	text-decoration: none;
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	cursor: pointer;
}

#mobile-menu li.menu-item a:hover {
	color: #8ccaff;
}

.megamenu li.menu-item span{
	color:#FFFFFF99;
}

.menu-internal-container{
	display:flex;
}

.top-menu .menu-internal-container li{
	padding:18px;
	padding-left:0px;
	padding-right:40px;
}

.top-menu .menu-internal-container li a{
	color:#FFFFFF;
	font-family:'Roboto';
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.9em;	
}

.top-menu .menu-internal-container li a:hover{
	color:#F7EBEB;
	font-family:'Roboto';
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.9em;	

}

.blog-menu .menu-internal-container li a{
	color:#002147;
	text-decoration:none;
	font-size:14px;	
}


.blog-menu .menu-internal-container li a:hover{
	color:#6E3434;
	text-decoration:none;
}


	.blog-menu .menu-internal-container li{
		padding:12px;
		padding-right:30px;
		text-align:center;
	}

@media screen and (min-width:900px){
	.blog-menu .menu-internal-container li{
		padding:12px;
		padding-left:12px;
		text-align:center;
	}
	
}


#category-menu-bar .menu-internal-container{
	justify-content:space-around;
}

.mobile-menu-top-level {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #0e2050;
}
.top-level-mobile-items {
	padding: 20px;
	width: inherit;
	background-color: #0e2050;
	cursor: pointer;
	transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	position: relative;
}
.top-level-mobile-items:hover .arrow.down {
	border-top: 10px solid #8ccaff;
}
.top-level-mobile-items:hover .arrow.up {
	border-bottom: 10px solid #8ccaff;
}
.top-level-mobile-items:hover {
	color: #8ccaff;
}
.arrow {
	transition: border-color 0.5s ease;
	-webkit-transition: border-color 0.5s ease;
	float: right;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin-right: 30px;
	position: absolute;
	top: 25px;
	right: 0px;
}
.arrow.down {
	border-top: 10px solid #FFF;
	padding-top: 10px;
}
.arrow.up {
	border-bottom: 10px solid #FFF;
}
#white-version {
	left: 15px;
	top: -10px;
}
#menu-bar {
	height: 50px;
	background-color: #0e2050;
	border-bottom: 1px solid white;
	width: 100vw;
}
.menu-line {
	height: 3px;
	background-color: #FFFFFF;
	width: 25px;
	margin-right: 10px;
	margin-left: 0px;
	position: absolute;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}
	#menu-button {
		height: 30px;
		width: 30px;
		position: relative;
		float: left;
		cursor: pointer;
		margin-top: 12px;
		display:block;
	}

@media screen and (min-width:650px){

	#menu-button {
		display:none;
	}
	
	
}
#menu-line-1 {
	top: 5px;
}
#menu-line-2a, #menu-line-2b {
	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 {
	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);
}
#mobile-menu {
	width: 100vw;
	height: calc(100vh - 120px);
	background-color: #6E3434;
	z-index: 500;
	display: none;
	color: #FFFFFF;
	padding-bottom: 50px;
	padding-top: 40px;
	position: absolute;
	overflow-y: scroll;
	top:50px;
	border-top:1px solid #F7EBEB;
}
@media screen and (min-width:650px) {
	.mobile-menu-is-open {
		height: 100%;
		overflow: auto;
		position: relative;
	}
	#menu-bar {
		display: none;
	}
	#mobile-menu{
		display:none!important;
	}
	
	#mobile-menu-container {
		display: none;
	}
}





#mobile-menu-container button{
	font-size:0px;
	line-height:0px;
}
	
/*-- BLOCKS --*/

	.box-container{
		display:flex;
		flex-wrap:wrap;
		align-items:stretch;
		width:100%;
	}
	
	.box-container.for-1-boxes{
		display:grid;
	}
	

	.box{
		position: relative;
		height: auto;
		padding-bottom: 20px;		
	}

	.box.quarter-at-full, .box.third-at-full, .box.half-at-full{
		width:100%;
		margin-right:0px;
		margin-bottom:20px;
	}

@media screen and (min-width:600px){

	.box.quarter-at-full{
		width:calc(50% - 10px);
		margin-right:20px;
	}

	.box.quarter-at-full:nth-child(2n){
		margin-right:0px;
	}

}

@media screen and (min-width:768px){

	
	.box.half-at-full{
		width:calc(50% - 10px);
		margin-right:20px;
	}


	.box.half-at-full:nth-child(2n){
		margin-right:0px;
	}

	
	.box.third-at-full{
		width:calc(50% - 15px);
		margin-right:20px;
	}


	.box.third-at-full:nth-child(2n){
		margin-right:0px;
	}



}

@media screen and (min-width:1160px){
	
	.box.third-at-full, .box.third-at-full:nth-child(2n){
		width:calc(33.3% - 18.33px);
		margin-right:20px;
	}


	.box.third-at-full:nth-child(3n){
		margin-right:0px;
	}

}

	.box h3{
		font-weight:100;
	}
	
	.post-box > a{
		text-decoration:none;
		width:100%;
		height:100%;
		display:flex;
		flex-direction:column;
		border-bottom: #F7EBEB solid 1px;
	}


	.people-box.box{
		background-color:#F7EBEB;
		border-left:5px solid #6E3434;
		
	}
	.people-box.box h3{
		color:#6E3434;
		margin-top:20px;
	}

	.people-box img{
		width:100px;
		height:100px;
		float:right;
		margin-left:25px;
		margin-bottom:25px;
	}
	
	.people-box a{
		color:black;
		text-decoration:none;
	}
	
	
	.people-box .person_links{
		padding: 5px;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		
	}
	.people-box a .person_links {
		color:#986060;
		float: left;
		margin-right: 15px;
		transition: color 0.5s ease;

	}

	.people-box a:hover .person_links{
		color:#6E3434;
	}
	.people-box .person_links svg{
		width:30px;
		fill:#986060;
		margin-right:6px;
		transition: fill 0.5s ease;
	}
	
	a:hover .person_links svg{
		fill:#6E3434;
	}
	.people-box p{
		font-size:0.9em;
		line-height:1.1em;
	}
		
	.people-box .people-box-media-container{
		width:100%;
		float:left;
	}	
		
	.post-box img{
		width:100%;
	}
	
	.post-box h3{
		margin-top:0px;
		margin-bottom:10px;
		font-size:1.6em;
		color:#6E3434;
	}

	.category-line{
		font-size:0.8em;
		text-transform:uppercase;
		color:#AE7171;
		margin-bottom:5px;
		cursor:default;
	}

	.post-box .box-text-container{
		padding-left:0px;
		width:calc(100% - 20px);
	}
	
	.post-box a .box-text-container p{
		color:#000000;
		
	}
	
	.post-box a:hover h3{
		color:#000000;
	}
	
	.box.post-box.has_url:hover{
		background-color:transparent;
	}
	
	.post-box .by-line{
		font-weight:500;
		color:#000000;
	}
	
	.post-box a:hover .by-line{
		color:#6E3434;
	}

	.post-box .by-line{
		margin-bottom:10px;
	}

	.post-box.box.third-at-full {
		width: 100%;
		margin-right: 0px;
		padding-right: 0px;
		margin-bottom:0px;
		margin-top:20px;
	}


@media screen and (min-width:768px){

	.post-box.box.third-at-full {
		width: calc(50% - 20.66px);
		margin-right: 20px;
		padding-right: 20px;
		border-right: #f5d0d0  solid 1px;
		padding-bottom:0px;
	}

	.post-box.box.third-at-full:nth-child(2n){
		margin-right:0px;
		border-right:0px;
		padding-right:0px;
	}

}

@media screen and (min-width:992px){
	.post-box.box.third-at-full, .post-box.box.third-at-full:nth-child(2n) {
		width: calc(33.33% - 31px);
		margin-right: 25px;
		padding-right: 20px;
		border-right: #f5d0d0  solid 1px;
		padding-bottom:0px;

	}
		
	.post-box.box.third-at-full:nth-child(3n){
		margin-right:0px;
		border-right:0px;
		padding-right:0px;
	}
}
	

	.box-text-container{
		width:calc(100% - 40px);
		padding:20px;
		padding-top:0px;
	}
	
	img + .box-text-container{
		padding-top:20px;
	}
	
	.extend_button svg{
		height:10px;
		width: 10px;
		margin-left:5px;
		fill:#FFFFFF;
	}


/*--- PSEUDO BUTTON ---*/

	.pseudo-button{
		padding:30px;
		padding-bottom:8px;
		padding-top:8px;
		border-radius:20px;
		color:#FFFFFF;
		font-size:0.8em;
		width: max-content;
		text-transform:uppercase;
		font-family:Roboto;
		font-weight:500;
		text-align:center;
		letter-spacing:1px;
		cursor:pointer;
		background-color:#AE7171;
		transition: background-color 0.5s ease, color 0.3s ease;
		position:relative;
		float: left;
		margin-right: 20px;
		margin-bottom:30px;
	
	}
	
	.pseudo-button:hover{
		background-color:#6E3434;
	}
	
	.pseudo-button.button-size-large{
		font-size:1.05em;
		margin-top:30px;
	}
	


/*--- PAGINATION ---*/

.full-width-pagination-container{
	width:100%;
	height:50px;
	margin-bottom:50px;
	display:none;
}

#archive .full-width-pagination-container{
	display:block;
}

.people-block .pagination{
	margin-bottom:15px;
}

.pagination .pagination-inner-container{
	float:right;
	width:auto;
}

.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, .content .main-content .pagination .page-numbers {
	background-color: #0e2050;
    -moz-box-sizing: border-box;
    color: white;
    display: inline-block;
    height: 25px;
    padding: 0px;
    border-radius: 50%;
    padding-top: 10px;
    transition: 0.3s;
    width: 35px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}

.pagination .page-numbers.current {
    background-color: #6E3434!important;

}

.pagination .prev{
	margin-right:10px;
}

.pagination .next{
	margin-left:10px;
}

/*-- HEADER --*/

	#top-menu-bar{
		background-color:#6E3434;
		height: 50px;
	}

	#site-title{
		position: absolute;
		bottom: 0px;
		left: 0px
	}

	#site-title h1, #site-title #site-title-text{
		margin:0px;
		line-height:0.7em;
	}

	.logo-container{
		height:80px;
		width:100%;
		margin-top:20px;
	}
	
@media screen and (min-width:375px){
	.logo-container{
		margin-top:30px;
	}
}

@media screen and (min-width:550px){
	.logo-container{
		margin-top:50px;
		height:100px;
	}
}


	.logo-container .frontiers-logo{
		width: 150px;
		float: left;
		height: 40px;
		position:relative;
	}


@media screen and (min-width:375px){
	.logo-container .frontiers-logo{
		width: 175px;
		height: 50px;
	}
}
@media screen and (min-width:550px){
	.logo-container .frontiers-logo{
		width: 250px;
		height: 70px;
	}
}

@media screen and (min-width:900px){
	.logo-container .frontiers-logo{
		width: 350px;
		height: 100px;
	}
	
}


	#site-title{
		font-size:0.4em;
	}

@media screen and (min-width:375px){

	#site-title{
		font-size:0.5em;
	}
}
@media screen and (min-width:550px){

	#site-title{
		font-size:0.7em;
	}
}

@media screen and (min-width:900px){
	
	#site-title{
		font-size:0.9em;
	}
}

	.logo-container .department-logos img{
		height: 40px;
		float: right;
		margin-left: 5px;
	}

@media screen and (min-width:375px){

	.logo-container .department-logos img{
		height: 50px;
		margin-left: 6px;
	}
}

@media screen and (min-width:550px){

	.logo-container .department-logos img{
		height: 70px;
		margin-left: 8px;
	}
}
@media screen and (min-width:900px){

	.logo-container .department-logos img{
		height: 100px;
		margin-left: 12px;
	}

}

	.logo-container .frontiers-word{
		font-size:1.85em;
		line-height:1.1em;
		color:#002147;
	}
	.logo-container .socio-phrase{
		color:#AE7171;
	}

	.logo-container .of-word{
		color:#576a7f;
		font-family:'Dancing Script';
		font-size:1.6em;
		margin-left:-0.16em;
	}


	/*-- MAIN MENU BAR --*/

	.menu-main_menu-container{
		display:none;
	}

@media screen and (min-width:650px){
	.menu-main_menu-container{
		display:block;
	}
}

	#menu-main_menu-1{
		display:none;
	}

@media screen and (min-width:650px){
	#menu-main_menu-1{
		display:block;
	}
}	
	

	/*-- CATEGORY MENU BAR --*/

	#category-menu-bar{
		display:none;	
	}


	#category-menu-bar{
		height:5px;
		width:100%;
		background-color:#F7EBEB;
		margin-top: 0px;
		display:block;
	}

@media screen and (min-width:650px){

	#category-menu-bar{
		height:60px;
	}
}

@media screen and (min-width:900px){
	#category-menu-bar{
		margin-top: 30px;
	}

}

@media screen and (min-width:900px){

	#category-menu-bar{
		height:40px;
		margin-top:30px;
	}
}	
	/*-- BREADCRUMBS BAR --*/
	
	.breadcrumbs-bar{
		padding:10px;
		color:#FFFFFF;
		background-color:#6E3434;
		width:fit-content;
		font-size:0.8em;
	}
	
	.breadcrumbs-bar a{
		color:#FFFFFF;
		text-decoration:none;
		
	}
	
	
	
	
	/*-- SINGLE --*/
	.by-line{
		color:#AE7171;
		font-weight:medium;
		margin-bottom:30px;
		cursor:default!important;
	}
	
	
	.by-word{
		font-weight:300;
		color:#000000;
		font-family:'Dancing Script';
		font-size:1.4em;
		line-height:1em;
		float: left;
		margin-top: -0.15em;
		margin-right: 0.2em;
	}
	

	.breadcrumbs-bar{
		padding:10px;
		color:#FFFFFF;
		background-color:#AE7171;
		width: calc(100% - 20px);
	}


@media screen and (min-width:800px){

	.breadcrumbs-bar{
		min-width: calc(100% - 610px);
		width:calc(50% - 50px);
	}

	.breadcrumbs-bar.no-photo{
		width:calc(100% - 20px);
	}
}	


	

	.main-image-container{
		float: right;
		margin-left: 0px;
		margin-bottom: 40px;
		width: 100%;
	}

	
@media screen and (min-width:800px){
	
	.main-image-container{
		float: right;
		margin-left: 40px;
		margin-bottom: 40px;
		max-width: 550px;
		width:50%;
	}
	
}
	
	.main-image-container img{
		width:100%;
	}

	.main-image-container .photo-caption{
		font-size:0.8em;
		font-style:italic;
		text-align:right;
		margin-top:10px;
		color:#6E3434;
	}

	.mobile-only{
		display:block;
	}
	.monitor-only{
			display:none;
	}
	
@media screen and (min-width:800px){
	.mobile-only{
		display:none;
	}
	.monitor-only{
			display:block;
	}
}

/*--- TAG BAR ---*/

	#tag-bar{
		width:calc(100% - 40px);
		background-color:#F7EBEB;
		margin-top:30px;	
		margin-bottom:30px;
		padding:20px;
		padding-bottom:2px;
	}
	
	button.tag-button{
		cursor:pointer;
		background-color:#AE7171;
		color:#FFFFFF;
		text-transform:uppercase;
		padding:5px;
		font-size:0.9em;
		padding-left:15px;
		padding-right:15px;
		border-radius:20px;
		margin-bottom:20px;
		margin-right:20px;
	}
	button.tag-button:hover{
		background-color:#6E3434;
	}
	button.tag-button:focus{
		background-color:#002147;
	}
	
	
	.introduction{
		margin-bottom:50px;
		color:#6E3434;
	}
	
	.author-container{
		display: inline-block;
		width:100%;
		margin-top:60px;

	}
	
/*--- FOOTER --*/

	footer .colour-to-edge{
		background-color:#002147;
	}
	
	footer #heel-of-footer.colour-to-edge{
		background-color:#041931;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	footer #heel-of-footer ul{
		display:flex;
		list-style:none;
		flex-direction:row;
		color:#FFFFFF;
		padding:0px;
		margin:0px;
		font-size:10px;
		flex-wrap:wrap;

	}

	footer #heel-of-footer ul li{
		margin-right:40px;
	}
	
/*--- HOMEPAGE --*/

	.flex-container{
		width:100%;
		display:flex;
		flex-direction: column ;
		
	}


@media screen and (min-width:992px){
	.flex-container{
		width:100%;
		display:flex;
		flex-direction: row ;
		justify-content:space-between;
	}
}


	.main-homepage-box{
		display:block;
	}

@media screen and (min-width:800px){
	.main-homepage-box{
		display:flex;
	}

}	

@media screen and (min-width:992px){
	.main-homepage-box{
		display:block;
		border-bottom:0px;
	}

}	



	.main-homepage-box img{
		width:100%;
	}


.homepage-box-image, .homepage-box-text{
		flex:1;

	}

	.homepage-box-text{
		margin-right:0px;
	}

	.column-half-at-full{
		display:block;
		width:100%;		
	}


@media screen and (min-width:768px){

	.column-half-at-full{
		display:flex;
	}
}

@media screen and (min-width:992px){

	.column-half-at-full{
		display:block;
		float:left;
		width:calc(50% - 20px);		
	}
	
}	

	.side-homepage-column .side-homepage-box{
		flex: 1;
		margin-top:30px;
	}
	
	@media screen and (min-width:768px){
		.side-homepage-column .side-homepage-box{

			margin-right: 30px;
		}
	}

@media screen and (min-width:992px){
	
	.side-homepage-column .side-homepage-box:nth-child(1){
		flex: 1;
		margin-top:0px;
		margin-right: 0px;
	}
	
	
}

.side-homepage-image{
	margin-bottom:10px;
}

	.side-homepage-column .side-homepage-box:nth-child(2){
		margin-right:0px;
	}
	
	.side-homepage-column .side-homepage-box:nth-child(1){
		padding-bottom: 0px;
		margin-bottom: 30px;
		border-bottom: 1px solid #f5d0d0  ;
	}
	
@media screen and (min-width:768px){
	.side-homepage-column .side-homepage-box{
		border-bottom: 0px solid #f5d0d0  ;
		margin-bottom:0px;
	}
	.side-homepage-column .side-homepage-box:nth-child(1){
		padding-bottom: 0px;
		margin-bottom: 0px;
		border-bottom: 0px solid #f5d0d0  ;
	}	
	
}

	.side-homepage-column{
		padding-bottom:0px;
	
	}

@media screen and (min-width:768px){
	
	.side-homepage-column{
		padding-bottom:30px;
		border-bottom: 0px;
	}

}

.main-box > a{
	text-decoration:none;
}

.main-box >a p{
	color:#000000;
}

.main-box h2{
	font-size:1.7em;
}


@media screen and (min-width:800px){
	.main-box > a{
		display:flex;
		flex-direction: row-reverse;
	}
	
	.main-box > a .category-line{
		margin-top:0px;
	}
	
}
@media screen and (min-width:992px){
	.main-box > a{
		display:block;
	}

	.main-box > a .category-line{
		margin-top:20px;
	}
	
}




@media screen and (min-width:992px){

	.side-homepage-column{
		padding-bottom:30px;
	
	}
	.side-homepage-column .side-homepage-box:nth-child(2){
		padding-bottom: 30px;
		margin-bottom: 0px;
		border-bottom: 0px;
	}		
	.

}
	.main-homepage-box{
		padding-bottom:30px;
		border-bottom:#f5d0d0 solid 1px;
		
	}
	
@media screen and (min-width:992px){
	.main-homepage-box{
		padding-bottom:30px;
		border-bottom:#f5d0d0 solid 0px;
		
	}

}	

	.side-homepage-column .side-homepage-box > a{
		color:#000000;
		text-decoration:none;
		margin-right:20px;		
	}

@media screen and (min-width:992px){
	.side-homepage-column .side-homepage-box a{
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-end;
		margin-right:0px;
		color:#000000;
		text-decoration:none;
	}
	
	.side-homepage-column .side-homepage-box:nth-child(1){
		border-bottom:1px solid #f5d0d0;
	}
}


	.homepage-box-container-large{
		width:50%;
		float:left;
	}

	.side-homepage-image{
		width:100%;
		float:right;		
	}
	
@media screen and (min-width:992px){
	.side-homepage-image, .side-homepage-text{
		flex:1;
	}
	
	.side-homepage-text{
		margin-right:20px;
	}
	
}
	
@media screen and (min-width:800px){
	.homepage-box-image{
		margin-left:30px;
	}
}	

@media screen and (min-width:992px){
	.homepage-box-image{
		margin-right:0px;
		margin-left:0px;
	}
}	


	.side-homepage-image img{
		width:100%;
	}

	.main-homepage-box .category-line{
		margin-top:20px;
	}

	#homepage h2{
		margin-bottom:10px!important;
	}
	
	
	#top-menu-bar .blog-menu{
		display:none;
	}
	
	#category-menu-bar .top-menu{
		display:none;
	}
	
#menu-main_menu-1{
	display:block;
}

#mobile-menu .menu-main_menu-container{
	display:block;
}	

#mobile-menu .blog-menu{
	display:block;
    background-color: #F7EBEB;
    margin-left: -20px;
    width: calc(100% + 90px);	
}

#mobile-menu .blog-menu:before{
	content: "Blog Categories";
    margin-top: 20px;
    float: left;
    width: 100%;
    padding: 20px;
    padding-left: 20px;
    text-transform: uppercase;
    color: #6E3434;
    padding-top: 0px;
	font-weight:bold;
}

#mobile-menu .menu-internal-container{
	display:block;
}

#mobile-menu .blog-menu .menu-internal-container li{
	text-align:left;
	padding: 18px;
    padding-left: 20px;
    padding-right: 20px;
	border-bottom: 1px solid #6E3434;
    color: #6E3434;
}

#mobile-menu .blog-menu .menu-internal-container li a{ 
	color:#6E3434;
}

#mobile-menu .blog-menu .menu-internal-container li a:hover{
	color:#2684d4;
}

#mobile-menu .top-menu .menu-internal-container li{
	border-bottom:1px solid #AE7171;
    margin-left: -20px;
    width: calc(100% + 20px);
    padding-left: 20px;	
}

#top-menu-bar .menu-main_menu-container{
	width: calc(100% - 50px);
    float: left;
}

.department-logos a{
	float:right;
}

/*-- EMBEDS --*/

	iframe[width="300"]{
		position: relative;
		overflow: hidden;
		width:100%;
		height:80px;
		margin-top:30px;
	}


	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="500"]{
		position: relative;
		height:518.625px;
		overflow: hidden;
		width:100%;
		margin-top:30px;
	}
	
}

@media screen and (min-width:1120px){

	iframe[width="500"]{
		position: relative;
		height:518.625px;
		overflow: hidden;
		width:100%;
		margin-top:30px;
	}
	
}

@media screen and (min-width:1200px){

	iframe[width="500"]{
		position: relative;
		height:652.5px;
		overflow: hidden;
		width:100%;
		margin-top:30px;
	}
	
}

/*-- SEARCH --*/

.search ul li a{
	text-decoration:none;
	color:#000000;
}
.search h3{
	margin-bottom:0px;
	font-weight:300;
}

.search a h3:hover{
	color:#AE7171;
}

/*-- HOMEPAGE ROWS --*/

.homepage-category-row{
	margin-top:0px;
}

.homepage-category-row .colour-to-edge{
	padding-top:30px;
	background-color:#fbf7f7;
}

.homepage-category-row:last-child .colour-to-edge{
	padding-bottom:30px;
}



.homepage-category-row:nth-of-type(even) .colour-to-edge{
	background-color:#F7EBEB;
	padding-top:30px;
	padding-bottom:30px;
}

.homepage-category-row h2{
	font-size: 2.2em;
	color:black;
	margin-bottom:0px;
}

.homepage-category-row h2 + p a{
	margin-top:10px;
	text-decoration:underline;
	color: #6e3434;
}

@media screen and (min-width:768px){
	.homepage-category-row .box-container .post-box.box.third-at-full:nth-child(3n){
		display:none;
	}
}
@media screen and (min-width:992px){
	.homepage-category-row .box-container .post-box.box.third-at-full:nth-child(3n){
		display:block;
	}
}

.homepage-category-row .post-box > a{
	border-bottom:0px;
}

.homepage-category-row .box-container{
	margin-top:20px;
}

.homepage-category-row:last-child{
	margin-bottom:0px;
}

/*-- FOOTER --*/

	footer .flexed-container{
		display:flex;
		flex-direction:row;
		
	}

	footer .flexed-box{
		padding-top:50px;
		padding-bottom:30px;
		width:320px;
	}

	footer .flexed-box h3{
		color:#FFFFFF;
		margin-top:0px;
	}
	footer .flexed-box p{
		font-size:0.8em;
		color:#FFFFFF;
	}
	
	footer p a, footer li a{
		color:#a8cff1;
		text-decoration:none;
	}

	footer p a:hover, footer li a:hover{
		color:#0481ec;
	}

	footer .department-logos{
		width:240px;
		margin-left:-25px;
		
	}
@media screen and (min-width:768px){
	footer .department-logos{
		width:100%;
		margin-left:0px;
	}


}
	footer .department-logos a{
		width: 100px;
		height: 100px;
		border: 1px solid #FFFFFF;
		margin-left: 10px;
	}

	footer .department-logos a img{
		width:100px;
		height:100px;
	}
@media screen and (min-width:768px){
	footer .flexed-box:last-child p{
		text-align:right;
		margin-bottom:20px;
	}
}

@media screen and (min-width:768px){
	footer .flex-container{
		flex-direction: row;
		justify-content: space-between;
	}
}

/*-- TALKING ABOUT METHODOLOGY --*/

	.category-6 .category-specific-intro{
		background-color:#AE7171;
		padding:30px;
		position:relative;
		overflow:hidden;
		margin-bottom:30px;
		min-height:180px;
	}

@media screen and (min-width:768px){
	.category-6 .category-specific-intro{
		min-height:260px;
	}	
	
}

@media screen and (min-width:992px){
	.category-6 .category-specific-intro{
		min-height:210px;
	}	
	
	
}


	.category-6 .category-specific-intro h1, .category-6 .category-specific-intro p, .category-6 .category-specific-intro li{
		color:#FFFFFF;
	}

	.category-6 .category-specific-intro .introduction{
		width:100%;
		display:left;
		margin-bottom:100px;
	}

@media screen and (min-width:650px){
	.category-6 .category-specific-intro .introduction{
		width:calc(100% - 220px);
		display:left;
		margin-bottom:50px;
	}
}

	.microphone{
		display:none;
	}

	.category-6 .category-specific-intro .microphone{
		display: block;
		width: 60px;
		position: absolute;
		bottom: -10px;
		right: 50px;
	}


@media screen and (min-width:650px){
	.category-6 .category-specific-intro .microphone{
		display: block;
		width: 120px;
		position: absolute;
		bottom: -30px;
		right: 50px;
	}
	
}

/*-- SOCIAL SNAP --*/

	#ss-floating-bar{
		display:none;	
	}
@media screen and (min-width:1340px){
	#ss-floating-bar{
		display:block;	
	}
}