/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* @view-transition {
  navigation: auto;
} */

/* Fullsite Settings */
.brxe-container {
	width: 100%;
}
@media(min-width:992px) and (max-width:1440px){
	.brxe-container {
		width: 1200px;
	}
}
@media(min-width:1441px){
	.brxe-container {
		width: 1506px;
	}
}

.scarlet-breadcrumb {
	display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

body {
	font-family: "Noto Sans", "Noto Sans TC";
	font-weight: 400;
	line-height: 1.5;
	color: #262626;
}
/*
body,
text-lg {	font-size: 1.125rem; }
text-md {	font-size: 1rem; }
text-sm {	font-size: .875rem; }
*/

body,
.text-lg { font-size: 15px; line-height: 1.5; }
.text-md { font-size: 15px; line-height: 1.4; }
.text-sm { font-size: 13px; line-height: 1.4; }

h1, h2, h3, h4, h5, h6,
.title-xs, .title-sm, .title-sm-l, .title-md-s, .title-md, .title-lg {
	font-family: Roboto;
	line-height: 1.2;
	color: #262626;
}

/* h1, .title-lg { font-size: 2.75rem; }
h2, .title-md { font-size: 1.75rem; }
h3, .title-sm { font-size: 1.125rem; }
.title-item { font-size: 1.25rem; } */

h1, .title-lg { font-size: 2rem; }
h2, .title-md { font-size: 1.5rem; }
.title-md-s { font-size: 1.25rem; }
.title-sm-l { font-size: 1.125rem; }
h3, .title-sm { font-size: 1rem; }
h4, h5, h6, .title-xs { font-size: 15px; line-height: 1.4; }
/* .title-item { font-size: 1.25rem; } */


*:focus {
	outline: none !important;
}

.general-gap {
	padding-right: 1rem;
	padding-left: 1rem;
}

@media(min-width: 479px) {
	.general-gap {
		padding-right: 2rem;
		padding-left: 2rem;
	}
}

@media(min-width: 768px) {
	/* h1, .title-lg { font-size: 3rem; } */
	h1, .title-lg { font-size: 2.5rem; }
	h2, .title-md { font-size: 2rem; }
	.title-md-s { font-size: 1.5rem; }
	.title-sm-l { font-size: 1.25rem; }
	/* h3, .title-sm { font-size: 1.25rem; } */
	h3, .title-sm { font-size: 1.125rem; }

	/* .title-item { font-size: 27px; } */

	.text-lg { font-size: 1.25rem; }
	/* body,
	.text-md { font-size: 1.125rem; }
	.text-sm { font-size: 1rem; }
	.text-lg { font-size: 1.25rem; } */
}

@media(min-width: 992px) {
	/* h1, .title-lg { font-size: 53px; } */
	/* h1, .title-lg { font-size: 3.5rem; } */
	/* h2, .title-md { font-size: 2.5rem; } */
}

/* @media(min-width: 1536px) {
	h1, .title-lg { font-size: 4rem; }
	h2, .title-md { font-size: 3rem; }
} */

/* Breadcrumb */

.scarlet-breadcrumb {
	color: #A3A3A3;
	font-size: 13px;
	font-weight: 500;
}
.scarlet-breadcrumb .current-item {
	color: #4C4C4C;
}
.scarlet-breadcrumb > span:first-of-type {
	padding-right: 0.5rem;
}
.scarlet-breadcrumb > span:last-of-type {
	padding-left: 0.5rem;
}
.scarlet-breadcrumb > span:not(:first-of-type):not(:last-of-type) {
	padding: 0 0.5rem;
}

/* Fullsite FLuent Form Styles */

.fluentform fieldset {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.fluentform form .ff-el-group {
	margin-bottom: 0;
}
.fluentform form .ff-t-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem 1rem;
}

.fluentform .ff-el-input--label > label {
	font-size: 15px;
	font-weight: 500;
	color: #262626;
	font-family: Roboto;
}
.fluentform .ff-el-input--content input,
.fluentform .ff-el-input--content select {
	padding: .75rem 1rem;
	min-height: 51px;
	line-height: 1.5;
}
.fluentform .ff-el-input--content input::placeholder,
.fluentform .ff-el-input--content select {
	font-size: 15px;
	color: #A3A3A3;
	font-family: "Noto Sans", "Noto Sans TC";
}
.fluentform .ff-el-form-check-label p {
	font-size: 15px;
	color: #262626;
	font-family: "Noto Sans", "Noto Sans TC";
}
.fluentform .ff-el-form-check-label a {
	text-decoration: underline;
}

.fluentform .ff-btn-submit {
	min-width: 10rem;
	text-align: center;
}
.fluentform .ff_submit_btn_wrapper {
	margin-top: 0;
}

.fluentform .ff-el-input--content:has(select) {
	position: relative;
}
.fluentform .ff-el-input--content:has(select)::after {
	content: '\f0dd';
	display: inline-block;
	/* font-size: 20px; */
	font-family: 'Font Awesome\ 6 Solid';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	color: #262626;
	position: absolute;
	inset: 8px 20px auto auto;
	pointer-events: none;
}
.fluentform .ff-el-tc input[type=checkbox] {
	margin-right: .5rem;
}

@media(min-width: 768px) {
	.fluentform fieldset {
		gap: 2rem;
	}
	.fluentform form .ff-t-container {
		flex-direction: row;
	}
	.fluentform .ff-el-input--label > label,
	.fluentform .ff-el-input--content input::placeholder,
	.fluentform .ff-el-input--content select,
	.fluentform .ff-el-form-check-label p {
		/* font-size: 1.125rem; */
	}
	.fluentform .ff-el-tc input[type=checkbox] {
		margin-right: 0;
	}
}


/* Single Post Default Styles */

.single-post .brxe-post-content h2,
.single-post .brxe-post-content h3,
.single-post .brxe-post-content h4,
.single-post .brxe-post-content h5,
.single-post .brxe-post-content h6 {
	margin: 2rem 0;
	scroll-margin-top: 80px;
}
.single-post .brxe-post-content h2 { font-size: 1.25rem; }
.single-post .brxe-post-content h3 { font-size: 1rem; }
.single-post .brxe-post-content h4,
.single-post .brxe-post-content h5,
.single-post .brxe-post-content h6 { font-size: 15px; }

.single-post .brxe-post-content p,
.single-post .brxe-post-content ul,
.single-post .brxe-post-content ol {
	margin: 2rem 0;
}

.single-post .brxe-post-content p > a,
.single-post .brxe-post-content li > a,
.single-post .brxe-post-content figcaption > a {
  text-decoration: underline;
}
.single-post a {
	scroll-margin-top: 80px;
}
.single-post ul.brx-nav-nested-items > li > a,
.single-post ul.author-group > li > a {
	text-decoration: none;
}

	// Single Post Button General Styles is below with Fullsite Styles

.single-post .wp-block-button__link {	padding: .75rem 1.5rem; }

.single-post .wp-block-button__link       { color: #E5E5E5; }
.single-post .wp-block-button__link:hover { color: #FFF; }

.single-post .wp-block-button__link::before { background-color: #262626; }
.single-post .wp-block-button__link::after  { background-color: #E50000; }

/* .single-post blockquote {
}
.single-post blockquote > p {
}
.single-post cite {
}
.single-post hr {
}
.single-post figure,
.single-post .wp-block-pullquote {
	padding: 0;
}
*/
/* .single-post img {
  width: auto;
} */
.single-post figure {
	width: fit-content;
	/* margin: 4.5rem auto 0 auto; */
	text-align: center;
}
.single-post figcaption {
	font-size: 13px;
	color: #4C4C4C;
}
.single-post .wp-block-button {
	margin: 0 auto;
}

@media (min-width:768px) {
	.single-post .brxe-post-content h2,
	.single-post .brxe-post-content h3,
	.single-post .brxe-post-content h4,
	.single-post .brxe-post-content h5,
	.single-post .brxe-post-content h6,
	.single-post .brxe-post-content p,
	.single-post .brxe-post-content ul,
	.single-post .brxe-post-content ol {
		margin: 2.25rem 0;
	}
	.single-post .brxe-post-content h2 { font-size: 1.5rem; }
	.single-post .brxe-post-content h3 {	font-size: 1.125rem; }
	/* .single-post .brxe-post-content h4,
	.single-post .brxe-post-content h5,
	.single-post .brxe-post-content h6 {	font-size: 1.25rem; } */
	/* .single-post figcaption {
		font-size: 1rem;
	} */
	/* .single-post blockquote {
	}
	.single-post cite {
	}
	.single-post hr {
	}
	.single-post blockquote > p {
	} */
}



/* ------ Fullsite Button Styles ------ */
.btn-general,
.btn-arrow,
.single-post .wp-block-button__link {
	min-width: fit-content;
	/* font-size: 1.125rem; */
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	font-family: Roboto;
	position: relative;
	background-color: transparent;
	border-radius: 100px;
	overflow: hidden;
	z-index: 1;
	transition: all .3s ease;
}
.btn-general::before,
.btn-general::after,
.btn-arrow::before,
.btn-arrow::after,
.single-post .wp-block-button__link::before,
.single-post .wp-block-button__link::after {
	content: '';
	border-radius: 100px;
	position: absolute;
	z-index: -1;
}
.btn-general::before,
.btn-arrow::before,
.single-post .wp-block-button__link::before {
	width: 100%;
	height: 100%;
	inset: 0;
}

/* --- btn-general --- */
.btn-general::after,
.single-post .wp-block-button__link::after {
	inset: -4px;
	transform: translateX(100%);
	transition: transform .3s ease;
}
.btn-general:hover::after,
.single-post .wp-block-button__link:hover::after {
	transform: translateX(0);
}

/* --- btn-arrow --- */
.btn-arrow::after {
	inset: 10px 18px 10px calc(100% - 20px - 20px);
	border-radius: 100px;
	transition: all .3s ease;
}
.btn-arrow.btn-md::after {
	inset: 14px 18px 14px calc(100% - 20px - 20px)
}
.btn-arrow:hover::after {
	inset: -4px;
}
.btn-arrow > i {
	color: #E5E5E5;
	transition: all .3s ease;
}
.btn-arrow:hover > i {
	color: #FFF;
}
.btn-arrow.btn-frame > i {
	color: #E50000;
}

/* --- btn-sm & btn-md --- */
.btn-sm {	padding: .75rem 1.5rem; }
.btn-md {	padding: 1rem 1.5rem; }

/* --- btn-frame --- */
.btn-frame {
	color: #FFF;
}
.btn-frame::before {
	background-color: transparent;
	border: 2px solid #FFF;
}
.btn-frame::after { background-color: #FFF; }

.btn-frame:hover {
	color: #E50000;
}

/* --- btn-w-r --- */
.btn-w-r       { color: #262626; }
.btn-w-r:hover { color: #FFF; }

.btn-w-r::before { background-color: #FFF; }
.btn-w-r::after  { background-color: #E50000; }

/* --- btn-w-bk --- */
.btn-w-bk       { color: #262626; }
.btn-w-bk:hover { color: #FFF; }

.btn-w-bk::before { background-color: #FFF; }
.btn-w-bk::after  { background-color: #262626; }

/* --- btn-bk --- */
.btn-bk       { color: #E5E5E5; }
.btn-bk:hover { color: #FFF; }

.btn-bk::before { background-color: #262626; }
.btn-bk::after  { background-color: #E50000; }

/* --- btn-t-r --- */
.btn-t-r       { color: #262626; }
.btn-t-r:hover { color: #FFF; }

.btn-t-r::before { background-color: transparent; }
.btn-t-r::after  { background-color: #E50000; }

/* --- btn-t-bk --- */
.btn-t-bk       { color: #262626; }
.btn-t-bk:hover { color: #FFF; }

.btn-t-bk::before { background-color: transparent; }
.btn-t-bk::after  { background-color: #262626; }

/* @media(min-width: 768px) {
	.btn-general,
	.btn-arrow,
	.single-post .wp-block-button__link {
		font-size: 1.125rem;
	}
} */


/* ------ Fullsite Header Styles ------ */
header .scarlet-header-content {
  height: 4rem;
  padding: 0 1rem;
  background: linear-gradient(#171717, #27272a00);
  transition: all .3s ease;
}

header:has(.mega-menu-item:hover) .scarlet-header-content,
header.scrolling .scarlet-header-content{
  background-color: #292929;
}

.scarlet-header-content .mega-menu-wrapper {
  align-items: center;
  align-self: stretch;
}

.scarlet-mega-menu {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.scarlet-mega-menu .text-lg {
	font-size: 15px;
	/* color: #292929; */
	font-weight: 700;
	font-family: Roboto;
	line-height: 1.5;
}
.scarlet-mega-menu .text-md {
	font-size: 13px;
	/* color: #292929; */
	font-weight: 500;
	font-family: Roboto;
	line-height: 1.2;
}
.scarlet-mega-menu .nav-link-item .brxe-text-basic {
	color: #262626;
}
.scarlet-mega-menu .additional-item .text-lg {
	color: #292929;
}
.scarlet-mega-menu ul.mega-menu-items {
  height: 100%;
	padding: 6rem 2rem 4.5rem 2rem;
	flex-wrap: nowrap;
	align-items: stretch;
  justify-content: flex-start;
	gap: 2rem;
}
.scarlet-mega-menu.brx-open ul.mega-menu-items {
	display: flex;
}
.scarlet-mega-menu li.mega-menu-item {
  color: #292929;
  /* max-width: 480px; */
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  min-height: 72px;
  height: auto;
  font-size: 1.125rem;
  font-family: "Roboto";
  font-weight: 700;
  justify-content: center;
	border-bottom: 1px solid #e5e5e5;
}

.scarlet-mega-menu .mega-menu-item:nth-child(6) {
  margin-bottom: 2rem;
}
.scarlet-mega-menu .mega-menu-item .brx-submenu-toggle {
  padding: .5rem;
}
.scarlet-mega-menu .mega-menu-item > .brx-submenu-toggle {
  height: 100%;
}
.scarlet-mega-menu .mega-menu-item > .brx-submenu-toggle > button {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
	flex-direction: row-reverse;
	justify-content: flex-end;
	border-bottom: 1px solid #e5e5e5;
	padding: 1.25rem 1rem;
}

.scarlet-mega-menu .mega-menu-item > .brx-submenu-toggle > a {
  height: 100%;
  font-size: 15px;
  font-family: Roboto;
  font-weight: 700;
  color: #292929;
  display: flex;
  align-items: center;
	position: relative;
}
.scarlet-mega-menu .mega-menu-item > .brx-submenu-toggle > a::after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background-color: #E50000;
	position: absolute;
	/* left: anchor(var(--target) left);
  right: anchor(var(--target) right); */
	bottom: 10px;
	opacity: 0;
}
.scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle > a::after,
.scarlet-mega-menu .mega-menu-item > .brx-submenu-toggle.aria-current > a::after {
	opacity: 1;
}

.scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle > a {
	color: #A3A3A3;
	pointer-events: none;
}
.scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle > a::after {
	opacity: 0;
}
.scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle > button {
	color: #A3A3A3;
	transform: rotate(180deg);
}

.scarlet-mega-menu .mega-menu-item > ul.brx-dropdown-content {
  width: 100%;
  height: auto;
  flex-direction: column !important;
  position: fixed !important;
	top: 80px;
	right: 0;
	bottom: 0;
}
@media(max-width: 1279px) {
	.scarlet-mega-menu .mega-menu-item > ul.brx-dropdown-content {
		left: 0 !important;
	}
}

	/* ----- Main ----- */
.scarlet-mega-menu .main-wrapper {
	width: 100%;
	height: auto;
	min-height: max-content;
	padding: 1.5rem;
}
.scarlet-mega-menu .mega-menu-item .main-content {
	padding-left: 0;
  display: flex;
  flex-direction: column !important;
  width: 100%;
  flex-wrap: nowrap;
}
.scarlet-mega-menu .main-item {
	width: 100%;
	padding: .5rem 0;
	list-style: none;
}

.scarlet-mega-menu .main-item .nav-title-wrapper > a {
	display: inline;
	font-size: 1rem;
	font-size: 500px;
}
		/* ----- Dropdown & Block ----- */
.scarlet-mega-menu .main-item > div > a,
.scarlet-mega-menu .additional-item > div > a {
	display: flex;
	font-size: 15px;
	font-weight: 700;
	color: #292929;
	line-height: 1.5;
}

.scarlet-mega-menu .main-item > div:not(.brxe-text-basic),
.scarlet-mega-menu .additional-item > div:not(.brxe-text-basic) {
	margin-bottom: .5rem;
}
.scarlet-mega-menu .main-item .nav-link-text {
	margin-bottom: .5rem;
}

.scarlet-mega-menu .main-item .img-wrapper,
.scarlet-mega-menu .additional-item .img-wrapper {
	margin-bottom: .75rem;
}

		/* ----- Dropdown ----- */
.scarlet-mega-menu .main-item.item-type-dropdown > .brx-submenu-toggle > button > {
	position: relative;
}
.scarlet-mega-menu .main-item.item-type-dropdown > .brx-submenu-toggle > button > i {
	transform: rotate(180deg);
	transition: transform .3s ease;
}
.scarlet-mega-menu .main-item.item-type-dropdown > .brx-submenu-toggle > button > i::after {
	content: '\f068';
	font-family: Font Awesome\ 6 Solid;
	font-weight: 900;
	position: absolute;
	inset: 0;
	transform: rotate(90deg);
	transition: transform .3s ease;
}
.scarlet-mega-menu .main-item.item-type-dropdown.open > .brx-submenu-toggle > button > i,
.scarlet-mega-menu .main-item.item-type-dropdown.open > .brx-submenu-toggle > button > i::after {
	transform: rotate(0deg);
}
.scarlet-mega-menu .main-item.item-type-dropdown .menu-item {
	padding: .5rem;
	border-radius: 12px;
	transition: background-color .3s ease;
}
.scarlet-mega-menu .main-item.item-type-dropdown .menu-item:hover,
.scarlet-mega-menu .main-item.item-type-dropdown .menu-item:has(a[aria-current="page"]) {
	background-color: #f5f5f5;
}
.scarlet-mega-menu .main-item.item-type-dropdown .menu-item > a,
.scarlet-mega-menu .main-item.item-type-dropdown .menu-item > div > a {
	color: #292929;
	transition: color .3s ease;
}
.scarlet-mega-menu .main-item.item-type-dropdown .menu-item:hover > a,
.scarlet-mega-menu .main-item.item-type-dropdown .menu-item:hover > div > a,
.scarlet-mega-menu .main-item.item-type-dropdown .menu-item > div > a[aria-current="page"] {
	color: #E50000 !important;
}
		/* ----- Block ----- */
/* OLD styles
.scarlet-mega-menu .main-item.item-type-block {
	padding: 1rem;
	border-radius: 12px;
	transition: background-color .3s ease;
}
.scarlet-mega-menu .main-item.item-type-block:hover,
.scarlet-mega-menu .main-item.item-type-block:has(a[aria-current="page"]) {
	background-color: #f5f5f5;
}
.scarlet-mega-menu .main-item.item-type-block > div > a,
.scarlet-mega-menu .main-item.item-type-block .nav-link-text {
	transition: color .3s ease;
}
.scarlet-mega-menu .main-item.item-type-block:hover > div > a,
.scarlet-mega-menu .main-item.item-type-block:hover .nav-link-text,
.scarlet-mega-menu .main-item.item-type-block > div > a[aria-current="page"], 
.scarlet-mega-menu .main-item.item-type-block .nav-link-item[aria-current="page"] .nav-link-text {
	color: #E50000;
}
*/
.scarlet-mega-menu .main-item.item-type-block {
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
}

.scarlet-mega-menu .main-item.item-type-block .nav-link-item {
	width: 100%;
	height: 100%;
	padding: 1rem;
	border-radius: 12px;
	transition: background-color .3s ease;
}
.scarlet-mega-menu .main-item.item-type-block .nav-link-item:hover,
.scarlet-mega-menu .main-item.item-type-block .nav-link-item[aria-current="page"] {
	background-color: #f5f5f5;
}
.scarlet-mega-menu .main-item.item-type-block .nav-link-text {
	color: #292929;
	transition: color .3s ease;
}
.scarlet-mega-menu .main-item.item-type-block .nav-link-item:hover .nav-link-text,
.scarlet-mega-menu .main-item.item-type-block .nav-link-item[aria-current="page"] .nav-link-text {
	color: #E50000;
}

	/* ----- Additional ----- */
.scarlet-mega-menu .additional-wrapper {
	width: 100%;
	height: 100%;
	padding: 1.5rem 2rem 4.5rem 2rem;
	background-color: #f5f5f5;
}
.scarlet-mega-menu .additional-item {
	padding: 1rem 0;
}

/* ----- Search ----- */
.scarlet-mega-menu .search-menu-item {
  width: 100%;
  /* max-width: 480px; */
  padding-right: 8px;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 20px;
  border: 2px solid #262626;
  overflow: hidden;
}
.scarlet-mega-menu .search-menu-item .brxe-search {
  width: 100%;
}
.scarlet-mega-menu .search-menu-item .bricks-search-form > input {
  width: 100%;
  padding: 0 8px 0 20px;
  font-size: 1rem;
  font-weight: 500;
  font-family: Roboto;
  color: #A3A3A3;
  border: none;
}
.scarlet-mega-menu .search-menu-item > .search-toggle {
  display: none;
}
.scarlet-mega-menu .search-menu-item .bricks-search-form > button > i::before {
  color: #262626;
  transform: scale(.8);
}

/* ----- Toggle ----- */
.scarlet-header-content .nav-toggle,
.scarlet-header-content .nav-toggle-inside {
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	transform: scale(1);
}
.scarlet-header-content .nav-toggle {
	font-size: 24x;
	margin-left: auto;
}
.scarlet-header-content .nav-toggle-inside {
	font-size: 24px;
	position: absolute;
  top: 1.25rem;
	right: 1rem;
}

/* ----- Image ----- */
.scarlet-mega-menu .img-wrapper {
	width: 100%;
}
.scarlet-mega-menu .img-wrapper > img {
	width: 100%;
}

/* ----- If Admin Bar Shows ----- */
.admin-bar .scarlet-header-content .nav-toggle-inside {
  top: calc(1.25rem + 2rem);
}

.admin-bar .scarlet-mega-menu .mega-menu-item > ul.brx-dropdown-content {
	top: calc(80px + 2rem);
}

.admin-bar .scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle {
	top: calc(0px + 2rem);
}
/* ----- If Admin Bar Shows ----- */

@media(min-width: 479px) {
  header .scarlet-header-content {
    padding: 0 2rem;
  }
		/* ----- Main ----- */
	.scarlet-mega-menu .main-wrapper {
		padding: 1.5rem 2rem;
	}
	.scarlet-mega-menu .main-item {
		padding: .5rem 1rem;
	}
		/* ----- Additional ----- */
	.scarlet-mega-menu .additional-item {
		padding: 1rem 1rem;
	}
}

@media(min-width: 768px) {
	.scarlet-mega-menu .mega-menu-item > ul.brx-dropdown-content {
		flex-direction: row !important;
	}
		/* ----- Main ----- */
	.scarlet-mega-menu .mega-menu-item .main-content {
		width: 100%;
		max-width: 1120px;
		padding-left: 0;
		margin-left: auto;
    flex-direction: row !important;
    flex-wrap: wrap;
		justify-content: space-between;
		column-gap: 1.5rem;
		row-gap: .5rem;
  }
	.scarlet-mega-menu .main-wrapper {
		width: 65%;
	}

		/* ----- Additional ----- */
	.scarlet-mega-menu .additional-wrapper {
		width: 35%;
		padding-bottom: 1.5rem;
	}
	.scarlet-mega-menu .additional-item {
		padding: 1rem 0;
	}
}

@media(min-width: 992px) {
  header .scarlet-header-content {
    padding: 0 2.5rem;
  }
}

@media(min-width: 1280px) {
  header .scarlet-header-content {
    height: auto;
  }
  .scarlet-mega-menu {
    padding: 0 1rem 0 2rem;
  }
	.scarlet-mega-menu ul.mega-menu-items {
    padding: 0;
  }
  .scarlet-mega-menu.brx-open ul.mega-menu-items {
    justify-content: center;
  }
  .scarlet-mega-menu li.mega-menu-item {
    width: auto;
    margin: 0;
    color: #FFF;
		border: none;
  }
  .scarlet-mega-menu .mega-menu-item:nth-child(1) {
    margin-left: auto;
  }
  .scarlet-mega-menu .mega-menu-item:nth-child(6) {
    margin-bottom: 0;
    margin-right: auto;
  }
  .scarlet-mega-menu .mega-menu-item .brx-submenu-toggle {
    min-width: max-content;
    padding: 0;
  }
	.scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle {
		height: 100%;
		padding: 0;
		flex-direction: row;
		justify-content: center;
		position: static;
		border-bottom: none;
	}
	.scarlet-mega-menu .mega-menu-item > .brx-submenu-toggle > a {
    color: #fff;
  }
	.scarlet-mega-menu .mega-menu-item > .brx-submenu-toggle > a::after {
		bottom: 16px;
		transition: opacity .3s ease;
	}
	.scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle > a {
		color: #fff;
		pointer-events: auto;
	}
	.scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle > a::after {
		opacity: 1;
	}
	.scarlet-mega-menu .mega-menu-item.open > .brx-submenu-toggle > button {
		transform: rotate(0deg);
	}
  .scarlet-mega-menu .mega-menu-item ul.brx-dropdown-content {
    display: none;
  }
  .scarlet-mega-menu .mega-menu-item.open ul.brx-dropdown-content {
    display: flex;
  }
	.scarlet-mega-menu .mega-menu-item > ul.brx-dropdown-content {
		height: fit-content;
		padding-bottom: 0;
		align-items: stretch;
		position: absolute !important;
		top: 100%;
		box-shadow: 0 2px 20px 2px rgba(115, 115, 115, 0.3);
	}
	.admin-bar .scarlet-mega-menu .mega-menu-item > ul.brx-dropdown-content {
		top: 100%;
	}
	/* Solution of Header Unable to Hover Issue */
	.admin-bar .scarlet-mega-menu .mega-menu-item > ul.brx-dropdown-content::after,
	.brxe-dropdown:not([data-toggle=click]):hover ul.brx-dropdown-content::after {
		content: none !important;
		display: none !important;
		pointer-events: none !important;
		z-index: -1 !important;
	}
  .scarlet-mega-menu .mega-menu-item .brx-submenu-toggle > button {
    display: none;
  }

		/* ----- Main ----- */
	.scarlet-mega-menu .main-wrapper {
		width: 70.8%;
		height: auto;
		min-height: 0;
	}
	.scarlet-mega-menu .mega-menu-item .main-content {
		justify-content: flex-start;
	}
	.scarlet-mega-menu .main-item {
		width: calc((100% - 64px) / 3);
		padding: 1rem;
	}
  .scarlet-mega-menu .main-item.item-type-dropdown > .brx-dropdown-content {
		display: block;
		position: static;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	/*.scarlet-mega-menu .main-item.item-type-block */
	.scarlet-mega-menu .main-item.item-type-block .nav-link-item {
		padding: .75rem 1rem;
	}

		/* ----- Additional ----- */
	.scarlet-mega-menu .additional-wrapper {
		width: 29.2%;
		height: auto;
	}
	.scarlet-mega-menu .additional-item {
		width: fit-content;
		display: flex;
		align-items: center;
		text-align: center;
	}

  /* ----- Search ----- */
  .scarlet-header-content .mega-menu-group {
    margin-left: clamp( 0px , 82.1vw - 1056px , 232px);
  }
  .scarlet-mega-menu li.menu-item:has(.search-menu-item) {
    width: clamp( 160px , 25.2vw - 168px , 232px);
    display: flex;
    align-items: center;
  }
  .scarlet-mega-menu .search-menu-item {
    width: auto;
    margin: 0 0 0 auto;
    border: none;
    transition: background-color .3s ease;
  }
  .scarlet-mega-menu .search-menu-item.active {
    background-color: #fff;
  }

  .scarlet-mega-menu .search-menu-item .brxe-search {
    width: 0;
    max-width: calc( 100% - 40px);
    /* max-width: 184px; */
    transition: all .3s ease;
  }
  .scarlet-mega-menu .search-menu-item.active .brxe-search {
    width: 100%;
    /* min-width: 112px; */
  }

  .scarlet-mega-menu .search-menu-item .bricks-search-form > button {
    display: none;
  }
  .scarlet-mega-menu .search-menu-item > .search-toggle {
    display: block;
    margin-left: auto;
    background-color: transparent;
  }
  .scarlet-mega-menu .search-menu-item > .search-toggle > i::before {
    color: #fff;
    transition: all .3s ease;
  }
  .scarlet-mega-menu .search-menu-item:hover > .search-toggle > i::before {
    color: #E50000;
  }
  .scarlet-mega-menu .search-menu-item.active > .search-toggle > i::before {
    color: #262626;
    transform: scale(.8);
  }
	/* ----- Toggle ----- */
	.scarlet-header-content .nav-toggle {
		font-size: 0;
	}
	.scarlet-header-content .nav-toggle-inside {
		font-size: 0;
		position: static;
	}
}
@media(min-width: 2048px) {
	.scarlet-mega-menu ul.mega-menu-items {
		gap: 3rem;
	}
}
@media(min-width: 2560px) {
	.scarlet-mega-menu ul.mega-menu-items {
		gap: 4rem;
	}
}


/* body.no-scroll main,
body.no-scroll .search-btn {
	pointer-events: none;
}
.brx-popup-backdrop {
	backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
} */