/*
    Theme Name: Happenings
    Theme URI:
    Author: Rich Quigley
    Author URI: http://www.quigleygraphics.com
    Description: This theme is designed for announcing events, like musical performances or plays, at coffee shops, theatres or other venues. It can also be used for a newsletter or similar online publication.
    Version: 1.3.3
    Requires at least: 4.9
    Tested up to: 4.9
    Requires PHP: 5.6.4
    Tags: two-columns, left-sidebar, custom-background, custom-header, custom-menu, theme-options, sticky-post
    License: GNU General Public License v2.0
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: happenings
    Domain Path: /languages/
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 6, 2015 */

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;   
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)*/

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite,
del, dfn, em, img, s, samp,
small, strong, tt, var,
b, u, i, center, ul, li, ol,
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 {
  margin-left: 1em;
}
code {
  font-size: 1.25rem;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
    outline: none;
}
/*END reset*/

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/*END clearfix*/

/*global*/
textarea {
  background-color: #DED4B4;
}
textarea:focus {
  background-color: #fff;
  outline: none;
}
#s {
  width: 80%;
  height: 30px;
  font-size: .9em;
  background-color: #DED4B4;
  border-color: #362403;
  margin-left: 0;
  position: relative;
  padding-left: 5px;
  border-radius: 0;
}
#s:focus {
  background-color: #fff;
  outline: none;
}
#searchform button {
  float: left;
  display: block;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-size: .9em;
  border: none;
  color: #b89300;
  background-color: #362403;
  outline: none;
  cursor: pointer;
  //position: absolute;
  //z-index: 1;
}
#searchform button i {
  color: #b89300;
  display: block;
  margin: 0 auto;
  padding: .25em;
}
#searchform button:hover {
  color: white;
  background-color: black;
}
#searchform {
margin-top: .5rem;
position: relative;
}
::-webkit-input-placeholder {
   color: #A8996A;
}

:-moz-placeholder { /* Firefox 18- */
   color: #A8996A;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #A8996A;  
}

:-ms-input-placeholder {  
   color: #A8996A;  
}

input[type=text] {
  border: 0;
  padding: 0;
}
h1 {
  font: 1.8rem 'open_sansbold', Arial, sans-serif;
  color: #b89300;
}
h2 {
  font-size: 1.2rem;
  line-height: 1.1;
  margin-bottom: .3rem;
  margin-top: .3rem;
  color: #b89300;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-family:  'open_sansbold', Arial, sans-serif;
}
h2 a {
  color: #b89300;
  text-decoration: none;
}
h2 a:hover {
  color: #fff;
}
h3 {
  font-family: 'open_sansbold', Arial, sans-serif;
  line-height: 1.2;
  margin-bottom: .3em;
  color: #b89300;
}
h4 {
  font-family: 'open_sansbold', Arial, sans-serif;
  margin-bottom: .3em;
  color: #b89300;
}
i {
  color: #dccb98;
}
.center {
  text-align: center;
}
.post-edit-link {
  margin-top: .2em;
  padding: 0 .5em;
}
sub {
  font-size:0.8em;
  position: relative;
  top:0.3em;
}
sup {
  font-size:0.8em;
  position: relative;
  top:-0.3em;
}
kbd {
  background: rgba(0,0,0,0.03);
  padding: 0 6px;
  border:1px solid rgba(0,0,0,0.03)
}
.custom-header {
 
  display: none;
}
.custom-header img {
    margin: .5em auto 0;
}
.post {
  margin-bottom: .5em;
}
em {
    font: 1em 'open_sansitalic', Arial, sans-serif;
}
img,
.wp-caption {
  max-width: 100%;
  height: auto;
}
p.wp-caption-text {
  font: .9em 'open_sansitalic', Arial, sans-serif;
  max-width: 100%;
  margin-bottom: .5rem;
}
.alignright {
  float: right;
  margin: .75em 0 .75em .75em;
  padding: 0;
}
.alignleft {
  margin: .75em .75em .75em 0;
  float: left;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignnone {
  margin: .5rem 0 .25em;
}
.rsswidget img {
  margin: 0;
}

img.alignright {
  float: right; 
  margin: .75em 0 1em 1em;
}
img.alignleft {
  float: left; 
  margin:.75em 1em 1em 0;
}
img.aligncenter {
  display: block; 
  margin-left: auto; 
  margin-right: auto;
}
a img.alignright {
  float: right; 
  margin:.75em 0 1em 1em;
}
a img.alignleft {
  float:left; 
  margin:.75em 1em 1em 0;
}
a img.aligncenter {
  display: block; 
  margin-left: auto; 
  margin-right: auto;
}
ol {
  margin-top: 0;
}
ol li {
  list-style: decimal;
  line-height: 1.2em;
}
.post table {
  margin-bottom: .5em;
}
.post thead, 
.post th, 
.post td {
  padding: .5em;
  border: 1px solid #b89300;
  font-size: 1em;
}
thead {
    font: 1em 'open_sansbold', Arial, sans-serif;
}
blockquote p {
  font: 1em 'open_sansitalic', Arial, sans-serif;
  line-height: 1.5em;
  margin: .5rem 1rem .5rem 2rem;
}
blockquote + p {
  margin-left: 3rem;
  font-size: .85rem;
}
cite {
  font: .85rem 'open_sanssemibold_italic', Arial, sans-serif;
}

h5 {
  font: 1em 'open_sansbold', Arial, sans-serif;
}
h6 {
  font: 1em 'open_sanssemibold_italic', Arial, sans-serif;
}
pre {
  overflow: auto;
  padding: 20px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
p {
  font-size: .85rem;
}
a {
  font: 1em 'open_sansbold_italic', Arial, sans-serif;
  text-decoration: none;
  color: #b89300;
}
a:hover{
  color: #fff;
}
.content p img {
  // max-width: 90%;
}
.sticky {
  font-size: .85rem;
}
.sticky ul li a {
  display: inline;
  margin: 0;
  padding: 0;
}
.gallery-caption {
  font-size: .8em;
}
.bypostauthor {
  font: 1rem 'open_sansbold', Arial, sans-serif;
}
html {
    height: 100%;
}
body {
  font-family: 'open_sansregular', Arial, sans-serif;
    height: 100%;
}
.boldItalic {
font-family: 'open_sansbold_italic', Arial, sans-serif;
}
.slides img {
  display: none;
  width: 100%;
  margin: .5em auto 0;
}
p {
  color: white;
}

header {
  height: 3em;
  max-width: 56.25em;
  margin: 0 auto;
}
.wrapper {
  margin: 0 auto;
  max-width: 56.25em;
}
footer {
  clear: both;
  color: #b89300;
  font: .85rem 'open_sanssemibold', Arial, sans-serif;
  background-color: rgba(0,0,0,.4);
  padding: .6em 1.5em .6em;
  margin: 1em 2em 2em 1.25em;
  text-align: center;
  line-height: 1.5;
  border-radius: .3em;
}
footer a {
  text-decoration: none;
  font: .85rem 'open_sanssemibold', Arial, sans-serif;
  color: #b89300;
}
a.more-link {
  font-size: .85rem;
  display: block;
  margin: .5em 0;
}
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
  height: auto;
  max-width: 100%;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
  max-width: 100%;
}
/* content */
.next, 
.prev {
  font: .85rem 'open_sansbold_italic', Arial, sans-serif;
}
.next a, 
.prev a {
  font: .85rem 'open_sansbold_italic', Arial, sans-serif;
}
.entypo {
  font-family: 2em 'entypo', sans-serif;
}
.allcaps {
  text-transform: uppercase;
  margin: .5em 0 .5rem;
  font-size: .75rem;
  color: #dccb98;
}
.tags {
  margin-bottom: 0;
}
.allcaps a {
  font: .75rem 'open_sansbold_italic', Arial, sans-serif;
}
img.wp-post-image {
  border: none;
}
h1.title {
  font: 1.2rem 'open_sansbold', Arial, sans-serif;
  line-height: 1.1;
  color: #b89300;
  text-align: center;
  padding: .5rem 1.5rem;
  margin: .5em 1.25rem .5rem .05rem;
  background-color: rgba(0,0,0,.4);
  border-radius: .3rem;
}
h1.title a {
  text-decoration: none;
  color: #b89300;
}
h1.title a:hover {
  color: #b89300;
  cursor: default;
}
.content {
  float: right;
  width: 65%;
}
article {
  padding: .5em 1.5em 1em;
  margin: 0 1.5em .5rem 0;
  color: #fff;
  background-color: rgba(0,0,0,.4);
  border-radius: .3em;
}
article:first-child {
  margin-top: 1em;
}
article:last-child {
  margin-bottom: 1em;
}
article {
  font: .85rem 'open_sansregular', Arial, sans-serif;
}
article p strong {
}
article p {
  margin-bottom: .5em;
}
article p a {
  font: .85rem 'open_sansbold_italic', Arial, sans-serif;
  text-decoration: none;
  color: #b89300;
}
article ul li a {
  display: inline;
  margin: 0;
  padding: 0;
}
article p a:hover{
  color: #fff;
}
.widget table {
  margin: 0 auto;
  width: 98%;
}
.textwidget, .tagcloud {
  padding: .5rem;
}
/*comments*/
.fn {
    font: 1rem 'open_sansregular', Arial, sans-serif;
}
span.comment-author-link a { 
  display: inline;
  margin: 0;
  padding: 0;
  font: .9rem 'open_sansbold', Arial, sans-serif;
}
li.recentcomments a { 
  display: inline;
  margin: 0;
  padding: 0;
  font: .9rem 'open_sansbold', Arial, sans-serif;
}
.comment-list a {
  font: 1rem 'open_sansregular', Arial, sans-serif;
  display: inline;
  padding: 0;
  margin: 0;
}
.commentmetadata a {
  padding: 0;
  margin: 0;
  font-size: .8em;
  display: inline;
  text-decoration: none;
  color: #b89300;
}
.commentmetadata a:hover{
  color: #fff;
}
.comment-reply-title {
  margin-top: .8em;
  font: 1.75rem 'open_sansregular', Arial, sans-serif;
}
.comment-body {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
#comment {
  width: 100%;
}
/*#comments ol li {
  list-style: none;
}*/
.comment {
  font: 1rem 'open_sansregular', Arial, sans-serif;
}
li.comment  {
  list-style: none;
}
.comments ul li {
  margin-bottom: 1em;
}
.comments-area ul li {
  list-style: disc;
}
.comments ul li a {
  margin: 0;
  padding: 0;
}
.reply a {
  font: .8rem 'open_sansbold_italic', Arial, sans-serif;
  margin-top: .5rem;
  display: block;
  text-decoration: none;
  color: #b89300;
  padding-bottom: .5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #b89300;
}
.reply a:hover{
  color: #fff;
}
.odd {
  padding-left: 2em;
}
/*main navigation*/
.mobileNav {
  display: none;
}
nav {
  padding-top: 1em;
  padding-bottom: .25em;
  margin-bottom: .5em;
}
nav ul {
  background-color: rgba(0,0,0,.4);
  border-radius: .3em;
  width: 100%;
  margin: 0 auto;
}
nav ul, 
nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  text-align: center;
  //white-space: nowrap;
}
nav ul li {
  position: relative;
}
nav ul li:first-child {
  margin-left: .3em;
}
nav ul li a {
  display: inline-block;
  font: .75em 'open_sansbold', Arial, sans-serif;
  text-transform: uppercase;
  line-height: 1.5em;
  padding: .5em;
}
nav ul li:hover a {
  background-color: rgba(0,0,0,1);
}
nav ul li ul.sub-menu {
  background-color: rgba(0,0,0,1);
  width: 180px;
  //height: auto;
  position: absolute;
  border-radius: 0;
  top: 1.85em;
  left: -999em;
  z-index: 1100;
}
nav ul li:hover ul {
  left: 0;
}
nav ul li ul.sub-menu li {
  display: block;
  margin-left: 0;
  text-align: left;
}
nav ul li ul.sub-menu li a {
  padding: .3em .5em .15em;
}
nav ul li ul.sub-menu li:last-child a {
  padding-bottom: .75em;
}
/* second level dropdown*/
nav ul ul li:hover > ul {
    left: 100%;
    top: 0;
}
nav ul ul.sub-menu ul {
    left: -999em;
}
.navPush {
  margin-left: 35%;
  margin-right: 1.25em;
}
.logoBox img {
  width: 100%;
}
/* sidebar */
aside {
  float: left;
  width: 30%;
  margin-left: 2%;
  padding: .25em 0 1em;
  position: relative;
  min-height: 5em;
  color: #b89300;
  background-color: #70530B;
  background-image: url(images/paper.png);
  /* Background pattern from subtlepatterns.com */
  border: 5px solid #362403;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
  top: -2em;
  margin-bottom: 1em;
}
aside p {
   font: 1em 'open_sansregular', Arial, sans-serif;
   font-weight: 200;
   padding: .5em;
   color: #b89300;
}
aside img {
  margin-top: .25em;
  max-width: 100%;
  height: auto;
}
aside p.description {
  margin: 0 .25em .25em; 
  font: .8rem 'open_sanssemibold', Arial, sans-serif;
  text-align: center;
}
aside h2 {
  margin: 0 0 .5em 0;
  border-bottom: 1px solid #816902;
  padding-bottom: .5em;
}
aside h4 {
  margin: 1em 0 .5em 0;
  border-bottom: 1px solid #816902;
  padding-bottom: .5em;
}
aside h3 {
  font: 1em 'open_sanssemibold', Arial, sans-serif;
  margin: 0 0 0 0;
}
.site-logo {
  margin: 0 auto;
  max-width: 90%;
}
.site-title {
  color: #b89300;
  text-align: center;
  font-size: 1.4rem;
  padding-bottom: 0;
  margin: 0 auto;
  background-color: rgba(0,0,0,.0);
  text-shadow: 2px 2px 4px rgba(0,0,0,0.35);
}
.description {
  margin-top: 0;
}
/*sidebar nav*/
aside ul {
  margin-left: 0;
}
aside ul li {
  list-style-type: none;
  margin-left: 0;
}
aside ul li a {
  padding: .5em 2em;
  margin-top: 1em;
  margin-left: 0;
  font: .9em 'open_sanssemibold', Arial, sans-serif;
  line-height: 1.2em;
  display: block;
  color: #b89300;
  text-decoration: none;
  background-color: rgba(0,0,0,.1);
}
aside ul li a:hover {
  color: #fff;
  background-color: rgba(0,0,0,.3);
}
.darken {
  background-color: rgba(0,0,0,.3);
}

/*widgets*/
.widget {
  margin-left: 2rem;
}
.widget select {
  margin-top: .5rem;
  max-width: 98%;
}
.recentcomments {
  padding: .5em 2em;
  margin-top: 1em;
  font: 1rem 'open_sansregular', Arial, sans-serif;
  line-height: 1.2em;
  display: block;
  color: #b89300;
  text-decoration: none;
  background-color: rgba(0,0,0,.1);
}
.recentcomments a {
  padding: .5em 2em;
  margin-top: 1em;
  font: 1rem 'open_sanssemibold', Arial, sans-serif;
  line-height: 1.2em;
  display: block;
  color: #b89300;
  text-decoration: none;
  background-color: rgba(0,0,0,0);
}
.recentcomments a:hover {
  color: #fff;
  background-color: rgba(0,0,0,0);
}
.widget_rss ul li cite {
  float: none;
  padding-right: .5em;
  margin-bottom: .75em;
}
.widget_rss ul li cite {
  display: block;
  text-align: right;
  padding: .25em .5em 0 0;
}
.rss-date {
  margin-top: .5em;
  padding: .5em .5em 0 2em;
  font-size: .8em;
}
.rssSummary {
  padding: .5em .5em 0 2em;
  font-size: .8em;
}
.post_count {
  font: 1em 'open_sanssemibold', Arial, sans-serif;
  display: block;
  float: right;
  margin-right: 1em;
  margin-top: -1.7rem;
}

.tagcloud a {
  font-family: 'open_sanssemibold', Arial, sans-serif;
  color: #b89300;
  text-decoration: none;
}
.tagcloud a:hover {
  color: #fff;
}
#wp-calendar {
  font-family: 'open_sanslight', Arial, sans-serif;
  margin-bottom: 1em;
}
#wp-calendar a {
  font-family: 'open_sansbold', Arial, sans-serif;
  color: #b89300;
  text-decoration: none;
}
#wp-calendar a:hover {
  color: #fff;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
#wp-calendar th,
#wp-calendar td{
  padding: .23rem;
  text-align: center;
}
#wp-calendar caption {
  font-family: 'open_sanssemibold', Arial, sans-serif;
  margin-bottom: .25rem;
}
/* =Index pagination -- */
.paging-navigation { 
  padding: .5em 1.5em .5em;
  margin: 0 1.5em .5rem 0;
  color: #fff;
  background-color: rgba(0,0,0,.4);
  border-radius: .3em;
}
/* Remove bullets and list indentation */
.paging-navigation ul { 
list-style-type: none;
margin: 0;
padding: 0; 
}
/* Make the list items appear horizontally */
.paging-navigation li { 
  display: inline;
}
/* Give each link and the current item some padding to make them easy to click */
a.page-numbers, span.page-numbers {
  padding: .3em .7em; 
  color: #b89300;
  border: 1px solid rgba(0,0,0,0);
}
/* Link hover state */
a:hover.page-numbers { 
  color: #fff;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
    /* Current page bold and dark */
    .paging-navigation .current { 
      font-family: 'open_sansbold', Arial, sans-serif;
      color: #fff;
      //border: 1px solid #b89300;
    }
    .loop-pagination {
      text-align: center;
    }

/* mobile opener */
.heavy {
  text-transform: uppercase;
  color: #b89300;
}
.heavy a {
  color: #b89300;
  text-decoration: none;
  font: 1.1em 'open_sansbold', Arial, sans-serif;
    line-height: 2.6;
}
#menuTab {
  font-size: 1.3em;
  line-height: 2;
  float: right;
  cursor: pointer;
}
#menuTab i {
  color: #b89300;
  margin-right: 1.5em;
}
@media (min-width: 321px) and (max-width: 768px) {

.custom-header img {
    margin-top: 0;
}
.slides img {
  margin-top: 0;
}
h1 {
  margin: .55em;
}
h1.title {
  margin: .5em .75em 0;
}
/* =Index pagination tablet-- */
.paging-navigation { 
  margin: .5em .9em;
  padding: .5em 0;
}
a.page-numbers, span.page-numbers {
      padding: .3em .4em; 
}
/* end index */

.hide {
  display: none;
}
.navPush {
  margin-left: 0;
}

.content {
  float: none;
  width: 100%;
}
article { 
  margin: 1em;
  padding: .5em 1.5em 1em 1.5em;
  color: #fff;
  background-color: rgba(0,0,0,.4);
  line-height: 1.5;
  border-radius: .3em;
}
aside {
  float: none;
  width: 88%;
  background-image: url(images/paper.png);
  margin: .6em auto;
  min-height: 5em;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
  position: static;
}
aside img {
  display: none;
}
.mobileNav {
  display: block;
  width: 100%;
  color: #b89300;
  padding-left: .9em;
  height: 3em;
  background-color: #000;
  z-index: 1100;
}
nav {
  display: none;
  position: absolute;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
  background-color: #000;
  left: 0;
  z-index: 1100;
  width: 100%;
  border-radius: 0;
}
nav ul, 
nav ul li {
  list-style-type: none;
  margin-left: 0;
  text-align: left;
}
nav ul li {
  position: static;
  background-color: rgba(0,0,0,.74);
  border-bottom: solid 1px #4f4001;
  list-style-type: none;
  margin-left: 0;
  display: block;
}
nav ul li:first-child {
  margin-left: 0;
}
nav ul li a {
  font: .9em 'open_sanssemibold', Arial, sans-serif;
  display: block;
  padding: .75em 1em;
  text-decoration: none;
}
nav ul li:first-child {
  border-top: solid 1px #4f4001;
}
nav ul li:last-child {
  border-bottom: none;
}
.navigation {
  position: static;
}
/*dropdowns*/

nav ul li ul.sub-menu  {
  display: block;
  float: none;
  position: static;
  z-index: 1100;
  width: 100%;
}
nav li ul a {
  font: .9em 'open_sansitalic', Arial, sans-serif;
  color: #b89300;
  padding: .75em 2em;
}
nav li ul.sub-menu li {
  background-color: #111;
  border-bottom: solid 1px #4f4001;
  width: 100%;
  text-align: left;
  }
nav li ul.sub-menu li:first-child {
  border-top: solid 1px #4f4001;
}
nav li ul.sub-menu li:last-child {
  padding-bottom: .1em;
  border-bottom: 0;
}
nav ul li ul.sub-menu li a {
  padding: .75em 2em;
  background-color: #111;
}
nav ul li ul.sub-menu li:first-child a {
  padding-top: .75em;
}
nav ul li ul.sub-menu li:last-child a {
  padding-bottom: .75em;
}
nav ul ul.sub-menu ul li a {
    padding-left: 4em;
}
footer {
  float: none;
  padding: .5em 1.5em 1em;
  margin: 1.25em;
  text-align: center;
  line-height: 1.5;
  border-radius: .3em;
}
} /* end tablet */

@media (max-width: 320px) {
.custom-header img {
    margin-top: 0;
}

h1 {
  margin: .55em;
}
h1.title {
  margin: .5em .75em 0;
}
/* =Index pagination phone-- */
.paging-navigation { 
  margin: .5em .9em;
  padding: .5em 0;
}
a.page-numbers, span.page-numbers {
      padding: .3em .4em; 
      font-size: .8em;
}
/* end index */
.hide {
  display: none;
}
.navPush {
  margin-left: 0;
}
.slides img {
  margin-top: 0;
}
.content {
  float: none;
  width: 100%;
}
article { 
  margin: 1em;
  padding: .5em 1.5em 1em 1.5em;
  color: #fff;
  background-color: rgba(0,0,0,.4);
  line-height: 1.5;
  border-radius: .3em;
}
aside {
  float: none;
  width: 88%;
  background-image: url(images/paper.png);
  margin: .6em auto;
  min-height: 5em;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
  position: static;
}
aside img {
  display: none;
}
.mobileNav {
  display: block;
  width: 100%;
  color: #b89300;
  padding-left: .9em;
  height: 3em;
  background-color: #000;
  z-index: 1100;
}
nav {
  display: none;
  position: absolute;
  padding-top: 0;
  padding-left: 0;
  padding-bottom;
  background-color: #000;
  left: 0;
  z-index: 1100;
  width: 100%;
  border-radius: 0;
}
nav ul, 
nav ul li {
  list-style-type: none;
  margin-left: 0;
  text-align: left;
}
nav ul li {
  position: static;
  background-color: rgba(0,0,0,.74);
  border-bottom: solid 1px #4f4001;
  list-style-type: none;
  margin-left: 0;
  display: block;
}
nav ul li:first-child {
  margin-left: 0;
}
nav ul li a {
  font: .9em 'open_sanssemibold', Arial, sans-serif;
  display: block;
  padding: .75em 1em;
  text-decoration: none;
}
nav ul li:first-child {
  border-top: solid 1px #4f4001;
}
nav ul li:last-child {
  border-bottom: none;
}
.navigation {
  position: static;
}
/*dropdowns*/

nav ul li ul.sub-menu  {
  display: block;
  float: none;
  position: static;
  z-index: 1100;
    width: 100%;
}
nav li ul a {
  font: .9em 'open_sansitalic', Arial, sans-serif;
  color: #b89300;
  padding: .75em 2em;
}
nav li ul.sub-menu li {
  background-color: #111;
  border-bottom: solid 1px #4f4001;
  width: 100%;
  text-align: left;
  }
nav li ul.sub-menu li:first-child {
  border-top: solid 1px #4f4001;
}
nav li ul.sub-menu li:last-child {
  padding-bottom: .1em;
  border-bottom: 0;
}
nav ul li ul.sub-menu li a {
  padding: .75em 2em;
  background-color: #111;
}
nav ul li ul.sub-menu li:first-child a {
  padding-top: .75em;
}
nav ul li ul.sub-menu li:last-child a {
  padding-bottom: .75em;
}
nav ul ul.sub-menu ul li a {
    padding-left: 4em;
}

}
} /* end css */