/*
	Theme Name: NCLEJ
	Author: Chris Bedoya
	Website: http://www.nclej.org/
	Description: Developed for McMillianCo. (http://mcmillianco.com/)
*/

* {
	list-style-type:none;
	margin:0;
	padding:0;
}

body {
	color:#222;
	font-family:'Gentona W00',sans-serif;
	font-weight:300;
	line-height:1.5;
}

a {
	color:#f26522;
	text-decoration:none;
	transition:color .3s;
}

a:hover {
	color:#025590;
}

img,
iframe {
	max-width:100%;
}

/****   WORDPRESS   ****/

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto !important;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto !important;
}

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}


/****   FONTS   ****/

h1,h2,h3,h4 {
	color:#025590;
	line-height:1.2;
	margin-bottom:.5em;
}

h1 {
	font-family:'BreveTitle-Bold';
	font-size:1.875em;
	font-weight:400;
}

h2 {
	font-size:1.75em;
	font-weight:700;
}

h3 {
	font-size:1.125em;
	margin-top:1.5em;
}

h4 {
	font-family:'BreveTitle-Bold';
	font-size:1.313em;
	font-weight:400;
}

p {
	margin-bottom:1em;
}

p:last-of-type {
	margin-bottom:0;
}

strong {
	font-weight:700;
}

/****   BUTTONS   ****/
.button {
	background-color:#f26522;
	color:#FFF;
	display:inline-block;
	letter-spacing:.05em;
	font-weight:700;
	margin-top:1em;
	padding:1em 1.5em;
	text-align:center;
	text-transform:uppercase;
	transition:background .3s;
}

.button:hover {
	background-color:#025590;
	color:#FFF;
}

.more {
	display:inline-block;
	font-weight:700;
	letter-spacing:.05em;
	margin-top:1em;
	text-transform:uppercase;
}

.support,.support-tablet {
	background-color:#f26522;
	color:#FFF;
	font-weight:700;
	letter-spacing:.05em;
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle;
	transition:background .3s;
}

.support {
	display:none;
	width:18%;
}

.support-tablet {
	display:block;
	padding:.5em 0;
}

.support:hover,.support-tablet:hover {
	background-color:#DDD;
	color:#025590;
}

/****   CONTENT   ****/
h1 + .more {
	margin-top:0;
}

.center {
	text-align:center;
}

.clearfix:after {
	clear:both;
	content:"";
/* 	display:block; */
	display:table;
/* 	height:0; */
	visibility:hidden;
}

.content ul {
	margin:1em 0 1em 1.5em;
}

.content ul li {
	margin-bottom:1em;
	list-style-type:disc;
	list-style-position:inside;
}

.content blockquote {
	margin:0 0 1em 2em;
}

.grey {
	background-color:#e7e7e7;
}

.m-bottom {
	margin-bottom:30px!important;
}

.m-bottom-more {
	margin-bottom:50px!important;
}

.m-bottom-huge {
	margin-bottom:80px!important;
}
.donate.m-bottom-huge .badges { text-align: right; }
.right {
	float:right;
}

.left {
    float: left;
}

img.left {
    margin: 0 50px 50px 0;
}

.border-bottom {
    border-bottom: 1px solid #CCC;
}

.social li {
    display: inline-block;
}

.social.side {
    margin-top: 20px;
}

.social:not(.side) { margin-top: 1rem; }
.social:not(.side) li {
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.social.side li {
    height: 42px;
    width: 42px;
    margin-right: 10px;
}

.social li:last-of-type {
	margin-right:0;
}

.social li a {
    line-height: 0;
    text-align: center;
	background-color: #ffcc3f;/*#025590;*/

    width: inherit;
    height: inherit;
    display: table-cell;
    vertical-align: middle;

	/*border-radius:50%;*/
	transition:background .3s;

}

.social li a:hover {
	background-color:#f26522;
}

.social img {
    width: auto;
    max-width: 26px;
    max-height: 24px;
    height: auto;
}
.social:not(.side) img { filter: brightness(2%); }
.social img[alt="Mail"] {
    width: 26px;
    height: auto;
}

.social img[alt="Twitter"] {
    height: 24px;
}

.social.side img {
    height: 24px;
}

.social.side img[alt="Mail"] {
    height: 18px;
}

.social.side img[alt="Twitter"] {
    height: 22px;
}

.wrap {
	margin:auto;
	max-width:1140px;
	padding:34px 0;
	width:90%;
}


/****   HEADER   ****/

.header {
	background-color:#025590;
	position:relative;
	width:100%;
}

.header .wrap { padding-top: 0; padding-bottom: 0; }
.header .menusec { background-color: #012d62; }
.logo {
	padding:12px 0 10px 0;
	position:relative;
	width:140px;
	z-index:999;
	vertical-align:middle;
}

.logo img {
	display:block;
}

.main-nav {
	display:flex;
	/*float:right;*/
	margin:.1em -.7em 0 0;
	position:relative;
	gap: 0.6em;
}

.main-nav>li {
	display:inline-block;
}

.main-nav>li:hover {
	/*background-color:#e7e7e7;*/

}

.main-nav>li:hover>a {
	/*color:#025590;*/
	border-bottom: solid 5px #ffcc3f;
}

.main-nav>li>a {
	color:#FFF;
	display:block;
	/*font-family:'Gentona W00',sans-serif;*/
	font-family:'BreveTitle-Bold';
	font-size:1.1em;
	font-weight:300;
	padding:.4em .7em .4em .7em;
	/*text-transform: uppercase;*/
	border-bottom: solid 5px transparent;
	transition: all 0.3s ease-in-out;
}

.main-nav .sub-menu {
	background-color:#e7e7e7;
	background-color:rgba(255,255,255,0.68);
	display:none;
	left:0;
	padding:5% 5% 3%;
	position:absolute;
	overflow:hidden;
	width:90%;
	text-align:left;
	z-index:500;
}

.main-nav .sub-menu a {
	color:#000000;
	font-weight:700;
}

.main-nav .sub-menu a:hover {
	color:#025590;
}

.main-nav .sub-menu li {
	float:left;
	margin:0 0 .7em;
	width:50%;
}

.nav {
	display:none;
	/*padding-right:5%;
	width:78%;*/
	text-align:right;
	vertical-align:bottom;
}

.top-nav a {
	color:#FFF;
	font-size:.875em;
	font-weight:700;
	letter-spacing:.05em;
	text-transform:uppercase;
}

.top-nav a:hover {
	color:#025590;
}
.top-nav a:hover {
	background-color:#e7e7e7;
}

.top-nav li {
	display:inline-block;
	margin-left:2em;
}

/****   MOBILE NAV   ****/
.slicknav_menu {
	position:absolute;
	width:100%;
	right:0;
	top:0;
	z-index:500;
}

.slicknav_btn {
	display:block;
	margin-right:4%;
	padding:12px 0;
	overflow:hidden;
	margin-top: 94px;
	width: 40px;
	margin-left: auto;
}

.slicknav_icon {
	display:block;
	height:16px;
	float:right;
	margin:auto;
	position:relative;
	width:24px;
}

.slicknav_icon-bar {
	background-color:#FFF;
	display:block;
	height:2px;
	position:absolute;
	transition:all .3s;
	width:24px;
}

.slicknav_icon-bar:first-of-type {
	top:0;
}

.slicknav_icon-bar:nth-child(2) {
	top:7px;
}

.slicknav_icon-bar:last-of-type {
	top:14px;
}

.slicknav_nav {
	background:rgba(2,85,144,0.95);
	font-size:1.125em;
	padding:1.25em 5% .7em;
}

.slicknav_nav a {
	color:#FFF;
	font-weight:700;
}

.slicknav_nav>li {
	margin-bottom:.6em;
}

.slicknav_nav .sub-menu {
	margin-left:1em;
}

.slicknav_nav .sub-menu li {
	margin:6px 0;
}

.slicknav_nav .sub-menu li {
	margin-bottom:0;
	padding-bottom:6px;
}

.slicknav_open .slicknav_icon-bar {
	background:#012d62;
}

.slicknav_open .slicknav_icon-bar:first-of-type {
	background:#FFF;
	top:8px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	z-index:1;
}

.slicknav_open .slicknav_icon-bar:last-of-type {
	background:#FFF;
	top:8px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	z-index:1;
}

.slicknav_arrow {
	color:#f26522;
	padding-left:4px;
}

/****   HOME   ****/

.notice ul {
    margin-top: 30px;
}

.badge {
	display:inline-block;
	margin:0 1em 2em 0;
	vertical-align:middle;
}

.badge:last-of-type {
	margin-right:0;
}

.key-issues {
	margin-top:1em;
}

.key-issues a {
	display:block;
}

.key-issues img {
	display:block;
}

.key-issues li {
	display:inline-block;
	margin:1.5em 2% 0;
	min-height:50px;
	width:45%;
}

.key-issues .basic-needs {
	background:url(../nclej/images/key-issues/basic-needs-hover.png) 0 0 no-repeat;
}

.key-issues .child-care {
	background:url(../nclej/images/key-issues/child-care-hover.png) 0 0 no-repeat;
}

.key-issues .civil-rights {
	background:url(../nclej/images/key-issues/civil-rights-hover.png) 0 0 no-repeat;
}

.key-issues .disability {
	background:url(../nclej/images/key-issues/disability-hover.png) 0 0 no-repeat;
}

.key-issues .fair-administration {
	background:url(../nclej/images/key-issues/fair-administration-hover.png) 0 0 no-repeat;
}

.key-issues .health-care {
	background:url(../nclej/images/key-issues/health-care-hover.png) 0 0 no-repeat;
}

.key-issues .low-wage {
	background:url(../nclej/images/key-issues/low-wage-hover.png) 0 0 no-repeat;
}

.key-issues .snap {
	background:url(../nclej/images/key-issues/snap-hover.png) 0 0 no-repeat;
}

.latest-news {
	/*background-color:#025590;
	color:#FFF;*/
	margin-bottom:3em;
	/*padding:4%;*/
}

.latest-news h1 a {
	color:#FFF!important;
}

.latest-news h1 a:hover {
	color:#f26522!important;
}

.latest-news p {
	display:none;
}

.latest-news .byline {
	color:#d1d2d4;
}

.latest-news .button,.latest-news .button:hover {
	border:1px solid #f26522;
}

.latest-news .more,.snapshot .more {
	margin: 0;
}

.latest-news .more:hover {
	color:#d1d2d4;
}

.latest-news .pagination {
	display:none;
}
.feed-posts .header-wrap { display: flex; justify-content: space-between; align-items: center; }
.feed-posts .posts-wrap .article { padding: 30px 20px; }
.feed-posts .posts-wrap .article:nth-child(odd) {
	background-color: #EFEFEF;
}
.latest-news .title {
	color:#f26522;
	display:block;
	font-size:1.25em;
	margin-bottom:0;
	padding-bottom:.0;
}

.feed-posts .header-wrap .button { margin-top: 0; }

.home-social .badges {
    margin: 0 -5px 15px -5px !important;
}

.home-social .badge {
	margin: 0 5px 25px;
}

.home-social .badges:nth-of-type(-n+2) .badge {
/*     float: left; */
}

.home-social .badge:nth-of-type(-n+2) img {
    height: auto;
    max-height: 78px;
    max-width: 100%;
    display: block;
}

.home-social .badge:nth-of-type(n+3) {
    height: 35px;
    padding: 14px;
    border: 2px solid #ccc;
}

.home-social .badge:nth-of-type(n+3) img {
    height: inherit;
    width: auto;
/*     vertical-align: middle; */
}

@media only screen and (max-width: 767px) {
    .home-social {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {

    .home-social .badge:nth-of-type(-n+2) img {
        max-height: 50px;
    }

    .home-social .badge:nth-of-type(n+3) {
        height: 25px;
        padding: 8px;
    }

    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .fb_iframe_widget span iframe[style] * {
        width: 100% !important;
    }

}

@media only screen and (min-width: 870px) {
    .home-social .badge:nth-of-type(-n+2) img {
        max-height: 58px;
    }

    .home-social .badge:nth-of-type(n+3) {
        height: 28px;
        padding: 10px;
    }

}

@media only screen and (min-width: 970px) {
    .home-social .badge:nth-of-type(-n+2) img {
        max-height: 65px;
    }

    .home-social .badge:nth-of-type(n+3) {
        height: 29px;
        padding: 14px;
    }
}

@media only screen and (min-width: 1070px) {
    .home-social .badge:nth-of-type(-n+2) img {
        max-height: 72px;
    }

    .home-social .badge:nth-of-type(n+3) {
        height: 30px;
    }

}

@media only screen and (min-width: 1149px) {
    .home-social .badge:nth-of-type(-n+2) img {
        max-height: 78px;
    }

    .home-social .badge:nth-of-type(n+3) {
        height: 35px;
    }
}

.home-social .button {
	display:block;
	font-size:1.375em;
}

.snapshot {
	margin:2em 0;
	padding:1.5em 2em;
	text-align:center;
}

.snapshot span {
	border-bottom:1px solid #025590;
	display:block;
	font-size:1.125em;
	font-weight:700;
	margin-bottom:1.25em;
	padding-bottom:.5em;
}

/****   SLIDESHOW   ****/
.caption {
	bottom:5%;
	left:5%;
	position:absolute;
}

.caption a {
	background-color:#025590;
	color:#FFF;
	font-family:'BreveTitle-Bold';
	font-size:1.125em;
	padding:1em 1em .8em;
	transition:background .3s;
}

.caption a:hover {
	background-color:#f26522;
}

.caption a::after {
	content:' →';
	font-family:'Gentona W00',sans-serif;
	font-weight:700;
}

.cycle-pager {
	bottom:5%;
	display:none;
	right:5%;
	position:absolute;
	text-align:center;
	z-index:500;
}

.cycle-pager span {
	color:#FFF;
	cursor:pointer;
	font-size:3em;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	padding:0 0 0 8px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}

.cycle-pager .cycle-pager-active,.cycle-pager span:hover {
	color:#f26522;
}

.cycle-slide {
	width:100%;
	transition:none;
}

.slide {
	overflow:hidden;
}

.slideshow {
	/*max-height:530px;*/
	overflow:hidden;
	position:relative;
	width:100%;
}

.slideshow img {
	object-fit:cover;
	display:block;
}

.slide,.slideshow img {
    min-height: 300px;
	width:100%;
}

@media (max-width: 767px) {
	.slideshow { overflow: visible; max-height: unset; }
	.slide,.slideshow img { min-height: unset; }
	.slide { overflow: visible; }
	.caption { position: relative; left: auto; bottom: auto; }
	.caption a { display: block; padding: 0.75em; }
}

/****   SPRITES   ****/
.sprite {
	background-size:contain!important;
	-webkit-backface-visibility:hidden;
}

.sprite:hover img {
	opacity:0;
}

.sprite img {
	display:block;
	opacity:1;
	transition:opacity .3s;
	-webkit-backface-visibility:hidden;
	width:100%;
}

/****   NEWS   ****/
.article {
	border-bottom:1px solid #d1d2d4;
	font-size:.913em;
	margin-bottom:2em;
	padding-bottom:2em;
}

.article:last-of-type {
	border-bottom:none;
}

.article h1 {
	font-size:1.625em;
}

.article h1 a {
	color:#025590;
}

.article h1 a:hover {
	color:#f26522;
}

.byline {
	margin-bottom:1em;
}

.pages {
	text-align:center;
}

.page-numbers {
	margin:0 0 0 .5em;
}

.search .field {
	border:1px solid #CCC;
	border-radius:0;
	display:block;
	float:left;
	font-size:.75em;
	font-family:'Gentona W00',sans-serif!important;
	padding:4%;
	width:80%;
	-webkit-appearance:none;
}

.search .arrow {
	background:transparent;
	border:none;
	color:#025590;
	cursor:pointer;
	display:block;
	float:right;
	font-family:'Gentona W00',sans-serif!important;
	font-size:21px;
	font-weight:700;
	line-height:33px;
	width:10%;
	text-align:right;
}

.search .arrow:hover {
	color:#f26522;
}

.sidebar {
	display:none;
	background-color:#e7e7e7;
	float:left;
	margin-right:5%;
	width:25%;
}

.sidebar>div {
	padding:0 25px 25px;
}

.sidebar select {
	display:block;
	width:100%;
}

.sidebar .more {
	margin-top:0;
}

.share {
	color:#f26522;
	font-size:.875em;
	font-weight:700;
	margin-top:4em;
	text-align:center;
	text-transform:uppercase;
}

.share div {
	margin-top:10px;
}

/****   STAFF   ****/
.staff {
	border-bottom:1px solid #EEE;
	margin-top:2em;
	padding-bottom:2em;
	overflow:hidden;
}

.staff:last-of-type {
	border-bottom:0;
}

.staff h3 {
	margin-top:0;
}

.staff .job-title {
	color:#222;
	display:block;
	font-size:.875em;
	font-style:italic;
	font-weight:400;
	margin-top:.5em;
}

.staff .more {
	font-size:.913em;
	margin-top:.5em;
}

.staff .thumb {
	margin-bottom:0;
}

.thumb {
	border-radius:50%;
	display:block;
	float:left;
	height:auto;
	margin:0 4% 1em 0;
	width:16%;
}

/****   FOOTER   ****/
.footer {
	background-color:#025590;
	color:#FFFFFF;
	font-size:.875em;
}

.footer a {
	color:#FFFFFF;
}

.footer a:hover {
	color:#ffcc3f;
}

.footer-contact {
	float:left;
}

.footer-logo {
	display:block;
	margin-bottom:1em;
	/*text-align:right;*/
}

/*.footer > .wrap > .clearfix:last-child {
	border-top:1px solid #222;
	margin-top:3em;
	padding-top:3em;
}*/

.footer > .wrap > .clearfix:last-child > div {
/*	margin-top:15px;
	float:left;*/
}

.footer > .wrap > .clearfix:last-child > div img {
	/*margin-top:5px;*/
}

.footer-nav,.footer-nav-add {
	/*width:32.5%;
	padding-right:30px;
	float:left;*/
}

.footer-nav>li,.footer-nav-add > li {
	margin-bottom:1.25em;
	vertical-align:top;
}

.footer-nav>li>a,.footer-nav-add>li>a {
	color:#FFFFFF;
	display:block;
	font-weight:700;
	font-size: 24px;
	margin-bottom:.4em;
}

.footer-social {
	/*float:right;*/
}

.newsletter {
	background-color:#025590;
}

.newsletter h1 {
	color:#FFF;
	line-height:46px;
	margin-bottom:0;
}

.newsletter .signup {
	font-size:1em;
}

.newsletter .signup input.email {
	border:none;
	border-radius:0;
	display:inline-block;
	font-family:'Gentona W00',sans-serif!important;
	font-size: 0.913em;
	padding:0 .8em;
	-webkit-appearance:none;
	max-width:255px;
	width:62%;
	float:left;
	height:46px;
}

.newsletter .signup .button {
	border:none;
	border-radius:0;
	cursor:pointer;
	padding:0 1.5em;
	margin-top:0;
	-webkit-appearance:none;
	line-height:46px;
	height: 46px;
}

.newsletter .signup .button:hover {
	background-color:#DDD;
	color:#025590;
}

.newsletter .wrap {
	padding:1.3em 0 1.25em;
}

#mc_embed_signup_scroll,#mc_embed_signup_scroll_hero {
	width:100%;
}

@media only screen and (min-width: 40.063em) {
	.footer > .wrap > .clearfix:last-child > div {
		/*margin-top:0;
		float:right;*/
	}
}

/* min-width 641px, medium screens */

/****   HIGHLIGHTS   ****/
.highlights {
	background-color:#EEE;
	font-size:.813em;
}

.highlights h4 {
	margin:.45em 0 .25em;
}

.highlights h4 a {
	color:#025590;
}

.highlights h4 a:hover {
	color:#f26522;
}

.highlights ul li {
	margin-bottom:1.5em;
}

.highlights ul li:last-of-type {
	margin-bottom:0;
}

.highlights .more {
	margin-top:0;
}

.highlights .title {
	border-bottom:1px solid #222;
	color:#025590;
	font-size:1.313em;
	font-weight:700;
	margin: 3em 0 1.5em 0;
	padding-bottom:.5em;
	text-transform:uppercase;
}

.highlights .title:first-of-type {
	margin-top: 0;
}

/****   PAGES   ****/


.page-fair-administration-modernization .content h1 {
    word-break: break-all;
}

/* BOARD MEMBERS LIST */
ul.list {
	margin:0!important;
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:30px;
	-moz-column-gap:30px;
	column-gap:30px;
}

ul.list > li {
	padding-top:1em;
	margin-bottom: 0;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	column-break-inside:avoid;
	display:table;
}

ul.list.no-style > li {
	list-style:none;
}

ul.list .empty {
	height:82px;
}

/* END BOARD MEMBERS LIST */
.badges {
	margin:3em 0 1em;
}

.board {
	background-color:#025590;
	text-align:center;
}

.board h2 {
	color:#f26522;
	text-transform:uppercase;
}

.board .member {
	color:#FFF;
	display:inline-block;
	font-size:.913em;
	line-height:1.25;
	margin:2em 1.7% 1em;
	width:21%;
	vertical-align:top;
}

.board .member .name {
	color:#f26522;
	display:block;
	font-size:1.188em;
	font-weight:700;
	margin-top:.5em;
}

.board img {
	border:3px solid #FFF;
	border-radius:50%;
}

.donate {
	border-bottom:1px solid #e7e7e7;
	margin-bottom:2em;
	padding-bottom:2em;
	overflow:hidden;
}

.donate:first-of-type {
	border-top:1px solid #e7e7e7;
	margin-top:3em;
	padding-top:2em;
}

.donate h3 {
	margin-top:0;
}

.donate .button {
	background-color: #025590;
}

.donate .button:hover {
	background-color: #f26522;
}

@media only screen and (max-width: 1139px) {
	.donate a.right {
		display:inline-block;
		margin-top:1em;
		float:none;
	}
}

@media only screen and (min-width: 1140px) {
	.donate a.right {
		float:right;
	}
}

.page-search .search .field {
	max-width:400px;
	padding:1em;
}

.page-search .search .arrow {
	float:left;
	width:5%;
}

/****   PUBLICATIONS   ****/

.page-publications .content section li h4 {
	font-size: 1.188em;
    margin-bottom: 5px;
}

.page-publications .content section li {
    margin-bottom: 30px;
}

.page-publications .content ul.last {
    margin: 0;
    padding: 0;
}

.page-publications .content ul.last li {
    list-style: none;
}

.page-publications .content a span {
    color: #025590;
    transition (color 300ms ease-out);
    -webkit-transition (color 300ms ease-out);
}

.page-publications .content a:hover span {
    color: #F26522;
}

.page-publications section .border-bottom {
    margin-bottom: 60px;
}

.page-publications section .border-bottom > div {
    position: relative;
    top: 60px;
}

/****   TIMELINE   ****/

.cd-horizontal-timeline, .cd-horizontal-timeline *, .cd-horizontal-timeline *::after, .cd-horizontal-timeline *::before {
  box-sizing: border-box !important;
}

.cd-horizontal-timeline * {
    list-style: none !important;
}

.cd-horizontal-timeline {
	opacity:0;
	margin: 2em 0 4em 0;
	-webkit-transition:opacity .2s;
	-moz-transition:opacity .2s;
	transition:opacity .2s;
}

.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
	content:'mobile';
	display:none;
}

.cd-horizontal-timeline.loaded {
/* show the timeline after events position has been set (using JavaScript) */
	opacity:1;
}

.cd-horizontal-timeline .timeline {
	position:relative;
	height:100px;
	width:100%;
	max-width:1140px;
	margin:0 auto;
}

.cd-horizontal-timeline .events-wrapper {
	position:relative;
	height:100%;
	margin:0 40px;
	overflow:hidden;
}

.cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before {
/* these are used to create a shadow effect at the sides of the timeline */
	content:'';
	position:absolute;
	z-index:2;
	top:0;
	height:100%;
	width:20px;
}

.cd-horizontal-timeline .events-wrapper::before {
	left:0;
	background-image:-webkit-linear-gradient(left,#f8f8f8,rgba(248,248,248,0));
	background-image:linear-gradient(to right,#f8f8f8,rgba(248,248,248,0));
}

.cd-horizontal-timeline .events-wrapper::after {
	right:0;
	background-image:-webkit-linear-gradient(right,#f8f8f8,rgba(248,248,248,0));
	background-image:linear-gradient(to left,#f8f8f8,rgba(248,248,248,0));
}

.cd-horizontal-timeline .events {
/* this is the grey line/timeline */
	position:absolute;
	z-index:1;
	left:0;
	top:49px;
	height:2px;
/* width will be set using JavaScript */
	background:#dfdfdf;
	-webkit-transition:-webkit-transform .4s;
	-moz-transition:-moz-transform .4s;
	transition:transform .4s;
}

.cd-horizontal-timeline .filling-line {
/* this is used to create the green line filling the timeline */
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:#F26522;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:left center;
	-moz-transform-origin:left center;
	-ms-transform-origin:left center;
	-o-transform-origin:left center;
	transform-origin:left center;
	-webkit-transition:-webkit-transform .3s;
	-moz-transition:-moz-transform .3s;
	transition:transform .3s;
}

.cd-horizontal-timeline .events a {
	position:absolute;
	bottom:0;
	z-index:2;
	text-align:center;
/*   font-size: 1.3rem; */
	padding-bottom:15px;
	color:#383838;
/* fix bug on Safari - text flickering while timeline translates */
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0);
	font-size: 0.913em;
}

.cd-horizontal-timeline .events a::after {
/* this is used to create the event spot */
	content:'';
	position:absolute;
	left:50%;
	right:auto;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	bottom:-5px;
	height:12px;
	width:12px;
	border-radius:50%;
	border:2px solid #dfdfdf;
	background-color:#f8f8f8;
	-webkit-transition:background-color 0.3s,border-color .3s;
	-moz-transition:background-color 0.3s,border-color .3s;
	transition:background-color 0.3s,border-color .3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color:#F26522;
	border-color:#F26522;
}

.cd-horizontal-timeline .events a.selected {
	pointer-events:none;
}

.cd-horizontal-timeline .events a.selected::after {
	background-color:#F26522;
	border-color:#025590;
}

.cd-horizontal-timeline .events a.older-event::after {
	border-color:#025590;
}

@media only screen and (min-width: 1100px) {
/*	.cd-horizontal-timeline {
		margin:0 auto 6em auto;
	}
*/
	.cd-horizontal-timeline::before {
	/* never visible - this is used in jQuery to check the current MQ */
		content:'desktop';
	}
}

.cd-timeline-navigation a {
/* these are the left/right arrows to navigate the timeline */
	position:absolute;
	z-index:1;
	top:50%;
	bottom:auto;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	height:34px;
	width:34px;
	border-radius:50%;
	border:2px solid #dfdfdf;
/* replace text with an icon */
	overflow:hidden;
	color:transparent;
	text-indent:100%;
	white-space:nowrap;
	-webkit-transition:border-color .3s;
	-moz-transition:border-color .3s;
	transition:border-color .3s;
}

.cd-timeline-navigation a::after {
/* arrow icon */
	content:'';
	position:absolute;
	height:16px;
	width:16px;
	left:50%;
	top:50%;
	bottom:auto;
	right:auto;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	-o-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	background:url(../nclej/images/cd-arrow.svg) no-repeat 0 0;
}

.cd-timeline-navigation a.prev {
	left:0;
	-webkit-transform:translateY(-50%) rotate(180deg);
	-moz-transform:translateY(-50%) rotate(180deg);
	-ms-transform:translateY(-50%) rotate(180deg);
	-o-transform:translateY(-50%) rotate(180deg);
	transform:translateY(-50%) rotate(180deg);
}

.cd-timeline-navigation a.next {
	right:0;
}

.no-touch .cd-timeline-navigation a:hover {
	border-color:#F26522;
}

.cd-timeline-navigation a.inactive {
	cursor:not-allowed;
}

.cd-timeline-navigation a.inactive::after {
	background-position:0 -16px;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
	border-color:#dfdfdf;
}

.cd-horizontal-timeline .events-content {
	position:relative;
	width:100%;
	margin:2em 0;
	overflow:hidden;
	-webkit-transition:height .4s;
	-moz-transition:height .4s;
	transition:height .4s;
}

.cd-horizontal-timeline .events-content li {

    background-color: #025590;
	position:absolute;
	z-index:1;
	width:100%;
	left:0;
	top:0;
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%);
	padding:0 30px;
	opacity:0;
	-webkit-animation-duration:.4s;
	-moz-animation-duration:.4s;
	animation-duration:.4s;
	-webkit-animation-timing-function:ease-in-out;
	-moz-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
/* visible event content */
	position:relative;
	z-index:2;
	opacity:1;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right {
	-webkit-animation-name:cd-enter-right;
	-moz-animation-name:cd-enter-right;
	animation-name:cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left {
	-webkit-animation-name:cd-enter-left;
	-moz-animation-name:cd-enter-left;
	animation-name:cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right,.cd-horizontal-timeline .events-content li.leave-left {
	-webkit-animation-direction:reverse;
	-moz-animation-direction:reverse;
	animation-direction:reverse;
}

.cd-horizontal-timeline .events-content li > * {
	max-width:1140px;
	margin:0 auto;
}

.cd-horizontal-timeline .events-content h2 {

    color: #F26522;
    padding-top: 30px;
/*
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
*/
}

.cd-horizontal-timeline .events-content em {
    color: #FFF;
/* 	display:block; */
	font-style:italic;
/* 	margin:10px auto; */
}

/*
.cd-horizontal-timeline .events-content em::before {
	content:'- ';
}
*/

.cd-horizontal-timeline .events-content p {
/*   font-size: 1.4rem; */
	color:#FFF;
}

.cd-horizontal-timeline .events-content p:last-of-type {
    padding-bottom: 30px;
}

.cd-horizontal-timeline .events-content em,.cd-horizontal-timeline .events-content p {
/*   line-height: 1.6; */
}

@media only screen and (min-width: 768px) {
	.cd-horizontal-timeline .events-content h2 {
	/*     font-size: 7rem; */
	}

	.cd-horizontal-timeline .events-content em {
	/*     font-size: 2rem; */
	}

	.cd-horizontal-timeline .events-content p {
	/*     font-size: 1.8rem; */
	}
}

@-webkit-keyframes cd-enter-right {
	0% {
		opacity:0;
		-webkit-transform:translateX(100%);
	}

	100% {
		opacity:1;
		-webkit-transform:translateX(0%);
	}
}

@-moz-keyframes cd-enter-right {
	0% {
		opacity:0;
		-moz-transform:translateX(100%);
	}

	100% {
		opacity:1;
		-moz-transform:translateX(0%);
	}
}

@keyframes cd-enter-right {
	0% {
		opacity:0;
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		-ms-transform:translateX(100%);
		-o-transform:translateX(100%);
		transform:translateX(100%);
	}

	100% {
		opacity:1;
		-webkit-transform:translateX(0%);
		-moz-transform:translateX(0%);
		-ms-transform:translateX(0%);
		-o-transform:translateX(0%);
		transform:translateX(0%);
	}
}

@-webkit-keyframes cd-enter-left {
	0% {
		opacity:0;
		-webkit-transform:translateX(-100%);
	}

	100% {
		opacity:1;
		-webkit-transform:translateX(0%);
	}
}

@-moz-keyframes cd-enter-left {
	0% {
		opacity:0;
		-moz-transform:translateX(-100%);
	}

	100% {
		opacity:1;
		-moz-transform:translateX(0%);
	}
}

@keyframes cd-enter-left {
	0% {
		opacity:0;
		-webkit-transform:translateX(-100%);
		-moz-transform:translateX(-100%);
		-ms-transform:translateX(-100%);
		-o-transform:translateX(-100%);
		transform:translateX(-100%);
	}

	100% {
		opacity:1;
		-webkit-transform:translateX(0%);
		-moz-transform:translateX(0%);
		-ms-transform:translateX(0%);
		-o-transform:translateX(0%);
		transform:translateX(0%);
	}
}

/****   LOGIN PAGE   ****/
.login h1 {
	margin-bottom:1em;
}

.login h1 a {
	background:url('../nclej/images/logo-admin.png') no-repeat 50% 50%;
	background-size:contain;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
	height:121px;
	width:200px;
}

.login .clear {
	border:none;
	margin:0;
}

/****   MEDIA QUERIES   ****/
@media only screen and (min-width : 768px) {
	body {
		font-size:1.125em;
	}

	.cycle-pager {
		display:block;
	}

	.header {
		display:table;
	}

	.key-issues li {
		width:20%;
	}

	.latest-news {
		/*float:left;
		margin:0 6% 0 0;
		width:59%;*/
	}

	.home-social {
		float:right;
		width:27%;
	}

	/*.logo {
		display:table-cell;
		float:none;
		width:22%;
	}

	.logo img {
		max-width:131px;
	}*/

	.nav {
		display:flex;
	}

	.slicknav_menu {
		display:none;
	}

	.slide,.slideshow img {
		height:400px;
		min-height:400px;
	}

	.wrap {
		padding:3em 0;
	}

	#mc_embed_signup_scroll {
		/*width:350px;*/
	}

	.newsletter h1 {
		float:left;
	}

	.newsletter .signup {
		float:right;
	}
}

@media only screen and (min-width : 1140px) {
	body {
		font-size:1.188em;
	}

	.donate .copy {
		float:left;
		width:55%;
	}

	.donate .button {
		float: right;
		margin: 0;
	}

	/*.logo {
		width:15%;
	}

	.logo img {
		max-width:144px;
	}*/

	.key-issues {
		padding:0 3em;
	}

	.key-issues li {
		margin:1.5em 3% 0;
		width:18.5%;
	}

	.main-nav>li>a {
		font-size:1.125em;
		padding:.4em .6em calc(.4em - 5px) .6em;
	}

	/*.nav {
		padding-right:3%;
		width:68%;
	}*/

	.news {
		float:right;
		width:70%;
	}

	/*
	.page-publications .content p {
		width:18.1%;
	}
	*/

	.sidebar {
		display:block;
	}

	.slide,.slideshow img {
		height:530px !important;
		max-height:530px;
	}

	.slideshow {
		/*max-height:530px;*/
	}

	.cycle-slideshow {
		min-height: 530px;
	}

	.support {
		display:table-cell;
	}

	.support-tablet {
		display:none;
	}

}
.footer .wrap { padding-bottom: 1rem; }
.footerrow {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
}

.footerrow > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

.footer #mc_embed_signup h3 {
	font-size: 24px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 20px;
	margin-top: 0;
}

.footer #mc_embed_signup_scroll input,
 #mc_embed_signup_scroll_hero input,
 #mc-embedded-subscribe-form-popup input{
  display: block;
  height: 41px;
  border: solid 2px #0b2338;
  border-radius: 25px;
  padding: 0 1rem;
  background-color: #FFFFFF;
  font-family: 'Gentona W00',sans-serif;
  font-size: 18px;
}
#mc_embed_signup_scroll_hero { display: flex; }
#mc_embed_signup_scroll_hero input{ display: inline-block; width: 50%; }

.footer #mc_embed_signup_scroll .button,
#mc_embed_signup_scroll_hero .button,
#mc-embedded-subscribe-form-popup .button {
	background-color: #0b2338;
	text-transform: unset;
	padding: 0.75rem 2rem;
  	cursor: pointer;
  	letter-spacing: unset;
  	border: 0;
  	height: 43px;
  	line-height: 18.575px;
  	font-weight: 900;
}

#mc_embed_signup_scroll_hero .button {
	background-color: #025590;
	margin-top: 0;
	width: 45%;
	margin-left: 5%;
	font-weight: 900;
	padding-left: 0;
	padding-right: 0;
}

.footer #mc_embed_signup_scroll .button:hover,
.footer #mc_embed_signup_scroll .button:active,
.footer #mc_embed_signup_scroll .button:focus {
	background-color: #f26522;
	border-color: #f26522;
	color: #0b2338;
}

#mc_embed_signup_scroll_hero .button:hover,
#mc_embed_signup_scroll_hero .button:active,
#mc_embed_signup_scroll_hero .button:focus {
	background-color: #0b2338;
	border-color: #0b2338;
}

.copyright {
	text-align: center;
	color: rgba(255, 255, 255, 0.3);
	font-size: 14px;
	margin-top: 1rem;
}

.copyright a {
	color: rgba(255, 255, 255, 0.3);
	text-decoration: underline;
}

.copyright a:hover,.copyright a:focus,.copyright a:active {
	color: rgba(255, 255, 255, 0.3);
	text-decoration: none;
}

@media (min-width: 768px) {
  .footercol {
    flex: 0 0 auto;
    width: 23%;
    padding: 0 1%;
  }
  .footerrow .footercol:nth-child(2), .footerrow .footercol:nth-child(3) {
  	width: 20%;
  }
  .footerrow .footercol:nth-child(1) {
  	width: 30%;
  }
  .footerrow .footercol:nth-child(4) { width: 22%; }
}

@media (max-width: 767px) {
	.footercol { width: 98% !important; text-align: center; }
	.footer #mc_embed_signup_scroll input { margin-left: auto; margin-right: auto; }
	.footer #mc_embed_signup_scroll { margin-bottom: 1.25rem; }

	#mc_embed_signup_scroll_hero { flex-direction: column; }


}

/* hero section */
.hero-section {
	position: relative;
	min-height: 530px;
	display: flex;
}
.hero-section .herobg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.hero-section .herobg:after { 
	content: ''; 
	display: block; 
	position: absolute; 
	width: 100%; 
	height: 100%; 
}
.hero-section .wrap { display: flex; gap: 20px; align-items: center; }
.leftpart,
.rightpart {
	position: relative;
	/*width: 48.5%;
	float: left;
	margin-right: 3%;*/
	width: 65%;
}
.hero-section .wrap .rightpart { 
	background-color: #FFFFFF; 
	border-bottom: solid 5px #ffcc3f; 
	width: calc(35% - 60px);
	padding: 30px;
}
/*.rightpart { margin-right: 0; }*/
.hero-form-title {
	font-size:  24px;
	font-weight: 900;
	color: #0b2338;
	margin-bottom: 25px;
}

.hero-form-desc {
	font-size: 16px;
	color: #113453;
	margin-top: 25px;
}
.hero-section .hero-title {
	color: #FFFFFF;
	font-family:'Gentona W00',sans-serif;
	font-weight: 900;
  	font-size: 50px;
  	margin-bottom: 0;
  	line-height: normal;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.hero-section .hero-title { font-size: 30px; line-height: 1; }
}

@media (max-width: 767px) {
	.hero-section .wrap { flex-direction: column; }
	.hero-form-title { line-height: 1; }
	.hero-section .hero-title { line-height: 36px; font-size: 25px; }
	.leftpart, .rightpart { width: 100%; }
	.hero-section .wrap .rightpart { width: calc(90% - 20px); padding: 20px; }
	#mc_embed_signup_scroll_hero input { width: auto; }
	#mc_embed_signup_scroll_hero .button { /*width: fit-content;*/ margin-left: 0; margin-top: 25px; padding-left: 1rem; padding-right: 1rem; }
}
/* donate section */
.donate-section {
	position: relative;
	display: flex;
	color: #FFFFFF;
}
.donate-section .sectionbg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.donate-section .sectionbg:after { 
	content: ''; 
	display: block; 
	position: absolute; 
	width: 100%; 
	height: 100%;
	background-color: rgba(184, 52, 0, 0.7);
}
.donate-section .section-title {
	color: #FFFFFF;
	font-family:'Gentona W00',sans-serif;
	font-weight: 900;
  	font-size: 45px;
  	margin-bottom: 0;
  	line-height: 96px;
}
.donate-section .wrap { position: relative; text-align: center; }
.btn {
	background-color: #0A2339;
	text-transform: unset;
	padding: 0.75rem 2rem;
  	cursor: pointer;
  	letter-spacing: unset;
  	border: 0;
  	height: calc(43px - 1.5rem);
  	line-height: 18.575px;
  	color: #FFFFFF;
  	border-radius: 25px;
  	font-family: 'Gentona W00',sans-serif;
  	font-size: 18px;
  	font-weight: 900;
  	text-align: center;
  	transition: all 0.25s ease-in-out;
  	display: inline-block;
}
.btn:hover,.btn:focus,.btn:active {
	background-color: #025590;
	border-color: #025590;
	color: #FFFFFF;
}
.btnwrap { margin-top: 1rem; }
.btn-primary-outline {
	background-color: transparent;
	color: #0A2339;
	border: solid 2px #0A2339;
	height: calc(45px - 1.5rem);
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline:active {
	background-color: #0A2339;
	color: #FFFFFF;
	border-color: #0A2339;
}
.donate-section .btn { background-color: #FFFFFF; color: #0b2338; margin-top: 1rem; }
.donate-section .btn:hover, 
.donate-section .btn:focus,
.donate-section .btn:active { background-color: #0b2338; color: #FFFFFF; }

/* summary section (what we do) */
.summary-section .wrap {
	display: flex;
	gap: 45px;
	align-items: center;
	padding-bottom: 0;
}
.summary-section .wrap .leftpart,
.summary-section .wrap .rightpart {
	float: none;
	width: auto;
	margin-right: 0;
}
.summary-section h2 {
	font-weight: 900;
	font-size: 50px;
	color: #2b2b2b;
	font-family: 'Gentona W00',sans-serif;
}

@media (max-width: 767px) {
	.summary-section .wrap { flex-direction: column-reverse; gap: 35px; }
}

/* Feed Posts Block */
.feed-posts .header-wrap { margin-bottom: 3rem; }
.feed-posts .header-wrap h2 {
	margin-bottom: 0;
	font-weight: 900;
	font-size: 50px;
	color: #2b2b2b;
}
.feed-posts .posts-wrap .article {
	display: flex;
	padding: 25px;
	gap: 40px;
	align-items: center;
	margin-bottom: 0;
	border: none;
}
.feed-posts .posts-wrap .article h3,
.feed-posts .posts-wrap .article h3 a {
	color: #0A2339;
	text-decoration: none;
	font-weight: 900;
	font-size: 28px;
	line-height: normal;
}
.feed-posts .posts-wrap .article h3 {
	margin-bottom: 0;
	margin-top: 1.15rem;
	font-family:'BreveTitle-Bold';
}
.feed-posts .posts-wrap .article h3 a:hover,
.feed-posts .posts-wrap .article h3 a:active,
.feed-posts .posts-wrap .article h3 a:focus {
	color: #025590;
}
.feed-posts .posts-wrap .article .more {
	color: #025590;
	text-decoration: underline;
	font-weight: 400;
	text-transform: unset;
	font-size: 21px;
	margin-top: 1.25rem;
}

.feed-posts .posts-wrap .article .postleft {
	width: 25%;
}
.feed-posts .posts-wrap .article .postright {
	width: -moz-available;          /* For Mozzila */
  	width: -webkit-fill-available;  /* For Chrome */
}
.feed-posts .posts-wrap .article .feedimage {
  height: auto;
  object-fit: cover;
  width: 100%;
  vertical-align: middle;
}
.feed-posts .posts-wrap .article .byline {
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.feed-posts .posts-wrap .article { flex-direction: column; }
	.feed-posts .posts-wrap .article .postleft,
	.feed-posts .posts-wrap .article .postright { width: 100%; }
}

/* search in header */
.searchwrap {
  margin: auto 16px auto 0;
  display: inline-block;
  position: relative;
  height: 40px;
  float: right;
  padding: 0;
  position: relative;
  z-index: 6;
}
.searchwrap .search-form {
  display: flex;
}
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.searchwrap input[type="text"] {
  height: 30px;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24.258px;
  display: inline-block;
  border-radius: 25px;
  border: 0;
  outline: 0;
  color: #ffffff;
  padding: 5px 20px;
  width: 0;
  position: absolute;
  top: 0;
  right: 0;
  background: 0 0;
  z-index: 3;
  transition: width .4s cubic-bezier(0, .795, 0, 1);
  cursor: pointer;
}

.searchwrap input[type="text"]:focus,
.searchwrap input[type="text"]:focus-within,
.searchwrap .focus input[type="text"] {
	  width: 200px;
	  z-index: auto;
	  cursor: text;
	  border: solid 1px #FFFFFF;
	  box-shadow: none;
	  outline: 0;
	  padding: 4px 30px 4px 20px;
	  background-color: transparent;
}
.searchwrap input[type="submit"] {
  height: 40px;
  width: 24px;
  color: red;
  background: url(images/icon-search.svg) center center no-repeat;
  background-size: contain;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 2;
  cursor: pointer;
  cursor: pointer;
  transition: opacity .4s ease;
  margin: 0 12px 0 0;
}
.searchwrap .focus input[type="submit"],
.searchwrap input[type="text"]:focus + input[type="submit"] {
		z-index: 9999;
		position: relative;
		float: none;
}
.row {
	display: flex;
	flex-direction: row;
}

.menusec .row { justify-content: space-between; }
.header .logosec .row {
  align-items: center;
  justify-content: space-between;
}

.header .logosec .btn-primary {
	background-color: #f26522;
	color: #000000;
	text-transform: uppercase;
}

.header .logosec .btn-primary:hover,
.header .logosec .btn-primary:focus,
.header .logosec .btn-primary:active {
	background-color: #FFFFFF;
	color: #025590;
}
.footer-logo img { max-height: 90px; }
::-ms-input-placeholder { /* Edge 12-18 */
  text-transform: capitalize;
}

::placeholder {
  text-transform: capitalize;
}

a.icon-play {
  width: 72px;
  height: 72px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-top: 30px;
}
.icon-play::after {
  width: 45px;
  height: 45px;
  content: '';
  background: white;
  display: block;
  position: absolute;
  top: 14px;
  left: 14px;
}
a.icon-play svg { max-height: 100%; max-width: 100%; fill: #f26522; position: relative; z-index: 2; transition: all 0.25s ease-in-out; }
a.icon-play:hover svg { fill: #ffcc3f; }

.multi-function-popup.fancybox-content { overflow: visible; border-radius: 16px;}
#nclej-popup.fancybox-content {
	padding: 0;
	max-width: 725px;
}
#nclej-popup .pop-hdrimg { overflow: hidden; max-height: 325px; border-radius: 16px 16px 0 0; }
#nclej-popup .pop-hdrimg img { width: 100%; height: auto; }
#nclej-popup .pop-contwrap { padding: 30px 50px; }
#nclej-popup .pop-contwrap h3 { font-size: 40px; margin-top: 0; margin-bottom: 25px; color: #000000; font-weight: 900; text-align: center; }
#video-embed { padding: 11px 11px 4px 11px; border-radius: 0; }
.fancybox-slide--html .multi-function-popup .fancybox-button.fancybox-close-small {
	right: -20px;
	top: -30px;
	background-color: #FFFFFF;
	opacity: 1;
	padding: 2px;
	border-radius: 100%;
	width: 30px;
	height: 30px;
}
.fancybox-slide--html .multi-function-popup .fancybox-button.fancybox-close-small:hover,
.fancybox-slide--html .multi-function-popup .fancybox-button.fancybox-close-small:active,
.fancybox-slide--html .multi-function-popup .fancybox-button.fancybox-close-small:focus { 
	opacity: 0.75; }
.fancybox-button svg path { fill: #000000; }

#nclej-popup .desc { margin-bottom: 25px; }
#nclej-popup .donate-buttons { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#nclej-popup .donate-buttons > a { 
	width: 31%; 
	margin: 0 1% 15px 1%; 
}
#nclej-popup .donate-buttons a { background-color: #ffcc3f; height: auto; color: #000000; transition: all 0.25s ease-in-out; font-weight: 700; }
#nclej-popup .donate-buttons a:hover,
#nclej-popup .donate-buttons a:focus,
#nclej-popup .donate-buttons a:active {
	background-color: #f26522;
	outline: none;
	color: #FFFFFF;
}

#nclej-popup #mc-embedded-subscribe-form-popup .button {
	background-color: #025590;
}

#nclej-popup #mc-embedded-subscribe-form-popup .button:hover,
#nclej-popup #mc-embedded-subscribe-form-popup .button:focus,
#nclej-popup #mc-embedded-subscribe-form-popup .button:active {
	background-color: #0b2338;
}

#mc_embed_signup_scroll_popup {
  display: flex;
  flex-wrap: wrap;
}

#mc_embed_signup_scroll_popup input {
  width: 47%;
  margin: auto 1.5% 15px 1.5%;
}
#mc_embed_signup_scroll_popup input:focus { outline: none; }

#hiddenbutton { /*visibility: hidden; height: 0;*/ display: inline-block; }
.fancybox-is-open .fancybox-slide.fancybox-slide--html { padding: 30px; }

.error { margin-left: 1.5%; font-size: 11px; color: red; }
.footercol .error { color: #ffcc3f; }

@media (min-width: 992px) and (max-width: 1199px) {
	#mc_embed_signup_scroll_hero .button { padding-left: 0; padding-right: 0; font-size: 16px; }
	.footer #mc_embed_signup_scroll input, #mc_embed_signup_scroll_hero input, #mc-embedded-subscribe-form-popup input { font-size: 16px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.searchwrap input[type="text"]:focus, 
	.searchwrap input[type="text"]:focus-within, 
	.searchwrap .focus input[type="text"] { background-color: #012d62; }

	.main-nav > li > a { font-size: 0.85em; }
  	.main-nav .sub-menu a { font-size: 1em; }

  	.feed-posts .header-wrap h2,
	.summary-section h2,
	.donate-section .section-title {
		font-size: 42px;
	}

	.hero-section .wrap .rightpart { padding: 20px; }

	#mc_embed_signup_scroll_hero input { width: 100%; }
	#mc_embed_signup_scroll_hero .button { width: 100%; height: auto; padding-left: 1em; padding-right: 1em; margin-left: auto; margin-right: auto; }
	.footer #mc_embed_signup_scroll input, 
	#mc_embed_signup_scroll_hero input { font-size: 17px; padding-left: 0.75em; padding-right: 0.75em; max-width: -moz-available; max-width: -webkit-fill-available; }

	#mc_embed_signup_scroll_hero { align-items: flex-start; flex-direction: column; gap: 20px; }

	/*.footer #mc_embed_signup_scroll input { max-width: -moz-available; max-width: -webkit-fill-available; }*/



	.social:not(.side) li { width: 30px; height: 30px; }
	.social img { max-width: 20px; max-height: 20px; }
}

@media (max-width: 767px) {
	.searchwrap { margin: auto 0px auto 0px; z-index: 600; float: none; }
	.searchwrap input[type="text"] { right: auto; left: 0; height: 25px; top: 2px; }
	.searchwrap input[type="submit"] { right: auto; left: 0; transition: all 0.4s ease-in-out; }
	
	.searchwrap input[type="text"]:focus, 
	.searchwrap input[type="text"]:focus-within, 
	.searchwrap .focus input[type="text"] { width: 180px; }
	.search-form.focus { width: 220px; }

	.searchwrap .focus input[type="submit"], 
	.searchwrap input[type="text"]:focus + input[type="submit"] {
		position: absolute;
		right: 0;
		left: auto;
		margin: 0;
	}
	.logo { width: 120px; }

	.feed-posts .posts-wrap .article { padding: 15px; }
	.feed-posts .posts-wrap .article h3, 
	.feed-posts .posts-wrap .article h3 a { font-size: 22px; }
	.feed-posts .header-wrap { margin-bottom: 1.5rem; flex-direction: column; align-items: flex-start; }

	.feed-posts .header-wrap h2,
	.summary-section h2,
	.donate-section .section-title {
		font-size: 36px;
	}

	.donate-section .section-title { line-height: 44px; margin-bottom: 1rem; }

	.header .logosec .btnwrap { margin-top: 0; }
	.header .logosec .btnwrap .btn-primary { 
		position: relative; z-index: 601; font-size: 15px;
		letter-spacing: 0; height: auto; padding: 10px 15px; line-height: 1; }

	#nclej-popup .donate-buttons > a { width: 48%; padding-left: 0; padding-right: 0; }  	
	#nclej-popup .pop-contwrap h3 { font-size: 26px; }
	#nclej-popup .pop-contwrap { padding: 20px; }

	#mc_embed_signup_scroll_popup { flex-direction: column; }
	#mc_embed_signup_scroll_popup input { width: 100%; margin: auto 0 15px 0; }
}