/*
Theme Name:     Gardenerd v2.0
Theme URI:      http: //www.gardenerd.com/
Description:    Custom child theme for Gardenerd.com (based off Twenty Ten)
Author:         Oz Online, Inc
Author URI:     http: //www.ozonlinesolutions.com/
Template:       twentyten
Version:        2.0
*/

@import url("../twentyten/style.css");

/**
 * Reset
 */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}

/* set image max width to 100% */
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

a:link {
    text-decoration: none;
    font-weight: bold;
    color: #890C08;
}

a:visited {
    color: #890C08;
}

a:active, a:hover {
    color: #ff9f00;
}



/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

.clear { clear:both; }

@font-face {
    font-family: PoplarStd;
    src: url(http://www.gardenerd.com/wp-content/themes/gardenerd-v2/fonts/PoplarStd.otf);
}

/*************************************************************************************************************
 * NORMAL (1200px design requires screens larger than 1230px due to scrollbars) - screens 1230px and greater
 ************************************************************************************************************/
html, body {
    /*background: #fff !important;*/
}
body, input, textarea, .page-title span, .pingback a.url {
     font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; 
}
/**
 * Structure
 */
#wrapper { /*this makes the page 1180px with 10px of padding on each side.*/
    width: 1180px;
    margin: 0 auto;
    padding: 0 10px 0 10px;  
}

/**
 * Header - header.php
 */
#header { /*forces the header to be as wide as the page, and auto-adjust height according to its contents*/
    width: 100%;
    height: auto;
    padding: 0px 0 0px 0;
}
#masthead {
    /*margin-bottom: -1.695%;*/
}
#branding {
    width: 69.49%;
    float: left;
    height: auto;
    padding: 0.1% 1.695%;
    margin-right: 1.695%;
}
#logo-container{
    float: left;
    width: 60.975%;
    margin-right: 1.695%;
}
#logo-container img {
    float: left;
    border: none;
}
/* padding top below changed from 6 to 2 percent */
#logo-container #m-serach-icon img{display: none;}
#site-description{
    padding-top: 2%;
    width: 36.585%;
    float: left;
    height: auto;
    margin: 0;
    font-size: 33pt;
    font-family: "PoplarStd";
    font-style: normal;
    line-height: 33pt;
    color: #008975;
    text-align: center;
}
#site-description p {
    font-size: 33pt;
    font-size: 3vw;
    font-style: normal;
    color: #008975;
}
#mailing-list {
    float: left;
    background-color: #6ebb1f;
    width: 22.033%;
    padding: 20px 1.695% 0% 1.695%;
    height: 128px;
    margin-top: 15px;
}

#mailing-list h1,#single_col_mailing_list h1{
    font-family: "PoplarStd";
    color: white;
    font-size: 18pt;
    line-height: 20pt;
    text-align: center;
    margin-bottom: 10px;
    -webkit-text-stroke: 1.2px #008975;
    text-shadow:
        -0.1px -0.1px 0 #008975,  
        0.1px -0.1px 0 #008975,
        -0.1px 0.1px 0 #008975,
        0.1px 0.1px 0 #008975;
}


#mailing-list img{
    margin: auto;
}

#mailing-list #form-inputs{
    margin: 5px 0;
}

#mailing-list input[type="text"]{
    float: left;
    color: #959595;
    border: 2px solid #959595;
    padding: 3px;
    margin: 0 2px;
    width: 31.46%;
}

#mailing-list input[type="submit"]{
    float: left;
    /*background: url('images/bg_btn_mailinglist.png');*/
    background: #5D5D5D;
    color: white;
    padding: 5px;
    border: none;
    width: 64px;
    height: 28px;
    margin: 0 2px;
}

#mailing-list p{
    clear: both;
    margin-top: 5px;
    text-align: center;

}

#mailing-list p a{
    color: #834e0f;
    text-decoration: none;
    font-size: 11pt;
    font-family: Arial;
}




.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/*.flexbox #access,.flexbox #container,.flexbox #primary,.flexbox #secondary {
    flex: 1;
}*/


#main { /*This is the main wrapper around all the page content, but it is defined in the header.php template file*/
    clear: both;
    width:100%;
    padding: 0;
    margin-bottom: 20px;
    /*    display: flex;*/
    align-items: stretch;
    min-height: 1000px;
    height: auto;
}

hr{
    height: 2px;
    background: #959595;
}

.img-border{
    /*border: 5px solid white;*/
}

/**
 * Primary Navigation (menu)
 */
#access {
    background-color: #fdcc12;
    color: #890c08;
    width: 8.474%;
    float: left;
    height: inherit;
    /*min-height: 2500px;*/
    margin-right: 20px;
    padding: 20px;
}

#access .menu-header, div.menu {
    /*font-size: 18px;*/
    font-weight: bold;
    margin-left: 0px;
    width: auto;
    text-align: center;
}

#access a{
    color: #890c08; 
}


#access ul ul :hover > a{
    background: none;
}


#access ul ul{
    background-color: #fdcc12;
    top:0;
    left:80px;
    border: 1px solid #333;
    padding: 5px 10px;
    width: auto;
    max-width: 160px;

}

#access ul ul li{
    min-width: 130px;
    margin: 2px;
}

#access ul ul a {
    background: none;
    padding: 5px 0;
    width: auto;
    color: #890c08;
    text-align: left;
}

#access .menu-header li, div.menu li {
    float: none;
}



.menu li{
    margin: 0 0 12% 0;
}

.menu li a {
    text-align: center;
    text-transform: capitalize;
    width: auto;
    /*    max-width: 94px;
    background-image: url('images/menu-icons.png');
    background-repeat: no-repeat;
    background-size: 90px;*/
    display: table-cell;
    vertical-align: bottom;
}

#access li:hover > a {
    background-color: transparent; 
    /*background-image: url('images/menu-icons.png');
    background-repeat: no-repeat;
    background-size: 90px;*/
}

/*.menu li a,#access li:hover > a {background-size: cover;}*/

/* #menu-main-menu #menu-item-9978 > a,#menu-main-menu #menu-item-9978 > a:hover { height: 95px; line-height: 210px; background-position: center 0px; }
#menu-main-menu #menu-item-9979 > a,#menu-main-menu #menu-item-9979 > a:hover { height: 95px; line-height: 210px; background-position: center -120px; }
#menu-main-menu #menu-item-9982 > a,#menu-main-menu #menu-item-9982 > a:hover { height: 95px; line-height: 210px; background-position: center -225px; }
#menu-main-menu #menu-item-9983 > a,#menu-main-menu #menu-item-9983 > a:hover { height: 95px; line-height: 210px; background-position: center -352px; }
#menu-main-menu #menu-item-9985 > a,#menu-main-menu #menu-item-9985 > a:hover { height: 95px; line-height: 210px; background-position: center -470px; }

#menu-main-menu #menu-item-9986 > a,#menu-main-menu #menu-item-9986 > a:hover { height: 115px; line-height: 250px; background-position: center -590px; }
#menu-main-menu #menu-item-9987 > a,#menu-main-menu #menu-item-9987 > a:hover { height: 125px; line-height: 265px; background-position: center -732px; }
#menu-main-menu #menu-item-9988 > a,#menu-main-menu #menu-item-9988 > a:hover { height: 115px; line-height: 235px; background-position: center -885px; }
*/


#menu-main-menu #menu-item-9978 > a,#menu-main-menu #menu-item-9978 > a:hover {
    /*height: 52px;
    line-height: 120px;
    font-size: 14pt;
	font-size: 1.2vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/services_small.png') no-repeat;
    background-position: center 0px;*/
	
	height: 7.4vw;
	max-height: 84px;
	line-height: 1060%;
    font-size: 1.1vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/services_medium.png') no-repeat;
    background-position: center 0px;
    background-size: 90%;
}
#menu-main-menu #menu-item-9979 > a,#menu-main-menu #menu-item-9979 > a:hover {
    /*height: 48px;
    line-height: 114px;
    font-size: 14pt;
	font-size: 1.2vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/about-us_small.png') no-repeat;
    background-position: center 0px;*/
	
	height: 7.4vw;
    max-height: 80px;
    line-height: 1000%;
    font-size: 1.1vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/about-us_medium.png') no-repeat;
    background-position: center 0px;
    background-size: 90%;
}
#menu-main-menu #menu-item-9982 > a,#menu-main-menu #menu-item-9982 > a:hover {
    /*height: 36px;
    line-height: 92px;
    font-size: 14pt;
	font-size: 1.2vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/gallery_small.png') no-repeat;
    background-position: center 0px;*/
	
	height: 5.8vw;
	max-height: 70px;
    line-height: 780%;
    font-size: 1.1vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/gallery_medium.png') no-repeat;
    background-position: center 0px;
    background-size: 90%;	
}
#menu-main-menu #menu-item-9983 > a,#menu-main-menu #menu-item-9983 > a:hover {
    /*height: 52px;
    line-height: 122px;
    font-size: 14pt;
	font-size: 1.2vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/blog_small.png') no-repeat;
    background-position: center 0px;*/
	
	height: 7.4vw;
    max-height: 86px;
    line-height: 1080%;
    font-size: 1.1vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/blog_medium.png') no-repeat;
    background-position: center 0px;
    background-size: 90%;
}
#menu-main-menu #menu-item-9985 > a,#menu-main-menu #menu-item-9985 > a:hover {
    /*height: 44px;
    line-height: 102px;
    font-size: 14pt;
	font-size: 1.2vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/store_small.png') no-repeat;
    background-position: center 0px;*/
	
	height: 6.4vw;
	max-height: 73px;
    line-height: 920%;
    font-size: 1.1vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/store_medium.png') no-repeat;
    background-position: center 0px;
    background-size: 90%;
}

#menu-main-menu #menu-item-9986 > a,#menu-main-menu #menu-item-9986 > a:hover {
    /*height: 56px;
    line-height: 132px;
    font-size: 14pt;
	font-size: 1.2vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/newsletter_small.png') no-repeat;
    background-position: 60% 0px;
    margin-left: -6%;*/
	
	height: 8vw;
    max-height: 102px;
    line-height: 1240%;
    font-size: 1.1vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/newsletter_medium.png') no-repeat;
    background-position: center 0;
	background-size: 90%;
	
}
#menu-main-menu #menu-item-9987 > a,#menu-main-menu #menu-item-9987 > a:hover {
    /*height: 74px;
    line-height: 162px;
    font-size: 14pt;
	font-size: 1.2vw;
	background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/ask-us_small.png') no-repeat;
    background-position: center 0px;*/
	
    height: 9vw;
    max-height: 138px;
    line-height: 1540%;
    font-size: 1.1vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/ask-us_medium.png') no-repeat;
    background-position: center 0px;
    background-size: 84%;
}
#menu-main-menu #menu-item-9988 > a,#menu-main-menu #menu-item-9988 > a:hover {
    /*height: 60px;
    line-height: 134px;
    font-size: 14pt;
	font-size: 1.2vw;
	background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/links_small.png') no-repeat;
    background-position: center 0px;*/
	
	height: 7.4vw;
    max-height: 88px;
    line-height: 1150%;
    font-size: 1.1vw;
    background: url('http://gardenerd.com/wp-content/themes/gardenerd-v2/images/links_medium.png') no-repeat;
    background-position: center 0px;
    background-size: 90%;
}

/**
 * Content
 */
#container {
    float: left;
    background-color: #a8ddc3;
    width: 55.934%;
    height: inherit;
    /*height: 2500px;*/
    margin-right: 20px;
    padding: 20px;
}
#content {
    width: 100%;
    margin: 0;

}

/*#content, #content input, #content textarea {
    font-size: 20px !important;
    line-height: 30px !important;
}*/

.entry-content, .entry-summary{
    padding: 0;
}

#content .entry-title{
    color: white;
    font-size: 26px;
    font-style: italic;
    margin-bottom: 10px;
}

#content table, #content tr,#content tr td{
    border:none;
}

/*.entry-content img.img-border, .entry-summary img.img-border{
    width: 98.5%;
}*/

//list pointer image
img.alignnone.size-full.wp-image-160 {
    margin-right: 10px !important;
}

.entry-content .wp-caption, .entry-summary .wp-caption{
    width: 100% !important;
}

.entry-content .wp-caption img, .entry-summary .wp-caption img{
	max-width: 97% !important;
	max-height: 98% !important;
}

.entry-content .wp-caption{
    background: none;
    padding: 0;
}

.entry-content .form-submit, .entry-summary .form-submit{margin-bottom: -40px;}
.entry-content img.ssba, .entry-summary img.ssba{width: 40px !important; margin: 10px 0 0 10px; margin-bottom: -10px;}
.entry-content table tr td img,.entry-summary table tr td img {
    margin-left: -20px;
    margin-right: 5px;
    /*width: 8px;*/
}



.ssba {
    clear: both;
    font-size: 26px;
    color: white;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 10px;
}

#content ul{
    margin-left: 20px !important;
}

#content li{
    list-style-image: url('http://gardenerd.com/wp-content/uploads/2012/03/BD15060_.gif');
}

.ezcol-one-half{width: auto;font-size: 14px;}


.ezcol.ezcol-one-half.ezcol-last a img{
    margin-left: -20px;
    margin-right: 10px;
}

.featured-articles {
    position: relative;
}
.featured-articles .featured-article {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 20px;
    position: relative;
    width: 320px;
    height: 259px;
}
.featured-article article {
    position: relative;
}
.featured-article-label {
    
    bottom: 0;
    font-size: 10px;
    line-height: 0px;
    margin-bottom: 6px;
    padding: 5px 5px 2px 5px;
    top: 205px;
    position: absolute;
    width: 310px;
    height: 25px;
    text-align: center;
}

.featured-article-label h2 {
    line-height: 1.5em;
    width: 100%;
    background-color: rgba(228, 209, 45, 0.65);
    bottom: 0;
    position: absolute;
    left: 0px;
    padding: 10px 0;
    vertical-align: middle;
}

.featured-article-label > h2 a {
    color: #fff;
}

#primary, #secondary {
    float: left;
    background-color: #addc6c;
    width: 22.033%;
    height: inherit;
    /*min-height: 2500px;*/
    padding: 20px 20px 40px 20px;
}

.textwidget {
    font-size: 14px;
    line-height: 18px;
}

.widget-container {
    margin: 0 !important;
}
.widget-title {
    font-family: "PoplarStd" !important;
    color: white;
    font-size: 29pt;
    font-weight: 100 !important;
    line-height: 30pt;
    text-align: center;
    margin-bottom: 10px;
    -webkit-text-stroke: 1.8px #B63C23;
    text-shadow: -0.1px -0.1px 0 #B63C23, 0.1px 0.1px 0 #B63C23, -0.1px 0.1px 0 #B63C23, 0.1px 0.1px 0 #B63C23;
    letter-spacing: 1pt;
    padding: 0 !important;
}
.product-of-the-month {
    -webkit-text-stroke: 1.8px #215121 !important;
    text-shadow: -0.1px -0.1px 0 #215121, 0.1px 0.1px 0 #215121, -0.1px 0.1px 0 #215121, 0.1px 0.1px 0 #215121 !important;
}
.widget_calendar h3, .widget_archive h3, .widget_tag_cloud h3,  .widget_text h3, .widget_recent_entries h3 {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
   	font-style: italic;
	-webkit-text-stroke: 0px !important;
	 text-shadow: none !important;
	font-size: 18pt;
}
.widget_archive select {
    padding: 5px;
    width: 100%;
    color: #6EBB1F;
    font-weight: bold;
    font-style: italic;
}


#single_col_mailing_list{display: none;}

#main .widget-area ul{
    padding: 0;
}

#primary .divider{
    height: 2px;
    background: #959595;
    margin: 27px 0;
}

#social-icons{
    font-size: small;
    margin: 0px;
}
#social-icons img {
    width: 15%;
}

.widget_search #q,.entry-content #q{
    float: left;
    color: #959595;
    border: 2px solid #959595;
    padding: 7px;
    margin: 0 7px 0 0;
    width: 75.69%;
}

.entry-content #q{
    width: 30%;
    line-height: 20px;
}

/*.widget_search input[type="submit"],.entry-content input[type="submit"]{
    float: left;
    background: url('images/search-icon.png') no-repeat;
    font-size: 0;
    color: transparent;
    width: 38px;
    height: 38px;
    border: none;

}*/

.widget_search input[type="submit"] {
    float: left;
    background: url('images/search-icon.png') no-repeat;
    font-size: 0;
    color: transparent;
    width: 38px;
    height: 38px;
    border: none;

}

#footer {
    clear: both;
    width: 100%;
    margin-bottom: 0;
}
#colophon {
    width: 100%;
    border: none;
    padding: 0 0 15px 0;
}

#footer-widget-area {
    overflow: hidden;
    text-align: center;
    width: 100%;
    float: none !important;
    padding: 0px 20px;
}

#footer-widget-area .widget-area {
    float: right;
    margin-right: 20px;
    width: 100%;
}
#footer-widget-area .widget-area div {
    font-size: 14px;
}

/* Custom dark teal background for the ask us page */
.ask-us-page {background-color: #008975 !important;}
.entry-content label {color: #fff !important;}

/*******************************************************************************************************
 * NARROW - screens between 650px and 1230px wide
 ******************************************************************************************************/

@media screen and (max-width: 1230px) {

    #wrapper {
        width: 95%;
    }

    #site-description{font-size: 30pt;}

    #mailing-list {height: 115px;}
    #mailing-list #form-inputs{margin: 0;}
    #mailing-list input[type="text"]{width: 29.5%;}
    #mailing-list p a{font-size: 9pt;}


    #access ul ul{left: 70px;}

    #container {width: 55.934%;}
    #content {width: 100%;}

    #primary, #secondary {width: 22.033%;}

    .textwidget .img-border {
        width: 95%;
        margin-bottom: 10px;
    }

    #social-icons{
        margin-top: -10px;
    }
    #social-icons img {
        width: 13%;
        margin-left: 1px;
        margin-right: 1px;
    }

    .widget_search #q{width: 67%;}


    #access .menu-header, div.menu {
        font-size: 14px;
    }

    #content .entry-content h1{
        font-size: 31pt !important;
    }
    #content .entry-content h2{
        font-size: 20pt !important;
    }
}

.primary-mobile-nav,#toggle-menu-button,#menu-main-menu-1,#m-serach-icon{
    display: none;
}

@media screen and (max-width: 1130px) {
    #site-description{font-size: 27pt;line-height: 27pt;}
    #mailing-list input[type="text"]{width: 27.5%;}
    #mailing-list{margin-top:10px; height: 110px; }
    #mailing-list h1{
        font-size: 1.8em;
		line-height: 16pt;
    }

    /*.widget-title{font-size: 1.7em;}*/
}

@media screen and (max-width: 1030px) {
    #site-description{font-size: 25pt;line-height: 25pt;}
    #mailing-list input[type="text"]{width: 25.5%;}
    #mailing-list{padding-top:10px; height: 105px; }
    #mailing-list h1{
        font-size: 1.6em;
		line-height: 14pt;
    }

    #content .entry-content h1{font-size: 25pt !important;}
    #content .entry-content h2{font-size: 16pt !important;}

    #access .menu-header, div.menu {
        font-size: 12px;
    }

    .menu li a,#access li:hover > a {
        background-size: 55px;
    }


    /*.menu li a,#access li:hover > a {background-size: cover;}*/


	/*
    #menu-main-menu #menu-item-9978 > a,#menu-main-menu #menu-item-9978 > a:hover { height: 60px; line-height: 150px; background-position: center 0px; }
    #menu-main-menu #menu-item-9979 > a,#menu-main-menu #menu-item-9979 > a:hover { height: 60px; line-height: 150px; background-position: center -70px; }
    #menu-main-menu #menu-item-9982 > a,#menu-main-menu #menu-item-9982 > a:hover { height: 60px; line-height: 130px; background-position: center -140px; }
    #menu-main-menu #menu-item-9983 > a,#menu-main-menu #menu-item-9983 > a:hover { height: 60px; line-height: 150px; background-position: center -205px; }
    #menu-main-menu #menu-item-9985 > a,#menu-main-menu #menu-item-9985 > a:hover { height: 60px; line-height: 150px; background-position: center -280px; }

    #menu-main-menu #menu-item-9986 > a,#menu-main-menu #menu-item-9986 > a:hover { height: 80px; line-height: 190px; background-position: center -348px; }
    #menu-main-menu #menu-item-9987 > a,#menu-main-menu #menu-item-9987 > a:hover { height: 90px; line-height: 210px; background-position: center -435px; }
    #menu-main-menu #menu-item-9988 > a,#menu-main-menu #menu-item-9988 > a:hover { height: 80px; line-height: 175px; background-position: center -530px; }
	*/

}

@media screen and (max-width: 960px) {
    #site-description{font-size: 23pt; line-height: 23pt;}
    #mailing-list{padding-top:5px; height: 100px; }
    #mailing-list input[type="text"]{width: 23.5%; font-size: 7pt;}
    .widget_search #q{width: 60%;}
    .widget-title{
        /*font-size: 1.4em;*/
    }
}

@media screen and (max-width: 873px) {
    #site-description{font-size: 21pt; line-height: 21pt;}
    #mailing-list input[type="text"]{width: 21.5%;}
    .widget_search #q{width: 55%;}
    #social-icons img{width: 10.5%;}
    #mailing-list p a{font-size: 7pt;}
    #mailing-list h1{
        font-size: 1.4em;
		line-height: 12pt;
    }

    #content .entry-content h1{font-size: 16pt !important; bottom: 80px;}
    #content .entry-content h2{font-size: 12pt !important;}
    #access .menu-header, div.menu {
        font-size: 10px;
        font-weight: bolder;
    }
}

@media screen and (max-width: 820px) {
    #site-description{font-size: 19pt; line-height: 21pt;}
    #mailing-list{height: 90px; }
    #mailing-list h1{
        font-size: 1.3em;
		line-height: 11pt;
    }
    .widget-title{
        /*font-size: 1.3em;*/
    }
    #mailing-list input[type="text"]{width: 19.5%;}
    .widget_search #q{width: 50%;}
    #access ul ul{left: 60px;}
}

@media screen and (max-width: 760px) {
    #site-description{font-size: 17pt; line-height: 17pt;}
    #mailing-list{height: 90px; margin-top: 0;}
    #mailing-list h1{
        font-size: 1.1em;
		line-height: 10pt;
    }
    .widget-title{
        /*font-size: 0.5em;*/
        -webkit-text-stroke: 0;
    }
    #mailing-list input[type="text"]{width: 14%; margin:0px 2px}
    .widget_search #q{width: 44%;}
    #content .entry-content h1{bottom: 70px;}
    .textwidget {font-size: 18px;}
}

/****************************************************************************************************************
 * MOBILE (single column) - screens less than 650px wide, with additional query for screens less than 450px wide
 ****************************************************************************************************************/

@media screen and (max-width: 650px) {

    #header{width:100%; margin: auto;}
    #branding {width: 100%;padding: 0; margin: 0;}
    #logo-container{width: 100%;padding: 0; margin: 0;}
    #logo-container img#logo-img {margin-left: 5%; margin-right: 3%; width: 70%;}
    #logo-container #m-serach-icon{display: block;}
    #logo-container #m-serach-icon img {display: block; margin-top: 10%; width: 8%;}
    /* ------------------------------------------
          NAV TOGGLE STYLES
        --------------------------------------------- */

    #toggle-menu-button {
        display: block;
        width: 7%;
        height: auto;
        margin-top: 10%;
        float: left;
        margin-left: 3%;
    }


    #toggle-menu-button span{
        display: block;
        background: #bfbfbf;
        height: 4px;
        margin: 5px 0;
    }

    #access {
        display: none;
        width: 28%;
        position: absolute;
        -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
        transition: width 2s;
        z-index: 9999;
        height: auto;
    }

    #menu-main-menu {display: none;}
    #menu-main-menu-1{display: block;}

    #access .menu-header, div.menu {
        font-size: 16px;
        margin-left: 0px;
        width: auto;
        text-align: center;
    }

    #access a{color: #890c08; padding: 0; text-transform: capitalize;}

    ul#menu-main-menu-1 {position: relative;left: 3% !important;}

    #access ul ul :hover > a{background: none;}

    #access ul li > ul {
        display: inline-table;
        position: relative;
        width: 100%;
        left:12%;
        font-size: 11px !important;

        background-color: transparent;
        border: none;
        padding: 0;
        box-shadow: 0px 3px 3px rgba(0,0,0,0);
        -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0);
        -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0);
    }

    #access ul ul li{min-width: auto;margin: 2px;}

    /* ------------------------------------------
          NAV TOGGLE STYLES END
        --------------------------------------------- */

    #access ul ul a {
        background: none;
        padding: 10px 0;
        width: auto;
        color: #890c08;
        text-align: left;
	line-height: 16px;
    }

    #access .menu-header li, div.menu li {float: none;left:0%;}
    .menu li{margin: 0 0 10px 0;}
    .menu li a {background: none; text-align: left;}
    #access li:hover > a {background: none;}




    #site-description{display: none;}

    /*flexbox*/
    #main {display:block; background: #addc6c;}

    /*#access{display: none;}*/
    #container {width:100%; padding: 4%; background: none;}
    #content {width:90%;}
    #primary {float:none; width:92%;padding: 4%; background: none;}
    #primary #social-icons{margin: 10% 0 0 0;}
    #primary #social-icons img {margin: 1.7%; width: 11%;}

    #primary #christy {content: url('http://www.gardenerd.com/wp-content/themes/gardenerd-v2/images/christy_mobile.jpg');}

    #primary hr{margin: 10% 0;}

    .widget_search #q{width: 77%; margin: 0 2% 0 0}


    #single_col_mailing_list{
        background: none;
        display: block; 
        text-align: center;
        padding: 10% 0;
        margin: 0 0 10% 0;
        border-bottom: 2px solid #959595;
        border-top: 2px solid #959595;
    }
    #single_col_mailing_list h1,.widget-title{
        font-size: 2.3em;
        -webkit-text-stroke: 1px #B63C23;
    }

    #single_col_mailing_list img{ margin: auto; }

    #single_col_mailing_list div#form-inputs {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #single_col_mailing_list input[type="text"]{
        /*float: left;*/
        color: #959595;
        border: 2px solid #959595;
        padding: 3px;
        margin: 0 2px;
        width: 35%;
    }

    #single_col_mailing_list input[type="submit"]{
        /*float: left;*/
        /*background: url('images/bg_btn_mailinglist.png');*/
        background: #5F5F5F;
        color: white;
        padding: 10px;
        border: none;
        width: 64px;
        height: 28px;
        line-height: 0px;
        /*margin: 0 2px;*/
    }


    #mailing-list {display:none;} /*temp*/
}

@media screen and (max-width:540px){
    #single_col_mailing_list h1{
        font-size: 2.3em;
    }
}

@media screen and (max-width: 480px) {
    #single_col_mailing_list input[type="text"]{width:30%;}
    #content .entry-content h1{font-size: 15pt !important; bottom: 70px !important;}
    #content .entry-content h2{font-size: 10pt !important;}
    #single_col_mailing_list h1{
        font-size: 1.9em;
    }
    .entry-content #q{
        width: 72%;
    }
}


/* Code added by Palash on 9 Feb 2017 */
@media screen and (max-width: 480px) {
	#searchsubmit{
		margin-top: 22px;
	}
}

@media screen and (max-width: 667px){
	 .entry-content #q{
        width: 72%;
    }
	#searchsubmit{
		margin-top: 22px;
	}
	
}
/* Code ends here */


@media screen and (max-width:400px){
    #single_col_mailing_list h1{
        font-size: 1.7em;
    }
}

@media screen and (min-width:1400px){
	#menu-main-menu #menu-item-9978 > a,#menu-main-menu #menu-item-9978 > a:hover {
	    font-size: 12pt;
	}
	#menu-main-menu #menu-item-9979 > a,#menu-main-menu #menu-item-9979 > a:hover {
		font-size: 12pt;
	}
	#menu-main-menu #menu-item-9982 > a,#menu-main-menu #menu-item-9982 > a:hover {
		font-size: 12pt;
	}
	#menu-main-menu #menu-item-9983 > a,#menu-main-menu #menu-item-9983 > a:hover {
		font-size: 12pt;
	}
	#menu-main-menu #menu-item-9985 > a,#menu-main-menu #menu-item-9985 > a:hover {
		font-size: 12pt;
	}
	#menu-main-menu #menu-item-9986 > a,#menu-main-menu #menu-item-9986 > a:hover {
		font-size: 12pt;
	}
	#menu-main-menu #menu-item-9987 > a,#menu-main-menu #menu-item-9987 > a:hover {
		font-size: 12pt;
	}
	#menu-main-menu #menu-item-9988 > a,#menu-main-menu #menu-item-9988 > a:hover {
		font-size: 12pt;
	}
}