/*
Theme Name: truskawkowaaleja.pl
Version: 1.00
Author: Lukasz Jasionowicz FUERTE MEDIA
Author URI: http://www.fuerte-media.pl
Text Domain: ta
Domain Path: /languages
*/
/*wspólne*/
*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
html {
	direction: ltr;
}
@font-face {
    font-family: "Now";
    src: url("./fonts/8dfa80454571c17a3d4edb713a54389f.eot");
    src: url("./fonts/8dfa80454571c17a3d4edb713a54389f-iefix.eot")format("embedded-opentype"),
    url("./fonts/8dfa80454571c17a3d4edb713a54389f.woff2")format("woff2"),
    url("./fonts/8dfa80454571c17a3d4edb713a54389f.woff")format("woff"),
    url("./fonts/8dfa80454571c17a3d4edb713a54389f.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/8dfa80454571c17a3d4edb713a54389f.svg#Now-Regular")format("svg");
	font-weight: 400;
}
@font-face {
    font-family: "Now";
    src: url("./fonts/9dcdfe1b9b9e5bbdf8020454d1724578.eot");
    src: url("./fonts/9dcdfe1b9b9e5bbdf8020454d1724578-iefix.eot")format("embedded-opentype"),
    url("./fonts/9dcdfe1b9b9e5bbdf8020454d1724578.woff2")format("woff2"),
    url("./fonts/9dcdfe1b9b9e5bbdf8020454d1724578.woff")format("woff"),
    url("./fonts/9dcdfe1b9b9e5bbdf8020454d1724578.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/9dcdfe1b9b9e5bbdf8020454d1724578.svg#Now Bold")format("svg");
	font-weight:700;
}
:root {
            --primary: #1e2f23;
            --red: #d83a3a;
            --pink: #ed6e77;
            --text: #1e2f23;
			--dark: #262a33;
			--white: #fdfbfa;
        }
body {
	background-color: var(--white);
	color: var(--text);
	font-family: "Now", Arial, sans-serif;
	font-size: 20px;
	line-height: 36px;
	margin: 0;
}

header .logo{content: url('img/alejatruskawkowa-logo.png')}
/*header .navbar.is-fixed .logo{content: url('img/alejatruskawkowa-logo-color.png')}
header .navbar.is-fixed .hero-contact a{color:var(--dark)}*/
header .navbar{position:fixed;z-index:1000;width:100%;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;}
header .navbar.is-fixed{position: fixed;top: 0;left: 0;right: 0;width: 100%;background-image: url('img/hero-bck.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 39%;z-index: 9999;box-shadow: 0 5px 20px rgba(0,0,0,.15);background-color:var(--white);transform: none !important;}
header .navbar .navbar-brand{margin-right:40px}

section.hero{position:relative;height:85dvh;overflow:hidden;padding:40px 20px;}
section.hero .red-shape{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	
	width: clamp(400px, 45vw, 1400px);

	background-image: url('img/hero-bck.png');
    background-repeat: no-repeat;
    background-position: left bottom;
	
	background-size: 100% 100%;
    /*min-height: 80vh;*/
	
	z-index:20;
}
section.hero .house-image{
	position: absolute;

    top: 110px;
    right: 0;
	bottom:0;


    width: clamp(400px, 75vw, 1700px);

    background-repeat:no-repeat;
	background-position: center bottom;
	background-size: 100% 100%;

    z-index: 10;
}
.hero-contact {
    display: inline-flex;
    align-items: center;

    padding: 18px 28px;

    position: relative;
    z-index: 10;
}

.hero-contact a {
    display: flex;
    align-items: center;
    gap: 12px;

    color: var(--white);
    font-size: 16px;

    text-decoration: none;
    letter-spacing: 0.2px;
}

.hero-contact img {
    width: 27px;
    height: 27px;

    object-fit: contain;
    display: block;

    flex-shrink: 0;
}
.mainSlider .carousel{position:inherit}
.mainSlider .carousel-inner{position:inherit}
.mainSlider .carousel-item{position:inherit;}
.mainSlider .slideContent{position:absolute;z-index:20;top:30%;width: clamp(200px, 25vw, 800px);color:var(--white)}
.mainSlider .slideContent h2.slideTitle{font-size:36px;text-align:right;margin-bottom:40px}
.mainSlider .slideContent .slideDecription{font-size:18px;text-align:justify;line-height:24px;margin-left:30px}
.mainSlider .slideContent .btn.btn-outline-light{margin-top:40px; float:right;text-transform:uppercase;font-weight:bold}
.mainSlider .house-image .slogan{
	position: absolute;
    right: 0;
    bottom: 60px;
    z-index: 30;
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 38px 46px;
    max-width: 100%;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
	border-left:10px solid var(--red);
	white-space: nowrap;
	font-size:48px;
	font-weight:bold
}
#mainMenu .menu-item a.nav-link{padding-right:25px;padding-left:25px}
#mainMenu .menu-item.menuBtn{background-color:var(--red);margin-left:40px}
#mainMenu .menu-item.menuBtn a{color:var(--white);text-transform:uppercase}

section{margin-bottom:125px}
section h2.sectionTitle,
footer h2.wp-block-heading{font-size:40px;border-left:25px solid var(--red);padding-left:20px;margin-bottom:20px;text-transform:uppercase}
section h2.sectionTitle.right{border-left:none;border-right:25px solid var(--red);text-align:right;padding-right:20px}
section .sectionExcerpt .wp-block-paragraph{text-align:justify;padding-right:20px}
section .sectionImageWrap {position: relative;width: calc(100% + ((100vw - 1320px) / 2));margin-right: calc((100vw - 1320px) / -2);}
section .sectionImage{width: 100%;height: auto;display: block}
section ul{margin:0;padding:0;list-style:none}
section ul li{position:relative;padding-left:32px;margin-bottom:18px;line-height:1.4}
section ul li::before{
	content: '';
    position: absolute;
    top: 50%;
    left: 0;
	transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-image: url('img/punktor-truskawka.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;}

section #map{width: 100%;height:700px}

/*.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11 1 3 8l8 7'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='m5 1 8 7-8 7'/%3E%3C/svg%3E");
}*/
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1);
	filter: brightness(0);
}

.tooltip-inner{text-align:left !important;max-width:300px}
#rzutyMieszkan .getPDF{line-height:25px}
#rzutyMieszkan .getPDF img{margin-bottom:15px}
#rzutyMieszkan .getPDF a{text-decoration:none;color:var(--text)}
#rzutyMieszkan .getPDF a:hover{color:var(--dark)}

#footer{background-color:var(--dark);color:var(--white)}
#footer{padding:125px 0}
#footer h2{line-height:100px}
#footer .contactData .wp-block-list{list-style: none;padding: 0;margin: 20px 0}
#footer .contactData .wp-block-list li {position: relative;padding-left: 50px;margin-bottom: 25px;min-height: 32px}
#footer .contactData .wp-block-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;

    width: 32px;
    height: 32px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#footer .contactData .wp-block-list li:nth-child(1)::before {background-image: url('img/telefon.png');}
#footer .contactData .wp-block-list li:nth-child(2)::before {background-image: url('img/email.png');}
#footer .contactData .wp-block-list li:nth-child(3)::before {background-image: url('img/adres.png');}
#footer .contactData .wp-block-list li:nth-child(4)::before {background-image: url('img/godziny-otwarcia.png');}

#footer .contactSection{margin-top:40px}
#footer .contactSection .wpcf7 {width: 100%}
#footer .cf7-form .form-control {
    width: 100%;

    border: 0;
    border-radius: 8px;

    background: #f3f3f3;

    height: 52px;

    padding: 0 20px;

    font-family: "Now", sans-serif;
    font-size: 18px;
    color: #222;

    box-shadow: none;
}

#footer .cf7-form textarea.form-control {height: 120px;resize: none;padding-top: 16px}
#footer .cf7-form ::placeholder {color: #555;opacity: 1}
#footer .cf7-form .form-control:focus {outline: none;box-shadow: none;background: #fff}
#footer .cf7-form .wpcf7-form-control-wrap {display: block}
#footer .cf7-form .wpcf7-not-valid {border: 2px solid #e53935}
#footer .cf7-consent {display: flex;align-items: flex-start;gap: 14px;margin-top: 8px;cursor: pointer}
#footer .cf7-consent input[type="checkbox"] {width: 22px;height: 22px;margin-top: 2px;accent-color: #e53935}
#footer .cf7-consent span {font-size: 15px;line-height: 1.4;color: #fff}
#footer .cf7-consent a {color: #e53935;text-decoration: none}
#footer .cf7-form .btn-submit {width: 100%;height: 54px;border: 0;border-radius: 8px;background: #e53935;color: #fff;font-size: 18px;font-weight: 500;text-transform: uppercase;transition: .25s}
#footer .cf7-form .btn-submit:hover {background: #cf2d29}
#footer .cf7-form .wpcf7-response-output {margin: 20px 0 0;padding: 12px 16px;border-radius: 8px}
#footer .cf7-form .wpcf7-not-valid-tip {margin-top: 6px;font-size: 13px}

#bottomLine{background-color:#2f343f;color:var(--white);font-size:10px;line-height:15px;text-align:center}
#bottomLine .copy a{text-decoration:none; color:var(--white)}


/*#galeria .wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

#galeria .wp-block-image {
    flex: 1 1 calc(25% - 12px);
    margin: 0;
}

#galeria .wp-block-image img {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}*/