/* 
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
*/

/* Start Custom Fonts CSS */
@font-face {
  font-family: 'TT Firs Neue';
  font-style: normal;
  font-weight: 800;
  font-display: auto;
  src: url('./assets/fonts/TTFirsNeue/TTFirsNeue-DemiBold.eot');
  src: url('./assets/fonts/TTFirsNeue/TTFirsNeue-DemiBold.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/TTFirsNeue/TTFirsNeue-DemiBold.woff2') format('woff2'),
    url('./assets/fonts/TTFirsNeue/TTFirsNeue-DemiBold.woff') format('woff'),
    url('./assets/fonts/TTFirsNeue/TTFirsNeue-DemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'TT Firs Neue';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url('./assets/fonts/TTFirsNeue/TTFirsNeue-Light.eot');
  src: url('./assets/fonts/TTFirsNeue/TTFirsNeue-Light.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/TTFirsNeue/TTFirsNeue-Light.woff2') format('woff2'),
    url('./assets/fonts/TTFirsNeue/TTFirsNeue-Light.woff') format('woff'),
    url('./assets/fonts/TTFirsNeue/TTFirsNeue-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'TT Firs Neue';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('./assets/fonts/TTFirsNeue/TTFirsNeue-Regular.eot');
  src: url('./assets/fonts/TTFirsNeue/TTFirsNeue-Regular.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/TTFirsNeue/TTFirsNeue-Regular.woff2') format('woff2'),
    url('./assets/fonts/TTFirsNeue/TTFirsNeue-Regular.woff') format('woff'),
    url('./assets/fonts/TTFirsNeue/TTFirsNeue-Regular.ttf') format('truetype');
}



/* End Custom Fonts CSS */
.elementor-projects .elementor-row {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.elementor-projects .elementor-project-item {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.elementor-projects .elementor-project-item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.68;
  background-image: linear-gradient(-180deg, rgba(0,0,0,0) 53%, #000 100%);
  z-index: 1;
}
.elementor-projects .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  transition: 0.9s all cubic-bezier(0.55, 0, 0.1, 1);
}
.elementor-projects .elementor-project-item:hover .bg {
  transform: scale(1.1);
}

.elementor-projects .box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 40px;
  color: white;
  z-index: 3;
}
.elementor-projects .elementor-column:not(.elementor-col-50):not(.elementor-col-33) .box {
  padding: 32px 20px;
}
.elementor-projects .box .number,
.elementor-projects .text p {
  font-family: "TT Firs Neue", Sans-serif;
}


/*Number*/
.elementor-projects .box .number {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 600;
  -webkit-transform: translate(9%, 116%);
  transform: translate(9%, 116%);
}
.elementor-projects .box .number .ghost {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.elementor-projects .box .number .ghost span {
  display: block;
  -webkit-transform: translateX(6px);
  transform: translateX(6px);
  opacity: 0;
  transition: 0.9s all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.elementor-projects .box .number .rel {
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: transparent;
}

/*Text*/
.elementor-projects .text p {
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  margin-top: 10px;
}
.elementor-projects .text h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1em;
  font-size: 28px;
}

@media(min-width: 768px) {
  .elementor-projects .elementor-project-item {
    height: 400px;
  }
  .elementor-projects .box {
    padding: 32px 40px;
  }
  .elementor-projects .elementor-column:not(.elementor-col-50):not(.elementor-col-33) .box {
    padding: 32px 20px;
  }
  .elementor-projects .number {
    font-size: 120px;
  }
}
@media(min-width: 1200px) {
  .elementor-projects .elementor-project-item {
    height: 500px;
  }
  .elementor-projects .number {
    font-size: 9.44444vw;
  }
}
@media(max-width: 767px) {
  .elementor-projects .elementor-project-item {
    height: 350px;
  }
  .elementor-projects .box {
    padding: 20px;
  }
  .elementor-projects .number {
    font-size: 120px;
  }
}



/**
 * Pagination
 */
.pagination {
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
  margin-top: 40px;
  margin-bottom: 0;
}
.pagination .page-numbers {
  color: #345573;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  padding: 0.7rem 1rem;
  border-radius: 12px;
  display: block;
}
.pagination .page-numbers img {
  width: 15px;
  display: block;
}
.pagination .page-numbers:hover {
  background-color: #FFFFFF;
  box-shadow: 0 12px 18px -6px rgba(11,77,180,0.19);
  color: #4384C0;
}
.pagination .next, .pagination .prev {
  border: 1px solid #345573;
  opacity: 0.22;
  border-radius: 12px;
 
}


/**
 * Custom field
 *
 * 
 */
#acf_gallery:not(.Active),
#acf_client_details:not(.Active),
#acf_client_details #client_name:not(.Active),
#acf_client_details #project_architect:not(.Active),
#acf_client_details #client_address:not(.Active),
#acf_client_details #client_email:not(.Active),
#acf_client_details #client_phone:not(.Active),
#acf_client_details #client_description:not(.Active) {
  display: none !important;
}




/**
 * Brands
 */
.brands.has-slide .swiper-container {
  overflow: initial;
}
.brands.has-slide .swiper-wrapper {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.brands .elementor-widget-image .elementor-widget-container,
.brands .elementor-image,
.brands:not(.has-slide) .elementor-widget-image a {
  height: 100%;
}
.brands.has-slide .elementor-widget-image a {
  height: 170px;
}
.brands .elementor-widget-image a {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #F1F1F1;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.brands:not(.has-slide) .elementor-widget-image a {
	border-width: 3px;
    border-color: #B0C1CC;
}
.brands:not(.has-slide) .elementor-widget-image a:hover {
	border-color: #6F91A6;
}
.brands .elementor-swiper-button {
  top: initial;
  border: 2px solid #345573;
  border-radius: 100px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 15px;
  color: #345573;
}
.brands .elementor-swiper-button.elementor-swiper-button-prev {
  left: 0;
}
@media (min-width: 768px) {
  .brands:not(.has-slide) .elementor-widget-image {
    width: 25%;
  }
  .brands.has-slide .elementor-widget-image {
    width: 25%;
  }
  .brands .elementor-widget-image {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .brands .elementor-widget-image a {
    padding: 30px;
  }
  .brands:not(.has-slide) .elementor-widget-image a {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 1200px) {
  .brands .elementor-swiper-button {
    bottom: -82px;
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .brands .elementor-swiper-button.elementor-swiper-button-next {
    left: 53px;
  }
}
@media (max-width: 1199px) {
  .brands .elementor-swiper-button {
    bottom: -70px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  
  .brands .elementor-swiper-button.elementor-swiper-button-next {
    left: 45px;
  }
}
@media (max-width: 767px) {
  .brands:not(.has-slide) .elementor-widget-image {
    width: 50%;
  }
  .brands .elementor-widget-image {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .brands .elementor-widget-image a {
    padding: 10px;
  }
  .brands:not(.has-slide) .elementor-widget-image a {
    margin-left: 5px;
    margin-right: 5px;
  }
}