/* ========= FONTS ========= */

* {
    font-family: "Poppins", sans-serif;
}

/* ========= COLORS ========= */

.text-primary {
    color: #0f2a23;
}

.bg-primary {
    background-color: #0f2a23;
}

.text-secondary {
    color: #0f2a23;
}

.bg-secondary {
    background-color: #0f2a23;
}

.bg-muted-light {
    background-color: #fffdf5;
}

.bg-muted-dark {
    background-color: #212121;
}

/* ========= BUTTONS ========= */

.ff-default .ff_btn_style {
     background-color: #0f2a23!important;
    color: white!important;
    padding: 8px 35px!important;
    border-radius: 25px!important;
    text-decoration: none!important;
    transition: 0.3s ease-in-out!important;
	border:1px solid #0f2a23!important;
}

.ff-default .ff_btn_style:hover {
    background-color: white!important;
    color: #0f2a23!important;
	border:1px solid #0f2a23!important;
    border-radius: 25px !important;
    text-decoration: none !important;
    transition: 0.3s ease-in-out !important;
    opacity: 0.7 !important;
}

.btn-primary {
    background-color: #0f2a23;
    color: white;
    padding: 8px 35px;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
	border:1px solid #0f2a23;
}

.btn-primary:hover {
    background-color: white;
    color: #0f2a23;
	border:1px solid #0f2a23;
}

.btn-secondary {
     background-color: transparent
    color: #0f2a23;
    padding: 8px 35px;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
	border:1px solid #0f2a23;
}

.btn-secondary:hover {
    background-color: transparent;
    color: #3A2608;
    border:1px solid #0f2a23!important;
    box-shadow: 0 4px 14px rgba(58, 38, 8, 0.12);
}

.btn-select {
    background-color: #FFF4CF;
    color: #3A2608;
    padding: 8px 35px;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.btn-select:hover {
    background-color: #3A2608;
    color: #FFF4CF;
}

.btn-select-active {
    background-color: #3A2608;
    color: #ffffff;
    padding: 8px 35px;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.btn-select-active:hover {
    background-color: #FFF4CF;
    color: #3A2608;
}

/* ========= LINKS ========= */

.link-header {
    color: #3a3a3a;
    text-decoration: none;
    background-image: linear-gradient(#3a3a3a, #3a3a3a);
    background-size: 0% 0.1em;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out;
}

.link-header:hover,
.link-header:focus,
.link-header:active {
    background-size: 100% 0.1em;
    background-position-x: 0%;
}

.link-header-black {
    color: #000000;
    text-decoration: none;
    background-image: linear-gradient(#000000, #000000);
    background-size: 0% 0.1em;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out;
}

.link-header-black:hover,
.link-header-black:focus,
.link-header-black:active {
    background-size: 100% 0.1em;
    background-position-x: 0%;
}

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

.ff-default .ff-el-form-control:focus {
    border-color: #49573f !important;
}

/* ========= CONTENT ========= */
main > section:first-of-type {
    padding-top: 150px!important;
}
@media(max-width:1024px){
	main > section:first-of-type {
    padding-top: 100px!important;
}
}

.content-box img, .content-box figure, .content-box iframe {
    border-radius: 25px !important;
	width: 100% !important;
}

.content-box p {
    text-align: justify;
}

.content-box a {
    text-decoration: underline;
	color: #3A2608;
}

.content-box h1 {
    font-size: 28px;
    margin-bottom: 15px;
}

.content-box h2 {
    font-size: 24px;
    margin-bottom: 12px;
    margin-top: 15px;

}

.content-box h3 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 15px;

}

.content-box h4 {
    font-size: 18px;
    margin-bottom: 8px;
}

.content-box h5 {
    font-size: 16px;
    margin-bottom: 6px;
}

.content-box h6 {
    font-size: 14px;
    margin-bottom: 4px;
}

.content-box ol,
.content-box ul {
    margin-bottom: 15px;
}

.content-box ol {
    list-style-type: decimal;
}

.content-box ul {
    list-style-type: disc;
}

.content-box li {
    margin-left: 20px;
}

.content-box ul ul,
.content-box ol ol,
.content-box ul ol,
.content-box ol ul {
    margin-left: 20px;
}





/* Switch w single-inwestycja */
.lokal-btn.btn-secondary  {
	color:white!important;
}
.switch-btn.btn-secondary  {
	color:white!important;
}

.switch-part[aria-hidden="true"]{
	position:absolute;
    left:0px;
	z-index:-1;
	opacity:0;
	pointer-events:none;
}

.switch-part[aria-hidden="false"]{
	position:relative;
	z-index:1;
	opacity:1;
	pointer-events:auto;
	animation: switchIn .5s ease both;
}

@keyframes switchIn{
	from { opacity:0; transform: translateY(8px); }
	to   { opacity:1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce){
	.switch-part[aria-hidden="false"]{ animation:none; }
}
@media(max-width:1200px){
.scroll-mobile {
    overflow-x: auto;
    justify-content: flex-start!important;
}
.scroll-mobile > button {
    width:max-content;
        white-space: nowrap;

}
}