.galeri-item {
    border: solid 1px gray;
    border-radius: 0px 0px 8px 8px;
    border-bottom: solid 4px #21409a;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    margin-bottom: 30px;
}

.kategori {
    text-align: center;
    color: white;
    border-radius: 0px 0px 4px 4px;
    border-bottom: 2px solid #3f66d7;
}

.cat {
    font-size: small;
    padding: 5px 10px;
    background-color: aliceblue;
    color: #333030;
}

.galeri .tarikh {
    margin-top: -30px;
    color: white;
    position: relative;
    padding: 0px 10px;
    background: linear-gradient(45deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 80%, rgba(0, 212, 255, 0) 80%);
    width: 70%;
}

.galeri .gambar-utama {
    border-bottom: 4px solid #090870;
}

.galeri .tajuk {
    min-height: 125px;
    padding: 10px;
    line-height: initial;
}

.galeri .form-text {
    height: 33px;
    margin-top: 8px;
    border-radius: 3px;
    margin-right: 18px;
    border: 1px solid #767676 !important;
}

.galeri .fieldset-wrapper {
    display: flex;
}

.form-item-tarikh-min label, .form-item-tarikh-max label{
display:none;
}

.form-item-tarikh-min:after {
    content: "-";
    color: black;
    padding: 5px 8px 5px 5px;
    font-size: large;
    font-weight: bolder;
}

form#views-exposed-form-galeri-galeri {
    margin-bottom: 20px;
    display: inline-flex;
}

.galeri .button.js-form-submit.form-submit {
    height: 32px;
    padding: 5px 10px;
   margin: 8px 0px 8px 18px;
    border-radius: 3px;
    background-color: #21409a;
}

.galeri .button.js-form-submit.form-submit:hover {
    background-color: #09aac8;
}

.form-item-cat .form-select {
    height: 33px;
    margin-top: 8px;
    border-radius: 3px;
    margin-right: 18px;
    border: 1px solid #767676 !important;
    line-height: 1.0;
    font-size: 0.875em;
}

.form-item-cat .description, .form-item-cat-kandung .description {
    padding-left: 12px;
    font-size: 0.875em;
}

@media (max-width: 480px) {

.js-form-item.form-item.form-type-select.js-form-type-select.form-item-cat.js-form-item-cat {
    width: 100%;
    margin-right: 1%;
}

.galeri .fieldset-wrapper {
    display: block;
}

.galeri .form-select {
    width: 100%;
    height: 40px;
    margin: 8px 0px 0px 0px;
    border: solid 1px #434343 !important;
    border-radius: 3px;
    color: black;
    line-height: 1.3;
    margin-bottom: 10px;
}

.galeri .form-text {
    margin-top: 8px;
    border-radius: 3px;
    margin-right: 18px;
    border: 1px solid #4d4d4d !important;
    height: 40px;
    margin-bottom: 10px;
}

form#views-exposed-form-galeri-galeri {
    margin-bottom: 20px;
    display: block;
}
	
.form-item-tarikh-min:after {
   content: "to";
}

html[lang="en"] .form-item-tarikh-min:after {
      content: "to";
}

html[lang="ms"] .form-item-tarikh-min:after {
 content: "ke";
}

.galeri input,.galeri button,.galeri select,.galeri optgroup,.galeri textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
    height: 40px;
}

.galeri .button.js-form-submit.form-submit {
    height: 40px;
    padding: 5px 10px;
    margin: 10px 0px;
    border-radius: 3px;
    background-color: #21409a;
}

.galeri	.js-form-item.form-item.form-type-select.js-form-type-select.form-item-cat.js-form-item-cat {
    color: #444;
    line-height: 40px;
    height: 40px;
}

.galeri .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
    height: 40px;
}
}