.mobile-view{ display:none !important; }
.tablet-view{display:none !important;}
.desktop-view{ display:block !important;}


.floatL{ float:left;}
.floatR{ float:right;}
.clear{ clear:both;}
.block{ display:block;}
/*******************
            HEADER BANNER
                                        ******************/

.header-container {
    height: 162px;
    overflow: hidden;
    position: relative;
}
.header-container #movingContainer {
    position: absolute;
    top: -112px;
    transition: all 1s ease;
}
.header-container.big {
    height: 336px;
}
.header-container header {
    bottom: 32px;
    position: absolute;
    right: 48px;
}
.header-container h2 {
    color: rgba(255, 255, 255, 0.8);
}
.header-container h2 {
    font: 5em/1em Satisfy, sans-serif;
    text-align: right;
    text-shadow: 0 0 32px #000;
}
.header-container p::first-letter {
    font-size: 1.66667em;
    font-weight: 700;
}
.header-container p {
    background-clip: padding-box;
    border-image: url("/wp-content/themes/marthawhite/images/border-scallops.png") 14 14 14 14 round round;
    border-width: 14px;
}
.header-container p {
    background: #eee9e4 url("/wp-content/themes/marthawhite/images/signature.png") no-repeat scroll right bottom;
    color: #3e3b37;
    float: right;
    font: 0.8125em/1.5em Lora, serif;
    margin: 20px 0 0;
    padding: 24px;
    position: relative;
    width: 368px;
    z-index: 1;
}
/**********
                accordian
                        ***********/
.accordian {
    font-size: 17px;
    margin-top: 20px;
}
.accordian h3 {
    background: #fff url("/wp-content/themes/marthawhite/images/icon/arrow-left.png") no-repeat scroll 15px center;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    color: #555555;
    cursor: pointer;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 10px 30px 9px 45px;
}
.accordian h3.tactive {
    background: #fff url("/wp-content/themes/marthawhite/images/icon/arrow-down.png") no-repeat scroll 15px center;
    color: #000;
    border: 1px solid #aaa;
}
.accordian div.boxactive{  border: 1px solid #aaa;}
.accordian h3:hover {
    color: #000;
}
.accordian div {
    background: #fff;
    border: 1px solid #d3d3d3;
    padding: 20px 40px;
    font-family: Lora, serif;
    /*font-size: 1.1em;*/
    color: #000;
    border-radius: 0 0 4px 4px;
    margin-top: -5px;
    display: none;
    margin-bottom: 2px;
    transition: display 0.1s ease-in-out;
}
.accordian h3:hover + div {
}
.accordian img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 4px;
}
/**********
                IFRAME
                        ***********/

#ifrm-unsub {
    width: 90%;
    height: 210px;
}
.unsubscribe {
    background: #fff;
}
/************
                callout container's
                                *************/

.callout-container-new {
    background: #eee9e4 url("/wp-content/themes/marthawhite/images/scallops-bottom.png") repeat-x scroll center 0;
    border: 1px solid #c9c8c6;
    color: #3e3b37;
    margin: 0 0 32px;
    overflow: hidden;
    padding: 0;
}

#promotions .callout-container-new {
     margin: 0 48px 32px;
}
.callout-info-new {
    box-sizing: border-box;
    padding: 5.8% 32px;
    display: inline-block;
    width: 50%;
    float: left;
}
.callout-info-new h3 {
    font: 1.8125em/1.25em Satisfy,serif;

}
.callout-info-new p {
    font: 0.8125em/1.5em Lora, serif;
    margin-top: 1em;
}
.callout-image-new {
    width: 50%;
    display: inline-block;
    float: right;
}




/**********
                media center
                                *************/

.company-news{ margin:0 48px; overflow:hidden; color:#3e3b37;}

.company-news .left-column {
    width: 25%;
    float: left;
}

.company-news .right-column {
    width: 75%;
    float: right;
}


.company-news aside {
    background-color: #eee9e4;
    border: 1px solid #c9c8c6;
    margin: 0 8px 0 0;
    padding: 32px 16px;
}
.company-news aside h3 {

    font: 1.8125em/1em Satisfy,serif;
}

.company-news p {
    margin: 1em 0 0;

    font: 0.8125em/1.5em Lora,serif;
}


.company-news aside figure {
    margin: 16px 0 0;
}


.company-news .right-column h4 {
    font: 700 1.1875em/1em Lora,serif;
}

.company-news .right-column td {
    text-align: left;
    vertical-align: middle;
    width: 33.3333%;
}

.company-news .right-column .button {
    margin: 0;
}

.company-news .toggle {
    background: #eee9e4;
    border: 1px solid #c9c8c6;
    height: 25px;
    padding: 32px 24px;
}

.company-news .toggle.open {
    cursor: default;
    height: auto;
}


/********
                newsletter sign in
                                                ********/
#content-right section
{
    display:table-cell;
}
#ifrm-sub
{
    width:100%;
    height:510px;
}
.newsletter-signup{ background:#fff;}

/**********
                product
                        *********/

#products, #product-category  { background:none; padding:0; margin:0 44px; border:0;}
.product { background:none; padding:0; margin:0 48px; border:0;}

.product .aside-container {

    width: 26%;
}
.product .product-image {
    width: 24%;
}


.product .tip {
    padding: 32px 32px 72px;
}

.shared-image .feature-image img{ width:100%;  bottom: -26%;}



/***********
                        recipes
                                *********/
.grid-list li{  max-width: 278px;}

#recipes .grid-list li {
    float: left;
    left: 0;
    position: static;
    top: 0;
    visibility: visible;
}


.image-container{ overflow:hidden;}
.image-container img{ width:100%;}

.highlight{ height:182px;}


.pagination-container {
    padding: 16px 0;
}

/********
                recipes details
                                        ********/
#recipe-detail.content-container {
    padding: 56px 0 32px;
}


/***********
                        HOME
                                *************/

#home .callout-info {
    padding: 24px 24px 0;
    width:auto;
}

#home .callout-container {
    background-color: #fffff1;
    border: 0 none;
    height: auto;
    margin: 0;
    overflow: hidden;
}

/***********
                GEneric Footer
                                *************/
.footer{   background: #54504b none repeat scroll 0 0;
           color: #fff;
           margin: 0 auto;
           padding: 2em 2.8em 1em 3.5em;
           position: relative;
           text-align: left; }
.footer .scallops {
    background: rgba(0, 0, 0, 0)  url("/wp-content/themes/marthawhite/images/scallops-top.png") repeat-x scroll center 0;
    left: 0;
    position: absolute;
    top: -8px;
}
.footer a{ color:#fff !important;  display:inline-block;  text-decoration:none !important;}


.footer li li a{font-size:13px !important; font-family:Lora; }
.footer a:hover{ text-decoration:underline !important; color: #a5c3e5; }

.footer-links{ float:right;}
.footer-links li{ float:left;  margin-left:20px;}
.footer-links li ul{ float:right;}
.footer-links li ul li{float:none; padding:0 5px 7px 0; width:auto;}



.footer-description{ float:right;  font-size:12px;}
.footer-description p{ line-height:15px !important; margin:0 0 5px 0 !important;}

.copyright{ padding:5px 0;}



.social-sharing{ padding:5px 0 0 0;}
.social-sharing a{ width:24px; height:24px;
                   display:inline-block; cursor:pointer; margin-right:10px; transition:all 0.3s ease-in-out;}

.social-sharing a span{ width:24px; height:24px; }
.social-sharing a:hover{    opacity: 0.8;}


.clearLine{ clear:both;}



/**************
                        martha tips
                                        **************/
#marthas-tips .callout-container{ background: transparent; height:auto; margin:0; border:0;}
#marthas-tips .callout-info {  width:auto;}
#marthas-tips .callout-image{ width:auto; float:none;}


/*************
                southern cooking
                                        **********/

.cooking li .image {  overflow: hidden; }
.cooking li .image img{ width:100%; }



/**********
           promotion
                   **********/

#promotions .content{ border:0; background-color:transparent; margin:0; padding:0;}
.feature {
    float: left;
    margin: 0 8px 8px 0;
    width: 49.6%;
}

/*********
               where to buy
                               ********/

.form-container{ position:relative;}
.select-product{ margin:0 10px 10px 0;}

.select-product input[type="text"], .select-product select {
    width: 210px !important;
}

.renderImage {
    position: absolute;
    right: 28%;
    text-align: center;
    top: -15px;
    width: 150px;
}
.renderImage img{ max-width:100%; height:auto;     margin: auto;}
.renderText {
    color: #3e3b37;
    display: block;
    font: 700 0.8125em/1em Lora,serif;

    font-size: 12px;
    padding-top: 5px;
    text-align: center;
}

/************** SMART LABEL **************/

#modal-smartlabel .modal-dialog {
    margin-top: 150px;
}


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




    .mobile-view{ display:none !important; }
    .tablet-view{display:block !important;}
    .desktop-view{ display:none !important;}


    #products  {  margin:0 16px; }



    /**********
                    media center
                                    *************/
    .company-news {    margin: 0 24px;}


    /*********
                    sitemap
                            ***********/

    #site-map .column {
        float: left;
        width:45%;

    }
    #site-map .column:first-child + .column {
        margin: 3em 0 0 0;
        float:left;
        width:auto;
    }


    /*******
                    promotions
                                    **********/

    .callout-container.promotions{  margin: 0 24px;}
}

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

    .cooking li a{ padding:16px; }
    .cooking li .image{ height: 182px; }

    /**********
                    media center
                                    *************/

    .company-news aside {
        margin: 0;
        overflow: hidden;
        padding: 16px;
    }
    .company-news aside .contact-info{float:left;}

    .company-news aside figure { float:left;   margin: 0 0 0 64px;}
    .company-news  .left-column, .company-news  .right-column{ width:auto; float:none;}
    .company-news .right-column {
        margin: 8px 0 0;
    }




}


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


    .mobile-view{ display:block !important; }
    .tablet-view{display:none !important;}
    .desktop-view{ display:none !important;}


    .header-container p {
        display: none;
    }
    .header-container.big {
        height: 162px;
    }
    .header-container h2 {
        bottom: 100%;
        font: 3.3215em/1em Satisfy, sans-serif;
        padding: 0 8px;
        position: absolute;
        right: 0;
    }
    .callout-container-new {
        margin: 0 8px;
        height: auto;
    }
    .callout-image-new, .callout-info-new {
        display: block;
        float: none;
        width: 100%;
    }
    .callout-image-new img {
        max-width: 100%;
        height: auto;
        width:100%;
    }
    #products  {  margin:0 4px; }

    .shared-image .feature-image img {
        bottom:-135%;
        width: 100%;
    }


    .grid-list li{  max-width: 100%;}

    .cooking li a{ padding:8px; }
    .cooking li .image{ height: 136px; }

    .footer{text-align:center; width:auto; padding:2em 0 1em 0;}
    .footer-links, .footer-description, .footer-links li, .footer-links li ul{margin:0; float:none; width:100%;}

    /**********
            media center
                            *************/
    .company-news {    margin: 0 8px;}

    /*******
            promotions
                            **********/

    .callout-container.promotions{  margin: 0 8px;}

}


@media screen and (max-width:660px) {
    /**********
                    media center
                                    *************/
    .company-news aside .contact-info{float:none;}

    .company-news aside figure { float:none;    margin: 16px 0 0 0;}
    .company-news .right-column td{ display: block;
                                    width: 100%;}
}

@media screen and (max-width:400px) {
    .shared-image .feature-image img {
        bottom:-90%;
        width: 100%;
    }

    /*********
                    sitemap
                            ***********/

    #site-map .column {
        float: none;
        width:auto;

    }
    #site-map .column:first-child + .column {
        margin: 2em 0 0 0;
        float: none;
        width:auto;
    }
}

@-moz-document url-prefix() {
    #button-search {
        height:38px;
    }

    input[type="text"] {
        padding: 11px 0 11px 12px;
    }
}

.feature-container .feature:nth-child(even){ margin-right:0;}
.contact-form .button, .contact-form button{font: 1em/1em Lora, serif;}
@media screen and (max-width:640px){
#faq .col6:nth-child(odd) .toggle-container { margin-top:0px;}
}


/************ SMART LABEL STYLES - see website/static/common/css/smartlabel-modal.css for base style sheet *******************/

    #modal-smartlabel select#modal-sl-packageSize {
        margin: auto;
    }

@media screen and (min-width: 480px){
    #modal-smartlabel select#modal-sl-packageSize {
        margin: 0;
    }
}

@media screen and (min-width: 768px){
    #modal-smartlabel .modal-dialog {
        margin: 180px auto !important;
    }
}

.product-info-container .product-image .scale {
    min-width: 100%;
}

strong > sup {
    font-size: 100%;
}

h3.post-subtitle {
    margin-top: 2em;
}

.left-column-dis {
    margin-top: -32px;
}

 .full-screen {
    width: 100%;
    height: 100%;
}


.mw-icon {
    height: 34px;
    width: 23px;
    background-image: url(/wp-content/themes/marthawhite/images/getpinimage.png);
    display: flex;
    justify-content: center;
}

span.mw-icon-number {
    margin-top: 5px;
    font-weight: bolder;
    font-family: Calibri, serif;
}
span.mw-icon-number.panel-icon {
    margin-top: 0;
}

.gm-style-iw-a {
    margin-top: -34px;
}

.preloader.loading {
    display: block;
}

.renderText,
.select-container select,
.select-container select option {
    text-transform: uppercase;
}

.iriSearch {
    max-width: 58.5px;
    max-height: 37px;
    justify-content: center;
}