/* Digital Menu Header Block - Frontend Styles
--------------------------------------------- */

.wp-block-pixone-digital-menu-header .digital-menu-header {padding: 20px 0 0;}
@media only screen and (max-width: 599px) { .wp-block-pixone-digital-menu-header .digital-menu-header {padding: 10px 0 0;} }

/* Top Header */
.wp-block-pixone-digital-menu-header .digital-menu-header .top-header {display: flex; flex-flow: row; justify-content: flex-start; align-items: center; margin-bottom: 15px; padding-bottom: 5px; border-bottom: solid 1px #fff;}
.wp-block-pixone-digital-menu-header .digital-menu-header .top-header h1 {position: relative; font-size: var(--wp--preset--font-size--x-large); margin: 0 34px 0 0;}
.wp-block-pixone-digital-menu-header .digital-menu-header .top-header h1::after {position: absolute; top: 4px; right: -34px; width: 24px; height: 24px; content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJDYXBhXzIiIGRhdGEtbmFtZT0iQ2FwYSAyIj48ZyBpZD0iXzAzX0xpc3RhZG8iIGRhdGEtbmFtZT0iMDMgTGlzdGFkbyI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDAsMEE0MCw0MCwwLDEsMCw4MCw0MCw0MCw0MCwwLDAsMCw0MCwwWm0wLDMuMjNBMzYuNzcsMzYuNzcsMCwxLDEsMy4yMyw0MCwzNi44MiwzNi44MiwwLDAsMSw0MCwzLjIzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4LjI1LDQxLjYySDU1LjNMNDAuMTQsNTYuNzdhMS42MSwxLjYxLDAsMCwwLDAsMi4yOCwxLjU5LDEuNTksMCwwLDAsMi4yOCwwTDYwLjMsNDEuMTdhMS43MSwxLjcxLDAsMCwwLC4xOC0uMmwwLS4wNmExLDEsMCwwLDAsLjEtLjE4bC4wNi0uMWExLjgzLDEuODMsMCwwLDAsLjA4LS4yNS40My40MywwLDAsMCwwLS4wNSwxLjI0LDEuMjQsMCwwLDAsMC0uMzMsMS4zNCwxLjM0LDAsMCwwLS4wNi0uNCwxLjU1LDEuNTUsMCwwLDAtLjIyLS41MUw2MC40MSwzOWEuNTIuNTIsMCwwLDAtLjEtLjExTDQyLjQyLDIxYTEuNjUsMS42NSwwLDAsMC0yLjI4LDAsMS42MSwxLjYxLDAsMCwwLDAsMi4yOEw1NS4zLDM4LjM4aC0zN2ExLjYyLDEuNjIsMCwwLDAsMCwzLjI0WiIvPjwvZz48L2c+PC9zdmc+);}
.wp-block-pixone-digital-menu-header .digital-menu-header .top-header span.ar-legend {font-size: var(--wp--preset--font-size--x-small); line-height: var(--wp--custom--line-height--medium); margin: 2px 0 0 10px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .top-header span.ar-legend b {font-weight: 500;}
.wp-block-pixone-digital-menu-header .digital-menu-header .top-header span.ar-legend i {position: relative; top: 4px; display: inline-block; width: 16px; height: 16px; margin: 0 2px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .top-header span.ar-legend i::after {position: absolute; width: 16px; height: 16px; content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MCA5MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmMDNkMWQ7fS5jbHMtMntmaWxsOiNlMjNkMWY7fS5jbHMtM3tmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJDYXBhXzIiIGRhdGEtbmFtZT0iQ2FwYSAyIj48ZyBpZD0iXzAzX0xpc3RhZG8iIGRhdGEtbmFtZT0iMDMgTGlzdGFkbyI+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0NSIgY3k9IjQ1IiByPSI0NSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTkwLDQ1QTQ1LDQ1LDAsMCwxLDExLjczLDc1LjMsNDUsNDUsMCwwLDAsNzAuMjQsNy43NCw0NSw0NSwwLDAsMSw5MCw0NVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0zMi44Myw2Ni4xNGE0Ljg2LDQuODYsMCwwLDEtMy40OS0xLjQxLDUsNSwwLDAsMS0xLjE0LTEuNjQsNSw1LDAsMCwxLS4zOS0yVjI4Ljg4YTUsNSwwLDAsMSwuMzktMiw1LDUsMCwwLDEsMS4xNC0xLjY0LDQuODYsNC44NiwwLDAsMSwzLjQ5LTEuNDEsNSw1LDAsMCwxLDIuNS42N0w2My4yNiw0MC42NWE1LDUsMCwwLDEsMS44MywxLjg0LDUsNSwwLDAsMS0xLjgzLDYuODVMMzUuMzMsNjUuNDZhNC44Nyw0Ljg3LDAsMCwxLTIuNS42OFoiLz48L2c+PC9nPjwvc3ZnPg==);}

/* Main Header */
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header {padding-bottom: 20px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; width: 100%; height: auto; max-width: 100%; padding: 5px 0; scroll-behavior: smooth; scrollbar-width: none; overflow-x: auto; white-space: nowrap;}

.wp-block-pixone-digital-menu-header .digital-menu-header[data-header-gap="10"] .main-header .main-nav {gap: 0.44rem;}
.wp-block-pixone-digital-menu-header .digital-menu-header[data-header-gap="15"] .main-header .main-nav {gap: 0.66rem;}
.wp-block-pixone-digital-menu-header .digital-menu-header[data-header-gap="20"] .main-header .main-nav {gap: 0.88rem;}

/* Main Header Items */
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item a {display: flex; align-items: center; font-weight: 400; text-decoration: none; border-radius: 50px; background-color: #1e1e1e;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item a.has-medium-font-size {padding: 5px 15px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item a.has-medium-l-font-size {padding: 5px 18px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item a.has-medium-xl-font-size {padding: 6px 20px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item a:hover {opacity: .8;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a {position: relative; background-color: #1e1e1e;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-font-size {padding-right: 34px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-l-font-size {padding-right: 38px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-xl-font-size {padding-right: 48px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a::after {position: absolute; content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MCA5MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmMDNkMWQ7fS5jbHMtMntmaWxsOiNlMjNkMWY7fS5jbHMtM3tmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJDYXBhXzIiIGRhdGEtbmFtZT0iQ2FwYSAyIj48ZyBpZD0iXzAzX0xpc3RhZG8iIGRhdGEtbmFtZT0iMDMgTGlzdGFkbyI+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0NSIgY3k9IjQ1IiByPSI0NSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTkwLDQ1QTQ1LDQ1LDAsMCwxLDExLjczLDc1LjMsNDUsNDUsMCwwLDAsNzAuMjQsNy43NCw0NSw0NSwwLDAsMSw5MCw0NVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0zMi44Myw2Ni4xNGE0Ljg2LDQuODYsMCwwLDEtMy40OS0xLjQxLDUsNSwwLDAsMS0xLjE0LTEuNjQsNSw1LDAsMCwxLS4zOS0yVjI4Ljg4YTUsNSwwLDAsMSwuMzktMiw1LDUsMCwwLDEsMS4xNC0xLjY0LDQuODYsNC44NiwwLDAsMSwzLjQ5LTEuNDEsNSw1LDAsMCwxLDIuNS42N0w2My4yNiw0MC42NWE1LDUsMCwwLDEsMS44MywxLjg0LDUsNSwwLDAsMS0xLjgzLDYuODVMMzUuMzMsNjUuNDZhNC44Nyw0Ljg3LDAsMCwxLTIuNS42OFoiLz48L2c+PC9nPjwvc3ZnPg==);}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-font-size::after {top: 7px; right: 6px; width: 20px; height: 20px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-l-font-size::after {top: 7px; right: 6px; width: 23px; height: 23px;}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-xl-font-size::after {top: 7px; right: 7px; width: 30px; height: 30px;}

.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.current-menu-item a {background-color: var(--wp--preset--color--secondary);}
.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.current-menu-item a:hover {opacity: 1;}

@media only screen and (max-width: 599px) {
	.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item a.has-medium-font-size {font-size: var(--wp--preset--font-size--x-small) !important; padding: 5px 12px;}
	.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-font-size {padding-right: 30px;}
	.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-font-size::after {top: 5px; right: 5px; width: 18px; height: 18px;}
	.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item a.has-medium-l-font-size {font-size: var(--wp--preset--font-size--small) !important; padding: 5px 14px;}
	.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-l-font-size {padding-right: 34px;}
	.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-l-font-size::after {top: 5px; right: 5px; width: 21px; height: 21px;}
	.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item a.has-medium-xl-font-size {font-size: var(--wp--preset--font-size--medium) !important; padding: 5px 16px;}
	.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-xl-font-size {padding-right: 38px;}
	.wp-block-pixone-digital-menu-header .digital-menu-header .main-header .main-nav div.wp-block-navigation-item.ar-section a.has-medium-xl-font-size::after {top: 5px; right: 5px; width: 24px; height: 24px;}
}
