/*
Theme Name: Nikkoku Tân Long
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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

@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

body {
	font-size: 15px !important;
	line-height: 1.6;
}

.is-divider {
	display: none;
}

.gtranslate_wrapper {
	display: flex;
	align-items: center;
	gap: 3px;
}

.banner-content h2 {
	color: var(--fs-color-secondary);
	font-family: 'MonteCarlo', cursive;
	font-weight: 400 !important;
	font-size: 96px;
	text-align: left;
	margin: 0;
}

.banner-content h4 {
	color: var(--fs-color-success);
	text-align: right;
	font-size: 30px;
	line-height: 1.33;
	margin: 0;
}

.banner-content h3 {
	margin-top: 0;
	color: var(--fs-color-success);
	font-size: 40px;
	line-height: 1;
}

.banner-content a.button {
	background: linear-gradient(90deg, #468742 0%, #62A95E 100%);
	font-size: 16px;
	line-height: 1.5;
}

.banner-content a.button span,
.service-content a.button span {
	line-height: inherit;
}

@media (max-width: 991px) {

	.banner-content h2 {
		font-size: 70px;
	}
}

.section-heading .icon-box-img {
	margin-bottom: 0;
}

.section-heading h5 {
	font-family: 'Jura', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 2px;
}

.section-heading h3 {
	font-size: 32px;
	line-height: 1.26;
}

.section-heading p {
	margin-bottom: 16px;
}

.image-right {
	width: auto !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.image-right img {
	width: auto;
}

.why-content {
	margin-left: -60px;
	margin-bottom: 44px;
}

.why-content h5 {
	color: var(--primary-color);
}

.why-content h3 {
	font-size: 30px;
	line-height: 1.33;
}

.ic-why {
	align-items: center;
}

.ic-why h5,
.service-content h5 {
	font-family: 'Jura', sans-serif;
	font-size: 18px;
	line-height: 1.35;
	text-transform: capitalize;
	margin-bottom: 4px;
}

.service-item {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 380px;
}

.service-thumb {
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
}

.service-thumb::before {
	content: '';
	display: block;
	padding-top: 135%;
}

.service-thumb a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.service-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.service-content h5,
.service-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.service-content h5 a {
	display: block;
}

.service-content h5 a:hover {
	color: var(--primary-color);
}

.service-content a.button {
	border-width: 1px;
	text-transform: inherit;
	padding: 6px 24px;
	line-height: 1.5;
}

.blogs-list .flickity-button {
	display: none;
}

.blogs-list .flickity-page-dots {
	left: 0;
	right: inherit;
	bottom: -30px;
	z-index: 2;
}

.blogs-list .dot.is-selected,
.blogs-list .dot:hover {
	background-color: var(--primary-color);
}

.blogs-list .flickity-viewport {
	margin-bottom: 55px;
}

.blogs-list .blog-post-inner {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
}

.blogs-list .blog-post-inner h5 {
	order: 2;
	font-family: 'Jura', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
}

.blogs-list .blog-post-inner h5 a {
	display: block;
	text-decoration: underline;
	line-height: inherit;
	margin: 0;
}

.blogs-list .blog-post-inner .post-meta {
	order: 3;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.7;
	color: #867258;
	letter-spacing: 1.28px;
}

.blogs-list .blog-post-inner p {
    order: 1;
    color: #313131;
    font-size: 15px;
    margin: 0;
}

.section-trip {
	background: radial-gradient(114.03% 2560.83% at 105.8% -194.26%, #C4A984 0%, #5E513F 100%);
}

.section-trip .section-content {
	z-index: inherit;
}

.title-wrapper {
	position: relative;
	z-index: 2;
}

.title-wrapper h2 {
	font-size: 130px;
	line-height: 0.31;
	letter-spacing: 1.28px;
	text-align: center;
}

.ic-step h4 {
	font-family: 'Jura', sans-serif;
	font-size: 18px;
	line-height: 1.35;
	margin-bottom: 4px;
}

.item-info:not(:last-child) {
    margin-bottom: 12px;
}

.title-footer h3 {
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.64px;
	margin-bottom: 16px;
}

.item-info h3 {
	font-family: 'Jura', sans-serif;
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 0.16px;
}

.nav-footer-item .widget_nav_menu {
	padding: 0;
	margin: 0;
}

.nav-footer-item ul.menu>li+li {
	border: none;
}

.nav-footer-item ul.menu a {
	display: block;
}

.footer-wrapper {
	background-color: #252525;
	background-image: url('../../../wp-content/uploads/2026/08/bg-footer.png');
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.footer-wrapper .nav-footer-item ul.menu a:hover {
	color: var(--primary-color);
}

.absolute-footer {
	padding: 22px 0 24px;
}

.copyright-footer,
.footer-nav li  {
	color: #FFFFFFCF;
	font-size: 14px;
	line-height: 2.15;
}

.footer-secondary {
	padding: 0;
}

.footer-nav ul {
	border: none !important;
	list-style: none;
	margin: 0;
	padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

.footer-nav li {
    margin: 0 !important;
}

.footer-nav li a {
	display: block;
}

.footer-wrapper .back-to-top {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: white;
}

.icon-about h3, 
.about-wrapper h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    text-transform: capitalize;
}

.image-strength ul {
	color: #002d68;
}

.image-strength-second ul {
	color: #1b6232;
}

.image-strength-third ul {
	color: #034693;
}

.ic-contact h4 {
	color: #949494;
	font-family: 'Jura', sans-serif;
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 2.6px;
	margin-bottom: 4px;
}

.ic-contact h3 {
	color: var(--fs-color-secondary);
	font-size: 40px;
	line-height: 1.2;
	text-transform: capitalize;
}

.rw-contact input {
	height: auto;
}

.rw-contact input,
.rw-contact textarea {
	margin-bottom: 0;
	background: #F6F5F2;
	border-color: #F6F5F2;
	border-radius: 5px;
	box-shadow: none;
	padding: 18px 20px;
}

.rw-contact input:focus,
.rw-contact textarea:focus {
	background-color: #F6F5F2;
	box-shadow: none;
	border-color: black;
}

.rw-contact input[type="submit"] {
	padding: 16px 55px;
}

.rw-contact input[type="submit"]:focus {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

@media (min-width: 1024px) {

	.step-image-right {
		margin-top: -100px;
		margin-right: -55px;
	}

	.step-image-left {
		margin-left: -55px;
	}
}

@media (max-width: 991px) {

	.title-wrapper h2 {
		font-size: 80px;
	}

	.header-main li.html.custom {
		display: block;
		margin-right: 3px;
	}

	.header-main .mobile-nav li:nth-child(2) {
		margin-left: 0;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.image-right {
		display: none;
	}

	.why-content {
		margin-left: 0;
	}

	.blogs-list .flickity-page-dots {
		left: 5px;
	}

	.title-wrapper h2 {
		line-height: inherit;
	}

	.footer-wrapper {
		background-size: cover;
	}

	.copyright-footer, 
	.footer-nav li {
		line-height: 1.8;
	}
}