@charset "UTF-8";
/* CSS Document */
/* FCAS Styles V2 */

body {
    font-size: 13.5pt !important;
    background-color: #fff;
    font-family: 'Ubuntu Condensed', sans-serif;
    color: #545952 !important;
    letter-spacing: -.5px;
}

body, h1, h2, h3, h4, h5, h6, p {
    font-family: 'Ubuntu Condensed', sans-serif;
  }
  h1, h2, h3, h4 {color: #48553b; margin-bottom: 15px;}
  h1 {font-size:2em;}
  h2 {font-size:1.5em;}
  h2.sectionTitle {font-size: 2em;}
  h3 {font-size: 1.17em;}
  h4 {font-size: 1.0em;}
  p.imgcaption {
      font-size: 90%;
      color: #82a25d;
  }



  ul.big-image-list img {
    width: 178px;
}

img.left {
    float: left;
    margin: 2px 1.25em 0 0;
}

.navbar-dark a.navbar-brand:focus, .navbar-dark a.navbar-brand:hover {
    color: #fff !important;
}

.event-holder {
    margin: 2.5% 0 2.5% 0;
    padding: 0 40px 0 40px;
    border-radius: 10px;
    border: solid 1px #3a452f;
    box-shadow: inset 0px 0px 0px 1px #3a452f, 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
    background-color: #e3e9dc;
    /*background-image: -moz-linear-gradient(top, #e3e9dc, #3a452f);
    background-image: -webkit-linear-gradient(top, #e3e9dc, #3a452f);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48553b), to(#3a452f));
    background-image: -ms-linear-gradient(top, #e3e9dc, #3a452f);
    background-image: -o-linear-gradient(top, #e3e9dc, #3a452f);
    background-image: linear-gradient(top, #e3e9dc, #3a452f);*/
}
.event {
    padding: 10px 15px; 
    border: 1px solid #3a4430; 
    border-radius: 4px;
    background-color: #ffffff;
    width: auto;
    height: auto;
}
.event h3 {text-align: center;}
.event h4, h5, h6, p {text-align: left;}
.event p.event-link {text-align: right;}
.event img {
    width: 100%;
    border-radius: 4px;
    border-width:0;
    box-shadow: 3px 3px 3px #666;
}

/* ---- Calendar --- */
.calendar-month-heading {    
    background-color: #48553b;
    color: #fff;
    padding: .5rem;
    font-size: 200%; 
    margin-top: 2rem;
}
.calendar-card {
  margin-bottom: 1rem;
}
.calendar-card img {
  width: 300px; 
  float: left; 
  margin-right: 1rem;
}


 /* --- Buttons --- */
.btn-primary {    
  display: inline-block;
  padding: 15px 25px 15px 25px;
  background-color: #48553b;
  background-image: -moz-linear-gradient(top, #48553b, #48563f);
  background-image: -webkit-linear-gradient(top, #48553b, #48563f);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48553b, to #48563f));
  background-image: -ms-linear-gradient(top, #48553b, #48563f);
  background-image: -o-linear-gradient(top, #48553b, #48563f);
  background-image: linear-gradient(#48553b, #48563f);
  border-radius: 5px;
/*  text-transform: lowercase; */
  text-decoration: none;
  color: #fff;
  font-size: 1.2em;
  letter-spacing: -1px;
  border: solid 1px #3a4430;
  box-shadow: inset 0px 0px 0px 1px #637451;
}
.btn-primary:hover {
  background-color: #a29c5d;
  background-image: -moz-linear-gradient(top, #505531, #4a4e2c);
  background-image: -webkit-linear-gradient(top, #505531, #4a4e2c);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#505531), to(#4a4e2c));
  background-image: -ms-linear-gradient(top, #505531, #4a4e2c);
  background-image: -o-linear-gradient(top, #505531, #4a4e2c);
  background-image: linear-gradient(#505531, #4a4e2c);
  box-shadow: inset 0px 0px 0px 1px #3a4430;
}

  /* --- Cards --- */
  
  .card { background-color: #eee;}
  .card .shadow {box-shadow: 0px 0px 3px 5px #eee;}
  

  /* --- Contact Form --- */
  .contact-form {
    input[type=text], textarea {
      width: 95%;
      margin-bottom: 4px;
    }
    .contact-form {
      input[type=submit] {
        width: 25%;
      }
    }
  }
  
  /* --- Carousel --- */
  
  .carousel {margin-bottom: 30px !important;}
  .carousel-caption {
      position: absolute;
      right: 15%;
      bottom: 20px;
      left: 15%;
      z-index: 10;
  
      padding-top: 4px;
      padding-bottom: 4px;
  
      color: #fff;
      text-align: center;
  }
  .carousel-caption {
      border-radius: 3px;
      background: rgba(0,0,0,.5);
      padding: .5em;
  }
  .carousel-caption-left {
      left: 3%;
      text-align: left;
  }
  .carousel-caption-center {
      right: 23%;
      text-align: center;
  }
  .carousel-caption-right {
      right: 3%;
      text-align: right;
  }
  #homeCarousel .carousel-caption-default {background-color: rgba(255,255,255,.9); color: #48553b;}
  #homeCarousel .carousel-caption-green {background-color: #48553b !important; color: #eee !important;
        -webkit-background-color: rgba(255,255,255,.9);
        -webkit-color: #48553b;
    }
  #homeCarousel .carousel-caption-red {background-color: #ff0000 !important; color: #eee !important;}
  #homeCarousel .carousel-left {left: 2% !important; right: 60% !important; text-align: left;}
  #homeCarousel .carousel-right {left: 60% !important; right: 2% !important; text-align: right;}
  #homeCarousel .carousel-item {height: 400px; width: 1200px; margin: 0 auto;}
  #homeCarousel .title, 
  #homeCarousel .desc { margin-bottom: 0px; line-height: 1.2rem;}
  #homeCarousel .title {font-size: 1.25em;}
  #homeCarousel .desc {font-size: .9em;}
  
  /* --- Bootstrap Carousel --- */
  /* Gallery */
  #memberGallery .carousel-inner {background-color: #48553b;overflow: visible;}
  #memberGallery .carousel-item {background-repeat: no-repeat; background-position: center; height: 400px; background-size: auto 400px;}
  #memberGallery .carousel-caption {padding-bottom: 0px; bottom: -100px;}
  #memberGallery .carousel-caption h5, 
  #memberGallery .carousel-caption p {text-shadow: 0px 0px 3px #000;}
  
  /* Home Page Slider */
  #homeCarousel .carousel-inner {width: 900px; box-shadow: 0px 5px 8px #000;}
  #homeCarousel .carousel-item {width: 900px; height: 400px;}
  
  /* --- Colors --- */
  .btn-submit {
    background-color: #F7931D;
    color: #666;
  }
  
  /* --- Footer --- */
  
  .footer-wrapper {
    background-color: #e3e9dc;
      background-image: -moz-linear-gradient(top, #e3e9dc, #cfdac2);
      background-image: -webkit-linear-gradient(top, #e3e9dc, #cfdac2);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e9dc), to(#cfdac2));
      background-image: -ms-linear-gradient(top, #e3e9dc, #cfdac2);
      background-image: -o-linear-gradient(top, #e3e9dc, #cfdac2);
      background-image: linear-gradient(#e3e9dc, #cfdac2);
      background-repeat: no-repeat;
  }
  .container-fluid.footer-wrapper {
    margin-bottom: 0;
  }
  .container-fluid.footer-wrapper.fall {
    background-image: url("../images/footer_fall.jpg");
  }
  .container-fluid.footer-wrapper.summer {
    background-image: url("../images/footer_summer.jpg");
  }
  .container-fluid.footer-wrapper.spring {
    background-image: url("../images/footer_sprig.jpg");
  }
  .container-fluid.footer-wrapper.winter {
    background-image: url("../images/footer_winter.jpg");
  }
  
  /* --- Header --- */
  
  .header-wrapper {
      background-color: #48553b;
      background-image: -moz-linear-gradient(top, #48553b, #3a452f);
      background-image: -webkit-linear-gradient(top, #48553b, #3a452f);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48553b), to(#3a452f));
      background-image: -ms-linear-gradient(top, #48553b, #3a452f);
      background-image: -o-linear-gradient(top, #48553b, #3a452f);
      background-image: linear-gradient(#48553b, #3a452f);
  }

  
  /* --- Links --- */
  
  a {
      color: #82a25d !important;
      font-family: 'Ubuntu Condensed', sans-serif;
      text-decoration: none;
  }
  #header nav a {
    color: #fff !important;
  }
  
  
  /* --- Lists --- */
  
  .list p {border-bottom: 1px solid #3a452f;padding:0 0 8px 0;}
  
  .list p:last-child {border-bottom: none;}
  
  ol, ul {
      list-style: none;
  }
  ul.bullets {
      list-style:disc;
  }
  
  ul.big-image-list {
    -webkit-padding-start: 0px;
  }
  
  ul.big-image-list img {
    width: 178px;
    margin: 2px 1.25em 0 0;
  }
  ul.big-image-list li {
      overflow: hidden;
      margin-bottom: 2em;
      display: list-item;
  }
  ul.stripes {
    padding-left: 0;
  }
  ul.stripes li {
    /*background-color: rgba(0,0,0,.80);*/
    background-color: #48553b;
    margin: 1rem 0;
    padding: 4px 0 4px 8px;
    border-radius:4px;
  }
  ul.stripes li a {
    color: #fff;
  }
  ul.stripes li a:hover {
    color: #82a25d;;
  }
  
  
  /* -- STRUCTURE ------------------------------------------- */
  .container-fluid {
    margin-bottom: 3rem;
  }
  .container-fluid:first-of-type {
    margin-top: 3rem;
  }
  .container-fluid:last-of-type, .container-fluid.header-wrapper {
    margin-bottom: 0;
  }
  .container-fluid.header-wrapper {margin-top: 0;}
  
  .sidebar {
    background-color: rgba(72,85,59,.15);
    border-radius: 10px;
    height: auto;
  }
  
  .container .row.main-row { margin-bottom: 2em;}
  
  article.blog-post {
      position: relative;
  }
  section, article {
      margin: 0 0 60px 0;
  }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
      display: block;
  }
  
  
  /* --Calendar -- */
  #calList h2, #calList h3 {
    margin-top: 30px;
  }
  #calList h3 {
    border-bottom: 1px solid #e1e1e1;
  }
  
  .image-fit {width: 100%;
      object-fit: contain;}
  

/* -- Text Styles -- */
p {
    line-height: 1.8em;
}
h1, h2, h3, h4 {
    color: #48553b;
    font-weight: normal;
}
h1 {
    font-size: 2em;
    letter-spacing: -1px;
    margin-bottom: 1em;
}
h1, h2 {
    text-transform: none;
}
h2 {
    font-size: 1.6em;
    letter-spacing: -1px;
    margin-bottom: 1em;
}
h3 {
    font-size: 1.2em;
    margin-bottom: 0.8em;
}
h4 {
    margin-bottom: 0.5em;
}
h3.mission {
    font-weight: 900;
    line-height: 1.8em;
	font-size:1.2em;
}

.emphasis {
    text-decoration: underline;
    } 
	

/* -- Link Styles -- */
a:hover {
    color: #a29c5d !important;
    text-decoration: none !important;
}


/* -- List Styles -- */

li {font-family: 'Ubuntu Condensed', sans-serif;}

/* -- Images Styles -- */
img.left {
    float: left;
    margin: 2px 1.25em 0 0;
}

ul.big-image-list img {
    width: 178px;
}

.container-fluid.header-wrapper {
    margin-top: 0;
    padding: 8px 0 8px 0;
}

/* Carousel - Member Galler */
#memberGallery .carousel-inner {
	overflow: visible;
}
#memberGallery .carousel-item {
	height: 400px;
}
#memberGallery .carousel-caption {
	bottom: -100px;
}





/* --- Navigation --- */
  
.navbar {
    position: relative;
    margin: 2.5% 0 2.5% 0;
    padding: 10px;
    border-radius: 10px;
    border: solid 1px #48553b /*#006e8b*/;
    box-shadow: inset 0px 0px 0px 1px #3a452f /*12a0bf*/, 0px 1px 4px 0px rgba(0,0,0,0.10);
    background-color: #48553b /*#007b9d*/;
    background-image: -moz-linear-gradient(top, #48553b /*#008dab*/, #3a452f /*#007294*/);
    background-image: -webkit-linear-gradient(top, #48553b, #3a452f);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48553b), to(#3a452f));
    background-image: -ms-linear-gradient(top, #48553b, #3a452f);
    background-image: -o-linear-gradient(top, #48553b, #3a452f);
    background-image: linear-gradient(#48553b, #3a452f);
}

.navbar-toggler:not([disabled]):not(.disabled) {
    cursor: pointer;
    margin: 0 auto;
}

.navbar-brand {
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 1.5rem;
    margin:0;
    text-align: center;
    }

.navbar-brand img {height: auto; width: 15%; padding-left:15px;}


/* --------- Navigation --------- */
.navbar-nav {
	min-height: 84px;
    height: auto;
}
.navbar-dark .navbar-nav .nav-item a.nav-link {
    color: #fff !important;
}
nav ul li:hover {
    background-color: #576647;
    background-image: -moz-linear-gradient(top, #576647 /*0782a0*/, #4b593d /*077d9b*/);
    background-image: -webkit-linear-gradient(top, #576647, #4b593d);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#576647), to(#4b593d));
    background-image: -ms-linear-gradient(top, #576647, #4b593d);
    background-image: -o-linear-gradient(top, #576647, #4b593d);
    background-image: linear-gradient(#576647, #4b593d);
    box-shadow: inset 0px 1px 5px 1px rgb(0 0 0 / 5%), 0px 0px 5px 1px rgb(255 255 255 / 5%);
}
nav ul li a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    padding: 0 25px 0 25px;
    outline: 0;
	margin: 25px 0;
}
nav ul li a:hover {
	color: #fff !important;
}


 /* ----------------------- Boxes --------------------------- */
.box-date-dow {
    margin: 0 auto; 
    width: auto; 
    min-width: 50px;
    height: 50px; 
    border: 2px solid #3a452f; 
    border-radius: 4px; 
    font-size: 100%; 
    font-weight: bold; 
    box-shadow: 3px 3px 3px #ddd;
    background-color: #fff;
}
.box-date-dow .date {text-align: center; margin-bottom: 0;}
.box-date-dow .day {text-align: center; font-size: 80%; line-height: 10%;}
.box-fieldtrips {
    border-top: 1px solid #3a4430;
    border-bottom: 1px solid #3a4430; 
    background-image: linear-gradient(#48553b, #3a452f);
    box-shadow: 0px 6px 3px #ddd;
}
.box-fieldtrips .col-12.col-md-4 {
  margin-bottom: 1rem;
}
.box-fieldtrips h2 {text-shadow: 0px 0px 2px #555;}
.box-fieldtrips.fall {
    background-image: url("../images/box-fieldtrips_fall.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.box-fieldtrips.winter {
    background-image: url("../images/box-fieldtrips_winter.jpg");
}
.box-fieldtrips.spring {
    background-image: url("../images/box-fieldtrips_spring.jpg");
}
.box-fieldtrips.summer {
    background-image: url("../images/box-fieldtrips_summer.jpg");
}
.box-fieldtrips .card {
    background-color: rgba(255,255,255,.8);
}






/*----------------------------------------------------------*\
    MEDIA QUERIES
\*----------------------------------------------------------*/

/* Very Small devices (landscape phones, 576px and under) */
@media screen and (max-width: 576px) {
    .carousel-item {
        background-size: auto 150px;
    }
      .carousel-item {
      height: 150px;
      width: 200px;
      margin: 0 20%;
      }
      /* Home Page Slider */
      #homeCarousel .carousel-inner {width: 500px;}
      #homeCarousel .carousel-item {width: 500px; height: 222px;}
      
  }
  /* Small devices (landscape phones, 576px and under) */
  @media screen and (min-width: 577px) and (max-width: 767px) {
    .carousel-item {
      background-size: auto 150px;
      }
    .carousel-item {
      height: 150px;
      width: 200px;
      margin: 0 20%;
      }
  }
  
  /* medium devices  */
  @media screen and (min-width: 768px) and (max-width: 991px) {
  /* Home Page Slider */
  #homeCarousel .carousel-inner {width: 900px;}
  #homeCarousel .carousel-item {width: 900px; height: 400px;}
  }
  
  /* large devices  */
  @media screen and (min-width: 992px) and (max-width: 1199px) {
  /* Home Page Slider */
  #homeCarousel .carousel-inner {width: 900px;}
  #homeCarousel .carousel-item {width: 900px; height: 400px;}
  }
  
  
  /* Small devices (landscape phones, 577px and up) */
    @media screen and (min-width: 577px) { 
      .navbar {
        padding: 0 40px 0 40px;
      }
      .navbar-toggler:not([disabled]):not(.disabled) {
        cursor: pointer;
        margin-right: -5px;;
        }
      .navbar-brand {
        font-size: 1.4rem;
        text-align: left;
        }     
      .hidden-xs { display: block;}
      .hidden-sm { display: none;}
      .hidden-md { display: none;}
  
  }
  
  
  
  /* Medium devices (tablets, 768px and up) */
    @media screen and (min-width: 768px) { 
    .carousel-inner {
      max-height: 400px;}
    .navbar-brand {
      font-size: 1.6rem;
      } 
    .navbar-brand img {
      width: 20%;
      padding-left: 15px;
      }
    .hidden-sm {display: block;}
    .hidden-xs {display: block;}
    .hidden-md {display: none;}
    .carousel.slide {
      width: 696px;
      height: 291px;
    }
   }

  
  @media screen and (max-width: 991px) {
    .sidebar {margin-top: 30px;}
    .calendar-card img {
      width: 280px; 
      float: none;
      margin-right: 1rem;
    }
  }
  
  /* Large devices (desktops, 992px and up) */
    @media screen and (min-width: 992px) {
    .navbar-brand {
      font-size: 1.8rem;
      }
      .navbar-nav .nav-link {
        font-size: 1.3em;
        padding: 0 25px !important;
      }
      .carousel.slide {
        width: 900px;
        height: 400px;
      }
      .calendar-card img {
        width: auto;
        min-width: 270px; 
        float: left;
        margin-right: 1rem;
      }
    }
  
  
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media screen and (min-width: 1200px) {
    .navbar {height: 86px;}
    .navbar-brand {
      font-size: 2rem;
      }
    .navbar-nav .nav-link {
      font-size: 1.3em;
      padding: 0 25px !important;
      }
    }