/*! jQuery UI - v1.10.3 - 2013-07-01
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0&bgColorHeader=%23f0ede3&bgTextureHeader=flat&bgImgOpacityHeader=75&borderColorHeader=%23f0ede3&fcHeader=%234c3327&iconColorHeader=%23d6670d&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23d7caaf&fcContent=%23000000&iconColorContent=%23000000&bgColorDefault=%23d6670d&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23d6670d&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%234c3327&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=%234c3327&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%234c3327&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%234c3327&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23996633&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23996633&fcHighlight=%23ffffff&iconColorHighlight=%23ffffff&bgColorError=%23ffffff&bgTextureError=flat&bgImgOpacityError=95&borderColorError=%23ffffff&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23000000&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=75&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	padding-bottom:0.5em
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	color:#963;
	padding: .7em .3em;
	text-align: center;
	font-weight: normal;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	/*font-family: Verdana,Arial,sans-serif;*/
	font-size: 1.4em;
}
.ui-widget .ui-widget {
	font-size: 1.2em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	/*font-family: Verdana,Arial,sans-serif;*/
	font-size: 1.4em;
}
.ui-widget-content {
	border: 1px solid #d7caaf;
	/*background: #ffffff url(clientLibs/css/jquery-images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;*/
	background:#fff;
	color: #000000;
}
.ui-widget-content a {
	color: #000000;
}
.ui-widget-header {
	border: 1px solid #fff;
	/*background: #F2ECDE url(clientLibs/css/jquery-images/ui-bg_flat_75_f0ede3_40x100.png) 50% 50% repeat-x;*/
	background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) bottom left repeat-x #fff;
	color: #4c3327;
	font-weight: bold;
}
.ui-widget-header a {
	color: #4c3327;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #fff;
	/*background: #d6670d url(clientLibs/css/jquery-images/ui-bg_flat_75_d6670d_40x100.png) 50% 50% repeat-x;*/
	background:#fff;
	font-weight: normal;
	color: #d6670d;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #4c3327;
	/*background: #4c3327 url(clientLibs/css/jquery-images/ui-bg_flat_75_4c3327_40x100.png) 50% 50% repeat-x;*/
	background: #4c3327;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #4c3327;
	/*background: #4c3327 url(clientLibs/css/jquery-images/ui-bg_flat_65_4c3327_40x100.png) 50% 50% repeat-x;*/
	background: #4c3327;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #996633;
	/*background: #996633 url(clientLibs/css/jquery-images/ui-bg_flat_55_996633_40x100.png) 50% 50% repeat-x;*/
	background: #996633;
	color: #ffffff;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #ffffff;
	/*background: #ffffff url(clientLibs/css/jquery-images/ui-bg_flat_95_ffffff_40x100.png) 50% 50% repeat-x;*/
	background: #ffffff;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(clientLibs/css/jquery-images/ui-icons_000000_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(clientLibs/css/jquery-images/ui-icons_d6670d_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(clientLibs/css/jquery-images/ui-icons_ffffff_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(clientLibs/css/jquery-images/ui-icons_ffffff_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(clientLibs/css/jquery-images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(clientLibs/css/jquery-images/ui-icons_ffffff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(clientLibs/css/jquery-images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0;
}

/* Overlays */
.ui-widget-overlay {
	background: #000000 url(clientLibs/css/jquery-images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
	opacity: .75;
	filter: Alpha(Opacity=75);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(clientLibs/css/jquery-images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}




/**************Custom***************/
.ui-datepicker-prev span{
	background-image:url(clientLibs/css/jquery-images/ui-icons_d6670d_256x240.png) !important;
	background-position:-96px 0 !important;
}
.ui-datepicker-next span{
	background-image:url(clientLibs/css/jquery-images/ui-icons_d6670d_256x240.png) !important;
	background-position:-32px 0 !important;
}
.ui-datepicker-prev.ui-datepicker-prev-hover,.ui-datepicker-next.ui-datepicker-next-hover{
	background-color:#fff !important;
	border:1px solid #fff !important;
	cursor:pointer !important;
}
.ui-datepicker-prev.ui-state-disabled,.ui-datepicker-next.ui-state-disabled{
	cursor:default !important;
}
.ui-datepicker-prev.ui-datepicker-prev-hover span,.ui-datepicker-next.ui-datepicker-next-hover span{
	background-image:url(clientLibs/css/jquery-images/ui-icons_000000_256x240.png) !important;
}
.ui-datepicker-prev.ui-state-disabled span,.ui-datepicker-next.ui-state-disabled span{
	opacity: .2;
	filter: Alpha(Opacity=20);
	background-image:url(clientLibs/css/jquery-images/ui-icons_d6670d_256x240.png) !important;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	/*margin-right:21px;*/
	margin-right:15px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:10px/*16px*/;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:10px;
	height:100%;
	margin:0 auto;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:10px;
	height:100%;
	margin:0 auto;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	/*background:#000; /* rgba fallback */
	/*background:rgba(0,0,0,0.4);*/
	background:#f1f0ec; /* rgba fallback */
	/*filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	/*background:#fff; /* rgba fallback */
	/*background:rgba(255,255,255,0.75);*/
	background:#a49a7f; /* rgba fallback */
	/*filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:#4c3327;
	/*background:rgba(255,255,255,0.85);*/
	/*filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#4c3327;
	/*background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(clientLibs/css/mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}




.custom-dropdown .scrolling-content{
	background:#fff;
}
.hor-scroll{
	position:relative; margin:20px auto; width:100%; overflow:auto; background:#333; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.hor-scroll .write-table{
	overflow:hidden;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(clientLibs/css/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(clientLibs/css/AjaxLoader.gif) no-repeat center center
}
/* Includes */
/* MEDIA QUERIES */
/**
* core.panera.css
* The styles in this file represent all basic styles for the Panera PaneraBread.com site.
* It includes a reset, the basic grid and some default components.
*
* Why we are using the equals sign in the section identifier:
* stopdesign.com/archive/2005/05/03/css-tip-flags.html
*
* @project   Panera Bread: Multi-Channel Engagement Design
* @date      2013-04-08
* @authors   Forrest Frazier, SapientNitro <ffrazier@sapient.com>,
* 			 Manikandan Eakambaram, SapientNitro <meakambaram@sapient.com>,
* 			 Vijay Thangavel, SapientNitro <vthangavel@sapient.com>,
* 			 Aditya Bhakay, SapientNitro <abhakay@sapient.com>
* @licensor  Panera Bread
* @site      PaneraBread.com
*
* @colordef  #d6670d; orange  (for most of the link copy)
* @colordef  #4c3327; dark brown (for copy)
* @colordef  #967b5e; light brown (for some special copy)
* @colordef  #999; Light grey (toolbar and text color)
*
* primary       #fff        (White Color)
* secondary     #000        (Black Color)
* tertiary      #f0ede4     (Gray Color)
*
/* ==========================================================================
=TABLE OF CONTENTS
===========================================================================
=RESET
=FONTS
=BASE
=TYPE
=BLOCK_LINKS
=CHROMEFRAME
=TAB_COMPONENT
=CUSTOM_DROPDOWN
=UNIFORMINPUT
=BANNERS
=USER_RATINGS
=HEADER
=PRIMARYNAV
=FOOTER
=PAGE_COLUMNS
=PAGE_ACCOUNT_CENTER
=CONTENT
=VENDOR_PROVIDED
=HOMEPAGE_NAV
=CATEGORYLANDING
=NUTRITION_TABLE
=CRAFTSMANSHIP
=CAFE_SEARCH
=COFFEE_SEARCH
=SEARCH_RESULTS
=RECIPE_TEMPLATE
=WIFI LANDING
=GIFT_CARD_NEW
=LOYALTY
=MOBILE_PAGE
=MOBILE_PAGE_CONTENT
=MODAL_WINDOWS
=PAGE_FORMS
=COMMON
=IE_SPECIFIC
=MEDIAQUERIES
=NOT_REQUIRED
=BASE_OVERRIDE
*/
/* -----------------------
  Includes
------------------------ */
/* ==========================================================================
=RESET: opinionated defaults http://www.cssreset.com/downloads/css-resets/html5-doctor-reset-stylesheet/html5-doctor-reset-stylesheet.css
=========================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* ==========================================================================
=FONTS
=========================================================================== */
@font-face {
  font-family: 'Sina-MediumItalic';
  src: url("clientLibs/css/fonts/26AA3E_1_0.eot");
  src: url("clientLibs/css/fonts/26AA3E_1_0.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/26AA3E_1_0.woff") format("woff"), url("clientLibs/css/fonts/26AA3E_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Sina-Medium';
  src: url("clientLibs/css/fonts/26AA3E_2_0.eot");
  src: url("clientLibs/css/fonts/26AA3E_2_0.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/26AA3E_2_0.woff") format("woff"), url("clientLibs/css/fonts/26AA3E_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Sina-Regular';
  src: url("clientLibs/css/fonts/26AA3E_6_0.eot");
  src: url("clientLibs/css/fonts/26AA3E_6_0.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/26AA3E_6_0.woff") format("woff"), url("clientLibs/css/fonts/26AA3E_6_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Sina-Italic';
  src: url("clientLibs/css/fonts/26AA3E_7_0.eot");
  src: url("clientLibs/css/fonts/26AA3E_7_0.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/26AA3E_7_0.woff") format("woff"), url("clientLibs/css/fonts/26AA3E_7_0.ttf") format("truetype"); }
@font-face {
  font-family: 'DINWeb';
  src: url("clientLibs/css/fonts/DINWeb.eot");
  src: url("clientLibs/css/fonts/DINWeb.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/DINWeb.woff") format("woff"); }
@font-face {
  font-family: 'DINWebBold';
  src: url("clientLibs/css/fonts/DINWeb-Bold.eot");
  src: url("clientLibs/css/fonts/DINWeb-Bold.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/DINWeb-Bold.woff") format("woff"); }
@font-face {
  font-family: 'DINWebBoldItalic';
  src: url("clientLibs/css/fonts/DINWebBoldItalic.eot");
  src: url("clientLibs/css/fonts/DINWebBoldItalic.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/DINWebBoldItalic.woff") format("woff"); }
@font-face {
  font-family: 'DINWebMedium';
  src: url("clientLibs/css/fonts/DINWeb-Medium.eot");
  src: url("clientLibs/css/fonts/DINWeb-Medium.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/DINWeb-Medium.woff") format("woff"); }
@font-face {
  font-family: 'DINWebMediumItalic';
  src: url("clientLibs/css/fonts/DINWebMediumItalic.eot");
  src: url("clientLibs/css/fonts/DINWebMediumItalic.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/DINWebMediumItalic.woff") format("woff"); }
/*@font-face { font-family: 'DINWebRegular';      src: url('clientLibs/css/fonts/DINWebRegular.eot');src: url('clientLibs/css/fonts/DINWebRegular.woff') format('woff'); }*/
@font-face {
  font-family: 'DINWebRegular';
  src: url("clientLibs/css/fonts/DINWeb.eot");
  src: url("clientLibs/css/fonts/DINWeb.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/DINWeb.woff") format("woff"); }
@font-face {
  font-family: 'DINWebRegularItalic';
  src: url("clientLibs/css/fonts/DINWebRegularItalic.eot");
  src: url("clientLibs/css/fonts/DINWebRegularItalic.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/DINWebRegularItalic.woff") format("woff"); }
@font-face {
  font-family: 'fugu';
  src: url("clientLibs/css/fonts/fugu-webfont.eot");
  src: url("clientLibs/css/fonts/fugu-webfont.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/fugu-webfont.woff") format("woff"), url("clientLibs/css/fonts/fugu-webfont.ttf") format("truetype"); }
@font-face {
  font-family: 'SansWebBold';
  src: url("clientLibs/css/fonts/panerasanswebbold-webfont.eot");
  src: url("clientLibs/css/fonts/panerasanswebbold-webfont.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/panerasanswebbold-webfont.woff") format("woff"), url("clientLibs/css/fonts/panerasanswebbold-webfont.ttf") format("truetype"); }
@font-face {
  font-family: 'PaneraBanner-Condensed';
  src: url("clientLibs/css/fonts/PaneraSansWebCondensed.eot");
  src: url("clientLibs/css/fonts/PaneraSansWebCondensed.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/PaneraSansWebCondensed.woff") format("woff"); }
/*Fonts added after C3B*/
@font-face {
  font-family: 'PaneraSansWebRegular';
  src: url("clientLibs/css/fonts/PaneraSansWebRegular.eot");
  src: url("clientLibs/css/fonts/PaneraSansWebRegular.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/PaneraSansWebRegular.woff") format("woff"), url("clientLibs/css/fonts/PaneraSansWebRegular.svg#PaneraSansWebRegular") format("svg"); }
@font-face {
  font-family: 'PaneraSansWebLight';
  src: url("clientLibs/css/fonts/PaneraSansWebLight.eot");
  src: url("clientLibs/css/fonts/PaneraSansWebLight.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/PaneraSansWebLight.woff") format("woff"), url("clientLibs/css/fonts/PaneraSansWebLight.svg#PaneraSansWebLight") format("svg"); }
/*Duplicate of PaneraBanner-Condensed */
@font-face {
  font-family: 'PaneraSansWebCondensed';
  src: url("clientLibs/css/fonts/PaneraSansWebCondensed.eot");
  src: url("clientLibs/css/fonts/PaneraSansWebCondensed.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/PaneraSansWebCondensed.woff") format("woff"); }
@font-face {
  font-family: 'PaneraBannerBoldRegular';
  src: url("clientLibs/css/fonts/panerabanner-bold-webfont.eot");
  src: url("clientLibs/css/fonts/panerabanner-bold-webfont.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/panerabanner-bold-webfont.woff") format("woff"), url("clientLibs/css/fonts/panerasanswebbold-webfont.ttf") format("truetype"); }
/* ==========================================================================
=BASE STYLES : opinionated defaults
=========================================================================== */
html {
  font-size: 62.5%; }

body {
  -webkit-font-smoothing: antialiased;
  background: url(clientLibs/css/images/bg.jpg) top left repeat #f0ede3;
  color: #4c3327;
  font-family: 'DINWeb',sans-serif;
  line-height: 1.4;
  min-width: 768px; }

table {
  width: 100%; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/*
 * Updated clearfix for the new century
 */
.group:after, .clearfix {
  content: "";
  display: table;
  clear: both; }

.fixmrg {
  margin-top: -1em;
  margin-left: -0.5em; }

/* block elements so IE8 can handle them */
header, footer, article, nav {
  display: block; }

img.align-left {
  float: left;
  margin: 0 1em 0 0; }

img.align-right {
  float: right;
  margin: 0 0 0 1em; }

/* global list bullet  */
ul {
  list-style-image: url(clientLibs/css/images/global_bullet-desktop.png);
  text-align: left; }

.home-page .banner ul {
  list-style-image: none;
  margin-bottom: 1.5em;
  text-align: left; }

ul.global-list, .cq-custom-list ul {
  font-size: 1.4em;
  margin: 1.135em 0 1.2em 1em; }

ol.global-list {
  font-size: 1.4em;
  margin: 1em 0 1em 1.4em; }

.global-list li, .cq-custom-list ul li {
  line-height: 1.3;
  margin-bottom: 0.3em; }

.global-no-bullet-list {
  font: normal normal normal 1.4em/1.4 'DinWebMedium', serif;
  list-style-image: none;
  list-style-type: none;
  margin: 0; }

.title-link-list {
  font: normal normal normal 1.4em/1.4 'DinWebMedium', serif;
  list-style-image: none;
  list-style-type: none;
  margin: 0 0 2em; }

.title-link-list li {
  margin-bottom: 1em; }

/* blockquote  */
blockquote {
  border-bottom: 1px solid #e0dbcc;
  border-top: 1px solid #e0dbcc;
  color: #b0b0b0;
  display: block;
  float: right;
  font: normal normal normal 1.8em/1.1 'Sina-Regular', serif;
  margin: 0 0 1em 1em;
  padding: 1.15em 1.5em 1.5em 1.7em;
  position: relative;
  width: 43.5%; }

blockquote:before {
  display: block;
  color: #b0b0b0;
  content: "\201C";
  font: normal normal normal 3.5em/1 'Sina-Regular', serif;
  left: 0.1em;
  position: absolute;
  top: 0.125em; }

.date-details {
  display: inline-block;
  padding-right: 5px; }

.location-details {
  display: inline-block;
  border-left: 1px solid #e6e0cd;
  line-height: 15px;
  padding-left: 5px; }

.location-content {
  margin: 2.5em 0 0 0; }

div, img, span, p, h1, h2, h3, h4, h5, h6, ul, li, a {
  -webkit-tap-highlight-color: transparent; }

p.effective-date {
  color: #4c3327;
  font-size: 1.2em; }

a {
  font-family: 'DINWebMedium',sans-serif; }

.mobile-content {
  display: none !important; }

/* ==========================================================================
=TYPE STYLES
========================================================================== */
h1 {
  font: normal normal normal 3em/0.85 'Sina-Regular', serif;
  margin-bottom: 1em; }

h1.with-article-caption {
  margin-bottom: 0.4em;
  line-height: 1em; }

h2 {
  font: normal normal normal 2.2em/0.85 'Sina-Regular', serif;
  margin-bottom: .90909091em; }

h2.no-margin {
  margin-bottom: 0; }

h2.in-the-news {
  font: normal normal normal 2.2em/0.85 'Sina-Regular', serif;
  color: #996633; }

h3 {
  font: normal normal normal 1.8em/1.0555556 'Sina-Regular', serif;
  margin-bottom: 1.3888889em; }

h4 {
  font: normal normal normal 1.4em/1.0555556 'DinWebMedium', san-serif;
  margin-bottom: 1.07142857em; }

h5 {
  font: normal normal normal 1.3em/1.0555556 'DinWebMedium', san-serif;
  margin-bottom: 1.07142857em; }

h4.article-video-caption {
  max-width: 70%;
  line-height: 1.2875em;
  margin-top: 1.2em; }

p {
  font-size: 1.4em;
  line-height: 1.358em;
  margin-bottom: 1.07142857em; }

p.no-margin {
  margin-bottom: 0; }

p.teaser-para {
  font-size: 1.2em;
  line-height: 1.5em; }

a.teaser-para-link {
  display: inline-block;
  margin-top: 0.5em; }

a {
  color: #af5026;
  text-decoration: none; }

a:hover {
  color: #4c3327; }

a.link-active, span.link-active {
  color: #4c3327;
  cursor: default; }

strong {
  font-family: 'DINWebBold'; }

/* ==========================================================================
=BLOCK ANCHORS AND BUTTONS
========================================================================== */
.button-primary, .grid.assets-grid article.promo-tile a.button-primary, .resp-body-mobile .mob-link-as-button {
  background: #af5026 url(clientLibs/css/images/compliance/global_button.png) left center no-repeat;
  background-size: cover;
  border: none;
  color: white;
  cursor: pointer;
  display: inline-block !important;
  font-family: 'Sina-Medium', serif !important;
  font-size: 2.1em;
  height: 32px;
  line-height: 33.6px;
  padding: 0 14px 0 15px;
  position: relative; }

.button-secondary {
  background: #f0ede3 !important;
  border: none;
  color: #af5026;
  cursor: pointer;
  display: inline-block !important;
  font-family: 'Sina-Medium', serif !important;
  font-size: 1.9em;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  position: relative; }

.button-secondary a {
  font-family: 'Sina-Medium', serif !important; }

.button-tertiary {
  background: #fff;
  color: #af5026; }

.button-as-link {
  background: transparent !important; }

#accordian-contents .button-secondary {
  margin: 0.45em 0 0.3em 0; }

#accordian-content .subtext {
  margin: 0.175em 0 0 0; }

#accordian-content .child-title {
  margin: 1em 0; }

.play-indicator {
  -webkit-transform: rotate(360deg) scale(1.1);
  -moz-transform: rotate(360deg) scale(1.1);
  -ms-transform: rotate(360deg) scale(1.1);
  -o-transform: rotate(360deg) scale(1.1);
  transform: rotate(360deg) scale(1.1);
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fff;
  border-top: 5px solid transparent;
  display: inline-block;
  font-size: 0;
  height: 0;
  margin: auto 9px auto 0px;
  position: relative;
  top: -5%;
  width: 0; }

a:hover .play-indicator {
  border-left: 8px solid white; }

a.button-primary:hover .play-indicator {
  border-left-color: white; }

.cta {
  background: url(clientLibs/css/images/arrow-btn-white.png) right center no-repeat;
  display: inline-block;
  height: 14px;
  width: 30px; }

#pushdown-container a.nav-button-primary {
  color: #af5026;
  font: normal normal normal 1.1em/1 'DinWebMedium', serif;
  padding: 0 65px 0 0; }

.label-primary, .label-primary-plain, .label-tertiary, .label-tertiary-plain {
  display: inline-block;
  padding: 0.4em 15px;
  padding-bottom: 0.2em;
  font-family: 'Sina-Medium', serif;
  font-size: 1.6em;
  color: #af5026; }

.label-primary-plain {
  font: normal normal normal 1.5em/1 'DinWebMedium', serif; }

.label-tertiary-plain {
  background: #f0ede3 !important;
  border: none;
  color: #af5026;
  cursor: pointer;
  display: inline-block !important;
  font: normal normal normal 1.4em/1 'DinWebMedium', serif;
  height: 24px;
  line-height: 26px;
  padding: 0 14px;
  top: 0.8em !important; }

.label-primary, .label-primary-plain {
  background: #fff; }

.label-tertiary, .label-tertiary-plain {
  background: #f0ede4; }

.back-button-primary {
  background: #fff;
  display: inline-block;
  font: normal normal normal 14px/1 'DinWebMedium', serif;
  height: 24px;
  position: relative;
  padding: 0.5em .75em 0 40px; }

.forward-button-primary {
  display: inline-block;
  font-family: "DinWebMedium",Serif;
  font-size: 1.4em;
  height: 15px;
  position: relative;
  padding: 0; }

.ua-safari .forward-button-primary {
  height: auto; }

.back-link .back-button-primary {
  height: auto;
  margin-top: 0.5em;
  padding: 0.5em .75em 0 40px; }

a:hover .label-primary {
  color: #4c3327; }

.back-button-primary span {
  background: url(clientLibs/css/images/arrow-btn-brown-back.png) center center no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  top: -3px;
  left: 3px;
  width: 40px; }

.forward-button-primary span {
  background: url(clientLibs/css/images/arrow-btn-brown.png) 0 -25px no-repeat;
  display: inline-block;
  height: 9px;
  width: 30px; }

.forward-button-primary:hover span {
  background: url(clientLibs/css/images/arrow-btn-brown.png) 0 -5px no-repeat;
  display: inline-block;
  height: 9px;
  width: 30px; }

.back-button-primary:hover span {
  background: url(clientLibs/css/images/arrow-btn-dark-brown-back.png) center center no-repeat; }

.button-primary:hover, .resp-body-mobile .mob-link-as-button:hover {
  background: #4c3327 url(clientLibs/css/images/compliance/global_button_hover.png) left center no-repeat;
  color: white;
  display: none; }

.page-label {
  margin-bottom: 0.875em;
  margin-left: 0.7em; }

.button-container {
  margin-bottom: 3em;
  margin-top: 2.4em; }

ul.block-links, ul.block-links li {
  list-style-type: none;
  list-style: none; }

.block-links {
  font-size: 1.4em; }

.block-links, .block-links li {
  margin: 2em; }

.block-links #panera-card-assigned {
  position: relative; }

.block-links #panera-card-assigned img {
  margin-top: 2em;
  width: 80%; }

.block-links #panera-card-assigned label {
  color: #fff;
  left: 0;
  padding: 12% 10%;
  position: absolute;
  width: 60%;
  text-align: right;
  top: 2em; }

/* ==========================================================================
   Chrome Frame prompt
========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
=TAB-COMPONENT
========================================================================== */
.tab-section {
  display: block;
  font: normal normal normal 1.0em/1.0555556 'DINWebMedium', san-serif;
  list-style-type: none;
  text-align: left; }

.tab-section li {
  display: inline-block;
  margin-right: 6.575%; }

.tab-section li.last {
  margin-right: 0; }

.sub-tabs .tab-section li {
  margin-right: 3.8%; }

.sub-tabs .tab-section li.more-filter-link {
  margin: 0;
  float: right; }

.tab-section li a {
  display: block;
  padding: 0.2em;
  padding-left: 0;
  padding-bottom: 0.4em;
  outline: none; }

.tab-section li a.nav-active, .tab-section li a:hover {
  color: #4c3327; }

.tab-section li a.nav-active, .tab-section li.nav-active, .tab-section li a:focus {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x; }

.tab-section li a.filter-link:focus {
  background: none; }

.tab-section li.nav-active {
  padding-bottom: 0.4em; }

.in-page-nav > .tab-section {
  margin-left: 1em; }

/*-------------custom dropdown--------------*/
.custom-dropdown {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 1.7em;
  list-style-image: none;
  list-style-type: none;
  margin-left: -.75em;
  min-width: 22%;
  overflow: hidden;
  position: absolute;
  z-index: 4; }

.custom-dropdown.multi {
  left: 9%;
  visibility: hidden; }

.custom-dropdown.is-opened {
  height: auto; }

.custom-dropdown .scroller {
  padding-left: 0;
  padding-right: 0; }

.in-page-nav > span.nav-dropdown {
  position: static; }

.in-page-nav > span.nav-dropdown > ul {
  visibility: hidden; }

.in-page-nav.as-drop-down > span.nav-dropdown > ul {
  visibility: visible; }

.custom-dropdown.is-opened {
  background: #fff; }

.custom-dropdown.is-opened {
  -webkit-box-shadow: 0px 1px 2px rgba(150, 150, 150, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(150, 150, 150, 0.3);
  box-shadow: 0px 1px 2px rgba(150, 150, 150, 0.3); }

.custom-dropdown.active {
  height: auto; }

.custom-dropdown li {
  background: #fff;
  display: block;
  padding: 0 1em .25em; }

.custom-dropdown li:first-child {
  background: none;
  padding-bottom: 0.5em; }

.custom-dropdown-title {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  display: inline-block;
  font-family: 'DINWebMedium';
  line-height: 1;
  padding-bottom: 7px; }

.custom-dropdown-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #af5026;
  font-size: 0;
  height: 0;
  margin-left: 6px;
  position: relative;
  top: -1px;
  width: 0; }

.custom-dropdown:hover .custom-dropdown-arrow {
  border-top-color: #4c3327; }

.custom-dropdown-arrow span {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #fff;
  font-size: 0;
  height: 0;
  left: -3px;
  position: absolute;
  top: -7px;
  width: 0; }

.custom-dropdown a {
  font-size: .875em;
  line-height: 1.71429; }

.right-anchor-icon {
  display: inline-block;
  margin-right: 7px; }

.right-span-arrow {
  border-left: 6px solid #af5026;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  display: inline-block;
  font-size: 0;
  height: 0;
  position: relative;
  width: 0;
  margin-right: 1em; }

a:hover .right-span-arrow {
  border-left: 6px solid #4c3327; }

.right-span-arrow span {
  border-left: 3px solid #fff;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  font-size: 0;
  height: 0;
  left: -6px;
  position: absolute;
  top: -3px;
  width: 0; }

.custom-dropdown-arrow-right, .custom-dropdown-arrow-down {
  border-left: 6px solid #af5026;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  font-size: 0;
  height: 0;
  margin-left: 6px;
  position: relative;
  left: 0;
  top: 1px;
  width: 0;
  display: inline-block;
  float: left; }

.custom-dropdown-arrow-right, .custom-dropdown-arrow-down {
  border-right-color: #af5026; }

.custom-dropdown-arrow-right span, .custom-dropdown-arrow-down span {
  border-left: 3px solid #fff;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  font-size: 0;
  height: 0;
  bottom: -3px;
  position: absolute;
  left: -7px;
  width: 0; }

.custom-dropdown-arrow-down {
  border-top: 6px solid #4c3327;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin: 0 8px 0 2px;
  top: 5px;
  display: inline-block; }

.custom-dropdown-arrow-down span {
  border-top: 3px solid #fff;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  font-size: 0;
  height: 0;
  bottom: 0;
  position: absolute;
  left: -3px;
  width: 0;
  top: -7px; }

.scrolMenuMain {
  height: 12.5em;
  display: block;
  overflow: hidden; }

.scrolMenu {
  min-width: 100%;
  display: inline-block;
  position: relative; }

.scrolbutn, .scroltop {
  position: absolute;
  bottom: 1em;
  z-index: 9000;
  right: 1em;
  display: none; }

.scroltop {
  display: none;
  top: 2em; }

.actvArw {
  display: block; }

.edit-link .custom-dropdown-arrow-right {
  float: right;
  top: 3px; }

.edit-link.link-active .custom-dropdown-arrow-right {
  visibility: hidden; }

/* IE10 Dropdown Select text */
.select-text {
  position: absolute;
  line-height: 1.9em;
  padding-left: 0.7em;
  color: #666;
  font-weight: normal;
  font-size: 1em;
  font-family: DINWebRegular; }

/* ==========================================================================
=BANNERS
===========================================================================*/
#teaser-author-wrapper .banner {
  min-height: 500px; }

.banner {
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  min-height: 247px; }

.banner.tall {
  min-height: 307px; }

.banner.tallest {
  min-height: 400px; }

.banner.wifi-promo {
  min-height: 300px; }

.banner img {
  /*display: none;
  height: auto;
  width: 100%;*/ }

.banner.tile {
  height: 300px; }

.banner-separator {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  margin-bottom: 1em; }

.banner.campaign .banner-separator {
  margin: 1em 0; }

.banner.campaign .iframe.banner-separator.hide {
  display: none; }

.home-page .banner {
  /*background-attachment: fixed;*/
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  min-height: 380px;
  position: relative;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out; }

.story {
  margin: 0 auto;
  /* min-width: 980px; REMOVED DUE TO PARALLAX BREAKING IN RESPONSIVE MODE */
  width: 980px; }

.story .float-left, .story .float-right {
  padding: 100px 0 0 0;
  position: relative;
  width: 350px; }

.banner article {
  position: absolute;
  width: 100%; }

.home-page .banner article {
  padding-top: 21.2%; }

.banner .standard, .banner .indented {
  margin: 0 auto;
  padding: 5em 5em 0 0;
  overflow: hidden; }

.banner .standard.show-user, .banner .indented.show-user {
  padding-top: 5em; }

.banner .standard.hide-user, .banner .indented.hide-user {
  padding-top: 10em; }

.home-page .banner .standard, .home-page .banner .indented, .error-page .banner .standard, .error-page .banner .indented {
  padding-top: 0; }

.banner .standard {
  padding-left: 127px;
  max-width: 864px;
  min-width: 608px; }

.banner .standard.error {
  min-width: 400px;
  padding-left: 30%; }

.banner .indented {
  max-width: 924px;
  min-width: 728px; }

.banner .indented > * {
  margin-left: 51.75% !important; }

.banner .indented p {
  width: auto; }

.home-page .banner .indented > * {
  margin-left: 58.75%; }

.banner .indented h1, .banner .indented h2 {
  margin-bottom: 0.2em; }

.banner .indented p.clear-top-margin {
  margin: 0 0 0 51.75%;
  padding: 0.8em 0 0 0; }

.banner h1, .banner h2, .banner h3, .banner p {
  margin-bottom: 0.3em; }

.banner h1, .banner h2 {
  font-size: 4em; }

.banner h3 {
  font-size: 2em; }

.banner p {
  font-size: 1.5em;
  font-family: "DinWebMedium", Serif;
  line-height: 1.25871429;
  margin-bottom: 25px;
  width: 50%;
  padding-top: 0.8em; }

.banner p.clear-top-margin {
  margin: 0;
  padding: 0; }

.banner p.note-text {
  font-size: 1.2em; }

.banner p:last-child {
  margin-bottom: 0; }

.banner .button {
  background: #af5026 url(clientLibs/css/images/compliance/global_button.png);
  color: white;
  font: normal normal normal 2.2em/1.8 'Sina-Regular', serif;
  padding: .25em 1em; }

.banner ul {
  list-style-type: none; }

.banner li {
  /* color: #fff; */
  font-size: 1.6em;
  margin-left: 0; }

.banner .nextSection {
  background-color: #4c3327;
  background-color: rgba(76, 51, 39, 0.9);
  bottom: -0.6em;
  color: #fff;
  display: block;
  font: normal normal normal 1.6em/1.2 'Sina-Medium', serif;
  /*max-width:5em;*/
  padding: 0.05em 0.8em;
  padding-right: 30px;
  position: absolute;
  right: 1em;
  width: 3.6em;
  z-index: 1; }

.banner .nextSection span {
  background: url(clientLibs/css/images/arrow-parallax.png) center center no-repeat;
  height: 100%;
  position: absolute;
  right: -3px;
  top: 0;
  width: 40px; }

.home-page .banner img {
  display: block;
  margin-right: 2em;
  width: auto; }

.home-page .banner h3 {
  font: normal normal normal 2em/1.2 'Sina-Medium', serif; }

.home-page .banner p {
  font-size: 1.4em;
  line-height: 1.35em;
  padding-top: 0; }

.banner .standard div.banner-info, .error-page .banner .standard div.banner-info {
  margin: 1em 0 2.5em; }

.banner .standard div.banner-info:after, .error-page .banner .standard div.banner-info:after, .banner .indented .banner-info:after {
  content: "";
  display: table;
  clear: both; }

.banner .indented .banner-info {
  margin-bottom: 2.3em; }

.banner .standard .banner-info, .banner .indented .banner-info, .error-page .banner .standard .banner-info, .error-page .banner .indented .banner-info {
  font-family: "DinWebMedium",Serif; }

.text-banner {
  background: url(clientLibs/css/images/text-banner-bg.png) top center repeat-x;
  font-size: 1.4em;
  padding: 29px 0 10px 3px; }

.text-banner header.heading {
  max-width: 964px;
  margin: 0 auto; }

.text-banner header.heading h2, .text-banner header.heading h1 {
  color: #4c3327;
  font-size: 2.6em;
  margin-bottom: .5em;
  margin-left: .75em;
  margin-top: 0.1em; }

.banner .standard h1, .banner .standard h2 {
  line-height: 1.25em; }

.home-page .banner h1, .home-page .banner h2 {
  line-height: 1em;
  margin-bottom: 0.19em;
  max-width: 65%; }

/*----------------Order Banner----------------*/
.home-page .banner article.order {
  padding-top: 12%; }

.banner article.order h2 {
  margin-bottom: 0.45em;
  max-width: 70% !important; }

.banner article.order p {
  margin-bottom: 2.2em;
  width: 60%; }

.banner article.order .order-banner-links {
  background: url(clientLibs/css/images/dots-artisan-horizontal-secondary.png) left bottom repeat-x;
  padding-bottom: 1.8em;
  margin-bottom: 1.8em;
  text-align: center;
  width: 92.8%; }

.banner article.order .catering-section {
  position: relative;
  width: 92.8%; }

.banner article.order .catering-section p {
  margin-bottom: 0.3em;
  padding-top: 3px; }

.banner article.order .order-banner-links:after, .banner article.order .catering-section:after {
  content: "";
  display: table;
  clear: both; }

.catering-section h3, .catering-section img {
  display: inline-block !important; }

.catering-section img {
  margin-top: -0.8em !important;
  margin-right: 1em !important; }

.catering-section p {
  margin: 0;
  width: 70% !important; }

.catering-section a.button-tertiary {
  bottom: 0.6em;
  font: normal normal normal 1.7em/1 'Sina-Medium', serif;
  padding: 0.3em 0.8em;
  position: absolute;
  right: 0; }

.order-banner-links .order-link {
  background: -moz-linear-gradient(top, rgba(23, 10, 4, 0.45) 0%, rgba(23, 10, 4, 0.45) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(23, 10, 4, 0.45)), color-stop(100%, rgba(23, 10, 4, 0.45)));
  background: -webkit-linear-gradient(top, rgba(23, 10, 4, 0.45) 0%, rgba(23, 10, 4, 0.45) 100%);
  background: -o-linear-gradient(top, rgba(23, 10, 4, 0.45) 0%, rgba(23, 10, 4, 0.45) 100%);
  background: -ms-linear-gradient(top, rgba(23, 10, 4, 0.45) 0%, rgba(23, 10, 4, 0.45) 100%);
  background: linear-gradient(to bottom, rgba(23, 10, 4, 0.45) 0%, rgba(23, 10, 4, 0.45) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73170a04', endColorstr='#73170a04',GradientType=0 );
  display: inline-block;
  height: 13em;
  margin-right: 1.4%;
  padding: 3% 2%;
  position: relative;
  text-align: center;
  width: 19.7%; }

.banner article.order .order-link.last {
  margin-right: 0; }

.banner article.order .order-link h3 {
  color: #fff;
  margin-bottom: 0.6em; }

.banner article.order .order-link span.order-para {
  color: #fff;
  display: block;
  font-size: 1.2em;
  padding: 0 12.5%;
  width: 75%; }

.banner article.order .order-link img {
  display: inline-block;
  margin: 0 0 1.5em 0; }

.banner article.order .order-link .icon-container {
  left: 0;
  position: absolute;
  text-align: center;
  top: 2.6em;
  width: 100%; }

.banner article.order .order-link .cta-container {
  bottom: 3em;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.banner article.order .order-link .button-primary {
  font-size: 1.7em;
  height: 30px;
  line-height: 30px; }

.banner article.order .order-link:hover .button-primary {
  background: #4c3327 url(clientLibs/css/images/compliance/global_button_hover.png) left center no-repeat;
  color: white; }

.banner article.order .order-link .button-primary .cta {
  height: 10px; }

.home-page #skrollr-body.new .banner article {
  padding-top: 13.2%; }

.home-page #skrollr-body.new .banner article.story {
  position: relative;
  max-width: none;
  min-width: 0; }

/* ==========================================================================
=USER RATING
===========================================================================*/
div.user-rating-large, div.user-rating-small {
  display: none; }

div.user-rating-large:after {
  content: "";
  display: table;
  clear: both; }

div.user-rating-large a, div.user-rating-large span {
  display: block;
  float: left;
  height: 2em;
  margin-right: 0.5em;
  width: 2em; }

div.user-rating-large a.full-star, div.user-rating-large span.full-star {
  background: url(clientLibs/css/images/web_icons/icon-large-rating-selected.gif) center center no-repeat; }

div.user-rating-large a.half-star, div.user-rating-large span.half-star {
  background: url(clientLibs/css/images/web_icons/icon-large-rating-half-selected.gif) center center no-repeat; }

div.user-rating-large a.empty-star, div.user-rating-large span.empty-star {
  background: url(clientLibs/css/images/web_icons/icon-large-rating-deselected.gif) center center no-repeat; }

div.user-rating-small:after {
  content: "";
  display: table;
  clear: both; }

div.user-rating-small span {
  display: block;
  float: left;
  height: 1.4em;
  margin-right: 0.5em;
  width: 1.4em; }

div.user-rating-small span.full-star {
  background: url(clientLibs/css/images/web_icons/icon-small-rating-selected.gif) center center no-repeat; }

div.user-rating-small span.half-star {
  background: url(clientLibs/css/images/web_icons/icon-small-rating-half-selected.gif) center center no-repeat; }

div.user-rating-small span.empty-star {
  background: url(clientLibs/css/images/web_icons/icon-small-rating-deselected.gif) center center no-repeat; }

/* ==========================================================================
=HEADER
========================================================================== */
#page-header {
  background: url(clientLibs/css/images/header_web_background.png) 0 0 repeat-x;
  min-height: 108px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 50;
  -webkit-backface-visibility: hidden; }

#mobile-page-header {
  display: none; }

.nav-top-wrapper {
  margin: 0 auto;
  max-width: 964px;
  min-width: 748px;
  padding: 0 2%; }

a.logo {
  background: url(clientLibs/css/images/logo_panera_web.png) 0 0 no-repeat;
  background-size: 100%;
  display: block;
  height: 137px;
  margin-left: 15px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: -16px;
  width: 140px;
  z-index: 4; }

.utility {
  float: right;
  height: 24px;
  margin: 6px 0px 20px 0; }

#member, ul.member-nav {
  list-style-type: none;
  color: #967b5e;
  float: right;
  font-size: 1.4em;
  margin: 0.3em 13px; }
  #member li, ul.member-nav li {
    display: inline-block; }
  #member li:first-child, ul.member-nav li:first-child {
    border-right: 1px solid #d4c6a3;
    line-height: 1;
    margin-right: .5em;
    padding-right: .5em; }

/* =SEARCH BOX
========================================================================== */
.search-box {
  background: url(clientLibs/css/images/search-box-bg.png) bottom center no-repeat;
  float: right;
  height: 27px;
  overflow: hidden;
  width: 211px; }

#search-query {
  background: transparent;
  border: none;
  color: #967b5e;
  float: left;
  font-family: DINWeb;
  font-size: 1.5em;
  height: 25px;
  padding-left: 1em;
  padding-right: 0;
  width: 164px; }

#search-query::-webkit-input-placeholder {
  color: #967b5e; }

#search-query:-moz-placeholder {
  color: #967b5e; }

#search-query::-moz-placeholder {
  color: #967b5e; }

#search-query:-ms-input-placeholder {
  color: #967b5e; }

#search-button {
  background: url(clientLibs/css/images/web_icons/icon-small-other-search.png) center center no-repeat;
  border: none;
  cursor: pointer;
  float: right;
  height: 27px;
  width: 27px; }

/* new order & catering buttons in the header-nav */
.header-button-container {
  position: absolute;
  right: 0;
  background: url("clientLibs/css/images/header/button-ordering-bg-overlay.png") repeat-x left center;
  background-size: cover;
  height: 107px;
  padding: 0 10px; }

.header-button {
  background: transparent url("clientLibs/css/images/header/button-ordering-bg.png") center center no-repeat;
  color: #af5026;
  display: block;
  font-family: 'Sina-Regular', serif;
  font-size: 1.8em;
  text-decoration: none;
  width: auto;
  height: 33px;
  padding: 3px 10px;
  margin: 8px 0; }

.header-button-content {
  float: left; }

.header-button span {
  padding: 8px 5px 8px 30px;
  display: block;
  line-height: 18px; }

.header-button .order-button {
  background: url("clientLibs/css/images/header/icon-order-online.png") left center no-repeat; }

.header-button:hover .order-button {
  background-image: url("clientLibs/css/images/header/icon-order-online-hover.png"); }

.header-button .catering-button {
  background: url("clientLibs/css/images/header/icon-catering.png") left center no-repeat no-repeat; }

.header-button:hover .catering-button {
  background-image: url("clientLibs/css/images/header/icon-catering-hover.png"); }

.button-order-online {
  visibility: visible; }

.hide-order-button .button-order-online {
  visibility: hidden; }

#global-order-count, .order-count .hide-order-button #global-order-count {
  display: none; }

.order-count #global-order-count {
  background-color: rgba(76, 51, 39, 0.9);
  bottom: 0;
  color: #FFFFFF;
  font-family: "DinWeb",Serif;
  font-size: 1.4em;
  display: inline-block;
  text-decoration: none;
  width: 36px;
  float: left;
  height: 35px;
  line-height: 35px;
  padding: 0;
  margin: 10px 0 0 -1px;
  text-align: center; }

.header-buttons {
  float: left; }

/* =PRIMARY NAV
========================================================================== */
#nav-wrapper {
  clear: both;
  height: 50px; }

/*Primary nav and pushdown container related CSS is changed to check the responsiveness and right alignment*/
/*Previous code related to them is commented for future references*/
#primary-nav {
  margin: 0 auto;
  max-width: 964px;
  /*max-width: 985px;*/
  min-width: 740px;
    /*max-width: 964px;
    min-width: 744px;
	padding: 3px 2% 3px 0.5%;
	padding: 0 2% 8px 2%;
    */
  padding: 0 2% 3px 2%;
  position: relative;
  z-index: 2; }

/*#primary-nav ul { display:block;float:right;width:78.3%; margin-left: 254px }*/
#primary-nav ul {
  display: block;
  text-align: right;
  width: 100%; }

.nav-top-wrapper:after, #primary-nav:after, #primary-nav ul:after {
  content: "";
  display: table;
  clear: both; }

#primary-nav ul > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /*float: left;*/
  height: 54px;
  margin: 0;
  margin-left: 2.6%;
  /*padding-right: 3.7%*/
  text-align: left;
  /*margin-left:3.65%;*/ }

#primary-nav ul > li:first-child {
  margin-left: 0; }

#primary-nav ul > li:last-child {
  /*float: right;
  padding-right: 0;
  width: auto;*/ }

#primary-nav ul > li a {
  color: #af5026;
  display: block;
  font-family: 'Sina-Regular', serif;
  font-size: 1.8em;
  line-height: 1.3;
  height: 33px;
  text-decoration: none; }

#primary-nav ul > li:hover {
  cursor: pointer;
  cursor: hand; }

#primary-nav ul > li a.nav-active {
  color: #4c3327; }

#primary-nav ul > li a span {
  color: #4c3327;
  display: block;
  font-family: 'DINWeb',sans-serif;
  font-size: .777777em;
  line-height: .75; }

#primary-nav ul > li:hover a span, #primary-nav ul > li a:hover span, #primary-nav ul > li a.nav-active span {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 6px; }

#primary-nav em {
  font-family: fugu, cursive;
  font-size: 1.15em;
  font-style: normal;
  line-height: 0; }

#primary-nav ul > li.order {
  height: 33px;
  position: relative;
  width: 97px; }

#primary-nav ul > li.order a {
  background: url(clientLibs/css/images/compliance/global_button.png) -15px 0 no-repeat #af5026;
  background-size: cover;
  color: #fff;
  display: block;
  font-family: 'Sina-Regular',serif;
  font-size: 2em;
  height: 33px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 3px;
  width: 97px; }

#primary-nav ul > li.order a:hover {
  background: #4c3327 url(clientLibs/css/images/compliance/global_button_hover.png) -15px 0 no-repeat;
  background-size: cover;
  display: block;
  height: 33px;
  line-height: 36px;
  position: absolute;
  top: 3px;
  color: white;
  width: 97px; }

.button-primary:hover, .grid.assets-grid article.promo-tile a.button-primary:hover {
  background: #4c3327 url(clientLibs/css/images/compliance/global_button_hover.png) left center no-repeat;
  color: white; }

#primary-nav ul > li.order a:hover:after, #primary-nav ul > li.order a.nav-active:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #af5026;
  content: '';
  display: block;
  height: 0;
  left: 42px;
  position: absolute;
  top: 33px;
  width: 0;
  z-index: 99; }

/* set height for primary nav child */
#pushdown-container {
  background: #f0ede3 url(clientLibs/css/images/nav-open-bg.jpg) center bottom;
  height: 0;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  top: -4px;
  width: 100%;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out; }

/* on hover of primary nav item JS adds a class to nav and we show nav child block */
#pushdown-container.nav-active {
  height: 231px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.menu-jagged-edge {
  background: url(clientLibs/css/images/header_web_background.png) 0 -243px repeat-x;
  height: 6px; }

#pushdown-container nav {
  height: 0px;
  max-width: 944px;
  min-width: 744px;
  margin: 0 auto;
  opacity: 0;
  overflow: hidden;
  padding: 0 2%;
  position: relative; }

#pushdown-container nav.nav-active {
  height: auto;
  opacity: 1;
  padding: 24px 2% 0;
  padding-left: 3.4%;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out; }

#pushdown-container nav ul {
  display: block; }

#pushdown-container nav ul li.eq-column {
  width: 23.7%; }

#pushdown-container nav ul li.two-eq-column {
  width: 41.1%; }

#pushdown-container nav ul li.two-eq-column.extra-left-space {
  padding-left: 2.5%;
  width: 38.6%; }

#pushdown-container nav ul li.one-column {
  width: 15.3%; }

#pushdown-container nav ul li.two-column {
  width: 32.33%; }

#pushdown-container nav ul li.two-column.extra-left-space {
  padding-left: 2.5%;
  width: 24.83%; }

#pushdown-container nav ul li {
  display: block;
  float: left;
  margin: 0;
  min-width: auto;
  width: auto; }

#pushdown-container nav ul li.promo-spot {
  float: right;
  width: 24.75%; }

#pushdown-container nav ul li.promo-spot.large {
  width: 33.4%; }

#pushdown-container nav ul li.promo-spot img {
  border: 1px solid #e2dccc;
  width: 100%; }

#pushdown-container nav ul li.promo-spot a.iphone-banner img {
  width: auto; }

#pushdown-container nav ul li.promo-spot a.promo-banner {
  display: block;
  margin-top: -12px; }

#pushdown-container nav ul li.promo-spot a.iphone-banner {
  -webkit-box-shadow: 0px 0px 18px 2px rgba(153, 102, 51, 0.24);
  box-shadow: 0px 0px 18px 2px rgba(153, 102, 51, 0.24);
  background-color: #fff;
  border: 1px solid #e2dccc;
  min-height: 146px;
  text-align: center; }

#pushdown-container nav ul li.promo-spot a.iphone-banner img {
  border: 0px solid;
  margin-top: 2.2em;
  margin-bottom: 1.3em; }

#pushdown-container nav ul li.promo-spot a.iphone-banner span {
  color: #af5026;
  display: block;
  font: normal normal normal 1.4em/1 'DinWebMedium', serif;
  margin-bottom: 0.3em; }

#pushdown-container nav ul li.promo-spot a.iphone-banner span.desc {
  color: #4c3327;
  font: normal normal normal 1.8em/1 'Sina-Regular', serif; }

#pushdown-container nav ul li.promo-spot a.iphone-banner:hover span {
  color: #4c3327; }

#pushdown-container nav ul li.promo-spot.small a.promo-banner,
#pushdown-container nav ul li.promo-spot.small a.iphone-banner {
  margin-bottom: 1em; }

#pushdown-container nav ul li.promo-spot.small a.iphone-banner {
  margin-top: 1em; }

#pushdown-container nav[data-role="column_6"] {
  margin-top: 1em; }

#pushdown-container nav[data-role="column_6"] h4 {
  margin-bottom: 0;
  padding-bottom: 0.2em; }

#pushdown-container nav[data-role="column_6"] p, #pushdown-container nav[data-role="column_5"] p {
  margin-bottom: 0.2em; }

#pushdown-container nav[data-role="column_6"] li .forward-button-primary {
  margin-bottom: 1.25em; }

#pushdown-container nav[data-role="column_5"] button-primary {
  margin-top: 0.525em; }

a.promo-banner {
  position: relative; }

a.promo-banner label.align-right, a.promo-banner label.align-left {
  cursor: pointer;
  font: normal normal normal 1.2em/1.25 "DinWeb",serif;
  position: absolute;
  right: 1em;
  top: 1.5em;
  width: 43%; }

a.promo-banner label.align-left {
  left: 1em; }

a.promo-banner label.align-right span.desc, a.promo-banner label.align-left span.desc {
  color: #4c3327; }

a.promo-banner label.align-right span.desc-link, a.promo-banner label.align-left span.desc-link {
  display: inline-block;
  font: normal normal normal 1em/1.25 "DinWebMedium",serif; }

#pushdown-container h4 {
  color: #4c3327;
  display: block;
  font: normal normal normal 2.2em/1.8 'Sina-Medium', serif;
  font-size: 1.7em;
  line-height: 1;
  margin-bottom: 0.4em;
  padding: 0.3em 0; }

#pushdown-container h4 img {
  margin-right: 0.5em; }

#pushdown-container h4.order-icon {
  padding-left: 30px; }

#pushdown-container h4 em {
  font-family: fugu, cursive;
  font-style: normal; }

#pushdown-container h4.order-icon.catering {
  background: url(clientLibs/css/images/web_icons/icon-medium-ordering-catering-beige.gif) left center no-repeat; }

#pushdown-container h4.order-icon.personal {
  background: url(clientLibs/css/images/web_icons/icon-medium-ordering-personal-orders-beige.gif) left center no-repeat; }

#pushdown-container p {
  font-size: 1.2em;
  line-height: 1.4215em; }

#pushdown-container li .forward-button-primary {
  margin-bottom: 0.7em; }

#pushdown-container li p {
  margin-bottom: 1.25em; }

#pushdown-container .eq-column p {
  margin-top: 0.5em;
  width: 93%; }

#pushdown-container .eq-column p.no-margin {
  margin-top: 0;
  margin-bottom: 1em; }

#pushdown-container li p.find-panera-desc {
  width: 90%; }

#pushdown-container li ul.global-list {
  font-size: 1.2em;
  list-style-image: url(clientLibs/css/images/global_bullet-desktop.png);
  margin-bottom: 0.3em; }

#pushdown-container li ul.global-list li {
  margin-bottom: 0.5em; }

#pushdown-container nav ul {
  display: block;
  width: 97%; }

#pushdown-container ul li.separator-short {
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) top left repeat-y;
  height: 1.6em;
  margin-top: 0.6em;
  width: 1.2em; }

#pushdown-container nav[data-role="column_4"] ul li.separator-long {
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) top center repeat-y;
  height: 16em;
  margin-top: 0.6em;
  width: 4.75em; }

#pushdown-container nav[data-role="column_6"] ul li.separator-long {
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) top center repeat-y;
  height: 16em;
  padding: 0 5em 0 0;
  margin-top: 0.6em;
  width: 7.75em; }

#pushdown-container ul li.two-column ul {
  float: left;
  width: 50%; }

#pushdown-container ul ul {
  float: left;
  margin-top: 0.2em;
  width: auto; }

#pushdown-container ul ul:after {
  content: "";
  display: table;
  clear: both; }

#pushdown-container ul ul li {
  float: none;
  margin-bottom: 0.8em; }

#pushdown-container nav ul li.two-column li {
  padding-right: 1em;
  /*width:15em;*/ }

#pushdown-container ul ul li a {
  font: normal normal normal 1.4em/1 'DinWebMedium', serif; }

#pushdown-container .button-primary {
  font-size: 1.7em;
  height: 25px;
  line-height: 25px;
  margin-bottom: 0.5em;
  /* margin-top: 1.25em; */
  margin-top: 0.675em; }

#pushdown-container .button-primary .cta {
  height: 10px; }

#pushdown-container .panera-rooms {
  margin-top: 3.5em; }

#pushdown-container .mypaneranav {
  width: 330px; }

#pushdown-container .descriptivenavigation p {
  width: auto; }

.pushdown-close {
  background: url(clientLibs/css/images/global_icon_close.png) center center no-repeat;
  height: 1.2em;
  position: absolute;
  right: 2.5em;
  top: 1.2em;
  width: 1.2em; }

#nav-search-panera {
  background: #fff;
  border: 1px solid #e2dccc;
  display: inline-block;
  height: 25px; }

#nav-search-panera input {
  font: normal normal normal 1.4em/1 'DinWebMedium', serif;
  margin: 0; }

#nav-search-panera input[type=text] {
  border: 0px solid;
  height: 25px;
  outline: medium none;
  padding: 0 1%;
  padding-left: 2%;
  width: 72%;
  font: normal normal normal 1.5em/1 'DinWeb', serif;
  color: #4c3327;
  line-height: 27px; }

#nav-search-panera input[type=submit] {
  background: #af5026;
  border: 0px solid;
  color: white;
  float: right;
  padding: 0.5em 0em;
  padding-bottom: 0.26em;
  text-align: center;
  width: 24%;
  height: 25px;
  line-height: 12px; }

#nav-search-panera input[type=submit]:hover {
  background: #4c3327;
  color: white;
  cursor: pointer; }

.panera-rooms {
  margin-top: 3em; }

.panera-rooms li {
  display: block;
  font-size: 1.4em;
  margin-bottom: 1.3em !important;
  padding: 0.5em 3em;
  padding-right: 0.5em;
  position: relative; }

.panera-rooms li span {
  /*background:#ddd;*/
  /*height:3em;*/
  left: 0;
  position: absolute;
  top: 0;
  /*width:3em;*/ }

.nav-rewards-ready {
  background: url(clientLibs/css/images/web_icons/icon-large-other-rewards.gif) left center no-repeat;
  margin-bottom: 0.5em;
  padding: 3em 0;
  padding-left: 6.5em;
  position: relative;
  width: 9em; }

.nav-rewards-ready label {
  color: #fff;
  display: block;
  font: normal normal normal 2.4em/1 'Sina-Medium', serif;
  left: -1px;
  letter-spacing: -1px;
  padding: 0.7em 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2.5em; }

#pushdown-container .nav-rewards-ready p {
  color: #996633;
  margin: 0; }

.nav-rewards-ready label a {
  color: #fff;
  font-family: 'Sina-Regular', serif; }

.nav-rewards-ready p a {
  color: #996633; }

.nav-top-wrapper {
  margin: 0 auto;
  max-width: 625px;
  min-width: 530px;
  padding: 0 13%;
  position: relative; }

#primary-nav {
  margin: 0 auto;
  max-width: 625px;
  min-width: 526px;
  padding: 0 2% 3px 2%;
  padding-right: 4%;
  position: relative; }

.order-count #primary-nav {
  padding-right: 9%; }

a.logo {
  left: 0; }

.utility {
  padding-right: 2%; }

.order-count .utility {
  padding-right: 7.5%; }

#primary-nav.mouse-hover > ul .menu a {
  outline: none; }

/* Loyalty 2.0 Changes */
.my-panera-nav a.forward-button-primary.right-align {
  float: right;
  clear: both;
  margin-top: 1em; }
.my-panera-nav .promo-spot {
  width: 50% !important; }
  .my-panera-nav .promo-spot a.promo-banner {
    display: block;
    float: left;
    margin: 2px 19px 0 0; }
    .my-panera-nav .promo-spot a.promo-banner img {
      margin-top: 8%; }
  .my-panera-nav .promo-spot h4 + a.promo-banner img {
    margin-top: 0; }
  .my-panera-nav .promo-spot p {
    margin-bottom: 1em; }
.my-panera-nav .loyalty-right-rail-menu li {
  list-style: none;
  clear: both;
  color: #DDCFB5;
  font: normal normal normal 1.3em/0.85 "Sina-Regular", serif;
  display: inline-block;
  padding: 0 0 0 1%;
  margin-bottom: 0 !important; }
  .my-panera-nav .loyalty-right-rail-menu li span.counter {
    font-size: 3.2em;
    display: inline-block; }
  .my-panera-nav .loyalty-right-rail-menu li span.visits {
    color: #4c3327;
    font-size: 1.2em;
    line-height: 1;
    margin: 0;
    padding: 0.8em 0 0 0;
    font-family: Sina-Medium;
    display: block;
    width: 250px;
    margin-left: 3.5em; }
.my-panera-nav .loyalty-right-rail-menu span.visits-left, .my-panera-nav .loyalty-right-rail-menu span.rewards-left {
  display: block;
  width: 50px;
  padding-top: 5px;
  height: 50px;
  text-align: center;
  float: left; }
  .my-panera-nav .loyalty-right-rail-menu span.visits-left.two-digits, .my-panera-nav .loyalty-right-rail-menu span.rewards-left.two-digits {
    font-size: 2.2em;
    line-height: 1.2em; }
.my-panera-nav .loyalty-right-rail-menu .rewards-left {
  background: url(clientLibs/images/loyalty/menu-counter-bg.png) 2px 0 no-repeat;
  color: #AB8054;
  font-size: 2.9em; }
.my-panera-nav .loyalty-right-rail-menu .visits-left {
  background: url(clientLibs/images/loyalty/menu-counter-bg.png) 2px 0 no-repeat;
  color: #AB8054;
  font-size: 2.9em; }

.teaser.rignt-nav-top {
  display: inline-block; }
  .teaser.rignt-nav-top.show-separator h4 {
    position: relative; }
    .teaser.rignt-nav-top.show-separator h4 span {
      display: inline-block;
      position: absolute;
      background: url(clientLibs/css/images/global_artisan-beige-vertical.png) top left repeat-y;
      width: 40px;
      height: 15px;
      left: -0.75em; }

/* ==========================================================================
=FOOTER
========================================================================== */
footer {
  background: url(clientLibs/css/images/footer-background.png) top center repeat;
  position: relative;
  top: 0;
  z-index: 48;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out; }

.footer-wrapper {
  margin-bottom: 1em; }

.home-page footer {
  position: fixed;
  top: 100%;
  width: 100%; }

.home-page .footer-wrapper {
  margin-bottom: 1em;
  margin-top: -4px; }

.home-page footer.stuck {
  cursor: pointer; }

.home-page footer.stuck.active {
  cursor: auto; }

.error-page footer {
  top: -3px; }

footer.nav-active {
  top: 225px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

footer div.copyright-wrapper {
  height: 30px;
  position: relative; }

footer nav {
  margin: 0 auto;
  max-width: 964px; }

footer nav ul {
  padding: 2% 0; }

footer nav ul:after {
  content: "";
  display: table;
  clear: both; }

#footer-nav .column-header {
  color: #4c3327;
  display: block;
  float: left;
  font-size: 1.4em;
  line-height: 1.71428571;
  padding: 0 0 0 1%;
  width: 23%; }

#footer-nav .column-header h4 {
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) left center repeat-y;
  font: normal normal normal 1.2em/1.04545455 'Sina-Medium', serif;
  line-height: 1;
  padding-left: 1em; }

#footer-nav .column-header ul {
  padding-left: 1.2em; }

#footer-nav .column-header h4 {
  margin-bottom: 0.5em; }

#footer-nav .column-header h4.first {
  background: none;
  line-height: 1;
  padding-left: 0em; }

#footer-nav .column-header ul.first {
  padding-left: 0em; }

#footer-nav .column-header:first-child {
  padding: 0;
  padding-left: 1.7%; }

#footer-nav .column-header:last-child {
  border: none; }

#footer-nav .column-header.last {
  width: 18em;
  padding-left: 0; }

#footer-nav a {
  text-decoration: none; }

footer .legal {
  clear: both;
  font-size: 1.4em;
  line-height: 2.2;
  text-align: center; }

footer .legal a {
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) top left repeat-y;
  display: inline-block;
  line-height: 0.8;
  margin-left: 0.8em;
  padding-left: 1.3em; }

footer .legal ul {
  list-style-type: none; }

footer .legal ul li {
  float: left; }

/*Social Network Sprite Icons*/
.social-icons {
  list-style-type: none;
  list-style-image: none;
  margin: 7% 0 0 0;
  padding: 0; }

.social-icons li {
  background: url(clientLibs/css/images/social-icons-sprite-desktop.png) no-repeat;
  cursor: pointer !important;
  float: left;
  height: 3em;
  list-style-type: none;
  margin: 0 0 0 6px;
  min-width: 2em;
  position: relative; }

.social-icons li.facebook {
  margin: 0; }

.social-icons li a {
  display: inline-block;
  height: 100%;
  width: 100%; }

.social-icons li.facebook, .social-icons li.twitter, .social-icons li.pinterest {
  height: 3em;
  width: 3em; }

footer .social-icons li.facebook, footer .social-icons li.twitter, footer .social-icons li.pinterest, footer .social-icons li.youtube, footer .social-icons li.foursquare, footer .social-icons li.instagram {
  height: 2.2em;
  padding: 0;
  width: 2.2em; }

.social-share-holder .social-icons li {
  height: 2em;
  width: 2em; }

footer .social-icons li, .social-share-holder .social-icons li {
  margin-left: 7px; }

.social-icons li.facebook {
  background-position: 0 0; }

.social-icons li.twitter {
  background-position: 0 -32px; }

.social-icons li.pinterest {
  background-position: 0 -64px; }

.social-icons li.youtube {
  background-position: 0 -96px; }

.social-icons li.foursquare {
  background-position: 0 -128px; }

.social-icons li.instagram {
  background-position: 0 -256px; }

.item-detail .social-icons li.facebook {
  background-position: 0 -160px; }

.item-detail .social-icons li.twitter {
  background-position: 0 -192px; }

.item-detail .social-icons li.pinterest {
  background-position: 0 -224px; }

/* ==========================================================================
=STRUCTURE COLUMNS
========================================================================== */
.one-column {
  float: left;
  margin-right: 1.1%;
  width: 32.6%; }

.two-column {
  float: left;
  margin-right: 1.1%;
  width: 66.25%; }

.one-column-tiny {
  float: right;
  width: 26%; }

#two-column-space.two-column-large {
  float: left;
  margin-right: 10%;
  width: 64%; }

#two-column-no-space.two-column-large {
  float: left;
  margin-right: 4%;
  width: 70%; }

.eq-column {
  float: left;
  margin-right: 4%;
  overflow: hidden;
  width: 46.5%; }

.three-column {
  width: 100%; }

article.last, .one-column.last, .two-column.last, .eq-column.last, .three-column, .one-column-tiny.last {
  margin-right: 0; }

/* Account Center */
.order-listing {
  color: #4c3327;
  font-size: 1.4em;
  font-family: "DinWeb", sans-serif;
  margin-top: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #e5e0cd; }
  .order-listing.first-child {
    margin-top: 0;
    border-top: 0 !important;
    padding-top: 0; }
  .order-listing .order-title {
    font-family: "DinWebMedium", sans-serif; }
  .order-listing .item-summary-detail, .order-listing .order-pickup-details {
    padding-top: 1em; }
  .order-listing .removed-item {
    text-decoration: line-through; }
  .order-listing .detailed-table {
    display: table; }
  .order-listing .detailed-table span {
    display: table-cell;
    padding-right: 1.5em; }
  .order-listing span.purchase_mode {
    text-transform: capitalize; }
  .order-listing div.item {
    padding-top: 0.25em; }
  .order-listing div.item-removed {
    padding-top: 0.25em; }

/* ==========================================================================
= CONTENT Layout
========================================================================== */
#content-outer-wrapper {
  min-height: 500px;
  min-width: 768px;
  position: relative;
  padding-top: 105px;
  top: 0;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out; }

#content-outer-wrapper.nav-active {
  top: 230px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.in-page-nav-wrapper.sticky.stuck.nav-active {
  top: 339px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.content-inner-wrapper {
  background: none;
  margin: 0 auto;
  max-width: 964px;
  padding: 0 2%;
  position: relative;
  top: -12px;
  z-index: 2; }

.no-banner .content-inner-wrapper {
  top: 0; }

.content-inner {
  background: #fff;
  position: relative; }

.clear-top-margin {
  padding-top: 0; }

.main-content {
  min-height: 400px;
  margin-bottom: -25px;
  padding: 2em;
  padding-bottom: 4.1em; }

.sub-main-content {
  min-height: 300px; }

.main-content.with-featured-header {
  padding-top: 1.7em; }

.main-content.text-padding {
  padding: 3em; }

.main-content.text-padding h1 {
  margin-bottom: 0.625em; }

.main-content.text-padding h2 {
  color: #963;
  line-height: 1em; }

.main-content.text-padding h3 {
  margin-bottom: 0.7em; }

.main-content.text-padding p {
  /* margin-bottom:0.775em */
  margin: 0 0 1.325em 0; }

.main-content.text-padding p b, span.heading {
  font-family: 'DinWebMedium';
  font-weight: normal; }

.main-content.text-padding p.user-action-search {
  line-height: 1;
  margin-bottom: 1.3em; }

.main-content.text-padding p.caption {
  margin-bottom: 5px; }

.main-content.text-padding p.no-margin, #accordian-content .financial-report-article, #accordian-content ul.no-margin {
  margin-bottom: 0em !important; }

.main-content.text-padding .financial-report-article p, .main-content.text-padding .financial-report-article address {
  margin: 0;
  margin-bottom: 0.75em;
  padding: 0; }

.main-content.text-padding p.last {
  margin-bottom: 0; }

.main-content.text-padding address {
  font-size: 1.4em;
  font-style: normal;
  margin-bottom: 2em; }

.main-content.text-padding address.no-margin {
  margin-bottom: 0; }

.inlineMessage.error {
  background: none;
  color: #f00; }

/*inline error messages*/
.inlineMessage {
  padding-right: 20px;
  background: url("clientLibs/css/images/correct-input.png") right center no-repeat;
  color: #677718;
  display: inline-block;
  line-height: 1.458em; }

div.inlineMessage {
  min-height: 1.5em; }

.inlineMessage.error {
  background: none;
  color: #f00; }

/*custom input options*/
/*// Custom Checkbox and Radio button */
html.borderradius .customInputOptions input[type=checkbox], html.borderradius .customInputOptions input[type=radio] {
  appearance: none;
  /*-moz-appearance: none;*/
  -webkit-appearance: none;
  background: #f0ede3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #dad5c9;
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 0;
  cursor: pointer;
  outline: none;
  margin-left: 0;
  margin-top: -1px;
  /*vertical-align: text-top;*/ }

.label-agree input[type=checkbox] {
  margin-top: -1px; }

html.borderradius .customInputOptions input[type=checkbox] {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }

html.borderradius .customInputOptions input[type=checkbox]:hover {
  border: 1px solid #dad5c9; }

html.borderradius .customInputOptions input[type=checkbox]:checked:after {
  content: "\00a0";
  display: block;
  width: 4px;
  height: 10px;
  border: solid #4c3327;
  position: relative;
  left: 4px;
  top: -1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 0 2px 2px 0; }

html.borderradius .customInputOptions input[type=radio] {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: relative;
  top: -3px; }

html.borderradius .customInputOptions input[type="radio"]:checked:after {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  content: "\00a0";
  display: block;
  position: relative;
  left: 3px;
  top: 3px;
  height: 7px;
  width: 7px;
  background: #4c3327; }

html.borderradius .customInputOptions input.disabled {
  background: #ccc;
  cursor: default !important; }

.mobile-loader {
  left: 0;
  top: 0;
  position: fixed;
  height: 100%;
  background: #424142 url("clientLibs/css/images/loader_ios.gif");
  z-index: 999999;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 50%;
  opacity: 0.7;
  zoom: 1; }

.page-in-progress section.banner {
  display: none; }
.page-in-progress .content-inner {
  display: none; }
.page-in-progress .content-inner-wrapper {
  background: #fff;
  min-height: 400px; }
.page-in-progress .main-content {
  display: none; }

/* ==========================================================================
=CONTENT
========================================================================== */
.mrgtp1em {
  margin-top: -1em; }

.mrgtppt2 {
  margin-top: 0.2em; }

.mrgtp1em h2 {
  margin-top: 1.3em;
  margin-left: -0.1em; }

.adjMrg {
  padding-top: 0em !important; }

.in-page-nav-wrapper {
  background: white; }

.in-page-nav-wrapper.sticky {
  position: relative; }

.in-page-nav-wrapper.sticky.stuck {
  padding-top: 3px; }

.in-page-nav {
  color: #4c3327;
  font-size: 1.6em;
  line-height: 1.125;
  min-height: 1.5em;
  padding: 1.15em 1.2em 0;
  position: relative; }

.inside-related-content {
  margin-bottom: 0 !important; }

.inside-related-content div {
  margin-bottom: 0 !important;
  padding-left: 0;
  padding-right: 0;
  padding-top: 1.8em; }

.recipe-detail-page .inside-main-content {
  height: 3em; }

.inside-main-content .in-page-nav {
  line-height: 1.5;
  padding: 0; }

.inside-main-content span.serving-info {
  display: inline-block;
  font: normal normal normal 1.6em/1 'DinWebMedium', serif;
  margin-top: 3px; }

.inside-main-content h2 {
  display: inline-block;
  float: left;
  margin: 0 !important; }

.inside-main-content h2.with-custom-dropdown {
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) right center repeat-y;
  line-height: 0.8;
  margin-right: 0.5em !important;
  margin-bottom: 0.75em !important;
  padding-right: 0.7em; }

.inside-main-content .in-page-nav:after {
  content: "";
  display: table;
  clear: both; }

.in-page-nav.sub-tabs {
  padding-top: 0; }

.in-page-nav.no-banner {
  padding-top: 3%; }

.in-page-nav.no-banner .back-link {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 1em;
  margin-bottom: 1.2em; }

.in-page-nav.detail-nav-link {
  padding: 0.5em 0 0.1em; }

.in-page-nav.detail-nav-link-with-share {
  padding: 0;
  padding-bottom: 0.1em; }

.in-page-nav .with-right-border {
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) right center repeat-y;
  display: inline-block;
  padding-right: 0.7em;
  margin: 0 0.35em 0.55em 0; }

.in-page-nav > span {
  float: left;
  font-family: 'DINWebMedium';
  position: relative;
  z-index: 3; }

.core-layout h2 {
  color: #996633; }

.core-layout .main-content {
  padding-left: 3em;
  padding-right: 3em;
  padding-bottom: 4em; }

.back-link .social-icons {
  float: right; }

.back-link .social-icons li {
  margin-left: 4px; }

.recipe-detail-page h2 {
  color: #963;
  margin-bottom: 0.95em; }

.recipe-header h2 {
  color: #963;
  margin-left: 0.5em;
  padding-top: 1em; }

.recipe-header h2.similar-recipe-tab {
  color: #963;
  margin: 0;
  padding: 0;
  font-size: 1.4em; }

.recipe-detail-page h3 {
  margin-bottom: 0.55em; }

.recipe-detail-page p {
  margin-bottom: 2em; }

/**/
.recipe-detail-page p.recipe-tip {
  margin-bottom: 0.95em; }

.recipe-detail-page .with-bottom-border {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) bottom left repeat-x;
  margin-bottom: 2.8em; }

.recipe-detail-page .write-table.static {
  margin-top: -0.4em;
  width: 86.1%; }

.recipe-detail-page .nutrition-table > thead > tr:first-child > th:first-child {
  font-size: 1em;
  height: 3em !important; }

.recipe-detail-page .nutrition-table td {
  font-family: "DinWebMedium",Serif;
  padding-bottom: 0 !important; }

.recipe-reviews {
  display: none; }

.recipe-reviews p {
  margin-bottom: 1em; }

.general-text-grid {
  border-collapse: collapse;
  margin-bottom: 1.8em; }

.general-text-grid th, .general-text-grid td {
  padding: 0;
  vertical-align: top;
  width: 50%; }

#rec-detail-col-ingredient-right {
  padding-left: 4%; }

.general-text-grid ul {
  margin-top: 0; }

.text-content {
  padding: 0 1em; }

.article-copy h4 {
  margin: 1.35em 0 1em 0; }

/* ==========================================================================
=YOU-PICK-TWO TEMPLATE
===========================================================================*/
.you-pick-two {
  margin: 1.6em 0 1em; }

.you-pick-two-btn .button-container {
  margin: 1em 0 0 0; }

.you-pick-two img {
  float: left;
  margin-right: 2em;
  width: 10.8%; }

.you-pick-two .select-two {
  color: #4c3327;
  font-family: 'DINWebBold', serif;
  margin-bottom: 0;
  padding-top: 0.8em; }

.you-pick-two .copyright-text {
  color: #666;
  font-family: 'DINWeb', serif;
  font-size: 1.2em; }

.bottom-gap {
  margin-bottom: 1em; }

.video-thumb-play {
  background: url(clientLibs/css/images/video_play_icon.png) center center no-repeat;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

/* ==========================================================================
=FINANCIAL REPORTS TEMPLATE
===========================================================================*/
#accordian-content h4 + article {
  display: none; }

#accordian-content .custom-dropdown-arrow-right, #accordian-contents .custom-dropdown-arrow-right {
  margin-right: 10px; }

#accordian-content h4 {
  cursor: pointer; }

#accordian-content h4 + article, #accordian-contents h2 + article, #accordian-contents h4 + article {
  margin: 0.8em 0 15px 2.2em; }

#accordian-contents h2 + article, #accordian-contents h4 + article, #accordian-contents h5 + article {
  margin: 0 0 15px 0; }

#accordian-contents h4.in-the-news {
  margin-bottom: 1em; }

#accordian-contents h2.in-the-news {
  margin-bottom: 0.5em !important; }

#accordian-contents h2 + article p:first-child, #accordian-contents h4 + article p:first-child {
  padding-top: 0; }

#accordian-contents div.global-list {
  margin-top: 1em; }

#accordian-content h4.anchor-mode {
  color: #af5026;
  display: table;
  margin-bottom: 0.575em; }

#accordian-content h4.anchor-mode span.anchor-text {
  display: table-cell;
  line-height: 1.25em; }

#accordian-content h4.anchor-mode.expanded, #accordian-content h4.anchor-mode:hover {
  color: #4c3327; }

.expand-disable {
  display: block;
  margin: 0; }

.file-content, .file-size {
  font-family: DINWeb,sans-serif; }

.file-content {
  display: inline-block;
  line-height: 1.5em;
  margin-bottom: 0.325em; }

.file-size {
  border-left: 1px solid #E6E0CD;
  display: inline-block;
  line-height: 1.1em;
  height: 0.85em;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px; }

.pdf-icon, .ext-icon, .zip-icon {
  background: url("clientLibs/css/images/fpo-icon.png") no-repeat 0 0;
  padding: 0 0 0 25px; }

#accordian-content .expand-by-default {
  display: block; }

#accordian-content .global-no-bullet-list, #accordian-contents .global-no-bullet-list {
  margin: 0 0 1em 0; }

/* #accordian-content .anchor-mode{margin-top:-0.3em;} */
/* ==========================================================================
=PRESS TEMPLATE
===========================================================================*/
p.italic {
  font-style: italic; }

.navigation li {
  display: block;
  list-style: none; }

.top-space {
  margin: 6% 0 0; }

.press-template p {
  margin-bottom: 0.071429em; }

ul.template-body {
  list-style: none; }

ul.template-body li {
  width: 80%;
  padding-top: 0.9em; }

ul.template-body li h5 {
  margin-top: 1.7em; }

.template-head h4, .template-head p {
  margin: 0; }

.subheading p {
  margin-bottom: 2%; }

.template-child .child-icon {
  width: 16px;
  height: 16px;
  background-color: #f0ede4;
  margin-right: 1em; }

.template-body .template-child .child-content {
  width: 85%; }

#accordian-content {
  margin: 0; }

#accordian-content h4.accordion-with-sub span.title {
  display: inline-block;
  width: 95%; }

#accordian-content h4.accordion-with-sub p {
  font-size: 0.9em;
  margin-top: 2%;
  margin-left: 2%; }

#accordian-content .year-accordion article.financial-report-article {
  margin-left: 2%; }

.year-accordion {
  margin-bottom: 5%; }

.awards li {
  list-style: none; }

.awards .child-icon {
  height: 60px;
  width: 60px; }

.awards .child-icon img {
  height: 100%;
  width: 100%; }

.awards .child-icon {
  width: 30%; }

.awards .template-body .template-child .child-content {
  width: 65%; }

.awards .template-child p {
  font-weight: bold; }

.float-left, img.float-left {
  float: left; }

img.float-left {
  margin: 0 15px 0 0; }

.float-right, img.float-right {
  float: right; }

img.float-right {
  margin: 0 0 0 15px; }

.float-clear {
  clear: both; }

li.template-child span {
  font-size: 1.2em; }

ul.template-body li {
  width: 100%; }

ul.template-body li p.subtext {
  font-weight: normal;
  margin: 0 0 1em 0;
  padding: 0; }

.awards .template-child p.child-title {
  margin: 0.5em 0 0.5em 0; }

/* ==========================================================================
=IN-THE-COMMUNITY TEMPLATE
===========================================================================*/
#in-the-community h1 {
  margin-bottom: 0.5em; }

#in-the-community .standard h2 {
  margin: 10px 0 0 0; }

#in-the-community .main-content.text-padding h3 {
  margin-bottom: 0.5em; }

#in-the-community .standard p {
  padding-top: 0; }

#in-the-community .panera-event {
  padding-bottom: 0;
  margin-bottom: 0; }

#in-the-community .main-content.text-padding .events-grid {
  margin-bottom: 15px; }

#in-the-community .main-content.text-padding h2 {
  margin-bottom: 0.675em; }

#in-the-community .main-content.text-padding .two-column p {
  margin-bottom: 1.3em; }

#in-the-community .main-content.text-padding p.note-desc {
  margin-bottom: 1.75em;
  line-height: 15px; }

#in-the-community .main-content.text-padding .two-column-large h2 {
  margin-top: 1.2em; }

#in-the-community .main-content .button-primary {
  margin-top: 0;
  margin-bottom: 25px;
  clear: both;
  float: left; }

#in-the-community .main-content .one-column, #in-the-community .main-content .two-column {
  margin-bottom: 18px; }

#in-the-community .panera-event .two-column {
  padding-bottom: 0; }

#in-the-community .banner h2, #in-the-community .banner h3, #in-the-community .banner p {
  text-shadow: none; }

#in-the-community .banner p {
  font-size: 1.4em;
  font-family: "DinWebMedium", Serif;
  line-height: 1.4;
  margin-bottom: 25px;
  width: 50%;
  padding-top: 0.8em; }

#in-the-community .main-content.text-padding p {
  margin-bottom: 1.2em; }

#in-the-community .main-content.text-padding .two-column-large p {
  width: 74%; }

#in-the-community .banner {
  background-position: center right; }

/* ==========================================================================
=GENERAL ARTICLES TEMPLATE
===========================================================================*/
.bio-article {
  margin-bottom: 2em; }

.bio-article .img-column, .bio-article .text-column {
  float: left; }

.bio-article .img-column {
  margin-right: 2em; }

.bio-article .img-column img {
  width: 100%; }

.bio-article .text-column {
  margin-top: 1.5em;
  width: 63%; }

.article-info {
  margin-bottom: 2em; }

.article-info.last {
  margin-bottom: 0; }

.article-info.with-bottom-border {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 2em; }

.bio-article .text-column h2 {
  margin: 0 0 0.240em 0 !important; }

.bio-grid-separator {
  padding: 2em 0; }

.grid-separator-clear-top {
  padding: 0 0 2em 0; }

/*.events-grid{padding-top: 1em;}*/
/* ==========================================================================
=ACCOUNT INFORMATION TEMPLATE
===========================================================================*/
.edit-link {
  background: none;
  display: inline-block;
  height: 18px;
  width: 50px;
  /*outline:none;*/
  text-align: right; }

#dob-edit-link-column {
  text-align: right; }

#dob-edit-link-column .edit-link {
  width: auto; }

#updated-birthday {
  margin-right: 1.6em; }

#updated-birthday.completed {
  margin-right: 0; }

.edit-link.link-active {
  margin-bottom: 0;
  background: url(clientLibs/css/images/global_icon_close.png) right center no-repeat;
  cursor: pointer;
  text-align: left;
  text-indent: -9999px; }

.edit-link.link-active .custom-dropdown-arrow {
  display: none; }

.account-info-table {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  font: normal normal normal 1.4em/1.4 'DinWeb', serif;
  margin-bottom: 2em;
  width: 100%; }

.account-info-table.last {
  margin-bottom: 0; }

.account-info-table > tr th, .account-info-table .edit-link-column {
  width: 3em; }

.account-info-table .summary-value-column {
  float: right;
  padding-right: 0.75em;
  margin-top: 0.25em;
  font-family: DINWebRegular; }

.account-info-table.last {
  background: none; }

#tastes-interests-data.account-info-table td.help-text {
  width: 70%; }

#tastes-interests-data.account-info-table th {
  width: auto; }

#tastes-interests-data th h3 {
  margin-bottom: 0; }

#user_interests_form ul {
  font-size: 1.4em; }

.account-info-table th, .account-info-table td {
  padding: 23px 0;
  text-align: left; }

#page-acct-info .account-info-table th, #page-acct-info .account-info-table td {
  padding-bottom: 19px; }

#tbl-email-pref.account-info-table th:first-child {
  padding-bottom: 0 !important; }

.account-info-table #first-row th, .account-info-table #first-row td {
  padding: 8px 0 18px 0; }

.account-info-table #last-row th, .account-info-table #last-row td {
  padding-bottom: 21px; }

.account-info-table.last td.edit-link-column {
  text-align: right; }

.account-info-table.last tr:first-child td, .account-info-table.last tr:first-child th {
  padding-top: 6px; }

.account-info-table td.edit-section {
  border-bottom: 1px solid #e5e0cd;
  padding: 0; }

#sd-par-edit-phone a.button-primary.change, .phone-change-form h2 {
  font-size: 18px; }

#phone_list {
  clear: both;
  margin-bottom: 3em; }

.phone-list {
  clear: both; }

.phone-list span {
  display: inline-block;
  padding: 0 0.5% 0; }

.phone-type, .phone-number {
  width: 15%; }

.phone-default {
  width: 3%; }

.phone-change-form {
  margin-bottom: 2em; }

.phone-form {
  clear: both;
  display: none; }

#sd-par-edit-phone .add-button {
  clear: both; }

#sd-par-edit-phone .inlineMessage {
  margin-top: 0; }

.ph-col1 {
  width: 3%;
  float: left; }

.ph-col2 {
  width: 97%;
  float: left; }

#tastes-interests-data tbody > tr:first-child th, #tastes-interests-data tbody > tr:first-child td {
  /*    border-bottom:1px solid #e5e0cd;*/ }

#tastes-interests-data td.form-submit-button {
  padding-top: 4em;
  padding-bottom: 1.1em;
  text-align: right;
  padding-right: 16px; }

#tbl-email-pref td {
  padding-bottom: 0.8em; }

.account-info-table td.help-text {
  font-size: 1.2em;
  font-family: "DINWebRegular", "Serif"; }

#edit-preferences p {
  font-size: 1em; }

#edit-preferences table.user-form td {
  padding: 6px 0 3px; }

.account-info-table .edit-section-grid {
  display: none; }

.account-info-table td.edit-section.last {
  border-bottom: 0px solid; }

.account-info-table td.edit-section div {
  margin-bottom: 1em; }

.account-info-table td.edit-section div.input-error {
  margin-bottom: 0; }

table.user-form .help-text, .account-info-table .help-text {
  font-size: 85.75%; }

.account-info-table table.user-form th {
  padding: 0;
  padding-bottom: 0.3em; }

.account-info-table table.user-form tr.last-row td {
  padding-bottom: 0; }

.account-info-table table.user-form tr.last-row td {
  padding-bottom: 0; }

.account-info-table table.user-form th {
  font-family: "DINWeb",Serif;
  font-weight: normal;
  width: 50%; }

.account-info-table table.user-form input[type=text],
.account-info-table table.user-form input[type=password],
.account-info-table table.user-form input[type=email],
.account-info-table table.user-form input[type=tel],
.account-info-table table.user-form input[type=date] {
  border: 1px solid #ded7c5;
  color: #666;
  font-family: 'DinWebRegular', serif;
  font-size: 1em;
  height: 1.5em;
  outline: medium none;
  padding: 2px 4px;
  width: 75%; }

.account-info-table table.user-form {
  font-size: 1em; }

.account-info-table tr td.help-text {
  text-align: right;
  padding-right: 0.75em;
  font-size: 0.85em; }

.account-info-table table.user-form td.nav-column {
  padding-right: 0; }

.account-info-table .inlineMessage {
  font-size: 1em;
  font-family: 'DINWebMedium', serif;
  line-height: 1.458em; }

.account-info-table .sd-validation {
  padding-right: 0; }

#overlay-response .right, #overlay-response .form-submit-section {
  float: right; }

input.address_detail {
  margin-bottom: 0.45em; }

#preferences_form table td:first-child {
  padding-right: 0; }

#preferences_form #sub-head-email-pref {
  padding: 0.75em 0 1.1em;
  font-family: "DINWebMedium", "serif"; }

#sub-head-email-pref {
  font-family: "DINWebRegular", "Serif"; }

#preferences_form td.nav-column {
  padding-top: 0; }

#preferences_form tr.last-row label {
  margin-bottom: 0; }

#edit-preferences table.user-form tr.last-row td {
  padding-bottom: 1.3em; }

#edit-preferences.opened {
  border-bottom: 0;
  margin-bottom: 0.25em; }

#preferences_form label span.email-option-text, #preferences_form label span.help-text {
  color: #666;
  font-size: 0.8575em;
  font-family: "DINWebMedium", "Serif"; }

.email-option-text {
  color: #666 !important; }

#preferences_form label span.help-text {
  font-family: "DINWebRegular", "Serif"; }

#address_form .form-select-label select.form-select {
  width: 5em; }

/* ==========================================================================
=INVESTOR RELATIONS TEMPLATE
===========================================================================*/
.nasdaq-icon {
  float: right;
  margin-bottom: 2em;
  margin-left: 2em; }

/* ==========================================================================
=TEASER ICONS TEMPLATE
===========================================================================*/
.with-teaser-icon {
  padding: 0.2em 0;
  padding-left: 2em;
  height: 18px; }

.with-teaser-icon.find-panera {
  background: url(clientLibs/css/images/web_icons/icon-small-other-locator.gif) left center no-repeat; }

.with-teaser-icon.my-panera {
  background: url(clientLibs/css/images/web_icons/icon-small-other-help.gif) left center no-repeat; }

.with-teaser-icon.franchise {
  background: url(clientLibs/css/images/web_icons/icon-small-other-franchise.gif) left center no-repeat; }

.with-teaser-icon.donations {
  background: url(clientLibs/css/images/web_icons/icon-small-other-donations.gif) left center no-repeat; }

.with-teaser-icon.find-panera {
  background-image: url(clientLibs/css/images/compliance/global_icon_locator.png); }

.with-teaser-icon.my-panera {
  background-image: url(clientLibs/css/images/compliance/icon-small-other-help.png); }

.with-teaser-icon.franchise {
  background-image: url(clientLibs/css/images/compliance/global_icon_franchise-opportunity.png); }

.with-teaser-icon.donations {
  background-image: url(clientLibs/css/images/compliance/global_icon_donations-database.png); }

.with-teaser-icon.other-email {
  background: url(clientLibs/css/images/web_icons/icon-small-other-email.gif) left center no-repeat; }

.with-teaser-icon.find-panera.link-active {
  background: url(clientLibs/css/images/web_icons/icon-small-other-locator-brown.gif) left center no-repeat; }

.with-teaser-icon.my-panera.link-active {
  background: url(clientLibs/css/images/web_icons/icon-small-other-help-brown.gif) left center no-repeat; }

.with-teaser-icon.franchise.link-active {
  background: url(clientLibs/css/images/web_icons/icon-small-other-franchise-brown.gif) left center no-repeat; }

.with-teaser-icon.donations.link-active {
  background: url(clientLibs/css/images/web_icons/icon-small-other-donations-brown.gif) left center no-repeat; }

.with-teaser-icon.other-email.link-active {
  background: url(clientLibs/css/images/web_icons/icon-small-other-email-brown.gif) left center no-repeat; }

/* ==========================================================================
=VIDEO RESPONSIVE TEMPLATE
===========================================================================*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container.on-main-content {
  margin-bottom: 1.7em; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* ==========================================================================
Refer Friends page
============================================================================*/
#refer-friend-form-content form#refer_friend_form {
  margin-bottom: 2em; }

#refer-friend-form-content table.input-form-table {
  width: 44.6em; }

#refer-friend-form-content table.input-form-table input {
  width: 17.75em;
  padding: 6px 6px; }

#refer-friend-form-content table.input-form-table .refer-email-column input {
  width: 17em; }

#refer_friend_form .refer-email-column {
  padding-left: 10px; }

#refer_friend_form {
  padding-top: 2px; }

#refer-friend-content-input > p {
  margin-bottom: 1em; }

#refer-friend-form-content textarea {
  width: 100%; }

#refer-friend-form-content .from-user {
  text-align: right; }

#refer-friend-form-content table.input-form-table td.form-submit-button {
  padding-top: 0.8em;
  padding-bottom: 0.5em; }

#refer-friend-row-add-friend td {
  padding: .6em 2.7em 0.7em 0 !important; }

#refer_friend_form .input {
  width: 46.4%; }

#refer-friend-row-add-friend button {
  margin-top: 0.1em; }

/* ==========================================================================
Customer Service Page
===========================================================================*/
#customer-service-page h2 {
  margin-bottom: 0;
  padding-bottom: 0; }

#section-faqs {
  margin-top: 2em; }

#section-faqs .category {
  border-top: 1px solid #e0dbcc;
  padding: 1.8em 0; }

#section-faqs .category:last-child {
  margin-bottom: 0;
  padding-bottom: 0; }

#accordian-content h3, #accordian-content .category.faq h4 {
  text-transform: capitalize; }

#customer-service-page p {
  margin-top: 1em; }

#customer-service-page p:first-child {
  margin-top: 0; }

#customer-service-page .in-page-nav {
  margin-bottom: 1em;
  padding-left: 0; }

#customer-service-page span.custom-dropdown-title {
  color: #af5026; }

#customer-service-page #subtopic_forms {
  margin-top: 3em; }

#customer-service-page form#form_contactus_mypanera div#panera-card-image {
  position: relative;
  top: -10em; }

#customer-service-page form#form_contactus_mypanera div#panera-card-image img {
  position: absolute;
  top: 0;
  right: 0; }

#customer-service-page #contactus_topic_selector {
  display: block !important;
  margin: 1em 0; }

#customer-service-page #contactus-main-topic {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 1em; }

#customer-service-page #section-faqs {
  padding-top: 2em; }

#customer-service-page #is_specific_cafe + span {
  color: #666;
  font-size: 90%; }

#customer-service-page p:first-child {
  margin-bottom: 0;
  padding-top: 0; }

#customer-service-page label.form-select-label .disabled {
  opacity: 1; }

#user_topic {
  width: 22.3em; }

#section-faqs #accordian-content .anchor-mode {
  margin-top: 0; }

#customer-service-page #subtopic_forms form {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 4.3em; }

#contactus-main-topic p.last {
  font-family: "DinWebMedium";
  margin-bottom: 5px; }

/* accordian in faq page fix: need to generalize it overall */
#section-faqs #accordian-content h4 {
  margin-bottom: 0em;
  line-height: 1;
  padding-top: 1em; }

#section-faqs #accordian-content h4:first-child {
  padding-top: 0;
  pointer-events: none;
  padding-bottom: 0.1em; }

#section-faqs #accordian-content h4.anchor-mode {
  display: table;
  padding-top: 0.6em; }

#section-faqs #accordian-content h4.anchor-mode:first-child {
  padding-top: 0; }

#section-faqs #accordian-content h4.anchor-mode > span {
  display: table-cell;
  vertical-align: top; }

#section-faqs #accordian-content h4.anchor-mode span.anchor-text {
  line-height: 1.2; }

#section-faqs #accordian-content h4.anchor-mode .custom-dropdown-arrow-right {
  top: 2px; }

.lt-ie9 #section-faqs #accordian-content h4.anchor-mode .custom-dropdown-arrow-right {
  top: 0; }

#section-faqs #accoridan-content h4 + article {
  margin-bottom: 0; }

#section-faqs .faq-answer {
  margin-top: 0 !important; }

#section-faqs .faq-answer p {
  margin-bottom: 8px !important;
  padding-top: 0.6em !important; }

#section-faqs #accordian-content h4 + article {
  margin-bottom: 0; }

/* Top Teacher */
#list-teacher-rules {
  margin-left: 2em; }

#list-teacher-rules li {
  font-size: 1.4em;
  font-family: DinWebMedium; }

#list-teacher-rules div, #list-teacher-rules p {
  font-size: 1em;
  font-family: DinWeb; }

#list-teacher-rules div {
  margin-top: 1em; }

.h2Rst h2 {
  margin-top: 0em !important; }

/* Franchise */
form h2 {
  padding-top: 1.5em;
  padding-bottom: 2.5em; }

#franchise_request_form table + h2, div#more-info h2 {
  padding-top: 0.2em;
  padding-bottom: 0; }

section.qualification-criteria ul.global-list {
  margin-bottom: 1.5em; }

section.qualification-criteria p {
  margin-bottom: 1.15em; }

/* =========================================================================
Share Rewards
===========================================================================*/
#form_share_reward table.input-form-table input[type=text], #form_share_reward table.input-form-table input[type=email] {
  width: 78%;
  padding-right: 3px; }

#form_share_reward table.input-form-table textarea {
  width: 97%;
  height: 100px; }

#form_share_reward td.textarea.form-success-column {
  background-position-x: 96.75%; }

#form_share_reward td.form-submit-button.right {
  padding-right: 4em; }

#share-reward-message {
  position: relative;
  clear: both; }

#share-reward-message p {
  clear: both;
  margin-bottom: 0;
  font-size: 1em; }

#form_share_reward p.disclaimer {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 0; }

.sections-multiple-account p {
  font-size: 1em; }

table.user-form tr.sections-multiple-account td {
  padding-right: 7%; }

.table-listing input[type=radio] {
  position: relative;
  top: -3px; }

.table-listing span {
  vertical-align: middle; }

#section-success {
  text-align: center; }

#form_share_reward #label-from {
  padding-right: 5px; }

#share-reward-multiple-accounts {
  margin-bottom: 0.75em; }

.rewards-content .block-mask {
  background-position: top center; }

#section-form .eq-column {
  width: 21%;
  margin-right: 0; }

#section-form .eq-column.last {
  width: 72.5%;
  float: left;
  margin-left: 2%; }

#section-form #panera_message {
  padding-right: 3em; }

#section-form #panera_message span.msg {
  display: block;
  margin-top: 0.35em; }

#section-form #reward-image {
  max-height: 300px;
  min-height: 100px;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: content-box; }

.each-sections .overlay-content {
  background: none !important; }

#overlay-wrapper #section-success .overlay-desc {
  padding-bottom: 0;
  background: none; }

/* Kiosk page*/
#content-outer-wrapper.kiosk-registration {
  padding-top: 0; }

#content-outer-wrapper.kiosk-registration #join-now-external-page-teaser {
  display: none; }

/* =========================================================================
My Addresses
===========================================================================*/
.my-address .form-submit-section li {
  margin: 1.5em 0.7em 1.5em 0 !important; }
.my-address .default-address {
  font-size: 1.4em;
  padding: 0 0 10px 0; }
.my-address .address-type {
  font-weight: normal;
  font-family: "DINWebMedium", "serif"; }
  .my-address .address-type span {
    margin-left: 5px;
    font-size: 1.4em; }
  .my-address .address-type .serial-no {
    margin-left: 0;
    display: inline-block;
    width: 25px; }
  .my-address .address-type p {
    margin-bottom: 0.25em;
    margin-left: 30px; }
.my-address address {
  font-size: 1em;
  margin-bottom: 1em !important; }
  .my-address address a {
    display: inline-block;
    min-width: 60px; }
  .my-address address span {
    display: block;
    margin-left: 30px; }
.my-address .user-form {
  margin: 0 0 2em 0;
  width: 500px; }
  .my-address .user-form h2 {
    font-size: 20px; }
  .my-address .user-form p {
    font-size: 14px !important; }
    .my-address .user-form p span {
      font-weight: normal;
      font-family: "DINWebMedium", "serif"; }
  .my-address .user-form input[type=text] {
    width: 80% !important; }
  .my-address .user-form td.select label {
    width: auto; }
  .my-address .user-form .last-row nav {
    margin: 0 4em 0 0; }
  .my-address .user-form .last-row td {
    text-align: right; }
  .my-address .user-form.stack-mode {
    width: auto; }
.my-address div.address {
  display: none; }
.my-address p.inlineMessage {
  line-height: 1.45em !important; }
.my-address address p.inlineMessage {
  margin-left: 30px;
  margin-bottom: 0; }
.my-address #address-msg-no-records {
  padding: 0 0 15px 0; }
.my-address #page_acct_center_address {
  min-height: 250px; }
.my-address label.form-select-label:after {
  z-index: 9999; }

body.page-recipe-detail {
  visibility: hidden;
  background: none; }

/* =========================================================================
Franchise Request Form
===========================================================================*/
#franchise_request_form label {
  line-height: 1.3em;
  width: 45.6em; }
#franchise_request_form .sub-form-2 label {
  width: 100%; }
#franchise_request_form .bottom-space {
  padding-bottom: 1em; }
#franchise_request_form .info_experience {
  display: none; }
#franchise_request_form .column-heading {
  padding-top: 10px; }

.change_phno_tmplt, .add_new_phno_tbl {
  display: none; }

header.custom-printer {
  display: none !important;
  font-size: 1.4em;
  text-align: center;
  clear: both;
  padding: 1em 0;
  margin-bottom: 2em;
  border-bottom: 1px solid #e5e0cd; }
  header.custom-printer ul {
    text-align: center;
    list-style-type: none; }
    header.custom-printer ul li {
      list-style-type: none;
      display: inline-block;
      padding-right: 0.5em; }
      header.custom-printer ul li.cancel {
        display: block; }
      header.custom-printer ul li .small {
        font-size: 12px; }
      header.custom-printer ul li .medium {
        font-size: 14px; }
      header.custom-printer ul li .large {
        font-size: 16px; }

#page-id-recipe-detail #overlay-wrapper {
  width: 635px; }
#page-id-recipe-detail #overlay-wrapper h2 {
  color: #833800;
  margin: 3px 0px; }
#page-id-recipe-detail #overlay-wrapper p {
  margin: 7px 0px 0px 22px; }
#page-id-recipe-detail .select-list .user-form, #page-id-recipe-detail .selectl-serve-list .user-form {
  margin: 8px 0px 0px 22px; }
#page-id-recipe-detail .selectl-serve-list #serve_list {
  width: 71px; }
#page-id-recipe-detail .ingrediants-lists {
  margin-top: 5px; }
#page-id-recipe-detail .ingrediants-lists li {
  padding: 6px 0px;
  width: 20.5em;
  display: inline-block;
  font-size: 1.4em; }
#page-id-recipe-detail .button-list {
  float: right;
  margin: 10px 0px 0px 0px; }
#page-id-recipe-detail .button-list li {
  display: inline-block;
  padding: 6px; }
#page-id-recipe-detail .button-list li.cancel {
  font-size: 1.4em; }

/*@media print {*/
body.print #page-header,
body.print #mobile-page-header,
body.print #mobNavmenu,
body.print footer,
body.print section.banner {
  display: none !important; }
body.print.small {
  font-size: 9px; }
body.print.medium {
  font-size: 10px; }
body.print.large {
  font-size: 11px; }
body.print #content-outer-wrapper {
  padding-top: 0;
  transition: none 0.5s ease-in-out;
  -webkit-transition: none 0.5s ease-in-out;
  -moz-transition: none 0.5s ease-in-out;
  -ms-transition: none 0.5s ease-in-out;
  -o-transition: none 0.5s ease-in-out; }
body.print header.custom-printer {
  display: block !important; }

/*}*/
/* ==========================================================================
=VENDOR PROVIDED
===========================================================================*/
/* ==========================================================================
=PARALLAX
===========================================================================*/
#skrollr-body .banner, .error-page .banner {
  background-size: cover; }

.home-page {
  height: auto !important; }

/* portrait view parallax */
#skrollr-body.portrait .banner {
  /* background-size: 120%;*/
  left: -20%;
  width: 120%; }

#skrollr-body.portrait .banner .story {
  margin-left: 16%;
  width: 84%; }

#skrollr-body.new.portrait .banner .story {
  margin-left: inherit;
  width: 84%; }

#skrollr-body.new .banner.contain {
  background-size: contain; }

#skrollr-body.new.portrait .banner {
  background-size: cover;
  left: auto;
  width: 100%; }

#skrollr-body.new.portrait .indented, #skrollr-body.new.portrait .standard {
  max-width: none;
  min-width: none; }

#skrollr-body.new .banner.contain, .error-page .banner.contain {
  background-size: contain; }

/* ==========================================================================
=JQUERY CYCLE
===========================================================================*/
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.cycle-slideshow {
  background: url(clientLibs/css/images/loader.gif) center center no-repeat;
  padding: 0;
  position: relative; }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow div {
  width: 100%; }

/* some of these styles will be set by the plugin (by default) but setting them here helps avoid flash-of-unstyled-content */
.cycle-slideshow img {
  display: block;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%; }

/* in case script does not load */
.cycle-slideshow img:first-child {
  position: static;
  z-index: 100; }

/* pager */
.cycle-pager {
  bottom: 0.8em;
  overflow: hidden;
  position: absolute;
  right: 1.3em;
  text-align: right;
  z-index: 500; }

.cycle-pager a, .menu-grid-page .cycle-pager a {
  background: url(clientLibs/css/images/jq-cycle-pins-desktop.png) right center no-repeat;
  cursor: pointer;
  display: inline-block !important;
  height: 15px;
  margin-left: 0.6em;
  outline: medium none;
  width: 15px; }

.cycle-pager a.cycle-pager-active, .menu-grid-page .cycle-pager a.cycle-pager-active {
  background: url(clientLibs/css/images/jq-cycle-pins-desktop.png) left center no-repeat; }

/* caption */
.cycle-caption {
  bottom: 15px;
  color: #fff;
  position: absolute;
  right: 15px;
  z-index: 700; }

/* overlay */
.cycle-slideshow div.cycle-overlay {
  color: #fff;
  position: absolute;
  top: 40%;
  width: 40.55%; }

.cycle-overlay.right {
  right: 9.75%; }

.cycle-overlay.left {
  left: 10.4%; }

.cycle-overlay h3 {
  color: #fff;
  font-size: 4em;
  margin-bottom: 0.429em;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2); }

.cycle-overlay p {
  font-family: 'DinWebMedium',Serif;
  font-size: 1.5em;
  margin-bottom: 1.5em; }

/* prev / next links */
.jq-cycle-prev, .jq-cycle-next, .menu-grid-page .jq-cycle-prev, .menu-grid-page .jq-cycle-next {
  background-image: url(clientLibs/css/images/jq-cycle-arrows.png);
  bottom: 45.5%;
  display: none;
  height: 36px;
  outline: medium none;
  position: absolute !important;
  width: 36px;
  z-index: 101;
  text-indent: -9999px; }

.jq-cycle-prev {
  background-position: bottom center;
  left: -5px; }

.jq-cycle-next {
  background-position: top center;
  right: -5px; }

.disabled {
  filter: alpha(opacity=50);
  opacity: .5; }

/* display paused text on top of paused slideshow */
.cycle-paused:after {
  background: #000;
  border-radius: 10px;
  content: 'Paused';
  color: #fff;
  filter: alpha(opacity=50);
  opacity: .5;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 500; }

/* ==========================================================================
= JQUERY UI
===========================================================================*/
#ui-datepicker-div {
  z-index: 9999 !important; }

/* =========================================================================
= Google Map infoWindow Custom Styles
==========================================================================*/
.mainWraper {
  min-height: 140px;
  background: #fff;
  padding: 14px;
  margin-top: 15px;
  box-shadow: 2px 2px 5px #888888; }

.infoCntLeft, .infoCntRight {
  float: left;
  width: 58%;
  min-height: 80px;
  margin: 0px;
  font-family: normal normal normal 1.4em/1.4 'DinWebMedium', serif;
  font-size: 1.4em; }

.infoCntRight {
  width: 38%; }

.infoCntBtm {
  margin: 0px;
  width: 100%;
  clear: both;
  float: left;
  border-top: 2px dotted #c8b895;
  padding-top: 10px;
  font-size: 1.3em; }

.infoCntBtm button {
  float: right;
  width: 44%;
  font-size: 1em; }

.customInputOptions ul {
  list-style: none;
  list-style-image: none; }

.marL20 {
  margin-left: 13px; }

.sepCont {
  margin: 0em 0px; }

#ShwgoogleMap {
  width: 100%;
  border: none;
  height: 54em; }

.mapWrapper {
  float: left;
  /*width:63.5% */
  width: 62.7%;
  margin-left: 0.3em; }

#bottom_fade {
  position: absolute;
  height: 50px;
  width: 32%;
  bottom: 18px;
  left: 0;
  background: url(clientLibs/css/images/fade_bottom.png); }

/*Two column layout fix.
ToDo: Will move the below to the corresponding place, once things are fine.;
*/
.text-banner {
  padding: 36px 0 16px;
  z-index: 1; }

.text-banner header.heading h2, .text-banner header.heading h1 {
  margin-left: .8em;
  margin-top: 0; }

.main-content.text-padding h2 {
  line-height: 1;
  margin-bottom: 0.7em;
  padding: 0; }

.main-content.text-padding article.two-column-large h2 {
  line-height: 1;
  margin-bottom: 0.515em;
  padding: 0px 0px 2px 0px; }

/*.h2fix h2, */
#accordian-contents + h2, #accordian-contents h2, #accordian-content h2 {
  margin-top: 0.9em;
  margin-bottom: 0.5em; }

#accordian-contents + h2 {
  margin-top: 1.6em;
  margin-bottom: 0.5em; }

.one-column-tiny.last.teaser-column {
  width: 22.75%; }

/* ==========================================================================
=ADDTHIS PLUGIN RELATED CSS
===========================================================================*/
.addthis_button_facebook span,
.addthis_button_twitter span,
.addthis_button_pinterest_share span,
.addthis_button_print span,
.addthis_button_email span {
  background: none !important;
  display: none !important; }

.custom-dropdown .scrolling-content {
  background: #fff; }

.hor-scroll {
  position: relative;
  margin: 20px auto;
  width: 100%;
  overflow: auto;
  background: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.hor-scroll .write-table {
  overflow: hidden; }

/***

Link Holder/Homepage Carousel navigation

***/
.homepage-nav {
  margin: 0 auto;
  max-width: 964px;
  min-width: 728px;
  padding: 0 2%;
  position: relative; }

.link-holder {
  position: fixed;
  z-index: 2;
  top: inherit;
  left: 0;
  right: 0;
  margin-top: 15%;
  display: block;
  min-width: 20%;
  -webkit-font-smoothing: subpixel-antialiased; }

.link-holder .prev-arrow, .link-holder .next-arrow {
  position: fixed;
  min-width: 20%;
  left: 0;
  right: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff; }

.link-holder .prev-arrow {
  top: 105px; }

.link-holder .next-arrow {
  bottom: 50px; }

.portrait .link-holder .next-arrow {
  bottom: 90px; }

.link-holder a.prev-section {
  display: none; }

.link-holder a.prev-section .link-title {
  top: 30px;
  position: relative; }

.link-holder a.next-section .link-title {
  bottom: 30px;
  position: relative; }

.link-holder a, .link-holder a:hover {
  font-family: 'Sina-Regular', serif;
  font-size: 1.3em;
  line-height: 1.9;
  text-decoration: none;
  color: #f8efd9;
  height: 26px;
  margin-bottom: 2px;
  margin: 0 auto;
  text-align: center;
  display: block;
  -webkit-font-smoothing: subpixel-antialiased;
  outline: none; }

.link-holder .prev-section:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  opacity: .82;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAaCAQAAABfycdhAAACk0lEQVRIx7WVXUhTYRyHNz/mV9J0m98WYRoUZEgSipEPpFtqoLASJKJEL6SuwoskiCAqvCkKIaqLwKJApLoIorIuCo0lhjkpMz/Kr9g0l43N6eZ5u4gkP87R6Xyu3//7cH7/c35HpfKLmf3eB93ZhFvCUKs2BrdB+iCEq+dSNlGoN0QznSD1CiGEEL/7z2QRsQGSySjpk5jH1k4aYQFWCPVcs1jA5yZSCQmgwpMyZxFLsLee24EmQKF5sqQJsSyu7zdzArKb2XTJJWRxDlfuXrfGkyj1CEXGPxZnrOsVcOmlTrEitvbyNDRrfYocaUysCudA44E1heY7KPxgdup+MZv81Hj2Co/wC4/jRqFfGm+p9Ev4zfTPN1VEE7S6oGrFmrFeQbeKHvDVKV0iSd5ZSVHz5TZxK2i8NUoX9FjPXys8dfWi26F0qquBeAXNTL7ScMtLTnOYPWRU5I1YlE421aCT2Y1TK9dRQnhnG+5STT4phBNCFNs77shLHN9MWUQuV+aaudfym6i/xQn2of8bA2o0JLddltcMvmIboYuD2irZ5EeaH1NJNtr/IyAEw+BD+RnX8L28BS3g3qmY8COqySV2ccoEE9/bKD/nm35inv9ulBQTPy5c5yS56AleGjGhJD6tdU/Kzz+vYjNBKqfW98zd0fei621na7el3zrabx9x2J0O19Sct8dqrsNMJjHLKf6Fdragr8U2aBuatDns42NjA1+tXZbO1s4267uJodH37CJSNRmHlkxMFGHEyCFKKMNMeUGF8TgVFJBGpFJVEEQ06UApZo5SzhHKKMGEESNFpmIy6w0qgohARzwGdOjQE0cCSaSQyhZS0a38F0eNhhgSSCKZZJJIIA49OnQYiCf2WNgftIwycw1zkIsAAAAASUVORK5CYII=) no-repeat 50% 0px; }

.link-holder .next-section:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  opacity: .82;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAaCAQAAABfycdhAAACqElEQVRIx7WWW0hTcRzH/95vSdNt3i3CNCjIkCQUIz+QztRAYSVIRIk+SD2FD0kQQVT4UhRCVA+BRYFI9RBEZT0UGhbGclLLvJS32LQtk83p5jk9GKHmOdvUvs+/7//D+f4uHEEwUWhJRI8WLToSSCKFNNLZRDpawgkSqiKIcOJIIoVUUkkhiQR0aNGiJ5H4IxHCnoCGbEooxYCBA5RTiZGqomrDUaopIoNoglUQwcSSCVRg5DBVHKKSckowYKC0pIzsJr2Y1nifuLr7n/W8NnX0dg2YxwZsow7btMM5Ne+xmI2NGMkmjhAFRCj600X97dYh67Dd6rBNjI8PfjH3dJk6TJ3mN5PDY2/ZQbQQwrVdVtTk93NXOU4+upUwhJH8uMFlV/Y/rWXjnxzUMLLc+oA68olfHhohJPa1KPu8M4+MxC5yzW6WrMrlbQ+pIRfNYgyh6IfuK3ucI3cKiFo2NHL4/EslgyQ13eAYe9AR+neeUjsvKiOGXrCFsBWaOK2RJpVMnrnm29RRSBqRhBLD1u5bygjH15IcohXGcbZQrTftzznJQXaRVV0w2qXaxXq0KmPvqVczW8xnrxSfuHze5VCr6mkmcSFWRXkb1R6QJM+cpFYgf75Jgg+EEEJ4G+RVy3wJrR8IIYTwVEg/AwfM/HhVu2QvfMm9W3YHhnA7rhWzwdcxXR7a/kAQc1N3ywJGCCGEO08a9w8xPdiy75/t9ldOnWTyjbC+q8ogXKxe7mTJoo6Y+FCWRYRYm+YyJadKUCM1O1cd1JKvyVG6ac5v1/PWBSGEEO60+RVula3jzDbffwABSA6ab1uK+NRKup+77b/sMdLHxRNFxprbvZJmkqS+BcSvgVM569aL5XLppfey7LRcyCWGoP8EEWJ2r+deby6RXRGBIH4D1xAycz80q2gAAAAASUVORK5CYII=) no-repeat 50% 0px; }

.link-holder .prev-section:hover:before, .link-holder .next-section:hover:before {
  opacity: 1; }

.link-holder a.active {
  background-position: 0 2px; }

.link-holder li:first-child {
  margin-top: 15px; }

.link-holder a .link-title {
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAyAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAIBgYGBgYIBgYIDAgHCAwOCggICg4QDQ0ODQ0QEQwODQ0ODBEPEhMUExIPGBgaGhgYIyIiIiMnJycnJycnJycnAQkICAkKCQsJCQsOCw0LDhEODg4OERMNDQ4NDRMYEQ8PDw8RGBYXFBQUFxYaGhgYGhohISAhIScnJycnJycnJyf/wAARCAAaAHIDASIAAhEBAxEB/8QAbwAAAwEBAQAAAAAAAAAAAAAAAAECAwUHAQEBAQEBAAAAAAAAAAAAAAAAAQIDBBAAAQMCBAIIBgMAAAAAAAAAAQARAiExQRIyA1Fh8HGBkSJCUjOxwdGC0pOh4RMRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APL9ycoHLLcllJJDEvWx4qIbm5Kb55ZWxOngjckRD/KsSCalhUGoRsyhIgSqaBsKGhXB6lR35uDOUgSCJAP2VWm3uzEwHnIT0F+/uUGWR3k4fUMQ9R1VTj4dyMgMon4QL15KKuO7JiDmclwAT0CDObzeUnAzRkSWB4U4IO4OeUP4v4NOSUWiS/pcNi10Gg3DItnNCA4Jqb2VZ5S8xY2IKzL7kbAggFnqforp1/0opjcJ8xY1fBA3JkiprUgmyT1Y41QGFBbBAxObl5F8A+CYnI1zHvUgAdfHkmAyB55eo96M8vUe9JCDZ5eo6HuUJfghBy5MSxhUyIz1e/BODDbnMjwx8Js4BPxWx1eS5tbVgjb83t6Zdf3LTKIxEXdxTNKINbMycH/0EoRlHbiAIji/FbDXte3fy36ceazGrDThe2KimZN4mqCSBHF/mqDiRoagMDckXVS1DR5LXxVG0fbwte/wQZichuFw0fCCeZ4clYqACCOI5qvV7dh1fanPy6NMtOrsUGdXyscuJNqfVMkggNXGtbrYWHt/LtS9OjHoUViTIVyGXUQqC0xPt4Wsr/WgxQtv1o/WgX4IV/q09O1CD//Z) 0 0;
  background-repeat: no-repeat;
  background-color: #4d3227;
  display: inline-block;
  padding: 2px 9px 0 9px;
  min-height: 25px;
  position: relative;
  text-align: center;
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.link-holder a.hover-state .link-title {
  opacity: 1;
  transition: opacity .75s ease-in-out;
  -moz-transition: opacity .75s ease-in-out;
  -webkit-transition: opacity .75s ease-in-out; }

.link-holder a.next-section.hover-state.removed-hover .link-title {
  transition: opacity .75s ease-in-out;
  -moz-transition: opacity .75s ease-in-out;
  -webkit-transition: opacity .75s ease-in-out;
  opacity: 0; }

.link-holder a:hover .link-title {
  opacity: 1; }

/* ==========================================================================
=CATEGORY-LANDING TEMPLATE
========================================================================== */
.content-wrapper header {
  margin-bottom: 15px;
  padding: 0 5%; }

.grid {
  position: relative;
  margin-top: 1em; }

.grid:first-child {
  margin-top: 1em; }

.grid h2 {
  color: #996633;
  font-family: 'Sina-Medium', serif;
  font-size: 2.4em;
  line-height: 1;
  margin-bottom: 0.2em;
  margin-top: 0.95em;
  /*aditya*/ }

.grid h2.first {
  font: normal normal normal 2.2em/1 'Sina-Regular', serif;
  margin-top: 0em;
  /*aditya*/ }

.grid h4 {
  color: #424242;
  font-family: 'DinWebRegular';
  margin-bottom: 0.2em; }

.grid article {
  float: left;
  /*margin-bottom:0.1%;*/
  position: relative; }

.grid article a {
  display: block;
  /*outline:medium none;*/
  position: relative;
  width: 100%; }

.grid article p a {
  display: inline; }

.grid article .item-name {
  background: -moz-linear-gradient(top, white 36%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, white 36%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, white 36%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, white 36%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 36%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  color: #af5026;
  font-family: 'Sina-Regular';
  font-size: 2em;
  line-height: 1em;
  min-height: 2.7em;
  padding: 7% 26% 5.5% 6%;
  position: absolute;
  top: 0;
  width: 69%; }

.grid article a:hover .item-name {
  color: #4c3327; }

a.tel-link.disabled {
  color: #000;
  filter: alpha(opacity=100);
  opacity: 1; }

a.tel-link.disabled {
  cursor: default; }

/*.grid article.item-promo .new-highlight{
    background: url(clientLibs/css/images/web_icons/icon-large-other-new.png) center center no-repeat;
   color: #f9f7f2;
font-family: 'Sina-Medium';
font-size: 1.8em;
line-height: 1;
height: 27%;
position: absolute;
left: 2.8%;
text-align: center;
top: 4.6%;
width: 13%;
}
.grid article.item-promo .new-highlight span{
	display:block;
	line-height:0;
	padding:46% 0;
}*/
.grid article.item-promo .item-name,
.grid article.two-column.item-promo .item-name,
.grid article.two-column.item-promo .promo-item-name {
  background: none;
  color: #4c3327;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  font: normal normal normal 3em/1 'Sina-Regular', serif; }

.grid article.two-column.item-promo.two-column-right .item-info {
  left: 50%; }

.grid article.two-column.item-promo.two-column-right img.new-highlight {
  left: 54%; }

.grid article.two-column.item-promo .item-info .item-name {
  font-size: 2.75em;
  margin-bottom: 0.4em;
  min-height: 0; }

.grid article.two-column.item-promo .item-info .item-desc {
  color: #4c3327;
  font: normal normal normal 1.4em/1 "DinWebRegular", serif;
  margin-bottom: 1.5em;
  padding-top: 0; }

.grid article.two-column.item-promo .promo-item-name {
  color: #4c3327;
  font: normal normal normal 2em/1 'Sina-Regular', serif; }

.grid article.item-promo.two-column .item-name {
  margin-bottom: 19px;
  padding: 0;
  position: relative; }

.grid article.item-promo .label-primary {
  font-size: 1.8em;
  height: 32px;
  line-height: 32px;
  padding: 0 15px; }

.grid article.item-promo .item-info {
  left: 0;
  padding: 5%;
  position: absolute;
  top: 0;
  width: 40%; }

.grid article.item-promo.with-new-star .item-info {
  top: 23%; }

.grid article.promo-tile a {
  background-image: url("clientLibs/css/about:blank");
  /*min-height:312px;*/ }

.grid article.promo-tile .item-icon {
  height: 29%;
  position: absolute;
  text-align: center;
  top: 3%;
  width: 100%;
  z-index: 2; }

.grid article.promo-tile .item-icon .icon-container {
  display: inline-block;
  height: 100%;
  width: 30%; }

.grid article.promo-tile .item-icon .icon-container img {
  height: auto;
  width: 100%; }

/*.grid article.promo-tile .item-icon.bread-icon{background:url(clientLibs/css/images/bread-icon.png) center center no-repeat;}*/
.grid article.promo-tile .item-info {
  position: absolute;
  top: 34%;
  width: 100%;
  z-index: 2; }

.grid article.promo-tile .item-name {
  background: none;
  color: #4c3327;
  font-family: 'Sina-Regular', serif;
  font-size: 3em;
  line-height: 1;
  min-height: 1em;
  padding: 0 20%;
  position: relative;
  text-align: center;
  width: 60%; }

.grid article.promo-tile .item-desc {
  color: #424242;
  font-family: "DinWeb", Serif;
  font-size: 1.4em;
  padding: 5.2% 7%;
  position: relative;
  text-align: center; }

.grid article.promo-tile .item-promo-border {
  border-bottom: 1px solid #e5e0cd;
  bottom: 0;
  position: absolute;
  width: 100%; }

.grid article.promo-tile .button-secondary {
  font-size: 1.3em; }

.calorie-count {
  background-color: #4c3327;
  background-color: rgba(76, 51, 39, 0.9);
  bottom: 0;
  color: #fff;
  font-family: "DinWeb", Serif;
  font-size: 1.4em;
  height: 50px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 85px; }

.calorie-count .calories {
  display: block;
  font-family: 'Sina-Regular',cursive;
  font-size: 1.42857143em;
  line-height: 0.65;
  padding-top: 13px; }

.menu-grid-page .grid article.active {
  height: auto; }

.menu-grid-page .grid article a {
  display: block;
  /*outline:medium none;*/ }

.menu-grid-page .grid article p a {
  display: inline; }

.grid article a.plus, .grid article a.minus {
  position: static; }

.grid article.one-column img, .grid article.two-column img {
  width: 100%; }

.grid article.one-column img.new-highlight, .grid article.two-column img.new-highlight {
  left: 4%;
  position: absolute;
  top: 9%;
  width: 11.1%; }

.lazy-load, .grid-lazy-load {
  background: url("clientLibs/css/images/loader.gif") center center no-repeat; }

/* =CATEGORY GRID PUSHDOWN
========================================================================== */
.item-detail .container {
  clear: both;
  height: 50px;
  overflow: hidden;
  overflow: hidden; }

.item-detail .container ul {
  float: right;
  list-style-image: none; }

.social-icons li.pinterest {
  margin-right: 0; }

.social-icons li.map-print {
  background: url(clientLibs/css/images/web_icons/icon-large-other-print.gif) no-repeat left center scroll transparent;
  padding-right: 1em;
  margin-left: 5px !important;
  width: auto;
  background-size: 100% 100%;
  width: 30px;
  height: 30px; }

.social-icons li.map-print a, .social-icons li.share a {
  font-size: 1.2em;
  padding: 0.8em 0 0 2em; }

.social-icons li.share {
  background: url(clientLibs/css/images/web_icons/icon-small-other-share-beige.gif) no-repeat left center scroll transparent;
  padding-right: 1em;
  width: auto; }

.item-detail .container .social-icons {
  margin: 20px 17px 0 0;
  padding: 0; }

.item-detail .container .social-icons li.map-print {
  margin-left: 1.8em;
  padding-right: 1em; }

.item-detail .container .social-icons li.map-share {
  margin-right: 2.4em;
  padding-right: 0;
  margin-left: 3em; }

.grid .item-detail {
  clear: both;
  display: none;
  margin: 0 0 2em 0;
  position: relative; }

.grid.last .item-detail {
  margin-bottom: 0; }

.item-detail a.back-button-primary, .promo-tile .item-detail a.back-button-primary {
  clear: both;
  float: left;
  font-size: 1.6em;
  margin: 0.4em 0;
  min-height: 0;
  width: auto; }

.item-detail > div {
  /*margin: 20px 0 20px*/ }

.item-detail .close, .item-detail .grid-default-close {
  margin: 2em 0; }

.item-detail .close, .share-link .overlay-close, .grid-default-close {
  background: url("clientLibs/css/images/global_icon_close.png") no-repeat scroll 0 0 transparent;
  clear: both;
  cursor: pointer;
  float: right;
  height: 12px;
  width: 12px; }

.item-detail > div.item-visuals {
  float: left;
  margin-right: 2.1%;
  margin-top: 0;
  min-height: 260px;
  position: relative;
  width: 66.81%; }

.item-content {
  padding: 1.8em 17px 0 0; }

.item-content h2 {
  color: #4c3327;
  font-family: 'Sina-Regular';
  font-size: 3em;
  line-height: 1.08;
  margin-bottom: 0.675em;
  margin-top: 0; }

.item-content p {
  color: #4c3327;
  line-height: 1.4; }

.hidden-grid, .video-caption-markup {
  display: none; }

/* ==========================================================================
=Allergens
===========================================================================*/
.item-detail-content {
  float: left;
  width: 65%; }

.item-detail-content .comment {
  color: #888;
  float: left;
  font-size: 1.2em;
  line-height: 1.3em;
  margin-bottom: 0; }

.menu-grid-page .grid article .item-detail-content a.morelink {
  display: inline;
  /*float:left;
  font-family:'DINWebMedium', serif;
  font-size:1.2em;
  min-height:auto;
  top:0.8em;
  width:7% !important;*/ }

.item-detail-content .comment span.heading {
  color: #4c3327;
  font-family: 'DINWebMedium',serif; }

a.morelink {
  text-decoration: none;
  outline: none; }

.morecontent span {
  display: none; }

.shift-right {
  float: right;
  margin-right: -1.7em;
  width: 30%; }

.shift-left {
  float: left; }

.item-content .shift-right p {
  float: right;
  font-size: 1.2em;
  line-height: 1.3;
  margin-bottom: 0;
  max-width: 52%; }

.item-content .shift-right p span {
  font-family: 'DINWebBold',serif; }

.end-icons {
  list-style-type: none;
  list-style-image: none;
  float: right;
  margin-left: 2%;
  max-width: 45%; }

.end-icons li {
  float: left; }

#yt-content .ss-wrapper {
  float: right; }
#yt-content h2 {
  float: left;
  margin-top: 1em; }
#yt-content .socialshare {
  margin-top: 0; }
#yt-content p {
  clear: both; }

/* ==========================================================================
=NUTRITION-LANDING TEMPLATE
========================================================================== */
.nutrition-table {
  clear: both;
  line-height: 2; }

.nutrition-table > thead > tr:first-child > th:first-child {
  background: #F2ECDD;
  font: 1.4em 'DINWebMedium',serif;
  height: 2.5em !important;
  width: 103px; }

.nutrition-table.static > thead > tr:first-child > th:first-child {
  width: auto; }

.nutrition-table > thead > tr:first-child > th:first-child,
.nutrition-table > tbody > tr > td:first-child,
.nutrition-table > tfoot > tr:first-child > td:first-child {
  font-family: 'DINWebMedium', serif;
  font-size: 1.2em;
  font-weight: normal;
  height: 2.5em;
  padding: .5em;
  padding-left: 0.4em;
  padding-right: 4px; }

.nutrition-table > tfoot > tr:first-child > td:first-child {
  height: 1.5em; }

.nutrition-table > thead > tr:first-child > th:first-child {
  font: 1.4em 'DINWebMedium',serif;
  height: 1.7em !important; }

.nutrition-table > tfoot > tr > td:first-child {
  width: 7.3em; }

.nutrition-table thead tr th {
  border-bottom: 1px solid #fff; }

.nutrition-table thead tr th, .nutrition-table tfoot tr td {
  background: #f2ecdd; }

.nutrition-table tbody tr td {
  background: #fff; }

.nutrition-table tbody tr.alternate td {
  background: #f7f6f1; }

.nutrition-table th {
  line-height: 1;
  padding: .5em 0; }

.nutrition-table td {
  line-height: 1;
  padding: .5em 0;
  padding-left: 0.5em;
  font-size: 1.2em; }

.nutrition-table th {
  font-family: 'DINWebMedium', serif;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1.1;
  padding-left: 0.5em;
  padding-right: 0.2em;
  padding-top: 0.5em;
  text-align: left;
  vertical-align: middle; }

table.nutrition-controls {
  padding: 0;
  margin: 0; }

table.nutrition-controls td {
  font-size: 1em;
  padding: 0; }

table.nutrition-controls td:first-child {
  width: 25px; }

.nutrition .three-column .promo-section {
  background: none; }

thead.table-nav-wrapper.sticky {
  position: absolute; }

.write-table {
  float: left;
  margin-bottom: 1.7em;
  margin-top: 20px;
  overflow: auto;
  position: relative; }

.write-table.static {
  float: none;
  padding-bottom: 0.4em;
  margin: 0; }

/**/
.write-table .nutrition-table td .minus, .write-table .new-column td .minus, .write-table .nutrition-table td .plus, .write-table .new-column td .plus {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  float: left;
  font-size: 1.4em;
  height: 20px;
  line-height: 21px;
  margin-right: 10px;
  outline: medium none;
  text-align: center;
  width: 20px; }

.write-table .nutrition-table td .minus, .write-table .new-column td .minus {
  background-color: #af5026;
  color: #fff; }

.write-table .nutrition-table td .plus, .write-table .new-column td .plus {
  background-color: #f0ede3;
  color: #af5026; }

.new-column tr:nth-child(2n-2) td .plus {
  background-color: #fff; }

.write-table .nutrition-table tr.deduct td, .write-table .new-column tr.deduct td {
  color: #ccc; }

.new-row {
  background: #F2ECDD;
  left: 0;
  position: absolute;
  top: 0; }

.new-row > tbody > tr > th:first-child {
  font-size: 1.4em;
  padding: 1em 0.5em;
  font-family: 'DINWebMedium', serif;
  font-weight: normal;
  width: 11%;
  vertical-align: top; }

.new-row tbody tr th {
  /*line-height:1.1;
  padding:0.5em 1.5em 0 0.4em;
  text-align:left;font-family:'DINWebRegular', serif;font-weight:normal;
  vertical-align:top;*/
  font-family: 'DINWebRegular', serif;
  font-weight: normal;
  font-size: 1.1em;
  line-height: 1.1;
  padding-right: 0.7em;
  padding-top: 0.5em;
  text-align: left;
  vertical-align: top; }

.new-column {
  border-collapse: separate;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  width: 112px; }

.new-column.responsive {
  /*-webkit-box-shadow: 10px 0px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow:    10px 0px 5px rgba(0, 0, 0, 0.25);
  box-shadow:         10px 0px 5px rgba(0, 0, 0, 0.25);*/
  -webkit-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.3); }

.new-column > tbody > tr > td:first-child {
  font-size: 1.2em;
  font-family: 'DINWebMedium',serif;
  height: 2.5em;
  padding: 0.5em;
  padding-left: 0.4em;
  padding-right: 4px;
  position: relative;
  vertical-align: middle; }

.new-column > tbody > tr > td.tfoot {
  height: 1.5em; }

.new-column tbody tr td {
  background: #fff; }

.new-column tbody tr td.align-scroll-header {
  background: #F2ECDD;
  border-bottom: 1px solid #fff;
  font: 1.4em 'DINWebMedium',serif;
  height: 1.7em !important; }

.new-column tbody tr td.tfoot {
  background: #f2ecdd; }

.new-column tbody tr.alternate td {
  background: #f7f6f1; }

.nutrition .three-column .promo-section .flexslider ul.slides li {
  background: #F2ECDD;
  min-height: 385px; }

.promo-section .promo-desc a.labelstyle.right-align {
  float: right; }

.new-nutrition-info {
  position: relative;
  float: left;
  overflow: inherit;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1.4em; }
  .new-nutrition-info p {
    font-size: 0.85em !important; }
  .new-nutrition-info ul {
    list-style-type: none; }
  .new-nutrition-info ul li {
    display: inline-block; }
  .new-nutrition-info ul.right {
    text-align: right; }
  .new-nutrition-info li.last {
    padding-right: 0;
    margin-right: 0; }
  .new-nutrition-info ul.anchors > li {
    color: #af5026;
    font-family: "DinWebMedium", sans-serif;
    cursor: pointer; }
  .new-nutrition-info ul.anchors > li.active {
    color: #4c3327; }
  .new-nutrition-info ul.anchors > li {
    border-left: 1px solid #e5e0cd;
    padding: 0 0.75em; }
  .new-nutrition-info ul.anchors > li.last {
    padding-right: 0;
    margin-right: 0; }
  .new-nutrition-info ul.anchors > li:first-child {
    border-left: 0;
    padding-left: 0; }
  .new-nutrition-info .end-icons {
    max-width: 100%; }
  .new-nutrition-info .two-col {
    position: relative;
    clear: both; }
  .new-nutrition-info .two-col .first-col {
    float: left;
    width: 66.81%;
    margin-right: 2.1%; }
  .new-nutrition-info .two-col .second-col {
    float: left;
    width: 31%; }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .new-nutrition-info #nutrition-anchors .first-col {
      width: 56.81%; }
    .new-nutrition-info #nutrition-anchors .second-col {
      width: 41%; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .new-nutrition-info #nutrition-anchors .first-col {
      width: 56.81%; }
    .new-nutrition-info #nutrition-anchors .second-col {
      width: 41%; } }
  .new-nutrition-info .ingredients h3 {
    margin: 1em 0 0.25em;
    font-size: 1em;
    color: #4c3327;
    font-family: "DinWebMedium", sans-serif;
    font-size: 0.85em; }
  .new-nutrition-info .grid-separator {
    clear: both;
    padding-top: 0; }
  .new-nutrition-info .list-ingredients li {
    padding-right: 1em;
    text-align: left; }
  .new-nutrition-info .list-ingredients .count {
    display: inline-block;
    font-size: 1.3em;
    font-family: "Sina-Regular"; }
  .new-nutrition-info .list-ingredients .label {
    display: block;
    font-size: 0.8em;
    font-size: "DINWebRegular", serif; }
  .new-nutrition-info .anchor-full-nutrition .popup-wrapper {
    display: none; }
  .new-nutrition-info .anchor-full-nutrition.active .popup-wrapper {
    display: block; }
  .new-nutrition-info .anchor-full-nutrition .popup {
    -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.17) ;
    -moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.17) ;
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.17) ;
    position: absolute;
    padding: 1em;
    background: #fff;
    z-index: 11;
    top: -30px;
    left: 240px; }
  .new-nutrition-info .anchor-full-nutrition .popup-arrow {
    background: url("clientLibs/css/images/grid/arrow.png") no-repeat;
    height: 24px;
    width: 20px;
    background-size: contain;
    position: absolute;
    left: 226px;
    z-index: 12;
    top: -3px;
    display: none; }
  .new-nutrition-info .anchor-full-nutrition .close-nutri-popup {
    background: url(clientLibs/css/images/global_icon_close.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 12px;
    position: absolute;
    right: 1em;
    top: 1em;
    width: 12px; }
  .new-nutrition-info .nutrition-info-links {
    position: relative;
    width: auto;
    padding-bottom: 0.4em; }
  .new-nutrition-info .full-nutrition-info {
    color: #4c3327; }
  .new-nutrition-info .nutrition-details {
    font-size: 0.9em;
    font-family: "DinWeb", sans-serif; }
  .new-nutrition-info .nutrition-details {
    min-width: 250px;
    margin-top: 0.4em; }
  .new-nutrition-info .nutrition-details td {
    padding: 0.25em; }
  .new-nutrition-info .nutrition-details .sub td {
    text-indent: 1em; }
  .new-nutrition-info .nutrition-details .val {
    text-align: right; }
  .new-nutrition-info .end-icons {
    float: none;
    margin-left: -2%; }
  .new-nutrition-info .end-icons li {
    float: none; }
  .new-nutrition-info .detail-content {
    padding-right: 10%; }
  .new-nutrition-info.recipe-detail {
    margin-top: 0; }

.modal-allergen-statement .overlay-content {
  background: none !important; }

.write-table {
  overflow: inherit; }

.lt-ie9 .full-nutrition-info {
  border: 1px solid #e5e0cd; }

.lt-ie9 .popup-arrow {
  display: none !important; }

.nutrition-grid-wrapper {
  position: relative;
  bottom: 0; }
  .nutrition-grid-wrapper h4 {
    margin-bottom: 0; }
  .nutrition-grid-wrapper .new-nutrition-info {
    margin-top: 0;
    width: 924px !important; }
    .nutrition-grid-wrapper .new-nutrition-info.search.menu .two-col .first-col {
      width: 44.81%; }
  .nutrition-grid-wrapper .allergen-icons {
    font-size: 0.85em; }
  .nutrition-grid-wrapper .grid-separator {
    padding: 0;
    padding-bottom: 0.25em; }

/* ==========================================================================
=CRAFTSMANSHIP TEMPLATE
========================================================================== */
.grid-separator {
  padding-bottom: 1em;
  padding-top: 1.8em; }

.grid-separator.first {
  margin-top: 0;
  padding-top: 0; }

.grid-separator div, .bio-grid-separator div, .grid-separator-clear-top div {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) center center repeat-x;
  height: 0.3em; }

.grid article.placard a.label-tertiary-plain,
.grid article.placard label.label-tertiary-plain {
  display: inline-block;
  left: 0;
  position: absolute;
  top: 0 !important;
  width: auto;
  z-index: 3; }

.grid article a:hover label.button-secondary {
  color: #4c3327; }

.grid article.placard .item-header {
  height: 8.2em;
  left: 0;
  position: absolute;
  top: 0; }

.grid article.placard.with-label .item-header {
  top: 4em; }

.grid article.placard .placard-item {
  background-image: url("clientLibs/css/about:blank");
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2; }

.grid article.placard span.item-title {
  display: block;
  font-family: 'Sina-Regular',sans-serif;
  font-size: 2em;
  line-height: 1.1;
  margin-bottom: 0.2em;
  cursor: pointer; }

.grid article.placard .item-info {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%; }

.grid article.placard a.item-title:hover {
  color: #4c3327; }

.grid article.placard .new-color {
  color: #996633; }

.grid article.placard div.recipe .item-info img {
  float: left;
  width: 56.5%; }

.grid article.placard ul.asset-serving-detail {
  color: #4C3327;
  display: block;
  float: left;
  font-family: 'Sina-Regular',sans-serif;
  font-size: 1.8em;
  list-style-type: none;
  margin-top: -3px;
  padding-left: 4.6%;
  padding-bottom: 0;
  padding-right: 0;
  width: 38.5%; }

.grid article.placard ul.asset-serving-detail li {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) bottom left repeat-x;
  display: block;
  line-height: 1;
  margin-bottom: 3%;
  padding: 1% 0 11% 0; }

.grid article.placard ul.asset-serving-detail li.last {
  background: none; }

.grid.assets-grid article.one-column {
  margin: 0;
  width: 33.33%; }

.grid.assets-grid article.two-column {
  margin: 0;
  width: 66.25%; }

.grid.assets-grid article .item, .grid.assets-grid article.promo-tile a {
  padding: 0 8.1%;
  position: relative; }

.grid.assets-grid article .item {
  border-right: 1px solid #fff; }

.grid.assets-grid article .item.with-right-border {
  border-right: 1px solid #dad3b8; }

.grid.assets-grid article.placard .label-tertiary-plain {
  left: 8.1%;
  padding: 0 10px; }

.grid.assets-grid article.placard .item-header, .grid.assets-grid article.placard .item-info {
  padding: 0 8.2%;
  width: 83.6%; }

.grid.assets-grid article.placard .item-info {
  top: auto; }

.grid .promo-tile img {
  width: 100%; }

.grid .promo-tile a {
  height: 100%;
  position: absolute;
  top: 0; }

.grid .promo-tile a.with-right-border {
  border-right: 1px solid #dad3b8; }

.grid article.two-column .item-name {
  line-height: 1em;
  min-height: 2.7em;
  padding: 7% 13% 5.5% 3%;
  position: absolute;
  width: 84.5%; }

.grid article.promo-tile a {
  min-height: auto; }

.grid.assets-grid article.promo-tile a.button-primary {
  font-size: 1.5em !important;
  height: auto;
  min-height: 33px;
  width: auto; }

.grid.assets-grid article.promo-tile a.button-secondary {
  width: auto; }

.grid.assets-grid article.promo-tile a {
  height: 100%;
  padding: 0;
  position: absolute;
  width: 83.8%; }

.grid.assets-grid article.promo-tile .item-name {
  font-family: 'Sina-Regular', serif;
  font-size: 3em;
  left: 0;
  padding: 0 8.1%;
  position: absolute;
  width: 83.8%;
  text-align: center;
  top: 36%; }

.grid.assets-grid article.promo-tile .item-name.no-icon {
  top: 3%; }

.grid.assets-grid article.promo-tile .item-name em {
  font-family: fugu, cursive;
  font-style: normal;
  line-height: 0; }

.grid.assets-grid article.promo-tile a.inline-link {
  display: inline;
  padding: 0;
  position: static; }

.grid.assets-grid article.promo-tile .item-icon, .grid.assets-grid article.promo-tile .item-desc {
  left: 0;
  padding: 0 8.1%;
  width: 83.8%; }

.grid.assets-grid article.promo-tile .item-desc {
  font-family: "DinWebMedium",Serif;
  border-bottom: 0px solid;
  padding: 0;
  width: 100%; }

.grid.assets-grid h2 {
  color: #963;
  margin-bottom: .90909091em;
  margin-left: 0.45em; }

.justify-text {
  text-align: center; }

.justify-text img {
  width: 30%; }

/******************************************************************************/
.promo-section {
  background-color: #f2ecdd;
  position: relative;
  margin-bottom: 2em; }

.promo-section .promo-desc {
  padding: 3.2em 1em 0 1em; }

.promo-section .promo-desc.with-promo-recipe {
  padding: 1.8em 1.6em; }

.promo-section .promo-desc.with-promo-label {
  padding: 1.8em 1.35em; }

.promo-section .promo-desc.with-promo-recipe {
  padding: 1.7em 1em;
  padding-right: 3em; }

.promo-section img {
  width: 100%; }

.promo-section .promo-desc header {
  color: #963;
  font: normal normal normal 1.8em/1 'Sina-Medium', serif;
  margin: 0 0 0.125em 0; }

.promo-section .promo-desc a.promo-label {
  font-size: 1.4em;
  margin-bottom: 1.1em; }

.promo-section .promo-desc h3 {
  font-size: 2.8em;
  margin-bottom: 0.5em; }

.promo-section .promo-desc.with-promo-recipe h3 {
  margin-bottom: 0.3em; }

.promo-section .promo-desc p {
  font-size: 1.4em;
  margin-bottom: 1.9em; }

.promo-section .promo-desc a.button-primary .cta {
  width: 25px; }

.promo-section ul.serving-detail {
  color: #4C3327;
  display: block;
  float: left;
  font-family: 'Sina-Regular',sans-serif;
  font-size: 1.8em;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0.7em;
  width: 78%; }

.promo-section .promo-desc ul {
  display: block; }

.promo-section ul.serving-detail li {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) right bottom repeat-x;
  display: block;
  margin-bottom: 0;
  padding-bottom: 0.4em; }

.promo-section .two-column {
  width: 66.5%; }

.promo-section .one-column {
  width: 32.2%; }

.promo-section.recipe-detail h3 {
  font-size: 3em;
  margin-bottom: 0.6em; }

.promo-section.recipe-detail .promo-desc div.user-rating-large {
  margin-bottom: 3em; }

.promo-section.recipe-detail ul.serving-detail {
  width: 15.7em;
  margin-bottom: 0; }

.promo-section.recipe-detail ul.serving-detail li {
  padding: 0.5em 0 0.8em 0; }

.promo-section.recipe-detail ul.serving-detail li:first-child {
  padding-top: 0; }

.promo-section.recipe-detail ul.serving-detail li.last {
  background: none;
  padding-bottom: 0; }

ul.serving-detail li img {
  margin-right: 0.75em;
  width: auto; }

.promo-section .promo-desc div.user-rating-large {
  margin-bottom: 1.4em; }

.promo-section .promo-desc ul.social-icons {
  display: inline-block;
  margin: 0 0 1.55em 0; }

.promo-section .promo-desc ul.social-icons:after {
  content: "";
  display: table;
  clear: both; }

.promo-section .promo-desc ul.social-icons li {
  border: none; }

.promo-section .promo-desc ul li.last {
  background: none; }

.promo-section .promo-desc ul.social-icons li.map-print {
  margin-left: 14px;
  padding-right: 0; }

.promo-section .promo-desc ul.social-icons li.share {
  background: url(clientLibs/css/images/web_icons/icon-small-other-email.gif) left center no-repeat;
  padding-right: 0px;
  margin-left: 14px; }

.panera-event {
  border-bottom: 1px solid #e0dbcc;
  padding-bottom: 2.3em;
  position: relative;
  margin-bottom: 2em; }

.panera-event.community {
  border: 0px solid;
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x; }

.panera-event .one-column {
  min-height: 9em;
  margin-right: 2.7%; }

.panera-event .two-column {
  padding: 1% 0;
  vertical-align: middle;
  width: 64%; }

.panera-event h2 {
  color: #996633;
  font-family: 'Sina-Regular';
  font-size: 2.2em;
  line-height: 1;
  margin-bottom: 0.75em; }

.panera-event h3 {
  font: normal normal normal 1.6em/1.0555556 'DinWebMedium', serif;
  margin-bottom: 1.3888889em; }

.panera-event em {
  font-family: fugu, cursive;
  font-style: normal; }

.panera-event.last {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0; }

.panera-event.community.last {
  border: 0px solid;
  background: none; }

.panera-news {
  border-bottom: 1px solid #e0dbcc;
  margin-bottom: 2em;
  padding-bottom: 2em; }

.panera-news.last {
  border-bottom: 0px solid;
  margin-bottom: 0;
  padding-bottom: 0; }

.panera-news .one-column {
  margin-right: 3.2%;
  width: 24.5%; }

.panera-news .one-column .imgBox {
  height: 15em;
  overflow: hidden;
  width: 100%; }

.panera-news .two-column {
  width: 72.3%; }

.panera-news h2 {
  color: #963;
  margin-bottom: 0.675em; }

.panera-news p {
  margin: 0; }

.panera-news.group h4 {
  line-height: 19px; }

sup {
  vertical-align: super;
  font-size: 0.7em; }

.events-grid img {
  width: 100%; }

.promo-section.recipe-detail {
  background: #fff;
  margin-bottom: 0; }

.promo-section.recipe-detail .eq-column {
  margin-bottom: 2.8em; }

.promo-section.recipe-detail .eq-column.last {
  margin-bottom: 0; }

.promo-section.recipe-detail .promo-desc {
  padding: 0; }

.reward-info {
  position: relative;
  overflow: hidden; }

.reward-info img {
  width: auto;
  min-height: 300px; }

.reward-shade {
  background: -moz-linear-gradient(top, white 36%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, white 36%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, white 36%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, white 36%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 36%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  color: #af5026;
  font-family: 'Sina-Regular';
  font-size: 2em;
  line-height: 1em;
  min-height: 2.7em;
  padding: 5.5% 26% 5.5% 6%;
  position: absolute;
  top: 0;
  width: 69%; }

.reward-tile {
  padding: 3em; }

.reward-tile, .reward-tile div, .reward-messages, .reward-messages div {
  text-align: center; }

.reward-tile h2 {
  color: #4c3327 !important;
  font-size: 3em;
  padding: 0; }

.reward-tile .item-icon {
  display: inline-block;
  /*height:9em;width:9em;*/
  width: 37.5%; }

.reward-tile .item-icon.beverage {
  background: url(clientLibs/css/images/promo_icon_beverage.gif) center center no-repeat; }

.reward-tile .item-icon.pastry {
  background: url(clientLibs/css/images/promo_icon_pastry.gif) center center no-repeat; }

.reward-tile .reward-accept {
  background: url(clientLibs/css/images/correct-input.png) right center no-repeat;
  display: inline-block;
  color: #677718;
  font: normal normal normal 1.2em/1 'DinWebMedium', serif;
  padding: 0.5em;
  padding-right: 2.4em;
  margin: 0; }

.reward-tile .reward-redeem {
  display: inline-block;
  color: #666;
  font: normal normal normal 1.2em/1 'DinWebMedium', serif;
  padding: 0 0.5em 0.5em 0.5em;
  margin: 0; }

.share-reward {
  position: absolute;
  bottom: 7%;
  right: 0; }

.share-reward .share-reward-label, .share-reward .share-reward-help {
  display: inline-block;
  padding: 0.25em 0.5em;
  cursor: pointer; }

.share-reward .share-reward-help {
  margin-left: 0.25em;
  font-size: 1.4em;
  color: #af5026;
  font-family: 'DINWebMedium',serif; }

.main-content.text-padding p.clear-spacing {
  margin: 0;
  padding: 0; }

#reservation_form {
  margin-bottom: 2em;
  width: 60%; }

#reservation_form th {
  padding-bottom: 0.3em;
  padding-top: 1em; }

#reservation_form label {
  display: inline-block;
  width: auto; }

#reservation_form label.label-at-left {
  padding-right: 0.6em; }

#reservation_form label.label-at-right {
  padding-left: 0.6em; }

#reservation_form tr.default-hidden {
  display: none; }

#reservation_form tr.default-hidden.show {
  display: table-row; }

label.clear-spacing {
  margin: 0 0 2em 0; }

label.clear-spacing:last-of-type {
  margin: 0; }

/* ==========================================================================
=CAFE LOCATOR - FIND PANERA
========================================================================== */
.cafe-locator-page .one-column {
  height: 54em;
  margin-right: 3.4%;
  overflow: hidden;
  width: 32.8%; }

.cafe-locator-page .two-column {
  width: 63.8%; }

.cafe-locator-page .in-page-nav {
  padding-right: 2em;
  padding-top: 0.65em; }

.cafe-locator-page .tab-section {
  display: inline-block;
  min-width: 60%;
  visibility: hidden; }

.cafe-locator-page .social-icons {
  font-size: 0.75em;
  float: right;
  margin: 0; }

.cafe-locator-page .social-icons li {
  height: 1.2em;
  padding: 0.2em; }

.cafe-locator-page .social-icons li.map-print {
  background: url(clientLibs/css/images/web_icons/icon-small-other-print-beige.gif) no-repeat left center scroll transparent;
  margin-right: 1.5em; }

.cafe-locator-page .social-icons li.share {
  background: url(clientLibs/css/images/web_icons/icon-small-other-share-beige.gif) no-repeat left center scroll transparent;
  padding-right: 0; }

.cafe-locator-page .social-icons li.share.active {
  background: url(clientLibs/css/images/web_icons/icon-small-other-share.gif) no-repeat left center scroll transparent; }

.cafe-locator-page .social-icons li.share.active a {
  color: #4c3327; }

.cafe-locator-page .social-icons li.map-print a, .cafe-locator-page .social-icons li.share a {
  padding-left: 1.7em;
  padding-top: 0;
  width: auto; }

.cafe-locator-page .main-content {
  padding-top: 0;
  padding-right: 3em; }

.cafe-locator-search {
  padding: 0 1.5em;
  /*padding-top:1.9em*/ }

.cafe-locator-search-border {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 2.3em; }

#find-panera-page {
  background: #fff;
  border: 1px solid #e2dccc;
  display: block;
  height: 27px;
  margin-bottom: 1em; }

#find-panera-page input {
  font: normal normal normal 1.4em/1 'DinWeb', serif;
  margin: 0;
  color: #4C3327; }

#find-panera-page input[type=text] {
  background: none;
  border: 0px solid;
  color: #666;
  font: normal normal normal 1.5em/2 'DinWeb', serif;
  height: 30px;
  outline: medium none;
  padding: 0 1%;
  padding-left: 2%;
  width: 75%; }

#find-panera-page input[type=submit] {
  background: #af5026;
  border: 0px solid;
  color: white;
  float: right;
  font: normal normal normal 1.4em/1 'DinWebMedium', serif;
  height: 27px;
  padding: 0;
  text-align: center;
  width: 20%; }
  #find-panera-page input[type=submit]:hover {
    background: #4c3327;
    color: white;
    cursor: pointer; }

#map-url-input {
  font-family: 'DinWebRegular', serif !important;
  font-size: 15px !important; }

.cafe-locator-page #location-filter {
  display: block !important;
  font-size: 1.9em;
  height: 30px; }

.cafe-locator-page #location-filter span {
  display: block;
  float: right;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  width: 0.5em; }

.cafe-locator-page #location-filter.active {
  background: #4c3327 !important;
  color: #fff; }

#cafe-search-results {
  padding-left: 1.1em;
  position: relative; }

#cafe-search-results.adjust-width {
  padding-right: 1.1em; }

#cafe-search-results .scrolling-content {
  height: 44.2em;
  margin-top: 1em; }

#cafe-locator-list {
  display: block;
  list-style: none; }

#cafe-locator-list li {
  display: block; }

#cafe-locator-list li a {
  display: block;
  color: #666;
  font: normal normal normal 1.4em/1 'DinWeb', serif;
  line-height: 1.39;
  padding: 0 0.4em;
  padding-top: 1.2em;
  position: relative; }

#cafe-locator-list li a:hover, #cafe-locator-list li a.location-active {
  background-color: #f2ecdd; }

#cafe-locator-list li a span.map-label {
  color: #4c3327;
  font: normal normal normal 1em/1 'DinWebMedium', serif; }

#cafe-locator-list li a .location-info {
  margin-bottom: 1em; }

#cafe-locator-list li a.has-cafe-hours .location-info {
  margin-bottom: 0; }

#cafe-locator-list .cafe-hours {
  padding-top: 1em; }

#cafe-locator-list li a .location-item {
  float: left;
  width: 70%; }

#cafe-locator-list li a .hours-info {
  float: left;
  width: 70%;
  /*can be reduced to 58, if 4 icons are displayed, currently only 2*/ }

#cafe-locator-list li a .hours-info {
  margin-top: 0.5em; }

#cafe-locator-list li a .location-distance, #cafe-locator-list li a .other-info {
  float: right;
  text-align: right; }

#cafe-locator-list li a .location-distance img {
  display: none; }

#cafe-locator-list li a .other-info {
  max-width: 40%;
  position: relative;
  top: -7px; }

#cafe-locator-list li a .other-info img {
  margin-left: 2px; }

#cafe-locator-list li a .bottom-border {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 1em; }

#cafe-locator-list li a.has-cafe-hours .bottom-border {
  padding-bottom: 2em; }

#cafe-locator-list li a.has-web-icons .bottom-border {
  padding-bottom: 3em !important; }

#location-filter-options {
  display: none;
  max-height: 44.8em;
  position: relative;
  width: 100%; }

#location-filter-options .mCustomScrollBox {
  width: 100%; }

#location-filter-options .filter-options-wrapper {
  background: #fff; }

#location-filter-list {
  background-color: #fbf7ed;
  display: block;
  list-style: none;
  margin-left: 1.5em; }

#location-filter-list.adjust-width {
  margin-right: 1.5em; }

#location-filter-list li {
  margin: 0 5%;
  display: table;
  width: 90%; }

#location-filter-list label {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  cursor: pointer;
  display: table;
  font: normal normal normal 1.4em/1 'DinWebMedium', serif;
  height: 5.8em;
  width: 100%; }

#location-filter-list label.disabled {
  cursor: default;
  filter: alpha(opacity=50);
  opacity: 0.5; }

#location-filter-list label.no-border {
  background: none; }

#location-filter-list label div {
  vertical-align: middle;
  display: table-cell; }

#location-filter-list label div.filter-control {
  width: 25%; }

#location-filter-list label div.filter-desc {
  line-height: 1.1;
  width: 71%; }

#location-filter-list label div.filter-desc span {
  color: #666;
  font: normal normal normal 0.85em/1 'DinWeb', serif; }

#location-filter-list li.select-all label {
  color: #666;
  font: normal normal normal 1.2em/1 'DinWeb', serif;
  height: 2.75em; }

#location-filter-list li.select-all label div.filter-control {
  width: 10%; }

#location-filter-list li.select-all label div.filter-desc {
  width: 90%; }

.customInputOptions #location-filter-list input[type=checkbox] {
  margin: 0;
  margin-top: 1px;
  margin-right: 6px; }

.customInputOptions #location-filter-list li.select-all input[type=checkbox] {
  margin-top: 0; }

#location-filter-list img {
  margin-right: 6px; }

#cafe-locator-map {
  background: #fff;
  height: 54.2em;
  position: relative; }

#results-fade-top, #results-fade-bottom {
  height: 60px;
  left: 0;
  position: absolute;
  width: 96%;
  z-index: 9; }

#results-fade-top {
  background: -moz-linear-gradient(top, white 10%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 10%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 10%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 10%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 10%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
  top: 0; }

#results-fade-bottom {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(90%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  bottom: 0; }

#share-map-url {
  background: #fff;
  display: none;
  width: 26.6em;
  padding: 0.6em 0 1.7em 2.4em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10000; }

#share-map-url p {
  margin-bottom: 6px; }

#share-map-url label#map-url-shortner-wrapper {
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2em;
  margin-bottom: 12px; }

#share-map-url label#map-url-shortner-wrapper input[type=checkbox] {
  margin: 0;
  margin-right: 7px;
  margin-top: -2px; }

#share-map-url label#map-url-shortner-wrapper div {
  display: inline-block;
  margin-top: 2px; }

#share-map-url input[type=text] {
  border: 1px solid #ded7c5;
  color: #4c3327;
  font: normal normal normal 1.4em/1 'DinWebMedium', serif;
  height: 25px;
  outline: medium none;
  margin: 0;
  padding: 0 4%;
  width: 91%; }

#share-map-url #close-map-share, .map-info-wrapper .close-map-info, #cafe-locator-app #close-app-share {
  background: url(clientLibs/css/images/global_icon_close.png) center center no-repeat;
  display: block;
  position: absolute;
  height: 20px;
  width: 12px;
  right: 0;
  top: 4px; }

.map-info-wrapper {
  min-height: 208px;
  width: 337px; }

.map-info-wrapper .map-info-pointer {
  height: 16px;
  left: 0;
  position: relative;
  width: 100%;
  z-index: 2; }

.map-info-wrapper .close-map-info {
  right: 10px;
  top: 20px; }

.map-info-wrapper .map-info {
  box-shadow: 2px 2px 5px #888888;
  background: #fff;
  padding: 17px 14px 0 12px; }

.map-info-wrapper .map-info .location-info {
  color: #666;
  font: normal normal normal 1.4em/1.4 'DinWeb', serif;
  padding-bottom: 1.8em; }

.map-info-wrapper .map-info .location-info span {
  color: #4c3327;
  font: normal normal normal 1em/1 'DinWebMedium', serif !important; }

.map-info-wrapper .map-info .location-item {
  float: left;
  margin-right: 7%;
  width: 50%; }

.map-info-wrapper .map-info .location-facilities {
  float: left;
  width: 38%; }

.map-info-wrapper .more-location-info {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) top left repeat-x;
  padding-top: 1em;
  padding-bottom: 0.8em; }

#cafe-locator-app {
  background: #fff;
  bottom: 0;
  padding: 2.7em 0 2.2em 1.6em;
  position: absolute;
  right: 0;
  width: 28.9em;
  z-index: 10000; }

#cafe-locator-app img {
  float: left;
  margin-right: 1.4em; }

#cafe-locator-app div {
  float: left; }

#cafe-locator-app div h3 {
  color: #4c3327;
  margin-bottom: 0.1em;
  margin-top: 0.5em; }

#cafe-locator-app div span {
  font: normal normal normal 1.4em/1.4 'DinWebMedium', serif; }

.tooltip-link {
  display: block;
  z-index: 99999999;
  width: 30%;
  padding: 5px;
  right: 22px;
  position: absolute;
  bottom: 27px;
  height: 8.2em; }

.tooltip-link img {
  width: 53px;
  margin: 2em 0.5em; }

.tooltip-link p {
  font-size: 1.46em; }

.fltRight {
  float: right;
  width: 77%; }

.fltRight a {
  font-size: 1.2em;
  margin: -1em 0.5em; }

.findBtnrz {
  height: 1.9em;
  width: 17%; }

.fltLft {
  float: left; }

#errCont {
  margin: 5% 5% 0;
  padding: 1% 2%;
  display: none;
  width: 81%; }

.shwonMap {
  position: absolute;
  top: 37px;
  right: 23px; }

.mrg-input {
  margin-top: -0.2em; }

.brdr-disp {
  border: 1px solid #CFC1A2; }

#wifi {
  opacity: 0.5; }

.gm-style div, .gm-style span, .gm-style label, .gm-style a {
  font-family: "DinWeb", Serif !important;
  font-size: 14px !important; }

.gm-style div a.button-secondary {
  font-family: 'Sina-Medium', serif !important;
  font-size: 19px !important; }

.cafe-locator-page span.future-date {
  color: #4c3327;
  font: normal normal normal 1em/1 'DinWebMedium', serif !important;
  padding-bottom: 10px;
  display: block;
  text-transform: uppercase !important; }

/* ==========================================================================
=COFFEE FINDER
========================================================================== */
.coffee-at-home .one-column {
  height: 54em;
  margin-right: 3.4%;
  overflow: hidden;
  width: 32.8%; }
.coffee-at-home .two-column {
  width: 63.8%; }
.coffee-at-home .in-page-nav {
  padding-right: 2em;
  padding-top: 0.65em; }
  .coffee-at-home .in-page-nav .social-icons {
    font-size: 0.75em;
    float: right;
    margin: 0; }
    .coffee-at-home .in-page-nav .social-icons li {
      height: 1.2em;
      padding: 0.2em; }
      .coffee-at-home .in-page-nav .social-icons li.map-print {
        background: url(clientLibs/css/images/web_icons/icon-small-other-print-beige.gif) no-repeat left center scroll transparent;
        margin-right: 1.5em; }
      .coffee-at-home .in-page-nav .social-icons li.share {
        background: url(clientLibs/css/images/web_icons/icon-small-other-share-beige.gif) no-repeat left center scroll transparent;
        padding-right: 0; }
      .coffee-at-home .in-page-nav .social-icons li.shareactive {
        background: url(clientLibs/css/images/web_icons/icon-small-other-share.gif) no-repeat left center scroll transparent; }
      .coffee-at-home .in-page-nav .social-icons li.share.active a {
        color: #4c3327; }
      .coffee-at-home .in-page-nav .social-icons li.map-print a, .coffee-at-home .in-page-nav .social-icons li.share a {
        padding-left: 1.7em;
        padding-top: 0;
        width: auto; }
.coffee-at-home .tab-section {
  display: inline-block;
  min-width: 60%;
  visibility: hidden; }
.coffee-at-home .main-content {
  padding-top: 0;
  padding-right: 3em; }
.coffee-at-home .cafe-locator-search {
  padding: 0 1.5em;
  /*padding-top:1.9em*/ }
.coffee-at-home .cafe-locator-search-border {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 2.3em; }
.coffee-at-home #find-panera-page {
  background: #fff;
  border: 1px solid #e2dccc;
  display: block;
  height: 27px;
  margin-bottom: 1em; }
  .coffee-at-home #find-panera-page input[type=text] {
    background: none;
    border: 0px solid;
    color: #666;
    font: normal normal normal 1.5em/2 'DinWeb', serif;
    height: 30px;
    outline: medium none;
    padding: 0 1%;
    padding-left: 2%;
    width: 75%; }
  .coffee-at-home #find-panera-page input[type=submit] {
    background: #af5026;
    border: 0px solid;
    color: #fff;
    float: right;
    font: normal normal normal 1.4em/1 'DinWebMedium', serif;
    height: 27px;
    padding: 0;
    text-align: center;
    width: 20%; }
    .coffee-at-home #find-panera-page input[type=submit]:hover {
      background: #af5026;
      color: #fff;
      cursor: pointer; }
.coffee-at-home #map-url-input {
  font-family: 'DinWebRegular', serif !important;
  font-size: 15px !important; }
.coffee-at-home #location-filter {
  display: block !important;
  font-size: 1.9em;
  height: 30px; }
  .coffee-at-home #location-filter span {
    display: block;
    float: right;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    width: 0.5em; }
  .coffee-at-home #location-filter.active {
    background: #4c3327 !important;
    color: #fff; }
.coffee-at-home #cafe-search-results {
  padding-left: 1.1em;
  position: relative; }
  .coffee-at-home #cafe-search-results.adjust-width {
    padding-right: 1.1em; }
  .coffee-at-home #cafe-search-results .scrolling-content {
    height: 44.2em;
    margin-top: 1em; }
.coffee-at-home #cafe-locator-list {
  display: block;
  list-style: none; }
  .coffee-at-home #cafe-locator-list li {
    display: block; }
    .coffee-at-home #cafe-locator-list li a {
      display: block;
      color: #666;
      font: normal normal normal 1.4em/1 'DinWeb', serif;
      line-height: 1.39;
      padding: 0 0.4em;
      padding-top: 1.2em;
      position: relative; }
    .coffee-at-home #cafe-locator-list li:hover, .coffee-at-home #cafe-locator-list li.location-active {
      background-color: #f2ecdd; }
    .coffee-at-home #cafe-locator-list li span.map-label {
      color: #4c3327;
      font: normal normal normal 1em/1 'DinWebMedium', serif; }
    .coffee-at-home #cafe-locator-list li .location-info {
      margin-bottom: 1em; }
    .coffee-at-home #cafe-locator-list li.has-cafe-hours .location-info {
      margin-bottom: 0; }
    .coffee-at-home #cafe-locator-list li .location-item {
      float: left;
      width: 65%; }
    .coffee-at-home #cafe-locator-list li .hours-info {
      float: left;
      width: 70%;
      margin-top: 0.5em;
      /*can be reduced to 58, if 4 icons are displayed, currently only 2*/ }
    .coffee-at-home #cafe-locator-list li .location-distance, .coffee-at-home #cafe-locator-list li .other-info {
      float: right;
      text-align: right; }
    .coffee-at-home #cafe-locator-list li .location-distance img {
      display: none; }
    .coffee-at-home #cafe-locator-list li .other-info {
      max-width: 40%;
      position: relative;
      top: -7px; }
    .coffee-at-home #cafe-locator-list li .other-info img {
      margin-left: 2px; }
    .coffee-at-home #cafe-locator-list li .bottom-border {
      background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
      padding-bottom: 1em; }
    .coffee-at-home #cafe-locator-list li.has-cafe-hours .bottom-border {
      padding-bottom: 2em; }
    .coffee-at-home #cafe-locator-list li.has-web-icons .bottom-border {
      padding-bottom: 3em !important; }
  .coffee-at-home #cafe-locator-list .cafe-hours {
    padding-top: 1em; }
.coffee-at-home #location-filter-options {
  display: none;
  max-height: 44.8em;
  position: relative;
  width: 100%; }
  .coffee-at-home #location-filter-options .mCustomScrollBox {
    width: 100%; }
  .coffee-at-home #location-filter-options .filter-options-wrapper {
    background: #fff; }
.coffee-at-home #location-filter-list {
  background-color: #fbf7ed;
  display: block;
  list-style: none;
  margin-left: 1.5em; }
  .coffee-at-home #location-filter-list.adjust-width {
    margin-right: 1.5em; }
  .coffee-at-home #location-filter-list li {
    margin: 0 5%;
    display: table;
    width: 90%; }
    .coffee-at-home #location-filter-list li.select-all label {
      color: #666;
      font: normal normal normal 1.2em/1 'DinWeb', serif;
      height: 2.75em; }
      .coffee-at-home #location-filter-list li.select-all label div .filter-control {
        width: 10%; }
      .coffee-at-home #location-filter-list li.select-all label div .filter-desc {
        width: 90%; }
  .coffee-at-home #location-filter-list label {
    background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
    cursor: pointer;
    display: table;
    font: normal normal normal 1.4em/1 'DinWebMedium', serif;
    height: 5.8em;
    width: 100%; }
    .coffee-at-home #location-filter-list label.disabled {
      cursor: default;
      filter: alpha(opacity=50);
      opacity: 0.5; }
    .coffee-at-home #location-filter-list label .no-border {
      background: none; }
    .coffee-at-home #location-filter-list label div {
      vertical-align: middle;
      display: table-cell; }
      .coffee-at-home #location-filter-list label div.filter-control {
        width: 25%; }
      .coffee-at-home #location-filter-list label div.filter-desc {
        line-height: 1.1;
        width: 71%; }
        .coffee-at-home #location-filter-list label div.filter-desc span {
          color: #666;
          font: normal normal normal 0.85em/1 'DinWeb', serif; }
  .coffee-at-home #location-filter-list img {
    margin-right: 6px; }
.coffee-at-home .customInputOptions #location-filter-list input[type=checkbox] {
  margin: 0;
  margin-top: 1px;
  margin-right: 6px; }
.coffee-at-home .customInputOptions #location-filter-list li.select-all input[type=checkbox] {
  margin-top: 0; }
.coffee-at-home #cafe-locator-map {
  background: #fff;
  height: 54.2em;
  position: relative; }
.coffee-at-home #results-fade-top, .coffee-at-home #results-fade-bottom {
  height: 60px;
  left: 0;
  position: absolute;
  width: 96%;
  z-index: 9; }
.coffee-at-home #results-fade-top {
  background: -moz-linear-gradient(top, white 10%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 10%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 10%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 10%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 10%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
  top: 0; }
.coffee-at-home #results-fade-bottom {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(90%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  bottom: 0; }
.coffee-at-home #share-map-url {
  background: #fff;
  display: none;
  width: 26.6em;
  padding: 0.6em 0 1.7em 2.4em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10000; }
  .coffee-at-home #share-map-url p {
    margin-bottom: 6px; }
  .coffee-at-home #share-map-url label#map-url-shortner-wrapper {
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    margin-bottom: 12px; }
    .coffee-at-home #share-map-url label#map-url-shortner-wrapper input[type=checkbox] {
      margin: 0;
      margin-right: 7px;
      margin-top: -2px; }
    .coffee-at-home #share-map-url label#map-url-shortner-wrapper div {
      display: inline-block;
      margin-top: 2px; }
    .coffee-at-home #share-map-url label#map-url-shortner-wrapper input[type=text] {
      border: 1px solid #ded7c5;
      color: #4c3327;
      font: normal normal normal 1.4em/1 'DinWebMedium', serif;
      height: 25px;
      outline: medium none;
      margin: 0;
      padding: 0 4%;
      width: 91%; }
.coffee-at-home #share-map-url #close-map-share, .coffee-at-home .map-info-wrapper .close-map-info, .coffee-at-home #cafe-locator-app #close-app-share {
  background: url(clientLibs/css/images/global_icon_close.png) center center no-repeat;
  display: block;
  position: absolute;
  height: 20px;
  width: 12px;
  right: 0;
  top: 4px; }
.coffee-at-home .map-info-wrapper {
  min-height: 208px;
  width: 337px; }
  .coffee-at-home .map-info-wrapper .map-info-pointer {
    height: 16px;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 2; }
  .coffee-at-home .map-info-wrapper .close-map-info {
    right: 10px;
    top: 20px; }
  .coffee-at-home .map-info-wrapper .map-info {
    box-shadow: 2px 2px 5px #888888;
    background: #fff;
    padding: 17px 14px 0 12px; }
    .coffee-at-home .map-info-wrapper .map-info .location-info {
      color: #666;
      font: normal normal normal 1.4em/1.4 'DinWeb', serif;
      padding-bottom: 1.8em; }
      .coffee-at-home .map-info-wrapper .map-info .location-info span {
        color: #4c3327;
        font: normal normal normal 1em/1 'DinWebMedium', serif !important; }
    .coffee-at-home .map-info-wrapper .map-info .location-item {
      float: left;
      margin-right: 7%;
      width: 50%; }
    .coffee-at-home .map-info-wrapper .map-info .location-facilities {
      float: left;
      width: 38%;
      display: none; }
  .coffee-at-home .map-info-wrapper .more-location-info {
    background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) top left repeat-x;
    padding-top: 1em;
    padding-bottom: 0.8em; }
.coffee-at-home #cafe-locator-app {
  background: #fff;
  bottom: 0;
  padding: 2.7em 0 2.2em 1.6em;
  position: absolute;
  right: 0;
  width: 28.9em;
  z-index: 10000;
  display: none; }
  .coffee-at-home #cafe-locator-app img {
    float: left;
    margin-right: 1.4em; }
  .coffee-at-home #cafe-locator-app div {
    float: left; }
    .coffee-at-home #cafe-locator-app div h3 {
      color: #4c3327;
      margin-bottom: 0.1em;
      margin-top: 0.5em; }
    .coffee-at-home #cafe-locator-app div span {
      font: normal normal normal 1.4em/1.4 'DinWebMedium', serif; }
.coffee-at-home .tooltip-link {
  display: block;
  z-index: 99999999;
  width: 30%;
  padding: 5px;
  right: 22px;
  position: absolute;
  bottom: 27px;
  height: 8.2em; }
  .coffee-at-home .tooltip-link img {
    width: 53px;
    margin: 2em 0.5em; }
  .coffee-at-home .tooltip-link p {
    font-size: 1.46em; }
.coffee-at-home .fltRight {
  float: right;
  width: 77%; }
  .coffee-at-home .fltRight a {
    font-size: 1.2em;
    margin: -1em 0.5em; }
.coffee-at-home .findBtnrz {
  height: 1.9em;
  width: 17%; }
.coffee-at-home .fltLft {
  float: left; }
.coffee-at-home #errCont {
  margin: 5% 5% 0;
  padding: 1% 2%;
  display: none;
  width: 81%; }
.coffee-at-home .shwonMap {
  position: absolute;
  top: 37px;
  right: 23px; }
.coffee-at-home .mrg-input {
  margin-top: -0.2em; }
.coffee-at-home .brdr-disp {
  border: 1px solid #CFC1A2; }
.coffee-at-home #wifi {
  opacity: 0.5; }
.coffee-at-home .gm-style div, .coffee-at-home .gm-style span, .coffee-at-home .gm-style label, .coffee-at-home .gm-style a {
  font-family: "DinWeb", Serif !important;
  font-size: 14px !important; }
.coffee-at-home .gm-style div a.button-secondary {
  font-family: 'Sina-Medium', serif !important;
  font-size: 19px !important; }

/* ==========================================================================
=SEARCH RESULTS TEMPLATE
===========================================================================*/
.in-page-nav.search-tabs {
  padding: 0;
  margin-bottom: 1.35em; }

.in-page-nav.search-tabs ul {
  margin: 0; }

.in-page-nav.search-tabs li a.no-results {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.in-page-nav.search-tabs li a .search-result-json {
  display: none; }

.in-page-nav.search-tabs li a.no-results:hover {
  color: #af5026;
  cursor: default; }

.search-results-section .search-result-article {
  border-bottom: 1px solid #dad3b8;
  margin-bottom: 2em;
  padding-bottom: 2em; }

.search-results-section .search-result-article.last {
  border-bottom: 0px solid;
  margin-bottom: 0;
  padding-bottom: 0; }

.search-results-section #menu-items, .search-results-section #news-articles, .search-results-section #recipes, .search-results-section #company {
  display: none; }

.search-results-section .img-column, .search-results-section .text-column, .search-results-section .img-column-large, .search-results-section .text-column-small {
  float: left; }

.search-results-section .img-column {
  margin-right: 2.2%;
  width: 22.1%; }

.search-results-section .img-column-large {
  margin-right: 3.2%;
  width: 42.9%; }

.search-results-section .img-column a, .search-results-section .img-column-large a, .search-results-section .img-column img, .search-results-section .img-column-large img {
  width: 100%; }

.search-results-section .text-column {
  width: 75.6%; }

.search-results-section .text-column-small {
  width: 53.8%; }

.search-results-section .text-column h2 {
  color: #af5026;
  font-size: 2em; }

.search-results-section a.search-result-link {
  display: inline-block;
  font: normal normal normal 2em/1 'Sina-Regular', serif;
  margin: 0.35em 0 .8em 0; }

.search-results-section #company a.search-result-link {
  margin: 0 0 .85em 0; }

.search-results-section .text-column h4 {
  margin-bottom: 0.5em; }

.search-results-section .text-column p {
  margin-bottom: 1.3em; }

.search-results-section #company .text-column p {
  margin-bottom: 0; }

.search-results-section #recipes a.search-result-link {
  margin: 0.35em 0 .8em 0; }

.search-results-section .text-column .user-review-content {
  display: none;
  margin-bottom: 2em; }

.search-results-section .text-column .user-rating-large {
  display: inline-block;
  margin-right: 0.5em; }

.search-results-section .text-column .user-action-search {
  display: inline; }

.search-results-section .nutrition-table > tbody > tr > td:first-child {
  padding: .5em 5px .3em .4em; }

.search-results-section .nutrition-table th, .search-results-section .nutrition-table td {
  padding-left: 1.2em !important;
  padding-right: 1.2em !important; }

.search-results-section .nutrition-table > thead > tr:first-child > th:first-child {
  font: normal normal normal 1em/1.1 'DinWebMedium', serif !important;
  height: 2.7em !important;
  width: auto; }

.search-results-section .nutrition-table > tbody > tr > td {
  font: normal normal normal 1.2em/1 'DinWebMedium', serif !important; }

.search-results-section .write-table {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  display: inline-block;
  margin-right: 2em;
  width: 53.7%; }

.search-results-section .teaser-column h2 {
  color: #4c3327;
  font-size: 2em;
  margin-bottom: 0.8em; }

.search-results-section .teaser-column .teaser {
  padding-bottom: 2.4em;
  margin-bottom: 1.5em; }

.search-results-section .teaser-column .teaser.last {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 2.5em !important; }

.teaser-column .search-result-thumb {
  margin-bottom: 2em; }

.search-result-thumb {
  display: block;
  position: relative; }

.allergens-display {
  display: inline-block;
  max-width: 29em;
  min-width: 13em; }

.allergens-display-table td {
  font: normal normal normal 1.2em/1.25 'DinWeb', serif;
  vertical-align: middle; }

.allergens-display-table td.allergen-names {
  padding-right: 2%;
  width: 48%; }

.allergens-display-table td.allergen-icons {
  width: 50%; }

/*.allergens-display-table .allergen-icons-container{min-width:100px}*/
.allergens-display-table td span {
  font: normal normal normal 1em/1 'DinWebMedium', serif; }

.width40 {
  width: 34%; }

.clearbothspace {
  border-bottom: 1px solid #e5e0cd;
  overflow: hidden;
  padding: 25px 0; }

.clearbothspace .leftAlign {
  margin-right: 20px; }

.otherdetails {
  border-bottom: 1px dotted #c8b895; }

.alignanchor {
  margin: 25px 0; }

a.labelstyle {
  background: #F0EDE3;
  font-size: 1.4em;
  padding: 10px; }

.lastDet {
  margin-top: 20px; }

.one-column.last.teaser-column, .one-column-tiny.last.teaser-column {
  border-left: 1px solid #E5E0CD;
  padding-left: 1.6%;
  width: 30.25%; }

.search-results-section .one-column-tiny.last.teaser-column {
  padding-right: 1.7%;
  width: 20.9%; }

.search-results-section .one-column-tiny.last.teaser-column h2 {
  line-height: 1.05;
  margin-bottom: 0.625em;
  margin-top: 0.35em; }

.one-column-tiny.last.teaser-column {
  float: right;
  width: 22.5%; }

.one-column-tiny .teaser p, .one-column-tiny .paragraphcomponent p {
  /*font-size:1.2em;*/ }

.teaser-column .teaser {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 2.0em;
  margin-bottom: 2.3em; }

.teaser-column .artisian-dots {
  margin-bottom: 2em; }

.teaser-column .teaser.no-border {
  background: none;
  padding: 0; }

.teaser-column .teaser.last {
  margin-bottom: 0; }

.teaser-column h2 {
  color: #996633;
  margin-bottom: 0.5em; }

.teaser-column img.teaser-header-icon {
  float: left;
  margin-right: 0.4em;
  margin-top: -0.2em; }

.teaser-column .teaser.last {
  background: none;
  padding-bottom: 0em;
  margin-bottom: 0em; }

.teaser-column .teaser ul.global-no-bullet-list li {
  margin-bottom: 0.71em; }

.teaser-column .teaser ul.global-no-bullet-list li.last {
  margin-bottom: 0em; }

.teaser-column .teaser ul.global-no-bullet-list li a,
.teaser-column .teaser ul.global-no-bullet-list li span {
  display: block;
  line-height: 1.1em; }

  /*
li.mmp-sign-in-top, li.mmp-sign-in-bottom{
	font-size: 0.8em;
	font-weight: bold;
}*/
.teaser-column .teaser ul.global-no-bullet-list li.mmp-sign-in-top {
  margin-top: 0px !important; }

li.mmp-sign-in-bottom {
  margin-top: 10px !important; }

li.mmp-sign-in-top a, li.mmp-sign-in-bottom a {
  display: inline-block !important;
  font-family: 'DinWebBold', serif; }

li.mmp-sign-in-bottom {
  text-align: right; }

/* ==========================================================================
=SORT-RECIPE TEMPLATE
===========================================================================*/
.recipe-header {
  background: none; }

.recipe-landing-with-featured .main-content > section.group + .recipe-header {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) top left repeat-x;
  margin-bottom: 2em; }

.recipe-landing-wo-featured .recipe-header {
  background: none;
  margin-bottom: 0; }

.recipe-header div {
  margin-bottom: 0.4em;
  padding: 1.45em 0.95em 0 0.95em; }

.recipe-header.has-sort div {
  padding-top: 0.5em; }

.recipe-header div.in-page-nav {
  display: none; }

.recipe-header div.in-page-nav.on-recipe-detail {
  display: block;
  padding: 2em 0.95em 0.15em 0.95em; }

.recipe-header .custom-dropdown {
  font-size: 0.75em; }

.recipe-header .in-page-nav .with-right-border {
  font-size: 0.75em;
  padding-right: 1.1em;
  margin-right: 0.8em; }

.recipe-header .in-page-nav > .tab-section {
  margin-left: 0; }

.recipe-header div.in-page-nav.sub-tabs {
  display: block;
  margin-bottom: 1.9em;
  padding-top: 1.2em; }

.recipe-header .in-page-nav .portrait-only {
  display: none; }

.recipe-header .portrait-only #portrait-recipe-filter {
  width: 29em; }

.recipe-header .in-page-nav .landscape-only {
  display: inline-block; }

.assets-grid.no-label article .item {
  height: auto; }

.assets-grid.no-label .item-header {
  height: 6em; }

.recipe-tip {
  color: #4c3327;
  font-family: "DinWebMedium",Serif; }

.page-topics a {
  font-family: "DinWebMedium",Serif; }

.article-display {
  float: right;
  margin-left: 3.7em;
  margin-bottom: 2em;
  width: 49.8%; }

.article-copy p, .article-copy h2 {
  max-width: 70%; }

.article-copy p.no-margin {
  margin: 0; }

.article-copy p {
  margin-bottom: 1.6em; }

.article-copy h2 {
  color: #996633;
  margin-bottom: 0.6em; }

.social-share-holder {
  float: right;
  margin-top: -0.7em; }

.more-filter-options {
  background: #faf7f1;
  display: none;
  margin-bottom: 2.4em;
  padding: 2.7em 1.6em; }

.more-filter-options .recipe-filter-table {
  border-collapse: collapse;
  font-size: 1.2em;
  width: 100%; }

.more-filter-options .recipe-filter-table tr td {
  padding: 0;
  padding-top: 2em;
  width: 16.66%; }

.more-filter-options .recipe-filter-table tr:first-child td {
  padding: 0; }

.more-filter-options .recipe-filter-table tr.default-hidden {
  display: none; }

.more-filter-options .recipe-filter-table tr.show-more-rows {
  display: table-row; }

.more-filter-options .recipe-filter-table label {
  display: inline-block;
  line-height: 1;
  padding: 0.25em 0.6em;
  padding-right: 0; }

.more-filter-options input[type=checkbox] {
  margin: 0; }

.more-filter-options section {
  border-bottom: 1px solid #dad3b8;
  padding-bottom: 1.6em;
  margin-bottom: 2em; }

.more-filter-options section:after {
  content: "";
  display: table;
  clear: both; }

.more-filter-options section.last {
  border-bottom: 0px solid;
  padding-bottom: 0em;
  margin-bottom: 0em; }

.more-filter-options .more-options-link {
  display: inline-block;
  float: right;
  font-size: 1.2em;
  margin-top: 2em; }

header.has-sort div.in-page-nav {
  display: block; }
  header.has-sort div.in-page-nav.sub-tabs {
    margin-bottom: 0; }
header.has-filter div.in-page-nav {
  display: block; }
  header.has-filter div.in-page-nav.sub-tabs .tab-section li {
    margin-right: 2.5%; }
  header.has-filter div.in-page-nav .tab-section li {
    margin-right: 2.5%; }

/* ==========================================================================
=WIFI LANDING
========================================================================== */
.wifi-landing #page-header {
  position: relative; }

.wifi-landing #content-outer-wrapper {
  padding-top: 0; }

body.resp-body-mobile .wifi-landing .grid-separator {
  display: none; }

.wifi-landing .nav-top-wrapper {
  text-align: center; }

.wifi-landing #page-header {
  height: 108px; }

.wifi-landing a.logo {
  display: inline-block;
  margin-left: 0;
  position: relative; }

.wifi-landing .main-content {
  padding: 4.5em 1.6em 3em 1.6em; }

.wifi-landing h2 {
  color: #996633;
  font-family: 'Sina-Regular' serif;
  font-size: 2.2em;
  line-height: 1; }

.wifi-landing .wifi-head {
  margin: 0 auto;
  text-align: center; }
  .wifi-landing .wifi-head h1 {
    font-size: 4em;
    margin-bottom: 0.32em;
    margin-top: 10px; }
  .wifi-landing .wifi-head h2 {
    color: #996633;
    font-size: 1.9em;
    line-height: 0.98;
    margin-bottom: 1.2em;
    padding: 0 9%; }

.wifi-landing .wifi-promo {
  position: relative;
  margin-bottom: 3em; }

.wifi-landing .wifi-overlay {
  left: 6em;
  max-width: 55%;
  position: absolute;
  text-align: left;
  top: 7.6em; }

.wifi-landing .wifi-overlay h3 {
  color: #fff;
  font-size: 3.6em;
  line-height: 0.9em;
  margin-bottom: 1.2em;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2); }

.wifi-landing .eq-column {
  border-right: 1px solid #dad3b8;
  margin-right: 0;
  padding: 0 2.5%;
  text-align: left;
  width: 28.2%;
  float: left; }

.wifi-landing .eq-column h2 {
  margin: 0.55em 0;
  padding: 0;
  color: #af5026;
  font-size: 2em;
  line-height: 1em;
  font-family: 'Sina-Regular', serif; }

.wifi-landing .eq-column p {
  margin-bottom: 1.35em; }

.wifi-landing .eq-column a.button-primary {
  font-family: "DinWebMedium",serif;
  font-size: 1.6em;
  padding: 0 5px 0 5px;
  height: 25px;
  line-height: 25px;
  width: auto; }

.wifi-landing .eq-column.last {
  border: 0px solid;
  margin: 0; }

.wifi-landing .eq-column .wifi-featured {
  float: left;
  margin-right: 2em;
  width: 34%; }

.wifi-landing .button-primary {
  padding: 0 5px;
  height: 30px;
  line-height: 30px; }

.wifi-landing .footer-wrapper {
  padding-bottom: 1em;
  margin-bottom: 0; }

.wifi-landing .footer-wrapper p {
  font-size: 1.2em;
  display: block;
  margin: 0 auto;
  max-width: 640px;
  padding: 1.5em 0;
  padding-bottom: 1.35em;
  text-align: center; }

.wifi-landing .footer-wrapper .social-share-holder {
  display: block;
  float: none;
  margin: 0 auto;
  margin-bottom: 5px; }

.wifi-landing .footer-wrapper .social-share-holder ul:after {
  content: "";
  display: table;
  clear: both; }

.wifi-landing .footer-wrapper .social-share-holder li {
  height: 3em;
  width: 3em;
  float: none;
  display: inline-block; }

.wifi-landing .footer-wrapper .social-share-holder li:first-child {
  margin: 0; }

.wifi-landing .footer-wrapper .social-icons {
  margin: 0;
  text-align: center; }

.wifi-landing .eq-column p.grid-img {
  margin: 0 auto;
  text-align: center; }

.wifi-landing .eq-column .page-label {
  margin-bottom: 0.875em;
  margin-left: 0.3em;
  padding: 0 3px;
  font-size: 1.2em; }

.wifi-landing .eq-column p.grid-img img, .wifi-landing .wifi-promo img {
  max-width: 100%;
  height: auto; }

/* ==========================================================================
=GIFT CARD NEW LANDING
========================================================================== */
.gift-card-landing .grid-separator {
  clear: both;
  padding-top: 0; }
.gift-card-landing .one-column-tiny.last.teaser-column {
  width: 26%;
  padding-bottom: 5px; }
.gift-card-landing #two-column-no-space.two-column-large {
  margin-right: 0; }
.gift-card-landing .promo-section {
  width: 100%; }
  .gift-card-landing .promo-section .two-column {
    width: 65%; }
.gift-card-landing .text-banner .heading h2 sup, .gift-card-landing .text-banner .heading h1 sup {
  font-size: 0.6em; }
.gift-card-landing .content-inner-wrapper img {
  max-width: 100%;
  height: auto; }
.gift-card-landing .content-inner-wrapper .eq-column {
  border-right: 1px solid #dad3b8;
  margin-right: 0;
  padding: 0 4%;
  text-align: left;
  width: 39%;
  margin-bottom: 2em; }
  .gift-card-landing .content-inner-wrapper .eq-column h2 {
    margin: 0.55em 0;
    padding: 0;
    color: #af5026;
    font-size: 2em;
    line-height: 1em;
    font-family: 'Sina-Regular', serif; }
    @media only screen and (max-width: 880px) {
      .gift-card-landing .content-inner-wrapper .eq-column h2 {
        font-size: 1.8em; } }
  .gift-card-landing .content-inner-wrapper .eq-column p {
    margin: 1.35em 0; }
    .gift-card-landing .content-inner-wrapper .eq-column p.grid-img {
      margin: 0 auto; }
  .gift-card-landing .content-inner-wrapper .eq-column a {
    width: auto; }
  .gift-card-landing .content-inner-wrapper .eq-column .page-label {
    margin: 0;
    padding: 0 10px 0 3px;
    font-size: 1.3em;
    background: #ECECEA; }
  .gift-card-landing .content-inner-wrapper .eq-column.last {
    border: 0;
    margin: 0 0 2em  0; }
.gift-card-landing .promo-desc {
  padding-right: 0 !important; }
  .gift-card-landing .promo-desc .page-label {
    margin-left: 0;
    padding: 0 3px;
    background: #FFF !important;
    width: 10em; }
  .gift-card-landing .promo-desc h3 {
    margin-bottom: 0.5em !important; }
  .gift-card-landing .promo-desc p {
    line-height: 1.2em; }
.gift-card-landing .grid.assets-grid h2 {
  margin-left: 0; }
.gift-card-landing .two-column-large h3 {
  font-size: 3.5em;
  margin-bottom: 0.2em;
  clear: both;
  padding: 0 4%; }
.gift-card-landing .two-column-large p {
  clear: both;
  padding: 0 4%; }
.gift-card-landing .grid h3 {
  font-size: 2.2em;
  padding: 0; }
.gift-card-landing .grid p {
  padding: 0; }
.gift-card-landing .grid p a {
  display: inline; }
.gift-card-landing .last-para {
  margin: 0 0 3em 0; }

@media only screen and (max-width: 880px) {
  .promo-section .promo-desc.with-promo-recipe {
    padding: 0.8em !important; }
    .promo-section .promo-desc.with-promo-recipe .page-label {
      margin: 0 0 0.5em 0;
      padding: 0 3px;
      background: #FFF !important;
      width: 10em; }
    .promo-section .promo-desc.with-promo-recipe h3 {
      margin-bottom: 0 !important;
      font-size: 2.1em !important; }
    .promo-section .promo-desc.with-promo-recipe p {
      margin: 0.2em 0 0.7em 0;
      font-size: 1.4em !important; } }
/* ==========================================================================
=LOYALTY USERS
========================================================================== */
#mychallenges, .recent-rewards-link {
  display: none; }

.loyalty-user {
  /* Loyalty right column */
  /* Dashboard */
  /* share your reward */
  /* past rewards */
  /* no rewards */
  /* challenges section */
  /* special message */
  /* popup message */
  /* header navigation */ }
  .loyalty-user #mychallenges {
    display: block; }
  .loyalty-user #form_missed_visit {
    clear: both;
    width: 100%;
    padding: 1em 0 0 0; }
  .loyalty-user .inline-message {
    clear: both;
    margin: 1em 0 0 0;
    float: left; }
  .loyalty-user .redeem-confirm-box {
    clear: both;
    margin: 1em 0 0 0;
    float: left; }
  .loyalty-user #missed-a-visit {
    float: left;
    margin-bottom: 5px; }
    .loyalty-user #missed-a-visit .receipt-code {
      text-align: center; }
    .loyalty-user #missed-a-visit .user-form {
      width: 110%; }
    .loyalty-user #missed-a-visit p.last {
      margin-bottom: 1.3em;
      color: #963;
      font: normal normal normal 2.2em/0.85 "Sina-Regular", serif; }
    .loyalty-user #missed-a-visit .form-submit-button {
      padding-bottom: 0; }
  .loyalty-user .loyalty-page-heading {
    float: left; }
    .loyalty-user .loyalty-page-heading h2 {
      margin-left: 1.7em !important;
      margin-top: -0.4em !important; }
  .loyalty-user .loyalty-heading, .loyalty-user .loyalty-page-heading-general {
    display: block !important; }
  .loyalty-user .non-loyalty {
    display: none !important; }
  .loyalty-user .loyalty-recent-visits {
    display: block !important;
    width: 105%;
    margin-top: 1em;
    clear: both; }
    .loyalty-user .loyalty-recent-visits h2 {
      margin: 0.5em 0 0.3em 0; }
    .loyalty-user .loyalty-recent-visits li {
      list-style: none;
      width: 100%;
      background: none;
      clear: both; }
      .loyalty-user .loyalty-recent-visits li .visit-date {
        width: 30%;
        font-family: "DinWebMedium", sans-serif; }
      .loyalty-user .loyalty-recent-visits li .visit-time {
        width: 44%; }
      .loyalty-user .loyalty-recent-visits li .visit-price {
        width: 20%;
        float: right;
        font-family: "DinWebBold", sans-serif; }
      .loyalty-user .loyalty-recent-visits li span {
        display: inline-block;
        padding: 10px 0 10px 2%;
        font-size: 1.4em;
        line-height: 1.358em; }
      .loyalty-user .loyalty-recent-visits li.odd {
        background: #F2ECDC; }
    .loyalty-user .loyalty-recent-visits li:first-child {
      color: #A97F59; }
      .loyalty-user .loyalty-recent-visits li:first-child span {
        font-family: "DinWebMedium", sans-serif; }
    .loyalty-user .loyalty-recent-visits p.disclaimer {
      clear: both;
      margin-top: 1.4em;
      font-size: 1.3em; }
  .loyalty-user .response-error {
    color: #ff0000 !important;
    font-family: "DinWebMedium", sans-serif;
    font-size: 1.1em; }
  .loyalty-user .loyalty-right-rail {
    display: block !important;
    min-height: 106px; }
    .loyalty-user .loyalty-right-rail ul {
      text-align: right;
      padding-top: 1.2em; }
    .loyalty-user .loyalty-right-rail li {
      list-style: none;
      color: #DDCFB5;
      font: normal normal normal 1.3em/0.85 "Sina-Regular", serif;
      display: inline-block; }
      .loyalty-user .loyalty-right-rail li span.counter {
        font-size: 3.2em;
        display: inline-block; }
      .loyalty-user .loyalty-right-rail li span.visits {
        width: 128px;
        display: inline-block;
        text-align: left;
        margin: 15px 0 0 10px;
        line-height: 1.2em;
        font: normal normal normal 0.7em/1.05556 "DinWebMedium", sans-serif; }
        .loyalty-user .loyalty-right-rail li span.visits b {
          display: block;
          font-weight: normal; }
    .loyalty-user .loyalty-right-rail span.rewards-left, .loyalty-user .loyalty-right-rail span.visits-left {
      font-size: 3.3em;
      width: 68px;
      height: 60px;
      padding-top: 8px;
      display: inline-block;
      text-align: center; }
      .loyalty-user .loyalty-right-rail span.rewards-left.two-digits, .loyalty-user .loyalty-right-rail span.visits-left.two-digits {
        font-size: 2.4em;
        padding-top: 17px;
        height: 53px; }
    .loyalty-user .loyalty-right-rail .rewards-left {
      background: url(clientLibs/images/loyalty/counter-bg.png) -75px 0 no-repeat; }
    .loyalty-user .loyalty-right-rail .visits-left {
      background: url(clientLibs/images/loyalty/counter-bg.png) 0 1px no-repeat; }
    .loyalty-user .loyalty-right-rail .miss-you {
      background: url(clientLibs/images/loyalty/miss-you-icon.png) no-repeat;
      display: inline-block;
      height: 30px;
      width: 35px;
      position: relative; }
    .loyalty-user .loyalty-right-rail li.member {
      padding: 0 0 5px 0;
      display: block !important;
      font: normal normal normal 1em/1.85 "DinWeb", sans-serif;
      color: #DDCFB5;
      text-align: right;
      margin: 0.5em 0; }
      .loyalty-user .loyalty-right-rail li.member b {
        font-weight: normal; }
  .loyalty-user .loyalty-panera-event {
    padding-bottom: 0; }
    .loyalty-user .loyalty-panera-event.community {
      background: #fff5dc url(clientLibs/css/images/rewards-bg.png) top center repeat-y;
      background-size: contain;
      border: 1px solid #F0EDE5; }
  .loyalty-user .events-grid {
    margin-left: 1em; }
  .loyalty-user .share-reward {
    position: static;
    text-align: center; }
    .loyalty-user .share-reward p {
      margin-bottom: 0; }
  .loyalty-user .donate-reward {
    text-align: center;
    padding: 1em 0;
    border-bottom: 1px solid #F0EDE5;
    clear: both;
    overflow: hidden; }
    .loyalty-user .donate-reward p {
      margin-bottom: 0;
      padding-right: 5px;
      padding-top: 5px;
      line-height: 1.258em;
      color: #af5026;
      font-size: 1.2em;
      font-family: "DinWebMedium", sans-serif; }
    .loyalty-user .donate-reward .button-primary {
      height: auto;
      line-height: 15.6px;
      padding: 4px 14px 4px 14px;
      font-size: 1.4em; }
  .loyalty-user .rewards-image-container {
    padding: 7px;
    margin: 18px 15px 18px 20px;
    background: #FFF;
    border: 1px solid #EEE;
    border-bottom-width: 2px;
    border-right-width: 2px;
    width: 100%; }
    .loyalty-user .rewards-image-container img {
      min-height: 270px; }
  .loyalty-user .rewards-right-border {
    height: 290px;
    width: 7px;
    background: #FFF;
    position: absolute;
    top: 19px;
    right: 0;
    border-right: 1px solid #EEE; }
  .loyalty-user .loyalty-eq-column {
    float: left;
    margin-right: 0;
    overflow: hidden;
    width: 48.5%; }
  .loyalty-user .reward-redeem {
    color: #A06F3E;
    text-transform: lowercase;
    margin-bottom: 1em !important; }
  .loyalty-user .item-desc {
    margin-bottom: 0.5em !important;
    padding-top: 1em; }
  .loyalty-user #panera-card-assigned {
    width: 47%;
    float: left;
    margin: 0 2em 0 0; }
    .loyalty-user #panera-card-assigned span, .loyalty-user #panera-card-assigned label {
      min-width: 100px; }
  .loyalty-user .block-links {
    font-size: 1.2em;
    width: 46%;
    float: left;
    margin: 0 0 1.5em 1em !important; }
    .loyalty-user .block-links li {
      margin: 0.5em 0 0 0 !important; }
  .loyalty-user .getstarted li {
    padding-top: 0.5em !important; }
    .loyalty-user .getstarted li span {
      margin-left: 48px;
      font-family: "DinWeb", sans-serif; }
    .loyalty-user .getstarted li span:first-child {
      float: left;
      margin-left: 3px; }
    .loyalty-user .getstarted li a {
      display: block;
      height: 100%;
      width: 100%;
      margin-left: 48px;
      margin-bottom: 2px !important;
      font-family: "DinWebBold", sans-serif; }
  .loyalty-user .tell-us, .loyalty-user .explore, .loyalty-user .take-us {
    background: url(clientLibs/images/loyalty/getstarted.png) no-repeat;
    height: 37px;
    width: 40px; }
  .loyalty-user .tell-us {
    background-position: left 0; }
  .loyalty-user .explore {
    background-position: left -36px;
    height: 35px; }
  .loyalty-user .take-us {
    background-position: left -72px; }
  .loyalty-user #loyalty-rewards-dashboard, .loyalty-user #loyalty-rewards {
    margin-left: -1%;
    width: 105.5%; }
  .loyalty-user .grid-row {
    clear: both; }
  .loyalty-user .rewards-grid {
    width: 48%;
    float: left;
    margin-bottom: 2%;
    margin-left: 3.5%; }
    .loyalty-user .rewards-grid a {
      font-size: 1.4em; }
    .loyalty-user .rewards-grid p a {
      font-size: 1em; }
    .loyalty-user .rewards-grid:first-child {
      margin-left: 0; }
    .loyalty-user .rewards-grid .share-reward {
      border-bottom: 1px solid #F0EDE5;
      padding-bottom: 5px;
      margin-top: 1em;
      font-family: "DinWebMedium", sans-serif; }
      .loyalty-user .rewards-grid .share-reward p {
        display: inline; }
    .loyalty-user .rewards-grid .panera-event {
      margin-bottom: 0; }
    .loyalty-user .rewards-grid .rewards-image-container {
      margin: 8px 0px 8px 8px;
      min-height: 132px;
      padding: 5px; }
      .loyalty-user .rewards-grid .rewards-image-container img {
        height: 138px;
        min-height: 0; }
    .loyalty-user .rewards-grid .dashboard-right-border {
      height: 88.5%;
      width: 5px;
      background: #FFF;
      position: absolute;
      top: 9px;
      right: 0;
      border-right: 1px solid #EEE; }
    .loyalty-user .rewards-grid .reward-tile {
      padding: 2.2em 0 0 0; }
      .loyalty-user .rewards-grid .reward-tile h2 {
        font-size: 2em; }
    .loyalty-user .rewards-grid .panera-event.community {
      border: none; }
    .loyalty-user .rewards-grid .rewards-content {
      display: inline-block; }
    .loyalty-user .rewards-grid .loyalty-eq-column {
      width: 50%; }
    .loyalty-user .rewards-grid .loyalty-eq-column.last {
      width: 43.5%;
      padding: 0 3%; }
      .loyalty-user .rewards-grid .loyalty-eq-column.last.donate {
        width: 46.5%;
        padding-right: 0; }
  .loyalty-user .past-rewards-link, .loyalty-user .past-challenges-link {
    float: right;
    clear: both;
    font-size: 1.3em;
    margin-top: 1.5em;
    cursor: pointer; }
  .loyalty-user .reward-info-div {
    display: none;
    position: relative;
    border-bottom: 1px solid #F0EDE5;
    padding-bottom: 1em; }
  .loyalty-user .reward-desc {
    padding: 20px 48px 0 20px;
    margin-bottom: 0 !important; }
  .loyalty-user .loyalty-events-grid img {
    width: 100%; }
  .loyalty-user .more-info-link {
    font-size: 1em; }
  .loyalty-user .share-msg {
    margin-left: -1%;
    position: relative;
    width: 102%; }
    .loyalty-user .share-msg .spl-msg-icon {
      display: inline-block;
      padding: 0 2em 0 4.5em;
      float: left; }
    .loyalty-user .share-msg .spl-msg {
      width: 82%;
      display: inline-block;
      padding: 0 3em 0 1em; }
    .loyalty-user .share-msg .reg {
      font-size: 0.8em;
      position: relative;
      top: -5px; }
  .loyalty-user .spl-message-disclaimer {
    font-size: 1.2em;
    clear: both;
    padding-top: 1em; }
  .loyalty-user .syr-promote {
    clear: both;
    border: 1px solid #E1DACA;
    background: #fff5dc url(clientLibs/images/loyalty/syr-text-bg.png) 0 0 repeat;
    background-size: contain;
    padding: 2em 1em 1em 1em;
    display: inline-block;
    margin-top: 1em; }
    .loyalty-user .syr-promote article {
      width: 87%;
      float: left; }
      .loyalty-user .syr-promote article h2 {
        margin-bottom: 0.2em !important; }
      .loyalty-user .syr-promote article a {
        font-size: 1.4em;
        text-decoration: underline;
        margin-bottom: 1em;
        display: inline-block; }
    .loyalty-user .syr-promote .syr-btext {
      font-size: 1em; }
    .loyalty-user .syr-promote .syr-twitter {
      float: right;
      width: 10%; }
      .loyalty-user .syr-promote .syr-twitter img {
        width: 75%; }
      .loyalty-user .syr-promote .syr-twitter a {
        margin-bottom: 15%;
        display: block; }
    .loyalty-user .syr-promote p {
      margin-bottom: 0.5em;
      color: #776354; }
  .loyalty-user .syr .overlay {
    background: #fff5dc url(clientLibs/images/loyalty/syr-text-bg.png) 0 0 repeat;
    background-size: contain; }
  .loyalty-user .syr-confirm {
    clear: both;
    display: inline-block; }
    .loyalty-user .syr-confirm article {
      width: 65%;
      clear: both;
      float: none;
      margin: 0 auto;
      text-align: center; }
      .loyalty-user .syr-confirm article a {
        margin-bottom: 1em; }
    .loyalty-user .syr-confirm .syr-btext {
      padding: 0 5%;
      font-size: 1em; }
    .loyalty-user .syr-confirm p {
      margin-bottom: 0.8em;
      color: #776354; }
  .loyalty-user #syr {
    margin-top: 1em; }
    .loyalty-user #syr a {
      float: left;
      height: auto;
      line-height: 16px;
      display: block !important;
      width: 37%;
      margin-left: 2%;
      font-size: 1.4em;
      text-align: center;
      padding: 0.7% 7%; }
    .loyalty-user #syr p {
      float: left;
      width: 47%;
      margin-bottom: 0;
      font-size: 1.2em;
      color: #d6670d;
      font-family: 'DINWebMedium',sans-serif;
      padding-top: 1%; }
  .loyalty-user .past-rewards-grid {
    clear: both; }
    .loyalty-user .past-rewards-grid h2 {
      margin: 0.5em 0 0.3em 0; }
    .loyalty-user .past-rewards-grid .loyalty-eq-column {
      width: 18%; }
      .loyalty-user .past-rewards-grid .loyalty-eq-column.last {
        width: 76%; }
      .loyalty-user .past-rewards-grid .loyalty-eq-column.reward-infn img {
        height: 114px; }
      .loyalty-user .past-rewards-grid .loyalty-eq-column .reward-tile {
        text-align: left;
        padding: 1em 0 0 2.5em; }
        .loyalty-user .past-rewards-grid .loyalty-eq-column .reward-tile h2 {
          font-size: 2.2em; }
        .loyalty-user .past-rewards-grid .loyalty-eq-column .reward-tile .item-desc {
          padding-top: 0; }
        .loyalty-user .past-rewards-grid .loyalty-eq-column .reward-tile .reward-accept {
          background: url(clientLibs/images/loyalty/correct-input.png) 0 0 no-repeat;
          text-indent: 23px;
          padding: 0.7em; }
        .loyalty-user .past-rewards-grid .loyalty-eq-column .reward-tile .reward-expired {
          background: url(clientLibs/images/loyalty/expired.jpg) 0 0 no-repeat;
          text-indent: 25px;
          color: #998D74;
          padding: 0.3em;
          min-height: 25px; }
    .loyalty-user .past-rewards-grid .past-rewards {
      display: inline-block;
      width: 100%;
      padding: 1.5em 0 2em 0;
      border-top: 1px solid #E4E0CD; }
    .loyalty-user .past-rewards-grid #loyalty-past-rewards .past-rewards:first-child {
      border-top: none; }
  .loyalty-user .grid-separator {
    clear: both; }
  .loyalty-user .no-rewards .events-grid:first-child, .loyalty-user .no-rewards-content .events-grid:first-child {
    margin-left: 0; }
  .loyalty-user .no-rewards .loyalty-panera-event.community, .loyalty-user .no-rewards-content .loyalty-panera-event.community {
    background-size: cover;
    text-align: center;
    padding: 3.5em 10em;
    width: 53%;
    margin: 0 auto; }
  .loyalty-user .mychallenges {
    padding: 2em 0;
    display: inline-block; }
    .loyalty-user .mychallenges .reward-tile {
      text-align: left;
      padding: 1em 0 0 2em; }
      .loyalty-user .mychallenges .reward-tile .item-name {
        margin-bottom: 0;
        line-height: 1.1em; }
      .loyalty-user .mychallenges .reward-tile .item-desc {
        padding: 0.5em 0 0.5em 0; }
    .loyalty-user .mychallenges.tab-content {
      width: 100%; }
    .loyalty-user .mychallenges .loyalty-eq-column {
      width: 49.5%; }
    .loyalty-user .mychallenges .loyalty-eq-column:first-child {
      width: 46.5%;
      padding-right: 2%; }
    .loyalty-user .mychallenges .ready {
      font-family: "DinWebMedium", sans-serif;
      margin-bottom: 0.5em; }
    .loyalty-user .mychallenges .challenges-steps {
      border-bottom: 1px solid #E4E0CD; }
      .loyalty-user .mychallenges .challenges-steps li {
        display: inline-block;
        width: 24.6%;
        list-style: none !important;
        padding: 0;
        position: relative;
        text-align: center; }
        .loyalty-user .mychallenges .challenges-steps li:first-child {
          margin-left: 0; }
        .loyalty-user .mychallenges .challenges-steps li a.active {
          background: #e4dfcc url(clientLibs/images/loyalty/challenge-active-top-bg.jpg) 0 0 no-repeat; }
        .loyalty-user .mychallenges .challenges-steps li .active-right {
          display: none;
          background: url(clientLibs/images/loyalty/challenge-active-top-right-bg.jpg) right 0 no-repeat;
          height: 5px;
          width: 5px;
          float: right; }
          .loyalty-user .mychallenges .challenges-steps li .active-right.active {
            display: block; }
        .loyalty-user .mychallenges .challenges-steps li .challenge-order {
          display: block;
          padding: 8%; }
        .loyalty-user .mychallenges .challenges-steps li .challenge-order img {
          width: 86%; }
        .loyalty-user .mychallenges .challenges-steps li .active-arrow {
          display: none;
          background: url(clientLibs/images/loyalty/challenge-active-bot-arrow-bg.jpg) 50% 100% no-repeat;
          padding: 10px;
          position: absolute;
          bottom: -8px;
          text-align: center;
          width: 87%; }
          .loyalty-user .mychallenges .challenges-steps li .active-arrow.active {
            display: block; }
  .loyalty-user .total-rewards {
    font-family: "DinWebBold", sans-serif; }
  .loyalty-user .past-challenges {
    clear: both;
    padding: 2em 0 0.5em 0;
    display: none;
    border-top: 1px solid #E4E0CD; }
    .loyalty-user .past-challenges .past-challenge {
      display: inline-block;
      padding: 1% 0 0 0;
      list-style: none;
      width: 24.6%; }
    .loyalty-user .past-challenges .past-challenge.activity-completed {
      position: relative; }
    .loyalty-user .past-challenges .past-challenge img {
      opacity: 1;
      filter: grayscale(100%);
      /* Current draft standard */
      -webkit-filter: grayscale(100%);
      /* New WebKit */
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: gray;
      /* IE6+ */ }
    .loyalty-user .past-challenges .past-challenge.activity-completed span.completed {
      background: url(clientLibs/images/loyalty/correct-input.png) right no-repeat;
      width: 24px;
      height: 24px;
      position: absolute;
      left: 85px;
      top: 19px;
      z-index: 100; }
  .loyalty-user .spl-message {
    padding: 1.5em;
    margin-top: 0em !important;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    margin: 2.5em 0; }
    .loyalty-user .spl-message .spl-msg-icon {
      display: inline-block;
      padding: 0 2em;
      float: left; }
      .loyalty-user .spl-message .spl-msg-icon img {
        vertical-align: bottom; }
    .loyalty-user .spl-message .spl-msg {
      display: inline-block;
      padding: 0 3em 0 1em;
      width: 65%; }
      .loyalty-user .spl-message .spl-msg p {
        margin-bottom: 0.3em; }
    .loyalty-user .spl-message .spl-message-close {
      background: url(clientLibs/css/images/global_icon_close.png) no-repeat scroll 0 0 transparent;
      display: block;
      height: 12px;
      position: absolute;
      right: 1em;
      top: 1em;
      width: 12px; }
  .loyalty-user .popup-message {
    padding: 1.5em;
    position: absolute !important;
    right: -45%;
    width: 31%;
    background: #fff;
    margin-top: 1em !important;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
    .loyalty-user .popup-message .popup-arrow {
      background: url(clientLibs/images/loyalty/alert-arrow.jpg) no-repeat;
      height: 22px;
      width: 13px;
      background-size: contain;
      position: absolute;
      left: -13px;
      z-index: 12;
      top: 33px; }
    .loyalty-user .popup-message .popup-msg {
      display: inline-block;
      padding: 0 3em 0 0.5em;
      width: 90%; }
      .loyalty-user .popup-message .popup-msg p {
        margin-bottom: 0.3em; }
      .loyalty-user .popup-message .popup-msg span:first-child {
        float: left; }
    .loyalty-user .popup-message .popup-close {
      background: url(clientLibs/css/images/global_icon_close.png) no-repeat scroll 0 0 transparent;
      display: block;
      height: 12px;
      position: absolute;
      right: 1em;
      top: 1em;
      width: 12px; }
  .loyalty-user .progress-bar, .loyalty-user .prog-mid, .loyalty-user .prog-left, .loyalty-user .prog-right {
    background: url("clientLibs/images/loyalty/progress.png") no-repeat; }
  .loyalty-user .progress-bar {
    background-position: -0px -0px;
    width: 70px;
    height: 18px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px; }
  .loyalty-user .prog-mid {
    background-position: -0px -18px;
    width: 54px;
    height: 10px;
    float: left;
    margin: 0.4em 0 0 0; }
  .loyalty-user .prog-left {
    background-position: -50px -18px;
    width: 12px;
    height: 10px;
    float: left;
    margin: 0.4em 0 0 0.4em; }
  .loyalty-user .prog-right {
    background-position: -0px -28px;
    width: 12px;
    height: 10px;
    float: left;
    margin: 0.4em 0 0 0; }
  .loyalty-user .prog-right-partial {
    display: none; }
  .loyalty-user .stage1 .prog-mid {
    width: 0%; }
  .loyalty-user .stage2 .prog-mid {
    width: 20%; }
  .loyalty-user .stage3 .prog-mid {
    width: 60%; }
  .loyalty-user .stage0 span {
    display: none; }
  .loyalty-user .stage3 .prog-right, .loyalty-user .stage-final .prog-right {
    background: url(clientLibs/images/loyalty/correct-input.png) right 0 no-repeat;
    display: block;
    height: 25px;
    width: 24px;
    position: absolute;
    bottom: 10px;
    right: 33px; }
  .loyalty-user .stage-partial-final .prog-mid {
    width: 60%; }
  .loyalty-user .stage-partial-final .prog-right-partial {
    background: url(clientLibs/images/loyalty/correct-input.png) right 0 no-repeat;
    display: block;
    height: 25px;
    width: 24px;
    position: absolute;
    bottom: 10px;
    right: 33px; }
  .loyalty-user .challenge .steps {
    background: none; }
  .loyalty-user .challenge h1 {
    width: 75%;
    display: inline-block; }
  .loyalty-user .challenge a.learn-more {
    display: block;
    float: right;
    margin-top: 1em; }
  .loyalty-user .started .activity0, .loyalty-user .not-started .steps, .loyalty-user .not-started .steps-info {
    display: none;
    clear: both; }
  .loyalty-user .not-started .prog-mid span {
    display: none; }
  .loyalty-user .tabs li {
    list-style: none; }
  .loyalty-user .completed, .loyalty-user .activity-completed {
    /*.imgholder {background: url(clientLibs/images/loyalty/correct-input.png) right 0 no-repeat; display: block; padding: 5px;}*/ }
    .loyalty-user .completed .correct, .loyalty-user .activity-completed .correct {
      visibility: visible; }
    .loyalty-user .completed img, .loyalty-user .activity-completed img {
      opacity: 1; }
    .loyalty-user .completed p, .loyalty-user .activity-completed p {
      color: #667634;
      font-family: "DinWebMedium", sans-serif; }
  .loyalty-user .correct {
    visibility: hidden;
    background: url(clientLibs/images/loyalty/correct-input.png) right 0 no-repeat;
    display: block;
    padding: 13px;
    position: relative;
    top: 26px;
    right: -6px;
    z-index: 1; }

/* welcome & about page */
.loyalty-text-banner {
  background: #241409 url(clientLibs/css/images/loyalty-users-text-banner-bg-desktop.png) top center repeat-x;
  background-size: cover;
  padding: 15px 0 1px 3px;
  height: auto; }
  .loyalty-text-banner header.heading h2, .loyalty-text-banner header.heading h1 {
    color: #FFF;
    font-size: 2.3em; }
    .loyalty-text-banner header.heading h2 em, .loyalty-text-banner header.heading h1 em {
      font-family: fugu, cursive;
      font-size: 1.15em;
      font-style: normal;
      line-height: 0; }
  .loyalty-text-banner header.heading h3 {
    color: #FFF;
    margin: 0;
    position: relative;
    top: 0.8em;
    font-style: normal;
    left: 1em; }
    .loyalty-text-banner header.heading h3 em {
      font-family: fugu, cursive;
      font-size: 1em;
      font-style: normal;
      line-height: 0; }
  .loyalty-text-banner.with-details {
    min-height: 130px; }

.loyalty-prelogin .two-eq-column p {
  padding-right: 10%; }
  .loyalty-prelogin .two-eq-column p a {
    font-size: 1.1em; }

.take-care li {
  padding-top: 0.5em !important; }
  .take-care li span {
    margin-left: 48px;
    font-family: "DinWeb", sans-serif; }
  .take-care li span:first-child {
    float: left;
    margin-left: 3px; }
  .take-care li a {
    display: block;
    height: 100%;
    width: 100%;
    margin-left: 48px;
    margin-bottom: 2px !important;
    font-family: "DinWebBold", sans-serif; }

.my-panera-take-care {
  width: 97.33% !important; }
  .my-panera-take-care ul {
    width: 100% !important; }
    .my-panera-take-care ul li {
      padding-top: 0.5em !important; }
      .my-panera-take-care ul li span {
        margin-left: 48px;
        line-height: 1.2em;
        font-family: "DinWeb", sans-serif;
        font-size: 0.9em;
        display: block; }
      .my-panera-take-care ul li span:first-child {
        float: left;
        margin-left: 0; }
      .my-panera-take-care ul li a {
        display: block;
        height: 100%;
        width: 100%;
        margin-left: 48px;
        font: normal normal normal 1em/1 'DinWebBold', serif !important; }

.tc-rewards, .tc-challenge, .tc-more-panera {
  background: url(clientLibs/images/loyalty/take-care.png) no-repeat;
  height: 40px;
  width: 40px; }

.tc-rewards {
  background-position: left 0; }

.tc-challenge {
  background-position: left -46px; }

.tc-more-panera {
  background-position: left -92px; }

#loyalty-welcome {
  /*.events-grid{margin-bottom: 1em;}*/ }
  #loyalty-welcome .reward-tile {
    margin-top: 10px; }

#welcome-page-showprint {
  margin: 2em 0 3em 0; }

#welcome-user-print {
  font: normal normal normal 2em/0.85 "Sina-Regular", serif;
  background: url(clientLibs/css/images/web_icons/icon-medium-card-print.gif) no-repeat left center scroll transparent;
  padding-left: 1.7em; }

.my-dashboard {
  font-size: 1.4em;
  float: left;
  line-height: 1.6em !important; }
  .my-dashboard .cta {
    display: inline-block !important; }

.join-now {
  font-size: 1.6em;
  padding: 0 50px;
  line-height: 1.4em !important; }
  .join-now .cta {
    display: inline-block !important; }

.earn-rewards {
  font-size: 1.2em;
  width: 110%; }
  .earn-rewards .join-now {
    font-size: 1.3em; }

.special-rail {
  margin-bottom: 3.5em; }

#page-meet-my-panera .special-rail {
  margin-bottom: 0;
  padding-bottom: 2em; }

.how-it-works {
  width: 100%; }
  .how-it-works li.last {
    font-family: "DinWebBold", sans-serif; }
    .how-it-works li.last a {
      display: inline !important;
      font-family: "DinWebBold", sans-serif; }
  .how-it-works .more-questions {
    padding-top: 2.5em; }
  .how-it-works img {
    max-width: 100%; }

.video-container {
  padding: 0;
  min-height: 362px; }

.steps {
  width: 26.5%;
  float: left;
  margin: 0 0 0 3%;
  background: url(clientLibs/images/loyalty/process-steps-arrow.png) left 18% no-repeat;
  padding-left: 5%; }
  .steps h3 {
    font-family: "DinWebMedium", sans-serif; }
  .steps:first-child {
    background: none;
    padding-left: 0;
    margin-left: 0; }

.imgholder {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 3em; }

.how-it-works-steps {
  display: inline-block;
  margin-top: 2em; }

.nutshell-grid, .mychallenges-grid {
  display: inline-block; }
  .nutshell-grid h1, .mychallenges-grid h1 {
    margin: 0.5em 0 0.2em 0; }

.challenge .nutshell-grid {
  width: 100%; }

.not-started .nutshell-grid {
  display: block; }

.earn-rewards-last {
  float: right;
  margin: 1.5em 0; }

.welcome-right-rail {
  width: 24% !important; }

.page-lazy-loader .teaser {
  background: none !important;
  padding: 0 !important; }

.past-rewards-link {
  display: none; }

.pb-u-pr .past-rewards-link, .pb-u-pr .recent-rewards-link {
  display: block; }

.challenge-steps .imgholder {
  width: auto !important; }
.challenge-steps img {
  width: auto !important; }
.challenge-steps .steps {
  /*padding-right: 2em;*/ }
.challenge-steps .activity-img {
  display: inline-block; }
.challenge-steps .correct {
  display: none !important; }
.challenge-steps .activity-completed .activity-img {
  background: url(clientLibs/images/loyalty/correct-input.png) right 0 no-repeat;
  padding-right: 26px; }

#mypanera_nutshell h1 {
  margin-bottom: 0.1em; }

.user-guest #mychallenges, .user-guest #loyalty-rewards-dashboard {
  visibility: hidden; }

@media only screen and (min-width: 720px) and (max-width: 900px) {
  #meet-my-panera-yt-video-player {
    width: 480px; } }
@media only screen and (max-device-width: 768px) {
  /*ipad portrait*/
  .resp-body-ipad .challenge-steps img {
    width: 100% !important; } }
@media only screen and (max-width: 767px) {
  .challenge-steps .imgholder {
    display: inline-block !important;
    width: 100% !important; }
  .challenge-steps img {
    width: 100% !important; }
  .challenge-steps .steps {
    padding-right: 0; }
    .challenge-steps .steps .steps-desc {
      width: 70% !important;
      max-width: none !important; }
  .challenge-steps .activity-completed .activity-img {
    background: none;
    padding-right: 0; }
  .challenge-steps .activity-completed .correct {
    display: block !important;
    background-size: 25% !important;
    background-position: center right; } }
/* Banner Video */
#video_banner_wrap {
  left: 0;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  z-index: 2;
  height: 307px; }

#video_banner_wrap .vjs-control-bar {
  display: none; }

#video_banner_wrap .video-js {
  width: 100% !important;
  height: 100% !important; }

.lt-ie9 #video_banner_wrap {
  text-align: center;
  height: 404px;
  width: 100% !important;
  overflow: hidden; }

.lt-ie10 #video_banner_wrap .video-js, .lt-ie9 #video_banner_wrap .video-js {
  height: 100% !important; }

#video_banner_wrap #example_video_1_html5_api {
  width: 100%; }

#zbig-video-wrap ~ section {
  z-index: 3;
  background: transparent !important;
  position: relative;
  top: 114px; }

.video-banner {
  position: relative;
  display: none; }

.video-banner .replay {
  position: absolute;
  bottom: 5%;
  right: 16%; }

.video-banner .replay a#big-video-replay {
  display: inline-block;
  background: url(clientLibs/images/icons/replay.png) left center no-repeat;
  padding: 9px 7px 7px 20px;
  font-size: 13px; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #video_banner_wrap {
    width: 100%;
    height: 307px;
    top: 0; }

  #video_banner_wrap .video-js video {
    height: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #video_banner_wrap {
    top: 10%; } }
/* Homepage banner Video */
.home-page .big-video-wrap {
  left: 0;
  z-index: -1;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  height: 700px !important; }

.home-page .vjs-control-bar {
  display: none; }

.home-page video {
  position: relative;
  width: 100%; }

.home-page .replay {
  position: absolute;
  top: 5%;
  right: 16%; }

.home-page .replay a#big-video-replay {
  color: #fff; }

.big-video-wrap .video-js {
  width: 100% !important;
  height: 100% !important; }

.lt-ie9 .big-video-wrap {
  text-align: center;
  height: 700px;
  width: 100% !important;
  overflow: hidden; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .home-page .big-video-wrap {
    width: 100%;
    height: 100%;
    top: 0; }

  .home-page video {
    height: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .home-page .big-video-wrap {
    top: 10%; } }
.banner.campaign {
  height: 301px;
  position: relative; }

.banner.campaign div.info {
  position: absolute;
  width: 60%;
  left: 20%;
  top: 25%;
  text-align: center; }
  .banner.campaign div.info.left {
    text-align: left;
    width: 50%;
    left: 5%; }
  .banner.campaign div.info.right {
    text-align: left;
    width: 50%;
    right: 0px;
    left: inherit !important; }
  .banner.campaign div.info.center {
    text-align: center;
    width: 80%;
    left: 10% !important; }

.banner.campaign div.info h2 {
  font-family: 'Sina-Regular', serif !important; }

.banner.campaign div.info p {
  width: 100%;
  font-family: 'DINWebMedium' serif !important; }

.banner.campaign div.badge {
  display: none;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 8em; }
  .banner.campaign div.badge.show-badge {
    display: block; }
  .banner.campaign div.badge img {
    width: 100%; }

.banner.campaign div.badge .init, .banner.campaign div.badge .completed {
  display: none; }

.banner.campaign div.badge.init .init {
  display: block; }

.banner.campaign div.badge.completed .completed {
  display: block; }
.banner.campaign div.badge.completed img {
  opacity: 1; }

.campaign-default .main-content {
  padding-bottom: 2em; }
.campaign-default .banner {
  background-size: cover; }
  .campaign-default .banner h1 {
    width: 30%;
    font-size: 2.2em;
    font-family: DINWebBold;
    margin-bottom: 0;
    line-height: 1em; }
    .campaign-default .banner h1 span {
      display: block;
      border: 4px solid #FFF;
      text-align: center;
      text-transform: uppercase;
      padding: 0.3em 0 0.1em 0; }
    .campaign-default .banner h1 span:first-child {
      border: 0;
      font-size: 0.8em; }
  .campaign-default .banner p {
    margin-bottom: 10px;
    line-height: 1.5em;
    width: 56%; }
  .campaign-default .banner .standard {
    padding-top: 3em; }
.campaign-default .info-signup {
  font-size: 1.3em;
  margin-top: 0.7em; }
  .campaign-default .info-signup a {
    color: #f5d39e; }
.campaign-default .arrow-left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #FFF;
  margin-right: 10px; }
.campaign-default .grid-column.tvspot i, .campaign-default .grid-column.tvspot:hover i, .campaign-default .grid-column.tvspot .hover i {
  background: url("clientLibs/css/images/grid/play-new.png") no-repeat;
  left: 50%;
  top: 60%;
  position: absolute;
  height: 46px;
  width: 38px;
  display: block; }
.campaign-default .grid-column .item-detail {
  display: none; }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .campaign-default .grid-column.tvspot i, .campaign-default .grid-column.tvspot:hover i, .campaign-default .grid-column.tvspot .hover i {
    background: url("clientLibs/css/images/grid/play-new.png") no-repeat;
    background-size: 65%;
    left: 50%;
    top: 65%;
    position: absolute;
    height: 46px;
    width: 36px;
    display: block; }
  .campaign-default .grid-column.video-watched .checkmark {
    width: 30px; }
  .campaign-default .grid-column .grid-item-content.over-tile h2 {
    font-size: 1.8em; }
  .campaign-default .banner h1 {
    font-size: 1.8em;
    width: 35%; }
  .campaign-default .banner p {
    width: 62%;
    font-size: 1.3em; } }

.disclaimer {
  display: block;
  font-size: 0.75em;
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 767px) {
  .banner-separator {
    background: none;
    margin-bottom: 0; }

  .video-modal #overlay-response {
    padding: 1em; }

  .campaign-default #page-header {
    display: none; }

  #content-outer-wrapper {
    padding-top: 0 !important; }

  .banner.tile {
    height: 224px; }

  .campaign-default section.banner.tall {
    min-height: 161px !important; }
  .campaign-default section.banner .standard, .campaign-default section.banner .indented {
    display: block !important;
    padding: 5%;
    min-width: 0;
    padding-top: 3em; }
  .campaign-default section.banner h1 {
    width: 54%;
    font-size: 1.4em;
    margin-bottom: 1em; }
    .campaign-default section.banner h1 span {
      border: 3px solid #FFF; }

  .banner .guest-user-only .button-primary {
    display: inline-block !important;
    line-height: 22px; }

  .promo-section .promo-desc a.button-primary .cta {
    height: 9px; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .video-modal .overlay {
    width: 90%;
    min-width: 0; }

  .campaign-default section.banner h1 {
    width: 50%;
    font-size: 2em; }
  .campaign-default .banner .guest-user-only .button-primary {
    line-height: 22px !important; } }
@media only screen and (max-width: 480px) {
  .banner.campaign div.info h2 {
    font-size: 1.5em; }

  .campaign-modal-messaging h3 {
    font-size: 1.2em; }
  .campaign-modal-messaging p.img-holder img {
    width: 50px; }
  .campaign-modal-messaging .button-primary {
    height: auto !important;
    padding: 0.25em 0.5em !important; }
  .campaign-modal-messaging #overlay-wrapper.overlay {
    min-width: 0;
    max-width: 80%; } }
.grid-row {
  padding-top: 1%;
  clear: both;
  overflow: hidden; }
  .grid-row article {
    float: left;
    margin-bottom: 0.1%;
    position: relative; }
  .grid-row .two-column img {
    width: 100%; }

.grid-row:first-child {
  padding-top: 0; }

.grid-column {
  float: left;
  width: 32.664%;
  margin-right: 1%; }
  .grid-column.video-watched .checkmark {
    background: url(clientLibs/css/images/grid/check-mark.png) no-repeat;
    background-size: 80%;
    height: 30px;
    width: 40px;
    display: block !important;
    position: absolute;
    right: 1%;
    top: 3%; }
  .grid-column .item-detail {
    position: relative; }
  .grid-column .grid-item-image {
    position: relative; }
  .grid-column.last {
    margin-right: 0; }
  .grid-column i {
    display: none; }
  .grid-column.device-mobile.tvspot {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out; }
    .grid-column.device-mobile.tvspot i {
      display: block;
      position: absolute;
      left: 40%;
      top: 30%;
      height: 46px;
      width: 46px;
      background-image: url(clientLibs/css/images/grid/play.png);
      background-repeat: no-repeat;
      background-size: 100%;
      cursor: pointer; }
    .grid-column.device-mobile.tvspot:hover, .grid-column.device-mobile.tvspot .hover {
      opacity: 1;
      filter: alpha(opacity=100); }
      .grid-column.device-mobile.tvspot:hover i, .grid-column.device-mobile.tvspot .hover i {
        background-image: url(clientLibs/css/images/grid/play-hover.png); }
  .grid-column .grid-item-image img {
    width: 100%; }
  .grid-column .grid-item-content {
    padding: 1em 0 0 1em; }
    .grid-column .grid-item-content.over-tile {
      position: absolute;
      width: 70%;
      top: 30%;
      left: 13%;
      text-align: center; }
      .grid-column .grid-item-content.over-tile h2 {
        color: #FFF;
        font-size: 2.2em;
        font-family: DINWebBold;
        margin-bottom: 0;
        line-height: 1em; }
        .grid-column .grid-item-content.over-tile h2 span {
          display: block;
          text-align: center;
          text-transform: uppercase;
          padding: 0.2em 0 0 0;
          border: 0; }
        .grid-column .grid-item-content.over-tile h2 span:first-child {
          font-size: 0.8em; }
  .grid-column .grid-item-content h2 {
    margin-bottom: 0.636em;
    color: #af5026;
    font-family: 'Sina-Regular', serif;
    line-height: 1; }
  .grid-column a .grid-item-content p {
    color: #4c3327;
    font-family: 'DINWeb',sans-serif; }
  .grid-column .grid-item-image.not-loaded {
    height: 150px;
    overflow: hidden; }
  .grid-column a.opened {
    cursor: default; }

.item-detail.video-full > div.item-visuals {
  float: none;
  width: 100%;
  padding-right: 0;
  margin-right: 0; }
.item-detail.video-right > div.item-visuals {
  padding-right: 0;
  padding-left: 2%;
  margin-right: 0;
  margin-left: 2.1%;
  float: right; }
.item-detail.video-right .item-content {
  padding-left: 3%; }
.item-detail > div.item-visuals {
  margin-top: 1.5em; }

@media only screen and (min-width: 768px) {
  .grid-row.gap-narrow {
    padding: 0 0 0.5% 0; }
    .grid-row.gap-narrow .grid-column {
      width: 33% !important;
      margin-right: 0.5% !important; }
      .grid-row.gap-narrow .grid-column.last {
        margin-right: 0 !important; }
      .grid-row.gap-narrow .grid-column .grid-item-image img {
        width: 100%; }
  .grid-row.gap-wide {
    padding: 0 0 2% 0; }
    .grid-row.gap-wide .grid-column {
      width: 32%;
      margin-right: 2%; }
      .grid-row.gap-wide .grid-column.last {
        margin-right: 0; }
      .grid-row.gap-wide .grid-column .grid-item-image img {
        width: 100%; }
  .grid-row.gap-none {
    padding: 0 !important; }
    .grid-row.gap-none .grid-column {
      width: 33.33% !important;
      margin-right: 0 !important;
      margin-bottom: 0 !important; }
      .grid-row.gap-none .grid-column .grid-item-image img {
        width: 100%; }
    .grid-row.gap-none .item-detail.opened .item-visuals {
      margin-bottom: 1.5em !important; } }
.img-placeholder {
  min-height: 100px; }

.grid-no-records {
  padding: 1.45em 0.95em 0 0.95em; }

.recipe-header .grid-sort {
  display: block !important; }
  .recipe-header .grid-sort > span {
    float: none; }
  .recipe-header .grid-sort .custom-dropdown .custom-dropdown-title {
    color: #af5026;
    background: none; }
    .recipe-header .grid-sort .custom-dropdown .custom-dropdown-title:hover {
      color: #4c3327; }
  .recipe-header .grid-sort .custom-dropdown li:first-child {
    padding-top: 0.25em; }
  .recipe-header .grid-sort .custom-dropdown .sorted-option {
    color: #4c3327; }
  .recipe-header .grid-sort .sort-label {
    font-size: 0.75em; }

/* Recipe Filter */
div#grid-filter {
  float: none;
  clear: both; }

#dynamicTabContent {
  clear: both; }

div.filter-container {
  z-index: 999;
  padding: 1em 0.95em 1em 0.95em;
  position: relative;
  background-color: #f2ecdd; }
  div.filter-container h4 {
    margin: 0px;
    font-size: 1.4em;
    font-family: 'DinWebMedium';
    border-top: 1px solid #dfdbd1;
    padding-top: 20px; }
    div.filter-container h4.first {
      border-top: 0;
      padding-top: 0;
      margin-top: 0; }

.grid-filter-checkbox-list {
  margin: 0px;
  font-size: 14px;
  font-family: 'DinWebRegular'; }
  .grid-filter-checkbox-list li {
    display: inline-block;
    width: 160px;
    padding: 8px 0px; }

/* Custom Grid Landing */
.grid-row article.two-column.item-promo .item-name, .grid-row article.two-column.item-promo promo-item-name {
  background: none;
  color: #4c3327;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  font: normal normal normal 3em/1 'Sina-Regular', serif; }
.grid-row article.two-column.item-promo .item-name {
  margin-bottom: 19px;
  padding: 0;
  position: relative; }
.grid-row article.two-column.item-promo .item-info .item-name {
  font-size: 2.75em;
  margin-bottom: 0.4em;
  min-height: 0; }
.grid-row article.two-column.item-promo .item-info .item-desc {
  color: #4c3327;
  font: normal normal normal 1.4em/1 "DinWebRegular", serif;
  margin-bottom: 1.5em;
  padding-top: 0; }
.grid-row article.item-promo .label-primary {
  font-size: 1.8em;
  height: 32px;
  line-height: 32px;
  padding: 0 15px; }
.grid-row article.item-promo .item-info {
  left: 0;
  padding: 5%;
  position: absolute;
  top: 0;
  width: 40%; }
.grid-row article.item-promo.with-new-star .item-info {
  top: 23%; }
.grid-row .video-wrapper {
  width: 100%;
  min-height: 100px;
  margin: 0 1em; }
.grid-row .video-full .video-wrapper {
  height: 480px; }
.grid-row .item-detail > .item-visuals {
  width: 66.328%;
  padding-right: 2%; }
.grid-row .recipe-header .grid-sort .mobile-content {
  display: inline !important; }

/* Grid for ipad */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .grid-column .grid-item-image img {
    width: 100%; } }
/* Grid for mobile */
@media only screen and (max-width: 767px) {
  .grid-column {
    float: none;
    clear: both;
    width: 100%;
    margin-right: 0;
    padding-bottom: 1em; }
    .grid-column .grid-item-image {
      float: none;
      width: 100%;
      display: block; }
    .grid-column.device-mobile.tvspot i {
      width: 30px;
      height: 30px; }
    .grid-column .grid-item-content {
      float: none;
      width: 90%;
      padding: 10px 5% 5px 0px !important;
      display: block;
      min-height: 0; }
      .grid-column .grid-item-content h2 {
        font-size: 2em;
        line-height: 1em; }
      .grid-column .grid-item-content p {
        font-size: 1.4em;
        line-height: 1em; }
    .grid-column.tvspot i, .grid-column.tvspot:hover i, .grid-column.tvspot .hover i {
      top: 40% !important;
      left: 45% !important; }
    .grid-column .item-detail {
      background: #fff; }
      .grid-column .item-detail .container {
        padding: 0 5%; }
      .grid-column .item-detail > div.item-visuals {
        min-height: 0; }
    .grid-column .video-wrapper {
      margin: 0;
      height: auto !important; }
    .grid-column .item-content {
      padding: 5% 0 !important; }
      .grid-column .item-content h2 {
        font-size: 2em; }
    .grid-column.video-watched .checkmark {
      background-size: 50%; }

  .grid-row .item-detail > .item-visuals {
    width: 100%; }

  .main-content.no-padding .grid-column .grid-item-content {
    width: 100%;
    padding-left: 5% !important; }
  .main-content.no-padding .grid-column .item-content {
    padding: 5%; } }
.dialog_modal_page {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
  width: 100%;
  height: 100%;
  z-index: 10001;
  margin: 0 auto;
  text-align: center; }

.dialog_modal_box {
  top: 20%;
  width: 425px;
  position: relative;
  z-index: 10002;
  box-shadow: 0px 2px 7px #292929;
  -moz-box-shadow: 0px 2px 7px #292929;
  -webkit-box-shadow: 0px 2px 7px #292929;
  background: #fff;
  overflow: hidden;
  margin: 0 auto; }

.dialog_modal_inner_box {
  padding: 5%;
  padding-top: 50px;
  font-family: "PaneraSansWebRegular", serif; }

.dialog_modal_close {
  background-image: url("clientLibs/images/y2p/button-close.png") !important;
  position: absolute;
  top: 0px;
  right: 6px;
  display: block;
  height: 40px;
  width: 40px; }

.dialog_modal_left {
  width: 150px;
  text-align: center; }

.dialog_modal_right {
  width: 280px;
  float: left;
  text-align: left;
  padding: 20px 0 0 20px;
  font-family: "PaneraSansWebRegular", serif; }
  .dialog_modal_right h2 {
    font-size: 3em;
    color: #bf5d02;
    font-family: "PaneraSansWebRegular", serif;
    margin: 0px; }
  .dialog_modal_right p {
    font-size: 2em;
    color: #4c1a05;
    margin: 0px; }
    .dialog_modal_right p span {
      color: #bf5d02; }
    .dialog_modal_right p.subtitle {
      margin: 10px 0 20px 0; }

.dialog_modal_inner_box p.signin {
  width: 100%;
  font-size: 1.2em;
  padding: 10px 0 0 0;
  display: none; }
  .dialog_modal_inner_box p.signin a {
    padding: 0 10px 0 0;
    text-decoration: underline; }

#congrats-modal-r {
  float: left;
  text-align: left;
  width: 58%;
  padding-left: 4%; }

#congrats-modal-l img {
  max-width: 100%; }

#congrats-modal-r p.subtitle {
  font-size: 1.4em;
  color: #4C1A05;
  font-family: "PaneraSansWebRegular", serif;
  width: 100%; }
#congrats-modal-r p.signin {
  padding: 0;
  margin-bottom: 0; }
  #congrats-modal-r p.signin a {
    padding: 0;
    text-decoration: none;
    font-family: 'Sina-Medium', serif !important;
    color: #EA4D00;
    font-size: 1.3em; }

.dialog_modal_close {
  background-image: url("clientLibs/css/images/y2p/button-close.png") !important;
  position: absolute;
  top: 0px;
  right: 6px;
  display: block;
  height: 40px;
  width: 40px; }

body.campaign-default #congrats-modal-r p {
  font-size: 1.65em;
  color: #321d0e;
  font-family: "PaneraSansWebRegular", serif;
  width: 100%;
  line-height: 1.2em; }
  body.campaign-default #congrats-modal-r p a {
    font-family: "PaneraSansWebRegular", serif; }
body.campaign-default .completed-guest #congrats-modal-r h2, body.campaign-default .completed-guest #congrats-modal-r h2 p {
  font-size: 2.6em;
  text-transform: none;
  margin: 0px;
  line-height: 27px; }
body.campaign-default .completed-guest #congrats-modal-r h2 p {
  font-size: 1.05em !important;
  line-height: 31px;
  text-transform: none; }
body.campaign-default #congrats-modal-r h2 {
  font-size: 3em;
  color: #6EA14D;
  font-family: "PaneraSansWebRegular", sans-serif;
  color: #321d0e;
  text-align: center;
  text-transform: uppercase;
  margin: 4.3% 0 4% 0; }
body.campaign-default .completed-partial #congrats-modal-r h2, body.campaign-default .completed-guest-tracked #congrats-modal-r h2, body.campaign-default .completed-full #congrats-modal-r h2 {
  text-align: left; }
body.campaign-default .dialog_modal_box {
  width: 620px; }
body.campaign-default .dialog_modal_inner_box {
  padding: 61px 40px 27px 40px; }
body.campaign-default #congrats-modal-l {
  float: left;
  width: 38%;
  background: url("clientLibs/campaign/images/modal-badge-shadow.jpg") no-repeat left bottom !important;
  padding-bottom: 0; }
body.campaign-default .completed-guest #congrats-modal-r {
  width: 494px; }
body.campaign-default #congrats-modal {
  overflow: hidden;
  padding-bottom: 0; }
body.campaign-default .completed-guest .button-primary {
  font-size: 1.1em;
  height: 28px;
  line-height: 28.6px;
  padding: 0 30px 0 30px;
  font-family: "PaneraSansWebCondensed", sans-serif !important; }
body.campaign-default .completed-guest .sign-in {
  text-align: center;
  padding: 6% 0px 0px 0px; }
body.campaign-default .completed-guest .not-member {
  text-align: center;
  margin-bottom: 1em;
  font-size: 0.9em; }
body.campaign-default .completed-guest .not-member a {
  font-size: 0.9em; }
body.campaign-default .completed-full .button-primary {
  font-size: 1.1em;
  height: 28px;
  line-height: 28.6px;
  padding: 0 30px 0 30px;
  font-family: "PaneraSansWebCondensed", sans-serif !important; }
body.campaign-default .completed-full p.order-button {
  padding: 10px 0px 0px 0px; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.campaign-default .completed-guest #congrats-modal-r h2 {
    font-size: 2.6em;
    line-height: 27px; }
  body.campaign-default .completed-guest .sign-in {
    text-align: center;
    padding: 6% 0px 0px 0px; } }
/* Mobile dialog model */
@media only screen and (max-width: 767px) {
  body.campaign-default .dialog_modal_close {
    height: 26px;
    width: 27px;
    background-size: cover; }
  body.campaign-default #congrats-modal-l {
    width: 34%; }
  body.campaign-default #congrats-modal-r {
    padding-left: 8%; }
    body.campaign-default #congrats-modal-r h2 {
      font-size: 1.7em;
      text-transform: uppercase; }
    body.campaign-default #congrats-modal-r p {
      font-size: 1.2em !important;
      width: 100%;
      float: left;
      margin-bottom: 0.5em;
      font-family: "PaneraSansWebRegular", serif !important; }
    body.campaign-default #congrats-modal-r p.sign-in {
      margin-bottom: 0; }
  body.campaign-default .dialog_modal_inner_box {
    padding: 10% 6% 5% 6%; }
  body.campaign-default .completed-full p.order-button {
    padding: 0; }
    body.campaign-default .completed-full p.order-button a.button-primary {
      min-width: 65% !important;
      margin: 0 !important; }
  body.campaign-default .completed-guest #congrats-modal-r {
    width: 100%;
    padding-left: 0; }
    body.campaign-default .completed-guest #congrats-modal-r h2 {
      font-size: 1.8em; }
  body.campaign-default .completed-guest .clearfix {
    display: inline-block; }
  body.campaign-default .dialog_modal_box {
    top: 20%;
    width: 95%; }
    body.campaign-default .dialog_modal_box a.button-primary {
      font-size: 1.1em !important;
      height: 28px !important;
      line-height: 28.6px !important;
      font-family: "PaneraSansWebCondensed", sans-serif !important;
      margin-top: 0 !important;
      width: 30% !important;
      min-width: 35% !important; }
    body.campaign-default .dialog_modal_box .button-primary span.cta {
      display: inline-block !important;
      vertical-align: middle;
      margin-bottom: 5%; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
  body.campaign-default .dialog_modal_box {
    width: 75%; } }
body.mobile-recipe-page {
  min-width: 0;
  font-family: 'DINWebMedium',sans-serif;
  /* Grid */ }
  body.mobile-recipe-page #nav-wrapper {
    display: none; }
  body.mobile-recipe-page .detail-nav-link, body.mobile-recipe-page .header-button-container, body.mobile-recipe-page .utility {
    display: none; }
  body.mobile-recipe-page .one-column-tiny.last.teaser-column {
    display: none; }
  body.mobile-recipe-page #two-column-no-space.two-column-large {
    float: none;
    width: 100%;
    margin-right: 0; }
  body.mobile-recipe-page body, body.mobile-recipe-page #content-outer-wrapper {
    min-width: 0; }
  body.mobile-recipe-page .recipe-detail-page .social-icons li.map-print, body.mobile-recipe-page .recipe-detail-page .social-icons li.share {
    display: none; }
  body.mobile-recipe-page .serving-detail {
    position: absolute;
    bottom: 0em;
    width: auto !important; }
    body.mobile-recipe-page .serving-detail .float-left {
      display: none; }
  body.mobile-recipe-page a.logo {
    display: inline-block;
    position: relative;
    height: 82px;
    top: -2px; }
  body.mobile-recipe-page .nav-top-wrapper {
    text-align: center; }
  body.mobile-recipe-page #page-header {
    min-height: 67px;
    position: static;
    height: 67px; }
  body.mobile-recipe-page #pushdown-container {
    display: none;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none; }
  body.mobile-recipe-page #content-outer-wrapper {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    margin-top: 0;
    /*padding-top: 0*/ }
  body.mobile-recipe-page .promo-section .promo-desc ul.social-icons {
    margin-bottom: 0; }
  body.mobile-recipe-page .inside-main-content h2.with-custom-dropdown {
    background: none; }
  body.mobile-recipe-page .inside-main-content span.serving-info {
    position: absolute;
    right: 0;
    font-size: 1.2em; }
  body.mobile-recipe-page .one-column {
    float: none;
    width: 100% !important;
    border-bottom: 0 !important; }
  body.mobile-recipe-page .mobile-footer {
    display: block !important;
    text-align: center;
    background: none;
    /*padding: 0;*/
    /*.legal{margin-top: 1em;}*/ }
    body.mobile-recipe-page .mobile-footer .copyright {
      display: block;
      /*padding-bottom: 1em;*/
      line-height: 1.2; }
    body.mobile-recipe-page .mobile-footer .legal a.first {
      margin-left: 0;
      padding-left: 0;
      background: none; }
  body.mobile-recipe-page .non-mobile-content {
    display: none !important; }
  body.mobile-recipe-page .mobile-content {
    display: block !important; }
  body.mobile-recipe-page .write-table.static {
    width: 90%; }
  body.mobile-recipe-page .write-table.static td.value {
    text-align: right; }
  body.mobile-recipe-page .write-table td, body.mobile-recipe-page .write-table td:first-child {
    color: #4c3327;
    font-family: "DinWebMedium",Serif;
    font-size: 1.2em;
    height: 1em; }
  body.mobile-recipe-page .title-recipe {
    font-size: 3em; }
  body.mobile-recipe-page .grid article.placard ul.asset-serving-detail {
    margin-top: 0;
    width: 52.5%; }
    body.mobile-recipe-page .grid article.placard ul.asset-serving-detail li {
      background: none;
      padding: 0;
      font-family: "DinWeb",Serif;
      font-weight: normal;
      color: #4c3327;
      font-size: 1em; }
      body.mobile-recipe-page .grid article.placard ul.asset-serving-detail li.item-title {
        color: #af5026;
        border-top: 1px solid #eeebea;
        padding-top: 0.8em;
        font-family: 'DINWebBold';
        line-height: 1.2em; }
  body.mobile-recipe-page .grid.assets-grid article .item.recipe {
    border: none;
    margin-bottom: 1em; }
  body.mobile-recipe-page .grid article.placard div.recipe .item-info img {
    max-width: 100%;
    height: auto;
    width: 42.5%; }
  body.mobile-recipe-page .grid.assets-grid article.placard .item-header, body.mobile-recipe-page .grid.assets-grid article.placard .item-info {
    width: 100%;
    padding: 0; }
  body.mobile-recipe-page .grid article.one-column img, body.mobile-recipe-page .grid article.two-column img {
    width: 65%; }
  body.mobile-recipe-page .main-content {
    margin-bottom: 0;
    /*padding: 2em 1.5em 1.5em 1.5em; */ }
  body.mobile-recipe-page .recipe-arrow {
    width: 8% !important;
    text-align: right;
    position: absolute;
    top: 40%;
    right: 0; }
  body.mobile-recipe-page .mobile-content.recipe-detail-page {
    background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) top left repeat-x;
    padding-top: 2em;
    margin-top: 1em; }
    body.mobile-recipe-page .mobile-content.recipe-detail-page h2 {
      margin-bottom: 0.85em;
      font-size: 1.9em; }
  body.mobile-recipe-page .grid article.placard ul.asset-serving-detail li {
    /*margin-bottom: 0;*/ }
  body.mobile-recipe-page .has-border {
    border-top: 1px solid #eeebea;
    padding: 0.8em 0 0.5em 0;
    margin-top: 1em;
    height: 1px; }
  body.mobile-recipe-page .recipe-detail-page .with-bottom-border {
    background: none;
    margin-bottom: 0; }
  body.mobile-recipe-page .cont-separator {
    border-bottom: 1px solid #eeebea; }
  body.mobile-recipe-page .recipe-header {
    margin: 1.5em 0; }
    body.mobile-recipe-page .recipe-header div {
      margin: 0;
      padding: 0; }
    body.mobile-recipe-page .recipe-header .tab-section li a, body.mobile-recipe-page .recipe-header .tab-section li.nav-active {
      background: none;
      margin: 0;
      padding: 0;
      color: #963;
      pointer-events: none;
      font: normal normal normal 1.4em/0.85 'Sina-Regular', serif; }
    body.mobile-recipe-page .recipe-header div.in-page-nav.sub-tabs {
      margin-bottom: 0; }
  body.mobile-recipe-page .promo-section.recipe-detail ul.serving-detail li {
    font-family: "DinWebMedium",Serif;
    font-weight: normal;
    font-size: 1em;
    padding: 0 0 0.2em 0; }
  body.mobile-recipe-page .recipe-detail-page h3 {
    font-size: 2.4em;
    line-height: 1.2em;
    margin-bottom: 0.5em; }
  body.mobile-recipe-page .recipe-detail-page .three-column h3 {
    font-size: 1.7em;
    line-height: 0.7em; }
  body.mobile-recipe-page .recipe-detail-page .three-column p {
    margin-bottom: 0.8em;
    font-size: 1.2em; }
  body.mobile-recipe-page .recipe-detail-page p.recipe-tip {
    margin-bottom: 0em;
    margin-top: 2em; }
  body.mobile-recipe-page .promo-section.recipe-detail .eq-column {
    margin-bottom: 1.3em; }
  body.mobile-recipe-page .text-content {
    padding: 0; }
  body.mobile-recipe-page .global-list li {
    line-height: 1.45; }
  body.mobile-recipe-page .header-menu-jagged-edge {
    background: url(clientLibs/css/images/header_web_background.png) 0 -243px repeat-x;
    height: 6px;
    position: absolute;
    top: 66px;
    width: 100%;
    z-index: 3; }
  body.mobile-recipe-page .content-inner {
    padding-top: 6px; }

.mob-content.receipe-detail-btn {
  width: 100%;
  padding: 0;
  margin-top: 20px; }

@media only screen and (max-width: 767px) {
  body {
    /* Global */
    min-width: 0;
    font-family: 'DINWeb',sans-serif; }

  p {
    font-size: 1.2em; }

  .non-mobile-content {
    display: none !important; }

  .mobile-content {
    display: block !important; }

  #nav-wrapper, .one-column-tiny.last.teaser-column, #pushdown-container, .text-banner {
    display: none; }

  #content-outer-wrapper .content-inner-wrapper {
    top: 0; }

  #two-column-no-space.two-column-large {
    float: none;
    width: 100%;
    margin-right: 0; }

  body, #content-outer-wrapper, .banner > * {
    min-width: 0; }

  .nav-top-wrapper {
    text-align: center; }

  #content-outer-wrapper {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    margin-top: 0;
    padding-top: 0; }

  #content-outer-wrapper section.banner.campaign {
    min-height: 25%;
    height: 120px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

  .banner.campaign div.badge {
    width: 3.3em;
    top: 1em;
    left: 1em; }

  .banner.campaign div.info {
    width: 80%;
    left: 10%; }

  .overlay-wrap .overlay {
    min-width: 0;
    vertical-align: top;
    padding: 1em; }

  .content-inner {
    padding-top: 6px; }

  /* Grid */
  .one-column {
    float: none;
    width: 100% !important; }

  /* Footer */
  .mobile-footer {
    display: block !important;
    padding: 0;
    text-align: center;
    background: none; }
    .mobile-footer .copyright {
      display: block;
      line-height: 1.2; }
    .mobile-footer .legal {
      margin-top: 1em; }
    .mobile-footer .legal a.first {
      margin-left: 0;
      padding-left: 0;
      background: none;
      color: #af5026 !important;
      width: auto !important; }

  .mob-footer-nav {
    margin-top: 15px; }

  .banner.campaign .cta {
    height: 8px !important;
    background-size: 50%;
    background-position: 5px; }

  .banner.campaign .button-primary {
    padding-right: 0px !important; }

  /* Mobile Dropdown */
  .mobile-dropdown .select:first-child {
    padding-right: 1em !important; }

  .mobile-dropdown-wrapper {
    background: #fff;
    padding: 5% 0; }

  table label.form-select-label.lstate select, table label.form-select-label.lcity select {
    width: 9.5em !important; }

  .in-page-nav, .recipe-header {
    display: none !important; }

  .recipe-header.grid-filter {
    display: block !important; }
    .recipe-header.grid-filter .custom-dropdown {
      margin: 0.25em 0; }
    .recipe-header.grid-filter .in-page-nav.sub-tabs {
      display: none !important; }
    .recipe-header.grid-filter .in-page-nav.grid-sort {
      display: block !important;
      background: #fff;
      text-align: center;
      min-height: 60px; }
      .recipe-header.grid-filter .in-page-nav.grid-sort .with-right-border {
        background: none; }
      .recipe-header.grid-filter .in-page-nav.grid-sort ul.sort-custom-dropdown {
        margin: 0.25em 0; }

  .in-page-nav.grid-sort {
    display: block !important; }

  .in-page-nav.detail-nav-link-with-share {
    display: block !important; }

  footer {
    z-index: 0; }

  h2 {
    font-size: 2em; }

  .m-text-banner-title {
    margin-bottom: 0;
    margin-left: 0.6em;
    font-size: 2.4em; }

  .main-content.text-padding.m-text-banner {
    padding-top: 2em; }

  .header-menu-jagged-edge {
    background: url(clientLibs/css/images/header_web_background.png) 0 -243px repeat-x;
    height: 6px;
    position: absolute;
    top: 66px;
    width: 100%;
    z-index: 3; }

  /* Banners */
  .banner p {
    width: 100%;
    font-size: 1em;
    display: none; }

  .banner h2 {
    font-size: 2em; }

  .banner .button-primary {
    display: none !important; }

  .mmenu .in-page-nav-wrapper {
    display: none; }
  .mmenu .main-content {
    padding-top: 0; } }
@media only screen and (max-width: 480px) {
  .banner.campaign div.info {
    width: 70%;
    left: 15%; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
  #content-outer-wrapper section.banner.campaign {
    height: 180px; }

  .banner.campaign div.info {
    top: 33%; }

  table.input-form-table textarea {
    width: 100% !important; } }
@media only screen and (max-width: 767px) and (orientation: portrait) {
  table.input-form-table input[type=text], table.input-form-table input[type=password],
  table.input-form-table input[type=email], table.input-form-table input[type=tel],
  table.input-form-table input[type=date] {
    width: 13em !important; }

  table.input-form-table textarea {
    width: 100% !important; }

  .form-select-label select.form-select {
    width: 13.6em !important; } }
/* handling layout only*/
@media only screen and (max-width: 767px) {
  body {
    min-width: 100%;
    overflow-x: hidden;
    background-repeat-y: no-repeat !important;
    background-color: #f9f1e0; }

  h1 {
    line-height: 1em; }

  h2 {
    font-size: 2em; }

  /*Applies to newly created mobile pages*/
  #mob-content-wrapper {
    width: 100%;
    padding: 0 0 10px 0;
    min-height: 20em; }

  footer {
    display: none; }

  .header-menu-jagged-edge {
    top: 48px;
    z-index: 10001; }
    .header-menu-jagged-edge.mobile {
      z-index: 10000; }

  .banner {
    min-height: 161px !important;
    position: relative;
    top: -1.9em;
    background-size: cover; }

  .error-page .banner {
    min-height: 247px !important;
    height: auto !important; }
    .error-page .banner .standard.error {
      min-width: 0; }
      .error-page .banner .standard.error h1 {
        width: 100% !important; }

  .content-inner-wrapper {
    padding: 0 !important; }

  .jagged-edge-top {
    background: url(clientLibs/css/images/header_web_background.png) 0 -243px repeat-x;
    height: 6px;
    position: relative;
    top: -4px;
    width: 100%;
    z-index: 3; }

  .jagged-edge-bottom {
    height: 6px;
    position: relative;
    background: url(clientLibs/css/images/footer-background.png) 0px 0px repeat-x;
    top: -22px;
    width: 100%;
    z-index: 2; }

  /*Injected H1 throuh Javascript*/
  .m-text-banner-title {
    margin-left: 0px;
    padding: 30px 0;
    text-align: center; }

  /*Applies to all desktop pages*/
  #content-outer-wrapper, .mob-text-banner {
    z-index: 9998;
    /*padding-top: 120px !important;*/
    padding-top: 0 !important;
    background-image: url(clientLibs/css/images/left-bg.png), url(clientLibs/css/images/right-bg.png);
    background-position: left top, right top;
    background-repeat: no-repeat;
    background-color: #f9f1e0;
    width: 100%; }

  #content-outer-wrapper:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }

  .mob-text-banner {
    padding: 24px 0 !important; }
    .mob-text-banner h1 {
      margin-bottom: 0 !important; }

  /*Inner Content :: Applies to desktop pages*/
  .content-inner {
    background: none; }
    .content-inner .main-content.no-padding {
      padding: 0 0 2em !important; }

  .page-article-detail .content-inner, .grid-landing .content-inner {
    background: #fff; }

  .banner .standard, .banner .indented {
    display: table;
    max-width: inherit;
    min-width: inherit;
    padding-left: 10px;
    padding: 0 !important;
    width: 100%;
    position: relative;
    top: 6.5em;
    margin: auto !important; }
    .banner .standard h1, .banner .indented h1 {
      display: table-cell;
      font-size: 2.6em;
      text-align: center;
      position: relative;
      top: 0;
      width: 100%;
      margin: 0 auto !important;
      line-height: 1.1;
      vertical-align: middle !important;
      text-shadow: 2px 1px 2px rgba(13, 13, 14, 0.46); }
    .banner .standard.error, .banner .indented.error {
      display: block; }
      .banner .standard.error h1, .banner .standard.error p, .banner .indented.error h1, .banner .indented.error p {
        display: block;
        width: 80%;
        margin: 0 auto; }
  .banner .standard.has-button, .banner .indented.has-button {
    /*top:0 !important;*/ }

  /*Applies to TextBanner page*/
  .main-content.text-padding {
    min-height: 100px;
    padding-bottom: 1em; }

  .main-content.no-padding {
    padding: 0 0 2em !important; }

  .text-banner.loyalty-text-banner.with-details {
    min-height: 154px;
    display: block;
    height: auto;
    margin-bottom: 1em; }
    .text-banner.loyalty-text-banner.with-details .loyalty-page-heading {
      float: none;
      clear: both; }
      .text-banner.loyalty-text-banner.with-details .loyalty-page-heading h3 {
        display: none; }
      .text-banner.loyalty-text-banner.with-details .loyalty-page-heading h1 {
        font-size: 1.8em;
        margin-bottom: 0;
        line-height: 1;
        padding-top: 1em; }
    .text-banner.loyalty-text-banner.with-details span.visits {
      width: 65%;
      display: block;
      text-align: center;
      margin: 0 auto; }
      .text-banner.loyalty-text-banner.with-details span.visits b {
        display: inline-block; }
    .text-banner.loyalty-text-banner.with-details .loyalty-right-rail ul {
      text-align: center;
      padding-top: 1em; }
    .text-banner.loyalty-text-banner.with-details .loyalty-right-rail li {
      text-align: center;
      width: 49%;
      font-size: 1.2em; }
      .text-banner.loyalty-text-banner.with-details .loyalty-right-rail li.member {
        width: 98%;
        margin: 0;
        text-align: right;
        font-size: 0.85em; }
      .text-banner.loyalty-text-banner.with-details .loyalty-right-rail li .rewards-left, .text-banner.loyalty-text-banner.with-details .loyalty-right-rail li .visits-left {
        background: none;
        width: auto;
        height: auto;
        padding-top: 0;
        font-size: 2.8em; }
      .text-banner.loyalty-text-banner.with-details .loyalty-right-rail li span.visits {
        margin-top: 5px; }

  /*Two-Column Page template*/
  .two-column-large#two-column-space, .two-column-large#two-column-no-space {
    width: auto;
    float: none;
    margin-right: 0; }

  .one-column-tiny.last.teaser-column {
    width: auto;
    float: none;
    padding-left: 15px; }

  .two-column {
    margin-right: 0 !important; }

  .content-inner .main-content {
    margin-bottom: 0; }

  /*White boxes in the page */
  .content-box, .article-copy, .teaser-column, .panera-news, .grid-item-content, .top-teacher-description, #bakers-form-description, .panera-event.community, .search-result-article, .grid-item-content, .request-form, .eq-column, #top-teacher-response, .past-rewards-grid {
    background: #fff !important;
    padding: 0 5% !important; }

  .no-bg {
    background: none !important;
    padding-top: 0 !important; }

  .panera-event.community, .search-result-article, .panera-news {
    padding: 0 0 15px !important; }

  /*Buttons*/
  .mob-center {
    text-align: center; }

  .button-primary span.cta {
    display: none !important; }

  .mob-link-as-button {
    font-size: 14px !important;
    width: 60px;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    padding: 0 14px 0 15px !important; }
    .mob-link-as-button.hide {
      display: none !important; }
    .mob-link-as-button span {
      display: none !important; }
    .mob-link-as-button span.welcomeUser {
      display: inline !important; }

  ul.global-list, .cq-custom-list ul {
    font-size: 1.4em !important; }

  body.mob-content-bg .content-inner .main-content {
    background: #fff !important; }

  body.img-banner .content-inner-wrapper {
    top: -20px !important; }

  .short-2-fields .short-30 input {
    padding-right: 0; }

  /* No Padding Styles */
  .no-padding {
    /*table.user-form label, .label-row-header, .custom-label, .form-row label{
        padding-left: $mobileContLeftPadding;
    }*/ }
    .no-padding table label.form-select-label {
      width: 96% !important; }
    .no-padding table.input-form-table textarea {
      width: 100% !important; }
    .no-padding .sub-form-2 .short-30 input {
      width: 82% !important; }
    .no-padding .short-2-fields .short-30 input {
      width: 92% !important; }
    .no-padding section.request-form article h2 {
      padding: 0 5% !important; }
    .no-padding section#section-faqs {
      padding: 0 5% !important; }
    .no-padding .layout-top-padding {
      display: block !important;
      padding: 0;
      margin: 0;
      padding-top: 15px; }
    .no-padding .cq-custom-list {
      padding: 1em 5% !important; }
      .no-padding .cq-custom-list > h2 {
        margin-top: 1em; }
    .no-padding #customer-service-page {
      margin-top: 2em; }
      .no-padding #customer-service-page > p, .no-padding #customer-service-page > h2 {
        padding: 0 5% !important; }
      .no-padding #customer-service-page #contactus-main-topic {
        background: none; }
        .no-padding #customer-service-page #contactus-main-topic > p {
          padding: 0 5% !important; }
      .no-padding #customer-service-page #subtopic_forms form {
        background: none;
        padding-bottom: 0; }
    .no-padding .wifi-landing article.eq-column.last {
      padding-bottom: 4em !important; }
      .no-padding .wifi-landing article.eq-column.last:first-child {
        padding-top: 2em !important; }
    .no-padding #top-teacher-input > h2 {
      padding-top: 1em; }
    .no-padding #top-teacher-response {
      padding-top: 1em !important; } }
/*Mobile optimized pages - Layout related styles only */
@media only screen and (min-width: 768px) {
  #mobNavmenu {
    display: none; } }
@media only screen and (max-width: 767px) {
  #page-header {
    display: none; }

  #mobile-page-header {
    position: relative;
    display: block;
    height: 48px;
    background-position: 0 100%;
    z-index: 10001;
    width: 100%;
    background: url(clientLibs/css/images/header_web_background.png) 0 -146px repeat-x;
    top: 0px;
    clear: both;
    margin-bottom: 2px; }
    #mobile-page-header .nav-top-wrapper {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      left: 0;
      padding: 0; }
      #mobile-page-header .nav-top-wrapper .mob-signlinks {
        display: none;
        left: 8%;
        position: absolute;
        top: 4px;
        width: 65%; }
        #mobile-page-header .nav-top-wrapper .mob-signlinks .welcome {
          color: #6e4d2c;
          display: inline-block;
          width: 100%;
          font-size: 2.0em;
          text-transform: capitalize;
          line-height: 1; }
        #mobile-page-header .nav-top-wrapper .mob-signlinks a {
          color: #ec5e00;
          font-size: 1.8em;
          font-family: 'Sina-Regular', serif !important; }
        #mobile-page-header .nav-top-wrapper .mob-signlinks a:hover {
          text-decoration: underline; }
        #mobile-page-header .nav-top-wrapper .mob-signlinks .loggedInView {
          float: left;
          text-align: left; }
        #mobile-page-header .nav-top-wrapper .mob-signlinks .signIn {
          float: left; }
          #mobile-page-header .nav-top-wrapper .mob-signlinks .signIn a {
            background: url("clientLibs/css/images/arrow-btn-white.png") no-repeat scroll 80% #d66629 !important;
            color: #fff;
            display: inline-block;
            font-size: 1.8em;
            height: 32px;
            padding-right: 30px;
            padding-top: 8px;
            width: 110px; }
    #mobile-page-header div.locator {
      float: left;
      padding: 10px 0 0 0px;
      width: 33%; }
      #mobile-page-header div.locator a {
        background: url(clientLibs/css/images/mobile/mobile-locator.png) 0 center no-repeat;
        width: 100%;
        height: 32px;
        float: left;
        position: relative;
        left: 15%; }
    #mobile-page-header div.mob-menu {
      float: right;
      padding: 7px 0px 0 0; }
      #mobile-page-header div.mob-menu a {
        /*background: url(clientLibs/css/images/mobile/mobile-menu.png) center no-repeat;*/
        /*width: 100%;*/
        height: 20px;
        float: left;
        padding-bottom: 0; }
    #mobile-page-header div.logo {
      position: absolute;
      text-align: center;
      padding: 0;
      margin: 0 auto;
      left: 0;
      right: 0;
      z-index: 1;
      width: 74px;
      max-width: 74px; }
      #mobile-page-header div.logo a {
        position: relative;
        float: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        height: 72px;
        background: url(clientLibs/css/images/mobile/mobile-logo.png) left top no-repeat !important; }

  #mobNavmenu {
    position: absolute;
    overflow: scroll;
    display: block;
    width: 100%;
    right: 0;
    top: 48px;
    z-index: 10000;
    display: none;
    overflow-x: hidden;
    -webkit-box-shadow: 0px 0px 10px black;
    -moz-box-shadow: 0px 0px 10px black;
    box-shadow: 0px 0px 10px black; }
    #mobNavmenu .navSet {
      display: block; }
    #mobNavmenu .navActive {
      display: block; }
    #mobNavmenu section {
      display: block;
      background: url("clientLibs/css/images/header_web_background.png") repeat-x;
      min-height: 95px; }
      #mobNavmenu section h1 {
        text-align: center;
        padding-top: 10px;
        color: #e6e8f2;
        font-weight: bold;
        font-size: 2.1em;
        text-shadow: 1px 1px 0px #313131; }
    #mobNavmenu #menuClosebtn {
      background: url("clientLibs/css/images/mobile/mobile-nav-close.png") no-repeat;
      display: block;
      float: right;
      height: 33px;
      margin-right: 10px;
      margin-top: 6px;
      position: relative;
      right: 24px;
      top: 30px;
      width: 33px; }
    #mobNavmenu ul {
      list-style: none;
      background: #f7f4ef;
      /*height: 100%;*/
      padding-bottom: 20px;
      padding-top: 20px;
      border-bottom: 1px dotted #ede2cc; }
      #mobNavmenu ul.mobHeadlinks {
        font-size: 1.6em; }
        #mobNavmenu ul.mobHeadlinks li.listItem {
          line-height: 1.3; }
          #mobNavmenu ul.mobHeadlinks li.listItem a {
            padding: 10px 20px;
            font-family: 'Sina-Medium', serif !important;
            font-size: 2.2em; }
            #mobNavmenu ul.mobHeadlinks li.listItem a img {
              padding-right: 15px;
              padding-bottom: 5px; }
      #mobNavmenu ul li.listItem {
        display: block; }
        #mobNavmenu ul li.listItem a {
          position: relative;
          display: block;
          /*border-bottom: 1px dotted #ede2cc; */
          padding: 8px 26px;
          color: #af5026;
          /* text-shadow: -1px -1px 1px #222; */
          font-size: 1.6em;
          text-decoration: none;
          text-transform: capitalize;
          font-family: 'Sina-Regular', serif !important; }
        #mobNavmenu ul li.listItem a:hover {
          color: #000;
          text-decoration: none; }
        #mobNavmenu ul li.listItem a::after {
          /*content: ''; */
          display: block;
          width: 6px;
          height: 6px;
          position: absolute;
          right: 6%;
          top: 45%;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
        #mobNavmenu ul li.listItem a:hover::after {
          border-color: #cad0e6; }
        #mobNavmenu ul li.listItem ul.mobHide {
          display: none; }
      #mobNavmenu ul .mobSubnav {
        display: block;
        list-style: none;
        background: #f8f4ed;
        position: relative;
        right: 0;
        top: 32px;
        width: 100%;
        z-index: 10001;
        /*overflow:scroll; */ }
        #mobNavmenu ul .mobSubnav span.subHeading {
          border-bottom: 1px dotted #ede2cc;
          color: #6e4d2c;
          display: block;
          font-family: 'Sina-Regular', serif !important;
          font-size: 2.6em;
          padding-bottom: 20px;
          width: 85%;
          margin: 0 auto; }
        #mobNavmenu ul .mobSubnav li {
          display: block;
          width: 85%;
          margin: 0 auto; }
          #mobNavmenu ul .mobSubnav li a {
            display: block;
            background: url("clientLibs/css/images/mobile/mobile-aero.png") no-repeat scroll 95% 50%;
            border-bottom: 1px dotted #ede2cc;
            padding: 14px 0px;
            color: #af5026;
            /* text-shadow: -1px -1px 1px #222; */
            font-size: 1.8em;
            text-decoration: none;
            text-transform: capitalize; }
            #mobNavmenu ul .mobSubnav li a:hover {
              color: #000;
              text-decoration: none; }
    #mobNavmenu #back {
      background: none repeat scroll 0 0 #fff;
      display: none;
      height: 52px;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 10001; }
      #mobNavmenu #back a {
        background: url("clientLibs/css/images/mobile/mobile-back-aero.png") no-repeat scroll 0 30% transparent;
        font-family: 'DINWeb';
        font-weight: bold;
        color: #af5026;
        font-size: 1.4em;
        left: 9%;
        padding-left: 12px;
        position: relative;
        text-decoration: none;
        text-transform: capitalize;
        top: 19px; }
        #mobNavmenu #back a:hover {
          text-decoration: underline; }

  #toolbarNav {
    position: relative !important;
    right: 7%;
    z-index: 10002; }
    #toolbarNav h1 {
      text-align: center;
      padding-top: 10px;
      padding-right: 40px;
      color: #e6e8f2;
      font-weight: bold;
      font-size: 2.1em;
      text-shadow: 1px 1px 0px #313131; }

  /* #menuOpenbtn {
       display: block;
       float: right;
       margin-top: 6px;
       
   }*/
  /* Start hamburger icon transition css */
  #menuOpenbtn {
    display: block;
    float: right;
    margin: 9px 0 0 36px;
    cursor: pointer;
    padding: 10px 35px 16px 0px; }

  #menuOpenbtn span, #menuOpenbtn span:before, #menuOpenbtn span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ec5f00;
    position: absolute;
    display: block;
    content: ''; }

  #menuOpenbtn span:before {
    top: -10px; }

  #menuOpenbtn span:after {
    bottom: -10px; }

  #menuOpenbtn span, #menuOpenbtn span:before, #menuOpenbtn span:after {
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out; }

  #menuOpenbtn.active span {
    background-color: transparent;
    height: 0; }

  #menuOpenbtn.active span:before, #menuOpenbtn.active span:after {
    top: 0; }

  #menuOpenbtn.active span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg); }

  #menuOpenbtn.active span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); }

  /* End hamburger icon transition css */ }
@media only screen and (max-width: 767px) and (orientation: landscape) {
  #mobile-page-header div.logo a {
    left: 6% !important; } }
@media only screen and (max-width: 767px) {
  /* Tab Component */
  .recipe-header {
    display: none !important; }
    .recipe-header div.in-page-nav.sub-tabs {
      background: none repeat scroll 0 0 #fff;
      border: medium none;
      display: block !important;
      float: left;
      line-height: 0;
      margin: 0 auto;
      padding: 0.2em 0 0.5em;
      position: relative;
      top: 20px;
      width: 99%; }
      .recipe-header div.in-page-nav.sub-tabs ul {
        text-align: center; }
        .recipe-header div.in-page-nav.sub-tabs ul li a {
          background: none;
          font-family: 'Sina-Regular', sans-serif;
          font-size: 1.4em; }

  .recipe-detail-page + header.recipe-header {
    display: block !important; }
    .recipe-detail-page + header.recipe-header div.in-page-nav.sub-tabs {
      padding: 10px 0 20px 3px; }

  /*News n Events Component*/
  .promo-section .two-column, .panera-news .two-column {
    width: 100%;
    padding: 0; }
    .promo-section .two-column h2, .panera-news .two-column h2 {
      text-align: center;
      margin-bottom: 0 !important; }
  .promo-section .one-column, .panera-news .one-column {
    width: 100%;
    border: 0 !important; }

  /*Promo Banners*/
  .promo-section .two-column {
    padding: 0; }

  /*Search Result*/
  .img-column-large {
    width: 100%;
    margin-bottom: 15px; }

  .text-column-small {
    width: auto;
    padding: 0 15px; }

  body#page-recipe-detail .recipe-header {
    display: block !important; }

  /*Buttons */
  .two-column a.button-primary .cta {
    height: 9px; }

  /*Accordions : Listing */
  .anchor-mode {
    border-bottom: 2px dotted #e6d7c1;
    width: 100%;
    padding-bottom: 10px;
    margin-top: 0.5em; }
    .anchor-mode.expanded {
      border-bottom: 0 none !important;
      margin-bottom: 0 !important; }

  h4 + article {
    margin: 0.8em 0 15px 0 !important;
    padding: 0 !important; }

  h4.expanded + article {
    border-bottom: 2px dotted #e6d7c1; }

  #accordian-content h4:last-child.anchor-mode, #accordian-content h4.anchor-mode:last-of-type {
    border-bottom: 0 none; }

  #accordian-content .financial-report-article {
    margin: 0 auto !important; }
    #accordian-content .financial-report-article ul.template-body {
      font-size: 14px !important; }
      #accordian-content .financial-report-article ul.template-body li, #accordian-content .financial-report-article ul.template-body p {
        font-size: 14px !important; }
      #accordian-content .financial-report-article ul.template-body h2 {
        font-size: 20px !important; }
      #accordian-content .financial-report-article ul.template-body h5 {
        font-size: 13px; }

  #accordian-content h4.anchor-mode span.anchor-text {
    float: left;
    width: 90%; }

  #accordian-content .awards h4.anchor-mode {
    border-bottom: 2px dotted #e6d7c1; }

  #accordian-content .awards:last-of-type h4.anchor-mode {
    border-bottom: none !important; }

  .custom-dropdown-arrow-right, .custom-dropdown-arrow-down {
    float: right; }

  .custom-dropdown-arrow-right {
    border-top: 6px solid #af5026;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin: 0 8px 0 2px;
    top: 5px;
    display: inline-block; }
    .custom-dropdown-arrow-right span {
      border-top: 3px solid #fff;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      font-size: 0;
      height: 0;
      bottom: 0;
      position: absolute;
      left: -3px;
      width: 0;
      top: -7px; }

  .custom-dropdown-arrow-down {
    border-bottom: 6px solid #af5026;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin: 0 8px 0 2px;
    top: 5px;
    display: inline-block;
    border-top: 0 none; }
    .custom-dropdown-arrow-down span {
      border-bottom: 3px solid #fff;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 0 none;
      font-size: 0;
      height: 0;
      bottom: 0;
      position: absolute;
      left: -3px;
      width: 0;
      top: 4px; }

  #accordian-content.content-box {
    margin-bottom: 25px; }

  .faq h4:last-of-type {
    border-bottom: 0; }
  .faq article:last-child {
    border-bottom: 0 !important; }

  #accordian-content div:last-child {
   /*h4 {
      border-bottom: 0;
  }*/ }
    #accordian-content div:last-child article {
      border-bottom: 0 !important; }

  #accordian-content h2:first-child {
    margin-top: 0 !important; }

  /*Article detail*/
  .page-article-detail .text-content.article-copy {
    padding: 0 !important; }
    .page-article-detail .text-content.article-copy > * {
      padding: 0 10px; }
    .page-article-detail .text-content.article-copy img {
      padding: 0;
      float: none;
      margin-left: 0; }
  .page-article-detail .page-label {
    visibility: hidden; }
  .page-article-detail .first {
    border: none;
    padding: 15px 0;
    text-align: center;
    font-family: 'Sina-Regular', serif;
    width: 96%;
    margin: 0 auto;
    background: #fff;
    color: #4c3327; }
  .page-article-detail .item .placard-item .item-header .new-color {
    font-size: inherit; }

  /*Community news n events*/
  .news-n-happenings .in-page-nav, .related-dropdowns .in-page-nav {
    display: block !important;
    top: -14px;
    padding-left: 0;
    padding-right: 0;
    min-height: 2em; }
    .news-n-happenings .in-page-nav span.nav-dropdown, .related-dropdowns .in-page-nav span.nav-dropdown {
      width: 47%;
      position: relative; }
      .news-n-happenings .in-page-nav span.nav-dropdown .custom-dropdown, .related-dropdowns .in-page-nav span.nav-dropdown .custom-dropdown {
        width: 100%;
        background: #fff;
        left: 0;
        margin-left: 0;
        padding: 3px 0;
        box-shadow: 0 3px 2px 0 #d6cfc0; }
        .news-n-happenings .in-page-nav span.nav-dropdown .custom-dropdown li, .related-dropdowns .in-page-nav span.nav-dropdown .custom-dropdown li {
          padding: 7px 1em .25em; }
        .news-n-happenings .in-page-nav span.nav-dropdown .custom-dropdown .custom-dropdown-title, .related-dropdowns .in-page-nav span.nav-dropdown .custom-dropdown .custom-dropdown-title {
          width: 100%;
          background: none;
          font-size: 13px; }
        .news-n-happenings .in-page-nav span.nav-dropdown .custom-dropdown .custom-dropdown-arrow, .related-dropdowns .in-page-nav span.nav-dropdown .custom-dropdown .custom-dropdown-arrow {
          right: 10px;
          top: 16px;
          position: absolute; }
    .news-n-happenings .in-page-nav span.nav-dropdown:last-child, .related-dropdowns .in-page-nav span.nav-dropdown:last-child {
      float: right; }

  /*Custom List*/
  .cq-custom-list a {
    word-break: break-word; }
  .cq-custom-list > h2 {
    line-height: 1.1 !important; }

  .overlay-wrap .overlay {
    min-width: 100% !important; }

  .modal-yt-video-wrapper {
    height: 20em; }

  /*Investor relations*/
  #investor-relations.faq > h2 {
    margin-top: 0; }

  .back-button-primary {
    background: none !important; }

  /*cycle carousel*/
  .comp-carousel-jcycle {
    display: none !important; } }
@media only screen and (max-width: 767px) {
  /*SASS for all grid in paneraweb*/
  .two-column {
    width: auto;
    padding: 0 15px; }

  .one-column {
    margin-top: 0;
    width: 100% !important;
    border: 0; }

  .grid article.one-column img, .grid article.two-column img {
    width: 100% !important; }

  .grid.assets-grid article.one-column {
    display: block;
    position: static;
    background: #fff;
    border-bottom: 0 none;
    margin: 10px 0;
    padding-bottom: 10px;
    width: 100% !important; }

  .grid.assets-grid article:first {
    margin-top: 0; }

  .grid.assets-grid article.assets-heading {
    background: none repeat scroll 0 0 #fff;
    display: block;
    margin: 1.3em auto 0;
    text-align: center;
    width: 99%;
    position: relative;
    top: 1em; }
    .grid.assets-grid article.assets-heading h3 {
      color: #000;
      font-size: 2em;
      padding: 0.4em 0;
      margin: 0; }

  .grid.assets-grid article .item.with-right-border {
    margin-top: 0px !important; }

  .placard .item {
    position: static;
    margin: 0px;
    padding: 0px !important; }

  .grid article.one-column img {
    /*position: absolute;*/ }

  .grid article.placard .placard-item {
    float: left;
    position: static; }

  .grid article.placard div.item {
    margin: 0 !important;
    border: none !important; }

  .grid.assets-grid article.placard .item-header, .grid.assets-grid article.placard .item-info {
    position: static;
    float: left;
    height: auto; }

  .grid.assets-grid article.placard .item-header {
    width: 90% !important;
    padding: 10px 5% !important;
    text-align: left; }
    .grid.assets-grid article.placard .item-header span {
      font-size: 2.1em; }

  .grid article.placard div.recipe .item-info img {
    float: left;
    width: 100% !important;
    position: static; }

  .grid article.placard ul.asset-serving-detail {
    width: 100% !important;
    padding-left: 0;
    text-align: center;
    font-size: 1.4em !important; }

  .grid article.placard ul.asset-serving-detail li {
    background: none;
    display: block !important;
    margin-bottom: 0;
    padding: 1px 5% !important;
    margin: 0 0 5px 0;
    /*border-right: 1px solid #4d3425;*/
    text-transform: capitalize;
    font-family: 'DINWeb';
    font-weight: normal !important;
    text-align: left; }
    .grid article.placard ul.asset-serving-detail li span {
      font-weight: bold; }
    .grid article.placard ul.asset-serving-detail li.non-mobile-content {
      display: none !important; }

 /*
.grid article.placard ul.asset-serving-detail li:first-child {
    padding: 1px 2% 1px 0 !important;
    display: inline-block !important;
    &.non-mobile-content{
        display: none !important;
    }
}*/
  .grid article.placard ul.asset-serving-detail li.last,
  .grid article.placard ul.asset-serving-detail li:last-child {
    border-right: 0 none;
    padding-right: 0px; }

  .grid article.placard ul.asset-serving-detail li br {
    display: none; }

  .grid.assets-grid article.promo-tile .item-name {
    position: static;
    margin-bottom: 20px; }

  .menu-grid-page .content-inner {
    background: none; }
    .menu-grid-page .content-inner .main-content {
      padding: 0; }

  .page-article-detail .grid article.placard span.item-title {
    position: static !important;
    width: 100% !important; }

  .grid.assets-grid article.placard .item-header, .grid.assets-grid article.placard .item-info {
    position: static; }

  .page-article-detail .grid article.one-column img, .page-article-detail .grid article.two-column img {
    width: 100% !important;
    float: left;
    position: static; }

  .item-header.mobile-header {
    display: block; }

  .item-header.non-mobile-header {
    display: none; }

  .grid-column .grid-item-content {
    padding: 10px 10px 0; }

  article.mobile-stories {
    padding-bottom: 0px !important;
    float: left !important; }
    article.mobile-stories a.label-tertiary-plain {
      display: block !important;
      position: relative;
      text-align: center; }
    article.mobile-stories .item-header {
      float: left; }
    article.mobile-stories .item-info {
      float: left; }
      article.mobile-stories .item-info img {
        position: static !important;
        float: left; }

  section.assets-grid article.placard .recipe > img {
    position: absolute; }
  section.assets-grid article.placard img.recipe-arrow {
    display: none !important; }

  .recipe-landing-with-featured section.assets-grid article.placard .recipe > img {
    z-index: -1; }

  .recipe-detail-page + .recipe-header + #dynamicTabContent section.assets-grid article.placard .recipe > img {
    z-index: -1; }

  .grid {
    margin-top: 0 !important; } }
@media only screen and (max-width: 767px) {
  table tr label.label-agree, .my-address .input.default {
    padding-left: 30px;
    float: left;
    position: relative;
    line-height: 13px;
    width: auto; }

  table.input-form-table input[type=text], table.input-form-table input[type=password], table.input-form-table input[type=email], table.input-form-table input[type=tel], table.input-form-table input[type=date] {
    width: 100% !important;
    width: 96% !important; }

  table.input-form-table th {
    font-size: 14px !important; }

  .content-inner table.input-form-table.small {
    width: 100% !important; }

  .sd-correct-input {
    display: none !important; }

  form.sd-form-validation tr td.form-submit-button.right {
    padding-right: 0; }

  span.sd-validation {
    padding-right: 0;
    margin-bottom: 0; }

  .form-select-label select.form-select {
    width: 100% !important;
    background: #fff !important; }

  table.user-form td h2 {
    font-size: 20px; }

  #form_bakers_training table.user-form {
    table-layout: fixed; }
  #form_bakers_training table.user-form a {
    display: inline-block; }

  table.user-form label.form-select-label {
    /*padding-right: 10px;*/ }

  table label.form-select-label, table.input-form-table textarea {
    width: 100% !important; }

  table td.form-submit-button {
    padding: 10px 0 0 0; }
    table td.form-submit-button #btn_submit_primary, table td.form-submit-button .button-primary {
      padding: 5px 0;
      height: auto;
      width: 100%; }
    table td.form-submit-button .cta {
      display: none; }

  .content-inner .tooltip {
    display: none;
    margin-left: 0;
    padding-left: 5px; }
    .content-inner .tooltip a {
      margin-left: 0; }

  .main-content.text-padding.content-box {
    padding: 20px 15px 10px !important; }

  .form-submit-section li:first-child {
    padding-left: 0; }

  .cta {
    vertical-align: sub; }

  .button-primary {
    height: auto !important; }

  .group-fields .form-select-label {
    margin-bottom: 25px; }

  .ph-col2 .form-submit-section {
    padding-top: 20px; }

  #edit-preferences table.user-form td {
    padding-left: 5px; }

  #franchise_request_form table {
    width: 100% !important; }
  #franchise_request_form table label {
    width: auto; }
  #franchise_request_form .bottom-space {
    padding-left: 5%; }

  #termCondition, #tt_agree, #default_address {
    position: absolute;
    left: 0;
    margin-left: 0;
    background: #fff;
    height: 25px;
    width: 25px;
    border: 1px solid #dad5c9;
    -webkit-appearance: none; }

  input[type=checkbox]:checked:after, html.borderradius .customInputOptions input[type=checkbox]:checked:after {
    content: "\00a0";
    display: block;
    width: 4px;
    height: 10px;
    border: solid #4c3327;
    position: relative;
    left: 8px;
    top: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 0 2px 2px 0; }

  .account-info-table input[type=checkbox]:checked:after {
    left: 4px !important;
    top: -1px !important; }
  .account-info-table tr td.edit-section {
    border-bottom: 0; }
  .account-info-table .edit-link .custom-dropdown-arrow-right {
    top: 6px;
    display: none; }
  .account-info-table .edit-link {
    padding: 3px 0;
    background: #af5026;
    color: #fff;
    text-align: center; }
  .account-info-table .edit-link.link-active {
    background: url(clientLibs/css/images/global_icon_close.png) right center no-repeat; }

  .address_change_form .my-address .input.default {
    float: none; }
  .address_change_form #default_address {
    top: -5px; }

  #user_interests_form input[type=checkbox]:checked:after, #form_contactus_generic input[type=checkbox]:checked:after {
    left: 4px;
    top: -1px; }

  td.textarea {
    font-size: 0.85em; }

  .inline-message {
    padding-bottom: 0.5em;
    height: auto !important;
    min-height: 1.575em; } }
/*Page specific CSS needs to be added here*/
@media only screen and (max-width: 767px) {
  /*My Address Info*/
  .form-submit-section a, .form-submit-section .button-primary {
    font-size: 14px !important; }
  .form-submit-section .button-primary {
    width: 60px;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    padding: 0 14px 0 15px !important; }

  /*Franchise Request form*/
  #franchise_request_form label {
    width: auto; }

  #list-teacher-rules {
    margin-left: 0;
    /*padding-left: 30px; */
    list-style-position: inside;
    font-size: 14px !important; }
    #list-teacher-rules li {
      font-size: 14px !important; }

  /*Bakers Training */
  .concept_default li {
    margin-left: 20px; }

  .concept {
    word-wrap: break-word; }

  #bakers-form-description {
    padding: 0 !important;
    margin: 0 !important; }

  .concept li, .concept_default li {
    margin-left: 15px !important; }

  /*Meet My Panera*/
  #page-meet-my-panera .one-column-tiny {
    float: left;
    width: 90%; }
  #page-meet-my-panera .user-guest .guest-user-only {
    text-align: center; }
  #page-meet-my-panera .video-container {
    margin-top: 1.7em;
    min-height: 200px;
    width: 100%; }
  #page-meet-my-panera .nutshell-grid {
    background: #fff;
    padding: 15px; }
    #page-meet-my-panera .nutshell-grid #mypanera_nutshell h1 {
      font-size: 2.4em; }
  #page-meet-my-panera .special-rail {
    display: none; }
  #page-meet-my-panera .how-it-works-steps {
    clear: both; }
    #page-meet-my-panera .how-it-works-steps .steps {
      width: 85%;
      float: none;
      background: none; }
    #page-meet-my-panera .how-it-works-steps .steps:first-child {
      margin: 0 0 0 3%;
      padding-left: 5%; }
  #page-meet-my-panera .earn-rewards-last {
    text-align: center;
    width: 100%; }
    #page-meet-my-panera .earn-rewards-last .earn-rewards {
      width: 100%;
      font-size: 14px !important; }
      #page-meet-my-panera .earn-rewards-last .earn-rewards a.button-primary, #page-meet-my-panera .earn-rewards-last .earn-rewards .button-primary {
        height: 30px !important; }
    #page-meet-my-panera .earn-rewards-last .mmp-sign-in-bottom {
      margin-right: 14%; }

  /*Recipe Landing Page*/
  .mobile-recipe-tab-section {
    line-height: 0;
    position: relative;
    margin: 0 auto;
    font-family: 'Sina-Regular', serif;
    font-size: 2em; }
    .mobile-recipe-tab-section ul.tab-section {
      list-style: none;
      background: #fff; }
      .mobile-recipe-tab-section ul.tab-section li {
        display: block;
        width: 100%;
        margin: 0 auto; }
        .mobile-recipe-tab-section ul.tab-section li a {
          border: none;
          padding: 15px 0;
          text-align: center;
          font-family: 'Sina-Regular', serif;
          width: 96%;
          margin: 0 auto;
          background: url("clientLibs/css/images/dots-artisan-horizontal-primary.png") repeat-x scroll left bottom transparent; }
      .mobile-recipe-tab-section ul.tab-section li:nth-child(n+4) {
        display: none; }
    .mobile-recipe-tab-section .show-items {
      position: relative;
      top: -3px;
      text-align: center;
      background: #f6e2b9;
      width: 100%;
      margin: 0 auto; }
      .mobile-recipe-tab-section .show-items a {
        /*box-shadow: 0 -2px 4px 0 #d3be99;*/
        border-top: 3px solid #d3be99;
        color: #af5026;
        display: block;
        margin: 0 auto;
        padding: 20px 0; }

  /*Recipe Details Page*/
  div.promo-section.recipe-detail {
    background: none !important; }

  section.recipe-detail-page div.promo-section.recipe-detail.group {
    display: none; }
  section.recipe-detail-page section.mobile-promo-section {
    padding: 0; }
    section.recipe-detail-page section.mobile-promo-section:after {
      clear: both;
      content: "";
      display: block; }
    section.recipe-detail-page section.mobile-promo-section h2 {
      font-family: 'Sina-Regular', serif;
      font-size: 2em;
      text-align: left;
      width: 100%;
      margin: 0 auto;
      line-height: 1.1em; }
    section.recipe-detail-page section.mobile-promo-section ul.serve-details {
      color: #4c3327;
      list-style-type: none;
      padding: 2em 0;
      text-align: left; }
      section.recipe-detail-page section.mobile-promo-section ul.serve-details li {
        /*border-right: 1px solid #4c3327;*/
        display: block;
        font-family: 'DINWeb' !important;
        font-size: 1.4em;
        line-height: 14px;
        margin-bottom: 5px;
        text-transform: capitalize; }
        section.recipe-detail-page section.mobile-promo-section ul.serve-details li span {
          font-weight: bold;
          text-transform: none; }
        section.recipe-detail-page section.mobile-promo-section ul.serve-details li.last {
          border: none; }
    section.recipe-detail-page section.mobile-promo-section ul.social-icons {
      display: block;
      margin: 0 auto;
      padding: 0 0 1.5em;
      width: 100%;
      text-align: left; }
      section.recipe-detail-page section.mobile-promo-section ul.social-icons li {
        display: inline-block;
        float: none; }
      section.recipe-detail-page section.mobile-promo-section ul.social-icons li.map-print, section.recipe-detail-page section.mobile-promo-section ul.social-icons li.share {
        display: none; }
      section.recipe-detail-page section.mobile-promo-section ul.social-icons:after {
        clear: both;
        content: "";
        display: block; }
  section.recipe-detail-page .in-page-nav-wrapper {
    background: none; }
    section.recipe-detail-page .in-page-nav-wrapper h2.with-custom-dropdown {
      background: none; }
    section.recipe-detail-page .in-page-nav-wrapper span.serving-info {
      display: none; }
  section.recipe-detail-page section.mob-recipe-ingredients {
    background: #fff !important;
    margin-bottom: 2.8em !important; }
    section.recipe-detail-page section.mob-recipe-ingredients header.inside-main-content h3.mobile-content, section.recipe-detail-page section.mob-recipe-ingredients header.inside-main-content span {
      display: none !important; }
    section.recipe-detail-page section.mob-recipe-ingredients div.mobile-content ul.global-list {
      list-style-image: none;
      padding: 1em;
      font-family: 'DINWeb' !important;
      font-size: 1.4em !important; }
      section.recipe-detail-page section.mob-recipe-ingredients div.mobile-content ul.global-list li {
        line-height: 15px;
        padding-bottom: 8px; }
  section.recipe-detail-page section.mob-recipe-directions {
    background: #fff !important;
    margin-bottom: 2.8em !important;
    font-family: 'DINWeb' !important; }
    section.recipe-detail-page section.mob-recipe-directions .three-column {
      display: block; }
      section.recipe-detail-page section.mob-recipe-directions .three-column h3 {
        margin: 1em 1em 0.5em;
        font-weight: bold; }
      section.recipe-detail-page section.mob-recipe-directions .three-column p {
        margin: 0 1.0em 1.0em 1.3em; }
  section.recipe-detail-page section.nutri-section {
    background: #fff !important;
    font-family: 'DINWeb' !important; }
    section.recipe-detail-page section.nutri-section h2 {
      background: url("clientLibs/css/images/dots-artisan-horizontal-primary.png") repeat-x scroll center bottom transparent;
      text-align: center;
      margin: 0 0 0 0.6em !important;
      padding: 0.9em 0 1.4em !important;
      text-align: center;
      width: 92%; }
    section.recipe-detail-page section.nutri-section div.write-table.static {
      margin: 0 0 0 1em; }
      section.recipe-detail-page section.nutri-section div.write-table.static table.nutrition-table.static {
        font-family: 'DINWeb' !important; }
        section.recipe-detail-page section.nutri-section div.write-table.static table.nutrition-table.static td {
          font-size: 1.2em !important;
          height: 1.8em !important; }
          section.recipe-detail-page section.nutri-section div.write-table.static table.nutrition-table.static td.label {
            font-weight: normal !important;
            font-family: 'DINWeb' !important; }
          section.recipe-detail-page section.nutri-section div.write-table.static table.nutrition-table.static td.value {
            text-align: right;
            font-weight: bold !important; }
  section.recipe-detail-page section.mob-recipe-ingredients header.inside-main-content h2 {
    background: none;
    text-align: center;
    margin: 0 0 0 0.6em !important;
    padding: 0.9em 0 0.8em !important;
    text-align: center;
    width: 92%; }
  section.recipe-detail-page section.mob-recipe-directions .three-column h2, section.recipe-detail-page section.nutri-section h2 {
    background: none;
    text-align: center;
    margin: 0 0 0 0.6em !important;
    padding: 0.9em 0 1.4em !important;
    text-align: center;
    width: 92%; }

  section.assets-grid article.placard a.placard-item ul.serve-details {
    color: #4c3327;
    list-style-type: none;
    padding: 2em 0;
    text-align: center; }
    section.assets-grid article.placard a.placard-item ul.serve-details li {
      border-right: 1px solid #4c3327;
      display: inline-block;
      font-family: 'Sina-Regular',sans-serif;
      font-size: 1.4em;
      line-height: 0.8em;
      margin-bottom: 0;
      padding: 0 2%;
      text-transform: capitalize; }
      section.assets-grid article.placard a.placard-item ul.serve-details li span {
        font-weight: bold;
        text-transform: none; }
      section.assets-grid article.placard a.placard-item ul.serve-details li.last {
        border: none; }

  /* Local Event - Page Starts Here */
  .panera-event .two-column {
    width: 100% !important; }

  /* In the community - Page Starts Here */
  #in-the-community .panera-event {
    padding: 10px; }
    #in-the-community .panera-event .two-column-large p {
      width: 100% !important; }

  .loyalty-user .events-grid {
    margin-left: 0; }

  /* News and happenings - Page Starts Here */
  .panera-news .one-column {
    width: 100% !important;
    margin-top: 0%; }
  .panera-news .two-column {
    width: 90%;
    padding: 0 5%; }

  /* investor-relations-video - Page Starts Here */
  img.investor-vid-img {
    width: 100%; }

  span.nasdaq-icon {
    float: none;
    margin-left: 0; }

  /* management-bios - Page Starts Here */
  section.bio-container {
    background: #fff; }

  .bio-grid-separator {
    padding: 2em 0 !important; }

  /* Gift-Cards */
  article#two-column-no-space section.assets-grid article.eq-column {
    width: 90%;
    padding: 0;
    display: block; }

  #two-column-no-space a > img {
    max-width: 100%; }

  #section-faqs .category {
    border-top: none; }

  .content-inner-wrapper #section-faqs {
    margin-top: 0; }

  /* food policy */
  .wifi-landing .eq-column, .wifi-landing .eq-column.last {
    border-top: none !important;
    width: 90% !important; }

  .wifi-landing .eq-column h2 {
    font-size: 2em !important; }

  /* community and news-events */
  section#articlearea section.two-column {
    padding: 0 !important; }
    section#articlearea section.two-column a.button-primary span.cta {
      height: 19px !important; }
    section#articlearea section.two-column article.panera-news div.two-column h2 {
      line-height: 1.2em;
      /*color: #4c3327;*/ }

  /* article Landing page - Stories */
  article.mobile-stories img.img-placeholder {
    position: absolute;
    z-index: -1; }

  /* fundraising night  */
  div.button-container a.button-primary {
    width: 90%;
    text-align: center;
    line-height: 2; }

  td.titletext h2 {
    padding: 0 5% !important; }

  .layout-top-padding {
    display: none; }

  .grid h2.first {
    font-size: 20px !important; }

  /*Customer Service */
  .faq-cservice {
    background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
    padding-bottom: 2em;
    margin-bottom: 2em; }

  /*Cafe/Coffee Search*/
  .coffee-at-home .map-info-wrapper, .infoBox {
    max-width: 250px;
    min-width: 150px;
    width: 250px !important; }

  .cs-list-panel li.location-active {
    background: #f2ecdd; }

  #locator-list a {
    color: #4c3327;
    font-size: 14px; }

  .coffee-at-home .map-info-wrapper .map-info .location-item {
    width: 90%; } }
@media only screen and (max-width: 767px) {
  /* SASS for myPanera pages*/
  /* Tastes & Interests */
  #user_interests_form .arrow-right, #user_interests_form .arrow-left {
    display: none; }

  /*Account information*/
  #phone_list .change, #phone_list .delete {
    padding: 3px 5px;
    background: #af5026;
    color: #fff;
    text-align: center;
    width: 50px;
    display: block; }
  #phone_list .phone-number {
    width: auto;
    margin-right: 0px;
    width: 40%; }

  .account-info-table .group-fields.dob-fields .form-select-label {
    margin-left: 0;
    padding-right: 0; }

  .account-info-table .form-select-label {
    padding-right: 0 !important; }

  .account-info-table table.user-form input[type=text], .account-info-table table.user-form input[type=password], .account-info-table table.user-form input[type=email], .account-info-table table.user-form input[type=tel], .account-info-table table.user-form input[type=date] {
    width: 96%;
    padding: 2px 2%; }

  .account-info-table table.user-form td.nav-column {
    text-align: left; }

  #sd-par-edit-phone .add-button {
    font-size: 10px; }
    #sd-par-edit-phone .add-button .button-primary {
      padding: 0 14px !important; }

  .phone-list span {
    /*width: 3%;*/ }
  .phone-list span.phone-type {
    padding-left: 10px;
    width: 20%; }
  .phone-list .list-action {
    display: block;
    float: left;
    margin-bottom: 10px; }
    .phone-list .list-action.change-action {
      margin-left: 20px; }
  .phone-list .sno {
    min-width: 15px; }

  .account-info-table .summary-value-column {
    float: none;
    display: block; }
  .account-info-table #editedaddress {
    width: 90%; }

  /* changes for My Panera Rewards - starts here*/
  .panera-event.community .eq-column {
    width: 100%;
    padding: 0px !important;
    margin-bottom: 0px !important; }
    .panera-event.community .eq-column img {
      width: 100%; }

  /*Missed a Visit*/
  #missed-a-visit .form-submit-button {
    text-align: left !important; }

  .missed-receipt-image {
    text-align: center; }
    .missed-receipt-image img {
      float: none; }

  .loyalty-user .loyalty-recent-visits {
    width: 90%;
    margin: 0 !important;
    padding: 0 !important; }
    .loyalty-user .loyalty-recent-visits li span {
      font-size: 1.2em; }

  /* changes for Refer a Friend - starts here*/
  #refer-friend-content-input {
    background: #fff; }
    #refer-friend-content-input .medium-block {
      width: 100%; }
    #refer-friend-content-input #refer-friend-form-content table.input-form-table {
      width: 100% !important; }
      #refer-friend-content-input #refer-friend-form-content table.input-form-table input[type=text], #refer-friend-content-input #refer-friend-form-content table.input-form-table input[type=email] {
        width: 95% !important; }
      #refer-friend-content-input #refer-friend-form-content table.input-form-table textarea {
        padding: 6px 6px !important; }
      #refer-friend-content-input #refer-friend-form-content table.input-form-table #refer-friend-row-add-friend td {
        padding: 0px !important; }
        #refer-friend-content-input #refer-friend-form-content table.input-form-table #refer-friend-row-add-friend td #add_friend_btn {
          padding: 0 15px;
          margin: 10px 0 20px 0;
          background: #e7e7e8 !important;
          font-size: 16px !important; }
      #refer-friend-content-input #refer-friend-form-content table.input-form-table td.form-submit-button.right {
        padding-right: 0;
        text-align: center; }

  #refer-friend-relogin {
    float: right; }

  #refer_friend_form .refer-email-column {
    padding-left: 0; }
  #refer_friend_form .input.form-success-column {
    background: none; }
  #refer_friend_form table.user-form input-form-table {
    margin-top: 1em !important; }
  #refer_friend_form .dotted-border {
    border-top: 3px #4C3327 dotted;
    padding-bottom: 1em; }
  #refer_friend_form tr th label {
    padding-left: 0 !important;
    font-weight: bold; }
  #refer_friend_form table.input-form-table th {
    font-weight: bold;
    color: #6c4c33; }
  #refer_friend_form #refer-friend-relogin, #refer_friend_form .button-primary {
    font-weight: normal;
    background: #d66928; }
  #refer_friend_form .inline-message {
    padding-left: 0 !important; }
  #refer_friend_form table.input-form-table input[type=text], #refer_friend_form table.input-form-table input[type=email], #refer_friend_form table.user-form textarea {
    border-color: #b2875f; }
  #refer_friend_form table.user-form textarea {
    color: #949599; }

  /* Tastes-and-interests */
  #page-tastes-interests ul.checkbox-list li {
    width: 100%; }
  #page-tastes-interests form#user_interests_form nav.step-nav {
    padding-right: 2px; }
    #page-tastes-interests form#user_interests_form nav.step-nav #prev-button {
      padding: 0 5px; }
    #page-tastes-interests form#user_interests_form nav.step-nav #next-button {
      line-height: 25px; }
    #page-tastes-interests form#user_interests_form nav.step-nav #finish-button {
      padding: 0 8px 0 8px;
      line-height: 25px;
      margin-left: 0.65em !important; }
  #page-tastes-interests #tastes-interests-data.account-info-table td.help-text {
    width: 35%;
    padding: 0 0.75em;
    text-align: center;
    display: none; }
  #page-tastes-interests #tastes-interests-data.account-info-table .edit-link .custom-dropdown-arrow-right {
    top: 6px; }
  #page-tastes-interests #tastes-interests-data.account-info-table span.arrow-right {
    display: none; }
  #page-tastes-interests #tastes-interests-data.account-info-table ul.form-submit-section button.button-primary {
    padding: 5px 5px; }

  /* Address Information*/
  #address_msg_delete_error {
    width: 100%; }

  #address_list h1 {
    text-align: center; }

  .my-address .user-form {
    width: auto; }
    .my-address .user-form input[type=text] {
      width: 96% !important; }
  .my-address address {
    font-size: 1.2em !important; }
    .my-address address a {
      min-width: 0; }
    .my-address address .change-link-column {
      margin-top: 0.5em; }
      .my-address address .change-link-column a {
        margin-right: 1em; }
  .my-address .address-type span {
    font-size: 1.2em !important; }

  #add_form {
    margin-bottom: 25px; }

  /* Address Information End */
  /* Whats in Season */
  .content-inner-wrapper .main-content.text-padding div.promo-section {
    display: block; }
    .content-inner-wrapper .main-content.text-padding div.promo-section .cycle-slide div.cycle-overlay.right {
      top: 15%;
      width: 85%;
      right: 0 !important; }
      .content-inner-wrapper .main-content.text-padding div.promo-section .cycle-slide div.cycle-overlay.right h3 {
        font-size: 1.5em; }
      .content-inner-wrapper .main-content.text-padding div.promo-section .cycle-slide div.cycle-overlay.right p {
        width: 90%; }
      .content-inner-wrapper .main-content.text-padding div.promo-section .cycle-slide div.cycle-overlay.right a.button-primary span.cta {
        height: 20px; }
    .content-inner-wrapper .main-content.text-padding div.promo-section .cycle-slide div.cycle-overlay p {
      margin-bottom: 0; }
    .content-inner-wrapper .main-content.text-padding div.promo-section .cycle-slide div.cycle-overlay .button-primary {
      margin-bottom: 0 !important; }
    .content-inner-wrapper .main-content.text-padding div.promo-section .jq-cycle-prev {
      left: -1px;
      bottom: 37%; }
    .content-inner-wrapper .main-content.text-padding div.promo-section .jq-cycle-next {
      right: -1px;
      bottom: 37%; }
  .content-inner-wrapper .main-content.text-padding section.events-grid article.panera-event div.one-column {
    margin: 0 !important;
    border: none; }
  .content-inner-wrapper .main-content.text-padding section.events-grid article.panera-event div.two-column.last {
    margin: 0 5% !important;
    width: 90% !important; }
    .content-inner-wrapper .main-content.text-padding section.events-grid article.panera-event div.two-column.last a.button-primary span.cta {
      height: 16px !important; }

  /* Whats in Season End*/
  #page-meet-my-panera .earn-rewards-last .earn-rewards a.button-primary .cta, #page-meet-my-panera .earn-rewards-last .earn-rewards .button-primary .cta {
    vertical-align: baseline; }

  /* My Panera Dashboard  start*/
  #my-rewards {
    overflow: hidden; }

  .more-info-wrapper {
    font-size: 1em !important; }

  .no-rewards .loyalty-panera-event.community {
    width: auto !important;
    padding: 15px 10px !important; }
    .no-rewards .loyalty-panera-event.community p {
      text-align: left !important; }

  .loyalty-user {
    /*Challenges Section*/ }
    .loyalty-user .loyalty-panera-event.community.group {
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      background-size: cover; }
    .loyalty-user p#info-reward-count {
      margin: 0;
      padding: 0;
      padding-bottom: 1.5em !important; }
    .loyalty-user .grid-row {
      padding-top: 0; }
    .loyalty-user .rewards-grid {
      width: 100%;
      margin-left: 0;
      background: #fff; }
      .loyalty-user .rewards-grid .loyalty-eq-column {
        width: 100%;
        display: block; }
        .loyalty-user .rewards-grid .loyalty-eq-column .rewards-image-container {
          padding: 0;
          margin: 0;
          border: 0; }
          .loyalty-user .rewards-grid .loyalty-eq-column .rewards-image-container img {
            width: 100%; }
        .loyalty-user .rewards-grid .loyalty-eq-column .dashboard-right-border {
          display: none; }
        .loyalty-user .rewards-grid .loyalty-eq-column.last {
          width: 98% !important;
          display: block;
          padding: 0 1% !important;
          background: #fff; }
          .loyalty-user .rewards-grid .loyalty-eq-column.last .reward-tile {
            padding-top: 1em;
            padding-left: 15px !important; }
            .loyalty-user .rewards-grid .loyalty-eq-column.last .reward-tile h2.item-name, .loyalty-user .rewards-grid .loyalty-eq-column.last .reward-tile p, .loyalty-user .rewards-grid .loyalty-eq-column.last .reward-tile p.reward-redeem {
              display: block;
              padding: 0;
              text-align: left;
              min-height: initial !important; }
      .loyalty-user .rewards-grid .share-reward {
        padding-bottom: 1.5em;
        /*border-bottom:1px solid #aeaeae;*/ }
        .loyalty-user .rewards-grid .share-reward p {
          padding-bottom: 5px;
          display: block; }
      .loyalty-user .rewards-grid .dashboard-right-border {
        height: 85%; }
    .loyalty-user .spl-message {
      background: #FFF; }
      .loyalty-user .spl-message .spl-msg-icon {
        padding: 0; }
      .loyalty-user .spl-message .spl-msg {
        padding: 0 0 0 2em;
        width: 60%; }
    .loyalty-user .reward-desc {
      background: #fff;
      padding-bottom: 20px; }
    .loyalty-user .loyalty-user .past-rewards-link, .loyalty-user .loyalty-user .past-challenges-link {
      float: none;
      text-align: center;
      width: 90%;
      margin-bottom: 1.5em;
      display: inline-block; }
    .loyalty-user .not-started .steps-info {
      display: block; }
    .loyalty-user .challenge {
      border-top: solid 1px #CDC5BF;
      padding-top: 2em;
      margin-top: 2em; }
      .loyalty-user .challenge h1 {
        width: 100%; }
      .loyalty-user .challenge p.sub-title {
        margin-bottom: 0; }
      .loyalty-user .challenge .correct {
        background-size: 40%; }
      .loyalty-user .challenge.last {
        border-bottom: solid 1px #CDC5BF;
        padding-bottom: 4em; }
      .loyalty-user .challenge .steps-info p.sub-title {
        text-align: center; }
      .loyalty-user .challenge .steps-info a.learn-more {
        margin-top: 0;
        margin-bottom: 1em; }
      .loyalty-user .challenge .steps-info .icon {
        max-width: 20%; }
      .loyalty-user .challenge .steps-header {
        clear: both; }
        .loyalty-user .challenge .steps-header h2 {
          margin-top: 0.5em;
          margin-left: 0;
          text-align: center; }
        .loyalty-user .challenge .steps-header div.icon {
          max-width: 20%;
          margin: 0 auto; }
      .loyalty-user .challenge .learn-more {
        display: block;
        float: none !important;
        max-width: 100%;
        text-align: center; }
      .loyalty-user .challenge.not-started .mob-challenge-started-anchors {
        display: none !important; }
      .loyalty-user .challenge .activity0 .loyalty-eq-column {
        width: 100%;
        float: none;
        text-align: center; }
      .loyalty-user .challenge .mob-link-as-button {
        font-size: 2em !important;
        height: 40px !important;
        line-height: 40px !important;
        margin: 1em auto !important;
        min-width: 90% !important;
        padding: 0 !important;
        text-align: center;
        width: 90% !important;
        display: block !important; }
        .loyalty-user .challenge .mob-link-as-button.hide {
          display: none !important; }
    .loyalty-user #loyalty-rewards-dashboard, .loyalty-user #loyalty-rewards {
      margin-left: 0;
      width: 100%; }
    .loyalty-user #loyalty-rewards-dashboard h1 {
      padding: 0;
      padding-top: 15px; }
    .loyalty-user .past-rewards-link, .loyalty-user .past-challenges-link {
      padding: 0 1em 1em 0; }
    .loyalty-user .no-recent-visits p {
      padding-bottom: 15px; }
    .loyalty-user .mychallenges {
      padding: 0; }
      .loyalty-user .mychallenges .reward-tile {
        padding: 0;
        text-align: center; }
        .loyalty-user .mychallenges .reward-tile h2.item-name {
          display: none; }
      .loyalty-user .mychallenges ul.challenges-steps li {
        width: 32.5%; }
      .loyalty-user .mychallenges ul.challenges-steps .active-arrow {
        background-position: 45% 100%; }
    .loyalty-user .challenge:first-child {
      border-top: 0;
      padding: 0;
      margin-top: 0; }
    .loyalty-user #challenge-popup {
      display: none !important; }
    .loyalty-user .past-challenges {
      border-top: 0; }
      .loyalty-user .past-challenges .past-challenge {
        display: block;
        padding-bottom: 2em;
        width: 35%;
        float: left;
        padding-right: 14%; }
    .loyalty-user .challenge-steps {
      /*display: table;*/ }
    .loyalty-user .steps {
      float: none;
      width: 100%;
      margin: 0;
      padding: 0;
      display: table-row; }
      .loyalty-user .steps .imgholder {
        width: 30% !important;
        margin: 0;
        display: table-cell !important; }
      .loyalty-user .steps .step-desc {
        max-width: 70%;
        padding-left: 4%;
        display: table-cell;
        margin-bottom: 0; }
      .loyalty-user .steps .correct {
        display: block !important;
        visibility: hidden !important; }
      .loyalty-user .steps.activity-completed .correct {
        visibility: visible !important; }
    .loyalty-user #past-challenges-wrapper {
      padding-top: 1em; }
    .loyalty-user .past-challenges-link {
      float: none;
      display: block;
      text-align: right;
      margin-top: 0; }
    .loyalty-user #mychallenges {
      clear: both;
      margin-top: 1em !important; }

  section.past-rewards-grid {
    padding: 0 !important;
    margin: 0 !important; }
    section.past-rewards-grid p#past-rewards-message {
      padding-left: 0.2em; }
    section.past-rewards-grid > h1 {
      padding: 15px !important; }

  .no-rewards-content article.loyalty-panera-event.community {
    width: auto !important;
    padding: 15px !important; }

  #loyalty-past-rewards article.past-rewards {
    width: 100%;
    padding-bottom: 0;
    border-top: 1px solid #aeaeae; }
    #loyalty-past-rewards article.past-rewards:first-child {
      padding-top: 0; }
    #loyalty-past-rewards article.past-rewards .loyalty-eq-column {
      width: 100%; }
      #loyalty-past-rewards article.past-rewards .loyalty-eq-column.last {
        width: 100%; }
      #loyalty-past-rewards article.past-rewards .loyalty-eq-column.reward-infn img {
        height: auto; }
  #loyalty-past-rewards .reward-tile {
    padding-left: 0;
    width: 98%;
    margin: 0 auto; }
    #loyalty-past-rewards .reward-tile h2 {
      margin-bottom: 0.25em; }
    #loyalty-past-rewards .reward-tile .reward-expired, #loyalty-past-rewards .reward-tile .reward-accept {
      margin: 0; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .loyalty-user .rewards-grid .loyalty-eq-column {
    width: 40%; }
    .loyalty-user .rewards-grid .loyalty-eq-column.last {
      width: 53.5%; }
  .loyalty-user .spl-message .spl-msg {
    width: 76%; } }
@media only screen and (max-width: 767px) {
  /* SASS specific to Campaign pages*/
  .donate-reward .button-primary {
    height: auto !important;
    line-height: 1 !important;
    padding: 4px !important; }

  .campaign-default .standard {
    display: block !important;
    width: 90% !important;
    top: 4em !important; }
    .campaign-default .standard h1 {
      display: block !important;
      font-size: 2.6em !important;
      text-align: center !important;
      position: relative;
      top: 0 !important;
      width: 90% !important;
      margin: 0 auto !important;
      vertical-align: middle !important;
      text-shadow: 2px 1px 2px rgba(13, 13, 14, 0.46); }
      .campaign-default .standard h1 span {
        padding: 0 !important; }
    .campaign-default .standard .guest-user-only {
      text-align: center; }
      .campaign-default .standard .guest-user-only a.button-primary {
        margin: 20px 0 10px !important; }
      .campaign-default .standard .guest-user-only .info-signup {
        text-align: center;
        font-size: 14px !important;
        margin: 0 0 3em !important;
        padding-bottom: 10px; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .campaign-default .standard .guest-user-only a.button-primary {
    line-height: 40px !important; } }
@media only screen and (max-width: 767px) {
  #locator-map {
    height: 27em;
    width: 100%;
    border: none; }

  .mobile-home-page {
    width: 100%; }
    .mobile-home-page #content-outer-wrapper {
      width: 100%; }
    .mobile-home-page footer nav {
      width: 100%;
      max-width: 100%; }

  .mob-car {
    width: 100%;
    float: left;
    line-height: 0;
    /*margin-top: 98px;*/
    position: relative;
    top: -4px; }
    .mob-car section {
      width: 100%;
      float: left; }
    .mob-car #owl-demo .item {
      padding: 0;
      margin: 0; }
      .mob-car #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto; }
      .mob-car #owl-demo .item span {
        font-size: 3.5em;
        position: absolute;
        bottom: 40px;
        width: 90%;
        padding: 0px 5%;
        text-align: center;
        display: block;
        color: #fff;
        font-family: 'Sina-Regular', serif !important;
        line-height: normal;
        text-shadow: 2px 1px 2px rgba(13, 13, 14, 0.46); }
    .mob-car .owl-theme .owl-controls {
      position: relative;
      margin: 0px;
      top: -38px; }
    .mob-car .owl-theme .owl-controls .owl-page span {
      background: none;
      opacity: 1;
      border: 2px solid #d6670f;
      width: 8px;
      height: 8px;
      margin: 5px 3px; }
    .mob-car .owl-theme .owl-controls .owl-page.active span, .mob-car .owl-theme .owl-controls.clickable .owl-page:hover span {
      background: #d6670f; }

  .bot-stripe {
    position: relative;
    height: 4px;
    width: 100%;
    background: url(clientLibs/css/images/footer-background.png) top repeat-x !important;
    bottom: 4px; }

  .mob-content {
    float: left;
    width: 90%;
    padding: 0px 5%; }
    .mob-content .ordernow-btn {
      width: 100%;
      text-align: center;
      margin: 0px 0 20px 0; }
      .mob-content .ordernow-btn a {
        width: 100%;
        display: inline-block;
        color: #fff;
        padding: 10px 0;
        background: #d66629 !important;
        font-size: 2.4em;
        font-family: 'Sina-Regular', serif !important; }
      .mob-content .ordernow-btn img {
        display: none; }
    .mob-content .fav-panel {
      width: 100%;
      float: left;
      background: #fff;
      text-align: center;
      margin: 0 0 20px 0; }
      .mob-content .fav-panel em {
        font-family: fugu, cursive;
        font-size: 1.55em;
        font-style: normal;
        line-height: 0; }
      .mob-content .fav-panel .fav-head {
        width: 100%;
        font-size: 2.4em;
        padding: 10px 0;
        font-family: 'Sina-Regular', serif !important; }
        .mob-content .fav-panel .fav-head img {
          margin: -2px 0 0 0;
          display: none; }
      .mob-content .fav-panel .fav-banner {
        width: 100%; }
        .mob-content .fav-panel .fav-banner img {
          width: 100%; }
      .mob-content .fav-panel .fav-content {
        width: 90%;
        padding: 20px 5%;
        border-bottom: 2px dotted #e6d7c1;
        font-size: 1.7em; }
        .mob-content .fav-panel .fav-content .fav-content-top {
          width: 100%;
          font-size: 1.4em;
          color: #d5680b; }
        .mob-content .fav-panel .fav-content .fav-content-bot {
          width: 100%;
          font-size: 1em;
          padding: 10px 0 0 0; }
          .mob-content .fav-panel .fav-content .fav-content-bot label.strike-out {
            text-decoration: line-through; }
      .mob-content .fav-panel .signin-panel {
        border-bottom: 2px dotted #e6d7c1;
        margin-bottom: 20px; }
      .mob-content .fav-panel .order-panel, .mob-content .fav-panel .signin-panel {
        width: 100%;
        display: table; }
        .mob-content .fav-panel .order-panel > div, .mob-content .fav-panel .signin-panel > div {
          width: 49%;
          vertical-align: middle;
          display: table-cell;
          font-size: 1.4em;
          padding: 10px 0; }
          .mob-content .fav-panel .order-panel > div span, .mob-content .fav-panel .signin-panel > div span {
            font-size: 1.6em;
            color: #af5026; }
            .mob-content .fav-panel .order-panel > div span a, .mob-content .fav-panel .signin-panel > div span a {
              font-family: 'Sina-Regular', serif !important; }
          .mob-content .fav-panel .order-panel > div div.left, .mob-content .fav-panel .order-panel > div div.right, .mob-content .fav-panel .signin-panel > div div.left, .mob-content .fav-panel .signin-panel > div div.right {
            display: table-cell;
            vertical-align: top; }
          .mob-content .fav-panel .order-panel > div div.left, .mob-content .fav-panel .signin-panel > div div.left {
            width: 35%;
            padding: 10px 5%;
            vertical-align: middle; }
          .mob-content .fav-panel .order-panel > div div.right, .mob-content .fav-panel .signin-panel > div div.right {
            width: 50%;
            text-align: left;
            padding: 10px 5% 10px 0;
            font-size: 0.9em; }
          .mob-content .fav-panel .order-panel > div label, .mob-content .fav-panel .signin-panel > div label {
            font-size: 1.2em;
            font-weight: bold; }
          .mob-content .fav-panel .order-panel > div label.circle, .mob-content .fav-panel .signin-panel > div label.circle {
            border: 2px solid #7e5d3f;
            border-radius: 50%;
            padding: 12% 25%;
            font-size: 200%;
            color: #7e5d3f; }
        .mob-content .fav-panel .order-panel > div:first-child, .mob-content .fav-panel .signin-panel > div:first-child {
          border-right: 2px dotted #e6d7c1; }
        .mob-content .fav-panel .order-panel.my-panera, .mob-content .fav-panel .signin-panel.my-panera {
          border-top: 2px dotted #e6d7c1;
          border-bottom: 2px dotted #e6d7c1;
          margin: 0 0 20px 0; }
        .mob-content .fav-panel .order-panel ul, .mob-content .fav-panel .signin-panel ul {
          width: 100%;
          padding: 0px;
          margin: 0 0 20px 0;
          list-style: none;
          border-top: 2px dotted #e6d7c1; }
          .mob-content .fav-panel .order-panel ul li, .mob-content .fav-panel .signin-panel ul li {
            width: 90%;
            padding: 10px 5%;
            margin: 0px;
            border-bottom: 2px dotted #e6d7c1;
            font-size: 1.8em;
            text-align: center; }
      .mob-content .fav-panel .fav-map {
        width: 100%;
        margin: 0 0 20px 0; }
        .mob-content .fav-panel .fav-map img {
          width: 100%; }
      .mob-content .fav-panel #mob-map-canvas {
        min-height: 250px;
        height: 100% !important; }
        .mob-content .fav-panel #mob-map-canvas .gm-style-iw {
          width: 94% !important;
          height: auto !important; }
          .mob-content .fav-panel #mob-map-canvas .gm-style-iw > div {
            overflow: hidden !important; }
        .mob-content .fav-panel #mob-map-canvas .gmnoprint, .mob-content .fav-panel #mob-map-canvas .gm-style-cc {
          display: none; }
        .mob-content .fav-panel #mob-map-canvas #content {
          min-height: 50px !important;
          width: 100% !important;
          padding: 5px 0px !important;
          margin-top: 20px !important;
          font-size: 1em;
          color: #4c3327;
          text-align: left; }
          .mob-content .fav-panel #mob-map-canvas #content .cafeId span {
            font-weight: bold; }
          .mob-content .fav-panel #mob-map-canvas #content .cafeAddr {
            /*font-size: 1.5em !important;*/
            color: #d66629; }
          .mob-content .fav-panel #mob-map-canvas #content .cafeTime {
            font-weight: bold; }
      .mob-content .fav-panel .ordernow-btn {
        width: 90%;
        padding: 0 5%; }
    .mob-content ul.mob-cs-nav {
      width: 100%;
      padding: 0px;
      margin: 0;
      float: left; }
      .mob-content ul.mob-cs-nav li {
        list-style: none;
        width: 33%;
        margin: 0px;
        padding: 0px 0px 15px 0;
        float: left;
        text-align: center;
        font-size: 2.1em; }
        .mob-content ul.mob-cs-nav li a {
          width: 100%;
          background: #f1e1bd;
          padding: 20px 0px;
          float: left;
          border-left: 1px solid #d9c9a5; }
        .mob-content ul.mob-cs-nav li.selected, .mob-content ul.mob-cs-nav li:hover {
          background: url(clientLibs/css/images/mobile/mob-menu-bot.png) no-repeat bottom center; }
        .mob-content ul.mob-cs-nav li.selected a, .mob-content ul.mob-cs-nav li:hover a {
          background: #fff; }
      .mob-content ul.mob-cs-nav li:first-child a {
        border-left: none; }
      .mob-content ul.mob-cs-nav li:last-child {
        width: 33.4%;
        float: right; }
    .mob-content .search-panel {
      width: 100%;
      float: left;
      margin: 0 0 20px 0;
      background: #fff;
      border: 1px solid #ccc; }
      .mob-content .search-panel input {
        width: 80%;
        border: 0 none;
        padding: 11px 0 9px 5px;
        float: left;
        margin: 0px 0 0 0;
        font-family: 'Sina-Regular', serif !important;
        font-size: 1.7em;
        outline: none; }
      .mob-content .search-panel button {
        background: #e16a0b;
        padding: 13px 11px;
        border: 0 none;
        margin: -1px 0 0 -2px;
        float: right;
        outline: none;
        font-size: 1.4em;
        color: #fff; }
    .mob-content .mob-filter-panel ul {
      width: 40%;
      margin: 0px 0 10px 0;
      padding: 0px;
      list-style: none;
      font-size: 1.4em;
      float: left; }
      .mob-content .mob-filter-panel ul li {
        width: 50%;
        float: left;
        text-align: center; }
        .mob-content .mob-filter-panel ul li a {
          width: 100%;
          background: #f1e1bd;
          float: left;
          padding: 10px 0; }
        .mob-content .mob-filter-panel ul li a:hover {
          color: #000; }
        .mob-content .mob-filter-panel ul li.selected a, .mob-content .mob-filter-panel ul li.selected a:hover {
          background: #fff;
          color: #000; }
    .mob-content .mob-filter-panel div.filter-link {
      width: 50%;
      float: right;
      font-size: 1.4em;
      margin: 10px 0 0 0;
      background: url(clientLibs/css/images/mobile/mob-filter-icon.png) no-repeat center right;
      text-align: right; }
      .mob-content .mob-filter-panel div.filter-link a {
        padding: 8px 20px 0px 0; }
    .mob-content .cs-main-panel {
      width: 90%;
      padding: 10px 5%;
      margin: 0 0 20px 0;
      background: #fff;
      float: left;
      /*font-size: 1.5em;*/ }
      .mob-content .cs-main-panel .cs-list-panel {
        min-height: 20em; }
        .mob-content .cs-main-panel .cs-list-panel > ul {
          width: 100%;
          list-style: none;
          padding: 0px;
          margin: 0px; }
      .mob-content .cs-main-panel .cs-map-panel {
        width: 100%;
        float: left; }
        .mob-content .cs-main-panel .cs-map-panel #mob-map-canvas {
          min-height: 250px;
          height: 100% !important; }
      .mob-content .cs-main-panel .cs-list-panel {
        display: none; }

  /*End of mob-content*/
  .filter-overlay {
    position: fixed;
    display: none;
    z-index: 100;
    width: 100%;
    padding: 0px 0;
    font-size: 1.4em;
    height: 80%; }
    .filter-overlay .filter-head-line {
      padding: 0 0 10px 0;
      float: left;
      width: 100%;
      font-size: 1em; }
    .filter-overlay .filter-head-buttons {
      position: relative;
      width: 90%;
      margin: 0 auto; }
      .filter-overlay .filter-head-buttons .float-left {
        float: left; }
      .filter-overlay .filter-head-buttons .float-right {
        float: right; }
      .filter-overlay .filter-head-buttons .button-primary {
        height: 32px !important; }
      .filter-overlay .filter-head-buttons .button-secondary {
        background: transparent; }
    .filter-overlay #btn-filter-cancel {
      font-size: 1em !important; }
    .filter-overlay ul.filter-main-con {
      height: 80%;
      overflow: auto;
      width: 100%;
      float: left;
      padding: 0px;
      margin: 0px;
      list-style: none;
      font-family: 'DINWeb',sans-serif; }
      .filter-overlay ul.filter-main-con span {
        display: block;
        color: #ddcead;
        font-weight: normal; }
      .filter-overlay ul.filter-main-con li {
        width: 80%;
        padding: 10px 5%;
        margin: 0 5%;
        background: #fff;
        float: left;
        border-bottom: 2px dotted #e6d7c1;
        font-weight: bold;
        display: table-row; }
        .filter-overlay ul.filter-main-con li input[type=checkbox] {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          background: url("clientLibs/css/images/mobile/mob-filter-chk.png") 0px -77px no-repeat;
          width: 35px;
          height: 35px;
          float: left;
          display: table-cell;
          outline: none;
          border: 0; }
        .filter-overlay ul.filter-main-con li input[type=checkbox]:checked {
          background: url("clientLibs/css/images/mobile/mob-filter-chk.png") 0px -8px no-repeat;
          border-color: #af5026; }
          .filter-overlay ul.filter-main-con li input[type=checkbox]:checked::after {
            border: 0; }
        .filter-overlay ul.filter-main-con li input.select-all[type=checkbox]:checked {
          background: url("clientLibs/css/images/mobile/mob-filter-chk.png") 0px -42px no-repeat; }
        .filter-overlay ul.filter-main-con li label {
          width: 80%;
          word-wrap: break-word;
          display: table-cell;
          vertical-align: middle;
          height: 34px;
          padding-left: 20px; }

  .filter-overlay-fade {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 90;
    background: #f9f1e0;
    -moz-opacity: 0.9;
    /* makes the div transparent, so you have a cool overlay effect */
    opacity: .90;
    filter: alpha(opacity=90); }

  .mob-footer-nav {
    clear: both;
    background: none;
    width: 90%;
    padding: 0 5%;
    font-size: 1.1em;
    letter-spacing: -0.5px;
    margin: 0 !important; }
    .mob-footer-nav div.copyright-wrapper {
      height: auto;
      float: left;
      width: 100%;
      font-size: 12px !important;
      font-family: 'DINWeb',sans-serif !important;
      padding: 0 0 2.5em; }
      .mob-footer-nav div.copyright-wrapper .legal {
        margin-top: 0.7em;
        float: left;
        width: 100%;
        line-height: normal;
        height: auto; }
        .mob-footer-nav div.copyright-wrapper .legal a {
          margin-left: 0em;
          padding-left: 6px;
          padding-right: 2px;
          /*font-family:'Sina-Regular', serif !important;*/ }
      .mob-footer-nav div.copyright-wrapper .nobg a {
        background: none !important;
        padding-left: .2em !important;
        padding-right: 0 !important; }
      .mob-footer-nav div.copyright-wrapper .legal.group {
        font-size: 12px !important;
        font-family: 'DINWeb',sans-serif !important; }
        .mob-footer-nav div.copyright-wrapper .legal.group a {
          /*font-weight:bold !important; */
          font-family: 'DINWebMedium',sans-serif !important; }
      .mob-footer-nav div.copyright-wrapper span.copyright {
        font-weight: normal; }
      .mob-footer-nav div.copyright-wrapper .mob-social-links {
        clear: both;
        padding-top: 2.5em; }
        .mob-footer-nav div.copyright-wrapper .mob-social-links a {
          padding-right: 0.6em; }

  #my_orders.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 115%;
    left: -10.8%; }

  #my_orders .my-orders {
    width: 97%;
    margin: 0 auto;
    margin-left: 12%;
    background: #FFF; }

  .fav-panel.fav-cont {
    background: transparent; }

  .rewards-panel {
    border-top: 2px dotted #e6d7c1;
    border-bottom: 2px dotted #e6d7c1;
    font-size: 2em;
    margin: 10px 0 20px 0;
    display: table;
    width: 100%;
    overflow: hidden; }
    .rewards-panel li {
      display: inline-block;
      list-style: none;
      vertical-align: top;
      padding: 7% 3% 5% 3%;
      width: 50%;
      box-sizing: border-box;
      word-wrap: break-word;
      padding-bottom: 515px;
      margin-bottom: -500px; }
      .rewards-panel li:first-child {
        border-right: 2px dotted #e6d7c1; }
      .rewards-panel li .rewards-left, .rewards-panel li .visits-left {
        /*border: 3px solid #7C5B3E;
        border-radius: 62%; */
        border: 0;
        border-radius: 0;
        width: 100%;
        text-align: center;
        font-size: 1.6em;
        color: #7C5B3E;
        float: left;
        margin-right: 6%;
        padding-top: 2%; }
      .rewards-panel li .visits {
        display: block;
        line-height: 1em;
        font-size: 0.75em;
        font-family: "DinWeb", sans-serif;
        padding: 2% 0;
        text-align: center; }

  .mobile-recipe-tab-section .show-items a {
    font-family: 'Sina-Regular', serif; }

  .promo-section {
    display: none;
    background: #fff; }

  .fav-panel .loyalty-right-rail .rewards-panel li .visits-left, .fav-panel .loyalty-right-rail .rewards-panel li .rewards-left {
    border: 0;
    border-radius: 0;
    width: 100%;
    text-align: center;
    font-size: 1.6em;
    color: #7c5b3e;
    float: left;
    margin-right: 6%;
    padding-top: 2%;
    background: none; }
  .fav-panel .loyalty-right-rail .rewards-panel li .visits {
    display: block;
    padding: 2% 0;
    font-size: 0.9em;
    display: block;
    line-height: 1em;
    font-size: 15px;
    width: auto;
    margin: 0;
    color: #4C3327;
    text-align: center;
    font-family: "DinWeb", sans-serif; }

  .fav-panel .loyalty-right-rail .rewards-panel {
    padding-top: 0; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
  /*Mobile Home page*/
  .rewards-panel li .visits-left, .rewards-panel li .rewards-left {
    width: 22%;
    padding-top: 2%; }
  .rewards-panel li .visits {
    padding: 2% 0;
    font-size: 0.9em; } }
/* handling layout only*/
@media only screen and (max-width: 767px) {
  body {
    /* board of directors bio-article */
    /* End board of directors bio-article */
    /*......story landing page .....*/
    /* ...... story details page ...... */
    /* Article Detail Page */
    /*}*/
    /* mobile-sort-recipe code here */ }
    body #two-column-space.two-column-large {
      float: left;
      margin-right: 0;
      width: 100%; }
    body .content-inner {
      padding-top: 0; }
    body article.two-column-large {
      margin-top: -0.5em; }
    body div.utility.group {
      display: none !important; }
    body #page-header {
      min-height: 67px;
      position: static;
      height: 67px; }
    body .nav-top-wrapper {
      max-width: 90%;
      min-width: 70%; }
    body .main-content.text-padding {
      padding: 3em 1.5em 3em 1.5em; }
    body a.logo {
      display: inline-block;
      position: relative;
      height: 82px;
      top: -2px; }
    body .content-inner {
      padding-top: 0;
      /*	margin-top: 1em; */ }
    body .bio-article.group .img-column {
      width: 40%;
      float: left; }
    body .bio-article.group .text-column {
      width: 50%;
      float: left;
      margin-top: 0; }
    body .column-reset .img-column {
      width: auto !important; }
    body .column-reset .text-column {
      width: auto !important; }
    body .main-content p {
      /* margin-bottom: 0.775em; */
      font-size: 1.2em;
      margin-bottom: 0.8em;
      line-height: 1.358em; }
    body .financial-report-article p.clear-spacing {
      margin-bottom: 0; }
    body #accordian-contents h2 #accordian-content h2 {
      margin-top: 0.9em;
      line-height: 0.8;
      margin-bottom: 0.5em;
      color: #963;
      font: normal normal normal 2em/0.85 'Sina-Regular', serif; }
    body .button-primary, body .grid.assets-grid article.promo-tile a.button-primary {
      font-size: 1.5em; }
    body .template-body img.align-left {
      float: left;
      margin: 0 2em 1em 0; }
    body .global-no-bullet-list .file-content {
      line-height: 1.2em; }
    body .global-no-bullet-list, body .global-list {
      font-size: 1.4em; }
    body li.global-list {
      font-size: inherit; }
    body .button-secondary {
      font-size: 1.4em;
      height: 25px;
      line-height: 28px;
      padding: 0; }
      body .button-secondary a {
        background: none repeat scroll 0 0 #d66629 !important;
        color: #fff;
        padding: 5px; }
    body .grid.assets-grid article.placard .label-tertiary-plain {
      left: 0;
      padding: 0 10px;
      font-size: 1.2em; }
    body .grid.assets-grid article .item.with-right-border {
      border-right: none;
      margin-top: 1.2em; }
    body .grid-separator {
      display: none; }
    body .grid.assets-grid article .item, body .grid.assets-grid article.promo-tile a {
      padding: 0 5.1%;
      position: relative;
      margin-top: 1em; }
    body .three-column {
      /*display:none;*/
      clear: both; }
    body .mrgtppt2 {
      margin-top: 0; }
    body .in-page-nav.no-banner .back-link {
      background: none;
      padding: 0;
      margin: 0; }
    body .back-link .back-button-primary {
      background-image: left !important;
      margin-top: 1em;
      padding-left: 25px; }
    body .page-label {
      margin-bottom: 1.2em;
      margin-left: 0;
      margin-top: 1em; }
    body .text-content {
      width: 100%;
      padding: 0; }
    body .article-display {
      width: 100%;
      height: auto; }
    body .article-copy p, body .article-copy h2 {
      max-width: 100%; }
    body .in-page-nav {
      min-height: 0; }
    body blockquote {
      display: none; }
    body .promo-section .promo-desc.with-promo-label {
      padding: 0 5% 0 5%; }
    body .promo-section .two-column {
      width: 100%;
      margin-bottom: 5%; }
    body h1.with-article-caption {
      margin-bottom: 0.4em;
      line-height: 1em;
      font: normal normal normal 2.4em/0.85 'Sina-Regular', serif; }
    body .article-copy p {
      margin-bottom: 1.4em;
      font-size: 1.2em; }
    body .article-copy h4 {
      font-size: 1.2em; }
    body .grid.assets-grid h2 {
      margin-left: 0; }
    body .mobile-grid {
      width: 100%;
      margin: 0 atuo;
      background-color: yellow;
      height: auto;
      padding: 0; }
    body.page-article-detail {
      /* Recipe grid, in an article detail page */ }
      body.page-article-detail .main-content {
        padding-bottom: 2em; }
      body.page-article-detail .img-placeholder {
        display: none; }
      body.page-article-detail .grid article.placard .item-header, body.page-article-detail .grid article.placard .item-info, body.page-article-detail .grid article.placard .placard-item {
        position: static; }
      body.page-article-detail .grid article.placard .item-header {
        height: auto; }
      body.page-article-detail .placard .label-tertiary-plain {
        display: none !important; }
      body.page-article-detail .grid article.placard span.item-title {
        position: absolute;
        right: 0;
        width: 45%;
        top: 0;
        font-size: 1.4em;
        padding-top: 5%; }
      body.page-article-detail .new-color {
        color: inherit !important; }
      body.page-article-detail .grid article.one-column img, body.page-article-detail .grid article.two-column img {
        width: 52%; }
      body.page-article-detail .video-thumb-play {
        display: none; }
      body.page-article-detail .item {
        margin-top: 0 !important; }
      body.page-article-detail .grid-separator {
        display: block;
        padding: 0; }
      body.page-article-detail .grid.assets-grid article .item, body.page-article-detail .grid.assets-grid article.promo-tile a {
        padding: 0; }
      body.page-article-detail .one-column.last {
        padding-bottom: 0; }
      body.page-article-detail .content-inner {
        padding-top: 0;
        margin-top: 0; }
      body.page-article-detail .social-icons {
        margin: 20% 0 0 0; }
      body.page-article-detail .one-column {
        border-bottom: none; }
      body.page-article-detail .page-label {
        display: none !important; }
      body.page-article-detail .main-content .in-page-nav {
        margin-bottom: 1em;
        background: #fff; }
      body.page-article-detail .main-content.no-padding .in-page-nav {
        padding: 2em 5% 0 5%; }
      body.page-article-detail .main-content .back-button-primary span {
        left: 0;
        width: 20px; }
      body.page-article-detail div.recipe {
        margin-top: 0 !important; }
        body.page-article-detail div.recipe ul.asset-serving-detail {
          margin-top: 0;
          width: 52.5%; }
          body.page-article-detail div.recipe ul.asset-serving-detail li {
            margin-bottom: 0;
            background: none;
            padding: 0;
            font-family: "DinWebMedium",Serif;
            font-weight: normal;
            color: #4c3327;
            font-size: 1em; }
            body.page-article-detail div.recipe ul.asset-serving-detail li.item-title {
              color: #af5026;
              border-top: 1px solid #eeebea;
              padding-top: 0.8em;
              font-family: 'DINWebBold';
              line-height: 1.2em; }
        body.page-article-detail div.recipe .item-info {
          width: 100%;
          padding: 0; }
          body.page-article-detail div.recipe .item-info img {
            max-width: 100%;
            height: auto;
            width: 42.5%; }
        body.page-article-detail div.recipe .recipe-arrow {
          width: 8% !important;
          text-align: right;
          position: absolute;
          top: 40%;
          right: 0; }
    body.grid-landing .banner p {
      width: 80% !important;
      font-size: 1em;
      padding-top: 0 !important;
      display: block !important; }
    body.grid-landing .banner {
      min-height: 150px !important;
      background-size: cover; }
    body.grid-landing .banner .standard {
      padding: 4em 2em 0 3.3em !important;
      display: block !important;
      position: relative; }
      body.grid-landing .banner .standard * {
        display: none !important; }
      body.grid-landing .banner .standard h1, body.grid-landing .banner .standard h2 {
        display: block !important;
        top: 30%; }
    body.grid-landing .banner p:last-child {
      margin-bottom: 2em; }
    body.campaign-default section.banner h1 {
      margin-bottom: 0; }
    body.campaign-default section.banner p {
      display: block !important; }
    body a .placard-item lable .label-tertiary-plain {
      display: none; }
    body .header-button-container {
      display: none; }
    body ul.member-nav {
      display: none; }
    body .content-inner-wrapper {
      background: none;
      margin: 0 auto;
      width: 90%;
      padding: 0 10%;
      position: relative;
      z-index: 2; }
    body .one-column {
      float: left !important;
      width: 100% !important;
      margin-top: 1%;
      padding-bottom: 5%;
      border-bottom: 0; }
    body .standard {
      display: none; }
    body .grid.assets-grid article.placard .item-header, body .grid.assets-grid article.placard .item-info {
      padding: 0 0%;
      width: 100%; }
    body .content-inner-wrapper {
      background: none;
      margin: 0 auto;
      padding: 0 1%;
      position: relative;
      z-index: 2; }

  /* mobile-sort-recipe end here */
  /* In the Community */
  .wifi-landing article.eq-column.last {
    padding: 0 !important;
    width: 100% !important; }
    .wifi-landing article.eq-column.last h2 {
      padding: 0 5% !important; }
    .wifi-landing article.eq-column.last p {
      padding: 0 5%; }
    .wifi-landing article.eq-column.last a.grid-anchor p.grid-img {
      padding: 0 !important; }

  /* Gift Cards */
  .gift-card-landing .assets-grid article.eq-column.last {
    background: #fff;
    margin: 0;
    padding: 0 !important;
    width: 100% !important; }
    .gift-card-landing .assets-grid article.eq-column.last h2 {
      line-height: 20px;
      margin-bottom: 0;
      margin-left: 0;
      margin-top: 0;
      padding: 2% 5%;
      font-size: 20px; }
    .gift-card-landing .assets-grid article.eq-column.last p {
      padding: 0 5%; }
    .gift-card-landing .assets-grid article.eq-column.last p.grid-img {
      margin: 0 auto;
      padding: 0 !important; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .button-primary {
    font-size: 1.4em;
    height: 25px;
    line-height: 23px; }

  .grid.assets-grid article .item, .grid.assets-grid article.promo-tile a {
    padding: 0 13%; } }
/*Handling individual page over-rides */
#mmenu-pholder-top {
  margin: 0;
  text-align: center;
  background: #fff;
  padding: 0.5em; }

#mmenu-pholder-bottom {
  margin: 0;
  text-align: center;
  background: #fff;
  padding: 0.5em; }

.mmenu-ui-container {
  font-size: 1.2em; }

.mmenu-pholder {
  display: table-row;
  text-align: center; }

.mmenu-wrapper {
  display: inline-block;
  text-align: center;
  width: 200px; }

.modal-selector {
  font-size: 1.2em;
  background: #fff;
  position: relative; }
  .modal-selector .modal-selector-title {
    color: #af5026;
    cursor: pointer;
    font-family: 'DINWebMedium',sans-serif;
    font-size: 1.2em; }
  .modal-selector .custom-dropdown-arrow span {
    top: 0; }
  .modal-selector .tab-section li {
    display: block; }
    .modal-selector .tab-section li a {
      display: block; }
      .modal-selector .tab-section li a.nav-active {
        background: none;
        color: #af5026; }
  .modal-selector .modal-selector-content {
    position: absolute;
    display: none;
    z-index: 3;
    background: inherit;
    top: -4px;
    -webkit-background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); }
    .modal-selector .modal-selector-content h2 {
      font-size: 1.2em;
      margin: 0;
      text-align: left;
      padding: 0.75em;
      border-bottom: 1px solid #e5e0cd; }
    .modal-selector .modal-selector-content ul li {
      display: none !important;
      margin: 0;
      border: 0; }
      .modal-selector .modal-selector-content ul li.no-anchor {
        padding: 0.5em 1em;
        font-size: 14px; }
      .modal-selector .modal-selector-content ul li.separator {
        margin: 1px 3px 2px;
        border-bottom: 1px solid #e5e0cd;
        padding-top: 1px;
        pointer-events: none; }
      .modal-selector .modal-selector-content ul li a {
        padding: 0.5em 1em;
        font-size: 14px; }
        .modal-selector .modal-selector-content ul li a:hover {
          background: #4c3327 !important;
          color: #fff; }
      .modal-selector .modal-selector-content ul li .link-active, .modal-selector .modal-selector-content ul li a.nav-active {
        background: transparent url("clientLibs/css/images/mobile/menu-selection.gif") 99% center no-repeat; }
      .modal-selector .modal-selector-content ul li span.link-active {
        display: block; }
  .modal-selector.show .modal-selector-content {
    width: 200px;
    min-height: 120px;
    max-height: 180px;
    overflow: auto;
    display: block; }
    .modal-selector.show .modal-selector-content ul li {
      display: block  !important; }
  .modal-selector.show .modal-close {
    width: 21px;
    height: 20px;
    position: absolute;
    background: url("clientLibs/css/images/mobile/menu-close.gif") right top no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 999;
    left: 190px;
    top: -14px; }

.mmenu-bottom {
  z-index: 50; }
  .mmenu-bottom .modal-selector-content {
    top: -100px; }
  .mmenu-bottom .modal-close {
    top: -115px !important; }

/* Handling dynamic menu for mobile pages */
/* ==========================================================================
=MODAL WINDOW
========================================================================== */
.overlay-on {
  overflow-x: hidden;
  overflow-y: scroll;
  visibility: visible; }

.modal-mask, .modal-mask-2 {
  background: none repeat scroll 0 0 #000;
  filter: alpha(opacity=50);
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 990;
  zoom: 1; }

.modal-mask.modal2-opened {
  z-index: 992; }

.overlay-wrap {
  left: 0;
  min-height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001; }

#overlay-wrapper {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 2.5em 0 !important; }

.overlay-wrap .inner {
  height: 100%;
  overflow: hidden;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  width: 100%; }

.overlay-wrap .inner:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.38em;
  vertical-align: middle;
  width: 0.1em; }

.overlay-on .overlay-wrap .inner {
  overflow: auto;
  padding: 150px 0; }

.overlay-on #overlay-wrapper-root.overlay-wrap .inner {
  overflow-y: visible !important;
  position: fixed; }

.overlay-on #overlay-wrapper-root.overlay-wrap.secondary-reg .inner {
  overflow-y: scroll !important; }

.hide-overflow {
  position: fixed !important;
  width: 100%;
  height: 100%; }

.lt-ie10 .hide-overflow {
  position: static !important; }

.overlay-wrap .overlay {
  background: none repeat scroll 0 0 #fff;
  display: inline-block;
  max-width: 637px;
  min-width: 540px;
  padding: 2em 2.5em;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.overlay a.overlay-close {
  background: url(clientLibs/css/images/global_icon_close.png) no-repeat scroll 0 0 transparent;
  display: block;
  height: 12px;
  position: absolute;
  right: 1em;
  top: 1em;
  width: 12px; }

.overlay-on .overlay a.overlay-close {
  top: 1.4em;
  right: 1.4em; }

.overlay-on .tab-section li {
  margin-right: 5.4%; }

.overlay-on .overlay .overlay-desc {
  padding-bottom: 2em; }

.overlay .tab-section, .overlay .overlay-header {
  font-size: 1.6em;
  margin-bottom: 1em; }

.overlay .overlay-header:after, .overlay .overlay-content:after {
  content: "";
  display: table;
  clear: both; }

.overlay .overlay-header h3 {
  display: block;
  float: left;
  margin: 0; }

.overlay .overlay-header h2 {
  color: #996633;
  line-height: 1em;
  font-size: 1.4em;
  margin: 1em 0; }

.overlay .overlay-header a {
  display: block;
  float: right; }

.overlay em, .welcome-banner em, .join-grid em, .join-grid span.style-em {
  font-family: fugu, cursive;
  font-style: normal;
  line-height: 0; }

.overlay .video-container {
  margin: 0.7em 0 2.1em; }

.welcome-banner .pipe-symbol {
  border-left: 1px solid #fff;
  margin: 0 0.5em 0 0.5em; }

.standard .welcome-banner {
  font-family: 'Sina-Regular', serif;
  font-size: 1.8em; }

.join-grid {
  text-align: center; }

.assets-grid article .item.join-grid {
  padding: 10% 0;
  width: 92%; }

.join-grid em, .join-grid span.style-em {
  margin: 0 0 0 0.25em; }

.join-grid span.style-em {
  font-style: italic; }

.join-grid p, .join-grid h4 {
  left: 0;
  /* position:absolute; */
  width: 100%; }

.join-grid p.item-desc {
  font: normal normal normal 1.4em/1.4 'DinWebMedium', serif;
  padding: 0 1em;
  top: 28%;
  width: 90%; }

.join-grid h4 {
  font-family: 'Sina-Regular', serif;
  font-size: 3em;
  left: 0;
  top: 6%;
  width: 100%; }

.join-grid p.item-join-now {
  font-size: 1em;
  top: 60%; }

.join-grid p.sign-in {
  bottom: 2%; }

.join-grid .button-primary {
  min-width: 5.4em; }

/* TODO: THIS MUST BE REMOVED - USE PRIMARY BUTTON STYLE
.join-grid .button-quaternary{
    margin: 1em 0;
    display: inline-block;
}
*/
.join-grid .sign-in {
  color: #666; }

.join-grid .sign-in-link {
  font-family: "DinWebRegular",Sans-serif;
  display: inline;
  color: #af5026;
  font-size: 1em; }

.overlay .overlay-desc, .overlay .overlay-content {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  padding-bottom: 1em;
  margin-bottom: 1em; }

/*
.overlay .overlay-footer label{
    display:block;
    font-size:1.4em;
    padding:0 2em;
    padding-bottom:1em;
    padding-top:0.2em;
    position:relative;
}
.overlay .overlay-footer label input{
    position:absolute;
    left:0;
    top:0;
}*/
.overlay .video-header {
  margin-bottom: 1em; }

#overlay-wrapper.overlay .tab-section, #overlay-wrapper .overlay .overlay-header {
  margin-bottom: 1.2em; }

.overlay-on .overlay .overlay-desc {
  padding-bottom: 1em; }

#overlay-wrapper.overlay .overlay-header {
  line-height: 1.2;
  margin-bottom: 0; }

#overlay-wrapper .overlay-desc {
  padding-bottom: 2.7em;
  margin-bottom: 1.2em; }

#overlay-wrapper .overlay-desc p {
  margin-bottom: 0;
  padding-top: 1em; }

#overlay-wrapper .overlay-desc p:first-child, #overlay-wrapper .overlay-desc p.first {
  margin-bottom: 0;
  padding-top: 1.35em; }

#overlay-wrapper p {
  line-height: 1.358em; }

#overlay-wrapper .inline-message {
  height: 1.55em; }

#overlay-wrapper.overlay .overlay-header:after, #overlay-wrapper.overlay .overlay-content:after {
  display: block; }

#overlay-wrapper.overlay .overlay-header h3 {
  float: none; }

#overlay-wrapper table.user-form label {
  margin-bottom: 0; }

#overlay-wrapper.signin-acknowledgment .overlay-content {
  background: none; }

/* Sign in promo */
.modal-promo-tbl {
  margin-bottom: 0;
  padding: 1.5em;
  background: #f2ecdd;
  color: #4c3327;
  font-family: "DINWebRegular", "serif"; }

.modal-promo-tbl h3 {
  margin-bottom: 1.1em;
  font-size: 1.4em; }

.modal-promo-tbl p {
  font-size: 1em;
  margin-bottom: 1.5em; }

.modal-promo-tbl a.label-primary-plain {
  font: normal normal normal 120% 'Sina-Regular', san-serif;
  padding: 0.4em 0.7em; }

.cont-submit-button {
  margin: 0;
  width: 33.25em;
  font-size: 10px;
  text-align: right;
  padding: 1em 0; }

#identify_account_form .cont-submit-button {
  width: 32em; }

.cont-submit-button span.nav-cancel {
  font-size: 1.4em;
  display: inline;
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) right top repeat-y;
  padding-right: 1em;
  margin-right: 0.7em; }

.cont-submit-button-items {
  display: inline-block;
  text-align: left; }

.cont-submit-button .cont-submit-anchor {
  padding-top: 0.5em;
  margin-bottom: 0; }

#cont-blank-modal-signin {
  height: 3em; }

#sign-in-modal .overlay-content {
  background: none;
  padding-bottom: 0;
  margin-bottom: 0; }

#form_forgot_password table {
  width: auto; }

#form_forgot_password span.sd-validation {
  padding-right: 0; }

#form_forgot_password .sd-correct-input {
  padding-left: 0.7em;
  padding-right: 0.7em; }

/*Punch tab campaign
.pt-page #two-column-space, .pt-page #two-column{float:none; margin-right: 0; width: 100%;}
.pt-campaign {
    position: relative;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.pt-campaign iframe{position: absolute; top:0; left: 0; width:100%; height:100%; } 
*/
.pt-campaign {
  height: 100%; }

/* Force Sign-In */
#overlay-response.force-sign-in .nav-cancel {
  display: none; }

.modal-yt-video-wrapper {
  min-height: 2em;
  width: 100%; }

.video-modal a.overlay-close {
  top: 0.75em !important;
  right: 0.75em !important; }

.progress-modal .overlay {
  min-width: 20% !important; }

.progress-modal #overlay-wrapper, .progress-modal #overlay-wrapper-2 {
  background: white url(clientLibs/css/images/loader.gif) no-repeat center center;
  height: 96px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/*.progress-modal #overlay-wrapper-2{background-color: #424142;background-image:url("clientLibs/css/images/loader_ios.gif");}*/
.progress-modal a.overlay-close {
  display: none; }

.campaign-modal-messaging {
  text-align: center; }
  .campaign-modal-messaging #overlay-wrapper.overlay {
    min-width: 350px;
    max-width: 350px; }
  .campaign-modal-messaging .overlay-separator {
    background: url(clientLibs/css/campaign/images/modal-horizontal-dash.png) left top repeat-x;
    width: 100%;
    margin: 1em 0;
    padding: 1px; }
  .campaign-modal-messaging a.overlay-close {
    display: none; }
  .campaign-modal-messaging h3 {
    font-size: 1.25em;
    text-align: center;
    font-family: 'Sina-Medium', serif; }
  .campaign-modal-messaging p.img-holder {
    padding: 0.5em 0; }
  .campaign-modal-messaging p {
    text-align: center;
    margin: 0; }
  .campaign-modal-messaging .button-primary {
    font-family: 'Sina-Medium', serif;
    padding: 0 1em;
    font-size: 1em !important; }

/* =========================================================================
= Join Now Modal, Join Now page
==========================================================================*/
input, textarea, select {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-family: "DINWeb", "serif"; }

input[type=checkbox] {
  -webkit-appearance: checkbox; }

input[type=radio] {
  -webkit-appearance: radio; }

select {
  -webkit-appearance: menulist; }

table th, p.caption {
  font-weight: normal;
  font-family: "DINWebMedium", "serif"; }

.input-form-table input, .input-form-table textarea, .input-form-table select {
  color: #666;
  font-size: 1em; }

#identify_account_form #panera-card-section {
  margin-bottom: 1.45em; }

#identify_account_form #panera_card_number {
  width: 50%; }

#identify_account_form_duplicates label {
  cursor: pointer; }

label.table-listing {
  display: table;
  width: auto; }

label.table-listing span {
  display: table-cell;
  width: auto;
  padding-left: 0.5em; }

label.table-listing span:first-child {
  padding-left: 0; }

#identify_account_form_duplicates td.form-submit-button {
  padding: 3em 0; }

#identify_account_form #panera-card-info .inline-message {
  width: 100%; }

#input_forgot_password input[type=email] {
  padding: 6px 6px 4px; }

#join_now_form .overlay-footer label {
  font-size: 1em;
  color: #666; }

#join_now_form #join-now-cancel {
  font-size: 1.4em; }

#join-now-card-options label {
  font-family: "DINWebRegular", "Serif";
  font-size: 0.8575em;
  color: #666;
  line-height: 1.25;
  width: auto; }

#join-now-card-options label input {
  margin-right: 0.5em; }

#join_now_form #join_i_agree_err_id {
  padding-left: 2em; }

#join_card_no_err_id, #join_reg_no_err_id {
  margin: 0;
  padding: 2px 0 0;
  font-size: 90%; }

#join-now-email-disclaimer {
  padding-left: 25px;
  display: none; }

#secondary-reg-form td#join_now_phone_fields {
  width: 60%; }

.checkbox-label label {
  display: table;
  font-size: 1.4em;
  padding: 0 2em;
  padding-bottom: 1em;
  padding-top: 0.2em;
  position: relative; }

.checkbox-label label span {
  display: table-cell;
  padding-left: 7px; }

.checkbox-label label span:first-child {
  padding-left: 0; }

#join-now-card-options {
  padding-top: 1.75em; }

#join_now_form #cont-dob-label {
  padding-top: 0.7em; }

#overlay-wrapper #join_now_form #cont-dob-fields {
  padding-bottom: 0.6em; }

#join_now_form #panera-card-section {
  padding-bottom: 0.85em; }

#join_now_form #panera-card {
  padding-top: 0.5em; }

.modal-mid-form input[type=text], .modal-mid-form input[type=password], .modal-mid-form input[type=email], #join_now_form input[type=text], #join_now_form input[type=password], #join_now_form input[type=email], #join_now_form input[type=tel] {
  width: 88%;
  padding: 6px 6px 3px 6px;
  height: 19px; }

#join_now_form .subform input {
  width: 100%; }

#join_now_form table.user-form th.form-column {
  padding-top: 0; }

#panera-card-assigned {
  position: relative;
  width: 40em;
  margin: 2.2em 5em 2em 2em;
  padding: 0;
  font-family: 'DINWeb',sans-serif; }

#panera-card-assigned label {
  background: white;
  display: inline-block;
  font: normal normal normal 1.4em/0.85 'Sina-Regular', serif;
  left: 0;
  margin: 4em 7em 3em 2em;
  padding: 0.5em 1em 0.5em 0.5em;
  position: absolute;
  top: 0; }

#panera-card-assigned span em {
  font: normal normal normal 1.5em/0 fugu, cursive; }

#panera-card-assigned span {
  position: absolute;
  top: 1em;
  left: 0;
  margin: 1.5em 7em 3em 1.5em;
  padding: 0 0.5em;
  display: inline-block;
  font: normal normal normal 1.4em/1 'DINWebMedium', serif;
  color: #4c3327; }

#panera-card-assigned p {
  position: absolute;
  bottom: 0;
  right: 7em;
  margin: 0;
  color: #af5026;
  display: block;
  font-family: 'Sina-Regular', serif;
  font-size: 1.4em;
  line-height: 1; }

#panera-card-assigned p a {
  display: inline-block;
  margin: 0;
  margin-bottom: 6px;
  padding: 0 15px !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: block;
  font-family: 'Sina-Regular',serif;
  font-size: 1.2em; }

/* Getting Started page */
#getting-started-profile-info p, #getting-started-teaser p {
  margin-bottom: 0.75em; }

#welcome-page-showprint h2 {
  margin-top: 0.9em;
  padding-bottom: 0; }

#welcome-page-showprint .button-container {
  margin: 30px 0 0 20px; }

#welcome-page-showprint .block-links, #welcome-page-showprint .block-links li {
  margin: 1.1em 1em 1em 0.75em; }

/* =========================================================================
=USER SIGN-IN, FORGOT PASSWORD, RESET PASSWORD
========================================================================== */
.modal-mid-form {
  margin: 0;
  padding: 0; }

.modal-mid-form table.user-form td {
  vertical-align: middle; }

table.user-form td.nav-column {
  text-align: right;
  padding-right: 4%; }

.modal-mid-form {
  margin: 0 auto; }

.modal-mid-form table.input-form-table {
  margin: 0 auto;
  width: auto; }

.modal-mid-form table.input-form-table td {
  padding-right: 0;
  width: auto; }

.modal-mid-form table.input-form-table td span.sd-validation {
  padding-right: 0; }

.modal-mid-form table.input-form-table td.nav-column {
  padding-right: 2.5em !important;
  padding-top: 1em; }

.modal-mid-form .nav-column {
  font-size: 10px; }

.modal-mid-form .nav-column a, .form-submit-section a {
  font-size: 1.4em; }

.modal-mid-form td.form-success-column {
  background-position-y: 0.5em; }

.modal-promo {
  background: #f2ecdd;
  min-height: 10em;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 5px solid #f2ecdd;
  margin-top: 5%;
  padding: 2em;
  padding-left: 10%;
  padding-right: 25%; }

table.user-form input {
  /*width: 100%;*/ }

.message-box, .message-box p {
  margin: 0;
  border: 0;
  padding: 0; }

.message-box p {
  width: auto;
  display: none;
  color: #0f0; }

.message-box p.error {
  color: #f00;
  display: block;
  margin: 0; }

#identify_account_form #identify-account-content {
  width: 60%; }

#identify_account_form table.user-form td, #identify_account_form table.user-form th {
  padding-right: 0; }

#identify_account_form #identify-or-text {
  text-align: center;
  padding: 1em 0;
  padding-right: 2em; }

#identify_account_form #row-phone-field th {
  padding-right: 1em; }

#identify_account_form table td.form-submit-button {
  padding-right: 1em;
  text-align: right;
  padding-bottom: 1em; }

#top-teacher-input .top-teacher-input {
  padding-top: 2.6em; }

#cafe_Event_form .user-form.small.input-form-table {
  margin-top: 16px; }

#page-missed-a-visit.two-column-large {
  width: 70%;
  margin-right: 4%; }

/*TODO. Get a unique page id from CQ team*/
#missed-a-visit > img + p {
  padding-top: 0; }

#missed-a-visit .user-form {
  width: 65%; }

#missed-a-visit .form-submit-button {
  padding: 3em 0;
  text-align: left; }

#missed-a-visit .form-submit-button .button-primary {
  margin-right: 7px; }

#missed-a-visit .receipt-code {
  width: 78%; }

#missed-a-visit td.form-success-column {
  background: none; }

#missed-a-visit td.form-success-column input {
  border: 1px solid #5d6c15;
  color: #5d6c15; }

#missed-a-visit table.form-success-column {
  background: url("clientLibs/css/images/correct-input.png") no-repeat right 0.25em; }

.redeem-confirm-box {
  display: none; }

#missed-a-visit td.last, #missed-a-visit td.form-submit-button {
  padding-right: 20px; }

/*FORGOT PASSWORD*/
#msg_forgot_password {
  display: none; }

td.titletext {
  font-size: 10px; }

/* ==========================================================================
=USER SIGN-IN
========================================================================== */
table.user-form.small {
  width: 60%; }

table.user-form.large {
  width: 80%; }

table.user-form textarea {
  display: block;
  width: 100%;
  height: 8.2em;
  border: 1px solid #ded7c5;
  overflow: auto;
  resize: none;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.357em; }

table.user-form {
  border: 0px;
  border-collapse: collapse;
  font-size: 1.4em; }
  table.user-form td h2 {
    font-size: 22px; }

table.user-form td, table.user-form th {
  padding: 0;
  margin: 0;
  text-align: left;
  vertical-align: top;
  padding-right: 0; }

table.user-form th.form-column {
  width: 58%; }

table.user-form th.teaser-column {
  width: 35%;
  padding-top: 1.1em; }

table.user-form .teaser-info {
  background: #f2ecdd;
  color: #4c3327;
  padding: 1.5em; }

table.user-form .teaser-info ul {
  margin: 1em; }

table.user-form .teaser-info a {
  font: normal normal normal 1.2855em 'Sina-Regular', san-serif; }

table.user-form .teaser-info ul li {
  font: normal normal normal 1em 'DINWebRegular', san-serif;
  line-height: 1.3;
  padding-bottom: 0.5em; }

table.user-form input[type=text],
table.user-form input[type=password],
table.user-form input[type=email],
table.user-form input[type=tel],
table.user-form input[type=date] {
  border: 1px solid #ded7c5;
  color: #666;
  font-family: 'DINWebRegular', serif;
  font-size: 1em;
  height: 1.5em;
  outline: medium none;
  padding: 1% 2%;
  width: 100%; }

table.user-form label, .label-row-header, .custom-label, .form-row label {
  color: #4c3327;
  display: inline-block;
  font: normal normal normal 1em/1 'DINWebMedium', serif;
  margin-bottom: 0.3em;
  padding: 0;
  width: 100%; }

table.user-form input[type=text].input-error,
table.user-form input[type=password].input-error,
table.user-form input[type=email].input-error,
table.user-form input[type=tel].input-error,
table.user-form input[type=date].input-error {
  border: 1px solid #f00; }

.hide-form-validation div.inline-message {
  visibility: hidden; }

.hide-form-validation input[type=text], .hide-form-validation input[type=tel] {
  border: 1px solid #ded7c5 !important; }

.hide-form-validation .message-box {
  visibility: hidden; }

.hide-form-validation .message-box.show {
  visibility: visible; }

.form-success-column {
  background: url("clientLibs/css/images/correct-input.png") no-repeat right 0.5em; }

.textarea .form-success-column {
  background-position-y: top; }

form.sd-form-submitting {
  cursor: progress; }

form.sd-form-submitting .button-primary {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none; }

form.sd-form-submitting div.inline-message {
  visibility: hidden; }

form.sd-form-submitting input.input-error {
  border-color: #ded7c5 !important; }

span.sd-validation {
  display: block;
  padding-right: 1em;
  background: none; }

span.sd-validation label.label-agree {
  display: inline;
  font-family: 'DINWeb', 'serif';
  font-size: 0.8575em; }

.sd-correct-input {
  padding-left: 0.7em;
  visibility: hidden; }

.form-success-column .sd-correct-input {
  visibility: visible; }

.form-select-label span.sd-validation {
  padding-right: 3em; }

td.textarea {
  padding-right: 2em !important; }

td.textarea.form-success-column {
  background-position-y: top; }

#panera-card-info span.sd-validation {
  display: inline-block;
  padding-right: 1em; }

#identify-account-content #panera-card-info span.sd-validation {
  display: block;
  padding-right: 1em; }

#identify-account-content #phone_fields.form-success-column {
  background-position: 98.5% center; }

.textarea span.sd-validation {
  display: inline-block; }

.group-fields span.sd-validation {
  display: inline; }

#join_now_form .customInputOptions .sd-correct-input {
  display: none; }

#join_now_form .overlay-footer nav {
  text-align: right;
  padding: 2em 0 1em 0; }

.sub-form .form-success-column {
  background: none; }

.sub-form .form-success-column input, .sub-form .form-success-column select {
  border: 1px solid #4f5c10;
  color: 4f5c10; }

.inline-message {
  margin: 0 !important;
  height: 1.575em;
  padding-top: 3px; }

.inline-message.hidden {
  visibility: hidden; }

.message-box, .message-box p, .inline-message, .inlineMessage {
  font-size: 12px !important;
  font-family: 'DINWebMedium', serif; }

.inline-message .error {
  color: #ff0000; }

.inline-message .success {
  color: #8e9300; }

.error-inputs input {
  border: 1px solid #f00; }

.error-inputs input {
  float: left; }

p.group.multi input {
  display: inline-block;
  width: 15%;
  padding-left: 5%; }

p.group.multi label {
  display: inline; }

p.group.multi input + input + input {
  width: 20%; }

table.user-form .group-fields td {
  padding-right: 0;
  padding-top: 1.5em; }

table.user-form .group-fields td.form-success-column {
  background: none; }

table.user-form .group-fields td.form-success-column input {
  background: none;
  border-color: green;
  /*background:url('clientLibs/css/images/correct-input.png') no-repeat right center;*/ }

#missed-a-visit table.user-form .group-fields td {
  padding-top: 0; }

table.basic {
  border: 0px; }

table.basic td, table.basic th {
  vertical-align: middle; }

table.basic input {
  border: 1px solid #ded7c5;
  color: #666;
  font-family: 'DINWebRegular', serif;
  font-size: 1em;
  height: 1em;
  outline: medium none;
  padding: 1% 2%; }

table.basic label {
  color: #4c3327;
  display: inline-block;
  font: normal normal normal 1em/1 'DINWebMedium', serif;
  margin-bottom: 0.3em;
  padding: 0;
  width: 100%;
  font-size: 1em; }

.input-error, .part-error {
  border: 1px solid #f00 !important; }

#phone_error_msg {
  position: relative; }

.group-fields .inline-message {
  display: none; }

.group-fields .is-group-message {
  display: block !important; }

#panera-card-section #panera-card {
  position: relative; }

#panera-card-logo {
  width: auto; }

#join_now_form #panera-card-logo {
  width: 88%; }

#panera-card-section #panera-card-info {
  padding: 0 5%;
  position: absolute;
  width: 100%;
  top: 1em;
  left: 0; }

#panera-card-info input[type=text] {
  border: 1px solid #e0d9c8; }

#panera-card-info #panera-reg-no-column {
  width: 53%; }

#panera-card-info #join_reg_no {
  width: auto; }

#panera-card-info td {
  padding-right: 1em; }

#panera-card-info #join_card_no {
  width: 70%; }

#panera-card-info .inline-message {
  display: none;
  height: auto; }

#panera-card-info .input .sd-validation {
  display: block;
  padding-right: 0; }

#panera-card-info .sd-correct-input {
  padding-left: 0;
  margin-left: 10px; }

#panera-card-info table {
  margin-top: 1.5em; }

#panera-card-info .help-text {
  font-size: 11px; }

#panera-card-info .form-success-column + .inline-message {
  display: none !important; }

#join_now_form table.user-info .teaser-info {
  display: none !important; }

#join_now_teaser_column {
  padding-right: 0 !important; }

#join_now_teaser_column .teaser-info ul {
  margin-right: 0; }

#join_now_teaser_column .teaser-info ul li {
  line-height: 1.2;
  padding-top: 5px;
  padding-bottom: 0; }

#join_now_teaser_column .teaser-info ul li:first-child {
  padding-top: 0; }

#join_now_teaser_column a.label-primary-plain {
  padding: 0.265em 0.825em; }

#join_now_form #panera-card-info div.help-text {
  font-size: 11px; }

#join_now_form .checkbox-label label {
  font-family: "DINWebRegular", "Serif";
  font-size: 0.8575em; }

#join_now_form .overlay-content {
  margin-bottom: 2em; }

#join_now_form table.user-form label {
  margin-bottom: 0.5em; }

#join_now_form table.user-form label.form-select-label {
  margin-bottom: 0; }

#join_now_form .help-text {
  line-height: 1.25;
  font-size: 85%; }

/* Join now external page*/
#join-now-external-page-teaser ul.global-list {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.2em; }

#join-now-external-page-teaser ul.global-list li {
  line-height: 1.5em; }

#join-now-external-page-teaser a.label-primary-plain {
  padding: 0;
  padding-top: 2px;
  font-size: 1.4em; }

#refer_friend_form .input.form-success-column {
  background-repeat: no-repeat; }

#join_now_form #phone_fields.form-success-column {
  background-position: 95.5% 0.5em;
  background-repeat: no-repeat; }

table.user-form th#join_teaser_info {
  margin-top: 1em !important; }

#join_teaser_info h5 {
  font-size: 1.4em;
  font-family: "DINWebMedium", "Serif";
  color: #4c3327;
  margin-bottom: 0.7em; }

#join-now-external-page-teaser #join_teaser_info h5 {
  padding-bottom: 0; }

#join-now-external-page-teaser > h2 {
  padding-top: 0.2em; }

#overlay-wrapper #join_teaser_info h5 {
  font-size: 1em;
  margin-bottom: 1.85em; }

#join_teaser_info h2 {
  padding-top: 0.2em; }

#overlay-response .parsys.overlay, #overlay-response-2 .parsys.overlay {
  padding: 0;
  background: transparent; }

table.user-form td.with-three {
  padding-right: 0; }

.sub-form-2 table {
  width: 21em; }

.sub-form-2 .left-spacer {
  padding-left: 0.7em; }

.sub-form-2 td {
  padding: 0;
  margin: 0; }

.sub-form-2 table input {
  width: 10em !important;
  width: 5em; }

.sub-form-2 .short-70 input {
  width: 15.8em !important; }

.sub-form-2 .short-40 input {
  width: 8em !important; }

.sub-form-2 .short-30 .form-select-label select.form-select, .sub-form-2 .short-30 select {
  width: 7em !important;
  padding: 3px 0; }

.sub-form-2 .short-30 input {
  width: 5.4em !important; }

.sub-form-2 .sd-correct-input {
  display: none; }

table.user-form .sub-form-2 td {
  padding-top: 0; }

td.with-three input {
  width: 19.5% !important;
  margin-right: 1.6%;
  display: inline-block; }

td.with-three input.last-child {
  width: 33% !important; }

td.with-three input:last-child {
  width: 33% !important; }

.medium-block {
  width: 80%; }

.help-text {
  color: #666;
  font-size: 120%;
  line-height: 1.2; }

.topic-label {
  font-size: 0.9em; }

.tooltip {
  display: inline-block;
  margin-left: 0.8em;
  padding: 0;
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) left bottom repeat-y;
  font-size: 0.9em; }

.tooltip a {
  font-weight: normal !important;
  font-family: 'DINWebMedium',serif;
  margin-left: 1em;
  font-size: 12px; }

#page-acct-info .tooltip {
  background: none;
  border-left: 2px solid #e5e0cd; }

#page-acct-info .tooltip a {
  font-size: 0.95em; }

p.user-action-info .tooltip {
  margin-left: 0.5em; }

p.user-action-info .tooltip a {
  margin-left: 1.1em; }

.tooltipLayer {
  display: none;
  position: absolute;
  background: #542d24;
  color: #fff;
  font-family: 'DINWeb',sans-serif;
  line-height: 1.4;
  border: 1px solid #542d24;
  border-radius: 5px;
  text-shadow: 0.25px 0.25px 0.25px #fff1c8;
  padding: 10px;
  max-width: 25em;
  z-index: 1000; }

p.user-action-info {
  color: #999;
  font-size: 1.6em;
  margin-bottom: 1.2em !important; }

p.user-action-search {
  color: #666;
  font-size: 1.2em; }

span.user-action-info {
  color: #999;
  font: normal normal normal 1em/1 'DINWeb', serif; }

span.my-number, span.my-number:after {
  pointer-events: none; }

.closeTooltipButton {
  text-align: right;
  margin: 0;
  padding: 0; }

.closeTooltipButton a {
  font-size: 0.75em;
  color: #fff;
  text-decoration: underline; }

.closeTooltipButton a:hover {
  text-align: right; }

div.error-placeholder {
  height: 1.5em; }

div.input-error {
  color: #f00;
  font-family: 'DINWebBold', serif;
  font-size: 90%;
  padding: 1% 0; }

div.input-error.password-medium {
  color: #677718; }

div.input-error.password-strong {
  color: #afcc22; }

.valid-input {
  display: inline-block;
  margin-left: 0.2em;
  width: 4%; }

.form-submit-section {
  display: inline-block;
  /*float:right;
  margin-top: -3px;*/ }

.nav-column .form-submit-section {
  margin-top: -1em !important; }

.form-submit-section li {
  background: url(clientLibs/css/images/global_artisan-beige-vertical.png) right top repeat-y;
  display: inline-block;
  padding-left: 7px;
  padding-top: 0.2em; }

.form-submit-section li.last {
  background: none; }

.form-submit-section li a {
  display: block;
  margin-right: 0.9em; }

/* Request Form */
table.request-form {
  width: 24.3em;
  border-collapse: collapse;
  font-size: 1.4em; }

table.request-form tr th, table.request-form tr td {
  padding: 0;
  padding-right: 3em;
  padding-bottom: 0; }

table.request-form .sub-form td {
  padding-right: 0;
  vertical-align: top; }

table.request-form tr td input {
  padding: 6px 0;
  width: 100%;
  border: 1px solid #ded7c5; }

table.request-form th label {
  color: #4c3327;
  display: inline-block;
  font: normal 1em/1 'DINWebMedium', serif;
  margin-bottom: 0.3em;
  padding: 0;
  width: auto; }

table.request-form th {
  text-align: left;
  padding: 0; }

table.request-form .short {
  width: 40%; }

table.request-form .medium {
  width: 50%; }

table.request-form .left-spacer {
  padding-left: 5px; }

table.input-form-table td.form-submit-button {
  padding-top: 1em; }

#form_fund_raising td.form-submit-button, #top_teacher_form td.form-submit-button {
  padding-top: 2.5em; }

td.form-submit-button, .form-submit-section {
  font-size: 10px; }

td.form-submit-button, table.user-form td.form-submit-button {
  padding: 1em 0; }

table.user-form td.form-submit-button.right {
  text-align: right;
  padding-right: 2.6em; }

form.sd-form-validation td.form-submit-button.right {
  padding-right: 4em;
  padding-top: 0.85em; }

/* ==========================================================================
=CUSTOM FORM SELECT GIT
===========================================================================*/
/* The CSS */
select.form-select {
  -webkit-appearance: none;
  /*-moz-appearance:none;*/
  appearance: none;
  background: #fff;
  border: none;
  color: #666;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: none !important;
  -moz-outline: none;
  /*padding: 0px 5px;*/
  border: 0; }

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
label.form-select-label {
  border: 1px solid #ded7c5;
  display: inline-block;
  position: relative; }

label.form-select-label:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  border-bottom: 1px solid #ddd;
  color: #fff;
  content: '>';
  font: 11px "Consolas", monospace;
  padding: 0;
  pointer-events: none;
  position: absolute;
  /*transform:rotate(90deg);*/
  transform: rotateX(45deg) rotateY(0deg) rotateZ(90deg);
  right: 0px;
  top: 7px;
  width: 25px;
  -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(90deg); }

label.form-select-label:before {
  background: #af5026;
  content: '';
  display: block;
  height: 20px;
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px; }

.group-fields label.form-select-label:after:hover {
  color: #fff; }

label.form-select-label.disabled-dropdown, .disabled-button {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none; }

.disabled-button {
  cursor: default; }

select.disabled-dropdown {
  filter: alpha(opacity=50); }

/* ==========================================================================
=GENERAL STEPS CSS
===========================================================================*/
#page-tastes-interests p.tastes-interests-info {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left bottom repeat-x;
  margin-bottom: 1.35em;
  padding-bottom: 1.5em; }

#why-we-ask {
  background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left top repeat-x;
  padding-top: 1.5em;
  margin-bottom: 0.65em; }

.general-steps:after {
  content: "";
  display: table;
  clear: both; }

.general-steps h4 {
  margin-bottom: 0.4em; }

.general-step-content p.help-text {
  margin-bottom: 1.2em; }

.general-steps div.general-steps-progress {
  display: inline-block;
  margin-bottom: 1.6em; }

.general-steps-progress div.general-step {
  background: url(clientLibs/css/images/web_icons/icon-progress-next-step.gif) left center no-repeat;
  color: #4c3327;
  display: inline-block;
  font: normal normal normal 1.6em/0 'Sina-Medium', serif;
  line-height: 1;
  padding: 0.6em 0;
  margin-right: 2.2em;
  position: relative;
  width: 3.05em; }

.general-steps-progress div.general-step span {
  display: inline-block;
  padding-left: 0.8em; }

.general-steps-progress div.general-step div {
  background: url(clientLibs/css/images/arrow-btn-light-brown.png) center center no-repeat;
  padding: 1.2em;
  padding-right: 1.25em;
  position: absolute;
  right: -1.95em;
  top: 0; }

.general-steps-progress div.general-step.done {
  background: url(clientLibs/css/images/web_icons/icon-progress-completed.gif) left center no-repeat; }

.general-steps-progress div.general-step.done span {
  visibility: hidden; }

.general-steps-progress div.general-step.current {
  background: url(clientLibs/css/images/web_icons/icon-progress-in-progress.gif) left center no-repeat;
  color: #fff; }

.general-steps-progress div.general-step.last {
  margin: 0; }

.general-steps nav.step-nav {
  display: block;
  float: right;
  margin-top: 2.5em;
  padding-bottom: 2em;
  padding-right: 16px;
  text-align: right; }

.general-steps #next-button, .general-steps #prev-button, .general-steps #finish-button {
  float: left;
  margin: 0; }

.general-steps #next-button, .general-steps #finish-button {
  margin-left: 0.65em; }

.button-primary .arrow-right {
  border-bottom: 16px solid transparent;
  border-left: 16px solid #af5026;
  border-top: 16px solid transparent;
  height: 0;
  position: absolute;
  right: -16px;
  top: 0;
  width: 0; }

.button-primary:hover .arrow-right {
  border-left: 16px solid #b84d07; }

.button-secondary .arrow-left {
  border-bottom: 16px solid transparent;
  border-right: 16px solid #f0ede4;
  border-top: 16px solid transparent;
  height: 0;
  position: absolute;
  left: -16px;
  top: 0;
  width: 0; }

.button-secondary:hover {
  color: #4c3327; }

ul.container {
  display: table;
  list-style-type: none;
  margin-right: 24px;
  position: relative; }

ul.container li {
  display: table-cell;
  position: relative; }

ul.checkbox-list {
  position: relative;
  display: table;
  width: 100%;
  list-style-type: none; }

ul.checkbox-list li {
  position: relative;
  display: inline-table;
  margin-bottom: 0.7em;
  width: 30%; }

ul.checkbox-list li input[type=checkbox] {
  margin: 0;
  margin-right: 9px;
  padding: 0; }

#page-tastes-interests ul.checkbox-list li label {
  color: #666666;
  font-size: 12px;
  font-family: "DINWebRegular", "Serif"; }

table.tastes-interests-table {
  font: normal normal normal 1.4em/1.4 'DINWeb', serif; }

table.tastes-interests-table th {
  text-align: left;
  width: 60%; }

table.tastes-interests-table th, table.tastes-interests-table td {
  border-bottom: 1px solid #f0ede3;
  padding: 1em 0; }

table.tastes-interests-table tr.last th, table.tastes-interests-table tr.last td {
  border-bottom: 0px solid #f0ede3; }

table.tastes-interests-table .help-text {
  font-size: 90%;
  padding-left: 12px; }

.dob-fields select {
  width: 30%;
  padding-left: 2%; }

table.input-form-table input[type=text], table.input-form-table input[type=password],
table.input-form-table input[type=email], table.input-form-table input[type=tel],
table.input-form-table input[type=date] {
  border: 1px solid #ded7c5;
  font-family: 'DINWebRegular', serif;
  font-size: 1em;
  height: 1em;
  outline: medium none;
  padding: 6px 5px;
  width: 22.85em; }

table.input-form-table input[type="checkbox"], table.input-form-table input[type="radio"] {
  width: auto; }

.form-select-label select.form-select {
  width: 22.3em;
  outline: none; }

.group-fields.dob-fields .form-select-label {
  width: 27.5%;
  margin-left: 6px; }

.group-fields.dob-fields .form-select-label:first-child {
  margin-left: 0; }

.group-fields .form-select-label select.form-select {
  width: 100%; }

table.input-form-table textarea {
  width: 45.6em; }

table.input-form-table.small {
  width: auto; }

table.input-form-table .input-success-icon {
  vertical-align: middle;
  padding-left: 1em; }

table.input-form-table textarea + .input-success-icon {
  vertical-align: top; }

table.input-form-table th {
  padding-right: 0;
  padding-bottom: 3px; }

label.form-select-label:before {
  height: 100%;
  width: 25px; }

label.form-select-label:after {
  color: #fff;
  border: 0;
  font-weight: bold;
  font-size: 1.35em;
  z-index: 1; }

table label.form-select-label {
  width: auto;
  height: 25px !important;
  margin-bottom: 0; }

table label.form-select-label select.form-select {
  height: 25px !important;
  background: none;
  /*height: auto !important;*/
  line-height: 1;
  padding: 5px 5px 3px 5px; }

.form-select-label.error, select.error {
  border-color: red !important; }

body.modal-window-in-progress .modal-mask {
  z-index: 1002;
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: progress; }

body.modal-window-in-progress #overlay-wrapper {
  background: white url("clientLibs/css/images/loader.gif") no-repeat center center; }

.block-mask {
  position: absolute;
  z-index: 999;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: white url("clientLibs/css/images/loader.gif") no-repeat center center;
  cursor: progress;
  text-align: center;
  font-size: 1em; }

.block-mask.is-large {
  background-position-y: 1em; }

.block-mask p {
  font-size: 1em; }

/* Firefox submit button padding issue */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important; }

/* Rewards pages */
.reward-messages.error * {
  color: inherit !important; }

/* Bakers & Training */
.concept li, .concept_default li {
  margin: 10px 0 5px 35px;
  padding-left: 5px; }

.concept {
  margin-bottom: 15px; }

.proceed-button a {
  font-size: 1.4em; }

.form-no-check-marks .form-success-column .sd-correct-input {
  visibility: hidden; }

.form-no-check-marks .form-success-column {
  background: none; }

.stack-mode textarea {
  width: 95% !important;
  resize: none; }
  .stack-mode textarea.msg-textarea {
    height: 150px; }

.form-row {
  font-size: 1.4em;
  margin-bottom: 1em; }
  .form-row label {
    display: block; }
  .form-row span.field {
    display: block; }
  .form-row .hint {
    font-size: 11px;
    color: #666; }

/* =========================================================================
=Common Classes
==========================================================================*/
.hide {
  display: none !important; }

.show {
  display: block !important;
  visibility: visible !important; }

.disabled-button {
  filter: alpha(opacity=50);
  opacity: .5;
  cursor: default; }

span.optional {
  color: #757575;
  font-size: .9em;
  padding-left: 0.25em; }

.uppercase {
  text-transform: uppercase; }

.non-anchor {
  pointer-events: none;
  cursor: default; }

/* USER-SPECIFIC*/
.guest-user-only {
  display: none !important; }

.logged-user-only {
  display: none !important; }

.user-guest .guest-user-only {
  display: block !important; }

.user-member .logged-user-only {
  display: block !important; }

/* Pixel perfect trial fixes, as alignment issues keep on arising 
The below codes are to do any quick fixes or quick checks
TODO: Test it properly and then delete all if it is not required before monday eod(29 jul) ;
*/
#primary-nav ul > li a {
  line-height: 1.6; }

#member, .member-nav {
  color: #967b5e;
  float: right;
  font-size: 1.4em;
  margin: 0.5em 11px; }

.content-inner-wrapper {
  top: -12px; }

.text-banner {
  height: 100px;
  padding: 0; }

.text-banner .heading h2, .text-banner .heading h1 {
  font-size: 2.6em;
  line-height: 2.9em; }

.main-content {
  margin-bottom: -15px; }

.main-content.text-padding article.two-column-large h2 {
  /*margin-bottom: 0.3em !important;*/
  -webkit-font-smoothing: antialiased !important; }

.main-content.text-padding {
  padding: 3em; }

.main-content.text-padding h2 {
  margin-bottom: 0.5em; }

.one-column-tiny.last.teaser-column h2 {
  margin-bottom: 0.6em;
  padding-bottom: 0; }

.one-column-tiny.last.teaser-column {
  width: 22.65%; }

.with-teaser-icon {
  padding: 0;
  padding-left: 1.8em; }

.teaser-column .teaser ul.global-no-bullet-list li {
  margin-bottom: 0;
  margin-top: 0.7em !important; }

.teaser-column .teaser ul.global-no-bullet-list li:first-child {
  margin-top: 0 !important; }

.teaser-column .teaser ul.global-no-bullet-list li a.with-teaser-icon {
  line-height: 1.2; }

.panera-event .note-head, .panera-event .note-head {
  font-size: 1.2em; }

.panera-event .note-desc b {
  font: normal normal normal 1em/1.2525em 'DinWebMedium', serif;
  color: #4c3327; }

.panera-event .note-desc, .note-desc, #list-teacher-rules p.note-desc {
  font: normal normal normal 12px/1.2525em 'DinWeb', serif;
  color: #666; }

.cq-custom-list p.note-desc {
  line-height: 1.5em; }

#list-teacher-rules p.note-desc {
  line-height: 1.5em; }

ul.global-list:first-child {
  margin-bottom: 0; }

/* Teaser border alignment issue trial >> */
article.two-column-large {
  /* margin-top: -3px; */ }

article.one-column-tiny > *:first-child {
  /* margin-top:-2px; */ }

article.one-column-tiny > *:last-child {
  /* margin-bottom:-3px !important; */ }

/* <<Teaser border alignment issue trial */
#two-column-no-space {
  position: relative; }

.main-content.text-padding article > p:last-child {
  margin-bottom: 0.75em; }

.mrg-item-desc .item-desc {
  margin-top: -0.8em !important; }

.alert-desc {
  font: normal normal normal 1.2em/1.2525em 'DinWebMedium', serif;
  color: #f00; }

.day-blockout .ui-state-default {
  text-decoration: line-through !important; }

.column-heading {
  font-size: 10px; }

p.normal {
  font-size: 1em !important; }

/* ==========================================================================
=IE8 SPECIFIC QUERIES
===========================================================================*/
.lt-ie9 #primary-nav ul > li {
  /*padding-right:2.7%;*/ }

.lt-ie9 #primary-nav ul > li.order a:hover:after, #primary-nav ul > li.order a.nav-active:after {
  border-color: #af5026 transparent transparent transparent;
  /*border color should be same as div div background color*/
  border-style: solid;
  border-width: 6px;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  top: 64%;
  /*should be set to 100% */
  right: 5.5%;
  width: 0; }

.lt-ie9 .write-table .nutrition-table td .minus, .lt-ie9 .write-table .new-column td .minus {
  background: url(clientLibs/css/images/expand-collapse-sprite.png) right center no-repeat;
  height: 25px;
  padding: 0;
  text-indent: -9999px;
  width: 25px; }

.lt-ie9 .loyalty-user .main-content {
  /*overflow: hidden;*/ }

.lt-ie9 .write-table .nutrition-table td .plus, .lt-ie9 .write-table .new-column td .plus {
  background: url(clientLibs/css/images/expand-collapse-sprite.png) left center no-repeat;
  height: 25px;
  padding: 0;
  text-indent: -9999px;
  width: 25px; }

.lt-ie9 #search-query {
  line-height: 1.6; }

.lt-ie9 .write-table .nutrition-table tr.alternate td .plus, .lt-ie9 .write-table .new-column tr.alternate td .plus {
  background: url(clientLibs/css/images/expand-collapse-sprite.png) center center no-repeat; }

.lt-ie9 .nutrition-table thead th, .lt-ie9 .nutrition-table tfoot td, .lt-ie9 .new-column tbody td.tfoot {
  background: #F2ECDD; }

.lt-ie9 .nutrition-table tbody td, .lt-ie9 .new-column tbody td {
  background: #fff; }

.lt-ie9 .new-column > tbody > tr > td:first-child, .lt-ie9 .table-nav-wrapper th:first-child {
  position: static; }

.lt-ie9 #share-map-url input[type=text], .lt-ie9 #find-panera-page input[type=text] {
  height: 20px;
  padding-top: 6px; }

.lt-ie9 .custom-dropdown-title {
  display: inline; }

.lt-ie10 .new-column {
  border-collapse: separate; }

.lt-ie10 .new-column > tbody > tr > td.align-scroll-header {
  height: 1.7em !important; }

.lt-ie10 .custom-dropdown-title {
  padding-bottom: 0.45em; }

.lt-ie10 select.input-form {
  border: 1px solid #DDD;
  padding: 5px; }

.lt-ie9 select, .lt-ie9 select.input-form {
  font-family: 'Sina-Regular' serif;
  font-size: 1.1em;
  padding: 0; }

.lt-ie9 .map-info-wrapper .map-info .location-info, .lt-ie9 .map-info-wrapper .map-info .cafe-hours {
  color: #000; }

/* ==========================================================================
=MAC SPECIFIC QUERIES
===========================================================================*/
/*
d-mac -- Mac machine
ua-chrome -- chrome browser
ua-safari -- safari browser
*/
.d-mac.loyalty-user .loyalty-right-rail-menu span.visits-left, .d-mac.loyalty-user .loyalty-right-rail-menu span.rewards-left {
  width: 53px;
  padding-top: 9px; }
.d-mac.loyalty-user .loyalty-right-rail span.rewards-left, .d-mac.loyalty-user .loyalty-right-rail span.visits-left {
  width: 70px;
  padding-top: 12px; }
  .d-mac.loyalty-user .loyalty-right-rail span.rewards-left.two-digits, .d-mac.loyalty-user .loyalty-right-rail span.visits-left.two-digits {
    padding-top: 19px;
    height: 50px; }
.d-mac.loyalty-user .loyalty-right-rail .miss-you {
  height: 32px;
  width: 37px; }

/* ==========================================================================
=MEDIA QUERIES

   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
========================================================================== */
@media only screen and (min-width: 1400px) {
  /* Style adjustments for banners as their max width is 1400 */
  .banner {
    background-size: 100%;
    height: 0;
    /*min-height: 0;							/**** Code Commented because it was causing issue with item-detail scrollTop ****/
    /*padding-bottom: 18.357142857142858%*/ }

  .banner.campaign {
    /*background-size: auto;*/ }

  .home-page .banner {
    background-size: 100% 100%;
    height: auto;
    min-height: auto;
    /*padding-bottom: 0*/ }

  .banner.tall {
    /*min-height: 0;	*/
    /**** Code Commented because it was causing issue with item-detail scrollTop ****/
    /*padding-bottom: 22.642857142857142%*/
    /**** Another solution has to be found for responsiveness ****/ }

  .banner img {
    display: block; }

  .wifi-landing .banner img {
    display: inline-block; }

  .content-inner-wrapper {
    top: -12px; } }
@media only screen and (max-width: 1024px) {
  /* Style adjustments gutters at 1024 */
  .banner img {
    display: block; }

  .wifi-landing .banner img {
    display: inline-block; }

  .cycle-slideshow div.cycle-overlay {
    top: 15%; }

  #join_now_form input[type=text], #join_now_form input[type=password], #join_now_form input[type=email], #join_now_form input[type=tel] {
    width: 84%; }

  td.with-three input {
    width: 18.5% !important; }

  td.with-three input:last-child, td.with-three input.last-child {
    width: 31% !important; }

  .order-count #primary-nav {
    padding-right: 11%; }

  .wifi-landing .button-primary {
    padding: 0 5px;
    height: 29px;
    line-height: 33px; } }
@media only screen and (max-width: 900px) {
  #primary-nav ul > li {
    height: 48px; }

  #primary-nav ul > li a {
    margin-top: 0.5em; }

  .mapWrapper {
    width: 52%; }

  .cycle-slideshow div.cycle-overlay {
    top: 15%; }

  .nav-top-wrapper {
    padding: 0 14%; }

  #primary-nav {
    padding-right: 8%; }

  .order-count #primary-nav {
    padding-right: 12%; }

  .utility {
    padding-right: 4%; }

  .wifi-landing .wifi-overlay {
    top: 3.6em; } }
@media only screen and (max-width: 880px) {
  /* FOR RESPONSIVE HEADER */
  .custom-dropdown.multi {
    left: 10%; }

  .mapWrapper {
    width: 52%; }

  .utility {
    margin: 6px 0 5px 0; }

  #nav-wrapper {
    position: relative;
    z-index: 6; }

  #primary-nav {
    padding-bottom: 0;
    top: 42px;
    margin-left: 0.5%; }

  .utility {
    padding-right: 8%; }

  .order-count .utility {
    padding-right: 10.5%; }

  .order-count .header-button {
    padding: 3px 5px; }

  .order-count #global-order-count {
    width: 30px; }

  .header-button {
    margin: 2px 0; }

  .header-button-container {
    right: 0;
    height: 117px;
    padding-top: 13px; }

  .header-button span {
    background: none !important;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }

  .header-button-container {
    background-image: url("clientLibs/css/images/header/button-ordering-ipad-vertical-bg-overlay.png"); }

  .header-button {
    background-image: url("clientLibs/css/images/header/button-ordering-bg.png"); }

  .header-button-content {
    margin-top: 22px; }

  .order-count #global-order-count {
    margin-top: 5px; }

  #pushdown-container {
    top: 20px; }

  #pushdown-container ul ul li a, #pushdown-container .forward-button-primary {
    font-size: 1.2em; }

  #pushdown-container nav.nav-active {
    padding-left: 2%; }

  #search-query {
    width: 162px; }

  #pushdown-container nav ul {
    width: 98.8%; }

  #pushdown-container nav ul li.promo-spot a.promo-banner {
    margin-top: 1em; }

  #pushdown-container nav ul li.promo-spot.large {
    width: 32.4%; }

  #pushdown-container p {
    font-size: 1.1em; }

  #pushdown-container .mypaneranav {
    width: 275px; }

  #pushdown-container nav ul li.promo-spot a.iphone-banner img {
    border: 0px solid;
    margin-top: 0;
    margin-bottom: 1.3em;
    /* width: 100%; */ }

  #pushdown-container nav ul li.promo-spot a.iphone-banner span {
    color: #af5026;
    display: block;
    font: normal normal normal 1.2em/1 'DinWebMedium', serif;
    margin-bottom: 0.3em; }

  #pushdown-container nav ul li.promo-spot a.iphone-banner span.desc {
    color: #4c3327;
    font: normal normal normal 1.6em/1 'Sina-Regular', serif; }

  #pushdown-container nav ul li.promo-spot a.iphone-banner {
    -webkit-box-shadow: 0px 0px 18px 2px rgba(153, 102, 51, 0.24);
    box-shadow: 0px 0px 18px 2px rgba(153, 102, 51, 0.24);
    background-color: #fff;
    border: 1px solid #e2dccc;
    min-height: 115px;
    text-align: center;
    padding: 2em 0 0 0; }

  #pushdown-container nav[data-role="column_6"] ul li.separator-long {
    padding: 0;
    width: 7.75em; }

  #nav-search-panera input[type=text] {
    width: 70%; }

  a.promo-banner label.align-right span.desc-link, a.promo-banner label.align-left span.desc-link {
    display: inline-block;
    font: normal normal normal 1em/1.25 "DinWebMedium",serif; }

  a.promo-banner label.align-right, a.promo-banner label.align-left {
    font-family: "DinWeb",serif;
    font-size: 1.1em; }

  #content-outer-wrapper {
    padding-top: 125px; }

  #content-outer-wrapper.nav-active {
    top: 223px; }

  a.logo {
    width: 100px; }

  #primary-nav ul > li a {
    margin-top: 0; }

  #primary-nav ul > li {
    margin-left: 3.9%;
    width: auto; }

  .order-count #primary-nav ul > li:first-child {
    margin-left: 0; }

  .order-count #primary-nav ul > li {
    margin-left: 3.6%;
    width: auto; }

  /*#primary-nav ul > li:last-child {
      float: right;
      overflow: hidden;
      padding-right: 0;
      }*/
  #page-header {
    background: url(clientLibs/css/images/header_web_background.png) 0 -115px repeat-x;
    min-height: 132px; }

  .wifi-landing #page-header {
    background: url(clientLibs/css/images/header_web_background.png) 0 0px repeat-x;
    height: 108px;
    min-height: 108px; }

  .wifi-landing #content-outer-wrapper {
    /*padding-top:105px*/ }

  a.logo {
    background: url(clientLibs/css/images/logo_panera_web.png) 0 -139px no-repeat;
    background-size: 100%;
    top: -8px;
    width: 130px; }

  .wifi-landing a.logo {
    background: url(clientLibs/css/images/logo_panera_web.png) 0 0 no-repeat;
    background-size: 100%;
    height: 137px;
    top: -16px !important;
    width: 140px; }

  #wifi-page .wifi-landing h1 {
    font-size: 3.4em; }

  #wifi-page .wifi-landing h2 {
    padding: 0;
    font-size: 1.8em; }

  footer .legal {
    clear: both;
    height: 30px;
    font-size: 1.4em;
    line-height: 2.25;
    margin-top: 16px;
    text-align: center; }

  .wifi-landing .wifi-overlay h3 {
    font-size: 3.4em; }

  #footer-nav .column-header {
    width: 21%; }

  .grid article.placard span.item-title {
    font-size: 1.6em;
    line-height: 1.15; }

  .grid.assets-grid article.placard.promo-tile .item-info {
    bottom: -10%;
    padding: 0 2%;
    width: 96%; }

  .grid.assets-grid article.promo-tile .item-name {
    font-size: 2.4em; }

  .grid.assets-grid article.promo-tile .item-name.no-icon {
    top: 0; }

  .cycle-slideshow div.cycle-overlay {
    top: 8%; }

  .cycle-overlay.right {
    right: 9.8%; }

  .cycle-overlay h3 {
    font-size: 3.4em; }

  .jq-cycle-prev, .jq-cycle-next, .menu-grid-page .jq-cycle-prev, .menu-grid-page .jq-cycle-next {
    bottom: 43.75%; }

  /*Banner text fixes*/
  .banner .indented > * {
    margin-left: 48.75% !important; }

  .banner p {
    width: 51.25%; }

  .home-page .banner .indented div.banner-info p {
    width: 100%; }

  /*Media Inquiries*/
  form.sd-form-validation td.form-submit-button.right {
    padding-right: 3.9em;
    padding-top: 0.85em; }

  /* Refer Friend */
  td.textarea {
    padding-right: 0 !important; }

  #refer-friend-form-content table.input-form-table .refer-email-column input {
    width: 12.5em; }

  /*Missed a visit */
  #missed-a-visit .user-form {
    width: 90%;
    margin-top: 3em; }

  /* Recipe */
  .recipe-header .sub-tabs .tab-section li {
    margin-right: 0 !important; }

  /*Customer service . Next button */
  #customer-service-page #contactus_topic_selector {
    position: static !important; }

  /*Customer service . Wrapping Anchor
  .one-column-tiny.last.teaser-column{width:29.65%;}
  #two-column-space.two-column-large{margin-right: 3%}
  */
  .banner article.order .order-banner-links {
    width: 100%; }

  .order-banner-links .order-link {
    margin-right: 0.1%;
    width: 20.5%; }

  .order-banner-links .order-link.last {
    margin-right: 0; }

  .banner article.order .order-link p {
    padding: 0 2.5%;
    width: 95%; }

  .banner article.order .order-link span.order-para {
    padding: 0 10%;
    width: 80%; }

  .catering-section p {
    width: 65% !important; }

  .banner article.order .order-link .cta-container {
    bottom: 1.5em; }

  .banner article.order .order-link .button-primary {
    padding: 0 5px; }

  .banner article.order .catering-section {
    width: 100%; }

  .banner article.order .order-link h3 {
    margin-bottom: 0.25em; }

  .grid h2 {
    font-size: 2em; }

  .grid .item-detail h2 {
    font-size: 2.4em; }

  .grid article .item-name {
    font-size: 1.8em;
    padding-right: 15%;
    width: 80%; }

  .calorie-count {
    font-size: 1.1em;
    height: 45px;
    width: 60px; }

  .grid article.placard.with-label .item-header {
    top: 3em; }

  .grid article.promo-tile .item-name {
    font-size: 2.4em; }

  .grid article.promo-tile .item-desc {
    font-size: 1.2em;
    padding: 1.2% 0%; }

  .grid article.item-promo.two-column .item-info {
    width: 45%; }

  .grid article.item-promo.two-column .item-name {
    font-size: 2.4em; }

  .grid article.item-promo.two-column .item-info .item-name {
    margin-bottom: 5px;
    font-size: 2em; }

  .grid article.item-promo.two-column .item-info .item-desc {
    margin-bottom: 5px; }

  .grid article.promo-tile .button-secondary {
    font-size: 1.5em; }

  .item-content p, .promo-section .promo-desc p {
    font-size: 1.2em; }

  .promo-section.recipe-detail .eq-column.last {
    width: 49%; }

  .promo-section .promo-desc header {
    font-size: 1.4em; }

  .promo-section .promo-desc p {
    margin-bottom: 0.6em; }

  .promo-section .promo-desc.with-promo-label {
    padding: 1.4em 1em; }

  .promo-section .promo-desc a.promo-label {
    margin-bottom: 0.4em; }

  .promo-section .promo-desc h3 {
    font-size: 2.4em; }

  .promo-section .promo-desc.with-promo-label h3 {
    margin-bottom: 0.2em; }

  .promo-section .promo-desc.with-promo-recipe {
    padding: 1.2em 1em; }

  .promo-section ul.serving-detail, .grid article.placard ul.asset-serving-detail {
    font-size: 1.4em; }

  .promo-section.recipe-detail ul.serving-detail li {
    line-height: 2;
    padding: 0.4em 0;
    padding-top: 0.2em; }

  .recipe-header .in-page-nav .portrait-only {
    display: inline-block; }

  .recipe-header .in-page-nav .landscape-only {
    display: none; }

  .tab-section li {
    margin-right: 4.8%; }

  .sub-tabs .tab-section li {
    margin-right: 2.5%; }

  .bio-article .text-column {
    width: 55%; }

  h4.article-video-caption {
    max-width: 95%; }

  .reward-tile {
    padding: 1em; }

  .reward-tile h2 {
    font-size: 2.4em;
    margin-bottom: 0.5em; }

  .reward-tile p {
    font-size: 1.2em; }

  .promo-section.recipe-detail h3 {
    font-size: 2.4em; }

  .search-results-section a.search-result-link {
    font-size: 1.8em;
    margin: 0em 0 .85em 0; }

  .search-results-section .one-column-tiny.last.teaser-column h2 {
    font-size: 1.8em; }

  .search-results-section .write-table {
    margin-right: 1em;
    width: 55%; }

  .allergens-display-table td.allergen-names {
    padding-right: 5%;
    width: 32%; }

  .allergens-display-table td.allergen-icons {
    width: 63%; }

  .allergens-display {
    max-width: 21em; }

  .one-column {
    /*width: 43.6%;*/ }

  .promo-section .promo-desc {
    padding: 1.5em 1em 0 1em; }

  .panera-event .two-column {
    width: 50%; }

  .banner .standard {
    /* padding-left: 170px; */
    padding-left: 87px; }

  #refer-friend-form-content table.input-form-table {
    width: 35em !important; }

  #refer-friend-form-content table.input-form-table input {
    width: 80%; }

  #refer-friend-form-content table.input-form-table textarea {
    width: 94%; }

  table.input-form-table textarea, #franchise_request_form label {
    width: 35.6em; }

  .button-primary, .grid.assets-grid article.promo-tile a.button-primary {
    font-size: 2em; }

  .panera-news .one-column .imgBox {
    height: 11.3em;
    overflow: hidden;
    width: 100%; }

  .panera-news h2 {
    font-size: 1.8em; }

  #location-filter-list label div.filter-desc {
    width: 46%; }

  blockquote {
    margin: 0 0 0 1em; }

  #primary-nav {
    text-align: left;
    padding-right: 0; }

  #primary-nav ul {
    text-align: left; }

  #primary-nav ul > li {
    height: 70px; }

  .share-reward {
    position: relative; }

  .home-page #skrollr-body.new .banner article {
    padding-top: 21.2%; } }
@media only screen and (max-width: 768px) {
  /*Primary nav and pushdown container related CSS is changed to check the responsiveness and right alignment*/
  /*Previous code related to them is commented for future references*/
  .grid article.promo-tile a {
    /*min-height:236px;*/ }

  .grid article.promo-tile .item-name {
    font-size: 2.4em; }

  .grid article.promo-tile .item-desc {
    font-size: 1.2em; }

  .home-page .banner {
    background-size: auto 100%; }

  .assets-grid .item.recipe ul {
    font-size: 1.6em; }

  .maps-result .backgroundAdjP .two-column.last {
    width: 52%; }

  .new-row > tbody > tr > th:first-child {
    padding: 1em 1.2em 1em 1em; }

  .in-page-nav > .tab-section {
    margin-left: 0; }

  .tab-section li {
    margin-right: 4.8%; }

  .lt-ie10 .new-column > tbody > tr > td:first-child, .lt-ie10 .new-column > tfoot > tr:first-child > td:first-child {
    padding: 0.5em 0.2em; }

  .grid article.item-promo .item-name {
    font-size: 200%; }

  #page-acct-info .button-primary, #preferences_form .button-primary {
    padding: 0.25em;
    font-size: 1.5em;
    line-height: 1em; }

  #sd-par-edit-phone a.button-primary.change {
    line-height: 1.8em;
    padding: 0 0.5em; }

  .phone-type, .phone-number {
    width: 20%; }

  .text-banner .heading h2, .text-banner .heading h1 {
    line-height: 2.5em; }

  .teaser-column .teaser ul.global-no-bullet-list li a, .teaser-column .teaser ul.global-no-bullet-list li span {
    /*line-height: 1.25em*/ }

  /* Commented for Inv Relations Fin News Arch */
  .button-primary, .grid.assets-grid article.promo-tile a.button-primary {
    font-size: 2em; }

  #panera-card-info table {
    margin-top: 0; }

  #panera-card-info table th label {
    font-size: 75%; }

  #panera-card-info .sd-correct-input {
    margin-left: 3px; }

  #join-now-card-options {
    padding-top: 0.5em; }

  #cafe-locator-list .cafe-hours .cafe-hours-data {
    display: block; }

  .overlay-wrap.syr #overlay-wrapper {
    min-width: inherit;
    max-width: inherit;
    margin: 2.5em 0.7em !important;
    padding: 2em 0.5em 1.5em 0.5em; }

  .syr-confirm article {
    width: 95% !important; }

  .syr-confirm h2 {
    width: 65%;
    margin: 0.5em auto; }

  .syr-confirm p.syr-btext {
    margin-bottom: 0; }

  .syr-confirm .button-primary {
    font-size: 1.6em !important;
    height: 25px !important;
    line-height: 25px !important; }

  .syr-confirm .button-primary span {
    height: 9px; } }
/* Style adjustments for ipad (non-retina) */
/* Style adjustments for ipad retina portrait and landscape*/
/* Style adjustments for ipad retina landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-resolution: 2dppx) {
  .banner {
    background-size: 150%; } }
/* Style adjustments for ipad retina portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .banner {
    background-size: 200%; }

  .grid > h2 {
    font-size: 2em; }

  .banner .standard {
    padding-left: 100px;
    max-width: 864px; }

  .banner p {
    width: 65%; }

  /*.banner .indented {
      padding-left: 350px;
      max-width: auto;
      min-width: auto;
      width: 775px;
  }*/
  .grid article .item-name {
    font-size: 1.8em;
    padding-right: 4%;
    width: 90%; }

  .grid article.two-column.item-promo .item-name {
    font-size: 2.4em; }

  .grid article.two-column.item-promo .label-primary {
    left: 1.5em; }

  .grid h4 {
    font-size: 1.2em; }

  .item-promo .item-name {
    font-size: 2.4em; }

  .calorie-count {
    font-size: 1.1em;
    height: 37px;
    width: 60px; }

  .calorie-count .calories {
    font-size: 1.6em;
    padding-top: 9px; }

  .grid article.promo-tile .item-desc {
    font-size: 1.2em; }

  blockquote {
    width: 32%; }

  /* myPanera form pages */
  .account-info-table {
    width: 35em; }

  .account-info-table table.user-form input[type=text],
  .account-info-table table.user-form input[type=password],
  .account-info-table table.user-form input[type=email],
  .account-info-table table.user-form input[type=tel],
  .account-info-table table.user-form input[type=date] {
    width: 15em; }

  #customer-service-page form#form_contactus_mypanera div#panera-card-image img {
    right: -100px;
    top: -20px; } }
/* Unnecessary fixes - to retain existing markup & fix for minor spacing issues */
@media only screen and (min-width: 880px) and (max-width: 1023px) {
  .nav-top-wrapper {
    padding: 0 14%; }

  .header-button-container {
    right: -4%; }

  .order-count .header-button span, .order-count .catering-button span {
    padding-left: 0; }

  .order-count .header-button-container {
    right: -2.5%; }

  .order-count .header-button .order-button, .order-count .header-button .catering-button {
    background: none !important; }

  #primary-nav {
    padding-right: 5%; } }
@media only screen and (min-width: 1024px) and (max-width: 1270px) {
  .nav-top-wrapper {
    padding: 0 16.5%; }

  .order-count #primary-nav {
    padding-right: 11% !important; } }
@page {
  size: auto;
  /* auto is the initial value */
  margin: 2%; }
@media print {
  body {
    background: none; }

  header, section.banner, section.text-banner, footer, .maps-form-align, .cafe-locator-search, #location-filter-options, .cafe-locator-search-border, #results-fade-top, #results-fade-bottom, .mCSB_scrollTools, #location-filter-options, #cafe-locator-app, #share-map-url {
    display: none !important; }

  #content-outer-wrapper {
    padding-top: 0; }

  .cafe-locator-page .one-column {
    height: auto;
    margin-right: 2%;
    overflow: auto;
    width: 34%; }

  #cafe-locator-list li a .location-item, #cafe-locator-list li a .hours-info {
    width: 50%; }

  #cafe-search-results .scrolling-content {
    height: auto; }

  #cafe-locator-map {
    height: 80em; }

  #cafe-locator-map {
    height: 80em; }

  #ShwgoogleMap {
    height: 62em; }

  #cafe-locator-list li a .bottom-border {
    border-bottom: 2px solid #d7cbb2; }

  .promo-section .promo-desc ul.social-icons {
    display: none; } }
/* Style adjustments for Mobile */
@media only screen and (max-width: 767px) {
  body.resp-body-mobile {
    min-width: 76.8%;
    -webkit-text-size-adjust: 100%; }

  body.resp-body-mobile .nav-top-wrapper {
    max-width: 90%;
    min-width: 70%; }

  .wifi-landing #content-outer-wrapper {
    /*padding-top: 5px;*/ }

  body.resp-body-mobile #content-outer-wrapper {
    min-height: 500px;
    min-width: 95%;
    /*padding-top: 80px !important;*/ }

  #wifi-page .wifi-landing h1 {
    font-size: 2.3em;
    line-height: 20px; }

  #wifi-page .wifi-landing h2 {
    font-size: 1.8em; }

  .wifi-landing .wifi-overlay h3 {
    font-size: 1.8em !important;
    margin-bottom: 0.5em;
    color: #4c3327;
    text-shadow: none;
    line-height: 1.2em; }

  .wifi-landing .wifi-overlay {
    max-width: 100%;
    text-align: center;
    padding-bottom: 6%;
    position: static !important; }

  .wifi-landing .wifi-overlay h3 {
    color: #4c3327 !important;
    line-height: 0.98; }

  .wifi-landing .banner p {
    display: block !important;
    font-size: 1.2em; }

  .wifi-landing .wifi-overlay .button-primary {
    height: 25px;
    line-height: 25px;
    margin-bottom: 0.4em;
    font-size: 1.6em; }

  .wifi-landing .wifi-overlay .button-primary .cta {
    height: 8px; }

  .wifi-landing .wifi-promo {
    margin-bottom: 1.5em !important; }

  .wifi-landing .footer-wrapper p {
    max-width: 90%; }
    .wifi-landing .footer-wrapper p span {
      white-space: nowrap; }

  .wifi-landing .eq-column, .wifi-landing .eq-column.last {
    border-top: 1px solid #dad3b8;
    border-right: none;
    width: 85%;
    margin: 0 auto;
    padding: 8%; }

  .wifi-landing a.logo {
    background: url("clientLibs/css/images/logo_panera_web.png") no-repeat scroll 0 -134px;
    height: 105px !important; }

  .wifi-landing #page-header {
    height: 75px;
    min-height: 75px;
    /*position:fixed !important;*/ }

  body.resp-body-mobile .button-primary, body.resp-body-mobile .grid.assets-grid article.promo-tile a.button-primary {
    font-size: 1.1em;
    height: 20px;
    line-height: 20px; }

  .wifi-landing .main-content {
    padding: 3em 1.6em 0 1.6em; }

  .wifi-landing .eq-column p {
    font-size: 1em; }

  .wifi-landing .eq-column h2 {
    font-size: 1.7em;
    margin: 0.8em 0 0.5em 0; }

  .wifi-landing .eq-column .page-label {
    font-size: 1.2em;
    margin-top: 0; }

  .wifi-landing .footer-wrapper p {
    max-width: 90%;
    margin-top: 1em; }

  .wifi-landing .footer-wrapper br {
    line-height: 2em; }

  .wifi-landing #page-header {
    display: block !important; }

  .wifi-landing .grid {
    margin-top: 0; }

  .wifi-landing .eq-column p a {
    font-size: 1em !important; } }
@media only screen and (max-width: 480px) {
  .wifi-landing .wifi-promo {
    height: auto;
    margin-bottom: 0; }

  .wifi-landing .eq-column p {
    font-size: 0.8em; }

  .wifi-landing .eq-column h2 {
    font-size: 1.1em; }

  #wifi-page .wifi-landing h1 {
    font-size: 2.1em; }

  #wifi-page .wifi-landing h2 {
    font-size: 1em;
    line-height: 16px; }

  .wifi-landing .wifi-overlay h3 {
    font-size: 1.5em;
    margin: 0.8em 0; }

  body.resp-body-mobile .button-primary, body.resp-body-mobile .grid.assets-grid article.promo-tile a.button-primary {
    font-size: 1.4em;
    height: 20px;
    line-height: 20px; }

  .wifi-landing .main-content {
    padding: 3em 1.6em 0.6em 1.6em; } }
@media only screen and (min-width: 320px) {
  label.form-select-label {
    overflow: hidden; }

  body.resp-body-mobile .wifi-landing .wifi-promo {
    height: auto;
    margin-bottom: 0; }

  body.resp-body-mobile .wifi-landing .eq-column p {
    font-size: 1.2em; }

  body.resp-body-mobile .wifi-landing .eq-column h2 {
    font-size: 1.8em; }

  body.resp-body-mobile #wifi-page .wifi-landing h1 {
    font-size: 2.1em; }

  body.resp-body-mobile #wifi-page .wifi-landing h2 {
    font-size: 1.3em;
    line-height: 16px; }

  body.resp-body-mobile .wifi-landing .wifi-overlay h3 {
    font-size: 1.5em;
    margin: 0.8em 0; }

  body.resp-body-mobile .button-primary, body.resp-body-mobile .grid.assets-grid article.promo-tile a.button-primary {
    font-size: 1.4em;
    height: 20px;
    line-height: 20px; }

  body.resp-body-mobile .wifi-landing .main-content {
    padding: 3em 1.6em 0.6em 1.6em; } }
@media only screen and (min-width: 360px) {
  body.resp-body-mobile .button-primary, body.resp-body-mobile .grid.assets-grid article.promo-tile a.button-primary {
    font-size: 1.4em;
    height: 20px;
    line-height: 25px; }

  body.resp-body-mobile .wifi-landing .eq-column a {
    font-size: 1.2em; }

  body.resp-body-mobile .wifi-landing .eq-column p {
    font-size: 1.1em; }

  body.resp-body-mobile .wifi-landing .eq-column h2 {
    font-size: 1.3em; }

  body.resp-body-mobile .wifi-landing .footer-wrapper p {
    max-width: 90%;
    font-size: 1.2em; }

  body.resp-body-mobile .wifi-landing .wifi-overlay {
    padding: 5% 0; } }
@media only screen and (min-width: 480px) and (max-width: 640px) {
  .wifi-landing .wifi-promo {
    margin-bottom: 0.5em; }

  .wifi-landing .wifi-overlay h3 {
    font-size: 1.8em;
    margin-bottom: 1.1em; }

  body.resp-body-mobile .wifi-landing .eq-column p {
    font-size: 1.4em; }

  body.resp-body-mobile .wifi-landing .eq-column h2 {
    font-size: 1.8em; }

  .wifi-landing .eq-column p.grid-img {
    text-align: left; }

  .wifi-landing .footer-wrapper p {
    font-size: 1.2em; }

  body.resp-body-mobile .wifi-landing .eq-column a {
    font-size: 1.4em; } }
@media only screen and (min-width: 640px) and (max-width: 767px) {
  .wifi-landing .wifi-overlay h3 {
    font-size: 1.9em;
    margin-bottom: 0.8em; }

  .wifi-landing .wifi-overlay {
    padding: 5% 0; }

  body.resp-body-mobile .button-primary, body.resp-body-mobile .grid.assets-grid article.promo-tile a.button-primary {
    font-size: 1.6em;
    height: 22px;
    line-height: 27px; }

  .wifi-landing .eq-column p {
    font-size: 1.2em; }

  .wifi-landing .eq-column h2 {
    font-size: 1.5em; }

  .wifi-landing .footer-wrapper p {
    max-width: 90%;
    font-size: 1.2em; } }
@media only screen and (max-width: 767px) and (orientation: landscape) {
  #wifi-page .wifi-landing h1 {
    line-height: 0.8em;
    margin-top: 5px !important; }

  .wifi-landing .wifi-overlay {
    padding-bottom: 2.5%; }

  .wifi-landing .wifi-overlay h3 {
    padding-top: 2%; }

  .wifi-landing .wifi-overlay p {
    color: #4c3327 !important;
    margin-bottom: 0.5em !important; }

  .wifi-landing .wifi-overlay .button-primary {
    margin-bottom: 0.5em; }

  .wifi-landing .eq-column, .wifi-landing .eq-column.last {
    padding: 5% 8%; }

  .wifi-landing .eq-column p a {
    font-size: 1em !important; } }
/* Loyalty Pages */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .loyalty-user {
    /*share your rewards */
    /* header navigation */ }
    .loyalty-user .loyalty-right-rail {
      margin-right: 1.2em; }
      .loyalty-user .loyalty-right-rail li {
        font: normal normal normal 1.1em/0.85 "Sina-Regular"; }
        .loyalty-user .loyalty-right-rail li span.counter {
          font-size: 2.8em; }
        .loyalty-user .loyalty-right-rail li span.visits {
          width: 120px;
          font: normal normal normal 0.75em/1.05556 "DinWebMedium", sans-serif;
          margin-left: 2px; }
      .loyalty-user .loyalty-right-rail .rewards-left {
        background: url(clientLibs/images/loyalty/counter-bg.png) -214px 0 no-repeat; }
      .loyalty-user .loyalty-right-rail .visits-left {
        background: url(clientLibs/images/loyalty/counter-bg.png) -148px 0 no-repeat; }
      .loyalty-user .loyalty-right-rail p.member {
        font: normal normal normal 0.9em/1.85 "DinWeb", sans-serif; }
      .loyalty-user .loyalty-right-rail .miss-you {
        top: 0; }
      .loyalty-user .loyalty-right-rail span.visits-left, .loyalty-user .loyalty-right-rail span.rewards-left {
        padding-top: 16px; }
        .loyalty-user .loyalty-right-rail span.visits-left.two-digits, .loyalty-user .loyalty-right-rail span.rewards-left.two-digits {
          font-size: 2.2em;
          padding-top: 22px; }
    .loyalty-user .loyalty-recent-visits li .visit-time {
      width: 35%; }
    .loyalty-user .loyalty-recent-visits li .visit-price {
      width: 24%; }
    .loyalty-user .loyalty-page-heading h2 {
      margin-left: 2em !important;
      margin-top: -0.18em !important; }
    .loyalty-user .text-banner header.heading h2, .loyalty-user .text-banner header.heading h1 {
      font-size: 2em;
      margin-top: 0.1em;
      margin-left: 0.9em; }
    .loyalty-user .my-dashboard {
      font-size: 1.2em;
      padding: 0 3px 0 8px;
      width: 100%;
      line-height: 2em !important; }
    .loyalty-user .getstarted li {
      font-size: 0.95em; }
      .loyalty-user .getstarted li a {
        margin-left: 48px; }
    .loyalty-user .rewards-grid .loyalty-eq-column {
      width: 50%; }
      .loyalty-user .rewards-grid .loyalty-eq-column.last {
        width: 42.5%; }
    .loyalty-user .rewards-grid .reward-tile h2.item-name {
      font-size: 1.7em;
      margin-bottom: 0.2em; }
    .loyalty-user .rewards-grid .reward-tile .reward-redeem {
      font-size: 1.3em;
      margin: 0;
      line-height: 1.3em;
      margin-bottom: 0 !important; }
    .loyalty-user .rewards-grid .share-reward p, .loyalty-user .rewards-grid .share-reward a {
      font-size: 1.2em;
      display: inline-block; }
    .loyalty-user .rewards-grid .share-reward a {
      color: #af5026 !important; }
    .loyalty-user .rewards-grid .reward-desc {
      font-size: 1.2em; }
    .loyalty-user .rewards-grid .rewards-image-container {
      height: 108px;
      min-height: 115px; }
      .loyalty-user .rewards-grid .rewards-image-container img {
        height: 115px; }
    .loyalty-user .rewards-grid .dashboard-right-border {
      height: 87%; }
    .loyalty-user .past-rewards-grid .loyalty-eq-column {
      width: 24%; }
      .loyalty-user .past-rewards-grid .loyalty-eq-column .reward-tile h2 {
        font-size: 2em; }
      .loyalty-user .past-rewards-grid .loyalty-eq-column .reward-tile .reward-expired {
        padding: 0.5em; }
      .loyalty-user .past-rewards-grid .loyalty-eq-column.reward-infn img {
        height: 124px; }
    .loyalty-user .no-rewards-content .loyalty-panera-event.community {
      padding: 3em 6em;
      width: 65%; }
    .loyalty-user .popup-message {
      padding: 1.3em;
      position: absolute !important;
      right: -47%;
      width: 33%; }
    .loyalty-user .popup-msg {
      padding: 0 2em 0 0.3em !important;
      right: -47%;
      width: 33%; }
      .loyalty-user .popup-msg h2 {
        font-size: 1.7em; }
      .loyalty-user .popup-msg p {
        margin-bottom: 0.3em;
        font-size: 1.3em; }
      .loyalty-user .popup-msg span:first-child {
        float: left; }
    .loyalty-user .challenges-steps li {
      width: 24%; }
      .loyalty-user .challenges-steps li img {
        width: 85%; }
    .loyalty-user .past-challenges .past-challenge {
      padding: 1% 0;
      width: 24%; }
      .loyalty-user .past-challenges .past-challenge img {
        width: 80%; }
    .loyalty-user #loyalty-welcome .rewards-image-container {
      height: 222px; }
      .loyalty-user #loyalty-welcome .rewards-image-container img {
        min-height: 220px;
        height: 220px; }
    .loyalty-user #loyalty-welcome .rewards-right-border {
      height: 236px; }
    .loyalty-user .stage3 .prog-right, .loyalty-user .stage-final .prog-right, .loyalty-user .stage-partial-final .prog-right-partial {
      bottom: 6px;
      right: 20px; }
    .loyalty-user .stage-partial-final .prog-mid {
      width: 12px !important; }
    .loyalty-user .share-msg .spl-msg {
      width: 76%; }
    .loyalty-user #syr {
      margin-top: 1em; }
      .loyalty-user #syr a {
        width: 38%;
        margin-left: 2%;
        font-size: 1.1em;
        text-align: center;
        padding: 1.7% 4%;
        line-height: 13px; }
      .loyalty-user #syr p {
        width: 52%;
        font-size: 1em;
        padding-top: 2%;
        margin-bottom: 0; }
    .loyalty-user .my-panera-nav .promo-spot {
      width: 50.5% !important; }
      .loyalty-user .my-panera-nav .promo-spot a.promo-banner {
        display: block;
        float: left;
        margin: 2px 15px 0 0; }
        .loyalty-user .my-panera-nav .promo-spot a.promo-banner img {
          margin-top: 0; }
    .loyalty-user .my-panera-nav .loyalty-right-rail-menu .rewards-left, .loyalty-user .my-panera-nav .loyalty-right-rail-menu .visits-left {
      padding-top: 8px !important; }
    .loyalty-user .my-panera-nav .loyalty-right-rail-menu li span.visits {
      font-size: 1.1em; }

  .special-rail {
    margin-right: -8px;
    width: 27%; }
    .special-rail .join-now {
      padding: 0  30px;
      font-size: 1.4em;
      line-height: 1.8em !important; }

  .earn-rewards {
    font-size: 0.9em;
    width: 110%; }
    .earn-rewards .join-now {
      padding: 0  30px;
      font-size: 1.4em;
      line-height: 1.8em !important; }

  .more-questions {
    padding-top: 1.5em !important;
    font-size: 0.82em; }

  #welcome-user-print {
    margin-left: 47%; }

  .reward-tile {
    padding-top: 3em; }

  .take-care {
    margin-bottom: 0; }
    .take-care h2 {
      font-size: 1.7em; }
    .take-care li a {
      font-size: 0.9em; }
    .take-care li span {
      font-size: 0.95em; }

  .video-container {
    min-height: 340px; }

  .how-it-works.last ul {
    width: 110%; }

  .my-panera-take-care ul li {
    padding-top: 0 !important;
    margin-bottom: 0.5em !important; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .loyalty-user .my-dashboard {
    font-size: 1.2em;
    padding: 0 3px 0 8px;
    width: 80%;
    line-height: 2em !important; }
  .loyalty-user .special-rail {
    margin-right: -5px;
    width: 26%; }
  .loyalty-user .more-questions a {
    float: none; }
  .loyalty-user .video-container {
    min-height: 295px; }
  .loyalty-user .popup-message {
    right: -45%;
    width: 31%; }
    .loyalty-user .popup-message h2 {
      font-size: 1.9em; }
    .loyalty-user .popup-message p {
      font-size: 1.5em; }
  .loyalty-user .rewards-grid .loyalty-eq-column {
    width: 50%; }
    .loyalty-user .rewards-grid .loyalty-eq-column.last {
      width: 43.5%;
      padding: 0 3%; }
  .loyalty-user .rewards-grid .reward-tile h2.item-name {
    font-size: 1.7em;
    margin-bottom: 0.8em; }
  .loyalty-user .rewards-grid .reward-tile .reward-redeem {
    font-size: 1.3em;
    margin: 0;
    line-height: 1.3em; }
  .loyalty-user .rewards-grid .rewards-image-container {
    height: 120px;
    min-height: 135px; }
    .loyalty-user .rewards-grid .rewards-image-container img {
      height: 135px; }
  .loyalty-user .rewards-grid .dashboard-right-border {
    height: 89%; }
  .loyalty-user .past-rewards-grid .loyalty-eq-column {
    width: 20%; }
    .loyalty-user .past-rewards-grid .loyalty-eq-column.reward-infn img {
      height: 134px; }
  .loyalty-user #loyalty-welcome .rewards-image-container {
    height: 270px; }
    .loyalty-user #loyalty-welcome .rewards-image-container img {
      min-height: 270px; }
  .loyalty-user #loyalty-welcome .rewards-right-border {
    height: 284px; }
  .loyalty-user #welcome-user-print {
    margin-left: 0; }
    .loyalty-user #welcome-user-print #panera-card-assigned {
      width: 53%; }
    .loyalty-user #welcome-user-print .block-links {
      width: 40%;
      font-size: 1.4em; }

  .more-questions {
    padding-top: 1.5em !important;
    font-size: 1.1em; }

  .special-rail {
    margin-right: -8px;
    width: 26%; }
    .special-rail .join-now {
      padding: 0  40px;
      font-size: 1.4em;
      line-height: 1.8em !important; }

  .earn-rewards {
    font-size: 1.1em;
    width: 110%; }
    .earn-rewards .join-now {
      padding: 0  40px;
      font-size: 1.4em;
      line-height: 1.8em !important; }

  .video-container {
    min-height: 291px; } }
/* NOTHING SHOULD BE BELOW THIS LINE */
/* Gray Background - It should be removed finally from the CSS once all the assets filled in the place holders */
.gray-background {
  background-color: #d3d3d3; }

.promo-section .gray-background {
  width: 100%; }

.not-in-scope {
  visibility: hidden; }

/* ==========================================================================
=OVERRDIE BASE CSS
========================================================================== */
.no-fixed-elements #page-header {
  position: relative; }
.no-fixed-elements #content-outer-wrapper {
  padding-top: 0;
  margin-top: -3px; }

.wifi-landing .wifi-overlay h3 {
  margin-bottom: 0.5em !important; }

.wifi-landing .wifi-overlay a {
  margin-top: 0.3em !important; }

.wifi-landing .banner p {
  width: 100%;
  padding-top: 0;
  margin-top: 0.3em;
  margin-bottom: 0 !important; }

.resp-body-mobile .wifi-landing .wifi-overlay h3 {
  color: #4c3327 !important;
  margin-bottom: 0.3em; }

.resp-body-mobile .wifi-landing .wifi-overlay p {
  color: #4c3327 !important;
  margin-bottom: 0.3em; }

.resp-body-mobile .wifi-landing .wifi-overlay a {
  margin-top: 0.6em !important; }

.resp-body-mobile .wifi-landing .wifi-overlay {
  padding: 0 !important; }

/* Override CSS related to Mobile Responsiveness */
/* H1,H2,H3,H4,SPAN,P,TITLE,SUB-TITLE,BUTTON Font Size,family Settings for Mobile */
@media only screen and (max-width: 767px) {
  #content-outer-wrapper .standard h1, #content-outer-wrapper .indented h1, .m-text-banner-title, .mob-text-banner h1 {
    font-size: 3.2em;
    text-align: center;
    font-family: 'Sina-Regular', serif; }

  .mob-car #owl-demo .item span {
    font-size: 4em;
    font-family: "Sina-Regular",serif !important; }

  section.recipe-detail-page section.mobile-promo-section h2, article.panera-event.community .two-column h2, .wifi-landing > h2 {
    font-size: 20px !important;
    font-family: 'Sina-Regular', serif; }

  section.assets-grid > h2 {
    padding: 0 5%; }

  .mobile-recipe-tab-section {
    font-size: 2.0em;
    font-family: 'Sina-Regular', serif; }

  .grid.assets-grid article.placard .item-header span {
    font-size: 2.0em !important;
    text-align: left; }

  .recipe-header div.in-page-nav.sub-tabs {
    background: none; }
    .recipe-header div.in-page-nav.sub-tabs ul {
      text-align: left; }
      .recipe-header div.in-page-nav.sub-tabs ul li a {
        font-size: 22px !important; }

  section.recipe-detail-page section.mob-recipe-directions .three-column h3 {
    font-size: 1.6em; }

  body p {
    font-size: 1.4em !important;
    font-family: 'DINWeb' !important; }

  body .grid.assets-grid article.placard .label-tertiary-plain {
    font-size: 1.4em !important; }

  section.assets-grid h2:first-child {
    padding: 15px; }

  div.button-container {
    text-align: center !important; }
    div.button-container a.button-primary {
      /*font-size:2.4em;
      height: 28px !important;
      line-height: 28px !important;*/
      font-size: 2em !important;
      height: 40px !important;
      line-height: 40px !important;
      margin: 1em auto !important;
      min-width: 90% !important;
      padding: 0 !important;
      text-align: center;
      width: auto !important; }

  #customer-service-page #contactus_topic_selector {
    /*font-size: 1.6em;
    height: 28px !important;
    line-height: 28px !important;
    margin: 1em auto;
    min-width: 90%;
    padding: 0;
    text-align: center;
    width:auto;*/
    font-size: 2em !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 1em auto !important;
    min-width: 90% !important;
    padding: 0 !important;
    text-align: center;
    width: auto !important; }

  #subtopic_forms button.button-primary {
    /*font-size: 2.4em;
    height: 33px !important;
    line-height: 33px;
    margin: 1em auto;
    min-width: 90%;
    text-align: center;
    width: 100%;
    line-height:33px;*/
    font-size: 2em !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 1em auto !important;
    min-width: 90% !important;
    padding: 0 !important;
    text-align: center;
    width: auto !important; }

  a.button-primary {
    /* margin: 1em auto;
     text-align: center;
     width: auto;
     font-size:1.6em !important;
     height:28px !important;
     line-height:28px !important;*/
    font-size: 2em !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 1em auto !important;
    min-width: 90% !important;
    padding: 0 !important;
    text-align: center;
    width: 90% !important;
    display: block !important; }

  label.button-secondary {
    /* margin: 1em auto;
     text-align: center;
     width: auto;
     font-size:1.6em !important;
     height:28px !important;
     line-height:28px !important;*/
    font-size: 2em !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 1em auto !important;
    min-width: 90% !important;
    padding: 0 !important;
    text-align: center;
    width: auto !important;
    background: none !important; }

  article.financial-report-article .button-secondary {
    min-width: 0;
    text-align: left !important; }

  .two-column section.events-grid a.button-primary, .promo-section .promo-desc a.button-primary {
    width: 100% !important; }

  #top-teacher-input #top_teacher_form button.button-primary {
    width: auto !important; }

  .mob-content .ordernow-btn a {
    width: 90%;
    font-family: 'Sina-Medium', serif !important;
    height: 33px; }

  #accordian-contents h2 {
    margin-top: 0; }

  body .global-no-bullet-list .file-content, .global-list li, .cq-custom-list ul li {
    font-size: 14px; }

  .file-size {
    font-size: 14px;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px; }

  table.user-form label, .label-row-header, .custom-label, .form-row label {
    font-size: 14px;
    /*padding:0 !important;*/ }

  table td.form-submit-button #btn_submit_primary, table td.form-submit-button .button-primary {
    /*font-size:24px;
    height:33px;
    line-height:33px;
    padding:0; */
    font-size: 2em !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 1em auto !important;
    min-width: 90% !important;
    padding: 0 !important;
    text-align: center;
    width: auto !important; }

  .form-submit-button {
    padding: 0 !important;
    text-align: center !important; }

  section.request-form {
    padding: 0 !important; }

  .main-content.text-padding span.heading, .main-content.text-padding #list-teacher-rules p {
    font-size: 14px !important; }

  #page-meet-my-panera .earn-rewards-last .earn-rewards a.button-primary, #page-meet-my-panera .earn-rewards-last .earn-rewards .button-primary {
    /* font-size:16px;
     height:28px !important;
     line-height:28px;*/
    font-size: 20px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 1em auto !important;
    min-width: 90% !important;
    padding: 0 !important;
    text-align: center;
    width: auto !important; }

  #page-tastes-interests form#user_interests_form nav.step-nav #prev-button, #page-tastes-interests form#user_interests_form nav.step-nav #finish-button {
    font-size: 1.6em;
    height: 28px !important;
    padding: 0 3px;
    margin-left: 0.2em; }
  #page-tastes-interests form#user_interests_form nav.step-nav #next-button {
    font-size: 1.6em;
    height: 28px; }

  #page-tastes-interests #tastes-interests-data.account-info-table ul.form-submit-section button.button-primary {
    font-size: 16px !important;
    font-family: 'Sina-Medium', serif !important;
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 1em !important; }

  .promo-section .promo-desc.with-promo-label a.promo-label {
    display: none; }

  .panera-news .two-column h2 {
    font-size: 2em;
    text-align: left; }

  .input-form-table input, .input-form-table textarea, .input-form-table select, .input-form-table th, .input-form-table .welcomeUser {
    font-size: 14px; }

  .input-form-table h2 {
    font-size: 20px !important; }

  table.user-form .help-text, .account-info-table .help-text {
    font-size: 14px !important; }

  #page-meet-my-panera .earn-rewards-last .mmp-sign-in-bottom {
    font-size: 14px;
    text-align: center;
    margin-right: 0; }

  .main-content.text-padding h1 {
    font-size: 24px; }
  .main-content.text-padding p {
    word-wrap: break-word; }

  table label.form-select-label select.form-select {
    font-size: 14px; }

  span.sd-validation {
    /*margin:0 0 2em 0;*/
    padding-right: 0; }

  span.sd-validation label.label-agree {
    padding-left: 30px !important; }

  article#two-column-space article.financial-report-article {
    /*width:90%; */
    /*margin:0 auto;*/ }

  /*My Address */
  #address_list .address-type span, #address_list address, #address_list span.change-link-column {
    font-size: 14px !important; }

  /*Youpick two - Carousel */
  .cycle-overlay .button-primary {
    padding: 0 14px 0 15px !important;
    width: auto !important;
    min-width: 0 !important;
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 28px !important;
    height: auto !important; }

  /* Over Lay options */
  .overlay-wrap {
    z-index: 10005; }

  .modal-mask, .modal-mask-2 {
    z-index: 10004; }

  .overlay-wrap.syr #overlay-wrapper {
    margin: 0 !important; }

  #sign-in-modal table.user-form th.teaser-column {
    display: none !important; }
  #sign-in-modal .cont-submit-button {
    width: auto;
    text-align: left; } }

/* ==========================================================================
=LANDING PAGES
===========================================================================*/
/* Call the old style panera font for this page */
@font-face {
  font-family: 'panera_sans_webbold';
  src: url("clientLibs/css/panerasanswebbold-webfont.eot");
  src: url("clientLibs/css/fonts/panerasanswebbold-webfont.eot?#iefix") format("embedded-opentype"), url("clientLibs/css/fonts/panerasanswebbold-webfont.woff") format("woff"), url("clientLibs/css/fonts/panerasanswebbold-webfont.ttf") format("truetype"); }

/* Lose It! Landing Page */
.lose-it .main-content {
    padding-top: 0;
    position: relative;
}
.lose-it .panera-font {
    color: #a7220e;
    font-family: 'panera_sans_webbold';
    text-transform: uppercase;
}
h1.panera-font { margin-top: 35px; }
.lose-it .banner h1 { margin-bottom: 24px; }
.lose-it .banner h2 {
    font-family: 'panera_sans_webbold';
    text-transform: uppercase;
}
.lose-it .content-inner > header {
    background: url(clientLibs/css/images/landing-pages/lose-it/banner.png) top center no-repeat;
    background-size: 100%;
    height: 156px;
    margin-bottom: -26px;
    position: relative;
    top: -43px;
}
header .button-primary.lose-it {
    position: absolute;
    left: 65%;
    top: 45%;
}
.lose-it .socialize {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
.lose-it.pre-challenge .socialize {
    min-width: 0;
    text-align: center;
    top: 8px;
    width: 33%
}
.lose-it .socialize span, .lose-it .socialize .social-icons {
    color: #b68e62;
    font-size: 16px;
    float: left;
    line-height: 28px;
    margin: 0;
    padding-right: 1em;
}
.lose-it.pre-challenge .socialize span, .lose-it.pre-challenge .socialize .social-icons {
    float: none;
    }
.lose-it.pre-challenge .socialize .social-icons {
    display: inline-block;
    padding-left: 15px;
}
.lose-it .content-inner .social-icons li {
    background-image: url(clientLibs/css/images/landing-pages/lose-it/social-icons-tan.png);
    height: 28px;
    margin: 0 9px 0 0;
    min-width: 28px;
    padding: 0;
    width: 28px;
}
.lose-it .content-inner .social-icons li.facebook { background-position: -37px 0 }
.lose-it .content-inner .social-icons li.twitter {background-position:  -74px 0 }
.lose-it .horizontal-seperator {
    background: url(clientLibs/css/images/dots-artisan-horizontal-primary.png) left center repeat-x;
    height: 3px;
    padding: 40px 0;
}
.lose-it .steps-grid {
    background: url(clientLibs/css/images/landing-pages/lose-it/hiw-bg.png) 0 0 no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    margin-bottom: 35px;
}
.pre-challenge.lose-it .steps-grid {
    background: url(clientLibs/css/images/landing-pages/lose-it/hiw-prechallenge-bg.png) 0 0 no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    margin-bottom: 40px;
}
.steps-grid article {
    background-size: 100%;
    color: #4c3327;
}
.lose-it .step {
    color: #a7220e;
    font-family: 'Times New Roman';
    font-size: 3em;
    margin-left: 35%;
    visibility: hidden;
    width: 65%;
}
.lose-it .directions {
    display: block;
    font-size: 2.6em;
    margin: 0 0 25px 35%;
    visibility: hidden;
    width: 65%;
}
.steps-grid p {
    width: 94%;
    margin-left: 3%;
}
.steps-grid a {
    color: #d6670d;
    font-family: 'DINWebBold';
    font-size: 14px;
}
.steps-grid article a { margin-left: 3% }
.steps-grid a:hover {color: #4c3327;}
.steps-grid a .cta { background:url(clientLibs/css/images/arrow-btn-brown.png) 0 -20px no-repeat; }
.steps-grid a:hover .cta { background-position: 0 0; }
#motivation {
    background: url(clientLibs/css/images/landing-pages/lose-it/motivator-bg.png) top center no-repeat;
    background-size: 100% 100%;
    clear: both;
    max-height: 288px;
    padding: 31px 0;
    width: 100%;
}
.motivator-content {
    background: url(clientLibs/css/images/landing-pages/lose-it/weekly-motivation-bg.png) 0 30px no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    float: right;
    margin-right: 4%;
    width: 59%;
}
#motivation>img {
    background: #ccc;
    float:right;
    margin-right: 2%;
    max-height: 216px;
    width: 31.5%;
    display: none;
}
#motivation>img.active  { display: block; }
#motivation h4 {
    color: #a7220e;
    font-family: 'DINWebBold';
    font-size: 1.6em;
}
.motivation-links {

}
.motivation-links a {
    color: #d6670d;
    display: inline-block;
    font-size: 1.3em;
    padding: .5em .95em;
}
.motivation-links a:hover, .motivation-links a.active {
    background: #f0ede3;
    color: #444;
}
.motivation-links a.active { cursor: default;}
.find-motivation {
    color: #a7220e;
    float: left;
    font-family: 'DINWebBold';
    font-size: 1.8em;
    line-height: 2;
    margin-top: .3em;
    text-transform: uppercase;
    width: 66.6%;
}
.find-motivation span {
    font-family: 'DinWeb';
}
.motivation-data { display: none;}
.motivation-data.active {display: block;}
.motivation-copy {
    float: left;
    margin-top: 10px;
    width: 66.6%;
}

.prize {
    color: #a7220e;
    float: right;
    text-align: center;
    width: 33%;
}
.prize.won {
    background: url(clientLibs/css/images/landing-pages/lose-it/winner.jpg) top center no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    color: #fff;
}
.prize h5{
    font-size: 16px;
    line-height: 1;
    margin-top: 16px;
}
.prize.won h5 {
    margin-left: 22%;
    margin-top: 4px;
    text-align: left;
}
.prize img {
    margin: 5%;
    width: 90%;
}
.motivation-copy p, .prize img { display: none;}
.active .motivation-copy p, .active .prize img { display: block;}
.grand-prize {
    background: url(clientLibs/css/images/landing-pages/lose-it/grand-prize-bg.jpg) top center no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    margin-bottom: 45px;
    height: 228px;
}
.grand-prize h5 {
    color: #a7220e;
    font-family: 'DINWebBold';
    font-size: 22px;
    line-height: 1.125;
    margin: 0;
    padding: 2em 2.5% 1em;
    text-transform: uppercase;
}
.grand-prize p {
    padding: 0 0 0 2.5%;
    width: 55%;
}
#whats-happening .grid {
    background: url(clientLibs/css/images/landing-pages/lose-it/whats-happening-bg.png) top center no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    font-size: 1.4em;
}
#whats-happening .stat { margin: 8% 0 0 22%;}
#whats-happening .stat:first-child { margin-bottom: 13% }
#whats-happening span {
    color: #a7220e;
    font-family: 'DINWebBold';
    font-size: 21px;
    font-size: 2.1rem;
}
.spotlight {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(252,248,236,1) 5%, rgba(252,248,236,1) 95%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(5%,rgba(252,248,236,1)), color-stop(95%,rgba(252,248,236,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(252,248,236,1) 5%,rgba(252,248,236,1) 95%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(252,248,236,1) 5%,rgba(252,248,236,1) 95%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(252,248,236,1) 5%,rgba(252,248,236,1) 95%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(252,248,236,1) 5%,rgba(252,248,236,1) 95%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    margin-top: 5px;
}
.spotlight h3 {
     background: url(clientLibs/css/images/landing-pages/lose-it/community-bg.png) center left no-repeat;
    -webkit-background-size: 10%;
    -moz-background-size: 10%;
    background-size: 10%;
    color: #a7220e;
    font-family: 'DINWebBold';
    font-size: 16px;
    line-height: 3;
    margin-bottom: 0;
    padding: 11px 0 0 15%;
}
.spotlight p {
    font-size: 14px;
    padding-bottom: 1em;
}
h2.power { font-size: 2.8em }

.grid.assets-grid article.first .item {
    padding-left: 0
}
.lose-it .grid article.one-column img { max-height: 270px; }
.lose-it .grid article.item-promo .item-name {
    color: #d6670d;
    font-size: 20px;
    line-height: 1.25;
    position: relative;
    width: auto;
}
.lose-it .grid article.item-promo a:hover .item-name { color: #4c3327; }
.lose-it .grid article.item-promo .item-info {
    padding: 0;
    width: 90%;
}
.lose-it .item-desc {
    background: rgba(255,255,255,0.5);
    display: inline;
    font-size: 14px;
    left: 10%;
    padding: 5px 0;
    position: relative;
    top: 25%
}
.lose-it .item-desc a {
    line-height: 1.72;
    padding: 0 .5em;
}
.power-day { margin-top: 35px;}
.power-day a .cta { background:url(clientLibs/css/images/arrow-btn-brown.png) 0 -20px no-repeat; }
.power-day a:hover .cta { background-position: 0 0; }
/* Lose It! pre-challenge */
.lose-it.pre-challenge .main-content { padding-top: 10px;}
.lose-it.pre-challenge .main-content>h1 { margin-bottom: 14px; }
.lose-it.pre-challenge .main-content>h3 { margin-bottom: 20px; }
.pre-challenge sub {
    font-size: 0.6em;
    vertical-align: baseline;
}
.pre-challenge .download-app {
    background: url(clientLibs/css/images/landing-pages/lose-it/download-app-bg.jpg) top center no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    height: 85px;
    margin: auto auto 50px;
    position: relative;
    width: 98%;
}
.pre-challenge .download-app .button-primary {
    position: relative;
    left: 37%;
    margin-top: 24px;
}
.lose-it.pre-challenge .content-inner .social-icons li { background-image: url(clientLibs/css/images/landing-pages/lose-it/social-icons-orange.png); }
/* responsive only for Lose It! */
@media only screen and (max-width: 960px) {
    #motivation {
        min-height: 190px;
        padding: 20px 0;
    }
    .prize h5 { margin-bottom: 0; }
}
@media only screen and (max-width: 880px) {
    .one-column { width: 32.6% }
}
@media only screen and (max-width: 840px) {
    #whats-happening .stat {
        margin: 2% 0 0 22%;
    }
    #whats-happening span {
        display: block;
    }
    #whats-happening .stat:first-child {
        margin-bottom: 3%;
    }
    .lose-it.pre-challenge .content-inner .socialize { top: 0; }
}
@media only screen and (max-width: 768px) {
    .lose-it .content-inner > header { top: -33px; }
     header .button-primary.lose-it { top: 35%; }
     .prize h5 { font-size: 14px; }
}

/* Lose It - Style adjustments for ipad (non-retina) */
@media only screen
   and (min-device-width : 768px)
   and (max-device-width : 1024px)
   and (-webkit-device-pixel-ratio: 1) {
    .lose-it .content-inner > header { top: -34px; }
    header .button-primary.lose-it { top: 35%; }
    .grand-prize {min-height: 0;}
    .grand-prize h5 { padding-top: .5em }
    .prize h5 {
        font-size: 14px;
        margin-top: 5px;
    }
    .prize.won strong { display: block; }
}