@charset "utf-8";

@import "../initial";

.sitemenu-horizontal {
  background: #efefef;
  margin-top: 18px;
  box-shadow: 0 2px 0 #d2e6ee;

  @include clearfix;

  .sitemenu-title {
    display: none;
  }

  .sitemenu-item.level-1 {
    font-size: 0.8125rem;
    position: relative;
    float: left;
    padding:8px 0;
    color: #4a7db3;
    transition:all .3s;

    &:hover {
    	background-color:#4a7db3;
   		.sitemenu-list.dropdown-menu{
   			display:block;
   		}
   		.sitemenu-link.level-1{
	   		// background-color:#4a7db3;
	      	color:white;   			
   		}
   		.sitemenu-dropdown-toggle{
   			color:white;
  			background-color:#4a7db3;
   		}
    }
  }

  .sitemenu-link.level-1 {
    margin-right: .25rem;
    color: #4a7db3;
    transition: all .3s;
    padding: 0 .8em;

    &:hover{
      color:white;
      // background: #4a7db3;
    }
  }
	

  .sitemenu-dropdown-toggle {
    font-size: 0.75rem;
    padding: 2px .3125rem;
    cursor: pointer;
  }

  .sitemenu-dropdown-toggle:hover{

  }

  // sitemenu dropdown
  .sitemenu-list.dropdown-menu {
    min-width: 100%;
    margin-top: -1px;
    padding:0;
    border: none;
    border-radius: .2em;
    background-color:#efefef;
    // background: $theme-color-main;

  }

  .sitemenu-link.level-2 {
    color: $theme-white;
    font-size: 0.8125rem;
    padding: 4px 0.625rem;
    color:white;
    background-color:#242424;

    &:hover {
      // text-decoration: underline;
      background-color:white;
      color:#37518A;
    }
  }
}

.sitemenu-vertical {
  .sitemenu-list {
    // background-color: $theme-color-second;
    background-color: #efefef;
    box-shadow: 0 -2px 0 #d2e6ee;
  }

  .sitemenu-item.level-1 {
    padding: 10px 20px;
    position: relative;
    color: $theme-white;
    transition:all .3s;
    border-bottom: 1px dashed #cccccc;
  }

  .sitemenu-item.level-1:hover{
    color:white;
    background-color:#4a7db3;
    .sitemenu-dropdown-toggle {
    	color:white;
    }
    .sitemenu-list.dropdown-menu{
    	display:block;
    	width: 100%;
    }
  }

  .sitemenu-link {
    // font-size: 0.8125rem;
    // color: $theme-white;
    color:#4a7db3;
    font-size:0.9375em;
    transition:all .3s;
    display:block;
    width: 100%;
  }
  
  .sitemenu-item.level-1:hover .sitemenu-link.level-1{
     color:white;
  }

  .sitemenu-dropdown-toggle {
    font-size: 0.75rem;
    padding: 2px .3125rem;
    cursor: pointer;
    color:#4a7db3;
    display: block;
    float: right;
    margin-top: -20px;
  }

  .sitemenu-list.dropdown-menu {
    border: none;
    border-radius: .2em;
    // background: $theme-color-main;
    background-color:#242424;
    margin: -1px 0 0px;
    box-shadow: none;
  }

  .sitemenu-link.level-2 {
    // color: $theme-white;
    font-size: 0.8125rem;
    padding: 4px 0.625rem;
    color:white;
    background-color:#242424;

    &:hover {
      // text-decoration: underline;
      background-color: white;
      color:#37518A;
    }
  }
}