.navTop {
    padding: 0em;
    width: 100vw;
}

/* for logo in top menu bar */

.navbar-brand {
    color: white;
    vertical-align: middle;
}

.site-name {
    font-size: 1.8rem;
    color: white;
    vertical-align: middle;
}

.nav .open>a {
    color: white;
    background-color: #070062;
}

.nav .open>a:focus {
    color: white;
    background-color: #070062;
}

.nav .open>a:hover {
    color: white;
    background-color: #070062;
}

.navbar-nav>.active>a {
    color: yellow;
    background-color: #070062;
}

.navbar-nav>.active>a:focus {
    color: white;
    background-color: #070062;
}

.navbar-nav>.active>a:hover {
    color: white;
    background-color: #070062;
}

.navbar-nav>li>a {
    color: yellow;
    background-color: #070062;
}

.navbar-nav>li>a:hover {
    color: yellow;
    background-color: #070062;
}

.navbar-nav>li>a:focus {
    color: yellow;
    background-color: #070062;
}

.navbar-nav>li .dropdown-menu {
    color: white;
    background-color: #070062;
}

.navbar-nav>li .dropdown-menu>li>a {
    color: white;
    background-color: #070062;
}

.navbar-nav>li .dropdown-menu>li>a:hover {
    color: black;
    background-color: lightskyblue;
}

.dropdown-item>a {
    color: white;
    background-color: #070062;
    width: 100%;
}

.dropdown-menu>a {
    color: white;
    background-color: #070062;
    width: 100%;
}

.language-bar {
    padding-left: 0em;
}

/* align the logout "link" (button in form) of the navbar */

.nav li>form>button.logout {
    padding: 15px;
    border: none;
    color: yellow;
    background-color: #070062;
}

.footer>div>div>ul>li {
    color: yellow;
}

.footer>div>div>ul>li>a {
    color: yellow;
}

.footer>div>div>ul>li>a:hover {
    color: yellow;
    text-decoration: none;
}

.footer>div>div>ul>li>a:focus {
    color: yellow;
}

#navbarSupportedContent {
    width: 100%;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.4rem;
    padding-top: 0.3rem;
    padding-right: 0.4rem;
    padding-bottom: 0.3rem;
    padding-left: 0.4rem;
}

.simpleDomMgmt {
    background-image: url('/images/KeepItSimple.jpg'), linear-gradient(rgba(255, 255, 255, 0.1), rgba(190, 188, 188, 0.2));
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 17em;
    max-width: 915px;
    background-blend-mode: overlay;
}

.resellerHeader {
    background-image: url('/images/ResellerDesigner.jpg'), linear-gradient(rgba(255, 255, 255, 0.9), rgba(190, 188, 188, 0.1));
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 17em;
    max-width: 915px;
    background-blend-mode: overlay;
}

.faqHeader {
    background-image: url('/images/FAQs.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 20rem;
    max-width: 100vw;
    background-blend-mode: overlay;
}

.contactHeader {
    background-image: url('/images/contactHeader.jpg'), linear-gradient(rgba(255, 255, 255, 0.9), rgba(190, 188, 188, 0.3));
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 10rem;
    min-width: 25em;
    background-blend-mode: overlay;
}

.advantagesHeader {
    background-image: url('/images/DomainVendor_Advantages.jpg'), linear-gradient(rgba(255, 255, 255, 0.9), rgba(190, 188, 188, 0.1));
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 17em;
    max-width: 915px;
    background-blend-mode: overlay;
}

.aboutHeader {
    background-image: url('/images/HuizenHarbor_DomainVendor.jpg'), linear-gradient(rgba(255, 255, 255, 0.95), rgba(0, 0, 0, 0.7));
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 18em;
    max-width: 915px;
    background-blend-mode: overlay;
}

.keepSimple {
    background-image: url('/images/KeepItSimpleSm.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    float: right;
}

.resellers {
    background-image: url('/images/ResellerDesignerSm.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    float: right;
}

.whyDV {
    background-image: url('/images/whyHands.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    float: right;
}

.sectionTitle {
    min-height: 4em;
}

.sectionText {
    min-height: 26rem;
}

.cookie-subtitle {
    font-size:1.5em;
    font-weight:bold;
    color:#070062;
    padding-left: 1em;
}

.cookie-subtext{
    padding-left: 1.5em;
}

  
#headingIndex {
    background-color: rgba(10, 10, 247, 0.1);
}

button.cardButton  {
    font-size:1.2em;font-weight:bold;text-decoration:none;color:#070062;white-space: normal;width:100%;
}

button.cardButton:hover {
    font-size:1.2em;font-weight:bold;text-decoration:none;color:#070062;
}
button.cardButton:active{
    font-size:1.2em;font-weight:bold;text-decoration:none;color:#070062;
}
button.cardButton:after {
    font-size:1.2em;font-weight:bold;text-decoration:none;color:#070062;
}
button.cardButton:focus {
    font-size:1.2em;font-weight:bold;text-decoration:none;color:#070062;
}