/*


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


Customisation style sheet providing default branding for the full-screen layout

Contents:

1 - Typograpgy
2 - Header
3 - Buttons
4 - Login/Registration

Main Colour: #4c00a9
*/

@font-face {
    font-family: 'Poppins';
    src: url('../../images/standard/fonts/Poppins-Bold.woff2') format('woff2'),
        url('../../images/standard/fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../images/standard/fonts/Poppins-Medium.woff2') format('woff2'),
        url('../../images/standard/fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../images/standard/fonts/Poppins-Regular.woff2') format('woff2'),
        url('../../images/standard/fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



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

/* Colour of links throughout */
a,
span.required,
span.requiredForCompleteness,
div.copy code,
ul.nav a:hover {
    color: #4c00a9;
    font-weight: 500;
}

body,
button,
input,
select,
pre,
textarea {
    font-family: 'Poppins', Arial, Helvetica, "Lucida Sans Unicode", sans-serif;
}

h1,
h2,
h3,
.asset-collection__name > a {
    font-weight: bold;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   2 - Buttons
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.button,
.counter {
    background-color: #4c00a9;
}

.button:hover,
.button:focus,
.counter__link:hover > .counter {
    background-color: #824dc3;
}

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


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   3 - Header
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.header,
.box__header  {
    background-color: #4c00a9;
}

.lightbox__count {
    background-color: #4c00a9;
    color: #fff;
}

.header__nav-toggle,
.filter__toggle,
.lightbox__toggle,
.header__user-profile-initials-link,
.lightbox__overview,
.header__help-link,
.header__languages-button {
    background: rgba(255,255,255, 0.85);
}

.header__nav-toggle:hover,
.filter__toggle:hover,
.lightbox__toggle:hover,
.header__user-profile-initials-link:hover,
.lightbox__overview:hover,
.header__help-link:hover,
.header__languages-button:hover {
    background-color: #fff;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   4 - Login/Registration
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

#loginPage, #registrationPage {
    /*Override inline styles*/
    background-position: center top !important;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Top Strip and multi-language */

#topStrip {
    display: none;
}