@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
.palafont {font-family: 'Titan One', cursive;}
:root {
	--fekete: #202020;
	--zold: #11760f;
	--piros: #af1f24;
	--feher: #ffffff;
	--narancs: #e25414;
	--homok: #f3d8a6;
	--arany: #d3b168;
	--sarga: #febf27;
}

body { 
background-color: var(--fekete);
padding-top: 60px;
color: var(--feher);
}

a:hover, a:active, a:visited, a:link{
    text-decoration: none;
color: var(--feher);
}

.text-homok {color: var(--homok);}
.text-arany {color: var(--arany);}
.text-piros {color: var(--piros);}
.text-sarga {color: var(--sarga);}
.bg-arany {background: var(--arany);}

.bg-navbar {
background: var(--piros);
}

.bg-topfelirat {
background: var(--narancs);
color: var(--feher);
}

.kategorianev {
color: var(--sarga);
}


.dropdown-item.active, .dropdown-item:active {
    color: var(--narancs);
    text-decoration: none;
    background-color: var(--feher);
}

.ajanlosor {
border-radius: 1rem;
border: 0.5px solid var(--fekete);
}

.ajanlosor:hover {
border-radius: 1rem;
border: 0.5px solid var(--homok);
background: rgba(0,0,0,0.1);
}

.ajanlonev {
color: var(--narancs)!important;
}

.ajanloleiras {
color: var(--homok)!important;
}


input[type=checkbox].cbox:checked + label {
  color:red;
  text-decoration: line-through;
}

input[type=checkbox].cdis + label {
font-weight: bold;
}

input[type=checkbox].cbox2:checked + label {
  color:red;
background-color: var(--homok);
}

.mcrome {filter: grayscale(100%);}

.pricelabel {font-weight: bold; font-size: 1.3rem}