/*
Theme Name: ExpressPLSp
Text Domain: Express PL Sp
Version: 1.0.5
Tested up to: 6.4.2

Author: Oleh Moroz
Description: <a href="https://kantora.studio/">&#10094;kantora/&#10095;</a> web studio

License: GNU General Public License v2 or later
*/
.banner .banner-content {
    position: relative;
    z-index: 1;
    max-width: 700px;
}

.modern-expo {
	position: relative;
	overflow: hidden;
	margin-bottom: 120px;
}

.modern-expo-video {
	position: absolute;
    right: 55%;
    width: 50vw;
	height: 100%;
    bottom: 0;
	background: url('https://expresspl.pl/wp-content/uploads/2025/03/modern-expo.jpg') center/cover no-repeat;
	cursor: pointer;
}

.modern-expo-video::before {
	content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    transition: transform 0.3s ease, opacity 0.3s ease;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.modern-expo-video::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 22px solid white; /* Трикутник */
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%);
}

.modern-expo-video:hover::before {
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 0.8;
}

.video-wrap {
	position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    left: 0;
    background: #0000008c;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: -10;
	opacity: 0;
	visibility: hidden;
	transition: all .4s linear;
	cursor: pointer;
}

.video-close {
	position: absolute;
    right: 10%;
    top: 40px;
    font-size: 36px;
    padding: 0;
    border: none;
    color: #fff;
	width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    line-height: 36px;
}

.video-wrap.show {
	z-index: 999999999;
	opacity: 1;
	visibility: visible;
}

.modern-expo .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 120px 0;
}

.modern-expo-logo {
	width: 40%;
	min-height: 550px;
    position: relative;
    background: #f4f4f4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px;
}

.modern-expo-text {
	max-width: 50%;
	margin-left: 50%;
}

.modern-expo-text p { 
	margin-bottom: 30px;
}

.modern-footer-logo {
	margin: 0 auto 0 75px;
}

.our-client-section .client-slider-wrap .our-client-item-wrap img {
    -webkit-filter: grayscale(0) brightness(100%);
    filter: grayscale(0) brightness(100%);
}

.cky-consent-container .cky-consent-bar {
	padding: 3.5px 24px 9px !important;
}

.cky-btn, .cky-btn-reject, .cky-btn-accept {
    padding: 3px 27px!important;
}

.cky-btn-customize {
	padding: 3px 28px 3px 14px !important;
}

.cky-consent-bar .cky-btn-customize::after {
	top: 12px !important;
}

.services-items-section .services-category-row .categories-links {
	flex-wrap: wrap;
	margin-top: -10px;
	max-width: 90%;
}

.services-items-section .services-category-row .categories-links a {
    white-space: nowrap;
    margin-top: 10px;
}

.services-items-section .services-category-row h3 {
	margin-bottom: 16px;
}

.contact-form-section .wpcf7-response-output {
	color: #fff !important;
}

.gallery-row {
    width: 100% !important;
}

@media screen and (width <= 760px) {
	.modern-footer-logo {
		margin: 15px 0;
	}
	.modern-expo {
		margin: 75px 0;
	}
	.modern-expo .container {
		flex-wrap: wrap;
		padding: 75px 5%;
	}
	.modern-expo-logo {
		width: 100%;
	}
	.modern-expo-text {
		max-width: 100%;
		margin-left: 0%;
		margin-top: 35px;
	}
	
	.modern-expo-video {
		position: relative;
    top: 0;
    right: 0;
    width: 100vw;
    height: 400px;
	}
	
	.cky-consent-container .cky-consent-bar {
		padding: 3.5px 0 9px !important;
	}
	
	.video-wrap iframe {
		width: 100% !important;
	}
	
	.video-close {
		position: absolute;
		right: 3%;
		top: 10px;
	}
}

@media screen and (width <= 600px) {
    .project-item {
        -ms-flex: 1 0 90% !important;
        flex: 1 0 90% !important;
    }
}

@media screen and (width <= 890px) {
    .banner-item-wrap .breadcrumbs {
        top: 45px !important;
    }
}

.banner-item-wrap .breadcrumbs span {
    color: #cdcdcd !important;
}

@media screen and (width <= 600px) {
    .banner .banner-content .base-title {
        font-size: 28px !important;
    }
	
	.advantages-slider_section .advantage-item-wrap .title-row h3 {
		font-size: 20px;
	}
	
	.advantages-slider_section .advantage-item-wrap {
		padding: 30px 10px;
	}
}

header .language-dropdown_wrap ul {
    right: 0;
    z-index: 2;
}