/*
 Theme Name:   Travil Child  
 Theme URI:    https://modinatheme.com/travil/
 Description:  This is a child theme for Travil - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/ModinaTheme/portfolio 
 Template:     travil
 Version:      1.0
 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:  travil-child
*/

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

/* Add this to your theme's style.css or custom CSS */


/* Add this CSS to your theme's style.css or custom CSS */

.custom-trip-description-section .wpte-bf-content-summery {
    line-height: 1.6;
    color: #555;
}

/* Fix paragraph spacing */
.custom-trip-description-section .wpte-bf-content-summery p {
    /*margin-bottom: 16px;*/
    line-height: 1.6;
    font-size: 1.125rem;
}

.custom-trip-description-section .wpte-bf-content-summery p:last-child {
    margin-bottom: 0;
}

/* Fix heading spacing */
.custom-trip-description-section .wpte-bf-content-summery h1,
.custom-trip-description-section .wpte-bf-content-summery h2,
.custom-trip-description-section .wpte-bf-content-summery h3,
.custom-trip-description-section .wpte-bf-content-summery h4,
.custom-trip-description-section .wpte-bf-content-summery h5,
.custom-trip-description-section .wpte-bf-content-summery h6 {
    margin-top: 16px;
    /*margin-bottom: 16px;*/
    /*line-height: 1.3;*/
}

.custom-trip-description-section .wpte-bf-content-title h3 {
    font-size: 2rem;
}

.custom-trip-description-section .wpte-bf-content-summery h1:first-child,
.custom-trip-description-section .wpte-bf-content-summery h2:first-child,
.custom-trip-description-section .wpte-bf-content-summery h3:first-child,
.custom-trip-description-section .wpte-bf-content-summery h4:first-child,
.custom-trip-description-section .wpte-bf-content-summery h5:first-child,
.custom-trip-description-section .wpte-bf-content-summery h6:first-child {
    margin-top: 0;
}

.custom-trip-description-section .wpte-bf-content-summery h3, .wpte-bf-content-summery h4 {
    font-size: 1.5625rem;
}

/* Fix list spacing */
.custom-trip-description-section .wpte-bf-content-summery ul,
.custom-trip-description-section .wpte-bf-content-summery ol {
    /*margin: 16px 0;*/
    padding-left: 30px;
}

.custom-trip-description-section .wpte-bf-content-summery li {
    /*margin-bottom: 8px;*/
    /*line-height: 1.6;*/
    font-size: 1.125rem;
    position: relative;
}

.custom-trip-description-section .wpte-bf-content-summery li::before {
    font-size: 20px;
    content: "";
    width: 1em;
    height: 1em;
    background-color: var(--wpte-icon-color, #004e6a);
    -webkit-mask: url("https://himalayanhopetreks.ddev.site/wp-content/uploads/2025/09/check.svg");
    mask: url("https://himalayanhopetreks.ddev.site/wp-content/uploads/2025/09/check.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 1em 1em;
    mask-size: 1em 1em;
    -webkit-mask-position: center;
    mask-position: center;
    position: absolute;
    top: 15%;
    left: -4%;
}

.custom-trip-description-section .wpte-bf-content-summery li:last-child {
    margin-bottom: 0;
}

/* Fix blockquote spacing */
.custom-trip-description-section .wpte-bf-content-summery blockquote {
    margin: 20px 0;
    padding: 15px 20px;
    border-left: 4px solid #ddd;
    background: #f9f9f9;
    font-style: italic;
}

/* Fix image spacing */
.custom-trip-description-section .wpte-bf-content-summery img {
    max-width: 100%;
    height: auto;
    margin: 16px 0;
    display: block;
}

/* Fix table spacing */
.custom-trip-description-section .wpte-bf-content-summery table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.custom-trip-description-section .wpte-bf-content-summery th,
.custom-trip-description-section .wpte-bf-content-summery td {
    padding: 8px 12px;
    border: 1px solid #ddd;
    text-align: left;
}

.custom-trip-description-section .wpte-bf-content-summery th {
    background-color: #f5f5f5;
    font-weight: bold;
}

/* Preserve white space if needed */
.custom-trip-description-section .wpte-bf-content-summery {
    white-space: pre-line; /* This preserves line breaks */
}


.wpte-bf-content-notes {
    position: relative;
    background: #004e6a;
    padding: 2em;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 2rem;

}

.wpte-bf-content-notes::before {
    content: "";
    position: absolute;

}

.note-group {
    display: flex;
    gap: 2em;
    align-items: center;
}

.text-note p {
    font-size: 1.125rem;
}


.note-img {
    min-width: 85px;
    /*height: 85px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffa62e;
    border-radius: 100px;

}

.note-img img {
    width: 40px;
    vertical-align: middle;
}


/* Alternative: preserve all whitespace (use carefully) */
/*
.custom-trip-description-section .wpte-bf-content-summery {
    white-space: pre-wrap;
}
*/