body {margin:0px;min-width:325px;background-color: #f9f9f9;}
.login { padding: 15px; }
.btn-sm { float: right; display: ruby; width: fit-content;margin-right: 15px; }
.left.item-image {margin-left: -10px;width: 105%;}
.com-content-article__body p {padding: 15px;}
div.page-header h1 {font-size: 24px;}
#system-message-container:has(joomla-alert) { margin-top: 0px;}
#system-message-container joomla-alert {border-radius: 0px !important;}
main { margin: 0px !important;} 
.icons {position: absolute; right: 10px;}
.logo {max-width: 450px !important; height: auto; margin: AUTO;background: transparent;} 
.logoDiv {width: 189px;overflow: hidden;height: 40px;border-radius: 37px;background:#000000;}
.mod-whosonline {line-height: 17px;}
.showSignInDiv {display: block !important; position: fixed; left: 0; right: 0;border-radius: 10px ! IMPORTANT;z-index:1;} 
#toggleSignIn {
text-align: center;
    float: right;
    position: relative;
    cursor: pointer;
      background: transparent;
    border-radius: 8px;
    border: none;
}
#toggleSignIn:active {background: #eaedf0;}
.member-login{ width: 351px; padding: 16px; margin: auto; margin-top: 50px; border-radius: 11px; background: #000;display:none;color:#ffffff;box-shadow: 0px 1px 3px 0px #000000;}
.mod-login__options li a {color:#ffffff;text-decoration:none;}
.registration, .remind, .reset {padding: 15px;}
.registration, .remind, .reset, legend {font-size: 17px;margin-bottom: 10px ! IMPORTANT;}
.plg_system_webauthn_login_button { border-radius: 30px; }
body.layout-blog .blog {padding: 10px;}
body.layout-blog .page-header h2 {font-size: 19px;}
body.layout-blog .page-header h2 a {text-decoration: none;}
.article-info-term dt { display: none;}
.readmore a {border:0px;padding: 4px;background: none !important;}
.blog-items {border-bottom: 1px solid #eaedf0;}
a { position: relative;text-decoration:none;}

.card {border: 0px !important;border-radius:0px;}
.trending-header {padding: 0px;position: absolute;background: transparent;margin: 0px;}
div.trending-header .card-body {padding: 0px;}
.trending {padding: 10px;color: #fff;width: fit-content;background-color:#d91e15;font-size: 27px;border-radius: 5px;}
div.trending-ft .newsflash-image {margin-bottom: 5px;}
.trending-ft {margin-top:0px;}
div.trending-ft .mod-articlesnews__item {border-bottom: 1px solid #eaedf0;margin-bottom: 5px;}
div.trending-ft .card-header {font-size: 20px;border: 0px;background: transparent;}
div.trending-ft .newsflash-title {font-size: 15px;}
div.trending-ft .newsflash-title a {color: #1e2329;text-decoration:none;}
div.trending-ft .newsflash-title a:hover {text-decoration:underline;}
div.trending-ft .newsflash {padding: 10px;border-radius: 10px;border: 1px solid #eaedf0;}
div.trending-ft p { line-height: 18px;font-size: 13px;margin: 0;}

.mod-menu__toggle-sub { float: right; }
#mod-menu1 {position: absolute;right: 20px;top: 0px;z-index:2;}
#mod-menu1 li {padding: 0px;}
ul#mod-menu1 .mod-menu__sub {margin-top: 31px;margin-right: -67px;width: 200px;font-size: 16px;background: #1e2329;padding: 0px;border-radius: 5px;overflow: hidden;}
ul#mod-menu1 .mod-menu__sub li {border-bottom: 1px solid #474d57;}
ul#mod-menu1 .mod-menu__sub li a:hover {background:#000000;}
#mod-menu1 li a {width: -webkit-fill-available;display: inline-block;padding: 10px 10px;color: #ffffff;text-decoration: none !important;}
#mod-menu1 li.active>a {font-weight: bold;}
#mod-menu1 li.hover>a {text-decoration: underline !important;}

.online {padding: 0px;border-bottom: 1px solid #eaedf0 !important;}
div.online .card-body {padding: 5px 7px 1px 15px;}

.container-sidebar-right{ width: 320px !important;z-index: 2;height: 100%;right: -320px;top: 0;float: right;background: #fff;position: fixed;transition: all 0.3s ease;}

.login-greeting {font-size: 20px;font-weight: bold;}
div.logout-button .btn{background: #1e2329;border-radius: 25px;width: -webkit-fill-available;}
#login-form-16 {width: 96%;margin: auto;}
div.Mlogin .card-body { padding-bottom: 0px; }
.main-bottom {display:inline-block;border: 0px;width: -webkit-fill-available;margin-top: 0px;}
.showTrending {right:0 !important;transition: all 0.3s ease;}
.Activeonline {
padding: 3px 9px 7px 9px;margin: 10px;border-radius: 15px;display: inline-block;}

.contact {padding: 15px;}
.contact h2 {font-size: 22px;display:none;visibility:hidden;}
div.contact legend {font-size: 17px;}
textarea.form-control {max-height: 97px;}

#main-sidebar {height: 100%;}
#sbContainer {display: block;width: 100%;float: left;padding-bottom: 5px;border-bottom: 1px solid #000;}

.container-component {max-width: 450px !important;position: relative;background: #fff;border: 1px solid #eaedf0;border-radius: 10px;margin: auto;padding-bottom: 10px;display: inline-block;overflow: hidden;margin-bottom: 28px;}

#main-nav {padding: 5px;float: left;width: 100%;}
#Mnav {font-weight: 700;padding: 5px 5px;display: inline;background: #e3e4e5;border-radius: 31px;float: left;width: stretch;margin: 1px 0px;}
#navTitle {position: absolute;text-align: center;margin: 7px 0px;width: 92%;} 
#menubar {margin-top: 9px;padding: 6px 5px;display: flow-root;}

#navAdsbar {font-size: 12px;float: left;color:#000;width: -webkit-fill-available;overflow: hidden;}
#refreshAdBtn {border-radius: 40px;font-size: 20px;padding: 1px;text-align: center;color:#000000;width: 39px;background: transparent;border: none;float: left;}
#navAds {float:left;height:32px;}
#adtab {font-size: 4px;padding: 10px 10px;text-decoration: none;float:left;display: inline;letter-spacing: 2px;margin-top: 5px !important;}
#adtext {float:left;font-weight: bold;padding: 8px 10px;}

#footer-p {text-align:center;margin-top: 10px ! IMPORTANT;font-size:12px;}
#rms {font-size:12px;}

#appdwnld {letter-spacing: 5px;width: 100%;float: left;margin: 14px 5px;text-align: center;}
#appdwnld a {font-size:13px;}
.banneritem {transition: 0.4s;}
.banneritem img {width: 100%;border-radius: 0px;}

.switch {
float: right;
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
margin-top: 5px;
    }
.btn.jmodedit {border: 0px !important;}


.switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
.slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: 0.4s;
        border-radius: 34px;
    }
    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }
    input:checked + .slider {
        background-color:#7b4adf;
    }
 input:checked + .slider:before {
        transform: translateX(26px);
    }
.site-grid {
    display: contents;
    margin: auto;
}

.item-page {padding: 10px;}
body.itemid-101 .item-page {padding:0px !important;}
.article-info dd {margin: 0px;font-size: 12px;}
.btn-primary {border-radius: 25px;}
.notification:before {
    content: " ";
    position: ABSOLUTE;
    border-radius: 8px;
    background: #2add2a;
    width: 12px;
    height: 12px;
      margin: -9px 45px;
}

/* phone - tablet css */
@media (max-width: 710px) {

body {overflow:none;margin:25px 0px 20px 0px;}
.container-component {padding: 0px;width: 100% ! IMPORTANT;min-width:299px;max-width: fit-content !important;background: #fff;margin-bottom: 0px;}
#menubar{position: fixed;width: 92%;z-index: 5;bottom: 55px;}
#Mnav {font-size: 16px;position: relative; z-index: 7;}
.showTrending {width:100% !important;}
#rms {margin: 75px 0px -10px 0px;display: block;font-size: 10px;}
.logo { margin: initial;float:left;width:auto;} 

}