/* Theme Name: mic */

body {}

canvas { display:block; vertical-align: bottom; }

#particles-js { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; }

textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus,
.btn:focus
{
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	outline: none !important;
}
img { max-width: 100%; height: auto; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.custom-logo-link { width: 40%; display: inline-block; }

.loginForm, .registerform, .activation, .forgotForm, .recoverForm { width: 100%; max-width: 420px; padding: 15px; margin: auto; }

.form-label-group { position: relative; margin-bottom: 1rem; }
.form-label-group > input, .form-label-group > label { height: 3.125rem; padding: .75rem; }
.form-label-group > label
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	margin-bottom: 0;
	line-height: 1.5;
	color: #495057;
	pointer-events: none;
	cursor: text;
	border: 1px solid transparent;
	border-radius: .25rem;
	transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder { color: transparent; }
.form-label-group input:-ms-input-placeholder { color: transparent; }
.form-label-group input::-ms-input-placeholder { color: transparent; }
.form-label-group input::-moz-placeholder { color: transparent; }
.form-label-group input::placeholder { color: transparent; }
.form-label-group input:not(:placeholder-shown) { padding-top: 1.25rem; padding-bottom: .25rem; }
.form-label-group input:not(:placeholder-shown) ~ label { padding-top: .25rem; padding-bottom: .25rem; font-size: 12px; color: #777; }

.cart .alert { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; }

.custom-logo { width: 25%; }
h1 { font-family: 'Dancing Script', cursive; font-size: 24px; font-weight: 300; color: #666; text-align: center; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1rem; }

.btn.border-primary-subtle { background-color: #fff; color: #ff7600; }
.btn.border-primary-subtle:hover { background-color: #fff; color: orange; }

.contact { color: #ff7600; }
.contact .fw-semibold { margin-left: 5px; }

.pricelist { font-size: 11px; border-radius: var(--bs-border-radius-lg); border: 1px solid #ff7600; background-color: #fff; }
.nav-link, .nav-link:focus, .nav-link:hover { color: #666; border-bottom-color: currentcolor; }
.nav-underline .nav-link.active, .nav-underline .show>.nav-link { color: #ff7600; }

.footer
{
	border-radius: var(--bs-border-radius-lg);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #ff7600;
	font-size: 11px;
}

@supports (-ms-ime-align: auto) { .form-label-group > label { display: none; } .form-label-group input::-ms-input-placeholder { color: #777; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
	.form-label-group > label { display: none; }
	.form-label-group input:-ms-input-placeholder { color: #777; }
}
@media (max-width: 991px) { body { background-size: auto 100%; } }
@media (max-width: 768px) { .custom-logo { width: 35%; } }
@media (max-width: 481px) {	.custom-logo { width: 50%; } }