.titlehead .main {
	font-weight: bold;
}

.titlehead .sub {
	font-family: "Open Sans Condensed", "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #7F3409;
}

.preview-glyphs { vertical-align: middle; }

.preview-scale {
	color: #888;
	font-size: 12px;
	margin-top: 5px;
}

.step {
	display: inline-block;
	line-height: 1;
	width: 6%;
}

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }

.footer {
	color: #888;
	font-size: 12px;
	padding: 20px 0;
}

.mainslide {
	background: url('../img/bgpattern.png') repeat #FFEFD6;
	padding-bottom: 20px;
}

.dropdown {
	box-shadow: 2px 2px 5px #a7a7a7; /*2px 2px 3px rgba(100, 100, 100, 0.2), 2px -2px 3px rgba(100, 100, 100, 0.2);*/
}

.slidersection {
	padding-bottom: 20px;
	width: 100%;
	max-height: 380px;
	overflow: hidden;
}

.slidersection img {
    width: 100%;
}

.slidersection .orbit-container .orbit-slides-container > * .orbit-caption {
	top: 0;
	width: 300px;
	background: rgba(51, 51, 51, 0.5);
	word-wrap:break-word;
}

@media only screen and (min-width: 942px) {
	.top-bar {
    	height: 45px !important;
	}
	.top-bar-section .dropdown li a {
		line-height: 2 !important;
	}
}

/* .contain-to-grid {background-color: #E36621; } */
.contain-to-grid .top-bar { margin-bottom: 0 !important;}

.footer-area hr {
	margin: 0;
	border-color: #943C0B;
}

/*.shadow-footer {
	background: url('../img/shadowtop.png') repeat-x top;
	border-top: solid 2px #c0c0c0;
}*/

.slogan {
	font-family: "Open Sans Condensed", "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 2.0em;
	text-align: center;
	padding: 30px 0 10px 0;
	margin: 30px 0;
	color: #7F3409;
}

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
	top: 0.5rem;
}

.logindown {
	background-color: #E36621;
}

button, input, select, textarea {
	font-size: 80%;
}

.f-dropdown.content {
	max-width: 250px;
	width: 250px;
	box-shadow: 2px 2px 5px #a7a7a7;
}

.navigation-area {
	box-shadow: 0 6px 10px 0px #a7a7a7;
}

.breadcrumbs {
	margin-top: 10px;
	margin-bottom: 20px;
	border: none;
	background-color: #fff;
}

.listnews .newsitem {
	padding: 15px 0;
	/*border:1px solid #EDEDED; background-color: #F9F9F9;*/
}

.listnews span[itemprop^="name"] {
	font-weight: bold;
	display: block;
	color: #7F3409;
	font-size: 1.2em;
}

/*.listnews span[itemprop^="author"] {
	font-size: 0.75em;
}*/

.listnews span[itemprop^="articleBody"] {
	display: block;
	margin-top: 10px;
	font-size: 0.9em;
	line-height: 1.5em;
}

.nav-page {
	font-size: smaller;
}

.nav-page .page-hide {
	display: none;
}

.crop {
    width: 250px;
    height: 90px;
    overflow: hidden;
}

.crop img {
    max-width: 250px;
    max-height: 150px;
    margin: -20px 0 0 -10px;
}

time {
	font-family: "Open Sans Condensed", "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 0.75em;
}

.newsimage {
	padding: 4px;
	border: 1px solid #F2F2F2;
	background-color: #fff;
}

.infonews {
	font-family: "Open Sans Condensed", "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.lblremember {
	font-style: normal;
}

.terbitan .cover {
    width: 138px;
    height: 173px;
    overflow: hidden;
}

.terbitan .cover img {
    max-width: 138px;
    max-height: 173px;
	padding: 4px;
	border: 1px solid #F2F2F2;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.75);
}

.fasilitas {
	font-family: "Open Sans Condensed", "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	padding-bottom: 5px;
	color: #E36621;
}

.cropfasilitas {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.cropfasilitas img {
    max-width: 175px;
    max-height: 100px;
    margin: -20px 0 0 -10px;
}

.sitedir {
	padding: 5px 20px;
	border: 1px solid #EDEDED;
	background-color: #ffefd6;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0
}

.sitedir h6 {
	font-size: 1.2em;
}

.agendabox ul {
    list-style-type: none;
    padding: 10px 0px;
    margin: 0px;
	display: table;
	width: 100%;
}

.agendabox ul li {
	vertical-align: top;
    display: inline-block;
	width: 100%;
	padding-top: 10px;
}

.agendabox .agenda-desc {
	display: table-row;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.2;
	/*width: 218px;*/
	border-top: 4px solid #f9f9f9;
}

.agendabox span.place {
	font-size:0.8em;
	word-wrap: break-word;
	color: #e36621;
}

.agendabox span.title {
	word-wrap: break-word;
	color: #943c0b;
}

.entry-date {
	padding: 0;
	display: block;
	width: 65px;
	height: 65px;
	margin-right: 10px;
	border-radius: 40px;
	background: #e36621;
	box-shadow: 2px 2px 3px rgba(100, 100, 100, 0.2), 2px -2px 3px rgba(100, 100, 100, 0.2);
	border: 5px solid #f6f6f6;
	line-height: 1.2;
	float:left;
	margin-bottom: 10px;
}
.entry-date span {
	display: block;
	font-size: 0.7em;
	color: #666;
	text-align: center;
}

.entry-date .month { color: #ffefd6; }
.entry-date .day {
	color: #eee;
	font-weight: bold;
	text-shadow: 1px 1px #333;
	font-size: 1.2em;
	text-align: center;
}
.entry-date .year { color: #ffefd6; }
.entry-date .agendadate { display: none;}

.materivideo {
	padding: 30px 0;
}

.matericorner {
	background: url(../img/flipcorner.png) left top no-repeat;
    padding-left: 34px;
    border-top: 1px solid #EEEEEE;
}

.materidetil {

}

.materishadow {
	background: url(../img/shadow.png) left center no-repeat;
	display: block;
	height: 120px;
	width: 15px;
	float: left;
}

.redalert {
	background-color: #ECFAFF;
	border: 1px solid #B6EFFF;
}

.panelorder {
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.75);
}

.main-section {
	padding: 20px 40px;
}

.itemklasis {
	border: 5px solid #f6f6f6;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.75);
}

.itemklasis-odd {
	background-color: #FFEFD6;
}

.itemklasis-even {
	background-color: #EFEFEF;
}

.bloklasis {
	line-height: 2em;
}

.church-info {
    margin-bottom: 25px;
	background-color: #FFEFD6;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.35);
	padding: 6px;
}

.pendeta-img {
    width: 92px;
    height: 128px;
	padding: 4px;
	border: 1px solid #F2F2F2;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    1px 1px 2px 0 rgba(50, 50, 50, 0.45);
	box-shadow:         1px 1px 2px 0 rgba(50, 50, 50, 0.45);
    overflow: hidden;
}

.pendeta-img img {
    max-width: 128px;
    max-height: 186px;
	/*margin: -15px 0 0 -10px;*/
}

.klasis-title:hover {
	color: #FFEFD6;
}

.datecal {
	font-size: 0.9em;
	color: #7F3408;
	font-weight: bolder;
}

.eventcal {
	font-family: "Open Sans Condensed", "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
}

.msg-hover:hover {
	background-color: #F6F3E8;
}

.prog-hover:hover {
	background-color: #FFEFD6;
}

.fc-header {
	border: none;
}

.condensed {
	font-family: "Open Sans Condensed", "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}

.mnuphoto {
    display: block;
    padding: 10px 0;
    width: 100%;
}

.top-bar-section .divider, .top-bar-section [role="separator"] {
    border-top: 1px solid #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%;
}

.renungan-ayat {
	font-style: italic;
}

.judul-renungan {
	padding-bottom: 8px;
}

dl.accordion .content ul {
	list-style: none;
}

dl.accordion dd a:hover {
	font-weight: bold;
}

.other-area {
	background-color: #DCDCDC;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.45);
}

.mitra-area {
	/*background-color: #DEDEDE;*/
	padding-top: 30px;
	padding-bottom: 30px;
}

.mitra {
	color: #E36621;
	text-align: center;
	padding-bottom: 1em;
	font-size: 1.75em;
	font-family: 'Lobster', cursive;
}

.logo-client {
	text-align: center;
}

.logo-client a img {
    padding-left: 10px;    
}

.footer .link a{
	color: white;
}

.footer .link a:hover, .footer .link a:active {
	color: #E36621;
}

/* testing for block */

.hero {
	background-image: linear-gradient(to bottom right, #002f4b, #E36621);
  background-size: cover;
  height: 60vh;
}

.hero .intro {
    padding: 3rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.hero h1 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5em;
    letter-spacing: -0.025em;
    font-weight: 300;
    text-align: center;
}

.hero p {
    color: #fff;
    line-height: 1.75em;
    font-weight: 200;
    text-align: center;
    margin-bottom: 2rem;
}

.hero .tech-img {
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

.hero .intro .label {
	display: none;
}

.hero .intro p .label {
	display: inline-block;
}

@media only screen and (min-width: 40.063em) {
  .hero .tech-img {
      height: 18rem;
      width: 18rem;
	}

  .hero h1 {
      padding-top: 2.5rem;
      text-align: left;
      font-size: 2.5rem;
	}

  .hero p {
      text-align: left;
	}

	.hero .intro .label {
		display: inline-block;
	}
}

.sent-news {
	margin-top: 3em;
	text-align: center;
}

.sent-news img {
	width: 30%;
}

.sent-news a:hover img {
	border-radius: 50%;
	background-color: #e36621;
}

.sent-news .sent-text {
	margin-top: 1em;
	font-size: 1.2em;
}

 #map {
   width: 100%;
   height: 300px;
   background-color: grey;
 }

/*#recaptcha_image,
#recaptcha_image img
{
    width: 200px !important;
    cursor: pointer;
}
#recaptcha_image img:hover
{
    position: absolute;
    width: 300px !important;
}
.recaptcha_only_if_image,
.recaptcha_only_if_audio
{
    display: block;
}

.recaptcha_input_area > input {
	width: 50%;
}*/