/* ===== DOWNLOADS PAGE STYLES ===== */



/* Navigation Bar - Keep Original Styling */

#menuu18877 {

    background: #2c5282 !important;

}



.MenuBar {

    display: flex !important;

    justify-content: center !important;

    list-style: none !important;

}



.MenuItemContainer {

    flex: 1 !important;

    text-align: center !important;

}



.Snap-UI---Main-Menu---A {

    display: block !important;

    padding: 12px 10px !important;

    color: white !important;

    text-decoration: none !important;

    font-size: 14px !important;

    border-right: 1px solid #1a365d !important;

}



.Snap-UI---Main-Menu---A:hover,

.MuseMenuActive {

    background: #1a365d !important;

}



/* POSITION ADDRESS IN TOP RIGHT CORNER */

#pu22565 {

    position: relative; /* Make this the positioning context */

}



#u22578 {

    position: absolute !important;

    top: 15px !important;

    right: 20px !important;

    text-align: right !important;

    z-index: 1000 !important;

}



#u18976-4, #u18876-4 {

    color: white !important;

    font-size: 12px !important;

    font-weight: bold !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 1.2 !important;

}



#u18976-4 p, #u18876-4 p {

    color: white !important;

    margin: 0 !important;

    padding: 0 !important;

    font-size: 12px !important;

    font-weight: bold !important;

}



/* Downloads Header */

#u15538 {

    text-align: center;

    padding: 40px 0;

    background: #f8f8f8;

    margin-top: 120px;

}



#u15539-4 {

    color: #2c5282;

    font-size: 36px;

    font-weight: bold;

}



/* Downloads Grid Container */

#u19309-bw {

    width: 100%;

    margin: 40px 0;

}



#u19309_align_to_page {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

    align-items: start;

}



/* Download Item Columns */

#pu19199, #pu19207, #pu30955-4, #pu19221 {

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 15px;

}



/* Download Images */

.clip_frame {

    width: 150px !important;

    height: 180px !important;

    border-radius: 8px;

    overflow: hidden;

    border: 2px solid #e2e8f0;

    transition: all 0.3s ease;

}



.clip_frame img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

    transition: transform 0.3s ease;

}



.clip_frame:hover {

    border-color: #2c5282;

    transform: translateY(-5px);

    box-shadow: 0 10px 25px rgba(0,0,0,0.1);

}



.clip_frame:hover img {

    transform: scale(1.05);

}



/* Download Titles */

#u19252-4, #u19264-4, #u19272-4, #u19276-4 {

    text-align: center;

    margin-top: 10px;

}



.Snap-Text---H6 {

    color: #2c5282 !important;

    font-size: 16px !important;

    font-weight: bold !important;

    text-decoration: none !important;

    line-height: 1.4 !important;

    text-align: center !important;

    max-width: 200px !important;

    word-wrap: break-word !important;

    overflow-wrap: break-word !important;

}



/* "New for 2020" Label */

#u30955-4 {

    text-align: center;

    color: #e53e3e;

    font-weight: bold;

    font-size: 14px;

    margin-bottom: 10px;

}



/* Contact Info Section */

#pu19291-14 {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 40px;

    max-width: 1200px;

    margin: 60px auto 40px;

    padding: 0 20px;

    align-items: center;

}



/* Contact Text */

#u19291-14 {

    text-align: left;

    background: #f8fafc;

    padding: 30px;

    border-radius: 8px;

    border: 1px solid #e2e8f0;

}



#u19291-2 {

    color: #2c5282;

    font-size: 24px;

    margin-bottom: 20px;

}



#u19291-4, #u19291-6, #u19291-9, #u19291-12 {

    color: #666;

    font-size: 16px;

    margin-bottom: 8px;

    line-height: 1.4;

}



/* Contact Image */

#u19336 {

    width: 100% !important;

    border-radius: 8px;

    overflow: hidden;

    border: 1px solid #e2e8f0;

}



#u19336 img {

    width: 100% !important;

    height: auto !important;

    display: block;

}



/* Special Offers Section */

#u22512 {

    background: #2c5282;

    padding: 25px 20px;

    text-align: center;

    margin: 40px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

}



#u22514_img {

    width: 80px;

    height: auto;

}



#u22513-6 {

    color: white;

    font-size: 20px;

    font-weight: bold;

    text-decoration: none;

}



/* Footer */

#pu30874-12 {

    background: #2d3748;

    margin-top: 40px;

}



#u10400 {

    background: #2d3748;

    padding: 30px 0;

}



#u10400_align_to_page {

    display: flex;

    justify-content: space-between;

    align-items: center;

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}



.Snap-Text---Copyright {

    color: #a0aec0;

    font-size: 14px;

}



#u30874-12, #u17696-12 {

    color: #a0aec0;

    text-decoration: none;

    line-height: 1.6;

}



/* ===== RESPONSIVE DESIGN ===== */

@media (max-width: 1024px) {

    #u19309_align_to_page {

        grid-template-columns: repeat(2, 1fr);

        gap: 25px;

    }

    

    #pu19291-14 {

        grid-template-columns: 1fr;

        gap: 30px;

    }

}



@media (max-width: 768px) {

    /* Adjust address for mobile */

    #u22578 {

        position: static !important;

        text-align: center !important;

        margin-top: 10px;

        background: #1a365d;

        padding: 8px;

    }

    

    /* Downloads Header */

    #u15538 {

        margin-top: 140px;

        padding: 30px 0;

    }

    

    #u15539-4 {

        font-size: 28px;

    }

    

    /* Downloads Grid */

    #u19309_align_to_page {

        grid-template-columns: 1fr;

        gap: 20px;

        max-width: 400px;

    }

    

    .clip_frame {

        width: 120px !important;

        height: 150px !important;

    }

    

    /* Contact Info */

    #pu19291-14 {

        padding: 0 15px;

    }

    

    #u19291-14 {

        padding: 20px;

    }

    

    /* Special Offers */

    #u22512 {

        flex-direction: column;

        gap: 15px;

    }

    

    /* Footer */

    #u10400_align_to_page {

        flex-direction: column;

        text-align: center;

        gap: 15px;

    }

}



@media (max-width: 480px) {

    #u15539-4 {

        font-size: 24px;

    }

    

    .Snap-Text---H6 {

        font-size: 14px !important;

        max-width: 150px !important;

    }

    

    #u22513-6 {

        font-size: 18px;

    }

    

    .clip_frame {

        width: 100px !important;

        height: 130px !important;

    }

    

    #u18976-4 p, #u18876-4 p {

        font-size: 11px !important;

    }

}