.elementor-kit-11{--e-global-color-primary:#000000;--e-global-color-secondary:#F1AB1D;--e-global-color-text:#000000;--e-global-color-accent:#EE3224;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:1.5em;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:#FFFFFF00;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-primary );}.elementor-kit-11 a:hover{color:var( --e-global-color-accent );}.elementor-kit-11 h1{font-size:4.4em;font-weight:400;line-height:1.25em;}.elementor-kit-11 h2{font-size:4.4em;font-weight:400;line-height:1.25em;}.elementor-kit-11 h3{font-size:2em;font-weight:300;line-height:1.35em;}.elementor-kit-11 h4{font-weight:300;}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-kit-11 label{color:#FFFFFF;}.elementor-kit-11 input:not([type="button"]):not([type="submit"]),.elementor-kit-11 textarea,.elementor-kit-11 .elementor-field-textual{color:#FFFFFF;background-color:#02010100;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;transition:150ms;}.elementor-kit-11 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-11 textarea:focus,.elementor-kit-11 .elementor-field-textual:focus{background-color:#FFFFFF00;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-11 h1{font-size:2.6em;}.elementor-kit-11 h2{font-size:2.6em;}.elementor-kit-11 h3{font-size:1.6em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11 h1{font-size:1.8em;}.elementor-kit-11 h2{font-size:1.8em;}.elementor-kit-11 h3{font-size:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */main#content {margin-top: 87px;}
header>.elementor-element { width: 100%; transition: all 0.3s ease;}
header.shrink>.elementor-element { padding:0.85em 1.5em; box-shadow: 0 0px 24px 10px rgba(0,0,0,0.05)}
header.shrink .elementor-widget-theme-site-logo img { width:90px !important}
.site-carousel-1 .elementor-swiper-button-next, .site-carousel-1 .elementor-swiper-button-prev {position: absolute; width: 74px; height: 74px; display: flex; justify-content: center; align-items: center;}
.site-carousel-1 .elementor-swiper-button-next>svg, .site-carousel-1 .elementor-swiper-button-prev>svg {width: 24px; height: 24px;}
.page-id-54 .site-carousel-1 .elementor-swiper-button-prev {display: none !important}
.site-carousel-1 .is-open ~ .elementor-swiper-button-next {left: 31%; top: 0}
#master-detail-wrapper.is-open {z-index: 4}
.elementor-element strong, .elementor-element b {font-weight:600}
.swiper-wrapper {width:100vw !important;}
.yellow-dot .elementor-heading-title:after{content:'.'; color:var(--e-global-color-secondary) !important}
.btn-site>a {display: inline-flex; gap: 1.5em; border-bottom:1px solid inherit;}
.btn-site>a:hover {gap: 1.8em; transition: gap 150ms linear}
.btn-site>a:after {content:'';background-image: url(https://www.constructionprofessionals.com.sg/wp-content/uploads/2025/12/arrow-right-1-black.svg); background-size: contain; display: block; width: 16px; height: 16px; background-repeat: no-repeat; position: relative; top: -2px;}
.btn-site>a .elementor-button-text{border-bottom: 1px solid var(--e-global-color-text)}
.btn-site.white>a:after {background-image: url(https://www.constructionprofessionals.com.sg/wp-content/uploads/2025/12/arrow-right-1.svg)}
.btn-site.white>a .elementor-button-text{border-bottom: 1px solid #fff}
.btn-site.white.quick-line>a {justify-content: space-between; width: 100%; align-items: center;}
.btn-site.white.quick-line>a .elementor-button-text {border-bottom: none;}
.btn-site>a:hover .elementor-button-text, .btn-site.white>a:hover .elementor-button-text {border-color: var(--e-global-color-accent)}
.gform_heading {display: none !important;}
.post-content ul {margin-bottom: .9rem}
.post-content h2 {font-size: 2.4em;}
.post-content h3 {font-size: 1.6em;}
.post-content a {color: var(--e-global-color-accent)}
.post-tags .dce-term-item {display: block; background-color: #e7e7e7; color: #fff; padding: 4px 25px; min-width: 80px; text-align: center; border-radius: 20px; font-size: .8em; color: var(--e-global-color-text)}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="number"],
.gform_wrapper select,
.gform_wrapper textarea,
.gform_wrapper .gfield input,
.gform_wrapper .gfield textarea {
    background: transparent;
    color: #ffffff;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    padding: 12px 0;
    transition: all 0.3s ease;
}

.gform_wrapper .gfield_label,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_title {
    color: #ffffff !important;
}


/* Alternative: Animated underline on focus */
.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield select:focus,
.gform_wrapper .gfield textarea:focus {
    outline: none;
    box-shadow: none;
    border-bottom-color: #ffffff;
    background: linear-gradient(to right, transparent, transparent) no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(to right, #ffffff, #ffffff);
    transition: background-size 0.4s ease, border-color 0.3s ease;
}

/* For complex fields or additional Gravity Forms classes */
.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container textarea {
    background: none!important;
    outline: none !important;
    box-shadow: none !important;
    color: #ffffff;
    border: none;
    border-bottom: 1px solid #ffffff;
}

#gform_wrapper_1 select option, #gform_wrapper_2 select option, #gform_wrapper_3 select option {
    background-color: #000 !important;
    color: #fff !important;
}

/* Fix for the placeholder text color */
#gform_wrapper_1 ::placeholder, #gform_wrapper_2 ::placeholder, #gform_wrapper_3 ::placeholder {
    color: #bbb !important;
    opacity: 1;
}
.ginput_container_fileupload .gform-theme-field-control {background-color: #262626 !important;;}
.ginput_container_fileupload .gform_drop_instructions, .gfield_fileupload_filename, .gfield_fileupload_filesize, .gfield_fileupload_percent {color: #fff !important;}
.ginput_container_fileupload button, .gform-footer input[type="submit"] {border-radius: 30px !important; background-color: var(--e-global-color-accent) !important;}
.gform_delete_file {background-color: #000 !important;}
.gform_delete_file .dashicons-trash:before {color: #666 !important}
.contact-wrapper .e-con-inner {position: relative;}

@media (min-width:992px) {
  .contact-wrapper .elementor-widget-text-editor {position: absolute;}
  .contact-wrapper .eael-tabs-nav  {margin-top:13em;}
  .contact-tabs .eael-tabs-nav {width:40%;}
  .contact-tabs .eael-tab-nav-item {max-width: 200px; width: 200px;}
  .contact-tabs [role=tablist] li {justify-content: center !important;}
  .news-item .elementor-widget-heading h3 {-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
  .news-item .elementor-widget-text-editor {-webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
}


@media (max-width:991px) {
  main#content { margin-top: 60px; }
  header.shrink .elementor-widget-theme-site-logo { width: 90px; } 
  .post-content h2 {font-size: 2em;}
  .post-content h3 {font-size: 1.4em;}
  .site-carousel-1 .elementor-swiper-button-next, .site-carousel-1 .elementor-swiper-button-prev {width: 40px; height: 40px;}
  .site-carousel-1 .elementor-swiper-button-next>svg, .site-carousel-1 .elementor-swiper-button-prev>svg {width: 16px; height: 16px;}

}/* End custom CSS */