@charset "UTF-8";
/*
	
	ZOA.org mobile
	
*/
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

.mobile-nav { display: none; }

.wp-post-image-mobile { display: none; }

.sidebar-mobile { display: none; }

#wrap #nav-bar ol { display: none; }

.featured .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 83px; }

#nav-bar ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 42px; }

/* 	  FIX FOR BOURBON NEAT BORDER-BOX ISSUE Importing Bourbon and Neat adds box-sizing:border-box to the top of the compiled stylesheet. this overrides that to prevent layout issues in desktop view that and enables developers not   	 to have to change the post-compiled css.  */
html { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
@media screen and (max-width: 985px) { html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  html body.menu-on { position: fixed; width: 100%; height: 100%; } }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

/* END FIX */
@media screen and (max-width: 985px) { #wrap { width: 100% !important; }
  #wrap #zoa-content { position: relative; }
  #wrap #top-bar { display: none; }
  #wrap #top-bar .right { float: none; text-align: center; display: none; }
  #wrap #top-bar .right a { display: inline-block; }
  #wrap #top-bar .font-sizing { display: none; }
  #wrap #top-bar .left > a { display: none; }
  #wrap #top-bar .left .top-nav-menu { text-align: center; display: block; }
  #wrap #top-bar .left .top-nav-menu ul.menu { text-align: center; }
  #wrap #top-bar .left .top-nav-menu ul.menu li { display: inline-block; }
  #wrap #top-bar .left .top-nav-menu ul.menu li a { border: 0; line-height: 150%; }
  #wrap #top-bar .left .top-nav-menu #menu-item-239303, #wrap #top-bar .left .top-nav-menu #menu-item-239306 { display: none; }
  #wrap #logo-bar { width: 100%; }
  #wrap #logo-bar #___gcse_0 { display: none; }
  #wrap #logo-bar a img { max-width: 438px; width: 100%; padding-bottom: 10px; }
  #wrap #nav-bar { width: 100%; min-height: 42px; clear: both; text-align: left; padding-top: 3px; border-bottom: 4px solid #253e64; border-radius: 0; }
  #wrap #nav-bar #menu-item-241180 a, #wrap #nav-bar #menu-item-259669 a { background: #d31515; }
  #wrap #nav-bar ul li a { padding-top: 10px; -webkit-tap-highlight-color: transparent; }
  #wrap #nav-bar ol { display: block; margin: 0; padding: 6px 0 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: calc( 100% - 90px ); float: left; text-align: center; min-width: 140px; }
  #wrap #nav-bar ol li { display: inline-block; margin: 0; padding: 2px 0 0; width: 27%; text-align: center; position: relative; vertical-align: top; height: 32px; overflow: hidden; }
  #wrap #nav-bar ol li a { padding: 0; color: #253e64; display: block; text-align: center; -webkit-tap-highlight-color: transparent; font-size: 20px; line-height: 100%; }
  #wrap #nav-bar ol li img { display: block; margin: 0 auto; position: relative; vertical-align: top; }
  #wrap #nav-bar ol li.n-ico { padding: 1px 0 0 0; width: 13%; }
  #wrap #nav-bar ul li.menu-item-has-children { position: relative; /*
				  .expand-children{
					content: '+';
					display: block;
					position: absolute;
					right: 0;
					top: 0;
					font-size: 25px;
					line-height: 44px;
					color: #555;
					width: 42px; height: 42px;
					text-align: center;
					-webkit-tap-highlight-color: rgba(0,0,0,0);
					z-index: 5;  
				  }
				  &:after{
					content: '+';
					display: block;
					position: absolute;
					right: 0;
					top: 0;
					font-size: 25px;
					line-height: 44px;
					color: #555;
					width: 42px; height: 42px;
					text-align: center;
					-webkit-tap-highlight-color: rgba(0,0,0,0);
					z-index: 2;  
				  }
				  &.show-children{
					  .expand-children{
					  	content: '–';
						}
					  &:after{
					  	content: '–';
					  }
					  > a{ color: #253e64; } 
						ul{ display: block; }
					}
*/ }
  #wrap #nav-bar ul li.menu-item-has-children a { width: 83%; }
  #wrap #nav-bar ul li.menu-item-has-children ul { position: relative; left: 0; display: block; background: none; padding: 0; }
  #wrap #nav-bar .mobile-nav { float: left; -webkit-tap-highlight-color: transparent; position: relative; display: block; text-align: left; line-height: 20px; height: 30px; cursor: pointer; width: auto; color: #253e64; padding: 0 10px 0 40px; margin: 0; font-size: 20px; }
  #wrap #nav-bar .mobile-nav:before { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 20px; height: 18px; padding-left: 30px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjAgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmJhcnM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJiYXJzIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjMjUzZTY0Ij4gICAgICAgICAgICA8cGF0aCBkPSJNMS40MTM3NjA2LDQgQzAuNjMzMzY0NzUsNCAwLDMuMjU1MjcxOTIgMCwyLjMzNTE4MzEzIEwwLDEuNjY0ODE2ODcgQzAsMC43NDQ3MjgwOCAwLjYzMzM2NDc1LDAgMS40MTM3NjA2LDAgTDE4LjU4NjIzOTQsMCBDMTkuMzY3NTc3OCwwIDIwLDAuNzQ0NzI4MDggMjAsMS42NjQ4MTY4NyBMMjAsMi4zMzUxODMxMyBDMjAsMy4yNTUyNzE5MiAxOS4zNjc1Nzc4LDQgMTguNTg2MjM5NCw0IEwxLjQxMzc2MDYsNCBaIE0xLjQxMzc2MDYsMTEgQzAuNjMzMzY0NzUsMTEgMCwxMC4yNTUyNzE5IDAsOS4zMzUxODMxMyBMMCw4LjY2NDgxNjg3IEMwLDcuNzQ0NzI4MDggMC42MzMzNjQ3NSw3IDEuNDEzNzYwNiw3IEwxOC41ODYyMzk0LDcgQzE5LjM2NzU3NzgsNyAyMCw3Ljc0NDcyODA4IDIwLDguNjY0ODE2ODcgTDIwLDkuMzM1MTgzMTMgQzIwLDEwLjI1NTI3MTkgMTkuMzY3NTc3OCwxMSAxOC41ODYyMzk0LDExIEwxLjQxMzc2MDYsMTEgWiBNMS40MTM3NjA2LDE4IEMwLjYzMzM2NDc1LDE4IDAsMTcuMjU1MjcxOSAwLDE2LjMzNTE4MzEgTDAsMTUuNjY0ODE2OSBDMCwxNC43NDQ3MjgxIDAuNjMzMzY0NzUsMTQgMS40MTM3NjA2LDE0IEwxOC41ODYyMzk0LDE0IEMxOS4zNjc1Nzc4LDE0IDIwLDE0Ljc0NDcyODEgMjAsMTUuNjY0ODE2OSBMMjAsMTYuMzM1MTgzMSBDMjAsMTcuMjU1MjcxOSAxOS4zNjc1Nzc4LDE4IDE4LjU4NjIzOTQsMTggTDEuNDEzNzYwNiwxOCBaIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); background-position: left center; background-repeat: no-repeat; position: absolute; left: 10px; top: 0; display: block; z-index: 5; content: ' '; }
  #wrap #nav-bar .main-nav-menu { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; display: none; top: 38px; width: 90%; z-index: 100; background: rgba(233, 233, 233, 0.8); min-height: 38px; }
  #wrap #nav-bar .main-nav-menu #menu-item-241180 a, #wrap #nav-bar .main-nav-menu #menu-item-259669 a { color: #FFF; }
  #wrap #nav-bar .main-nav-menu .menu { text-align: left; padding-left: 10px; padding-top: 5px; padding-bottom: 0; max-height: calc( 100vh - 210px ); overflow-y: auto; }
  #wrap #nav-bar .main-nav-menu .menu li { display: block; float: none; font-size: 20px; }
  #wrap #nav-bar .mobile-nav-button { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; display: block; float: right; margin-top: 5px; margin-right: 10px; line-height: 100%; }
  #wrap #nav-bar.expand .main-nav-menu { display: block; }
  #wrap #nav-bar.expand .mobile-nav:before { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
  #wrap #nav-bar.expand .mobile-nav-button { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0.7; }
  #wrap #nav-bar.expand ol { opacity: 1; }
  #wrap #nav-bar.expand:after { content: ''; position: absolute; left: 0; top: 38px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99; display: block; visibility: visible; }
  #wrap #content { margin: 0; float: none; }
  #wrap #content::after { clear: both; content: ""; display: table; }
  #wrap #content > br { display: none; }
  #wrap #content .featured { min-height: 20px; border-top: none; border-right: none; border-left: none; border-bottom-width: 1px; }
  #wrap #content .featured .featured-image, #wrap #content .featured .featured-text, #wrap #content .featured #featured-arrow { display: none !important; }
  #wrap #content .featured .item { margin: 0; width: 100%; height: auto; padding: 10px 18px; }
  #wrap #content .blogs, #wrap #content .sources { clear: both; margin-bottom: 20px; }
  #wrap #content .blogs::after, #wrap #content .sources::after { clear: both; content: ""; display: table; }
  #wrap #content .blogs .item, #wrap #content .sources .item { width: 96%; background-repeat: repeat-x; margin-top: 5px; margin-right: 2%; margin-bottom: 5px; margin-left: 2%; }
  #wrap #content .blogs .item:first-child, #wrap #content .sources .item:first-child { margin-top: 0; margin-right: 2%; }
  #wrap #content .blogs .item:last-child, #wrap #content .sources .item:last-child { margin-bottom: 0; }
  #wrap #content .blogs .item a.source-title, #wrap #content .sources .item a.source-title { float: none; width: 100%; }
  #wrap #content .blogs .text-adjustable.date, #wrap #content .sources .text-adjustable.date { margin-top: 5px; }
  #wrap #content .also-news { clear: both; border: 1px solid #D9D9D9; width: auto; margin-left: 2%; margin-right: 2%; }
  #wrap #content .also-news::after { clear: both; content: ""; display: table; }
  #wrap #content .also-news .divider { display: none; }
  #wrap #content .also-news > br { display: none; }
  #wrap #content .also-news .item { float: none; width: 100%; margin-bottom: 0; background: url(/wp-content/themes/zoa/images/divider.gif) left bottom repeat-x; }
  #wrap #content .also-news .item::after { clear: both; content: ""; display: table; }
  #wrap #content .also-news .item br { display: none; }
  #wrap #content .also-news .item .featured-video-container { float: left; margin-left: 0; margin-right: 20px; position: relative; }
  #wrap #content .also-news .item .featured-video-container .featured-video-box { width: 110px; height: 110px; }
  #wrap #content .also-news .item .featured-video-container .featured-video-box:after { content: ''; display: block; background: url(/wp-content/themes/zoa/images/play-grey.png); position: absolute; bottom: 0; left: 0; width: 65px; height: 35px; }
  #wrap #content .also-news .item .featured-video-container .featured-video-box .thumb { border-radius: 0 0 0 7px; }
  #wrap #content .also-news .item .text-adjustable { display: block; margin-bottom: 0; }
  #wrap #content .also-news .item .text-adjustable.date { margin-top: 5px; }
  #wrap #content .also-news .item .thumb { float: left; padding-right: 20px; }
  #wrap #content .also-news .item:last-of-type { background: none; }
  #wrap #content .also-news.featured-video-section { border: 1px solid #D9D9D9; width: auto; margin-left: 2%; margin-right: 2%; }
  #wrap #content .also-news.featured-video-section .text-adjustable:not(h1) { display: block; margin-top: 0; margin-left: 0; padding-top: 0; }
  #wrap #content .also-news.featured-video-section .text-adjustable.date { margin-top: 5px; padding-top: 0; }
  #wrap #content h1.red-line { width: 100%; clear: both; }
  #wrap #content .featured-video { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 20px; }
  #wrap #content .featured-video .addthis_toolbox, #wrap #content .featured-video .follow-zoa-header { display: none; }
  #wrap #content .featured-video-label { left: 10px; top: 12px; }
  #wrap #content .videos .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
  #wrap #content .videos table { margin-right: 0; border-left: 0; border-right: 0; }
  #wrap div[id^='div-gpt'], #wrap div[id*=' div-gpt'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; padding: 0 10px; text-align: center; clear: both; overflow: hidden; }
  #wrap div[id^='div-gpt']::after, #wrap div[id*=' div-gpt']::after { clear: both; content: ""; display: table; }
  #wrap #div-gpt-ad-1363132262693-0 { display: none; }
  #wrap #div-gpt-ad-1358967255758-0 { display: block; }
  #wrap #sidebar { display: none; float: none; width: 100%; /*  TURN OFF SIDEBAR UNWANTED BLOCKS */ }
  #wrap #sidebar .ad-300-250, #wrap #sidebar .ad-300-300 { margin: 15px 0; padding: 8px 0 30px 0; border-bottom: 1px solid #d9d9d9; }
  #wrap #sidebar .live-news-feed, #wrap #sidebar .subscribe, #wrap #sidebar .rss, #wrap #sidebar .action-alerts, #wrap #sidebar .special-reports, #wrap #sidebar .zoa-in-the-news, #wrap #sidebar > iframe, #wrap #sidebar .most-popular { display: none; }
  #wrap .breadcrumbs { margin: 0 10px 20px; }
  #wrap .featured-blogs, #wrap .author-details, #wrap .article { padding: 0 10px; width: 100%; }
  #wrap .featured-blogs table { width: 100%; }
  #wrap .featured-blogs table td { display: none; }
  #wrap .featured-blogs table .text-adjustable { display: block; width: 100%; padding-bottom: 10px; background: url(/wp-content/themes/zoa/images/divider.gif) left bottom repeat-x; }
  #wrap .featured-blogs table .text-adjustable::after { clear: both; content: ""; display: table; }
  #wrap .featured-blogs table .text-adjustable br { display: none; }
  #wrap .article { overflow: hidden; }
  #wrap .article iframe { margin: 0 !important; padding: 0 !important; width: 100% !important; }
  #wrap .article p { text-indent: 0; }
  #wrap .article .text-adjustable center a img { width: 100% !important; display: block; }
  #wrap .article .text-adjustable div { width: 100% !important; margin-bottom: 20px; }
  #wrap .article .follow-zoa-header, #wrap .article .addthis_toolbox, #wrap .article .share, #wrap .article .follow-zoa-line, #wrap .article .follow-zoa-header { float: none; }
  #wrap .article .thumbnail { width: 100% !important; float: none; }
  #wrap .article .thumbnail img { display: block; width: 100% !important; height: auto; }
  #wrap .article .yarpp-related > br { display: none; }
  #wrap .wp-pagenavi { margin-top: 10px; text-align: center; width: 100%; float: none; }
  #wrap .wp-pagenavi .pages { display: block; text-align: center; margin-bottom: 10px; }
  #wrap .wp-pagenavi .extend, #wrap .wp-pagenavi .page { display: inline-block; height: 24px; margin-bottom: 5px; }
  #wrap .wp-pagenavi .last { display: inline-block; text-align: center; height: 24px; }
  #wrap .gsc-search-box table td, #wrap .gsc-resultsbox-visible table td, #wrap .gsc-above-wrapper-area table td { display: table-cell; }
  #wrap .gsc-search-box .gsc-input.input-30, #wrap .gsc-resultsbox-visible .gsc-input.input-30, #wrap .gsc-above-wrapper-area .gsc-input.input-30 { display: inline-block; width: 40%; }
  #wrap .featured-blogs #___gcse_1 { width: auto; float: none; }
  #wrap .featured-blogs .gsc-control-cse { padding: 0; } }

#nav-bar .mobile-nav-button { display: none; }

@media screen and (max-width: 985px) { #nav-bar .mobile-nav-button { background-color: #d31515; color: #fff; display: inline-block; padding: 3px 10px; top: 5px; z-index: 2; }
  #nav-bar .mobile-nav-button:hover { background-color: #253e64; color: #fff; }
  .featured .item [src*="arrow"] { display: none; }
  .wp-post-image-mobile { display: block; float: left; padding-right: 20px; width: 100px; }
  .sidebar-mobile { display: block; }
  #wrap .sidebar-mobile #sidebar { display: block; float: none; margin: 0; width: auto; }
  .sidebar-mobile-tabs .ad-300-250, .sidebar-mobile-tabs .ad-300-300, .sidebar-mobile-tabs .subscribe, .sidebar-mobile-tabs .rss, .sidebar-mobile-tabs iframe, .sidebar-mobile-tabs .most-popular { display: none !important; }
  .sidebar-mobile-tabs .live-news-feed, .sidebar-mobile-tabs .action-alerts, .sidebar-mobile-tabs .special-reports, .sidebar-mobile-tabs .zoa-in-the-news { border: 1px solid #D9D9D9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; margin-left: 2%; margin-right: 2%; }
  .sidebar-mobile-tabs .live-news-feed > a, .sidebar-mobile-tabs .action-alerts > a, .sidebar-mobile-tabs .special-reports > a, .sidebar-mobile-tabs .zoa-in-the-news > a { display: block; position: relative; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%, #eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ border-bottom: 3px solid #253E64; height: 49px; margin-bottom: 0px; padding: 10px 10px 6px 10px; text-decoration: none; }
  .sidebar-mobile-tabs .live-news-feed > a:before, .sidebar-mobile-tabs .action-alerts > a:before, .sidebar-mobile-tabs .special-reports > a:before, .sidebar-mobile-tabs .zoa-in-the-news > a:before { color: #253E64; content: ''; font: 24px BebasNeue; position: absolute; top: 0px; left: 10px; line-height: 2.1666; text-transform: uppercase; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.15); text-decoration: none; }
  .sidebar-mobile-tabs .live-news-feed > a:before { content: 'Live News Feed'; }
  .sidebar-mobile-tabs .action-alerts > a:before { content: 'Action Alerts'; }
  .sidebar-mobile-tabs .special-reports > a:before { content: 'Special Reports'; }
  .sidebar-mobile-tabs .zoa-in-the-news > a:before { content: 'ZOA in the News'; }
  .sidebar-mobile-tabs .live-news-feed > a > img, .sidebar-mobile-tabs .action-alerts > a > img, .sidebar-mobile-tabs .special-reports > a > img, .sidebar-mobile-tabs .zoa-in-the-news > a > img { display: none; }
  .sidebar-mobile-tabs [src*="divider"] { display: none; }
  .sidebar-mobile-tabs .item { width: 100%; background: url(/wp-content/themes/zoa/images/divider.gif) left bottom repeat-x; }
  .sidebar-mobile-tabs .item:last-of-type { background: none; }
  .sidebar-mobile-form { margin-top: 20px; }
  .sidebar-mobile-form .ad-300-250, .sidebar-mobile-form .ad-300-300, .sidebar-mobile-form .rss, .sidebar-mobile-form iframe, .sidebar-mobile-form .most-popular, .sidebar-mobile-form .live-news-feed, .sidebar-mobile-form .action-alerts, .sidebar-mobile-form .special-reports, .sidebar-mobile-form .zoa-in-the-news { display: none !important; }
  .sidebar-mobile-form .subscribe { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; margin-left: 2%; margin-right: 2%; padding: 20px; width: auto; }
  .sidebar-mobile-form .subscribe .gform_wrapper h3 { margin-top: 0; }
  .sidebar-mobile-form + br { height: 0; margin: 0; overflow: hidden; padding: 0; line-height: .01; visibility: hidden; }
  .sidebar-mobile-form + br + #footer-nav { border-top: none; margin-top: 0; } }
@media screen and (max-width: 460px) { #logo-bar { background-image: none; background-color: #e9e9e9; border-bottom: 1px solid #fff; height: auto; }
  #logo-bar img { padding-top: 10px; }
  #logo-bar .under-logo { padding-bottom: 10px; } }