/*
 Theme Name:   Mona Child
 Theme URI:    http://vecurosoft.com/products/wordpress/travolo/
 Description:  This is a child theme for Travolo WordPress Theme
 Author:       Vecurosoft
 Author URI:   http://vecurosoft.com/
 Template:     travolo
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  travolo-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

/* ----- custom ----- */
:root {
	--wc-red: #dc3232;
	--right-btn-social: 55px;
	--width-social-show: 58px;
	--width-hide: 50px;
}
/* back to top */
.scroll-btn:before {
	border-color: var(--e-global-color-travolo_opt_primary);
}
.scroll-btn i {
	background-color: var(--e-global-color-travolo_opt_primary);
}
.scrollToTop.show {
	cursor: pointer;
}
/* social button */
.show-all-icon.contact-icons-right,
#ft-contact-icons.contact-icons-right {
	bottom: 140px;
}
.show-all-icon.contact-icons-right {
    width: var(--width-social-show);
    height: var(--width-social-show);
    display: flex;
    border-radius: 1000px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    right: var(--right-btn-social);
	background-color: var(--e-global-color-travolo_opt_primary);
    border: 4px solid #fff;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.3);
	transition: all 0.3s;
	opacity: 1;
    z-index: 99999 !important;
}
.show-all-icon.contact-icons-right,
#ft-contact-icons .item .js-hide-all-icon {
	cursor: pointer;
}
.show-all-icon.contact-icons-right.hide-me {
	opacity: 0;
	z-index: -1 !important;
}
.show-all-icon.contact-icons-right:hover,
#ft-contact-icons .item .js-hide-all-icon .icon:hover {
	color: var(--e-global-color-travolo_opt_primary);
	background-color: var(--e-global-color-travolo_opt_secondary);
}
.show-all-icon.contact-icons-right span {
	text-align: center;
    line-height: 1.3;
    font-size: 12px;
    font-weight: 500;
}
#ft-contact-icons.contact-icons-right {
    right: var(--right-btn-social);
    transition: all 0.3s;
    opacity: 0;
    max-height: 2000px;
    overflow: visible;
    z-index: -1 !important;
}
#ft-contact-icons.contact-icons-right.active {
	opacity: 1;
    z-index: 99999 !important;
}
#ft-contact-icons.contact-icons-right>div.item {
	margin-bottom: 4px;
}
#ft-contact-icons li .icon, 
#ft-contact-icons .item .icon {
	width: var(--width-hide);
    height: var(--width-hide);
    line-height: var(--width-hide);
}
#ft-contact-icons .item .js-hide-all-icon .icon {
	background-color: var(--e-global-color-travolo_opt_primary);
}
#ft-contact-icons-out-m {
	padding-right: 0;
}
#ft-contact-icons-out-m,
#ft-contact-icons-out-m>div.item:last-child{
	margin-bottom: 0;
}
#ft-contact-icons.contact-icons-right li span.ab, 
#ft-contact-icons.contact-icons-right .item span.ab {
	background-color: var(--e-global-color-travolo_opt_primary);
    border-radius: 1000px;
}
#phonering-alo-phoneIcon {
	--left-ic-phone: 100px;
	--bg-color: #e90808;
}
#phonering-alo-phoneIcon .number {
	top: calc(var(--left-ic-phone) + 8px);
    left: calc(var(--left-ic-phone) + 20px);
}
#phonering-alo-phoneIcon .phonering-alo-ph-circle {
	left: calc(var(--left-ic-phone) / 2 - 5px);
	top: calc(var(--left-ic-phone) / 2 - 5px);
	border-color: var(--bg-color) !important;
}
#phonering-alo-phoneIcon .phonering-alo-ph-circle-fill {
	left: calc(var(--left-ic-phone) - 25px);
	top: calc(var(--left-ic-phone) - 25px);
	background-color: rgb(233 8 8 / 50%);
}
#phonering-alo-phoneIcon .number a {
	padding-left: 25px;
}
.phonering-alo-phone .phonering-alo-ph-img-circle {
	--img-width-ic: 25px;
	--width-phone: 50px;
	background: unset;
	display: flex;
    justify-content: center;
    align-items: center;
	z-index: 2;
	left: var(--left-ic-phone);
	top: var(--left-ic-phone);
}
.phonering-alo-phone .phonering-alo-ph-img-circle,
.phonering-alo-phone .phonering-alo-ph-img-circle a {
	width: var(--width-phone);
	height: var(--width-phone);
}
.phonering-alo-phone .phonering-alo-ph-img-circle,
#phonering-alo-phoneIcon .number a {
	background-color: var(--bg-color) !important;
}
.phonering-alo-phone .phonering-alo-ph-img-circle:before {
	content: '';
    background-image: url(/wp-content/uploads/2025/09/phone-now.svg);
    width: var(--img-width-ic);
    height: var(--img-width-ic);
    display: block;
    background-size: cover;
    position: absolute;
}
.show-all-icon.contact-icons-right i {
	display: none;
}

.fal, .far {
    font-family: Font Awesome\ 5 Pro !important;
}

/* button */
.vs-btn.style4 {
	border: 1px solid var(--e-global-color-travolo_opt_primary);
}
.btn-main a {
	position: relative;
	color: var(--e-global-color-travolo_opt_secondary);
    border: 1px solid var(--e-global-color-travolo_opt_primary);
    background-color: var(--e-global-color-travolo_opt_primary);
}
.btn-main a span {
	z-index: 2;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}
.btn-main a:hover span,
.btn-main a:hover,
.vs-btn.style4:hover {
	color: var(--e-global-color-travolo_opt_primary);
}
.btn-main a:before,
.btn-main a:after {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    transform: scale(0);
    z-index: 1;
    border-radius: inherit;
    transform-origin: right bottom;
    transition: opacity ease 0.4s, visibility ease 0.4s, transform ease 0.4s;
}
.btn-main a:before {
	transform-origin: left top;
}
.btn-main a:before,
.btn-main a:after {
	background-color: var(--e-global-color-travolo_opt_secondary);
}
.btn-main a:hover:before,
.btn-main a:hover:after {
	transform: scale(1);
    opacity: 1;
    visibility: visible;
	z-index: 1;
}

/* title section */
.sec-subtitle {
	font-size: 18px;
}
.sec-title {
    font-size: clamp(30px, 2.5vw, 48px);
}

/* video */
.play-btn > i,
.play-btn:after, 
.play-btn:before {
	background-color: var(--e-global-color-travolo_opt_primary) !important;
}
.play-btn:hover > i,
.play-btn:hover:after, 
.play-btn:hover:before {
	background-color: var(--e-global-color-travolo_opt_secondary) !important;
}
.play-btn:hover > i {
	color: var(--e-global-color-travolo_opt_primary) !important;
}

/* header */
.header-logo {
	pointer-events: none;
}
.hd-menu-main .main-menu ul.sub-menu {
	top: calc(100% - 30px);
}
.hd-menu-main .main-menu a:hover {
    color: var(--e-global-color-travolo_opt_primary);
}
.main-menu ul.sub-menu li a:before {
	box-shadow: inset 0px 2px 4px 0px var(--e-global-color-travolo_opt_primary);
}
.menu-toggle-mb .vs-menu-toggle {
	border-radius: 10px;
}
.menu-toggle-mb .vs-menu-wrapper .mobile-logo {
	background-color: var(--e-global-color-travolo_opt_secondary);
}
.menu-toggle-mb .vs-menu-wrapper .mobile-logo img, 
.menu-toggle-mb .vs-menu-wrapper .mobile-logo svg {
    max-width: 150px;
}
@media (max-width: 1200px) {
	.hd-menu-main .main-menu > ul > li {
		margin: 0 10px;
	}
}

/* breadcrumb */
.breadcumb-wrapper {
	position: relative;
}
.breadcumb-wrapper:before {
	content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.3;
}
body.home .breadcrumb-main {
	display: none;
}

/* banner */
.hero-banner-items .hero-layout .hero-img .img1 img {
	max-width: 530px;
}
.hero-banner-items .hero-layout .hero-img .img1 img,
.hero-banner-items .hero-layout .hero-img .img2 img {
	aspect-ratio: 493 / 640;
    object-fit: cover;
}
.hero-banner-items .hero-content .hero-title {
	line-height: 1.2;
}

/* product */
.archive-service-main {
	
}
.title-single-service .elementor-heading-title {
	
}
.mn-price-services ins {
	color: #c10000;
}
.mn-price-services del {
	color: #8a8a8a;
    font-size: 18px;
    font-weight: 400;
}
.title-prd-card .elementor-heading-title {
	display: flex;
}
.title-prd-card .elementor-heading-title a {
	font-size: clamp(18px, 2.5vw, 20px) !important;
    font-weight: 700;
    color: #000 !important;
	transition: all 0.5s;
	width: fit-content;
}
.title-prd-card .elementor-heading-title a:hover {
	color: var(--e-global-color-travolo_opt_primary) !important;
}
.title-prd-card .elementor-heading-title a:after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background-color: var(--e-global-color-travolo_opt_primary);
	transition: all 0.5s ease;
}
.title-prd-card .elementor-heading-title a:hover:after {
	width: 100%;
}
/* .prd-gallery-main {
	position: sticky;
	top: 50px;
} */
.prd-gallery-main .spswiper-wrapper .spswiper-slide {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.prd-gallery-main .spswiper-wrapper .spswiper-slide .wcgs-slider-image {
	aspect-ratio: 5 / 4;
}
.prd-gallery-main .gallery-navigation-carousel .wcgs-thumb {
	aspect-ratio: 3 / 2;
}
.prd-gallery-main .gallery-navigation-carousel .wcgs-thumb img {
	
}
.prd-gallery-main .spswiper-wrapper .spswiper-slide .wcgs-slider-image img,
.prd-gallery-main .gallery-navigation-carousel .wcgs-thumb img {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
	border-radius: 10px !important;
}
.prd-gallery-main #wpgs-gallery .wcgs-thumb.spswiper-slide-thumb-active.wcgs-thumb img,
.prd-gallery-main #wpgs-gallery .wcgs-thumb.spswiper-slide:hover img, 
.prd-gallery-main #wpgs-gallery .wcgs-thumb.spswiper-slide-thumb-active.wcgs-thumb:hover img {
	border-color: var(--e-global-color-travolo_opt_primary) !important;
}
.prd-content-main img {
	margin: 15px 0;
	border-radius: 20px;
}
.card-prd-col:hover .img-prd-card img {
	transform: scale(1.1);
}
.img-prd-card {
	aspect-ratio: 5 / 4;
	overflow: hidden;
}
.img-prd-card a,
.img-prd-card img {
	height: 100% !important;
	width: 100%;
}
.img-prd-card img {
	transition: all 0.5s;
	object-fit: cover;
	object-position: center center;
}
.excerpt-prd-card .elementor-widget-container {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-prd-card .btn-wrapper .vs-btn,
.btn-main.btn-prd-card a {
	width: 100%;
}

/* border - color */
.blog-style3,
.footer-widget .newsletter-form .form-control {
	border-color: var(--e-global-color-travolo_opt_border_color);
}

/*  */
.img-video .gallery-btn {
	display: none;
}

/* features */
.features-style1:hover .features-title,
.features-style1:hover .features-text {
	color: var(--e-global-color-travolo_opt_primary);
}
.features-style1 {
	height: 100%;
}

/* about */
.img-team-items {
	aspect-ratio: 2 / 3;
	overflow: hidden;
}
.img-team-items img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}
.content-team {
	flex: 1 !important;
}
.img-box3 .img3 {
	box-shadow: 0 3px 13px 0 rgb(0 0 0 / 15%);
}
.img-collection-about .image-box1 .img2 {
	padding: 25px;
}
.img-collection-about .image-box1 .img1,
.img-collection-about .image-box1 .img2 {
	object-fit: cover;
}
.img-collection-about .image-box1 .media-box2 .media-info,
.img-collection-about .image-box1 .media-box2 .media-text {
	color: var(--e-global-color-travolo_opt_primary);
}
.img-collection-about .image-box1 .media-box1, 
.img-collection-about .image-box1 .media-box2 {
	box-shadow: 0 10px 60px 0 rgb(0 0 0 / 25%);
}

/* home gallery */
.gallery-items .sidebar-gallery {
	gap: 20px;
}
.gallery-items .sidebar-gallery .gallery-thumb,
.img-collection-about .image-box1 .img1,
.footer-widget .sidebar-gallery .gallery-thumb {
	aspect-ratio: 1 / 1;
}
.footer-widget .sidebar-gallery .gallery-thumb {
	border-radius: 15px;
}
.gallery-items .gallery-thumb img,
.footer-widget .sidebar-gallery .gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* blog */
.blog-style3 .blog-title {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vs-blog-details .blog-single {
	box-shadow: 0px 13px 48px 0px #ae873726;
}
.widget .search-form,
.wc-block-product-categories-list a, 
.widget_nav_menu a, 
.widget_pages a, 
.widget_archive a, 
.widget_categories a,
.blog-single,
.blog-single .blog-bottom,
.share-links,
.post-pagination,
.radioselect, 
.form-control, 
.form-select, 
textarea, 
input,
input[type=checkbox] ~ label:before {
	border-color: var(--e-global-color-travolo_opt_primary);
}
.sidebar-area.sticky-sidebar {
	position: sticky;
    top: 50px;
}
.post-pagination .pagi-icon,
.vs-blockquote:before {
	color: var(--e-global-color-travolo_opt_border_color);
}
.blog-single .blog-inner-author {
	display: none;
}

/* form */
.wpcf7-form-control-wrap {
	display: block;
}
.wpcf7-not-valid-tip {
    font-size: 10px;
    line-height: 20px;
    font-weight: 600;
    background: var(--wc-red);
    color: white;
    margin-top: 8px;
    position: absolute;
    bottom: -20px;
    padding: 2px 8px;
    border-radius: 3px;
    width: fit-content;
    max-width: unset;
    z-index: 9;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.15);
}
.wpcf7-not-valid-tip:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10%;
    transform: translate(-50%);
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent var(--wc-red);
}

/* contact */
.box-address-ct,
.box-address-ct .contact-box {
	height: 100%;
}
.box-address-ct .contact-box {
	margin-top: 0;
}
.col-md-auto {
	position: relative;
}
.loading-form {
	position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 25px;
    height: 25px;
	z-index: -1;
	opacity: 0;
}
.loading-form:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/11/loading.png);
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
    animation: spin 1s infinite linear;
}
.form-contact-items .submitting .loading-form {
	z-index: 9;
	opacity: 1;
}
.form-contact-items .submitting button.vs-btn {
	pointer-events: none;
	opacity: 0.75;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


/* footer */
.footer-widget .vs-btn {
	border: 1px solid var(--e-global-color-travolo_opt_primary);
}
.footer-widget .vs-btn:hover {
	color: var(--e-global-color-travolo_opt_primary);
}
.mona-footer-media {
	font-size: 12px;
	display: flex;
	align-items: center;
}
.mona-footer-media img {
	height: 11px !important; 
	padding-left: 5px;
	width: auto;
}

/* tablet */
@media (max-width: 1024px) {
	.scrollToTop {
		right: 40px;
	}
	.scrollToTop.show {
		bottom: 40px;
	}
	
	/* banner */
	.hero-banner-items .hero-layout .hero-img .img1 img {
		width: 100%;
	}
	
	/* about ust */
	.about-gallery-box .bottom-img {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		margin-top: -80px;
	}
	.about-gallery-box .bottom-img .img2,
	.about-gallery-box .bottom-img .img3 {
		max-width: unset;
	}
	.about-gallery-box .bottom-img .img2 {
		width: 60%;
		margin-top: 30px;
		margin-left: 0;
	}
	.about-gallery-box .bottom-img .img3 {
		width: 35%;
		margin-left: 20px;
	}
	
	/* blog */
	.blog-style3 {
		padding: 15px;
	}
}

/* mobile */
@media (max-width: 767px) {
	/* header */
	.list-info-header .header-contact li i {
		width: 30px;
    	height: 30px;
	}
	.menu-toggle-mb .vs-menu-toggle,
	.search-form-mb .searchBoxTggler {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
	.search-form-mb .searchBoxTggler {
		font-size: 16px;
		line-height: 40px;
	}
	
	/* about ust */
	.about-gallery-box .bottom-img {
        margin-top: -60px;
    }
	.about-gallery-box .bottom-img .img2 {
        width: 58%;
    }
	.about-gallery-box .bottom-img .img3 {
        width: 38%;
        margin-left: 15px;
    }
	.img-collection-about .image-box1 .img2 {
		padding: 10px;
	}
	.img-collection-about .image-box1 {
		justify-content: space-between;
	}
	
	/* gallery */
	.gallery-items .sidebar-gallery {
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* blog */
	.blog-single .blog-content {
		padding: 0;
	}
	.blog-single .blog-audio, 
	.blog-single .blog-img {
		border-radius: 10px;	
	}
	.vs-blog-details .blog-single {
		box-shadow: none;
	}
	.post-pagi-box {
		display: flex;
        flex-direction: column !important;
        flex-wrap: nowrap;
        gap: 0;
	}
	.post-pagi-box.prev {
		align-items: flex-start;
		padding-left: 0;
	}
	.post-pagi-box.next {
		align-items: flex-end;
		padding-right: 0;
	}
	.post-pagination .col-auto.d-sm-block {
		display: block !important;
	}
	
	/* contact */
	.form-contact-items form button.vs-btn {
		width: 100%;
	}
	
	/* footer */
	.mona-footer-media {
		justify-content: center;
	}
	.mona-footer-media img {
		height: 10px !important;
	}
}
/* ----- end custom ----- */

/* ----- Custom scroll ----- */
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: var(--e-global-color-travolo_opt_primary);
}

/* ----- End custom scroll ----- */

/* ----- Custom trip ----- */
.category-trips-single .category-trips-single-inner-wrap .price-holder .actual-price {
	font-size: 24px;
}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-prc-title-wrap .category-trip-title {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti {
	min-width: 60%;
}
.wte-d-flex.category-grid .category-trips-single, .wte-d-flex.category-grid .wpte-trip-single, .wte-d-flex.wte-layout-grid .category-trips-single, .wte-d-flex.wte-layout-grid .wpte-trip-single {
    padding: 0 15px !important;
    margin: 0 0 1.5em 0 !important;
}
/* ----- End custom trip ----- */