/*


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


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
11 - Full width

Main Colour: #139647
Secondary Colour: #77be43


*/

/* AVIVA CHANGES */

.panoramic__welcome {
    background: rgba(0,0,0,0.2);
    width: 395px;
}



.chadio input:checked { border-color: #ffd903 !important}
.chadio label:hover input { border-color: #ffd903 !important}
.chadio input:checked:after { background: #ffd903 !important}
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { border-color: #ffd903 !important}
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { box-shadow: 0 0 15px rgba(0, 0, 0, 0.04), inset 0 -2px #ffd903 !important}
.date-field:focus-within .date-field__prefix { border-color: #ffd903 !important}
.date-field:focus-within .date-field__prefix { box-shadow: 0 0 15px rgba(0, 0, 0, 0.04), inset 0 -2px #ffd903 !important}
.date-field:focus-within .date-field__input { box-shadow: 0 0 15px rgba(0, 0, 0, 0.04), inset 0 -2px #ffd903 !important}





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

body {
    font-size: 87.5%;
}

body,
button,
.button,
input,
select,
pre,
textarea {
    font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ui-autocomplete.ui-widget-content{
    /*overrides other important*/
    font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

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

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

#header {
    background: #139647;
    height: 110px;
    border-bottom: 0;
    margin-bottom: 30px;
}

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

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- tweak position of logo in header */
#header img.logo {
    max-height: 80px;
    margin-top: 15px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- 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,
.header__user-profile-logged-out-link,
.headerContent a{
    color: #fff;
}

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

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

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

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- HelpLozenge */
a#helpLozenge {
    background-color: #139647;
    color: #fff;
    box-shadow: none;
    border: 0;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- 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 #139647;
}


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

.box__footer {
    /*background: #139647;*/
}

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

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

.nev .nev__menu #topStrip {
    background: #3D413A;
}

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

.button {
    background: #77be43;
}

.button:hover,
.button:focus {
    background-color: #5da02b;
}

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

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

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

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

/* Related Assets counter*/
.counter {
    background: #77be43;
}

.counter__link:hover>.counter {
    background: #139647;
}

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

#footer {
    background: none;
    text-align: center;
    right: 0;
    color: #444;
    height: 100px;
    margin: 50px 0 0 0;
    border-top: 1px solid #139647;
}

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

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


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

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Category Panels */
.catThumb-text {
    color: #444;
    border-color: #77be43;
    background: #f9f9f9;
    border-top: 10px solid #77be43;
    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: #77be43;
    border-top-color: #77be43;
    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;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   11 - Full width
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.header {
    background: #139647;
}

.lightbox__count {
    background: #77be43;
    color: #fff;
}

/* ------------------------------------- Header elements */
.filter__toggle,
.header__multi-toggle,
.lightbox__toggle,
.header__user-profile-initials-link,
.lightbox__overview,
.header__help-link {
    background: #fff;
}

.lightbox__title,
.filter__toggle>[class^="icon-"],
.header__multi-toggle>[class^="icon-"],
.header__help-link>[class^="icon-"],
.header__user-profile-initials-link>[class^="icon-"],
.header__user-profile-initials-link{
    color: #77be43;
}

.lightbox__title:hover,
.filter__toggle:hover>[class^="icon-"],
.header__multi-toggle:hover>[class^="icon-"],
.header__help-link:hover>[class^="icon-"],
.header__user-profile-initials-link:hover>[class^="icon-"],
.header__user-profile-initials-link:hover {
    color: #139647;
}

.search__form-wrapper form {
    border-color: #fff;
}

.search__adv-link.search__adv-link--top {
    line-height: 13px;
}

.pageWrapper.pageWrapper--full-width,
.full-width .pageWrapper {
    border-top: 0;
}

.header { background: #ffd903 }
.box__header { background: #ffd903 }
.popup div.copy h2 { background: #ffd903 }
#popup div.copy h2 { background: #ffd903 }
#masks h1 { background: #ffd903 }
#header { background: #ffd903 }
a#helpLozenge { background-color: #ffd903 }
#footer { border-top-color: #ffd903 }
a { color: #004fb6 }
span.required { color: #004fb6 }
span.requiredForCompleteness { color: #004fb6 }
div.copy code { color: #004fb6 }
ul.nav a:hover { color: #004fb6 }
.lightbox__title { color: #004fb6 }
.filter__toggle > [class^="icon-"] { color: #004fb6 }
.header__multi-toggle > [class^="icon-"] { color: #004fb6 }
.header__help-link > [class^="icon-"] { color: #004fb6 }
.header__user-profile-initials-link > [class^="icon-"] { color: #004fb6 }
.header__user-profile-initials-link { color: #004fb6 }
.lightbox__count { background-color: #004fb6 }
a > [class^="icon-"] { color: #004fb6 }
.counter__link:hover > .counter { background-color: #004fb6 }
ul.nav li a.current { color: #004fb6 }
ul.nav li a.current:hover { color: #074698 }
a:hover { color: #074698 }
span.required:hover { color: #074698 }
span.requiredForCompleteness:hover { color: #074698 }
div.copy code:hover { color: #074698 }
.lightbox__title:hover { color: #074698 }
.filter__toggle:hover > [class^="icon-"] { color: #074698 }
.header__multi-toggle:hover > [class^="icon-"] { color: #074698 }
.header__help-link:hover > [class^="icon-"] { color: #074698 }
.header__user-profile-initials-link:hover > [class^="icon-"] { color: #074698 }
.header__user-profile-initials-link:hover { color: #074698 }
a:hover > [class^="icon-"] { color: #074698 }
.counter__link:hover > .counter:hover { background-color: #074698 }
.button { background: #004fb6 }
.button { background-color: #004fb6 }
.button--large [class^="icon-"] { color: #004fb6 }
.home-classic .asset-strip__action .button { color: #004fb6 }
.counter { background-color: #004fb6 }
.catThumb-link:hover .catThumb-text { background-color: #004fb6 }
.catThumb-link:hover .catThumb-text { border-top-color: #004fb6 }
.catThumb-text { border-top-color: #004fb6 }
#header input.keywords { border-color: #004fb6 }
#header input.inline { border-color: #004fb6 }
#header .headerContent select { border-color: #004fb6 }
#header input#searchKeywords { border-color: #004fb6 }
.header-search-bar input[type="text"] { border-color: #004fb6 }
.button:hover { background: #074698 }
.button:focus { background: #074698 }
.button--large { background-color: #074698 }
.nev { background: #3d413a }
.nev__menu { background: #3d413a }
#topStrip { background: #3d413a }
.nev__link.current { background: #333630 }
.nev__link:hover { background: #333630 }
.nev__icon-wrap { color: #cccccc }
.nev__link { color: #cccccc }
.nev__link.current i { color: #ffffff }
.nev__link:hover i { color: #ffffff }
.nev__link.current { color: #ffffff }
.nev__link:hover { color: #ffffff }
.button:hover [class^="icon-"] { color: #ffffff }
.lightbox__count { color: #ffffff }
.popup div.copy h2 { color: #ffffff }
#popup div.copy h2 { color: #ffffff }
#masks h1 { color: #ffffff }
.nev__icon-wrap { background: #5c5f59 }
.nev__link--admin-toggle .nev__icon-wrap { color: #333630 }
.nev__link--admin-toggle .nev__icon-wrap { background: #828282 }
.nev__link--admin-toggle:hover i { color: #000000 }
.nev__link--admin-toggle { color: #909090 }
.nev__link--admin-toggle:hover { color: #888888 }
.nev__toggle span { background: #aaaaaa }
.nev__item--admin-toggle { border-color: #aaaaaa }
.header__logo-container img { max-height: 40px }


#loginPage div.logo, #registrationPage div.logo {
    background: #ffd900;
    border-radius: 10px 10px 0 0;
}

#loginPage .container {
    border: 0;
    border-radius: 10px;
}