﻿
/* edited by clement on 23 12 2016 */


/* font fix on nutrition */

#container.post #postContent h1, #container.post #postContent h2, #container.post #postContent h3, #container.post #postContent h4, #container.post #postContent ul, #container.post #postContent ol, #container.post #postContent p {
    margin-left: 0px !important;
    margin-right:0px!important;
}

#postContent p {
    
}



#container.page_contact #wpcf7-f125-o1, #container.page_thank_you #wpcf7-f125-o1 {
    display: block !important;
}


p {
    line-height: 28px;
}

#container.page_about #nutrition p {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 28px;
}

#container.page_about p {
    font-size: 18px;
    line-height: 28px;
}

#container.page #postContent p {
    font-size: 18px;
    line-height: 90px;
}

div#intro {
    line-height: 28px;
}

#container.post #postContent p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
}

#container.page_about #team .teamContent li {
    line-height: 21px;
}


/* tooltip fix for mobile */
@media screen and (max-width: 768px) {

	.ui-tooltip {
		left: 8px !important;
		z-index: 99;
		right: 8px;
	}
	.ui-tooltip .arrow {
		left: 33px;
	}
	.toolTip {
		padding: 20px 15px;
	}
	.toolTip table {
		width: 100%;
	}
	.toolTip table * {
		font-size: 16px;
	}

}


/* twitter feed fix */
#container.home #follow .buttonRectangle {
	margin-top: 20px;
}
#container.home #follow > div > a:first-of-type {
	margin-bottom: 15px;
}

.kebo-tweets .ktweet .kmeta,
.kebo-tweets .ktweet .kfooter {
	display: none;
}
.kebo-tweets .ktweet .ktext {
	min-height: 0 !important;
}
.kebo-tweets .ktweet .kmedia {
	text-align: left !important;
}
.kebo-tweets .ktweet .kmedia img {
	max-width: 200px;
   	max-height: 150px;
}


@media screen and (max-width: 768px) {
	
	#container.home #follow {
		height: auto;
		padding: 12px;
		width: 100%;
	}
	#container.home #follow > div {
		transform: translateY(0);
		top: 0;
	}
	#container.home #follow > div h2 {
		font-size: 32px;
		line-height: 35px;
	}
}




/* store locator */
#wpsl-search-wrap form {
	position: relative;
}
.wpsl-search .wpsl-search-btn-wrap {
	display: block;
	position: absolute;
	left: 126px;
	top: 58px;
	width: 40px;
	overflow: hidden;
	height: 40px;
}
#wpsl-search-btn {
	background: transparent!important;
	border: 0 !important;
	text-indent: -200px;
	margin-right: 0;
	width: 40px;
	box-shadow: none;
}

#wpsl-search-btn{
	background: transparent!important;
}
.wpsl-street {
	display: none;
}



/* slider fix */

#container.home #homeSlider .n2-ss-layer {
    left: 0 !important;
}
#container.home #homeSlider h2 {
    left: 50vw;
    transform: translateX(-50%);

}


@media screen and (max-width: 768px) {
	#container.home #homeSlider .n2-ss-layer {
	    left: 0 !important;
	    width: 100% !important;
	}
	#container.home #homeSlider h2 {
		margin-left: 15px;
		margin-right: 15px;
		top: calc(50% - 33px);
		transform: translate(-0%, -50%);
		position: absolute;
		left: 0;
		right: 0;
	}

}




/* other home fixes */




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

	#container.home #homeVignette h2 {
		font-size: 40px;
	}

	#container.home #promoBox {
		width: 100%;
		padding: 0 15px;
	}
	#container.home #promoBox > div {
		padding: 45px 15px;
	}
	#container.home #promoBox h2 {
		font-size: 32px;
		line-height: 35px;
	}


	#container.home #homeVignette .vignetteContent {
		text-align: center;
		transform: translate(-0%, -50%);
		margin-left: 15px;
		margin-right: 15px;
		box-sizing: border-box;
		width: calc(100vw - 30px);
		left: auto;
	}
	#container.home #homeVignette h2 {
		font-size: 32px;
		line-height: 35px;
	}

	#findBox .text h2 {
		line-height: 35px;
		width: 100%;
	}

	#findBox .text .innerText {
		position: relative;
	}

	#signUp .ui-selectmenu-button span.ui-selectmenu-text {
		font-size: 16px;
	}

	#categoriesMenu {
		text-align: center;
	}
	#categoriesMenu > div {
		display: inline-block;
		height: auto;
	}
	#categoriesMenu h2 {
		line-height: 130%;
		height: auto;
		padding: 9px 5px 9px 28px;/*padding: 6px 28px;*/
		display: inline-block;
		width: auto;
	}
	#categoriesMenu h2 a {
		font-size: 20px;/*18px;*/
		letter-spacing: 1.5px;/*1px*/
	}
	#categoriesMenu h2 a:after {
	    content: "";
	    background-image: url(../assets/right-arrow.png);
	    background-size: 40px 40px;
	    background-position: center center;
	    width: 40px;
	    height: 40px;
	    vertical-align: -12px;
	    display: inline-block;
		margin-left:2px;
	}

}

.buttonRectangle.rightArrow.after:after {
	vertical-align: -12px;
}



/* careers page */
#container.page_contact .w1140 .w1140 .wpcf7-form input[type=submit] {
    font-size: 19px;
    font-family: "Trade Gothic W01 Cn_18";
    text-transform: uppercase;
    width: auto;
    padding: 2px 40px 2px 15px;
    height: auto;
    background-position: right;
    transition: color 0.2s, background-color 0.2s;
} 
#container.page_contact .w1140 .w1140 .wpcf7-form input[type=submit]:hover {
	color: #ffffff;
} 
#container.page_contact .w1140 .w1140 .wpcf7-form span#send {
	display: none;
}

#container.archive #dailyMenu ul#week li span {
    font-family: "Trade Gothic W01 Cn_18";
}

#container.archive:not(.global) .common-menu{
        display: none;
}

@media screen and (max-width: 768px) {
	#container.archive #dailyMenu #weekend h2{
		font-family: "Trade Gothic W01 Cn_18"; 
    	padding: 40px 40px 40px 100px;
	}
	#container.archive .fwp-load-more{
		display: none; 
	}
	#welcome h2{
	line-height: 30px;
	}
	#container.archive #dailyMenu #weekend h2{
	}
	h1, h2, h3 {
	    letter-spacing: 5px;
	}
	.item h1, .item  h2, .item  h3 {
	    letter-spacing: 0px;
	}
	#welcome .vignetteContent {
	    /*max-height: 60px;*/
	}
}


/*home slider sign up bar*/
#container.home #homeSlider .locator.signUp{
	background-color:#FFC627;
line-height:normal;
}

#container.home #homeSlider .locator.signUp a{
display:inline-block;
margin:14px 0;
}