/* 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;

    
}*/




:root {
    --primary-color: #ff0000; /* Replace with your desired primary color */

    --primary: #ff0000; /* Replace with your desired primary color */
    --secondary: #000000; /* Modify secondary color */

    /*--background-primary: #888888;*/
    --background-primary: var(--primary-color);
    --background-secondary: #cccccc;
    --background-dark: #444444;
    --background-light: #cfcfcf;
    --border: #444444;
    --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-primary);
}*/

.bg-primary {
    color: var(--primary-color);
}

.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;
}