.trip-breadcumbs {
margin: 0px auto;
padding-top: 5px;
padding-bottom: 5px;
background: #7CB946;
margin-bottom: 40px;
}

.trip-breadcumbs .container {
max-width: 1200px;
margin: 0px auto;
color: #ffffff;
font-size: 15px;
}

.trip-breadcumbs nav {
color: #ffffff;
font-size: 15px;
justify-content: left;
}

.trip-breadcumbs nav a,
.trip-breadcumbs a {
text-transform: none !important;
font-weight: 500 !important;
color: #ffffff !important;
font-size: 15px !important;
}

.trip-breadcumbs nav a:hover,
.trip-breadcumbs a:hover {
color: #cae3b5 !important;
}

.bhome {
font-weight: 500;
}

.page-template-template-trips .ast-container,
.archive .ast-container {
display: block;
max-width: 100%;
padding: 0px;
margin: 0px;
}

.sg-trips {
padding-bottom: 30px;
padding-top: 30px;
background: url(/wp-content/uploads/2024/10/grain-bg.jpg);
}

.sg-tour-contents {
padding: 0px 0px 40px 0px;
background: url(/wp-content/uploads/2024/10/grain-bg.jpg);
}

.sg-tour-contents h1 {
font-size: 36px;
font-weight: 700;
text-align: center;
}

.sg-tour-contents h3 {
font-size: 22px;
text-align: center;
}

.sg-tour-contents ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
max-width: 100%;
gap: 10px;
margin: 25px 0px 10px 0px;
}

.sg-tour-contents ul li {
list-style: none;
background: #d6e6f5;
padding: 5px 12px;
border-radius: 7px;
font-size: 15px;
font-weight: 500;
color: #262626;
}


.sg-tour-contents ul li strong {
color: #0052cc;
}

.sg-tour-contents p {
margin: 0px;
text-align: center;
}

.sg-tour-contents p sup {
font-size: 14px;
}

.sg-tour-contents a {
font-size: 16px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
color: #7CB946;
}

.sg-tour-contents a:hover {
color: #0062A6;
}

.sg-tour-contents h6 {
font-weight: 600;
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-style: normal;
font-family: 'Roboto';
}

.dropdown-ul {
list-style-type: none;
padding: 10px 0px;
margin: 5px 0px 0px 0px;
background-color: #f0f0f0;
border-radius: 15px;
position: absolute;
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.3s ease, transform 0.3s ease;
visibility: hidden;
z-index: 1;
display: block !important;
min-width: 250px;
max-width: fit-content;
width: fit-content;
}

.dropdown-ul.show {
opacity: 1;
transform: translateY(0);
visibility: visible;
display: block;
margin: 5px 0px 0px 0px;
min-width: 250px;
max-width: fit-content;
width: fit-content;
background: #ffffff;
padding: 10px 0px;
border-radius: 15px;
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .17), 0 -1px 3px 0 rgba(0, 0, 0, .08);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .17), 0 -1px 3px 0 rgba(0, 0, 0, .08);
}

.dropdown-ul.hide {
opacity: 0;
transform: translateY(-20px);
visibility: hidden;
}

.dropdown-ul li {
padding: 0px 12px !important;
background-color: #ffffff !important;
margin: 0px 10px;
transition: all 0.5s;
cursor: pointer;
}

#trips-filter-form {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0px;
margin: 30px 0px 0px 0px;
}

.filter-section h4 {
margin-right: 10px;
padding: 14px 60px 14px 20px;
border-radius: 7px;
appearance: none;
background: #ffffff url(/wp-content/uploads/2024/10/down-arrow.svg) no-repeat right 15px center;
background-size: 14px 14px;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
border: none;
font-size: 18px;
color: #262626;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
cursor: pointer;
font-family: 'Roboto';
}

.filter-section h4 img {
width: 20px;
position: absolute;
margin-left: 20px;
}

.filter-section label {
text-transform: none;
width: 100%;
display: block;
cursor: pointer;
}

.filter-section label input {
margin-right: 5px;
}

.trips-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
transition: all 0.5s;
width: 1200px;
max-width: 1200px;
margin: 0px auto;
justify-content: center;
}

.trip-item {
background: #ffffff;
border-radius: 10px;
padding: 20px;
box-shadow: 0px 0px 7px rgb(0, 0, 0, 0.12);
transition: all 0.5s;
cursor: pointer;
width: calc(33.33% - 15px);
box-sizing: border-box;
}

.trip-item:hover {
box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.2);
}

.trips-list .trip-item h2 {
font-size: 20px;
margin: 10px 0px 0px 0px;
font-family: 'Roboto';
font-weight: 600;
line-height: 22px;
}

.trips-list .trip-item h2 a {
color: #262626;
}

.trips-list .trip-item .text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}

.trips-list .trip-item .text p {
font-size: 15px;
line-height: 24px;
margin-top: 5px;
margin-bottom: 0px;
text-align: left;
}

.trips-list .trip-item img {
border-radius: 10px;
border-radius: 10px;
height: 225px;
object-fit: cover;
width: 100%;
}

.extra-attrs {
display: flex;
gap: 5px;
}

.trip-rating {
display: flex;
gap: 5px;
justify-content: space-between;
margin-top: 10px;
border-top: 1px solid #ededed;
padding-top: 5px;
}

.trip-footer {
background: #eeeeee;
padding: 15px;
border-radius: 5px;
display: flex;
gap: 5px;
justify-content: space-between;
margin-top: 5px;
align-items: center;
}

.trip-attr span {
font-size: 14px;
color: #555555;
letter-spacing: 0.3px;
font-weight: 300;
}

.trip-price {
width: 50%;
}

.trip-view {
width: 50%;
}

.trip-price h3 {
font-size: 18px;
color: #222222;
font-family: 'Sanchez';
text-align: left;
}

.trip-price h4 {
font-size: 26px;
font-weight: 600;
color: #f25333;
font-family: 'Sanchez';
margin-bottom: -5px;
margin-top: 3px;
}

.trip-price span {
font-size: 14px;
font-weight: 600;
color: #f25333;
}

.trip-rating span {
font-size: 14px;
color: #262626;
font-weight: 500;
letter-spacing: 0;
font-family: 'Roboto';
text-transform: uppercase;
}

.trip-view a {
font-size: 14px;
font-family: 'Roboto';
font-weight: 500;
text-transform: uppercase;
background: #0062A6;
color: #fff;
padding: 2px 10px 2px 10px;
border-radius: 5px;
margin-bottom: 5px;
text-align: center;
display: block;
width: fit-content;
float: right;
}

.trip-view a:hover {
opacity: 0.8;
color: #ffffff;
}

.trip-view a.green {
background: #7CB946;
color: #ffffff !important;
}

.trip-view img {
width: 18px !important;
height: 20px !important;
object-fit: contain !important;
}

.year-item {
font-size: 16px !important;
margin-bottom: 15px !important;
}

.months-list {
margin: 0px !important;
display: grid !important;
grid-template-columns: 48% 48%;
gap: 10px;
}

.months-list li {
text-align: center;
line-height: 22px;
padding: 14px 0px !important;
color: #262626 !important;
margin: 0px;
background: #eaf3fa !important;
font-weight: 300 !important;
}

.months-list li input {
width: 100%;
height: 20px;
}

.trips-taxonomy-additional-info {
width: 1200px;
max-width: 1200px;
margin: 0px auto;
padding: 0px 20px;
}

.trips-taxonomy-additional-info h1 {
font-weight: 600;
font-size: 40px;
margin-bottom: 10px;
}

.trips-taxonomy-additional-info h2 {
font-weight: 600;
font-size: 32px;
margin-bottom: 10px;
}

.trips-taxonomy-additional-info h3 {
font-size: 18px;
font-family: 'Roboto';
font-weight: 500;
margin-bottom: 8px;
}

.trips-taxonomy-additional-info h4 {
font-size: 16px;
margin-bottom: 10px;
font-family: 'Roboto';
font-weight: 600;
}

.trips-taxonomy-additional-info h5,
.trips-taxonomy-additional-info h6 {
font-size: 14px;
font-family: 'Roboto';
font-weight: 600;
}

.no-found-trip {
padding: 50px 0px;
}

.no-found-trip p {
position: absolute;
left: 0;
right: 0px;
text-align: center;
color: #cccccc;
font-weight: 300;
font-size: 20px;
letter-spacing: 4px;
}

#loader {
height: 100vh;
position: absolute;
width: 100%;
background: rgb(255, 255, 255, 0.7);
text-align: center;
}

.hidden,
.child-terms.hidden,
.grandchild-terms.hidden {
display: none !important;
}

ul.region-terms {
display: block;
margin: 0px;
}

.child-terms,
.grandchild-terms {
display: block !important;
margin: 0px !important;
}

.child-terms li,
.grandchild-terms li {
margin: 0px !important;
}

.hide-me {
display: none !important;
}

.pagination {
width: 100%;
text-align: center;
}

.pagination .page-numbers {
background: #dddddd;
padding: 10px 18px;
height: 38px;
border-radius: 5px;
text-align: center;
line-height: 40px;
color: #999999;
transition: all 0.3s;
font-size: 15px;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
background: #7CB946;
color: #ffffff;
}