/* IMAGE ANIMATION */

.block.block-views img:hover {
	transform: scale(1.2);
	transition: 0.6s ease;
}

.post-block .post-image, .block .views-field.views-field-field-image,
.block.block-views .card {
    overflow: hidden;
}

/* BLOCK CONTENT */

.block.block-views img {
	width: 100% !important;
}

.post-block .post-title {
	font-size: 0.9rem !important;
	font-weight: 600 !important;
}

.post-block .post-title.post-small a {
	font-size: 14px !important;
	line-height: 17px !important;
	display: block !important;
}

.post-block .post-date, 
.block.block-views .views-view-grid .views-field-created {
	color: #999999;
	font-size: 12px;
	font-weight: normal;
}

.content-latest-news-list.v2 img {
	float: none !important;
	border-radius: 0 !important;
}

.post-block .post-image img {
	width: 100% !important;
}

/* PAGINATION */

.pager.layout--content-medium {
	justify-content: center !important;
	display: flex !important;
}

.pager__items.js-pager__items li {
	display: inline-flex;
	min-width: 27px !important;
}


/* BANNER */
#block-bannerheader {
	width: 100% !important;
}

.splide__slide img {
	width: 100% !important;
}

#splide02 img {
	height: 440px;
}

/* NAVIGATION */
.dempo.primary-menu { background: var(--bs-dark); }
#block-dempo-main-menu { height: 52.4px !important; }

@media (max-width: 576px) {
    .dempo.primary-menu { background: none; }
}

/* FORM */

input, optgroup {
	padding: 4px;
}

.form-actions .button, .form-actions .action-link {
	font-size: smaller;
	background-color: var(--bgcolor);
	border: solid 1px var(--bgcolor);
	color: #eee;
	padding: 4px 16px;
}

/* SEARCH */

.form-actions .button, .form-actions .action-link {
	font-size: smaller;
}

.dempo.search {
	background: var(--bs-dark);
	position: relative;
	display: flex;
	justify-content: end;
	height: 52.4px;
}

.search-icon {
	color: white;
	width: 50px;
	padding: 3px 7px;
  line-height: 48px;
  font-size: 32px;
  float: right;
}

.search-icon:hover {
  background: #f7f9fa;
  color: var(--bs-dark);
}

.search-contents {
	display: none;
}

.search-contents {
	position: absolute;
	border: solid 4px #e7edf1;
	right: 0;
	padding: 0 16px;
	width: 330px;
	background: #f7f9fa;
	z-index: 100;
	margin-top: 50px;
}

.search-contents .js-form-item.form-item {
	margin: 16px;
	float: left;
}

@media (max-width: 992px) {
    .search-block-form {
        background: transparent;
    }
    .search-icon {
    	color: var(--bs-dark);;
    	width: 30px;
    	height: 30px;
    	padding: 3px 7px;
    }    
    .search-icon:hover {
      background: transparent;
    }
    .dempo.search {
      background: transparent;
    }
}

@media (max-width: 576px) {
    .branding { padding-top: 12px; }
    .dempo.search { background: none; }
    .search-icon { margin-left: -8px; float: none;}
    .search-contents { }
}