@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.2
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(navigation/nav_shinybuttons.css);
@import url(screen/basemod.css);
@import url(screen/basemod_fullheight.css);
@import url(screen/content.css);
@import url(screen/emerge_forms.css);

/* import print layout | Druck-Layout einbinden */
@import url(print/print_003.css);


/* Icon Font */

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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	content: "\e600";
}


/* Cycle Slideshow */

.slider-wrapper { 
	position:relative; 
	width:624px; 
	height:300px; 
	float: right;
	margin: -30px 30px 0 0;
	z-index: 99;
}

#banner_backgound {
	width:616px;
	height:300px;
	padding:3px 4px 0px 4px;
	background:url(/images/hero/home-feature-bg.jpg) no-repeat;
}

.cycle-slideshow {
	height: 290px;
	width: 616px;
}

.panel-content {
  position:absolute;
  top:0px;
  left:0px;
  width:203px;
  background: url(/images/hero/hero_bg_tile.png) transparent repeat 0 0;
  height: 294px;
}
/* inner div for the banner content */
.cycle-slide .panel-content .content_padding {
  padding:20px;
}
.cycle-slide .panel-content h2 {
  font-family:Arial, Helvetica, sans-serif;
  color:#c9000b;
  font-size:20px;
  margin:0 0 5px 0;
}
.cycle-slide .panel-content p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
}

.cycle-pager { clear:both; width:100%; height:40px; position: absolute; bottom: 0; z-index: 9999;}
.cycle-pager ul { display: table; overflow: hidden; list-style:none; width:624px !important; padding:0; margin:0 0 0 -4px !important; }
.cycle-pager ul li { display: table-cell; text-align:center; width:33%; padding:0; margin:0 !important; }
.cycle-pager ul li a { color: #fff !important; cursor: pointer; display:block; height:28px; text-decoration: none; padding:7px 0 0; margin:1px 0 0; text-align:center; font-size:11px; }

.cycle-pager ul li.tab1 {
  height:40px;
  background:url(/images/hero/home-feature-btn-left.jpg) left 0 !important;
}
.cycle-pager ul li.tab1 a{
  border-right:1px solid #400000;
}
.cycle-pager ul li.tab1:hover {
  background:url(/images/hero/home-feature-btn-left-on.jpg) left 0 !important;
}
.cycle-pager ul li.tab2 {
  height:40px;
  background:url(/images/hero/home-feature-btn-center.jpg) 0 0 !important;
}
.cycle-pager ul li.tab2 a{
  border-left:1px solid #940012 !important;
  border-right:1px solid #940012 !important;
}
.cycle-pager ul li.tab2 a:hover{
  border-left:1px solid #ae0020 !important;
  border-right:1px solid #ae0020;
}
.cycle-pager ul li.tab2:hover {
  background:url(/images/hero/home-feature-btn-center-on.jpg) 0 0 !important;
}
.cycle-pager ul li.tab3 {
  height:40px;
  background:url(/images/hero/home-feature-btn-right.jpg) right 0 !important;
}
.cycle-pager ul li.tab3 a{
  border-left:1px solid #400000;
}
.cycle-pager ul li.tab3:hover {
  background:url(/images/hero/home-feature-btn-right-on.jpg) right 0 !important;
}


/* General Style Updates */

.group:before,
.group:after,
#main:before,
#main:after {
    content: "";
    display: table;
} 
.group:after,
#main:after {
    clear: both;
}
.group,
#main {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.menu-toggle, .submenu-toggle {
	cursor: pointer;
	display: none;
}

#strawberry_social {
	float: right;
	clear: right;
	margin-right: 30px;
}


/* Responsive Styles */

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

	body {
		overflow: hidden !important;
	}

	html,body {
		height: inherit !important;
		overflow-y: auto !important;
	}

	img {
		max-width: 100%;
	}

	.page {
		padding-bottom: 0;
	}

	.page_margins {
		background: none;
		padding: 0 20px;
		width: 662px;
		min-height: 0;
	}

	#header {
		background: none;
		height: auto;
	}

	#logo a {
		display: block;
	}

	#nav {
		left: 0;
		width: 100%;
		top: 0;
	}

	#social_media_icons {
		background: #F7F8F7;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		box-shadow: inset 0px -2px 14px -7px #333;
		margin: 0 22px 0 0;
		float: right;
		height: auto;
		padding: 10px 10px 4px;
		width: auto;
	}
	#social_media_icons .subcolumns { padding: 0; }

	.hlist {
		background: #fff;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		padding: 20px;
		width: 622px;
	}
	.hlist ul {
		display: table;
		box-shadow: 0px 2px 2px -2px #555;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		overflow: hidden;
	}
	.hlist ul li {
		background: none;
		height: auto;
		border: none;
	}
	.hlist ul li.last {
		width: 120px !important;
	}
	.hlist ul li:nth-child(4) {
		width: 160px !important;
	}
	.hlist ul li span {
		display: block;
	}
	.hlist ul li a {
		background: none;
		background: #f7912b;
		background: -moz-linear-gradient(top,  #f7912b 0%, #ec7e2f 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7912b), color-stop(100%,#ec7e2f));
		background: -webkit-linear-gradient(top,  #f7912b 0%,#ec7e2f 100%);
		background: -o-linear-gradient(top,  #f7912b 0%,#ec7e2f 100%);
		background: -ms-linear-gradient(top,  #f7912b 0%,#ec7e2f 100%);
		background: linear-gradient(to bottom,  #f7912b 0%,#ec7e2f 100%);
		border-right: 1px #ef5408 solid;
		border-left: 1px #f89643 solid;
		display: block;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7912b', endColorstr='#ec7e2f',GradientType=0 );
		height: 22px;
	}
	.hlist ul li:hover a,
	.hlist ul li.last:hover a {
		background: none;
		background: #d81117;
		background: -moz-linear-gradient(top,  #d81117 0%, #ca0814 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d81117), color-stop(100%,#ca0814));
		background: -webkit-linear-gradient(top,  #d81117 0%,#ca0814 100%);
		background: -o-linear-gradient(top,  #d81117 0%,#ca0814 100%);
		background: -ms-linear-gradient(top,  #d81117 0%,#ca0814 100%);
		background: linear-gradient(to bottom,  #d81117 0%,#ca0814 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81117', endColorstr='#ca0814',GradientType=0 );
		border-left: 1px #d7000d solid;
	}
	.hlist ul li.first,
	.hlist ul li.last,
	.hlist ul li:hover,
	.hlist ul li.last:hover,
	.hlist ul li.active {
		background: none;
		border: none;
	}

	#search {
		position: absolute;
		top: 42px;
		right: 0;
	}

	#header #topnav {
		background: #fff;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		border-bottom-right-radius: 4px;
		display: block;
		right: 0;
		height: 24px;
		width: 97px;
		text-align: center;
	}

	#old_site {
		background: #fff;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-left-radius: 4px;
		border-right: none;
		float: none;
		position: absolute;
		right: 90px;
		margin: 0 !important;
		top: 0;
		height: 24px;
		padding: 0 6px 0 12px;
		width: auto;
	}
	#old_site a,
	#header #topnav a {
		position: static;
		line-height: 2;
		top: 0;
	}
	#old_site a {
		border-right: 1px solid #76a700;
		padding-right: 12px;
	}
	#header #topnav a {
		margin: 0;
		padding: 0;
	}

	#topnav_dropdown {
		width: 208px;
		left: auto;
		right: 21px;
	}

	#main {
		background: #fff;
		margin: 0;
		padding: 0 20px;
	}

	#col3_content > .equalize, #col3_content > .equalize .subcolumns {
		display: block !important;
	}
	.subcolumns {
		clear: both;
		width: auto;
		padding: 20px 0;
	}

	/* Coda Slider */

	.slider-wrapper { 
		margin: 0;
	}

	#col1 {
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 20px;
		margin-bottom: 20px;
		width: 100%;
	}
	#col1 #col1_content {
		padding-left: 0;
		padding-top: 0;
	}
	#col1_content #recipes_by_category_wrapper {
		display: block;
	}
	#col1_content .box,
	#col1_content #submit_a_recipe {
		display: none;
		float: left;
		margin-top: 0;
	}
	#col1_content #submit_a_recipe {
		clear: left;
	}
	#col1_content .box + .box,
	#col1_content #submit_a_recipe + .box {
		float: right;
	}
	#col1_content .box.show,
	#col1_content #submit_a_recipe.show {
		display: block;
	}
	#col1_content #subnav,
	#col1_content .subnav-additional {
		display: none;
	}
	#col1_content #subnav.show,
	#col1_content .subnav-additional.show {
		display: block;
	}

	.home #col1 {
		border-bottom: none;
		float: left;
		width: 50%;
	}
	.home #col3 {
		float: right;
		width: 49%;
		margin-top: 0;
	}
	.home #col3 .equalize > div {
		display: block;
	}
	.home #col3 .c50l, .home #col3 .c50r {
		width: 100%;
	}
	.home #fun_facts_wrapper {

	}
	.home #col1_content .box {
		display: block;
	}

	#page_title object {
		width: 544px;
	}

	.submenu-toggle {
		color: #6db136;
		display: block;
		float: right;
		font-size: 24px;
		line-height: 2;
		margin-right: 5px;
	}

	#col3 {
		float: left;
		width: 100%;
	}
	#col3 #col3_content {
		padding-left: 0;
		width: 100%;
	}

	.photo_with_background_wrapper {
		margin: auto;
	}

	.article_listing {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	#strawberry_social {
		float: none;
		height: auto;
		margin: 0 auto;
	}
	#strawberry_social h3,
	#strawberry_social .footer {
		width: 100%;
	}

	#strawberry_social #logos_wrappper {
		width: 100%;
	}
	#strawberry_social #logos_wrappper .subcolumns {
		width: 100%;
	}
	#strawberry_social #logos_wrappper .c25l,
	#strawberry_social #logos_wrappper .c25r {
		float: left;
	}

	#recipe_header {
		float: left;
	}

	.photo_with_background,
	.photo_with_background_wrapper {
		display: table !important;
		padding: 0;
	}
	.photo_with_background .photo {
		display: table-cell !important;
	}
	.photo_with_background_wrapper > .photo_with_background {
		display: table !important;
		padding: 0;
	}
	.photo_with_background_wrapper.equalize > .photo_with_background {
		display: table-cell !important;
	}
	.photo_with_background_wrapper > .equalize > .photo_with_background {
		display: table-cell !important;
	}

	#footer {
		min-width: 0;
		width: 662px;
		padding: 0;
		position: static;
		margin: 0;
	}
	#footer .wrapper {
		padding: 0 0 20px;
	}
	
}


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

	#fancybox-wrap {
		width: 90% !important;
		left: 5% !important;
		padding: 0 !important;
	}
	#fancybox-content {
		width: 100% !important;
		height: auto !important;
	}
	#fancybox-content > div {
		width: 100% !important;
		height: auto !important;
		min-height: 220px;
	}

	/* Cycle Slideshow */

	.slider-wrapper {
    border-radius: 6px;
    float: none;
    width: 100%;  
  }

  #banner_backgound {
    width: 98%;
    height: 268px;
    padding: 3px 1%;
    background: #ebebeb;
    border-radius: 6px;
  }

  .cycle-slideshow {
    margin-bottom: 15px;
    width: 100%;
  }

  .cycle-slide.panel {
    height: 220px;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .cycle-slide.panel img {
		height: 220px;
		width: auto;
		max-width: none;
		float: right;
	}
  .cycle-slide .panel-wrapper {
    height: 220px;
    width: 100%;
  }
  .cycle-slide .panel-content {
    width: 100%;
    height: 100px;
    bottom: 0px;
    position: absolute;
    top: auto;
  }
  .cycle-slide .content_padding p {
    display: none;
  }

	.cycle-pager {
		bottom: 12px;
	}
  .cycle-pager ul {
		display: block;
		text-align: center;
		width: 100% !important;
  }
	.cycle-pager ul li,
	.cycle-pager ul li.tab1,
	.cycle-pager ul li.tab2,
	.cycle-pager ul li.tab3 {
		background: none !important;
		border: none;
		display: inline-block;
		height: auto;
		width: auto;
	}
	.cycle-pager ul li a {
		border-radius: 7px;
		display: inline-block;
		padding: 0;
		margin: 0 5px;
		text-indent: -999em;
		overflow: hidden;
	}
	.cycle-pager ul li a,
	.cycle-pager ul li.tab1 a,
	.cycle-pager ul li.tab2 a,
	.cycle-pager ul li.tab3 a {
		background: #860309 !important;
		border: none !important;
		border-left: none !important;
		border-right: none !important;
		height: 14px;
		width: 14px;
	}
	.cycle-pager ul li:hover,
	.cycle-pager ul li.tab1:hover,
	.cycle-pager ul li.tab2:hover,
	.cycle-pager ul li.tab3:hover {
		background: none !important;
	}
	.cycle-pager ul li:hover a,
	.cycle-pager ul li.tab1:hover a,
	.cycle-pager ul li.tab2:hover a,
	.cycle-pager ul li.tab3:hover a {
		background: #BA0611 !important;
		border: none !important;
		border-left: none !important;
		border-right: none !important;
	}
	.cycle-pager ul li.cycle-pager-active a {
		background: #BA0611 !important;
	}


	.page_margins {
		padding: 0;
		width: 320px;
	}

	#header #topnav, #old_site {
		display: none;
	}

	#topnav_dropdown {
		right: 1px;
	}

	#search {
		display: none;
	}

	.blog-button {
		margin-right: 12px;
	}
	.sharethis-button {
		margin-right: 12px;
	}

	#social_media_icons {
		display: block;
		float: none;
		width: 266px;
		margin: 0 auto;
	}

	.menu-toggle {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #f7912b;
		display: block;
		line-height: 1;
		padding: 10px;
		margin-bottom: 10px;
		color: white;
		font-weight: bold;
	}
	.menu-toggle .icon-menu {
		font-size: 16px;
		float: right;
	}

	.submenu-toggle {
		margin-right: 0;
	}
	
	#page_title,
	#page_title object {
		width: 272px;
	}

	#col1_content #subnav,
	#col1_content .subnav-additional {
		display: none;
	}
	#col1_content #subnav.show,
	#col1_content .subnav-additional.show {
		display: block;
	}

	.hlist {
		padding: 10px;
		margin-top: 0;
		width: 300px;
	}
	.hlist ul {
		display: block;
		display: none;
		height: auto;
	}
	.hlist ul.show {
		display: block;
	}
	.hlist ul li {
		display: block;
		width: 100% !important;
	}
	.hlist ul li.last {
		width: 100% !important;
	}
	.hlist ul li:nth-child(4) {
		width: 100% !important;
	}
	.hlist ul li a {
		border: none;
		border-bottom: 1px #ef5408 solid;
		border-top: 1px #f89643 solid;
		padding: 7px 3px 7px !important;
	}
	.hlist ul li:hover a,
	.hlist ul li.last:hover a {
		border-left: none;
		border-bottom: 1px #d7000d solid;
	}

	.subcolumns {
		padding: 0;
	}

	#main {
		padding: 0 10px;
	}

	#col1 {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	#col1, #col3 {
		float: none;
		margin: 0px;
	}
	#col3 {
		width: 300px;
	}

	#col1_content {
		padding-top: 10px;
		margin-bottom: 20px;
	}

	#col1 .box {
		margin-left: 0;
	}

	#col1_content .box,
	#col1_content #submit_a_recipe,
	#col1_content .box + .box,
	#col1_content #submit_a_recipe + .box {
		float: none;
	}

	#col3_content {
		margin-top: 0;
	}

	#col3 .equalize > div {
		display: block;
	}

	.c50l, .c50r {
		width: 100%;
	}

	.c33l, .c33r {
		border-right: none !important;
		border-left: none !important;
		border-top: 1px #DDD solid;
		padding-bottom: 20px;
		padding-top: 20px;
		margin-bottom: 20px;
		width: 100%;
	}
	.c33l .subcl, .c33r .subcl {
		padding: 0;
	}

	.c25l, .c25r {
		clear: both;
		width: 100%;
	}

	.c25l .subcr, .c25r .subcr,
	.c25l .subc, .c25r .subc {
		padding: 0;
	}

	.home #col3 {
		clear: both;
		float: none;
	}

	.home #col1, .home #col3 {
		margin: 0 0 0 -3px;
		width: 306px;
	}

	.home #fun_facts_wrapper {
		float: none;
		margin-top: 0;
	}
	.home #col1_content .box {
		float: none;
	}

	/* Homepage Slider */
	.ls-select-box {
		display: block !important;
	}
	.ls-nav ul {
		display: none !important;
	}
	
	#strawberry_social {
		width: 100%;
	}
	#strawberry_social #feeds_wrapper {
		background: none;
		padding: 0 5% 5px;
		width: 90%;
	}
	#strawberry_social .top,
	#strawberry_social .bottom {
		background: none;
		width: 100%;
	}
	#strawberry_social #logos_wrappper {
		width: 100%;
	}
	#strawberry_social #logos_wrappper > div {
		display: block;
	}
	#strawberry_social #logos_wrappper .subcolumns > div {
		margin-top: 8px;
	}
	#strawberry_social #logos_wrappper a {
		display: block;
	}

	
	.recipes .photo_with_background_wrapper {
		float: none !important;
	}
	#recipe_header {
		float: none;
		width: 100%;
	}
	.ilike_wrapper .c50l,
	.ilike_wrapper .c50r {
		width: 50%;
	}
	

	/* Events */
	.events .head {
		display: none;
	}
	.events .event_listing {
		border-top: 1px #DDD solid;
		clear: both;
	}
	.events .c33l,
	.events .c25r {
		border-top: none;
		float: none;
		padding: 0;
		margin-bottom: 2px;
	}

	#featured_recipe {
		margin-bottom: 20px;
		width: 100%;
	}

	#footer .wrapper {
		background-repeat: no-repeat;
		background-position: -180px 0px;
		height: auto;
		padding: 80px 20px 20px;
	}
	#footer .wrapper ul {
		margin-left: 0;
		margin-bottom: 10px;
	}
	#footer .wrapper ul li:first-child {
		margin-left: 0;
	}
	#footer .wrapper p {
		margin-left: 0;
	}

	#strawberryInfoGraphicContainer {
		width: 300px !important;
		height: 750px !important;
		background-size: 100% auto !important;
	}
	#strawberryInfoGraphicContainer:hover #strawberryInfoGraphicOverlay {
		width: 300px !important;
		height: 750px !important;
	}

}

@media screen and (max-width: 320px) {
	/*#fancybox-content {
		height: auto !important;
	}
	.fluid-width-video-wrapper {
		padding-top: 0 !important;
		height: 160px;
	}*/
}