.snap-drawer-right, .snap-drawer-left {display: none;}
.snap-content, .snap-drawer {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.snap-drawer {z-index: 1;}
.snap-content {z-index: 2;}



/* === MENU DRAWER === */
.snap-drawer {background: #143552; font: normal 1.2em 'Source Sans Pro', sans-serif; text-transform: uppercase; height: auto; overflow: auto; width: 266px;}

/* only add this when menu open as "webkit-overflow-scrolling" breaks scroll to top. */
body.snapjs-left .snap-drawer, 
body.snapjs-right .snap-drawer {overflow: auto; -webkit-transition-property: top, bottom; transition-property: top, bottom; -webkit-transition-duration: .2s, .2s;
transition-duration: .2s, .2s; -webkit-transition-timing-function: linear, linear; transition-timing-function: linear, linear; -webkit-overflow-scrolling: touch;}


body.snapjs-left .snap-drawer-left {display: block; left: 0; top: 0;}
body.snapjs-right .snap-drawer-right {display: block; left: auto; right: 0; top: 0;}

.snap-drawer ul {padding: 0;}
.snap-drawer li {}
.snap-drawer li a {display: block; border-bottom: 1px solid #000; border-top: 1px solid #223f5e; padding: 15px; font-weight: bold; text-shadow: 0 1px 0 #000;
text-decoration: none; color: #fff;}

.snap-drawer li.watch-bg  {background: url(../images/snap-menu-watch-bg.png) top left repeat-y;}


.snap-drawer .sub-menu {display: none; font-size: .8em; clear: left;}
.snap-drawer .sub-menu li {border-bottom: 0;}
.snap-drawer .sub-menu li a {display: block; border-bottom: 1px solid #000; border-top: 1px solid #223f5e; padding: 9px 15px; font-weight: bold; text-shadow: 0 1px 0 #000; text-decoration: none; color: #fff; background-color: #0b2740;}

.snap-drawer a.has-children {width: 80%; float: left;}

.snap-drawer .sub-menu-toggle {float: left; width: 20%; border-top: 1px solid #223f5e; border-left: 1px solid #000; border-bottom: 1px solid #000; padding: 15px; border-left: 1px solid #000; display: block; color: #fff; background-color: #266297; cursor: pointer;}
.snap-drawer .sub-menu-toggle:hover {background-color: #4285f4;}

.snap-drawer .current-menu-item .sub-menu, .snap-drawer .current-menu-parent .sub-menu {display: block;}


/* more ways to watch */
.snap-drawer-right {background-color: #353535;}
.snap-drawer-right .more-ways {font-size: 0.990em; font-weight: bold; text-align: center; color: #fff; padding: 2%;}
.snap-drawer-right .more-ways span {display: block; font-size: 2.844em; font-family: 'Roboto Condensed'; line-height: 1em;}
.snap-drawer-right li a {border-bottom: 0; border-top: 1px solid #1c1c1c;}
/* end more ways to watch */