:root
{
    --bs-body-bg: #FFE9B8;
    --bs-border-color: #F5951D;
}
.aktiv:hover {cursor: pointer;}
.bg-szig {background-color: #F5951D; }
.bg-szig-l {background-color: #F1BB75;}
.bg-btn {background-color: #fff4da;}
.bg-btn.hover {background-color: #ffefc9;}
.bg-d3 {background-color: #854A01;color: #fff;}
button.bg-d3 {transition: all .1s}
button.bg-d3:hover,button.bg-d3:active {background-color: #ac6610 !important;color: #fff !important;transform: translate(-0px, 2px) scaleX(1.01) skewY(-2deg); box-shadow: -3px 4px 8px -1px rgba(0,0,0,0.75);}
.oldalmenu button:active, .oldalmenu button:focus-visible {transform: translate(-10px, -10px);}
.zebra {background-color: #ffefc9;}
.bg-head {background-color: #FED095;}
body {background: #F5951D url('kepek/header-bg.jpg') center top no-repeat; }
header {height: 48px; font-family: 'Philosopher', sans-serif;}

.hedtexteff {color: #bbb; transform: translateY(-54%) rotateX(180deg); line-height: 34px;}
.fo {background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9), rgba(255,255,255,0));height: 24px;}

.combar {text-align: center; font-weight: bold; color:#fff; position: fixed; line-height: 40px; transform: translateY(-100%); top:0; left:0; width: 100%; transition: transform .5s; z-index: 100000;}
.combar::after {content: "X"; float: right; margin-right: 10px;}
.combar:hover {cursor: pointer;}
.nyit {transform: translateY(0); }
.ok {background-color: #19c34d; }
.hiba {background-color: #a51d1d;}

.nav-link.active {font-weight: bold;}
.nav-link, .nav-link:focus, .nav-link:hover { color: #333;}

.aktivora {background-color: #fcc786; box-shadow: 2px 0px 27px 10px rgba(0,0,0,0.75); z-index: 2 !important;}
.aktivora .row {background-color: #ffffff;}
.aktivora .row.zebra {background-color: #ffe6c9;}

.bg-btn {background-color: #fff4da;}
.bg-btn.hover {background-color: #ffefc9;}

.maradekluk {padding-bottom: 200px;}
.right-0 {right: 0px;}
.shadow-xl {box-shadow: -7px 8px 8px -3px rgba(0,0,0,0.75);}
.inverz {filter: invert(100%);}
.fejsor div {overflow: hidden;}
.helysor > .row > div {overflow: hidden; }
.flex-1 {flex:1;}
.w-20 {width: 20% !important;}