i,em {
  font-style: italic;
}

.dropdown-menu {
  min-width: 12rem;
}

.modal-body {
  padding: 1rem;
}

.gutter-10 {
  --bs-gutter-x: 10px;
}

.popover {
  max-width: 400px;
}

.datepicker {
  z-index: 9999 !important;
}

.pagination li a,
.pagination li span {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  /* border: 1px solid #849F8C; */
  margin: 0 4px;
}

.pagination li.active a {
  background-color: #849F8C;
  color: white;
  /* border: 1px solid #849F8C; */
}

.pagination li a:hover:not(.active) {
  background-color: #849F8C;
  color: white;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #849F8C;
  border-color: #849F8C;
}

.bg-custom1 {
  background-color: #84A687;
}

@media screen and (max-width: 767px) {
  .pagination {
    width: 100%;
    max-width: 360px;
  }
}

.select2-container--open {
  z-index: 9999999;
}

a.footer-link:hover {
  color: white;
  text-decoration: underline;
}

/* .accordion-button:not(.collapsed){
  background-color: #eee;
} */

form div.required>label:after {
  content: " * ";
  color: red;
}

/* .select2-container--krajee-bs4 .select2-selection--multiple .select2-search--inline .select2-search__field {
  min-width: 0px;
  max-width: 0px;
} */

.share-icon a.active svg {
  color: #849F8C !important;
}

.tab>input {
  margin-top: -60px;

  position: absolute;
  opacity: 0;
  z-index: -1;
}

input:not(:checked)~.tab-content .file-preview-thumbnails {
  display: none;
}

.btn-share {
  font-size: 36px;
}

.btn-fb {
  color: #3b5998;
}

.btn-twitter {
  color: #00acee;
}

.btn-line {
  color: #06c755;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6;
}



/* New */

.text-orange{
      color: #F58403;
}
.block-recommended-head{
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.block-recommended-head .view-all{ 
  align-content: end;
}

.block-recommended-head .view-all a{ 
  font-size: 1rem;
}

.block-recommended-head .view-all.text-warning a{
  color: #F58403; 
}

.block-recommended-head.text-white *{
  color: #000000; 
}
#owl-carousel-recommended .owl-item{
  margin: 0 !important;
  padding: 0 !important;
}
#carouselRecommendedControls .owl-item .carousel-item-preview{      
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 420px;
  padding: 1px;
}

#carouselRecommendedControls .owl-item .carousel-item-preview > img.carousel-item-preview--image{
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  width: 100%;
  height: 420px;
  margin-top: 0 !important;
}

#carouselRecommendedControls .owl-item .carousel-item-community{
  margin-top: 1rem;
}

#carouselRecommendedControls .owl-item .carousel-item-community .location > a{
  color: #799C7C;

}

#carouselRecommendedControls .owl-item .carousel-item-community .carousel-item-community--slogan{
  height: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 
}

.block-recommended-side .block-recommended-side--item{
  display: flex;
  justify-content: space-between;
  margin-bottom: .75rem;
}

.block-recommended-side .block-recommended-side--item .block-recommended-side--item--image{
  width: 170px;
  display: block;
}
.block-recommended-side .block-recommended-side--item .block-recommended-side--item--image img{
  width: 100%;
  border-radius: 7px;
  height: 100px;
  object-fit: cover;
  object-position: center;
}

.block-recommended-side .block-recommended-side--item .block-recommended-side--item--slogan{  
  height: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.9rem;
}
.block-recommended-side .block-recommended-side--item-community{
  padding-left: 1rem;
  width: calc(100% - 170px);
}
.block-recommended-side .block-recommended-side--item-community h6{
  margin: 0;
}
.block-recommended-side .block-recommended-side--item-community .location > a{
  color: #799C7C;
  font-size: 0.75rem;

}

#carouselRecommendedControls .custom-owl-nav{
  position: absolute;
  top: 35%;
  width: 100%;
  margin-top: 0;
  display: flex;
  justify-content: space-between;
}
#carouselRecommendedControls .custom-owl-nav .owl-next,
#carouselRecommendedControls .custom-owl-nav .owl-prev{
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 15%;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  transition: opacity .15s ease; 
  opacity: 1;
  height: 20px;

}
#carouselRecommendedControls .custom-owl-nav .owl-prev{
    justify-content: flex-start;
    left: -20px;
}
#carouselRecommendedControls .custom-owl-nav .owl-next{
    justify-content: flex-end;
    right: -20px;
}
#carouselRecommendedControls .owl-prev  .carousel-control-prev-icon{
  background-image: url("/images/slide_icon.svg");
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  background-repeat: no-repeat;
}
#carouselRecommendedControls .owl-next .carousel-control-next-icon{    
  background-image: url("/images/slide_icon.svg");
  background-repeat: no-repeat;
}
/* #carouselRecommendedControls .owl-item{
  height: 650px;
} */
#carouselRecommendedControlsMobile .owl-item{
  height: 450px;
}
.block-community{
  background-color:#e6eae8;
}
.block-community-carousel .expand-card{
  width: 95%;
} 
.block-community-item-community{
  text-align: left;
  margin-top: 0.5rem;
}
.block-community-item-community .location > a{
  font-size: 0.75rem;
} 
.block-community-item-community  .block-community-item--title > a{
  color: #666666;
}
.block-community-item-community .block-community-item--slogan{
  font-size: 1rem;
  height: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #666666;
}
#carouselCommunityControls .expand-card.is-expanded .expand-card__inner .block-community-item--title > a,
#carouselCommunityControls .expand-card.is-expanded .expand-card__inner .block-community-item--slogan{  
  color: #666666;
} 
#carouselCommunityControls .expand-card .expand-card.is-expanded .expand-card__inner:after{
  border-bottom: 15px solid #ffffff;
}
#carouselCommunityControls .expand-card .expand-card .expand-card__expander {
  width: calc(420%);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 10px -5px, rgba(0, 0, 0, 0.3) 0px 8px 10px -8px;
} 
.block-community-type--searchbox{
  background-color: transparent;
  margin: 1rem 0;
  padding: .5rem 0;

}
.block-community-type--searchbox .mix-btn{
  width: fit-content;
  text-align: center;
  border-radius: 5px;
  
  background-color: #FBFFFB;
  border: 1px solid #799C7C;
}
.block-community-type--searchbox .mix-btn:hover,
.block-community-type--searchbox .mix-btn:focus,
.block-community-type--searchbox .mix-btn.active {
    background-color: #84A687;
    color: #ffffff;
}
.block-community-type--searchbox .container{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;

}
.block-community-type--data .pagination{
  margin-top: 1rem;
  justify-content: center;
}
.block-community-type--data .flex-cards{
  justify-content: space-between;
}
.block-community-type--data .flex-cards .flex-cards__item{
  padding: 0;
  width: calc(25% - 1rem);  
  margin-top: 1rem;
}
.block-community-type--data .flex-card__content .flex-card__title{
  font-size: 1.25rem;
}
.block-community-type--data .flex-card__content .flex-meta > a{
  color: #799C7C;
}
.block-community-type--data .flex-card__content .text-ellipsis{
  height: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.block-community-type--data .flex-card__content .share-icon{
  display: flex;
  justify-content: space-evenly;
  margin: .5rem 0;    
  font-size: 16px;
}

.block-community-type--data .flex-card__content .share-icon a{
  color: #799C7C;
}

.block-community-type--data .flex-card__content .share-icon svg{
  color: #799C7C;
  font-size: 16px;
  margin:  0;
}

.block-community-type--data .flex-card__content .share-icon .block-community-type--data--view{
  color: #799C7C;
}

.block-community-type--data .flex-card__content .flex-btn{
  background-color: #FBFFFB;
  border: 1px solid #799C7C;
}

.block-community-type--data .flex-card__content .flex-btn:hover,
.block-community-type--data .flex-card__content .flex-btn:focus{
 /* color: #000000; */
  background-color: #799C7C;
  color: #ffffff;
}

.community-control-prev-icon,
.community-control-next-icon{
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
 

#carouselCommunityControls .carousel-control-prev  .carousel-control-prev-icon,
#carouselCommunityControlsMobile .carousel-control-prev  .carousel-control-prev-icon{
  background-image: url("/images/slide_icon.svg");
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  background-repeat: no-repeat;
}

#carouselCommunityControls .carousel-control-next{
  right: 8%;
  width: fit-content;

}
#carouselCommunityControls .carousel-control-prev{
  left: 8%;
  width: fit-content;
}
#carouselCommunityControls .carousel-control-next,
#carouselCommunityControls .carousel-control-prev{
  top: 170px;
  opacity: 1;
  height: 20px;
}

#carouselCommunityControlsMobile .carousel-control-next,
#carouselCommunityControlsMobile .carousel-control-prev {
  top: 170px;
  opacity: 1;
  height: 20px;
}

#carouselCommunityControls .carousel-control-next .carousel-control-next-icon,
#carouselCommunityControlsMobile .carousel-control-next .carousel-control-next-icon {    
  background-image: url("/images/slide_icon.svg");
  background-repeat: no-repeat;
} 
#carouselCommunityControls .carousel-item,
#carouselCommunityControlsMobile .carousel-item{
  height: fit-content;
}
#carouselCommunityControls .expand-card,
#carouselCommunityControlsMobile .expand-card{
  margin: 1rem 0;
}

#carouselCommunityControls{
  display: block;
}

#carouselCommunityControlsMobile{
  display: none;
}  

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #carouselCommunityControlsMobile .carousel-control-next{
    right: 0;
  }
  #carouselCommunityControlsMobile .carousel-control-prev{
    left: 0;
  }
  #carouselCommunityControls .expand-card {
    width: calc((100% / 4) - 30px);
  }
  #carouselCommunityControls .carousel-control-next{ 
    right: -7px;
    top: 80px;
  }
  #carouselCommunityControls .carousel-control-prev{ 
    left: -7px;
    top: 80px;
  }
  .block-community-type--data .flex-cards .flex-cards__item{
    width: calc(50% - 1rem);
    margin-bottom: 1rem;
  }
  
}

@media screen and (max-width: 767px) {

  #carouselCommunityControls{
    display: none;
  }

  #carouselCommunityControlsMobile{
    display: block;
  } 

  .block-recommended #carouselRecommendedControls{
    margin-bottom: 0;
  }

  .block-recommended .block-recommended-side{
    margin-bottom: 2rem;
  }

  .block-community-type--data .flex-cards .flex-cards__item{
    width: calc(50% - 1rem);
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 430px) {
  .block-community-type--data .flex-cards .flex-cards__item{
    width: calc(100% - 1rem);
    margin-bottom: 1rem;
  }
  #carouselCommunityControlsMobile .carousel-control-next{
    right: -10px;
  }
  #carouselCommunityControlsMobile .carousel-control-prev{
    left: -10px;
  }
}
.commu-flex-card__content .commu-content-text.text-ellipsis p,
.flex-card__content .card-content.text-ellipsis p {
    width: 100%;
    height: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 7px !important;
}
.commu-info p {
    margin: 0;
}
/* 
.tab-content p{
  margin: 0;
} */

.tab-content tbody, 
.tab-content td, 
.tab-content tfoot, 
.tab-content th, 
.tab-content thead, 
.tab-content tr{
  border-width: 1px;
}