/*
Theme Name:     LBOFlatsomeChild
Description:    Child of Flatsome Theme
Author:         LBO
Template:       flatsome

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* DroidSans */
@font-face {
    font-family: DroidSans;
    src: url('./fonts/droidsans-webfont.woff') format('woff'),
         url('./fonts/droidsans-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;}
/* DroidSans-Bold */
@font-face {
    font-family: DroidSans;
    src: url('./fonts/droidsans-bold-webfont.woff') format('woff'),
         url('./fonts/droidsans-bold-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;}
    
/* KBPlanetEarth */
@font-face {
    font-family: KBPlanetEarth;
    src: url('./fonts/KBPlanetEarth.ttf');
    font-weight: normal;
    font-style: normal;}
/* MoonFlower */
@font-face {
    font-family: MoonFlower;
    src: url('./fonts/moon_flower-webfont.woff') format('woff'),
         url('./fonts/moon_flower-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;}
/* MoonFlowerBold */
@font-face {
    font-family: MoonFlower;
    src: url('./fonts/moonflowerbold-webfont.woff') format('woff'),
        url('./fonts/moonflowerbold-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;}
    

.about_banner, .wme_slider{
 position:relative;
 background:gray;
 text-overflow:initial;}

div div .about_banner .about_droid, div div .home_slider .about_droid{
 position:relative;
 top:21px;
 font-family:DroidSans;
 font-weight:bold;
 color:white;
 font-size:2.7em;
 text-shadow: 5px 2px 6px #555555;}

div div .about_banner .about_moon, div div .home_slider .about_moon{
 font-family:MoonFlower;
 font-weight:bold;
 color:white;
 font-size:4em;
 text-shadow: 5px 2px 6px #555555;}

div div .home_slider .about_moon{letter-spacing: .1em;}

.about_banner ~ a.button{
 position:relative;
 top: 140px;
 left: 75%;
 background-color:#99ca46;
 padding-right:3%;
 padding-left:3%;
 font-size:.9em;
 font-family:DroidSans;
 font-weight:bold;}

.home_slider ~ a.button{
 position:relative;
 /*left:45%;
 top: -140px;
 padding:3% 5% 3% 5%;*/
 background-color:#99ca46;
 font-size:.9em;
 font-family:DroidSans;
 font-weight:bold;}

#home_slider_text{
 top: -140px;
 left: -25%;}

#about_slider_text{
 top:-15px;}

.product-small.box .box-image {
  margin: 5px;
}

.blog-header-wrapper {
  display: block;
}

.post.pingback {
  display: none;
}

div div div .banner_grid_text{
 color:black;
 opacity:1;
 font-size:2.5em;
 font-family:DroidSans;
 letter-spacing: .06em;}

.banner_grid_text_container{
 background: rgb(200, 200, 200);
 background: rgba(200, 200, 200, 0.4);
 padding: 10px 0 10px 0;
 width:100%;
 top: 30px;
 position: absolute;}

.banner-layers.container {
  max-width: none;
}

.section-title-main {
 font-family:DroidSans;
 color:#8e8f92;
 letter-spacing: .06em;
 font-size:1.2em;}


.icon_content_box img{
 width: 50px;
 display:block;
 margin: 15px 0 15px 0;
 margin-left:auto;
 margin-right:auto;}

.icon_content_box{text-align:center;}

.icon_content_box h3{color:#99ca46;}

.post-title.is-large {
 font-family: Moonflower;
 color: #ffffff;
 font-size:2.5em;
 letter-spacing: 1px;
 text-transform: uppercase;}

.from_the_blog_excerpt {
  display: none;
}

.archive .from_the_blog_excerpt {
  display: block;
}

.from_the_blog_comments {
  display: none;
}

.entry-category.is-xsmall {
  display: none;
}

.archive .post-title.is-large {
 font-family: Moonflower;
 color: #0D267A !important;
 font-size:2.5em;
 letter-spacing: 1px;
 text-transform: uppercase;
}

.box.box-text-bottom.box-blog-post.has-hover .box-text.text-center {
background: #99ca46;
min-height: 175px;
}

.box-blog-post .is-divider {
display: none;
}

div a p.from_the_blog_excerpt.small-font.show-next{color:white;}

.message-box.dark{
 background-color:#0D267A !important;
 font-family:DroidSans;
 padding: 0 0 0 0;
 margin: 0 0 0px 0;
 }

body div#wrapper div.message-box.dark div div div p{color:white;}

body div#wrapper div.message-box.dark form div{min-width: 320px;}

body div#wrapper div.message-box.dark div div div.inner p a{
 background-color:#99ca46 !important;
 border-width:0px !important;
 padding:10px 0px 10px 0px;}

.message-box.dark .large-12.columns {
  padding-bottom: 0px;
}

/*Footer*/
div.large-12.columns div.right{min-width:380px;}

/* Remove
#social_follow{min-width:280px;}
*/


.footer-right #icons{
 position: relative;
 top:-25px;
text-align: right;
}

/* Add this */ 
#footer-badges {
    width:100% !important;
    margin-top:-175px !important;
    margin-bottom:0px !important;
    text-align:center !important;
    display:flex !important;
    }
    
/* Add this */ 
#footer-badges img.nnz-badge {
    margin:0 !important;
    padding:0 !important;
}

/* Add this */ 
#footer-badges img.kids-blog {
    margin:58px 0 0 0 !important;
    padding:0 !important;
}

/* Add this */ 
.footer-right h3#icons_title,
.footer-right img.fimg {
    margin-top:10px !important;
}

/* Add this */ 
.footer-widgets.footer.footer-2 { display:flex; flex-direction: column;}
#block_widget-3 {order: 1 !important;}
#nav_menu-4 {order: 2 !important; }

#contact_us {
    position: absolute;
    top: 0;
    right: 258px;
}

/* Remove this section
.absolute-footer {
    padding: 15px 20px 0px;
   color: #fff;
}
.absolute-footer ul {
    margin: 3px 0 6px;
    float: right;
}
.absolute-footer ul {
    border-bottom: none !important;
}

.absolute-footer .large-12.columns {
  padding-bottom: 0px;
}

.absolute-footer ul li a {
  color: #fff;
}

.absolute-footer h3 {
color: #fff;
}
*/

/* Add this */ 
.footer-widgets{
    padding-top:0;
}

/* Add this */ 
.widget {
    margin-top:0;
    margin-bottom:0;
}

/* Add this */ 
.menu-item-object-page,
.footer-widgets {
    border:none !important;
}




/* Remove .footer-2 below and replace with .footer-2 beneath it
.footer-2 {
    background-color: #0d267a !important;
    padding: 0px;
}
*/

.footer-widgets.footer-2 {
    margin-top:-30px !important;
}

#mailerlite_widget-9 {
  margin-bottom: 0px;
}





div.large-12.columns{min-width:280px;}

/* Remove 
footer div.absolute-footer.dark{height: auto;}
*/

/* ADD color:#fff  */
h3#icons_title{
     text-align: right;
 font-size: 2.1em;
 font-family:MoonFlower;
    margin-right: 5px;
        margin-bottom: 0;
        color:#fff;
}

ul.header-nav a.nav-top-link{
 color:#535e91;
 font-family:DroidSans;
 opacity:1;
}

.nav-dark .nav>li>a {
 display: none;
}

.header-account-title {
  display: none;
}

div div div div h1.entry-title{
 font-family:KBPlanetEarth;
 color: #99ca46;
 font-weight:normal;}

div div div div h4.product-breadcrumb.breadcrumb{display:none;}

div div div div div.row div.product-page-aside.large-2.small-12.columns.text-center.hide-for-small{display:none !important;}

div.product-info.large-4.small-12.columns.left div.tx-div.small{display:none;}

div.large-9.columns.right ul.products.small-block-grid-2.large-block-grid-3{ padding-top:40px;}

div.entry-content div#cform{
min-width:480px;
position:relative;
margin-bottom:30px;
padding-right:35px;
padding-left:40px;
float:left;}

div.entry-content div#contact{
min-width:480px;
max-width:50%;
position:relative;
float:left;
margin-bottom:100px;
padding-left:35px;
padding-left:40px;
}

.ccf-form-wrapper{
padding-left: 40px;
padding-right: 35px;
    margin: 0px 0;
}

/* Added for Contact Form 7 check box */
.wpcf7-form-control-wrap.privacy-policy input[type='checkbox']  {
        display:block;
        float:left;
        margin-bottom:30px !important;
}

.wpcf7-list-item-label {display:inline;
            position:relative;
            line-height:18px;
            top:-2px;
}

.bord-right{
    border-right-style: solid;
    border-right-width: 1px;
}

div#content.large-12.columns div#comments{float:none;clear:left;}

div.large-4.columns{padding-right:25px;}

div.message-box div.inner{padding:25px 0px 0px 0px;}

form#searchform div.large-2.small-2.columns button.button.secondary{
background-color:#96c948;
border-color:#96c948;}

div div.left h3.category-title-breadcrumb.breadcrumb{display:none;}


.box.box-text-bottom.box-blog-post.has-hover .box-text.text-center {
    min-height: 180px !important;
}

.home .main-pages-section .text.box-shadow-1.dark .text-inner {
      padding: 0px 0px !important;
}

.home .main-pages-section .text.box-shadow-1.dark .text-inner .banner h4 {
    margin: 0px 0px !important;
}

.home .page-header-excerpt {
  display: none;
}

div.copyright-footer{opacity:1;padding-top: 6px;}



div#logo.logo-left a img.header_logo{
 max-height:none;
 max-width: 302px;}

.sidebar-inner .widget_product_categories li ul.children{display:block;}

div div div.large-4.columns {
    padding-left: 15px;
    padding-right: 15px;
}

/* header.page-header{display:none;} */

div.large-3.columns.left{display:block;}




div#content div.page-inner{padding-left:40px;}

h3 a.qa-faq-anchor{color: #293275}

div.qa-faq-answer ul{position: relative;left: 20px;}

input.btn.btn-primary.ccf-submit-button{background-color: #99ca46;}

#archive_img{width:100%;height:400px;}

div ul.header-nav a.nav-top-link:hover{color:#98c945;}

li div.inner{width:95%;}

.mud-kitchen-tc li {
  margin-bottom: 0px;
}

article header.entry-header.text-center div.entry-meta{}

article header.entry-header.text-center h1.entry-title{display:block;font-family:KBPlanetEarth;color: #99ca46;font-weight:normal;}

#custom_page_heading{font-family:KBPlanetEarth;color: #99ca46;font-weight:normal;margin-top: 22px;}

#flickity-viewport{width:100%;height:auto;}

.flickity-enabled.is-draggable {
    margin-top: 25px;
}

article div.entry-content div.row{width:90%;margin:0 auto;padding: 0 10% 0 10%;}
article div.entry-content .cross-sells > .row{
    width:100%;margin:0 auto;padding: 0;
}

qa-home{padding: 0 10% 0 10%;}

.from_the_blog_title{margin-bottom:0;}

div.ux-box .ux-box-text {padding-top: 10px;}

div.columns div.left-text.left{position:relative;}

div.html-block-inner{position:relative;top:5px;}

span.sku_wrapper{display:none;}

div.entry-content h4{font-family:MoonFlower; font-weight:bold;font-size:2em;}

body.woocommerce-page div#main-content{padding:0 7% 0 7%;}

.post-26778 .badge-container,
#product-26778 .badge-container {display:none !important;}


/* .footer.footer-1.light {
    display: none !important;
} */

.wccpf-fields-group-1
{
margin-top: -17px;
}
input.wccpf-field {
height: 36px !important;
 width: 104% !important;
 margin-top: 0px;
margin-left: -4px;
margin-bottom: -11px;
}
label
{
font-weight: bold !important;
font-size: 95%;
}
td.label {padding-right:34px;}
table tr{border-bottom:0px dotted #ddd;}
.testBannerTitle{color:#98c945 !important; font-size:2.2em !important; margin-top:-41px !important}
.entry-meta{display:none;}
.wccpf-validation-message{display:none;}
.fcopy{
color:white;opacity:1;
}
.product-small.grid-frame .inner-wrap {
    padding: 0px;
    border: none;
    min-height: 311px;
}
.woocommerce-message{
    background: #9BCB41 !important;
    padding: 8px;
    text-align: center;
    color: #fff !important;
}
#mini-cart-content .woocommerce-message{
display:none;
}

/* CART BUTTONS */
a.button-continue-shopping + input[type="submit"] {
    color: #fff;
}

.button.small, input[type="submit"].small {
    color: #fff;
}

.button-continue-shopping.button.alt-button.small.left {
    color: #0d267a;
}



.product_meta {
  display: none;
}

.product-info .breadcrumbs {
  display: none;
}


.flickity-viewport .button.white.alt-button {
  color: #fff;
  float: right;
  margin-bottom: -32px;
  right: 60px;
  top: -35px;
}

/* CHANGE margin-top: 0px; to margin-top: 20px;  */
.footer-wrapper {
  margin-top: 50px;
  background:#fff;
}

.footer-wrapper .message-box.dark div div div p
{
    text-align: right;
    line-height: 1em;
    vertical-align: middle;
    height: 36px;
}

/*#form_support{
    display: table;
}*/

/* Remove .footer.footer-1 and ADD #mailer-lite-footer 
.footer.footer-1 {
 padding-top: 0px;
 margin-top: 0px;
margin-bottom: 30px;
}
*/

#mailer-lite-footer {
    background-color:#0d267a !important;
    padding-bottom: 25px;
    margin-bottom: 30px;
}


#text-10 .large-6.columns {
 float: right;
padding-bottom: 0px;
}

#text-10.widget {
  margin-bottom: 0px;
}

#form_support.large-6.columns {
float: left;
}

#form_support p{
    display: table-cell;
    vertical-align: middle;
}

.button.mimi-submit {
    height: 39px;
    line-height: 1em;
    margin-left: 10px;
} 

.archive .mimi-form {
    background: #0D267A;
    color: #fff;
    padding: 8px;
}

.archive .mimi-form-wrapper {
  margin: -8px;
}

.archive .mimi-form label {
    color: #fff;
}

.archive .button.mimi-submit {
color: #0d267a;
background-color: #fff;
width: 80%;
margin-left: 10%;
}

.archive .widget .is-divider {
    background-color: #fff !important;
}

.post-template-default .mimi-form {
    background: #0D267A;
    color: #fff;
    padding: 8px;
}

.post-template-default .mimi-form label {
    color: #fff;
}

.post-template-default .mimi-form-wrapper {
  margin: -8px;
}

.post-template-default .widget .is-divider {
    background-color: #fff;
}


.post-template-default .button.mimi-submit {
color: #0d267a;
background-color: #fff;
width: 80%;
margin-left: 10%;
}

.page-id-196 #form_description{ 
  padding:0px !important; 
}

li.product-small.grid1.grid-frame {
    float: left;
    clear: none;
	margin-top:10px;
}
.images {
    margin-top: -25px;
}
.page-wrapper .entry-content p {

    margin-bottom: 1em !important;
}
div#content div.page-inner {
    border-right: none;
}
.button.white.alt-button {
    margin-bottom: -32px;
    right: 0px;
    top: 32px;
    color: #fff;
    float: right;
    padding: 12px 30px;
    font-size: .9em;
    font-family: DroidSans;
    font-weight: bold;
}
div.entry-image div.post-date.large {
    position: relative !important;
    top: 5px !important;
    margin-top: -100px;
}

.page-inner {
    padding-top: 30px;
}
.top-divider{
	display: none;
}

.home .large-block-grid-3 > li{
  padding: 0 15px ;
}

/* Remove 
.footer-right #footer_menu {
    top: 7px !important;
}

#footer-menu.footer-menu.group ul {
    list-style: none;
}
*/

div#respond {
    margin-top: 20px;
}
#main-content {
    min-height: 348px;
}
div a p.from_the_blog_excerpt.small-font.show-next{
  display: none;
}
h1, h2, h3, h4, h5, h6{
    color: #0d267a;
}
.banner .row {
    max-width: none !important;
}

.banner .inner.left {
    left: 6%;
}

.banner .inner.right{
    right: 6%;
}

.banner .center{
    width: 60%;
}
.banner h3 {
   font-family: KBPlanetEarth !important;
    font-size: 3.6em;
    letter-spacing: 0.1em;
}

.banner h2 {
   font-family: MoonFlower;
    font-weight: bold;
    font-size: 6.6em;
    letter-spacing: 0.01em;
}

.banner h4, .banner h5 {
   font-family: KBPlanetEarth !important;
    font-size: 2.8em;
    letter-spacing: 0.11em;
}
.banner h5 {
   font-size: 2.4em; 
}
.banner .inner.left.bottom h2 {
    font-size: 4.8em;
}
.banner .inner.left.bottom h2 {
/*font-size: 12.2em;*/
}

.banner h2.ihcinNz {
    font-size: 6em;
    }

.banner h3.ihcinNz {
    font-size: 2.6em;
    }

.banner h4.ihcinNz {
    font-size: 2.1em;
    font-family: KBPlanetEarth;
    letter-spacing: 0.11em;
    }

.banner .inner.left.bottom h2.lpd_banner {
    font-size: 7.4em;
    }

.banner h3.lpd_banner {
    font-size: 2.3em;
    }

.banner .inner.left.bottom  h4 {
    font-family: DroidSans;
    font-size: 2.5em;
    letter-spacing: 0.10em;
}
.banner .inner.right.bottom h3{
    font-size: 3.6em;
}
 .banner .inner.right.bottom h2 {
    font-size: 6.6em;
     }

.banner .inner.right.bottom h4.kylcandd{
    font-size: 2.3em;
}
.banner h2,
.banner h3,
.banner h4{
    margin: 5px 0;
}

.banner .button.alt-button {
    background-color: #99ca46!important;
    border-color: #99ca46;
}

.banner .button.alt-button:hover {
    background-color: #0d267a!important;
    border-color: #0d267a;
}

/* Remove  
.footer-right{
    float: right;
}
*/

.copyright-footer .fcopy{
     font-size: 0.9em !important;
}

/* ADD .copyright-footer  */
.copyright-footer {
     font-size: 0.9em !important;
}

/* Remove
.absolute-footer .right,
.absolute-footer .right .footer-right{
    width: 100%;
}
*/
.main-pages-section .banner h4 {
    font-family: MoonFlower !important;
    font-weight: 700;
    font-size: 6em;
    letter-spacing: 0.01em;
line-height: 1em;
margin-bottom: -10%;
}

.main-pages-section .banner .inner.bottom {
    bottom: 0% !important;
}

#shop-sidebar{
    margin-right:40px;
}
#top-bar .right-text {
    padding: 5px 0 14px;
}
#top-bar .left-text {
    padding: 17px 0;
}

.category-blog div div div a.button.large.success{
    left: 100px;
    top: 100px;
}
.category-blog div div div.entry-content h3.entry-title a,
.category-blog div div div aside h3.widget-title{
font-family:MoonFlower;
 font-weight:bold;
 color:#0D267A;
 font-size:2em;
}
.category-blog div div div.entry-content p{
    font-family: DroidSans;
}

.badge.absolute.top.post-date.badge-outline .badge-inner {
background: url("https://mudmates.co.nz/wp-content/uploads/2017/06/date_bg.png") no-repeat left;
background-size: 100px 100px;
 width: 100px;
height: 100px;
position:absolute;
border:none;
top: 420% !important;
left: -20%!important;
}

.badge-outline .badge-inner {
  color: #0d267a !important;
}

.single-post .badge.absolute.top.post-date.badge-outline .badge-inner {
top: 1000% !important;
left: 220% !important;
}


.badge.absolute.top.post-date.badge-outline {
border:none;}

.post-date-day {
position: relative;
display: block;
top: 50%;
line-height: 1em;
}

.badge-outline .badge-inner:hover {
color: #0D267A !important;
}

.category-blog div.entry-image img{width: auto;display: block; margin: 0 auto;}

.image-cover {
  padding-top: 100% !important;
}

.archive.category.category-blog .box-image {
  width: 25% !important;
}

.single-post .banner{
    display: none;
}
.footer-wrapper .message-box.dark .mimi-form-wrapper p{
    width: 50%;
    display: inline-block;
    text-align: left;
    float: left;
    padding-top:0;
}

.mimi-form-wrapper input[type="text"]{
    width: 100%;
}
.mimi-form-wrapper form{
    margin: 0em;
    float: left;
    margin: 0 0 0.6em;
}

div.large-12.columns div.inner .mimi-form-wrapper input.button {
    background-color: #99ca46;
    font-family: DroidSans;
    font-size: 0.9em;
    font-weight: bold;
    float: left;
    padding:0.65em 1.5em;
}
div.large-12.columns div.inner .mimi-form-wrapper label {
    display: block;
    position: absolute;
    color: #999;
    left: 2em;
    top: 0.6em;
    font-size: 0.9em;
}

div.large-12.columns div.inner .mimi-form-wrapper .mimi-error{
    display: none;
}

div.large-12.columns div.inner .mimi-form-wrapper .mimi-success{
    line-height: 1.1em;
    color: #99ca46!important;
    width: 100%; 
}
article div.entry-content .woocommerce.row {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.mimi-form{
    width: 100%;
}
.flickity-slider li .ux-box-text .from_the_blog_comments{
     display: none; 
    margin-bottom: 0!important;
}

.archive .banner div.banner-bg{
background-position: 0 50%!important;
    }


.archive .banner h4{
    font-size: 2.4em;
}

.page-id-2591 li {
  margin-bottom: 0em;
}
     
.page-id-1478 .footer.footer-2 {
  display: none;
}

.nnz-badge {
margin-top: -160px !important;
margin-bottom: -5px !important;
}

.kids-blog {
margin-top: -145px !important;
margin-bottom: -5px !important;
}


.post-sidebar #secondary .widget_recent_entries {
	margin-top:20px;
	margin-bottom:25px;
}

.post-sidebar #secondary .widget_nav_menu {
	margin-top:25px;
	margin-bottom:30px;
}


/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (min-width: 48em){
/*.footer-right #footer_menu{
 position: relative;
 float:right;
 top: 24px;}

div h3#icons_title {
    left: -5%;
    position: relative;}

div.row .large-3 {
    width: 20%;
}*/

/* Remove this style and replace with #nav_menu-4 #menu-bottom-menu 
.absolute-footer div#footer_menu ul#footer-menu li a:hover{
color:#BBBBBB;} */

#nav_menu-4 #menu-bottom-menu a{
color:#c0c0c1;
font-size:.9em;
letter-spacing:-0.02em;
}
#nav_menu-4 #menu-bottom-menu a:hover{
color:#999999;}

div#content.large-9.left.columns{width: 75%;}}


@media only screen and (max-width: 1200px){   
    .banner .inner.left.center{
        width: 31%!important;
    }
   
    .banner h2 {
    font-size: 6.6em;
}
    .banner h3 {
    font-size: 3.2em;
}
    .banner h4 {
    font-size: 2.5em;
}
    .banner .inner.left.bottom h2 {
    /*font-size: 10.2em;*/
}
    
    .banner .inner.right.bottom h2{
        font-size: 3.6em;
    }
    
    .page-id-3941 .banner div.banner-bg{
background-position: 25% 50%!important;
    }
}

@media only screen and (max-width: 1024px){   
    .banner .inner.left.center{
        width: 40%!important;
    }
    .banner .inner.left {
    left: 6%!important;
}

.banner-layers.container {
 max-width: 98% !important;
}

    .banner h2 {
    font-size: 6.6em;
}
    .banner h3 {
    font-size: 3.2em;
}
    .banner h4 {
    font-size: 2.5em;
}
    .banner .inner.left.bottom h2 {
    /*font-size: 10.2em;*/
}

.main-pages-section .banner h4 {
    font-size: 4em;
}
    
     .page-id-196 .banner div.banner-bg{
background-position: 25% 50%!important;
    }
    
    .page-id-3448 .banner div.banner-bg{
background-position: 60% 50%!important;
    }
    .blog .banner div.banner-bg{
background-position: 0% 50%!important;
    }
    .blog .banner div.banner-bg{
background-position: 20% 50% !important;
    }
    
/* Add this */ 
.footer-widgets.footer-2 { display:flex; flex-direction: column;
    margin-top:-5px !important;
}
#block_widget-3 {order: 2 !important;}
#nav_menu-4 {order: 1 !important;}



}

@media only screen and (max-width: 992px){ 
    div.copyright-footer {
    opacity: 1;
    padding-top: 0px;
    float: right;
    width: 100%;
    text-align: right;
    padding-bottom: 22px;
}
.single-post .badge.absolute.top.post-date.badge-outline .badge-inner {
top: 450% !important;
left: 20% !important;
}
	
	.badge.absolute.top.post-date.badge-outline .badge-inner {
top: 350% !important;
left: 0%!important;
}


}

@media only screen and (max-width: 770px){ 
    .banner .inner.top{

bottom: 12% !important;
margin: 0 auto !important;
top: auto !important;
margin: 0 auto !important;
width: 80% !important;
    }
    
    .banner.light div.banner-bg{
background-position: 75% 50%!important;
    }
       .blog .banner div.banner-bg{
background-position: 40% 50%!important;
    }

.box.box-text-bottom.box-blog-post.has-hover .box-text.text-center {
background: #99ca46;
min-height: 85px;
}

.archive.category.category-blog .box-image {
  width: 100% !important;
clear: both;
}



}




@media only screen and (max-width: 48em) {
/* Remove this style and replace with #nav_menu-4 #menu-bottom-menu     
.absolute-footer div div#footer_menu ul#footer-menu ul li a:hover{
color:#717173;}*/

#nav_menu-4 #menu-bottom-menu a{
color:#c0c0c1;
font-size:.9em;
letter-spacing:-0.02em;
}
#nav_menu-4 #menu-bottom-menu a:hover{
color:#999999;}

/* Remove 
.absolute-footer div ul li a {
color:#515153;
}
*/

/* Remove
.absolute-footer div ul li a {
color:#fff;
}
*/
/* Remove
#social_follow{min-width:auto;}
*/


#contact_us{
    position: absolute;
    top: 0;
    right: 0
}
    div.copyright-footer {
    opacity: 1;
    padding-top: 22px;
    float: right;
    width: 100%;
    text-align: right;
    padding-bottom: 7px;
}
.footer-right #icons {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    width: 100%;
    text-align: left;
}
div.large-12.columns div.right {
    min-width: auto;
}
h3#icons_title{
float:left;
text-align: left;
}
.fcopy{
position:relative;
float:left;
top: 0px;
color:white;
font-size:.8em;
opacity:1;
margin-left:10px;
}
/* Remove .footer-2
.absolute-footer.dark{
padding:20px;
text-align: center;
}
*/
body{
  overflow-x: hidden;
  overflow-y: scroll;
}
#top-bar .left-text {
    min-height: 56px;
}
div.entry-content div#contact{
min-width:100% !important;
}
div.entry-content div#cform{
min-width:100% !important;
}
div .column, div .columns{
padding:0px 20px;
}
#blog_img {
    width: 100%;
    height: auto;
}
.alignleft {
    width: 100%;
}
div.large-12.columns div.inner form {
    display: inline-block;
    margin-left: 0px;
}
li.product-small.grid1.grid-frame {
width:100%;
}
.how_did_you-class-other {
    display: none;
}

/* Add this */ 
.footer-right img.fimg {
    margin-top:25px !important;
    margin-right:-10px !important;
}



/* Update this */ 
#footer-badges img.nnz-badge {
    margin:-20px 0 -10px 0 !important;
    padding:0 !important;
/*margin-top: -20px !important;*/
/* margin-left: -35px !important;*/
/*margin-bottom:-40px !important;*/
}


/* Update this */ 
#footer-badges img.kids-blog {
    margin:35px 0 0 0 !important;
    padding:0 !important;
/* margin-top: -225px !important;*/
/*margin-top: -15px !important;*/
/*margin-left: 160px;*/
/*margin-bottom:-40px !important;*/
}




/* Add this */ 
.copyright-footer,
#nav_menu-4,
#footer-badges {
text-align:center !important;
width:100% !important;
}


/* Add this */ 
.footer-widgets.footer-1 { 
    padding-left:10px;
    padding-right:20px;
}

}





   @media only screen and (max-width: 600px){ 
.badge.absolute.top.post-date.badge-outline .badge-inner {
top: 680% !important;
left: 0%!important;
}
}

@media all and (max-width: 561px){
.archive.category.category-blog .box-image {
  width: 100% !important;
}
}

@media all and (max-width: 500px){
.about_banner ~ a.button {top: 80px;}
#home_slider_text {left: 0px;min-width: 130px;}

.badge.absolute.top.post-date.badge-outline .badge-inner {
top: 740% !important;
left: 10%!important;
}

}

@media only screen and (max-width: 460px){ 
.badge.absolute.top.post-date.badge-outline .badge-inner {
top: 520% !important;
left: 10%!important;
}


/* Add this */ 
#footer-badges {
    margin-top:0px !important;
    margin-bottom:0px !important;
    }
    
/* Update this */ 
#footer-badges img.nnz-badge {
    margin:0 !important;
/*margin-top: -20px !important;*/
/* margin-left: -35px !important;*/
/*margin-bottom:-40px !important;*/
}


/* Update this */ 
#footer-badges img.kids-blog {
    margin:45px 0 0 0 !important;
/* margin-top: -225px !important;*/
/*margin-top: -15px !important;*/
/*margin-left: 160px;*/
/*margin-bottom:-40px !important;*/
}


}

@media only screen and (max-width: 414px){ 
    .banner.light .inner.left.bottom{

top: 12% !important;
margin: 0 auto !important;
bottom: auto !important;
margin: 0 auto !important;
    }
	
    .page-id-3941 .banner div.banner-bg{
background-position: 41% 50%!important;
    }
    
    .page-id-3448 .banner div.banner-bg{
background-position: 45% 50%!important;
    }

.badge.absolute.top.post-date.badge-outline .badge-inner {
top: 450% !important;
left: 10%!important;
}


}