/* START fonty ************************************************************************************************************************************************* */
/* @font-face {font-family: 'My font';src: url('/wp-content/themes/neonrocket/assets/fonts/poppins-extrabold-webfont.woff2') format('woff2'),url('/wp-content/themes/neonrocket/assets/fonts/poppins-extrabold-webfont.woff') format('woff');font-weight: 800;font-style: normal;font-display: swap;}
@font-face {font-family: 'My font';src: url('/wp-content/themes/neonrocket/assets/fonts/poppins-medium-webfont.woff2') format('woff2'),url('/wp-content/themes/neonrocket/assets/fonts/poppins-medium-webfont.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'My font';src: url('/wp-content/themes/neonrocket/assets/fonts/poppins-semibold-webfont.woff2') format('woff2'),url('/wp-content/themes/neonrocket/assets/fonts/poppins-semibold-webfont.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'My font';src: url('/wp-content/themes/neonrocket/assets/fonts/poppins-bold-webfont.woff2') format('woff2'),url('/wp-content/themes/neonrocket/assets/fonts/poppins-bold-webfont.woff') format('woff');font-weight: 700;font-style: normal;font-display: swap;}
@font-face {font-family: 'My font';src: url('/wp-content/themes/neonrocket/assets/fonts/poppins-regular-webfont.woff2') format('woff2'),url('/wp-content/themes/neonrocket/assets/fonts/poppins-regular-webfont.woff') format('woff');font-weight: 400;font-style: normal;font-display: swap;} */

/* Off canvas ****************************************************************** */
.position-right.is-transition-push {-webkit-box-shadow: none;box-shadow: none;}
.off-canvas {background-color: #282a29;padding: 1.5rem 1rem 0 1rem;border-left:3px solid #0a0a0a;}
.off-canvas .menu a, .off-canvas .menu a:focus, .off-canvas .menu a:hover, .off-canvas .menu a:visited {color: #fff;}
.off-canvas .menu .active>a, .off-canvas .menu a:hover, .off-canvas .menu-link-active {background: #0a0a0a;}
.off-canvas h4 {color:#fff;padding-top:.8rem;font-size:1.5rem;}
/* Blur effect pri otvorenom off-canvase */
.off-canvas-content.is-open-right.has-transition-push {filter: blur(2px);}

/* GLOBAL */
.grid-container {max-width:85em;}
.grid-container-nopadding {padding-left:0;padding-right:0;}
a:-webkit-any-link:focus-visible {outline:0;}
body {min-height:100vh;background-color:#faefe0;color:#282a29;}
.page-inner-content-wrapper {background-color:transparent;}
.page-inner-content {padding:.5rem 1rem;}
.page-inner-content img {width:100%;}
.page-inner-content h1 {font-size:2rem;}

/* HEADER */
.main-nav-menu-wrapper {background-color:#282a29;border: solid #282a29 .25rem;}
.main-nav-menu {background-color:#282a29;padding-left:1rem;padding-right:1rem;}
.main-nav-menu a {color:#fff;padding:1rem 2rem .9rem 2rem;}
.main-nav-menu .menu-link-active, .main-nav-menu a:hover {color:#282a29;background-color:#faefe0;}
.main-nav-menu .menu-link-active:hover {background-color:#282a29;color:#fff;}
.main-nav-menu .burger-wrapper {padding:0;}
.main-nav-menu .burger {width: 2rem;height:1.5rem;margin-left:2rem;margin-top:.25rem;fill:#fff;}
.pre-header {background-color:transparent;width:100%;padding:1.5rem 1.5rem;}
.pre-header img {width:auto;height:4.75rem;margin-right:1rem;position:relative;top:-.25rem;}
.pre-header a, .pre-header a:visited, .pre-header a:focus {font-size:2.375rem;color:#282a29;position:relative;}
.pre-header a:hover {color:#fff;}
a.burger-wrapper:hover {background-color:transparent;animation: buzz 0.2s linear;}
@keyframes buzz {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-.25rem) rotate(-2deg); }
    40% { transform: translateX(.25rem) rotate(2deg); }
    60% { transform: translateX(-.25rem) rotate(-2deg); }
    80% { transform: translateX(.25rem) rotate(2deg); }
}

/* FOOTER */
.footer {padding:1rem 1.5rem 3rem;margin:0;background-color:#282a29;margin-left:auto;margin-right:auto;color:#fff;}
.footer h2 {margin-bottom:1.5rem;font-size:2.25rem;}
.footer a {color:#fff;padding:.7rem 0;display:block;line-height:1;}
.footer a:hover {text-decoration: underline;}
.footer .footer-logo {display:initial;}
.footer .box-wrapper {border:solid .188rem #faefe0;padding:1.5rem;}
.footer .svg-icon-wrapper {background-color:#faefe0;padding:1rem;border-radius:50%;height:4rem;width:4rem;text-align:center;display:inline-block;margin-right:1rem;margin-top:1rem;}
.footer .svg-icon-wrapper img {width:auto;height:2rem;}
.footer .svg-icon-wrapper:hover {background-color:#fff;}
.pre-footer {padding:1.25rem 0 1rem;}
.pre-footer img {width:auto;height:4.75rem;margin-right:1rem;position:relative;top:-.25rem;}
.pre-footer a, .pre-footer a:visited, .pre-footer a:focus {font-size:2.375rem;color:#fff;position:relative;}
.pre-footer a:hover {color:#faefe0;text-decoration:none;}

/*FRONT PAGE*/
.front h1 {font-size:4rem;line-height:3.75rem;font-weight:700;}
.front a.button, .front a.button:focus, .front a.button:visited {padding:1.5rem 2rem 1.4rem;font-size:1.5rem;line-height:1;border:solid .125rem #282a29;color:#282a29;text-transform:uppercase;background-color:transparent;}
.front a.button:hover {color:#fff;background-color:#282a29;}

.front .zasoby-regalov h1 {font-size:5rem;line-height:4.75rem;}
.front .zasoby-regalov .text-content {padding-left:1rem;padding-right:1rem;}

.front .kinalatunk {padding:3rem 1rem;row-gap:2rem;}
.front .kinalatunk h1 {margin-bottom:3rem;}
.front .kinalatunk h2 {font-size:2.5rem;font-weight:600;color:#282a29;}
.front .kinalatunk h4 {font-size:2.5rem;font-weight:600;color:#d04c00;}
.front .kinalatunk .items-group {row-gap:2rem;}
.front .kinalatunk .item {border:solid #282a29 .125rem;}
.front .kinalatunk .text-content {padding:1rem;align-content:center;}

.front .allvany {padding:0 1rem 3rem;}
.front .allvany h1 {margin-bottom:3rem;}
.front .allvany h3 {padding:3rem;border-bottom:solid #282a29 .125rem;font-size:2.625rem;font-weight:700;}
.front .allvany h4 {font-size:2.25rem;font-weight:700;}
.front .allvany h4 a, .front .allvany h4 a:focus, .front .allvany h4 a:visited {color:#d04c00;}
.front .allvany h4 a:hover {color:#282a29;}
.front .allvany p {font-weight:600;font-size:1.5rem;}
.front .allvany p.bottom-line-text {margin-top:2rem;margin-bottom:2rem;}
.front .allvany span.alt-col {color:#d04c00;}
.front .allvany .items-group {row-gap:2rem;}
.front .allvany .item {border:solid #282a29 .125rem;}
.front .allvany .box-wrapper {padding-left:1rem;padding-right:1rem;}

.front .szolgaltatasaink {padding:0 1rem 3rem;}
.front .szolgaltatasaink .items-group {row-gap:2rem;}
.front .szolgaltatasaink .item {border:solid .125rem #282a29;}
.front .szolgaltatasaink .box-wrapper {border-top:solid .125rem #282a29;}
.front .szolgaltatasaink h1 {margin-bottom:3rem;}
.front .szolgaltatasaink h6 {padding:1rem 1rem 0;font-size:1.75rem;font-weight:600;}
.front .szolgaltatasaink p {padding:1rem;}
.front .szolgaltatasaink img {height:15rem;width:auto;padding:1.5rem 1rem;}

.front .kivitelezeseink {padding:0 1rem;}
.front .kivitelezeseink h1 {margin-bottom:3rem;}
.front .kivitelezeseink .gallery-wrapper {row-gap:2rem;}

/* .front .celunk {padding:3rem 1rem;}
.front .celunk h1 {margin-bottom:3rem;}
.front .celunk p {font-weight:600;font-size:1.5rem;padding-right:1.5rem;}
.front .celunk img {padding:1rem;} */

.front .miert-valasszon-minket {padding:3rem 1rem 3rem;}
.front .miert-valasszon-minket h1 {margin-bottom:3rem;}
.front .miert-valasszon-minket img {height:8rem;width:auto;padding:.5rem;}
.front .miert-valasszon-minket p {font-weight:600;font-size:1.5rem;line-height:1.2;padding:1.5rem .75rem .75rem;}

/*O NAS*/
.o-nas {padding:2rem 1rem;}
.o-nas h1 {margin-bottom:1.5rem;}
.o-nas p {font-weight:500;font-size:1.25rem;padding-right:1.5rem;}
.o-nas img {padding:1rem;}
.o-nas h3 {font-size:1.375rem;font-weight:600;}
.o-nas ul {font-size:1.25rem;}

/* KONTAKTY */
.kontakty {padding:2rem 1rem;}
.kontakty h1 {margin-bottom:1.5rem;}
.kontakty h4 {margin-top:1.5rem;margin-bottom:1rem;}
.kontakty .adresa {padding-bottom:1rem;}
.kontakty iframe {width:100%;}
.kontakty a {color:#282a29;}
.kontakty a:hover {text-decoration:underline;}

/* GDPR + Cookies */
.page-gdpr a, .page-cookies a {color:#282a29;}
.page-gdpr a:hover, .page-cookies a:hover {text-decoration:underline;}
.page-gdpr a.button, .page-cookies a.button {background-color:#282a29;color:#fff;}
.page-gdpr a.button:hover, .page-cookies a.button:hover {background-color:#fff;color:#282a29;text-decoration:none;border:1px solid #282a29;}

/* Media queries ************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************ */

/* Small only - do 639 px */ 
@media screen and (max-width: 39.9375em) {
    /* HEADER */
    .main-nav-menu {padding-left:.5rem;padding-right:.5rem;}
    .main-nav-menu a {padding:.5rem .5rem .4rem .5rem;}
    .main-nav-menu .burger {margin-left:.5rem;width:1.5rem;height:1rem;}
    .pre-header {padding:.75rem .5rem .5rem;}
    .pre-header img {height:1.5rem;margin-right:.25rem;top:-.125rem;}
    .pre-header a, .pre-header a:visited, .pre-header a:focus {font-size:1rem;color:#282a29;position:relative;}
    /* FOOTER */
    .footer {padding:1rem 1rem 2rem;}
    .footer .box-wrapper-group {row-gap:1rem;}
    .footer .box-wrapper {padding:1.5rem .5rem;}
    .pre-footer {row-gap:1rem;}
    .pre-footer img {height:3.5rem;margin-right:.75rem;}
    .pre-footer a, .pre-footer a:visited, .pre-footer a:focus {font-size:1.7rem;}
    /*FRONT PAGE*/
    .front h1 {font-size:2.5rem;line-height:2.75rem;}
    .front a.button, .front a.button:focus, .front a.button:visited {font-size:1rem;}

    .front .zasoby-regalov h1 {font-size:3rem;line-height:1.2;margin-top:2rem;}

    .front .kinalatunk {padding:1.5rem 1rem;row-gap:1.5rem;}
    .front .kinalatunk h1 {margin-bottom:1.5rem;}
    .front .kinalatunk h2 {font-size:2rem;}
    .front .kinalatunk h4 {font-size:2rem;}
    .front .kinalatunk .items-group {row-gap:1.5rem;}

    .front .allvany {padding:0 1rem 1.5rem;}
    .front .allvany h1 {margin-bottom:1.5rem;}
    .front .allvany h3 {padding:1.5rem;font-size:1.625rem;}
    .front .allvany h4 {font-size:1.25rem;}
    .front .allvany p {font-size:1.25rem;}
    .front .allvany p.bottom-line-text {margin-top:1.5rem;margin-bottom:1.5rem;}
    .front .allvany .items-group {row-gap:1.5rem;}

    .front .szolgaltatasaink {padding:0 1rem 1.5rem;}
    .front .szolgaltatasaink h1 {margin-bottom:1.5rem;}
    .front .szolgaltatasaink h6 {font-size:1.5rem;}
    .front .szolgaltatasaink img {height:15rem;}
    .front .szolgaltatasaink .items-group {row-gap:1.5rem;}

    .front .kivitelezeseink h1 {margin-bottom:1.5rem;}
    .front .kivitelezeseink .gallery-wrapper {row-gap:1.5rem;}

    /* .front .celunk {padding:1.5rem 1rem;}
    .front .celunk h1 {margin-bottom:1.5rem;}
    .front .celunk p {font-size:1.25rem;padding-right:0;} */

    .front .celunk img {padding:0 1rem 1rem;}

    .front .miert-valasszon-minket {padding:0 1rem 1.5rem;}
    .front .miert-valasszon-minket h1 {margin-bottom:1.5rem;}
    .front .miert-valasszon-minket p {font-size:1.25rem;}
    .front .miert-valasszon-minket img {height:8rem;}

    /*O NAS*/
    .o-nas {padding:1rem;}
    .o-nas h1 {font-size:2rem;margin-bottom:1rem;}
    .o-nas p {font-size:1.25rem;padding-right:0;}
    .o-nas img {max-width:25rem;width:100%;}
    .o-nas ul {font-size:1.125rem;}
}
/* Medium only - od 640 px do 1023 px */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    /* HEADER */
    .main-nav-menu {padding-left:1rem;padding-right:1rem;}
    .main-nav-menu a {padding:1rem 2rem .9rem 2rem;}
    .pre-header {padding:1.25rem 1rem 1rem;}
    .pre-header img {height:3.125rem;margin-right:.75rem;top:-.25rem;}
    .pre-header a, .pre-header a:visited, .pre-header a:focus {font-size:1.7rem;color:#282a29;position:relative;}
    /* FOOTER */
    .footer {padding:1rem 1rem 3rem;}
    .footer .box-wrapper-group {row-gap:2rem;}
    .pre-footer img {height:3.125rem;margin-right:.75rem;}
    .pre-footer a, .pre-footer a:visited, .pre-footer a:focus {font-size:1.7rem;}
    /*FRONT PAGE*/
    .front h1 {font-size:3rem;line-height:2.75rem;}
    .front a.button, .front a.button:focus, .front a.button:visited {font-size:1.25rem;}

    .front .zasoby-regalov h1 {margin-top:3rem;}

    .front .kinalatunk h2 {font-size:2rem;}
    .front .kinalatunk h4 {font-size:2rem;}

    .front .allvany h3 {font-size:1.625rem;}
    .front .allvany h4 {font-size:1.25rem;}
    .front .allvany p {font-size:1.25rem;}

    .front .szolgaltatasaink h6 {font-size:1.5rem;}
    .front .szolgaltatasaink img {height:15rem;}

    /* .front .celunk p {font-size:1.25rem;}
    .front .celunk img {padding:0 1rem 1rem;} */

    .front .miert-valasszon-minket img {height:8rem;}
    .front .miert-valasszon-minket p {font-size:1.25rem;}

    /*O NÁS*/
    .o-nas p {font-size:1.25rem;}
    .o-nas img {padding:0 1rem 1rem;max-width:25rem;}
}
/* Large and over - od 1024px a viac */
@media screen and (min-width: 64em) {
} 
/* Large only - od 1024 px do 1365 px */
@media screen and (min-width: 64em) and (max-width: 85.3125em) {
}
/* XXLarge only - od 1366 px do 1439 px */
@media screen and (min-width: 85.375em) and (max-width: 89.9375em) {
}
/* XXLarge and over - od 1440 px do 1519 px */
@media screen and (min-width: 83.5em) and (max-width: 94.938em) {
}
/* XXXLarge and over - od 1520 px a viac */
@media screen and (min-width: 95em) {
}