/*
Theme Name: SKØG Urban Hub
Author: Petr Pojer
Author URI: https://www.petrpojer.cz/
Description: Template for SKØG website
Version: 1.0
*/
/*
 * Reset
 * inspired normalize.css
 */
html      {font-family: Arial; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section 
{display: block;}
a:hover, a:active 
{outline: 0;}
img       {max-width: 100%; height: auto; border: 0;}
button, input, select, textarea
{margin: 0; font-family: 'Source Sans Pro', sans-serif; font-size: 100%; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box;}
button, input[type="button"], input[type="reset"], input[type="submit"]                                                                                        
{cursor: pointer;}

*:focus   {outline: 0;}

/*#_Inicialization/Style#*/
body  {margin: 0px; padding: 0px; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 300; background: #fff; color: #231f20;}

a       {color: #fff; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}

p       {line-height: 1.6;}
strong  {font-weight: 700;}

/*#Header#*/
.logo-small img      {margin: 70px auto 50px; max-width: 200px;}

@media (max-width: 600px) {
	.logo-small img		{margin: 0px auto 40px;}
}

#menu-main    {margin: 0px; padding: 0px; list-style-type: none; text-align: center; position: fixed; top: 0px; right: 20px; z-index: 999;}
#menu-main li {margin: 0px; padding: 0px; display: inline-block;}
#menu-main a  {padding: 0px 30px; height: 45px; line-height: 45px; background: #fff; color: #646464; font-size: 15px; text-decoration: none; text-transform: uppercase; display: block;}
#menu-main .current-menu-item a,
#menu-main a:hover   {background: #646464; color: #fff;}

@media (max-width: 600px) {
	#menu-main {
		margin-bottom: 20px;
		width: 100%;
		border-bottom: 1px solid #646464;
		position: static;
	}

	#menu-main li {
		display: block;
	}

	#menu-main a {
		width: 100%;
	}
}

/*#Collage#*/
.collage  {margin: 0px; padding: 0px;}
.collage .photo-item  {margin: 0px; padding: 0px; vertical-align: bottom; opacity: 0;}
.photo-item img       {margin: 0px; padding: 0px; width: 100%; display: block;}

.photo-greyscale img {
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* Firefox 35+ */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.photo-greyscale img:hover {filter: none; -webkit-filter: grayscale(0);}

/*#Jobs#*/
.subpage h1   {margin: 0px 0px 20px; color: #646464; font-size: 40px; font-weight: 300;}

.subpage-list       {margin: 0px auto 40px;}
.subpage-item       {padding: 40px 0px; color: #646464; font-size: 15px; font-weight: 400; border-bottom: 1px solid #e1e1e1; position: relative;}
.subpage-item:last-child {margin-bottom: 0px; padding-bottom: 0px; border: 0px;}

.subpage-item h2    {margin: 0px 0px 20px; color: #231f20; font-size: 26px; font-weight: 700;}
.subpage-item h3 {color: #646464; font-size: 16px; font-weight: 700; text-transform: uppercase;}
.subpage-item p     {margin: 30px 0px;}
.subpage-item p:first-child {margin-top: 0px;}
.subpage-item a     {color: #646464; text-decoration: underline;}
.subpage-item a:hover   {text-decoration: none;}

.subpage-meta			{margin-bottom: 40px;}
.subpage-description    {width: 900px; max-width: 100%; color: #231f20;}

.subpage-item ul	{margin: 15px 0px 0px; padding: 0px 0px 0px 15px;}
.subpage-item ul li	{margin: 0px 0px 15px; padding: 0px;}

@media (max-width: 767px) {
	.subpage-item	{padding: 20px 0px;}
	.subpage-item p	{margin: 20px 0px;}
}

/*#Entry content#*/
.entry-content {padding-bottom: 40px; font-size: 16px;}
.entry-content a {color: #646464;}

/*#Map#*/
.map-wrapper {width: 100%; height: 360px;}
.map-wrapper iframe {width: 100%; height: 100%;}

/*#Footer#*/
#footer         {padding: 110px 0px; background: #231f20; color: #fff;}
#footer p       {margin-bottom: 30px;}
#footer strong  {color: #646464; font-weight: 300;}

.footer-icon        {width: 30px; height: 30px; background: url('images/sprite.png') no-repeat; font-size: 0px; display: inline-block;}
.footer-facebook    {margin-right: 15px; background-position: 0px 0px;}
.footer-instagram   {background-position: -30px 0px;}
.footer-icon:hover  {opacity: 0.7;}

@media (max-width: 768px)
{
    #footer     {padding: 60px 0px; text-align: center;}
    #footer p   {margin: 20px auto;}
}

#copyright    {background: #231f20; color: #fff; font-size: 12px;}