/* TYPOS */

	body {
		font-family: 'Source Serif Pro', sans-serif;
		color: #121212;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
		background-color: #FFFFFF;
	}

	body {
			line-height: 1.5;
			font-size: 1rem;
		}
		
		h1, h2 {
		font-family: 'Oswald', serif;
		color: #121212;
		font-weight: 500;
	}
	
	h1 {
			line-height: 1.2;
			font-size: 2.5rem;
			margin-bottom: 0.5rem;
		}
		
		h2 {
			line-height: 1.2;
			font-size: 2rem;
			margin-bottom: 0.5rem;
		}
		
		h3, h4, h5, h6 {
		font-family: 'Oswald', serif;
		color: #121212;
		font-weight: 300;
	}
	
	h3 {
			line-height: 1.2;
			font-size: 1.75rem;
			margin-bottom: 0.5rem;
		}
		
		h4 {
			line-height: 1.2;
			font-size: 1.5rem;
			margin-bottom: 0.5rem;
		}
		
		h5 {
			line-height: 1.2;
			font-size: 1.25rem;
			margin-bottom: 0.5rem;
		}
		
		a, a:visited {
		color: #1cc7f0;
		text-decoration: none;
		transition: all 0.5s ease; 
	}
	a:hover { color: #ffed00; }
	

	.courcecode {
		font-family: 'Source Code Pro', serif;
		color: ;
		font-weight: 300;
	}

	 
	
	h2.flexible_section_title { font-size: 2.5rem; color: #121212; text-align: center; text-transform: inherit; }
	

	@media (max-width: 576px) { 
		body { font-size: 1rem; }
	}

	@media (max-width: 768px) { 
		body { font-size: 1rem; }
	}

	@media (max-width: 992px) { 
		body { font-size: 1rem; }
	}

	/* HEADER */
	
	body { padding-top: 120px; }
	
	header#masthead { position: fixed; z-index: 10000; top: 0; background-color: #ffffff; color: #000000; padding-top: 10px; padding-bottom: 10px; }
	header#masthead { color: #000000; }
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a { color: #000000; }
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a { color: #ff3d5c; }

	
	#sidebarCollapse { cursor: pointer; margin-bottom: 0; padding-top: 0px; color: !important; font-size: 32px; }
#sidebarCollapse:hover { color: !important; }
#logo_desktop { display: block; }
	#logo_mobile { display: none; }/* RESPONSIVE MENU & SIDEBAR */
	
	#sidebarCollapse { display: none; }

	#sidebar { display: none; width: 300px; max-width: 90%; height: 100vh; position: fixed; top: 0; left: -300px; z-index: 999999; background: #ff3d5c; transition: all 0.3s ease; }
	#sidebar.active { left: 0; }
	.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(255,255,255,0.6); z-index: 999998; opacity: 0; transition: all 0.5s ease-in-out; top: 0; }
	.overlay.active { display: block; opacity: 1; }
	#dismiss { width: 35px; height: 35px; position: absolute; top: 10px; right: 10px; }
	#sidebar .dropdown-menu.show { position: relative!important; top: auto!important; left: auto!important; transform: none!important; }
	#sidebar, #sidebar a { color: #000000; }
	#sidebar a:hover { color: #ffed00; }

	@media (max-width: 768px) { 
		body { padding-top: 80px; }
		.navbar-collapse { display: none; }
		#sidebarCollapse { display: block; }
		#sidebar { display: block; }
		#logo_desktop { display: none; }
		#logo_mobile { display: block; }
		header#masthead { padding-top: 0px; padding-bottom: 0px; }
	}

	#mobile-nav { font-family: 'Oswald', serif; font-weight: 300; font-size: 1.3rem; margin-top: 20px; }
	
	/* FOOTER */
		
	#footer { background-color: #ffffff; color: #000000; padding-top: 20px; padding-bottom: 20px; }
	#footer * { color: #000000; }
	
	 #siteinfo { margin-top: 10px; padding-top: 20px; padding-bottom: 0px; border-top: 1px solid #000000; }  #siteinfo .text-left { font-size: 90%; }  #siteinfo .text-left *, #siteinfo .text-right * { display: inline-block; margin-bottom: 0; }  #siteinfo .text-left p, #siteinfo .text-left ul, #siteinfo .text-left div, #siteinfo .text-right p, #siteinfo .text-right ul, #siteinfo .text-right div { margin-left: 15px; } #siteinfo { border-top: none!important; }
#siteinfo .text-right { display: none; }
#siteinfo .text-left { width: 100%; max-width: 100%; flex: 0 0 100%; }/* 404 PAGE */
	
	.error404 {}
.error404_inner {}
.error404_content {}