/* 
Theme Name:		 Open Data Week Child Theme
Theme URI:		 http://childtheme-generator.com/
Description:	 Open Data Week Child Theme is a child theme of Twenty Twenty
Author:			 BetaNYC / NYC OTI
Author URI:		 https://www.nyc.gov/oti/
Template:		 twentytwenty
Version:		 1.0.0
Text Domain:	 open-data-week-child-theme
*/


/*
Changes that were made directly in twentytwenty's style.css
*/

/* Root */

html {
	font-size: 62.5%;
	/* 1rem = 10px */
	scroll-behavior: smooth;
}

body, .entry-title a, :root .has-primary-color{
    color: #ffffff;
}

body {
	box-sizing: border-box;
	background: #120844;
	color: white;
	font-family: "din-2014", sans-serif;
	font-size: 1.8rem;
	letter-spacing: -0.015em;
	text-align: left;
}

@supports (font-variation-settings: normal) {

	body {
		font-family: "din-2014", sans-serif;
	}
}

/* Fonts */

h1,
h2,
h3{
	font-family: "din-2014", sans-serif;
	letter-spacing: 1px !important;
}

p{
	font-weight: 500 !important;
}

.tribe-events-pg-template a{
	color: #ae2e2e;
}

.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
	font-family: "din-2014", sans-serif;
}

@supports (font-variation-settings: normal) {
	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-content cite,
	.entry-content figcaption,
	.entry-content table,
	.entry-content address,
	.entry-content .wp-caption-text,
	.entry-content .wp-block-file,
	.has-drop-cap:not(:focus)::first-letter,
	.entry-content .wp-block-archives,
	.entry-content .wp-block-categories,
	.entry-content .wp-block-latest-posts,
	.entry-content .wp-block-latest-comments,
	.entry-content .wp-block-cover-image p,
	.entry-content .wp-block-pullquote {
		font-family: "din-2014", sans-serif;
	}
}

.entry-content{
	font-family:inherit;
}

.entry-content .has-small-font-size {
	font-size: 0.842em;
}

.entry-content .has-normal-font-size,
.entry-content .has-regular-font-size {
	font-size: 1em;
}

.entry-content .has-medium-font-size {
	font-size: 1.1em;
	line-height: 1.45;
}

.entry-content .has-large-font-size {
	font-size: 1.25em;
	line-height: 1.4;
}

.entry-content .has-larger-font-size {
	font-size: 1.5em;
	line-height: 1.3;
}
.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: #43fbd8;
}

/* Site Header */

#site-header {
	background: linear-gradient(to right, #0060ee, #e46fe7);
	position: relative;
	margin-bottom: 2rem;

}

#site-header *, .mobile-menu *{
	color: white !important;
	font-size: 2.5rem;
}

.primary-menu > li{
	margin: 0.4rem 0 0 4rem !important;
}

.brand{
	display:block;
	width: 100%;
	height: auto;
}

.brand img{
	-webkit-filter: brightness(100);
	filter: brightness(100);
	max-height: 50px;
}

.header-inner {
	max-width: 168rem;
	padding: 3.15rem 0;
	z-index: 100;
}

/* Calendar */

.tribe-events-view {
	background: #ecebe9 !important;
}

/* Bottom */

.connect-circle {
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 2;
	padding-bottom: 4rem;
}

.connect-circle::after {
	background: linear-gradient(to top right, rgba(0, 96, 238, 0.8), rgba(228, 111, 231, 0.8));
	z-index: -1;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 50%;
	width: 100%;
	max-width: 840px;
	min-width: 480px;
	height: 88vw;
	max-height: 840px;
	min-height: 480px;
}

.circle-high {
	margin: 88px auto;
	background: transparent;
	max-width: 560px;
	padding: 28px 16px;
	text-transform: none;
	font-weight: 250;
	transform: scaleX(.97);
}


.circle-high a{
	color: #43fbd8;
}


.text-uppercase {
	text-transform: uppercase;
}

.button-rounded {
	background: #e46fe7;
	border: none;
	max-width: 280px;
	margin: 12px auto;
	display: block;
	background: #f34134;
	color: #fff;
	font-weight: 700;
	text-transform: none;
	border: 2px solid #f34134;
	line-height: 18px;
	padding: 8px 16px 10px;
	margin-bottom: 8px;
	text-align: center;
	min-width: 200px;
	cursor: pointer;
	border-radius: 8px;
	text-decoration: none;
}

.button-rounded:hover{
	background: #95261e;
	border: 2px solid #95261e;
}

/* Footer */

footer.grey {
	margin-top: 3rem;
	color:#979797;
	background-color: #0c052d;
	font-size: 0.8em;
	padding: 3rem 5rem;
}

/* Mobile Menu */

.menu-modal, .menu-modal-inner {
	background-color: #120844;
}