/*
Theme name: APP
Description: Custom Theme
*/

.section-logo {
	background-color: #FCCCFE;
}

.logo {
	background-image: url('resources/images/logo-new.jpg');
}

.header {
	background-color: #913533;
}

.header .header__content {
	background-color: #913533;
}

.nav ul.menu .menu-item a {
	color: #fff;
}

.nav ul.menu .menu-item.current-menu-item a {
	color: #fff;
	background-color: transparent;
}

.nav ul.menu .menu-item a:hover {
	color: #913533;
	background-color: #F8D4E4;
}

body.home .shell,
body.home .shell-sm {
	padding-left: 48px;
	padding-right: 48px;
}

body.home .main > [class^='section-'] {
	margin-top: 24px;
	margin-bottom: 24px;
}

body.home .main > [class^='section-']:first-child {
	margin-top: 0;
}

body.home .main > [class^='section-']:last-child {
	margin-bottom: 0;
}

@media (max-width: 1025px) {
	body.home .shell,
	body.home .shell-sm {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 740px) {
	body.home .shell,
	body.home .shell-sm {
		padding-left: 25px;
		padding-right: 25px;
	}

	body.home .main > [class^='section-'] {
		margin-top: 18px;
		margin-bottom: 18px;
	}
}

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `/dist/`.
	
	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle. 
*/