/* here you can put your own css to customize and override the theme */
/*@media (max-width: 410px) {*/
.select-dropdown,
.select-dropdown * {
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
.select-dropdown {
  position: relative;
  background-color: #E6E6E6;
  border-radius: 4px;
}
.select-dropdown select {
  font-size: 1.5rem;
  font-weight: normal;
  max-width: 100%;
  padding: 8px 24px 8px 10px;
  border: none;
  background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
  appearance: none;
}
.select-dropdown select:active, .select-dropdown select:focus {
  outline: none;
  box-shadow: none;
}

.select-dropdown:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-top: 5px solid #aaa;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}


hr.baldwin {
  border-top: 1px solid red;
}

button.columntool{
  display: block;
  width: 80%;
  height: 100px;
  margin-left: 10%;
  padding-left: 0;
  padding-right: 0;
  font-size: xx-large;
}

button.columntoolSM {
  display: block;
  width: 40%;
  height: 60%;
  margin-top: 5%;
  padding-left: 2px;
  padding-right: 2px;
  font-size: large;
 
}

hr.baldwinDeadSpace {
  border-top: 1px transparent white;
  opacity: 0;
  margin-top: 15px;
  margin-bottom: 15px
}
.pergola-caption {
  text-align: center;
  /*
    max-inline-size: 576px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  */
}
.swiper-container {
  width: 100%;
  height: 640px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.swiper-container-horizontal {
  margin-top: -1%;
  margin-bottom: 1%;
}

.swiper-slide img {
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  margin-bottom: 25px;

}

/* .swiper-container {
  width: 100%;
  height: 100%;
} */

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.carousel-indicatorss {
  position: relative;
  left: auto;
}

a.noFX {
  color: #000000;
}

a,
a.noFX:focus,
a.noFX:hover,
a.noFX:active {
  outline: 0;
  text-decoration: none;
}

a.noFX:hover {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 615px) {

  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 1px;
    right: auto;
  }

  .swiper-container {
    margin-top: 0%:
    /* margin-top: 5px; */
    /* this said: 5px; Max changed this code 2023 */
    width: 100%;
    height: 500px;
    /* this said: 600px; Max changed this code to 500px 2023 */
    transform: scale(1);
    /* scale: 100%; */
    /* this said: 86%; Max changed this code 2023 */
    font-size: 16px;
    /* margin-bottom: 40px; */
    margin-bottom: 5%;
    /* this said: -210px; Max changed this code 2023 */
    /* margin-top: 5px; */
    /* this said: -150px; Max changed this code 2023 */
    /*margin-bottom: 40%;
    margin-top: 50%;*/
  }

  /* .swiper-wrapper{
    margin-top: -8%;
    margin-bottom: -10%;
  } */

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    /*these are the four lines of code that fixed the slider!! YAY! */
    width: 100%;
    /* height: 100%; */
    height: auto;
    object-fit: cover;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
  }

  .swiper {
    margin: 20px 0;
  }
  .swiper-button-next{
    position: absolute;
      top: 45%;
  }
  .swiper-button-prev{
    position: absolute;
    top: 45%;
  }
  .btn {
    white-space: pre-wrap;
  }

  .h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 36px;
    text-align: left;
  }

  .h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-align: left;
  }

  .h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-align: left;
  }

  .h44 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-align: left;
  }

  .hr.baldwin {
    border-top: 1px solid orangered;
  }

  hr.baldwinDeadSpace {
    margin-top: 0px;
    margin-bottom: 0px
  }

 .swiper-container {
   margin-top: 0%;
   margin-bottom: 5%;
  } 

  /*was 600 px Max made it 500 2/9/2023*/
  /* .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }  */

  /* .swiper-slide img {
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 25px;
  } */


}

/*MORE @MEDIA */
/*Max added the following CSS - the next fifeteen lines*/
@media screen and (max-width: 1100px) {
  /* .swiper-container {
    width: 100%;
    height: 100%;
  } 
  commented out 8.2.23 - mvh*/

  /*1.19.23 Testing*/
  .img-container {
    position: relative !important;
    /*Max added the following CSS*/
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.5);
  }

  /*Added Shadow to video MVH*/
  .video-container video {
    position: absolute !important;
    width: auto;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  }

  .img-shadow-container {
    position: absolute !important;
    width: auto;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.5);
  }

}

/*END MORE @MEDIA */

/*END MEDIA DIRECTIVES*/
/*1.19.23 Testing*/
.img-container {
  position: relative !important;
  width: 100%;
  /*Max added the following CSS*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
}

.img-container-subtext {
  position: relative !important;
  width: 100%;
  /*Max added the following CSS*/
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.custom-drop-shadow {
  -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
}

.hover-image {
  opacity: 1;
  display: block;
  filter: brightness(100%);
  width: 100%;
  height: auto;
  transition: .8s ease;
  backface-visibility: hidden;
  /* scale: 1; */
  transform: scale(1);
}

.hover-middle {
  transition: .5s ease;
  opacity: 0;
  position: relative;
  bottom: 75px;
  width: 100%;
  text-align: center;
}

.img-container:hover .hover-image {
  /* opacity: 0.3; */
  /* -webkit-filter: blur(1px); Safari 6.0 - 9.0 */
  /* filter: blur(1px); */
  filter: brightness(110%);
  background: rgb(0, 0, 0);
  /* Fallback color */
  background: rgba(0, 0, 0, 0.5);
  /* Black background with 0.5 opacity */
  color: #f1f1f1;
  /* scale: 1.02; */
  transform: scale(1.02);
}

.img-container-subtext:hover .hover-image {
  filter: brightness(110%);
  background: rgb(0, 0, 0);
  /* Fallback color */
  background: rgba(0, 0, 0, 0.5);
  /* Black background with 0.5 opacity */
  color: #f1f1f1;
  transform: scale(1.02);
}

.img-container:hover .hover-middle {
  opacity: 0;
  filter: brightness(110%);
  transform: scale(1.02);
}

.img-container-subtext:hover .hover-middle {
  opacity: 0;
  filter: brightness(110%);
  transform: scale(1.02);
}

.hover-text {
  background-color: #314746;
  color: white;
  opacity: .8;
  font-size: 16px;
  height: 75px;
}

.img-container-subtext:hover .hover-title-text h3 {
  /* text-transform: uppercase; */
  /* font-size: 25px; */
  transform: scale(1.02);
  transition: .8s ease;
}

.hover-title-text h3 {
  color: black;
  transition: .8s ease;
}

/*ADDED VID CONTAINER 1.26.23 MVH */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 432px;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 576px;
  height: 432px;
  /*Added dropshadow to video container MVH*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
}

.img-shadow-container {
  position: absolute;
  /*Added dropshadow to video container MVH*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.5);
}

.page-slider {
  margin-top: 80px;
}

/* .swiper-container {
  width: 100%;
  height: 500px;
  /*was 570 2/9/2023*/
  /* margin-bottom: 0;
} */ 

/*Accordion Styles*/
.accordion .card-header:after {
  font-family: 'FontAwesome';
  content: "\f068";
  float: left;
  margin-right: 5px;
}

.accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f067";
}

.card-header {
  background-color: white;
  border: 0px;
}

.card {
  border: 0px;
}

.accordion-clicker:hover {
  background-color: #fff;
  text-emphasis-color: red;
}

.accordion-clicker.clicked {
  content: "+";
}

.accordion-clicker.clicked::before {
  content: " - ";
  display: block;
  position: absolute;
  transform: scale(2.8);
}

.a.clicked {
  content: "+";
}

.a.clicked::before {
  content: " + ";
  display: block;
  position: absolute;
  transform: scale(2.8);
}


.toggle-block {
  display: block;
}

.h110 {
  position: absolute;
  content: "+";
  transform: scale(3.0);
}

.h1 {
  margin-bottom: 15px;
}

/*Styles for accordion php includes*/
/* Icon when the collapsible content is shown */
.abtn {
  border-width: 0;
  /* padding: 7px 14px; */
  /* font-size: 14px; */
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

.abtn,
.accordion {
  background-color: white;
  color: black;
  width: auto;
}

.abtn.collapsed:after,
.accordion:after {
  background-color: white;
  color: #e54a1a;
  width: auto;
}

.abtn.collapsed:after,
.accordion:before {
  background-color: white;
  color: black;
  width: auto;
}


.abtn:hover {
  background-color: white;
  color: #e54a1a;
  transition: 0.7s;
}

.abtn:after {
  font-family: "Glyphicons Halflings";
  content: "\2212 \00a0";
  float: left;
  margin-left: 15px;
  color: #e54a1a;
}

/* Icon when the collapsible content is hidden */
.abtn.collapsed:after {
  content: "\2b\00a0 ";
  color: black;
}

.abtn-lg {
  padding: 10px 16px;
  font-size: 25px;
  line-height: 1.33;

}

@media (max-width: 615px) {
  .abtn-lg {
    font-size: 18px;
  }
}

#id:target {
  display: block;
}