/**
 * PA Family Custom Features — plugin stylesheet.
 *
 * Reusable component classes loaded site-wide. Add new component
 * styles to this file, one section per component.
 *
 * Components:
 *   .pa-box — box with title bar and left accent line ([pa_box])
 *
 * Defaults live here; each shortcode instance can override them via the
 * CSS custom properties set inline by [pa_box] attributes:
 *   --paf-box-title-bg     (bg_title)
 *   --paf-box-title-color  (color_title)
 *   --paf-box-bg           (bg_box)
 *   --paf-box-line-color   (line_color)
 */

.pa-box {
	/* Fallback values used when an attribute is not provided. */
	--paf-box-title-bg: #022331;
	--paf-box-title-color: #ffffff;
	--paf-box-bg: #eaf4f9;
	--paf-box-line-color: #e8b430;

	background: var(--paf-box-bg);	
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	margin: 0 0 1.5em;
	overflow: hidden;
}

.pa-box__title {
	background: var(--paf-box-title-bg);
	color: var(--paf-box-title-color);
    padding: 8px 0 6px;
    font-size: 20px;
    text-align: center;
}

.pa-box__content {
	padding: 1.25em;
}

/* Avoid double spacing from the last paragraph inside the box. */
.pa-box__content > :last-child {
	margin-bottom: 0;
}
.pa-box__content p:emtpy{display:none !important}
.pa-box__content > ol, .pa-box__content > ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0;
}
.pa-box__content > ol li, .pa-box__content > ul li {
    border-left: 3px solid #007cb7;
    padding-left: 25px;
}