/* General Styles */

/* Blog Post Changes */

.Blog-Post-Para, .Blog-Post-Para p,.Blog-Post-Para a, .Blog-Post-Para li, .Blog-Post-Para em {
	font-size: 20px !important;
}


.Blog-Post-Para {
	padding-left: 10px;
	padding-right: 10px;
}

.Blog-Post-Para a {
	color: #fab015;
	transition: 300ms;
}

.Blog-Post-Para a:hover {
	color: #193e69;
	transition: 300ms;
	text-decoration: underline;
}

.Blog-Post-Heading {
	font-size: 28px !important;
}

/* Article design blocks (core group/paragraph/image blocks with these classes), brand palette.
   This theme renders groups with an inner container, so the grids sit on .wp-block-group__inner-container. */
.Blog-Hero img { display: block; width: 100%; height: auto; border-radius: 8px; }
.Blog-Hero { margin: 0 0 28px; }
.Blog-Stats, .Blog-Dates { margin: 26px 10px; }
.Blog-Logos { margin: 24px 10px; }
.Blog-Stats p, .Blog-Dates p, .Blog-Logos figure { margin-top: 0 !important; }
h6.Blog-Lede { font-size: 26px !important; line-height: 1.35; color: #193e69 !important; padding: 0 10px 18px; margin-bottom: 18px; border-bottom: 3px solid #f49904; }
h2.Blog-Post-Heading { color: #193e69 !important; margin-top: 36px !important; padding-left: 10px; }
h2.Blog-Post-Heading::after { content: ""; display: block; width: 56px; height: 3px; margin-top: 10px; background: #f49904; }
.Blog-Stats > .wp-block-group__inner-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.Blog-Stats p { margin: 0; padding: 22px 12px; background: #eef4fa; border-radius: 8px; text-align: center; font-size: 14px !important; text-transform: uppercase; letter-spacing: .04em; color: #4b8299; }
.Blog-Stats strong { display: block; margin-bottom: 6px; font-size: 32px; line-height: 1.1; letter-spacing: 0; text-transform: none; color: #193e69; }
.Blog-Quote { margin: 28px 10px; padding: 22px 26px; background: #fff6e8; border-left: 5px solid #f49904; border-radius: 0 8px 8px 0; }
.Blog-Quote p { margin: 0; font-size: 22px !important; line-height: 1.4; font-weight: 700; color: #193e69; }
.Blog-Dates > .wp-block-group__inner-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.Blog-Dates p { margin: 0; padding: 18px 18px 20px; background: #fff; border: 1px solid #e3e8ee; border-top: 4px solid #4b8299; border-radius: 8px; font-size: 17px !important; color: #3e3e3e; }
.Blog-Dates p:nth-child(2) { border-top-color: #f49904; }
.Blog-Dates p:nth-child(3) { border-top-color: #68a18b; }
.Blog-Dates strong { display: block; margin-bottom: 4px; font-size: 14px; text-transform: uppercase; letter-spacing: .06em; color: #193e69; }
.Blog-Logos > .wp-block-group__inner-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.Blog-Logos figure { margin: 0 !important; padding: 6px 12px 14px; background: #fff; border: 1px solid #e3e8ee; border-radius: 8px; text-align: center; transition: box-shadow 200ms, transform 200ms; }
.Blog-Logos figure:hover { box-shadow: 0 6px 18px rgba(25, 62, 105, .12); transform: translateY(-2px); }
.Blog-Logos img { display: block; width: auto !important; max-width: 100% !important; height: 130px !important; margin: 0 auto; object-fit: contain; }
.Blog-Logos a { display: block; }
.Blog-Logos figcaption { margin: 10px 0 0; font-size: 14px; color: #3e3e3e; }
.Blog-Address { margin: 28px 10px; padding: 24px 26px; background: #193e69; border-radius: 8px; }
.Blog-Address p { margin: 0; font-size: 20px !important; color: #fff; }
.Blog-Address strong { color: #fff !important; }
.Blog-Address a { color: #fab015 !important; font-size: inherit !important; font-weight: 700; }
.Blog-Btns { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 10px 10px; }
.Blog-Btns a { display: inline-block; padding: 14px 26px; border: 2px solid #193e69; border-radius: 4px; background: #193e69; color: #fff !important; font-size: 15px !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; transition: 200ms; }
.Blog-Btns a:hover { background: #f49904; border-color: #f49904; }
.Blog-Btns a + a { background: transparent; color: #193e69 !important; }
.Blog-Btns a + a:hover { color: #fff !important; }
@media (max-width: 767px) {
	.Blog-Stats > .wp-block-group__inner-container, .Blog-Logos > .wp-block-group__inner-container { grid-template-columns: repeat(2, 1fr); }
	.Blog-Dates > .wp-block-group__inner-container { grid-template-columns: 1fr; }
	h6.Blog-Lede { font-size: 21px !important; }
	.Blog-Quote p { font-size: 19px !important; }
	.Blog-Btns a { width: 100%; text-align: center; }
}

.Blog-Post-Img-Margin-Bottom figure {
	margin-bottom: 10px !important;
}

.Blog-Post-Heading-Padding{
	padding-left: 10px;
	padding-right: 10px;
}

.lundi-gras-list{
	padding-left: 40px;
}
.lundi-gras-button{
	background-color: #ef4a24;
	width: fit-content;
	margin: auto;
	padding: 10px 20px;
	cursor: pointer;
}
.lundi-gras-button:hover{
	background-color: #193e69;
}
.lundi-gras-button a{
	color: #fff;
	font-size: 24px;
}


/* ========== Leasing Page ========== */
.leasingPage__button{
	max-width: fit-content;
}
.leasingPage__button a{
	background-color: #f3f2f2;
    color: #020202;
    transition: 300ms;
	max-width: fit-content;
	padding: 16px 32px;
	border-radius: 4px;
}
.leasingPage__button a{
    color: #020202;
	font-weight: 600;
}
.leasingPage__button:hover a{
	background-color: #020202;
    color: #020202;
	transition: 300ms;
}
.leasingPage__button:hover a{
	color: #fff;
}
/* Blog image containment (moved from MTC Customizer > Additional CSS, 2026-08-03).
   Keeps the homepage Latest News image and in-post images inside their column. */
.homePostImage .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}
.latestPostContainer .innerColumn,
.latestPostContainer .col-inner {
	min-width: 0;
}
.wp-block-image img,
.entry-content img,
article img {
	max-width: 100%;
	height: auto;
}
/* Property Policies on the redesigned Info page (rscp carry-policies, marker class .rscpPolicies).
   The accordion block styles its titles and dividers white for live's dark policies block;
   on Info's white background they were invisible. Same for the Info FAQ (.rscpFaq). */
.rscpPolicies .ui-accordion-header,
.rscpFaq .ui-accordion-header {
	color: #020202 !important;
	border-color: #d9d9d9 !important;
}