:root {
	--cnvs-themecolor: #4072f0;
	--cnvs-themecolor-rgb: 64, 114, 240;
}

.ticker-wrap .ticker-item {
    font-size: 1.2rem;
    color: #f8f8d2;
}
.ticker-wrap .ticker-icon {
    font-size: 1.2rem;
    color: #f8f8d2;
    padding-right: 10px;
}
.ticker-wrap {
    background-color: #054153;
}
#header {
    --cnvs-header-border-color: transparent;
    --cnvs-primary-menu-submenu-border: 1px solid var(--cnvs-contrast-200);
    --cnvs-primary-menu-submenu-hover-bg: transparent;
    --cnvs-primary-menu-submenu-padding-y: 10px;
    --cnvs-primary-menu-submenu-font-size: .925rem;
}

.is-expanded-menu #header {
    --cnvs-primary-menu-submenu-bg: #173c80;
    --cnvs-primary-menu-submenu-color: #FFF;
    --cnvs-primary-menu-submenu-hover-bg: var(--cnvs-primary-menu-submenu-color);
    --cnvs-primary-menu-submenu-hover-color: var(--cnvs-primary-menu-submenu-bg);
    --cnvs-primary-menu-submenu-border: transparent;
}
.menu-item {
    border-bottom: 1px solid #19736c;
}
#header-wrap {
    --custom-menubar-color: #4e73f4;
    --custom-menubar-text-hover: #030115;
    background: var(--custom-menubar-color);
    --cnvs-primary-menu-hover-color: var(--custom-menubar-text-hover);
    --cnvs-primary-menu-active-color: var(--cnvs-primary-menu-hover-color);
}
.is-expanded-menu .sticky-header #header-wrap {
    background: var(--custom-menubar-color);
}
body:not(.is-expanded-menu) #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
    background: var(--custom-menubar-color);
}
.menu-link{
    color: #ffffff;
}
.is-expanded-menu .sub-menu-container,
.is-expanded-menu .mega-menu-content {
    border-top: var(--cnvs-primary-menu-submenu-border);
    box-shadow: 0 0 10px 5px rgba(0,0,0,.04);
    border-radius: 10px;
    padding: 10px;
}
.is-expanded-menu .mega-menu-column .sub-menu-container {
    padding: 0;
}
.is-expanded-menu .sub-menu-container .menu-item > .menu-link,
.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link {
    font-weight: 400;
    border-radius: 4px;
}
.is-expanded-menu .mega-menu-content .sub-menu-container + .sub-menu-container {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.top-links-sub-menu, .top-links-section {
    width: 200px;
}
.sub-menu-container .menu-item > .menu-link {
    color: #b8f5cb;
}
.menu-item .sub-menu-trigger {
    color: rgb(252, 248, 248);
}
#notice-body {
      width: 100%;
      height: 40px;
      position: relative;
      background: rgb(238,213,114);
    background: linear-gradient(90deg, rgba(238,213,114,1) 0%, rgba(232,214,114,1) 33%, rgba(255,255,255,1) 91%);
    padding-left: 30px;
}
#notice-body:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid white;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

#notice-title {
    width: 280px;
    height: 40px;
    position: relative;
    background: rgb(223, 87, 87);
    color: aliceblue;
    padding-left: 15px;
    padding-top: 8px;
    font-weight: 600;
    font-size: 14px;
}

#notice-title:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid rgb(223, 87, 87);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 99;
}


.hmove { display: flex; }
.hitem { width: 100%; flex-shrink: 0; }
.hwrap { overflow: hidden; }

/* (A2) MOVE ITEMS FROM RIGHT TO LEFT */
/* first item = 0, fourth item = -300% */
@keyframes tickerh {
  0% { transform: translatex(100%); }
  100% { transform: translatex(-200%); }
}
.hmove { animation: tickerh linear 30s infinite; }
.hmove:hover { animation-play-state: paused; }

/* (A3) COSMETICS - NOT IMPORTANT */
.hwrap {
	font-weight: 600;
	color: firebrick;
  	max-width: 600px; /* highly recommended */
}
.hitem { 
  padding: 10px;
  text-align: center;
}
.hwrap, .hwrap * { box-sizing: border-box; }

/* (B1) UNIFORM ROW HEIGHT */
/* make sure enough height space */
.vwrap, .vitem { height: 80px; }
.vwrap { overflow: hidden; }

/* (B2) CENTER TEXT */
.vitem {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}