/* line 6, app/assets/stylesheets/style4.scss */
.topbar {
  background: #136367;
}

/*@mixin custom-color {
	color: #8e30e0;
}*/
/* line 14, app/assets/stylesheets/style4.scss */
.site-logo h1 {
  color: #0aa51a;
  letter-spacing: -1px;
}

/* line 19, app/assets/stylesheets/style4.scss */
.body-container-box {
  border-left: 10px solid #0aa51a;
  border-right: 10px solid #0aa51a;
  border-bottom: 10px solid #0aa51a;
}

/* line 25, app/assets/stylesheets/style4.scss */
.site-header {
  /*background: $color-1;*/
  z-index: 3;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.3s ease 0.2s;
  -moz-transition: all 0.3s ease 0.2s;
  -ms-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.1s;
  position: fixed;
}

/* line 38, app/assets/stylesheets/style4.scss */
.header-style2 .site-header,
.header-style3 .site-header {
  position: relative;
  color: #888;
  /*background: $color-1;*/
}

/* line 45, app/assets/stylesheets/style4.scss */
.header-style3 .fw-menu-wrapper {
  width: 100%;
  /* max-width: 1200px; */
  background: #0aa51a;
  z-index: 1111;
}

/* line 52, app/assets/stylesheets/style4.scss */
.dd-menu > li ul {
  margin: 0;
  list-style-type: none;
  position: absolute;
  top: 61px;
  left: -1px;
  z-index: 999;
  display: none;
  min-width: 100%;
  height: auto;
  background: #fff;
  margin-left: 0;
  border-top: 3px solid #0aa51a;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.176);
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.176);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.176);
}

/* line 70, app/assets/stylesheets/style4.scss */
.dd-menu > li > ul > li > a,
.dd-menu > li > ul > li > ul > li > a,
.dd-menu > li > ul > li > ul > ul > li > a {
  display: block;
  padding: 12px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  text-decoration: none;
  color: #0aa51a;
  font-size: 16px;
}

/* line 82, app/assets/stylesheets/style4.scss */
.dd-menu > li > ul > li > a:hover {
  color: #0aa51a;
}

/* line 86, app/assets/stylesheets/style4.scss */
.featured-links .featured-link {
  background: #136367;
}

/* line 90, app/assets/stylesheets/style4.scss */
.featured-texts {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

/* line 95, app/assets/stylesheets/style4.scss */
.featured-text {
  text-align: center;
  padding: 10px;
}

/* line 101, app/assets/stylesheets/style4.scss */
.featured-texts .featured-text:last-child {
  border-right: 0;
}

/* line 105, app/assets/stylesheets/style4.scss */
.featured-text .athan-time strong {
  line-height: 30px;
}

/* line 109, app/assets/stylesheets/style4.scss */
.masjid-donate-box {
  background: linear-gradient(45deg, #0aa51a 0%, #136367 100%);
  color: #fff;
}

/* line 115, app/assets/stylesheets/style4.scss */
.masjid-donate-box a {
  background: #136367;
  font-size: 16px;
}

/* line 120, app/assets/stylesheets/style4.scss */
.site-footer {
  background: #136367;
  padding: 30px 0;
}

/* line 125, app/assets/stylesheets/style4.scss */
#stories-slider li.item {
  background: #0aa51a;
}

/* line 129, app/assets/stylesheets/style4.scss */
.salah-col {
  background: linear-gradient(45deg, #0aa51a 0%, #136367 100%);
}

/* line 133, app/assets/stylesheets/style4.scss */
.jumuah-salah-col {
  background: linear-gradient(45deg, #0aa51a 0%, #136367 100%);
}

/* line 137, app/assets/stylesheets/style4.scss */
.jumuah-time-col {
  background: linear-gradient(45deg, #0aa51a 0%, #136367 100%);
}

/* line 141, app/assets/stylesheets/style4.scss */
.jumuah-info-col {
  background: linear-gradient(45deg, #0aa51a 0%, #136367 100%);
}

/* line 145, app/assets/stylesheets/style4.scss */
.jumuah-khateeb-name-text {
  color: #0aa51a;
}

/* line 149, app/assets/stylesheets/style4.scss */
.jumuah-topic-text {
  color: #0aa51a;
}

/* line 153, app/assets/stylesheets/style4.scss */
.programs-services-box h5 {
  background: linear-gradient(45deg, #0aa51a 0%, #136367 100%);
}

@media only screen and (max-width: 480px) {
  /* line 158, app/assets/stylesheets/style4.scss */
  .body-container-box {
    border-top: 10px solid #0aa51a;
  }
}