/**
Theme Name: Endo-Tech
Author: IcomMedia
Author URI: https://icommedia.pl/
Description: Motyw, stworzony dla Endo-Tech na bazie motywu Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: endo-tech
Template: astra
*/

/* Style ogólne */
.flex { display: flex; }
.row { flex-direction: row; }
.column { flex-direction: column; }
.SingleKafel { width: 33%; }
.regular { font-weight: 400; }
.semi-bold { font-weight: 600; }
.extra-bold { font-weight: 800; }
.bold { font-weight: 700; }
.text-xs { font-size: 12px; }
.text-s { font-size: 14px; }
.text-m { font-size: 16px; }
.text-l { font-size: 20px; }
.text-hero { font-size: 32px; line-height: 1.2em; }
.blue { color: #26ACE5; }
.dark-blue { color: #1E2939; }
.logo-blue { color: #2E54A1; }
.n-25 { color: #FCFCFD; }
.n-50 { color: #F9FAFB; }
.n-100 { color: #F2F4F7; }
.n-200 { color: #EAECF0; }
.n-300 { color: #D0D5DD; }
.n-400 { color: #98A2B3; }
.n-500 { color: #667085; }
.n-600 { color: #475467; }
.n-700 { color: #344054; }
.n-800 { color: #1D2939; }
.n-900 { color: #101828; }
.mb-30 { margin-bottom: 30px; }
.mb-15 { margin-bottom: 15px; }
.mb-0 {margin-bottom: 0 !important; }
.mb-40 { margin-bottom: 40px; }
.blueOnHover:hover {color: #26ACE5;}

.titleBig {
    overflow-wrap: break-word;
}

/* Sticky header style */
.elementor-sticky--effects.elementor-sticky--active {
    background-color: #FCFCFD;
}
.elementor-sticky--active img {
    transition: all 0.7s;
}
.elementor-sticky--effects.elementor-sticky--active #logo img {
   width: 80%;
   transition: all 0.7s;
}

/* Pracownicy na stronie kontakt */
.pracownik {
	gap: 35px;
	width: 100%;
}

.pracownik .photo {
	width: 33%;
	background-color: #F2F4F7;
	border-radius: 5px;
}

.pracownik .info {
	width: 67%;
	justify-content: center;
}

/* Home slider 
.hero-slider-container {
	margin-top: -80px;
	width: 100%;
	height: 90vh;
	position: relative;
	border-radius: 0;
	
}
.hero-slider-container .swiper-slide {
	background-size: cover;
	background-position: center;
	display: flex !Important;
	flex-direction: column;
	align-items: flex-end;
	padding-right: 10%;
	justify-content: center;
	color: #fff;
}

.hero-slide-content {
	display: flex;
	flex-direction: column;
	align-content: center;
	padding: 40px;
	border-radius: 0px;
	max-width: 45%;
}

.hero-slide-content h2 {
	font-size: 3rem;
	text-align: left;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.btnRight {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.sliderButton {
	background-color: #26ACE5;
	color: #FFFFFF;
	border-radius: 3px;
	padding: 14px 44px;
	margin-top: 25px;
}

.sliderButton:hover {
	background-color: #007CB1;
	color: #FFFFFF;
	transform: translate(-2px, -2px);
	box-shadow: 0px 2px 10px #00000030;
}

.hero-slider-container .swiper-pagination {
  display: flex;
  flex-direction: column !important;
  top: 50% !important;
  left: 10% !important;
  right: auto!important;
  transform: translateY(-50%);
	transform: translateX(-20%);
  height: auto !important;
  width: auto !important;
  gap: 10px;
}

.hero-slider-container .swiper-pagination-bullet {
  background: #D0D5DD !important;
  transition: all 0.7s;
  height: 10px !important;
  width: 10px !important;
}

.hero-slider-container .swiper-pagination-bullet:hover {
  background: #101828 !important;
}

.hero-slider-container .swiper-pagination-bullet-active {
  background: #101828 !important;
  opacity: 1;
  border-radius: 5px !important;
}*/

/* Co nas wyróźnia kafle */
.flex:has(.wyroznienie) {
  justify-content: space-between;
}

.wyroznienie {
    max-width: 19%;
    width: 19%;
    align-items: center;
    padding: 0 20px;
}

.wyroznienie:not(:last-child) {
    border-right: solid 1px #26ACE5;
}

.wyroznienie .ikonka {
    width: 70px;
    height: 74px;
    object-fit: contain;
}

.wyroznienie p {
    font-size: 16px;
    text-align: center;
}

/* Style formularza */
.FormClass label {
    color: #FCFCFD;
    font-weight: bold;
    font-size: 14px;
}

.FormClass .zgodaLabel {
    color: #FCFCFD;
    font-weight: 400;
    font-size: 12px;
}

.FormClass .wpcf7 input.wpcf7-form-control:not([type=submit]),
.FormClass .wpcf7 textarea {
    border-radius: 3px;
    border-color: transparent;
}

.FormClass .wpcf7 input.wpcf7-form-control:not([type=submit]):focus,
.FormClass .wpcf7 textarea:focus {
    -webkit-box-shadow: 2px 2px 10px #000000;
    transform: translate(-2px, -2px);
}

.FormClass ::placeholder {
    color: #475467;
}

.FormClass .wpcf7-submit {
    background-color: #26ACE5 !important;
    color: #fff;
    border-radius: 3px;
}

.FormClass .wpcf7-submit:disabled {
    color: #fff !important;
}
.FormClass .wpcf7-submit:hover {
    background-color: #007CB1 !important;
}

.FormClass .wpcf7-response-output {
	color: #fff;
}

.FormClass .zgodaLabel a:hover {
	color: #fff;
}

.FormClass .wpcf7 input[type='radio'], .wpcf7 input[type='checkbox'] {
	accent-color: #26ACE5;
}

.FormClass .wpcf7 .wpcf7-not-valid-tip {
color: #007CB1;
}

@media only screen and (max-width:1366px) {
    .wyroznienie {
    max-width: 20%;
    width: 20%;
    align-items: center;
    padding: 0 30px;
}
		.hero-slide-content h2 {
		font-size: 48px;
	}
	.text-hero {
		font-size: 24px;
	}
}

@media only screen and (max-width:1024px) {
	
	.hero-slider-container .swiper-pagination {
	flex-direction: row !important;
	top: auto !important;
	bottom: 5% !important;
    left: 40% !important;
    right: auto !important;
    transform: translateY(-50%);
    transform: translateX(-25%);
    height: auto !important;
    width: auto !important;
    gap: 10px;
	}
	.SingleKafel {
		width: 50%;	
	}
	
	.SingleKafel .pracownik {
		width: 100% !important;
		max-width: 100%;
		flex-wrap: wrap;
	}
	.pracownik:not(:last-child) {
    border-bottom: solid 1px #26ACE5;
    padding-bottom: 30px;
}
	    .flex:has(.wyroznienie) {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center; 
    }
    
    .wyroznienie {
    max-width: 32%;
    width: 32%;
    align-items: center;
    padding: 0 30px;
}
	.hero-slider-container {
		margin-top: 0;
	width: 100%;
	height: 400px;
	position: relative;
	border-radius: 0;
}
	.swiper-slide {
		padding-right: 10px;
	}
	.hero-slide-content {
		max-width: 50%;
	}
	.hero-slide-content h2 {
		font-size: 48px;
	}
	.text-hero {
		font-size: 24px;
	}
}

@media only screen and (max-width:767px) {
	.SingleKafel {
		width: 100%;
		flex-wrap: wrap;
	}
	.pracownik .photo {
		width: 50%;
		background-color: #F2F4F7;
	}

	.pracownik .info {
		width: 100%;
		justify-content: center;
	}
	
	.flex:has(.wyroznienie) {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center; 
    }
    
    .wyroznienie:not(:last-child) {
    max-width: 48%;
    width: 48%;
    align-items: center;
    padding: 10px 10px;
    margin-bottom: 10px;
}
.wyroznienie:last-child{
    width: 100%;
    max-width: 100%;
}
.wyroznienie p {
    font-size: 14px;
}
.wyroznienie:not(:last-child) {
    border-right: solid 0px #26ACE5;
    border-bottom: solid 1px #26ACE5;
}
	.hero-slider-container {
			width: 100%;
			height: 400px;
			position: relative;
			border-radius: 0;
}
	.swiper-slide {
		justify-content: center;
		justify-items: center;
	}
	.hero-slide-content {
		background-color: #0f1929DC;
		padding: 20px;
		border-radius: 0;
		
	}
	.hero-slide-content h2 {
		font-size: 24px;
	}
	.hero-slide-content {
		max-width: 100%;
		height: 60vh;
		align-content: center;
	}
	.text-hero {
		font-size: 16px;
	}
}