:root {

    --dark: #484848;
    --darker: #313131;
    --darkest: #1a1a1a;
}
body::-webkit-scrollbar {
    width: 0.5rem;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--main);
    border-radius: 0.7rem;
}

body::-webkit-scrollbar-track {
    background-color: var(--darkest);
    border-radius: 0.7rem;
}

/* Browsers without `::-webkit-scrollbar-*` support */
@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: thin;
        scrollbar-color: var(--darkest) var(--main);
    }
}
h1,h2,h3,h4,h5,h6{color:#fff}
a{color: var(--main);}
.card__title{color: var(--main);}
.card{background: var(--darkest);}
.card__info{background:none; }
.cardlink{background: var(--darkest);}

.card{box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);}
.card:hover{box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);}
.homecontent{background: var(--darker) url(../img/5-dots.png); color: #fff;}

.breadcrumbs{background: var(--darkest); width: 100%;}
.breadcrumbs a{color: var(--main);}
.breadcrumbs span{color: #fff;}

.footer{background: var(--darkest);}
.contactsocial a{color: #fff;}

.theform{background: var(--dark);}

.privacylinks{width: 100%; padding: 40px 40px 20px; background: var(--main); display: flex; justify-content: space-between; flex-wrap: wrap; }
.privacylink{width: calc(50% - 10px); margin-bottom: 20px; padding: 10px; background: #fff; color: var(--main); transition: all 0.3s cubic-bezier(.25,.8,.25,1); text-transform: uppercase; font-weight: 300; font-size: 14px;}
.privacylink:hover{background: var(--darkermain); }

.tooltip.blue {background: var(--main);}
.tooltip.blue:after {border-top: 5px solid var(--main);}
.has-tooltip{color: var(--main);}

.outeracc{width: 100%; background: var(--darker);}

.accreditation img{margin: 10px 20px; height: 70px; -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; transition: all 0.3s ease;}
.accreditation img:hover{-webkit-filter: grayscale(1); filter: grayscale(1); opacity: 1;}