@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:#FFF;}	 
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;}
main p {font-size:15px;}
body.mission-statement main hr {border-bottom:1px solid #CCC; margin:20px 0;}

#announcement {display:block; position:relative; top:0; /*left:calc(25%);*/ 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:3px; right:0; 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:#001996; font-size:16px; line-height:20px; text-decoration:none;}
#header_signup a {color:#FFF; text-shadow:1px 1px 0 #001996;}

span.flashsale {
	background-color:green; text-align:center; padding:10px; margin-left:0px!important; animation-name:flashsale; animation-timing-function:ease-in-out; animation-iteration-count:infinite; animation-fill-mode:forwards; animation-duration:2s; animation-delay:0s;}
span.flashsale > * {font-size:18px!important; color:#FFF;}
@keyframes flashsale {
	0% {background-image:linear-gradient(to right, #FFF, green 0%, #FFF);}
	10% {background-image:linear-gradient(to right, #FFF, green 10%, #FFF);}
	20% {background-image:linear-gradient(to right, #FFF, green 20%, #FFF);}
	30% {background-image:linear-gradient(to right, #FFF, green 30%, #FFF);}
	40% {background-image:linear-gradient(to right, #FFF, green 40%, #FFF);}
	50% {background-image:linear-gradient(to right, #FFF, green 50%, #FFF);}
 	60% {background-image:linear-gradient(to right, #FFF, green 60%, #FFF);}
	70% {background-image:linear-gradient(to right, #FFF, green 70%, #FFF);}
	80% {background-image:linear-gradient(to right, #FFF, green 80%, #FFF);}
	90% {background-image:linear-gradient(to right, #FFF, green 90%, #FFF);}
	100% {background-image:linear-gradient(to right, #FFF, green 100%, #FFF);}
}

/*
@media screen and (max-width:1000px) {	
	#announcement {width:50%; left:25%;}
}
*/
@media screen and (max-width:900px) {	
	#announcement {display:block; /*position:fixed;*/ top:0; left:0; width:98%; left:0; z-index:9999; animation:fade_announcement 5s linear;}
}
/*
@keyframes fade_announcement {
	0% {opacity:.8; display:inline;}
	100% {opacity:0; display:none;}
} 
*/

nav.login {text-align:right; margin:2px 10px; position:absolute; top:198px; left:52%;}
nav.login button {color:#FFF; 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:url('/_assets/img/icon/icon_cart.svg') no-repeat center center; background-size:contain; width:20px; height:20px; text-indent:-9999px; display: inline-block;}
nav.login a, nav.login a:visited {color:#FFFFCC;}

body.title icon.favorite {position:absolute; top:-10px; left:0px; width:40px; height:33px; cursor:pointer; opacity:80%;}
icon.favorite, icon.favorite.off:hover {content:url(/_assets/img/bookclub/icon_favorite_on.svg);}
icon.favorite.on:hover, icon.favorite.off {content:url(/_assets/img/bookclub/icon_favorite_off.svg)}

icon.favorite.on:hover:after, icon.favorite.off:after {content: 'Remove from Wishlist?';}
icon.favorite.off:hover:after {content: 'Add to Wishlist?';}

.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; 
}

/*
.divider {display:block; clear:both; padding:10px; margin:20px -20px; height:20px; background-color:#000066; background-image:linear-gradient(to right, #000022, transparent 60%)}
*/

p.divider {display:block; clear:both; margin:20px -20px; background-color:transparent; background-image:linear-gradient(to top left, #244C80, transparent 90%); border-radius:0px; height:20px; border:2px solid #325590;}

h1.toggle,h2.toggle,h3.toggle,h4.toggle {cursor:pointer;}
div.toggle {position:relative; padding:10px 20px; margin:10px; background:#F9F9F9; border:1px dotted #CCC;}	 
div.toggle p {margin-bottom:20px !important;}
div.toggle:before {position:absolute; top:5px; right:5px; content:'X'; font-size:20px; line-height:20px; font-weight:bold; width:20px; height:20px; text-align:center; background:#FFF; border:2px solid #CCC; border-radius:50%; cursor:pointer; z-index:1001;}	

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

span.p-nickname {display:none!important;}  

body > container {display:block; max-width:1600px; min-width:640px; min-height:600px; margin:0 auto; background:#FFF; padding-bottom:15px; overflow:hidden;}	
body > container container {display:table; width:100%;} 
body > container container > column {display:table-cell; vertical-align:top;}

/* HEADER */
body container header {position:relative; height:230px; background-image:linear-gradient(to right, #000022, transparent 60%), url(../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:before {		
	display: block;
	content: '';
	position: absolute;
	top: -10px;
	left: 97px;
	width: 220px;
	height: 120px;
	background: url(/_assets/img/logo/30_1.png) no-repeat 0;
	background-size: contain;
}
		
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;*/ height:87px; 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;} 

/*
header logo h1:after {content:''; width:155px; height:170px; background:url('/_assets/img/logo/25_years.svg') no-repeat center center; top:-50px; left:280px; position:absolute;}
*/

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;} 
search input:focus {opacity:1;}
search input[type='submit']:hover {background-color:#FFF;}

header social {position:absolute; top:65px; right:12px;}
header social ul {display:table;}
header social ul li {display:table-row; list-style-type:none;}
header social ul li a {display:table-cell; vertical-align:middle; width:30px; height:30px; position:relative;}
header social ul li a:hover {background:#001996; background:#FFF; border-radius:50%;}
header social img {width:20px; margin:5px;}
header social ul li a:before {content:''; display:block; position:absolute; top:0; left:-9999px; width:30px; height:30px;}
header social ul li.fb a:before {background:url('/_assets/img/social/icon_fb.svg') no-repeat center center; background-size:20px auto;}
header social ul li.tw a:before {background:url('/_assets/img/social/icon_tw.svg') no-repeat center center; background-size:20px auto;}
header social ul li.yt a:before {background:url('/_assets/img/social/icon_yt.svg') no-repeat center center; background-size:20px auto;}
header social ul li.ig a:before {background:url('/_assets/img/social/icon_ig.svg') no-repeat center center; background-size:20px auto;}
header social ul li a:hover:before {left:0;}

/* HEADER */

#topnav a#browse {text-decoration:none; color:#006; display:inline-block; font-size:20px; margin-left:12px; padding:3px 0;}
#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;;}
#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 10px; 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.hide ul {display:none;}*/
#topnav.show a#browse:after {content:' ▼';}
#topnav a#browse:after {content:' ▶︎';}

#topnav.show + main {position:absolute!important; display:inline-block!important; background:#FFF;}
#topnav.show ~ footer {display:none!important;}
/*
#topnav > ul > li a#author {background:#98abd9;}
#topnav > ul > li a#title {background:#000033;}
#topnav > ul > li a#subject, #topnav > ul:nth-of-type(2) {background:#001996;}
#topnav > ul > li a#area, #topnav > ul:nth-of-type(3) {background:#2b40aa;}
#topnav > ul > li a#series {background:#477abd;}
*/

body.bookclub #topnav {display:none;}

@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 {background:#F0F4F4;}
nav#topbar > ul {display:table;}	
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; text-decoration:none;}	
nav#topbar > ul > li a.on {font-weight:bold;} 
nav#topbar > ul > li > ul {display:none; position:absolute; background:#FFF; padding:5px 10px; 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:hover > ul {display:block; left:10%; background:#F0F4F4;}	
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 > ul {background:#F4F4F4;}
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-top:0;}
#quick_links > ul {display:table; position:relative; width:100%; height:90px; 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:90px; content:''; background-image:linear-gradient(to bottom right, #996600, 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:16px; 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; font-size:18px;}	 
#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;}

nav#about {padding:0 15px; margin:0px -20px 20px -20px; 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.privacy-policy nav li.privacy-policy a {text-decoration:none; color:#000; display:none!important;}


/* 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; color:#000; font-size:48px; line-height:60px;} 
main > h2 {margin-bottom:10px;}	
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%; margin-top:20px; min-height:400px;}
layout {display:table; position:relative; width:100%;}
main a {color:#4F81BD;}
main a:hover {color:#4F81BD; text-decoration:underline;}  
main layout > column {display:table-cell; vertical-align:top; padding:1px; width:33%;}
main layout > column:nth-child(1) {width:400px; min-width:300px; max-width:600px;}	
main layout > column:nth-child(2) {width:600px; min-width:400px; max-width:600px;}
main layout > column:nth-child(3) {width:300px; min-width:260px; max-width:300px;}	
main layout > column:not(:nth-child(3)) section {padding-right:10px;}
main layout > column:nth-child(4) {display:block; width:100%; position:relative; left:0; bottom:0;}  
main layout > column h1 a, main layout column h2 a, main layout column h3 a, main layout column h4 a {text-decoration:none;}
main column section {margin-top:10px;}
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, main column section#new_titles item > a, main column section#nip item > a, main column section#series item > 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:#000!important; text-decoration:none;}  
main column section h1 + container {margin-top:10px;}

main column section item {overflow:hidden; clear:left;}
				
main section#journals_articles {display:inline-block; width:40vw;}
main section#journals_articles ol {margin-left:40px; font-size:16px;}
main section#journals_articles ol li {padding:3px 0;}

main column section#new_titles img.cover, main column section#nip img.cover, main column section#series img.cover, main column section#multimedia img.cover {float:left; width:140px; margin:0 8px 5px 0; border:1px solid #666;} 								 
main column section#nip h1 {background-color:#77A3BF;}
main column section#series h1 {background-color:#A3AC17;}
main column section#journals h1 {background-color:#8C293C;}	 	  
main column section#journals p {font-size:.9em;}
main column section#journals p img:first-of-type {width:160px!important; max-width:160px; height:auto!important;}  
						  
main column section#blog h1 {background:#003;}
main column section#blog item {display:block; margin:10px 5px 10px 0; border-bottom:1px dotted #666;}
main column section#blog item:last-child {border:none;}
main column section#blog item h3 {font-family:trebuchet MS, helvetica, arial; line-height:20px; text-transform:uppercase;}
main column section#blog item a {text-decoration:none; color:#000;}	 
main column section#blog item img:first-of-type {width:60px; height:auto; float:left;margin:3px 8px 0 0; overflow:hidden;} 

body.home main column section#ebooks item {display:block; border:0px solid #4F81BD; margin-bottom:10px;}
/*body.home main column section#ebooks item h1 {margin-top:0;}*/
body.home main column section#ebooks item p {padding:0 8px;}
body.home main column section#ebooks item p:first-of-type {margin-bottom:5px;}
body.home main column section#ebooks item span {display:block; margin:0 auto; text-align:center;}
body.home main column section#ebooks item span a {padding:2px 10px; margin:5px 0; display:inline-block; background:#4F81BD; color:#FFF;; border-radius:1px; font-size:13px;}
body.home main column section#ebooks item span a:before {content:'▶'; margin-right:4px; color:#FFF;}
body.home main column section#ebooks item ul {display:table; width:calc(100% - 2px); margin:0 auto 1px;}
body.home main column section#ebooks item ul li {display:table-cell; width:20%; padding:0 1px 0 0;}
body.home main column section#ebooks item ul li:last-child {padding-right:0;}
body.home main column section#ebooks item ul li img {width:100%; max-width:auto; max-height:190px;}

body.home main column section#multimedia iframe {width:100%;}
body.home main column section#multimedia item {display:block;}

body.home main {display:table; width:100%;}
body.home main > layout {display:table-cell; width:calc(100% - 300px);}
body.home main > a {display:table-cell; width:300px;}

main column section#conf h1 {background-color:#000066;}		
main column section#conf li {display:block; padding:10px 0; border-bottom:1px dotted #666; font-size:.9em;}
main column section#conf li:last-child {border:none;}
main column section#conf li strong, main column section#conf li b {display:block; font-size:1em;}
main column section#conf li strong b, main column section#conf li b strong {display:inline;}  
main column section#conf li {display:none;}
main column section#conf li:nth-child(-n+4) {display:block;} 
main column section#conf ul .handle {display:block; width:65px; margin:0 auto 10px auto; text-align:center; cursor:pointer; font-weight:bold;}

main column section#cats {margin-bottom:15px; padding-right:0;}
main column section#cats h1 {background-color:#333;} 
main column section#cats cats {display:table; width:100%;} 
main column section#cats cats > * {display:table-cell; padding:0 1px 1px 1px; vertical-align:top; border:0;}
main column section#cats img.thumb {width:100%; max-width:100%; max-height:290px;} 	

main column section#twitter h1 {background:#55acee;}	
																
main column section#focaalblog h1 {background-color:#0058A8; margin-top:1px;}
main column section#envirosociety h1 {background-color:#008E6B; margin-top:10px;}		 
main column section#museumworlds h1 {background-color:#8D2558; margin-top:10px;}
main column section#ajecblog h1 {color:#000; background-color:#EEE; margin-top:10px;}
main column section#ajecblog h1 a, main column section#ajecblog h1 a:after {color:#000!important;}

body.blogs main column section#envirosociety h3, body.blogs main column section#focaalblog h3, body.blogs main column section#museumworlds h3, body.blogs main column section#ajecblog h3, body.blogs main column section#recollectus h3 {font-weight:900; font-size:32px; line-height:36px; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;}  
body.blogs main column section#tumblr h3 {display:block; position:relative; top:0; padding:0 0 10px 0; opacity:1; font-size:24px; line-height:28px; font-weight:900;}
  
main column section#focaalblog img:first-of-type,
main column section#envirosociety img:first-of-type,
main column section#museumworlds img:first-of-type,
main column section#ajecblog img:first-of-type,
main column section#tumblr img {width:calc(100% - 0px); max-width:auto; max-height:450px;}
main column section#focaalblog h3, main column section#envirosociety h3, main column section#museumworlds h3 {padding:10px;}	
main column section#focaalblog img + h3, main column section#envirosociety img + h3, main column section#museumworlds img + h3, main column section#ajecblog img + h3 {position:absolute; top:55px; left:0; overflow:hidden; opacity:.7; background:#FFF; padding:10px;}	
main column section#envirosociety h3 {top:46px;}
main column section#focaalblog description p,
main column section#envirosociety description p, main column section#museumworlds description p, main column section#ajecblog description p	{padding:0 5px;}
 
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;} 

main column section jnls_blogs {display:table; width:100%;}	   
main column section#journals_blogs h1 {background-color:#8C293C;}	
main column section jnls_blogs > * {display:table-cell; width:25%; padding:20px; vertical-align:middle; text-align:center;}

body.catalog container container {margin:20px 0; padding:10px 0; display:table; width:auto; /*background-image:linear-gradient(to right, #F4F4F4, transparent 60%);*/}

body.catalog main > h1:first-of-type {text-transform:capitalize;}

body.catalog highlights {display:table; width:100%;}
body.catalog highlights item {display:table-cell; vertical-align:top; position:relative; width:25%; padding:2%;}
body.catalog highlights item a {text-decoration:none;}
body.catalog highlights item img {width:100%; position:relative; z-index:999; margin-bottom:10px; background-color:#FFF; min-height:200px;}
body.catalog highlights item desc h3 {position:absolute; top:0; padding:10%; font-size:30px; line-height:30px; margin:10px 0;}
body.catalog highlights item desc h4 {position:absolute; top:0; padding:10%; font-size:24px; line-height:24px; margin-bottom:10px;}
body.catalog highlights item desc h5 {position:absolute; top:0; padding:10%; margin-bottom:10px;}
body.catalog highlights item desc {color:#000;}
body.catalog highlights item desc i {color:#666;}

body.catalog series {display:flex;}
body.catalog series item {flex-grow:1; flex-basis:0; padding:2%;}
body.catalog series item a {text-decoration:none;}
body.catalog series item img {max-width:100%; margin-bottom:5px;}
body.catalog series item p {font-size:14px; margin-top:5px;}

body.catalog section {display:block; position:relative;}
body.catalog section item {display:block; position:relative; margin:15px 30px 30px 45px; clear:both; overflow:hidden; text-align:left;}
body.catalog section item a {text-decoration:none; color:#000;}
body.catalog section item img.cover {display:inline-block; position:static; width:200px; height:300px; float:left; margin-right:20px;}
body.catalog section item.pb + body.catalog section item.hb {display:none;}
body.catalog section item span.pb_icon {display:inline-block; position:absolute; top:0; left:0; content: ""; width:auto; height:auto; padding:0 6px; border-radius:0 12px 12px 0; margin-right: 5px; background:#FFFFCC; opacity:.8; box-shadow:2px 2px 3px #666; z-index:9999;}
body.catalog section item h3 {font-size:30px; line-height:36px; font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.catalog section item h4 {font-size:24px; line-height:28px;}
body.catalog section item desc {display:block; margin-top:20px;}

body.catalog section:before {content:'\25A6'; width:30px; height:30px; font-size:30px; color:#000066; display:inline-block; position:absolute; top:-5px; left:5px; cursor:pointer;}
body.catalog section.grid:before {content:'\25A4';}
body.catalog section.grid {text-align:center;}
body.catalog section.grid item {display:inline-block; clear:none; width:200px; height:300px; margin:15px;}
body.catalog section.grid item h3, body.catalog section.grid item h4, body.catalog section.grid item h5 {display:none;}
body.catalog section.grid item img.cover {display:block; position:static; width:200px; height:300px;}

body.catalog section item.hide, body.catalog section nav#pagination {display:none;}
body.catalog section.grid nav#pagination {display:block; margin:20px auto;}
body.catalog section.grid nav#pagination a {text-decoration:none; padding:10px; background:#CCC; border-radius:5px; font-weight:bold;}

body.catalog sidebar:before {content:'highlights'; position:absolute; top:-37px; left:0; padding:3px 10px; font-size:18px; font-family:'myriad_pro_lightregular','helvetica','arial'; letter-spacing:3px; border-radius:10px 10px 0 0; border:1px solid #000; border-width:1px 1px 0 1px;}
body.catalog sidebar {display:table-cell; position:relative; width:270px; border:10px solid #77A3BF; border-width:10px 10px 10px 10px; border-right-color:#000;}
body.catalog sidebar item {display:block;}
body.catalog sidebar item img {display:block; width:240px; border-right:20px solid #000;}
body.catalog sidebar item a {text-decoration:none; color:#000;}
body.catalog sidebar item a desc {display:block; padding-left:10px; margin-left:-10px; background:#FFF; border:1px solid #000; border-right-width:20px;}
body.catalog sidebar item a h3 {padding-top:10px; border-radius:0 0 0 0;}
body.catalog sidebar item a h5 {padding-bottom:10px; border-radius:0 0 0 0;}

body:not(.home):not(.blogs):not(.subject_landing):not(.landing):not(.multimedia) main {display:table; width:calc(100% - 30px); padding:0 15px;}	
body.subject_landing main > h1:first-of-type {margin-left:10px;}
body.subject_landing main .sub_category {display:table; margin-left:10px;}
body.subject_landing main .sub_category > * {display:table-cell;}
body.subject_landing main .sub_category > * > * {display:block; padding:2px 6px; text-decoration:none; color:#000; background:#DEDEDE; margin:0 5px; border-radius:2px; text-align:center;}

body.subject_landing container container {display:block;}
body.subject_landing container > column {display:block; width:100%; height:450px; height:280px; overflow:hidden; overflow-x:auto;}	
body.subject_landing container > column section#new_titles h1 {padding-left:10px;}
body.subject_landing container > column section#new_titles container {display:block; position:relative; overflow:auto; padding-left:10px;} 
body.subject_landing container > column section#new_titles container img.cover {height:auto; min-height:225px; max-height:225px;}

body container[class*="landing"] section#blog {overflow-x:hidden; height:auto;}
body container[class*="landing"] section#blog item {display:inline-block; width:250px; height:320px; padding:20px; margin-bottom:20px;}
body container[class*="landing"] section#blog item pic {display:block; width:100%; height:150px; overflow:hidden; background:url(https://www.berghahnbooks.com/_assets/img/logo/logo.png);}
body container[class*="landing"] section#blog item pic a {display:block; height:150px; background-position:top center; background-size:contain;}
body container[class*="landing"] section#blog item h3 {margin:10px 0;}
body container[class*="landing"] section#blog item a {text-decoration:none; color:#000;}
body container[class*="landing"] section#blog item p {font-size:13px; --lh: 1.4rem; line-height: var(--lh); --max-lines:5; position:relative; max-height: calc(var(--lh) * var(--max-lines)); overflow:hidden; padding-right: 1rem;}
/*body.subject_landing container section#blog item p:after {position:absolute; content:' ▶'; bottom:0; right:1rem; z-index:1; width:30px; height:30px; border-radius:50%; border:1px solid #000; text-align:center; background:#FFF; font-size:24px; line-height:30px;}*/

body.subject_landing container section#journals {overflow-x:hidden; height:580px;}
body.subject_landing container section#journals item {min-width:200px; width:250px; height:auto; padding:20px; margin-bottom:20px;}
body.subject_landing container section#journals item img.cover {min-height:290px;}
body.subject_landing container section#journals item a {text-decoration:none;}
body.subject_landing container section#journals item > a {display:block; margin-bottom:5px}
body.subject_landing container section#journals item a h3 {margin-top:5px;}
body.subject_landing container section#journals item h5 {font-weight:normal; color:#666;}
body.subject_landing container section#journals item.oa:after {display:inline-block; position:absolute; content:''; background:#FFF url('/_assets/img/icon/icon_oa.svg') no-repeat center center; background-size:auto 30px; overflow:hidden; width:40px; height:40px; top:0; left:0; border-radius:50%;}
body.subject_landing container section#journals arrow_left, body.subject_landing container section#journals arrow_right {border-top:150px solid transparent; border-bottom: 150px solid transparent;}
body.subject_landing container section#journals arrow_right {right:17px;}

body.subject_landing container section.series {height:auto; min-height:360px;}
body.subject_landing container section.series item {display:inline-block; width:320px; height:200px; padding:20px; margin-bottom:20px;}
body.subject_landing container section.series item a {text-decoration:none; color:#000;}
body.subject_landing container section.series#envirosociety item:after,
body.subject_landing container section.series#digiarch item:after {display:block; content:''; clear:left; width:100%;}
body.subject_landing container section#envirosociety item, body.subject_landing container section#digiarch item {display:block; width:auto;}
body.subject_landing container section#envirosociety item .first_image, body.subject_landing container section#digiarch item .first_image {float:left; margin-right:20px;}

body.subject_landing container section#signup {padding:20px; height:auto;}
body.subject_landing container section#signup h1 {padding-left:0; margin-left:0;}

main arrow_left, main arrow_right {content:''; display:inline-block; position:absolute; top:78px; width:0; height:0; background:#FFF; color:#4F81BD; opacity:.7; cursor:pointer; z-index:9;}
main arrow_left {left:0px; border-top:120px solid transparent; border-bottom:120px solid transparent; border-right:20px solid #3F86FF;}
main arrow_right {right:17px; border-top:120px solid transparent; border-bottom:120px solid transparent; border-left:20px solid #3F86FF;}
main #gallery arrow_left {top:240px; border-top:60px solid transparent; border-bottom:60px solid transparent; border-right:50px solid #3F86FF;}
main #gallery arrow_right {top:240px; right:0; border-top:60px solid transparent; border-bottom:60px solid transparent; border-left:50px solid #3F86FF;}

body.migration-development container section.scroller {height:235px;}
body.migration-development section arrow_left, body.migration-development section arrow_right {top:0;}
main .gallery_header ~ container column img.cover, main .map_header ~ container column img.cover {margin-top:30px;}
main .gallery_header ~ container column icon.favorite, main .map_header ~ container column icon.favorite {margin-top:40px;}

body.subject_landing layout column section#journals item {display:block; overflow:hidden;}
body.subject_landing layout column section#journals item a:first-child {text-decoration:none;}
body.subject_landing layout column section#journals item img.cover {float:left; margin:0 8px 2px 0; width:150px; border:1px solid #CCC;}
body.subject_landing layout column:nth-child(1) {width:300px;}
body.subject_landing layout column:nth-child(2) {}		 
body.subject_landing layout column:nth-child(3) {}	
body.subject_landing main columns {display:table; width:100%;}   
body.subject_landing main columns column {display:table-cell; width:50%;}
body.subject_landing main columns column:first-child {padding-right:15px;} 
body.subject_landing main columns column ul {margin-left:10px;}
body.subject_landing main columns column ul li {list-style-type:none;}
body.subject_landing main columns column ul li h2 {line-height:22px;}
body.subject_landing main columns column ul li h3 {font-size:12px; line-height:14px; font-weight:normal; text-transform:none;}
body.subject_landing main columns column ul li h4 {margin-top:5px;}
body.subject_landing main columns column ul li h4 + span {display:none;}
							  
body.catalogs section > h2:first-of-type {margin-left:-15px; padding-left:15px;}
body.catalogs main section container {display:block; width:auto;}
body.catalogs main section container item {display:inline-block; position:relative; width:200px; vertical-align:top; padding:0 15px 15px 0;} 
body.catalogs main section container item a {text-decoration:none; color:#000;}
body.catalogs main section container item img.cover	{float:left; margin:0 8px 2px 0; width:198px; height:285px; border:1px solid #CCC;}
/*body.catalogs main section container item h3 {position:absolute; bottom:30px; background:#FFF; opacity:.7;}*/	 

body.journals main container {display:block; width:auto;}
body.journals main container item {display:inline-block; position:relative; min-width:220px; width:15%; vertical-align:top; padding:0 20px 40px 0;} 
body.journals main container item a {text-decoration:none; color:#000;}
body.journals main container item img.cover	{float:left; margin:0 8px 2px 0; min-width:100%; height:auto; width:100%; max-width:280px; border:1px solid #CCC;}

body.agents-reps main h3 {margin-top:10px;}
body.agents-reps main h3:before {display:block; padding:10px; margin:10px 0; content:''; border-bottom:1px solid #CCC;}
 
body.series main > p {max-width:900px;}
body.series main > p img {display:block; float:none!important; border:1px solid #CCC; padding:10px; margin-bottom:10px;}
body.series main ul {display:table; width:100%; width:auto;}
body.series main ul li {display:block; overflow:hidden; padding:20px 0;}
body.series main ul li a {text-decoration:none; color:#000;}
body.series main ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.series main ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;} 
body.series main columns {display:table; width:100%;}   
body.series main columns column {display:table-cell; width:50%;}
body.series main columns column:first-child {padding-right:15px;}

body.multimedia main > h1:first-of-type	{margin-left:10px;}
body.multimedia	column {padding:0 15px 0 0; width:33%;} 
body.multimedia	column:nth-of-type(1) > * {padding-left:5px;}
body.multimedia	column > h2 {margin-bottom:15px; 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; border-radius:1px;}
body.multimedia	column div.table {margin-bottom:15px;}
body.multimedia	column div.table a {display:block; clear:left; overflow:hidden; text-decoration:none; color:#000; margin-bottom:10px;}
body.multimedia	column div.table a div {position:relative;}	
body.multimedia	column#cambridge .table h2 {margin:-10px 0 10px 0;}
body.multimedia p+section {margin:0 15px;}

body[class*="new-"] main {display:block!important;}
body[class*="new-"] main ul {display:table; width:calc(100% - 30px);}
body[class*="new-"] main ul li {display:block; position:relative; overflow:hidden; padding:20px 0;}
body[class*="new-"] main ul li a {text-decoration:none; color:#000;} 
body[class*="new-"] main ul li img.float_left {max-height:300px; border:1px solid #CCC; margin-right:15px;}
body[class*="new-"] main ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body[class*="new-"] main ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;} 
body[class*="new-"] main ul li p {margin-top:15px;}  
body[class*="new-"] main ul li.oa:after {display:inline-block; position:absolute; content:''; background:#FFF url('/_assets/img/icon/icon_oa.svg') no-repeat center center; background-size:auto 30px; overflow:hidden; width:40px; height:40px; top:0; left:-10px; border-radius:50%;} 

main h5.subjects, main h5.areas {margin-top:20px;}
main h5.areas {margin-bottom:20px;}
main h5.subjects a, main h5.areas a {color:#000; background:#EEE; padding:2px 3px; font-weight:normal; text-decoration:none; margin-right:7px;}
main h5.subjects_filter {line-height:25px;}
main h5.subjects_filter a.on {background:#FFFFCC;}
toc p {padding-bottom:10px!important; clear:left;}
toc ul {margin:0 0 20px 30px;}

body.open-access main {display:block!important;}
body.open-access main ul li {display:block; overflow:hidden; padding:20px 0;}
body.open-access main ul li a {text-decoration:none; color:#000;} 
body.open-access main ul li img.cover {width:200px; float:left; border:1px solid #CCC; margin-right:15px;}
body.open-access main ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.open-access main ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;} 
body.open-access main ul li p {margin-top:15px;}
body.open-access main ul li ul li {font-size:20px;}
body.open-access main ul li ul li:first-line {font-size:24px; line-height:30px;}
body.open-access main ul li ul li a {color:#910f16;}
body.open-access main > *:not(section) {padding:0 15px;}

body.open-access.migration-development main > p {line-height:25px;}
body.open-access.migration-development main ul li {padding:10px 0; font-size:15px; display:list-item; overflow:visible;}

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

body.home section > h1:first-of-type a {text-decoration:none;}
body.home section > h1:first-of-type a {color:#000;}
body.home section > h1:first-of-type a:after {content:'more ▶︎'; font-size:13px; line-height:13px; margin-left:15px;}

body.digital-resources hr {margin:20px 0; border-bottom:1px solid #CCC;}
body.digital-resources section {width:calc(100vw - 60px); height:auto;}

body.podcast section {width:100%; height:auto;}

body container section {display:block; position:relative; width:100%; max-width:1618px; overflow:hidden; margin-bottom:30px;}
container.scroller {display:flex!important; align-items:flex-start; justify-content:flex-start; flex-wrap:nowrap; flex-direction:row; position:relative; overflow:auto;} 

body container section h1:first-of-type {padding:15px 5px; margin:5px 10px;}
body container section h1:first-of-type a {text-decoration:none;}

container.scroller img.cover {height:auto; min-height:225px; max-height:225px; float:left; width:140px; margin:0 8px 5px 0; border:1px solid #666;}
container.scroller item {flex-basis:0; position:relative; min-width:150px; height:405px; vertical-align:top; padding:0 10px 10px 10px;}
container.scroller item a {text-decoration:none;}	
container.scroller item h3 {letter-spacing:-1px; padding-right:5px; font-size:18px; clear:left;}	
container.scroller item h6 {position:absolute; top:0px; left:10px; padding:2px 3px; background:#000066; color:#FFF; font-size:10px; opacity:.7;}
container.scroller item span.ebooks_icon {display:inline-block; position:absolute; top:0; left:0; content: ""; width:auto; height:auto; padding:0 6px; border-radius:0 12px 12px 0; margin-right: 5px; background: transparent url("/_assets/img/icon/icon_ebook.png") no-repeat scroll left center; background: #FFFFCC; background-size:auto; background-size:100% 100%; opacity:.8; box-shadow:2px 2px 3px #666;}
container.scroller item.Pb:after {content:'Paper back'; display:block; position:absolute; top:200px; right:18px; line-height:13px; font-size:11px; width:30px; height:30px; border-radius:0%; text-align:center; background-color:#FFF; filter:drop-shadow(3px 3px #CCC);}

container.scroller > item:hover img, container.scroller item:hover h6, container.scroller item:hover span.ebooks_icon {display:none;}
body.subject_landing section#journals container.scroller > item:hover img {display:block;}
body.subject_landing section#journals container.scroller > item img {width:100%;}
body.subject_landing section#journals arrow_left, body.subject_landing section#journals arrow_right {top:100px;}

body container section.scroller {width:100vw; height:315px;}
body.home section arrow_right {right:2px;}
/*
toc p a[href$='.pdf']:before {content:''; display:inline-block; float:left; width:40px; height:40px; background:url('/_assets/img/icon/icon_pdf.png') no-repeat 0 5px;}
toc p a[href$='.pdf']:hover:before {filter:gray; filter:grayscale(1); -webkit-filter:grayscale(1);}
*/

toc p a[href$='.pdf'] {text-decoration:underline;}
toc p a[href$='.pdf'] > img[src$='.png'] {display:none;}
toc p :not(a) {}

body.title main container column:first-child {width:200px;}
body.title main container column:first-child h3 a {text-decoration:none;}
body.title main container column:nth-child(2) {padding-left:20px;}
body.title main container chapter {display:block; overflow:hidden; border:1px solid #CCC; padding:15px; width:calc(100% - 220px); max-width:900px;}
body.title main container chapter h3 author {display:block; margin:10px 0 20px 0;}
main column book_title h1 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;} 
main column book_title h3 {text-transform:none; font-size:18px; font-weight:300; font-style:normal; margin:10px 0;}	
main column book_title h3 em {font-size:14px; font-weight:300; font-style:italic;}

main column subject_codes {display:none; border-bottom:1px solid #CCC;}
main column label.subject_codes {display:block; clear:left; margin-top:15px;}
main column label.subject_codes > span:first-of-type {font-size:14px; font-weight:bold; cursor:pointer;}
main column label.subject_codes > span:first-of-type:after {content:'▶'; display:inline-block; width:15px; height:20px; margin-left:4px;}
main column label.subject_codes input[type='checkbox'] {display:none;}
main column label.subject_codes input[type='checkbox']:checked ~ subject_codes {display:block;}	
main column label.subject_codes input[type='checkbox']:checked ~ span:first-of-type:after {content:'▼';}

main column toc {display:none;}
main column label.toc {display:block; clear:left; margin-top:15px;}
main column label.toc > span:first-of-type {font-size:14px; font-weight:bold; cursor:pointer;}
main column label.toc > span:first-of-type:after {content:'▶'; display:inline-block; width:15px; height:20px; margin-left:4px;}
main column label.toc input[type='checkbox'] {display:none;}
main column label.toc input[type='checkbox']:checked ~ toc {display:block;}	
main column label.toc input[type='checkbox']:checked ~ span:first-of-type:after {content:'▼';}

main column open_access {display:block; margin-top:20px;}
main h4.oa {margin:10px 0; padding-left:20px; background:url('/_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;}

related_journals {display:block; width:100%; margin-bottom:20px;}
related_journals a {display:block; padding:20px 10px; text-align:center; color:#FFF!important; background:#C64140; text-decoration:none; font-size:16px; border-radius:2px; border:0px solid #C64140;}
.related_jnl_thumb {display:inline-block; width:90px; max-width:90px; height:120px; max-height:120px; float:left; vertical-align:middle; margin:1px 1px 0 0;}

related_titles {display:flex; flex-direction:row; align-items:flex-start; align-content:flex-start; width:100%; flex-wrap:wrap; margin-bottom:20px;}
related_titles item {flex-basis:auto; width:210px; padding-right:10px; margin-bottom:20px;}
related_titles item img {width:200px; margin-bottom:10px;}
related_titles item a {display:block; text-decoration:none; color:#000;}

main column form[name="ccoptin"] {display:inline-block; clear:left; margin:100px 0 10px -15px; border:2px solid #EEE; border-width:2px 2px 2px 10px; padding:10px;}
main column form[name="ccoptin"] h3 {text-transform:none; font-size:16px; margin-bottom:5px; font-weight:bold;} 
main column form[name="ccoptin"] input {height:30px; border:1px solid #CCC; margin-bottom:5px;}
main column form[name="ccoptin"] input[type="email"] {width:130px; height:28px; padding:0 2px;}
main column form[name="ccoptin"] input[type="submit"] {width:40px; cursor:pointer; margin-left:2px;}
main column book_info, main column author_info, main column open_access, main column special_note {display:inline-block; overflow:hidden; padding:10px; border:1px solid #CCC;}
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, main column special_note p:last-child {margin-bottom:5px;}
main column special_note > * {text-transform:none;}
main column special_note {margin-bottom:20px; border-left:10px dotted #ccc; border-right:10px dotted #ccc; border-radius:50%;}
main column open_access {display:block; border-left-width:10px; margin-left:-10px;} 
main column open_access a {white-space:nowrap;}
main column order_info {vertical-align:middle;}
main column cart_button {display:inline-block; max-width:300px; margin:10px 30px 10px 0; vertical-align:middle;}
main cart_button button.button, main cart_button input, main cart_button a#view_cart, main cart_button button.snipcart-add-item, main cart_button button.nyp {display:inline-block; border:1px solid #4F81BD; padding:2px 3px; cursor:pointer; text-decoration:none; line-height:22px;}  
main column cart_button a#view_cart {line-height:25px;}
cart_button button.clicked {opacity:.3;}
main column h2 > cart_button {margin-left:20px;}

body.USD cart_button.uk, body.GBP cart_button.us {display:none;}

cart_button.ebook {display:inline-block!important;} cart_button button {background:transparent; border-width:0!important; color:#FFF;} cart_button button {background:#7586b4; border-radius:15px; padding:5px 10px!important;} cart_button { margin:10px 10px 10px 0!important;}

div.regionSelect {margin:10% auto; color:#FFF;}	
div.regionSelect h3 {margin:50px 0;} 
div.regionSelect button {padding:10px 20px; font-size:18px;}
div.regionSelect a {color:#FFF;} 

body.new-sale main cart_button {display:inline-block; margin-top:10px;}
body.new-sale main cart_button .cart_button {padding:3px 5px; margin-top:3px; font-size:16px; background-color:#FFFFCC; border:1px solid #CCC; border-radius:2px; cursor:pointer;}
/*
body.new-sale main cart_button .cart_button {display:none!important;}
*/
body.new-sale main cart_button {font-size:17px;}
/*
body.new-sale main li.hb h5 span, body.new-sale main li.pb h5 span {display:none;}
*/
body.new-sale main div#filter {display:table; margin:20px 0 10px 0;}
body.new-sale main div#filter > * {display:table-cell; vertical-align:middle;}
body.new-sale main div#filter a {display:inline-block; padding:2px 8px;}
body.new-sale main div#filter a:not(:first-of-type) {border-left:1px solid #000;}
body.new-sale main div#filter a.on {text-decoration:none; background:#FFFFCC; color:#000;}
body.new-sale main div#filter a#all {display:none;}

main column comp_info {display:table; position:relative; height:36px; line-height:24px; white-space:nowrap; margin:0 0 10px 0;} 
main column comp_info > a {text-decoration:none; font-weight:bold; display:table-cell; vertical-align:top;}	
main column comp_info > a:before {display:inline-block; vertical-align:middle; content:''; width:32px; height:32px; border-radius:0px; margin-right:5px; background:url('/_assets/img/icon/icon_eb20.png') no-repeat center left;}	 
main column comp_info ul {display:none; position:absolute; top:0; left:0; border:1px solid #CCC; background:#FFF; padding:10px; min-width:415px;}
main column comp_info ul li {margin:5px 0 5px 15px; list-style-type:circle;} 
main column comp_info > a:hover + ul {display:table;} 
main column comp_info:hover ul {display:table;}   

main column a.lib_rec {display:table; height:36px; line-height:36px; text-decoration:none; font-weight:bold; margin:0 0 10px 0;}
a.lib_rec::before {display:inline-block; content:""; width:32px; height:32px; border-radius:0px; margin-right:5px; background:transparent url("/_assets/img/icon/icon_library.png") no-repeat scroll left center;} 

body.title main a.ebooks_icon {display:table; height:36px; line-height:36px; text-decoration:none; font-weight:bold;}
body.title main a.ebooks_icon::before {display:inline-block; content:""; width:32px; height:32px; border-radius:0px; margin-right:5px; background:transparent url("/_assets/img/icon/icon_ebook.png") no-repeat scroll left center;}

main .sub_category a.ebooks_icon {background-color:#808080; color:#FFF; width:80px;}

body[class*="new-"] main ul li span.ebooks_icon {display:inline-block; position:absolute; top:11px; left:0; content:""; width:auto; height:auto; padding:0 6px; border-radius:0 12px 12px 0; margin-right:5px; background:transparent url("/_assets/img/icon/icon_ebook.png") no-repeat scroll left center; background:#FFFFCC; background-size:100% 100%; opacity:.8; box-shadow:2px 2px 3px #666;}

body[class*="new-"] main ul li span.pb_icon {display:inline-block; position:absolute; bottom:10px; left:70px; margin:10px 0; padding:0 6px; border-radius:0; box-shadow:2px 2px 3px #666; background:#fff; opacity:.9;}

main column a.gobi_icon {display:table; height:36px; line-height:36px; text-decoration:none; font-weight:bold; margin:0 0 10px 0;}
main column a.gobi_icon::before {display:inline-block; content:""; width:32px; height:32px; border-radius:0px; margin-right:5px; background:transparent url("/_assets/img/icon/icon_gobi.png") no-repeat scroll left center;} 
main column a.gobi_icon span sup {vertical-align:super;}

main column google_preview {display:inline-block; margin:-10px 0 10px -8px;}
main column .addthis_inline_share_toolbox {margin:10px 0;}

main column section#signup > h1:first-of-type {font-size:24px; margin:0; padding:5px; background-color:#002A92; color:#FFF; text-align:center; background-image:linear-gradient(to right, #000022, transparent 60%);}
main column section#signup p:first-of-type:before {content:''; width:32px; height:32px; display:inline-block; float:left; background:url('/_assets/img/icon/icon_email.png') no-repeat center center; margin:6px 8px 0 0;}
main column section#signup p:nth-of-type(2) a {border:1px solid #3F86FF; display:block; padding:3px 6px; margin:-5px auto 0; text-align:center; text-decoration:none;}
main column section#signup p:nth-of-type(2) a:hover {background:#3F86FF; color:#FFF;}
/*
main column section#signup p:nth-of-type(2):after {content:''; width:160px; height:24px; display:inline-block; float:right; background:url('/_assets/img/logo_constant_contact.png') no-repeat center center; margin:5px 3px 8px 0;}
*/

body main #form_selects {position:absolute; top:0px; right:20px;} 
body main #form_selects > * {display:table-cell; vertical-align:top; padding-left: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;}	

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;}

main .sidebox {display:inline-block; float:right; min-width:300px; max-width:370px; padding:20px; background-color:#F9F9F9; border-radius:5px; margin-left:30px;}
main .sidebox h1:first-of-type {margin-bottom:20px;}
main .sidebox h3 a {text-decoration:none; color:#000;}
main .sidebox p {margin:10px 0 20px;}
body.open-access main .sidebox img.cover {width:60px; height:auto; float:right; margin-left:10px; margin-bottom:20px; clear:both;}
body.open-access main .sidebox ul {display:table; width:auto; border-left:1px solid #DDD; border-bottom:1px solid #DDD; margin-bottom:20px;}
body.open-access main .sidebox ul li {display:inline-block; padding:2px 0 2px 10px; margin:10px 0;}
body.open-access main .sidebox ul li a {text-decoration:underline; color:#8C293C;}
/* MAIN */
 
/* FOOTER */

footer {display:block; clear:both; margin:10px auto 10px; color:#999; font-size:11px; text-align:center;}
footer > ul {display:table; margin:0 auto;}
footer > ul > li {display:table-cell; vertical-align:middle;}
footer > ul > li:last-child {line-height:24px; padding-left:10px;}
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 social {display:inline-block; margin-left:15px;}
footer social > ul:first-child {display:table; position:relative; width:180px; height:40px;} 
footer social > ul:first-child > li {display:table-cell; width:45px; opacity:.6; position:relative;} 
footer social > ul:first-child > li:last-child {margin-right:0;}
footer social > ul:first-child > li > a {display:block; text-indent:-9999px; width:45px; height:40px; }
footer social > ul li {list-style-type:none; opacity:.7}
footer social > ul:first-child > li:nth-child(1) a {background:url('../img/icon/icon_email.png') no-repeat 0px 1px; background-size:40px 39px; border-radius:5px; width:40px; margin-right:7px;}
footer social > ul:first-child > li:nth-child(2) {background:url('../img/social/icons_social.png') no-repeat;}
footer social > ul:first-child > li:nth-child(3) {background:url('../img/social/icons_social.png') no-repeat -45px 0;}
footer social > ul:first-child > li:nth-child(4) {background:url('../img/social/icons_social.png') no-repeat -90px 0;}
footer social > ul:first-child > li:nth-child(5) {background:url('../img/social/icons_social.png') no-repeat -135px 0;}
footer social > ul:first-child > li:nth-child(6) {background:url('../img/social/icons_social.png') no-repeat -180px 0;}
footer social ul li:hover {opacity:1;}  
footer social > ul > li > ul {display:none; position:absolute; width:200px; top:-105px; left:0px; z-index:999; font-size:18px; padding:10px; background:#FFF; border-radius:10px; box-shadow:3px 3px 2px #CCC; border:1px solid #CCC;} 
footer social > ul > li:nth-child(3):hover ul {display:block;}
footer social > ul > li > ul:after {position:absolute; left:10px; bottom:-10px; content:''; background-color:#FFF; width:15px; height:15px; border-radius:0 50%; box-shadow:3px 3px 2px #CCC;}
footer social > ul > li > ul > li > a {color:#666; text-decoration:none;}

/* 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'], form.checkSubmit button {height:26px; font-size:15px; padding:3px; border:0; border-bottom:2px dashed #CCC;} 
form.checkSubmit fieldset select {border:0px solid black; height:30px; font-size:15px; padding:3px;}
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'], form.checkSubmit button {clear:left; padding:10px; font-size:15px; font-weight:bold; overflow:hidden; cursor:pointer; height:auto;} 	
form.checkSubmit input[type=checkbox] {margin-right:5px; margin-top:-4px;}  
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;}	
form.checkSubmit fieldset.hp {display:none;}
form.checkSubmit fieldset .showpass {display:inline-block; position:relative; width:30px; height:30px; font-size:30px; cursor:pointer;}
form.checkSubmit fieldset .showpass:before {content:'👁'; display:inline-block; position:absolute; top:-5px; left:5px;}

form#email_signup {margin:0 auto; max-width:1100px;}
form#email_signup fieldset {display:block; border:0; margin-top:5px; padding:0 10px 10px 10px;}
form#email_signup label {font-size:15px;}
form#email_signup label {margin-top:10px; line-height:22px;}
form#email_signup .sub_cats {display:inline-block; width:20px; height:20px; position:relative; margin:12px 10px 0 10px; background:#244C80; background:#77A3BF; cursor:pointer;}
form#email_signup .sub_cats:before {content:'+'; color:#FFF; font-size:20px; line-height:20px; text-align:center; display:inline-block; width:20px; height:20px; position:relative;}

form#email_signup userinfo {display:block;}
form#email_signup userinfo fieldset {display:inline-block;}
form#email_signup fieldset.hp {display:none;}
form#email_signup userpreferences {display:block; margin-bottom:30px;}
form#email_signup userpreferences h2 {color:#002A92; font-size:30px; margin:10px 0;}
form#email_signup userpreferences fieldset label:not(:first-child) {display:inline-block; margin-left:20px;}
form#email_signup userpreferences fieldset:nth-child(even) {background-color:#F4F4F4; background:linear-gradient(to right, rgba(235,235,255,1), rgba(255,0,0,0));}
form#email_signup userpreferences fieldset label {font-weight:bold;}
form#email_signup userpreferences fieldset label:not(:first-child) {font-weight:normal;}
form#email_signup userpreferences fieldset label {margin-left:20px;}

form#email_signup input[type=submit] {display:block; clear:left; margin:0 auto; background:#99CCFF; color:#FFF; padding:20px; border-radius:0px; border:2px solid #77A3BF; box-shadow:4px 4px 5px #666; font-size:20px;}
form#email_signup button.g-recaptcha {display:block; clear:left; padding:10px 20px;}
form#email_signup hr {display:block; clear:both; border-top:1px solid #EEE; margin:20px 0;}

form div.g-recaptcha > div {margin:20px auto;}

body.subject_landing form#email_signup {}

/* MC */
form#mc-embedded-subscribe-form {margin:0 auto; max-width:1100px;}
form#mc-embedded-subscribe-form fieldset {display:block; border:0; margin-top:5px; padding:0 10px 10px 10px;}
form#mc-embedded-subscribe-form label {font-size:15px;}
form#mc-embedded-subscribe-form label {margin-top:10px; line-height:22px;}
form#mc-embedded-subscribe-form .sub_cats {display:inline-block; width:20px; height:20px; position:relative; margin:12px 10px 0 10px; background:#244C80; background:#77A3BF; cursor:pointer;}
form#mc-embedded-subscribe-form .sub_cats:before {content:'+'; color:#FFF; font-size:20px; line-height:20px; text-align:center; display:inline-block; width:20px; height:20px; position:relative;}

form#mc-embedded-subscribe-form userinfo {display:block;}
form#mc-embedded-subscribe-form userinfo > div {display:inline-block;}
form#mc-embedded-subscribe-form userinfo fieldset {display:inline-block;}
form#mc-embedded-subscribe-form userpreferences {display:block; margin-bottom:30px;}
form#mc-embedded-subscribe-form userpreferences h2 {color:#002A92; font-size:30px; margin:10px 0;}
form#mc-embedded-subscribe-form userpreferences fieldset label:not(:first-child) {display:inline-block; margin-left:20px;}
form#mc-embedded-subscribe-form userpreferences div:nth-child(even) fieldset {background-color:#F4F4F4; background:linear-gradient(to right, rgba(235,235,255,1), rgba(255,0,0,0));}
form#mc-embedded-subscribe-form userpreferences fieldset label {font-weight:bold;}
form#mc-embedded-subscribe-form userpreferences fieldset label:not(:first-child) {font-weight:normal;}
form#mc-embedded-subscribe-form userpreferences fieldset label {margin-left:20px;}

form#mc-embedded-subscribe-form input[type=submit] {display:block; clear:left; margin:0 auto; background:#99CCFF; color:#FFF; padding:20px; border-radius:0px; border:2px solid #77A3BF; box-shadow:4px 4px 5px #666; font-size:20px;}
form#mc-embedded-subscribe-form button.g-recaptcha {display:block; clear:left; padding:10px 20px;}
form#mc-embedded-subscribe-form hr {display:block; clear:both; border-top:1px solid #EEE; margin:20px 0;}
/* 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:#999; 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;} 		

/*
BLOG
*/		
body.wordpress div#content {padding:15px;}	
body.wordpress.home div#content {margin:0;}	
body.wordpress main hr {border-top:2px dotted #CCC; margin:20px 0;}
/*body.wordpress main .entry-content p img:first-of-type + a {font-size:18px; line-height:24px;}*/
body.wordpress main div.entry-content .alignleft {margin-top:0!important;}
body.wordpress article {display:block; clear:left; padding:20px 0;}	
body.wordpress article p, body.single article p {margin:10px 0 15px 0; line-height:22px;}	 
body.wordpress h1 a {text-decoration:none;}	   
body.wordpress.home article {border:2px dotted #CCC; border-width:0 0 2px 0;}
body.wordpress.home article p:last-child {display:block; clear:left;}	 
body.wordpress.home article p:last-child > span[class*="st_"] {display:inline-block; vertical-align:top;}  
body.wordpress.home article p:last-child > span.st_fblike_buttons {display:block; clear:left; margin:5px 0;}
body.wordpress #archives-2	{display:none;}	 
body.wordpress #secondary #categories {display:none;}
body.wordpress #rss_links li:last-child {display:none;}

/* 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; position:absolute; top:10px;}

#zoom > iframe {display:block; position:relative; width:100%; height:100vh;}
#oa_viewer {display:table; width:100%;}
#oa_viewer.modal {display:block;}
#oa_viewer > iframe {display:table-cell; position:fixed; width:calc(100% - 400px); height:100vh; top:0;}
#oa_viewer.modal > iframe {width:100%;}
#oa_viewer > div {display:table-cell; position:relative; width:400px;}
#oa_viewer > div #modal_close {display:none;}
#oa_viewer.modal > div {display:block; position:absolute; width:100%; margin:auto; background-color:#EEE;}
#oa_viewer.modal > div #modal_close {display:inline; float:right; font-size:20px; margin:15px; padding:5px; border:1px solid #002A92; border-radius:5px;}

#overlay {   
	background:none repeat scroll 0 0 #007baf;
    display:none;
    height:130%;
    left:0;
    opacity:0.8;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:1000; 
}

#zoom main#brexit_text {display:block; padding:5%; max-width:800px; margin:2% auto; background-color:#000;}
#zoom main#brexit_text * {color:#FFF!important;}
#zoom main#brexit_text p {text-align:left;}

#zoom .modal_container {position:relative; text-align:center; max-width:95%; margin:20px auto; padding:2% 5%; border-radius:0px; border:10px solid #244C80; background-color:#FFF; box-shadow:4px 5px 30px #FFF;}
#zoom .modal_container #close {position:absolute; right:-20px; top:-20px; width:30px; height:30px; overflow:hidden; background-color:#FFF; border:5px solid #244C80; font-size:80px; line-height:31px; text-indent:-21px; color:#244C80; border-radius:50%;}
#zoom .modal_container fieldset {border:2px solid #CCC; border-radius:10px;}

@media screen and (min-width:1020px) { 
	main ul.columns li {display:inline-block!important; width:45%;}
	body.title main section#signup {position:absolute; top:0px; right:20px; width:200px;}
	body.title main book_title > * {margin-right:240px;}
	body.search main results {display:table;}
	body.search main main_results {display:table-cell; vertical-align:top; width:65%; min-width:800px;}
	body.search main sidebar_results {display:table-cell; vertical-align:top; width:auto; min-width:300px; max-width:35%;}
	main h4.oa {max-width: calc(100% - 240px);}
	#zoom .modal_container {width:800px;}
}

@media screen and (max-width:1024px) {
	#header_signup {width:auto; bottom:10px; left:120px; top:auto; right:auto;}
	header logo:before {
		top: -8px;
		height: 85px;
	}
	header logo h1 {bottom:30px;}
	header logo h1:after {margin:-20px 0 0 0px; top:20px; width:120px; height:120px; background-size:contain;}
	
	body main layout {display:block;}
	body main layout > column {display:block; width:100%!important; min-width:100%; max-width:100%!important;}	  
	body.home main layout > column:nth-child(2) {display:table;} 
	body.home main layout > column:nth-child(2) section {display:table-cell;}	
	body.home main layout > column section#conf {width:160px;}
	body.home main layout > column section#conf li {display:block;}	
	body.home main layout > column section#conf ul .handle {display:none;}
	body.home main layout > column section#twitter {width:300px;}
	body.home main layout > column section#journals {width:330px;}	
	
	body main section jnls_blogs a {width:25%;}
	body main section jnls_blogs a img {width:100%;}

	body.subject_landing layout column:nth-child(3) {display:inline-block; float:right;}
	
	body.home main layout > column:nth-child(2) {display:block;} 
    body.home main layout > column:nth-child(2) section {display:block; width:100%!important;}
	
}

@media screen and (min-width:760px) and (max-width:1024px) { 	
	#quick_links > ul > li > a {font-size:12px;}
	body.home main column section#new_titles item, main column section#nip item {display:inline-block; float:left; width:33%; clear:none; margin-right:2px;}
	body.home main column section#new_titles item h3, main column section#nip item h3 {font-size:16px;}
	body.home main column section#new_titles item h4, main column section#nip item h4 {font-size:14px; font-weight:bold; color:#666;}
	body.home main layout > column section:not(#series) img.cover {width:100px!important; height:auto;}
}
 

@media screen and (max-width:900px) { 
	header #bookseller_logo {position:absolute; top:45px; right:25px; height:110px;}	
	body main #form_selects {position:static;}
	body main #form_selects + h1 {clear:both; display:none;} 
	main column open_access a {white-space:normal;}
	main .sidebox {display:block; width:100%; float:none; margin-left:0; max-width:calc(100% - 30px);}
	body.home main section arrow_left, body.home main section arrow_right {display:none;}
}

@media screen and (min-width:640px) and (max-width:800px) {
	body.home main column section#signup, body.home main column section#conf {width:280px !important; float:left; clear:left;}
	body.home main column section#signup {height:165px;}
	body.home main column section#twitter {width:calc(100% - 300px) !important; float:right; margin-top:-165px;}
}
  
@media screen and (max-width:640px) { 	
header logo:before {display:none;}
	main arrow_left, main arrow_right {display:none!important;}   
	body > container {min-width:100%;}	   
	header {background-position:0 0, -200px 0;}
	header logo h1 {background-size:220px; margin-top: 40px;}
	header #bookseller_logo {right:-105px;}	
	header #topnav {bottom:-7px; width:100%;}			
	header #topnav > ul {display:table; width:100%;}
	header #topnav > ul > li {display:table-cell; float:none; width:20%;}
	header #topnav > ul > li > a {width:100%;}
	header #topnav > ul > li:first-child {display:none;}
	
	body.wordpress #wrapper {margin:0; width:99%;}	   
	body.wordpress #container {float:none; margin:0;}
	body.wordpress #content {display:block; float:none; margin:0; padding:0!important;}  
	body.wordpress .sidebar	{text-align:left; clear:both; width:100%;}	
	body.wordpress div.hfeed {margin:0;}
	body.title main container chapter {width:calc(100% - 30px);}
	body.agents-reps main > div:nth-of-type(1), body.agents-reps main > div:nth-of-type(2) {display:block; width:100%; float:none; padding-left:0;}
	body.agents-reps main > div:nth-of-type(2) {padding-top:15px;}
	
	#oa_viewer > iframe {display:block; position:static; width:100%; height:100vh; top:0;}
	#oa_viewer > div {display:block; clear:left;}
}

@media screen and (max-width:475px) {
	p * {overflow-wrap:break-word; word-wrap:break-word; word-break:break-word;}
	main .float_left, main .alignleft {display:block; float:none;}
	#announcement {font-size:16px;}
	#header_signup {width:auto; bottom:0; left:10px; top:auto; right:auto;}
	header search {top:3px; right:10px; width:auto;}
	search input[type="text"] {width:250px;}
	header logo {top:55px;}
	header logo h1 {bottom:1px; margin-left:10px;}
	header logo > a > img {height:130px; width:auto;}
	header social {top:70px;}
	nav.login {top:40px; right:4px;}
	
	#topnav > ul {display:block;}
	#topnav > ul > li {display:block;}
	
	main section#slides {min-width:100vw; width:100vw;}
	main section#slides .scroller article {min-width:100vw; width:100vw;}
	main section#journals_articles {display:block; min-width:100vw; width:100vw;}
	/*
	nav#topbar {margin:10px 0;}
	nav#topbar ul {display:block; background:#FFF;}
	nav#topbar ul li {font-size:13px; display:block; width:100%; text-align:left;}
	nav#topbar > ul > li > ul {position:relative;}
	nav#topbar > ul > li:hover > ul {left:0; box-shadow:none;}
	*/
	nav#topbar {position:absolute; top:2px; left:2px; padding:0; margin:4px; z-index:1;}
	nav#topbar ul li.mobile {display:inline; position:absolute; content:''; width:38px; height:8px; padding:0; cursor:pointer; border-radius:2px;
	border-top: 21px double #FFF;
	border-bottom: 7px solid #FFF;
	border-color:#F0F4F4;}
	nav#topbar > ul > li > ul {left:10px; margin-left:100px; top:10px;}
	nav#topbar > ul > li:last-child:hover > ul {left:0; right:inherit;}
	nav#topbar > ul li:not(.mobile) {display:none;}
	nav#topbar ul:hover li {display:block;}
	
	nav#topbar > ul > li {width:auto; text-align:left;}
	nav#topbar > ul > li:hover > ul {left:10px;}
	
	#quick_links {display:none!important;}
	#quick_links > ul {display:block; overflow:hidden; height:auto;}
	#quick_links > ul > li {display:inline-block; float:left; width:auto; width:calc(100% / 3); min-width:calc(100% / 4); max-width:calc(100% / 3); }
	#quick_links > ul > li:nth-child(n+4) {width:calc(100% / 4); border-top:1px solid #77A3BF;}
	#quick_links > ul > li > a {height:60px;}
	nav#about ul li:first-child {display:none!important;}
	nav#about ul li > * {font-size:14px;}
	main column section h1 {font-size:18px;}
	main column section#cats cats > * {display:inline-flex; width:24%;}
	main column section jnls_blogs > * {padding:2px;}
	main layout > column:nth-child(2) {min-width:100%;}
	body.title main {padding:0 10px;}
	body.title main > container > column {display:block; padding-left:0!important;}
	body[class*="new-"] main ul li h2 {clear:left;}
	body.title main column form[name="ccoptin"],related_journals {display:none;}
	body.title main section#signup {position:absolute; top:-15px; left:225px; width:135px;}
	body.title main section#signup h1 {display:none;}
	body.title main column google_preview {position:absolute; top:310px; left:270px;}
	body.title main column comp_info {white-space:normal;}
	body.title main container chapter {width:calc(100% - 30px);}
	body main #form_selects > * {padding-left:0;}
	body main #form_selects form select.sm {font-size:13px;}
	body main #form_selects form select.sm option {font-size:11px;}
	body main h2 {font-size:20px;}
	body:not(.home) main > ul, body:not(.home) main > ol, body:not(.home) section ul, body:not(.home) section ol {margin-left:0;}
	body.subject_landing main .sub_category > * {display:inline-block; width:48%;}
	body.subject_landing layout column section#journals item img.cover {display:block; float:none; width:100%; margin:10px 0;}
	footer ul li {display:block; text-align:center;}
	footer social, footer > ul > li:last-child {margin-left:0; padding-left:0;}
	
	#zoom .modal_container #close {top:-40px; right: calc(50% - 30px);}
	container.scroller item {padding:0;}
	
}