.utia-flex-menu-container.flex-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.utia-flex-menu-container .main-menu-more {
  display: none;
}

.utia-flex-menu-container .site-main {
  width: 100%;
  overflow: hidden;
}

.utia-flex-menu-container .utia-wp-side-mobile-toggle {
  padding: 0px;
  border: 1px solid #333d47;
  position: relative;
}

.utia-flex-menu-container .utia-wp-side-mobile-toggle span {
  width: 90%;
  display: inline-block;
  padding: 6px 0 6px 6px;
}

.utia-flex-menu-container .utia-wp-side-container {
  margin-bottom: 2rem;
  overflow: visible;
  height: auto;
}

.utia-flex-menu-container .utia-wp-side-container .site-main {
  width: 100%;
}

@media only screen and (max-width: 719px) {
  .utia-flex-menu-container .utia-wp-side-container .utia-wp-side-menu {
    max-height: 100%;
  }
}

.utia-flex-menu-container .utia-wp-side-container .utia-wp-side-menu .sub-menu {
  display: none;
}

.utia-flex-menu-container .utia-wp-side-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.utia-flex-menu-container .utia-wp-side-container ul a {
  display: block;
  padding: 6px 0 6px 6px;
}

.utia-flex-menu-container .utia-wp-side-container ul a:hover {
  color: #fff;
}

.utia-flex-menu-container .utia-wp-side-container ul a:hover .toggle-sub-menu {
  color: #fff;
}

.utia-flex-menu-container .utia-wp-side-menu .current-menu-ancestor .toggle-sub-menu {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.utia-flex-menu-container .utia-wp-side-menu .current-menu-ancestor > .sub-menu {
  display: block;
}

.utia-flex-menu-container .mobile-hide-visually {
  overflow: hidden;
  height: 0;
}

@media only screen and (min-width: 720px) {
  .utia-flex-menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .utia-flex-menu-container.flex-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .utia-flex-menu-container .utia-wp-side-mobile-toggle {
    display: none;
  }
  .utia-flex-menu-container .mobile-hide-visually {
    overflow: visible;
    height: auto;
  }
  .utia-flex-menu-container .utia-wp-side-container {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* do not grow   - initial value: 0 */
    -ms-flex-negative: 0;
        flex-shrink: 0;
    /* do not shrink - initial value: 1 */
    -ms-flex-preferred-size: 18em;
        flex-basis: 18em;
    /* width/height  - initial value: auto */
  }
  .utia-flex-menu-container .utia-wp-side-container .utia-wp-side-menu {
    padding: 0 1rem 0 0;
  }
}

/*
@media only screen and (min-width: 900px){
    .utia-flex-menu-container .utia-wp-side-container {
        flex-basis: 17em; /* width/height  - initial value: auto */
/*
      }    
 }
*/
.utia-wp-side-menu {
  list-style-type: none;
  padding: 0;
}

.utia-wp-side-menu .menu-item a {
  width: 86%;
  display: inline-block;
  padding: 6px 0;
  padding-left: 2px;
  border-bottom: 0 none;
}

/*
  .utia-wp-side-menu .menu-item a:hover {
    
    border-bottom: 1px solid #333d47;
    border-left: 6px solid #5c666f;
    padding-left: 4px;    
  }
    */
.utia-wp-side-menu .sub-menu {
  list-style-type: none;
  display: none;
}

.utia-wp-side-menu .sub-menu .side-menu-text {
  padding-left: 1rem;
}

.utia-wp-side-menu .current-menu-item {
  background-color: transparent;
}

.utia-wp-side-menu .current-menu-item > .side-menu-text {
  border-left-color: #333d47;
}

.utia-wp-side-menu .current-menu-item > .side-menu-text .toggle-sub-menu {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*
  .utia-wp-side-menu .current-menu-item > a {
    //border-left: 6px solid #333d47;
    //padding-left: 4px;
    //border-bottom: 0 none;
    //background-color: transparent;
    // padding-left: 1em;  
  }
  */
.utia-wp-side-menu .menu-item-has-children.current-menu-item > .sub-menu {
  display: block;
}

.utia-wp-side-menu .side-menu-text {
  border-left: 6px solid transparent;
  padding-left: 4px;
  position: relative;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid;
}

.utia-wp-side-menu .side-menu-text:hover {
  color: #fff;
  background: #333d47;
  border-bottom: 1px solid #333d47;
}

.utia-wp-side-menu .side-menu-text:hover a {
  color: #fff;
}

.utia-wp-side-menu .menu-item-has-children .toggle-sub-menu,
.utia-flex-menu-container .utia-wp-side-mobile-toggle button {
  display: inline-block;
  /* min-height: 36px; */
  /* 20px */
  background-repeat: no-repeat;
  background-size: 30px 30px;
  /* 20px 20px */
  background-position: right;
  /* width: 26px; */
  width: 22px;
  border: 0 none;
  position: absolute;
  /*  right: 0; */
  right: 4px;
  z-index: 1;
  /* top: 0; */
  top: 2px;
  /* height: 30px;
  width: 30px; */
  height: 32px;
  width: 22px;
  padding: 0 2px 0 2px;
}

.toggle-sub-menu.arrow-up,
.utia-wp-side-mobile-toggle button.arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*  menu display side  */
/* ---- debug styles    ----- */
.debugme {
  position: absolute;
  top: 60px;
  z-index: 100;
  background-color: #eee;
  border: 2px solid red;
  padding: 6px;
}

/* =======================   PRIMARY MENU ADJUSTMENTS  =========================   */
/* top menu drop subs 
.primary-navigation ul.sub-menu>.current-page-parent>ul.sub-menu {
    display: block;
}

 -- */
/* --- fix for arrow dropping to next line --- */
@media screen and (min-width: 601px) {
  .main-navigation ul ul li a, .primary-navigation ul ul li a {
    background: none;
    max-width: 270px;
  }
}

/* --- fix for inverting arrow color -- -*/
.main-menu .sub-menu > .current-menu-item svg {
  color: #fff;
}

/*  -- keep parent drop down arrow highlighted -- */
.main-menu .sub-menu > .current-menu-ancestor > button > svg {
  background-color: #333d47;
  color: #fff;
}

/* =======================  GENERAL STYLES   ============================  */
/* no bullets on list */
ul.clean-list {
  list-style-type: none;
}

/* 3 column list */
ul.col-3-list li {
  display: inline-block;
  width: 33%;
  vertical-align: text-top;
}

/* 2 column list */
ul.col-2-list li {
  display: inline-block;
  width: 50%;
  vertical-align: text-top;
}

/* list item spacing */
ul.list-spacing > li {
  padding-bottom: 1rem;
}
/*# sourceMappingURL=utia-side-menu-public.css.map */