/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

body.home h1.entry-title {display: none;}

.mobile-menu,
 #header-right .header-search-wrap,
 #header-right .widget ul.menu ul {
	border-top: 3px solid #900; 
}

a,
.mobile-menu-bar:hover,
#header-search:hover,
#site-title a:hover,
#site-title a:focus,
#site-title a:active,
#header-right .widget ul.menu li:hover > a,
#header-right .widget ul.menu a:focus,
#header-right .widget ul.menu .current-menu-item > a,
#header-right .widget ul.menu .current-menu-ancestor > a,
#header-right .widget ul.menu .current_page_item > a,
#header-right .widget ul.menu .current_page_ancestor > a,
#controllers a:hover, 
#controllers a.active,
.entry-header .entry-title a:hover,
.hentry.format-aside .entry-title a:hover,
.post-format .entry-format a:hover,
.hentry.format-image .entry-title a:hover,
.comments-area article header a:hover,
.widget-area .widget a,
.widget-area .widget a:hover,
.breadcrumb ul li a
  {
	color: #990000;
}

/*
 * red "volunteer" menu
#content .wp-pagenavi a,
#content .wp-pagenavi span {
    border: 1px solid #900;
}

#content .wp-pagenavi a:hover, 
#content .wp-pagenavi span.current,
li.bypostauthor cite span,
.breadcrumb ul li a:hover, .breadcrumb ul li.current_item
 {
    background-color: #900;
}
*/

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

	.topnews .content_block {
	display: inline-block;
		width: 49%;
		margin: 0;
		padding: 0;
		background-color: #fff;
		
	}}
	
	
	.profile {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin: 3rem 0;
	}
	
	.profile img {
	height: 150px;
	width: 150px;
	border-radius: 75px;
	margin: 0 auto;
	
	}
	.profile .copy {
	flex: 1 1 66%;
	min-width: 200px;
	max-width: 700px;
	padding: 0;
		margin: 0 0 0 2rem;
	}
	
	.copy h3 {
	margin-top: 0;
	}


#homepage-message .right-section a, 
#homepage-message .right-section a:hover, 
#homepage-message .right-section  a:active,
#homepage-message .right-section a:visited {
background-color: #900;
}

.entry-meta .by-author {
display: none;
}

.widget .ical .eventdate, .widget .ical .starttime, .widget .ical  .enddate  {
font-size: 1.25rem;
}


.widget .ical .event {
margin-top: .5em;
}

.widget .ical .endtime {
display: none;
}

.art_project {
/* max-width: 800px; */
}

.art_project h3 {
font-weight: bold;
font-size: 1.25em;
border-top: 2px solid #666;
margin-top: 1rem;
padding-top: 1rem;
text-align: center;
}

.art_project p:first-child {
margin-top: 0;
}

.art_project .project_image, .art_project .project_description {
display: inline-block;
vertical-align: top;
margin: 0;
}

.project_image {
width: 390px;
}

.project_description {
width: 390px;
}


.project_description {
padding-left: 10px;
}

.project_image p {
text-align: center;
}

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

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn {
  background: #c00;
  border-radius: 28px;
  font-family: Helvetica, Arial, sans-serif;
  color: #fff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  margin: 10px;
  text-decoration: none;
  display: block;
  text-align: center;
}

.btn:hover {
  background: #f33;
  text-decoration: none;
}

.listing-item {
	margin: 1rem 0;
}

.listing-item .title {
	font-weight: bold;
	color: #404040;
}

.listing-item .title:after {
	content: " ";
}

.listing-item .date {
	color: #888;
}
.listing-item .date:after {
	content: " ";
}

aside.infobox {
width: 95%;
background-color: #FDFAF2;
float: right;
margin: 1rem;
padding: 1rem;
box-shadow: 5px 5px 5px #cccccc;
}
aside.factoid {
width: 30%;
background-color: #333;
color: #eee;
float: right;
margin: 1rem;
padding: 1rem;
}

/* restrict these styles to SG */

.page-id-305 .entry-content>h2 {
	clear: both;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

p, blockquote, ul, ol {
	margin-bottom: 1rem;
	
}

#post-305 strong {
	font-weight: bold;
	color: #900;
}

#post-305 em {
	font-weight: bold;
	font-style: normal;
}

#post-305 h1 {
	clear: both;
	margin-top: 2em;
	font-weight: bold;
	text-align: center;
}

#post-305 h1+p {
	text-align: center;
	}