/*
 Theme Name:   PenNews Child
 Theme URI:    http://pennews.pencidesign.com/
 Description:  PenNews Child Theme
 Author:       PenciDesign
 Author URI:   http://pencidesign.com
 Template:     pennews
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: two-columns, custom-menu, featured-images, post-formats, sticky-post, threaded-comments, translation-ready, editor-style
 Text Domain:  pennews-child
*/



#masthead
{
    border-bottom: 1px solid #5d5e5d;
}

/* 1) A menü legyen egy sorban, és engedje a "logó" pszeudoelemet is */
#site-navigation #menu-main-menu {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;          /* ne törjön új sorba a logó miatt */
    gap: 14px;                  /* kis térköz a logó és a Home között */
}

/* 2) Logó beszúrása a Home elé (UL elejére) */
/*
#site-navigation #menu-main-menu::before {
    content: "";
    display: block;
    flex: 0 0 auto;

    width: 110px;               !* EZ szabályozza, mennyire tolja jobbra *!
    max-width: 140px;           !* ne tudjon "túl nagy" lenni *!
    height: 36px;

    background-image: url("/wp-content/uploads/2018/06/nebi_logo.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}
*/

/* 3) Ha a menüpontok nagyon össze akarnának nyomódni, engedj vízszintes görgetést (opcionális) */
#site-navigation {
    overflow-x: hidden; /* alapból ne legyen csúnya overflow */
}

/* 4) Mobilon kisebb logó, hogy ne tolja szét */
@media (max-width: 768px) {
    #site-navigation #menu-main-menu::before {
        width: 76px;
        height: 28px;
    }
    #site-navigation #menu-main-menu {
        gap: 10px;
    }
}
/* 1) Soha ne törjön 2 sorba a főmenü */
#site-navigation  {
    display: flex;
    flex-wrap: nowrap !important;
    white-space: nowrap;           /* extra védelem */
    overflow: hidden;

}

/* 2) A menüpontok se törjenek, és ne tudjanak "szélességben nőni" hoverre border miatt */
#site-navigation #menu-main-menu > li,
#site-navigation #menu-main-menu > li > a {
    white-space: nowrap;
    box-sizing: border-box;
}

/* 3) A leggyakoribb bűnös: hoverre félkövér lesz, és ettől törik */
#site-navigation #menu-main-menu > li > a:hover,
#site-navigation #menu-main-menu > li:hover > a {
    font-weight: inherit !important;   /* ne váltson boldra */
    text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor; /* opcionális: kicsit "vastagabb" hatás ugrálás nélkül */

}

/* 4) Ha a téma hoverre bordert ad, attól is nőhet a szélesség.
      Fixáld: legyen mindig ott azonos vastagságú "láthatatlan" border. */
#site-navigation #menu-main-menu > li > a {
    border-bottom: 2px solid transparent;
}
#site-navigation #menu-main-menu > li > a:hover {
    border-bottom-color: currentColor; /* vagy egy fix szín */
}

#site-navigation #menu-main-menu > li > a:hover {
    border-bottom: 2px solid #196723 !important;
}
/* A dropdown-ot ne vágja le semmi */
#site-navigation,
#site-navigation .main-navigation,
#site-navigation #menu-main-menu {
    overflow: visible !important;
}

/* Alap dropdown működés (ha a téma CSS-e épp hiányzik/összeakad) */
#site-navigation #menu-main-menu > li {
    position: relative;
}

#site-navigation #menu-main-menu > li > .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9999;
}

#site-navigation #menu-main-menu > li:hover > .sub-menu,
#site-navigation #menu-main-menu > li:focus-within > .sub-menu {
    display: block;
}

/* Sub-menu legyen függőleges (normál WP menü) */
#site-navigation #menu-main-menu > li > .sub-menu {
    display: none;              /* marad: hoverre jelenik meg */
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9999;

    width: 240px;               /* állítható */
    white-space: normal;        /* ne legyen egy sorba kényszerítve */
}

#site-navigation #menu-main-menu > li:hover > .sub-menu,
#site-navigation #menu-main-menu > li:focus-within > .sub-menu {
    display: block;
}

#site-navigation #menu-main-menu > li > .sub-menu > li {
    display: block;
    width: 100%;
}

#site-navigation #menu-main-menu > li > .sub-menu > li > a {
    display: block;
    width: 100%;
}

/* Ha Max Mega Menu is belejátszik: annak is legyen függőleges */
#site-navigation ul.mega-sub-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#site-navigation ul.mega-sub-menu > li {
    width: 100%;
}

.search-click
{
    /*display: none;*/
}

#page .header__top .site-branding
{
    padding-bottom: 0 !important;
}

@media screen and (min-width: 750px) {
    #penci-slider-142 .penci-slider__item-0 .penci-custom-slider-container .pencislider-content
    {
        max-width: 500px !important;
    }
}
.pencislider-content
{
    /*margin-top: -100px !important;*/
}
/* Parallax (Jarallax) kikapcsolása a Penci sliderben: fagyaszd le a transformot */
#penci-slider-377 .jarallax-container-fix,
#penci-slider-377 .jarallax-container-fix > div {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
}

/* Biztosítsd, hogy a háttérkép normálisan kitöltse a slide-ot */
#penci-slider-377 .jarallax-container-fix {
    position: absolute !important;
    inset: 0 !important;          /* top/right/bottom/left:0 */
    overflow: hidden !important;
    z-index: -100;                /* maradjon háttérben */
}

#penci-slider-377 .jarallax-container-fix > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    background-attachment: scroll !important;
}

/* #penci-slider-377: magasság képarány alapján (1920x849 => 44.21875%) */
#penci-slider-377 .penci-slider__item {
    height: auto !important;              /* inline height: 994px felülírás */
    padding-top: 44.21875% !important;    /* a slider magassága = szélesség * arány */
    min-height: 0 !important;
}

/* Owl/Jarallax néha fix konténer magasságot tart: engedd el */
#penci-slider-377 .owl-stage-outer,
#penci-slider-377 .owl-stage,
#penci-slider-377 .owl-item {
    height: auto !important;
}

/* A háttérkép ne "zoomolva" (cover) legyen, hanem arányosan, vágás nélkül */
#penci-slider-377 .jarallax-container-fix > div {
    background-size: contain !important;  /* cover helyett: ne vágjon, ne torzítson */
    background-position: center center !important;
}

/* Parallax (Jarallax) kikapcsolása a Penci sliderben: fagyaszd le a transformot */
#penci-slider-508 .jarallax-container-fix,
#penci-slider-508 .jarallax-container-fix > div {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
}

/* Biztosítsd, hogy a háttérkép normálisan kitöltse a slide-ot */
#penci-slider-508 .jarallax-container-fix {
    position: absolute !important;
    inset: 0 !important;          /* top/right/bottom/left:0 */
    overflow: hidden !important;
    z-index: -100;                /* maradjon háttérben */
}

#penci-slider-508 .jarallax-container-fix > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    background-attachment: scroll !important;
}

/* #penci-slider-508: magasság képarány alapján (1920x849 => 44.21875%) */
#penci-slider-508 .penci-slider__item {
    height: auto !important;              /* inline height: 994px felülírás */
    padding-top: 44.21875% !important;    /* a slider magassága = szélesség * arány */
    min-height: 0 !important;
}

/* Owl/Jarallax néha fix konténer magasságot tart: engedd el */
#penci-slider-508 .owl-stage-outer,
#penci-slider-508 .owl-stage,
#penci-slider-508 .owl-item {
    height: auto !important;
}

/* A háttérkép ne "zoomolva" (cover) legyen, hanem arányosan, vágás nélkül */
#penci-slider-508 .jarallax-container-fix > div {
    background-size: contain !important;  /* cover helyett: ne vágjon, ne torzítson */
    background-position: center center !important;
}



.footer-text p
{
    color: #ffffff !important;
}
.footer-text p a
{
    color: #ffffff !important;
}

.penci-icon-box .penci-ibox-inner {
    width: 100%;
    padding: 0 0 0 80px !important;
    position: relative;
}
#footer-right p.penci-ibox-content
{

    margin-top: -5px !important;
}

#footer-right .vc_row
{
    width: 100% !important;
}

#footer-left .vc_row
{
    /*width: 100% !important;*/
}

.footer__copyright_menu
{
    display: none;
}

.penci_breadcrumbs
{
    display: none;
}

.site-header-wrapper
{
 margin-bottom: 30px;
}

.sub-menu
{
    /*background-color: #c6de9a !important;*/
}

ul.sub-menu
{
    background-color: #c6de9a !important;
}

ul.sub-menu a:hover
{
    /*font-weight: 900;*/
    text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor; /* opcionális: kicsit "vastagabb" hatás ugrálás nélkül */

}

.sub-menu .menu-item
{
    background-color: #c6de9a !important;
}

.zoldseg
{
 min-height: 300px !important;
    background-size: auto;
}

.main-navigation
{
    color: #2d671b !important;
}

.main-navigation a, .mobile-sidebar .primary-menu-mobile li a, .penci-menu-hbg .primary-menu-mobile li a {
    /*font-weight: 700 !important;*/

}

#site-navigation #menu-main-menu > li > a:hover, #site-navigation #menu-main-menu > li:hover > a {
    /*font-weight: 900 !important;*/
    text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor; /* opcionális: kicsit "vastagabb" hatás ugrálás nélkül */

}

.menu-item .menu-item-type-custom .menu-item-object-custom a
{
    font-weight: 100 !important;
    color: #2d671b !important;

}

.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item  a
{
 /*   font-weight: 900 !important;*/
   /* text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor; /* opcionális: kicsit "vastagabb" hatás ugrálás nélkül */


}

/* FELSŐ SZINT: csak az UL közvetlen LI-jének az A-ja */
#menu-main-menu > li.current-menu-item > a {
    /*font-weight: 900 !important;

     */
    text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor; /* opcionális: kicsit "vastagabb" hatás ugrálás nélkül */

}

.main-navigation a {
    color: #2e660f;
}

#menu-main-menu > li:not(.current-menu-item) > a:not(:hover):not(:focus):not(:active) {
    /*color: #2e660f !important;*/
}

/* Közös beállítások az összes social ikonhoz */
.header__content-social-media a.social-media-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;     /* állítsd igény szerint */
    height: 28px;    /* állítsd igény szerint */
}

.header__content-social-media a.social-media-item i.fa {
    display: none;   /* FontAwesome ikon elrejtése */
}

/* A kép maga egy pseudo-elementen, így stabilabb */
.header__content-social-media a.social-media-item::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Egyedi ikonok */
.header__content-social-media a.social-media-item.socail_media__facebook::before {
    background-image: url("img/fb-ikon.jpg");
}

.header__content-social-media a.social-media-item.socail_media__instagram::before {
    background-image: url("img/insta-ikon.jpg");
}

.header__content-social-media a.social-media-item.socail_media__youtube::before {
    background-image: url("img/yt-ikon.jpg");
}

/* Social ikonok mérete */
.header__content-social-media a.social-media-item {
    width: 40px;
    height: 40px;
}

@media (max-width: 1024px) {
    body {
        margin-top: -30px;
    }
}

/* ========== MOBIL: social ikonok képre cserélése (ugyanaz, mint desktop) ========== */
.mobile-sidebar .header-social a.social-media-item,
.mobile-sidebar .sidebar-nav-social a.social-media-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;   /* méret - állítható */
    height: 40px;  /* méret - állítható */
}

.mobile-sidebar .header-social a.social-media-item i.fa,
.mobile-sidebar .sidebar-nav-social a.social-media-item i.fa,
.mobile-sidebar .header-social a.social-media-item i.fab,
.mobile-sidebar .sidebar-nav-social a.social-media-item i.fab,
.mobile-sidebar .header-social a.social-media-item i.fas,
.mobile-sidebar .sidebar-nav-social a.social-media-item i.fas {
    display: none;
}

.mobile-sidebar .header-social a.social-media-item::before,
.mobile-sidebar .sidebar-nav-social a.social-media-item::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Fontos: itt abszolút útvonalat használok, hogy mobilon/inline CSS-nél se "kavarjon be" a relatív út */
.mobile-sidebar .header-social a.social-media-item.socail_media__facebook::before,
.mobile-sidebar .sidebar-nav-social a.social-media-item.socail_media__facebook::before {
    background-image: url("/wp-content/themes/pennews-child/img/fb-ikon.jpg");
}

.mobile-sidebar .header-social a.social-media-item.socail_media__instagram::before,
.mobile-sidebar .sidebar-nav-social a.social-media-item.socail_media__instagram::before {
    background-image: url("/wp-content/themes/pennews-child/img/insta-ikon.jpg");
}

.mobile-sidebar .header-social a.social-media-item.socail_media__youtube::before,
.mobile-sidebar .sidebar-nav-social a.social-media-item.socail_media__youtube::before {
    background-image: url("/wp-content/themes/pennews-child/img/yt-ikon.jpg");
}


/* ========== MOBIL MENÜ: desktophoz igazított színek + vastagítás + "aláhúzás" ========== */

/* Alapszín (mint desktop) */
.mobile-sidebar ul.primary-menu-mobile > li > a {
    color: #2e660f !important;
}

/* Legyen hely lefoglalva az aláhúzásnak, hogy ne "ugráljon" */
.mobile-sidebar ul.primary-menu-mobile > li > a {
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
}

/* Hover/focus/active: zöld aláhúzás + vastag (mint desktop) */
.mobile-sidebar ul.primary-menu-mobile > li > a:hover,
.mobile-sidebar ul.primary-menu-mobile > li > a:focus,
.mobile-sidebar ul.primary-menu-mobile > li > a:active {
    border-bottom-color: #196723 !important;
    /*font-weight: 900 !important;*/
    text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor; /* opcionális: kicsit "vastagabb" hatás ugrálás nélkül */

}

/* Aktív (kiválasztott) menüpont mobilon is ugyanúgy nézzen ki */
.mobile-sidebar ul.primary-menu-mobile > li.current-menu-item > a {
    border-bottom-color: #196723 !important;
    /*font-weight: 900 !important;*/
    text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor; /* opcionális: kicsit "vastagabb" hatás ugrálás nélkül */

}

/* Ha a téma "current-menu-ancestor/parent"-et is ad (aloldalnál gyakori), ezt is kezeljük ugyanúgy */
.mobile-sidebar ul.primary-menu-mobile > li.current-menu-ancestor > a,
.mobile-sidebar ul.primary-menu-mobile > li.current-menu-parent > a {
    border-bottom-color: #196723 !important;
    /*font-weight: 900 !important;*/
    text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor; /* opcionális: kicsit "vastagabb" hatás ugrálás nélkül */

}


/* ========== MOBIL SUB-MENU: (ha desktopon zöldes háttér van, itt is) ========== */
.mobile-sidebar ul.primary-menu-mobile ul.sub-menu {
    background-color: #c6de9a !important;
}

.mobile-sidebar ul.primary-menu-mobile ul.sub-menu > li {
    background-color: #c6de9a !important;
}

.mobile-sidebar ul.primary-menu-mobile ul.sub-menu > li > a {
    color: #2e660f !important;
}

/* Sub-menu hover: csak vastagít, de nem változtat méretet (ha ugrálna, vedd ki a font-weight-ot) */
.mobile-sidebar ul.primary-menu-mobile ul.sub-menu > li > a:hover,
.mobile-sidebar ul.primary-menu-mobile ul.sub-menu > li > a:focus {
    text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor; /* opcionális: kicsit "vastagabb" hatás ugrálás nélkül */

    /*font-weight: 900;*/
}

/* Kiválasztott menüpont: zöld háttér + fehér szöveg */
.mobile-sidebar ul.primary-menu-mobile > li.current-menu-item > a {
    background-color: #2e660f !important;
    color: #ffffff !important;
}

/* Opcionális: hogy tényleg „doboz” legyen, ne csak a szöveg mögött */
.mobile-sidebar ul.primary-menu-mobile > li.current-menu-item > a {
    display: block;
    padding: 10px 14px; /* ha a témában már van padding, ezt elég lehet kivenni */
    border-bottom-color: transparent !important; /* ha aláhúzást használsz máshol */
}

.penci-ibox-title
{
    margin-left: 25px;
}
.penci-ibox-content
{
    margin-left: 35px;
    padding-left: 25px;
}

p.penci-ibox-content
{
    padding-top: 5px;
}

/* Facebook ikon: kerek háttér */
.social-media-item.socail_media__facebook i.fa-facebook {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;               /* méret - állítható */
    height: 40px;              /* méret - állítható */
    border-radius: 50%;
    background-color: #4d765c;
    color: #ffffff;            /* az ikon színe */
    line-height: 1;            /* ne tolja el */
}

.social-media-item.socail_media__instagram i.fa-instagram {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;               /* méret - állítható */
    height: 40px;              /* méret - állítható */
    border-radius: 50%;
    background-color: #4d765c;
    color: #ffffff;            /* az ikon színe */
    line-height: 1;            /* ne tolja el */
}
.social-media-item.socail_media__youtube i.fa-youtube-play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;               /* méret - állítható */
    height: 40px;              /* méret - állítható */
    border-radius: 50%;
    background-color: #4d765c;
    color: #ffffff;            /* az ikon színe */
    line-height: 1;            /* ne tolja el */
}

.owl-dots
{
    margin-top: 50px;
}

.penci-ibox-title
{
    margin-left: 0px !important;
}

.penci-ibox-content
{
    padding-left: 0px !important;
}

.owl-dot > span
{
    background-color: #cbdda1;
}

/* Nem aktív dot */
.owl-dots .owl-dot:not(.active) span {
    background-color: #cbdda1; /* ide a kívánt szín */
    border-color: #cbdda1 !important;
}

/* Aktív dot */
.owl-dots .owl-dot.active span {
    background-color: #196723; /* aktív szín */
}

.alatt768
{
    margin-top: 0px !important;
    padding-top: 0px !important;
    background-image: url(https://kertmuvelo.hu/wp-content/uploads/2026/02/footer-2-scaled.png?id=597) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
@media (max-width: 768px){
.alatt768
{
    margin-top: 0px !important;
    padding-top: 0px !important;
    background-image: none !important;
    background-color: #381f14 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}}