:root {

--color-def: 		#1e1e1e;
--color-orange: 	#f27322;

}


html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { background-color: #e0ddda; position: relative; }
body, body * { font-family: 'League Spartan', sans-serif; transition: all .5s; font-size: 24px; line-height: 120%; font-weight: 400; color: var(--color-def); }
ul { margin-block-start: unset; margin-block-end: unset; padding-inline-start: unset; }
p, a, ul, li { margin: 0px; padding: 0px; }
ul li::marker { font-size: 10px; }
p { margin-bottom: 0px; }
a { text-decoration: none; margin: 0px; padding: 0px; color: unset; cursor: pointer; }
a:hover { color: unset; }

small, .small { font-size: 12px; }

.button { border: unset; display: inline-flex; padding: 12px 12px 8px 12px; padding-left: 40px; padding-right: 40px; max-width: 100%; width: fit-content; align-items: center; justify-content: center; white-space: nowrap; color: #fff; background-color: var(--color-orange); border-radius: 50px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; border: 1px solid var(--color-orange); font-size: 20px; line-height: 20px; }
.button.outline { background-color: unset; color: var(--color-orange); }
.button:hover { background-color: var(--color-def); color: #fff; border: 1px solid var(--color-def); }


b, .bold, b *, .bold * { font-weight: 700 !important; }
strong, .strong, strong *, .strong * { font-weight: 900 !important; }

.color, .color * { color: var(--color-orange); }

h1, h1 *, h2, h2 * { font-size: 32px !important; font-weight: 700 !important; text-transform: uppercase !important; }

.small, .small * { font-size: 12px; line-height: 20px; font-weight: 400; }
.z-index-1 { z-index: 1; }

[loader] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; background-color: rgba(224,221,218,.7); }

/* validation */

.form-control:focus { border: 1px solid var(--color-def) !important; box-shadow: unset !important; color: #fff; background-color: unset; }
.form-control::-webkit-input-placeholder { color: #fff; opacity: 1; }
.form-control::-moz-placeholder { color: #fff; opacity: 1; }
.form-control:-ms-input-placeholder { color: #fff; opacity: 1; }
.form-control::-ms-input-placeholder { color: #fff; opacity: 1; }
.form-control::placeholder { color: #fff; opacity: 1; }



.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus, .form-select { box-shadow: none !important; }
.form-check-input.is-valid:checked[type=radio], .was-validated .form-check-input:valid:checked[type=radio] { background-image: unset; background-color: var(--color-orange); outline: 1px solid var(--color-orange); border: 2px solid var(--color-orange); }
.form-check-input.is-valid, .was-validated .form-check-input:valid {}
.form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: var(--color-orange); }

.form-control.is-valid, .was-validated .form-control:valid { border-color: var(--color-def); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231e1e1e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); }

.form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--color-orange); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f27322'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f27322' stroke='none'/%3e%3c/svg%3e"); }

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--color-orange); }
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--color-def); }



nav a { font-style: italic; font-size: 14px; }
nav a:hover { color: var(--color-orange); }
nav a::before { content: '|'; font-style: normal; margin-right: 6px; margin-left: 20px; }

header { height: 80px; }
header a.logo img { height: 50px; width: auto; }
header a.logo:not(:last-child) { margin-right: 25px; padding-right: 25px; border-right: 1px solid var(--color-def); }

footer { position: relative; }
footer a.logo { display: block; }
footer a.logo:not(:last-child) { margin-right: 25px; padding-right: 25px; border-right: 1px solid var(--color-def); }
footer a.logo img { width: auto; height: 50px; }
footer section { background-color: var(--color-orange); }







.modal-content { background-color: #e0ddda; border: 2px solid #1e1e1e; border-radius: 1rem; overflow: scroll; height: 400px; max-height: 50%; }
.modal-body { padding: 2rem; overflow: scroll; }
.modal-header { border-bottom: unset; }
.modal .btn-close { width: 40px !important; height: 40px !important; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Réteg_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 31.2 31.2' style='enable-background:new 0 0 31.2 31.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231E1E1E;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='31.2,1.4 29.8,0 15.6,14.2 1.4,0 0,1.4 14.2,15.6 0,29.8 1.4,31.2 15.6,17 29.8,31.2 31.2,29.8 17,15.6 '/%3E%3C/svg%3E"); opacity: 1 !important; box-shadow: unset !important; }




[koszonjuk] img { width: 120px; }


section#regisztracio { border: 2px solid #1e1e1e; border-radius: 1rem; padding: 40px; min-height: 500px; position: relative; }
section#regisztracio .form-check { padding-right: 33%; }


form { display: inline; }

.form-control { border: 1px solid var(--color-def); border-radius: 50px !important; background-color: #e0ddda; color: var(--color-def) !important; font-size: 22px !important; }
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { transform: scale(0.7) translateY(-.6rem) translateX(1rem); }
.form-floating > .form-control, .form-floating > .form-select { padding: 1rem 1.2rem; }
.form-check label { font-size: 15px !important; margin-top: 10px; }
.form-check-input { width: .7em; height: .7em; margin-top: .5em; background-color: #e0ddda; border: 1px solid var(--color-def); }
.form-check .form-check-input { margin-left: -1em; }
.form-check-input:checked[type="radio"] { background-image: unset; }
.form-check-input:checked { background-color: #f27322; border-color: var(--color-def) !important; }
.form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: unset; }


@media (max-width: 1200px) {



}

@media (max-width: 992px) {

	body, body * { font-size: 18px; }
	footer .container { max-width: 100%; }

	section#regisztracio .form-check { padding-right: unset; }
}
@media (max-width: 768px) {


	h1, h1 *, h2, h2 * { font-size: 28px !important; font-weight: 700 !important; text-transform: uppercase !important; }
	
	nav a:first-child::before { content: unset; margin-right: 6px; margin-left: 0px; }

	footer a.logo:not(:last-child) { margin-right: 15px; padding-right: 15px; }
	footer a.logo img { width: auto; height: 40px; }

	header a.logo:not(:last-child) { margin-right: 15px; padding-right: 15px; }
	header a.logo img { width: auto; height: 40px; }

	section#regisztracio { border: unset; padding: 20px; }

}