/*
Theme Name: WebNganh Child
Description: Website Design by Wordpress and Theme Flatsome
Author: UX Themes Web Nganh
Template: flatsome
Theme URI: https://webnganh.com/
Author URI: https://webnganh.com/
Description: WebNganh.Com - WebNganh.Vn - iFnt.Vn
Version: Code DevWp WebNganh
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


#mega-menu-primary > li >.mega-menu-link {
	position: relative !important;
	min-height:50px !important;
	display: flex !important;
	align-items: center;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	font-weight:600 !important;
}

#mega-menu-primary > li > .mega-menu-link:before {
	content: '';
	background-color: #bd3838 !important;
	height: 3px !important;
	width: 0px !important;
	position: absolute !important;
	bottom: 0px !important;
	-webkit-transition: width 0.2s ease;
	transition: width 0.2s ease;
	left: 50%;
	transform: translateX(-50%);
}
.mega-sub-menu {
	padding:15px 0px !important;
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15) !important;
}
.mega-align-bottom-left.mega-menu-megamenu .mega-sub-menu {
	padding:15px 0px !important;
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15) !important;
	padding: 0px !important;
	left: 50% !important;
	transform: translateX(-35%) !important;
}
.mega-align-bottom-left.mega-menu-megamenu .mega-sub-menu > li {
	padding: 0px !important;
}
.row-full-width.row-menu {
	margin-left: 0px !important;
}
.mega-sub-menu > li > a {
	padding:0px 30px !important;
	font-size:12px !important;
}
#mega-menu-primary > li:hover > .mega-menu-link:before {
	width: 100% !important;
}


#header {
	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.08);
}
.header-main {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	height: max-content !important;
}
#header .stuck .header-main {
	height: max-content !important;
}

.html_topbar_right {
	display:none !important;
}
#header .stuck .header-main .flex-right {
	display:none;
}

#header .stuck .header-main .flex-left.flex-grow {
	max-width:max-content;
	margin-right: initial !important;
}
#header .stuck .header-main > .header-inner {
	justify-content:center;
}
#header .stuck .header-main .logo-left .logo {
	margin-right: 0px;
}
#header .stuck .header-bottom .flex-right.flex-grow {
	display:none;
}
#header .stuck .header-bottom .flex-left {
	margin:auto;
}
.header-nav-main.nav.nav-left {
	width:max-content;
}
#header .stuck .header-main .html_topbar_right {
	display:block !important;
	margin-left:10px !important;
}
#header .stuck .mega-align-bottom-left.mega-menu-megamenu .mega-sub-menu {
	transform: translateX(-50%) !important;
}

#header .stuck .header-main .flex-col.hide-for-medium.flex-left {
	    width: max-content;
    max-width: max-content;
    margin: initial;
}

#header .stuck .header-main #logo {
    width: 75px;
}

.col-text-menu .ux-menu-link__link {
	justify-content: end;
	min-height: max-content;
	padding: 1px 0px;
}

.col-text-menu .ux-menu-link__link span {
	font-weight: 600;
}
.col-text-menu .menu-item.active .ux-menu-link__link span,
.col-text-menu .ux-menu-link__link span:hover {
	color:#bd3838;
	transition:0.1s all linear;
}
.col-text-menu {
	border-right: 1px solid #f3f3f3;
}
a:where(:not(.wp-element-button)) {
	text-decoration: initial;
}
p {
	margin-bottom:0px;
}
.row-48935739485 {
	padding:0px 18px;
}
.blog-post-304598345 .flickity-button,
.flickity-prev-next-button.next,
.flickity-prev-next-button.previous,
.slider-nav-outside.slider-nav-circle .next,
.slider-nav-outside.slider-nav-circle .previous {
	margin-right: 10px;
	left: initial;
	right: 20px;
	top: 50%;
	opacity: 1;
	transform: translateY(-50%) !important;
	margin-top: initial;
	width: 25px !important;
	height: 25px;
	border: 1px solid #000000;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	font-size: 7px;
}
.col-post-menu .slider-nav-outside.slider-nav-circle .next,
.col-post-menu .slider-nav-outside.slider-nav-circle .previous{
	right: initial;
	left: 16px;
	top: 100%;
	border-color: #bd3838;
}
.col-post-menu .slider-nav-outside.slider-nav-circle .next {
	left: 36px;
}

.col-post-menu .flickity-button svg path {
	fill: #bd3838;
}

.slider-nav-outside.slider-nav-circle .next {
	right: -10px;
}

.blog-post-3498643806437 .post-item {
	padding-bottom:0px;
}

.row-29372839579346 .col-inner {
    margin-left: 0px !important;
    margin-top: 26px;
}

.blog-post-935892346346 .post-item {
	padding-bottom:25px;
	}

.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
	border: none;
	border-radius: 0;
}
.col-slide-3498573496 > .col-inner > .row {
	padding-right:10%;
}
.flickity-prev-next-button svg {
	padding: 33%;
	fill:#bd3838;
}
.flickity-prev-next-button {
	color:#898989;
}
.col-slide-3498573496 .post-item .box-text {
	padding:0px;
}
.is-divider {
	display:none;
}
.col-slide-3498573496 .col-inner {
	display:flex;
	align-items:center;
}
.col-slide-3498573496 .text-398245634897543 p{
	width:max-content;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	background-color: #bd3838;
	color: #fff;
	padding: 2px 10px 1px;
	margin-right:15px;
}
.col-slide-3498573496 .post-item .box-text .post-title a {
	font-size:14px;
}

.col-post-menu .col-inner > .row{
	display:none;
}
.row-menu .col {
	padding-top:15px;
}
.col-post-menu {
	padding-top:0px !important;
	padding-left: 30px;
}
.col-post-menu .post-item {
	padding-left:0px;
}
.post-meta:before {
	content: 'Review Hải Phòng \00a0\00a0\00a0 -';
	display: inline-block;
	width: max-content;
	height: auto;
	padding-left: 22px;
	background-image: url(/wp-content/uploads/2024/08/9d7cbc6dd2a02fd8cdbdf9136da0c0aa.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: left center;
	line-height: 16px;
	font-weight: 600;
	color: black;
	margin-right: 6px;
}
.header-top .custom.html_topbar_left {
	display:flex; align-items:center;
} 
.header-top .custom.html_topbar_left  .text-link {
	font-size: 12px !important;
	line-height: 28px !important;
	font-weight: 600 !important;
	letter-spacing: 3px !important;
	background-color: #bd3838;
	padding: 1px 0px;
	margin-left: 40px;
}
.col-post-menu.check-in {
	padding-left: 15px;
}
.blog-check-in {
	max-width: 100% !important;
	margin-left: 5px !important;
}
.col-0192798234 .post-meta:before {
	content: 'Review Hải Phòng \00a0\00a0 -';
	background-image: initial;
	color: white;
	padding-left: 0px;
}
.col-0192798234 .post-meta {
	font-size:12px;
	color:white;
	opacity: 1;
}
.blog-post-3948523425 .col {
	padding: 0px 5px 5px 0px;
}
.blog-post-034957890234 .post-item {
	padding: 0px;
	margin-bottom: 26px;
	padding-left: 20px;
}

.blog-post-034957890234 .post-item .box-text {
	padding-top:0px;
	padding-bottom:0px;
	display:flex;
	padding-right: 0px;
}
.blog-post-034957890234 .post-item .box-text .post-title {
	margin-top:0px;
	margin-bottom:6px;
}
.blog-post-034957890234 .post-item .box-text .post-title a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top:0px
}
.blog-post-034957890234 .post-item .post-meta:before  {
	display:none;
}
.post-sidebar .text-danh-muc-34857634875 a,
.text-danh-muc-34857634875 p {
	font-weight: 700 !important;
	text-transform: uppercase !important;
	background-color: #bd3838;
	padding: 4px 12px 3px;
	width: max-content;
	font-size: 14px;
	color: white;
}
.text-danh-muc-34857634875 p a {
	color: white;
} 
.text-danh-muc-34857634875 {
	border-bottom: 2px solid #bd3838;
	margin-bottom: 26px;
}
.blog-post-check-in-394587394 .flickity-prev-next-button.previous,
.blog-post-check-in-394587394 .flickity-prev-next-button.next,
.slide-34598364587345 .flickity-prev-next-button.next,
.slide-34598364587345 .flickity-prev-next-button.previous {
	left: 5px;
	right: initial;
	top: initial;
	bottom: 10px;
	transform: initial !important;
}
.blog-post-check-in-394587394 .flickity-prev-next-button.next,
.slide-34598364587345 .flickity-prev-next-button.next {
	left: 36px;
	margin: 0px;
}
.slide-34598364587345 svg path {
	fill: #0a0000 !important;
}  
.col-left-3495873495 .post-meta:before {
	background:initial;
	padding-left:0px;
}
.img-8734658345 {
	margin-top: 25px;
}
.col-slide-439850346978346 {
	margin-bottom:32px;
}
.blog-post-304598345 .flickity-button {
	left: 0px !important;
	top: initial !important;
	transform:initial !important;
}
.section .row-collapse .blog-post-check-in-394587394 .post-item {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.blog-post-check-in-394587394 {
	padding-bottom:60px;
}
.blog-post-check-in-394587394 .flickity-slider {
	width: calc(100% + 20px) !important;
	margin-left: -10px !important;
}
.blog-review-38745634785 .post-item .post-title,
.blog-review-38745634785 .post-item .post-title a {
	font-size:22px;
	margin-top:0px;
}
.blog-review-38745634785 .post-item .from_the_blog_excerpt  {
	margin-top:20px
}
.blog-review-38745634785 .post-item .box-text {
	padding-top: 0px;
	display: flex;
}

.menu-face-934856739845 .ux-menu-link__link {
	font-size: 15px;
	color: #000000;
	padding-left:14px;
	position:relative;
}
.menu-face-934856739845 .ux-menu-link__link:after {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 100%;
	top: 15px;
	left: 0px;
	position: absolute;
	background-color: #474747;
}
.menu-face-934856739845 .ux-menu-link__link:hover {
	color: #bd3838;
}

.button-348734 {
	font-size: 15px;
	font-weight: 500;
	line-height: 52px;
	height: 55px;
	padding: 0 36px;
	transform: rotateX(0deg) translateZ(27px);
	margin:0px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.menu-face-934856739845 {
	margin-bottom: 24px;
}
.button-9945634 {
	font-size: 15px;
	font-weight: 500;
	line-height: 52px;
	height: 55px;
	padding: 0 36px;
	transform: rotateX(90deg) translateZ(27px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.col-button-834967439 .col-inner {
	width:max-content;
}
.col-button-834967439 .col-inner:hover .button-348734 {
	transform: rotateX(-90deg) translateZ(27px);
}
.col-button-834967439 .col-inner:hover .button-9945634 {
	transform: rotateX(0deg) translateZ(27px);
}
img {
	padding-top: 0px !important;
}
.icon-box-3495878435 .icon-box-img {
	height:40px;
}
.icon-box-3495878435 .icon-box-img .icon-inner {
	width: 40px;
	height: 40px;
	margin-right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon-box-3495878435 .icon-box-img img {
	width:20px;
	height:20px;
}
.icon-box-3495878435.youtube .icon-box-img img {
	width:12px;
	height:12px;
}
.icon-box-3495878435.face .icon-box-img {
	background-color:#516eab;
}
.icon-box-3495878435.youtube .icon-box-img {
	background-color:#e14e42;
}
.icon-box-3495878435.twitter .icon-box-img {
	background-color:#29c5f6;
}
.icon-box-3495878435 .icon-box-text,
.text-icon-box-873645345 {
	display:flex;
	align-items:center;
}
.text-icon-box-873645345 {
	font-size: 11px;
	font-weight: 600;
	width: 100%;
	gap: 11px;
}
.text-icon-box-873645345 .text-last{
	margin-left:auto;
}
.icon-box-3495878435 {
	margin-bottom: 12px;
}
.row-895467456 .col {
	padding-bottom: 25px !important;
}
.img-834956345 {
	margin-top: 46px;
}
.col-834756345 .blog-post-034957890234 .post-item {
	padding: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
}
.col-834756345 .img-834956345 {
	margin-top: 24px;
}
.col-45645754678 .flickity-button {
	bottom: 30px !important;
}

.col-456847856456 .col-inner {
	position: sticky;
	top: 0; /* Đặt khoảng cách từ trên cùng của trang */
	z-index: 1000; /* Đảm bảo phần tử nằm trên các phần tử khác */
}


.blog-3485638745 .post-meta,
.blog-3485638745 .post-meta:before {
	color:white;
	opacity:1;
	background:initial;
	padding-left:0px;
}
.col-0394857349634 .post-item{
	padding-bottom:20px;
}
.blog-3485638745345 .post-meta:before {
	display:none;
}
.blog-3485638745345 .post-title a{
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.col-0394857349634 .box-text {
	padding: 0px 0px 10px 1.5em;
}

.blog-459687456 .box-overlay .box-text {
	top: 50%;
	transform: translateY(-50%);
}

.blog-459687456 .image-zoom.image-cover:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(77, 178, 236, 0.2);
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity 0.4s ease 0.2s;
	-moz-transition: opacity 0.4s ease 0.2s;
	-o-transition: opacity 0.4s ease 0.2s;
	transition: opacity 0.4s ease 0.2s;
	pointer-events: none;
}
.blog-459687456 .image-zoom.image-cover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 160%;
	height: 100%;
	background: rgba(255, 255, 255, 0.2);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
	transition: transform 0.7s ease 0s;
	-webkit-transition: transform 0.7s ease 0s;
	z-index: 1;
}
.blog-459687456 .box-overlay:hover .image-zoom.image-cover:before {
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
}
.blog-459687456 .box-overlay:hover .image-zoom.image-cover:after {
	opacity: 1;
}

.row-34875634785 > .col {
	padding-left: 2px;
	padding-right: 2px;
}

.blog-post-34683496034 .post-item {
	padding-bottom:10px;
}
.slide-34895673846 > .slider {
	padding-bottom: 20px;
}

.img-345893476 {
	margin-top:50px;
}

#top-bar .social-icons a {
	margin:0px 9px;
}

.section-footer .text-danh-muc-34857634875 p {
	font-size:18px;
	font-weight:400 !important;
	padding: 1px 12px 0px;
}

.section-footer .blog-post-034957890234 .post-item .box-text .post-title a {
	color:white;
}
.section-footer .blog-post-034957890234 .post-item .box-text .post-title a:hover {
	text-decoration:underline;
}

.col-danh-muc #categories-2 .widget-title{
	display:none;
}
#categories-2 .cat-item a{
	color:white;
	padding: 2px 0px;
}
#categories-2 .cat-item {
	display:flex;
	align-items:center;
	border: none;
}

#categories-2 .cat-item:hover a,
#categories-2 .cat-item:hover{
	color:#bd3838 !important;
	transition:0.3s all linear;
}
.col-930475346346 .is-divider {
	display:block;
	background-color: #2f2b2b;
}
.html-social-icons .social-icons {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	width:100%;
}
.html-social-icons a {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #31313138;
	border: 1px solid #ffffff0a;
}
.html-social-icons img {
	width: 15px;
}
.html-social-icons a:hover {
	border-color:white;
	transition:0.3s all linear;
}
.absolute-footer {
	display:none;
}
.text-link-footer ul li {
	width:max-content;
	margin:0px;
}
.text-link-footer ul li a {
	font-size:14px;
	font-weight:600;
}
.text-link-footer ul {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	gap: 2px 17px;
	margin-bottom: 0px;
}
.section-34985678456 .from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.text-349583-046 p {
	margin-bottom:1.3em;
	}

.text-459684506456 p {
	    background-color: #000;
    color: #fff;
    padding: 0 12px;
    position: relative;
	width:max-content;
}

.text-459684506456 p:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 10px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #000 transparent transparent transparent;
}
.text-349583-046 strong {
	text-decoration:underline;
}

.icon-309478503464575 .icon-box-img {
	    padding: 46px;
    transition: all 0.2s ease;
    box-shadow: 0px 14px 40px 0px rgba(0, 181, 209, 0.1);
    border-radius: 100%;
}

.icon-309478503464575 .button:hover,
.icon-309478503464575 .text-943608457:hover strong{
	color:#bd3838 !important;
	transition: all 0.2s ease;
}

.row-340856309-6346 {
	    border-bottom: 1px solid #dddddd;
}
.text-340680456456 li {
	    text-decoration: underline;
    color: #bd3838;
}
.text-34068405-75467 li {
	    list-style-type: none;
	position:relative;
}
.text-34068405-75467 li:before {
	content: '';
    background: url(/wp-content/uploads/2024/09/star.png);
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    top: 5px;
    left: -21px;
    position: absolute;
}

.col-045-689045-6 .col-inner {
    margin: auto !important;
}
.col-03456857940457 .is-divider,
.row-93457843960457 .is-divider,
.col-34634-045-7547 .is-divider {
    display: block;
}
.row-93457843960457 .is-divider {
	margin-left:auto;
	}

.tdm-pricing-price {
    position: relative;
    margin-bottom: 16px;
    font-family: 'Roboto', sans-serif;
    font-size: 58px;
    font-weight: 700;
    line-height: 1;
	    margin-top: 35px;
}
.tdm-pricing-currency {
    font-size: 22px;
    margin-right: -12px;
	    vertical-align: super;
}
.tdm-pricing-period {
    font-size: 14px;
}

.row-934583046457 .text p {
	margin-bottom:10px;
}

.row-934583046457 .row-29372839579346 {
	margin-top:30px;
}
.text-4058759475467 p {
	text-decoration:underline;
}
.col-4050577844 > .col-inner {
    padding-bottom: 40px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 24px #c3c3c3 !important;
    z-index: 1 !important;
    border-style: solid !important;
    border-color: #888888 !important;
    border-width: 0 !important;
    position: relative;
	border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
	overflow:hidden;
}
.text-045869054796045645 {
	position:relative;
}
.text-045869054796045645:before {
    content: '';
    width: 100%;
    height:3px;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f5f5f5;
}
.text-045869054796045645:after {
    content: '';
    width: 50px;
    height: 3px;
    position: absolute;
    top: 100%;
    left: 0;
    margin: auto;
    background-color: #4db2ec;
}
.text-450-6845907567 td {
    color: black;
}

.col-4050577844 > .col-inner .row-934583046457 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.row-93457843960457 > .col {
	    padding: 0 25px 30px;
}
.row-456849506456 .button,
.col-54-004564 .button,
.col-054756888 .button {
	background-color:#bd3838;
}

.col-4050577844 > .col-inner > .is-divider {
	margin-top:0px;
}

.col-349-07457 > .col-inner:before,
.col-054756888 > .col-inner:before {
	content: 'HOT';
    background-color: #bd3838;
    width: 120px;
    height: 26px;
    position: absolute;
    top: 18px;
    right: -29px;
    transform: rotate(42deg);
    color: white;
    text-align: center;
    font-size: 14px;
}
.col-349-07457 > .col-inner:before {
	content: 'BEST';
	background-color: #3c5af2;
}

.col-495607849575 > .col-inner {
	    padding: 8px;
    border: 6px double #bd3838;
    word-wrap: break-word;
}

.row-349534-0539846 {
	    margin-top: 40px;
    margin-bottom: 24px !important;
}
.icon-play {
	border: 1px solid white;
    border-radius: 100%;
    width: 20px;
    height: 20px;
}
.col-4305698405684-056 .is-divider {
    display: block;
}
.text-bg-black p{
	background-color:black;
}
.text-bg-black {
	    border-bottom: 2px solid black;
}

.text-4-57067 p {
    background-color: #bd3838;
}
.text-4-57067 p:before {
    border-color: #bd3838 transparent transparent transparent;
}
.accordion-45069-574547 .toggle i {
	display:none;
}
.accordion-45069-574547 .accordion-title {
    background-color: black;
    color: white !important;
    font-size: 15px;
    padding: 16px 50px 16px 16px;
	border:none;
	transition:0.4s;
}
.accordion-45069-574547 .accordion-title:hover {
	   background-color: #2C3338;
}

.accordion-45069-574547 .toggle {
	    right: 8px;
    left: initial;
    top: 0.7em;
	    transform: initial !important;
	opacity:1;
}
.accordion-45069-574547 .toggle:after {
	content:'+';
	position:absolute;
	top:50%;
	left:50%;
	transform:translatex(-50%) translatey(-50%);
	color:white;
	font-size:16px;
}
.accordion-45069-574547 .accordion-title.plain.active .toggle:after {
	content:'-';
	font-size:18px;
}
 
.accordion-45069-574547 .accordion-title.active {
	font-weight:400
}
.accordion-45069-574547 .accordion-inner {
	padding:0px 18px 20px 18px;
}

.text-45976056-49705-68 {
	    width: 100%;
    border-color: #3c5af2;
    border-width: 2px;
    height: 3px;
    margin-top: 50px;
	margin-bottom:50px;
    border-top-style: dashed;
}

.row-margin-bottom {
	margin-bottom:30px;
}

.col-439567834950645 .accordion-title.active,
.col-439567834950645 .accordion-title:hover {
	background-color:#ff0000;
}

.archive #content .row > .large-9,
.post-template-default #content .row > .large-9  {
	flex-basis: 64.7%;
        max-width: 64.7%;
        padding: 0px 24px !important;
}
.archive #content .row > .post-sidebar,
.post-template-default #content .row > .post-sidebar {
	flex: 1;
    max-width: 35.3%;
    padding: 0px 24px !important;
}

.post-template-default #content .large-9.col h2 {
  border-left: 6px solid #bd3838;
       padding: 4px 4px 4px 8px;
    background: #000000;
    color: #ffffff !important;	
	    font-size: 22px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
}
.post-template-default #content .large-9.col h3 {
    text-decoration: underline;
    text-decoration-color: #bd3838;
}

#ez-toc-container {
	   background: #333333;
	        color: white !important;
	}
#ez-toc-container a {
	    color: white !important;
    margin-bottom: 14px;
}
#breadcrumb {
	display:none;
}
.archive #content #breadcrumb {
	display:block;
	    display: block;
    max-width: 1150px;
    margin: auto;
    padding: 22px 22px 0px 22px;
	font-size:16px;
	font-weight:600;
}

.post-template-default .custom-category {
	display:none 
}
.td-post-sharing-visible {
	  max-width: 1150px;
    margin: auto;
	padding: 22px 22px 22px 22px;
}
.archive .archive-page-header {
	display:none
}
.archive .post-meta::before {
	display:none;
}
.post-template-default #breadcrumb {
	display:block;
	    display: block;
    max-width: 1150px;
    margin: auto;
    padding: 22px 22px 0px 22px;
	font-size:16px;
	font-weight:600;
}
.archive #content,
.post-template-default #content {
	padding-top:0px;
}
.row-459684590705478 > .col {
	padding:10px;
}
.row-459684590705478 > .col .flex-item {
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
}
.post-template-default .entry-category {
	    display: flex;
    align-items: center;
    padding: 3px 0px;
}
.post-template-default .entry-category a {
    padding: 6px 6px 6px 6px;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    background-color: #000000;
    color: white;
    border-radius: 20px;
    opacity: 1;
}
.post-template-default .entry-category a:hover {
	opacity:0.8;
}

.post-template-default .entry-header .entry-title {
	    background-color: #bd3838;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
	    font-size: 41px;
}

.post-template-default .entry-header .entry-header-text {
	padding-bottom:0px;
}

.col04596084598679954 {
	margin-top:30px;
}
.img-59847684957 {
	margin: auto;
    margin-bottom: 20px;
}
.relatedcat .from_the_blog_excerpt {
	display:none;
}
.relatedcat .post-title a {
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: black;
    font-size: 14px;
}
.relatedcat h3 {
	    background-color: #bd3838;
    width: max-content;
    color: white;
    padding: 0px 10px;
    font-size: 15px;
    margin-bottom: 24px;
	position:relative;
}
.relatedcat {
	overflow:hidden;
	
}
#comments h3 {
	    text-decoration: initial !important;
}
.relatedcat .badge.absolute {
	display:none
}
.relatedcat h3:after {
	    content: '';
    position: absolute;
    top: 100%;
    background-color: #bd3838;
    height: 2px;
    width: 1000%;
    left: 0px;
}
.header-wrapper {
	background-color: #ffffffb8;
}
.archive .large-9 .post-item .from_the_blog_excerpt  {
	display:none;
}
.archive .large-9 .post-item .post-title a {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: black;
}

.cat-label.tag-label {
	    background-color: #bd3838;
    color: white;
    opacity: 1;
}
/* responsive ======================================================================================= */

@media only screen and (max-width: 850px) {
	
	.archive #content .row > .large-9, .post-template-default #content .row > .large-9 {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0px 24px !important;
}
	
	.archive #content .row > .post-sidebar, .post-template-default #content .row > .post-sidebar {
    flex: 1;
    max-width: 100%;
    padding: 0px 24px !important;
}
	
	#header .stuck .header-main .flex-right {
    display: block;
}
	.text-danh-muc-34857634875 p {
		width:initial;
	}

	#logo {
		max-width: 200px;
	}
	.header-main {
		padding: 0px !important;
		background-color: #222222;
	}
	.header-main .header_logo {
		display:none;
	}

	.header-main .header-logo-dark {
		display:block !important;
	}
	.header-main li a {
		color:white;
	}

	.col-slide-3498573496 .col-inner {
		flex-direction: column;
	}
	.col-slide-3498573496 .col-inner .flickity-button {
		display:none;
	}

	.col-0192798234 .image-zoom {
		padding-top: 41.4% !important;
	}
	.col-39480396347 .image-zoom {
		padding-top: 22.04% !important;
	}

	.col-39480396347 .blog-post-3948523425 {
		display:flex;
		overflow:auto;
		flex-wrap: initial;
	}
	.col-39480396347 .blog-post-3948523425 .col {
		min-width: 80%;
	}
	.col-0192798234 .post-item {
		padding: 0px !important;
		padding-bottom: 5px !important;
	}
	.col-0192798234 {
		padding: 0px !important;
		padding-bottom: 0px !important;
	}
	.col-slide-3498573496 > .col-inner > .row {
		padding-right: 0%;
	}
	.col-slide-3498573496 > .col-inner > .row .post-title  {
		text-align:center;
	}

	.col-slide-3498573496 .text-398245634897543 p {
		margin-right: 0px;
		margin-bottom:10px;
	}
	.slide-34598364587345 .flickity-slider > .row {
		margin-left:0px;
	}

	.slide-34598364587345 .flickity-slider > .row > .col {
		padding:0px;
	}

	.slide-34598364587345 > .slider {
		padding-bottom: 35px;
	}

	.blog-post-034957890234 .post-item {
		margin-bottom: 20px !important;
		padding-left: 15px !important;
	}
	.blog-post-034957890234 .post-item:last-child {
		        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
	}
	.row-34875634785 >.col {
		padding-bottom:5px;
	}
	
	.col04596084598679954 {
    margin-top: 10px;
}
	
	    .category-title {
        padding: 0px 22px 0px 22px !important;
        font-size: 27px !important;
    }
	
	.row-895467456 .col {
    padding-bottom: 10px !important;
}

	.row-34875634785 >.col .post-item {
		padding:0px;
	}

	.img-892345734346 {
		margin-top:20px;
	}

	.section-footer .blog-post-034957890234 .post-item {
		padding-right: 15px;
	}

	.blog-post-034957890234 .post-item .box-text .post-title {
		margin-top:12px;
	}

	.row-3945873906437547 .col .col-inner {
		text-align:center;
	}
	.html-social-icons .social-icons {
		justify-content: center;
	}
	
	.post-template-default .entry-header .entry-title {
    font-size: 20px;
}
	.post-template-default #content .large-9.col h2 {
    font-size: 18px !important;
}


}

@media only screen and (max-width: 550px) {
	.slide-34598364587345 > .slider {
		padding-bottom: 0px;
	}

	.col-456847856456 {
		padding-bottom:0px;
	}

	.section-footer .box-vertical .box-image {
		width: 30% !important;
	}

	.section-footer .box-vertical {
		display: flex;
	}

	.section-footer .blog-post-034957890234 .post-item .box-text .post-title {
		margin-top: 0px;
	}

	.section-footer .blog-post-034957890234 .blog-post-inner {
		margin-left:12px;
	}

	.section-footer {
		padding-bottom: 0px !important;
	}
	.mfp-content {
		background:url(/wp-content/uploads/2024/09/cafe-bac-viet-hai-phong-1-244x300-1.jpg);
		background-size:100% 100%;
		background-repeat:no-repeat;
		width: 100% !important;
		position: relative;
		background-attachment: fixed;
	}
	.mfp-content #main-menu {
		position:relative;
		min-height: 100%;
	}
	.mfp-content #main-menu > * {
		position:relative;
		z-index:2
	}
	.mfp-content #main-menu::after {
		content: ""; /* Không có nội dung, chỉ cần lớp phủ */
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000; /* Thay đổi màu sắc và độ mờ của lớp phủ */
		pointer-events: none; /* Đảm bảo lớp phủ không cản trở các tương tác với nội dung bên dưới */
		z-index: 1; /* Đảm bảo lớp phủ nằm trên nền nhưng dưới nội dung */
	}
	.sidebar-menu  {
		padding-top: 0px !important;
	}

	.sidebar-menu .sub-menu {
		padding-bottom:0px !important;
	}

	.sidebar-menu .sub-menu li a {
		padding-left: 30px;
		font-size: 14px;
	}


	.sidebar-menu .html_nav_position_text img {
		width: 15px;
	}

	.sidebar-menu .toggle {
		opacity: 1;
	}
	.sidebar-menu .icon-angle-down {
		color: white;
	}

	.sidebar-menu .html_nav_position_text .social-icons {
		justify-content: space-between;
		padding-right: 50px;
		display: flex;
	}

	.off-canvas .mfp-close {
		top: 12px;
		right: 3px;
		opacity: 1;
		mix-blend-mode:initial !important;
	}

	.nav-sidebar li {
		border-top:none !important;
	}

	.nav-sidebar li a {
		color:white !important;
	}

}

