* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff; /* #f4f4ee-chalk fccaa6-light peach, light teal light blue #F5F8FA light teal: #ebf4f3  EBF2EE*/
	height:100%;
}
body {
	font-family: "Nunito Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	font-size: 18px; /* THIS DETERMINES THE SIZE OF AN em */
	color:#333333;
	background-color:#ffffff;
	overscroll-behavior:none;
	position:relative;
}
body#login {
	padding:3em 0px;
}
body.full-height {
	min-height: 100vh;
}
body.gradient,
div.blue-green-gradient {
	/*background-color:#f0f1f5;
	linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%)*/
	
	background-color: #00C9FF;
	background-image:-webkit-gradient(linear, left bottom, right top, #00C9FF, to(#92FE9D));
	background-image:-webkit-linear-gradient(left, #00C9FF, #92FE9D);
	background-image:-moz-linear-gradient(left, #00C9FF, #92FE9D);
	background-image:-o-linear-gradient(left, #00C9FF, #92FE9D);
	background-image:linear-gradient(to bottom left, #00C9FF, #92FE9D);

}
body.single-container-footer-bottom > div.container {
	/*min-height: -moz-calc(100vh - 470px);
	min-height: -webkit-calc(100vh - 470px);
	min-height: -o-calc(100vh - 470px);
	min-height: calc(100vh - 470px);*/
	min-height:700px;
}
div#app-container {
	margin: 0px;
	background-color: #f4f4ee;
	width: 100%;
}
p {
	font-family: "Nunito Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight:normal;
	margin:0px;
	line-height:150%;
	width:100%;
	padding:7px 0px;
}
a:link, a:visited, a { 
	font-size: 1em;
	cursor:pointer;
	color:#527493;
	outline-style: none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition:  all .5s;
	text-underline-offset: 3px;
	text-decoration-skip-ink: all;
}
a:hover {
	color:#000000;
	cursor:pointer;
	text-decoration-skip-ink: none;
}
a > img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition:  all .5s;
}
a > img:hover {
	opacity:0.5;
}
a:focus {
	outline:none;
	/*text-decoration:underline;*/
}
/*a.button {
	font-family: "degular", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:20px;
	letter-spacing:2px;
	color:#000000;
	background-color:#afe77f;
	text-align:center;
	cursor:pointer;
	width:100%;
	max-width:500px;
	display:inline-block;
	text-decoration:none;
	padding: 12px 12px;
	margin: 10px 5px 10px 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	outline:none;
	opacity:1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}*/
a.link,
span.link,
a.link-green,
span.link-green,
a.link-pink,
span.link-pink {
	font-family: degular, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
	font-size:20px;
	color:#857947;
	cursor:pointer;
}
a.link-pink,
span.link-pink {
	color:#c65cb7;
}
a.app-button-link {
	color:#333333;
	font-size:14px;
	font-weight: 700;
	text-decoration:none;
	display:inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:2px 5px;
	border:1px solid #f9f8f4;
}
a.app-button-link:hover {
	background-color:#e8f3f9;
}
a.app-link,
span.app-link,
a.icon-button-text,
span.icon-button-text {
	color:#c65cb7;
	font-size:14px;
	font-weight: 700;
	display:inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:2px 5px;
	cursor:pointer;
}
a.app-link:hover,
span.app-link:hover {
	background-color:#f8e4f9;
}
a.page-close-link {
	/*font-size:13px;
	font-weight:400;
	text-decoration-thickness: 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-transform:uppercase;
	letter-spacing:1px;*/
	padding:1px 5px;
	position:absolute;
	top:2px;
	left:2px;
	z-index:10;
	
}
a.icon-button-text,
span.icon-button-text {
	font-size:30px;
	text-decoration:none;
	color:#333333;
}
a.icon-button-text:hover,
span.icon-button-text:hover {
	background-color:#dcdcdc;
}
a.page-right-corner-link {
	padding:1px 5px;
	position:absolute;
	top:2px;
	right:2px;
	z-index:10;
}
a.page-left-corner-link {
	padding:1px 5px;
	position:absolute;
	top:2px;
	right:2px;
	z-index:10;
}
span.link.form-next {
	font-family:"Nunito Sans", sans-serif;
}
a.link:hover,
span.link:hover {
	color:#494619;
}
.text-script,
.type-script{
	font-family: adobe-handwriting-ernie, sans-serif;
	font-weight: 400;
	font-style: normal;
}
p > span.type-script{
	font-size:40px;
}
.button, a.button,
.button-primary, a.button-primary,
.button-outline, a.button-outline,
.button-secondary, a.button-secondary,
.button-secondary-outline, a.button-secondary-outline, 
.button-disabled, a.button-disabled {
	font-family: cubano, sans-serif;
	font-weight:700;
	font-size:20px;
	letter-spacing:2px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	width:100%;
	max-width:500px;
	display:inline-block;
	text-decoration:none;
	font-style:normal;
	padding: 10px 12px;
	margin: 10px 5px 10px 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	outline:none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.button, a.button, .button-pink, a.button-pink { /*pink*/
	border: 2px solid #f28ce0;
	background-color: #f28ce0;
	color:#ffffff;
}
button.button {
	width:auto;
}
.button-secondary, a.button-secondary,
.button-green, a.button-green { /* moss green */
	border: 2px solid #a0a123; /*previous 8cc654*/
	background-color:#a0a123;
	color:#ffffff;
}
.button-secondary-outline, a.button-secondary-outline {
	color: #a0a123;
	border: 2px solid #a0a123;
	background-color:transparent;
}
.button-outline, a.button-outline {
	color: #f28ce0;
	border: 2px solid #f28ce0;
	background-color:transparent;
}
.button-disabled, a.button-disabled {
	color: #A4A6A9;
	border: 2px solid #A4A6A9;
	background-color:transparent;
	cursor:not-allowed;
}
.button:hover, a.button:hover,.button-green:hover, a.button-green:hover {
	background-color:#000000;
	border: 2px solid #000000;
}
.button-outline:hover, a.button-outline:hover {
	color: #000000;
	border: 2px solid #000000;
	background-color:transparent;
}
.button-orange {
	border: 2px solid #e48459;
	background-color: #e48459;
	color:#ffffff;
}
.button-orange:hover {
	background-color:#f2632a;
}
.button.large-button {
	font-size:50px;
	padding:20px;
	width:100%;
	max-width:initial;
}
/*.button-secondary:hover, a.button-secondary:hover,
.button-green:hover, a.button-green:hover {
	background-color:#777411;
	border: 2px solid #777411;
}
.button-secondary-outline:hover, a.button-secondary-outline:hover {
	color: #777411;
	border: 2px solid #777411;
	background-color:#ebebeb;
}*/
a.full-width, input.full-width, button.full-width{
	width:100%;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
}
a.button.width-auto, input.button.width-auto, button.button.width-auto, span.button.width-auto{
	width:auto;
}
.loading-button {
	opacity:1;
}
.loading-button.is-loading {
	opacity:.6;
	cursor:auto;
}
input.link-lookalike, span.link-lookalike {
	border: none;
	background-color: transparent;
	text-decoration: underline;
	color: #527493;
	background-image: none;
	padding: 0px;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-ms-transition: color .5s;
	-o-transition: color .5s;
	transition:  color .5s;
}
input.link-lookalike {
	font-size:1em;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input.link-lookalike:hover, span.link-lookalike:hover {
	color: #000000;
	border: none;
	background-color: transparent;
	background-image: none;
	cursor: pointer;
}
span.edit-link {
	display:inline-block;
	font-size:18px;
	width:25px;
	text-align:center;
	padding:0px 5px;
	color:#305760;
	-webkit-transition: all .5s ease !important;
	-moz-transition: all .5s ease !important;
	-ms-transition: all .5s ease !important;
	-o-transition: all .5s ease !important;
	transition: all .5s ease !important;
	cursor:pointer;
	vertical-align:middle;
}
span.edit-link:hover {
	color:#000000;
}
h1 {
	font-family: ogg-text, serif;
	/*font-family: "Young Serif", serif;*/
	font-weight: 400;
	font-style: normal;
	font-size: 2.5em;
	color: #333333;
	padding: 25px 0px 10px 0px;
	margin:0px;
}
h1.reduce {
	font-size: 1.8em;
}
h1.large-margins {
	margin:2em 0;
}
h1.hand-written-caps {
	font-family: "Rock Salt", serif;
	font-weight: 400;
	font-style: normal;
}
h1.self-contained {
	background-color:#ffffff;
	width:100%;
	padding-left:30px;
	padding-right:30px;
}
h1.wide-format {
	max-width:1200px;
	margin:0px auto;
}
h2 {
	font-family: "Nunito Sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	color:#333333;
	font-size:1.8em;
	margin:0;
	padding:15px 0px 0px 0px;
}
h2.smaller {
	font-size:1.2em;
	padding-top:8px;
}
h3 {
	font-family: cubano, sans-serif;
	font-weight:400;
	margin:10px 0px 5px 0px;
	font-size:1.5em;
	line-height: normal;
	color:#333333;
}
h3.enlarge {
	font-size:3em;
}
h4 {
	color:#a0a123;
	font-family: "Nunito Sans", sans-serif;
	font-optical-sizing: auto;
	text-transform: uppercase;
	font-weight:500;
	letter-spacing:1px;
	margin:5px 0;
	font-size:1em;
}
h5 {
	color:#333333;
	font-family: "Nunito Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight:700;
	margin:0;
	font-size:1em;
	padding:0px;
}
h6 {
	color:#333333;
	font-family: "Nunito Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight:700;
	margin:0;
	text-transform:uppercase;
	font-size:14px;
	padding:2px 0px;
}
h7 {
	font-size:13px;
	font-weight:bold;
	display:block;
}
span.degular {
	font-family: degular, sans-serif;
	font-weight:700;
}
span.cubano,
div.text-cubano {
	font-family: cubano, sans-serif;
	font-weight:400;
}
.header-link { /* this could be h1, h2, h3, h4, etc. */
	line-height:120%;
}
.header-link > a, .header-link > a:link, .header-link > a:visited { 
	text-decoration: none;
	color:#333333;
}
.header-link > a:hover {
	color:#a0a123;
}
.accent-green {
	color:#ccec71 !important;
}
.accent-ltpink {
	color:#f8e6e2 !important;
}
.accent-ltblue {
	color:#acd1ee !important;
}
.accent-orange {
	color:#e78554 !important;
}
.accent-mustard {
	color:#d5a844 !important;
}
.accent-hot-pink {
	color:#f28ce0 !important;
}
.accent-red {
	color:#fa755a !important;
}
.accent-olive {
	color:#857947 !important;
}
.accent-white {
	color:#ffffff !important;
}
div.shaded, .shaded {
	background-color:#f0f1f5;
}
div.parallax {
	background-attachment: fixed;
}
ol, ul {
	margin:0px;
}
ol li, ul li {
	margin:0px;
	padding:8px 0px;
}
ul.reduce li,
ol.reduce li {
	padding:0px 0px 3px 0px;
}
blockquote {
	font-size: 16px;
	font-style: italic;
	margin: 0.25em 0;
	padding: 0.35em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
}

blockquote:before {
	display: block;
	padding-left: 10px;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
	font-style: normal;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}
.admin-edit-link { /* edit link absolute positioned to top right of page*/
	position:absolute;
	top:100px;
	right:15px;
}
/* END HTML STYLES */
/* START APP STYLES */
img#logo {
	height:50px;
}
div#container, div.container {
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 2em 3em;
	text-align: left;
}
div.container > p,
div.container > h1,
div.container > h2,
div.container > h3,
div.container > h4,
div.container > h5,
div.container > h6,
div.container > h7,
div.section > p,
div.section > h1,
div.section > h2,
div.section > h3,
div.section > h4,
div.section > h5,
div.section > h6,
div.section > h7  {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
div.container.top-10 {
	padding-top:10px;
}
div.container.accent-lime-green {
	background-color:#ccec71;
}
div.container.accent-black,
div.container.bg-black {
	background-color:#333333;
}
div.container.bg-image {
	background-repeat: no-repeat;
	background-positon: center center;
	background-size:cover;
}
div.container.light-style,
div.light-style,
div.light-background {
	background-color:#f9f8f4;
}
div.container.shaded {
	background-color:#f0f1f5;
}
div.cream-background,
div.cream-bg {
	background-color:#efe9d8 !important;
}
div.orange-pink-modern-bg {
	background:#ed975d url('../images/backgrounds/orange_pink_mcm_bg.png') repeat;
}
div.bg-mustard {
	background-color:#d5a844 !important;
}
div.bg-white {
	background-color:#ffffff !important;
}
div.bg-pink-white-lines {
	background:#ffffff url('../images/backgrounds/striped-bg-ltpink-thin.png') repeat !important;
}
div.bg-dark-green-lines {
	background:#3d4c06 url('../images/backgrounds/dark_green_stripe_bg.png') repeat !important;
}
div.light-pink-bg {
	background-color:#f8e6e2 !important;
}
div.peach-bg {
	background-color:#f2d4c1 !important;
}
div.light-blue-bg {
	background-color:#acd1ee !important;
}
div.bg-pink-orange-lines {
	background:#f0acc5 url('../images/backgrounds/striped-bg-orange-thin.png') repeat !important;
}
div.bg-yellow-orange-lines {
	background:#efe9d8 url('../images/backgrounds/striped-bg-orange-thin.png') repeat !important;
}
div.bg-white-confetti {
	background:#efe9d8 url('../images/backgrounds/white_confetti_bg.png') repeat !important;
}
div.bg-cream-texture {
	background:#efe9d8 url('../images/backgrounds/cream_texture.png');
	background-repeat: no-repeat;
	background-positon: center center;
	background-size:cover;
}
div.bg-black-grainy {
	background:#000000 url('../images/backgrounds/black_grainy_background.png');
	background-repeat: no-repeat;
	background-positon: center center;
	background-size:cover;
}
div.container.bg-green-cream-lines, 
div.bg-green-cream-lines {
	background:#efe9d8 url('../images/backgrounds/striped-bg-ltgreen-thin.png') repeat;
}
div.paper-texture-bg {
	background:#cabba4 url('../images/backgrounds/paper-texture-bg.png');
	background-repeat: no-repeat;
	background-positon: center center;
	background-size:cover;
}
div.section > div:not(.body-content) {
	position:relative;
	max-width:1200px;
	margin:auto;
}
div.section {
	width:100%;
}
div.section.small-padding,
div.container.small-padding {
	padding:1em 1em !important;
}
div.section.medium-padding,
div.container.medium-padding {
	padding:2em 2em !important;
}
div.section.large-padding,
div.container.large-padding {
	padding:4em 2em !important;
}
div.width-1200 {
	max-width:1200px;
	margin:auto;
}
div.width-800 {
	max-width:800px;
	margin:auto;
} 
div.layout-columns {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
div.layout-columns.width-50-50 > div {
	width:50%;
}
div.layout-columns.width-33-66 > div:first-child,
div.layout-columns.width-66-33 > div:last-child {
	width:33.33%;
}
div.layout-columns.width-33-66 > div:last-child,
div.layout-columns.width-66-33 > div:first-child {
	width:66.66%;
}
div.layout-columns.width-25-75 > div:first-child,
div.layout-columns.width-75-25 > div:last-child {
	width:25%;
}
div.layout-columns.width-25-75 > div:last-child,
div.layout-columns.width-75-25 > div:first-child {
	width:75%;
}
div.layout-1a,
div.layout-1b { /* textbox overlayed larger image */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
	align-items:center;
	padding:0px 2em;
}
div.layout-1a > div:first-child,
div.layout-1b > div:last-child {
	width: 75%;
	min-height:500px;
	max-width:600px;
	background-size:cover;
	background-position: top center;
	z-index:9;
}
div.layout-1a > div:last-child,
div.layout-1b > div:first-child {
	width: 50%;
	max-width:700px;
	min-width:300px;
	/*border: 1px solid red;*/
	background-color:#F1EEE8;
	margin:2em 1em 2em -4em;
	padding:2em;
	z-index:10;
}
div.layout-1b > div:first-child {
	margin:2em -4em 2em 1em;
}
div.layout-2a,
div.layout-2b { /* image overlayed larger text box */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
	align-items:center;
	padding:0px 2em;
}
div.layout-2a > div:first-child,
div.layout-2b > div:last-child { 
	width: 50%;
	max-width:600px;
	min-width:300px;
	min-height:400px;
	max-height:800px;
	margin:2em -4em 2em 1em;
	background-size:cover;
	background-position: center center;
	z-index:10;
}
div.layout-2a > div:last-child,
div.layout-2b > div:first-child {
	width: 75%;
	min-height:500px;
	max-width:600px;
	/*border: 1px solid red;*/
	background-color:#F1EEE8;
	padding: 3em 2em 3em 6em;
	z-index:9;
}
div.layout-2b > div:first-child {
	padding: 3em 6em 3em 2em;
}
div.layout-2b > div:last-child {
	margin:2em 1em 2em -4em;
}
div.layout-3a { /*two col with even height*/

}
div.layout-4a > div:first-child,	/*hero image with overlayed box on bottom overlapping bottom of hero image*/
div.layout-4b > div:last-child {  /*hero image with overlayed box on top overlapping bottom of hero imageNEEDS FIX: z-index not working */
	width:100%;
	max-width:1200px;
	height:400px;
	background-size:cover;
	background-position: top center;
	margin:0px auto;
	z-index:8;
}
div.layout-4a > div:last-child,
div.layout-4b > div:first-child {
	width:80%;
	max-width:800px;
	margin:-80px auto 0px auto;
	padding:30px;
	background-color:#F1EEE8;
	z-index:12;
}
div.background-image-top {
	background-position: top center !important;
}
div.layout-4b > div.background-image-top#home-main-image:last-child {
	height:500px;
}
div.layout-4b > div:first-child { /*hero image with overlayed box overlapping bottom of hero image*/
	margin:0px auto -80px auto;
}
div.layout-4b.show-full-image > div:last-child {
	background-size:contain;
	background-repeat:no-repeat;
}
div.layout-4b.show-full-image > div:first-child {
	padding-bottom:60px;
}
div.layout-5a > div:first-child,	/*hero image with overlayed box on bottom overlapping bottom of hero image*/
div.layout-5b > div:last-child {  /*hero image with overlayed box on top overlapping bottom of hero imageNEEDS FIX: z-index not working */
	width:100%;
	max-width:1200px;
	height:400px;
	background-size:cover;
	background-position: center center;
	margin:0px auto;
}
div.layout-5a > div:last-child,
div.layout-5b > div:first-child {
	width:80%;
	max-width:800px;
	margin:0px auto 0px auto;
	padding:30px;
}
div.layout-1a > div:first-child.show-full-image,
div.layout-1b > div:last-child.show-full-image,
div.layout-2a > div:first-child.show-full-image,
div.layout-2b > div:last-child.show-full-image {
	background-size:contain;
	background-repeat:no-repeat;
}
div.layout-10a { /* 3 col w/ lines separating */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-evenly;
	-moz-justify-content:space-evenly;
	justify-content:space-evenly;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:1200px;
	padding:2em 0px;
}
div.layout-10a > div {
	-webkit-flex: 1 1 0px;
	-moz-flex: 1 1 0px;
	flex: 1 1 0px;
	margin:0px;
	padding:0px 1.5em;
}
div.layout-10a > div:not(:last-child) {
	border-right:1px solid #F1EEE8;
}

.no-max{
	max-width:initial;
}
div.colorway-1 { /*beige background, white section background, orange links/buttons */
	background-color:#F1EEE8;
}
div.colorway-1 div.layout-1a > div:last-child,
div.colorway-1 div.layout-1b > div:first-child,
div.colorway-1 div.layout-2a > div:last-child,
div.colorway-1 div.layout-2b > div:first-child {
	background-color:#ffffff;
}
div.colorway-1 div.layout-10a > div:not(:last-child) {
	border-right:1px solid #ffffff;
}
div.colorway-2 div.layout-1a > div:last-child,
div.colorway-2 div.layout-1b > div:first-child,
div.colorway-2 div.layout-2a > div:last-child,
div.colorway-2 div.layout-2b > div:first-child {
	background-color:#ffd9b6;
}
div.colorway-2 a.button {
	background-color:#b86265;
	border-color:#b86265;
}
div.colorway-2 .link {
	color:#b86265;
}
div.colorway-2 h4 {
	color:#b86265;
}
/*SET COLORWAYS*/

/*END COLORWAYS*/
div.view-image-container {
	/*border: 1px solid #DCE0E2;*/
	background-color:#EAF1ED;
	text-align:center;
	margin-bottom:10px;
	font-size:13px;
	letter-spacing:1px;
	font-weight:bold;
}
div.view-image-container > div.featured-image {
	background-color:#5CD79E;
	color:#ffffff;
	padding:3px;
}
div#login-container {
	width:95%;
	max-width:450px;
	margin:0px auto;
	padding:3em;
	background-color:#ffffff;
}
/* UI START */
/* jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}

/* jQuery UI Datepicker hide datepicker helper */
#ui-datepicker-div {display:none;}

/* jQuery UI Datepicker emphasis on selected dates */
.ui-widget-overlay {
	background: #000000;
    opacity: .5;   
}
.ui-datepicker a.ui-state-active {
	background: #55C777 none;
	border-color:#55C777;
	color: white;
}
.ui-datepicker a.ui-state-highlight {
	background: #FFFBD7 none;
	color:#495868;
}
.ui-tooltip {
	white-space: pre-line;
	background-color: #333333;
	color:#ffffff;
	font-size:14px;
	letter-spacing:1px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	
}
.tooltip-question-mark {
	cursor:help;
	font-family:sans-serif;
	background-color: #f2f1e7; /* navy 345995 */
	-webkit-border-radius: 10px;border-radius: 10px;-moz-border-radius: 10px;
	color:#333;
	font-weight:bold;
	padding:3px 5px;
	font-size:14px;
	margin-left:5px;
	vertical-align:top;
	display:inline-block;
	line-height:normal;
}
.tooltip-text {
	cursor:pointer;
}
.ui-dialog {
	background-color:#ffffff;
	-webkit-border-radius: 15px;border-radius: 15px;-moz-border-radius: 15px;
	-webkit-box-shadow: 5px 5px 10px #555555;
	box-shadow: 5px 5px 10px #555555;
	-moz-box-shadow: 5px 5px 10px #555555;
}
.ui-dialog h2{
	padding-top:0px;
	font-size:1.5em;
}
.ui-dialog .ui-dialog-content {
	padding-top:0px;
}
h2#admin-dialog-title {
	text-align:center;
}
div#admin-dialog-content {
	text-align:center;
}
.no-close .ui-dialog-titlebar-close {
	display: none
}
.ui-dialog-titlebar-close {
	border:0px;
	/*background: #ffffff url('../images/icons/icon-navy-x.png') no-repeat center center;
	background-size:contain;*/
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline:none;
    -webkit-border-radius: 5px;border-radius: 5px;-moz-border-radius: 5px;
    /*width:20px;
	height:20px;
	display:inline-block;*/
	/*background: url('../images/icons/all_icons.png') no-repeat;
	background-position: -100px -20px; */
	background: url("../images/icons/x_icon.svg") no-repeat center center;
	background-size:24px 24px;
}
.ui-dialog-titlebar-close:hover {
	background-color:#ebebeb;
}
.ui-datepicker {
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 7px #f2f2f2;
	box-shadow: 0px 0px 7px #f2f2f2;
	-moz-box-shadow: 0px 0px 7px #f2f2f2;
}
input.datepicker {
	background: #fcfcfc url('../images/icons/calendar_gray_25.png') no-repeat 99% 50%;
	padding-right:40px;
}
input.datepicker:hover {
	cursor:pointer;
}
.ui-tabs .ui-tabs-nav li {
	padding:5px;
	text-align:center;
}
div.main-tabs {
	display:none;
}
div.main-tabs ul.ui-tabs-nav {
	width:100%;
	text-align:center;
	margin:auto;
}
div.main-tabs.two-tabs ul.ui-tabs-nav {
	max-width:500px;
}
div.main-tabs li.tab-title {
	padding:0px;
	background-color:#ffffff;
	display:inline-block;
	margin: 0px;
	cursor:pointer;
	width:auto;
}
div.main-tabs.two-tabs li.tab-title {
	width:50%;
}
div.main-tabs li.tab-title a{
	width:100%;
	padding:0px;
	color: #3c444f;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #b86265; /*#3c444f;*/
	cursor:default;
	border-bottom:3px solid #b86265;
}
div.main-tabs li.tab-title h3 {
	font-weight:700;
	margin:0px;
	padding:0px;
}
div.main-tabs div.tab-content {
	padding:1em;
	border-top:1px solid #eee;
}
div.main-tabs.user-form-tabs div.tab-content {
	border:2px solid #eee;
}
div.dialog.full-screen-modal {
	width:100%;
}
.ui-autocomplete {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color:#F5F8FA;
	border: 1px solid #DCE0E2;
}
.ui-menu-item {
	padding:2px 5px;
	border-bottom: 1px solid #eee;
}
.ui-menu-item:hover {
	background-color:#ffffff;
	padding:2px 5px;
}
img.ui-icon-inline {
	height:14px;
	display: inline-block;
    vertical-align: text-top;
    padding-top: 2px;
}
img.ui-icon-inline.medium-size {
	height:30px;
	display: inline-block;
    vertical-align: middle;
    padding-top: 0px;
}
.ui-icon {
	background-color:#ffffff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-border-radius: 50%;
}
span.ui-icon-tent-label {
	width:22px;
	height:15px;
	display:inline-block;
	background: url("../images/icons/ui-icon-tent-cropped.svg") no-repeat center center;
	background-size: 22px 15px;
	vertical-align: text-top;
}
span.ui-icon-print {
	width:30px;
	height:30px;
	display:inline-block;
	background: url("../images/icons/ui-icon-11.svg") no-repeat center center;
	background-size: 29px 29px;
	vertical-align: middle;
}
span.ui-icon-edit {
	width:30px;
	height:30px;
	display:inline-block;
	background: url("../images/icons/ui-icon-edit.svg") no-repeat center center;
	background-size: 29px 29px;
	vertical-align: middle;
}
.ui-icon-closethick, .ui-icon-close {
	border:0px;
}
table.ui-datepicker-calendar tr td.ui-state-highlight {
	background-color:#55C777;
	color:#ffffff;
}
.ui-accordion .ui-accordion-header {
	/*5px 15px 5px 30px;*/
	padding-left: 30px !important;
	border-bottom:1px solid #DCE0E2;
	outline:none;
	font-size:1.2em;
	position:relative;
}
.ui-accordion .ui-accordion-content {
	padding:5px 5px 10px 30px; /* 20px [icon size] + 10px [icon margin-right] + 15px [header padding-left] + 1px buffer = 36px*/
}

div.accordion-faq .ui-icon {
	/*background-image: url("../images/icons/ui_icon_inactive_20.png");*/
	width:20px;
	height:20px;
	display:inline-block;
	background: url("../images/icons/down-arrow-10.svg") no-repeat center center;
	background-size:12px 12px;
	vertical-align:middle;
	opacity:1;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	position:absolute;
	left:5px;
	top:15px;
}
div.accordion-faq .ui-widget-header .ui-icon {
	background-image: url("../images/icons/down-arrow-10.svg");
}
div.accordion-faq .ui-state-hover .ui-icon,
div.accordion-faq .ui-button:hover .ui-icon {
	opacity:.5;
}
div.accordion-faq .ui-state-active .ui-icon,
div.accordion-faq .ui-button:active .ui-icon {
	background-image: url("../images/icons/up-arrow-10.svg");
}

div.accordion-faq .ui-state-highlight .ui-icon,
div.accordion-faq .ui-button .ui-state-highlight.ui-icon {
	
}
.no-ui-icon-position {background-position: 0 0;}
 
/* START TOGGLE SWITCH */
div.toggle-switch-container {
  width: 51px;
  height: 31px;
  position: relative;
  margin:0px auto;
}

/* Hide default HTML checkbox */
div.toggle-switch-container > .toggle-checkbox {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

div.toggle-switch-container > .switch {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #e9e9eb;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

/* The slider - ACTIVE NOW*/
div.toggle-switch-container .toggle-slider {
  width: 27px;
  height: 27px;
  position: absolute;
  left: calc(50% - 27px/2 - 10px);
  top: calc(50% - 27px/2);
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
  transition: all 0.2s ease-out;
  cursor: pointer;
}

div.toggle-switch-container > .toggle-checkbox:checked + .switch {
  background-color: #2bd885;
}

div.toggle-switch-container > .toggle-checkbox:checked + .switch .toggle-slider {
  left: calc(50% - 27px/2 + 10px);
  top: calc(50% - 27px/2);
}
/* END TOGGLE SWITCH */

p.valid-message, div.valid-message,
p.invalid-message, div.invalid-message {
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	padding: 15px;
	width:100%;
	max-width:initial;
	margin:0px;
	text-align:center;
}
p.valid-message, div.valid-message {
	background-color: #a4f7c2; /*60fcd0*/
	color:#333333;
}
p.invalid-message, div.invalid-message {
	background-color:#fa755a;
	color:#ffffff;
}
div.invalid-message.high-contrast { /*light red to allow pink button to pop*/
	background-color:#f9c4bb;
	color:#000000;
	border: 2px solid #fa755a;
}
p.invalid-message a{
	color:#333333;
	font-weight:bold;
}
input.invalid,
textarea.invalid {
	border:2px solid #fa755a !important;
}
/* Forms / UI Styles */
input[type=text], input[type=textbox], input[type=email], input[type=password], input[type=number], textarea{
	padding: 7px 5px;
	font-family: sans-serif;
	border:1px solid #DBDFE1;
	background-color:#fcfcfc;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	width:100%;
	font-size: 15px;
	margin:3px 0px 0px 0px;
	outline:none;
}
input[type=text]:focus, input[type=textbox]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus {
	background-color:#F5F8FA;
	border:1px solid #C5DAE2;
}
input[type=text]::-webkit-input-placeholder, input[type=textbox]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color:#bcbec0;
}
input[type=text]:-ms-input-placeholder, input[type=textbox]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color:#bcbec0;
}
input[type=text]::placeholder, input[type=textbox]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, textarea::placeholder {
	color:#bcbec0;
}
input[type=text].shortest-text,
input[type=number].shortest-text {
	width:50px !important;
}
input[type=text].short-text,
input[type=number].short-text {
	width:90px !important;
}
input[type=text].medium-text,
input[type=number].medium-text {
	width:150px !important;
}
input[type=text]:read-only,
input[type=number]:read-only {
	color:#808184;
}
input.large-textbox {
	font-size:2em;
	text-align:center !important;
	padding:12px !important;
	font-family: "Nunito Sans", sans-serif;
}
input.check-style, 
input[type=checkbox], input[type=radio] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:24px;
    height:24px;
    background-color:#ffffff;
    border:1px solid #DCE0E2;
    margin:0px 10px 0px 0px;
    vertical-align:middle;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	outline:none;
	cursor:pointer;
}

input.check-style:checked, 
input[type=checkbox]:checked, input[type=radio]:checked {
	background: #ffffff url('../images/icons/icon-navy-check.png') no-repeat center center;
}
p.checkbox-row label {
	margin-right:1em;
	font-size: 15px;
}
input[type=submit], input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
label {
	cursor:pointer;
	font-size:15px;
	font-weight:700;
	color:#305760;
}
textarea {
	font-family: "Nunito Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight:normal;
	overflow: auto;
	min-height:60px;
}
textarea.longtext {
	min-height:170px;
}
select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding:10px;
	border:1px solid #DBDFE1;
	font-size:1.1em;
	color:#414142;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	width:200px;
	margin:0px;
	background: #ffffff url('../images/icons/down-arrow-10.png') no-repeat right 5px center;
	background-size:10px 10px;
	outline:none;
}
select.full-width {
	width:100%;
}
select.droplist {
	width:100%;
}
select.droplist.invisible-droplist{
	border:0px;
	background-color:transparent;
}
select.droplist.inline-droplist {
	background-color:#ffffff;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding:7px 10px;
	border:1px solid #DBDFE1;
}
select.droplist.time-droplist{
	display:inline-block;
	width:70px;
}
select.droplist.restrict-200 {
	max-width:200px;
}
span.carrot-up {
	width:20px;
	height:20px;
	display:inline-block;
	background: url("../images/icons/up-arrow-10.svg") no-repeat center center;
	background-size:12px 12px;
	vertical-align:middle;
}
span.carrot-down {
	width:20px;
	height:20px;
	display:inline-block;
	background: url("../images/icons/down-arrow-10.svg") no-repeat center center;
	background-size:12px 12px;
	vertical-align:middle;
}
div.form-input-container {
	border:1px solid #DCE0E2;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	box-shadow: 0 1px 3px 0 #e6ebf1;
	-webkit-transition: box-shadow 150ms ease;
	-moz-transition: box-shadow 150ms ease;
	-o-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
	margin-bottom:1em;
	margin-top:1em;
}
form#new-recipe-form div.form-input-container {
	max-width:700px;
}
div.form-row {
	padding: 0px 5px;
	margin:0px;
	border-bottom:1px solid #DCE0E2;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items:center;
	align-items:center;
	background-color:#ffffff;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}
div.form-row:hover {
	border:1px solid #3a4e59;
}
div.form-input-container.separate-boxes div.form-row.row-invalid {
	border:1px solid #fa755a !important;
}
div.form-row.row-invalid label{
	color: #fa755a !important;
}
div.form-row.single-row:focus{
	box-shadow: 0 1px 3px 0 #cfd7df;
}
div.form-row:last-child {
	border-bottom:0px;
}
div.form-row.single-row {
	border:1px solid #DCE0E2;
	background-color:#ffffff;
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	max-width:500px;
	box-shadow: 0 1px 3px 0 #e6ebf1;
	-webkit-transition: box-shadow 150ms ease;
	-moz-transition: box-shadow 150ms ease;
	-o-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
	margin-bottom:1em;
}
div.form-row label {=
	width:30%;
	max-width:150px;
	text-align:right;
	padding-right:10px;
	cursor:default;
	font-size:15px;
	font-weight:600;
	color:#3c444f;
}
div.form-row input:not(.check-style),
div.form-row textarea,
div.form-row select.droplist{
	width:70%; 
	border:0px;
	background-color:transparent;
	margin:0px;
	padding:7px 5px;
}
div.form-input-container.stacked-labels div.form-row {
	display:block;
	padding:0px;
}
div.form-input-container.stacked-labels div.form-row label,
div.form-input-container.stacked-labels div.form-row input:not(.check-style), 
div.form-input-container.stacked-labels div.form-row textarea {
	width:100%;
	max-width:100%;
	text-align:left;
	display:block;
	padding:7px 10px;
}
div.form-input-container.stacked-labels div.form-row label,
p.form-row-label,
div.aligned-form-row.labels span { 
	/*text-transform:uppercase;*/
	letter-spacing:1px;
	padding-bottom:0px;
	/*border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
	background-color:#fcfcfc;*/
}
/*div.form-input-container.stacked-labels div.form-row input.check-style {
	display:inline-block !important;
	width:auto;
}*/

div.form-row label.check-label {
	
}
div.form-row-lookalike div.checkbox-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
	align-items:center;
	padding:5px;
	margin:5px 0px;
}
div.form-row-lookalike div.checkbox-row label{
	display:inline-block !important;=
	color:#3c444f !important;
	width:90% !important;
	padding:0px;
	font-size: 15px;
	font-weight:600;
}
div.form-row-lookalike {
	border:1px solid #DCE0E2;
	padding: 7px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}
div.form-row-lookalike > div{
	/*margin:0px 10px 0px 0px !important;*/
}
div.form-row-lookalike p.form-row-label {=
	margin:0px;
	padding: 0px;
}
div#recipe-attribution {
	margin-left:40px;
}
div.form-row input:focus, div.form-row textarea:focus{
	background-color:transparent;
	border:0px;
}
div.form-input-container.separate-boxes {
	border:0px;
	box-shadow:none;
}
div.form-input-container.separate-boxes:focus {
	box-shadow:none;
}
div.form-input-container.separate-boxes div.form-row{
	border:1px solid #DCE0E2;
	margin-bottom:10px;
}
div.form-input-container.separate-boxes div.form-row.no-border {
	border:0px;
}
div.form-input-container.label-overlay div.form-row {
	position:relative;
	margin-bottom:25px;
}
div.form-input-container.label-overlay div.form-row label {
	position: absolute;
    top: -18px;
    left: 5px;
    background-color: #f2f2f2;
    width: auto;
    padding: 1px 8px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size:14px;
    font-weight:700;
}
div.form-input-container.label-overlay div.form-row textarea,
div.form-input-container.label-overlay div.form-row input {
	padding-top:12px !important;
	font-size:17px;
}
div.form-input-container.label-overlay {
	max-width:340px;
	margin-left: auto;
	margin-right: auto;
}
div#form-validation,
p.notification,
div.form-validation {
	background-color:#fccaa6;
	color:#333333;
	padding:10px;
	margin:10px 0px;
	display:none;
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}
div#form-validation a,
div.form-validation a {
	color:#333333;
	font-weight:bold;
}
div#form-validation,
div.form-validation {
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	background-color:#fa755a;
	color:#ffffff;
}
input.custom-file-input{
	visibility:hidden;
	position:absolute;
	width:100px;
	max-width:100px ;
}
span.file-upload-display{
	padding:4px;=
	display:inline-block;
	vertical-align:top;
	margin:10px;
}
label.upload-file-label {
	display:inline-block;
	width:auto;
	font-weight:600;
	letter-spacing:1px;
	font-size:13px;
	padding: 4px 10px;
	margin: 10px;
	color: #FB626C;
	border: 2px solid #FB626C;
	background-color:transparent;
	cursor:pointer;
	vertical-align:top;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}
/* The switch - the box around the slider */
div.ui-switch-container {
	display: inline-block;
	padding:5px 0px;
	/*border:1px solid #DBDFE1;
	background-color:#ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
}
div.ui-switch-container label {
	font-weight:bold;
	margin:0px;
	font-size:16px;
	vertical-align:middle;
}
div.ui-switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 28px;
	vertical-align:middle;
}
/* Hide default HTML checkbox */
div.ui-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
/* The slider */
.ui-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.ui-slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .ui-slider {
	background-color: #03cea4;
}
input:focus + .ui-slider {
	box-shadow: 0 0 1px #03cea4;
}
input:checked + .ui-slider:before {
	-webkit-transform: translateX(22px);
	-ms-transform: translateX(22px);
	transform: translateX(22px);
}
/* Rounded sliders */
.ui-slider.ui-round {
	-moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
}
.ui-slider.ui-round:before {
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
div.list-table {
	width:100%;
	max-width:1200px;
}
div.list-table.add-border {
	border:1px solid #DCE0E2;
}
div.list-table div.list-table-row {
	padding:7px 5px;
	border-bottom:1px solid #DCE0E2;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
}
div.list-table.two-col div.list-table-row > span {
	width:50%;
}
div.list-table.three-col div.list-table-row > span {
	width:33%;
}
div.list-table.four-col div.list-table-row > span {
	width:25%;
}
div.list-table div.list-table-row span.width-10 {
	width:10%;
}
div.list-table div.list-table-row span.width-15 {
	width:15%;
}
div.list-table div.list-table-row span.width-20 {
	width:20%;
}
div.list-table div.list-table-row span.width-30 {
	width:30%;
}
div.list-table div.list-table-row span.width-40 {
	width:40%;
}
div.list-table div.list-table-row span.width-50 {
	width:50%;
}
div.list-table div.list-table-row span.width-60 {
	width:60%;
}
div.list-table div.list-table-row span.width-70 {
	width:70%;
}
div.list-table div.list-table-row span.checkbox-column{
	width:35px;
}
div.list-table.add-border div.list-table-row:last-child{
	border-bottom:0px;
}
div.list-table div.list-table-row.align-flex-start {
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start;
}
div.list-table div.list-table-row.list-table-headers{
	font-weight:700;
}
div.list-table div.list-table-row > span{
	display:inline-block;
	width:20%;
}
div.list-table.ingredient-list div.list-table-row > span:first-child{
	width:60px;
	text-align:right;
}
div.list-table.ingredient-list div.list-table-row > span:last-child{
	text-align:right;
}

div.list-table.ingredient-list.editable div.list-table-row{
	border:1px solid #DCE0E2;
	margin-bottom:5px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	cursor: grab;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	background-color:#ffffff;
}
div.list-table.ingredient-list.editable div.list-table-row:hover {
	-webkit-box-shadow: 0 0 12px #DCE0E2;
	-moz-box-shadow: 0 0 12px #DCE0E2;
	box-shadow: 0 0 12px #DCE0E2;
	background-color:#F4F4EE;
}
div.list-table.ingredient-list.editable div.list-table-row::before{
	content:"\003D";
	font-size:2em;
	padding-left:10px;
}
.highlight-ingredient {
	background-color:#F4F4EE;
	height: 50px;
	line-height: 1.2em;
	margin-bottom:5px;
	border:1px solid #DCE0E2;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}
div#add-instruction-dialog h2 {
	padding-bottom:5px;
}
div#add-instruction-dialog form {
	margin-top:1em;
	max-width:500px;
}
div#select-ingredients-container > div {
	padding:3px;
	margin-bottom:5px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div#select-ingredients-container > div:hover {
	background-color:#ebf2ee;
}
.spinner-icon {
	display:inline-block;
	background:url("../images/icons/loader-three-dots.png") no-repeat center center;
	margin: 0px auto;
	width: 50px;
	height: 10px;
	text-align:center;
}
/* END FORMS */
/* Styles for landing pages */
div.hero-image-section {
	position: relative;
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	height:95vh;
	min-height: 600px;
	padding:0;
	margin:0;
}
div.hero-video-section {
	position: relative;
	right: 0;
	width: 100%;
	min-height: 95vh;
	padding: 100px;
	transition: 0.5s;
	z-index: 2;
}
div.hero-image-section.half-height,
div.hero-video-section.half-height {
	/*height:auto;*/
	height: 60vh;
	min-height: 600px;
}
div.hero-image-section.article-header {
	height: 300px;
}
div.hero-overlay {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,.6);
	z-index:4;
}
div.hero-overlay.accent-zero { /* transparent */
	background:rgba(0,0,0,0);
}
div.hero-overlay.accent-one { /* chartruese */
	background:rgba(160,161,35,.6);
}
div.hero-overlay.accent-two { /* yellow */
	background:rgba(244,179,51,.6);
}
div.hero-overlay.accent-three { /* dark blue */
	background:rgba(52,89,149,.6);
}
div.hero-overlay div.hero-overlay-content{
	width:100%;
	max-width:700px;
	text-align:center;
	position:absolute;
	margin: 0 auto;
	padding: 0px 2em;
	top: 40%;
	left: 50%;
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
div.hero-image-section.article-header div.hero-overlay div.hero-overlay-content {
	top:30%;
}
div.hero-overlay div.hero-overlay-content{
	max-width:1000px;
}
div.hero-image-section.half-height div.hero-overlay div.hero-overlay-content, 
div.hero-video-section.half-height div.hero-overlay div.hero-overlay-content {
	top: 25%;
	left: 50%;
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
div.hero-overlay div.hero-overlay-content.left-half-aligned{
	width:50%;
	min-width:300px;
	padding:0px 5px;
	text-align:left;
	left: 5%;
	-ms-transform: translateX(-5%);
	transform: translateX(-5%);
}
div.hero-overlay div.hero-overlay-content.top-half-aligned {
	top: 10%;
	-ms-transform: translateY(-10%);
	transform: translateY(-10%);
}
div.hero-overlay div.hero-overlay-content h1,
div.hero-overlay div.hero-overlay-content h2,
div.hero-overlay div.hero-overlay-content h3,
div.hero-overlay div.hero-overlay-content p,
div.hero-overlay div.hero-overlay-content blockquote {
	color:#ffffff;
	/*text-shadow: 1px 1px #000000;*/
	font-weight:500;
}
div.hero-overlay div.hero-overlay-content blockquote {
	text-align:left;
}
div.hero-overlay div.hero-overlay-content blockquote:before,
div.container.dark-style blockquote:before {
	color:#ffffff;
	opacity:.8;
}
div.hero-overlay div.hero-overlay-content div.top-header-grid > div {
	text-align:left;
}
div.hero-overlay div.hero-overlay-content div.top-header-grid div:first-child {
	padding-right:2em;
	width:40%;
}
div.hero-overlay div.hero-overlay-content div.top-header-grid div:last-child {
	width:60%;
}
video.video-background{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	object-fit:cover;
	opacity:.9;
	z-index:3;
}
div.video-overlay {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,.5);
	z-index:98;
}
div.container {
	min-height:450px;
    height:auto !important;
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 2em 3em 3em 3em;
	text-align: left;
}
div.container.no-min {
	min-height:initial;
}
div.container.no-padding {
	padding: 0px 1em;
}
div.container.reverse-style {
	background-color:#F5F8FA;
}
div.container.navy-style {
	background-color:#527480;
}
div.container.dark-style p,
div.container.dark-style h6,
div.container.dark-style h5,
div.container.dark-style h4,
div.container.dark-style h3,
div.container.dark-style h2,
div.container.dark-style h1,
div.container.dark-style blockquote{
	color:#ffffff;
}
div.container.dark-style a.link {
	color:#f2fcd9;
}
div.container.dark-style.bg-image p,
div.container.dark-style.bg-image h6,
div.container.dark-style.bg-image h5,
div.container.dark-style.bg-image h4,
div.container.dark-style.bg-image h3,
div.container.dark-style.bg-image h2,
div.container.dark-style.bg-image h1,
div.container.dark-style.bg-image blockquote{
	text-shadow: 2px 2px 2px #333333;
}
div.container.chalk-style {
	background-color:#f5f5ef;
}
div.container.bg-pattern-1 {
	background: url("../images/bg_pattern_1.png") repeat;
}
div.container.purple-blue-gradient {
	background-color: #e13ffe; /* Fallback (could use .jpg/.png alternatively) */
	/*background-image: url(fallback-gradient.svg);  SVG fallback for IE 9 (could be data URI, or could use filter) */
	background-image:-webkit-gradient(linear, left bottom, right top, #e13ffe, to(#76b8f4));/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
	background-image:-webkit-linear-gradient(left, #e13ffe, #76b8f4);/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
	background-image:-moz-linear-gradient(left, #e13ffe, #76b8f4);/* Firefox 3.6 - 15 */
	background-image:-o-linear-gradient(left, #e13ffe, #76b8f4);/* Opera 11.1 - 12 */
	background-image:linear-gradient(to bottom left, #e13ffe, #76b8f4);/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
}
div.container.purple-blue-gradient h1 {
	color:#fff;
}
div.container.purple-blue-gradient p {
	color:#ffffff;
	font-size:22px;
}
div.container.less-vertical-padding {
	padding-top:2em;
}
div.highlight-section {
	padding:1em;
	background-color:#ebf4f3;
	border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
}
div.highlight-section-border {
	padding:1em;
	border: 2px solid #ebf4f3;
	border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
}
div.highlight-section-shadow {
	padding:1em;
	background-color:#ffffff;
	-webkit-box-shadow: 0 0 10px #dcdcdc;
	-moz-box-shadow: 0 0 10px #dcdcdc;
	box-shadow: 0 0 10px #dcdcdc;
	margin-bottom:1em;
}
div.body-content {
	width:100%;
	max-width:750px;
	margin:auto;
	padding:1em;
}
div.body-content.wide-format {
	max-width:1200px;
}
div.body-content.thin-format {
	max-width:600px;
}
div.flex-columns {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-evenly;
	-moz-justify-content:space-evenly;
	justify-content:space-evenly;
	margin:auto;
	width:100%;
	max-width:1200px;
	gap:1em;
}
div.flex-columns:not(.one-two-one) > div{
	-webkit-flex: 1 1 0px;
	-moz-flex: 1 1 0px;
	flex: 1 1 0px;
}
div.flex-columns.one-third > div, 
div.flex-columns.two-third > div {
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
	flex: 0 1 auto;
}
div.flex-columns.one-third > div:first-child, 
div.flex-columns.two-third > div:last-child {
	width:33%;
}
div.flex-columns.one-third > div:last-child,
div.flex-columns.two-third > div:first-child {
	width:66%;
}
div.flex-columns.one-two-one {
	gap:10px;
}
div.flex-columns.one-two-one > div {
	width:25%;
}
div.flex-columns.one-two-one > div:nth-child(2) {
	width:50%;
}
div.flex-columns.restrict-300 > div {
	max-width:300px; 
}
div.flex-columns.shaded-columns > div {
	/*background-color:#F5F8FA;*/
	border:5px solid #e9f4f2;
	padding:1em 2em;
	border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
	margin-bottom:1em;
}
div.flex-columns.extra-col-space > div {
	margin-left:2em;
	margin-right:2em;
}
div.flex-columns.text-editor > div:first-child{
	width: -moz-calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	width: -o-calc(100% - 90px);
	width: calc(100% - 90px);
}
div.flex-columns.text-editor > div:last-child{
	width:90px;
}
div.flex-columns.dashboard-tiles > div {
	padding:5px 1em 1em 1em;
	text-align:center;
	background-color:#ffffff; /*#f4f4ee cream*/
	border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
}
div.flex-columns.dashboard-tiles a {
	color:#857947;
	text-decoration:none;
}
div.flex-columns.dashboard-tiles a:hover {
	color:#333333;
}
img.flex-image {
	width:100%;
	max-width:400px;
}
img.flex-image.no-max {
	max-width:initial;
}
img.flex-image.head-shot {
	max-width:300px;
}
img.flex-image.max-150 {
	max-width:150px;
}
div.flex-columns-auto {
	width:100%;
	text-align:center;
}
div.flex-columns-auto > div {
	width:33%;
	display:inline-block;
	padding:1em;
	vertical-align:top;
	min-width:200px;
	text-align:left;
}
div.flex-columns-auto.two-column > div {
	width:50%;
}
div.flex-columns-auto.two-column.editor-style-select > div { /*container with combo-style title above*/
	padding:0px 0px 10px 0px;
}
div.flex-columns-auto.two-column.editor-style-select div.combo-style,
div.combo-style {
	padding:10px;
	background-color:#ffffff;
	border:4px solid #f2f1e7;
	text-align:center;
}
div.form-tab div.flex-columns-auto.two-column.editor-style-select {
	display:block;
}
div.form-tab div.flex-columns-auto.two-column.editor-style-select > div {
	width:100%;
}
/*BLOG*/
div.flex-columns-auto.blog-posts a {
	text-decoration:none;
}
div#article-body {
	margin-bottom:2em;
}
div#article-body h2,
div#article-body h3 {
	margin-top:1em;
}
div#article-body p {
	font-size:17px;
}
div#article-body img.half-size {
	width:47%;
	max-width:400px;
	padding:10px;
}
div#featured-image-container {
	margin:2em 0px;
}
div.thumbnail-container { /* used when displaying an article thumbnail */
	height:220px;
	width:100%;
	background-size:cover;
	background-position: center center;
	position:relative;
}
div.thumbnail-container.clickable:hover,
div.circle-thumbnail-container.clickable:hover {
	opacity:.7;
}
div.thumbnail-container.reduced-size {
	height:150px;
}
div.thumbnail-container > span.overlay {
	position:absolute;
	left:10px;
	top:-10px;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	width:44px;
	text-align:center;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius:30px;
	padding:6px;
	background-color: #F5B013; /* Fallback (could use .jpg/.png alternatively) */
	/*background-image: url(fallback-gradient.svg);  SVG fallback for IE 9 (could be data URI, or could use filter) */
	background-image:-webkit-gradient(linear, left bottom, right top, #ff626b, to(#f5b013));/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
	background-image:-webkit-linear-gradient(left, #ff626b, #f5b013);/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
	background-image:-moz-linear-gradient(left, #ff626b, #f5b013);/* Firefox 3.6 - 15 */
	background-image:-o-linear-gradient(left, #ff626b, #f5b013);/* Opera 11.1 - 12 */
	background-image:linear-gradient(to bottom left, #ff626b, #f5b013);/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
}
/*END BLOG*/
/*START EDITOR*/
/*div.design-preview {
	max-width:700px;
}
div.design-preview > div {
	display:inline-block;
	margin:10px;
	border:1px solid #000000;
}
div.design-preview.label-size-1 > div {
	width:300px;
	height:150px;
	text-align:center;
	overflow: hidden;
}
div.design-preview.label-size-1 > div > div:first-child {
	height:90px;
	padding:10px 20px 10px 20px;
	font-size:22px;
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:flex-end;
	align-items:flex-end;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}
div.design-preview.label-size-1 > div > div:last-child {
	height:60px;
	padding:0px 20px 10px 20px;
	font-size:15px;
	width:100%;
	letter-spacing:2px;
}
div.design-preview.label-size-1 > div.style-1 > div:first-child {
	font-family: "Raleway", sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size: 20px;
	font-weight:300;
}
div.design-preview.label-size-1 > div.style-1 > div:last-child {
	font-family: "Raleway", sans-serif;
	text-transform:lowercase;
	font-weight:400;
	letter-spacing:3px;
}
div.design-preview.label-size-1 > div.style-2 > div:first-child {
	font-family: adobe-handwriting-ernie, sans-serif;
	font-style:normal;
	font-weight:400;
	line-height:120%;
	font-size:26px;
}
div.design-preview.label-size-1 > div.style-2 > div:last-child {
	font-family: "Raleway", sans-serif;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:3px;
	font-size:14px;
}
div.design-preview.label-size-1 > div.style-3 > div:first-child {
	font-family: degular, sans-serif;
	font-weight:800;
	font-size:28px;
	font-style:italic;
}
div.design-preview.label-size-1 > div.style-3 > div:last-child {
	font-family: degular, sans-serif;
	font-weight:400;
	font-style:italic;
	text-transform:lowercase;
}
div.design-preview.label-size-1 > div.style-4 > div:first-child {
	font-family: ivypresto-display, serif;
	font-weight:600;
	font-size:24px;
}
div.design-preview.label-size-1 > div.style-4 > div:last-child {
	font-family: raleway, sans-serif;
	text-transform:uppercase;
	font-weight:600;
}*/
form#edit-label-type1 {
	max-width:700px;
	margin:auto;
}
form div#step2, 
form div#step3,
div.form-page:not(.active-page),
div.form-tab:not(.active-page) {
	display:none;
}
div.form-tab-container {
	position:fixed;
	bottom:64px;
	left:0;
	width:100%;
	background-color:#f2f1e7;
	padding:5px 10px;
	-webkit-box-shadow: 0 0 12px #DCE0E2;
	-moz-box-shadow: 0 0 12px #DCE0E2;
	box-shadow: 0 0 12px #DCE0E2;
	z-index:98;
}
div.form-tab-container h3 {
	font-size:1em;
}
div.form-tab-container div.color-swatches {
	padding-bottom:10px;
}
div.form-tab-container div.color-swatches p {
	padding:4px 0px;
}
div.form-tab-container h4 {
	margin:0px;
	padding:0px 0px;
}
span.minimize-form-tabs,
span.minimize-carrot {
	position:absolute;
	top:5px;
	right:5px;
	/*width:55px;
	height:25px;
	background: url("../images/icons/down-arrow-10.svg") no-repeat top right;
	background-size:22px 22px;*/
	padding:1px 4px;
	cursor:pointer;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	font-size:14px;
	font-weight:bold;
}
span.minimize-carrot {
	width:25px;
	height:25px;
	background: url("../images/icons/down-arrow-10.svg") no-repeat top right;
	background-size:25px 25px;
}
span.minimize-form-tabs:hover,
span.minimize-carrot:hover {
	background-color:#dddaca;
}
div.form-tab {
	max-width:500px;
	margin:0px auto 10px auto;
	/*height: min(60vh, 400px);*/
	height: -moz-calc(100vh - 138px);
	height: -webkit-calc(100vh - 138px);
	height: -o-calc(100vh - 138px);
	height: calc(100vh - 138px);
	overflow:scroll;
}
div.form-tab textarea{
	width:100%;
}
div.quantity-ticker {
	display: flex;
	align-items: center;
	/*border: 2px solid #03cea4;*/
	width: fit-content;
	margin: 0px auto;
}

div.quantity-ticker span {
	padding: 6px 10px;
	/*background-color: #fff;
	color:#03cea4;
	border: 2px solid #03cea4;*/
	cursor: pointer;
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
	margin:0px;
}
div.quantity-ticker span:hover {
	
}
div.quantity-ticker input {
	text-align: center;
	width:60px;
	margin:0px;
	border:0px;
	font-weight:bold;
	font-size:1.1em;
	color:#333;
	padding:6px 2px;
	min-width:50px;
}
div.quantity-ticker input:focus {
	border:0px;
}
div.quantity-ticker input.qty-input {
	
}
div.quantity-ticker span.button.qty-decrement,
div.quantity-ticker span.button.qty-increment {
	background-color:#333333;
	border:0px;
	width:40px;
}
div.quantity-ticker span.button.qty-decrement {
	margin-right:5px;
}
div.quantity-ticker span.button.qty-increment {
	margin-left:5px;
}
div.quantity-ticker span.button.qty-decrement:hover,
div.quantity-ticker span.button.qty-increment:hover {
	background-color:#6d6d6d;
}
div.quantity-ticker.no-number input.qty-input {
	display:none;
}

/*designer 2.0*/
html#editor {
	background-color:#f0f1f5;
}
html#editor > body{
	height:100vh;
	background-color:#f0f1f5;
}
div#editor-top-nav {
	padding:5px;
	margin:0px auto;
	position:fixed;
	top:0;
	left:0;
	z-index:55;
	background-color:#f0f1f5;
	border-bottom:1px solid #DCE0E2;
	width:100%;
}
div#editor-body {
	max-width:1100px;
	margin:0px auto;
	padding:110px 0em 240px 0em;
	text-align:center;
}
#project-name-header {
	margin-bottom:0px;
}
span#changes-saved-notification,
span#error-notification,
span#loading-notification {
	padding:4px 10px;
	background-color:#ffffff; /*lt green #eff7e2;*/
	color:#39b54a;
	font-weight:bold;
	border-bottom-right-radius: 10px;-moz-border-bottom-right-radius: 10px;-webkit-bottom-right-border-radius: 10px;
	border-bottom-left-radius: 10px;-moz-border-bottom-left-radius: 10px;-webkit-bottom-left-border-radius: 10px;
	text-align:center;
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:190px;
	margin:0px auto;
	display:none;
	-webkit-box-shadow: 0 0 8px #DCE0E2;
	-moz-box-shadow: 0 0 8px #DCE0E2;
	box-shadow: 0 0 8px #DCE0E2;
	z-index:99;
}
span#changes-saved-notification {
	
}
span#error-notification {
	background-color:#f96b6b;
	color:#ffffff;
	width:260px;
	
}
span#loading-notification {
	background-color:#e8fcf1;
	color:#333333;
	
}
div#preview-project {
	padding:1em;
}
div#label-tiles {
	width:100%;
	margin:auto;
}
div#label-tiles > div {
	display: inline-block;
	border:3px solid #f0f1f5;
	padding:2px;
	cursor:pointer;
	background-color:#f0f1f5;
	position:relative;
	margin:10px;
}
div#label-tiles > div.selected {
	border: 3px solid #2bd885;
}
div#label-tiles > div:hover {
	border: 3px solid #64f9ae;
}
div#label-tiles > div.selected:hover {
	border: 3px solid #2bd885;
}
div#label-tiles > div.empty-label {
	border:1px solid #cccccc;
}
div#label-tiles > div span.label-count-overlay{
	font-size:12px;
	font-weight:700;
	color:#333333;
	position:absolute;
	left:5px;
	top:-18px;
}
div#label-tiles div.label {
	-webkit-box-shadow: 0 0 8px #DCE0E2;
	-moz-box-shadow: 0 0 8px #DCE0E2;
	box-shadow: 0 0 8px #DCE0E2;
}
div.ui-icon-button-toolbar {
	width:95%;
	max-width:800px;
	padding:10px;
	margin: 0px auto;
	background-color:#ffffff;
	-webkit-box-shadow: 0 0 8px #DCE0E2;
	-moz-box-shadow: 0 0 8px #DCE0E2;
	box-shadow: 0 0 8px #DCE0E2;
	border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
	border:1px solid #cccccc;
	position:fixed;
	bottom:20px;
	left:0;
	right:0;
	display:none;
	z-index:99;
}

div.ui-icon-button-toolbar.active {
	display:block;
}
div.ui-icon-button-toolbar span.done,
div.ui-icon-button-toolbar span.cancel,
div.ui-icon-button-toolbar span.save,
a.button-outline-black {
	font-size:15px;
	font-weight:700;
	border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;
	padding:0px 5px;
	cursor:pointer;
	color:#a0a022;
}
div.ui-icon-button-toolbar span.done {
	color:#c65cb7;
	text-decoration:underline;
	text-underline-offset: 2px;
}
div.ui-icon-button-toolbar span.done:hover {
	color:#333333;
}
div.ui-icon-button-toolbar span.save {
	background-color:#ef8edd;
	border:2px solid #ef8edd;
	color:#ffffff;
}
div.ui-icon-button-toolbar span.save:hover {
	background-color:#333333;
	border:2px solid #333333;
}
div.ui-icon-button-toolbar span.cancel,
a.button-outline-black {
	color:#333333;
	border:2px solid #333333;
	/*left:10px;*/
}
div.ui-icon-button-toolbar span.cancel:hover,
a.button-outline-black:hover {
	color:#000000;
	background-color:#dcdcdc;
}
a.button-outline-black {
	text-decoration:none;
}
div.ui-icon-button-toolbar label {
	
}
div.ui-icon-button-toolbar h7 {
	text-align:center;
}
div.ui-icon-button-toolbar div.flex-box > div {
	text-align:center;
}
div.ui-icon-button-toolbar > div.toolbar-header {
	padding-bottom:5px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
div.ui-icon-button-toolbar > div.ui-icon-buttons  {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	gap:5px;
	padding:3px 0px;
}
div.ui-icon-button-toolbar > div.ui-icon-buttons img {
	height:25px;
	display:inline-block;
}
div.ui-icon-button-toolbar > div.ui-icon-buttons > div {
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	cursor:pointer;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	font-size:13px;
	font-weight:bold;
	-webkit-flex: 1 1 0px;
	-moz-flex: 1 1 0px;
	flex: 1 1 0px;
	text-align:center;
	min-width:50px;
	max-width:80px;
	padding-top:3px;
	/*border:1px solid #dcdcdc;*/
}
div.ui-icon-button-toolbar > div.ui-icon-buttons > div:hover {
	background-color:#f8e4f9;
	text-align:center;
}
div.ui-icon-button-toolbar > div.ui-icon-buttons a {
	color:#333333;
	text-decoration:none;
}
/*div.ui-icon-button-toolbar > div.ui-icon-buttons > div*/
div.ui-icon-button-toolbar.shaded {/* #toolbar-label-font,
div.ui-icon-button-toolbar#toolbar-label-text,
div.ui-icon-button-toolbar#toolbar-print,
div.ui-icon-button-toolbar#toolbar-print-cut-lines {*/
	background-color:#f2f2f2; /*cream: f2f1e7*/
}
div.ui-icon-button-toolbar#toolbar-add-label-bulk,
div.ui-icon-button-toolbar#toolbar-print-quantities {
	max-height:70vh;
}
div.ui-icon-button-toolbar#toolbar-print-quantities {
	overflow:scroll;
	padding-top:0px;
}
div.ui-icon-button-toolbar#toolbar-print-quantities div.toolbar-header{
	position: sticky;
  	top: 0; /* Sticks to the top of its absolute parent */
  	background-color:#f2f2f2;
  	padding-top:10px;
}
div.ui-icon-button-toolbar > div#editor-style-select {
	display:block;
	overflow:scroll;
	max-height:70vh;
	margin:0px auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:5px;
	padding:3px 0px;
}
div.ui-icon-button-toolbar > div#editor-style-select > div {
	/*min-width:initial;
	max-width:initial;
	width:100%;*/
	border:0px;
	border: 3px solid #f2f2f2;
	position:relative;
	margin-top:5px;
	cursor:pointer;
	/*-webkit-flex: 1 1 45%;
	-moz-flex: 1 1 45%;
	flex: 1 1 48%;*/
	width:48%;
	text-align:center;
	background-color:#ffffff;
	padding:10px;
}
div.ui-icon-button-toolbar > div#editor-style-select > div.selected {
	border: 3px solid #2bd885;
}
div.ui-icon-button-toolbar > div#editor-style-select > div:hover {
	border: 3px solid #64f9ae;
}
div.ui-icon-button-toolbar > div#editor-style-select > div.selected:hover {
	border: 3px solid #2bd885;
}
div.ui-icon-button-toolbar > div#editor-style-select div.combo-style {
	border:0px;
}
div.ui-icon-button-toolbar > div#editor-style-select h6 {
	text-align:left;
	font-size:10px;
}
div.ui-icon-button-toolbar > div#editor-style-select span.font-combo-title {
	font-size:10px;
	position:absolute;
	top:-14px;
	left:2px;
	color:#333333;
	font-weight:500;
}
div.ui-icon-button-toolbar textarea#headline,
div.ui-icon-button-toolbar textarea#subheadline {
	text-align:center;
}
div.print-quantities-container {
	overflow:scroll;
}
div.print-quantities-container div.list-table div.list-table-row > span:first-child {
	width:60%;
	font-weight:700;
	font-size:15px;
}
div.print-quantities-container div.list-table div.list-table-row > span:last-child {
	width:40%;
}
div.print-quantities-container div.list-table div.list-table-row {
	padding:4px 5px;
}
div.print-quantities-container div.quantity-ticker span,
div.print-quantities-container div.quantity-ticker input.qty-input {
	font-size:15px;
	pading:2px 10px;
}
div.print-quantities-container input.qty-input {
	
}
/*END DESIGNER*/
/*START PROJECTS*/
body#projects div#pricing-link {
	display:none;
}
div.project-list {

}
div.project-row {
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border:1px solid #f2f2f2;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	margin-bottom:1em;
	position:relative;
	background-color:#ffffff;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	padding:5px;
}
div.project-row > div {
	padding:5px;
}
div.project-row > div:first-child {
	width: -moz-calc(100% - 230px);
	width: -webkit-calc(100% - 230px);
	width: -o-calc(100% - 230px);
	width: calc(100% - 230px);
}
div.project-row > div:nth-child(2) {
	width:80px;
}
div.project-row > div:last-child {
	width:150px;
}
div.project-row h2 {
	font-size:1.3em;
	padding-top:0px;
}
div.project-list > div.project-container {
	border:1px solid #f2f2f2;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	max-width:45%;
	margin-bottom:1em;
	position:relative;
	background-color:#ffffff;
	min-width:200px;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto; /* or flex: auto; */
}
div.project-container:has(div.project-items.no-project){
	background-color:transparent;
	border:0px;
}
div.project-list > div > div.project-details {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	width:100%;
	gap:5px;
}
div.project-details a.button-outline,
div.project-list div.project-item-row a.button-outline{
	width:auto;
	display:inline-block;
	margin:2px 5px 0px 0px;
	vertical-align:middle;
	font-size:14px;
	line-height:16px;
	border:0px;
}
div.project-details h2 {
	font-size:1.2em;
}
div.project-list div.project-item-row a.button-outline {
	padding:7px;
}
div.project-list > div > div.project-details > div {
	padding:5px 10px;
}
div.project-details h2 {
	padding-top:8px;
}
div.project-list > div > div.project-details > div:first-child {
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
	width: calc(100% - 60px);
	padding-right:0px;
}
div.project-list > div > div.project-details > div:last-child {
	width:60px;
	text-align:center;
}
div.project-list > div > div.expand-project-list{
	padding:0px 18px 5px 18px;
	min-height:20px;
	font-size:14px;
	font-weight:800;
	cursor:pointer;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	vertical-align:middle;
	border-bottom:2px solid #ffffff;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
div.project-list > div > div.expand-project-list > span{
	display:inline-block;
}
div.project-list > div > div.expand-project-list:hover{
	border-bottom:2px solid #000000;
}
div.project-list div.project-items {
	display:none;
	padding:2px 1em;
	background-color:#ffffff;
	border-top:1px solid #f2f2f2;
	
}
div.project-list div.project-items:not(.no-project) {
	border-bottom:2px solid #000000;
}
div.project-list div.project-items.no-project {
	display:block;
	background-color:transparent;
	padding:0px;
}
div.project-list div.project-items.no-project div.project-item-row {
	background-color:#ffffff;
	border:1px solid #f2f2f2;
	margin-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
}
div.project-list div.project-item-row > div:first-child {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	gap:5px;
}
div.project-list div.project-item-row > div > div {
	width: -moz-calc(50% - 50px);
	width: -webkit-calc(50% - 50px);
	width: -o-calc(50% - 50px);
	width: calc(50% - 50px);
}
div.project-list div.project-item-row > div > div:first-child {
	/*width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);*/
}
div.project-list div.project-item-row > div > div:last-child {
	text-align:right;
	width:120px;
}
div.project-list div.project-items > div.project-item-row {
	padding:3px 0px 3px 10px;
	font-size: 16px;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
div.project-list div.project-items > div.project-item-row:not(:last-child) {
	border-bottom:1px solid #f2f2f2;
}
div.project-list div.project-items > div.project-item-row:hover {
	/*background-color:#ffffff;*/
	/*border:1px solid #dcdcdc;*/
}
div.project-list div.project-items a.edit-label-link{
	text-decoration:none;
	color:#333333;
}
div.project-list div.project-items a.edit-label-link span.edit-icon{
	/*visibility:hidden;*/
	display:none;
}
div.project-list div.project-items a.edit-label-link:hover span.edit-icon{
	/*visibility:visible;*/
}
div.project-list div.project-items a.edit-label-link:hover {
	color:#436a7c;
}
div.project-container div.project-menu-bubble {
	display:none;
	position:absolute;
	z-index:50;
	width:150px;
	height:auto;
	background-color:#f4f7f9;
	-webkit-box-shadow: 0 0 12px #DCE0E2;
	-moz-box-shadow: 0 0 12px #DCE0E2;
	box-shadow: 0 0 12px #DCE0E2;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	top:15px;
	right:60px;
}
div.project-container div.project-menu-bubble > a{
	display:block;
	padding:5px 10px;
	text-decoration:none;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	font-size:16px;
	font-weight:600;
}
div.project-container div.project-menu-bubble > a:not(:last-child) {
	border-bottom:1px solid #DCE0E2;
}
div.project-container div.project-menu-bubble > a:hover {
	background-color:#ffffff;
	color:#333333;
}
span.edit-ellipsis-link {
	font-size:2.5em;
	font-weight:700;
	padding:1px 10px 5px 10px;
	cursor:pointer;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	-webkit-transition: all .5s ease !important;
	-moz-transition: all .5s ease !important;
	-ms-transition: all .5s ease !important;
	-o-transition: all .5s ease !important;
	transition: all .5s ease !important;
	display:inline-block;
	vertical-align:middle;
}
span.edit-ellipsis-link:hover {
	background-color:#ebebeb;
}
span.edit-ellipsis-link.project {
	
}
span.edit-ellipsis-link.item {
	font-size:1.5em;
	padding:1px 7px 3px 7px;
}
/*END PROJECTS*/
/* PRINT STYLES 612 x 792 */
span#print-page-settings {
	position:absolute;
	top:10px;
	right:10px;
	display:inline-block;
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	cursor:pointer;
	z-index:100;
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
	padding:3px 5px;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	-webkit-transition: all .5s ease !important;
	-moz-transition: all .5s ease !important;
	-ms-transition: all .5s ease !important;
	-o-transition: all .5s ease !important;
	transition: all .5s ease !important;
}
span#print-page-settings:hover {
	border:1px solid #c9c145;
	color:#c9c145;
}
div#print-container {
	/*height:852px;*/
	margin:90px auto 10px auto;
	padding:10px 10px 240px 10px;
	text-align:left;
}
div#print-container>div {
	display:inline-block;
	/*margin:0px;*/
}
div#print-container p {
	font-size:14px;
	line-height:120%;
	padding:5px 10px 2px 10px;
}
div.print-item {
	page-break-inside: avoid;
	margin:0px 5px 5px 0px;
	padding:6px;
}
div.print-item.hidden {
	display:none !important;
}
div#print-button {
	margin:5px 0px;
}
.cut-lines {
	border:1px dashed #333333;
}
.remove-cut-lines {
	border:0px;
}
div#print-container.type-1 > div {

}
/*div#print-container.type-1 > div > div.label,*/
div.label {
	width:300px;
	height:150px;
	text-align:center;
	overflow: hidden;
	padding:10px;
	background-color:#ffffff;
}
div.print-item div.label {
	/*padding-top:16px;*/
	height:156px;
	padding:16px 10px 10px 10px;
}
div#print-container.type-1 > div > div.label.blue-check {
	background-image:url("../images/backgrounds/blue_checker_repeat-x.png");
	background-repeat: repeat-x;
	background-position:left bottom;
}
div#print-container.type-1 > div > div:first-child {
	transform: rotate(180deg);
}
/*headline and subheadline height + padding must match no-subheadline > headline*/
/*div#print-container.type-1 > div > div.label > div.headline,*/
div.label > div.headline {
	height:82px;
	padding:0px 0px 10px 0px;
	font-size:22px;
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:flex-end;
	align-items:flex-end;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	background-color:#ffffff;
}
/*div#print-container.type-1 > div > div > div.subheadline,*/
div.label > div.subheadline {
	height:50px;
	padding:0px 0px 0px 0px;
	font-size:15px;
	width:100%;
	background-color:#ffffff;
}
/*div#print-container.type-1 > div > div.label.no-subheadline > div.headline,*/
div.label.no-subheadline > div.headline {
	height:130px !important;
	-webkit-align-items:center;
	align-items:center;
	padding-bottom:0px;
}
div#print-toolbar {
	background-color:#f0f1f5;
	border-bottom:1px solid #DCE0E2;
	padding:6px;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:50;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
	align-items:center;
}
/*div#print-toolbar > div:first-child{
	width:70%;
}
div#print-toolbar > div:last-child{
	width:30%;
}*/
div#print-tools-minimized {
	background-color:#f2f2f2;
	border:1px solid #cccccc;
	padding:5px 10px;
	position:fixed;
	width:140px;
	bottom:20px;
	left:0;
	right:0;
	margin:0px auto;
	z-index:50;
	background-color:#f2f2f2;
	font-size:15px;
	font-weight:bold;
	-webkit-box-shadow: 0 0 12px #DCE0E2;
	-moz-box-shadow: 0 0 12px #DCE0E2;
	box-shadow: 0 0 12px #DCE0E2;
	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
	cursor:pointer;
	text-align:center;
	display:none;
}
div#print-tools-minimized:hover {
	background-color:#dddaca;
}
a.back-link, a.back-link:link,
span.toolbar-menu-title, div.editor-toolbar a,
div#print-toolbar .clickable-link {
	font-size:14px;
	font-weight:700;
	font-size:13px;
	text-decoration:none;
	letter-spacing:0px;
	color:#333333;
	padding:1px 3px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}
div.editor-toolbar a,
div#print-toolbar .clickable-link {
	margin-right:3px;
}
div.editor-toolbar a:hover,
div#print-toolbar .clickable-link:hover {
	background-color:#ebebeb;
}
span.toolbar-menu-title {
	font-size:14px;
	font-weight:700;
	font-size:13px;
	text-decoration:none;
	letter-spacing:0px;
	padding:1px 4px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin-left:10px;
}
span.toolbar-menu-title > span.carrot-down {
	width:14px;
}
span.toolbar-menu-title:hover {
	background-color:#aaa;
}
div.color-swatches {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap:7px;
	padding-bottom:1em;
}
div.color-swatches > span {
	width:30px;
	height:30px;
	-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;
	border:4px solid #ffffff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor:pointer;
}
div.color-swatches > span:hover {
	border:4px solid #c6dde5;
}
div.color-swatches > span.selected {
	border:4px solid #9ac7db;
}
div.border-styles {
	
}
div.border-styles > div {
	padding:10px 1em;
	-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;
	border:4px solid #ffffff;
	margin-bottom:5px;
	cursor:pointer;
	min-height:50px;
}
div.border-styles > div:hover {
	border:4px solid #c6dde5;
}
div.border-styles > div.selected {
	border:4px solid #9ac7db;
}
div.border-styles > div > div {
	padding-top:1em;
}
div.border-styles div.border-style-0 {
	border:0px;
}
div.border-styles div.border-style-1 { /* 1px solid black, sharp corners*/
	border:1px solid #000000;
	border-bottom:0px;
}
div.border-styles div.border-style-2 {
	border:1px solid #000000;
	border-bottom:0px;
	-moz-border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;
}
div.border-styles div.border-style-3 { /* 1px solid black, sharp corners*/
	border:3px solid #000000;
	border-bottom:0px;
}
div.border-styles div.border-style-4 {
	border:3px solid #000000;
	border-bottom:0px;
	-moz-border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;
}
/*editor */
div.editor-style-select > div {
	position:relative;
	cursor:pointer;
}
div.editor-style-select > div:hover div {
	
}
div.editor-style-select > div > div {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	border:2px solid #dcdcdc;
}
div.editor-style-select > div > div:hover {
	-webkit-box-shadow: 0 0 12px #DCE0E2;
	-moz-box-shadow: 0 0 12px #DCE0E2;
	box-shadow: 0 0 12px #DCE0E2;
	border:4px solid #c6dde5;
}
div.flex-columns-auto.two-column.editor-style-select > div.selected div.combo-style {
	border:4px solid #9ac7db;
}
span.checkmark-selected {
	display:none;
	position:absolute;
	background:url("../images/icons/icon-navy-check.png") no-repeat;
	width:20px;
	height:20px;
	background-size:contain;
	background-position:center center;
	bottom:25px;
	left:25px;
}
div.editor-style-select > div.selected span.checkmark-selected{
	display:inline-block;
}
.font-style-1 { /* MODERN headline*/
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-size: 21px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.font-style-2 { /*Serif w Personality*/
	font-family: "Young Serif", sans-serif;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	letter-spacing:0px;
	line-height:120%;
}
.font-style-3 { /*NOT NEEDED - round sans-serif - like century gothic*/
	font-family: "Cal Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
}
.font-style-4 { /* ink script headline*/
	font-family: "Sacramento", sans-serif;
	font-size: 28px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0px;
	line-height:90%;
}
.font-style-5 { /* regular subheadline */
	font-family: "Raleway", sans-serif;
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 3px;
	font-optical-sizing: auto;
}
.font-style-6 { /**/
	font-family: "Meow Script", cursive;
  	font-weight: 400;
  	font-style: normal;
  	font-size: 28px;
  	font-optical-sizing: auto;
}
.font-style-7 { /* bold caps subheadline  */
	font-family: "Work Sans", sans-serif;
	font-size: 13px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-optical-sizing: auto;
}
.font-style-8 { /*printing press headline*/
	font-family: "IM Fell DW Pica SC", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 23px;
	letter-spacing: 1px;
}
.font-style-9 { /*printing press subheadline*/
	font-family: "IM Fell DW Pica SC", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform:lowercase;
}
.font-style-10 { /*modern serif headline*/
	font-family: "Playfair Display", sans-serif;
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0px;
	font-optical-sizing: auto;
}
.font-style-11 { /*handwritten caps headline*/
	font-family: "Rock Salt", sans-serif;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
	line-height:130%;
}
.font-style-12 { /* Serif, Thin, Italic headline */
	font-family: "Noto Serif Display", sans-serif;
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0px;
	font-optical-sizing: auto;
}
.font-style-13 { /*calligraphy  headline*/
	font-family: "Mr Bedfort", sans-serif;
	font-size: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0px;
	line-height:110%;
}
.font-style-14 { /*handwritten  headline*/
	font-family: "Nothing You Could Do", cursive;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
}
.font-style-15 { /*editorial  headline*/
	font-family: "Imbue", sans-serif;
	font-size: 28px;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing: 0px;
	font-display: block;
}
.font-style-16 { /*bubbly  headline*/
	font-family: "Bagel Fat One", system-ui;
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
	line-height:110%;
}
.font-style-17 { /*solid  headline*/
	font-family: "Londrina Solid", sans-serif;
	font-size: 24px;
	font-weight: 400; /*300 available too*/
	font-style: normal;
	letter-spacing: 0px;
}
.font-style-18 { /* serif subheadline*/
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0px;
	text-transform:lowercase;
}
.font-style-19 { /* funky all caps subheadline */
	font-family: "Londrina Solid", sans-serif;
	font-size: 14px;
	font-weight: 400; /*300 available too*/
	font-style: normal;
	letter-spacing: 2px;
}
.font-style-20 { /* serif1 italic subheadline*/
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 0px;
	text-transform:lowercase;
}
.font-style-21 { /* serif2 italic subheadline*/
	font-family: "Noto Serif Display", sans-serif;
	font-optical-sizing: auto;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 0px;
	text-transform:lowercase;
}
.font-style-22 { /*Headline - round sans-serif - like century gothic*/
	font-family: "Cal Sans", sans-serif;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0px;
}
.border-style-1 > div.headline {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
}
.border-style-1 > div.subheadline {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
}
.border-style-1.no-subheadline > div.headline {
	border-bottom:1px solid #000000;
}
.border-style-2 > div.headline {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
	-moz-border-top-right-radius: 15px;-webkit-border-top-right-radius: 15px;border-top-right-radius: 15px;
	-moz-border-top-left-radius: 15px;-webkit-border-top-left-radius: 15px;border-top-left-radius: 15px;
}
.border-style-2 > div.subheadline {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
	-moz-border-bottom-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;border-bottom-left-radius: 15px;
}
.border-style-2.no-subheadline > div.headline {
	border-bottom:1px solid #000000;
	-moz-border-bottom-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;border-bottom-left-radius: 15px;
}
.border-style-3 > div.headline {
	border-left:3px solid #000000;
	border-right:3px solid #000000;
	border-top:3px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
}
.border-style-3 > div.subheadline {
	border-left:3px solid #000000;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
}
.border-style-3.no-subheadline > div.headline {
	border-bottom:3px solid #000000;
}
.border-style-4 > div.headline {
	border-left:3px solid #000000;
	border-right:3px solid #000000;
	border-top:3px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
	-moz-border-top-right-radius: 15px;-webkit-border-top-right-radius: 15px;border-top-right-radius: 15px;
	-moz-border-top-left-radius: 15px;-webkit-border-top-left-radius: 15px;border-top-left-radius: 15px;
}
.border-style-4 > div.subheadline {
	border-left:3px solid #000000;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
	-moz-border-bottom-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;border-bottom-left-radius: 15px;
}
.border-style-4.no-subheadline > div.headline {
	border-bottom:3px solid #000000;
	-moz-border-bottom-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;border-bottom-left-radius: 15px;
}
.border-style-1.no-subheadline > div.subheadline,
.border-style-2.no-subheadline > div.subheadline,
.border-style-3.no-subheadline > div.subheadline,
.border-style-4.no-subheadline > div.subheadline {
	border:0px;
}
/*START Border style 2.0 Sept 2025*/
/*border-radius*/
div.label.label-border-round.has-border.no-subheadline > div.headline {
	-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;
}
div.label.label-border-round.has-border:not(.no-subheadline) > div.headline {
	-moz-border-top-right-radius: 15px;-webkit-border-top-right-radius: 15px;border-top-right-radius: 15px;
	-moz-border-top-left-radius: 15px;-webkit-border-top-left-radius: 15px;border-top-left-radius: 15px;
}
div.label.label-border-round.has-border > div.subheadline {
	-moz-border-bottom-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;border-bottom-left-radius: 15px;
}
/*border-weight*/
div.label.has-border:not(.no-subheadline) > div.headline {
	border-bottom:0px !important;
}
div.label.has-border:not(.no-subheadline) > div.subheadline {
	border-top:0px !important;
}
div.label.has-border.no-subheadline > div.subheadline {
	border:0px !important;
}
/*
div.standalone-label.label-border-round > div.headline {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
}
.border-style-1 > div.subheadline {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding-left:10px !important;
	padding-right:10px !important;
}
.border-style-1.no-subheadline > div.headline {
	border-bottom:1px solid #000000;
}
div.standalone-label.no-subheadline div.subheadline.has-border {
	border:0px;
}*/
/*END border style 2.0*/
@media print {
	* {
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body {
		margin: 0;
		color: #000;
		background-color: #fff;
		width:100%;
		padding-left:3px;
	}
	div#print-container {
		border:0px;
		margin:0px;
		padding:0px;
		text-align:left;
	}
	div#print-container div.print-item {
		transform: scale(1,1);
		transform-origin: left center;
		/*margin:0px 5px 5px 0px;
		padding:11px 6px 11px 6px;*/
	}
	@page {
		border:0px;
	}
	span#print-page-settings,
	div#print-toolbar {
		display:none;
	}
	span.button#print-button,
	h4#print-page-title {
		display:none;
	}
	.ui-tooltip {
		display:none;
	}
	div.label {
		background-color:transparent !important;
		/*padding-top:16px;*/
	}
	.cut-lines {
		border:1px dashed #dcdcdc !important;
	}
	div.ui-icon-button-toolbar{
		display:none !important;
	}
	div#print-tools-minimized {
		display:none !important;
	}
	.ui-dialog,
	.ui-widget-overlay {
		display:none !important;
	}
}
/*
.font-style-1 {
	font-family: 
	font-size: 
	font-weight: 
	font-style: 
	letter-spacing: 
	line-height: 
	text-transform: 
}
*/
/* END PRINT STYLES */
img.shade {
	-webkit-box-shadow: 0 0 12px #DCE0E2;
	-moz-box-shadow: 0 0 12px #DCE0E2;
	box-shadow: 0 0 12px #DCE0E2;
}
img.round,
div.round {
	border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
}
div.img-cover-bg { /* taken from TDC Weekly Specials */
	display:block;
	height:200px;
	width:100%;
	max-width:400px;
	margin:auto;
	background-size: cover;
	background-position: center center;
}
div.benefits-trio {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	margin:2em auto;
	width:100%;
	max-width:1000px;
}
div.benefits-trio div{
	margin:0px 20px;
	background-color:#ffffff;
	border:3px solid #e7f0ef;
	border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
	padding:20px;
	text-align:center;
	letter-spacing:1px;
	width:33%;
	/* this was in case one box was smaller, so it would center vertically, but I want them all the same size, doesn't matter if text is top-aligned
	-webkit-align-self:center;
	align-self: center;*/
}
div.benefits-trio div img{
	width:65px;
}
div.benefits-trio span.benefit-number {
	display:inline-block;
	margin-bottom:15px;
	padding:8px 20px;
	/*border:3px solid #F1AC13;*/
	font-size:40px;
	background-color:#76B4F0;
	color:#ffffff;
	width:63px;
	text-align:center;
	border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;
}
/* NAVIGATION: top-nav, sidebar, footer */
div#top-nav {
	width: 100%;
	margin: 0;
	text-align:left;
	overflow: hidden;
	background-color:#ffffff;
	position: -webkit-sticky;
	position:sticky;
	z-index:100;
	top: 0;
}
body.gray-top-nav div#top-nav {
	background-color:#f0f1f5;
}
body#homepage div#top-nav {
	/*background:#efe9d8 url('../images/backgrounds/white_confetti_bg.png') repeat;*/
}
body#homepage div#top-nav.scrolling,
div#top-nav.scrolling {
	background-color:#ffffff;
}
body.gray-top-nav div#top-nav.scrolling {
	background-color:#f0f1f5;
}
body.green-upper div#top-nav {
	background-color:#ccec71;
}
div#top-nav div#top-nav-menu-bar {
	/*background-color: #445d58; /* #F6AE02 yellow Fallback (could use .jpg/.png alternatively) */
	/*background-image: url(fallback-gradient.svg);  SVG fallback for IE 9 (could be data URI, or could use filter) */
	/*background-image:-webkit-gradient(linear, left bottom, right top, #F6AE02, to(#FF626B));/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
	/*background-image:-webkit-linear-gradient(left, #F6AE02, #FF626B);/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
	/*background-image:-moz-linear-gradient(left, #F6AE02, #FF626B);/* Firefox 3.6 - 15 */
	/*background-image:-o-linear-gradient(left, #F6AE02, #FF626B);/* Opera 11.1 - 12 */
	/*background-image:linear-gradient(to bottom left, #F6AE02, #FF626B);/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	padding-right:1em;
}
div.top-nav-link-container{
	display:inline-block;
}
div#top-nav div#top-nav-links {
	width:70%;
	text-align:right;
	display:block;
}
div#top-nav div#top-nav-links a:not(.button),
a.home-top-link {
	color:#000000;
	text-decoration:none;
	font-size:1.2em;
	letter-spacing:1px;
	padding:10px 5px;
	font-weight:600;
	font-family:degular, sans-serif;
}
div#top-nav div#top-nav-logo,
div#top-nav div#top-nav-links a,
div#top-nav div#top-nav-icons span,
a.home-top-link {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	
}
div#top-nav div#top-nav-logo {
	opacity:1;
	width:30%;
	padding-left:10px;
	padding-top:5px;
}
div#top-nav div#top-nav-links a.button {
	font-size:16px;
	letter-spacing:2px;
}
div#top-nav div#top-nav-links a:not(.button):hover,
div#top-nav div#top-nav-icons span:hover,
a.home-top-link:hover {
	opacity:1;
	color:#a0a123;
}

div#top-nav div#top-nav-logo:hover {
	/*opacity:0.7;*/
}
div#top-nav div#top-nav-icons span {
	padding-left:1em;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
div#top-nav div#top-nav-icons span#account-icon{
	display:inline-block;
	background-color:#333333;
	border:2px solid #333333;
	padding:5px 3px;
	border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;	
}
div#top-nav div#top-nav-icons span#account-icon a{
	color:#ffffff;
	text-decoration:none;
}
div#top-nav div#top-nav-icons span#account-icon a:hover{
	opacity:0.7; /*bright teal #03cca2 */
}
div#top-nav-admin {
	background-color:#ffffff;/*f5f5f5;*/
	margin:0px;
	padding:3px;
	border-bottom: 1px solid #EEEEEE;
}
div#top-nav-admin a{
	display:inline-block;
	color:#333333;
	text-decoration:none;
	margin-right:5px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 5px;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
div#top-nav-admin a:hover{
	background-color:#dcdcdc;
}
div#top-nav div#menu-expand {
	/*display:none;*/
	cursor:pointer;
}
div.sidebar div#menu-collapse {
	cursor:pointer;
	text-align:right;
}
div#top-nav div#menu-expand span, 
div.sidebar div#menu-collapse span {
	vertical-align:middle;
	color:#333333;
	font-size:1.7em;
	padding:0px 10px;
	margin:0px;
	display:inline-block;
	font-family: 'Arial', sans-serif;
	width:45px;
	text-align:center;
	z-index:100;
}
div.sidebar{
	/*-webkit-box-shadow: 0px 0px 7px #f2f2f2;box-shadow: 0px 0px 7px #f2f2f2;-moz-box-shadow: 0px 0px 7px #f2f2f2;*/
	border-left:1px solid #e4edec;
	margin: 0;
	padding:20px 1em 85px 1em;
	width: 240px;
	background-color: #ffffff; /* F4F4EE cream #F5F8FA; light blue */
	height: 100%;
	overflow: auto;
	text-align:left;
	box-sizing: border-box;
	position:fixed;
	/*top: 53px;*/
	top:0;
	right: 0;
	z-index: 110; /* sticky nav is 100 */
}
div.sidebar > a {
	display: block;
	padding: 7px 0em;
	text-decoration: none;
	/*border-left: 5px solid #ffffff;*/
	cursor:pointer;
	font-family:degular, sans-serif;
	font-weight:600;
	font-size:1.2em;
	color:#333333;
}
/* active sidebar link */
div.sidebar > a.active-link {
	background-color: #F5F8FA;
	border-left: 5px solid #55C777;
	color: #55C777;
}
div.sidebar > a:hover {
  opacity:0.5;
}
div.sidebar div#sidebar-account {
	margin:0px 10px;
	border-top:1px solid #DCE0E2;
}
div.sidebar div#sidebar-account:hover {
	background-color:#ffffff;
	cursor:pointer;
	opacity:1;
}
div#sidebar-account span#sidebar-account-icon img {
	height: 70px;
	border:5px solid #ffffff;
	border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;
}
div#sidebar-account span.no-photo#sidebar-account-icon img {
	background-color:#5cd79e;
	height:70px;
	padding:10px;
}
body#projects div.sidebar a#projects-link {
	color: #a0a123;
}
div.edit-account-container {
	-webkit-box-shadow: 0 0 10px #dcdcdc;
	-moz-box-shadow: 0 0 10px #dcdcdc;
	box-shadow: 0 0 10px #dcdcdc;
	padding:1em;
	margin-bottom:1em;
}
div.account-form-container {
	display:none;
}
/* Place the navbar at the bottom of the page, and make it stick */
div#sticky-nav {
	background-color: #305760;
	overflow: hidden;
	width: 100%;
	/*
	position: fixed;
	bottom: 0;
	*/
	position: -webkit-sticky;
	position:sticky;
	top: 0;
	z-index: 100;
	border-bottom:1px solid #eaf1ed;
}
div#sticky-nav div#sticky-nav-links{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	margin:auto;
	width:100%;
	max-width:600px;
}
div#sticky-nav div#sticky-nav-links > div {
	-webkit-flex: 1 1 0px;
	-moz-flex: 1 1 0px;
	flex: 1 1 0px;
	margin:0px;
	text-align: center;
}
div#sticky-nav div#sticky-nav-links > div a {
	display: inline-block;
	color: #ffffff;
	width:100%;
	padding: 16px;
	text-decoration: none;
	font-weight:bold;
	letter-spacing:2px;
	font-size: 14px;
	text-transform:uppercase;
	border-left:1px solid #eaf1ed;
	-webkit-transition: all .5s ease !important;
	-moz-transition: all .5s ease !important;
	-ms-transition: all .5s ease !important;
	-o-transition: all .5s ease !important;
	transition: all .5s ease !important;
}
div#sticky-nav div#sticky-nav-links > div:last-child a {
	border-right:1px solid #eaf1ed;
}
div#sticky-nav div#sticky-nav-links > div a:hover {
  background-color: #333333;
  color: #eaf1ed;
}
div#sticky-nav div#sticky-nav-links > div a.active {
  background-color: #04AA6D;
  color: white;
}
div#account-header {
	text-align:center;
	background-color:#f4f4ee; /*#ebf2ee;*/
	padding:2em 2em 10px 2em;
}
div#account-header h1 {
	padding:10px 0px 0px 0px;
	color:#305760;
}
div#account-header h4 {
	letter-spacing:2px;
	font-size:14px;
	margin-top:0px;
}
div#account-header div#account-profile-img img {
	height:100px;
	border:5px solid #a4f7c2;
	border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;
}
div#account-header div#account-profile-img span.no-photo {
	border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;
	background-color:#5cd79e;
	padding:10px;
	border:5px solid #a4f7c2;
	display:inline-block;
}
div#account-header div#account-profile-img span.no-photo img {
	border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;
	height:70px;
	border:0px;
}
div.sidebar div#sidebar-account span#sidebar-account-icon {
	padding:12px 10px;
	/*border-radius: 40px;-moz-border-radius: 40px;-webkit-border-radius: 40px;*/
	font-size:1.8em;
	min-width:55px;
}
div#footer {
	width:100%;
	padding:2em 2em 110px 2em;
	background-color:#c9c145; /* peach: fbc9a5;*/
}
div#footer p {
	margin:auto;
	font-size:13px;
	/*color:#ffffff;*/
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}
div.footer-columns {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start;
}
div.footer-columns > div {
	min-width: 160px;
	max-width:250px;
	padding-right:1em;
}
div.footer-columns > div:first-child {
	order:0;
}
div.footer-columns > div:last-child {
	order:1;
}
div.footer-columns a {
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}
div.footer-columns a:hover {
	opacity:.6;
}
div.fixed-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #ebebeb;
	text-align: center;
	padding:10px 1em;
}
div#mobile-lower-nav {
	display:none;
	position:fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #333333;
	text-align: center;
	padding:10px 1em;
}
div.fixed-footer#projects-fixed-footer {
	background-color:#333333;
}
div.fixed-footer#projects-fixed-footer > div,
div.fixed-footer#form-new-fixed-footer > div {
	width:100%;
	max-width:500px;
	margin:0px auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-evenly;
	-moz-justify-content:space-evenly;
	justify-content:space-evenly;
	gap: 10px;
}
div.fixed-footer#projects-fixed-footer > div > span {
	width:33%;
}
div.fixed-footer#projects-fixed-footer > div > span > a {
	display:inline-block;
	width:100%;
	padding:1em;
	text-decoration:none;
	font-size:16px;
}
div.fixed-footer#projects-fixed-footer > div > span > a:not(.button),
div.fixed-footer#form-new-fixed-footer > div > span {
	text-transform:uppercase;
	color:#ffffff;
	letter-spacing:2px;
	font-weight:700;
	font-family:degular, sans-serif;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
div.fixed-footer#projects-fixed-footer > div > span > a:hover:not(.button) {
	color:#f2f2f2;
	background-color:#555555;
}
div.fixed-footer#projects-fixed-footer a.button {
	margin:0px;
}
div.fixed-footer#form-new-fixed-footer {
	background-color:#f2f1e7;
}
div.fixed-footer#form-new-fixed-footer > div > span {
	background-color:#ffffff;
	opacity:.5;
	color: #c49003;
	border:2px solid #c49003;
	width:25%;
	padding:10px 20px;
	cursor:pointer;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
div.fixed-footer#form-new-fixed-footer > div > span:hover:not(.selected) {
	opacity:.7;
}
div.fixed-footer#form-new-fixed-footer > div > span.selected {
	opacity:1;
}
.has-fixed-footer {
	padding-bottom:100px !important;
}
div.editor-toolbar {
	background-color:#dcdcdc;
	padding:1px 10px 3px 10px;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:99;
	height:30px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
	align-items:center;
}
div.container.form-header {
	background-color:#f2f2f2;
	position: -webkit-sticky; /* Safari */
	position:sticky;
	top: 30px;
	padding:8px 10px 10px 10px;
	min-height:initial;
	z-index:95;
}
div.container.form-header h6 {
	padding-top:5px;
	color:#a0a123;
}
div.container.form-header h5 {
	margin:0px;
	padding:0px;
	color:#aaa;
}
div.container.form-header p {
	font-size:14px;
	padding:0px;
}
div.container.form-header > div {
	max-width:750px;
	margin:0px auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
}
div.container.form-header > div > div:last-child{
	min-width:190px;
	/*padding-left:10px;
	padding-bottom:10px;*/
	text-align:right;
}
div.container.form-header .button,
div.container.form-header .button-outline {
	display:inline;
	font-size:1em;
	padding:6px 10px;
}
div.container.form-container {
	/*background-color:#f2f1e7;*/
	padding-top:40px;
}
div.container.form-container h3 {
	margin:0px;
}
div.container.form-container p,
div.container.form-container li {
	font-size:16px;
}
div.container.form-container li {
	padding:4px 0px;
}
div.form-nav {
	padding:1em;
	background-color:#f2f1e7;
	/*background-color:#f2f1e7;*/
	/*height:80px;*/
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:99;
}
div.form-nav.shadow,
.shadow {
	-webkit-box-shadow: 0 0 12px #DCE0E2;
	-moz-box-shadow: 0 0 12px #DCE0E2;
	box-shadow: 0 0 12px #DCE0E2;
}
.dark-shadow {
	-webkit-box-shadow: 0 0 15px #9388b3;
	-moz-box-shadow: 0 0 15px #9388b3;
	box-shadow: 0 0 15px #9388b3;
}
div.form-nav > div {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-evenly;
	-moz-justify-content:space-evenly;
	justify-content:space-evenly;
	gap: 10px;
	width:100%;
	max-width:500px;
	margin:0px auto;
}
div.form-nav span {
	text-transform:uppercase;
	color:#333333;
	letter-spacing:2px;
	font-weight:600;
	font-family:degular, sans-serif;
	background-color:#a0a123;
	opacity:.5;
	color: #ffffff;
	border:2px solid #a0a123;
	width:25%;
	padding:10px 15px;
	cursor:pointer;
	text-align:center;
	font-size:15px;
	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.form-nav > span > span:first-child { /*number*/
	display:block;
	padding:2px 5px;
	border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;
}
div.form-nav span:hover:not(.selected) {
	opacity:.7;
}
div.form-nav span.selected {
	opacity:1;
}
div.form-nav span.completed {
	border:2px solid #9ac7db;
	color:#9ac7db;
}
div.form-nav.has-form-tabs {
	padding-top:5px;
}
div.form-nav > h4 {
	margin:0px;
	text-align:center;
	padding:0px 0px 5px 0px;
}
span#form-submit-button {
	display:none;
}
div#bulk-label-container{
	display:none;
}
span#show-bulk {
	/*position:absolute;
	top:70px;
	right:18px;*/
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
/* END NAVIGATION */
/* SINGULAR STYLES */
.text-center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-bold {
	font-weight:bold;
}
.text-italic {
	font-style:italic;
}
.text-shadow {
	text-shadow: 1px 1px 2px #333333;
}
.line-height-80 {
	line-height:80% !important;
}
.line-height-90 {
	line-height:90% !important;
}
.line-height-normal {
	line-height:normal !important;
}
.overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
}
.overflow-ellipsis.no-wrap {
	white-space: nowrap;
}
.hidden {
	display:none;
}
span.icon-check-mauve {
	width:25px;
	height:25px;
	display:inline-block;
	background: url('../images/icons/icon_circle_check_mauve.png') no-repeat center center;
	background-size: 25px 25px;
	vertical-align:middle;
}
span.icon-check-green {
	width:25px;
	height:25px;
	display:inline-block;
	background: url('../images/icons/icon_circle_check_green.png') no-repeat center center;
	background-size: 25px 25px;
	vertical-align:middle;
}
img.icon-medium {
	display:inline-block;
	width:60px;
}
/* Container styles */
.marquee-container {
    width: 100%;
    overflow: hidden; /* Hides content outside the container */
    background-color: #f0f0f0; /* Optional: adds a background color */
    padding: 10px 0; /* Optional: adds some vertical spacing */
    white-space: nowrap; /* Keeps content on a single line */
    box-sizing: border-box;
}

/* Content styles and animation */
.marquee-content {
    display: inline-block;
    padding-left: 100%; /* Starts the content completely off-screen to the right */
    animation: marquee 20s linear infinite; /* Animation properties */
}

/* Keyframes for the scrolling animation */
@keyframes marquee {
    0%   { transform: translateX(0); } /* Start position: off-screen right (due to padding-left) */
    100% { transform: translateX(-100%); } /* End position: fully off-screen left */
}

/* Optional: Pause on hover */
.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}
div.dialog{
	display:none;
}
.vertical-padding {
	padding-top:10px;
	padding-bottom:10px;
}
div.div-section{
	padding:1em;
}
div.top-header-grid {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:flex-end;
	align-items:flex-end;
}
div.top-header-grid > div:first-child {
	width:60%;
}
div.top-header-grid > div:last-child {
	width:40%;
	text-align:right;
}
div.top-header-grid h3 {
	margin:0px;
}
div.top-header-grid.align-items-center {
	-webkit-align-items:center;
	align-items:center;
}
.fade-bg-in{
	background-color:#f8fbfd !important;
	-webkit-transition: background-color 1s ease !important;
	-moz-transition: background-color 1s ease !important;
	-o-transition: background-color 1s ease !important;
	transition: background-color 1s ease !important;
}
.fade-bg-out{
	background-color:#ffffff !important;
	-webkit-transition: background-color 1s ease !important;
	-moz-transition: background-color 1s ease !important;
	-o-transition: background-color 1s ease !important;
	transition: background-color 1s ease !important;
}
.side-note{
	color:#aaa;
	font-size:12px;
}
.side-note.color-black {
	color:#000000;
}
.accent-gray {
	color:#aaa;
}
hr{
	border-top:1px solid #DCE0E2;
	border-bottom:0px;
}
.display-inline-block {
	display:inline-block;
}
.status-complete{
	color:#37B27E;
}
.status-pending{
	color:#FCB713;
}
.status-approved{
	color:#28ADCC;
}
.status-overdue, .status-refunded{
	color:#fa755a;
}
div.show-500 {
	display:none;
}
.drop-shadow {
	-webkit-box-shadow: 0px 0px 7px #cccccc;box-shadow: 0px 0px 7px #cccccc;-moz-box-shadow: 0px 0px 7px #cccccc;
}
img.social-icon {
	width:40px;
}
.white-opaque-bg {
	background-color:transparent !important;
	background: url("../images/white_opacity60_bg.png") repeat;
	border-bottom-width:0px;
}
.flex-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap:5px;
}
.justify-flex-start{
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start;
}
.justify-center{
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}
.justify-space-between{
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.justify-space-evenly{
	-webkit-justify-content:space-evenly;
	-moz-justify-content:space-evenly;
	justify-content:space-evenly;
}
.align-items-flex-start {
	-webkit-align-items:flex-start;
	align-items:flex-start;
}
.align-items-flex-end {
	-webkit-align-items:flex-end;
	align-items:flex-end;
}
.align-items-center {
	-webkit-align-items:center;
	align-items:center;
}
.align-items-stretch {
	-webkit-align-items:stretch;
	align-items:stretch;
}
.padding-five {
	padding:5px;
}
.padding-ten {
	padding:10px;
}
.padding-zero {
	padding:0px !important;
}
.padding-bottom10 {
	padding-bottom:10px !important;
}
.padding-1em {
	padding:1em;
}
.padding-top {
	padding-top:1em;
}
.padding-top-2em {
	padding-top:2em;
}
.margin-zero {
	margin:0px !important;
}
.margin-ten {
	margin:10px 0px !important;
}
.margin-five {
	margin:5px 0px !important;
}
.large-padding {
	padding-top:1em !important;
	padding-bottom:1em !important;
}
.xl-padding {
	padding-top:2em !important;
	padding-bottom:2em !important;
}
.margin-top {
	margin-top:1em !important;
}
.margin-bottom {
	margin-bottom:1em !important;
}
.padding-bottom {
	padding-bottom:1em !important;
}
.indent {
	padding-left:60px !important;
}
.clickable {
	cursor: pointer;
	-webkit-transition: all .5s ease !important;
	-moz-transition: all .5s ease !important;
	-ms-transition: all .5s ease !important;
	-o-transition: all .5s ease !important;
	transition: all .5s ease !important;
}
.clickable:hover {
	opacity:.7;
}
a.link-container {
	text-decoration:none !important;
	color:initial;
	display:block;
	padding:10px;
	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}
a.link-container:hover {
	background-color:#f9f8f5;
	/*-webkit-box-shadow: 0px 0px 7px #cccccc;box-shadow: 0px 0px 7px #cccccc;-moz-box-shadow: 0px 0px 7px #cccccc;*/
}
a.link-container.light-style {
	background-color:#f9f8f5;
}
a.link-container.light-style:hover {
	background-color:#ebebeb;
}
.square-loader {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background: #333333;
  box-sizing: border-box;
  animation: flipX 1s linear infinite;
}
.circle-loader {
    width: 12px;
    height: 12px;
    border: 3px solid #333333;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1.5s linear infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
@keyframes flipX {
  0% {
    transform: perspective(200px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(200px) rotateX(-180deg) rotateY(0deg);
  }
  100% {
    transform: perspective(200px) rotateX(-180deg) rotateY(-180deg);
  }
}
    
span.emphasis {
	font-weight:700;
	font-style:italic;
	border-bottom:3px solid #F1AC13;
}
div.sharethis-inline-share-buttons {
	margin:1em 0px;
}
/* END SINGULAR STYLES */
@media screen and (max-width: 900px) {
	div.hero-overlay div.hero-overlay-content div.top-header-grid h1 {
		font-size:3em;
	}
	div.main-tabs li.tab-title h3 {
		font-size:1em;
	}
}
@media screen and (max-width: 850px) {
	div.container.form-header > div {
		/*display:block;*/
	}
	div.container.form-header > div.form-nav {
		bottom:0;
		left:0;
		padding:1em;
		background-color:#f2f1e7;
	}
	div.form-nav span {
		font-size:14px;
	}
}
@media only screen and (max-height: 950px){ /** MAX HEIGHT*/
	div.form-tab {
		/*max-height:40vh;*/
	}
}
@media only screen and (max-width: 800px) {
	div.hero-overlay div.hero-overlay-content div.top-header-grid h3 {
		line-height:125%;	
	}
	div.hero-overlay div.hero-overlay-content.left-half-aligned{
		width:75%;
	}
	div.container {
		padding-left:2em;
		padding-right:2em;
	}
	div.layout-1a,
	div.layout-1b,
	div.layout-2a,
	div.layout-2b { /* textbox overlayed larger image */
		display: block;
		padding:1em;
	}
	div.layout-1a > div:first-child,
	div.layout-1b > div:last-child {
		width: 100%;
		min-height:500px;
		max-width:800px;
		margin:0px auto -4em auto;
	}
	div.layout-1a > div:last-child,
	div.layout-1b > div:first-child {
		width: 100%;
		max-width:700px;
		height:auto;
		margin:0px auto;
	}
	div.layout-2a > div:first-child,
	div.layout-2b > div:last-child { 
		width: 90%;
		max-width:600px;
		min-width:300px;
		min-height:400px;
		max-height:600px;
		margin:0em auto -3em auto;
		background-size:cover;
		background-position: center center;
		z-index:10;
	}
	div.layout-2a > div:last-child,
	div.layout-2b > div:first-child {
		width: 100%;
		max-width:700px;
		padding: 1em;
		margin:auto;
		min-height:initial;
	}
	div.layout-3a { /*two col with even height*/
	
	}
	div.layout-4a > div:last-child,
	div.layout-4b > div:first-child{
		width: 100%;
	}
	div.layout-10a { /* 3 col w/ lines separating */
		display: block;
	}
	div.layout-10a > div {
		width:100%;
		border-right:0px;
		border-bottom:1px solid #F1EEE8;
	}
	div.layout-10a > div:not(:last-child) {
		border-bottom:1px solid #F1EEE8;
		border-right:0px;
	}
	div.colorway-1 div.layout-10a > div:not(:last-child),
	div.colorway-2 div.layout-10a > div:not(:last-child) {
		/*border-bottom:1px solid #ffffff;*/
		border-right:0px;
		padding-bottom:10px;
	}
	div.flex-columns-auto > div {
		width:50%;
		padding:1em 5px;
	}
	div.flex-columns-auto > div:nth-child(odd) {
		
	}
}
@media only screen and (max-height: 800px){ /** MAX HEIGHT*/
	div.form-tab {
		/*max-height:45vh;*/
	}
}
@media only screen and (max-width: 750px) {
	div.flex-columns:not(.no-break), 
	div.flex-columns.one-third:not(.no-break),
	div.flex-columns.two-third:not(.no-break) {
		display: block;
		width:100%;
	}
	div.flex-columns:not(.no-break) > div,
	div.flex-columns.one-third:not(.no-break) > div, 
	div.flex-columns.two-third:not(.no-break) > div {
		width:100% !important;
		margin:0em 0em 1em 0em;
		-webkit-flex: none;
		-moz-flex: none;
		flex: none;
	}
	div.footer-columns > div {
		min-width:initial;
		width:50%;
	}
	div.flex-columns:not(.no-break) > div.text-right,
	div.flex-columns.one-third:not(.no-break) > div.text-right, 
	div.flex-columns.two-third:not(.no-break) > div.text-right,
	div.flex-columns:not(.no-break) > div.text-left,
	div.flex-columns.one-third:not(.no-break) > div.text-left, 
	div.flex-columns.two-third:not(.no-break) > div.text-left {
		text-align:center;
	}
	div.flex-columns.extra-col-space > div {
		margin:0em 0em 2em 0em;
	}
	div.hero-image-section.half-height div.hero-overlay div.hero-overlay-content, 
	div.hero-video-section.half-height div.hero-overlay div.hero-overlay-content {
		top: 10%;
	}
	div.hero-image-section div.hero-overlay div.hero-overlay-content {
		top: 30%;
	}
	div.top-header-grid:not(.dont-break) {
		display:block;
	}
	div.top-header-grid:not(.dont-break) > div:first-child, 
	div.top-header-grid:not(.dont-break) > div:last-child {
		width:100%;
	}
	div.top-header-grid:not(.dont-break) > div:last-child {
		text-align:center;
	}
	div.top-header-grid.dont-break > div:first-child, 
	div.top-header-grid.dont-break > div:last-child {
		width:500%;
	}
	div.top-header-grid h3 {
		font-size:1.2em;
	}
	div.layout-columns:not(.no-break) {
		display: block;
	}
	div.layout-columns.width-50-50:not(.no-break) > div,
	div.layout-columns.width-33-66:not(.no-break) > div,
	div.layout-columns.width-66-33:not(.no-break) > div,
	div.layout-columns.width-25-75:not(.no-break) > div,
	div.layout-columns.width-75-25:not(.no-break) > div {
		width:100%;
	}
}
@media only screen and (max-width: 700px) {
	div.flex-columns-auto.two-column.editor-style-select {
		display:block !important;
	}
	div.flex-columns-auto.two-column.editor-style-select > div {
		width:100% !important;
	}
	div.flex-columns-auto.two-column.editor-style-select div.standalone-label {
	
	}
	div.project-list div.project-container {
		margin-bottom:7px;
	}
	div.project-list div.project-container h3 {
		margin:0px;
		font-size: 1em;
	}
	div.project-list > div.project-container {
		/*max-width:45%;*/
	}
	/*div.project-list > div > div.project-details > div:first-child {
		width: -moz-calc(100% - 120px);
		width: -webkit-calc(100% - 120px);
		width: -o-calc(100% - 120px);
		width: calc(100% - 120px);
	}
	div.project-list > div > div.project-details > div:last-child {
		width:120px;
	}*/
	span.edit-ellipsis-link.project {
		font-size:1.5em;
		padding:1px 7px 3px 7px;
	}
	div.project-details a.button-outline,
	div.project-list div.project-item-row a.button-outline{
		padding:3px;
		border:0px;
		font-size:16px;
		text-align:center;
	}
	div.project-list > div > div.expand-project-list{
		padding-top:2px;
	}
	div.project-details h2 {
		font-size:1em;
	}
	div.section.medium-padding,
	div.container.medium-padding,
	div.section.large-padding,
	div.container.large-padding {
		padding:1em 1em !important;
	}
}
@media only screen and (min-width: 651px) {
	div.sidebar {
		display: none;
	}
}
@media only screen and (max-width: 650px) {
	div.sidebar {
		display: none;
	}
	div#top-nav div#menu-expand {
		display:inline-block;
	}
	div.main-tabs.two-tabs li.tab-title {
		width:50%;
	}
	div.main-tabs.two-tabs li.tab-title h3 {
		font-size:1.2em;
	}
	/*SCALE PRINT PAGE TO SHOW AT LEAST 2 COLUMNS OF LABELS*/
	div#print-container {
		padding-top:130px;
	}
	div#print-container > div.print-item {
		transform: scale(.6, .6);
		transform-origin: top center;
		margin: -122px -58px -122px -58px;
	}
}
/*/*body.scale-up-40 */
@media screen and (max-width: 600px) { /* THIS IS WIDTH! */
	div.hero-overlay div.hero-overlay-content div.top-header-grid h1 {
		font-size:2.5em;
	}
	div.hero-overlay div.hero-overlay-content.left-half-aligned{
		width:90%;
	}
	div.container,
	div.container.less-vertical-padding {
		padding:1em;
	}
	div.main-tabs li.tab-title h3 {
		font-size:14px;
	}
	div.form-nav {
		padding:10px 1em;
		height:auto;
	}
	div.form-tab-container {
		bottom:50px;
	}
}
@media screen and (max-height: 600px) { /* THIS IS HEIGHT! */
	div.hero-image-section.half-height,
	div.hero-video-section.half-height {
		/*min-height: 600px;*/
	}
	div.hero-image-section div.hero-overlay div.hero-overlay-content, 
	div.hero-video-section div.hero-overlay div.hero-overlay-content {
		top: 10%;
		/*top: 40%; 
		-ms-transform: translateY(-40%);
		transform: translateY(-40%);*/
		/*-ms-transform: translateY(-25%);
		transform: translateY(-25%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);*/
	}
	div.hero-overlay div.hero-overlay-content.left-half-aligned{
		width:90%;
	}
}

@media only screen and (max-width: 550px) {
	div.project-list {
		display: block;
	}
	div.project-list > div.project-container {
		max-width:100%;
	}
}
@media only screen and (max-width: 500px) {
	img#logo {
		height:34px;
	}
	div#footer {
		padding-left: 1em;
		padding-right: 1em;
	}
	div.hide-500 {
		display:none;
	}
	div.show-500 {
		display:block;
	}
	div.project-row > div:first-child {
		width: -moz-calc(100% - 100px);
		width: -webkit-calc(100% - 100px);
		width: -o-calc(100% - 100px);
		width: calc(100% - 100px);
	}
	div.project-row > div:last-child {
		width:100px;
	}
	h1 {
		font-size:2em;
	}
	h1#mobile-headline {
		padding-top:0px;
		line-height: 130%;
		font-size: 1.7em;
	}
	h2 {
		font-size:1.5em;
	}
	h3 {
		font-size:1.3em;
	}
	h4 {
		letter-spacing:1px;
		margin:5px 0;
		font-size:14px;
	}
	p {
		font-size:16px;
	}
	div.container {
		padding-left:1em;
		padding-right:1em;
	}
	/*div#more-recipe-details > div{
		min-width:100px;
	}*/
	div.recipe-ingr-instr-container {
		padding:1em;
	}
	div.recipe-details {
		padding:1em;
	}
	div.recipe-ingr-instr-row, 
	div.recipe-details li{
		font-size:14px;
	}
	div.recipe-ingr-instr-row div.bracket-column {
		width:10px;
	}
	div.recipe-ingr-instr-row div.instructions-column {
		width: -moz-calc(60% - 10px);
		width: -webkit-calc(60% - 10px);
		width: -o-calc(60% - 10px);
		width: calc(60% - 10px);
	}
	/*div.recipe-ingr-instr-row div.instructions-column {
		width:45%;
	}
	div.recipe-ingr-instr-row div.ingredients-column {
		width:45%;
	}*/
	div.recipe-ingr-instr-row div.ingredients-column > div {
		border-bottom:1px solid #DCE0E2;
	}
	div.recipe-ingr-instr-row div.ingredients-column > div:last-child {
		border-bottom:0px;
	}
	/*div.recipe-ingr-instr-row div.ingredients-column > div span:first-child{
		width:auto;
		margin-right:5px;
	}
	div.recipe-ingr-instr-row div.ingredients-column > div span:last-child{
		width:auto;
	}*/
	div.hero-overlay div.hero-overlay-content h2 {
		font-size:18px;
	}
	div.benefits-trio {
		display:block;
		margin-top:0px;
	}
	div.benefits-trio > div {
		margin:0px;
		width:100%;
		background-color:transparent;
		border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;
		border:0px;
		border-bottom:2px solid #ebf4f3;
		
	}
	div.benefits-trio:not(.multiple-trios) > div:last-child {
		border-bottom:0px;
	}
	div.benefits-trio.multiple-trios {
		margin-bottom:0px;
	}
	div#login-container {
		padding:3em 1em;
	}
	div.main-tabs div.tab-content {
		padding:2em 0px;
	}
	div.main-tabs#edit-recipe-tabs li.tab-title h3 a {
		padding: 7px;
	}
	div.color-swatches > span {
		width:30px;
		height:30px;
	}
	div.form-nav {
		padding:10px 1em;
		min-height:50px;
	}
	div.form-tab-container {
		bottom:50px;
	}
	div.project-list > div > div.expand-project-list{
		padding-top:0px;
	}
	div.layout-1a,
	div.layout-1b,
	div.layout-2a,
	div.layout-2b { /* textbox overlayed larger image */
		display: block;
		padding:0px;
	}
	div.layout-4b > div.background-image-top#home-main-image:last-child {
		height:330px;
	}
	div#top-nav div#top-nav-links #app-button {
		display:none;
	}
	div#mobile-lower-nav {
		display:block;
	}
	div#toolbar-add-label-bulk p,
	div#toolbar-add-label-bulk li {
		font-size:15px;
	}
	div.ui-icon-button-toolbar > div#editor-style-select {
		display:block;
	}
	div.ui-icon-button-toolbar > div#editor-style-select > div {
		width:100%;
	}
	div.ui-icon-button-toolbar > div#editor-style-select span.font-combo-title {
		display:none;
	}
}
@media only screen and (max-width: 400px) {
	h1 {
		font-size:1.7em;
	}
	div#sticky-nav div#sticky-nav-links > div:first-child a  {
		border-left:0px;
	}
	div#sticky-nav div#sticky-nav-links > div:last-child a {
		border-right:0px;
	}
	div.ui-icon-button-toolbar > div.ui-icon-buttons > div {
		/*min-width:40px;*/
		font-size:12px;
	}
	/*div#new-recipe-input-cols {
		display: block;
	}
	div#new-recipe-input-cols > div{
		width:100% !important;
		margin:0em 0em 1em 0em;
		-webkit-flex: none;
		-moz-flex: none;
		flex: none;
	}*/
	
}