/*---------------------------------------
[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:14px 24px}
.top-link li:first-child{border-left:solid 1px rgba(255, 255, 255, 0.3); padding-left:17px}
.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; }

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


@media (max-width: 992px){
.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%;}
}