/** Shopify CDN: Minification failed

Line 191:4 Unexpected "{"
Line 820:15 Expected identifier but found whitespace
Line 821:12 Unexpected "{"
Line 822:20 Expected ":"
Line 835:15 Expected identifier but found whitespace
Line 836:12 Unexpected "{"
Line 837:20 Expected ":"
Line 952:21 Expected identifier but found whitespace
Line 953:12 Unexpected "{"
Line 954:20 Expected ":"
... and 13 more hidden warnings

**/
.loading-modal {
    background: #fff url("loading.gif") center 14px no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 50% !important;
    bottom: auto;
    left: 50% !important;
    right: auto;
    width: 56px;
    height: 56px;
    margin-left: -28px;
    margin-top: -28px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-indent: -999em;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
}

.ajax-right .success-message p {
    font-size: 14px;
}

.ajax-right .btn {
    text-transform: Capitalize;
}

.ajax-right .btn i {
    font-size: 12px;
    margin-right: 12px;
}





.ajax-error-modal {
    bottom: auto;
    left: 0;
    overflow: hidden;
    padding: 10px 20px;
    position: fixed;
    right: auto;
    top: 50%;
    width: 100%;
    text-align: center;
}


.ajax-error-modal .modal-inner {
    color: #fff;
    ;
    background: #191919;
    display: inline-block;
    padding: 10px 20px;
}

.ajax-success-modal .continue-shopping {
    margin-right: 12px;
    padding: 0 20px;
}

.ajax-success-modal .btn-secondary {
    padding: 0 20px
}

.success-message {

    line-height: 40px;
    color: #191919;
    padding: 0 0px 0 40px;
    margin-bottom: 20px;

    font-size: 12px;
}


.ajax-success-modal .success-message p {
    display: inline-block;
    width: 100%;
    margin: 0;
}


.ajax-success-modal .success-message {
    padding: 0;
}


.ajax-product-title {
    text-align: left;
    margin-bottom: 0px;
    color: #333333;
}

.ajax-success-modal .close-modal .fa {
    font-size: 20px;
    color: #fff;
}

.ajax-success-modal .close-modal {
    top: -8px;
    right: -14px;
}

.ajax-content-section {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: auto;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;

}

.close-modal {
    float: right;
    bottom: 0;
    position: absolute;
    right: 0;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

/* quick view */
.quickview-template,
    {
    bottom: 0;
    left: 0;
    outline: 0 none;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;

    display: none;
}

.quick-view {
    bottom: 0;
    left: 0;
    outline: 0 none;

    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
    display: none;
}

.quick-view .product-detail-section p.dt-sc-button {
    margin: 20px 0 0px 0;
}

.quick-view .actions {
    float: left;
    width: 100%;
    margin: 10px 0 0;
}

.quick-view form .actions button {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;

    background: ;
    float:left;
    padding:10px 20px;

    color: ;
    @include transition(all 0.4s ease-in-out);
}

.quick-view form .actions button:hover {
    background: ;
    color: ;
}

.quick-view .product-shop.summary {
    padding-left: 30px;
}

.quick-view .product-shop.summary .details label {
    float: left;
    margin-right: 15px;
    width: 70px;
    margin-top: 10px;
}

.quick-view .product-shop.summary .details .selector-wrapper {
    margin-bottom: 20px;
    display: none;
}

.quick-view .product-shop.summary h2 {
    margin-bottom: 0;
}

.quick-view .product-detail-section p.dt-sc-button {
    margin: 20px 0 0px 0;
    float: left;
}

.quick-view .product-detail-section p {
    line-height: 22px;
    font-size: 13px;
    margin-bottom: 20px;
}

.product-infor .out-of-stock {
    color: red;
}

.product-infor .many-in-stock {
    color: green;
}

.product-infor .unavailable {
    color: orchid;
}

.product-infor .items-count {
    color: #fa9324;
}

.quick-view .product-shop.summary select {
    width: 50%;
    padding: 12px 10px;
}



.quick-view .overlay,
.ajax-success-modal .overlay {
    background: rgba(45, 45, 50, 0.8);
    height: 100%;
    width: 100%;
    position: fixed;
}

.ajax-success-modal .overlay {
    z-index: 99;
}

.ajax-success-modal .added-to-cart.info,
.ajax-success-modal .added-to-wishlist.info {
    background-color: white;
}

._quick-view-content {
    display: none
}

.quick-view .close-window,
.search-close,
#popupBoxClose {

    background:url(//www.yumyumshop.com/cdn/shop/t/3/assets/hover-Close.png?v=40554033887174056121577755080) no-repeat;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    position: absolute;
    top: -11px;
    right: -11px;
}

.newsletterwrapper .btn.close {

    background:url(//www.yumyumshop.com/cdn/shop/t/3/assets/hover-Close.png?v=40554033887174056121577755080) no-repeat;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    position: absolute;

}

#popupBoxClose {
    right: -10px;
    top: -10px;
}


.search-close {
    right: 15px;
    top: -120px;
}

.product-shop.summary {
    float: right;
    width: 50%;
}

.product-shop.summary h2 a {
    color: #131313;
}

.product-img.images {
    margin: 0 !important;
    float: left;
    width: 47%;
}

.product-shop.summary .prices {
    float: left;
    width: 100%;
}

.product-shop.summary span.price {
    margin-bottom: 10px;
    float: left;
}




.filter.tags.colors div.label,
.filter.tags.brands div.label {
    text-align: center;
    font-size: 15px;
    padding: 5px;
    background: white;
    width: auto;
    height: auto;
    border: 0 none;
    padding-top: 4px;
    font-weight: 300;
    font-size: 18px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    float: left;
    width: 65px;
    height: 90px;
    background-color: #FFFFFF;
    background: -webkit-gradient(linear, left top, right top, from(#F7F7F7), to(#ffffff));
    background: -webkit-linear-gradient(left, #F7F7F7, #FFFFFF);
    background: -moz-linear-gradient(left, #F7F7F7, #FFFFFF);
    background: -ms-linear-gradient(left, #F7F7F7, #FFFFFF);
    background: -o-linear-gradient(left, #F7F7F7, #FFFFFF);
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    color: black;
}

.filter.tags.colors div.label {
    height: 20px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.filter.tags.colors li {
    position: relative;
    border: 1px solid #ddd;
    width: 22px;
    height: 22px;
    box-shadow: 1px 1px 3px white;
    padding-top: 1px;
    margin-bottom: 25px;
}

.filter.tags.colors li a {
    text-indent: -9999px
}

.filter.tags.colors li.active a,
.filter.tags.colors li a:hover {
    text-decoration: underline;
    color: black;
    text-indent: 0;
    width: 45px;
    position: absolute;
    left: -7px;
    top: 0px;
    height: 45px;
    vertical-align: bottom;
    line-height: 80px;
}

.colors:has(li a:hover) li.active a {
    display: none
}

.colors:hover li.active a {
    text-indent: -9999px !important
}

.colors:hover li.active a:hover {
    text-indent: 0 !important
}

.filter.tags.colors li.white {
    background: white
}

.filter.tags.colors li.copper {
    background: #996666
}

.filter.tags.colors li.yellow {
    background: yellow
}

.filter.tags.colors li.silver {
    background: silver
}

.filter.tags.colors li.red {
    background: red
}

.filter.tags.colors li.brown {
    background: brown
}

.filter.tags.colors li.blue {
    background: blue
}

.filter.tags.colors li.green {
    background: green
}

.filter.tags.colors li.orange {
    background: orange
}

.filter.tags.colors li.black {
    background: black
}

.filter.tags.colors li.gold {
    background: gold
}


.filter.tags.colors li.all {
    background: transparent;
    width: 63px;
}

.filter.tags.colors li.all a {
    text-indent: 0;
    width: 50px;
}

.filter.tags.colors li.all a:hover {
    text-indent: 0;
    position: inherit;
    left: 0;
    top: 0;
    height: auto;
    line-height: inherit;
}

.filter.tags.colors li.active {
    border-color: red
}

.filter.tags.brands li {
    height: 25px;
    font-size: 16px;
    line-height: 24px;
    padding-top: 3px;
}


.dialog,
.dialog__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    float: left;
}

.dialog {
    position: fixed;
    display: block;
    top: 350px;
    padding: 100px 0 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    z-index: 900;
}

.dialog__overlay {
    background: none repeat scroll 0 0 rgba(249, 249, 249, 0.95);
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    width: auto;
    z-index: 8010;


}

.dialog.dialog--open .dialog__content {
    opacity: 1;
}


.dialog--open .dialog__overlay {
    opacity: 1;
    pointer-events: auto;
}



.dialog__content {
    display: inline-block;
    opacity: 0;
    padding: 10em;
    position: relative;
    text-align: center;
    width: 65%;
    z-index: 8030;
    padding: 0px 0 0 260px;
}

.dialog--open .dialog__content {
    pointer-events: auto;
}


.dialog h2 {
    margin: 0;
    font-weight: 400;
    font-size: 2em;
    padding: 0 0 2em;
    margin: 0;

}

.dialog input[type="text"] {
    width: 80%;
    float: left;
    padding: 16px 15px;
    min-height: 48px;
    border: none;
}

.dialog input[type="submit"] {
    float: left;
    border: none;
    padding: 15px 18px 16px;
    min-height: 48px;
}


.simple-menu .coll-img {
    display: none !important;
}





#filter-1 li a {
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
    margin: 0px 10px 0px 0px !important;
    cursor: pointer;
}

#filter-1 .red a {
    background: #eb3852;
}

#filter-1 .green a {
    background: green;
}

#filter-1 .black a {
    background: Black;
}

#filter-1 .skyblue a {
    background: skyblue;
}

#filter-1 .white a {
    background: white;
    border: 1px solid #000;
}

#filter-1 .pink a {
    background: pink;
}

#filter-1 .maroon a {
    background: maroon;
}

#filter-1 .yellow a {
    background: #f7b44b;
}

#filter-1 .purple a {
    background: purple;
}

#filter-1 .blue a {
    background: #6495ED;
}

#filter-1 .chocolate a {
    background: #D2691E;
}

#filter-1 .gainsboro a {
    background: #DCDCDC;
}

#filter-1 .peru a {
    background: #CD853F;
}

#filter-1 .darkred a {
    background: #8B0000;
}

#filter-1 .khaki a {
    background: #BDB76B;
}

#filter-1 .gold a {
    background: #EEE8AA;
}

#filter-1 .darkblue a {
    background: #094866;
}

#filter-1 .gray a {
    background: #ccbab3;
}

#filter-1 a.clear-filter {
    float: right;
}

#filter-1 .lightyellow a {
    background: #ffca6f;
}


#filter-1 .orange a {
    background: #ef8742;
}

#filter-1 .indigo a {
    background: #490083;
}

#filter-1 .silver a {
    background: #C0C0C0;
}

#filter-1 .coffee a {
    background: #6F4E37;
}

#filter-1 .teal a {
    background: #008080;
}

#filter-1 .brown a {
    background: #653100;
}


#filter-1 .wheat a {
    background: #f5deb3;
}

#filter-1 .terrasus a {
    background: #ead8cc;
}

#filter-1 .cyan a {
    background: #2f374b;
}

#filter-1 .sandal a {
    background: #A89166;
}

#filter-1 .purble a {
    background: #551a8b;
}

#filter-1.widget_filter_brand ul li.black.active a {
    border: 2px solid red;
}

#filter-1.widget_filter_brand ul li.active a,
#filter-1.widget_filter_brand ul li.active.white a {
    border: 2px solid #000;
}

.widget_filter_brand.tags a {
    color: #000;
}

.widget_filter-color label {
    float: left;
    padding: 5px 0;
    display: block;
    width: 100%;
}




.widget.widget_filter_brand.Colors ul li {
    padding-bottom: 20px;
}

.widget.widget_filter_brand.Colors ul li a {
    text-indent: -9999px;
    border: none;
    margin: 0;
    padding: 0;
}

.widget.widget_filter_brand ul li a {
    font-size: 13px;
    padding: 0px;
    float: left;
    margin: 0;
}


.widget.tagcloud a {
    background: {
            {
            settings.tag_bg
        }
    }

    ;
    color:#f5f5f5;
    float:left;
    padding:7px 10px;
    margin:0 5px 5px 0;
    font-size:14px;
}

.widget.tagcloud a:hover {
    background: {
            {
            settings.tag_bg_hover
        }
    }

    ;
    color:#fff;
}

.price-filter {
    position: relative;
    float: left;
    height: 9px;
}

.price-header {
    height: 10px;
    width: 100%;
    top: 0;
    background: #eeeeee;
    display: block;
    position: absolute;
    border-radius: 10px;
}

.price-header span.slider-range-left:before,
.price-header span.slider-range-right:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 10px;
    left: -3px;
    padding: 5px;
    position: absolute;
    top: -3px;
    width: 10px;
    z-index: 0;
}

.price-header span.slider-range-left,
.price-header span.slider-range-right {
    border-radius: 50%;
    cursor: pointer;
    height: 14px;
    margin-left: -14px;
    outline: 0 none;
    width: 14px;
}

.price-header span.slider-range-right {
    float: right;
}

.price-header span.slider-range-right:before {
    right: -3px;
}

.price-slider.amount {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.price-header {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.price-label {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.clear-filter {
    text-transform: capitalize;
    float: right;
    font-size: 12px;
    padding: 2px 0;
}

.widget_text a.hidden,
.widget a.hidden {
    display: none;
}



.change-view--active {
    cursor: default;

}


.change-view.grid-view-active:before {
    content: "\f009";
    font-family: FontAwesome;
    font-size: 18px;

}

.change-view.grid-view:before {
    content: "\f009";
    font-family: FontAwesome;
    font-size: 18px;

}

.change-view.list-view {
    background-color: #ebebeb;
    color: #c2c2c2;
}

.change-view.list-view-active,
.change-view.grid-view-active {
    background-color: {
            {
            settings.color_primary_color
        }
    }

    ;
}

.change-view.list-view-active:before {
    content: "\f03a";
    font-family: FontAwesome;
    font-size: 18px;
    color: #fff;
}

.list-view:before {
    content: "\f03a";
    font-family: FontAwesome;
    font-size: 18px;

}

#viewcontrols .listview,
#viewcontrols .gridview {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: pointer;
    font-size: 18px;
}

#viewcontrols .gridview {
    padding-right: 10px;
}

#viewcontrols {
    float: left;
    display: inline-block;
}

.gridview,
.listview {
    float: left;
}

.listview.active,
.gridview.active {
    color: #f5f5f5;
}


/* Swatches Styles */
    {
    % assign width='30px'%:
}

    {
    % assign height='30px'%:
}

.swatch {
    margin: 0 0 20px;
}

.swatch {
    float: left;
    width: 100%;
}

.swatch .header {
    margin: 0px 0 10px;
}

.swatch .header {
    float: left;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
}

.swatch input {
    display: none
}

.swatch .swatch-element.color.available {
    box-shadow: inherit;
}

.swatch .swatch-element.soldout {
    margin-right: 10px;
}

.swatch .swatch-element.available {
    margin-right: 10px;
}

.swatch .swatch-element.color label {
    width: 35px;
    height: 35px;
    border: 1px solid black;
}

.swatch .swatch-element.color input:checked+label {
    border: 2px black solid;
    background-color: transparent;
    color: white;
    text-decoration: underline;
}

.swatch label {
    float: none;
    display: inline-block;

    padding: 9px;
    margin: 0;
    font-size: 13px;
    text-align: center;

    white-space: nowrap;
    text-transform: uppercase;
}


.swatch .swatch-element.color {
    background: none !important;
    margin: 0px 0 0px 0;
}

.swatch-element.color label {
    padding: 0;
}

.swatch-element label {
    padding: 7px 18px;
    cursor: pointer;
    font-weight: bold !important;

}

.swatch-element label::before {
    color: #19468d;
    /*   	margin: 0 10px;
    content: ''; */
}

.summary .product-size .swatch-element.color label {
    width: 30px;
    height: 30px;
}

.color.swatch-element label {
    padding: 0
}

.swatch input:checked+label {}

.swatch .swatch-element {
    float: none;
    display: inline-block;
    -webkit-transform: translateZ();
    -webkit-font-smoothing: antialiased;
    position: relative;
}

.crossed-out {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
}

.swatch .swatch-element .crossed-out {
    display: none
}

.swatch .swatch-element.soldout .crossed-out {
    display: block
}

.swatch .swatch-element.color.soldout input:checked+label.white-tick:before {
    content: none;
}

.swatch .swatch-element.soldout label {
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.swatch .tooltip {
    text-align: center;
    background: #00305f;
    color: #fff;
    bottom: 100%;
    padding: 10px;
    display: none;
    position: absolute;
    width: 100px;

    left: {
        width | remove: 'px'| to_number | divided_by:2 | minus:50 | plus:2
    }

    px;
    margin-bottom:15px;
    filter:alpha(opacity=0);
    -khtml-opacity:0;
    -moz-opacity:0;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
    -ms-transform:translateY(10px);
    -o-transform:translateY(10px);
    transform:translateY(10px);
    -webkit-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out;
    -webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);
    z-index:10000;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    left:-36px;
}

.swatch .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.swatch .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #00305f 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.swatch .swatch-element:hover .tooltip {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.swatch.error {
    background-color: #00305f !important;
    color: #333 !important;
    padding: 1em;
    border-radius: 5px;
}

.swatch.error p {
    margin: 0.7em 0
}

.swatch.error p:first-child {
    margin-top: 0
}

.swatch.error p:last-child {
    margin-bottom: 0
}

.swatch.error code {
    font-family: monospace
}

.swatch .selector-wrapper:after {
    background: none;
}

.swatch input:checked+label {
    background: #19468d;
    color: white;
}

.swatch label {

    float: none;
    display: inline-block;
    padding: 9px;
    border: 1px solid black;
    margin: 8px;
    font-size: 17px;
    text-align: center;


    white-space: nowrap;
    text-transform: uppercase;
}

.swatch .swatch-element.color.white input:checked+label:before {
    color: #000;
}

/* ===============================================
// Reveal module
// =============================================== */
.collection-list .product-list .reveal .hidden {
    width: initial;
    left: 0;
    right: 0;
}

.products .reveal .hidden {
    display: block !important;
    visibility: visible !important;
}

.product:hover .reveal img {
    opacity: 1;
}

.products .reveal {
    position: relative;
}

.products .reveal img {
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.products .reveal .hidden {
    position: absolute;
    z-index: -1;
    top: 0;


    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.products:hover .reveal .hidden {
    z-index: 9;
    opacity: 1;
}

.hidden {
    display: none;
}

.swatch .swatch-element.color input:checked+label.white-tick:before {
    color: #000;
}

.widget.widget_filter_brand ul li a,
.widget.widget_filter_brand ul li a,
.widget.widget_filter_brand ul li.all a {
    color: #333;
    font-size: 12px;

    padding: 0;
    text-indent: inherit;
}

.widget.widget_filter_brand ul li .filterCheckbox {
    border-radius: 3px;
    content: "";
    cursor: pointer;
    display: none;
    float: left;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    width: 22px;
}


#email-modal .modal-overlay {
    background: #000;
    height: 100%;
    position: absolute;
    width: 100%;
}

#email-modal .modal-overlay {
    opacity: 0.65;
    filter: alpha(opacity=50);
    zoom: 1;
}

#email-modal .window-border {
    background: #111;
    left: 0;
    position: absolute;
    top: 0;
}

#email-modal .window-window {
    position: relative;
    min-height: 630px;
}

#email-modal .window-window .window-background {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#email-modal .window-window .window-content {
    text-align: center;
    padding: 0px 40px;
    position: absolute;
    width: 100%;
    top: 15%;
}

#email-modal h3,
#email-modal h4 {
    color: white;
    margin-bottom: 1.125rem;
}

#email-modal h4 {
    font-style: italic;
}

#mc_embed_signup {
    display: none;
}

#mc_embed_signup button {
    display: none;
    float: right;
    padding: 16px 20px;
    min-height: 50px;
    font-size: 16px;
    font-weight: normal;
    background: none;

}

#mc_embed_signup button:hover {
    display: none;
    opacity: 0.9;
}

#email-modal .window-window .window-content .title,
#email-modal .window-window .window-content .message {
    text-align: center;
    border-top: none;
    font-size: 16px;
}

#email-modal .window-window .window-content .title {
    display: inline-block;
    font-size: 38px;
    left: 0;
    letter-spacing: 0.05em;
    line-height: 49px;
    margin: 0rem auto;
    padding: 0 0px 15px;
    text-align: center;
    width: 100%;
}

#email-modal .window-window .window-content .message {
    clear: both;
    padding: 0px 0 15px;
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
}

.newsletterwrapper .btn.close,
.newsletterwrapper .close.btn--secondary,
.newsletterwrapper .close.btn--tertiary,
.newsletterwrapper input.close[type="submit"] {
    top: 12px;
    right: 12px;
}



.ajax-success-modal .close-modal {
    left: -14px;
    right: auto;
}

.close-modal {
    left: 0;
    right: auto;
}

.ajax-right,
.ajax-success-modal .ajax-left {
    float: right;
}

.ajax-right .btn i {
    margin-left: 12px;
    margin-right: auto;
}

/* .quick-view .close-window,
.search-close,
#popupBoxClose,
.newsletterwrapper .btn.close {
    left: -11px;
    right: auto;
} */

/* .newsletterwrapper .btn.close {
    left: -20px;
} */

.product-shop.summary span.price {
    float: right;
}

.quick-view .product-shop.summary .details label {
    float: right;
    margin-left: 15px;
    margin-right: auto;
}

.quick-view form .actions button {
    float: right;
}

.quick-view .product-shop.summary {
    padding-right: 30px;
}

.product-img.images {
    float: right;
}

.ajax-product-title {
    text-align: right;
}

.modal {
    right: 0;
    left: 0;
}

.loading-modal {
    left: 0 !important;
    right: 50% !important;
}

.swatch .swatch-element.color {
    margin: 0 0 0 0;
}

#filter-1 li a {
    margin: 0 0 0 10px !important;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    text-align: left;
}




.swatch .swatch-element.available {
    margin-left: 0px;
    margin-right: 10px;
}

.widget.widget_filter_brand ul li {
    float: right;
}

/* #mc_embed_signup button {
    margin-left: 7px;
    margin-right: auto;
} */



    {
    % endif %
}

/* Custom by Yum Yum Shop */

h3 {
    font-family: Marck Script;
}

nav.breadcrumb {
    padding: 60px 0 80px;
    margin-top: 0;
}

nav.breadcrumb h2 {
    font-size: 40px;
    text-transform: capitalize;
}

nav.breadcrumb::after {
    height: 18px;
}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active,
.tags a:hover,
.tags a:focus,
.tags a:active {
    color: #a4c7e2;
}

.site-nav span {
    line-height: 22px;
    font-size: 17px;
    letter-spacing: 0.125rem;
}

h1 {
    font-size: 42px;
}

footer h3 {
    text-transform: capitalize;
    font-size: 32px;
    color: white;
}

footer ul {
    margin-left: 0;
}

footer a {
    /*  	text-transform: uppercase;  */
    color: white;
    font-weight: 700;
    font-size: 18px;
}

footer a:hover,
footer a:active {
    color: white;
    text-decoration: underline;
}

footer .post-large--one-fifth {
    float: left;
    padding: 0px 32px 0 0;
}

.footer-logo {
    max-width: 89%;
    margin-left: -4%;
    margin-top: -10%;
}

/**
Mobile footer corrections
*/
@media screen and (max-width: 767px) {
    .site-footer ul {
        margin: 0;
    }

    footer .post-large--one-fifth {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .footer-logo {
        max-width: 30%;
        margin: 0 auto 1rem;
    }
}

.SectionHeader {
    text-align: center;
    padding: 4rem 0 2.4rem;
}

#product-photo-thumbs {
    margin-top: .75rem;
}


/* Custom Nav Stuff */
.header-top-section {
    margin: 0;
}

.header-sticky {
    height: 110px;
    width: 100%;
    background: transparent;
}

.header-type-4 .site-nav {
    height: 110px;
    width: 100%;
}

.header-type-4 .menu-tool {
    width: 100%;
}

/* Nav stuff */
.menu-bar-left,
.menu-bar-right {
    padding: 0 1rem;
}

.site-nav li {
    margin: 5px 7% !important;
    text-transform: uppercase;
}

/**
* Need this to prevent dropdowns from bugging out
*/
.site-nav li.dropdown {
    height: 150% !important;
}

.site-header__logo.logo {
    max-height: 110px;
}

.site-header__logo.logo a {
    margin-top: -40px;
    padding-top: 40px;
    height: 150px;
}

@media screen and (max-width: 967px) {
    .site-nav li {
        margin: 5px 4% 5px 3% !important;
        text-transform: uppercase;
    }

    .site-nav span {
        line-height: 22px;
        font-size: 13px;
    }
}

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

    .site-header__logo.logo a {
        margin-top: 0px;
    }

    .menu-new-top {
        font-size: 12px;
    }
}

@media screen and (max-width:525px) {
    .menu-new-top {
        font-size: 9px;
    }
}

.site-nav>li:hover>a:hover {
    background: transparent !important;
}

.site-nav li a {
    margin-top: 1rem;
}

.site-nav .site-nav-dropdown li {
    margin: 0;

}

.site-nav li.dropdown>li {
    width: auto;
    float: left;
    margin: 5px 30px 5px 32px;
}

.menubar-section {
    height: 110px;
    width: 100%;
    background: rgba(251, 251, 251, 0.86) !important;
}

#menubar-section .menu_bar_right {
    position: relative;
    width: auto;
    margin-top: -125px;
    padding: 0 20px 0 0;
    float: right;
}

#menubar-section .menu_bar_right a {
    color: #19468d !important;
}


/**
Logo
*/

.header-top-section .logo {
    float: left;
    width: 20%;
    height: auto;
}

.menu-tool {
    overflow: hidden;
}

.is-sticky .header-top-section .site-header__logo {
    width: 18%;
    transition: width 0.5s;
}

.is-sticky .menubar-section {
    background: none;
}

/* Mobile Logo */

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

    /*  More padding around body than theme defaulted 10px   */
    .wrapper {
        padding: 0 32px;
    }

    .mobile-nav {
        overflow: visible !important;
    }

    .header-top-section .logo {
        height: 100% !important;
        width: 100% !important;
        text-align: center;
    }

    .mobile-nav__link {
        clear: both;
    }

    .menu-bar-left,
    .menu-bar-right {
        display: none;
    }


    .header-top-section .logo,
    .site-header__logo.logo {
        height: 100%;
        width: 100%;
        text-align: center;
    }

    .site-header__logo a {
        width: 100%;
    }

    .site-header__logo img {
        margin: 0 auto;
        width: 66%;
    }

}

.site-nav-dropdown span {
    font-size: 17px;
}

.flexslider {
    margin-top: 0px;
}

.site-nav-dropdown {
    margin-top: 2px !important;
}

.site-nav-dropdown {
    padding-left: 0;
}

.header-type-4 .menu-tool .site-nav .site-nav-dropdown li {
    padding-left: 0;
    padding: 0;
    margin: 0.5rem 0 !important;
}

.header-type-4 .menu-tool .site-nav .site-nav-dropdown li a {
    text-align: center;
    padding: 0 10px;
}

.header-type-4 .menu-tool .site-nav .site-nav-dropdown li a&:hover {
    color: red;
}

.site-header__logo img.retina-logo,
.is-sticky .sticky-logo img.retina-footer-logo,
.footer-logo img.retina-footer-logo {
    display: none !important;
}

/**
* Grid override and other theme mods
**/
.template-page .rte a {
    text-decoration: underline;
}

.dt-sc-hr-invisible-large {
    width: 100%;
    float: left;
    clear: both;
    margin: 30px 0px;
    padding: 0px;
}

.grid__item .rte {
    margin: 0 auto;
    /*     width: 79%; */
    max-width: 972px;
}

img.auto,
.grid__item img,
.grid__item iframe {
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .breadcrumb::before {
        display: none;
    }
}

.section-header__title {
    font-weight: 700;
}



/**
Homepage Stuff
**/

ol.flex-control-nav {
    display: none;
}

.flex-direction-nav a {
    top: 35%;
    display: block;
    width: 60px;
    position: absolute;
    bottom: unset;
}

.about-container {
    max-width: 1100px;
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .flex-direction-nav a {
        top: 40%;
    }

    h2 {
        font-size: 45px;
    }

    .flexslider {
        margin-top: -40px;
    }

    #shopify-section-slider {
        max-height: 530px;
        overflow: hidden;
    }

    .about-img-mobile {
        display: none;
    }

    .about-image-desktop {
        float: left;
        display: block;
        width: 35%;
        height: 100%;
        min-height: 418px;
        background-image: url(/cdn/shop/files/about.jpeg?1192);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .about-text {
        text-align: left;
        color: white;
        max-width: 81%;
        margin: auto 5%;
        padding-top: 8.5vh;
        margin-bottom: 0%;
        line-height: 30px;

    }

    .fourth-homepage-block .ice-cream-image-mobile {
        display: none;
    }

}

.alternate.yum-yum.btn {
    margin-top: 1rem;
    background-color: #a4c7e2;
    font-weight: bold;
}

.alternate.yum-yum.btn:hover {

    color: #a4c7e2;
    background-color: white;
    font-weight: bold;
}

.alternate.yum-yum.btn:hover a.white-link {

    color: #a4c7e2;
    font-weight: bold;
}

.about-us-homepage-block {
    min-height: 33vh;
    overflow: hidden;
    background-color: #19468d;
}

.about-us-homepage-block h2 {
    color: white;
}

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

    .about-us-homepage-block {
        max-height: none;
        background-color: #19468d;
    }

}



.treats-text-left {

    width: 51.5%;
    padding-top: 0%;
    padding-left: 10%;
    padding-right: 0.5%;
    float: left;
    text-align: left;
    padding-top: 5%;
    padding-bottom: 3rem;

}

.yum-yum-button {
    margin-top: 1rem;
}

.second-homepage-block button,
.third-homepage-block button,
.fourth-homepage-block button,
.fifth-homepage-block button {
    margin-top: 1rem;
}

.treats-image-right {
    width: 44%;
    float: right;
    background-image: url('/cdn/shop/files/YYS-124.jpg?4477');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 457px;
}

.third-homepage-block {
    clear: both;
    display: block;
    background-color: #9c6026;
    color: white;
    overflow: hidden;
}

.third-homepage-block h2 {
    color: white;
}

.custom-image-left-desktop {
    float: left;
    width: 40%;
    min-height: 457px;
    margin-right: 9%;
    background-image: url('/cdn/shop/files/F79C64DF-9C25-4142-9CCC-90E420C4C792_-_image.png?12274');
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}

.custom-text-right {
    padding-top: 14vh;
    float: left;
    width: 44%;
    min-width: 300px;
    text-align: left;
}


}

.fourth-homepage-block h2 {
    color: #19468d;
}

.fourth-homepage-block .ice-cream-content-container {
    padding-top: 14vh;
    float: left;
    width: 55%;
    margin-right: 5%;
    padding-left: 10%;
    text-align: left;
}

.fourth-homepage-block .ice-cream-content-container h2 {
    color: #19468d;
}

.fourth-homepage-block .ice-cream-image-right {
    float: right;
    width: 40%;
    height: 100%;
    min-height: 457px;
    background-image: url('/cdn/shop/files/W9fLiMEk.jpeg?7032');
    background-size: cover;
    background-repeat: no-repeat;
    display: block;

}

.btn a.white-link {
    color: white;
}

.fifth-homepage-block {
    background-color: #19468d;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.give-the-gift-image-desktop {

    float: left;
    width: 40%;
    min-height: 475px;
    margin-right: 7%;
    background-image: url('/cdn/shop/files/gift-card-donut.jpeg?1842');
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}

.give-the-gift-content-container {
    float: left;
    text-align: left;
    max-width: 45%;
    margin: 0 auto;
    margin-top: 7rem;
    margin-right: 3%;
    margin-bottom: 2rem;
    padding-bottom: 3rem;
}

.give-the-gift-content-container p,
.give-the-gift-content-container h2 {
    color: white;
}




.give-the-gift-container p {
    max-width: 80%;
    margin: 1rem auto;
    text-align: left;
    color: white !important;
}

.give-the-gift-mobile-image {
    display: none;
}

.btn-reverse {
    background-color: white;
    color: #19468d;
}

.newsletter-content-section {
    padding: 26px 0 12px 0;
}

.newsletter-section form {
    width: 80%;
}

.newsletter-section form .btn,
.newsletter-section form .btn--secondary,
.newsletter-section form .btn--tertiary,
.newsletter-section form input[type="submit"] {
    background-color: #19468d;
}





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

    /**
  * Global Mobile overrides
  */
    .no-mobile {
        display: none !important;
    }

    h2 {
        font-size: 37px;
    }

    /* 
  * Keep the text contained
  */
    .SectionHeader.SectionHeader--center,
    .about-text,
    .treats-text {
        max-width: 80%;
        margin: 0 auto;
    }

    /**
  * Homepage
  **/


    .about-container {
        width: 80%;
        margin: 0 auto;
        overflow: hidden;
        max-height: none;
    }

    .second-homepage-block,
    .third-homepage-block,
    .fourth-homepage-block,
    .fifth-homepage-block {
        max-height: none;
    }

    .about-text {
        color: white;
        padding-top: 3rem;
        max-width: 100%;
        padding-bottom: 35px;
    }

    .about-img-mobile {
        min-height: 250px;
        background-image: url('/cdn/shop/files/about.jpeg?1192');
        width: 90%;
        margin: 0 auto 2rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .about-image-desktop {
        display: none;
    }

    .second-homepage-block {
        padding-top: 3rem;
    }


    .treats-text-left {
        width: 80%;
        margin: 0 auto;
        float: none;
        text-align: center;
        padding: 0;
        padding-bottom: 3rem;
    }

    .treats-image-mobile {
        display: block;
        background-image: url('/cdn/shop/files/YYS-124.jpg?4477');
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        width: 90%;
        min-height: 250px;
        margin: 1.25rem auto;
    }

    .treats-image-right {
        display: none;
    }


    /*  Custom section, mobile  */

    .custom-image-left-desktop {
        display: none;
    }

    .custom-image-mobile {
        display: block;
        background-image: url('/cdn/shop/files/F79C64DF-9C25-4142-9CCC-90E420C4C792_-_image.png?12274');
        background-size: cover;
        background-repeat: no-repeat;
        width: 90%;
        min-height: 250px;
        height: 100%;
        margin: 1rem auto;
    }

    .custom-text-right {
        float: none;
        width: 80%;
        margin: 0 auto;
        min-width: 300px;
        text-align: center;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .fourth-homepage-block .ice-cream-content-container {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        float: none;
        padding-top: 3rem;
        padding-left: 0;
        margin: 0 auto;
    }

    .fourth-homepage-block .ice-cream-image-right {
        display: none;
    }

    .fourth-homepage-block .ice-cream-image-mobile {
        display: block;
        background-image: url('/cdn/shop/files/W9fLiMEk.jpeg?7032');
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0 auto 2rem;
        width: 90%;
        min-height: 250px;
        height: 100%;
    }


    /**
  * Give the gift, mobile
  */


    .give-the-gift-image-desktop {
        display: none;
    }

    .give-the-gift-content-container {
        text-align: center;
        max-width: 80%;
        margin: 0 auto;
        float: none;
        padding: 3rem;
    }

    .give-the-gift-image-mobile {
        min-height: 250px;
        background-image: url('/cdn/shop/files/gift-card-donut.jpeg?1842');
        width: 90%;
        margin: 0 auto 2rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }


}

.prt-tab-right {
    min-height: 0;
}

.grid--full.medium-down--hide.site-header__menubar {
    margin-top: 10px;
}

.wrapper-top-cart {
    margin-right: 8px;
}

/* Nav stuff */

.menu-bar-left .site-nav>li {
    float: right;
}

.menu-bar-right: {
    float: left;
}

@media screen and (max-width: 767px) {
    .header-top-section .logo {
        height: calc(100% - 38px) !important;
        width: 100% !important;
        text-align: center;
    }
}

.menu-bar-right .site-nav li {
    height: 100%;
    max-width: 200px;
    margin: 0 6% !important;
}

.menu-bar-right .site-nav li a {
    margin-top: 0;
    line-height: 110px;
    vertical-align: middle;
}

.menu-bar-left .site-nav>li {
    float: right;
}

.menu-bar-right: {
    float: left;
}

@media screen and (max-width: 767px) {
    .header-top-section .logo {
        height: calc(100% - 38px) !important;
        width: 100% !important;
        text-align: center;
    }
}

.menu-bar-right .site-nav li {
    height: 100%;
    max-width: 200px;
    margin: 0 6% !important;
}

.menu-bar-right .site-nav li a {
    margin-top: 0;
    line-height: 110px;
    vertical-align: middle;
}

@media screen and (max-width: 950px) {
    .wrapper-top-cart {
        margin-top: -8px !important;
    }

    .wrapper-top-cart img {
        max-width: 24px !important;
    }
}

.fa.fa-search {
    margin-top: 28px;
}

/* Center logo mockup */

.menu-bar-left {
    float: left;
    width: 35%;
}

.menu-bar-right {
    float: left;
    width: 36%;
}

.header-top-section .logo {
    position: relative;
    width: 29%;
    display: block;
    left: 0;
    bottom: 0;
}

.site-header__menubar {
    text-align: right;
    z-index: 500;
}


.site-header__logo,
.site-header__logo img {
    margin: 0 auto;
}

.is-sticky .header-top-section .site-header__logo {
    transition: width 0.5s;
    width: 29%;
    height: 100%;

}

.is-sticky .header-top-section .site-header__logo img {
    margin-top: 56px;
}

.site-header__menubar {
    position: absolute;
    right: 32px;
    top: 12px;
}

.site-header__logo.logo {
    height: 100%;
}

.header-top-section .logo img {
    position: relative;
    margin-top: 56px;
}

.menu-bar-right .site-nav li {
    height: 100%;
}

.menu-tool ul li.dropdown>a {
    height: 100%;
}

.site-nav li.dropdown ul.site-nav-dropdown {
    top: 6.5rem;
    z-index: -1;
    border-radius: 7px 7px 7px 7px;
}

/**
Collection List
*/

.product-container img {
    max-height: 180px;
}


/* Menu Page */
.collection-carousel-wrapper {
    margin: 2rem 0 55px;
}

/**
* Media Page
**/

h1.media-page {
    margin-top: -2rem;
}

/**
** Product Page
**/
/* .product-single .product-description {
    margin-top: 25px;
}
 */
select.single-option-selector {
    display: none;
}

.dt-sc-tabs-container {
    display: none;
}

input#mail::placeholder {
    color: black !important;
}

#mc_embed_signup button {
    color: black !important;
    margin-top: 2px;
}

/* Global Newsletter / Social Stuff  */
#shopify-section-yys-social-newsletter {
    width: 100%;
    height: auto;
    overflow: hidden;

    background-color: #a4c7e2;
}

.newsletter_cnt h2 {
    color: #ffffff;
    font-size: 35px;
    padding-top: 0.75rem;
}

.newsletter-section form #email-input {
    background: #ffffff;
    color: black;
    border-radius: 7px;
}

.social-media-section {
    border-top: 1px dashed white;
    padding-top: 24px;
    text-align: center;
    width: 100%;
    height: 120px;
    display: block;
}

.social-media-section h3 {
    color: white;
}

.social-media-list {

    list-style-type: none;
    margin: 0 auto;
    padding-left: 0;
    width: 90px;
    text-align: center;
}

.social-media-list li {
    display: inline-block;
    margin-right: 2px;
    height: 40px;
    width: 40px;
}

.social-media-list li a {
    width: 100%;
    height: 100%;
}

.related-products-container h2,
.related-products-container .h2 {
    color: #19468d;
}

.ajax-success-modal .content {
    border: none;
}

.ajax-success-modal .close-modal {
    right: -14px;
    left: auto;
}

.ajax-product-title {
    margin-left: 17px;
    text-align: left;
}

.ajax-success-modal .ajax-left {
    padding: 0px 25px;
}

.ajax-success-modal .success-message {
    margin-left: 15px;
    margin-top: 26px;
}

.ajax-right {
    padding-top: 40px;
}

.ajax-right .btn i {
    margin-left: 0;
    margin-right: 6px;
}

.order-form-section {
    padding: 0 20px;
    width: 100%;
    margin-top: 0;
    overflow: hidden;
}

.order-wrapper {
    background: #ffffff no-repeat;
    float: left;
    clear: left;
    width: 100%;
    padding: 0;
}

.order-wrapper h2 {
    margin-top: 0;
    text-align: center;
}

.order-wrapper h4 {
    text-align: center;
}

.order-wrapper textarea,
.order-wrapper input[type="text"],
.order-wrapper input[type="email"],
.order-wrapper input[type="tel"],
.order-wrapper button[type="submit"] {
    width: 100%;
    min-height: 51px;
}

hr {
    clear: both;
    border-top: solid #9e6161;
    border-width: 4px 0 0;
    margin: 40px 0;
    height: 0;
    background-color: white;
    border-style: dashed;
    text-align: center;
}

.border-title {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .product-single #AddToCart {
        margin-top: 1rem;
        clear: both;
    }

    .section-header__title {
        font-size: 34px;
    }
}


.note.form-success {
    margin-top: 2rem;
    text-align: center;
}

.product-single .quantity-selector {
    width: 62px;
}

.product-single__quantity {
    display: block;

    margin-bottom: 1rem;
}

.btn.custom-order-target-button {
    float: left;
    clear: left;
    margin-top: 1rem;
}

.breadcrumb::before,
.breadcrumb::after,
    {
    background: none !important;
}

.custom-container-hidden {
    display: none;
}