.white {
color: #ffffff;
}
.black {
color: #000000;
}   a,
a:hover {
transition: all 0.4s;
} .ribbon90 {
transform: rotate(90deg);
}
.elementor-text-editor ul li,
.elementor-text-editor ol li {
margin-bottom: 10px;
font-weight: 400;
}
.site-content a:not(.elementor-button) {
text-decoration: underline;
}
.site-content a:not(.elementor-button):hover {
text-decoration: none;
}
#site-logo #site-logo-inner a {
border-bottom: 0px;
display: block;
}
#site-logo #site-logo-inner a:hover {
border-bottom: 0px;
}
#site-navigation-wrap .dropdown-menu .menu-item > a {
border-bottom: 0px;
}
em {
font-weight: 400;
}
.oceanwp-mobile-menu-icon a {
text-decoration: none;
border: 0px;
}
a.sidr-class-toggle-sidr-close {
text-align: center;
border: 0px;
background: none;
} :root {
--cmplz_button_border_radius: 0px;
}
.cmplz-cookiebanner,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
border-radius: 0 !important;
}
#cmplz-cookiebanner-container {
text-align: center;
justify-content: center;
display: flex;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner {
right: auto;
}
#cmplz-cookiebanner-container .cmplz-message p {
margin-bottom: 0;
}
.grecaptcha-badge {
display: none;
}
body {
overflow-x: hidden;
}
body a:hover,
body a:focus,
body a:active {
outline: none !important;
cursor: none;
}
body:not(.elementor-editor-active) {
cursor: none;   }
@media (min-width: 992px) {
body:not(.elementor-editor-active) * {
cursor: none !important;
}
}
@media (min-width: 992px) {
body:not(.elementor-editor-active) .cursor {
width: 16px;
height: 16px;
background-color: #ffffff;
border-radius: 50%;
position: fixed;
pointer-events: none;
z-index: 10000;
transition: transform 0.1s ease;
mix-blend-mode: difference;
}
body:not(.elementor-editor-active) .cursor.cursor--over-link {
transform: scale(2);
}
}
body:not(.elementor-editor-active) .cursor.clicking {
transform: scale(0.8);
}
.site-main .container {
max-width: 100%;
}
.border-wrapper {
position: fixed;
top: 0;
left: 0;
bottom: 0;
height: 100vh;
width: 100vw;
pointer-events: none;
}
.site-content .elementor-button {
position: relative;
border: 0 !important;
text-decoration: none !important;
}
.site-content .elementor-button .elementor-button-text {
padding: 1rem 1.5rem;
}
.site-content .elementor-button span:focus,
.site-content .elementor-button span:hover,
.site-content .elementor-button span:active,
.site-content .elementor-button span {
text-decoration: none !important;
border: 0 !important;
}
.site-content .elementor-button > span:before,
.site-content .elementor-button > span:after, .site-content .elementor-button::before, .site-content .elementor-button::after {
content: "";
border-style: solid;
border-color: #202E34;
pointer-events: none;
width: 0.75rem;
height: 0.75rem;
position: absolute;
transition: all 0.15s ease-in-out;
}
.site-content .elementor-button > span:before {
border-width: 1px 0 0 1px;
top: 0;
left: 0;
}
.site-content .elementor-button > span:after {
border-width: 1px 1px 0 0;
top: 0;
right: 0;
}
.site-content .elementor-button::before {
border-width: 0 0 1px 1px;
bottom: 0;
left: 0;
}
.site-content .elementor-button::after {
border-width: 0 1px 1px 0;
bottom: 0;
right: 0;
}
.site-content .elementor-button:focus, .site-content .elementor-button:active {
text-decoration: none !important;
border: 0 !important;
}
.site-content .elementor-button:hover {
text-decoration: none !important;
border: 0 !important;
}
.site-content .elementor-button:hover > span:before {
top: 0.25rem;
left: 0.25rem;
}
.site-content .elementor-button:hover > span:after {
top: 0.25rem;
right: 0.25rem;
}
.site-content .elementor-button:hover::before {
bottom: 0.25rem;
left: 0.25rem;
}
.site-content .elementor-button:hover::after {
bottom: 0.25rem;
right: 0.25rem;
}
.site-content .elementor-flip-box .elementor-button > span:before,
.site-content .elementor-flip-box .elementor-button > span:after,
.site-content .elementor-flip-box .elementor-button::before,
.site-content .elementor-flip-box .elementor-button::after {
border-color: #ffffff;
}
.nav-border {
border-style: solid;
border-color: #202E34;
pointer-events: none;
width: 3.75rem;
height: 3.75rem;
position: absolute;
}
@media only screen and (min-width: 1248px) {
.nav-border {
width: 7rem;
height: 7rem;
}
}
.nav-border.nav-border--1 {
border-width: 1px 0 0 1px;
top: 2rem;
left: 2rem;
}
.nav-border.nav-border--2 {
border-width: 1px 1px 0 0;
top: 2rem;
right: 2rem;
}
@media (min-width: 992px) {
.nav-border.nav-border--2 {
right: 3.5rem;
}
}
.nav-border.nav-border--3 {
border-width: 0 0 1px 1px;
bottom: 2rem;
left: 2rem;
}
.nav-border.nav-border--4 {
border-width: 0 1px 1px 0;
bottom: 2rem;
right: 2rem;
}
@media (min-width: 992px) {
.nav-border.nav-border--4 {
right: 3.5rem;
}
}
.border-wrapper--menu .nav-border {
border-color: #d4d4d4;
}
.border-wrapper--menu .nav-border.nav-border--2,
.border-wrapper--menu .nav-border.nav-border--4 {
right: 2rem;
}
@media (min-width: 992px) {
.border-wrapper--menu .nav-border.nav-border--2,
.border-wrapper--menu .nav-border.nav-border--4 {
right: 3.5rem;
}
}
.dialog-close-button.dialog-lightbox-close-button .eicon-close {
display: none;
}
.elementor-popup-modal .dialog-close-button {
width: 25px;
height: 25px;
background-image: url(//mayonesa.cz/wp-content/themes/mayonesa2020/img/close.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
z-index: 5;
}
@media (min-width: 768px) {
.elementor-popup-modal .dialog-close-button {
width: 50px;
height: 50px;
}
}
.e-n-accordion-item-title-text {
text-align: center;
}
#cmplz-cookiebanner-container,
#cmplz-cookiebanner-container * {
cursor: auto !important;
}
#cmplz-cookiebanner-container a,
#cmplz-cookiebanner-container button,
#cmplz-cookiebanner-container input[type=button],
#cmplz-cookiebanner-container input[type=submit] {
cursor: pointer !important;
}
#site-header {
background-color: transparent;
}
#sound span {
font-weight: inherit;
font-family: inherit;
}
#sound .sounds-off {
display: none;
}
#sound.is-playing .sounds-on {
display: none;
}
#sound.is-playing .sounds-off {
display: inline-block;
}
@media only screen and (max-width: 767px) {
#site-navigation-wrap .dropdown-menu > li > a,
.oceanwp-mobile-menu-icon a,
.after-header-content-inner > a {
line-height: 80px;
}
}
.footer-box {
width: 230px !important;
right: -90px !important;
}
form input[type=text],
form input[type=password],
form input[type=email],
form input[type=url],
form input[type=date],
form input[type=month],
form input[type=time],
form input[type=datetime],
form input[type=datetime-local],
form input[type=week],
form input[type=number],
form input[type=search],
form input[type=tel],
form input[type=color],
form select,
form textarea {
border-radius: 35px;
background-color: white;
color: black;
text-align: left;
font-size: 20px;
margin-bottom: 10px;
}
form input[type=text]::-webkit-input-placeholder,
form input[type=password]::-webkit-input-placeholder,
form input[type=email]::-webkit-input-placeholder,
form input[type=url]::-webkit-input-placeholder,
form input[type=date]::-webkit-input-placeholder,
form input[type=month]::-webkit-input-placeholder,
form input[type=time]::-webkit-input-placeholder,
form input[type=datetime]::-webkit-input-placeholder,
form input[type=datetime-local]::-webkit-input-placeholder,
form input[type=week]::-webkit-input-placeholder,
form input[type=number]::-webkit-input-placeholder,
form input[type=search]::-webkit-input-placeholder,
form input[type=tel]::-webkit-input-placeholder,
form input[type=color]::-webkit-input-placeholder,
form select::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder { color: black;
}
form input[type=text]::-moz-placeholder,
form input[type=password]::-moz-placeholder,
form input[type=email]::-moz-placeholder,
form input[type=url]::-moz-placeholder,
form input[type=date]::-moz-placeholder,
form input[type=month]::-moz-placeholder,
form input[type=time]::-moz-placeholder,
form input[type=datetime]::-moz-placeholder,
form input[type=datetime-local]::-moz-placeholder,
form input[type=week]::-moz-placeholder,
form input[type=number]::-moz-placeholder,
form input[type=search]::-moz-placeholder,
form input[type=tel]::-moz-placeholder,
form input[type=color]::-moz-placeholder,
form select::-moz-placeholder,
form textarea::-moz-placeholder { color: black;
}
form input[type=text]:-ms-input-placeholder,
form input[type=password]:-ms-input-placeholder,
form input[type=email]:-ms-input-placeholder,
form input[type=url]:-ms-input-placeholder,
form input[type=date]:-ms-input-placeholder,
form input[type=month]:-ms-input-placeholder,
form input[type=time]:-ms-input-placeholder,
form input[type=datetime]:-ms-input-placeholder,
form input[type=datetime-local]:-ms-input-placeholder,
form input[type=week]:-ms-input-placeholder,
form input[type=number]:-ms-input-placeholder,
form input[type=search]:-ms-input-placeholder,
form input[type=tel]:-ms-input-placeholder,
form input[type=color]:-ms-input-placeholder,
form select:-ms-input-placeholder,
form textarea:-ms-input-placeholder { color: black;
}
form input[type=text]:-moz-placeholder,
form input[type=password]:-moz-placeholder,
form input[type=email]:-moz-placeholder,
form input[type=url]:-moz-placeholder,
form input[type=date]:-moz-placeholder,
form input[type=month]:-moz-placeholder,
form input[type=time]:-moz-placeholder,
form input[type=datetime]:-moz-placeholder,
form input[type=datetime-local]:-moz-placeholder,
form input[type=week]:-moz-placeholder,
form input[type=number]:-moz-placeholder,
form input[type=search]:-moz-placeholder,
form input[type=tel]:-moz-placeholder,
form input[type=color]:-moz-placeholder,
form select:-moz-placeholder,
form textarea:-moz-placeholder { color: black;
}
.elementor-select-wrapper .select-caret-down-wrapper {
top: 42%;
}
.elementor-select-wrapper .select-caret-down-wrapper svg {
height: 2em;
}
.elementor-field-group .elementor-select-wrapper select {
min-height: 48px;
}
.e-form__buttons {
margin-top: 20px;
}
#main:has(.intro) #content-wrap {
transform: scale(0);
opacity: 0;
transform-origin: top;
}
#main:has(.intro) #content-wrap img {
transform: scale(0);
transform-origin: center;
}
#main:has(.intro) #content-wrap.scaleit {
animation: scalecontent 2s forwards;
animation-delay: 2s;
}
#main:has(.intro) #content-wrap.scaleit img {
animation: scalecontent 2s forwards;
animation-delay: 2s;
}
body.fixed {
overflow: hidden;
height: 100vh;
}
.intro {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
z-index: 999;
position: fixed;
top: 0;
left: 0;
background-color: #F0EEE6;
flex-direction: column;
}
.intro h1 {
margin-bottom: 20px;
margin-top: -5%;
}
.intro p {
margin-bottom: 85px;
}
.intro .footer {
position: absolute;
bottom: 60px;
left: 50%;
transform: translateX(-50%);
}
.intro .footer a {
text-decoration: none !important;
}
.enter {
height: 32px;
width: 56px;
background-color: #202E34;
cursor: pointer;
}
.intro.fade-out {
animation: fadeout 2s forwards;
animation-delay: 2.5s;
}
.enter.animate {
animation: zoom 4s forwards;
}
@keyframes zoom {
0% {
transform: scale(1);
background-color: #202E34;
}
50% {
transform: scale(40);
}
67% {
background-color: #202E34;
}
90% {
background-color: #202E34;
opacity: 1;
}
100% {
transform: scale(1);
background-color: #F0EEE6;
opacity: 0;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes scalecontent {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}