/* 

Theme Name: Baja Storm Watch Theme
Template:twentytwentyfive
Version:1.0
*/
main#wp--skip-link--target {
    padding: 0 16px;
}
.wp-site-blocks{
    max-width: 1354px;
    margin: 0 auto;
}
main .entry-content{
    padding:0px!important;
    max-width: 100%!important;
    margin: 0 auto!important;
}
h1{
    font-size: 45px;
}
h2{
    font-size: 38px;
}
h3{
    font-size: 34px;
}
h4{
    font-size: 28px;
}
h5{
    font-size: 24px;
}
h6{
    font-size: 20px;
}
body{
    background-image:url(./assets/images/cabo-slide.jpg);
    background-size: cover;
    background-repeat: no-repeat;
        background-position: top !important;
        font-size: 18px;;
        line-height: 28px;
        color:#000!important;
        font-weight:400;
}
header li a:focus{
    outline:0;
}
.wp-site-blocks{
    background:rgba(255,255,255,0.89)!important
}
.wp-block-site-logo a:focus{
outline:0;
}
main div.wp-block-group.alignfull{
    max-width: 100%;
    padding:0px!important;
    margin: 0 auto!important;
}
main h1,main p{
    max-width: 100%!important;
}
.page-id-11 h1.wp-block-post-title{
    display: none;
}
.page-id-11 h1.display-block{
    display: block!important;
}
.sidebar a{
text-decoration: none;

}
.wp-block-navigation__responsive-container-open{
    color:#fff!important
}
main h1, 
main h2, 
main h3, 
main h4, 
main h5, 
main h6 {
    max-width: 100% !important;
}
.main-content-home .wp-block-columns{
    max-width: 100%!important;
    width: 100%!important;
    padding: 0 16px!important;
}

header li a{
    color:#fff!important;
}
.main-content-home iframe{
    width: 100%!important;
}
h1.wp-block-post-title{
    padding:0px 0 16px 0!important
}
.main-content-home img{
    width:100%!important
}
/* =========================================================
   Twenty Twenty-Five - Navigation breakpoint: 1024px
   Desktop  : 1025px and above
   Mobile   : 1024px and below
   ========================================================= */

/* ---------- DESKTOP: 1025px+ ---------- */
@media (min-width: 1025px) {

    /* Hide hamburger/open button */
    .wp-block-navigation__responsive-container-open {
        display: none !important;
    }

    /* Hide mobile close button */
    .wp-block-navigation__responsive-container-close {
        display: none !important;
    }

    /* Show normal navigation */
    .wp-block-navigation__responsive-container {
        display: block !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    /* Navigation list */
    .wp-block-navigation__responsive-container-content {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end;
        width: auto !important;
        height: auto !important;
    }

    .wp-block-navigation__container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: auto !important;
    }
}


/* ---------- MOBILE/TABLET: 0–1024px ---------- */
@media (max-width: 1024px) {

    /* Show hamburger button */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

.wp-block-group.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding: 0 16px;
}
header .wp-block-navigation__responsive-container-content ul li a{
    color:#000!important
}
    /* Hide normal navigation when menu is closed */
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    /* When hamburger menu is open */
    .wp-block-navigation__responsive-container.is-menu-open {
        display: flex !important;
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 999999 !important;
        overflow-y: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Menu content */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        padding: 30px !important;
    }

    /* Menu items */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    /* Close button */
    .wp-block-navigation__responsive-container-close {
        display: flex !important;
        position: absolute !important;
        top:0px !important;
        right: 100px !important;
        z-index: 1000000 !important;
    }
}


/* ---------- EXTRA: prevent horizontal overflow ---------- */
@media (max-width: 1024px) {

    .wp-block-navigation {
        max-width: 100%;
    }
/* 
    .wp-block-navigation__responsive-container {
        max-width: 100vw;
    } */
}

@media(max-width:575px){
    .wp-block-navigation__responsive-container-close {
        right:50px!important
    }
        h1{
    font-size: 40px;
}
h2{
    font-size: 36px;
}
h3{
    font-size: 30px;
}
h4{
    font-size: 26px;
}
h5{
    font-size: 24px;
}
h6{
    font-size: 20px;
}
}