/* =============================================== */
/* ====================== header ================= */
/* =============================================== */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: #FFF;
	border-bottom: 3px solid transparent;
	transition: box-shadow .25s ease, border-bottom-color .25s ease;
	overflow-anchor: none;
}
header.is-scrolled {
	box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
	/* a soft shadow alone loses contrast over photo backgrounds; this solid
	   accent line stays clearly visible regardless of what's underneath */
	border-bottom-color: #004C97;
}
/* header is now fixed (removed from normal flow), so push page content down
   by its real rendered height. --header-height is kept in sync by js/main.js.
   300px fallback covers the front-page header (announcement bar + full nav row)
   in case this loads before the JS measurement runs.
   Selector is "html body" (not just "body") so this reliably beats WordPress's
   own global-styles-inline-css, which is injected via wp_head() AFTER this
   file and would otherwise win the padding-top tie at equal specificity. */
html body {
	padding-top: var(--header-height, 300px);
}

/* ---- shrink on scroll: collapse the secondary rows to reclaim screen space ---- */
.login-menu,
.tagline-small,
.header-content .tagline {
	overflow: hidden;
	max-height: 60px;
	transition: max-height .25s ease, opacity .2s ease, margin .25s ease, padding .25s ease;
}
header.is-scrolled .login-menu,
header.is-scrolled .tagline-small,
header.is-scrolled .header-content .tagline {
	max-height: 0;
	opacity: 0;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none;
}
/* the announcement bar (front page only) collapses the same way */
.top-alert-banner {
	overflow: hidden;
	max-height: 160px;
	transition: max-height .25s ease, opacity .2s ease, padding .25s ease;
}
header.is-scrolled .top-alert-banner {
	max-height: 0;
	opacity: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.header-main {
	padding-top:10px;
	padding-bottom:30px;
	transition: padding .25s ease;
}
header.is-scrolled .header-main {
	padding-top: 8px;
	padding-bottom: 8px;
}
/* login menu */
.login-menu {
	position:relative;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align:right;
	width:100%;
	padding-right:12px;
}
.login-menu ul {
	list-style:none;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align:right;
}
.login-menu ul li {
	margin-left:10px;
}


.btn-login a {
	
	
	
	
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	font-style: normal;
 letter-spacing:.025rem;
	text-align: center;
	text-transform: none;
	white-space:  normal;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-width: 2px;
	border-color: transparent;
	border-radius: 2px;
	margin-bottom: 0;
	
	
	
	color:#FFF;
	background-color:#004C97;
	padding: 6px;
	padding-right: 16px;
	padding-left: 16px;
	
	
	
	
	
	
	
}

.btn-login a:hover, .btn-login a:focus {
	color:#FFF;
	background-color:#B60004;
}





/* header elements */

/* NOTE: the theme's original selector here was "header .logo img", but no
   element in the markup actually has a "logo" class (WordPress's
   the_custom_logo() outputs .custom-logo-link / .custom-logo) — so the logo
   was never actually being constrained by these rules at all, and was
   rendering at its full native size. Fixed to target the real markup. */
header .custom-logo-link img {
	width:100%;
	max-width:280px;
	height:auto;
	transition: max-width .25s ease;
}
 @media only screen and (min-width: 768px) {
header .custom-logo-link img {
 width:100%;
 max-width:250px;
}
}
 @media only screen and (min-width: 1200px) {
header .custom-logo-link img {
 width:100%;
 max-width:300px;
}
}
/* shrink the logo dramatically once scrolled, at any width */
header.is-scrolled .custom-logo-link img {
	max-width: 48px;
}
 @media only screen {
header .printlogo {
 display:none;
}
}
header .custom-logo-link:focus {
	outline:none;
}
.header-content {
	position:relative;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align:right;
	width:100%;
}
.tagline-small {
	text-align:center;
	margin-bottom:15px;
}
.tagline-small p {
	font-size:16px;
	font-weight:900;
	text-align:center;
	color: #004C97;
}
.header-content .tagline {
	display: none;
}
 @media only screen and (min-width: 576px) {
.tagline-small p {
 font-size:22px;
}
}
 @media only screen and (min-width: 768px) {
 .tagline-small {
 display: none;
}
 .header-content .tagline {
 display: flex;
 justify-content: center;
 text-align:center;
 flex-grow:3;
}
}
.header-content .tagline p {
	font-size:2.639vw;
	font-weight:900;
	text-align:center;
	color: #004C97;
}
 @media only screen and (min-width: 1400px) {
.header-content .tagline p {
 font-size:38px;
}
}
.header-content .button-wrapper {
	display: flex;
	text-align:center;
	width:136px;
}
.header-tools-wrapper {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index:20;
}
 @media only screen and (min-width: 992px) {
.header-tools-wrapper {
 justify-content: center;
 z-index:20;
}
}
.header-tools {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	margin-top:10px;
}
 @media only screen and (min-width: 992px) {
.header-tools {
 justify-content: flex-end;
 text-align:right;
 margin-top:0;
}
}
.header-tools button {
	margin-left:10px;
}
.search-btn {
	padding:0;
	border-radius:0;
	width:32px;
	height:32px;
	background-image: url(images/icon-search-blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
.search-btn.active {
	background-image: url(images/icon-close.png);
	background-size:80%;
}
 @media only screen and (min-width: 992px) {
.search-btn {
 background-image: url(images/icon-search.png);
 width:40px;
 height:40px;
}
}
 @media only screen and (min-width: 1200px) {
.search-btn {
 width:40px;
 height:40px;
}
}
/* main menu navigation */

.mainmenu {
	display:none;
}
@media only screen and (min-width: 992px) {
.mainmenu {
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align:center;
 width:100%;
 padding-right:50px;
}
}
.mainmenu ul {
	font-size:18px;
	color:#333333;
	font-weight:700;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.mainmenu ul li {
	display:block;
}
.mainmenu ul li {
	display:inline;
 margin-left:.55rem;
margin-right:.55rem;
}
 @media only screen and (min-width: 992px) {
 .mainmenu ul li {
 display:inline;
 margin-left:.75rem;
margin-right:.75rem;
}
}
.mainmenu ul li a:link, .mainmenu ul li a:visited {
	color:#333333;
	text-decoration:none;
	transition: none;
}
.mainmenu ul li a:hover, .mainmenu ul li a:focus, .mainmenu ul li.current_page_item>a, .mainmenu ul li.current_page_parent>a {
	color:#004C97;
	text-decoration:   underline;
}
.mainmenu ul.dropdown-menu li.current_page_item a {
	text-decoration:  none;
}
/* ==============    main menu drop downs ======================= */




/* ==============    Hamburger button ======================= */

.close {
	opacity:1;
}
 .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
 opacity:1;
}
.button-lines {
	background: transparent;
	border: none;
	cursor: pointer;
	display: inline-block;
	padding: 0.5rem;
	padding-top:0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index:9999;
	position:relative;
}
.button-lines.active {
	position: absolute;
	top:20px;
	right:20px;
}
 @media only screen and (min-width: 992px) {
.button-lines {
 display: none;
}
}
.lines {
	display: inline-block;
	height: 4px;
	width: 34px;
	border-radius:0;
	position: relative;
	background-color:#004C97;
}
.lines:after, .lines:before {
	background-color:#004C97;
	display: inline-block;
	height: 4px;
	width: 34px;
	content: "";
	left: 0;
	position: absolute;
}
.lines:after:hover, .lines:before:hover {
 background: #004C97;
}
.active .lines:after, .active .lines:before {
	background-color:#FFF;
}
.active .lines:after:hover, .active .lines:before:hover {
 background: #FFF;
}
 @media only screen and (min-width: 768px) {
 .lines {
 height: 4px;
 width: 44px;
}
.lines:after, .lines:before {
 height: 4px;
 width: 44px;
}
}
/* hamburger button */

header button:focus {
	outline:none;
	box-shadow:none;
}
.lines:after {
	top: 10px;
}
.lines:before {
	top: -10px;
}
 @media only screen and (min-width: 768px) {
.lines:after {
 top: 12px;
}
.lines:before {
 top: -12px;
}
}
.button-lines-x .lines {
	transition: background 0.3s ease;
}
.button-lines-x .lines:after, .button-lines-x .lines:before {
	transform-origin: 50% 50% 0;
	transition: top 0.3s 0.4s ease, transform 0.3s ease;
}
.button-lines-x.active .lines {
	background: transparent;
}
.button-lines-x.active .lines:after, .button-lines-x.active .lines:before {
	top: 0;
	transition: top 0.3s ease, transform 0.3s 0.3s ease;
}
.button-lines-x.active .lines:after {
	transform: rotate3d(0, 0, 1, 45deg);
}
.button-lines-x.active .lines:before {
	transform: rotate3d(0, 0, 1, -45deg);
}
/* ==============  Menu Overlay ======================= */

.overlay {
	height: 0%;
	width: 100%;
	position:  absolute;
	z-index: 1;
	top: 0;
	left: 0;
	color:#FFF;
	background-color: #004C97;
	overflow: hidden;
	transition: 0.5s;
	/* must sit above the fixed header (z-index: 1000) so the open mobile menu isn't hidden behind it */
	z-index:1050;
	-webkit-box-shadow: 6px 6px 7px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 6px 6px 7px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 6px 6px 7px -1px rgba(0, 0, 0, 0.15);
}
.overlay.open {
	height:auto;
}
.overlay-content {
	position: relative;
	text-align: center;
	text-align:left;
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
}
.mobilemenu ul {
	text-align: center;
}
.mobilemenu ul li {
	line-height:147%;
	list-style:none;
}
.mobilemenu ul li a, .mobilemenu ul li a:visited {
	font-size: 20px;
	font-weight:700;
	color:#FFF;
	display:block;
	width:100%;
	text-decoration:none;
	padding: 15px;
}
.mobilemenu ul li a:hover, .mobilemenu ul li a:focus {
	color: #FFF;
	outline:none;
	background-color: transparent;
}
/* ============== takeover search ==============  */
/* Large Search Overlay */

.search-overlay {
	height: 0%;
	width: 100%;
	position:absolute;
	left: 0;
	right: 0;
	top:95%;
	background-color: #ebebeb;
	transition: 0.5s;
	z-index:30;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-box-shadow: 6px 6px 7px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 6px 6px 7px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 6px 6px 7px -1px rgba(0, 0, 0, 0.15);
}
.search-overlay.open {
	height: 120px;
}
 @media only screen and (min-width: 992px) {
 .search-overlay.open {
/*height: 350px;*/
}
}
.search-overlay .search-area {
	display:none;
}
.search-overlay.open .search-area {
	display:block;
}
 @media only screen and (max-width: 767px) {
 .container.search-area {
 padding:0;
}
}
.search-area .form-btn input {
	font-size: 18px;
	color: #1A385C;
	background-color: transparent;
	height: 60px;
	font-weight:600;
}
@media only screen and (min-width: 1200px) {
 .search-area .form-btn input {
 font-size: 28px;
}
}
 @media only screen and (min-width: 1800px) {
 .search-area .form-btn input {
 font-size: 36px;
}
}
/* large search */
.large-search form {
	width: 100%;
}
.large-search .form-control-feedback {
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
	color: #aaa;
}
.large-search .input-group {
	background-color: transparent;
	background-clip: border-box;
	font-weight: 500;
	border: 2px solid #004C97;
}
.search-area .large-search .input-group {
	border: 2px solid #004C97;
	background-color: transparent;
}
.large-search input {
	background-color: transparent;
	background-clip: border-box;
	font-weight: 400;
	border: none;
	text-align: left;
}
.large-search .form-control {
	color: #232323;
 padding: .65rem;
	/*padding-left: 1rem;*/
	height: auto;
	font-size: 16px;
}
@media only screen and (min-width: 768px) {
 .large-search .form-control {
 font-size: 2.292vw;
}
}
.search_form .form-control::-webkit-input-placeholder {
 color: #232323;
 font-weight: 600;
 opacity: 1;
}
.search_form input::-webkit-input-placeholder {
 color: #232323;
 font-weight: 600;
}
.search_form input:-moz-placeholder {
 color: #232323;
 font-weight: 600;
}
.search_form input::-moz-placeholder {
 color: #232323;
 font-weight: 600;
}
.search_form input:-ms-input-placeholder {
 color: #232323;
 font-weight: 600;
}
 .search-area .search_form .form-control::-webkit-input-placeholder {
 color: #004C97;
}
.search-area .search_form input::-webkit-input-placeholder {
 color: #004C97;
}
.search-area .search_form input:-moz-placeholder {
 color: #004C97;
}
.search-area .search_form input::-moz-placeholder {
 color: #004C97;
}
.search-area .search_form input:-ms-input-placeholder {
 color: #004C97;
}
.form-control {
	border-radius: 0;
}
.input-group-prepend .btn, .input-group-append .btn {
	position: relative;
	z-index: 0;
}
.searchform fieldset {
	float: none;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8A8C8C;
}
.searchform fieldset:last-of-type {
	margin-bottom: 0;
	padding-bottom: 10px;
	border: none;
}
.searchform fieldset.noborder {
	margin-bottom: 0;
	border: none;
}
.searchform legend {
	float: none;
}
.search-area .btn-searchsubmit, .search-area .btn-searchsubmit:visited {
	height: 60px;
	color: #004C97;
}
.btn-searchsubmit:hover, .btn-searchsubmit:focus {
	color: #B60004;
	background-color: transparent;
	text-decoration: none;
}
.btn-searchsubmit .fa {
	font-size: 38px;
}
@media only screen and (min-width: 992px) {
 .btn-searchsubmit {
 padding-top: .6rem;
 padding-right: 1.25rem;
 padding-bottom: .6rem;
 padding-left: 1.25rem;
 font-size: 32px
}
 .btn-searchsubmit .fa {
 font-size: 34px;
}
}
.search-overlay .close-btn {
	display:none;
}
.search-overlay.open .close-btn {
	display:block;
	position:absolute;
	top:100px;
	right:30px;
	width:60px;
	height:60px;
	z-index:101;
}
.search-close {
	padding:0;
	font-size:72px;
	line-height:1;
	font-weight:300;
	display:block;
}
/* header notice */


.top-alert-banner {
	color: #FFF;
	background-color: #004C97;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:0;
	position:relative;
	width:100%;
	text-align:center;
}
 @media only screen and (min-width: 768px) {
 .top-alert-banner {
 text-align:left;
}
}
.top-alert-banner p {
	font-size:16px;
	font-weight:600;
	
}
 @media only screen and (min-width: 768px) {
.top-alert-banner p {
 font-size:18px;
 margin:0;
}
}
 @media only screen and (min-width: 992px) {
.top-alert-banner p {
 font-size:20px;
}
}
 @media only screen and (min-width: 1200px) {
.top-alert-banner p {
 font-size:24px;
}
}
 @media only screen and (min-width: 1400px) {
.top-alert-banner p {
 font-size:28px;
}
}
.top-alert-banner p a {
	color:inherit;
}
.top-alert-banner p a:hover, .top-alert-banner p a:focus {
	color:inherit;
	text-decoration-style: solid;
	text-decoration-color: #B60004;
}
.top-alert-banner.alert .close {
	font-weight: 400;
	font-size: 3rem;
	line-height: 1;
	color: #FFF;
	text-shadow: none;
	opacity: 1;
	padding: 10px;
	background-color: transparent;
	border: none;
	position: absolute;
	top: 0;
	right: 2.5%;
}

/* ==================================================== */
/* ============= DROP DOWN STYLES ------------- */
/* ==================================================== */
/* ------------- DROP DOWN MENU ------------- */
.mainmenu ul.dropdown-menu li.current_page_item a {
  text-decoration: none;
}
/* ==============    main menu drop downs ======================= */
/* click to open (see js/main.js), one at a time, .show class toggled by JS.
   Previously this relied on :hover and only above 1200px wide, which is why
   submenus could end up stuck open / stacked below the nav on smaller desktop
   and tablet widths. */
.dropdown {
  position: relative;
}
/* Bootstrap (loaded via CDN) automatically adds its own default caret to any
   element with the "dropdown-toggle" class -- that was the second, more
   prominent arrow that just navigated like the rest of the link. Removing it
   so our own dedicated caret (below) is the only, unambiguous submenu control. */
.dropdown-toggle::after {
  display: none;
}
.mainmenu .dropdown > a.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
/* the caret is a real element (added by js/main.js) so it can be clicked/tapped
   independently of the link text: clicking the link itself now navigates
   to that page normally, clicking the caret opens the submenu */
.mainmenu .dropdown > a.dropdown-toggle .submenu-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-left: 2px;
  border-radius: 50%;
  background-color: #f1f1f1;
  cursor: pointer;
}
.mainmenu .dropdown > a.dropdown-toggle .submenu-caret:hover,
.mainmenu .dropdown > a.dropdown-toggle .submenu-caret:focus-visible {
  background-color: #e5e5e5;
  outline: none;
}
.mainmenu .dropdown > a.dropdown-toggle .submenu-caret::after {
  content: '';
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translate(-1px, -1px);
  transition: transform .16s ease;
  opacity: .85;
}
.mainmenu .dropdown.show > a.dropdown-toggle .submenu-caret::after {
  transform: rotate(225deg) translate(-1px, -1px);
}
.mainmenu .dropdown > .dropdown-menu {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 14px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
  pointer-events: none;
}
.mainmenu .dropdown.show > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
/* flips to the right when it would otherwise run off the edge of the screen (see js/main.js) */
.mainmenu .dropdown-menu.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown.show a:focus {
  outline: none;
  text-decoration: none;
}
/* main menu dropdowns */
.mainmenu .dropdown-menu {
  padding: 10px;
  border-radius: 10px;
  width: auto;
  min-width: 16rem;
  text-align: left;
  background-color: #FFF;
  border: 1px solid #eee;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
}
.mainmenu a.dropdown-toggle {
  /*padding-right: 18px;*/
}

.mainmenu ul.dropdown-menu, .mainmenu ul.dropdown-menu li {
  text-align: left;
}
.mainmenu .dropdown-menu li {
  display: list-item;
  font-weight: 600;
  white-space: normal;
  margin: 0;
  padding: 0;
}
.mainmenu .dropdown-menu li + li {
  margin-top: 2px;
}
.mainmenu ul.dropdown-menu li a {
  color: #004C97;
  letter-spacing: normal;
  display: block;
  text-transform: none;
  white-space: normal;
  margin: 0;
  padding: 10px 14px;
  border-radius: 6px;
  border-bottom: none;
}
.mainmenu ul.dropdown-menu li a:hover, .mainmenu ul.dropdown-menu li a:focus {
  color: #B60004;
  background-color: #f5f2ee;
}

/* mobile drop downs — same click/.show behavior as desktop, instead of :hover
   (hover doesn't fire reliably on touch, so these were also prone to getting stuck) */
.mobilemenu ul.dropdown-menu {
  margin-left: 0;
  position: relative !important;
  min-width: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  display: none;
}
.mobilemenu .dropdown.show > .dropdown-menu {
  display: block;
  position: relative;
  top: 0;
  left: 0px;
}
.mobilemenu ul.dropdown-menu.show {
  transform: translate3d(0px, 0px, 0px) !important;
  margin-top: 0 !important;
}
.mobilemenu a.dropdown-toggle.show {
  padding-bottom: 0;
}



.mobilemenu ul ul li:last-of-type {
  border: none;
}
.mobilemenu ul li ul li a {
  padding-left: 15px;
}
.mobilemenu .dropdown-menu ul li a:before {
  content: '';
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #00C389;
}
.mobilemenu .dropdown a.dropdown-toggle::after, 
.mobilemenu .dropdown.show a.dropdown-toggle::after, 
.mobilemenu .dropdown a.dropdown-toggle[aria-expanded="true"]:before {
  /* content:"";
 display:none;*/
}
/* real, tappable caret element (added by js/main.js), same reasoning as desktop:
   tapping the link text navigates to that page, tapping the caret opens the submenu */
.mobilemenu .dropdown > a.dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobilemenu .dropdown > a.dropdown-toggle .submenu-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.mobilemenu .dropdown > a.dropdown-toggle .submenu-caret::after {
  content: '';
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .16s ease;
  opacity: .8;
}
.mobilemenu .dropdown.show > a.dropdown-toggle .submenu-caret::after {
  transform: rotate(225deg);
}
.mobilemenu ul.dropdown-menu li a:before {
  content: '';
}
.mobilemenu ul.dropdown-menu li a:hover::before, .mobilemenu ul.dropdown-menu li a:focus::before {
  /* content:"";
 display:none;*/
}