/*
Theme Name: Divi Child theme of Divi
Theme URI: 
Description: Child theme of Divi theme for the Divi theme
Author: <a href="http://www.elegantthemes.com">Elegant Themes</a>
Author URI: 
Template: Divi
Version: 4.27.1
Customized by: Syaful Mohamad
*/

.home-sections{padding:80px 0 0!important;}
.home-section-header, .home-section-header > div {padding-top:0!important}
.home-section-header > div > div {margin-top:0!important;} 
.pagination{padding-top:15px;font-size:10px;} 
.menu-item a {font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif !important; font-size:16px; font-weight:300 !important;}
.archieve-listing .entry-title {height:40px!important; max-height:40px!important; overflow:none;}
.et_pb_button:hover {background:#e09900 !important; color:#FFF !important;}

ul {padding-left:25px!important;}
li {padding:0 0 .5em .5em;}
.wp-block-image {margin:1.5em 0 2.0em 0 !important;}
.et_pb_post_content p, .et_pb_post_content h2, .et_pb_post_content h3, .et_pb_post_content h4 {padding:0 2.5vw 1.7em 2.5vw !important;}
.et_pb_post_content ul, .et_pb_post_content ol {padding:0 2.5vw 1.7em 4vw !important;}

/* Move caption of images in the gallery outside image instead of overlay */
.wp-element-caption {font-style:italic !important; line-height:1.5em;}
.wp-block-gallery figcaption {position: relative !important; background: none !important; color: #555 !important; margin: 0.5em 0 1em 0 !important; padding:0 8% !important;	line-height:1.4em !important; text-shadow: none !important;}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {backdrop-filter:none !important;}

/* Usage of columns as gallery */
.wp-block-columns.fake-gallery {border-bottom:0 !important;}
.fake-gallery .wp-block-column {align-self:start !important;}


.gallery-item img {border:0px!important;}
.wp-block-columns {border-bottom:1px solid #DDD;padding-top:30px;}
.wp-block-column.img-side {max-width:40%;}
.lone-columns {border-bottom:0!important;}
.et_pb_post_content h2.wp-block-heading {margin-top:25px;}
h3 {line-height: 1.3em;}
div.wp-block-column {margin-bottom:30px!important;}
.wp-block-column .wp-block-image {margin-top:20px;}
.wp-block-gallery{padding-bottom: 30px!important;}
.medium-quote {font-size:15pt;font-style:italic;font-weight:bold;text-align:center;}
figure {width:100%;}


.feature-image-1-1 .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}
.feature-image-1-1 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.feature-image-4-5 .entry-featured-image-url {
  padding-top: 125%;
  display: block;
}
.feature-image-4-5 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* Homepage post slider */
#home-hero {margin:30px 0 30px 0;}
#home-hero.et_pb_post_slider_0 .et_pb_slide {
    background-position: center center;
    background-size: cover !important;
	padding:0 !important;
}
#home-hero.et_pb_slider_with_overlay .et_pb_slide_overlay_container, #home-hero .et_pb_slide_description {
width:25%; margin:0 0 0 3%; padding: 20vh 30px 0 30px !important;
} 
#home-hero .et_pb_slide_description {float:left;}

/* Mobile hamburger */
mobile_menu_bar ::before, mobile_menu_bar ::after {color:#bf8f00 !important;}

#main-header {box-shadow: none !important;}
.et_pb_post { display: flex; flex-direction: column; }
.et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url {	order: 1;margin-bottom:15px;}
.et_pb_post .post-meta { order: 2; font-size:14px!important;}
.et_pb_post .entry-title { order: 3; font-weight:400!important; font-size:18px!important;}

.quad-grid {margin-left:5%;}
.quad-grid .et_pb_post .entry-title {height:4em; overflow:hidden; text-overflow:ellipsis!important; }
.quad-grid > div {
	display: grid;
	gap: 0 5%;}
	
/* ------------------------ Device specific ------------------------ */

@media (min-width:1000px) {
	.quad-grid > div {grid-template-columns:20% 20% 20% 20%;}
	.pa-hamburger-menu .et_pb_menu__menu {display: none;}
	.pa-hamburger-menu .et_mobile_nav_menu {display: flex; margin: 0;}
	.pa-hamburger-menu .et_mobile_nav_menu li {list-style:none;}
}

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


@media (min-width: 768px) {
  .side-feature-image article.has-post-thumbnail {
    display: grid;
    grid-template-columns: 35% auto;
    grid-template-rows: repeat(4, auto);
    gap: 0 20px;
  }
  .side-feature-image article.et_pb_post {
    margin-bottom: 20px;
    padding-bottom:20px;
    border-bottom:1px dotted #DDD;
  }
	.side-feature-image article.et_pb_post:last-child {
    border-bottom:0!important;
  }

  .side-feature-image article.has-post-thumbnail .entry-featured-image-url {
    grid-row: span 5;
    margin-bottom: 0;
	}
	.side-feature-image .entry-featured-image-url {aspect-ratio:1/1;}
	.side-feature-image .entry-featured-image-url img {width: 100%; height: 100%; object-fit: cover;}
}

/* CSS for custom page navigation */
.wp-pagenavi {text-align:center; font-size:13px; position:absolute;left:0; right:0; bottom:0; margin:0 auto -50px; 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; margin-bottom:10px; border:0; color:#666!important; display:block;}
.wp-pagenavi .extend {border:0; color:#666!important;}







/* End */