﻿/* Override Bootstrap primary color */
:root {
    --primary: #cc6969; /* Replace with your desired primary color */
    --secondary: #ebcdcd; /* Modify secondary color */

    --background-primary: #edd9d9;
    --background-secondary: #edd9d9;
    --background-dark: #764f4f;
    --background-light: #f0e2e2;

    --border: #888888;

    --text-primary: #cc6969; /* Replace with your desired primary color */
    --text-secondary: #ebcdcd; /* Modify secondary color */
    --text-light: #ebcdcd;
    --text-dark: #cc6969;
    --text-muted: #888888;

    --link-primary: #ff6a00;
    --link-secondary: #ff0000;
    --link-light: #ff7e7e;
    --link-dark: #b70d0d;

    
}

/*.bg-primary {
    color: var(--background);
}

.bg-secondary {
    color: var(--background-secondary);
}

.bg-light {
    background-color: var(--background-light) !important;
}

.bg-dark {
    background-color: var(--background-dark) !important;
}*/

/* Override button styles */
/*.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}*/

/* Override navbar background */
/*.navbar {
    background-color: var(--primary) !important;
}

.navbar-text{

}

.navbar-inverse {
    background-color: var(--secondary) !important;
}

.navbar-default .navbar-text {
    color: #ff6a00;
}*/

/* Override text color */
/*.text-primary {
    color: var(--text-primary) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-light{
    color: var(--text-light);
}

.text-dark {
    color: var(--text-dark);
}

.text-muted {
    color: var(--text-muted);
}



.link-primary {
    color: var(--link-primary);
}

.link-secondary {
    color: var(--link-secondary);
}

.link-light {
    color: var(--link-light);
}

.link-dark {
    color: var(--link-dark);
}

.link {
    color: var(--link-primary);
}

.link-active {
    color: var(--link-primary);
}

a:link {
    color: var(--link-primary);
}

a:active {
    color: var(--link-secondary);
}

a:visited {
    color: var(--link-dark);
}

a:hover {
    color: var(--link-light);
}






.nav-item {
    color: var(--link-light);
}

.nav-link {
    color: var(--link-primary);
}

.nav-link:hover {
    color: var(--link-secondary);
}

.navbar-brand {
    color: var(--link-primary);
}

.nav-bar.active {
    color: var(--link-secondary);
}
*/



.border-one {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--border);
    border-radius: 10px;
}

.vertical-text {
    writing-mode: vertical-rl; /* Makes text vertical */
    transform: rotate(180deg); /* Rotates text to read from top to bottom */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg); /* Center vertically */
    font-size: 16px;
    font-weight: bold;
}

.carousel-item {
    height: 30vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
