/* BLOCK STYLES: the named styles for headings and paragraphs
 * Moved from PublishPress Blocks' Custom Styles (plugin removed October 23, 2026).
 * Aaron Riddle - October 23, 2026
 *
 * To use one, select a Heading or Paragraph block and type the class name in
 * Advanced > Additional CSS class(es). Existing blocks already have their class.
 * Loaded on the site (after style.css, where the plugin printed these) and in
 * the block editor by inc/block-styles.php. The CSS below is the plugin's
 * generated output, unchanged.
 *
 * Class name                                     Title in the plugin
 *   blue-message                                 Blue message
 *   green-message                                Green message
 *   orange-message                               Orange message
 *   red-message                                  Red message
 *   grey-message                                 Grey message
 *   left-block                                   Left block
 *   right-block                                  Right block
 *   blockquotes                                  Blockquotes
 *   yellow-message-with-blue-border              Yellow Message Blue Border
 *   section-header-blue-with-white-text          Section Header - Blue with White Text
 *   image-body-mobile                            Image body mobile
 *   green-message-with-green-border              Green Message Green Border
 *   section-header-blue-with-white-text-394      Section Header - Blue Text with Green Border Bottom
 *   section-header-blue-snow                     Section Header - Snow Background
 *   section-header-holiday-sub                   Section Header - Holiday Background Sub
 *   code-red-banner                              Code Red Banner
 *   code-green-banner                            Code Green Banner
 *   code-yellow-banner                           Code Yellow Banner
 *   code-orange-banner                           Code Orange Banner
 *   gray-notice                                  Gray Notice
 *   callout-blue-bg-white-text                   Callout - Blue with White Text
 *   callout-blue-bg-white-text-double-border     Callout - Blue with White Text Double Side Border
 *   new-class-842327                             New Styles - H2 - Blue Box with Green Border
 *   callout-blue-bg-white-text-main              Callout - Blue with White Text Main
 */

.blue-message {
background: none repeat scroll 0 0 #3399ff;
    color: #ffffff;
    text-shadow: none;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
}.green-message {
background: none repeat scroll 0 0 #008906;
color: #ffffff;
text-shadow: none;
font-size: 1.1em;
line-height: 1.1em;
padding: 25px;
font-weight: bold;

a {
color: #ffffff !important;
}
}.orange-message {
background: none repeat scroll 0 0 #faa732;
    color: #ffffff;
    text-shadow: none;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
}.red-message {
background: none repeat scroll 0 0 #a00000;
color: #ffffff;
text-shadow: none;
font-size: 1.1em;
line-height: 1.1em;
padding: 25px;
font-weight: bold;
}.grey-message {
background: none repeat scroll 0 0 #d1d1d1;
    color: #000000;
    text-shadow: none;
    font-size: 1em;
    line-height: 1.4em;
    padding: 35px;
}.left-block {
background: none repeat scroll 0 0px, radial-gradient(ellipse at center center, #ffffff 0%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #8b8e97;
    padding: 10px;
    margin: 10px;
    float: left;
}.right-block {
background: none repeat scroll 0 0px, radial-gradient(ellipse at center center, #ffffff 0%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #8b8e97;
    padding: 10px;
    margin: 10px;
    float: right;
}.blockquotes {
background: none;
    border-left: 5px solid #f1f1f1;
    color: #8B8E97;
    font-size: 16px;
    font-style: italic;
    line-height: 22px;
    padding-left: 15px;
    padding: 10px;
    width: 60%;
    float: left;
}.yellow-message-with-blue-border {
background: none repeat scroll 0 0 #ffe189;
color: #000;
text-shadow: none;
font-size: 1.1em;
line-height: 1.1em;
padding: 25px;
font-weight: 700;
border: 3px solid #00426b;
border-radius: 10px;
margin-top: 20px;
}.section-header-blue-with-white-text {
background: none repeat scroll 0 0 #00426b;
color: #fff;
text-shadow: none;
font-size: 1.5em;
line-height: 1.1em;
padding: 25px;
font-weight: 700;
margin-top: 20px;
}.image-body-mobile {

}.green-message-with-green-border {
background: none repeat scroll 0 0 #cced93;
color: #000;
text-shadow: none;
font-size: 1.1em;
line-height: 1.1em;
padding: 25px;
font-weight: 700;
border: 3px solid #76bd22;
border-radius: 10px;
margin-top: 20px;
}.section-header-blue-with-white-text-394 {
color: #000;
font-size: 1.5em;
line-height: 1.1em;
font-weight: 700;
margin-top: 20px;
border-bottom: 6px solid #76bd22;
padding-bottom: 10px;
}.section-header-blue-snow {
background: none repeat scroll 0 0 #00426b;
color: #fff;
text-shadow: none;
font-size: 1.5em;
line-height: 1.1em;
padding: 25px;
font-weight: 700;
margin-top: 20px;
background: url(https://laurelridge.edu/wp-content/uploads/2024/11/241120-snow-background.jpg) rgba(0, 66, 107, 0.85);
background-size: cover;
background-blend-mode: multiply;
}.section-header-holiday-sub {
background: none repeat scroll 0 0 #00426b;
color: #fff;
text-shadow: none;
font-size: 1.1em;
line-height: 1.1em;
padding: 15px;
font-weight: 700;
margin-top: 20px;
background: url(https://laurelridge.edu/wp-content/uploads/2024/11/241120-holiday-background-mono2.jpg) rgba(160, 0, 0, 0.93);
background-size: cover;
text-shadow: 2px 2px 4px black;
background-blend-mode: multiply;
}.code-red-banner {
background: none repeat scroll 0 0 #B30000;
color: #ffffff;
text-shadow: none;
font-size: 1.3em;
line-height: 1.1em;
padding: 25px;
font-weight: bold;
}.code-green-banner {
background: none repeat scroll 0 0 #008509;
color: #ffffff;
text-shadow: none;
font-size: 1.3em;
line-height: 1.1em;
padding: 25px;
font-weight: bold;
}.code-yellow-banner {
background: none repeat scroll 0 0 #FFDD00;
color: #000000;
text-shadow: none;
font-size: 1.3em;
line-height: 1.1em;
padding: 25px;
font-weight: bold;
}.code-orange-banner {
background: none repeat scroll 0 0 #FF9500;
color: #000000;
text-shadow: none;
font-size: 1.3em;
line-height: 1.1em;
padding: 25px;
font-weight: bold;
}.gray-notice {
background: none repeat scroll 0 0 #d1d1d1;
color: #000000;
text-shadow: none;
font-size: 1em;
line-height: 1.1em;
padding: 25px;
font-weight: normal;
}.callout-blue-bg-white-text {
background: none repeat scroll 0 0 #00426b;
color: #fff;
text-shadow: none;
font-size: 1.3em;
line-height: 1.2em;
padding: 25px 25px 25px 50px;
font-weight: 400;
margin-top: 20px;
font-style: italic;
border-left: solid #76BD22 13px;
}.callout-blue-bg-white-text-double-border {
background: none repeat scroll 0 0 #00426b;
color: #fff;
text-shadow: none;
font-size: 1.1em;
line-height: 1.1em;
padding: 25px 25px 25px 25px;
font-weight: 700;
margin-top: 20px;
text-align: center;
font-style: normal;
border-left: solid #76BD22 13px;
border-right: solid #76BD22 13px;
}.new-class-842327 {
    background-color: #00426b;
    color: #ffffff;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
    padding-left: 16px;
    margin-top: 40px;
    margin-bottom: 20px;
    border-bottom-width: 5px;
    border-top-right-radius: 0px;
    font-size: 20px;
    line-height: 1.1em;
    font-style: normal;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: #76bd22;
}
.new-class-842327 a {
    color: #ffffff;
    text-decoration: underline;
}.callout-blue-bg-white-text-main {
    color: #ffffff;
    background: #00426b;
    padding-top: 30px;
    padding-right: 25px;
    padding-bottom: 30px;
    padding-left: 20px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2px;
    text-shadow: none;
    border-left: 20px solid #76bd22;
}


/* Helpers from the PublishPress Blocks columns conversion. Classic themes don't
 * output a Columns block's own gap setting, so the old gutters are classes:
 * lrcc-gap-0/20/30 (Publications 20px, Party in the Garden 20px and 30px), and
 * lrcc-max-width-750 is a centered, narrower Columns block (Party in the Garden). */
.wp-block-columns.lrcc-gap-0 {
	gap: 0;
}

.wp-block-columns.lrcc-gap-20 {
	gap: 20px;
}

.wp-block-columns.lrcc-gap-30 {
	gap: 30px;
}

/* Stacked on phones: 10px between columns, as the old blocks had */
@media (max-width: 781px) {
	.wp-block-columns[class*="lrcc-gap-"] {
		row-gap: 10px;
	}

	.wp-block-columns[class*="lrcc-gap-"] > .wp-block-column {
		margin-bottom: 0;
	}
}

.wp-block-columns.lrcc-max-width-750 {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}