/* TXT by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) */  /*********************************************************************************/ /* Basic                                                                         */ /*********************************************************************************/  h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em 0; }  h2 { font-size: 1.65em; }  h2.major { font-size: 1.65em; text-align: center; margin: 0 0 3em 0;  }  h2.major span { top: -0.775em; padding: 0 1.5em 0 1.5em; }  h3 { font-size: 1.25em; }  h4 { font-size: 1.25em; }  /* Button */  input[type="button"], input[type="submit"], input[type="reset"], .button { font-size: 1.25em; padding: 0.85em 1.85em; }  input[type="button"].big, input[type="submit"].big, input[type="reset"].big, .button.big { font-size: 1.65em; padding: 0.85em 1.85em; }  /* List */  ul { }  ul.actions { text-align: center; margin: 2em 0 0 0; }  /* Box */  .box { }  .box.highlight { }  .box.highlight .special { margin: 0 0 4em 0; }  .box.highlight h2 { font-size: 3em; margin: 0 0 0.75em 0; }  .box.highlight header > p { font-size: 1.65em; margin: 0 0 1.5em 0; }  .box.feature { text-align: center; }  .box.post { }  .box.post header { margin: 0 0 2.5em 0; }  .box.post h3 { font-size: 3em; margin: 0 0 0.5em 0; }  .box.post header > p { font-size: 1.65em; margin: 0 0 0.5em 0; }  .box.post ul.meta { margin: 0 0 0.5em 0; }  .box.post-summary { }  .box.post-summary h3 { line-height: 1em; margin: 0 0 0.75em 0; }  .box.post-summary .meta { margin: 0; line-height: 1em; }  .box.page-content { }  .box.page-content header { margin: 0 0 2.5em 0; }  .box.page-content h2 { font-size: 3em; margin: 0 0 0.5em 0; }  .box.page-content header > p { font-size: 1.65em; margin: 0 0 0.5em 0; }  .box.page-content ul.meta { margin: 0 0 0.5em 0; }  /*********************************************************************************/ /* Sidebar + Content                                                             */ /*********************************************************************************/  .sidebar { padding-top: 0.5em; }  .homepage .sidebar { padding-top: 0; }  .sidebar h2.major { text-align: left; margin: 0 0 1em 0; }  .sidebar h2.major span { padding-left: 0; }  .content { }  .content-left { padding-right: 2em; }  .content-right { padding-left: 2em; }  /*********************************************************************************/ /* Wrappers                                                                      */ /*********************************************************************************/  #banner-wrapper { padding: 1em 0; height: 500px;  }  #main-wrapper { border-top-width: 35px; border-bottom-width: 10px; }  /*********************************************************************************/ /* Header                                                                        */ /*********************************************************************************/  #header { text-align: center; font-size: 2em; font-family: 'Vast Shadow', cursive; font-weight: 500; text-transform: uppercase; padding: 2.5em 0 0 0; background: #fff; margin: 0 auto; color: #0066FF; }  #header .logo { position: relative; text-align: center;     }  #header .logo div a { background: #fff; position: relative; display: inline-block; padding: 1em 0 0 0; top: -0.65em; border-bottom: solid 5px #e7eae8; color: #0066FF; }   #header .logo p { display: inline;  }  #header .logo p { color: #0066FF;  } header p { display: none;  } @media only screen and (max-width: 640px) { .header .logo { height: 50px; } }  /*********************************************************************************/ /* Nav                                                                           */ /*********************************************************************************/  #nav { position: fixed; top: 0; left: 0; z-index: 1000; background-color: rgba(255,255,255,0.95); background-image: url('images/overlay.png'); width: 100%; height: 3.25em; line-height: 3.25em; text-align: center; font-family: 'Vast Shadow', cursive; font-weight: 700; text-transform: uppercase; cursor: default; }  #nav ul { position: relative; z-index: 1001; }  #nav li { display: inline-block; margin: 0 0.5em 0 0.5em; top: 0; position: relative; -moz-transition: top .15s ease-in-out; -webkit-transition: top .15s ease-in-out; -o-transition: top .15s ease-in-out; -ms-transition: top .15s ease-in-out; transition: top .15s ease-in-out; }  #nav li > ul { display: none; }  #nav li a, #nav li span { position: relative; display: block; text-decoration: none; color: #6b7770; top: -6px; padding: 6px 1.5em 0.25em 1.5em; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; outline: 0; -moz-transition: background-color .075s ease-in-out, color .075s ease-in-out; -webkit-transition: background-color .075s ease-in-out, color .075s ease-in-out; -o-transition: background-color .075s ease-in-out, color .075s ease-in-out; -ms-transition: background-color .075s ease-in-out, color .075s ease-in-out; transition: background-color .075s ease-in-out, color .075s ease-in-out; }  #nav li:hover, #nav li.active { top: 3px; }  #nav li:hover a, #nav li:hover span, #nav li.active a, #nav li.active span { background: #C1CAC5; color: #fff; }  #nav li.current { }  #nav li.current a { background: #ff9900; color: #fff; }  .dropotron { background: #6B7770; color: #fff; border-radius: 6px; line-height: 2.75em; text-align: center; font-family: 'Vast Shadow', cursive; font-weight: 500; text-transform: uppercase; padding: 1em 0; text-align: left; min-width: 20em; margin-top: -1em; box-shadow: 0 1em 2em 0 rgba(0,0,0,0.1); }  .dropotron li { }  .dropotron li > a, .dropotron li > span { display: block; color: #D7DAD8; text-decoration: none; padding: 0 1.25em; }  .dropotron li:hover > a, .dropotron li:hover > span, .dropotron li.active > a, .dropotron li.active > span { color: #fff; background: #7B8780; }  .dropotron li:first-child { border-top: 0; }  .dropotron.level-0 { margin-top: 1em; font-size: 0.9em; }  .dropotron.level-0:before { content: ''; position: absolute; left: 50%; margin-left: -1em; top: -0.65em; border-bottom: solid 1em #6B7770; border-left: solid 1em transparent; border-right: solid 1em transparent; }  /*********************************************************************************/ /* Banner                                                                        */ /*********************************************************************************/  #banner { padding: 1em 0 1em 0; }  #banner h2 { font-size: 2.75em; margin: 0 0 0.75em 0; }  #banner p { font-size: 1.35em; margin: 0 0 1.25em 0; }  #banner .button { font-size: 1.5em; }  /*********************************************************************************/ /* Main                                                                          */ /*********************************************************************************/  #main { padding: 6em 0 6em 0; }  /*********************************************************************************/ /* Footer                                                                        */ /*********************************************************************************/  #footer { text-align: center; padding: 8em 0 8em 0; }  #footer h2.major { margin: 0 0 1em 0; }  /*********************************************************************************/ /* Copyright                                                                     */ /*********************************************************************************/  #copyright { margin: 4em 0 0 0; }