/*
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: "Noto Serif", serif;

	/* COLORS */
	--main-bg-color: #fff;
	--second-bg-color: #bebebe;
	--font-color: #333;
	--primary-color: #001230;
	--btn-bg-color: var(--primary-color);
	--btn-color: #fff;
	--svg-icons-color: var(--primary-color);
	--text-section-after: #e1e1e1;
	--banner-after: #fff0;
	--banner-bg-color: #e9e9e9;
	--banner-font-color: #001230;
	--video-banner-after: #ffffff94;
	--video-banner-font-color: #333;
	--slick-dots-color: var(--primary-color);
	--slick-arrow-bg: var(--primary-color);
	--slick-arrow-color: #fff;
	--cta-bg-color: #2b2b2b;
	--contact-form-borders: #bfbfbf;
	--template-separator-color: var(--primary-color);
	--header-bg-color: var(--primary-color);
	--header-second-bg-color: var(--second-bg-color);
	--header-color: #fff;
	--header-top-info-bg: #000d25;
	--header-top-info-color: #fff;
	--footer-bg-color: var(--primary-color);
	--footer-color: #fff;

	/* ICONS COLOR FILTER */
	--icons-filter: invert(6%) sepia(74%) saturate(3038%) hue-rotate(201deg) brightness(93%) contrast(107%);

	/* 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: 5px;

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

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

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

	/* FW TYPES */
	--fw-type-1: 500;
	--fw-type-2: 600;
	--fw-type-3: 700;
	--fw-type-4: 700;
	--fw-type-5: 700;
}
.tmp-separator {
	max-width: 200px;
}
.page-loader-main img{
	width: 200px;
}
.er-title-2,
.er-title-3,
.er-title-4 {
	text-transform: uppercase;
}
section.main-cta.cta-t2-v2 .cta-container-wrapper {
	background-color: var(--primary-color);
}
section.main-cta.cta-t2-v2 .title-1,
section.main-cta.cta-t2-v2 .title-2,
section.main-cta.cta-t2-v2 .desc * {
	color: #fff;
}
section.main-cta.cta-t2-v2 .def-btn a {
	border-color: #e1e1e1;
	color: #e1e1e1;
	background-color: transparent;
}
section.main-cta.cta-t2-v2 .def-btn a:hover {
	background-color: #e1e1e1;
	color: var(--primary-color);
}
section.icons-section.custom {
	background-color: var(--primary-color);
}
section.icons-section.custom .first-row * {
	color: #fff;
}
section.icons-section.custom .tmp-separator {
	background-color: #e1e1e1;
}
section.icons-section.custom .icon-item {
	padding: 30px;
	background-color: #e1e1e1;
	border-radius: var(--border-radius);
}
section.banner-main.banner-t1-v2.custom-banner-t1-v2 .banner-content .fw-type-5.er-title-2.title-2{
	font-family: "Parisienne", system-ui;
	font-size: var(--font-size-1);
}
.er-title-2 {
	text-transform: none;
}
section.banner-main.banner-t1-v2.custom-banner-t1-v2 .banner-content h1.er-title-4.title-1{
	font-size: var(--font-size-3); 
}
body::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/wp-content/uploads/2024/09/marble-2398946_1920-e1727939531394.jpg");
	background-size: contain;
	background-position: center;
	filter: opacity(50%);
	z-index: -1;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
}
section.main-cta.cta-t2-v3 .title-1, section.main-cta.cta-t2-v3 .title-2, section.main-cta.cta-t2-v3 .desc * {
	color: #fff;
}
section.main-cta.cta-t1-v1 .title-1, section.main-cta.cta-t1-v1 .title-2, section.main-cta.cta-t1-v1 .desc * {
	color: #fff;
}
section.main-cta .abs-img-bg {
	opacity: 60%;
}
.line-btn a {
	color: #fff;
}
section.text-section.text-section-t3-v1.text-section-bg {
	background-color: #001230;
	color: #fff;
}
section.text-section.text-section-t3-v1.text-section-bg .content-wrapper .desc p {
	color: #fff;
}
section.text-section.text-section-t3-v1.text-section-bg .content-wrapper .tmp-separator{
	background-color: #fff;
}
section.main-cta.cta-t2-v1 .title-1,
section.main-cta.cta-t2-v1 .title-2,
section.main-cta.cta-t2-v1 .desc * {
	color: #fff;
}
section.main-cta.cta-t2-v1 .def-btn a {
	border-color: #e1e1e1;
	color: #e1e1e1;
	background-color: transparent;
}
section.main-cta.cta-t2-v1 .def-btn a:hover {
	background-color: #e1e1e1;
	color: var(--primary-color);
}
header.main-header-section .header-top-info .header-icons .icon-item .title {
	font-size: var(--font-size-6);
}

.glsr-field[data-field="terms"] {
	display: none;
}
.glsr-default button.glsr-button {
	background-color: var(--btn-bg-color);
    color: var(--btn-color);
    font-size: var(--font-size-9);
    font-weight: var(--fw-type-3);
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    border: 2px solid var(--btn-bg-color);
    border-radius: var(--border-radius);
    transition: .3s ease-in-out;
    -webkit-appearance: none;
    cursor: pointer;
}
.glsr-summary-percentages{
	display: none;
}
.glsr-default form.glsr-form input.glsr-input:not(.wp-block-search__input), .glsr-default form.glsr-form select.glsr-select, .glsr-default form.glsr-form textarea.glsr-textarea{
	background: transparent;
}
.glsr-default form.glsr-form input.glsr-input:not(.wp-block-search__input)::placeholder,
.glsr-default form.glsr-form textarea.glsr-textarea::placeholder {
	font-size: 0;
}
.glsr-default .glsr-review {
	background-color: #fff;
	padding: 30px;
}
@media screen and (min-width: 1200px) {
	header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.sub-menu li a {
		padding: 6px;
		display: block;
		text-align: left;
		font-size: var(--font-size-8);
		letter-spacing: .3px;
		line-height: 1.2;
		color: var(--header-color);
	}
}


/* GLOBAL MEDIA */
@media screen and (min-width: 1200px) {
	header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.sub-menu>li:hover{
		background-color: var(--header-top-info-bg);
	}
	header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.menu>li>a::after{
		background-color: #e1e1e1;
	}
}

@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;
	}
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box .wrapper ul li.menu-item-has-children .mobile-btn-toggle::before,
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box .wrapper ul li.menu-item-has-children .mobile-btn-toggle::after{
		background-color: #fff;
	}
}
@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;
	}
	header.main-header-section .header-top-info .header-icons .icon-item.icon-1 {
		display: none;
	}
}