:root {
    --blue-primary: #03254E;
	--blue-primary-2tint: #355071;
	--blue-primary-4tint: #9aa7b8;
	--plum-primary: #EB9FEF;
	--plum-primary-3shade: #A46FA7;
	--plum-primary-7tint: #f9e2fa;
    --button-transition-delay: 0.2s;
    --button-transition-duration: 0.5s;
}  

body {
    min-height: 75rem;
    padding-top: 4.5rem;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.move-up {
    margin-bottom: 8px;
}

/*PLUM*/

.plum-theme {
    background-color: var(--plum-primary);
    color: var(--plum-primary-7tint);
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

a.plum-theme:hover {
    color: var(--plum-primary-3shade);
}

a.plum-theme:active {
    color: var(--plum-primary-3shade);
}


.plum-theme .navbar-toggler {
    background-color: var(--plum-primary-7tint);
    color: var(--plum-primary);
    border-color: var(--plum-primary);
}

/*BLUE*/

.blue-theme {
    background-color: var(--blue-primary);
    color: white;
    font-family: 'Montserrat', sans-serif;
}

h1.blue-theme {
    font-weight: 700;
    color: white;
}

.btn-light.blue-theme {
    background-color: white;
    border-width: 0px;
    border-collapse: collapse;
    color: var(--blue-primary);
}

.btn-light.blue-theme:hover {
    background-color: var(--blue-primary-2tint);
	color: white;
}

a.blue-theme {
    color: white;
}

a.blue-theme:hover {
    color: var(--blue-primary-2tint);
}


/*BLUE INVERTED*/

.blue-inverted-theme {
    color: var(--blue-primary);
    background-color: white;
    font-family: 'Montserrat', sans-serif;
}

h1.blue-inverted-theme {
    font-weight: 700;
    color: var(--blue-primary);
}

.btn-light.blue-inverted-theme {
    background-color:var(--blue-primary);
    border-width: 0px;
    border-collapse: collapse;
    color: white;
}

.btn-light.blue-inverted-theme:hover {
    background-color: var(--blue-primary-4tint);
	color: white
}

a.blue-inverted-theme:hover {
    color: var(--blue-primary-4tint); 
}

a.blue-inverted-theme {
    color: var(--blue-primary);
}