/* general styles */
body {
    background: #FFFFFF: #222;
    font-family: Rethink Sans, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    margin-top: 8px;
}


/* header styles */
#DCFlogo {
    margin: 5px 0px 0px 0px;
    padding-right: 0px;
    float: left;
}

#EAlogo {
    margin: 5px 0px;
    padding-left: 0px;
    float: right;
    width: 228px;
    height: 92px;
}

#social {
    float: right;
    margin: 30px 0px 0px 10px;
}

/* foundation sitewide styles */
.panel {
    background: #e1dcd8 !important;
    border-radius: 25px;
    border-color: #FFFFFF;
    border-width: 1px;
}

.panel-local {
    background: #b7c2b2 !important;
    border-radius: 25px;
    border: #FFFFFF solid;
    border-width: 1px;
    margin-bottom: 30px !important;
}

.panel-fm {
    background: #e1dcd8 !important;
    border-radius: 25px;
    border-color: #FFFFFF;
    border-width: 1px;
    height: 650px;
}

.panel-fm p {
    font-size: 1.1rem;
}

.panel-AT {
    background: #edc7b4 !important;
    border-radius: 25px;
    border: #FFFFFF solid;
    border-width: 1px;
    height: 650px;
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p,
.panel a,
.panel a:visited {
    color: black;
    text-align: center;
}

:is(.panel-local, .panel-AT) h1,
:is(.panel-local, .panel-AT) h2,
:is(.panel-local, .panel-AT) h3,
:is(.panel-local, .panel-AT) h4,
:is(.panel-local, .panel-AT) h5,
:is(.panel-local, .panel-AT) h6,
:is(.panel-local, .panel-AT) p,
:is(.panel-local, .panel-AT) a,
:is(.panel-local, .panel-AT) a:visited {
    color: black;
    text-align: center;
}

.panel a:after {
    content: "\BB";
}

/* sitewide styles*/
a {
    color:black;
    font-weight: 500;
}

a:visited,

a:focus {
    text-decoration: none !important;
}

   
    a:hover,
     {
        color: #0A1557;
        text-decoration: underline;
    }

#rowMain a:after,
#rowFooter a:after {
    content: "\BB";
}

.black {
    color: #000;
}

/*top menu bar color
.top-bar {background-color: #a8353a;}
.top-bar-section {background-color: #a8353a;}
.top-bar-section ul li {background: #a8353a;}
.top-bar-section li:not(.has-form) a:not(.button) {background: #a8353a;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background: #a8353a;}
 */
/* sitewide class styles */
.lp {
    float: left;
}

.map {
    width: 100%;
    height: 600px;
}

.plink {
    font-size: 1.2em;
    font-style: italic;
    text-align: center;
}

.img-border {
    border: solid #999 1px;
    box-shadow: 0px 3px 5px 3px #666;
    margin-bottom: 15px;
}

.nolink:after {
    content: none !important;
}

/* front page styles */
.frontpanel {
    margin-bottom: 20px;
    padding: 40px;
}

.frontpanel img {
    width: 80%;
    margin-left: 10%;
}

.video iframe {
    width: 100%;
    max-width: 300px;
}

/* NAM child of the day page */
.videopromo {
    text-align: center;
}

.videopromo p {
    font-size: .8em;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.photocredit {
    float: left;
    margin: 0px 6px 0px 0px;
}


.photocredit p {
    font-size: .8em;
    font-weight: bold;
    font-style: italic;
    text-align: left;
}



/* search pages */
.child {
    border-top: thin black solid;
    padding: 20px 0px;
}

.details {
    padding-top: 20px;
}

.description {
    padding-top: 20px;
}

/* heart gallery pages */
#heart img {
    padding: 10px;
}

#heart p {
    width: 170px;
    text-align: center;
    float: left;
    min-height: 215px;
}

@media only screen and (max-width: 40.0625em) {
    .frontpanel {
        min-height: 450px;
    }
}

@media only screen and (min-width: 40.0625em) and (max-width:63.9625em) {
    .frontpanel {
        min-height: 300px;
    }
}

@media only screen and (min-width: 63.0625em) and (max-width:65.0625em) {
    .frontpanel {
        min-height: 745px;
    }
}

a.button1 {
    display: inline-block;
    padding: 0.3em 1.2em;
    margin: 0 0.3em 0.3em 0;
    border-radius: 2em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    background-color: #f0f27d;
    color: #000000;
    text-align: center;
    transform: all 0.2s;
}



@media all and (max-width: 30em) {
    a.button1 {-47-4++65123
        display: block;
        margin: 0.2e auto;
    }
}

/* Remove Vimeo Space*/
.embed-container {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0px !important;
    margin: 5px 0 0 5px;
    bottom: 0px !important;
    left: 0;
    width: 100%;
    max-height: 360px;
}

.player .vp-player-layout {
    top: 0px !important;
    bottom: 0px !important;
}

.page-text p.subtitle-text {
    font-size: 1.5rem;
}

/* Basic styling for the list */
.responsive-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .responsive-list li {
        display: inline-block;
        white-space: normal; /* Allow wrapping of the text */
        word-wrap: break-word; /* Break words when necessary */
        overflow-wrap: break-word; /* Ensures word breaks */
        margin-right: 10px;
    }

.responsive {
    display: inline-block;
    white-space: normal; /* Allow wrapping of the text */
    word-wrap: break-word; /* Break words when necessary */
    overflow-wrap: break-word; /* Ensures word breaks */
    margin-right: 10px;
    width: 100%;
}

/* Media query for smaller screens */
@media (max-width: 600px) {
    .responsive-list li {
        word-break: break-all; /* Force words to break at any character */
        display: block; /* Stack the list items vertically */
   
    }
}