body { color:#ffffff; }
header {
  position: relative;
  background-color: black;
  Xheight: 10vh;
  Xmin-height: 25rem;
  height: 5vh;
  min-height: 18rem;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 500px) { Xheader { min-height: 38vh; } }
@media screen and (min-width: 768px) { Xheader { min-height: 48vh; } }
@media screen and (min-width: 922px) { Xheader { min-height: 50vh; } }

header .container {
  position: relative;
  z-index: 2;
}
@media (min-width: 500px) { .container { max-width: 100%; } }
@media (min-width: 768px) { .container { max-width: 95%; } }

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 1;
}

@media screen and (max-width: 499px) {
  header { background: black no-repeat center center scroll; Xheight:20px; }
}

.container { padding-left:0px; padding-right:0px; max-width:1000px; }
.navbar-collapse { flex-basis:auto; }
.Xnavbar-transparent { background: rgba(171, 205, 239, 0.8); }
.navbar-transparent { background: rgba(16, 16, 16, 0.8); }
.navbar-light .navbar-nav .nav-link { color: rgba(200,200,200,1.0); }
.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(255,255,255,1.0); }
.nav-link:hover, .nav-link.active { color:#ffffff !important; }
@media (min-width: 768px) { .navbar-expand .navbar-nav .nav-link { padding-right: 1rem !important; padding-left: 1rem !important; } }
.dropdown-item { padding-left:1.0rem; padding-right:1.0rem; font-size:1rem; line-height:2.0; }
.dropdown-item:hover { color:#ffffff; background-color:#333333; }
.dropdown-menu { margin-left:-142px; }
@media (min-width: 500px) { .dropdown-menu { margin-left:0px; } }
.tearuplogo { width:140px; margin-left:10px; margin-right:20px; }
.teardropicon { width:46px; margin-right:10px; }
.bg-dark { background-color: rgba(255, 0, 0, 0) !important; Xpadding-top: 50px; }
.display-3 { margin-top:90px; }
.tearuptitle { font-family: 'Courgette', cursive; font-size:2rem; }
.tearupsubtitle { Xfont-family: 'Courgette', cursive; color: rgba(255,255,255,.8)!important; }
@media (min-width: 500px) { font-size:4.5rem; }

#projects { margin-top:0px; }
@media (min-width: 500px) { #projects { margin-top:0px; } }
.project-sections { padding: 2rem 0; }
.bg-black { background-color: #161616!important; }
.bg-yellow { background-color: #d4951c!important; }
.events-title { height:2em; display:flex; justify-content:center; align-items:center; margin-bottom:0px; border-bottom:.25em solid #64a19d; }
p { color: rgba(255,255,255,.5)!important; }
.h-100 { height: 100%!important; }
.d-flex { display: -ms-flexbox!important; display: flex!important; }
.text-white-50 { color: rgba(255,255,255,.5)!important; }
.mb-0, .my-0 { margin-bottom: 0!important; }
.ml-0, .mx-0 { margin-left: 0!important; }
.mb-5, .my-5 {
    padding-bottom: 1.7rem!important; margin-bottom:0rem!important; }
}
hr { box-sizing: content-box; height: 0; overflow: visible; }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); }
.d-none { display: none!important; }
@media (min-width: 992px) { .d-lg-block { display: block!important; } }
.Xtext-center { text-align: center!important; }
@media (min-width: 992px) .text-lg-right { text-align: right!important; }
.projects-section .project-text { padding: 1rem; font-size: 90%; }
@media (min-width: 992px) { .projects-section .project-text { padding: 5rem; } }
@media (min-width: 992px) { .text-lg-left { text-align: left!important; } }
.projects-section .featured-text { padding: 2rem; }
@media (min-width: 992px) { .projects-section .featured-text { padding: 0 0 0 2rem; border-left: .5rem solid #64a19d; } }
@media (min-width: 992px) { .projects-section .project-text hr { border-color: #64a19d; border-width: .25rem; width: 30%; } }

@media (min-width: 768px) { .col-lg-6 { flex: 0 0 50%; max-width: 50%; } }
@media (min-width: 768px) { .order-lg-first { order: -1; } }
@media (min-width: 768px) { .d-lg-block { display: block!important; } }
@media (min-width: 768px) { .projects-section .project-text hr { border-color: #64a19d; border-width: .25rem; width: 30%; } }
@media (min-width: 768px) { .text-lg-right { text-align: right!important; } }
@media (min-width: 768px) { .text-lg-left { text-align: left!important; } }

@media (min-width: 768px) { .project-text>h4 { font-size:142%; } }
.project-text>h7 { line-height:1.6; }
.event { cursor:pointer; }

.fa-tree { color: #000000; margin-left:12px; }
.fa-tree:before{content:"\f1bb"}

body { background-color: rgba(16, 16, 16, 0.9); }

.social { font-family:arial; font-size:6pt; padding-left:5px; float:right; margin-top:3px; }

.fa {
  padding: 6px;
  font-size: 14px;
  width: auto;
  text-align: center;
  text-decoration: none;
  margin: 5px 1px;
}

.fa-top { font-size: 21px !important; width:40px; }

.fa-sm {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding:4px; font-size:16px;
}

@media (min-width: 375px) {
.fa { padding:7px; margin: 5px 1px; }
.social { font-size:8pt; margin-top:3px; }
}

@media (min-width: 768px) {
.fa { padding:8px; font-size: 20px !important; }
.fa-top { font-size: 21px !important; width:40px; }
.social { font-size:9pt; margin-top:5px; }
}

.fa:hover {
    opacity: 0.7;
}

.fa-instagram {
  background: #125688;
  background: #d31d99;
  color: white;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-youtube {
  background: red;
  color: white;
}

.campersgoing { padding-top:5px; font-size:9pt; padding-bottom:8px; }

.li_social { margin-right: -20px !important; }
.socialbuttons { z-index:100; margin-top:-46px; margin-right:3px; float:right; }
.socialbuttons-top { Xmargin-bottom:10px; display:none; }
.socialbuttons-hometop { display:block; }
.sociallabel { font-size: 9.5pt; margin-top:-3px; display:inline-block; }

.btn-primary { background-color: #6d3e03; border-color: #6d3e03; }
a.button:link, a.button:visited { color: white; font-size: 10pt; text-decoration:none; }


.covid19header { color:white; background-color:#af0505; font-size:12px; padding:4px; font-family:arial; min-height:63px; }
.covid19header a:link, .covid19header a:visited { color:#eee; font-weight:600; font-family:arial; font-size:11px; }
.covidmessage { display:inline-block; width:70%; text-align:center; margin-top:10px; }
.covidbutton { display:inline-block; position:absolute; width:28%; text-align:center; margin-top:10px; }
.covbutton { display:inline-block; Xwidth:70px; padding:6px; padding-left:8px; padding-right:8px; background-color:#6b0504; border-radius: 3px; }

.covid19message { font-size:19px; }
.covid19message a:link, .covid19message a:visited { font-size:19px; font-weight:900; color:darkgreen; text-decoration:underline!important; }

@media (min-width: 600px) {
   .covid19header { font-size:14px; padding:10px; padding-left:20px; }
}

@media (min-width: 768px) {
   .covid19header { font-size:16px; padding:10px; padding-left:20px; }
   .covid19header a:link, .covid19header a:visited { font-size:15px; }
   .covidbutton { padding-top:3px; }
}
@media (min-width: 992px) {
   .covid19header { padding:18px; }
   .covidmessage { width:80%; padding-left:0px; margin-top:0px; }
   .covidbutton { width:18%; padding-top:0px; margin-top:0px; }
}
@media (min-width: 1200px) {
   .covid19header { padding:18px; }
   .covidbutton { position:relative; padding-top:0px; }
}
#covid19message  .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}
#covid19message .tab-content {
  Xpadding : 5px 15px;
}
#covid19message>ul { background-color: #eee; }
#covid19message>ul>li>a:link, #covid19message>ul>li>a:visited { text-decoration:none!important; }
#covid19mmesage>.nav-pills>li {
    float: left;
    background-color: #eee;
}
.covidstrong { font-weight:900; font-size:18px; font-family:arial; }
.keytakeawaytitle { color:white; background-color:darkred; padding:5px; padding-left:10px; Xwidth:100%; margin-top:-26px; margin-left:-10px; margin-right:-10px; }
@media(min-width: 600px) { .keytakeawaytitle { letter-spacing:2px; } }
.keytakeaway { margin-top:15px; margin-bottom:15px; color:#460303; background-color:#eee; padding:10px; font-family:arial; font-size:14px; }

.keytakeaway>p { color: #460303!important; }

.lbl {
   font-size:50px;
   position:absolute;
   margin:auto;
   margin-top:101px;
   line-height:1;
   text-align:center;
   color:darkred;
   Xbackground-color:black;
   transform:rotate(-20deg);
   -ms-transform:rotate(-20deg); /* IE 9 */
   -webkit-transform:rotate(-20deg); /* Opera, Chrome, and Safari */
   z-index:100;
}
@media (min-width: 500px) { .lbl { margin-top:135px; font-size:55px; } }
@media (min-width: 600px) { .lbl { margin-top:155px; font-size:56px; } }
@media (min-width: 700px) { .lbl { margin-top:185px; font-size:68px; } }
@media (min-width: 768px) { .lbl { margin-top:120px; font-size:68px; } }

.lblevent { width:90%; font-size:40px; margin-top:66px; }
@media (min-width: 450px) { .lblevent { margin-top:80px; font-size:55px; } }
@media (min-width: 500px) { .lblevent { margin-top:87px; font-size:57px; } }
@media (min-width: 600px) { .lblevent { margin-top:130px; font-size:59px; } }
@media (min-width: 700px) { .lblevent { margin-top:130px; font-size:59px; width:600px; } }

.Xlblevent { font-size:50px; margin-left:-3%; margin-top:80px; Xpadding-left:10%; width:100%; }
@media (min-width: 600px) { .Xlblevent { font-size:90px; margin-top:120px; } }
@media (min-width: 650px) { .Xlblevent { font-size:95px; width:660px; margin-top:125px; } }

.glow {
  font-weight:900;
  -webkit-text-fill-color: darkred; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: rgba(253,249,249,0.75);
}