/*
Theme Name: Erizo
Author: Erizo.pl
*/

:root {
	/* FONTS */
	--font-size-1: 66px;
	--font-size-2: 46px;
	--font-size-3: 36px;
	--font-size-4: 26px;
	--font-size-5: 22px;
	--font-size-6: 18px;
	--font-size-7: 16px;
	--font-size-8: 14px;
	--font-size-9: 12px;
	--font-size-10: 10px;

	/* FONT FAMILY */
	--primary-font-family: 'Raleway', sans-serif;

	/* COLORS */
	--main-bg-color: #fff;
	--second-bg-color: #f4f4f4;
	--font-color: #333;
	--primary-color: #163391;
	--btn-bg-color: #163391;
	--btn-color: #fff;
	--svg-icons-color: var(--primary-color);
	--text-section-after: var(--primary-color);
	--banner-after: #ffffff94;
	--banner-bg-color: #f9f9f9;
	--banner-font-color: var(--font-color);
	--slick-dots-color: var(--primary-color);
	--slick-arrow-bg: var(--primary-color);
	--slick-arrow-color: #fff;
	--cta-bg-color: #88ba3f;
	--contact-form-borders: #bfbfbf;
	--template-separator-color: #88ba3f;
	--header-bg-color: #fff;
	--header-second-bg-color: #212121;
	--header-color: #000;
	--header-top-info-bg: var(--primary-color);
	--header-top-info-color: #fff;
	--footer-bg-color: #163391;
	--footer-color: #fff;

	/* ICONS COLOR FILTER */
	--icons-filter:  invert(16%) sepia(64%) saturate(2596%) hue-rotate(218deg) brightness(98%) contrast(103%); 

	/* BUTTON */
	--def-btn-font-size: 18px;
	--def-btn-padding: 17px 65px;

	/* PADDING */
	--small-padding: 60px;
	--big-padding: 120px;

	/* DESC */
	--desc-margin: 25px 0 0;

	/* BORDER RADIUS */
	--border-radius: 15px;

	/* SEPARATOR */
	--template-separator-height: 5px;

	/* HEADER */
	--header-padding: 15px 0;
	--logo-size: 160px;
	--logo-scrolled-size: 100px;
	--logo-mobile-size: 160px;
	--logo-scrolled-mobile: 80px;

	/* FOOTER LOGO */
	--footer-logo-size: 260px;
	--footer-mobile-logo-size: 160px;

	/* FW TYPES */
	--fw-type-1: 500;
	--fw-type-2: 600;
	--fw-type-3: 700;
	--fw-type-4: 800;
	--fw-type-5: 900;
}
.er-title-1 span, .er-title-2 span, .er-title-3 span, .er-title-4 span, .er-title-5 span, .er-title-6 span, .er-title-7 span, .er-title-8 span, .er-title-9 span, .er-title-10 span {
	color: #219ed8;
}
section.main-cta .abs-img-bg {
	opacity: 15%;
}
section.main-cta .line-btn a::after{
	background-color: #fff;
}
section.main-cta .def-btn a {
	background-color: #fff;
	border-color: #fff;
	color: var(--primary-color);
}
section.main-cta .def-btn a:hover{
	background-color: transparent;
	color: #fff;
}
section.main-cta * {
	color: #fff;
}
section.icons-section-t1-v1 .icon-item .icon-img img{
	height: 90px;
}
section.banner-t2-v1 .abs-img-bg {
	width: 100%;
	opacity: 20%;
}
section.reviews-section .wrapper .user-part .user-img {
	filter: var(--icons-filter);
}
section.icons-section .icon-with-filter{
	filter: invert(65%) sepia(72%) saturate(357%) hue-rotate(42deg) brightness(89%) contrast(92%);
}
section.icons-section-t1-v1.icons-bg .icon-item {
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
section.icons-section-t1-v1 .icon-item .title {
	text-transform: none;
}



/* GLOBAL MEDIA */

@media screen and (max-width: 1499px) {
	:root {
		/* FONTS */
		--font-size-1: 64px;
		--font-size-2: 44px;
		--font-size-3: 34px;
		--font-size-4: 24px;
		--font-size-5: 20px;
		--font-size-6: 18px;
		--font-size-7: 16px;
		--font-size-8: 14px;
		--font-size-9: 12px;
		--font-size-10: 10px;

		/* BUTTON */
		--def-btn-font-size: 15px;
		--def-btn-padding: 17px 35px;

	}
}

@media screen and (max-width: 1199px) {
	:root {
		/* FONTS */
		--font-size-1: 60px;
		--font-size-2: 40px;
		--font-size-3: 30px;
		--font-size-4: 22px;
		--font-size-5: 18px;
		--font-size-6: 16px;
		--font-size-7: 14px;
		--font-size-8: 13px;
		--font-size-9: 12px;
		--font-size-10: 10px;
	}
	.def-btn a {
		padding: 14px 55px;
	}
}
@media screen and (max-width: 991px) {
	:root {
		/* FONTS */
		--font-size-1: 54px;
		--font-size-2: 36px;
		--font-size-3: 28px;
		--font-size-4: 20px;

		/* BUTTON */
		--def-btn-font-size: 14px;

		/* PADDING */
		--small-padding: 60px;
		--big-padding: 120px;
	}
	body {
		font-size: var(--font-size-7);
	}
}

@media screen and (max-width: 767px) {
	:root {
		/* FONTS */
		--font-size-1: 48px;
		--font-size-2: 32px;
		--font-size-3: 24px;

		/* PADDING */
		--small-padding: 50px;
		--big-padding: 100px;
	}
}