/* Body links have color */

html, body {

	font-family: 'Dosis', sans-serif;
	line-height: 1.3em;
	background-color: #fffefb;
	
}

h1 {
	font-weight: 500;
	font-size: 2.8rem;
}

h1, h2, h3, h4, h5 {
	font-family: 'Dosis', sans-serif;
	line-height: 1.3em;
}

#site-navigation #primary-menu li a {
	font-weight: 600;
}


.entry-content a {
	color: #fc1689;
}
.entry-content a:hover {
	color: magenta;
}

/* Project listings */
.display-posts-listing .listing-item {
	clear: both;
}

.display-posts-listing .listing-item a.title {
	font-weight: bold;
}

.display-posts-listing img {
	float: left;
	margin: 0 10px 10px 0;
}

/* get rid of remainder of by line */
.entry-meta {
	display: none;
}
/* subtle off-white background */
body {
	background-color: #fefffe;
}
/* Logo stuff */
div.site-branding h1.site-title {
	font-size: 1.5em;
}

/* About page */

div#mce-responses {
	height: 0;
}

/* Contact form */

div.contact-form div#mc_embed_signup p.emphasis {
	margin-top: 0;
}

div#mailchimp_email_field {
	width: 100%;
}

div#mailchimp_first_name_field, div#mailchimp_last_name_field  {
	float: left;
	width: 50%;
	padding-bottom: 30px;
}
div#mailchimp_first_name_field {
	padding-right: 40px;
}

/* mobile menu */

.main-navigation div > ul {
	overflow-y: visible;
}

div.menu-menu-container ul#primary-menu {
	line-height: 2.5em;
}

/* make video embeds responsive */
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%; /* 16/9 aspect ratio */
    position:relative;
    height:0;
}
.video-responsive.four_by_three {
		padding-bottom: 75%;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100% !important;
    width:100% !important;
    position:absolute;
}

/* video caption */
div.video_caption {
    font-size: .75em;
    padding-top: .5em;
}
/* hiding side bar of categories */
ul.category-filter {
	display: none;
}
/* big text in categories that used to say Category really big at the top of, say, the Projects page/category listing */
span.big-text {
	display: none;
}


div.featured-content div.image img {
	display: inline!important;
}



/* this looks like a key thing to make variable height images in slider hug to top of their container and not leave a gap on top of page */

/**/
.featured-slider, .featured-slider .featured-content, .featured-slider article:after {
    height: auto;
}

/* This looks what the above height auto does is ruined with align-items: flex-end that kicks on at 900pixels accross and below. The below will undo this flex-end style rule */

@media screen and (max-width: 900px) {
	.slick-slider .slick-track {
    align-items: flex-start;
	}
}



/* not sure why this is here
div.featured-content div.image {
	top: 100px;
	background-image:none!important;
}
*/


/* ST1 Main left title and summary text control (on left of image slider)
 looks like this stuff cancels itself out, but in fact the benefit of it is visible in a short slide image like shareable biome*/

.featured-slider .entry-text, .featured-slider .featured-content {
    vertical-align: middle;
}

.featured-slider .entry-text {
   padding-bottom: 0;
}
/* end of section ST1 */

/* Responsive search */
/* These media queries and rules make sure magnifying glass doesn't look pushed down in some device screen sizes */
@media screen and (max-width: 1200px) {
	.search-wrap {
		padding-top: 10px;
	}	
}

@media screen and (max-width: 600px) {
	.search-wrap {
		padding-top: 6px;
	}	
}
/* end of search stuff */



/*
header.page-header {
	display: none;
}
*/


/*unsetting position: static for the slider controls because it caused weird cursor flickering between hand and arrow when at 900 or below */
@media screen and (max-width: 900px) {
ul.slick-dots {
	position: relative;
}
}


.featured-slider-wrapper { 
	margin-bottom: 60px;
}

/*Jetpack style galleries that one can make with the visual block editor end up being too wide without this */
div.wp-block-jetpack-tiled-gallery {
	width: auto !important;
	margin-left: auto !important; 
}

/*captions randomly broke 1/25/20 */
figcaption {
	font-size: .7em;
  text-align: center;
}