/*
***************************************************
	Custom generated stylesheet for LFE CMS
	Basic style - light and dark mode
	CMS Version: 2026.04.10
	File Generated: 26.04.2026, 14:33
***************************************************
*/

/*

	Body

*/

body {
	background-color: rgb(255, 255, 255);
	color: rgb(33, 37, 41);
	background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
	
}

/*

	headings

*/

.h1, h1 {
	color: rgb(33, 37, 41);
}

.h1 a, h1 a {
	color: rgb(33, 37, 41);
}

.h1 a:hover, .h1 a:focus, h1 a:hover, h1 a:focus {
	color: rgb(101, 101, 101);
}

.h2, h2 {
	color: rgb(33, 37, 41);
}

.h2 a, h2 a {
	color: rgb(33, 37, 41);
}

.h2 a:hover, .h2 a:focus, h2 a:hover, h2 a:focus {
	color: rgb(101, 101, 101);
}

.h3, h3 {
	color: rgb(33, 37, 41);
}

.h3 a, h3 a {
	color: rgb(33, 37, 41);
}

.h3 a:hover, .h3 a:focus, h3 a:hover, h3 a:focus {
	color: rgb(101, 101, 101);
}

.h4, h4 {
	color: rgb(33, 37, 41);
}

.h4 a, h4 a {
	color: rgb(33, 37, 41);
}

.h4 a:hover, .h4 a:focus, h4 a:hover, h4 a:focus {
	color: rgb(101, 101, 101);
}

.h5, h5 {
	color: rgb(33, 37, 41);
}

.h5 a, h5 a {
	color: rgb(33, 37, 41);
}

.h5 a:hover, .h5 a:focus, h5 a:hover, h5 a:focus {
	color: rgb(101, 101, 101);
}

.h6, h6 {
	color: rgb(33, 37, 41);
}

.h6 a, h6 a {
	color: rgb(33, 37, 41);
}

.h6 a:hover, .h6 a:focus, h6 a:hover, h6 a:focus {
	color: rgb(101, 101, 101);
}

/*

	Border

*/

.content-border-style {
	border-left: solid 1px rgb(108, 117, 125);
	border-right: solid 1px rgb(108, 117, 125);
}

@media (max-width: 575.98px) {
	.content-border-style {
		border-left: none;
		border-right: none;
	}
}



/*

	Header

*/

.header-1-style {
	height: 250px;
}


.header-2-style {
	height: 250px;
}

@media screen and (max-width: 992px) {
	.header-1-style {
		height: 200px;
    }

	.header-2-style {
		height: 200px;
    }
}

.header-3-style {
	height: 44px;
}

.navbar-header-3-style {
	line-height: 29px;;
}

.header-1-style .navbar-background {
	margin-bottom: 0px;
}

.header-2-style .navbar-background {
	margin-top: 0px;
}

@media screen and (max-width: 992px) {
	.header-2-style .navbar-background {
		margin-top: 0px;
	}
}

.navbar-background {
	height:  44px;
	line-height: 29px;
}

.navbar-background .navbar-toggler {
	line-height: 29px;
}

@media screen and (max-width: 992px) {
	.navbar-background .navbar-toggler {
		line-height: 36px;
	}
}

.header-container-style {
	background-color: rgba(0, 0, 0, 0.6);
	color: rgb(255, 255, 255);
	border-top: solid 1px rgba(0, 0, 0, 0);
	border-bottom: solid 4px rgb(135, 135, 135);
}

.nav-container-basic-style {
	background-color: rgba(0, 0, 0, 0.6);
	color: rgb(255, 255, 255);
	border-top: solid 1px rgba(0, 0, 0, 0);
	border-bottom: solid 4px rgb(135, 135, 135);
}


.header-1-style, .header-2-style {
	background-image: url(https://www.nfsstreetdogs.org/assets/img/metapics/header/header_background.jpg?1665825859);
}


/*

	Logo

*/

.logo-container-header-1 {
    height: 201px;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(https://www.nfsstreetdogs.org/gallery/nfsstreetdogs-6740.png);
	background-position: center center;
	background-repeat: no-repeat;
	
}

.logo-container-header-2 {
    height: 201px;
	margin-top: 49px;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(https://www.nfsstreetdogs.org/gallery/nfsstreetdogs-6740.png);
	background-position: center center;
	background-repeat: no-repeat;
	
}

@media screen and (max-width: 1100px) {  
    .logo-container-header-1, .logo-container-header-2 {
		background-origin: content-box;
		padding: 10px;
		background-size: contain;
    }
}

@media screen and (max-width: 992px) {  
    .logo-container-header-1, .logo-container-header-2 {
		height: 151px;
    }

	.logo-container-header-2 {
		margin-top: 49px;
	}
}

/*

	Title in Header

*/

.title-in-header-container {
	height: 201px;
    
	background-color: rgba(0, 0, 0, 0);
}

.header-2-style .title-in-header-container {
	margin-top: 49px;
}

.title-in-header {
	color: rgb(255, 255, 255);
	font-size: 40pt;
	font-weight: 300;
}

/*

	Navbar

*/


.navbar-light .navbar-toggler {
	background-color: rgb(135, 135, 135);
	color: rgb(255, 255, 255);
}

.navbar-light .navbar-nav .nav-link {
	padding-left: 16px;
	padding-right: 16px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(135, 135, 135);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(135, 135, 135);
}

.navbar-light .navbar-nav .nav-link {
	color: rgb(255, 255, 255) !important;
}

.navbar-default .navbar-nav>li>a {
	color: rgb(255, 255, 255);
}

/*

	Dropdown

*/

.dropdown-menu {
	min-width: 250px;
	background-color: rgb(255, 255, 255);
	color: rgb(33, 37, 41);
	border: solid 1px rgba(0, 0, 0, 0.15);
}

.dropdown-menu-column-child {
	line-height: 24px;
}

.dropdown-menu-column-child-border-right {
	border-right: solid 1px rgb(222, 226, 230);
}

.dropdown-menu-column-child-border-right:last-child {
	border-right: none;
}


.dropdown-menu-title-bar {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	background-color: rgba(0, 0, 0, 0.03);
	color: rgb(0, 0, 0);
	border-bottom: solid 1px rgba(0, 0, 0, 0.125);
	font-size: 1.5rem;
	font-weight: 600;
}


.dropdown-header {
	background-color: rgba(0, 0, 0, 0);
	color: rgb(33, 37, 41);
	font-size: 1.25rem;
	font-weight: 500;
	height: 32px;
	line-height: 14px;
}


.dropdown-item {
	background-color: rgba(0, 0, 0, 0);
	color: rgb(33, 37, 41);
	font-size: 1rem;
	font-weight: 400;
	height: 32px;
	line-height: 24px;
}

.dropdown-item:hover, .dropdown-item.active:hover {
	background-color: rgb(233, 236, 239);
	color: rgb(22, 24, 27);
}

.dropdown-item:active, .dropdown-item.active {
	background-color: rgb(0, 123, 255);
	color: rgb(255, 255, 255);
}

.dropdown-divider {
	border-top: 1px solid rgb(233, 236, 239);
}

/*

	Mobile menu

*/

.sidenav {
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}

.sidenav-title-element {
	background-color: rgb(33, 37, 41);
	color: rgb(255, 255, 255);
}

.sidenav-title-item {
	background-color: rgba(0, 0, 0, 0);
	color: rgb(33, 37, 41);
}

.sidenav .closebtn {
	color: rgb(13, 110, 253);
}

.nav-mobile-link {
	background-color: rgba(0, 0, 0, 0) !important;
	color: rgb(13, 110, 253);
}

.nav-mobile-link:hover, .nav-mobile-link:focus {
	background-color: rgb(13, 110, 253) !important;
	color: rgb(255, 255, 255);
}

.nav-mobile-link.active {
	background-color: rgb(13, 110, 253) !important;
	color: rgb(255, 255, 255);
}

/*

	Main

*/

.custom-main {
	background-color: rgb(255, 255, 255);
	color: rgb(33, 37, 41);
}

.home-elements {
	background-color: rgb(255, 255, 255);
}

/*

	Footer & Copyright

*/

.footer-1-style {
	background-color: rgb(12, 26, 30);
	color: rgb(255, 255, 255);
}

.footer-1-style  a {
	color: rgb(160, 163, 164);
}

.footer-1-style  a:hover {
	color: rgb(255, 103, 15);
}

.copyright-footer-2 {
	border-top: solid 1px  rgba(0, 0, 0, 0);
}

.copyright-footer-1, .copyright-footer-2, .copyright-footer-3 {
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

.copyright-footer-1 a, .copyright-footer-2 a, .copyright-footer-3 a {
	color: rgb(160, 163, 164);
	text-decoration: none;
}

.copyright-footer-1 a:hover, .copyright-footer-2 a:hover, .copyright-footer-3 a:hover {
	color: rgb(255, 103, 15);
	text-decoration: underline;
}

.heading7 {
	color: rgb(217, 214, 214);
}

.copyright-menu-footer-1 li a, .copyright-menu-footer-2 li a, .copyright-menu-footer-3 li a {
	color: rgb(255, 255, 255);
}

.copyright-menu-footer-1 li a:hover, .copyright-menu-footer-2 li a:hover, .copyright-menu-footer-3 li a:hover {
	color: rgb(255, 103, 15);
	text-decoration: underline;
}

.dark-mode-switch-label-header {
	color: rgb(255, 255, 255);
}


/*

scroll to top button

*/

.back-to-top {
	background-color: rgb(13, 110, 253);
	color: rgb(255, 255, 255);
	border-color: rgb(13, 110, 253);
}

.back-to-top:hover {
	background-color: rgb(11, 94, 215);
	color: rgb(255, 255, 255);
	border-color: rgb(11, 94, 215);
}


/******************
	DARK MODE
*******************/

[data-bs-theme=dark] body {
	background-color: rgb(34, 34, 34);
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .custom-main {
	background-color: rgb(34, 34, 34);
	color: rgb(225, 225, 225);
}

/*

border

*/

[data-bs-theme=dark] .content-border-style {
	border-left: solid 1px ;
	border-right: solid 1px;
	border-color: rgb(173, 181, 189);
}

@media (max-width: 575.98px) {
	[data-bs-theme=dark] .content-border-style {
		border-left: none;
		border-right: none;
	}
}

/* 

header 

*/

[data-bs-theme=dark] .header-container-style {
	background-color: rgba(0, 0, 0, 0.6);
	color: rgb(255, 255, 255);
	border-top-color: rgb(0, 0, 0);
	border-bottom-color: rgb(55, 90, 127);
}

[data-bs-theme=dark] .nav-container-basic-style {
	background-color: rgba(0, 0, 0, 0.6);
	color: rgb(255, 255, 255);
	border-top-color: rgb(0, 0, 0);
	border-bottom-color: rgb(55, 90, 127);
}


[data-bs-theme=dark] .header-1-style, [data-bs-theme=dark] .header-2-style {
	background-image: url(https://www.nfsstreetdogs.org/assets/img/metapics/header/header_background.jpg?1665825859);
}

/*

main content

*/

[data-bs-theme=dark] .custom-main {
	background-color: rgb(34, 34, 34);
	color: rgb(225, 225, 225);
}

/*

	Logo

*/

[data-bs-theme=dark] .logo-container-header-1 {
	background-color: rgba(0, 0, 0, 0);
	background-image: url(https://www.nfsstreetdogs.org/gallery/nfsstreetdogs-6740.png);
}

[data-bs-theme=dark] .logo-container-header-2 {
	background-color: rgba(0, 0, 0, 0);
	background-image: url(https://www.nfsstreetdogs.org/gallery/nfsstreetdogs-6740.png);
}

/*

	Title in Header

*/

[data-bs-theme=dark] .title-in-header-container {
	background-color: rgba(0, 0, 0, 0);
}

[data-bs-theme=dark] .title-in-header {
	color: rgb(0, 0, 0);
}

/*

	Navbar

*/


[data-bs-theme=dark] .navbar-light .navbar-toggler {
	background-color: rgb(55, 90, 127);
	color: rgb(255, 255, 255);
}

[data-bs-theme=dark] .navbar-light .navbar-nav .active>.nav-link, [data-bs-theme=dark] .navbar-light .navbar-nav .nav-link.active, [data-bs-theme=dark] .navbar-light .navbar-nav .nav-link.open, [data-bs-theme=dark] .navbar-light .navbar-nav .open>.nav-link {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(55, 90, 127);
}

[data-bs-theme=dark] .navbar-light .navbar-nav .nav-link:focus, [data-bs-theme=dark] .navbar-light .navbar-nav .nav-link:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(55, 90, 127);
}

[data-bs-theme=dark] .navbar-light .navbar-nav .nav-link {
	color: rgb(255, 255, 255) !important;
}

[data-bs-theme=dark] .navbar-default .navbar-nav>li>a {
	color: rgb(255, 255, 255);
}

/*

	Dropdown

*/

[data-bs-theme=dark] .dropdown-menu {
	background-color: rgb(38, 38, 41);
	color: rgb(255, 255, 255);
	border-color: rgba(250, 250, 250, 0.15);
}

[data-bs-theme=dark] .dropdown-menu-column-child {
	border-color: rgb(55, 90, 127);
}


[data-bs-theme=dark] .dropdown-menu-title-bar {
	background-color: rgb(55, 90, 127);
	color: rgb(255, 255, 255);
	border-bottom-color: rgba(0, 0, 0, 0.125);
}


[data-bs-theme=dark] .dropdown-header {
	background-color: rgba(0, 0, 0, 0);
	color: rgb(255, 255, 255);
}

[data-bs-theme=dark] .dropdown-item {
	background-color: rgba(0, 0, 0, 0);
	color: rgb(243, 243, 243);
}

[data-bs-theme=dark] .dropdown-item:hover, [data-bs-theme=dark] .dropdown-item.active:hover {
	background-color: rgb(55, 90, 127);
	color: rgb(243, 243, 243);
}

[data-bs-theme=dark] .dropdown-item:active, [data-bs-theme=dark] .dropdown-item.active {
	background-color: rgb(55, 90, 127);
	color: rgb(243, 243, 243);
}

[data-bs-theme=dark] .dropdown-divider {
	border-top: 1px solid rgb(55, 90, 127);
}

/*

	Mobile menu

*/

[data-bs-theme=dark] .sidenav {
	background-color: rgb(12, 26, 30);
	color: rgb(255, 255, 255);
}

[data-bs-theme=dark] .sidenav-title-element {
	background-color: rgb(33, 37, 41);
	color: rgb(255, 255, 255);
}

[data-bs-theme=dark] .sidenav-title-item {
	background-color: rgba(0, 0, 0, 0);
	color: rgb(255, 255, 255);
}

[data-bs-theme=dark] .sidenav .closebtn {
	color: rgb(85, 115, 146);
}

[data-bs-theme=dark] .nav-mobile-link {
	background-color: rgba(0, 0, 0, 0) !important;
	color: rgb(85, 115, 146);
}

[data-bs-theme=dark] .nav-mobile-link:hover, [data-bs-theme=dark] .nav-mobile-link:focus {
	background-color: rgb(85, 115, 146) !important;
	color: rgb(255, 255, 255);
}

[data-bs-theme=dark] .nav-mobile-link.active {
	background-color: rgb(85, 115, 146) !important;
	color: rgb(255, 255, 255);
}

/*

headings

*/

[data-bs-theme=dark] .h1, [data-bs-theme=dark] h1 {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h1 a, [data-bs-theme=dark] h1 a {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h1 a:hover, [data-bs-theme=dark] .h1 a:focus, [data-bs-theme=dark] h1 a:hover, [data-bs-theme=dark] h1 a:focus {
	color: rgb(101, 101, 101);
}

[data-bs-theme=dark] .h2, [data-bs-theme=dark] h2 {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h2 a, [data-bs-theme=dark] h2 a {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h2 a:hover, [data-bs-theme=dark] .h2 a:focus, [data-bs-theme=dark] h2 a:hover, [data-bs-theme=dark] h2 a:focus {
	color: rgb(101, 101, 101);
}

[data-bs-theme=dark] .h3, [data-bs-theme=dark] h3 {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h3 a, [data-bs-theme=dark] h3 a {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h3 a:hover, [data-bs-theme=dark] .h3 a:focus, [data-bs-theme=dark] h3 a:hover, [data-bs-theme=dark] h3 a:focus {
	color: rgb(101, 101, 101);
}

[data-bs-theme=dark] .h4, [data-bs-theme=dark] h4 {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h4 a, [data-bs-theme=dark] h4 a {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h4 a:hover, [data-bs-theme=dark] .h4 a:focus, [data-bs-theme=dark] h4 a:hover, [data-bs-theme=dark] h4 a:focus {
	color: rgb(101, 101, 101);
}

[data-bs-theme=dark] .h5, [data-bs-theme=dark] h5 {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h5 a, [data-bs-theme=dark] h5 a {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h5 a:hover, [data-bs-theme=dark] .h5 a:focus, [data-bs-theme=dark] h5 a:hover, [data-bs-theme=dark] h5 a:focus {
	color: rgb(101, 101, 101);
}

[data-bs-theme=dark] .h6, [data-bs-theme=dark] h6 {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h6 a, [data-bs-theme=dark] h6 a {
	color: rgb(225, 225, 225);
}

[data-bs-theme=dark] .h6 a:hover, [data-bs-theme=dark] .h6 a:focus, [data-bs-theme=dark] h6 a:hover, [data-bs-theme=dark] h6 a:focus {
	color: rgb(101, 101, 101);
}


/*

footer & copyright

*/

[data-bs-theme=dark] .footer-1-style {
	background-color: rgb(12, 26, 30);
	color: rgb(255, 255, 255);
}

[data-bs-theme=dark] .footer-1-style  a {
	color: rgb(160, 163, 164);
}

[data-bs-theme=dark] .footer-1-style  a:hover {
	color: rgb(255, 103, 15);
}

[data-bs-theme=dark] .copyright-footer-2 {
	border-top: solid 1px  rgba(0, 0, 0, 0);
}

[data-bs-theme=dark] .copyright-footer-1, [data-bs-theme=dark] .copyright-footer-2, [data-bs-theme=dark] .copyright-footer-3 {
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

[data-bs-theme=dark] .copyright-footer-1 a, [data-bs-theme=dark] .copyright-footer-2 a, [data-bs-theme=dark] .copyright-footer-3 a {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

[data-bs-theme=dark] .copyright-footer-1 a:hover, [data-bs-theme=dark] .copyright-footer-2 a:hover, [data-bs-theme=dark] .copyright-footer-3 a:hover {
	color: rgb(255, 103, 15);
	text-decoration: underline;
}


[data-bs-theme=dark] .heading7 {
	color: rgb(217, 214, 214);
}

[data-bs-theme=dark] .copyright-menu-footer-1 li a, [data-bs-theme=dark] .copyright-menu-footer-2 li a, [data-bs-theme=dark] .copyright-menu-footer-3 li a {
	color: rgb(255, 255, 255);
}

[data-bs-theme=dark] .copyright-menu-footer-1 li a:hover, [data-bs-theme=dark] .copyright-menu-footer-2 li a:hover, [data-bs-theme=dark] .copyright-menu-footer-3 li a:hover {
	color: rgb(255, 103, 15);
	text-decoration: underline;
}

[data-bs-theme=dark] .dark-mode-switch-label-header {
	color: rgb(255, 255, 255);
}

/*

scroll to top button

*/

[data-bs-theme=dark] .back-to-top {
	background-color: rgb(55, 90, 127);
	color: rgb(255, 255, 255);
	border-color: rgb(55, 90, 127);
}

[data-bs-theme=dark] .back-to-top:hover {
	background-color: rgb(119, 143, 168) !important;
	color: rgb(255, 255, 255) !important;
	border-color: rgb(119, 143, 168) !important;
}