/*.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}*/
body, h1, h2, h3, h4, h5, h6, p, span {
    font-family: Poppins,Roboto,sans-serif !important;
    margin: 0;
    padding: 0;
}
.text-decoration-none{text-decoration: none;}
.groperti-button-archive-selengkapnya{background: #FEA41B;color: #001741;font-size: 0.8rem;display: inline-block;padding: 4px 10px;border-radius: 5px;transition: all 1s ease;}
.groperti-button-archive-selengkapnya:hover{background: #001741;color: #FEA41B;transition: all 1s ease;}

.groperti-wrap-card-area{padding-right: 15px;padding-left: 15px;}
.groperti-paragraph-home-title-section,.groperti-paragraph-title-section{display: inline-block;padding: 10px 15px;font-size: 1rem;color:#001741;display: flex;align-items: center;justify-content: space-between;gap: 5px;}

.groperti-paragraph-home-title-section{}
.groperti-row-title-section{max-width:none!important;}
.wp-wrap-card-style-bottom{width: 100%;max-width:none!important;}
.wp-wrap-card-style-bottom h2{margin: 10px 0px 0px;padding: 0;}
#groperti-main h1,h2,h3,h4{font-size: 1.5rem;}
#groperti-main a{text-decoration: none;color: #01215C;}
#groperti-sidebar-area{padding-right: 80px;}
.groperti-main-article a{font-weight: bold;}
.groperti-gambar-rekomendasi-listing img{width: 100%;}
.groperti-categrory-top a{background: #313E5A;color: #fff!important;font-weight: normal!important;display: inline-block;padding: 3px 7px;}
.cursor-pointer{cursor: pointer;}
#groperti-share-area{position: relative;}
.wrap-fozura-share-area{}
.item-fozura-share-area{font-size: 14px;background: #1B1C1E;padding: 5px 12px;border-radius: 15px;display: inline-block;}
#fz-jumlah-pembaca{margin-right: 10px;}
#fozura-groperti-share-area,.fozura-groperti-share-area{
  display: none;
  position: absolute;
  background: #4F82C4;
  border-radius: 10px;
  color: #fff;
  top:30px;
  text-align: left;
  font-size: 0.8rem;
  right: -35px;
  width: 210px;
  padding:10px;
  z-index: 999;
}
.groperti-item-share{display: flex;align-items: center;gap: 7px;}
#item-share-link-kekitaan{z-index: 999;}
@media only screen and (max-width: 600px) {
  #fz-titik-tiga{display: none;}
  #fz-jumlah-pembaca{margin-right: 0px;}
  .item-fozura-share-area{font-size: 10px;}
}
@media only screen and (min-width:768px){

	#groperti-article-area{padding-left: 80px!important;}
}
@media only screen and (max-width:768px){
  .pagination-container {padding: 10}
  .pagination-container ul li a,.three-dots{display: inline-block;padding: 3px 6px;border: 1px solid #001741;margin-right: 3px;font-size: 0.9rem;}

  .pagination-container ul{
        margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
  }
  /*#groperti-wrap-views {display: block;}*/
.groperti-loader-wrap{margin: 30px 0px 0px 0px!important;}

  #root-archive-top{gap: 10px;}
  #root-archive,#wrap-root-archive-top{margin-block-start:0!important;}
  #groperti-filter-area,#groperti-category-wrap-area,#groperti-filter-wrap-area,#groperti-category-area,#groperti-filter-loading-area,#groperti-category-loading-area {width: 100%!important;}
  .groperti-paragraph-title-section{order: 3;width: 100%;justify-content: flex-start;}
}
.bottom-wrap{background: #2D2A6D;color: #fff;display: flex;flex-direction: row;padding: 30px 60px;margin-bottom: -60px;gap:25px;font-size: 0.8rem;}
.bottom-item ul{list-style: none;margin: 0;padding: 0;}
.bottom-item ul li{margin-bottom: 5px;}
.bottom-item a{color: #fff;text-decoration: none;}
.bottom-item{width: 33.33%;}
.groperti-bottom-logo{display: flex;flex-direction: row;align-items: center;gap:5px;}
.groperti-bottom-logo img{width: 30px;height: 30px;}
.artikel-footer{display:flex;gap:10px;flex-direction:row;margin-bottom:15px;}
.groperti-card-bottom-style{width:33.33%;}
/*#root-archive > .groperti-card-bottom-style{width:24.4%;}*/
#root-archive {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap:15px;
}

#root-archive > .groperti-card-bottom-style {
  flex: 0 0 24.1%;
}
.groperti-card-bottom-style-image{width:100%; background-size: cover; background-repeat: no-repeat; transition: background-image 0.5s ease-in-out 0s;background-position:center center;border-radius:5px;}
.groperti-card-bottom-style-image img{display:block;padding:0;margin:0;width:100%;height:175px;}
.groperti-card-bottom-style-title{margin-bottom:5px;font-size:0.9rem;line-heigh:0.9rem;min-height:45px;margin-top: 10px;}
.groperti-card-bottom-style-excerpt{font-size:0.7rem;color:grey;}
.groperti-sosial-media-bottom{display: flex;flex-direction: row;gap:5px;}
.groperti-sosial-media-bottom img{margin-top: 15px;width: 25px;height: 25px;}
.groperti-copyright-bottom{margin-top: 75px}
.mb-3{margin-bottom: 15px;}

#groperti-header,#wrap-nav-top{font-size: 1rem;}
#wrap-nav-top{padding: 15px;font-size: 0.7rem}

.groperti-header-nav-top-style-light{background: #CCCCCC;}
.groperti-header-nav-top-style-light li a{color: #01215C;}
.groperti-header-nav-top-style-dark{background: #000D2F;}
.groperti-header-nav-top-style-dark li a{color: #fff;}


.groperti-header-style-light{color: #01215C;border-bottom: 1px solid #eee;}
.groperti-header-style-light li a{color: #01215C;}
.groperti-header-style-dark{background: #001741;color: #fff;}
.groperti-header-style-dark li a{color: #fff;}



.groperti-nav-header li a{text-decoration: none;}
#wrap-nav-top ul,#groperti-header-main-nav ul{padding: 0;margin: 0;list-style: none;display: flex;flex-direction: row;gap: 15px;}
#wrap-nav-top ul,#groperti-header-main-nav ul{justify-content: flex-end;}
#groperti-header{margin-block-start:0!important;display: flex;flex-direction: row;gap: 15px;padding: 20px 80px;align-items: center;}
#groperti-header-mobile-menu{display: none;position: relative;}
#groperti-header-logo-top{width: 25%;}
#groperti-header-main-nav{width: 75%;font-size: 0.8rem}
#groperti-header-logon{width: 25%;text-align: right;}
#groperti-header-logon a{text-decoration: none;color: #0A0A0A;display: inline-block;}
#groperti-button-masuk{padding: 9px 14px;border-radius: 8px;background: #E59011;color: #fff!important;margin-left: 10px;}

.wp-site-blocks{
  padding-top:0;
  padding-block: 0;
}
.pl-3 {padding-left: 15px;}
.pt-3 {padding-top: 15px;}
.pr-3{padding-right: 15px;}
.groperti-card-side-style-wrap{display:flex;gap:10px;flex-direction:row;margin-bottom:15px;}
.groperti-card-side-style-image{width:30%; background-size: cover; background-repeat: no-repeat; transition: background-image 0.5s ease-in-out 0s;background-position:center center;border-radius:5px;}
.groperti-card-side-style-image-small{width:20%; background-size: cover; background-repeat: no-repeat; transition: background-image 0.5s ease-in-out 0s;background-position:center center;border-radius:5px;}
.groperti-card-side-style-image img,.groperti-card-side-style-image-small img{display:block;padding:0;margin:0;width:100%;height: auto;}
.groperti-card-side-style-title{margin-bottom:5px;font-size:0.9rem;line-heigh:0.9rem;}
.groperti-card-side-style-meta{font-size:0.6rem;color:#777777;}
.groperti-card-side-style-meta span{display:inline-block;margin-right:10px;}
.bg-white{background: #fff;}
.p-3{padding: 15px;}
.border-grey{border: 1px solid #eee;}
.border-radius{border-radius: 5px;}
.shadow{box-shadow: 0px 10px 38px -15px rgba(22,23,24,0.35);-webkit-box-shadow: 0px 10px 20px -15px rgba(22,23,24,0.35);-moz-box-shadow: 0px 10px 20px -15px rgba(22,23,24,0.35);}
.w-70{width:70%;}
.w-90{width:90%;}
.w-80{width:80%;}
.w-85{width:85%;}
#groperti-mobile-menu{width: 100%;}
#groperti-mobile-menu a{text-decoration: none;color: #01215C}
#groperti-mobile-menu ul{padding: 0;margin: 0;list-style: none;}
#groperti-mobile-menu-area{position: relative;width: 100%;margin-block-start:0!important;display: none;}
#groperti-mobile-menu{position: absolute;top:0px;right: 5px;width: 50%;z-index: 999;}
#groperti-mobile-menu-wrap{position: fixed;width: 100%;height: 120%;top:0px;margin-top: -50px;z-index: 99;display: none;}
.groperti-item-share{margin-right: 7px;}
#groperti-header-mobile-menu{width: 75%;text-align: right;}
#groperti-header-logo-top h1{font-size: 1.5rem;}

#groperti-hero-area{background-image:url('../image/background/bg-blog.webp'); background-size: cover; background-repeat: no-repeat; transition: background-image 0.5s ease-in-out 0s;position:relative;padding: 86px;margin-block-start:0!important;}
#groperti-hero-title{color: #fff;font-size: 4.5rem;display: flex;align-items: center;justify-content: center;gap:30px;font-weight: bold;}
#groperti-hero-wrap-search{display: flex;justify-content: center;margin-top: -10px;}
#groperti-input-search{width: 40%;margin: 5px auto;position: relative;}
#groperti-input-search input{padding: 15px 25px;border-radius: 30px;font-size: 1rem;width: 100%;border: none;}
#groperti-input-search input:focus {outline-width: 0;}
#groperti-input-search img{cursor: pointer;;height: 30px;width: 30px;position: absolute;top: 10px;right: 15px;z-index: 99;}
#groperti-circle{height: 75px;
  width: 75px;
  background-color: #FEA41B;
  border-radius: 50%;
  display: inline-block;}
.text-orange{color: #FEA41B;}
#groperti-kategori-pilihan-area{display: flex;font-display: row;gap:15px;flex-wrap: wrap;padding:15px; }
.groperti-item-kategori-pilihan{
      flex: 0 0 32.5%;
      outline: 1px solid #eee;
}
#groperti-search-title{margin-bottom: 30px;font-size: 1rem;}
.groperti-reset-max-width{max-width:none!important;}
.groperti-item-kategori-pilihan-header{
  /*background-image:url('../image/background/bg-blog.webp');
   background-size: cover;
   background-repeat: no-repeat;*/
   transition: background-image 0.5s ease-in-out 0s;color: #313E5A;display: flex;font-display: row;align-items: center;justify-content: space-between;border-bottom: 1px solid #eee;}
.groperti-item-kategori-pilihan-header h2{font-size: 1rem;}
.groperti-item-kategori-pilihan-header span{font-size: 0.8rem;color:#313E5A}
        .container-pencarian {
            display: flex;
            align-items: center;
            width: 100%;
        }
        .pencarian-left-area, .pencarian-center-area, .pencarian-right-area {
            display: flex;
            align-items: center;
        }
        .pencarian-left-area, .pencarian-right-area {
            flex: 1;
        }
        .pencarian-center-area {
            flex: 2;
            justify-content: center;
        }
        .pencarian-line-area {
            flex: 1;
            height: 1px;
            background-color: #2c3e50;
            margin: 0 10px;
        }
        .pencarian-icon {
            margin-right: 5px;
        }
        #root-pagination{text-align: center;}
        .pagination-container ul li{list-style: none;}
        .pagination-container ul li a{text-decoration: none;color: #001741;transition: all 1s ease;}
        .pagination-container ul li a:hover{background: #FEA41B;transition: all 1s ease;}
        .pagination-sm{display: flex;align-items: center;margin: auto auto;}
        .pagination-container ul li a,.three-dots{display: inline-block;padding: 6px 12px;border: 1px solid #001741;margin-right: 5px;}
        .page-item.active a{background: #FEA41B;color: #001741;border: 1px solid #001741;}
.wrap-artikel-pilihan{padding: 15px;}
@media only screen and (max-width:768px){
  #groperti-kategori-pilihan-area{padding: 10px;}
  .wrap-artikel-pilihan{padding: 10px;}
  .wrap-artikel-pilihan .groperti-card-side-style-title{font-size: 0.8rem;line-height:0.9rem; }
  .groperti-item-kategori-pilihan{
      flex: 0 0 100%;
  }
  #groperti-input-search{margin-top: 30px}
  #groperti-circle{height: 50px;width:50px}
  #groperti-input-search{width: 90%;}
  #groperti-input-search input{}
  #groperti-hero-area{padding: 15px;}
  #groperti-hero-title{font-size: 2rem;gap:10px;padding-top: 30px;}
  .groperti-copyright-bottom{margin-top: 60px;}
  #groperti-sidebar-area{padding: 0 15px;margin-top: -30px;}
  .groperti-card-bottom-style-title{min-height: 0px;}
  #groperti-header{padding: 15px;}
  #groperti-header-logo-top{width: 50%;font-size: 1rem}

  .artikel-footer,#root-archive{display:block;}
  .groperti-card-bottom-style{width: 100%;margin-bottom: 15px;}
  .bottom-wrap{display: block;padding: 30px;margin-bottom: 0;}
  .bottom-item{margin-bottom: 30px;width: 100%;}
  #groperti-header-logo-top h1{font-size: 1rem;}
  #groperti-header-main-nav,#groperti-header-logon,#wrap-nav-top{display: none;}
  #groperti-header-mobile-menu{display: block;}
}
.groperti-loader-wrap{color: #001741;margin: 60px;width: 100%;display: block;}
.groperti-loader {
  width: 48px;
  height: 48px;
  margin: auto auto;
  display: block;
  position: relative;
  border: 2px solid #001741;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.groperti-loader::after,
.groperti-loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 2px solid #FEA41B;
  width: 38px;
  height: 38px;
  animation: rotationBack 1.5s linear infinite;
  transform-origin: center center;
}
.groperti-loader::before {
  width: 28px;
  height: 28px;
  border-color: #001741;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
#showMe {
    font-size: 0.9rem;
    text-align: center;
    animation: cssAnimation 1s infinite;
    opacity: 0.5;
}

@keyframes cssAnimation {
    0% {
    opacity: 0.5;
    }
    51% {
    opacity: 1;
    }
}
.flex-items-center{display: flex;align-items: center;justify-content: space-between;gap: 5px;}
.flex-items-center span{display: flex;align-items: center;margin-right:0px;}
.mt-1{margin-top: 5px;}
.mb-1{margin-bottom: 5px;}
.groperti-wrap-title-archive{justify-content: space-between;}
:root {
  --arrow-bg: rgba(255, 255, 255, 0.3);
  --arrow-icon: url("../image/icon/caret.svg");
  --option-bg: white;
  --select-bg: rgba(255, 255, 255, 0.2);
}
/** {
  box-sizing: border-box;
}
body {
  display: grid;
  place-items: center;
  min-height: 100vh;
  background: linear-gradient(35deg, red, purple);
}*/
/* <select> styles */
#groperti-filter-area,#groperti-category-area {
  /* Reset */
  
  display: none;
  appearance: none;
  border: 0;
  outline: 0;
  font-size: 0.9rem!important;
  font-weight: normal!important;
  font: inherit;
  /* Personalize */
  width: 15rem;
  padding: 5px 15px 5px 10px ;
  background: var(--arrow-icon) no-repeat right 0.8em center / 1.4em, #001741;
  color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  &::-ms-expand {
    display: none;
  }
  /* Remove focus outline */
  &:focus {
    outline: none;
  }
  /* <option> colors */
  option {
    color: inherit;
    background-color: var(--option-bg);
  }
}
#groperti-filter-loading-area,#groperti-category-loading-area {
  /* Reset */
  appearance: none;
  border: 0;
  outline: 0;
  font-size: 0.9rem!important;
  font-weight: normal!important;
  font: inherit;
  /* Personalize */
  width: 15rem;
  padding: 5px 15px 5px 10px ;
  background: url("../image/icon/caret-white.svg") no-repeat right 0.8em center / 1.4em, grey;
  color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  &::-ms-expand {
    display: none;
  }
  /* Remove focus outline */
  &:focus {
    outline: none;
  }
  /* <option> colors */
  option {
    color: inherit;
    background-color: grey;
  }
}

.flex-end{display: flex;justify-content: flex-end;}
/*#groperti-filter-wrap-area{min-width: 50px;}*/
.not-found {
  margin-bottom: 40px;
  color: #001741;
  text-align: center;
  width: 100%;
}

.groperti-link-logo{display: flex;align-items: center;direction: row;text-decoration: none;gap: 5px;}
.groperti-header-style-dark .groperti-link-logo{color: #fff;}
.ini_link{text-decoration: none;}