@charset "utf-8";
@import url('https://assets.berghahnjournals.com/css/myriad/font_myriad.css');
* {margin:0; padding:0; border:0;}
a {color:#910f16;}
hr {border-width:1px 0 0 0;}
body {font-family:"Source Sans Pro", sans-serif; background:#FFF;}

/* HEADER */

header {display:block; position:relative; height:140px; padding:10px; border-bottom:2px solid rgba(0, 0, 0, 0.075); background:url('https://www.berghahnjournals.com/fileasset/jnl_hdr_new-red2.png') no-repeat center center; background-size:cover;}

/*
header logo:before {		
		display: block;
		content: '';
		position: absolute;
		top: 2px;
		left: 100px;
		width: 220px;
		height: 100px;
		background: url(https://assets.berghahnjournals.com/img/30_1_jnls.png) no-repeat 0;
		background-size: contain;
		}
*/
header logo {display:inline-block;}
header logo a {display:block; width:360px; height:140px; text-indent:-9999px; background:url('https://www.berghahnjournals.com/fileasset//fileasset/BB-journals-web-white2-300.png') no-repeat 0 0; background-size:contain;}

header #social {display:inline-block; clear:right;}
header #social_fb {position:absolute; top:0px; right:370px; z-index:9999;}   
header #social_tb {display:inline-block; position:absolute; top:38px; right:142px;}
header #social_tw {display:inline-block; position:absolute; top:35px; right:10px;}
header #social_tw ul {display:none;} 
header #social_tw li {list-style-type:none; padding:2px 0;}

header logo img {float:left;}
header logo h1 {display:inline-block; position:absolute; bottom:0; width:279px; height:90px; margin-left:20px; font-size:62px; line-height:30px; font-family:'myriad_pro_lightregular','helvetica','arial'; font-weight:normal; background:url('/img/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;}

header #topnav {font-size:12px; margin:0px; position:absolute; bottom:10px; right:0px; white-space:nowrap; text-transform:uppercase;}
header #topnav > ul > li {display:inline; float:left; height:42px; line-height:26px; margin-right:1px;}
header #topnav > ul > li:first-child {padding:0 5px; background:none;}
header #topnav > ul > li:last-child {border-left:1px solid rgba(0, 0, 0, 0.075);}
header #topnav > ul > li > a {text-decoration:none; text-align:center; display:block; width:90px; height:26px; padding:8px 16px; color:#FFF;}
header #topnav ul li ul {display:none; float:right; position:absolute; z-index:3000;}
header #topnav ul li ul li {display:block;}
header #topnav ul li ul li a {display:block; text-align:left; text-decoration:none; min-width:100px; padding:5px 16px; background:#FFF; color:#333; border:1px solid rgba(0, 0, 0, 0.075); border-width:0 1px 1px 1px; white-space:nowrap;}

header #topnav ul > li a:hover {background-color:rgba(145, 15, 22, 0.7); color:#FFF;}
header #topnav ul > li:hover > ul {display:block;}

header #topnav ul li ul li ul {left:100px; margin-top:-20px; background-color:rgba(145, 15, 22, 0.1);}
header #topnav ul li ul li ul li a {display:block; background-color:rgba(145, 15, 22, 0.1);}
header #topnav ul li ul li ul li a:hover {background-color:rgba(145, 15, 22, 0.1);}

header #topnav ul li a {border-radius:400px;}

header #topnav > ul > li:last-child ul {position:relative;}

header search {display:block; position:absolute; top:0px; right:0; width:100vw; opacity:.5; text-align:right;}
header search:hover {opacity:1;}
header search fieldset {display:table; width:calc(100vw); text-align:right;}
header search fieldset > * {display:table-cell; vertical-align:middle;}
header search fieldset label {display:table-row; display:none;}
header search fieldset input {padding:3px 5px; font-size:16px; background-color:#F4F4F4; border:1px solid #999; border-radius:2px;}	
header search input[type='text'] {width:300px; height:36px;}	
header search input[type='submit'] {cursor:pointer; width:40px; height:42px; line-height:12px; text-align:center; font-size:30px; color:#999; background:#910f16 url('/img/icon_search.svg') no-repeat center center; background-size:contain; text-indent:-9999px; border-color:#8C293C;} 
header search input:focus {opacity:1;}
header search input[type='submit']:hover {border-color:#999;}

/* HEADER */	  

body nav#journals {display:none; text-align:left; background:#FFF; padding:10px 0; border-bottom:2px solid rgba(0, 0, 0, 0.075);}
body nav#journals ul li {display:inline-block; margin:7px 10px; font-weight:normal;}	
body nav#journals ul li a {text-decoration:none; color:#666;}	   
body nav#journals ul li a:hover {text-decoration:underline;}
body nav#journals ul li:before {content:'·'; display:inline; margin:0 5px 0 0;}  

/* MAIN */
main column h1,main column h2,main column h3 {font-size:40px; font-family:'myriad_pro_lightregular','helvetica','arial'; font-weight:normal;}  
main column h2 {font-size:30px; line-height:30px;}
main column h3 {font-size:20px; line-height:20px; margin-top:10px;} 
main column h4 {font-size:16px; line-height:20px; margin:10px 0 5px 0; font-size:20px; line-height:24px; color:#666; font-weight:normal; font-family: "myriad_pro_lightregular","helvetica","arial";} 
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;} 
/* MAIN */
 
/* FOOTER */
footer {clear:both; margin:10px auto; text-align:center; color:#999; font-size:11px;}
footer #feedback {content:''; display:inline-block; width:21px; height:20px; background:url('/img/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'],form.checkSubmit fieldset input[type='password'] {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[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 column ol li {margin:10px 0; padding-bottom:15px; border-bottom:2px dotted #CCC;} 
body.search main column ol li h2 {margin:10px 0;}  
body.search main column ol li h3 {display:inline-block;}
body.search main column ol li h5 {text-transform:uppercase;}
body.search main column ol li u {text-decoration:none; background:#FFFF99;}

body header social {position:absolute; top:5px; right:270px;}  
body header social > ul:first-child {display:table; width:180px; height:40px;} 
body header social > ul:first-child > li {display:table-cell; width:45px; opacity:.6;} 
body header social > ul:first-child > li:last-child {margin-right:0;}
body header social > ul:first-child > li > a {display:block; text-indent:-9999px; width:45px; height:40px; }
body header social > ul li {list-style-type:none; opacity:.4}
body header social > ul:first-child > li:nth-child(1) {background:url('/img/social/icons_social.png') no-repeat;}
body header social > ul:first-child > li:nth-child(2) {background:url('/img/social/icons_social.png') no-repeat -45px 0;}
body header social > ul:first-child > li:nth-child(3) {background:url('/img/social/icons_social.png') no-repeat -90px 0;}
body header social > ul:first-child > li:nth-child(4) {background:url('/img/social/icons_social.png') no-repeat -135px 0;}
body header social ul li:hover {opacity:1;}  
body header social > ul:not(:first-child) {position:absolute; top:0; left:0;} 
body header social > ul:nth-child(2) {top:40px;} 
body header social > ul > li > ul {display:none; position:absolute; top:40px; left:20px; z-index:999; font-size:18px; padding-top:30px;} 
body header social > ul > li:nth-child(2):hover ul {display:block;}
body header social > ul > li > ul > li > a {color:darkred;}

social > ul:first-child {display:table; position:relative; width:180px; height:40px;} 
social > ul:first-child > li {display:table-cell; width:45px; opacity:.6;} 
social > ul:first-child > li:last-child {margin-right:0;}
social > ul:first-child > li > a {display:block; text-indent:-9999px; width:45px; height:40px; }
social > ul li {list-style-type:none; opacity:.4}
social > ul:first-child > li:nth-child(1) {background:url('/img/social/icons_social.png') no-repeat;}
social > ul:first-child > li:nth-child(2) {background:url('/img/social/icons_social.png') no-repeat -45px 0;}
social > ul:first-child > li:nth-child(3) {background:url('/img/social/icons_social.png') no-repeat -90px 0;}
social > ul:first-child > li:nth-child(4) {background:url('/img/social/icons_social.png') no-repeat -135px 0;}
social ul li:hover {opacity:1;}  
social > ul:nth-child(2) {top:40px;} 
social > ul > li > ul {display:none; position:absolute; width:200px; top:40px; left:0px; z-index:999; font-size:18px; padding:10px; background:#FFF;} 
social > ul > li:nth-child(2):hover ul {display:block;}
social > ul > li > ul > li > a {color:darkred;}

body main h1 {color:#666;} 
body main h2 {color:#8C293C;}
body main h3 {color:#666;}
body main h3.title {color:#FFF; background:#C64140; font-size:24px; font-weight:normal; margin:10px 0 3px 10px; padding:2px 3px; border-radius:1px; box-shadow:4px 4px 3px #CCC;}

body main column > h1:first-child  {border-bottom:1px solid #77A3BF; margin-bottom:20px;} 
body main hr {border-bottom:1px solid #77A3BF; margin:20px 0; padding:0 0 5px 0;}								 

body main {display:table; position:relative; width:100%; min-height:300px; overflow:hidden; margin-top:30px;}	
body main nav#login {position:absolute; right:20px;}
body main column {display:table-cell; vertical-align:top;}
body main column.left {width:160px;} 
body main column.main {padding:10px 20px;}
body main column.right {width:280px; padding-top:10px;}	


body main email_signup form {display:block; width:200px; margin:0 auto 20px auto;}
body main email_signup input[type='email'] {width:160px; margin:5px 0; padding:5px; border:1px solid #999}
	
body main column section#cats ul {display:table; width:100%;}
body main column section#cats ul li {display:table-cell; width:auto; vertical-align:top; padding-right:10px;}
body main column section#cats ul li img {width:100%; height:auto; max-width:200px;}  

body main column#cats item {display:inline-block; float:left; width:200px; margin:20px 20px 20px 0;}
body main column#cats item img {width:200px; height:280px;} 
						 
body main column.main ul {margin-bottom:15px;}
body main column.main ul li {margin:5px 5px 5px 20px;}
body main column.main h3.pg {font-size:30px; line-height:36px; color:#666; margin:5px 0 10px 0; padding:0 0 8px 0; border-bottom:1px solid #77A3BF;} 	 
body main column.main jnl_header {display:table; width:100%;}
body main column.main jnl_header > * {display:table-cell; vertical-align:top;}	
body main column.main jnl_header > jnl_title {width:100%;}	
body main column.main jnl_links {display:inline-block; width:200px; clear:left; float:left; margin:10px 30px 10px 0;}
body main column.main jnl_links li {list-style-type:none; margin-left:0; font-size:18px; font-family:'myriad_pro_lightregular','helvetica','arial'; font-weight:normal;}
body main column.main jnl_links li h4 {font-size:18px; margin-top:20px; color:#666;}   
body main column.main jnl_links li a {text-decoration:none;}	
body main column.main jnl_text {display:inline-block; float:left; width:calc(100% - 240px);}  
body main column.main jnl_text > ul > li {margin:10px 0;}
body:not(.sample) main column.main jnl_text {max-width:800px;}	

/* Overlay */
#zoom {
    display:none;
    height:100%;
    left:0;
    position:absolute;
    text-align:center;
    top:0;		   
	padding:25% 0;
    width:100%;
    z-index:1002;
}
#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; 
}
#frame {display:inline-block; position:relative; border-radius:0 0 10px 10px; margin:10px; background:#000 url('/img/loading.gif') no-repeat center center;}

@media screen and (max-width:420px) {
    header {border:0;}
    header logo {position:static;}
    header #topnav {position:static;}
    header #topnav > ul > li:first-child {padding:0;}
    header #topnav > ul > li:last-child {border:0;}
    header #topnav > ul > li > a {width:auto; text-align:left;}
    body container main column > * {display:block!important; width:100%!important; float:none;}
}