/*
Theme Name: BadgePass 2018
Author: Jason Banks
Description: Theme for BadgePass 2018
Version: 2.0
*/

/*----------------------------------------------------------------------------------------------------
>>> TABLE OF CONTENTS: BadgePass 2018
------------------------------------------------------------------------------------------------------
1.0 CSS Reset
2.0 Universal Rules/CSS/Js
3.0 Body/Wrapper
4.0 Header
   4.1 Navigation Settings
   4.2 Burger Menu Settings
---------------------------	
JASON BANKS
---------------------------	
*/

/*----------------------------------------------------------------------------------------------------
1.0 CSS Reset
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*----------------------------------------------------------------------------------------------------
2.0 Universal Classes / CSS / JS
----------------------------------------------------------------------------------------------------*/
/* Classes
*************************/

/* Font Weight/Sizes/Color 
*************************/
.large-font {font-size: 48px; line-height: 48px;}

h1 {font-size: 36px; line-height: 36px;}

h2 {font-size: 24px;}

h3 {font-size: 21px;}

h4 {font-size: 18px;}

b {font-weight: bold;}

strong {font-weight: bold;}

em {font-style: italic;}

i {font-style: italic;}

s {color: #999999;}

.img-100 {width: 100%;}

/*----------------------------------------------------------------------------------------------------
3.0 Body/Main Wrapper
----------------------------------------------------------------------------------------------------*/
/* Main-wrapper
*************************/
#main-wrapper {	
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
}

/*----------------------------------------------------------------------------------------------------
4.0 Header
----------------------------------------------------------------------------------------------------*/
/* Header
*************************/
header {position: relative;}

header div {
  width: 80%;
  padding: 10px 10% 20px 10%;
  text-align: center;
}

header div img, p, h5 {
  display: inline-block;
  vertical-align: top;
}

header div p, h5 {margin: 20px 0 0 0;}

header div img {
  position: absolute;
  left: 10%;
}

header div h5 {
  position: absolute;
  right: 10%;
}

/* Nav-wrapper
*************************/
#nav-wrapper {
  width: 80%;
  padding: 10px 10% 10px 10%;
  background-color: #333;
  text-align: left;
}

#nav-wrapper nav li {display: inline;}

#nav-wrapper nav li a {
  padding: 9px 20px 10px 20px;
  text-decoration: none;
  color: #999;
}

#nav-wrapper nav ul li a:hover {
  color: #ccc;
  background-color: #007FB2;
}

#nav-wrapper nav ul ul a {color: #333333;}

#nav-wrapper nav ul ul {display: ;}

#nav-wrapper nav ul li:hover ul a {display: block;}

/*
#nav-wrapper nav ul li div {display: none;}

#nav-wrapper nav ul li:hover div {display: block;}
*/

/* Wide Navigation Box Settings
*************************/
#nav-wrapper nav ul li aside {margin: 10px 0 0 0;}

#nav-wrapper nav ul li aside h4 {margin: 20px 0 0 0;}

#nav-wrapper nav ul li aside div {
  display: none;
  vertical-align: top;
  text-align: left;
  width: 23%;
  margin: 0 0 0 0;
  padding: 0 0 10px 20px;
}

#nav-wrapper nav ul li:hover aside div {display: inline-block;}
/* Wide Navigation Box Settings - End
*************************/

/* Nav-Block-01
*************************/
#nav-block-01 {
  position: absolute;
  width: 80%;
  background-color: white;
}

#nav-block-01 ul li {
  display: block;
  margin: 6px 0 0 0;
  padding: 0;
}

#nav-block-01 li a {
  text-decoration: none; 
  margin: 0; 
  padding: 0 !important;
}

#nav-block-01 ul li a:hover {
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0) !important;
  color: #007FB2 !important; 
}

/* Traditional Drop Down
*************************/
.header-nav-margin-left-01 {
  position: relative;
  margin-left: 82px;
}

#traditional-drop-down {
  position: absolute;
}

#traditional-drop-down ul {
  margin: 10px 0 0 0;
}

#traditional-drop-down ul li {
  display: none;
  padding: 0 0 0 0;
}

#traditional-drop-down:hover ul li {
  display: block;
  background: white;
}

/* Nav-Block-03
*************************/
#nav-block-03 {
  position: absolute;
  width: 200px;
  margin-left: 600px;
  background-color: white;
}

#nav-block-03 ul li {
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0;
}

#nav-block-03 li a {
  text-decoration: none; 
  margin: 0; 
  padding: 0 !important;
}

#nav-block-03 ul li a:hover {
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0) !important;
  color: #007FB2 !important; 
}