/*
Theme Name:  MagOne Child
Theme URI:   http://sneeit.com/
Description: A child theme of MagOne
Author:      Tien Nguyen
Author URI:  http://portfolio.sneeit.com
Template:    magone
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  magone
*/

/* Import Cairo font for Arabic text */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

/* Apply Cairo font to Arabic site */
html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] span,
html[lang="ar"] div,
html[lang="ar"] input,
html[lang="ar"] button,
html[lang="ar"] textarea,
html[lang="ar"] .widget-title,
html[lang="ar"] .post-title,
html[lang="ar"] .item-title,
html[lang="ar"] .menu > li > a,
html[lang="ar"] .feed-widget-header,
html[lang="ar"] .post-body-inner {
    font-family: 'Cairo', sans-serif !important;
}

/* Apply Cairo font to RTL mode as fallback */
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] div,
html[dir="rtl"] input,
html[dir="rtl"] button,
html[dir="rtl"] textarea,
html[dir="rtl"] .widget-title,
html[dir="rtl"] .post-title,
html[dir="rtl"] .item-title,
html[dir="rtl"] .menu > li > a,
html[dir="rtl"] .feed-widget-header,
html[dir="rtl"] .post-body-inner {
    font-family: 'Cairo', sans-serif !important;
}

.head_banner{
    height: unset!important;
}

@font-face {
    font-family: Nyala;  
    src: url('Assets/Fonts/nyala.ttf') format('truetype');
    font-weight: normal;  
}
.post-outer {background:#ffffff;padding:10px;}
.liveradio {background:#dd3333; height:45px !important;margin-top:10px !important; margin-bottom:10px !important;}
.liveradio a:hover {background:#dd3333 !important}
.liveradio a {background:#dd3333 !important;color:#ffffff !important;font-size:14px !important;font-weight:bold !important;padding:5px !important}
.menu.pagelist.top-menu {display:block !important}
.feed.widget.complex .item-title {font-family:Nyala}
.feed.widget.blogging .item-title a {font-family:Nyala}
.main-menu > ul.menu > li > a {font-family:Nyala !important;font-size:16px !important;padding: 0 15px !important;}
.feed.widget.complex .item-0 .item-readmore {font-family:Nyala}
.widget[class*="widget_"] * {font-family:Nyala !important;font-size:16px !important}
.feed.widget.list .item-title {font-family:Nyala !important;}
.feed-widget-header .feed-widget-viewall {font-family:Nyala !important;}
h1.post-title {font-family:Nyala !important;}
.post-body-inner p {font-family:Nyala !important;}
.post-related-header h4 {font-family:Nyala !important;}
#header.header-layout-logo-mid .blog-title {background:#ffffff}

.head_banner{background:#298fba;height:100%;margin-bottom:5px;text-align:center;font-size:18px;color:#ffffff;margin-top:-22px;}

@media screen and (max-width: 800px) {
.head_banner img {width:100%;height:30px;padding-top:10px;}
}
.arabic .feed.widget.list .item-title {direction: rtl;}
.arabic .feed-widget-header .widget-title {float:right;}
.arabic .feed.widget.list .meta-item-date{direction: rtl;float:right}
.arabic .feed.widget.list .item-title a {font-size:18px;}
.arabictitle {direction: rtl;}
.post-meta-wrapper{float:right !important;}
.post-body .post-body-inner {padding-top:36px}
.dateright {float: right;margin-bottom: 20px;font-weight:500;}
.testarabic{background:#000000 !important}
#post-62.post-62.page.type-page.status-publish.hentry.post {direction:rtl !important;}
#Label7 .item-title a {float:right !important}
#Label7 .feed-widget-header .widget-title  {float:right !important}

hr#system-readmore{display:none !important}
.second .feed.widget.list .item-title a {font-size:18px;}
.fourth .feed.widget.list .item-title a {font-size:18px;}
.topstories .feed.widget.complex .item-title a {font-size:20px;}
.facebookpage {text-align:center;height:70px;width:300px;}
@media screen and (min-width: 700px) {
.facebookpage {text-align:center;height:70px;width:300px;margin-top:61px;}
}
.links .widget-title {direction:rtl !important}
.right {float:right !important}

.top-bar .menu > li > a {
    padding: 0 12px !important;
    white-space: nowrap;
    display: block;
    line-height: 40px;
    height: 40px;
}

.top-bar .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.top-bar .menu {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none; 
    scrollbar-width: none;
    height: 40px;
    align-items: center;
}

.top-bar .menu::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 768px) {
    .top-bar .menu > li > a {
        padding: 0 8px !important;
        font-size: 14px !important;
    }
    
    .top-bar .menu {
        justify-content: flex-start;
    }
}

.main-menu ul.menu > li > a .arrow {
    right: 0px!important;
    left: auto;
}

/* Fix for the blue banner text spacing */
.head_banner p {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.2;
    margin: 0;
}

/* Improve top menu alignment */
.top-bar {
    height: 40px;
    line-height: 40px;
}

.top-bar .container {
    height: 40px;
    align-items: center;
}