@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap");

/*
	Theme Name: ProMinder
	Text Domain: ProMinder
	Version: 1.0
	Description: Motyw wordpress dla strony produktu ProMinder
	Author: Perbis
	Author URI: https://perbis.pl/
*/

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Nunito", "Open Sans", "Segoe UI", "Helvetica Neue", Arial,
		sans-serif;
	color: var(--text-dark);
	line-height: 1.25;
	overflow-x: hidden;
}

:root {
	--side-margin: 320px;
	--text-size-48: 48px;
	--text-size-36: 36px;
	--text-size-32: 32px;
	--text-size-24: 24px;
	--text-size-20: 20px;
	--text-size-18: 18px;
	--text-size-16: 16px;
}

@media only screen and (max-width: 768px) {
	:root {
		--text-size-48: 36px;
		--text-size-36: 24px;
		--text-size-32: 24px;
		--text-size-24: 22px;
		--text-size-20: 20px;
		--text-size-18: 18px;
		--text-size-16: 16px;
	}
}

.smart-slider-text-20 {
	font-size: 20px;
}
.smart-slider-text-16 {
	font-size: 16px;
}

@media only screen and (max-width: 450px) {
	.smart-slider-text-20 {
		font-size: 16px;
	}
	.smart-slider-text-16 {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1650px) {
	:root {
		--side-margin: 200px;
	}
}

@media only screen and (max-width: 1450px) {
	:root {
		--side-margin: 150px;
	}
}

@media only screen and (max-width: 768px) {
	:root {
		--side-margin: 18px;
	}
}

.mr-1 {
	margin-right: 8px;
}

.mr-2 {
	margin-right: 16px;
}

.mr-3 {
	margin-right: 24px;
}

.ml-1 {
	margin-left: 8px;
}

.ml-2 {
	margin-left: 16px;
}

.ml-3 {
	margin-left: 24px;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 8px;
}

.mb-2 {
	margin-bottom: 16px;
}

.mb-3 {
	margin-bottom: 24px;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 8px;
}

.mt-2 {
	margin-top: 16px;
}

.mt-3 {
	margin-top: 40px;
}

.mt-4 {
	margin-top: 32px;
}

.p-4 {
	padding: 32px;
}

.pr-4 {
	padding-right: 32px;
}

.px-4 {
	padding-left: 32px;
	padding-right: 32px;
}

.pb-half {
	padding-bottom: 50px !important;
}

.w-100 {
	width: 100%;
}

.flex-centered {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-centered-half {
	flex: 1;
}

.flex-start-center {
	display: flex;
	justify-content: start;
	align-items: center;
}

.flex-y-centred {
	display: flex;
	justify-content: start;
	align-items: center;
}

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

.special-padding--bottom {
	padding-bottom: 50px;
}

.special-padding--bottom-hero {
	padding-bottom: 50px;
}

@media only screen and (max-width: 1400px) {
	.special-padding--bottom-hero {
		padding-bottom: 0px;
	}
}

.special-space {
	padding: 30px 0 0 0 !important;
}