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


body {
    color: #333333;             /* Move to base css ? */
    font-size: 87.5%;
}


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


/*Icon attributes - No min-height set by default so does not take up space for other clients */
div.iconAttrWrapper {
    min-height: 1.5em;
}


/* Fix issues with larger font size causing asset panels mismatch due to 'Remove from Lightbox' link wrapping */
ul.lightbox p.action {
    font-size: 0.91666666666667em;
}

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

.quick-search-form-toggler {
    top: 2px;
}

.quick-search-form-toggler i {
    top: 3px;
}

.has-filter .search-button {
    top: 2px;
}

div.actions ul li.link a {
    font-weight: normal;
}

/* =================================================================================
    Login and registration pages
==================================================================================== */

#loginPage div.logo, #registrationPage div.logo {
    padding-top:60px;                               /* padding around logo on login page */
    padding-bottom: 60px;
    margin-bottom: 0;
    background: #fff;
}

.box__header img,
#loginPage div.logo img, #registrationPage div.logo img {
    height: 60px;
}

/* =================================================================================
    Borders of panels, images and horizontal rules throughout the application
==================================================================================== */
.home-classic div.browsePanel,
div.noFeatured,
.underline,
div.hr,
div.head,
ul.results li,
#footer,
div.dialogPanel,
#loginPanel,
#tabContent,
.tabs__content,
div.tabContent,
fieldset,
#homePage a.imgWrapper,
div.tabClearing,
div.sortStrip,
.tabs,
.tabs a,
.tabs label,
.bordered,
.form-actions,
#leftCol .asset-strip,
.navpanel,
ul.lightbox > li   {
    border-color: #d5d5d5;
}

.home-classic div.browsePanel,
div.noFeatured,
ul.lightbox>li,
div.sortStrip,
.tabs a,
.tabs label,
table.stripey tr.even th,
table.stripey tr.even td,
ul.lightbox li,
.lbStrip,
.lbPanel-bottom,
#leftCol .asset-strip  {
    background: #f5f5f5;
}

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

/* border color of image thumbnails throughout browse and search- may need toning down. */
img.image {
    /*border-color: #444*/
}

#topStrip {
    display:none;
}


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

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

#hLinks a#helpLozenge:hover{
    background-color: #358c41;
    border-color: #358c41;
}

div.headShadow {
    background: #009bc6 url(../../images/standard/misc/ab_header_bg.png) repeat-x left bottom;
    padding: 0;
}
#header {
    background: #fff;                           /* Main banner colour */
    border: none;
    height: auto;
}

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

/* Styling of search keywords inputs */


#header .search-box__input {
    border: 1px solid #358c41;
}
#header .headerContent select {
    border: 1px solid #358c41;
}

#header div.headerContent #searchKeywords {
    border-radius: 14px
}

/* =================================================================================
    Hero block on new homepage
==================================================================================== */
.hero-text {
    line-height: 1.4em;
}

/* =================================================================================
    Quick search panel on homepage
==================================================================================== */
#qsPanel,
#qsPanel.middle {
    border-color:  #50c1e2;
    background: #50c1e2;
}

#qsPanel input.search-keywords {
    border-color: #50C1E2;
}

#qsPanel a.advanced,
#qsPanel a.advanced:hover {
    color: #fff;
}


#qsPanel .cat-dropdown .button i,
#qsPanel .type-dropdown .button i {
    color: #fff;
}

/* =================================================================================
    Saved searches
==================================================================================== */

.homepage-search-wrapper{
    background: #eee url(../../images/standard/asset-bank/bg-tile.gif) 0 0 repeat;
}

.commonSaved {
    border: 0;
}

.home-classic .commonSaved {
    border-top: 1px solid #d0d0d0;
}

.home-large-image .homepage-search-wrapper{
    border-width: 1px 0 0 0;
}

/* Slideshow panel on homepage */
.slideshow-heading {
    border-radius: 7px 7px 0 0;
}

.slideshow-list  {
    border-radius: 0 0 7px 7px;
}


/* =================================================================================
    Quick search panel
==================================================================================== */

.quick-search-form .button > [class^="icon-"],
.header-category-search .button > [class^="icon-"]  {
    color: #fff;
}

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

.button {
    background: #bbcd43;
}

.button:hover,
.button:focus {
    background: #358c41;
}

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

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

.home-classic .asset-strip-action .button {
    color: #bbcd43; /* revert button styling on classic homepage*/
}





.dropButton:after,
.dropButton:hover:after  {
    margin-top: -3px;
    border-top-color: #fff;
}

@media only screen and (max-width: 479px) {
    .dropButton:after,
    .dropButton:hover:after  {
        margin-top: 5px;
        border-top-color: #fff;
    }
}


/* Force uppercase buttons on asset detail page */
div.actions .button {
    text-transform: uppercase;
}

/* As we are using some button style links need to fix some vertical alignment in home page panels */

.asset-strip-action,
.home-large-image .asset-strip-action {
    margin-top: 20px;
}

.home-large-image .news-strip-action {
    margin-top: -5px;
}

.home-classic .asset-strip-action {
    margin-top: 1px;
}

/* =================================================================================
    Browse categories
==================================================================================== */


/* Hover effect*/
.home-large-image .catThumb-link:hover .catThumb-text {
    background: #358c41;
    border-color: #358c41;
    color: #fff;
}

.catThumb-link:hover .catThumb-image,
.catThumb-link:hover .catThumb-placeholder-large {
    opacity: 0.8;
}

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


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

/* Eliminate borders */
ul.nav {
    border-top: 0;
}

ul.nav li a {
    border-bottom: 0;
    padding-left: 0;
}

/* Current page highlighting in the main navigation */
ul.nav li a.current,
ul.nav li a.current:hover {
    background: #fff;
    color: #358c41;
}


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

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

.input-addon i {
    color: #358c41;
}

.hover-dropdown a>[class^="icon-"] {
  padding-left: 9px;
  color: #bbcd43;
}

#header .search-box__input {
  border: 1px solid #BBCD43;
}
.header-search-bar input[type="text"] {
  border: 1px solid #BBCD43;
}

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

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

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


a#non-sso-login { display: flex; justify-content: center; }
a.button.button--block { text-transform: none; font-size: 1em; }