/*
Theme Name:   cnn
Description:  Light weight, stripped back theme
Author:       Katrien Moore
Author URI:   https://bemoore.com
Template:     BeMo
Version:      1.0.0
*/

/* bootstrap breakpoints 

Bootstrap breakpoints
X-Small             ->   None   ->  <576px
Small               ->  sm      ->  ≥576px
Medium              ->	md      ->  ≥768px
Large               ->  lg      ->  ≥992px
Extra large         ->  xl      ->  ≥1200px
Extra extra large   ->	xxl     ->  ≥1400px

*/

/*--supper large monitor---*/
@media(min-width:1930px) {

    p,
    a,
    li,
    span {
        font-size: 130% !important;
    }


}

@media(max-width:1440px) {
    .ubermenu .ubermenu-target {
        padding: 15px 10px !important;
    }
}



.header-on-large {
    display: flex;
}

.header-on-small {
    display: none;
}


@media(max-width:1270px) {
    .header-on-large {
        display: none !important;
    }

    .header-on-small {
        display: flex !important;
    }

    .header-buttons-1 > p {
        margin-bottom: 0px !important;
    }

    .ubermenu.ubermenu-target {
        padding: 25px 10px !important;
    }



    .ubermenu-responsive.ubermenu {
        margin: 0;
        width: 100%;
        height: 80vh;
    }

    .ubermenu-skin-minimal.ubermenu-responsive-toggle {
        background: var(--brown) !important;
        color: white !important;
        font-size: 16px !important;

    }

    .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
        display: block;
    }
}

@media(max-width:1100px) {
    .contact-us-title h1 {
        font-size: 30px !important;
    }

    .contact-us-text p {
        font-size: 16px !important;
    }

    .contact-image > img {
        height: 100% !important;
        width: auto !important;
    }

    .header-button {
        margin: 10px 0px !important;
        width: 160px;
        text-align: center;
    }

    .header-buttons-1 > p {
        display: flex !important;
        flex-direction: column;
    }
}

@media (max-width: 950px) {
    .page-news-wrap {
        /* Reset the flex properties */
        flex: initial;
        /* Set the width for larger screens */
        width: auto;
        /* Reset the maximum width */
        max-width: none;
    }
}

@media(max-widht:850px) {
    .member-text {
        display: block !important;
        text-align: center;
    }

    .member-title {
        margin-top: 20px;
    }
}

@media(max-width:800px) {


    .amazingslider-description-1 {
        width: 80% !important;
    }

    div.help > div > div > div.col-md-3 {
        width: 50% !important;
    }

    .educational.row.col-md-12 > div {
        width: 100% !important;
    }

    .row.news {
        display: block !important;
    }

    .row.news > div.post-wrapper-2,
    .open-section-text > div {
        width: 100% !important;
    }

    .open-section-text {
        display: block !important;
    }

    .category-content.col-md-8,
    .sidebar-div.col-md-4.col-sm-12 {
        width: 100% !important;
    }

    #text-7 > div > p > a > img,
    #text-8 > div > p > a > img {
        width: 100% !important;
    }

}

@media(max-width:776px) {


    body > div.topbar.row > div {
        justify-content: center !important;
    }

    div.projects > div > div:nth-child(1) > div > a.text-white > h1 {
        margin-bottom: 80px !important;
    }

    .contact-us-home {
        flex-direction: column !important;
    }

    .contact-us-home > div {
        width: 100% !important;
    }

    .contact-us-title h1 {
        margin-top: 30px !important;
    }

    .footer-widgets > div {
        flex-direction: column !important;
    }

    .single-footer-widget {
        align-items: flex-start !important;
        padding-bottom: 20px !important;
    }

    .single-footer-widget {
        width: 90%;
    }

    .amazingslider-title-1 {
        font-size: 30px !important;
    }

    .amazingslider-description-1,
    .amazingsliderbutton.as-btn-blue-medium {
        font-size: 18px !important;
    }

    .contact-text {
        padding: 10px !important;
    }

    #topbar-social {
        display: none !important;
    }

    .wonderpluginslider-container {
        padding-bottom: 0px !important;
    }

    div.posts-on-home-2 > div > div > div > article > div.post-excerpt {
        display: none !important;
    }

    #ubermenu-nav-main-2-main-menu > li.ubermenu-item > span > span,
    #ubermenu-nav-main-2-main-menu > li.ubermenu-item > a > span {
        padding: 10px !important;
    }

    #ubermenu-nav-main-2-main-menu > li.ubermenu-item > ul > li > ul > li > a {
        padding: 0px !important;
    }

    .donation-ul {
        column-count: 2 !important;
    }

    .page-banner-image {
        height: 35rem !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    h1.banner-text {
        font-size: 4.8rem !important;
        line-height: 5rem !important;
        margin-bottom: 0px !important;
    }

    h1.banner-text {
        bottom: 50%;
        left: 30%;
        transform: translate(-30%, 50%);
    }

    .page-banner {
        margin-bottom: 0px;
    }
}

@media(max-width:600px) {
    .donation-ul {
        column-count: 1 !important;
    }

    div.homepage-container.open-section {
        height: 150vh !important;
    }

    .single-wrapper {
        width: 90% !important;
    }

    .page-banner-image {
        height: 15rem !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    h1.banner-text {
        bottom: 50%;
        left: 10%;
        transform: translate(-10%, 50%);
    }

    h1.banner-text {
        font-size: 3.5rem !important;
        line-height: 3.8rem !important;
        margin-bottom: 0px !important;
    }

}

@media(max-width:376px) {
    .amazingslider-description-1 {
        display: none !important;
    }

    .projects-wrap img {
        padding: 0px !important;
    }
}