/**
 * @file
 * Subtheme specific CSS.
 */
.faq-view-list * {
    font-family: var(--bs-font-sans-serif);
}

.faq-view-list .view-row {
    margin-bottom: 10px;
}

.faq-view-list .view-row .views-field-title * {
    display: inline-flex;
}

.faq-view-list .view-row .views-field-title h6 {
    margin: 0.5rem 0;
    font-weight: 500;
}

.faq-view-list .view-row .views-field-title span {
    margin: 0.5rem 0.25rem 0.5rem 0;
    min-width: 16px;
}

.faq-view-list .view-row .views-field-title.ui-state-active {
    background: #009a1d;
    border: 1px solid #009a1d;
}

.faq-view-list .ui-accordion-header .field-content {
    font-weight: 500;
}

.faq-view-list .ui-accordion-header {
    display: flex;
}

.faq-view-list .ui-accordion-content {
    height: auto !important;
}

.page-view-view-faq h1.title {
	font-size: 24px;
}

.faq-view-list.container {
    padding: 0px;
}



/* =======================================
PROFILE PAGES
======================================== */
.block-superfishuser-account {
	background: transparent !important;
	padding: 0 !important;
	border:0 !important;
}

.block-superfishuser-account .container {
	padding-right: 30px !important;
    padding-left: 0;
}

.block-superfishuser-account h2 {
    display: block;
    font-family: "Roboto Slab" !important;
    color: #008b32;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 10px 3px 0;
}

.block-superfishuser-account .sf-user-account {
	width: 100% !important;
}

.block-superfishuser-account .sf-user-account li a {
	padding-left:5px;
	color: #222;
	font-size:15px;
	font-weight: 500;
}

.block-superfishuser-account .sf-user-account li:hover a,
.block-superfishuser-account .sf-user-account li a.is-active {
	color:#179e19;
}

#user-form #edit-submit:before {
    display: none;
}

#user-form #edit-submit {
	background: #179e19;
	border: 1px solid #179e19;
	border-radius: 50px;
	padding: 5px 15px;
	color: #fff;
	font-size: 15px;
	min-width: 150px;
	margin-right: 10px;
}

#user-form #edit-submit:hover {
	background: #ed3237;
	border: 1px solid #ed3237;
}

.view-my-wishlist-items th,
.view-my-wishlist-items td {
	font-size: 15px;
}

.view-my-wishlist-items td a {
	color: #333;
}

/* ********************************************************* */
/* RESPONSIVE STYLESHEET */
/* ********************************************************* */
@media screen and (min-width: 1200px) {
}

@media (min-width: 768px){
}

@media screen and (max-width: 1919px) {
}

@media screen and (max-width: 1399px) {
}

@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 991px) {
	#navbar-main .nav-bottom {
		min-height: 55px !important;
	}
	
	#CollapsingNavbar {
		top: 5px;
	}

	.view-sub-product-slider {
		display: none;
	}

	.path-search-products .view-search-products .product-item {
		width: 23.96%;
	}

	.path-search-products .view-search-products .product-item:nth-child(4n+1) {
		margin-left: 0px;
	}

	.product-categ-list-view .product-item {
		width: 32%;
	}

	.product-categ-list-view .view-content.row .product-item:nth-child(3n+1) {
		margin-left: 0;
	}
	
	.taxonomy-menu .view-content.row .views-row .views-field-field-category-icon img {
		border: 1px solid #dadada;
		border-radius: 15px;
		margin-bottom: 5px;
		width: 100%;
		padding: 5px;
	}
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 575px) {
	body {
		padding-bottom: 70px;
	}

	#block-idfood-breadcrumbs {
		display: none;
	}

	#CollapsingNavbar .block-superfish {
		width: 25% !important;
	}

	body.scrolled #header #navbar-main {
		height: 112px;
	}

	body:not(.home-page) #navbar-main .nav-top {
        height: 70px !important;
		padding:13px 10px !important;
    }

	body:not(.home-page) #header #navbar-main {
		height: 65px;
	}

	body #header #navbar-main #block-idfood-gobackhistoryblock {
		position: absolute;
		left: 10px;
		height: 40px;
		width: 40px;
		background: #D83135;
		display: block;
	}

	#header #navbar-main {
		background: transparent;
		/*background-repeat: no-repeat;*/
		/*background-size: cover;*/
		/*background-position: top center;*/
	}

	#hotline
	{
		/*padding:10px 0;*/
		position: fixed;
		bottom: 0;
		z-index: 9999;
		right: 0;
		width: 25%;
		height: 70px;
	}

	#hotline img {
		display: none;
	}


	#hotline .col-2 {
		margin-right: 10px;
		width: 100%;
	}

	#hotline .col-2 a {
		display: block;
		width: 100%;
		height: 55px;
		position: relative;
	}

	#hotline .col-2 a::before {
		content: '';
		display: block;
		width: 22px;
		height: 22px;
		position: absolute;
		top: 11px;
		left: 50%;
		transform: translate(-50%, 0);
		background: url('../images/ico-hotline.png') center center no-repeat;
	}

	#hotline .col-2 a::after {
		content: 'Liên hệ';
		display: block;
		font-size: 12px;
		color: #fff;
		font-weight: 300;
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 4px;
		left: 50%;
		transform: translate(-50%, 0);
		text-align: center;
	}
	
	#hotline .col-10 {
		display:none;
	}
	
	#block-idfood-cart {
		position: fixed;
		bottom: 0px;
		z-index: 9999;
		right: 25%;
		padding: 0px;
		background: transparent;
		width: 25%;
		text-align: center;
		height: 70px;
	}

	#block-idfood-cart .cart-block--link__expand {
		display: block;
	}

	#block-idfood-cart img {
		display: none;
	}


	.cart--cart-block {
		position: relative;
		padding-bottom: 13px;
		width: 100%;
		height: 55px;

	}

	.cart--cart-block .cart-block--link__expand::before {
		content:'';
		display: block;
		width: 100%;
		height: 22px;
		color: #fff;
		position: absolute;
		top: 12px;
		left: 50%;
		transform: translate(-50%, 0);
		background: url('../images/ico-cart.png') center center no-repeat;
	}

	.cart--cart-block .cart-block--link__expand::after {
		content:'Giỏ hàng';
		display: block;
		width: 100%;
		height: auto;
		font-size: 12px;
		font-weight: 300;
		color: #fff;
		position: absolute;
		bottom: 4px;
		left: 50%;
		transform: translate(-50%, 0);
	}

	#block-idfood-cart span.cart-block--summary__count {
		position: absolute;
		height: 15px;
		width: 15px;
		border-radius: 50px;
		right: calc(50% - 22px);
		background: #ff0000;
		color: #fff;
		top:7px;
		padding-left: 1px;
		padding-right: 1px;
		font-size: 11px;
	}


	
	#navbar-main .nav-bottom {
		min-height: 70px !important;
		position: fixed;
		bottom: 0;
		top: auto;
		z-index: 999;
		background: #000000;
		border-top: 1px solid #fff;
	}
	
	#CollapsingNavbar {
		top: 5px;
		padding: 0;
	}

	#block-idfood-mainmenu,
	#block-idfood-menuchuyenmucbaiviet {
		min-width: 35px;
		position: relative;
	}

	#block-idfood-mainmenu::after,
	#block-idfood-menuchuyenmucbaiviet::after {
		content:'Danh mục';
		display: block;
		position: absolute;
		width: 100%;
		height: auto;
		left: 50%;
		bottom: 4px;
		transform: translate(-50%, 0);
		color: #fff;
		font-size: 12px;
		text-align: center;
		font-weight: 300;

	}

	.block-superfishuser-account .container {
		padding-right: 0 !important;
	}

	.sf-accordion-toggle {
		width: 100%;
		/*height: 22px;*/
		border: none;
		margin: auto;
		border-radius: 0px;
	}

	.block-superfishuser-account .sf-accordion-toggle a{
		border: 1px solid #179e19;
		display: block;
		border-radius: 2px;
		padding: 5px;
		background: #179e19;
		color: #fff !important;
	}

	#superfish-main-menu-toggle:before,
	#superfish-menu-chuyen-muc-bai-viet-toggle:before {
		content: '';
		top: -7px;
		left: 50%;
		transform: translate(-50%, 0);
		width: 100%;
		height: 100%;
		font-size: 1.2rem;
		background: url('../images/ico-menu.png') center center no-repeat;
	}

	#superfish-main-menu-toggle.sf-expanded:before,
	#superfish-menu-chuyen-muc-bai-viet-toggle.sf-expanded:before {
		left: 50%;
		background: transparent;
		width: auto;
		top:5px;
	}

	#superfish-second-menu li:last-child a {
		padding: 1.8rem 1rem !important;
	}

	#superfish-second-menu a {
		font-size: 12px;
		position: relative;
		display: block;
		font-weight: 300;
		text-align: center;
	}

	#superfish-second-menu li::before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 6px;
		transform: translate(-50%, 0);
		width: 100%;
		height: 22px;
		background: url('../images/ico-account.png') center top no-repeat;
		background-size: contain;
	}

	#block-idfood-secondmenu > .container {
		justify-content: center;
	}

	/*#block-idfood-secondmenu {*/
	/*	margin-left: 20px;*/
	/*}*/
	.path-search-products .view-search-products .product-item {
		width: 48.5%;
		margin: 0 0 10px 10px;
	}

	.product-categ-list-view .product-item {
		width: 48.5%;
		margin: 0 0 10px 10px;
		padding-bottom: 10px;
	}

	.path-search-products .view-search-products .product-item:nth-child(odd) {
		margin-left: 0 !important;
	}
	.path-search-products .view-search-products .product-item:nth-child(3n+1) {
		margin-left: auto;
	}

	.product-categ-list-view .product-item:nth-child(odd) {
		margin-left: 0 !important;
	}
	.product-categ-list-view .product-item:nth-child(3n+1) {
		margin-left: auto !important;
	}

	.product-categ-list-view .product-item .add-to-cart {
		display: none;
	}

	.product-categ-list-view .product-item .title-product a {
		padding: 10px 5px 0 5px;
	}

	.product-categ-list-view .product-item .vote-product {
		padding: 0 5px;
	}

	.product-categ-list-view .product-item .views-field-nothing ._content{
		padding: 0 5px !important;
	}

	.product-categ-list-view .product-item .views-field-nothing ._price_product .field__item {
		font-size: 15px;
	}

	.path-search-products .view-search-products .product-item .views-field-variations {
		display: none;
	}

	.path-search-products .view-search-products .product-item .views-field-title a {
		padding: 10px 5px 0 5px;
	}

	.path-search-products .view-search-products .product-item .views-field-variations-1 span > div {
		padding: 0 5px 15px 5px
	}

	#block-idfood-gobackhome {
		position: fixed;
		width: 45px;
		height: 45px;
		right: 4px;
		bottom: 70px;
	}

	#block-idfood-gobackhome .field--name-body p{
		display: flex;
		flex-direction: column;
	}

	#block-idfood-exposedformsearch-productspage-search-results-2,
	#block-idfood-giohang {
		display: none;
	}
	body.scrolled #block-idfood-secondmenu {
		display: block !important;
	}

	body.scrolled #CollapsingNavbar {
		justify-content: flex-start !important;
		align-items: stretch;
	}

}