/* defaults */
body {
	font-family: Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;
	position: relative;
	padding-top: 66px;
}
p, ul {
	font-size: 1.09rem;
}
hr {
	border-top-color: #adb5bd !important;
}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
	outline: 0px !important;
	-webkit-appearance: none;
	box-shadow: none !important;
}

/* accordion */
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* navigation */
.navbar {
	min-height: 65px !important;
}
.navbar .navbar-brand b {
	font-size: 1.75rem;
}
.navbar .navbar-brand img {
	position: relative;
	top: -3px;
}
.navbar button.navbar-toggler,
.navbar button.btn-close {
	padding: 0 !important;
	border: none !important;
	background: none !important;
	font-size: 1.4rem;
	color: var(--bs-navbar-color) !important;
	opacity: 1 !important;
}
.navbar button.navbar-toggler:hover,
.navbar button.btn-close:hover {
	color: var(--bs-white) !important;
}
.offcanvas.offcanvas-end {
	border: none !important;
}
.offcanvas-backdrop.show {
	opacity: .8 !important;
}
.navbar-nav .nav-link {
	font-weight: bold;
}
.nav-link:focus, .nav-link:hover,
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
	color: var(--bs-white) !important;
}

/* content */
section a {
	color: var(--bs-link-color);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	text-decoration: underline;
	text-decoration-color: #d9d9d9;
	text-decoration-thickness: .05rem;
	text-underline-offset: 3px
}
section a:hover {
	color: var(--bs-link-hover-color);
	text-decoration-color: var(--bs-link-hover-color)
}
section a:active,
section a:focus,
section a:active:focus,
section .mlink {
	color: var(--bs-link-hover-color)
}

/* content - top */
section .top .top-logo {
	max-height: 145px;
	width: auto;
}
section .top h1 {
	font-weight: bold;
	font-size: 1.75rem;
}
section .top h2 {
	font-family: "Roboto Thin";
	font-weight: bold;
	font-size: 1.33rem;
}
section .top h1, section .top h2 {
	line-height: 1;
}
@media (min-width: 992px) {
	section .top h1 {
		font-size: 2.6rem;
	}
	section .top h2 {
		font-size: 1.98rem;
	}
}
@media (min-width: 1200px) {
	section .top h1 {
		font-size: 3.19rem;
	}
	section .top h2 {
		font-size: 2.44rem;
	}
}

/* content - general */
section  h2, section  .h2 {
	font-size: 1.8rem;
}
section  h3, section  .h3 {
	font-size: 1.6rem;
}
section  h4, section  .h4 {
	font-size: 1.4rem;
}
section  h5, section  .h5,
section  h6, section  .h6 {
	font-size: 1.2rem;
}
section  h2 {
	margin-bottom: 1rem;
}
section  .accordion h2 {
	margin-bottom: 0;
}
section  .accordion h2 button {
	font-size: 1.1rem;
}

/* content - konzultáció */
section img.clueless {
	display: block;
	max-height: 128px;
	width: auto;
}
@media (min-width: 576px) {
	section img.clueless {
		max-height: 128px;
	}
}
@media (min-width: 768px) {
	section img.clueless {
		max-height: 192px;
	}
}
@media (min-width: 992px) {
	section img.clueless {
		max-height: 256px;
	}
}
@media (min-width: 1200px) {
	section img.clueless {
		max-height: 284px;
	}
}
@media (min-width: 1400px) {
	section img.clueless {
		max-height: 284px;
	}
}

/* content - rólam */
section img.eva {
	max-height: 350px;
	width: auto;
}

/* footer */
footer {
	font-size: 1.2rem;
}
footer a {
	color: var(--bs-body-color);
	text-decoration: none;
}
footer a:hover,
footer a:active,
footer a:focus,
footer a:hover:active,
footer a:active:focus {
	color: #fff;
}
@media (min-width: 768px) {
	footer {
		
	}
}
@media (min-width: 992px) {
	footer {
		font-size: 1.3rem;
	}
}
@media (min-width: 1200px) {
	footer {
		font-size: 1.4rem;
	}
}

/* animations */
.navbar button.navbar-toggler,
.navbar button.btn-close,
a {
	-webkit-transition: all 0.3s ease !important;
	-moz-transition:	all 0.3s ease !important;
	-ms-transition:		all 0.3s ease !important;
	-o-transition:		all 0.3s ease !important;
	transition:			all 0.3s ease !important;
}