/* ==============================================
   Electric Latte — Brand Overrides
   Overrides IT Services skin secondary (yellow → #584642)
   ============================================== */

/* Remove the boxed body side margins so section backgrounds span full viewport width */
@media (min-width: 1440px) {
	.body {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* Neutralise the compensating negative margins that were only needed for the boxed layout */
.custom-section-full-width {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Replace yellow secondary accent with Electric Latte secondary */
:root {
	--secondary:        #584642;
	--secondary-100:    #4d3c38;
	--secondary-200:    #473735;
	--secondary-300:    #413230;
	--secondary--100:   #634e4a;
	--secondary--200:   #6e5854;
	--secondary--300:   #79625e;
	--secondary-rgba-0:   rgba(88, 70, 66, 0);
	--secondary-rgba-10:  rgba(88, 70, 66, 0.1);
	--secondary-rgba-20:  rgba(88, 70, 66, 0.2);
	--secondary-rgba-30:  rgba(88, 70, 66, 0.3);
	--secondary-rgba-40:  rgba(88, 70, 66, 0.4);
	--secondary-rgba-50:  rgba(88, 70, 66, 0.5);
	--secondary-rgba-60:  rgba(88, 70, 66, 0.6);
	--secondary-rgba-70:  rgba(88, 70, 66, 0.7);
	--secondary-rgba-80:  rgba(88, 70, 66, 0.8);
	--secondary-rgba-90:  rgba(88, 70, 66, 0.9);
}

/* Secondary inverse (text on secondary bg): white, since #584642 is dark */
:root {
	--secondary-inverse: #fff;
}

/* Explicit btn-secondary overrides — white outline, no fill */
.btn-secondary {
	background-color: transparent !important;
	border-color: #fff !important;
	color: #fff !important;
}
.btn-secondary:hover,
.btn-secondary.hover {
	background-color: rgba(255,255,255,0.15) !important;
	border-color: #fff !important;
	color: #fff !important;
}
.btn-secondary:focus,
.btn-secondary.focus {
	background-color: rgba(255,255,255,0.15) !important;
	border-color: #fff !important;
	color: #fff !important;
	box-shadow: 0 0 0 3px rgba(255,255,255,0.3) !important;
}

/* Heading bar decorative line — override skin secondary colour */
.custom-heading-bar:before {
	border-color: #f5f5f5 !important;
}

/* Replace Lora serif with Roboto sans-serif for secondary font */
.custom-font-secondary {
	font-family: 'Roboto', sans-serif !important;
}

/* Reduce nav header height by 40px (was 138px) */
#header.header-effect-shrink .header-container {
	min-height: 98px !important;
}

/* Reduce page-title banner height by 40px (was padding: 65px 0) */
.page-header.page-header-modern.page-header-lg {
	padding: 35px 0 !important;
}