/*
 * Globals
 */

h1 {
  font-size: 50px;
}

h2 {
  font-size: 35px;
  padding: 15px 0 25px 0;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

.fixed {
    position: fixed;
}

/* Links */
a,
a:focus,
a:hover {
  text-decoration: none;
}

h4 a {
  color: #fff;
}

h4 a:focus,
a:hover {
  text-decoration: none;
  color: #ccc;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  text-shadow: none; /* Prevent inheritance from `body` */
  background: rgba(0,0,0,0);
}

.btn-default:hover {
  background: rgba(0,0,0,0);
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #fff;
}
body {
  text-align: center;
  font-family: trade-gothic;
}

img {
    object-fit: cover;
}

#site-container {
  width:100%;
  height: auto;
  margin: 0 auto;
  padding-top: 70px;
  position: relative;
  /* max-width: 1440px; */
}

.site-section {
  width: 100%;
}

.wrapper-narrow {
  width:70%;
  height: auto;
  margin: 0 auto;
}

.background {
  width: 100%;
  height: auto; 
  background-size: cover;
}

.shaded-edges {
  color: #fff;
   -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5); 
}

.faded {
  background: rgba(0,0,0,.4);
  width: 100%;
  height: 100%;
}

.section {
  padding-top: 50px;
}

.section-header {
    margin-bottom: 40px;
    position: relative
}

.section-header h3 {
    font-size: 30px;
    color: lightslategray;
    /* padding: 15px 0 25px 0; */
}

.wrapper {
    position: relative;
    padding: 0 30px;
    margin: 0 auto;
}

.container {
  opacity: 1.0;
}

.row {
  text-align: left;
}

.panel {
  text-shadow: none;
}

.panel a {
  color: #046d13;
}

/* Fonts */

.font-chunky {
  font-family: 'Arsenal', sans-serif;
}

.font-cursive {
  font-family: 'Dancing Script', cursive;
}


/* Extra markup and styles for table-esque vertical and horizontal centering */
/*
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; 
  min-height: 100%;
}

.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
  background: rgba(0, 0, 0, 0.3);
}
*/

.bg-dark {
    background: #555;
}

.bg-light {
    background: #AAA;
}

.box-dark {
    color: #FFF;
    background-color: #262626
}

.box-light {
    color: #FFF;
    background-color: #636363
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
 }