body, html {
  background:#FFF000;
  margin:0;
  padding:0;
  height:100%;
  width:100%;
}

nav {
  background:#000000;
  text-align:center;
}

header {
  background-color:#99ffff;
  background-image:url(/images/layout/bg-header.png);
  background-position:bottom;
  background-repeat:repeat-x;
  background-size:auto 100%;
}

header div.logo {
  padding-top:30px;
  background-image:url(/images/layout/sun.png);
  background-position:top 15px left calc(50% - 375px);
  background-repeat:no-repeat;
}

header div.logo img {
  margin:0 !important;
}

main {
  /* Rainbow gradient removed - was causing issues in admin */
  /* background-image:linear-gradient(#ffff00 12px, #ffcc00 12px, #ffcc00 24px, #ff66cc 24px, #ff66cc 36px, #00ccff 36px, #00ccff 48px, #99ff33 48px, #99ff33 60px, rgba(0, 0, 0, 0) 60px); */
}

main div.container {
  background:#FFFFFF;
  padding-top:40px;
  padding-bottom:40px;
}

footer {
  background:#000000;
  padding:20px 0 5px 0;
}

img.img-fluid {
  margin-bottom:20px;
}

form input.text {
  padding:8px 0 2px 0;
  color:#FFFFFF;
  font:16px/16px Arial, Helvetica, sans-serif;
  -webkit-appearance:none;
  width:100%;
  border:none;
  border-bottom:1px solid #000000;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#F00;
}

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

:-ms-input-placeholder { /* IE 10+ */
  color:#F00;
}

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

/********************
  Webfont  Styles
********************/

@font-face {
  font-family:'Gotham Rounded';
  src:url('/library/fonts/gotham-rounded-book-webfont.woff2') format('woff2'),
      url('/library/fonts/gotham-rounded-book-webfont.woff') format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:'Gotham Rounded';
  src:url('/library/fonts/gotham-rounded-medium-webfont.woff2') format('woff2'),
      url('/library/fonts/gotham-rounded-medium-webfont.woff') format('woff');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:'Gotham Rounded';
  src:url('/library/fonts/gotham-rounded-bold-webfont.woff2') format('woff2'),
      url('/library/fonts/gotham-rounded-bold-webfont.woff') format('woff');
  font-weight:bold;
  font-style:normal;
  font-display:swap;
}

/********************
  Text Styles
********************/

p, li {
  font:16px/1.5em 'Gotham Rounded', Arial, Helvetica, sans-serif;
  color:#949494;
  margin:0 0 1em 0;
}

li {
  margin:0 0 0.33em 0;
}

header > table p + p {
  margin-top:48px;
}

footer * {
  color:#FFFFFF;
}

h1 {
  font:bold 26px/1.3em 'Gotham Rounded', Arial, Helvetica, sans-serif;
  color:#FF66CC;
  margin:0 0 0.5em 0;
  text-transform:uppercase;
}

h2 {
  font:bold 26px/1.3em 'Gotham Rounded', Arial, Helvetica, sans-serif;
  color:#000000;
  margin:0 0 0.95em 0;
  text-transform:uppercase;
}

h2.banner {
  background:#000000;
  color:#FFFFFF;
  border-radius:8px;
  text-align:right;
  padding:12px 20px 12px 80px;
  position:relative;
  line-height:1em;
  margin:70px 0 40px;
}

h2.banner:before {
  content:"";
  display:inline-block;
  background-image:url(/images/layout/banner-arrow.png);
  background-size:cover;
  height:93px;
  width:92px;
  position:absolute;
  top:-40px;
  left:25px;
}

h2.banner.suitcase {
  padding-right:130px;
}

h2.banner.suitcase:after {
  content:"";
  display:inline-block;
  background-image:url(/images/layout/suitcase.png);
  background-size:cover;
  height:93px;
  width:92px;
  position:absolute;
  top:-55px;
  right:15px;
}

h3,
h1.h3 {
  font:bold 34px/1.3em 'Gotham Rounded', Arial, Helvetica, sans-serif;
  color:#000000;
  margin:0 0 10px 0;
}

h4 {
  font:bold 18px/1.3em 'Gotham Rounded', Arial, Helvetica, sans-serif;
  color:#000000;
  margin:0 0 1em 0;
}

/********************
 Link Styles

********************/

a, a:hover {
  color:#00ccff;
  transition:all 0.5s;
}

footer a:hover {
  color:#99ff33;
  transition:all 0.5s;
}

nav a {
  display:inline-block;
  font:bold 20px/1em 'Gotham Rounded', Arial, Helvetica, sans-serif;
  letter-spacing:0.75px;
  color:#FFFFFF;
  text-transform:uppercase;
  padding:12px 10px 10px 10px;
  text-decoration:none !important;
}

nav a:hover {
  color:#FFF000;
}

nav a.on {
  color:#ffcc00;
}

a.btn {
  font-size:20px;
  padding:14px 22px;
  font-weight:bold;
  background-color:#00ccff;
  color:#FFFFFF !important;
}

a.btn:hover {
  background-color:#ff66cc;
}

/********************
 Bootstrap Override Styles

********************/

.row {
  margin-left:-30px;
  margin-right:-30px;
}

.container, .col, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
  padding-left:30px;
  padding-right:30px;
}

.row.thin-padding {
  margin-left:-15px;
  margin-right:-15px;
}

.row.thin-padding .col, .row.thin-padding .col-lg-1, .row.thin-padding .col-lg-10, .row.thin-padding .col-lg-11, .row.thin-padding .col-lg-12, .row.thin-padding .col-lg-2, .row.thin-padding .col-lg-3, .row.thin-padding .col-lg-4, .row.thin-padding .col-lg-5, .row.thin-padding .col-lg-6, .row.thin-padding .col-lg-7, .row.thin-padding .col-lg-8, .row.thin-padding .col-lg-9, .row.thin-padding .col-md-1, .row.thin-padding .col-md-10, .row.thin-padding .col-md-11, .row.thin-padding .col-md-12, .row.thin-padding .col-md-2, .row.thin-padding .col-md-3, .row.thin-padding .col-md-4, .row.thin-padding .col-md-5, .row.thin-padding .col-md-6, .row.thin-padding .col-md-7, .row.thin-padding .col-md-8, .row.thin-padding .col-md-9, .row.thin-padding .col-sm-1, .row.thin-padding .col-sm-10, .row.thin-padding .col-sm-11, .row.thin-padding .col-sm-12, .row.thin-padding .col-sm-2, .row.thin-padding .col-sm-3, .row.thin-padding .col-sm-4, .row.thin-padding .col-sm-5, .row.thin-padding .col-sm-6, .row.thin-padding .col-sm-7, .row.thin-padding .col-sm-8, .row.thin-padding .col-sm-9, .row.thin-padding .col-1, .row.thin-padding .col-10, .row.thin-padding .col-11, .row.thin-padding .col-12, .row.thin-padding .col-2, .row.thin-padding .col-3, .row.thin-padding .col-4, .row.thin-padding .col-5, .row.thin-padding .col-6, .row.thin-padding .col-7, .row.thin-padding .col-8, .row.thin-padding .col-9 {
  padding-left:15px;
  padding-right:15px;
}

.close-x {
  background-color:transparent;
  padding:0;
  cursor:pointer;
  border:none;
}


/********************
 Responsive Styles

********************/

@media (max-width:576px) {
  img.img-fluid {
    margin-bottom:0;
  }

  h1 {
    font-size:30px;
  }

  nav {
    top:18px;
    right:18px;
  }
}

@media (max-width:768px) {}

@media (max-width:992px) {}

@media (min-width:1200px) {}