@font-face {
font-family: 'Rubik', sans-serif;;
src: url();
font-display: swap;
}
* {
margin: 0;
padding: 0;
font-family: 'Rubik', sans-serif;
}
html,
body {
height: 100%;
}
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
main {
flex: 1;
}
.site-header {
width: 100%;
background-color: #f5f5f5;
border-bottom: 1px solid #f5f5f5;
position: sticky;
top: 0;
z-index: 1000;
}
.header-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 48px;
height: 78px;
display: flex;
align-items: center;
justify-content: space-between;
} .site-logo a {
display: inline-flex;
align-items: center;
text-decoration: none;
}
.site-logo img {
display: block;
height: 46px;
width: auto;
} .site-nav {
display: flex;
align-items: center;
}
.nav-toggle {
display: none;
background: transparent;
border: 0;
padding: 8px;
margin-left: 12px;
cursor: pointer;
}
.nav-toggle-icon {
display: inline-flex;
flex-direction: column;
gap: 5px;
}
.nav-toggle-bar {
width: 24px;
height: 2px;
background-color: #1a1a1a;
display: block;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.nav-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 44px;
}
.nav-menu li a {
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: rgb(26, 26, 26);
text-decoration: none;
position: relative;
padding-bottom: 3px;
transition: color 0.2s ease;
} .nav-menu li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #cc1f1f;
transition: width 0.22s ease;
}
.nav-menu li a:hover {
color: #cc1f1f;
}
.nav-menu li a:hover::after {
width: 100%;
} .nav-menu li.current-menu-item>a,
.nav-menu li.current_page_item>a {
color: #cc1f1f;
}
.nav-menu li.current-menu-item>a::after,
.nav-menu li.current_page_item>a::after {
width: 100%;
} .site-footer {
width: 100%;
background-color: #1a1a1a;
color: #fff;
padding: 28px 0;
margin-top: auto;
}
.footer-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 48px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.footer-right {
display: flex;
align-items: center;
}
.footer-left p {
font-size: 12px;
color: #999;
} .footer-menu {
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 0;
margin: 0;
padding: 0;
}
.footer-menu li {
display: inline-flex;
margin-right: 36px;
}
.footer-menu li:last-child {
margin-right: 0;
}
.footer-menu li a {
color: #fff;
text-decoration: none;
font-size: 14px;
transition: color 0.2s ease;
font-weight: 500;
}
.footer-menu li a:hover {
color: #cc1f1f;
}
.footer-separator {
width: 1px;
height: 12px;
margin: 0 0.3rem;
}
@media (max-width: 768px) {
.footer-inner {
flex-direction: column;
align-items: center;
text-align: center;
}
.footer-right {
width: 100%;
justify-content: center;
}
.footer-menu {
justify-content: center;
}
.footer-menu li {
margin-right: 18px;
margin-bottom: 8px;
}
} .about-section {
background-color: #111;
}
.about-inner {
max-width: none;
margin: 0;
padding: 0;
}
.about-grid {
display: grid;
grid-template-columns: 2fr 1fr;
min-height: 520px;
}
.about-image {
position: relative;
background-color: #2a2a2a;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
padding: 48px;
}
.about-image-overlay {
color: #fff;
max-width: 520px;
}
.about-eyebrow {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: #cc1f1f;
margin-bottom: 14px;
}
.about-image-overlay h2 {
font-size: 36px;
font-weight: 800;
letter-spacing: 1px;
margin-bottom: 14px;
}
.about-image-overlay p {
font-size: 14px;
color: #e0e0e0;
margin-bottom: 22px;
}
.about-cta {
display: inline-block;
background-color: #cc1f1f;
color: #fff;
text-decoration: none;
padding: 12px 18px;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.about-panel {
background-color: #b3131a;
color: #fff;
padding: 42px 36px;
display: flex;
flex-direction: column;
gap: 28px;
}
.about-panel h3 {
font-size: 22px;
font-weight: 700;
}
.about-list {
list-style: none;
margin: 0;
padding: 0;
padding-top: 12px;
display: flex;
flex-direction: column;
gap: 46px;
font-weight:500;
}
.about-list li {
display: grid;
grid-template-columns: 60px 1fr;
gap: 16px;
align-items: stretch;
}
.about-icon {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
.about-text {
font-size: 13px;
line-height: 1.45;
padding-top: 14px;
color: #f5f5f5;
} @media (max-width: 768px) {
.header-inner {
height: auto;
padding: 16px 20px;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: 14px;
}
.site-logo {
flex: 1;
}
.nav-toggle {
display: inline-flex;
align-self: center;
}
.site-nav {
display: none;
width: 100%;
}
.nav-open .site-nav {
display: block;
}
.nav-menu {
gap: 16px;
flex-direction: column;
align-items: center;
}
.nav-menu li a {
font-size: 13px;
}
.about-grid {
grid-template-columns: 1fr;
}
.about-image {
min-height: 320px;
padding: 32px 24px;
}
.about-panel {
padding: 32px 24px;
}
} .about-columns.wp-block-columns {
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
align-items: stretch !important;
}
.about-columns.wp-block-columns>.wp-block-column {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
} .about-image.wp-block-cover {
background-color: #2a2a2a !important;
background-size: cover !important;
background-position: center !important;
min-height: 520px !important;
height: 100% !important;
padding: 48px !important;
align-items: center !important;
flex: 1 !important;
}
.about-image.wp-block-cover .wp-block-cover__background {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.15)),
linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)) !important;
opacity: 1 !important;
}
.about-image.wp-block-cover .wp-block-cover__inner-container {
max-width: 520px;
width: 100%;
}
.about-image.wp-block-cover .wp-block-heading {
font-size: 48px !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
color: #ffffff !important;
margin-bottom: 14px !important;
white-space: nowrap !important;
}
.podnadpis-about{
font-size: 19px !important;
}
.about-image.wp-block-cover p {
font-size: 19px !important;
color: #e0e0e0 !important;
margin-bottom: 22px !important;
}
.about-btn .wp-block-button__link {
background-color: #cc1f1f !important;
color: #ffffff !important;
text-decoration: none !important;
padding: 16px 22px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
border-radius: 0 !important;
} .about-panel.wp-block-group {
background-color: #b3131a !important;
color: #ffffff !important;
padding: 42px 36px !important;
display: flex !important;
flex-direction: column !important;
gap: 28px !important;
min-height: 520px !important;
height: 100% !important;
box-sizing: border-box !important;
flex: 1 !important;
}
.about-panel.wp-block-group h3 {
font-size: 22px !important;
font-weight: 700 !important;
color: #ffffff !important;
margin: 0 !important;
} .about-list.wp-block-group {
padding-top: 12px !important;
display: flex !important;
flex-direction: column !important;
gap: 46px !important;
}
.about-list-item.wp-block-group {
display: grid !important;
grid-template-columns: 60px 1fr !important;
gap: 16px !important;
align-items: stretch !important;
}
.about-list-item.wp-block-group .wp-block-image {
margin: 0 !important;
width: 60px !important;
min-width: 60px !important;
flex-shrink: 0 !important;
}
.about-list-item.wp-block-group .wp-block-image img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
}
.about-list-item.wp-block-group p {
font-size: 16px !important;
line-height: 1.45 !important;
padding-top: 14px !important;
color: #f5f5f5 !important;
margin: 0 !important;
} @media (max-width: 768px) {
.about-columns.wp-block-columns {
flex-direction: column !important;
row-gap: 0 !important;
gap: 0 !important;
}
.about-columns.wp-block-columns>.wp-block-column {
flex-basis: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
margin-block-start: 0 !important;
}
.about-image.wp-block-cover {
min-height: 420px !important;
height: auto !important;
padding: 32px 24px !important;
flex: none !important;
}
.about-image.wp-block-cover .wp-block-heading {
white-space: normal !important;
font-size: 34px !important;
}
.about-image.wp-block-cover p {
font-size: 14px !important;
}
.about-btn .wp-block-button__link {
padding: 14px 20px !important;
font-size: 14px !important;
width: auto !important;
display: inline-block !important;
}
.about-btn.wp-block-button {
width: auto !important;
}
.about-panel.wp-block-group {
padding: 32px 24px !important;
min-height: auto !important;
height: auto !important;
flex: none !important;
}
.about-list.wp-block-group {
gap: 32px !important;
}
.about-list-item.wp-block-group {
grid-template-columns: 50px 1fr !important;
}
.about-list-item.wp-block-group .wp-block-image {
width: 50px !important;
min-width: 50px !important;
}
.about-list-item.wp-block-group .wp-block-image img {
width: 50px !important;
height: 50px !important;
}
} .stavba-about__divider {
width: 48px;
height: 4px;
background: #cc0000;
margin: 0 auto 60px auto;
display: block;
} .stavba-about .stavba-about__cols {
max-width: 1100px;
margin-left: auto !important;
margin-right: auto !important;
} @media (max-width: 768px) {
.stavba-about {
padding: 50px 24px !important;
}
.stavba-about h2 {
font-size: 28px !important;
}
.stavba-about .stavba-about__cols {
flex-direction: column !important;
gap: 28px !important;
}
} .wpcf7 {
max-width: 100%;
margin: 0 auto;
}
.wpcf7-form {
display: grid;
gap: 24px;
}
.kontakt-two-cols {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.kontakt-full {
display: block;
}
.kontakt-submit-wrap {
display: flex;
justify-content: flex-end;
margin-top: 16px;
}
.wpcf7-form label {
display: block;
}
.wpcf7-form input.wpcf7-text,
.wpcf7-form input.wpcf7-email,
.wpcf7-form input.wpcf7-tel,
.wpcf7-form textarea.wpcf7-textarea {
width: 100%;
padding: 24px 24px;
border: 0;
background: #fff;
color: #1a1a1a;
font-size: 15px;
box-sizing: border-box;
}
.wpcf7-form textarea.wpcf7-textarea {
min-height: 280px;
resize: vertical;
}
.wpcf7-form input.wpcf7-submit {
background: transparent;
color: #fff;
border: 2px solid #fff;
padding: 14px 36px;
border-radius: 0;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
}
.wpcf7-form input.wpcf7-submit:hover {
background: #fff;
color: #cc1f1f;
}
@media (max-width: 768px) {
.kontakt-two-cols {
grid-template-columns: 1fr;
}
.kontakt-custom-or{
order: 2;
}
.oddelovac2{
height: 0rem;
}
} .contact-section {
padding: 25px;
}
.contact-form-wrapper {
display: grid;
gap: 24px;
}
.contact-header {
font-size: 1.5rem;
font-weight: 800;
letter-spacing: 1px;
margin-bottom: 14px;
}
.contact-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.contact-form-wrapper label {
display: block;
}
.wpcf7-form input.wpcf7-text,
.wpcf7-form input.wpcf7-email,
.wpcf7-form input.wpcf7-tel,
.wpcf7-form textarea.wpcf7-textarea {
width: 100%;
padding: 24px 24px;
border: 0;
background: #fff;
color: #1a1a1a;
font-size: 15px;
box-sizing: border-box;
}
.wpcf7-response-output {
border: 0 !important;
}
.wpcf7-form textarea.wpcf7-textarea {
min-height: 260px;
resize: vertical;
}
.contact-submit-wrap {
display: flex;
justify-content: flex-start;
}
.wpcf7-form input.wpcf7-submit {
background: transparent;
color: #fff;
border: 2px solid #fff;
padding: 14px 36px;
border-radius: 0;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
}
.wpcf7-form input.wpcf7-submit:hover {
background: #fff;
color: #cc1f1f;
}
@media (max-width: 768px) {
.contact-form-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 1024px) {
.kontakt-two-cols {
grid-template-columns: 1fr;
}
.contact-form-grid {
grid-template-columns: 1fr;
}
}
.oddelovac {
height: 4rem;
}
.oddelovac2 {
height: 5rem;
width: 100%;
}
.oddelovac3 {
height: 2rem;
}
@media (max-width: 768px) {
.oddelovac2{
height: 0rem;
}
}
.daco {
gap: 0px;
}
.grid_paragrafy {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.grid_paragrafy> :nth-child(2) {
margin-top: auto;
}
.grid_paragrafy> :last-child {
margin-bottom: auto;
}
.paragraf {
font-size: 15px;
font-weight: 300;
line-height: 1.6;
color: #000;
text-align: start;
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
padding-left: 12px;
}
.riadok-kontakt {
width: 480px;
justify-content: center;
}
.kontakt_nadpis {
padding-left: 12px;
}
.images_kontakt {
max-width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.images_kontakt {
width: 100%;
max-width: 60px;
margin: 0 auto;
}
.riadok-kontakt {
width: 100%;
max-width: 100%;
}
.riadok-k1 {
padding-top: 3rem;
}
.riadok-k3 {
padding-bottom: 3rem;
}
.contact-header {
font-size: 1rem;
}
} .wp-block-group-is-layout-grid {
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
grid-template-columns: 1fr 1fr !important;
grid-template-rows: auto auto !important;
align-items: start !important;
padding: 0 2rem 4rem !important;
column-gap: 3rem !important;
row-gap: 2rem !important;
} .wp-block-group-is-layout-grid>h3:nth-of-type(1) {
grid-column: 1;
grid-row: 1;
}
.wp-block-group-is-layout-grid>h3:nth-of-type(2) {
grid-column: 2;
grid-row: 1;
}
.wp-block-group-is-layout-grid>ul:nth-of-type(1) {
grid-column: 1;
grid-row: 2;
}
.wp-block-group-is-layout-grid>ul:nth-of-type(2) {
grid-column: 2;
grid-row: 2;
} .wp-block-group-is-layout-grid h3.wp-block-heading {
font-size: 17px !important;
font-weight: 600 !important;
color: #1a1a1a !important;
letter-spacing: 0.3px !important;
line-height: 1.5 !important;
margin: 0 0 0 !important;
text-transform: none !important;
padding-bottom: 0rem !important;
border-bottom: 2px solid #b5121b !important;
min-height: 60px !important;
text-align: center !important;
} .wp-block-group-is-layout-grid .wp-block-list {
padding-left: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.wp-block-group-is-layout-grid .wp-block-list li {
font-size: 15.5px;
color: #3d3d3d;
padding: 0.65rem 0 0.65rem 2.2rem;
position: relative;
line-height: 1.5;
word-break: break-word;
overflow-wrap: break-word;
}
.wp-block-group-is-layout-grid .wp-block-list li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
background: #b5121b;
border-radius: 2px;
}
.rd6 a{
text-decoration: none;
font-size: 16px;
font-weight: 600;
line-height: 1.6;
color: #000;
text-align: start;
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
.kontakt-riadok-dva p{
display: flex !important;
flex-direction: column !important;
} @media (max-width: 1024px) and (orientation: portrait) {
.wp-block-group-is-layout-grid {
grid-template-columns: 1fr !important;
padding: 0 1rem !important;
row-gap: 1rem !important;
margin-bottom: 2rem !important;
}
.wp-block-group-is-layout-grid>h3:nth-of-type(1) {
grid-column: 1;
grid-row: 1;
}
.wp-block-group-is-layout-grid>ul:nth-of-type(1) {
grid-column: 1;
grid-row: 2;
}
.wp-block-group-is-layout-grid>h3:nth-of-type(2) {
grid-column: 1;
grid-row: 3;
}
.wp-block-group-is-layout-grid>ul:nth-of-type(2) {
grid-column: 1;
grid-row: 4;
}
} .realizacie-grid {
max-width: 1280px;
margin: 0 auto;
padding: 20px 48px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.page-title {
max-width: 1280px;
margin: 0 auto;
padding: 60px 48px 0;
font-size: 36px;
font-weight: 800;
letter-spacing: 1px;
} .realizacie-archive-intro {
max-width: 1280px;
margin: 12px auto 24px;
padding: 0 48px;
color: #1a1a1a;
font-size: 15px;
line-height: 1.6;
} .realizacia-long-description {
margin-top: 28px;
color: #1a1a1a;
font-size: 16px;
line-height: 1.8;
}
.realizacia-karta a {
display: grid;
grid-template-columns: 220px 1fr;
gap: 28px;
background: #fff;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
border: 1px solid #f0f0f0;
padding: 24px;
text-decoration: none;
color: #1a1a1a;
transition: box-shadow 0.2s ease, transform 0.2s ease;
box-sizing: border-box;
height: 100%;
}
.realizacia-karta a:hover {
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.16);
transform: translateY(-2px);
}
.realizacia-obrazok img {
width: 220px;
height: 160px;
object-fit: cover;
display: block;
min-height: 100%;
}
.realizacia-info {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 8px;
}
.realizacia-info h2 {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #1a1a1a;
margin: 0;
}
.realizacia-meta {
font-size: 13px;
color: #999;
margin: 0;
}
.realizacia-excerpt {
font-size: 14px;
color: #1a1a1a;
margin: 0;
line-height: 1.5;
} .realizacia-detail {
max-width: 1280px;
margin: 0 auto;
padding: 60px 48px;
}
.realizacia-hero {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
margin-bottom: 60px;
background: #fff;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
border: 1px solid #f0f0f0;
padding: 40px;
}
.realizacia-hero-obrazok img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
}
.realizacia-hero-text {
display: flex;
flex-direction: column;
gap: 12px;
}
.realizacia-hero-text h1 {
font-size: 28px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
color: #1a1a1a;
margin: 0;
}
.realizacia-hero-text .realizacia-meta {
font-size: 14px;
color: #999;
}
.realizacia-hero-text .realizacia-excerpt {
font-size: 15px;
color: #cc1f1f;
line-height: 1.6;
} .realizacia-galeria {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 12px;
margin-bottom: 48px;
background: #fff;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
border: 1px solid #f0f0f0;
padding: 24px;
}
.realizacia-galeria a img {
width: 100%;
aspect-ratio: 3/4;
object-fit: cover;
display: block;
transition: opacity 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.realizacia-galeria a:hover img {
opacity: 0.85;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
} .btn-spat {
display: inline-block;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: #1a1a1a;
text-decoration: none;
border-bottom: 2px solid #cc1f1f;
padding-bottom: 2px;
transition: color 0.2s ease;
}
.btn-spat:hover {
color: #cc1f1f;
} @media (max-width: 768px) {
.realizacie-grid {
grid-template-columns: 1fr;
padding: 32px 20px;
}
.page-title {
padding: 32px 20px 0;
font-size: 26px;
}
.realizacia-karta a {
grid-template-columns: 1fr;
}
.realizacia-obrazok img {
width: 100%;
height: 200px;
}
.realizacia-detail {
padding: 32px 20px;
}
.realizacia-hero {
grid-template-columns: 1fr;
gap: 24px;
}
.realizacia-hero-obrazok img {
height: 260px;
}
.realizacia-galeria {
grid-template-columns: repeat(2, 1fr);
}
}
.wpcf7-not-valid-tip{
color: #e6cc00;
padding-top: 0.65rem;
}
form.wpcf7-form.sent .wpcf7-response-output {
text-align: center !important;
color: white;
font-weight: 600;
font-size: 1.3rem;
padding-bottom: 1rem;
margin-top: 0px;
}
.footer-left p a{
color: #a8a8a8;
} .privacy-section {
max-width: 800px;
margin: 0 auto;
padding: 60px 48px;
}
.privacy-section h1 {
font-size: 32px;
font-weight: 800;
letter-spacing: 1px;
color: #1a1a1a;
margin-bottom: 32px;
padding-bottom: 16px;
border-bottom: 3px solid #cc1f1f;
}
.privacy-section p {
font-size: 15px;
line-height: 1.8;
color: #444;
margin-bottom: 16px;
}
.privacy-section a {
color: #cc1f1f;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.2s ease;
}
.privacy-section a:hover {
color: #1a1a1a;
}
.privacy-section .wp-block-list {
margin: 0 0 24px 0;
padding-left: 0;
list-style: none;
}
.privacy-section .wp-block-list li {
font-size: 15px;
line-height: 1.8;
color: #444;
padding: 6px 0 6px 24px;
position: relative;
}
.privacy-section .wp-block-list li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
background: #cc1f1f;
border-radius: 2px;
}
@media (max-width: 768px) {
.privacy-section {
padding: 32px 20px;
}
.privacy-section h1 {
font-size: 24px;
}
}
.kontakt-cisla{
font-weight: 400;
letter-spacing: 1px;
}
.firma-udaje {
display: block;
}
.udaj {
display: block;
} @media (max-width: 1220px) {
.header-inner,
.footer-inner,
.realizacie-grid,
.page-title,
.realizacie-archive-intro,
.realizacia-detail,
.privacy-section {
padding-left: 32px;
padding-right: 32px;
}
.about-grid {
grid-template-columns: 1fr;
}
.about-columns.wp-block-columns {
flex-direction: column !important;
}
.kontakt-two-cols,
.contact-form-grid {
grid-template-columns: 1fr;
}
.daco {
flex-direction: column;
}
.contact-section .wp-block-column {
width: 100%;
flex-basis: 100%;
}
.riadok-kontakt {
width: 100%;
max-width: 100%;
justify-content: center;
}
.images_kontakt {
width: 100%;
max-width: 60px;
margin: 0 auto;
}
.riadok-k1 {
padding-top: 3rem;
}
.riadok-k3 {
padding-bottom: 3rem;
}
.contact-header {
font-size: 1rem;
}
.wp-block-group-is-layout-grid {
grid-template-columns: 1fr !important;
row-gap: 1.5rem !important;
}
.realizacie-grid {
grid-template-columns: 1fr;
}
.realizacia-karta a {
grid-template-columns: 1fr;
}
.realizacia-hero {
grid-template-columns: 1fr;
gap: 32px;
}
.realizacia-hero-obrazok img {
height: 360px;
}
.realizacia-galeria {
grid-template-columns: repeat(3, 1fr);
}
} @media (min-width: 1600px) {
.header-inner,
.footer-inner,
.realizacie-grid,
.page-title,
.realizacie-archive-intro,
.realizacia-detail,
.privacy-section {
max-width: 1440px;
}
.header-inner,
.footer-inner {
padding-left: 72px;
padding-right: 72px;
}
.realizacie-grid {
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.realizacia-hero {
gap: 72px;
padding: 56px;
}
.realizacia-hero-obrazok img {
height: 560px;
}
.realizacia-galeria {
grid-template-columns: repeat(6, 1fr);
}
.about-image.wp-block-cover .wp-block-heading {
font-size: 52px !important;
}
.about-panel.wp-block-group {
padding: 56px 48px !important;
}
.contact-section {
padding: 70px 72px 50px 72px;
}
}
@media (min-width: 1920px) {
.header-inner,
.footer-inner,
.realizacie-grid,
.page-title,
.realizacie-archive-intro,
.realizacia-detail,
.privacy-section {
max-width: 1600px;
}
.realizacie-grid {
gap: 32px;
}
.realizacia-hero-text h1 {
font-size: 32px;
}
.realizacia-hero-obrazok img {
height: 620px;
}
}
@media(max-width: 786px){
.contact-header-1{
display: none;
}
.contact-header-2{
font-size: 2rem;
text-align: center;
}
.oddelovac2{
display: none;
}
.contact-submit-wrap{
justify-content: center;
}
.wpcf7-spinner{
display: none;
}
}
.kontakt-nadpis-mobil{
text-align: center;
padding: 32px 0px 0px 0px;
font-weight: 800;
font-size: 34px;
}
@media(min-width: 786px){
.kontakt-nadpis-mobil{
display: none;
}
.contact-header-2{
display: none;
}
.podciarknutie{
display: none;
}
}
@media (max-width: 1024px) and (orientation: portrait) {
.stavba-hero__cta-label h3{
white-space: normal !important;
font-size: 18px !important;
}
.stavba-hero__cta-phone {
font-size: 18px !important;
}
}
@media(max-width: 376px){
.header-inner{
padding: 16px;
}
}
.nav-open .nav-toggle {}
.nav-open .nav-toggle span.nav-toggle-icon span:nth-child(2) {
display: none;
}
.nav-open .nav-toggle span.nav-toggle-icon span:nth-child(1) {
rotate: 45deg;
transform: translate(0px, 3px);
transition: all 0.3s;
}
.nav-open .nav-toggle span.nav-toggle-icon span:nth-child(3) {
rotate: -45deg;
transform: translate(2px, -5px);
transition: all 0.3s;
}
.nav-open .nav-toggle span.nav-toggle-icon span {
transition: all 0.3s;
}