/*
Theme Name: Liberty Journal
Theme URL: http://www.liberty.edu/libertyjournal
Description: Theme for the Liberty Journal website.
Author: Liberty University
Author URI: http://www.liberty.edu
Version: 1.0.10
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


/* ----- GLOBAL ---- */

html, body, #wrapper { height:100%; position:relative; }
body { height:100%; font-family: 'PT Serif', serif; font-size:20px; }

#wrapper.app, #wrapper.app #hero { margin-top:0 !important; }

.mobile { display:none; }

.container { width:60% !important; max-width:800px; margin:0 auto; float:none !important; }

h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; font-size:1.8em; color:#101D32; font-weight:bold; margin-bottom:20px; }
h1 { text-transform:uppercase; font-weight:500; }
h2 { text-transform:uppercase; font-size:1.2em; font-weight:normal; }
h3 { font-weight:bold; font-size:1.1em; }
h4 {  }

p { padding-bottom:20px; }
em { font-style:italic; }
strong { font-weight:bold; }

hr { margin-bottom:15px; }

.alignleft, .alignleft img { float:left; margin:10px 10px 10px 0; }
.alignright, .alignright img { float:right; margin:10px 0 10px 10px;  }
.wp-caption { margin:0; font-style:italic; font-size:0.9em; color:#aaa;}
.wp-caption.alignleft .wp-caption-text { margin-right:20px; }
.wp-caption.alignright .wp-caption-text { margin-left:20px; }
.wp-caption-text { line-height:1.7em; font-size:0.7em; font-weight:normal; }

a {color:#4990e2;}

ol, ul { margin-left:40px; margin-bottom:20px; }

blockquote {  }

.round { font-size:.7em; padding:9px 40px; font-weight:500; display:block; border-radius:100px; border-width:2px; text-decoration:none; border:2px solid; -webkit-transition: background .2s ease-out;   -moz-transition: background .2s ease-out;  -o-transition: background .2s ease-out;  transition: background .2s ease-out;}
.center { position:relative; float:left; left:50%; }
.center a { position:relative; float:left; left:-50%; }

.home #content h2, .archive #content h1, .page #content h1 { margin-bottom:0; }

/* ----- HEADER ---- */

header { background:#111d33; color:#fff; float:left; width:94%; padding:20px 3%; overflow:hidden; z-index:1001 !important;}
header a#logo { display: block; float:left; width: 15%; height: 0; padding-top: 51px; margin-top:7px; overflow: hidden; background-repeat:no-repeat; background-image: url(images/header/LibertyJournal_white.svg), none; background-size:contain; }

header nav { float:left; padding-top:10px; width:60%; text-align:center; }
header nav ul { display:inline-block; position:relative; margin:0; text-align:center; }
header nav ul li { display:inline-block; list-style:none; position:relative;  }
header nav ul li a { display:block; color:#fff; text-decoration:none; text-transform:uppercase; font-family: 'Montserrat', sans-serif; border-radius:20px; padding:12px 15px; margin:0 5px 10px 5px; font-size:0.7em; -webkit-transition: background .2s ease-out;   -moz-transition: background .2s ease-out;  -o-transition: background .2s ease-out;  transition: background .2s ease-out;}
header nav ul li a:hover { background:#1d3358; }
header nav ul li.current-menu-item a, header nav ul li.current-menu-parent a { background:#1d3358; }

header #search { float:right; width:15%; padding-top:7px; position:relative;  }
header #search form { float:right; position:relative;}
header #search form input { border:none; outline:none; width:calc(100% - 65px;); }
header #search form input[type="text"] { display:none; padding:15px; border-radius:50px; background:#1d3358; color:#576780; font-weight:normal; font-style:normal; font-size:0.7em; height:15px; padding-right:50px;}
header #search form input[type="text"]:focus { color:#fff; }
header #search form input[type="submit"] { position:absolute; top:0; right:10px; background:url(images/Search.svg) no-repeat center center; padding-top:45px; height:0; width:40px; line-height:200px; overflow:hidden; cursor:pointer; }



/* ----- HERO IMAGE ----- */

#hero { position:relative; background:#bbb; background-position:center center; background-size:cover; height:calc(100% - 225px); clear:both; color:#fff; overflow:hidden; }
#hero:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.4);}
#hero a.fullArticleLink { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
#hero .round { color:#fff; border-color:#fff; display:inline-block; text-transform:uppercase; font-family: 'Montserrat', sans-serif; pointer-events: all;}
#hero .round:hover { background:#fff; color:#111d33; }

#hero video { width:100%; height:auto; }

#wrapper #title h1 { text-align:center;  text-transform:none; font-family: 'PT Serif', serif; font-weight:normal; font-size:3.2em; padding:0 7%; }

/* ------ TITLE ------- */

#title { position:absolute; bottom:0; width:100%; padding-bottom:200px; text-align:center; font-size:0.8em; color:#fff; font-family: 'Montserrat', sans-serif; z-index:2; pointer-events: none; }
#title h1 { text-align:center; color:#fff; text-transform:none; font-family: 'PT Serif', serif; font-size:3.5em; font-weight:normal; font-size:3.2em; padding:0 7%;}
#title #category { font-size:0.8em; font-family: 'Montserrat', sans-serif; }
#title #authorDateContainer { font-family: 'Montserrat', sans-serif; font-size:0.8em; }
#title .continueDown { display:block; width:80px; height:80px; margin:0 auto; background:url(images/down.svg) no-repeat center center; overflow:hidden; background-size:contain;  }

/* ----- CONTENT ----- */

#content { padding:50px 0; line-height:2em; clear:both; float:left; width:100%; overflow:visible; }
#content a { text-decoration:none; }
#content a:hover { text-decoration:underline; }

#content h1 { text-align:center; font-weight:normal; font-size:1.3em; font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
#content h3 { margin-bottom:5px; }

#content span.inlineTweet { border-bottom:1px dashed #55acef; margin-left:30px; position:relative; cursor:pointer; }
#content span.inlineTweet:hover { color:#4990e2; }
#content span.inlineTweet:before { background:url(images/twitter.svg) no-repeat left center; background-size:contain; content:''; width:28px; height:15px;display:inline-block; position:absolute; left:-25px; top:6px;}


#content .cycle-slideshow { position:relative; z-index:1; margin-left:0; font-style: italic; font-size: 0.9em; color: #aaa; line-height:1.4em; }
#content .cycle-slideshow li { width:100% !important; }
#content .cycle-slideshow li img { width:100% !important; }
/*#content .cycle-slideshow { list-style:none; margin-left:0; margin-right:0; z-index:1; width:100%; }
#content .cycle li { width:100% !important; height:auto; }
#content .cycle li img { width:100% !important; height:auto; }*/

#content .slideshow-wrapper { position:relative; z-index:1; overflow:hidden; width:100%; }
#content .slideshow-wrapper .slideNav { display:none; width:100%; height:100%; position:absolute; top:0; left:10px; z-index:2; top:50%; }
#content .slideshow-wrapper .slideNav a { display:block; font-family: 'Open Sans', sans-serif; font-weight:300; position:absolute; top:-10px; font-size:4em; color:#fff; background:rgba(0,0,0,0.3); border-radius:100%; padding:0 20px 20px 15px;  }
#content .slideshow-wrapper .slideNav a:hover { text-decoration:none; }
#content .slideshow-wrapper .slideNav .next { right:20px; left:auto; }
#content .slideshow-wrapper .slideNav .prev { left:0; right:auto; }
#content .slideshow-wrapper li .orbit-caption { position:absolute; bottom:0; background:rgba(255,255,255,0.8); padding:15px 5%; width:90%; color:#000; }

#content iframe { margin: 10px 20px; }

.postnav { text-align:center;}
.postnav a {margin:0 10px; font-family:'Montserrat', sans-serif; }


#content #searchform input[type="submit"]{ background: #1d3358; color: #fff; padding: 15px 10px; border: none; border-radius: 0 4px 4px 0; margin-left: -45px; -webkit-appearance: none; appearance: none;}
#content #searchform input[type="text"]{padding: 14px 20px;    border-radius: 4px;    border: 1px solid #101D32;    padding-right: 65px;}

#content .issueLink { display:block; font-family: 'Montserrat', sans-serif; font-weight:normal; text-align:center; width:86%; padding:20px 7%; line-height:1.3em;}
.home #content .issueLink { margin-bottom:50px; }
#content .issueLink .round { margin-left:10px; line-height:1.5em;}
#content .round { display:inline-block; color:#101D32; padding:5px 20px; line-height:1.7em; font-weight:bold; }
#content .round:hover { background:#101D32; border-color:#101D32; color:#fff; text-decoration:none; }

#content .ajaxLoad { visibility:hidden; background: #fff url(images/ajax-loader.gif) no-repeat center center !important; margin-top:20px; min-height:40px; }

/* ----- HOMEPAGE ----- */

.home h2 { text-align:center; }

/*#featuredContainer { margin:0 auto; }*/
/*#featured { float:left; }*/




/* ------- GRIDS ------ */

.grid { margin: 0 auto; max-width: 1170px; text-align:left; }
.grid li { display:inline-block; text-align:left; vertical-align:top; width:354px; max-width:31%; padding:20px 1%; }
.grid li img { max-width:100%; height:auto; margin-bottom:12px; }
.grid li a { /*display:block; width:100%;*/ text-decoration:none; color:#101D32; line-height:1.3em; }
.grid li a:hover { text-decoration:none !important; }
.grid li>span { display:block; }
.grid li span.date { font-size:0.7em; font-family: 'Montserrat', sans-serif; }
.grid li p { padding:0; line-height:1.5em; font-size:.85em; margin-bottom:6px;}
.grid li .featureTitle { text-align:left; font-size:1em; line-height:1em; margin-bottom:10px; display:inline-block; font-weight:500; text-transform:none;}
.grid li .featureExcerpt { padding-bottom:8px; }
.grid li .featureExcerpt p {/* padding-bottom:40px;*/ font-size:0.8em; }
.grid li .featureCategory a { font-size:0.7em; color:#4990e2; font-family: 'Montserrat', sans-serif; }
.grid li .featureCategory a:hover { text-decoration:underline !important; }
h2.featureTitle a, #relatedArticles h3.featureTitle {color:#4a90e2; font-size:0.9em; }
#content h2.featureTitle a:hover, #relatedArticles h3.featureTitle:hover {text-decoration:underline!important; display:inline-block;}

.page-template-page-issues .grid { max-width:758px; }

.grid.issues li { width:235px; text-align:center; }
.grid.issues li .featureTitle { text-align:center; }
.grid.issues li span { display:inline-block; }
.grid.issues li .sep { padding:0 5px; line-height: 0.5em; }
.grid.issues li .links a { font-size:0.7em; color:#4990e2; font-family: 'Montserrat', sans-serif; }
.grid.issues li .links a:hover { text-decoration:underline !important; }
l
.error404 #content { text-align:center; }

/* ------ RELATED ARTICLES ----- */

#relatedArticles { text-align:center; font-size:1em; }


/* ------- SEARCH RESULTS ------ */

.search #content h1 { font-family: 'Montserrat', sans-serif ; font-size:1.5em; text-transform:none; }
.search #content h1 span { font-weight:400; }
#searchCount { text-align:center; font-weight:bold; }



/* ----- FOOTER ----- */

footer { float:left; width:100%; clear:both; color:#fff; font-family: 'Montserrat', sans-serif; font-size: 0.9em; line-height: 29px; padding-bottom:0; font-weight:normal; }

footer #explore { text-align:center; float:left; width:100%; clear:both; padding:40px 0; border-top:1px solid #e5e5e5; overflow:hidden; }
footer #explore #sections { position:relative; margin:0; list-style:none; }
footer #explore #sections li { display:inline-block; position:relative; margin:0 7px 10px 7px;}
/*footer #explore #sections li:last-child { margin-right:0; }*/
footer #explore #sections li a { color:#101D32; padding:5px 20px; font-size:0.8em; }
footer #explore #sections li a:hover, footer #explore #sections li.current-term a { background:#101D32; border-color:#101D32; color:#fff; }

footer #cta { clear:both; padding:80px 5%; background:#223556; text-align:center; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:bold; }
footer #cta h2 { color:#fff; text-transform:none; }
footer #cta .round { color:#9fcced; border-color:#9fcced; display:inline-block; font-size:1em; padding:15px 33px}
footer #cta a:hover { color:#223556; }
footer #cta .round:hover { border-color:#fff; background:#fff; }

footer #copy {  background:#111d33; padding:60px 11%; width:78%; font-size:0.7em; }
footer #copy p { text-align:center; }
footer #copy .logo {  display: block; float:left; width: 28%; height: 0; padding-top: 51px; margin-right:2%; margin-top:7px; overflow: hidden; background-repeat:no-repeat; background-image: url(images/header/LibertyJournal_white.svg), none; background-size:contain; }

footer #share { position:fixed; background:#fff; bottom:-100%; width:100%; color:#7d7d7d; z-index:900; border-top: 1px solid #f4f4f4; display:none; }
footer #share p { float:left; text-transform:uppercase; font-size:0.8em; border-right:1px solid #f4f4f4; padding:10px 30px; }
footer #share ul { float:left; margin:0; list-style:none; }
footer #share ul li { float:left; list-style:none; }
footer #share ul li a { display:block; width:80px; height:0; padding-top:18px; margin-top:15px; line-height:100px; overflow:hidden;  background-position:center center; background-repeat:no-repeat;}
footer #share ul li a.twitter { background-image:url(images/twitter.svg); }
footer #share ul li a.facebook { background-image:url(images/facebook.svg); }
footer #share ul li a.google { background-image:url(images/g+.svg); }
footer #share ul li a.linkedin { background-image:url(images/linkedin.svg); }


.single-articles footer {padding-bottom:40px;}
.single-articles footer #share {display:block;}

/* ------ Subscribe ----- */

#lightboxWrapper { display:none; }
#subscribe { padding:5%; text-align:center; }
#subscribe h2 { font-size:1em; text-transform:none; font-weight:normal;}
#subscribe .sub { font-size:0.7em; color:#bec0cc; text-align:center; }

#subscribe form { display:block; width:100%; float:left; padding-bottom:20px; position:relative;}
#subscribe input[type="email"] { display:block; float:left; width:calc(75% - 41px); outline:none; background:#f4f4f4; border:1px solid #e4e5ea; border-right:none; border-top-left-radius:50px; border-bottom-left-radius:50px; font-family: 'PT Serif', serif; font-style:italic; color:#C3C5D2; font-size: .9em;  padding: 14px 20px 13px; min-height: 24px;}
#subscribe input[type="email"]:focus { color:#a2a2a2; }
#subscribe input[type="submit"] { display:block; float:left; width:25%; outline:none; border:none; padding:17px 15px; color:#fff; border-top-right-radius:50px; border-bottom-right-radius:50px; font-family: 'Montserrat', sans-serif; font-size:0.8em; background:#111d33; cursor:pointer;  -webkit-appearance: none; appearance: none; }
#subscribe input[type="submit"]:hover {background:#283B5F;}
#subscribe label.error { position:absolute; bottom:0; left:0; color:red; text-align:center; width:100%; font-size:0.7em;}
/*#subscribe input.error { border-color:red; }*/



/* ------ FEATHERLIGHT ------ */

.featherlight-content.ajaxLoad { background: #fff url(images/ajax-loader.gif) no-repeat center center !important; min-height:100px;}
.featherlight .featherlight-content {overflow:visible !important;}
/*.featherlight .featherlight-content #subscribe h2 { padding-top:40px }*/
.featherlight .featherlight-content #subscribe #journalLogo { width:50%; display:none;}
.featherlight .featherlight-close-icon { background: transparent !important; color: #fff !important; top: -25px !important; right: -25px !important; overflow: visible !important; font-size: 28px;}


@media only screen and (max-width: 1100px) {
	header nav ul li a { padding:12px 10px; font-size:0.6em; }
}


@media only screen and (max-width: 1024px) {

	.mobile { display:block; }

	h2 { font-size:1.25em; }

	#wrapper { margin-top:110px; }
	#wrapper .container { width:80% !important; }

	#wrapper header { position:fixed; top:0; z-index:100; }
	#wrapper header #logo { width:100%; background-position:center center; width:50%; margin:0 auto; float:none; }
	#wrapper header #search { display:none; }
	#wrapper #main-nav { display:none; }

	#wrapper #title {padding: 20px 0 50px; position:relative; color:#101D32; font-size:1em;}
	#wrapper #title {padding: 30px 0; }
	#wrapper #title h1 { font-size:2.5em; padding-bottom:10px; color:#101D32;  }
	#wrapper #title #category { font-size:1.1em; }
	#wrapper #title #authorDateContainer { font-size:0.8em; }

	#mobileNav-toggle { display:block;  position:absolute;top:0; bottom:20px; left:30px; background:url(images/header/Hamburger.svg) no-repeat; background-position:center center; width:35px; height:100%; line-height:300px; overflow:hidden; cursor:pointer; z-index:999; background-size:contain; }
	#mobileNav-toggle.active { background-image:url(images/closeX.svg); background-size:50% 50%; background-position:center center; }

	#wrapper #hero { position:relative; margin-top:110px; overflow:visible;}
	.single #wrapper #hero #title { display:none; }
	/*#wrapper #hero #title { position:relative; top:100%; color:#101D32; border-bottom:1px solid #e3e3e3; float:left; width:100%; }
	#wrapper #hero #title h1 { color:#101D32; }*/
	#wrapper #title .featureExcerpt, #wrapper #title .readMore { display: inline-block; clear:both; }
	.single-articles #wrapper #hero #title {display:none!important;}
	.single #hero:before { background:rgba(0,0,0,0) !important;}

	#hero .featureExcerpt {font-size:1.3em; font-family:'Montserrat', sans-serif; padding:10px 7% 5px; width:86%;}
	#hero #title .readMore { font-size:0.8em; margin:20px 0 10px; }
	#wrapper,
	body #wrapper #hero { margin-top: 90px;}

	.grid { max-width:787px; }
	.grid li { max-width:45%; padding:20px 2%;}

	.page-template-page-issues .grid { max-width:522px; }

	#mobileWrapper { clear:both; background:#111d33; width:50%; left:-100%; padding-top:91px; padding-bottom:20px;top:0; bottom:0; position:fixed; z-index:1000; overflow-y:scroll;}

	#mobileWrapper #mobile-nav { padding:0 0 5px 0;}
	#mobileWrapper #mobile-nav ul { border-top:1px solid #2f3b4b; border-bottom:1px solid #2f3b4b; padding:20px 10px 20px 30px; margin-left:0; margin-bottom:0; }
	#mobileWrapper #mobile-nav ul li { display:block; float:none; clear:both; }
	#mobileWrapper #mobile-nav ul li a { display:block; color:#fff; font-family: 'PT Serif', serif; text-decoration:none; padding:7px 0; }
	#mobileWrapper #mobile-nav ul li a:hover { background:none; }
	#mobileWrapper #mobile-nav ul li.current-menu-item a, #mobileWrapper #mobile-nav ul li.current-menu-parent a { background:none; }

	#mobileWrapper #mobile-nav ul.menu { border:none; }
	#mobileWrapper #mobile-nav ul.menu li a { font-family: 'Montserrat', sans-serif; font-size:0.9em; }

	#mobileWrapper #mobileSearch { float:none; width:90%; padding-top:7px; position:relative; margin:0 auto; }
	#mobileWrapper #mobileSearch form { position:relative;}
	#mobileWrapper #mobileSearch form input { border:none; outline:none; width:calc(100% - 65px); }
	#mobileWrapper #mobileSearch form input[type="text"] { font-weight:normal; font-style:normal; padding:15px; border-radius:50px; background:#1d3358; color:#576780; font-size:0.7em; height:15px; padding-right:50px;}
	#mobileWrapper #mobileSearch form input[type="text"]:focus { color:#fff; }
	#mobileWrapper #mobileSearch form input[type="submit"] { position:absolute; top:0; right:10px; background:url(images/Search.svg) no-repeat center center; padding-top:45px; height:0; width:40px; line-height:200px; overflow:hidden; cursor:pointer; }


	#wrapper #content { padding-top:20px; }
	.single #wrapper #content { margin-top:0; }
	#wrapper #title { text-align:center; border-bottom:1px solid #e5e5e5; padding:20px 0; }
	#wrapper #title .featureExcerpt { display:none; }
	#wrapper #title #category { font-family: 'Montserrat', sans-serif; font-size:0.8em; font-weight:bold; }
	#wrapper #title h1 { font-size:2.3em; margin-bottom:0; }

}

@media only screen and (max-width: 765px) {

	#mobileWrapper { width:100%; }

	.wp-caption { width:100%!important; float:none!important; margin:0 auto;}
	img {display:block; margin:0 auto 20px!important; float:none!important;}

	h3{ font-size:1.2em;}

	#wrapper .container { width:90% !important; }

	#wrapper #hero { height:calc(65% - 150px); }

	#wrapper #hero #title { padding-bottom:20px; }
	#wrapper #hero #title #cateogry { font-size:1em; }
	#wrapper #hero #title h1 { font-size:2.3em; line-height:1.2em; }

	#hero .featureExcerpt { display:none; }

	#wrapper #title .readMore {display:inline-block!important; margin:20px 0 10px;}
	#wrapper #title .featureExcerpt { display: none; }


	#subscribe input[type="email"] { font-size:0.6em; height:20px; }
	#subscribe input[type="submit"] { font-size:0.5em; height:53px; padding:17px 0; }


	footer #copy .logo { display:none; }

	/*footer { padding-bottom:30px; }*/
	footer #share p { font-size:.8em; width:100px; padding:10px 0; text-align:center; }
	footer #share ul { width:calc(100% - 101px); }
	footer #share ul li { width:25%; }
	footer #share ul li a { padding-top: 30px; margin-bottom:9px; margin-top:10px; background-size:75% 75%; margin-left:auto; margin-right:auto; width:50px; }

	/*.featherlight { z-index:100 !important; }*/
	.featherlight-content { width:96%; padding:0 2% !important; height:100%; margin:0 !important; }
	.featherlight-content .featherlight-close-icon { top:10px !important; left:10px !important; color:#000 !important; }
	.featherlight .featherlight-content #subscribe h2 { padding-top:40px; }
	.featherlight .featherlight-content #subscribe #journalLogo  { display:block; }

}






@media only screen and (max-width: 800px) and (orientation:portrait) {
	#hero {height:calc(60% - 150px);}
}


@media only screen and (max-height: 700px) and (max-width: 1024px) {
	#wrapper { margin-top:60px; }
	#wrapper header a#logo { padding-top:35px; }
	#wrapper header { padding-top:15px; padding-bottom:15px; }

	#wrapper, #wrapper #hero { margin-top:60px !important; }
	#mobileWrapper { padding-top:65px !important; }
}

@media only screen and (max-width: 550px) {
	.grid li { max-width: 96%; }
	.grid { max-width:370px; }

	.page-template-page-issues .grid { max-width:245px; }
}

@media only screen and (max-height: 550px) and (max-width: 1024px) {
	/*.single #wrapper #hero { display:none; }*/
    #wrapper #hero { height: 375px;}
}

@media only screen and (max-width: 475px) {
	#wrapper #mobileNav-toggle { left:15px; }
	#wrapper #hero #title h1 { font-size:1.5em; }
}


@media only screen and (max-width: 350px) {

	#wrapper #mobileNav-toggle { width:40px; }

	#wrapper .grid li { width:90%; padding:20px 5%; }

}