@charset "utf-8";

#announcement {display:block; position:relative; top:0; margin:0 auto; padding:6px; background:#009900; opacity:.8; color:#333; text-align:center; font-size:22px; line-height:22px; font-family:'myriad_pro_lightregular','helvetica','arial'; border:1px solid #3F86FF; border-width:0 1px 1px 1px; border-radius:0 0 2px 2px;} 
#announcement a {color:#FFF; font-size:16px; line-height:20px; text-decoration:none;}

/*
#header_signup {display:block; position:absolute; bottom:-140px; right:10px; width:160px; margin:0 auto; padding:6px; text-align:center; font-size:22px; line-height:22px; font-family:'myriad_pro_lightregular','helvetica','arial';}
#header_signup a {color:#000; font-size:18px; line-height:20px; text-decoration:none;}
*/

#header_signup {display:block; position:absolute; bottom:-160px; right:0px; width:250px; font-size:14px; margin:10px 0px 10px 0; white-space:nowrap; background-color:#F0F4F4; /*box-shadow:2px 4px 3px #CCC;*/ border:1px solid #999; background:#F0F4F4 url('/_assets/img/icon/icon_email.png') no-repeat 10px center; background-size:25px auto;}

#header_signup a {text-decoration:none; color:#006; display:block; text-align:center; font-size:20px; line-height:34px; padding:3px 0;}

/* HEADER */
body container > header {position:relative; height:160px; background-image:linear-gradient(to right, #002, transparent 60%), url('https://www.berghahnbooks.com/_assets/img/main_hdr.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#244C80; color:#FFF; border-top:1px solid #77A3BF;}
		
header logo {position:absolute; width:400px; height:100%;}
header logo img {float:left; height:100%;}
header logo h1 {display:inline-block; position:absolute; bottom:15px; width:279px; height:87px; margin-left:20px; font-size:62px; line-height:30px; font-family:'myriad_pro_lightregular','helvetica','arial'; font-weight:normal; background:url('https://www.berghahnbooks.com/_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;} 

nav.login {text-align:right; margin:2px 10px; position:absolute; display:block; top:6px; right:15px;}
nav.login button {cursor:pointer; padding:3px 5px; background-color:transparent; font-family:"myriad_pro_lightregular","AkzidenzGroteskBQRegular",helvetica,arial; font-weight:normal; font-size:14px;}
nav.login .snipcart-checkout {background:#001996 url('/_assets/img/icon/icon_basket.svg') no-repeat center center; background-size:24px; width:26px; height:26px; display:inline-block; border-radius:50%;}
nav.login .snipcart-checkout span {text-indent:-9999px;}
nav.login a, nav.login a:visited {color:#000099;}

search {display:block; position:absolute; top:313px; left:calc(50% - 180px); 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:32px; 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:#EEE url('https://www.berghahnbooks.com/_assets/img/icon/icon_search.svg') no-repeat center center; background-size:contain; text-indent:-9999px;} 
search input:focus {opacity:1;}
search input[type='submit']:hover {background-color:#FFF;}

header social {position:absolute; bottom:15px; right:15px;}
header social ul {display:table;}
header social ul li {display:table-cell; list-style-type:none; height:50px;}
header social ul li a {display:block; vertical-align:middle; width:50px; height:50px; line-height:40px; position:relative; background:#001996; background:linear-gradient(to bottom right, #99ccff, #001996 60%); border-radius:50%;}
header social ul li a:hover {background:#FFF; background:linear-gradient(to bottom right, #FFF, #99ccff 60%);}
header social img {width:30px; height:40px; margin:5px 10px; line-height:40px; vertical-align:middle;}
header social ul li a:before {content:''; display:block; position:absolute; top:0; left:-9999px; width:40px; height:40px;}
header social ul li.fb a:before {background:url('/_assets/img/social/icon_fb.svg') no-repeat center center; background-size:30px auto;}
header social ul li.tw a:before {background:url('/_assets/img/social/icon_tw.svg') no-repeat center center; background-size:30px auto;}
header social ul li.bs a:before {background:url('/_assets/img/social/icon_bs.svg') no-repeat center center; background-size:30px auto;}
header social ul li.yt a:before {background:url('/_assets/img/social/icon_yt.svg') no-repeat center center; background-size:30px auto;}
header social ul li.ig a:before {background:url('/_assets/img/social/icon_ig.svg') no-repeat center center; background-size:30px auto;}
header social ul li a:hover:before {left:5px; top:5px;}

/* HEADER */

#topnav a#browse {text-decoration:none; color:#006; display:inline-block; font-size:20px; line-height:34px; margin-left:12px; padding:3px 0;}
#topnav a#browse:active + ul {display:block;}
#topnav {width:250px; font-size:14px; margin:10px 5px 10px 0; position:relative; display:inline-block; white-space:nowrap; background-color:#F0F4F4; /*box-shadow:2px 4px 3px #CCC;*/ border:1px solid #999;}
#topnav ul li a {text-decoration:none; color:#000;}
#topnav ul li a:hover {text-decoration:underline;}
#topnav > ul {display:table; text-align:left;}
#topnav > ul > li {display:table-cell; line-height:26px; padding:5px 12px; color:#000; font-size:16px;}
#topnav > ul > li > ul > li {font-size:14px; list-style-type:none; padding-left:15px;}
#topnav ul.subject ul, #topnav ul.area {display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap;}
#topnav ul.subject ul > li, #topnav ul.area > li {padding:0 10px 5px; list-style-type:none;}
#topnav ul.subject ul, #topnav ul.area {border-bottom:2px dotted #CCC;}

#topnav.show a#browse:after {content:' ▼';}
#topnav a#browse:after {content:' ▶︎';}

#topnav.show ~ main {position:absolute!important; margin-top:60px; display:inline-block!important; background:#FFF;}

@media screen and (min-width:1200px) {
	#topnav > ul {display:block; width:250px; z-index:99999; border-left:1px solid #CCC;}
	#topnav > ul > li {display:block; text-align:left;}
	#topnav ul.subject ul, #topnav ul.area {display:block;}
	#topnav > ul > li > ul > li {font-size:14px;}
	#topnav > ul > li > ul > li > ul > li {font-size:13px;}
}

nav#topbar > ul {display:table; background-color:#FFF;}	
nav#topbar > ul > li {display:table-cell; position:relative; padding:10px 15px; text-align:center; /*font-family:'myriad_pro_lightregular','helvetica','arial'; text-transform:uppercase;*/ font-weight:normal; font-size:16px; color:#000;}	  
nav#topbar > ul > li ul + a:after {content:'>'; margin-left:10px;}
nav#topbar > ul > li a {color:#002A92; color:#000; text-decoration:none;}	
nav#topbar > ul > li a.on {font-weight:bold;} 
nav#topbar > ul > li > ul {display:none; position:absolute; background:#FFF; padding:10px 15px; z-index:9999; box-shadow:2px 2px 3px #CCC; z-index:99999;} 	   
nav#topbar > ul ul li {text-align:left; white-space:nowrap; list-style-type:none; line-height:24px;}
nav#topbar > ul ul li a {padding:3px 0;}
nav#topbar > ul > li:focus-within > ul, nav#topbar > ul > li:hover > ul {display:block; left:10%;}	
nav#topbar > ul > ul > li:before {content:'» '; margin-right:8px;}
nav#topbar > ul ul ul li {padding-right:10px;}
nav#topbar > ul ul ul li:before {content:'»'; padding-right:8px;}
nav#topbar > ul > li > ul > li:hover ul{display:block; left:40%;}	
nav#topbar > ul > li > ul > li:hover > ul {display:block;}
nav#topbar > ul > li:last-child:hover > ul {display:block;}

nav#topbar > ul > li.mobile {display:none;}
body.bookclub nav#topbar > ul > li {text-align:left; padding-left:15px;}
body.bookclub nav#topbar > ul > li.about, body.bookclub nav#topbar > ul > li.openaccess {display:none;}
		   
#quick_links {box-shadow:2px 2px 3px #CCC; margin:10px 0;}
#quick_links > ul {display:table; position:relative; width:100%; height:80px; margin:0; padding:0; border:1px solid #77A3BF; border-width:1px 0 1px 0;}	
#quick_links > ul > li:before {display:block; position:absolute; top:0; left:0; width:100%; height:80px; content:''; background-image:linear-gradient(to bottom right, #6699CC, transparent 100%);}
#quick_links > ul > li {display:table-cell; vertical-align:middle; position:relative; width:14.2%; opacity:1; /*filter:grayscale(60%) hue-rotate(180deg) contrast(150%);*/ width:calc(100% / 8);} 
#quick_links > ul > li > a {display:block; position:absolute; top:50%; left:2%; transform:translateY(-50%); width:95%; text-decoration:none; color:#FFF; text-shadow:2px 2px 0px #000; font-weight:normal; font-size:15px; text-align:center; overflow:hidden; text-transform:uppercase;}  
#quick_links > ul > li > ul {display:none; text-align:center; width:100%; min-height:50px; position:absolute; top:101px; left:0; z-index:999; background:#333; padding:10px 0; border:1px solid #CCC; border-width:1px 0;}   
#quick_links > ul > li:hover {z-index:9999; opacity:.8;}
#quick_links > ul > li:hover > ul {display:/*block*/none;}
#quick_links > ul > li:hover > ul > li {display:inline-block; padding:5px 10px;}	 
#quick_links > ul > li:hover > ul > li > a {text-decoration:none; color:#FFF;} 
#quick_links > ul > li:hover > ul > li > a:hover {border-bottom:2px dotted;}
#quick_links > ul > li > ul > li:nth-child(odd) a {color:#fdd9d9; color:#C64140;}
  
.subject_landing #quick_links li {opacity:.8; /*filter:grayscale(100%);*/}
.subject_landing.advances #quick_links li.adva,
.subject_landing.anthropology #quick_links li.anth,	
.subject_landing.archaeology #quick_links li.arch,
.subject_landing.cultural-studies #quick_links li.cult,		 
.subject_landing.educational-studies #quick_links li.educ,
.subject_landing.environmental-studies #quick_links li.envi,
.subject_landing.european-studies #quick_links li.euro,
.subject_landing.film-studies #quick_links li.film,	
.subject_landing.refugee-migration #quick_links li.refu,
.subject_landing.history #quick_links li.hist,
.subject_landing.mobility-studies #quick_links li.mobi,
.subject_landing.refugee-and-migration-studies #quick_links li.refu,
.subject_landing.sociology #quick_links li.soci,
.subject_landing.politics #quick_links li.poli {opacity:1!important; filter:grayscale(30%)}
#quick_links li:hover {opacity:.9;}
  
#quick_links > ul > li.adva {background:#666 url('../img/subject_landing/btn_adva.jpg') no-repeat bottom center; background-size:cover;}
#quick_links > ul > li.anth {background:#666 url('../img/subject_landing/btn_anth.jpg') no-repeat bottom center; background-size:cover;}
#quick_links > ul > li.arch {background:#666 url('../img/subject_landing/btn_arch.jpg') no-repeat bottom center; background-size:cover;}
#quick_links > ul > li.cult {background:#666 url('../img/subject_landing/btn_cult.jpg') no-repeat bottom center; background-size:cover;}
#quick_links > ul > li.educ {background:#666 url('../img/subject_landing/btn_educ.jpg') no-repeat bottom center; background-size:cover;}	
#quick_links > ul > li.envi {background:#666 url('../img/subject_landing/btn_envi.jpg') no-repeat bottom center; background-size:cover;}
#quick_links > ul > li.euro {background:#666 url('../img/subject_landing/btn_euro.jpg') no-repeat bottom center; background-size:cover;}
#quick_links > ul > li.film {background:#666 url('../img/subject_landing/btn_tele.jpg') no-repeat bottom center; background-size:cover;}	
#quick_links > ul > li.refu {background:#666 url('../img/subject_landing/btn_refu.jpg') no-repeat bottom center; background-size:cover;} 
#quick_links > ul > li.hist {background:#666 url('../img/subject_landing/btn_hist.jpg') no-repeat bottom center; background-size:cover;}
#quick_links > ul > li.mobi {background:#666 url('../img/subject_landing/btn_mobi.jpg') no-repeat bottom center; background-size:cover;}
#quick_links > ul > li.soci {background:#666 url('../img/subject_landing/btn_soci.jpg') no-repeat bottom center; background-size:cover;}
#quick_links_home {display:none;}
#quick_links_home ul {display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:nowrap; flex-direction:row;}
#quick_links_home ul {display:table; width:100%; margin:50px 0; border:2px solid #CCC; border-width:2px 0;}
#quick_links_home ul li {display:table-cell; white-space:nowrap;}
#quick_links_home ul li a {display:block; border:0; padding:10px; text-decoration:none;}
#quick_links_home ul li a:hover {background-color:#CCC;}


body main nav > ul {display:table !important;}
body main nav > ul > li {display:table-cell !important; text-align:center; vertical-align:middle;}

nav#about {padding:0 15px; margin:20px 0 10px 0; background:#F4F4F4; text-align:center; font-family:"myriad_pro_lightregular"; border-bottom:1px solid #77A3BF;}
nav#about ul {margin: 0 auto;}
nav#about ul li > * {display:block; padding:10px; font-size:16px; border-width:0;}
body.our-history nav li.our-history a,
body.notable-publications nav li.notable-publications a,
body.awards nav li.awards a,
body.mission-statement nav li.mission-statement a,
body.contact nav li.contact a,
body.who-is-who nav li.who-is-who a,
body.partners nav li.partners a,
body.privacy-policy nav li.privacy-policy a {text-decoration:none; color:#000; display:none!important;}