/* ========================================= */
/*    DOCTOR ARCANA - MAIN MENU INLINE     */
/* ========================================= */
/* MENU STYLES INLINE & MOBILE */
.ajxmenu,.ajxmenu_n,.ajxmenu *,.ajxmenu_n * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ajxmenu {position:relative;z-index:99;width:100%;line-height:0;}
.ajxmenu ul {position:relative;display:inline-block;margin:0;padding:0px 0px 0px 0px;list-style-type:none;}
.ajxmenu li {float:left;margin:0;}
.ajxmenu li:hover,.ajxmenu li.ajxover {position:relative;}
.ajxmenu a,.ajxmenu_n a {display:block;overflow:hidden;}
.ajxmenu>ul>li>a {height:60px;white-space:nowrap;padding-right:16px;font:1.3em "Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:400; color:#D7B10B; text-shadow: 1px 1px 0 #000;line-height:60px;text-decoration:none;text-transform:uppercase;text-align:left;border:0;background:none;transition:color 0.3s linear; }
.ajxmenu>ul>li:hover>a,.ajxmenu>ul>li.ajxover>a {color:#ffffff;}
.ajxmenu>ul>li>a.ajxsub {padding:0 8px 0 16px;}
.ajxmenu li a.ajxsub:after {content:"\25BE  ";font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 5px 10px;}
.ajxmenu>ul>li:hover>a.ajxsub,.ajxmenu>ul>li.ajxover>a.ajxsub {position:static;}
.ajxmenu li ul {position:absolute;left:-9999px;top:-9999px;width:216px;height:auto;display:inline-block;vertical-align:top;font-size:0;float:none;padding:0px 0px 0px 0px;border:none;background:none;-moz-box-shadow:25px 25px 10px rgba(0,0,0,.6);-webkit-box-shadow:25px 25px 10px rgba(0,0,0,.5);box-shadow:25px 25px 10px rgba(0,0,0,.6);}
.ajxmenu li:hover > ul,.ajxmenu li.ajxover > ul {left:0px;top:60px;}
.ajxmenu li li {width:216px;margin:0;}
.ajxmenu li li a {height:auto;white-space:normal;padding:16px 0px 16px 20px;font:17px "Roboto Condensed",Arial,Helvetica,sans-serif;font-weight:400; letter-spacing:.1em;;line-height:18px;text-decoration:none;text-transform:none;text-align:left;text-shadow: 1px 1px 1px #000;border:1px solid #000000;color:#D7B10B;background:#400;transition:background-color 0.3s linear,color 0.3s linear,border-color 0.3s linear;}
.ajxmenu li li:hover>a,.ajxmenu li li.ajxover>a {color:#ffffff;background:#700;}
@media screen and (max-width:900px) { 
/* MOBILE MENU ADJUSTMENTS */
.ajxmenu ul,.ajxmenu:after,.ajxmenu_n:after {content:"narrow";display:none;}
.ajxmenu_n {display:block;position:relative;width:100%;z-index:9;padding-top:60px;cursor:default;} /* set cursor to default to avoid blue overlay on mobile */
.ajxmenu_n:before {display:block;position:absolute;top:0px;left:20px;content:"\2261";font:42px "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:200;line-height:50px;color:#D7B10B;z-index:1;padding-top:5px;} /* custom hamburger */
/* TITLE BAR */
.ajxmenu_n>ul:before {display:block;position:absolute;top:0; left:2%; right:2%; content:"DOCTOR ARCANA"; white-space: nowrap; font:24px "Roboto Condensed",Arial,Helvetica,sans-serif;font-weight:400;line-height:50px;color:#D7B10B;z-index:1;padding:5px 10px;}
.ajxmenu_n ul {margin:0;list-style-type:none;}
.ajxmenu_n>ul {height:0;overflow:hidden;}
.ajxmenu_n>ul.ajxover,.ajxmenu_n li ul{height:auto;padding:0px 0px 0px 0px;}
.ajxmenu_n li {float:none;margin:0;display:none;}
.ajxmenu_n .ajxover li {display:block;}
.ajxmenu_n li a {height:auto;white-space:normal;padding:20px 8px 20px 20px;font:18px "Roboto Condensed",Arial,Helvetica,sans-serif;font-weight:400;line-height:18px;text-decoration:none;text-transform:uppercase;text-align:left;text-shadow: 1px 1px 1px #000;border:1px solid #000000;color:#D7B10B;background:#400;transition:background-color 0.3s linear,color 0.3s linear,border-color 0.3s linear;}
.ajxmenu_n li:hover>a,.ajxmenu_n li.ajxover>a {color:#ffffff;background:#600;}
.ajxmenu_n li a.ajxsub:after {content:"\25BE";font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; float:right; margin-right:20px;}
.ajxmenu_n li a.ajxsub {background:#400000;}
.ajxmenu_n li:hover>a.ajxsub,.ajxmenu_n li.ajxover>a.ajxsub {background:#600000;}
.ajxmenu_n li li a {padding-left:40px;background:#2b2b2b;color:#cccccc;text-transform:none} /* indent second level */
}


