/*
Theme Name: RNN Radio Chatroom
Author: Renfrewshire News Network
Description: Fullscreen purple sidebar radio chat theme inspired by Johnstone Sound.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: rnn-radio-chatroom
*/
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#171717}.rnn-site,.js-room{height:100dvh;min-height:400px}.js-room{display:flex;overflow:hidden}.js-sidebar{width:288px;flex:0 0 288px;background:#7530ef;color:white;display:flex;flex-direction:column;justify-content:space-between;transition:width .2s,flex-basis .2s}.js-side-top{display:flex;align-items:center;justify-content:space-between;padding:13px 14px}.js-sidebar button{background:transparent;color:white;border:0;font-weight:700;cursor:pointer}.js-invite{font-size:13px}.js-toggle{font-size:24px}.js-side-bottom{background:#5e28c4;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:11px;text-align:center}.js-main{position:relative;min-width:0;flex:1;padding:8px;background:#fff;display:flex}.js-welcome{position:absolute;z-index:5;right:13px;top:5px;max-width:690px;width:calc(100% - 26px);min-height:90px;background:#6026bc;color:#fff;border-radius:15px;padding:30px 38px 20px 14px;box-shadow:0 5px 15px #0003;font-size:13px}.js-welcome[hidden]{display:none}.js-welcome button{position:absolute;right:6px;top:4px;border:1px solid #ffffff80;border-radius:50%;background:#ffffff25;color:white;cursor:pointer}.js-main .rnn-chat{width:100%;max-width:none;border:0;border-radius:0;display:flex;flex-direction:column;background:transparent}.js-main .rnn-chat-head{display:none}.js-main .rnn-chat-messages{height:auto!important;flex:1;min-height:0;background:#efefef;border-radius:20px;padding:110px 16px 20px;overflow-y:auto}.js-main .rnn-chat-placeholder{display:none}.js-main .rnn-chat-entry{background:#fff;border-radius:12px;padding:12px;max-width:800px;box-shadow:0 1px 3px #0001}.js-main .rnn-chat-entry strong{color:#6525d0}.js-main .rnn-chat-form{padding:8px 0 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.js-main .rnn-name{width:170px!important;flex:0 0 170px}.js-main .rnn-chat-compose{flex:1;min-width:220px}.js-main .rnn-chat-form input{border:1px solid #e8e8e8;border-radius:8px;background:#fff;padding:13px}.js-main .rnn-chat-compose button{background:#7130e7;border-radius:8px}.js-main .rnn-chat-status{flex-basis:100%;font-size:10px;color:#777}.js-collapsed .js-sidebar{width:48px;flex-basis:48px}.js-collapsed .js-invite,.js-collapsed .js-side-bottom{display:none}.js-collapsed .js-side-top{padding:10px}.js-missing{margin:auto}.admin-bar .rnn-site,.admin-bar .js-room{height:calc(100dvh - 32px)}@media(max-width:782px){.admin-bar .rnn-site,.admin-bar .js-room{height:calc(100dvh - 46px)}}@media(max-width:650px){.js-sidebar{width:48px;flex-basis:48px}.js-invite,.js-side-bottom{display:none}.js-side-top{padding:10px}.js-main{padding:5px}.js-welcome{font-size:12px;min-height:75px;padding:18px 28px 12px 12px}.js-main .rnn-chat-messages{padding-top:100px}.js-main .rnn-chat-form{gap:5px}.js-main .rnn-name{width:100%!important;flex:1 1 100%}.js-main .rnn-chat-compose{min-width:0;width:100%}}