/*
 * Ogere Remo inner content v7.
 * Content components only: no header/footer/hero or outer page-spacing changes.
 */

body.ogere-inner-v6-native .ogere-v7-gallery-wrap {
    margin: 26px 0 10px !important;
}
body.ogere-inner-v6-native .ogere-v7-gallery-caption {
    margin: 0 0 12px !important;
    color: #687386 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}
body.ogere-inner-v6-native .ogere-v7-gallery {
    display: grid !important;
    gap: 18px !important;
    width: 100% !important;
}
body.ogere-inner-v6-native .ogere-v7-gallery-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
body.ogere-inner-v6-native .ogere-v7-gallery-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
body.ogere-inner-v6-native .ogere-v7-gallery-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
body.ogere-inner-v6-native .ogere-v7-gallery-item {
    margin: 0 !important;
    min-width: 0 !important;
    background: #fff !important;
    border: 1px solid #e1e6ee !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(9,30,57,.08) !important;
}
body.ogere-inner-v6-native .ogere-v7-gallery-item img {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    object-position: center center !important;
}
body.ogere-inner-v6-native .ogere-v7-gallery-item figcaption {
    padding: 11px 13px !important;
    color: #5e6673 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

body.ogere-inner-v6-native .ogere-v7-cta {
    margin: 28px 0 6px !important;
    padding: 24px 26px !important;
    border-left: 4px solid #c5912d !important;
    background: #f6f8fb !important;
    border-radius: 4px !important;
}
body.ogere-inner-v6-native .ogere-v7-cta h3 {
    margin-top: 0 !important;
}
body.ogere-inner-v6-native .ogere-v7-cta-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 17px !important;
}
body.ogere-inner-v6-native .ogere-v7-cta a,
body.ogere-inner-v6-native .ogere-v7-project-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 10px 17px !important;
    border-radius: 3px !important;
    background: #24b7d7 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
body.ogere-inner-v6-native .ogere-v7-cta a:hover,
body.ogere-inner-v6-native .ogere-v7-project-link:hover {
    filter: brightness(.94) !important;
}

body.ogere-inner-v6-native .ogere-v7-contact-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 22px !important;
    margin: 22px 0 8px !important;
}
body.ogere-inner-v6-native .ogere-v7-contact-card {
    padding: 24px !important;
    border: 1px solid #e1e6ee !important;
    border-top: 3px solid #c5912d !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(11,29,55,.05) !important;
}
body.ogere-inner-v6-native .ogere-v7-contact-card h3 {
    margin-top: 0 !important;
    color: #172033 !important;
    font-size: 18px !important;
}
body.ogere-inner-v6-native .ogere-v7-contact-card a {
    overflow-wrap: anywhere !important;
}

body.ogere-inner-v6-native .ogere-v7-programme {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
    margin: 22px 0 !important;
}
body.ogere-inner-v6-native .ogere-v7-programme-item {
    padding: 17px 18px !important;
    border: 1px solid #e1e6ee !important;
    border-radius: 4px !important;
    background: #fff !important;
}
body.ogere-inner-v6-native .ogere-v7-programme-item strong {
    display: block !important;
    margin-bottom: 5px !important;
    color: #c1282a !important;
}

body.ogere-inner-v6-native .ogere-v7-project-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 22px !important;
    margin: 26px 0 10px !important;
}
body.ogere-inner-v6-native .ogere-v7-project-card {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 22px !important;
    border: 1px solid #e1e6ee !important;
    border-top: 3px solid #c5912d !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(11,29,55,.06) !important;
}
body.ogere-inner-v6-native .ogere-v7-project-card h3 {
    margin: 10px 0 !important;
    color: #172033 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}
body.ogere-inner-v6-native .ogere-v7-project-card h3 a {
    color: inherit !important;
}
body.ogere-inner-v6-native .ogere-v7-project-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}
body.ogere-inner-v6-native .ogere-v7-project-meta span {
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: #eef2f6 !important;
    color: #435065 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
body.ogere-inner-v6-native .ogere-v7-project-meta .ogere-v7-status {
    background: #fff4dc !important;
    color: #7f5b15 !important;
}
body.ogere-inner-v6-native .ogere-v7-project-link {
    margin-top: auto !important;
    align-self: flex-start !important;
}
body.ogere-inner-v6-native .ogere-v7-last-reviewed {
    color: #7a8493 !important;
    font-size: 12px !important;
}

body.ogere-inner-v6-native .ogere-v7-stat-strip {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 16px !important;
    margin: 22px 0 !important;
}
body.ogere-inner-v6-native .ogere-v7-stat {
    padding: 20px !important;
    text-align: center !important;
    border: 1px solid #e1e6ee !important;
    border-radius: 4px !important;
    background: #f6f8fb !important;
}
body.ogere-inner-v6-native .ogere-v7-stat strong {
    display: block !important;
    color: #c1282a !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
}

@media (max-width: 900px) {
    body.ogere-inner-v6-native .ogere-v7-gallery-cols-3,
    body.ogere-inner-v6-native .ogere-v7-gallery-cols-4,
    body.ogere-inner-v6-native .ogere-v7-project-grid,
    body.ogere-inner-v6-native .ogere-v7-contact-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width: 767px) {
    body.ogere-inner-v6-native .ogere-v7-gallery,
    body.ogere-inner-v6-native .ogere-v7-project-grid,
    body.ogere-inner-v6-native .ogere-v7-contact-grid,
    body.ogere-inner-v6-native .ogere-v7-programme,
    body.ogere-inner-v6-native .ogere-v7-stat-strip {
        grid-template-columns: 1fr !important;
    }
    body.ogere-inner-v6-native .ogere-v7-gallery-item img {
        height: 240px !important;
    }
    body.ogere-inner-v6-native .ogere-v7-cta {
        padding: 20px !important;
    }
}


/* V7 business-directory list: readable, compact and responsive inside the native About-width content area. */
body.ogere-inner-shell .ogere-v7-directory-list{
  columns:2;
  column-gap:42px;
  margin:22px 0 30px;
  padding-left:22px;
}
body.ogere-inner-shell .ogere-v7-directory-list li{
  break-inside:avoid;
  margin:0 0 10px;
  padding-left:3px;
}
@media(max-width:767px){
  body.ogere-inner-shell .ogere-v7-directory-list{columns:1;column-gap:0;}
}
