/*
Theme Name: SNS-suffice
Theme URI: https://www.sitesnstores.com.au/
Template: suffice
Author: SNS-suffice
Author URI: https://www.sitesnstores.com.au/
Description: SNS is a highly flexible multipurpose WordPress theme that is beautifully crafted with the great attention to details. This theme is not just stunning by its clean and sleek design but is equally powerful by its galore of awe-inspiring features. Integration to SiteOrigin page builder and SNS Toolkit plugin makes it one of the most customizable and easy to use themes. In addition, it is completely compliant with WooCommerce and uses the best SEO practices for top-notch performance of your website. This theme also offers you a wide range of unique demos from which you can choose any to create your own cutting edge website. Also, SNS features versatile header styles, advanced color options, multiple widget areas and premium widgets. Hence, with this simple drag and drop theme, you can easily have your site up and running in no time.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-colors,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,e-commerce,portfolio
Version: 1.1.0.1517783127
Updated: 2018-02-05 09:25:27

*/
html {
    margin: 0 auto;
    padding: 0 0;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 2;
}

.header-bottom {
        background: #000 url(../../uploads/footerbg.jpg);
    padding: 10px 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
}

h1, h2, h3 {
    padding: 20px 0;
    margin: 0px 0;
    font-weight: 600;
    line-height: 1.4;
}

p {
    line-height: 30px;
}

.content-area {
    min-height: 700px;
}

hr {
    border-top: 3px solid ;
    margin: 0 43%;
}

.banner > .panel-grid-cell {
    background: rgba(255, 255, 255, 0.44);
    padding: 0 10px 10px 10px;
}

.banner h1 {
    color: #004c01;
}

.banner {
    padding: 100px 0;
}

.banner , .banner h2 , .banner h3 , .banner h4 {
    color: #fff !important;
    text-shadow: 2px 0px 2px #fff;
}

.banner a {
    text-shadow: none;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
}
.banner .decoration
{
    display: none;
}

.entry-header, .entry-footer {
    display: none;
}

.widget .widget-title {
    font-weight: 600;
    padding: 10px 0;
}

a:focus, a:hover {
    text-decoration: none !important;
    color: #4a3f04;
}

/* ---------------header styling--------- */
.site-identity-container {
    padding: 0 0;
    /* width: 100%; */
}

.site-branding .site-title {
    display: none;
}

.site-identity-container {
    display: inline-block;
}

.site-branding {
    float: left;
    padding-left: 0;
}

.site-description {
    font-family: 'Roboto Slab', serif;
    color: #fff;
    font-size: 21px;
    font-style: italic;
    text-align: center;
    font-weight: 600;
}

.header-area {
    text-align: right;
}

.headroom--not-top #site-navigation {
    transition: all ease-out 1s;
    margin-top: 9px;
}

.headroom--not-top .navigation-default .menu-primary > ul > li > a, .navigation-default .primary-menu > ul > li > a {
    padding: 10px 10px;
}

.headroom--not-top .navigation-default .menu-primary > ul > li:last-child > a:before {
    top: 16px;
}

.headroom--not-top .logo-container img {
    max-width: 60%;
    transition: all cubic-bezier(0, 0, 0.2, 1) 1s;
}

.headroom--not-top .site-branding {
    transition: all cubic-bezier(0, 0, 0.2, 1) 1s;
    margin-top: -200px;
    opacity: 0;
}

.headroom--not-top .header-action-container {
    padding-top: 5px;
}

/* -----------navigation style---------- */
#site-navigation {
    margin-top: 50px;
}

.navigation-default .menu-primary > ul > li > a::before, .navigation-default .primary-menu > ul > li > a::before {
    top: inherit;
    bottom: 0;
    height: 5px;
}

.navigation-default .menu-primary > ul > li > a, .navigation-default .primary-menu > ul > li > a {
    font-size: 18px;
    padding: 10px 20px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    text-transform: capitalize;
    font-weight: 600;
}
.sub-menu li:hover a, .sub-menu li a:hover
{
    color: #004c01 !important;
    border-bottom: 1px solid #85e785;
}
/* ----------footer style-------------- */
.site-footer {
    background: #000 url("../../uploads/footerbg.jpg");
    background-size: cover;
    text-align: center;
    padding: 20px 0;
}

.site-info, .site-info a {
    font-size: 12px;
    color: #fff;
}

.widget {
    margin: 0 auto;
}

.footer-navigation ul li {
    display: inline-block;
    padding: 0 10px;
}

.footer-menu {
    margin: 0;
    padding: 0;
}

.footer-navigation ul li span, .footer-navigation ul li a, .footer-navigation ul li span a, .footer-bottom .site-info, .footer-bottom .site-info a {
    color: #fff;
    font-size: 15px;
}

.footer-navigation ul li a:hover {
    color: #5cf75e;
}

/* ----------other style----------- */
.welcome {
    text-transform: uppercase;
}

.welcome h3 {
    padding: 6px 0;
    font-size: 20px;
    font-weight: 600;
}

.homerow {
    font-size: 18px;
}

.homerow .panel-grid-cell {
    position: relative;
}

.homerow .panel-grid-cell:before {
    content: " ";
    background: #fff;
    width: 1px;
    height: 70px;
    position: absolute;
    top: 32px;
    right: 0;
}

.homerow .panel-grid-cell:last-child:before {
    display: none;
}

.homerow .panel-grid-cell:first-child:before {
    display: none;
}

.btnborder {
    border: 2px solid #fff !Important;
    background: transparent !important;
    padding: 12px 30px !important;
    font-weight: 600;
    transition: all .5s;
}

.btnborder:hover {
    border: 2px solid #5cf75e !Important;
    background: #5cf75e !important;
}

.more {
    padding-left: 0 !important;
    transition: all 0.2s;
}

.more:hover {
    padding-left: 10px !important;
}

.darkrow, .darkrow p, .darkrow a, .darkrow h1, .darkrow h2, .darkrow h3, .darkrow h4, .darkrow h5, .darkrow h6 {
    color: #fff !important;
}

.darkrow h3 {
    text-transform: uppercase;
}

.footer-widgets {
    padding: 10px 0;
}

.caldera-grid .submit {
    margin: 0 auto !important;
    display: block !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 20px;
}

.caldera-grid .form-control {
    height: 40px !important;
    margin: 0 auto !important;
    display: block !important;
    border-radius: 10px !important;
}

.dottedborder {
    border-top: 2px dotted #004c01;
    border-bottom: 2px dotted #004c01;
    padding: 30px 0;
}

.homebox .so-widget-sow-image {
    position: relative;
    margin-bottom: 50px;
}

.homebox .widget-title {
    margin: 20px 0 0 0;
    font-size: 18px;
    position: absolute;
    bottom: -44px;
    display: block;
    width: 100%;
    text-transform: uppercase;
    transition: all .5s;
    background: #004c01;
    color: #fff;
    max-width: 358px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.homebox .so-widget-sow-image:hover .widget-title {
    bottom: 0;
    /* background: rgba(0, 0, 0, 0.6); */
    color: #fff;
}

.homebox .so-panel {
    margin-bottom: 0 !important;
}
blockquote
{
    border: 0;
    margin:0;
    position:relative;
    /* text-align: center; */
    margin-bottom: 30px;
}
blockquote:before
{
    content: "\f10d ";
    font-family: FontAwesome;
    padding: 0 0 0 10px;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    display:inline-block;
    position: absolute;
    left: 0;
    font-size: 37px;
    top: 0;
    color: #004c01;
}
blockquote:after
{
    content: "\f10e ";
    font-family: FontAwesome;
    padding: 0 0 0 10px;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    display:inline-block;
    position: absolute;
    right: 0;
    bottom : 0;
    font-size: 37px;
    color: #004c01;
}
blockquote p{
    margin:10px 40px;
}
/* ---------------media query------------- */
.mobile-navigation {
    background: rgba(0, 0, 0, 0.79);
}

.mobile-navigation .nav-header {
    background: #5cf75e;
}

@media (max-width: 1200px) {
    .navigation-default .menu-primary > ul > li > a, .navigation-default .primary-menu > ul > li > a {
        text-transform:capitalize;
        font-size: 12px;
        padding: 30px 4px;
    }

    .navigation-default .menu-primary > ul > li:last-child > a:before {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .home h1{
        font-size: 35px;
    }
    .banner {
        padding: 20px 0;
    }

    .header-bottom-left-section, .header-bottom-right-section, .site-identity-container, .logo-container, .site-branding {
        float: none !important;
        width: 100%;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .navigation-default .menu-primary > ul > li > a, .navigation-default .primary-menu > ul > li > a {
        text-transform: capitalize;
        font-size: 15px;
        padding: 30px 10px;
    }
}

@media screen and (max-width: 767px) {
    .home h1{
        font-size: 25px;
    }
    .header-bottom-left-section, .header-bottom-right-section, .site-identity-container, .logo-container, .site-branding {
        float: none !important;
        width: 100%;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    .home h3, .home p
    {
        text-align: center !important;
    }
    .homerow .panel-grid-cell:before
    {
        display: none;
    }

    .home .textwidget, .home .widget-title {
        text-align: center;
    }

    .header-area {
        text-align: center;
        padding: 10px 0;
    }

    .so-widget-sow-image-default-813df796d9b1 .sow-image-container .so-widget-image {
        margin: 0 auto;
    }

    .content-area {
        min-height: 300px;
    }

    .navigation-header-action {
        display: none !important;
    }

    .header-action-container {
        padding-top: 0;
    }

    .header-action-container .navigation-togglers-wrapper {
        background: #5cf75e;
        padding: 10px;
        margin: 0 10px;
        display: block;
        position: absolute;
        top: 0;
        Z-INDEX: 9990;
        right: 0;
    }

    .footer-navigation ul li {
        display: block;
    }

    .ow-button-align-left, .ow-button-align-right {
        text-align: center !important;
    }
}

.swpm-join-us-link {
    display: none;
}