/*!
Theme Name: scapital
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: scapital
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/


/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
body{font-size:16px;font-family: 'Comfortaa', cursive;font-weight:300}
img{max-width:100%;height:auto;}
a{text-decoration:none}
#masthead{position:absolute;top:0;width:100%;z-index:1000;}

.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1rem 0;}
.site-branding a{display:block;height:70px;overflow:hidden;}
.site-branding img{max-width:140px;height:auto;transition: all ease-in-out .25s;}
.main-navigation ul{padding:0;margin:0;list-style:none;display:flex;justify-content:flex-end;}
.main-navigation ul li a{display:block;color:#fff;padding:0 1rem;text-decoration:none;font-weight:500;font-size:18px;text-transform:uppercase;transition: all ease-in-out .5s;}
.main-navigation ul li a:hover{color:#00A7F5;}
.site-footer ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;}
.site-footer ul li a{display:block;color:#fff;padding:0.5rem 1rem;text-decoration:none;font-weight:500;font-size:16px;text-transform:uppercase}
.site-footer ul li a:hover{color:#00A7F5;}
.menu-toggle {display: none;}
#masthead.masthead-sticky{position:fixed;top:0;left:0;;transition: all ease-in-out .5s;background-color:#3B71CA;}
#masthead.masthead-sticky .site-header{padding:1rem 0}
#masthead.masthead-sticky .site-branding a{height:auto;}
#masthead.masthead-sticky .site-branding img{max-width:80px;}
#masthead.masthead-sticky .main-navigation ul li a{font-size:15px;}
/* Small menu. */
/*.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}*/

@media screen and (max-width: 768px) {
	.site-header{
		
	}
	.menu-toggle {
		display: block;
	}
	.menu-menu-glowne-container{position:absolute;left:0;top:100px;width:100%;background-color:#222;text-align:center;}
	#masthead.masthead-sticky .menu-menu-glowne-container{top:85px;}
	.main-navigation ul {
		display: none;transition: all ease-in-out .5s;
	}
	.main-navigation ul.active{display:block;}
	.main-navigation ul li a{color:#fff;border-bottom:1px solid;padding:0.5rem;}
}
@media screen and (max-width: 576px) {
	
}