/*
Theme Name: ELR 2025 for Radiopress
Author: Sarah Gray
Author URI: http://www.hollowtreebusiness.com/
Description: Theme created specifically for ELR using Blank Slate theme as its base (http://wordpress.org/themes/blankslate) and to make use of the Radiopress API.
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: flexible-width, custom-menu, featured-images
*/
/* Initial layout as standard and sizing for smaller devices */
@import "sjuk_theme_std/css/style_base.css";
/* Customisations go below here - in specific section */

/* @font-face {
   font-family: 'Open Sans Light';
   font-style: normal;
   font-weight: 300;
   src:url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
} */
/* Open Sans - 300 - light, 400 - normal, 600 - semibold, 700 - bold */
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
/* Defaults for HTML tags */

/* Device support */

/* HTML tag settings for this site */
body { font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; /* light */ }
a, a:link, a:visited { text-decoration: none; }
h1 { margin: 0% 0% 2% 0%; padding: 1% 3% 1% 3%; font-weight: bold; /* 700 */ }
/* h2 a:link, h2 a:visited { text-decoration: none; }
h2 a:hover { text-decoration: underline; } */
h2 { margin: 0% 0% 2% 0%; padding: 1% 0% 1% 0%; font-weight: 600; /* semibold */ }
h3 { margin: 0% 0% 2% 0%; padding: 1% 0% 1% 0%; }
.rp-mc h2, h2.rp-item, h2.rp-livenow { padding: 1% 0% 1% 0%; }
h2.rp-livenow a:link { text-decoration: none; }
#mainsidebar h2 { padding: 3% 0% 3% 0%; }
h3, h3 a:link, h3 a:visited { font-weight: 600; /* semibold */ text-decoration: none; }
audio, video { display: block; width: 100%; }

/* Alignment */

/* Input */

/* Large or small screens only */

/* RD menu */
ul.rdmenu-h-80 { }
/* .rdmenu-listen-live { } */ /* Leave to max out on mobiles */

/* Icons menu */

/* SliderJS */

/* Site definitions */
#wrapper { padding-top: 0%; padding-bottom: 0%; }
#header-banner { float: left; display: block; width: 100%; margin: 0% 0% 0.2% 0%; }
#head-banner { display: none; }
#rp-show-playing { width: 100%; }
.rp-show-playing-text { position: absolute; top: 75%; left: 10%; right: 10%; margin-left: auto; margin-right: auto; font-size: 120%; text-align: center; }
.rp_now_banner img, .rp_next_banner img { opacity: 0.3; }
.rp_now_banner .rp-show-playing-text a, .rp_next_banner .rp-show-playing-text a { text-decoration: none; }
/* .listen-live-menu-item a, .listen-live-menu-item a:visited, .listen-live-menu-item a:hover { background-color: #ff0000; color: #ffffff; } */
#siteheader-popout #rp-head-banner-logo { display: block; float: left; width: 98%; margin: 0% 2% 0% 0%; }
#maincontent { width: 100%; padding-bottom: 2%; }

#maincontent-popout { width: 100%; margin: 0% 0.2% 0% 0.2%; border: 0px; }
.live-popout-item { width: 98%; float: left; display: block; margin: 2% 0% 2% 0%; padding: 1% 1% 1% 1%; text-align: left; }
#maincontent-popout #popout-live-player { display: block; float: left; width: 100%; margin: 2% 0% 0% 0%; }
#maincontent-popout #rp-show-playing { display: block; width: 100%; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; }
body.listenlive_popout { min-width: 200px; width: 400px; } /* Override main min-width set by sjuk_maint.css for popout window. */
#maincontent-popout .rp-show-playing-text { position: absolute; top: 65%; left: 10%; right: 10%; margin-left: auto; margin-right: auto; font-size: 120%; text-align: center; }

#mainnavbar { display: none; }
/* New added to theme standard for new multi-level mobile menu and search */
#dropmainnavbar { display: block; float: left; width: 100%; overflow: hidden; }
#dropmainnavbar ul li { margin-left: 1%; margin-right: 1%; width: 98%; }
#dropmainnavbar ul ul li { margin-left: 2%; width: 96%; }
#dropmainnavbar li:not(li) { padding: 1% 1% 1% 1% ; }
#dropmainnavbar li:hover { text-decoration: none; }
#dropmainnavbar a { display: block; padding: 1.5% 0.5% 1.5% 0.5%; text-decoration: none; }
#dropnavbarsearch { display: block; float: left; width: 100%; }
#dropnavbarsearch .searchform { display: block; }
#dropnavbarsearch .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; }
/* -------------------------------------------------------- */

.rp-on-air-now { padding: 1% 1% 1% 1%; line-height: 1.2; }
.rp-on-air-now h2 { margin: 1% 0% 1% 0%; font-weight: 600; /* semibold */ }
.rp-on-air-now a { text-decoration: none; }
.rp-on-air-now .rp-oan-row { overflow: hidden; margin: 1% 0% 1% 0%; }
.rp-on-air-now .rp-oan-row-left70 { float: left; width: 70%; }
.rp-on-air-now .rp-oan-row-right30 { float: right; width: 30%; }

.home-block-full, .home-block-left, .home-block-right { width: 100%; display: block; float: left; }
.home-announce, .show-announce { width: calc(98% - 2px); display: block; float: left; padding: 1% 1% 1% 1%; }
.show-announce { margin: 0% 0% 1% 0%; }
.rp_group { margin: 0% 0% 2% 0%; }
/* #rp_live_wrapper { display: block; }
#rp_live_wrappper input { display: inline; }
#rp_live_player { display: inline; margin: 0% 2% 0% 2%; } */

#rp-listenlive-banner-logo { display: block; float: left; margin: 2% 10% 5% 10%; }
.as_h2 { margin: 0% 0% 2% 0%; padding: 1% 0% 1% 0%; font-size: 120%; font-weight: 600; /* semibold */ }
.as_h3 { margin: 0% 0% 2% 0%; padding: 1% 0% 1% 0%; font-size: 110%; font-weight: 600; /* semibold */ }

.inline-search-textbox { width: 90%; float: left; }
.inline-search-button { width: 10%; float: right; }

.listings_with_logos li { display: block; width: 100%; overflow: hidden; line-height: 1.5; margin: 0% 0% 5% 0%; }
.listings_with_logos img { max-width: 100%; width: 100%; float: left; margin: 0% 0% 2% 0%; }
.listings_with_logos p { margin: 0%; text-align: left; }
.listings_with_logos li p .lwl_title { font-weight: 600; /* semibold */ }

/* Posts and comments */
article img.aligncenter { clear: both; display: block; margin: 0px auto; } /* Added for WP article compatability */

/* Search form on the sidebar customisation */

/* ---------- ELR specific ------------- */

#wrapper { padding: 2% 0% 2% 0%; }
#maincontent, #maincontent p, #maincontent li { line-height: 1.6; }

#rp-head-banner-logo { text-align: center; padding: 4% 0% 0% 0%; }
.home p.sow-headline, .home-announce { text-align: justify !important; }

.mainsidebar-item.donate-paypal, .mainsidebar-item.twitter-feed { border: 1px solid; }
.live-popout-item.donate-paypal { width: 97.5%; border: 1px solid; }

.footer-item { padding: 2% 1% 2% 1%; }
.footer-ml-text h3 { font-size: 140%; }
.footer-ml-text p { font-size: 120%; text-align: justify; }
.donate-paypal, .footer-le-logo, .footer-nl-logo, .footer-eetg-logo { text-align: center; }
.donate-paypal h3 { text-align: center; }
.donate-paypal p { text-align: center; }
.donate-paypal form { padding-top: 2%; }
.donate-paypal img { display: block; margin: 0 auto; }
.footer-le-logo img { width: 70%; }
.footer-nl-logo img { width: 70%; }
.footer-eetg-logo img { width: 50%; }
.mainsidebar-item.donate-paypal { padding: 3% 3% 3% 3%; }
.footer-elr-logo { text-align: center; }
.lower-footer-row { margin: 0%; padding: 0% 1% 3% 1%; }
.lower-footer-row p { margin: 0.5% 0% 0.5% 0%; }
.footer-credits { font-size: 70%; }

.rp_info_summary { display: block; float: left; width: 100%; margin: 2% 0% 2% 0%; }
.rp_info_summary_inline { display: block; float: left; width: 100%; }
.rp_info_summary p, .rp_info_summary_inline p { margin: 0%; line-height: 1.4 !important; }

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

.wpcf7-form textarea { width: auto; }

/* Added for new header - 29/11/2022 */
/* Following size and position courtesy of https://www.webfx.com/blog/web-design/responsive-background-image/ */
/* Have moved all background clauses to styling for header-banner HTML in header.php so can parameterize for correct URL. */
/* #header-banner { background-size: cover; background-position: center center; } */
#rp-head-banner-strap { text-align: center; }