/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-multi-level-menu-jquery.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* this is the PC menu stylesheet */
.cssplay_menu {width:100%; background:#cedce5; text-align:center; height:30px; position:relative; z-index:100; left:0;border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.9);}
.cssplay_toggle {display:none;}
.cssplay_menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.cssplay_menu ul {display:inline-block;} 
.cssplay_menu ul {display:inline;}

.cssplay_menu li {margin:0; padding:0; list-style:none;}
.cssplay_menu li.close {display:none;}

.cssplay_menu li {display:inline-block; display:inline;}
.cssplay_menu ul ul {position:absolute; left:-9999px; border:1px solid #f5f7f9; border-top:0;}
.cssplay_menu > ul {margin:0 auto;}
.cssplay_menu > ul > li {float:left; display:block; position:relative;}
.cssplay_menu ul ul li a {border-top:1px solid #f5f7f9;}
.cssplay_menu > ul > li.has-sub > a {background-image:url(cssplay-menu-jquery/down.webp); background-repeat: no-repeat; background-position: right center;}
.cssplay_menu ul ul > li.has-sub > a {background-image:url(cssplay-menu-jquery/right.webp); background-repeat: no-repeat; background-position: right center;}
.cssplay_menu ul li.left ul > li.has-sub > a {background-image:url(cssplay-menu-jquery/left.webp); background-repeat: no-repeat; background-position:left center;}

.cssplay_menu ul li b {display:block; width:100%; height:30px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.5s;
transition: 0s 0.5s;
}
.cssplay_menu ul ul li b {margin-top:-40px;}

.cssplay_menu ul li b {display:none;}

.cssplay_menu ul {background:#cedce5;}

.cssplay_menu a {display:block; font:normal 14px "PT Sans", arial, sans-serif; color:#000; line-height:30px; text-decoration:none; padding:0 40px 0 10px;}
.cssplay_menu > ul > li > a {float:left; text-transform:uppercase;}

.cssplay_menu ul li:hover > ul {visibility:visible; left:-1px; top:30px; opacity:1;}
.cssplay_menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-46px;}
.cssplay_menu li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:45px;}
.cssplay_menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-46px;}
.cssplay_menu ul li:hover > b {width:0;}

.cssplay_menu li.left ul a {text-align:right; padding:0 10px 0 30px;}

.cssplay_menu li:hover > a,
.cssplay_menu li.left ul li:hover > a {background-color:#99abb9; text-decoration:underline;}


/* this is the stylesheet when the menu is viewed on a device with a max width of 1024 pixels */
.cssplay_menu_mini {height:100%; width:300px; overflow:scroll; overflow-x:hidden; background:#115198; position:fixed; left:-300px; top:0; z-index:500010;
-webkit-overflow-scrolling: touch;
}
.cssplay_menu_mini + .cssplay_toggle {display:block; width:80px; height:30px; background:#e36a19 url(cssplay-menu-jquery/menu-icon.webp) no-repeat left center; position:fixed; left:-20px; top:15px; color:#fff; cursor:pointer; z-index:500000; border-radius:0 10px 10px 0; font:normal 16px/25px "PT Sans", arial, sans-serif; color:#fff; text-align:right; padding-right:10px;
-webkit-transition:0.25s;
transition:0.25s;
}

.cssplay_menu_mini + .cssplay_toggle {top:50px;}
.cssplay_menu_mini ul {padding:0; margin:0 0 5px 0; list-style:none; background:#115198; width:100%; border:1px solid rgba(255,255,255,0.2); border-top:0; text-align:left;}
.cssplay_menu_mini ul ul {background:#1b5a9d; width:calc(100% - 30px); margin-left:15px;}
.cssplay_menu_mini ul ul ul {background:#2060a2; width:calc(100% - 30px);}
.cssplay_menu_mini ul ul ul ul {background:#2565a8; width:calc(100% - 30px);}
.cssplay_menu_mini ul li {position:relative; border-top:1px solid rgba(255,255,255,0.2);}
.cssplay_menu_mini li.close {display:block; height:30px; font:normal 16px/28px "PT Sans", arial, sans-serif; color:#fff; text-align:left; padding-left:50px; background:#e36a19 url(cssplay-menu-jquery/close.webp) no-repeat 10px center; cursor:pointer;}
.cssplay_overlay {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:none; cursor:pointer;z-index:500005;}

.cssplay_menu_mini ul li a {display:block; font:normal 16px/28px "PT Sans", arial, sans-serif; color:#fff; text-decoration:none; text-indent:10px;}
.cssplay_menu_mini b {display:none;}