/*importy, konstanty*/
@import url('https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap');
:root {
    /* --anthracite: #323c45; */
    /* --light-grey: #949897; */
    /* --semi-grey: #938d86; */
    /* --dark-grey: #3f4040; */
  }

/*obecné elementy*/
body {
    background: var(--user-primary-background);
    font-family: var(--user-font-family);
    color: var(--user-primary-foreground);
    padding: 0;
    margin: 0;
    line-height: 1.5;
    font-weight: 500;    
}

.layout-content-nofront {
    max-width: var(--user-container-width);
    margin: 0 auto;
}

a {
    color: var(--user-primary-foreground);
}

h2 {
    font-weight: 400;
}

.layout-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/*header - banner*/
.header-main {
    background: var(--user-secondary-background);
    width: 100%;
    color: var(--user-secondary-foreground);
    text-align: center;    
}

@media (min-width: 992px) {
    .header-main {
        position: fixed;
        z-index: 10;
        display: grid;
        grid-template-columns: auto 300px;
    }
}

.header-first {}

@media (min-width: 992px) {
    .header-first div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.header-second {}

@media (min-width: 992px) {
    .header-second {
        padding: 0.3em;
    }
}

@media (min-width: 992px) {
    .header-second div{
        display: flex;
        justify-content: right;        
    }
}



.header-site-branding { }

@media (min-width: 992px) {
    .header-site-branding {

    }
}

.header-site-branding a {
    color: var(--user-secondary-foreground);
    font-size: 1.5em;
    text-decoration: none;
}

.header-main-menu {
    margin: 0 0 1em 0;
}

@media (min-width: 992px) {
    .header-main-menu {
        margin: 0 0 0 0;
    }
}

.header-main-menu > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 576px) {
    .header-main-menu > ul {
        display: flex;
        justify-content: center;
    }
}

.header-main-menu > ul li a{
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid var(--user-secondary-foreground);
    color: var(--user-secondary-foreground);
    padding: 0.6em 0.4em;   
    transition: color 1s ease;
    transition: background 1s ease; 
} 

@media (min-width: 576px) {
    .header-main-menu > ul li a {
       
    }    
}

@media (min-width: 992px) {
    .header-main-menu > ul li a {
        border-bottom: none;
    }    
}

.header-main-menu > ul li a:hover {
    color: var(--user-secondary-background);
    background: var(--user-secondary-foreground);
}

.header-main-menu > ul li:last-child {
    
}

.header-main-menu a {
    text-decoration: none;
}

.header-exposed-form { }

@media (min-width: 992px) {
    .header-exposed-form { 
        margin: 0.6em 0 0 1em;                
    }
}

@media (min-width: 576px) {
    .header-exposed-form form {
        display: flex;
        justify-content: center;
    }
}

.header-exposed-form .form-item label {
    display: inline-block;
    width: 20%;    
    text-align: right;
    margin-right: 0.2em;
}

@media (min-width: 576px) {
    .header-exposed-form .form-item label {
        width: auto;
    }
}

.header-exposed-form .form-item select {
    width: 60%;
    padding: 0.5em;
    margin-right: 0.5em;
    opacity: 0.8;
    border-radius: 0;
    border: none;
}

@media (min-width: 576px) {
    .header-exposed-form .form-item select {
        width: auto;
    }
}

.header-social-sites img { 
    width: 32px;
    height: 32px;
    filter:grayscale(1)
}

@media (min-width: 992px) {
    .header-social-sites {

    }
}

.header-lang-switcher .links {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.header-lang-switcher .links li {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.header-lang-switcher .links img {
    filter:grayscale(1);
}

main {
    padding: 0 1em;
    margin-bottom: 1em;
}

/*main layout*/
@media (min-width: 992px) {
    main {
        padding-top: 3em;
    }
}


/*Masonry Views*/
.masonry-layout-dila {
    margin: 0 auto;
}

.masonry-item {
    overflow: hidden;
}

@media (max-width: 360px) {
    .masonry-item {
        width: 100%;
        height: auto;
        display: block;
        margin: 0;
        padding: 0;
    }
}

.masonry-item img {
    display: block;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    max-width: 100%;
}

.masonry-item img:hover {
    -webkit-transform:scale(1.10); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:scale(1.10); /* Opera */
    transform:scale(1.10);
}

.dila-masonry-views-image-description {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    font-size: 0.8em;
    text-align: right;
    padding: 0.3em;
    color: #000;
}

.dila-masonry-views-image-description h2 {
    margin: 0;
    font-weight: 400;
}

/*general-content*/
.general-content-image {
    text-align: center;
    background: var(--user-secondary-background);
    padding: 1em;
}

.general-content-image img {
    max-width: 100%;
}

/*content obraz*/
.content-obraz-field-obraz {
    text-align: center;
    background: var(--user-secondary-background);
    padding: 1em;
}

.content-obraz-field-obraz img {
    max-width: 100%;
    height: auto;
}

.content-obraz-field-doplnkova-fotogalerie {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: var(--user-secondary-background);
    margin: 1em 0;
    padding: 1em 0;
}

.content-obraz-field-doplnkova-videogalerie {
    background: var(--user-secondary-background);    
}

@media (min-width: 576px) {
    .content-obraz-field-doplnkova-videogalerie {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 576px) {
    .content-obraz-field-doplnkova-videogalerie > div {
        width: 500px;
    }
}

.content-obraz-field-group-vlastnosti {
    display: flex;
    gap: 1em;
    font-style: italic;
    flex-wrap: wrap;
}

.content-obraz-field-pictoart-pridat-do-kosiku .pictoart-btn {
    background: #4fc94f;
    color: #000;
    padding: 0.5em;
    display: inline-block;
    cursor: pointer;
}

.content-obraz-field-pictoart-pridat-do-kosiku .pictoart-btn::before {
    font-family: "Font Awesome 6 Free";
    content: "\f217";
    font-weight: 900;
    padding: 0 0.5em 0 0;
}

/*views autori obrazu*/
.autori-obrazu-views-row {
    clear: both;
}

.autori-obrazu-views-row .views-field-field-fotografie {
    float: left;
    margin:  0 1em 1em 0;
}

.autori-obrazu-views-row h2 {
    text-transform: uppercase;
}

/*views general content list*/
.views-general-content-list-vews-row {
    clear: both;
    padding: 0.5em 0 0.5em 0;
}

.views-general-content-list-heading {
    text-transform: uppercase;
}

.views-general-content-list-image {
    text-align: center;
}

@media (min-width: 576px) {
    .views-general-content-list-image {
        float:left;
        margin: 0 1em 0 0;    
    }
}

.views-general-content-list-image img {
    max-width: 100%;
}

.views-general-content-list-content-link {
    margin: 2em 0em;
}

/*views interiery*/
.interiery-views {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.interiery-views .views-row {
    overflow: hidden;
}

.interiery-views .views-row img {
    display: block;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.interiery-views .views-row img:hover {
    -webkit-transform:scale(1.10); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:scale(1.10); /* Opera */
    transform:scale(1.10);
}

@media (max-width: 650px) {
    .interiery-views .views-row {
        width: 100%;
    }
    
    .interiery-views .views-row img {
        max-width: 100%;
        height: auto;
    }
}

/*contact form*/
.contact-form .form-item {
    margin: 1em 0;
}
.contact-form label {
    display: block;
}

.contact-form input {
    padding: 0.3em;
}

.contact-form textarea {
    width: 100%;
    padding: 0.3em;
}

/*PicToArt*/
.header-cart { 
    display: inline-block;
}

@media (min-width: 992px) {
    .header-cart {
        float: right;
        margin-right: 1em;    
    }
}

.header-cart .nav-cart {
    overflow: hidden;
}

.header-cart .shortcart {
    min-height: 0;
    background: var(--user-primary-background);
    color: var(--user-primary-foreground);
    border: none;
    margin-top: 0.3em;
}

.header-cart #tog-cart {
    display: none;
}

/*footer*/
footer {
    background: var(--user-secondary-background);
    color: var(--user-secondary-foreground);
    border: 1px solid var(--user-secondary-background);
    padding: 1em;
    margin-top: auto;
}

@media (min-width: 992px) {
    footer {
        display: flex;
    }
}