/* * * * * * * * * * * * * * * * * * * *
 *
 *   @page		karaikara.pl
 *   @name		custom.css
 *   @author	Filip 'olo' Żbik
 *   @created	08.2024
 *   @licence	copyright (c) by Paulina Kara
 *   @version	2.0.4
 *
 */
 
/******************************************/
/* *** global rules *** */
:root {
	--bRad: 12px;
	--box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
}

html { font-size: 20px; }
p:last-child { margin: 0; }

a { color: var(--sppb-color3); }
a:hover, a:active, a:focus { color: var(--sppb-main); }

h3 { text-transform: uppercase; }

.sppb-addon-title span { color: var(--sppb-main); }

/* #sp-main img { border-radius: var(--bRad); } */

/* domyślne marginesy sekcji */
.sppb-section { padding: 70px 0; }
@media (max-width: 767.9007px) { .sppb-section { padding: 40px 0; } }
.top0{padding-top:0;}
.bottom0{padding-bottom:0;}
.sppb-section .sppb-section { padding: 0; }

/* buttony */
.btn, .sppb-btn { font-size: 1rem; }
/* .btn-primary, .sppb-btn-primary { border: 1px solid #fff; color: #fff; background: var(--sppb-main); padding: 18px 42px; font-weight: 700; text-transform: uppercase; border-radius: 0; } */
/* .btn-primary:hover, .sppb-btn-primary:hover, .btn.btn-primary:first-child:active, .btn.sppb-btn-primary:first-child:active { border: 1px solid #fff; color: #fff; background: #000; padding: 18px 42px; font-weight: 700; text-transform: uppercase; border-radius: 0; } */
/* primary */
.btn-primary, .sppb-btn-primary { border: 1px solid var(--sppb-color3); color: #fff; background: var(--sppb-color3); padding: 8px 40px; font-weight: 500; text-transform: uppercase; border-radius: var(--bRad); }
.btn-primary:hover, .sppb-btn-primary:hover, .btn.btn-primary:first-child:active, .btn.sppb-btn-primary:first-child:active, .btn-primary:focus, .sppb-btn-primary:focus { border: 1px solid var(--sppb-color3); color: #fff; background: var(--sppb-main); }
/* secondary */
.btn-secondary, .sppb-btn-secondary { border: 1px solid var(--sppb-main); color: #fff; background: var(--sppb-main); padding: 8px 40px; font-weight: 500; text-transform: uppercase; border-radius: var(--bRad); }
.btn-secondary:hover, .sppb-btn-secondary:hover, .btn.btn-secondary:first-child:active, .btn.sppb-btn-secondary:first-child:active, .btn-secondary:focus, .sppb-btn-secondary:focus { border: 1px solid var(--sppb-main); color: #fff; background: var(--sppb-color3); }
/* success */
.btn-success, .sppb-btn-success { border: 1px solid var(--sppb-main); color: var(--sppb-main); background: transparent; padding: 8px 40px; font-weight: 500; text-transform: uppercase; border-radius: var(--bRad); }
.btn-success:hover, .sppb-btn-success:hover, .btn.btn-success:first-child:active, .btn.sppb-btn-success:first-child:active, .btn-success:focus, .sppb-btn-success:focus { border: 1px solid var(--sppb-main); color: #fff; background: var(--sppb-main); }
/* fix dla ikony */
.btn-primary:has(.icon-calendar), .sppb-btn-primary:has(.icon-calendar), .btn-primary:has(.icon-calendar):hover, .sppb-btn-primary:has(.icon-calendar):hover, .btn.btn-primary:has(.icon-calendar):first-child:active, .btn.sppb-btn-primary:has(.icon-calendar):first-child:active { padding: 6px 42px; border-radius: 0 .375rem .375rem 0; border: 1px solid var(--sppb-color3); }
.btn-primary:has(.icon-calendar):hover, .sppb-btn-primary:has(.icon-calendar):hover { border-color: var(--sppb-main); }
/* nawigacja na mobilnych */
@media (max-width: 991.9007px) {
	body .btn-nav { padding: 5px 10px; font-size: 14px; }
}
@media (max-width: 575.9007px) {
	.sppb-button-wrapper { text-align: center!important; }
}





/******************************************/
/* *** header *** */





/******************************************/
/* *** offcanvas *** */





/******************************************/
/* *** footer *** */





/******************************************/
/* *** sekcje / strona główna *** */
.hero-slider { color: #fff; }
.hero-slider .sp-slider .sppb-row > div > div > * { margin-bottom: 15px; }





/******************************************/
/* *** error 404 / inne errory *** */
body.error #sp-main-body { display: none; }







