/*
Larger device changes as part of theme
For minimum 600px width. Not wrapped in media query so fires for IE ok.
Author: Sarah Gray
Author URI: http://www.sarahjaneuk.com/
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/
@import "sjuk_theme_std/css/style_large.css";
/* Customisations go below here - in specific section */

/* HTML tag changes for this site */
h1 { background-color: #7c0d5b; color: #ffffff; } /* Usually in _cols.css though colour difference for size! */
h1 { font-size: 160%; }
h2 { font-size: 140%; padding: 0%; }
h3 { font-size: 120%; }
h1 a:link, h1 a:visited { text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h1 a:link, h1 a:visited { color: #ffffff; } /* Usually in _cols.css though colour difference for size! */

/* Site definition changes */
#dropmainnavbar { display: none; }
#head-banner { display: block; float: left; width: 100%; }
#rp-head-banner-logo { display: block; float: left; width: 36%; margin: 3.5% 2% 3.5% 2%; }
#rp-head-banner-strap { display: block; float: right; width: 56%; margin: 3.5% 2% 3.5% 0%; }
#rp-show-playing { width: 100%; }
.rp-show-playing-text { font-size: 160%; }

#maincontent { width: 70%; margin: 0% 1% 0% 0%; }
/*
#mainnavbar { display: table; table-layout: fixed; padding: 0%; overflow: hidden; }
#mainnavbar ul { }
#mainnavbar ul li { display: table-cell; margin: 0%; }
#mainnavbar ul li a { display: block; text-decoration: none; color: #ffffff; white-space: nowrap; padding: 15px 15px 15px 15px; }  Usually in _cols.css though colour difference for size!
#mainnavbar ul li a:hover { background: #ffffff; color: #320065; } Usually in _cols.css though colour difference for size!
*/
/* New added to theme standard for new multi-level horizontal menu */
#mainnavbar { display: block; }
#mainnavbar { position: relative; font-size: 0; z-index: 9999; padding: 0; margin: 0; }
#mainnavbar { font-size: 100%; } /* Counters sjuk_theme _large CSS setting */
#mainnavbar ul { text-align: left; list-style: none; margin: 0; padding-left: 0; zoom: 1; }
#mainnavbar ul:before { content: ''; display: block; }
#mainnavbar ul:after { content: ''; display: table; clear: both; }
#mainnavbar ul li { display: inline-block; position: relative; margin-right: 1%; }
#mainnavbar ul li a { padding: 10px 17px; /* 20px 35px; */ }
#mainnavbar ul ul { display: none; position: absolute; top: 100%; left: 0; z-index: 99999; }
#mainnavbar ul ul a { width: 100px; /* 200px; */ padding: 8px 10px /* 15px 20px; */ }
#mainnavbar ul ul li { position: relative; text-align: left; }
#mainnavbar ul ul ul { left: 100%; top: 0; margin-left: 0; }
#mainnavbar ul li:hover > ul { display: block; }
/* #mainnavbar ul ul li:hover > a { border-left: 1px solid; border-right: 1px solid; }
#mainnavbar ul ul li:last-child:hover > a { border-bottom: 1px solid; }
#mainnavbar ul ul ul li:first-child:hover > a { border-left: 0px; } */
#mainnavbar a { display: block; text-decoration: none; }
#mainnavbar.sticky { top: 0; }
#mainnavbar.sticky:after { bottom: -6px; box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px inset; content: ""; height: 6px; position: absolute; width: 100%; }
#navbarsearch { position: absolute; top: 0; right: 0; height: 100%; z-index: 110; }
#navbarsearch #navbarsearchicon { box-sizing: border-box; position: relative; display: block; cursor: pointer; width: 59px; height: 100%; }
#navbarsearch #navbarsearchicon img { position: absolute; display: block; max-width: 17px; max-height: 17px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8.5px; }
#navbarsearch .searchform { display: none; position: absolute; top: 100%; right: 0; width: 1080px; z-index: 10; overflow-x: hidden; }
#navbarsearch .searchform input[name=s] { font-size: 17px; box-sizing: border-box; display: block; width: 100%; height: 42px; border: none; border-radius: 0px; outline: none; padding: 0 15px; }
@media screen and (min-width: 800px) {
    #mainnavbar ul li a { padding: 15px 8px; /* line-height: 1em; */ }
    #mainnavbar ul ul a { width: 150px; padding: 11px 8px; }
    .listings_with_logos li { margin: 0%; }
    .listings_with_logos img { max-width: 15%; margin: 0% 2% 0% 0%; }
    .rp_info_summary_inline { display: inline-block; float: left; max-width: 100%; width: 83%; }
}
@media screen and (min-width: 1024px) {
    #mainnavbar ul li a { padding: 20px 12px; /* line-height: 1em; */ }
    #mainnavbar ul ul a { width: 200px; padding: 15px 12px; }
}
/* -------------------------------------------------------- */
#wrapper { padding: 2% 2% 2% 2% }
#mainsidebar { width: 28%; }
/* #mainsidebar ul, #mainsidebar p { font-size: 85%; } */
.home-block-full { width: 98%; float: left; }
.home-block-left { width: 49%; float: left; }
.home-block-right { width: 49%; float: right; }
/* .home-announce { width: 96%; float: left; }
.show-announce { width: 98%; float: left; } */
.as_h2 { font-size: 140%; margin: 1% 0% 2% 0%; }
.as_h3 { font-size: 120%; margin: 1% 0% 1% 0%; }

.listings_with_logos img { width: inherit; }

.lower-footer-row { width: 100%; padding: 0; }
.footer-item { width: 19%; padding: 2% 3% 2% 3%; }
.footer-item img { padding-bottom: 8%; }
.footer-item a { font-size: 125%; text-decoration: none; }
.footer-item a:hover { text-decoration: underline; }

/* Input */

/* Large or small screens only */

/* RD menu */
ul.rdmenu-h-80 { max-width: 80%; }
/* .rdmenu-listen-live { max-width: 15%; display: inline-block; float: right; margin: 0.35% 1% 0% 0%; } */

/* Icons menu */

/* SliderJS */

/* Site definitions */

/* Posts and comments */

/* Search form on the sidebar customisation */

/* ---------- ELR specific ------------- */
#wrapper { padding: 0%; }
#rp-head-banner-logo { text-align: left; padding: 0; }

.rp-presenter-page .post-header img, .rp-show-page .post-header img { width: auto; }

.home p.sow-headline, .home-announce { text-align: left !important; }

.footer-row { width: 98%; padding: 1% 1% 1% 1%; margin: 0%; display: flex; align-items: center; justify-content: center; height: 100%; }
.footer-item { width: 16%; padding: 0% 2% 0% 2%; }
.footer-item-img-container { margin: 0 auto; text-align: center; }
.footer-ml-text h3 { font-size: inherit; }
.footer-ml-text p { font-size: inherit; text-align: left; }
.footer-item.donate-paypal { overflow: hidden; }
.footer-elr-logo img { width: 80%; }
.lower-footer-row { padding: 0% 1% 1% 1%; }