@keyframes FadeIn { 
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }

  .slick-current.slick-active .views-field-field-slider- img{
    animation: FadeIn 2.5s ;
}

.flip-book .view .fnav a:hover {
    text-shadow: none !important;
}

.section-flipbook #header .container {
    width: initial;
}

/* ----- Slider PORTFOLIO NOVE SLICK -----*/

.page-node-type-portfolio .slick-slide img {
    width: 100vw;
    max-height: 80vh;
}

.page-node-type-portfolio .slick-dots > li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    padding: 0px;
    font-size: 0px;
    background-color: #c0c0c0;
}


.page-node-type-portfolio .slick-active > button{
    background-color: #404040 !important;
}

.page-node-type-portfolio .slick-dots li{
    margin: 5px 10px 0px !important;
}

.page-node-type-portfolio .slick-dots {
    display: flex;
    justify-content: center;
}

/* SLIDER FRONTPAGE */

.front_slider__obrazok-front-slider img {
    width: 100vw !important;
    height: 80vh;
    object-fit: cover;
}

.page-node-type-frontpage .slick-track > div {
    position: relative;
}

.slider_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.page-node-type-frontpage .slick-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
}

.page-node-type-frontpage .slick-dots > li > button {
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    border-radius: 50%;
    padding: 0px;
    background-color: #c0c0c0;
    transition: all 0.3s;
}

.page-node-type-frontpage .slick-dots > li > button:hover{
    background-color: #404040;
}

.page-node-type-frontpage .slick-dots .slick-active > button {
    background-color: #404040;
}


.front_slider__video video {
    width: 100vw !important;
    height: 80vh;
    object-fit: cover;
}

.front_slider__video p {
    margin: 0;
}


/*------------  SCROOL TO --------------*/

div#block-scrolltoid {
    padding: 35px 0px;
}

.scrolltoid {
    text-align: center;
}

.scrolltoid a {
    content: '';
    border: solid black;
    border-width: 0px 3px 3px 0;
    display: inline-block;
    padding: 13px;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    text-indent: -9999px;
}

/*- FONTS -*/

@font-face {
	font-family: "Montserrat-Bold";
	src:
		url('fonts/Montserrat-Bold.ttf') format("truetype");
}
@font-face {
    font-family: "Montserrat-SemiBold";
    src:
        url('fonts/Montserrat-SemiBold.ttf') format("truetype");
}
@font-face {
    font-family: "Montserrat-Medium";
    src:
    url('fonts/Montserrat-Medium.ttf') format("truetype");
}
@font-face {
    font-family: "Montserrat-Regular";
	src:
    url('fonts/Montserrat-Regular.ttf') format("truetype");
}
@font-face {
    font-family: "Montserrat-Light";
	src:
    url('fonts/Montserrat-Light.ttf') format("truetype");
}
@font-face {
    font-family: "Montserrat-ExtraLight";
    src:
        url('fonts/Montserrat-ExtraLight.ttf') format("truetype");
}
@font-face {
    font-family: "Montserrat-Thin";
    src:
        url('fonts/Montserrat-Thin.ttf') format("truetype");
}


p, a, h3, li, td{
    font-family: 'Montserrat-Regular';
}

p{
    font-size: 18px;
}

h2 {
    font-family: 'Montserrat-Light';
}


h1{
    font-family: 'Montserrat-Light';
    text-transform: uppercase;
    font-size: 33px;
}


.portfolio__nadpis-pod-sliderom a {
    font-family: 'Montserrat-Thin';
}

.typ_realizacnej_prace__title a {
    font-family: 'Montserrat-Thin';
    font-size: 20px;
}

.feed-icon{
    display: none;
}

.container{
    overflow: hidden;
}

.slick-dots li{
    margin: 5px 5px 0px !important;
}



/* ------- HEADER --------*/

.toolbar-tray-open #header{
    top: 80px;
}

#header {
    background-color: #000;
    z-index: 199;
    width: 100%;
    position: relative;
    transition: all 0.2s ease;
    -webkit-transition: all .2s ease;
    position: fixed;
    top: 0px;
}

#header-region > div {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
}


header#header + #main {
    padding-top: 135px;
}

#header .container {
    height: 135px;
}

#block-mytheme-site-branding {
    position: absolute;
    margin: 0;
    left: initial;
    width: 100%;
    text-align: center;
    top: 6px;
}

#block-mytheme-site-branding img {
    max-height: 65px;
    /* background: #000000; */
    padding: 8px;
}

nav#block-mytheme-main-menu {
    right: initial;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 68px;
}

#block-mytheme-main-menu .menu {
    margin: 0;
    padding: 0;
    line-height: 55px;
}

#block-mytheme-main-menu .menu .menu-item {
    display: inline-block;
}

nav#block-mytheme-main-menu .menu .menu-item a {
    color: #eec681;
    cursor: pointer;
    padding: 0 9px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
    transition: 0.3s;
}

#block-mytheme-main-menu .menu .menu-item a.is-active,
#block-mytheme-main-menu .menu .menu-item a:hover {
    background-color: #363636;
    color: #ffe1ab;
    padding: 10px 9px;
}

.page-node-type-frontpage #block-mytheme-main-menu .menu .menu-item a.is-active{
    background-color: initial !important;
    /* color: initial !important; */
}

/*------------ FRONTPAGE --------------*/


.portfolio__obrazok-ukazka img,
.novinky__novinky-obrazok img {
    width: 100%;
}

.novinky__novinky-obrazok img {
	height: 100%;
	aspect-ratio: 2;
	object-fit: cover;
}

.views-row .novinky__novinky-obrazok img {
	aspect-ratio: initial;
}

.page-node-type-frontpage #block-views-block-portfolio-view-block-1 > h2 {
    margin: 0;
    text-align: center;
    padding: 50px 0px;
    font-size: 40px;
}

.page-node-type-frontpage #block-mytheme-page-title{
    visibility: hidden;
    position: absolute;
}

.page-node-type-frontpage .block-views-block-portfolio-view-block-1 > div > div {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
}

.page-node-type-frontpage .block-views-block-portfolio-view-block-1 .views-row {
    flex-basis: calc(100%/4);
    padding: 10px;
}

.frontpage__body {
    max-width: 1400px;
    margin: 0 auto;
}

.frontpage__body h2 {
    margin: 0;
    text-align: center;
    padding: 50px 0px;
    font-size: 40px;
    text-transform: uppercase;
}

.frontpage__body p {
    margin: 0;
}

#block-views-block-zahradna-architektura-block-1 {
    min-height: 600px;
    background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.8)),url(/themes/mytheme/images/zahradna_architektura.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding-bottom: 50px;
}
div#block-views-block-zahradna-architektura-block-1 .views-row {
    max-width: 1400px;
    margin: 0 auto;
}
#block-views-block-zahradna-architektura-block-1 p{
    font-size: 22px;
    margin: 0;
    color: #c1c1c1;
    font-family: 'Montserrat-Light';
    text-align: center;
}
#block-views-block-zahradna-architektura-block-1 h2{
    margin: 0;
    text-align: center;
    padding: 50px 0px;
    font-size: 40px;
}
#block-views-block-zahradna-architektura-block-1 h1{
    padding: 50px 0px;
    text-align: center;
    margin: 0;
}
#block-views-block-zahradna-architektura-block-1 .views-field-view-node {
    width: 100%;
    text-align: center;
    padding: 50px 0px;
}
#block-views-block-zahradna-architektura-block-1 .views-field-view-node a {
    padding: 10px 35px;
    border: 1px solid #363636;
    transition: all 0.3s ease 0s;
}
#block-views-block-zahradna-architektura-block-1 .views-field-view-node a:hover {
    color: #ffffff;
    background-color: #363636;
}


.page-node-type-frontpage .views-row .content {
    position: relative;
}

.page-node-type-frontpage .oznacenie_karty_portfolia {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}

.page-node-type-frontpage .portfolio__nadpis-pod-sliderom h2 {
    font-size: 28px;
    margin: 0;
}

.page-node-type-frontpage .portfolio__motto-portfolia-karty h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 200;
}


.page-node-type-frontpage .oznacenie_karty_portfolia {
    opacity: 0;
    transition: all 0.2s ease 0s;
}

.page-node-type-frontpage .views-row .content:hover .oznacenie_karty_portfolia {
    opacity: 1;
    transition: all 0.2s ease 0s;
}

.page-node-type-frontpage .more-link {
    width: 100%;
    text-align: center;
    padding: 50px 0px;
}

.page-node-type-frontpage .more-link a {
    padding: 10px 35px;
    border: 1px solid #363636;
    transition: all 0.3s ease 0s;
}

.more-link a:hover {
    color: #ffffff;
    background-color: #363636;
}




.page-node-type-frontpage div#block-motto {
    min-height: 600px;
    background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.8)),url(/themes/mytheme/images/mottoimg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-node-type-frontpage .frontpage_motto__body {
    max-width: 980px;
    margin: 0 auto;
    padding: 50px 10px;
}

.page-node-type-frontpage .frontpage_motto__body p {
    font-size: 22px;
    margin: 0;
    text-align: center;
    color: #c1c1c1;
    font-family: 'Montserrat-Light';
}

/* -------------- Titulny Obrazok Fronpage + portfolio pre mobil ---------------- */

.titulny_obrazok_mobil__hlavny-obrazok img {
    height: 70vh;
    width: 100vw;
    object-fit: cover;
}

.portfolio__titulny-obrazok-mobil img {
    width: 100vw;
    height: 50vh;
    object-fit: cover;
}

/*-------------------- novinky -------------------------*/

.page-node-type-frontpage div#block-views-block-pdf-view-block-2{
    background-color: #f2f2f2;
}

.page-node-type-frontpage #block-views-block-pdf-view-block-2 > h2 {
    margin: 0;
    font-size: 40px;
    padding: 50px 0px;
    text-align: center;
}

#block-views-block-pdf-view-block-2 > div > div {
    display: flex;
    flex-wrap: wrap;
}

#block-views-block-pdf-view-block-2 .views-row{
    flex-basis: calc(100%/4);
    padding: 10px;
}

#block-views-block-pdf-view-block-2 > div {
    max-width: 980px;
    margin: 0 auto;
}

.pdf_karta {
    padding: 20px;
    background-color: #ffffff;
}

.pdf__rocnik-pdf {
    font-size: 16px;
    margin: 0;
    padding: 20px 0px 2px;
}

.pdf__nazov-suboru h2 {
    font-size: 16px;
    margin: 0;
}


/* ------------    MEDIA - NOVE ----------------------*/


.page-media div#block-views-block-pdf-book-block-2 {
    background-color: #f2f2f2;
}

.page-media div#block-views-block-pdf-book-block-2 {
    padding: 50px 10px;
}

.page-node-type-frontpage #block-views-block-pdf-book-block-1 > h2 {
    margin: 0;
    font-size: 40px;
    padding: 50px 0px;
    text-align: center;
}

.page-node-type-frontpage #block-views-block-pdf-book-block-1 > div > div,
.page-media #block-views-block-pdf-book-block-2 > div > div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    max-width: 1400px;
    margin: 0 auto;
}

.page-node-type-frontpage #block-views-block-pdf-book-block-1 .views-row ,
.page-media #block-views-block-pdf-book-block-2 .views-row {
    background-color: #ffffff;
    width: 23%;
}

.page-media #block-views-block-pdf-book-block-2 .views-row {
    background-color: #ffffff;
    flex-basis: calc(93.7%/4);
}

.page-node-type-frontpage .flipbook__rok-pdf,
.page-media .flipbook__rok-pdf {
    font-size: 16px;
    margin: 0;
    padding: 20px 20px 2px;
    background-color: #fff;
    font-family: 'Montserrat-Light';
}

.page-node-type-frontpage .flipbook__name,
.page-media .flipbook__name {
    font-size: 16px;
    padding: 0px 20px;
    margin: 0;
    background-color: #fff;
    font-family: 'Montserrat-Regular';
    min-height: 65px;
}

.flipbook__back {
    text-align: center;
}

.pdfcontainer{
    margin: initial;
    border: initial;
}

.flipbook__flipbook-cover img {
    object-fit: cover;
    width: 100%;
}

/* ---------- Media desktop bez textu -----------*/

.page-node-type-frontpage .flipbook__rok-pdf {
    display: none;
}

.page-node-type-frontpage .flipbook__name {
    display: none;
}


/* ----------     MEDIA NOVE MOBILNE ------------ */

.page-node-type-frontpage #block-views-block-pdf-book-mobile-block-1 > div > div,
.page-media #block-views-block-pdf-book-mobile-block-2 > div > div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.page-node-type-frontpage #block-views-block-pdf-book-mobile-block-1 > h2 {
    margin: 0;
    font-size: 40px;
    padding: 50px 0px;
    text-align: center;
}

.page-node-type-frontpage #block-views-block-pdf-book-mobile-block-1 .views-row,
.page-media #block-views-block-pdf-book-mobile-block-2 .views-row {
    width: 48%;
}

.page-node-type-frontpage #block-views-block-pdf-book-mobile-block-1{
    background-color: #fff;
}
.page-media #block-views-block-pdf-book-mobile-block-2 {
    background-color: #f2f2f2;
    padding: 50px 0px;
}

.flipbook__pdftest a {
    font-size: 0px;
}

.flipbook__pdftest span {
    letter-spacing: initial;
}


/*------------ O NAS --------------*/


.page-node-type-o_nas #block-mytheme-content .content {
    display: flex;
    flex-wrap: wrap;
}

.o_nas__body h1 {
    margin-bottom: 7px;
    font-size: 20px;
}

.page-node-type-o_nas h2{
    font-size: 18px;
}

.page-node-type-o_nas .left_side {
    width: 50%;
    min-height: 800px;
}

.page-node-type-o_nas .o_nas__lavy-obrazok {
    width: 100%;
    height: 100%;
}

.page-node-type-o_nas .o_nas__lavy-obrazok img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.page-node-type-o_nas .right_side {
    width: 50%;
    padding: 50px;
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.o_nas__osoby {
    width: 100%;
    padding: 50px 20px;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.o_nas__osoby > div {
    padding: 50px;
}

.osoba__osoba-meno h2 {
    font-size: 20px;
    color: #000;
    font-family: 'Montserrat-Bold';
    margin: 0;
}

.osoba__osoba-funkcia h3 {
    font-size: 18px;
    color: #000;
    font-family: 'Montserrat-Thin';
}
.o_nas__osoby > div > div {
    display: flex;
    flex-wrap: wrap;
}

.osoba__osoba-info p {
    margin: 0;
}

.osoba__osoba-obrazok {
    margin-right: 50px;
    display: flex;
    justify-content: center;
}

.page-node-type-o_nas .right_side p {
    margin: 0;
    font-size: 18px;
}

.page-node-type-o_nas .o_nas__maly-obrazok {
    float: right;
    width: 200px;
    margin-left: 20px;
}

.page-node-type-o_nas .o_nas__body p{
    text-align: justify;
}


.osoba__osoba-info table {
    margin: 10px 0px 0px;
}

.osoba__osoba-info table td {
    padding: 0;
}

.osoba__osoba-info table tbody tr > td:first-child {
    width: 130px;
}

.osoba_informacie {
    width: 63%;
}


.o_nas__osoba1{
    clear: both;
}

.page-node-type-o_nas .o_nas__osoba1,
.page-node-type-o_nas .o_nas__osoba2{
    margin-top: 20px;
}

.o_nas__osoba2 table > tbody > tr > td:first-child, 
.o_nas__osoba1 table > tbody > tr > td:first-child {
    width: 30%;
}

.page-node-type-o_nas tr {
    border-bottom: initial !important;
}

.page-realizacne-prace .nasa_ponuka__description {
    padding-bottom: 50px;
    max-width: 980px;
    margin: 0 auto;
}

.page-realizacne-prace .nasa_ponuka__description p {
    margin: 0;
    color: #909090;
}

.page-realizacne-prace .nasa_ponuka__description p {
    padding-left: 20px;
    padding-right: 20px;
}





/* ------------------ PORTFOLIO VIEW -----------------------  */

div#block-portfoliotitle {
    background: url(/themes/mytheme/images/portfolio.jpg) center;
    background-size: cover;
}




/* Vlastny blok */

.page-portfolio #block-portfoliotitle h1 {
    margin: 0;
    padding: 100px 0px;
    text-align: center;
    color: #fff;
}

.page-portfolio div#block-mytheme-content > div > div form {
    width: 100%;
}

.page-portfolio #views-exposed-form-portfolio-view-page-1 {
    padding: 25px 0px;
}

#edit-tid ul,
[id^="edit-tid-1"] ul,
[id^="edit-tid-2"] ul {
    display: flex;
    gap: 10px;
    justify-content: center;
}

#edit-tid > ul li,
[id^="edit-tid-1"] > ul li,
[id^="edit-tid-2"] > ul li {
    text-transform: uppercase;
}

.page-portfolio #content-area {
    padding: 10px 0px 70px;
    background-color: #f2f2f2;
    position: relative;
    min-height: 500px;
}

.page-portfolio div#block-mytheme-content > div > div {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
}

.page-portfolio .views-row {
    flex-basis: calc(100%/3);
    padding: 10px;
}

.page-portfolio .views-row .content {
    position: relative;
}

.page-portfolio .oznacenie_karty_portfolia {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}

.page-portfolio .portfolio__nadpis-pod-sliderom h2 {
    font-size: 28px;
    margin: 0;
}

.page-portfolio .portfolio__motto-portfolia-karty h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 200;
}

.portfolio__nadpis-pod-sliderom h2{
    text-transform: uppercase;
}



/* ------------------ PORTFOLIO -----------------------  */


.page-portfolio #edit-tid-all {
    display: none;
}


.portfolio__tlacidlo-spat button,
.produkt__tlacidlo-spat button,
.novinky__tlacidlo-spat button,
.typ_realizacnej_prace__tlacidlo-spat button,
.flipbook__back button,
.rastlina__tlacidlo-spat button,
.spat-button{
    text-transform: uppercase;
    font-family: 'Montserrat-Regular';
}

.spat-button{
    width: 133px;
    margin: auto;
    padding-bottom: 25px;

}

.spat-button p{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.produkt__tlacidlo-spat button,
.novinky__tlacidlo-spat button,
.typ_realizacnej_prace__tlacidlo-spat button,
.portfolio__tlacidlo-spat button,
.flipbook__back button,
.rastlina__tlacidlo-spat button,
.spat-button p{
    width: 133px;
    height: 42px;
    border: 1px solid #363636;
    background-color: #fff;
    color: #000;
    transition: all 0.3s ease 0s;
}

.produkt__tlacidlo-spat button:hover,
.novinky__tlacidlo-spat button:hover,
.typ_realizacnej_prace__tlacidlo-spat button:hover,
.portfolio__tlacidlo-spat button:hover,
.flipbook__back button:hover,
.rastlina__tlacidlo-spat button:hover,
.spat-button p:hover{
    color: #ffffff;
    background-color: #363636;
}

.produkt__tlacidlo-spat p,
.novinky__tlacidlo-spat p,
.typ_realizacnej_prace__tlacidlo-spat p,
.portfolio__tlacidlo-spat p,
.flipbook__back p,
.rastlina__tlacidlo-spat p {
    margin: 0px;
}

.portfolio__tlacidlo-spat,
.flipbook__back {
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center !important;
}
.rastlina__tlacidlo-spat{
    margin-top: 50px;
}

.produkt__tlacidlo-spat,
.novinky__tlacidlo-spat,
.typ_realizacnej_prace__tlacidlo-spat{
    margin-bottom: 50px;
    text-align: center !important;
}

.rastlina__tlacidlo-spat{
    text-align: center;
}


.blazy .media--blazy img.b-blur, .blazy .media--blazy img.media__element {
    width: 100vw;
    max-height: 740px;
    object-fit: cover;
}



.portfolio__nadpis-pod-sliderom {
    text-align: center;
    max-width: 980px;
    margin: 0 auto;
}

.portfolio__nadpis-pod-sliderom h1 {
    margin: 50px 0px;
}

.portfolio__body {
    max-width: 980px;
    margin: 0 auto;
    padding: 0px 0px 50px;
    text-align: justify;
}

.portfolio__body p {
    margin: 0;
}


.flex_me {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-bottom: 50px;
}

.flex_me img {
    width: 50px;
    height: 50px;
}

.portfolio__obrazok-galeria {
    max-width: 1200px;
    margin: 0 auto;
}

.portfolio__obrazok-galeria > div {
    margin-bottom: 10px;
}

/* ------------------ MEDIA -----------------------  */

.page-media #block-mytheme-page-title {
    background: url(/themes/mytheme/images/media.jpg) center;
    background-size: cover;
}

.page-media #block-mytheme-content {
    background-color: #f2f2f2;
}

.page-media #block-mytheme-content .content{
    max-width: 980px;
    margin: 0 auto;
}

.page-media #block-mytheme-page-title h1 {
    margin: 0;
    text-align: center;
    padding: 100px 0px;
    color: #fff;
}

.page-media .page__body {
    text-align: center;
    padding-top: 50px;
}

.page-media .page__body p {
    margin: 0;
}

.page-media #block-views-block-pdf-view-block-1 {
    background-color: #f2f2f2;
    padding: 50px 10px;
}

.page-media #block-views-block-pdf-view-block-1 > div > div {
    display: flex;
    flex-wrap: wrap;
}

#block-views-block-pdf-view-block-1 .views-row {
    flex-basis: calc(100%/4);
    padding: 10px;
}

.pdf__nazov-suboru {
    min-height: 65px;
}

/* HERBAR */
/*.page-node-161 #block-mytheme-page-title {
    background: url(/themes/mytheme/images/nase-rastliny.jpg) center;
    background-size: cover;
}*/
.page-node-161 #block-mytheme-page-title h1 {
    /*margin: 0;
    text-align: center;
    padding: 100px 0px;
    color: #fff;
    visibility: hidden;*/
    max-width: 1400px;
    margin: 50px auto 0 auto;
    padding: 0 15px;
    text-align: center;
}
.page-node-161 .page__body{
    text-align: center;
    padding-top: 50px;
}
.page-node-type-rastlina .content{
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 10px;
}
.rastlina_group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
}
.rastlina_group > div {
    width: calc(100%/2 - 25px);
}
.rastlina_left{
    display: flex;
    flex-direction: column;
    /*align-self: center;*/
}
.rastlina__rastlina-galeria{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 50px;
}
.rastlina__rastlina-galeria > div{
    width: calc(100%/4 - 8px);
}
.rastlina__rastlina-galeria img{
    height: 100%;
    object-fit: cover;
}
.bottom_info{
    margin-top: 50px;
}
ul.flexni-ma-rastliny {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    max-width: 1400px;
    margin: 50px auto 0;
}
ul.flexni-ma-rastliny > li {
    background-color: #ffffff;
    width: calc(100%/4 - 15px);
}
.views-field-field-rastlina-obrazok {
    /* min-height: 335px; */
    display: flex;
    align-items: end;
}
.views-field.views-field-field-rastlina-obrazok img{
    height: 268px;
    object-fit: cover;
}
div#block-views-block-rastliny-herbar-block-1{
    padding: 50px 10px;
}
.page-node-161 .views-field-title{
    font-size: 20px;
    font-family: 'Montserrat-Light';
    margin-top: 20px;
    text-align: center;
    box-sizing: border-box;
}
.rastlina__rastlina-obrazok img{
    max-width: 600px;
    width: 100%;
}
.page-node-161 #edit-tid ul,
.page-node-161 [id^="edit-tid-1"] ul,
.page-node-161 [id^="edit-tid-2"] ul{
    flex-wrap: wrap;
}
.cena_rastliny{
    font-family: 'Montserrat-Light';
    font-size: 25px;
    margin-bottom: 10px;
}

/* ------------------ VIDEO -----------------------  */

.page-node-type-video #block-mytheme-page-title {
    background: url(/themes/mytheme/images/videa.jpg) center;
    background-size: cover;
}


.page-node-type-video .video__videogaleria {
    flex-wrap: wrap;
    display: flex;
    gap: 20px;
    justify-content: center;
    max-width: 1400px;
    margin: 0 auto;
}

.page-node-type-video .video__videogaleria > div {
    width: 32%;
    background-color: #ffffff;
}

.page-node-type-video #block-mytheme-content {
    padding: 70px 0px;
    background-color: #f2f2f2;
}

.page-node-type-video .video_karta {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.page-node-type-video #block-mytheme-page-title h1 {
    margin: 0;
    text-align: center;
    padding: 100px 0px;
    color: #fff;
}
.page-node-type-video .video__nadpis-videa{
    margin-right: 8px;
    float: left;
}

.page-node-type-video .video__nadpis-videa h2 {
    font-size: 18px;
    margin: 0;
    padding: 20px;
}

.page-node-type-video .video__oznacenie-videa h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 200;
}


.page-node-type-video .video_karta {
    box-shadow: none !important;
}

.page-node-type-page .page__obrazok-galeria{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.page-node-type-page .page__obrazok-galeria > div{
    width: calc(100% / 4 - 8px);
}



/* NASA PONUKA   */

div#block-views-block-nasa-ponuka1-block-1{
    background-color: #f2f2f2;
}

.nasa_ponuka__ponukaobrazok {
    position: relative;
}
.nasa_ponuka__ponukaobrazok > a img{
    transition: all 0.3s;
}

.page-node-8 .nasa_ponuka__body p {
    margin: 0;
    font-size: 18px;
    text-align: justify;
}

/*.page-node-8 div#block-mytheme-page-title{
        background: url(/themes/mytheme/images/nasa_ponuka2.jpg) center;
        background-size: cover;
}*/

.page-projekcne-prace #block-mytheme-page-title{
    background: url(/themes/mytheme/images/projekcna_cinnost.jpg) center;
    background-size: cover;
}

.page-node-8{
    background-color: #f2f2f2;
}

.page-node-8 div#block-mytheme-content {
    background-color: #f2f2f2;
    padding-top: 50px;
}

.page-node-8 div#block-mytheme-content .nasa_ponuka__body{
    max-width: 980px;
    margin: 0 auto;
}
.page-node-8 div#block-mytheme-page-title h1 {
    /*padding: 100px 0px;
    text-align: center;
    margin: 0;
    color: #fff;*/
    max-width: 1400px;
    margin: 50px auto 0 auto;
    padding: 0 15px;
    text-align: center;
}
.page-node-8 div#block-views-block-nasa-ponuka1-block-1 > div > div,
.page-node-28 div#block-views-block-nasa-ponuka1-block-1 > div > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.page-node-8 .kategoria_text h2,
.page-node-28 #block-views-block-nasa-ponuka1-block-1 .kategoria_text h2 {
    margin: 0;
}

.page-node-8 #block-views-block-nasa-ponuka1-block-1 >div, 
.page-node-28 #block-views-block-nasa-ponuka1-block-1 >div {
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 0px;
}
.page-node-8 .views-row,
.page-node-28 #block-views-block-nasa-ponuka1-block-1 .views-row{
    flex-basis: calc(100%/3);
    padding: 10px;
}


.page-node-8 .kategoria_text,
.page-node-28 #block-views-block-nasa-ponuka1-block-1 .kategoria_text {
    background-color: #ffffff;
    padding: 20px 0px;  
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 7px;
}


.page-node-8 .kategoria_text h2,
.page-node-28 #block-views-block-nasa-ponuka1-block-1 .kategoria_text h2{
    font-size: 17px;
    text-transform: uppercase;
}
.page-node-8 .nasa_ponuka__velky-text > h2 a,
.page-node-28 #block-views-block-nasa-ponuka1-block-1 .nasa_ponuka__velky-text > h2 a {
    font-family: 'Montserrat-Thin';
}

.page-node-8 .nasa_ponuka__maly-text h2,
.page-node-28 #block-views-block-nasa-ponuka1-block-1 .nasa_ponuka__maly-text h2 {
    margin: 0;
}

.page-node-8 .nasa_ponuka__maly-text > h2 a,
.page-node-28 #block-views-block-nasa-ponuka1-block-1 .nasa_ponuka__maly-text > h2 a {
    font-family: 'Montserrat-Thin';
}

/* REALIZACNE PRACE ZOZNAM  */


.page-realizacne-prace #block-mytheme-page-title h1 {
    margin: 0;
    padding-top: 50px;
}

.page-realizacne-prace #block-mytheme-content {
    padding: 50px 0px;
}

.page-realizacne-prace .typ_realizacnej_prace__title h2 {
    font-size: 17px;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}
.page-realizacne-prace .typ_realizacnej_prace__title {
    padding: 20px 0px;
}
.page-realizacne-prace .typ_realizacnej_prace__poradie h2 {
    margin: 0;
    font-size: 80px;
}

.page-realizacne-prace .item-list{
    max-width: 1400px;
    margin: 0 auto;
}

.page-realizacne-prace .wrap {
    display: flex;
    flex-wrap: wrap;
}

.page-realizacne-prace .wrap .item {
    flex-basis: calc(100%/3);
    padding: 10px;
    position: relative;
}

.page-realizacne-prace .wrap .item .content {
    position: relative;
}

/* REALIZACNE PRACE OBSAH  */

.page-node-type-typ_realizacnej_prace #content-area {
    position: relative;
}

.page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__nadpis- h1 {
    text-align: center;
    color: #ffffff;
    margin: 0;
    font-size: 45px;
    text-transform: uppercase;
}

.page-node-type-typ_realizacnej_prace .pozadie_s_nadpisom {
    position: relative;
}

.page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__obrazok-uputavka {
    overflow: hidden;
    height: 500px;
    position: relative;
}

.page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__obrazok-uputavka img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100vh;
    filter: brightness(0.7);
}

.page-node-type-typ_realizacnej_prace .nadpis_a_motto {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__body > h2 {
    text-align: center;
    font-size: 34px;
    margin: 0;
    padding-bottom: 50px;
}


.page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__motto {
    text-align: center;
    font-size: 30px;
    color: white;
    font-family: 'Montserrat-Regular';
}

.page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__nadpis- {
    text-align: center;
}

.page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__body {
    max-width: 980px;
    margin: 0 auto;
    padding: 50px 0px;
}

.page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__body p {
    margin: 0;
    font-size: 18px;
    text-align: justify;
}


/* -- nova galeria --*/
.page-node-type-typ_realizacnej_prace .typ_realizacnej_prace__obrazok {
    max-width: 1200px;
    margin: 0 auto 50px;
}

.typ_realizacnej_prace__obrazok > div {
    margin-bottom: 10px;
}

/*------------ Odborne poradenstvo --------------*/

.page-projekcne-prace #block-mytheme-page-title,
.page-produkcna-skolka #block-mytheme-page-title {
    min-height: 500px;
    background: url(/themes/mytheme/images/odborne.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}




.page-projekcne-prace #block-mytheme-page-title h1,
.page-produkcna-skolka #block-mytheme-page-title h1 {
    color: #ffffff;
    text-transform: uppercase;
}

.nasa-ponuka-podstranka .nasa_ponuka__description {
    max-width: 980px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.nasa-ponuka-podstranka .nasa_ponuka__description p{
    font-size: 18px;
    text-align: justify;
}

.page-node-482 #block-mytheme-page-title h1,
.nasa-ponuka-podstranka .nasa_ponuka__name h1{
    /*margin: 0;
    padding: 100px 0px;
    text-align: center;
    color: #fff;*/
    margin: 50px auto 0 auto;
    max-width: 1400px;
    padding: 0 15px;
    text-align: center;
}

.page-node-482 #block-mytheme-content{
    max-width: 1400px;
    padding: 20px 15px;
    margin: auto;
}

.nasa-ponuka-podstranka .nasa_ponuka__obrazok {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}

/*.nasa-ponuka-podstranka .nasa_ponuka__name{
    background: url(/themes/mytheme/images/test3.jpg) center;
    background-size: cover;
}

.page-projekcne-prace .nasa_ponuka__name{
    background: url(/themes/mytheme/images/projekcna_cinnost.jpg) center !important;
    background-size: cover;
}

.page-realizacne-prace .nasa_ponuka__name{
    background: url(/themes/mytheme/images/realizacne_prace.jpg) center !important;
    background-size: cover;
}

.page-produkcna-skolka .nasa_ponuka__name{
    background: url(/themes/mytheme/images/produkcna_skolka.jpg) center !important;
    background-size: cover;
}*/


/*------------ ESHOP PRODUKTY VIEW --------------*/


/* CUSTOM VIEW H1 NADPIS*/
.page-eshop h1 {
    margin: 0;
    padding: 100px 0px;
    text-align: center;
    background: url(/themes/mytheme/images/test1.jpg) center;
    background-size: cover;
    color: #fff;
}

.page-eshop #block-mytheme-content {
    padding: 0px 0px 50px;
}

.page-eshop #block-mytheme-content > div > div > div {
    flex-wrap: wrap;
    display: flex;
}

.page-eshop .produkt__produkt-ukazka {
    display: flex;
    justify-content: center;
    padding: 10px;
}

.page-eshop .produkt__nazov-produktu {
    min-height: 60px;
}

.page-eshop .produkt__nazov-produktu h2 {
    margin: 0;
    text-align: center;
    font-size: 22px;
}

.page-eshop .cena_a_info {
    display: flex;
    margin-top: 38px;
}

.page-eshop .produkt__viac-info {
    display: block;
    margin-left: auto;
}

.page-eshop .produkt__viac-info h2 {
    margin: 0;
    font-size: 14px;
}

.page-eshop .produkt__viac-info a {
    background-color: #363636;
    padding: 12px 12px;
    color: #ffffff;
    border-radius: 10px;
}

/*------------ ESHOP PRODUKTY --------------*/

.nazov_a_cena{
    font-family: 'Montserrat-Regular';
}
.nazov_a_cena .produkt__rozmery table{
    font-family: 'Montserrat-Bold';
}

.page-node-type-produkt .produkt__nazov-produktu h1 {
    font-size: 20px;
}

.page-node-type-produkt .produkt__produkt-uputavka {
    overflow: hidden;
    height: 500px;
    position: relative;
}

.page-node-type-produkt .produkt__produkt-uputavka img {
    object-fit: cover;
    object-position: center;
    position: absolute;
    height: 100vh;
    min-width: 100%;
}

.page-node-type-produkt .obrazok_s_popisom {
    display: flex;
    max-width: 980px;
    margin: 0 auto;
    padding: 50px 0px;
    justify-content: center;
}

.page-node-type-produkt .image-zoom:after{
    display: none;
}

.page-node-type-produkt .produkt__produkt-ukazka {
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.page-node-type-produkt .image-zoom-container {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-node-type-produkt .nazov_a_cena {
    width: 50%;
    padding: 50px 50px;
}

.page-node-type-produkt .produkt__body {
    max-width: 980px;
    margin: 0 auto;
    padding: 50px 0px;
}

.page-node-type-produkt .produkt__body p {
    margin: 0;
}

.page-node-type-produkt .produkt__produkt-galeria {
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.page-node-type-produkt .produkt__produkt-galeria > div {
    flex-basis: calc(100%/4);
    padding: 10px;
}


/*------------ KONTAKT --------------*/

.page-kontakt #block-mytheme-page-title {
    display: none;
}

.page-kontakt #block-mytheme-content .content {
    display: flex;
    background-color: #f2f2f2;
    position: relative;
}

.kontakt_left {
    width: 50%;
    min-height: 300px;
    background: url(/themes/mytheme/images/kontakt2.jpg) no-repeat;
    background-size: cover;
    background-position: right;
}

.kontakt__nadpis-obsahu {
    background-color: #f2f2f2;;
    position: absolute;
    top: 200px;
    left: 35%;
}

.kontakt__nadpis-obsahu h1 {
    margin: 0;
    padding: 20px;
}

.kontakt_right {
    width: 50%;
    padding: 300px 26px 150px 20px;
}

.kontakt__body {
    border-left: 1px solid grey;
    padding-left: 26px;
}

.kontakt__body p:nth-child(3) {
    pointer-events: none;
}

/*------------     FOOTER    ------------- */

#footer {
    background: #363636;
}

#block-footerlogo {
    background-color: #363636;
    text-align: center;
    padding-top: 50px;
}
#block-footerlogo .footerlogo__logo-footer img {
    filter: grayscale(1);
    width: auto;
    height: 55px;
    margin-bottom: 5px;
}

div#block-prefooter {
    background-color: #363636;
    padding: 15px 0px;
}

.prefooter__body {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
}

.prefooter__body > div:nth-child(2) {
    margin: 4px 6px 0px;
}

.prefooter__body > div > a img {
    width: 25px;
}

.kontaktne_udaje {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-top: 15px;
    color: #cacaca;
}

.prefooter__mobil p, .prefooter__adresa p, .prefooter__email p{
    margin: 0;
}


.prefooter__adresa {
    border-left: 2px solid grey;
    border-right: 2px solid grey;
    padding: 0px 8px;
}

.prefooter__email a, .prefooter__mobil a {
    color: #cacaca;
}

div#block-footer {
    text-align: center;
    background-color: #292828;
    color: #8e8e8e;
    padding: 20px 10px;
}

#block-ooucookies {
    padding-bottom: 50px;
    background-color: #363636;
}

.ooucookies_group {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.ooucookies_group p {
    margin: 0;
}

.ooucookies_group a {
    color: #cacaca;
}


/*------------     NOVINKY VIEW   ------------- */

div#block-views-block-novinky-block-1 {
    background-color: #f2f2f2;
}

.page-node-type-frontpage #block-views-block-novinky-block-1 > h2,
.page-node-type-frontpage #block-views-block-novinky-block-2 > h2 {
    margin: 0;
    font-size: 40px;
    padding: 50px 0px;
    text-align: center;
    text-transform: uppercase;
}

.page-node-type-frontpage #block-views-block-novinky-block-1 > div > div {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
}

.page-node-type-frontpage #block-views-block-novinky-block-1 > div > div .views-row {
    flex-basis: calc(100%/3);
    padding: 10px;
}

.page-node-type-frontpage .novinky__title h2 {
    padding: 20px 0px 20px 20px;
    margin: 0;
}

.page-node-type-frontpage .novinky__title a {
    font-size: 20px;
}

.novinky__body{
    text-align: justify;
    padding: 0px 20px 20px;
    min-height: 215px;
    font-family: 'Montserrat-Regular';
}

.page-node-type-frontpage #block-views-block-novinky-block-1 > div > div .views-row .content {
    background-color: white;
}


/*------------     NOVINKY    ------------- */

.page-node-type-novinky #content-area {
    max-width: 980px;
    margin: 0 auto;
}

.page-node-type-novinky div#block-mytheme-page-title h1 {
    margin: 0;
    padding: 50px 10px;
    text-align: center;
}

.page-node-type-novinky .novinky__body {
    padding: 50px 0px;
}

/*------------     NOVINKY PAGE VIEW    ------------- */

.page-node-type-frontpage #block-views-block-novinky-block-2,
.page-node-65 #block-views-block-novinky-block-2 {
    background-color: #f2f2f2;
}

.page-node-type-frontpage #block-views-block-novinky-block-2 > div > div .views-row .content,
.page-node-65 #block-views-block-novinky-block-2 > div > div .views-row .content{
    background-color: #fff;
}

.page-node-65 #block-mytheme-content .page__body p{
    margin: 0;
}

.page-node-65 #block-mytheme-content .page__body{
    text-align: center;
    padding-top: 50px;
}

.page-node-65 div#block-mytheme-page-title {
    background: url(/themes/mytheme/images/novinky.jpg) center;
    background-size: cover;
}

.page-node-65 div#block-mytheme-page-title h1{
    padding: 100px 0px;
    text-align: center;
    margin: 0;
    color: #fff;
}

.page-node-65 #block-mytheme-content{
    background-color: #f2f2f2;
}
.page-node-65 #block-mytheme-content .content{
    max-width: 980px;
    margin: 0 auto;
}



.page-node-type-frontpage #block-views-block-novinky-block-2 > div > div,
.page-node-65 #block-views-block-novinky-block-2 > div > div {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 10px;
    max-width: 1400px;
    margin: 0 auto;
}

.page-node-type-frontpage #block-views-block-novinky-block-2 > div > div .views-row,
.page-node-65 #block-views-block-novinky-block-2 > div > div .views-row {
    flex-basis: calc(100%/4);
    padding: 10px;
}

.page-node-65 .novinky__title h2 {
    padding: 20px 20px;
    margin: 0;
    text-align: center;
    min-height: 115px;
}

.page-node-65 .novinky__title a {
    font-size: 20px;
}


/*------------     OOU + COOKIES    ------------- */

.page-cookies #content-area,
.page-ochrana-osobnych-udajov #content-area {
    max-width: 980px;
    margin: 0 auto;
    padding: 50px 10px;
}

.page-cookies #block-mytheme-page-title,
.page-ochrana-osobnych-udajov #block-mytheme-page-title {
    text-align: center;
}


/*------  LOGIN --------*/

.page-user-login #block-mytheme-page-title {
    text-align: center;
    margin-top: 100px;
    text-transform: uppercase;
}

.page-user-login #block-mytheme-page-title h1 {
    color: #000;
}

.user-pass {
    width: 60%;
    margin: 0 auto;
    padding: 100px 0px;
    }

.user-login-form {
    max-width: 1000px;
    margin: 0 auto;
    padding: 100px 0px;
}

.user-login-form .form-actions {
    text-align: center;
    margin-top: 60px;
}

#edit-submit {
    background-color: #cacaca;
    padding: 1rem;
    border-radius: 0.3rem;
    color: #000;
    display: block;
    width: 210px;
    text-align: center;
    margin: 0 auto;
    transition: 0.3s;
    border: 0;
}

#edit-submit:hover,
#edit-submit:active{
    background-color: #363636; 
    color: #fff;
}

#edit-name--description,#edit-pass--description{
    display: none;
}

/* ------------------------- 404 ------------------------- */

.page-node-45 #block-mytheme-page-title {
    max-width: 980px;
    margin: 0 auto;
    padding: 50px 0px;
}

.page-node-45 #block-mytheme-page-title h1 {
    text-align: center;
    margin: 0;
}

.page-node-45 #block-mytheme-content {
    background-color: #dadada;
    max-width: 1600px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 10px 100px;
}

.page-node-45 #block-mytheme-content h2 {
    font-size: 40px;
    color: #292828;
}

.page-node-45 #block-mytheme-content h2:before {
    width: 270px;
    height: 270px;
    content: '';
    display: block;
    background: url(/themes/mytheme/images/404.png) no-repeat;
    background-size: contain;
    margin: 50px auto;
}

.page-node-45 #block-mytheme-content span {
    color: #ffffff;
}

.page-node-45 #block-mytheme-content p {
    font-size: 20px;
}


/*------- COOKIES DEFAULT ----------*/

#cookiesjsr {
    --default-margin: 1.25em;
    --font-size-reset: 1rem;
    --btn-font-color: #fff;
    --btn-border-color: #fff;
    --btn-bg-color: #363636;
    --btn-prime-font-color: #363636;
    --btn-prime-border-color: #fff;
    --btn-prime-bg-color: #fff;
    --btn-inv-font-color: #363636;
    --btn-inv-border-color: #363636;
    --btn-inv-bg-color: #fff;
    --btn-prime-inv-font-color: #fff;
    --btn-prime-inv-border-color: #363636;
    --btn-prime-inv-bg-color: #363636;
    --link-list-font-color: #fff;
    --link-list-separator-color: #fff;
    --banner-logo-offset: 100px;
    --banner-bg-color: #363636;
    --banner-font-color: #fff;
    --layer-header-height: 3.5em;
    --layer-header-bg-color: #fff;
    --layer-header-font-color: #000f37;
    --layer-body-bg-color: #fff;
    --layer-tab-bg-color: #fff;
    --layer-tab-font-color: #000f37;
    --layer-tab-active-bg-color: #363636;
    --layer-tab-active-font-color: #fff;
    --layer-bg-dark: #363636;
    --layer-font-light: #fff;
    --layer-font-dark: #000f37;
    --layer-border-color: #e4e5e6;
    --layer-footer-bg-color: #fff;
    --layer-footer-font-color: #000f37;
    --layer-footer-height: 4.5em;
    --switch-border-color: #e4e5e6;
    --switch-handle-color: #fff;
    --switch-bg-off: #fff;
    --switch-bg-on: #0a0;
    --switch-width: 45px;
    --switch-height: 20px;
    --switch-always-on-font-color: #0a0;
    --switch-always-on-bg-color: #fff;
    }

    .cookiesjsr-service-group--services {
        background-color: rgba(255, 255, 255, 0.14);
    }

    .cookiesjsr-btn {
        border: 2px solid #f2f2f2;
        padding: 0px 5px;
    }

    .cookiesjsr-layer--close.dialog-first-tab {
        background-color: unset !important;
    }

    .cookiesjsr-links.links--row li a:hover{
        color: #f2f2f2;
    }


    /* -------------    COOKIE DOKUMENTACIA     -----------------------*/


    div#cookies-docs {
        max-width: 980px;
        margin: 0 auto;
        padding: 50px 10px;
    }

/* Colorbox border off */

#cboxTitle,
#cboxClose {
    display: none !important;
}


.maintenance-page {
    text-align: center;
}
.maintenance-page header a img {
    display: none
}
.maintenance-page header h1 {
    margin: 50px 0;
}

#views-exposed-form-rastliny-herbar-block-1{
    max-width: 1400px;
    margin: auto;
}

#views-exposed-form-rastliny-herbar-block-1 .form-item-combine{
    margin: 0 auto 35px auto;
    max-width: 350px;
}

#views-exposed-form-rastliny-herbar-block-1 .form-item-combine label{
    display: flex;
    gap: 10px;
    align-items: center;
}

#views-exposed-form-rastliny-herbar-block-1 .form-item-combine label::after{
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/themes/mytheme/images/magnifying-glass.svg');
    background-size: 20px;
}

#views-exposed-form-rastliny-herbar-block-1 .form-item-combine input{
    border: 1px solid #363636;
}

/*.page-node-481 #block-mytheme-page-title {
    background: url(/themes/mytheme/images/videa.jpg) center;
    background-size: cover;
}*/

.page-node-758 #block-mytheme-page-title h1,
.page-node-481 #block-mytheme-page-title h1 {
    margin: 50px auto 0 auto;
    max-width: 1400px;
    padding: 0 15px;
    /*text-align: center;
    padding: 100px 0px;
    color: #fff;*/
    text-align: center;
}

.page-node-758 #block-mytheme-content,
.page-node-481 #block-mytheme-content{
    max-width: 1400px;
    margin: auto;
    padding: 50px 15px;
}

#block-views-block-portfolio-view-block-1 .views-field-title{   
    font-size: 20px;
    font-family: 'Montserrat-Light';
    margin-top: 20px;
    text-align: center;
    box-sizing: border-box;
}

.slovensky-nazov{
    margin-bottom: 5px;
}

.rastlina__momentalne-nedostupne{
    padding: 15px 0;
    color: #c51414;
    font-size: 20px;
}

ul.flexni-ma-rastliny > li{
    position: relative;
}

ul.flexni-ma-rastliny > li .views-field-field-momentalne-nedostupne{
    position: absolute;
    top: 0;
    left: 0;
}

ul.flexni-ma-rastliny > li .views-field-field-momentalne-nedostupne > div{
    background-color: #c51414;
    color: #fff;
    padding: 5px;
}

.rastliny-update{
    max-width: 1200px;
    margin: auto;
    padding: 50px 15px;
}

.rastliny-update table th{
    background-color: #c09e43;
    padding: 0.75em;
}

.rastliny-update table tr:nth-child(odd){
    background-color: #c9ae6669;
}

.rastliny-update table tr td{
    padding: 0.75em;
}

.rastliny-update table tr td .form-item{
    display: flex;
    align-items: center;
}

.rastliny-update table tr td .form-item label{
    margin: 0;
}

.rastliny-update .pager{
    padding-top: 25px;
}

.rastliny-update .pager__items{
    display: flex;
    justify-content: center;
    gap: 5px;
}

.rastliny-update .pager__items a{
    display: block;
    padding: 5px;
    background-color: #c09e43;
    width: 30px;
    color: #fff;
    text-align: center;
}

.page-node-161 .form-item-tid-2{
	padding-top: 30px;
    border-top: 1px solid #dedede;
    margin-top: 30px;
}

.page-node-type-blog #block-mytheme-page-title,
.page-node-type-blog .content {
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 10px;
}

.page-node-type-blog #block-mytheme-page-title{
	text-align: center;
}

.blog__rastlina-obrazok{
	text-align: center;
	max-width: 600px;
	margin: auto;
	padding-bottom: 50px;
}

#edit-tid-1-22.bef-link--selected{
	position: relative;
}

#edit-tid-1-22.bef-link--selected::after{
	content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: #363636;
    rotate: 45deg;
    left: 45px;
}

.page-node-161 [id^="edit-tid-2"] ul a{
	border-radius: 25px;
	font-size: 12px;
}

.page-node-161 .form-item-tid-2 label{
	padding-bottom: 15px;
	font-size: 15px;
	text-transform: uppercase;
}