/* Custom Styles */

body, #page-content-title .title-description { font-family:'Arial'; font-weight: normal; font-style: normal; }

body { font-size:12px; line-height:1.7; }

h1, h2, h3, h4, h5, h6, #slogan { font-family:'Tahoma'; }

h1, h2, h3, h4, h5, h6 { line-height:1.2; font-weight: normal; font-style: normal; }



#top-elements { height:110px; }

#logo h1 a, #logo .site-name a { background:transparent url( https://www.nowgeneration.com.au/wp-content/uploads/2017/03/logo02.png ) no-repeat 0 100%; width:238px; height:44px; }       


#slogan { 

    top:40px;

    left:0px;

}

#slogan { font-size:17px; }

#navigation-menu { font-family:'Arial'; font-weight: normal; font-style: normal; font-size:14px; }

#navigation-menu > ul.sf-menu { margin-top:0; }



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; }













#c2-slider .slide-desc h2, #c2-slider .slide-desc { color:#333333; }

#c2-slider .slide-desc h2 { font-size:1.8em !important; font-family:'Arial'; 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 h1 a, #logo .site-name a { background:transparent url( https://www.nowgeneration.com.au/wp-content/uploads/2017/03/logo02.png ) no-repeat 0 100%; height:150px; }



        #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) {


        #c2-slider .slide-desc h2 { font-size:1.7em !important; line-height:1.6; }


    }





@media screen and (min-width: 720px) {

    .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: 99999;

        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: 1170px;

            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%; }

    }