/* Overall page look-and-feel */
body {
  padding-top: 25px; 
}
body.subpage {
  background: #51456b no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 0%;
}

/* Specific background image options */
body.subpage.riding {
  background-image: url('/static/images/backgrounds/tabletalk-purple.jpg')
}
body.subpage.about {
  background-image: url('/static/images/backgrounds/about-purple-fade.jpg');
}
body.subpage.faq {
  background-image: url('/static/images/backgrounds/eventtalk-purple-fade.jpg');
}
body.subpage.contact {
  background-image: url('/static/images/backgrounds/group-purple.jpg');
  background-position: 50% 40%;
}
body.subpage.ridinglist {
  background-image: url('/static/images/backgrounds/votesplit-purple.jpg');
}
body.subpage.blog {
  background-image: url('/static/images/backgrounds/group2-purple.jpg');
}
body.subpage.fullwhite {
  background: #fff;
}
body.subpage.boxedwhite {
  background: #51456b;
}
body.subpage.boxedwhite section.light, body.subpage.lightpurple section.light {
  background: transparent;
}
body.subpage.boxedwhite div.blog {
  background: #fff;
}
body.subpage.lightpurple {
  background: #D6D4DE;
}
body.subpage.purpletexture {
  background-image: url('/static/images/backgrounds/purple_texture.png');
  background-size: auto;
  background-repeat: repeat;
}


/* Page elements */
section.state-of-play,
section#local,
section#tween,
section#tween2,
section#activities {
  padding-top: 40px;
  padding-bottom: 40px;
}
section#footer {
  padding-top: 10px;
  padding-bottom: 0px;
}
section#main {
  padding-bottom: 40px;
  padding-top: 0;
  min-height: 85vh;
}


/* the dark theme */
.dark h1, .dark h2, .dark h3, .dark p, .dark label, .dark li, .dark div.para {
  color: whiteSmoke;
}
.dark a {
  color: #f9e169;
}

.dark blockquote {
  font-family: "Nixie One",serif;
  color: white;
  border-left: none;
  font-style: italic;
  padding: 10px;
}


/* the light theme */
section.light {
  background-color: rgba(255,255,255,0.72);
}




/* the intro section, some typography, and form */
p, label, li, body {
  font-size: 16px;
  line-height: 1.4em;
}
.panel {
  background-color: rgba(100,100,100,0.80);
  padding: 0 1.5em 1.5em;
  border-radius: 6px;
}
.light .panel {
  background-color: rgba(200,200,200,0.85);
}

.panel p.strong {
  background-color: rgba(155,155,155,0.50);
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: bold;
}
body.subpage .form-control {
  margin-bottom: 1em;
}


/* the sub pages */
section#top {
  padding-top: 60px;
  /*padding-bottom: 20px;*/
}

@media(min-width: 992px) {
  div.action-sidebar {
    position: absolute;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    right: 0;
  }
  div.action-sidebar.fixed {
    position: fixed;
    top: 75px;
    z-index: 100;
  }
}
/* div.action-sidebar { border: 1px solid #eee; } */
div.action-sidebar button {
  margin-bottom: 1.5em;
}

/* footer stuffs */
/*
section#footer .footer-logo {
  background: url(images/leadnow-title.png);
  width: 215px;
  height: 51px;
  display: block;
}
*/
section#footer { font-family: "Arvo", serif; color: #ccc; }
section#footer a { color: white; }

.arvo {
  font-family: "Arvo", serif;
}

/* navbar styling */
nav a.navbar-brand {
  width: 270px;
  padding: 12px 15px;
}
nav.navbar-fixed-top {
  background-color: transparent;
  border-color: transparent;
  transition: all 1s ease;
}
.navbar-default .navbar-nav>li>a { color: #888; }
.navbar-default .navbar-nav>li.navbarmain { margin-top: 1px; padding: 0 5px; }

.navbar-default .navbar-nav>li.navbarmain>a {
  /*color: #888;*/
  color: #fff;
  /*background: #ffffff;
  opacity: 0.3;*/
  background: rgba(56, 56, 56, 0.6);
  border-radius: 0.3em;
  margin: 6px;
  padding: 8px 12px;
}
nav a.navbar-brand {
  opacity: 0;
  transition: all 1s ease;
}
nav.opaque {
  background-color: #52476d;
  background-image: none;
  color: #ccc;
  /*transition: all 1s ease;
  border-color: #e7e7e7;*/
  box-shadow: 0 0px 8px #000;
}
nav.opaque a.navbar-brand { opacity: 1; }
#intro {
/*  background: url('//c1.staticflickr.com/3/2871/coverphoto/60394570@N08_h.jpg') no-repeat center;*/
/*  background: url('https://c2.staticflickr.com/8/7633/16994376620_c5072b94cf_k.jpg') no-repeat 45% 75%;*/
  background: url('images/backgrounds/homepage1.jpg') no-repeat 45% 70%;
  background-size: 130% auto;
  padding-top: 25vh;
  padding-bottom: 25px;
  text-align: center;
  line-height: 1.6em;
}
.navbar-default .navbar-form {
  border: 0;
  margin-left: 0;
}

#intro h1, #intro h3 {
  font-family: "Arvo", serif;
  line-height: 1.2em;
}
#intro .panel { padding: 2em 20px; }
#tween, 
#tween2 {
  text-align: center;
  font-family: "Arvo", serif;
}
#tween {
  background-color: #51456b;
}
#tween2, #tween2 h3 {
  background-color: #f9e169;
  color: #51456b;
}
#tween h3, #tween2 h3 {
  line-height: 1.5em;
}
#footer {
  background-color: #51456b;
}
#second {
/*  background: url('//c3.staticflickr.com/3/2400/12998793504_5487f5d425_b.jpg') no-repeat center;*/
  background: url('images/backgrounds/homepage2.jpg') no-repeat center;
  background-size: cover;
  text-align: center;
  min-height: 72vh;
  padding-top: 20vh;
}
#second h3 { line-height: 1.3em; font-family: 'Arvo'; }
#activities { min-height: 50vh; }
#activities .tab-pane { padding: 30px 0; }
/*#map { min-height: 80vh; }*/
#map { min-height: 600px; }
#myModal .modal-content form {
  margin: 20px;
  min-height: 30px;
}
#myModal .modal-content, .modal-content {
  margin-top: 20vh;
}


.btn-secondary {
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #fff;
/*  opacity: 0.65;*/
  opacity: 0.8;
}
.btn-secondary:hover {
  color: #fff;
  opacity: 1;
}

ul.messages {
  list-style-type: none;
  /*position: relative;
  top: 65px;*/
  margin: 20px 0 0px 0;
}
ul.messages li {
  padding: 10px 25px;
  border-radius: 0.25em;
}
ul.messages li.success {
  background: #dff0d8;
  color: #3c763d;
}
ul.messages li.info {
  background: #d9edf7;
  color: #31708f;
}
ul.messages li.warning {
  background: #fcf8e3;
  color: #8a6d3b;
}
ul.messages li.error {
  background: #f2dede;
  color: #a94442;
}


.state-of-play, .lighttext {
  color: #ddd;
}
.state-of-play a, .lighttext a {
  color: #aaa;
}

.sr-only1 {
  font-weight: normal;
  font-size: 0.8em;
}

.actionbutton {
  background: #51456b;
  color: #fff;
  font-family: 'Arvo';
  text-align: center;
  padding: 4px;
  border-radius: 4px;
}
/*a:hover .actionbutton, */li.active .actionbutton {
  color: #51456b;
  background: #f9e169;
}

#ridinglistfilter {
  padding-top: 20px;
}
#ridinglistfilter .actionbutton {
  color: #ede9dd;
  background: #51456b;
  /*line-height: 1.3em;*/
}
#ridinglistfilter .actionbutton:hover {
  background: #6b6689;
}
#ridinglistfilter .actionbutton.active, #ridinglistfilter .actionbutton.active:hover {
  color: #51456b;
  background: #f9e169;
  text-decoration: none;
}

.nav-tabs.nav-justified>li>a,
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
  border: 0;
}

section.dark h1, section.darknot h1 {
  color: #f9e169;
  font-family: 'Arvo';
  margin: 25px 0;
}

.light h1 {
  color: #51456b;
  font-family: 'Arvo';
  margin: 25px 0;
}
.light a {
  color: #51456b;
}
.light a:hover {
  color: #6b6689;
}
.light p, .light label, .light div.para, .light h4 {
  color: #333;
}
.dropdown-toggle:hover .dropdown-menu {
  display: block;
}

.disclaimer p {
  font-size: 0.75em;
  font-style: italic;
  text-align: center;
}

.tab-pane blockquote {
  font-size: 14px;
  font-style: italic;
}

label.error {
  font-size: 12px;
  color: red;
  border: 1px solid red;
  padding: 5px 15px;
  border-radius: 5px;
  margin: -10px auto 10px auto;
  display: table;
  text-align: center;
  font-weight: normal;
  width: auto;
  background: #ffdfdf;
}
h3.ui-accordion-header-active {
  color: #51456b;
  background: #f9e169;
}
#socialmedia i {
  /*margin-left: 15px;*/
  color: #fff;
  border: 1px solid #fff;
  /*color: #f9e169;
  border: 1px solid #f9e169;*/
  font-size: 1.3em;
  border-radius: 5px;
  padding: 5px;
}
#pledge_goal_text p, #pledge_goal_text strong {
  font-size: 14px;
  line-height: 1.4em;
}

.blogpost a.title {
  font-weight: bold;
  font-size: 1.3em;
  margin-left: -10px;
}
.blogpost .date {
  font-size: 0.8em;
  font-style: italic;
  position: relative;
  top: -3px;
}

.blogpost {
  padding: 10px 0 20px 10px;
}

.pagination {
  color: #fff;
  border: 1px solid #51456b;
  padding: 6px 12px;
  background: #51456b;
}
.pagination .prev, .pagination .page {
  border-right: 1px solid #51456b;
  padding: 3px 8px 3px 6px;
}
.pagination .disabled {
  display: none;
}
.pagination .current {
  font-weight: bold;
}
.pagination a, .pagination a:hover, .pagination a:active {
  color: #ccc;
}

.blog p, .blog .para {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 24px;
}




.light .campaignbox {
  display: block;
  border: 1px solid #bbb;
  padding: 15px 15px 2em 15px;
  border-radius: 0px;
  /*box-shadow: 12px 12px 6px #51456b;*/
  /*box-shadow: 12px 12px 6px #D6D4DE;*/
  box-shadow: 8px 8px 8px #D6D4DE;
  background: rgba(255, 255, 255, 0.15);
  color: #444;
  height: 240px;
  overflow: hidden;
  position: relative;
}
.light .campaignbox:hover {
  /*background: #816b9d;*/
  background: #D6D4DE;
  text-decoration: none;
  box-shadow: none;
  /*margin: 4px -4px -4px 4px;*/
  /*color: #f9e169;*/
  color: #444;
}
.light .campaignbox .inner {
  height: 160px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.action-sidebar {
  border: 1px solid #51456b;
  border-radius: 3px;
  padding: 0px;
  margin: 0 30px;
}
.light .action-sidebar {
  box-shadow: 0px 6px 20px #51456b;
  background: #fff;
}
.dark .action-sidebar {
  box-shadow: 0px 0px 32px #51456b;
  background: #ddd;
  opacity: 0.8;
}
.dark div.action-sidebar.fixed {
  top: 45px;
}