/* ======================================================================================== */
/* 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.
*/
/* ======================================================================================== */

/* =================================================================================
    General typography
==================================================================================== */

/* header logo fix */

.header__logo-container img {

    padding-top: 10px;
}


/* login logo fix */

div.logo img {

    max-width: 250px;
    padding-top: 15px;
}


/* Change Font */                                             
       
@font-face {
    font-family: FF;
    src: url(../../fonts/FF.ttf);
}

body, button, input, select, textarea {

     font-family: FF, sans-serif;
     font-size: 90%;
}



.header__logo-container img {

margin-top: -15px;
max-width: 300px;
max-height: 80px;
height: 80px;

}


/* make transparent checkboard white */


.checkerboard {
background: #fff;
}

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


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

div.logo img {
    margin: auto;
}
/* =================================================================================
    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: #742033;
    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: 30px;                           /* tweak to adjust hLinks position */
    margin-bottom: 13px;                            /* tweak to adjust search bar position */
}

#hLinks li {
}

a#helpLozenge {
    box-shadow: none;
    border-color: #fff;
    color: #000;
    background-color: #fff;
    background-image: url(../../images/standard/icon/help_icon_dark.png);
}
#hLinks a#helpLozenge:hover {
    background-color: #ECECEC;
}

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

#header {
    background: #fff;                           /* Main banner colour */
    border: none;
    height: 98px;
}

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

/* 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: #742033;
}

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

.featured-video,
.hero-media {
    box-shadow: 0 4px 4px #ececec;
}

.is-video .hero-media {
    box-shadow: none;
    border: 1px solid #F3F3F3;
    border-radius: 0;
}
/* =================================================================================
    Quick search panel on homepage
==================================================================================== */
#qsPanel,
#qsPanel.middle {
    border-color: #742033;
    background: #742033;
}

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

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


/* =================================================================================
    Navigation
==================================================================================== */
/* Current page highlighting in the main navigation */
ul.nav li a.current,
ul.nav li a.current:hover {
    color: #742033;
}

ul.nav li a {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
}


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

.button {
    background: #742033;
}

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

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

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

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

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

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

/*Squares it all off*/
.button,
.hero-text,
.catThumb-portrait,
ul.lightbox>li,
ul.lightbox li,
.quick-search-form-toolbar .search-field,
.picker__filter,
a#helpLozenge,
.tabs a,
.box__header,
.asset-strip-images,
.box__footer,
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;

}

/*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: #EEEEEE;
}


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

/* Quick Search Panel -- light*/
#qsPanel, #qsPanel.middle {
    border-color: #FFFFFF;
    background: #FFFFFF;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
}

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

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

#tabContent, .tabContent {
    border: 1px solid #CCC;
}


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

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

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