@font-face {
font-family: 'Adelphe Fructidor';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorRegular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Adelphe Fructidor';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorSemiBold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Adelphe Fructidor';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorItalic.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Adelphe Fructidor';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorBoldItalic.woff2') format('woff2');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Lateral';
src: url('https://laist-fonts.pages.dev/Lateral-ExtendedBlack.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-stretch: expanded;
font-display: swap;
}
@font-face {
font-family: 'Lateral';
src: url('https://laist-fonts.pages.dev/Lateral-StandardBold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lateral';
src: url('https://laist-fonts.pages.dev/Lateral-StandardRegular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lateral';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorItalic.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
}
html, body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family: 'Adelphe Fructidor', Times New Roman, serif!important;
font-weight: 400;
font-style: normal;
}
h1, h2, h3 {margin:0px;}
h1 {
font-family: Lateral, Arial, sans-serif!important; font-weight:900!important; font-stretch: expanded!important;
}
h2 {
font-family: Lateral, Helvetica, Arial, sans-serif!important;
font-weight: bold!important; font-size:31.25px!important; line-height:110%!important; letter-spacing: -0.625px!important;
Colors
Color format
Hex
Text colors
text/text-primary-black
Text content
}
h3 {
font-family: Lateral, Helvetica, Arial, sans-serif!important;
margin: 0px;
}
body, td, ul, li, p {
font-family: 'Adelphe Fructidor', Times New Roman, serif!important;
font-weight: 400;
font-style: normal;
line-height:1.75;
}
ul {padding:0px;}
li {list-style-position: outside; margin:10px 0px 20px 20px;}
h1 a, li a, h2 a {color:#141414!important; text-decoration:underline!important;}
.buttonstyles, button, .ie-frm-btn {
letter-spacing: .86px!important; font-family:Lateral, Arial, sans-serif!important;
}
.ie-b-label-box {font-family:Lateral; font-weight:400!important;}
ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
line-height: 100%;
}
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0 !important;
}
p {
margin: 1em 0;
}
table td {
border-collapse: collapse;
}
img {
outline: 0;
}
a img {
border: none;
}
@-ms-viewport {
width: device-width;
}
@media only screen and (max-width: 670px) {
.container {
width: 100% !important;
}
.footer {
width: auto !important;
margin-left: 0;
}
.mobile-hidden {
display: none !important;
}
.logo {
display: block !important;
padding: 0 !important;
}
img {
max-width: 100% !important;
height: auto !important;
max-height: auto !important;
}
.header img {
max-width: 100% !important;
height: auto !important;
max-height: auto !important;
}
.photo img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.drop {
display: block !important;
width: 100% !important;
float: left;
clear: both;
}
.footerlogo {
display: block !important;
width: 100% !important;
padding-top: 15px;
float: left;
clear: both;
}
.nav4, .nav5, .nav6 {
display: none !important;
}
.tableBlock {
width: 100% !important;
}
.responsive-td {
width: 100% !important;
display: block !important;
padding: 0 !important;
}
.fluid, .fluid-centered {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
.fluid-centered {
margin-left: auto !important;
margin-right: auto !important;
}
/* MOBILE GLOBAL STYLES - DO NOT CHANGE */
body, .tb_properties {
font-size: 15px !important;
line-height: 1.5 !important;
padding: 0px !important;
}
h2 {
font-size: 20px !important;
line-height: 1 !important;
}
h3 {
font-size: 12px !important;
line-height: 1 !important;
}
.mobile-hidden {
display: none !important;
}
.responsive-td {
width: 100% !important;
display: block !important;
padding: 0 !important;
}
/* END OF MOBILE GLOBAL STYLES - DO NOT CHANGE */
}
@media only screen and (max-width: 640px) {
.newslettercontainer {padding:10px!important; display:block!important; background-size:800px auto!important;}
.block {width:100%!important; display:block!important; padding:0px!important; text-align:left!important;}
table.divider {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
td.stroke {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.container {
width: 100% !important;
display:block!important;
}
.mobile-hidden {
display: none !important;
}
.logo {
display: block !important;
padding: 0 !important;
}
.photo img {
width: 100% !important;
height: auto !important;
}
.nav5, .nav6 {
display: none !important;
}
.fluid, .fluid-centered {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
.fluid-centered {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (prefers-color-scheme: dark) {
html, body {background-color:#1B1B1B!important;}.newslettercontainer {background-color:#1B1B1B!important;}
td, h1, h2, h3, span, div, p, a, li a, ul a {color:#F1F1F1!important;}
.buttonstyles {border:1px #f1f1f1 solid!important;}
.stroke {background-color:#9F9F9F!important;}
.footerstroke {border-top:1px #DDDDDD solid!important; border-bottom:1px #9F9F9F solid!important;}
.darkmodeimage {filter: invert(1) hue-rotate(180deg) !important;}
.hidedarkmode {
display: none!important;
}
.showdarkmode {
display: inline!important;
}
}
div.preheader
{ display: none !important; }
Karen Bass conceded.
@media only screen and (max-width: 670px) {
.membermessage, .memberbutton {width:100%!important; text-align:center!important; display:block!important; padding:5px 0px!important;}
.membership {width:100%!important; display:block!important; padding:7px 16px!important;}
We noticed you’re not an LAist member. We are 100% community funded now, so please help keep public media and local reporting strong by becoming a member.
DONATE NOW
VIEW ONLINE
Make It Make Sense
Election 2026
By Cato Hernández and Makenna Cramer
It's official: L.A. City Councilmember Nithya Raman just got a promotion at City Hall. Raman will be the city’s next mayor in an upset for incumbent Karen Bass.
Bass conceded on Thursday in a statement:
“While this is not the outcome we hoped for, the people of Los Angeles have spoken. I have called Councilmember Nithya Raman to congratulate her on her victory, and I have committed to ensuring a smooth and seamless transition. Moving this city forward is what Los Angeles needs from all of us. I love Los Angeles. I believe in Los Angeles. And I will continue to ensure the promise of a better life belongs to all of us. Thank you.”
How we got here: A year ago, Raman wasn’t on anybody’s radar for mayor. Earlier this year, she filed to run against her one-time ally on the last day possible. And as voters might remember, Raman fell to third in the June primary but later overtook reality TV star Spencer Pratt on day six of the count, clinching her spot in the general election.
Why it matters: The nation’s first and second most populous cities will now be led by electeds associated with the Democratic Socialists of America — Mayor Zohran Mamdani in New York and Raman in L.A. respectively.
What to expect from Raman as mayor: Raman, a champion of tenants' rights, has promised to tackle housing affordability, homelessness and police reform, including removing LAPD Chief Jim McDonnell. She also has vowed to improve basic city services like pothole and street light repair.
You can read more in our story here about what Raman will have to tackle during her first term.
LAist is part of Southern California Public Radio, 474 South Raymond Avenue, Pasadena, CA, 91105, a member-supported public media network.
About Us
LAist Staff
Unsubscribe
Contact Us
Support Us
© 2026 Southern California Public Radio - All Rights Reserved
Terms of Use
Privacy Policy