/*
Theme Name:   CCOG Child
Template:     planeteria-media-block
Description:  Child theme for the Planeteria Media Block Theme. Contains site-editor customizations (templates, template parts, and global styles) layered on top of the parent theme. Update this theme instead of editing the parent directly.
Author:       Planeteria
Author URI:   https://planeteria.com/
Version:      1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  planeteria-child
*/
:where(.wp-site-blocks)>* {
    margin: var(--wp--preset--spacing--0);
}

body * {
    line-height: normal;
}
.wp-site-blocks {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
main {
  flex: 1;
}

/* Let the Contact Us map reach the viewport edge without widening the contact details. */
@media (min-width: 782px) {
    .page-id-998 .wp-block-columns:has(> .wp-block-column:nth-child(2):last-child) > .wp-block-column:last-child {
        flex: 0 0 calc(50% + (100vw - 100%) / 2);
        margin-right: calc((100vw - 100%) / -2);
    }
}

.wp-block-breadcrumbs {
    font-weight: 500;
}

.wp-block-breadcrumbs li:last-of-type {
    color: var(--wp--preset--color--black);
}

.wp-block-breadcrumbs li:first-of-type a::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'><g clip-path='url(%23clip0_10479_422)'><path d='M17.9937 7.98438C17.9937 8.54688 17.525 8.9875 16.9937 8.9875H15.9937L16.0156 13.9937C16.0156 14.0781 16.0094 14.1625 16 14.2469V14.75C16 15.4406 15.4406 16 14.75 16H14.25C14.2156 16 14.1813 16 14.1469 15.9969C14.1031 16 14.0594 16 14.0156 16H13H12.25C11.5594 16 11 15.4406 11 14.75V14V12C11 11.4469 10.5531 11 10 11H8C7.44688 11 7 11.4469 7 12V14V14.75C7 15.4406 6.44063 16 5.75 16H5H4.00313C3.95625 16 3.90937 15.9969 3.8625 15.9937C3.825 15.9969 3.7875 16 3.75 16H3.25C2.55938 16 2 15.4406 2 14.75V11.25C2 11.2219 2 11.1906 2.00312 11.1625V8.9875H1C0.4375 8.9875 0 8.55 0 7.98438C0 7.70312 0.09375 7.45312 0.3125 7.23438L8.325 0.25C8.54375 0.03125 8.79375 0 9.0125 0C9.23125 0 9.48125 0.0625 9.66875 0.21875L17.65 7.23438C17.9 7.45312 18.025 7.70312 17.9937 7.98438Z' fill='%23364A5A'/></g><defs><clipPath id='clip0_10479_422'><rect width='18' height='16' fill='white'/></clipPath></defs></svg>");
    margin-right: var(--wp--preset--spacing--2);
}

nav.wp-block-breadcrumbs li:not(:last-child):after {
    opacity: 1;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"><path d="M1.0552 12L0 10.935L4.8896 6L0 1.065L1.0552 0L7 6L1.0552 12Z" fill="%23364A5A"/></svg>');
}

.gt-translate-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--wp--preset--spacing--2);
    font-family: var(--wp--preset--font-family--work-sans) !important;
    color: inherit;
    line-height: 1.6;
    font-size: var(--wp--preset--font-size--small) !important;
}

.gt-translate-wrap:hover,
.gt-translate-wrap:hover path {
    color: var(--wp--preset--color--steel-blue);
    fill: var(--wp--preset--color--steel-blue);
}

.gt-translate-wrap .gt-translate-icon svg {
    display: block;
    width: 20px;
    height: 20px;
}

.gt-translate-wrap select.gt_selector {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

/* visible keyboard-focus ring, since the real select is invisible */
.gt-translate-wrap:focus-within {
    outline: 2px solid var(--wp--preset--color--focus);
    outline-offset: 2px;
}

.has-work-sans-font-family a {
    font-family: var(--wp--preset--font-family--work-sans) !important;
}

/*NAV*/
.home .breadcrumb {
    display: none;
}

/* 1. HIDE ALL DEFAULT ICONS */
/* This removes both the SVG inside the button and the separate icon span */

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
    width: 100%;
    align-items: center;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none;
}

.wp-block-navigation-submenu__toggle svg,
.wp-block-navigation__submenu-icon:not(.wp-block-navigation-submenu__toggle) {
    display: none !important;
}

.wp-block-navigation .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 2rem;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    margin-left: 0;
    border: 0;
    background: transparent;
    color: var(--wp--preset--color--olive-green);
    cursor: pointer;
    margin-right:0px!important;
}

.wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu {
    display: block;
    align-items: center;
}

header .wp-block-navigation__container>li.wp-block-navigation-item {
    padding: 2.25rem 0px;
}

.wp-block-navigation__submenu-container ul.wp-block-navigation__submenu-container {
    padding-left: var(--wp--preset--spacing--0) !important;
}

.wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu>.wp-block-navigation__submenu-container {
    grid-column: 1 / -1;
}

/* 2. ADD CUSTOM +/- TO SUBMENU PARENTS */
/* We only add the + to parents that are NOT the top level "About Us" */
.wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle::after {
    content: "+";
    display: inline-block;
    font-size: 1.2rem;
    font-family: monospace;
    font-weight: bold;
    color: var(--wp--preset--color--olive-green);
    text-decoration: none !important;
    text-align: right;
}

/* TOGGLE TO MINUS: Targets the button when Interactivity API sets aria-expanded="true" */
.wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle[aria-expanded="true"]::after {
    content: "−";
    /* Proper minus sign */
}

/* 3. VERTICAL ACCORDION LAYOUT */
/* Reset the "fly-out" behavior for nested menus */
.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: none;
    /* Controlled by toggle */
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: var(--wp--preset--spacing--6) !important;
    /* Indent nested items */
    margin: var(--wp--preset--spacing--0) !important;
}

/* Show the nested menu when the parent button is expanded */
.wp-block-navigation-item.has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"])>.wp-block-navigation__submenu-container {
    display: block !important;
}

/* 4. TOP LEVEL POSITIONING (About Us) */
/* Keep the first-level submenu as a floating box */
@media (min-width: 901px) {
    .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 2rem;
        column-gap: var(--wp--preset--spacing--1);
    }

    .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container {
        left: 50% !important;
        transform: translateX(-50%);
        width: max-content !important;
        padding: 12px 0px;
    }

    .wp-block-navigation__container>.wp-block-navigation-item.wp-block-navigation-submenu {
        grid-template-columns: minmax(0, 1fr);
    }

    .wp-block-navigation__container>.wp-block-navigation-item.wp-block-navigation-submenu>.wp-block-navigation-submenu__toggle {
        display: none !important;
    }

    .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child:not(:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]))>.wp-block-navigation__submenu-container {
        display: none !important;
        height: 0 !important;
        min-width: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        width: 0 !important;
    }
}

.wp-block-navigation.items-justified-right {
    flex-shrink: 0;
}

/* 5. STYLING REFINEMENTS (Matching Mockup) */
.wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    font-weight: bold;
    font-family: var(--wp--preset--font-family--roboto);
}

/* The deepest items (Population, Traffic, etc) should be italic */
.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    font-style: italic;
    font-weight: normal !important;
    padding-left: var(--wp--preset--spacing--2);
}
header .wp-block-navigation-item__content:hover .wp-block-navigation-item__label{
    color:var(--wp--preset--color--steel-blue);
}
header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    color: var(--wp--preset--color--olive-green);
    text-decoration: underline;
}

.wp-block-navigation-submenu__toggle {
    width: 100%;
    justify-content: space-between;
}

.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
    font-size: var(--wp--preset--font-size--small);
}

.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content>.wp-block-navigation-item__label {
    font-weight: bold !important;
    font-style: normal;
    padding-left: 0;
    padding-left:0.5rem;
}

.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container a {
    width: max-content;
}

button.wp-block-navigation-submenu__toggle[aria-expanded="true"]>.wp-block-navigation-item__label {
    color: var(--wp--preset--color--steel-blue);
}

.wp-block-navigation__submenu-container .wp-block-navigation-item.has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"])>.wp-block-navigation-item__content>.wp-block-navigation-item__label {
    color: var(--wp--preset--color--steel-blue);
}

.wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container>.has-child>[aria-expanded="true"] .wp-block-navigation-item__label {
    color: var(--wp--preset--color--olive-green);
}

.wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container>.has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"])>.wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: var(--wp--preset--color--olive-green);
}
.wp-block-navigation__container > li.is-menu-open {
    color: var(--wp--preset--color--steel-blue);
}

@media (max-width: 900px) {

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>.has-child>.wp-block-navigation-submenu__toggle::after,
    .wp-block-navigation__overlay-container .wp-block-navigation__container>.has-child>.wp-block-navigation-submenu__toggle::after {
        content: "+";
        display: inline-block;
        font-size: 1.5rem;
        font-family: monospace;
        font-weight: bold;
        color: var(--wp--preset--color--olive-green);
        text-decoration: none !important;
        text-align: right;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>.has-child>.wp-block-navigation-submenu__toggle[aria-expanded="true"]::after,
    .wp-block-navigation__overlay-container .wp-block-navigation__container>.has-child>.wp-block-navigation-submenu__toggle[aria-expanded="true"]::after {
        content: "−";
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        position: relative;
    }

    .wp-block-navigation .has-child:not(:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]))>.wp-block-navigation__submenu-container {
        display: none !important;
        height: 0 !important;
        min-width: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        width: 0 !important;
    }

    .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0 var(--wp--preset--spacing--1);
    }

    .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu>.wp-block-navigation-item__content {
        flex: 1 1 0;
        min-width: 0;
    }

    .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu>.wp-block-navigation-submenu__toggle {
        flex: 0 0 2rem;
    }

    .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu>.wp-block-navigation__submenu-container {
        flex: 0 0 100%;
        width: 100% !important;
    }
}

/* 1. Force the mobile hamburger to appear at 900px */
@media (max-width: 900px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex !important;
    }

    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    .main_header {
        padding-left: 0px;
        padding-right: 0px
    }
    div.wp-block-navigation.is-vertical {
        padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--4);
        margin: var(--wp--preset--spacing--0);
    }

    div.wp-block-navigation.is-vertical {
        border-top: 2px solid #E5E3E3;
        padding-top: var(--wp--preset--spacing--2);
        padding-bottom: var(--wp--preset--spacing--2);
    }
    .wp-block-navigation-overlay-close svg, .wp-block-navigation__responsive-container-open svg{
        fill:var(--wp--preset--color--olive-green);
        color:var(--wp--preset--color--olive-green);
    }

    /* Use a conventional three-line hamburger for the responsive menu toggle. */
    .wp-block-navigation__responsive-container-open svg {
        display: none;
    }

    .wp-block-navigation__responsive-container-open::before {
        content: "";
        display: block;
        width: 16px;
        height: 24px;
        background: linear-gradient(
            to bottom,
            transparent 0 4px,
            var(--wp--preset--color--olive-green) 4px 5.5px,
            transparent 5.5px 11px,
            var(--wp--preset--color--olive-green) 11px 12.5px,
            transparent 12.5px 18px,
            var(--wp--preset--color--olive-green) 18px 19.5px,
            transparent 19.5px 24px
        );
    }

    .wp-block-navigation__responsive-container-open {
        min-width: 44px;
        justify-content: center;
    }

    .wp-block-navigation .wp-block-navigation-item.wp-block-navigation-submenu {
        width: 100%;
    }

    .wp-block-navigation .wp-block-navigation-item__content {
        display: flex;
        padding: var(--wp--preset--spacing--3) 0px;
        padding-right: 0px !important;
        align-items:center;
        line-height:1;
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
        padding-left: 8px;
        padding-right: 0px;
    }

    header .wp-block-navigation__container>li.wp-block-navigation-item {
        padding: 0px;
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        box-shadow: none;
    }
}

#ccog-glossary-1 .ccog-glossary__letters a {
    text-decoration: none;
}
.wp-block-navigation-overlay-close svg{
        fill:var(--wp--preset--color--olive-green);
        color:var(--wp--preset--color--olive-green);
}
:root .home .entry-content > .wp-block-group.has-background{
margin-top:0px!important;
}

/* 2. Ensure the full desktop menu hides only when the screen is narrow */
@media (min-width: 901px) {
    .wp-block-navigation__responsive-container-open {
        display: none !important;
    }

    .wp-block-navigation__responsive-container {
        display: block !important;
        position: relative;
        width: 100%;
    }
}

.mobile-menu-group {
    height: 100dvh;
}

.has-sage-green-color a {
    color: var(--wp--preset--color--sage-green);
    text-decoration: underline;
}

.has-white-color a {
    color: var(--wp--preset--color--white);
}

.has-white-color a:hover,
.has-sage-green-color a:hover {
    color: var(--wp--preset--color--sand)!important;
    text-decoration: underline;
}

.wp-block-kadence-query:has(.wp-block-kadence-query-noresults.active) .ccog-search-layout {
    display: none;
}

h1 {
    font-size: 2.5rem;
}

.wp-block-site-logo {
    max-width: clamp(13.1875rem, -6.518656716417912rem + 63.059701492537314vw, 23.75rem);
}

.main_header {
    z-index: 9;
}

#main-content a:where(:not(.wp-element-button)) {
    text-decoration: underline;
}

.alert-content {
    max-width: none;
}

.alert-bar {
    background: #930909;
    color: white;
}

.alert-bar p {
    margin: 0;
}

.alert-bar .close span {
    visibility: hidden;
}

.alert-bar .close {
    background: url('/wp-content/themes/ccog-child/assets/img/close.svg') center / contain no-repeat;
}

.alert-text {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.alert-text:before {
    content: "";
    background: url('/wp-content/themes/ccog-child/assets/img/alert.svg') center / contain no-repeat;
    width: 16px;
    height: 14px;
    display: inline-block;
}

.wp-block-column .wp-block-kadence-infobox,
.wp-block-column .wp-block-kadence-infobox .info-box-link {
    height: 100%;
}
@media (max-width:768px){
        .top-bar .wp-block-group>* {
        width: 100%;
    }

    .top-bar .wp-block-group {
        gap: var(--wp--preset--spacing--5);
        padding: var(--wp--preset--spacing--0) !important;
    }

    .top-bar{
        padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--4);
        margin: var(--wp--preset--spacing--0);
    }

    .wp-block-template-part:has(.top-bar) {
        margin: var(--wp--preset--spacing--0);
    }
    .main_header {
    z-index: 9;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
}
.has-classic-menu-location--copyright a{
    text-decoration:underline!important;
}
header .top-bar .wp-block-navigation__container>li.wp-block-navigation-item {
    padding: 0px;
    width: auto;
    flex-direction: row-reverse;
    display: inline-flex;
    align-items: center;
    gap: var(--wp--preset--spacing--2);
    color: inherit;
    line-height: 1.6;
    font-size: var(--wp--preset--font-size--small) !important;
}
header .top-bar .wp-block-navigation__container>li.wp-block-navigation-item a {
    font-family: 'Work Sans';
}
@media (min-width:768px){
.has-classic-menu-location--copyright ul li:not(:last-of-type):after {
    content: '';
    height: 24px;
    width: 1px;
    background: white;
    margin-left: 1rem;
}
}
.has-classic-menu-location--quicklinks ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.has-classic-menu-location--quicklinks ul li a:before {
    content: '';
    background: currentColor;
    -webkit-mask: url('/wp-content/themes/ccog-child/assets/img/chevron.svg') center / contain no-repeat;
    mask: url('/wp-content/themes/ccog-child/assets/img/chevron.svg') center / contain no-repeat;
    width: 1rem;
    display: inline-block;
    height: 1rem;
}
.has-classic-menu-location--quicklinks ul li a{
    display:flex!important;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}
:root .home .entry-content > .wp-block-group.has-background{
margin-top:0px!important;
}
.project-excert *, .project-excert {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 5;
font-size:1rem;
}
.project-excert *:not(p){
display:none;
}
.wp-block-columns:has(> .wp-block-column:nth-child(4):last-child){
flex-wrap:wrap!important;
}
.wp-block-columns:has(> .wp-block-column:nth-child(4):last-child) .wp-block-column {
    min-width: 220px;
}
main p a:where(:not(.wp-element-button)) {
    text-decoration: underline;
}