/*
Theme Name: Twenty Eleven Child
Theme URI: https://wordpress.org/themes/twentyeleven-child/
Author: Yume Hoshijima
Author URI: https://wordpress.org/
Description: Twenty Eleven Child Theme
Template: twentyeleven
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven-child
*/

/* Whoever is looking at this: is this CSS sheet clean and non-redundant? No. Does it work? Yes. As a non-developer, it isn't terrible, no? -Yume Hoshijima, Volume 34 */

/* Defining the Yale font family. */

@font-face {
    font-family: "Yale";
    src: url("http://yalejreg.com/fonts/YaleNew-Roman.otf");
}

@font-face {
    font-family: "Yale";
    src: url("http://yalejreg.com/fonts/YaleNew-Bold.otf");
    font-weight: bold;
}

@font-face {
    font-family: "Yale";
    src: url("http://yalejreg.com/fonts/YaleNew-Italic.otf");
    font-style: italic;
}

@font-face {
    font-family: "Yale";
    src: url("http://yalejreg.com/fonts/YaleNew-BoldItalic.otf");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Yale";
    src: url("http://yalejreg.com/fonts/YaleNew-Italic.otf");
    font-style: oblique;
}

@font-face {
    font-family: "Yale";
    src: url("http://yalejreg.com/fonts/YaleNew-BoldItalic.otf");
    font-weight: bold;
    font-style: oblique;
}

/* Begin half-assed attempt at mobile-oriented web design*/
/* Shrinking fonts and stuff */
@media only screen and (max-width:650px) {
/* Simplifying header for mobile users */
div#desktoplogocontainer {
	display:none !important;
}
div#mobilelogocontainer {
	display:inline-block !important;
}

/* Mess with iOS font sizing */
body {
	-webkit-text-size-adjust:100%;
}

/* expand home page columns to full width  or on mobile */
div.col-1 {
	width:100% !important;
}
div.col-2{
	width:100% !important;
	margin-left:0% !important;
	margin-right:0% !important;
	padding:2% !important;
}

/* Hide WLRK logo on mobile to help out with space */
div#wlrkthanks {
	display:none !important;
}

}
/* mobile stuff ends above */

/* Set fonts */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, 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-family: Yale;
}

#page {
	margin: 1em auto !important;
}

div#main {
	max-width: 1000px;
	margin: 0 auto;
}

body {
	background:#ffffff !important;
}

.singular.page .hentry {
    padding: 0 0 !important;
}

.singular .hentry {
	padding: 0 0 !important;
}

div#copyrighttext{
	text-align:center;
	font-family: Yale;
	padding: 1rem 0 1.5rem 0;
	max-width:1000px;
	margin: 0 auto;
	color:black;
	border-top:2px solid rgb(153, 153, 153);
}

.singular #content, .left-sidebar.singular #content {
    margin: 0 0 !important;
    position: relative;
    width: auto;
}

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    margin: 0 1% 0 1% !important;
    width: 98% !important;
}

#top-nav-bar {
	font-family: Yale !important;
}

body {
	font-family: Yale !important;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, 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-family: Yale;
}

#access div {
    margin: 0 2% !important;
}

#main {
	padding: 0 !important;
}

.entry-content, .entry-summary {
    padding: 0 !important;
}

td.mastheadtable {
	text-align:center !important;
	border-top:none !important;
	font-size:1rem !important;
}

.entry-title {
	padding-top: .3em;
}

/* Including stuff from JQuery UI CSS sheet, since Wordpress doesn't load the stylesheet. Using a minimal call of JQuery UI to minimize conflicts. */

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 2px 0 0 0;
	/* overflow keeps tabs aligned well when page is smaller */
	overflow: hidden;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 3px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
	border:  1px solid #999999;
	border-bottom: none;
} 

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	font-style: bold;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 0.5em 0.25em;
	background: none;
}
*/ Button background color for inactive tab*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #bababa;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
/* Button background color for active tab */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ebebeb;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #000000;
	font-weight:normal !important;
}
	
#hometab-1, #hometab-2, #hometab-3, #hometab-4 {
	clear:both;
	background-color:#ebebeb;
	padding:2%;
	border: 1px solid #999999;
}

#submissionstab-1, #submissionstab-2, #submissionstab-3, #submissionstab-4 {
	clear:both;
	background-color:#ebebeb;
	padding:2%;
	border: 1px solid #999999;
}

h3, h3.hungryfeed_feed_title {
	vertical-align:top !important;
}

h1 {
	font-size: 2.5rem !important;
	font-style: bold !important;
	margin: 0.5rem 0 0.25rem 0 ! important;
	line-height: 120% !important;

}

h2 {
	font-size: 2rem !important;
	font-style: bold !important;
	margin: 0 0 0.25rem 0 ! important;
	line-height: 120% !important;
	letter-spacing:0em !important;
}

h3 {
	font-size: 1.5rem !important;
	font-weight: normal;
	text-transform: none !important;
	margin: 0 0 0.25rem 0 ! important;
	line-height: 120% !important;
	letter-spacing:0em !important;
}

h4 {
	font-size: 1.25rem !important;
	font-weight:bold !important;
	margin: 0 0 0.25rem 0 ! important;
	line-height: 120% !important;
	letter-spacing:0em !important;
}

/* reserve h6 for small caps to pre-empt usage of annoying spans. Make sure thta it doesn't start a new line break.  	*/
h6 {
	font-weight:bold !important;
	font-size:1rem !important;
}

h2.widgettitle {
	font-size: 1.5rem !important;
	line-height: 120% !important;
	
}

a.hometab-link {
	color:black;
}

a.hometab-link:hover {
	text-decoration:none;
}

p {
	margin-bottom:1em !important;
}

input {
	font-family:Yale !important;
}

li.menu-item > a {
	font-size:1.0rem;
}

#access a {
	line-height:2.0rem !important;
	padding: 0 0.75rem !important;
}

/* Homepage columns styled correctly */
div.col-1 {
	width:63%;
	float:left;
}
div.col-2 {
	width:33%;
	margin-left:3%;
	margin-right:1%;
	float: left;
}


/* format the search box */
input#s {
	background:#f9f9f9 url(images/search.png) no-repeat 5px 6px !important;
}

#branding #searchform {
    position: relative !important;
    top: 0 !important;
    right: 1% !important;
	margin-left: 2% !important;
}

#branding #s {
	float: right;
	-webkit-transition-duration: 0ms;
	-webkit-transition-property: none !important;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 0ms;
	-moz-transition-property: none !important;
	-moz-transition-timing-function: none;
	-o-transition-duration: 0ms;
	-o-transition-property: none !important;
	-o-transition-timing-function: ease;
	width: 120px;
}

#branding #s:focus {
	background-color: #f9f9f9;
	width: 120px !important;
}

#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 120px;
}

/* Making menu items go full width and other fun stuff */
ul#menu-menu-1 {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

div.volumeselector {
	margin: 0.5rem 1% 1% 1% !important;
}

/* Makes it so that submenu items don't disappear upon mouseover */
#access ul ul {
top:2rem !important;
}

/* resize submenu items */
ul.sub-menu > li > a {
    font-size: 1.0rem !important;
}

/* Change hungryfeed items from showing in baseline alignment */
div.hungryfeed_items {
	vertical-align:top;
}

/* Debold hungryfeed items */
div.hungryfeed_item_title {
	font-weight:normal !important;
	font-size:1.125rem !important;
}

/* make arrow thingy on JREG online posts be in the middle and lose some freaking padding and change font sizes and stuff. */
#content nav {
	padding: 0 0 !important;;
}

#content nav a {
	font-size: 1rem !important;
}

#nav-single {
	top:0em !important;
	font-size:1rem !important;
	float:none !important;
	width:50%;
	margin: 0 auto !important;
}

#nav-previous {
	float:left;
	text-align:left;
}

#nav-next {
	float:right;
	text-align:right;
}

/* hide ugly stuff at bottom of page */

div#comments {
	display:none !important;
}

footer.entry-meta {
	display:none !important;
}

/* add padding to main text; add border; justify all JREG Online posts */
div#jregonlinecontainer {
    padding: 1% 2% 2% 2% !important;
    border: 3px solid rgb(95, 116, 138) !important;
	text-align:justify;
}

/* add matching shade to homepage header */
div#homejregonlineshaded {
	background-color: #CADAEA;
	border: 1px solid rgb(153, 153, 153);
	padding: 2% !important;
}

/* justify footnotes */

div.footnotes > ol > li {
	text-align:justify;
	text-justify:inter-word;
	padding-bottom:0.5rem !important;
}

/* clean up font sizes and text in titles */

h3.jregonline-authorinfo {
	font-size:1.125rem !important;
	padding: 0 0 1% 0; 
	color:rgb(51, 51, 51)
	font-style:italic;
}

h2.jregonline-author {
	font-size:1.75rem !important;
}

h1.jregonline-title {
	font-size:2rem !important;
	font-weight:bold;
}

/* create a placeholder for smallcapped text */
span.smallcaps {
	font-variant: small-caps !important;
}

/* 1L Welcome Header */
div#one-l-welcome {
	text-align:center;
	font-size: 1.125rem;
	display:block;
	background-color:rgb(235, 235, 235);
	border: 1px solid rgb(153, 153, 153);
	padding: 0.2rem;
	margin:0.2rem;
}

/* CSS for JREG Online landing page */
div.jolandingtitlelink {
font-size: 1.25rem;
font-weight: bold;
line-height: 1.25rem;
margin-bottom: 0.5rem;
}

a.jolandingtitlelink {
font-size: 1.25rem;
font-weight: bold;
line-height: 1.25rem;
margin-bottom: 0.5rem;
}

div.jolandingauthor {
	font-size:1.125rem;
}

div.jolandingabstract {
	color:rgb(85, 85, 85);
}

div.jolandingcontainer {
	border-bottom: 1px solid rgb(221, 221, 221);
	padding-bottom:0.5rem;
	margin-top:0.5rem;
	text-align:justify;
}

h3.jregonlinevolume {
	font-weight:bold;
	margin-top:0rem !important;
	border-top:1px solid black;
	padding-top:0.5rem !important;
}

/* Fix font bug on contact form */
textarea.wpcf7-textarea {
	font-family:Yale;
}

/* Styling for the volumes page */
div.print-page-container {
	padding: 0 0 2% 0;
}

p.print-cite {
	font-size:1.1rem;
	color:#000000;
	border-top: 1px solid #dddddd;
	margin-top:1rem;
	padding-top:1rem;
}

p.print-abstract {
	color:rgb(56, 56, 56);
	text-align:justify;
}

/* styling for home tabs */
.home-author {
	margin-top:-0.7rem;
	color:#343434;
}

.home-title {
	font-size:1.125rem;
	line-height:1.125rem;
}

.home-note {
	margin-bottom:0rem !important;
	font-size:0.875rem;
	font-style:italic;
	color:#004080;
}

/* styling for home jreg online container */
.home-jo-author {
	margin-top:-0.7rem;
	color:#000000;
}

.home-jo-title {
	font-size:1.125rem;
	line-height:1.125rem;
	color:#012A7C
}

/* styling for captions */
.wp-caption .wp-caption-text::before {
	display:none;
}

p.wp-caption-text {
	padding: 0 !important;
	font-size:100% !important;
	color:rgb(55, 55, 55) !important;
	font-family:Yale !important;
}

.wp-caption: {
	max-width:92% !important;
	padding:4% !important;
}

img[class*="wp-image-"] {
	max-width:100% !important;
	padding: 0 !important;
}

/* Styling for long author bio on JO posts */
div.long-jo-bio {
    background-color: #dddddd !important;
    padding: 1% 2% !important;
    border: 1px solid #bbbbbb !important;
    margin: 1rem 0 !important;
}

/* fix main style sheet line 317, which is making em text not black */

p>em {
	color:#000000;
}

li>em {
	color:#000000;
}