<commit_before>@import 'header-about-modal';
@import 'header-login-modal';

header 
{	
	color: white ;
	//@extend .z-depth-2;	

	#menu
	{
		margin: 0 ; 
	  font-size: .85rem ;
		padding: 0 .5rem;
		height: 3rem;
		width: 100%;

		@media only screen and (min-width : 701px)
		{
			font-size:1rem;
			margin-bottom: 0px ;
			padding: 0;	
			height: 3.5rem;
		}

		#menu-home
		{
	    display: inline-block;

	    font-family: '<NAME>', cursive;
	    font-weight: bold;
	    letter-spacing: -1px;

	    // font-family: 'Yellowtail', cursive;
	    font-size: 1.4rem;
	    line-height: 3rem;
	    margin-right: 0;

	    color: #EE6E73;
			.small-logo { 
				display: inline-block; 
				height: 100%;
		    padding: 6px 0;
		    margin-left: -5px;
		    img { height: 100% }
			}
			.large-logo { display: none; }

			#logo-inline
			{
				height: 2.5rem;
		    position: absolute;
		    top: .3rem;
			}

	    .small-logo .header-icon
	    {
	    	font-size: 1.8rem;
		    padding-top: 3px;
		    color: #ffffff;
		    position: absolute;
		    top: 0;
		    left: 0;
		    height: 3rem;
		    border-radius: 0 18px 18px 0;
		    margin: 0;
		    padding: 0 1.3rem 0 1rem;
		    padding-top: 3px;
	    }

	    @media screen and (min-width: 900px)
			{
				color: white;
				.small-logo { display: none; }
				.large-logo { display: inline-block; }			
			}

			@media screen and (min-width: 701px)
			{				
				margin-left: .7rem;
		    font-size: 1.6rem;
		    line-height: 3.5rem;
		    #logo-inline { top: .5rem; }
		  }

	    @media screen and (max-width: 700px) { line-height: 3rem; height: 3rem; padding: 0;}
		}

		#btn-nav-open-menu
		{
			font-size: 2rem;
	    margin-top: 5px;
	    float: left;
	    padding: 0 .5rem 0 .7rem;

	    @media screen and (min-width: 701px) { display:none !important; }
		}
		
		#nav-page-title
		{
			font-size: 1.5rem;
	    display: inline-block;
	    color: #c6cad0;
	    padding-left: 1rem;
	    line-height: 2.1rem;

	    @media screen and (min-width: 701px) { display:none }
		}

		#nav-btn-dropdown
		{
			float: right;
	    margin-top: 6px;
	    font-size: 1.8rem;
	    padding: 0 .5rem 0 1rem;

	    @media screen and (min-width: 701px) { display:none }
		}

		#menu-actions
		{			
			@media screen and (max-width: 700px)
			{
				display: none;
				line-height: 2.5rem;
		    position: absolute;
		    border-top: 1px solid #a9b2c1;
		    padding: .5rem 0;
		    left: 0;
		    right: 0;
		    top: 3rem;
		    padding-bottom: 1rem;
		    text-align: center;
		    background-color: #3d4b61;
			}		
	    

			@media screen and (min-width: 701px) { 
				display:inline-block !important;
				line-height: 3rem; 
				float : right;
				line-height: 3.5rem;
			}

			.nav-overlay
			{
				position: fixed;
		    top: 0;
		    z-index: -1;
		    bottom: 0;
		    right: 0;
		    left: 0;
		    background-color: rgba(0, 0, 0, 0.17);

		    @media screen and (min-width: 701px) { display:none !important; }
			}
		}
		
		.menu-item 
		{ 
			@media only screen and (max-width : 700px)
			{
				text-align:center;

				&:not(#menu-home) { 
					width: 100%;
					padding: 0 !important;
					margin: 0; 
				}			
					
				padding: 0 .5rem !important;

				font-size: inherit ;
				//@include transition(all 0.4s);
			}

				

			@media only screen and (min-width : 701px)
			{
				margin-right: .5rem;
				float: none;
				height:100%;
				display:inline-block;			
				//line-height: 2.8rem;
				width: auto;	
			}

			@media only screen and (min-width : 1000px)
			{
				margin-right: 2rem;
			}

			&:hover<commit_msg>Fixs menu padding<commit_after>@import 'header-about-modal';
@import 'header-login-modal';

header 
{	
	color: white ;
	//@extend .z-depth-2;	

	#menu
	{
		margin: 0 ; 
	  font-size: .85rem ;
		padding: 0 .5rem;
		height: 3rem;
		width: 100%;

		@media only screen and (min-width : 701px)
		{
			font-size:1rem;
			margin-bottom: 0px ;
			padding: 0;	
			height: 3.5rem;
		}

		#menu-home
		{
	    display: inline-block;

	    font-family: '<NAME>', cursive;
	    font-weight: bold;
	    letter-spacing: -1px;

	    // font-family: 'Yellowtail', cursive;
	    font-size: 1.4rem;
	    line-height: 3rem;
	    margin-right: 0;

	    color: #EE6E73;
			.small-logo { 
				display: inline-block; 
				height: 100%;
		    padding: 6px 0;
		    margin-left: -5px;
		    img { height: 100% }
			}
			.large-logo { display: none; }

			#logo-inline
			{
				height: 2.5rem;
		    position: absolute;
		    top: .3rem;
			}

	    .small-logo .header-icon
	    {
	    	font-size: 1.8rem;
		    padding-top: 3px;
		    color: #ffffff;
		    position: absolute;
		    top: 0;
		    left: 0;
		    height: 3rem;
		    border-radius: 0 18px 18px 0;
		    margin: 0;
		    padding: 0 1.3rem 0 1rem;
		    padding-top: 3px;
	    }

	    @media screen and (min-width: 900px)
			{
				color: white;
				.small-logo { display: none; }
				.large-logo { display: inline-block; }			
			}

			@media screen and (min-width: 701px)
			{				
				margin-left: .7rem;
		    font-size: 1.6rem;
		    line-height: 3.5rem;
		    #logo-inline { top: .5rem; }
		  }

	    @media screen and (max-width: 700px) { line-height: 3rem; height: 3rem; padding: 0;}
		}

		#btn-nav-open-menu
		{
			font-size: 2rem;
	    margin-top: 5px;
	    float: left;
	    padding: 0 .5rem 0 .7rem;

	    @media screen and (min-width: 701px) { display:none !important; }
		}
		
		#nav-page-title
		{
			font-size: 1.5rem;
	    display: inline-block;
	    color: #c6cad0;
	    padding-left: 1rem;
	    line-height: 2.1rem;

	    @media screen and (min-width: 701px) { display:none }
		}

		#nav-btn-dropdown
		{
			float: right;
	    margin-top: 6px;
	    font-size: 1.8rem;
	    padding: 0 .5rem 0 1rem;

	    @media screen and (min-width: 701px) { display:none }
		}

		#menu-actions
		{			
			@media screen and (max-width: 700px)
			{
				display: none;
				line-height: 2.5rem;
		    position: absolute;
		    border-top: 1px solid #a9b2c1;
		    padding: .5rem 0;
		    left: 0;
		    right: 0;
		    top: 3rem;
		    padding-bottom: 1rem;
		    text-align: center;
		    background-color: #3d4b61;
			}		
	    

			@media screen and (min-width: 701px) { 
				display:inline-block !important;
				line-height: 3rem; 
				float : right;
				line-height: 3.5rem;
			}

			.nav-overlay
			{
				position: fixed;
		    top: 0;
		    z-index: -1;
		    bottom: 0;
		    right: 0;
		    left: 0;
		    background-color: rgba(0, 0, 0, 0.17);

		    @media screen and (min-width: 701px) { display:none !important; }
			}
		}
		
		.menu-item 
		{ 
			@media only screen and (max-width : 700px)
			{
				text-align:center;

				&:not(#menu-home) { 
					width: 100%;
					padding: 0 !important;
					margin: 0; 
				}			
					
				padding: 0 .5rem !important;

				font-size: inherit ;
				//@include transition(all 0.4s);
			}

			padding: 0 .75rem !important;				

			@media only screen and (min-width : 701px)
			{
				margin-right: .5rem;
				float: none;
				height:100%;
				display:inline-block;			
				//line-height: 2.8rem;
				width: auto;	
			}

			@media only screen and (min-width : 1000px)
			{
				margin-right: 2rem;
			}

			&:hover
{'fraction_non_alphanumeric': 0.14081746920492721, 'fraction_numerical': 0.04773236282194849, 'mean_word_length': 1.8880355699272433, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5393510', 'n_tokens_mistral': 3652, 'n_tokens_neox': 2700, 'n_words': 643}