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


.panoramic__welcome {
    background : rgba(255,255,255,0.8);
    width: 400px;
    padding: 40px;
    height: auto;
} 


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: #6cbc29;
}


/*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: 12px;
}

/* Fix issues with checkboxs lining up with new font */
label.checkbox {
    line-height: 1.285714286em;
    margin-bottom: 0.571428571em;
}

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

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


/* =================================================================================
    Login and registration pages
==================================================================================== */
#loginPage div.logo, #registrationPage div.logo {
    padding-top:30px;                               /* padding around logo on login page */
    padding-bottom: 30px;
    margin-bottom: 0;
    background: #fff;
}


/* =================================================================================
    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.infoPanel,
div.dialogPanel,
#loginPanel,
#tabContent,
div.tabContent,
fieldset,
#homePage a.imgWrapper,
div.adminTabs h2,
div.tabClearing,
div.sortStrip,
p.jsTabs a,
p.jsTabs label,
p.tabHolder,
p.tabHolder a,
p.tabHolder strong,
.bordered,
.form-actions,
#leftCol .asset-strip   {
    border-color: #d0d0d0;
}

.home-classic div.browsePanel,
div.noFeatured,
ul.lightbox>li,
div.adminTabs h2,
div.sortStrip,
p.tabHolder a,
div.lbPanel,
div.infoPanel,
table.stripey tr.even th,
table.stripey tr.even td,
ul.lightbox li,
.home-classic p.tabHolder a.active,.lbStrip,
body #lightbox div.lbPanel-bottom,
#leftCol .asset-strip  {
    background: #eee;
}

/* 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: #6cbc29;
    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: 20px;                           /* 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: #6cbc29;
    color: #fff;
}
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;
}
#header div.pageWrapper {

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

/* Styling of search keywords inputs */


#header input.keywords,
#header input.inline  {
    border: 1px solid #6cbc29;
    padding: 3px;
}
#header .headerContent select {
    border: 1px solid #6cbc29;
}

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

@media only screen and (max-width: 1024px){
    #header div.headerContent {
        margin-top: 50px;
    }
}

/* =================================================================================
    Left hand panels
==================================================================================== */
div.lbPanel,
div.infoPanel {
    padding: 1.5em 0 0 0;
    margin: 1.5em 0 0 0;
    background: none;
    border-width: 1px 0 0 0;
    border-radius: 0;
}

div.lbPanel p,
div.lbPanel h3 {
    padding: 0;
}

div.lbPanel a.dropArrow {
    margin-right: 0;
}

div.lbPanel h3 {
    max-width: 110px;
}

div.lbPanel .filter-panel-inner {
    margin-left: 0;
}

span.filterset select {
    width: 100%
}

div.infoPanel p.info {
    margin-left: 0;
    margin-right: 0;
}

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

/* =================================================================================
    Quick search panel on homepage
==================================================================================== */
#qsPanel,
#qsPanel.middle {
    border: 0;
    background: #eee url(../../images/standard/asset-bank/bg-tile.gif) 0 0 repeat;
}

#qsPanel input.search-keywords {
    border-radius: 19px;
    border-color: #77bf42;
}

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

#qsPanel input.search-keywords:focus,
#searchKeywords:focus{
    outline: 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.08);
}

#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;
}


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

.button {
 background: #6cbc29;
}

.button:hover,
.button:focus {
    background: #0D6932;
}

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

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

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

/* 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 */
.home-large-image .asset-strip-action {
    margin-top: 20px;
}

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

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

.home-large-image p.tabHolder {
    background: none;
}


/* Hover effect*/
.home-large-image .catThumb-link:hover .catThumb-text {
    background: #6cbc29;
    border-color: #6cbc29;
    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: #6cbc29;
}


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

#help div.copy h2,
#popup div.copy h2,
#masks h1 {
    background: #6cbc29;                    /* Pop-up help headers */
    color: #fff;
}
#dummyButtons > div >a:hover {
  background-color: #6cbc29;
}
div#dummyButtons > a:hover {
    background-color: #6cbc29;
}


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


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

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

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