/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.projects_carousel .swiper-slide {
	line-height: 0;
}
@media (min-width:768px) {
	.projects_carousel .swiper-slide-image {
		width:100vw;
		object-fit:cover;
		height:750px;
	}
	.projects_grid .gallery {
		display: grid;
		grid-template-columns: 2fr 1fr 1fr 2fr;
		grid-gap: 5px;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+1) {
	  grid-column: span 1;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+2) {
	  grid-column: span 3;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+3){
	  grid-column: span 3;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+4){
	  grid-column: span 1;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+5) {
	  grid-column: span 1;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+6) {
	  grid-column: span 3;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+7){
	  grid-column: span 3;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+8){
	  grid-column: span 1;
	}
	.projects_grid .gallery .attachment-full.size-full {
		height: 350px;
		object-fit: cover;
	}
}

@media (max-width:767px) {
	  .projects_carousel .swiper-slide-image {
		width: 100vw;
		object-fit: cover;
		height: 35vh;
	  }
	.projects_grid .gallery {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 5px;
	}
/* 	.projects_grid .gallery .gallery-item:nth-child(2n+1) {
	  grid-column: span 1;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+2) {
	  grid-column: span 3;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+3){
	  grid-column: span 3;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+4){
	  grid-column: span 1;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+5) {
	  grid-column: span 1;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+6) {
	  grid-column: span 3;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+7){
	  grid-column: span 3;
	}
	.projects_grid .gallery .gallery-item:nth-child(2n+8){
	  grid-column: span 1;
	}*/
	.projects_grid .gallery .attachment-full.size-full {
		height: 270px;
		object-fit: cover;
	} 
}

.elementor-swiper-button-next::before {
  content: '';
  width: 50px;
  height: 60px;
  background-image: url('https://www.mchdesign.gr/wp-content/uploads/2023/07/arrow-right01.png');
  background-repeat: no-repeat;
}
.elementor-swiper-button-prev::before {
  content: '';
  width: 50px;
  height: 60px;
  background-image: url('https://www.mchdesign.gr/wp-content/uploads/2023/07/arrow-left01.png');
  background-repeat: no-repeat;
}
.elementor-swiper-button-next svg, .elementor-swiper-button-prev svg {
  display:none;
}
.eicon-chevron-right, .eicon-chevron-left {
  display:none!important;
}
.elementor-slideshow__title {
	display:none;
}
/* contact page start */
.form-contact input[type="text"], .form-contact textarea, .form-contact input[type="email"] {
  width: 100%;
  border: 1px solid #666;
  border-radius: 3px;
  padding: .5rem 0!important;
}

.otgs-development-site-front-end {
	display:none;
}
ul.contact-list  {
		padding: 13px;
	}
@media (min-width:767px) {
	ul.contact-list  {
		columns: 2;
	}
}

/* contact page end */



/* SEOPress style */
button#seopress-user-consent-accept {
    border: none !important;
    border-radius: 0;
}
.seopress-user-consent button:hover {
    background-color: #222;
}
button#seopress-user-consent-close {
    border: none;
    outline: 1px solid #c9c9c9;
    outline-offset: -1px;
    font-weight: 400;
}
@media screen and (min-width: 768px) {
    .seopress-user-consent.seopress-user-message p:nth-child(1) {
        max-width: 1000px;
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    .seopress-user-consent.seopress-user-message {
        width: 100%;
    }
    .seopress-user-consent.seopress-user-message p:nth-child(1) {
        text-align: center;
    }
    .seopress-user-consent.seopress-user-message p:nth-child(2) {
        margin-top: 15px;
    }
}