.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-7003d24:#FFFFFF;--e-global-color-cc35f65:#C9C9C9;--e-global-color-d18dc0d:#000000;--e-global-color-8857392:#AFADAD;--e-global-color-79a6c64:#FFFFFF;--e-global-color-4ed7f8e:#121212;--e-global-color-34aba27:#000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-90a53ae-font-size:var(--body-xlarge-size);--e-global-typography-90a53ae-line-height:var(--body-xlarge-line);--e-global-typography-08561aa-font-size:var(--body-large-size);--e-global-typography-08561aa-line-height:var(--body-large-line);--e-global-typography-513f830-font-size:var(--body-small-size);--e-global-typography-513f830-line-height:var(--body-small-line);--e-global-typography-e5e406e-font-size:var(--body-xsmall-size);--e-global-typography-e5e406e-line-height:var(--body-xsmall-line);--e-global-typography-05e4316-font-size:var(--body-xxsmall-size);--e-global-typography-05e4316-line-height:var(--body-xxsmall-line);background-color:#000000;color:#C9C9C9;font-family:"Saira", Sans-serif;font-size:var(--body-regular-size);line-height:var(--body-regular-line);}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#00000000;font-family:"Armstrong", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;font-style:italic;line-height:20px;color:var( --e-global-color-primary );border-style:solid;border-color:#E88201;border-radius:12px 12px 12px 12px;padding:18px 24px 18px 24px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-secondary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{text-decoration:none;}.elementor-kit-7 h1{font-family:"Armstrong", Sans-serif;font-size:var(--h1-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h1-line);letter-spacing:var(--h1-spacing);}.elementor-kit-7 h2{font-family:"Armstrong", Sans-serif;font-size:var(--h2-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h2-line);letter-spacing:var(--h2-spacing);}.elementor-kit-7 h3{font-family:"Armstrong", Sans-serif;font-size:var(--h3-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h3-line);letter-spacing:var(--h3-spacing);}.elementor-kit-7 h4{font-family:"Armstrong", Sans-serif;font-size:var(--h4-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h4-line);letter-spacing:var(--h4-spacing);}.elementor-kit-7 h5{font-family:"Armstrong", Sans-serif;font-size:var(--h5-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h5-line);letter-spacing:var(--h5-spacing);}.elementor-kit-7 h6{font-family:"Armstrong", Sans-serif;font-size:var(--h6-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h6-line);letter-spacing:var(--h6-spacing);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1330px;}.e-con{--container-max-width:1330px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */h1, h2, h3, h4, h5, h6, p,
.elementor-widget-text-editor {
    margin-bottom: 0 !important;
}

a {
    text-decoration: none !important;
}

.no-ud {
    text-decoration: none !important;
}

:root {
  /* ---- FONT SIZES ---- */
  --h1-size: 60px;
  --h2-size: 48px;
  --h3-size: 38px;
  --h4-size: 32px;
  --h5-size: 24px;
  --h6-size: 20px;

  /* ---- LINE HEIGHTS ---- */
  --h1-line: 55px;
  --h2-line: 48px;
  --h3-line: 38px;
  --h4-line: 32px;
  --h5-line: 24px;
  --h6-line: 20px;

  /* ---- LETTER SPACING ---- */
  --h1-spacing: 0px;
  --h2-spacing: 0px;
  --h3-spacing: 0px;
  --h4-spacing: 0px;
  --h5-spacing: 0px;
  --h6-spacing: 0px;

  /* ---- MOBILE FONT SIZES ---- */
  --h1-size-m: 36px;
  --h2-size-m: 28px;
  --h3-size-m: 24px;
  --h4-size-m: 28px;
  --h5-size-m: 20px;
  --h6-size-m: 18px;

  /* ---- MOBILE LINE HEIGHTS ---- */
  --h1-line-m: 36px;
  --h2-line-m: 28px;
  --h3-line-m: 24px;
  --h4-line-m: 28px;
  --h5-line-m: 20px;
  --h6-line-m: 18px;
}

@media (max-width: 767px) {
  :root {
    --h1-size: var(--h1-size-m);
    --h1-line: var(--h1-line-m);

    --h2-size: var(--h2-size-m);
    --h2-line: var(--h2-line-m);

    --h3-size: var(--h3-size-m);
    --h3-line: var(--h3-line-m);

    --h4-size: var(--h4-size-m);
    --h4-line: var(--h4-line-m);

    --h5-size: var(--h5-size-m);
    --h5-line: var(--h5-line-m);

    --h6-size: var(--h6-size-m);
    --h6-line: var(--h6-line-m);
  }
}

:root {
  /* ---- BODY SIZES ---- */
  --body-regular-size: 18px;
  --body-xlarge-size: 22px;
  --body-large-size: 20px;
  --body-small-size: 16px;
  --body-xsmall-size: 14px;
  --body-xxsmall-size: 12px;

  /* ---- BODY LINE HEIGHTS ---- */
  --body-regular-line: 27px;
  --body-xlarge-line: 30px;
  --body-large-line: 27px;
  --body-small-line: 24px;
  --body-xsmall-line: 20px;
  --body-xxsmall-line: 18px;
}


body .btn-sc * ,
body .btn-pr *  {
    font-size: 18px;
}




.btn-pr,
.btn-sc,
.btn-tc {
  border-radius: 12px;
}

.btn-pr,
.elementor-form .elementor-button,
.btr-pr {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-pr:hover {
    background-color: #000000;
    color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}


.btn-sc,
.eael-gallery-load-more {
  background-color: #000000;
  border: 1px solid #000000;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-sc:hover,
.eael-gallery-load-more:hover {
    background-color: #FFFFFF;
  border: 1px solid #000000;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}


/* REMOVE THE COMMENTS TO FORCE TEXT COLOUR 

body .btn-sc * ,
body .eael-gallery-load-more,
body .eael-gallery-load-more * {
  color: #ffffff !important;
}
*/


.btn-tc {
  border: 2px solid #ffffff;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-tc:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}





.highlight-text {
  color: #000 ;
  -webkit-text-stroke: 1px #ffffff;
}


/* Put this AFTER .highlight-text */
.white-text {
  color: #ffffff;
}


.primary-text {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #0E0C52;
  color: #0E0C52;
}



/* Base styling */
.service-item {
  color: #ffffff;
  cursor: pointer;
  text-decoration: none !important;
  border-radius:0px;
  border: 1px solid #FFFFFF !important;
  min-height: 50px;
}

/* Remove ANY inherited transitions */
.service-item,
.service-item * {
  transition: none !important;
}

/* Text inherits white */
.service-item .service-text {
  color: inherit;
}

/* Mark starts white */
.service-item .service-mark {
  background-color: white;
}


.service-item:hover .service-mark {
  background-color: #E3540D;
}


.service-item:hover {
    background-color: #FFFFFF !important; 
    color: #000000 !important;
}

/* Icon turns white when parent is hovered */
.service-item:hover .service-icon {
    color: #000000 !important;
}


.area-wrapper {
  background-color: #0E0C52;
  color: #ffffff;
  cursor: pointer;           /* makes the whole block clickable */
  text-decoration: none !important;     /* removes underline if wrapper is a link */
}

/* Removes any underline from links inside */
.area-wrapper a {
  text-decoration: none;
  color: inherit;
}

.area-wrapper .area-text {
  color: inherit;
}

.area-wrapper:hover {
  background-color: #ffffff;
  color: #0E0C52;
}

.area-wrapper:hover a {
  text-decoration: none;
  color: inherit;
}

.quote-wrapper {
  min-width: 381px;  
}

@media (max-width: 757px) {
    .e-n-carousel.swiper.swiper-initialized.swiper-horizontal {
        padding-bottom: 0px !important;
    }
}



.hero-section {
    background-image: url('https://exclusiveepoxyconcrete.com/wp-content/uploads/2025/12/hero_background_img-scaled.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.alt-hero {
    background-image: url('https://exclusiveepoxyconcrete.com/wp-content/uploads/2025/12/hero_background_img_v2-scaled.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ============================
   TABLET BREAKPOINT
   Elementor tablet = max-width: 1024px
============================ */
@media (max-width: 1024px) {
    .hero-section {
        background-image: url('https://exclusiveepoxyconcrete.com/wp-content/uploads/2025/12/hero_background_img_tablet-scaled.png');
        background-position: center center;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Armstrong';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://exclusiveepoxyconcrete.com/wp-content/uploads/2025/12/Armstrong-Oblique-Extrabold.woff2') format('woff2');
}
@font-face {
	font-family: 'Armstrong';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
@font-face {
	font-family: 'Armstrong';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://exclusiveepoxyconcrete.com/wp-content/uploads/2025/12/Armstrong.woff2') format('woff2');
}
/* End Custom Fonts CSS */