/* -- General */

@media screen and (max-width: 1400px){
	.wrapper { width: 1000px; }
	.sidebar_right { width: 720px; }
	.sidebar { width: 250px; }
	.page img { height: auto !important; }
}

@media screen and (max-width: 1100px){
	.wrapper { width: 800px; }
	.sidebar_right { width: 580px; }
	.sidebar { width: 200px; }
}

@media screen and (max-width: 825px){
	.wrapper { width: auto; padding: 0 20px; }
	.sidebar_right { float: none; width: auto; }
	.sidebar { float: none; width: auto; margin: auto; margin-top: 50px; }
	.homepage .newest_articles .sidebar { margin-top: 0; margin-bottom: 50px; }
}

@media screen and (max-width: 800px){
	h1 { font-size: 2rem; }
	.desktop_nav { display: none; }
	.mobile_nav { display: block; }
}

@media screen and (max-width: 750px){
	.section { padding: 25px 0; }
}

@media screen and (max-width: 650px){
	.page .heading { padding: 25px 0; }
	#block_quote #quote { padding: 20px 50px; font-size: 1.15rem; }
	#block_quote #quote:before,
	#block_quote #quote:after { font-size: 20px; }
	.form .w_50,
	.form .w_40,
	.form .w_25,
	.form .w_20 { width: 100%; }
}

@media screen and (max-width: 375px){
	.sidebar { width: auto; }
}



/* -- Header */

@media screen and (max-width: 1400px){
	.header .acpn { width: 600px; }
	.header .main { padding: 15px 0; }
	.header .logo { height: 60px; margin-left: 80px; }
	.header .nav_toggle { top: 15px; bottom: 15px; width: 60px; height: 60px; line-height: 64px; }
}

@media screen and (max-width: 1100px){
	.header .top_bar { font-size: 13px; }
	.header .acpn { width: 520px; }
	.header .main { padding: 15px 0; }
	.header .logo { height: 50px; margin-left: 70px; }
	.header .nav_toggle { top: 15px; bottom: 15px; width: 50px; height: 50px; line-height: 54px; font-size: 24px; }
}

@media screen and (max-width: 825px){
	.header .top_bar .wrapper { padding: 0 15px; }
	.header .main { margin: 0 15px; }
}

@media screen and (max-width: 800px){
	.header .main .acpn { position: relative; top: auto; transform: none; margin-top: 15px; }
	.header .main .logo { text-align: center; }
}

@media screen and (max-width: 775px){
	.header .top_bar .links { display: none; }
	.header .top_bar .search { width: 100%; }
	.header .top_bar .search_toggle { width: 100%; float: none; text-align: center; }
}

@media screen and (max-width: 550px){
	.nav .bar .parent { font-size: 1.3em; }
	.footer .bottom .l,
	.footer .bottom .r { float: none; text-align: center; }
	.footer .bottom .copyright { padding-top: 1em; }
	.pagination { font-size: .8rem; }
	.pagination .prev a,
	.pagination .next a { font-size: .8rem; line-height: 2; }
	.pagination select { font-size: .8rem; padding-right: 0; }
	.page .heading .headline { font-size: 1.75rem; }
	.page .heading .description { font-size: 1rem; }
}



/* -- Navigation */

@media screen and (max-width: 750px){
	.nav .bar .mobile_only { display: block; }
}



/* -- Category */

@media screen and (max-width: 600px){
	.category .share_buttons { text-align: center; margin-top: 1em; }
}



/* -- Search Page */

@media screen and (max-width: 675px){
	.page.search .heading .r { float: none; text-align: center; margin-bottom: 1em; }
	.page.search .heading .share_buttons { margin-top: 0; }
}



/* -- Tags Page */

@media screen and (max-width: 675px){
	.page.tags .heading .r { float: none; text-align: center; margin-bottom: 1em; }
	.page.tags .heading .share_buttons { margin-top: 0; }
}



/* -- Author */

@media screen and (max-width: 800px){
	.author .heading .r { float: none; }
	.author .heading .share_buttons { text-align: center; margin-top: 0; margin-bottom: 1em; }
	.page .heading .share_buttons { margin-top: 4px; }
}



/* -- Article / Article Listing */

@media screen and (max-width: 1100px){
	.article_listing .photo .image { width: 150px; height: 125px; }
}

@media screen and (max-width: 750px){
	.article .categories { float: none; }
	.article .share_buttons { float: none; text-align: center; margin: 1em 0; }
	.related_articles h2.styled { margin-bottom: 20px; }
	.related_articles .w_50 { width: 100%; }
	.related_articles .w_50 .article_listing { margin: 20px 0; }
}

@media screen and (max-width: 600px){
	.classic_article .primary_photo { float: none; width: 100%; margin: 0; margin-bottom: 1em; }
	.classic_article .primary_photo .image img { width: 100%; }
}

@media screen and (max-width: 500px){
	.article_listing .photo .image { width: 70px; height: 70px; }
	.article_listing .details { padding-left: 20px; }
	.article_listing .details .headline { font-size: 1.25rem; }
	.article_listing .details .date { display: block; margin-left: 0; }
	.article_listing .details .date,
	.article_listing .details .byline { font-size: .8rem; line-height: 2; }
	.article h1.headline { line-height: 1.25; }
	.article .details { text-align: center; margin-top: 1.25em; }
	.article .details .date { display: block; margin-left: 0; margin-top: .5em; font-size: .8rem; }
	.article .details .author .icon { width: 30px; height: 30px; }
	.article .details .link_drop { text-align: left; }
}



/* -- Distribution Map */

@media screen and (max-width: 700px){
	.map_container { height: auto; border: 0; margin: auto -20px -20px -20px; }
	.map_container #distribution_map { display: none; }
	.map_container .locator { position: relative; top: auto; left: auto; bottom: auto; width: auto; box-shadow: none; }
}



/* -- Event / Event Listing / Submit Event */

@media screen and (max-width: 1400px){
	.event_listings .event_search .w_75 { width: 60%; }
	.event_listings .event_search .w_25 { width: 40%; }
	.event .description .photo img { max-width: 300px; }
}

@media screen and (max-width: 1100px){
	.event_listing .photo .image { width: 150px; height: 125px; }
	.event .description .photo img { max-width: 250px; }
}

@media screen and (max-width: 800px){
	.event_listings .heading .l,
	.event_listings .heading .r { float: none; }
	.event_listings .heading .r { text-align: center; margin-top: 1em; }
	.event_listing { margin: 25px 0; }
	.event_listings .event_search .w_75,
	.event_listings .event_search .w_25 { width: 100%; }
	.event_listings .event_search .w_25 { margin-top: 1em; }
}

@media screen and (max-width: 750px){
	.article .categories { float: none; }
	.article .share_buttons { float: none; text-align: center; margin: 1em 0; }
	.event_listings .event_search { margin-top: 25px; }
}

@media screen and (max-width: 650px){
	.event .map_address { margin-bottom: 15px; }
	.event .map_address .l,
	.event .map_address .r { float: none; text-align: center; }
}

@media screen and (max-width: 600px){
	.event .description .photo { float: none; text-align: center; margin: 25px 0; }
	.event .description .photo img { max-width: 100%; }
}

@media screen and (max-width: 550px){
	.event_listings .event_search .w_60,
	.event_listings .event_search .w_40 { width: 100%; }
	.event_listings .event_search .p_l,
	.event_listings .event_search .p_r { padding: 0; }
	.event_listings .event_search .p_r { padding-bottom: 15px; }
	.event .share_buttons { text-align: center; }
}

@media screen and (max-width: 500px){
	.event_listing .photo .image { width: 70px; height: 70px; }
	.event_listing .details { padding-left: 20px; }
	.event_listing .details .headline { font-size: 1.25rem; }
	.event_listing .details .date { display: block; margin-left: 0; }
	.event_listing .details .date,
	.event_listing .details .byline { font-size: .8rem; line-height: 2; }
	.event_listing .photo .image .date { display: none; }
}

@media screen and (max-width: 400px){
	.event_search .date_range b { display: block; }
}



/* -- Issue Archive */

@media screen and (max-width: 1100px){
	.issue_summary .p_a { padding: 30px; }
	.issue_summary h2.title { font-size: 1.25em; }
	.issue_summary .dates { font-size: .8em; }
}

@media screen and (max-width: 800px){
	.issue_archive .heading .l,
	.issue_archive .heading .r { float: none; }
	.issue_archive .heading .r { text-align: center; margin-top: 20px; }
	.issue .heading .cover { width: 200px; }
}

@media screen and (max-width: 725px){
	.issue_archive .w_33 { width: 100%; }
	.issue_summary .p_a { padding: 30px 100px; }
}

@media screen and (max-width: 650px){
	.issue .heading .cover { width: 150px; }
	.issue .heading .info { padding-left: 25px; }
}

@media screen and (max-width: 550px){
	.issue_summary .p_a { padding: 30px; }
	.issue .heading .cover,
	.issue .heading .info { display: block; text-align: center; padding-left: 0; width: auto; }
	.issue .heading .cover img { margin: auto; margin-bottom: 2em; width: 200px; }
	.issue .heading .info .headline { font-size: 1.5em; }
	.issue .heading .info .details { font-size: 1em; }
	.issue .heading .info .dates { font-size: .8em; }
	.issue h2 { font-size: 1.5em; }
}



/* -- About / Staff */

@media screen and (max-width: 1400px){
	.about_page .distribution { margin: 100px 0; }
	.about_page .distribution img { margin-top: -55px; }
}

@media screen and (max-width: 750px){
	.about_page .distribution { margin: 125px 0 75px 0; }
	.about_page .distribution img { float: none !important; display: block; margin: -120px auto 30px auto; }
}

@media screen and (max-width: 700px){
	.staff .w_33 { width: 50%; }
}

@media screen and (max-width: 500px){
	.staff .w_33 { width: 100%; }
}
	



/* -- Homepage */

@media screen and (max-width: 1400px){
	.homepage .upcoming_events .w_33 { width: 50%; }
	.homepage .featured .substories .story .categories a { font-size: calc( 100vw * 0.01 ); }
	.homepage .feature .title { font-size: 15px; }
	.homepage .feature .title .split_link { font-size: 12px; }
}

@media screen and (max-width: 1100px){
	.homepage .newest_articles .w_50,
	.homepage .popular_articles .w_50 { width: 100%; }
	.homepage .popular_articles .p_a { padding: 0; }
	.homepage .features .w_25 { width: 50%; }
	.homepage .feature .title { font-size: 18px; }
	.homepage .feature .title .split_link { font-size: 15px; }
}

@media screen and (max-width: 900px){
	.homepage .featured .substories { width: 25%; }
	.homepage .featured .substories .story .title { font-size: calc( 100vw * 0.02 ); }
}

@media screen and (max-width: 825px){
	.homepage .newest_articles .w_50 { width: 100%; }
	.homepage .newest_articles .p_a { padding: 0; }
	.homepage .upcoming_events .l { float: none; }
	.homepage .upcoming_events .acpn { margin: auto; margin-bottom: 50px; }
}

@media screen and (max-width: 725px){
	.homepage .featured { padding: 0; height: auto; }
	.homepage .featured .background { position: relative; padding-bottom: 50%; height: 0; top: auto; left: auto; right: auto; bottom: auto; }
	.homepage .featured .headline { top: auto; left: 0; right: 0; bottom: 0; width: auto; padding: 10px; background-image: url(../png/dark-fade-solid-bottom.png); background-position: bottom center; background-repeat: repeat-x; background-size: auto 100%; }
	.homepage .featured .headline .text { transform: none; text-align: center; font-size: 1.5rem; }
	.homepage .featured .substories { position: relative; top: auto; left: auto; bottom: auto; width: auto; text-align: center; background-image: none; background-color: #FFF; padding: 10px; padding-top: 20px; text-shadow: none; }
	.homepage .featured .substories a { color: #000; }
	.homepage .featured .substories .story { margin-top: 20px; }
	.homepage .featured .substories .story .title { font-size: 1rem; }
	.homepage .featured .substories .story .categories a { font-size: .8rem; line-height: 1; }
}

@media screen and (max-width: 675px){
	.homepage .feature .title { font-size: 15px; }
	.homepage .feature .title .split_link { font-size: 12px; }
}

@media screen and (max-width: 550px){
	.homepage .features .w_25 { width: 100%; }
	.homepage .feature .title { font-size: 18px; }
	.homepage .feature .title .split_link { font-size: 15px; }
}

@media screen and (max-width: 500px){
	.homepage h2 { font-size: 1.5rem; }
	.homepage .upcoming_events .w_33 { width: 100%; }
	.homepage .upcoming_events .p_a { padding: 5px 15px; }
}

@media screen and (max-width: 400px){
	.homepage .features .w_25 .p_a { padding: 15px 0; }
	.homepage .feature .title,
	.homepage .feature .title .split_link { font-size: 16px; }
	.homepage .feature .title .split_link { float: none; text-align: center; }
	.homepage .feature .title .split_link span { display: none; }
}

@media print {
	html,
	body { overflow: auto; }
	.acpn,
	.in_article_acpn { display: none; }
	.wrapper { width: auto; }
	#comments { display: none; }
	.header { background-color: transparent; }
	.header svg * { fill: #000; }
	.header .top_bar { display: none; }
	.header .nav_toggle { display: none; }
	.header .logo { margin-left: 0; text-align: center; }
	.footer .top { display: none; }
	.footer { background-color: transparent; }
	.footer .bottom,
	.footer .bottom a { color: #000; background-color: transparent; }
	.footer .bottom .social { display: none; }
	.footer .copyright { float: none; text-align: center; }
	.sidebar { display: none; }
	.sidebar_left, 
	.sidebar_right { width: auto; }
	.related_articles { display: none; }
	.share_buttons { display: none; }
}
	



/* -- Photo Gallery Slideshow */

@media screen and (max-width: 550px){
	.pg_slideshow { margin-left: -20px; margin-right: -20px; border-radius: 0; }
	.pg_slideshow .arrow { width: 25px; height: 25px; line-height: 28px; font-size: 15px; color: #333; background-color: #FFF; opacity: 1; }
}
	



/* -- Article: 40u40 */

@media screen and (max-width: 650px){
	.article .multi_40u40 .person { margin: 0px -20px; border-radius: 0; }
	.article .multi_40u40 .person .photo { position: relative; top: auto; left: auto; bottom: auto; width: auto; height: auto; }
	.article .multi_40u40 .person .photo img { position: relative; top: auto; left: auto; bottom: auto; width: auto; height: auto; transform: none; margin: auto; }
	.article .multi_40u40 .person .details { margin: 0; text-align: left; }
	.article .multi_40u40 .quick_swap { margin: 0px -20px; }
}