/*


     _                 _     ____              _
    / \   ___ ___  ___| |_  | __ )  __ _ _ __ | | __
   / _ \ / __/ __|/ _ \ __| |  _ \ / _` | '_ \| |/ /
  / ___ \\__ \__ \  __/ |_  | |_) | (_| | | | |   <
 /_/   \_\___/___/\___|\__| |____/ \__,_|_| |_|_|\_\


Customisation style sheet

Contents:

1 - Typograpgy
2 - Header
3 - Login, Registration and Lightbox
4 - Home page - general
5 - Home page - quick search panel
6 - Navigation
7 - Buttons
8 - Panelling
9 - Misc
10 - Category thumbnails

Main Colour: #002f5f
Secondary Colour: #002f5f


*/

.layout__skip {
    top: -1px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   1 - Typography
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

body,
button,
.button,
pre,
textarea {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
}

/* Colour of links throughout */
a,
span.required,
span.requiredForCompleteness,
div.copy code,
a > [class^="icon-"],
ul.nav a:hover {
    color: #002f5f;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   2 - Header
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

#header {
    background: #fff;
    height: 110px;
    border-bottom: 0;
}

.header {
    background: #fff;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- tweak spacing between header and content */
div.headShadow {
    margin-bottom: 30px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- tweak position of logo in header */
#header img.logo {
    padding: 28px 0 0 0;
    margin: 0;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- tweak position of hlinks in header */
#hLinks {
    margin-top: 20px;
    margin-bottom: 13px;
}

#hLinks li.separator {
    border: 0;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- User login link in header */
a.user,
#loginLink,
.headerContent a{
    color: #111;
}

.caret-down {
    border-top: 5px solid #111;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Top Strip and multi-language */
#topStrip {
    display:none;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- HelpLozenge */
a#helpLozenge {
    background-color: #fff;
    color: #111;
    box-shadow: none;
    border: 0;
    background-image: url(../../images/standard/icon/help_icon_dark.png);
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Header input borders */
/* Styling of search keywords inputs */
#header input.keywords,
#header input.inline,
#header .headerContent select,
#header input#searchKeywords,
.header-search-bar input[type="text"] {
    border: 1px solid #002f5f;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Header input borders */


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   3 - Login, Registration and Lightbox
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Logo on login and registration */

#loginPage div.logo, #registrationPage div.logo {
    /*background: #fff;*/
    padding-top: 40px;
    padding-bottom: 40px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Login/Lightbox header and footer */
.box__header {
    background: #fff;
}

.box__footer {
    /*background: #002f5f;*/
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   4 - Home page - general
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Welcome text */
.hero-text {
    width: 347px;
    padding: 24px 32px 20px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   5 - Home page - quick search panel
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Quick Search Panel -- light*/
#qsPanel, #qsPanel.middle {
    border-color: #E2E2E2;
    background: #F9F9F9;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Styling of search panel inputs */
#qsPanel input.text,
#qsPanel select,
#qsPanel input[type="text"] {
    border: 1px solid #bfbfbf;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Text colour in search panel */
#qsPanel a.advanced,
#qsPanel a.advanced:hover,
#qsPanel label,
#qsPanel .hoverHelp,
#qsPanel span.inline {
    color: #444;
}

#qsPanel .search-box__input{
    border-color: #D2D2D2;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   6 - Navigation
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- main navigation */
ul.nav li a.current,
ul.nav li a.current:hover {
    color: #002f5f;
    font-weight: bold;
}

ul.nav li a {
    font-weight: normal;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- If editing default style

ul.nav li a {
    color: #111;
}

ul.nav li a:hover; {
    color: #999;
}

@media screen and (max-width: 1024px){
    ul.nav li a {
        color: #ccc;
    }
}
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   7 - Buttons
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.button {
    background: #002f5f;
}

.button:hover,
.button:focus {
    background: #3b8ede;
}

.button--large {
    background: #fff;
}

.button--large [class^="icon-"] {
    color: #002f5f;
}

/* revert button styling on classic homepage*/
.home-classic .asset-strip__action .button {
    color: #002f5f;
}

.button:hover [class^="icon-"] {
    color: #fff
}

/* Related Assets counter*/
.counter {
    background: #002f5f;
}

.counter__link:hover>.counter {
    background: #002f5f;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   8 - Panelling
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

div.browsePanel,
div.newsPanel,
div.noFeatured,
.underline,
div.hr,
div.head,
ul.results li,
#footer,
div.dialogPanel,
#loginPanel,
fieldset,
#homePage a.imgWrapper,
div.sortStrip,
ul.lightbox li,
.lbStrip,
.bordered,
.tiled-background,
.form-actions,
.homepage-search-wrapper > .commonSaved,
.navpanel  {
    border-color: #ececec;
}

.home-classic div.browsePanel,
div.newsPanel,
div.noFeatured,
ul.lightbox>li,
div.adminTabs h2,
div.sortStrip,
table.stripey tr.even th,
table.stripey tr.even td,
ul.lightbox li,
.homepage-search-wrapper,
.home-classic .tabs .is-active a,
.lbStrip,
.lbPanel-bottom,
.tiled-background,
div.commonSaved {
    background: #f9f9f9;
}

table.stripey tr.even th,
table.stripey tr.even td{
    background: #E8E8E8;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   9 - Misc
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Pop-up help headers */
.popup div.copy h2,
#popup div.copy h2,
#masks h1 {
    background: #002f5f;
    color: #fff;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Squares it all off*/
.hero-text,
.catThumb-portrait,
ul.lightbox>li,
ul.lightbox li,
.quick-search-form-toolbar .search-field,
.picker__filter,
a#helpLozenge,
.tabs a,
.asset-strip-images,
div.newsPanel,
.search-box__input, .search-box__input[type="text"], .search-box__input[type="search"],
#qsPanel input.text, #qsPanel select, #qsPanel input.button{
    border-radius: 0;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Footer */

#footer {
    border-top: 1px solid #002f5f;
}

#footer {
    position: absolute;
    background: #fff;
    width: 100%;
    text-align: center;
    right: 0;
    color: #444;
    height: 100px;
    margin-top: 50px;
    margin-bottom: 0;
    border-top: 1px solid #002f5f;
}

#footer a {
    color: #000;
}

.hero-text {
    width: 347px;
    padding: 24px 32px 20px;
}

.tiled-background {
    border: 1px solid #ececec;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Deactivate drop shadows */

/* div.leftShadow, div.rightShadow, div.headShadow, div.lbShadow {
    background: none;
    padding:0;
    } */

div.headShadow,
div.rightShadow, div.leftShadow {
    background: #FFF;
    padding-bottom: 0;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Additional Misc */

#header {
    border: 0;
}

#header input.keywords,
#header input.inline  {
    padding: 3px;
}

#header input#searchKeywords {
    border-radius: 4px;
}

/* Jquery ui font override */
.ui-widget {
    font-size: 1.05em;
}

/* Fix issues with checkboxs lining up with new font */
label.checkbox > input[type="checkbox"] {
    margin-top: 0.2em;
}

/* Museo sans bold looks wrong at 13px on windows chrome */
div.actions ul li.link a {
    font-weight: normal;
}

.tiled-background{
    border: 1px solid #dcdcdc;
}

/* Hover effect on image thumbnails */
.home-classic a.imgWrapper:hover, a.videoFrameLink:hover img,
div.commonSaved a:hover img,
table.lightboxList td.thumb a.thumb:hover img,
div.imgStrip a:hover {
    border-color: #444;
    background: #FFF;
}

/* Nice lightbox */

.navpanel--lightbox .noBottomMargin a {
    margin-top: 16px;
    display: block;
}

.navpanel--lightbox .empty.on {
    display: block;
    margin-top: 13px;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   10 - Category thumbnails
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Category Panels */
.catThumb-text {
    color: #444;
    border-color: #002f5f;
    background: #f9f9f9;
    border-top: 10px solid #002f5f;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: all 0.3s;
    padding: 20px 10px 0px 10px;
}

.catThumb-count {
    color: #444;
    transition: all 0.3s;
}

.catThumb-link:hover .catThumb-count {
    color: #fff;
}

.catThumb-link:hover .catThumb-text {
    color: #fff;
}

.catThumb-portrait:hover a img {
    opacity: 0.8;
}

#browsePage .catThumb-text {
    padding: 20px 10px 20px 10px;
    box-sizing: border-box;
    max-width: 260px;
}

div.categoryList ul.catThumbs-portrait li {
    box-shadow: none;
}


.catThumb-link:hover .catThumb-text {
    background: #002f5f;
    border-color: #002f5f;
    border-top-color: #002f5f;
    box-shadow: none;
}

ul.catThumbs-portrait li img {
    box-shadow: none;

}

#browsePage ul.catThumbs-portrait li img {
    width: 260px;
}

#browsePage .catThumb-placeholder-large {
    width: 100% !important;
}

.catThumb-link {
    box-shadow: 0 0 0 1px #e0e0e0;
}
/* =================================================================================
    Custom
==================================================================================== */
.nev__link--admin-toggle .nev__icon-wrap {
    color: #ffffff !important;
}