.notification-bar{
    background:#2c2d6d;
    text-align: center;
}
.notification-bar > *{
    color:#ffffff;
}
.notification-bar a{
    color: #d4612b!important;
}
.is-sticky .notification-bar{
    display:none;
}
.text-orange {

    color: #d4612b;

    font-size: 20px;

}



.flaticon-instagram:before {

    content: "";

    font-family: auto;

}



/* custom custom-preloader */



.page-loading .navbar-style-three {

    padding-right: 17px;

    opacity: 0;

}



.page-loading {

    overflow: hidden;

    padding-right: 17px;

}



.custom-preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #fff;

    z-index: 999999;

  }

  

  .custom-preloader div {

    position: absolute;

    left: calc(50vw - 150px);

    top: calc(50vh - 150px);

    height: 300px;

    width: 300px;

  }



  .custom-preloader div img {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    -webkit-animation: custom-preloader 1.3s linear infinite;

    animation: custom-preloader 1.3s linear infinite;

  }

  

  .custom-preloader div img:nth-child(2) {

    animation-delay: -0.8s;

    -webkit-animation-delay: -0.8s;

  }

  .custom-preloader div img:last-child {

    animation-delay: -1.6s;

    -webkit-animation-delay: -1.6s;

  }

  

  @keyframes custom-preloader {

    0% {

      -webkit-transform: scale(0, 0);

              transform: scale(0, 0);

      opacity: 1;

    }

    100% {

      -webkit-transform: scale(1, 1);

              transform: scale(1, 1);

      opacity: 0;

    }

  }

  

  @-webkit-keyframes custom-preloader {

    0% {

      -webkit-transform: scale(0, 0);

      opacity: 1;

    }

    100% {

      -webkit-transform: scale(1, 1);

      opacity: 0;

    }

  }



/* header */

.hurumanav .nav-link {

    color: rgba(44, 45, 109);

}



.navbar .white-logo {

    max-height: 90px;

}



.navbar .black-logo {

    max-height: 60px;

}



.navbar-style-three .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu  {

    position: relative;

    top: 0;

    left: 0;

    box-shadow: none;

    width: auto;

    padding-top: 0;

    padding-bottom: 0;

    padding-left: 20px;

    max-height: 0;

    overflow: hidden;

}



.navbar-style-three .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

    max-height: 500px;

    top: 0;

}



.navbar-area.is-sticky .navbar-light {

    padding-top: 0;

}



.navbar-style-three.position-relative .navbar-light 



.navbar-style-three.position-relative {

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);

          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);

}



.navbar-style-three.position-relative .navbar .navbar-nav .nav-item a {

    color: #2c2d6d;

}



.position-relative .huruma-nav .navbar .navbar-brand img:last-child {

    display: block;

}



.position-relative .huruma-nav .navbar .navbar-brand img:first-child {

    display: none;

}



#events-sidebar-modal .widget-area .widget {

    background-color: rgba(255, 255, 255, .8);

}



#events-sidebar-modal .widget-area .widget_huruma_posts_thumb .item .info .title a {

    font-weight: bold;

}



#events-sidebar-modal .sidebar-modal-inner {

    background-repeat: no-repeat;

    background-size: 65%;

}



/* home page */



.home-banner-content .logo{

    max-width: 60%;

    padding-bottom: 30px;

}



.home-banner-content .home-img {

    position: absolute;

    width: 600px;

    max-width: 600px;

    top: 50px;

}



.home-banner-content h2 {

    font-size: 50px;

    text-transform: none!important;

}



.home-banner-content h2,

.home-banner-content p {

    background-color: rgba(167,75,151,.5);

}



.home-banner-content .home-text-heading {

    font-weight: 700;

    font-size: 80px;

}



.fame-section .fame-area-content {

    padding: 20px;

    border: 2px solid #ffffff;

    border-radius: 5px;

    background-color: #2c2d6d;

}



.fame-section .fame-area-content h3{

    color: #fff;

}



#home-events .section-title,

#programs .section-title {

    text-align: left!important;

}



#home-events .default-btn,

#programs .default-btn {

    margin-bottom: 50px;

}



#home-about .default-btn:hover {

    color: #ffffff;

    border: 1px solid #ffffff;

    background-color: transparent;

}



#home-about .mission-tab.mission-tab-three .mission-list-tab .tabs li.current {

    border-bottom: 2px solid #d4612b;

}



.white-shape {

    transform: rotate(180deg);

    position: relative;

    top: 10px;

}



/* custom interior page header */

.page-title-area-interior {

    position: relative;

    z-index: 1;

    height: 35vh;

    width: 100%;

  }



  .page-title-area-interior .creative-shape {

    position: absolute;

    bottom: -1px;

  }



  .page-title-area-interior h2 {

    color: #ffffff;

    font-size: 30px;

    font-weight: 500;

    padding-top: 10%;

    text-align: center;

  }

  

  .page-title-content-interior {

    position: relative;

    height: 100%;

    width: 100%;    

    display: flex;

    flex-direction: column;
  }

  

  .page-title-content-interior ul {

    padding-left: 0;

    list-style-type: none;

    margin-top: 12px;

    margin-bottom: 0;

  }

  

  .page-title-content-interior ul li {

    color: #ffffff;

    display: inline-block;

    position: relative;

    font-weight: 400;

    font-size: 17px;

    margin-left: 10px;

    margin-right: 10px;

  }

  

  .page-title-content-interior ul li a {

    display: inline-block;

    color: #ffffff;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .page-title-content-interior ul li a:hover {

    color: #d4612b;

  }

  

  .page-title-content-interior ul li::before {

    content: '';

    position: absolute;

    right: -15px;

    top: 11px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background-color: #d4612b;

  }

  

  .page-title-content-interior ul li:last-child::before {

    display: none;

  }

  



/* About page */



#mission .mission-tab {

    min-height: 592px;

}



#mission .mission-image {

    position: absolute;

    height: 100%;

    left: 0;

    bottom: 2px;

}



#mission li {

    margin-bottom: 15px;

    line-height: 1.7;

    color: #636969;

    font-family: "Avenir Next LT Pro", sans-serif;

    font-size: 16px;

}



.shadow.about-page-img {

    background-color: rgb(224, 146, 47, .8);

    position: relative;

    padding-bottom: 65%;

    padding-left: 100%;

}



#facilities .main-color {

    font-size: 18px;

    color: #d4612b;

    font-weight: 400;

    font-family: "Museo 300", sans-serif;

  }



  .causes-details-area .main-color {

    font-size: 18px;

    color: #d4612b;

    font-weight: 400;

    font-family: "Museo 300", sans-serif;

  }



#history .donate-form-content img {

    float: right;

    position: relative; 

    margin: 60px 0 20px 20px;

    max-width: 50%;

}





/* Faculty - Single */



#faculty .headshot {

    position: relative;

    background-size: cover;

    background-repeat: no-repeat;

    width: 300px; 

    float: left;

    height: 395px;

    margin-right: 30px;

    margin-bottom: 30px;

}



#faculty .events-details-desc .events-details-footer .article-share {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

    max-width: 100%;

  }



#faculty .events-details-desc .events-details-content {

    margin-top: 0;

}



#faculty .text p a {

    color: #d4612b;

}



#faculty .text p a:hover {

    color: #36ade8

}





/* Programs */



.single-causes .image {

    position: absolute;

    width: 100%;

    height: 55%;

    left: 0;

    top: 0;

    background-size: cover;

}





.bart-programs:before {

    display: none;

}



.bart-programs:hover .causes-content p,

.bart-programs:hover .causes-content h3,

.bart-programs:hover .causes-content span {

    transform: none;

}



.bart-programs .causes-content:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 0;

    left: 0;

    bottom: 0;

    background-color: #d4612b;

    border-radius: 30px 30px 5px 5px;

    transition: 0.5s;

}



.bart-programs .icon {

    transform: none !important;

    top: -30px;

}



.single-causes:hover i {

    color: #d4612b;

}



.bart-programs:hover .causes-content:before {

    height: 100%;

}



.causes-btn-one-container {

    max-height: 0;

    overflow: hidden;

    transition: 0.5s;

}



.bart-programs:hover .causes-btn-one-container {

    max-height: 75px;

}



.causes-btn-one-container .causes-btn-one {

    position: relative !important;

    left: 0 !important;

}



@media screen and (max-width: 775px) {

    .bart-programs .causes-content:before {

        height: 100%;

    }

    .bart-programs .causes-btn-one-container {

        max-height: 75px;

    }

    .single-causes i {

        color: #d4612b!important;

    }    

    .single-causes .causes-content .causes-btn-one {

        opacity: 1;

        visibility: visible;

        color: #d4612b;

        bottom: 15px;

        z-index: 1;

    }

}



/* Program Single */



.causes-details-image .image {

    padding-bottom: 60%;

    background-size: cover;

    background-position: center;

}



#program-single a:focus {

    color: #fff;

}



#program-single .send-btn {

    margin: 25px 15px;

}



.widget_huruma_posts_thumb .info {

    margin-bottom: 20px;

}



.widget_huruma_posts_thumb .info .title {

    margin-bottom: 12px;

}



.widget_huruma_posts_thumb .info time {

    color: #d4612b;

}



.widget_huruma_posts_thumb .info .title a {

    position: relative;

    margin-bottom: 12px;

    color: #666666;

    font-size: 15px;

    font-family: "Avenir Next LT Pro", sans-serif;

}



.widget_huruma_posts_thumb .info .title a:hover {

    color: #2c2d6d;

}



.widget-area .widget .widget-title {

    border-bottom: 1px solid #eeeeee;

    padding-bottom: 10px;

    margin-bottom: 20px;

    text-transform: capitalize;

    position: relative;

}



/* News & Events */



.single-blog .image {

    padding-bottom: 75%;

    background-size: cover;

    background-position: center;

    position: absolute;

    width: 100%;

    height: 50%;

    left: 0;

    top: 0;

}



#page_news_events .heading {

    border-bottom: 1px solid #eeeeee;

    padding-bottom: 10px;

    margin-bottom: 20px;

    text-transform: capitalize;

    position: relative;

}



/* News (Blog) Single */



.article-image .image {

    padding-bottom: 70%;

    background-size: cover;

    background-position: center;

}



.events-details-desc .events-details-footer .article-share .social li a i {

    line-height: 30px;

}



/* Event Single */



#events-single .events-details-area .text {

    padding-top: 20px;

}



.events-details-area li span {

    

}



.blog-details-desc .article-footer .article-share .social li a i{

    line-height: 30px;

}



/* Calendar */





#calendar li {

    list-style: none;

}



#calendar .tab-top {

    font-size: 1.7rem;

    text-transform: uppercase;

    padding: 20px 0 20px;

    display: block;

    text-align: center;

}





#calendar .tab-top.color-one {

    color: #36ade8;

    background-color: #ffffff;  

    border-right: 1px solid #36ade8;

    border-left: 1px solid #36ade8;

    border-top: 1px solid #36ade8;

}



#calendar .tab-top.color-one:hover {

    color: #ffffff;

    background-color: #36ade8;

}



#calendar .current .tab-top.color-one {

    color: #ffffff;

    background-color: #36ade8;

}



#calendar .tab-top.color-two {

    color: #a74b97;

    background-color: #ffffff;  

    border-right: 1px solid #a74b97;

    border-left: 1px solid #a74b97;

    border-top: 1px solid #a74b97;

}



#calendar .tab-top.color-two:hover {

    color: #ffffff;

    background-color: #a74b97;

}



#calendar .current .tab-top.color-two {

    color: #ffffff;

    background-color: #a74b97;

}



#calendar .tab-top.color-three {

    color: #9fc54d;

    background-color: #ffffff;  

    border-right: 1px solid #9fc54d;

    border-left: 1px solid #9fc54d;

    border-top: 1px solid #9fc54d;

}



#calendar .tab-top.color-three:hover {

    color: #ffffff;

    background-color: #9fc54d;

}



#calendar .current .tab-top.color-three {

    color: #ffffff;

    background-color: #9fc54d;

}



#calendar .tabs {

    margin-bottom: 0;

    padding-inline-start: 0;

}



#calendar .tab_content {

    padding: 40px 20px 0 20px;

    background-color: #9fc54d

}



.calendar-text {

    min-height: 200px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.calendar-text h3,

.calendar-text h4,

.calendar-text p {

    font-family: "Avenir Next LT Pro", sans-serif;

}



.calendar-text h3 {

    font-size: 1.2rem;

    color: #ffffff;

}



.calendar-text h4 {

    font-size: 1rem;

    color: #ffffff;

}



.calendar-text p {

    color: rgba(255, 255, 255, .7);

}



#calendar .color-one .calendar-text h3,

#calendar .color-two .calendar-text h3,

#calendar .color-three .calendar-text h3 {

    border-bottom: 1px solid #ffffff;

    padding-bottom: 10px;

}



.calendar-event {

    margin-bottom: 20px;

    padding: 10px 20px 20px;

}





.color-one {

    color: #36ade8; 

}



.color-two {

    color: #a74b97; 

}



.color-three {

    color: #9fc54d; 

}



.calendar-event:hover {

    border-left: 2px solid rgba(255, 255, 255, .7);

    border-bottom: 2px solid rgba(255, 255, 255, .7);

}



.calendar-event {

    border-left: 2px solid rgba(255, 255, 255, .3);

    border-bottom: 2px solid rgba(255, 255, 255, .3);

    height: 90%;

}



.calendar-event .calendar-text .button-container {

    background-color: rgba(255, 255, 255, .7);

    border-radius: 30px;

    width: fit-content;

}



.calendar-event:hover .calendar-text .button-container {

    background-color: rgba(255, 255, 255, 1);

}



.calendar-event .calendar-text .button {

    display: inline;

}



.calendar-event .calendar-text .button h4 {

    color: #36ade8;

    line-height: 2;

    padding: 5px 20px;

}



/* Student Portal */



#student-submit h3 {

    margin-bottom: 0px;

}



#student-submit p {

    margin-bottom: 30px;

    text-align: center;

}



/* Fees & Policies */



#policies .background-image {

    position: relative;

    padding-bottom: 50%;

    height: 100%;

    background-position: center center;

    background-size: cover;

}



 #policies a:focus {

    color: #fff;

}



/* Donors */



.testimonials-info i {

    margin-bottom: 10px;

    color: #9fc54d;

}



#testimonials .section-title span {

    color: #9fc54d;

}



.testimonials-section .section-title h2,

.testimonials-section .section-title h3,

.feedback-slider .feedback-item h4 {

    text-transform: none;

}



.feedback-item .content i {

    color: #2c2d6d;

    display: inline-block;

}



.feedback-item .content .info {

    padding-top: 2rem;

    margin-top: 0;

}



.feedback-item .content .info h4 {

    display: inline-block;

    padding-left: 20px;

}



#get-involved .background-image {

    position: absolute;

    top: 0;

    left: 0;

    padding-top: 50%;

    width: 100%;

    z-index: 100;

}





/* testimonial modal */



.modal .modal-dialog .modal-content {

    

  }



  .testimonial .modal-header .close {

    position: absolute;

    right: 30px;

    top: 30px;

    opacity: 1;

    color: #fff;

    text-shadow: none;

}



.testimonial .modal-header .close:hover {

    color: #d4612b;

}



.modal.testimonial .modal-dialog .modal-header {

    padding-bottom: 0;

    display: block;

    border-bottom: none;

}

  

  .modal.testimonial .modal-dialog .modal-content h3 {

    font-size: 20px;

    margin: 0 0 0 0;

    background-color: #2c2d6d;

    padding: 16px;

    border-radius: 5px;

    color: #ffffff;

  }

  

  .modal.testimonial .modal-dialog .modal-content .modal-body {

    background-color: #ffffff;

    padding: 16px;

    border-radius: 5px;

    font-size: 16px;

    margin-bottom: 0;

    color: #6a6886;

    border: 1px solid #d4612b;

    border-top: none;

    margin: 0 1rem 1rem;

  }

  

  .modal.testimonial .modal-dialog .modal-content .modal-footer { 

      border-top: none;

      justify-content: start;

      padding-left: 20px;

  }

  

  .modal.testimonial .modal-dialog .modal-content .modal-footer h4 {

    font-size: 20px;

    font-family: "Avenir Next LT Pro", sans-serif;

    font-weight: bold;

    margin: 0 0 2px 0;

    padding-left: 20px;

  }



  .modal.testimonial .modal-footer i {

    color: #2c2d6d;

  }

  

  .modal.testimonial .modal-dialog .modal-content .modal-footer span {

    font-size: 16px;

  }



  /* end testimonial modal */





.process-section .background-image {

    background-repeat: no-repeat;

    background-position-x: 20%;

    background-size: contain;

}





.causes-details-text .main-color {

    font-size: 18px;

    color: #d4612b;

    font-weight: 400;

    font-family: "Museo 300", sans-serif;

  }



  .causes-details-text h5 {

      text-transform: none;

  }



  .causes-details-desc .default-btn,

  .causes-details-desc .optional-btn {

    margin-right: 10px;

  }



  #donate-now.donate-section {

    background-color: #2c2d6d;

  }





  /* community-partners */



#partnerships .logo-box {

    padding-top: 15px;

    padding-bottom: 15px;

}

  

.logo-box a {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 2;

}



.logo-box .image {

    padding-bottom: 100%;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    transition: all 0.3s ease-out;

    transform: scale(1);

}



.logo-box:hover .image {

    transform: scale(1.2);

}





/* footer */





.footer-section .single-footer-widget .info span {

    font-size: 15px;

    color: #7a7e9a;

    padding-left: 15px;

    position: relative;

}



.footer-section .single-footer-widget .info span:before {

    position: absolute;

    content: "";

    height: 8px;

    width: 8px;

    background-color: #d4612b;

    left: 0px;

    top: 5px;

    border-radius: 30px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.footer-section .single-footer-widget .info span:hover {

    color: #d4612b;

    letter-spacing: 1px;

    transition: 0.5s;

}



.footer-section .single-footer-widget .item {

    min-height: 80px;

    position: relative;

    margin-right: 10px;

}



.footer-section .single-footer-widget .item .thumb {

    float: left;

    height: 80px;

    overflow: hidden;

    position: relative;

    width: 80px;

    margin-right: 15px;

}



.footer-section .single-footer-widget .item .thumb .fullimage {

    width: 80px;

    height: 80px;

    display: inline-block;

    background-size: cover !important;

    background-repeat: no-repeat;

    background-position: center center !important;

}



/************************ start Ninja forms */



.nf-error .form-control.ninja-forms-field {

    border-color: #cc2229!important;

}



.nf-error-msg, 

.ninja-forms-req-symbol {

    color: #cc2229!important;

}

.nf-form-fields-required {

    display: none!important;

}



.nf-error.field-wrap .nf-field-element:after {

    display: none!important;

}



.nf-error-msg.nf-error-required-error {

    text-align: left;

    display: none!important;

}



.nf-form-content button, 

.nf-form-content input[type=button], 

.nf-form-content input[type=submit] {

    background-color: #d4612b!important;

    color: #fff!important;

    position: relative;

    display: inline-block;

    text-align: left;

    overflow: hidden;

    z-index: 1;

    text-transform: capitalize;

    border-radius: 50px;

    font-weight: 400;

    padding: 0 30px;

}



nf-form-content button:hover, 

.nf-form-content input[type=button]:hover, 

.nf-form-content input[type=submit]:hover {

    background-color: #2c2d6d!important;

    cursor: pointer;

}



.subscribe-area .nf-form-content input[type=button] {

    position: absolute;

    right: 4px;

    top: 4px;

    height: 62px;

    padding: 0 30px;

    border-radius: 50px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    line-height: 50px;

}



.subscribe-area .nf-form-content input:not([type=button]) {

    display: block;

    width: 100%;

    border: none;

    height: 70px;

    padding-left: 25px;

    border-radius: 50px;

    outline: 0;

    color: #2c2d6d;

    background-color: #fff;

}



.subscribe-area .nf-form-content {

    padding: 0;

    max-width: 1000px;

    margin: 0 auto;

    height: 70px;

    background-color: #fff;

    border-radius: 50px;

}



.subscribe-area .nf-error-msg.nf-error-field-errors {

    position: absolute;

    color: #fff!important;

    top: 100%;

    left: 0;

    width: 100%;

    text-align: center;

}





/* REGISTRATION */



.list-checkbox-wrap .nf-field-element li label, 

.list-image-wrap .nf-field-element li label, 

.list-radio-wrap .nf-field-element li label {

    font-size: 16px;

}



.nf-field-label label {

    font-weight: normal!important;

    font-size: 16px!important;

}



.nf-field-container.listcheckbox-container.label-above.list-container {

    margin: 25px 0;

}



.listcheckbox-wrap .nf-field-element label.nf-checked-label:before {

    color: #2c2d6d!important;

}

.nf-response-msg {

    text-align: center;

}



/************************ end Ninja forms */





/*********************** Impact section ***************/



.span-color span {

    font-family: "Museo 300", cursive;

    font-weight: 400;

    font-size: 1.3rem;

}