/*
 * CSS ini berisi custom style Divi Theme yang kemungkinan akan sering digunakan di child theme lain
 */

/* DAFTAR ISI
 * ----------
 * -> GENERAL
 * -> LAYOUT
 * -> LISTING ICON
 * -> EXTRA COLUMN
 * -> SHORTCODE
 * -> FOOTER
 */

/* GENERAL */
ul.sub-menu:before, .list-check ul li:before, .list-times ul li:before {
  margin-right: 0.5em;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.list-check ul, .list-times ul {
  list-style-type: none !important;
  padding-left: 0;
  list-style-position: outside;
}
.list-check ul li, .list-times ul li {
  padding-left: 25px;
}
.list-check ul li:before, .list-times ul li:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  left: 0;
}
.list-outside ol, .list-outside ul, ol.list-outside, ul.list-outside{
	list-style-position: outside !important;
}
.list-outside li{
	padding-left: 10px !important;
}
.list-check ul li:before {
  content: "\f00c";
}
.list-times ul li:before {
  content: "\f00d";
}
.list-check.list-color ul li:before {
  color: #0c9e19;
}
.list-times.list-color ul li:before {
  color: #e83333;
}
.list-style-type-none ul, .list-style-type-none ol{
  list-style-type: none !important;
  padding-left: 0;
}
.list-icon-style li i.icon{
  font-size: 1.2em;
  margin-right: 3px;
}
.et_pb_text ol>li>ol, .et_pb_text ol>li>ul, .et_pb_text ul>li>ul, .et_pb_text ul>li>ol {
  padding-bottom: 0 !important;
  margin-left: 20px;
}
.box-shadow-inset.both{
  box-shadow: inset 0px 12px 30px -8px rgba(0, 0, 0, 0.15), inset 0 -12px 30px -8px rgba(0, 0, 0, 0.15);
}
.box-shadow-inset.top{
  box-shadow: inset 0px 12px 30px -8px rgba(0, 0, 0, 0.15);
}
.box-shadow-inset.bottom{
  box-shadow: inset 0px -12px 30px -8px rgba(0, 0, 0, 0.15);
}
.table-noborder, .table-noborder tr, .table-noborder tr td{
	border:0 !important;
}

/* ------------------ */

/* LAYOUT */
.et_pb_fullwidth_section .et_pb_row{
	width: 100%;
	max-width: unset;
}

/* ------------------ */

/* HEADER */
/*#top-header*/
#et-info em{
  font-style: normal;
}
#et-info [id^=et-info-]:not(:last-child){
  border-right: 1px solid rgba(255,255,255,0.45);
  padding-right: 13px;
  margin-right: 13px;
}

/* ------------------ */

/* LISTING ICON */
/*et-info*/
#et-info [id^=et-info-]:before, .list-fa-icon ul li:before, .lb-middle-icon:before{
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "Font Awesome 5 Pro", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Light", "Font Awesome 5 All" !important;
  font-weight: 900 !important;
}
#et-info [id^=et-info-]:before{
  margin-right: 4px;
}
#et-info #et-info-phone:before{
  content: '\f095';
  top: 0;
  /*flip icon*/
  display: inline-block;
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: fliph; /*IE*/
  filter: fliph; /*IE*/
}
#et-info #et-info-email:before{
  content: '\f0e0';
}
#et-info-whatsapp:before{
  content: '\f232';
}
#et-info-sms:before{
  content: '\f7cd';
}
#et-info-line:before{
  content: '\f3c0';
}
#et-info-instagram:before{
  content: '\f16d';
}

/*list custom fa icon*/
.list-custom-icon ul{
  list-style-type: none;
  padding-left: 0;
}
.list-custom-icon ul li{
  position: relative;
  padding-left: 25px;
}
.list-fa-icon ul li:before{
  position: absolute;
  left: 0;
}
.list-fa-icon ul li.phone:before{
  content: '\f095';
}
.list-fa-icon ul li.fax:before{
  content: '\f1ac';
}
.list-fa-icon ul li.whatsapp:before{
  content: '\f232';
}
.list-fa-icon ul li.envelope-open:before{
  content: '\f2b6';
}
.list-fa-icon ul li.map-marker-alt:before{
  content: '\f3c5';
}
.list-fa-icon ul li.facebook-f:before{
  content: '\f39e';
}
.list-fa-icon ul li.instagram:before{
  content: '\f16d';
}
.list-fa-icon ul li.twitter:before{
  content: '\f099';
}
.list-fa-icon ul li.youtube:before{
  content: '\f167';
}

/* ------------------ */

/* STICKY CONTACT MOBILE */
.sticky-contact .item .clabel {
  font-size: 11px;
}
.sticky-contact .item .icon {
  font-size: 20px;
}
.sticky-contact .item .icon, .sticky-contact .item .clabel {
  display: block;
}
.sticky-contact .item a {
  display: block;
  background-color: #f7f7f7;
  text-align: center;
  padding: 9px 5px 2px 5px;
}
.sticky-contact .item:not(:last-child) a{
  border-right: 1px solid #ddd;
}
.sticky-contact .item{
  flex-basis: 100%;
}
.sticky-contact {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 -1px 0 rgba(0,0,0,.1);
}

@media (max-width: 980px){
  .sticky-contact{
    display: flex;
  }
  .sticky-contact-bottom-mobile{
    margin-bottom: 54px;
  }
}

/* ------------------ */

/* EXTRA COLUMN */
.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}
.four-columns .et_pb_module {width: 25%; float: left;}
.three-columns .et_pb_module{width: 33.33%;float: left;}
.two-columns .et_pb_module{width: 50%;float: left;}

.two-columns .et_pb_module{
	padding-right: 15px;
}
.two-columns .et_pb_module:last-child{
	padding-left: 15px;
	padding-right: 0;
}

/* ------------------ */

/* INPUT FORM STYLE */
.form-styling input, .form-styling textarea {
  border: 1px solid #ccc;
  padding: 10px 15px !important;
}

/* ------------------ */

/* SHORTCODE */

/* Recent Post */

/*.recent-post-wrap .title-inside-post {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 0;
}
.recent-post-wrap a:hover, .recent-post-wrap a:focus{
  color: #cb0000;
}
.post-item-wrap{
  border: 1px solid #e0e0e0;
  background-color: #FFF;
  position: relative;
  margin-left: 70px;
}
.post-item-wrap:not(:last-child){
  margin-bottom: 20px;
}
.post-item-wrap .content{
  padding: 30px;
  margin-top: -8px;
}
.metapost, .summarypost {
  margin-top:10px;
}
.metapost {
  color: #999999;
  margin-top: 10px;
}
.metapost span{
  display: inline-block;
}
.metapost span:not(:last-child) {
  margin-right: 15px;
}
.metapost em {
  font-style: unset;
  color: #666666;
  font-weight: 500;
}
.metapost .icon{
  color: #003673;
  margin-right: 3px;
}
.date-post-wrap {
  position: absolute;
  right: 100%;
  top: 0;
  text-align: center;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.date-post-wrap .datepost-date {
  background-color: #003673;
  font-size: 24px;
  font-weight: 700;
  padding: 14px;
  width: 70px;
  height: 50px;
}
.date-post-wrap .datepost-month {
  background-color: #cb0000;
  font-size: 14px;
  font-weight: normal;
  padding: 4px;
  width: 70px;
  height: 30px;
}
.thumbnail img {
  position: absolute;
  width: 100%;
  height: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  object-fit: cover;
}
.recent-post-wrap .thumbnail, .recent-project-wrap .thumbnail {
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
}
.recent-post-wrap .post-item-wrap:hover .thumbnail img{
  top: 50%;
  left: 50%;
  transform: scale(1.1) translate(-50%,-50%);
}

@media (max-width: 540px){
  .recent-post-wrap .thumbnail img{
    height: 100%;
    width: unset;
  }
}

@media (min-width: 981px) and (max-width: 1024px) {
  .recent-post-wrap .thumbnail img{
    width: unset;
    height: 100%;
  }
  .page .recent-post-wrap .thumbnail img{
    width: 100%;
    height: unset;
  }
}*/

/* ------------------ */

/* FOOTER */
#footer-bottom{
  padding-bottom: 15px;
}