@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');

@font-face {
  font-family: 'FontAwesomeBrands';  
  font-style: normal;  
  font-weight: 400;  
  font-display: block;  
  src: url("/themes/webstach/fonts/fa-brands-400.woff2") format("woff2"), url("/themes/webstach/fonts/fa-brands-400.ttf") format("truetype"); 
}

@font-face {
  font-family: 'FontAwesomeFree';  
  font-style: normal;  
  font-weight: 400;
  font-display: block;  
  src: url("/themes/webstach/fonts/fa-regular-400.woff2") format("woff2"), url("/themes/webstach/fonts/fa-regular-400.ttf") format("truetype"); 
  src: url("/themes/webstach/fonts/fa-solid-900.woff2") format("woff2"), url("/themes/webstach/fonts/fa-solid-900.ttf") format("truetype"); 
}

*		{ box-sizing: border-box; }
a		{ text-decoration: none; }
img		{ max-width: 100%; }
html	{ font-size: 10px; }
body	{ margin: 0; font-size: 1.4rem;	font-family: Roboto, FontAwesomeBrands, FontAwesomeFree; }


input[type="button"], button, .button
{
	border-radius: 3em;
	cursor: pointer;
	display: inline-block;
	font-size: 0.975em;
	font-weight: bold;
	letter-spacing: 0.25em;
	line-height: 4.25em;
	padding: 0 3.75em;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

input[type="password"] {
  outline: 0;
  padding: 15px;
  border-radius: 10px;
}


/* Basic navigation */
.navigation a { display: inline-block; }
.menu, .subPageDropdown { list-style: none; margin: 0; padding: 0; }
.subpage-nav { }
	.subPageDropdown { z-index: 1000; }


/* --------------------------------------------------------------------------- */
/* HEADER -------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
.site-name-brand,
.site-name-extended,
.idea { margin: 0; }
	
.logo-container { display: inline-block;}
	.site-logo { display: block}


/* Main menu */
.main-menu { display: flex; justify-content: space-between; position: relative; }
	.main-menu .nav-item { flex-basis: 100%; }
	.main-menu .nav-item a  { display: block; text-align: center;}
  
	.main-menu > .nav-item:first-child a { padding-left: 0; }
	.main-menu > .nav-item:last-child a	{ padding-right: 0; }
	
	/* Main menu | subPageDropdown */
	.main-menu .subPageDropdown { display: none; }
	.main-menu li:hover ul	{
		display: flex;
		position: absolute;
		width: 100%;
		flex-direction: column;
		left: 0;
	}


/* --------------------------------------------------------------------------- */
/* FOOTER -------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

.section-main-footer-meta { line-height: 1.4; }

.social-media {
	list-style: none;
	margin: 0;
	padding: 0;
}



/* --------------------------------------------------------------------------- */
/* ADMIN --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
.content_plus
{
	margin-top: 3rem;
	border-radius: 5px;
	background: #439c43;
	color: white;
	padding: 8px 12px;
}

.content_delete {
	margin-bottom: 1rem;
	border-radius: 5px;
	background: #dc4444;
	color: white;
	padding: 6px;
}

.content_show {
	margin-bottom: 1rem;
	border-radius: 5px;
	background:  #ddd;
	color: white;
	padding: 6px 12px;
}

.content_hide {
	margin-bottom: 1rem;
	border-radius: 5px;
	background: #ddd;
	color: #333;
	padding: 6px 12px;
}

.hits-counter
{
	margin-bottom: 1rem;
	border-radius: 5px;
	background: #eda;
	color: #333;
	padding: 8px 12px 8px 12px;
	position: fixed;
	top: 90px;
	right: 250px;
}