﻿/* Additional responsive fixes */
@media (max-width:768px){
  .hero-title{font-size:2.5rem!important;}
  .sec-header,.cta-inner,.about-grid,.content-grid,.footer-top{display:block!important;}
  .hero-left,.hero-right,.page-body{padding-left:1rem!important;padding-right:1rem!important;}
  table{display:block;overflow-x:auto;white-space:nowrap;}
  img{max-width:100%;height:auto;}
  .cat-grid,.about-stats,.hero-stats{grid-template-columns:1fr!important;}
  .cta-text h2{font-size:2rem!important;}
  .sponsor-logo{width:160px!important;}
}
@media (max-width:480px){
  .hero-title{font-size:2rem!important;line-height:1!important;}
  .hero-sub{font-size:.85rem!important;}
  .btn-red,.btn-ghost,.btn-white,.btn-outline-white{
    width:100%;text-align:center;
  }
  .ticker-label{padding:0 .6rem!important;}
}
/* GENESIS SECTION */
.genesis-section{
    background:#fff;
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:2.5rem 0;
}

.categories-section{
    background:#fff;
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:2.5rem 0 3rem;
}

.categories-section > .sec-header,
.categories-section > .cat-grid{
    width:min(1280px, calc(100% - 2rem));
    margin-left:auto;
    margin-right:auto;
}

.categories-section .sec-header{
    border-bottom-color:#e6e0d6;
}

.categories-section .sec-title{
    color:#111;
}

.about-strip{
    background:#fff;
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
}

.about-strip .about-text h2{
    color:#111;
}

.about-strip .about-text p{
    color:#1f2a24;
}

.about-strip .mission-bar{
    background:#f4f7f2;
    color:#111;
}
.about-strip .about-grid{
    align-items:center;
}

.about-strip .about-image{
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent;
}

.about-strip .about-image > div{
    width:100%;
}


.about-strip .about-image .mission-bar{
    width:min(100%, 520px);
    margin:1rem auto 0;
    box-sizing:border-box;
}
.about-strip .about-image img{
    display:block;
    width:min(100%, 520px);
    height:auto;
    margin:0 auto;
    object-fit:cover;
}

.genesis-content p{
    color: #333 !important;
	text-align: justify;
}

.genesis-box{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    background:#fff;
    border:1px solid #e6e0d6;
    border-radius:8px;
    padding:30px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.genesis-box h2{
    text-align:center;
    color:#f58220;
    margin-bottom:20px;
}

.genesis-content{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:30px;
    align-items:start;
}

.genesis-content img{
    width:100%;
    border:1px solid #ddd;
    padding:8px;
}

.genesis-content h3{
    color:#f58220;
}

/* Mobile */
@media(max-width:768px){

    .genesis-section{
        padding:1.5rem 1rem;
    }

    .genesis-content{
        grid-template-columns:1fr;
    }

    .genesis-content img{
        max-width:250px;
        margin:auto;
    }

    .genesis-box{
        padding:20px;
    }
    .about-strip .about-image{
        margin-top:2rem;
    }
	
}




/* Footer link marker encoding fix */
.footer-col ul li a::before,
.r21-footer-col ul li a::before,
.r23-footer-col ul li a::before,
.r24-footer-col ul li a::before,
.r25-footer-col ul li a::before,
.ga-footer-col ul li a::before{
  content:">" !important;
  color:var(--red);
}
