/*
Theme Name: wens
Text Domain: wens
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

html {
scroll-behavior: smooth;
}

body {
line-height: 1;
}

a {
text-decoration-skip-ink: auto;
transition: all 0.3s linear;
}

a[href^="tel"] {
color: inherit;
text-decoration: none;
}

button {
outline: 0;
}

ol,ul {
list-style: none;
}

blockquote,q {
quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}

q {
display: inline;
font-style: italic;
}

q:before {
content: '"';
font-style: normal;
}

q:after {
content: '"';
font-style: normal;
}

textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"] {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}

input[type="search"] {
-webkit-appearance: textfield;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

th,td {
padding: 2px;
}

big {
font-size: 120%;
}

small,sup,sub {
font-size: 80%;
}

sup {
vertical-align: super;
}

sub {
vertical-align: sub;
}

dd {
margin-left: 20px;
}

kbd,tt {
font-family: courier;
font-size: 12px;
}

ins {
text-decoration: underline;
}

del,strike,s {
text-decoration: line-through;
}

dt {
font-weight: bold;
}

address,cite,var {
font-style: italic;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}

* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}

:root {
--white: #ffffff;
--black: #000000;
--red: #ED1C24;
--grey: #535353;
}

@font-face {
    font-family: 'Campton Light';
    src: url('/wp-content/themes/wens/fonts/Campton/Campton-Light.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'Campton Book';
    src: url('/wp-content/themes/wens/fonts/Campton/Campton-Book.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'Campton Book';
    src: url('/wp-content/themes/wens/fonts/Campton/Campton-Book-Bold.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'Lora Bold';
    src: url('/wp-content/themes/wens/fonts/Lora/Lora-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Lora';
    src: url('/wp-content/themes/wens/fonts/Lora/Lora-Regular.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Lora Bold Italic';
    src: url('/wp-content/themes/wens/fonts/Lora/Lora-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Lora Italic';
    src: url('/wp-content/themes/wens/fonts/Lora/Lora-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

html {
    max-width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    font-family: 'Campton Light';
    position: relative;
}
    
p {
    font-family: 'Campton Light';
    color: var(--brown);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}

strong {
    font-family: 'Campton Book';
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Campton Light';
    color: var(--darkgreen);
    line-height: 1.2;
}

h1.gold, h2.gold, h3.gold, h4.gold, p.gold {
    color: var(--gold);
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

img {
    width: 100%;
    height: auto;
}

/*layout*/
section {
    width: 100%;
}

.row.in-grid {
    max-width: 1300px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    position: relative;
    display: block;
}

.columns-wrapper {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: none;
    /*margin-left: -15px;
    margin-right: -15px;*/
}

.columns-wrapper.middle {
    align-items: center;
}

.col-12 {
    flex: 0 0 100%;
    width: 100%;
}

.col-11 {
    flex: 0 0 91.66666667%;
    width: 91.66666667%;
}

.col-10 {
    flex: 0 0 83.33333333%;
    width: 83.33333333%;
}

.col-9 {
    flex: 0 0 75%;
    width: 75%;
}

.col-8 {
    flex: 0 0 66.66666667%;
    width: 66.66666667%;
}

.col-7 {
    flex: 0 0 58.33333333%;
    width: 58.33333333%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
}

.col-4-5 {
    width: 80%
}

.col-3-5 {
    width: 60%
}

.col-2-5 {
    width: 40%
}

.col-1-5 {
    width: 20%
}

.content-container {
    position: relative;
     z-index: 2;
    max-width: 1300px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

/*RESPONSIVE*/
@media (max-width: 1000px) {
.col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1, .col-4-5, .col-3-5, .col-2-5, .col-1-5 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding-left: 0%;
    padding-right: 0%;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}
}

.grey {
    color: #777;
}

.white {
    color: var(--white);
}

.red {
    color: var(--red);
}

/*HEADER + MEGAMENU*/
@media (min-width: 1000px) {
    button.drawer-toggle.drawer-hamburger {
        display: none;
}}

header {
    background: url(/wp-content/uploads/2022/10/slide-bgr.jpg);
    background-size: cover;
    background-position: top center;
    padding-top: 50px;
    padding-bottom: 50px;
    z-index: 15;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.header-bgr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-135deg, rgba(17,17,17,0.1), rgba(17,17,17,0.6));
    transition: all 0.3s ease-in-out;
    opacity: 1;
    backdrop-filter: blur(10px);
}

body.megamenu-visible .header-bgr {
    opacity: 0;
}

body.megamenu-visible header {
    background: #535353
}

main.transparent-header {
    margin-top: -148px;
}

a.header-logo img {
max-width: 270px;
}

.columns-wrapper.header-layout {
justify-content: space-between;
align-items: center;
width: 100%;
}

.megamenu {
z-index: 25;
}

.megamenu .megamenu-nav .nav-item.is-open > .megamenu-content {
visibility: visible;
opacity: 1;
}

.megamenu .megamenu-nav .nav-link {
color: #fff;
padding: 15px 0px;
margin-left: 50px;
font-size: 18px;
font-weight: 400;
}

/*.megamenu .megamenu-nav .nav-item.is-open > .nav-link,
.megamenu .megamenu-nav .nav-link:hover {
color: #fff;
}*/

.megamenu .megamenu-content {
position: absolute;
left: 0;
top: 50px;
overflow: hidden;
visibility: hidden;
opacity: 0;
z-index: 14;
transition: all 0.3s ease-in-out;
width: 100%;
}

.megamenu-background {
background: #535353;
position: absolute;
left: 50%;
top: 50px;
right: 0;
height: 0;
transition: all 0.3s ease-in-out;
z-index: 13;
width: 100vw;
transform: translateX(-50%);
}

.megamenu-content .columns-wrapper {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
display: block;
}
  
.megamenu-content ul#menu-menu-produkty {
    display: flex;
}

.megamenu-column {
    flex: 0 0 33.3333%;
}

li.megamenu-column>a {
    display: none;
}

ul.sub-menu li a {
   margin-bottom: 30px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 25px;
}

ul.sub-menu li ul.sub-menu li a {
  margin-bottom: 15px;
    font-size: 16px;
}
  
.megamenu .megamenu-nav a {
    position: relative;
    padding-bottom: 15px;
    text-decoration: none;
}

.megamenu .megamenu-nav a:after {
    content: '';
    width: 0%;
    height: 1px;
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease;
}

.megamenu .megamenu-nav a:hover:after {
    width: 100%;
} 

.megamenu .megamenu-nav ul.sub-menu li.line > a:after {
    width: 51px;
}

.megamenu .megamenu-nav ul.sub-menu li.line > a:hover:after {
    width: 100%;
}

li.no-link > a {
    pointer-events: none;
}

a.nav-link.active:after {
    width: 100%;
}

/*HOMEPAGE*/
.section.homepage-main {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.section.homepage-main .bgr {
    background-image: url(/wp-content/uploads/2022/10/slide-bgr.jpg);
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transform: scale(1.1);
    filter: blur(10px);
}

.section.homepage-main .bgr-blur {
    position: absolute;
    background: linear-gradient(-135deg, rgba(17,17,17,0.1), rgba(17,17,17,0.6));
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*Slider*/
.uvodslider .col-6.slide-description .inner {
    width: 35vw;
    padding-right: 5vw;
}

.uvodslider .col-6.slide-description {
    display: flex;
    justify-content: flex-end;
}

.uvodslider .columns-wrapper.middle {
    max-width: 1270px;
    margin-left: auto;
    margin-right: auto;
}

ul.uvodslider .col-6.image {
padding: 0;
}

ul.uvodslider .col-6.image img {
    width: 55vw;
    position: relative;
    right: 5vw;
    height: calc(100vh - 340px);
    object-fit: cover;
}

ul.uvodslider {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

ul.uvodslider .slick-slide {
    overflow: hidden;
}

ul.uvodslider ul.slick-dots {
    position: absolute;
    left: 30px;
}

ul.uvodslider .slick-dots button:focus {
    outline: none;
}

ul.uvodslider ul.slick-dots button {
    border: none;
    border-right: 1px solid rgb(255 255 255 / 0%);
    font-size: 18px;
    padding: 5px 10px;
    margin-bottom: 25px;
    background: transparent;
    color: rgb(255 255 255 / 50%);
    cursor: pointer;
    transition: all 0.3s ease;
}

ul.uvodslider ul.slick-dots button:hover,
ul.uvodslider ul.slick-dots li.slick-active button {
    border-right: 1px solid #fff;
    color: #fff;
}

p.slide-label {
    display: inline-block;
    background: rgb(255 255 255 / 0.2);
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 16px;
    font-family: 'Campton Book';
    margin-bottom: 20px;
}

h2.slide-nadpis {
    color: #fff;
    margin-bottom: 30px;
    font-family: 'Campton Light';
}

p.slide-text {
    font-size: 20px;
    color: #fff;
    font-family: 'Campton Light';
    line-height: 1.8;
    margin-bottom: 40px;
}

a.wens-button {
    color: #fff;
    position: relative;
    font-size: 16px;
    padding-left: 56px;
    text-decoration: none;
    transition: all 0.3s ease;
}

a.wens-button:before {
    content: '';
    width: 40px;
    height: 1px;
    position: absolute;
    background: #ED1C24;
    left: 0;
    top: 11px;
}

a.wens-button:hover {
    color: #ED1C24;
}
/*slider end*/

.section.home-2 {
    position: relative;
    padding-top: 250px;
    padding-bottom: 50px;
}

.section.home-2 .bgr {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #343434 10%, #535353 30%);
    top: 0;
    left: 0;
}

.uvodny-text .col-6 {
    margin: auto;
    text-align: center;
    position: relative;
    margin-bottom: 200px;
}

.uvodny-text .col-6:after {
    content: '';
    width: 350px;
    height: 1px;
    position: relative;
    background: #fff;
    bottom: 0;
    display: inline-block;
    margin-top: 50px;
}
    
p.subtitle {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 20px;
}

p.perex {
    font-size: 20px;
    font-family: 'Campton Light';
}

.kategorie {
    text-align: center;
}

.kategorie-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.kategoria {
    flex: 0 0 33.333%;
    padding: 10px;
}

.kategoria a {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 105%;
    overflow: hidden;
}

.kategoria a:after {
    content: '+';
    position: absolute;
    z-index: 100;
    font-size: 50px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.kategoria a:hover:after {
    opacity: 1;
}

.kat-bgr {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
}

.kategoria a:hover .kat-bgr {
    transform: scale(1.05);
    filter: blur(5px);
}

.kat-bgr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

h3.nazov-kategorie {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    font-size: 28px;
    font-family: 'Campton Light';
    transition: all 0.3s ease;
}

.kategoria a:hover h3.nazov-kategorie {
    opacity: 0;
}

.blur-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0%), #000);
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.section.home-3 {
    background: #535353;
    text-align: center;
    padding-bottom: 150px;
}

img.logo-large {
    position: relative;
    opacity: 0.05;
    transform: scale(1.07);
}

.section.home-3 .row.in-grid {
    max-width: 1800px;
}

.ref-uvod {
    margin-top: 40px;
    margin-bottom: 50px;
    display: flex;
}

.kategoria.ref {
    flex: 0 0 25%;
    padding: 10px;
}

.kategoria.ref a {
    padding-bottom: 130%;
}


/*PRODUKTY*/
.section.homepage-main.produkty-main {
    height: auto;
    padding-top: 140px;
    padding-bottom: 140px;
}

.kategorie-large {
    display: flex;
    background: var(--grey);
    height: 100%;
}

.kategorie-large .col-4 {
    padding: 0;
}

.kategorie-large .col-4 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.kategorie-large .col-8 {
    padding: 30px 10px 30px 30px;
}

.kategorie-large h3 {
    color: #fff;
}

.kategorie-large h3:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: var(--red);
    margin-top: 20px;
    margin-bottom: 25px;
}

.kategorie-large ul li {
    padding-bottom: 15px;
}

.kategorie-large a {
    color: #fff; 
}

.columns-wrapper.cat-bottom .kategorie-grid {
    gap: 20px;
    justify-content: space-between;
}

.columns-wrapper.cat-bottom .kategorie-grid .kategoria {
    flex: 0 0 calc(25% - 20px);
    padding: 0px;
}

.columns-wrapper.banners {
    width: 100%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.banners .col-6 {
    padding: 0;
}


/*PREFOOTER BANNERS*/
a.banner-link {
    width: 100%;
    padding-bottom: 45%;
    position: relative;
    display: inline-block;
    background: #000;
    overflow: hidden;
    height: 100%;
}

a.banner-link .banner-bgr {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
}

a.banner-link.projekty .banner-bgr {
    background: url(/wp-content/uploads/2022/09/banner-projekty.jpg);
    background-size: cover;
    background-position: center;
}

a.banner-link .banner-bgr {
    background: url(/wp-content/uploads/2022/09/banner-cennik.jpg);
    background-size: cover;
    background-position: center;
}

a.banner-link:hover .banner-bgr {
    opacity: 0.7;
    transform: scale(1.1);
    filter: blur(5px);
}

h3.banner-title {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: var(--grey);
    height: 100px;
    width: 360px;
    text-align: center;
    line-height: 100px;
}

h3.banner-title span {
    position: relative;
    padding-left: 54px;
    margin-left: -27px;
}

h3.banner-title span:before {
    content: '';
    width: 40px;
    height: 1px;
    position: absolute;
    background: #ED1C24;
    left: 0;
    top: 15px;
}

a.banner-link.cennik h3.banner-title {
    right: 0;
}

/*PREFOOTER BANNERS end*/



/*DVERE page with serie*/
.section.product-with-sidebar {
    position: relative;
}

.section.product-with-sidebar .bgr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #4b4b4b 50%, #535353 50%);
}

.product-with-sidebar .col-3.sidebar {
    background: #4b4b4b;
    padding-top: 70px;
    padding-bottom: 30px;
   padding-left: 0;
}

.product-with-sidebar .col-9.content {
    background: #535353;
   padding-top: 70px; 
    padding-bottom: 100px;
   padding-right: 0;
}

.sidebar .menu a {
    color: rgb(255 255 255 / 0.7);
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 8px;
   display: inline-block
}

.sidebar .menu .current-menu-item a {
   color: #fff;
}

.sidebar .menu .menu-item-has-children>a span {
   border-bottom: 1px solid #fff;
   padding-bottom: 5px;
   margin-bottom: 10px;
   display: inline-block;
}

.sidebar .menu ul.sub-menu {
   padding-bottom: 30px;
   margin-bottom: 30px;
   border-bottom: 1px solid rgb(255 255 255 / 0.3);
}

.sidebar .menu ul.sub-menu a {
   font-size: 16px;
}

.col-9.content .top-content h1 {
    color: #fff;
    padding-bottom: 20px;
}

.top-content .uvod-description {
    color: #fff;
}

.top-content {
    margin-bottom: 40px;
}

li.col-4.seria-item a {
   background: #fff;
    display: block;
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 30px;
    text-decoration: none;
    color: #535353;
    position: relative;
    overflow: hidden;
}

li.col-4.seria-item a h3 {
    font-size: 16px;
}

.seria-item .seria-img {
    width: 100%;
    padding-bottom: 110%;
    position: relative;
    overflow: hidden;
}

.seria-item .seria-img img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition: all 0.4s ease;
}

li.col-4.seria-item a:hover img {
    transform: scale(1.1);
}



/*SINGLE PRODUKT*/
.section.product-item {
    background: var(--grey);
    padding-top: 120px;
    padding-bottom: 100px;
    position: relative;
}

img.logo-large {
    position: absolute;
    top: 100px;
    opacity: 0.03;
}

.link-back {
    margin-bottom: 40px;
}

.link-back a {
    color: #fff;
    position: relative;
    padding-left: 40px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.link-back a:before {
    content:'';
    width: 24px;
    height: 10px;
    position: absolute;
    background: url(/wp-content/uploads/2022/10/arrow-back.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 5px;
    left: 0;
    transition: all 0.3s ease;
}

.link-back a:hover {
    opacity: 0.7;
}

.product-item h1 {
    color: #fff;
    margin-top: 0px;
    margin-bottom: 20px;
}

.product-item .description {
    color: #fff;
}

a.outline-btn {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    padding: 20px 70px;
    border: 1px solid #fff;
    display: inline-block;
    margin-top: 60px;
    transition: all 0.3s ease;
}

a.outline-btn:hover {
    background: #fff;
    color: var(--grey);
}

.section.serie-sub {
    background: var(--grey);
}

.section.serie-sub .col-12 {
    max-width: 840px;
    margin: auto;
}

ul.gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 100px;
    justify-content: center;
}

ul.gallery li {
    flex: 0 0 calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    background: #fff;
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 20px;
}

ul.gallery li .seria-img {
    width: 100%;
    padding-bottom: 110%;
    position: relative;
    overflow: hidden;
}

ul.gallery li .seria-img img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition: all 0.4s ease;
}

ul.gallery li a:hover .seria-img img {
    transform: scale(1.1);
}

.slick-lightbox-slick-caption {
    position: relative;
    display: block;
    margin-top: 10px;
}




/*FOOTER*/
footer#footer {
    background: url(https://wens.wauweb.sk/wp-content/uploads/2022/10/Group-210.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.section.footer-top {
    padding-top: 50px;
    padding-bottom: 60px;
   border-bottom: 1px solid rgb(255 255 255 / 0.2);
}

.section.footer-top .footer-logo {
    margin-bottom: 20px;
    max-width: 270px;
}

.section.footer-top p {
   color: #fff;
}

.section.footer-top img.eu {
   max-width: 270px;
   margin-top: 55px;
}

.section.footer-top h4 {
   color: #AAAAAA;
   font-size: 20px;
   font-family: 'Campton Book';
   padding-bottom: 25px;
   font-weight: 700;
}

.section.footer-top a {
   color: #fff;
   font-size: 24px;
   line-height: 1.5;
   transition: all 0.3s ease;
   text-decoration: none;
}

.section.footer-top a:hover {
   opacity: 0.7;
}

.section.footer-copyright {
   padding-top: 20px;
   padding-bottom: 20px;
}

.section.footer-copyright p,
.section.footer-copyright a {
   color: #fff;
   font-size: 14px;
   opacity: 0.7;
   text-decoration: none;
   transition: all 0.3s ease;
}

.section.footer-copyright a:hover {
   opacity: 1;
}

ul#menu-footer-menu {
   display: flex;
   justify-content: flex-end;
}

ul#menu-footer-menu li {
   padding-left: 15px;
}


/*REFERENCIE*/
.section.projekty {
    background: var(--grey);
    padding-top: 60px;
    padding-bottom: 100px;
    position: relative;
}

.section.projekty h1 {
    color: #fff;
    margin-bottom: 40px;
}

.archive-pagination {
    text-align: center;
    margin-top: 50px;
}

.archive-pagination .page-numbers {
    color: #fff;
    padding: 2px 4px;
    margin: 0 2px;
}

.archive-pagination span.page-numbers {
    opacity: 0.3;
}

span.icon-paged.next {
    border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
    transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
    position: relative;
    top: -1px;
}

span.icon-paged.prev {
    border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
    position: relative;
    top: -1px;
}

.ref-inner-wrapper {
position: absolute;
    bottom: 20px;
    left: 30px;    
    transition: all 0.3s ease;
}

.kategoria.ref h3.nazov-referencie {
    font-size: 18px;
    color: #fff;
    font-family: 'Campton Light';
}

p.autor-navrhu {
    font-size: 14px;
    color: #fff;
    font-family: 'Campton Light';
}

.kategoria a:hover .ref-inner-wrapper {
    opacity: 0;
}

.section.single-referencia {
    background: var(--grey);
    padding-top: 60px;
    padding-bottom: 100px;
    position: relative;
}

.section.single-referencia h1, 
.section.single-referencia p.autor {
    color: #fff;
    padding-bottom: 10px;
}


.alm-gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 50px;
}

.alm-gallery-img {
    flex: 0 0 25%;
    padding: 5px;
}

.alm-gallery-img a.popup {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    padding-bottom: 75%;
    overflow: hidden;
}

.alm-gallery-img a.popup img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    transform-origin: center;
}

.alm-gallery-img a.popup:after {
    content: '+';
    position: absolute;
    z-index: 100;
    font-size: 50px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.alm-gallery-img:hover a.popup:after { 
opacity: 1;
}

.alm-gallery-img:hover:hover a.popup img {
    transform: scale(1.05);
    filter: blur(5px);
}

a#loadMore {
    outline: none;
    color:  #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 10px 30px;
    transition: all 0.3s ease;
}

a#loadMore:focus {
    outline: none;
    box-shadow: none;
}

a#loadMore:hover {
    color: var(--grey);
    background: #fff;
}

div#loadbutton {
    text-align: center;
    margin-top: 30px;
}


/*KONTAKT*/
.section.kontakt-top {
    background: var(--grey);
    position: relative;
    padding-top: 80px;
    padding-bottom: 100px;
}

.section.kontakt-top h3 {
   padding-bottom: 1em; 
}

.text-sidlo p {
    color: #fff;
    padding-bottom: 1em;
}

.text-sidlo a {
    color: #fff;
    text-decoration: underline;
}

.text-sidlo {
    min-height: 300px;
}

.section.kontakt-top .col-6 {
   padding: 0;
}

.foto-sidlo {
   display: block;
}

.foto-sidlo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}


/*VYSTAVY*/
.section.vystavy {
    padding-top: 80px;
    padding-bottom: 80px;
    background: var(--grey);
}

.section.vystavy h1 {
    color: #fff;
    margin-bottom: 50px;
}

.vystava-item {
    background: rgb(255 255 255 / 0.1);
    padding: 30px;
    margin-bottom: 50px;
}

h3.title.white {
    margin-bottom: 0.8em;
}

.vystava-content {
    color: #fff;
    margin-bottom: 30px;
}

.vystava-gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.vystava-gallery-img {
    flex: 0 0 25%;
    padding: 5px;
}

.vystava-gallery-img a {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 75%;
    display: block;
    overflow: hidden;
}

.vystava-gallery-img a img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    transform-origin: center;
}

.vystava-gallery-img:hover a img {
    transform: scale(1.05);
    filter: blur(5px);
}

.vystava-gallery-img a:after {
    content: '+';
    position: absolute;
    z-index: 100;
    font-size: 50px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.vystava-gallery-img:hover a:after {
    opacity: 1;
}

/*popup*/
.mpopup {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}
.modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 80px 80px 50px 80px;
    width: 860px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 0;
}
.modal-header {
  text-align: center;
}
.modal-header h2{
    font-size: 24px;
    margin-bottom: 20px;
}

.modal-header h2 i {
font-size: 36px;
    vertical-align: middle;
    top: -3px;
    position: relative;
    margin-right: 15px;
}
    
.modal-body {
    padding: 2px 12px;
}
.modal-footer {
    padding: 1rem;
    background-color: #ffffff;
    color: #333;
    border-top: 1px solid #e9ecef;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    text-align: right;
}

.modal-header .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.modal-header .close:hover, 
.modal-header .close:focus {
opacity: 0.7;
    cursor: pointer;
}

/* add animation effects */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.modal-body {
    padding: 50px 0 0 0;
    width: 100%;
}

textarea, input[type="text"], input[type="email"]{
    width: 100%;
    position: relative;
    border: 1px solid #535353;
    padding: 10px;
    height: 50px;
    outline: none;
}

textarea {
    height: 120px;
}

textarea:focus, input[type="text"]:focus, input[type="email"]:focus {
border: 1px solid #dc3545 !important;
}

.modal-body .wpcf7 .inline-form {
  flex-direction: row;
    padding: 0 0 15px 0;
    display: flex;
}

.modal-body .wpcf7 .inline-field {
    padding-right: 15px;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.modal-body .wpcf7 .inline-field:last-child {
    padding-right: 0px;
}

span.wpcf7-form-control-wrap {
    width: 100%;
}

button.black-btn {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    padding: 20px 70px;
    border: 1px solid #000;
    transition: all 0.3s ease;
    cursor: pointer;
    background: #000;
}

button.black-btn:hover {
    color: #000;
    background: #fff;
}

button.black-btn {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    padding: 20px 70px;
    border: 1px solid #000;
    transition: all 0.3s ease;
    cursor: pointer;
    background: #000;
}

button.black-btn:hover {
    color: #000;
    background: #fff;
}

.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
padding: 0px;
-webkit-appearance: none;
width: 0px !important;
margin: 0;
display: none;
}

span.wpcf7-list-item label {
display: flex;
}

.wpcf7-list-item {
margin: 0;
}

span.wpcf7-list-item-label {
position: relative;
padding-left: 40px;
font-size: 15px;
line-height: 1.1;
color: #212529;
cursor: pointer;
}

span.wpcf7-list-item-label a {
text-decoration: underline;
color: #212529;
}

span.wpcf7-list-item-label:before {
content: '';
width: 30px;
height: 30px;
position: absolute;
border-radius: 0px;
display: block;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #fff;
border: 1px solid #535353;
}

.radio-field span.wpcf7-list-item-label:before {
border-radius: 100%;
}

span.wpcf7-list-item-label:after {
content: '';
width: 30px;
height: 30px;
position: absolute;
border: 1px solid #535353;
display: block;
left: 0px;
top: 50%;
transform: translateY(-50%);
background: #000 url(/wp-content/uploads/2024/05/icon-check.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
transition: all 0.2s ease;
opacity: 0;
}

.radio-field span.wpcf7-list-item-label:after {
border-radius: 100%;
}

input[type="checkbox"]:checked + span.wpcf7-list-item-label:after, input[type="radio"]:checked + span.wpcf7-list-item-label:after {
transform: translateY(-50%);
opacity: 1;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
font-size: 18px;
margin-top: 20px;
margin-bottom: 50px;
}

.inline-form.middle.gdpr-wrapper {
    align-items: center;
}