/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6 {
	font-family: "Barlow", Helvetica, Arial, sans-serif;
	font-weight: bold;
	clear: both;
	margin: .8em 0;
}

h4 {
	line-height: 1.3;
}

h6 {
	text-transform: none;
	line-height: 1.3;
	font-size: 15px;
	font-kerning: normal;
	letter-spacing: normal;
}


.recent-posts {
	padding: 0 0 60px;
}

p {
	font-size: 13px;
}

.comment-metadata .edit-link a, .site-header .jetpack-social-navigation a:hover, .jetpack_widget_social_icons a:hover, .jetpack_widget_social_icons a:focus, .widget_wpcom_social_media_icons_widget a:hover, .widget_wpcom_social_media_icons_widget a:focus, a, a:visited, .main-navigation .nav-menu>li>a, .testimonials .edit-link a, .testimonials .edit-link a:visited {
    color: inherit;
}

.post-thumbnail {
	display: none;
}

.home .entry-title {
	display: block;
}

.post .entry-title {
	display: block;
}

.post .post-thumbnail {
	display: block;
}

.entry-title {
	display: none;
}

.wp-block-cover.alignfull .wp-block-cover__inner-container {
	max-width: 1080px;
}

.wp-block-group.alignfull .wp-block-group__inner-container {
	max-width: 1080px;
}

.comment-metadata, .entry-footer, .entry-meta, .footer-widgets .widget-title,, .more-recent-posts, .more-recent-posts:visited, .more-testimonials, .more-testimonials:visited, .search-form-icon:before, .site-header .jetpack-social-navigation a, .site-info, div#jp-relatedposts h3.jp-relatedposts-headline {
	color: red;
}

comment-metadata .edit-link a, .site-header .jetpack-social-navigation a:hover, .jetpack_widget_social_icons a:hover, .jetpack_widget_social_icons a:focus, .widget_wpcom_social_media_icons_widget a:hover, .widget_wpcom_social_media_icons_widget a:focus, a, a:visited, .testimonials .edit-link a:visited {
	color: #9E321A;
}

hovercomment-metadata .edit-link a, .site-header .jetpack-social-navigation a:hover, .jetpack_widget_social_icons a:hover, .jetpack_widget_social_icons a:focus, .widget_wpcom_social_media_icons_widget a:hover, .widget_wpcom_social_media_icons_widget a:focus, a, a:visited, .testimonials .edit-link a:visited {
	color: #9E321A;
}

.main-navigation ul > li.current-menu-item > a, .main-navigation ul > li.current_page_item > a {
	color: black;
	border-bottom: 2px solid #ffd600;
}

.main-navigation .nav-menu > li > a, .testimonials .edit-link a {
	color: #000000;
}

.utility-container {
	display: none;
}

.site-title a {
	display: none;
}

.site-header {
	border-bottom: 0;
	margin-bottom: 0;
}

.no-sidebar .recent-posts-header, .no-sidebar .entry-meta, .no-sidebar .hentry, .no-sidebar .comments-area, .no-sidebar.singular .entry-title, .no-sidebar .post-navigation, .no-sidebar .posts-navigation, .no-sidebar .page-header {
	max-width: 100%;
}

.site-description {
	font-size: 30px;
	font-weight: 600;
}

.sidebar-link {
	background-color: #ffd600;
	padding: 10px 20px;
	display: flex;
	justify-content: center;
	border-radius: 30px;
	margin: 10px 0;
	font-size: 13px;
	color: black;
}

.sidebar-link td:hover {
	text-decoration: none;
}

a:hover .sidebar-link {
	background-color: #FFE047;
	transition-duration: 1s;
	text-decoration: none;
}

.sidebar-container {
	background-color: #f7f7f7;
	padding: 10px 30px;
}


.subtitle {
	font-weight: 600;
	margin-top: -14px;
	font-size: 70%;
}

.research {
	border-bottom: 1px solid black;
	justify-content: center;
	text-align: center;
}

a.callout-button {
	background-color: #ffd600;
	color: #000000;
	border-radius: 30px;
}


a.custom-footer-widgets, .custom-footer-widgets {
	background-color: #6d2013;
	color: #ffffff;
}

.res-box, .resbox:hover {
	background-color: rgba(0, 0, 0, 0.1);
	font-size: 14px;
	text-decoration: none;
	color: black;
	position: relative;
	margin: 5px;
}

.arrow {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.linkbox {
	font-size: 14px;
	text-decoration: none;
	color: white;
	height: 230px;
	position: relative;
}

.LB-y {
	background-color: #ffd600;
	color: white;
}

.LB-r {
	background-color: #a9361c;
	color: white;
}

.LB-b {
	background-color: #6dbed8;
	color: white;
}

.LB-g {
	background-color: #e2e2e2;
	color: black;
}

.linkbox-image {
	width: 100%;
	height: 215px;
	opacity: .8;
	object-fit: cover;
	filter: grayscale(30%) brightness(50%);
}

.linkbox-image:hover {
	opacity: .7;
	transition-duration: .5s;
	height: 210px;
	filter: brightness(30%);
}

.linkbox-text {
	font-size: 13px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	right: 20px;
	pointer-events: none;
	z-index: 2;
	margin: 0;
	line-height: 1.4;
}

.linkbox-text-w {
	color: #ffffff;
}

p.linkbox-text-title {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
}

.linkbox-icon {
	height: 80px;
	position: absolute;
	pointer-events: none;
	right: 20px;
	top: 20px;
}


.linkbox-text-thumb {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	pointer-events: none;
	z-index: 2;
	margin: 0;
	line-height: 1.4;
}

.linkbox-thumb {
	font-size: 14px;
	text-decoration: none;
	color: white;
	height: 60px;
	position: relative;
}

.linkbox-image-thumb {
	width: 100%;
	height: 55px;
	opacity: .8;
	object-fit: cover;
	filter: grayscale(30%) brightness(50%);
}

.linkbox-image-thumb:hover {
	opacity: .7;
	transition-duration: .5s;
	height: 53px;
	filter: brightness(30%);
}

#nav-menu a {
	color: white;
	line-height: 2.5;
	font-weight: bold;
	border-bottom: 2px solid white;
}

#nav-menu a:hover {
	text-decoration: none;
	border-bottom: 3px solid white;
}

.counter {
	font-size: 80px;
	font-weight: bold;
	line-height: 1.2;
	color: #ffd600;
}

.counter:hover {
	color: #e85d0c;
	transition: 1s;
}

.link-arrow-w::after {
	background-image: url('https://mappingthedigitalgapsitedemo.wpcomstaging.com/wp-content/uploads/2023/04/mtdg23_arrowwhite_3.5mm401.25x.png');
	background-position: right center !important;
	background-repeat: no-repeat;
	content: "          ";
	white-space: pre;
	width: 30px;
}

.link-arrow-b::after {
	background-image: url('https://mappingthedigitalgapsitedemo.wpcomstaging.com/wp-content/uploads/2023/04/arrowmore_black_3.5mm401.25x.png');
	background-position: right center !important;
	background-repeat: no-repeat;
	content: "           ";
	white-space: pre;
	width: 30px;
	line-height: 1.2;
}

.link-arrow-r::after {
	background-image: url('https://mappingthedigitalgapsitedemo.wpcomstaging.com/wp-content/uploads/2023/09/arrowmore_red.png');
	background-position: right center !important;
	background-repeat: no-repeat;
	content: "           ";
	white-space: pre;
	width: 30px;
	line-height: 1.2;
}

.bullet-plus::before {
	background-image: url('https://mappingthedigitalgapsitedemo.wpcomstaging.com/wp-content/uploads/2023/05/bullet5px.png');
	background-position: center !important;
	background-repeat: no-repeat;
	content: "          ";
	white-space: pre;
	width: 30px;
	line-height: 2;
}

.sitebox-table td {
	vertical-align: top;
	padding: 0 6px 6px 0;
	font-size: 12px;
	line-height: 1.4;
}

.sitebox-subtitle {
	font-weight: bold;
	margin-top: -14px;
	font-size: 80%;
}

.linktop {
	font-size: 12px;
	line-height: 1;
}

.sitebox-para {
	font-size: 13px;
	line-height: 1.4;
}

.wp-block-group.has-background {
	padding: 20px 30px 0;
}

.counter-para {
	color: white;
	font-size: 14px;
	line-height: 1.5;
}

.research-dates {
	border: 3px;
	border-color: black;
	color: red;
}

details.resacc {
	padding: 1em 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	transition: all .4s ease-in-out;
	max-height: 100px;
	overflow: hidden;
}

details.resacc summary {
	cursor: pointer;
}

details[open].resacc {
	max-height: 500px;
}

details[open].resacc summary {
	padding-bottom: 1em;
}

#ressum div {
	display: inline;
	margin: 0 2em 0 0;
	width: 30%;
}


.rs-title {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #A9361C;
	font-style: normal;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
}

a.but {
	color: black;
	text-transform: none;
	border-radius: 30px;
	cursor: pointer;
	display: inline-block;
	font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 500;
	line-height: normal;
	text-align: center;
	margin: 10px 0;
	text-decoration: none;
}

a.but-01 {
	color: black;
}

.but-01 {
	font-size: 15px;
	padding: 17px 25px;
	color: black;
	background: rgb(243,149,7);
	background: linear-gradient(27deg, rgba(243,149,7,1) 0%, rgba(255,214,0,1) 100%);
}

.but-01:hover {
	text-decoration: none;
	background: rgb(215,133,8);
}

a.but-02 {
	color: #ffd600;
}

.but-02 {
	font-size: 16px;
	text-decoration: none;
	color: black;
	padding: 14px 22px;
	border: 3px solid;
	border-color: #ffd600;
}

.but-02:hover {
	text-decoration: none;
	padding: 17px 25px;
	border: 0 solid;
	background: rgb(243,149,7);
	background: linear-gradient(27deg, rgba(243,149,7,1) 0%, rgba(255,214,0,1) 100%);
}

a.but-03 {
	color: white;
}

.but-03 {
	font-size: 15px;
	padding: 17px 25px;
	background: #a9361c;
}

.but-03:hover {
	text-decoration: none;
	background: #7c2a17;
	color: white;
}

a.but-04 {
	color: black;
}

.but-04 {
	font-size: 16px;
	text-decoration: none;
	color: black;
	padding: 14px 22px;
	border: 3px solid;
	border-color: #a9361c;
}

.but-04:hover {
	text-decoration: none;
	color: white;
	padding: 17px 25px;
	border: 0 solid;
	background: #a9361c;
}

.pub {
	border: 2px solid #e2e2e2;
	padding: 0px;
	margin: 10px;
}

.pub-hover {
	opacity: .9;
	filter: brightness(98%);
}

.pub-hover :hover {
	opacity: .7;
	transition-duration: .5s;
	filter: brightness(90%);
}

.readmore div {
	display: inline;
	margin: 0 1em;
	width: 30%;
	font-weight: 600;
	font-size: 15px;
}

summary::before {
	content: '►';
}

details[open] summary::before {
	content: "▼";
}