/*
Theme Name: BlankSlate Child
Theme URI: https://github.com/tidythemes/blankslate
Template: blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: UPDATE - 4.0+ is here, completely overhauled, yet again. As always, use caution when upgrading (tidythemes.com/concept/#upgrading) and learn the TidyThemes concept (tidythemes.com/concept).   → CAUTION: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.   → DESCRIPTION: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go.   → SUPPORT: Please use the official support forum (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "TidyThemes Sucks!" (tidythemes.com/tidythemes-sucks). Just getting started? Want to learn CSS? (tidythemes.com/want-to-learn-css)   → WHAT'S NEW?: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. Chip Bennett (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. See (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been opened up on GitHub (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Tags: one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 4.0.4.1537262941
Updated: 2018-09-18 09:29:01

*/



/* header css  */

body {
	font-family: 'Roboto', sans-serif;
	color: #212121;
	font-size: 18px;
	padding-top: 80px
}

#branding {
	display: inline-block;
	margin-right: auto;
}



ul {

	list-style-type: none;

}

li {
	flex: 0 0 auto;
	display: inline-block;
}

li a {
	font-family: 'Roboto', sans-serif;
	color: black;
	padding: 14px 16px;
	text-decoration: none;
}


.container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 15px;
}

.elementor-element {
	padding: 0;
}

.custom-bullets {
	list-style: none;
	padding-left: 0;
}

.custom-bullets li {
	position: relative;
	padding-left: 20px;
	display: block;
	margin-bottom: 15px;
}

.cls-anyone .section-header {
	margin-bottom: 0;
}

ul.custom-bullets {
	margin-top: 30px;
	margin-bottom: 30px;
}

.custom-bullets li::before {
	content: "•";
	position: absolute;
	left: 0;
	color: #0044A3;
	font-size: 30px;
	top: -4px;
}


.logo-menu {
	display: flex;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	align-items: center;
}

/* Basic menu styling */
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	position: relative;
	display: inline-block;
	/* horizontal menu */
}

h2 {
	color: #0044a3;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 20px;
}

p {
	margin-bottom: 15px;
}

.e-con-inner {
	padding: 0 !important;
}

.row-pad {
	padding-top: 60px;
	padding-bottom: 60px;
}

header#header {
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: 0;
}

/* Links styling */
#menu ul li a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #000;
}



/* HEADER BACKGROUND */
#header {
	background: #0044A3;
	width: 100%;
	padding: 5px 0;
}

/* CONTAINER FLEX */
.logo-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* LOGO */
#logo img {
	max-height: 70px;
	width: auto;
}

/* NAV ALIGN RIGHT */
#menu {
	margin-left: auto;
}

/* MAIN MENU */
#menu ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

/* MENU ITEMS */
#menu ul.menu>li {
	position: relative;
}

/* LINKS */
#menu ul.menu>li>a {
	display: block;
	padding: 20px 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s ease;
	font-size: 14px;
}

/* HOVER */
#menu ul.menu>li>a:hover {
	color: #FECE0C;
}

/* ACTIVE MENU */
#menu ul.menu>li.current-menu-item>a,
#menu ul.menu>li.current_page_item>a {
	color: #FECE0C;
}

/* DROPDOWN MENU */
#menu ul.sub-menu {
	position: absolute;
	top: calc(100% + 0x);
	left: 0;
	background: #ffffff;
	min-width: 260px;
	display: block;
	flex-direction: column;
	padding: 10px 0;
	z-index: 999;
	box-shadow: 0 18px 45px rgba(0, 25, 70, 0.18);
	border-radius: 6px;
	border: 1px solid rgba(0, 68, 163, 0.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
	pointer-events: none;
	overflow: hidden;
}

#menu ul.sub-menu::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: #FECE0C;
}

#menu ul.menu>li:hover>.sub-menu,
#menu ul.menu>li:focus-within>.sub-menu,
#menu ul.menu>li.submenu-open>.sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* DROPDOWN ITEMS */
#menu ul.sub-menu li {
	width: 100%;
	display: block;
}

/* DROPDOWN LINKS */
#menu ul.sub-menu li a {
	display: block;
	padding: 12px 20px;
	color: #1d2b3f;
	text-decoration: none;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
}

/* DROPDOWN HOVER */
#menu ul.sub-menu li a:hover {
	background: #E8F2FF;
	color: #0044A3;
	padding-left: 26px;
}

/* OPTIONAL: ARROW FOR DROPDOWN */
.menu-item-has-children>a::after {
	content: " ▾";
	font-size: 12px;
	display: inline-block;
	transition: transform 0.2s ease;
}

#menu ul.menu>li:hover>a::after,
#menu ul.menu>li:focus-within>a::after,
#menu ul.menu>li.submenu-open>a::after {
	transform: rotate(180deg);
}

article header.header {
	display: none;
}


.menu-btn a {
	background: #FECE0C;
	color: #0044a3 !important;
	margin-left: 20px;
	padding: 16px 30px !important;
}

.menu-btn a:hover {
	background: #deb40c;
}




/* header css  */


/* btn css */
/* Base button */
.cls-prymery-btn,
.cls-secoundry-btn {
	display: inline-block;
	padding: 12px 26px;
	margin-right: 12px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.3s ease;
}

/* PRIMARY BUTTON */
.cls-prymery-btn {
	background: #FECE0C;
	color: #212121;
	border: 2px solid #FECE0C;
}

/* PRIMARY HOVER */
.cls-prymery-btn:hover {
	background: transparent;
	color: #FECE0C;
	border: 2px solid #FECE0C;
}

/* SECONDARY BUTTON */
.cls-secoundry-btn {
	background: transparent;
	color: #ffffff;
	border: 2px solid #ffffff;
}

/* SECONDARY HOVER */
.cls-secoundry-btn:hover {
	background: #ffffff;
	color: #212121;
	border: 2px solid #ffffff;
}

/* LEFT ALIGN (container) */
.button-wrap {
	text-align: left;
}

/* btn css */

/* TRUST BAR SECTION */
.trust-bar {
	background: #E8F2FF;
	padding: 25px 0;
}

/* CONTAINER */
.trust-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

/* EACH ITEM */
.trust-item {
	flex: 1;
	text-align: center;
	position: relative;
	padding: 10px 15px;
}

/* VERTICAL DIVIDERS */
.trust-item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 20%;
	height: 60%;
	width: 1px;
	background: rgba(0, 0, 0, 0.15);
}

/* MAIN VALUE */
.trust-item h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: #0044A3;
}

/* LABEL */
.trust-item p {
	margin: 5px 0 0;
	font-size: 13px;
	color: #666;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.trust-container {
		flex-wrap: wrap;
	}

	.trust-item {
		width: 50%;
	}

	.trust-item::after {
		display: none;
	}
}

@media (max-width: 767px) {
	.trust-container {    
    	display: block;    
	}
	nav#menu {
		overflow-y: scroll;
	}

	.trust-item {
		width: 100%;
	}
}

/* service section   */


/* SECTION */
.services-section {
	background: #F5F7FA;
	padding: 20px 0px;
}


/* HEADER */
.section-header {
	margin-bottom: 40px;
}

a.btn.no-bg {
	background: transparent;
	color: #0044A3;
	font-weight: 700;
}

a.btn::after {
	content: "\f061";
	/* arrow-right */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	/* REQUIRED for solid icons */
	margin-left: 8px;
	/* optional spacing */
	font-family: "Font Awesome 6 Free";

}

a.btn:hover {
	background: #deb40c;
}

.section-header h2 {
	color: #0044A3;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
}

a.btn {
	background: #FECE0C;
	color: #212121;
	padding: 15px 25px;
	display: inline-block;
	transition: all 0.5s
}


/* CARD */
.service-card {
	background: #fff;
	margin-bottom: 30px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* NAVY HEADER */
.card-header {
	background: #0044A3;
	color: #fff;
	padding: 14px 20px;
	font-weight: 600;
	text-transform: uppercase;
}

/* GOLD LINE */
.gold-line {
	height: 4px;
	background: #FECE0C;
}

/* BODY */
.card-body {
	padding: 25px;
}

/* HEADLINE */
.card-body h3 {
	color: #0044A3;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.5;
}

p {
	line-height: 1.5;
}

/* ITALIC TEXT */
.card-body .italic {
	font-style: italic;

	margin-bottom: 15px;
}

/* LABEL */
.card-body h4 {
	color: #0044A3;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 30px;
}

/* LIST */
.card-body ul {
	padding-left: 20px;
	margin-bottom: 25px;
	list-style: disc;
}

.card-body ul li {
	display: list-item !important;
	/* force list behavior */
	list-style: disc !important;
	/* force bullet */
}

.card-body ul li {
	margin-bottom: 16px;
	line-height: 1.5;
}

/* CTA LINK */
.card-link {
	color: #0044A3;
	text-decoration: none;
	font-weight: 600;
}

.card-link:hover {
	text-decoration: underline;
}

/* CALLOUT PANEL */
.callout-panel {
	background: #E8F2FF;
	padding: 20px;
	margin: 20px 0 30px;
	border-left: 4px solid #FECE0C;
}

.callout-panel p {
	margin: 0 0 8px;
	font-weight: 600;
	color: #0044A3;
}

.callout-panel a {
	color: #0044A3;
	font-weight: 600;
	text-decoration: none;
}

.callout-panel a:hover {
	text-decoration: underline;
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.section-header h2 {
		font-size: 26px;
	}
}


/* who we work with   */

/* SECTION */
.who-section {
	background: #ffffff;

}

.seventy-years section.who-section {
	padding: 0;
	background: transparent;
}

h3.yellow-heading {
	color: #FECE0C;
	font-size: 22px;
	margin-top: 50px;
	font-weight: 600;
}

.white-text h3.yellow-heading {
	margin-top: 30px;
}

.white-text h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
}

.white-text p,
.white-text h2 {
	color: #fff;
}

.list-style strong {
	color: #0044A3;
	font-weight: 500;
}

.list-style {
	margin-top: 25px;
}

.list-style p {
	margin-bottom: 15px;
}


/* HEADER */
.section-header h2 {
	color: #0044A3;
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 15px;
}

.quote-box {
	background: #f0f6ff;
	line-height: 1.5;
	padding: 20px 20px;
	border-left: 4px solid #FECE0C;
}

.section-header p {
	margin-bottom: 10px;
	line-height: 1.6;
}

/* TABLE */
.who-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 30px;
}

/* HEADER ROW */
.who-table thead tr {
	background: #0044A3;
}

.who-table th {
	color: #ffffff;
	text-align: left;
	padding: 14px 18px;
	font-weight: 600;
}

/* BODY CELLS */
.who-table td {
	padding: 14px 18px;
	vertical-align: top;
	line-height: 1.5;
}


/* LEFT COLUMN (CLIENT TYPE) */
.who-table td:first-child {
	color: #0044A3;
	font-weight: 600;
	width: 35%;
}

/* RIGHT COLUMN (STAKE TEXT) */
.who-table td:last-child {
	font-style: italic;
	color: #212121;
}

table.who-table {
	margin-bottom: 40px;
	border: 1px solid #f5f5f5;
}

/* ALTERNATING ROWS */
.who-table tbody tr:nth-child(odd) {
	background: #E8F2FF;
}

.who-table tbody tr:nth-child(odd) td:last-child {
	background: #F8FBFF;
	/* slightly deeper tint */
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.who-table thead {
		display: none;
	}

	.who-table,
	.who-table tbody,
	.who-table tr,
	.who-table td {
		display: block;
		width: 100%;
	}

	.who-table tr {
		margin-bottom: 15px;
		border: 1px solid #eee;
	}

	.who-table td {
		padding: 10px;
	}

	.who-table td:first-child {
		font-weight: 700;
	}
}



/* foorer css  */

footer#footer {
	display: none;
}

.molethu-site-footer {
	background: linear-gradient(180deg, #003783 0%, #00275e 100%);
	color: rgba(255, 255, 255, 0.9);
	padding: 46px 0 26px;
	position: relative;
	overflow: hidden;
}

.molethu-site-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(254, 206, 12, 0.16), transparent 34%, rgba(255, 255, 255, 0.05));
	pointer-events: none;
}

.molethu-site-footer .container {
	position: relative;
	z-index: 1;
}

.molethu-site-footer .footer-topline {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	padding-bottom: 32px;
	margin-bottom: 34px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.molethu-site-footer .footer-eyebrow {
	color: #FECE0C;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0 0 10px;
}

.molethu-site-footer h2 {
	color: #fff;
	font-size: 30px;
	line-height: 1.28;
	font-weight: 700;
	max-width: 720px;
	margin: 0;
}

.molethu-site-footer .footer-social {
	width: 46px;
	height: 46px;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #FECE0C;
	color: #00275e;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
	margin: 0;
}

.molethu-site-footer .footer-social:hover {
	background: #fff;
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.molethu-site-footer .footer-connect {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.molethu-site-footer .address-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.molethu-site-footer .address-col {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-top: 4px solid #FECE0C;
	padding: 26px;
	min-height: 100%;
}

.molethu-site-footer .address-col h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 14px;
}

.molethu-site-footer .address-col p {
	margin-bottom: 15px;
	line-height: 1.65;
}

.molethu-site-footer .address-col a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 2px 0;
}

.molethu-site-footer .address-col a:hover {
	color: #FECE0C;
}

.molethu-site-footer .address-col a[href^="tel:"]::before,
.molethu-site-footer .address-col a[href^="mailto:"]::before,
.molethu-site-footer .address-col a[href^="http"]::before,
.molethu-contact-page .mi-address a[href^="tel:"]::before,
.molethu-contact-page .mi-address a[href^="mailto:"]::before,
.molethu-contact-page .mi-address a[href^="http"]::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #FECE0C;
	width: 18px;
	text-align: center;
	display: inline-block;
}

.molethu-site-footer .address-col a[href^="tel:"]::before,
.molethu-contact-page .mi-address a[href^="tel:"]::before {
	content: "\f095";
}

.molethu-site-footer .address-col a[href^="mailto:"]::before,
.molethu-contact-page .mi-address a[href^="mailto:"]::before {
	content: "\f0e0";
}

.molethu-site-footer .address-col a[href^="http"]::before,
.molethu-contact-page .mi-address a[href^="http"]::before {
	content: "\f0ac";
}
.footer-connect a:before
{	
	display: none !important;
}
.molethu-contact-page .mi-address a {
	color: #0044A3;
	text-decoration: none;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 3px 0;
}

.molethu-contact-page .mi-address a:hover {
	color: #00275e;
	text-decoration: underline;
}

.molethu-site-footer .credential-line {
	margin-top: 28px;
	background: rgba(254, 206, 12, 0.12);
	border: 1px solid rgba(254, 206, 12, 0.36);
	color: #FECE0C;
	padding: 16px 20px;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
}

.molethu-site-footer .footer-bottom {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	padding-top: 22px;
	margin-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
}

@media (max-width: 768px) {
	.molethu-site-footer {
		padding: 36px 0 24px;
	}

	.molethu-site-footer .footer-topline {
		display: block;
	}

	.molethu-site-footer h2 {
		font-size: 24px;
	}

	.molethu-site-footer .footer-social {
		margin: 0;
	}

	.molethu-site-footer .address-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.molethu-site-footer .credential-line {
		font-size: 13px;
	}

	.molethu-site-footer .footer-bottom {
		display: block;
	}

	.molethu-site-footer .footer-bottom span {
		display: block;
		margin-top: 6px;
	}
}

/* Hamburger */
#menu-toggle {
	display: none;
	flex-direction: column;
	cursor: pointer;
	background: none;
	border: none;
	z-index: 1001;
}

#menu-toggle span {
	width: 25px;
	height: 3px;
	background: #fff;
	margin: 4px 0;
	display: block;
}

/* Mobile */
@media (max-width: 768px) {

	#menu-toggle {
		display: flex;
	}

	/* Sidebar menu */
	#menu {
		position: fixed;
		top: 0;
		left: -100%;
		/* hidden */
		width: 100%;
		height: 100%;
		background: #fff;
		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
		transition: left 0.3s ease;
		z-index: 1000;
		padding-top: 80px;
	}

	/* Active state */
	#menu.active {
		left: 0;
		/* slide in */
	}

	#menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#menu ul li {
		border-bottom: 1px solid #eee;
	}

	#menu ul li a {
		display: block;
		padding: 15px 20px;
		color: #000;
		text-decoration: none;
	}

	#menu ul.menu>li {
		position: relative;
		display: block;
	}

	#menu ul.menu>li>a {
		display: block;
		padding: 20px 18px;
		color: #212121;
		text-decoration: none;
		font-weight: 500;
		transition: all 0.3s ease;
		font-size: 14px;
	}

	ul#menu-menu-1 {
		display: block !important;
		width: 100%;
	}

	.menu-btn a {
		width: 150px !important;
		display: inline-block;
		text-align: center;
		margin-top: 20px;
	}

	li.menu-btn.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-60 {
		border: none !important;
	}

	/* Submenu hidden by default on mobile */
	#menu ul.sub-menu {
		display: none;
		background: transparent;
		position: relative;
		box-shadow: none;
		padding-left: 0px;
		top: auto;
		left: auto;
		min-width: 0;
		border: 0;
		border-radius: 0;
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: none;
		pointer-events: auto;
	}

	#menu ul.sub-menu::before {
		display: none;
	}

	#menu ul.sub-menu a {

		padding-left: 15px;
	}

	/* Show submenu when parent li has .submenu-open */
	#menu .menu-item-has-children.submenu-open>.sub-menu {
		display: block;
	}

	/* Parent item needs relative positioning for the toggle button */
	#menu .menu-item-has-children {
		position: relative;
	}

	/* Remove the old ::after arrow on mobile */
	.menu-item-has-children>a::after {
		content: none !important;
	}

	/* +/- Toggle button */
	.submenu-toggle {
		position: absolute;
		right: 0;
		top: 0;
		width: 55px;
		height: 55px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 22px;
		font-weight: 700;
		color: #0044A3;
		border-left: 1px solid #eee;
		user-select: none;
		transition: background 0.2s ease;
		z-index: 2;
	}

	.submenu-toggle:hover {
		background: rgba(0, 68, 163, 0.05);
	}

	/* Submenu link padding */
	#menu ul.sub-menu li a {
		padding-top: 17px;
		padding-bottom: 17px;
		font-size: 14px;
		font-weight: 500;
	}

	#menu ul.sub-menu {
		border-top: 1px solid #eee;
	}



	#menu ul.sub-menu li:last-child {
		border: none;
	}

	/* Hamburger base */
	#menu-toggle {
		display: none;
		flex-direction: column;
		cursor: pointer;
		background: none;
		border: none;
		z-index: 1001;
		padding: 8px;
	}

	#menu-toggle span {
		width: 25px;
		height: 3px;
		background: #fff;
		margin: 4px 0;
		display: block;
		transition: all 0.3s ease;
		transform-origin: center;
	}

	#menu-toggle.active span {
		background: #000;

	}

}

/* Show hamburger on mobile */
@media (max-width: 768px) {

	#menu ul.sub-menu li a:hover {
		background: transparent;
		color: #fece0c;
	}

	#menu ul.sub-menu .current-menu-item a {
		color: #fece0c;
	}

	#menu-toggle {
		display: flex;
	}

	/* Cross animation when .active */
	#menu-toggle.active span:nth-child(1) {
		transform: rotate(45deg) translate(10px, 9px);
	}

	#menu-toggle.active span:nth-child(2) {
		opacity: 0;
	}

	#menu-toggle.active span:nth-child(3) {
		transform: rotate(-45deg) translate(6px, -6px);
	}
}

/* Hide +/- toggle buttons on desktop, use ▾ arrow instead */
@media (min-width: 769px) {
	span.submenu-toggle {
		display: none !important;
	}

	.span.submenu-toggle {
		display: none !important;
	}

	/* Clickable dropdown arrow on desktop */
	.menu-item-has-children>a {
		cursor: pointer;
	}

	.menu-item-has-children>a::after {
		content: " ▾" !important;
		font-size: 12px;
	}
}

/* footer css  */