/*Custom CSS

============ */

@import url(//fonts.googleapis.com/earlyaccess/droidarabickufi.css);

@import url(//fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@700&family=Montserrat&display=swap');

#home-version-2 #title  { background-image: url('../../img/title-background-home-version-2-small-en.jpg') }

#blog-version-1 #title  { background-image: url('../../../img/title-background-blog-version-1-small-en.jpg') }

#blog-version-2 #title  { background-image: url('../../img/title-background-blog-version-2-small-en.jpg') }

#blog-detail #title     { background-image: url(../'../img/title-background-blog-detail-small-en.jpg') }

#gallery-page #title    { background-image: url('../../img/title-background-gallery-page-small-en.jpg') }



@media(min-width: 769px) {

        #home-version-2 #title  { background-image: url('../../img/title-background-home-version-2-medium-en.jpg') }

        #blog-version-1 #title  { background-image: url('../../img/title-background-blog-version-1-medium-en.jpg') }

        #blog-version-2 #title  { background-image: url('../../img/title-background-blog-version-2-medium-en.jpg') }

        #blog-detail #title     { background-image: url('../../img/title-background-blog-detail-medium-en.jpg') }

        #gallery-page #title    { background-image: url('../../img/title-background-gallery-page-medium-en.jpg') }

}



@media(min-width: 1367px) {

        #home-version-2 #title  { background-image: url('../../img/title-background-home-version-2-large-en.jpg') }

        #blog-version-1 #title  { background-image: url('../../img/title-background-blog-version-1-large-en.jpg') }

        #blog-version-2 #title  { background-image: url('../../img/title-background-blog-version-2-large-en.jpg') }

        #blog-detail #title     { background-image: url('../../img/title-background-blog-detail-large-en.jpg') }

        #gallery-page #title    { background-image: url('../../img/title-background-gallery-page-large-en.jpg') }

}



#title {

    height: 200px;

}

.widget header h4 {

color: #ffffff;

    background-color: #0d0d0e;

    width: 100%;

    font-size: 12px;

    font-family: 'Cairo', sans-serif;

}

.navbar a {

    font-size: 16px;

    font-family: 'Cairo', sans-serif;

}

.breaking-news {

    margin-bottom: 20px;

}

.breaking-news header h4 {
 background-color: #ff0000;
}

.widget {

margin-bottom: 20px;



}

button, select {

    float: right;

}

article {

    margin-bottom: 20px;

}

body {

   font-family: 'Cairo', sans-serif;

    font-size: 14px;

    color: #000000;

	text-align: left;

	direction: ltr;

}

h1, h2, h3, h4, h5, h6 {

    font-family: 'Cairo', sans-serif;

    font-weight: bold;

}



.breaking-event .content {

    background-color: #f4f4fc;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    padding: 0 10px;

}

.breaking-event {

    margin-bottom: 20px;

}

.breaking-event header {

    position: absolute;

    white-space: nowrap;

    height: 30px;

    overflow: hidden;

}

.breaking-event header h4 {

    background-color: #F80000;

    color: #fff;

    float: left;

    line-height: 30px;

    padding: 0 10px;

}



.breaking-event .content ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.breaking-event .content ul li {

    margin-right: 15px;

}

.breaking-event .content ul li a {

	font-family: 'Droid Arabic Naskh', serif;

    font-weight: bold;

    color: #000000;

}

.breaking-event .content {

    background-color: #f5cd13;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    padding: 0 10px;

}



.accordion .header {

    background: #f5cd13;

}

.tags li a {

    font-size: 16px;

    direction: ltr;

    /* text-decoration: blink; */

}

.article-large .icons {

    right: 0;

    left: auto;

}

.btn {

    font-family: 'Droid Arabic Naskh', serif;

    float: right;

}

.article-large .frame h4 {

  margin-top: 20px;

  line-height: 1.5;

}

.navbar-default {
    background-color: #0d0d0e;
    border-color: #ff0404;
}

#main-nav {

    z-index: 2;

    box-shadow: inset 0 1px 0 0 #656361, 0 0px 0px 0 rgb(0 0 0 / 16%);

}

.navbar-default .navbar-nav>li>a {

    color: #fff;

}

.nan {

    color: #ffffff;

    direction: ltr;

}

.navbar {

    position: relative;

    min-height: 10px;

    border-top: 3px solid #8f8e89;

    border-bottom: 3px solid #8f8e89;

    border-right: none;

    border-left: none;

}

@media (min-width: 992px){

#main-nav .navbar-nav>li>a {

    padding: 15px 15px;

}

}

@media (min-width: 992px) {

.navbar .navbar-nav>li.open>a, .navbar .navbar-nav>li.active>a, .navbar .navbar-nav>li>a:hover {

    border-color: #4e444f;

}



.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {

    color: #f0f0f8;

    background-color: #4e444f;

}

}

.carousel .carousel-caption h1, .carousel .carousel-caption h2, .carousel .carousel-caption h3, .carousel .carousel-caption h4, .carousel .carousel-caption h5, .carousel .carousel-caption h6 {

        background-color: rgb(0 0 0 / 85%);

}

.carousel .carousel-control span {

    background-color: #8a6d3b;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

    color: #b0b0b8;

}

.btn-primary, button, input[type="button"], input[type="reset"], input[type="submit"] {

    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary, button:hover, button:focus, button:active, button.active, .open>.dropdown-togglebutton, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="button"].active, .open>.dropdown-toggleinput[type="button"], input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="reset"].active, .open>.dropdown-toggleinput[type="reset"], input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="submit"].active, .open>.dropdown-toggleinput[type="submit"] {

    color: #fff;

    background-color: #cfb68a;

    border-color: #cfb68a;

}

.tags li a:hover, .pagination li a:hover {

    background-color: #cfb68a;

    color: #fff;

}

a {

    color: #8a6d3b;

}

a:hover {

    color: #cfb68a;

    text-decoration: none;

}   

  .breaking-news .content ul li a:hover {

    color: #cfb68a;

}  

.breaking-news header .triangle {

   border-color: #ff0000;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    float: right;

}

.icons .dashicons-format-link {

    background-color: #8a6d3b;

}

.image-light {

   display: none;

}

#content {

    border-bottom: 15px solid #e4e4ec;

    min-height: 480px;

    padding-top: 20px;

    position: relative;

    z-index: 1;

}    

@media (min-width: 992px){

.navbar .navbar-nav>li>a {

    border-right: none;

    border-left: none;

    margin-right: -1px;

}

}

.tags li a, .pagination li a, .tags li>span, .pagination li>span {

    background: #606068;

    color: #f4f4fc;

    display: block;

    font-size: 13px;

    line-height: 1;

    padding: 8px 10px;

}

.breaking-news .content ul li a {

    color: #000000;

}

.csstransforms .image-holder {

    position: relative;

    padding-bottom: 70%;

}



.csstransforms .image-holder img {

   width: 100%;

   height: 100%;

   position: absolute; 

}

.clnan   {

    color: #ffffff;

    background-color: #606068;

    padding-bottom: 10px;

    padding-top: 10px;

    padding-left: 15px;

    width: 100%;

    font-size: 18px;

    font-family: 'Cairo', sans-serif;

 }

.ulnan li {

font-family: times new roman, times;

    font-size: 16px;

    font-weight: bold;

}

@media (max-width: 512px){

.images .da-thumbs li {

    width: 100%;

}}

.images .da-thumbs li {

    padding: 0 10px 10px 0;

     width: 100%; 

}

.da-thumbs .image-caption {

    position: absolute;

    background: #606068;

    background: rgba(131 122 120 / 80%);

    width: 100%;

    height: 100%;

}

.article-large .featured-media, .article-large h4 {

    margin-bottom: 15px;

    margin-right: 15px;

    color: #ffffff;

}

.widget header h3 {
    color: #ffffff;
    background-color: #9ca519;
    width: 100%;
    font-size: 12px;
    font-family: 'Cairo', sans-serif;
}

.memnan {
    color: #ffffff;
    background-color: #313131;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    width: 100%;
    font-size: 18px;
    font-family: 'Cairo', sans-serif;
}
#footer-bottom {
    background-color: #000000;
}
#footer-main {
    background-color: #ff0000;
    color: #8b8b92;
    position: relative;
    z-index: 1;
}