/*GLOBAL CSS KILL*/

@media (max-width: 980px) {
        .ut-layout-rozmaring-kunyho-kezdolap .headwrapper {
            height: auto!important;
        }
}

.rozmaring .cover .hh-row-container {
        margin-bottom: 0;
        padding-bottom: 30px;
}

/*GLOBAL SETUPS*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

:root {
        --primary-color: #468065;
        --rozmaring-font: 'Poppins', sans-serif;
}

.ult-wrapper.wrapper.rozmaring {
        background-image: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/Rozmaring_kunyho/rozmaring_background.png');
        background-repeat: repeat-y;
        background-size: 100%;
        background-position: center!important;
}



@media screen and (max-width: 1600px) {
        .ult-wrapper.wrapper.rozmaring {
                background-size: 110%;
        }
}

@media screen and (max-width: 1450px) {
        .ult-wrapper.wrapper.rozmaring {
                background-size: 135%;
        }
}

/*WIDGET HEADER*/

.rozmaring .widgetHeader h2 {
        color: var(--primary-color);
        font-size: 20px;
}


/*HEADER*/

.rozmaring .rozmaring_logo {
        background-image: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/Rozmaring_kunyho/rozmaring_logo.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: 20%;
        padding-bottom: 8%;
        position: absolute;
        top: 22%;
        left: 40%;
}

.rozmaring .rozmaring-header.side-page .rozmaring_logo {
        width: 9%;
        padding-bottom: 3.5%;
        top: 3%;
        left: 2%;
        z-index: 3;
}

.rozmaring .rozmaring-header {
        width: 100%;
        height: auto;
        background-image: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/Rozmaring_kunyho/Focim_BG_blurry_kicsi.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding-bottom: 15%;
}

.rozmaring .rozmaring-header.side-page {
        padding-bottom: 4%;
}

.rozmaring .rozmaring-header::before {
        content: "";
        position: absolute;
        width: 30%;
        height: 100%;
        background-color: #000;
        opacity: 0.27;
        top: 0;
        left: 35%;
}

.rozmaring #trees {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
}

.rozmaring .tree_left,
.rozmaring .tree_right {
        width: 30%;
        padding-bottom: 40%;
}

.rozmaring .tree_left{
        background-image: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/Rozmaring_kunyho/tree_1.png');
        background-repeat: no-repeat;
        background-size: 100%;
}

.rozmaring .tree_right{
        background-image: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/Rozmaring_kunyho/tree_2.png');
        background-repeat: no-repeat;
        background-size: 100%;
}

.rozmaring .main_pic {
        width: 80%;
        padding-bottom: 35%;
        background-image: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/Rozmaring_kunyho/Focim_set.png');
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        bottom: 0;
        left: 10%;
}

.rozmaring .woodline {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        background: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/Rozmaring_kunyho/woodline.png');
        background-size: cover;
        height: 50px;
        width: 100%; 
}

 /*NAVIGATION*/

 .rozmaring-header .widget_ultimatummenu {
         position: absolute;
         width: 100%;
         z-index: 1;
         top: 8px;
 }

 .rozmaring-header .widget_ultimatummenu  .navbar-default {
        background-color: transparent;
        background: transparent;
        border: none;
 }

 .rozmaring-header #menu-rozmaring-kunyho-menu{
         width: 100%;
         display: flex;
         flex-direction: row;
         justify-content: center;
 }

 .rozmaring-header #menu-rozmaring-kunyho-menu li{
         position: relative;
         padding: 0px 10px;
 }

 
 .rozmaring-header #menu-rozmaring-kunyho-menu li::before {
        position: absolute;
        content: "";
        width: 80%;
        left: 10%;
        height: 100%;
        border-bottom: 2px solid #fff;
        border-top: 2px solid #fff;
        transform: scale(1);
        transition: .4s ease;
        opacity: 0;
}

.rozmaring-header #menu-rozmaring-kunyho-menu li:hover::before,
.rozmaring-header #menu-rozmaring-kunyho-menu li.active::before {
        transform: scale(0.7);
        transition: .4s ease;
        opacity: 1;
}

.rozmaring-header #menu-rozmaring-kunyho-menu li.active::before {
        border-top: none;
}

 .rozmaring-header #menu-rozmaring-kunyho-menu li a{
        color: #fff;
        text-transform: uppercase;
        font-size: 0.9vw;
        font-family: var(--rozmaring-font);
        font-weight: 300;
 }


 .rozmaring-header .navbar-default  #menu-rozmaring-kunyho-menu > .active a{
        background: transparent;
}


@media screen and (max-width: 1400px) {
        .rozmaring-header .widget_ultimatummenu {
                top: 0px;
        }
 }

 @media screen and (max-width: 1200px) {
        .rozmaring .rozmaring-header::before {
                display: none;
            }
        .rozmaring .rozmaring-header.side-page {
                height: 55px;
                padding: 0;
        }

        .rozmaring .rozmaring-header.side-page .rozmaring_logo {
                width: 125px;
                padding-bottom: 0;
                height: 49px;

            }

         /*HAMBURGER MENU*/

         .rozmaring-header  .container-fluid > .navbar-collapse {
                 margin-right: 0;
                 margin-left: 0;
         }

         .rozmaring-header .navbar-header {
                 width: 100%;
                 background: rgba(0, 0, 0, 0.27);
                 height: 55px;
         }
         .rozmaring-header .container-fluid {
                 padding: 0;
         }

         .rozmaring-header .navbar-default .navbar-toggle {
                border: none;
                display: block;
                float: right;
        }

        .rozmaring-header .navbar-default .navbar-toggle .icon-bar {
                background: #fff;
        }

        .rozmaring-header .navbar-default .navbar-collapse {
                border: none;
                display: none!important;
        }

        .rozmaring-header .navbar-default .navbar-collapse.in {
                display: flex!important;
                background: rgba(0, 0, 0, 0.27);
        }

        .rozmaring-header .navbar-default .navbar-collapse #menu-rozmaring-kunyho-menu {
                flex-direction: column;
                margin: 5px 0;
        }

        .rozmaring-header .navbar-default .navbar-toggle:hover,
        .rozmaring-header .navbar-default .navbar-toggle:focus {
                background: transparent;
        }

        .rozmaring-header .navbar-default .navbar-collapse #menu-rozmaring-kunyho-menu li::before {
                display: none;
        }

        .rozmaring-header .navbar-default .navbar-collapse #menu-rozmaring-kunyho-menu li a{
                font-size: 12px;
        }
        .rozmaring-header .navbar-default .navbar-collapse #menu-rozmaring-kunyho-menu li:hover {
                background: rgba(255, 255, 255, 0.2)
        }
 }


 
 @media screen and (max-width: 900px) {
        .rozmaring-header #menu-rozmaring-kunyho-menu li a{
                font-size: 1vw;
         }
         .rozmaring .rozmaring-header::before {
                width: 40%;
                left: 30%;
            }
 }

 @media screen and (max-width: 768px) {
        .rozmaring-header .widget_ultimatummenu .navbar-default {
                background: rgba(0, 0, 0, 0.27);
            }
        
        .rozmaring .rozmaring-header::before {
                displaY: none;
        }

        .rozmaring .rozmaring_logo {
                width: 34%;
                padding-bottom: 14%;
                top: 17%;
                left: 33%;
        }

        .rozmaring .main_pic {
                width: 90%;
                padding-bottom: 39%;
                left: 5%;
            }

        .rozmaring .tree_left,
        .rozmaring .tree_right {
                width: 32%;
                padding-bottom: 47%;
        }
        .rozmaring-header .navbar-header,
        .rozmaring-header .navbar-default .navbar-collapse.in {
                background: transparent;
        }   
        .rozmaring .main_pic {
                width: 100%;
                padding-bottom: 52%;
                overflow-x: hidden;
                background-position: center;
                background-size: cover;
                left: 0%;
        }
        .rozmaring .rozmaring-header {
                background-position-x: center;
                padding-bottom: 47vw;
        }

        .rozmaring .rozmaring_logo {
                width: 40%;
                padding-bottom: 16%;
                top: 29%;
                left: 30%;
        }
 }

 @media screen and (max-width: 500px) {
        .rozmaring .main_pic {
                width: 100%;
                padding-bottom: 84%;
                overflow-x: hidden;
                background-position: center;
                background-size: cover;
                left: 0%;
        }
        .rozmaring .rozmaring-header {
                background-position-x: center;
                padding-bottom: 82vw;
        }

        .rozmaring .rozmaring_logo {
                width: 52%;
                padding-bottom: 23%;
                top: 23%;
                left: 24%;
            }
 }

/*TÖBBSOROS/EGYSOROS GRID*/ 

.rozmaring .cikk-content-title,
.rozmaring .multigridItemWrapper .cikk-content-title  {
        padding: 5px 10px 5px 10px;
        border-bottom: 6px solid var(--primary-color);
        background: #0000008a;
}


.rozmaring .multigridItemWrapper .cikk-content-moving-container,
.rozmaring .onerowgrid .cikk-content-moving-container {
        transform: translate(0px, -50px);
        transition: 0.4s ease;
        display: flex;
        flex-direction: column;
}


.rozmaring .multigridItemWrapper .image-wrapper:hover .cikk-content-moving-container,
.rozmaring .onerowgrid .image-wrapper:hover .cikk-content-moving-container {
        transform: translate(0, 0);
        transition: 0.4s ease;
        background-color: #468065da;
}



.rozmaring .multigridItemWrapper .cikk-content-moving-container .article_lead,
.rozmaring .onerowgrid .cikk-content-moving-container .article_lead,
.rozmaring .multigridItemWrapper .cikk-content-moving-container .article-lead{
        font-family: var(--rozmaring-font);
        font-weight: 300;
        font-size: 12px;
        padding: 0;
        padding-left: 0;
}

.rozmaring .multigridItemWrapper .cikk-content-moving-container .article_date,
.rozmaring .onerowgrid .cikk-content-moving-container .article_date {
        color: #fff;
        font-family: var(--rozmaring-font);
        font-size: 12px;
        padding: 0;
}

.rozmaring .multigridItemWrapper .cikk-content-moving-container .article-title,
.rozmaring .onerowgrid .cikk-content-moving-container .article-title{
        font-family: var(--rozmaring-font);
        font-weight: 400;
        font-size: 14px;
        color: #fff;
        padding: 0;
}

.rozmaring .cikk-content-title .article-title,
.rozmaring .onerowgrid h1.article_title {
        font-family: var(--rozmaring-font);
        font-weight: 300;
        font-size: 16px;
}

/*SZÖBEG A KÉP ALATT*/
.rozmaring .displaymodeB .cikk-content-title,
.rozmaring .multigridItemWrapper .displaymodeB .cikk-content-title ,
.rozmaring .multigridItemWrapper .displaymodeB .cikk-content-moving-container {
        padding: 5px 10px 5px 10px;
        border: none;
        background: transparent;
        display: block;
        transform: translate(0, 0);
        min-height: 0!important;
        padding: 0;
}

.rozmaring .displaymodeB .article-title {
        color: var(--primary-color);
        font-weight: 500;
        padding-top: 10px;
        padding-bottom: 5px;
        transition: .4s ease;
}

.rozmaring .displaymodeB .article-lead,
.rozmaring .multigridItemWrapper .displaymodeB .cikk-content-moving-container .article-lead {
        color: #000!important;
        font-size: 14px;
}

.rozmaring .displaymodeB .image-wrapper::before {
        transition: .4s ease;
        width: 100%;
        height: 100%;
        background: var(--primary-color);
        opacity: 0;
        top: 0;
        left: 0;
        position: absolute;
        content: "";
}

.rozmaring .displaymodeB:hover .image-wrapper::before {
        opacity: 0.8;
        transition: .4s ease;
}

.rozmaring .displaymodeB:hover .article-title {
        color: #000;
        transition: .4s ease;
}



 /*LISTA KÉPEKKEL*/

 .rozmaring .coverListWithImageOrTag .nagy  .text-content-wrapper {
        padding-left: 48%;
 }

.rozmaring .coverListWithImageOrTag .nagy .image-wrapper {
        width: 45%;
        padding-bottom: 25.5%;
 }

.rozmaring .coverListWithImageOrTag .text-content-wrapper a,
.rozmaring .coverListWithImageOrTag .text-content-wrapper a h1.article-title {
         font-size: 16px;
         color: var(--primary-color);
         font-family: var(--rozmaring-font);
 }


.rozmaring .coverListWithImageOrTag .text-content-wrapper .article-lead {
         font-size: 14px;
         color: #000;
         font-family: var(--rozmaring-font);
 }


 .rozmaring .coverListWithImageOrTag .owl-item {
         padding: 0;
 }
 
 .rozmaring .coverListWithImageOrTag .owl-item .cikk {
         padding: 0 0 10px 0;
 }

 @media screen and (max-width: 768px) {
        .rozmaring .coverListWithImageOrTag .owl-item {
                padding: 0 10px;
        }
 }

 /*KIEMELT AJÁNLÓ*/

 .rozmaring .widget.widget_featuredslider_widget .textcontent {
         background: rgba(0, 0, 0, 0.705)!important;
         padding: 15px 15px 15px!important;
         border-bottom: 6px solid var(--primary-color);
 }


 .rozmaring .widget.widget_featuredslider_widget .cikk:hover .textcontent {
        background: #468065d1!important;
 }
 

 .rozmaring .widget.widget_featuredslider_widget .cikk:hover .textcontent .article-title a {
         color: #fff;
 }

 .rozmaring .widget.widget_featuredslider_widget .article-title a {
         color: var(--primary-color);
         font-family: var(--rozmaring-font);
        font-size: 18px;
 }

 .rozmaring .widget.widget_featuredslider_widget .article-meta,
 .rozmaring .widget.widget_featuredslider_widget .article-lead {
         font-size: 14px;
         font-family: var(--rozmaring-font);
        color: #fff;
 }
 .rozmaring .widget.widget_featuredslider_widget .article-meta {
         opacity: 0.7;
 }

 .rozmaring .widget.widget_featuredslider_widget .owl-controls.clickable .owl-buttons .owl-prev {
         margin-left: 0!important;
 }


@media screen and (max-width: 1024px) {
        .rozmaring .coverListWithImageOrTag .text-content-wrapper a,
        .rozmaring .coverListWithImageOrTag .text-content-wrapper a h1.article-title {
         font-size: 15px;
 }
}

/*LAPOZÓ DESIGN*/

.rozmaring .pagination .pagerFirst,
.rozmaring .pagination .pagerPrevious,
.rozmaring .pagination .pagerCounter,
.rozmaring .pagination .pagerNext,
.rozmaring .pagination .pagerLast {
        background-color: var(--primary-color);
}

/*VIDEÓ VÉGOLDAL*/

.rozmaring-video-vegoldal .program_info {
        padding: 30px;
}

.rozmaring-video-vegoldal .widget.widget_hms_vodplayer_widget {
        background: var(--primary-color);
}

.rozmaring-video-vegoldal  .vp-info-title {
        font-family: var(--rozmaring-font);
}

.rozmaring-video-vegoldal  .vp-info-title .article_title {
        color: #fff;
}

.rozmaring-video-vegoldal  .article_lead,
.rozmaring-video-vegoldal  .article_date {
        color: #fff;
}

.rozmaring-video-vegoldal .vp-footer {
        display: none; 
}

/*GALÉRIA VÉGOLDAL*/

.rozmaring .ultimateGallery .utgContent,
.rozmaring .ultimateGallery .utgContent .galleryTextBlock,
.rozmaring .ultimateGallery .utgContent .galleryTextBlock .socialButtons {
        background: transparent;
        border: none;
}

.rozmaring .ultimateGallery .utgHeadLine h2{
        font-family: var(--rozmaring-font);
        font-weight: 500;
        color: var(--primary-color);
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
}

.rozmaring .ultimateGallery .utgBigImgCont .slick-arrow {
        text-indent: -40000px;
        background: var(--primary-color);
        border: none;
        height: 120px;
        width: 35px;
        top: 43%!important;
        opacity: 0.5;
        transition: .4s ease;
    }
    
    .rozmaring .utgBigImgCont .slick-next.slick-arrow::before {
        width: 15px;
        height: 15px;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        transform: rotate(-45deg);
        position: absolute;
        content: "";
        left: calc(50% - 11px);
    }
    
    .rozmaring .utgBigImgCont .slick-prev.slick-arrow::before {
        width: 15px;
        height: 15px;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        transform: rotate(135deg);
        position: absolute;
        content: "";
        left: calc(50% - 6px);
    }
    
    .rozmaring .ultimateGallery .utgBigImgCont .slick-arrow:hover {
        opacity: 1;
        transition: .4s ease;
    }

    .rozmaring .imageZoom {
            width: 40px;
            height: 40px;
            position: relative;
    }

    .rozmaring .imageZoom a {
            text-indent: -40000px;
            width: 100%;
            height: 100%;
            position: absolute;
        z-index: 10;
    }

    .rozmaring .imageZoom::before {
        position: absolute;
        content: "";
        width: 25px;
        height: 25px;
        background: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/Rozmaring_kunyho/search.svg');
        background-size: cover;
        background-repeat: no-repeat;
        top: calc(50% - 12.5px);
        left: calc(50% - 11.5px);
    }


/*FOOTER*/

.footwrapper .ult-wrapper.wrapper.rozmaring {
        background: #372E2A;
        position: relative;
        font-family: var(--rozmaring-font)!important;
}

.footwrapper .ult-wrapper.wrapper.rozmaring:first-of-type {
        padding-top: 60px;
}

.footwrapper .ult-wrapper.wrapper.rozmaring:first-of-type::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/Rozmaring_kunyho/woodline.png');
        background-size: cover;
        height: 50px;
        width: 100%;
}

footer.footwrapper .ult-wrapper.wrapper.rozmaring .ultimatum-nav .horizontal-menu ul li {
        padding: 8px 6px;
}

.rozmaring #menu-footer-menu-3 {
       /* display: flex;
    white-space: nowrap;
    flex-direction: row;*/
}

.rozmaring-mtva-logo img {
        width: 200px;
        height: auto;
}

@media screen and (max-width: 768px) {
        footer.footwrapper .ult-wrapper.wrapper.rozmaring .ultimatum-nav .horizontal-menu ul li {
                float: none;
        }
}

/*CIKK OLDAL*/

.rozmaring .hms_article_title.titletext,
.rozmaring .hms_article_lead_text,
.rozmaring .hms_article_post_content,
.rozmaring .hms_article_post_content p {
        font-family: var(--rozmaring-font);
}

.rozmaring .hms_article_lead_text {
        font-size: 16px;
}

.rozmaring .hms_article_title.titletext {
        color: var(--primary-color);
}

.rozmaring .hms_article_post_content p a {
        color: var(--primary-color);
        text-decoration: underline;
}

.rozmaring .hms_article_post_content p img {
        width: 100%;
        height: auto;
}

.rozmaring .hms_article_cat {
        background: var(--primary-color);
        color: #fff;
        font-size: 16px;
        font-family: var(--rozmaring-font);
        padding: 5px 10px;
        display: block;
        width: fit-content;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        margin-top: 30px;
}

.rozmaring .hms_article_featured_image {
        margin: 10px 0;
}

.rozmaring .hms_article_cat:hover {
        opacity: 0.7;
}

.rozmaring .hms_article_cat span {
        color: #fff;
        text-decoration: none;
}

.rozmaring .hms_article_cat span:hover {
        text-decoration: none;
}

.rozmaring #hms_social_wrapper {
        display: flex;
}