/*RHDN Header*/
#header_wrapper {max-width: 1400px; margin: auto;}

#top, #navbar ul , #footer, .topbar, .topbar2 { background-color: #002f54; }

#top { border-radius: 0; box-shadow: 0 18px 20px -6px rgba(0,0,0,0.75); border-top: 3px solid #8699A5; border-bottom: 3px solid #8699A5; font: 15px/1.231 arial,helvetica,clean,sans-serif;}
#logo { float: left;}
#logo  {max-width: 100%}

#navbar_wrap { margin: 0; padding-top: 39px;}
#navbar
{
	margin: 0 35px 0 15px; 
	padding: 0; 
	list-style: none;
    text-align: right; 
    float: right;
    font-size: 15px; 
}   

/* navbar dropdowns */
#navbar li {position: relative; display: inline; } 
#navbar a {color: white; display: inline-block; padding: 8px; text-decoration: none; vertical-align: middle;}
#navbar a.social_media{padding: 0;}
#navbar li a.social_media img{ vertical-align: middle;}
#navbar ul a {display: block; }
#navbar ul {position: absolute; margin: 0; padding: 5px 0; display: none; text-align: left; border-radius: 5px; z-index: 999; }
#navbar ul li {display: block; padding: 0 5px;}
#navbar li:hover  ul { display: block; left: 0; border: 1px solid #B4C0CE; width: 12em;}
#navbar li:hover  a{ color: #FFC107; }
#navbar li:hover  ul a{color: white;}
#navbar li:hover ul a:hover { text-decoration: none; border: 1px solid #000; border-top: 1px solid #000; background: linear-gradient(to top, #06609e 1%, #1c8de5 70%);border-radius: 5px; }
#NavBarHelp ul { margin-left: -65px;}

/* Search form and theme form */
#navbar form, #navbar form div {display:inline;}
#navbar label, #leftbar label  { display: none; }
#navbar input,#leftbar input { font-size: 10px;}
#navbar input[type="text"] { width: 65%; display: inline; }
#leftbar select,#leftbar input  { width: 100%; font-size: 12px; margin-bottom: 3px;}
#leftbar option { font-size: 12px;}

body { background: #d8e6f3; }
#top_section, #top_section .inner_wrap, #wrapper, #header, #footer .inner_wrap { max-width: 1300px; }
div.cat_bar { background: #002f54; box-shadow: 0 16px 20px rgba(255,255,255,.15) inset; }
#top_section { margin: 20px auto 0 auto; border-radius: 8px; width: 90%; }
#top_section .inner_wrap { width: auto; margin-right: 10px; }
@media only screen and (max-width: 720px) 
{#top_section {    width: 100%; border-radius: 0; }}

/* Style 'show menu' label button and hide it by default */
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: lightblue;
	text-align: center;
	padding: 8px 0;
	display: none;
	 clear: left;
	 font-size: 20px;
}
/* Hamburger icon */
.show-menu:after {
	 display: inline-block;
	 width: 20px;
	 height: 2px;
	 background: lightblue;
	 box-shadow: 0 7px 0 lightblue, 0 14px 0 lightblue;
	 content: '';
}

/* Hide checkbox */
#top input[type=checkbox]{
	 display: none;
}

@media screen and (max-width: 639px)
{
    #wrapper { padding: 0; margin-top: 15px;}
    #right_container, #rightbar, #rightbar2 { float: none; width: 100%; margin-left: 0; clear: both; display: none;}
    #main {margin: 0 3px 0 3px; float: none;}
    #navbar a.social_media{padding: 5px 7px;}
    #navbar li {position: relative; display: block; text-align: left; } 
    #navbar li:hover  ul { display: block; position: relative;  border: none; width: 12em; padding-left: 15px;}
    #navbar li:hover  ul a{ border-bottom: none; width: 100%;}
    #navbar a {width: 100%;}
    #navbar { display: none; float: none;}
    #NavBarHelp ul { margin-left: 0;}
    
    /* Display 'show menu' link */
	.show-menu {display:block;}
	
	form.filter fieldset li { float: none; width: 100%;}
	.Game, .Source {display: none;}
    
}

/* Show menu when invisible checkbox is checked */
#top input[type=checkbox]:checked ~ #navbar { 
    display: block;
}