:root {
    --darkPrimary: #231955;
    --orange: #E8AA42;
    --lightPrimary: #FFE5B4;
    --primary: #0d443b;
}

.main-header{
    background-color: var(--primary) !important;
}
.main-header__admin-link, .main-header__lang-link{
    background-color: var(--primary) !important;
}

.btn-primary{
    background-color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.btn-primary:hover{
    border: 1px solid var(--primary) !important;
    color: #FFF !important;
}

.btn-secondary{
    border: 1px solid var(--primary) !important;
    color: var(--primary) !important;
}

.btn-secondary:hover{
    background-color: var(--primary) !important;
}

.issue{
    background-color: var(--primary) !important;
}

.main-header__title .is_img img{
    width: 1200px !important;
    height: auto !important;
}

.article__btn{
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.article__btn:hover{
    background-color: var(--primary) !important;
    color: #FFF !important;
}

.main-header__nav-link:hover, .main-header__nav-link:focus{
    background-color: var(--primary) !important;
}

.dropdown-item:hover{
    border: 1px solid var(--primary) !important;
}

.issue-section{
    border-radius: 100px 100px 0 0 !important;
    box-shadow:
    rgba(0, 0, 0, 0.15) 0px -10px 90px,  
    rgba(0, 0, 0, 0.12) 0px -4px 8px, 
    rgba(0, 0, 0, 0.10) 0px -8px 16px,  
    rgba(0, 0, 0, 0.08) 0px -12px 24px,  
    rgba(0, 0, 0, 0.06) 0px -20px 40px !important;

}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--primary) !important;
}

.pkp_site_name .is_img img {
    display: inline-block;
    max-height: 1000px;
    max-width: 100%;
    width: auto;
    height: auto;
}

.pkp_structure_page {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pkp_site_name_wrapper, .pkp_navigation_primary_row {
    padding-left: 0px;
    padding-right: 0px;
}

.pkp_site_name {
    padding-top: 0px;
    padding-bottom: 0px;
}


.navigation-menu {
    width: 100%;
}

.navigation-menu a {
    position: relative;

    border-left-width: 0;
    border-left-color: transparent; /* Set initial border color to transparent */
    border-left-style: solid;
    color: var(--darkPrimary);
    display: block;
    padding: 12px;
    text-decoration: none;
    font-family: Arial;
    transition: all 0.6s;
}

.navigation-menu a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-right-width: 10px;
    border-right-color: var(--primary); /* Set border color to darkPrimary */
    border-right-style: solid;
    transition: width 0.3s ease; /* Adjust transition duration as per your preference */
    z-index: -1; /* Move the pseudo-element behind the text */
}

.navigation-menu a:hover:before {
    width: 90%;
}

.navigation-menu a:hover {
    background-color: var(--primary);
    font-weight: bold;
    color: var(--lightPrimary);
    border-left-width: 10px;
}

.navigation-menu a.active:before {
    border-left-width: 0;
}

.navigation-menu a.active {
    border-left-width: 0;
    border-bottom-width: 1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--primary);
    border-right-width: 2rem ;
    border-right-style: solid;
    border-right-color: var(--primary) ;
    font-weight: bold;
    font-size:x-large;
    background-color: var(--darkPrimary);
    color: var(--lightPrimary);
    font-family: Georgia, 'Times New Roman', Times, serif;
}