.row.display-flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  }
  .row.display-flex > [class*='col-'] {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  }
  .single-event-item, .single-latest-item  {
	background-color: #f6f6f6;
  }
  
  .single-event-text > h3, .single-latest-text > h3 {
	line-height: 1.5;
}


/* side bar*/
.recent-content-item {
    display: flex; /* Gunakan Flexbox untuk tata letak horizontal */
    align-items: flex-start; /* Rata atas antara gambar dan teks */
    margin-bottom: 22px;
    overflow: hidden;
}

.recent-content-item > a {
    flex-shrink: 0; /* Agar gambar tidak mengecil */
    margin-right: 12px; /* Jarak antara gambar dan teks */
}

.recent-content-item > a img {
    width: 100px; /* Atur ukuran gambar */
    height: 100px; /* Pastikan gambar kotak */
    object-fit: cover; /* Potong gambar agar sesuai dimensi */
    border: 1px solid #FFAE27; /* Sama seperti style sebelumnya */
}

.recent-text {
    flex-grow: 1; /* Teks mengambil sisa ruang */
    overflow: hidden;
}

.recent-text > h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.recent-text > h4 a {
    color: #6b6b6b;
    text-decoration: none;
}

.recent-text .single-item-comment-view {
    font-size: 11px;
    color: #b2b2b2;
    margin-bottom: 5px;
}

.recent-text > p {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}

.button-default{
    border-radius: 8px !important; 
}

.single-latest-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    aspect-ratio: 370 / 250;
    border-radius: 0px;
}

.single-event-image img {
    width: 100%; /* Agar sesuai dengan lebar kontainer */
    height: 370px; /* Tinggi tetap */
    object-fit: cover; /* Memastikan gambar memenuhi area tanpa distorsi */
    aspect-ratio: 250 / 370; /* Rasio 250:370 */
    border-radius: 0; /* Tidak ada lekukan */
}

.single-client-logo img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 0;
}


/*custom color ada di admin*/
/*
.hero-slider .owl-nav > button {
  background: #1F3971 !important;
  color: #fff !important;
}

.button-default{
    background: #1F3971 none repeat scroll 0 0;
    color: #ffffff;
}

.hero-slider .owl-nav > button:hover {
  background: #FFAE27 !important;
}

.button-default:hover{
    background: #FFAE27 none repeat scroll 0 0;
}

.event-style-2 .single-event-image a > span {
  background: #1F3971 none repeat scroll 0 0;
}

.blog-content a:hover{
    color:#fff;
}

a:focus,
a:hover {
	color: #FFAE27;
}

.single-latest-text > h3 a {
	color: #1F3971;
}
.single-latest-text > h3 a:hover {
	color: #FFAE27;
}


.recent-text > h4 a {
  color: #6b6b6b;
  text-decoration: none;
}

.recent-text > h4 a:hover {
  color: #FFAE27;
  text-decoration: none;
}

.contact-form-style .button-default:hover {
	color: #FFAE27;
	background-color: #1F3971;
}

.edubuzz-address {
	background-color: #1F3971;
}

.footer-widget-area {
  background: #1F3971 none repeat scroll 0 0;
}

.footer-area {
  background-color: #1C3263;
}

.edubuzz-address > ul > li {
	border-top: 1px solid #4B5B7D;
}
*/



/*
#004029
#FFAE27


*/

/*
#FFAE27
#1F3971
#1C3263
*/