/* ------- GLOBAL FONT IMPORT ---------------------------------------------------------------- */
@font-face{
	font-family: 'beausite';
	src: url('../fonts/BeausiteFitWeb-Bold.woff2') format('woff2'),
		 url('../fonts/BeausiteFitWeb-Bold.woff') format('woff');
}

@font-face{
	font-family: 'gtamerica';
	src: url('../fonts/GT-America-Mono-Medium.woff2') format('woff2'),
		 url('../fonts/GT-America-Mono-Medium.woff') format('woff');
}

@font-face{
	font-family: 'lato';
	src: url('../fonts/Lato-Light.ttf') format('truetype');
}

@font-face{
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-VariableFont_wdth-wght.ttf') format('ttf');
}
/* ------- GLOBAL STYLES ---------------------------------------------------------------- */
body{
	background-color: #f7f0eb;
	color: #0e0a32;
	overflow-x: hidden;
}

img{
	display: block;
}

h1{
	font-size: 35px;
	line-height: 130%;
	font-weight: bold;
	font-family: 'beausite', sans-serif;
	margin-bottom: 30px;
}

h2{
	font-size: 20px;
	font-family: 'gtamerica', sans-serif;
	text-transform: uppercase;
	margin-bottom: 25px;
	letter-spacing: 3px;
}

h3,
h4{
	font-size: 18px;
	font-family: 'gtamerica', sans-serif;
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 2px;
}

p,
ul{
	line-height: 140%;
	font-size: 18px;
	font-family: 'lato', 'Open Sans', sans-serif;
	font-weight: 100;
	margin-bottom: 25px;
}

ul,
ol{
	padding-left: 30px;
}

ul{
	list-style: disc;
}

ol{
	list-style: auto;
	font-family: sans-serif;
	font-size: 18px;
}

ul li,
ol li{
	padding-left: 15px;
}

a{
	color: #0e0a32;
	text-decoration: none;
}

p a{
	color: #0c5fa9;
	text-decoration: underline;
}

.content_container{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.hidden{
	display: none;
}

.button{
	cursor: pointer;
	width: fit-content;
}

div.button{
	padding: 15px 25px;
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'gtamerica', sans-serif;
}

p.button{
	color: #0c5fa9;
	border-bottom: 2px solid #0c5fa9;
	padding: 0 15px 3px 15px;
	margin: 0 auto;
	height: fit-content;
}


/* ------- GLOBAL HEADER NAV AND LOGO -------------------------------------------------------- */
header {
  display: flex;
  justify-content: space-between;
  align-items: unset;
  min-height: 150px;
}

header #logo{ 
	width: 30%;
	height: fit-content;
	cursor: pointer;
	position: relative;
	padding-top: 10px;
}

header #logo img {
  width: 100%;
  max-width: 370px;
  height: auto;
  position: absolute;
}


#nav {
  padding-top: 55px;
  width: 70%;
  text-align: right;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}
  
#nav a {
  color: #000;
}
  
#nav ul li {
  font-family: 'gtamerica', sans-serif;
  font-size: 24px;
  line-height: 24px;
}
  
#nav ul#menu-main-nav > li {
  margin: 0;
  padding: 10px 10px 15px 10px;
}

#nav ul > li > ul > li {
  font-size: 16px;
  line-height: 16px;
}
 
 
/* toggle menu */
#menu-toggle:hover, #menu-close:hover {
  cursor: pointer;
}

#menu-toogle-container {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 120px;
  z-index: 9999;
}

#menu-toogle-container #menu-toggle {
  position: relative;
  top: 24px;
  right: 12px;
}
header#mainheader.sm-active #menu-toogle-container {
  background-color: #b53d1b;
}


#menu-toggle .bar {
  fill: #000000;
}
#menu-close {
  fill: #000000;
  position: absolute;
  top: 18px;
  right: 12px;
  z-index: 9999;
}
header#mainheader #nav {
  display: none;
}

header#mainheader.sm-active #logo {
  position: absolute;
  z-index: 12;
}
header#mainheader.sm-active #nav {
  padding-top: 100px;
  display: block;
  background-color: #b53d1b;
  width: 100%;
}

header#mainheader.sm-active #menu-toogle-container {
  display: none;
}

header#mainheader.sm-active #menu-close {
  display: block;
}
#nav ul.sub-menu li {
  display: block;
  padding: 10px 0 10px 0;
}
#nav ul li {
  display: block;
} 

@media screen and (min-width:1124px) {
  #nav {
    background-color: transparent;
    padding-top: 0;
  }
  #nav ul li {
    font-size: 16px;
    line-height: 16px;
  }

  #nav ul#menu-main-nav > li {
    margin: 25px 45px 25px 10px;
    padding: 10px 10px 15px 10px;
  }

  #nav ul#menu-main-nav > li:hover {
    border-bottom: 5px solid #0e0a32;
    padding: 10px;
  }

  header#mainheader #nav {
    display: block;
  }

  #menu-toggle .bar, #menu-close .bar {
    display: none;
  }
 
  #nav ul.sub-menu li {
  	background-color: #98381d;
  	padding: 15px 15px 15px 20px;
  	width: 230px;
  	text-align: left;
  }
  
  #nav ul.sub-menu li:hover{
  	background-color: #0e0a32;
  }
  
  #nav ul.sub-menu li:hover a{
  	color: #fff;
  }
  
  #nav ul li ul {
  	display: none;
  	position: absolute;
  	top: 40px;
  	left: 0;
  	padding: 1px 0 8px 0;
  }

  #nav li a {
	margin: 0 auto;
  }

  #nav ul {
	clear: both;
	padding: 0 18px;
	margin: 0 auto;
  }

  #nav ul li {
    display: inline-block;
    position: relative;
  }

  #nav ul li ul li ul, #nav ul li:hover ul li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 1px 0 8px 0;
    z-index: 11;
  }

  #nav ul li ul li ul li {
    display: block;
  }

  #nav ul li:hover ul {
    display: block;
  }

  #nav ul li a {
    text-decoration: none;
    line-height: 100%;
    font-weight: normal;
  }

  #nav ul li a:hover {
    color: #999999;
  }

  #nav ul li ul li:hover ul {
    display: block;
  }

}


/* ------- GLOBAL 2 COL LAYOUT --------------------------------------------------------------- */
.flex_display{
	display: flex;
	justify-content: space-between;
}

.col_left,
.col_right{
	width: 50%;
}


/* ------- GLOBAL FEATURED IMAGE ------------------------------------------------------------- */
.featured_image_container{
	position: relative;
	width: 100%;
		height: 100%;
}

.featured_image_container .featured_shape,
.featured_image_container img:nth-of-type(1){
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 85%;
	height: auto;
}

.featured_image_container .featured_image,
.featured_image_container img:nth-of-type(2){
	position: absolute;
	width: 100%;
	height: auto;
	bottom: 0;
	right: 0;
	opacity: .9;
}


/* ------- GLOBAL IMAGE MASK ------------------------------------------------------------- */
.image_mask{
	position: absolute;
	height: 100%;
	width: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	-webkit-mask-image: url('../images/shape_black_1.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
}

.image_mask img{
	height: 100%;
	width: auto;
	margin: 0 auto;
}


/* ------- GLOBAL FOOTER --------------------------------------------------------------------- */
footer{
	background-color: #0e0a32;
	color: #f7f0eb;
	padding: 60px 0 20px 0;
}

footer a{
	color: #fff !important;
}

footer div.content_container{
	position: relative;
}

#footer_logo{
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: auto;
}

#gc_logo_desktop{
	position: absolute;
	top: 15%;
	right: 0;
	width: 20%;
	height: auto;
}

#gc_logo_mobile{
	display: none !important;
}

#social_media_container,
#footer_links_1,
#footer_links_2,
#join_email{
	width: fit-content;
	display: flex;
	margin: 0 auto 40px auto;
}

#footer_links_2{
	margin-bottom: 0;
}

#social_media_container a:first-of-type{
	margin-right: 70px;
}

#social_media_container a:first-of-type,
#social_media_container a:first-of-type img{
	width: 30px;
	height: auto;
}

#footer_email{
	width: 30px;
	height: auto;
	margin-top: 2px;
}

#social_media_container a:last-of-type{
	margin-left: 70px;
}

#social_media_container a:last-of-type,
#social_media_container a:last-of-type img{
	width: auto;
	height: 28px;
}

#footer_links_1 p,
#footer_links_2 p{
	margin: 0 40px;
}

#join_email{
	color: #0e0a32;
	opacity: 0;
	pointer-events: none;
	height: 0;
}

#join{
	padding: 10px 100px;
	background-color: #f7f0eb;
}

#submit{
	padding: 10px 20px;
	background-color: #71a7a7;
}


/* ------- FRONT PAGE INTRO SECTION -------------------------------------------------------------- */
#intro_content_container{
	position: relative;
}

#intro_container_right{
	position: relative;
}

#intro_container_right,
#content_bg_color{
	background-color: #b53d1b;
}

#content_intro{
    width: 70%;
    margin: 150px auto;
}

#intro_container_right h1,
#intro_container_right p{
	color: #f7f0eb;
}

#intro_container_right h1{
	font-size: 40px;
	font-weight: bold;
}

#intro_container_right p{
	margin-bottom: 30px;
}

#intro_container_right .button{
	color: #000;
	background-color: #f3d13e;
}

#content_bg_color{
    width: 100000%;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: -100000%;
    top: 0;
}


/* ------- FRONT PAGE LATEST NEWS SECTION -------------------------------------------------------- */
#latest_news_container{
	background-color: #0e0a32;
}

#latest_news_container .content_container{
	height: 100%;
}

#latest_news_container_left{
	width: 50%;
	position: relative;
	text-align: right;
	padding: 100px 0;
}

#latest_news_container_right{
	width: 50%;
	position: relative;
	text-align: right;
	padding: 100px 0;
}

#latest_news_container_left h2{
	color: #fc7540;
}

#latest_news_container_left h1,
#latest_news_container_left h1 a,
#latest_news_container_left p{
	color: #f7f0eb;
}

#latest_news_container_left .button{
	background-color: #0e0a32;
	float: right;
	padding-right: 0;
}

#latest_news_container_left .button a{
	color: #f3d13e;
}

#latest_news_right_image_container{
	width: 100%;
	height: 100%;
}

#latest_news_mobile_image{
	display: none;
}


/* ------- FRONT PAGE HIGHLIGHTS SECTION -------------------------------------------------------- */
#article_highlights h1{
	line-height: 110%;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

#podcast_and_media,
#seminar_and_institutes,
#digital_projects{
    width: 27%;
    padding: 50px 20px;
	margin: 50px 0 90px 0;
	color: #0e0a32;
	text-align: center;
}

#podcast_and_media{
	background-color: #71a7a7;
	margin-left: 0;
}

#seminar_and_institutes{
	background-color: #fc7540;
}

#digital_projects{
	background-color: #f3d13e;
	margin-right: 0;
}


/* ------- FRONT PAGE AWARDS SECTION -------------------------------------------------------- */
#awards{
  margin-bottom: 80px;
}

#awards h1{
	text-align: center;
	color: #0e0a32;
	width: 90%;
  margin: 0 auto 50px auto;
}

#awards_container{
	width: 100%;
	display: flex;
	justify-content: center;
}

.award{
	width: 20%;
	margin-right: 1%;
	margin-left: 1%;
	aspect-ratio: 235/115;
}


/* ------- FRONT PAGE FEATURED RESOURCE SECTION -------------------------------------------------------------- */
#featured_project_container,
#featured_project_right{
	position: relative;
}

#project_content{
    margin: 150px auto 100px auto;
}

#project_content h2{
	color: #b53d1b;
}

#project_content h1,
#project_content p{
	color: #0e0a32;
}

#project_content .button{
	padding-left: 0;
}

#project_content .button a{
	color: #0c5fa9;
}

#project_featured_mobile_image{
	display: none;
}


/* ------- FRONT PAGE NEW MEDIA LAB -------------------------------------------------------------- */
#new_media_lab{
	background-color: #b53d1b;
	color: #f7f0eb;
	text-align: center;
	padding: 60px 0;
    z-index: 2;
    position: relative;
}

#new_media_lab p{
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}

#new_media_lab .button{
	color: #000;
	background-color: #f3d13e;
	margin: 0 auto;
}


/* ------- ARTICLE PAGE CSS -------------------------------------------------------------- */
#article_container{
	margin-top: 120px;
}

#article_data_desktop{
	width: 20%;
	text-align: right;
	color: #b53d1b;
}

#article_data_mobile{
	display: none;
}

#article_content{
	width: 75%;
}


/* ------- GLOBAL MEDIA QUERIES -------------------------------------------------------------- */
@media only screen and (min-width: 1051px) and (max-width: 1450px){
	header nav li{
		margin-right: 5%;
	}
}

@media only screen and (max-width: 1050px){
	header{
		position: relative;
	}
	
	header #logo{
		left: 20px;
		width: 50%;
	}

	header #logo img{
		max-width: none;
		position: relative;
	}

	header #nav_toggle{
		display: block;
		position: absolute;
		top: 50%;
		right: 5%;
		transform: translate(0, -80%);
	}

	header #nav_toggle.active #close_button,
	header #nav_toggle #hamburger{
		display: block;
	}

	header #nav_toggle #close_button,
	header #nav_toggle.active #hamburger{
		display: none;
	}

	header #nav_container{
		position: relative;
	}

	header #nav_and_search_container{
		position: absolute;
		top: 15%;
		z-index: 100;
	}

	header #nav_and_search_container.inactive{
		display: none;
	}

	header #nav_and_search_container,
	header #search_container_mobile{
		background-color: #b53d1b;
		width: 100%;
	}

	header nav,
	header nav a{
		color: #fff !important;
	}

	header nav.active{
		display: block;
	}

	header nav div{
		display: block;
	}

	header nav *{
		padding: 0 !important;
		margin: 0 !important;
	}

	header nav div.main_nav,
	header nav div.sub_nav,
	header nav div.sub_nav_item{
		text-align: left;
		padding: 30px 0 !important;
	}

	header nav div.sub_nav:first-of-type{
		padding-top: 0 !important;
	}

	header nav div.sub_sub_nav{
		margin-top: 30px !important;
	}

	header nav div.sub_sub_nav div{
		padding: 30px 0 !important;
	}

	header nav div.main_nav.selected,
	header nav div.sub_nav_item.selected{
		border-bottom: none;
		padding-bottom: 0 !important;
	}

	header nav div.main_nav a,
	header nav div.main_nav span{
		padding-left: 45px !important;
	}

	header nav div.sub_nav{
		transform: none;
		text-align: left;
		width: 100%;
		margin-top: 30px !important;
	}

	header nav div.sub_nav,
	header nav div.sub_sub_nav{
		position: unset;
		background-color: #0e0a32;
		padding-bottom: 0 !important;
	}

	header nav .sub_sub_nav div:first-of-type{
		border-top: none;
		margin-bottom: 0 !important;
	}

	header nav .sub_sub_nav div{
		background-color: #0c5fa9;
	}

	header #search_container_mobile{
		display: block;
		padding-bottom: 15px;
	}

	header #search_container_desktop{
		display: none;
	}

	header #search_icon_mobile{
		position: relative;
		width: fit-content;
		height: fit-content;
	}

	header #search_icon_mobile img{
		width: 50px;
		height: auto;
		cursor: pointer;
	}

	header #search_bar_mobile{
		position: absolute;
		left: 110%;
		top: 0;
		bottom: 0;
		height: fit-content;
		margin: auto;
	}

	.flex_display{
		display: block;
		justify-content: unset;
	}

	.col_left,
	.col_right{
		width: 90%;
		margin: 0 auto;
	}

	.image_mask{
		position: relative;
	}

	#footer_logo,
	#gc_logo_mobile{
		position: relative;
		width: 40%;
		margin: 0 auto 40px auto;
		display: block !important;
	}

	#gc_logo_desktop{
		display: none !important;
	}

	#join_email{
		display: none;
	}

	#footer_links_1,
	#footer_links_2{
		display: block;
		text-align: center;
	}

	#footer_links_1 p,
	#footer_links_2 p{
		margin-bottom: 40px;
	}
}


/* ------- FRONT PAGE MEDIA QUERIES -------------------------------------------------------------- */
@media only screen and (min-width: 1051px) and (max-width: 1450px){
	#latest_news_container_left h1,
	#latest_news_container_left p{
		padding-left: 80px;
	}
}

@media only screen and (max-width: 1050px){
	#intro_content_image .featured_image{
		position: relative;
	}

	#intro_container_right{
		width: 100% !important;
		padding: 50px 0;
	}

	#content_intro{
		margin: 0 auto;
	}

	#latest_news_container_left{
		width: 90%;
		margin: 0 auto;
		padding: 50px 0 100px 0;
		text-align: left;
	}

	#latest_news_container_left .button{
		float: left;
		padding-left: 0;
	}

	#latest_news_container_right{
		display: none;
	}

	#latest_news_mobile_image{
		display: block;
		margin-bottom: 50px;
	}

	#article_highlights{
		margin: 70px 0;
	}

	#podcast_and_media,
	#seminar_and_institutes,
	#digital_projects{
		width: 80%;
		padding: 10px 0 0 0;
		margin: 40px auto;
	}

    #podcast_and_media p, #seminar_and_institutes p, #digital_projects p {
      text-align: left;
    }    

	#article_highlights h1{
		line-height: 110%;
		padding: 50px 40px;
		margin: 0;
		text-align: left;
		cursor: pointer;
		width: auto;
	}

  #article_highlights #podcast_and_media div,
  #article_highlights #seminar_and_institutes div,
  #article_highlights #digital_projects div{
		transition: all 1s;
		overflow: hidden;
		height: 0;
	}

	#article_highlights p{
		padding: 50px 40px;
		margin: 0;
	}

	#podcast_and_media p{
		background-color: #a0c1bf;
	}

	#seminar_and_institutes p{
		background-color: #f3a384;
	}

	#digital_projects p{
		background-color: #f5e394;
	}

	#featured_project_container{
		margin-top: 70px;
	}

	#featured_project_left{
		display: none;
	}

	#project_content{
		margin: 0;
	}

	#project_featured_mobile_image{
		display: block;
		position: relative;
	}

	#project_featured_mobile_image img:nth-of-type(1){
		position: unset;
    	transform: none;
	}
}


/* ------- END ASHP CSS --------------------------------------------------------------- */


html{
	font-size: 62.5%;
}

body{
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
}

#page{
	margin: 0 auto;
}

.nowrap{
	white-space: nowrap;
}

#top{
	padding: 1em 0;
}

#main{
	clear: both;
	margin: 0 auto;
}

#footer{
	clear: both;
	border-top: 1px solid #99cccc;
	padding: 1.8rem 0;
	text-align: center;
}

#footer p{
	font-size: 1.3rem;
}


#footer p.address{
	font-size: 1.1rem;
}

.clearfix:after{ 
	content: "."; 
	visibility: hidden; 
	display: block; 
	height: 0; 
	clear: both;
}

.wp-block-separator{
	margin: 2rem auto;
	max-width: 50%;
	opacity: 50%;
}

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

	#page{
		width: 100%;
		padding: 8px 0;
	}

}













/* ------- PROJECT INTRO ------------------------------------------------------------ */
#page-event .flex_display,
#page-project .flex_display {
  justify-content: center;
  align-items: center;
}

#page-event #event_intro_image,
#page-project #project_intro_image{
  aspect-ratio: 1200/1148;
}

/* ------- PROJECT RESOURCE INTRO ----------------------------------------------------- */
#page-event #event_intro,
#generic #general_container,
#page-project #project_intro {
	margin-top: 120px;
} 

#page-event #event_intro > div.col_left,
#page-project #project_intro > div.col_left{
	margin-top: 40px;
}


#page-event #event_intro h1,
#page-project #project_intro h1,
#page-event #event_intro p,
#page-project #project_intro p{
	margin-right: 100px;
}

#page-event #event_intro .button,
#page-project #project_intro .button{
	background-color: #f3d13e;
}

#page-event #event_intro img,
#page-project #project_intro img{
	width: 100%;
	height: auto;
}


/* ------- PROJECT RESOURCE SUPPORT --------------------------------------------------- */
#page-event #event_support,
#page-project #project_support{
	text-align: center;
	margin-bottom: 80px;
}

#page-event .supporter,
#page-project .supporter {
  width: 18%;
  margin-left: 1%;
  margin-right: 1%;
  aspect-ratio: 235/115;
}

#page-event .event_supporter_container,
#page-project .project_supporter_container{
	width: 70%;
	margin: 0 auto 20px auto;
}

#page-event #event_support p,
#page-project #project_support p{
	width: 55%;
	margin: 0 auto;
}


/* ------- MEDIA QUERIES -------------------------------------------------------------- */
@media only screen and (min-width: 1051px) and (max-width: 1450px){

}

@media only screen and (max-width: 1350px){
	#page-event .content_container,
	#page-project .content_container{
		width: 90%;
	}
}

@media only screen and (max-width: 1050px){
	#page-event #event_intro h1,
	#page-project #project_intro h1,
	#page-event #event_intro p,
	#page-project #project_intro p{
		margin-right: 0;
	}

	#page-event .content_container,
	#page-project .content_container{
		width: 100%;
	}

	#page-event .supporter,
	#page-project .supporter{
		margin: 10px auto;
	}

	#page-event #event_intro > div.col_left,
	#page-project #project_intro > div.col_left{
		margin-bottom: 40px;
	}

	#page-event #event_intro > div.col_right,
	#page-project #project_intro > div.col_right{
		width: 100%;
	}
}






/* ------- RESOURCE INFO ------------------------------------------------------------ */
#page-project #project_info_container{
	margin-bottom: 50px;
	padding: 20px 0 40px 0;
	background-color: #b53d1b;
	color: #f7f0eb;
}

#page-project #project_info h1{
	text-align: center;
}

#page-project #project_info div.flex_display{
	align-items: baseline;
}

#page-project #project_info .project_item{
	width: 23%;
	padding: 0 10px;
	flex-grow: 1;
}

#page-project #project_info h2,
#page-project #project_info p{
    max-width: 300px;
    margin: 0 auto;
}


/* ------- RESOURCE CONTENT ------------------------------------------------------------ */
#page-project #project_content{
	margin-bottom: 30px;
}

#page-project #project_content_left{
	position: relative;
	height: 500px;
}

#page-project #project_content_right p{
	padding: 0 0 0 50px;
}


/* ------- RESOURCE QUOTE ------------------------------------------------------------ */
#page-project #project_quote_container{
	background-color: #71a7a7;
	padding: 50px 0 30px 0;
	margin-bottom: 30px;
}

#page-project #project_quote{
	width: 45%;
	text-align: center;
}

#page-project #project_quote #quote{
	font-size: 40px;
}


/* ------- MEDIA QUERIES -------------------------------------------------------------- */
@media only screen and (min-width: 1051px) and (max-width: 1450px){

}

@media only screen and (max-width: 1050px){
	#page-project #project_info_container{
		margin-bottom: 20px;
	}

	#page-project #project_info .project_item {
		width: 70%;
		margin: 0 auto 30px auto;
	}
	
	#page-project #project_content_left{
		height: 300px;
	}
	
	#page-project #project_content_right p{
		padding: 0;
	}
}






/* ------- PROJECT INFO ------------------------------------------------------------ */
#page-event #event_info,
#page-event #event_info_single{
	margin-bottom: 50px;
	position: relative;
}

#page-event #bg_color_left,
#page-event #left_content{
	background-color:  #0e0a32;
}

#page-event #bg_color_right,
#page-event #right_content,
#page-event #event_info_single{
	background-color:  #71a7a7;
}

#page-event #event_info_single{
  padding: 50px 0;
}

#page-event #left_content,
#page-event #right_content{
	padding: 50px;
}

#page-event #left_content{
	width: 30%;
	color:  #f7f0eb;
}

#page-event #right_content{
	width: 70%;
}

#page-event #left_content h2{
	margin-bottom: 10px
}

#page-event #left_content p{
	margin-bottom: 1.8rem;
}

#page-event #bg_colors{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#page-event #bg_color_left,
#page-event #bg_color_right{
	width: 50%;
	height: 100%;
}


/* ------- MEDIA QUERIES -------------------------------------------------------------- */
@media only screen and (min-width: 1051px) and (max-width: 1450px){

}

@media only screen and (max-width: 1050px){
	#page-event #bg_colors{
		display: none;
	}

	#page-event #left_content,
	#page-event #right_content{
		width: 100%;
		box-sizing: border-box;
	}
}












#page-page .general_video{
    margin: 0 auto 20px auto;
    aspect-ratio: 16/9;
}

#page-page .general_video *{
	width: 100%;
	height: 100%;
}

#page-page #featured_image{
	max-width: 1280px;
	margin: 120px auto 30px auto;
	aspect-ratio: 960/318;
}

#page-page #featured_image img{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

#page-page #main_title h1{
	font-size: 45px;
}

#page-page #general_container{
	margin-bottom: 120px;
}

#page-page #general_container.no_main_image{
	margin: 120px auto;
}

#page-page #general_container h1,
#page-page #general_container h2{
	text-align: center;
}

#page-page #sub_headers h2{
	margin-bottom: 10px;
	color: #b53d1b;
	margin-top: 40px;
}

#page-page #sub_headers h1{
	margin-bottom: 10px;
}

#page-page #cta_container{
	width: 50%;
	margin: 0 auto;
	justify-content: center;
}

#page-page #cta_container a{
	margin: 0 10%;
}

#page-page #general_container div.button{
	background-color: #f3d13e;
	margin: 0 auto;
}

#page-page #general_container p.button{
	padding-top: 12px;
}

#general_container a{
	color: #1060aa;
}

.staff-image {
  display: inline;
  width: 300px;
  height: 300px;
  margin: 0 10px 10px 0;
  float: left;
}

@media only screen and (max-width: 600px){
  .staff-image {
    display: block;
    width: 100%;
    height: 100vw;
    margin: 0;
    padding: 10px;
    float: auto;
  }
}

/* ------- MEDIA QUERIES -------------------------------------------------------------- */
@media only screen and (min-width: 1051px) and (max-width: 1450px){

}

@media only screen and (max-width: 1350px){
	#page-page p{
		margin-right: 30px;
		margin-left: 30px;
	}
}

@media only screen and (max-width: 1050px){
	#page-page #featured_image{
		margin-top: 30px;
	}

	#page-page #general_container{
		width: 90% !important;
		margin: 50px auto !important;
	}

	#page-page p{
		margin-right: 0;
		margin-left: 0;
	}

	#page-page .col_left,
	#page-page .col_right{
		width: 100%;
	}
}











/* ------- HEADER -------------------------------------------------------- */
#page-news header{
	margin-bottom: 50px;
}


/* ------- LATEST NEWS SECTION -------------------------------------------------------- */
#page-news #latest_news_container_left,
#page-news #latest_news_container_right{
	width: 50%;
	position: relative;
	padding: 100px 0;
}


#page-news #news_page_search_results,
#page-news #general_container,
#page-event #news_page_search_results,
#page-event #general_container,
#page-podcast #news_page_search_results,
#page-podcast #general_container,
#page-project #news_page_search_results,
#page-project #general_container,
#page-staff .staff-single {
  margin-top: 150px;
}
#page-news #latest_news_container_right h2{
	color: #b53d1b;
}

#page-news #latest_news_container_right .button{
	color: #0c5fa9;
	padding-left: 0;
}

#page-news #latest_news_container .news_item_result{
  display: none;
}


/* ------- CATEGORY SORT -------------------------------------------------------------- */
#page-news #category_sort{
	margin-bottom: 50px;
}

#page-news #category_sort p{
	color: #71a7a7;
	border: 2px solid #71a7a7;
	padding: 5px 20px;
}

#page-news #category_sort p.selected{
	background-color: #71a7a7;
	color: #0e0a32;
}

#page-news #category_sort p:hover{
	color: #0e0a32;
	border: 2px solid #0e0a32;
}

#page-news #category_mobile{
	display: none;
}

#page-news #cat1{
	margin-left: 0;
}

#page-news #cat5 {
	margin-right: 0;
}


/* ------- CATEGORY SORT -------------------------------------------------------------- */
#news_page_search_results #news_search_page_latest_news{
  display: none;
}


/* ------- NEWS GRID -------------------------------------------------------------- */
#page-news .news_row {
  margin-bottom: 50px;
}

.news_item {
	width: 30%;
  text-align: center;
}

#page-news .news_item:first-of-type{
	margin-left: 0;
}

#page-news .news_item:last-of-type{
	margin-right: 0;
}

#page-news .news_item .news_image_container{
	width: 100%;
	aspect-ratio: 1200/1030;
	margin-bottom: 30px;
}

#page-news .news_item h2{
	color: #b53d1b;
}

#page-news .news_item .button{
	text-transform: uppercase;
}


/* ------- MEDIA QUERIES -------------------------------------------------------------- */
@media only screen and (min-width: 1051px) and (max-width: 1450px){

}

@media only screen and (max-width: 1050px){
	body > #page-news > div{
		width: 90% !important;
		margin: 50px auto !important;
	}

	#page-news .col_left,
	#page-news .col_right{
		width: 100%;
	}

	#page-news #featured_news{
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#page-news #featured_news_left{
		margin-bottom: 50px;
	}

	#page-news .news_item{
		width: 100%;
		margin: 80px auto !important;
	}

	#page-news #category_mobile{
		display: block;
		margin: 0 auto;
	}

	#page-news #category_desktop{
		display: none;
	}

	#page-news #category_mobile_button{
		position: relative;
	}

	#page-news #category_mobile h2{
		padding: 10px 0 10px 30px;
		border: 2px solid #71a7a7;
		margin: 0 auto;
		color: #71a7a7;
		font-size: 40px;
	}

	#page-news #category_mobile #button{
		position: absolute;
		right: 0;
		top: 0;
		background-color: #71a7a7;
		color: #0e0a32 !important;
		width: 20%;
	}

	#page-news #category_mobile #button h2{
		color: #0e0a32;
		text-align: center;
		padding: 10px;
	}
}

@media only screen and (max-width: 720px){
	#page-news header{
		margin-bottom: 0;
	}
	
	#latest_news_container,
	#category_sort,
	#news_page_search_results{
		width: 90%;
	}
	
	#page-news #category_mobile h2{
		padding: 10px 0 10px 30px;
		border: 2px solid #71a7a7;
		margin: 0 auto;
		color: #71a7a7;
		font-size: 30px;
	}
	
	#page-news #latest_news_container_left,
	#page-news #latest_news_container_right{
		width: 100%;
		padding: 0;
	}
}

@media only screen and (max-width: 550px){
	#page-news #category_mobile h2{
		padding: 10px 0 10px 30px;
		border: 2px solid #71a7a7;
		margin: 0 auto;
		color: #71a7a7;
		font-size: 20px;
	}
}

.pagination-box {
  padding: 2rem;
}

.navigation.pagination a {
  color: #0c5fa9;
  border-bottom: 2px solid #0c5fa9;
  padding: 0 15px 3px 15px;
  margin: 0 auto;
  height: fit-content;
  line-height: 140%;
  font-size: 18px;
  font-family: 'lato', 'Open Sans', sans-serif;
  font-weight: 100;
}


section.showcase > div.showcase-elements {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1.5vw 0;
  margin-left: -1.5vw;
}

.showcase-elements > .showcase-row {
  display: table-row;
}
.showcase-elements > .showcase-row > div {
  display: table-cell;
  box-sizing: border-box;
  padding: 1vw;
  position: relative;
}

.showcase-elements > .showcase-row-4 > div {
  width: 25%;
}
.showcase-elements > .showcase-row-5 > div {
  width: 20%;
}
.showcase-elements > .showcase-row-3 > div {
  width: 33%;
}
.showcase-elements > .showcase-row-2 > div {
  width: 50%;
}
.showcase-elements > .showcase-row > div h3 {
  padding-top: 11vw;
}
.showcase-elements > .showcase-row > div div.showcase-image {
  border-radius: 1.5vw 1.5vw 0 0;
  width:: 100%;
  height: 10vw;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}