/*
	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;
}

.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) li {
    height: 65px;
    width: 65px;
    margin-right: 15px;
}

.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:#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;
    height: 34px;
}

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

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

.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%;
}

.logo {
	padding:12px 0 10px 5%;
	position:relative;
	width:66px;
	z-index:999;
	vertical-align:middle;
}

.logo img {
	display:block;
}

.main-nav {
	display:inherit;
	float:right;
	margin:.1em -.7em 0 0;
	position:relative;
}

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

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

.main-nav>li:hover>a {
	color:#025590;
}

.main-nav>li>a {
	color:#FFF;
	display:block;
	font-family:'BreveTitle-Bold';
	font-size:1.125em;
	font-weight:400;
	padding:.6em .7em .4em;
}

.main-nav .sub-menu {
	background-color:#e7e7e7;
	background-color:rgba(231,231,231,0.92);
	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:#025590;
	font-weight:700;
}

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

.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:23px 0;
	overflow:hidden;
}

.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.2em 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:#025590;
}

.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;
}

.latest-news .title {
	border-bottom:1px solid #d1d2d4;
	color:#f26522;
	display:block;
	font-size:1.125em;
	margin-bottom:2em;
	padding-bottom:.5em;
	text-transform:uppercase;
}

.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%;
}

/****   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:#e7e7e7;
	color:#025590;
	font-size:.875em;
}

.footer a {
	color:#025590;
}

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

.footer-contact {
	float:left;
}

.footer-logo {
	display:block;
	margin-bottom:2em;
	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:#f26522;
	display:block;
	font-weight:700;
	margin-bottom:.4em;
	text-transform:uppercase;
}

.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 {
	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:table-cell;
	}

	.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.313em;
		padding:.6em .7em .5em;
	}

	.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;
	}

}