/*
Theme Name: Paper Blog v4
Theme URI: https://www.paper.id/blog/
Author: Paper.id Team
Author URI: https://www.paper.id/blog/
Description: Theme for Paper.id official blog
Text Domain: Paper.id
Version: 4.0
*/

/*FONT*/
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Sora&display=swap');

html, body {margin: 0 !important;}

body{
    font-family: 'Sora', sans-serif;
    color: #0D2056;
}

html {
  scroll-behavior: smooth;
}

.clear {clear: both;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

a {
    text-decoration: none;
    color: #2FADEC;
}

/*FONT*/

/*HEADER*/
#main-header nav.navbar {
    /*background: #fff;*/
    /*padding-top: 1rem;*/
}

.navbar__container {
    width: 100%;
}

body.light .navbar__btn.btn__dark {
    border: 0;
}

a.navbar__btn.btn__dark.btn:hover {
    color: #fff;
}

.navbar {
    padding: 0;
}

.navbar__link {
    font-weight: 200;
    letter-spacing: .1px;
}

.navbar__item.lang-navbar__item {
    display: none;
}

.lang-switcher a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  font-size: var(--text-body-md);
  font-family: "Figtree", sans-serif;
  color: var(--text-body-color);
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.2s ease;
}

.lang-switcher .menu-item-has-children > a:after {
  content: '+';
  color: #2fadec;
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: transform 0.2s ease;
}

.lang-switcher li.menu-item-has-children {
    list-style: none;
}

ul#menu-lang-switcher {
    margin: 0;
}

/* ========== DROPDOWN ========== */
/*.navbar__dropdown {*/
/*  position: fixed;*/
/*  top: calc(var(--navbar-offset, 80px) + 3px);*/
/*  left: 50%;*/
/*  transform: translate(-50%, 16px);*/
/*  width: min(770px, calc(100vw - 32px));*/
/*  box-sizing: border-box;*/
/*  border-radius: 11.499px;*/
/*  border: 1.5px solid #E8F3F7;*/
/*  padding: 8px;*/
/*  background: #FFF;*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*  pointer-events: none;*/
/*  transition: opacity 0.24s ease, transform 0.24s ease, visibility 0s linear 0.24s;*/
/*  will-change: opacity, transform;*/
/*  z-index: 1001;*/
/*}*/

/*.navbar__dropdown-group {*/
/*  padding: 8px 16px 4px 20px;*/
/*}*/

/*.navbar__dropdown-group--alt {*/
/*  border-radius: 7px;*/
/*  background: #EFF5F7;*/
/*}*/

/*.navbar__dropdown-label {*/
/*  color: #2FADEC;*/
/*  font-family: 'Figtree', sans-serif;*/
/*  font-size: 12px;*/
/*  font-weight: 600;*/
/*  line-height: var(--text-line-height-md);*/
/*  text-transform: capitalize;*/
/*}*/

/*.navbar__dropdown-grid {*/
/*  display: grid;*/
/*  grid-template-columns: 1fr 1fr 1fr;*/
/*  gap: 16px;*/
/*  padding: 8px 0 14px;*/
/*  border-bottom: 1px dashed #E1EDF2;*/
/*}*/

/*.navbar__dropdown-group:nth-last-child(2) .navbar__dropdown-grid {*/
/*  border-bottom: none;*/
/*  padding-bottom: 23px;*/
/*}*/

/*.navbar__dropdown.companyMenu .navbar__dropdown-grid {*/
/*  border-bottom: none;*/
/*}*/

/*.navbar__dropdown-item {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  font-size: 12px;*/
/*  line-height: var(--text-line-height-md);*/
/*  color: var(--text-heading-color);*/
/*  font-family: 'Figtree', sans-serif;*/
/*  text-decoration: none;*/
/*  -webkit-tap-highlight-color: transparent;*/
/*  transition: background 0.2s ease;*/
/*}*/

header {
    padding: 2.5rem 0 0;
    margin-bottom: 3rem;
    transition: .2s all;
}

/*header li {*/
/*    height: 37px;*/
/*}*/

/*header li a {*/
/*    font-size: 16px;*/
/*    margin: 0 10px;*/
/*    padding: 8px 0;*/
/*    color: #415767;*/
/*    font-weight: 600;*/
/*    cursor: pointer;*/
/*    display: block;*/
/*    transition: all .2s;*/
/*}*/

/*header li:hover a {*/
/*    color: #d0e4a6 !important;*/
/*    border-bottom: solid 1px #d0e4a6;*/
/*    padding: 6px 0;*/
    /*position: relative;*/
    /*bottom: 4px;*/
/*}*/

a.navbar-brand {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 2px;
}

a.navbar-brand img {
    height: 52px;
}

header li.secondary.menu-item {
    margin-left: 1rem;
}

header li.secondary.menu-item:lang(en) {
    margin-left: 2rem;
}

header li.secondary a, header li.primary a {
    background: transparent;
    border: solid 2px #93C854;
    border-radius: 50px;
    color: #93C854;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    cursor: pointer;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: .9em;
}

header li.secondary:hover a {
    background: #93c854;
    color: #fff !important;
}

header li.primary a {
    background: #93C854;
    color: #fff;
}

header li.primary:hover a {
    background: transparent;
    color: #93C854 !important;
}

header li.menu-item-has-children {
    position: relative;
}

header li .sub-menu {
    min-width: unset;
    padding: 16px 24px 12px 28px !important;
    border-radius: 11.499px;
    border: 1.5px solid #E8F3F7;
    padding: 8px;
    background: #FFF;
    pointer-events: none;
    transition: opacity 0.24s 
        ease, transform 0.24s 
        ease, visibility 0s 
        linear 0.24s;
    will-change: opacity, transform;
}

header li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    /*transform: translate(-50%, 0);*/
    transition: opacity 0.24s ease, transform 0.24s ease, visibility 0s;
  }

header li.menu-item-has-children > a:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 5px;
}

header li .sub-menu li {
    width: 180px !important;
    min-width: unset !important;
}

header li .sub-menu li a {
    margin: 0 auto;
    display: block;
    padding: 8px 0;
    font-size: 13px;
    font-weight: 600;
}

header li a,
header li .sub-menu li a {
    color: var(--text-body-color);
}

header li.lang-switcher > a:hover {
    color: #2fadec;
}

.lang-switcher .navbar__menu {
    margin: 0;
}

.lang-switcher:has(ul.dropdown-menu.show) > a {
    color: #2fadec;
}

.lang-switcher ul.dropdown-menu.show a {
    color: var(--text-body-color) !important;
}

.lang-switcher ul.dropdown-menu.show a:hover {
    color: #2fadec !important;
}

header li .sub-menu li a:hover, header li.current-menu-item a {
    color: #2fadec;
}

.lang-navbar__menu li > a {
    padding: 16px 0;
    margin: 0;
}

.lang-navbar__menu {
    padding: 0;
}

section.header-archive {
    margin-top: 0.5rem;
}

.wrap-search {
    margin: 6.5rem 0 5rem;
}

.header-archive .wrap-search {
    margin: 0;
}

input#search, input#s {
    border: 0;
    border-bottom: 2.31px #e7f3f8 solid;
    border-radius: 0;
	line-height: 1.5;
    font-family: 'Figtree';
    font-size: 20px;
    font-weight: 400;
    color: #6A787D;
}

input#search::placeholder, input#s::placeholder {
    color: #6A787D;
    opacity: 1; /* Firefox */
}

input#search::-ms-input-placeholder, input#s::-ms-input-placeholder { /* Edge 12 -18 */
  	color: #6A787D;
}

.wrap-search form, .archive-search {
    display: flex;
    position: relative;
}

.archive-search {
    justify-content: flex-end;
}

.wrap-search button, .archive-search .search-icon {
    background: transparent;
    border: 0;
    position: absolute;
    right: 0;
    top: 6px;
    color: #6A787D;
    opacity: .5;
}

/* === HOME & POST === */
.home section {
    margin-bottom: 3rem;
}

section.top-featured-post {
    /*margin-top: 7rem;*/
    margin-bottom: 9rem;
}

.wrap-post-content {
    padding: 1.4rem 1.8rem;
    background: #fff;
}

.testimonial-posts .wrap-post-content {
    /*background: transparent;*/
}

.post-grid-item .post-content {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    /*height: 250px;*/
    /*justify-content: space-between;*/
}

.post-content h3, .heading-title h1 {
    font-size: var(--text-body-lg);
    font-weight: 400;
    line-height: 1.3em;
    letter-spacing: 0em;
    color: #2FADEC;
    margin-bottom: 0.7em;
}

.post-content h3 a {
    color: inherit;
    transition: .3s all;
}

.post-content h3:hover a {
    color: #0D2056;
}

.top-featured-post .row {
    align-items: center;
}

.top-featured-post .post-content {
    display: flex;
    align-content: space-between;
    flex-direction: column;
}

.top-featured-post h3 {
    max-width: 80%;
    font-size: var(--text-heading-md);
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.3em;
    color: var(--text-heading-color);
}

.top-featured-post .post-excerpt {
    margin: 1rem 0 3rem;
}

.top-featured-post .post-img {
    height: 300px;
}

.post-excerpt {
    font-family: 'Figtree';
    font-size: var(--text-body-lg);
}

.btn__dark:hover {
    color: #fff;
}

.post-img {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.section-header {
    margin-bottom: 1rem;
}

.section-header h2, .crp_related h3, .post-social h5, h2.widgettitle {
    font-size: var(--text-heading-sm);
    font-weight: 400;
    color: #0D2056;
}

h2.widgettitle {
    font-size: 1.3rem;
}

.section-header h2:after, .wrap-tags h4:after, h2.widgettitle:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #2FADEC;
    margin-top: 10px;
    margin-bottom: 2rem;
}

.wrap-tags h4:after {
    margin-bottom: 0.7rem;
}

.media-gallery .section-header h2:after, .media-gallery .testimonial-posts h2:after {
    /*display: none;*/
}

.promo-posts .post-img {
    height: 163px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
    margin-top: 2px;
}

.promo-posts .slick-list.draggable:before, .promo-posts .slick-list.draggable:after {
    content: '';
    width: 20%;
    position: absolute;
    height: 163px;
    background: linear-gradient(90deg, transparent, #fff);
    z-index: 9;
    right: 0;
    top: 2px;
}

.promo-posts .slick-list.draggable:after {
    right: auto;
    left: 0;
    background: linear-gradient(-90deg, transparent, #fff);
}

.slick-prev, .slick-next {
    background: url(img/arrow-icon.png) no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    background-size: cover !important;
    top: 35% !important;
    z-index: 9;
}

.slick-prev {
    background: url(img/arrow-icon-prev.png) no-repeat !important;
    background-size: cover !important;
    /*left: 7px !important;*/
}

.slick-next {
    /*right: 7px !important;*/
}

.slick-prev:before, .slick-next:before {
    opacity: 0 !important;
}

.promo-posts h3 {
    margin: 1.5rem 0 0;
}

.promo-posts .slick-slide {
    margin: 0 10px;
}

.promo-posts .slick-list {
    margin: 0 -10px;
}

.promo-posts .section-footer {
    margin-top: 2rem;
}

.latest-posts .post-item {
    width: 48%;
    float: left;
}

.latest-posts .post-item.post-list-item {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    margin-bottom: 2.5rem;
}

.latest-posts .post-item.post-list-item .post-img {
    height: 105px;
    width: 30%;
    border-radius: 15px;
}

.latest-posts .post-item.post-list-item .post-content {
    width: 65%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

.latest-posts .post-item.post-list-item .post-content h3 {
    color: #2FADEC;
    font-size: var(--text-body-lg);
}

.post-img img {
    min-width: 100%;
    max-width: 120%;
    transition: 1s all;
}

.post-img:hover img {
    /*transform: scale(0.9);*/
    transform: scale3d(1.1, 1.1, 1);
}

.latest-posts .post-item.post-first-item .post-img.post-thumbnail:after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0D2056, transparent, transparent);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
}

.latest-posts .post-item.post-first-item .post-img.post-thumbnail img {
    position: relative;
}

.latest-posts .post-item.post-first-item .post-img.post-thumbnail {
    position: relative;
    height: 400px;
}

.latest-posts .post-item.post-first-item {
    position: relative;
    margin-right: 2%;
}

.post-content.overlay-content {
    position: absolute;
    bottom: 0;
    padding: 1rem 2rem;
    color: #fff;
    z-index: 999;
}

.post-content.overlay-content h3 {
    font-size: var(--text-heading-md);
    color: #fff;
}

.post-content.overlay-content h3:hover a {
    color: #2FADEC;
}

.post-date, .post-author, .crp_date {
    color: #0D2056;
    font-size: .75em;
}

section.latest-posts {
    margin-bottom: 3rem;
}

section.selected-category-posts {
    background: #F7FBFD;
    padding: 3rem 0;
    margin: 0;
}

section.selected-category-posts.news-posts {
    padding-bottom: 0;
}

.post-img.post-thumbnail {
    height: 250px;
}

.post-img.post-thumbnail a {
    /*position: relative;*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
}

.post-img.post-thumbnail img, .testimonials .post-thumbnail img {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*height: 100%;*/
    /*width: auto;*/
    /*-webkit-transform: translate(-50%,-50%);*/
    /*-ms-transform: translate(-50%,-50%);*/
    /*transform: translate(-50%,-50%);*/
}

.list-posts.row {
    justify-content: space-between;
}

.post-grid-item .post-content h3 {
    margin: 0 0 1rem;
    height: 52px;
    overflow: hidden;
}

.post-grid-item .post-thumbnail {
    /*margin-bottom: 1.2rem;*/
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.post-grid-item .post-excerpt {
    margin-bottom: 2.5rem;
    height: 120px;
    overflow: hidden;
}

.post-grid-item.post-item {
    margin-bottom: 2rem;
    box-shadow: 0 0 4rem rgb(0 0 0 / 7%);
    border-radius: 20px;
    padding: 0;
    width: 31.333333%;
    overflow: hidden;
}

section.media-gallery {
    padding: 4rem 0 0;
}

.media-gallery .section-header {
    margin-bottom: 2rem;
}

.media-gallery figure.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: unset !important;
}

.media-gallery figure.wp-block-image {
    width: 25% !important;
    display: block !important;
    align-self: auto !important;
    flex-grow: unset !important;
    margin-bottom: 1rem !important;
}

.media-gallery .wrap-images img {
    transition: .3s all;
}

.media-gallery .wrap-images img:hover {
    transform: scale3d(1.1, 1.1, 1);
}

.media-gallery figure li {
    list-style: none;
}

.media-gallery li {
    list-style: none;
}

.media-gallery .section-header {
    margin-bottom: 2rem;
}

/* === FOOTER === */
footer#main-footer {
    background: linear-gradient(180deg, #001C44 16.96%, #17348F 56.17%, #1E60B6 82.31%, #2FADEC 118.76%, #B4DBF4    147.67%);
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    overflow: hidden;
    z-index: 99;
}

footer#main-footer .sparkles {
    position: absolute;
    width: 100%;
    background-blend-mode: hard-light;
    mix-blend-mode: overlay;
    z-index: 0;
}

.footer a {
  color: inherit;
  text-decoration: none;
}

.footer a:hover,
.footer a:focus {
  color: #4ecbff;
}

footer#main-footer .container {
    position: relative;
    z-index: 1;
}

footer#main-footer .container:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px rgba(255,255,255,.2) solid;
    display: block;
    margin: 0 auto;
    padding-top: 4rem;
}

footer#main-footer .site-info .container:after {
    display: none;
}

.testimonial-posts .section-header h2, .testimonial-posts .section-cta a {
    color: #fff;
}

.testimonials .post-excerpt {
    color: var(--text-body-color);
    font-size: var(--text-body-lg);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
}

.testimonials .post-date {
    font-size: 12px;
}

footer#main-footer .container:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px rgba(255,255,255,.2) solid;
    display: block;
    margin: 0 auto;
    padding-top: 4rem;
}

.footer-widget ul {
    list-style: none;
    padding: 0;
}

ul.contact-footer li {
    display: flex;
    margin-bottom: 1.2rem;
}

.footer-widget ul.menu li.new:after {
    content: 'New';
    background: #93C854;
    color: #fff;
    font-size: 0.7rem;
    font-family: 'Figtree';
    font-weight: 400;
    padding: 2px 6px;
    border-radius: 15px;
    position: relative;
    bottom: 6px;
    margin-left: 3px;
}

ul.contact-footer li span {
    width: 20px;
    margin-right: 1rem;
}

ul.contact-footer li .contact-content {
    width: 80%;
}

ul.contact-footer li span img {
    width: 100%;
}

.footer-nav h5 {
    /*font-size: .9em;*/
    /*opacity: .7;*/
}

.footer-nav a {
    color: inherit;
}

section.testimonial-posts {
    margin-bottom: 3.5rem;
    padding-top: 1rem;
    position: relative;
    z-index: 999;
}

footer#main-footer .footer-nav .container:after {
    padding-top: 2.5rem;
}

.footer-nav figure {
    margin-bottom: 1.8rem;
}

footer#main-footer h2.wp-block-heading, .footer-widget h5 {
    font-size: 14px;
    font-weight: 600;
}

.wrap-footer-contact-hours {
    display: flex;
}

footer#main-footer .wp-block-image img {
    height: 56px;
    width: auto;
}

.wrap-contact {
    width: 75%;
}

footer#main-footer .col-footer:nth-child(2) ul {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

footer#main-footer .col-footer:nth-child(4) {
    /*padding-top: 1.3rem;*/
}

footer .social {
    text-align: center;
}

.footer-widget ul.menu li {
    line-height: 2.5;
}

.wrap-socmed a {
    border: 1px #fff solid;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.wrap-socmed i {
    font-size: 1em;
}

.footer-middle .footer-widget {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
}

.footer-middle img {
    width: 150px;
}

.wrap-gplay, .security {
    margin: 0 1rem;
}

.wrap-gplay img, .security img {
    max-width: 100%;
    /*margin-bottom: 1rem;*/
}

.security img {
    margin-left: 10px;
}

.security {
    margin-top: 0;
}

footer#main-footer .footer-middle .container:after {
    padding-top: .5rem;
}

section.footer-middle {
    margin-bottom: 0;
    padding-top: 20px;
}

footer#main-footer section.footer-nav, footer#main-footer section.site-info {
    margin-bottom: 0;
}

footer .site-info {
    padding: 1rem 0 0;
}

.site-info-nav ul.menu li {
    display: inline-block;
    line-height: 1;
    margin-left: 1.5rem;
}

.site-info a, .site-info-nav a {
    color: inherit;
}

.site-info-nav {
    text-align: right;
}

.backTop {
  position: fixed;
  bottom: 0;
  right: 0;
  display: inline-block;  
  font-size: 2.5em;
  padding: 0;
  margin: 1em;
  color: #2FADEC;
  transition: .3s all;
}

.backTop:hover {
  cursor: pointer;
  color: #0D2056;
}

/* === ARCHIVE === */
.wrap-cat {
    display: inline-block;
}

.subcategories .wrap-cat span {
    background: transparent;
    border: solid 2px #2FADEC;
    border-radius: 50px;
    color: #0D2056;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    cursor: pointer;
    padding: 5px 15px;
    font-size: .9em;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.subcategories label input {
  position: absolute;
  display: none;
}

.subcategories input:hover + span {
    border-color: #2FADEC;
    color: #2FADEC;
}

.subcategories .wrap-cat input:checked + span {
    color: #fff;
    border-color: #2FADEC;
    background-color: #2FADEC;
}

/*.subcategories label {*/
/*  float: left; line-height: 3.0em;*/
/*  width: 8.0em; height: 3.0em;*/
/*}*/

/*.subcategories label span {*/
/*  text-align: center;*/
/*  padding: 3px 0;*/
/*  display: block;*/
/*}*/

/* selects all of the text within the input element and changes the color of the text */
/*.subcategories label input + span{color: #fff;}*/

/*.subcategories input:checked + span {*/
/*    color: #ffffff;*/
/*    text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);*/
/*    background-color: #F75A1B;*/
/*}*/

section.wrap-archive {
    padding: 2rem 0 4rem;
}

.wrap-archive .post-item {
    visibility: hidden;
    will-change: transform;
    left: 0px;
    opacity: 0;
    transform: translate(0px, 0px) scale(0.001);
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform, opacity;
    display: grid;
    order: 999;
    height: 1px;
}

.wrap-archive .post-item.show-post {
    visibility: visible;
    will-change: transform;
    left: 0px;
    opacity: 1;
    transform: translate(0px, 0px) scale(1);
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform, opacity;
    height: auto;
    order: 1;
}

button.loadmore {
    background: #E8F3F7;
    border: 0;
    border-radius: 30px;
    color: #000000;
    font-family: Figtree;
    font-size: 20px;
    font-weight: 400;
    line-height: var(--bs-btn-line-height);
    letter-spacing: .5px;
    padding: 7px 23px;
    transition: .3s all;
}

button.loadmore:hover {
    color: inherit;
    background: var(--Light-Grey03, #D1E6F2);
}

.wrap-loadmore {
    text-align: center;
    /*margin-top: 3rem;*/
}

.archive .post-item {
    margin-bottom: 2.3rem;
}

/* === SINGLE === */
.heading-cover {
/*     height: 450px; */
    overflow: hidden;
    position: relative;
    margin-bottom: 1.5rem;
}

.heading-cover img {
/*     position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); */
    width: 100%;
    height: auto;
}

.heading-title h1 {
    font-size: var(--text-heading-lg);
    font-weight: 400;
    color: #0D2056;
}

.wrap-heading {
    padding-top: 0rem;
    padding-bottom: 2.5rem;
    border-bottom: 3px #9EE3F3 solid;
    margin-bottom: 2.5rem;
}

.heading-title {
    margin-bottom: 1.5rem;
}

.heading-author {
    display: flex;
    align-items: center;
}

.wrap-avatar {
    border-radius: 50%;
    overflow: hidden;
}

.post-avatar {
    margin-right: 10px;
}

.post-author {
    font-size: .9em;
}

.heading-social.post-social {
    text-align: right;
}

.addtoany_list a:not(.addtoany_special_service)>span {
    border-radius: 50% !important;
    padding: 8px;
    background: linear-gradient(180deg, #B4DBF4 0%, #2FADEC 22.12%, #1E60B6 50%, #17348F 76.44%, #001C44 100%) !important;
    color: #fff;
}

.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service):hover>span {
    background-color: #4195D5 !important;
}

.wrap-content p, .wrap-content ol, .wrap-content ul {
    margin-bottom: 2rem;
}

.inner-container h2, .inner-container h3, .inner-container h4, .inner-container h5, .inner-container h6 {
    font-weight: 400;
}

.inner-container h2 strong, .inner-container h3 strong, .inner-container h4 strong, .inner-container h5 strong, .inner-container h6 strong {
    font-weight: inherit;
}

.wrap-content ul, .wrap-content ol {
    font-size: var(--text-body-lg);
}

.title-center {
    text-align: center;
}

.title-center.section-header h2:after {
    margin-left: auto;
    margin-right: auto;
}

.main-content {
    color: #0D2056;
    line-height: 2;
}

.main-content figure {
    text-align: center;
}

.wrap-banner li {
    list-style: none;
}

.wrap-banner {
    position: relative;
}

.wrap-banner, .wrap-banner figure {
    text-align: center;
}

.wrap-banner img {
    width: 100%;
}

.related-post a {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2FADEC;
    display: block;
}

.wrap-related-posts .container {
    padding: 0;
}

.related-post.post-item {
    margin-bottom: 1rem;
}

#related-posts {
    border-top: 1px rgba(0,0,0,.2) solid;
    padding: 4rem 0;
}

.post-social li {
    list-style: none;
}

.addtoany_list a:not(.addtoany_special_service)>span {
    border-radius: 50% !important;
    padding: 5px;
}

.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service):hover>span {
    background-color: #2FADEC !important;
}

.post-social h5 {
    font-size: 1.1em;
}

.footer-social .post-social {
    text-align: center;
}

.footer-social {
    margin: 2rem 0;
}

.wrap-content {
/*     text-align: justify; */
}

.wp-block-table td, .wp-block-table th {
    font-size: 14px;
    line-height: 1.5;
}

.inner-container {
    width: 100%;
    max-width: 800px;
}

.wrap-heading-cover, .heading .wrap-heading, .main-content .wrap-content, .post-cta .wrap-banner, .footer-social .post-social, .wrap-related-posts .section-header, .wrap-related-posts .post-related, .wrap-post-tags {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.post-cta {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.post-tags {
    margin-bottom: 2rem;
}

.wp-block-buttons>.wp-block-button {
    margin: 1rem;
}

li.pll-parent-menu-item:nth-child(7) {
    display: none;
}

.breadcrumbs {
    margin-top: 5rem;
    margin-bottom: 1rem;
}

.single span.post.post-post.current-item {
    display: none;
}

.single span.separator:nth-last-child(2) {
    display: none;
}

.breadcrumbs, .breadcrumbs span, .breadcrumbs a {
    font-size: var(--text-heading-xs);
    font-weight: 400;
}

.list-tags a {
    background: var(--Light-Grey02, #E8F3F7);
    color: var(--Dark-Blue, #0D2056);
    padding: 5px 7px;
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-block;
    font-size: .9em;
    border: 0;
    border-radius: 5px;
    line-height: 1;
    transition: all .2s;
}

.sidebar {
    padding-left: 31px;
}

.left-sidebar.sidebar {
    padding-left: 15px;
    padding-right: 31px;
}

.sidebar .wrap-search {
    margin: 0 0 2rem;
}

.sidebar .ez-toc-wrap-left-text {
    float: none;
}

.inner-container ul, .inner-container ol {
    font-size: var(--text-body-lg);
}

#ez-toc-container {
    border-radius: 11.31px;
    border: 2.26px solid #E8F3F7;
    background: #FFF;
    padding: 1rem;
}

#ez-toc-container p.ez-toc-title {
    font-family: 'Figtree';
    color: #0D2056;
    font-size: var(--text-body-lg);
    font-weight: 500;
}

#ez-toc-container a {
    color: #0D2056;
    font-family: Figtree;
    font-size: var(--text-body-sm);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.26px;
}

#ez-toc-container .ez-toc-js-icon-con, #ez-toc-container .ez-toc-toggle label, .ez-toc-cssicon {
    border-radius: 5.31px;
    border: 1px solid #E8F3F7;
}

.ez-toc-icon-toggle-span svg {
    fill: #9adeef !important;
    color: #9adeef !important;
}

#sidebar-search-top {
    display: none;
}

.sidebar .related-post a {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    margin-bottom: 2.5rem;
}

.sidebar .related-post a figure {
/*     height: 105px; */
    width: 30%;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 0;
}

.sidebar .related-post a figure img {
    max-width: 100%;
    height: auto;
    transition: .3s all;
}

.sidebar li {
    list-style: none;
}

.sidebar span.crp_title {
    width: 65%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: .3s all;
    font-size: 14px;
    line-height: 1.3;
}

.sidebar span.crp_title:hover {
    color: #0D2056;
}

.sidebar span.crp_date {
    position: absolute;
    top: 70px;
    margin-left: 35%;
}

.sidebar .related-post.post-item {
    position: relative;
}

.sidebar-banner-wrap {
    position: relative;
    margin-bottom: 2.5rem;
}

.sidebar-banner-wrap img {
    width: 100%;
    max-width: 100%;
    border-radius: 15px;
    transition: .3s all;
}

.sidebar .related-post a figure img:hover, .sidebar-banner-wrap img:hover {
    transform: scale3d(1.1, 1.1, 1);
}

.sidebar .widget-sidebar-categories {
    margin-bottom: 2rem;
}

.list-categories, .list-categories ul {
    padding: 0;
}

ul.list-categories li {
    display: inline;
}

.list-categories a {
    color: #0D2056;
    background: transparent;
    padding: 5px 7px;
    margin-right: 7px;
    margin-bottom: 11px;
    display: inline-block;
    font-size: .9em;
    border: 1px #0D2056 solid;
    border-radius: 5px;
    line-height: 1;
    transition: all .2s;
}

#floating-banner {
    display: flex;
    position: fixed;
    bottom: 2.5rem;
	right: 0;
    justify-content: flex-end;
    margin-right: 12%;
    margin-bottom: 2.5rem;
	z-index: 999;
	opacity: 0;
  	visibility: hidden;
	transition: .3s all;
}

#floating-banner.show {
  opacity: 1;
  visibility: visible;
}

.floating-banner-wrap {
    width: 440px;
}

.floating-banner-wrap li {
    list-style: none;
    text-align: right;
}

.floating-banner-wrap img {
    max-width: 100%;
}

.floating-banner .btn-close {
    position: absolute;
	right: 0;
    margin-top: 5px;
    margin-right: 5px;
    background-color: rgba(255, 255, 255, .5);
    font-size: 12px;
	min-width: auto;
    width: 12px;
    height: 12px;
    padding: 3px;
}

.wp-embed-featured-image.square {
    width: 100%;
    height: auto;
    border: none;
    float: none;
    max-width: unset
}

@media (max-width: 1300px) {
	.navbar__container {
        padding: 16px 24px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media (max-width: 1200px) {
    header li.secondary.menu-item {
        margin-left: 1rem;
    }
    
    header li.secondary.menu-item:lang(en) {
        margin-left: 0rem;
    }
	
	.top-featured-post h3 {
		max-width: 90%;
	}
    
    .latest-posts .post-item.post-list-item {
        margin-bottom: 2rem;
    }
    
    .post-grid-item .post-content h3 {
        height: 55px;
        overflow: hidden;
    }
    
    .post-grid-item .post-content {
        height: unset;
    }
    
    .post-grid-item .post-excerpt {
        height: 144px;
        overflow: hidden;
    }
    .sidebar span.crp_title {
        font-size: .9rem;
    }

    .sidebar .related-post a figure {
        height: auto;
    }

    .sidebar span.crp_date {
        top: 60px;
    }
}

@media (max-width: 1280px) and (min-width: 1031px) {
	
}

@media (max-width: 1200px) {
    header {
        margin-bottom: 2rem;
    }
	
	.lang-switcher li a span {
		display: none;
	}
    
    .breadcrumbs {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }
    
    .wrap-search {
        margin: 3rem 0 0rem;
    }
    
    .inner-container {
        max-width: unset;
    }
    
    .sidebar .related-post a figure, .sidebar span.crp_title {
        width: 100%;
        margin-bottom: 10px;
    }

    .sidebar .related-post a figure img {
        width: 100%;
    }

    .sidebar span.crp_title {
/*      font-size: 1.2rem;
        line-height: 1.5; */
    }

    .sidebar span.crp_date {
        position: relative;
        margin-left: 0;
        top: 0;
    }

    .sidebar .related-post a {
        margin-bottom: 0;
    }

    .sidebar .related-post.post-item {
        margin-bottom: 2rem;
    }
    
    .sidebar .related-post a figure {
        width: 30%;
    }

    .sidebar span.crp_title {
        width: 65%;
    }

    .sidebar span.crp_date {
        position: absolute;
        top: 130px;
        margin-left: 35%;
    }
    
    #ez-toc-container {
        display: none !important;
    }

    #sidebar-search-top {
        display: block;
    }
    
    #sidebar-search {
        display: none;
    }
    
    .sidebar {
        padding-left: 15px;
    }

    .left-sidebar.sidebar {
        padding-right: 15px;
    }
}

@media (max-width: 992px) {
    .navbar>.container {
        align-items: flex-start;
    }
	
	.navbar.is-sticky .navbar__container {
        padding-bottom: 16px;
    }
    
    button.navbar-toggler {
        float: right;
        margin-top: 10px;
    }
    
    .navbar-collapse {
        margin-top: 3.5rem;
        width: 100%;
        position: absolute;
        left: 0;
        background: #fff;
        padding-bottom: 0.5rem;
    }
    
    .navbar-nav {
        max-width: 720px;
        margin: 0 auto;
        display: block;
    }
	
	.lang-switcher li a span {
		display: block;
	}
    
    a.navbar-brand img {
        height: 45px;
    }
    
    header li a {
        margin: 0 2rem;
    }
    
    #main-header nav.navbar {
        padding: .5rem 0 .3rem;
		border: 0;
    }
	
	#main-header nav.navbar {
		padding-top: .5rem !important;
	}
	
	#main-header nav.navbar.is-sticky {
        top: 28px;
		padding-top: 46px !important;
    }
    
    button.navbar-toggler {
        padding: 2px 5px;
        margin-top: 7px;
    }
    
    header li.secondary.menu-item, header li.primary.menu-item {
        display: inline-block;
        width: 48%;
        text-align: center;
    }
    
    header li.primary.menu-item {
        width: 50%;
    }
    
    header li.secondary.menu-item a {
        margin-right: 0;
    }
    
    header li.secondary.menu-item {
        margin-left: 0;
        margin-top: 5px;
        margin-bottom: 7px;
    }
    
    li.pll-parent-menu-item:nth-child(7) {
        display: block;
    }
    
    header li .sub-menu li {
        width: 100% !important;
    }
    
    section.header-archive {
        /*margin-top: 1.5rem;*/
    }
    
    .wrap-search {
        margin: 3rem 0 0rem;
    }
    
    .post-img img {
        max-width: unset;
    }
    
    .top-featured-post .post-excerpt {
        margin-bottom: 2rem;
    }
    
    .top-featured-post h3 {
        font-size: 1.5em;
        max-width: 100%;
    }
    
    .top-featured-post .post-img img {
        height: 100%;
    }
    
    .top-featured-post .post-img {
        height: 380px;
    }
    
    section.top-featured-post {
        margin-top: 0;
        margin-bottom: 4rem;
    }
    
    .latest-posts .post-item.post-list-item {
        margin-bottom: 1rem;
    }
    
    .latest-posts .post-item.post-list-item .post-content h3 {
        font-size: 1em;
        line-height: 1.3em;
    }
    
    .latest-posts .post-item.post-first-item .post-img.post-thumbnail {
        height: 350px;
    }
    
    .post-content.overlay-content h3 {
        font-size: 1.3em;
    }
    
    .promo-posts .post-img img {
        height: 100%;
        max-width: unset;
    }
    
    .promo-posts h3 {
        font-size: 1.2em;
        margin-top: 0.8rem;
    }
    
    .section-cta a {
        font-size: 16px;
    }
    
    .section-header h2, .crp_related h3, .post-social h5 {
        font-size: 1.3rem;
    }
    
    .section-header h2:after {
        margin-bottom: 1rem;
    }
    
    /* --- batas 992 --- */
    .navbar-nav {
        max-width: 540px;
    }
    
    .top-featured-post .post-img {
        margin-bottom: 1rem;
    }
    
    .post-grid-item.post-item {
        width: 100%;
    }
    
    .post-img img {
        min-height: 100%;
        height: unset !important;
        max-height: 120%;
    }
    
    .promo-posts .post-img img {
        height: 100% !important;
    }
    
    .post-img.post-thumbnail {
        height: 300px;
    }
    
    .post-grid-item .post-content h3 {
        height: unset;
        /*margin-bottom: 0.5rem;*/
    }
    
    .post-grid-item .post-excerpt {
        height: 70px;
    }
    
    .media-gallery figure.wp-block-image {
        width: 33.33333% !important;
    }
    
    .section-cta.section-cta-right {
        margin-top: 1rem;
    }
    
    .footer-middle img {
        width: 120px;
    }
    
    .site-info {
        text-align: center;
    }
    
    .site-info-nav {
        text-align: center;
        margin-top: 1rem;
    }
    
    .home .m-list-posts .post-item.post-first-item .post-img.post-thumbnail:after {
        content: '';
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #0D2056, transparent, transparent);
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 99;
    }
    
    .latest-posts .post-item.post-first-item .post-img.post-thumbnail:after, .home .m-list-posts .post-item.post-first-item .post-img.post-thumbnail:after {
        background: linear-gradient(0deg, #0D205678, transparent, transparent);
    }
    
    .latest-posts .post-item.post-list-item, .home .m-list-posts .post-grid-item.post-item {
        width: 100%;
        float: none;
    }
    
    .home .m-list-posts .post-grid-item.post-item {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: space-between;
        margin-bottom: 1rem;
        box-shadow: none;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .home .m-list-posts .post-grid-item .post-thumbnail {
        height: 105px;
        width: 30%;
        border-radius: 15px;
    }
    
    .latest-posts .post-item.post-first-item, .home .m-list-posts .post-item.post-first-item {
        width: 100%;
        margin-bottom: 1rem;
        display: block;
        position: relative;
    }
    
    .home .m-list-posts .post-item.post-first-item .post-img.post-thumbnail {
        height: 350px;
        width: 100%;
    }
    
    .latest-posts .post-item.post-list-item .post-img {
        /*width: 100%;*/
    }
    
    .latest-posts .post-item.post-list-item:nth-child(4) {
        margin-right: 0;
    }
    
    .latest-posts .post-item.post-list-item .post-content, .home .m-list-posts .post-grid-item .wrap-post-content {
        padding: 1rem 0;
        display: block;
        background: transparent;
    }
    
    .home .m-list-posts .post-grid-item .wrap-post-content {
        width: 65%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .latest-posts .post-item.post-list-item .post-content h3, .home .m-list-posts .post-grid-item .post-content h3 {
        height: 42px;
        overflow: hidden;
    }
    
    .home .m-list-posts .post-grid-item .post-content h3 {
        font-size: 16px;
        line-height: 1.3em;
    }
    
    .home .m-list-posts .post-grid-item .post-excerpt {
        display: none;
    }
    
    .home .m-list-posts .post-grid-item .wrap-post-content.overlay-content {
        position: absolute;
        bottom: 0;
        padding: 1rem 2rem;
        color: #fff;
        z-index: 999;
        width: 93%;
        padding: 1rem 2rem;
    }
    
    .home .m-list-posts .post-grid-item .overlay-content .post-content h3 {
        font-size: 1.3em;
        color: #fff;
        height: unset;
        margin-bottom: .7em;
        line-height: 1.5em;
    }
    
    .home .m-list-posts .post-grid-item .overlay-content .post-content .post-meta {
        display: none;
    }
    
    .heading-title h1 {
        font-size: 2em;
    }
    
    .backTop {
        font-size: 1.5em;
    }
    
    .slick-prev {
        left: 7px !important;
    }
    
    .slick-next {
        right: 7px !important;
    }
    
    .header-archive .wrap-search {
        order: 1;
        margin-bottom: 1rem;
    }
    
    .header-archive .wrap-subcat {
        order: 2;
    }
    
    .header-archive .subcategories {
        overflow: auto;
        white-space: nowrap;
        padding-bottom: 1rem;
    }
    
    .main-content {
        line-height: 1.8em;
    }
    
    p {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 980px) {
    .navbar__item.lang-navbar__item {
        display: block;
    }
    
    .lang-navbar__menu li > a {
        padding: 16px 0;
        margin: 0;
    }
    
    .lang-navbar__menu {
        padding: 0;
		margin: 0;
    }
    
    header li .sub-menu {
        position: relative;
        padding: 16px !important;
        background: #F8FBFC;
        border: 0;
        border-radius: 12px;
        margin-bottom: 1rem;
        transition: max-height 0.3s 
        ease, padding 0.3s 
        ease;
    }
    
    header li .sub-menu li a {
        padding: 5px;
    }
	
	.navbar.is-sticky .navbar__container {
		padding-top: 0;
	}
}

@media (max-width: 768px) {
	#floating-banner {
		margin: 0;
		width: 100%;
		justify-content: center;
		bottom: 0;
	}

	.floating-banner-wrap {
		width: 100%;
	}

	.floating-banner-wrap img {
		width: 100%;
	}
    
    .breadcrumbs, .breadcrumbs span, .breadcrumbs a {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .wrap-related-posts .container {
        padding: 0 1rem;
    }
    
    .promo-posts .section-footer {
        margin-top: .8rem;
    }

    .top-featured-post .post-excerpt {
        height: 70px;
        overflow: hidden;
    }

    .post-grid-item.post-item {
        /*margin-left: 15px;*/
        /*margin-right: 15px;*/
        /*width: 95%;*/
    }
    
    .home .m-list-posts .post-grid-item.post-item {
        margin-left: 0;
        margin-right: 0;
    }
    
    .promo-posts .slick-slide {
        padding: 5px 0;
    }
    
    .promo-posts .promo-post {
        /*display: flex;*/
        box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
        align-items: center;
        border-radius: 20px;
        padding: 1rem;
    }
    
    .promo-posts .post-img {
        width: 100%;
        /*height: 150px;*/
        margin-right: 1rem;
        margin-bottom: .7rem;
        box-shadow: none;
    }
    
    .promo-posts .post-img img {
        height: unset !important;
        min-width: unset !important;
    }
    
    .promo-post .post-content {
        width: 100%;
        height: 72px;
    }
    
    .promo-posts h3 {
        margin: 0;
    }
    
    .slick-prev, .slick-next {
        top: 50% !important;
    }
    
    .promo-posts .slick-list.draggable:before, .promo-posts .slick-list.draggable:after {
        height: 275px;
    }
    
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    
    .wrap-post-content {
        padding: 2.2rem 2.6rem;
    }
    
    .testimonials .post-img.post-thumbnail, .wrap-archive .post-img.post-thumbnail {
        height: 200px;
    }
    
    .testimonials .post-thumbnail img, .wrap-archive .post-thumbnail img {
        max-height: unset !important;
        width: 100%;
    }
    
    .testimonial-posts .wrap-post-content, .wrap-archive .wrap-post-content {
        padding: 1.2rem 1.6rem;
    }
        
    .wrap-heading {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    
    .heading-title h1 {
        font-size: 1.7em;
        line-height: 1.3em;
    }
    
    .heading.large-heading {
/*         margin-bottom: 1rem; */
    }
    
    .post-cta {
        margin-bottom: 1.5rem;
    }
    
    #related-posts {
        padding: 1.5rem 15px;
    }
    
    a.navbar-brand img {
        height: 45px;
    }
    
    .testimonial-posts .list-posts.row, .wrap-archive .list-posts.row {
        padding: 0 15px;
    }
    
    #main-header nav.navbar {
        padding: .5rem 0 .3rem;
    }
    
    button.navbar-toggler {
        padding: 2px 5px;
        margin-top: 7px;
    }
    
    .home section {
        margin-bottom: 1.5rem;
    }
    
    section.top-featured-post {
        margin-bottom: 3rem;
    }
    
    section.latest-posts {
        margin-bottom: 1.5rem;
    }
    
    section.selected-category-posts {
        padding: 1.5rem 0;
        margin-bottom: 0;
    }
    
    section.media-gallery {
        padding-top: 1.5rem;
    }
    
    .home footer#main-footer {
        padding-top: 1rem;
    }
    
    footer#main-footer .container:after {
        padding-top: 2rem;
    }
    
    footer#main-footer .footer-nav .container:after {
        padding-top: 0;
    }
    
    section.footer-middle {margin-bottom: 0;}
    
    footer#main-footer .footer-middle .container:after {
        padding-top: 1.5rem;
    }
    
    .sidebar span.crp_title {
        font-size: 1.1rem;
        line-height: 1.3;
    }

    .sidebar span.crp_date {
        top: 80px;
    }
	
	.floating-banner-wrap {
        width: 90%
    }
}