@charset "UTF-8";
/*
Theme Name: Manduca Child
Template: manduca
Version: 23.3
Text Domain: manduca-child
*/

/* =============================================================================
   COLOR PALETTES
   ============================================================================= */

:root {
	--wrapper-max-width: 96rem;
	--glow-color: rgba(225, 247, 243, 0.85);
}


.high-contrast-0 {
    /* Backgrounds */
    --default-background: #48AEBD;
    --lighter-background: #46D8EF;
    --darker-background: #004d40;
    --header-background: #E1F7F3;
    --footer-background: #1A5660;
    --sidebar-background: #90d6cbb3;
    --featured-background: paleTurquoise;
    --inverse-background: black;
    /* Text */
    --default-text: #0B3567;
    --default-text-2: #232323;
    --lighter-text: white;
    --inverse-text: white;
    --site-title: #004d40;
    /* Links */
    --default-link: royalBlue;
    --inverse-link: steelBlue;
    /* Buttons */
    --default-button-background: #073F66;
    --default-button-text: azure;
    /* Focus & Indicators */
    --default-focus-indicator: #008080;
    --inverse-focus-indicator: yellow;
    --focus-snail-color: #008080;
    --inverse-outline: ivory;
    /* Accents */
    --featured-text: #008080;
    --ornament: SlateGrey;
}

.high-contrast-1 {
    /* Backgrounds */
    --default-background: #b75142;
    --lighter-background: #b92710;
    --darker-background: #ffb2bf;
    --header-background: #1e080c;
    --footer-background: #e5a99f;
    --sidebar-background: #6f2934b3;
    --featured-background: #501111;
    --inverse-background: white;
    /* Text */
    --default-text: #f4ca98;
    --default-text-2: #dcdcdc;
    --lighter-text: black;
    --inverse-text: black;
    --site-title: #ffb2bf;
    /* Links */
    --default-link: #be961e;
    --inverse-link: #b97d4b;
    /* Buttons */
    --default-button-background: #f8c099;
    --default-button-text: #0f0000;
    /* Focus & Indicators */
    --default-focus-indicator: #ff7f7f;
    --inverse-focus-indicator: blue;
    --focus-snail-color: #ff7f7f;
    --inverse-outline: #00000f;
    /* Accents */
    --featured-text: #ff7f7f;
    --ornament: #8f7f6f;
}

/* =============================================================================
   BODY & BACKGROUND
   ============================================================================= */

body {
    background-image: url('https://masszazstanya.hu/wp-content/uploads/Hatterkep-kek-torolkozo-palmalevellel.jpg') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}

/* =============================================================================
   TEXT GLOWING EFFECT - PROTOTYPE | NEEDS CONFIRMATION TO US
   ============================================================================= */

/*
body {
    text-shadow:
        0 0 6px var(--glow-color),
        0 0 2px var(--glow-color);
}
*/

/* =============================================================================
   HEADER
   ============================================================================= */

.top-bar {
	position: absolute;
}

#masthead {
	margin: 0 !important;
    max-width: none !important;
}

.site-header-wrapper {
    background-color: var(--header-background);
}

.site-title {
    justify-content: flex-center !important;
}

.site-title,
.site-title a {
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
}

.custom-logo-link img,
.site-logo img {
    width: 100%;
    max-width: 350px;
    height: auto;
}

.site > header {
    padding: 0;
}

.header-widget-area,
.search-form,
.site-header .widget-area {
    flex: 0 0 auto !important;
    margin: 0 10px 0 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

#navigation-inner-wrapper {
    position: relative;
}

#site-title-header-group {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: calc(1 * var(--vertical-padding)) calc(1 * var(--horizontal-padding));
	gap: 1rem;
}

#controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
}

.header-info-cards-area {
    display: flex;
    gap: 0.75rem;
    align-items: stretch;
}

.header-info-card {
    background: var(--sidebar-background);
    padding: 0.65rem 1rem;
    min-width: 190px;
    max-width: 400px;
    line-height: 1.45;
    font-size: 0.85rem;
}

.header-info-card .header-card-title {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 0.4rem;
    padding: 0;
    letter-spacing: 0.02em;
}

/* =============================================================================
   NAVIGATION
   ============================================================================= */

#navigation-wrapper {
    width: 100%;
    background: var(--default-background);
}

#megamenu {
    width: 100%;
    justify-content: space-between;
    padding: calc(3 * var(--vertical-padding)) calc(3 * var(--horizontal-padding));
    margin: 0 !important;
}

#primary-nav-menu {
    justify-content: flex-start;
}

.menu-link {
    width: 100%;
}

.main-navigation ul li {
    position: relative !important;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current-menu-item > div a
{
    background-color: var(--lighter-background) ;
}

.main-navigation .menu-link {
    padding: var(--vertical-padding) var(--horizontal-padding) !important;
}

.main-navigation .current-page {
    color: var(--default-button-text);
}

/* Dropdown submenu */
.main-navigation ul ul,
.main-navigation .sub-menu {
    min-width: 200px;
    padding: 0 !important;
    margin: 0 !important;
}

.main-navigation ul ul li,
.main-navigation .sub-menu li {
    width: 100% !important;
    border: none !important;
    background-color: transparent !important;
}

.main-navigation .sub-nav .menu-item {
    margin: 0;
    padding: 0;
}

/* =============================================================================
   BREADCRUMB
   ============================================================================= */

#breadcrumb {
    margin: 0 calc(-4 * var(--horizontal-padding)) calc(2 * var(--root-unit-basis));
    background-color: var(--header-background);
}

#breadcrumb > * {
    padding: 0 calc(3 * var(--horizontal-padding));
}

.breadcrumb {
    margin-top: 0;
}

/* =============================================================================
   WIDGETS
   ============================================================================= */

.inner-wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 1rem;
}

.widget-area {
	background: transparent;
}

.widget-area .widget {
	background-color: var(--sidebar-background);
	padding: calc(3 * var(--vertical-padding)) var(--root-unit-basis) calc(2 * var(--root-unit-basis)) !important;
}

.widget-area .widget .widget-title {
	margin-top: 0 !important;
}

/* =============================================================================
   FOOTER
   ============================================================================= */

.copyright-text {
    text-align: center;
    width: 100%;
}

.copyright-text p {
    margin: 0.2em 0;
}

.footer-wrapper {
    margin-bottom: 0;
    background-color: var(--footer-background);
    padding-top: calc(8 * var(--vertical-padding));
}

.site-info {
    text-align: center;
    font-size: 1.25em;
    justify-content: center;
}

/* =============================================================================
   FORMS
   ============================================================================= */

input {
    background: #ffffff;
}

/* =============================================================================
   RESPONSIVE
   ============================================================================= */

@media screen and (min-width: 80em) {
    #breadcrumb > * {
        width: 100%;
        max-width: var(--wrapper-max-width);
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    #navigation-inner-wrapper {
        max-width: var(--wrapper-max-width);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 64em) {
    #site-title-header-group {
        flex-direction: row;
    }

    .custom-logo-link {
        flex-shrink: 0;
    }
}

@media screen and (min-width: 53em) {
    .site-title {
        justify-content: flex-start;
        flex-shrink: 0;
    }
}

@media screen and (max-width: 64em) {
    .header-info-cards-area {
        width: 100%;
        flex-wrap: wrap;
    }

    .header-info-card {
        flex: 1 1 200px;
        max-width: 100%;
    }
}

@media screen and (max-width: 53em) {
    .site-title {
        justify-content: center;
    }
	.toolbar-buttons{
		position: fixed;
		top: calc(10 * var(--box-unit-basis));
		max-height: calc(100dvh - calc(10 * var(--box-unit-basis)));
		max-width: 100dvw;
		min-width: 0;
		right: 0;
		overflow-y: auto;
	}
	#megamenu{
		max-height: calc(100dvh - calc(10 * var(--box-unit-basis)));
		overflow-y: auto;
	}
}


@media screen and (min-width: 37em) {
	#primary, #secondary {
        width: 100% !important;
		max-width: 100% !important;
    }
}

@media screen and (min-width: 64em) {   /* 1024px */
    .inner-wrapper {
        flex-direction: row;
        align-items: flex-start;
        gap: 1rem;
    }

    #primary {
        flex: 1 1 auto;
        min-width: 0;
    }

    #secondary.widget-area {
        flex: 0 0 auto;
        width: auto !important;
        max-width: none !important;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 1rem;
    }

    .sidebar-col {
        flex: 0 0 clamp(160px, 20vw, 280px);
        min-width: 0;
    }
}