/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
html, body {
    background-color: #cef9ff; /* Replace with your desired color */
    margin: 0;
    padding: 0;
    height: 100%;
}
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #cef9ff;
}
h1, h2, h3, h4, h5, h6 {
    color: #118B9E;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: #118B9E;
        text-decoration: none;
    }

    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
        color: #065662; /* Optional: hover color */
    text-decoration: underline;
    }
a {
    color: #065662;
}
    a:link, a:visited {
    text-decoration: none;
    font-weight:bold;
    }
    a:hover, a:active{text-decoration: underline;    font-weight:bold;
}
a img {
    border: none;
    margin: 0;
}
.bg-custom-highlight {
    background-color: #FFFAE5;
}
/* multiline text-truncate for catalog*/
.clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
}
    .clamp-5.expanded {
        display: block;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        overflow: visible;
    }

/* Set widths on the form inputs since otherwise they're 100% wide
input,
select,
textarea {
    max-width: 280px;
} */
input,
select {
    max-width: 280px;
}

.radio-list input[type="radio"], .radio-list input[type="checkbox"] {
    margin-right: 0.5em; /* space between radio and label */
}

.radio-list label {
    margin-right: 1em; /* vertical spacing between items */
    display: inline-block;
    vertical-align:middle;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}