.custom-ul {
    list-style-type:disc;
    padding-left: 1em
}

.title.is-5  {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.title.is-4  {
    margin-bottom: 0.5em;
}

.section.is-medium {
    padding-top: 1em;
    padding-bottom: 2em;
}

.footer {
    padding-top: 0em;
    padding-bottom: 0em;
}

.navbar-item.is-secondary {
    font-weight: bold;

}

.navbar-item.is-secondary.active {
    color: white;
    background-color: #ff8c00;
}

.button.cta.rounded.primary-btn.raised {
    font-size: 18px;
    background-color: #F39200;
    border-color: #F39200;
}

.custom-logo-text {
    font-family: 'Anton', sans-serif;
    color: #3285FF;
    font-size: 24px;
}

/* Default: show full text, hide others */
#logo-text { display: inline; }
#logo-text-smaller { display: none; }
#logo-text-smallest { display: none; }

/* 350-369px: show title case */
@media only screen and (max-width: 369px) {
    #logo-text { display: none; }
    #logo-text-smaller { display: inline; }
}

/* < 350px: show BPF only */
@media only screen and (max-width: 349px) {
    #logo-text-smaller { display: none; }
    #logo-text-smallest { display: inline; }
}

.hero-body .title {
    font-family: 'Nunito Sans', open sans,sans-serif;
    font-weight: 900;
}

.navbar-item {
    font-family: 'Nunito Sans', open sans,sans-serif;
    font-weight: 900;
}

h1 {
    font-family: 'Nunito Sans', open sans,sans-serif;
    font-weight: 900;
}

/*
footer.footer-dark .container .footer-column  {
    text-align: center;
}

footer.footer-dark .container .footer-column .footer-header level-left.is-mobile {
    justify-content: center;
}
*/

.footer.footer-dark .container .columns .column .footer-column .footer-header h3 {
    margin-block-end: 0px;
    margin-bottom: 0px;
}

footer.footer-dark .container .columns .column {
    padding-bottom: 6px;
}

footer.footer-dark .footer-column ul.link-list {
    line-height: 30px;
}

.content-paragraph {
    margin-bottom: 1em;
}

.content figure img {
    display: inline-block;
}

footer.footer-dark .footer-column div.k-footer a {
    line-height: 30px;
    color: #98a9c3;
    font-weight: 400;
    transition: all .5s;
}

.navbar-burger span {
    height: 2px;
}

.heading-resume-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.heading-resume-left {
  flex: 1;
  text-align: left;
}

.heading-resume-center {
  flex: 1;
  text-align: center;
}

.heading-resume-right {
  flex: 1;
  text-align: right;
}

.centered-container {
    display: flex;
    justify-content: center;
}

/* Learn Card Styles */
.learn-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.learn-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.learn-card-image {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    overflow: hidden;
    padding: 1rem;
}

.learn-card-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.learn-card-body {
    flex: 1;
    padding: 1rem;
}

.learn-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.75rem;
}

.learn-card-title a {
    color: #363636;
    text-decoration: none;
}

.learn-card-title a:hover {
    color: #17A2B8;
}

.learn-card-summary {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.learn-card-footer {
    padding: 0.75rem 1rem;
    border-top: 1px solid #eee;
    font-size: 0.8rem;
    color: #888;
    display: flex;
    justify-content: space-between;
}

.learn-card-date,
.learn-card-reading-time {
    display: inline-block;
}

/* Learn section spacing */
.content.article-body h2 {
    margin-top: 2rem;
}

.content.article-body hr {
    margin-bottom: 1.5rem;
}

.columns.is-multiline {
    margin-bottom: 1.5rem;
}

/* Alternating background colors for learn cards */
.learn-card-alt {
    background: #e8f4f8;
    border-left: 3px solid #17A2B8;
}

/* Technology badge in card */
.learn-card-technology {
    display: inline-block;
    background: #17A2B8;
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}