@charset "utf-8";
* {margin:0; padding:0; border-width:0; vertical-align:top;}
body,html {margin:0; padding:0; font-size:13px; font-family:'Trebuchet MS',helvetica,arial,sans-serif; color:#000; background-color:#F9F9F9;}	 
body a:visited {color:#666;}
.small {font:normal 11px arial; text-align:left;} 
.float_left,.alignleft {display:inline-block; float:left;}  	
.float_right,.alignright {display:inline-block; float:right;} 
img.float_left, img.alignleft {margin:5px 8px 8px 0; clear:left;}  
table td {padding:10px 10px 10px 0; line-height:22px;}

.arrow-up:after { 
display:inline-block; content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #000;	text-align:center; margin:2px;
}
.arrow-down:after {
display:inline-block; content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top: 5px solid #000; text-align:center; margin:2px;
}
.arrow-right:after {
content:''; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #000;
}
.arrow-left:after {
content:''; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #000; 
}

h1.toggle,h2.toggle,h3.toggle,h4.toggle {cursor:pointer;}
.toggle {position:relative; padding:10px 20px; margin:10px; background:#F9F9F9; border:1px dotted #CCC;}	 
.toggle p {margin-bottom:20px !important;}

ul.toggle > li.closed:before {content:'+';} 
ul.toggle > li.open:before {content:'-';} 

body > container {display:block; max-width:1600px; min-width:640px; min-height:600px; margin:0 auto; background:#FFF; padding-bottom:15px; overflow:hidden; box-shadow:4px 4px 3px #CCC;}	
body > container container {display:table; width:100%;} 
body > container container > column {display:table-cell; vertical-align:top;}
body > container container > column:nth-child(1) {width:240px;}

/* HEADER */
header {position:relative; height:230px; background-image:linear-gradient(to right, #000022, transparent, #000022 80%), url(/_assets/img/main_hdr.jpg); background-repeat:no-repeat; background-position:center 0px; background-size:cover; background-color:#244C80; color:#FFF; border-top:1px solid #77A3BF;}

header logo {position:absolute; top:15px; left:15px; width:400px;}
header logo img {float:left;}
header logo h1 {display:inline-block; position:absolute; bottom:2px; width:279px; height:110px; margin-left:20px; font-size:62px; line-height:30px; font-family:'myriad_pro_lightregular','helvetica','arial'; font-weight:normal; background:url('/_assets/img/logo/logo_text.png') no-repeat; text-indent:-9000px;}
header logo h1 span {clear:left; font-size:18px; color:#FFF; text-transform:uppercase; font-family:'myriad_pro_regular','helvetica','arial'; letter-spacing:6px;} 

search {display:block; position:absolute; top:15px; right:2px; width:360px; height:40px;}
search fieldset {display:table;}
search fieldset > * {display:table-cell;}
search fieldset label {display:table-row; display:none;}
search fieldset input {padding:3px 5px; font-size:16px; background-color:#F4F4F4; border:1px solid #999; border-radius:2px;}	
search input[type='text'] {width:300px; height:30px; margin-right:3px;}	
search input[type='submit'] {cursor:pointer; width:40px; height:38px; line-height:12px; text-align:center; font-size:30px; color:#999; border-radius:50%; background:url('/_assets/img/icon/icon_search.svg') no-repeat center center; background-size:contain; text-indent:-9999px; filter:invert(70%);} 
search input:focus {opacity:1;}
search input[type='submit']:hover {background-color:#FFF; filter:hue-rotate(300deg);}
 
body.search :not(header) search {display:none;}

/* HEADER */

/* MAIN */ 				
h1,h2,h3,h4 {font-family:"myriad_pro_lightregular","AkzidenzGroteskBQRegular",helvetica,arial; font-weight:normal;}	 
h1 {font-size:36px; line-height:40px;}
h2 {font-size:24px; line-height:28px;}
h3 {font-size:20px; line-height:24px;} 
h4 {font-size:16px; line-height:20px;} 
h5 {font-size:14px; line-height:20px;} 	
main > h1:first-of-type {margin:0 15px 10px 0; color:#002A92; font-size:48px; line-height:60px;} 
main > h2 {margin-bottom:10px;}	
main h1.breadcrumb {font-weight:bold; font-size:24px;}

body:not(.home) main > p, body:not(.home) main > ul, body:not(.home) main > ol, body:not(.home) section > p, body:not(.home) section ul, body:not(.home) section ol {margin:10px 0 15px 0; line-height:20px;}
body:not(.home) main > ul, body:not(.home) main > ol, body:not(.home) section ul, body:not(.home) section ol {margin-left:30px;}

main {display:block; position:relative; width:100%; padding-top:20px;}
main a {color:#4F81BD;}
main a:hover {color:#4F81BD; text-decoration:underline;}  

main column section h1, body.catalogs section > h2:first-of-type {clear:left; background:#4F81BD none repeat scroll 0% 0%; color:#FFF; margin:1px 0 8px 0; padding:0px 5px; font-weight:normal; font-size:22px; line-height:36px!important; top:0px; border-radius:1px; text-align: left;} 
main column section h1 a, main column h1 a:hover {color:#FFF!important; text-decoration:none;}  
main column section h1 a:after {content:'» more'; float:right; font-size:16px; margin-right:10px; color:#FFF;}  
main column section h2 {font-size:20px; padding-left:5px;}	
/*main column h3 {font-family:trebuchet MS, helvetica, arial; line-height:20px; text-transform:uppercase;}*/
main column section {position:relative; overflow:hidden;} 
main column section iframe {margin-bottom:10px;}
main column section :not(h1) a {color:#000;} 
main column section :not(h1) a:hover {color:#000; text-decoration:underline;}

main column:nth-child(1) section p {margin-left:5px; font-size:13px; line-height:23px; padding-right:5px}
main column:nth-child(2) section a {text-decoration:none!important; color:#000;}  
main column:nth-child(2) section a h3 {font-size:24px; line-height:28px;}
main column:nth-child(2) section a h4 {font-size:20px; margin-top:5px;}
main column:nth-child(2) section h5 {margin-top:10px;}	 

main column section h1 a, main column h1 a:hover {color:#FFF!important; text-decoration:none;}  

main column section item {overflow:hidden; clear:left;}

main column section a.float_right {margin:4px;}
main column p,main column ol, main column > blockquote {margin:5px 0 15px 0; font-size:15px; line-height:22px;}   
main column address {margin:0 10px 15px; font-style:normal; line-height:20px;} 
main column ol {list-style-position:inside;} 

body main {display:table; width:calc(100% - 30px); padding:0 15px;}	

main h5.subjects, main h5.areas, main h5.series {margin-top:20px;}
main h5.areas {margin-bottom:20px;}
main h5.subjects a, main h5.areas a, main h5.series a {color:#000; background:#EEE; padding:2px 3px; font-weight:normal; text-decoration:none;}	
toc p {padding-bottom:10px!important; clear:left;}
toc ul {margin:0 0 20px 0!important;}
toc ul li {padding:2px 0!important;}

toc p a[href$='.pdf'] > img[src$='.png'] {display:none;}

body.title main container column:first-child {width:200px;}
body.title main container column:nth-child(2) {padding-left:20px;}
main column book_title h1 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;} 
main column book_title h3 {text-transform:none; margin:10px 0;}	
body.title main container book_details {display:none; margin:20px 0;}
body.title main container label.book_details {display:block; clear:left;}
body.title main container label.book_details > span:first-of-type {font-size:17px; font-weight:bold; cursor:pointer;}
body.title main container label.book_details > span:first-of-type:before {content:'▶'; display:inline-block; width:15px; height:30px; margin-right:4px;}
body.title main container input[type='checkbox'] {display:none;}
body.title main container input[type='checkbox']:checked ~ book_details {display:block;}	
body.title main container input[type='checkbox']:checked ~ span:first-of-type:before {content:'▼';}


main column book_info, main column author_info, main column open_access {display:inline-block; overflow:hidden; padding:10px; border:1px solid #CCC;}
main column book_info {margin-bottom:20px;}
main column book_info p {margin:0; font-size:14px;}
main column author_info {margin-bottom:10px; background:#F9F9F0;}
main column author_info p:last-child {margin-bottom:5px;}	
main column open_access {display:table; border-left-width:10px; margin-left:-10px;} 
main column open_access a {white-space:nowrap;}
main column order_info {vertical-align:middle;}

body main #form_selects {margin-top:6px;}
body main #form_selects > * {display:table-cell; vertical-align:top; padding-right:20px;}
body main #form_selects form select.sm {font-size:16px; height:22px;}
body main #form_selects form select.sm option {font-size:14px; padding:3px 10px 3px 0;}	

body main nav > ul {display:table!important;}
body main nav > ul > li {display:table-cell!important; text-align:center;} 
body main nav > ul > li.on a {background:#EEE;}
body main nav > ul > li > a {padding:10px; font-size:16px; border-bottom:2px dotted #CCC;}

body main {display:block!important;}
body main ul {display:table; width:calc(100% - 30px);}
body main ul li {display:table; overflow:hidden; padding:20px 0;}
body main ul li column {display:table-cell; vertical-align:top;}
body main ul li a {text-decoration:none; color:#000;} 
body main ul li img.float_left {max-height:300px; border:1px solid #CCC; margin-right:15px;}
body main ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body main ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;} 
body main ul li p {margin-top:15px;}   

body.home main ul.nav li {margin:5px 0; padding:0px;}
body.home main ul.nav li a {display:block; text-decoration:none; color:#77A3BF; padding:5px; background:#EEE;}
body.home main ul.nav li a.on {background:#FFF; font-weight:bold;}

body.title column:first-of-type img.cover {border:1px solid #CCC;}

/* MAIN */
 
/* FOOTER */
footer {display:block; clear:both; margin:10px auto 30px; text-align:center; color:#999; font-size:11px;}
footer #feedback {content:''; display:inline-block; width:21px; height:20px; background:url('../img/icon/icon_feedback.png') no-repeat; text-indent:-9999px; margin:0px 5px;}  
/* FOOTER */	

/* FORMS */
form.checkSubmit fieldset {margin:10px 0; padding:10px; border:1px solid #CCC; display:inline-block; vertical-align:middle;}	
form.checkSubmit fieldset label {display:inline-block; min-width:120px; font-size:15px;}   
form.checkSubmit fieldset input[type='text'],form.checkSubmit fieldset input[type='email'] {height:26px; font-size:15px; padding:3px; border:0; border-bottom:2px dashed #CCC;} 
form.checkSubmit fieldset select {border:0px solid black;}
form.checkSubmit fieldset select option {border:0; font-size:15px; padding:3px;} 		
form.checkSubmit input {vertical-align:middle;}	   
form.checkSubmit fieldset textarea {min-width:200px;}
form.checkSubmit input[type='submit'],form.checkSubmit input[type='button'] {clear:left; padding:10px; font-size:15px; font-weight:bold; overflow:hidden; cursor:pointer;} 	  
form.checkSubmit fieldset.noborder {border-color:#FFF;}	
form.checkSubmit fieldset.noborder span {display:table;}
form.checkSubmit fieldset.noborder span > * {display:table-cell; vertical-align:middle; margin-right:6px;}	 
/* FORMS */	

body.search main .searchform input[type='text'] {font-size:14px; padding:2px 3px;}
body.search main .searchdetails {color:#666;}	 
 
body.search main form.checkSubmit {clear:both;} 
body.search main ol li > a {display:table; text-decoration:none; color:#000;}					  
body.search main > h2 {font-weight:normal;}
body.search main > h2 > b {color:#006600;}
body.search main > h2 > b:nth-child(2) {font-size:.9em;}
body.search main > h2 > b:nth-child(3) {font-size:.9em;}
body.search main ol li {margin:15px; font-size:1.1em;}
body.search main ol li img:first-child {float:left; margin:0 10px 5px 0; width:120px!important;}  
body.search main ol li a h3 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.search main ol li a h4 {font-size:20px}
body.search main ol li > h4 {margin:3px 0!important; font-family:trebuchet MS,helvetica,arial; font-weight:bold;}
body.search main ol li > h5 {color:#999;}
body.search main ol li > span {display:block; color:#CCC; margin-top:4px;}
 
button.load, button.play, button.pause {vertical-align:top; display:inline-block; position:absolute; top:calc(50% - 50px); left:calc(50% - 50px); width:100px; height:100px; text-align:center; border-radius:50%; border:10px solid #FFF; background:transparent; opacity:.3; cursor:pointer; text-indent:-9999px;}
button.load:hover, button.play:hover, button.pause:hover {opacity:.9;} 
button.load a {display:block; width:30px; height:30px; border:10px solid #FFF; border-right-color:transparent; border-bottom-color:transparent; border-radius:50%; margin:0 auto!important; animation: spin 1s linear infinite;}
button.play a {display:block; width:0; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:40px solid #FFF; text-align:center; margin:0!important; margin-left:25px!important;}	 
button.pause a {display:block; width:10px; height:45px; border-left:10px solid #FFF; border-right:10px solid #FFF; margin:0 auto; animation:pause 1s infinite;} 		

main column open_access {display:block; margin-top:20px;}
main h4.oa {margin:10px 0; padding-left:20px; background:url('https://www.berghahnbooks.com/_assets/img/icon/icon_oa.svg') no-repeat top left; background-size:auto 20px; overflow:hidden; font-weight:normal!important;}
main h4.oa > a {font-weight:bold; text-decoration:none; color:#4F81BD!important;}
main h4.oa > a:hover {text-decoration:underline;}
main h4.oa span.small {margin-left:10px; line-height:inherit; color:#999; vertical-align:baseline;}
main h4.oa span.small * {vertical-align:baseline;}

iframe#pdf {width:100%; height:100vh; min-height:500px;}

/* Overlay */
#zoom {
    display:none;
    height:100%;
    left:0;
    position:absolute;
    text-align:center;
    top:0;		   
	padding:0;
    width:100%;
    z-index:1002; 
	background:url('/_assets/img/loadingAnimation.gif') no-repeat center center;
} 
#zoom #close {color:#FFF; background:#000; padding:10px; font-weight:bold; border:1px solid #FFF;}
#overlay {   
	background:none repeat scroll 0 0 #007baf;
    display:none;
    height:130%;
    left:0;
    opacity:0.8;
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    z-index:1000; 
}

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

@media screen and (max-width:900px) { 
	header logo h1 {position:static;}
	
} 
  
@media screen and (max-width:640px) { 	   
	body > container {min-width:100%;}	   
	header {background-size:200%;}
	header logo h1 {background-size:230px; margin-top: 40px;}
	body.title column book_title h1 {font-size:24px; line-height:30px;}
	body.title main column book_title h3 {font-size:18px;}
}

body.admin table tr:nth-child(odd) {background:#F4F4F4;}
body.admin table tr:nth-child(even) {background:#FFFFCC;}
body.admin table td:nth-child(2n+1) {border-right:2px solid #CCC;}
body.admin table tr:nth-child(odd) td:nth-child(2n) {background:#F9F9F9;}
body.admin table tr:nth-child(even) td:nth-child(2n) {background:#FFFFEE;}
body.admin table tr td:not(:first-child) {text-align:center; vertical-align:middle;}
body.admin search_terms table tr:first-of-type td {font-weight:bold;}