/*
 Theme Name:   Tech & Civic Space Child Theme
 description: >-
   A child theme of the Twenty Twenty default WordPress theme
 Author:       Design Lab
 Template:     twentytwenty
 Version:      1.0.0
*/


body {
	font-family: quasimoda, sans-serif;
	color: #212a5e !important;
}

.entry-content {
    font-family: quasimoda, sans-serif;
	color: #212a5e;
}

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
    color: #212a5e;
}


/* -- Top header logo -- */
.site-title {
}

.site-title a {
	color: rgba(46,49,146,1.0) !important;
	letter-spacing: 0;
    font-size: 1.5rem;
}

.site-title a:hover {
	text-decoration: none;
	color: rgba(46,49,146,0.7) !important;
}

.home .site-title a {
	color:#7dc9b7 !important;
	letter-spacing: 0;
    font-size: 1.5rem;
}

.home .site-title a:hover {
	text-decoration: none;
	color: white;
}

.site-title span.description {
	display:block;
	font-weight:400;
	font-size:60%;
	margin:10px 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

@media (min-width: 600px) {
	
	.header-titles {
		margin-top: -2em;
	}
	
	.site-title a,
	.home .site-title a {
		font-size: 2.5rem;
	}
}

@media (min-width: 1000px) {
	.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
		display:block;
	}
	
	.header-titles {
		align-items: baseline;
		display: block;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: -1rem 0 0 -2.4rem;
	}
	
	.header-inner {
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 0 0 2.8rem;
	}
}


/* -- Yellow SCS Banner -- */
#meta-header-region {
    background: #f6eb39;
}

.secondary-logo {
    background: yellow;
    display: block;
    padding: 0;
    text-align: center;
    margin: 0;
    color: black;
    font-weight: normal;
    text-transform: uppercase;
    width: 100%;
}

.secondary-logo .logo-text {
    padding: 5px;
}

.secondary-logo .logo-text h3 {
    font-size: 12px;
	line-height: 12px;
    font-weight: 700;
	color: #000;
	margin:5px 0;
	letter-spacing:0.03em;
	display: inline;
	padding: 0 2px;
}

.secondary-logo .logo-text h4 {
    font-size: 10px;
	line-height: 9px;
	color: #000;
	margin:5px 0;
	letter-spacing:0.03em;
	font-weight:400;
	display: inline;
	padding: 0 2px;
}

	@media (min-width: 600px) {
		
		.secondary-logo {
			background: white;
			background: linear-gradient(to left bottom,yellow 50%,white 50%);
			display: inline-block;
			padding: 0;
			font-size: 1.5em;
			text-align: center;
			margin: 0;
			color: black;
			font-weight: normal;
			text-transform: uppercase;
			width: 100%;
			text-align: right;
		}
		
		.secondary-logo.home {
			background: #212531;
			background: linear-gradient(to left bottom,yellow 50%,#212a5e 50%);
		}
		
		.secondary-logo .logo-text {
			padding: 15px 30px;
		}
		
		.secondary-logo .logo-text h3 {
			font-size: 1.75rem;
			font-weight: 700;
			color: #000;
			line-height: 0.75rem;
			margin: 5px 0;
			display: block;
		}
		
		.secondary-logo .logo-text h4 {
			font-size: 1rem;
			color: #000;
			line-height: 0.5rem;
			margin: 10px 0;
			display: block;
		}
		
		.secondary-logo .logo-text h4:first-child {
			margin-top:0;
		}
	}

/* -- Primary Navigation -- */
.primary-menu li a {
	color:#7dc9b7;
	font-size:85%;
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
	color: #2e3192 !important;
}

/* -- Cover Color Visuals -- */
.home .cover-color-overlay.color-accent {
	color: transparent;
}

.home .cover-header {
	background-image: url("../../../wp-content/themes/twentytwenty-child/assets/images/hero_visual_v4.png");
	background-repeat: no-repeat;
	background-size: 120% auto;
	background-position: bottom right;
	background-attachment: scroll;
	background-color: #212a5e;
	display: block;
}

.cover-header-inner-wrapper {
    display: block;
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
}

.cover-header-inner {
    padding: 16rem 0 8rem 0;
}

.section-inner {
	text-align: center;
}

.section-inner.medium {
    max-width: 92rem;
}

.home h1.entry-title {
	color: #7dc9b7;
}
.postid-6575 h1.entry-title{
	font-size: 1.5em;
}

p.small-statement {
    margin: 2rem 1rem;
	font-size: 90%;
}

@media (min-width: 700px) {
	.home .cover-header {
		background-size: 100% auto;
	}
	
	.cover-header-inner-wrapper {
		width: 75%;
	}
	
	.cover-header-inner {
		padding: 18rem 0 8rem 0;
	}
	
	.section-inner {
		margin: 1rem 0 0 4rem;
    	text-align: left;
	}
	
	.home h1.entry-title {
		font-size: 5rem;
	}
	
	p.small-statement {
		max-width: 450px;
		margin: 3rem 1rem;
		font-size: 130%;
	}
}

@media (min-width: 1100px) {
	
	.home h1.entry-title {
		font-size: 7rem;
	}
	.postid-6575 h1.entry-title{
		font-size: 3.4em;
		max-width: 60%;
	}
}


/* -- Let's Get Started -- */
#get-started {
	background-color: white;
    width: 100%;
    max-width: 100%;
	padding: 3rem 0;
	text-align: left;
	border-bottom-color: rgba(125,201,183,1);
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.tcswrapper {
	width: 95%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 2.5%;
}

.tcswrapper .tcs-left {
	margin-bottom: 40px;
}

	@media (min-width: 800px) {

		.tcswrapper .tcs-left {
			display: inline-block;
			width: 42%;
			margin-right: 7%;
		}

		.tcswrapper .tcs-right {
			display: inline-block;
			vertical-align: top;
			
			width: 45%;
		}
		
	}

#get-started p {
	color:#212a5e;
	font-size: 1em;
}

#get-started h2 {
	margin: 10px 0;
}

#get-started .button {
	background-color: #e8e838;
	color: #212a5e;
	font-weight: 800;
	transition: 0.3s;
	padding: 1.25em 0.5em;
	margin-top: 10px;
	display: block;
}

#get-started .button:hover {
	background-color: #d3ce24;
	color: #212a5e;
	text-decoration: none;
}

@media (min-width: 700px) {
	#get-started {
		padding: 5rem 0;
	}
	
	#get-started p {
		font-size: 1.1em;
    	line-height: 1.7;
	}

	#get-started .button {
		padding: 1.5em 3em;
		margin-top: 20px;
		display: inline-block;
	}
	
}


/* -- DRG Space -- */
#drgspace {
	background-color: rgba(125,201,183,0.5);
	width: 100%;
    max-width: 100%;
	padding: 3rem 0;
	text-align: center;
}

#drgspace h3 {
	color: #212a5e;
	font-size: 1.75em;
    margin: 2rem 0;
    line-height: 1.1em;
}

#drgspace p {
	color: #212a5e;
	font-size: 1em;
}

@media (min-width: 700px) {
	#drgspace h3 {
		font-size: 3.25em;
		margin: 2rem 0;
	}
	
	#drgspace p {
		font-size: 1.25em;
	}
}


/* -- TECH FILTER -- */
#techfilter {
	width: 100%;
    max-width: 100%;
	padding: 1.5rem 0;
}

#search-filter-form-46,
#search-filter-results-46 {
	display: block;	
	width: 100%;
	vertical-align: top;
}

a.search-filter-reset {
	color: #212a5e;
	font-weight: bold;
	font-size: 80%;
}

ul.tech {
	list-style: none;
	margin: 0;
	padding: 1em;
}

ul.tech li {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	text-align: center;
	min-height: 220px;
	margin: 0 0 2% 0;
}

ul.tech li p {
	padding:3rem 1rem 1rem;
}

ul.tech li a {
	text-decoration: none;
	font-weight: 800;
	font-size: 1.2em;
	display: block;
	width: 100%;
	height: 100%;
}

ul.tech li a:hover p {
	text-decoration: underline;
}

label.sf-label-checkbox {
	display: inline-block !important;
    width: 80%;
    vertical-align: top;
}

.searchandfilter h4 {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 110%;
}

.searchandfilter ul li li {
    padding: 5px 0;
    line-height: 1.2;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label, .searchandfilter li[data-sf-field-input-type=radio] label, .searchandfilter li[data-sf-field-input-type=range-radio] label, .searchandfilter li[data-sf-field-input-type=range-checkbox] label {
    padding-left: 10px;
    font-size: 80%;
}

#techfilter input[type="checkbox"] {
    top: -1px;
}

p.showing {
	margin: 4rem 2rem 2rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 80%;
}

@media (min-width: 500px) {
	
	#techfilter {
		width: 100%;
		max-width: 100%;
		padding: 4rem 0;
	}

	ul.tech {
		display: flex;
		flex-wrap: wrap;
	}

	ul.tech li {
		width: 48%;
		margin: 0 2% 6% 0;
	}
}

@media (min-width: 700px) {

	ul.tech li {
		width: 31.25%;
		margin: 0 2% 6% 0;
	}
	
	.searchandfilter ul>li>ul:not(.children) {
		column-count: 2;
	}
}

@media (min-width: 1200px) {
	
	#techfilter {
		width: 100%;
		max-width: 100%;
		padding: 8rem 0;
	}
	
	#search-filter-form-46 {
		display: inline-block;	
		width: 30%;
		margin-right: 5%;
	}
	
	#search-filter-results-46 {
		display: inline-block;	
		width: 60%;
	}
	
	p.showing {
		margin: 1.25rem 0 2rem 2rem;
	}

	ul.tech li {
		width: 31.25%;
		margin: 0 2% 6% 0;
	}
	
	.searchandfilter ul>li>ul:not(.children) {
		column-count: 1;
	}
}


/* -------------- FOOTER -------------- */
.footer-nav-widgets-wrapper {
	background-color: #e5e5e4;
}

.footer-nav-widgets-wrapper img {
    max-width: 140px;
    display: inline-block;
    max-height: 45px;
    margin: 1em;
    vertical-align: bottom;
}

.footer-nav-widgets-wrapper .widget-content > div > *:last-child {
    margin-bottom: 2em;
}

.footer-widgets .widget_nav_menu li {
	line-height: 1;
	margin-bottom: 0;
	text-align: left;
    border-bottom: 1px solid #bbb;
    padding: 1em 0;
}

.footer-widgets .widget_nav_menu li a {
	color: #212a5e;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 70%;
}

@media (min-width: 700px) {
	
	.footer-nav-widgets-wrapper img {
		display: inline-block;
		margin: 1em;
		vertical-align: bottom;
	}
	
	.footer-nav-widgets-wrapper .widget-content > div > *:last-child {
		margin-bottom: 1em;
	}
	
	.footer-widgets.column-one {
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
	}
	
	.footer-widgets.column-two {
		width: 40%;
	}
	
	.footer-widgets-outer-wrapper {
		padding: 4rem 0;
	}
	
	ul#menu-footer-menu-1 {
		column-count: 2;
	}
	
	.footer-widgets .widget_nav_menu li {
		margin-bottom: 0.5em;
		border-bottom: 0;
		padding: 0;
	}
	
	.footer-widgets .widget:last-child {
		margin-top: 0;
		width: 35%;
		margin-left: 5%;
	}
	
}


/* ===== TECHNOLOGY PAGES ===== */


.tech-content {
    font-family: quasimoda, sans-serif;
    letter-spacing: normal;
	max-width: 105rem;
	padding: 0 2rem 2rem;
}

aside.sidebar {
	background-color: white;
}

@media (min-width: 700px) {
	.tech-content {
		font-size: 1.8rem;
		position: relative;
		margin: 0 auto;
	}
	
	.tech_section {
		max-width: 650px;
	}
	
	aside.sidebar {
		vertical-align: top;
		width: 30%;
		float: right;
	}
}

.entry-header-inner.section-inner.medium {
	text-align: left;
}

.single-technologies .entry-header {
	background-size: 40% auto;
    background-repeat: no-repeat;
    background-position: bottom right;
}

@media (min-width: 700px) {
	
	.single-technologies .entry-header {
		background-size: 45% auto;
		background-position: bottom right;
	}
}

h2.h3 {
	font-size: 1.75em;
}

.tech-content h5 {
	font-size: 2.4rem;
}

.tech-content h5 a {
	color: #84397f;
}

aside.sidebar h3 {
	margin: 0;
	color: #7dc9b7;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 90%;
	background-color: #212a5e;
	padding: 5% 8%;
}

aside.sidebar h3 a {
	color: #7dc9b7;
	text-decoration: none;
	font-weight: bold !important;
}

h2.related {
	background-color: #c6e2da;
	padding: 2%;
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}

.singular:not(.overlay-header) .entry-header a.back {
	display: inline-block;
	background-color: rgba(255,255,255,0.5);
	color: #1a1a1a !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 11px;
	font-weight: bold;
    padding: 10px 15px;
    text-decoration: none;
	margin-bottom: 2rem;
}

.singular:not(.overlay-header) .entry-header a.back:hover {
	background-color: rgba(255,255,255,1.0);
}

aside.sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

aside.sidebar ul li {
	margin: 0;
	padding: 0;
}

aside.sidebar ul li a {
	border-bottom: 1px solid #DDDDDD;
	margin: 0;
	padding: 4% 8%;
	color: #2e3192;
	display: block;
	font-weight: bold;
	font-size: 70%;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.tech-content .tech_section p a,
.tech-content .tech_section p a em,
.tech-content .tech_section ol a, 
.tech-content .tech_section ul a {
	color: #84397f;
	font-weight: bold;
	font-style: normal;
}

.anchor {
	text-decoration: none;
}

.collapseomatic {
	background-color: rgba(132,57,127,0.2);
    padding: 12px 35px 15px;
    display: block;
	font-weight: bold;
	font-size: 1em;
	background-image: url("../../../wp-content/themes/twentytwenty-child/assets/images/c_open.png");
	background-position: 10px;
    background-size: 22px auto;
	margin: 1em 0;
}

.collapseomatic.teal {
	background-color: rgba(125,201,183,0.5);
}

.colomat-close {
    background-image: url("../../../wp-content/themes/twentytwenty-child/assets/images/c_close.png");
}

.collapseomatic_excerpt, .collapseomatic_content {
    margin-top: 0px;
    margin-left: 36px;
    padding: 0px;
    font-size: 95%;
}

.collapseomatic_content a {
	font-weight: bold;
	color: #84397f;
}

.tech-content a[href*="civicspace.tech"]{
	position: relative;
    padding-right: 18px;
}
.tech-content a[href*="civicspace.tech"]:after{
	content: '\f013';
	font-family: "Font Awesome 5 Free";
	position: absolute;
}


/* ====== PULLQUOTE ===== */
.pullquote_outer {
	background-color: #212a5e;
	padding: 8% 10%;
	margin-top: 2em;
    margin-bottom: 2em;
}

.pullquote_inner {
	margin: 0 auto;
	color: #FFF;
	background-image: url("../../../wp-content/themes/twentytwenty-child/assets/images/yellow_quote.png");
	background-position: 0 0;
	background-repeat: no-repeat;
    background-size: 7% auto;
	padding-left: 12%;
}

.pullquote_inner.casestudy {
	background-image: url("../../../wp-content/themes/twentytwenty-child/assets/images/icon_case_study.png");
}

.pullquote_inner p {
	font-size: 90%;
}

.pullquote_inner p a {
	color: #FFF !important;
}

a.quote_author,
.quote_author {
	color: #FFF !important;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-size: 80%;
	display: block;
	font-weight: bold;
}

@media (min-width: 700px) {
	
	.pullquote_outer {
		margin-left: -12vw;
	}
	
	.entry-categories-inner {
		margin: -1rem 0 0 0rem;
	}
	
}

.tech-content .tech_section ol.dec {
	list-style: none;
	counter-reset: counts 0;
	margin-bottom: 1em;
	margin-top: 0.5em;
}

.tech-content .tech_section ol.dec li {
	counter-increment: counts 1;
	-webkit-box-align: baseline;
	align-items: baseline;
	margin-bottom: 1em;
}
.tech-content .tech_section ol.dec li::before {
	content: counters(counts, "") "";
	font-feature-settings: "tnum";
	margin-right: 12px;
	box-sizing: border-box;
	display: inline-block;
	padding: 4px 12px;
	color: #212a5e;
	background-color: #c6e2da;
	font-weight: bold;
	font-size: 16px;
	vertical-align: top;
}

.tech-content .tech_section ol.dec li div {
	display: inline-block;
	width: 80%;
}

.tech-content .tech_section ul {
	list-style: none;
}

.tech-content .tech_section ul li::before {
	content: "•";
	color: #7dc9b7;
	margin-right: 10px;
	margin-left: -20px;
}

#related {
	width: 100%;
}

#related .box {
	padding:0 3% 1%;
	vertical-align: top;
}

#related .box:first-of-type h3 {
	color: #212a5e;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 80%;
}

#related .box:first-of-type ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#related .box:first-of-type ul li {
	margin: 0 0 1em;
	padding: 0;
}

.entry-categories #related .box ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
}

#related .box:first-of-type ul li span {
	display: inline-block;
	width: 60px;
	vertical-align: middle;
	margin-right: 10px;
}

#related .box:first-of-type ul li span img {
	width: 100%;
	display: block;
}

#related .box:first-of-type ul li div {
	display: inline-block;
	vertical-align: middle;
	width: 75%;
	text-transform: none;
	letter-spacing: 0;
	font-size: 125%;
	line-height: 1.2;
    padding: 12px 0;
}

#related .box:first-of-type ul li a:hover div {
	text-decoration: underline;
}

#related .box:last-of-type {
	background-color: #212a5e;
	padding: 1px 5%;
}

#related .box:last-of-type h3 {
	color: #7dc9b7;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 80%;
	margin-bottom: 1rem;
}

#related .box:last-of-type ul {
	color: rgba(255,255,255,0.2);
	font-size: 90%;
}

.entry-categories #related .box:last-of-type ul li a {
	text-transform: none;
	letter-spacing: 0;
	color: rgba(255,255,255,1.0);
	font-weight: bold;
}

.entry-categories #related .box:last-of-type ul li a:hover {
	text-decoration: underline;
}

#related .box .inner {
	text-align: left;
}

#related .box_wrapper {
	padding: 0 3%;
}


@media (min-width: 700px) {
	
	#related .box_wrapper {
		display: table;
		width: 100%;
		padding: 0;
	}
	
	#related .box {
		width: 49%;
		display: table-cell;
	}

	#related .box:first-of-type {
		text-align: right;
	}

	#related .box:last-of-type {
		text-align: left;
		padding: 0 3% 1%;
	}

	#related .box .inner {
		max-width: 450px;
		text-align: left;
		display: inline-block;
		min-width: 300px;
	}
}


/* ===== TECH CATEGORIES ===== */
#categories {
	margin: 0 auto;
	max-width: 120rem;
	padding: 3%;
}

.entry-categories #categories a {
	font-size: 1.5rem;
    margin: 0;
    display: inline;
    border-bottom: none;
    text-transform: none;
    color: #84397f;
    letter-spacing: 0;
}

.entry-categories #categories a::after {
	content: "/";
	color: #CCC;
	margin: 0px 3px 0 8px;
}

.entry-categories #categories a:last-of-type::after {
	content: "";
}

.entry-categories #categories a:hover {
	color: #212a5e;
}

.section-inner.medium {
    max-width: 100%;
}

.section-inner a {
	color: #84397f;
}

@media (min-width: 700px) {
	.section-inner {
		margin: 1rem auto;
	}
	
	.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
		margin-top: 0;
	}
	
	.entry-categories {
		margin-bottom: 0;
	}
	
	.post-inner {
		padding-top: 0;
	}
}

a[href*="#top"] {
	font-size: 85%;
    font-weight: normal !important;
    text-decoration: none;
}

a[href*="top"]:hover {
	text-decoration: underline;
}




/* ======= SDGS & PRINCIPLES ======== */


.page-id-131 .entry-header {
	background-color: #c6e2da;
	margin: 0 0 5rem;
}

.page-id-132 .entry-header {
	background-color: #efec8e;
	margin: 0 0 5rem;
}

.page-template-template-full-width .entry-content p a {
	color: #632661;
	font-weight: bold;
}

.page-template-template-full-width .entry-header {
    background-color: #c6e2da;
    margin: 0 0 5rem;
}

.page-template-template-single-column .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 72rem;
}

.page-template-template-full-width .entry-header, 
.page-template-template-single-column .entry-header {
	background-color: #c6e2da;
    margin: 0 0 5rem;
	padding-right: 30%;
	background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center right;
}

	@media (min-width: 1100px) {
		
		.page-template-template-full-width .entry-header, 
		.page-template-template-single-column .entry-header {
			padding-right: 30%;
			background-size: 30% auto;
		}
		
	}

.page-template-template-full-width h1.entry-title, 
.page-template-template-single-column h1.entry-title {
	width: 90%;
}

.page-template-template-single-column .entry-header {
	padding: 2rem 0;
}

.page-template-template-single-column .entry-content,
.search .entry-content {
	font-size: unset;
}

h1.entry-title.heading-size-1 {
	color:#212a5e;
}

	@media (min-width: 700px) {
		h1.entry-title.heading-size-1, .heading-size-1 {
			font-size: 4.4rem;
		}
	}

	@media (min-width: 1000px) {
		h1.entry-title.heading-size-1, .heading-size-1 {
			font-size: 6.4rem;
		}
	}

ul.items {
	list-style: none;
	display: table;
	width: 100%;
}

ul.items li {
    margin: 1em 0 2em;
    border-bottom: 1px solid #c494c1;
    padding-bottom: 2em;
}

ul.items li .img,
ul.items li .text-link {
	display: block;
}

@media (min-width: 500px) {
	
	ul.items li .img,
	ul.items li .text-link {
		display: table-cell;
		vertical-align: top;
	}
	
	ul.items li .img {
		width: 24%;
		padding-right: 4%;
	}
	
	ul.items li .text-link {
		width: 75%;
	}
}

@media (min-width: 700px) {
	
	ul.items li .img {
		width: 19%;
		padding-right: 4%;
	}
	
	ul.items li .text-link {
		width: 80%;
	}
	
}

ul.items li .text,
ul.items li .link {
	display: block;
}

ul.items li .text-link .text .title {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

ul.items li .link a {
	display: block;
	color: #632661;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 70%;
	font-weight: bold;
	margin-bottom: 3em;
}

@media (min-width: 700px) {
	
	ul.items li .link a {
		display: block;
		background-color: #84397f;
		padding: 15px 5px;
		color: #FFF;
		font-weight: bold;
		text-align:center;
		text-decoration: none;
	}
	
	ul.items li .link a:hover {
		background-color: #632661;
	}
	
	ul.items li .text {
		display: inline-block;
		width: 62%;
		margin-right: 4%;
		vertical-align: top;
	}
	
	
	ul.items li .link {
		display: inline-block;
		width: 28%;
		vertical-align: top;
	}
	
}

@media (min-width: 1024px) {
	
	ul.items li .text {
		display: inline-block;
		width: 70%;
		margin-right: 4%;
		vertical-align: top;
	}
	
	
	ul.items li .link {
		display: inline-block;
		width: 20%;
		vertical-align: top;
	}
	
}

ul.items li .img img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

ul.items ul.primers {
	list-style: none;
	margin: 0;
}

ul.items ul.primers li {
	width: auto;
	padding: 5px 15px 7px;
    display: inline-block;
	border-bottom: 0;
	margin: 0.25em 0;
	line-height: 100%;
}

ul.items ul.primers li a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

ul.items ul.primers li a:hover {
	text-decoration: underline;
}

ul.items p.primer-title {
	font-weight: bold;
    font-size: 70%;
    text-transform: uppercase;
    margin-top: 1em;
}



/* ======================== */
/* === FIGURE / CAPTION === */

figure.wp-caption {
	max-width: 100%;
}

.wp-caption-text {
	font-size: 1.15rem;
    line-height: 1.3;
    margin: 1.5rem 1rem;
	font-style: italic;
}


/* ======================== */
/* ====== TABLEPRESS ====== */

#tablepress-1 td.column-1 {
	width: 20%;
	text-align: right;
	font-weight: bold;
	background-color: rgba(125,201,183,0.2);
}

#tablepress-1 td {
	padding: 12px 10px;
}



/* =================================== */
/* ====== AI & MACHINE LEARNING ====== */

	@media (min-width: 900px) {
		.postid-213 .entry-header {
			background-size: 30% auto;
			background-position: bottom right;
		}
	}

	@media (min-width: 1200px) {
		.postid-213 .entry-header {
			background-size: 45% auto;
		}
	}

	@media (min-width: 700px) {
		.postid-213 .section-inner.medium {
			width: 50%;
    		margin: 1rem 0 1rem 5rem;
		}
	}

	@media (min-width: 1220px) {
		.postid-213 .section-inner.medium h1 {
			font-size: 6.4rem;
		}
	}




/* =================================== */
/* ====== COVID BANNER ====== */

#covid-banner {
	background-color: #212a5e;
	background-image: url("../../../wp-content/themes/twentytwenty-child/assets/images/covid_banner_graphic@2x.png");
	background-size: 100% auto;
	background-position: 0 0;
	padding: 5% 2.5%;
	margin-top: 5rem;
}

#covid-banner .wrap {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#covid-banner .left,
#covid-banner .right {
	display: block;
	margin: 2em;
}

	@media (min-width: 700px) {
		
		#covid-banner .left {
			width: 60%;
			display: inline-block;
			vertical-align: top;
			margin: 0;
		}
		
		#covid-banner .right {
			width: 39%;
			display: inline-block;
			vertical-align: top;
			margin: 0;
		}
		
	}

#covid-banner .left h3 {
	font-weight: bold;
	color: #7dc9b7;
	font-size: 3.5rem;
	margin: 0;
}

#covid-banner .left h3 span {
	color: #FFF;
}

#covid-banner .right a {
	background-color: #e8e838;
	display: block;
	padding: 1em 2em;
	color: #212a5e;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	text-align: center;
	font-weight: bold;
}

	@media (min-width: 700px) {
		
		#covid-banner .right a {
			width: 70%;
			margin: 0 auto;
		}
	}

#covid-banner .right a:hover {
	background-color: white;
}



/* =================================== */
/* ====== COVID PAGE ====== */
/* =================================== */

.page-template-default .entry-header-inner.section-inner.medium {
	max-width: 100rem;
}

	@media (min-width: 700px) {
		.page-template-default .entry-header-inner.section-inner.medium h1.heading-size-1 {
			font-size:6.4rem;
		}
	}

.page-template-default .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 72rem;
}



/* =================================== */
/* ====== SEARCH.PHP ====== */
/* =================================== */

.search h2 {
	margin: 0 auto 0.5em;
	font-size: 2.5rem;
}

@media (min-width: 700px) {
	body.search:not(.singular) main > article:first-of-type {
    	padding: 2rem 0 0;
	}	
}

.search .section-inner.thin,
.search .section-inner.medium {
	max-width: 72rem;
}

@media (min-width: 700px) {
	.search .archive-header {
		padding: 1rem 0 0;
	}
}

.search .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 72rem;
}

.search .entry-content {
	border-top: 1px solid #DDD;
	padding: 3rem 0;
}

.page-id-300 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 72rem !important;
}

#tablepress-4 td.column-1 {
	display: block;
	padding: 2em 0;
}

	@media (min-width: 600px) {
		#tablepress-4 td.column-1 {
			width: 30%;
			display: table-cell;
		}
	}

#tablepress-4 td.column-2 {
	display: block;
	font-family: quasimoda, sans-serif;
	padding: 2em 0 2em 5%;
	font-size: 80%;
}

	@media (min-width: 600px) {
		#tablepress-4 td.column-2 {
			display: table-cell;
			width: 65%;
		}
	}

#tablepress-4 td.column-1 img {
	width: 100%;
	max-width: 140px;
	margin: 0 auto;
}



/* =================================== */
/* ====== PANELISTS TABLE ====== */
/* =================================== */

table.panelists {
	border: none;
}

table.panelists td {
	border: none;
}

table.panelists td.column-1 {
	width: 20%;
}

table.panelists td.column-1 img {
	width: 100%;
}

table.panelists td.column-2 {
	width: 20px;
}

table.panelists span.panelist-text {
	font-size: 14px;
	line-height: 21px;
	display: block;
}