/**    ***************************    MENSI FORMAT JAK 810px   ************************   **/
@media screen and (max-width: 810px) {
	/* je to pro mobilní zařízení, které mají max. rozlišení 810px na výšku či šířku !!! */
	#main, #menuHeader, .main-content { width:500px ; overflow: hidden;  }
	.menuHeaderRight { display:none; }

	.mobileNotVisible { display: none !important; }  /* když je mobilní, tak nepůjde vidět */
	.mobileVisable { display: visible !important; }    /* když je mobilní, tak vidět půjde */

	.site-content {
		padding: 0;
		margin-left: 0 !important; /* posun od levého okraje */

	}

	#secondary { 	width: 100%;  }
	#menu { width: auto; }
	ul.menu-left ul li  {margin: 0; padding: 0; display:block; width: auto; }
	#menu-toggle {  display:none; }

	.cssmenu ul ul {
		width: auto !important;
	}


	/*
        konverze tabulek na malém rozlišení
    Max width before this PARTICULAR table gets nasty
    This query will take effect for any screen smaller than 760px
    and also iPads specifically.
    */


	/* Force table to not be like tables anymore */
	table.tabulka, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table.tabulka thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.tabulka tr { border: 1px solid #ccc; }

	ta ble.tabulka td {
		border: none;
		border-bottom: 1px solid #eee;
		min-height: 12pt;
	}

	table.tabulkaPeople td,
	table.tabulkaMatches td
	{
		/* Behave  like a "row" */
		position: relative;
		padding-left: 50% !important;
	}

	table.tabulkaPeople td:before,
	table.tabulkaMatches td:before
	{
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*	Label the data */
	table.tabulkaPeople td:nth-of-type(1):before { content: "ID"; }
	table.tabulkaPeople td:nth-of-type(2):before { content: "jméno"; }
	table.tabulkaPeople td:nth-of-type(3):before { content: "pozice v týmu"; }
	table.tabulkaPeople td:nth-of-type(4):before { content: "pozice"; }
	table.tabulkaPeople td:nth-of-type(5):before { content: "nickname"; }
	table.tabulkaPeople td:nth-of-type(6):before { content: "správa"; }

	/*	Label the data */
	table.tabulkaMatches td:nth-of-type(1):before { content: "Kolo"; }
	table.tabulkaMatches td:nth-of-type(2):before { content: "Datum"; }
	table.tabulkaMatches td:nth-of-type(3):before { content: "Čas"; }
	table.tabulkaMatches td:nth-of-type(4):before { content: "Domácí"; }
	table.tabulkaMatches td:nth-of-type(5):before { content: "Hosté"; }
	table.tabulkaMatches td:nth-of-type(6):before { content: "Typ"; }
	table.tabulkaMatches td:nth-of-type(7):before { content: "Povrch"; }
	table.tabulkaMatches td:nth-of-type(8):before { content: "Místo"; }

}







/**    ***************************    VETSI FORMAT JAK 810px, např. iPAD   ************************   **/
@media screen and (min-width: 810px) {
	/* není mobilní */
	#main, #menuHeader, .main-content { width:100% ;border: 0; }

	.site-content {

	}
	header h1.entry-title {
		margin-left:-5px;
	}
	#menu {
		margin-left: 0 ;
	}
	#menuHeader {
		display: visible;
	}
	.menuMobile {
		display: none;
	}
	 
	 .mobileNotVisible { display: visible !important; }  /* když je mobilní, tak nepůjde vidět */
	.mobileVisable { display: none !important; }    /* když je mobilní, tak vidět půjde */
	 
	  .hide {
		display: block;
	}
	#secondary { 	width: 162px;  }

}
	
/**	*
@media screen and (max-width: 1024px) {
	#menuHeader ul li.header-title {

			display: none !important;  // logo jakože slušovic
	 }
	#secondary { 	width: 100%;  }
	#menu { width: auto; }
	ul.menu-left ul li  {margin: 0; padding: 0; display:block; width: auto; }
	#menu-toggle {  display:none; }
	.site-content {
				margin: 20px !important; // posun od levého okraje, znovu vrátím levém menu (vytvořím pro to místo), zpět z mobilní aplikace
			}

	
}
**/