/*
 Theme Name:     Scotia Supplies
 Description:    Scotia Supplies Theme
 Author:         Karbon Designed
 Author URI:     https://www.karbondesigned.co.uk
 Template:       Divi
 Version:        1.0.0
*/

body.logged-in.admin-bar .et_pb_section_0_tb_header,
body.logged-in.admin-bar .et_pb_section_2_tb_header,
body.logged-in.admin-bar .et_pb_section_3_tb_header {
    top: calc(0px + 32px);
}

.divBar {
	padding: 0 !important;
	display: flex;
}
.divBar .et_pb_module {
	color: #000000;
    font-weight: 400;
}
.divibars-container .divibars-close {
	color: #000000 !important;
}
@media all and (max-width: 1360px) {
	.divBar .et_pb_module {
		font-size: 16px;
	}
}


/* Woocommerce */
.woocommerce-product-gallery .zoomImg {
    transition: transform 0.05s ease, top 0.05s ease, left 0.05s ease, opacity 0.05s ease;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
	border: 1px #dedede solid;
    border-radius: 5px;
}
.woocommerce .et_pb_wc_images .flex-viewport {
	border: 1px solid #dedede;
}

/* Product Tabs */
ul.et_pb_tabs_controls {
    background-color: transparent;
}
.et_pb_tabs_controls li {
	border: 0;
}
.et_pb_wc_tabs_0_tb_body.et_pb_tabs .et_pb_tabs_controls li,
.et_pb_wc_tabs_0_tb_body.et_pb_tabs .et_pb_tabs_controls li a {
    line-height: 3.5em;
}
.et_pb_tabs_controls li {
	border-bottom: 2px transparent solid;
}
.et_pb_tabs_controls li.et_pb_tab_active {
	border-bottom: 2px black solid;
}

@media (max-width: 768px){
	.woocommerce-tabs .tabs{
		display: none;
	}
	.ss-tab-toggle{
		font-size: 18px;
		font-weight: 600;
		padding: 14px 20px;
		border-top: 1px solid #ddd;
		cursor: pointer;
		position: relative;
	}
	.ss-tab-toggle:after{
		content:"+";
		position: absolute;
		right: 20px;
	}
	.ss-tab-toggle.active:after{
		content:"−";
	}
	.woocommerce-Tabs-panel{
		padding: 15px 0;
	}
}

/* Product Filters */
div.ags_woo_products_filters_0_tb_body .ags-wc-filters-radio-button-list > li,
div.ags_woo_products_filters_0_tb_body .ags-wc-filters-checkbox-list > li {
    margin-top: 8px;
    margin-bottom: 8px;
}
.ags_woo_products_filters_0_tb_body .ags-wc-filters-checkbox-list li label {
	position: relative;
}
.ags-wc-filters-expand_hierarchy.ags-wc-filters-expanded-toggle:before {
	margin-left: 0;
	font-weight: 600;
}
a.ags-wc-filters-expanded-toggle {	
	position: absolute;
    display: flex;
    justify-content: flex-end;
	width: 100%;
}
li.ags-wc-filters-expanded .ags-wc-filters-expand_hierarchy.ags-wc-filters-expanded-toggle:before {
	content: "\E802";
}
div.ags_woo_products_filters_0_tb_body .ags-wc-filters-radio-button-list > li > ul > li:first-child,
div.ags_woo_products_filters_0_tb_body .ags-wc-filters-checkbox-list > li > ul > li:first-child {
	margin-top: 12px;
}
div.ags_woo_products_filters_0_tb_body .ags-wc-filters-radio-button-list > li > ul > li,
div.ags_woo_products_filters_0_tb_body .ags-wc-filters-checkbox-list > li > ul > li {
	padding-left: 0;
}
/* Sub-category click toggle style */
.ags-wc-filters-list-child {
    display: none;
}


/* --------------------------------------------
        General Styles
   -------------------------------------------- */
body {
    max-width: 2560px;
    margin: 0 auto;
}
footer p {
    padding-bottom: 0 !important;
}
a {
	color: #3B5763;
    transition: all 0.3s ease-in-out;
}
a:hover {
	opacity: 0.8;
}
/**** Underline Hover Effect ****/
footer a {
  position: relative;
}
footer a::before {
	content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 0;
    background-color: #FFFFFF;
    bottom: -3px;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
 }
footer a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.et_pb_scroll_top.et-pb-icon {
    border-radius: 0;
}
.clear::after {
    content: "";
    display: table;
    clear: both;
}
#menu-main-menu li > a:after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#menu-main-menu li:hover > a:after {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/**** ROW SETTINGS VIP ****/
#main-header {
    max-width: 2560px;
}
.et_pb_row,
.container {
    width: 90% !important;
    max-width: 2560px;
}

@media only screen and (min-width: 1600px) {
    div.et_pb_section {
        padding: 100px 0;
    }
	div.et_pb_row {
        padding: 30px 0;
    }
}
@media all and (max-width: 980px) {
    #main-header .container {
        width: 100% !important;
    }
    .logo_container {
        padding-left: 5%;
    }
    #main-header #et-top-navigation {
        padding-right: 5% !important;
    }
    .et_pb_row,
    .container {
        width: 80% !important;
    }
    .FLX {
        display: flex;
        flex-direction: column;
    }
    .ORD2 {
        order: 2;
        margin-top: 60px;
        margin-bottom: 0;
    }
    .flxRev {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
	.flxRev .et_pb_column:first-child {
		margin-bottom: 0;
	}
	.flxRev .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}
@media all and (max-width: 768px) {
    .et_pb_row,
    .container {
        width: 90% !important;
    }
    .logo_container {
        padding-left: 5%;
    }
    #et-top-navigation {
        padding-right: 5%;
    }
}

/* --------------------------------------------
		Navigation
   -------------------------------------------- */
#et-main-area {
	position: relative;
	z-index: 5555;
}
#et-boc .et-l {
	position: relative;
	z-index: 9999;
}
/* #page-container {
	padding-top: 171px;
} */
	/**** More Header 'Shrink' related styles ****/
/* 	#page-container {
        -webkit-transition: margin-top .4s ease-in-out;
        transition: margin-top .4s ease-in-out;
    } */
/* 	#page-container.kk-animated-pc {
		margin-top: -45px;
	} */
/* #et-main-area {
	padding-top: 168px; */
															/* 	transform: translateY(32px);
																transition: transform 0.4s ease;
																will-change: transform; */
/* } */
															/* body.scrolled #et-main-area {
																transform: translateY(-62px);
															} */

/**** Hide Mobile/Tablet headers by default Divi FOUC ****/
.tabMob,
.mobMob {
    display: none;
}

@media all and (max-width: 980px) {
	.tabMob {
    	display: block;
	}
}
@media all and (max-width: 768px) {
	.tabMob {
    	display: none;
	}
	.mobMob {
    	display: block;
	}
}

/**** Desktop Menu ****/
.et_pb_section_0_tb_header {
    position: fixed !important;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
}
.kk-header {
    line-height: 23px;
    font-weight: 500;
    top: 0;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    z-index: 99999;
}
#et-boc .kk-header .et_pb_row {
	padding: 0 !important;
}
#et-boc .kk-header .et_pb_menu__menu {
	display: block;
}
#et-boc .kk-header .et_pb_menu__wrap {
    padding: 20px 0 0 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#et-boc .et-l .kk-header .et_pb_menu .et-menu {
    margin-left: 0;
    margin-right: 0;
}
#et-boc .hSearch {
	display: flex;
}
#et-boc .hSearch .et_pb_column:first-child {
	width: 64.18%;
	max-width: 600px;
	margin-right: 0;
}
#et-boc .hSearch .et_pb_column:last-child {
	width: 28.35%;
	margin-left: 7.47%;
	flex-grow: 1;
}
.et-db #et-boc .et-l #menu-main-menu {
	flex-wrap: nowrap;
}
.et-db #et-boc .et-l #menu-main-menu li {
    font-size: 14px;
	padding-left: 0;
	padding-right: 30px;
    letter-spacing: 0.1px;
    font-weight: 700;
	display: inline-block;
}
.et-db #et-boc .et-l #menu-main-menu li:last-child {
	padding-right: 0;
}
.et-db #et-boc .et-l #menu-main-menu li a {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 15px 0 30px;
    white-space: nowrap;
	word-wrap: break-word;
	position: relative;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.et-db #et-boc .et-l .kk-header .menu-item-has-children > a:first-child:after {
    position: relative;
	margin-left: 5px;
}
#et-boc .et_pb_menu .et_pb_menu__menu > nav > ul > li {
	align-items: center;
}
#page-container #et-boc .et_pb_menu .et_pb_menu__menu > nav > ul > li:nth-child(2) {
	padding-right: 0;
}
#page-container #et-boc .et_pb_menu .et_pb_menu__menu > nav > ul > li:nth-child(3) {
	padding-left: 30px;
}

/****** CTA Button ******/
/* #et-boc .kk-header .suBut {
	padding-right: 0 !important;
}
#et-boc .kk-header .suBut a {
	font-size: 14px;
    transition: all 0.3s ease-in-out !important;
	border-radius: 10px 0 10px 10px !important;
	border: 1px solid #303030;
    padding: 14px 20px !important;
    text-align: center;
	color: #ffffff !important;
    background-color: #303030;
}
#et-boc .kk-header  .suBut a:hover {
    background-color: #FFF;
    border: 1px solid #0a0a0a;
    color: #2c2c2c !important;
} */

@media all and (min-width: 981px) {
	/**** Header page load layout rendering styles ****/
	.kk-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		background: #fff;
		box-shadow: rgba(0,0,0,0.1) 0 1px 0;
		z-index: 99999;
		max-height: 168px;
		transition: max-height 0.4s ease, padding 0.4s ease;
	}
	/* Disable transitions so Social media follow loads instantly */
	.et_pb_social_media_follow_0_tb_header,
	.et_pb_social_media_follow_0_tb_header li a {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	/**** Transitions for shrinking header etc. ****/
	/* Set the transition for the spacing shrinking action */
	#et-boc .kk-header.et_pb_section {
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
	/* Set the background color of the fixed header when scrolling */
	#et-boc .kk-fixed-header.et_pb_section {
		padding: 0px 0;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
	/* Set the transition for the logo shrinking action */
	#et-boc .kk-header .et_pb_image_0_tb_header img {
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
	/* Change the logo size when the header shrinks */
	#et-boc .kk-fixed-header .et_pb_image_0_tb_header img {
		max-width: 80%;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
	/* Set the transition for the font size shrinking action */
	#et-boc .kk-header .et_pb_menu ul li a {
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
	/* Change the menu font size when the header shrinks */
	#et-boc .kk-fixed-header .et_pb_menu ul li a {
		font-size: 12px !important;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
	
	#et-boc .kk-header.et_pb_section {
        padding-top: 40px !important;
    }
    #et-boc .kk-header.kk-fixed-header.et_pb_section {
        padding-top: 20px !important;;
    }
	#et-boc .kk-header.kk-fixed-header .et_pb_menu__wrap {
		padding-top: 10px !important;;
    }
	#et-boc .kk-header.kk-fixed-header .et_pb_menu__wrap > ul > li > a {
		padding: 10px 0 20px !important;
    }
/* 	#et-boc .kk-header.kk-fixed-header .et_pb_menu__wrap .suBut a {
    	padding: 10px 20px !important;
	} */
	
	/**** Mega Menu ****/
	/* Dark overlay on hover */
	#main-content:before,
	#et-main-area .betterdocs-wrapper:before {
		content: '';
		position: absolute;
		pointer-events: none;
		top: -2px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		visibility: visible;
		opacity: 0;
/* 		-webkit-transition: all .2s ease-in-out; */
/* 		transition: all .2s ease-in-out; */
		z-index: 10001; /* Add this */
	}
	.nav-focus #main-content:before,
	.nav-focus #et-main-area .betterdocs-wrapper:before {
		opacity: 0.5;
	}
	@media (min-width: 981px) {
    .et_dropdown_animation_fade.et_pb_menu ul li:hover > ul {
        -webkit-transition: none;
			transition: none;
		}
	}
	
	/* Position the mega menu */
	/* 1. Full-width mega menu container */
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu {
		position: fixed;
		left: 0;
		right: 0;
		width: auto; /* IMPORTANT */
		max-width: none;
		margin: 0;
		background: #fff;
		z-index: 9999;
		transform: none;
		display: flex;
		justify-content: center;
		top: auto;
		padding: 40px 0;
		border-top: 1px solid #b7b7b7;
	}
	.et-db #et-boc #menu-main-menu > li.menu-item-has-children:hover > .sub-menu .sub-menu {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		height: auto !important;
	}
	/* Disable Divi hover-only dropdown behaviour inside mega menu */
	.et-db #et-boc #menu-main-menu > li.menu-item-has-children > .sub-menu li.menu-item-has-children > .sub-menu {
		position: static !important;
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
	/* 2. Inner centered content wrapper (acts like max-width container) */
	:root {
		--mega-max-width: 1600px;
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu {
		padding-left: 5%;
        padding-right: 5%;
	}
	/* 3. Columns & Each top-level column */
	.et-db #et-boc .mega-menu .sub-menu .sub-menu { /* Links under headings */
		position: static;
		display: block;
		padding: 0;
	}
	.et-db #et-boc .mega-menu > a::after { /* Hide dropdown arrow if theme adds one */
		display: none;
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li {
		flex: 1 1 14%;
		max-width: calc(var(--mega-max-width) / 6);
		padding: 0 20px;
		box-sizing: border-box;
	}
	/* 4. Column headings */
	.et-db #et-boc .mega-menu #menu-main-menu li > .sub-menu > li > a {
		font-weight: 700;
		white-space: normal !important;
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li > a {
		font-weight: 700;
		margin-bottom: 15px;
		white-space: normal !important;
		padding: 0 0 15px 24px !important;
		font-size: 12px;
		line-height: 1.5 !important;
		width: 100%;
		border-bottom: 1px solid #58BAE6 !important;
		align-items: flex-start !important;
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li > a:before {
		content: '' !important;
		display: block;
		width: 18px;
		height: 18px;
		position: absolute;
		left: 0;
		top: 2px;
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li:nth-child(1) > a:before {
		background: url('./img/bag.png');
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li:nth-child(2) > a:before {
		background: url('./img/groundworks.png');
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li:nth-child(3) > a:before {
		background: url('./img/drainage.png');
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li:nth-child(4) > a:before {
		background: url('./img/manhole.png');
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li:nth-child(5) > a:before {
		background: url('./img/paving.png');
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li:nth-child(6) > a:before {
		background: url('./img/bench.png');
	}
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li > a:after {
		display: none;
	}
	/* 5. Nested sub-menus (lock them inside columns) */
	.et-db #et-boc .mega-menu .sub-menu .sub-menu {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0;
		border-top: 0 !important;
		box-shadow: none;
	}
	.et-db #et-boc #menu-main-menu > li.menu-item-has-children > .sub-menu .sub-menu {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
	.et-db #et-boc #menu-main-menu > li.menu-item-has-children:hover > .sub-menu .sub-menu {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.et-db #et-boc .mega-menu .sub-menu .sub-menu li {
		padding: 0 !important;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.et-db #et-boc .mega-menu .sub-menu .sub-menu li a {
		padding: 15px 0 !important;
		margin-bottom: 0 !important;
		width: 100%;
		border-bottom: 0 !important;
		display: flex;
		align-items: flex-start !important;
		justify-content: center;
		font-weight: 500 !important;
		line-height: 1.6;
		padding: 0 0 0 12px !important;
		font-size: 12px;
		box-sizing: border-box;
		justify-content: flex-start;
	}
	.et-db #et-boc .mega-menu .sub-menu .sub-menu li a:before {
		content: '>' !important;
		background: #c9c9c9 !important;
		display: block;
		width: 2px;
		height: 11px;
		position: absolute;
		left: 0;
		top: 4px;
		color: #c9c9c9;
	}
	.et-db #et-boc .mega-menu .sub-menu .sub-menu li:not(:last-child) {
		margin-bottom: 10px !important;
	}
	/* 6. Prevent long labels breaking layout */
	.et-db #et-boc .mega-menu a {
		word-break: break-word;
	}
	/* 7. Optional: remove dropdown arrow if Divi adds one */
	.et-db #et-boc .mega-menu > a::after {
		display: none;
	}
	/* 8. Safety: prevent horizontal scroll */
	html,
	body {
		overflow-x: hidden;
	}
}

@media all and (max-width: 1200px) {
	.et-db #et-boc .mega-menu #menu-main-menu > li.menu-item-has-children > .sub-menu > li {
		padding: 0 12px;
	}
}
@media all and (max-width: 980px) {
	/**** Main Header ****/
	#et-main-area {
		padding-top: 60px;
	}
	#et-boc .kk-header .et_pb_menu_inner_container {
		height: 60px;
	}
	#et-boc .kk-header .et_pb_menu__wrap {
		padding-top: 0;
	}
	#et-boc .kk-header .et_pb_row {
		width: 100% !important;
	}
	#et-boc .kk-header .et_pb_menu__menu {
    	display: none;
	}
	#et-boc .kk-header .et_pb_menu__logo-wrap {
		padding-left: 5%;
	}
	#et-boc .kk-header .et_pb_menu__wrap {
		padding-right: 5%;
	}
/* 	#et-boc .kk-header .suBut {
		margin-top: 40px;
		padding-right: 0 !important;
	}
	#et-boc .kk-header .suBut a {
		color: #2c2c2c !important;
		background-color: rgba(0, 0, 0, .03) !important;
		border: 1px solid #0a0a0a;
	}
	#et-boc .kk-header  .suBut a:hover {
		color: #2c2c2c !important;
    	opacity: .7;
	} */

	/**** Tablet Menu Layout ****/
	#page-container #et-boc .kk-header.tabMob {
		position: fixed;
		width: 100%;
		bottom: auto;
		left: 0px;
		right: auto;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	}
	#page-container #et-boc .kk-header.tabMob .et_pb_row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 90% !important;
		margin: 0 auto;
		padding: 0 !important;
	}
	#et-boc .kk-header.tabMob .et_pb_row .et_pb_column {
		flex: 0 0 auto;
		margin-bottom: 0;
	}
	#et-boc .kk-header.tabMob .et_pb_row .et_pb_column:first-child {
		padding-right: 30px;
	}
	#et-boc .kk-header.tabMob .et_pb_row .et_pb_column:first-child img {
		max-width: 120px;
	}
	#et-boc .kk-header.tabMob .et_pb_row .et_pb_column:last-child {
		padding-left: 30px;
	}
	#et-boc .kk-header.tabMob .et_pb_row .et_pb_column_1_2 {
		width: 50%;
	}
	#et-boc .kk-header.tabMob .et_pb_row .et_pb_column_1_4 {
		width: 25%;
	}
	#et-boc .kk-header.tabMob .et_pb_menu .et_mobile_menu {
		top: 60px;
	}

	/**** Mobile Menu Layout ****/
	#et-boc .kk-header.mobMob .et_pb_menu .et_mobile_menu {
		top: 129px;
	}
	#page-container #et-boc .kk-header.mobMob {
		position: fixed;
		width: 100%;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	}
	#et-boc .kk-header.mobMob .et_pb_row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 90% !important;
		margin: 0 auto;		
	}
	#page-container #et-boc .kk-header.mobMob .et_pb_row:first-child {
		margin-bottom: 10px !important;
	}
	#et-boc .kk-header.mobMob .et_pb_row .et_pb_column {
		flex: 0 0 auto;
		margin-bottom: 0 !important;
	}
	#et-boc .kk-header.mobMob .et_pb_row .et_pb_column:first-child {
		padding-right: 0;
	}
	#et-boc .kk-header.mobMob .et_pb_row .et_pb_column:first-child img {
		max-width: 120px;
	}
	#et-boc .kk-header.mobMob .et_pb_row .et_pb_column:last-child {
		padding-left: 0;
	}
	#et-boc .kk-header.mobMob .et_pb_row .et_pb_column_1_2 {
		width: 50% !important;
	}
}	
/* --------------------------------------------
        Mobile Menu
   -------------------------------------------- */
/* Slide in when hamburger toggles */
.mobile_nav.opened .et_mobile_menu{
    transform: translateX(0) !important;
}
/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

@media all and (max-width: 980px) {
	/* Off-canvas mobile menu (Divi) */
	.et_mobile_menu {
		position: fixed !important;
		right: 0 !important;
		left: auto !important;
		width: 320px !important;
		height: 100vh !important;
		background: #ffffff !important;
		display: block !important;
		visibility: visible !important;
		transform: translateX(100%) !important;
		transition: transform .35s ease !important;
		z-index: 9999 !important;
		border-top: 0 !important;
        max-height: calc(100vh - 60px) !important; /* subtract header height */
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
	}
	/* Overlay under the mobile menu, only over main content */
	.mobile_nav.opened::before {
		content: "" !important;
		position: fixed !important;
		top: 60px !important; /* start below header */
		left: 0 !important;
		width: 100vw !important;
		height: calc(100vh - 60px) !important; /* fill rest of viewport */
		background: rgba(0,0,0,0.25) !important; /* subtle overlay */
		z-index: 9998 !important; /* below menu but above main content */
		pointer-events: none !important; /* allow clicks to pass if needed */
	}
	/* Control nested ul li scrollbar */
	.et_mobile_menu {
		-ms-overflow-style: thin;
		scrollbar-width: thin;
	}
	/* Toogle + and - */
	.menu-item-has-children > a:after {
		content: "\002B" !important;
		font-family: inherit !important;
		font-size: 16px !important;
	}
	.menu-item-has-children.submenu-open > a:after {
		content: "\2212" !important;
	}
	#et-boc .kk-header.tabMob .et_pb_menu ul.et_mobile_menu {
		padding: 20px 10px 20px 5px;
	}
	.et_mobile_menu ul ul {
		max-height: none !important;
		overflow: visible !important;
	}
	.et_mobile_menu ul li {
		padding-left: 5px;
	}
	/* Nests Submenu LI items when open */
    .divi-hacks-mobile-menu-slide-in .et_mobile_menu li li {
        margin-left: 0;
    }
}
@media all and (max-width: 768px) {
	.et_mobile_menu {
        max-height: calc(100vh - 130px) !important; /* subtract header height */
	}
	.mobile_nav.opened::before {
		top: 130px !important; /* start below header */
		height: calc(100vh - 130px) !important; /* fill rest of viewport */
	}
}






@media all and (max-width: 980px) {
    .et_mobile_menu {
        /* 1. Use Pinning instead of Height */
        position: fixed !important;
        top: 60px !important;
        bottom: 0 !important;
        height: auto !important;
        
        /* 2. Enable Internal Scroll */
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        
        /* 3. The Buffer */
        /* Pushes 'Contact' up so it isn't hidden by the browser URL/Nav bar */
        padding-bottom: 100px !important; 
        box-sizing: border-box !important;
        
        /* Visuals */
        right: 0 !important;
        left: auto !important;
        width: 320px !important;
        background: #ffffff !important;
    }
}

/* Adjust the 'Top' pin for the Mobile Header height */
@media all and (max-width: 768px) {
    .et_mobile_menu {
        top: 130px !important;
        padding-bottom: 80px !important; /* Slightly more buffer for smaller screens */
    }
}











/* .divi-hacks-mobile-menu-slide-in .et_mobile_menu li a {
	font-size: 14px;
	width: 14px;
    height: 14px;
    padding: 0px !important;
    max-height: 14px;
    right: 0px;
    top: 20px;
    line-height: 1;
	float: none;
}
.divi-hacks-mobile-menu-slide-in .et_mobile_menu .menu-item-has-children > a {
	top: 0;
    position: relative;
    font-family: "ETModules", serif;
    content: '\33';
    color: #2ea3f2;
    background: #f0f3f6;
    border-radius: 50%;
	padding: 0;
    line-height: 1;
}*/
/* @media all and (max-width: 980px) {
	.divi-hacks-mobile-menu-slide-in .et_mobile_menu li a {
		float: none;
	}
}
@media all and (min-width: 481px) {
    .divi-hacks-mobile-menu-slide-in .et_mobile_menu {
        width: 320px;
        margin-left: calc(100% - 293px);
	}
} */



/* --------------------------------------------
        Buttons
   -------------------------------------------- */
body #page-container #et-boc .et-l .et_pb_button {
	font-size: 14px;
	color: #FFF;
    padding: 14px 50px !important;
	border-radius: 30px;
	background-color: #29ABE8;
    transition: all 0.3s ease-in-out !important;
    text-align: center;
}
body #page-container #et-boc .et-l .et_pb_button:hover {
    padding: 14px 50px !important;
	background-color: #3B5763;
    text-align: center;
	opacity: 1;
}
body #page-container #et-boc .et-l .bBut.et_pb_button {
	background-color: #ffffff00;
	color: #29ABE8;
	border: none;
	outline: 2px solid #29ABE8;
	outline-offset: -2px;
}
body #page-container #et-boc .et-l .bBut.et_pb_button:hover {
	background-color: #ffffff;
}
/**** Icon Buttons ****/
body #page-container #et-boc .et-l .iBut.et_pb_button {
	padding: 14px 50px 14px 31px !important;
}
body #page-container #et-boc .et-l .et_pb_button:after {
    margin-left: 5px !important;
}

@media all and (max-width: 980px) {
	body #page-container #et-boc .et-l .et_pb_button {
		font-size: 13px;
	}
}
@media all and (max-width: 768px) {
	body #page-container #et-boc .et-l .et_pb_button {
		font-size: 12px;
	}
}

/* --------------------------------------------
        Pages
   -------------------------------------------- */
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
}

/**** Heading & Paragraph Styles ****/
h1, h2, h3, h4, h5, h6 {
/* 	padding-bottom: 0; */
}

#et-main-area h1 {
	font-size: 44px;
	line-height: 1.2em;
	letter-spacing: 0em;
}
#et-main-area h2 {
	font-size: 36px;
	line-height: 1.3em;
	letter-spacing: 0em;
}
#et-main-area h3 {
	font-size: 24px;
	line-height: 1.35em;
	letter-spacing: 0em;
}
#et-main-area h4 {
	font-size: 20px;
	line-height: 1.4em;
	letter-spacing: 0em;
}
#et-main-area h5 {
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: 0em;
}
#et-main-area h6 {
	font-size: 16px;
	line-height: 1.55em;
	letter-spacing: 0em;
}

/* =========================
   1280px (Laptop)
========================= */
@media all and (max-width: 1280px) {
	#et-main-area h1 { font-size: 42px; line-height: 1.22em; }
	#et-main-area h2 { font-size: 27px; line-height: 1.32em; }
	#et-main-area h3 { font-size: 23px; line-height: 1.38em; }
	#et-main-area h4 { font-size: 19px; line-height: 1.42em; }
	#et-main-area h5 { font-size: 17px; line-height: 1.5em; }
	#et-main-area h6 { font-size: 15px; line-height: 1.55em; }
}

/* =========================
   980px (Laptop/Tablet)
========================= */
@media all and (max-width: 980px) {
	#et-main-area h1 { font-size: 38px; line-height: 1.25em; }
	#et-main-area h2 { font-size: 26px; line-height: 1.35em; }
	#et-main-area h3 { font-size: 22px; line-height: 1.4em; }
	#et-main-area h4 { font-size: 19px; line-height: 1.45em; }
	#et-main-area h5 { font-size: 17px; line-height: 1.5em; }
	#et-main-area h6 { font-size: 15px; line-height: 1.55em; }
	
	#et-main-area .et_pb_text .et_pb_text_inner { font-size: 16px; line-height: 1.6em; }
}

/* =========================
   768px (Tablet)
========================= */
@media all and (max-width: 768px) {
	#et-main-area h1 { font-size: 34px; line-height: 1.3em; }
	#et-main-area h2 { font-size: 24px; line-height: 1.4em; }
	#et-main-area h3 { font-size: 20px; line-height: 1.45em; }
	#et-main-area h4 { font-size: 18px; line-height: 1.5em; }
	#et-main-area h5 { font-size: 16px; line-height: 1.55em; }
	#et-main-area h6 { font-size: 14px; line-height: 1.6em; }
}

/* =========================
   479px (Mobile)
========================= */
@media all and (max-width: 479px) {
	#et-main-area h1 { font-size: 30px; line-height: 1.35em; }
	#et-main-area h2 { font-size: 22px; line-height: 1.45em; }
	#et-main-area h3 { font-size: 18px; line-height: 1.5em; }
	#et-main-area h4 { font-size: 16px; line-height: 1.55em; }
	#et-main-area h5 { font-size: 15px; line-height: 1.6em; }
	#et-main-area h6 { font-size: 14px; line-height: 1.6em; }
}

/* =========================
   380px (Small Mobile)
========================= */
@media all and (max-width: 380px) {
	#et-main-area h1 { font-size: 26px; line-height: 1.4em; }
	#et-main-area h2 { font-size: 20px; line-height: 1.5em; }
}

/* =========================
   Other Typography Styles
========================= */
em {
	font-weight: 300;
    color: #000000;
}
#main-content ul {
	list-style-type: disclosure-open;
    padding: 0;
}
ul li {
	line-height: 1.6em;
	padding-left: 5px;
}
li::marker {
	color: #45C3D3;
}
#et-main-area .subHead p {
	font-size: 10px;
	color: #999999;
	letter-spacing: 1px;
}
.subLine {
	display: block;
	height: 2px;
	width: 100px;
	margin-top: 10px;
	background-color: #29ABE8;
}
.subLineC {
	display: block;
	height: 2px;
	width: 100px;
	margin: 10px auto 0;
	background-color: #29ABE8;
}
.subLineCSm {
	display: block;
	height: 1px;
	width: 40px;
	margin: 10px auto 0;
	background-color: #69C4EF;
}
@media all and (max-width: 980px) {
	#et-main-area .et_pb_blurb_description {
		font-size: 16px; line-height: 1.6em;
	}
}

/* --------------------------------------------
        ???????????????????????????????????????
   -------------------------------------------- */
/**** Header ****/
header .et_pb_social_media_follow li a.icon {
	background-color: #FFFFFF !important;
	color: hsl(199deg 81% 54% / 70%) !important;
}
header .et_pb_social_media_follow li a.icon:before {
	border: 1px solid hsl(199deg 81% 54% / 30%);
	color: hsl(199deg 81% 54% / 70%) !important;
}
.hHero {
    background-image:
		url('/wp-content/uploads/2026/07/hero-pattern6.svg'),
		url('/wp-content/uploads/2026/08/scotia-entrance.webp'),
		linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%);
}
.cHero {
    background-image:
		url('/wp-content/uploads/2026/07/hero-pattern6.svg'),
		url('/wp-content/uploads/2026/08/scotia-overhead.webp'),
		linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%);
}
.pHero {
    background-image:
		url('/wp-content/uploads/2026/07/hero-pattern6.svg'),
		url('/wp-content/uploads/2026/08/scotia-yard.webp'),
		linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%);
}
.aHero {
    background-image:
		url('/wp-content/uploads/2026/07/hero-pattern6.svg'),
		url('/wp-content/uploads/2026/08/scotia-sign.webp'),
		linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%);
}
.hHero,
.cHero,
.pHero,
.aHero {
    background-repeat:
		no-repeat,
        no-repeat,
        no-repeat;
}
#main-content .padTop {
	padding-top: calc(100px + 4%);
}
#main-content .padBot {
	padding-bottom: calc(100px + 4%);
}

@media only screen and (min-width: 1600px) {
	#main-content .padTop {
		padding-top: calc(100px + 60px);
	}
    #main-content .padBot {
        padding-bottom: calc(100px + 60px);
    }
	#contact {
		padding-bottom: calc(100px + 60px);
	}
}
@media only screen and (max-width: 1600px) {
	.hHero {
		background-image:
			url('/wp-content/uploads/2026/07/hero-pattern10.svg'),
			url('/wp-content/uploads/2026/08/scotia-entrance.webp'),
			linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%);
	}
	.hHeroST p {
		font-size: 19px;
	}
}
@media all and (min-width: 1200px) {
	.heroCon.et_pb_section {
		height: 350px;
	}
}
@media all and (max-width: 1200px) {
	.hHeroTT p {
		font-size: 13px;
	}
	.hHeroST p {
		font-size: 18px;
	}
}
@media all and (max-width: 1199px) {
	.heroCon.et_pb_section {
		padding-top: 6vw;
		padding-bottom: calc(100px + 4%);
	}
}
@media all and (max-width: 980px) {
	.hHero {
		background-image:
			url('/wp-content/uploads/2026/07/hero-mobile2.svg'),
			url('/wp-content/uploads/2026/08/scotia-entrance.webp'),
			linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%);
	}
	.hHeroTT p {
		font-size: 12px;
	}
	.hHeroST p {
		font-size: 17px;
	}
	.heroCon.et_pb_section {
		padding-bottom: calc(100px + 0);
	}
	#main-content .padTop {
		padding-top: calc(100px + 50px);
	}
	#main-content .padBot {
		padding-bottom: calc(100px + 50px);
	}
	.padTno {
		padding-top: 0;
	}
	#contact .flxRev .et_pb_column:last-child {
		margin-bottom: 30px;
	}
	/**** Column Background Images ****/
	.cBimg {
		display: flex !important;
		height: 36vw;
		min-height: 300px !important;
	}
}
@media all and (max-width: 767px) {
	.hHero {
		background-image:
			url('/wp-content/uploads/2026/07/hero-mobile3.svg'),
			url('/wp-content/uploads/2026/08/scotia-entrance.webp'),
			linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%);
	}
}

/* --------------------------------------------
        Home Intro
   -------------------------------------------- */
/**** Contractor Gallery ****/
.hIntro .et_pb_row .et_pb_column:first-child .et_pb_module {
	margin-bottom: 0;
}
/* .hIntro .gall .et_pb_gallery_items {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.hIntro .gall .et_pb_gallery_item {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
	margin-bottom: 0 !important;
}
.hIntro .gall .et_pb_gallery_item img {
	max-width: 86px
} */

/* .hIntro .et_pb_row .et_pb_column:first-child {
    display: flex;
    flex-wrap: wrap;
}
.hIntro .et_pb_row .et_pb_column:first-child .et_pb_image {
    width: 50%;
    margin: 0;
	max-width: 112px;
}
@media all and (max-width: 980px) {
	.hIntro .et_pb_row .et_pb_column:first-child {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.hIntro .et_pb_row .et_pb_column:first-child .et_pb_module {
        max-width: 194px;
		margin-bottom: 0;
	}
} */
.hIntro .et_pb_row {
	border-bottom: 1px #f2f2f2 solid;
}
@media only screen and (min-width: 1600px) {
    .hIntro .et_pb_row {
        padding: 100px 0;
    }
}
@media only screen and (min-width: 981px) {
	.hIntro .et_pb_row {
		padding-bottom: 6%;
	}
}

.hIntro .et_pb_column_2 {
	display: grid;
	grid-template-columns: repeat(2, 100px);
	gap: 30px;
	justify-content: center;
	align-content: center;
}
.hIntro .et_pb_column_2 .et_pb_image {
	margin: 0;
	width: 100px;
	height: 100px;
}
.hIntro .et_pb_column_2 .et_pb_image_wrap {
	display: block;
	height: 100px;
}
.hIntro .et_pb_column_2 .et_pb_image img {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: contain;
}
.hIntro .et_pb_column_2 .et_pb_text {
	grid-column: 1 / -1;
	text-align: center;
}

/**** Intro List ****/
.hIntro ul {
  	list-style-type: none !important;
	padding: 0 0 0 0.5em !important;
}
.hIntro ul li {
	padding-left: 2rem;
	background-image: url("/wp-content/themes/Scotia%20Supplies/img/square-tick.svg");
    background-position: 0px 6px;
    background-size: 16px;
    background-repeat: no-repeat;
}
.hIntro ul li:not(:last-child) {
	margin-bottom: 16px;
}

@media all and (max-width: 980px) {
	.hIntro .et_pb_row {
        display: flex;
        flex-wrap: wrap;
		padding-bottom: 80px;
	}
    .hIntro .et_pb_row .et_pb_column:nth-child(3){
        order: 1;
        flex: 0 0 100%;
        width: 100% !important;
        margin: 0 0 30px 0 !important;
    }
    .hIntro .et_pb_row .et_pb_column:nth-child(1){
        order: 2;
        flex: 0 0 calc((100% - 30px)/2);
        width: calc((100% - 30px)/2) !important;
        margin: 0 30px 0 0 !important;
    }
    .hIntro .et_pb_row .et_pb_column:nth-child(2){
        order: 3;
        flex: 0 0 calc((100% - 30px)/2);
        width: calc((100% - 30px)/2) !important;
        margin: 0 !important;
		display: flex;
    }
}
@media all and (max-width: 600px) {
    .hIntro .et_pb_row .et_pb_column:nth-child(1) {
        order: 2;
        flex: auto;
        width: 100% !important;
        margin: 0 0 30px !important;
    }
	.hIntro .et_pb_row .et_pb_column:nth-child(2) {
        order: 3;
        flex: auto;
        width: 100%;
        height: 300px;
        margin: 0 !important;
        display: flex;
    }
	.hIntro .et_pb_column_2 {
		grid-template-columns: repeat(3, minmax(0, 100px));
	}
}
@media all and (max-width: 400px) {
	.hIntro .et_pb_column_2 {
		display: grid;
		gap: 5vw;
		align-content: start;
	}
	.hIntro .et_pb_column_2 .et_pb_image {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: flex-start;
	}
	.hIntro .et_pb_column_2 .et_pb_image_wrap {
		display: block;
		width: 100%;
		height: auto;
	}
	.hIntro .et_pb_column_2 .et_pb_image img {
		display: block;
		width: 100%;
		max-width: 100px;
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: contain;
	}
	.hIntro .et_pb_row .et_pb_column:nth-child(2) {
        height: 75vw;
	}
}




.hIntro .et_pb_row {
	border-bottom: 1px #f2f2f2 solid;
}
@media only screen and (min-width: 1600px) {
    .hIntro .et_pb_row {
        padding: 100px 0;
    }
}
@media only screen and (min-width: 981px) {
	.hIntro .et_pb_row {
		padding-bottom: 6%;
	}
}




/* --------------------------------------------
        Home Categories
   -------------------------------------------- */
.bEND .et_pb_text_inner img {
	float: left;
}
.bENDm .et_pb_text_inner {
	display: flex;
    justify-content: center;
}
.bullend {
	height: 27px;
    margin-top: 10px;
    margin-right: 10px;
}
@media all and (max-width: 1280px) {
	.bullend {
    	height: 22px;
    	margin-top: 7px;
	}
}
.hCat {
	height: 1200px;
}
.hCat > .et_pb_row {
	height: 100%;
}
.hCat .hCat1 {
	display: flex;
    align-items: flex-end;
}
.hCat .hCat2 {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hCat2T,
.hCat2B {
	height: 46%;
}
.hCat2T {
    margin-bottom:0;
}
.hCat2T .et_pb_column,
.hCat2B .et_pb_column {
	height: 100%;
	display: flex;
    align-items: flex-end;
}
.hCat1,
.hCat2T .et_pb_column,
.hCat2B .et_pb_column {
	padding: 1.6vw 0 !important;
}
.hCat .et_pb_text {
	font-size: 24px;
	padding: 40px 20px 60px 20px !important;
	margin: 0 25px 15px !important;
	transition: all .3s ease-in-out !important;
}
.hCat .et_pb_text:hover {
	background-color: #F2F5F8;
/* 	background-image: linear-gradient(0deg, #00000099, #c4c4c440); */
}
/**** Background Image Hover Fade ****/
.hCat1,
.hCat2T .et_pb_column_inner,
.hCat2B .et_pb_column_inner {
    position: relative;
    overflow: hidden;
	
/* 	position: relative; DELETE
  background-image: linear-gradient(
    to right,
    hsl(211, 100%, 50%),
    hsl(179, 100%, 30%)
  );
  z-index: 1; */
}
.hCat1::after,
.hCat2T .et_pb_column_inner::after,
.hCat2B .et_pb_column_inner::after {
/*     content: ""; DELETE
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0);
    transition: all .3s ease-in-out;
    z-index: 1;
    pointer-events: none; */

  	position: absolute;
  	content: '';
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 10%), hsl(0deg 0% 0% / 50%));
  	z-index: -1;
  	transition: opacity 0.3s linear;
  	opacity: 0;
}
.hCat1 > *,
.hCat2T .et_pb_column_inner > *,
.hCat2B .et_pb_column_inner > * {
    position: relative;
    z-index: 2;
}
.hCat1:hover::after,
.hCat2T .et_pb_column_inner:hover::after,
.hCat2B .et_pb_column_inner:hover::after {
/* 	background: rgb(244 251 254 / 60%); */
/*  background: rgba(255,255,255,.4); */
/* 	background: rgb(0 0 0 / 60%); */
/* 	background-image: url('/wp-content/uploads/2026/07/rang.svg');
	background-blend-mode: lighten; */
	opacity: 1;
}
.hCat1:hover,
.hCat2T .et_pb_column_inner:hover,
.hCat2B .et_pb_column_inner:hover {
	cursor: pointer;
}
.hCat1 .et_pb_text,
.hCat2T .et_pb_column_inner .et_pb_text,
.hCat2B .et_pb_column_inner .et_pb_text {
	transition: all .3s ease-in-out;
}
.hCat1:hover .et_pb_text,
.hCat2T .et_pb_column_inner:hover .et_pb_text,
.hCat2B .et_pb_column_inner:hover .et_pb_text {
	box-shadow: 5px 5px 0px 0px rgba(46, 169, 224, 0.85);
}
.hCat1 .et_pb_text_inner,
.hCat2T .et_pb_column_inner .et_pb_text_inner,
.hCat2B .et_pb_column_inner .et_pb_text_inner {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.hCat1 .et_pb_text_inner .hArr,
.hCat2T .et_pb_column_inner .et_pb_text_inner .hArr,
.hCat2B .et_pb_column_inner .et_pb_text_inner .hArr {
	display: inline-block;
	transition: transform .3s ease;
	transform: translateX(-5px);
	position: absolute;
    bottom: -45px;
}
.hCat1 .et_pb_text:hover .hArr,
.hCat2T .et_pb_column_inner .et_pb_text:hover .hArr,
.hCat2B .et_pb_column_inner .et_pb_text:hover .hArr {
	transform: translateX(0px);
}

@media all and (max-width: 1920px) {
	.hCat .et_pb_text {
		font-size: 22px;
	}
}
@media all and (max-width: 1600px) {
	.hCat {
		height: 1000px;
	}
	.hCat .et_pb_text {
		font-size: 20px;
		overflow-wrap: anywhere !important;
	}
}
@media all and (max-width: 1360px) {
	.hCat {
		height: 900px;
	}
	.hCat2T,
	.hCat2B {
		height: 47%;
	}
	.hCat .et_pb_text {
		font-size: 18px;
	}
}
@media all and (max-width: 1200px) {
	.hCat .et_pb_text {
		padding: 40px 15px 60px 15px !important;
		margin: 0 20px 15px !important;
	}
}
@media all and (max-width: 1080px) {
	.hCat .et_pb_text {
		font-size: 17px;
	}
}
@media all and (max-width: 980px) {
	.hCat {
		height: auto;
	}
	.hCat2T,
	.hCat2B {
		height: auto;
	}
	.hCat2T {
		display: flex;
    	gap: 30px;
		margin-bottom: 30px;
	}
	.hCat1,
	.hCat2T .et_pb_column,
	.hCat2B .et_pb_column {
		height: auto;
		padding: 3.5vw 0 !important;
		min-height: 220px;
	}
	.hCat2T > .et_pb_column_inner {
		width: calc((100% - 30px) / 2) !important;
    	margin-right: 0 !important;
    	flex: 0 0 calc((100% - 30px) / 2);
		margin-bottom: 0;
	}
	.hCat2T .et_pb_column_inner:last-child {
		margin-right: 0;
	}
	.hCat2B {
		display: flex;
		gap: 30px;
	}
	.hCat2B > .et_pb_column_inner {
		width: calc((100% - 60px) / 3) !important;
		flex: 0 0 calc((100% - 60px) / 3);
		margin-right: 0 !important;
		margin-bottom: 0;
	}
	.hCat .et_pb_text {
		font-size: 18px;
	}
}
@media all and (max-width: 768px) {
	.hCat .et_pb_text {
		font-size: 17px;
	}
	.hCat2B {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}
	.hCat2B > .et_pb_column_inner {
		width: calc((50% - 15px)) !important;
		flex: 0 0 calc((50% - 15px));
		margin-right: 0 !important;
	}
	.hCat2B > .et_pb_column_inner:last-child {
		width: 100% !important;
		flex: 0 0 100%;
	}
}
@media all and (max-width: 470px) {
	.hCat1,
	.hCat2T .et_pb_column,
	.hCat2B .et_pb_column {
		min-height: auto;
	}
	.hCat2T {
		flex-direction: column;
		margin-bottom: 0;
	}
	.hCat2T > .et_pb_column_inner,
	.hCat2B > .et_pb_column_inner {
		width: 100% !important;
    	margin-right: 0 !important;
    	flex: none;
		margin-bottom: 0;
	}
}

/* --------------------------------------------
        Home Infrastructure
   -------------------------------------------- */
.hInfra .et_pb_row_5col .et_pb_column:after {
	content: "";
    position: absolute;
    z-index: 3;
    border-right: 28px solid transparent;
    border-top: 28px solid white;
    right: -28px;
    bottom: 0px;
    margin-left: 28px;
    margin-right: 28px;
    transform: scale(-1);
}
.hInfra .et_pb_row_5col .et_pb_column:before {
    content: "";
    position: absolute;
    z-index: -1;
    border-left: 28px solid transparent;
    border-bottom: 28px solid white;
    top: 0;
    left: -28px;
    margin-left: 28px;
    margin-right: 28px;
    transform: scale(-1);
}
.hInfra .et_pb_row_5col .et_pb_blurb_content {
	text-align: right;
}
.hInfra .supMan .et_pb_main_blurb_image {
	margin-bottom: 25px;
}

@media all and (max-width: 1180px) {
	.hInfra .supMan .et_pb_column {
		width: 17.2%;
		margin-right: 3.5%;
	}
	.hInfra .supMan .et_pb_main_blurb_image {
		margin-bottom: 20px;
	}
	#et-main-area .hInfra .et_pb_blurb_description {
        font-size: 13px;
	}
}
@media all and (max-width: 980px) {
	.hInfra .supMan .et_pb_column {
		width: 47.25%;
        margin-right: 5.5%;
	}
	.hInfra .supMan .et_pb_column:last-child {
		margin: 0 auto !important;
	}
	.hInfra .et_pb_row_5col .et_pb_blurb_content {
		display: flex;
		align-items: center;
	}
	.hInfra .et_pb_row_5col .et_pb_blurb_content .et_pb_main_blurb_image {
		margin-bottom: 0;
		margin-right: 10px;
	}
	#et-main-area .hInfra .et_pb_blurb_description {
        font-size: 13px;
	}
}
@media (max-width: 530px) {
    .hInfra .et_pb_row_5col .et_pb_blurb_content {
        display: block;
    }
}
@media (max-width: 480px ) {
    .hInfra .et_pb_row_5col .et_pb_blurb_content {
        display: flex;
    }
}

/* --------------------------------------------
        Home Support
   -------------------------------------------- */
@media only screen and (min-width: 1600px) {
	.hSupp .et_pb_row:first-child {
		padding-bottom: 100px;
	}
	.hSupp .et_pb_row:nth-child(2) {
		padding-top: 100px;
	}
}
.hSupp .et_pb_row:first-child {
	padding-bottom: 6%;
}
.hSupp .et_pb_row:nth-child(2) {
	padding-top: 6%;
}

@media all and (max-width: 1900px) {
	.hSupp .et_pb_row:last-child .et_pb_image img {
		width: 130px !important;
	}
}
@media all and (max-width: 1600px) {
	.hSupp .et_pb_row:last-child .et_pb_image img {
		width: 120px !important;
	}
}
@media all and (max-width: 1405px) {
	.hSupp .et_pb_row:last-child .et_pb_column {
		width: 17.2%;
		margin-right: 3.5%;
	}
	.hSupp .et_pb_row:last-child .et_pb_image img {
		width: 110px !important;
	}
	.hSupp .et_pb_row:last-child p {
		font-size: 15px;
	}
}
@media all and (max-width: 1200px) {
	.hSupp .et_pb_row:last-child .et_pb_image img {
		width: 100px !important;
	}
}
@media all and (max-width: 980px) {
	.hSupp .et_pb_row:last-child .et_pb_column:last-child {
		margin-left: auto;
        margin-right: auto !important;
	}
	.hSupp .et_pb_row:last-child .et_pb_column {
		width: 47.25%;
		margin-right: 5.5%;
	}
	.hSupp .et_pb_row:last-child .et_pb_column:nth-child(2n) {
		margin-right: 0;
	}
	.hSupp .et_pb_row:last-child .et_pb_image img {
		width: 90px !important;
	}
	.hSupp .et_pb_row:last-child p {
		font-size: 14px;
		max-width: 300px;
        margin: 0 auto;
	}
}
@media all and (max-width: 767px) {
	.hSupp .et_pb_row:last-child .et_pb_image img {
		width: 80px !important;
	}
}
@media all and (max-width: 480px) {
	.hSupp .et_pb_row:last-child .et_pb_image img {
		width: 70px !important;
	}
}

/* --------------------------------------------
        Home Delivery
   -------------------------------------------- */
.hDel .et_pb_image_wrap {
    background: #fff;
    border-radius: 50%;
    height: 90px !important;
    width: 90px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hDel .et_pb_image_wrap img {
	width: 75px;
}
.hDel .et_pb_column .et_pb_blurb_description {
	font-size: 16px;
}

@media all and (max-width: 1405px) {
	.hDel .et_pb_column {
		width: 22.375%;
		margin-right: 3.5%;
	}
	.hDel .et_pb_column .et_pb_blurb_description {
		font-size: 15px !important;
	}
	.hDel .et_pb_image_wrap {
		height: 80px !important;
		width: 80px !important;
	}
	.hDel .et_pb_image_wrap img {
		width: 60px;
	}
}
@media all and (max-width: 980px) {
	.hDel .qBlurb .et_pb_blurb_content {
		align-items: normal;
	}
}
@media all and (max-width: 480px) {
	.hDel .qBlurb .et_pb_blurb_content {
		align-items: center;
	}
	.hDel .et_pb_image_wrap {
		height: 70px !important;
		width: 70px !important;
	}
	.hDel .et_pb_image_wrap img {
		width: 50px;
	}
}

/* --------------------------------------------
        Call To Actions
   -------------------------------------------- */
.et_pb_section.hPhoneCta {
	background-color: hsl(199deg 81% 54% / 50%) !important;
}
.hPhoneCta {
	z-index: 999;
    overflow: hidden;
}
.hPhoneCta .et_pb_column:first-child .et_pb_image {
	z-index: 1;
    position: absolute;
}
.hPhoneCta {
    background-image:
		url('/wp-content/uploads/2026/07/diag2.svg'),
		linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
        url('/wp-content/uploads/2026/07/rang-blue.svg');
}
.hPhoneCta {
    background-repeat:
		no-repeat,
        no-repeat,
        repeat;
}
.hPhoneCta {
    background-position:
		-25%,
		50%,
		50%;
}
.hPhoneCta {
    background-size:
        50vw,
		auto,
		11%;
}
/**** Product ****/
.et_pb_section.hProductCta {
    overflow: visible;
	background-color: hsl(199deg 81% 54% / 50%) !important;
}
.hProductCta .et_pb_column:first-child .et_pb_image {
	z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.hProductCta {
    background-image:
		url('/wp-content/uploads/2026/07/diag2.svg'),
		linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
        url('/wp-content/uploads/2026/07/paving-blue.svg');
}
/**** Van CTA ****/
.et_pb_section.hVanCta {
    overflow: visible;
	background-color: hsl(199deg 81% 54% / 50%) !important;
}
.hVanCta {
    background-position:
		-25%,
		50%,
		50%;
}
.hVanCta .et_pb_column:first-child .et_pb_image {
	z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.hVanCta {
    background-image:
		url('/wp-content/uploads/2026/07/diag2.svg'),
		linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
        url('/wp-content/uploads/2026/07/hexagon-blue.svg');
}
/**** Advice CTA ****/
.et_pb_section.hAdviceCta {
    overflow: visible;
	background-color: hsl(199deg 81% 54% / 50%) !important;
}
.hAdviceCta .et_pb_column:first-child .et_pb_image {
	z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.hAdviceCta {
    background-position:
		-25%,
		50%,
		50%;
}
.hAdviceCta {
    background-image:
		url('/wp-content/uploads/2026/07/diag2.svg'),
		linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
        url('/wp-content/uploads/2026/07/cube-blue.svg');
}
.hAdviceCta {
	background-size: 50vw, auto, 6%;
}
/**** Double Button CTA ****/
.hDouB .et_pb_column:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hDouB .et_pb_column:first-child .et_pb_button_module_wrapper:first-child {
	margin-right: 5.5%;
}
.hDouB .et_pb_column:first-child .et_pb_button_module_wrapper {
	margin-bottom: 0;
}

@media all and (max-width: 1180px) {
	.hDouB .et_pb_column:first-child {
		align-items: center;
		flex-direction: column;
	}
	.hDouB .et_pb_column:first-child .et_pb_button_module_wrapper:first-child {
		margin-right: 0;
		margin-bottom: 20px;
	}
}
@media all and (max-width: 980px) {
	.hDouB {
		display: flex;
	}
	.hDouB .et_pb_column:last-child {
		order: 1;
	}
	.hDouB .et_pb_column:first-child {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		order: 2;
		margin-bottom: 0;
	}
	.hPhoneCta .et_pb_column:first-child {
		margin-bottom: 0;
		display: none;
	}
	.hPhoneCta .et_pb_column:last-child {
		right: 0;
        top: 0;
        width: 100%;
	}
	.hPhoneCta .et_pb_column .et_pb_text:nth-child(2) {
		max-width: 500px;
	}
	/**** Mobile Phone ****/
	.hMobileCTA{
		background-image:
			url('/wp-content/uploads/2026/07/smart-phone.webp'),
			url('/wp-content/uploads/2026/07/diag1.svg'),
			linear-gradient(90deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
			url('/wp-content/uploads/2026/07/rang-blue.svg');
	}
	.hMobileCTA{
		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat,
			repeat;
	}
	.hMobileCTA {
		background-position:
			90% -50%,
			125%,
			50%,
			50%;
	}
	.hMobileCTA {
		background-size:
			360px,
			65vw,
			auto,
			11%;
	}
	/**** Product ****/
	.hProductCta {
		background-image:
			url('/wp-content/uploads/2026/07/aco-drain.webp'),
			url('/wp-content/uploads/2026/07/diag1.svg'),
			linear-gradient(90deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
			url('/wp-content/uploads/2026/07/paving-blue.svg');
	}
	.hProductCta {
		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat,
			repeat;
	}
	.hProductCta  {
		background-position:
			90% 95%,
			125%,
			50%,
			50%;
	}
	.hProductCta  {
		background-size:
			290px,
			65vw,
			auto,
			11%;
	}
	/**** Van ****/
	.hVanCta {
		background-image:
			url('/wp-content/uploads/2026/07/scotia-van.webp'),
			url('/wp-content/uploads/2026/07/diag1.svg'),
			linear-gradient(90deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
			url('/wp-content/uploads/2026/07/hexagon-blue.svg');
	}
	.hVanCta {
		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat,
			repeat;
	}
	.hVanCta  {
		background-position:
			90% 95%,
			125%,
			50%,
			50%;
	}
	.hVanCta  {
		background-size:
			300px,
			65vw,
			auto,
			11%;
	}
	/**** Advice ****/
	.hAdviceCta {
		background-image:
			url('/wp-content/uploads/2026/08/product-advice.webp'),
			url('/wp-content/uploads/2026/07/diag1.svg'),
			linear-gradient(90deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
			url('/wp-content/uploads/2026/07/cube-blue.svg');
	}
	.hAdviceCta {
		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat,
			repeat;
	}
	.hAdviceCta  {
		background-position:
			90% 95%,
			125%,
			50%,
			50%;
	}
	.hAdviceCta  {
		background-size:
			360px,
			65vw,
			auto,
			6%;
	}
}
@media all and (max-width: 767px) {
/* 	.hPhoneCta .et_pb_column:last-child {
		display: none;
	}
    .hPhoneCta {
        background-position: 200%, 50%, 50%;
		background-size: 70vw, auto, 11%;
    } */
	.hMobileCTA .et_pb_column:last-child {
		display: block;
	}
	.hMobileCTA {
		background-position: 90% 200px, -200%, 50%;
		background-size: 40vw, 115%, 100%, 150px;
	}
	.hProductCta .et_pb_column:last-child {
		display: block;
	}
	.hProductCta {
		background-position: 90% 95%, -200%, 50%;
		background-size: 40vw, 115%, 100%, 150px;
	}
	.hVanCta .et_pb_column:last-child {
		display: block;
	}
	.hVanCta {
		background-position: 90% 95%, -200%, 50%;
		background-size: 44vw, 115%, 100%, 150px;
	}
	.hAdviceCta .et_pb_column:last-child {
		display: block;
	}
	.hAdviceCta {
		background-position: 90% 95%, -200%, 0, 0;
        background-size: 40vw, 115%, 100%, 100px;
	}
}
@media all and (max-width: 480px) {
	.hPhoneCta {
		background-repeat: no-repeat, no-repeat, repeat;
	}
	.hMobileCTA {
		background-image:
			url('/wp-content/uploads/2026/07/diag1.svg'),
			linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
			url('/wp-content/uploads/2026/07/rang-blue.svg') !important;
		background-size: 200%, 100%, 150px;
		background-position: 0, 100%, 100%;
	}
	.hProductCta {
		background-image:
			url('/wp-content/uploads/2026/07/diag1.svg'),
			linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
			url('/wp-content/uploads/2026/07/paving-blue.svg') !important;
		background-size: 200%, 100%, 150px;
		background-position: 0, 100%, 100%;
	}
	.hVanCta {
		background-image:
			url('/wp-content/uploads/2026/07/diag1.svg'),
			linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
			url('/wp-content/uploads/2026/07/hexagon-blue.svg') !important;
		background-size: 200%, 100%, 150px;
		background-position: 0, 100%, 100%;
	}
	.hAdviceCta {
		background-image:
			url('/wp-content/uploads/2026/07/diag1.svg'),
			linear-gradient(270deg,rgba(235,247,253,0.9) 0%,#ebf7fd 70%),
			url('/wp-content/uploads/2026/07/cube-blue.svg') !important;
		background-size: 200%, 100%, 100px;
		background-position: 0, 100%, 100%;
	}
}
@media all and (max-width: 320px) {
	.hPhoneCta {
		background-image:
			linear-gradient(270deg,rgba(235,247,253,0.8) 0%,#ebf7fd 70%),
			url('/wp-content/uploads/2026/07/rang-blue.svg') !important;
		background-repeat: no-repeat, repeat;
		background-size: 100%, 100px;
        background-position: 0, 0;
	}
}

/* --------------------------------------------
        Miscellaneous
   -------------------------------------------- */
@media all and (max-width: 980px) {
	.qBlurb .et_pb_blurb_content {
		display: flex !important;
		align-items: center;
	}
	.qBlurb .et_pb_blurb_content .et_pb_main_blurb_image {
		display: block;
		margin-bottom: 0;
		width: auto;
	}
}

/* --------------------------------------------
        Betterdocs
   -------------------------------------------- */
/**** Layout ****/
.betterdocs-wrapper.betterdocs-docs-archive-wrapper .betterdocs-content-wrapper,
.betterdocs-wrapper.betterdocs-encyclopedia-wrapper .betterdocs-content-wrapper {
    margin: 0 auto !important;
    max-width: 1600px !important;
    width: 90% !important;
}
.betterdocs-wrapper.betterdocs-taxonomy-wrapper .betterdocs-content-wrapper,
.betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper {
    margin: 0 auto !important;
    max-width: 1600px !important;
    width: 90% !important;
    padding: 0 !important;
}
.betterdocs-fluid-wrapper.betterdocs-single-layout-4 .betterdocs-sidebar.betterdocs-full-sidebar-left {
    grid-column: 1 / span 3;
}
.betterdocs-fluid-wrapper .betterdocs-content-wrapper .betterdocs-content-area {
    grid-column-end: 11;
    grid-column-start: 4;
}
.betterdocs-sidebar.betterdocs-full-sidebar-right {
    grid-column: 11 / span 3;
}

/**** Encyclopedia ****/
ul.encyclopedia-alphabet-list {
	justify-content: space-evenly !important;
}

/**** Encyclopedia Single ****/
.betterdocs-fluid-wrapper .betterdocs-content-wrapper.grid-col-2:not(.toc-enable) .betterdocs-content-area {
    grid-column-end: 12;
}
.betterdocs-fluid-wrapper.betterdocs-single-layout-2.encyclopedia-single-layout .betterdocs-content-wrapper .betterdocs-content-area {
    grid-column-start: 2;
}

/**** Individual Docs ****/
#betterdocs-single-main .docs-navigation a[rel=next] {
	display: inline-flex;
    justify-content: flex-end;
}

/* --------------------------------------------
        Footer
   -------------------------------------------- */
#et-boc footer .et_pb_heading {
	margin-bottom: 3.297%;
}
#et-boc footer .fSubH {
	margin-bottom: 6.593%;
}
#et-boc footer ul {
	list-style-type: none;
    padding: 0;
	font-size: 16px;
}
footer li {
	transition: all 0.3s ease-in-out;
    position: relative;
	padding-left: 0;
}
footer ul li:hover {
    padding-left: 18px;
    opacity: 0.7;
    cursor: pointer;
}
footer li:before {
    content: '\279C';
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0;
	color: #FFFFFF;
}
footer ul li:hover:before {
    opacity: 0.7;
    visibility: visible;
    left: 0;
}
#et-boc footer ul li a {
	color: #f5f5f5 !important;
}
.fSubH .fLine {
	display: block;
	height: 2px;
	width: 40px;
	margin-top: 10px;
	background-color: #828282;
}
footer .footCop p {
	font-size: 10px !important;
}
#et-boc footer .et_pb_social_media_follow li {
	margin-bottom: 0;
}
#et-boc footer .et_pb_social_media_follow li:hover {
	opacity: 1;
	padding-left: 0;
}
#et-boc footer .et_pb_social_media_follow li:before {
	display: none;
}
#et-boc footer .et_pb_social_media_follow li a.icon {
	background-color: #FFFFFF !important;
	color: #5B5B5B !important;
	border-radius: 0px !important;
	opacity: 1;
}
#et-boc footer .et_pb_social_media_follow li a.icon:hover {
	opacity: 0.8;
}
#et-boc footer .et_pb_social_media_follow li a.icon:before {
	border: 0 !important;
	color: #5B5B5B;
	bottom: 0;
	transform-origin: center;
    transform: none;
}

@media all and (max-width: 980px) {
	footer .et_pb_row:last-child .et_pb_column:nth-child(2) {
		width: 47.25%;
        margin-right: 5.5%;
	}
	footer .et_pb_row:last-child .et_pb_column:nth-child(3) {
        margin-right: 0;
	}
	footer .footCop .et_pb_row {
		display: flex;
	}
	footer .footCop .et_pb_column:first-child {
		margin-bottom: 10px !important;
	}
	#et-boc footer .et_pb_heading {
		margin-bottom: 3.297%;
	}
	#et-boc footer .fSubH {
		margin-bottom: 6.593%;
	}
}
@media all and (max-width: 480px) {
	footer .et_pb_row:last-child .et_pb_column:nth-child(2) {
        margin-right: 0;
	}
}
@media all and (max-width: 479px) {
	footer .footCop .et_pb_row {
		flex-direction: column;
	}
	footer .footCop .et_pb_column:first-child {
		margin-bottom: 0 !important;
	}
	footer .footCop .et_pb_column:last-child .et_pb_text {
		text-align: left;
	}
}

/* --------------------------------------------
        Cookie Preferences
   -------------------------------------------- */
.cky-consent-container .cky-consent-bar {
    padding: 10px 24px;
}
.cky-consent-bar button.cky-btn-customize,
.cky-modal button.cky-btn-preferences {
    border-color: #1A3C6A !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
	transition: all 0.2s ease-in-out;
}
.cky-modal button.cky-btn-preferences {
	border: 2px solid #1A3C6A;
}
.cky-consent-bar button.cky-btn-customize:hover,
.cky-consent-bar button.cky-btn-customize:focus {
    background-color: #1A3C6A !important;
    color: #FFFFFF !important;
}
.cky-modal button.cky-btn-preferences:hover,
.cky-modal button.cky-btn-preferences:focus {
    background-color: #1A3C6A !important;
    color: #FFFFFF !important;
	border: 2px solid #1A3C6A;
}
.cky-modal button.cky-btn-accept,
.cky-consent-bar button.cky-btn-accept {
	border-color: #1A3C6A !important;
    background-color: #1A3C6A !important;
    color: #FFFFFF !important;
	transition: all 0.2s ease-in-out;
}
.cky-modal button.cky-btn-accept:hover,
.cky-consent-bar button.cky-btn-accept:hover {
	border-color: #1A3C6A !important;
    background-color: #1A3C6A !important;
    color: #FFFFFF !important;
	transition: all 0.2s ease-in-out;
}
.cky-revisit-bottom-left {
    background-color: #1A3C6A !important;
}
.cky-consent-container .cky-consent-bar {
    padding-top: 20px !important;
    padding-bottom: 15px !important;
}
.cky-notice .cky-title {
    display: block;
	margin: 0 !important;
}

/* --------------------------------------------
        Contact Us
   -------------------------------------------- */

.cMap .et_pb_row {
	width: 100% !important;
}
.cMap .et_pb_map {
	height: 500px;
}
/**** Form Fields ****/
.cf7 form {
    max-width: 980px;
    margin: 0 auto;
}
.cf7 input[type=text],
.cf7 input[type=email],
.cf7 input[type=tel],
.cf7 .selectDiv select,
.cf7 input.wpcf7-captchar {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    border: 1px solid #e4e4e4;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
	background: #f8f8f8;
	line-height: 1;
}
.cf7 input[type=text]:focus,
.cf7 input[type=email]:focus,
.cf7 input[type=tel]:focus,
.cf7 textarea:focus,
.cf7 .selectDiv select:focus,
.cf7 input.wpcf7-captchar:focus {
    border: 1px solid #e4e4e4;
    color: #4e4e4e;
    box-shadow: 0 0 4px 0 #e1e1e1;
}
.cf7 select {
	padding: 20px;
	color: #757575;
	width: 100%;
    font-size: 16px;
    border: 1px solid #C5C5C5;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
}
.selectDiv {
	position: relative;
}
.selectDiv:after {
    content: '\2304';
	color: #757575;
    right: 20px;
    top: 0px;
    height: 48px;
    padding: 14px 4px 0px 24px;
    border-left: 1px solid #e4e4e4;
    position: absolute;
    pointer-events: none;
}
/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
	display: none;
}
.selectDiv select {
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	/* Add some styling */
  	-webkit-appearance: none;
  	-moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 62px;
    padding: 15px 24px;
    font-size: 16px;
    background-color: #ffffff;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
}
.cf7 form div:nth-child(2) div:first-child,
.cf7 form div:nth-child(2) div:nth-child(2),
.cf7 form div:nth-child(2) div:nth-child(3),
.cf7 form div:nth-child(2) div:nth-child(4),
.cf7 form div:nth-child(2) div:nth-child(5),
.cf7 form div:nth-child(2) div:nth-child(6) {
    margin-bottom: 30px;
}
.cf7 form div:nth-child(2) div:nth-child(7) {
    margin-bottom: 10px;
}
.cf7 form div:nth-child(2) div:first-child,
.cf7 form div:nth-child(2) div:nth-child(2),
.cf7 form div:nth-child(2) div:nth-child(3),
.cf7 form div:nth-child(2) div:nth-child(4),
.cf7 form div:nth-child(2) div:nth-child(5),
.cf7 textarea,
.cf7 input.wpcf7-captchar {
/*     box-shadow: 0 0 9px 0 #959595; */
}
.cf7 form div:nth-child(2) div:nth-child(6) p {
    font-size: 16px !important;
	color: #FFF;
}
.cf7 textarea {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    border: 1px solid #e4e4e4;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
	background: #f8f8f8;
}
.cf7 .wpcf7-submit[type=submit] {
    font-family: 'Public Sans', Helvetica, Arial, Lucida, sans-serif;
    width: 100%;
    padding: 22px !important;
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
	border-radius: 0;
    color: #FFFFFF;
    background-color: #b9d44f;
    border: 1px solid #b9d44f;
    transition: all 0.2s ease-in-out;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.cf7 .wpcf7-submit[type=submit]:hover {
    background-color: #a2bc3d;
    border: 1px solid #a2bc3d;
    color: #FFFFFF !important;
    cursor: pointer;
    letter-spacing: 1px;
    padding: 22px !important;
}
.cf7 .wpcf7-submit:hover:after {
    display: none;
}
.codedropz-upload-wrapper,
.codedropz-btn-wrap {
    margin-bottom: 0 !important;
	background-color: #F8F8F8;
}
.codedropz-upload-handler {
    margin-bottom: 10px !important;
}
.codedropz-upload-container {
    margin-bottom: 8px !important;
	padding: 15px 20px;
}
.codedropz-upload-inner {
	margin-bottom: 0 !important;
}
#et-main-area .codedropz-upload-inner h3 {
	font-size: 18px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
	letter-spacing: 0.5px;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    padding: 2px 10px;
    background: #FFFFFF;
    border: 1px solid #eeeeee;
    font-size: 16px;
}

/**** Validation & Errors ****/
.cf7 form div:nth-child(2) p .wpcf7-not-valid-tip {
    position: absolute;
}
.wpcf7-not-valid-tip,
.wpcf7-response-output {
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 2px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    margin: 0 !important;
}
.wpcf7-response-output {
    font-size: 14px;
}
input.wpcf7-not-valid,
select.wpcf7-not-valid {
    border: 1px solid #dc3232 !important;
}
.wpcf7-response-output {
    text-align: center;
}

/**** Accept Checkbox ****/
.accept p {
    line-height: 3 !important;
    font-size: 14px !important;
}
.accept a:hover {
    opacity: 0.8;
}
.accept .wpcf7-list-item {
    margin-left: 0;
	color: #4e4e4e;
    line-height: 1.5;
}

/**** Placeholder Text ****/
::-webkit-input-placeholder { /* Edge */
    color: #757575;
}
:focus::-webkit-input-placeholder { /* Edge */
    color: #4e4e4e;
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #757575;
}
:focus::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #4e4e4e;
}
::placeholder {
    color: #757575;
}
:focus::placeholder {
    color: #4e4e4e;
}

/* Keep desktop content aligned with the fixed header */
@media all and (min-width: 981px) {
	#et-main-area {
    	padding-top: 167px !important;
    	transition: padding-top 0.4s ease !important;
  	}
/*   	body.kk-header-collapsed #et-main-area {
  		padding-top: 137px !important;
  	} */
}
/* Mobile and tablet: page link on left, submenu toggle on right */
@media all and (max-width: 980px) {
	#mobile_menu2 li.menu-item-has-children > a:not(.hover-link),
  	#mobile_menu3 li.menu-item-has-children > a:not(.hover-link) {
    	position: relative !important;
    	padding-right: 60px !important;
  	}
  	#mobile_menu2 li.menu-item-has-children > a:not(.hover-link)::after,
  	#mobile_menu3 li.menu-item-has-children > a:not(.hover-link)::after {
    	content: "\002B" !important;
    	position: absolute !important;
    	top: 0 !important;
    	right: 0 !important;
    	width: 60px !important;
    	height: 100% !important;
    	display: flex !important;
    	align-items: center !important;
    	justify-content: center !important;
    	line-height: 1 !important;
		padding: 0 0 4px 0 !important;
		box-sizing: border-box !important;
  	}
  	#mobile_menu2 li.menu-item-has-children.submenu-open > a:not(.hover-link)::after,
  	#mobile_menu3 li.menu-item-has-children.submenu-open > a:not(.hover-link)::after {
    	content: "\2212" !important;
  	}
	#et-boc #mobile_menu2 li.menu-item-has-children .hover-link,
	#et-boc #mobile_menu3 li.menu-item-has-children .hover-link {
	  	left: 0 !important;
	  	right: 60px !important;
	  	width: calc(100% - 60px) !important;
	  	max-width: calc(100% - 60px) !important;
	  	box-sizing: border-box !important;
	}
}


/* Temporary desktop menu: match Scotsup header navigation styling */
/* Temporary desktop menu: match Scotsup header navigation styling */
/* Temporary desktop menu: match Scotsup header navigation styling */
/* Temporary desktop menu: match Scotsup header navigation styling */
/* Temporary desktop menu: match Scotsup header navigation styling */
@media (max-width: 980px) { /**** Disabled Searc Inout Fix ****/
    #et-boc .kk-header.tabMob .et_pb_row .et_pb_column_1_4 {
        width: 50%;
    }
}
@media all and (min-width: 981px) {

  #page-container #et-boc .et-l ul#menu-temp-menu {
    flex-wrap: nowrap;
  }

  #page-container #et-boc .et-l ul#menu-temp-menu li {
    font-size: 14px;
    padding-left: 0;
    padding-right: 30px;
    letter-spacing: 0.1px;
    font-weight: 700;
    display: inline-block;
  }

  #page-container #et-boc .et-l ul#menu-temp-menu li:last-child {
    padding-right: 0;
  }

  #page-container #et-boc .et-l ul#menu-temp-menu li a {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 15px 0 30px;
    white-space: nowrap;
    word-wrap: break-word;
    position: relative;
    transition: all 0.4s ease;
  }
}
/* Keep the normal desktop header shrink animation,
   but do not animate its position when Divi Bars pushes it down */
@media only screen and (min-width: 981px) {
	#et-boc .kk-header.et_pb_section,
	#et-boc .kk-fixed-header.et_pb_section {
		transition:
			max-height 0.4s ease,
			padding 0.4s ease,
			padding-top 0.4s ease !important;
	}
}