/*---------------------------------------
[Master Stylesheet]

Project: Daan Care Charity
Version: 1.0
Last change: 10/02/23 [fixed bug]
Assigned to: Srgit
Primary use: Daan Care Charity & Donations Template  
---------------------------------------

[Table of contents]

1. Body / body
2. Navbar / .navbar
3. Header / .header
4. About Us / #about-us 
5. bg-img1 / .bg-img1
6. Popular Causes / #popular-causes
7. counter / #counter-bg
8. Our Dedicated Volunteers / #volunteers
9. Subscribe/ #subscribe-section
10. footer/ .main-footer
11. about us page/ .about-section
12. Our History/ .timelines
13. Our Awards/ .our-awards
14. Mission Goals/ .services-section
15. our team / .our-team
16. events / .event-page
17. section-portfolio / .section-portfolio
18. causes-page / #causes-page
19. blog / .blog-bg
20. Get In Touch / .contact
21. style-css-map / .style.css.map

---------------------------------------

# [Color codes]
Body-Font:  	#212529 {dark}
Background:		#ffffff (white)
Content:		#222 (light black)
a (standard):	#000 (black)
a (visited):	#009ba5 (dark green)
a (active):	 	#009ba5 (dark green)
---------------------------------------

[Font Properties]
Body font:       font-family: 'Lato', sans-serif;
Headings:         font-family: 'DM Serif Display', serif
Input, textarea: 'sans-serif';
---------------------------------------*/

.top-link li{padding:5px 0;  width:19%; text-align:center; border:0 none;}
.boder-b{background:rgba(0,0,0,0.7)}
.top-link li:first-child{border:0 none;}
#mainNav .navbar-brand{margin:0}
.top-link li .navbar-brand img{max-width:100%; }

.bg-dark.op-1{background:rgba(0,0,0,0.1)!important}
.bg-dark.op-2{background:rgba(0,0,0,0.2)!important}
.bg-dark.op-3{background:rgba(0,0,0,0.3)!important}
.bg-dark.op-4{background:rgba(0,0,0,0.4)!important}
.bg-dark.op-5{background:rgba(0,0,0,0.5)!important}
#mainNav .navbar-toggler{float:none;margin:10px 0 10px 0; border-radius:0; padding:10px 10px}

@media (min-width: 992px){
#mainNav .nav-link {font-size:15px}
#mainNav .nav-link {-webkit-transition: none; transition: none; padding: 2rem 1.2rem 1.9rem 1.2rem;color:#fff;}
}

@media (max-width: 992px){
.top-link li i {font-size: 10px; margin: 0 5px 0 5px;}
.boder-b {display: block;}
.bg-dark.op-3{text-align:center;}
.boder-b [class*=col-] {-ms-flex: 0 0 100%; text-align:center; flex: 0 0 100%; max-width: 100%;}
.top-link {display: block;}
.top-link li{width:100%}
.top-link li.hidden-m{display:none}
}

@media (max-width: 414px){
#mainNav .navbar-brand img {width: 100%;}
}

@media (max-width: 737px) and (min-width: 567px){
#mainNav .navbar-brand img {width: 80%;}
}