/*!

Theme Name: Eidis Refrigeration
Theme URI: https://paulcreatives.tech/
Author: Paul Andrew De Vega
Author URI: https://paulcreatives.tech/
Description: Eidis Refrigeration WordPress Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: harmonised
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize
# Typography
# Elements
# Forms
# Navigation
        ## Links
        ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
        ## Posts and pages
        ## Comments
# Infinite scroll
# Media
        ## Captions
        ## Galleries
# Header
# Footer
# Back To Top
# Spacing
# Additional Layout
# Home Page
# Internal Page Header
# Contact Form Section
# Full Width Page

--------------------------------------------------------------*/

/*************** Global Styles ***************/

@font-face {
  font-family: 'Neulis Sans';
  src: url('fonts/fonts/NeulisSans-Regular.woff2') format('woff2'), url('fonts/fonts/NeulisSans-Regular.woff') format('woff'), url('fonts/fonts/NeulisSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Neulis Sans';
  src: url('fonts/fonts/NeulisSans-Semibold.woff2') format('woff2'), url('fonts/fonts/NeulisSans-Semibold.woff') format('woff'), url('fonts/fonts/NeulisSans-Semibold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Neulis Sans';
  src: url('fonts/fonts/NeulisSans-Medium.woff2') format('woff2'), url('fonts/fonts/NeulisSans-Medium.woff') format('woff'), url('fonts/fonts/NeulisSans-Medium.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Neulis Sans';
  src: url('fonts/fonts/NeulisSans-Light.woff2') format('woff2'), url('fonts/fonts/NeulisSans-Light.woff') format('woff'), url('fonts/fonts/NeulisSans-Light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}


/** Fonts **/ 

body{
  font-size: 18px;
  font-family: 'Neulis Sans', sans-serif;
  font-weight: 400;

}
h1{
  font-size: 79px;
  font-family: 'Neulis Sans', sans-serif;
  font-weight: 700;
}
h2{
  font-size: 56px;
  font-family: 'Neulis Sans', sans-serif;
  font-weight: 700;
}
h3{
  font-size: 33px;
  font-family: 'Neulis Sans', sans-serif;
  font-weight: 700;
}
h4{
  font-size: 27px;
  font-family: 'Neulis Sans', sans-serif;
  font-weight: 700;
}
p{
  font-size: 18px;
  font-family: 'Neulis Sans', sans-serif;
  font-weight: 400;
}
a{  
  font-size: 15px;
  font-family: 'Neulis Sans', sans-serif;
  font-weight: 600;
}

.sub-heading{
  font-size: 14px;
  font-family: 'Neulis Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.banner-heading{
  font-size: 70px;
  font-family: 'Neulis Sans', sans-serif;
  font-weight: 700;
  line-height: 1em;
}

.text-upper{
  text-transform: uppercase;
}
/** Container/Sections **/

.container{
  max-width: 1330px;
}
/** Colors **/

.text-black{
  color:#1f1f1f;
}
.text-grey{
  color: #505256;
}
.text-white{
  color: #fff;
}
.text-blue{
  color: #34accd;
}
.text-l-blue{
  color: #264b9c;
}
/** Buttons **/
#mobile-menu li a {
    font-weight: 600;
    font-size: 18px;
}
.btn-blue{
  background-color: #34accd;
  border-radius: 26px;
  padding: 14px 0px !important;
  max-width:214px;
  width: 100%;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.wpcf7-submit{
  background-color: #34accd;
  border-radius: 26px;
  padding: 14px 0px !important;
  max-width:214px;
  width: 100%;
  font-size: 15px !important;
  font-weight: 600 !important;
  border:0;
  color: #fff;
  text-transform: uppercase;
}
.btn-orange{
  background-color: #ff9b42;
  border-radius: 26px;
  padding: 14px 0px !important;
  max-width:214px;
  width: 100%;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.btn-blue:hover, .btn-white:hover,.wpcf7-submit:hover{
  transition:700ms ease-in-out;
  background-color:#ff9b42;
}
.btn-orange:hover,.btn-black:hover{
  transition:700ms ease-in-out;
  background-color:#34accd;
}

.btn-white{
  border-radius: 26px;
  padding: 14px 0px !important;
  max-width:214px;
  width: 100%;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: 1px solid #fff;
  display: block;
  text-align: center;
  text-decoration: none !important;
}
.btn-black{
  border-radius: 26px;
  padding: 14px 0px !important;
  max-width:214px;
  width: 100%;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: 1px solid #1f1f1f;
  display: block;
  text-align: center;
  text-decoration: none !important;
}
.phone-top a:hover, .contact-top a:hover,.btn-blue:hover, .btn-orange:hover, .btn-white:hover{
  color:#fff !important;
  transition: 500ms ease-in-out;
}
a:hover, .nav-link:hover{
  color:#ff9b42 !important;
  transition: 500ms ease-in-out;
  text-decoration: none;
}
.btn-black:hover{
  color:#1f1f1f !important;
}
/** Background Colors **/
.bg-w-blue{
  background-color: #f3f5fa;
}
.bg-d-blue{
  background-color: #34accd;
}
.bg-m-blue{
  background-color: #53bcd9;
}
.bg-wl-blue{
  background-color: #34accd;
}
.bg-l-blue{
  background-color: #71cee8;
}
.bg-sky-blue{
  background-color: #8bdcf3;
}
.bg-blue{
  background-color: #08337d;
}
/** Header Styles **/

#menu-main-menu-1 .btn-blue a, #menu-main-menu-1 .btn-orange a{
  color: #fff;
}
#menu-main-menu-1{
  align-items: center;
}
#menu-main-menu li {
  margin-right: 60px;
}
#menu-main-menu li a{
  color:#505256;
  font-size:17px;
  font-weight: normal;
}
.phone-top a{
  background-color:#34accd;
  border-radius: 26px;
  color:#fff !important;
  padding: 15px 35px !important;
  font-size:15px !important;
  font-weight: 600 !important;

}
.phone-top{
  margin-right:12px !important;
}
.contact-top{
  margin-right:0 !important;
}
.contact-top a{
  background-color:#ff9b42;
  border-radius: 26px;
  color:#fff !important;
  padding: 15px 35px !important;
  font-size:15px !important;
  text-transform:uppercase;
  display: inline-block;
  font-weight: 600 !important;
}

.phone-top a:hover{
  transition:500ms ease-in-out;
  background-color:#ff9b42;
}
.contact-top a:hover{
  transition:500ms ease-in-out;
  background-color:#34accd;
}
.site-header {
  padding:20px 0;
}
.navbar{
  padding-left: 0;
  padding-right: 0;
}

/** Spacing/Paddings/Margins/ **/
.pt-120{
  padding-top:120px;
}
.pb-120{
  padding-bottom: 120px;
}
/** Border Radius **/
.br-18{
  border-radius: 18px;
}

/** Banners **/

#home-banner {
  padding-top: 180px;
  padding-bottom: 195px;
}

.hero-section{
  background-size: cover;
  background-position: bottom center;
}

#about-banner{
  padding-top: 140px;
  padding-bottom: 140px;
}

/** Home Page **/

.services-content h3{
  min-height:80px;
}
.services-item:hover{
  text-decoration:none;
}


/** About Page **/
#about-section-three .container{
  background-image: url('https://www.eidis.com.au/wp-content/uploads/2025/01/about-content-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
}
 /** Product Section **/


#our-products .title-wrapper{
  min-height: 702px;
  background-size: cover;

}

.product-item {
  position: relative; 
  min-height: 218px;
  background-position: top !important;
  background-size: cover; 
  overflow: hidden; 
  transition: transform 0.3s ease; 
}

/* Pseudo-element for the hover effect */
.product-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease;
  z-index: 1; 
}

/* Hover state */
.product-item:hover::before {
  background-color: rgb(8 51 125 / 88%);
}

/* Content inside the container (e.g., title) */
.product-item h3 {
  position: relative;
  z-index: 2;
  color: #fff; /
}

/** Manufacturing Section **/

.first-row-content .bg-image {
  width: 417px;
  height: 647px;
  background-size: cover;
  border-radius: 18px;
  background-position: 59%;
}

.first-row-content .row{
  background-image: url('https://www.eidis.com.au/wp-content/uploads/2025/01/local-bg.png');
  background-size:cover;
}

.second-row-content .bg-image {
  width: 417px;
  height: 647px;
  background-size: cover;
  border-radius: 18px;
  background-position: 47%;
}

.second-row-content .row{
  background-image: url('https://www.eidis.com.au/wp-content/uploads/2025/01/easy-bg.png');
  background-position: bottom;
  background-repeat: no-repeat;
}


/** Repairs and Parts **/
#repairs-section img,#about-section-three img{
  max-width: 438px;
  width:100%
}

#repairs-section .container{
  background-image: url('https://www.eidis.com.au/wp-content/uploads/2025/01/background-repairs-content.png');
    background-size: contain;
    background-repeat: no-repeat;
}

/** Contact Page **/
.page-template-page-contact-php .contact-content-col{
  background-image: url('https://www.eidis.com.au/wp-content/uploads/2025/01/contact-col-bg.png');
  background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.page-template-page-contact-php .form-container{
  margin-bottom: 0;
}

/** Slider Section **/
#slider-section .services-item{
  min-height: 469px;
}

.testimonial-author{
  font-size: 18px;
  font-weight: 700;
}

/** Contact Form **/

.contact-email, .contact-phone, .contact-address{
  font-size: 29px;
  font-weight: 600;
  line-height: 1.9em;
}

.form-container {
  padding: 80px 65px;
  margin-bottom: -240px;
}

.form-container .wpcf7-email, .form-container textarea, .form-container .wpcf7-tel, .form-container .wpcf7-text{
  border-top:0;
  border-left:0;
  border-right:0;
  border-radius:0;
  font-size:18px;
  padding:0 0 30px 0;
}
.form-container .wpcf7-email, .form-container .wpcf7-tel, .form-container .wpcf7-text{
  height:48px;
}

::placeholder{
  color:#343538 !important;
}
.form-container .form-row{
  padding-bottom:30px;
}


/** FAQ **/
.btn.focus, .btn:focus,.btn:hover {
  box-shadow: none;
  text-decoration: none;
}
.faq-heading span{
  color: #343538;
  font-size: 18px;
}
.faq-heading button {
  padding: 0 0 30px 0;
 border-bottom: 1px solid #e8eaf1;
}

#faqs .card{
 border:0;
 background-color:transparent;
 
}

/** Thank you **/


/** Single Product Page **/
.back-link i {
  padding: 12px 15px;
  border: 1px solid #1f1f1f;
  border-radius: 50px;
}

#product-page-banner .image-container {
  max-width:418px;
  height:553px;
  background-size:contain;
  border-radius:18px;
}
#product-page-banner .product-nav{
  position:absolute;
  right:0;
  top: 50%;
  z-index: 1000;
}

#units-section .container {
  background-image: url('https://www.eidis.com.au/wp-content/uploads/2025/01/units-bg.png');
  background-position: inherit;
  background-repeat: no-repeat;
}

/** Single Post **/
#singlepost-banner{
  background-image: url('https://www.eidis.com.au/wp-content/uploads/2025/01/contact-bg.png');
  background-size:contain;
  background-position: right;
  background-repeat: no-repeat;
}

/** Footer Styles **/

footer ul{
  list-style:none;
  padding:0;
}
footer ul li a{
  font-size:18px;
  text-decoration:none;
  font-weight:400;
  color:#505256;
}
footer ul li{
  margin-bottom:30px;
}

.footer-social li{
  display: inline-block;
  margin: 0 10px;
}
.no-faq footer {
  padding-top:200px !important;
}
.page-template-page-contact-php footer,.page-template-page-thank-you-php footer,.page-template-archive-php footer,.single-post footer{
  padding-top: 100px !important;
}
/** Mobile Responsiv Styles **/

@media screen and (max-width:1024px){
  #product-page-banner .image-container{
    max-width: none;
    width: 100%;
    background-size: cover;
    background-position: center;
  }
   .background-bottom{
    background-position: bottom !important;
   }
   #home-banner{
    background-repeat: no-repeat;
   }
  .inner-page-banner{
    background-position: bottom !important;
  }
  .pt-120{
    padding-top: 80px;
  }
  .pb-120{
    padding-bottom: 80px;
  }
  br{
    display: none;
  }
  .site-header{
    background-color: #f3f5fa;
  }
  #our-products .title-wrapper,#slider-section .services-item{
    display:flex;
    min-height:auto;
    align-items:center;
    gap:20px;
    background-image:url('https://www.eidis.com.au/wp-content/uploads/2025/01/products-mob-bg.png') !important;
    background-size:cover;
    justify-content: space-between;
}
.services-item h2{
  width: 50%;
}
.first-row-content .bg-image,.second-row-content .bg-image{
  width:100%;
  height: 400px;
  margin-top: 40px;
}
.btn-white {
  margin: 0 auto;
}
.page-template-page-contact-php .contact-content-col{
  background-size: cover;
  background-position: bottom;
}
}

@media screen and (max-width:767px){
  #contact-banner,#archive-banner{
    background-position: bottom !important;
  }
  #home-banner {
    padding-top: 100px;
    padding-bottom: 100px;
}
.hero-section img{
  margin-top: 40px;
}
.contact-email, .contact-phone, .contact-address{
  font-size: 24px;
}

.inner-page-banner{
  padding-top: 100px !important;
  padding-bottom: 280px !important;
}
.page-template-page-contact-php footer,.page-template-page-thank-you-php footer,.page-template-archive-php footer ,.single-post footer{
  padding-top: 48px !important;
}
.h-250{
  height: 250px;
}
}


@media screen and (max-width:580px){
  body{
    font-size: 16px;
 
  
  }
 
  h2{
    font-size: 40px;
  }
  h3{
    font-size: 28px;
  }
  h4{
    font-size: 22px;
    
  }
  p{
    font-size: 16px;
  
  }
  a{  
    font-size: 15px;
    font-family: 'Neulis Sans', sans-serif;
    font-weight: 600;
  }
  
  .sub-heading{
    font-size: 14px;
    font-family: 'Neulis Sans', sans-serif;
    font-weight: 400;
  }
  .banner-heading{
    font-size: 50px;
  
  }

.btn-container .btn-blue{
  margin-bottom: 0 !important;
}
.btn-container{
  display: flex;
  gap:20px;
  justify-content: center;
}
}

@media screen and (max-width:480px) {
  h2{
    font-size: 32px;
  }
  .banner-heading{
    font-size: 43px;
  }
  
}
/*Mobile Menu*/
.mobile-menu {
  width: 70%;
  transition: transform 0.3s ease-in-out;
  transform: translateX(-100%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y: auto;
  background-color: #f8f9fa;
  z-index: 9999;
}

.mobile-menu.show {
  transform: translateX(0);
  padding:50px 20px;
}

.navbar-toggler {
  border: none;
  background-color: transparent;
  padding: 0;
}

.navbar-toggler:focus {
  outline: none;
}

.navbar-toggler-icon {
  display: block;
  width: 27px;
  height: 3px;
  position: relative;
  transition: background-color 0.3s ease-in-out;
}

.navbar-toggler-icon:before,
.navbar-toggler-icon:after {
  content: "";
  width: 27px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 0px;
  transition: transform 0.3s ease-in-out;
}

.navbar-toggler-icon:before {
  top: -8px;
}

.navbar-toggler-icon:after {
  top: 8px;
}

.close-toggle{
  font-size: 48px;
  color: #34accd ;
  padding: 10px;
  text-align: right;
  font-weight: 600;
  display: block;
}
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9998;
  display: none;
  transition: opacity 0.5s ease-in-out; 
  opacity: 0; 
}
.mobile-menu.show ~ .mobile-menu-overlay {
   display: block;
  opacity: 1; 
}
.navbar-toggler-icon{
  background-color: #fff !important;

}
.navbar-light .navbar-toggler{
 padding: 20px 10px;
 background-color: #34accd;
 border-radius: 50%;
}
.header-phone-mobile{
margin-left:auto;   
padding-right:15px;
}
.mobile-menu-list .nav-link{
  color: #34accd !important;
  font-weight: 600;
}
.mobile-menu-list li:last-of-type a{
  display:none;
}
.mobile-menu .phone-top a{
 display: none !important;
}

.mobile-menu .navbar-nav .dropdown-menu{
  border:0;
  background-color:transparent;
}
.mobile-menu .navbar-nav .dropdown-menu a{
  color:#34accd !important;
}
#menu-main-menu  ul.dropdown-menu li {
  margin-right: 0;
}