/*
Theme Name: Hello Elementor Child theme
Theme URI: https://alzumet.pl
Template: hello-elementor
Text Domain: hello-elementor-child
*/
body {
	overflow-x: hidden;
	font-family: "Roboto", Sans-serif !important;
}

body * {
    letter-spacing: 0.03em;
}
body a, .rights, .code, .privacy-policy .page-content *{
	color: var(--e-global-color-text);
}
body a:hover {
	color: var(--e-global-color-primary);
}
body:not([class*=elementor-page-]) main .blog__single-content p{
	color: var(--e-global-color-text);
}
body footer p {
    color: #999999;
    margin-bottom: 0;
}
.header-inner, body:not(.elementor-page) main, #site-footer, .footer-inner {
    padding-left: 10px;
    padding-right: 10px;
}
#site-footer {
    padding-top: 40px;
    background: #2f3135;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none!important;
}

#site-footer .footer-logo, #site-footer .footer-info {
    padding-top: 40px;
}

footer.site-footer .footer-inner {
    justify-content: inherit;
}

img.custom-logo {
    width: 200px;
    height: auto;
}

body .elementor-heading-title {
    line-height: inherit;
}

body a:hover, 
body a {
    transition: 0.3s;
}

.w-100 img {
    width: 100%!important;
}

.ox-hidden {
    overflow-x: hidden !important;
}

#site-footer .footer-copyright {
	width: 30%;
    padding: 20px;
}
#site-footer .footer-info {
	width: 80%;
}
#site-footer .footer-logo {
    width: 20%;
    text-align: center;
}
#site-footer .footer-logo img{
    max-width: 150px;
    max-height: 150px;
    object-fit: contain;
    margin-bottom: 10px;
}
#site-footer .footer-logo .madeby * {
    font-size: 12px !important;
    color: #0a7154 !important
}
#site-footer .footer-logo a {
    color: var(--e-global-color-secondary);
}
body:not(.home) main#content {
	padding-bottom: 60px;
}
body .site-footer {
    padding-bottom: 0;
}

body.home .service img {
    height: 400px;
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 80%;
}

body img.swiper-slide-image {
    height: 400px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

body.home h1, .left-border {
    position:relative;
}

body .left-border h2::before {
    left: -18.5%;
}

body.home h1::before, .left-border h2::before {
    content: '';
    position: absolute;
    left: -8.5%;
    background: var(--e-global-color-primary);
    width: 15px;
    height: 100%;
}

header#site-header {
    padding-bottom: 0;
}

.elementor-widget-container li {
    margin-bottom: 15px;
}

body .site-navigation ul.menu > li > a {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 1.5rem;
    margin: 0 20px;
}

body .site-navigation ul.menu li.menu-item-has-children {
    padding-inline-end: 0;
}

body .site-navigation ul.menu > li:not(:last-child) {
    border-right: 1px solid #595959;
}

body .site-navigation ul.menu > li.current-menu-item > a {
    border-bottom: 5px solid var(--e-global-color-primary);
}

.site-navigation ul li.menu-item-has-children:hover .sub-menu {
    padding: 0.4rem;
    border: 1px solid #eeeeee;
}

body .site-footer:not(.footer-stacked) .footer-inner .copyright {
	max-width: 100%;
	width: 100%;
	justify-content: space-between;
    padding: 30px 0 20px;
    margin-top: 40px;
}

nav.site-navigation ul.menu > li > a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    background: #af1817;
    width: 100%;
    height: 5px;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
nav.site-navigation ul.menu > li > a:hover:after { transform: scaleX(1); }

body .site-header:not(.header-stacked) .header-inner .site-navigation {
    max-width: 100%;
    justify-content: start;
    width: 100%;
    background: var(--e-global-color-accent);
    margin-top: 1.5rem;
}


.last-posts__single .time {
    display: flex;
    gap: 10px;
    align-items: center;
}
.last-posts__single .time, .last-posts__single .read-more, .last-posts__single .read-more span {
	color: #7d7b7b;
}
.last-posts__single .read-more .dashicons {
	height: auto;
}
.last-posts__single .read-more:hover * {
	color: var(--e-global-color-primary) !important;
}
.last-posts__single .read-more {
	display: flex;
	justify-content: flex-end;
	padding-top: 15px;
	align-items: center;
}
.last-posts__single-bottom {
	padding: 15px;
	-webkit-box-shadow: 8px 8px 24px 0px rgb(152 152 152 / 20%); 
	-moz-box-shadow: 8px 8px 24px 0px rgb(152 152 152 / 20%); 
	box-shadow: 8px 8px 24px 0px rgb(152 152 152 / 20%); 
	background: #fff;
}

body .last-posts .last-posts__single a:hover h3, body .last-posts .last-posts__single p.title a:hover {
	color: var(--e-global-color-primary);
}
.last-posts .last-posts__single {
	flex: 0 0 33.333333%;
	padding: 10px;
	transition: 0.3s;
}
.last-posts .last-posts__single:hover {
	transform: translateY(-10px);
}
.social-media {
	display: flex;
	gap: 1rem;
}
img.social-icon {
    width: 30px;
}
img.social-icon:hover {
	filter: invert(71%) sepia(9%) saturate(2023%) hue-rotate(105deg) brightness(89%) contrast(84%);
}

.last-posts {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #f3f3f3;
}

.footer-inner {
    border-top: 1px solid #373c42;
}

.footer-info {
	display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.footer-info ul {
    padding: 0;
	list-style: none;
}
.footer-info ul span {
	color: #999999;
	font-weight: 900;
	font-size: 20px;
    letter-spacing: 0;
}
.footer-info ul span {
	margin-bottom: 10px;
	display: block;
}
.footer-info ul li {
    display: flex;
    gap: 10px;
}
.footer-info ul li, .footer-info p {
	padding-bottom: 5px;
    margin: 0;
}
.footer-info ul li a, footer .copyright a, .footer-info a {
	color: #999999;
}
.footer-info a:hover, footer .copyright a:hover {
	color: var(--e-global-color-primary);
}


.site-logo.show {
    margin: 0 auto;
    text-align: center;
}


.site-navigation-toggle-holder.elementor-active .dashicons.dashicons-menu-alt3::before {
    content: "\f158";
}

.blog-title span {
	position: absolute;
	top: 0;
	right: 0;
}

body .site-header .header-inner {
	align-items: center;
}

.blog .blog__content, .category .blog__content {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 35px;
}
.blog .blog__sidebar, .category .blog__sidebar {
	width: 30%;
	padding: 30px;
}
figure.gallery-item img {
    height: 400px;
    object-fit: cover;
}
body.post-type-archive-portfolio .blog__single-image {
    position: relative;
}

.archive .blog__single a:hover + .blog__single-content {
    display: block;
}

.archive .blog__single:hover img {
    transition: 0.3s;   
}

.archive .blog__single:hover img {
    opacity: 0.7;
    transition: 0.3s;
}

.archive .blog__single, .category .blog__single  {
	align-items: center;
    flex: 0 0 23%;
}

.m-auto {
    margin: 0 auto !important;
}


body.post-type-archive-portfolio .blog__single-content p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    padding: 10px 0 0;
}

.archive .blog__single {
	display: flex;
	margin-bottom: 60px;
    flex-direction: column;
    position: relative;
}
.archive .blog__single .blog__single-image {
	width: 100%;
    height: 250px;
    object-fit: cover;
}

.archive .blog__single-content {
    text-align: center;
    margin-top: 20px;
}

.blog__content h2 {
	font-size: 32px;
	line-height: 32px;
	color: var(--e-global-color-text);
	font-weight: 300;
}
.blog__pagination * {
	padding: 10px 15px;
	border-radius: 10px;
	margin-right: 10px;
}
.blog__title {
	display: flex;
	justify-content: space-between;
	padding: 30px;
	background: var(--e-global-color-primary);
	color: #fff;
	margin-bottom: 3rem;
	align-items: center;
}
.blog__title a {
	padding: 8px 15px;
	background: #fff;
	font-weight: 300;
	transition: 0.3s;
}
.blog__title a:hover {
	color: #fff;
	background: var(--e-global-color-secondary);
}
.blog__pagination:has(*) {
	border-bottom: 1px solid #f5f5f5;
	padding: 20px;
	margin-top: 30px;
}
.blog__pagination .current {
	color: #fff;
	background-color: var(--e-global-color-primary);
}
.blog__sidebar li{
	list-style: none;
}
.blog__sidebar {
	border-left: 1px solid #edeff0;
}
.blog__sidebar li:not(#block-7) h6 {
	margin-top: 30px;
	
}
.blog__sidebar h6 {
	font-size: 24px;
	font-weight: 300;
	line-height: 29px;
	color: var(--e-global-color-text);
}
.blog__sidebar ul {
	padding-left: 0;
}
.blog__sidebar #block-11 {
	margin-top: 30px;
	background-color: #fff;
	background-position: center center;
	position: sticky;
	top: 100px;
}
.blog__sidebar .sidebar-cta {
	min-height: 450px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 60px 30px;
	position: relative;
}
.blog__sidebar .sidebar-cta *:not(a) {
	color: var(--e-global-color-accent);
	text-align: center;
}


body .sub-heading h1 {
	font-size: 42px;
	line-height: 42px;
	font-weight: 900;
    border-left: 10px solid var(--e-global-color-primary);
    padding-left: 30px;
    text-transform: none;
   
}
header.header-title{
    margin-bottom: 40px;
    background: #f5f5f5;
    padding: 30px 0 20px 0;
}

ul.sub-menu > li a {
    padding: 10px 0;
}

ul.sub-menu > li:not(:last-child) a {
    border-bottom: 1px solid #f5f5f5;  
}

.single .blog__single {
	flex-direction: column;
}
.single .blog__single .blog__single-image {
	width: 100%;
	height: 400px;
	margin-bottom: 30px;
}
.blog__meta {
	padding-bottom: 30px;
}
body .blog__meta p {
	color: #7d7b7b;
	font-size: 14px;
}
.contact-row {
	display: flex;
	gap: 30px;
}
body.page div.elementor-widget-container ul {
	margin-bottom: 20px;
}
.wpcf7 label{
	width: 100%;
	color: var(--e-global-color-text);
}
span.wpcf7-list-item-label small {
    color: #fff;
}
.wpcf7 input,.wpcf7 textarea {
    padding:20px;
    min-width: 50%;
}
.wpcf7 .mb {
	margin-bottom: 30px;
}

.wpcf7-not-valid-tip {
    margin-top: 10px;
}


.wpcf7-list-item {
	margin-left: 0;
	margin-bottom: 10px;
}
.wpcf7 .wpcf7-submit:hover {
    background-color: #c99770;
}
.wpcf7-response-output {
    margin: 0 !important;
}
.wpcf7 .wpcf7-submit {
    color: #fff;
    padding: 15px 30px 15px 30px;
    height: fit-content;
    width: fit-content;
    display: block;
    font-weight: 300;
    background-color: var(--e-global-color-primary);
    margin-top: 20px;
	border: 0;
}
.wpcf7 label textarea, .wpcf7 label input {
    border-color: transparent;
    border-radius: 0;
}

.site-contact svg {
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
}

.site-contact p {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.site-contact span {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 14px;
}

.site-contact a {
    font-size: 15px;
    opacity: 0.9;
}

.site-contact {
    display: flex;
    gap: 2.5rem;
}

.site-contact-item {
    display: flex;
    gap: 1.2rem;
    align-items: center;
}

header .site-navigation ul.menu li ul li {
	border: 0;
	width: 230px;
	display: block;
}
.site-navigation .sub-menu .sub-menu {
	display: flex;
	flex-direction: column;
}
header .site-navigation ul.menu li ul ul {
	min-height: 350px;
	left: 0;
	top: 40px;
}
.site-navigation ul li.menu-item-has-children:hover .sub-menu {
	visibility: visible;
}
.site-navigation ul.menu li ul li.menu-item-has-children:after {
	display: none;
}
.site-navigation ul.menu li.menu-item-has-children li.menu-item-has-children{
	margin-bottom: 15px;
}
.slider-section {
	overflow: hidden;
}
body .site-navigation ul.menu li.menu-item-has-children:after {
    font-family: dashicons;
    content: "\f347";
	right: 15%;
    bottom: 15%;
    font-size: 13px;
}
header .site-navigation ul.menu li ul a {
	font-size: 16px;
	position: relative;
}
header .site-navigation ul.menu li ul ul a{
	font-size: 14px;
}
header .site-navigation ul.menu li ul ul a:before {
	display: none;
}
.single-post-home .single-post-home__image img{
	border-radius: 20px;
	object-fit: cover;
	height: 300px;
    width: 100%;
}
body .single-post-home a.read-more {
    font-weight: 300;
    font-size: 20px;
    display: flex;
    justify-content: flex-end;
}
.single-post-home__category {
	position: absolute;
    top: -2%;
    left: 2%;
    padding: 15px 30px 15px 30px;
    background-color: var(--e-global-color-text);
    color: #fff;
    border-radius: 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
}

body .single-post-home__content a.url {
    font-size: 35px;
    font-weight: 300;
}
.single-post-home__content {
    margin: 20px 0 30px;
}
.single-post-home__content h4 {
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
	color: var(--e-global-color-text);
}
.single-post-home__content p {
	color: var(--e-global-color-text);
	font-size: 20px;
	line-height: 24px;
}
.home .page-content > .single-posts-home{
	display: none;
}
.elements-section .elementor-container {
    z-index: 1;
}

#offer .elementor-image-gallery .gallery-columns-3 .gallery-item:first-of-type {
    max-width: 100% !important;
}


#offer .elementor-image-gallery .gallery-columns-3 .gallery-item:first-of-type img {
    height: 600px;
    width: 100%;
}

#offer figure.gallery-item img {
    height: 200px;
}

.copyright {
	border-top: 1px solid #373c43;
	padding-top: 30px;
}
section.offer section {
    display: flex;
    height: 75%;
}
.copyright p {
	text-align: left;
}
.elementor-button:hover {
	border-radius: 0!important;
}

body .page-content h2, body .page-content h3 {
    margin-top: 40px;
}

body:not(.elementor-page) .page-content hr {
	color: #edeff0;
}
.error404 .site-main * {
	text-align: center;
}
.w100 .elementor-button {
	width: 100% !important;
}

.to-top {
	padding: 10px;
    position: fixed;
    right: 2%;
    bottom: 10%;
    background-color: var(--e-global-color-accent);
    color: #fff;
    display: flex;
	opacity: 0;
  	transition: 0.2s ease;
	z-index: 9;
}
.to-top.active {
	opacity: 1;
}
.to-top:hover {
	transform: translatey(-5px);
	color: #fff;
  	transition: 0.2s ease;
}
.menu-wrapper-icon {
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: flex-end;
}

.single-post-home {
    position: relative;
    margin: 30px 0;
}


header .site-navigation-dropdown ul li.menu-item-has-children::before {
    position: absolute;
    color: var(--e-global-color-primary);
    right: 20px;
    content: "\f347";
    font-family: 'dashicons';
    top: 30%;
}


.site-navigation-dropdown ul.menu {
    max-height: 360px;
    overflow-y: scroll;
}

body.mobile-menu {
    overflow: hidden !important;
}

header .site-navigation-dropdown ul.sub-menu li a {
    margin-left: 20px;
}

header .site-navigation-dropdown ul.sub-menu li a::before {
    position: absolute;
    color: var(--e-global-color-primary);
    left: 20px;
    content: "\f460";
    font-family: 'dashicons';
}

header .site-navigation-dropdown ul li.menu-item-has-children.elementor-active::before {
    position: absolute;
    color: var(--e-global-color-primary);
    right: 20px;
    content: "\f343";
    font-family: 'dashicons';
    top: 7%;
    z-index: 99;
}

.header-title .header-wrapper {
	padding: 20px 15px;	
	margin: 0 auto;
	flex-basis: 100%;
    min-height: 20vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header-title h1 {
	color: var(--e-global-color-text);	
}


.site-navigation-dropdown {
    top: 70%;
}

@media screen and (min-width: 768px) {
    .footer-info ul {
        display: flex;
        align-items: center;
        gap: 30px;
    }
}
    

@media screen and (min-width: 768px) and (max-width: 991px) {

    .menu-wrapper-icon {
        max-width: 10%;
        width: 10%;
    }
    
    
    
}

@media screen and (max-width: 991px) {
    
    .site-contact {
        display: none;
    }
    
    .site-header .header-inner {
        max-width: 100% !important;
        padding: 0 10px 15px;
    }
    
	.elements-section:after, .elements-section:before {
		display: none;
	}
	
	.last-posts .last-posts__single {
		flex: 0 0 50%;
	}
    
}

@media screen and (max-width: 767px) {
    
    body .sub-heading h1 {
        padding-left: 0;
        border-left: none;
    }
    
    footer .footer-info ul li {
        display: block;
    }
    

    body.home .menu-wrapper-icon .site-navigation-toggle .dashicons {
        z-index: 99999;
    }

    
    .site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown {
        margin-top: 50px;
    }
    
    .header-inner .menu-wrapper-icon {
        order: 3;
    }
    
    
    body .sub-heading h1 {
        text-align: center;
    }
    .header-title .header-wrapper {
        display: block;
        text-align: center;
    }
    .archive .blog__single, .category .blog__single {
       flex: 0 0 100% !important; 
    }
    
    .header-title {
        padding-right: 10px;
        padding-left: 10px;
    }
    .single-post-home {
        margin-bottom: 100px;
    }
    
	.last-posts .last-posts__single {
		flex: 0 0 100%;
	}
	.copyright p {
		text-align: center;
	}
	.blog__single {
		flex-direction: column;
	}
	.blog__single .blog__single-content, .blog__single .blog__single-image {
		width: 100%;
	}
	.blog__single .blog__single-content, .blog .blog__sidebar, .category .blog__sidebar{
		padding-left: 0;
		padding-right: 0;
	}
	.blog__single {
		margin-bottom: 0;
	}
	.blog__pagination {
		margin-top: 30px;
	}
}





@media screen and (min-width: 1200px) {
    #site-footer .footer-inner, #site-footer .footer-info, .site-header .header-inner, body:not([class*=elementor-page-]) .site-main, header.header-title .header-wrapper {
        max-width: 1400px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
   #site-footer .footer-inner, #site-footer .footer-info, .site-header .header-inner, body:not([class*=elementor-page-]) .site-main, header.header-title .header-wrapper {
        max-width: 1280px !important;
    } 

}
    
@media screen and (min-width: 992px) {
    
    .site-contact {
        min-width: 30%;
    }

    .footer-info * {
        justify-content: center;
    }

    .menu-wrapper-icon {
        display: none;
    }
    
    .single-post-home {
        display: flex;
        gap: 3rem;
    }
    
    .single-post-home__image {
        
    }
    
    .single-post-home__image, .single-post-home__content {
        width: 50%;
    }
    
    .site-header {
        padding-right: 0px;
        padding-left: 0px;
    }
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .footer-info {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
	.single-posts-home {
		flex-direction: column;
	}
}


@media screen and (min-width: 414px) and (max-width: 991px) {
    #site-footer .footer-inner, #site-footer .footer-info, .site-header .header-inner, body:not([class*=elementor-page-]) .site-main, header.header-title .header-wrapper {
        max-width: 100% !important;
    } 
}

@media screen and (max-width: 767px) {
	#site-footer .footer-inner, #site-footer .footer-info {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 20px 0;
	}
	#site-footer .footer-info, #site-footer .footer-logo {
		padding-left: 0;
		width: 100%;
	}
	#site-footer .footer-info ul {
		width: 100%;
	}
	#site-footer .footer-inner {
		gap: 50px;
	}
    
    #site-footer {
        background: #000;
    }
    
    #site-footer .footer-logo {
        padding: 0;
        margin: 0 auto;
    }
    
    .footer-info ul span {
        margin-top: 20px;
    }

    .footer-logo img {
        max-width: 200px;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .footer-logo p {
        text-align: center;
        padding: 0 20px;
    }
	
}

@media screen and (max-width: 414px) {
	

	
	.contact-row {
		gap: 0;
		flex-direction: column;
	}
	body .blog, body .category {
		flex-direction: column;
	}
	body .site-header .header-inner:not(.header-stacked) .site-branding {
		max-width: 50%;
	}
}