/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.2.1730455069
Updated: 2024-11-01 09:57:49

*/

div#menu-top-blurp {
    float: right;
    text-align: right !important;
}

a#button-product {
    border-right: solid 20px #e00e0e !important;
}

a#button-product:hover {
	border-right: solid 20px #2b2b2b !important;
}

.page-id-99 .et_pb_section.et_pb_section_0_tb_header.et_pb_with_background.et_section_specialty.et_pb_section--absolute.et_pb_section--with-menu {
display: none;
}

.page-id-99 footer.et-l.et-l--footer {
display: none;
}

@keyframes slowRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#pentigo-routate {
  animation: slowRotate 60s linear infinite;
}
i.mob-icon-user-1.mob-menu-icon {
    display: none;
}


.et_pb_section_0_tb_header .et_pb_row {
    width: 95%;
    max-width: 100%;
    margin: auto;
    position: relative;
}


/* --- Custom Icon for Divi Button --- */

.btn-custom-logo .et_pb_button_icon::before {
  /* This hides the default Divi icon */
  content: '' !important; 
}

/* --- Corrected Custom Icon for Divi Button --- */

.btn-custom-logo::before {
  /* Step 1: Replace Divi's icon with your image */
  background-image: url('https://solair.co.za/wp-content/uploads/2025/08/Logo-White-all-on-back-icon.webp') !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  /* Step 2: Remove the original icon character (e.g., '!') */
  content: '' !important;

  /* Step 3: Adjust size and positioning */
  display: inline-block;
  vertical-align: middle; /* Helps align the icon with text */
  width: 35px; /* Adjust the width of your icon */
  height: 35px; /* Adjust the height of your icon */

    margin-right: 15px !important;
	margin-left: -1.7em !important;
	margin-top: 2px !important;
}
/* --- Corrected: Subtle Tech Grid --- */
.cool-pattern-bg {
  /* This sets both the color and the pattern image */
  background-color: #1f2124 !important; /* A dark color from your design */
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
}


/*** CSS Home Section ***/
h1.text-4xl.lg\:text-6xl.font-black.leading-tight.mb-4 {
    color: white;
    font-weight: 800;
}


.px-6 {
    padding-left: 6.5rem !important;
    padding-right: 1.5rem !important;
	padding-top: 9.5rem !important; 
	padding-bottom: 8.5rem !important;
}



.page-id-491 .entry-content tr td {
    padding: 6px 14px !important;
}