/* * * * * * * * * * * * * * * * * * * *
 *
 *   @page		Biuro Matrymonialne
 *   @name		custom.css
 *   @author	Bartosz Machnik
 *   @created	05.2026
 *   @licence	copyright (c) by sitte.pl
 *   @version	1.0.0
 *
 */
 
/******************************************/
/* *** global rules *** */
:root {
	--bRad: 8px;
}

html { font-size: 16px; }
p { margin-bottom: 1.5rem; }
p:last-child { margin: 0; }

a { color: var(--sppb-main); }
a:hover, a:active, a:focus { color: var(--sppb-main); }

.sppb-addon-text-block ul { list-style: none; padding: 0; }
.sppb-addon-text-block ul li { position: relative; padding: 10px 0 10px 40px; }
.sppb-addon-text-block ul li::before { content: ''; display: block; width: 23px; height: 23px; background-image: url('/images/template/lista1.png'); position: absolute; left: -0; }

/* domyślne marginesy sekcji */
.sppb-section { padding: 60px 0; }
@media (max-width: 767px) { .sppb-section { padding: 35px 0; } }
.top0{padding-top:0;}
.bottom0{padding-bottom:0;}
.sppb-section .sppb-section { padding: 0; }

/* domyślne sekcje */
.dark-sec { background: var(--sppb-main); color: #fff; }
.dark-sec h1, .dark-sec h2, .dark-sec h3, .dark-sec h4 { color: #fff; }
.light-sec { background: var(--sppb-color3); color: var(--sppb-main); }

/* buttony */
.btn-primary, .sppb-btn-primary { border: 0; color: var(--sppb-main); background: linear-gradient(to bottom, var(--sppb-color1), var(--sppb-color2)); padding: 20px 22px; font-weight: 700; font-size: 1.2rem; border-radius: var(--bRad); font-family: "Playfair Display"; transition: 0.25s; }
.btn-primary:hover, .sppb-btn-primary:hover, .btn.btn-primary:first-child:active, .btn.sppb-btn-primary:first-child:active { border: 0; color: var(--sppb-main); background: linear-gradient(to bottom, var(--sppb-color1), var(--sppb-color2)); padding: 20px 22px; font-weight: 700; font-size: 1.2rem; border-radius: var(--bRad); font-family: "Playfair Display"; filter: brightness(1.25); }
.btn-secondary, .sppb-btn-secondary { border: 1px solid #000; color: #000; background: transparent; padding: 12px 42px; font-weight: 700; text-transform: uppercase; border-radius: 0; font-size: 24px; }
.btn-secondary:hover, .sppb-btn-secondary:hover, .btn.btn-secondary:first-child:active, .btn.sppb-btn-secondary:first-child:active { border: 1px solid #000; color: #fff; background: #000; padding: 12px 42px; font-weight: 700; text-transform: uppercase; border-radius: 0; }

/* nadpisania addonu timeline (na KAŻDEJ stronie / sekcji, która go używa */
/* .addon-root-timeline .title { font-weight: 600; } */
/* .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel { width: 360px; } */
/* @media screen and (max-width: 767px) { */
	/* .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement { padding-bottom: 10px; } */
	/* .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd  .timeline-item .timeline-date, */
	/* .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even .timeline-item .timeline-date { line-height: 110px; } */
/* } */

.sppb-addon-title span { color: var(--sppb-color1); }
.s-deco h1, .s-deco h2, .s-deco h3, .s-deco h4 { color: var(--sppb-color2); text-transform: uppercase; padding-bottom: 22px; margin-bottom: 20px; position: relative; font-family: Inter; font-size: 1rem; }
.s-deco h1::after, .s-deco h2::after, .s-deco h3::after, .s-deco h4::after { content: ''; display: block; width: 40px; height: 2px; background: var(--sppb-color1); position: absolute; bottom: 0; }

/*****************************************************************************/
/** *** formularze *** **/
/*****************************************************************************/

/* .control-group { display: flex; gap: 8px; } */
/* .control-group .control-label { width: 20%; display: flex; align-items: center; justify-content: flex-end; background: #f4f4f4; border-radius: .375rem; padding: 5px 10px; } */
/* .control-group .control-label label { width: 100%; position: relative; text-align: right; } */
/* .control-group .controls { width: 80%; } */
/* .form-control-feedback { position: absolute; right: 0.7rem; color: #f00; font-size: 0.75rem; bottom: -0.85rem; } */

/* formularze: com_users */

/* Reset i kontenery */
/* body.com_users { padding: 0; } */
/* body.com_users #sp-main-body { padding: 0; } */
/* body.com_users .container { max-width: 100%; } */
/* body.com-users .password-group .input-group-text { display: none; } */
/* body.com_users .control-group .control-label { width: 40%; } */
/* body.com_users .btn.btn-secondary { font-size: 1rem; } */
/* body.com_users .form-horizontal .controls { margin: 0; } */

/* Układ i typografia */
/* .custom-auth-layout .auth-form-container { max-width: 600px; width: 100%; } */
/* .custom-auth-layout .auth-title { font-weight: 700; color: #333; font-size: 2.2rem; } */
/* .custom-auth-layout .auth-subtitle { font-size: 1.1rem; } */
/* .custom-auth-layout a { text-decoration: none; } */
/* .custom-auth-layout .brand-logo img.b-rad { border-radius: 10px; } */

/* Formularze i Inputy */
/* .custom-auth-layout input[type="text"], .custom-auth-layout input[type="password"], .custom-auth-layout input[type="email"] { width: 100%; padding: 1rem; border-radius: var(--bRad); border: 1px solid #ddd; } */
/* .custom-auth-layout input#password, .custom-auth-layout input#jform_password1 { width: calc(100% - 70px); } */
/* .custom-auth-layout input#password + div + .btn-secondary, .custom-auth-layout input#jform_password1 + div + .btn-secondary { border-radius: 0 var(--bRad) var(--bRad) 0; } */
/* .custom-auth-layout label:not(.form-check-label) { display: block; font-size: 0.9rem; color: #555; } */
/* .custom-auth-layout .form-check-label { font-size: 0.9rem; } */
/* .custom-checkbox { accent-color: #e5005b; } */

/* Przyciski i Ikony Font Awesome Pro */
/* .custom-auth-layout .btn { font-weight: normal!important; padding: 1rem; display: flex; align-items: center; justify-content: center; } */
/* .custom-auth-layout .btn svg, .custom-auth-layout svg#Passkey { width: 1.0em; height: 1.0em; } */
/* .custom-auth-layout .btn [class*="icon-"]::before {font-family: "Font Awesome 7 Pro" !important; font-weight: 400 !important; font-style: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important;} */
/* .custom-auth-layout .input-password-toggle .icon-eye, .custom-auth-layout .input-password-toggle .icon-eye-slash { min-width: 22.5px; } */
/* .custom-auth-layout .input-password-toggle .icon-eye::before { content: "\f06e"!important; } */
/* .custom-auth-layout .input-password-toggle .icon-eye-slash::before { content: "\f070"!important; } */

/* Prawy panel (grafika) */
/* .custom-auth-layout .auth-bg-column { background: linear-gradient(135deg, var(--main-color) 0%, var(--secondary-color-h) 100%); background-repeat: no-repeat; padding: 0; } */
/* .custom-auth-layout .auth-bg-overlay { padding: 0; } */
/* .custom-auth-layout .auth-bg-column img { width: 100%; height: 100%; object-fit: cover; padding: 0; max-height: none; } */

/* @media (max-width: 575px) { */
	/* .control-group { flex-wrap: wrap; } */
	/* .control-group .control-label, .control-group .controls { width: 100%; } */
	/* body.com_users .control-group .control-label, body.com_users .control-group .controls { width: 100%; } */
	/* .control-group .control-label label { text-align: left; } */
/* } */





/******************************************/
/* *** header *** */
/* #sp-header { height: auto; background: var(--sppb-color1); border-bottom: 1px solid #000; } */
/* #sp-header.header-sticky { background: #fff; } */
/* #sp-header .sp-megamenu-wrapper { padding: 25px 0; } */
/* #sp-logo { display: flex; align-items: center; } */





/******************************************/
/* *** footer *** */
/* #sp-footer { background: var(--sppb-color2); } */
/* #sp-footer p { text-align: right; } */
/* #sp-footer a { font-size: 18px; color: var(--sppb-color3); } */
/* #sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus { color: var(--sppb-main); } */
/* #sp-footer .mod-menu.mod-list { display: flex; flex-direction: column; align-items: flex-end; } */
/* #sp-footer .mod-menu.mod-list a { text-transform: uppercase; padding: 2px 0; } */
/* #sp-footer .sppb-social-share a { color: #fff; } */
/* #sp-footer .sppb-social-share a:hover, */
/* #sp-footer .sppb-social-share a:active, */
/* #sp-footer .sppb-social-share a:focus */
	/* { color: #fff; } */





/******************************************/
/* *** sekcje / strona główna *** */
.sec-top-cta {  }

.sec-2 .sppb-row > div:nth-child(1) { border-right: 1px solid var(--sppb-color1); }





/******************************************/
/* *** error 404 / inne errory *** */
/* body.error #sp-main-body { display: none; } */





/* fuck you temporary fix */
html body .page-header { display: none!important; }