/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #f5c344;
	--cnvs-themecolor-rgb: 255,193,7;
}


:root {
	--cnvs-body-font: "Inter", sans-serif;
	--cnvs-primary-font: "Inter, serif", sans-serif;
	--cnvs-secondary-font: "Playfair Display", serif;
}



.bodoni-moda-font {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


:root,
.not-dark {
  --cnvs-contrast-bg-offset:	#ff0000;
}


.line,
.double-line {
  clear: both;
  position: relative;
  width: 100%;
  margin: var(--cnvs-section-margin) 0;
  border-top: 1px solid rgba(var(--cnvs-contrast-rgb), 0.9);
}



.home-img{
    border-top-right-radius: 45px; /* Jobb felső sarok */
    border-bottom-left-radius: 45px; /* Bal alsó sarok */
	/*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);*/
	padding:10px;
}


}

.btn-luxury {
    background: linear-gradient(135deg, #e6d3b1, #d1b892); /* Lágy bézs-arany átmenet */
    color: #5a3e22; /* Mély aranybarna szín a szöveghez */
    font-weight: bold;
    font-size: 1.1rem;
    padding: 12px 24px;
    border-radius: 50px; /* Lágy, kerekített forma */
    border: 2px solid #c8a97e; /* Finom arany szegély */
    box-shadow: 0px 4px 10px rgba(200, 169, 126, 0.4); /* Elegáns árnyék */
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-luxury:hover {
    background: linear-gradient(135deg, #d1b892, #b99c7b); /* Sötétebb arany árnyalat */
    color: #fff;
    box-shadow: 0px 6px 15px rgba(200, 169, 126, 0.6);
    transform: translateY(-2px);
}

.btn-luxury:active {
    background: linear-gradient(135deg, #b99c7b, #a78565);
    box-shadow: 0px 2px 5px rgba(200, 169, 126, 0.5);
    transform: translateY(1px);
}



.block-hero-8 h1,
.block-hero-8 h2,
.block-hero-8 h3,
.block-hero-8 h4,
.block-hero-8 h5,
.block-hero-8 h6 { font-family: Inter, serif; }

.block-hero-8 .font-secondary { font-family: 'Grand Hotel', cursive; }

.block-hero-8 .image-text {
	background: url("/_files/site/magyarbrigitta-home-03.jpg") center;
	background-size: contain;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-size: 44px;
	font-weight: 900;
}

@media (min-width: 992px) {
	.block-hero-8 .text-n-right {
		--offset:  -15%;
		position: relative;
		z-index: 9;
		margin-left: var(--offset);
		-webkit-transform: translateX(var(--offset));
		transform: translateX(var(--offset));
		padding: 25px 30px;
		background-color: #FFF;
	}
	.block-hero-8 .image-text {
		font-size: 4.0vw !important;
	}
}



#page-title, .page-title {
    /* --cnvs-page-title-padding: 4rem; */
    --cnvs-page-title-parallax-padding: 12rem;
    --cnvs-page-title-mini-padding: 1.5rem;
    --cnvs-page-title-bg: var(--cnvs-contrast-bg-offset);
    --cnvs-page-title-color: var(--cnvs-contrast-900);
    --cnvs-page-title-font-size: 2.25rem;
    --cnvs-page-title-font-weight: 500;
    --cnvs-page-title-spacing: 0;
    --cnvs-page-title-subtitle-size: 1.125rem;
    --cnvs-page-title-parallax-font-size: calc(2rem + 1vw);
    --cnvs-page-title-parallax-subtitle-size: 1.25rem;
    --cnvs-page-title-mini-size: 1.25rem;
    --cnvs-page-title-border-color: rgba(var(--cnvs-contrast-rgb), .1);
    --cnvs-page-title-center-mx-width: 48rem;
    position: relative;
    padding: var(--cnvs-page-title-padding) 0;
    background-color: var(--cnvs-page-title-bg);
    border-bottom: 1px solid var(--cnvs-page-title-border-color);
}


#page-title::before, 
.page-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 50%-os fekete átlátszó overlay */
    z-index: 1;
}


#page-title, .page-title {
    --cnvs-page-title-parallax-padding: 12rem; /* Alapértelmezett (xl és nagyobb méret) */
}

/* Nagyobb asztali nézet (lg) */
@media (max-width: 1199.98px) {
    #page-title, .page-title {
        --cnvs-page-title-parallax-padding: 10rem;
    }
}

/* Tablet nézet (md) */
@media (max-width: 991.98px) {
    #page-title, .page-title {
        --cnvs-page-title-parallax-padding: 8rem;
    }
}

/* Kis tablet és mobil nézet (sm) */
@media (max-width: 767.98px) {
    #page-title, .page-title {
        --cnvs-page-title-parallax-padding: 6rem;
    }
}

/* Kis mobil nézet (xs) */
@media (max-width: 575.98px) {
    #page-title, .page-title {
        --cnvs-page-title-parallax-padding: 4rem;
    }
}