/* This css is built to facilitate sgds guidelines onto an already launched NEA
* because it is currently using its own css and adding the sgds css will break
* the current styling. Current css is using bootstrap 3 while sgds uses
* bootstrap 4. Things will break. Thus, not all the styling properties will be
* transferred over. Do code incrementally onto this css to ensure nothing
* breaks on current site.
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:500');

/* sgds atomic */
.has-text-weight-light {
  font-weight: 200 !important;
}
.has-text-weight-normal {
  font-weight: 400 !important;
}
.has-text-weight-semibold {
  font-weight: 500 !important;
}
.has-text-weight-bold {
  font-weight: 600 !important;
}
.has-text-left, .bottom-navigation a.is-left {
	text-align: left !important;
}

@media screen and (max-width: 1023px) {
	.has-text-centered-touch {
		text-align: center !important;
	}
}

@media screen and (max-width: 768px) {
	.has-text-left-mobile {
		text-align: left !important;
	}
}

@media screen and (min-width: 769px), print {
	.has-text-left-tablet {
		text-align: left !important;
	}
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
	.has-text-left-tablet-only {
		text-align: left !important;
	}
}

@media screen and (max-width: 1023px) {
	.has-text-left-touch {
		text-align: left !important;
	}
}

@media screen and (min-width: 1024px) {
	.has-text-left-desktop {
		text-align: left !important;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
	.has-text-left-desktop-only {
		text-align: left !important;
	}
}

@media screen and (min-width: 1216px) {
	.has-text-left-widescreen {
		text-align: left !important;
	}
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
	.has-text-left-widescreen-only {
		text-align: left !important;
	}
}

@media screen and (min-width: 1408px) {
	.has-text-left-fullhd {
		text-align: left !important;
	}
}

.has-text-right, .bottom-navigation a.is-right {
	text-align: right !important;
}

@media screen and (max-width: 768px) {
	.has-text-right-mobile {
		text-align: right !important;
	}
}

@media screen and (min-width: 769px), print {
	.has-text-right-tablet {
		text-align: right !important;
	}
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
	.has-text-right-tablet-only {
		text-align: right !important;
	}
}

@media screen and (max-width: 1023px) {
	.has-text-right-touch {
		text-align: right !important;
	}
}

@media screen and (min-width: 1024px) {
	.has-text-right-desktop {
		text-align: right !important;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
	.has-text-right-desktop-only {
		text-align: right !important;
	}
}

@media screen and (min-width: 1216px) {
	.has-text-right-widescreen {
		text-align: right !important;
	}
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
	.has-text-right-widescreen-only {
		text-align: right !important;
	}
}

@media screen and (min-width: 1408px) {
	.has-text-right-fullhd {
		text-align: right !important;
	}
}

.is-marginless {
	margin: 0 !important;
}

.is-uppercase {
	text-transform: uppercase !important;
}

/* sgds-icon */
@font-face {
	font-family: 'sgds-icons';
	src: url("../fonts/sgds-icons.ttf") format("truetype"), url("../fonts/sgds-icons.woff") format("woff"), url("../fonts/sgds-icons.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.sgds-icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'sgds-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sgds-icon-sg-crest:before {
	content: "";
	color: #db0000;
}

.sgds-icon-search:before {
	content: "";
}

.sgds-icon-chevron-down:before {
	content: "";
}

.sgds-icon-chevron-left:before {
	content: "";
}

.sgds-icon-chevron-right:before {
	content: "";
}

.sgds-icon-chevron-up:before {
	content: "";
}

.sgds-icon-cross:before {
	content: "";
}

.sgds-icon-external:before {
	content: "";
}

.is-size-1 {
	font-size: 3rem !important;
}

.is-size-2 {
	font-size: 2.5rem !important;
}

.is-size-3 {
	font-size: 2rem !important;
}

.is-size-4 {
	font-size: 1.5rem !important;
}

.is-size-5 {
	font-size: 1.375rem !important;
}

.sgds-masthead .sgds-icon-sg-crest:before {
  font-size: 1.25rem !important;
}

.is-size-6 {
	font-size: 1rem !important;
}

.is-size-7 {
	font-size: 0.75rem !important;
}

@media screen and (min-width: 1216px) {
	.is-hidden-desktop {
		display: none !important;
	}
}

.hide {
	display: none;
	visibility: hidden;
}

.sgds-button {
	-moz-appearance: none;
	-webkit-appearance: none;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 0px;
	box-shadow: none;
	display: inline-flex;
	font-size: 1rem;
	justify-content: flex-start;
	line-height: 1.5;
	position: relative;
	vertical-align: top;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-width: 1px;
	cursor: pointer;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
	padding: 0 0.75rem;
	height: 100%;
	background: transparent;
	outline: none !important;
}

.sgds-button.is-primary {
	background-color: #bed73b;
	border-color: transparent;
	color: #333;
	transition: all 0.2s;
	font-family: Roboto;
	font-weight: 500;
}

.sgds-button.is-primary:hover {
	background-color: #1cad28;
	color: #fff;
	transition: all 0.2s;
}

/* sgds footer */
.sgds-footer {
	padding: 2rem;
	background-color: #1d4f21;
  color: white;
}

.sgds-footer .title {
	font-size: 1.375rem;
	margin: 0;
}

.sgds-footer .divider {
	border-top: 1px solid #efefef;
}

.sgds-footer a {
	font-size: 16px;
	padding-right: 12px;
	line-height: 20px !important;
}

.sgds-footer a:hover {
	color: white;
}

.sgds-footer a:last-child {
	padding-right: 0px;
}

.sgds-footer p {
	line-height: 25px !important;
}

.sgds-footer p + p {
	margin-top: 15px;
}

.sgds-footer ul {
	margin: 0;
}

.sgds-footer ul li {
	display: inline-block;
	margin-top: 0;
}

.sgds-footer .footer-links {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1rem;
}

.sgds-footer .footer-links li {
  flex: auto 0 1;
  margin-bottom: 0.5rem;
  margin-right: 15px;
  line-height: 25px;
}

@media screen and (max-width: 768px) {
	.sgds-footer ul li {
		display: block;
	}
  .sgds-footer .footer-links li {
    width: 100%;
    margin-bottom: 0;
  }
}

.sgds-footer ul li.icons {
	margin-right: 10px;
}

.sgds-footer ul li a:hover {
	color: white;
}

.sgds-footer ul:not(.footer-links) li + li {
	margin-left: 15px;
}

@media screen and (max-width: 768px) {
	.sgds-footer ul li + li:not(.icons) {
		margin-left: 0;
		margin-top: 15px;
	}
}

.sgds-footer .is-right-desktop-only {
	text-align: right;
}

@media screen and (max-width: 1023px) {
	.sgds-footer .is-right-desktop-only {
		text-align: left;
	}
}

@media screen and (min-width: 1023px) {
	.sgds-footer .col-md-6 {
		width: 50%;
	}
  .sgds-footer .row:nth-child(2) {
    display: flex;
  }
  .sgds-footer .row:nth-child(2) .is-right-desktop-only ul {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
}

.sgds-footer.top-section {
	padding-bottom: 3rem;
}

.sgds-footer ul {
	padding: 0;
}

@media screen and (max-width: 769px) {
	.sgds-footer .last-update {
		display: block;
	}
}

.sgds-footer .footer_info {
	padding-bottom: 15px;
}

.sgds-footer .footer_info .social-media {
	display: inline-block;
	padding-left: 20px;
}

.sgds-footer .footer_info .social-media .social-media__item {
	background: white;
	padding: 2px 4px 0px;
	border-radius: 4px;
	vertical-align: middle;
  color: #006fa1;
}

.sgds-footer .footer_info.app-block {
	display: flex;
	align-items: center;
  justify-content: flex-end;
}

.sgds-footer .footer_info .app-list-item {
	display: flex;
	align-items: center;
	text-align: left;
}

.sgds-footer .footer_info .app-list-item .icon {
	padding-right: 0.5rem;
}

.sgds-footer .footer_info .app-list-item span {
	font-size: 14px;
}

@media (max-width: 1023px) {
	.sgds-footer .footer_info {
		padding-top: 1rem;
		padding-bottom: 0;
	}

	.sgds-footer .footer_info .social-media {
		display: flex;
		padding-left: 0;
		padding-top: 1rem;
	}

  .sgds-footer .footer_info.app-block {
    display: block;
  }

	.sgds-footer .footer_info .social-media li {
		margin-top: 0;
		padding-right: 0.6rem;
	}

	.sgds-footer .footer_info .app-list li {
		padding-bottom: 1rem;
	}
}

/* sgds masthead */
.sgds-masthead {
	background-color: #f0f0f0;
	padding: 2px 0;
}

.sgds-masthead .is-text {
	position: relative;
	top: -4px;
	font-size: 12px;
	padding-left: 5px;
}

.sgds-masthead a {
	color: #484848;
}

/* sgds searchbar */
.sgds-search .input,
.sgds-search .textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 0px;
	box-shadow: none;
	display: inline-flex;
	font-size: 1rem;
	height: 2.25em;
	justify-content: flex-start;
	line-height: 1.5;
	padding-bottom: calc(0.375em - 1px);
	padding-left: calc(0.625em - 1px);
	padding-right: calc(0.625em - 1px);
	padding-top: calc(0.375em - 1px);
	position: relative;
	vertical-align: top;
	background-color: white;
	border-color: #f0f0f0;
	color: #323232;
	/* box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); */
	max-width: 100%;
	width: 100%;
}

.sgds-search .input:focus,
.sgds-search .input.is-focused,
.sgds-search .input:active,
.sgds-search .input.is-active,
.sgds-search .textarea:focus,
.sgds-search .textarea.is-focused,
.sgds-search .textarea:active,
.sgds-search .textarea.is-active {
	outline: none;
}

.sgds-search .input[disabled],
.sgds-search .textarea[disabled] {
	cursor: not-allowed;
}

.sgds-search .input::-moz-placeholder,
.sgds-search .textarea::-moz-placeholder {
	color: rgba(50, 50, 50, 0.3);
}

.sgds-search .input::-webkit-input-placeholder,
.sgds-search .textarea::-webkit-input-placeholder {
	color: rgba(50, 50, 50, 0.3);
}

.sgds-search .input:-moz-placeholder,
.sgds-search .textarea:-moz-placeholder {
	color: rgba(50, 50, 50, 0.3);
}

.sgds-search .input:-ms-input-placeholder,
.sgds-search .textarea:-ms-input-placeholder {
	color: rgba(50, 50, 50, 0.3);
}

.sgds-search .input:hover,
.sgds-search .input.is-hovered,
.sgds-search .textarea:hover,
.sgds-search .textarea.is-hovered {
	border-color: #D6D6D6;
}

.sgds-search .input[disabled],
.sgds-search .textarea[disabled] {
	background-color: whitesmoke;
	border-color: whitesmoke;
	box-shadow: none;
	color: #767676;
}

.sgds-search .input[disabled]::-moz-placeholder,
.sgds-search .textarea[disabled]::-moz-placeholder {
	color: rgba(118, 118, 118, 0.3);
}

.sgds-search .input[disabled]::-webkit-input-placeholder,
.sgds-search .textarea[disabled]::-webkit-input-placeholder {
	color: rgba(118, 118, 118, 0.3);
}

.sgds-search .input[disabled]:-moz-placeholder,
.sgds-search .textarea[disabled]:-moz-placeholder {
	color: rgba(118, 118, 118, 0.3);
}

.sgds-search .input[disabled]:-ms-input-placeholder,
.sgds-search .textarea[disabled]:-ms-input-placeholder {
	color: rgba(118, 118, 118, 0.3);
}

.sgds-search .input.is-borderless,
.sgds-search .textarea.is-borderless {
	border-color: transparent;
}

.sgds-search .input.is-shadowless,
.sgds-search .textarea.is-shadowless {
	box-shadow: 0;
}

.sgds-search .input[readonly],
.sgds-search .textarea[readonly] {
	box-shadow: none;
}

.sgds-search .input.is-fullwidth {
	display: block;
	width: 100%;
}

.sgds-search .input.is-borderless {
	border-color: transparent;
}

.sgds-search .field:not(:last-child) {
	margin-bottom: 0.75rem;
}

.sgds-search .field.has-addons {
	display: flex;
	justify-content: flex-start;
}

.sgds-search .field.has-addons .control:not(:last-child) {
	margin-right: -1px;
}

.sgds-search .field.has-addons .control:not(:first-child):not(:last-child) .button,
.sgds-search .field.has-addons .control:not(:first-child):not(:last-child) .input,
.sgds-search .field.has-addons .control:not(:first-child):not(:last-child) .select select {
	border-radius: 0;
}

.sgds-search .field.has-addons .control:first-child .button,
.sgds-search .field.has-addons .control:first-child .input,
.sgds-search .field.has-addons .control:first-child .select select {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.sgds-search .field.has-addons .control:last-child .button,
.sgds-search .field.has-addons .control:last-child .input,
.sgds-search .field.has-addons .control:last-child .select select {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.sgds-search .field.has-addons .control .button:not([disabled]):hover,
.sgds-search .field.has-addons .control .button:not([disabled]).is-hovered,
.sgds-search .field.has-addons .control .input:not([disabled]):hover,
.sgds-search .field.has-addons .control .input:not([disabled]).is-hovered,
.sgds-search .field.has-addons .control .select select:not([disabled]):hover,
.sgds-search .field.has-addons .control .select select:not([disabled]).is-hovered {
	z-index: 2;
}

.sgds-search .field.has-addons .control.is-expanded {
	flex-grow: 1;
}

.sgds-search .field.has-addons.has-addons-centered {
	justify-content: center;
}

.sgds-search .field.has-addons.has-addons-right {
	justify-content: flex-end;
}

.sgds-search .field.has-addons.has-addons-fullwidth .control {
	flex-grow: 1;
	flex-shrink: 0;
}

.sgds-search .control {
	clear: both;
	font-size: 1rem;
	position: relative;
	text-align: left;
}

.sgds-search .control.has-icon .input:focus + .icon {
	color: #767676;
}

.sgds-search .control.has-icon .input.is-small + .icon {
	font-size: 0.75rem;
}

.sgds-search .control.has-icon .input.is-medium + .icon {
	font-size: 1.375rem;
}

.sgds-search .control.has-icon .input.is-large + .icon {
	font-size: 1.5rem;
}

.sgds-search .control.has-icon:not(.has-icon-right) .icon {
	left: 0;
}

.sgds-search .control.has-icon:not(.has-icon-right) .input {
	padding-left: 2.25em;
}

.sgds-search .control.has-icon.has-icon-right .icon {
	right: 0;
}

.sgds-search .control.has-icon.has-icon-right .input {
	padding-right: 2.25em;
}

.sgds-search .control.has-icons-left .input:focus ~ .icon,
.sgds-search .control.has-icons-left .select:focus ~ .icon,
.sgds-search .control.has-icons-right .input:focus ~ .icon,
.sgds-search .control.has-icons-right .select:focus ~ .icon {
	color: #767676;
}

.sgds-search .control.has-icons-left .input.is-small ~ .icon,
.sgds-search .control.has-icons-left .select.is-small ~ .icon,
.sgds-search .control.has-icons-right .input.is-small ~ .icon,
.sgds-search .control.has-icons-right .select.is-small ~ .icon {
	font-size: 0.75rem;
}

.sgds-search .control.has-icons-left .input.is-medium ~ .icon,
.sgds-search .control.has-icons-left .select.is-medium ~ .icon,
.sgds-search .control.has-icons-right .input.is-medium ~ .icon,
.sgds-search .control.has-icons-right .select.is-medium ~ .icon {
	font-size: 1.375rem;
}

.sgds-search .control.has-icons-left .input.is-large ~ .icon,
.sgds-search .control.has-icons-left .select.is-large ~ .icon,
.sgds-search .control.has-icons-right .input.is-large ~ .icon,
.sgds-search .control.has-icons-right .select.is-large ~ .icon {
	font-size: 1.5rem;
}

.sgds-search .control.has-icons-left .icon,
.sgds-search .control.has-icons-right .icon {
	color: #484848;
	height: 2.25em;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 2.25rem;
	z-index: 2;
}

.sgds-search .control.has-icons-left .input,
.sgds-search .control.has-icons-left .select select {
	padding-left: 2.25em;
}

.sgds-search .control.has-icons-left .icon.is-left {
	left: 0;
}

.sgds-search .icon {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	height: 1.5rem;
	width: 1.5rem;
}

.sgds-search .search-bar.sgds-icon.sgds-icon-search {
	top: 14px;
	display: block;
	visibility: initial;
}

.sgds-search.search-bar {
	display: none;
	background: #fff;
  box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
}

.sgds-search .mic-search, .sgds-search .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.25rem;
  height: 100%;
}

.sgds-search .mic-search {
  right: 2rem;
}

/* sgds navbar */
.sgds-menu.header__main {
	padding: 0;
	box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
}

.sgds-menu.header__main .container {
	display: flex;
	flex-flow: row wrap;
}

.sgds-menu.header__main .navbar-brand {
	align-items: center;
	padding: 1rem 0;
}

.sgds-menu.header__main .logo {
	margin-left: 0;
}

.sgds-menu.header__main .navbar-menu {
	margin: 0;
}

.sgds-menu .navbar-link {
	width: 100%;
	justify-content: center;
	border-bottom: 2px solid transparent;
	padding: 0.1rem;
	font-weight: 400;
}

.sgds-menu .navbar-dropdown .navbar-item {
	justify-content: start;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: none;
	font-weight: 500;
}

.sgds-menu .navbar-link .sgds-icon {
	padding-left: 10px;
}

.sgds-menu .nav__item.has-child {
  padding-right: 0.2rem;
  flex: auto;
  justify-content: flex-end;
}

.sgds-menu .navbar-item .dropdown-icon {
  align-self: center;
  padding: 0.4rem;
  padding-left: 0.2rem;
  flex: 1;
  justify-content: flex-start;
}

@media (max-width: 1215px) {
	.sgds-menu.header__main .container {
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.is-hidden-touch {
		display: none !important;
	}

	.sgds-menu.header__main .navbar-brand {
		padding: 0;
	}

	.sgds-menu.header__main .navbar-menu {
		padding: 0.5rem;
	}
}

@media (min-width: 1216px) {
	.sgds-menu.header__main .navbar-brand {
		max-width: 180px;
	}
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
	left: 0;
	position: fixed;
	right: 0;
	z-index: 30;
}

.navbar.is-fixed-bottom {
	bottom: 0;
}

.navbar.is-fixed-bottom.has-shadow {
	box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
}

.navbar.is-fixed-top {
	top: 0;
}

body.has-navbar-fixed-top {
	padding-top: 6.25rem;
}

.navbar-brand {
	align-items: stretch;
	display: flex;
	flex-shrink: 0;
	min-height: 6.25rem;
}

.navbar-burger {
	cursor: pointer;
	display: block;
	height: 6.25rem;
	position: relative;
	width: 2.5rem;
}

.navbar-burger span {
	background-color: currentColor;
	display: block;
	height: 1.5px;
	left: calc(50% - 8px);
	position: absolute;
	transform-origin: center;
	transition-duration: 86ms;
	transition-property: background-color, opacity, transform;
	transition-timing-function: ease-out;
	width: 16px;
}

.navbar-burger span:nth-child(1) {
	top: calc(50% - 6.5px);
}

.navbar-burger span:nth-child(2) {
	top: calc(50% - 1.5px);
}

.navbar-burger span:nth-child(3) {
	top: calc(50% + 3.5px);
}

.navbar-burger.is-active span:nth-child(1) {
	transform: translateY(5px) rotate(45deg);
}

.navbar-burger.is-active span:nth-child(2) {
	opacity: 0;
}

.navbar-burger.is-active span:nth-child(3) {
	transform: translateY(-5px) rotate(-45deg);
}

.navbar-menu {
	display: none;
}

.navbar-item, .navbar-link {
	color: #484848;
	display: block;
	line-height: 1.5;
	/* padding: 0rem 0.5rem; */
	position: relative;
}

@media screen and (max-width: 768px) {
	.navbar-item, .navbar-link {
		padding: 0.5rem;
	}
}

a.navbar-item:hover, a.navbar-item.is-active, a.navbar-link:hover, a.navbar-link.is-active {
	color: #1cad28;
}

a.navbar-item.is-active, a.navbar-link.is-active {
	color: #1cad28 !important;
}

.navbar-item {
	flex-grow: 0;
	flex-shrink: 0;
}

.navbar-item img {
	max-height: 5rem;
}

.navbar-item.is-mega {
	position: static;
}

.navbar-item.has-dropdown {
	padding: 0;
}

.navbar-item.is-expanded {
	flex-grow: 1;
	flex-shrink: 1;
}

.navbar-item.is-tab {
	border-bottom: 1px solid transparent;
	min-height: 6.25rem;
	padding-bottom: calc(0.5rem - 1px);
}

.navbar-item.is-tab:hover {
	background-color: transparent;
	border-bottom-color: #74b74a;
}

.navbar-item.is-tab.is-active {
	background-color: transparent;
	border-bottom-color: #4372d6;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	color: #4372d6;
	padding-bottom: calc(0.5rem - 3px);
}

.navbar-content {
	flex-grow: 1;
	flex-shrink: 1;
}

.navbar-link h6 {
	font-weight: 600;
}

.navbar-dropdown {
	font-size: 0.875rem;
}

.navbar-dropdown .navbar-item {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	flex-basis: 25%;
	max-width: 25%;
}

@media (max-width:991px) {
	.navbar-dropdown .navbar-item {
		max-width: 100%;
	}
}

.navbar-divider {
	background-color: #D6D6D6;
	border: none;
	display: none;
	height: 1px;
	margin: 0.5rem 0;
}

@media screen and (max-width: 1215px) {
	.navbar > .sgds-container {
		display: block;
	}

	.navbar-brand .navbar-item, .navbar-tabs .navbar-item {
		align-items: center;
		display: flex;
	}

	.navbar-menu {
		background-color: white;
		box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
		padding: 0.5rem 0;
	}

	.navbar-item.is-mega {
		position: relative;
	}

	.navbar-item.is-mega .has-dropdown::after {
		right: 1.125em;
	}

	.navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
		left: 0;
		position: fixed;
		right: 0;
		z-index: 30;
	}

	.navbar.is-fixed-bottom-touch {
		bottom: 0;
	}

	.navbar.is-fixed-bottom-touch.has-shadow {
		box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
	}

	.navbar.is-fixed-top-touch {
		top: 0;
	}

	.navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
		-webkit-overflow-scrolling: touch;
		max-height: calc(100vh - 6.25rem);
		overflow: auto;
	}

	.sgds-menu .has-dropdown > .sgds-icon:not(.sgds-icon-external) {
		display: none;
	}

	.sgds-menu .navbar-dropdown {
		display: none;
	}

	.sgds-menu .nav-container.mobile-navbar-menu {
		display: flex !important;
		position: absolute;
		top: 0px;
		width: 2.5rem;
		height: 100%;
		right: 3rem;
		left: unset;
		box-shadow: none;
		justify-content: center;
		align-items: center;
		padding: 0;
	}

	.sgds-menu .nav-container.mobile-navbar-menu:hover {
		cursor: pointer;
	}

	.sgds-menu .nav-container.mobile-navbar-menu .navbar-item {
		height: 100%;
		width: 100%;
	}

	.sgds-menu .nav-container.mobile-navbar-menu .js-notification {
		height: 100%;
		width: 100%;
		background: transparent;
	}
}

@media (min-width: 1216px) {
	.navbar, .navbar-menu, .navbar-start, .navbar-end {
		align-items: stretch;
		display: flex !important;
	}

	.navbar {
		min-height: 6.25rem;
	}

	.navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent a.navbar-link:hover, .navbar.is-transparent a.navbar-link.is-active {
		background-color: transparent !important;
	}

	.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
		background-color: transparent !important;
	}

	.navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
		color: #1cad28;
	}

	.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
		color: #1cad28;
	}

	.navbar-burger {
		display: none;
	}

	.navbar-item, .navbar-link {
		align-items: center;
		display: flex;
	}

	.navbar-item.has-dropdown {
		align-items: stretch;
	}

	.navbar-item.is-mega .has-dropdown::after {
		right: 0;
	}

	.navbar-item.has-dropdown-up .navbar-link::after {
		transform: rotate(135deg) translate(0.25em, -0.25em);
	}

	.navbar-item.has-dropdown-up .navbar-dropdown {
		border-bottom: 1px solid #D6D6D6;
		border-radius: 5px 5px 0 0;
		border-top: none;
		bottom: 100%;
		box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
		top: auto;
	}

	.navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
		display: block;
	}

	.navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	.navbar-menu {
		flex-grow: 1;
		flex-shrink: initial;
		flex-wrap: wrap;
		padding-left: 0.5rem !important;
	}
	.navbar-menu.mobile-navbar-menu {
		flex-grow: 0;
	}
	.navbar-dropdown {
		background-color: white;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-top: 1px solid #D6D6D6;
		box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
		display: none;
		font-size: 0.875rem;
		left: 0;
		min-width: 100%;
		position: absolute;
		top: 100%;
		z-index: 20;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.navbar-dropdown .navbar-item {
		padding: 0.375rem 1rem;
		white-space: nowrap;
	}

	.navbar-dropdown a.navbar-item {
		padding-right: 3rem;
	}

	.navbar-dropdown a.navbar-item:hover, .navbar-dropdown a.navbar-item.is-active {
		color: #1cad28;
	}

	.navbar-dropdown.is-boxed {
		border-radius: 5px;
		border-top: none;
		box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
		display: block;
		opacity: 0;
		pointer-events: none;
		top: calc(100% + (-4px));
		transform: translateY(-5px);
		transition-duration: 86ms;
		transition-property: opacity, transform;
	}

	.navbar-dropdown.is-right {
		left: auto;
		right: 0;
	}

	.navbar-divider {
		display: block;
	}

	.navbar > .sgds-container .navbar-brand, .sgds-container > .navbar .navbar-brand {
		margin-left: -0.5rem;
	}

	.navbar > .sgds-container .navbar-menu, .sgds-container > .navbar .navbar-menu {
		margin-right: -0.5rem;
	}

	.navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
		left: 0;
		position: fixed;
		right: 0;
		z-index: 30;
	}

	.navbar.is-fixed-bottom-desktop {
		bottom: 0;
	}

	.navbar.is-fixed-bottom-desktop.has-shadow {
		box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
	}

	.navbar.is-fixed-top-desktop {
		top: 0;
	}

	a.navbar-item.is-active, a.navbar-link.is-active {
		color: #0a0a0a;
	}

	a.navbar-item.is-active:not(:hover), a.navbar-link.is-active:not(:hover) {
		background-color: transparent;
	}
}

.padding--sm {
	padding: 0.5rem !important;
}

.padding--bottom--sm {
	padding-bottom: 0.5rem !important;
}

.sgds-menu .navbar-link.eportal-border {
	border: 3px solid #bed73b;
	padding: 0.5rem;
	transition: all 0.2s;
}

.sgds-menu .navbar-link.eportal-border:hover {
	border: 3px solid #74b74a;
	background: #74b74a;
	color: #fff;
	transition: all 0.2s;
}

@media screen and (min-width: 1216px) {
  .sgds-menu .navbar-link.eportal-border {
		margin: 2rem 0.5rem;
	}

  .sgds-menu .container, .sgds-search .container, .sgds-footer .container {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1408px) {
  .sgds-menu .container, .sgds-search .container, .sgds-footer .container {
    max-width: 1344px;
  }
}

.sgds-menu .smallicon-notifications, .sgds-menu .sgds-icon-search, .sgds-menu .sgds-icon-cross {
  font-size: 24px;
  color: #484848;
}
@media (max-width: 1215px){
  .sgds-menu .smallicon-notifications {
    font-size: 20px;
  }
}
.sgds-menu .icon-mic, .sgds-menu .icon-search{
  color: #484848;
}