/*
Theme Name: Divi Child Theme
Theme URI: https://top10malaysia.com/
Description: Child Theme For Divi
Author: Syaful Mohamad
Author URI: https://top10malaysia.com/
Version: 1.0.0
Template: Divi

*/

body{background-image:url(https://mainshows.com/wp-content/uploads/2025/12/view-futuristic-concert-bg.jpg); background-position:top center; background-repeat:no-repeat;}
h2 {font-size:18px!important; padding-bottom:20px!important;}
div {min-height:auto!important;}
a:hover {color:#cba829!important; transition:500ms;}
.home-headers {text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0 10px 0;text-transform:uppercase;font-size:22px;}
sup {font-size:12px!important;}

/* Content page layout tweaks */
#main-content {background-color:transparent;}
.et_pb_title_meta_container a {font-style:bold; color:#ca9b52;}
.et_pb_section {min-height:none!important; background:transparent!important;}
.post-meta {text-transform:uppercase;font-size:13px!important;margin-bottom:0!important;height:15pt;overflow:clip;}
.ba_image_carousel_0 .dtq-carousel .slick-track {padding-top:0!important;} /* reset carousel top padding */
.big-quote {font-family:'EB Garamond', Georgia, "Times New Roman", serif; text-align:center; font-size:1.8em!important;}
.lonely-quote {margin:5vh auto !important; padding:3vh!important; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.et_pb_column.the-content {background-color:#FFF; padding:30px;border-radius:10px;}
.et_pb_post_content p, .et_pb_post_content h2, .et_pb_post_content h3 {padding-left:10%; padding-right:10%;}
.et_pb_post_content .wp-block-list {padding-left:15%!important; padding-right:10%!important;}
.et_pb_post_content p {padding-bottom:20px;}
.wp-block-gallery, .wp-block-image, .wp-block-columns {margin-top:5vh; margin-bottom:5vh;}
.wp-block-image img {width:100%;}
.wp-block-columns {border-bottom:1px solid #DDD;padding-bottom:2vh;}
.wp-block-column {align-self: center;}
.wp-block-column.img-side {max-width:40%;}
.lonely-columns {border-top:1px solid #DDD;}

/* reorder post items in homepage */
.articles-list .et_pb_post, .archieve-list .et_pb_post { display: flex; flex-direction: column; }
.articles-list .et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url, .archieve-list .et_pb_post .entry-featured-image-url {	order: 1;}
.articles-list .et_pb_post .post-meta, .archieve-list .et_pb_post .post-meta { order: 2;}
.articles-list .et_pb_post .entry-title, .archieve-list .et_pb_post .entry-title { order: 3;}
.articles-list .et_pb_post .post-content {	order: 4;}
.articles-list .entry-featured-image-url, .archieve-list .entry-featured-image-url {padding-top: 100%; display: block; margin-bottom:10px!important;}
.articles-list .entry-featured-image-url img, .archieve-list .entry-featured-image-url img {position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;}
.articles-list .et_pb_image_container {margin-bottom:0;}

/* Grid and styling for event listing */
.event-listing #ecmd-list-wrapper {display: grid!important; grid-template-columns: 50% 50%; gap: 30px;}
.event-listing #ecmd-list-wrapper > div {align-items:flex-start;}

/* Grid and styling for archieve and search page */
.archieve-list .et_pb_post .entry-title {height:4.2em; overflow:hidden; text-overflow:ellipsis!important;}
.archieve-list .entry-featured-image-url img {border-radius:10px;}
.archieve-list > div {
	display: grid;
	gap: 0 30px;}


/* Hero slider for all articles page */
.hero-slider .et_pb_slide{padding:0;}
.hero-slider .et_pb_slider_container_inner{height:45vh!important;}

/* blog module - feature image on the right */
.side-feature-image .entry-featured-image-url  {width: 30%; float: right; margin-bottom: 0!important; padding-top: 30%; display: block;}
.side-feature-image img {position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;}
.side-feature-image .entry-title, .side-feature-image .post-meta {width:70%; float: left; padding-right:2.5%;}
.side-feature-image .entry-title {padding:1.4em 10px 0 0!important; max-height:4.2em!important; overflow:hidden; text-overflow: ellipsis;}
.side-feature-image .post-meta {position:absolute;}

/* CSS for custom page navigation */
.wp-pagenavi {text-align:center; font-size:13px; position:absolute;left:0; right:0; bottom:0; margin:20px auto; font-weight:800!important;}
.wp-pagenavi a, .wp-pagenavi .current {margin:3px; padding:5px 8px; border:1px #cba829 solid; min-width:30px; border-radius:5px;}
.wp-pagenavi a:hover {color:#FFF!important; background-color:#666; border-color:#666; transition:500ms;}
.wp-pagenavi .current {color:#FFF!important; background:#cba829; border-color:#cba829!important;}
.wp-pagenavi .pages {margin-right:8px; border:0; color:#666!important; display:block;}
.wp-pagenavi .extend {border:0; color:#666!important;}

/* Mobile specific */
#mobile_menu1 {background:#013263!important;}


@media (min-width:1000px) {
	.archieve-list > div {grid-template-columns:25% 25% 25% 25%;}
}

@media (min-width: 760px) and (max-width:999px) {
	.archieve-list > div {grid-template-columns: 33% 33% 33%;}
}

@media (max-width:759px) {
  .big-quote {font-size:2em!important;}
  .wp-block-column.img-side {max-width:none;}
}