/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* Make primary column in tables left aligned */
.ispa-members-table td {
    text-align: left;
    padding: 8px 12px;
}

.ispa-members-table th {
    text-align: left;
    padding: 8px 12px;
}

/* Front-page max-width padding breaks all other page layouts! Who uses MORE padding on a NARROWER viewport GLOBALLY! */
@media (max-width: 768px) {
    .content_wrapper .section_wrapper,
    .container {
        max-width: 100% !important;
        padding-left: 16px;
        padding-right: 16px;
    }
} 

/* ISPA DNSSEC Legend – responsive grid
   5-col > 768px | auto-fill 460–768px | 2-col < 460px */

.ispa-dnssec-legend {
    width: 100%;
    border: 1px solid #dde0e3;
    border-radius: 4px;
    padding: 1em 1.2em 1.2em;
    margin: 1.5em 0 1em;
    box-sizing: border-box;
    clear: both;
}

.ispa-dnssec-legend__heading {
    font-weight: 700;
    font-size: 0.95em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 0.6em;
    margin-bottom: 0.8em;
    border-bottom: 1px solid #dde0e3;
    color: #333;
}

.ispa-dnssec-legend__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.75em 1em;
    width: 100%;
}

.ispa-dnssec-legend__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ispa-dnssec-legend__item .fa-star {
    font-size: 1.5em;
    margin-bottom: 0.45em;
    display: block;
}

.ispa-dnssec-legend__desc {
    font-size: 11px;
    line-height: 1.35;
    margin: 0;
}

.ispa-star--red    { color: #cc0000; }
.ispa-star--orange { color: #e6820a; }
.ispa-star--green  { color: #267326; }
.ispa-star--blue   { color: #1a4fa3; }
.ispa-star--purple { color: #6a0dad; }

@media (max-width: 768px) {
    .ispa-dnssec-legend__grid {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }
}

@media (max-width: 460px) {
    .ispa-dnssec-legend__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .ispa-dnssec-legend__item:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        max-width: 50%;
        margin: 0 auto;
    }
}

/* ISPA DNSSEC Legend – responsive grid
   5-col > 768px | auto-fill 460–768px | 2-col < 460px */

.ispa-dnssec-legend {
    width: 100%;
    border: 1px solid #dde0e3;
    border-radius: 4px;
    padding: 1em 1.2em 1.2em;
    margin: 1.5em 0 1em;
    box-sizing: border-box;
    clear: both;
}

.ispa-dnssec-legend__heading {
    font-weight: 700;
    font-size: 0.95em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 0.6em;
    margin-bottom: 0.8em;
    border-bottom: 1px solid #dde0e3;
    color: #333;
}

.ispa-dnssec-legend__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.75em 1em;
    width: 100%;
}

.ispa-dnssec-legend__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ispa-dnssec-legend__item .fa-star {
    font-size: 1.5em;
    margin-bottom: 0.45em;
    display: block;
}

.ispa-dnssec-legend__desc {
    font-size: 11px;
    line-height: 1.35;
    margin: 0;
}

.ispa-star--red    { color: #cc0000; }
.ispa-star--orange { color: #e6820a; }
.ispa-star--green  { color: #267326; }
.ispa-star--blue   { color: #1a4fa3; }
.ispa-star--purple { color: #6a0dad; }

@media (max-width: 768px) {
    .ispa-dnssec-legend__grid {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }
}

@media (max-width: 460px) {
    .ispa-dnssec-legend__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .ispa-dnssec-legend__item:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        max-width: 50%;
        margin: 0 auto;
    }
}