@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&display=swap');

 @import url("https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

 * {
     margin: 0;
     padding: 0;
 }

 @media (min-width: 992px) {
     .pkp_site_name_wrapper .pkp_site_name {
         left: 0;
     }

     .pkp_structure_content .pkp_structure_sidebar .pkp_block {
         padding: 1.143rem;
     }

     .pkp_head_wrapper .pkp_site_name_wrapper .pkp_site_name .is_img img {
         max-height: 100%;
     }

     .pkp_head_wrapper .pkp_site_name_wrapper .pkp_site_name {

         padding-top: 0.071rem;
         padding-bottom: 0.071rem;
     }

     .pkp_page_index .homepage_about {
         padding-top: 0;
         padding-bottom: 0;
     }
 }

 @media (max-width: 992px) {
     .pkp_site_name_wrapper {
         height: 3.857rem;
     }

     .pkp_site_name_wrapper .pkp_site_name {
         left: 3.2rem;
         height: 54px;
     }

     .pkp_page_index .homepage_about {
         padding-top: 2.143rem;
         padding-bottom: 2.143rem;
     }

 }





html{
         background: url(https://ojsstihpertiba.ac.id/public/journals/8/hexagon.png);
    background-size: contain; 
    background-color:#dddddd;
}
 body {
     font-family: 'Montserrat';
     background:transparent;
    
 }

 .page,
 .obj_article_summary {
     text-align: justify;
 }

 .has_site_logo .pkp_head_wrapper {
     padding-right: 0px;
 }

 .pkp_site_nav_toggle {

     width: 3.857rem;
     height: 3.857rem;

 }

 .pkp_site_name_wrapper {
     padding-left: 0;
     padding-right: 0;
 }

 .pkp_site_name .is_img {
     margin-top: 0;
     margin-bottom: 0;
     padding: 0;
 }

 .pkp_site_name .is_img img {
     max-height: 100%;
     max-width: 100%;
 }




 .pkp_head_wrapper .pkp_site_name_wrapper .pkp_site_name .is_img {
     margin-bottom: -13px;

 }



 .pkp_structure_sidebar .pkp_block .title {
     display: inline-block;
     padding-bottom: 0.5em;
     border-bottom: 3px solid #539F0B;
     font-weight: 700;
     text-transform: uppercase;
     width: 100%;
 }

 .pkp_structure_sidebar .pkp_block .index a {
     width: 100%;
 }

 .menus em {
     color: #539F0B;
 }

 .container-block {
     width: 100%;
     padding: 0;
     margin: 0;
 }

 .container-block .sidebar-block {
     position: relative;
     width: 100%;
 }



 .container-block .sidebar-block ul {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 100%;
 }



 .container-block .sidebar-block ul .menus {
     cursor: pointer;
     display: flex;
     position: relative;
     justify-content: space-between;
     /*background-color: #e2d5cc;*/
     border: solid #539F0B;
     padding: 10px;
     margin: 2px;
     border-radius: 2px;
     list-style: none;
     font-size: 20px;
     z-index: 2;
     align-items: center;
 }

 .container-block .sidebar-block ul .menus:before {
     transition: 0.2s;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     /*border-radius: 2px 0 0 2px;*/
     width: 10px;
     height: 100%;
     background: #539F0B;
     z-index: 0;
 }

 .container-block .sidebar-block ul .menus p {
     transition: 0.2s;
     font-size: 14px;
     z-index: 2;
     padding-left: 6px;
 }

 .container-block .sidebar-block ul .menus img {
     transition: 0.2s;

     z-index: 2;
 }
  .container-block .sidebar-block ul .menus a:hover {
   color:white;
 }

 .container-block .sidebar-block ul .menus:hover:before {
     width: 80%;
     /*   border-radius: 10px; */
 }

 .container-block .sidebar-block ul .menus:hover p {
     color: #fefefe;
     transform: translateX(5px);
 }

 .container-block .sidebar-block .credits {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 10vh;
     display: flex;
     justify-content: center;
     align-items: center;
     /*   flex-direction: space-around; */
 }

 .container-block .sidebar-block .credits p {
     cursor: pointer;
     font-family: 'Afacad';
     font-size: 18px;
     opacity: 0.7;
     transition: .2s;
 }

 .container-block .sidebar-block .credits p a {
     text-decoration: none;
     background-color: #1FB141;
     padding: 5px;
     color: #FEFEFE;
     border-radius: 5px;
 }

 .container-block .sidebar-block .credits p:hover {
     opacity: 1;
 }

 .pkp_brand_footer {
    display: none;
}