/*#header .region, #top-bar .region, #menu .region, #featured .region, #messages .region, #main-wrapper, #footer .region {
	width: 100vw;
} */
#content {
	width: 100vw;
}
.region-content{
    padding: 0 8px 0 38px;
}
.site-logo img {
	width: 120px;
	height: 83px;
	padding-left: 10px;
}
#block-ci-branding, #block-ci-branding {
  display: block;
}
.site-slogan {
    font-size: 13px;
    color: #fff;
    margin-left: 10px;
    position: absolute;
    height: 36px;
    line-height: 36px;
}
.region-top-bar .menu {
    float: right;
}
section#top-bar {
    height: 30px;
}
#block-ci-account-menu {
    padding-right: 10px;
}
#block-name {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}
#block-ci-search input.form-search {
	width: 152px;
}
#mobile-bar {
    display: block;
	position: absolute;
	width: 30px;
	height: 100%;
	content: " ";
	background-color: #F0F4FE;
	left: 0;
	border-radius: 0 3px 3px 0;
	box-sizing: content-box;
	top: 10px;
}
#menu .region {
	overflow-y: unset !important;
}

/*----------footer--------------*/
#footer .footer {
    padding: 0 20px;
    /*height: 80px;*/
    box-sizing: border-box;
    line-height: 46px;
}
/*#footer {
    height: 140px;
}*/
footer .menu {
	display: flex;
	flex-direction: column;
	margin: 0;
	text-align: center;
}

#menu .menu-item{
    margin-right: 0;
}
#menu {
	height: auto;
	line-height: auto;
}
h1 {
    font-size: 1.5em;
}
/*----------responsive--------------*/
#main-wrapper, #main {
	position: relative;
}
#sidebar {
  left: -215px;
    padding: 0;
}

.left--sidebar .rs-heading {
  right: 0;
  transform: rotate(-90deg);
  transform-origin: right top 0;
  float: right;
}
.left--sidebar {
	width: 215px;
	position: absolute;
	display: block;
	z-index: 3;
	top: 10px;
	transition: all 0.5s ease 0.2s;
}
.rs-heading {
  background-color: #FFF;
  font-size: 16px !important;
  display: block;
  white-space: nowrap;
  border: 1px solid;
  padding: 0 10px;
  color: rgb(255,255,255);
  margin: 0 0 -28px;
  height: 28px;
  line-height: 24px;
}

.left--sidebar .block > div:not([class^=context]) {
    padding: 10px;
    background-color: #fff;
}
#menu{
    text-align: right;
}
#block-ci-main-menu {
    height: 36px;
    line-height: 36px;
}
.toggler {
    padding-right: 10px;
    font-size: 18px;
}
#block-ci-main-menu .menu li {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 10px;
}
#block-ci-main-menu .menu{
    background-color: #FAF6FB;
}
#block-ci-main-menu .menu a{
    color: #376CF8;
}
.search-block-form {
    right: 10px;
}

/*----------front--------------*/
.view-ingredient-groups .group-wrapper {
	display: block;
}
/*----------categs--------------*/
.category-ingredients .views-row {
	width: 100%;
}
.category-ingredients .views-field-field-image {
	float: none;
	margin-left: 0;
}
.category-ingredients .views-field-field-image, .category-ingredients .views-field-title {
	text-align: center;
}
/*----------ingredient--------------*/
.field--name-field-image {
	text-align: center;
}
.text-formatted {
	text-align: justify;
}
.region-featured {
    padding: 0 10px;
}
.view-ingrediet-products .views-row {
	width: 100%;
}
.block-field-blocknodeingredientfield-image {
	min-height: 280px;
    text-align: center;
}
.qa-image {
	float: none;
}
/*#block-bottomad .adsbygoogle, p > .adsbygoogle{
    contain-intrinsic-size: auto 325px;
    content-visibility: auto;
}*/