.site-header {
    background-color: transparent;
    background-image: url('../images/bg-header.jpg');
}
.header-frame {
    background-color: transparent;
}
#site-navigation {
    border-top: 1px solid #5d3837;
    border-bottom: 1px solid #5d3837;
    border-left: 1px solid #5d3837;
    border-right: 1px solid #5d3837;
}
.main-navigation,
.sub-menu,
.main-navigation.toggled ul {
    background-color: transparent;
    background-repeat: repeat-x;
    background-size: contain;
    background-image: url('../images/bg-header.png');
}
.main-navigation a {
    font-family: Sanchez;
    line-height: 36px;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    font-size: 16px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}
.wf-loading .main-navigation a,
{
    opacity: 0;
}
.ie.wf-loading .main-navigation a,
{
    visibility: hidden;
}
h2.widget-title,
h2.widgettitle,
h3.module-title {
    font-family: Sanchez;
    text-align: center;
    line-height: 33px;
    font-weight: normal;
    font-style: normal;
    color: #f36d50;
    font-size: 28px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}
.wf-loading h2.widget-title,
h2.widgettitle,
h3.module-title,
{
    opacity: 0;
}
.ie.wf-loading h2.widget-title,
h2.widgettitle,
h3.module-title,
{
    visibility: hidden;
}
h1.entry-title,
h1.page-title,
h2.entry-title a,
h3.relater-title,
h3.comment-reply-title {
    font-family: Sanchez;
    text-align: center;
    line-height: 33px;
    font-weight: normal;
    font-style: normal;
    color: #f36d50;
    font-size: 28px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}
.wf-loading h1.entry-title,
h1.page-title,
h2.entry-title a,
h3.relater-title,
h3.comment-reply-title,
{
    opacity: 0;
}
.ie.wf-loading h1.entry-title,
h1.page-title,
h2.entry-title a,
h3.relater-title,
h3.comment-reply-title,
{
    visibility: hidden;
}
body,
button,
input,
select,
textarea,
site-content {
    font-family: "Open Sans";
    line-height: 20px;
    font-weight: 300;
    font-style: normal;
    color: #959595;
    font-size: 13px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}
.wf-loading body,
button,
input,
select,
textarea,
site-content,
{
    opacity: 0;
}
.ie.wf-loading body,
button,
input,
select,
textarea,
site-content,
{
    visibility: hidden;
}
.tombol,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}
.wf-loading .tombol,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
{
    opacity: 0;
}
.ie.wf-loading .tombol,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
{
    visibility: hidden;
}
.format-postvideo {
    background-color: #27A4DD;
}
.format-postaudio {
    background-color: #9DD5C0;
}
.format-postlink {
    background-color: #F39CC3;
}
.format-postimage {
    background-color: #F1646C;
}
.format-postquote {
    background-color: #FAC174;
}
.post-format {
    color: #fff;
}
.sidebar-footer h2.widget-title {
    font-family: Sanchez;
    text-align: center;
    line-height: 33px;
    font-weight: normal;
    font-style: normal;
    color: #f36d50;
    font-size: 28px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}
.wf-loading .sidebar-footer h2.widget-title,
{
    opacity: 0;
}
.ie.wf-loading .sidebar-footer h2.widget-title,
{
    visibility: hidden;
}
.sidebar-footer {
    font-family: "Open Sans";
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    color: #6f3101;
    font-size: 12px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}
.wf-loading .sidebar-footer,
{
    opacity: 0;
}
.ie.wf-loading .sidebar-footer,
{
    visibility: hidden;
}
.site-footer {
    background-color: transparent;
}
.frame-footer {
    background-color: transparent;
}
.site-footer {
    border-top: 0px solid #000000;
    border-bottom: 0px solid #000000;
    border-left: 0px solid #000000;
    border-right: 0px solid #000000;
}
.site-footer,
.site-info {
    font-family: "Open Sans";
    line-height: 15px;
    font-weight: 700;
    font-style: normal;
    color: #964c0e;
    font-size: 12px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}
.wf-loading .site-footer,
.site-info,
{
    opacity: 0;
}
.ie.wf-loading .site-footer,
.site-info,
{
    visibility: hidden;
}
#page {
    background-color: #471e00;
    background-image: url('../images/bg-web.png');
}
.breadcrumbs {
    font-family: "Open Sans";
    line-height: 12px;
    font-weight: normal;
    font-style: normal;
    color: #e19d87;
    font-size: 12px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}
.wf-loading .breadcrumbs,
{
    opacity: 0;
}
.ie.wf-loading .breadcrumbs,
{
    visibility: hidden;
}

        /*header 3*/
        
        @media only screen and (min-width: 768px) {
            #site-navigation,
            .site-branding {
                display: block;
                text-align: center;
            }
            .header-frame {
                padding: 0;
            }
            .main-navigation {
                margin-top: 0;
                padding: 10px;
            }
            .site-branding {
                margin: 3% auto;
            }
            .main-navigation ul,
            #primary-menu {
                text-align: center;
            }
        }


        .sidebar-footer a {
            color: #7e3701 !important;
        }
        
        .sidebar-footer a:hover {
            color: #ffffff !important;
        }
        
        #ScrollToTop i {
            color: #333333;
            font-size: 40px;
        }
        /*Breadcrumb*/
        
        .breadcrumbs li a {
            color: #e36c0a;
        }
        
        .breadcrumbs li a:hover {
            color: #e19d87;
        }
        /*Konten*/
        
        .sidebar-footer,
        .except-home {
            background-color: #1b0c07;
        }
        
        .sidebar-footer,
        .header-frame,
        .site-content,
        .site-info,
        .frame-footer,
        .frame-content {
            max-width: 940px;
        }
        
        a,
        a:visited,
        .entry-content a,
        .entry-content a:link,
        .entry-content a:visited {
            color: #f36d50;
        }
        
        a:hover,
        .content-area a:hover,
        .entry-content a:hover {
            color: #ffffff;
        }
        
        #page button,
        #page input[type="button"],
        #page input[type="reset"],
        #page input[type="submit"],
        #page tombol,
        #page a.tombol,
        #page a.tombol:link,
        #page a.tombol:visited {
            background-color: #f36d50;
            color: ;
        }
        
        #page button:hover,
        #page input[type="button"]:hover,
        #page input[type="reset"]:hover,
        #page input[type="submit"]:hover,
        #page tombol:hover,
        #page a.tombol:hover {
            background-color: #bcbcbc;
        }
        /*Navigasi*/
        
        .main-navigation ul.menu > li:hover > a,
        .main-navigation ul.menu > li.focus > a,
        .main-navigation ul.menu > li.current-page-item > a,
        .main-navigation ul.menu > li.current-menu-item > a {
            background-color: #8e0222;
        }
        
        .main-navigation a {
            color: #ffffff;
        }
        
        .nav-content {
            background-color: #333333;
        }
        
        .nav-menu > .menu-item {
            background-color: #000000;
        }
        
        .nav-menu > .menu-item:hover {
            background-color: #444444;
        }
        
        .nav-menu ul.sub-menu {
            background-color: #333333;
        }
        /*archive*/
        
        @media only screen and (min-width: 768px) {
            .archive article {
                width: 31%;
                min-height: 300px;
            }
        }
        
        .archive article .entry-header .article-title a {
            font-family: Sanchez;
            color: #f36d50 !important;
            font-weight: normal;
        }
        
        .archive article .entry-header .article-title a:hover {
            color: #fff !important;
        }
        
        .thumbnail-archive .post-format {
            width: 100%;
        }
        
        .thumbnail-archive .post-format {
            height: px;
            background-size: cover;
        }
        /*sidebar*/
        
        .site-footer a {
            color: #964c0e
        }
        
        .site-footer a:hover {
            color: #ffffff
        }


        @media only screen and (min-width: 768px) {
            #pertama .widget,
            #kedua .widget {
                padding: 0 0 0 20px;
            }
        }


#header {
    margin: 0 auto;
}

.main-navigation {
    -webkit-box-shadow: 0px -5px 21px 5px #3F1B01;
    -moz-box-shadow: 0px -5px 21px 5px #3F1B01;
    -ms-box-shadow: 0px -5px 21px 5px #3F1B01;
    -o-box-shadow: 0px -5px 21px 5px #3F1B01;
    box-shadow: 0px -5px 21px 5px #3F1B01;
}

.site-header {
    -webkit-box-shadow: 0 -5px 27px 5px #381700 inset;
    -moz-box-shadow: 0 -5px 27px 5px #381700 inset;
    -ms-box-shadow: 0 -5px 27px 5px #381700 inset;
    -o-box-shadow: 0 -5px 27px 5px #381700 inset;
    box-shadow: 0 -5px 27px 5px #381700 inset;
}

.except-home,
.sidebar-footer {
    -webkit-box-shadow: 0 0 9px 1px #1B0C07;
    -moz-box-shadow: 0 0 9px 1px #1B0C07;
    -ms-box-shadow: 0 0 9px 1px #1B0C07;
    -o-box-shadow: 0 0 9px 1px #1B0C07;
    box-shadow: 0 0 9px 1px #1B0C07;
}