body { margin:0;padding:0;background:#fff;
}
.mobile {display:none;}
.print_header {display:none;}
#wrapper {margin:0 auto;
	width:1020px;
}
a {color:#064254;}
a:hover {color:#4a91a7;}
.main_content a {text-decoration:underline;}
.header {background:#064254;padding:10px 0px;}
.super-header {background:white;padding:5px 0px;}
.super-header .header-social {height:30px;padding:4px 10px 0px 10px;}
.super-header .header-social a {height:30px;display:inline-block;}
.super-header .search {display:flex;justify-content:space-between; min-width:100px;}
.super-header #wrapper {display:flex;justify-content:flex-start;width:80%;align-items:center;}
 .megafooter-signup #wrapper {display:flex;justify-content:space-evenly;width:70%;align-items:center;}
.about-section, .megafooter {background:#064254;float:left;width:100%;padding:40px 0px;}
.megafooter-signup {background:#dda827;float:left;width:100%;padding:25px 0;}
.header-signup .sign_up {padding-left:10px;height:30px;overflow:hidden;}
.megafooter-signup .sign_up, .megafooter-signup span {width:50%;}

	.sign_up header.at-title, 	.sign_up legend.at-legend {display:none;}
		.ngpembed header.at-title, 	.ngpembed legend.at-legend {display:none;}
	.sign_up section.at-inner {background-color:transparent;}

.sign_up header.HeaderHtml {font-family: 'Roboto', sans-serif;font-size:24px;line-height:30px;font-weight:bold;text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);}

 .sign_up header.HeaderHtml p {margin-bottom:1em;}
  .sign_up header.HeaderHtml p:last-child {margin-bottom:0em;}
.HeaderHtml, .FooterHtml, .MeterHtml {
    padding: 0 !important;
}
.at-row.EmailAddress {order:1;width:48%;}
.at-row.FirstName {order:2;width:38%;}

.at-row.PostalCode input[type=tel] {margin:0;width:80px;}
.at-fields .at-row>[class^="at-"] {min-width:100px;}
.sign_up .at-fields .at-row>[class^="at-"] {min-width:80px;margin:0;}
.sign_up .at-fields {display:flex;}
.sign_up .at-fields .at-row label.at-text.EmailAddress, .sign_up .at-fields .at-row label.at-text.PostalCode {display: flex;font-size:0px;
    flex-wrap: wrap-reverse;}
	 .at form {display:flex;}
	 fieldset.at-fieldset {padding:0 !important;width:80%;min-width:80% !important;}
	 .sign_up .at-form-submit {padding: 0rem !important;margin:0 0 0 3px;}
.sign_up .at-row.EmailAddress {order:1;width:70%;}
.sign_up .at-row.PostalCode {order:3;width:30px;margin:0 10px;}
.search, .header-signup  {display:flex;justify-content:space-between;align-items:center;}
.header-signup .ngp-form {width:400px;}
.header-signup .sign_up .at-row.EmailAddress input[type=email] {background:#dbeaee;border:1px solid #cdcdcd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;height:30px;}
.header-signup .sign_up .at-row.PostalCode input[type=tel] {background:#dbeaee;border:1px solid #cdcdcd;height:30px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;}
.header-signup .sign_up input.at-submit.btn-at.btn-at-primary  {background:#dda827;color:white;-webkit-border-radius: 1px;
	-moz-border-radius: 1px;margin:0;
	border-radius: 1px;padding:0px 10px;font-family: 'Roboto', sans-serif;font-weight:normal;font-size:15px;height:30px;}
	.megafooter-signup #wrapper span {color:white;}
.sign_up .ngp-form {height:40px;}
.sign_up  .at-row.EmailAddress input[type=email] {background:#fff;border:1px solid #cdcdcd;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;height:50px;}
.sign_up .at-row.PostalCode input[type=tel] {background:#fff;border:1px solid #cdcdcd;height:50px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;}
 .sign_up input.at-submit.btn-at.btn-at-primary  {background:#3888a1;color:white;-webkit-border-radius: 1px;
		-moz-border-radius: 1px;margin:0;
		border-radius: 1px;padding:0px 10px;font-family: 'Roboto', sans-serif;font-weight:bold;font-size:18px;height:40px;}
		
		a.button  {background:#3888a1;color:white;-webkit-border-radius: 3px;
		-moz-border-radius: 3px;margin:0;
		border-radius: 3px;padding:10px 33px;font-family: 'Roboto', sans-serif;font-weight:bold;font-size:18px;height:40px;text-transform:uppercase;text-decoration:none;}
		
		.news-features .sign_up {float:left;width:94%;background:#064254;-webkit-border-radius: 10px;
-moz-border-radius: 10px;display:flex;justify-content:space-between;align-items:center;
border-radius: 10px;padding:20px 3%;color:white;}
		.news-features .sign_up p {font-size:16px;line-height:20px;width:70%;margin:0;text-align:left;}
		.news-features .sign_up a.button {background:#DDA827;}
		.news-features .sign_up a.button:hover {background:#3888a1;}
		a.button:hover {background:#dda827;}
.about-section	a.button {background:#dda827;}
.about-section a.button:hover {background:#3888a1;text-decoration:none;}
.header-signup .sign_up input.at-submit.btn-at.btn-at-primary:hover {background:#4a91a7;}
.sign_up input.at-submit.btn-at.btn-at-primary:hover {background:#064254;}
.sign_up input::placeholder {
color:#064254 !important;
  font-size: 1em;
}
.search {height:30px;line-height:1;}
.gsc-search-box {background:#dda827;padding:20px;}
.search span, .header-signup span {color:#064254;font-weight:300;font-size:1.1vw;}
.search span a {color:#064254;font-weight:300;font-size:1.1vw;text-decoration:none;line-height:1;}
.ngpembed input.at-submit.btn-at.btn-at-primary {background:#dda827;color:white;-webkit-border-radius: 6px;
-moz-border-radius: 6px;margin-bottom:0;
border-radius: 6px;padding:15px 30px;font-family: 'Roboto', sans-serif;font-weight:normal;font-size:20px;}
.sign_up .UpdateMyProfile span.text {color:white;}
.ngpembed .at-form-submit .at-submit {float:left;margin:0;}
.ngpembed label.at-text {margin:1em 0.625rem;text-transform:uppercase;;}

.at input[type="text"], .at input[type="password"], .at input[type="date"], .at input[type="datetime"], .at input[type="datetime-local"], .at input[type="month"], .at input[type="week"], .at input[type="email"], .at input[type="number"], .at input[type="search"], .at input[type="tel"], .at input[type="time"], .at input[type="url"], .at input[type="color"], .at textarea {
		margin: 0 !important;height:40px !important;}
		.header-signup .sign_up .at-row.PostalCode input[type=tel] {height:30px !important;}
.header-signup .sign_up .at-row.EmailAddress input[type=email] {height:30px !important;}
		
.footer {float:left;
    background-color: #042e3b;padding:15px 0;
   width:100%;color:white;font-size:15px;
}
.footer a {
    color: white;
    font-weight: bold;
}
.footer #wrapper, .megafooter #wrapper {display:flex;justify-content:space-evenly;}
.header #wrapper{display:flex;justify-content:space-between;align-items:center;}
.header a.logo {max-width:30%;line-height:.9;}
a.logo img, .main_content img {max-width:100%;}
.main_content iframe {margin:20px auto 30px;display:block;}

/*

nav a:hover {
background:#4A91A7;text-decoration:none;
}

nav ul ul {
	display: none;
	position: absolute;
	top:120px; background-color:#444;z-index:1200;width:200px;
}

nav ul li:hover > ul {
	display:inherit;
}

nav ul ul li {	margin: 0px;list-style-type:none;
	float:none;
	display:inline-block;width:100%;
	position: relative;margin:0;padding:0;
}
nav ul ul li a {color:white;font-size:13px;padding:5px 5%;width:90%;line-height:15px;margin:5px 0px;display:block;}
nav ul li ul li a:hover, nav ul li ul li a:visited:hover {background-color:#B7D77A;color:#222;font-size:13px;}
*/nav:after {
	content:"";
	display:table;
	clear:both;
}
nav {font-family: 'Roboto', sans-serif;font-size:18px;text-transform:uppercase;list-style-type:none;float:right;text-align:right;width:70%;}

nav ul {
    list-style: none;
    padding: 0;height:45px;
    margin: 0;display:flex;justify-content:space-evenly;
}
nav ul li {
    float: left;
    position: relative;
}
nav a {
    text-decoration: none;padding:0px;
    color: #fff;
    display: block;
    line-height: 45px;
    text-align: center;
}
nav a:hover {color:#fbb000;
text-decoration:none;
}
nav ul li ul {
    position: absolute;border:1px solid rgba(0,0,0,.3);
    left: 0;
    top: 45px;
    display: none;
}
nav ul li:hover>ul {
    display: block;
}
nav ul li ul li {
    float : none;min-width:200px;border-bottom:1px solid rgba(0,0,0,.3);
    background: rgba(6, 66, 84,1);margin:0;z-index:1200;
}
nav ul li ul li a {
    text-decoration: none;padding:2px 5px;
    color: #fff;font-size:14px;
    display: block;
    line-height: 35px;
    text-align: center;
}

ul li ul li ul {
    position: absolute;border:none;
    top: 10px;
    left: 200px;
    display: none;
}
nav ul li ul li ul li a {
    text-decoration: none;padding:2px 5px;
    color: #fff;font-size:13px;
    display: block;
    line-height: auto;
    text-align: center;
}

.about-section {color:white;text-align:center;font-weight:bold;font-size:120%;}
.infographic-slider {float:left;width:100%;}

.home-slider {float:left;background:url(/media/images/ocp.homeheader.jpg) 50% 70% no-repeat;background-size:100%;width:100%;height:56vh;display:flex;align-items:flex-end;justify-content:flex-end;}
.cycle-infographic a, .cycle-slideshow a {width:100%;}
.cycle-slideshow {width:630px;margin:0 30px 15px;}
.cycle-infographic, .cycle-slideshow {line-height:1;}
 .cycle-slideshow img {
    /*
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
   max-width: 100%; padding: 0; display: block;
}
.cycle-infographic img {
    /*
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;max-width:100%;
   width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-infographic img:first-child, .cycle-slideshow img:first-child {
    position: static; z-index: 100;
}
.home-slider #custom-pager{
    text-align: center; width: 100%; z-index: 500; position: relative; top:0px; overflow: hidden;z-index:1200;padding:20px 0px;
}

.home-slider .cycle-pager {
    text-align: center; width: 100%; z-index: 500; position: relative; top:2px; overflow: hidden;z-index:1200;font-size:70px;line-height:20px;padding:5px 0 0;
}
.cycle-infographic .cycle-pager {
    text-align: center; width: 100%; z-index: 500; position: relative; top:20px; overflow: hidden;z-index:1200;
}
.home-slider #custom-pager span {
    font-family: arial; font-size: 30px;margin:0px 5px;line-height:0px;
    display: inline-block; cursor: pointer;
}
.home-slider .arrows {display:flex;justify-content:space-between;width:90%;margin:0 auto;}
.home-slider .cycle-next {text-align:right;}
 .home-slider .cycle-prev, .home-slider .cycle-next {color:white;font-size:28px;font-weight:bold;} 
 .home-slider a.cycle-prev:hover, .home-slider a.cycle-next:hover {text-decoration:none;color:#064254;} 
#custom-pager span.cycle-pager-active{ color: #dda827;}
.cycle-infographic .cycle-pager span {
    font-family: arial; font-size: 70px; width: 20px; height: 20px;color:#dedede;
    display: inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span {color:white;}
.cycle-pager span.cycle-pager-active { color: #dda827;}
.cycle-pager > * { cursor: pointer;}

.interior_content_area {float:left;width:100%;}
.main_content {
	width:70%;max-width:700px;margin:0 auto;min-height:500px;
}
.main_content_wide {
	width:90%;max-width:1020px;margin:0 auto;min-height:500px;display:flex;
}
.main_content_wide > .main_content {margin:0;width:100%;max-width:1020px;}
.main_content h2, .main_content h3, .main_content h4 {margin:1em 0 .5em;clear:both;line-height:1em;}
.main_content h2 {
    font-size: 3vw;
    color: #317d97;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
	 border-bottom:5px solid #dda827;padding-bottom:5px;
 }
 .main_content h3 {
     font-size: 2vw;
     color: #317d97;
     text-transform: uppercase;
     font-family: 'Roboto Condensed', sans-serif;
 	 border-bottom:2px solid #dda827;padding-bottom:5px;
  }
  .main_content h4 {
      font-size: 1.6vw;
      color: #317d97;
      text-transform: uppercase;
      font-family: 'Roboto Condensed', sans-serif;
  	 border-bottom:1px solid #dda827;padding-bottom:5px;
   }
body.about .interior_content_area, body.issues .interior_content_area {background:#DBEAEE;}

body.board .interior_content_area {background:url(/media/images/agriculture-4431318_1920.jpg) 50% 50% no-repeat;background-size:cover;padding-bottom:100px;}
body.news .interior_content_area {background:url(/media/images/tractorfield.jpg) 50% 50% no-repeat;background-size:cover;padding-bottom:100px;}
.header_title {width:90%;text-align:center;height:60vh;background:url(/media/images/ocp.interiorheader1.jpg) 50% 90% no-repeat;background-size:cover;display:flex;align-items:center;justify-content:space-evenly;margin-bottom:40px;padding:0 5%;}
body.about .header_title {background:url(/media/images/about.jpg) 50% 50% no-repeat;background-size:cover;}
body.ourwork .header_title {background:url(/media/images/ourwork.jpg) 50% 60% no-repeat;background-size:cover;}
body.issues .header_title {background:url(/media/images/issues.jpg) 50% 50% no-repeat;background-size:cover;}
body.podcasts .header_title {background:url(/media/images/podcasts.jpg) 50% 50% no-repeat;background-size:cover;}
body.contact .header_title {background:url(/media/images/contact.jpg) 50% 50% no-repeat;background-size:cover;}
body.events .header_title {background:url(/media/images/events.jpg) 50% 50% no-repeat;background-size:cover;}
body.index-research .header_title {background:url(/media/images/research.jpg) 50% 50% no-repeat;background-size:cover;}
body.index-press-releases .header_title {background:url(/media/images/press-releases.jpg) 50% 50% no-repeat;background-size:cover;}
body.index-news .header_title {background:url(/media/images/news.jpg) 50% 50% no-repeat;background-size:cover;}
body.board .header_title {
    height: 20vh;
    background:none;
}

.header_title h1  {font-size:4.2vw;color:white;line-height:1em;margin-bottom:0;}
.twitter_widget {width:400px;height:700px;}
.megafooter-right {text-align:center;}
.footer-logo img {width:420px;margin:20px auto;}
.footer-social {text-align:center;padding:10px 0px;}
.super-header svg {fill:#064254;}
.footer-social svg {fill:#fbcb55;width:48px;height:48px;margin:5px;}

.footer-social a:hover svg, .super-header a:hover svg {fill:#3888a1}
.footer-donate {color:white;max-width:500px;}
.footer-donate p a {font-weight:normal;color:white;text-decoration:none;font-size:1.4vw;white-space:break-spaces;}
.footer-donate h2 a {font-weight:bold;color:white;text-decoration:none;font-size:2vw;}
.footer-donate h2 {margin:20px 0;}
p.actblueexpress {
    font-size: 1.1vw;
    color: #fff;font-style:italic;
}
a.donate-button {
    background: #3888a1;
    font-size: 1.3vw;
    color: #fff;
    width: 95px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px;
    display: inline-block;
    margin: 10px;}
	 a.donate-button:hover {background:#fbcb55;color:#064254;text-decoration:none;}
	 
.features {float:left;width:100%;text-align:center;padding:50px 0px;}
.features.Podcasts {width:65%;text-align:left;padding:0;}
.podcast-sidebar {padding:0 20px;}
.podcast-sidebar iframe {margin:0;}
.news-list.Podcasts .feature {min-height:220px;}
.news-list.Podcasts .feature .intro a {font-weight:normal;}
.news-list.Podcasts .feature .intro {font-size:16px;display:block;line-height:22px;margin-top:.5em}
.news-list.Podcasts .feature .title a {text-decoration:none;}
.news-list.Podcasts .feature .title {
    font-size: 26px;
    line-height: 30px;
 }
.news-list.Podcasts .feature .title  .posted_on {
     font-size: 16px;color:black;margin-bottom:.5em;
 }
img.showtile {height:200px;float:left;margin:0px 15px 0px 5px;}
body.index-podcasts .main_content {width:100%;max-width:1020px;display:flex;justify-content:space-between;padding-bottom:40px;}
.features.Podcasts #wrapper {
    width: 100%;
}
.features #wrapper {display:flex;justify-content:space-evenly;align-items:center;width:80%;}
.feature {max-width:270px;}
.feature div {display:block;}
.feature .type img {display:block;width:95px;height:95px;margin:10px auto;}
.feature .type {text-transform:uppercase;font-size:14px;letter-spacing:.06em;}
.feature .type a {font-weight:300;color:#231f20;}
.feature .type a:hover {text-decoration:none;}
.feature .title {font-size:16px;line-height:20px;margin:10px 0px;}
.feature .title a {color:black;}
.feature .readnow {margin-bottom:50px}
.news-story .readnow a , .feature .readnow a {color:#064254;font-size:14px;text-transform:uppercase;padding:5px 10px;text-decoration:none;}
.feature .title a:hover {border-bottom: 2px solid #dda827;text-decoration:none;}
.news-story .readnow a:hover, .feature .readnow a:hover {background:#dda827;text-decoration:none;color:white;}
.features h2 {font-size:2vw;color:#317d97;text-transform:uppercase;font-family: 'Roboto Condensed', sans-serif;margin:0 0 30px;}
.podcasts_feature {background:#2d7894 url(/media/images/podcastsbg2.jpg) 0% 0% no-repeat;background-size:cover;height:500px;float:left;width:100%;padding:50px 0px 0px;}
.podcasts_feature #wrapper {float:right;}
body.news .features #wrapper, body.news .news-features #wrapper {width:100%;}
body.news .features, body.news .news-features {background:rgba(0,0,0,.7);-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;padding:3%;width:90%;margin:30px auto;}
body.news .news-features a.button {float:right;height:auto;}
body.news .releases .feature:first-child {background:#dda827;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;padding:20px;}
body.news .news-features h2  {font-size:2vw;color:white;text-transform:capitalize;font-family: 'Roboto', sans-serif;text-align:left;margin:10px 0;width:50%;float:left;border-bottom:none;}

.press-releases {float:left;width:100%;  display: flex;align-items:stretch;justify-content:space-between;}
body.news  .title a {text-decoration:none;display:block;}
body.news .title a:hover {text-decoration:underline;}
.statement  {background:#064254;-webkit-border-radius: 10px;	 -moz-border-radius: 10px;	 border-radius: 10px;padding:2%;width:40%;}
.statement#featured-news .title {font-size:24px;}
.statement#featured-news .title a {color:white;} 
 .statement#featured-news .posted_on  {color:white;font-size:18px;} 
 .recent {width:52%;}
.statement#featured-news img {max-width:100%;margin-bottom:10px;}
.recent .statement {text-align:left;line-height:1.1em;background:#f7f7f7;width:88%;padding:6%;}
.recent .statement:nth-of-type(2) {margin:10px 0;}
body.news .news-features .recent a.button {
    float: right;margin-top:10px; background:#DDA827;
    height: auto;
}
body.news .news-features .recent a.button:hover {background:#3888a1;}

body.news .news-features {
    float: left;
    text-align: center;}
	 .news-stories  {float:left;width:100%;margin:0;display:flex;justify-content:space-between;align-items:stretch;}
 .news-story {background:#efefef;-webkit-border-radius: 10px;	 -moz-border-radius: 10px;	 border-radius: 10px;padding:2%;max-width:28%;margin:10px 0}
 .news-story img {border:1px solid #cdcdcd;max-width:100%;}

.news-story .title {color:black;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0px;}

 .features.news-list .feature {max-width:700px;}
 .pagination {font-size:.9vw;text-align:center;padding:10px 0px;}
 .pagination .page-links a {text-decoration:none;font-size:1.1vw;padding:5px;}
 .news-list .feature, .flex-section .features   {background:#efefef;-webkit-border-radius: 10px;	 -moz-border-radius: 10px;	 border-radius: 10px;padding:2%;margin-bottom:15px;}

/* body.index-news .features.news-list .feature {max-width:260px;}*/
 .features.news-list #wrapper {
    display: block;}
		 .background-section  {background:#064254;-webkit-border-radius: 10px;	 -moz-border-radius: 10px;	 border-radius: 10px;padding:2% 4%;color:white;}
		 .background-section h2, .flex-section .features h2 {text-align:left;margin:.5em 0}
.background-section .features {padding:0;}
.background-section .features #wrapper, .flex-section .features #wrapper {width:100%;}
	 img.playbook {width:200px;float:right;margin:20px;}
	 .background-section .readnow a {background:#dda827;}
		 .flex-section { display: flex;
    justify-content: space-around;
    align-items: stretch;clear:both;margin-top:30px;}
	 .background-section .title a {color:white;text-decoration:none;}
	 
/* body.index-news  .features.news-list #wrapper {
    display: flex;flex-wrap:wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;}
	 body.index-news .main_content {width:100%;max-width:1020px;}*/
	 .news-list .posted_on {display:block;}
.posted_on {
	color:#555555;
	font-size:.85em;
}
.entry_image, .entry_video {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	width:300px;
}
img.align-right {max-width:300px;float:right;margin:0px 0px 20px 20px;}
img.align-left {max-width:300px;float:left;margin:0px 20px 20px 0px;}

.entry_image img {max-width:300px;}

.caption {
	font-size:11px;
	color:black;
}
.pull_quote_wrapper {
	float:right;
	width:200px;
	margin-left:15px;
	margin-bottom:10px;
}
.pull_quote {	color:#999;font-size:18px;padding-left:20px;
	font-weight:bold;
}
.close {float:right;font-size:80px;height:50px;width:50px;}
.open {font-size:80px;height:50px;width:50px;}
div.right {float:right;margin:0px 0px 10px 10px;}
div.left {float:left;margin:0px 10px 10px 0px;}
div.right img, div.left img {border:1px solid black;}
div.right p.caption, div.left p.caption {font-size:90%;color:#555;display:block;}
.board-members {display:flex;flex-wrap:wrap;justify-content:center;}
.board-members a {padding:20px;margin:10px;text-align:center;background:#064254;max-width:250px;-webkit-border-radius: 10px;color:white;text-decoration:none;cursor:pointer;
-moz-border-radius: 10px;overflow:hidden;
border-radius: 10px;}
.board-members a img {display:block;width:190px;border:1px solid rgba(0,0,0,.5);margin-bottom:10px;}
.board-members a span.click {display:block;font-weight:300;font-size:13px;text-transform:uppercase;}
.board-members a:hover span.click {border-bottom:1px solid #fbb000; color:#fbb000;}
body.board .main_content {
    width: 80%;
    max-width: 1020px;
}
.popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	 align-items:stretch;
}

@media (max-width: 1024px) {
 .popup-content {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

 .popup-content .headshot-wrapper {
    width: 20%;
    background: #388399;text-align:center;
} .popup-content .headshot-wrapper img {margin-bottom:10px;}
 .popup-content .headshot-wrapper  .twitter-link a {color:#fbb000;}
 .popup-content .headshot-wrapper  .twitter-link a {height:32px;display:block;}
  .popup-content .headshot-wrapper  .twitter-link svg {fill:#fbb000;vertical-align:middle;}
 .popup-content .headshot-wrapper .twitter-link a:hover {color:#fff;}
  .popup-content .headshot-wrapper  .twitter-link a:hover svg {fill:#fff;}
    .popup-content .bio-wrapper {
    width: 80%;
    padding: 2rem;font-size:1.2vw;line-height:1.3em;
}
 .popup-content .bio-wrapper p {margin-bottom:1em;}
.popup-content h3.bio-name  {font-size:3vw;margin-bottom:20px;}
/* code for modal */
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
body.detail-news .main_content h1, h1.most-recent-article-title {font-size:2vw;line-height:1em;margin:1em 0;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* end code for modals site */
.facebook-box {background-color:white;width:292px;margin:10px 0px;}
.twitter-button {margin:20px 0px;}

.entry_video embed {
width:400px;}
ul.supporter_list {
	list-style-type:none;}
ul.supporter_list li {
	margin-left:0px;}
	ul.supporter_list li ul {
		list-style-type:none;}
		ul.supporter_list li ul li {
		margin-left:30px;}
#comment_container {margin-top:20px;border-top:2px solid #002E63;padding-top:10px;}
#comment_form_container {margin-top:20px;border-top:2px solid #002E63;padding-top:10px;}
#comment_list li { list-style-type:none;background-color:#DAE3EB;margin-left:0px;padding:10px;margin:10px 0px;}
.comment_details { color:#002E63;font-size:11px;padding-bottom:10px;}
.help_text {font-style:italic;margin-top:5px;}
input.formfield { margin:10px 20px 0px 0px;}
body.ourwork .main_content {	width:80%;max-width:1020px;}
body.issues .main_content {
	width:90%;max-width:1200px;margin:0 auto;min-height:500px;display:flex;flex-wrap:wrap;justify-content:center;}
body.issues .main_content a img {max-width:240px;margin:10px 30px;}


@media only screen and (max-height: 680px) {
.cycle-slideshow {width:630px;}
.cycle-slideshow img {width:90%;margin:0 auto;}
.home-slider {height:70vh;}
}

@media only screen and (max-height: 580px) {
.cycle-slideshow img {width:78%}
.home-slider {height:75vh;}
}



@media only screen and (max-width: 1450px) {
	.super-header #wrapper {
	    width: 90%;}
}
@media only screen and (max-width: 1200px) {
	.megafooter-signup #wrapper, .super-header #wrapper {
	    width: 98%;}
		.search span, .header-signup span {
		     font-size: 15px;}
			.header-signup {width:75%;}
}


 /* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	ul.sub-nav {display:hidden;}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	ul.sub-nav {display:hidden;}
}