/*========================================
Farben
==========================================*/

.plugin a, ul li a, .footer_entry a, .judul_artikel a {
    color: #D79A46;
    font-weight: 700;
}

.plugin a:hover, ul li a:hover, .footer_entry a:hover, .judul_artikel a:hover {
    color: #A59E84;
    font-weight: 700;
}

.white_bg {
    background-color: #ffffff;
}

blockquote {
    box-shadow: inset 5px 0 rgba(255, 165, 0);
}



/*========================================
Body and Navigation
==========================================*/

.flex {
    width: 100%;
}

nav .brand * {
    vertical-align: baseline;
}

body{
    font-family: 'Quicksand', sans-serif;
    display:flex;
    flex-direction:column;
    min-height: 100vh;
    margin:0;
    font-weight: 500;
}

.main_menu {
    font-weight: 700;
    border-bottom: #D79A46 1px solid;
    padding: 0 0 10px 0;
    min-height: 50px;
    box-sizing: content-box;
}

.fixed_top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

nav {
    position: relative;
}

.header{
    box-shadow: none;
    padding: 10px 0 0 0;
}

.limit_width {
    margin: 0 auto;
    max-width: 1152px;
}

.burger {
    padding-left: 2em;
}

.brand {
    font-size: 2em;
    width: .6em;
}

/*
.cari {
    width: 10rem;
    font-family: simple-line-icons, Quicksand;
}
*/

.bottom_foot {
    flex: 1;
}

/*========================================
Mini Hero
==========================================*/

.mini_hero {
    background-color: #EAE0C5;
    background-image: url("../img/logo.png");
    background-attachment: inherit;
    background-repeat: no-repeat;
    background-position: center;
    background-size:inherit;
    text-align: center;
    color: #ffffff;
    margin: 73px 0 1rem 0;
    box-shadow: inset 0px 11px 15px -14px rgb(128,128,128),inset 0px -11px 15px -14px rgb(128,128,128);
}

.section_title {
    padding-bottom: 0px;
}

.hero_welcome {
    font-size: 1.4em;
    font-weight: 500;
    margin: -5px 0 1rem 0;
}

.section_title span {
    display: inline-block;
    margin-bottom: -1px;
}

.page_spacer {
    margin: 0 0 4em 0;
}

/*========================================
Body
==========================================*/

.section_wrapper {
    padding: 0 0.6rem 1rem 0;
}

.judul_artikel {
    padding-bottom: 0px;
    font-size: 2em;
}

hr, .article_spacer {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 165, 0) 15%, rgba(255, 165, 0, 0.35) 15% 30%, rgba(0, 0, 0, 0));
}

.inside_spacer {
    border: 0;
    height: 5px;
    background: #D79A46;
    display: block;
    width: 7.5%;
}

.meta_top, .meta_bottom {
    font-size: .7em;
    margin-bottom: 5px;
}

.meta_top {
    margin-bottom: 10px;
}

.meta_top img {
    position: relative;
    top: 2px;
}

.meta_author::after, .meta_read::after {
    content: '\2022';
    margin: 0 5px 0 5px;
}

.meta_tag {
    padding-left: 0px;
    list-style-type: none;
}

.meta_tag:before {
    content: url("data:image/svg+xml,%3Csvg preserveAspectRatio='xMinYMin meet' width='18' height='18' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F06525' d='M1152.821 372.968c-2.453 17.493-4.693 35.093-4.693 53.333 0 18.24 2.24 36.16 4.907 53.974-56.214-1.28-112.96 19.093-155.734 61.866-83.093 83.094-83.093 218.56 0 301.654 41.6 41.6 96.214 62.4 150.827 62.4s109.227-20.8 150.827-62.4c83.093-83.094 83.093-218.56 0-301.654-8.214-8.213-17.387-15.146-26.56-21.653l-.747-2.027c-11.093-29.866-16.853-60.906-16.853-92.16 0-18.453 2.346-36.053 6.186-53.333h153.814c29.333 0 53.333 24 53.333 53.333v625.494l-638.4 638.506-678.933-678.933 638.506-638.4h363.52Zm-4.693 213.44c14.827 0 29.227 3.627 42.987 9.707 16 31.68 36.48 60.48 61.44 86.08 3.306 30.826-5.44 62.613-29.014 86.186-41.706 41.707-109.12 41.707-150.826 0-41.6-41.6-41.6-109.226 0-150.826 20.8-20.8 48.106-31.147 75.413-31.147Zm373.333-533.44c-146.24 0-276.48 85.333-335.68 213.333h-440.64L-.032 1011.368l829.76 829.76 745.067-745.173V426.3c0-88.213-71.787-160-160-160h-106.347c48.853-65.706 127.147-106.666 213.013-106.666 147.094 0 266.667 119.573 266.667 266.666h106.667c0-205.866-167.467-373.333-373.334-373.333Z' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

.meta_tag li {
    display: inline;
    border: 1px solid #D79A46;
    background-color: #D79A46; /*solen as intended, but bad for accessibility: #F06525*/
    border-radius: 3px;
    padding: 5px 0 5px 0;
}

.meta_tag .pseudo {
    color: #ffffff;
}

.meta_tag .pseudo.button:hover {
    background-color: #F06525; /*solen as intended, but bad for accessibility: #F6852A */
    box-shadow: none;
}

.featured_image {
    height: 100%;
    min-height:200px;
    background-color: #EAE0C5;
    background-image: url("../img/logo.png");
    background-attachment: inherit;
    background-repeat: no-repeat;
    background-position: center;
    background-size:inherit;
}

.featured_image img, a {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: transform .5s ease;
}

.featured_image img:hover, .isi_artikel img:hover {
    filter: brightness(75%);
}

.isi_artikel h2 {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

.isi_artikel a {
    color: #D79A46;
    font-weight: 700;  
}

.pratinjau_artikel div {
    max-height: calc(4rem * 1.13);
      overflow: hidden;
      position: relative;
}

.pratinjau_artikel div:after {
    content: "";
    background: linear-gradient(to right, transparent, #ffffff 80%);
    display: block;
    height: calc(1rem * 1.9 + 1px);
    position: absolute;
    inset-block-end: 0;
    pointer-events: none;
    width: 100%;
}

.pagination {
    text-align: center;
}

.pagination img {
    position: relative;
    top: 2px;
}

.share_icons {
    padding: 8px;
    border-radius: 3px;
    background: #D79A46; /*solen as intended, but bad for accessibility: #F06525*/
    height: 50px;
}

.share_icons a {
    margin: 0 15px 0 15px;
    color: #ffffff;
    position: relative;
    top: -28px;
}

.ikon_berbagi {
    border: 6px solid white;
    padding: 10px;
    border-radius: 50%;
    color: #ffffff;
    top: -10px;
    position: relative;
}

[data-tooltip]::after {
    margin-top: 11px;
}

article img {
    max-width: 100%;
    height: auto;
}

.informasi_filter {
    border: 1px solid #F06525;
    margin-top: 25px;
    border-radius: 3px;
    padding: 0 1rem 0 1rem;
    background-color: #D79A46;
    color: #ffffff;
    font-weight: 700;
}

/*========================================
Sidebar
==========================================*/

@media only screen and (min-width: 60em) {
    .sidebar_page, .sidebar_home {
        margin: 25px 0 0 0;
    }
}

.plugin ul {
    padding-left: 0px;
    list-style-type: none;
}

.author_thumb {
    text-align: center;
    margin: 0 0 -30px 0;
}

.author_thumb img {
    border-radius: 50%;
    border: 2px solid #F06525;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 0 5px hsl(0, 0%, 100%), 0 0 0 10px hsla(0, 0%, 100%, 0.34), 0 0 0 15px hsla(0, 0%, 100%, 0.64);
}

.plugin-about {
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, #F06525, #D79A46);
    background-origin: padding-box, border-box;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    padding: 1rem;
    margin: 0 0 10px 0;
}

.plugin-about > .plugin-label {
    text-align: center;
}

.plugin-label {
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, rgba(255, 165, 0) 15%, rgba(255, 165, 0, 0.35) 15% 30%, rgba(0, 0, 0, 0));
    background-origin: padding-box, border-box;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: transparent;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

.plugin-tags li {
    display:inline-block;
}

.plugin-tags li:before {
    content: url("data:image/svg+xml,%3Csvg preserveAspectRatio='xMinYMin meet' width='18' height='18' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F06525' d='M1152.821 372.968c-2.453 17.493-4.693 35.093-4.693 53.333 0 18.24 2.24 36.16 4.907 53.974-56.214-1.28-112.96 19.093-155.734 61.866-83.093 83.094-83.093 218.56 0 301.654 41.6 41.6 96.214 62.4 150.827 62.4s109.227-20.8 150.827-62.4c83.093-83.094 83.093-218.56 0-301.654-8.214-8.213-17.387-15.146-26.56-21.653l-.747-2.027c-11.093-29.866-16.853-60.906-16.853-92.16 0-18.453 2.346-36.053 6.186-53.333h153.814c29.333 0 53.333 24 53.333 53.333v625.494l-638.4 638.506-678.933-678.933 638.506-638.4h363.52Zm-4.693 213.44c14.827 0 29.227 3.627 42.987 9.707 16 31.68 36.48 60.48 61.44 86.08 3.306 30.826-5.44 62.613-29.014 86.186-41.706 41.707-109.12 41.707-150.826 0-41.6-41.6-41.6-109.226 0-150.826 20.8-20.8 48.106-31.147 75.413-31.147Zm373.333-533.44c-146.24 0-276.48 85.333-335.68 213.333h-440.64L-.032 1011.368l829.76 829.76 745.067-745.173V426.3c0-88.213-71.787-160-160-160h-106.347c48.853-65.706 127.147-106.666 213.013-106.666 147.094 0 266.667 119.573 266.667 266.666h106.667c0-205.866-167.467-373.333-373.334-373.333Z' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

.plugin-tags li:after {
    content: "";
    margin: 0 0px 0 10px;
}

.plugin-categories li {
    display:inline-block;
}

.plugin-categories li:before {
    content: url("data:image/svg+xml,%3Csvg preserveAspectRatio='xMinYMin meet' width='18' height='18' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F06525' d='M1807.059 1637.706c0 31.172-25.412 56.47-56.47 56.47H169.411c-31.06 0-56.47-25.298-56.47-56.47V225.94h590.907L854.4 451.824H225.882v112.94H1807.06v1072.942ZM990.269 451.824 764.385 113H0v1524.706c0 93.402 76.01 169.412 169.412 169.412h1581.176c93.403 0 169.412-76.01 169.412-169.412V451.824H990.268Z' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

.plugin-categories li:after {
    content: "";
    margin: 0 0px 0 10px;
}

.plugin-search [type=button] {
    font-weight: 900;
    margin: 5px 0 0 0;
    border: 1px solid #D79A46;
    background-color: #D79A46;
    border-radius: 3px;
    color: #ffffff;
    width: 80px;
    position: relative;
    float: right;
    top: -42px;
    right: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 37px;
}

/*========================================
Footer
==========================================*/

.footer {
    background: #ffffff;
    border-top: 1px solid #D79A46;
    min-height:50px;
    min-height: calc(50px + 2vh);
    width: calc(100% + 0.6em);
}

.footer_entry {
    padding: 10px 5px 0 0;
    text-align: right;
    font-weight: 500;
    font-size: .7em;
}

.logo_cc {
    width: 4em;
}

.logo_rss{
    width: .7em;
}

/*========================================
Formular
==========================================*/

.formnoview {
  display:none;
}

#returnmessage{
font-size:14px;
color:green;
text-align:center;
}

.formcheckbox {
  width: 20px;
  height: 20px;
  opacity: 100;
  position: inherit;
}

#btnSubmit {
  max-width:300px;
  min-width:200px;
  color:#fff;
  display:inline-block;
  background:#D79A46;
  padding: 0;
  text-decoration:none;
  border-radius:5px;
  cursor:pointer;
  margin:0rem 0 0 0;
}