/*
 * This stylesheet gets activated depending on the menu-type option set with Customizer.
 * It styles the sidr slideout and its alternative widgets and searchform.
 */

/* sidr.js dark theme (slightly modified) */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:auto;overflow-y:auto;background:#333;color:#fff;}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{line-height:24px;}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;}.sidr ul li{display:block;margin:0;line-height:53px;}.sidr ul li:hover,.sidr ul li.active,.sidr ul li a,.sidr ul li span{display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}

/* overwrite, edit and add your code below */
.sidr{
    font-size: 13.333px; font-family: 'Lato', 'Verdana', sans-serif;
    background-color: #303030;
    color: #ccc;
}
.sidr.right{ text-align: left; }

.sidr ul{ margin-bottom: 0; }
    .sidr ul li{
        position: relative;
        padding: 0 20px;
        line-height: 44px;
        border-bottom: 1px solid #4f4d4d;
        font-size: 11px;
        transition: background-color 0.5s ease-out;
    }
        body.slideout-menu .sidr li:hover{
            background-color: #424242;
        }
            body.slideout-menu .sidr li li:hover{ /* submenu li's */
                background-color: #4C4B4B;
            }
            /* sub-submenu li's */
            body.slideout-menu .sidr li li li:hover{
                background-color: #5E5E5E;
            }
    .sidr ul li ul, .sidr ul li ul li ul{ display: none; } /* show on toggle */
    .sidr ul li ul li{ font-size: 11.111px; }

.sidr ul li a, .sidr ul li span{ color: #fff; }

.sidr a{ font-weight: 900; color: #eee; }

.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6{
    margin: 0; padding: 2px 20px;
    text-transform: none;
    font-size: 12px; font-weight: 900;
    box-shadow: none;
    background-image: none;
    background-color: #191919;
    color: #fff;
}


/*ul*/#sidr-id-menu-np, #sidr-id-menu-pou, #sidr-id-menu-pfu{ text-transform: uppercase; }
    /*ul*/#sidr-id-menu-np, #sidr-id-menu-pou, #sidr-id-menu-pfu li{ line-height: 53px; font-size: 12px; }
    /*ul*/#sidr-id-menu-np, #sidr-id-menu-pou, #sidr-id-menu-pfu li:last-child{ border-bottom: none; }




/* Submenu Toggle (overwritten styles from mobile-menu.css)
----------------------------------------------- */


.sidr .nav-click {
    top: 10px; right: 10px;
    width: 30px; height: 29px;
    padding: 0;
    border: 1px solid #242424;
    background-color: #585758;
}
    .nav-click i {
        width: 27px; height: 27px;
        background-size: 15px;
    }





/* Searchform
----------------------------------------------- */


.sidr .sidr-class-searchform{
    margin: 0;
}
        .sidr-class-searchform input[type="search"]{
            margin-bottom: 0; padding: 20px 15px;
            font-size: 15px; font-style: italic;
            background-color: #eee;
            color: #000;
        }
        .sidr-class-searchform input:focus, .sidr-class-searchform input:active{
            outline: none;
        }





/* Helpers
----------------------------------------------- */


.sidr-class-hidden, .sidr-class-hide { display: none; }
.sidr-class-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute; }
.sidr-class-visuallyhidden.focusable:active,
.sidr-class-visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
  position: static; }
.sidr-class-invisible { visibility: hidden; }
.sidr-class-screen-reader-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
}
	.sidr-class-screen-reader-text:focus {
		position: absolute; top: 5px; right: 0; bottom: 0; left: 5px;
		width: auto; height: auto;
		display: block;
		z-index: 100000;
		/* Above WP toolbar */
		padding: 15px 23px 14px;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto;
		background-color: #f1f1f1;
		color: #21759b;
		font-size: 16px; font-weight: bold;
		line-height: normal;
		text-decoration: none; text-transform: none;
	}