/*
Background color*/
.pkp_structure_page{
	background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}


/*Site name padding*/
 .pkp_site_name{
 	padding-left: 0;
 }

/*Sidebar indexing image*/
.indexingImage {
  width: 100%;
  padding: 0 .3em;
  display: flex;
  justify-content: center;
}
.indexingImage img {
  width: 120px;
  height: 50px;
  margin-left: .5em;
  border-radius: 15px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.09), 0 1px 2px rgba(0,0,0,0.09);
}

.indexingImage img:hover{
  box-shadow: 0 2px 3px rgba(0,0,0,0.15), 0 2px 3px rgba(0,0,0,0.15);
}

p.indexingDescription {
  padding: 1em;
}



/*  

.hoverTable{
	width:100%;
	border-collapse:collapse; 
}
.hoverTable th{
	height:40px; background:#F5BA80; color:##707070; font-size: 16px; 
  border-bottom: 2px white;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;

}
.hoverTable td{ 
	height:40px; padding-top:3px;vertical-align:middle; 
	border-bottom:3px solid #ffffff;
	text-align:center;
}
.hoverTable td a{
	width:100%;display:block;
}
/* warna latar setiap baris tabel dan warna tulisan */
/* .hoverTable tr{
	background: #913542; 
}
/* warna ketika dilewati mouse */
/* .hoverTable tr:hover {
	background-color: #F5BA80;
}
.hoverTable a {
	color:#ffffff;
}
.hoverTable a:hover {
	color:#82403C;
} */ 

/*
header top background
*/
.pkp_structure_head{
  background-image: url("/public/site/images/nazrin/Artboard_15.png");
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain;
      background-position: bottom;
      background-blend-mode: lighten;
      background-color: #913542;



}


.hidethis {
  display: none;
}



/* centering and bordering*/

.pkp_block {
    text-align: center;
 border-bottom: 1px solid #dddddd;
padding-left: 0;
padding-right: 0;
padding-top: 0;

}



/*.pkp_block.block_custom{

padding-left: 0;
padding-right: 0;
 
}*/


#customblock-Menu{
padding-left: 0;
padding-right: 0;
}

#customblock-ArticleTemplate {
  padding-bottom: 30px;

}

#articleTemplateIcon {
transition: transform ease 250ms;
transform: scale(1);
}

#articleTemplateIcon:hover {
  width: ;
  transform: scale(1.1);
}

/*
nav bar style*/
.pkp_navigation_primary_row{
background-color: #F5BA80;
box-shadow: 0px 5px 8px 0px rgba(0,0,0,.2);

}
.pkp_navigation_primary>li>a{
  color: #913542  !important;
}

.pkp_navigation_primary>li>a:hover{
  color: #fff  !important;
}
/*
margin for nav button */

.pkp_nav_list li{
 
  margin-left: 8px;
padding-left: 0.3em;
}



.pkp_site_name .is_img img{
width: 100%;
max-height:200px;
border: white solid 2px;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,.3);

}




.pkp_navigation_primary>li{
  font-weight: bold;
}



/* left the pendeta image*/

img.budiman{
  width: 160px;
}

.pkp_footer_content {
width: 200px;
padding: 0;
text-align: center;
}



.pkp_brand_footer {
  padding: 0;
  padding-top: 0;
  position: relative;
  bottom: 110px;
}



/* Make a submission button */

.myButton {
  -moz-box-shadow: 0px 16px 23px -12px #f5ba80;
  -webkit-box-shadow: 0px 16px 23px -12px #f5ba80;
  box-shadow: 0px 16px 23px -12px #f5ba80;
  background-color: #913541;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 5px solid #f5ba80;
  display: block;
  cursor: pointer;
  color: #f5ba80;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 50px;
padding-left: 50px;
margin-right: 0px;
border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;
  text-decoration: none;
  text-shadow: 2px 2px 7px #822f3b;
  margin: 0 auto;
  text-align: center;
}



.myButton:hover {
	background-color:#f5ba80;
      border:5px solid #913542;
      border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;
     

}

a.myButton:hover {
  text-decoration: none;
color:#913541;
text-shadow: 2px 2px 7px #f5ba80;

}
.myButton:active {
	position:relative;
	top:1px;
}


/*Register and login button*/


.myButton1 {
  -moz-box-shadow: 0px 16px 23px -12px #f5ba80;
  -webkit-box-shadow: 0px 16px 23px -12px #f5ba80;
  box-shadow: 0px 16px 23px -12px #f5ba80;
  background-color: #913541;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 5px solid #f5ba80;
  display: block;
  cursor: pointer;
  color: #f5ba80;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 50px;
padding-left: 50px;
margin-right: 0px;
border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;
border-bottom: 1.5px;
  text-decoration: none;
  text-shadow: 2px 2px 7px #822f3b;
  margin: 0 auto;
  text-align: center;
}



.myButton1:hover {
	background-color:#f5ba80;
      border:5px solid #913542;
      border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;


}

a.myButton1:hover {
  text-decoration: none;
color:#913541;
text-shadow: 2px 2px 7px #f5ba80;

}
.myButton1:active {
	position:relative;
	top:1px;
}

.myButton2 {
  -moz-box-shadow: 0px 16px 23px -12px #f5ba80;
  -webkit-box-shadow: 0px 16px 23px -12px #f5ba80;
  box-shadow: 0px 16px 23px -12px #f5ba80;
  background-color: #913541;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 5px solid #f5ba80;
  display: block;
  cursor: pointer;
  color: #f5ba80;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 50px;
padding-left: 50px;
margin-right: 0px;
border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;
border-bottom: 1.5px;
  text-decoration: none;
  text-shadow: 2px 2px 7px #822f3b;
  margin: 0 auto;
  text-align: center;
}



.myButton2:hover {
	background-color:#f5ba80;
      border:5px solid #913542;
      border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;

}

a.myButton2:hover {
  text-decoration: none;
color:#913541;
text-shadow: 2px 2px 7px #f5ba80;

}
.myButton2:active {
	position:relative;
	top:1px;
}


.myButton3 {
  -moz-box-shadow: 0px 16px 23px -12px #f5ba80;
  -webkit-box-shadow: 0px 16px 23px -12px #f5ba80;
  box-shadow: 0px 16px 23px -12px #f5ba80;
  background-color: #913541;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 5px solid #f5ba80;
  display: block;
  cursor: pointer;
  color: #f5ba80;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 50px;
padding-left: 50px;
margin-right: 0px;
border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;
border-bottom: 1.5px;
  text-decoration: none;
  text-shadow: 2px 2px 7px #822f3b;
  margin: 0 auto;
  text-align: center;
}



.myButton3:hover {
	background-color:#f5ba80;
      border:5px solid #913542;
      border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;


}

a.myButton3:hover {
  text-decoration: none;
color:#913541;
text-shadow: 2px 2px 7px #f5ba80;

}
.myButton3:active {
	position:relative;
	top:1px;
}


/* Announcement Button Sidebar */

.myButton4 {
  -moz-box-shadow: 0px 16px 23px -12px #f5ba80;
  -webkit-box-shadow: 0px 16px 23px -12px #f5ba80;
  box-shadow: 0px 16px 23px -12px #f5ba80;
  background-color: #913541;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 5px solid #f5ba80;
  display: block;
  cursor: pointer;
  color: #f5ba80;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 50px;
padding-left: 50px;
margin-right: 0px;
border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;
border-bottom: 1.5px;
  text-decoration: none;
  text-shadow: 2px 2px 7px #822f3b;
  margin: 0 auto;
  text-align: center;
}



.myButton4:hover {
	background-color:#f5ba80;
      border:5px solid #913542;
      border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;


}

a.myButton4:hover {
  text-decoration: none;
color:#913541;
text-shadow: 2px 2px 7px #f5ba80;

}
.myButton4:active {
	position:relative;
	top:1px;
}

.myButton5 {
  -moz-box-shadow: 0px 16px 23px -12px #f5ba80;
  -webkit-box-shadow: 0px 16px 23px -12px #f5ba80;
  box-shadow: 0px 16px 23px -12px #f5ba80;
  background-color: #913541;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 5px solid #f5ba80;
  display: block;
  cursor: pointer;
  color: #f5ba80;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 30px;
padding-left: 30px;
margin-right: 0px;
border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;
border-bottom: 1.5px;
  text-decoration: none;
  text-shadow: 2px 2px 7px #822f3b;
  margin: 0 auto;
  text-align: center;
}



.myButton5:hover {
	background-color:#f5ba80;
      border:5px solid #913542;
      border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;


}

a.myButton5:hover {
  text-decoration: none;
color:#913541;
text-shadow: 2px 2px 7px #f5ba80;

}
.myButton5:active {
	position:relative;
	top:1px;
}


/*  Search button sidebar */


div.submit button.submit {
  -moz-box-shadow: 0px 16px 23px -12px #f5ba80;
  -webkit-box-shadow: 0px 16px 23px -12px #f5ba80;
  box-shadow: 0px 16px 23px -12px #f5ba80;
  background-color: #913541;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 5px solid #f5ba80;
  display: block;
  cursor: pointer;
  color: #f5ba80;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 50px;
padding-left: 50px;
margin-right: 0px;
border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;
border-bottom: 1.5px;
  text-decoration: none;
  text-shadow: 2px 2px 7px #822f3b;
  margin: 0 auto;
  text-align: center;
}



.div.submit button.submit:hover {
	background-color:#f5ba80;
      border:5px solid #913542;
      border-right-width: 3px;
border-top-width: 3px;
border-left-width: 3px;


}

a.div.submit button.submit:hover {
  text-decoration: none;
color:#913541;
text-shadow: 2px 2px 7px #f5ba80;

}
.div.submit button.submit:active {
	position:relative;
	top:1px;
}
/* div#customblock-Submission.pkp_block.block_custom{
  padding: 0 auto;
} */

.page_search .submit button:after {
  background: #f5ba80 !important;
  box-shadow: none;
}



/* 
make a submission BUTTON
*/
/* 
.pkp_block.block_make_submission {
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  
 
  background-color: #903642;
  padding: 22px;
  margin: 0 auto;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
} */

/* .pkp_block.block_make_submission a {
  position: relative; 
  z-index: 1;
 font-weight: 600;
  font-size: 17px;
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;

}


.pkp_block.block_make_submission a:hover{
  color: #903642;
}


.block_make_submission_link{

box-shadow: 0 0 0em 0px rgba(0,0,0,0.1) !important;
}


.pkp_block.block_make_submission:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #F5BA80;
  color: black;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.pkp_block.block_make_submission:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);  
  color: #913542;

}

/*.pkp_block.block_make_submission a {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
}
*/
/*
.pkp_block.block_make_submission a {
  display: inline-block;
  position: relative;
  padding: 20px 30px;
  top: 0;
  text-transform: uppercase !important; 
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  border-radius: 4px;
  border-bottom: 4px solid #BD4A45;
  background: #903642;
  color: #fff;
  box-shadow: 0px 0px 0px rgba( 15, 165, 60, 0.1 );
  
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
  
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

.pkp_block.block_make_submission a:hover {
  top: -10px;
  box-shadow: 0px 10px 10px rgb(145, 53, 66);
  
  -webkit-transform: rotateX(20deg);
     -moz-transform: rotateX(20deg);
      -ms-transform: rotateX(20deg);
          transform: rotateX(20deg);
}

.pkp_block.block_make_submission a:active {
  top: 0px;
  box-shadow: 0px 0px 0px rgba( 15, 165, 60, 0.0 );
  background: #913542;
}




/*delete space between nav and body*/
.pkp_structure_content{
padding-top: 30px;
}

.pkp_structure_footer_wrapper{
background-color: #913542;  
margin-top: 200px;
}



/* login button*/
.cmp_button, .cmp_form .buttons button, .pkp_head_wrapper .pkp_search button, .page_lost_password .buttons button, .page_search .submit button, .block_make_submission a{
  background-color: #913542 !important;
  color:#f5ba80 !important ;
}


/* search bar at right*/
.pkp_head_wrapper .pkp_search .search_controls a{
  color: #913542;
}




.pkp_navigation_primary{
  font-weight: 800;
  padding-left: 30px;
}


/* budiman cover body float left*/

.pkp_page_index .homepage_image img{
  float:left;
  padding-top: 0;
  padding-right: 30px;
  width: 30%;
}

.cmp_breadcrumbs .current h1{
  font-size: 16px !important;
  font-weight: bold;
  color: black;
}