/* Native controls and wrapping inline blocks also work without CSS grid. */
#iq-episode-nav { padding: 14px 0; color: #f3f3f3; width: 100%; box-sizing: border-box; }
#iq-episode-nav .Title { font-size: 18px; font-weight: bold; margin-bottom: 12px; }
#iq-episode-nav .iq-episode-field { margin: 0 0 12px; }
#iq-episode-nav label { display: block; margin: 0 0 5px; font-size: 13px; line-height: 20px; color: #ddd; }
#iq-episode-nav select { display: block; width: 100%; height: 44px; padding: 7px 10px; background: #25272d; color: #fff; border: 1px solid #62646d; border-radius: 4px; font-size: 15px; box-sizing: border-box; }
#iq-episode-nav option { background: #25272d; color: #fff; }
#iq-episode-nav .iq-episode-search-row { width: 100%; }
#iq-episode-nav .iq-episode-search-row:after { content: ""; display: table; clear: both; }
#iq-episode-nav #searchBox { display: block; float: left; width: 68%; height: 44px; padding: 7px 9px; border: 1px solid #62646d; border-radius: 4px 0 0 4px; background: #191b20; color: #fff; font-size: 14px; box-sizing: border-box; }
#iq-episode-nav button { display: block; float: left; width: 32%; height: 44px; padding: 7px 3px; color: #fff; background: #167d35; border: 1px solid #27984a; border-radius: 0 4px 4px 0; font-size: 14px; cursor: pointer; box-sizing: border-box; vertical-align: top; }
#iq-episode-nav h3 { margin: 14px 0 4px; font-size: 18px; line-height: 26px; }
#iq-episode-nav #iq-episode-status { margin: 4px 0 8px; min-height: 20px; font-size: 13px; line-height: 20px; color: #c9ccd2; }
#iq-episode-nav #iq-episode-fallback { margin: 8px 0; padding: 8px; text-decoration: underline; color: #8deba7; }
#iq-episode-nav .iq-episode-items { margin: 0 -3px; padding: 0; list-style: none; width: auto; font-size: 0; }
#iq-episode-nav .iq-episode-items > li { display: inline-block; padding: 3px; vertical-align: top; max-width: 100%; box-sizing: border-box; }
#iq-episode-nav .iq-episode-items > li > a { display: block; min-width: 44px; min-height: 42px; line-height: 30px; padding: 6px 8px; background: #303137; color: #fff; border-radius: 3px; font-size: 14px; font-weight: bold; text-align: center; text-transform: none; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; box-sizing: border-box; }
#iq-episode-nav .iq-episode-items > li > a.active { background: #16a845; color: #fff; }
#iq-episode-nav a:focus, #iq-episode-nav button:focus, #iq-episode-nav select:focus, #iq-episode-nav input:focus { outline: 3px solid #ffd65a; outline-offset: 2px; }
#iq-episode-nav .iq-episode-items > li > a:hover { background: #147c34; }
@media (max-width: 480px) { #iq-episode-nav select { font-size: 16px; } #iq-episode-nav .iq-episode-items > li > a { min-width: 43px; } }
@media (min-width: 1600px) { #iq-episode-nav .iq-episode-items > li > a { min-width: 48px; font-size: 15px; } }