/* Latest news section (converted from the live Elementor section, home page). */
.ew-posts { --display:flex; --flex-direction:column; --flex-wrap-mobile:wrap; --padding-top:5%; --padding-bottom:5%; --padding-left:5%; --padding-right:5%; }
.ew-posts { background-color:var(--ew-off-white); }
.ew-posts__head { --display:flex; }
.ew-posts__pre > .ew-w__c { margin:0px 0px -20px 0px; }
.ew-posts__pre { text-align:center; font-family:var(--ew-font-jakarta); font-size:20px; font-weight:300; text-transform:uppercase; line-height:1em; color:var(--ew-purple); }
.ew-posts__title { text-align:center; }
.ew-posts__title .ew-heading__title { font-family:var(--ew-font-gibson); font-size:40px; font-weight:900; text-transform:uppercase; line-height:1.1em; color:var(--ew-purple); }
.ew-posts__intro { width:var( --container-widget-width, 50% ); max-width:50%; text-align:center; font-family:var(--ew-font-jakarta); font-size:18px; font-weight:300; line-height:1.4em; color:var(--ew-text); }
.ew-posts__intro { --align-self:center; }
.ew-posts__archive { --display:flex; }
.ew-posts__buttons { --display:flex; --flex-direction:row; --flex-wrap-mobile:wrap; --justify-content:center; }
@media(max-width:1024px) {
	.ew-posts__pre { font-size:18px; }
	.ew-posts__intro { width:var( --container-widget-width, 75% ); max-width:75%; }
	.ew-posts__button .ew-btn { font-size:15px; }
}
@media(max-width:767px) {
	.ew-posts { --padding-top:15%; --padding-bottom:15%; --padding-left:5%; --padding-right:5%; }
	.ew-posts__pre { font-size:12px; }
	.ew-posts__title .ew-heading__title { font-size:25px; }
	.ew-posts__intro { width:var( --container-widget-width, 100% ); max-width:100%; font-size:16px; }
	.ew-posts__button { --flex-grow:1; --flex-shrink:0; }
	.ew-posts__button .ew-btn .ew-btn__wrap { justify-content:center; }
	.ew-posts__button > .ew-w__c { text-align: left; }
	.ew-posts__button .ew-btn { width: 100%; }
}
.ew-posts__loop { width: 100%; --grid-columns: var(--ew-cols, 3); --grid-row-gap: 30px; --grid-column-gap: 30px; }
@media (max-width: 1024px) { .ew-posts__loop { --grid-columns: var(--ew-cols-t, 2); } }
@media (max-width: 767px) { .ew-posts__loop { --grid-columns: var(--ew-cols-m, 1); } }