.itinerary-list-grid {
    overflow: hidden;
}

/* === BASE LAYOUT === */
.itinerary-list-grid .el-item {
    position: relative;
    padding-left: 115px; /* gives spacing for the day circle */
    box-sizing: border-box;
}

.itinerary-list-grid .el-title,
.itinerary-list-grid .el-content,
.itinerary-list-grid .el-meta {
    display: block;
    box-sizing: content-box;
    max-width: 920px;
/*     margin-left: auto; */
    margin-right: auto;
    padding-right: 25px;
}

/* === META (Day Circle) === */
.itinerary-list-grid .el-meta {
	font-size: 20px;
    font-weight: 300;
    line-height: 2;
    position: absolute;
    left: 0;
    top: 16px;
    width: 120px; /* area reserved for circle */
    z-index: 3;
}

.itinerary-list-grid .el-meta span {
    display: inline-block;
    background: #EDF6E9;
    border: 1px dashed #5FA442;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    line-height: 64px;
    text-align: center;
    z-index: 2;
    transition: background 0.3s ease-in-out;
}

/* === TITLE === */
.itinerary-list-grid .el-title {
    display: block;
    width: 80%;
    margin-top: 10px;
    margin-bottom: 5px;
	font-size: 20px;
	font-weight: 500;
	color: #0c3555 !important;
	cursor: pointer;
}

/* === CONTENT === */
.itinerary-list-grid .el-content {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 18px;
    transition: all 0.3s ease;
    height: auto;
}

.itinerary-list-grid .el-content strong {
    font-weight: 500;
}

/* === ICON (Plus/Minus) === */
.itinerary-list-grid .el-item::after {
    content: "";
    position: absolute;
    top: 25px;
    right: 5px;
    width: 14px;
    height: 14px;
    background: url('https://cnc.com.np/rolwalingtrek/wp-content/uploads/2025/10/up.svg') no-repeat center;
    background-size: contain;
/*     pointer-events: none; */
	cursor: pointer;
}

.itinerary-list-grid .el-item.collapse::after {
    background-image: url('https://cnc.com.np/rolwalingtrek/wp-content/uploads/2025/10/down.svg');
}

/* === COLLAPSE BEHAVIOR === */
.itinerary-list-grid .el-item.collapse .el-content,
.itinerary-list-grid .el-item.collapse .el-image {
    height: 0;
    overflow: hidden;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.itinerary-list-grid#itinerary-toggle .collapse .el-title {
    color: #57595A;
}

.itinerary-list-grid#itinerary-toggle .collapse .el-meta span {
    background: #FFF;
}

/* === LINE DECORATION (optional, if you’re using it) === */
.itinerary-list-grid .el-item.uk-panel-backup:before {
    content: "";
    height: calc(100% + 70px);
    width: 1px;
    display: block;
    position: absolute;
    left: 62px;
    top: 70px;
    border-left: 1px dashed #5FA442;
    z-index: 1;
}

/* === IMAGES (if used) === */
.itinerary-list-grid .el-image {
    min-width: 100vw;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

/* === RESPONSIVE === */
@media (max-width: 1115px) {
    .itinerary-list-grid .el-title,
    .itinerary-list-grid .el-content {
        margin-right: 20px;
    }
}

@media (max-width: 959px) {
    .itinerary-list-grid .el-item {
        padding-left: 105px; /* reduce circle spacing */
    }

    .itinerary-list-grid .el-title,
    .itinerary-list-grid .el-content {
        padding-right: 35px;
    }

    .itinerary-list-grid .el-meta {
        width: 100px;
    }

    .itinerary-list-grid .el-meta span {
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 13px;
    }
}

@media (max-width: 600px) {
	.itinerary-list-grid .el-item {
        padding-left: 65px; /* reduce circle spacing */
    }
	.itinerary-list-grid .el-meta {
		font-size: 16px;
		width: 65px;
		top: 18px;
	}
}

/* === LAST ITEM PADDING FIX === */
.itinerary-list-grid#itinerary-toggle .uk-grid > div:last-child .el-item {
    padding-bottom: 35px;
}

.itinerary-list-grid#itinerary-toggle .uk-grid > div:last-child .el-item.uk-panel:before {
    display: none;
}

/* Remove border bottom for the pages */
.tm-page {
    border-bottom: none;
}

/* Dialog Menu Style */
.uk-modal-body.uk-padding-large.uk-margin-auto.uk-flex.uk-flex-column.uk-box-sizing-content.uk-width-auto\@s {
    width: 100%;
    padding: 120px;
}
/*For Large Screen*/
button.uk-modal-close-full.uk-close-large.uk-icon.uk-close
 {
    margin: 30px;
     background-color: #EFEBDB;
}
/*For Small Screen*/
button.uk-icon.uk-close.uk-modal-close-default
 {
    margin: 22px;
}
/*Background color of dialog menu*/
.uk-modal-body.uk-padding-large.uk-margin-auto.uk-flex.uk-flex-column.uk-box-sizing-content.uk-width-auto\@s {
    background-color: #EFEBDB;
}
.uk-modal-body.uk-margin-auto.uk-flex.uk-flex-column.uk-box-sizing-content.uk-width-auto\@s{
	background-color: #EFEBDB;
}

/*Hide the toggle icon from menu for large screen*/
@media (min-width: 769px) {
	.uk-icon.uk-navbar-toggle-icon {
		display: none;
	}
}

/*Hide the MENU word that is next to toggle icon from menu for small screen*/
@media (max-width: 768px) {
	.uk-navbar-right .uk-navbar-toggle .uk-margin-small-right.uk-text-middle {
		display: none;
	}
}

.uk-navbar-container:not(.uk-navbar-transparent)
 {
    background: rgba(255, 255, 255, 1);
}

/* style to change navbar color and show it above */
header .uk-sticky.uk-sticky-fixed.uk-sticky-below{
	background-color: rgba(255, 255, 255, 1);
	z-index: 999;
}

/* style for climbimng and expedition accordion in menu */
.ce-title{
	font-size: 18px;
	font-weight: 400;
}
.ce-peak-ul{
	margin-top: -18px;
}

/*Custom Overlay Sider with Hover Animation to show content when over*/
@media(min-width: 960px) { 
    .custom-slider .uk-slider-items>.uk-width-1-3\@m:nth-child(2n) {
      width: calc(115% / 4);
    }
}

/*style for day 1, day 2 in itineary section*/
.custom-accordion .day-label {
  font-weight: 300;
  margin-right: 2rem;
  color: inherit;
}

/* style for custom arrow bullet */
ul.custom-bullet {
  list-style: none;   /* remove default bullet */
  margin: 0;
  padding: 0;
}
ul.custom-bullet li {
  position: relative;
  padding-left: 40px; /* 27px arrow + ~13px spacing */
}
ul.custom-bullet li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 27px;        /* arrow width */
  height: 27px;       /* arrow height */
  transform: translateY(-50%); /* center vertically */
  background: url("https://cnc.com.np/rolwalingtrek/wp-content/uploads/2025/08/arrow.svg") no-repeat center;
  background-size: contain;
}