/* CSS for Mobile and Base View */

/****************************/
/* 1 - Basic Layouts        */
/* 2 - Header Styles      */
/* 3 - Flex Items           */
/* 4 - Component Styles     */
/****************************/

/****************************/
/* 1 - Basic Layouts        */
/****************************/

header * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 

body {
    background: url(https://content.law.virginia.edu/sites/default/themes/law_theme/images/header_bkgnd_blue.png) center top repeat-x #E5E5E5;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

 .element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.hidden {
    display: none!important;
}

/* LG styles overrides */

.container.s-lib-header, .container.s-lib-main, .container.s-lib-side-borders {
    background-color: #ffffff;
	padding: 10px 20px;
}

#s-lib-bc-site::before {
	content: " ";
}

#s-lib-bc-customer a {
	color: rgb(102, 102, 102);
	font-family: "Gotham A", "Gotham B", Arial, sans-serif;
	font-size: 35px;
	font-weight: 300;
	line-height: 1.1em;
	margin: 10px 0;
	padding: 10px 10px 10px;
	text-transform: uppercase;
}

header .search-options {
	float: none;
    float: unset;
	height: auto;
}


/****************************/
/* 2 - Header Styles        */
/****************************/


header {
    background-color: #002F6C;
	margin: 0 auto 10px;
    width: 100%;
    height: 240px;
    line-height: 1.5;
    font-family: Georgia, 'Times New Roman', serif;
    float: right;
}

/****************************/
/* 2 - Section Styles        */
/****************************/

header #searches-more {display: none;}

/* Logo styles */

header .logo {
    text-align: center;
}

header .logo img {
    width: calc(100% - 20px);
    max-width: 400px;
    padding: 10px;
}

/* Hamburger - Search Row Styles */

header .hamb-search {
    margin: 0 auto 7px;
    text-align: center;
}

header .hamb-search {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 278px;
}

/* Hamburger Button Styles */

header .hamb-menu {
    width: 42px;
    margin: 0 6px 0 0;
    display: block;
}

.hamb-menu-icon {
    background: url(https://content.law.virginia.edu/sites/default/themes/law_theme/images/hamburger-new-white.png) center top 5px no-repeat rgba(128, 128, 128, .5);
    cursor: pointer;
    height: 42px;
    margin: 0 0 0 0;
}


/* >> Search Form Styles */

header .hamb-search .search-form  {
    margin: 0;
}

header .hamb-search .search-form form {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

header .hamb-search .search-form #main-search-input {
    margin: 0;
    width: 184px;
    -webkit-box-shadow: inset 3px 3px 19px -3px rgba(150, 150, 150, 1);
    box-shadow: inset 3px 3px 19px -3px rgba(150, 150, 150, 1);
    border: 0;
    float: left;
    font-size: 18px;
    background-color: #D8DEE2;
    color: #333;
    padding: 3px 6px 1px;
}

/* Searches-Default styles */

header .searches-default {
    background-color: rgba(0, 0, 0, 0.70);
    /* margin: 0 60px; */
    margin: -8px auto 0;
    padding: 13px 0px;
    width: 275px;
    height: 45px;
}

header .searches-default p {
    color: rgba(256,256,256,0.75);
    font-size: 13px;
    padding-left: 10px;
}


/* Main Navigation (Nav-Main) styles */

header .nav-main {
    position: relative;
    margin: 0 auto 16px;
    background: #777677;
    padding: 10px 20px 20px;
    width: 275px;
    z-index: 999;
}

header .nav-main ul {
    border: none;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    width: auto;
}

header .nav-main ul li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
}

header .nav-main ul li a {
    color: #f8f8f8;
    text-decoration: none;
}

header .nav-main ul li a:hover {
    color: #fff;
}

/*  Nav-more Styles */

header .nav-more {
    position: relative;
    margin: -18px auto 16px;
    background: #777677;
    border-top: 1px solid #FBFBFB;
    padding: 10px 20px 20px;
    width: 275px;
    z-index: 999;
}

header .nav-more  ul {
    border: none;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    width: auto;
}

header .nav-more ul li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
}

header .nav-more ul a {
    color: #FBFBFB;
    text-decoration: none;
}

header .nav-more ul a:hover {
    color: #fff;
}

/* Search Options Styles */

header .search-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 1px 0px;
    width: 275px;
    background-color: rgba(0, 0, 0, 0.7);
}

header .search-options div {
    color: rgba(256,256,256,0.75);
    font-size: 13px;
    padding: 5px;
    margin: 6px;
    font-style: italic;
    cursor: pointer;
    outline: none;
}

header .search-options .search-option.active {
    background-color: #666;
    border-radius: 3px;
}

header .search-options .search-option.more {display: none;}

/************************/
/*   Component styles   */
/************************/

.container.s-lib-main {
	padding-top: 0;
}