/*
    DAILY MASS READINGS OBJECT (Layer Design Studio)
    Loaded in <head> only by pages that have a "Daily Mass Readings" object
    (.pm-obj-dailyreadings) - see wds_layer_widgets() in
    CAF227A79146/webdesign/library/webdesign_studio_functions.php.
    library/ajax/usccb/daily_reading.js loads the readings into #readings; each
    reading is a .rsslayer (h2 + .rsscontent) that opens and closes on click.
    Colours follow the website palette (--color_p / --color_pd), like the
    legacy main.css.
*/

.pm-obj-dailyreadings > .pm-part-title {
    text-align: center;
}

.pm-obj-dailyreadings #readings .rsslayer h2 {
    width: 100%;
    margin: 0 0 20px;
    padding: 12px 15px;
    box-sizing: border-box;
    background: var(--color_p, #005b96);
    color: #ffffff;
    font-size: 1.3em;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
    transition: background-color .3s linear;
}

.pm-obj-dailyreadings #readings .rsslayer h2:hover {
    background: var(--color_pd, #002540);
}

.pm-obj-dailyreadings #readings .rsslayer h2 span {
    float: right;
    margin-right: 10px;
}

.pm-obj-dailyreadings #readings h4 {
    margin-bottom: 20px;
    font-size: 1.1em;
}

.pm-obj-dailyreadings #readings .poetry {
    margin-bottom: 20px;
    font-size: .9em;
}

.pm-obj-dailyreadings #readings .rsscontent {
    margin-bottom: 25px;
}

.pm-obj-dailyreadings #readings .rsscontent a {
    color: var(--color_pd, #002540);
    font-style: italic;
    font-weight: bold;
}

.pm-obj-dailyreadings #readings .rsscontent a:hover {
    color: var(--color_pl, #0b499f);
}