/* Custom Styles */
body, #page-content-title .title-description { font-family:'Roboto'; font-weight: normal; font-style: normal; }
body { font-size:18px; line-height:1.8; }
h1, h2, h3, h4, h5, h6, #slogan { font-family:'Arial'; }
h1, h2, h3, h4, h5, h6 { line-height:1.2; font-weight: normal; font-style: normal; }

#top-elements { height:140px; }
    #logo h1 a, #logo .site-name a { background-image: url('https://lumichron.com/wp-content/uploads/2019/03/LumichronLogo800px-min.png'); background-size: 400px 130px; background-repeat: no-repeat; display: block; width: 400px; height: 130px; }
#logo { top: 6px; }
#slogan { 
    top:80px;
    left:0px;
}
#slogan { font-size:16px; }
#navigation-menu { font-family:'Arial'; font-weight: normal; font-style: normal; font-size:18px; }
#navigation-menu > ul.sf-menu { margin-top:-130px; }
h1 {font-size:1.833em; }
h2 {font-size:1.667em; }
h3 {font-size:1.5em; }
h4 {font-size:1.333em; }
h5 {font-size:1.25em; }
h6 {font-size:1.083em; }

#page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3 {font-size:1.667em;}
.post-top h1, .post-top h2, .post-top h3 { font-size:1.9em; }
#sidebarSubnav h3, h3.bottom-col-title {font-size:1.21em; }
.portfolio-items-wrapper h2 {font-size:1.333em; }
h2.portfolio-single-column {font-size:1.667em; }

    h1 { font-family:'Arial'; font-weight: normal; font-style: normal; font-size:2.50em; line-height:1.2; }
    #page-content-title #page-title h1 { font-size:2.25em; }
    .post-top h1 { font-size:2.5675em; }
    h3 { font-family:'Arial'; font-weight: normal; font-style: normal; font-size:1.25em; line-height:1.2; }
    #page-content-title #page-title h3 { font-size:1.125em; }
    .post-top h3 { font-size:1.5875em; }
    #sidebarSubnav h3, h3.bottom-col-title {font-size:1.0125em; }
    h4 { font-family:'Arial'; font-weight: normal; font-style: normal; font-size:1.35em; line-height:1.2; }

#c2-slider .slide-desc h2, #c2-slider .slide-desc { color:#333333; }
#c2-slider .slide-desc h2 { font-size:1.8em !important; font-family:'Roboto'; line-height:1.7; }
#c2-slider .slide-desc p, #c2-slider .slide-desc ul { font-size:1.2em; line-height:1.7; }
#c3-slider .sliding-text { color:#FFFFFF; font-size:1.2em; line-height:1.7; }


    #navigation-menu > ul.sf-menu { float:right; }
    
/* secondary nav bar items' alignments */
#sec-nav-text-area-1 { text-align: left; }
#sec-nav-text-area-2 { text-align: right; }
#sec-nav-menu-area { text-align: center; }
    

    @media screen and (max-width: 719px) {
        #logo { top: 6px; }
        #logo h1 a, #logo .site-name a { background:transparent url( https://lumichron.com/wp-content/uploads/2019/03/LumichronLogo800px-min.png ) no-repeat 0 100%; height:150px; }
#secondary-navigation-bar-wrapper { display:none; }#c1-header, #c2-header, #c3-header, #rev-slider-header { display:none; }        #wrapper-1, #top-wrapper, #c1-header, #c2-header, #c3-header, #rev-slider-header, #page-content-title, #home-page-content, #page-content, .no_title_section #page-content, #before-content, #bottom-bg, #footer-bg { background-image:none; }
    }
    @media screen and (max-width: 959px) {
        #c2-slider .slide-desc p, #c2-slider .slide-desc ul  { font-size:1.1em; line-height:1.6; }
        ul#c2-slider li ul li { font-size:0.8em; }
    }
    @media screen and (max-width: 480px) {
        #c2-slider .slide-desc h2 { font-size:1.4em !important; line-height:1.5; }
    }
    @media screen and (min-width: 720px) and (max-width: 959px) {
        .mean-container #logo {
            left: 0;
            margin-left: 0;
            padding-left: 20px;
            position: relative;
            width: 700px;
        }
        .mean-container #logo h1 a, .mean-container #logo .site-name a {
            width: 700px;
            max-width: 700px;
            background-position: 50% 60%;
            background-size: inherit;
        }
            .mean-container #logo {
                top: 10px;
                width: 100%;
                padding-left: 0;
            }
            .mean-container #logo h1 a, .mean-container #logo .site-name a {
                width: 400px;
                max-width: 400px;
                background-position: 50% 60%;
                background-size: 400px 130px;
                margin: auto;
            }
    
        #top-elements { min-height:130px; }
        #c2-slider .slide-desc h2 { font-size:1.7em !important; line-height:1.6; }
    }

@media screen and (min-width: 720px) and (max-width: 959px) {
    #sticky-menu-alias, #sticky-menu-logo { display: none !important; } }
@media screen and (min-width: 960px) {
    .u-design-fixed-menu-on.fixed-menu #top-elements,
    .u-design-fixed-menu-on.fixed-menu #secondary-navigation-bar-wrapper {
        display: none;
        height: 0;
        margin: 0;
        padding: 0;
    }
    .u-design-fixed-menu-on.fixed-menu #top-wrapper {
        background-color:#FBFBFB;
        position: fixed;
        display: block;
        width: 100%;
        z-index: 9500;
        opacity: 0.90;
    }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu ul.sf-menu { margin-top: 0; }
    #sticky-menu-alias, #sticky-menu-logo { display: none; }
    
    .u-design-fixed-menu-on.fixed-menu #navigation-menu #sticky-menu-logo {
        display:inline-block;
        float:left;
        height: 40px;
        padding-left: 20px;
    }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu #sticky-menu-logo img { height: inherit; }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu { background-color: transparent; }
        .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu {
          margin-left: 0;
          margin-right: 0;
        }
}
    
    @media screen and (min-width: 960px) {
        /* Set the Container widths first */
        .container_24 {
            max-width: 1260px;
            width: auto;
        }
        /* Sidebar */
        #main-content.grid_16 { width: 67%; }
        #sidebar.grid_8 { width: 33%; }
        #sidebar.push_8, #main-content.push_8 { left: 33%; }
        #main-content.pull_16, #sidebar.pull_16 { right: 67%; }
    }
    
    /* BEGIN: STICKY FOOTER CSS */
    html, body { height: 100%; }
    #wrapper-1 { min-height: 100%; }
    #wrapper-1 { background-color: inherit;}
    .push {
        overflow:auto;
        padding-bottom: 44px; 
    }
    #footer-bg {
        position: relative;
        margin-top: -44px; /* negative value of footer height */
        height: 44px;
        clear:both;
    }
    /* Opera Fix */
    body:before {
        content:"";
        height:100%;
        float:left;
        width:0;
        margin-top:-32767px;
    }
    /* END: STICKY FOOTER CSS */