body {margin:0px;min-width:325px;background-color: #f9f9f9;}
.container-header {display: none;}
.login { padding: 15px; }
.btn-sm { float: right; display: ruby; width: fit-content;margin-right: 15px;margin-top: 10px;}
div.content .fa-heart {font-size: 20px;}
.left.item-image {margin-left: -10px;width: 105%;}
.com-content-article__body p {padding: 10px;}
div.page-header h1 {font-size: 24px;}
body.view-article .page-header {position: absolute;z-index: -1;}
#system-message-container:has(joomla-alert) { margin-top: 0px;width: 100%;position: absolute; }
#system-message-container joomla-alert {border-radius: 0px !important;border: 0px;}
main { margin: 0px !important;} 
.icons {position: absolute; right: 10px;}
.float-end {background: #fff;padding: 5px;margin-top: 10px;border-radius: 7px;}
body.itemid-111 .item-page {padding-top: 0px ! IMPORTANT;}
.videos{position: absolute;width: 28%;z-index: 1;}
iframe {width:100%;border-radius: 10px;}
div.com-content-article__body iframe { position: relative; width: 110%; top: -10px; left: -19px;border-radius:0px;}
div.videos iframe {width: 100%;height: auto;min-height:200px;}
div.videos .card-body{padding: 0;overflow: hidden;background: #000000;border-radius: 10px;}
.card-header {background: transparent !important;}
.sidebar-left {background: none;margin-left: 5px;}

.com-finder__form {display:none;}
.com-finder {padding: 15px;border-bottom: 1px solid #ebe7e7;}
.result__item+.result__item {border-top: 1px solid #ede7e7;}
.result__title-link {color: #000 !important;font-weight: bold;}
.result__date {color: #1a1a83;}
mark, .mark {color: #1a1a83;background: none !important;}
.mod-finder__search.input-group .awesomplete input {border-radius: 30px 0px 0px 30px;}
.awesomplete {width: -webkit-fill-available;}
.mod-articlesnews__item {transition: all 0.4s ease;}
.mod-articles-category-date { float: left; font-size: 12px; width: 100%; } 
.mod-articlescategory li a{ font-weight: bold; color: #000; }
div.trending-ft .mod-articlescategory li {
    display: inline-block;
    width: -webkit-fill-available;
    border-bottom: 1px solid #f5f5f5;
}


.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;}
.sidebar-right.online {    
    padding: 0px;
    height: 45px;
    /*background: #eee;*/
    border: 1px solid #0f62a1 !important;
    font-size: 13px;
    margin: 20px 5px 5px 5px;
    border-radius: 25px !important;
    display: block;
}
div.online .card-body {float: left;padding: 12px 8px 5px 8px;}
div.online .card-header {
    overflow: hidden;
    width: 40px;
    display: flex;
    float: left;
    height: 40px;
    letter-spacing: 4px;
    font-size: 15px;
    border: none;
}
div.online .card-header:before {
    background: #000;
    color: #14b737;
    border: 1px solid #0b7f09;
    border-radius: 19px;
    float: left;
    width: 31px;
    height: 31px;
    margin-right: 5px;
    margin-top: -2px;
    margin-left: -9px;
    padding: 7px 5px 5px 5px;
}
.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;color: #1e2329;}
body.layout-blog .page-header h2 a:hover {text-decoration: underline;}
.article-info-term dt { display: none;}
.readmore {float: left;width: 100%;}
.readmore a {border:0px;padding: 4px;background: none !important;}
.blog-item {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:20px;}
div.trending-ft .mod-articlesnews__item {border-bottom: 1px solid #eaedf0;margin-bottom: 5px;padding-bottom: 5px;float:left;width:100%;}
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 .card-body {padding: 10px 10px;margin: 10px 8px;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;}


.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;}
div.profile .users-profile-custom-joomlatoken, .com-users-profile__params, .users-profile-custom-actionlogs {display:none !important;}
div.profile fieldset {display: inline-block;width: -webkit-fill-available;}

.contact, .profile, .profile-edit {padding: 15px;border-bottom: 1px solid #eaedf0;}
.contact h2 {font-size: 22px;display:none;visibility:hidden;}
div.contact legend {font-size: 17px;}
textarea.form-control {max-height: 97px;}
div.contact-form .btn { width: 96%; margin: auto; display: block; }
div.contact-form .form-control {font-size: 12px;}
.contact-position {width: 100% !important;float:left;display: ruby;font-size: 17px;}
.contact-position dd {display: inline-block;width: 100%;}
.contact-position dt {display:none;}
.com-contact__container {display: ruby;width:initial;margin: 0px;padding: 0px;}

#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;background: #e3e4e5;border-radius: 31px;float: left;width: -webkit-fill-available;margin: 1px 0px;}
#navTitle {position: absolute;text-align: center;margin: 7px 0px;width: 92%;} 
#menubar {margin-top: 9px;padding: 6px 5px;display: flow-root;position: relative;z-index: 2;}

#navAdsbar {font-size: 12px;float: left;color:#000;width: -webkit-fill-available;overflow: hidden;padding: 5px 14px;}
#refreshAdBtn {border-radius: 40px;font-size: 20px;padding: 1px;text-align: center;color:#000000;background: transparent;border: none;float: left;}
#navAds {float:left;height:32px;}
#adtab {font-size: 4px;padding: 13px 10px;text-decoration: none;float:left;display: inline;letter-spacing: 2px;margin-top: 5px !important;}
#adtext {float:left;font-weight: bold;padding: 10px 9px;background: none ! IMPORTANT;}
.AdTabs {border-radius: 21px;height:40px !important;width:40px;margin-right:2px;}
.AdTabs:hover {background: #eaedf0;}
.AdTabs:active {background: #d7d4d4 !important;}

#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;}
div.billboardAd .banneritem {transition: All 0.4s ease;max-height: 56%;overflow: hidden;}
div.billboardAd .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: 0px 10px 5px;border-bottom: 1px solid #eaedf0;display: inline-block;}
body.itemid-101 .item-page {padding:0px !important;}
.article-info dd {margin: 0px 2px;float: left;font-size: 12px;}
.modified{font-weight: 600;}

.btn-primary, .btn-danger {border-radius: 25px;}
.notification:before {
    content: " ";
    position: ABSOLUTE;
    border-radius: 8px;
    background: #2add2a;
    width: 12px;
    height: 12px;
      margin: -9px 45px;
}

joomla-tab>joomla-tab-element {border: 0px;}
.mb-2{padding: 0px 20px}
.item-pagecontactUs {padding-bottom: 10px;border-bottom: 1px solid #eaedf0;}

#jform_articletext {max-height: 200px;border-radius: 5px;border: 1px solid #ddd;}
joomla-tab[view=tabs]>div[role=tablist] {background: none;border: 0px;}
joomla-tab button[aria-expanded=true]:after, joomla-tab button[aria-selected=true]:after {background-color: #22262a;}



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

body {overflow:none;margin: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: 88%;z-index: 5;bottom: 55px;display: inline-block;}
#Mnav {font-size: 13px;position: relative; z-index: 7;width: 100%;float:left;}
#navTitle {margin: 9px 0px;}
#refreshAdBtn {font-size: 21px;}
#navAdsbar {font-size: 14px;}
#adtab {font-size: 5px;}
.switch {margin-top: 2px;}
.showTrending {width:100% !important;}
#rms {margin: 75px 0px -10px 0px;display: block;font-size: 10px;}
.logo { margin: initial;float:left;width:auto;} 
.videos{width: 97%;float: left;padding-bottom: 120px !important;}

}