* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	ms-box-sizing: border-box;
	box-sizing: border-box;
}

html.wf-adobecaslonpro-n7-active.wf-adobecaslonpro-n6-active.wf-franklingothicurw-n4-active.wf-franklingothicurw-n5-active.wf-franklingothicurw-n7-active.wf-franklingothicurw-n9-active.wf-franklingothicurw-i4-active.wf-franklingothicurw-i5-active.wf-franklingothicurw-i7-active.wf-franklingothicurw-i9-active.wf-bodoniurw-n4-active.wf-bodoniurw-n7-active.wf-bodoniurw-i4-active.wf-bodoniurw-i7-active.wf-bodoniurw-i8-active.wf-franklingothicextcompurw-n4-active.wf-franklingothicextcompurw-n7-active.wf-franklingothicurwcond-n4-active.wf-franklingothicurwcond-n7-active.wf-franklingothicurwcond-i4-active.wf-franklingothicurwcond-i7-active.wf-franklingothicurwcomp-n4-active.wf-franklingothicurwcomp-n7-active.wf-franklingothicurwcomp-i4-active.wf-franklingothicurwcomp-i7-active.wf-active {
    scroll-behavior: smooth;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after, section:after {
	clear: both;
}
.topbar-pos-fixed .topbar{z-index: 9999999999999999999;}

.pin-col {
	width: 50%;
}
.text-col {
	width: 50%;
}
.left-col {
	float: left;
}
.right-col {
	float: right;
}

h3, h2, h1, section.full-width p
{
	text-transform: uppercase;
	font-family:'bodoni-urw',serif;
	font-weight: normal
}

.stories h3
{
	text-transform: none;
	font-size: 18px;
	text-decoration: none;
    font-weight: bold;
    font-style: italic;
    font-family: Georgia,'Times New Roman',serif;
}

section.full-width p
{
	/*font-size: 1.3rem;*/
	font-size: 1.2rem;
}

h1
{
	font-size: 4rem;
	letter-spacing: 0.3rem;
}

h2 {
    width: 46vw;
    margin: 0 auto;
    font-size: 1.9rem;
	letter-spacing: 0.3rem;
	margin-bottom: 2rem;
}
.full-width .date
{
	display: block;
	font-family: franklin-gothic-atf, sans-serif;
	font-weight: bold;
}

.full-width .author-information
{
	/*font-family: franklin-gothic-atf, sans-serif;*/
	max-width:1080px;
	margin:	auto;
}
.full-width .author-information a
{
	color: #284374;
}
p.author-information strong {
    font-family: franklin-gothic-atf, sans-serif;
}
.full-width
{
	text-align: center;
	padding: 20px;
}

.daily-report-inner h3, .daily-report-inner p, .daily-report-inner button, .daily-report-inner iframe
{
	position: relative;
}
.daily-report-inner iframe
{
	width: 100%;
    border: none;
    /*height: 338px;*/
    height: 39vh;
}

.daily-report-inner {text-align: center;}
.daily-report-inner h3
{
	    font-size: 1.875rem;
    line-height: 1.0667;
    letter-spacing: 1px;
    font-family: "bodoni-urw",sans-serif;
    font-style: italic;
    font-weight: 900;
}

.daily-report-inner p
{
	font-size: 0.9375rem;
    line-height: 1.6667;
    font-family: "franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 400;
}
.daily-report-inner button
{
	background: #EB5F0C;;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	font-style: normal;
    font-weight: 700;
    padding: 10px 6%;
    margin-top: 22px;
    margin-bottom: 22px;
}
/* images with numbers
{
	width: 55vw;
	margin: 0 auto;
	text-align: center;
}*/
@media only screen and (max-width:800px) {
.pin-col, .text-col {
	width: 100%;
}
.left-col, .right-col {
	float: none;
}
}
body {
	background: #fff;
	color: #000;
}
.text-col h2 {
	color: white;
}
.main-container {
	overflow-x: hidden;/*overflow-y: scroll;*/
}
 .main-container::-webkit-scrollbar {
 display: none;
}

.title-content.mobile, .header-left.mobile{
	display: none;
}

.tile {
	width: 50%;
	height: 50%;
	position: absolute;
	overflow: hidden;
}

.tile img, .tile-overlay img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.tile-svg {
	width: 100%;
	height: 100%;
	/*min-height: 60vh;*/
	position: absolute;
	overflow: hidden;
}
.tile-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1;
	height: 100%;
}



section p {
	font-family: franklin-gothic-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.5;
	font-size: 1.25rem;
}
.first-p {
/*margin-top: 25px;*/
}
.text-col p:first-of-type {
	padding-top: 45px;
}
.image-container {
	width: 100%;
}
.image-container img {
	width: 100%;
}
.image-text {
	/*width: 50%;
	float: left;*/
}
.image-image {
	float: right;
	width: 45%;
	margin-top: -35px;
	padding-left: 15px;
    width: 280px;
}



.quoteblock {
	background-color: black;
	color: white;
}
.left-quote {
	margin-right: auto;
	width: 50%;
	float: left;
}
.right-quote {
	margin-left: auto;
	width: 50%;
	text-align: -moz-right;
	text-align: -webkit-right;
}
p.quote {
	width: 82%;
	font-size: 4.5vw;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5vw;
	line-height: normal;
	font-family: adobe-caslon-pro, serif;
    font-weight: 100;
    font-style: normal;
	line-height: 1.1;
}


input#edit-submit {
    margin-top: 20px;
}
@media only screen and (max-width:1249px) {
.image-image {
	float: none;
	margin-top: auto;
	margin-left: auto;
    margin-right: auto;	
    padding-left: initial;
    width: 60%;
}
}

.underline {
	border-bottom: solid 5px;
	/*width: 85%;
	margin-left: auto;
	margin-right: auto;*/
}
p.caption {
	text-align: right;
	text-transform: uppercase;
	font-weight: bolder;
	font-family: franklin-gothic-condensed, sans-serif;
	font-style: normal;
	letter-spacing: 5px;
	font-style: normal;
	font-size: 16px;
	margin-top: 5px;
}
span.big-number {
	font-size: 32vw;
	/*font-weight: 700;
	font-style: normal;
	font-family: FranklinGothicURW-Boo;
	line-height: 0.6;*/
	font-family: franklin-gothic-urw, sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height: 23vw;
    display: block;
}
span.big-number-title {
	font-family: adobe-caslon-pro, serif;
	font-weight: 100;
	font-style: normal;
	font-size: 4.56vw;
}
.title-content h2 {
	margin-top: 6.7vw;
	margin-left: auto;
	border-bottom: solid 5px;
	width: 80%;
	margin-right: auto;
}

@media only screen and (max-width:1300px) {
	.title-content h2 {
		position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	}
	}
	@media only screen and (max-width:540px) {
	section p {
		font-size: 1.125rem;
		letter-spacing: 0.061rem;
		line-height: 1.5;
	}
	.daily-report-inner iframe{height: 43vh;}
}
.topbar {
	height: 48px;
}
.header {
	height: 96vh;
	height: calc(100vh - 48px);
	margin-top: 48px;
	height: 100vh;
}
.header .text-col {
	overflow: hidden;
}
@media only screen and (max-width: 1249px)
{
	.daily-report-inner iframe{height: 52vh;}
}
@media only screen and (max-width:800px) {
	.header .text-col {
		width: 100%;
	}
	.header .pin-col {
		display: none;
	}
}

@media only screen and (max-width:540px) {
.topbar {
	height: 40px;
}
.header {
	height: calc(90vh - 40px);
	margin-top: 40px;
	height: 100vh;
}
}
.no-gutters {
	margin-left: -19.4%;
	margin-right: -19%;
	margin-top: -150px;
}
.emoji-title {
/*padding-top: 25%;*/
}
.first-p img {
	width: 170px;
	float: left;
	padding-right: 27px;
	margin-left: -112px;
	margin-top: -40px;
	padding-right: 1.7vw;
	margin-left: -7vw;
	margin-top: -2vw;
}
.title:not(.media-title) {
	background: #232D4B;
	color: #fff;
	height: 91vh;
	height: calc(95vh - 48px);
	position: relative;
	height: 100vh;
	background: black;
}
h2.emoji-title, .title p {
	left: 50%;
	position: absolute;
}
.title h2 {
	font-weight: 800;
}
.title h2.emoji-title {
	font-size: 1.875rem;
	font-weight: 400;
	letter-spacing: 1.4rem;
	line-height: 1.5;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	top: 60%;
	transform: translate(-50%, -50%);
	color: black;
	font-family: FranklinGothicURW-Boo;
	font-weight: 700;
	width: 100%;
	font-size: 2.5vw;
	font-family: franklin-gothic-urw, sans-serif;
	font-style: normal;
	font-weight: 800;
}
h2 span b {
	font-weight: 900;
}
.no-gutters .title-container, .author.mobile {
	/*font-size: 1.875rem;
    text-align: center;
    text-transform: uppercase;
    color: black;
    font-family: FranklinGothicURW-Boo;
    font-weight: 700;
    /* width: 50%; 
    font-size: 2.5vw;
    font-family: franklin-gothic-urw, sans-serif;
    font-style: normal;
    font-weight: 800;
	letter-spacing: 1.4rem;
    line-height: 1.5;*/
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-style: normal;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	font-size: 2.5vw;
	line-height: 0.6;
	width: 85%;
}
.author {
	background-color: #FDDA20;
	width: -moz-fit-content;
	width: fit-content;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color: black;
	text-transform: uppercase;
	margin-top: -30px;
	font-style: normal;
	font-family: franklin-gothic-extra-compre, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.q-name{
	font-family: franklin-gothic-urw-comp, sans-serif;
    font-style: normal;
    font-weight: 700;
}
.author a {
	text-decoration: none;
	color: black;
}
.span-italics {
	font-style: italic;
}
.opt {
	color: #FDDA20;
	font-weight: 700;
	font-style: normal;
	font-family: FranklinGothicURW-Boo;
	font-size: 8vw;
	letter-spacing: 5px;
	font-family: franklin-gothic-urw, sans-serif;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
}
p.first-p {
	padding-top: 100px;
}



section.i {
	width: 56%;
	margin-left: auto;
	margin-right: auto;
}
section.i h2 {
	font-size: 4vw;
	font-weight: 400;
	/*padding-bottom: 15px;*/
	border-bottom: 5px solid;
	font-family: adobe-caslon-pro, serif;
    font-weight: 100;
    font-style: normal;
	line-height: 1.5;
}
/*@media only screen and (min-width:801px) and (max-width:1130px) {
	.title h2 {font-size:1.6875rem;letter-spacing:0.6188rem;}
	.title h2 span.diversity, .title h2 span.rise, .title h2 span.echo {margin-left:0.6188rem;}
	.title h2 span.rise {font-size:6rem;letter-spacing:3.3rem;margin-left:3.3rem;}
	.title h2 span.footprint {margin-top:-6rem;}
	.title h2 span.animate span.echo-r, .title h2 span.animate span.echo-s  {margin-top:-3.85rem;}
	.title h2 span.animate span.echo-i {margin-top:3.85rem;}
	.title h2 span.animate span.echo-e {margin-top:-11.05rem;}
}
@media only screen and (orientation:landscape) and (max-width:760px) {
.header {
	height: calc(85vh - 48px);
	height: 100vh;
}
.title {
	height: calc(80vh - 48px);
	height: 100vh!important;
}
.title h2 {
	font-size: 1.5rem;
	top: 60%;
}
}*/

/*
@media only screen and (max-width:540px) {
	/*.title {height:calc(85vh - 40px);height:100vh;}
	.title h2 {font-size:1.3125rem;letter-spacing:0.4813rem;}
	.title h2 span.diversity, .title h2 span.rise, .title h2 span.echo {margin-left:0.4813rem;}
	.title h2 span.rise {font-size:4.5rem;letter-spacing:2.475rem;margin-left:2.475rem;}
	.title h2 span.footprint {margin-top:-4.5rem;}
	.title h2 span.animate span.echo-r, .title h2 span.animate span.echo-s  {margin-top:-2.8875rem;}
	.title h2 span.animate span.echo-i {margin-top:2.8875rem;}
	.title h2 span.animate span.echo-e {margin-top:-8.2875rem;}
}*/
@media only screen and (orientation:landscape) and (max-width:540px) {
.header {
	height: calc(85vh - 40px);
	height: 100vh;
}
.title {
	height: calc(80vh - 40px);
	height: 100vh;
}
}

/*
@media only screen and (min-width:1700px) {
	.title h2 {font-size:2.25rem;}
	.title h2 span.rise {font-size:9rem;}
}
@media only screen and (min-width:1900px) {
	.title h2 span.rise {font-size:10.8rem;}
}
@media only screen and (min-width:2200px) {
	.title h2 span.rise {font-size:13rem;}
}
@media only screen and (min-width:2500px) {
	.title h2 span.rise {font-size:18rem;}
}
.title p {background:url('/themes/custom/cohesion-theme/html_template/common/css/img/three_dashes.png') center top no-repeat;background-size:auto 9px;bottom:5vh;font-size:0.7875rem;letter-spacing:0.195rem;margin-left:0.195rem;padding-top:25px;transform:translateX(-50%);}
.title p a {color:#fff;}
*/
@media only screen and (orientation:landscape) and (max-width:760px) {
.title p {
	bottom: 0;
	padding-top: 15px;
}
}
/*.arrow-down {border-left:5vh solid transparent;border-right:5vh solid transparent;border-top:5vh solid #232D4B;height:0;left:50%;position:relative;transform:translateX(-50%);width:0;}*/
.intro {
	margin: 0 auto;
	max-width: 630px;
	padding: 120px 0;
	width: 80%;
}
.intro p.image {
	margin: 0 auto 40px;
	max-width: 252px;
}
.dropcap {
	color: #E57200;
	float: left;
	font-size: 7.5rem;
	font-style: italic;
	font-weight: 300;
	line-height: 0.3167;
	margin-right: 0.25rem;
	margin-top: 2rem;
}

@media only screen and (max-width:540px) {
.dropcap {
	font-size: 5.1136rem;
}
.intro {
	padding: 75px 0;
}
}
.container {
	z-index: 1;
}
.container .text-col {
	background: #fff;
	color: #000;
	padding: 150px 7% 120px;
}

@media only screen and (max-width:1340px) {
/*.container {background:#232D4B;}*/
}
.text-col ul {
	list-style: none;
	padding: 0;
}
.text-col ul li {
	background: url('/themes/custom/cohesion-theme/html_template/common/img/Restorative/bullet_point.png') left 3.5px no-repeat;
	background-size: 32px auto;
	font-family: 'franklin-gothic-urw-comp';
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.0694rem;
	line-height: 1.5;
	margin-bottom: 2rem;
	margin-left: -40px;
	padding-left: 40px;
	text-transform: uppercase;
}
.text-col h3 {
	color: #232D4B;
	font-size: 3.125rem;
	font-weight: 300;
	letter-spacing: 0.074rem;
	line-height: 0.76;
	margin: 0 0 1.65rem;
}
.text-col h4 {
	color: #232D4B;
	text-transform: uppercase;
}
.pinned-content {
	height: 100vh;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.header .pinned-content {
	height: 96vh;
	height: calc(100vh - 48px);
	height: 100vh;
}
.pinned-content img, .pinned-content video {
	/*height: 108%;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: auto;width: 100%*/
	width: -webkit-fill-available;
}
.no-gutters h2 {
	top: 55%;
	top: 45%;
}
.title-content {
	margin-left: -19.4%;
	margin-right: -19%;
	margin-top: -150px;
	width: 139%;
	background: black;
}

@media only screen and (max-width:800px) {
div.desktop div.twitch, .no-gutters {
/*display: none;*/
}
	
.copy-container, section.i {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}	
	
.no-gutters {
 margin: inherit;
}
div.mobile div.twitch {
	display: block;
}
	
.opt{
	font-size: 15vw;
}
	
.main-brain-mobile img {
	top: 5vw !important;
}
div.first-left-col {
	/*padding-top: 0px !important;*/
}
section.container {
	background: none !important;
}
.pinned-content {
	height: 50vw;
	height: 85vw;
	height: 100vw;
}
.main-brain {
	margin-top: 40px;
}
.main-brain-mobile {
	height: 50vw;
	height: 105vw;
	margin-top: 10px;
}
.title:not(.media-title) {
	height: 100vw;
}
.text-col h2 {
	line-height: inherit;
}
.no-gutters h2 {
	top: 15vw !important;
}
	
.no-gutters .title-container{
	text-align: center;		
	font-size: 5vw;
	height: 100%;
}
	
.no-gutters .title-container, .author.mobile {
	width: 100%;
}

.underline {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
.author{
    /* margin-left: auto; */
    /* margin-right: auto; */
    position: absolute;
    bottom: 0;
    /* left: 50%; */
    left: 50%;
    /* top: 50%; */
    transform: translate(-50%, 0%);
	width: 60%;
}
	
/*.title-content {
	height: auto;
	padding: unset;
	margin: -150px -7vw -10vw;
	width: 117%;
	display: block;
	position: relative;
}*/
.container .text-col {
	padding-bottom: 0px;
	padding: initial;
}
.first-p img {
	width: 200px;
	padding-right: 4vw;
	width: 25vw;
	min-height: 80px;
	min-width: 95px;
}
	.title-content{
		width: 100%;
	}	.title-content.desktop, .header-left.desktop{
		display: none;
	}
	.title-content.mobile, .header-left.mobile{
		display: block;
		margin: inherit;
		color: white;
	}
	

	
		.title-content h2 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
		/*margin-top: 12.7vw;*/
}
	span.big-number-title {
    font-size: 8.56vw;
}
	span.big-number {
		font-size: 65vw;
		display: inline-block;
		    height: 40vw;
	}
	
	.left-quote, .right-quote{
		width: 45%;
	}
	.quoteblock img {
    width: 100% !important;
	}
	p.quote {
		font-size: 8.4vw;
	}
	
	section.i h2 {
    font-size: 9vw;
}
}


/*.quoteblock {
	background: #F1F1F1 center top no-repeat;
	background-image: url('/themes/custom/cohesion-theme/html_template/common/css/img/TeenQuoteBox_1.jpg');
	background-size: cover;
	color: #fff;
	padding-bottom: 15%;
	padding-top: 15%;
	z-index: 2;
}
.quote {
	width: 50%;
	margin: 0 auto;
}

@media only screen and (max-width:1000px) {
.quote {
	width: 80%;
}
}
/*.quote span.dropquote {display:inline-block;float:left;font-family:'franklin-gothic-urw';font-size:8rem;height:5rem;line-height:1;margin-left:-5.75rem;margin-right:0.75rem;margin-top:0.5rem;overflow:hidden;padding:0;text-align:center;width:5rem;}
.speaker {line-height:1.5;margin-left:55%;margin-top:-6rem;}
.speaker span {display:inline-block;margin-left:-1.125rem;}
.speaker strong {font-weight:700;}
@media only screen and (max-width:800px) {
	.quoteblock {padding-top:25%;}
	.quote {width:80%;}
	.quote span {font-size:2.5rem;}
	.quote span.dropquote {font-size:5rem;height:3.125rem;margin-left:-3.875rem;margin-top:0.3rem;width:3.125rem;}
}
@media only screen and (max-width:540px) {
	.quoteblock {padding-top:35%;}
	.quote span {font-size:1.5rem;padding:0 0.5rem;}
	.quote span.dropquote {font-size:3rem;height:1.875rem;margin-left:-2.375rem;margin-right:0.5rem;margin-top:0.18rem;width:1.875rem;}
	.speaker {font-size:1.0625rem;margin-left:25%;margin-top:5%;}
}*/


.videos {
	background: #232D4B;
	color: #fff;
	overflow: hidden;
	padding: 3% 0;
	z-index: 2;
}
.no-gutters h2 {
	position: relative;
	font-weight: 600;
}
.paragraphs-item-media-contacts {
	max-width: 1800px;
	margin: 0 auto;
	padding-top: 2.5rem;
	padding-right: 1.25rem;
	padding-bottom: 1.5625rem;
	padding-left: 1.25rem;
}

/*@media screen and (min-width: 580px) {
.paragraphs-item-media-contacts {
	padding-top: 2.5rem;
	padding-right: 8.33333%;
	padding-bottom: 2.5rem;
	padding-left: 8.33333%;
}
}

@media screen and (min-width: 960px) {
.paragraphs-item-media-contacts {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
}

@media screen and (min-width: 960px) {
.paragraphs-item-media-contacts .content {
	width: 54.16667%;
	padding: 0;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	margin-left: 12.5%;
}
}*/
.paragraphs-item-media-contacts .content .media-contacts {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	color: #232D4B;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner {
	padding: 0;
	margin: 0;
	background-image: none;
	border-top: 1px solid #CCCCCC;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner h3 {
	display: block;
	margin-bottom: 0.3125rem;
	font-size: 0.875rem;
	line-height: 1.1429;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #141E3C;
	margin-top: 1.875rem;
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 900;
	color: #EB5F0C;
    font-size: 1.5rem !important;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact:last-child {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .name {
	font-size: 1rem;
	line-height: 1.375;
	margin-top: 1.25rem;
	margin-bottom: 0.9375rem;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .name a {
	color: #141E3C;
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.5625rem !important;
}
html[data-whatintent="mouse"] .paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .name a {
	transition: all 0.1s;
}
html[data-whatintent="mouse"] .paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .name a:hover {
	text-decoration: underline;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .title-org, .paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .email-phone {
	font-size: 1rem;
	line-height: 1.625;
	color: #4A4A4A;
	font-style: normal;
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 400;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .title-org {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.9375rem;
	margin-left: 0;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .email-phone .email a {
	text-decoration: none;
	color: #4A4A4A;
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 400;
}
html[data-whatintent="mouse"] .paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .email-phone .email a {
	transition: all 0.1s;
}
html[data-whatintent="mouse"] .paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .email-phone .email a:hover {
	text-decoration: underline;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .email-phone .phone::before {
	content: '\2022';
	padding-right: 0.625rem;
	padding-left: 0.625rem;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner {
	border: none;
	width: 100%;
}
.media-contacts, .paragraphs-item-media-contacts .content .media-contacts {
	background: none !important;
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
}
.media-contacts-inner, .article-information-inner {
	float: left;
	width: 46%;
}
.article-information-inner h3 {
	margin-bottom: 20px;
}
.name, .title-org, .media-contacts-inner h3, .article-information-inner h3 {
/*font-size: 10pt !important;
        color: #232d4b !important;*/
}
.media-contacts-inner a {
/*color: #232d4b !important;*/
}
.media-contacts-inner {
	margin-left: 20px;
	padding-top: 0 !important;
	background-image: none !important;
	padding-right: 20px !important;
}
.media-contacts-inner h3 {
/*margin-top: 0 !important;*/
}
.media-contacts a::after, .date-authors .print a::after, .date-authors a::after, .content.print a::after, .content .text-container .meta-share .article-meta .authors .author.list a {
	content: "";
}
.media-contacts-inner .phone, span.phone, .email-phone span.phone, span.email a {
/*font-size: 10pt !important;*/
}
.article-information-inner h3 {
	color: #232D4B !important;
}
.media-contacts {
	background-image: linear-gradient(to right, #232D4B 2px, rgba(255,255,255,0) 0%);
	background-position: left top;
	background-size: 12px 2px;
	background-repeat: repeat-x;
	padding-top: 40px;
}
.media-contacts-inner .phone {
	display: block;
	float: right;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .email-phone .phone::before {
	content: " ";
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .email-phone .phone::before {
	padding-left: 0;
	padding-right: 0;
}
.media-contacts p.email-phone span.phone:before {
	color: #EB5F0C!important;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
.media-contacts p.title-org, .media-contacts p.email-phone, .date-authors span.date, .date-authors ul li.author {
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 500;
}
.media-contacts::after {
	display: block;
	clear: both;
	content: "";
}
/*
@media screen and (min-width: 580px) {
.media-contacts {
	padding: 0 10px 0 60px;
}
}*/
.media-contacts .media-contacts-inner {
	padding-top: 40px;
	background-image: linear-gradient(to right, #232D4B 2px, rgba(255,255,255,0) 0%);
	background-position: left top;
	background-size: 12px 2px;
	background-repeat: repeat-x;
}
.no-cssgradients .media-contacts .media-contacts-inner {
	border-top: 2px dotted #232D4B;
}
.media-contacts h3 {
	text-transform: uppercase;
	color: #EB5F0C;
	font-size: 14px;
	margin-bottom: 10px;
}
.media-contacts .contact {
	margin-bottom: 28px;
}

/*@media screen and (min-width: 580px) {
.media-contacts .contact {
	width: auto;
	margin-bottom: 38px;
}
}*/
.media-contacts .contact:nth-child(odd) {
	margin-right: 0;
}
.media-contacts .contact:nth-child(even) {
	clear: both;
}
.media-contacts p {
	margin: 0;
	line-height: 1;
}
.media-contacts p.name {
	font-size: 24px;
	color: #232D4B;
	margin-bottom: 4px;
}
.media-contacts p.name a {
	text-decoration: none;
}
.media-contacts p.title-org {
	margin-bottom: 14px;
	font-style: italic;
	color: #a4a4a4;
	font-size: 16px;
	line-height: 1;
}
.media-contacts p.title-org span {
	display: block;
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 400;
}
.media-contacts p.email-phone {
	font-style: italic;
	color: #232D4B;
	font-size: 18px;
	width: fit-content;
}
.media-contacts p.email-phone span.phone:before {
	content: '\2022 \0020';
	color: #EB5F0C;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
.media-contacts p.email-phone span.phone:before {
	color: #EB5F0C!important;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
.article-information-inner {
	display: none !important;
}
.no-cssgradients .media-contacts .media-contacts-inner {
	border-top: 2px dotted #232D4B
}
.media-contacts .media-contacts-inner {
	background-image: linear-gradient(to right, #232D4B 2px, rgba(255,255,255,0) 0%);
	background-position: left top;
	background-size: 12px 2px;
	background-repeat: repeat-x
}
.media-contacts p.email-phone span.phone:before {
	content: '\2022 \0020';
	color: #EB5F0C;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
.paragraphs-item-media-contacts .content .media-contacts .media-contacts-inner .contact .email-phone .phone::before {
	content: '\2022';
	padding-right: 0.625rem;
	padding-left: 0.625rem;
}
div.image-text p, p.caption {
	padding-top: 0px !important;
}

/You may also like /

.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story .text-container .title, {
    font-family: "franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
}

.paragraphs-item-you-may-also-like .field--name-field-title h2,.latest-stories .field--name-field-html-title,.view-video-section-grid .paragraphs-item-video-section-grid .content .video-grid-item .field--name-field-title .field-item {
    font-family: "bodoni-urw",sans-serif;
    font-style: italic;
    font-weight: 900;
}


.paragraphs-item-you-may-also-like {
    background-color: #F1F1F1;
    padding-top: 2.1875rem;
    padding-right: 19.25rem;
    padding-bottom: 1.5625rem;
    padding-left: 19.25rem;
}

/*
@media screen and (min-width: 580px) {
    .paragraphs-item-you-may-also-like {
        padding-top:3.125rem;
        padding-right: 4.16667%;
        padding-bottom: 3.4375rem;
        padding-left: 4.16667%;
    }
}

@media screen and (min-width: 960px) {
    .paragraphs-item-you-may-also-like {
        padding-top:4.6875rem;
        padding-right: 10.41667%;
        padding-bottom: 4.6875rem;
        padding-left: 10.41667%;
    }
}*/

.paragraphs-item-you-may-also-like .field--name-field-title h2 {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.9375rem;
    color: #141E3C;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.paragraphs-item-you-may-also-like .content {
    max-width: 1800px;
    margin: 0 auto;
}

/*@media screen and (min-width: 580px) {
    .paragraphs-item-you-may-also-like .content .you-may-also-like .stories {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
*/
.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story {
    margin-bottom: 1.5625rem;
}

/*@media screen and (min-width: 580px) {
    .paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story {
        width:31.81818%;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
}

@media screen and (min-width: 960px) {
    .paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story {
        width:31.57895%;
    }
}*/

.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story .text-container .title {
    font-size: 1rem;
    line-height: 1.375;
    margin-top: 0.9375rem;
    color: #141E3C;
    font-family: "franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
    background: none;
    height: auto;
    position: inherit;
}

.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story .text-container .title a {
    color: #141E3C;
    text-decoration: none;
}

section.media-contact {
    width: 54%;
    margin: 0 auto;
}

.header-right,
.header-left {
   display: inline-block;
    width: 50%;
   /*  max-width:38vw; */
    background-color: transparent !important;
    vertical-align: middle;
	float:left;
}

.header-left
{
	margin: 0 auto;
}
.header-left .neighborly-title
{
	/*width:80%;*/
}

.header-left img.mobile
{
	display: none;
}


.header-left img
{
	margin: 0 auto;
	width: 100%;
}

.tile-svg.dna.green-city
{
	background-image: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/green-2-Background.png);
}


img.green-city-Flower1 {
	    width: 4%;
    top: 61%;
    left: 56%;
	position: absolute;
	animation-name: greenCityFlower1;
   animation-duration: 7s;
   /*animation-direction: alternate-reverse;*/
   animation-iteration-count: infinite;
}

img.green-city-Flower2 {
	 width: 4%;
    top: 37%;
    left: 55%;
	position: absolute;
	animation-name: greenCityFlower2;
   animation-duration: 9s;
   /*animation-direction: alternate-reverse;*/
   animation-iteration-count: infinite;
}
img.green-city-Flower3 {
	    width: 4.5%;
    top: 38%;
    left: 39%;
	position: absolute;
	animation-name: greenCityFlower3;
   animation-duration: 13s;
   /*animation-direction: alternate-reverse; */
   animation-iteration-count: infinite;
}
img.green-city-Flower4 {
	    width: 3%;
    top: 32%;
    left: 86%;
	position: absolute;
	animation-name: greenCityFlower4;
   animation-duration: 10s;
   /*animation-direction: alternate-reverse;     */
   animation-iteration-count: infinite;
}
img.green-city-Flower5 {
	width: 7%;
    bottom: 27%;
    left: 79%;
	position: absolute;
	animation-name: greenCityFlower5;
   animation-duration: 11.5s;
   /*animation-direction: alternate-reverse;*/
   animation-iteration-count: infinite;
}

@keyframes greenCityFlower1 {
  from   { width: 0;}
  to { width: 6%;}
}
@keyframes greenCityFlower2 {
  from   { width: 0;}
  to { width: 4%;}
}
@keyframes greenCityFlower3 {
  from   { width: 0;}
  to { width: 4.5%;}
}
@keyframes greenCityFlower4 {
  from   { width: 0;}
  to { width: 4%;}
}
@keyframes greenCityFlower5 {
  from   { width: 0;}
  to { width: 7%;}
}

@keyframes blueCityBoat1 {
  from   { left:26.0870%; bottom:51%;}
  to { left:30.4348%; bottom:51%;}
}

img#blue-city-background
{
	position: absolute;
    /*width: 50vw;*/
}
img#blue-city-Boat1 {
    /*width: 86px;*/
    width: 13%;
    /*bottom: 62vh;*/
   /* bottom: 30%;*/
   bottom: 52%;
    position: absolute;
    left: 60.8696%;
    animation-name: blueCityBoat1;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

@keyframes blueCityBoat2 {
  from   { left:43.4783%; bottom:51%;}
  to { left:47.8261%; bottom: 51%;}
}

img#blue-city-Boat2 {
    width: 13%;
    position: absolute;
    bottom: 62.6vh;
    left: 108.6957%;
    animation-name: blueCityBoat2;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}


img.blue-city-3 {
	z-index: 99;
    position: absolute;
    width: 93.0435%;
    left:3.4783%;
    bottom: 0;
}


.tile-svg.clock.scensory
{
	background-image: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/Scensory-Background.png);
}


img#scensory-city-Bird1 {
    /*width: 51px;*/
    width: 6%;
    top: 15%;
    position: absolute;
    left: 63%;
    animation-name: scensoryCityBird1;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}
img#scensory-city-Bird2 {
    /*width: 101px;*/
    width: 13%;
    top: 266px;
    position: absolute;
    left: 178px;
    animation-name: scensoryCityBird2;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}
img#scensory-city-Bird3 {
    /*width: 55px;*/
    width: 8%;
    top: 10%;
    position: absolute;
    left: 71%;
    animation-name: scensoryCityBird3;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}
img#scensory-city-Bird4 {
    /*width: 85px;*/
    width: 10%;
    top: 360px;
    position: absolute;
    left: 451px;
    animation-name: scensoryCityBird4;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}
img#scensory-city-Bird5 {
	/*width: 72px;*/
	width: 7%;
    top: 19%;
    position: absolute;
    left: 12%;
    animation-name: scensoryCityBird5;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

img#scensory-city-Bird6 {
    /*width: 50px;*/
    width:6.3%;
    top: 21%;
    position: absolute;
    left: 41%;
    animation-name: scensoryCityBird6;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

img#scensory-city-Bird7 {
    /*width: 60px;*/
    width: 6.4%;
        top: 70%;
    position: absolute;
    left: 19%;
    animation-name: scensoryCityBird7;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}


@keyframes scensoryCityBird2 {
  from   { left:21.7391%; top:38%;}
  to { left:30.4348%; top: 45%;}
}
@keyframes scensoryCityBird4 {
  from   { left:69.5652%; top:40%;}
  to { left:56.5217%; top: 53%;}
}


.tile-svg.targets.neighbor
{
	background-image: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/neighbor-Background.png);
}

img#neighbor-city-Bike {
        /*width: 90px;*/
    width: 15%;
    bottom: 13%;
    position: absolute;
    left:26.0870%;
    animation-name: neighborCityBike;
   animation-duration: 2s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}
@keyframes  neighborCityBike{
  from   { left:26.0870%; bottom: 13%;}
  to { left:31.3043%;  bottom: 13%;}
}


img#neighbor-city-Wheel1 {
    /*width: 50px;*/
    width: 8%;
    bottom: 12.4vh;
    position: absolute;
    left:45.2174%; 
    animation-name: neighborCityWheel1;
   animation-duration: 2s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

@keyframes  neighborCityWheel1{
  from   { left:22.6087%; bottom: 12.1%;transform:rotate(-15deg)}
  to { left:27.8261%;  bottom: 12.1%;transform:rotate(15deg)}
}
img#neighbor-city-Wheel2 {
    /*width: 50px;*/
    width: 8%;
    bottom:	12.4vh;
    position: absolute;
    left:73.9130%;
    animation-name: neighborCityWheel2;
   animation-duration: 2s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

@keyframes  neighborCityWheel2{
  from   { left:36.9565%;  bottom: 12.4%;transform:rotate(-15deg)}
  to { left:42.1739%; bottom: 12.4%;transform:rotate(15deg)}
}


.tile-svg.active-city
{
	background-image: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/active-Background.png);
}

img#active-city-skate {
    /*width: 50px;*/
    width: 7%;
    bottom: 44vh;
    position: absolute;
    left: 95.6522%;
    animation-name: activeCityskate2;
   animation-duration: 5s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

@keyframes  activeCityskate2{
  from   { left:39.1304%; bottom:38%;}
  to { left:52.1739%; bottom: 38%; }
}


.tile-svg.playable
{
	background-image: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/playable-Background.png);
}

img#playable-city-ferris-wheel {
    /*width: 216px;*/
    width: 23%;
    top: 12.8%;
    position: absolute;
    left: 38%;

    animation-name: playableCityFerrisWheel;
   animation-duration: 30s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

@keyframes  playableCityFerrisWheel{
  from   { transform:rotate(0deg)}
  to { transform:rotate(360deg)}
}

img#playable-city-stand {
    /*width: 116px;*/
    width: 13%;
   top: 23.5%;
    position: absolute;
    left: 43.4783%;
}


.tile-svg.inclusive
{
	background-image: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/inclusive-2-Background.png);
}


.tile-svg.blue-city,
.tile-svg.dna.green-city,
.tile-svg.clock.scensory,
.tile-svg.targets.neighbor,
.tile-svg.active-city,
.tile-svg.playable,
.tile-svg.inclusive
{
	background-size: 100%;
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	height: 0;
	padding-bottom: 104.3478%;
}

.tile-svg.blue-city
{
	/*background-image: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/blue-city-Background.png);*/
	padding-bottom: 107.8261%;
}

img#inclusive-city-blue-hair {
    /*width: 13px;*/
    width:1.8%;
    top: 21.8%;
    position: absolute;
    left: 79.1304%;
    animation-name: InclusiveCityBlueHair;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

img#inclusive-city-clouds {
    /*width: 30px;*/
   /* width: 2.8%;
    top: 58.1%;*/
    position: absolute;
    width: 83%;
    top: 4%;
    left: 17.3913%;
    /*left: 38.38vw;*/
    animation-name: InclusiveCityYellowHair;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}
@keyframes  InclusiveCityYellowHair{
	from   { left: 8.6957%;}
  to { left: 15.2174%;}
}
/*@keyframes  InclusiveCityYellowHair{
  0% { 
		transform: rotate(0deg) translate(0px);
	}
	50% { 
		transform: rotate(-20deg) translate(0px);
	}
	100% { 
		transform: rotate(0deg) translate(0px);
	}
}*/

.header-animation{position:relative;max-width:800px; margin: 0 auto;}
.header-animation img
{
	width: 100%;
	/*max-width:800px;*/
	margin: 0 auto;
}

img#blue-balloon {
    width: 7%;
    bottom: 79%;
    position: absolute;
    left: 10.9%;
    animation-name: HeaderBalloon1;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

img#Green-Balloon {
        width: 6%;
    position: absolute;
    bottom: 44%;
    left: 64.6%;
    animation-name: HeaderBalloon2;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

img#Pink-Balloon {
        position: absolute;
    width: 7%;
    bottom: 65%;
    left: 80%;
    animation-name: HeaderBalloon3;
   animation-duration: 4s;
   animation-direction: alternate-reverse;
   animation-iteration-count: infinite;
}

@keyframes  HeaderBalloon1{
  from   { left:10.9%; bottom: 79%;}
  to { left: 10.9%; bottom: 89%;}
}

@keyframes  HeaderBalloon2{
  from   { left: 64.6%; bottom: 44%;}
  to { left: 64.6%; bottom: 48%;}
}

@keyframes  HeaderBalloon3{
  from   { bottom: 65%;
    left: 80%;}
  to { bottom: 60%;
    left: 80%;}
}



#pause-Blue,
#play-Blue,
#pause-Green,
#play-Green,
#pause-Scensory,
#play-Scensory,
#pause-Neighbor,
#play-Neighbor,
#pause-active,
#play-active,
#pause-playable,
#play-playable,
#pause-inclusive,
#play-inclusive,
#play-Header,
#pause-Header

{
	position: absolute;
    bottom: 0;
    left: 8.6957%;
    z-index: 100;
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
}

#play-Header,
#pause-Header
{
	background-color: transparent;
	bottom: -6px;
    left: 0vw;
}

.pause-button
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/outline_pause_black_24dp.png);
    background-size: 100%;
    position: relative;
    bottom: -626px;
    z-index: 100;
    left: 52px;
    font-size: 1.5rem;
    width: 41px;
    height: 4.5%;
    background-repeat: no-repeat;
    background-color: white;
    border: none;
}
.play-button
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/outline_play_arrow_black_24dp.png);
    background-size: 100%;
    position: relative;
    bottom: -626px;
    z-index: 100;
    left: 52px;
    font-size: 1.5rem;
    width: 41px;
    height: 4.5%;
    background-repeat: no-repeat;
    background-color: white;
    border: none;
    display:none;
}

#play-Blue,
#play-Green,
#play-Scensory,
#play-Neighbor,
#play-active,
#play-playable,
#play-inclusive
{
	display:none;
}

#footer-social-icons{list-style-type: none;}
#footer-social-icons li {
    display: inline-block;
    /*width: 50px;
    height: 30px !important;
    margin: 0 auto;
    text-align: center;*/
    height: 30px;
    width: 80px;
    margin: 0 auto;
    text-align: center;
}
#footer-social-icons li.facebook{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/facebook.png) no-repeat;
	background-size: contain;
}
#footer-social-icons li.twitter{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/twitter.png) no-repeat;
	background-size: contain;
}
#footer-social-icons li.instagram{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/instagram.png) no-repeat;
	background-size: contain;
}
#footer-social-icons li.youtube{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/youtube.png) no-repeat;
	background-size: contain;
}
#footer-social-icons li.facebook:hover{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/facebook-orange.png) no-repeat;
	background-size: contain;
}
#footer-social-icons li.twitter:hover{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/twitter-orange.png) no-repeat;
	background-size: contain;
}
#footer-social-icons li.instagram:hover{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/instagram-orange.png) no-repeat;
	background-size: contain;
}
#footer-social-icons li.youtube:hover{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/youtube-orange.png) no-repeat;
	background-size: contain;
}
#footer-social-icons img {
    height: 30px;
    width: auto;
    margin: 0 auto;
    text-align: center;
}
/*section.section-title,*/
section.section-title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 1200px;
    }
.section-title-frame {overflow:hidden;width:100%;}
.container.clearfix
{
	width: 50vw;
	margin: 4rem auto 0 auto;
	clear:both;
}
strong, .date {color: #232D4B;}
/*.author-information{letter-spacing: 0.3rem}*/
.counter-line {
    /*margin-top: 20vh;
    margin-bottom: 8vh;*/
    margin-top: 3vh;
    margin-bottom: 15vh;
    position:relative;
}

#green{position: relative}
.counter-line span
{
	position: relative;
    width: 4vw;
    height: 4vw;
    max-height: 89.45px;
    max-width:  89.45px;
	border-radius: 50%;
	background: #d0d5df;
	display: table-cell;
	vertical-align: middle;
	font-family:bodoni-urw, serif;
	font-weight: 800;
	font-style: italic;
    color: #FFF;
}

.counter-line span.activated
{
	background: #232d4b;
}

.counter-line span.activated a
{
	color: #ffffff;
}

.counter-line a
{	
	position: absolute;
    color: transparent;
    top: -16%;
    height: 100%;
    width: 100%;
    left: 16%;
    border-radius: 50%;
    transform: translate(-16%);
    text-align: center;
}
.counter-line span:hover a
{
	text-decoration: none;
}

.counter-line span.green:hover,
.counter-line span.blue:hover,
.counter-line span.sensory:hover,
.counter-line span.neighbor:hover,
.counter-line span.active:hover,
.counter-line span.playable:hover,
.counter-line span.inclusive:hover
{
	background-color: #93a5ca;

}

.counter-line span.green:hover a,
.counter-line span.blue:hover a,
.counter-line span.sensory:hover a,
.counter-line span.neighbor:hover a,
.counter-line span.active:hover a,
.counter-line span.playable:hover a,
.counter-line span.inclusive:hover a
{
	color: #ffffff;
}

.counter-line span.green
{
	left: 0vw;
}
.counter-line span.blue
{
	left: 4.5vw;
}

.counter-line span.sensory
{
	left: 9vw;
}

.counter-line span.neighbor
{
	left: 13.5vw;
}
.counter-line span.active
{
	left: 18vw;
}
.counter-line span.playable
{
	left: 22.8vw;
}
.counter-line span.inclusive
{
	/*left: 21vw;*/
	left: 27.42vw;
}

.green-counter{
	width: 49.89vw;
	background: #0D255D;
	height: 5px;
    top: 51%;
    position: absolute;
    z-index: -2;
}


.header-image
{
	margin: -8vh auto;
    background: transparent;
    z-index: -1;
    position: relative;
}
.share-wrapper button span {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    white-space: nowrap;
}
.share-wrapper{position:relative;text-align: center}
.share-wrapper button.st-custom-button
{
	width: 1.875rem;
	background: transparent;
	border: none;
}
.share-wrapper button svg{
	position: absolute;
    top: 50%;
    /*left: 50%;*/
    transform: translate(-50%,-50%);
    display: block;
    width: auto;
    height: 1.1875rem;
    fill: #141E3C;
    transition: fill 0.3s ease-in-out;
}
.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story {
    width: 31.57895%;
    float: left;
    margin: 0 10px;
}

.container-pre-footer .l-region--pre-footer {
    padding-top: 3.375rem;
    padding-right: 4.16667%;
    padding-left: 4.16667%;
}

.container-pre-footer {
    background-color: #141E3C !important;
    border-top: 8px solid #EB5F0C;
    clear: both;
}

.container-footer {
    background-color: #141E3C !important;
}

.container-footer .l-region--footer {
    /*padding-top: 1.25rem;*/
    padding-right: 0;
    /*padding-bottom: 3.125rem;*/
    padding-left: 0;
}
.container-footer .l-region--footer #block-uva-today-blocks-uva-today-copyright {
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}
.contextual-links-region {
    outline: none;
    position: relative;
}
.container-pre-footer .l-region--pre-footer .block--menu-menu-uva-today-footer h2 {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    white-space: nowrap;
}
.container-pre-footer .l-region--pre-footer .block--menu-menu-uva-today-footer .menu {
    padding: 0;
    margin-top: 2.5rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: center;
}
.container-pre-footer .l-region--pre-footer .block--menu-menu-uva-today-footer .menu .leaf {
    list-style: none;
    display: inline-block;
    margin-right: 1.25rem;
    margin-bottom: 0.1875rem;
}

.container-pre-footer .l-region--pre-footer #uva_today_logo {
    background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/logo-uva-horizontal.svg) no-repeat center center/100%;
    width: 25%;
    height: 2.8125rem;
    margin: 0;
}

#block-uva-today-blocks-uva-today-footer 
{
	border: none !important;
}

.container-pre-footer .l-region--pre-footer #uva_today_social_links ul#aetni-social li a svg {
    height: 19px;
    fill: #FFFFFF;
}
html[data-whatintent="mouse"] .container-pre-footer .l-region--pre-footer #uva_today_social_links ul#aetni-social li a {
    transition: all 0.1s;
}

a#uva_today_logo_print{display:none;}

/*.paragraphs-item-daily-report {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
}
.paragraphs-item-daily-report .daily-report-inner {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #FFFFFF;
    padding-top: 0.9375rem;
    padding-right: 1.25rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.25rem;
    height: 19vh;
}*/
section.subscribe-form {
    clear: both !important;
    width: 66vw;
    max-width:1400px;
    margin: 3rem auto 1rem auto;
    padding-top: 2.9375rem;
    padding-right: 3.25rem;
    padding-bottom: 2.9375rem;
    padding-left: 3.25rem;
    background: #293355;
}


.subscribe-text {
    float: left;
    width: 59%;
    text-align: left;
    color: #ffffff;
}

.subscribe-text h3
{
	font-family: "bodoni-urw",sans-serif;
    font-style: italic;
    font-weight: 900;
    font-size: 1.875rem;
    line-height: 1.0667;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom:0;
}

.subscribe-text p
{
	font-family: "franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.6667;
}
.subscribe-button {
    float: left;
    width: 41%;
    text-align: center;
    position: relative;
    transform: translate(0, 15%);
}

.subscribe-button {text-align:right;}
a.subscribe {
	padding:10px 0 10px 6%;
    width: 13.5vw;
   /* position: absolute;
    bottom: 4vh;
    left: 50%;*/
    /*transform: translate(-37%, 0px);*/
    /*background: #EB5F0C;*/
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    font-style: normal;
    font-weight: 700;
    /*padding: 10px 6%;*/
    margin-top: 22px;
    width: 100%;
    margin-bottom: 22px;
}

a.subscribe:hover button
{
	color: #EB5F0C;
	background: #ffffff;
}

a.subscribe button
{
	background: #EB5F0C;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    font-style: normal;
    font-weight: 700;
    padding: 10px 6%;
    margin-top: 6vh;
    width: 50%;
    margin-bottom: 22px;
}
/*.paragraphs-item-daily-report .overlay {
    position: absolute;
    width: 100%;
    height: 19vh;
    top: 0;
    left: 0;
    background-color: #141E3C;
    opacity: 0.8;
    z-index: 0;
}*/
.subscribe-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 6.81818%;
    padding-left: 6.81818%;
}
/*.entity.entity-paragraphs-item.paragraphs-item-words-series.clearfix.paragraphs-item-daily-report
{
	width: 66vw;
	margin: 3rem auto 1rem auto;
}
.paragraphs-item-daily-report .content {
    position: relative;
}*/

.paragraphs-item-daily-report .group-text-container {
    text-align: left;
    width: 31.57895%;
}
.paragraphs-item-daily-report .group-text-container .field--name-field-title {
    font-size: 1.875rem;
    line-height: 1.0667;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.paragraphs-item-daily-report .group-text-container .field--name-field-social-promo-subtitle {
    display: none;
}
.paragraphs-item-daily-report .group-text-container .field--name-field-social-promo-subtitle {
    display: block;
    font-size: 0.9375rem;
    line-height: 1.6667;
    margin-top: 0.625rem;
}
.paragraphs-item-daily-report .field--name-field-daily-report-block {
    width: 60.52632%;
}
.contextual-links-region {
    outline: none;
    position: relative;
}

html[data-whatintent="mouse"] .paragraphs-item-daily-report .field--name-field-daily-report-block .block--webform .webform-client-form .form-actions input {
    transition: all 0.1s;
}
.paragraphs-item-daily-report .field--name-field-daily-report-block .block--webform .webform-client-form .form-actions {
    width: 40%;
    margin-bottom: 50px;
}
html[data-whatintent="mouse"] .paragraphs-item-daily-report .field--name-field-daily-report-block .block--webform .webform-client-form .form-actions input:hover {
    background-color: #FFFFFF;
    color: #EB5F0C;
}
paragraphs-item-daily-report .field--name-field-daily-report-block .block--webform .webform-client-form .webform-component.webform-component-email {
    width: 100%;
}
.paragraphs-item-daily-report .field--name-field-daily-report-block .block--webform .webform-client-form .webform-component.webform-component-textfield {
    width: 49.13043%;
    margin: 20px 0;
}
.paragraphs-item-daily-report .field--name-field-daily-report-block .block--webform .webform-client-form .webform-component label {
    display: block;
    margin-bottom: 0.3125rem;
    font-size: 0.875rem;
    line-height: 1.1429;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #FFFFFF;
}
.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
}
.daily-report-inner{background: url(https://news.virginia.edu/sites/default/files/styles/uva_large/public/urd_background.jpg?itok=IY3wwW7k);}
.paragraphs-item-daily-report .field--name-field-daily-report-block .block--webform .webform-client-form .webform-component .form-text {
    height: 3.125rem;
    width: 100%;
    background-color: #FFFFFF;
    border: none;
    padding-left: 0.9375rem;
}
.paragraphs-item-daily-report .form-required {
    color: #FFFFFF;
}
form.webform-client-form input {
    color: #8c9a9a;
    font-style: italic;
    padding: 10px 3%;
    width: 100%;
}
.paragraphs-item-daily-report .field--name-field-daily-report-block .block--webform .webform-client-form .form-actions input {
    font-family: "franklin-gothic-urw",sans-serif;
    font-weight: 900;
    font-size: 1.125rem;
    line-height: 0.8889;
    letter-spacing: 1.12px;
    position: relative;
    background-color: #EB5F0C;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 2.75rem;
    line-height: 1;
    padding-top: 0.625rem;
    padding-right: 1.875rem;
    padding-bottom: 0.625rem;
    padding-left: 1.875rem;
    transition: background-color 0.3s ease-in-out;
    border: none;
    width: 100%;
    margin-top: 0.3125rem;
}
.paragraphs-item-daily-report .field--name-field-daily-report-block .block--webform .webform-client-form .form-actions input {
    max-width: 240px;
    width: 100%;
}

/*
div#green-counter
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/1Cities.jpg) no-repeat;
    background-size: 50.3vw;
    width: 100vw;
    height: 203px;
}

#green .blue:hover + div#green-counter
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/2Hover.jpg) no-repeat;
    background-size: 50.3vw;
    width: 100vw;
    height: 203px;
}
#green .green:hover + div#green-counter
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/1Hover.jpg) no-repeat;
    background-size: 50.3vw;
    width: 100vw;
    height: 203px;
}
#green .sensory:hover + div#green-counter
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/3Hover.jpg) no-repeat;
    background-size: 50.3vw;
    width: 100vw;
    height: 203px;
}
#green .neighbor:hover + div#green-counter
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/4Hover.jpg) no-repeat;
    background-size: 50.3vw;
    width: 100vw;
    height: 203px;
}

#green .active:hover + div#green-counter
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/5Hover.jpg) no-repeat;
    background-size: 50.3vw;
    width: 100vw;
    height: 203px;
}

#green .playable:hover + div#green-counter
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/6Hover.jpg) no-repeat;
    background-size: 50.3vw;
    width: 100vw;
    height: 203px;
}

#green .inclusive:hover + div#green-counter
{
	background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/7Hover.jpg) no-repeat;
    background-size: 50.3vw;
    width: 100vw;
    height: 203px;
}*/

@media screen and (max-width: 1755px)
{
	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 30.57895%;
	}
}
@media screen and (max-width: 1603px)
{
	h2
	{
		width: 51vw;
	}
}

@media screen and (max-width: 1457px)
{
	h2
	{
		width: 56vw;
	}
}
@media screen and (max-width: 1341px)
{
	/*img.green-city-Clouds3 
	{
	    width: 73px;
    }
    img.green-city-Clouds2 {
	    width: 140px;
	}
	img.green-city-Clouds1 {
	    width: 68px;
	}*/

	/*@keyframes blueCityBoat1 {
	  from   { left:14vw; bottom:62vh;}
	  to { left:14.3vw; bottom:62vh;}
	}
	@keyframes blueCityBoat2 {
	  from   { left:25vw; bottom:62.6vh;}
	  to { left:25.4vw; bottom: 62.6vh;}
	}*/

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 29.57895%;
	}
}
@media screen and (max-width: 1393px)
{
	.entity.entity-paragraphs-item.paragraphs-item-words-series.clearfix.paragraphs-item-daily-report {
	    width: 86vw;
	}
}

@media screen and (max-width: 1343px)
{
	.subscribe-button{margin-bottom:-0vh;}
}

@media screen and (max-width: 1300px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		/*width: 31.5%;*/
	}

	.paragraphs-item-you-may-also-like {
	    background-color: #F1F1F1;
	    padding-top: 2.1875rem;
	    padding-right: 11.25rem;
	    padding-bottom: 1.5625rem;
	    padding-left: 11.25rem;
	}
}
@media screen and (max-width: 1294px)
{
	h2
	{
		width:62vw;
	}
}
@media screen and (max-width: 1246px)
{
	a.subscribe button {
	    background: #EB5F0C;
	    color: #ffffff;
	    text-transform: uppercase;
	    border: none;
	    font-style: normal;
	    font-weight: 700;
	    padding: 10px 6%;
	    margin-top: 6vh;
	    width: 20vw;
	    margin-bottom: -6vh;
	}

}
@media screen and (max-width: 1185px)
{
	.illustrations{ display:block; }
}
@media screen and (max-width: 1174px)
{

	h2
	{
		width: 70vw;
	}
}

@media screen and (max-width: 1134px)
{
	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story {
	    width: 30.4%;
	}
}
@media screen and (max-width: 1130px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		/*width: 31.4%;*/
	}
}

@media screen and (max-width: 1074px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		/*width: 31.3%;*/
	}
	h2
	{
		width: 70vw;
	}
}

@media screen and (max-width: 1069px)
{
	.subscribe-button {
		width: 37%;
	}
	.subscribe-text
	{
		width: 58%;
	}

	a.subscribe {
	    width: 21.5vw;
    /* display: table-cell; */
    /* vertical-align: bottom; */
    position: absolute;
    /* bottom: -183px; */
    left: 37%;
    transform: translate(-15%, 0px);
	}
	.subscribe-button {
	    margin-bottom: -5vh;
	}
	a.subscribe button {
	    background: #EB5F0C;
	    color: #ffffff;
	    text-transform: uppercase;
	    border: none;
	    font-style: normal;
	    font-weight: 700;
	    padding: 10px 6%;
	    margin-top: 3vh;
	    width: 20vw;
	     margin-bottom: 0vh; 
	}
	.paragraphs-item-daily-report .daily-report-inner{height:19vh;}
}
@media screen and (max-width: 1044px)
{
	.paragraphs-item-you-may-also-like {
	    background-color: #F1F1F1;
	    padding-top: 2.1875rem;
	    padding-right: 5.25rem;
	    padding-bottom: 1.5625rem;
	    padding-left: 5.25rem;
	}
}
@media screen and (max-width: 1024px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 31.2%;
	}

	.paragraphs-item-you-may-also-like {
	    background-color: #F1F1F1;
	    padding-top: 2.1875rem;
	    padding-right: 0.25rem;
	    padding-bottom: 1.5625rem;
	    padding-left: 3.25rem;
	}
	.subscribe-button {
	    width: 37%;
	    margin-bottom: -4vh;
	}
}


@media screen and (max-width: 1018px)
{
	.paragraphs-item-daily-report .daily-report-inner
	{height: 21vh;}
}
@media screen and (max-width: 1010px)
{
	.tile-svg.blue-city
	{
		
		height: 54vw;
		min-height: unset
	}
}

@media screen and (max-width: 1002px)
{
	.subscribe-button{margin-bottom:-18vh;}
}

@media screen and (max-width: 993px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 29.2%;
	}
}

@media screen and (max-width: 977px)
{

	.paragraphs-item-daily-report .daily-report-inner {
	    height: 30vh;
	}
}

@media screen and (max-width: 960px)
{
	.container.clearfix
	{
    	width: 75vw;
	    margin: 0 auto;
	}
	section.media-contact
	{
		width: 80vw;
		margin: 0 auto;
	}
	
	h2
	{
		width: 60vw;
	}

	.header-image
	{
		margin: -5vh auto;
	}
	.container-pre-footer .l-region--pre-footer #uva_today_logo {
	    margin-right: auto;
	    margin-bottom: 2.5rem;
	    margin-left: auto;
	    display: block;
	    background: url(/themes/custom/cohesion-theme/html_template/common/img/Restorative/logo-uva-stacked-white.svg) no-repeat center center/100%;
	    width: 12.5rem;
	    height: 3.0625rem;
	    overflow: hidden;
	    text-indent: 101%;
	    white-space: nowrap;
	}
	h2
	{width: 86vw;}

	#footer-social-icons{
		/*margin-right: 35px;*/
		text-align:center;
		margin: 0 auto;

	}
	.entity.entity-paragraphs-item.paragraphs-item-words-series.clearfix.paragraphs-item-daily-report
	{
		width: 100%;
		margin: auto;
	}

	.share-wrapper button svg{height: 1.8rem;}
	.share-wrapper button.st-custom-button{width:4.875rem;}
	.share-wrapper{padding-left: 3rem;}

	.container.clearfix,
	.counter-line
	{
		margin-top: 2rem;
	}

	.counter-line
	{
		margin-bottom: 2rem;
	}
	.daily-report-inner iframe{
		height: 52vh;
	}

	.paragraphs-item-daily-report .daily-report-inner{margin: 2rem auto 1rem auto;}

.tile-svg.blue-city, .tile-svg.dna.green-city, .tile-svg.clock.scensory, .tile-svg.targets.neighbor, .tile-svg.active-city, .tile-svg.playable, .tile-svg.inclusive
	{
		height:103.14vw !important;
	}
img.green-city-Flower1 {
	
	    top: 61%;
	    left: 58%;
		
	}

	img.green-city-Flower2 {
		
	    top: 38%;
	    left: 56%;
		
	}
	img.green-city-Flower3 {
		  
	    top: 39%;
	    left: 39%;
		
	}
	img.green-city-Flower4 {
	    top: 32%;
	    left: 86%;
		
	}
	img.green-city-Flower5 {
	    bottom: 27%;
	    left: 79%;
	}
	img#blue-city-background
	{
		width:100vw;
	}
	img#blue-city-background,.tile-svg.blue-city{height: 115vw;}
	img.blue-city-3 {
	    z-index: 99;
	    position: absolute;
	    width: 93vw;
	    left: 3.5vw;
	    bottom: 0;
	}
/*	@keyframes blueCityBoat1 {
	  from   { left:24vw; bottom:53%;}
	  to { left:25vw; bottom:53%;}
	}
	@keyframes blueCityBoat2 {
	  from   { left:46vw; bottom:53%;}
	  to { left:47vw; bottom: 53%;}
	}
	@keyframes scensoryCityBird2 {
	  from   { left:25vw; top:38%;}
	  to { left:27vw; top: 49%;}
	}
	@keyframes scensoryCityBird4 {
	  from   { left:65vw; top:46%;}
	  to { left:54vw; top: 49%;}
	}
	@keyframes  neighborCityBike{
	  from   { left:20vw; bottom: 13%;}
	  to { left:21vw;  bottom: 13%;}
	}
	@keyframes  neighborCityWheel1{
	  from   { left:15.9vw; bottom: 12.7%;transform:rotate(-15deg)}
	  to { left:17.1vw;  bottom: 12.7%;transform:rotate(15deg)}
	}
	@keyframes  neighborCityWheel2{
	  from   { left:29.9vw;  bottom: 12.4%;transform:rotate(-15deg)}
	  to { left:31vw; bottom: 12.4%;transform:rotate(15deg)}
	}

	@keyframes  activeCityskate2{
	  from   { left:45vw; bottom:38%;}
	  to { left:53vw; bottom: 38%; }
	}
	img#playable-city-stand {
	    width: 13%;
	    top: 25.5%;
	    position: absolute;
	    left: 42.3vw;
	}
	@keyframes  playableCityFerrisWheel{
	  from   { left: 37.3vw; top: 15%;transform:rotate(0deg)}
	  to { left: 37.3vw; top: 15%;transform:rotate(360deg)}
	}
	img#inclusive-city-clouds{top:5%;}
	@keyframes  InclusiveCityYellowHair{
		from   { left: 8vw;}
	  	to { left: 7.5vw;}
	}*/

	.header-left img.desktop
	{
		display: none;
	}
	.header-left img.mobile,
	.title-content.mobile, .header-left.mobile
	{
		display: block;
		margin: 0;
		width: 100vw;
	}
	.header-left, .header-right
	{
		width: 100vw;
		display:block;
	}
	.header-right {
	    max-width: none;
	}
	.header-left
	{
		margin: 0;
	}

	section.section-title
	{
		text-align: center;
		/*margin-bottom: 4rem;*/
	}

	.counter-line span {width: 6vw; height: 6vw;}

	.counter-line span.green{left: 0vw;}
	.counter-line span.blue{left: 5.9vw;}
	.counter-line span.sensory{left: 12vw;}
	.counter-line span.neighbor{left: 18.5vw;}
	.counter-line span.active{left: 24vw;}
	.counter-line span.playable{left: 29vw;}
	.counter-line span.inclusive {
	    left: 34vw;
	}
	.green-counter{width: 75vw; height: 2px;}
	.counter-line a{top:-20.5%;font-size: 4.9vw;left:17%;}

	.paragraphs-item-daily-report .overlay {
		/*height: 19vh;*/
	}

	a.subscribe {
	    width: 22.5vw;
	    /*top: 8vh;*/
	    position:static;
	}
	.subscribe-button {
	    margin-bottom: -35vh;
	}
	section.subscribe-form
	{
		width: 86vw;
	}

	.paragraphs-item-daily-report .daily-report-inner{height: 19vh;}

}
.share-wrapper button svg{height: 1.8rem;}
	.share-wrapper button.st-custom-button{width:4.875rem;}
	.share-wrapper{padding-left: 3rem;padding-top: 2rem;}


@media screen and (max-width: 955px)
{
	.subscribe-button {
	    margin-bottom: -44vh;
	}
}
@media screen and (max-width: 935px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		/*width: 31%;*/
	}
}

@media screen and (max-width: 919px)
{
	.paragraphs-item-daily-report .daily-report-inner {
	    height: 19vh;
	}
}



@media screen and (max-width: 876px)
{

	.paragraphs-item-daily-report .daily-report-inner {
	    height: 22vh;
	}
}

@media screen and (max-width: 824px)
{
	.paragraphs-item-daily-report .daily-report-inner {
	    height: 21.5vh;
	}
}

@media screen and (max-width: 823px)
{
	#footer-social-icons
	{
		text-align: center;
	} 

	.paragraphs-item-daily-report .daily-report-inner{
		height: 23.5vh;
	}
}

@media screen and (max-width: 800px)
{

	/*img.green-city-Clouds2 {
	    width: 115px;
	}
	@keyframes greenCityCould2 {
	  from   { left: 16vw;
	    top: 10%;}
	  to { left: 16.4vw;
	    top: 10%;}
	}

	@keyframes greenCityCould1 {
	  from   { left: 4vw;
	    top: 10%;}
	  to { left: 4.4vw;
	    top: 10%;}
	}

	@keyframes greenCityCould3 {
	  from   { left: 32vw;
	    top: 10%;}
	  to { left: 32.4vw;
	    top: 10%;}
	}
*/
	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		/*width: 30.6%;*/
	}
	#footer-social-icons
	{
		text-align: center;
	}
	.paragraphs-item-daily-report .daily-report-inner {
	    height: 23vh;
	}
	section.subscribe-form {
	    clear: both !important;
	    width: 90vw;
	}
}
@media screen and (max-width: 779px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		/*width: 30.5%;*/
	}

	.paragraphs-item-you-may-also-like {
	    background-color: #F1F1F1;
	    padding-top: 2.1875rem;
	    padding-right: 0.25rem;
	    padding-bottom: 1.5625rem;
	    padding-left: 2.25rem;
	}

	.subscribe-text{clear:both;width:100%;}
		.subscribe-button {
	    clear:both;
	    width: 100%; 
	    position: static;
	}

	.paragraphs-item-daily-report .daily-report-inner{
		height: 26.5vh;
	}
	.subscribe-button {
	    clear: both;
	    width: 100%;
	    position: static;
	    margin-top: -28vh;
	    margin-bottom: 7vh;
	      text-align: center;
	}
	a.subscribe button{
		width:50%;
	    margin-top: 26vh;
	    margin-bottom: 8px;

	}
	a.subscribe
	{
		position:static;
		padding: 10px 6%; 
		width:100%;
	}
	section.subscribe-form{width:85vw;}
		.daily-report-inner button{width: 30vw;}
	}
	section.subscribe-form {
	    clear: both !important;
	    width: 89vw;
	    margin: 3rem auto 1rem auto;
	    padding-top: 0.9375rem;
	    padding-right: 3.25rem;
	    padding-bottom: 0.9375rem;
	    padding-left: 3.25rem;
	    background: #293355;
	}

	/*a.subscribe{padding: 10px 6%;}*/

}
@media screen and (max-width: 768px)
{
	h2
	{
		width:97vw;
	}

	.container.clearfix,
	section.media-contact
	{
	    width: 86vw;
	    margin: 0 auto;
	}
	h2
	{
		width: 90vw;
	}
	h1
	{font-size: 3.9rem;}

	.header-left img.desktop
	{
		display: none;
	}
	.header-left img.mobile
	{
		display: block;
	}
	.header-left, .header-right
	{
		width: 100vw;
		display:block;
	}
	.header-right {
	    max-width: none;
	}

	#footer-social-icons
	{
		text-align: center;
		margin-right: 0;
	}
	section.section-title
	{
		text-align: center;
		/*margin-bottom: 4rem;*/
	}

	section.media-contact
	{
		width: 92vw;
		margin: 0 auto;
	}
	.tile-svg.blue-city, .tile-svg.dna.green-city, .tile-svg.clock.scensory, .tile-svg.targets.neighbor, .tile-svg.active-city, .tile-svg.playable, .tile-svg.inclusive
	{
		height:103.14vw !important;
	}

	.header-right, .header-left
	{
		width: 100vw;
	}
	img.green-city-Flower1 {
	
	    top: 61%;
	    left: 58%;
		
	}

	img.green-city-Flower2 {
		
	    top: 38%;
	    left: 56%;
		
	}
	img.green-city-Flower3 {
		  
	    top: 39%;
	    left: 39%;
		
	}
	img.green-city-Flower4 {
	    top: 32%;
	    left: 86%;
		
	}
	img.green-city-Flower5 {
	    bottom: 27%;
	    left: 79%;
	}
	img#blue-city-background
	{
		width:100vw;
	}
	img#blue-city-background,.tile-svg.blue-city{height: 103vw;}
	img.blue-city-3 {
	    z-index: 99;
	    position: absolute;
	    width: 93vw;
	    left: 3.5vw;
	    bottom: 0;
	}
/*	@keyframes blueCityBoat1 {
	  from   { left:24vw; bottom:53%;}
	  to { left:25vw; bottom:53%;}
	}
	@keyframes blueCityBoat2 {
	  from   { left:46vw; bottom:53%;}
	  to { left:47vw; bottom: 53%;}
	}
	@keyframes scensoryCityBird2 {
	  from   { left:25vw; top:38%;}
	  to { left:27vw; top: 49%;}
	}
	@keyframes scensoryCityBird4 {
	  from   { left:65vw; top:46%;}
	  to { left:54vw; top: 49%;}
	}
	@keyframes  neighborCityBike{
	  from   { left:20vw; bottom: 13%;}
	  to { left:21vw;  bottom: 13%;}
	}
	@keyframes  neighborCityWheel1{
	  from   { left:15.9vw; bottom: 12.7%;transform:rotate(-15deg)}
	  to { left:17.1vw;  bottom: 12.7%;transform:rotate(15deg)}
	}
	@keyframes  neighborCityWheel2{
	  from   { left:29.9vw;  bottom: 12.4%;transform:rotate(-15deg)}
	  to { left:31vw; bottom: 12.4%;transform:rotate(15deg)}
	}

	@keyframes  activeCityskate2{
	  from   { left:45vw; bottom:38%;}
	  to { left:53vw; bottom: 38%; }
	}
	img#playable-city-stand {
	    width: 13%;
	    top: 25.5%;
	    position: absolute;
	    left: 42.3vw;
	}

	@keyframes  playableCityFerrisWheel{
	  from   { left: 37.3vw; top: 15%;transform:rotate(0deg)}
	  to { left: 37.3vw; top: 15%;transform:rotate(360deg)}
	}
	img#inclusive-city-clouds{top:5%;}
	@keyframes  InclusiveCityYellowHair{
		from   { left: 8vw;}
	  	to { left: 7.5vw;}
	}*/

	.counter-line span {width: 6vw; height: 6vw;}

	.counter-line span.green{left: 0vw;}
	.counter-line span.blue{left: 6.9vw;}
	.counter-line span.sensory{left: 15vw;}
	.counter-line span.neighbor{left: 22.5vw;}
	.counter-line span.active{left: 31vw;}
	.counter-line span.playable{left: 39vw;}
	.counter-line span.inclusive {
	    left: 45vw;
	}
	.green-counter{width: 86vw;}
	

}

@media screen and (max-width: 745px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 30.4%;
	}

	.paragraphs-item-you-may-also-like {
	    background-color: #F1F1F1;
	    padding-top: 2.1875rem;
	    padding-right: 0.25rem;
	    padding-bottom: 1.5625rem;
	    padding-left: 0.25rem;
	}

	.subscribe-button {
	    /*margin-bottom: 14vh;*/
	}
}

@media screen and (max-width: 721px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 30.3%;
	}
}

@media screen and (max-width: 700px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 30.2%;
	}

	.daily-report-inner button,
	a.subscribe {
	    /*width: 100%;*/
	}
}

@media screen and (max-width: 678px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 30.1%;
	}
}

@media screen and (max-width: 667px)
{

	.subscribe-button {
		/*margin-bottom: 14vh;*/
	}
}

@media screen and (max-width: 658px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 30%;
	}
	.paragraphs-item-daily-report .daily-report-inner {
	    height: 26.5vh;
	}
	.daily-report-inner button, a.subscribe {
	    width: 36%;
	}
}

@media screen and (max-width: 639px)
{

	.paragraphs-item-you-may-also-like .content .you-may-also-like .stories .story
	{
		width: 97%;
	}

	.paragraphs-item-daily-report .daily-report-inner {
	    /*height: 37.5vh;*/
	}
	.daily-report-inner button, a.subscribe {
	    width: 55%;
	}
}

@media screen and (max-width: 568px)
{
	.subscribe-button {
	    /*margin-bottom: 15vh;*/
	}
}
@media screen and (max-width: 541px)
{
	.paragraphs-item-daily-report .daily-report-inner{
		height: 29.5vh;
	}
}

@media screen and (max-width: 540px)
{

	.illustrations {
	    display: block;
	    margin: 20px auto;
	}
	.full-width .author-information{margin: 20px auto;}

	.subscribe-button
	{
		/*margin-bottom: 10vh;*/
	}
	a.subscribe button{
		width:100%;
	}
}

@media screen and (max-width: 511px)
{
	.paragraphs-item-daily-report .daily-report-inner{
		height: 31vh;
	}
}

@media screen and (max-width: 414px)
{
	.full-width h1
	{
		line-height: 4rem;
	}

	.header-animations
	{
		margin-top: 35px;
	}
	.full-width span {
	    margin: 19px auto;
	}
	#footer-social-icons li
	{
		width: 68px;
	}

	.daily-report-inner iframe {
		height: 58vh;
	}
	a.subscribe button {
	    margin-top: 27vh;
	    margin-bottom: -3px;
		width: 63vw;
	}
	.subscribe-button {
	    margin-bottom: 9vh;
	
	}
}
@media screen and (max-width: 403px)
{
	.paragraphs-item-daily-report .daily-report-inner{
		height: 47.5vh;
	}

	.daily-report-inner button, a.subscribe {
    width: 74%;
}
}

@media screen and (max-width: 385px)
{
	.paragraphs-item-daily-report .daily-report-inner{
		height: 50.5vh;
	}
}
@media screen and (max-width: 375px)
{
	.daily-report-inner iframe {
		height: 74vh;
	}

	.subscribe-button {
	    margin-bottom: 9vh;
	    margin-top: -29vh;
	}
	.subscribe-text h3 {
		font-size: 1.675rem;
	}

	a.subscribe button
	{
		width: 100%;
	}
}


@media screen and (max-width: 360px)
{
	a.subscribe button {
	    width: 100%;
	    margin-top: 27vh;
	}

}

@media screen and (max-width: 328px)
{
	.paragraphs-item-daily-report .daily-report-inner{
		height: 54.5vh;
	}
}

@media screen and (max-width: 320px)
{
	#footer-social-icons li
	{
		width: 58px;
	}

	.daily-report-inner h3 {
	    font-size: 1.775rem;
	}
	.paragraphs-item-daily-report .daily-report-inner {
	    height: 49.5vh;
	}
}

@media screen and (max-width: 316px)
{
	.paragraphs-item-daily-report .daily-report-inner {
	    height: 52.5vh;
	}
}

@media screen and (max-width: 308px)
{
	.paragraphs-item-daily-report .daily-report-inner {
	    height: 55.5vh;
	}
}

@media screen and (max-width: 298px)
{
	.subscribe-text h3 {
    font-size: 1.375rem;
}
}

@media screen and (max-width: 280px)
{
	.header-animation
	{
		margin: 28px auto;
	}

	.full-width{
		padding-left: 0;
	}
	#footer-social-icons li
	{
		padding-left:0;
	}
	.daily-report-inner h3 {
	    font-size: 1.675rem;
	}
	.paragraphs-item-daily-report .daily-report-inner {
	    height: 54.5vh;
	}
	.entity.entity-paragraphs-item.paragraphs-item-words-series.clearfix.paragraphs-item-daily-report{
		width:87%;
		margin: 0 20px;
	    padding-left: 0;
	}
	.subscribe-text h3 {
	    font-size: 1.375rem;
	}
section.subscribe-form {
    clear: both !important;
    width: 89vw;
    margin: 3rem auto 1rem auto;
    padding-top: 0.9375rem;
    padding-right: 1.25rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.25rem;
    background: #293355;
}
}
.dialog_form_actions {
    padding: 52px 20px 0px !important;
}