.video-container .pimcore_tag_video {height:100%;}


.where-form-container{

    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 65%;
}



.input-wrapper{ float:left; margin-right:10px; margin-bottom:20px;}
.input-wrapper label{ margin-bottom:5px; display:block;}
.clear{ clear:both;}

.where-form-container .select-container, .where-form-container .input-container { width:280px;}
.where-form-container .input-container input[type="text"]{ width:215px;}



.renderImage{
    display: inline-block;
    text-align: center;
    width: 25%;
    max-width:250px;
}
.renderImage img{ margin: auto;
    max-height: 250px;}
.renderText{ font-size:1.5rem;}

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

    .renderImage{ display:none;}
    .form-container{width:100%;}
}

@media screen and (max-width:600px){
    .where-form-container .select-container, .where-form-container .input-container { width:100%;}
    .where-form-container .input-container input[type="text"]{ width:100%;}
    .where-form-container .select-container select{width:100%;}
}

.radio-container label{ display: inline-block !important;padding-top:0px;}
span.error-messages{ color:#db2621; display:block; padding: 2px 0;}
div.error-messages{ color:#db2621; display:block; padding: 2px 0;}

.contact-step-two fieldset {
    max-width: 500px;
}

.contact-step-two fieldset input, .contact-step-two fieldset textarea {
    box-sizing: border-box;
    width: 100%;
}
.contact-step-two fieldset .select-container.month select {
    min-width: 200px;
}
.contact-step-two .select-container select {
    width: auto;
}

.contactus .button-container {
    margin-top: 22px;
}

.contactus fieldset label, .label{ display:block;  margin-bottom: 5px;}
.contactus fieldset select, .select-container select{ width:100% !important;}
#age-error {color:#db2621;}
#why-dob-message {max-width:500px;}

.default-mediacenter .contact-container aside p {font-size:1.4rem;}
.default-mediacenter .sub-headline {border:none;}
/******************
                                column layout
                                                **************/
@media screen and (min-width:1024px){
    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
        margin:0 5px  0 0; display:inline-block; vertical-align:top;
    }
    .col12 {
        width: 100%;
        margin:0;
    }
    .col11 {
        width: 90%;
    }
    .col10 {
        width: 82.5%;
    }
    .col9 {
        width: 70.5%;
    }
    .col8 {
        width: 65%;
    }
    .col7 {
        width: 71.5%;
    }
    .col6 {
        width: 48%;
    }
    .col5 {
        width: 41.66666667%;
    }
    .col4 {
        width: 31%;
    }
    .col3 {
        width: 27.5%;
    }
    .col2 {
        width: 14%;
    }
    .col1 {
        width: 8.33333333%;
    }

    .third-slide{ margin-top:-35px;}
}

.addHeight #response {height:200px;}
.storefinder-index .disabled a {pointer-events:none; cursor:default;}
.nav-primary .nav li.active {color:#3b2904;}



/*23 -May 2016*/

.storefinder-index .map-container #map {display: block;}
.search-filters-container .inner.inner-small.flex{margin-bottom:17px;}
.pagination-container .pagination li.current{text-decoration: underline !important;}
.no-border{border:0px !important;}
.boxactive ul{list-style-type: disc; margin: 10px 0 10px 30px;}
.boxactive ul li{margin-bottom: 8px;}
.boxactive a{color: #cc6813;     text-decoration: underline;}
#step1 > p, #step1 fieldset{max-width:500px;}
#step1 .textbox, #step2 .textbox, #step1 select, #step2 select{width:100%;     max-width: 100%;  box-sizing: border-box;}
.sub-intro-container .flex{min-height:32px;}


#step2 textarea {height: 150px;}
.select-container.month  select{max-width: 100px !important; min-width: 160px !important ;}
#step2 .form.fieldset-container{padding-bottom: 0px;}

.mediacenterOuter{}

.nav-products.main.active.mainactive{color:#795308;}
.emaillink{color: #cc6813; text-decoration: underline;}
.btn:after { display: inline-block; margin-top: -2px; vertical-align: middle;}
.contactus fieldset.marginBottom {margin-bottom:20px !important;}
.default-termsofuse .toggle-container {
    margin-top: 22px;
}
.Faq .toggle-content .toggle-item{    font-size: 16px;
    font-size: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;}

.Faq .toggle-content .toggle-item h2{
    -webkit-flex: 0 1 calc(100% - 35px);
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(100% - 35px);
    -moz-box-flex: 0;
    -moz-flex: 0 1 calc(100% - 35px);
    -ms-flex: 0 1 calc(100% - 35px);
    flex: 0 1 calc(100% - 35px);
    font-size: 20px;
    font-size: 2rem;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-left: -40px;
    padding-left: 40px;
}



.innerWidth{max-width: 1067px; margin: auto; padding: 11px 0 0 0;}
#txtDetails-error{    margin-top: -5px;}

.no-color{color: inherit !important; text-decoration: none !important;}

header .nav-interstitial  {text-align: right;}
header .nav-interstitial  ul{width: auto; display:inline-block; vertical-align: middle; }
header .nav-interstitial  ul li{display:inline-block; }
header .nav-interstitial  ul:first-child {margin-top:-1px; }
header .nav-interstitial  ul:first-child li{margin-right:-2px; }
header .nav-interstitial  ul:first-child li:last-child{margin-right:0px; }
header .nav-interstitial ul.header-social-icons{display: inline-block; margin: 0px 0px 0 20px;}

header .nav-interstitial ul.header-social-icons li{display: inline; display: inline-block;  margin-right: 14px; padding-right: 0; width: 30px; background-size: contain;}
header .nav-interstitial ul.header-social-icons li:last-child {margin-right: 0px; padding-right: 0;}

header .nav-interstitial ul.header-social-icons li a{display: inline-block; }

/* The White Lily Difference */
.diff-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.diff-container a {text-decoration: underline;}
.diff-container a.btn, .recipe-name a {text-decoration: none;}

.diff-intro {
    padding: 25px 0;
    font-size: 1.4rem;
    background: url('images/textured_BG.jpg') #453924;
    color: #e7d5a7;font-family: 'Lora', serif; line-height: 140%;

}

.diff-intro img {margin: 0 auto; max-width: 100%; margin-bottom: 15px; }

.diff-img-banner {
    min-height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 130%;
}

.diff-img-banner img { position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 60%;
    max-height: 80%;}

.diff-product-wrap {padding: 25px 0 50px 0; display:flex; flex-direction: row;}
.diff-product-wrap .inner > div, .arrow, .recipe-name {float: left;}
.diff-product {width: 50%; }
.diff-product div {float:left; text-align: center; position: relative;}
.diff-product .btn {margin-top: 10px;}
.diff-product img {max-width: 100%; margin-top: -40px; position: relative;}
.diff-prod-description {width: 50%; font-size: 1.2rem; padding: 0 15px 0 0; line-height: 140%; font-family: 'Lora', serif;}

.diff-discover {padding: 25px; font-size: 1.2rem; }
.diff-discover h2 {margin-bottom: 10px; color: #695554; }
.diff-discover p {color: #63504f;}
.diff-discover > div {background: white; padding: 10px; text-align: center;}

.recipe-name-wrap {display: flex; margin-top: 15px;}
.recipe-name-wrap .arrow, .recipe-name-wrap .recipe-name { align-self: center}
.recipe-name {text-transform: uppercase; font-size: 1em; color: #3d1f0e; padding-left: 2px; font-family:  'Oswald', sans-serif; }
.recipe-name strong {font-family:  'Oswald', sans-serif;}
.recipe-name-wrap .arrow .fa {font-size: 2em; color: #6f3011; }

.diff-discover .btn {margin-top: 5px;}

.hide-sm {display: none;}

.diff-btn {padding: 10px 15px;}

/* Override styling that makes the "btn" class transparent on the first page of a carousel. */
.page-1 > a.btn.btn-orange {
    background-color: #cc6813 !important;
}


.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* Site media queries */
@media screen and (min-width:1025px){
    .mediacenterOuter .col9{margin-right:0px; width: 71.5%;}
    .more-filters{min-height: 185px;}
    .more-filters .btn.btn-outline.flex{margin-top: 150px;}
    .diff-img-banner {min-height: 435px;}
    .diff-intro .inner {padding-right: 15px; padding-left: 15px;}
}

@media screen and (min-width:1023px) and (max-width:1025px) { footer .footer-container .link-container ul:first-child{ width:60%;  -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3}
    footer .footer-container .link-container ul:first-child{ width:50%;}
    .searchresults .result .result-info {min-width:70%;}
}


@media screen and (max-width:1024px){
    main .fieldset-container .select-container select.green-arrow{max-width:100%;}
    .media-container .tabs-initiated.tabs{ margin-right: 0px; margin-left: 0px;}
    .carousel-content.inner.inner-small .page-3.content-box {margin-top: 20px !important;}
    .carousel-content.inner.inner-small .page-3.content-box .headline{ top: -64px !important; margin-bottom: 3px !important;}
    .default-index .carousel-container .carousel-backgrounds figure video{display:none;}

    .recipe-image-slider .fancybox-wrap {top:100px !important;  overflow: auto !important;}
    .global-search-container .icon.flex-item{position: absolute;right: 0px;width: 93px;}
    .inner .accordian {
        margin-top: 22px;
    }
    .accordian div p{font-size: 1.3rem;}
    /*-------------------------------Button Appearance For safari Browser ------------------------------------- */
    button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"],#Email, #search-header, textarea, #keyword{-webkit-appearance: none !important; outline: none; -moz-appearance: none;appearance: none; border-radius:0px;}

    #txtDetails{border:solid 1px #ccc !important;}
    #why-dob-message-icon{    display: inline-block;

        margin-top:-2 px;}
    #why-dob-message-icon span span:before{display: inline-block; vertical-align:middle;}
    #why-dob-message-icon span{display: inline-block; height:17px; }

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

    .radio-container .required:before {display:none;     font-size: 26px}
}

@media screen and (min-width:766px) and (max-width:769px) { footer .footer-container .link-container ul:first-child{ width:60%;  -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3}
    footer .footer-container .link-container ul:first-child{ width:50%;}
}



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

    .select-container.month select {
        max-width: 100px !important;
        min-width: 140px !important;
    }

    @media screen and (min-width:700px) and (max-width:800px){
        .searchresults .result .result-info{  min-width: 70%;}
    }

    .storefinder-index .map-container #map {display: none;position: absolute;top: 0;right: 0; width: 66%;}

}
@media screen and (max-width:767px){
    .storefinder-index .map-container #map { position: static;width: 100%;height: 260px;}
    .form-container {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .searchresults .result .flex-item.result-image{min-width: 30%;}
    .searchresults .result .flex-item{    min-width: 70%;}

    main .main-container {min-width: 100%; max-width: 100%;}


}

@media screen and (max-width:640px){
    .where-form-container {
        display: block;
        width: 100%;
    }

    .where-form-container .input-wrapper { float: none; }

}

@media screen and (max-width:580px){
    main .fieldset-container .select-container select.green-arrow{max-width:100%}
    main .fieldset-container .input-container input[type=text] {max-width: 100%;box-sizing: border-box;}
}

@media screen and (max-width:580px){
    iframe.iframe.unsubscribe {
        width: 108%;
        padding: 2%;
        overflow: hidden !important;
        margin: -6%;
    }
    .mobile-open .nav-container .nav-primary .global-search-container .search-field input[type=text]{flex: 0 1 77%; margin-left: 17%;}
}

@media screen and (max-width:480px){
    .Faq header { font-size: 2.5rem;}
    iframe.iframe.unsubscribe {
        width: 104%;
        padding: 2%;
        overflow: hidden !important;
        margin: -4%;
    }

}
#map .info-window .name {
    display: block;
}

/* Media queries specific to the White Lily Difference (see also "@media screen and (min-width:1025px)" above) */
@media screen and (min-width:440px){
    .diff-intro {font-size: 1.5rem;}
    .diff-img-banner {min-height: 225px; }
    .diff-prod-description {font-size: 1.4rem;}
    .diff-discover p {font-size: 1.4rem;}
    .recipe-name {font-size: 1.2em;}
    .recipe-name-wrap .arrow .fa {font-size: 3em;}
}

@media screen and (min-width:540px){
    .diff-img-banner {min-height: 275px; }
    .diff-intro img {width:475px;}
    .diff-product img {margin-top: -60px;}
    .diff-prod-description {padding-left: 10px;}
    .diff-discover h2 {font-size: 2.5rem;}
}

@media screen and (min-width:670px){
    .recipe-name-wrap .arrow .fa {font-size: 2em;}
    .recipe-name {padding-left: 5px;}
    .diff-img-banner {min-height: 335px;}
    .diff-prod-description {margin-top: 35px;}
    .diff-discover p {font-size: 1.5rem;}
    .diff-discover h2 {font-size: 3rem;}

}

@media screen and (min-width:900px){
    .hide-sm {display: block;}
    .hide-lg {display:none;}
    .diff-intro .inner {display: flex;}
    .diff-intro {padding: 50px 0;}
    .intro-img-wrap, .intro-desc-wrap {float:left; align-self: center}
    .intro-img-wrap {width: 45%;}
    .intro-desc-wrap {width: 55%; padding-left: 20px;}
    .diff-product-wrap .inner {display: flex;}
    .img-right {order: 2;}
    .diff-product.img-right img {z-index: 100;}
    .diff-product.img-right .btn {display:none; }
    .diff-product {width: 40%; padding-left: 15px;}
    .diff-prod-description {width: 60%; margin-top: 50px; font-size: 1.5rem;}
    .diff-img-banner {background-size: 100%; min-height: 360px;}
    .diff-img-banner img {max-width: 40%; max-height: 70%;}
    .diff-product.img-right {padding-right: 15px;}
    .diff-discover > div {padding: 40px; max-width: 840px;}
    .diff-discover h2 {font-size: 4rem;}
}

@media screen and (min-width:1200px){

    .diff-img-banner {background-size: 100%; min-height: 480px;}

}.video-container .pimcore_tag_video {height:100%;}


.where-form-container{

    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 65%;
}



.input-wrapper{ float:left; margin-right:10px; margin-bottom:20px;}
.input-wrapper label{ margin-bottom:5px; display:block;}
.clear{ clear:both;}

.where-form-container .select-container, .where-form-container .input-container { width:280px;}
.where-form-container .input-container input[type="text"]{ width:215px;}



.renderImage{
    display: inline-block;
    text-align: center;
    width: 25%;
    max-width:250px;
}
.renderImage img{ margin: auto;
    max-height: 250px;}
.renderText{ font-size:1.5rem;}

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

    .renderImage{ display:none;}
    .form-container{width:100%;}
}

@media screen and (max-width:600px){
    .where-form-container .select-container, .where-form-container .input-container { width:100%;}
    .where-form-container .input-container input[type="text"]{ width:100%;}
    .where-form-container .select-container select{width:100%;}
}

.radio-container label{ display: inline-block !important;padding-top:0px;}
span.error-messages{ color:#db2621; display:block; padding: 2px 0;}
div.error-messages{ color:#db2621; display:block; padding: 2px 0;}

.contact-step-two fieldset {
    max-width: 500px;
}

.contact-step-two fieldset input, .contact-step-two fieldset textarea {
    box-sizing: border-box;
    width: 100%;
}
.contact-step-two fieldset .select-container.month select {
    min-width: 200px;
}
.contact-step-two .select-container select {
    width: auto;
}

.contactus .button-container {
    margin-top: 22px;
}

.contactus fieldset label, .label{ display:block;  margin-bottom: 5px;}
.contactus fieldset select, .select-container select{ width:100% !important;}
#age-error {color:#db2621;}
#why-dob-message {max-width:500px;}

.default-mediacenter .contact-container aside p {font-size:1.4rem;}
.default-mediacenter .sub-headline {border:none;}
/******************
                                column layout
                                                **************/
@media screen and (min-width:1024px){
    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
        margin:0 5px  0 0; display:inline-block; vertical-align:top;
    }
    .col12 {
        width: 100%;
        margin:0;
    }
    .col11 {
        width: 90%;
    }
    .col10 {
        width: 82.5%;
    }
    .col9 {
        width: 70.5%;
    }
    .col8 {
        width: 65%;
    }
    .col7 {
        width: 71.5%;
    }
    .col6 {
        width: 48%;
    }
    .col5 {
        width: 41.66666667%;
    }
    .col4 {
        width: 31%;
    }
    .col3 {
        width: 27.5%;
    }
    .col2 {
        width: 14%;
    }
    .col1 {
        width: 8.33333333%;
    }

    .third-slide{ margin-top:-35px;}
}

.addHeight #response {height:200px;}
.storefinder-index .disabled a {pointer-events:none; cursor:default;}
.nav-primary .nav li.active {color:#3b2904;}



/*23 -May 2016*/

.storefinder-index .map-container #map {display: block;}
.search-filters-container .inner.inner-small.flex{margin-bottom:17px;}
.pagination-container .pagination li.current{text-decoration: underline !important;}
.no-border{border:0px !important;}
.boxactive ul{list-style-type: disc; margin: 10px 0 10px 30px;}
.boxactive ul li{margin-bottom: 8px;}
.boxactive a{color: #cc6813;     text-decoration: underline;}
#step1 > p, #step1 fieldset{max-width:500px;}
#step1 .textbox, #step2 .textbox, #step1 select, #step2 select{width:100%;     max-width: 100%;  box-sizing: border-box;}
.sub-intro-container .flex{min-height:32px;}


#step2 textarea {height: 150px;}
.select-container.month  select{max-width: 100px !important; min-width: 160px !important ;}
#step2 .form.fieldset-container{padding-bottom: 0px;}

.mediacenterOuter{}

.nav-products.main.active.mainactive{color:#795308;}
.emaillink{color: #cc6813; text-decoration: underline;}
.btn:after { display: inline-block; margin-top: -2px; vertical-align: middle;}
.contactus fieldset.marginBottom {margin-bottom:20px !important;}
.default-termsofuse .toggle-container {
    margin-top: 22px;
}
.Faq .toggle-content .toggle-item{    font-size: 16px;
    font-size: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;}

.Faq .toggle-content .toggle-item h2{
    -webkit-flex: 0 1 calc(100% - 35px);
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(100% - 35px);
    -moz-box-flex: 0;
    -moz-flex: 0 1 calc(100% - 35px);
    -ms-flex: 0 1 calc(100% - 35px);
    flex: 0 1 calc(100% - 35px);
    font-size: 20px;
    font-size: 2rem;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-left: -40px;
    padding-left: 40px;
}



.innerWidth{max-width: 1067px; margin: auto; padding: 11px 0 0 0;}
#txtDetails-error{    margin-top: -5px;}

.no-color{color: inherit !important; text-decoration: none !important;}

header .nav-interstitial  {text-align: right;}
header .nav-interstitial  ul{width: auto; display:inline-block; vertical-align: middle; }
header .nav-interstitial  ul li{display:inline-block; }
header .nav-interstitial  ul:first-child {margin-top:-1px; }
header .nav-interstitial  ul:first-child li{margin-right:-2px; }
header .nav-interstitial  ul:first-child li:last-child{margin-right:0px; }
header .nav-interstitial ul.header-social-icons{display: inline-block; margin: 0px 0px 0 20px;}

header .nav-interstitial ul.header-social-icons li{display: inline; display: inline-block;  margin-right: 14px; padding-right: 0; width: 30px; background-size: contain;}
header .nav-interstitial ul.header-social-icons li:last-child {margin-right: 0px; padding-right: 0;}

header .nav-interstitial ul.header-social-icons li a{display: inline-block; }

/* The White Lily Difference */
.diff-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.diff-container a {text-decoration: underline;}
.diff-container a.btn, .recipe-name a {text-decoration: none;}

.diff-intro {
    padding: 25px 0;
    font-size: 1.4rem;
    background: url('images/textured_BG.jpg') #453924;
    color: #e7d5a7;font-family: 'Lora', serif; line-height: 140%;

}

.diff-intro img {margin: 0 auto; max-width: 100%; margin-bottom: 15px; }

.diff-img-banner {
    min-height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 130%;
}

.diff-img-banner img { position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 60%;
    max-height: 80%;}

.diff-product-wrap {padding: 25px 0 50px 0; display:flex; flex-direction: row;}
.diff-product-wrap .inner > div, .arrow, .recipe-name {float: left;}
.diff-product {width: 50%; }
.diff-product div {float:left; text-align: center; position: relative;}
.diff-product .btn {margin-top: 10px;}
.diff-product img {max-width: 100%; margin-top: -40px; position: relative;}
.diff-prod-description {width: 50%; font-size: 1.2rem; padding: 0 15px 0 0; line-height: 140%; font-family: 'Lora', serif;}

.diff-discover {padding: 25px; font-size: 1.2rem; }
.diff-discover h2 {margin-bottom: 10px; color: #695554; }
.diff-discover p {color: #63504f;}
.diff-discover > div {background: white; padding: 10px; text-align: center;}

.recipe-name-wrap {display: flex; margin-top: 15px;}
.recipe-name-wrap .arrow, .recipe-name-wrap .recipe-name { align-self: center}
.recipe-name {text-transform: uppercase; font-size: 1em; color: #3d1f0e; padding-left: 2px; font-family:  'Oswald', sans-serif; }
.recipe-name strong {font-family:  'Oswald', sans-serif;}
.recipe-name-wrap .arrow .fa {font-size: 2em; color: #6f3011; }

.diff-discover .btn {margin-top: 5px;}

.hide-sm {display: none;}

.diff-btn {padding: 10px 15px;}

/* Override styling that makes the "btn" class transparent on the first page of a carousel. */
.page-1 > a.btn.btn-orange {
    background-color: #cc6813 !important;
}


.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* Site media queries */
@media screen and (min-width:1025px){
    .mediacenterOuter .col9{margin-right:0px; width: 71.5%;}
    .more-filters{min-height: 185px;}
    .more-filters .btn.btn-outline.flex{margin-top: 150px;}
    .diff-img-banner {min-height: 435px;}
    .diff-intro .inner {padding-right: 15px; padding-left: 15px;}
}

@media screen and (min-width:1023px) and (max-width:1025px) { footer .footer-container .link-container ul:first-child{ width:60%;  -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3}
    footer .footer-container .link-container ul:first-child{ width:50%;}
    .searchresults .result .result-info {min-width:70%;}
}


@media screen and (max-width:1024px){
    main .fieldset-container .select-container select.green-arrow{max-width:100%;}
    .media-container .tabs-initiated.tabs{ margin-right: 0px; margin-left: 0px;}
    .carousel-content.inner.inner-small .page-3.content-box {margin-top: 20px !important;}
    .carousel-content.inner.inner-small .page-3.content-box .headline{ top: -64px !important; margin-bottom: 3px !important;}
    .default-index .carousel-container .carousel-backgrounds figure video{display:none;}

    .recipe-image-slider .fancybox-wrap {top:100px !important;  overflow: auto !important;}
    .global-search-container .icon.flex-item{position: absolute;right: 0px;width: 93px;}
    .inner .accordian {
        margin-top: 22px;
    }
    .accordian div p{font-size: 1.3rem;}
    /*-------------------------------Button Appearance For safari Browser ------------------------------------- */
    button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"],#Email, #search-header, textarea, #keyword{-webkit-appearance: none !important; outline: none; -moz-appearance: none;appearance: none; border-radius:0px;}

    #txtDetails{border:solid 1px #ccc !important;}
    #why-dob-message-icon{    display: inline-block;

        margin-top:-2 px;}
    #why-dob-message-icon span span:before{display: inline-block; vertical-align:middle;}
    #why-dob-message-icon span{display: inline-block; height:17px; }

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

    .radio-container .required:before {display:none;     font-size: 26px}
}

@media screen and (min-width:766px) and (max-width:769px) { footer .footer-container .link-container ul:first-child{ width:60%;  -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3}
    footer .footer-container .link-container ul:first-child{ width:50%;}
}



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

    .select-container.month select {
        max-width: 100px !important;
        min-width: 140px !important;
    }

    @media screen and (min-width:700px) and (max-width:800px){
        .searchresults .result .result-info{  min-width: 70%;}
    }

    .storefinder-index .map-container #map {display: none;position: absolute;top: 0;right: 0; width: 66%;}

}
@media screen and (max-width:767px){
    .storefinder-index .map-container #map { position: static;width: 100%;height: 260px;}
    .form-container {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .searchresults .result .flex-item.result-image{min-width: 30%;}
    .searchresults .result .flex-item{    min-width: 70%;}

    main .main-container {min-width: 100%; max-width: 100%;}


}

@media screen and (max-width:640px){
    .where-form-container {
        display: block;
        width: 100%;
    }

    .where-form-container .input-wrapper { float: none; }

}

@media screen and (max-width:580px){
    main .fieldset-container .select-container select.green-arrow{max-width:100%}
    main .fieldset-container .input-container input[type=text] {max-width: 100%;box-sizing: border-box;}
}

@media screen and (max-width:580px){
    iframe.iframe.unsubscribe {
        width: 108%;
        padding: 2%;
        overflow: hidden !important;
        margin: -6%;
    }
    .mobile-open .nav-container .nav-primary .global-search-container .search-field input[type=text]{flex: 0 1 77%; margin-left: 17%;}
}

@media screen and (max-width:480px){
    .Faq header { font-size: 2.5rem; white-space: normal;}
    iframe.iframe.unsubscribe {
        width: 104%;
        padding: 2%;
        overflow: hidden !important;
        margin: -4%;
    }

}
#map .info-window .name {
    display: block;
}

/* Media queries specific to the White Lily Difference (see also "@media screen and (min-width:1025px)" above) */
@media screen and (min-width:440px){
    .diff-intro {font-size: 1.5rem;}
    .diff-img-banner {min-height: 225px; }
    .diff-prod-description {font-size: 1.4rem;}
    .diff-discover p {font-size: 1.4rem;}
    .recipe-name {font-size: 1.2em;}
    .recipe-name-wrap .arrow .fa {font-size: 3em;}
}

@media screen and (min-width:540px){
    .diff-img-banner {min-height: 275px; }
    .diff-intro img {width:475px;}
    .diff-product img {margin-top: -60px;}
    .diff-prod-description {padding-left: 10px;}
    .diff-discover h2 {font-size: 2.5rem;}
}

@media screen and (min-width:670px){
    .recipe-name-wrap .arrow .fa {font-size: 2em;}
    .recipe-name {padding-left: 5px;}
    .diff-img-banner {min-height: 335px;}
    .diff-prod-description {margin-top: 35px;}
    .diff-discover p {font-size: 1.5rem;}
    .diff-discover h2 {font-size: 3rem;}

}

@media screen and (min-width:900px){
    .hide-sm {display: block;}
    .hide-lg {display:none;}
    .diff-intro .inner {display: flex;}
    .diff-intro {padding: 50px 0;}
    .intro-img-wrap, .intro-desc-wrap {float:left; align-self: center}
    .intro-img-wrap {width: 45%;}
    .intro-desc-wrap {width: 55%; padding-left: 20px;}
    .diff-product-wrap .inner {display: flex;}
    .img-right {order: 2;}
    .diff-product.img-right img {z-index: 100;}
    .diff-product.img-right .btn {display:none; }
    .diff-product {width: 40%; padding-left: 15px;}
    .diff-prod-description {width: 60%; margin-top: 50px; font-size: 1.5rem;}
    .diff-img-banner {background-size: 100%; min-height: 360px;}
    .diff-img-banner img {max-width: 40%; max-height: 70%;}
    .diff-product.img-right {padding-right: 15px;}
    .diff-discover > div {padding: 40px; max-width: 840px;}
    .diff-discover h2 {font-size: 4rem;}
}

@media screen and (min-width:1200px){

    .diff-img-banner {background-size: 100%; min-height: 480px;}

}

.contact-form input[type="number"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 20px;
    border: none;
    -webkit-box-shadow: inset 2px 2px 4px 0 rgba(105,85,84,.6);
    -moz-box-shadow: inset 2px 2px 4px 0 rgba(105,85,84,.6);
    -o-box-shadow: inset 2px 2px 4px 0 rgba(105,85,84,.6);
    box-shadow: inset 2px 2px 4px 0 rgba(105,85,84,.6);
}


.error-message2 {
    color: #db2621;
    display: block;
    padding: 2px 0;
}

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

#modal-smartlabel .btn-smartlabel {
    font-size: 12px;
}

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

a[href*="cookie-bar"] {
    display: none;
}

/* blog styles */
.content .helpful-tips-and-techniques .grid-list {
    list-style: none;
    margin-bottom: 7rem;
}
.content .helpful-tips-and-techniques .grid-list:after {
    content: '';
    display: block;
    clear: both;
}
.content .helpful-tips-and-techniques .grid-list li {
    float: left;
    width: 33%;
    margin: 0;
    padding: 4px 0;
    font-size: 1em
}
.helpful-tips-and-techniques .grid-list li>a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #453924;
}
.csstransitions .content .helpful-tips-and-techniques .grid-list li>a {
    -webkit-transition: opacity 125ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 125ms cubic-bezier(0, 0, .2, 1)
}
.csstransforms .content .helpful-tips-and-techniques .grid-list li>a:active {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98)
}
.no-touch.opacity .content .helpful-tips-and-techniques .grid-list:hover li>a {
    opacity: .6
}
.no-touch.opacity .content .helpful-tips-and-techniques .grid-list li>a:hover {
    opacity: 1
}
.helpful-tips-and-techniques .grid-list h3 {
    font: 700 1.0625em/1.25em Lora, serif;
    margin: 16px 24px 0;
    text-align: left;
    font-size: 1.8rem;
}

@media screen and (max-width:1000px) {
    .helpful-tips-and-techniques .grid .content {
        margin: 0 16px
    }
    .content .helpful-tips-and-techniques .grid-list li {
        width: 33.33333333%
    }
    .helpful-tips-and-techniques .grid-list h3 {
        font: 700 1em/1.2em Lora, serif
    }
}

@media screen and (max-width:640px) {
    .helpful-tips-and-techniques .grid .content {
        margin: 0 4px
    }
    .content .helpful-tips-and-techniques .grid-list li {
        width: 50%
    }
}

#southern-cooking .content {
    background-color: transparent;
    border: medium none;
    margin: 0 44px;
    padding: 0;
}
/*#main-container.helpful-tips-blog {
    background: url(/wp-content/themes/whitelily/images/global/tips/blog_bg.jpg) repeat scroll 0 0;
}*/
.simple-fall-baking-blog .blog-title {
    font-family: Lora;
    font-weight: normal;
    font-size: 4.8rem;
    line-height: 9rem;
    padding-top: 3rem;
}
.simple-fall-baking-blog .blog-title span {
    border-bottom: 1px solid #4c3c32;
    padding-bottom: 1.2rem;
}
.simple-fall-baking-blog .content-container .content p {
    padding-bottom: 0;
    color: #695554;
    line-height: 2.6rem;
    font-family: Lora;
}
.southern-cooking .image, .southern-cooking .figure-image, .southern-cooking .header-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.southern-cooking .grid-list a {
    height: 292px;
    padding: 24px 0 0
}
.helpful-tips-and-techniques.southern-cooking .image {
    height: 230px;
    margin: 0 20px;
}
.helpful-tips-and-techniques.southern-cooking .grid-list h3 {
    margin: 16px 24px 0;
    text-align: left;
}


@media screen and (max-width:1000px) {
    .southern-cooking .grid-list a {
        height: 252px;
        padding: 16px 0 0
    }
    .southern-cooking .image {
        height: 182px;
        margin: 0 16px
    }
    .southern-cooking .grid-list h3 {
        margin: 16px 16px 0
    }
}

@media screen and (max-width:640px) {
    .southern-cooking .grid-list a {
        height: 208px;
        padding: 8px 0 0
    }
    .southern-cooking .image {
        height: 136px;
        margin: 0 8px
    }
    .southern-cooking .grid-list h3 {
        margin: 8px 8px 0
    }
}
.southern-cooking .content-container {
    padding: 0 0 24px;
    margin-top: -16px;
}
.southern-cooking .content {
    border: none;
    padding: 0 !important;
    background-color: transparent
}
.southern-cooking .header-image {
    position: relative;
    height: 382px
}
.southern-cooking .header-image h2 {
    position: absolute;
    right: 16px;
    bottom: 16px;
    font: 5em/1em Satisfy, sans-serif;
    text-align: right
}
.rgba .southern-cooking .header-image h2 {
    color: rgba(255,255,255,.6)
}
.no-rgba .southern-cooking .header-image h2 {
    color: #fff
}
.southern-cooking .column-container {
    margin: 16px 0 0;
    overflow: hidden
}
.southern-cooking header p {
    margin: 32px 0 0;
}
.southern-cooking section {
    margin: 8px 0 0;
    border: 1px solid #c9c8c6;
    padding: 32px;
    background-color: #eee9e4
}
.southern-cooking header+section {
    margin: 32px 0 0
}
.southern-cooking section h3 {
    font-size: 1.8rem;
    color: #695554;
    font-family: Lora;
    margin-top: 0;
    margin-bottom: 2.5rem;
}
.southern-cooking aside {
    margin: 0 0 0 8px
}
.southern-cooking aside h4 {
    margin: 0 16px;
    font: 1.8125em/1.4482758em Satisfy, sans-serif
}
.southern-cooking figure {
    margin: 8px 0 0;
    border: 1px solid #c9c8c6;
    padding: 16px 16px 24px;
    background-color: #eee9e4
}
.southern-cooking .figure-image {
    height: 180px
}
.southern-cooking figcaption {
    margin: 1em 0 0;
    font: .8125em/1.5em Lora, serif
}

@media screen and (max-width:1024px) {
    .content .helpful-tips-and-techniques .grid-list li {
        width: 50%;
    }
}
@media screen and (max-width:800px) {
    .simple-fall-baking-blog .blog-title {
        font-size: 3rem;
        line-height: 6rem;
    }
}

@media screen and (max-width:640px) {
    .southern-cooking .header-image {
        height: 210px
    }
    .southern-cooking .header-image h2 {
        font-size: 2.625em
    }
    .southern-cooking header p {
        margin: 16px 17px 0
    }
    .southern-cooking .right-column, .southern-cooking header+section {
        margin: 16px 0 0
    }
    .southern-cooking section {
        padding: 16px
    }
    .southern-cooking aside {
        margin: 0
    }
    .southern-cooking .figure-image {
        height: 144px
    }
    .simple-fall-baking-blog .blog-title {
        font-size: 2.5rem;
        line-height: 5rem;
        text-align: center;
    }
    .southern-cooking section h3 {
        margin-top: 0;
    }
    main .baking-tip-container .tip-headline {
        font-size: 2.3rem;
    }
    .helpful-tips-blog .inner .content {
        padding: 0;
    }
    .content .helpful-tips-and-techniques .grid-list {
        padding: 0;
    }
    .southern-cooking .grid-list a {
        height: auto;
    }
    .content .helpful-tips-and-techniques .grid-list li {
        width: 100%;
        float: none;
        margin-bottom: 2rem;
    }
}

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

}

@media only screen and (max-width:992px) {
    #southern-cooking .content {margin: 0 15px;}
}
@media only screen and (max-width:640px) {
    #southern-basics > a {width: 100%;position: static;}
    #southern-basics > a > div.callout-image{position: static; background-size: cover; min-height: 210px;}
    #cooking-tips .col6 {width: 100%;}
    #cooking-tips .col6 .toggle {margin: 0 0px 8px 0;}
    #southern-cooking .content {margin: 0 3px;}
}

/* disable reviews */
.rating-container,
.ratings-container,
.bv-inline-container {
    display: none;
}
/* disable reviews */

.recipes-blogs {
    margin: 4% -10% 0;
}
.recipes-blogs:after {
    clear: both;
}
.recipes-blogs ul li {
    float: left;
    width: 24%;
    margin: 0;
    padding: 4px 0;
    font-size: 1em;
    cursor: pointer;
}
.recipes-blogs ul li h3 {
    text-align: center;
    font-size: 1.8rem;
    padding: 15px 20px 0;
    line-height: 2.3rem;
}
@media only screen and (max-width:1250px) {
    .recipes-blogs {
        margin: 4% 0 0;
    }
}
@media only screen and (max-width:1100px) {
    .recipes-blogs ul li {
        width: 49%;
        margin-bottom: 2%;
    }
}@media only screen and (max-width:600px) {
    .recipes-blogs ul li {
        width: 100%;
        float: none;
    }
}

.search #search-form .search-label,
.search #search-form .search-btn {
    display:none;
}

.search #search-form {
    width: 160px;
}

.search #search-form .search-input,
.search-input {
    background:transparent;
    border:none;
    font-size: 16px;
    outline:none;
    color: #795308;
    font-weight: 400;
    text-overflow: ellipsis;
    width: 85%;
}

@media only screen and (max-width:1100px) {
    .search-results-form .search-input {
        width: 100% !important;
    }

   
}

@media only screen and (max-width:1024px) {
 
    .search #search-form .d-line {
        display:none;
    }

    #search-form {
        width:100% !important;
        border-bottom: 2px solid #795308 !important;
    }
}

.search #search-form .search-input::placeholder,
.search-input::placeholder {
    opacity: 0.7;
    
}

.search #search-form .d-line {
    width: 100%;
    height: 15px;
    margin-top: 0px;
    margin-left: -2px;
    background: url(/wp-content/themes/whitelily/images/search/line.png);
    max-width: 200px;
    background-size: cover;
}

.search #search-form  {
   flex-direction: column;
   margin-top: 10px;
}

.mobile-open .search {
    border-bottom:none !important;
    margin-top:10px;
}

#search-results .search-link {
    width: 20px;
    margin-left: -35px;
    cursor: pointer;
    background: url(/wp-content/themes/whitelily/images/global/icons/maginifyglass-nav.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    position: absolute;
    right: 0;
    top: 11px;
}

#search-form .search-link {
    width: 20px;
    margin-left: -35px;
    cursor: pointer;
    background: url(/wp-content/themes/whitelily/images/global/icons/maginifyglass-nav.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    position: absolute;
    right: 0;
    top: -5px;
}

.destini-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: #00000080;
    visibility: none;
    opacity:0;
    transition: .4s linear;
}

.destini-overlay.show {
    opacity: 1;
    visibility: visible;
    overflow-x: hidden;
    overflow-y: auto;
   
}

.destini-overlay .destini-modal {
    text-align: center;
    padding: 3%;
    width: 100%;
    max-width: 1200px;
    min-width: 300px;
    height: 650px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width:1280px) {
    .destini-overlay .destini-modal {
        padding: initial;
        padding-top:2%;
        width: 95%;
    }

   
}


.destini-overlay  .close {
    float: right;
    line-height: 1;
    opacity: 1.2;
    background: none;
    border: none;
    color: white;
    font-size: 36px;
}
.destini-overlay  .close:hover {
    opacity: 0.7;
}