/*
Theme Name: Jewish Journal
Theme URI: http://superfame.us/
Description: superfame made Jewish Journal theme
Author: superfame
*/
html, body	{
	height:100%;
}
body {
  	text-rendering: optimizelegibility;
  	font-family: 'Adelle Sans Regular', Helvetica, Arial;
	font-weight:500;
  	background: #fff;
  	padding: 0;
  	margin: 0;
  	-webkit-font-smoothing: antialiased;
  	color: #000;
  	font-size: 36px;
	width: 100%;
	color:#1f1f1f;
}
::-moz-selection { background: #2c4e7c; color:#fff; }
::selection { background: #2c4e7c; color:#fff; }
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
ul li, ol li	{
	list-style:none;
}
ol, ul	{
	margin:0;
	padding:0;
}
a	{
	color:#1f1f1f;
	text-decoration:none;
}
a:hover, a:active, a:focus, a:visited	{
	color:inherit;
	text-decoration:underline;
}

.archive .two-col a:after	{
	height:0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6	{
	font-weight:bold;
}
#mfPreviewBar	{ display:none !important; }
.mobile-only	{
	display:none;
}
.article .article-body blockquote	{
	margin:0 0 0 -60px;
	border:none;
	width:50%;
	float:left;
}
.article .article-body blockquote p 	{
	/* “In times like these: */
	font-style:italic;
	font-size: 34px;
	text-decoration:underline;
	color: #9B3469;
	line-height: 44px;
	padding:1em 0;
	margin: 0 10px;
	/* Line: */
	border-top: 4px solid #9B3469;
	border-bottom: 1px solid #9B3469;
	
}
.article-body.dropcap blockquote p:first-child::first-letter {
	font-style:italic;
	float:none;
	font-size:34px;
	margin:0;
	line-height:44px;
	color: #9B3469;
}
.blue-lagoon, .opinion	{
	color:#025a6d;
	border-color:#025a6d;
}
.elm, .hollywood	{
	color:#20837a;
	border-color:#20837a;
}
.venice-blue, .news	{
	color:#2c4e7c;
	border-color:#2c4e7c;
}
.rouge, .culture	{
	color:#9b3469;
	border-color:#9b3469;
}
.tall-poppy, .blogs	{
	color:#b82c2c;
	border-color:#b82c2c;
}
.piper, .about	{
	color:#c76220;
	border-color:#c76220;
}
.fire-brush	{
	color:#d99a49;
	border-color:#d99a49;
}



h1	{
	font-size:100px;
	width:80%;
	margin:0 10%;
}
h2 {
	font-size:60px;
	width:80%;
	margin:0 10%;
}
h3	{
	font-size:52px;
	width:80%;
	margin:0 10%;
}
h4	{
	font-size:30px;
	width:80%;
	margin:0 10%;
	font-weight:normal;
	margin-bottom:30px;
}
.vcenter	{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.lg-bg	{

	width:100%;
	background:#F3F5F6;
}
.outter-container	{
	max-width:1380px;
	width:90%;
	margin:0 auto;
	position:relative;
}
.header	{
	
}
.header	li	{
	display:inline;
}
.header-meta	{
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	font-family:'Adelle Sans SemiBold';
	position:relative;
	padding:20px 0;
	letter-spacing: 0.92px;
}
.header-meta a	{
	color:#6F6F6F;
}
.header-meta .social a	{
	color:#2C4E7C;
	font-size:14px;
	margin-right:20px;
}
.header-meta .social 	{
	position:absolute;
	top:20px;
	left:20px;
}
.header-meta .search	{
	position:absolute;
	top:20px;
	right:20px;
}
.subnav li	{
	margin:0 20px;
}


#nav	{
	margin:40px 0 20px;
    top: 0;
	left:0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}
#nav .menu-item	{
    width: 10%;
    margin: 0 0 0 2%;
    display: inline-block;
}
#nav .menu-item a	{
	font-size:16px;
	font-family:'Adelle Sans ExtraBold';
	width:100%;
	display:block;
	text-transform:uppercase;
	border-bottom:2px solid;
	padding-bottom:6px;
	position:relative;
	top:-15px;
	color:#1f1f1f;
}
#nav .menu-item a:hover	{
	text-decoration:none;
	color:inherit;
}

#nav .menu-item.logo	{
    width: 18%;
	margin-left:2%;
	top:0;
}
#nav .menu-item.logo a	{
	border:none;
}
#nav .menu-item.logo img	{
	width:174px;
	height:auto;
}
#article-ll	{
	display:none;
	
	width:100%;
	text-align:center;
	background: #FDFDFD;
	box-shadow: 0px -1px 0px 0px #E6E6E6;
	
	font-family: 'Adelle Sans SemiBold';
	font-size: 12px;
	color: #CACACA;
	letter-spacing: 1px;
	line-height: 50px;
	height: 56px;
	
	border-bottom:4px solid #E6E6E6;
}
#article-ll .progressBar	{
	width:0%;
	height:4px;
	position:absolute;
	bottom:4px;
	left:0;
	background: #9B3469;
}
#article-ll	a	{
	/* Israeli Olympians ki: */
	font-family:'Adelle Sans SemiBold';
	font-size: 14px;
	color: #1F1F1F;
	letter-spacing: 0px;
	line-height: 65px;
}

#mobile-nav	{
	display:none;
}
.footer	{
	background: #2C4E7C;
	margin-top:100px;
	padding:100px;
	font-family:'Adelle Sans SemiBold';
	
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0px;
	line-height: 34px;
}
.footer div	{
	display:inline-block;
	vertical-align:top;
}


.footer div.footer-logo	{
	width:20%;
}
.footer div.footer-logo img	{
	max-width:120px;
	height:auto;
}
.footer div.footer-newsletter	{

	width:40%;
}
.footer div.footer-newsletter h2	{
	font-family:'Adelle Sans SemiBold';
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 1px;
	line-height: 16px;
}
.footer div.footer-newsletter p	{
  	font-family: 'Adelle Sans Regular', Helvetica, Arial;
	margin:10px 0;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0px;
	line-height: 16px;
}
.footer div.footer-newsletter button	{
    width: 25%;
    display: inline-block;
    padding: 17px;
    border-radius: 7px;
	background: #20837A;
}
.footer div.footer-newsletter input	{
	display: inline-block;
	    width: 71%;
	    margin-right: 3%;
}
.footer div.footer-nav	{
	border-left:1px solid #ccc;
	padding-left:3%;
	width:39%;
}
.success_message	{
	font-size:22px;
}
.footer div.footer-nav a	{
	color:#fff;
}
.footer div.footer-nav ul	{
	display:inline-block;
	width:37%;
	margin:0 5%;
}


.slideshow	{
	width:100%;
	margin:0 auto 60px;
}
.slideshowLeft	{
	width: calc(100% - 520px);
	margin-right:39px;
	display:inline-block;
	height:600px;
	overflow:hidden;
	position:relative;
}
.slideshowLeft .imageContainer	{
	left: -100%;
	top: 0;
	position: absolute;
	width: 100%;
}
.slideshowLeft .imageContainer.current	{
	left:0%;
}
.slideshowLeft .image	{
	width:100%;
	height:600px;
	background-size:cover !important;
	background-position:center center !important;
}
.slideshowLeft .image-overlay	{

	width:100%;
	height:600px;
	position:absolute;
	top:0;
	left:0;
	 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0));
}
.slideshowLeft .info	{
	position:absolute;
	bottom:0;
	left:10%;
	width:80%;
}
.slideshowLeft .info .title	{
	font-family: 'Adelle Sans ExtraBold';
	font-size: 49px;
	color: #FFFFFF;
	letter-spacing: 0px;
	line-height: 54px;
}
.slideshowLeft .info .title a	{
	color: #FFFFFF;
}
.slideshowLeft .info .byline	{
	font-family: 'Adelle Sans Regular';
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 1.5px;
	margin-bottom:24px;
}

.slideshow .slideshowRight	{

	width: 460px;
	display:inline-block;
	height:600px;
	overflow:hidden;
	vertical-align: top;
}
.slideshow .slideshowRight li	{
	width:100%;
	height:149px;
	overflow:none;
	border-bottom:1px solid #ccc;
	position:relative;
}
.slideshow .slideshowRight .number	{
	font-family: 'Adelle Sans Bold';
	font-size: 30px;
	width:80px;
	display:inline-block;
    top: 0;
	color:#CACACA;
    position: absolute;
}
.slideshow .slideshowRight .info	{
	margin-left:60px;
	width:335px;
	display:inline-block;
}
.slideshow .slideshowRight .info .category	{
	font-family: 'Adelle Sans Bold';
	font-size: 12px;
	letter-spacing: 1px;
}
.slideshow .slideshowRight .info .title	{
	font-family: 'Adelle Sans Bold';
	font-size: 22px;
	color: #1F1F1F;
	letter-spacing: 0px;
	line-height: 26px;
}
.slideshow .progressBar	{
	position:absolute;
	bottom:0;
	left:0;
	width:0%;
	height:2px;
	background:#2c4e7c;
}

.slideshow .slideshowRight .active .number	{
	color:#2c4e7c;
}
.active .category span	{
	background:rgba(44, 78, 124, 0.1);
	padding:6px 12px;
}

.active .title	{
	background:rgba(44, 78, 124, 0.1);
	padding:6px 12px;
	margin-top:5px;
}

.sectionTitle	{
	font-family: 'Adelle Sans Bold';
	font-size: 38px;
	color: #1F1F1F;
	letter-spacing: 0px;
	line-height: 32px;
	border-bottom: 4px solid #1F1F1F;
	padding:18px 0;
	width:90%;
	max-width:1380px;
	margin:0 auto 30px;
	position:relative;
}

.two-wide, .three-wide, .four-wide	{
	margin-bottom:60px;
}
.two-col	{
	width:100%;
	margin-bottom:60px;
}
.two-col .column	{
	width:47.5%;
	margin-right:3%;
	display:inline-block;
	vertical-align:top;
}
.two-col .column:nth-child(even)	{
	margin-right:0;
}


.two-col .two-col-item	{
	width:100%;
	margin-right:3%;
	display:inline-block;
	padding:40px 0;
	border-top:1px solid #ccc;
	float:left;
}
.two-col .two-col-item:nth-child(even)	{
	margin-right:0;
}
.two-col .two-col-item:nth-child(1) {	
	border-top:0;
}
.two-col .two-col-item .image	{
	width:20%;
	margin-right:5%;
	display:inline-block;
	vertical-align:top;
}
.two-col .two-col-item.xl .image	{
	width:40%;
}
.two-col .two-col-item .image img	{
	width:100%;
	height:auto;
}
.two-col .two-col-item .info	{
	width:70%;
	display:inline-block;
}

.two-col .two-col-item.xl .info	{
	width:50%;
	display:inline-block;
}
.two-col .two-col-item .category	{
	font-family:'Adelle Sans SemiBold';
	font-size: 12px;
	color: #2C4E7C;
	letter-spacing: 1px;
}
.two-col .two-col-item .info .title	{

	font-family: 'Adelle Sans Bold';
	font-size: 24px;
	color: #1F1F1F;
	letter-spacing: 0px;
	line-height: 28px;
}
.two-col .two-col-item.xl .info .title	{
	font-family:'Adelle Sans ExtraBold';
	font-size: 30px;
	color: #1F1F1F;
	letter-spacing: 0px;
	line-height: 34px;
}
.two-col .two-col-item .info .timestamp	{

	font-family: 'Adelle Sans Regular';
	font-size: 11px;
	color: #6F6F6F;
	letter-spacing: 1px;
}




.two-col .two-col-item.large-feature	{
	width:100%;
	margin-right:3%;
	display:inline-block;
	padding:0;
	border:none;
	position:relative;
	margin-top:40px;
}
.two-col .two-col-item.large-feature:nth-child(even)	{
	margin-right:0;
}
.two-col .two-col-item.large-feature .image	{
	width:100%;
}
.two-col .two-col-item.large-feature .image img	{
	width:100%;
	height:auto;
}
.two-col .two-col-item.large-feature .info	{
	width:100%;
	padding:0 15% 32px;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}
.two-col .two-col-item.large-feature .info .title	{
	font-family: 'Adelle Sans ExtraBold';
	font-size: 30px;
	color: #FFFFFF;
	letter-spacing: 0px;
	line-height: 34px;
	margin:12px 0;
}
.two-col .two-col-item.large-feature .info .title	a	{
	color:#fff;
}
.two-col .two-col-item.large-feature .info .timestamp	{
	font-family: 'Adelle Sans Regular';
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 1px;
}

.two-col .two-col-item.highlight	{
	width:100%;
	margin:40px 3% 0 0;
	display:inline-block;
	padding:30px 0;
	border-top:6px solid #2c4e7c;
	border-bottom:1px solid #2c4e7c;
	background:rgba(44, 78, 124, 0.1);
	position:relative;
	text-align:center;
}
.two-col .two-col-item.highlight .info	{
	width:100%;
	padding:0 15%;
	display:inline-block;
	text-align:center;
}
.two-col .two-col-item.highlight .cat	{
	font-family: 'Adelle Sans Bold';
	font-size: 12px;
	color: #2C4E7C;
	letter-spacing: 1px;
}

.two-col .two-col-item.highlight .info .title	{
	font-family: 'Adelle Sans ExtraBold';
	font-size: 30px;
	color: #2C4E7C;
	letter-spacing: 0px;
	line-height: 35px;
	margin:12px 0;
}
.two-col .two-col-item.highlight .info .timestamp	{
	/* 1 DAY AGO: */
	font-family: 'Adelle Sans Regular';
	font-size: 11px;
	color: #6F6F6F;
	letter-spacing: 1px;
}





.slanted-cat	{
	position:relative;
}

.slanted-cat::before	{
    border-top: 1px solid #fff;
    content:"";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%; left: 0; right: 0; bottom: 0;
    width: 95%;
    z-index: 0;
}

.box {
    background-color : #2c4e7c;
    position : relative;
    display : block;
    height : auto;
    width : 122px;
    text-align : center;
    margin : 0 auto;
    padding: 8px 0;
	
	/* ELECTION 2016: */
	font-family: 'Adelle Sans Bold';
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-transform:uppercase;
}

.box::before {
    content: '';
    height: 100%;
    width: 20px;
    background-color: #2c4e7c;
    position: absolute;
    top: 0px;
    left: -8px;
    transform: skewX(-20deg);
    transform-origin: top;
    -webkit-transform: skewX(-20deg);
    -webkit-transform-origin: 0 0;
	
	
}

.box::after {
    content: '';
    height: 100%;
    width: 20px;
    background-color: #2c4e7c;
    position: absolute;
    top: 0;
    right: -20px;
    left: auto;
    transform: skewX(-20deg);
    transform-origin: top;
    -webkit-transform: skewX(-20deg);
    -webkit-transform-origin: 0 0;
}

.roadblock	{
	width:100%;
	position:relative;
}
.roadblock img	{
	width:100%;
	height:auto;
}
.roadblock .quote	{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
}
.roadblock .quote .vcenter	{
	width:100%;
	padding:0 20%;
}
.roadblock .quote .topquote	{
	font-family: 'Adelle Bold';
	font-size: 170px;
	color: #FFFFFF;
	letter-spacing: 0px;
	line-height:0;
	margin-bottom: -20px;
}
.roadblock .quote .middlequote	{
	font-family: 'Adelle Italic';
	font-size: 48px;
	color: #FFFFFF;
	letter-spacing: 0px;
	line-height: 52px;
	text-decoration:underline;
}
.roadblock .quote .bottomquote	{
	margin-top:24px;
	font-family: 'Adelle Sans Regular';
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 1.5px;
}



.full-width-articles .large-feature	{
	width:100%;
	margin:0;
	display:inline-block;
	padding:0;
	border:none;
	position:relative;
	float:left;
}
.full-width-articles .large-feature a	{
	color:#fff;
}

.full-width-articles.two-wide .large-feature	{
	width:50%;
}
.full-width-articles.three-wide .large-feature	{
	width:33.33333%;
}
.full-width-articles.four-wide .large-feature	{
	width:25%;
}

.full-width-articles .large-feature .image	{
	width:100%;
}
.full-width-articles .large-feature .image img	{
	width:100%;
	height:auto;
}
.full-width-articles .large-feature .info	{
	width:100%;
	padding:0 15% 32px;
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}
.full-width-articles .large-feature .info .title	{
	font-family: 'Adelle Sans ExtraBold';
	font-size: 30px;
	color: #FFFFFF;
	letter-spacing: 0px;
	line-height: 34px;
	margin:12px 0;
}
.full-width-articles.four-wide .large-feature .info .title	{
	font-size: 22px;
}
.full-width-articles .large-feature .info .timestamp	{
	font-family: 'Adelle Sans Regular';
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 1px;
}
 




.article	{
	width:100%;
}
.article .hero-image	{
	width:100%;
	position:relative;
}
.article .hero-image img	{
	width:100%;
	height:auto;
}
.article .hero-image .caption	{
	position:absolute;
	top:24px;
	right:32px;
	text-align:right;
	max-width:230px;
	
	font-family: 'Adelle Sans SemiBold';
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0px;
	line-height: 20px;
}
.article .article-body	{
	width:100%;
}
.article .article-container	{
	width:100%;
	padding:60px 7% 0;
	max-width:1060px;
	margin:0 auto -160px;
	background:#fff;
	position:relative;
	top:-160px;
}
.article-container .share-this	{
    position: absolute;
    top: 0;
    left: -88px;
    font-size: 26px;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 10px;
}
.article-container .share-this a	{
	margin: 10px;
	    display: block;
}
.article-container .share-this hr	{
	margin:0;
    border: 0;
    border-top: 1px solid #ccc;
}
.article .article-container.spacer	{
	padding:0px 7% 0;
	top:-0px;
}
.article .article-container.no-image	{
	top:0px;
	padding: 0 7% 60px;
}
.article .article-container a	{
	color:#2C4E7C;
}
.article .article-container h1	{
	/* Clinton Slams Trump: */
	font-family: 'Adelle Sans ExtraBold';
	font-size: 56px;
	color: #1F1F1F;
	letter-spacing: 0px;
	line-height: 65px;
	width:100%;
	margin:0;
}
.article .article-container .by-line	{
	margin-top:17px;

	text-transform:uppercase;
	font-family: 'Adelle Sans Regular';
	font-size: 13px;
	color: #6F6F6F;
	letter-spacing: 1.18px;
}

.article .article-body	{
	/* ddressing the challe: */
	font-family: 'Adelle Regular';
	font-size: 18px;
	color: #000000;
	line-height: 32px;
	position:relative;
}
.article .article-body p	{
	margin-bottom:2em;
}
.article .article-body p img.alignleft	{
    float: left;
    margin: 0 10px 10px -60px;
	max-width:45%;
	height:auto;
}
.article .article-body p img.alignright	{
    float: right;
    margin: 0 -60px 10px 10px;
	max-width:45%;
	height:auto;
}
.article-body.dropcap p:first-child::first-letter {
	font-family: 'Adelle Sans ExtraBold';
	font-size: 100px;
	color: #2C4E7C;
	float:left;
	line-height:70px;
	margin-top:20px;
	margin-right:10px;
}
.article .article-body h1, .article .article-body h2, .article .article-body h3, .article .article-body h4, .article .article-body h5	{
	width:100%;
	margin:0 0 20px;
}
.article .article-body::first-letter {}

.archive-outter-container	{
	width:100%;
}
.archive .two-col-item, .archive .two-col-item.highlight, .archive .two-col-item.large-feature	{
	width: calc(50% - 40px);
	display:inline-block;
	padding:40px 0;
	border-top:1px solid #ccc;
	float:none;
	margin-right:0;
}
.archive-header	{
	width:100%;
	margin:-34px 0 0;
	font-family: 'Adelle Sans ExtraBold';
	font-size: 112px;
	color: #DFDFDF;
	letter-spacing: 0px;
	line-height: 1em;
	text-align:center;
	border-bottom:1px solid #DFDFDF;
	padding-top: 34px;
    overflow: hidden;
}

.article-body .twitter-tweet, .article-body iframe	{
	margin-left:auto;
	margin-right:auto;
}
.had-container	{
	width:100%;
	text-align:center;
}
.had	{
    display: inline-block;
    background: #ccc;
    padding:10px 20px;
    margin: 0 auto 60px;
}
.had div	{
	background:#000;
	color:#fff;
}
.midarticlead	{
    display: inline-block;
    background: #ccc;
    margin:0 -60px 20px 20px;
	float:right;
	padding:10px;
}
.midarticlead div	{
}
ol.wp-paginate	{
	text-align:center;
}
ol.wp-paginate a	{
	background:none;
	font-family: 'Adelle Sans SemiBold';
	font-size: 12px;
	color: #A3A3A3;
	letter-spacing: 0px;
	border:none;
}
ol.wp-paginate .current	{
	border-radius:50%;
	border: 2px solid #2C4E7C;
	background:none;
	font-family: 'Adelle Sans SemiBold';
	font-size: 12px;
	color: #2C4E7C;
	letter-spacing: 0px;
	padding: 5px 7px 3px;
}


section.columnists	{
	padding: 18px 0;
	width: 90%;
	max-width: 1380px;
	margin: 0 auto 30px;
	position: relative;
	
	font-size: 18px;
	color: #1F1F1F;
	line-height: 26px;
	
}
section.columnists .columnists-container	{
	
}
section.columnists .columnists-container .columnist	{
	
}
section.columnists .columnists-container .columnist .columnist-image	{
	
}
section.columnists .columnists-container .columnist .columnist-name	{
	
}
section.columnists .columnists-container .columnist .columnist-title	{
	
}


.columnists	{
	width:100%;
}
.columnist	{
	background:rgba(44, 78, 124, 0.1);
	display:inline-block;
	width:23%;
	margin-left:2%;
	float:left;
	text-align:center;
}
.columnist:nth-child(1) {
	margin-left:0;
}	
.columnist .headshot img	{
	margin:64px 0 16px;
	max-width: 50%;
	border-radius: 50%;
}
.columnist .name	{
	font-family: 'Adelle Sans ExtraBold';
	font-size: 24px;
	color: #20837A;
	letter-spacing: 0px;
	line-height: 26px;
}
.columnist .article	{
	/* Moral People Cannot : */
	font-family: 'Adelle Sans Regular';
	font-size: 18px;
	color: #1F1F1F;
	line-height: 26px;
	margin: 16px auto 64px;
	max-width: 80%;
}