/*@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700');*/
@media screen and (max-width: 800px) {
    .cards-container { display: block; }
    .cdc-header { display: block; }

    /*** tab-dataviz.css ***/
    /* OVERVIEW Tab */
    .dataviz-container {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .dataviz-items { flex: 1 0 auto; }
    .dataviz-items:nth-child(1) { flex: 1 0 auto; }
    .dataviz-items:nth-child(2) { flex: 1 0 auto; }

    /* DEMOGRAPHICS Tab */
    .demoChartContainer { display: block; }
    /*#wrapper-demoRaceCharts { display: block; }*/

    #wrapper_demoRaceChart,
    #wrapper_scoRaceChart,
    #wrapper_survivalRaceChart
    { display: block; }


    #demoAgeChartSpecial {
        width:100%;
    }


    /* TRENDS tab*/
    .wrapper-trendCharts,
    .container-trendMaps { display: block; }
    
    /* CONGRESSIONAL DISTRICTS Tab */
    #congRightMapWrapper {
        display: block;
    }

    /*** tabs **/
    .tabs-container {
        flex-direction: column;
        min-height: 150px;  /* Had to add this because of IE */
    }

    .tabButton { 
        flex: 1 0 auto;
         margin-right:auto;
    }

    /*** social-media-icons.css ***/
    #socialMediaShareContainer .dd-menu {
			left: 10px!important;
			z-index: 9999;
		}

		/* keep menu from expanding full width in mobile */
		#socialMediaShareContainer.dd {
			float: left;
			z-index: 9999;
		}

		.dd .dd-toggle {
			height: 16px!important;
		}

    
    .sm-icons { float: none; }

    /*** site-links ***/
    .site-links { display: block; }
    .site-links > div > a {
        margin: auto;
        float: none;
        display: block;
    }

    .site-links > div:nth-child(2) > a { float: none; }
        
    /*** selectors ***/
    .selectors-container { display: block; }

    /*** CDC Header ***/
    .cdc-header > div {
        display: block;
    }

    /*** CDC Footer ***/
    #footer .icons { justify-content: space-around; }
    #footer .icons > a { 
        margin-bottom: 5px;
        margin-right: 0;
    }
    #footer .links {
        display: flex;
        flex-direction: column;
    }
    #footer .links a {
        margin-right: 0;
        margin-bottom: 3px;
    }
    #footer .info { display: block; }
    #footer .info > div:last-child { text-align: left; }

    /*** Sticky header tables ***/
    #reTable_t1_thead,
    #reTable_t1_tbody {
        overflow-x: scroll;
        min-width: 600px;
    }

}

/* Custom, iPhone Retina */
@media only screen and (min-width : 480px) {
    #device-indicator:after {
        content: 'mobile';
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #device-indicator:after {
        content: 'tablet';
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #device-indicator:after {
        content: 'desktop';
    }
}


/* PRINT MEDIA QUERY */
@media print {
    @page { size: landscape; }

    #container-map { page-break-after: always; }

    /*.main-wrapper * { display: none; }*/ 
    .main-wrapper { border: none; }
    .site-links { display: none; }
    .sm-icons { display: none; }
    .tabs-container { display: none; }
    .selectors-container { display: none; }
    .cardChartButtons { display: none; }
    .mapButtons { display: none; }
    .print { display: block; } 
}