@charset "utf-8";

body {
	font-family: 'Cormorant Garamond', serif;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #555555;
	position: relative;
	background:url("../img/fpfy-bg.svg");
	background-size: 200px 200px;
}

section {
	background-color: white;
	box-shadow: 0px 0px 40px 0px #bacea9;
	clip-path: inset(0px -40px 0px -40px);
}

main {
	min-height: calc(100vh - 323px);
}

.garamond {
	font-family: 'Cormorant Garamond', serif;
}

.fpfy-green {
    color: #81BD50;
}

/* NAVBAR */

.navbar {
	--bs-navbar-brand-padding-y: 0rem;
    border-bottom: 1px solid #81BD50;
}

.nav-link:hover, .nav-link:focus, .nav-link.active {
  color: #81BD50 !important;
}

.nav-link {
    text-align: center;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #81BD50;
}


/* KEZDŐLAP*/

.word::first-letter {
	color: #81BD50;
}

.wline::after {
    content:' ';
    display:block;
    border:1px solid #81BD50;
	border-radius: 2px;
	width: 80px;
	margin: auto;
}

.wline2::after {
    content:' ';
    display:block;
    border-top: 2px solid #81BD50;
	border-radius: 2px;
	width: 120px;
	margin: auto;
    padding-bottom: 3rem!important;
}

.btn-primary {
	--bs-btn-color: #2E2E2E;
	--bs-btn-border-color: #81BD50;
	--bs-btn-bg: #fff;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #81BD50;
	--bs-btn-hover-border-color: #81BD50;
	--bs-btn-focus-shadow-rgb: 129, 189, 80;
    --bs-btn-active-bg: #006941;
    --bs-btn-active-border-color: #81BD50;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dfeed3;
    --bs-btn-disabled-border-color: #dfeed3;
	border-radius: 30px;
	width: 140px;
}

.btn-primary.btn-width-1 {
    width: 160px !important;
}

.btn-primary.btn-width-2 {
    width: 100px !important;
}

.idezet {
    background-image:url("../img/idezet-bg.png");
    background-position: center;
    height: 300px;
    border-radius: 20px;
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
}

.arnyek {
    box-shadow: 5px 5px 20px 10px #e5e5e5;
}

.modal {
    --bs-modal-padding: 2rem;
    --bs-modal-header-padding: 1rem 2rem;
}

/* TERMÉKEK */

.card-footer {
    background-color: #ffffff;
    border-top: none;
}

/* FOOTER */

footer {
	color: white;
	background-color: #81BD50;
	background-image:url("../img/fpfy-bg-w.svg");
	background-size: 200px 200px;
}

.footerstack {
    height: calc(100vh - 323px);
}


@Media only screen and (max-width: 425px) {
    
    .dropdown-menu {
        --bs-dropdown-border-width: 0px;
    }

    .dropdown-item {
        text-align: center;
        background-color: #f4f4f4;
    }
    
    #mobile-p {
        padding: 1rem!important;   
    }
    
    .mobile-p {
        padding: 1rem!important;
    }
    
    .mobile-px {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }
    
    .wline2::after {
        padding-bottom: 1rem!important;
    }
    
    .fs-1 {
        font-size: calc(2rem + 1.5vw)!important;
    }
    
    .me-5 {
        margin-right: 0rem!important;
    }
    
    .footerstack {
        height: auto;
    }
    
    .ul-margin {
        margin-bottom: 0 !important;
    }
}

@Media only screen and (min-width: 426px) and (max-width: 768px) {
    
    .dropdown-menu {
        --bs-dropdown-border-width: 0px;
    }

    .dropdown-item {
        text-align: center;
        background-color: #f4f4f4;
    }
    
    #mobile-p {
        padding: 1rem!important;   
    }
    
    .mobile-p {
        padding: 1rem!important;
    }
    
    .mobile-px {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }
    
    .wline2::after {
        padding-bottom: 1rem!important;
    }
    
    .fs-1 {
        font-size: calc(2rem + 1.5vw)!important;
    }
    
    .me-5 {
        margin-right: 0rem!important;
    }
    
    .footerstack {
        height: auto;
    }
    
    .ul-margin {
        margin-bottom: 0 !important;
    }
	
	.keppozicio-jobb {
		margin-left: 0px !important;
		float: none !important;
	}
	.keppozicio-bal {
		margin-right: 0px !important;
		float: none !important;
	}
}