/*
-----------------------------------------------
bepress IR local stylesheet.
Author:   Lani Goto
Version:  Dec 2014
PLEASE SAVE THIS FILE LOCALLY!
----------------------------------------------- */

/* Google font */
/* font updates 2/25, PR */
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
body, #uark #sidebar, #uark #footer, #uark p#stats, #uark #alpha .element p, #uark #custom-fields .element p, body#geo-series #alpha .element h4, #uark #alpha #recommended_citation p, #uark #alpha .element h4, #uark #custom-fields .element h4 { 
	font-size: 16px;
	line-height: 140%; }
	

/* Background */

body {
	background: #ffffff url(assets/md5images/20bee7463d4d196e54ec27cb11680977.gif) top left repeat-x; }


/* Header */

#uark #header {
    position: relative;  /* needed for logo positioning */
  height: auto !important; /* !important overrides mbl styling */
}
#uark #banner_image {
    display: block; /* removes descender of inline element */
    width: 980px; /* not necessary if image is sized correctly */
    height: auto !important;  /* avoids warping improperly sized header image / SUP-19994 */
}
    /* --- Logo --- */
#uark #logo_image {
    position: absolute !important; /* !important overrides mbl styling */
    top: 0;
    left: 0;  /* change to "right:" for right aligned logo */
    width: 26.2244897959% !important;  /* 240 / 980 */
    height: auto !important; /* Important avoides DC assigning incorrect height to logo image */
}
#uark #header a#banner_link:focus img,
#uark #header a#logo_link:focus img {
  outline: 1px dotted #000;
}



/* Navigation */

#uark #navigation {
	width: 980px;
	height: 70px;
	background: transparent; }

#uark #navigation #tabs,
#uark #navigation #tabs ul,
#uark #navigation #tabs ul li {
	padding: 0;
	margin: 0; }

#uark #navigation #tabs {
	margin-left: 75px; }

#uark #navigation #tabs a {
	height: 70px;
	line-height: 70px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #971e32;
	background-color: transparent;
	padding: 0 11px;
	margin: 0;
	border: 0; }

#uark #navigation #tabs a:hover,
#uark #navigation #tabs a:active,
#uark #navigation #tabs a:focus {
	color: #000;
	text-decoration: underline; }


/* Sidebar */

#uark #sidebar p.site-follow {
	display: none; }

#uark #sidebar h2 {
	font-family: "Lato", Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	background-color: transparent;
	padding: 4px 0;
	border-top: 0;
	border-bottom: 0;
	text-indent: 15px; }

#uark #sidebar a, 
#uark #sidebar p.advanced a {
	font-size: 16px;
	font-weight: 400;
	text-decoration: none; }

#uark #sidebar a:hover,
#uark #sidebar a:active,
#uark #sidebar a:focus,
#uark #sidebar p.advanced a:hover,
#uark #sidebar p.advanced a:active,
#uark #sidebar p.advanced a:focus {
	color: #000;
	background-color: transparent;
	text-decoration: underline; }

#uark #sidebar #sidebar-search label {
	font-size: 13px;
	color: #000; }

#uark #sidebar p.advanced + div {
	display: none; }


/* Main Content */

#uark #content {
	background-color: transparent; }

#uark #wrapper-top {
	width: 980px;
	height: 16px;
	background: #fff url(assets/md5images/e0d02718f48733744897c5f526e55399.gif) top left no-repeat; }

#uark #wrapper {
	background: #fff url(assets/md5images/bf1ce3a3ecb5ecfff1404d88495b10f5.gif) top left repeat-y; }

#uark #dcn-home h2 {
	font-family: "Lato", Helvetica, Verdana, Arial, sans-serif;
	font-size: 21px;
	font-weight: 400;
	padding-bottom: 5px;
	margin-top: 30px; }

#uark #dcn-home #cover-browse h3 a {
	font-family: "Lato", Helvetica, Verdana, Arial, sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-decoration: underline; }

#uark #dcn-home .box.aag h2,
#uark #dcn-home .box.potd h2{
	width: 267px;
	font-family: "Lato", Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px solid #999; }

#uark #dcn-home .box.aag h2 span.pull-right { 
	display: none; }

#uark #dcn-home .box.aag a,
#uark #dcn-home .box.potd a {
	font-size: 16px;
	border-bottom: 1px solid #999;
	background: none; }

#uark #main.text .box a:link,
#uark #main.text .box a:visited {
	font-size: 16px;
	text-decoration: none; }

#uark #main.text .box a:hover,
#uark #main.text .box a:active,
#uark #main.text .box a:focus {
	text-decoration: underline; }

#uark #main.text a:link,
#uark #main.text a:visited {
	color: #971e32;
	text-decoration: underline; }

#uark #main.text a:hover,
#uark #main.text a:active,
#uark #main.text a:focus {
	color: #000;
	text-decoration: underline; }


/* Footer */

#uark #footer-top {
	width: 980px;
	height: 36px;
	background: #fff url(assets/md5images/89ca5e847d1212009ab8e4dd2dd16385.gif) top left no-repeat; }

#uark #footer,
#uark #footer #bepress a {
	height: 96px;
	background-color: #424242; }

#uark #footer p,
#uark #footer p a {
	font-size: 16px;
	color: #fff;
	text-decoration: none; }

#uark #footer p a:hover,
#uark #footer p a:active,
#uark #footer p a:focus {
	text-decoration: underline; }

#uark #footer p:first-of-type { padding-top: 19px; }
/* Advanced Search */

.legacy #uark #wrapper-top,
.legacy #uark #footer-top {
	display: none; }

.legacy #uark #wrapper {
	background-image: none; }


/* Mobile */

.mbl #uark #wrapper-top,
.mbl #uark #footer-top {
	display: none; }

/* Expert Gallery Suite SW Gallery */
.egs-profile-gallery {
	display: block; /* removes descender space below inline element */
 /* left aligned */
	margin: -16px 0 -16px -42px; /* #content .text padding: 16px 0; and #content .text (margin 32px) + #sidebar (margin 10px) */
 
}

.verticalalign { height: 0; }
#content div.clear { height: 0; }

.mbl #main #cover-browse h3 { text-decoration: none; }
.mbl #dcn-home .box.aag span,
.mbl #dcn-home .box.potd span {
  display: block;
}
.mbl #uark #main.text #dcn-home .box.aag h2,
.mbl #uark #main.text #dcn-home .box.potd h2 {
  width: 100%;
}
header#mobile-nav {
  font-size: 0;
  line-height: 0; }
.mbl #uark #header,
.mbl #uark #header a#banner_link img,
.mbl #uark #navigation {
  width: 100% !important;
}
.mbl #uark #navigation {
  display: none;
}
.mbl #sidebar h2 {
  margin: 5px 0 !important;
  padding-left: 3% !important;
  width: 97% !important;
}

.mbl #sidebar #sb-custom-lower,
.mbl #sidebar #sb-custom-lowest {
  margin: 5px 0 !important;
  width: 100% !important;
}

.mbl #sidebar ul.sb-custom-ul {
  margin: 0 3% !important;
  width: 94% !important;
}

.mbl #uark #header #logo_image {
    position: absolute !important; /* !important overrides mbl styling */
    top: 0;
    left: 0;  /* change to "right:" for right aligned logo */
    width: 26.2244897959% !important;  /* 240 / 980 */
    height: auto !important; /* Important avoides DC assigning incorrect height to logo image */
}


/*Hiding the empty author link, 6/11/19, alei*/

div#sidebar ul#side-author .faq {display:none}

/* --- Social Media Icons --- added by Arthur Lei on 30 January 2020 */
#uark #sidebar #sb-custom-lower ul#social-media-list{
display:flex;
flex-flow: column wrap;
list-style-type: none;
justify-content: center;
align-items:center;
}

/*-Time to build a scrollbox-*/

#uark .scrollbox-text {
	height: 200px;
	overflow-y:scroll;
}