/* ======================================================================================== */
/* C U S T O M I S A T I O N   S T Y L E S H E E T                                          */
/* ---------------------------------------------------------------------------------------- */
/*
    Customisations of the look and feel of Asset Bank should go in here.
*/
/* ======================================================================================== */

.header__logo-container img {

max-height: 40px;
}

div.logo img {

max-width: 300px;
height: 70px;
}


body,
legend {
color: #000;     /* Colour of the text throughout the application */

}

h1 { /* Main headings */
color: #000000;
}

a,
span.required,
div.copy code   {
color: #000000;  /* Colour of links throughout */
}


/* =================================================================================
    Login and registration pages
==================================================================================== */
#loginPage div.logo, #registrationPage div.logo {
    /*background: #fff;*/
}


/* =================================================================================
    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: #000000;
    background: #FFF;
}


/* =================================================================================
    Top strip, language selector
==================================================================================== */
#topStrip {
    display:none;
}

div#topStrip.langSelect {                           /* multi-language switched on */
    background: #444;
    border-bottom:0;
    color: #eee;
    display: block;
}


/* =================================================================================
    Header styles
==================================================================================== */
#hLinks {
    margin-top: 20px;                           /* tweak to adjust hLinks position */
    margin-bottom: 13px;                            /* tweak to adjust search bar position */
}

#hLinks li {
    border-color: #ccc!important;   /* Override pipes in header */
}

a#helpLozenge {
    /*background-image: url(../../images/standard/icon/help_icon_dark.png);*/
}

div.headShadow {
    background: #fff;
    padding: 0;
    margin-bottom: 25px;
}

#header {
    background: #fff;                           /* Main banner colour */
    border: none;
    height: 98px;
    border-bottom: 1px solid #ddd;
}

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

/* Styling of search keywords inputs */
#header input.keywords,
#header input.inline  {
    border: 1px solid #bbb;
    padding: 3px;
}
#header .headerContent select {
    border: 1px solid #bbb;
}

/* header responsive buttons */
.button--large {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* responsive header quick search panel */
.header-search-bar input[type="text"] {
    border-color: #000000;
}


/* =================================================================================
    Quick search panel on homepage
==================================================================================== */

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

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

/* Styling of search panel inputs */
#qsPanel input.text,
#qsPanel select,
#qsPanel input.button {
    border: 1px solid #000000;
}

/*qs input */
#qsPanel .search-box__input{
    border-color: #D2D2D2;
}


/* =================================================================================
    Custom hero panel for BT
==================================================================================== */

.hero-text {
    width: 470px;
    background: rgba(255, 255, 255, 0.85);
}


/* =================================================================================
    Navigation
==================================================================================== */

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

/* Current page highlighting in the main navigation */
ul.nav li a.current,
ul.nav li a.current:hover {
    color: #000000;
    font-weight: bold;
}

@media all and (max-width: 1024px){
    ul.nav li a {
        color: #999;
    }
}


/* =================================================================================
    Button styles
==================================================================================== */

.button {
    background: #000000;
}

.button:hover,
.button:focus {
    background: #343434;
}

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

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

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

/* =================================================================================
    Misc styles
==================================================================================== */

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


/*Head search input*/
.headerContent .search-box__input{
    border: 1px solid #DCDCDC;
}


/* Panels are the same colour*/
.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,
.home-classic .tabs .is-active a,
.lbStrip,
.lbPanel-bottom,
div.commonSaved {
    background: #F9F9F9;
}

/* Browse & search panels*/
ul.lightbox>li,
ul.lightbox li{
    background: #f7f7f7;
    border-color: #E6E6E6;
}

#tabContent, .tabContent {
    border-color: #ddd;    
}


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

div.lbShadow {
    background: none;
    padding:0;
}

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


.header__logo-container img {
    width: auto;
}