/***********Samer*******/
/********* CSS .   ********/
@media screen and (min-width: 768px) {
  header#navbar a.logo img {
    max-width: 100px;
  }
}
@media screen and (min-width: 768px) {
  header#navbar a.logo img {
    max-width: 300px;
  }

  [dir=rtl] header#navbar .social-area {
    float: left;
  }

  [dir=ltr] header#navbar .social-area {
    float: right;
  }
}
.front header#navbar #navbar-collapse {
  margin-bottom: 0;
}

header#navbar .container-fluid .navbar-collapse .menu li a:hover {
  color: #ffffff;
}

header#navbar .navbar-collapse ul.menu > li a:hover, header#navbar .navbar-collapse ul.menu > li a.highlighted, header#navbar .navbar-collapse ul.menu > li a.active-trail, header#navbar .navbar-collapse ul.menu > li .nolink:hover, header#navbar .navbar-collapse ul.menu > li .nolink.highlighted, header#navbar .navbar-collapse ul.menu > li .nolink.active-trail {
  background: none;
}

header#navbar .navbar-collapse ul.menu > li a, header#navbar .navbar-collapse ul.menu > li .nolink {
  font-weight: normal;
  width: auto;
}

@media screen and (min-width: 768px) {
  header#navbar .container-fluid .navbar-collapse {
    padding-bottom: 10px;
  }
}
.front .highlighted_second .region-highlighted-second .section-block .block-title span,
.front .content-div .region-content .projects-block .block-content .view-projects .view-content .views-row .views-field-title a,
.front .after-content .region-after-content .news-block .block-title {
  font-size: 2rem;
  font-weight: bold;
  background: none;
}

.front .after-content .region-after-content .news-block .block-title {
  color: #58595b;
}

@media screen and (min-width: 768px) {
  .front header#navbar {
    position: relative;
    margin: 0;
    top: 0;
  }

  .front .carousel .carousel-indicators {
    top: 0px;
    bottom: auto;
    left: 0;
    right: auto;
    width: 90px;
    display: flex;
    flex-direction: column;
    height: 470px;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .front .carousel .carousel-indicators {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .front .carousel .carousel-indicators li {
    margin-bottom: 10px;
    border-radius: 0;
  }
}
@media screen and (min-width: 768px) {
  .front .carousel-inner {
    overflow: visible;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .front .carousel-inner .views-field.views-field-field-slider-image {
    
    
    background: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .front .carousel-inner .slider-image {
    position: relative;
  }
  .front .carousel-inner .slider-image .body {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .front .carousel-inner .slider-image .body {
    width: 80%;
    left: 10%;
    position: absolute;
    height: 300px;
    bottom: -180px;
    padding: 90px 40px;
    background-image: url(../images/slider-text.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 768px) {
  .front .carousel-inner .slider-image .body h2 {
    font-size: 2.5rem;
    color: #c22328;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .front .carousel-inner .slider-image .body p {
    font-size: 2rem;
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  header#navbar .social-area {
    top: 0;
    position: relative;
    height: auto;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  header#navbar .container-fluid .navbar-collapse {
    background: #c22328;
    width: 100%;
  }
  header#navbar .container-fluid .navbar-collapse .menu {
    margin-top: 0;
  }
  header#navbar .container-fluid .navbar-collapse .menu li a {
    color: #ffffff;
  }
  header#navbar .container-fluid .navbar-collapse .menu li a:hover {
    background: none;
  }
}
@media screen and (min-width: 768px) {
  header#navbar #navbar-collapse {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .carousel-indicators {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .carousel-inner .slider-image .body {
    padding: 20px;
    border-top: 5px solid #731516;
    background: #58595b;
    padding: 10px 40px;
    color: #ffffff !important;
    font-size: 1.5rem;
  }
  .carousel-inner .slider-image .body p {
    font-size: 1.5rem;
  }
  .carousel-inner .slider-image .body h2 {
    font-size: 2rem;
  }
}

header#navbar .social-area .lang-switch .language-switcher-locale-url {
  padding: 0;
}

#navbar {
  padding: 0;
}

.front .highlighted {
  width: 90%;
  margin: 0 auto;
  max-width: 1600px;
}
.front .highlighted_second {
  background: none;
  display: flex;
}
.front .highlighted_second .region-highlighted-second {
  display: flex;
  flex-wrap: wrap;
}
.front .highlighted_second .region-highlighted-second .section-block.nursary-block {
  background: #d84c4f;
}
.front .highlighted_second .region-highlighted-second .section-block.kg-block {
  background: #d92025;
}
.front .highlighted_second .region-highlighted-second .section-block.schools-block {
  background: #a72a2e;
}
.front .highlighted_second .region-highlighted-second .section-block .block-title span {
  background: none;
  color: #ffffff;
}
.front .highlighted_second .region-highlighted-second .section-block .btn a {
  display: inline-flex;
  padding: 5px 40px;
  background: #731516;
  color: #ffffff;
}
.front .highlighted_second .region-highlighted-second .section-block .btn a:hover {
  background: #58595b;
}
.front .content-div .region-content .projects-block {
  background: none;
}
.front .content-div .region-content .projects-block h2.block-title {
  color: #58595b;
  background: none;
}
.front .content-div .region-content .projects-block .block-content .view-projects .more-link {
  display: none;
}
.front .content-div .region-content .projects-block .block-content .view-projects .view-content .views-row {
  background: #8e8e8e;
  padding-top: 20px;
  padding-bottom: 20px;
}
.front .content-div .region-content .projects-block .block-content .view-projects .view-content .views-row:first-child {
  background: #acacac;
}
.front .content-div .region-content .projects-block .block-content .view-projects .view-content .views-row .views-field-title {
  background: none;
}
.front .content-div .region-content .projects-block .block-content .view-projects .view-content .views-row .views-field-title a {
  background: none;
}
.front .content-div .region-content .donate-form-block {
  background: #636363 !important;
}
@media screen and (min-width: 768px) {
  .front .content-div .region-content .donate-form-block {
    height: 460px !important;
    overflow: hidden !important;
    margin-top: 80px !important;
  }
}
.front .content-div .region-content .donate-form-block .submit-section .SubmitButton {
  background: #731516;
  color: #ffffff;
}
.front .after-content {
  background: none;
}
.front .after-content .view-news .views-row .views-field-nothing {
  background: #efefef;
  padding: 20px;
}
.front .content-div .region-content .donate-form-block,
.front .content-div .region-content .projects-block {
  border: none !important;
}
.front .content-div .region-content .projects-block .block-content .view-projects .view-content .views-row {
  height: 460px !important;
}

.not-front header#navbar {
  margin-top: 0 !important;
}
.not-front .header-wrapper {
  background: none;
}

.not-front .header-wrapper h1.page-header div {
  margin: 0;
  text-align: right;
  width: 90%;
  margin: 0 auto;
  max-width: 1600px;
  float: none;
}
[dir=ltr] .not-front .header-wrapper h1.page-header div {
  text-align: left;
}
.not-front .header-wrapper h1.page-header div span {
  background: none;
  padding: 0;
  font-size: 2.5rem;
  padding-bottom: 5px;
}

.not-front .list-1 .views-row .views-field-nothing .type-title {
  background: #636363;
}

.not-front .view .views-row .title {
  font-size: 2rem;
  font-weight: normal;
}
.not-front .view .views-row .title a {
  font-weight: normal;
}

header#navbar .navbar-collapse ul.menu > li ul {
  background: #282828;
}

header#navbar .container-fluid .navbar-collapse .menu li a:hover {
  color: #d84c4f;
}

.front .highlighted_second .region-highlighted-second .section-block .btn a {
  background: #ffffff;
  color: #58595b;
}

.front .content-div .region-content .donate-form-block .donate-h:after {
  background: url("../images/donatee.png") center no-repeat;
}

.front .content-div .region-content .donate-form-block .submit-section .SubmitButton {
  background: #ffffff;
  color: #58595b;
}

.front .after-content .region-after-content .news-block .more-link a {
  color: #58595b;
  background: none;
  display: block;
  margin-top: -20px;
}
@media screen and (min-width: 768px) {
  [dir=ltr] .front .after-content .region-after-content .news-block .more-link a {
    float: right;
  }
  [dir=rtl] .front .after-content .region-after-content .news-block .more-link a {
    float: left;
  }
}

header#navbar .container-fluid .navbar-collapse .menu li a:hover {
  color: #282828;
}

@media screen and (min-width: 768px) {
  .page-node.not-front .header-wrapper h1.page-header {
    padding: 0 30px;
    border: none;
  }
  .page-node.not-front .header-wrapper h1.page-header,
.page-node .content-div .region-content,
.page-node .breadcrumb {
    width: 60%;
    margin: 0 auto;
    max-width: 1600px;
  }
  .page-node article .field-name-field-image {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-node article .field-name-field-image img {
    width: 100%;
  }
}

.views-field-field-image,
.image {
  overflow: hidden;
}
.views-field-field-image img,
.image img {
  -webkit-transition: all 3s ease-in-out;
  -moz-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  -ms-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}
.views-field-field-image img:hover,
.image img:hover {
  transform: scale(1.5);
  -webkit-transition: all 3s ease-in-out;
  -moz-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  -ms-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}
.views-field-field-image:hover img,
.image:hover img {
  transform: scale(1.5);
  -webkit-transition: all 3s ease-in-out;
  -moz-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  -ms-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}

/*** MOBILE**/
@media screen and (max-width: 768px) {
  header#navbar .navbar-collapse ul.menu > li ul li a {
    padding-bottom: 20px;
  }

  .region-highlighted-second {
    margin-top: 60px !important;
  }

  .region-after-content {
    padding: 0 20px;
    background: #ffffff;
  }

  header#navbar .social-area .social-div-header {
    display: inline-flex;
    flex-wrap: wrap;
  }

  .front .after-content .region-after-content .news-block .more-link a {
    color: #58595b;
    background: none;
    display: block;
    margin-top: -20px;
  }

  .header-wrapper #navbar .container-fluid .header-top .social-area {
    background: none;
  }
  .header-wrapper #navbar a.logo {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .header-wrapper #navbar a.logo img {
    max-width: 80%;
    display: block;
    margin: 0 auto;
  }
  .header-wrapper #navbar .social-area-div {
    float: left;
    width: 100%;
    margin-top: 20px;
  }
  .header-wrapper #navbar .social-area-div .social-area {
    background: none;
  }
  .header-wrapper #navbar .social-area-div .social-area .region-social-area {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .header-wrapper #navbar .social-area-div .social-area .header-social-block .block-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header#navbar .container-fluid .navbar-collapse .menu {
    width: 80%;
    margin: 0 auto;
  }

  header#navbar .container-fluid .navbar-collapse .menu li a:hover {
    color: #58595b;
  }

  .front .highlighted_second .region-highlighted-second .section-block {
    margin-bottom: 30px;
  }
  .front .highlighted_second .region-highlighted-second .section-block .home-block .text-div {
    display: none;
  }

  header#navbar .navbar-collapse ul.menu > li a:hover, header#navbar .navbar-collapse ul.menu > li a.highlighted, header#navbar .navbar-collapse ul.menu > li a.active-trail, header#navbar .navbar-collapse ul.menu > li .nolink:hover, header#navbar .navbar-collapse ul.menu > li .nolink.highlighted, header#navbar .navbar-collapse ul.menu > li .nolink.active-trail {
    color: #58595b;
  }

  .footer .social-block,
.footer .social-block .block-content,
.footer .quick-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  footer.footer .block .block-title {
    color: #ffffff;
    background: none;
  }
}
/****Mobile***/

header#navbar .social-area .user-menu a{
    
    background: #48ba58;
}



header#navbar .social-area .social-div-header a.tw:after,
footer.footer .block.social-block .social-div a.tw:after{
    font-family: "Font Awesome 6 Brands";
    font-weight: 900;
    content: '\e61b';

}