/* ===== ===== ===== ===== ===== ===== ===== =====  */
/* Every Page Must change these two to match the colour */
/* ===== ===== ===== ===== ===== ===== ===== =====  */

input[id=search]:-webkit-autofill,
input[id=search]:-webkit-autofill:hover, 
input[id=search]:-webkit-autofill:focus, 
input[id=search]:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #2851B0 inset !important;
}

#events {
  background: none;
  border-bottom: whitesmoke solid 2px;
  padding-bottom: 2px;
}
/*-------------------------------------------------------  */

.main-body{ max-width: 1150px; }
.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  /*verticle align*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /*horizontal align*/
  -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;
  width: 50%;
}
.swiper-slide-image{
  width: 100%;
  height: auto;
  object-fit:cover;
}
.swiper-pagination-bullet {
  width: 20px;
  height: 5px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  border-radius: 0;
  background: rgb(255,255,255,0.4);
}
.swiper-pagination-bullet-active {
  color: #fff;
  background: white;
}
.swiper-button-prev::after { display: none; }
.swiper-button-prev::after { display: none; }
.contItem { display:inline-block; vertical-align:top; padding:20px 0 20px 20px; white-space:normal; text-align: left;
}
.contItemImage { width: 100%; } /*border: 2px solid #424242; border-radius: 8px;*/
.contItemTitle { font:16px/1.2em Arial, Helvetica, sans-serif; display:block; padding:0 0 10px 0; color: white; }
.contItemText { font:12px/1.2em Arial, Helvetica, sans-serif; padding:20px 0; text-transform:none; text-align:left; height: 240px; overflow: hidden; }

.tags{
    padding: 10px;
    border: 1px white solid;
    font-size: 16px;
    line-height: 3;
}

@media only screen and (max-width: 768px) {
    .swiper-slide{
        width: 90%;
    }
    .sm-none{
        display: none;
    }
}
@media only screen and (min-width: 769px) and (max-width: 960px) {
    .swiper-slide{
        width: 80%;
    }
}

@media only screen and (min-width: 961px) and (max-width: 1200px) {
    .swiper-slide{
        width: 70%;
    }
}