/*
╒═════════════════════════╕
│    INPUT & SELECTION    │
╘═════════════════════════╛
*/
::-moz-selection {background: #000;text-shadow: none;color:#fff;}
::selection {background: #000;text-shadow: none;color:#fff;}
:-moz-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc;}
::-webkit-input-placeholder {color: #ccc;}
::-ms-input-placeholder {color: #ccc;}

/*
╒═════════════════╕
│    STRUCTURE    │
╘═════════════════╛
*/
#flavor-explorer * {box-sizing:border-box;-webkit-box-sizing:border-box;}
#flavor-explorer {font-family:'Gotham A','Gotham B', sans serif;font-size: 15px;color: #333333;}

#flavor-explorer a {color:#ff0000;text-decoration:none;}
#flavor-explorer a:hover {color:#000;text-decoration:none;}
#flavor-explorer audio {min-width:100px;width:calc(100% - 45px);}
#flavor-explorer button, #flavor-explorer .button {-webkit-appearance:none;border:0;padding:.5em 2em;margin:0 0 .5em 0;border-radius:1em;width:100%;background:#A90B24;color:#fff !important;font-size:1em;display:block;text-align:center;transition:.35s ease-in;}
#flavor-explorer button:hover, #flavor-explorer .button:hover {background:#000;color:#fff !important;cursor:pointer;transition:1s ease-out;}
#flavor-explorer button:active, #flavor-explorer .button:active {background:#000;position:relative;top:3px;}
#flavor-explorer button.actions {float:none;clear:none;display:inline-block;width:auto;}
#flavor-explorer footer {box-sizing:border-box;z-index:99;display:block;position:fixed;bottom:0;width:100%;padding: 10px;font-size:.75em;background:#000;color:#fff;margin:0;text-align:right;}
#flavor-explorer footer a {color:#888;}
#flavor-explorer footer a:hover {color:#ff0000;}
#flavor-explorer footer span.left {text-align:left;display:block;float:left;line-height:2.5em;}
#flavor-explorer footer span.right {text-align:right;display:block;float:right;}
#flavor-explorer form label {display:block;text-align:left;font-weight:bold;}
#flavor-explorer form input, #flavor-explorer form textarea {display:block;width:100%;padding:10px;border-radius:5px;border-width:1px;}

body.page-template-page-flavor-explorer,
body.flavor-explorer-template {
	overflow-x: visible !important;
}

/* 
 * REMOVED: Desktop header styling - Let main theme handle this
 * The main style.css has proper header styling that works for all pages
 * including the flavor explorer. Overriding it here caused conflicts.
 * 
 * If you need explorer-specific header tweaks, add them carefully with
 * lower specificity or use more specific selectors.
 */

/* Ensure mobile menu toggle is always visible when in mobile menu mode - regardless of scroll state */
body.page-template-page-flavor-explorer.force-mobile-menu header #menu-toggle,
body.flavor-explorer-template.force-mobile-menu header #menu-toggle,
body.page-template-page-flavor-explorer header.active #menu-toggle,
body.flavor-explorer-template header.active #menu-toggle {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* On mobile, ensure header and hamburger are always visible regardless of scroll */
@media (max-width: 1024px) {
	/* Force header to stay fixed at top with proper styling */
	body.page-template-page-flavor-explorer header,
	body.flavor-explorer-template header {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		background-color: transparent !important;
		z-index: 10000 !important;
		transform: none !important;
		transition: background-color 0.3s ease !important;
	}
	
	/* When scrolled, apply white background */
	body.page-template-page-flavor-explorer header.active,
	body.flavor-explorer-template header.active {
		background-color: #fff !important;
		box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
	}
	
	/* Force the row inside header to use flexbox and show hamburger */
	body.page-template-page-flavor-explorer header .row,
	body.flavor-explorer-template header .row {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
	}
	
	/* Always show hamburger menu toggle on mobile - override ALL states and transitions */
	body.page-template-page-flavor-explorer header #menu-toggle,
	body.page-template-page-flavor-explorer.active header #menu-toggle,
	body.page-template-page-flavor-explorer header.active #menu-toggle,
	body.page-template-page-flavor-explorer:not(.active) header #menu-toggle,
	body.page-template-page-flavor-explorer header:not(.active) #menu-toggle,
	body.flavor-explorer-template header #menu-toggle,
	body.flavor-explorer-template.active header #menu-toggle,
	body.flavor-explorer-template header.active #menu-toggle,
	body.flavor-explorer-template:not(.active) header #menu-toggle,
	body.flavor-explorer-template header:not(.active) #menu-toggle {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		margin-right: 20px !important;
		margin-left: auto !important;
		cursor: pointer !important;
		z-index: 10001 !important;
		transform: none !important;
		transition: none !important;
		pointer-events: auto !important;
	}
	
	/* SIMPLE APPROACH: Hide ALL navigation content on mobile by default - period. */
	/* This applies to ALL mobile screens regardless of JavaScript state */
	body.page-template-page-flavor-explorer header nav#menu,
	body.flavor-explorer-template header nav#menu {
		position: fixed !important;
		top: 120px !important;
		left: -100% !important;
		right: 100% !important;
		width: 100% !important;
		height: calc(100vh - 120px) !important;
		background: #fff !important;
		overflow-y: auto !important;
		box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
		z-index: 9999 !important;
		opacity: 0 !important;
		pointer-events: none !important;
		transition: left 0.3s ease, opacity 0.3s ease !important;
	}
	
	/* ALL direct children and descendants of nav should be hidden by default */
	body.page-template-page-flavor-explorer header nav#menu > *,
	body.page-template-page-flavor-explorer header nav#menu ul,
	body.page-template-page-flavor-explorer header nav#menu #mini-menu,
	body.page-template-page-flavor-explorer header nav#menu li,
	body.page-template-page-flavor-explorer header nav#menu a,
	body.page-template-page-flavor-explorer header nav#menu span,
	body.flavor-explorer-template header nav#menu > *,
	body.flavor-explorer-template header nav#menu ul,
	body.flavor-explorer-template header nav#menu #mini-menu,
	body.flavor-explorer-template header nav#menu li,
	body.flavor-explorer-template header nav#menu a,
	body.flavor-explorer-template header nav#menu span {
		display: none !important;
	}
	
	/* ONLY when active class is present, show the menu */
	body.page-template-page-flavor-explorer header nav#menu.active,
	body.flavor-explorer-template header nav#menu.active {
		left: 0 !important;
		right: 0 !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		padding: 2rem 0 !important;
	}
	
	/* Show all content when menu is active */
	body.page-template-page-flavor-explorer header nav#menu.active > *,
	body.flavor-explorer-template header nav#menu.active > * {
		display: block !important;
	}
	
	body.page-template-page-flavor-explorer header nav#menu.active > ul,
	body.flavor-explorer-template header nav#menu.active > ul {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	body.page-template-page-flavor-explorer header nav#menu.active > ul > li,
	body.flavor-explorer-template header nav#menu.active > ul > li {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		border-bottom: 1px solid #f0f0f0 !important;
	}
	
	body.page-template-page-flavor-explorer header nav#menu.active > ul > li a,
	body.flavor-explorer-template header nav#menu.active > ul > li a {
		padding: 1.5rem !important;
		font-size: 1.2rem !important;
		display: block !important;
		color: var(--color-grey-dark) !important;
	}
	
	body.page-template-page-flavor-explorer header nav#menu.active #mini-menu,
	body.flavor-explorer-template header nav#menu.active #mini-menu {
		display: block !important;
		position: relative !important;
		right: auto !important;
		top: auto !important;
		margin-top: 1rem !important;
		width: 100% !important;
	}
	
	body.page-template-page-flavor-explorer header nav#menu.active #mini-menu ul,
	body.flavor-explorer-template header nav#menu.active #mini-menu ul {
		text-align: center !important;
		padding: 0 !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 0.5rem !important;
		margin: 0 !important;
		flex-wrap: wrap !important;
	}
	
	body.page-template-page-flavor-explorer header nav#menu.active #mini-menu ul li,
	body.flavor-explorer-template header nav#menu.active #mini-menu ul li {
		display: inline-block !important;
		width: auto !important;
		border-bottom: none !important;
		margin: 0 !important;
	}

	/* Ensure mini-menu links and submenu toggles are visible when the menu is open */
	body.page-template-page-flavor-explorer header nav#menu.active #mini-menu a,
	body.flavor-explorer-template header nav#menu.active #mini-menu a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	body.page-template-page-flavor-explorer header nav#menu.active .mobile-menu-toggle,
	body.flavor-explorer-template header nav#menu.active .mobile-menu-toggle {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	/* Allow submenus to display when JS toggles the parent open */
	body.page-template-page-flavor-explorer header nav#menu.active li.menu-open > ul,
	body.flavor-explorer-template header nav#menu.active li.menu-open > ul {
		display: block !important;
	}

	body.page-template-page-flavor-explorer header nav#menu.active li.menu-open > ul li,
	body.flavor-explorer-template header nav#menu.active li.menu-open > ul li {
		display: block !important;
	}

	body.page-template-page-flavor-explorer header nav#menu.active li.menu-open > ul li a,
	body.flavor-explorer-template header nav#menu.active li.menu-open > ul li a {
		display: block !important;
	}
}

#flavor-explorer nav {display:block;position:sticky;top:82px;background:#676767;clear:both;z-index:99}
#flavor-explorer nav ul {display:block;margin:0px auto;padding:0;list-style:none;max-width:1400px;text-align:center;}
#flavor-explorer nav ul li {display:inline-block;margin:0;padding:0;list-style:none}
#flavor-explorer nav ul li a {display:block;margin:0;padding:10px;color:#fff;}
#flavor-explorer nav ul li a:hover {color:#fff;}
#flavor-explorer h1, #flavor-explorer h2, #flavor-explorer h3, #flavor-explorer h4 {padding:10px;color:#333;margin:0;}

#flavor-explorer header {padding:0;margin:0;z-index:99;position:sticky;top:0;background:#C3002F;transition:0s ease;}
#flavor-explorer header div {max-width:1400px;margin:0px auto;text-align:left;padding:0 10px;display:block;clear:both;}
#flavor-explorer header div::after {content:"";display:block;clear:both;}
#flavor-explorer header div button {background:#000;float:right;font-size:15px;width:auto;display:inline-block;position:relative;margin:1.5em 0 1.5em .5em;transition:.3s ease;-webkit-transition:.3s ease;}
#flavor-explorer header div button:hover {background:#676767;transition:.3s ease;-webkit-transition:.3s ease;}
#flavor-explorer header div h1 {display:inline-block;font-size:2em;color:#fff;line-height:80px;padding:0;margin:0;font-family:'Gotham A','Gotham B',sans serif;font-weight:normal;}
#flavor-explorer header div h1 span {font-family:Emmeline Regular;font-size:1.5em;position:relative;top:3px;}

#flavor-explorer main {max-width:1280px;margin:10px auto;padding:0 10px;display:block;opacity:1;display:grid;grid-template-columns:20% 80%;overflow:initial !important;}
#flavor-explorer p {padding:10px;line-height:1.5em;}
#flavor-explorer section {padding:0}

#flavor-explorer table {width:100%;border-collapse:collapse;border:1px solid #ccc;font-size:10px;text-wrap:no-wrap}
#flavor-explorer table tr {width: 100%;border:1px solid #ccc;}
#flavor-explorer table tr td {padding:1em;border:1px solid #ccc;}


#flavor-explorer form#parse {display:flex;flex-flow:wrap row;}
#flavor-explorer #resultsss P {margin:0}
#flavor-explorer #results-count {margin-bottom:0;text-align:center;display:block;width:100%;font-family:'Gotham A','Gotham B', sans serif;font-size:2em;font-weight:bold;}
#flavor-explorer #results-count span {font-size:2em;display:block;}
#flavor-explorer #results-frame {overflow-x:hidden;position:relative;padding:0px;display:none;position:fixed;top:90px;width:100%;max-width:100%;transform:translateX(-50%);left:50%;height:calc(100vh - 90px);z-index:998;background:#fff;border-radius:0px;box-shadow:0px 0px 20px rgb(0 0 0 / 5%);}
/*#flavor-explorer #results-frame #frame {position:absolute;top:3em;padding:10px;width:100%;height:calc(100% - 3em);overflow-y:scroll;}*/
#flavor-explorer #results-frame.active {display:block;}

body.active {overflow-y:hidden;}
body.active #flavor-explorer main,
body.active #flavor-explorer nav {opacity:0 !important}

.clearfix:after {clear:both;display:block;content: "";}


#flavor-explorer .accordion {width:100%;display:block;}
#flavor-explorer .accordion .accordion-round {position:relative;display:block;margin:10px;padding:20px;background:#fff;border-radius:20px;box-shadow:0px 0px 20px rgba(0,0,0,0.05);overflow:hidden;}
#flavor-explorer .accordion .accordion-round P {text-align:center;display:block;width:100%;}
#flavor-explorer .accordion h3.accordion-label {position:relative;font-weight:normal;width: 100%;padding:0em;text-align: center;font-family: 'Emmeline Regular';font-size: 3em;color:#A90B24;}
#flavor-explorer .accordion h3.accordion-label span.accordion-info-open {position:absolute;right:0;padding:.2em;font-size: .6em;color:#A90B24;top: 50%;transform: translateY(-50%);cursor:pointer;z-index:4;}
#flavor-explorer .accordion h3.accordion-label span.accordion-info-open:hover {opacity:0.7;}
#flavor-explorer .accordion .accordion-info {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:flex;align-items:center;justify-content:center;background:#A90B24;z-index:3;transform:translateY(-100%);transition:.5s ease;}
#flavor-explorer .accordion .accordion-info p {max-width:600px;padding:2em;color:#fff;}
#flavor-explorer .accordion .accordion-info.active {opacity:1;transform:translateY(0);transition:.5s ease;}
#flavor-explorer .accordion h3.accordion-label span.accordion-info-open.active {color:#fff;transition:.5s ease;}



#flavor-explorer input[type="radio"] {display:none;font-size:1em;position:relative;}
#flavor-explorer input[type="radio"] + label:before {display:none !important;position:absolute !important;content:"";top:50%;transform:translateY(-50%);width:1em !important;height:1em !important;background:#DDDDDD;border-radius:100%;}
#flavor-explorer input[type="radio"] + label:hover:before {background:#bbb}
#flavor-explorer input[type="radio"] + label {font-family:'Gotham A','Gotham B';float:none !important;width: 100%;display: block !important;height:auto;position:relative;vertical-align:middle;cursor:pointer;padding:10px;margin:3px;}
#flavor-explorer input[type="radio"] + label span {transition:.5s ease;width:auto !important;border:0px solid #54565B;font-weight:bold;border-radius:3em;color:#54565B;height:auto;display:block;vertical-align:middle;cursor:pointer;text-align:center;padding:1em 2em;font-size:.8em;margin:0;background:none;}
#flavor-explorer input[type="radio"] + label span i {}
#flavor-explorer input[type="radio"] + label span img {background:#fff;transition:.5s ease;width:100%;border: 0px solid #A90B24;border-radius: 100%;padding:20px !important;max-width:120px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
#flavor-explorer input[type="radio"] + label span .img-wrap {transform:scale(1);transition:.5s ease;}
#flavor-explorer input[type="radio"] + label span .img-wrap::after {content: "";width: calc(100% + 12px);height: calc(100% + 12px);display: block;background-image: url(assets/OUTLINE.svg);position: absolute;top: -5px;left: 50%;transform:translateX(-50%);z-index: 100;background-repeat: no-repeat;background-size: auto 100%;background-position:center center;}
#flavor-explorer input[type="radio"] + label:hover span .img-wrap {position:relative;transform:scale(1.05);transition:.5s ease;}
#flavor-explorer input[type="radio"]:checked + label span {color:#fff;background:#A90B24;border-color:#A90B24;transition:.5s ease;}
#flavor-explorer input[type="radio"]:checked + label span .img-wrap {transform:scale(1.05);}



#flavor-explorer .options-formigins {display:flex;flex-flow:wrap row;margin:0;padding:10px;flex-grow:1;width:auto;}
#flavor-explorer .options-formigins li {display:flex;width:16.6666%;}
#flavor-explorer .options-formigins.formigins-four li {width:25%;}
#flavor-explorer .options-formigins input[type="radio"] + label {cursor:pointer;text-align:center;margin:3px;min-width:100px;}
#flavor-explorer .options-formigins input[type="radio"] + label span {border:0px solid #A90B24 !important;padding:1em;display:block;align-content:center;justify-content:center;color:#000;text-align:center;border-radius:3em;}
#flavor-explorer .options-formigins input[type="radio"] + label span img {margin:0px auto;width:100%;max-width:120px;display:block;}
#flavor-explorer .options-formigins input[type="radio"]:checked + label span {border:0px solid #A90B24 !important;color:#fff;}

#flavor-explorer .options-certifications {border:1px solid #ccc;text-align:center;border-radius:20px;display:flex;align-content:stretch;justify-content:center;flex-flow:wrap row;width:calc(33.33333% - 20px);margin:10px;background:#fff;}
#flavor-explorer .options-certifications h3 {font-size:12px;width:100%;color:#54565B;padding:.5em;text-align:center;font-weight:bold;text-transform:uppercase;display:block;}
#flavor-explorer .options-certifications input[type="radio"] + label {padding:0px;width: auto;display: inline-block !important;}
#flavor-explorer .options-certifications input[type="radio"] + label span {border:1px solid #A90B24;padding:5px 10px;}

#flavor-explorer .profile-term {display:block;width:100%;line-height:1.5em;}

#flavor-explorer input[type="checkbox"] {display:none;font-size:1em;position:relative;}
#flavor-explorer input[type="checkbox"] + label:before {position:absolute !important;content:"";left:0;top:50%;transform:translateY(-50%);width:1em !important;height:1em !important;background:#fff;border:2px solid #000;border-radius:100%;}
#flavor-explorer input[type="checkbox"] + label:hover:before {border-color:#A90B24;}
#flavor-explorer input[type="checkbox"] + label {font-family:'Gotham A','Gotham B';width:100%;height:auto;display:block;position:relative;cursor:pointer;padding:0 0 0 1em;min-height:1.5em;}
#flavor-explorer input[type="checkbox"] + label span {width:100% !important;border:0px solid #54565B;font-weight:bold;border-radius:1em;color:#54565B;height:auto;display:block !important;vertical-align:middle;cursor:pointer;text-align:left;padding:.25em 1em;font-size:.8em;margin:0;background:none;}
#flavor-explorer input[type="checkbox"]:checked + label span {color:#000;background:none;border-color:#A90B24;}
#flavor-explorer input[type="checkbox"]:checked + label::before {background:#A90B24;border-color:#A90B24;}


/* FLAVORS GRID + ACCORDIONS */
#flavor-explorer ul#flavors {padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);}
#flavor-explorer ul#flavors li {position:relative;display:grid;grid-template-columns:50% 50%;margin:30px;border:0px solid #ccc;border-radius:30px;background:#fff;box-shadow:0px 0px 10px #ccc;padding-top:calc(25px + .25em);font-size:12px;line-height:1.55;align-content:start;}
#flavor-explorer ul#flavors li h2 {text-align:center;border-bottom:1px solid #ddd;margin-bottom:0px;font-family:'Gotham A','Gotham B';font-size:13px;line-height:1.35;min-height:56px;display:flex;align-items:center;justify-content:center;padding:10px 16px;}
#flavor-explorer ul#flavors li h3 {}
#flavor-explorer ul#flavors li h4 {margin:0;padding:10px 32px 2px 10px;font-weight:700;font-family:'Gotham A','Gotham B';font-size:11px;line-height:1.35;text-transform:uppercase;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;}
#flavor-explorer ul#flavors li div {display:grid;}
#flavor-explorer ul#flavors li div.flavor-details {display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:2px;border-bottom:1px solid #ccc;}
#flavor-explorer ul#flavors li div.flavor-details.flavor-details-2column {min-height:90px;justify-content:flex-start;}
#flavor-explorer ul#flavors li div.flavor-details.flavor-details-1column {grid-column:span 2;min-height:84px;justify-content:flex-start;}
#flavor-explorer ul#flavors li div p {margin:0;padding:2px 10px 12px 10px;text-transform:capitalize;font-size:12px;line-height:1.6;text-align:left;}
#flavor-explorer ul#flavors li button {margin:0;padding:1em;text-align:center;background:#fff;color:#666 !important;font-style:normal;border-radius:0 0 30px 30px;border-top:1px solid #ccc;font-size:11px;font-weight:bold;width:100%;display:block;transition:.5s ease;}
#flavor-explorer ul#flavors li button:hover {background:#C3002F;color:#fff !important;transition:.5s ease;}
#flavor-explorer ul#flavors li .flavor-formigins {position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:100%;height:50px;text-align:center;}
#flavor-explorer ul#flavors li .flavor-formigins span {display:inline-block;position:relative;width:50px;height:50px;line-height:50px;text-align:center;border-radius:100%;color:#fff;}
#flavor-explorer ul#flavors li h4 div.accordion-open {cursor:pointer;display:flex;align-items:center;justify-content:flex-end;position:absolute;right:0;line-height:100%;height:100%;padding-right:1em;font-size:1em;width:100%;top:0;background:rgba(0,0,0,0);color:#000;}
#flavor-explorer ul#flavors li h4 div.accordion-open:hover {background:rgba(0,0,0,0.05);}
#flavor-explorer ul#flavors li h4 div.accordion-open.active {line-height:calc(2em - 10px);}
#flavor-explorer ul#flavors li h4 div.accordion-open i.fa {line-height:100% !Important;right:0;display:inline-block;width:1em;transform-origin:50% 50%;transform:rotate(0deg);transition:.1s ease;}
#flavor-explorer ul#flavors li h4 div.accordion-open i.fa.active {transform:rotate(45deg);transition:.1s ease;}
#flavor-explorer ul#flavors li div.accordion {display:none;width:100%;padding-top:10px;}
#flavor-explorer ul#flavors li div.accordion.active {display:block;}
#flavor-explorer ul#flavors li div.flavor-details {display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-bottom:1px solid #ccc;}
#flavor-explorer ul#flavors li div.flavor-details.flavor-details-1column {grid-column:span 2;min-height:84px;justify-content:flex-start;}
#flavor-explorer ul#flavors li div.flavor-details.flavor-details-2column {grid-column:span 1;min-height:90px;justify-content:center;}
#flavor-explorer ul#flavors li div.flavor-details .accordion ul {margin:0;padding:0 10px 10px 10px;}
#flavor-explorer ul#flavors li div.flavor-details .accordion ul li.profileterms-chart {position:relative;border-radius:0;background:none;width:100%;display:block;box-shadow:none !important;padding:3px;margin:0 0 2px 0;}
#flavor-explorer ul#flavors li div.flavor-details .accordion ul li.profileterms-chart span {text-transform:capitalize;position:relative;z-index:1;}
#flavor-explorer ul#flavors li div.flavor-details .accordion ul li.profileterms-chart span.profileterms-chart-bar {background:#eee;position:absolute;top:0;left:0;height:100%;z-index:0;}

#flavor-explorer table.flavor-attributes {margin:0 10px 10px 10px;width:calc(100% - 20px);}
#flavor-explorer table.flavor-attributes td, 
#flavor-explorer table.flavor-attributes th {padding:.5em;}
#flavor-explorer table#flavor-attributes-results {padding:0;margin:0;width:100%;}

#flavor-explorer .profile-term-delete, 
#flavor-explorer .attribute-term-delete {cursor:pointer;padding:3px 5px;border-radius:1em;color:#fff;display:inline-block;margin:0 3px 3px 0;background:#C3002F;}


/* PROFILE TERMS : Option Tabs & Panels */
#flavor-explorer ul#option-tabs {padding:0;list-style:none;text-align:center;border-radius:20px;overflow:hidden;width:calc(100% - 20px);display:flex;flex-flow:wrap row;margin:10px;background:#666;}
#flavor-explorer ul#option-tabs li {font-family:'Gotham A','Gotham B',sans serif;cursor:pointer;display:flex;width:auto;flex:1;justify-content:center;color:#fff;padding:1em .5em;text-align:center;font-size:12px;font-weight:bold;}
#flavor-explorer ul#option-tabs li:first-child {background:#A90B24;}
#flavor-explorer #option-panels {}
#flavor-explorer #option-panels .option-panel:first-child {display:block;}
#flavor-explorer .option-panel {display:none;background:#fff;border-radius:20px;margin:10px 0;padding:5px 10px}
#flavor-explorer .option-panel ul.profile-group {padding:0;list-style:none;-webkit-column-count:5;-moz-column-count:5;column-count:5;}
#flavor-explorer .option-panel ul.profile-group li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
#flavor-explorer .option-panel ul.profile-group li label {display:inline-block;font-weight:normal;margin:3px;text-transform:capitalize !important;}


#flavor-explorer button#results-layout {border-radius:0px;display:block;cursor:pointer;position:absolute;left:0;top:0;height:3em;line-height:3em;width:auto;padding:0 1em;text-align:center;background:#000;color:#fff;}
#flavor-explorer button#results-print {border-radius:0px;display:block;cursor:pointer;position:absolute;left:100px;top:0;height:3em;line-height:3em;width:auto;padding:0 1em;text-align:center;background:none;color:#fff;}
#flavor-explorer button#results-close  {border-radius:0px;display:block;cursor:pointer;position:absolute;right:0;top:0;height:3em;line-height:3em;width:auto;padding:0 1em;text-align:center;background:#000;color:#fff;}

/* CONACT FORM PROMPT */
#flavor-explorer #contact-forms {display:none;}
#flavor-explorer #contact-forms button#results-close {display:block;cursor:pointer;position:absolute;right:0;top:0;height:3em;line-height:3em;width:auto;padding:0 .5em;text-align:center;background:#000;color:#fff;}
#flavor-explorer #contact-forms.active {display:block;}
#flavor-explorer #contact-forms iframe#flavor-finder-form {width:100%;height:1200px;margin:0px auto;display:block;border:0px;}
#flavor-explorer #contact-forms .contact-message {display:none;}
#flavor-explorer #contact-forms .contact-message.active {display:block;}
#flavor-explorer #contact-forms .contact-message h1 {font-size:4em;font-family:'Emmeline Regular';font-weight:normal;max-width:1000px;margin:1em auto 0 auto;display:block;width:auto;text-align:center;padding-top:0em}
#flavor-explorer #contact-forms .contact-message p {text-align:center;max-width:1000px;margin:0px auto;}
	


/* FLAVORS GRID : List View Layout */
#flavor-explorer ul#flavors.list {display:grid;grid-template-columns:repeat(1,1fr);font-size:10px !important;}
#flavor-explorer ul#flavors.list li {display:grid;grid-template-columns:1fr 1fr 1fr .7fr .7fr 1fr 1.4fr 1.3fr 1fr;box-shadow:none;border-radius:0;margin:0;width:100%;padding:0;font-size:10px !important;border:1px solid #ccc;}
#flavor-explorer ul#flavors.list li .flavor-formigins {display:none}
#flavor-explorer ul#flavors.list li div {font-size:10px !important;border-right:1px solid #ccc;border-bottom:0px solid #ccc;}
#flavor-explorer ul#flavors.list li div.flavor-details.flavor-details-1column, ul#flavors li div.flavor-details.flavor-details-2column {grid-column:span 1 !important;}
#flavor-explorer ul#flavors.list li h2 {font-size:10px !Important;padding:5px !important;display:flex;height:100%;align-items:center;justify-content:flex-start;border:0px solid #ccc;}
#flavor-explorer ul#flavors.list li h4 {font-size:10px !Important;padding:5px !important;}
#flavor-explorer ul#flavors.list li p {font-size:10px !Important;padding:0 5px 5px 5px !important;}
#flavor-explorer ul#flavors.list li button {display:block;border-radius:0;margin:0;border:0px solid #ccc;font-size:10px;}
#flavor-explorer ul#flavors.list li h4 div.accordion-open {display:none;position:relative;right:auto;line-height:1em;height:auto;padding:5px !important;width:100%;border:0px solid #ccc;}
#flavor-explorer ul#flavors.list li div.accordion {display:block;width:100%;padding:0px !Important;border:0px solid #ccc;}
#flavor-explorer ul#flavors.list li div.flavor-details.flavor-attributesandcertifications .accordion-open {display:flex;}
#flavor-explorer ul#flavors.list li div.flavor-details.flavor-attributesandcertifications .accordion {display:none;}
#flavor-explorer ul#flavors.list li div.flavor-details.flavor-attributesandcertifications .accordion.active {display:block;}
#flavor-explorer ul#flavors.list li div.flavor-details .accordion ul {margin:0;padding:0 5px 5px 5px;display:block;width:auto;}
#flavor-explorer ul#flavors.list li div.flavor-details .accordion ul li.profileterms-chart {border:0px solid #ccc;width:auto;display:inline;padding:0;margin:0;}
#flavor-explorer ul#flavors.list li div.flavor-details .accordion ul li.profileterms-chart::after {content:", ";display:inline;padding:0;margin:0;}
#flavor-explorer ul#flavors.list li div.flavor-details .accordion ul li.profileterms-chart:last-child::after {content:" ";}
#flavor-explorer ul#flavors.list li div.flavor-details .accordion ul li.profileterms-chart span {text-transform:capitalize;position:relative;z-index:1;}
#flavor-explorer ul#flavors.list li div.flavor-details .accordion ul li.profileterms-chart span.profileterms-chart-bar {display:none;}


#flavor-explorer #print-header {border-bottom:2px solid #ccc;display:none;align-items:center;position:relative;top:0;left:0;width:100%;height:auto;margin:0px auto .25in auto;}
#flavor-explorer #print-header img {display:block;position:absolute;top:0;left:0;width:auto;height:60px;padding:10px;}
#flavor-explorer #print-header div {display:flex;align-items:center;justify-content:flex-end;width:100%;padding:.15in;flex-flow:wrap row;}
#flavor-explorer #print-header div h3 {text-align:right;padding-right:0;}
#flavor-explorer #print-header span {display:block;text-align:right;width:100%;}


#flavor-explorer #section-sidebar {min-height:50vh;position:relative;padding:0;}
#flavor-explorer #section-sidebar .accordion {position:sticky;top:100px;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width : 1920px) {

#flavor-explorer ul#flavors {grid-template-columns:repeat(5,1fr);}

}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width : 1440px) {

#flavor-explorer ul#flavors {grid-template-columns:repeat(4,1fr);}

}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width : 1280px) {

#flavor-explorer .options-formigins li {display:flex;width:25%;}
#flavor-explorer ul#flavors {grid-template-columns:repeat(3,1fr);}
#flavor-explorer footer {position:relative;height:auto;}
#flavor-explorer footer span.right, #flavor-explorer footer span.left {clear:both;text-align:center;padding:10px;margin:0px auto;width:auto;display:block;float:none;}
#flavor-explorer main {margin:10px;display:grid;grid-template-columns:100%;}
#flavor-explorer ul#flavors {grid-template-columns:repeat(3,1fr);}
#flavor-explorer ul#flavors li {margin:30px 10px 30px 10px;grid-template-columns: 100%;}
#flavor-explorer ul#flavors li div.flavor-details.flavor-details-1column, ul#flavors li div.flavor-details.flavor-details-2column {grid-column:span 1 !important;}
#flavor-explorer ul#flavors.list li {grid-template-columns:repeat(4,1fr);border-bottom:3px solid #ccc;margin-bottom:5px;border-radius:10px;overflow:hidden;}
#flavor-explorer ul#flavors.list li div.flavor-details.flavor-description {grid-column:span 4 !important;background:#C3002F;color:#fff;}

#flavor-explorer #results-frame {top:90px;height:calc(100vh - 90px);}
#flavor-explorer #section-sidebar {min-height:0;}
#flavor-explorer #section-sidebar .accordion {position:sticky;top:0px;display:flex;}
#flavor-explorer #section-sidebar .accordion .accordion-round {float:left;width:calc((100% / 3) - 20px);}
#flavor-explorer #section-sidebar .accordion .accordion-round.last-accordion {display:none;}


#flavor-explorer .option-panel ul.profile-group {column-count:4;}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width : 880px) {

#flavor-explorer .options-formigins li {display:flex;width:33%;}
#flavor-explorer .options-formigins.formigins-four li {display:flex;width:50%;}
#flavor-explorer ul#flavors {grid-template-columns:repeat(2,1fr);}

#flavor-explorer #section-sidebar .accordion {float:none;width:auto;display:block;}
#flavor-explorer #section-sidebar .accordion .accordion-round {float:none;width:auto;}
#flavor-explorer input[type="radio"] + label span img {padding:5px;}
#flavor-explorer .option-panel ul.profile-group {column-count:3;}
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width : 500px) {

#flavor-explorer .options-formigins li {display:flex;width:50%;}
#flavor-explorer ul#flavors {grid-template-columns:repeat(1,1fr);}
#flavor-explorer #section-sidebar {min-height:none;}



}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media print {
	#flavor-explorer * {font-size:6pt !important;}
	body {}
	#flavor-explorer header, #flavor-explorer footer, #flavor-explorer .noprint, #flavor-explorer main, #flavor-explorer nav {display:none !important;}
	#flavor-explorer #results-frame {overflow-y:auto;overflow-x:hidden;padding:10px;display:block;position:relative;top:0;width:100%;max-width:100%;transform:translateX(0%);left:0%;height:auto;z-index:9999;background:#fff;border-radius:0px;box-shadow:none;}
	#flavor-explorer #print-header {display:flex;}
	#flavor-explorer ul#flavors {display:grid;grid-template-columns:repeat(1,1fr);}
	#flavor-explorer ul#flavors li {display:grid;grid-template-columns:1fr 1fr 1fr .8fr .6fr 1fr 2.6fr;box-shadow:none;border-radius:0;margin:0;width:100%;padding:0;border:1px solid #ccc;page-break-inside:avoid;}
	#flavor-explorer ul#flavors li .flavor-formigins {display:none}
	#flavor-explorer ul#flavors li div {display:table;page-break-inside:avoid;break-inside:avoid;border-right:1px solid #ccc;}
	#flavor-explorer ul#flavors li div.flavor-details.flavor-details-1column, ul#flavors li div.flavor-details.flavor-details-2column {grid-column:span 1 !important;}
	#flavor-explorer ul#flavors li h2 {padding:3px !important;text-align:left;height:100%;display:flex;align-items:center;justify-content:flex-start;}
	#flavor-explorer ul#flavors li h4 {padding:3px !important;}
	#flavor-explorer ul#flavors li p {padding:0 3px 3px 3px !important;}
	#flavor-explorer ul#flavors li button {display:none}
	#flavor-explorer ul#flavors li h4 div.accordion-open {display:none;position:relative;right:auto;line-height:1em;height:auto;padding:3px !important;width:100%;border:0px solid #ccc;}
	#flavor-explorer ul#flavors li div.accordion {display:block;width:100%;padding:0px !Important;border:0px solid #ccc;}
	#flavor-explorer ul#flavors li div.flavor-details.flavor-attributesandcertifications,
	#flavor-explorer ul#flavors li div.flavor-details.flavor-attributesandcertifications .accordion {display:none;}
	#flavor-explorer ul#flavors li div.flavor-details .accordion ul {margin:0;padding:0 5px 5px 5px;display:block;width:auto;}
	#flavor-explorer ul#flavors li div.flavor-details .accordion ul li.profileterms-chart {border:0px solid #ccc;width:auto;display:inline;padding:0;margin:0;}
	#flavor-explorer ul#flavors li div.flavor-details .accordion ul li.profileterms-chart::after {content:", ";display:inline;padding:0;margin:0;}
	#flavor-explorer ul#flavors li div.flavor-details .accordion ul li.profileterms-chart:last-child::after {content:" ";}
	#flavor-explorer ul#flavors li div.flavor-details .accordion ul li.profileterms-chart span {text-transform:capitalize;position:relative;z-index:1;}
	#flavor-explorer ul#flavors li div.flavor-details .accordion ul li.profileterms-chart span.profileterms-chart-bar {display:none;}


}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 
=========================================
   FIXES FOR FLAVOR EXPLORER HEADER/RESULTS 
=========================================
*/

/* Results Frame Positioning */
body.flavor-explorer-template #flavor-explorer #results-frame {
    top: 90px !important;
    height: calc(100vh - 90px) !important;
}

/* With Admin Bar (Desktop) - Matches Header Top + Height */
body.admin-bar.page-template-page-flavor-explorer #flavor-explorer #results-frame,
body.admin-bar.flavor-explorer-template #flavor-explorer #results-frame {
    top: 122px !important; /* 32px + 90px */
    height: calc(100vh - 122px) !important;
}

/* With Admin Bar (Mobile) - Matches Header Top + Height */
@media screen and (max-width: 782px) {
    body.admin-bar.page-template-page-flavor-explorer #flavor-explorer #results-frame,
    body.admin-bar.flavor-explorer-template #flavor-explorer #results-frame {
        top: 136px !important; /* 46px + 90px */
        height: calc(100vh - 136px) !important;
    }
}