/*
 * Public Welfare Responsive style
 */

/*
 * Mobile devices
 */
@media screen and (max-width: 900px) {
    
    /*
     * Header
     */
    header {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 50;
    }
    header #header-content {
        display: none;
    }
    header #header-mobile {
        display: block;
        position: relative;
        z-index: 50;
    }
    header .logo {
        background: url(../images/pw_logo_120.png) no-repeat;
        display: inline-block;
        width: 120px;
        height: 33px;
        text-indent: -9999px;
        margin: 10px;
    }
    header .logo a {
        width: 120px;
        height: 33px;
    }
    header .logo a h1 {
        
    }
    #header-mobile {
        position: relative;
    }
    #header-mobile .mobile-menu-icon {
        width: 30px;
        height: 30px;
        float: right;
        background: url(../images/menu-icon.png) no-repeat;
        margin: 10px;
        cursor: pointer;
    }
    #header-mobile .mobile-menu {
        position: absolute;
        top: 50px;
        left: 0px;
        background: #013142;
        width: 100%;
        display: none;
        z-index: 50;
    }
    #header-mobile .mobile-menu h3 {
        color: #FFF;
        font-size: 20px;
        line-height: 26px;
        text-decoration: none;
        font-family: 'HelveticaNeue-Light', sans-serif;
        font-weight: 500;
        background: #4faac8;
        padding: 10px;
        cursor: default;
    }
    #header-mobile .close-mobile {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        margin: 10px;
        cursor: pointer;
    }
    #header-mobile .mobile-menu ul {
        padding: 20px 10px;
        list-style: none;
    }
    #header-mobile .mobile-menu ul li {
        border-bottom: 1px solid #286e85;
        padding: 5px 0;
    }
    #header-mobile .mobile-menu ul li.menu-item-has-children {
        background: url(../images/menu-x.png) right top no-repeat;
    }
    #header-mobile .mobile-menu ul li ul {
        margin-left: 10px;
        display: none;
        padding: 0;
    }
    #header-mobile .mobile-menu ul li ul li {
        border-bottom: none;
    }
    #header-mobile .mobile-menu ul li a {
        color: #4faac8;
        font-size: 20px;
        line-height: 26px;
        text-decoration: none;
        font-family: 'HelveticaNeue-Light', sans-serif;
        font-weight: 500;
    }
    #header-mobile .mobile-menu ul li ul li a {
        font-size: 16px;
        line-height: 22px;
    }
    #header-mobile .mobile-menu ul li.current-menu-item a,
    #header-mobile .mobile-menu ul li.current_page_item a{
        font-weight: 700;
        color: #FFF;
    }
    
    /*
     * Home
     */
    .home-featured {
        text-align: center;
        margin-top: 53px;
        display: block;
    }
    .home-featured img {
        width: 100%;
        height: auto;
    }
    .home-left {
        display: none;
    }
    .main-wrap {
        width: 100%;
        margin: 53px auto;
    }
    .main-wrap .home-right {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    
    .subscribe-wr {
        display: none;
    }
    .page-filter-sidebar {
        float: none;
        width: 292px;
        margin: 10px auto;
    }
    
    /*
     * Content module
     */
    .content-module {
        max-width: 100%;
        width: 100%;
        padding: 15px 0;
        background: url(../images/content_block_background.png) repeat-x;
    }
    .content-module .module-media {
        float: none;
        width: 219px;
        padding: 10px;
    }
    .content-module .module-content {
        float: none;
        width: 288px;
        padding: 10px;
    }
    
    .main-wrap .home-right .home-news .home-news-single-half {
        width: 100%;
        padding: 15px 0;
        background: url(../images/content_block_background.png) repeat-x;
        float: none;
    }
    .main-wrap .home-right .home-news .home-news-single-half h3 {
        padding: 0 10px;
    }
    .main-wrap .home-right .home-news .home-news-single-half img {
        float: left;
        max-width: 91px;
        padding: 0 8px 8px 10px;
    }
    .main-wrap .home-right .home-news .home-news-single-half p {
        padding: 10px;
    }
    .show-mobile {
        display: block;
    }
    h2.page-list {
        padding: 10px 10px 20px 10px;
    }
    

    .main-wrap .home-left .our-mission,
    .main-wrap .home-right .our-mission {
        border-bottom: none;
        padding: 10px;
        margin-bottom: 25px;
    }
    
    #news-content {
        margin: 10px;
    }
    
    .main-wrap .home-right .home-news .home-news-single-half p a.learn-more-button {
        display: block;
    }
    
    .page-heading {
        width: 100%;
    }
    .page-heading img {
        width: 100%;
        height: auto;
    }
    
    /*
     * Content
     */
    .main-wrap {
        
    }
    .page-content.page-content-left {
        float: none;
        width: auto;
    }
    .page-content.page-content-left h2 {
        padding: 0 10px 40px 10px;
    }
    .page-content.page-content-left h3 {
        padding: 0 10px 15px 0px;
    }
    .page-content.page-content-left p {
        padding: 0 10px 15px 10px;
    }
    .page-content.page-content-left ul {
        padding: 0 10px;
    }
    .page-sidebar {
        display: none;
    }
    /*
     * Footer
     */
    footer {
        
    }
    footer #footer-content {
        
    } 
    footer #footer-content #footer-top {
        
    }
    
    footer #footer-content {
        padding: 25px 0 82px 0;
        margin: 0 auto;
        width: 100%;
    }
    .footer-block.first {
        display: none;
    }
    .footer-block.second {
        display: none;
    }
    .footer-block.third {
        display: none;
    }
    footer #footer-content #footer-top .footer-block.fourth {
        width: 254px;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    footer #footer-content #footer-top {
        min-height: 10px;
    }
    footer #footer-content #footer-copyright {
        border-top: none;
        text-align: center;
    }
    
    #mobile-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #286e85;
        z-index: 20;
    }
    #mobile-footer .share {
        background: url(../images/icon-share-23.png) no-repeat;
        width: 23px;
        height: 23px;
        float: left;
        margin: 10px 20px;
        cursor: pointer;
    }
    #mobile-footer .search {
        background: url(../images/icon_search.png) no-repeat;
        width: 23px;
        height: 23px;
        float: right;
        margin: 10px 20px;
        cursor: pointer;
    }
    .mobile-share-form {
        background: #013142;
        position: fixed;
        width: 100%;
        height: 100%;
        bottom: -50px;
        left: 0;
        z-index: 10;
        display: none;
    }
    .mobile-share-form h3 {
        color: #FFF;
        font-size: 20px;
        line-height: 26px;
        text-decoration: none;
        font-family: 'HelveticaNeue-Light', sans-serif;
        font-weight: 500;
        background: #4faac8;
        padding: 10px;
        cursor: default;
    }
    .mobile-share-form .close-mobile {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        margin: 10px;
        cursor: pointer;
    }
    .mobile-search-form {
        background: #013142;
        position: fixed;
        width: 100%;
        height: 100%;
        bottom: -50px;
        left: 0;
        z-index: 10;
        display: none;
    }
    .mobile-search-form h3 {
        color: #FFF;
        font-size: 20px;
        line-height: 26px;
        text-decoration: none;
        font-family: 'HelveticaNeue-Light', sans-serif;
        font-weight: 500;
        background: #4faac8;
        padding: 10px;
        cursor: default;
    }
    .mobile-search-form .close-mobile {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        margin: 10px;
        cursor: pointer;
    }
    
    .mobile-search-form .search-form-content {
        height: 100px;
        width: 310px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -155px;
    }
    .mobile-search-form .search-form-content .search-input {
        width: 310px;
        margin: 0 auto;
        background: #FFF;
        border-radius: 16px;
        height: 40px;
    }
    .mobile-search-form .search-form-content .search-input .search-icon {
        width: 23px;
        height: 23px;
        background: url(../images/icon_search_dark.png) no-repeat;
        margin: 8px 5px 0 10px;
        display: inline-block;
        vertical-align: top;
    }
    .mobile-search-form .search-form-content .search-input input[type="text"] {
        display: inline-block;
        width: 220px;
        height: 26px;
        vertical-align: top;
        margin: 5px 0 0 0;
        border: none;
        padding: 2px 5px;
        font-size: 16px;
    }
    .mobile-search-form .search-form-content .search-input input[type="text"]:focus {
        border: none;
        box-shadow: none;
        outline: none;
    }
    .mobile-search-form .search-form-content .search-input .search-delete-text {
        display: inline-block;
        vertical-align: top;
        width: 24px;
        height: 24px;
        margin: 8px 0px 0 0;
        background: url(../images/close-icon-24.png) no-repeat;
    }
    .mobile-search-form .search-form-content button {
        background: #4daac7;
        display: block;
        padding: 10px 14px;
        border-radius: 10px;
        margin: 20px auto 0;
        border: none;
        font-size: 16px;
        line-height: 16px;
        color: #FFF;
        cursor: pointer;
    }
    .mobile-search-form .search-form-content button:hover {
        background: #0c799b;
    }
    
    .share-form-content {
        height: 124px;
        width: 31px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -62px;
        margin-left: -16px;
    }
    .share-form-content ul {
        list-style: none;
    }
    .share-form-content ul li {
        width: 31px;
        height: 31px;
        padding: 5px 0;
    }
    .share-form-content ul li a {
        width: 31px;
        height: 31px;
        display: block;
    }
    .share-form-content ul li a img{
        
    }
    
}