/*
Theme Name: Vaalbara
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.price-contact {
	margin: auto;
    display: block;
    text-align: center;
    padding: 10px 20px;
    background-color: #15473e;
    width: 100%;
    color: white;
}
li {
	margin-bottom: 0px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.p-10 {
	padding: 10px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.p-0 {
	 padding: 0px !important;
}
.mt-30 {
	margin-top: 30px;
}
.localtion-icon {
	width: 12px;
    margin-right: 6px;
}
.yith-wcwl-add-to-wishlist {
	display: none;
}
.qna {
	margin-top: -30px !important;
}
.qna-text h5 {
	font-size: 18px;
	color: #7CC2B8 !important;	
}
.qna .va-big-call .last-reset {
	padding-top: 20px;
}
.qna .va-big-call .last-reset h3 {
	font-size: 16px;
	font-weight: 500;
}
.qna .va-big-call .last-reset p {
	color: #7CC2B8;
	font-weight: 700;
}
.qna .radius, .qna .text-radius {
	border-radius: 45px !important;
    border: solid 1px black !important;
    background-color: white !important;
    color: black !important;
    padding: 15px !important;
    font-size: 16px;
    font-weight: 500;
}
.qna .radius::placeholder {
  color: black !important;
}
.qna .text-radius::placeholder {
  color: black !important;
}
.qna .section-title b:first-child {
	display: none;
}
.nav-dropdown-has-border .nav-dropdown {
	border: solid 1px #DEDEDE !important;
	background-color: #DEDEDE !important;
	padding: 0px !important;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
	border-bottom: unset !important;
	color: black;
}
.nav-dropdown li {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.nav-dropdown li:hover {
	background-color: #15473E !important;
}
.nav-dropdown li:hover > a {
	color: white !important;
	transform: 0.3;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before,
.nav-dropdown-has-arrow li.has-dropdown:after {
	display: none !important;
}
.list-location .title {
	font-size: 22px;
	text-transform: uppercase;
	color: #7CC2B8;
	width: 100%;
	border-bottom: solid 1px #15473E;
	display: block;
}
.list-location .list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.list-location .list li {
	font-size: 16px;
	font-weight: 300;
}
.f-32 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 0px;
}
td {
	border-bottom: unset !important;
}
.va-big-title {
	font-size: 32px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 0px;
}
.va-big-title .section-title {
	margin-bottom: 0px;
}
.va-big-title .section-title-main {
	color: #7CC2B8;
}
.va-desc-title .section-title-main {
	color: #15473E;
	font-size: 16px;
	font-weight: 700;
	border-radius: 45px;
	border: dashed 1px #CAA98C !important;
	margin-bottom: 0px;
	padding: 4px 8px;
	width: 100%;
}
.va-top-post .box-text {
	background-color: #15473E !important;
	text-align: left;
}
.va-top-post .box-text .is-divider {
	display: none;
}
.va-top-post .box-text .post-title {
	border-left: solid white 3px;
	padding-left: 15px;
}
.va-top-post .box-text .post-title, .va-top-post .box-text .post-title a {
	color: white !important;
	font-size: 20px;
}
.va-top .va-blog-sibar, .va-top .va-blog-sibar .post-item {
	padding: unset !important;
	margin-bottom: 20px;
}
.title-sibar-no-border {
	margin-bottom: 0px !important;
}
.no-border .section-title-main, 
.no-border .section-title-normal, .title-sibar-no-border .section-title-normal {
	border-bottom: unset;
}
.title-no-border .section-title-normal, .title-sibar-no-border .section-title-normal {
	border-bottom: unset;
}
.title-sibar-no-border .section-title-main {
	border-bottom: unset !important;
	color: #15473E;
	font-size: 20px;
	background-color: #7CC2B8;
	width: 100%;
    text-align: center;
	margin-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.va-blog-sibar .is-divider {
	display: none !important;
}
.title-no-border .section-title-main {
	border-bottom: unset !important;
	font-size: 32px;
	color: #15473E;
}
.va-blog-sibar {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 10px !important;
}
.va-blog-sibar .post-item {
	padding: 10px !important;
	margin-bottom: 10px;
	background-color: white;
}
.va-blog-list .post-item .post-title {
	color: #7CC2B8;
}
.va-blog-list .post-item .post-title:hover, 
.va-blog-list .post-item .post-title a:hover {
	color: #15473E;
}
.post-item .box-text {
	vertical-align: top !important;
}
.va-item-options .col-inner {
	 padding: 15px !important;
}
.va-product-details-tabs {
	background-color: #ECECEC;
	flex-direction: unset;
	width: 100%;
	padding-left: 20px !important;
}
.va-product-details-tabs div.ux-menu-link {
	float: left;
	margin-right: 5% !important;
}
.va-product-details-tabs div.ux-menu-link a.ux-menu-link__link {
	font-weight: 500;
	min-height: unset;
	font-size: 15px;
}
.va-product-details-tabs span.ux-menu-link__text {
	color: #7CC2B8 !important;
}
.w-radius, .w-text-radius {
	border-radius: 45px !important;
	border: solid 1px black !important;
	background-color: white !important;
	color: black !important;
	padding: 15px !important;
	font-size: 16px;
	font-weight: 500;
}
.radius, .text-radius {
	border-radius: 45px !important;
	border: solid 1px white !important;
	background-color: #7CC2B8 !important;
	color: white !important;
	padding: 15px !important;
	font-size: 16px;
	font-weight: 500;
}
.wpcf7-form-control-wrap .text-radius {
	border-radius: 30px !important;
	height: 160px;
}
.wpcf7-form-control-wrap .w-text-radius {
	border-radius: 30px !important;
	height: 160px;
}
.va-btn-submit {
	border-radius: 45px !important;
	padding: 8px 16px;
	background-color: #C29D7C !important;
	color: white;
}
.va-btn-submit: hove {
	background-color: #C29D7C !important;
	color: white;
}
.radius::placeholder {
  color: white !important;
}
.text-radius::placeholder {
  color: white !important;
}
.w-radius::placeholder {
  color: black !important;
}
.w-text-radius::placeholder {
  color: black !important;
}
.va-big-call .last-reset {
	padding-top: 15px;
}
.va-big-call .last-reset h3 {
	font-weight: 500;
	font-size: 32px;
	color: black;
	margin-bottom: 0px;
}
.va-big-call .last-reset p {
	font-weight: 500;
	font-size: 32px;
	color: white;
}
.va-share-user {
	color: #CAA98C;
	font-size: 16px;
	font-weight: 500;
}
.va-share-user span {
	color: black;
	font-weight: 300;
}
.va-helpful-text {
	height: 160px;
}
.va-helpful-b-title {
	font-size: 26px;
	color: black;
	border-left: solid 10px #7CC2B8;
	padding-left: 15px;
	font-weight: 500;
}
.va-helpful-b-title span {
	color: #7CC2B8;
}
.va-options-title {
	font-size: 24px;
	line-height: normal;
}
.va-helpful-title {
	font-size: 20px;
	color: #7CC2B8;
}
.va-sec-title h3 .section-title-main {
	color: #15473E;
	font-size: 32px;
}
.section-title b {
	background-color: #7DC3B8;
	opacity: 1;
}
.nav>li.active {
	border-bottom: 2px solid #C29D7C;
	box-sizing: border-box;
}
.va-title {
	font-weight: 700;
	color: #15473E;
	font-size: 32px;
	margin-bottom: 0px;
}
.va-tag {
	background-color: #C29D7C;
	padding: 6px 16px;
	font-size: 16px;
	border-radius: 6px;
	color: white;
	display: inline;
}
.list-sale {
	text-align: center;
	padding: 10px !important;
	background-color: white;
	border-radius: 6px;
}
.list-sale div.wapper {
	border: solid 1px #15473E;
	padding: 20px;
	border-radius: 6px;
}
.list-sale div.wapper h3 {
	color: #15473E;
	font-size: 16px;
}
.list-sale div.wapper h2 {
	color: #7CC2B8;
	font-size: 32px;
}
.btn-focus {
	background-color: #C29D7C;
	color: white;
	border-radius: 45px;
	padding: 8px 16px;
}
.btn-focus:hover {
	color: #15473E;
}
.advise {
	padding: 0px !important;
}
.advise .phone {
	color: #A6601A;
	font-size: 32px;
	font-weight: 700;
	line-height: 38.73px;
	text-align: left;
}
.advise .row .col {
	margin-bottom: 0px !important;;
	padding-bottom: 0px !important;
}
.advise .row .col .col-inner {
	border-radius: 45px;
}
.advise .row .col .col-inner p {
	font-size: 16px;
	padding: 5px;
	margin-bottom: 15px;
	color: white;
}
.advise .row .col .col-inner a {
	font-size: 16px;
	padding: 5px;
	margin-bottom: 15px;
	color: white;
}
.advise .row .col .col-inner a:hover {
	color: black;
}
.header-call .last-reset {
	padding-top: 7px;
	font-size: 16px;
}
.header-call .last-reset .call a {
	color: #15473e;
	font-size: 18px;
	font-weight: 700;
}
.header-call .last-reset .call a:hover {
	color: #15473E;
}
.absolute-footer {
	display: none;
}
.giuseart-nav {
    position: fixed;
    right: 15px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 30%;
    padding: 10px 0;
    border: 1px solid #f2f2f2
}

.giuseart-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.giuseart-nav ul>li a {
    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 80px;
    text-decoration: none
}

.giuseart-nav ul>li a i.ticon-heart {
    background: url(https://kaapvaal.vn/wp-content/uploads/2024/11/shopee.png) 0 0/contain no-repeat;
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto
}

.giuseart-nav ul>li a i.ticon-zalo-circle2 {
    background: url(https://kaapvaal.vn/wp-content/uploads/2024/11/zalo.png) 0 0/contain no-repeat;
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto
}

.giuseart-nav ul>li a i.ticon-messenger {
    background: url(https://kaapvaal.vn/wp-content/uploads/2024/11/mesenger.png) 0 0/contain no-repeat;
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto
}

.giuseart-nav ul>li a i.icon-phone-w {
    background: url(https://kaapvaal.vn/wp-content/uploads/2024/11/phone.png) 0 0/contain no-repeat;
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto
}

.giuseart-nav ul li.phone-mobile .phone_animation i {
    display: inline-block;
    width: 60px;
    height: 60px
}
.readmore, .hidemore {
    width: 240px;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    color: #e08c04;
    margin: 10px auto;
    cursor: pointer;
    border: 1px solid #e08c04;
    text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
}
.readmore:hover, .hidemore:hover {
	color: #e08c04;
	background-color: #f1e0c4;
}
.custom-breadcrumb .page-title-inner {
	padding-top: 0px !important;
}
strong {
	font-weight: bold !important;
}
.h3 {
	color: #15473e;
	font-weight: 500; 
}
.h2 {
	margin-bottom: 10px;
    font-size: 28px;
    color: #7cc2b8;
    font-weight: 500; 
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.section {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
	}
	.header-call .last-reset {
		padding-top: 2px;
		font-size: 14px;
	}
	#logo {
		width: 140px !important;
	}
	#logo img {
		max-height: 45px !important;
	}
	.medium-logo-left .flex-right {
		flex: none !important;
	}
	.nav-center {
		justify-content: left !important;
	}
	.nav .html_topbar_right {
		position: absolute;
    	right: 0px;
	}
	.header-location {
		color: #7CC2B8 !important;
	}
	#main-menu .header-location, #main-menu .account-item {
		display: none !important;
	}
	.mobile-nav .icon-box-img {
		width: 40px !important;
	}
	.giuseart-nav {
        background: #fff;
        border-radius: 0;
        color: #fff;
        height: 90px;
        line-height: 50px;
        z-index: 999;
        padding: 5px;
        margin: 0;
        box-shadow: 0 4px 10px 0 #000;
		right: 0px;
        width: 100%;
        bottom: 0px;
    }
    .giuseart-nav li {
        float: left;
        width: 25%;
        list-style: none;
        height: 50px
    }
    .giuseart-nav ul>li a {
        padding: 0;
        margin: 0 auto
    }
	.section-title-bold-center span, .section-title-center span {
		font-size: 20px;
	}
	.section-title b {
		display: none !important;
	}
	.va-sec-title h3 .section-title-main {
		font-size: 24px;
		text-align: center;
        width: 100%;
	}
	.va-options-title {
		font-size: 20px;
	}
	.va-helpful-b-title {
		font-size: 20px;
	}
	.va-big-call img {
		width: 70px !important;
		height: 70px !important;
	}
	.va-big-call .icon-box-img {
		width: 70px !important;
	}
	.va-big-call .last-reset {
		padding-top: 5px;
	}
	.va-big-call .last-reset h3, .va-big-call .last-reset p {
		font-size: 20px;
	}
	.va-order h2 {
		font-size: 20px;
	}
	.va-img .img-inner {
		padding-top: 100% !important;
	}
	.footer .section {
		padding-top: 30px !important;
	}
	.list-sale {
		padding-top: 0px !important;
	}
	.va-vision .img, .va-vision .img img {
		width: 100% !important;
	}
	.title-no-border .section-title-main {
		font-size: 24px;
	}
	.va-product-details-tabs div.ux-menu-link a.ux-menu-link__link {
		font-size: 12px;
	}
	.va-blog-sibar .post-item {
		padding: 0px !important;
		margin-bottom: 0px !important;
	}
}