/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#wrapper{

}

#wrapper > .container-fluid{

}

.flexbox{
    display: flex;
}
.flexbox.flex-justify{
    justify-content: space-between;
}


.header-banner{
    background: #000;

}
.header-banner > div{
    padding: 8px 0 0 0;
}
.header-banner .header-jozephine{
    background: url("../img/jozephine-bg.jpg") no-repeat 100% 50% #222227;
    height: 84px;
}
.header-banner .header-sjefs{
    background: #463c10;
    background: url("../img/jozephine-bg.jpg") no-repeat 100% 50% #222227;
    height: 84px;
}


/* temp */
#amazzing_filter .af_filter .af_subtitle,
#amazzing_filter .af_filter h5.af_subtitle,
#amazzing_filter  h5{
    margin-bottom: 1rem!important;
    font-size: 1rem;
    font-weight: 500;
    padding: 0;
}

#amazzing_filter{
    box-shadow: none;

}
#amazzing_filter .title_block{
    display: none;
}
#amazzing_filter h5.af_subtitle {
    font-weight: 400;
}
#amazzing_filter .selectedFilters{

}
#amazzing_filter .block_content{
    display: flex;
    flex-direction: column;
}
#amazzing_filter.animation-ready .block_content{
  height: 100%
}

#amazzing_filter .selectedFilters{
    order:2;
}
#amazzing_filter #af_form{
    order: 1;
    padding-top: 0;
}
#amazzing_filter .selectedFilters .cf{
    display: none!important;
}
#amazzing_filter .selectedFilters .clearAll a.icon-eraser.all{
    display: block;

    width: 100%;
    background: #BB5D38;
    color: #fff;
    text-align: center;
}
#amazzing_filter .selectedFilters .clearAll a.icon-eraser.all:before {
    content: '';
}




#amazzing_filter .af_subtitle_heading{
    display: none;
}
#amazzing_filter .af_filter.f75 .af_subtitle_heading{
    display: block;
}
#amazzing_filter .af_filter{
    border: none;
    padding: 0;
    margin: 0;
}
#amazzing_filter .af_filter ul{
    line-height:1;

}
#amazzing_filter .af_filter.f75{
    border:1px solid #E4E4E4;
    padding: .5rem;
    margin-bottom: 1rem;
}

#amazzing_filter .af_filter_content li{
    padding: 0;
}
#amazzing_filter .group-custom{
    border:1px solid #E4E4E4;
    padding: .5rem;
    margin-bottom: 1rem;
}
#amazzing_filter .name{
    padding: 0 0 0 1px;
}
.af_filter.expandable .toggle-cut-off{
    display: none;
}
#amazzing_filter .af_filter .af_filter_content li input[type="checkbox"] + span.name::before,
#amazzing_filter .af_filter .af_filter_content li input[type="checkbox"]:checked + span.name::before{
    letter-spacing: 3px;
    content: '';

}
#amazzing_filter .af_filter .af_filter_content li input[type="checkbox"] + span.name{
    font-size: .8rem;
}
#amazzing_filter .col:first-child {
    margin-right: 18px;
}

#amazzing_filter .af_filter .af_filter_content{
    max-height: 300px;
    overflow-y: auto;
}


#amazzing_filter .af_filter_content li.item-f-75,
#amazzing_filter .af_filter_content li.item-f-76,
#amazzing_filter .af_filter_content li.item-f-319,
#amazzing_filter .af_filter_content li.item-f-320,
#amazzing_filter .af_filter_content li.item-f-321,
#amazzing_filter .af_filter_content li.item-f-958,
#amazzing_filter .af_filter_content li.item-f-959,
#amazzing_filter .af_filter_content li.item-f-1656,
#amazzing_filter .af_filter_content li.item-f-1787,
#amazzing_filter .af_filter_content li.item-f-2034
{
    display: inline-block;
    min-width: 48%;
    position: relative;
    text-align: center;
    padding-bottom: 1rem;
}
#amazzing_filter.animation-ready .af_filter_content li.item-f-75,
#amazzing_filter.animation-ready .af_filter_content li.item-f-76,
#amazzing_filter.animation-ready .af_filter_content li.item-f-319,
#amazzing_filter.animation-ready .af_filter_content li.item-f-320,
#amazzing_filter.animation-ready .af_filter_content li.item-f-321,
#amazzing_filter.animation-ready .af_filter_content li.item-f-958,
#amazzing_filter.animation-ready .af_filter_content li.item-f-959,
#amazzing_filter.animation-ready .af_filter_content li.item-f-1656,
#amazzing_filter.animation-ready .af_filter_content li.item-f-1787,
#amazzing_filter.animation-ready .af_filter_content li.item-f-2034
{
min-width: 32%;
}

@media screen and (min-width: 992px) and (max-width: 1561px) {

  #amazzing_filter.animation-ready .group-custom > div{
    columns: 4!important;
    -webkit-columns: 4!important;
    -moz-columns: 4!important;

  }

}


#amazzing_filter .af_filter .af_filter_content li.item-f-75 .count,
#amazzing_filter .af_filter .af_filter_content li.item-f-76 .count,
#amazzing_filter .af_filter .af_filter_content li.item-f-319 .count,
#amazzing_filter .af_filter .af_filter_content li.item-f-320 .count,
#amazzing_filter .af_filter .af_filter_content li.item-f-321 .count,
#amazzing_filter .af_filter .af_filter_content li.item-f-958 .count,
#amazzing_filter .af_filter .af_filter_content li.item-f-959 .count,
#amazzing_filter .af_filter .af_filter_content li.item-f-1656 .count,
#amazzing_filter .af_filter .af_filter_content li.item-f-1787 .count,
#amazzing_filter .af_filter .af_filter_content li.item-f-2034 .count
{
    position: absolute;
    left: 76% ;
}
#amazzing_filter .af_filter .af_filter_content li.item-f-75 label,
#amazzing_filter .af_filter .af_filter_content li.item-f-76 label,
#amazzing_filter .af_filter .af_filter_content li.item-f-319 label,
#amazzing_filter .af_filter .af_filter_content li.item-f-320 label,
#amazzing_filter .af_filter .af_filter_content li.item-f-321 label,
#amazzing_filter .af_filter .af_filter_content li.item-f-958 label,
#amazzing_filter .af_filter .af_filter_content li.item-f-959 label,
#amazzing_filter .af_filter .af_filter_content li.item-f-1656 label,
#amazzing_filter .af_filter .af_filter_content li.item-f-1787 label,
#amazzing_filter .af_filter .af_filter_content li.item-f-2034 label
{
    display: inline-block;
}

#amazzing_filter .af_filter_content li.item-f-75 span.name,
#amazzing_filter .af_filter_content li.item-f-76 span.name,
#amazzing_filter .af_filter_content li.item-f-319 span.name,
#amazzing_filter .af_filter_content li.item-f-320 span.name,
#amazzing_filter .af_filter_content li.item-f-321 span.name,
#amazzing_filter .af_filter_content li.item-f-958 span.name,
#amazzing_filter .af_filter_content li.item-f-959 span.name,
#amazzing_filter .af_filter_content li.item-f-1656 span.name,
#amazzing_filter .af_filter_content li.item-f-1787 span.name,
#amazzing_filter .af_filter_content li.item-f-2034 span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-Jozephine span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-Sjefs span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-PrivateLabel span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-ButchersCo span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-Gustave span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-JozephinePLANTBASED span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-SjefsPLANTBASED span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-JozephineLOWCARB  span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-PastaMaviglia  span.name
{
    text-indent: -5000px;
    width: 60px;
    height:60px;
    background: url("../img/jozephine.svg") 0 0 no-repeat;
    background-size: 100%;
    display: inline-block;
}
#amazzing_filter .af_filter_content li.item-f-76 span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-Sjefs span.name
{
    background-image: url("../img/sjefs_logo.png") ;
}

#amazzing_filter .af_filter_content li.item-f-319 span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-ButchersCo span.name
{
    background-image: url("../img/butchersco_logo.png") ;
}

#amazzing_filter .af_filter_content li.item-f-320 span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-Gustave span.name
{
    background-image: url("../img/gustave_logo.png") ;
}

#amazzing_filter .af_filter_content li.item-f-321 span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-PrivateLabel span.name
{
    background-image: url("../img/privatelabel_logo.png") ;
}


#amazzing_filter .af_filter_content li.item-f-958 span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-JozephinePLANTBASED span.name
{
    background-image: url("../img/jozephine_pb.png") ;
}


#amazzing_filter .af_filter_content li.item-f-959 span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-SjefsPLANTBASED span.name
{
    background-image: url("../img/sjefs_nm.png") ;
}



#amazzing_filter .af_filter_content li.item-f-1656 span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-JozephineLOWCARB span.name
{
    background-image: url("../img/JozephineLOWCARB.png") ;
}


#amazzing_filter .af_filter_content li.item-f-1787 span.name,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-PastaMaviglia span.name
{
    background-image: url("../img/pastamaviglia.png") ;
}


#amazzing_filter .af_filter_content li.item-f-2034 span.name
{
    background-image: url("../img/atelier_maurice_black.png") ;
}


#amazzing_filter.filters-productpage  .af_filter_content li.item-f-Jozephine span.count,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-Sjefs span.count,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-ButchersCo span.count,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-Gustave span.count,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-PrivateLabel span.count,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-JozephinePLANTBASED span.count,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-SjefsPLANTBASED span.count,
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-JozephineLOWCARB span.count
#amazzing_filter.filters-productpage  .af_filter_content li.item-f-PastaMaviglia span.count
{
    float: none;
}


/* datepicker custom */

/* Current day*/
.ui-datepicker-unselectable.ui-state-disabled.undefined.ui-datepicker-today{
    opacity: 1;

}
.ui-datepicker-unselectable.ui-state-disabled.undefined.ui-datepicker-today span{
    /*color: #333!important;
    border-color: #F4F4F4 !important;
    background: #fafafa !important;*/
}/*
.ui-state-default.ui-state-hover{
    background: transparent!important;
    border-color: transparent!important;
}
*/
td:not(.ui-state-disabled) .ui-state-default{
    background: #7fad7c !important;
    border-color: #7fad7c!important;
    text-align: center!important;
    color: #fff!important;
}

td:not(.ui-state-disabled) .ui-state-active{
   /* background: #eb6209 !important;
    border-color: #eb6209!important;
    color: #fff!important;*/
}
.ui-datepicker-calendar td span{
    text-align: center!important;
}

#quantity_wanted{
    text-align: center;
}

.justify-content-md-center, .justify-content-sm-center , .justify-content-xs-center , .justify-content-lg-center {
    justify-content: center !important;
    display: flex;
}



/* #js-product-list , .products-block */
/*TouchSpin*/
.input-group.bootstrap-touchspin,
.input-group.bootstrap-touchspin,
.touchspin-horizontal .input-group.bootstrap-touchspin
{
    display: flex;
}
.input-group.bootstrap-touchspin .input-group-btn,
.input-group.bootstrap-touchspin .input-group-btn,
.touchspin-horizontal .input-group.bootstrap-touchspin .input-group-btn
{
    width: 40px;
    height:40px;
}
.bootstrap-touchspin .btn.btn-touchspin,
.bootstrap-touchspin .btn.btn-touchspin,
.touchspin-horizontal .bootstrap-touchspin .btn.btn-touchspin
{
    background: #BB5D38;
    color: #fff;
    width: 40px;
    height:40px;
}

.bootstrap-touchspin .btn-touchspin:hover,
.bootstrap-touchspin .btn-touchspin:hover,
.touchspin-horizontal .bootstrap-touchspin .btn-touchspin:hover
{
    background: #BB5D38;
    color: #fff;
}
.btn.btn-touchspin,
.btn.btn-touchspin,
.touchspin-horizontal .btn.btn-touchspin
{
    height:40px;
}


/* replace horizontal + -  by icons */
.btn.btn-touchspin.js-touchspin{
    position: relative;
    right: 9999px;
}
.btn.btn-touchspin.js-touchspin:after{
    position: absolute;
    display: block;
    top: 0px;
    right: -9999px;
    text-align: center;
    content:"\E313";
    font-family: 'Material Icons';
    vertical-align: baseline;
    color: #333;
    height:40px;
    width: 40px;
    background: #e4e4e4;
    font-size: 1.1rem;
    line-height: 40px;
}
.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up:after{
    content:"\E316";
}

/* touchspin in speedview */

#js-product-list.speed-view .bootstrap-touchspin input.form-control,
#js-product-list.speed-view .bootstrap-touchspin input.input-group{
    height:30px;
}

#js-product-list.speed-view .btn{
    height:30px;
    padding: 0 1rem;
    line-height:30px;
}

#js-product-list.speed-view .bootstrap-touchspin .btn.btn-touchspin{
    background: #E4E4E4;
    color: #444;
    height:30px;
    margin: 0;
}

#js-product-list.speed-view .btn.btn-touchspin.js-touchspin:after{
    height:30px;
    line-height:30px;
}


    /* BT */
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none;
}

/*temp*/
#product .btn.favorite{
    height: 44px;
    background: none;
}

/*BT modal*/

.modal-body {
    padding: 0 10px 10px 10px;
}

.modal-header {
    padding:  15px 15px 15px 15px;
    border: none;
}
.modal-body #planner_modal .sub_cart_header{
    margin: 0;
}
