/**
 * General */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.nowrap {
    white-space : nowrap;
}

.is-pointer {
    cursor : pointer !important;
}

.is-help {
    cursor : help !important;
}

body {
    background-color : black;
    overflow-x       : hidden;
}
body.bright-theme {
    background-color : white;
}
a.as-button { text-decoration : none; display:inline-block; }

.square-button {
    display          : block;
    border           : 1px solid white;
    background-color : transparent;
    text-align       : center;
    line-height      : 34px;
    text-decoration  : none;
    color            : white;
    font-weight      : 600;
    transition       : all, 0.2s;
}
.square-button:hover  { background-color : var(--page-bg-grey1); }
.square-button:active { color : var(--page-bg-grey1); background-color : #666; }

.no-frame-icon-btn {
    background-color : transparent;
    color            : white;
    border           : 0;
    font-weight      : bold;
    padding          : 5px 10px;
    transition       : all, 0.3s;
}
#content-heading-submenu.search-mode .no-frame-icon-btn {
    background-color : #333;
}
.no-frame-icon-btn:hover {
    background-color : #444 !important;
}

.social-button {
    display : inline-block;
    width   : 25px;
    height  : 25px;
    cursor  : pointer;
    border-radius : 7px;
/*  box-shadow: 0 0 10px black; */
    transition : all, 0.3s;
}
.social-button:hover { background-color : #333c; }

.social-button-float {
    display             : inline-block;
    width               : 30px;
    height              : 30px;
    background-repeat   : no-repeat;
    background-size     : contain;
    background-position : center center;
}

.facebook_icon{
    margin: 9.5px 0px 2px 1px;
}

.youtube_icon{
    margin: 6px 0px 0px -1px;
    width: 35px;
}

/**
 * Mobile divider creates a separator bar that is only visible in mobile */
.mobile-divider {
    display       : block;
    border-bottom : 1px solid white;
}

.up-arrow-glyph:hover { opacity : 1 !important; }
.up-arrow-glyph {
    position   : fixed;
    right      : 40px;
    z-index    : 100;
    bottom     : 40px;
    opacity    : 1.0;
    transition : opacity 0.5s;
}

/**
 * Accessibility mode */

body.accessibility-mode {
    font-size : 175% !important;
}

/**
 * Colors. */
:root {
    --page-content-width : 1456px;
    --page-breakpoint_1  : calc(var(--page-content-width) + 306px);

    --page-green         : #5BBA47;
    --page-red           : #C02026;
    --page-grey-text     : #9D9D9D;
    --page-bg-grey1      : #333;
}

.modal {
    --bs-modal-bg        : #3f3f3ff0;
    --bs-modal-color    : #FFFFFF;
    --bs-modal-header-border-color: #3f3f3f00; /*Med glavo in telesom je border in tu mu določimo barvo*/
    --bs-modal-footer-border-color: #3f3f3f00; /*Med telesom in koncem je border in tu mu določimo barvo*/
}

.modal-header {
    background-color: #f5821f;
}

.modal-header .btn-close {
    --bs-btn-close-opacity: 1;
}


.color1, .color-staff      { border-color : #b72026 }
.color2, .color-grosuplje  { border-color : #eb8020 }
.color3, .color-ivancna    { border-color : #f4dd00 }
.color4, .color-dobrepolje { border-color : #5bb047 }
.color5, .color-skofljica  { border-color : #4ebcd7 }
.color6 { border-color: #d2d2d2;}

/**
 * Lists & bullets */
ul {
  list-style   : none; /* Remove default bullets */
  padding-left : 20px;
}

ul:not([class*="dropdown"]) li::before {
    content     : "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color       : var(--page-green); /* Change the color */
    font-weight : bold; /* If you want it to be bold */
    display     : inline-block; /* Needed to add space between the bullet and the text */
    font-size   : 26px;
    position    : relative;
    margin-left : -20px;
    margin-top  : 0;
    margin-right: 10px;
    line-height : 1;
    top         : 2px;
}
@media (min-width: 920px) {
    ul li::before {
        font-size   : 26px;
        margin-right: 12px;
        top         : 1px;
    }
}

/******************************************************************************/

/**
 * Page geometry */
#ctnr-header {
    width    : 100vw;
    height   : 488px;
    position : relative;
    overflow : hidden;
}

#ctnr-content {
    width  : 100vw;
    min-height : calc(100vh - 300px - 300px);
}
.content-box {
    width  : calc(100% - 16vw);
    margin : 0 auto;
}

#ctnr-footer { width  : 100vw; min-height : 300px; }
#ctnr-footer-content,
#ctnr-content-heading > div {
    width  : calc(100% - 16vw);
    margin : 0 auto;
}
#ctnr-content-heading h1 { left : 8vw; }
#ctnr-footer > #ctnr-footer-content {
    min-height : 310px;   /* calc(100vh - 300px - 300px); <- Why this??*/
}

@media (min-width: 576px) {
    .content-box                { width: calc(100% - 16vw); }
    #ctnr-footer-content        { width: calc(100% - 16vw); }
    #ctnr-content-heading > div { width: calc(100% - 16vw); }
    #ctnr-content-heading   h1  { left : 8vw; }
}
@media (min-width: 1762px) {
    .content-box                { width: var(--page-content-width); }
    #ctnr-footer-content        { width: var(--page-content-width); }
    #ctnr-content-heading > div { width: var(--page-content-width); }
    #ctnr-content-heading   h1  { left : calc((100vw - var(--page-content-width)) / 2); }
}

.background-black {
    position         : relative;
    background-color : #000;
}
.background-white {
    position         : relative;
    background-color : #FFF;
}
.background-gradient:not(.mobile-black) {
    position         : relative;
    background : transparent linear-gradient(180deg, #242424 0%, #000 370px) 0% 0% no-repeat padding-box;
}
@media (min-width: 768px) {
    .background-gradient{
        background : transparent linear-gradient(
            180deg,
            #242424 0%,
            #000 370px
        ) 0% 0% no-repeat padding-box;
    }
}

/**
 * Mobile menu overlay */
#mobile-menu-overlay {
    width      : 100vw;
    height     : 100vh;
    position   : fixed;
    z-index    : 1000;
    background-image: linear-gradient(120deg, #282828fc , #090505fc);
    left       : -1000vw;
    transition : all, 0.7s;
    transition-timing-function: ease;
}
#mobile-menu-overlay.visible {
    left : 0px;
}

#mobile-menu-overlay-links {
    margin-top  : 40px;
    margin-left : 46px;
}
#mobile-menu-overlay-links .menu-item { padding-bottom: 16px; }
#mobile-menu-overlay-links .menu-item > a {
    color       : white;
    text-decoration : none;
    font-size   : 26px;
}

/**
 * Green buttons on the right */
#green-buttons-right {
    position : fixed;
    z-index  : 999;
    right    : -160px;
    bottom   : 10vh;
}
@media (min-height: 768px) {
    #green-buttons-right { bottom : 30vh; }
}

#green-buttons-right > a { text-decoration : none; }
#green-buttons-right > a > div {
    background-color : var(--page-green);
    color            : white;
    padding          : 4px 15px;
    margin           : 2px 2px 7px 2px;
    display          : table;
    width            : 220px;
    position         : relative;
    right            : 0;
    transition       : all, 0.5s;
}
@media (hover: hover) {
    #green-buttons-right > a > div:hover { right : 158px; }
}
body.accessibility-mode #green-buttons-right > a#accessibility-switch-id > div { background-color : var(--page-red); }
body.accessibility-mode a { text-decoration: underline !important; }

#green-buttons-right > a > div > i,
#green-buttons-right > a > div > span {
    display          : table-cell;
    vertical-align   : middle;
}
#green-buttons-right > a > div > i    { font-size : 32px; padding-right : 15px; }
#green-buttons-right > a > div > span { font-size : 14px; text-align    : left; }

/**
 * Accordion */
.accordion {
    --bs-accordion-active-color : var(--page-green);
    --bs-accordion-active-bg    : transparent;
    --bs-accordion-border-color : transparent;
    --bs-accordion-bg           : transparent;
    --bs-accordion-color        : unset;
    --bs-accordion-btn-color    : white;
    --bs-accordion-btn-focus-box-shadow : transparent;
    --bs-accordion-btn-icon        : url("data:image/svg+xml,%3Csvg%0A%20%20%20viewBox%3D%220%200%2016%2016%22%0A%20%20%20fill%3D%22%23212529%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22svg1%22%0A%20%20%20width%3D%2216%22%0A%20%20%20height%3D%2216%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs1%22%20%2F%3E%0A%20%20%3Cpath%0A%20%20%20%20%20id%3D%22path2%22%0A%20%20%20%20%20style%3D%22color%3A%23000000%3Bfill%3A%235bba47%3Bfill-opacity%3A1%3Bstroke-width%3A0.8%3Bstroke-dasharray%3Anone%22%0A%20%20%20%20%20d%3D%22M%208.0449219%2C0.80273438%20C%207.990632%2C0.8019449%207.9361853%2C0.80776874%207.8808594%2C0.8203125%207.5557264%2C0.89491351%207.3220463%2C1.1879027%207.3222656%2C1.5214844%20V%207.3222656%20H%201.5214844%20c%20-0.3940456%2C-0.00154%20-0.7207063%2C0.3247015%20-0.72070315%2C0.71875%20-3.05e-6%2C0.3940485%200.32665765%2C0.7202893%200.72070315%2C0.71875%20h%205.8027344%20v%205.8125004%200.0078%20c%200.01025%2C0.203825%200.1054781%2C0.393247%200.2441406%2C0.511719%200.1386623%2C0.118472%200.3085899%2C0.171875%200.4746094%2C0.171875%200.1660193%2C0%200.335947%2C-0.0534%200.4746093%2C-0.171875%200.1386625%2C-0.118472%200.2338909%2C-0.307894%200.2441407%2C-0.511719%20v%20-0.0078%20-5.8105472%20h%205.8027342%20c%200.392998%2C-2e-7%200.71875%2C-0.3257521%200.71875%2C-0.71875%200%2C-0.3929981%20-0.325752%2C-0.7187499%20-0.71875%2C-0.71875%20H%208.7597656%20V%201.5214844%20C%208.7597982%2C1.1243735%208.4249511%2C0.80826068%208.0449219%2C0.80273438%20Z%22%20%2F%3E%0A%3C%2Fsvg%3E");
    --bs-accordion-btn-active-icon : url("data:image/svg+xml,%3Csvg%0A%20%20%20viewBox%3D%220%200%2016%2016%22%0A%20%20%20fill%3D%22%23212529%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22svg1%22%0A%20%20%20width%3D%2216%22%0A%20%20%20height%3D%2216%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs1%22%20%2F%3E%0A%20%20%3Cpath%0A%20%20%20%20%20id%3D%22path2%22%0A%20%20%20%20%20style%3D%22color%3A%23000000%3Bfill%3A%235bba47%3Bstroke-width%3A0.8%3Bstroke-dasharray%3Anone%22%0A%20%20%20%20%20d%3D%22m%201.5214844%2C7.3222656%20c%20-0.3940456%2C-0.00154%20-0.7207063%2C0.3247015%20-0.72070315%2C0.71875%20-3.05e-6%2C0.3940485%200.32665765%2C0.7202893%200.72070315%2C0.71875%20l%2013.0429686%2C0.00195%20c%200.392998%2C-2e-7%200.71875%2C-0.3257521%200.71875%2C-0.71875%200%2C-0.3929981%20-0.325752%2C-0.7187499%20-0.71875%2C-0.71875%20z%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.accordion  {
  position: relative;
  left: 15px;
  width: calc(100% - 15px);
}
.accordion-button {
    font-size   : 22px;
    font-weight : 600;
}
.accordion-button::after {
  margin-left: unset;
  position: absolute;
  left: -15px;
}

/**
 * Decoration */
body.accessibility-mode .bubble-placeholder, body.accessibility-mode .deco-image-placeholder { display : none; }
[class^="bubble-placeholder"], .deco-image-placeholder { position : absolute; height : 0px; width : 0px; }
[class^="bubble-placeholder"], .deco-image-placeholder {
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}
.bubble-placeholder     { z-index : 1; }
.deco-image-placeholder { z-index : 2; }
.section-container {
    position : relative;
    z-index  : 5;
}

/**
 * Headers */
#ctnr-header > .header-image {
    width    : 100%;
    height   : 100%;
    position : absolute;
    z-index  : 1;
    background-position : center;
    background-size     : cover;
    background-color    : black;
}
/* body:not(.accessibility-mode) #ctnr-header > .header-image.page-INDEX      { background-image: url('/media/images/landing_vpis.jpg'); } */
body:not(.accessibility-mode) #ctnr-header > .header-image.page-VPIS       { background-image: url('/media/images/landing_vpis.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-PREDMETNIK { background-image: url('/media/images/landing_predmetnik.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-KONTAKT    { background-image: url('/media/images/landing_kontakt.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-NOVICE     { background-image: url('/media/images/landing_novice.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-NOVICE-PODROBNO { background-image: url('/media/images/landing_novice.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-KOLEDAR    { background-image: url('/media/images/landing_napovednik.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-OSOLI      { background-image: url('/media/images/landing_osoli.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-SKLAD      { background-image: url('/media/images/landing_sklad.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-UCENCI     { background-image: url('/media/images/landing_ucenci.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-DOSTOPNOST { background-image: url('/media/images/landing_predmetnik.jpg?id=7'); }
body:not(.accessibility-mode) #ctnr-header > .header-image.page-UCITELJI   { background-image: url('/img/landing_ucitelji.jpg?id=7'); }

/* Very Wide screen modifications */
@media (min-width: 2400px) {
    body:not(.accessibility-mode) #ctnr-header > .header-image.page-UCITELJI   { background-position: top center; }
}

#ctnr-header > .header-left-shade {
    position : absolute;
    left     : 0;
    top      : 0;
    height   : 100%;
    width    : 130%;
    z-index  : 4;
    background : transparent linear-gradient(120deg, #000000ff, #00000060, #00000000, #00000000) 0% 0% no-repeat padding-box;
}

#ctnr-header > .header-menu-ctnr {
    position : absolute;
    width    : 100%;
    z-index  : 10;
}

#ctnr-header .navbar-header { position : relative; z-index : 6; }
#ctnr-header a.navbar-brand { position : absolute; z-index: 10;
  bottom: 40px;
  right: 120px;top : 22px; }
#ctnr-header a.navbar-brand.mobile { left : -70px; }
#ctnr-header a.navbar-brand.desktop { left : -10374px; }
@media (min-width: 1762px) {
    #ctnr-header a.navbar-brand.desktop { left : calc((100vw - var(--page-breakpoint_1)) / 2 - 10374px); }
}

#ctnr-header .menu-shade {
    width  : 100vw;
    height : 120px;
    position: absolute;
    top: 0;
    left: 0;
    background : transparent linear-gradient(0deg, #0000 0%, #000000e0 100%) 0% 0% no-repeat padding-box;
}

#ctnr-header .menu-bar.desktop { width : 72.5vw; position : relative; z-index : 7; left : 14vw; }
#ctnr-header .menu-bar.desktop .navigation-menu-ctnr {
    /* width      : 72.5vw; */
    width      : 100%;
    margin     : 42px 0;
    text-align : justify;
    /* position   : relative; */
}
#ctnr-header .menu-bar.desktop .menu-item { display : inline-block; }
#ctnr-header .menu-bar.desktop .menu-item > a {
    color           : white;
    text-decoration : none;
    text-shadow     : 0px 1px 3px #000000, 0px 1px 6px #000000;
    font-size       : 18px;
}
@media (min-width: 1762px) {
    #ctnr-header .menu-bar.desktop                       { left :  calc((100vw - 1280px) / 2); }
    #ctnr-header .menu-bar.desktop .navigation-menu-ctnr { width : 1280px; }
}

body.accessibility-mode .navigation-menu-ctnr .menu-item > a {
    font-size : 170% !important;
}

#ctnr-header .mobile-menu-toggle {
    float     : right;
    color     : white;
    position  : relative;
    z-index   : 11;
    margin-top   : 34px;
    margin-right : 38px;
    cursor       : pointer;
}
#ctnr-header .mobile-menu-toggle > i:hover  { background-color : var(--bs-secondary-color); }
#ctnr-header .mobile-menu-toggle > i:active { background-color : var(--bs-body-color); color : grey; }
#ctnr-header .mobile-menu-toggle > i {
    padding : 3px 5px;
    width   : 66px;
    height  : 60px;
    display : inline-block;
    border-radius    : 10px;
    transition       : all 0.5s;
    background-color : transparent;
}
#ctnr-header .mobile-menu-toggle > i:before { font-size : 55px }

.social-icons-container {
    width    : 138px;
    position : absolute;
    z-index  : 5;
    bottom   : 40px;
    right    : 8vw;
}
@media (min-width: 1762px) {
    .social-icons-container { right :  calc((100vw - 1470px) / 2); }
}

/**
 * Page heading ( page title + anchor menu ) */
#ctnr-content-heading             { width      : 100vw; }
#ctnr-content-heading.has-submenu { min-height : 120px; }
#ctnr-content-heading.gradient { background : transparent linear-gradient(180deg, #343434 0%, #0c0c0c 100%) 0% 0% no-repeat padding-box; }
#ctnr-content-heading.black    { background-color : black; }
/*
#ctnr-content-heading > h1 {
    position : relative;
    height   : 0px;
    width    : 100%;
    top      : -75px;
    z-index  : 9;
    margin   : 0 !important;
}
*/
#ctnr-content-heading > div.content-heading-ctnr {
    min-height : 0;
    height     : 0;
    position   : absolute;
}
#ctnr-content-heading > div.content-heading-ctnr > h1 {
    position : relative;
    height   : 300px;
    width    : 100%;
    top      : -340px;
    z-index  : 9;
    display  : table-cell;
    vertical-align : bottom;
}


#ctnr-content-heading:not(.has-submenu) > .incl-border-bottom { display : none; }
.incl-border-bottom:not(.filter-view) { border-bottom : 2px solid var(--page-bg-grey1); }
@media (min-width: 768px) {
    .incl-border-bottom { border-bottom : 2px solid var(--page-bg-grey1); }
}

body.accessibility-mode #ctnr-content-heading { height : unset; min-height : 120px; }
#ctnr-content-heading > div:not(.content-heading-ctnr) { display : table; min-height : 80px; z-index: 9; position: relative; }
#ctnr-content-heading > div:not(.content-heading-ctnr) > div { display : table-cell; vertical-align : middle; padding: 20px 0; }

#content-heading-submenu #content-heading-search-box {
    margin: 15px 30px 12px 0;
}
#content-heading-submenu.search-mode #content-heading-search-box {
    display      : inline-block;
    margin-right : 0px;
}
#content-heading-submenu:not(.search-mode) #content-heading-search-box > input { display : none; }
#content-heading-submenu.search-mode #content-heading-search-box > input,
#gsg-backend-login-form > input#id_username,
#gsg-backend-login-form > input#id_password {
    background-color : transparent;
    border           : 0;
    outline          : none;
    color            : white;
    background-color : #222;
    position         : relative;
    height           : 36px;
    padding          : 0 120px 0 15px;
    border-radius    : 8px;
    width            : 304px;
}
#content-heading-submenu.search-mode #content-heading-search-box > button {
    position: absolute;
    right: 0px;
    background-color: unset;
    height: 36px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#content-heading-submenu.search-mode .content-heading-link:not(.active) { display : none; }
.content-heading-link.active,
.content-heading-link.is-active { text-decoration-line: underline !important; }

#content-heading-submenu:not(.search-mode) #content-heading-search-box > button > i.bi-x      { display : none; }
#content-heading-submenu.search-mode       #content-heading-search-box > button > i.bi-search { display : none; }

/**
 * Footer */
#ctnr-footer {
    background : transparent linear-gradient(180deg, #2d2d2d 0%, #000 370px) 0% 0% no-repeat padding-box;
}
#ctnr-subfooter {
    background-color : #333;
    min-height       : 100px;
    width            : 100vw;
}
/**  * { border : 1px solid grey;} */

.footer-section-top-padding {
    padding-top : 40px;
    text-align  : center;
}
.footer-section-top-padding .normal-text { font-size : 18px; }
@media (min-width: 768px) {
    .footer-section-top-padding {
        padding-top : 80px;
        text-align  : left;
    }
    .footer-section-top-padding > div:first-child.tiny-title.gsg { height: 35px; }
    .footer-section-top-padding > div:first-child > span { position : absolute; }
    .footer-section-top-padding .normal-text { font-size : 13px; }
}

.footer-small-logo-ctnr {
    width   : 138px;
    height  : 105px;
    margin  : 0px auto 30px;
    background-image    : url('../media/icons/logo_text_small.svg');
    background-size     : contain;
    background-position : center;
    background-repeat   : no-repeat;
}
@media (min-width: 768px) { .footer-small-logo-ctnr { margin  : 0 0 20px auto; } }


/*  styles for reduction form  */

#ctnr-content-reduction-form {
    min-height: 1000px;
}


#ctnr-content-reduction-form th,
#ctnr-content-reduction-form td{
    padding: 2px;
    text-align: center;
    border: 1px solid black;
    width: 20%;
    border: 1px solid white;
}

#ctnr-content-reduction-form .reduction-table-input select,
#ctnr-content-reduction-form .reduction-table-input input{
    background-color: transparent;
    border: transparent;
    color: #ffffff;
}

#ctnr-content-reduction-form .reduction-table-input option{
    background-color: black;
    border: transparent;
    color: #ffffff;
}

#ctnr-content-reduction-form  .reduction-table-header th,
#ctnr-content-reduction-form  .reduction-table-header-mobile{
    background-color: #5CBA477A;
}

#ctnr-content-reduction-form  .reduction-table-mobile-separator{
    background-color: #5CBA47;
    color: white;
    height: 34px;
}



#fee-reduction-request-applicant-form .form-group input {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ccc;
}

/*  ***  */