/*
Max content widths
*/
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

/*
Main content
*/

#content header {
  margin: 0; /* 20px 0*/
}
#content section {
  margin-bottom: 20px;
}
#content footer {
  padding-bottom: 20px; 
  padding-top: 20px;
}

/*
Sidebar
*/

.sidebar {
  margin-top: 20px;
}
.sidebar section {
  margin-bottom: 40px;
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0;
}
.sidebar li {
  margin: 10px 0;
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder {
  color: transparent;
} /* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent;
} /* FF 19+ */
textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
textarea:focus:-moz-placeholder {
  color: transparent;
} /* FF 4-18 */
textarea:focus::-moz-placeholder {
  color: transparent;
} /* FF 19+ */

/*
Comments
*/

#respond {
  margin-top: 40px;
}
ol.commentlist {
  counter-reset: li; /* Initiate a counter */
  padding: 0;
}
ol.commentlist ul {
  padding: 0;
}
ol.commentlist > li {
  position: relative;
  margin: 0 0 20px 0;
  list-style: none; /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999;
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0;
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff;
}
.commentlist li li li li {
  background: #f8f8f8;
}
.commentlist li li li li li li {
  background: #fff;
}
.commentlist li {
  padding: 20px;
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0;
}
.reply p {
  margin: 0;
}

/*
Site footer
*/

.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0;
}
.site-footer li {
  margin: 10px 0;
}
.site-sub-footer p {
  text-align: center;
}

.site-footer p {
  text-align: center;
}

/*
BOSKE styling for header etc.
*/
.eas-header {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end; /*space-between*/
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  margin-top: 76px;
  padding-right: 32px;
  padding-bottom: 27px;
}

.logo-title,
.logo-subtitle {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #54382e;
}
.logo-title {
  font-size: 4em;
  font-weight: 700;
  margin-bottom: -17px;
}
.logo-subtitle {
  font-size: 1.68em;
  color: #3d2f26;
}

article {
  margin-top: 44px;
}
footer .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}


/* custom styles for eas websites */
details {
	margin: 0;
	display: block;
	width: 95%;
}

summary {
	/*   padding-left: 4%; */
}
summary::marker {
	font-size: 1.5em;
}
summary h3 {
	display: inline-block;
	margin-top: 0;
	padding-top: 0;
}
h2 {  
display: table;
clear: both;
} 
.bio-image {
float: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: .7em;
	margin-bottom: 0;
}
.bios p {
display: block;
min-height: 188px;
margin-bottom: 0;
}
.bios p::after {
  content: "";
  clear: both;
  display: table;
}
/* Responsive iFrame */
.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
