/* 
*  CSS TABLE OF CONTENTS
*
*  0		- UTILITY
*  0.1 			- HTML Elements
*  0.1.5 			- Dynamic Content HTML
*  0.1.6 			- Forms
*  0.2 			- Layout
*  0.5 			- Custom Colors
*
*  1		- DESKTOP
*  1.0 			- Body
*  1.2 			- Header
*  1.10			- Footer
*  1.11			- Chatbot
*  1.12			- Masonry
*
*  2		- PAGE SPECIFIC
*  2.1			- Pages General
*  2.2			- Recipes
*  2.3			- Dr. Potato
*  2.4			- What's In My Kitchen
*  2.5			- PLM Pages
*  3		- MEDIA QUERIES
*  3.11 		- Chatbot
*/

/* ======> 0: UTILITY */

/* ------> 0.1: HTML Elements */

p {
	margin-bottom: 1.5rem;
}

.text-title {
	font-family: 'Roboto', sans-serif;
}

.page-title {
	margin-bottom: 1rem;
	font-size: 1.875rem;
	font-weight: 300;
	line-height: 2.25rem;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

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

.img-responsive {
	width: 100%;
}

.align-left, .alignleft {
	float: left;
	margin: 0 15px 15px 0;
}

.align-right, .alignright {
	float: right;
	margin: 0 0 15px 15px;
}

.alignnone, .aligncenter {
	display: block;
	margin: 15px 0;
}

.aligncenter {
	display: block;
	margin: 15px auto;
}

.button {
	display: inline-block;
	background-color: #D3B16D;
	padding: .5rem 1rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}

.button-sm {
	display: inline-block;
	background-color: #D3B16D;
	padding: .5rem 1rem;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
}

.card .content, .card-heading {
	padding: 8px 16px;
	word-wrap: break-word;
}

.masonry-grid .columns {
	padding-left: .4rem;
	padding-right: .4rem;
	margin-bottom: 10px;
}

.masonry-grid img:not(.translation-icon) {
	width: 100%;
}

.ads-grid {
	font-size: 13px;
}

.card .actions {
	padding: 0;
	border-top: 1px solid #e6e6e6;
}

.card .actions span {
	display: inline-block;
	line-height: 29px;
}

.card .actions a {
	display: inline-block;
	font-weight: bold;
	/*padding: 8px 16px;*/
	text-align: center;
	border-radius: 2px;
	transition: .5s ease;
	color: #0069A2;
	text-decoration: none;
	line-height: inherit;
	padding: 12px 0;
	width: 100%
}

.card .actions a.full {
	display: block;
}

.card .actions a:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.card {
	background-color: rgba(255,255,255,0.85);
	margin-bottom: 10px;
	-webkit-transition: all .15s ease-in;
	-moz-transition: all .15s ease-in;
	-ms-transition: all .15s ease-in;
	-o-transition: all .15s ease-in;
	transition: all .15s ease-in;
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
	border-radius: 2px;
}

.card:hover {
	background-color: rgba(255,255,255,1.0);
}

.pagination-centered {
	display: flex;
	justify-content: center;
	width: 100%;
}

.heroImg {
	padding-bottom: 1.5rem;
}

.heroImgNutrition {
	padding: 0 2rem 1.5rem;
}

/* ------> 0.1.5: Dynamic Content HTML */

.dyn-content h3,
.featured-section h3 {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.dyn-content ul, .dyn-content ol, ol {
	list-style-type: initial;
	padding-left: 2rem;
	margin-bottom: 1rem;
}

.dyn-content ol, ol {
	list-style-type: decimal;
}

.dyn-content > ul > li > a {
	color: #008CBA;
}

.all-things-grid .card {
	margin-bottom: 30px;
}

/* ------> 0.1.5: Forms */

label {
	display: inline-block;
	margin-bottom: 5px;
	font-size: .9rem;
}

input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], textarea {
	display: block;
	width: 100%;
	padding: .75rem 1rem;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
	border: 1px solid #dddddd;
}

input[type="text"]:not(.mb-0), input[type="email"]:not(.mb-0), input[type="password"]:not(.mb-0), input[type="search"]:not(.mb-0), input[type="number"]:not(.mb-0),  textarea:not(.mb-0) {
	margin-bottom: 1rem;
}

input[type="radio"] {
	margin-bottom: 1rem;
}

input:focus, textarea:focus {
	outline: none;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
}

span.required {
	color: red;
}

label.required:after {
	content: '*';
	color: red;
	margin-right: 3px;
}

.loading-indicator {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-100%);
	transform: translateX(-100%);
}

.loading-overlay {
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.loading-indicator .fa {
	font-size: 6rem;
	color: #fff;
}

.show-for-sr {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select {
	margin: 0 0 1rem 0
}

input[type="file"] {
	width: 100%
}

fieldset {
	border: 1px solid #ddd;
	padding: 1.25rem;
	margin: 1.125rem 0
}

textarea[rows] {
	height: auto
}

textarea {
	max-width: 100%
}

textarea {
	height: auto;
	min-height: 50px;
	resize: vertical;
}

.prefix, .postfix {
	display: block;
	position: relative;
	z-index: 2;
	text-align: center;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	font-size: 0.875rem;
	height: 2.3125rem;
	line-height: 2.3125rem;
	/*padding: 0.75rem 1rem;*/
}

.button-postfix {
	display: block;
	position: relative;
	z-index: 2;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	font-size: 0.875rem;
	line-height: 2.3125rem;
}
span.prefix, label.prefix {
	background: #f2f2f2;
	border-right: none;
	color: #333;
	border-color: #ccc
}

/* ------> 0.2: Layout */

.container {
	transition: .2s linear;
	width: 96%;
	max-width: 1280px;
}

/* ------> 0.5: Custom Colors */

.bg-tan-100 {

}

.bg-tan-500 {
	background-color: #DEDACD;
}

.segment-nav-link.bg-consumer,
.site-navigation .bg-consumer,
.main-nav.consumer-nav .sub-menu,
.recipe-finder {
	background-color: #8AB5CC;
}

.bg-consumer, .bg-dr-potato {
	background-color: #B1A89C;
}

.bg-growers {
	background-color: #D08334;
}

.bg-recipes {
	background-color: #DCBC7C;
	fill: #DCBC7C;
}

.bg-foodservice {
	background-color: #C14734;
	fill: #C14734;
}

.bg-industry {
	background-color: #895B25;
	fill: #895B25;
}

.bg-international {
	background-color: #B2AF42;
	fill: #B2AF42;
}

.bg-retail {
	background-color: #5E60A4;
	fill: #5E60A4;
}

.bg-red {
	background-color: #C6582F;
}

.light-card {
	background-color: #F7F4ED;
}

.bg-foodservice .text-on-solid-bg,
.bg-retail .text-on-solid-bg,
.bg-industry .text-on-solid-bg {
	color: #ffffff;
}

.alert-box.success {
	background-color: #43AC6A;
	border-color: #3a945b;
	color: #fff;
	margin-bottom: 0;
}
.alert-box {
	border-style: solid;
	border-width: 1px;
	display: block;
	font-weight: normal;
	margin-bottom: 1.25rem;
	position: relative;
	padding: 0.875rem 1.5rem 0.875rem 0.875rem;
	font-size: 0.8125rem;
	transition: opacity 300ms ease-out;
	background-color: #008CBA;
	border-color: #0078a0;
	color: #fff;
}


/* ------> 1.0: Body */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
	background-color: #F7F4ED;
	color: #432209;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}

/* ------> 1.2: Header */


.main-nav, .main-nav .sub-menu {
	background-color: #8AB5CC;
}

.foodservice-nav, .foodservice-nav .sub-menu {
	background-color: #C14734;
}

.recipes-nav, .recipes-nav .sub-menu {
	background-color: #DCBC7C;
}

.industry-nav, .industry-nav .sub-menu {
	background-color: #895B25;
}

.international-nav, .international-nav .sub-menu {
	background-color: #B2AF42;
}

.retail-nav, .retail-nav .sub-menu {
	background-color: #5E60A4;
}

.sub-menu {
	overflow: hidden;
	max-height: 0;
	transition: .35s linear;
}

.drop-menu-toggle i {
	transition: .15s linear;
}

.parent.open .drop-menu-toggle i {
	transform: rotate(180deg);
}

.parent.open .sub-menu {
	overflow-y: scroll;
	max-height: 300px;
	transition: .25s linear;
}

.sub-menu a {
	display: block;
	padding: .35rem 1rem;
}

.drop-menu-toggle {
	position: absolute;
	right: .5rem;
	height: 24px;
	vertical-align: middle;
	width: 24px;
	line-height: 1;
	text-align: center;
	background-color: hsla(201, 32%, 55%, 1);
	top: 50%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	color: #fff;
	transform: translateY(-50%);
	transform-origin: center;
}

.foodservice-nav .drop-menu-toggle {
	background-color: hsla(8, 72%, 55%, 1);
}

.industry-nav .drop-menu-toggle {
	background-color: hsla(32, 57%, 40%, 1);
}

.international-nav .drop-menu-toggle {
	background-color: hsla(59, 46%, 55%, 1);
}

.retail-nav .drop-menu-toggle {
	background-color: hsla(238, 28%, 56%, 1);
}

.foodservice-nav a, .retail-nav a, .industry-nav a {
	color: #ffffff;
}

li.parent {
	position: relative;
}

.site-logo {
	position: absolute;
	bottom: 0;
}

/* ------> 1.10: Footer */

.footer-social a {
	display: inline-block;
	background-color:#895B25;
	width: 40px;
	height: 40px;
	margin: 0 2.5px 5px;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
}

.footer-logo img {
	width: 100%;
	max-width: 150px;
}

.footer-copyright {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}

/* ------> 1.11: Chatbot */

.chat-spuddy {
	opacity: 1;
	visibility: visible;
	position: fixed;
    right: 100px;
    bottom: -200px;
    transform: translateY(0);
	width: 100px;
    z-index: 1000;
    -webkit-animation-name: chat-spuddy; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
	animation-name: chat-spuddy;
	animation-duration: .5s;
	animation-delay: .35s;
	transition-timing-function: cubic-bezier(.93,1.27,.78,1.11);
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	transition: .25s linear;
}

.chat-spuddy.hidden {
	display: block;
	opacity: 0;
	visibility: hidden;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes chat-spuddy {
	0% {
       -webkit-transform: translateY(0);
    }
    50% {
       -webkit-transform: translateY(-260px);
    }
	80% {
       -webkit-transform: translateY(-230px);
    }
    100% {
       -webkit-transform: translateY(-240px);
    }
}

/* Standard syntax */
@keyframes chat-spuddy {
  	0% {
       -webkit-transform: translateY(0);
    }
    50% {
       -webkit-transform: translateY(-260px);
    }
    80% {
       -webkit-transform: translateY(-230px);
    }
    100% {
       -webkit-transform: translateY(-240px);
    }
}

/* ======> 2: PAGE SPECIFIC */

/* ------> 2.1: Pages General */

.content-wrap {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 50% 0;
	padding-top: 125px;
}

.content-wrap {
	background-image: url('/assets/frontend/v2021/img/consumer-bg-img.jpg');
}

.foodservice .content-wrap {
	background-image: url('/assets/frontend/v2021/img/foodservice-bg-img.jpg');
}

.recipes .content-wrap {
	background-image: url('/assets/frontend/v2021/img/retail-bg-img.jpg');
}

.thank-a-farmer .content-wrap {
	background-image: url('/assets/frontend/v2021/img/growers-bg-img.jpg');
}

/* ==== Chef's Corner ==== */

.chefs-corner-feature .feature-column.feature-info {
	padding: 1rem 2rem 1rem 0;
}

.chefs-corner-feature:nth-child(odd) .feature-column.feature-info {
	padding: 1rem 0 1rem 2rem;
}

.chefs-corner-feature .feature-column.feature-info {
	padding: 1rem 2rem 1rem 0;
}

.feature-row {
	background-color: rgba(255,255,255,0.90);
	margin-bottom: 2rem;
	transition: .2s linear;
}

.feature-row:hover {
	background-color: rgba(255,255,255,1.00);
}

.feature-column {
	width: 50%;
}

.feature-row:nth-child(even) .feature-image {
	order: 1;
}

.chefs-corner-feature:nth-child(even) .feature-image {
	order: 1;
}

.chefs-corner-feature:nth-child(odd) .feature-info {
	order: 1;
}

.feature-row:nth-child(even) .feature-info {
	text-align: right;
}

.feature-column.feature-info {
	padding: 2rem 3rem;
}

.feature-column {
	float: none !important;
	width: 100%;
}

.chefs-corner-feature h2 {
	font-size: 1.75rem;
	font-weight: bold;
	margin-bottom: 0;
}

.feature-content p {
	font-size: .85rem;
	line-height: 1.3rem;
}

.mb-1 {
	margin-bottom: 1rem;
}

.mb-1 a {
	color: #0069A2;
}

.feature-content p:last-of-type {
	display: inline;
	margin-bottom: 0;
}

/* ------> 2.2: Recipes */

.filter-list {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	/*top: 100%;*/
	max-height: 300px;
	width: 100%;
	overflow-y: scroll;
	z-index: 10;
	outline: none;
	transition: .25s linear;
}

.filter-list.open {
	opacity: 1;
	visibility: visible;
	background-color: #eeeeee;
}

.filter-list li {
	border-bottom: 1px solid #eeeeee;
}

.filter-list li a {
	display: block;
	padding: .5rem 1rem;
	font-size: 1.125rem;
}

.filter-list-sm li a {
	padding: 0 1rem;
	font-size: 16px;
	text-align: center;;
}

.filter-list li a:hover {
	background-color: #F7F4ED;
}

.recipe-index {
	background-image: url('/assets/frontend/v2021/img/recipe-listing-header-img.jpg');
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.recipe-actions {
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	text-align: center;
	border-bottom-left-radius: 2px;
}

.media-indicator-icons {
	position: absolute;
	bottom: .25rem;
	left: .25rem;
}

.media-indicator-icons .md {
	background-color: #00386C;
	width: 30px;
	height: 30px;
	color: #DCC064;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
}

.recipe-actions {
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	text-align: center;
	border-bottom-left-radius: 2px;
}

.favorite-button,
.add-dynamic-recipe-button {
	background: none;
	width: 40px;
	height: 40px;
	padding: 0;
	margin-bottom: 0;
}

.favorite-button:hover,
.favorite-button:focus,
.add-dynamic-recipe-button:hover,
.add-dynamic-recipe-button:focus {
	background: none;
	outline: none;
}

.favorite-icon {
	transition: .2s linear;
}

.favorite-icon:hover, .is-favorited {
	color: tomato;
}

.media-indicator-icons {
	position: absolute;
	bottom: .25rem;
	left: .25rem;
}

.media-indicator-icons .md {
	background-color: #00386C;
	width: 30px;
	height: 30px;
	color: #DCC064;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
}

.actions a {
	display: inline-block;
	padding: 1rem;
	text-align: center;
	transition: .5s ease;
}

.single-recipe .featured-image {
	position: relative;
	margin-bottom: 15px;
}

.single-recipe .featured-image .media-download-link {
	background-color: #E65500;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 5px 15px;
	border-top-left-radius: 2px;
}

.recipes .fancybox-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 0;
	margin: 0;
}

.recipes-block {
	padding: 20px 0;
}

.recipes-block .brick {
	width: 33%;
}

.recipes-block .brick.half {
	width: 50%;
}

.recipes-block .content {
	/* min-height: 75px; */
	display: flex;
	align-items: center;
	flex-direction: column;
}

.recipes-block .content h3 {
	margin-bottom: 0;
}

.recipes-block .carousel-brick {
	width: 33.333%;
}

.recipes-block .brick,
.people .brick {
	width: 50%;
}

.stack-mobile .recipes-block .brick {
	width: 100%;
}

.fancybox-title .media-download-link {
	display: inline-block;
	background-color: #E65500;
	font-size: 1rem;
	color: #fff;
	padding: 10px 15px;
	border-bottom-right-radius: 2px;
}

.single-recipe .media-indicator-icons {
	bottom: 40px;
}

.single-recipe .media-indicator-icons img {
	max-width: 32px;
}

.more-images-link {
	background: transparent url(../img/lifted-corner-2021.png) no-repeat 0 0;
	background-size: cover;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 150px;
	height: 122px;
}

.photo-credit {
	position: absolute;
  bottom: 10px;
  right: 15px;
  color: #fff;
  text-align: right;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0,0,0,0.75);
  font-size: 1.1em;
}

.photo-credit.multiple {
	bottom: 100px;
}

.section-menu:not(.current) {
	display: none;
}

.current .segment-nav-link {
	display: none;
}

.event {
	font-size: 1.3rem;
}

.event a {
	color: #0069A2;
}

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

/* ------> 2.3: Dr. Potato */

.sidebar-dr-potato {
	display: block;
	margin: 0 auto;
	max-height: 300px;
}

.tag-cloud {
	font-weight: 300;
	line-height: 1.5rem;
}

.tag-cloud a {
	margin: 0 2.5px;
}

.tag-cloud a:hover {
	text-decoration: underline;
}

.smallest {
  font-size: .8rem;
}
 
.small {
  font-size: .9rem;
  font-weight: 400;
}
 
.medium {
  font-size: 1.2rem;
  font-weight: 400;
}
 
.large {
  font-size:1.5rem;
  font-weight: 400;
}
 
.largest {
  font-size:1.6rem;
  font-weight: bold;
}

.wrap-break {
	word-wrap: break-word;
}

/* ------> 2.4: What's In My Kitchen */

.pantry-search-wrap {
	position: relative;
}

#pantryItemList {
	opacity: 0;
	visibility: hidden;
	background: #fff;
	position: absolute;
	top: 40px;
	left: 0;
	margin: 0;
	list-style-type: none;
	z-index: 10;
	width: 15rem;
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}

#pantryItemList.open {
	opacity: 1;
	visibility: visible;
}

.available-ingredients {
	max-height: 300px;
	overflow-y: scroll;
}

.available-ingredients li {
	padding: .5rem;
	margin-left: 0;
}

.available-ingredients li:hover {
	background-color: #eee;
	cursor: pointer;
}

.selected-ingredients {
	margin-bottom: 0;
}

.selected-ingredients li {
	display: inline-block;
	background: RGBA(151, 68, 21, 1.00);
	margin-left: 0;
	margin-right: .5rem;
	margin-bottom: 1rem;
	padding: 0 0 0 .5rem;
	color: #fff;
}

.selected-ingredients li a, .selected-ingredients li a:hover {
	color: #fff;
}

.selected-ingredients .remove-ingredient {
	background-color: #333;
	display: inline-block;
	padding: 0 .25rem;
	margin-left: .5rem;
	cursor: pointer;
	transition: .2s linear;
}

.selected-ingredients .remove-ingredient:hover {
	background-color: #555;
}

.description-bubble {
	position: relative;
	padding: 1rem;
	background-color: rgba(255,255,255,1.0);
	margin-bottom: 1rem;
	border-radius: 15px;
}

.ingredient-search-widget {
	background-color: rgba(255,255,255,0.75);
}

.ingredient-search-widget .button {
	margin-bottom: 0;
}

.widget-heading {
	background-color: #333333;
	color: #fff;
	padding: .5rem 1rem;
}

.widget-content {
	padding: 1rem;
}

.ingredient-search-widget .add-ingredient-trigger {
	background-color: #eaeaea;
	padding: .25rem .5rem;
	color: #000;
	transition: .2s linear;
}

.ingredient-search-widget .add-ingredient-trigger:hover {
	background-color: #dadada;
}

.heart-health-certified-box {
	overflow: hidden;
	background-color: RGBA(220, 194, 99, 1.00);
	padding: 1rem 0 1rem 2rem;
	font-size: 1.2rem;
	line-height: 2rem;
}

.heart-health-certified-box img {
	margin-bottom: 0;
}

.display_archive .campaign {
	background-color: #eee;
	padding: 0.15rem 0.875rem;
	color: #65350c;
	margin-bottom: 3px;
	font-size: 0;
}

.display_archive .campaign a {
	font-size: initial;
}

/* ------> 2.5: PLM Pages */

#plmEntryForm {
	width: 100%;
	border: 0;
	height: 1250px;
}

.military-form {
	height: 900px;
}

.auth-button {
	background-color: transparent;
	color: #B08243;
	padding: 0;
	z-index: 10;
	margin-left: 8px;
}

.plm-page-content {
	max-width: 62.5rem;
}

.account-icon {
	position: absolute;
	top: 12px;
	right: 32px;
	z-index: 10;
}

/* ======> 3: MEDIA QUERIES */


@media screen and (max-width: 1250px) {
	#site-search {
		top: 50px !important;
		right: 100px !important;
	}
	.account-icon {
		top: 52px;
	}
	.auth-button {
		top: 8px;
	}
}

@media screen and (min-width: 767px) {
	.mobile-menu-toggle {
		display: none;
	}

	.main-nav ul {
		min-height: 56px;
	}

	.sub-menu {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 100%;
		left: 50%;
		width: 200px;
		max-height: initial;
		padding: 10px 0;
		transform: translate(-50%, 3px);
		transition: .2s linear;
		z-index: 10;
	}

	.parent:hover .sub-menu {
		visibility: visible;
		opacity: 1;
		transform: translate(-50%, 0);
	}
	
	.sub-menu a {
		font-size: .9rem;
		text-align: center;
		text-transform: uppercase;
	}

	.drop-menu-toggle {
		display: none;
	}
}

@media screen and (max-width: 330px) {
	.auth-button {

	}
}

@media screen and (min-width: 330px) and (max-width: 767px) {
	.auth-button {

	}
}

@media screen and (max-width: 767px) {
	body {
		padding-top: 115px;
	}

	#site-search {
		position: fixed !important;
		top: 33rem !important;
		left: 0.5rem !important;
		width: 230px;
	}

	#site-search > .relative > .input-form-search {
		color: #eee;
		border-bottom: 2px solid #eee;
		width: 10.7rem;
	}

	#site-search > .relative > .input-form-search::placeholder {
		color: #eee;
	}

	#site-search > .relative > .button-search {
		right: 0;
		left: 9.5rem;
		color: #eee;
	}

	.search-label {
		display: none;
	}

	/*.auth-button {*/
	/*	position: fixed !important;*/
	/*	top: 41.2rem !important;*/
	/*	left: 270px;*/
	/*	background-color: transparent;*/
	/*	color: #eee;*/
	/*}*/

	.search-form-mobile {
		display: none;
	}

	.content-wrap {
		padding-top: 75px;
	}

	.main-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		box-shadow: 0 5px 10px rgba(0,0,0,0.15);
		z-index: 10;
	}

	.mobile-menu-toggle {
		position: absolute;
		right: 1rem;
		top: 50%;
		color: #ffffff;
		transform: translateY(-50%);
		z-index: 999;
	}

	.account-icon {
		top: 23px;
		right: 64px;
	}

	.auth-button {
		color: #ffffff;
		margin-left: 15px;
	}

	.main-nav.consumer-nav .sub-menu {
		background-color: hsla(201, 32%, 81%, 1);
	}

	.main-nav.foodservice-nav .sub-menu {
		background-color: hsla(8, 72%, 55%, 1);
	}

	.main-nav.industry-nav .sub-menu {
		background-color: hsla(32, 57%, 40%, 1);
	}

	.main-nav.international-nav .sub-menu {
		background-color: hsla(59, 46%, 55%, 1);
	}

	.main-nav.retail-nav .sub-menu {
		background-color: hsla(238, 28%, 56%, 1);
	}
	
	.site-logo {
		position: static;
		margin-top: -10px;
		margin-bottom: -22px;
	}

	.site-logo svg {
		width: 120px;
		height: auto;
	}
	
	.segment-nav-wrap {
		display: none;
	}

	.site-navigation-wrap {
		opacity: 0;
		visibility: hidden;
		background-color:rgba(0,0,0,0.75);
		overflow-y: scroll;
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		left: 0;
		z-index: 10;
		transition: .2s linear;
	}

	.site-navigation{
		width: 90%;
		max-width: 300px;
		height: 100%;
		background: #AFA89C;
		box-shadow: 5px 0 10px rgba(0,0,0,0);
		transform: translateX(-100%);
		transition: .2s linear;
	}

	.mobile-menu-open .site-navigation-wrap {
		opacity: 1;
		visibility: visible;
	}

	.mobile-menu-open .site-navigation{
		box-shadow: 5px 0 10px rgba(0,0,0,0.25);
		transform: translateX(0);
	}

	.section-menu:not(.current),
	.current .segment-nav-link {
		display: block;
	}

	.section-links {
		flex-direction: column;
	}

	.section-menu:not(.current) .section-links {
		display: none;
	}

	.section-links {
		width: 100%;
	}

	.row .columns .sidebar ul {
		padding: 0 1rem 1rem 0 !important;
	}
}



@media screen and (min-width: 767px) and (max-width: 835px) {
	.auth-button {
		right: 7px;
	}
}

/* ---- Desktop Only ---- */

@media screen and (min-width: 767px) {
	/* What's In My Kitchen */
	.description-bubble::before {
		position: absolute;
		top: 10%;
		left: -40px;
		content: '';
		border-top: 10px solid transparent;
		border-left: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 60px solid rgba(255,255,255,1.0);
		transform: rotate(-30deg);
	}
}

@media only screen and (min-width: 640px) {
	.event-thumb {
		max-width: 130px;
	}
}


@media screen and (max-width: 480px) {
	.segment-nav {
		flex-direction: column;
	}

	.chat-spuddy {
	    right: 20px;
		width: 50px;
	}
}

@media only screen and (min-width: 40.063em) {
	.medium-6 {
		width: 50%;
	}

	.column, .columns {
		position: relative;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
		float: left
	}
}

@media screen and (max-width: 640px) {
	.chefs-corner-posts .flex {
		display: block;
	}
	.feature-row:nth-child(even) .feature-image {
		order: 0;
	}
	.chefs-corner-feature:nth-child(even) .feature-image {
		order: 0;
	}
	.chefs-corner-feature:nth-child(odd) .feature-info {
		order: 0;
	}
	.chefs-corner-feature:nth-child(odd) .feature-column.feature-info {
		padding: 0;
	}
	.feature-row:nth-child(even) .feature-info {
		text-align: left;
	}
	.feature-row:nth-child(even) .feature-info {
		text-align: left;
	}
}


/* FOODSERVICE CONTACT PAGE STYLES
------------------------------------------------------------------------------ */

#us-map {
	overflow: hidden;
	width: 100%;
	height: 700px;
	max-width: 100%;
	margin-bottom: 30px;
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 2rem;
}

.retail-map .jvectormap-container.west::before {
	content: '+ CANADA';
	position: absolute;
	left: 50%;
	margin-left: -70px;
	transform: translateX(-50%);
	top: 16px;
	letter-spacing: 2px;
	font-size: 1.2rem;
	color: #B08243;
}

.foodservice-bio, .retail-bio {
	display: none;
}

.foodservice-bio.active, .retail-bio.active {
	display: block;
}

/* Modals
---------------------------------------------------------------------- */

.modal-overlay {
	opacity: 0;
	visibility: hidden;
	display: flex;
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	transition: .25 linear;
	overflow-y: scroll;
	padding: 50px 0;
}

.overlay-transparent {
	background-color: transparent;
}

.overlay-25 {
	background-color: rgba(0,0,0,0.25);
}

.overlay-50 {
	background-color: rgba(0,0,0,0.50);
}

.modal-overlay.is-visible {
	opacity: 1;
	visibility: visible;
}

.modal {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	width: 800px;
	max-width: 95%;
	margin: auto;
}

.modal--md {
	width: 600px;
}

.modal--promo {
	margin: auto;
}

.modal--promo .video {
	margin-bottom: 0;
}

.flex-modal-close {
	position: absolute;
	top: 50%;
	right: .5rem;
	transform: translateY(-50%);
	cursor: pointer;
}

.flex-modal-close:hover {
	color: #dcc064;
}

.flex-modal-heading {
	position: relative;
	background-color: #00386C;
	padding: .5rem 1rem;
	font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}


.modal-list li {
	padding: 0;
	margin: 0;
}

.modal-list li a {
	display: block;
	padding: .5rem 1rem;
	border-bottom: 1px solid #eaeaea;
	color: #65350C;
	transition: .2s linear;
}

.modal-list li a:hover {
	background-color: #fff4e6;
}

.modal-close {
	position: absolute;
	top: -36px;
	right: 5px;
	font-size: 2rem;
	color: #fff;
	cursor: pointer;
	z-index: 100;
}

.modal-content {
	overflow-y: scroll;
}

.padded-content {
	background-color: #ffffff;
	padding: 1rem;
}

.ajax-loader {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	color: #fff;
	transform: translateX(-50%) translateY(-50%);
	z-index: 10;
	transition: .2s linear;
}

.ajax-loader.enabled {
	opacity: 1;
	visibility: visible;
}

#site-search {
	position: absolute;
	right: 100px;
	top: 12px;
	z-index: 10;
}

#auth-form {
	z-index: 10;
}

.button-search {
	background-color: transparent;
	position: absolute;
	color: #B08243;
	right: 2px;
	padding: 0;
	/*top: 5px;*/
}

#site-search > .relative > input {
	background-color: transparent;
	border: none;
	box-shadow: none;
	padding: 0 0 5px 0;
	font-size: .9rem;
	color: #B08243;
	margin: 0;
	border-bottom: 2px solid #B08243;
	width: 170px;
	font-weight: bold;
}

#site-search > .relative > input::placeholder {
	color: #B08243;
	font-weight: bold;

}

/* Google Custom Search Styles
---------------------------------------------------------------------- */

.gsc-control-cse {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
	padding-left: 0;
}

.gsc-modal-background-image {
	background-color: black !important;
}

.cse .gsc-resultsHeader, .gsc-resultsHeader {
	border: none;
	margin-bottom: 0 !important;
}

.gsc-orderby .gsc-selected-option-container {
	width: auto !important;
}

.gsc-results-close-btn {
	top: 10px !important;
	right: 10px !important;
}

.gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.gsc-control-cse .gsc-table-result {
	border: none !important;
	margin-bottom: 0 !important;
}

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
	border-bottom: 1px solid #ddd !important;
}




























/* Legacy Foundation CSS - Remove over time */

/* .row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width:62.5rem
}

.row:before, .row:after {
    content: " ";
    display:table
}

.row:after {
    clear:both
}

.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right:0
}

.row.collapse .row {
    margin-left: 0;
    margin-right:0
}

.row .row {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width:none
}

.row .row:before, .row .row:after {
    content: " ";
    display:table
}

.row .row:after {
    clear:both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width:none
}

.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display:table
}

.row .row.collapse:after {
    clear:both
}

.medium-6 {
	width:50%
}

.column, .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left
}


@media only screen {
	.row.small-collapse > .column, .row.small-collapse > .columns {
		padding-left: 0;
		padding-right:0
	}

	.row.small-collapse .row {
		margin-left: 0;
		margin-right:0
	}

	.row.small-uncollapse > .column, .row.small-uncollapse > .columns {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
		float:left
	}

	.column, .columns {
        position: relative;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float:left
    }
}

@media only screen and (min-width: 40.063em) {
	.row.medium-collapse > .column, .row.medium-collapse > .columns {
        padding-left: 0;
        padding-right:0
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right:0
    }

    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float:left
    }

	.medium-1 {
        width:8.33333%
    }

    .medium-2 {
        width:16.66667%
    }

    .medium-3 {
        width:25%
    }

    .medium-4 {
        width:33.33333%
    }

    .medium-5 {
        width:41.66667%
    }

    .medium-6 {
        width:50%
    }

    .medium-7 {
        width:58.33333%
    }

    .medium-8 {
        width:66.66667%
    }

    .medium-9 {
        width:75%
    }

    .medium-10 {
        width:83.33333%
    }

    .medium-11 {
        width:91.66667%
    }

    .medium-12 {
        width:100%
    }
}

@media only screen and (min-width: 64.063em) {
	.row.large-collapse > .column, .row.large-collapse > .columns {
        padding-left: 0;
        padding-right:0
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right:0
    }

    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        float:left
    }
}
 */










 /* COLLAPSABLE PANELS
-------------------------------------------------------------------- */

.reveal-switch {
	background-color: #ffffff;
	cursor: pointer;
	padding: .5rem 1rem;
	margin-bottom: .75rem;
}

.reveal-switch:before {
	content: '\002B';
	margin-right: 10px;
	font-weight: bold;
}

.reveal-switch.active:before {
	content: '\002D';
}

.reveal-block {
  display: none;
  padding: 10px;
  border-top: 0;
}

.reveal-block.visible {
  display: block;
}

body.recipes .reveal-switch {
	background-color: #974415;
}

body.foodservice .reveal-switch {
	background-color: #ffffff;
}

body.retail .reveal-switch {
	background-color: #0b3855;
}

body.industry .reveal-switch {
	background-color: #ffffff;
}

body.licensing .reveal-switch {
	background-color: #65350c;
}

body.international .reveal-switch {
	background-color: #767241;
}

body.international .reveal-modal-bg {
	background: none;
}

/* Frequently Asked Questions
-------------------------------------------------------------------- */

dd.answer {
	background-color: #ffffff;
	border-radius: 2px;
	margin-left: 1rem;
	padding: 15px 15px 1px;
	margin-bottom: .75rem;
}




/* SIDEBARS
---------------------------------------------------------------------- */
.sidebar {
	padding: 1rem;
}
.sidebar .block {
	padding: 15px 0;
	border-bottom: 1px solid #DFC35C;
}

.sidebar-block img {
	margin-bottom: 10px;
}

.side-nav li {
	margin-bottom: 3px;
}

.side-nav.page-menu li a {
	display: block;
	background-color: #ffffff;
	padding: .5rem;
}

.side-nav.page-menu li a:hover {
	color: #65350c;
}

.side-nav {
	padding: 0;
}

.side-nav .sub {
	margin-top: 2px;
	margin-left: .5rem;
	border-left: 5px solid #ccc;
}

.no-bullet {
	padding-bottom: 2rem;
}

.sidebar .mb-4 p {
	margin-bottom: 0.5rem;
}


/* WHY IDAHO
---------------------------------------------------------------------- */

.why-idaho {
	color: #895B25;
}

.why-idaho .page-title {
	color: #8196AA;
}

.why-idaho .page-title::before {
	content: '';
	display: block;
	background-color: #FFBC6B;
	width: 50px;
	height: 8px;
	margin-bottom: 10px;
}



/* Thank A Farmer
---------------------------------------------------------------------- */

.thank-a-farmer .page-title:not(.secondary)::before {
	content: '';
	display: block;
	background-color: #B2AF42;
	width: 50px;
	height: 8px;
	margin-bottom: 1rem;
}

.thank-a-farmer .page-title.secondary {
	color: #ffffff;
}


/* Cost Calculator
---------------------------------------------------------------------- */

.cost-calculator {
	background-color: #0178B7;
	overflow: hidden;
	padding: 15px;
	box-shadow: inset 0 0 50px rgba(0,0,0,0.3);
}

.cost-calculator label {
	color: #ffffff;
}

.costs div {
	background-color: #e49d09;
	padding: 7px 10px;
	margin-bottom: 5px;
	color: #fff;
	line-height: 1.2em;
	box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255,255,255,0.15);
}

.costs div.ounce {
	background-color: #6c8b37;
}

/* Potato Recipe Calculator
---------------------------------------------------------------------- */

.potato-recipe-calculator .case-unit-cost {
	background-color: #6c8b37;
	padding: .5rem 1rem;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.2em;
	border: 1px solid rgba(255,255,255,0.15);
}

.calculation-box-heading {
	padding: .5rem;
	margin: -1rem -1rem 1rem -1rem;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
}

.calculation-box-heading.potato-cost {
	background-color: #d73832;
}

.calculation-box-heading.ingredient-cost-percent {
	background-color: #2f338d;
}

.calculation-box-heading.cost-per-portion {
	background-color: #738a43;
}

.calculation-box-heading.gross-profit-dollars {
	background-color: #e8983e;
}

.calculation-box-heading.gross-profit-perecent {
	background-color: #5d328c;
}


.chef-corner-intro {
	margin-top: -130px;
}

.chef-corner-intro .profile-image {
	margin-top: -150px;
}

/*.row {*/
/*	width: 100%;*/
/*	margin: 0 auto;*/
/*	max-width: none;*/
/*}*/

/*.row .row {*/
/*	width: auto;*/
/*	margin: 0 -0.9375rem;*/
/*	max-width: none*/
/*}*/

.row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	/*max-width: 62.5rem*/
}

.row:before, .row:after {
	content: " ";
	display: table
}

.row:after {
	clear: both
}

.row.collapse > .column, .row.collapse > .columns {
	padding-left: 0;
	padding-right: 0
}

.row.collapse .row {
	margin-left: 0;
	margin-right: 0
}

.row .row {
	width: auto;
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
	margin-top: 0;
	margin-bottom: 0;
	max-width: none
}

.row .row:before, .row .row:after {
	content: " ";
	display: table
}

.row .row:after {
	clear: both
}

.row .row.collapse {
	width: auto;
	margin: 0;
	max-width: none
}

.row .row.collapse:before, .row .row.collapse:after {
	content: " ";
	display: table
}

.row .row.collapse:after {
	clear: both
}

.row .columns .sidebar {
	padding: 0;
}

.row .columns .sidebar p {
	padding: 0.5rem 1rem 0 1rem;
}

.row .columns .sidebar ul {
	padding: 0 1rem 1rem 2rem;
}

.row .columns .sidebar h3 {
	padding: 0.5rem;
	text-align: center;
}

/*.row .columns .sidebar ul {*/
/*	padding: 1rem;*/
/*}*/

.row .columns .sidebar .block {
	padding: 0;
	border-bottom: 1px solid #DFC35C;
}

.row .columns hr {
	border-width: 1px 0 0;
	clear: both;
	margin: 1.25rem 0 1.1875rem;
	height: 0;
	border-color: #000000;
}

.row .columns h3 {
	font-size: 1.375rem;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
}

button.expand, .button.expand {
	padding-right: 0;
	padding-left: 0;
	width: 100%
}

@media only screen {
	.small-1 {
		width: 8.33333%
	}

	.small-2 {
		width: 16.66667%
	}

	.small-3 {
		width: 25%
	}

	.small-4 {
		width: 33.33333%
	}

	.small-5 {
		width: 41.66667%
	}

	.small-6 {
		width: 50%
	}

	.small-7 {
		width: 58.33333%
	}

	.small-8 {
		width: 66.66667%
	}

	.small-9 {
		width: 75%
	}

	.small-10 {
		width: 83.33333%
	}

	.small-11 {
		width: 91.66667%
	}

	.small-12 {
		width: 100%
	}
}

@media only screen and (min-width: 64.063em) {
	.column, .columns {
		position: relative;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
		float: left
	}
	.large-1 {
		width: 8.33333%
	}

	.large-2 {
		width: 16.66667%
	}

	.large-3 {
		width: 25%
	}

	.large-4 {
		width: 33.33333%
	}

	.large-5 {
		width: 41.66667%
	}

	.large-6 {
		width: 50%
	}

	.large-7 {
		width: 58.33333%
	}

	.large-8 {
		width: 66.66667%
	}

	.large-9 {
		width: 75%
	}

	.large-10 {
		width: 83.33333%
	}

	.large-11 {
		width: 91.66667%
	}

	.large-12 {
		width: 100%
	}
}

@media only screen and (min-width: 40.063em) {
	.medium-1 {
		width: 8.33333%
	}

	.medium-2 {
		width: 16.66667%
	}

	.medium-3 {
		width: 25%
	}

	.medium-4 {
		width: 33.33333%
	}

	.medium-5 {
		width: 41.66667%
	}

	.medium-6 {
		width: 50%
	}

	.medium-7 {
		width: 58.33333%
	}

	.medium-8 {
		width: 66.66667%
	}

	.medium-9 {
		width: 75%
	}

	.medium-10 {
		width: 83.33333%
	}

	.medium-11 {
		width: 91.66667%
	}

	.medium-12 {
		width: 100%
	}
}

table {
	background: #fff;
	margin-bottom: 1.25rem;
	border: solid 1px #ddd;
	table-layout: auto
}

table caption {
	background: transparent;
	color: #222;
	font-size: 1rem;
	font-weight: bold
}

table thead {
	background: #F5F5F5
}

table thead tr th, table thead tr td {
	padding: 0.5rem 0.625rem 0.625rem;
	font-size: 0.875rem;
	font-weight: bold;
	color: #222
}

table tfoot {
	background: #F5F5F5
}

table tfoot tr th, table tfoot tr td {
	padding: 0.5rem 0.625rem 0.625rem;
	font-size: 0.875rem;
	font-weight: bold;
	color: #222
}

table tr th, table tr td {
	padding: 0.5625rem 0.625rem;
	font-size: 0.875rem;
	color: #222;
	text-align: left
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #F9F9F9
}

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
	display: table-cell;
	line-height: 1.125rem
}

.pack-size-table td, .pack-size-table th {
	padding: 0.3rem 0.6rem;
	border: 1px solid #ddd;
	font-size: .8rem;
	text-align: center;
}

meta.foundation-version {
	font-family: "/5.5.0/"
}

meta.foundation-mq-small {
	font-family: "/only screen/";
	width: 0
}

meta.foundation-mq-small-only {
	font-family: "/only screen and (max-width: 40em)/";
	width: 0
}

meta.foundation-mq-medium {
	font-family: "/only screen and (min-width:40.063em)/";
	width: 40.063em
}

meta.foundation-mq-medium-only {
	font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
	width: 40.063em
}

meta.foundation-mq-large {
	font-family: "/only screen and (min-width:64.063em)/";
	width: 64.063em
}

meta.foundation-mq-large-only {
	font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
	width: 64.063em
}

meta.foundation-mq-xlarge {
	font-family: "/only screen and (min-width:90.063em)/";
	width: 90.063em
}

meta.foundation-mq-xlarge-only {
	font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
	width: 90.063em
}

meta.foundation-mq-xxlarge {
	font-family: "/only screen and (min-width:120.063em)/";
	width: 120.063em
}

meta.foundation-data-attribute-namespace {
	font-family: false
}

.reveal-modal-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1004;
	display: none;
	left: 0
}

.reveal-modal, dialog {
	visibility: hidden;
	display: none;
	position: absolute;
	z-index: 1005;
	width: 100vw;
	top: 0;
	border-radius: 3px;
	left: 0;
	background-color: #fff;
	padding: 1.25rem;
	border: solid 1px #666;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	padding: 1.875rem
}

@media only screen and (max-width: 40em) {
	.reveal-modal, dialog {
		min-height: 100vh
	}
}

.reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns {
	min-width: 0
}

.reveal-modal > :first-child, dialog > :first-child {
	margin-top: 0
}

.reveal-modal > :last-child, dialog > :last-child {
	margin-bottom: 0
}

@media only screen and (min-width: 40.063em) {
	.reveal-modal, dialog {
		width: 80%;
		max-width: 62.5rem;
		left: 0;
		right: 0;
		margin: 0 auto
	}
}

@media only screen and (min-width: 40.063em) {
	.reveal-modal, dialog {
		top: 6.25rem
	}
}

.reveal-modal.radius, dialog.radius {
	border-radius: 3px
}

.reveal-modal.round, dialog.round {
	border-radius: 1000px
}

.reveal-modal.collapse, dialog.collapse {
	padding: 0
}

@media only screen and (min-width: 40.063em) {
	.reveal-modal.tiny, dialog.tiny {
		width: 30%;
		max-width: 62.5rem;
		left: 0;
		right: 0;
		margin: 0 auto
	}
}

@media only screen and (min-width: 40.063em) {
	.reveal-modal.small, dialog.small {
		width: 40%;
		max-width: 62.5rem;
		left: 0;
		right: 0;
		margin: 0 auto
	}
}

@media only screen and (min-width: 40.063em) {
	.reveal-modal.medium, dialog.medium {
		width: 60%;
		max-width: 62.5rem;
		left: 0;
		right: 0;
		margin: 0 auto;
		max-height: 90vh;
		overflow-y: auto;
	}
}

@media only screen and (min-width: 40.063em) {
	.reveal-modal.large, dialog.large {
		width: 70%;
		max-width: 62.5rem;
		left: 0;
		right: 0;
		margin: 0 auto
	}
}

@media only screen and (min-width: 40.063em) {
	.reveal-modal.xlarge, dialog.xlarge {
		width: 95%;
		max-width: 62.5rem;
		left: 0;
		right: 0;
		margin: 0 auto
	}
}

.reveal-modal.full, dialog.full {
	top: 0;
	left: 0;
	height: 100%;
	height: 100vh;
	min-height: 100vh;
	max-width: none !important;
	margin-left: 0 !important
}

@media only screen and (min-width: 40.063em) {
	.reveal-modal.full, dialog.full {
		width: 100vw;
		max-width: 62.5rem;
		left: 0;
		right: 0;
		margin: 0 auto
	}
}

.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
	font-size: 2.5rem;
	line-height: 1;
	position: absolute;
	top: 0.625rem;
	right: 1.375rem;
	color: #aaa;
	font-weight: bold;
	cursor: pointer
}

dialog {
	display: none
}

dialog::backdrop, dialog + .backdrop {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	background: rgba(0, 0, 0, 0.45);
	z-index: auto;
	display: none;
	left: 0
}

dialog[open] {
	display: block
}

@media print {
	dialog, .reveal-modal, dialog {
		display: none;
		background: #fff !important
	}
}

.dashboard-social a {
	display: inline-block;
	background-color:#895B25;
	width: 40px;
	height: 40px;
	margin: 0 2.5px 5px;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
}

.account-controls {
	position: relative;
	padding-top: 1rem;
	margin-bottom: -4px;
}

.account-controls .trigger {
	display: inline-block;
	padding: .5rem;
	color: #fff;
	vertical-align: top;
}

.f-dropdown {
	position: absolute;
	left: -9999px;
	list-style: none;
	margin-left: 0;
	outline: none;
	width: 100%;
	max-height: none;
	height: auto;
	background: #fff;
	border: solid 1px #ccc;
	font-size: 0.875rem;
	z-index: 89;
	margin-top: 2px;
	max-width: 200px
}

.f-dropdown > *:first-child {
	margin-top: 0
}

.f-dropdown > *:last-child {
	margin-bottom: 0
}

.f-dropdown:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	border-color: transparent transparent #fff transparent;
	border-bottom-style: solid;
	position: absolute;
	top: -12px;
	left: 10px;
	z-index: 89
}

.f-dropdown:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 7px;
	border-color: transparent transparent #ccc transparent;
	border-bottom-style: solid;
	position: absolute;
	top: -14px;
	left: 9px;
	z-index: 88
}

.f-dropdown.right:before {
	left: auto;
	right: 10px
}

.f-dropdown.right:after {
	left: auto;
	right: 9px
}

.f-dropdown.drop-right {
	position: absolute;
	left: -9999px;
	list-style: none;
	margin-left: 0;
	outline: none;
	width: 100%;
	max-height: none;
	height: auto;
	background: #fff;
	border: solid 1px #ccc;
	font-size: 0.875rem;
	z-index: 89;
	margin-top: 0;
	margin-left: 2px;
	max-width: 200px
}

.f-dropdown.drop-right > *:first-child {
	margin-top: 0
}

.f-dropdown.drop-right > *:last-child {
	margin-bottom: 0
}

.f-dropdown.drop-right:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	border-color: transparent #fff transparent transparent;
	border-right-style: solid;
	position: absolute;
	top: 10px;
	left: -12px;
	z-index: 89
}

.f-dropdown.drop-right:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 7px;
	border-color: transparent #ccc transparent transparent;
	border-right-style: solid;
	position: absolute;
	top: 9px;
	left: -14px;
	z-index: 88
}

.f-dropdown.drop-left {
	position: absolute;
	left: -9999px;
	list-style: none;
	margin-left: 0;
	outline: none;
	width: 100%;
	max-height: none;
	height: auto;
	background: #fff;
	border: solid 1px #ccc;
	font-size: 0.875rem;
	z-index: 89;
	margin-top: 0;
	margin-left: -2px;
	max-width: 200px
}

.f-dropdown.drop-left > *:first-child {
	margin-top: 0
}

.f-dropdown.drop-left > *:last-child {
	margin-bottom: 0
}

.f-dropdown.drop-left:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	border-color: transparent transparent transparent #fff;
	border-left-style: solid;
	position: absolute;
	top: 10px;
	right: -12px;
	left: auto;
	z-index: 89
}

.f-dropdown.drop-left:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 7px;
	border-color: transparent transparent transparent #ccc;
	border-left-style: solid;
	position: absolute;
	top: 9px;
	right: -14px;
	left: auto;
	z-index: 88
}

.f-dropdown.drop-top {
	position: absolute;
	left: -9999px;
	list-style: none;
	margin-left: 0;
	outline: none;
	width: 100%;
	max-height: none;
	height: auto;
	background: #fff;
	border: solid 1px #ccc;
	font-size: 0.875rem;
	z-index: 89;
	margin-top: -2px;
	margin-left: 0;
	max-width: 200px
}

.f-dropdown.drop-top > *:first-child {
	margin-top: 0
}

.f-dropdown.drop-top > *:last-child {
	margin-bottom: 0
}

.f-dropdown.drop-top:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	border-color: #fff transparent transparent transparent;
	border-top-style: solid;
	position: absolute;
	top: auto;
	bottom: -12px;
	left: 10px;
	right: auto;
	z-index: 89
}

.f-dropdown.drop-top:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: inset 7px;
	border-color: #ccc transparent transparent transparent;
	border-top-style: solid;
	position: absolute;
	top: auto;
	bottom: -14px;
	left: 9px;
	right: auto;
	z-index: 88
}

.f-dropdown li {
	font-size: 0.875rem;
	cursor: pointer;
	line-height: 1.125rem;
	margin: 0
}

.f-dropdown li:hover, .f-dropdown li:focus {
	background: #eee
}

.f-dropdown li.radius {
	border-radius: 3px
}

.f-dropdown li a {
	display: block;
	padding: 0.5rem;
	color: #555
}

.f-dropdown.content {
	position: absolute;
	left: -9999px;
	list-style: none;
	margin-left: 0;
	outline: none;
	padding: 1.25rem;
	width: 100%;
	height: auto;
	max-height: none;
	background: #fff;
	border: solid 1px #ccc;
	font-size: 0.875rem;
	z-index: 89;
	max-width: 200px
}

.f-dropdown.content > *:first-child {
	margin-top: 0
}

.f-dropdown.content > *:last-child {
	margin-bottom: 0
}

.f-dropdown.tiny {
	max-width: 200px
}

.f-dropdown.small {
	max-width: 300px
}

.f-dropdown.medium {
	max-width: 500px
}

.f-dropdown.large {
	max-width: 800px
}

.f-dropdown.mega {
	width: 100% !important;
	max-width: 100% !important
}

.f-dropdown.mega.open {
	left: 0 !important
}