/* 
Theme Name: Civity 
Theme URL: http://helloari.com
Description: Theme for Civity
Theme Author: HelloAri team
Author URL: http://helloari.com
Template: twentynineteen
Version: 1.0.0 
Text Domain: civity
*/

/* WordPress Default Styling */
a, a:hover, a:active {
	color: #7bb8bd;
	/*border-bottom: 1px solid #7bb8bd;*/
	text-decoration: none;
}
a:visited {
	color: #009999;/*changed from #7bb8bd 3-17-21*/
	/*opacity: 0.8; cut 3-17-21*/
}
a:hover {/*changed from "a:hover, a:active" to just "a:hover" 3-17-21*/
	color: #e68c4d;
}


/* Gutenberg Parent Styling */
.entry .entry-content > *, .entry .entry-summary > *, .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
	max-width: 100%;
}
.mobile-menu {
	display: none;
	color: #7bb8bd;
	top: 16px;
    position: relative;
}
/*Gutenberg Parent Styling Media Rules*/
@media only screen and (max-width: 1172px) {
    .mobile-menu {
		display: block;
		float: right;
	}
    .mobile-menu div {
		width: 35px;
		height: 5px;
		background-color: #7bb8bd;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 768px) {
	.entry .entry-content > *, .entry .entry-summary > *, .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
		max-width: 100%;
	}
}


/* Civity Codes */
body {
	font-family: "HelveticaNeue", Arial, Sans-Serif !important;
	margin: 0;
	padding: 0;
	color: #595252;
	font-size: 18px;
}
.page-template-default div.entry-content {/*added 3-9-21. Expands content on pages beyond 1160px container used on blog posts*/
	    max-width: 100%;
	    margin: 0 auto;
	    padding: 0 0px;
}
.author-description .author-link, .comment-metadata, .comment-reply-link, .comments-title, .comment-author .fn, .discussion-meta-info, .entry-meta, .entry-footer, .main-navigation, .no-comments, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .page-links, .page-description, .pagination .nav-links, .sticky-post, .site-title, .site-info, #cancel-comment-reply-link, h1, h2, h3, h4, h5, h6 {
	font-family: "HelveticaNeue", Arial, Sans-Serif !important;
}
.container {
	/*max-width: 1160px;*/
	max-width: 100%;
	margin: 0 auto;
    padding: 0 0px;/*changed from 60px>768px and 40px<768px to 0px 2-27-21*/
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
h1:not(.site-title):before, h2:before {
	display: none;
}
.site-content a {
	/*border-bottom: 1px solid #7bb8bd;*/
}
.page .site-content a,
.singular .site-content a {
	border-bottom: none;
    text-decoration: none;/*added 3-7-21*/
    color: #339999;/*added 3-7-21*/
    font-weight: 700;/*added 3-7-21*/
}
.page .site-content a:hover {
    color: #e68c4d;
}
.singular .site-content a:hover {
    color: #e68c4d;
}
.button-cta {
	max-width: 350px;
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	color: #ffffff !important;
	background: #e68c4d;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	margin-top: 50px;
	border-radius: 4px;
}
.button-cta:hover {
	opacity: 0.8;
}
/*Civity Codes Media Rules*/
@media only screen and (max-width: 1172px) {
    .container {
		padding: 0 0px;/*changed from padding: 0 60px 3-9-21*/
	}
}


/* Header */
header {
	width: 100%;
	height: 160px;
    padding: 14px 0;
}
header .container {
	max-width: 100%;
	padding: 0 40px;
}
article {
	padding-top: 30px;
}
article header {
	min-height: 60px;
	height: auto;
}
.logo {
	width: 410px;
    height: 120px;
    background: url(https://www.civity.org/wp-content/uploads/2021/09/Civity-logo-20210907-bold_Crop.png) no-repeat left center;
    float: left;
    background-size: contain;
}
.logo a {
	text-indent: -9999px;
	width: 465px;
	height: 135px;
	display: block;
}
nav {
	float: right;
	margin-bottom: 10px;
}
nav ul {
	padding: 0;
}
nav ul li {
	list-style: none;
	display: inline-block;
	padding-right: 20px;
}
nav li a {
	color: #00a3a8;/*changed from #8cc1c5 3-17-21*/
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
}
nav li a:hover {/*added 3-17-21*/
	color: #f6873b;
}
.button {
	color: #FFFFFF;
	padding: 10px;
	background-color: #f78431;/*replaced #e68c4d 3-7-21*/
	font-weight: 700;
	font-size: 20px;
	display: inline-block;
	border-radius: 3px;
	font-family: "HelveticaNeue", Arial, Sans-Serif !important;
}
.button a {
	color: #ffffff !important;
}
.button:hover {
	background-color: #67b9bc;
}
header .social {
	float: right;
	clear: right;
	color: #8cc1c5;
	line-height: 26px;
    font-size: 16px;
    font-weight: 600;
}
header .social a {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
    margin-left: 10px;/*added 3-7-21*/
}
a.facebook {
	background: url(images/fb-blue-24px.png) no-repeat;/*changed from url(images/icon-fb.png) 3-7-21*/
}
a.facebook:hover {/*added 3-7-21*/
	background: url(images/fb-orange-24px.png) no-repeat;
}
a.twitter {
	background: url(images/twitter-blue-24px.png) no-repeat;/*changed from url(images/icon-tweet.png) 3-7-21*/
}
a.twitter:hover {/*added 3-7-21*/
	background: url(images/twitter-orange-24px.png) no-repeat;
}
a.linkedin {
	background: url(images/linkedin-blue-24px.png) no-repeat;/*changed from url(images/icon-in.png) 3-7-21*/
}
a.linkedin:hover {/*added 3-7-21*/
	background: url(images/linkedin-orange-24px.png) no-repeat;
}
/* Header Media Queries */
@media only screen and (max-width: 1172px) {
	header {
		overflow: hidden;
	}
    .logo {
		background-position: left center;
	}
    .nav-links, .social {
		display: none;
	}
	.nav-links {
		display: block;
		right: -306px;
	}
	.nav-links.show {
		right: 0px;
	}
	.nav-links {
	    position: fixed;
	    right: -305px;
	    height: 100%;
	    background: #70a7ac;
	    top: 0;
	    width: 300px;
	    z-index: 3;
	    padding: 20px;
	    box-shadow: -1px -2px 2px rgba(0,0,0,0.4);
	    transition: all .5s;
	}
	.nav-links.show a:visited {
		color: #ffffff;
	}
	.nav-links ul li {
		display: block;
		width: 100%;
	}
	.nav-links ul li.donate.button {
		width: 50%;
	    margin: 0 auto;
	    text-align: center;
	    margin-top: 30px;
	}
	nav {
		float: none;
	}
	nav li a {
		color: #ffffff;
	}
    .closethis {
		float: right;
	    position: absolute;
	    right: 40px;
	    top: 20px;
	}
	.closethis:hover {
	  opacity: 0.8;
	}
	.closethis:before, .closethis:after {
	  position: absolute;
	  left: 15px;
	  content: ' ';
	  height: 33px;
	  width: 2px;
	  background-color: #FFF;
	}
	.closethis:before {
	  transform: rotate(45deg);
	}
	.closethis:after {
	  transform: rotate(-45deg);
	}
}
@media only screen and (max-width: 768px) {
    header {
		height: 110px;
	}
	header .container {
		padding: 0 20px;
	}
    .logo {
	    width: 80%;
	    height: 80px;
	    background-size: contain;
	    background-position: left center;
	}
}


/* Slider */
.slider {
	background: url(images/wide-slide.jpg) no-repeat;
	background-size: cover;
	height: 550px;
    padding-left: 40px;/*added 3-17-21*/
    padding-right: 40px;/*added 3-17-21*/
}
.slider .container {
	position: relative;
	height: 100%;
	width: 100%;
    max-width: 1140px;/*added 3-7-21*/
}
.slider .caption span {
	font-size: 78px;
	background: #70a7ac;
	color: #ffffff;
	display: inline-block;
	padding: 5px 20px;
	line-height: 1em;
    font-weight: 600;/*changed from "bold" 3-3-21*/
}
.slider .container .caption {
	position: relative;/*changed from absolute 3-7-21*/
	top: 65%;/*changed from 70% 3-17-21*/
	/*left: 40px; cut 3-17-21*/
}
.slick-slide {
	display: flex !important;
}
.main-slider .slick-dots {
	bottom: 40px;
}
.main-slider .slick-dots li button:before {
	font-size: 50px;
	color: transparent;
}
.main-slider .slick-dots li button {
	border: 3px solid #FFFFFF;
	border-radius: 20px;
}
.main-slider .slick-active button {
	background: #FFFFFF;
}
.slider .caption.medium span {
	font-size: 38px;
    line-height: 46px;
}
/* Slider Media Queries */
@media only screen and (min-width: 1172px) {
	.slider {
		height: 650px;
	}
}
@media only screen and (max-width: 1172px) {
    .slider .caption span {
		font-size: 54px;
	}
	.slider .caption.medium span {
		font-size: 29px;
    	line-height: 40px;
	}
}
@media only screen and (max-width: 768px) {
    .slider {
		height: 335px;
	}
    .slider .caption span {
		font-size: 40px;
	}
    .slick-dots li button {
		width: 15px;
		height: 15px;
	}
	.main-slider .slick-dots {
		bottom: 10px;
	}
	.slider .caption.medium span {
		font-size: 15px;
    	line-height: 24px;
	}
}
@media screen and (max-width: 520px){/*added 2-27-21*/
    .slider {
		height: 220px;
	}
    .slider .container .caption {
		top: 130px !important;
        margin-left: -20px !important; /*added 3-17-21*/
	}
}
@media screen and (max-width: 420px) {
    .slick-list {
		overflow: visible;
	}
	.slider .container .caption {
		top: 130px !important;/*reduced "top" property from 245px to 130px, cut "top: 48%"*/
		text-align: left;/*changed "text-align" property from "center" to "left"*/
		left: auto;
	}
    .slider .container .caption.medium {
		/*width: 90%; cut 3-17-21*/
        margin-left: -20px !important; /*added 3-17-21*/
	}
    .slider .caption.medium span {/*added 3-17-21*/
		font-size: 14px;
		line-height: 22px;
	}
	.slider .container .caption.medium br {
		display: none;
	}
	.slider {
		height: 220px;
	}
}

/* Quote */
.quote {/*added 3-17-21*/
    padding-left: 40px;
    padding-right: 40px;
}
.quote .container {/*added 3-15-21*/
    max-width: 1140px; /*added 3-6-21*/
    /*padding-left: 40px; cut 3-15-21*/
    /*padding-right: 40px; cut 3-15-21*/
}
.quote-content {
	font-size: 30px;
	color: #7ab7bc;
	font-weight: 600;/*changed from "bold" 3-3-21*/
    max-width: 850px;/*added 3-17-21*/
}
.quote-content .title {
	font-size: 78px;
	font-weight: 600;/*changed from "bold" 3-3-21*/
}
.quote-content p {
	line-height: 1.4;/*changed from 1.2em 3-3-21*/
	margin-top: 0;
}
/*.quote-content span {
	font-size: 26px;
	display: block;
	padding-top: 10px;
}cut 3-3-21*/
/* Quote Media Rules */
@media only screen and (max-width: 768px) {
    .quote {/*added 3-17-21*/
        padding-left: 20px;
        padding-right: 20px;
    }
    .quote-content {/*added 3-6-21*/
        font-size: 24px;
    }
    .quote-content .title {
		font-size: 60px;
	}
	.quote-content p br {
		display: none;
	}
}
@media screen and (max-width: 420px) {
	.quote {
		padding-top: 0px !important;/*reduced "padding-top" property from 100px to 0px*/
	}
    .quote-content {/*added 2-27-21*/
        font-size: 24px;
    }
}


/* Why */
.why {
    background-image: linear-gradient(120deg, #009999, 55%, #67b9bd) !important;/*added 3-6-21*/
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 95%);/*added 3-6-21*/
    position: relative;/*added 3-6-21*/
	min-height: 560px;
    padding-left: 40px;/*changed from 0px 3-6-21*/
    padding-right: 40px;/*changed from 0px 3-6-21*/
    /*background: url(images/why-civity-bg.jpg) no-repeat center;*/
	/*background-position: center;*/
    /*background-size: cover;*/
    /*padding-top: 100px;*/
    /*padding-bottom: 100px;*/
    /*color: #FFFFFF;*/
}
.why:before {/*added 3-7-21*/
    position: absolute;
    background: url('http://civity.wpengine.com/wp-content/uploads/2021/03/why-civity-mosaic-full-ellipse-no-bkgd.png') no-repeat 60%;
    background-size: cover;
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 90%);
    content: ' ';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	z-index: -1;
}
.why .container {/*added 3-6-21*/
    max-width: 1140px; 
    margin: auto; 
}
.whydesc {
	width: 55%;
    z-index: 1;/*added 3-7-21*/
	padding-top: 125px;/*added 3-7-21*/
	padding-bottom: 100px;/*added 3-7-21*/
}
.why h3 {
	font-size: 42px;
	font-weight: 600;/*changed from "bold" 3-3-21*/
	letter-spacing: 0;
    color: #FFFFFF;/*moved from .why 3-7-21*/
}
.why p {
	font-size: 24px;
    font-weight: 400;
    line-height: 1.4;/*changed from 40px 3-6-21*/
    color: #FFFFFF;/*moved from .why 3-7-21*/
}
/*Why Media Queries*/
@media only screen and (max-width: 1024px) {/*added 3-7-21*/
    .why {
		margin-top: 75px;
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
		min-height: 400px;
	}
	.why:before {
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
	 }
    .whydesc {
	    width: 50%;
	}
}
@media only screen and (max-width: 768px) {/*added 3-7-21*/
	.why {
        background: #67b9bd;
        margin-top: 75px;
		padding-left: 20px;
		padding-right: 20px;
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
		min-height: 400px;
	}
	.why:before {/*added 3-7-21*/
		background: none;
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 110%);
	 }
	 .whydesc {
		width: 100%;
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.why h3 {
		font-size: 36px;
	}
	.why p {
		font-size: 21px;
	}
}
@media only screen and (max-width: 425px) {
	.why {
		margin-top: 50px;
		clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
	}
}


/* We Know */
.weknow {
    background: #f6873b;/*added 3-7-21*/
	background-size: cover;
    clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);/*added 3-7-21*/
	min-height: 200px;
	position: relative;
	margin-top: -80px;/*changed from -113px 3-7-21*/
    /*background: url(/wp-content/uploads/2020/07/we-know-bg-200px.png) no-repeat center top;*/
}
.weknow h2 {
	color: #ffffff;
	text-align: center;
	line-height: 200px;/*changed from 190px 3-7-21*/
	font-size: 42px;
	font-weight: 600;/*changed from "bold" 3-3-21*/
	letter-spacing: 0;
}
.weknowdesk {
	font-size: 42px;
	font-weight: 600;/*changed from "bold" 3-3-21*/
	position: relative;
	z-index: 2;
}
.weknowdesk .container {
	max-width: 932px;
}
.weknowdesk .text {
	height: 382px;
	vertical-align: middle;
	display: table-cell;
	width: 70%;
	line-height: 0.8em;
	color: #393030;
}
.weknowdesk span {
	font-size: 26px;
	font-weight: 400;/*changed from "normal" 3-3-21*/
	display: block;
}
.weknowdesk .pict {
	width: 98%;
	height: 382px;
}
.weknowdesk .pict img {
	/*max-width: fit-content;*/
	max-width: 310px;
}
.weknowdesk .relationships,
.weknowdesk .difference,
.weknowdesk .transform {
	display: table;
	width: 100%;
	position: relative;
    /*margin-top: -157px; cut 2-28-21*/
}
.weknowdesk .relationships {
	margin-top: -100px;
}
.weknowdesk .difference {
	text-align: right;
	margin-top: -225px;/*changed from -257px 2-28-21*/
}
.weknowdesk .transform {
	margin-top: -213px;
}
/*We Know Media Queries*/
@media only screen and (max-width: 2560px) {
    .weknowdesk .container {/*added 2-27-21*/
        margin-bottom: -300px;
    }
    /*.weknow {
        margin-top: -10px;
        padding-top: 25px;
        padding-bottom: 75px;
    }cut 2-27-21*/
}
@media only screen and (min-width: 2000px) {/*added 3-7-21*/
	.weknow {
		min-height: 250px;
	}
	.weknow h2 {
		line-height: 250px;
	}
}
@media only screen and (max-width: 1920px) {
    .weknowdesk .container {/*added 2-27-21*/
        margin-top: -25px;/*changed from 50px 2-27-21*/
        margin-bottom: -250px;
    }
    /*.weknow { 
        margin-top: -100px;
        padding-top: 5px;
        padding-bottom: 5px;
    }cut 2-27-21*/
}
@media only screen and (max-width: 1440px) {/*added 2-27-21*/
    .weknowdesk .container {
    	padding-left: 40px;
    	padding-right: 40px;
    	margin-bottom: -250px;
    	margin-top: -25px;/*changed from 50px 2-27-21*/
    }
}
@media only screen and (max-width: 890px) { /*added "only" to @media rule 2-06-21, changed max-width from 840px to 890px 2-28-21*/
	.weknowdesk .container {/*added 02-27-21*/
    	margin-bottom: -250px;/*changed from -225px 2-27-21*/
    }
    .weknowdesk .relationships {
		margin-top: -100px !important;/*increased from -72px 2-27-21*/
	}
    .weknowdesk .difference {
        text-align: right;
        margin-top: -225px;
    }	
}
@media only screen and (max-width: 768px) {
    .weknowdesk .container {/*added 02-27-21*/
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 75px;
    }
    .weknow h2 {
		font-size: 36px;
	}
    .weknowdesk {
		font-size: 36px;/*changed from 25px 2-28-21*/
	}
    .weknowdesk .text {
	    height: 342px;
	    line-height: 1.0em; /*reduced from 1.2em 2-28-21*/
    }
    .weknowdesk .pict {
		height: 305px;
	}
    .weknowdesk .pict img {
		max-width: 300px;/*changed from 250px 2-27-21*/
	}
    .weknowdesk .relationships {
		margin-top: -80px;/*reduced from -100px 2-27-21, deleted duplicate .relationships margin-top: -190x, removed !important 2-28-21*/
	}
	.weknowdesk .difference {
		margin-top: -125px;
	}
    .weknowdesk .transform {/*moved out from combo property 2-28-21*/
		margin-top: -125px;
	}
}
@media only screen and (max-width: 700px) {
    .weknowdesk .container {
        padding-top: 25px;
		padding-bottom: 60px;
	 }
    .weknowdesk {
        font-size: 32px;
	}
    .weknowdesk .pict img {
		max-width: 250px;/*increased from 200px to 250px on 2-28-21*/
	}
    .weknowdesk .relationships {
		margin-top: -85px;/*removed !important 2-28-21*/
	}
    .weknowdesk .difference {/*added 2-28-21*/
		margin-top: -150px;
	}
    .weknowdesk .transform {/*added 2-28-21*/
		margin-top: -150px;
	}
}
@media only screen and (max-width: 588px) {/*added 2-28-21*/
    .weknowdesk .container {
		padding-bottom: 25px;
	 }
    .weknowdesk .pict img {
		max-width: 225px;
	}
    .weknowdesk .difference {/*added 2-28-21*/
		margin-top: -150px;
	}
	.weknowdesk .transform {/*added 2-28-21*/
		margin-top: -125px;
	}
}
@media only screen and (max-width: 481px) {/*changed max-width from 470px to 481px on 2-28-21*/
    .weknowdesk .pict {
		height: 275px;
	}
    .weknowdesk .pict img {
		max-width: 175px;/*changed from 150px 2-28-21*/
	}
    .weknowdesk .text {
		height: 276px;
    	padding-bottom: 50px;
	}
    .weknowdesk .relationships {
		margin-top: -75px;/*changed to -200 from -75px and removed !important 2-28-21*/
	}
}
@media only screen and (max-width: 420px) {
	.weknowdesk .container {
        padding-bottom: 100px;/*changed from 150px 2-28-21*/
    }
    .weknowdesk {/*added 2-28-21*/
        font-size: 28px;
	}
	.weknowdesk span {
		font-size: 18px;
	}
    .weknowdesk .text {
		height: 250px;
	}
	.weknowdesk .pict {
		height: 250px;/*changed from 200px 2-28-21*/
		vertical-align: middle;/*added 2-28-21*/
        padding-top: 50px;/*added 2-28-21*/
	}
    .weknowdesk .pict img {/*added 2-28-21*/
		max-width: 150px;
	}
    .weknowdesk .relationships {/*added 2-28-21*/
		width: 50%;
	}
    .weknowdesk .difference {/*added 2-28-21*/
		margin-top: -125px;
	}
	.weknowdesk .transform {/*added 2-28-21*/
		margin-top: -110px;
        width: 50%;
	}
}
@media only screen and (max-width: 375px) {/*changed max-width from 320px 2-28-21*/
    .weknowdesk .container {
		margin-top: -50px;
    }
    .weknowdesk {/*added 2-28-21*/
        font-size: 24px;/*changed from 21px 2-28-21*/
	}
	.weknowdesk .pict {/*added 2-28-21*/
        width: fit-content;/*changed from max-width: fit-content 3-14-21*/
        height: 250px;
	}
    .weknowdesk .difference {/*added 2-28-21*/
        margin-top: -125px;
	}
	.weknowdesk .transform {/*added 2-28-21*/
	    margin-top: -100px;
	}
}


/* What We Do */
.whatwedo-new {
	min-height: 650px;
	margin-top: -220px; /*increased from -175px 3-2-21*/
    padding-top: 250px; /*increased from 200px 3-7-21*/
    padding-left: 40px; /*added 3-6-21*/
    padding-right: 40px; /*added 3-6-21*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*background: url(/wp-content/uploads/2020/09/wwd-bg-650px.png) no-repeat left top; cut 3-7-21*/
    /*background: url(/wp-content/uploads/2020/07/wwd-600px-6angle.png) no-repeat left top;*/
	/*background-size: cover;*/
}
.whatwedo-bg {
    width: 100%;
    position: absolute;
    z-index: -1;
    background: linear-gradient(136deg, #009999, #66CCCC);/*added 3-7-21*/
    clip-path: polygon(0% 0%, 100% 20%, 100% 75%, 0% 100%);/*added 3-7-21*/
    background-size: cover;/*added 3-7-21*/
    min-height: 750px;/*copied from ".whatwedo-new" 3-7-21 and changed from 650px 3-15-21*/
    margin-top: -200px; /*changed from -170px 3-15-21*/
    margin-left: -40px; 
}
.whatwedo-new h3 {
    margin-top: 0px;
    font-size: 42px;
    font-weight: 600;/*changed from "bold" 3-3-21*/
    color: #FFFFFF;
    max-width: 1140px;/*added 3-17-21*/
    margin-left: auto;/*added 3-17-21*/
    margin-right: auto;/*added 3-17-21*/
    /*margin-bottom: 40px; cut 3-2-21*/
}
.whatwedo-new .container {
	display: block;
	justify-content: space-between;
}
.whatwedo-new .container-text {
	position: relative;
    margin-top: -50px; /*decreased from -75px 3-2-21*/
    z-index: 2; /*added 3-7-21*/
    max-width: 1140px; /*added 3-6-21*/
    margin-left: auto; /*added 3-6-21*/
    margin-right: auto; /*added 3-6-21*/
    /*padding-left: 60px; cut 3-6-21*/
    /*padding-right: 60px; cut 3-6-21*/
}
.whatwedo-new h5 {
	font-family: "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    max-width: 1140px;/*added 3-17-21*/
    margin-left: auto;/*added 3-17-21*/
    margin-right: auto;/*added 3-17-21*/
    /*max-width: 750px; /*changed from 800px to 750px 3-7-21*/
    /*line-height: 1.25; cut 3-6-21*/
} 
.whatwedo-new p {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 24px; /*increased from 18px*/
    font-weight: 400;/*decreased from 600*/
    color: #FFFFFF;
    line-height: 1.4;/*added 3-2-21*/
    max-width: 750px; /*added 3-17-21*/
    /*transform: bold;*/
}
#content > div.whatwedo-new > div.container-text > p {/*added 3-17-21*/
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
.whatwedo-new .container .col {
	max-width: 430px;
    width: 45%;
}
.whatwedo-new img {
	object-fit: contain;
    width: 100%;
    height: auto;
    /*box-shadow: 0 7px 30px -10px rgba(150,170,180,0.5);*/
}
.whatwedo-new .arrow {
	width: 8px;
	height: auto;
}
.whatwedo-new a:link, .whatwedo-new a:visited {
	color: #FFFFFF;
    text-decoration: none;
    font-weight: 600;/*changed from "bold" 3-3-21*/
    display: block;
    position: relative;
}
.whatwedolinks {
	display: flex;
}
.whatwedolinks .link a {
	height: 300px;
    max-width: 600px;/*added 3-2-21*/
    margin-left: auto;/*added 3-2-21*/
    margin-right: auto;/*added 3-2-21*/
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);/*added 3-7-21*/
}
.whatwedolinks .link a:hover {
    color: #f6873b;
}
.whatwedolinks .link {
	margin: 20px;
	width: 33%;
	height: 300px;
	overflow: hidden;
}
.whatwedolinks .link:first-child {
	margin-left: 0;
}
.whatwedolinks .link:last-child {
	margin-right: 0;
}
.whatwedo-new .link img {
	object-fit: cover;
	height: 100%;
}
.whatwedo-new .title {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	font-size: 24px;/*changed from 1.6875em 3-2-21*/
    line-height: 1.25;/*changed from 1.2em 3-2-21*/
	text-align: center;
	transition: all .4s ease-in-out;
}
.whatwedo-new .desc {
	font-size: 24px !important;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    transition: all .4s ease-in-out;
    z-index: 2;
    background: rgba(0,0,0,0.4);
    /*margin-top: 30px;*/
	/*line-height: 26px;*/
}
.whatwedo-new .title span,
.whatwedo-new .desc span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 340px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	transition: all .4s ease-in-out;
}
.whatwedo-new .desc span {
	top: 70%;
	opacity: 0;
	z-index: 2;
}
.whatwedo-new a:hover .title {
	background: rgba(0,0,0,0.8);
}
.whatwedo-new a:hover .desc span {
	top: 50%;
	opacity: 1;
}
.whatwedo-new a:hover .title span {
	opacity: 0;
}
/* What We Do Media Queries*/
@media screen and (min-width: 1750px) {/*added 3-2-21*/
	.whatwedo-new {
		background-size: 100% 100%;
    }
}
@media screen and (min-width: 1024px) {/*added 3-2-21*/
    .whatwedo-new .container-text {
        margin-top: -50px;
    }
}
@media screen and (max-width: 1000px) {
	.whatwedo-new .title {
		font-size: 1.2em;
	}
	.whatwedo-new .desc {
		font-size: 18px;
	}
}
@media screen and (max-width: 768px) {
    .whatwedo-new {/*added 3-2-21*/
        padding-left: 20px;
        padding-right: 20px;
    }
    .whatwedo-bg {
        clip-path: polygon(0% 0%, 100% 7%, 100% 94%, 0% 100%);
        padding-bottom: 1400px;
        /*width: 1400px;cut 3-7-21*/
        margin-left: -20px;/*added 4-3-21*/ 
	}
    .whatwedolinks {
		flex-wrap: wrap;
	}
	.whatwedolinks .link {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
    }
    .whatwedolinks .link a {/*added 3-17-21*/
        max-width: 90%
}
	.whatwedo-new .title {
		font-size: 24px;/*changed from 1.68em to 1.5 3-2-21*/
	}
    .whatwedo-new h3 {/*added 3-2-21*/
        font-size: 36px;
    }
    .whatwedo-new p {/*added 3-2-21*/
        font-size: 21px; /*changed from 18px to 1.5 3-2-21*/
        line-height: 1.4;/*changed from 32px to 1.5 3-2-21*/
    }
}
@media screen and (max-width: 520px) {
	.whatwedo-new .container {
		flex-direction: column;
	}
	.whatwedo-new .container .col {
		max-width: 100%;
	    width: 100%;
	    margin-bottom: 40px;
	}
	.whatwedo-new .container .col img {
		width: 100%;
	}
	.button-cta {
		max-width: 100% !important;
	}
}
@media screen and (max-width: 425px) {
	.whatwedo-new {
		margin-top:-25px;
		padding-top: 175px;
	}
}
/*@media screen and (max-width: 650px) {
	.whatwedo-new {
		margin-top:-160px;
		padding-top: 200px;
	}
}cut 3-2-21*/


/* Civity Story */
.civstory {
	background-size: contain;
    padding-top: 30px;/*added 3-2-21*/
    padding-bottom: 30px;/*added 3-2-21*/
    padding-left: 40px;/*added 3-17-21*/
    padding-right: 40px;/*added 3-17-21*/
    margin-top: 30px;/*added 3-15-21*/
    /*padding: 30px 0; cut 3-2-21*/
	/*background: url(images/telling-civity-bg.jpg) no-repeat center;*/
}
.civstory h3 {
	font-size: 42px;
    font-weight: 600;/*changed from "bold" 3-3-21*/
    color: #393030;
    max-width: 1140px;/*added 3-17-21*/
    margin-left: auto;/*added 3-17-21*/
    margin-right: auto;/*added 3-17-21*/
    /*margin-bottom: 25px; cut 3-2-21*/
}
.civstory h4 {
	font-family: "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 24px; /*increased from 18px to 24px*/
    font-weight: 400;
    line-height: 1.4;/*changed from 1.25 3-3-21*/
    color: #393030;
    max-width: 1140px;/*added 3-17-21*/
    margin-left: auto;/*added 3-17-21*/
    margin-right: auto;/*added 3-17-21*/
    padding-right: 15%;/*added 3-17-21*/
}
.civstory p {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #393030;
    max-width: 1140px;/*added 3-17-21*/
    margin-left: auto;/*added 3-17-21*/
    margin-right: auto;/*added 3-17-21*/
}
.civstory .arrow {
	width: 8px;
}
.civstory .stories {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-column-gap: 45px;
	grid-row-gap: 32px;
    max-width: 1600px;/*added 3-17-21*/
    margin-left: auto;/*added 3-17-21*/
    margin-right: auto;/*added 3-17-21*/
}
.civstory .main-post {
	grid-area: 3 / 3 / 1 / 1;
}
.civstory .story {
	position: relative;
}
.civstory .story .object {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);/*added 3-6-21*/
}
.civstory .story .object:after {/*added transparent to black gradient 3-6-21*/
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, black 100%);
}
.civstory .main-post img,
.civstory .story img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);/*changed from 1.5 to 1 3-2-21*/
}
.civstory .story h4 {/*post titles*/
    font-family: "HelveticaNeue", Arial, Sans-Serif; 
    font-size: 24px;
    color: #ffffff;
    position: absolute;
    bottom: 20px;/*changed from 0 3-6-21*/
    left: 20px;/*changed from 17px 3-6-21*/
    right: 20px;/*changed from padding-right: 20px 3-6-21*/
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.4;/*changed from 38px 3-6-21*/
}
.civstory .main-post h4 {
	left: 20px;/*added 3-6-21*/
    bottom: 40px;/*changed from "0" 3-6-21*/
    font-size: 36px; /*added 3-6-21*/
}
.civstory .story h4 a {
	color: #FFFFFF;
    font-family: "HelveticaNeue", Arial, Sans-Serif !important;
	font-weight: bold;
	/*background-color: #7ab7bc;*/
	/*box-shadow: -10px 0px 0 7px #7ab7bc,
	10px 0px 0 7px #7ab7bc,
	0 0 0 7px #7ab7bc;*/
	/*box-decoration-break: clone;*/
}
.category-label {
	z-index: 2;
	position: absolute;
}
.category-label a {
	display: inline-block;
	font-size: 18px; /*changed from 14px 3-2-21*/
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF !important; /*added !important 3-2-21*/
	text-decoration: none !important; /*added !important 3-2-21*/;
	padding: 5px 15px;
	position: absolute;
    background: rgba(122, 183, 188, 0.8);/*added 3-6-21*/
    /*background-color: #7ab7bc; cut 3-6-21*/
}
.category-podcast .category-label a {
	color: #ffffff;
    background: rgba(122, 183, 188, 0.8);/*added 3-6-21*/
    /*background-color: #7ab7bc;cut 3-6-21*/
}
/*.civstory p a {

}*/
/* Civity Story Media Queries */
@media only screen and (max-width: 1024px) {/*added 3-2-21*/
    .civstory .story h4 {
		left: 20px;/*added 3-6-21*/
        bottom: 20px;/*added 3-6-21*/
        right: 20px;/*added 3-6-21*/
        font-size: 18px;/*changed from 22px 3-3-21*/
        line-height: 1.25;/*added 3-3-21*/
	}
    .category-label a {
        font-size: 12px;
    }
}
@media only screen and (max-width: 768px) {
    .civstory {
        padding-left: 20px;/*added 3-2-21*/
        padding-right: 20px;/*added 3-2-21*/
        margin-top: 50px;/*added 3-7-21*/
    }
    .civstory h3 {
		font-size: 36px;
	}
    .civstory h4 {
        font-size: 21px;
        line-height: 1.25;
        padding-right: 0%;/*added 3-17-21*/
    }
    .civstory p {
        font-size: 21px;
    }
    .civstory .stories {
		grid-template-columns: 100%;
	}
	.civstory .main-post {
		grid-area: 1;
        max-width: 600px;/*added 3-6-21*/
        max-height: 350px;/*added 3-6-21*/
        margin-left: auto;/*added 3-6-21*/
        margin-right: auto;/*added 3-6-21*/
	}
    .civstory .story {/*added 3-6-21*/
        max-width: 550px;/*added 3-6-21*/
        max-height: 350px;/*added 3-6-21*/
        margin-left: auto;/*added 3-6-21*/
        margin-right: auto;/*added 3-6-21*/
    }
	.civstory .story h4 {
		font-size: 36px;/*changed from 22px 3-3-21*/
        line-height: 1.4;/*added 3-3-21*/
        bottom: 40px;/*changed from 11px 3-6-21*/
        left: 40px;/*added 3-6-21*/
        right: 40px;/*added 3-6-21*/
	}
    .civstory .main-post h4 {
	   bottom: 40px;/*changed from 11px 3-6-21*/
    }
    .category-label a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 600px) {/*added 3-3-21*/
    .civstory .story h4 {
		font-size: 24px;
        bottom: 20px;
        left: 20px;
        right: 20px;
        line-height: 1.25;
	}
    .civstory .main-post h4 {
        bottom: 20px;
    }
    .category-label a {
        font-size: 12px;
    }
}
@media only screen and (max-width: 425px) {/*added 3-3-21*/
    .civstory .story h4 {
		font-size: 28px;
        bottom: 20px;
        left: 20px;
        right: 20px;
        line-height: 1.25;
	}
    .civstory .main-post h4 {
        bottom: 20px;
    }
    .category-label a {
        font-size: 10px;
    }
}
@media only screen and (max-width: 375px) {/*added 3-3-21*/
    .civstory h3 {
		font-size: 32px;
	}
    .civstory .story h4 {
        font-size: 24px;
        bottom: 10px;
        left: 10px;
        right: 10px;
	}
    .civstory .main-post h4 {
        bottom: 10px;
    }
}
@media only screen and (max-width: 320px) {/*added 3-3-21*/
    .civstory .story h4 {
        font-size: 21px;
	}
}


/* Testimonial Slider*/
.testimonial {
    background: linear-gradient(45deg,#F78431,#e68c4d 55%,#FF974D);/*added 3-7-21*/
    clip-path: polygon(100% 10%, 100% 90%, 0 100%, 0 0);/*added 3-7-21*/
	background-size: cover;
    padding-top: 5%;/*added 3-7-21*/
    padding-left: 40px;/*added 3-17-21*/
    padding-right: 40px;/*added 3-17-21*/
    margin-top: 30px;/*added 3-15-21*/
    /*padding-left: 40px;/*added 3-7-21, cut 3-15-21*/
    /*padding-right: 40px;/*added 3-7-21, cut 3-15-21*/
    /*background: url(/wp-content/uploads/2020/07/testimonial-bg-orange-triangle-590px.png) no-repeat center; cut 3-7-21*/
    /*min-height: 590px; cut 3-7-21*/
}
.testimonial .container {
    max-width: 1140px;/*added 3-7-21*/
    margin-left: auto;
    margin-right: auto;
    /*padding-left: 40px;/*added 3-7-21, cut 3-15-21*/
    /*padding-right: 40px;/*added 3-7-21, cut 3-15-21*/
    /*padding-top: 10%; cut 3-7-21*/
	/*padding-bottom: 10%; moved to .testimonial 3-7-21*/
}
.testimonial-text {
	flex-basis: 60%;/*changed from 70% 3-15-21*/
    margin: auto;/*added 3-7-21*/
}
.testimonial-image {
	flex-basis: 30%;
    padding-bottom: 6%;/*added 3-7-21*/
    margin-left: auto;/*added 3-7-21*/
    margin-right: 40px;/*added 3-7-21*/
}
.testimony {
	text-align: right;
	margin-right: 50px;
    padding-bottom: 10%;/*added 3-7-21*/
}
.testimonial h3 {
	font-size: 42px;
	font-weight: bold;
	color: #ffffff;
    line-height: 1.4; /*added 3-7-21*/
}
.testimonial p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;/*changed from 1.25em 3-7-21*/
    color: #ffffff;
}
.testimony .name {
	font-size: 28px;
    color: #ffffff;
    font-weight: 600;/*changed from bold 3-7-21*/
}
.testimony .title {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    color: #ffffff;
    margin-top: -15px;/*increased from 0*/
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5;/*changed from 1.5em 3-7-21*/
}
.testimonial .slick-list {
	margin: auto; /*changed from margin: 0 100px 3-7-21*/
}
.testimonial-slide .slick-dots {
	/*bottom: 40px;*/
}
.testimonial-slide .slick-dots li button:before {
	font-size: 50px;
	color: transparent;
}
.testimonial-slide .slick-dots li button {
	border: 3px solid #7ab7bc;
	border-radius: 20px;
	background: #7ab7bc;
}
.testimonial-slide .slick-active button {
	background: #eef1f1 !important;
}
.testimonial-slide .location { /*New selector for new Location text field*/
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #ffffff;
	font-weight: 400;
    margin-top: -5px;
	line-height: 1em;
}
.navigation.pagination {
	float: none;
}
.navigation.pagination .nav-links {
	margin-left: auto;
	margin-right: auto;
	display: block;
    max-width: 780px; /*added 3-7-21*/
}
.slick-arrow {
	width: 16px;/*chnaged from 24px 3-7-21*/
	height: 16px;/*chnaged from 24px 3-7-21*/
	border-color: #FFFFFF;
	position: absolute;
	top: 50%;
	margin-top: -31px;
	border-radius: 0;
	z-index: 99;
}
.slick-prev {
   border-bottom: 3px solid #FFFFFF !important;/*changed from 6px 3-7-21*/
   border-left: 3px solid #FFFFFF !important;/*changed from 6px 3-7-21*/
   transform: rotate(45deg) !important;
   /*left: 1px !important; cut 3-7-21*/
}
.slick-next {
   border-bottom: 3px solid #FFFFFF !important;/*changed from 6px 3-7-21*/
   border-left: 3px solid #FFFFFF !important;/*changed from 6px 3-7-21*/
   transform: rotate(-135deg) !important;
   /*right: 1px !important; cut 3-7-21*/
}
.slick-next:before,
.slick-prev:before {
	display: none;
}
.slick-list {
	margin: 0;
}
/* Testimonial Media Queries */
@media only screen and (max-width: 1024px) {/*added 3-7-21*/
    .testimonial-text {
	   flex-basis: 60%;/*changed from 70% 3-7-21*/
        margin-right: 20px;/*added 3-7-21*/
        margin-left: 40px;/*added 3-7-21*/
    }
    .testimonial-image {
	   flex-basis: 40%;/*changed from 30% 3-7-21*/
    }
    .testimonial p {
        font-size: 21px;
    }
    .testimony .name {
        font-size: 24px;/*added 3-7-21*/
    }
}
@media screen and (max-width: 768px) {
    .testimonial {/*added 3-7-21*/
        clip-path: polygon(100% 5%, 100% 95%, 0 100%, 0 0);
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10%;/*added 3-17-21*/
    }
    .testimonial h3 {
		font-size: 36px;/*added 3-7-21*/
    }
    .testimonial-image {
		display: none;
	}
	.testimonial-text {
		flex-basis: 100%;
        padding-left: 5px;
        padding-right: 5px;
	}
    .slick-prev {/*added 3-17-21*/
        margin-left: 20px;
    }
    .slick-next {/*added 3-17-21*/
        margin-right: 20px;
    }
}
@media screen and (max-width: 425px) {
	/*.slick-arrow {
		width: 24px;
		height: 24px;
	} cut 3-7-21*/
	.testimonial .slick-list {
		overflow: hidden;
	}
    .testimonial-text {/*added 3-17-21*/
        padding-left: 0px;
        padding-right: 0px;
	}
}
@media screen and (max-width: 375px) {/*added 3-7-21*/
    .testimonial p {
        font-size: 18px;
    }
    .testimony .name {
        font-size: 21px;
    }
    .testimony .title {
        font-size: 12px;
    }
    .testimonial-slide .location {
        font-size: 12px;
    } 
}


/* Conversation */
.conversation {
	margin-bottom: 30px;
	padding-top: 40px;/*changed from 50px 3-7-21*/
    padding-left: 40px;/*added 3-7-21*/
    padding-right: 40px;/*added 3-7-21*/
}
.conversation .container {/*added 3-17-21*/
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}
.conversation h3 {
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 0;
    line-height: 1.5;/*added 3-7-21*/
}
.conversation h3,
.conversation p {
	color: #393030;
}
.conversation .intro {
	margin-top: 10px;/*changed from 15px 3-7-21*/
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;/*added 3-7-21*/
    color: #393030;
}
.conversation form div,
.newsletter,
.social-media  {
	display: inline-block;
}
.conversation input[type=text],
.conversation input[type=email] {
	background: #daf1f3;/*changed from #e68c4d; 3-7-21*/
    border: 1px solid #daf1f3;/*changed from #e68c4d; 3-7-21*/
    color: #7ab7bc;
    height: 48px;/*changed from 45px 3-7-21*/
    padding: 5px;/*changed from 10px 3-7-21*/
	width: 275px;
    line-height: 48px;/*changed from 45px 3-7-21*/
    margin-right: 20px;
    margin-top: 15px;/*added 3-7-21*/
    font-size: 24px;/*changed from 20px 3-7-21*/
	font-family: "HelveticaNeue", "Arial", Sans-Serif !important;
    font-weight: 700;/*added 3-7-21*/
}
.conversation input[type=submit] {
	background: #f78431;/*changed from #e68c4d 3-7-21*/
	color: #ffffff;
	font-size: 24px;/*changed from 20px 3-7-21*/
	font-weight: bold;
	border: 1px solid #f78431;/*changed from #e68c4d 3-7-21*/
	height: 48px;/*changed from 45px 3-7-21*/
	font-family: "HelveticaNeue", "Arial", Sans-Serif;
	font-weight: bold;
	line-height: 1px;
	position: relative;
    margin-bottom: -5px;
    margin-right: 10px;/*added 3-7-21*/
}
.conversation input[type=submit]:hover {
    background-color: #67b9bc;
    border-color: #67b9bc;
}
.conversation input::placeholder {
	color: #7ab7bc;
	font-size: 24px;/*changed from 20px 3-7-21*/
	font-family: "HelveticaNeue", "Arial", Sans-Serif;
	font-weight: bold;
}
.social-media a {
	display: inline-block;
	text-indent: -9999px;
	width: 25px;
	height: 25px;
	margin: 0 10px;/*changed from 30px 3-9-21*/
}
.social-media span {
	display: inline-block;
	margin: 0 50px
}
/* Conversation Media Queries*/
@media only screen and (max-width: 950px) {/*added 3-7-21*/
	.social-media {
		margin-top: 20px;
		margin-left: 445px;
		}
	.conversation input[type=submit] {
		margin-top: 20px;
		margin-left: 455px;
	}
}
@media only screen and (max-width: 768px) {/*added 3-7-21*/
    .conversation {
        padding-left: 20px;
        padding-right: 20px;
    }
    .conversation h3 {/*separated from ".conversation .newsletter div" 3-7-21*/
        font-size: 36px;
        margin-bottom: 10px;
    }
    .conversation .intro {/*added 3-7-21*/
        font-size: 21px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .conversation input[type=submit] {/*added 3-17-21*/
        margin-left: 0px;
    }
    .social-media {/*added 3-17-21*/
        margin-left: -150px;
    }
    .social-media span {
		margin: 20px 3px;
	}
    .conversation .newsletter div {/*separated from ".conversation h3" 3-7-21*/
        display: block;
    }
}
@media only screen and (max-width: 675px) {/*added 3-7-21*/
	.conversation .intro {
		margin-bottom: 5px;
	}
	.social-media {
		margin-left: -160px;
		margin-top: 0px;
		}
	.conversation input[type=text] {
		margin-bottom: 5px;
	}
	.conversation input[type=email] {
		margin-bottom: 5px;
	}
	.conversation input[type=submit] {
		margin-left: 0px;
		margin-top: 15px;
	}
	.conversation .newsletter div {
		display: block;
    }
}
@media only screen and (max-width: 325px) {/*added 3-7-21*/
	.social-media {
		margin-left: -10px;
		margin-top: 20px;
	}
}

/* Footer */
footer {
	background: url(images/footer-bg.jpg) no-repeat top center;
	background-size: cover;
	min-height: 553px;
	color: #ffffff;
	padding-top: 80px;
    padding-bottom:10px;/*added 3-17-21*.
	margin-top: 20px;/*changed from 80px 3-7-21*/
    padding-left: 40px;
    padding-right: 40px;
}
footer .container {
	display: flex;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}
footer .widget {
	width: 25%;
}
footer ul {
	padding: 0;
	margin: 0;
}
footer h4 {
	margin-bottom: 0;
	font-size: 22px;
}
footer ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}
footer a, 
footer .widget a {
	color: #FFFFFF;
	text-decoration: none;
}
footer a:visited {
	color: #FFFFFF;
}
footer input[type=text],
footer input[type=email] {
	background: #d4f2f4;
	height: 45px;
	width: 277px;
	border: 1px solid #d4f2f4;
	padding: 15px;
	color: #7ab7bc !important;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 12px;
	font-family: arial, sans-serif;
}
footer input[type=submit] {
	background: #e68c4d;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	/*border: 1px solid #e68c4d; cut 3-17-21*/
	height: 45px;
	line-height: 0;
	font-family: "HelveticaNeue", "Arial", Sans-Serif;
	margin-left: 0px;/*changed from 26px 3-7-21*/
}
footer input[type=submit]:hover {
    background-color: #67b9bc;
}
footer input::placeholder {
	color: #7ab7bc;
	font-size: 20px;
	font-family: "HelveticaNeue", "Arial", Sans-Serif;
	font-weight: bold;
}
footer.entry-footer {
	background: transparent;
	min-height: auto;
}
footer h2.widget-title {
	font-size: 24px;/*changed from 20px 3-7-21*/
	font-weight: 600;
}
footer .widget li {
	font-size: 21px;/*changed from 20px 3-7-21*/
	font-weight: normal;
}
.widget-title:before {
	display: none;
}
.copyright {
	margin-top: 30px;/*extracted from margin: 30px auto 0; 3-7-21*/
    margin-bottom: 30px;/*extracted from margin: 30px auto 0; 3-7-21*/
    padding-left: 40px; /*added 3-7-21*/
    padding-bottom: 10px;/*added 3-7-21*/
    /*max-width: 1160px;cut 3-7-21*/
    /*margin: 30px auto 0;cut 3-7-21*/
}
/*#custom_html-2 {
		margin-left: 10px;
}*/
.colophon p {
	text-align: center;
	color: #76c0c3;
	font-size: 14px;
}
/* Footer Social */
.soc {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	margin-right: 10px;
	position: relative;
	margin-bottom: 8px;
}
.soc.fb {
	background: url(images/foot-icon-fb.png) no-repeat center;
	background-size: contain;
}
.soc.fb:hover {/*added 3-7-21*/
	background: url(images/fb-orange-24px.png) no-repeat center;
}
.soc.tw {
	background: url(images/foot-icon-t.png) no-repeat center;
	background-size: contain;
}
.soc.tw:hover {/*added 3-7-21*/
	background: url(images/twitter-orange-24px.png) no-repeat center;
}
.soc.in {
	background: url(images/foot-icon-in.png) no-repeat center;
	background-size: contain;
}
.soc.in:hover {/*added 3-7-21*/
	background: url(images/linkedin-orange-24px.png) no-repeat center;
}
/* Footer Media Rules*/
@media only screen and (max-width: 1172px) {
    footer .container {
		flex-wrap: wrap;
	}
	footer .widget {
		width: 30%;/*changed from 50% 3-7-21*/
        margin: 0 10px 1rem;/*added 3-7-21*/
	}
}
@media only screen and (max-width: 768px) {
    footer {/*added 3-7-21*/
        background-image: linear-gradient(120deg, #009999, 45%, #67b9bd);
        clip-path: polygon(0 0%, 100% 5%, 100% 100%, 0 950%);
        padding-top: 60px;
        padding-left: 0px;/*added 3-17-21*/
        padding-right: 0px;/*added 3-17-21*/
        margin-top: 40px;
    }
    footer .container {/*added 3-7-21*/
        padding-left: 20px;
        padding-right: 20px;
	}
    footer .widget {
		width: 30%;/*changed from 100% 3-7-21*/
	}
    footer .widget li {
	   font-size: 18px;/*changed from 20px 3-7-21*/
	   font-weight: 500;/*added 3-7-21*/
    }
    #nav_menu-3 {/*"What We Do" links*/
		margin-left: -15px;
	}
}
@media only screen and (max-width: 650px) {/*added 3-7-21*/
    footer .widget {
		width: 25%;/*changed from 100% 3-7-21*/
	}
}
@media only screen and (max-width: 425px) {/*added 3-7-21*/
    footer {/*added 3-17-21*/
        background-image: linear-gradient(120deg, #009999, 45%, #67b9bd);
        clip-path: polygon(0 0%, 100% 3%, 100% 100%, 0 950%);
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 40px;
        margin-top: 30px;
    }
    footer .widget {
        margin: 0 0px 1rem;/*added 3-7-21, changed 5px left/right margin to 0px 3-17-21*/
	}
    footer h2.widget-title {/*added 3-17-21*/
	   font-size: 16px;
	   font-weight: 600;
    }
    footer .widget li {
        font-size: 12px;
    }
    #nav_menu-2 {/*"About" links, added 3-17-21*/
		margin-left: 0px;
        margin-right: 0px;
	}
    #nav_menu-3 {/*"What We Do" links*/
		margin-left: 40px;
		margin-right: 40px;
	}
    #nav_menu-4 {/*"Civity Stories" links, added 3-17-21*/
		margin-left: -15px;
	}
    #custom_html-2 > h2 {/*Join the Conversation*/
        font-size: 24px;
    }
    #custom_html-2 > div > form > div:nth-child(3) {/*social icons and Sign Up button*/
        min-width: 350px;
    }
}
@media only screen and (max-width: 320px) {/*added 3-17-21*/
    #nav_menu-3 {/*"What We Do" links*/
		margin-left: 30px;
		margin-right: 30px;
	}
    #custom_html-2 > div > form > div:nth-child(3) {/*social icons and Sign Up button*/
        min-width: 320px;
    }
}


/* Blog */
.entry .entry-title:before {
	display: none !important;
}
.entry .entry-title a {
	color: #67b9bd;/*changed from #8cc1c5 3-7-21*/
}
.entry .entry-title a:hover {
	color: #f6873b;/*added 3-18-21*/
}
.post-navigation {
	float: none;
}
.single .entry-footer,
.page .entry-footer {
	display: none;
}
.entry .entry-content .wp-block-image {
    max-width: 780px; /*added 3-18-21*/
}
.entry .entry-content .wp-block-image img {
    margin: auto;
    max-width: 780px; /*added 3-18-21*/
}
@media only screen and (min-width: 768px) {/*added 3-7-21*/
    .entry .entry-content, .entry .entry-summary {
        width: 100%;
	}
}
@media only screen and (max-width: 768px) {
    .entry .entry-content, .entry .entry-summary {
        width: 100%;
	}
}
/* Blog index */
.blog #main article,
.archive #main article {
	max-width: 1140px; /*changed from 1160px 3-7-21*/
	margin: 0 auto;
}
.blog #main .post-thumbnail,
.archive #main .post-thumbnail {
	margin: 40px 20px;
    max-width: 350px;/*changed from 500px 3-18-21*/
    float: left;
}
.hfeed .entry .entry-header {
	margin: 0;
}
.entry .entry-title {/*added 3-18-21*/
    color: #67b9bd;
}
.entry .entry-footer {
	max-width: 780px;/*changed from 100% 3-18-21*/
    margin-left: 20px;
    margin-right: 0px;
    margin-top: 20px;
    padding: 0;
    text-align: center;
    font-size: 16px;/*added 3-7-21*/
    /*margin: 0 auto 60px; cut 3-7-21*/
}
.archive .page-header, .search .page-header, .error404 .page-header {
	/*margin: 0; cut 3-7-21*/
	max-width: 780px;/*changed from 1160px 3-7-21*/
	margin-left: auto;
	margin-right: auto;
}
.entry .entry-content a {/*added 3-7-21*/
	text-decoration: none;
	color: #339999;/*changed from #339999 3-17-21*/
    font-weight: 700;
}
.entry .entry-content a:hover {/*added 3-7-21*/
	color: #f6873b;/*changed from #e68c4d 3-17-21*/
}
.page .entry .entry-content a {
	text-decoration: none;
	color: #7bb8bd;
}
.page .entry .entry-content a:hover {
	color: #f6873b;/*changed from #e68c4d 3-17-21*/
}
.blog div.entry-content {
    max-width: 780px;
}
.blog div.entry-header {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.post-template-default div.entry-header {
    max-width: 780px;/*changed from 1160px 3-7-21*/
    margin: 0 auto;
}
.post-template-default div.entry-content {
    max-width: 780px;/*changed from "max-width: 1160px" and from 780px 3-7-21*/
    margin: 0 auto;
    font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;/*added 3-7-21*/
    font-size: 21px;/*added 3-7-21*/
    font-weight: 400;/*added 3-7-21*/
    color: #5a6169;
    line-height: 31px;
}
@media only screen and (min-width: 768px) { 
    .entry .entry-header {
        max-width: 780px !important;
        margin: 0 auto !important;
        padding-left: 20px !important;/*changed from 40px 3-7-21*/
        padding-right: 20px !important;/*changed from 40px 3-7-21*/
    }
    .entry .entry-title {/*added 3-7-21*/
        margin: 0;
        padding-bottom: 10px;
        color: #67b9bd;
    }
@media only screen and (max-width: 768px) 
    .entry .entry-header {
        max-width: 780px;
        margin: 0 auto;
        padding-left: 20px;/*changed from 40px 3-7-21*/
        padding-right: 20px;/*changed from 40px 3-7-21*/
    }
    .entry .entry-title {/*added 3-7-21*/
        margin: 0;
        padding-bottom: 10px;
        color: #67b9bd;
    }
}    
    
/* Blog Media Queries */
@media only screen and (min-width: 768px) {
    .post-template-default div.entry-content {
        max-width: 780px;/*changed from "max-width: 1160px"*/
        font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;/*added 3-7-21*/
        font-size: 21px;/*added 3-7-21*/
        font-weight: 400;/*added 3-7-21*/
        color: #5a6169;
        line-height: 31px;
        padding-left: 20px; /*changed from 40px 3-7-21*/
        padding-right: 20px; /*changed from 40px 3-7-21*/
    }
    .post-template-default div.entry-header  {
        max-width: 780px; /*changed from 1160px 3-7-21*/
        margin: 0 auto;
	}
    .entry .entry-title {/*added 3-7-21*/
        margin: 0;
        padding-bottom: 10px;
        color: #67b9bd;
    }
}
@media only screen and (max-width: 768px) {
    .post-template-default div.entry-header {
        margin: 0 auto;
        max-width: 780px; /*changed from 1160px 3-7-21*/
        padding-left: 20px;/*changed from 40px 3-7-21*/
        padding-right: 20px;/*changed from 40px 3-7-21*/
    }
    .post-template-default div.entry-content {
        padding-left: 20px;/*changed from 40px 3-7-21*/
        padding-right: 20px;/*changed from 40px 3-7-21*/
        	    margin: 0 auto;
        font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;/*added 3-7-21*/
        font-size: 18px;/*added 3-7-21*/
        font-weight: 400;/*added 3-7-21*/
        color: #5a6169;
        line-height: 25px;
        /*padding-left: 40px; cut 3-7-21, changed from 40px 3-7-21*/
        /*padding-right: 40px; cut 3-7-21, changed from 40px 3-7-21*/
    }
}
/* Contact Us Form */
#gform_1 > div.gform_heading > h3 {/*added 4-17-21*/
    color: #67b9bd;
    font-size: 62px; 
}
#gform_submit_button_1 {
    background-color: #67b9bd;
    font-size: 21px;/*added 4-5-21*/
}
#gform_submit_button_1:hover {
    background-color: #FF9933;
}
.gform_wrapper form {/*added 4-5-21*/
    max-width: 900px !important;
}
#field_1_5 > label {/*About>Contact>Name label, added 4-5-21*/
    color: #f6873b;
    font-size: 21px;
}
#field_1_2 > label {/*About>Contact>Email label, added 4-5-21*/
    color: #f6873b;
    font-size: 21px;
}
#field_1_3 > label {/*About>Contact>Subject label, added 4-5-21*/
    color: #f6873b;
    font-size: 21px;
}
#field_1_4 > label {/*About>Contact>Message label, added 4-5-21*/
    color: #f6873b;
    font-size: 21px;
}
/* Contact Us Form Media Rules*/
@media screen and (max-width:1025px) {
    .gform_wrapper form {
        min-width: auto !important;
        max-width: 768px !important;
    }
    #gform_1 > div.gform_heading > h3 {/*added 4-17-21*/
        font-size: 48px;
    }
}
@media only screen and (max-width: 845px) {
    .gform_wrapper form {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media only screen and (max-width: 768px) {
    .gform_wrapper form {
        max-width: 768px !important;
    }
    #gform_1 > div.gform_heading > h3 {/*added 4-17-21*/
        font-size: 36px;
    }
}
@media only screen and (max-width: 480px) {
    .gform_wrapper form {
        max-width: 480px !important;
        padding-left: 20px;
        padding-right: 20px;
    }
}
  

/* Newsletter Sign Up Form */
#gform_3 > div.gform_heading {
    color: #67b9bd !important;
    font-size: 24px !important;    
}
#gform_3 > div.gform_heading > h3 {
    color: #67b9bd !important;
    font-size: 24px !important;
}
#gform_submit_button_3 {
    background-color: #FF9933 !important;
    font-size: 21px;/*added 4-5-21*/
}
#gform_submit_button_3:hover {
    background-color: #67b9bd !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    background-color: #67b9bd !important;
}

    
/* Logo Grid */
.logo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 1rem;
}
.logo-grid div {
    background: white;
    padding: 1rem;
    display: grid;
    place-items: center;
}
.logo-grid div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    grid-area: 1 / 1 / 2 / 2;
}
.logo-grid div::before {
    content: "";
    display: block;
    padding-bottom: 100%;
    grid-area: 2 / 2 / 2 / 2;
}


/* Podcast */
.pp-podcast__wrapper {
    padding-left: 40px;
    padding-right: 40px;
}
.postview .pod-entry__title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #67b9bd !important;
}
.postview.wide-player .pod-entry__title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pp-podcast[id^=pp-podcast-] .pod-entry__title a, .pp-modal-window .pod-entry__title a {
    color: #67b9bd !important;
}
.pod-entry {
    font-size: 16px !important;
}
/*.postview.wide-player .pod-entry__date {
    font-weight: bold !important;
    color: #f6873b !important;
}*/
.pod-entry__date {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #f6873b !important;
}