/*   
Theme Name: storySouth
Author: Tigermoth Creative
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

body{ background-color: #f2efe0; border-top: 7px solid #c05702;}
body, select, input, textarea{ font-family: Georgia, Times, Times New Roman, serif;}

a{ color: #352f24; text-decoration: none;}
a:hover{ color: #0a7e5b;}
.button, button{ -webkit-appearance: none;}
.button:hover, button:hover{}

h1, h2, h3, h4, h5, h6{ line-height: normal;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

hr{ border: none; background-image: url(images/hr.png); background-size: cover; background-position: center center; height: 36px; width: 100%;}

#page-wrap{}
.wrapper{ width: 90%; max-width: 1200px; margin: 0 auto;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li a:hover{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul a:hover{}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

#header{ padding: 15px 0 20px;}
#header .logo{ float: left;}
#header .nav{ float: left; margin: 60px 0 0 2.5%; font-size: 12px; line-height: 12px; font-weight: bold; letter-spacing: .15em; text-transform: uppercase;}
#header .nav a{ color: #352f24; padding: 10px 20px; border-right: 2px solid #c8a911;}
#header .nav li:nth-last-of-type(1) a{ border-right: none;}
#header .nav li{ padding: 18px 0;}
#header .nav li:hover{ background-image: url(images/nav-hover.png); background-position: center center; background-repeat: no-repeat;}
ul.social{ float: right; margin: 85px 0 0 2.5%;}
ul.social li{ display: inline-block; border: 1px solid #c8a911; border-radius: 100px; margin-left: 20px;}
ul.social a{ height: 30px; width: 30px; font-size: 16px; color: #c8a911; display: flex; justify-content: center; align-items: center;}

.content{ background-color: #fff; padding: 60px 15px; box-sizing: border-box; border-top: 7px solid #c05702; color: #352f24; font-size: 16px; line-height: 26px;}
.content p{ margin-top: 30px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.meta p.contributor{ color: #766d65; font-size: 14px; margin-top: 10px; letter-spacing: .1em;}
.meta p.contributor span{ text-transform: uppercase;}
.meta p.published{ margin: 15px 0 35px; font-style: italic; font-size: 16px;}
blockquote{ padding-left: 15px; font-size: 14px; line-height: 21px; margin-top: 30px;}

.content-right{ width: 83%; float: right; border-left: 3px solid #c8a911; padding: 0 40px 0 20px; box-sizing: border-box;}
.content-right h2{ font-size: 30px; font-weight: normal; margin: 60px 0 30px;}
.content-right h2:first-child, .content-right p:first-child{ margin-top: 0;}
.content-right .staff h2, .content-right .editors h2{ font-size: 30px; font-weight: normal; margin: 60px 0 45px;}
.content-right .staff-member{ margin-bottom: 30px;}
.content-right .staff-member img{ float: left; margin: 0 15px 15px 0; max-width: 150px;}
.content-right .staff-member:first-child{ margin-bottom: 0;}
.content-right .staff-member:after{ clear: both; display: table; content: "";}
.sidebar{ width: 17%; float: left; padding: 0 1.5% 0 10px; box-sizing: border-box; position: relative;}
.sidebar .page-title, .sidebar h3, .sidebar h3 a{ font-size: 22px; line-height: 26px; font-weight: bold; font-style: italic; color: #c05702;}

.navigation{ clear: both;}
.next-posts{ width: 45%; float: left;}
.prev-posts{ width: 45%; float: right; text-align: right;}

.searchform{}
.s{}
.searchsubmit{}

#footer{ background-image: url(images/footer.jpg); background-size: cover; background-position: center center; color: #fff; text-align: center; font-size: 14px; line-height: 20px; padding: 7px 0 40px; margin-top: 60px;}
#footer .footer-content{ background: rgba(8,96,70,.55); padding: 22px 0 30px;}
#footer .footer-content .wrapper{ display: flex; flex-direction: row;}
#footer .column{ width: 33.333%;}
#footer .column:nth-of-type(1){ order: 2;}
#footer .column:nth-of-type(1) a{ text-transform: uppercase; color: #f2efe0; font-weight: bold; font-size: 12px; letter-spacing: .15em;}
#footer .column:nth-of-type(2){ margin-top: 182px; order: 1;}
#footer .column:nth-of-type(2) img{ max-width: 125px;}
#footer .column:nth-of-type(2) p{ max-width: 120px; margin: 15px auto 0; font-style: italic;}
#footer .column:nth-of-type(3){ font-style: italic; margin-top: 170px; order: 3;}
#footer .column:nth-of-type(3) p{ max-width: 125px; margin: 30px auto 0;}
#footer .column:nth-of-type(3) a{ color: #fff;}
#footer .column ul{ float: none; margin-top: 15px;}
#footer .column li{ display: block; float: none; margin-bottom: 5px;}

.email-signup{ background-color: #fff; padding: 30px 15px; box-sizing: border-box; border-top: 7px solid #c8a911; color: #352f24; font-size: 16px; line-height: 22px; margin-top: 90px; text-align: center;}
.email-signup h3{ font-size: 26px; font-weight: normal; font-style: italic; color: #086046; margin-bottom: 15px;}
.email-signup .gform_wrapper{ max-width: 380px; margin: 30px auto 15px;}
.email-signup .gform_wrapper input{ text-align: center; padding-right: 0 !important;}
.email-signup .gform_footer{ text-align: center; margin-top: 15px !important; padding-top: 0 !important;}
.email-signup .gform_footer .gform_button{ margin-right: 0 !important; padding: 10px 75px !important;}
.email-signup ul.social{ float: none; margin: 15px auto 0; font-size: 33px;}
.email-signup ul.social li{ margin: 0 15px; border: 1px solid #e1d9b3;}
.email-signup ul.social li a{ color: #e1d9b3;}

.content .gform_body input, .content .gform_body textarea{ margin: 0 !important; padding: 12px !important; border: 1px solid #ebe6cc;}
.content .gform_wrapper .gfield_radio{ margin: 30px 0 !important;}
.content .gform_wrapper .gfield_radio li label{ font-size: 16px !important;}
.content .gform_wrapper ul.gfield_radio li input{ margin-left: 5px !important;}
.content .gform_footer .gform_button{ border: none; background: #c8a911; font-weight: bold; color: #fff; font-size: 14px; line-height: 14px; letter-spacing: .1em; padding: 10px 30px; text-transform: uppercase;}
.content .gform_footer .gform_button:hover{ background-color: #c05702;}
::-webkit-input-placeholder{ color: #c8a911; opacity: 1;}
::-moz-placeholder{ color: #c8a911; opacity: 1;}
:-ms-input-placeholder { color: #c8a911; opacity: 1;}
:-moz-placeholder { color: #c8a911; opacity: 1;}

.post-archive article{ margin-bottom: 30px;}
.post-archive h2{ font-size: 14px; line-height: 20px; font-weight: normal; margin: 0;}
.post-archive .meta.story-meta{ margin: 0;}
.navigation-link, .anchor{ font-size: 12px; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; display: block;}


/* Blog & Stories */

h1.post-title{ font-size: 30px; font-weight: normal;}
.sidebar .widget{ margin-bottom: 85px;}
.categories-widget ul{ margin: 0; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; font-weight: bold;}
.categories-widget li{ list-style: none; margin-top: 10px;}
.categories-widget a{ color: #352f24;}
.search-widget .s{ border: 1px solid #ebe6cc; box-sizing: border-box; width: 100%; padding: 6px; margin-top: 15px;}
.search-widget label{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
.contributor{ margin-top: 100px; font-size: 14px; line-height: 20px;}
.contributor hr{ margin-bottom: 20px;}
.contributor img{ float: left; max-width: 100px; margin: 0 15px 15px 0;}
.contributor p{ margin: 0;}
.content-right ul.social{ float: none; font-size: 28px; margin: 60px 0 0;}
.content-right ul.social li{ border: 1px solid #086046; margin: 0 20px 0 0;}
.content-right ul.social li a{ color: #086046;}
.content-right ul.signoff-links{ margin: 60px 0 0; font-size: 12px; line-height: 12px; letter-spacing: .1em; text-transform: uppercase; font-weight: bold;}
.content-right ul.signoff-links li{ display: inline-block; padding: 35px 0;}
.content-right ul.signoff-links li:hover{ background-image: url(images/signoff-hover.png); background-position: center center; background-repeat: no-repeat;}
.content-right ul.signoff-links li a{ border-right: 1px solid #c8a911; padding: 2px 15px;}
.content-right ul.signoff-links li:nth-of-type(1){ padding-left: 0;}
.content-right ul.signoff-links li:nth-last-of-type(1) a{ border-right: none;}
.meta.story-meta{ margin: 10px 0 35px;}
.blog-grid:after{ clear: both; display: table; content: "";}
.post-grid .featuredimg{ height: 250px; background-size: cover; background-position: center center;}
.post-grid article{ width: 46%; padding-right: 2%; float: left; box-sizing: border-box; padding-top: 35px;}
.post-grid article:nth-of-type(odd){ margin-right: 2%; border-right: 2px solid #c8a911;}
.post-grid .entry{ border-bottom: 1px solid #c8a911; padding-bottom: 65px;}
.post-grid article:nth-of-type(1), .post-grid article:nth-of-type(2){ padding-top: 0;}
.post-grid h2{ margin: 20px 0 5px;}
.post-grid .more{ text-transform: uppercase; letter-spacing: .1em; font-weight: bold; font-size: 14px; display: block; margin-top: 10px;}
.content-right ul.signoff-links.post-nav{ padding-top: 20px; clear: both; margin: 75px 0;}


/* Homepage */

.home .content-right, .single-issue .content-right{ border-left: none;}
.home-section:after{ clear: both; display: table; content: "";}
.home-section{ margin-bottom: 60px; border-left: 3px solid #c8a911;}
.home-section .column{ width: 48%; float: left; padding: 0 2% 0 20px; box-sizing: border-box; font-size: 16px; line-height: 20px;}
.home-section .column:nth-of-type(even){ float: right; border-left: 3px solid #c8a911;}
.home-section h2{ margin: 0 0 10px; font-size: 15px; text-transform: uppercase; letter-spacing: .15em; font-weight: bold;}
.home-section ul{ margin: 0; padding: 0;}
.home-section li{ list-style: none; margin-bottom: 10px;}
.home-section li:nth-last-of-type(1){ margin-bottom: 0;}
.home-section li span.contributor{ margin: 0; display: block; font-size: 12px; line-height: 20px; text-transform: uppercase; letter-spacing: .1em; color: #686059;}
.home-section.features{ clear: right; width: 85%; padding: 15px 0 15px; border-bottom: 1px solid #c8a911; margin: 75px auto; border-left: none; font-size: 24px; line-height: 38px;}
.home-section.features hr{ border: none; background-image: url(images/fw-hr.png); background-position: center center; height: 36px; width: 100%; margin-bottom: 30px;}
.home-section.features h2{ font-size: 22px; text-transform: none; color: #086046; letter-spacing: 0; font-style: italic; margin-bottom: 15px;}
.home-section.features h2 span{ font-weight: normal;}
.home-section.features p{ margin: 15px 0 0;}
.home-section.features .feature{ margin-bottom: 30px;}
.home-section.features{ font-size: 18px; line-height: 26px;}


/* Issues */

.issue-archive h2{ font-size: 15px; letter-spacing: .15em; text-transform: uppercase; font-weight: bold;}
.issue-archive .entry{ padding-bottom: 15px;}
.issue-archive .entry ul{ margin: 15px 0 0; padding: 0; font-size: 16px; line-height: 22px; font-style: italic;}
.issue-archive .entry li{ display: inline; word-wrap: break-word; margin-right: 5px;}
.issue-archive .entry li:nth-last-of-type(1){ margin-right: 0;}
.issue-archive .entry li:nth-last-of-type(1) span{ display: none;}
.issue-archive .entry ul li strong{ font-style: normal;}
 

/* Author Index */

.author-index article{ margin-bottom: 0;}
.author-index h2{ font-size: 14px; text-transform: uppercase; letter-spacing: .1em; color: #766d65; margin-bottom: 0;}
.author-index ul{ margin: 5px 0 0; padding: 0;}
.author-index ul li{ list-style: none; font-weight: normal; margin: 0; font-size: 14px; line-height: 20px;}
.author-index .alpha-anchor{ scroll-behavior: smooth; padding-top: 20px; position: relative;}
.author-index ul.alpha-nav{ margin-bottom: 20px;}
.author-index ul.alpha-nav li{ display: inline-block; padding-right: 10px; margin-right: 5px; border-right: 1px solid #c8a911; font-weight: bold; font-size: 16px;}
.author-index ul.alpha-nav li:nth-last-of-type(1){ border-right: none;}
.author-index .alpha-heading{ font-size: 30px; font-weight: normal; margin: 85px 0 0;}
.content-right.author-index >  .alpha-heading-a ~ .alpha-heading-a, .content-right.author-index > .alpha-heading-b ~ .alpha-heading-b, .content-right.author-index > .alpha-heading-c ~ .alpha-heading-c, .content-right.author-index > .alpha-heading-d ~ .alpha-heading-d, .content-right.author-index > .alpha-heading-e ~ .alpha-heading-e, .content-right.author-index > .alpha-heading-f ~ .alpha-heading-f, .content-right.author-index > .alpha-heading-g ~ .alpha-heading-g, .content-right.author-index > .alpha-heading-h ~ .alpha-heading-h, .content-right.author-index > .alpha-heading-i ~ .alpha-heading-i, .content-right.author-index > .alpha-heading-j ~ .alpha-heading-j, .content-right.author-index > .alpha-heading-k ~ .alpha-heading-k, .content-right.author-index > .alpha-heading-l ~ .alpha-heading-l, .content-right.author-index > .alpha-heading-m ~ .alpha-heading-m, .content-right.author-index > .alpha-heading-n ~ .alpha-heading-n, .content-right.author-index > .alpha-heading-o ~ .alpha-heading-o, .content-right.author-index > .alpha-heading-p ~ .alpha-heading-p, .content-right.author-index > .alpha-heading-q ~ .alpha-heading-q, .content-right.author-index > .alpha-heading-r ~ .alpha-heading-r, .content-right.author-index > .alpha-heading-s ~ .alpha-heading-s, .content-right.author-index > .alpha-heading-t ~ .alpha-heading-t, .content-right.author-index > .alpha-heading-u ~ .alpha-heading-u, .content-right.author-index > .alpha-heading-v ~ .alpha-heading-v, .content-right.author-index > .alpha-heading-w ~ .alpha-heading-w, .content-right.author-index > .alpha-heading-x ~ .alpha-heading-x, .content-right.author-index > .alpha-heading-y ~ .alpha-heading-y, .content-right.author-index > .alpha-heading-z ~ .alpha-heading-z{ display: none;}
p.anchor{ display: block; margin-top: 15px;}



/* Media queries */

@media (max-width: 1150px) {
	#header .nav{ display: none;}
	#header .social{ margin-right: 100px;}
}

@media (max-width: 800px) {
	.home-section .column, .post-grid article{ width: 100%; float: none; padding-right: 0;}
	.post-grid article{ margin-bottom: 30px;}
	.post-grid article:nth-of-type(2n+1){ border-right: none;}
	.sidebar, .content-right{ width: 100%; float: none;}
	.content-right{ padding: 0; border: none;}
	#footer .footer-content .wrapper{ flex-direction: column;}
	#footer .column{ width: 100%;}
	#footer .column:nth-of-type(1){ order: 1; margin-top: 30px;}
	#footer .column:nth-of-type(2){ order: 2; margin-top: 30px;}
	#footer .column:nth-of-type(3){ margin-top: 0;}
	.home-section .column:nth-of-type(even){ border-left: none; padding-top: 15px;}
}

@media (max-width: 600px) {
	#header .social{ display: none;}
	.sidebar, .home-section{ margin-bottom: 30px; padding: 0;}
	.home-section.features h2{ font-size: 18px !important; line-height: normal; margin-bottom: 5px;}
	.home-section.features{ margin: 45px auto; font-size: 16px !important; line-height: normal;}
	.contributor{ margin-top: 45px;}
	.content-right ul.signoff-links{ text-align: center;}
	.content-right ul.signoff-links li{ display: block; padding: 0; margin: 0 0 15px;}
	.content-right ul.signoff-links li a{ border: none;}
}