/*
 *  Theme Name: Bradley
 *  Description: A simple, typographic theme for WordPress.
 *  Revised 20150901
 *  Revised 20201130, to new server
 */

/* RESET */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

p, dl, hr, h1,
h2, h3, h4, h5,
h6, ol, ul, pre,
table, address,
fieldset 		{ margin-bottom:1em; }
li 				{ list-style:square; margin:0.5em 0 0 2em; }
pre 			{ font-family:monospace; background:#f8f8ff; padding:0.5em; overflow:auto; }
sup, sub 		{ height:0; line-height:1; vertical-align:baseline; position:relative; font-size:10px; }
sup 			{ bottom:1ex; }
sub 			{ top:0.5ex; }
table 			{ border:none; width:100% !important; border-collapse:collapse; }
tr, th, td 		{ border:none; }
tr 				{ vertical-align:top; }
th, td 			{ padding:5px; vertical-align:top; }
.left 			{ float:left; }
.alignleft 		{ display:inline; float:left; margin:0 2em 1em 0; }
.right 			{ float:right; }
.alignright 	{ display:inline; float:right; margin:0 0 1em 2em; }
.aligncenter 	{ display:block; margin:1em auto; }
.clear 			{ clear:both; }

.gry 			{ color:#958c6e; }
.red 			{ color:#990000; }
.tan 			{ color:#958c6e; }

::-moz-selection { color:#fff; background:#990000; text-shadow:none; }
::selection 	 { color:#fff; background:#990000; text-shadow:none; }


/*  ELEMENTS  */

body { color:#000; font:normal 12pt Georgia, 'Times New Roman', Times, serif; }

a 		{ color:#900; text-decoration:none; cursor:pointer; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s; }
a:hover { color:#c00; }


dl 		{ display:block; clear:both; font:normal 11pt / 1.5em Georgia, 'Times New Roman', Times, serif; vertical-align:top; }
dt, dd 	{ float:left; display:inline; vertical-align:top; margin:0; padding-bottom:20px;  }
dt 		{ color:#958c6e; font-weight:bold; width:90px; margin-right:20px; text-align:right; }
dd 		{ color:#333; width:760px;  }

h1, h2, h3, h4, h5, h6 { color:#000; font-weight:200; font-variant:small-caps; letter-spacing:1px; clear:both; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#000; text-decoration:none; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color:#900; }
h1 { font-size:2.0em; }
h2 { font-size:1.7em; }
h3 { font-size:1.5em; }
h4 { font-size:1.2em; color:#958c6e; }
h5 { font-size:1.0em; }

hr { height:1px; border-width:0; color:#c3b999; background-color:#c3b999; clear:both; display:block; width:100%; margin:20px 0; padding:0; }

p  { font:normal 12pt / 1.5em Georgia, 'Times New Roman', Times, serif; }

blockquote {
    margin:2em 1em 1.5em 0;
    padding:1.8em 1.8em 1.4em;
    position:relative;
    border-top:3px solid #958c6e;
    border-bottom:3px solid #958c6e;
}
blockquote:before {
    content:"";
    position:absolute;
    bottom:-1em;
    left:1em;
    border-width:1em 1em 0;
    border-style:solid;
    border-color:#958c6e transparent;
    display:block; 
    width:0;
}
blockquote:after {
    content:"";
    position:absolute;
    bottom:-0.7em;
    left:1.3em;
    border-width:0.7em 0.7em 0;
    border-style:solid;
    border-color:#fff transparent;
    display:block; 
    width:0;
}
blockquote p {
    font-size: 1em;
    line-height:1.5em; 
    font-weight:200; 
    font-style:italic;
    font-family:Georgia, 'Times New Roman', Times, serif;
    padding:0 0 1em 0;
    margin:0;
    color:#333;
    background:#fff;
}


p.byline {
    color:#958c6e;
    font-size:9pt;
    font-style:normal;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    margin:0 0 3em 2.5em;
    padding:0;
    border:none;
}
p.byline:before,
p.byline:after  { border:none; }

span.rubricated 			 { font-size:1.5em; font-style:normal; font-variant:small-caps; letter-spacing:1px; display:inline-block; }
span.rubricated:first-letter { color:#900 !important; }

.note, cite, small 			 { color:#333; font-weight:normal; font-style:normal; font-size:9pt; font-family:Arial, Helvetica, sans-serif; }
.note a:hover 				 { color:#c00; }

.figure-caption,
.figure-caption a 			 { color:#333; font-weight:normal; font-style:normal; font-size:8pt; font-family:Arial, Helvetica, sans-serif; }
.figure-caption a:hover 	 { color:#c00; }



#container { width:960px; margin:0 auto; }
#header { margin:0; }
	#header li { display:inline; }
#content { margin-top:4em; }
.hentry, .meta { margin-bottom:1em; padding-bottom:1em; }
.hentry h2, .hentry h3, .hentry h4 { margin-top:1em; }
.home .hentry, .home .meta { border-bottom:none; }

.sub  { color:#900; font-size:14pt; font-weight:bold; }
	
.widgets { margin-bottom:1em; border-bottom:1px solid #ccc; }
.widget { margin-bottom:2em; }
.pagination { text-align:center; margin:2em auto 1em auto; }
.pagination a { padding:3px 8px; border:1px solid #ccc; }

.wp-caption { text-align:center; margin:6px auto; padding:0;  }
.wp-caption-text, .gallery-caption { font-size:9px; font-family:Georgia, 'Times New Roman', Times, serif; margin:3px 0 10px; text-align:center; }

/*  MAIN NAVIGATION  */

/*  Container  */
.menu-mainmenu-container { background-color:#000; }

/*  Container class - top-level navigation  */
.menu-mainmenu-container ul { padding:10px;  }
/* each top-level navigation item */
.menu-mainmenu-container li { color:#fff; font-weight:normal; font-size:16px; line-height:30px; height:30px; font-family:Georgia, 'Times New Roman', Times, serif; font-variant:small-caps; letter-spacing:1px; margin-left:16px; }
/* each top-level navigation item anchor */
.menu-mainmenu-container li a { color:#fff;  }
/* each top-level navigation item anchor HOVER */
.menu-mainmenu-container .current-menu-item > a, .menu-mainmenu-container a:hover { color:#958c6e; }
			
.menu-mainmenu-container ul ul { display:none; margin-left:0em; }

/* Container class - secondary navigation */
.menu-mainmenu-container li ul  { padding:10px;  }
/* each secondary navigation item */
.menu-mainmenu-container li li { color:#fff; font-weight:normal; font-size:16px; line-height:30px; height:30px; font-family:Georgia, 'Times New Roman', Times, serif; font-variant:small-caps; letter-spacing:1px; margin-left:16px; }
/* each secondary navigation item anchor */
.mainmenu-container li li a { color:#fff;  }
/* each secondary navigation item anchor */
.menu-mainmenu-container li li .current-menu-item > a, .menu-mainmenu-container li li a:hover { color:#958c6e; }

.nav { font-size: 8pt; font-weight:bold; }

/* TABLES */
th, .sub2  						{ color:#958c6e; font-weight:400; padding-left:0; text-align:right; }

.book 							{ border-collapse:collapse; clear:both; display:block; margin:20px 0; padding:0; width:100%; }
.book th 						{ vertical-align:top; line-height:1.5em; margin:0px; padding:5px 5px 5px 0px; }
.book td 						{ vertical-align:top; line-height:1.5em; margin:0px; padding:5px 0px 5px 5px; }

.book .fig 						{ text-align:center !important; margin:0px; padding:0px 0px 10px 10px; }
.book .fig-text 				{ font-size:9px; font-family:Georgia, Georgia, 'Times New Roman', Times, serif; margin:6px auto 10px !important; padding:0; text-align:center !important; }


.chronology h3 					{ color:#958c6e; font-size:1.3em; margin:0; padding:0; }
.chronology p 					{ margin-left:4em; padding-bottom:1em; }
.checklist 						{ margin:0 auto; border-collapse:collapse; width:100%; }
.checklist td 					{ border:6px solid #000; background-color:#dbd9cf; margin:6px; padding:15px; }
.checklist select, 
.checklist select option 		{ color:#958c6e; font-family:Georgia, Georgia, 'Times New Roman', Times, serif; }
.checklist #select_cats 		{ display:block; background-color:#e9e8e3; font-size:16px; line-height:36px; width:100%; height:36px; margin:0px; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s; cursor:pointer; }
.checklist #select_cats:hover 	{ color:#fff; background-color:#958c6e; }
	
.posters 							{ margin:15px 0px; border-collapse:collapse; width:100%; }
.posters cite						{ color:#333; font-weight:normal; font-style:normal; font-size:9pt; font-family:Arial, Helvetica, sans-serif;  border-bottom:1px dotted #eee; cursor:pointer; }
.posters th 						{ white-space:nowrap; vertical-align:top; line-height:1.5em; margin:0px; padding:5px 5px 5px 0px; }
.posters td 						{ vertical-align:top; line-height:1.5em; margin:0px; padding:5px 0px 5px 5px; }
.posters td img						{ -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s; cursor:pointer; }
.posters td img:hover				{ -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; }
.posters .note						{ color:#333; font-weight:normal; font-style:normal; font-size:9pt; font-family:Arial, Helvetica, sans-serif; } 
.posters .note a:hover 				{ color:#c00; }
.posters .refs						{ margin-top:1em; }
.posters .figure-caption,
.posters .figure-caption a 			{ color:#333; font-weight:normal; font-style:normal; font-size:8pt; font-family:Arial, Helvetica, sans-serif; }
.posters .figure-caption a:hover 	{ color:#c00; }
.posters small 			 			{ color:#333; font-weight:normal; font-style:normal; font-size:9pt; font-family:Arial, Helvetica, sans-serif; }
.posters .wp-caption.alignright 	{ margin:0px; padding:0px 0px 10px 10px; }

/*  FOOTER / COLOPHON  */

#colophon 				{ display:block; clear:both; margin:0 auto 2em; padding:1em; border-top:1px solid #ccc; }
#colophon .note 		{ float:left; clear:both; }
#colophon cite 			{ color:#999 !important; }
#colophon cite a 		{ color:#999; }
	
#colophon .copyright	{ float:right; clear:both; }
#colophon small 		{ color:#ccc !important; }
#colophon small a 		{ color:#ccc; }
#colophon small a:hover { color:#c00; }


/* RESPONSIVE Styles */

@media only screen and (max-width: 768px) {
	
	#container, #header, .menu-main-menu-container { width:100%; margin:0 auto; }
	
	#primary-menu-icon { border-bottom:1px solid #fff; cursor:pointer; display:block; padding:24px 24px; text-align:center; }
		#primary-menu-icon::before { color:#eee; content:'MENU \2630'; font-weight:bold; letter-spacing:1px; }
		#primary-menu-icon:hover::before { color:#eee; content:'MENU \2637'; }
		#primary-menu-icon:active::before { color:#fff; content:'MENU \2637'; }
	
	/* Hide Primary Navigation Menu until it's toggled via script */
	.menu { display: none; }
	
	/* Primary Navigation Menu misc properties */
	.menu { clear:both; width:100%; z-index:9999; margin:0 auto; }
		.menu .menu-item { display:block; width:98%; clear:both; text-align:left; }
		.menu a { display:block; width:98%; clear:both; position:relative;}
			.menu a:hover, .menu .current-menu-item > a, .menu .sub-menu .current-menu-item > a:hover { background-color:#000; color:#958c6e; }
			.menu .sub-menu .current-menu-item > a { color:#fff; }

	.menu .sub-menu {
		left:0px; opacity:0.8; position:relative;
		-webkit-transition: opacity .4s ease-in-out;
		-moz-transition: opacity .4s ease-in-out;
		-ms-transition: opacity .4s ease-in-out;
		-o-transition: opacity .4s ease-in-out;
		transition: opacity .4s ease-in-out;
		width:100% !important; margin:0 auto; z-index:99;
	}

	.menu .sub-menu a {
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		padding: 18px 30px;
		position: relative;
		width: 100%;
	}

	.menu .sub-menu a::before {
		content: "- ";
		font-size: 14px;
	}
	
	.menu .sub-menu a:hover {
		background-color: #f7f7f7;
	}
	
	.menu .sub-menu li li a {
		padding: 18px 40px;
	}
	
	.menu .sub-menu .sub-menu {
		margin: 0;
	}

	.menu .menu-item:hover {
		position: static;
	}

	.menu .menu-item:hover > .sub-menu {
		left: auto;
		opacity: 1;
	}
	
	#content { margin-top:1em; padding:10px; }
	
	.checklist { width:96% !important; }
	.checklist img { width:90%; height:auto; float:none; margin:10px auto; }
	
	dl { display:block; clear:both; }
	dt, dd { float:none; display:block; clear:both; font-size:10pt; margin:0; padding-bottom:10px;  }
	dt { width:auto; margin-right:0px; text-align:left; }
	dd { width:auto; }

	img.alignright, img.alignleft, img.alignnone { display:block; float:none; clear:both; margin:15px 0; }
	
	p { font-size:12pt; line-height:1.5em; }
		p.byline { font-size:12pt; margin-top:0px; }
		dl a, p a { color:#900; text-decoration:underline; }
	
}