/*-----global-----*/
a {
    color: #1e2640;
}
@font-face {
  font-family: 'Icons';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(../fonts/ci.woff2) format('woff2'), url(../fonts/ci.ttf) format('truetype'), url(../fonts/ci.woff) format('woff'), url(../fonts/ci.svg) format('svg');
}
/*-----main template layourt-----*/

#header .region, #top-bar .region, #menu .region, #featured .region, #messages .region, #main-wrapper, #middle .region, #bottom .region, #footer .region, .region-bottom {
	margin: 0 auto;
    position: relative;
    height: 100%;
}

header .google-auto-placed {
	max-height: 200px;
}
.icon {
    font-family: 'Icons';
}
/*.layout {
    content-visibility: auto;
}*/
#top-bar {
  height: 34px;
  line-height: 34px;
  font-size: 20px;
}
#block-name p, #block-ci-name p {
	margin: 0;
	font-size: 14px;
	color: #fff;
}
#block-name, #block-ci-name {
    float: left;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
}
.site-logo img {
	height: 148px;
	width: 214px;
	/* margin-top: 26px; */
	display: block;
	padding: 10px 0;
}
#block-ci-branding {
    display: flex;
    align-items: center;
}
.site-slogan {
	font-size: 30px;
	color: #BE05FF;
	margin-left: 46px;
}
#top-bar {
	background-color: #BE05FF;
}
.region-top-bar .menu {
    float: right;
}
#header {
	background-color: #faf6fb;
}
.region-header {
    z-index: 1;
}
.toggler, .search-block-form .button {
    font-family: Icons;
    color: #fff;
}
.search-block-form {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.search-block-form .button {
	background-color: #BE05FF;
	border: 0;
	border-radius: 0 3px 3px 0;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 0;
	right: 0;
    text-align: center;
    padding: 0;
}
input[id^="edit-keys"] {
    border: 1px solid #BE05FF;
    border-radius: 3px;
    height: 30px;
    padding: 0;
    box-sizing: border-box;
    padding-left: 3px;
    line-height: 30px;
    width: 352px;
    box-shadow: 0 0 10px -6px #BE05FF;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    background-color: unset;
    color: unset;
    border: 0 !important;
}
.ui-state-active .ui-autocomplete-field-title {
	background-color: #376CF8;
    color: #fff;
}
.ui-autocomplete-field-title {
	margin: 5px 56px 5px 5px;
}
.ui-autocomplete-field-title {
	font-weight: bold;
}
.ui-autocomplete-field-field_active_ingredient {
	font-size: small;
	padding-left: 10px;
	color: #111111;
}
#menu {
	background-color: #376CF8;
	font-weight: bold;
}
#menu .region {
	overflow-y: hidden;
}
.menu a{
    text-decoration: none;
    color: #fff;
}
#block-ci-main-menu ul.menu a.is-active{
    color: #ddd;
}
.menu {
	padding: 0;
	display: block;
	margin: 0;
}
.menu li {
	list-style: none;
	display: inline-block;
    padding-top: 0;
}
[id^=search-block-form] .ui-autocomplete{
    left: unset !important;
    right: 0;
}
.ui-autocomplete-field-field_image {
	float: right;
}
.ui-autocomplete-fields {
	clear: both;
}
#messages {
	margin-top: 10px;
}

#main-wrapper {
	display: flex;
}
#main {
	margin-top: 10px;
}
#sidebar {
	box-shadow: 0 0 10px -6px #BE05FF;
	padding: 10px;
	box-sizing: border-box;
	background-color: #faf6fb;
}
#sidebar h2 {
	margin-top: 0;
    color: #BE05FF;
    border-radius: 0 0 3px 3px;
}
.block-field-blocknodeingredientchanged > div {
    display: flex;
    gap: 2%;
    margin: 10px 0;
}
#footer {
	background-color: #BE05FF;
	margin-top: 20px;
	content-visibility: auto;
}
#footer .footer {
	padding: 30px 0;
}
footer .menu-item {
	margin-right: 20px;
}

.footer--bottom {
	background-color: rgba(0,0,0, 0.5);
	text-align: center;
	color: #fff;
	height: 60px;
    line-height: 60px;
}
div#block-copyright .text-formatted {
	text-align: center;
}
#mobile-bar{
    display: none;
}
#menu {
	height: 44px;
	line-height: 44px;
}
#menu .menu-item {
	margin-right: 24px;
}
.view-filters {
	margin-top: 25px;
}
td, th {
	padding: 3px;
}

/*-----front page-----*/
h3 a {
	display: block;
	border-bottom: 1px solid;
	text-decoration: none;
}
.group-wrapper {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.view-categories .views-row {
	margin-bottom: 14px;
}
/*-----ingredient list-----*/
.category-ingredients .view-header {
	margin-bottom: -30px;
}
.category-ingredients .view-header h2 {
	display: inline-block;
	margin-bottom: -20px;
	margin-left: 20px;
	position: relative;
	background: #fff;
	padding: 5px;
	color: #333;
}
.category-ingredients .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-shadow: 1px 1px 4px -1px #999;
	padding: 0 20px 20px 20px;
	margin: 20px 0;
}
.category-ingredients .views-row {
	width: 31%;
    margin-top: 20px;
    background: #faf6fb;
    padding: 10px;
    color: #101010;
    box-shadow: 1px 1px 4px -3px #101010;
}
.category-ingredients .views-field-field-image {
	float: right;
	margin-left: 10px;
}
.category-ingredients .views-field-body {
	text-align: justify;
    margin-top: 10px;
}
.block-field-blocknodeingredientbody {
    text-align: justify;
}
.adsbygoogle {
	background: #faf6fb;
	text-align: center;
	box-shadow: 1px 1px 4px -3px #101010;
}
/*#block-bottomad {
    min-height: 280px;
}*/
/*-----ingredient-----*/
.field--name-field-active-ingredient .field__item {
	display: inline-block;
	margin-right: 20px;
}
.view-ingredient-groups .group-wrapper {
	text-align: center;
}
.view-ingredient-groups .group-wrapper > div{
    margin-bottom: 20px;
}
.all-buttons a {
  display: inline-block;
  background-color: #BE05FF;
  color: #fff;
  padding: 6px 10px;
  border-radius: 3px;
  text-decoration: navajowhite;
}
.all-buttons a:hover {
  box-shadow: 0 0 6px -1px #BE05FF;
  text-shadow: 0 0 2px #000;
}
.all-buttons {
	text-align: center;
}
.view-ingrediet-products .view-content {
	display: flex;
	flex-wrap: wrap;
}
.view-ingrediet-products .views-row {
	width: 20%;
	margin-bottom: 24px;
	padding: 5px;
    box-sizing: border-box;
}
.field--name-body > p:first-of-type {
	margin-top: 0;
}
div#block-managedad {
    margin-top: 20px;
}
.layout__region--first:empty, .block-field-blocknodeingredientfield-meta-tags:empty {
  display: none;
}
.layout__region--first:empty ~ .layout__region--second {
  flex: 0 1 100%;
}
.qa-image {
	float: right;
}
.paragraph--type--q-a::after {
	content: " ";
	display: block;
	clear: both;
}
.layout--twocol-section > .layout__region{
	overflow: auto;
}
.layout--twocol-section .block-layout-builder > div > div:first-of-type/*, .block-field-blocknodeingredientfield-tags > div > div:first-of-type, .block-field-blocknodeingredientfield-see-also > div > div:first-of-type */{
	font-weight: bold;
    margin-top: 15px;
}
.layout--twocol-section .block-layout-builder > div > div > div/*, .block-field-blocknodeingredientfield-tags > div > div > div, .block-field-blocknodeingredientfield-see-also > div > div > div*/, .view-active-ingredients .views-row {
	display: inline-block;
	margin-right: 5px;
}
.layout--twocol-section .block-layout-builder > div > div > div:not(:last-of-type)::after/*, .block-field-blocknodeingredientfield-tags > div > div > div:not(:last-of-type)::after, .block-field-blocknodeingredientfield-see-also > div > div > div:not(:last-of-type)::after*/, .view-active-ingredients .views-row:not(:last-of-type)::after{
	content: ",";
}
.layout--twocol-section {
	margin-bottom: 15px;
}
.field-content:empty, views-field-description__value:empty{
    display: none;
}
figcaption {
	text-align: center;
	font-style: italic;
	font-weight: bold;
}
article img{
    height: auto;
    max-width: 100%;
}
.views-field-title a {
	margin: 5px 0;
	/*display: inline-block;*/
}
.view-related-ingredients img {
	float: right;
	margin: 0 0 10px 10px;
}
.block-views-blockinci-field-block-1 {
	margin-top: 15px;
}
.block-field-blocknodeingredientfield-cosing {
	display: none;
}