﻿@charset "UTF-8";
/*********************************************************/
/**** START DESKTOP STYLES FOR WIDTHS MORE THAN 992PX */
/*********************************************************/
@media screen and (min-width: 992px) {
    #mobile-global-nav, #mobile-global-buttons {display: none!important;}
}
/*************************************************************************************/
/**** START RESPONSIVE STYLES FOR WIDTHS LESS THAN 991PX AND PORTRAIT ORIENTATION ****/
/*************************************************************************************/
@media screen and (max-width: 991px) and (orientation: portrait), screen and (max-width: 991px) and (orientation: landscape) {
    .container {width: 100%;}
    .fa-bars {color: #6f29eb;font-size: 38px;}
    #global-nav, #mod-header {display: none;}
    #mobile-global-nav {padding-top: 24px;padding-bottom:16px;border-bottom: 3px solid #d1d3d4;position: fixed;width: 100%;top: 0px;left: 0px;background-color: #fff;z-index: 100;}
    #mobile-global-nav .global-nav-left {float: left;text-align: left;width: 50%;}
    #mobile-global-nav .global-nav-left img {width: 76px;}
    #mobile-global-nav .global-nav-right {float: right;text-align: right;width: 50%;}
    #mobile-global-buttons {margin-top: 100px;}
    #info-learm-more .widgets-info-learn-more {flex-direction: column;}
    #build-brighter-future .floating-widgets {flex-direction: column;}
    #build-brighter-future .shape-background {background-image: url('/glue/images/mobile-two-color-shape-background.gif');}
    #wpd-homepage-report {flex-direction: column;}
    #meet-why-i-walk {flex-direction: column;}
    #footer-rebranded .container {flex-direction: column;}
    #footer-rebranded .mod-logo img {margin-bottom: 50px;}
    #footer-rebranded .second-footer-col, #footer-rebranded .third-footer-col {border-bottom: 1px solid #333;padding-bottom: 50px;margin-bottom: 50px;}
    #wpd-homepage-report .wpd-map {padding: 0px;margin:0px;}
    .wpd-map img {width: 100%;}
    .copy-wpd-homepage-report {width: 100%;}
    #meet-why-i-walk .container {flex-direction: column;}
    #meet-why-i-walk-left {width: 100%;}
    #meet-why-i-walk-left .search input {width: 100%;}
    #meet-why-i-walk-right {width: 100%}
    #meet-why-i-walk {height: auto;}
    #footer-rebranded .footer-column {width: 100%;}
	.hero .container {width: 100%;}
	.why-fight-content .search .fa-angle-right {left:90%}
	.why-fight-content .search input {width: 95%}
	
	#stay-updated .search input {width: 85%;}
	#stay-updated .search .fa-angle-right {left: 83%;top: 5px;}
    #mobile-global-buttons .container {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;height: 88px;padding-top: 20px;}
	#mobile-global-buttons .container .column {width: 88px; text-align: center;}
	#mobile-global-buttons .container .column img {height: 35px;display: inline;}    
	#mobile-global-buttons .container .column span {color: #0f1934;}
	#mobile-global-buttons a {text-decoration: none;}
	.search-icon {width: 20px!important;margin-left: 20%;}
	.partners .amount {margin-right: 0;}
}
@media screen and (max-width: 500px) {
    #desktop-article-text img.float {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
    }
}
@media screen and (max-width: 361px) and (orientation: portrait), screen and (max-width: 361px) and (orientation: landscape) {
    #stay-updated {background-image: url('/glue/css-images/stay-updated-background-mobile.jpg');height: 250px;padding-top: 68px;}
}