/* grid layout reverse */
@media screen and (min-width: 992px) {
	[data-order-desktop-first="true"] { order: -1; }
	[data-order-desktop-last="true"] { order: 2; }
}
@media screen and (min-width: 768px) {
	[data-order-tablet-first="true"] { order: -1; }
	[data-order-tablet-last="true"] { order: 2; }
}
/* align items */
[data-align-items-start="true"] { align-items: start !important; }
[data-align-items-center="true"] { align-items: center !important; }
[data-align-items-end="true"] { align-items: end !important; }
/* justify content */
[data-justify-content-start="true"] { justify-content: start !important; }
[data-justify-content-center="true"] { justify-content: center !important; }
[data-justify-content-end="true"] { justify-content: end !important; }
[data-justify-content="top"] { justify-content: start !important; }
[data-justify-content="center"] { justify-content: center !important; }
[data-justify-content="bottom"] { justify-content: end !important; }
/* text align */
[data-text-align-left="true"] { text-align: left !important; }
[data-text-align-center="true"] { text-align: center !important; }
[data-text-align-right="true"] { text-align: right !important; }
/* max width */
[data-max-width-none="true"] { max-width: none !important; }


/* UI */
/* ICONS */
.u-icon-small, [data-icon-size="small"], [data-icon-size="small"] svg { width: 1rem; height: 1rem; }
.u-icon-normal, [data-icon-size="normal"], [data-icon-size="normal"] svg { width: 1.5rem; height: 1.5rem; }
.u-icon-medium, [data-icon-size="medium"], [data-icon-size="medium"] svg { width: 2rem; height: 2rem; }
.u-icon-large, [data-icon-size="large"], [data-icon-size="large"] svg { width: 2.5rem; height: 2.5rem; }

/* Icon Color */
[icon-color="v6"] {	filter: brightness(0) saturate(100%) invert(33%) sepia(10%) saturate(4399%) hue-rotate(218deg) brightness(93%) contrast(83%); }
[icon-color="v7"] {	filter: brightness(0) saturate(100%) invert(19%) sepia(69%) saturate(1479%) hue-rotate(234deg) brightness(96%) contrast(92%); }
[icon-color="v9"] {	filter: brightness(0) saturate(100%) invert(12%) sepia(32%) saturate(5240%) hue-rotate(246deg) brightness(93%) contrast(112%); }

/* Button Size */
[data-button-size="wide"] { width: 100% }

/* Nav Menu */
.is-leaderboard:after { content: "BENCHMARK YOUR BRAND!"; color: var(--swatch--violet900); font-weight: 900; font-size: 0.5rem; line-height: 0.875rem; text-transform: uppercase; position: absolute; right: 0; bottom: -0.625rem; }

.nav_menu_wrap.is-sticky,
.nav_menu_wrap.is-hover { background-color: var(--swatch--white) }
.nav_menu_wrap.is-sticky .nav_link_wrap { min-height: 4rem; }
.nav_menu_wrap.is-sticky .nav_dropdown { top: 4rem; }

body.is-dark .nav_logo_image,
body.is-dark .is-leaderboard:after { color: var(--swatch--romantic-pink) }
body.is-dark .nav_link_item { color: var(--swatch--gray300) }
.nav_menu_wrap.is-sticky .nav_link_item,
.nav_menu_wrap.is-hover .nav_link_item { color: inherit }
.nav_menu_wrap.is-hover .nav_logo_image,
.nav_menu_wrap.is-sticky .nav_logo_image,
.nav_menu_wrap.is-sticky .is-leaderboard:after,
.nav_menu_wrap.is-hover .is-leaderboard:after { color: var(--swatch--violet900) }
@media screen and (max-width: 991px) { .nav_logo_image { color: var(--swatch--violet900)!important }}

.nav_link_wrap:hover .nav_link_item,
.menu_link1_wrap:hover .menu_link1_icon,
.menu_link1_wrap:hover .menu_link1_text { color: var(--swatch--violet900); } 
.menu_link1_wrap:hover .menu_link1_marker { opacity: 1 }

/* Card Hover Effect*/
.menu_link3:hover .image-overlay {
    background-color: rgba(255,255,255,0.2);
    transition-duration: 0.09s;
}
.temp-dummy {
    color: hsla(var(--c4), 1);
    transition-duration: 0.05s;
}

/* Toggle Switch */
.switch_toggle_slider:before { position: absolute; content: ""; height: 1rem; width: 1rem; left: 0.25rem; bottom: 0.25rem; border-radius: 50%; background-color: var(--swatch--violet800); -webkit-transition: .4s; transition: .4s; }
input:checked + .switch_toggle_slider { background-color: var(--swatch--violet800); }
input:focus + .switch_toggle_slider { box-shadow: 0 0 1px var(--swatch--violet800); }
input:checked + .switch_toggle_slider:before { background-color: var(--swatch--violet200); -webkit-transform: translateX(1.5rem); -ms-transform: translateX(1.5rem); transform: translateX(1.5rem); }


@media screen and (max-width: 991px) {
.link1_li_last .g_link1 { border: 0 }
.is-leaderboard:after { color: var(--swatch--sunset-orange)!important; }
}