/* =========================================================================
   Al Wagi theme: recreates the old Avada look (measured on the live site).
   Desktop header and grids above 800 px, stacked layout at 800 px and below
   (Avada's breakpoints: header 800, columns 800, grid 640).
   ========================================================================= */

:root {
	--aw-navy: #011a42;
	--aw-text: #3a3a3a;
	--aw-grey: #828282;
	--aw-line: #e5e5e5;
	--aw-light: #ededed;
	--aw-width: 1100px;
}

/* ---------- base ---------- */
html { background: #f0f0f0; -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: #fff;
	color: var(--aw-text);
	font: 700 15px/1.5 Roboto, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
}
*, *::before, *::after { box-sizing: border-box; }
img, video { max-width: 100%; height: auto; vertical-align: top; }
a { color: var(--aw-navy); text-decoration: none; transition: color .2s; }
a:hover { color: #999; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; letter-spacing: 0; color: var(--aw-grey); }
h1 { font-size: 50px; line-height: 1.4; margin: .67em 0; }
h2 { font-size: 35px; line-height: 1.5; margin: 0 0 1.1em; }
h3 { font-size: 16px; line-height: 1.5; margin: 1em 0; }
h4 { font-size: 13px; line-height: 1.5; margin: 1.33em 0; }
p { margin: 0 0 20px; }
ol, ul { margin: 0 0 20px; }
strong, b { font-weight: 900; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.aw-skip:focus { position: fixed !important; top: 8px; left: 8px; z-index: 100000; width: auto; height: auto; clip: auto; padding: 12px 18px; background: #fff; color: var(--aw-navy); }
.aw-site { background: #fff; overflow-x: clip; }

/* ---------- top bar ---------- */
.aw-topbar { background: var(--aw-navy); border-bottom: 1px solid var(--aw-line); padding: 0 30px; color: #fff; font-size: 12px; }
.aw-topbar__row { max-width: var(--aw-width); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; min-height: 44px; }
.aw-topbar__contact { line-height: 44px; }
.aw-topbar__contact a { color: #fff; }
.aw-topbar__sep { padding: 0 6px; }
.aw-topmenu { list-style: none; margin: 0; padding: 0; display: flex; }
.aw-topmenu a { display: block; padding: 0 13px; line-height: 44px; color: #fff; }
.aw-topmenu li:last-child a { padding-right: 13px; }
.aw-topbar a:hover { color: #fff; opacity: .8; }

/* ---------- main header ---------- */
.aw-header { background: #fff; border-bottom: 1px solid var(--aw-line); padding: 0 30px; position: relative; }
.aw-header__row { max-width: var(--aw-width); margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; height: 120px; }
.aw-logo { display: block; margin-top: 31px; }
.aw-logo img { display: block; width: 150px; height: 43px; }
.aw-menu { list-style: none; margin: 0; padding: 0; display: flex; }
.aw-menu li + li { margin-left: 45px; }
.aw-menu a {
	display: flex; align-items: center; height: 120px;
	border-top: 3px solid transparent;
	font: 400 18px/18px Roboto, Arial, sans-serif; letter-spacing: 1px; color: var(--aw-navy);
}
.aw-menu .current-menu-item > a, .aw-menu a:hover { color: #999; border-top-color: #999; }
.aw-burger { display: none; }
.aw-mobile-nav[hidden] { display: none; }

/* Front page: header over the hero video */
.home .aw-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 100; }
.home .aw-header { background: rgba(255, 255, 255, .64); }

/* Sticky header on desktop (added by alwagi.js after the header scrolls out) */
.aw-header.is-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .12); border-bottom: 0; }
.aw-header.is-sticky .aw-menu a { font-size: 16px; color: #333; }
.aw-header.is-sticky .aw-menu .current-menu-item > a, .aw-header.is-sticky .aw-menu a:hover { color: #999; }
.aw-header.is-sticky .aw-menu li + li { margin-left: 35px; }

/* ---------- page wrappers ---------- */
.aw-main { display: block; background: #fff; }
.aw-page { padding: 55px 30px 40px; }
.aw-page > * { max-width: var(--aw-width); margin-left: auto; margin-right: auto; }
.aw-page > .alignfull { max-width: none; margin-left: -30px; margin-right: -30px; }
.home .aw-page { padding: 0; }
.home .aw-page > .alignfull { margin-left: 0; margin-right: 0; }
.wp-block-columns { display: flex; flex-wrap: nowrap; gap: 0 4%; margin-top: 0; margin-bottom: 0; }
.wp-block-column { flex: 1 1 0; min-width: 0; }
.wp-block-image { margin: 0; }
.wp-block-image img { display: block; }
.wp-block-image.aligncenter img, .wp-block-image .aligncenter img { margin: 0 auto; }
.wp-block-image .aligncenter { display: table; margin: 0 auto; }
.has-text-align-center { text-align: center; }

/* Old site used h3 for lead text; same look, but a paragraph */
.aw-h3 { font: 400 16px/24px Roboto, Arial, sans-serif; color: var(--aw-grey); letter-spacing: 0; margin-top: 16px; margin-bottom: 16px; }

/* ---------- buttons ---------- */
.wp-block-buttons { display: flex; justify-content: center; }
.wp-block-button__link {
	display: inline-block; background: #000; color: #fff;
	font: 500 18px/21px Roboto, Arial, sans-serif; letter-spacing: 0; text-transform: uppercase;
	padding: 17px 40px; border-radius: 0; transition: background .2s;
}
.wp-block-button__link:hover { background: rgba(0, 0, 0, .59); color: #fff; }
.aw-btn-light .wp-block-button__link { background: var(--aw-light); color: #000; font-size: 14px; line-height: 17px; padding: 13px 29px; text-transform: none; }
.aw-btn-light .wp-block-button__link:hover { background: rgba(255, 255, 255, .59); color: #000; }
.aw-btn-medium .wp-block-button__link { font-size: 13px; line-height: 16px; padding: 11px 23px; }

/* ---------- front page: hero ---------- */
.aw-hero.wp-block-cover { position: relative; height: 750px; min-height: 0 !important; padding: 0; overflow: hidden; background: #000; display: block; }
.aw-hero .wp-block-cover__video-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left top; max-width: none; }
.aw-hero .wp-block-cover__background { display: none; }
.aw-hero .wp-block-cover__inner-container { position: absolute; left: 0; right: 0; top: 685px; z-index: 2; }
.aw-hero__down { margin: 0; text-align: center; line-height: 0; }
.aw-hero__down a { display: inline-block; width: 41px; height: 40px; color: var(--aw-navy); }
.aw-hero__down a { background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M132 287Q122 276 107 276Q92 276 82 287Q72 297 72 311.5Q72 326 82 336L487 737Q497 748 512 748Q527 748 537 737L942 336Q952 326 952 311.5Q952 297 942 287Q932 276 917 276Q902 276 892 287L512 652Z'/%3E%3C/svg%3E") 0 0/40px 40px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M132 287Q122 276 107 276Q92 276 82 287Q72 297 72 311.5Q72 326 82 336L487 737Q497 748 512 748Q527 748 537 737L942 336Q952 326 952 311.5Q952 297 942 287Q932 276 917 276Q902 276 892 287L512 652Z'/%3E%3C/svg%3E") 0 0/40px 40px no-repeat; }

/* ---------- front page: two brand boxes on a parallax photo ---------- */
.aw-boxes { position: relative; z-index: 1; overflow: hidden; padding: calc(7% - 4.2px) 30px calc(1% - .6px); }
.aw-boxes__bg { position: absolute; left: 0; right: 0; top: 0; z-index: -1; background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; will-change: transform; }
.aw-boxes .wp-block-columns { max-width: var(--aw-width); margin: 0 auto; gap: 0 44px; }
.aw-boxes .wp-block-group__inner-container, .aw-box .wp-block-group__inner-container { position: relative; }
.aw-boxes .wp-block-column { padding-bottom: 120px; }
.aw-box { padding: 35px; text-align: center; color: #fff; }
.aw-box--beretta { background: #bde800; }
.aw-box--mut { background: #0699dd; }
.aw-box .wp-block-image { margin: 0; }
.aw-box__icon img { width: 128px; height: 128px; }
.aw-box__title { margin: 20px 0 15px; font: 400 18px/1.28 Roboto, Arial, sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 0; }
.aw-box .wp-block-buttons { margin: 20px 0 20px; }

/* ---------- front page: news ---------- */
.aw-novice { padding: calc(3% - 1.8px) 30px; background: #fff; }
.aw-novice > *, .aw-novice > .wp-block-group__inner-container > * { max-width: var(--aw-width); margin-left: auto; margin-right: auto; }
.aw-novice .wp-block-query { padding: 20px 0 32.6px; }
.aw-novice .wp-block-post-template { margin: 0; row-gap: 25px; }
.aw-novice .wp-block-post-template > li { margin: 0; }
.aw-novice__title { margin: 0 auto 31px; font: 400 50px/70px Roboto, Arial, sans-serif; color: var(--aw-grey); letter-spacing: 0; text-transform: uppercase; }

/* ---------- post cards (front page "Novice", "Aktualno", archives) ---------- */
.wp-block-query { margin-top: 0; }
.aw-cards, .wp-block-post-template { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 25px; align-items: start; }
.aw-cards > li, .wp-block-post-template > li { margin: 13px 0 25px; background: var(--aw-light); border: 1px solid #ebeaea; border-bottom-width: 3px; }
.wp-block-post-featured-image { margin: 0; border-bottom: 1px solid #ebeaea; }
.wp-block-post-featured-image a, .wp-block-post-featured-image img { display: block; width: 100%; height: auto; }
.wp-block-post-title { margin: 30px 25px 5px; font: 400 18px/27px Roboto, Arial, sans-serif; color: var(--aw-grey); letter-spacing: 0; }
.wp-block-post-title a { color: var(--aw-navy); }
.wp-block-post-title a:hover { color: #999; }
.wp-block-post-excerpt { margin: 0 25px 20px; }
.wp-block-post-excerpt__excerpt { margin: 0; }
.wp-block-post-excerpt__more-text { display: none; }

/* "Aktualno": wider gutter, white cards, the excerpt keeps the h3 look of the article */
.aw-aktualno .wp-block-post-template { gap: 0 40px; }
.aw-aktualno .wp-block-post-template > li { margin-top: 0; margin-bottom: 40px; background: transparent; }
.aw-aktualno .wp-block-post-excerpt { margin-top: 16px; margin-bottom: 56px; }
.aw-aktualno .wp-block-post-excerpt__excerpt { font: 400 16px/24px Roboto, Arial, sans-serif; color: var(--aw-grey); letter-spacing: 0; }

/* ---------- single post ---------- */
.aw-titlebar { background: #f6f6f6; border-top: 1px solid #d2d3d4; border-bottom: 1px solid #d2d3d4; padding: 0 30px; }
.aw-titlebar__row { max-width: var(--aw-width); margin: 0 auto; height: 85px; display: flex; align-items: center; justify-content: space-between; }
.aw-titlebar__title { margin: 0; font: 400 18px/normal Roboto, Arial, sans-serif; color: #333; letter-spacing: 0; }
.aw-crumbs { font-size: 10px; line-height: 15px; color: #333; }
.aw-crumbs a { color: #333; }
.aw-crumbs__sep { padding: 0 5px; }
.aw-single__title { margin: 0 auto 44px !important; font: 400 18px/27px Roboto, Arial, sans-serif; color: var(--aw-grey); }
.aw-single > :last-child { margin-bottom: 36px; }

/* ---------- "O nas" ---------- */
.aw-onas { padding-bottom: calc(20px + min(22px, 2%)); }
.aw-onas .aw-h3 { margin-top: 13px; margin-bottom: 31px; }

/* ---------- servicer list ---------- */
.aw-servis-intro { margin: 16px auto 67px !important; }
.aw-page .wp-block-table { display: block; overflow-x: auto; margin-top: 0; margin-bottom: 0; }
.aw-page .wp-block-table table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #dcdcdc; box-shadow: 0 1px 3px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(255, 255, 255, .5); }
.aw-page .wp-block-table thead { border: 0; }
.aw-page .wp-block-table th { background: #f6f6f6; padding: 20px; border: 1px solid #dcdcdc; font-weight: 400; letter-spacing: 0; text-align: left; }
.aw-page .wp-block-table td { padding: 10px 20px; border: 1px solid #dcdcdc; text-align: left; }
.aw-page .wp-block-table tbody tr:nth-child(even) { background: #f6f6f6; }
.aw-page--pooblasceni-seznam-serviserjev h2 { margin: 0 auto 38px; }
.wp-block-list + .aw-servis-btn { margin-top: -5px; }
.aw-servis-btn { margin-bottom: 20px !important; }
.aw-page--pooblasceni-seznam-serviserjev > :last-child { margin-bottom: 23px; }


/* ---------- contact ---------- */
.aw-kontakt-form { background: var(--aw-navy); padding: 35px 35px 65px; color: #fff; text-align: center; }
.aw-kontakt-form p { margin: 0 0 20px; }
.aw-kontakt-form input[type=text], .aw-kontakt-form input[type=email], .aw-kontakt-form input[type=tel], .aw-kontakt-form textarea {
	width: 100%; height: 54px; padding: 0 15px; border: 1px solid transparent; background: #fff;
	font: 400 13px Roboto, Arial, sans-serif; color: #003688; letter-spacing: 0; border-radius: 0;
}
.aw-kontakt-form textarea { display: block; height: 150px; padding: 8px 15px; }
.aw-kontakt { margin-bottom: 20px !important; }
.aw-kontakt-form input[type=submit] { width: 100%; height: 55px; background: #000; color: #fff; border: 0; font: 500 18px/21px Roboto, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0; cursor: pointer; }
.aw-kontakt-form input[type=submit]:hover { background: rgba(0, 0, 0, .59); }
.aw-kontakt-form .wpcf7-spinner { display: none; }
.aw-kontakt-form .wpcf7-not-valid-tip { display: inline; color: #dc3232; font-weight: 400; }
.aw-kontakt-form .wpcf7-cf7ic, .aw-kontakt-form .kc_captcha { display: inline; }
/* Form result message styled like the old Avada alert (red on error, green when sent) */
.aw-kontakt-form .wpcf7 form .wpcf7-response-output { position: relative; margin: 61px 0 -15px; padding: 25px; border: 1px solid; text-align: center; text-transform: uppercase; font: 700 15px/22.5px Roboto, Arial, sans-serif; letter-spacing: 1px; }
.aw-kontakt-form .wpcf7 form .wpcf7-response-output::before { content: ""; display: inline-block; width: 24px; height: 18px; margin-right: 10px; vertical-align: -2px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M569.5 440C588 472 564.8 512 527.9 512H48.1c-36.9 0-60-40.1-41.6-72L246.4 24c18.5-32 64.7-32 83.2 0l239.9 416zM288 354c-25.4 0-46 20.6-46 46s20.6 46 46 46 46-20.6 46-46-20.6-46-46-46zm-43.7-165.3l7.4 136c.3 6.4 5.6 11.3 12 11.3h48.5c6.4 0 11.6-5 12-11.3l7.4-136c.4-6.9-5.1-12.7-12-12.7h-63.4c-6.9 0-12.4 5.8-12 12.7z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M569.5 440C588 472 564.8 512 527.9 512H48.1c-36.9 0-60-40.1-41.6-72L246.4 24c18.5-32 64.7-32 83.2 0l239.9 416zM288 354c-25.4 0-46 20.6-46 46s20.6 46 46 46 46-20.6 46-46-20.6-46-46-46zm-43.7-165.3l7.4 136c.3 6.4 5.6 11.3 12 11.3h48.5c6.4 0 11.6-5 12-11.3l7.4-136c.4-6.9-5.1-12.7-12-12.7h-63.4c-6.9 0-12.4 5.8-12 12.7z'/%3E%3C/svg%3E") center/contain no-repeat; }
.aw-kontakt-form .wpcf7 form.invalid .wpcf7-response-output, .aw-kontakt-form .wpcf7 form.unaccepted .wpcf7-response-output, .aw-kontakt-form .wpcf7 form.payment-required .wpcf7-response-output, .aw-kontakt-form .wpcf7 form.failed .wpcf7-response-output, .aw-kontakt-form .wpcf7 form.aborted .wpcf7-response-output, .aw-kontakt-form .wpcf7 form.spam .wpcf7-response-output { background: #f2dede; border-color: #a64242; color: #a64242; }
.aw-kontakt-form .wpcf7 form.sent .wpcf7-response-output { background: #dff0d8; border-color: #5ca340; color: #5ca340; }
.aw-kontakt-form .wpcf7 form.sent .wpcf7-response-output::before { width: 20px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM227.3 387.3l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L216 308.1l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.2 16.4 6.2 22.6 0z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM227.3 387.3l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L216 308.1l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.2 16.4 6.2 22.6 0z'/%3E%3C/svg%3E"); }
.aw-kontakt-form .aw-alert-close { position: absolute; top: -1px; right: -1px; width: 25px; height: 25px; line-height: 25px; padding: 0; border: 1px solid; border-color: inherit; background: none; color: inherit; font: 700 15px/25px Arial, sans-serif; cursor: pointer; }
.aw-kontakt-form .aw-alert-close:hover { background: rgba(0, 0, 0, .05); }
/* Image captcha exactly as the old plugin version drew it */
.aw-kontakt-form .captcha-image { display: inline-block; border: 1px solid #fff !important; padding: 10px; text-align: center; }
.aw-kontakt-form .cf7ic_instructions { display: block; }
.aw-kontakt-form .cf7ic_instructions span { color: red; font-weight: bold; }
.aw-kontakt-form .captcha-image label { display: inline-block !important; width: 60px !important; height: auto; margin: 0; position: relative; vertical-align: baseline; }
.aw-kontakt-form .captcha-image label > input { opacity: 0; margin: 0; width: 50px !important; height: 50px !important; position: absolute; display: inline !important; }
.aw-kontakt-form .captcha-image svg { display: inline; padding: 5px; width: 50px; height: 50px; margin: 0; fill: #fff; cursor: pointer; border: 2px solid transparent; position: relative; overflow: hidden; vertical-align: baseline; }
.aw-kontakt-form .captcha-image label > input:checked + svg, .aw-kontakt-form .captcha-image label > input:focus + svg { border: 2px solid #f00; }
/* The data column sits vertically centred next to the form (old column setting "center content");
   alwagi.js fixes the offset on load so form messages do not move it. */
.aw-kontakt .wp-block-column:last-child { display: flex; flex-direction: column; justify-content: center; }
.aw-kontakt .wp-block-column.is-fixed { display: block; }
.aw-kontakt .wp-block-column:last-child > * { margin-top: 0; }

/* ---------- footer ---------- */
.aw-footer__widgets { background: var(--aw-light); padding: 20px 30px; color: #000; text-align: center; }
.aw-footer__row { max-width: var(--aw-width); margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 20px; min-height: 188px; }
.aw-footer__col--data { padding-top: 15px; }
.aw-footer__col--data p { margin: 0; }
.aw-footer__col--logo img { display: block; margin: 0 auto; width: 180px; height: 70px; }
.aw-footer__title { margin: 0 0 49px; font: 400 15px/22.5px Roboto, Arial, sans-serif; color: #000; letter-spacing: 0; }
.aw-social { display: flex; justify-content: center; gap: 16px; padding-bottom: 14px; }
.aw-social a { display: block; width: 41px; height: 40px; }
.aw-social svg { width: 40px; height: 40px; fill: currentColor; display: block; position: relative; top: 1px; left: .5px; }
.aw-social__fb { color: #3b5998; }
.aw-social__mail { color: #000; }
.aw-social a:hover { opacity: .8; }
.aw-footer__bottom { background: var(--aw-navy); padding: 20px 30px; }
.aw-copy { max-width: var(--aw-width); margin: 0 auto; color: #fff; font-size: 13px; line-height: 19.5px; text-align: center; }
.aw-copy a { color: #fff; }

/* ---------- 404 ---------- */
.aw-404__title { margin: 0 auto 31px !important; }
.aw-404__row { display: grid; grid-template-columns: 418px 305px 347px; align-items: start; }
.aw-404__big { font-size: 170px; line-height: 170px; color: #f0f0f0; }
.aw-404 h3 { margin: 16px 0 16px; }
.aw-404__menu { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 23.8px; }
.aw-404__menu li { display: flex; align-items: center; }
.aw-404__menu li + li { margin-top: 9.7px; }
.aw-404__links { padding-bottom: 5px; }
.aw-404__menu li::before { content: ""; width: 24px; height: 24px; margin-right: 10px; border-radius: 50%; background: #a0ce4e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M1.5 0L0 1.5 4.5 6 0 10.5 1.5 12l6-6z' fill='%23fff'/%3E%3C/svg%3E") 55% 50%/6px auto no-repeat; }
.aw-404__menu a { color: var(--aw-navy); }
.aw-search { display: flex; margin-top: 18px; }
.aw-search input { flex: 0 0 293px; height: 54px; padding: 0 15px; border: 1px solid transparent; font: 400 13px Roboto, Arial, sans-serif; color: #003688; letter-spacing: 0; }
.aw-search button { width: 54px; height: 54px; background: #000; border: 0; padding: 19px; cursor: pointer; }
.aw-search button svg { fill: #fff; width: 16px; height: 16px; display: block; }

/* Tablet landscape: Avada narrows the menu spacing below 1025 px */
@media (max-width: 1024px) {
	.aw-menu li + li { margin-left: 0; }
	.aw-menu li { margin-right: 25px; }
	.aw-onas .aw-h3 { margin-top: 0; }
	.aw-onas .wp-block-column:last-child { padding-top: 9px; }
}

/* =========================================================================
   Tablet and phone (Avada mobile header and stacked columns at 800 px)
   ========================================================================= */
@media (max-width: 800px) {
	.aw-topbar { padding: 0; }
	.aw-topbar__row { display: block; text-align: center; }
	.aw-topbar__contact { line-height: 18px; padding: 7px 0 7px; border-bottom: 1px solid var(--aw-line); }
	.aw-topbar__nav { display: flex; justify-content: center; height: 44px; align-items: center; }
	.aw-topmenu a, .aw-topmenu li:last-child a { padding: 0; line-height: 18px; }

	.home .aw-header-wrap { position: static; }
	.home .aw-header, .aw-header { background: #fff; padding: 20px 30px; }
	.aw-header__row { height: 43px; align-items: center; }
	.aw-logo { margin-top: 0; }
	.aw-nav { display: none; }
	.aw-burger { display: block; width: 22px; height: 21px; padding: 0; border: 0; background: none; color: #dadada; cursor: pointer; }
	.aw-burger svg { display: block; width: 22px; height: 21px; fill: currentColor; }
	.aw-mobile-nav { margin: 20px -30px -20px; background: #f9f9f9; }
	.aw-mobile-menu { list-style: none; margin: 0; padding: 0; }
	.aw-mobile-menu a { display: block; height: 35px; line-height: 35px; padding: 0 30px; border-top: 1px solid #dadada; font: 400 12px/35px Roboto, Arial, sans-serif; color: #333; letter-spacing: 0; }
	.aw-mobile-menu a:hover { background: #f6f6f6; color: #333; }
	.aw-mobile-menu li:last-child a { border-bottom: 1px solid #dadada; }

	.wp-block-columns { flex-wrap: wrap; }
	.wp-block-column { flex-basis: 100% !important; }
	.aw-boxes { padding: calc(7% - 4.2px) 30px calc(1% - .6px); }
	.aw-boxes > .wp-block-columns { gap: 0; }
	.aw-boxes .wp-block-column { padding-bottom: 135px; }
	.aw-boxes .wp-block-column + .wp-block-column { margin-top: 0; }

	.aw-titlebar { padding: 5px 30px; }
	.aw-titlebar__row { height: 60px; }
	.aw-crumbs { display: none; }
	.aw-page { padding-bottom: 90px; }
	.home .aw-page { padding-bottom: 0; }
	.wp-block-column + .wp-block-column { margin-top: 20px; }
	.aw-onas .aw-h3 { margin-top: 0; margin-bottom: 20px; }
	.aw-kontakt .wp-block-column:last-child { display: block; }
	.aw-onas .wp-block-column:last-child { padding-top: 0; }
	.aw-page .wp-block-table table { white-space: nowrap; }
	.aw-servis-intro { margin-bottom: 56px !important; }
	.aw-footer__row { grid-template-columns: 1fr; min-height: 0; }
	.aw-footer__col { margin-bottom: 50px; }
	.aw-footer__col--data { padding-top: 0; }
	.aw-footer__title { margin-bottom: 50px; }
	.aw-novice__title { margin-bottom: 20px; }
	.aw-404__row { grid-template-columns: 1fr; }
	.aw-404__title { margin-bottom: 20px !important; }
	.aw-404__big { margin-bottom: 34px; }
	.aw-404__links { margin: 0 0 38px 3px; padding-bottom: 0; }
	.aw-404 h3 { margin-top: 0; }
	.aw-404__links h3, .aw-404__search h3 { margin-top: 16px; }
	.aw-404__search input { flex: 1 1 auto; }
}

@media (max-width: 640px) {
	.aw-cards, .wp-block-post-template { grid-template-columns: 1fr; }
}
