/* ============================================
   TODDLE ACADEMY — CUSTOM CSS (FULL FILE)
   ============================================ */

/* ---------- Top navigation bar ---------- */
.academy-navigation {
background-color: #fff !important;
width: 100% !important;
height: 80px !important;
margin: 0px !important;
padding-left: 64px !important;
padding-right: 64px !important; }

.academy-banner-content{
max-width: 700px !important;
}

/* ---------- Hidden filter panel — revealed to test ---------- */
.academy-content-filter-button{
display: block !important;
}

.AL_Custom_TabBar {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #e4e4e4; }

.AL_Custom_NavContentWrapper {
padding-top: 25px !important
}

a.AL_Custom_NavLoginButton {
border: 0px !important;
background: #f85a60 !important;
color: #fff !important; }

.AL_Custom_TabBarTab {
border: 0px !important;
margin-left: 10px !important;
margin-right: 10px !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
padding-left: 20px !important;
padding-right: 20px !important; }

a:hover.AL_Custom_TabBarTab {
font-weight: 800 !important;
background-color: #fff5f7 !important;
color: #000 !important;
border-bottom: 0px !important; 
border-radius: 8px !important}

a.active.AL_Custom_TabBarTab {
border-bottom: 0px !important;
background-color: #fff5f7 !important;
color: #000 !important; 
border-radius: 8px !important; }

.AL_Custom_BannerCta,
.AL_Custom_PCSummaryCta {
background-color: #000 !important;
color: #fff !important;
border-radius: 8px !important; }

.AL_Custom_NavLoginButton {
 display: none;
}
.AL_Custom_NavContentWrapper{
 display: none;
}

.AL_Custom_NavAcctPopupMenu :nth-child(1), .AL_Custom_NavAcctPopupMenu :nth-child(3) {
 display: none !important;
}
.AL_Custom_BannerStatsWrapper > *:nth-child(-n+2) {
  display: none !important;
}
.AL_Custom_BannerStat{
padding: 10px 15px 10px 0px !important;
}

.AL_Custom_BannerStatsWrapper{
   column-gap: 15px;
}
.AL_Custom_NavBg{
    min-height: 183px;
}
.AL_Custom_BannerMainHeading{
    margin-top: 20px !important;
    font-family: AvenirNext, Avenir Next !important;
}
.AL_Custom_BannerSubHead{
   font-family: AvenirNext, Avenir Next !important;
}
.AL_Custom_PoweredBy{
display: none !important;
}
.customHeaderIconsStyle{
display: flex;
height: 30px !important;
column-gap: 10px !important;
margin-right: 75px;
}
.customHeaderIconsStyle > img {
margin-right: 0px !important;
height: initial !important;
width: initial !important;
cursor: pointer;
}

.AL_Custom_Template .AL_Custom_TabBar nav { max-width: 100%; }

/* ---------- Course/certification cards: 4 equal columns, compact, properly spaced ---------- */
.AL_Custom_CardContainer {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: 20px !important;
  
  margin-bottom: 32px !important;
}

.AL_Custom_SingleCard {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 24px 0 !important;
}

.AL_Custom_CardContentInner {
  min-width: 0 !important;
}

.AL_Custom_CardImage {
  height: 130px !important;
  min-height: 130px !important;
}

.AL_Custom_CardBody {
  padding: 14px !important;
}

.AL_Custom_CardTitle {
  font-size: 15px !important;
  line-height: 1.35 !important;
  margin: 10px 0 6px !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.AL_Custom_CardDescription {
  font-size: 13px !important;
  line-height: 1.35 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.AL_Custom_ContentTypeLabel span,
.AL_Custom_ItemsCount {
  font-size: 12px !important;
}

.AL_Custom_CardFooter {
  padding: 10px 14px !important;
}
.AL_Custom_CardCta {
  font-size: 13px !important;
}

@media (max-width: 1100px) {
  .AL_Custom_CardContainer { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  .AL_Custom_CardContainer { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 480px) {
  .AL_Custom_CardContainer { grid-template-columns: minmax(0, 1fr) !important; }
}