/*Mobile Styles*/
@font-face {
  font-family: 'FuturaStd-CondensedOblique';
  src: url('./fonts/FuturaStd-CondensedOblique.eot?#iefix') format('embedded-opentype'),  url('./fonts/FuturaStd-CondensedOblique.otf')  format('opentype'),
	     url('./fonts/FuturaStd-CondensedOblique.woff') format('woff'), url('./fonts/FuturaStd-CondensedOblique.ttf')  format('truetype'), url('./fonts/FuturaStd-CondensedOblique.svg#FuturaStd-CondensedOblique') format('svg');
  font-weight: normal;
  font-style: normal;
}

.mobilePortrait{display: none !important;}
/*GENERAL STYLES*/
* {
margin: 0;
padding: 0;
}
html,
body {
    /*text-transform:uppercase;*/
    /*font-style: italic;*/
}
#wrapper {
}
#footer,
#push {
}
#body-wrapper {
}
#rt-main .rt-container, #rt-maintop .rt-container, #rt-mainbottom .rt-container{ overflow: hidden;}
/*LESS Variables & mixins*/
.before_after {
position: absolute;
content: ".";
text-indent: -999em;
}
/* TYPOGRAPHY */
h1, h2, h3{ color:#fff; font-size:30px;font-family: 'FuturaStd-CondensedOblique'; font-style:normal; font-weight:normal; line-height:1; padding:0 0 40px 0; letter-spacing:-1px;}
p,
pre {
padding-bottom:20px;
}
a{
text-decoration: none;transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition:
all 0.5s; /* Opera */}
h4{ color:#fff;}
/* BUTTONS */
a.moduleItemReadMore,
a.k2ReadMore,
a.moduleCustomLink,
#camera-slideshow a.moduleItemReadMore ,
button.button,
input.button {
display: inline-block;
position:relative;
border: none;
font-size:17px;font-family: 'FuturaStd-CondensedOblique'; line-height:normal; font-style:normal; background:none 0 bottom repeat-x;
/*margin-bottom:40px;*/
transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition: all 0.5s; /* Opera */
}
a.moduleItemReadMore strong,
a.k2ReadMore strong,
a.moduleCustomLink strong,
#camera-slideshow a.moduleItemReadMore strong ,
button.button strong,
input.button strong{ position:absolute; bottom:0; left:0; width:100%; height:2px; /*background:url(../images/button_line_active.gif) 0 0 repeat-x;*/ opacity:0;
transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition: all 0.5s; /* Opera */filter: alpha(opacity = 0);}
a.moduleItemReadMore:hover strong,
a.k2ReadMore:hover strong,
a.moduleCustomLink:hover strong,
#camera-slideshow:hover a.moduleItemReadMore strong ,
button.button:hover strong,
input.button:hover strong{ opacity:1;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=100);}
/*input.button:hover{ color:#fff; opacity:0.4;filter: alpha(opacity = 4 0);}*/
/*Lists*/
li{ list-style-type:none;}
/*Columns*/
.cols ul {
margin: 0 -10px;
overflow: hidden;
}
.cols ul li {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
padding: 0 10px;
}
.cols.four ul li {
width: 240px;
}
.cols.three ul li {
width: 320px;
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 639px) {
#body-wrapper .rt-container {margin: 0 auto; width: 420px;}
body {min-width: 420px !important;}
#body-wrapper .rt-container .rt-grid-1,
#body-wrapper .rt-container .rt-grid-2,
#body-wrapper .rt-container .rt-grid-3,
#body-wrapper .rt-container .rt-grid-4,
#body-wrapper .rt-container .rt-grid-5,
#body-wrapper .rt-container .rt-grid-6,
#body-wrapper .rt-container .rt-grid-7,
#body-wrapper .rt-container .rt-grid-8,
#body-wrapper .rt-container .rt-grid-9,
#body-wrapper .rt-container .rt-grid-10,
#body-wrapper .rt-container .rt-grid-11,
#body-wrapper .rt-container .rt-grid-12 {width: 420px; margin-left:0; margin-right:0;}
/* Grid Push */
#body-wrapper .rt-container .rt-push-1,
#body-wrapper .rt-container .rt-push-2,
#body-wrapper .rt-container .rt-push-3,
#body-wrapper .rt-container .rt-push-4,
#body-wrapper .rt-container .rt-push-5,
#body-wrapper .rt-container .rt-push-6,
#body-wrapper .rt-container .rt-push-7,
#body-wrapper .rt-container .rt-push-8,
#body-wrapper .rt-container .rt-push-9,
#body-wrapper .rt-container .rt-push-10,
#body-wrapper .rt-container .rt-push-11 {left: 0px;}
/* Grid Pull */
#body-wrapper .rt-container .rt-pull-1,
#body-wrapper .rt-container .rt-pull-2,
#body-wrapper .rt-container .rt-pull-3,
#body-wrapper .rt-container .rt-pull-4,
#body-wrapper .rt-container .rt-pull-5,
#body-wrapper .rt-container .rt-pull-6,
#body-wrapper .rt-container .rt-pull-7,
#body-wrapper .rt-container .rt-pull-8,
#body-wrapper .rt-container .rt-pull-9,
#body-wrapper .rt-container .rt-pull-10,
#body-wrapper .rt-container .rt-pull-11 {left: 0px;}
/* Prefix for left nudging */
#body-wrapper .rt-container .rt-prefix-1,
#body-wrapper .rt-container .rt-prefix-2,
#body-wrapper .rt-container .rt-prefix-3,
#body-wrapper .rt-container .rt-prefix-4,
#body-wrapper .rt-container .rt-prefix-5,
#body-wrapper .rt-container .rt-prefix-6,
#body-wrapper .rt-container .rt-prefix-7,
#body-wrapper .rt-container .rt-prefix-8,
#body-wrapper .rt-container .rt-prefix-9,
#body-wrapper .rt-container .rt-prefix-10,
#body-wrapper .rt-container .rt-prefix-11 {padding-left:0;}
/* Home page */

#rt-showcase .camera_caption h5{ 
	font-size:23px !important; 	
}

.camera_caption h5#sslide{
	margin-top: 75px;
}

/* End Home page */

/* Recipes Page */

ul.content {
    height: 0;
 /*   margin: 0 auto;
    width: 420px;*/
}

.content .mainlist img {
    height: 130px !important;
    width: 130px;
}

.content a{
	float:left; 
	padding: 0 25px 20px 0;
}

.content li span p {    
    padding-right: 13px;
}

span.rating p.activestar{	
	background: url(../images/active-star-900.png) no-repeat;
	width: 22px;
	height: 22px;
}

span.rating p.inactivestar{	
	width: 16px;
	height: 17px;
	margin-top: 3px;
}

.page_navigation{
	width: 100%;
	float: left;	
}
/* End Recipes Page */
/*Distribution page*/	

#distributionForm {
    float: left;
    width: 100%;
	border: 0 !important;
}

img#distributionImage {
    float: left;
    width: 100%;
	padding: 0;
}

/*End Distribution page*/	

/* Intore */

#mainContentArea h1 {
    font-size: 32px;    
}


#mainContentArea p {   
    font-size: 15px;
}

.subcontent ul li b {
    font-size: 26px;
}

.subcontent {
    margin-left: 0 !important;
}

.subcontent ul {
    margin-left: 0;
}
/* End Instore */
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {
#body-wrapper .rt-container {margin: 0 auto; width: 300px;}
body {min-width: 300px !important;}
#body-wrapper .rt-container .rt-grid-1,
#body-wrapper .rt-container .rt-grid-2,
#body-wrapper .rt-container .rt-grid-3,
#body-wrapper .rt-container .rt-grid-4,
#body-wrapper .rt-container .rt-grid-5,
#body-wrapper .rt-container .rt-grid-6,
#body-wrapper .rt-container .rt-grid-7,
#body-wrapper .rt-container .rt-grid-8,
#body-wrapper .rt-container .rt-grid-9,
#body-wrapper .rt-container .rt-grid-10,
#body-wrapper .rt-container .rt-grid-11,
#body-wrapper .rt-container .rt-grid-12 {width: 300px; margin-left:0; margin-right:0;}
/* Grid Push */
#body-wrapper .rt-container .rt-push-1,
#body-wrapper .rt-container .rt-push-2,
#body-wrapper .rt-container .rt-push-3,
#body-wrapper .rt-container .rt-push-4,
#body-wrapper .rt-container .rt-push-5,
#body-wrapper .rt-container .rt-push-6,
#body-wrapper .rt-container .rt-push-7,
#body-wrapper .rt-container .rt-push-8,
#body-wrapper .rt-container .rt-push-9,
#body-wrapper .rt-container .rt-push-10,
#body-wrapper .rt-container .rt-push-11 {left: 0px;}
/* Grid Pull */
#body-wrapper .rt-container .rt-pull-1,
#body-wrapper .rt-container .rt-pull-2,
#body-wrapper .rt-container .rt-pull-3,
#body-wrapper .rt-container .rt-pull-4,
#body-wrapper .rt-container .rt-pull-5,
#body-wrapper .rt-container .rt-pull-6,
#body-wrapper .rt-container .rt-pull-7,
#body-wrapper .rt-container .rt-pull-8,
#body-wrapper .rt-container .rt-pull-9,
#body-wrapper .rt-container .rt-pull-10,
#body-wrapper .rt-container .rt-pull-11 {left: 0px;}
/* Prefix for left nudging */
#body-wrapper .rt-container .rt-prefix-1,
#body-wrapper .rt-container .rt-prefix-2,
#body-wrapper .rt-container .rt-prefix-3,
#body-wrapper .rt-container .rt-prefix-4,
#body-wrapper .rt-container .rt-prefix-5,
#body-wrapper .rt-container .rt-prefix-6,
#body-wrapper .rt-container .rt-prefix-7,
#body-wrapper .rt-container .rt-prefix-8,
#body-wrapper .rt-container .rt-prefix-9,
#body-wrapper .rt-container .rt-prefix-10,
#body-wrapper .rt-container .rt-prefix-11 {padding-left:0;}

/*Home page*/
#rt-showcase .camera_caption h5{ 
	font-size:23px !important; 	
}

.camera_caption h5#sslide{
	margin-top: 75px;
}

/*End Home page*/

/* Single Recipe */
.recipecontainer{
	width: 300px;
	margin: 0 auto;
}


h1.recipeNameHeading {
    padding: 0 0 5px;
	font-size: 24px;
}

.sb{
	padding-left: 0;
	position: relative;
}


.sb img {
    float: none;
    width: 140px;
}


.sb .rating {
    float: right;
    width: 100%;
}


.sb .dt {
    position: absolute;
    right: 0;
    top: 0px;
}

span.rating p.activestar{	
	background: url(../images/active-star-900.png) no-repeat;
	width: 22px;
	height: 22px;
}

p.inactivestar{
	margin-top: 3px;
}

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

#directionDetails, #ingredientsDetails{
    float: left;
	width: 100%;
}

#ingredientsDetails{
	margin-bottom: 50px;
}

.mainContentSections h2 {
    font-size: 24px;
    padding: 0 0 20px;
}

#details li {
    margin-bottom: 5px;
}

.commentRating {    
    width: 100%;
}

.comment {
    width: 100%;
	margin-right: 0;
}


.commentRating .inactivestar {
    margin-top: 5px;
}

#ratingbutton {
    bottom: 0;
    float: right;
    left: 0;
    position: relative;
}


/* End Single Recipe */

/* Recipe Page */
#paginate_container{
	margin: 0 auto;
    padding-bottom: 55px;
    position: relative;
    width: 300px;
}

ul.content{
	width: 320px;
	margin: 0 auto;
	padding-left: 0;
}

.content .mainlist img {
    height: 130px !important;
    width: 130px;
}

.content a{
	float:left; 
	 padding: 0 15px 10px 0;
}


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


#addRecipeButton{
    bottom: 5px;
    left: 58px;
    position: absolute;
}

/* End Recipe Page */

/*Distribution page*/	

#distributionForm {
    float: left;
    width: 100%;
	border: 0 !important;
}

img#distributionImage {
    float: left;
    width: 100%;
	padding: 0;
}

p.contactdetails{
	padding-right: 100px;
}

/*End Distribution page*/	
/* Intore */

#mainContentArea h1 {
    font-size: 22px;    
}

#mainContentArea h1 b {
    font-size: 60px;
}

#mainContentArea p {   
    font-size: 12px;
}

.subcontent ul li b {
    font-size: 26px;
}

.subcontent {
    margin-left: 0 !important;
}

.subcontent ul {
    margin-left: 0;
}

span.est {  
    font-size: 15px;
}
/* End Instore */



} 
/** END MOBILE **/
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 899px) {
#body-wrapper .rt-container {margin: 0 auto;width: 768px;}
body {min-width: 768px !important;}
#body-wrapper .rt-container .rt-grid-1 {width: 44px;}
#body-wrapper .rt-container .rt-grid-2 {width: 108px;}
#body-wrapper .rt-container .rt-grid-3 {width: 172px;}
#body-wrapper .rt-container .rt-grid-4 {width: 236px;}
#body-wrapper .rt-container .rt-grid-5 {width: 300px;}
#body-wrapper .rt-container .rt-grid-6 {width: 364px;}
#body-wrapper .rt-container .rt-grid-7 {width: 428px;}
#body-wrapper .rt-container .rt-grid-8 {width: 492px;}
#body-wrapper .rt-container .rt-grid-9 {width: 556px;}
#body-wrapper .rt-container .rt-grid-10 {width: 620px;}
#body-wrapper .rt-container .rt-grid-11 {width: 684px;}
#body-wrapper .rt-container .rt-grid-12 {width: 748px;}
/* Grid Push */
#body-wrapper .rt-container .rt-push-1 {left: 64px;}
#body-wrapper .rt-container .rt-push-2 {left: 128px;}
#body-wrapper .rt-container .rt-push-3 {left: 192px;}
#body-wrapper .rt-container .rt-push-4 {left: 256px;}
#body-wrapper .rt-container .rt-push-5 {left: 320px;}
#body-wrapper .rt-container .rt-push-6 {left: 384px;}
#body-wrapper .rt-container .rt-push-7 {left: 448px;}
#body-wrapper .rt-container .rt-push-8 {left: 512px;}
#body-wrapper .rt-container .rt-push-9 {left: 576px;}
#body-wrapper .rt-container .rt-push-10 {left: 640px;}
#body-wrapper .rt-container .rt-push-11 {left: 704px;}
/* Grid Pull */
#body-wrapper .rt-container .rt-pull-1 {left: -64px;}
#body-wrapper .rt-container .rt-pull-2 {left: -128px;}
#body-wrapper .rt-container .rt-pull-3 {left: -192px;}
#body-wrapper .rt-container .rt-pull-4 {left: -256px;}
#body-wrapper .rt-container .rt-pull-5 {left: -320px;}
#body-wrapper .rt-container .rt-pull-6 {left: -384px;}
#body-wrapper .rt-container .rt-pull-7 {left: -448px;}
#body-wrapper .rt-container .rt-pull-8 {left: -512px;}
#body-wrapper .rt-container .rt-pull-9 {left: -576px;}
#body-wrapper .rt-container .rt-pull-10 {left: -640px;}
#body-wrapper .rt-container .rt-pull-11 {left: -704px;}
/* Prefix for left nudging */
#body-wrapper .rt-container .rt-prefix-1 {padding-left: -64px;}
#body-wrapper .rt-container .rt-prefix-2 {padding-left: -128px;}
#body-wrapper .rt-container .rt-prefix-3 {padding-left: -192px;}
#body-wrapper .rt-container .rt-prefix-4 {padding-left: -256px;}
#body-wrapper .rt-container .rt-prefix-5 {padding-left: -320px;}
#body-wrapper .rt-container .rt-prefix-6 {padding-left: -384px;}
#body-wrapper .rt-container .rt-prefix-7 {padding-left: -448px;}
#body-wrapper .rt-container .rt-prefix-8 {padding-left: -512px;}
#body-wrapper .rt-container .rt-prefix-9 {padding-left: -576px;}
#body-wrapper .rt-container .rt-prefix-10 {padding-left: -640px;}
#body-wrapper .rt-container .rt-prefix-11 {padding-left: -704px;}

/* Distribution page */

p.contactdetails{
	padding-right: 150px;
}

/* End Distribution page */
}
/** END TABLET **/
/** TOUCH (GALLERY) **/
/* The gallery overlay */
#galleryOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
opacity:0;
z-index:100000;
background-color:#222;
background-color:rgba(0,0,0,0.8);
overflow:hidden;
display:none;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease;
}
/* This class will trigger the animation */
#galleryOverlay.visible{
opacity:1;
}
#gallerySlider{
height:100%;
left:0;
top:0;
width:100%;
white-space: nowrap;
position:absolute;
-moz-transition:left 0.4s ease;
-webkit-transition:left 0.4s ease;
transition:left 0.4s ease;
}
#gallerySlider .placeholder{
background: url("../images/system/preloader.gif") no-repeat center center;
height: 100%;
line-height: 1px;
text-align: center;
width:100%;
display:inline-block;
}
/* The before element moves the
* image halfway from the top */
#gallerySlider .placeholder:before{
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right:-1px;
}
#gallerySlider .placeholder img{
display: inline-block;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
#gallerySlider.rightSpring{
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
#gallerySlider.leftSpring{
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
}
/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring{
0%{ margin-left:0px;}
50%{ margin-left:-30px;}
100%{ margin-left:0px;}
}
@-moz-keyframes leftSpring{
0%{ margin-left:0px;}
50%{ margin-left:30px;}
100%{ margin-left:0px;}
}
/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes rightSpring{
0%{ margin-left:0px;}
50%{ margin-left:-30px;}
100%{ margin-left:0px;}
}
@-webkit-keyframes leftSpring{
0%{ margin-left:0px;}
50%{ margin-left:30px;}
100%{ margin-left:0px;}
}
/* Arrows */
#prevArrow,#nextArrow{
border:none;
text-decoration:none;
background:url('../images/gallery/arrows.png') no-repeat;
opacity:0.5;
cursor:pointer;
position:absolute;
width:43px;
height:58px;
top:50%;
margin-top:-29px;
-moz-transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
transition:opacity 0.2s ease;
}
#prevArrow:hover, #nextArrow:hover{
opacity:1;
}
#prevArrow{
background-position:left top;
left:40px;
}
#nextArrow{
background-position:right top;
right:40px;
}