body {
	background: #ffffff;
	font-size: 14px;
	color: #4d5159;
}
.custom-logo {
	max-height: 100px;
	max-width: 100px;
}

.advanced-sidebar-menu ul {
	list-style: none;
}

.entry-title {
	font-family: 'Noto Sans', sans-serif;
}

p, button, input, select, textarea, .entry-content {
	font-family: 'Noto Sans', sans-serif;
	color: #4d5159;
	font-size: 1em;
	letter-spacing: -0.014em;
	line-height: 1.57em;
}

p {
	margin: 0 0 1em 0;
}

p + .wp-block-columns {
	margin-top: 1.5em;
}

article:first-child > .entry-content > p:first-child,
p.p1, p.intro {
	font-size: 1.5em;
	line-height: 1.33em;
	letter-spacing: 0;
}

p.p3 {
  font-size: 0.857em;
	line-height: 1.143em;
	letter-spacing: 0.014em;
	margin-bottom: 0.5em;
}

#secondary ul,
#primary ul {list-style: none}

#secondary ul > li::before,
#primary ul > li::before {
	content: "•";
	color: #ffc000;
	margin-left: -1em;
	vertical-align: bottom;
	margin-right: 0.5em;
	font-size: 1.1em;
}

ul.roman-sublists ol {
	list-style-type: lower-roman;
}

.entry-content a, .entry-summary a, .entry-footer a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
  box-shadow: 0 1px 0 0 #007b98;
}

.cat-links a, .tags-links a {
	box-shadow: none;
}

.entry-footer .posted-on a {
	color: #6d878d;
	box-shadow: none;
}

.posted-on a:hover,
a:hover,
.advanced-sidebar-menu ul li.page_item a:hover,
#main .entry-title > a:hover,
.primary-menu .menu-item a:hover, .post .tags-links a:hover, .post .cat-links a:hover,
.sidebar.widget-area a:hover,
.widget-area a:hover {
	text-decoration: none;
	/* color: #66c4c8; */
	box-shadow: 0 1px 0 0 currentcolor;
}


a.search:hover {
  color: #19a7ca;
	box-shadow: none;
}

#masthead .site-header-menu .search {
	color: #ffc000;
}

#masthead .site-header-menu .search:hover {
	color: #19a7ca;
}

#masthead.sticky .main-navigation ul.primary-menu > li.menu-item:hover > a, 
#masthead.sticky a.donate {
	color: #ffffff;
}

.search-submit {
	background: #007b98;
	color: #ffffff;
}
.search-submit:hover {
	background: #19a7ca;
}


.entry-footer a,
.entry-content a {
	color: #000000;
}

.site-main h1, .site-main h2, .site-main h3, .site-main h4 {
	font-family: 'Noto Sans', sans-serif;
	color: #343538;
	text-align: left;
}

@media screen and (min-width: 61.5625em) {
  .entry-title {
    margin-bottom: 0.5em;
  }
	.entry-content h2 {
		margin-top: 1em;
		margin-bottom: 0.3em;
	}
  .entry-content h3, .entry-summary h3, .comment-content h3 {
    margin-top: 1.4em;
    margin-bottom: 1em;
	}
}

.widget {
	border-top: 2px solid #ffc000;
}

.site-main h1 {
	font-family: 'Muriza-SemiBold', serif;
	font-size: 56px;
	line-height: 56px;
	text-align: left;
	color: #007b98;
}

.site-main h2, .entry-content h2 {
	font-family: 'Muriza-SemiBold', serif;
	font-size: 2.857em;
	line-height: 1.1em;
	margin-top: 1em;
	margin-bottom: 0.7em;
}

.entry-content h3,
.site-main h3 {
	font-family: 'Muriza-Medium', 'Muriza-SemiBold', serif;
	font-size: 2em;
	line-height: 1.286em;
}

.site-main h4, .entry-content h4 {
	font-weight: 700;
	font-size: 1.143em;
	line-height: 1.25;
	letter-spacing: 0.025em;
}

.site-main h5, .entry-content h5 {
	font-weight: 700;
	font-size: 0.857em;
	line-height: 1.417em;
	letter-spacing: 0.025em;
}

.sidebar {
	font-family: 'Noto Sans', sans-serif;
}

.sidebar a {
	font-family: 'Noto Sans', sans-serif;
  text-decoration: none;
}

#page-nav-menu ul li,
.advanced-sidebar-menu ul li.current_page_item {
	list-style: none;
}

#page-nav-menu .current-menu-item > a,
.advanced-sidebar-menu ul li.current_page_item > a {
	/* color: #ffb100; */
	color: #a5adae;
}

.advanced-sidebar-menu li.page_item a,
.sidebar.widget-area a,
.widget-area a {
	text-decoration: none;	
	box-shadow: none;
}

.advanced-sidebar-menu li.page_item a,
.sidebar.widget-area a,
.widget-area a {
	color: #007c9a;
	letter-spacing: -0.2px;
	line-height: 22px;
}

.advanced-sidebar-menu li.current_page_item > a,
#page-nav-menu .current-menu-item > a {
	font-weight:bold;
	text-transform: uppercase
}

#page-nav-menu .sub-menu {
	display: none;
}

#page-nav-menu .current-menu-item > .sub-menu,
#page-nav-menu .current-page-ancestor > .sub-menu {
	display: block;
}

a.secondary-text-link,
.cat-links a,
.tags-links a,
.advanced-sidebar-menu li.page_item a,
.sidebar.widget-area a,
.widget-area a {
	color: #007c9a;
	letter-spacing: -0.2px;
	font-size: 14px;
	line-height: 22px;
}

.entry-footer .cat-links a {
	font-weight: 700;
}

@media screen and (min-width: 61.5625em) {
	body:not(.search-results) .cat-links {
		margin-bottom: 1.2em;
	}
}

#main .entry-title > a:hover,
.cat-links a:hover,
.tags-links a:hover {
	text-decoration: none;
	box-shadow: none;
}

@media screen and (min-width: 44.375em) {
.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol  {
	margin-left: 1.75em;
	}
	
	.site-header-menu {
		margin: 0;
	}
}
	
a.cscce-funder:hover {
	text-decoration: none;
	color: transparent;
}

#masthead {
	width: 100%;
	padding: 0 7.6923% 18px 7.6923%;
}

@media screen and (min-width: 56.875em) {
  h1.entry-title {
    word-break: keep-all;
    hyphens: none;
  }

  #masthead {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }

  #masthead .main-navigation li:hover .sub-menu a,
  #masthead .main-navigation li:hover .sub-menu li:hover a,
  #masthead .main-navigation li:hover a {
    color: #007b98;
  }

  #masthead .main-navigation li:hover .sub-menu li:hover {
    background: #EDF6F8;
  }	

  #masthead .main-navigation li:hover .sub-menu li:hover a {
    text-decoration: underline;
  }

  .main-navigation .menu-item-has-children > a {
    padding-right: 1.9em;
  }

  .wp-block-search .wp-block-search__input {
    max-width: 80%;
    border-top-right-radius: 0;
    border-right: none;
    border-bottom-right-radius: 0;
  }
	
  .wp-block-search .wp-block-search__button {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

row.funding {
	display: flex;
	flex-direction: row;
	justify-content: initial;
	align-items: center;
}

.funding a {
	text-decoration: none;
	color: transparent;
	margin: 0 2em;
}

.content-bottom-widgets {
	width: 100%;
}


/* footer */
#colophon {
	background: #343538;
	display: flex;
	flex-direction: column;
	padding-bottom: 0;
}

#colophon,
#colophon span,
#colophon p {
	color: #919395;
}

#colophon,
#colophon span,
#colophon p,
#colophon a {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.2px;
	text-align: justify;
}

#colophon h2 {
	font-family: 'Muriza-SemiBold', serif;
}

#colophon a {
	box-shadow: 0 1px 0 0 #5c94a3;
}

#colophon h2,
#colophon a {
	color: #ffffff;
}

#colophon a:hover {
	box-shadow: 0 1px 0 0 currentcolor;
  color: #a7ceda;
}

#colophon .funding a {
	box-shadow: none;
}

#colophon .widget-area {
	display:flex;
	flex-direction: column;
}

#colophon .widget-area {
	padding-top: 1em;
}

#colophon .widget-area > .widget {
	border-top: none;
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	padding: 1em;
	
}

#colophon .widget-area > .widget:first-child {
	border-left: none;
}

#colophon .fa {
	color: #ffc000;
}

#colophon .mailing.address .name,
#colophon .mailing.address .care-of {
  font-weight: bold;
}

#colophon .mailing.address .care-of {
  margin-bottom: 1em;
}

.content-bottom-widgets .widget,
.content-bottom-widgets .widget-area {
		margin-bottom: 0.25em;
}

.no-sidebar .content-bottom-widgets,
.content-bottom-widgets {
	margin-left: 0;
	margin-right: 0;
}

#colophon .main-navigation {
	order: -1;
}

#colophon .logo img {
    height: 64px;
}

.key-benefits {
	display: flex;
	flex-direction: column;
	margin-bottom: 2em;
}

.key-benefits section h4 {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.key-benefits section h4 span {
	margin-left: 1em;
	line-height: 1.5em;
}

#main .key-benefits > section {
	background: #007c9a;
  margin-bottom: 1em;
  padding: 1em;
	flex: 1 1 0;
}


#main .key-benefits > section p,
#main .key-benefits > section {
	color: #a7ceda;
}

.key-benefits > section h4,
.key-benefits > section strong,
.key-benefits > section a {
	color: #ffffff;
}

.key-benefits > section a {
	box-shadow: 0 1px 0 0 currentcolor;
}

.key-benefits > section a:hover {
	box-shadow: none;
	color: #ffffff;
}


.site-header-sticky {
	display: none;
}

#masthead.sticky .site-header-sticky {
  position: fixed;
  top: 0;
	left: 6%;
	
  z-index: 100;
	width: 88%;
	
	border-bottom: 1px solid #beebffad;
	padding-top: 16px;
}
#masthead .site-title {
	font-size: 160%;
	vertical-align: middle;
  margin: 0;
}
#masthead .site-title,
#masthead .custom-logo-link {
	display: inline-block;
}

#site-navigation {
	margin: 0;
}
.site-branding img {
	display: inline-block;
	width: 24px;
	height: 24px;
}

.site-branding {
	/*background: white;*/
	/*min-width: 150px;*/
	background: url(//www.cscce.org/wp-content/uploads/2019/12/CCHCE_Masthead_with_Logo@2x.png) no-repeat;
    width: 100%;
    min-height: 78px;
    background-size: cover;
}

#masthead .site-branding {
	padding: 1em;
	flex-grow: 0;
}

#masthead .site-branding {
	padding: 1.656em 1em;
  margin: 0;
	align-items: center;
	display: flex;
}

#masthead.sticky .site-header-sticky .site-branding,
#masthead.sticky .site-header-sticky .site-header-menu {
	padding: 0.6em;
}

#masthead.sticky .site-header-sticky .site-branding {
background: url(//www.cscce.org/wp-content/uploads/2019/12/cchce-logo@2x.png) no-repeat;
flex: 1;
	background-size: 160px auto;
}

@media screen and (min-width: 912px) {
  .site-header-menu {
	  /*background: url(//www.cscce.org/wp-content/uploads/2019/08/cscce-banner.png);*/
	  /*background-size: contain;*/
	  padding: 1em;
  }
/* 	.fa-inverse {
		color: #1e809a;
	} */
	#masthead.sticky .site-header-sticky .site-header-menu {
/* 	  background: #1e809a; */
		flex: 5;
	}
	.site-header-sticky .main-navigation {
		margin: 0;
	}
	
  .site-header-main,
  #masthead.sticky .site-header-sticky {
	  display: flex;
/* 		flex-direction: column; */
		margin: 0;
  }
	
  .site-branding,
  .site-header-menu {
    flex-grow: 1;
    flex-basis: auto;
    display: flex;
  }
	
  .site-branding .site-title {
    padding-left: 0.3em;
  }

  .site-header-main .menu-item a,
  .site-header-main a.donate {
    color: #007C9A;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.2px;
  }

  #masthead .site-header-main .main-navigation li:hover .sub-menu .current_page_item > a,
  .site-header-main .current_page_parent > a,
  .site-header-main .current_page_item a,
  .site-header-main .menu-item a:active {
    color: #6D878D;
  }
	
	#masthead.sticky .menu-item a,
	#masthead.sticky a.donate {
              color: #ffffff;
        }
	
	.no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .entry-content, .no-sidebar .entry-header, .no-sidebar .content-bottom-widgets {
		margin-right: 0%;
		margin-left: 0%;
	}
	
	#masthead .sub-menu .menu-item a {
              color: #1a1a1a;
        }

	#colophon .widget-area {
                display:flex;
                flex-direction: row;
                      justify-content: space-between;
        }
	
	#colophon .widget-area > .widget {
              /*
               * border-left: 1px solid white;
               */
               max-width: 300px;
        }
	
	#colophon .mailing.address {
		margin-top: 2em;
	}
	
	.key-benefits {
		flex-direction: row;
	}
	
	.key-benefits > section {	
	  margin-left: 1em;
		margin-bottom: 0em;
	}
	
	.key-benefits > section:first-child {
		margin-left: 0;
	}
}

#masthead.sticky .site-header-sticky {
        background: var(--cscce-primary);
        padding-left: 20px;
}

@media screen and (min-width: 1200px) {
	#colophon,
	#masthead.sticky .site-header-sticky {
		max-width: 1200px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
}

.main-navigation {
  display: flex;
}

#colophon .main-navigation {
	display: none;
}

#colophon h2.widget-title {
    margin-bottom: 0.4em;
}

.site-header-main .site-branding .site-description {
	color: #d4d4d4;
}

.mailing.address {
	display: flex;
	flex-direction: row;
}

.mailing.address row {
	display: block;
	line-height: 1.4em;
}

.contact-us h4 {
	display: inline-block;
	font-size: inherit;
	text-transform: none;
	font-weight: bold;
	margin: 0 0.2em 0 0.2em;
}

.contact-us li {
	margin-bottom: 0.25em;
	list-style-type: none;
}

.wp-block-latest-posts li {
    margin-bottom: 1em;
}

.wp-block-image.image-divider-centered {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wp-block-quote {
	border-left: none;
}

blockquote.wp-block-quote {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	border-top: 1px solid #eaeaea;
	padding-top: 1em;
	justify-content: flex-end;
}
blockquote.wp-block-quote p {
	font-family: 'Muriza-Medium', serif;
	padding-left: 3em;
  text-align: justify;
	font-size: 22px;
	line-height: 26px;
	color: #007b98;
	width: 100%;
	padding-right: 0.25em;
}
blockquote.wp-block-quote cite {
	font-size: 14px;
	line-height: 22px;
	color: #27a7c8;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
}

blockquote.wp-block-quote p:before {
	content: "\f10d";
  font: 14px/1 FontAwesome;
	display: block;
	margin-right: 1em;
	font-size: 1.8em;
	margin-left: -1.8em;
}

blockquote.wp-block-quote cite:before {
	display: inline-block;
	content: '\2014'; /* em-dash */
	height: 18px;
	width: 18px;
	/* background: url(//www.cscce.org/wp-content/uploads/2019/08/Twitter_Avatar_dark.png) no-repeat;
	background-position: center;
	background-size: contain; */
	margin-right: 0.25em;
}
.site-header-main {
	align-items: flex-end !important;
	flex-direction: column;
}

@media screen and (max-width: 909px){
	#masthead .site-branding {
		flex-grow: 5;
	}
	.site-header-main {
		flex-direction:row;
		background: #1e809a;
	}
	.site-branding {
		background: url(//www.cscce.org/wp-content/uploads/2019/12/cchce-logo@2x.png) no-repeat;
    	background-position: 20px 15px;
    	background-size: 160px auto;
    	flex: 1;
	}
	.menu-toggle {
		color: #1e809a;
		flex: 1;
		background: #ffffff;
		border: 0;
		border-radius: 0;
    margin-right: 25px;
	}
	
	.menu-toggle:hover, .menu-toggle:focus {
		background: #ffffff;
		opacity: .9;
	}
	
	.site-header-menu.toggled-on{
		background: #ffffff;
		margin: 0;
	}
}

@media screen and (min-width: 56.875em) {
  .widget button.search-submit {
    color: #ffffff;
  }
}

.archive  .entry-content h2:first-child {
	display: none;
}

/* lazy blocks */


.wp-block-lazyblock-person,
.wp-block-lazyblock-publication {
	width: 100%;
	display: flex;
}

.cscce-person-card .job-title {
  font-weight: 800;
}

.cscce-person-card {
  width: 100%;
}

.cscce-person-card,
.publication-card {
  margin-top: 1em;
  box-sizing: border-box;
  padding: 1em;
  position: relative;
  box-shadow: 0 0 8px #ccc;
}

@media screen and (min-width: 56.875em) {
	.wp-block-lazyblock-person,
	.wp-block-lazyblock-publication {
  	width: 48%;
	}
}

.cscce-person-card h1 a,
.publication-card h1 a {
  box-shadow: none;
}

.cscce-person-card h1,
.publication-card h1 {
	width: 100%;
  line-height: normal;
  font-size: 1.5em;
  margin-bottom: 0;
  display: inline-block;
	/* titles take 2 lines by default */
	min-height: 2.25em;
}

.publication-card .author {
	border-bottom: 1px solid #ddd;
  font-size: 1em;
}

.publication-card .thumbnail {
  height: 12em;
}

.cscce-person-card .thumbnail,
.publication-card .thumbnail {
  width: 9em;
  overflow: hidden;
  margin: auto 1em .1em auto;
  box-shadow: 0 0 8px #666;
}

@media screen and (min-width: 44.375em) {
	
	.cscce-person-card .thumbnail,
	.publication-card .thumbnail   {
    float: left;
	}
}

.publication-card .summary {
    margin-top: .5em;
    overflow-x: hidden;
}

.publication-card .summary p {
	margin-bottom: 0;
}

.publication-card a.doi {
    font-family: monospace;
    float: right;
	  margin: 0.25em 0;
}

.publication-card .text {
  min-height: 16em;
}

.cscce-person-card .text,
.publication-card .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.publication-card .summary::after {
    content: "";
    clear: both;
    display: table;
}

.publications > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.shout-out {
	display: flex;
	flex-direction: column;
}

.shout-out h2 {
    font-size: 1em;
    margin-bottom: 0;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
}

@media screen and (min-width: 25em) {
	.shout-out {
	  flex-direction: row;
	}
	
	.shout-out h2 {
    display: inline-block;
	}
	
	.shout-out .lhs, .shout-out .rhs {
	  width: 50%;
		padding: 0 1.2em;
  }
	
	.shout-out .job-title:before {
	  /* en dash + nbsp */
	  content: "\2013\00A0";
  }
}

.shout-out .rhs p:before {
	content: "\f10d";
  font: 14px/1 FontAwesome;
	display: inline-block;
	margin-right: 1em;
	font-size: 1em;
	margin-left: -1.2em;
}

.shout-out .rhs p {
	color: #007c9a;
	font-style: italic;
}
.shout-out .job-title:after {
	  content: ",\00A0";
}

.copyright {
    position: absolute;
    bottom: 10px;
}


/* Details (accordion elements should a primary coloured arrow */
summary::-webkit-details-marker {
    display: none;
}

details summary {
    color: #000000;
    cursor: pointer;
    display: block; /* needed to hide the marker in firefox. We manage this manually */
}

details summary:hover {
    color: #007b98;
}

details summary:after {
    background: white
    border-color: white;
    border-radius: 5px;
    content: "▶";
    color: #007C9A;
    float: left;
    font-size: 0.7em;
    font-weight: bold;
    margin: -1px 2px 0 0;
    padding: 1px 0 3px 0;
    text-align: center;
    width: 13px;
}

details[open] > summary:after {
    content: "▼";
}

details summary:focus {
    outline: none;
}

.cscce-card details h4 {
  margin-top: 1.2em;
  margin-bottom: 1em;
}
.cscce-card details ul {
  margin-bottom: 0.75em;
}

.cscce-card details p {
  margin-bottom: 0.2em;
}

.cscce-card {
  background: #f0f0f0;
  padding: 1em;
  margin-bottom: 2em;
}

/* Fixes border on consultancy page */
figure.wp-block-table {
  border-width: 1px 0 0 0;
}