﻿
:root {
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-crystal-blue: #5AAEFF;
    --color-light-sky-blue: #A0D0FF;
    --color-black-bean: #560000;
    --color-red-blood: #82150C;
    --color-red-blood-night: #770F06;
    --color-red-burgundy: #911208;
    --color-red-chilli-pepper: #B01A0E;
    --color-red-grape-fruit: #EF4040;
    --color-bg-gradient: linear-gradient( 266deg, #4ceadd 14.01%, var(--color-crystal-blue) 130.68%);
    /*#0f0e9f*/
}
.bg-top-bar 
{
    position:relative;
}

.register-position
{
    position: absolute;
    z-index: 1000;
    right: 0%;
    top: 0%;
}

#header {
    position: relative;
}

.group-header-menu 
{
    position: absolute !important;
    top: 0%;
    left: 0%;
    background-color: transparent;
    z-index: 1000;
}

.bg-color-red-blood-night {
    background-color: var(--color-red-blood-night) !important;
}
.bg-color-red-grape-fruit {
    background-color: var(--color-red-grape-fruit) !important;
}
.bg-red-grape-fruit-03 {
    background-color: rgba(239, 64, 64,0.3) !important;/*#EF4040*/
}
.bg-color-red-burgundy {
    background-color: var(--color-red-burgundy) !important;
}
.bg-color-red-chilli-pepper {
    background-color: var(--color-red-chilli-pepper) !important;
}
.bg-color-black-bean {
    background-color: var(--color-black-bean) !important;
}
.bg-event {
    background: rgba(239, 64, 64,0.23)
}
.bg-top-bar, .top-links-sub-menu {
    /*background-image: url('../../MiddleFiles/Header/bg-top.jpeg');*/
    /*background-color: var(--color-crystal-blue) !important;*/
    background-color: transparent !important;
    color: var(--color-white) !important;
}
.color-white {
    color: var(--color-white) !important;
}
.color-red-blood {
    color: var(--color-red-blood) !important;
}
.top-links-item > a {
    color: var(--color-white) !important;
}
.top-links-item:hover {
    background-color: var(--color-light-sky-blue) !important;
}
#logo {
    background-color: var(--color-white) !important;
}
.bg-menu {
    /*background-image: url('../../MiddleFiles/Header/bg-bottom.jpeg');*/
    background-size: auto;
    /*background-color: var(--color-red-blood) !important;*/
    color: var(--color-white) !important;
}
.menu-link, #top-search a {
    color: var(--color-white) !important;
}
.menu-item:hover, #top-search:hover, .active_menu {
    background-color: var(--color-white) !important;
}
    .menu-item a:hover, #top-search a:hover, .active_menu > a {
        color: var(--color-red-blood) !important;
    }
.slide-caption-text {
    color: var(--color-red-blood) !important;
}
.btn-red-blood {
    color: var(--color-white) !important;
    background-color: var(--color-red-blood) !important;
    border-color: var(--color-red-blood) !important;
}

    .btn-red-blood:hover {
        color: var(--color-white) !important;
        background-color: var(--color-red-chilli-pepper) !important;
        border-color: var(--color-red-chilli-pepper) !important;
    }
@media (min-width: 0px) and (max-width: 768px) {
    .bg-menu {
        /*background-image: url('');*/
        background-color: var(--color-red-blood) !important;
        color: var(--color-white) !important;
    }

    .bg-top-bar, .top-links-sub-menu {
        /*background-image: url('');*/
        background-color: var(--color-crystal-blue) !important;
        color: var(--color-white) !important;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .bg-menu {
        /*background-image: url('../../MiddleFiles/Header/bg-bottom-tablet.jpeg');*/
        background-color: var(--color-red-blood) !important;
        color: var(--color-white) !important;
    }

    .bg-top-bar, .top-links-sub-menu {
        /*background-image: url('');*/
        background-color: var(--color-crystal-blue) !important;
        color: var(--color-white) !important;
    }
}
