/*!
Theme Name: Regal Shower Screens
Template: kadence
Author: Ignition Media
Author URI: https://ignitionmedia.com.au/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: regalshowerscreens
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* Styles for screens up to 768px wide (mobile devices) */

@media (max-width: 767px) { .hide-for-small, .infinite-scroll-last, .infinite-scroll-error { display: none!important }}

#main-header, #mobile-header, .site-main-header-wrap.item-is-fixed  { box-shadow: 0 2px 18px 0 rgb(0 0 0 / 14%); -webkit-box-shadow: 0 2px 18px 0 rgb(0 0 0 / 14%);}

.main-navigation .primary-menu-container > ul > li.menu-expanded {background: var(--global-palette9);}
.main-navigation .primary-menu-container > ul > li.menu-expanded > a {color:var(--global-palette1)!important;}
	
	

/* Header & Menu -------------------------------------------------------------- */

.header-widget-area-inner .wp-block-kadence-iconlist ul.kt-svg-icon-list {
	display:initial!important; margin-bottom: 0!important; line-height: 1;
	}
	.header-widget-area-inner .wp-block-kadence-iconlist ul.kt-svg-icon-list li {display:inline-block!important}
	.header-widget-area-inner .wp-block-kadence-iconlist ul.kt-svg-icon-list span {display:inline-block!important;}
	.header-widget-area-inner .wp-block-kadence-iconlist ul.kt-svg-icon-list svg {padding-top:4px;}
	.header-widget-area-inner .wp-block-kadence-iconlist ul.kt-svg-icon-list li a:hover {color:var(--global-palette2)!important;}
	
@media (min-width: 1024px) and  (max-width: 1281px) {
	.main-navigation .primary-menu-container>ul li.menu-item>a {
	  font-size: 13px!important}
}

.collapse-sub-navigation ul.menu ul {
    padding: 0!important;
}
.collapse-sub-navigation ul.menu li a {	
  	text-transform: uppercase!important;  	
  	font-weight:600;
    border-bottom: 1px solid rgba(255,255,255,0.1)!important;
	}
.collapse-sub-navigation ul.menu .drawer-nav-drop-wrap .drawer-sub-toggle {
    border-left: 1px solid rgba(255,255,255,0.1)!important;
    border-bottom: 1px solid rgba(255,255,255,0.1)!important;
}

.mobile-site-navigation ul ul {
  padding-left: 0!important;
  	font-weight:500
}
 .mobile-site-navigation ul.sub-menu li a, .collapse-sub-navigation ul.menu ul a {
  	text-transform: capitalize!important;  	
    font-size: 14px!important;
}


@media (min-width: 1024px) and  (max-width: 1440px) {
#main-header a.header-button, #main-header a.header-button2 {font-size:15px!important}
#hero .type-effect {font-size:50px!important}
#hero .type-effect-sub {font-size:24px!important}
}
/* page headings -------------------------------------------------------------- */

h2.heading::after, h1.heading::after, .services-grid h2::after, .staff-box h2.kt-blocks-info-box-title::after {
  content: "";
  display: block;
  width: 65px;
  height: 5px;
  background-color: var(--global-palette2); /* Replace with your actual color value */
  margin-top: 5px; /* Adjust as needed */
}
h2.headin-white::after, h1.heading-white::after {
  content: "";
  display: block;
  width: 65px;
  height: 5px;
  background-color: var(--global-palette9); /* Replace with your actual color value */
  margin-top: 5px; /* Adjust as needed */
}
.drop-shadow, #home-features .wp-block-kadence-column, #site-features .wp-block-kadence-column { 
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);

}
@media (max-width: 1024px) {
	.breakout-inner {max-width: unset!important}
	.breakout-inner .kt-inside-inner-col {padding-left:20px!important;}
	}
	@media (min-width: 1366px) and (max-width: 1439px) {
	.breakout-inner {
		max-width: 655px!important;
	}	
}
@media (min-width: 1440px) {
	.breakout-inner {
		max-width: 695px!important
	}
}
@media (min-width: 1920px) {
	#home-features {
		margin-top: -100px!important
		}
	}




    
/* Kadence Overrides -------------------------------------------------------------- */

.staff-box h2.kt-blocks-info-box-title strong {	font-size: 16px; font-weight: 600!important;color:  var(--global-palette2)!important}
body .single-content h1, body .single-content h2, body .single-content h3, body .single-content h4, body .single-content h5, body .single-content h6 {margin-bottom: 1em;}
#partner-logos figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {height: 80px!important;}
#partner-logos .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic.kb-gallery-image-ratio-inherit { padding-bottom: 40px!important;padding-top: 40px}
::-webkit-input-placeholder, ::-moz-placeholder, input[placeholder], [placeholder], *[placeholder] { color: var(--global-palette4)!important; opacity: 1}
.infinite-scroll-last {display:none!important}
.wp-block-kadence-image:not(.custom) figure { margin: 0!important;}
body.single-post h1 {margin-bottom: 20px; margin-top: 10px;}
body.single-post .entry-meta {margin-top:0px}
.wp-block-latest-posts.wp-block-latest-posts__list { margin-left: 0!important;}

/* Plugin Overrides -------------------------------------------------------------- */

form .ff-btn-submit{ background-color:  var(--global-palette2)!important}
form .ff-btn-submit:hover,form.fluent_form_1 .ff-btn-submit:active { background-color:  var(--global-palette1)!important}



/* FOOTER -------------------------------------------------------------- */

footer a, .header-contact a {text-decoration: none!important }
#main-footer a:hover {color: var(--global-palette8)!important;}
@media (max-width: 767px) {
 #main-footer .footer-logo {max-width: 100%!important}
 #main-footer img {display: unset!important}
 #main-footer .wp-block-social-links {justify-content: center; align-items: center; }
 #main-footer .footer-logo img, { margin: 0 auto!important}
 .contact-us, .contact-us ul {text-align: center!important;}
 .contact-us ul li {display: block!important;text-align: center!important;}
 .contact-us ul li a {display: block!important;}
}


li.menu-item-10586 a {background: var(--global-palette8)}
/* new service pages -------------------------------------------------------------- */
.service-pill {
    font-size: 13px;
    font-weight: 500;
    color: var(--global-palette6);
    background: var(--global-palette9);
    border: 1px solid var(--global-palette7);
    padding: 5px 14px;
    border-radius: 20px;
    display: flex!important;
    align-items: center;
    gap: 6px;
}
.service-pill::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--global-palette2);
}
  .pill { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 20px; }
  .pill--high { background: #E8F5EE; color: #2D6A4F; }
  .pill--medium { background: #FFF3E0; color: #8B5E00; }
  .pill--low { background: var(--global-palette8); color: var(--global-palette6); }
  .pill--easy { background: #E8F5EE; color: #2D6A4F; }
  .pill--moderate { background: #FFF3E0; color: #8B5E00; }
.label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--global-palette2);
}
.section-title {
  position: relative;
  padding-bottom: 22px;
}
.section-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: var(--global-palette2);
  margin-top: 18px;
}
  /* COMPARISON TABLE */
  .table-wrap {   overflow: hidden;
  overflow-x: auto;
  margin: 0;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(27, 43, 58, 0.08);
  border: 1px solid var(--global-palette7);
  background: var(--global-palette9);
  }
.comp-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13.5px;
}
  .comp-table thead tr { background: var(--global-palette1); }
  .comp-table thead th,   .comp-table thead td { color: var(--global-palette9); font-weight: 600; padding: 13px 16px; text-align: left; font-size: 13px; letter-spacing: 0.02em; }
  .comp-table thead th:first-child,   .comp-table thead td:first-child { color: rgba(255,255,255,0.5); font-weight: 400; /*width: 160px;*/ }
  .comp-table thead th:not(:first-child),   .comp-table thead td:not(:first-child)  { border-left: 1px solid rgba(255,255,255,0.1); }
  .comp-table tbody tr { border-bottom: 1px solid var(--global-palette7); transition: background 0.12s; }
  .comp-table tbody tr:last-child { border-bottom: none; }
  .comp-table tbody tr:nth-child(even) { background: var(--global-palette8); }
  .comp-table tbody tr:hover { background: var(--global-palette7); }
  .comp-table tbody td { padding: 12px 16px; border-left: 1px solid var(--global-palette7); }
  .comp-table tbody td:first-child { font-weight: 600; color: var(--global-palette3); border-left: none; }
  
  .spec-tag { font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; background: var(--global-palette8); color: var(--global-palette6); border: 1px solid var(--global-palette6); }
  .spec-tag--blue { background: rgba(21,172,196,0.1); color: var(--global-palette2); border-color: rgba(21,172,196,0.5); }

.tp-pro-step-desc strong{
    display: inline-block;
    background: var(--global-palette9);
    border-left: 3px solid var(--global-palette2);
    padding: 7px 13px;
    font-size: 13px;
    color: var(--global-palette3);
    font-weight: 500;
    border-radius: 0 10px 10px 0;
    margin-top: 10px;}
    
    .compliance-code {
    font-size: 12px;
    font-weight: 700;
    color: var(--global-palette2);
    background: rgba(21,172,196,0.2);
    padding: 3px 9px;
    border-radius: 5px;
}.app-icon {
    width: 44px;
    height: 44px;
    color: var(--global-palette2);
    margin-bottom: 20px;
} svg.app-icon * {
    vector-effect: non-scaling-stroke;
  }
  .frame-colours .kb-gal-image-radius {border: 2px solid var(--global-palette7);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);}