/*
Gereja Sanfrades dot com
Bayu Wibawa @MyRealDigital.com
14 August 2017
 */

body {
    color: #525252;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
}
a {
    color: #386d90;
}
a:hover {
    color: #143348;
    text-decoration: underline;
}
@font-face {
    font-family: "Geogrotesque Lg";
    src: url("../fonts/Geogtq-Lg.otf") format("opentype");
}
@font-face {
    font-family: "Geogrotesque SmBd";
    src: url("../fonts/Geogtq-Sb.otf") format("opentype");
}
@font-face {
    font-family: "Geogrotesque Md";
    src: url("../fonts/Geogtq-Md.otf") format("opentype");
}
@font-face {
    font-family: "Geogrotesque Rg";
    src: url("../fonts/Geogtq-Rg.otf") format("opentype");
}

h2 {
    font-family: "Geogrotesque SmBd", Helvetica, Arial, sans-serif;
    font-size: 36px;
}
h4 {
    
}
h6 {
    color: #878787;
}
p {

}

.top_wrapper {
    background: #3d4f60;
    color: #dfdfdf;
    padding: 10px;
}
    .top_wrapper p {
        margin: 0px;
        padding: 0px;
    }

.company_name {
    padding: 20px 0px 20px;
}
    .company_name h3, .company_name h3 a {
        color: #000000;
        font-family: "Geogrotesque Lg";
        font-size: 30px;
        margin: 0px;
        padding: 0px;
        text-decoration: none;
    }
    .company_name h1, .company_name h1 a {
        color: #000000;
        font-family: "Geogrotesque SmBd";
        font-size: 30px;
        margin: 0px;
        padding: 0px;
        text-decoration: none;
    }
    .company_name h4, .company_name h4 a {
        color: #3d4f60;
        font-size: 24px;
        font-family: "Geogrotesque Lg";
        margin: 0px;
        padding: 0px;
        text-decoration: none;
    }

.flashnews_wrapper {
    background: #9c9b83;
    margin-top: 20px;
}
.renungan_harian {
    background: #acab98;
    margin: 10px 0;
    padding: 30px;
    color: #ffffff;
}
    .renungan_harian h2 {
        font-family: "Geogrotesque SmBd";
        font-size: 30px;
        padding: 0px;
        margin: 0px;
    }
    .renungan_harian p {
        font-family: "Geogrotesque Md";
        font-size: 24px;
        padding: 0px;
        margin: 0px;
    }
.icon_book_big {
    background: url(../images/icon_book_big.png) no-repeat;
    padding-left: 90px;
}

.home_wrapper {
    background: #ececec;
    padding-top: 20px;
}
.home_widget_header {
    background: #CCC;
    display: block;
}
.home_widget_header .home_widget_header_text {
    font-size: 24px;
    font-family: "Geogrotesque Md", 'Arial';
    float: left;
    height: 70px;
    padding: 20px;
    color: #FFF;
}
.home_widget_header .home_widget_header_icon {
    float: left;
    width: 80px;
    height: 70px;
    padding: 20px;
    text-align: center;
}
.surat_gembala .home_widget_header {
    background: #d6e2c7;
}
.surat_gembala .home_widget_header_text {
    background: #d6e2c7;
    color: #6c6c6c;
}
.surat_gembala .home_widget_header_icon {
    background: #c1ceb0;
}

.kesaksian_umat .home_widget_header {
    background: #386d90;
}
.kesaksian_umat .home_widget_header_text {
    background: #386d90;
}
.kesaksian_umat .home_widget_header_icon {
    background: #316181;
}

.bacaan_harian .home_widget_header {
    background: #939393;
}
.bacaan_harian .home_widget_header_text {
    background: #939393;
}
.bacaan_harian .home_widget_header_icon {
    background: #7f7f7f;
}
.home_widget_body {
    padding: 20px 0;
}

.home_widget_body h3, .home_widget_body h3 a {
    font-size: 18px;
    font-family: "Geogrotesque Md";
    margin: 0 0 10px 0;
}
.slide_banner_wrapper {
    margin-top: 10px;
}
.footer_wrapper {
    background: #3d4f60;
    color: #d3d3d3;
    padding-bottom: 20px;
}
.footer_logo_wrapper {
    padding: 40px 0px 20px 0px;
}
.footer_logo {
    background: url(../images/icon_church_big.png) no-repeat;
    padding-left: 80px;
}
.footer_logo h2 {
    font-family: "Geogrotesque SmBd";
    font-size: 24px;
    margin: 0px;
}
.footer_logo h3 {
    font-family: "Geogrotesque Lg";
    color: #a5a5a5;
    font-size: 24px;
    margin: 0px;
}
.footer_widget {
    background: #334658;
    padding: 20px;
    min-height: 150px;
}
.bottom_wrapper {
    background: #ececec;
    padding: 20px 0;
    font-size: 12px;
}
.bottom_wrapper p a {
    color: #686868;
}
.address_contact {
    padding-left: 50px;
    background: url(../images/icon_location.png) no-repeat;
}
.address_phone {
    padding-left: 50px;
    background: url(../images/icon_tel.png) no-repeat;
}
.contact_info {
    padding-left: 50px;
    background: url(../images/icon_user.png) no-repeat;
}
.schedule_info {
    padding-left: 50px;
    background: url(../images/icon_time.png) no-repeat;
}
.footer_links a {
    padding: 0px 10px;
}
.navigation_wrapper {
    
}
.header_wrapper .form-search {
    padding-top: 50px;
    float: right;
}
.header_wrapper .form-search label {
    font-weight: normal;
    font-family: "Geogrotesque Lg", "Arial";
    padding-right: 10px;
}
.header_wrapper .form-search input.search-query {
    border: none;
    border-bottom: 1px solid #777;
    background: none;
    outline: none;
}
/* NAVIGATION */
.ux-menu li {
    width: 12.5%;
}
.ux-menu li a {
    height: 50px;
    background: #5e778f;
    color: #FFF;
    font-family: "Geogrotesque Lg", "Arial";
    font-size: 16px !important;
    line-height: 100%;
    text-align: center !important;
    border: none;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

.ux-menu li a:hover {
    text-decoration: none;
    background: #3f5163;
}
.ux-menu a.current {
    background: #3f5163;
}
.ux-menu li li a {
    height: auto;
    border-bottom: none;
    padding: 15px 0px;
}
.ux-menu li ul {
    z-index: 1000;
    margin-top: -1px;
    
}
.ux-menu li ul li {
    width: 250px !important;
    background: #3f5163;
}

/* INTERNAL STYLING */
.internal_bg {
    background: url(../images/internal_bg.jpg) bottom repeat;
}
    .internal_banner img {
        width: 100%;
    }
.internal_menu {
    background: #386d90;
    padding: 20px 0px;
}
.internal_content {
    background: #FFF;
    padding: 30px;
}
.internal_menu .nav {
    margin-bottom: 40px;
}

.internal_menu ul.nav li a {
	color: #DDD;
    font-family: "Geogrotesque Rg", "Arial";
    font-size: 16px;
    padding: 10px 30px;
}
.internal_menu ul.nav li a:hover {
    background: #769eb9;
    color: #FFF;
}
.internal_menu ul.nav li.active, .internal_menu ul.nav li.current {
    background: #26506c;
    color: #FFF;
}
.internal_main_content {
    margin-top: 20px;
    margin-bottom: 20px;
}
.internal_content {
	margin-bottom: 20px;
}
.internal_content h2 {
    font-size: 36px;
    color: #67982c;
    font-family: "Geogrotesque SmBd", "Arial";
}
.page-header, .page-header h2, .page-header h2 a {
	margin-top: 0px;
    text-decoration: none;
    color: #67982c;
}
.internal_menu h3 {
	color: #FFF;
    margin-left: 30px;
    font-size: 24px;
    font-family: "Geogrotesque Md", "Arial";
}

/* SEARCH COM */
fieldset.phrases .phrases-box {
    margin-left: 30px;
}
fieldset.phrases legend {
    font-size: 16px !important;
    font-weight: bold;
}

.internal_content .breadcrumb {
    background-color:#FFF;
    border-radius:0px;
    list-style:none;
    margin-bottom:10px;
    padding:8px 15px 8px 0px;
    font-size: 12px;
}

table {
    margin: 20px 0px;
}
table th {
    border-bottom: 1px solid #EEE;
    padding-bottom: 15px;
    
    font-weight: 400;
    font-size: 16px;
}
table td, table td p {
    font-weight: 400;
    font-size: 14px;
    margin: 10px 0 5px;
}

table td p span {
    font-weight: 300;
    color: #c3c3c3;
    font-size: 14px;
    display: block;
    margin: 0 0 10px;
}
table td strong {
    font-weight: 800;
}


img.sigFreeImg {
    box-shadow: 0px 5px 5px #333;
    border: 4px solid #DDD;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    /*border-radius: 10px;*/
}
/* Handle */
::-webkit-scrollbar-thumb {
    /*border-radius: 10px;*/
    background: #a59e81; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(128,128,128,0.4); 
}

/* Large desktop */
@media (min-width: 1200px) { 
    
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
 
    .company_name {
        text-align: center;
    }
    .bottom_wrapper, .footer_links {
        text-align: center !important;
    }
    .renungan_harian h2 {
        font-size: 18px;
    }
    .renungan_harian p {
        font-size: 16px;
    }
    .ux-menu-container {
        display: none;
    }

}

/* Landscape phones and down */
@media (max-width: 480px) { 

}