/*============================================================================*/

#tol-menubar {
  background-color: #FFF;
  border: 1px solid #E8B7D3;
  font-size: 1rem;
  margin-bottom: 2rem;
}

#tol-menubar:after {
  content: "";
  display: table;
  clear: both;
}

/* nav */

.tol-menu,.tol-menu ul,.tol-menu li,.tol-menu a { margin: 0; padding: 0; line-height: normal; list-style: none; display: block; position: relative; }

.tol-menu ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }

.tol-menu li:hover > ul { left: 0; opacity: 1; z-index: 1000; }

.tol-menu ul li:hover > ul { top: 0; left: 100%; }

.tol-menu li { cursor: default; float: left; white-space: nowrap; }

.tol-menu ul li { float: none; }

/* sub width */

.tol-menu ul {
  min-width: 12em;
  -webkit-box-shadow: 2px 2px 2px rgba(232,183,211,0.55);
  box-shadow: 2px 2px 2px rgba(232,183,211,0.55);
  border: 1px solid #E8B7D3;
}

/* center */
/*
.tol-menu-center { float: right; right: 50%; }
.tol-menu-center > li { left: 50%; }
*/

/* root */

.tol-menu a {
  padding: 1.00rem 0.50rem;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

/* root: active */

.tol-menu > li > .tol-menu-active {
  background-color: #6B00A5;
}

/* root: hover/persistence */

.tol-menu a:hover,.tol-menu a:focus,.tol-menu li:hover a {
  background: #E8B7D3;
  color: #FFF;
}

/* 2 */
.tol-menu li li a,.tol-menu li:hover li a {
  padding: 1.00rem 0.50rem;
  background: #FFF;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tol-menu li li a,.tol-menu li:hover li a:hover  {
  background: #E8B7D3;
  color: #FFF;
}

/* 2: hover/persistence */

.tol-menu li:hover li a:hover,.tol-menu li:hover li a:focus,.tol-menu li:hover li:hover a {
  background: #E8B7D3;
}

/* 3 */
/*
.tol-menu li:hover li:hover li a {
  background: #E8B7D3;
}
*/

/* 3: hover/persistence */
/*
.tol-menu li:hover li:hover li a:hover,.tol-menu li:hover li:hover li a:focus,.tol-menu li:hover li:hover li:hover a {
  background: #E8B7D3;
}
*/

/* 4 */
/*
.tol-menu li:hover li:hover li:hover li a {
  background: #E8B7D3;
}
*/

/* 4: hover */
/*
.tol-menu li:hover li:hover li:hover li a:hover,.tol-menu li:hover li:hover li:hover li a:focus {
  background: #E8B7D3;
}
*/

/* vertical */

@media only screen and (max-width: 600px) {

  .tol-menu {
    max-width: 220px;
  }

  .tol-menu ul {
    margin-left: 1.00rem;
    opacity: 1; position: relative;
    left: 0;
    z-index: 0;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    border: 0;
  }

  .tol-menu li {
    width: 100%;
    float: none;
  }

  .tol-menu a {
    padding: 0.25rem 0.50rem;
  }

  .tol-menu li li a,.tol-menu li:hover li a {
    padding: 0.25rem 0.50rem;
  }

  .tol-menu li li a, .tol-menu li:hover li a:hover {
    background-color: #FFF;
    color: #000;
  }
}

/*============================================================================*/
/* =====[ (c) 2022 CSR Tech Concepts Inc All Rights Reserved.       ]=========*/