/*!
Theme Name: charityteam


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

charityteam is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 /* .page-path a {line-height: 1;} */
.single-page .share span{float: right;}
/* .page-path ol{overflow: hidden;text-align: center;}
.page-path li{display: inline-block;}
.page-path li:not(:last-child):after{content: '/';} */
.pagination{display: block;}
.pagination li{display: inline-block;}
.pagination a, .pagination span{color: #0f6f7f;    background: #f4f4f4;}
.pagination .active a, .pagination .active span{background: #0f6f7f;color: #fff;}
.pagination a:hover, .pagination span:hover{background: #0f6f7f;color: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{    background-color: transparent;color: #86d3d4 !important;}
.footer-links ul li{
  float: right;
  width: 50%;
  padding-left: 15px;
  list-style: none;
}
.main-nav .nav.navbar-nav li a.btn{color: #fff !important;}
.navbar-header{padding: 10px 0;}
.about-video img{max-width: 100%;    height: 300px;}
.navbar-header img{height: 80px;}
#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea{width: 100%!important;}
.footer-logo img{max-height: 125px;}
.view-page .share a{    width: inherit;
    height: inherit;}
    .newsletter {
        position: relative;
        z-index: 99;}
body.rtl{
  font-family: "DINNextLTArabic-Regular";
  direction: rtl;
}
body.rtl .btn, body.rtl .newsletter .number,
 body.rtl #footer .contact-info li .text h3, body.rtl #footer .about h3, body.rtl .main-slider .item .text h3, body.rtl .main-slider .item .text h2, body.rtl .what-box h3, body.rtl .project-box .meta, body.rtl .project-box h3, body.rtl .volunteer-box h3, body.rtl .news-box .date, body.rtl .news-box h3, body.rtl .home-section .section-title h3, body.rtl #we-are .text h3, body.rtl #status .status-box h3{
  font-family: "DINNextLTArabic-Regular";
  direction: rtl;

}
 #we-are .text{text-align: left;padding-left: 40px;}
 #we-are .text h3 , #we-are .text p{text-align: left;}
 #we-are .text p{display: block;}
.rtl .news-box p,.rtl .news-box h3,.rtl .news-box .date{text-align: right;}
.rtl #we-are .text{text-align: right;padding-right: 40px;}
.rtl #we-are .text h3 ,.rtl #we-are .text p{text-align: right;}
.rtl #we-are .text p{display: block;}
.rtl .main-slider .item .text,.rtl .main-slider .item .text *{text-align: right;}
.rtl #footer *{text-align: right;}
.rtl #footer .contact-info li .icon{margin-right: 0;margin-left: 10px;float: right;}
.rtl #footer .contact-info li .text{float: right;}
.rtl .newsletter .icon, .rtl .newsletter h6{float: right;margin-left: 10px;margin-right: 0;}
.rtl #footer .btn{text-align: center;}
.rtl .view-sidebar .mail-list .well p{text-align: center;}
 .rtl #top-nav .row{flex-direction: row-reverse;}
 .rtl #basicNav .navbar-nav{flex-direction: row-reverse;}
 .rtl .project-box .meta span{direction: rtl;}
 .rtl .main-slider .item .text .btn{text-align: center;}
 #top-nav .lang{margin-top: 5px;}
 #top-nav .lang li a{color: #fff;}
 #top-nav .current-lang{display: none;}
.rtl .view-page .main-title, .rtl .view-page .main-description p{text-align: right;}
.rtl .view-page .target span{direction:rtl;}
.rtl .newsletter .input-group{direction: rtl;}
.rtl .newsletter .input-group .form-control{margin-right: 0; margin-left: 15px;}
.rtl #footer .links li a{direction: rtl;}
.rtl #footer .links li a:before{    content: "\f104";margin-right: 0;margin-left: 9px;}
/* .rtl p, .rtl label, .rtl input, .rtl textarea, .rtl button, .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6, .rtl select, .rtl table, .rtl tr, .rtl td, .rtl .input-group {
    direction: rtl;
    text-align: right;
}
*/
/* .rtl.single-post .row{flex-direction: row-reverse;}  */
#footer  h3 {
    font-size: 27px;
    margin-bottom: 15px;
}

.main-slider .item {
    height: 750px;
    position:relative;
    background-image:none!important;
/*     background: rgb(0 0 0 / 50%)!important; */
}
#header #main-header .navbar-brand img { height: 55px; padding: 0; }

.bgl0 {
    background: #8a5464;
}
.xm-container { width: 100%; float: right; display: inline-block; overflow: hidden; height: 45px; position: relative } 
.marquee, *[class^="marquee"] { display: inline-block; white-space: nowrap; position: absolute } 
.marquee-content-items { display: inline-block; padding: 5px; margin: 0; height: 45px; position: relative } 
.marquee-content-items li { display: inline-block; line-height: 28px; color: #fff } 
.marquee-content-items li:after {/* background-image: url('assets/com.png');*/ background-size: 50px 18px; display: inline-block; width: 50px; height: 18px; content:""; margin:0 15px; vertical-align: middle; } 
#Intro { font-size:18px!important; top: 0; position: relative; z-index: 9; background-color: #fff; color: #9b51e0; height: 40px; width: 100% }  @media screen and (max-width:845px){ #Intro{ height:90px; }  } 
#Intro h3{ padding: 0px; margin: 7px 0px 0px; color: rgb(255, 255, 255); font-size: 20px; line-height: 22px; text-align: center; height: 33px; text-align: center; }
.marquee-content-items li:after {
    background-size: 100%;
    height: 30px;
    background-repeat: no-repeat;
}
.navbar-brand { padding: 0; margin: 0;}
#header #main-header .navbar-nav li a { padding: 25px 10px;}
#header #main-header { background: #f7c790;}
@media screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
	  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  }
	
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}

@media screen and (max-width: 991px) {
  .dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}
#header #main-header .navbar-nav ul  li a { padding: 10px 10px; text-align: right; }
#status.home-section .section-title h3{color:#fff}
#status { padding: 60px 0;}