/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

@media (min-width : 992px) {
	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
}

body#tinymce { background-color: transparent; }

body.home
{
	display: flex;
    align-items: center;
    justify-content: center;
	background-color: #272727;
    height: 100vh;
	font-family: "Times New Roman", Times, serif;
}

.footer .share-links a:not(:hover) {
	border-radius: 50%;
}

#header.sticky-header .header-main.sticky {
	background: #000;
	width: 100%;
    z-index: 150;
    transition: all 0.3s;
    color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#header.sticky-header .main-menu>li.menu-item>a {
	padding: 12px 34px 12px 0px;
}

.elementor-testimonial-wrapper .elementor-testimonial-content
{
	padding: 0 4rem 1rem 4rem;
	margin-bottom: 0;
}

.elementor-testimonial-wrapper .elementor-testimonial-content:before {
	color: #fff;
	display: none;
}

#header .porto-wide-sub-menu>li>a {
	font-weight: 500;
}

.product_list_widget .product-details a {
	color: #fff;
}

.custom-head-link {
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #fff !important;
	padding: 5px 10px;
	border-radius: 20px;
}

#header .header-bottom .header-row {
	border-top: 1px solid #31343866;
}

@media (max-width: 767px) {
	html #topcontrol {
		display: block;
		bottom: 10px !important;
	}

	#mini-cart .cart-popup {
		width: 260px;
	}
}

.single-post h1.elementor-heading-title {
	color: #fff;
}

.category .post-meta span.meta-author a,
.category .post-meta span.meta-cats a,
.category .post-meta span.meta-comments a,
.category .post-meta span.meta-tags a {
	color: #fff;
}

.category .post-item-small h5 a,
.single-post .post-item-small h5 a {
	color: #fff;
}

@media (max-width: 480px) {
	.custom-50-col {
		width: 50%;
	}
}

.product-image .labels .onhot,
.summary-before .labels .onhot {
	background-color: #C6A47E;
}

ul.products .price {
	font-size: 1rem;
	color: #c6a47e;
}

.products-slider.products li.product .add-links-wrap {
	display: none;
}

ul.products li.product-col .add-links-wrap {
	display: none;
}

.footer .wysija-submit {
	background-color: #BD9D77;
}

#header .mobile-toggle {
	display: inline-block;
	 transition: all ease-in-out .3s;
}

#header a.mobile-toggle:hover { transform: rotate(90deg); }

.single-product .product-summary-wrap .price {
	color: #BD9D77;
}

.custom-form-input {
	max-width: 760px;
	margin: 0 auto;
}

.single-product form.cart:not(.variations_form) {
	display: none;
}

.woocommerce-product-rating {
	display: none;
}

.single-product .product_title {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 1.5rem;
}

.custom-img-size-1 img {
	width: 110px;
	height: 110px;
}

.custom-img-size-2 img {
	width: 85px;
	height: 85px;
}

.custom-img-size-3 img {
	width: 90px;
	height: 90px;
}

.custom-img-size-contact img {
	width: 150px;
}

@media (max-width: 480px) {

	.custom-img-size-1 img,
	.custom-img-size-2 img,
	.custom-img-size-3 img {
		width: 100%;
		height: 274px;
	}

	.custom-img-size-contact img {
		width: 100%;
		height: auto;
	}
}

.category .blog-posts .post-medium .col-lg-5 { width: 55%; padding-right: 0; }

.category .blog-posts .post-medium .col-lg-7 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 0;
	width: 45%;
}

@media (max-width: 480px)
{
	.category .blog-posts .post-medium .col-lg-5 { width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); }
	.category .blog-posts .post-medium .col-lg-7 { width: 100%; padding-left: calc(var(--bs-gutter-x) / 2); }
}

.category .blog-posts .post-medium .col-lg-7 .post-content {
	background: rgb(20 20 20 / 65%);
    position: relative;
    width: 100%;
    transition: all 0.3s;
	padding: 20px;
	color: #FFF;
}

article.post-medium .post-image.single { margin-bottom: 10px; }

@media (max-width: 480px) {
	.category .blog-posts .post-medium .col-lg-7 .post-content {
		margin-bottom: 15px;
	}
}

/*---------- Mobile menu ---------- */
html.panel-opened .page-wrapper,
html.panel-opened #header.sticky-header .header-main.sticky,
html.sidebar-opened #header.sticky-header .header-main.sticky,
.filter-sidebar-opened #header.sticky-header .header-main.sticky {
	left: auto;
	right: auto;
}

html.panel-opened .side-nav-panel-close {
	color: #000;
}

/*---------- Blog banner ---------- */
.blog-banner-cat-box {
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.5);
}

.blog-banner-cat-box.elementor-widget-icon-box .elementor-icon-box-wrapper {
	text-align: left;
}

.blog-banner-cat-box .porto-sicon-box {
	margin-bottom: 0;
}

.blog-banner-cat-box .porto-sicon-title {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0;
	color: #c6a47e;
	font-weight: bold;
	font-family: 'Roboto';
}

.blog-banner-cat-box .porto-sicon-description {
	color: #c6a47e;
	font-style: italic;
	font-size: 13px;
	margin-top: 0;
}

.blog-banner-cat-box .porto-sicon-description p {
	margin: 0;
}

@media (max-width: 767px) {
	.blog-banner-cat-box {
		max-width: calc((100% - 16px) / 2) !important;
		/* 16px = gap của container chứa info box trong element */
	}
}

/*---------- So do trang chu ---------- */
.sodo {
	background: #272727;
	display: flex;
	justify-content: space-between !important;
	margin: 0px auto;
	max-width: 1300px !important;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
	position: relative;
	padding-top: 20px;
}

.sodo img {
	max-height: 100px !important;
}

.sodo_l {
	text-align: center;
}

.sodo_l img {
	max-height: 100px !important;
}

.sodo_l2 {
	background: url('images/img3.jpg') center bottom no-repeat;
	height: 500px;
	background-size: 100% 100%;
	position: relative;
}

.sodo_l2:before,
.sodo_l2:after {
	height: 68px;
	width: 1px;
	background: #c6a47e;
	position: absolute;
	left: 230px;
	bottom: -3px;
	content: "";
	transform: rotate(45deg);
}

.sodo_l2:after {
	transform: rotate(-45deg);
}

.note {
	margin-top: 10px;
	font-style: italic;
	font-family: "Times New Roman", Poppins;
	font-weight: normal;
	color: #fff;
}

.sodo_l .td {
	color: #c6a47e;
	font-size: 25px;
	position: relative;
	text-align: center;
	margin-bottom: 20px;
}

.sodo_l .td:before {
	content: "";
	background: #c6a47e;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	width: 90%;
	height: 1px;
}

.sodo_l .td span {
	background: #272727;
	display: inline-block;
	padding: 0 10px;
	position: relative;
	font-family: "Times New Roman", Poppins;
	font-weight: normal;
}

.sodo_r {
	width: 44%;
	margin-top: 57px;
	padding-left: 150px;
}

.sodo1 {
	/* width:90%; */
	margin: auto;
}

.sodo1,
.sodo2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 15px;
}

.sodo2 {
	width: 86%;
	margin: auto;
}

.sodo2 p:nth-child(1),
.sodo2 p:nth-child(3) {
	margin-top: -30px;
}

.sodo3 {
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 80%;
	margin-top: -20px;
}

.sodo3 img {
	max-width: 70px !important;
}

@media (max-width: 480px)
{
	.sodo3 img { max-width: 55px !important; }
}

.sodo3 p:nth-child(2) {
	margin-top: 40px;
}

.sodo1 p,
.sodo2 p,
.sodo3 p {
	padding: 15px;
	position: relative;
	margin-left: -1px;
	margin-top: -1px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sodo1 p span,
.sodo2 p span,
.sodo3 p span {
	position: absolute;
	left: 5px;
	top: 2px;
	display: none;
}

@media (max-width: 767px) {
	.sodo1, .sodo2, .sodo3 {
		height: calc((100% - 45px) / 3);
		padding: 15px;
	}
	.sodo2 p:nth-child(1), .sodo2 p:nth-child(3) {
		margin-top: 0;
	}
	.sodo3 {
		margin-top: 0;
		width: 86%;
	}

	.sodo3 p:nth-child(2) {
		padding: 0;
	}
}

.sodo_r h2.elementor-heading-title a:hover { color: #C6A47E; }

@media (max-width: 767px)
{
	.sodo_r
	{
		width: 100%;
		padding-left: 10px;
		margin-top: 20px;
		padding-bottom: 60px;
	}

	body.home { display: block; }
}

#header .header-main { background-color: #141414; }

#header .header-main .container { border-bottom: 1px solid #555; }

#header .header-main .header-left, #header .header-main .header-right { padding: 10px 0; }

.page-top { padding: 32px 0; background-color: #141414; }

#side-nav-panel.panel-right { background-color: #272727; }

#side-nav-panel .accordion-menu li.menu-item.active > a,
#side-nav-panel .menu-custom-block a:hover { background-color: #272727; color: #fff !important;
font-weight: bold; }

#side-nav-panel .accordion-menu li.menu-item > a, #side-nav-panel .menu-custom-block a, #side-nav-panel .accordion-menu li.menu-item > .arrow { color: #fff; }

#side-nav-panel .accordion-menu li.menu-item.current-menu-item > .arrow, #side-nav-panel .accordion-menu li.menu-item.active > .arrow { color: #fff; }

#side-nav-panel .accordion-menu li.menu-item > a:hover, #side-nav-panel .accordion-menu li.menu-item:hover > .arrow { color: #fff; }

#side-nav-panel .accordion-menu li.menu-item:hover > a { color: #fff; }

#side-nav-panel .accordion-menu li:not(:last-child) { border-bottom: 1px solid rgb(255 255 255 / 10%); }

ul.products .woocommerce-loop-product__title { margin-bottom: 20px; }

ul.products .category-list {
	margin-bottom: 7px;
    font-size: 13px;
	line-height: 17px;
}

ul.products .product-image
{
	background-color: transparent;
	margin-bottom: 30px;
}

.product-images .product-image-slider.owl-carousel .img-thumbnail { background-color: transparent; }

.page-template-default #main, .tax-product_cat #main,
.post-type-archive-product #main { padding-top: 30px; }

.single-product #main { padding-top: 40px; }

.danhmuc {
    margin-bottom: 20px;
}

.danhmuc ul li a:hover { background-color: #c6a47e; }

.danhmuc2 ul li a {
    border: 1px solid #c6a47e;
    border-radius: 30px;
    margin: 2px 0;
    padding: 6px 14px;
    font-size: 14px;
    color: #ffffff !important;
}

.danhmuc ul li a { display: block; text-transform: uppercase; }

.danhmuc2 ul li {
    display: inline-block;
}

.widget_nav_menu li>a { color: #fff; text-transform: uppercase; }

.woocommerce-page.archive .sidebar-content .widget-title
{
	background-color: #c6a47e;
    text-align: center;
    padding: 8px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
}

.custom-single-content .elementor-widget-container
{
	background: #cccccc;
    color: #333333;
    padding: 40px 5%;
    max-height: 600px;
    overflow: auto;
}

.custom-product-content .elementor-widget-container
{
	background: transparent;
    color: #fff;
    padding: 10px 5%;
    max-height: 435px;
    overflow: auto;
}

.custom-product-content .elementor-widget-container::-webkit-scrollbar {
  background: #363230;
  width: 5px;
  height: 11px;
}

.custom-single-content .elementor-widget-container::-webkit-scrollbar {
  background: #363230;
  width: 5px;
  height: 11px;
}

::-webkit-scrollbar-thumb {
  background: #c6a47e;
}

.custom-map-icon h3.elementor-icon-box-title { margin-bottom: 0; }

.custom-contact-form input[type=submit]
{
	height: 50px;
    padding: 0 60px !important;
	text-transform: uppercase;
	background-color: #C6A47E;
	border-radius: 5px;
	font-size: 15px !important;
    font-weight: bold;
}

/*---- Start here ---- */

.gpc-vertab {
  --nav-width: 350px;
  --nav-gap: 20px;
  --nav-bg: transparent;
  --nav-color: #fff;
  --nav-active-bg: rgba(255, 255, 255, 0.2);
  --nav-active-color: #fff;

  display: block;
  margin: auto;
  position: relative;
}

.gpc-vertab input[name="sections"] {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.gpc-vertab section label {
  cursor: pointer;
  display: block;
  padding: 20px;
  position: relative;
  background-color: var(--nav-bg);
}

@media (min-width: 992px) {
  .gpc-vertab section {
    display: block;
  }

  .gpc-vertab section + section {
    margin-top: var(--nav-gap);
  }

  .gpc-vertab section label {
    width: var(--nav-width);
  }

  .gpc-vertab__nav-item h3 {
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0;
  }

  .gpc-vertab__nav-item p {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .gpc-vertab__nav-item p:last-child {
    margin-bottom: 0;
  }

  .gpc-vertab section article {
    display: none;
    left: calc(var(--nav-width) + var(--nav-gap));
    padding: 0;
    position: absolute;
    top: 0;
	width: 70%;
  }

  .gpc-vertab input[name="sections"]:checked ~ article {
    display: block;
  }

  .gpc-vertab input[name="sections"]:checked + label,
  .gpc-vertab section label:hover {
    background: var(--nav-active-bg);
    color: var(--nav-active-color);
  }
}

@media (max-width: 575px)
{
	#header .searchform-popup { display: inline-block; }
}

#side-nav-panel .searchform-fields { display: none; }

.search-results #main { padding-top: 30px; }

.custom-empty-room
{
	min-height: 600px;
    height: 100vh;
	padding-bottom: 30px;
}

.page-id-7228 #main { padding-top: 0; }

/*=============================================
=            Post header            =
=============================================*/
.post-header {
	position: relative;
}

@media (min-width: 768px) {

	.post-header__image {
		max-width: 75%;
		z-index: 1;
	}

	.post-header__info {
		padding: 20px;
		position: absolute;
		right: 0;
		top: 80px;
		width: 600px;
		background-color: #ccc;
		color: #333;
		z-index: 2;
		text-align: center;
	}

	.post-header__info .entry-title {
		font-family: 'Times New Roman', Times, serif;
		font-weight: 400;
		color: #333 !important;
		font-size: 34px;
		line-height: 38px;
	}
    
	.post-header__info .entry-excerpt {
		font-style: italic;
		font-family: 'Times New Roman', Times, serif;
		font-size: 14px;
		line-height: 20px;
	}
}

.single-post .post-meta a { color: #fff; }

.arcontactus-widget.right.arcontactus-message { bottom: 60px !important; }

.custom-partner .eicon-chevron-left
{
	margin-left: -30px;
	color: #CDCDCD;
    background: #fff;
    padding: 5px;
    border-radius: 50%;
}

.custom-partner .eicon-chevron-right
{
	margin-right: -30px;
	color: #CDCDCD;
    background: #fff;
    padding: 5px;
    border-radius: 50%;
}

.custom-service .elementor-image-box-wrapper { text-align: left !important; }

.owl-carousel .owl-dots .owl-dot span { background-color: #C6A47E; }

.gridlist-toggle { display: none; }

.woocommerce-tabs .tab-content { border-top: none; background-color: #272727; padding: 0; }

.woocommerce-tabs .resp-tabs-list li { border-bottom: none !important; font-size: 18px; }

.related.products .slider-title
{
	border-bottom: none;
    font-size: 34px;
    font-weight: 300;
	line-height: 38px;
    color: #c6a47e;
    text-align: center;
	font-family: 'Oswald', sans-serif;
}

.product-summary-wrap .product_meta span a { color: #c6a47e; font-size: 14px; }

.single-product .product-images .img-thumbnail .inner { border: none; }

.single-product .product-summary-wrap .description { color: #fff; }

.single-product .product-images .zoom i { color: #fff; }

.product-summary-wrap .summary-before, .single-product .entry-summary { width: 50%; }

@media (max-width: 480px)
{
	#header.sticky-header .header-main.change-logo .logo img { max-width: 180px; }

	.product-summary-wrap .summary-before, .single-product .entry-summary { width: 100%; }
}

.category-blog #header .header-main, .cat-blog #header .header-main,
.category-giam-tuyen #header .header-main, .category-tu-truyen #header .header-main,
.category-my-huong #header .header-main, .category-gia-huong #header .header-main,
.category-thua-giay #header .header-main
{
	background: #000;
    position: relative;
    width: 100%;
    z-index: 150;
    transition: all 0.3s;
    color: #ffffff;
}

.category-blog .main-content, .category-giam-tuyen .main-content,
.category-tu-truyen .main-content, .category-my-huong .main-content,
.category-gia-huong .main-content, .category-thua-giay .main-content
{ padding-top: 40px; }

.category-blog, .category-giam-tuyen, .category-tu-truyen, .category-my-huong,
.category-gia-huong, .category-thua-giay, .cat-blog
{
	background: url(/wp-content/uploads/2024/01/bg-scen-blog-new-img-scaled.jpg) center fixed;
    background-size: cover;
	position: relative;
}

.category-blog #main, .category-giam-tuyen #main, .category-tu-truyen #main,
.category-my-huong #main, .category-gia-huong #main, .category-thua-giay #main,
.cat-blog #main { background-color: transparent; }

.category-blog .blog-posts article, .category-giam-tuyen .blog-posts article,
.category-tu-truyen .blog-posts article, .category-my-huong .blog-posts article,
.category-gia-huong .blog-posts article, .category-thua-giay .blog-posts article
{
	background-image: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.category-blog .blog-posts article .post-meta,
.category-giam-tuyen .blog-posts article .post-meta,
.category-tu-truyen .blog-posts article .post-meta,
.category-my-huong .blog-posts article .post-meta,
.category-gia-huong .blog-posts article .post-meta,
.category-thua-giay .blog-posts article .post-meta
{ display: none; }

body.single-post article.post .post-meta { display: none; }

.single-post h1.entry-title {
	color: #fff;
	padding-top: 40px;
    padding-bottom: 10px;
    font-size: 2em;
}

.single-post article.category-blog { background-image: none; }

.single-post .main-content { padding-bottom: 0; }

.category-su-kien #main
{
	background: url(/wp-content/uploads/2024/01/scen-event-bg-sk.jpg) center fixed;
    background-size: cover;
	background-color: transparent;
	padding-top: 50px;
	position: relative;
}

.category-su-kien article .grid-box {
	position: relative;
}

.category-su-kien article .post-content {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 20px;
    background: rgba(0, 0, 0, .75);
    height: calc(100% - 40px);
    margin: 20px;
	transition: all 0.3s;
	opacity: 0;
}

.category-su-kien article:hover .post-content {
	opacity: 1;
}

.category-su-kien article .post-meta, .category-su-kien article .clearfix { display: none; }

.category-su-kien article .post-excerpt { color: #fff; }

.category-su-kien article .entry-title a:hover { color: #c6a47e; }

.category-blog article .entry-title a:hover { color: #c6a47e; }

.cat-su-kien #main { background-color: #696E62; }

.cat-su-kien #main .entry-content { color: #fff; }

.cat-blog .page-top { display: none; }

.cat-blog #main { padding-top: 30px; }

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands" !important;
}

.home #main { padding-top: 0; }

.custom-content-row .e-con-inner
{
	display: flex;
    align-items: center !important;
    justify-content: space-between !important;
}

.archive-products a.product-loop-title:hover { color: #c6a47e; }

.archive-products .category-list a:hover { color: #676767; }

.products .category-list a:hover { color: #676767; }

.products a.product-loop-title:hover { color: #c6a47e; }

.category-su-kien article.post .post-image.single { margin-bottom: 0; }

.term-description { color: #fff; }

@media (max-width: 480px)
{
	.single-post.cat-blog h1.entry-title { color: #333; font-weight: 400; }
}

.mfp-content .mfp-figure figure:before { background: transparent; }

.single-product .mfp-figure:after { background: transparent; box-shadow: none; }

.single-product .mfp-bg { background: rgb(30,30,30); }

.category-su-kien .blog-posts .post .entry-title { font-size: 16px; line-height: 22px; }

.blog-posts .post,
.archive-products .product {
	position: relative;
	transform: translateY(150px);
	opacity: 0;
	transition: 1s all ease;
}

.blog-posts .post.active,
.archive-products .product.active {
	transform: translateY(0);
	opacity: 1;
}

#header .search-popup .search-toggle { color: #fff; }

.ngonngu { height: 20px; }

.ngonngu img {
    max-height: 20px;
}

@media (max-width: 767px)
{
	#header .logo { width: 130px; }
	
	#header .mobile-toggle { margin: 3px 0 3px 8px; }
	
	#header .searchform-popup .search-toggle { font-size: 24px; }
}

.page-id-6479 #main { padding-top: 0; }

.accordion-menu li.menu-item>a { font-family: 'Roboto'; font-size: 16px; line-height: 22px; }

.cat-blog .post-header__info h1.entry-title 
{ 
	font-size: 35px;
    color: #333333 !important;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
}

.custom-single-content p { font-weight: normal; }

.post-header__info .entry-excerpt p { font-weight: normal; }

.search .blog-posts .post {
    opacity: 1;
    background: transparent;
}

.product-thumbs-slider.owl-carousel .owl-item.selected .img-thumbnail
{
	border: 1px solid #222;
    background: transparent;
}

.e-con>.e-con-inner { max-width: 1200px; }

.custom-brand-img a:hover { background-color: #C6A47E; opacity: 0.6; }

@media (max-width: 767px)
{
	.ten_p { top: 160px; }
	
	.ten_p span { 
		font-size: 16px;
		letter-spacing: 4px;
        padding-bottom: 5px;
        margin-bottom: 5px;
	}
	
	.elementor-widget-video .e-hosted-video .elementor-video { object-fit: revert !important; 
	    top: 100px; position: relative; }
	
	.elementor-widget-video .elementor-wrapper video { background-color: transparent !important; }
	
	.sodo_l2 { margin-top: 120px; margin-bottom: 120px; height: 300px; }
	
	.sodo_l img { max-height: 60px !important; }
	
	.custom-brand-img img
	{
		padding: 10px;
        border: 1px solid #f2f2f2;
        border-radius: 50px;
	}
	
	.archive.tax-product_cat .container { padding-left: 10px; padding-right: 10px; }
	
	.tax-product_cat #main { padding-top: 10px; }
}