/*

Theme Name:Masjid Ad Dawah.

Theme URI: https://dilc.ca/

In 2014, we started this journey for Deen (religion, i.e. Islam) and to enhance the quality of life for our Brothers and Sisters in Islam. We aim to help guide, for this world and the Hereafter, based on the teachings of our noble Qur’an and the Sunnah.

Author:Muhammad saeed
Author URI: http://www.beyondvision.net
Version: 2.0
Tags: light, three-columns, right-sidebar, flexible-width, custom-colors, custom-header, custom-background, custom-menu, theme-options,threaded-comments, sticky-post,translation-ready

License: GNU/GPL Version 2 or later

License URI: http://www.gnu.org/licenses/gpl.html*/

html, body {
    overflow-x: hidden;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
     background-color: #fff; 
	font-variation-settings: normal!important;


}
.amount-btn {
    color: #000;
}
a {
    text-decoration: none;
    color: #0a94e0;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.nav-link.btn {
    background: #0a94e0;
    padding: 6px;
}
.form-control {
    width: 100%!important;
    border-radius: 0;
}
.breadcrumb a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}
.sidebar ul {
    padding: 0;
    list-style: none;
}
.sidebar ul li a {
  color: #fff;
	text-decoration: none;
	display: block;
}
.sidebar ul li {
    background: #093168b5;
    padding: 5px 5px;
    margin-bottom: 5px;
}
.sidebar ul li.head {
    background: #09316800 !important;
    color: #fff;
    font-size: 18px;
}
ul#navbarSideCollapse li a {
    text-decoration: none;
    padding: 5px 8px;
}
.accordion {
   --bs-accordion-border-color: #0019ff54;
    --bs-accordion-bg: #ffffff00;
	--bs-accordion-border-radius:0px
    
}
.accordion-button {
    color: #fff;
    background-color: rgba(84,74,74,.18)!important;
    border: 0;
    border-radius: 0;
   
    
}
.nav-link:focus, .nav-link:hover {
    color: #ecae02;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #ecae02;
}
.bg-body-tertiary {
    background-color: #05223db5!important;background-image: url("/assets/images/Pattern_006.png");
    background-size: 170%;
    transition: transform .3s ease;}
ul.navbar-nav li a {
    color: #2b4356;
    font-size: 16px;
    font-weight: 500;
}
.navbar-brand{color: #fff}
.blob {
	display: none
}
.blob_inner{display: none}
.blob_bg {
    background: linear-gradient(90deg,#ecae02 35%, #ac7a0c 100%);
    padding: 45px 23px 25px;
    border-radius: 48px;
}
.shadow-md {
     background-color: rgba(84,74,74,.18)!important;
    backdrop-filter: saturate(180%) blur(2px);    position: relative;
    z-index: 9999;
    color: #fff;
}
span.mdi {
    position: relative;
    z-index: 999;
}
.single-logo img {
    max-width: 180px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(331deg) brightness(103%) contrast(101%);
}
footer {
    clear: both;
    padding-top: 30px;
    background-image: url("./assets/images/Pattern_006.png");
    background-size: 20%;
    background-repeat: repeat-x;
     background-blend-mode: color-burn;;
}
.footer-copyright a {
    text-decoration: none;
    color: #fff!important;
}
.dropdown-menu{
     background-color: #fff !important;
    background-image: url("./assets/images/Pattern_006.png");
    background-size: 150%;
    transition: transform .3s ease;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #082a58;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%; 
  min-height: 100%;
}
section, footer {
    position: relative;
}
.carousel-control-next, .carousel-control-prev {
  width: 8%;
}
.carousel-caption {
  right: 8%;
  left: 8%
}
.carousel-item {
  height: 24rem;
}
.btn{border-radius: 50px}
.background-4:before {
    background-color: #10101075;
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 2;
    opacity: 1;
    filter: blur(10px);
}
.background-5:before {
    background-color: #10101075;
    background-size: cover;
    content: '';
    position: absolute;
    background-image: url('assets/images/bg-1.png');
    left: 0;
    width: 130%;
    height: 176%;
    z-index: 9999;
    filter: blur(20px);
    opacity: .6;
    background-position: center;
}
.zindex{position: relative;
    z-index: 9;}
.h5, h5 {
    font-size: 1.1rem;
}
:where(.wp-block-columns.is-layout-flex) {
    gap: 1em;
}
.btn-primary {
    background: #ecae02;
    background: linear-gradient(90deg, hsla(42, 93%, 57%, 1) 0%, hsla(358, 78%, 62%, 1) 100%);
    border: 1px solid #ecae02;
    font-size: 16px;
    padding: 8px 20px;
    color: #fff;
    font-weight: 300;
}
.btn-primary:hover{background:linear-gradient(120deg, hsl(42deg 95.62% 48.46%) 0%, hsl(358deg 48.16% 58.38%) 100%); color:#202020}
.btn-green {
    background: #084935;
    background: linear-gradient(90deg, #084935 35%, #185a52 100%);
    border: 1px solid #ecae02;
    font-size: 16px;
    padding: 8px 20px;
    color: #fff;
    font-weight: 300;
}
.carousel-caption {
  color: #000;
  font-weight: 300;
}
.carousel-caption p {
  font-weight: 300;
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 0;
}
.div-2,.div-3,.div-4,.div-5{display: none}
.item {
    background-color: #0019ff54;
    display: block;
    width: 92%;
    height: 92%;
    position: absolute;
    border-radius: 8px;
    top: 10px;
    z-index: -1;
    rotate: 4deg;
    left: 0;
	max-height: 350px;
}
.btn-light {
    padding: 8px 20px;font-weight: 300;
}

.btn{min-width: 160px;}
.accordion-button::after {
    filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(270deg) brightness(107%) contrast(100%);
}
a.card_ancher {
    color: #333;
    text-decoration: none;
    /* background: linear-gradient(90deg,#ecae02 35%, #ac7a0c 100%); */
    background-image: url("./assets/images/Pattern_007.png");
    background-size: 250%;
    transition: transform .3s ease;
    background-position: -165px -80px;
    background-repeat: no-repeat;
    border-radius: 8px;
}
.pattern-007 {
    text-decoration: none;
    background-image: url("./assets/images/Pattern_007.png");
    background-size: 63%;
    transition: transform .3s ease;
    background-position: -190px -130px;
    background-repeat: no-repeat;
}
.pattern-008 {
    text-decoration: none;
    background-image: url("./assets/images/Pattern_007.png");
    background-size: 63%;
    transition: transform .3s ease;
    background-position: -190px -130px;
    background-repeat: no-repeat;    background-blend-mode: color-burn;
}
.pattern-009 {
    background-image: url(./assets/images/Pattern_006.png);
    background-size: 20%;
    background-repeat: repeat;
    background-blend-mode: hard-light;
}
a.card_ancher:hover {
	background-image: url("./assets/images/Pattern_007.png");
    background-size: 210%;
    transition: transform .3s ease;
    background-blend-mode: darken;
    background-position: -125px -40px;
    background-repeat: no-repeat;
    background: #084935;
    border-radius: 6px;
    border-color: #084935;
    color: #fff;
}
a.card_ancher:hover p{
   
    color: #fff;
}
.carousel-item {
    background-image: url("./assets/images/Pattern_007.png");
    background-size: 85%;
    transition: transform .3s ease;
    background-blend-mode: color-burn;
    background-position: left center;
    background-repeat: no-repeat;
}
.accordion-item {
    border-left: none;
    border-right: none;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #0019ff54 !important; background-image: url("./assets/images/Pattern_006.png");
    background-size: 80%;
    transition: transform .3s ease;
}
.accordion-button:hover {
    color: #fff;
    background-color: #0019ff54 !important; background-image: url("./assets/images/Pattern_006.png");
    background-size: 80%;
    transition: transform .3s ease;
}
.accordion-body {
    color: rgba(255,255,255,.5)!important;
}
.div-two,
.div-three,
.div-four,
.div-five {
  display: none
}
.item2 {
  background-color: #CFEEFF;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  top: 0;
  z-index: -1;
  rotate: 8deg;
  left: 0;
}
.bold {
    font-weight: 600;
    position: relative;
    z-index: 99;
}
.bg-ds{background:url('assets/images/Frame1.png');background-size: 100%;}
.bg-sd{background:url('assets/images/Frame2.png');background-size: 100%; z-index: -2;    position: relative;}
.bold span {
  color: #ecae02;
}
.blue-color{color: #ecae02!important;}
.footer-copyright {
  clear: both;
  padding-top: 30px;
  background-image: url(assets/images/pattern2.svg);
  background-size: 45%;
  background-repeat: no-repeat;
}
footer {
  background-color: #084935;
  color: #fff;
}
.footer-copyright {
    background-color: #1f372f;
}
.brand-name span {
    font-size: 16px;
    letter-spacing: 0px;
    word-spacing: -2px;
    font-weight: 500;
}
.brand-name {
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
}
.posts li a, footer li a {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}
footer li p {
  color: #fff;
  font-weight: 200;
}
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-copyright nav ul li {
  border-left: 1px solid #fff;
  display: inline-block;
  line-height: 12px;
  margin: 0;
  padding: 0 8px;
  color: #fff;
  font-weight: 200;
}
footer .footer-copyright p {
  font-weight: 200;
}
footer .footer-copyright nav ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 200;
}
.social-icons li {
  display: inline-block;
}
.social-icons {
  margin-bottom: 2rem;
}
.social-icons li a img {
  width: 40px;
}
#testimonial-slider {
  padding: 20px 20px 35px 20px;

}
.owl-pagination {
    display: none;
}
.testimonial .description {
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  text-indent: 30px;
  position: relative;
	width: 85%;
	margin: auto;
}
.testimonial p{
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  text-indent: 30px;
  position: relative;
	width: 85%;
	margin: auto;
}
.testimonial .title {
  font-size: 24px;
  font-weight: bold;
  color: #363636;
  text-transform: capitalize;
  margin: 0;
}
.carousel-indicators [data-bs-target] {

    background-color:#ecae02;
    
}

.testimonial .post {
  display: block;
  font-size: 15px;
  color: #363636;
}
.owl-buttons {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: -100px;
  left: 0;
}
.owl-prev, .owl-next {
  position: absolute;
  left: 0;
  transition: all 0.4s ease-in-out 0s;
}
.owl-next {
  left: auto;
  right: 0;
}
.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    
}
.owl-buttons .owl-prev:hover:before, .owl-buttons .owl-next:hover:before {
  opacity: 1;
}
.owl-theme .owl-controls .owl-buttons div {
  background: transparent;
}
.owl-controls.clickable {
    position: absolute;
    top: 0;
    width: 100%;
}
.owl-theme .owl-controls {
  margin-top: -30px;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 60px;
  height: 60px;
  margin: 5px -7px;
  filter: Alpha(Opacity=50);
  opacity: .5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 34px;
  background: url('assets/images/cropped-android-chrome-512x512-1-180x180.png') no-repeat;
  background-size: cover;
  transition: all 0.3s ease-in-out 0s;
  border: 4px solid #ccc;
}
.owl-theme .owl-controls .owl-page active span {
  display: block;
  width: 65px;
  height: 65px;
}
.owl-theme .owl-controls .owl-page:nth-child(2) span {
  background: url('assets/images/isbcc.png') no-repeat;
  background-size: cover;
}
.owl-theme .owl-controls .owl-page:nth-child(3) span {
  background: url('assets/images/ia_logo.png') no-repeat;
  background-size: cover;
}
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 0.5;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active:hover span {
  border-color: #ecae02;
  opacity: 1;
	z-index: 99;
	position: relative;
	width: 70px;
  height: 70px;
}
  @media (max-width: 415px) {
		  .brand-name span {
    font-size: 12px;
}
@media only screen and (max-width: 479px) {
  .owl-buttons {
    bottom: 30%;
  }
}
@media (min-width: 1200px) {
  .h4, h4 {
    font-size: 1.4rem;
  }
	.h1, h1 {
    font-size: 2rem;
}
}

@media (max-width: 768px) {
	.blob-inner {
    
    left: 95px;
}
	.carousel-item {
    height: 36rem;
}
img.move-sm-md {
    margin: auto;
    display: block;
}	
.bg-sd {
    background-size: 200%;

	background-position: center;
}
	.bg-ds {
    background-size: 200%;

	background-position: center;
}
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        z-index: 99999;
    }
}