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

:root {
	/* FONTS */
	--font-size-1: 66px;
	--font-size-2: 38px;
	--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: "Montserrat", sans-serif;

	/* COLORS */
	--main-bg-color: #fff;
	--second-bg-color: #f4f4f4;
	--font-color: #333;
	--primary-color: #391D1C;
	--btn-bg-color: #c98e5e;
	--btn-color: #fff;
	--svg-icons-color: var(--primary-color);
	--text-section-after: var(--primary-color);
	--banner-after: #ffffff00;
	--banner-bg-color: #f9f9f9;
	--banner-font-color: #fff;
	--slick-dots-color: var(--primary-color);
	--slick-arrow-bg: var(--primary-color);
	--slick-arrow-color: #fff;
	--cta-bg-color: #391D1C;
	--contact-form-borders: #bfbfbf;
	--template-separator-color: #c98e5e;
	--header-bg-color: #F0F0F0;
	--header-second-bg-color: #fff;
	--header-color: #333;
	--header-top-info-bg: var(--primary-color);
	--header-top-info-color: #fff;
	--footer-bg-color: #391D1C;
	--footer-color: #fff;

	/* ICONS COLOR FILTER */
    --icons-filter: invert(57%) sepia(38%) saturate(479%) hue-rotate(345deg) brightness(97%) contrast(96%);

    /* BUTTON */
    --def-btn-font-size: 16px;
    --def-btn-padding: 10px 15px;

	/* PADDING */
	--small-padding: 60px;
	--big-padding: 120px;
	
	/* DESC */
	--desc-margin: 25px 0 0;
	
	/* BORDER RADIUS */
	--border-radius: 5px;

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

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

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

	/* FW TYPES */
	--fw-type-1: 500;
	--fw-type-2: 600;
	--fw-type-3: 700;
	--fw-type-4: 700;
	--fw-type-5: 700;

	--add-color-1: #c98e5e;
	--add-color-2: #4b9748;
}
.page-loader-main {
	background-color: var(--primary-color);
}
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%;
}
.desc .gallery .gallery-item a{
	padding-top: 65%;
}
section.text-section.text-section-t3-v1.text-section-bg .desc blockquote,
section.second-bg .desc blockquote {
	background-color: var(--main-bg-color);
}
.glsr-minimal form.glsr-review-form * {
	font-family: var(--primary-font-family)!important;
}
.glsr-minimal form.glsr-review-form textarea.glsr-textarea{
	-webkit-appearance: none;
    border: 1px solid var(--contact-form-borders);
    background-color: transparent;
    transition: .3s;
    margin-bottom: 10px;
    padding: 15px;
    display: block;
    width: 100%;
    font-size: var(--font-size-7);
    color: var(--font-color);
    border-radius: var(--border-radius);
    font-weight: var(--fw-type-1);
	height: 90px;
    resize: none;
	margin-top: 15px;
}
.glsr-minimal form.glsr-review-form input[type="text"] {
	-webkit-appearance: none;
    border: 1px solid var(--contact-form-borders);
    background-color: transparent;
    transition: .3s;
    margin-bottom: 10px;
    padding: 15px;
    display: block;
    width: 100%;
    font-size: var(--font-size-7);
    color: var(--font-color);
    border-radius: var(--border-radius);
    font-weight: var(--fw-type-1);
	margin: 15px 0!important;
}
.glsr-minimal .glsr-label{
	font-weight: 700;
}
.glsr-minimal form.glsr-review-form button[type="submit"]{
	background-color: var(--btn-bg-color);
    color: var(--btn-color);
    font-size: var(--font-size-8);
    font-weight: var(--fw-type-3);
    text-transform: uppercase;
    padding: 10px 15px;
    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-minimal .glsr-reviews-wrap {
	margin-top: 45px;
}
.glsr-minimal .glsr-reviews-wrap .glsr-review{
	padding: 15px;
	border-radius: var(--border-radius);
	background-color: var(--second-bg-color);
}
.glsr-minimal .glsr-reviews-wrap .glsr-review-date {
	font-size: 12px;
	font-weight: 500;
	order: 3;
}
.glsr-minimal .glsr-reviews-wrap .glsr-review-author {
	font-weight: 700;
	order: 1;
}
.glsr-minimal .glsr-reviews-wrap .glsr-review-content {
	font-size: 14px;
	order: 2;
}
.tmp-separator{
	max-width: 150px;
}
section.single-rooms-main .main-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
section.single-rooms-main .main-row .left-col {
	min-width: 60%;
	width: 60%;
	padding: 0 15px;
}
section.single-rooms-main .main-row .left-col .main-swiper-gallery .slide-img {
	padding-top: 65%;
	width: 100%;
	position: relative;
	border-radius: var(--border-radius);
}
section.single-rooms-main .main-row .right-col {
	min-width: 40%;
	width: 40%;
	padding: 0 15px;
}
section.single-rooms-main .main-row .left-col .nav-swiper-gallery{
	margin-top: 5px;
}
section.single-rooms-main .main-row .left-col .nav-swiper-gallery .slide-img {
	padding-top: 65%;
	width: 100%;
	position: relative;
	border-radius: var(--border-radius);
	cursor: pointer;
}

section.single-rooms-main .main-row .right-col .content .short-desc {
	background-color: var(--second-bg-color);
	padding: 30px;
	border-radius: var(--border-radius);
}
section.single-rooms-main .main-row .right-col .short-desc + .contact-info {
	margin-top: 30px;
}
section.single-rooms-main .main-row .right-col .contact-info .contact-title{
	font-size: var(--font-size-5);
	font-weight: 500;
	margin-bottom: 0;
}
section.single-rooms-main .main-row .right-col .contact-info ul {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
}
section.single-rooms-main .main-row .right-col .contact-info ul li a{
	display: flex;
	align-items: center;
	line-height: 1;
	font-weight: 700;
}
section.single-rooms-main .main-row .right-col .contact-info ul li .icon {
	margin-right: 10px;
}
section.single-rooms-main .main-row .right-col .contact-info ul li .icon svg {
	width: 25px;
	height: auto;
	fill: var(--primary-color);
}
section.single-rooms-main .main-row .right-col .contact-info ul li + li {
	margin-top: 10px;
}
section.single-rooms-main .main-row .start-info {
	min-width: 100%;
	width: 100%;
	padding: 0 15px;
}
section.single-rooms-main .main-row .start-info .offer-name {
	font-weight: 700;
	font-size: var(--font-size-3);
}
section.single-rooms-main .main-row .start-info ul.start-icons {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	margin: 25px -5px;
	align-items: center;
	padding: 0;
}
section.single-rooms-main .main-row .start-info ul.start-icons li{
	margin: 5px;
	padding: 5px 10px;
	border-radius: 5px;
	background-color: var(--second-bg-color);
	display: flex;
	line-height: 1;
	align-items: center;
}
section.single-rooms-main .main-row .start-info ul.start-icons li .icon {
	margin-right: 5px;
}
section.single-rooms-main .main-row .start-info ul.start-icons li .icon svg {
	width: auto;
	height: 16px;
	fill: var(--primary-color);
}
section.single-rooms-main .main-row .start-info ul.start-icons li .value {
	line-height: 1;
}
section.single-rooms-main .main-row .bottom-desc{
	padding: 0 15px;
	min-width: 100%;
	width: 100%;
	margin-top: 45px;
}
.desc ul {
  list-style: none; 
  padding-left: 0;
}

.desc ul li {
  position: relative;
  padding-left: 28px; 
  margin-bottom: 8px;
}

.desc ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  background-image: url('./img/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

section.rooms-main-list .main-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
section.rooms-main-list .main-row .item-col {
	min-width: 50%;
	width: 50%;
	padding: 0 15px;
	position: relative;
	z-index: 0;
	margin-top: 30px;
}
section.rooms-main-list .main-row .item-col .room-item {
	background-color: var(--second-bg-color);
	position: relative;
	border-radius: var(--border-radius);
	overflow: hidden;
	min-height: 100%;
	transition: .3s;
	box-shadow: #00000000 0px 8px 24px;
}
section.rooms-main-list .main-row .item-col .room-item:hover {
	transform: scale(1.03);
	box-shadow: #391d1c42 0px 8px 24px;
}
section.rooms-main-list .main-row .item-col .room-item .main-img {
	width: 100%;
	padding-top: 65%;
}
section.rooms-main-list .main-row .item-col .room-item .content {
	padding: 30px;
}
section.rooms-main-list .main-row .item-col .room-item .content .room-name {
	font-size: var(--font-size-4);
	font-weight: 500;
	margin-bottom: 15px;
}
section.rooms-main-list .main-row .item-col .room-item .content ul.room-icons {
	display: flex;
	list-style: none;
	margin: -5px;
	padding: 5px 0;
	flex-wrap: wrap;
}
section.rooms-main-list .main-row .item-col .room-item .content ul.room-icons li {
	display: flex;
	align-items: center;
	margin: 5px;
	padding-right: 5px;
}
section.rooms-main-list .main-row .item-col .room-item .content ul.room-icons li .value {
	font-size: 14px;
	margin-left: 5px;
}
section.rooms-main-list .main-row .item-col .room-item .content ul.room-icons li .icon svg {
	fill: var(--primary-color);
	height: 16px;
	width: auto;
}
section.rooms-main-list .main-row .item-col .room-item .content .room-btn-label {
	display: inline-block;
	background-color: var(--primary-color);
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	border-radius: var(--border-radius);
	margin-top: 15px;
	transition: .5s;
	border: 2px solid var(--primary-color);
}
section.rooms-main-list .main-row .item-col .room-item:hover .content .room-btn-label{
	background-color: #0000;
	color: var(--font-color);
}
section.icons-section-t2-v1.custom{
	background-color: var(--second-bg-color);
}
section.icons-section-t2-v1.custom .icon-item{
	padding: 30px 15px;
	background-color: var(--main-bg-color);
	border-radius: var(--border-radius);
	text-align: center;
	margin: 30px 0 0;
	min-height: calc(100% - 30px);
}
section.icons-section-t2-v1.custom .main-img{
	width: 100%;
}
section.icons-section-t2-v1.custom .icon-item .icon-img img{
	margin: 0 auto;
}
section.icons-section-t2-v1.custom .icons-row{
	margin-top: -30px;
}
.tall-gallery .desc .gallery .gallery-item a{
	padding-top: 140%;
}
section.catering-cats {
	background-color: var(--second-bg-color);
}
section.catering-cats .catering-cats-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 -15px;
}
section.catering-cats .catering-cats-list .item-col{
	min-width: 50%;
	width: 50%;
	padding: 0 15px;
	margin-top: 30px;
}
section.catering-cats .catering-cats-list .item-col .cat-item{
	position: relative;
	z-index: 0;
	border-radius: var(--border-radius);
	overflow: hidden;
	background-color: var(--primary-color);
	min-height: 100%;
}
section.catering-cats .catering-cats-list .item-col .cat-item .item-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
	opacity: 0.5;
	z-index: -1;
}
section.catering-cats .catering-cats-list .item-col .cat-item .cat-name {
	margin: 0;
	padding: 150px 15px;
	color: #fff;
	text-align: center;
	font-size: var(--font-size-4);
	font-weight: 600;
}
section.catering-cats .catering-cats-list .item-col .cat-item:hover .item-img{
	transform: scale(1.03);
}

section.text-catering .phone-btn a{
	display: flex;
	align-items: center;
	margin-top: 30px;
	transition: .3s;
}
section.text-catering .phone-btn a:hover {
	transform: scale(1.01);
}
section.text-catering .phone-btn a .icon svg{
	width: 26px;
	height: auto;
	fill: var(--primary-color);
}
section.text-catering .phone-btn a .value {
	font-weight: 700;
	font-size: 18px;
	margin-left: 10px;
}
section.price-section-t1-v1 .price-row{
	margin-top: 0;
	padding-top: var(--small-padding);
}
header.main-header-section-v1 .desktop-nav .header-main-row .menu-links-column{
	justify-content: space-between;
}
header.main-header-section .desktop-nav .header-main-row .menu-links-column ul li{
	text-transform: none;
}
header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.menu li a {
	font-weight: 600;
}
header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.menu li.picked > a {
	color: var(--add-color-1);
	font-weight: 800;
}
header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.menu li.picked-2 > a {
	color: var(--add-color-2);
	font-weight: 800;
}
footer.main-footer-section-t2-v1 .footer-menu ul li a{
	text-transform: none;
	font-weight: 600;
}
footer.main-footer-section-t2-v1 .footer-menu ul li.picked > a{
	color: var(--add-color-1);
}
footer.main-footer-section-t2-v1 .footer-menu ul li.picked-2 > a{
	color: var(--add-color-2);
}


footer.main-footer-section-t2-v1 ul.footer-contct-data {
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
}
footer.main-footer-section-t2-v1 ul.footer-contct-data li a{
	display: flex;
	align-items: center;
	line-height: 1;
	font-weight: 700;
	color: #fff;
}
footer.main-footer-section-t2-v1 ul.footer-contct-data li .icon {
	margin-right: 10px;
}
footer.main-footer-section-t2-v1 ul.footer-contct-data li .icon svg {
	width: 25px;
	height: auto;
	fill: var(--add-color-1);
}
footer.main-footer-section-t2-v1 ul.footer-contct-data li + li {
	margin-top: 15px;
}
footer .footer-map a {
	display: block;
	width: 100%;
}
footer .footer-map a img {
	width: 100%;
	border-radius: 30px;
}
header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.socials li a.icon svg{
	width: 24px;
}
footer.main-footer-section-t2-v1 .socials ul li a svg,
footer.main-footer-section-t2-v1 .socials ul li a svg *{
	fill: #fff;
}
header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.socials li a.icon svg,
header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.socials li a.icon svg *{
	fill: var(--header-color);
	transition: .3s;
}
header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.socials li a.icon svg:hover,
header.main-header-section .desktop-nav .header-main-row .menu-links-column ul.socials li a.icon svg:hover *{
	fill: var(--add-color-1);
}

section.banner-main.home-banner .banner-slides .banner-img-bg::after{
	background-color: #0000004d;
}
.er-styled-slick-controllers .slick-arrow{
	background-color: var(--add-color-1);
	border-color: var(--add-color-1);
}
.er-styled-slick-controllers .slick-dots li button{
	border-color: var(--add-color-1);
}
.er-styled-slick-controllers .slick-dots li.slick-active button{
	background-color: var(--add-color-1);
}
section.banner-main .def-btn a:hover{
	color: #fff;
}
.page-loader-main.loaded {
    opacity: 0;
	width: 100%;
	pointer-events: none;
}

section.posts-section-t1-v2.offers-post .posts-row .item .post-img {
	padding-top: 100%;
}
.desc a {
	text-decoration: underline;
	color: var(--add-color-1);
}
.desc a * {
	color: var(--add-color-1);
}
.er-go-top-btn {
	position:fixed;
	width: 40px;
	height: 40px;
	background-color: var(--primary-color);
	bottom: 15px;
	right: 15px;
	z-index: 1000;
	cursor: pointer;
	border-radius: var(--border-radius);
}
.er-go-top-btn span {
	position: absolute;
    top: 6px;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 26px;
    color: #fff;
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
}
/* GLOBAL MEDIA */

@media screen and (max-width: 1499px) {
	:root {
		/* FONTS */
		--font-size-1: 64px;
		--font-size-2: 36px;
		--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;

	}
	section.single-rooms-main .main-row .left-col{
		width: 55%;
		min-width: 55%;
	}
	section.single-rooms-main .main-row .right-col{
		width: 45%;
		min-width: 45%;
	}
}

@media screen and (max-width: 1199px) {
	:root {
		/* FONTS */
		--font-size-1: 60px;
		--font-size-2: 34px;
		--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;
	}
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box ul.socials li a svg,
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box ul.socials li a svg *{
		fill: var(--header-color);
	}
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box .wrapper ul li.menu-item-has-children .mobile-btn-toggle::after,
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box .wrapper ul li.menu-item-has-children .mobile-btn-toggle::before{
		background-color: var(--add-color-1);
	}
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box .wrapper ul li a{
		text-transform: none;
		font-weight: 700;
	}
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box .wrapper ul li.picked > a{
		color: var(--add-color-1);
		font-weight: 800;
	}
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box .wrapper ul li.picked-2 > a{
		color: var(--add-color-2);
		font-weight: 800;
	}
	header.main-header-section .mobile-nav .header-mobile-row .menu-links-box ul.socials li a svg{
		width: 20px;
	}
}
@media screen and (max-width: 991px) {
	:root {
		/* FONTS */
		--font-size-1: 54px;
		--font-size-2: 34px;
		--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);
	}
	section.rooms-main-list .main-row .item-col {
		min-width: 100%;
		width: 100%;
	}
	section.single-rooms-main .main-row .left-col{
		width: 100%;
		min-width: 100%;
	}
	section.single-rooms-main .main-row .right-col{
		width: 100%;
		min-width: 100%;
	}
	section.single-rooms-main .main-row .right-col{
		margin-top: 30px;
	}
	section.catering-cats .catering-cats-list .item-col{
		min-width: 100%;
		width: 100%;
	}
	footer.main-footer-section-t2-v1 ul.footer-contct-data li a{
		justify-content: center;
	}
	footer .footer-map a img {
		margin-top: 30px;
	}
	section.icons-section-t2-v1.custom .icons-row{
		margin-top: 0;
		margin-bottom: 0;
	}
	section.icons-section-t2-v1.custom .main-img{
		display: block;
		height: auto;
		padding-top: 50%;
		margin-top: 30px;
	}
	
	
}

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

        /* PADDING */
        --small-padding: 50px;
        --big-padding: 100px;
	}
	header.main-header-section .header-top-info .header-icons .icon-item.icon-2{
		display: none;
	}
	footer .footer-map a img {
        max-width: 400px;
        margin: 30px auto 0;
    }
	footer.main-footer-section-t1-v1 .footer-menu ul li a, footer.main-footer-section-t2-v1 .footer-menu ul li a, footer.main-footer-section-t3-v1 .footer-menu ul li a, footer.main-footer-section .footer-last-menu ul li a{
		font-size: var(--font-size-7);
	}
	section.banner-main .title-1{
		font-size: var(--font-size-6);
	}
	section.banner-main .title-2{
		font-size: var(--font-size-5);
	}
	section.banner-t1-v1.small-banner .banner-wrapper, 
	section.banner-t1-v2.small-banner .banner-wrapper, 
	section.banner-t1-v3.small-banner .banner-wrapper, 
	section.banner-t1-v4.small-banner .banner-wrapper, 
	section.banner-t2-v1.small-banner .banner-wrapper{
		min-height: 40vh!important;
	}
	.tall-gallery .desc .gallery.gallery-columns-3 dl {
        min-width: 100%;
        width: 100%;
    }
}