/* ====== Wrapper for entire sliding panel ====== */

#sidebar-sliding-panel {
	position: absolute;
	top:      0;
	right:	  55px;
	display:  none;
	width:    320px;
	z-index:  10;
}

.admin-bar #sidebar-sliding-panel { top: 0px; }
.admin-bar.mp6 #sidebar-sliding-panel { top: 0px; }

@media screen and ( max-width: 782px ) {
	.admin-bar.mp6 #sidebar-sliding-panel { top: 0px; }
}

/* === Inner wrapper for sliding panel === */

.sp-wrap {position: absolute;width:100%;}

/* === Sliding Panel sidebar === */

.sp-content {
	display:    none;
	overflow:   hidden;
	width:      100%;
	background: #0c3348;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	font-size: 12px;
	box-shadow: 1px 1px 1px black;
	-moz-box-shadow: 1px 1px 1px black;
	-webkit-box-shadow: 1px 1px 1px black;
}

.sp-content-wrap {
	overflow:  hidden;
	max-width: 1200px;
	margin:    0 auto;
	padding:   50px 5px 25px;
}

/* Widgets */

.sp-content .widget {
	overflow:   hidden;
	float:      left;
	width:      30%;
	margin:     0 1.5%;
	padding:    0;
	color:      #888;
	background: transparent;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sp-content .widget:nth-child( 4n + 4 ) {
	clear: both;
}

@media only screen and ( max-width: 768px ) {

	.sp-content .widget { 
		width: 47%; 
	}

	.sp-content .widget:nth-child( 4n + 4 ) { 
		clear: none; 
	}

	.sp-content .widget:nth-child( odd ) { 
		clear: both; 
	}
}

@media only screen and ( max-width: 480px ) {

	.sp-content .widget {
		clear: both;
		width: 94%;
	}
}

.sp-content .widget-title {
	padding:        0;
	color:          #888;
	text-transform: none;
	background:     transparent;
	border:         none;
}

.sp-content a {
	color:           #fff;
	text-decoration: none;
}

.sp-content a:hover {
	text-decoration: underline;
}

/* === Toggle button ==== */

/*.sp-toggle {
	clear:      both;
	max-width:  1200px;
	margin:     0 auto;
	position: absolute;
	top: 0;
	right: 55px;
}*/

/*.sp-toggle a {
	display:    inline-block;
	float:      right;
	padding:    10px 35px;
	color:      #d3d3d3;
	background: #000;
	display: block;
	float: left;
	height: 40px;
	text-indent: -9999px;
	transition: all 0.3s ease 0s;
	width: 40px;
	background: url("../../images/social_icons.png") no-repeat scroll -0px 0 rgba(0, 0, 0, 0);
	background-color: #0c3348;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}*/

/*.sp-toggle a:hover { color: #d3d3d3; }*/

/*@media only screen and ( max-width: 480px ) {

	.sp-toggle { text-align: center; }
	.sp-toggle a {
				float: none;
	}
}*/