/*
Theme Name: Roger Child
Description: Child Theme for Roger Theme
Author: Zozothemes
Version: 1.0
Template: roger
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: zozotheme
*/

/*Custom Style Code Right Here */

/* ========================================
   ÉLETVIRÁGA CUSTOM STYLES
   ======================================== */

/* FORCE STICKY HEADER - FULL WIDTH */
.roger-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important; /* Full viewport width */
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important; /* Break out of container */
    z-index: 9999 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

/* Container should still be centered inside */
.roger-header .header-inner {
    max-width: 1200px; /* Or whatever your site's max width is */
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Ensure logo always visible */
.roger-header .site-logo {
    display: block !important;
    opacity: 1 !important;
}

/* MENU COLORS */
.roger-header .header-inner .nav-link,
.roger-main-menu > li > a,
.navbar-nav > li > a {
    color: #065192;
    font-weight: bold;
}

/* Hover state */
.roger-header .header-inner .nav-link:hover,
.roger-main-menu > li > a:hover,
.navbar-nav > li > a:hover {
    color: #8EA4D2;
}

/* Active state */

.roger-main-menu > li.current-menu-item > a,
.roger-main-menu > li.current_page_item > a,
.roger-main-menu > li.current-menu-ancestor > a, /* Added this common ancestor class */
.navbar-nav > li.current-menu-item > a {
    color: #8EA4D2 !important;
}

/* Phone number in header */
.roger-header a[href*="tel:"],
.roger-header span {
    color: #065192 !important;
    font-weight: 700 !important;
}

.roger-header a[href*="tel:"]:hover {
    color: #8EA4D2 !important;
}

/* Text selection color */
::selection {
    background: #8EA4D2;
    color: #ffffff; 
}

::-moz-selection {
    background: #8EA4D2;
    color: #ffffff;
}

/* FIX 1: Eliminate residual margins/paddings that cause the blank gap. */

/* Aggressively ensure the body and main page wrapper start at the top */
body, #page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ------------------------------------------------------------------- */

/* FIX 2: Create the necessary space for the fixed header. 
   This margin fills the void left by the header element when it was set to position: fixed. 
   We use 71px (the initial header height) to prevent content overlap.
*/

/* Target the main content wrappers often used in WordPress/Page Builders */
#main,
.roger-content-wrapper,
.roger-content-inner,
.roger-wrapper,
#content,
.vc_row:first-of-type { 
    /* Push the content down by the header's INITIAL height (71px) */
    margin-top: 0px !important; 
    
    /* Ensure no residual top padding is adding to the gap */
    padding-top: 0px !important;
}

/* Default offset for most anchors */
html {
    scroll-padding-top: 71px;
}

/* Specific offset for Rólunk - adjust as needed */
#rolunk {
    scroll-margin-top: 65px; /* Increase this if still cut off */
}

/* Specific offset for Elérhetőségek - adjust as needed */
#elerhetosegek {
    scroll-margin-top: 31px; /* Fine-tune this separately */
}

/* Fallback for older browsers */
:target::before {
    content: "";
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}
.roger-main-menu > li > a.nav-link.active {
    color:#8EA4D2;
}
.cus-contact .row-overlay {
    background-color: #EFF7F6 !important;
}

.cus-contact.vc_custom_1762402708914 h1 {
    color: #000;
}

footer.site-footer {
    display: none;
}
.roger-content>.roger-content-inner, .search-results .roger-content>.roger-content-inner {
    padding: 120px 0 0px 0;
}
.main-logo img.custom-logo {
   padding: 0;
  max-height: 90px;
}
.cus-daycare .vc_column-inner {
    flex-direction: inherit !important;
    justify-content: flex-end;
}
.cus-daycare .wpb_text_column.wpb_content_element.vc_custom_1762427410684 {
    border: solid #065192 !important;
}
.custom-container .header-phone {
    padding-left: 30px !important;
}
.cus-kutyanapkozi .vc_column-inner.vc_custom_1762341395463 {
    padding-top: 0 !important;
}
.cus-kutyanapkozi {
    background: #eff7f6;
}
.cus-kutyanapkozi .vc_row.vc_column-gap-30>.vc_column_container {
    padding: 0px !important;
}
.cus-kutyanapkozi .btn-wrap.d-flex.justify-content-end {
    justify-content: flex-start !important;
}
.cus-kutyanapkozi .vc_row.vc_row-flex>.vc_column_container {
    justify-content: flex-end !important;
}
.cus-kutyanapkozi .vc_row.vc_row-flex>.vc_column_container {
    justify-content: flex-end;
}
/*Responsive*/

@media only screen and (max-width: 1024px) {
	.roger-content > .roger-content-inner {
    padding: 50px 0 !important;
}
	.vc_row.wpb_row.vc_row-fluid.cus-first-sec {
    padding: 50px 15px 50px 15px !important;
}
	.cus-first-sec .vc_col-has-fill {
    padding: 0px !important;
}
	.cus-first-sec h3, .cus-first-sec b {
    font-size: 24px;
    line-height: 20px;
}
	.cus-daycare .vc_column-inner {
    padding: 0px !important;
}
	.vc_row.wpb_row.vc_row-fluid.cus-about-us {
    padding: 40px 15px 50px 15px !important;
}
	.cus-contact.vc_custom_1762402708914 {
    padding: 50px 15px 10px 15px !important;
}
	.cus-kutyanapkozi .wpb_text_column.wpb_content_element.vc_custom_1762403500570 {
    padding: 50px 15px 30px 15px !important;
}
	.cus-kutyanapkozi .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1762343333966.vc_row-has-fill.vc_row-o-equal-height.vc_row-flex {
    padding-bottom: 0px !important;
}
	    .cus-grid.vc_custom_1762403547220, .cus-grid.vc_custom_1762405938283 {
        padding: 50px 15px 21px 15px !important;
        margin-bottom: 0px !important;
    }

	.cus-grid h3 {
    font-size: 24px;
    line-height: 30px;
}
	.cus-informaciok {
    padding: 50px 15px 0px 15px !important;
}
	.vc_row.wpb_row.vc_row-fluid.cus-informaciok {
    padding: 50px 15px 0 15px !important;
}
	.cus-informaciok .vc_column-inner.vc_custom_1762403716980 {
    padding-bottom: 50px !important;
}
	.cus-idopontfoglalas.vc_custom_1762403777940 {
    padding: 30px 0 20px 0 !important;
}
	.cus-kutyanapkozi .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1762343818369.vc_row-has-fill.vc_column-gap-30.vc_row-o-equal-height.vc_row-flex {
    padding: 0px !important;
}
	.cus-kutyanapkozi .btn-wrap.vc_custom_1762342657536, .cus-kutyanapkozi .btn-wrap.vc_custom_1762342588965 {
    justify-content: center !important;
    display: flex !important;
}
	.cus-kutyanapkozi .wpb_text_column.wpb_content_element {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}
@media only screen and (max-width: 760px) {
	
	.cus-intro .vc_column-inner.vc_custom_1761252716791 {
    padding: 100px 15px 100px 15px !important;
}
	.cus-first-sec .wpb_text_column.wpb_content_element {
    margin: 0 !important;
    padding-bottom: 30px !important;;
    padding-left: 15px;
    padding-right: 15px;
}
	.vc_row.wpb_row.vc_row-fluid.cus-media {
    padding: 50px 0 50px 0 !important;
}
	.cus-contact.vc_custom_1762402708914 {
    padding: 50px 15px 0px 15px !important;
}
	.vc_row.wpb_row.vc_row-fluid.cus-write {
    padding: 50px 15px 0 15px !important;
}
	.cus-kutyanapkozi .vc_row.vc_row-flex {
    flex-wrap: unset !important;
		padding: 0 !important;
}
	.cus-kutyanapkozi {
    padding-bottom: 30px !important;
}
	.cus-grid.vc_custom_1762403547220 {
    padding: 50px 0px 50px 0 !important;
}
	    .cus-idopontfoglalas.vc_custom_1762403777940 {
        padding: 30px 0 50px 0 !important;
    }
	.cus-kutyanapkozi .wpb_text_column.wpb_content_element.vc_custom_1762341481913 {
    padding: 0 !important;
}
	.cus-kutyanapkozi .wpb_text_column.wpb_content_element.vc_custom_1761644938022 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	    .vc_row.wpb_row.vc_row-fluid.cus-informaciok {
        padding: 0px 15px 0 15px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
	    .roger-content > .roger-content-inner {
        padding: 0px 0 !important;
    }
	.vc_row.wpb_row.vc_row-fluid.vc_custom_1761487630495.vc_row-has-fill.vc_column-gap-30.vc_row-o-equal-height.vc_row-flex {
    padding: 0px !important;
}
.cus-mit-kinalunk-list.vc_custom_1762407472092 .wpb_column{
    margin-bottom: -16px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
	.cus-informaciok-list .wpb_column.vc_column_container.vc_col-sm-6 {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
	.vc_row.wpb_row.vc_row-fluid.cus-informaciok-list, .vc_row.wpb_row.vc_row-fluid.cus-informaciok-list {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	.cus-informaciok-list .vc_column-inner.vc_custom_1762403716980 {
    padding-bottom: 30px !important;
}
	.cus-informaciok-list .wpb_column.vc_column_container.vc_col-sm-6 {
    margin-bottom: 0px !important;
    padding-bottom: 0px!important;
}
	.cus-kutyanapkozi .vc_row.vc_row-flex {   
    flex-wrap: unset !important;
}
	.vc_row.wpb_row.vc_row-fluid.cus-mit-kinalunk-list.vc_custom_1762407472092 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
	.cus-kutyanapkozi.vc_custom_1762403406396 {
    padding-bottom: 20px !important;
}
	.cus-list-sec .wpb_text_column.wpb_content_element {
    margin-bottom: 0 !important;
}
	.cus-kutyanapkozi .wpb_text_column.wpb_content_element {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}