/*MOBILE NAVIGATION*/
#btn-mobile-nav-toggle {padding: 5px 5px; text-align: center;}

#mob-hor-navigation-wrapper {margin-bottom: 20px; clear: both; display: table; width: 100%}

#mob-hor-navigation-wrapper a 	   {font-size: 12px!important;  margin-top: 8px; line-height: 15px;}
#mob-hor-navigation-wrapper a:hover {font-size: 12px!important;  margin-top: 8px; line-height: 16px;}

#mob-hor-navigation-wrapper ul {padding: 0px; margin: 0px; width: 100%; text-align: left;}

#mob-hor-navigation-wrapper ul li.first 
{display: table; padding: 10px 2px 0 10px; float: left; width: 16.5%; height: 40px}

#mob-hor-navigation-wrapper li.first:hover 
{display: table; padding: 10px 2px 0 10px; float: left;}


#mob-hor-navigation-wrapper ul li 
{display: table; padding: 10px 2px 0 10px; float: left; width: 16.5%; height: 40px}

#mob-hor-navigation-wrapper li:hover 
{display: table; padding: 10px 2px 0 10px; float: left;}


/*KILL MOB NAV*/
#mob-hor-navigation-wrapper {margin-bottom: 20px; clear: both; display: none; background: #ccc}
#btn-mobile-nav-toggle{display: none;}
#product-showcase-input select { width: 48%!important; float: left!important; margin-right: 1%;}


















/*SPRING BOARD*/


#springboard-container-outer {

	float: left;}

#springboard-container-outer-2 {

	float: left;}

#springboard-container-inner-2 {
	background: #c0202d url(../img/bg-subscribe.gif) -70px -30px no-repeat!important;}



#springboard-2-title { width: 100%!important; margin-top: 15%; font-size: 20px; 
	line-height: 17px!important; margin-bottom: 15px; display: block; text-align: left!important}
#springboard-2-desc{ font-size: 14px; text-align: left!important}




#springboard-container-outer-3 {float: left;}
#springboard-container-inner-3 {background: #c0202d url(../img/bg-pinterest.gif) -70px -30px no-repeat!important;position: relative;}

#springboard-3-data {position: absolute; bottom: 40px; right: 20px }
#sprinboard-3-title{margin-top: 40%!important; font-size: 28px; line-height: 25px; margin-bottom: 5px;}
#springboard-3-desc{ font-size: 14px;}



#springboard-container-outer-4 {float: left;}
#springboard-container-inner-4 {background: #313950 url(../img/bg-image-shipping.jpg) 10px -30px no-repeat!important; position: relative;}

#springboard-4-data {position: absolute; bottom: 40px; left: 20px }
#sprinboard-4-title{margin-top: 150px; font-size: 23px; line-height: 20px; margin-bottom: 5px; display: block; text-align: left;}
#sprinboard-4-title2{ font-size: 23px; line-height: 20px; margin-bottom: 5px; display: block; text-align: left;}
#springboard-4-desc{ font-size: 14px;}




.menu-bucket-light {
width: 25%;
}

.menu-bucket-dark {
width: 25%;
}

.menu-bucket-light h1{
font-size: 24px
}

.menu-bucket-dark h1{
font-size: 24px
}











/*GALLERY*/




.kocard {
/*    margin-top: 220px;*/
    -moz-box-shadow: 0 8px 6px -6px #363636;
    width: 180px;
    border-radius: 5px;
    border: 2px solid #fff;
}


.gallery-thumb-wrapper{height:160px!important; overflow:hidden;margin-bottom: 3px!important;text-align:center;}





/* END SHOWCASE JQUERY GALLERY */




#good-food-text {
    color: #fff;
    padding: 45px;
    width: 70%;
    left: 15%;
    position: relative;
}


h1 {
    font-size: 30px;
line-height: 28px!important;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    color: #515151;
    letter-spacing: -1px;
    margin-bottom: 15px;
}


#approach-pull-quote{ text-align: right!important; /*right: 0%!important*/}



.well > .menu > li {
    display: inline-block;
/*    width: 12%;*/
    margin-top: -12px;
}



/*.item-101 {width: 7.5%!important}
.item-102 {width: 7.5%!important}
.item-103 {width: 8.5%!important}
.item-203 {width: 13.5%!important}
.item-104 {width: 8.5%!important}
.item-105 {width: 7.5%!important}
.item-106 {width: 9.5%!important}
.item-107 {width: 10.5%!important}
.item-218 {width: 12.5%!important}*/


.item-101 {margin-right: 20px;}
.item-102 {margin-right: 20px;}
.item-103 {margin-right: 20px;}
.item-203 {margin-right: 20px;}
.item-104 {margin-right: 20px;}
.item-105 {margin-right: 20px;}
.item-106 {margin-right: 20px;}
.item-107 {margin-right: 20px;}
.item-218 {margin-right: 20px;}
.item-221 {margin-right: 20px;}
.item-222 {margin-right: 20px;}
.item-234 {margin-right: 20px;}



#navigation-contact {
    position: absolute;
    right: 30px;
    text-align: right!important;
    top: 0px;
}

.innerHeader {padding: 0 20%; margin: 80px 0px 30px 0px; width: 750px}



.mj-CartRow {
    margin-top: 118px!important;
    clear: both;
    position: relative;
    display: block;
}


.mj-actionBox {
    width: 20%;
    margin-left: 3%!important;
}


.mj-Price {
    width: 60%!important;
    height: 80px!important;
    line-height: 80px!important;
    float: left;
    margin: 0px 5px!important;
    text-align: center;
    padding: 0px!important;
    background-color: #f9f9f9;
    /* border: 1px solid #e5e5e5; */
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 4px;
    font-size: 17px;
    font-family: lato;
}

.mj-btnDel {
    width: 30%!important;
    height: 80px!important;
    line-height: 82px!important;
    float: right;
    padding: 0px!important;
    margin-top: 0px!important;
}


.chef-holder {
min-height: 800px;
float: left;
width: 50%;
position: relative;
}



#chef-1 {
    min-height: 380px!important;
}



#chef-2 {
    min-height: 380px!important;
}


.gc-text {
    min-height: 490px!important;
}





#job-wrapper {
    clear: both;
    /* background: #ccc; */
    padding: 130px 0;
    position: relative;
    text-align: center;
    background: url("../jobs.png");
    font-size: 40px!important;
}

#job-wrapper p {
    color: #c1c1c1
    font-size: 14px;
}

#job-container p {
    color: #c1c1c1
}

.supplier-heading {
    margin-top: -48px
}

#job-wrapper {
    clear: both;
}

#job-overview {
    padding-right: 20px;
}

#job-overview p {
    color: #707070;
}

#job-overview a {
    color: #A9A9A9;
}

#job-overview a:hover {
    color: #9BB1AA;
}

#job-bio-image {
    background: #4f4e4c;
    padding: 10px;
}

#job-bio-name {
    font-size: 34px !important;
    margin-bottom: 15px;
    color: #fff;
    line-height: 40px;
}

#job-bio-desc {
    padding-left: 30px;
}

#job-bio-desc a{
    color: #fff;
}

#job-bio-desc a:hover{
    color: #92b399;
}

.job-standout {color: #99b195;display: block;}

#job-bio-desc p {
    color: #fff;
    line-height: 30px;
    font-size: 20px;
    margin-top: 40px;
    width: 60%;
    left: 20%;
    position: relative;
}

#job-website-link {
    position: absolute;
    bottom: 40px;
    right: 40px;
}

#job-website-link a {
    color: #797979;
}

#job-website-link a:hover {
    color: #9BB1AA;
}
 



.popup-wrapper {width: 100%}

.popup-header {width: 100%}

.popup-content {
    width: 90%;
    padding: 10px 5%;
    clear: both;
}

#priv-popup-header {
width: 100%;
/*background: url(https://www.wineandbrine.co.uk/templates/protostar/img/priv-head.jpg);
background-size: contain;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; 
height: 300px; */}



#priv-popup-header img {width: 100%}


.pop-up-logo {
    width: 180px;
    margin-top: -80px;
    clear: both;
    margin-left: 5%;
}

/*#priv-popup-header img {
    max-width: 100%;
    max-height: 100%;
}*/

.popup-content p {
    font-size: 16px!important;
    line-height: 19px;
}



.frightpad {
    float: right;
    padding: 0 0 20px 20px;
    margin-bottom: 80px;
}



#button-pop {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif !important;
    display: block;
    background: #575757;
    padding: 16px;
    font-size: 15px;
    color: #fff;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
    border: 1px solid #fff
}
#button-pop:hover {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif !important;
    display: block;
    background: #999;
    color: #fff;
    border: 1px solid #fff
}
#button-pop a {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif !important;
    font-size: 15px;
    text-decoration: none;
}



.pop-title-mobile {display: none;}

.pop-title-desk {
    position: relative;
    right: 50px;
    top: -90px;
    float: right;
    display: block;
    font-size: 28px;
    clear: both;
}

.popup-content { padding-top: 0px!important }


.svg-button {width: 20%}


#good-food-text-wrapper {
    font-size: 21px;
    line-height: 28px;
    width: 65%
}



#button-float {
    padding: 15px!important;
    width: 15%!important;
    left: 42.5%!important;
    border: 1px solid #fff;
}