/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/


/* Design: Mission page */
div#mission-links a {
    font-size: 30px;
}

/* Design: other ways to give */
div.ways-to-give > div > p, div.ways-to-give > div > p > a  {
    font-size: 24px;
}
@media only screen and (max-width: 768px) {
    div.ways-to-give > div > p, div.ways-to-give > div > p > a {
        font-size: 20px;
    }
}


/* Design: text */
/******************************/
p, a{
    font-size: 17px;
}

/* Theme colors! */
/*******************************/
.color-dark-blue {
    color: #1E549E;
}
.color-light-blue {
    color: #47a7dd;
}
.color-green {
    color: #56954e;
}
.color-purple {
    color: #5D4470;    
}
.bg-dark-blue{
    background-color: #1E549E;
}
.bg-light-blue{
    background-color: #47a7dd;    
}
.bg-green{
    background-color: #56954e;   
}
.bg-purple{
    background-color: #5D4470;    
}
/* CSS clean */

a, a:hover, a:visited{
    text-decoration: none;
}
div.full-width-block-container{
    padding: 30px 15% 30px 5%;
}



/* Footer */
/*******************************/
/*******************************/
/*******************************/

/* Layout Top-Level*/
/*******************************/
div.footer-container {
    padding: 50px 0px 15px 0px;
    display: grid;
    align-items: flex-start;
    justify-items: center;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows:    repeat(2, auto);
    grid-template-areas:
        "title  nav  nav  nav  nav  actions"
        "copy   copy copy copy copy copy ";
}
div.copyright-container{
    grid-area: copy;
    padding: 50px 0px 10px 0px;
}

div.title-container-footer{
    grid-area: title;
    justify-self: center;
}
div#footer-nav-container {
    grid-area: nav;
    width:100%;
}
div.actions-container {
    grid-area: actions;
    border-left : 1px solid black;
    width: 100%;
}



/* Layout sublevel: nav */
/********************************/
div#footer-nav-container > ul#menu-primary-unclickable-footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: .25fr .75fr;
}

ul#act-now, ul#latest, ul#about-us {
    grid-row-start:2;
    grid-row-end: 3;
}
ul#what-and-why {grid-column-start:1;}
ul#act-now { grid-column-start:2; }
ul#latest { grid-column-start:3; }
ul#about-us  { grid-column-start:4; }

li.footer-nav-item.top-menu-item{
    margin-bottom:10px;
}
li.footer-nav-item.sub-menu-item{
    display:inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px;
}



/* Layout sublevel: actions */
/*************************/
div.actions-container{padding: 0 30px;}
div.social-container, div.subscribe-container {
    display: block;
}



/* Layout subsublevel: social */
/******************************/
div.fbook-container, div.twitter-container{
    margin-bottom:15px;
}


/* Layout subsublevel: subscriptions */
div.subscribe-container{
    margin-top:20px;
}



/* Layout subsubsublevel: links/icons */
/******************************/
div.fbook-icon-container, div.twitter-icon-container, div.fbook-link-container, div.twitter-link-container{
    display:inline-block;
    align-self:center;
    height:25px;
}

div.fbook-link-container, div.twitter-link-container {
    margin-left: 10px;
    margin-bottom: -4px;
}
a.social-link{
    display:flex;
}
img.attachment-25x25.size-25x25 {
    max-width:25px;
    width:25px;
    height:25px;
}





/******************************/
/******************************/
/*     Design     */
/**********************************/
/**********************************/
/* Design: Footer */
/**********************************/
div.footer-container {
    background-color: #DAEDF8;
}


/* Design: Title */
/********************************/
p.title-footer {
    font-weight: 1000;
    font-size:16px;
}
p.title-footer.title-middle {font-style:italic}



/* Design: Nav */
/********************************/
li.footer-nav-item > a.menu-link.main-menu-link {
    color: #5D4470;
    font-weight:600;
}
li.footer-nav-item:hover > a.menu-link {
    color: #1E549E;
    text-decoration: none;
}
li.footer-nav-item > a.menu-link.main-menu-link,
li.footer-nav-item > a.menu-link.sub-menu-link {
    font-size: 15px;
}



/* Design: Social */
/******************************/
div.fbook-link-container > p, 
div.twitter-link-container > p{
    font-size: 15px;
}



/* Design: Subscriptions */
/******************************/
a.subscription-link{
    margin-bottom: 5px;
    font-size:15px;
}



/* Design: Subscribe Text */
/******************************/
p.action-header{
    font-size:15px;
    font-weight:600;
    margin-bottom: 10px;
}


/* Design: Copyright */
/********************************/
p.copyright, a.visit-old  {
    font-size: 10px;
    text-align: center;
}
a.visit-old{text-decoration: underline}








/***************************************/
/***************************************/
/***************************************/
/**********   Mobile    ****************/
/***************************************/
/***************************************/
/***************************************/


/*********** Top level Layout **********/
/***************************************/
@media only screen and (max-width: 1000px) {
    div.footer-container {
        display: grid;
        padding: 20px 0 0px 0px;
        place-items: center;
        grid-template-columns: auto;
        grid-template-rows:    repeat(3, auto);
        grid-template-areas:
            "  nav  "            
            "  actions  "
            "  copy    ";
    }
    div.subscribe-container{
        display: grid;
        grid-template-columns: auto auto;
        place-items: center;
        margin-top:0;
    }
    div.subscribe-container,
    div.copyright-container,
    div.social-container,
    li.footer-nav-item > a.menu-link.main-menu-link{
        padding:15px 0px;
        width:100%;
    }

    div.actions-container{padding: 0px;}
    
    /* Removals */
    div.title-container-footer,
    p.action-header,
    div.fbook-link-container,
    div.twitter-link-container
        {display: none;}



    
    
/**********  Navigation Layout ************/
/******************************************/
    div#footer-nav-container > ul#menu-primary-unclickable-footer,
    li.footer-nav-item.top-menu-item,
    li.footer-nav-item > a.menu-link.main-menu-link
    {
        display: block;
    }
    li.footer-nav-item.top-menu-item {
        text-align: center;
        vertical-align: middle;
        margin-bottom: 0;
    }
    ul.footer-sub-menu{
        display:none;
        text-align: center;
        margin: -10px 0 25px 0px;
    }

    
    
    
    

/***********  Actions Layout  ***************/
/********************************************/
    div.social-container {
        display: flex;
        justify-content: center;
        align-content: center;
    }





    
/***********  Social Layout  *****************/
/*********************************************/
    div.fbook-container, div.twitter-container{
        display: inline-block;
        margin:0px 10%;
    }





/*********************************************/
/************** Mobile Styles ******************/
/*********************************************/

    
    div.social-container,
    div.subscribe-container,
    li.footer-nav-item.top-menu-item,
    div.copyright-container{
        border-top: solid 1px grey;
    }
    
    li.footer-nav-item > a{
        text-transform:uppercase;
    }

} /*End Mobile Design */


/* Design: text */
/******************************/
p, a{
    color: black;
    margin:0;
}



/* Header formatting */
/********************************/

/***********************************************/
/***********************************************/
/**********   DESKTOP **************************/
/***********************************************/
/***********************************************/


/***********************************************/
/* Top Level Layout */
/***********************************************/
div.header-container {
    display: flex;
    justify-content: space-between;
}
div.logo-title-container, div.nav-donate-search-ham-container {
    display:flex;
    align-content:center;
    justify-content: center;
}

div.nav-donate-search-ham-container{
    display: flex;
    align-content: center;
}

div.title-container-header, div#header-nav-container, div.donate-container, div.donate-button {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}


div#header-nav-container {
    margin: 0px 10px;
}
div.donate-container {
    margin: 0px 20px;
}
div.hamburger-container,div.search-container {
    display: none;
    padding:10px 30px;
}




/* Nav Layout*/
/*******************************************/
ul#menu-primary-unclickable-header, ul#donate-menu{
    display:flex;
}
li.header-nav-item {
    display: inline-block;
    margin: 0px 7px;
}
div.header-sub-menu-container {
    display: none;
    align-self: flex-end;
    justify-content: flex-end;
}
ul.header-sub-menu {
    display: block;
    position: absolute; 
    z-index: 10;
    min-width: 200px;
    margin: 0 5px;
}
li.header-nav-item.sub-menu-item {
    display: block;
    margin: 0px;
}
li.header-nav-item.top-menu-item > a.menu-link, li.header-nav-item > a.sub-menu-link{
    padding: 12px 16px;
    display:block;
}





/****************************************************/
/*************** Styles *****************************/
/****************************************************/


/************  Logo Styles *************************/
/**************************************************/
div.logo-container-header{
    min-width:150px;
}


/************  Title Styles *************************/
/**************************************************/

p.title {
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    margin:2px;
}

p.title-upper {
    font-size: 13px;
    font-family: "Optima Bold";
}
p.title-lower{
    font-size: 18px;
    font-family: "Optima";
}


/************  Nav Styles *************************/
/**************************************************/
ul.header-sub-menu {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    background-color: #f1f1f1;
}
li.header-nav-item{line-height: .9;}
li.header-nav-item.sub-menu-item {
    text-align: end;
}
li.header-nav-item.top-menu-item > a.menu-link {
    color: #1E549E;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bolder;
}
a#button-text.menu-link {
    color: #FFFFFF;
    text-transform: uppercase;
}
li.header-nav-item:hover > a.menu-link {
    color: white;
}
li.header-nav-item:hover {
    background-color: #1E549E;
}




/* Donate Button */
/**************************************************/
div.donate-button {
    display:flex;
    background: #1E549E;
    border-radius: 3px;
}
ul#donate {
    margin: 0px;
}
/*
div.donate-button:hover {
    background:#47a7dd;
    border-radius: 3px;
}
*/
a#button-text {
    color:white;
    padding: 12px 15px;
    text-transform: uppercase;
}




/***********************************************/
/***********************************************/
/**********  TABLET   **************************/
/***********************************************/
/***********************************************/

 @media only screen and (max-width: 1200px) {
     div.header-container {
         flex-direction: column;
     }
     
    li.header-nav-item, div.donate-container, ul.header-sub-menu {
        margin: 0 5px;
    }
     div.nav-donate-search-ham-container {
         margin-bottom:10px;
     }
} 








/***********************************************/
/***********************************************/
/**********  MOBILE  **************************/
/***********************************************/
/***********************************************/


@media only screen and (max-width: 750px) {
    /* Mobile nav */
    div.header-container{
        display:grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas: 
            "logo  .   ham"
            "  nav   nav   nav  "
    }
    
    div.logo-title-container{
        grid-area: logo;
    }
    div.hamburger-container {
        display: inline-block;
        grid-area: ham;
        align-self: center;
    }
    div.nav-donate-search-ham-container{
        grid-area: nav;
        flex-direction: column;
    }
    div#header-nav-container, div.donate-container{
        width:100%;
    }

    div.hamburger-bar{
        width: 35px;
        height: 5px;
        margin: 6px 0;
    }
    div.title-container-header,
    div#header-nav-container,
    div.donate-container {
        display: none;
    }


    
/* Navigation */
/*************************************/
    ul#menu-primary-unclickable-header{
        display:block;
    }
    li.header-nav-item {
        display: block;
        line-height:1;
        margin: 0;
        width: 100%;
        border-bottom: thin solid grey;
    }
    div.header-sub-menu-container {
        display: none;
        justify-content: flex-start;
        width: 100%;
        position: initial;
    }
    /* Mobile sub menus */
    ul.header-sub-menu {
        display: block;
        position: initial;
        box-shadow: none;
        width: 95%;
        margin: 0 auto;
    }
    li.header-nav-item.sub-menu-item {
        text-align: left;
        width: 100%;
    }
    li.header-nav-item.sub-menu-item:last-child{
        border-bottom: none;
    }
    li.header-nav-item > a.menu-link {
        width: max-content;
    }
    li.header-nav-item > a.sub-menu-link, li#what--why > a.menu-link.main-menu-link{
        width:100%;
    }

    
    /* Donate button */
    div.donate-container {
        margin: 0 10px;
    } 
    ul#donate-menu {
        display: block;
    }
    ul#donate.header-sub-menu {
        margin: 0 auto;
    }
    a#button-text.menu-link {
        color: #1E549E;
        line-height: 1;
        text-transform: uppercase;
        display:block;
        padding: 12px 16px;
    }
    li#donate:hover > a#button-text.menu-link {
        color: white;
    }
    div.donate-button {
        background: none
    }
    li#donate:hover, li#donate-online:hover, li#other-ways-to-give:hover {
        background:#1E549E;
        border-radius: 0;
    }
    
    /* Search */
    div.search-container {
        margin: 0 10px;
    }
    a.search-link {
        display: block;
        padding: 12px 16px;
    }
}