@font-face



{



	font-family: Time Burner;



	src: url('fonts/timeburnerbold.woff');



}















@font-face {



    font-family: 'Geogrotesque';



	src: url('fonts/Geogrotesque-Regular.woff2') format('woff2'),



		url('fonts/Geogrotesque-Regular.woff') format('woff');



    font-weight: 400;



    font-style: normal;



    font-stretch: normal;



    unicode-range: U+0020-FB04;



}







@font-face {



    font-family: 'BebasNeue';



    src: url('fonts/BebasNeue.woff2') format('woff2'),



		url('fonts/BebasNeue.woff') format('woff');



    font-weight: 900;



    font-style: normal;



    font-stretch: normal;



    unicode-range: U+0020-FB04;



}











*



{



	margin: 0px;



	padding: 0px;



}







body



{



	background-image: url('images/logo_dark.png');



	background-color: black;



	background-repeat: no-repeat;

	background-size: 20%;

	background-position: center;

	background-attachment: fixed;



	overflow-y: scroll;



}







input::-moz-focus-inner



{



	border: 0;



}







#stranka



{



	width: 1280px;



	margin: auto;



	margin-top: 32px;



}







#hlavicka



{



	width: 480px;



	height: 96px;



	background-color: rgb(24, 24, 24, 0.85);



	--border-radius: 20px 20px 0px 0px;



	text-align: center;



	line-height: 96px;



	color: white;



	font-family: 'BebasNeue';



	--color: rgb(95, 25, 35);



	color: rgb(240, 240, 240);



	font-size: 26px;



	float: left;



}







#menu



{



	width: 800px;



	height: 96px;



	background-color: rgb(24, 24, 24, 0.85);



	float: left;



	line-height: 96px;



}







#menu ul



{



	list-style-type: none;

	float: right;



}







#menu ul li



{



	width: Calc(640px / 7);



	height: 32px;



	text-align: center;



	line-height: 32px;



	display: inline-block;



}







#menu ul li a



{



	display: block;



	color: white;



	text-decoration: none;



	font-family: 'BebasNeue';



	font-size: 17px;



	color: rgb(240, 240, 240);



}







#menu ul li a:hover



{



	text-decoration: underline;



}







#menu ul li a:focus



{



	outline: none; 



}







.nadpis



{



	width: 1280px;



	height: 64px;



	text-align: center;



	line-height: 64px;



}







.nadpis h1



{



	color: rgb(240, 240, 240);



	font-family: 'BebasNeue';



	font-size: 32px;



}







.nadpis input



{



	width: 320px;



	height: 32px;



	margin-left: 8px;



	margin-right: 8px;



	padding-left: 16px;



	padding-right: 16px;



	border: 1px solid #7395AE;



	border-radius: 4px 4px 4px 4px;



}







.nadpis input:focus



{



	opacity: .5;



	outline: none;



}











#prostor



{



	margin-top: 24px;



	width: 1280px;



	min-height: 640px;



	background-color: rgb(32, 32, 32, 0.85);



	float: left;



}







#prostor p



{



	margin-left: 24px;



	margin-right: 24px;



	margin-bottom: 24px;



	text-align: justify;



	font-family: 'BebasNeue';



	color: rgb(240, 240, 240);



}







#prostor ul



{



	margin-left: 24px;



	margin-right: 24px;



	margin-bottom: 24px;



	list-style-type: none;



	font-family: 'BebasNeue';



	color: rgb(240, 240, 240);



}







#prostor ul li



{



	min-height: 22px



}







#prostor #profily



{



	width: 1280px;



	min-height: 384px;



	display: flex;



	justify-content: center;



	flex-wrap: wrap;



}







#prostor #profily .profil



{



	width: 196px;



	height: 304px;



	display: inline-block;



	margin-bottom: 16px;



	margin-left: 24px;



	margin-right: 24px;



}







#prostor #profily .profil img



{



	height: 256px;



	--webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);



    --moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);



	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);    



	border-radius: 12px;



}



#prostor img {

	display: block;

	margin: auto;

	width: 17.5%;

	margin-bottom: 16px;

}



#prostor #profily .profil .jmenovka h3



{



	height: 32px;



	line-height: 32px;



	text-align: center;



	color: white;



	font-family: "BebasNeue";



	border: 1px solid black;



	background-color: rgb(54, 54, 54);



	border-radius: 12px;



}







#prostor #velkefoto



{



width: 1280px;



min-height: 128px;



margin-bottom: 8px;



}







#prostor #velkefoto img



{



width: 70%;



display: block;



margin: auto;



margin-bottom: 8px;



}







#prostor #velkefoto h3



{



text-align: center;



font-family: 'BebasNeue';



color: rgb(240, 240, 240);



}







#registrace



{



	width: 1280px;



	min-height: 416px;



	margin-top: 24px;



	background-color: rgb(24, 24, 24, 0.85);



	float: left;



}







#registrace p



{



color: red;



text-align: center;



margin-bottom: 16px;



font-family: 'BebasNeue';



}







#prihlaseni



{



	width: 1280px;



	min-height: 216px;



	margin-top: 24px;



	background-color: rgb(24, 24, 24, 0.85);



	float: left;



}







#prihlaseni p



{



color: red;



text-align: center;



margin-bottom: 16px;



font-family: 'BebasNeue';



}







#registrace input, #prihlaseni input



{



	width: 256px;



	height: 32px;



	margin: auto;



	margin-bottom: 16px;



	padding-left: 16px;



	padding-right: 16px;



	border: 1px solid #7395AE;



	border-radius: 4px 4px 4px 4px;



	display: block;



	cursor: pointer;



	-webkit-appearance: none;



}







#registrace input:focus, #prihlaseni input:focus



{



	opacity: .5;



	outline: none;



}







#kalendar



{



	width: 1280px;



	height: 480px;



	margin-top: 24px;



	background-color: rgb(24, 24, 24, 0.85);



	color: rgb(240, 240, 240);



	float: left;



}







#kalendar table



{



	margin: auto;



	font-family: 'BebasNeue';



}







#kalendar table tr td



{



	width: 48px;



	height: 48px;



	text-align: center;



	line-height: 48px;



	border: 1px solid black;



	box-sizing: border-box;



}







#kalendar table tr .den input



{



	width: 100%;



	height: 100%;



	border: none;



	background-color: rgb(95, 25, 35);



	cursor: pointer;



	font-family: 'BebasNeue';



	font-size: 16px;



	-webkit-appearance: none;



	border-radius: 0;



}







#kalendar table tr .den input:focus



{



	background-color: rgb(95, 25, 35);



}







#kalendar table .volba td



{



	height: 24px;



	line-height: 24px;



	background-color: rgb(95, 25, 35);



	color: rgb(240, 240, 240);



}







#kalendar table .volba td input



{



	width: 147px;



	height: 24px;



	border: none;



	background-color: rgb(95, 25, 35);



	color: rgb(240, 240, 240);



	cursor: pointer;



	-webkit-appearance: none;



	border-radius: 0;



}







#kalendar table .volba td input:focus



{



	background-color: rgb(32, 32, 32, 0.85);



}







.new



{



	width: 1280px;



}







.new input



{



	margin: auto;



	display: block;



	margin-bottom: 16px;



	width: 512px;



	height: 32px;



	background-color: rgba(179, 179, 179, 10%);



	line-height: 32px;



	text-align: center;



	font-family: 'BebasNeue';



	border: none;



	color: white;



}







.new input:hover



{



	cursor: pointer;



	background-color: rgba(179, 179, 179, 30%);



}







.pridatn



{



	width: 1280px;



}







.pridatn input



{



	margin: auto;



	display: block;



	margin-bottom: 16px;



	width: 256px;



	height: 32px;



	background-color: rgba(179, 179, 179, 10%);



	line-height: 32px;



	text-align: center;



	font-family: 'BebasNeue';



	border: none;



	color: white;



}







.pridatn input:hover



{



	cursor: pointer;



	background-color: rgba(179, 179, 179, 30%);



}







.skrol



{



	overflow-x: hidden;



	overflow-y: scroll;



}







#editace



{



	width: 1280px;



	min-height: 480px;



	margin-top: 24px;



	background-color: rgb(24, 24, 24, 0.85);



	float: left;



}







#editace #okno



{



	width: 1248px;



	min-height: 400px;



	margin-left: 16px;



	margin-right: 16px;



	padding: 8px;



	background-color: rgb(220, 220, 220, 1);



	border: 2px solid black;



	box-sizing: border-box;



	font-family: 'BebasNeue';



}







#editace textarea



{



	border: none;



	resize: none;



}







#editace #panel



{



	width: 1280px;



	height: 64px;



	display: flex;



	align-items: center;



	justify-content: center;



}







#editace #panel input



{



	width: 256px;



	height: 32px;



	margin-left: 8px;



	margin-right: 8px;



	padding-left: 16px;



	padding-right: 16px;



	border: 1px solid rgb(95, 25, 35);



	border-radius: 4px 4px 4px 4px;



	cursor: pointer;



	-webkit-appearance: none;



}







#editace #panel input:focus



{



	opacity: .5;



	outline: none;



}







#mezera



{



	width: 1280px;



	height: 16px;



}







#info



{



	width: 1280px;



	height: 48px;



	color: white;



	font-family: 'BebasNeue';



	padding-left: 8px;



}







.komentar



{



	width: 1248px;



	min-height: 128px;



	margin: auto;



	margin-left: 16px;



	margin-right: 16px;



	margin-bottom: 16px;



	border: 2px solid black;



	background-color: rgb(220, 220, 220, 1);



	box-sizing: border-box;



	clear: both;



}







.komentar .titulek



{



	width: 100%;



	height: 32px;



	color: white;



	background-color: rgb(95, 25, 35);



	line-height: 32px;



	font-family: 'BebasNeue';



}







.komentar .titulek h4



{



	margin-left: 4px;



	float: left;



}







.komentar .titulek input, .komentar .titulek button



{



	width: 128px;



	height: 24px;



	margin-right: 4px;



	margin-top: 4px;



	float: right;



	-webkit-appearance: none;



}







.komentar textarea



{



    width: 1244px;



    min-height: 96px;



}







.komentar p



{



	height: 92px;



	font-family: 'BebasNeue';



	text-align: justify;



	overflow-y: scroll;



}







#zapati



{



	width: 1280px;



	height: 96px;



	background-color: rgb(24, 24, 24, 0.75);



	color: rgb(240, 240, 240);



	text-align: center;



	line-height: 96px;



	float: left;



	margin-top: 24px;



}







#zapati h5



{



	font-family: 'BebasNeue';



	font-size: 16px;



}



















#atleti, #detail {

	width: 1280px;

	margin-top: 24px;

	background-color: rgb(24, 24, 24, 0.85);

	color: rgb(240, 240, 240);

	float: left;

	font-family: Geogrotesque;

}



.controller {

	width: 100%;

	height: 48px;

	display: flex;

	flex-direction: row;

	column-gap: 64px;

	justify-content: center;

	align-items: center;

	margin-top: 16px;

}



.controller > button {

	width: 192px;

	height: 32px;

	border: 0;

	color: white;

	font-family: Geogrotesque;

	font-size: 18px;

}



.controller > button:hover {

	cursor: pointer;

}



.controller > button:first-child {

	background-color: rgba(255, 128, 128, 0.5);

}



.controller > button:last-child {

	background-color: rgba(128, 216, 128, 0.5);

}



.card {

	display: grid;

	grid-template-columns: 64px repeat(4, 1fr);

	grid-template-rows: repeat(43, 48px);

	justify-items: center;

	align-items: center;

	font-size: 18px;

	margin-top: 32px;

	margin-bottom: 32px;

}



.back-squat-row {

	color: rgb(255, 128, 128);

}



.front-squat-row {

	color: rgb(128, 216, 128);

}



.weighted-row {

	color: rgb(180, 180, 255);

}



.gymnastics-row {

	color: rgb(216, 216, 128);

}



.wod-row {

	color: rgb(128, 216, 216);

}



.gymnastics-value {

	grid-column: span 2;

}



.wod-value {

	grid-column: span 3;

}



#height {

	font-size: 24px;

}



#weight {

	font-size: 24px;

}



#name {

	font-size: 24px;

}



#card-title {

	grid-column: span 2;

	grid-row: span 2;

}



#card-title {

	font-size: 32px;

}



.editor {

	display: grid;

	grid-template-columns: 1fr 1fr;

	grid-template-rows: repeat(42, 48px);

	align-items: center;

	font-size: 18px;

	margin-bottom: 32px;

	column-gap: 64px;

	row-gap: 8px;

}



.editor > label {

	justify-self: right;

}



.editor > input {

	justify-self: left;

	width: 192px;

	height: 32px;

	border: 0;

	color: white;

	font-family: Geogrotesque;

	font-size: 16px !important;

	padding-left: 8px;

	outline: 0;

	background-color: rgba(128, 128, 128, 0.5);

	border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

}



.editor > input::placeholder {

	color: white;

}



.editor > input[type="submit"] {

	grid-column: span 2;

	justify-self: center;

}



.editor > input[type="submit"]:hover {

	cursor: pointer;

}



.back-squat-row-detail {

	background-color: rgba(255, 128, 128, 0.5) !important;

}



.front-squat-row-detail {

	background-color: rgba(128, 216, 128, 0.5) !important;

}



.weighted-row-detail {

	background-color: rgba(180, 180, 255, 0.5) !important;

}



.gymnastics-row-detail {

	background-color: rgba(216, 216, 128, 0.5) !important;

}



.wod-row-detail {

	background-color: rgba(128, 216, 216, 0.5) !important;

}



.edit-href {

	display: flex;

	justify-content: center;

	align-items: center;

	text-decoration: none;

	margin: auto;

	width: 192px;

	height: 32px;

	color: white;

	font-family: Geogrotesque;

	font-size: 16px;

	background-color: rgba(180, 180, 255, 0.5);

}

















@media only screen and (max-device-width: 1279px)



{



    body



    {



        --background-image: none;



        --background-color: rgb(16, 16, 16);



    }



    



    #stranka



    {



        width: 100%;



        margin-top: 0;



    }



    



    #hlavicka



    {



        width: 100%;



        float: none;



        clear: both;



        margin: auto;



        background-color: rgb(12, 12, 12);



        font-family: arial;



    }



    



    #menu



    {



        width: 100%;



        float: none;



        clear: both;



        margin: auto;



        background-color: rgb(24, 24, 24);



    }



    



    #menu ul



    {



        width: 100%;



    }



    



    #menu ul li



    {



        width: Calc(100vw / 6);



    }



    



    #menu ul li a



    {



        font-family: arial;



        font-size: 24px;



    }



    



    #prostor



    {



        width: 100%;



        margin-top: 0;



        background-color: rgb(12, 12, 12);



    }



    



    #prostor p



    {



        font-family: arial;



        font-size: 24px;



    }



    



    #prostor ul



    {



        font-family: arial;



        font-size: 24px;



	}



    



    #registrace, #prihlaseni



    {



        width: 100%;



        margin-top: 0;



        background-color: rgb(12, 12, 12);



    }



    



    #registrace input[type="submit"], #prihlaseni input[type="submit"]



    {



        background-color: rgb(180, 180, 180);



    }



    



    #zapati



    {



        width: 100%;



        margin-top: 0;



        background-color: rgb(24, 24, 24);



    }



    



    #zapati h5



    {



        font-family: arial;



    }



    



    #prostor #profily



    {



        width: 100%;



    }



    



    #prostor #profily .profil .jmenovka h3



    {



        border: 0;



        background-color: transparent;



        font-family: arial;



    }







#prostor #velkefoto



{



width: 100%;



min-height: 128px;



margin-bottom: 8px;



}



    



    #kalendar



    {



        width: 100%;



    }



    



    #kalendar table



    {



        font-family: arial;



    }



    



    #kalendar table tr .den input



    {



        font-family: arial;



    }



    



    #editace



    {



        width: 100%;



    }



    



    #editace #okno



    {



        width: Calc(100% - 32px);



        background-color: rgb(220, 220, 220);



        font-size: 24px;



    }



    



    #editace textarea



    {



        width: 100%;



    }







    #editace #panel



    {



        width: 100%;



    }



    



    #mezera



    {



    	width: 100%;



    }

	

	#atleti, #detail {

		width: 100%;

	}







    #editace #panel input



    {



        background-color: rgb(180, 180, 180);



    }



    



    .komentar



    {



        width: Calc(100% - 32px);



    }



    



    .komentar .titulek input, .komentar .titulek button



    {



        background-color: rgb(180, 180, 180);



    }



    



    .komentar p



    {



        background-color: rgb(220, 220, 220);



    }



    



    .nadpis



    {



        width: 100%;



        margin: auto;



    }



    



    .nadpis h1



    {



        font-family: arial;



    }



    



    textarea



    {



        border-radius: 0;



    }







#info



{



	width: 100%;



}







.pridatn



{



width: 100%;



border: none;



}







.new



{



width: 100%;



border: none;



}



}



@media only screen and (max-width: 500px) {

	#prostor img {

		width: 50%;

		margin-bottom: 32px;

	}

}



#coach-tab b {

	padding-right: 32px;

}



#achi li {

	margin-left: 64px;

}



#coach-contact li a {

	color: gray;

}



.coach-img {

	width: 80% !important;

	max-width: 512px !important;

}



.input-time {

	display: flex;

	flex-direction: row;

}



.input-time > select {

	font-family: Geogrotesque;

	width: Calc(200px / 3);

	height: 32px;

	border: 0;

	outline: 0;

	color: white;

	font-size: 16px;

	padding-left: 8px;

	border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

}



.input-time > select > option {

	border: 0;

	outline: 0;

	background-color: black;

	color: white;

}



.input-time > select::-webkit-scrollbar {

	width: 0;

}