/*
Theme Name: suntek Child
Author: WebTheme
Tags:  custom-menu, editor-style, featured-images
Template: suntek
Version: 1.0.0
*/

@import '../suntek/style.css';

/*---------------------------------
      write your child css here
------------------------------------*/


.theme-main-header .theme-main-menu:before {
	background: #fff;
}
.theme-main-header .theme-top-menu {
	background: #227CBF !important;
}


/*---------------------------------
      ZIELONY
------------------------------------*/



/*
.single-button.option1.option4 .button-content a,
.header-button {
    background-color: #31CA14;
}
.icon-box-section.option1 {
    background: #31CA14
}
.icon-box-section.option1 .icon-box-icon-content .small-img {
	border-color: #34cf17;
}

*/

.theme-main-header .theme-top-menu .theme-text-content .top-menu-left .top-menu-contact a:before,
.banner-subtitle h4:before {
	background: #7BB930;
}

/*---------------------------------
      NIEBIESKI
------------------------------------*/

.elementor-320 .elementor-element.elementor-element-31f03be.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-320 .elementor-element.elementor-element-31f03be.elementor-view-stacked:has(:focus) .elementor-icon,
.elementor-320 .elementor-element.elementor-element-87f4930.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-320 .elementor-element.elementor-element-87f4930.elementor-view-stacked:has(:focus) .elementor-icon,
.elementor-320 .elementor-element.elementor-element-09050a3.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-320 .elementor-element.elementor-element-09050a3.elementor-view-stacked:has(:focus) .elementor-icon,
.elementor-316 .elementor-element.elementor-element-dd502da .elementor-progress-wrapper .elementor-progress-bar,
.elementor-867 .elementor-element.elementor-element-0a09af9 .elementor-progress-wrapper .elementor-progress-bar,
.counter-section.option1,
.theme-main-header .theme-main-menu .manu-wrapper .menu-ul li .sub-menu li::before,
.single-button.option1 .button-content a:before,
.header-button:hover {
    background-color: #227CBF;
}


.service-section.option2:hover .service-icon-img,
.icon-box-section.option5,
.banner-button a,
.go-to-top:hover,
.single-button.option2 .button-content a:before,
.service-section.option1:hover .service-icon-img {
	background: #227CBF
}
.testimonial-star i.fa.fa-star.active,
.theme-main-header .theme-main-menu .manu-wrapper .menu-ul li .sub-menu li a:hover,
.theme-main-header .theme-main-menu .manu-wrapper .menu-ul li a:hover,
.icon-box-section.option1:before,
.main-title-area.option4 span.section-brandcolor-title {
    color: #227CBF;
}
.elementor-867 .elementor-element.elementor-element-1efde9b,
.team-section.option1:hover .team-member-image img {
	border-color: #227CBF;
}


.elementor-867 .elementor-element.elementor-element-bb14989.elementor-view-framed:has(:hover) .elementor-icon, 
.elementor-867 .elementor-element.elementor-element-bb14989.elementor-view-default:has(:hover) .elementor-icon, 
.elementor-867 .elementor-element.elementor-element-bb14989.elementor-view-framed:has(:focus) .elementor-icon, 
.elementor-867 .elementor-element.elementor-element-bb14989.elementor-view-default:has(:focus) .elementor-icon
.elementor-867 .elementor-element.elementor-element-a3c6294.elementor-view-framed:has(:hover) .elementor-icon, 
.elementor-867 .elementor-element.elementor-element-a3c6294.elementor-view-default:has(:hover) .elementor-icon, 
.elementor-867 .elementor-element.elementor-element-a3c6294.elementor-view-framed:has(:focus) .elementor-icon, 
.elementor-867 .elementor-element.elementor-element-a3c6294.elementor-view-default:has(:focus) .elementor-icon,
.elementor-867 .elementor-element.elementor-element-95d4e7f.elementor-view-framed:has(:hover) .elementor-icon, 
.elementor-867 .elementor-element.elementor-element-95d4e7f.elementor-view-default:has(:hover) .elementor-icon, 
.elementor-867 .elementor-element.elementor-element-95d4e7f.elementor-view-framed:has(:focus) .elementor-icon, 
.elementor-867 .elementor-element.elementor-element-95d4e7f.elementor-view-default:has(:focus) .elementor-icon {
    fill: #227CBF;
    color: #227CBF;
    border-color: #227CBF;
}



.elementor-872 .elementor-element.elementor-element-0b6d9e3:not(.elementor-motion-effects-element-type-background), .elementor-872 .elementor-element.elementor-element-0b6d9e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-872 .elementor-element.elementor-element-3b8e25a:not(.elementor-motion-effects-element-type-background), .elementor-872 .elementor-element.elementor-element-3b8e25a > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-872 .elementor-element.elementor-element-a2335a9 .elementor-social-icon,
.elementor-195 .elementor-element.elementor-element-0dbeddd .elementor-social-icon,
.elementor-195 .elementor-element.elementor-element-c3ece28:not(.elementor-motion-effects-element-type-background), .elementor-195 .elementor-element.elementor-element-c3ece28 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-195 .elementor-element.elementor-element-c029a15:not(.elementor-motion-effects-element-type-background), .elementor-195 .elementor-element.elementor-element-c029a15 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #227CBF !important;
}
.elementor-195 .elementor-element.elementor-element-0dcd964 {
    border-color: #0061a9 !important;
}
.elementor-320 .elementor-element.elementor-element-44021d33.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-320 .elementor-element.elementor-element-44021d33.elementor-view-stacked:has(:focus) .elementor-icon,
.elementor-320 .elementor-element.elementor-element-30b89763.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-320 .elementor-element.elementor-element-30b89763.elementor-view-stacked:has(:focus) .elementor-icon,
.elementor-320 .elementor-element.elementor-element-20e3acc1.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-320 .elementor-element.elementor-element-20e3acc1.elementor-view-stacked:has(:focus) .elementor-icon {
    background-color: #227CBF;
}



footer .elementor-element-da27851.elementor-widget-image img,
footer .elementor-element-873f229.elementor-widget-image img {
    filter: invert(100%) sepia(79%) saturate(2%) hue-rotate(161deg) brightness(1104%) contrast(101%);
}

.icon-box-section.option1:hover .icon-box-icon-content .small-img img {
	filter: brightness(0) invert(1);
}
 
 
.elementor-widget-text-editor ul {
    margin-left: 20px;
}
.elementor-widget-text-editor ul li {
    list-style: disc;
}
.theme-breadcumb-section::before {
    background-color: rgba(0, 0, 0, 0.5);
}
i.flaticon.flaticon-vimeo {
    position: relative;
	width: 20px;
    display: block;
}
.flaticon-vimeo:before {
	position: absolute;
    content: '' !Important;
    -webkit-mask: url(/wp-content/themes/suntek-child/youtube-123.svg) no-repeat !Important;
    mask: url(/wp-content/themes/suntek-child/youtube-123.svg) no-repeat !Important;
	-webkit-mask-size: 20px auto !important;
    mask-size: 20px auto !important;
    width: 20px;
    height: 20px;
    top: 2px;
    background-color: #fff;
	transition: 0.4s;
}
.flaticon-vimeo:hover:before {
    background-color: #7BB930;
}


.single-blog-post-content.blog-details-blog .blog-post-img img,
.blog-grid-thumbnail img {
  aspect-ratio: 850 / 480;   
  height: auto;                
  object-fit: cover; 
  object-position: center; 
}

.single-blog-post-content .blog-author-admin,
.webtheme-widget-sitebar .widget_search {
    display: none;
}
td#today a {
    color: #fff;
}
.single-blog-post-content.blog-details-blog {
    margin-bottom: 50px;
}

.wp-singular .elementor-widget-text-editor td,
.single-blog-post-content.blog-details-blog .elementor-widget-text-editor td {
    border: 1px solid #F2F2F0;
    padding: 5px;
}

.wp-singular .elementor-widget-text-editor tr:first-child td p,
.wp-singular .elementor-widget-text-editor tr:first-child td,
.single-blog-post-content.blog-details-blog .elementor-widget-text-editor tr:first-child td p,
.single-blog-post-content.blog-details-blog .elementor-widget-text-editor tr:first-child td {
	font-weight: 600;
	color: #121D17;
}


.jumpo_team .team-member-image {
	padding: 20px;
	background: #fff;
	border: 6px solid #DEE0DF;
    border-radius: 50%;
    transition: 0.4s;
	width: calc(100% - 40px);
	margin: auto;
	aspect-ratio: 1 / 1; 
	display: flex;
    align-items: center;
    justify-content: center;	
	overflow: hidden;
}
.jumpo_team .team-member-image img {
	border: 0px !important;
	border-radius: 50%;
    border-radius: 0 !important;	
}
.jumpo_team .team-section.option1:hover .team-member-image {
    border-color: #227CBF !important;
}
.jumpo_team .team-section.option1:after {
	display: none !important;
}
.jumpo_team .team-section.option1:before {
    background: #7BB930 !important;
}


.elementor-320 .elementor-element.elementor-element-44021d33 .elementor-icon-box-wrapper {
    align-items: self-start;
}


.contact-button.center-bt {
    text-align: center;
}

.main-form-section .contact-button input {
	border-radius: 26px;
}
.wpcf7-spinner {
    display: none;
}

.tabela_wymiarow table tr:nth-child(2) td:first-child,
.tabela_wymiarow table tr:first-child td:first-child {
	border-top-color: transparent !important;
	border-left-color: transparent !important;
}
.tabela_wymiarow table tr:first-child td:first-child {
	border-bottom-color: transparent !important;
}
.tabela_wymiarow table tr td:first-child,
.tabela_wymiarow table tr:nth-child(2) td {
	font-weight: 600;
    color: #121D17;
}


.galeria_fix .elementor-image-gallery .gallery-item {
    overflow: hidden; 
}
.galeria_fix .elementor-image-gallery .gallery-item .gallery-icon  {
    margin-top: -2px;
	margin-bottom: -2px;
	margin-left: -2px;
	margin-right: -2px;
}


.hide_icon .service-single-image {
	position: relative;
	overflow: hidden;
	margin-bottom: -60px;
    z-index: 13;
}
.hide_icon .service-single-image img {
    margin-top: -2px;
	margin-bottom: -2px;
	margin-left: -2px;
	margin-right: -2px;
}
.hide_icon .service-single-image:after{
	position: absolute;
	width: 3px;
	height: 100%;
	background: #fff;
	content: '';
	left: 0;
	top: 0;
}
.hide_icon .service-single-image:before{
	position: absolute;
	width: 3px;
	height: 100%;
	background: #fff;
	content: '';
	right: 0;
	top: 0;
}
.hide_icon .service-icon-img {
    display: none !important;
}

/*
.menu_OFF {
	display: none !important;
}
*/


.galeria_fix .gallery-columns-4 .gallery-item {
    padding: 5px;
}

.galeria_fix .gallery-columns-4 .gallery-item img {
  aspect-ratio: 1 / 1;   
  height: auto;                
  object-fit: cover; 
  object-position: center; 
}