/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Template: flatsome
Version: 3.16.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.mb0,.mb0 *{
	margin-bottom: 0;
}
.pb0{
	padding-bottom: 0;
}
:root {
	  --ep-body-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, Meiryo, sans-serif;
    --epb-button-bg-color: #bc6060;
    --epb-button-border-color: #d29999;
    --epb-button-text-color: #ffffff;
    --epb-button-border-size: 2px;
		--epb-button-width-sp: 100%;
		--epb-button-width-tablet: 25%;
		--epb-button-width-pc: 20%;
		--epb-button-radius: 5px;
		--epb-button-padding-top: 0.6em;
		--epb-button-padding-right: 1.8em;
		--epb-button-padding-bottom: 0.6em;
		--epb-button-padding-left: 1.8em;
		--epb-button-border-style: solid;
		--epb-button-border-width-top: 2px;
		--epb-button-border-width-bottom: 2px;
		--epb-button-border-width-left: 2px;
		--epb-button-border-width-right: 2px;
		--epb-button-text-font-size-sp: 16px;
		--epb-button-text-font-size-tablet: 16px;
		--epb-button-text-font-size-pc: 16px;
		--epb-button-text-letter-spacing: 0em;
		--epb-button-text-line-height: 1;
		--epb-button-text-font-weight: bold;
		--epb-microcopy-top-font-size-sp: 12px;
		--epb-microcopy-top-font-size-tablet: 12px;
		--epb-microcopy-top-font-size-pc: 12px;
		--epb-microcopy-top-letter-spacing: 0.1em;
		--epb-microcopy-top-font-weight: normal;
		--epb-microcopy-bottom-font-size-sp: 12px;
		--epb-microcopy-bottom-font-size-tablet: 12px;
		--epb-microcopy-bottom-font-size-pc: 12px;
		--epb-microcopy-bottom-letter-spacing: 0.1em;
		--epb-microcopy-bottom-font-weight: normal;
		--epb-button-border-color: #c28e8e;
		--epb-button-background: #ffffff;
		--epb-button-text-color: #bc6060;
		--epb-button-icon-color: #333333;
		--epb-button-icon-style-color: #e5e7e8;
		--epb-microcopy-top-color: #333333;
		--epb-microcopy-top-style-color: #e5e7e8;
		--epb-microcopy-bottom-color: #333333;
		--epb-microcopy-bottom-style-color: #e5e7e8;
		--epb-microcopy-bottom-style-background-color: #ffffff;
}
.letter-spacing-1{
	letter-spacing: 1px;
}
body p , body div{
    font-family: "Times New Roman";
}
body h1, body h2, body h3, body h4, body h5, body h6{
    font-family: Quicksand, sans-serif;
}
.pt5{
	padding-top: 5px;
}
.radius-10{
	border-radius: 10px;
	overflow: hidden;
}
/* header */
	.header-main .container{
	  max-width: 100%;
	}
	header .header-nav-main.nav > li{
	  margin: 0;
	}
	header .header-nav-main.nav > li > a{
	  font-size: 14px;
	  font-weight: 400;
	  padding-left: 15px;
	  padding-right: 15px;
	  color: #333;
	}
	header .header-nav-main.nav > li + li > a:before {
	  display: block;
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  transform: translatey(-50%);
	  width: 1px;
	  height: calc(100% / 3.5);
	  background-color: rgb(51 51 51 / 0.4);
	  z-index: 1;
	  transform: rotate(8deg);
	  top: 35%;
	  opacity: 1 !important;
	}
	header .header-nav-main.nav > li > a:hover, header .header-nav-main.nav > li.current_page_item  > a {
	  text-decoration: none;
	  color: #bda192;
	}
	/* header .header-nav-main.nav > li > a:after {
	  display: block;
	  content: "";
	  position: absolute;
	  left: 0;
	  bottom: -14px;
	  width: 100%;
	  height: 1px;
	  background-color: #bda192;
	  transition: 0.3s cubic-bezier(0.13, 0.61, 0.26, 0.94);
	  opacity: 0;
	}
	header .header-nav-main.nav > li:hover > a:after {
    bottom: -8px;
    opacity: 1;
	} */
	header .header-nav-main.nav > li:last-child > a{
	  background-color: #987a6b;
	  color: #ffffff;
	}
	header .header-nav-main.nav > li:last-child > a:before{
	  display: none;
	}
	header .header-main .container{
	  padding-right: 0;
	}
	header .header-nav-main.nav > li:last-child:hover > a{
		background-color: #994c2c;
	}
/* header */
/* home */
	.banner-home{
	    position: relative;
	}
	.white-wave p{
		margin-bottom: 0;
		line-height: 1;
	}
	.white-wave{
	    position: absolute;
	    bottom: -5px;
	    left: 0;
			width: 100%;
	}
	.home-booking-button .button {
    border-radius: 10px;
		background-color: var(--epb-button-bg-color);
		border-color: var(--epb-button-border-color);
		color: #FFF;
		cursor: pointer;
		display: inline-block;
		line-height: 1.5;
		max-width: 100%;
		padding: 20px 135px;
		position: relative;
		text-align: center;
		text-decoration: none !important;
		transition: all .3s ease;
		vertical-align: bottom;
    border-width: 0;
		font-size: 20px;
		box-shadow: none;
	}
	.home-booking-button .button:before {
    border-color: var(--epb-button-border-color);
    border-style: solid;
    border-width: var(--epb-button-border-size);
    content: "";
    height: calc(100% + 2px);
    position: absolute;
    right: -6px;
    top: -6px;
    transition: all .2s ease;
    width: calc(100% + 2px);
		border-radius: 10px;
	}

	.home-booking-button .button:hover:before {
    right: -1px;
    top: -1px;
	}
	.qsf, .qsf h2, .qsf h3, .qsf .button{
    font-family: Quicksand, sans-serif;
	}
	.option-plan{
		position: relative;
	}
	.option-plan-wave-top{
	  position: absolute;
	  bottom: 100%;
	  left: 0;
	  width: 100%;
	  margin-bottom: -5px;
	}
	.option-plan-wave-bottom{
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
	}
	.option-plan-wave-top p, .option-plan-wave-bottom p{
		margin-bottom: 0;
		line-height: 1;
	}

	.home-gallery{
		position: relative;
	}
	.home-gallery-wave-top{
	  position: absolute;
	  bottom: 100%;
	  left: 0;
	  width: 100%;
	  margin-bottom: 20px;
	}
	.home-gallery-wave-bottom{
		position: absolute;
		bottom: -35px;
		left: 0;
		width: 100%;
	}
	.home-gallery-wave-top p, .home-gallery-wave-bottom p{
		margin-bottom: 0;
		line-height: 1;
	}
	.home-contact-button .button{
		width: 210px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
		color: var(--epb-button-text-color);
    border-color: var(--epb-button-border-color);
	}
	.kimono-item .box-image{
	  margin-bottom: 15px;
	}
	.kimono-item .box-image img{
	  border-radius: 10px;
	  aspect-ratio: 3 / 4;
	  object-fit: cover;

	}
	.kimono-item .short-desc{
	  display: none;
	}
	.kimono-item .post-title{
	  font-size: 1.14286rem;
	  color: #b18e7a;
	  text-align: left;
	  line-height: 1.4;
	}
	.kimono-item .post-title a{
		color: #b18e7a;
	}
	.tax-kimono_cat .kimono-item .short-desc{
		display: block;
		text-align: justify;
		font-size: 15px;
		color: #555;
		letter-spacing: 1px;
	}
	.kimono-item .is-divider{
	  background-color: #e6d9cf;
	  color: #e6d9cf;
	  height: 2px;
	  width: 100%;
	  max-width: 100%;
	  margin-top: 5px;
	  margin-bottom: 20px;
	}
	.kimono-item .button, .button.is-outline.kimono-cate-button{
	  border-radius: 25px;
	  padding-left: 55px;
	  padding-right: 55px;
	  padding-top: 6px;
	  padding-bottom: 6px;
	  line-height: 1;
	  font-size: 16px;
	  font-weight: 400;
	}
	.kimono-item .button span, .button.is-outline.kimono-cate-button span{
	  line-height: 24px;
	}
	.kimono-item .button:hover, , .button.is-outline.kimono-cate-button:hover{
	  transform: scale(1.06);
	}
	.kimono-item .price{
	  text-align: right;
	  font-size: 16px;
	  font-weight: 700;
	  font-family: "Noto Serif JP", serif;
	  margin-bottom: 30px;
	}
	.home-option-plan .banner{
    border-radius: 30px;
    overflow: hidden;
	}
	.button.btn-40{
	  border-radius: 25px;
	  padding-left: 55px;
	  padding-right: 55px;
	  padding-top: 6px;
	  padding-bottom: 6px;
	  line-height: 1;
	  font-size: 16px;
	  font-weight: 400;
	}
	.button.btn-40 span{
	  line-height: 24px;
	}
	.button.btn-40:hover{
	  transform: scale(1.06);
	}
	.home-testimonial .accordion-item{
	  text-align: left;
	  margin-bottom: 24px;
	}
	.home-testimonial .accordion-item .accordion-title{
	  background-color: #ebdbd2;
	  color: #333333;
	  text-align: left;
	  padding: 8px 16px;
	  border-radius: 3px;
	  font-size: 16px;
	  font-weight: bold;
	  border: 0;
	  line-height: 29px;
		padding-right: 40px;
	}
	.home-testimonial .accordion-item .accordion-title span:before{
	  content: "Q";
	  margin-right: 10px;
	}

	.home-testimonial .accordion .toggle{
	  position: absolute;
	  right: 0;
	  left: auto;
	}
	.home-testimonial .accordion-inner{
	  padding: 16px;
	  font-weight: 400;
	}
	.home-testimonial .accordion-inner p{
	  margin-bottom: 0;
	}
	.testimonial-row .col .col-inner{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.8px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 400;
	}
	.testimonial-row .testimonial-box{
	  margin-bottom: 10px;
	}
	.testimonial-row .testimonial-box .star-rating span:before{
	  color: #fbbc05;
	}
	.testimonial-row .testimonial-box .star-rating{
	  font-size: 14px;
	}
	.testimonial-row .testimonial-box .testimonial-meta{
	  padding-top: 10px;
	}
	.testimonial-row .testimonial-box .testimonial-name{
	  font-size: 18px;
	  color: #b18e7a;
	}
	.home-location .stack {
	  align-items: center;
	  margin-top: 40px;
	}
	.home-location .stack .button{
	  width: auto;
	  margin-right: auto;
	  max-width: fit-content;
	  min-width: 215px
	}
	.home-location .stack .button.white{
		border: 2px solid var(--primary-color);
		box-shadow: none !important;
	}
	.home-location .stack .button.white:hover{
		color: #FFF;
		background: var(--primary-color);
	}
/* home */

/* trang dịch vụ */
	.swiper-fancy-wrapper.fancybox-slider{
		overflow: hidden;
		padding-left: 25px;
		padding-right: 25px;
		position: relative;
	}
	.fancybox-slider .wpcp-swiper-dots {
	    margin: 40px 0px 0px 0px;
	}
	.fancybox-slider .wpcp-single-item {
	    box-shadow: 0px 0px 0px 0px #dddddd;
	    transition: all 0.3s;
	    margin: 0px;
	}
	.fancybox-slider .wpcp-single-item {
	    margin: 0 !important;
	}
	.fancybox-slider .wpcp-single-item:hover {
	    box-shadow: 0px 0px 0px 0px #dddddd;
	}
	.fancybox-slider .wpcp-single-item {
	    overflow: hidden;
	    vertical-align: middle;
	    float: none;
	    max-width: 100%;
	    position: relative;
			text-align: center;
	}
	.fancybox-slider .swiper-button-prev,
	.fancybox-slider .swiper-button-next,
	.fancybox-slider .swiper-button-prev:hover,
	.fancybox-slider .swiper-button-next:hover {
	    background: none;
	    border: none;
	    font-size: 30px;
	}
	.fancybox-slider .swiper-button-prev i,
	.fancybox-slider .swiper-button-next i {
	    color: #aaa;
	}
	.fancybox-slider .swiper-button-prev i:hover,
	.fancybox-slider .swiper-button-next i:hover {
	    color: #178087;
	}
	.fancybox-slider .wpcp-single-item img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
		max-width: 300px;
    border-radius: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.fancybox-slider .wpcp-single-item:hover img{
	    -webkit-transform: scale(1.2);
	    -moz-transform: scale(1.2);
	    transform: scale(1.2);
	}
	.fancybox-slider .swiper-button-next, .fancybox-slider .swiper-button-prev {
    top: 50%;
		position: absolute;
	}
	.fancybox-slider .swiper-button-prev{
		left: 0px;
	}
	.fancybox-slider .swiper-button-next{
		right: 0px;
	}
	.fancybox-slider .swiper-button-prev:after, .fancybox-slider .swiper-button-next:after{
    font-size: 15px;
    font-weight: bold;
		color: #aaa;
	}
/* trang dịch vụ */

/* recruit */
	.procedure-column .icon-box{
	    padding-left: 72px;
	    position: relative;

	}
	.procedure-column .icon-box:before {
	    bottom: 0;
	    content: "";
	    display: block;
	    left: 20px;
	    position: absolute;
	    top: 0;
	    border-left: 2px dotted #eeeff0;
	    font-family: "Noto Serif JP", sans-serif;
	}
	.procedure-column .icon-box:after {
	    content: "01";
	    background-color: #b18e7a;
	    color: #ffffff;
	    align-items: center;
	    border-radius: 50%;
	    display: flex;
	    height: 40px;
	    justify-content: center;
	    left: 0;
	    top: 0;
	    line-height: 1;
	    overflow: hidden;
	    position: absolute;
	    width: 40px;
	    font-size: 16px;
	}
	.procedure-column .icon-box:nth-child(2):after{
	    content: "02";
	}
	.procedure-column .icon-box:nth-child(3):after{
	    content: "03";
	}
/* recruit */


/* faq page */
	.faq-box .accordion-item{
	  text-align: left;
	  margin-bottom: 40px;
	}
	.faq-box .accordion-item {
	    background-color: #FBBB98;
	    color: #333333;
	    text-align: left;
	    padding: 14px;
	    border-radius: 10px;
	    font-size: 16px;
	    font-weight: bold;
	    border: 0;
	}
	.faq-box .accordion-item .accordion-title{
	    line-height: 29px;
	    padding: 5px;
	    padding-right: 40px;
	    background: none !important;
	    border: 0 !important;
	    color: #333 !important;
	    font-size: 16px;
	}
	.faq-box .accordion-item:nth-child(even) {
	    background-color: #ebdbd2;
	}
	.faq-box .accordion .toggle{
	}
	.faq-box .accordion-item .accordion-title span:before{
	  content: "Q";
	  margin-right: 20px;
	}

	.faq-box .accordion .toggle{
	  position: absolute;
	  right: 0;
	  left: auto;
	}
	.faq-box .accordion-inner{
	  padding: 16px;
	  font-weight: 400;
	}
	.faq-box .accordion-inner p{
	  margin-bottom: 0;
	}
	.faq-box .accordion-inner{
    background: #FFF;
		margin-top: 24px;
	}
/* faq page */


/* Kimono category */
	.page-title-inner{
		padding-top: 5px;
	}
	.rank-math-breadcrumb{
	    margin-bottom: 40px;
	}
	.rank-math-breadcrumb a, .rank-math-breadcrumb span{
	    font-size: 12.8px;
	}
	.rank-math-breadcrumb a{
	    color: #004e8e;
	}
	.rank-math-breadcrumb .separator{

	    margin-right: 4px;
	    margin-left: 4px;
	    color: #b8bcc0;
	}
	.page-title-inner h1{
	    line-height: 1.5;
	    font-size: 1.33333rem;
	    color: #333;
	    margin-bottom: 40px;
	}
	h2.wp-block-heading{
	    text-align: center;
	    margin-bottom: 45px;
	    color: #b18e7a;
	    font-size: 38px;
	}
/* Kimono category */


/* single kimono */
	.single-kimono h1.entry-title{
    font-size: 1.6rem;
    margin-bottom: 55px;
    font-size: 25px;
	}
/* single kimono */

/* photoplan archive */
	.photoplans-item .img img{
	    border-radius: 10px;
	}
	.photoplans-item .plan-title{
    margin-bottom: 30px;
    line-height: 1.45;
	}
	.photoplans-item .plan-title a{
	    color: #b18e7a;
	    font-size: 28px;
	}
	.photoplans-item .plan-excerpt{
	    text-align: justify;
			line-height: 1.8;
	}
/* photoplan archive */



/* single photo plans */
	/* CSS Tái tạo kiểu Justified của Modula */
	.photoplan-gallery-justified {
	    display: flex;
	    flex-wrap: wrap; /* Cho phép rớt dòng khi hết hàng */
	    gap: 10px; /* Khoảng cách giữa các ảnh */
	    margin-top: 30px;
	}

	.photoplan-gallery-justified .gallery-item-modula {
	    height: 300px; /* Chiều cao cố định cơ sở cho một hàng */
	    flex-grow: 1;  /* Ép ảnh giãn chiều ngang để lấp đầy hàng */
	    list-style: none;
	    overflow: hidden; /* Cần thiết cho hiệu ứng hover ảnh */
	    border-radius: 4px;
	}

	.photoplan-gallery-justified .gallery-item-modula img {
	    max-width: 100%;
	    min-width: 100%;
	    height: 100%;
	    object-fit: cover; /* Cắt ảnh lấp đầy khung mà không méo */
	    vertical-align: bottom;
	    transition: transform 0.5s ease;
	}

	/* Hiệu ứng hover giống mẫu của Modula */
	.photoplan-gallery-justified .gallery-item-modula:hover img {
	    transform: scale(1.1);
	}

	/* Tránh tấm ảnh cuối của hàng cuối bị giãn quá to bất thường */
	.photoplan-gallery-justified::after {
	    content: "";
	    flex-grow: 99999; /* Chiếm hết khoảng trống dư của hàng cuối, đẩy ảnh về bên trái */
	}

	/* Responsive cho Mobile */
	@media (max-width: 767px) {
	    .photoplan-gallery-justified .gallery-item-modula {
	        height: 180px; /* Chiều cao hàng thấp hơn trên mobile */
	    }
	}
/* single photo plans */


/* single photographer */
	.pg-head-box{
	    margin-bottom: 40px;
	}
	.pg-head-box h2{
	    color: #b18e7a;
	    font-size: 38px;
	    margin-bottom: 10px;
	}
	.pg-head-box .price-box{
	    font-size: 16px;
	    font-weight: bold;
	    font-family: Quicksand, sans-serif;
	}
	.single-photographer .entry-content{
	    font-size: 16px;
	    letter-spacing: 1px;
	    line-height: 1.7;
	    color: #666;
	}
	.photoplan-table table{
	  border-collapse: collapse;
	}
	.photoplan-table table th {
	  background-color: #F5DDB9;
	  border: 1px solid;
	  padding: .5em;
	  text-align: center;
	  border-color: #b8bcc0;
	  font-weight: bold;
	}
	.photoplan-table td{
	  border-color: #b8bcc0;
	  border: 1px solid;
	  vertical-align: middle;
	  text-align: center;
	  padding: .5em;
	}
/* single photographer */


/* shortcode photographer */
	/* Tạo ảnh tròn chuẩn và bóng đổ nhẹ */
	.circle-avatar {
	    width: 280px;
	    height: 280px;
	    border-radius: 50% !important;
	    object-fit: cover;
	    margin: 0 auto;
	    display: block;
	}

	/* Kiểu chữ tiêu đề */
	.pg-name a {
    	color: #b18e7a;
	    font-size: 30px;
	    text-decoration: none;
			border-bottom: 2px solid #e6d9cf;
			display: block;
			margin-bottom: 30px;
	}

	.bg-gold {
	    background-color: #b4975a !important;
	    max-width: 40px;
	}

	/* Nội dung văn bản */
	.pg-info {
	    text-align: left;
	    font-size: 0.85rem;
	    color: #555;
	    line-height: 1.6;
	}

	.pg-fee {
	    font-size: 16px;
			font-weight: 700;
	    color: #333;
			margin-bottom: 10px;
	}

	.photographer-grid-container .pg-excerpt, .pg-languages{
    font-size: 16px;
    line-height: 1.8;
    color: #666;
	}
	/* Nút bấm đặc trưng */
	.pg-btn-custom {
	    background-color: #b18e7a; /* Màu nâu vàng theo mẫu */
	    border-color: #b18e7a !important;
	    padding: 5px 50px !important;
	    font-weight: normal !important;
			font-size: 16px;
			line-height: 1;
			border-radius: 30px;
    	font-family: "Noto Serif JP", sans-serif;
			margin-top: 15px;
			margin-bottom: 30px;
	}
	/* Responsive cho mobile */
	@media (max-width: 767px) {
	    .circle-avatar {
	        width: 220px;
	        height: 220px;
	    }
	}
/* shortcode photographer */


/* recruit */

/* recruit */

/* footer */
	footer{
		margin-top: 170px;
	}
	.absolute-footer.dark{
		display: none !important;
	}
	.footer-box{
	  position: relative;
	}
	.footer-wave{
	  position: absolute;
	  bottom: 100%;
	  left: 0;
	  width: 100%;
	  margin-bottom: -10px;
	}
	.footer-tags{
	  display: flex;
	  align-items: flex-end;
	  flex-wrap: wrap;
	  gap: 1rem;
	  font-size: 14px;
	}
	.footer-tags p{
	  margin-bottom: 0;
	}
	.footer-social a .icon-box{
	  line-height: 30px;
	  width: 30px;
	  height: 30px;
	  text-align: center;
	  border-radius: 100%;
	}
	.footer-social .icon-box .icon-box-img{
	  margin-left: auto;
	  margin-right: auto;

	}
	.footer-social a .instagram{
	  background: #f13f79;
	}
	.footer-social a .instagram .icon-box-img{
	  margin-left: auto;
	  width: 15px !important;
	}
	.footer-social a .instagram .icon-box-img svg{
	  margin-top: 3px;
	}
	.footer-social a .line{
	  background: #00b900;
	}

	.footer-social a .facebook{
	  background: #1877F2;
	}
/* footer */


/* reponsive */
@media(max-width: 849px){
	p, div{
		font-size: 14px;
	}
	.mobile-nav > .nav-icon {
	  max-width: 58px;
	  min-width: 58px;
	  box-sizing: border-box;
	  padding: 0;
	  border: none;
	  outline: none;
	  border-radius: 0;
	  background-color: inherit;
	  line-height: 1.2;
	  text-align: center;
	  cursor: pointer;
	  display: block;
	}
	.header-main .nav > li > a.hamburger-menu-trigger {
	  position: relative;
	  width: 26px;
	  height: 18px;
	  padding: 0;
	  line-height: 1.4;
	}
	.hamburger-menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 1px;
	  border-radius: 3px;
	}
	.hamburger-menu-trigger span {
	  background-color: #3f5973;
	}
	.hamburger-menu-trigger span:nth-of-type(1) {
	  top: 0;
	  transition: all 0.3s ease;
	}
	.hamburger-menu-trigger span:nth-of-type(2) {
	  top: 8px;
	}
	.hamburger-menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	  transition: all 0.3s ease;
	}
	.hamburger-menu-label {
	  line-height: 1;
	  text-align: center;
	  letter-spacing: 0;
	  display: block;
	  font-size: 0.625rem;
	}
	.mfp-bg.mfp-ready{
	  display: none;
	}
	body.body-scroll-lock--active .mfp-wrap {
	  backdrop-filter: blur(20px);
	}
	.off-canvas-left .mfp-content{
	  width: 100vw;
	  filter: opacity(1);
	  animation: fade 0.3s ease-in-out;
	  background-color: rgb(255 255 255 / 0.75);
	}
	.off-canvas-left .mfp-content .toggle i{
	  font-size: 20px;
	}
	.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
	  background-color: rgba(0, 0, 0, .02);
	}
	.nav-sidebar.nav-vertical>li+li{
	  border: 0;
	}
	.off-canvas .nav-vertical>li>a{
	  color: #333;
	}
	.pg-name a{
    font-size: 26px;
	}
	.photographer-grid-container .pg-excerpt, .pg-languages {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
	}
	.rank-math-breadcrumb{
		margin-bottom: 5px;
	}
	.photoplans-item .plan-title a{
		font-size: 22px;
	}
	.photoplans-item .plan-excerpt{
		font-size: 14px;
	}
	.fancybox-slider .swiper-slide img{
		width: 100% !important;
	}
	.swiper-fancy-wrapper.fancybox-slider{
		padding-left: 40px;
		padding-right: 40px;
	}
	.swiper-fancy-wrapper.fancybox-slider .swiper-container{
		overflow: hidden;
	}
}
@media screen and (max-width: 767px) {
    .home-booking-button .button {
        padding-left: 84px;
        padding-right: 84px;
    }
		.home-contact-button .button{
			width: 100%;
		}
		.kimono-item .button, .button.is-outline.kimono-cate-button{
        padding-left: 32px;
        padding-right: 32px;
				margin-bottom: 0;
		}
		.kimono-item .button{
			margin-top: 24px;
		}
		.kimono-item .box-text{
			padding-bottom: 0;
		}
		.kimono-item .price{
			margin-bottom: 0;
		}
		.row.home-option-plan-row, .row .row:not(.row-collapse).row.testimonial-row {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 24px;
        flex-wrap: nowrap !important;
        overflow: scroll;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }
    .row.testimonial-row > .col,  .row.home-option-plan-row > .col {
        margin-right: 16px;
        min-width: 260px;
        max-width: 320px;
        scroll-snap-align: center;
				padding-bottom: 0 !important;
    }
		.testimonial-row .col .col-inner{
			width: 100%;
			font-size: 14px;
		}
		.text-center .button:first-of-type.button.btn-40{
			margin-left: 16px !important;
		}
		.home-testimonial .accordion-item .accordion-title{
			font-size: 14px;
			line-height: 1.4;
		}
		.row.home-option-plan-row .banner h3{
			font-size: 18px;
		}
		.home-gallery-wave-top{
			margin-bottom: 25px;
		}
		.tax-kimono_cat .kimono-item .short-desc{
			margin-top: 15px;
		}
		.faq-button-row .col{
		  padding-bottom: 15px;
		}
}
/* reponsive */