/*
Theme Name: Marquee Child
Template: marquee
*/
/* Import parent theme styles */
@import url("../marquee/style.css");



.inner-header {
    background-image: url('https://cdmbaseball.org/wp-content/uploads/2025/09/cropped-Sea-Kings-2025-1.webp');
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: top;
    /* height: 40.625rem; */
    padding: 10px 10px 200px 10px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

#top-announcement-bar {
    background: #0f8bca;
    padding: 5px 10px;
}

#top-announcement-bar p {
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
}

.inner-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00153cb3;
    z-index: -1;
}

.inner-header nav.nav-bar {
    background: rgb(0 0 0 / 81%);
}

.inner-header .site-header {
    background: transparent;
}

.inner-header .nav-bar ul li {
    list-style: none;
    margin-bottom: 0;
    position: relative;
}

.inner-header .nav-bar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    align-items: center;
}

.inner-header .nav-bar ul li a {
    display: inline-block;
    /* height: 100%; */
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fefefe;
    padding: 10px 15px;
    width: 100%;
    font-size: 16px;
}

.inner-header .logo-container {
    padding-bottom: 15px;
}

.inner-header .follow-us .social-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.inner-header .follow-us .social-icon svg {
    width: 35px;
    height: auto;
}

.inner-header .follow-us {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
}

.inner-header .follow-us h4 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.inner-header .header-heding h1 {
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 25px;
}

.inner-header .header-heding p {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}

.inner-header .follow-us a {
    display: flex;
}

.inner-header .follow-us .instagram svg {
    fill: #c13584;
}

.nav-bar .header-sub-menu {
    position: absolute;
    margin: 0;
    top: 41px;
    left: 0;
    z-index: 99999;
    display: none !important;
    /* display: inline-block !important; */
    background: #0c0c0e;
    width: 200px;
}

.inner-header .nav-bar ul li a:hover {
    background: #0f8bca;
}

.inner-header .nav-bar .header-sub-menu li a {
    text-align: left;
}

.inner-header ul.inner-sub-menu {
    position: absolute;
    margin: 0;
    top: 0px;
    left: 200px;
    z-index: 99999;
    display: none !important;
    background: #0c0c0e;
    width: 200px;
}

.sea-king-header header#masthead {
    background: transparent;
}

.inner-header .nav-bar ul li:hover>ul.header-sub-menu {
    display: block !important;
}

.inner-header .nav-bar ul li:hover>ul.inner-sub-menu {
    display: block !important;
}

.inner-header.other-pages {
    padding-bottom: 0;
    z-index: 999999;
}

.second-header {
    background: transparent !important;
}

.inner-header .header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner-header .header-wrap .hamburger-icon {
    width: 35px;
    display: none;
}

.inner-header .nav-bar ul li .custom-menu-icon {
    display: none;
}

.inner-header .header-wrap img {
    width: 130px;
}

/* .inner-header ul.inner-sub-menu {
    position: absolute;
    margin: 0;
    top: 40px;
    left: 200px;
    z-index: 99999;
    display: none !important;
    background: #0c0c0e;
    width: 200px;
} */

.page-id-2865 .hentry,
.page-id-2845 .hentry {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 7%);
    border: 1px solid #0f8bca26;
}

.page-id-2865 .hentry form input,
.page-id-2845 .hentry form input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #00000078;
    padding: 7px;
    font-size: 13px;
}

.page-id-2865 .content-detail {
    text-align: center;
    font-size: 16px;
}

.page-id-2865 .hentry form input.wpcf7-submit,
.page-id-2845 .hentry form input.wpcf7-submit {
    display: flex;
    width: fit-content;
    padding: 8px 30px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    height: auto;
    border: unset;
}

.donation-text {
    text-align: center !important;
    font-size: 20px !important;
}

.page-id-2865 .hentry form textarea,
.page-id-2845 .hentry form textarea {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    border: 1px solid #00000078;
    font-size: 13px;
}

.page-id-2865 .hentry label,
.page-id-2845 .hentry label {
    margin-bottom: 5px;
    display: block;
    font-size: 15px;
}

.page-id-2865 .qr-img {
    text-align: center;
}

.page-id-2865 .hentry .entry-title {
    margin-bottom: 0;
}

.page-id-2865 form .wpcf7-not-valid-tip,
.page-id-2845 form .wpcf7-not-valid-tip {
    font-size: 13px;
}

.page-id-2865 form .wpcf7-response-output,
.page-id-2845 form .wpcf7-response-output {
    font-size: 14px;
    border-color: #0f8bca !important;
}

/* .page-id-2845 .sp-calendar-wrapper {
    display: none !important;
} */
.page-id-2837 .sp-calendar-wrapper {
    display: none !important;
}

.page-id-2134 .sp-calendar-wrapper {
    display: none !important;
}

.page-id-2835 .sp-calendar-wrapper {
    display: none !important;
}

.page-id-2134 .content-area {
    width: 100%;
}

.staf-gridwrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.staf-box {
    text-align: center;
    padding: 20px;
    border: 1px solid #ddd;
}

.staf-gridwrap .staf-box h3 {
    font-size: 20px;
}

.staf-gridwrap .staf-box img {
    width: 100%;
}

@media screen and (max-width: 991px) {

    .inner-header .nav-bar ul li a {
        padding: 10px 14px;
        font-size: 14px;
    }

    .staf-gridwrap {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .page-id-2134 .site-header {
    margin-bottom: 0;
}
.page-id-2134 .entry-title {
    text-align: center;
}
}

.home-calendar {
    display: none;
}

@media screen and (max-width: 767px) {
    .inner-header .header-heding h1 {
        font-size: 60px;
    }

    .sub-menu {
        display: none;
    }

    .header-sub-menu {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all 0.5s ease-in-out;
    }

    .header-sub-menu.active {
        max-height: 500px;
        /* large enough to fit content */
        opacity: 1;
    }

    .inner-sub-menu {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all 0.5s ease-in-out;
    }

    .inner-sub-menu.active {
        max-height: 500px;
        /* large enough to fit content */
        opacity: 1;
    }


    /* .inner-header .nav-bar ul li:hover {
        background: #0f8bca;
    }*/

    .inner-header .nav-bar ul li a:hover {
        background: unset;
    }

    .inner-header .nav-bar ul li {
        width: 100%;
    }

    .nav-bar .header-sub-menu {
        position: unset;
    }

    .inner-header .header-wrap img {
        width: 80px;
    }

    .inner-header .nav-bar ul li a .custom-menu-icon {
        display: block;
    }

    .inner-header .nav-bar ul li .custom-menu-icon svg {
        fill: #fff;
        width: 25px;
        height: 25px;
    }

    .inner-header .nav-bar ul li:hover>ul.header-sub-menu {
        display: unset !important;
    }

    .inner-header .nav-bar ul li .custom-menu-icon {
        display: block;
    }

    .inner-header .header-wrap .hamburger-icon {
        display: block;
    }

    .inner-header .nav-bar ul {
        padding: 0 0px;
        flex: 0 0 100%;
        position: unset;
    }

    .inner-header #menu-primary-menu {
        padding: 0 20px;
    }

    .inner-header .main-menu {
        background-color: rgba(0, 0, 0, 0.9);
        border-top: 4px solid #0f8bca;
        position: absolute;
        z-index: 10000;
        width: 100%;
    }

    .inner-header .follow-us {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-heding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .inner-header .nav-bar ul li a {
        padding: 15px 14px;
        font-size: 18px;
        text-align: left;
        flex: 0 0 90%;
    }

    .inner-header .custom-menu-icon svg {
        transition: transform 0.5s ease;
        transform: rotate(0deg);
    }

    .inner-header .custom-menu-icon.active svg {
        transform: rotate(90deg);
    }

    .inner-header .nav-bar ul li {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #fff;
    }

    .inner-header .nav-bar ul li:last-child {
        border-bottom: none;
    }

    .inner-header {
        padding: 0px 0px 200px 0px;
    }

    .inner-header .logo-container {
        padding: 15px;
        /* background: #000; */
    }

    /* Make parent menu items with children flex */
    #menu-primary-menu>li.menu-item-has-children>a {
        display: inline-block;
        width: auto;
    }

    /* Wrap link and icon in a flex row */
    #menu-primary-menu>li.menu-item-has-children {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
    }

    /* Ensure full width clickable area */
    #menu-primary-menu>li.menu-item-has-children>a {
        flex: 0 0 90%;
        text-align: left;
    }

    /* Style the icon */
    #menu-primary-menu .custom-menu-icon {
        flex: 0 0 10%;
        text-align: right;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    /* Optional: make sure sub-menu spans full width under parent */
    #menu-primary-menu .sub-menu.header-sub-menu {
        flex: 0 0 100%;
    }

    /* Show submenu on hover */
    #menu-primary-menu>li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }


    #top-announcement-bar p,
    #top-announcement-bar p a {
        color: #ffffff;
    }

    #top-announcement-bar p a:hover {
        color: #ffffff;
        text-decoration: underline;
        /* optional */
    }



}

@media screen and (max-width: 600px) {
    .inner-header .header-heding h1 {
        font-size: 40px;
        line-height: 1.2;
    }

    .staf-gridwrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 480px) {
        .staf-gridwrap {
    grid-template-columns: repeat(1, 1fr);
}
}

/* Import parent theme styles */
@import url("../marquee/style.css");