/*
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: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 2;
    background: #fff url("../../uploads/bgbody.jpg") bottom center;
}

#page {
    background: transparent;
}

.header-bottom .container {
    position: relative;
}

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

h1, h2 {
    color: #000000;
    padding: 20px 0;
    margin: 0px 0;
    font-weight: 700;
}

p {
    line-height: 30px;
}

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

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

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

.widget .widget-title {
    text-align: center;
    font-weight: 600;
    /* padding: 10px 0; */
    /* color: #b2b2b2; */
}

a:focus, a:hover {
    text-decoration: none !important;
    /* text-shadow: 0px 1px 2px #ffef9f; */
}

.entry-content a {
    color: #000;
}

.entry-content a:hover {
    color: #d2a400;
}

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

.header-bottom {
    background: #fff;
}

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

.headroom--not-top .logo-container img {
    margin-top: -100px;
    transition: all cubic-bezier(0, 0, 0.2, 1) 1s;
}

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

/* -----------navigation style---------- */
.menu {
    background: #252525;
}

#site-navigation {
    border-top: 0;
    background: #000;
}
.navigation-default .menu-primary > ul > li
{
    padding:0 20px;
}
.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: 6px 25px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}

/* ----------footer style-------------- */
.site-footer {
    background: #111111;
    text-align: center;
    padding: 10px 0;
    border-bottom: 10px solid #ffc907;
}

.site-info, .site-info a {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.widget {
    margin: 0 auto;
}

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

.footer-menu {
    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: 18px;
    font-weight: 600;
}

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

/* ----------other style----------- */
.banner > .panel-grid-cell {
    background: rgba(246, 215, 49, 0.6);
    padding: 20px;
}

.banner {
    padding: 100px 0;
}

.banner , .banner h1 , .banner h2 , .banner h3 {
    color: #000 !important;
    text-shadow: 2px 0px 2px #a08722;
}

.banner h1 {
    text-transform: uppercase;
}

.banner .decoration {
    display: none;
}

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

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

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

.caldera-grid .form-control {
    border: 4px solid #000 !important;
    color: #000 !important;
    background: #f6d731 !important;
    padding: 19px 20px !important;
}

.submit {
    display: block !IMPORTANT;
    margin: 0 auto !IMPORTANT;
    background-color: #000 !important;
    color: #f6d731 !important;
    width: 200px;
    font-weight: 600 !important;
}

.submit:hover {
    background-color: #696767 !important;
}

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

.homebox .so-widget-sow-image {
    position: relative;
    border: 1px solid #ffffff;
}

.homebox .widget-title {
    font-size: 18px;
    position: absolute;
    text-align: center;
    display: block;
    top: 0;
    background: #ffc907;
    color: #000;
    width: 100%;
    transition: all .2s;
    font-weight: 700;
    padding: 10px;
    max-width: 285px;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
}

.homebox .so-widget-sow-image:hover .widget-title {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    margin: 0px auto;
}

.homedot .textwidget {
    margin-left: 40px;
}

.homedot h3 {
    position: relative;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

.homedot h3:before {
    content: "";
    display: inline-block;
    background: #ffc907;
    width: 25px;
    25px: 20px position: absolute;
    height: 25px;
    left: -39px;
    border-radius: 50%;
    position: absolute;
}
.ow-button-base a
{
    font-weight: 700;
}
/* ---------------media query------------- */
.mobile-navigation {
    background: rgba(0, 0, 0, 0.79);
}

.mobile-navigation .nav-header {
    background: #000000;
    border-bottom: 4px solid #fbd300;
}

@media (min-width: 992px) and (max-width:1199px) {
}

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

    .homebox .widget-title {
        /* margin: 12px auto; */
    }
        .navigation-default .menu-primary > ul > li, .navigation-default .menu-primary > ul > li > a, .navigation-default .primary-menu > ul > li > a
    {
        padding:0 5px;
    }
}

@media screen and (max-width: 767px) {
    .header-bottom-left-section, .header-bottom-right-section, .site-identity-container, .logo-container, .site-branding {
        width: 85%;
    }



    .homebox img {
        margin: 0 auto;
        width: 100%;
    }

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

    .icon {
        display: block !important;
    }

    .icon > .panel-grid-cell {
        width: 50% !important;
        display: inline-block;
    }

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

    .header-action-container .navigation-togglers-wrapper {
        background: #f6d731;
        padding: 10px;
        margin: 0 10px;
        display: block;
        position: fixed;
        top: 16px;
        Z-INDEX: 9990;
        right: 0;
        border: 1px solid #000;
    }

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

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