:root {
	--bg-dark0:  #FFFFFF;
	--bg-dark1:  #EEEEEE;
	--bg-dark2:  #DDDDDD;
	--bg-white:  #FFFFFF;
	--bg-color:  #444877;

	--color-text:  #777777;
	--color-link:  #444877;
	--color-dark:  #000000;
	--color-white:  #FFFFFF;

	--color-border: #555555 ;


}
body{
    background-image: url(../img/bg_gri.jpeg);
    background-size: contain;
    min-height: 100vh;
}
#head h1{
    z-index:0;
}
#header,
#header_top,
#header_bottom,
#footer,
#content.split #body{
    background-color: transparent;
}
#head.min {
    padding-bottom: 5px;
}
#head {
    padding-top: 50px;
    padding-bottom: 100px;
}
#head.bg_custom:after {
    backdrop-filter: blur(0px);
    background-color: transparent;
}
#head h1:before{
    background-image: url(../img/logo_main_v1.png);
    background-size: contain;
}

#head h1,
#head.main h1,
#head.bg_custom h2,
#head.bg_custom .info,
.paylas > ul > li,
.paylas > ul > li a,
ul.main > li > a,
#mainmenu > li > a {
    color: var(--color-dark);
}

ul.post > li .img > span {
    color: var(--color-white);
}

#head h1 {
    text-transform: none;
    line-height: 1;
    margin-bottom: 00px;
    font-size: 2.6rem;
}

ul.main > li > a {
    border: 1px solid var(--color-dark);
}
#mainmenu > li > a {
    font-size: 1.2rem;
}


#head ul.per > li {
    background-image: url(../img/menu_bg_w.jpg);
}
#head ul.per > li.active > a, #head ul.per > li > a:hover {
    background-color: var(--bg-color);
    color: var(--color-white);
}
#head ul.per {
    z-index: 5;
    position: relative;
}

#mainmenu {
    z-index: 10;
    position: relative;
}


ul.etkinlikler > li > .date {
    min-width: 100px;
}