/*
Theme Name: 96. PS Veselí Medvědi
Theme URI: https://dotekomanie.cz/
Author: Dotekomanie.cz
Author URI: https://dotekomanie.cz/
Description: Zakázková šablona pro 96. PS Veselí Medvědy
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* {
	font-family: 'Poppins', sans-serif;
	margin: 0;
	/*font-family: 'Dosis', sans-serif;*/
}
h1, h2 {
	font-family: 'Dosis', sans-serif;
}
h2 {
	font-size: 48px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
  	text-shadow: 2.624px 3.019px 0px rgba(0, 0, 0, 0.15);  
}
#desktop body {
	min-width: 1300px;
}
a {
	text-decoration: none;
	transition: all 0.1s linear;
}
.main_box {
	width: 100%;	
	min-height: 200px;
}
.main_box .partners h3 {
	text-align: left;
}
.main_box .partners {
	text-align: center;
}
.main_box .partners img.logo_partners, .main_box .partners picture.logo_partners {
	height: 130px;
	margin: 0 40px 15px 0;
}
.main_box .partners picture.logo_partners {
	display: block;
}
.main_box .partners a.logo_partners {
	display: inline-block;
}
.main_box .partners a.logo_partners.msmt {
	/*display: block;*/
}
.base {
	width: 1300px;
	min-height: 200px;
}
#about, #footer, #news, #evens {
	padding-top: 85px;
	padding-bottom: 85px;
	display: flex;
    align-items: center;
    justify-content: center;
}
#page #news, #category #news {
	padding-top: 0;
}
#mobile #page #news, #mobile #category #news {
	padding-bottom: 48px;
}
#about, #footer {
	background-color: #0099ff;
}
#news {
	background-color: #ffcd00;;
}

/* Header */
#head {
	/*background-image: url("img/cover-hero-main-second.jpg");*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}
#home #head {
	height: 100vh;
}
#page #head, 
#mobile #page #head,
#category #head, 
#mobile #category #head {
	min-height: 400px;
	height: 40vh;
}
#cover {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.45);
}
#cover #nav{
	height: 230px;
	width: 100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 80%, rgba(255,255,255,0) 100%); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 80%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 80%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 ); 
	display: flex;
    align-items: center;
    justify-content: center;
}
#cover #nav .base {
	z-index: 1;
}
#head .logo {
	display: inline-block;
	width: 97px;
	height: 100px;
	margin-top: 25px;
	float: left;
	/*background-image: url("img/logo_compress.png");*/
	background-image: url("img/logo_v2_dark.png");
	background-size: cover;
	background-repeat: no-repeat;
}
#head .logo img {
	width: 97px;
}
#head .insta, #head .facebook {
	background-image: url("img/sprite_compress.png");
	background-repeat: no-repeat;
}
#head .youtube {
	background-image: url("img/youtube.png");
}
#head .insta {
	background-position: 0px -47px;
}
#head .facebook {
	background-position: 0px 0px;	
}
#head #social {
	float: right;
	padding-right: 25px;
	margin-top: 50px;
	margin-right: 50px;
}
#head #social a {
	margin-left: 15px;
	display: inline-block;
	width: 40px;
	height: 40px;
}
#head #navigation {
	float: center;
	height: 140px;
	margin-right: 50px;
	margin-left: 50px;
}
#desktop #head #navigation {
	margin-right: 0px;	
}
#head #navigation ul {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 50px;
	margin-left: 50px;
}
#head #navigation ul li {
	display: inline-block;
	float: left;
	position: relative;
	transition: 0.3s;
}
#head #navigation ul li a {
	font-size: 15px;
	color: white;
	text-transform: uppercase;
	line-height: 40px;
	display: inline-block;
	margin: 0 7px;
	padding: 0 7px;

} 
#head #navigation ul li ul {
	position: absolute;
	top: 40px;
	left: 0;
	margin-top: 0;
	margin-left: 0;
	display: none;
	transition: 0.3s;
}
#head #navigation ul li ul li {
	display: block;
	float: none;
	margin: 0;
	transition: 0.3s;
	background-color: white;
	min-width: 100px;
	padding-right: 10px;
}
#head #navigation ul li ul li a {
	color: black;
	padding-left: 5px;
	text-transform: none;
	display: block;
	white-space: nowrap	
}
#head #navigation ul li ul li a:hover {
	text-decoration: underline;
}
#head #navigation ul li:hover ul {
	display: block;
}
#head #navigation ul li:hover {
	background-color: white;
}
#head #navigation ul li:hover a {
	color: black;
}

#head #title {
	display:flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#head #title h1 {
	color: white;
	font-weight: bold;
	font-size: 68px;	
	text-transform: uppercase;
	z-index: 0;
	text-align: center;
}
#head #title h1 span{
	color: #fff;
    font-weight: 700;
    font-size: 68px;
    text-transform: uppercase;
    font-family: 'Dosis',sans-serif;
}
#page #head #title h1 {
    font-size: 60px;
    max-width: 50vw;
    text-align: center;
    padding-top: 20px;
}
#home #head #title h1 {
	font-size: 101px;
}
#mobile #page #head #title h1 {
	max-width: 100vw;
	padding-top: 40px;
}

/* ABOUT */
#about {
	/*background-image: url(img/medvidek_2_compress.png);
    background-repeat: no-repeat;
    background-position: bottom right;*/
}
#about .img {
	width: 553px;
	height: 381px;
	float: left;
}
#about .img img {
	border-radius: 10px;
	border: 1px solid #d61a19;
}
#about .content {
	width: 675px;
	position: relative;
	float: right;
}

#about .content p {
	margin-top: 50px;
	font-size: 14px;
	color: white;	
  	line-height: 2;
}
.more {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding-left: 30px;
	padding-right: 65px;
	margin-top: 55px;
	background-color: white;
	border-radius: 20px;
	/*background-image: url("img/arrow.png");*/
	background-image: url("img/sprite_compress3.png");
	background-repeat: no-repeat;
	background-position: 149px -147px;
	color: black;
	text-transform: uppercase;
	font-family: 'Dosis', sans-serif;
	font-weight: 800;
}
.prevLink .more {
	padding-left: 65px;
    padding-right: 30px;
    background-position: 14px -179px;

/*ODDÍLY*/    
}
.oddily{
	background-color: #0099ff;
	padding-top: 50px;
	padding-bottom: 50px;
	
}
.oddily #odd_box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  justify-content: center;
  width: 100%;
}
.oddily h2{
	text-align: center;
	color: #ffcd00;
	margin-bottom: 50px;
}
.odd_post {
	  background-color: #fff;
	 /* background-color: #B0DEFF;*/
    border-radius: 10px;
    box-shadow: 13.435px 13.435px 24px 0px rgba(21,21,20,.09);
    width: 329px;
    min-height: 525px;
    padding: 40px;
    margin-right: 30px;
    margin-bottom: 30px;

}
.odd_post img{
	width: 200px;
	height: 200px;
	border-radius: 180px;
	align-items: center;
}
.odd_post .img{
	margin-bottom: 20px; 
	display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.odd_post .more {
	background-color: #ffcd00;;
	margin: 30px;
	display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-image: url("img/arrow.png");
  background-position: 190px,21px;

}

.odd_post h3{
text-align: center;	
font-size: 32px;	
text-shadow: 2.624px 3.019px 0px rgba(0,0,0,.15);
margin-top: -20px;
margin-bottom: 15px;
}
.odd_post p{
font-size: 14px;
}

/* NEWS */
#news h2 {
	text-align: center;
}
#news #boxes {
	display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;
}
#mobile #page #news #boxes {
	margin-top: 0px;	
	margin-bottom: 0px;
}
#page #news #boxes {
	display: block;
}
#news #boxes .box {
	/*background-color: #B0DEFF;*/
	background-color: white;
	border-radius: 10px;
	box-shadow: 13.435px 13.435px 24px 0px rgba(21, 21, 20, 0.09);
	width: 329px;
	height: 430px;
	padding: 40px 40px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.gallery #news #boxes .box {
	height: 230px;
}
.gallery #news #boxes .box h3 {
	text-align: center;
	font-size: 16px;
}
#page #news #boxes .box {
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto;
}
#mobile #page #news #boxes .box {
	border-radius: 0;
}
#page #news #boxes .box {
	padding-left: 60px;
	padding-right: 60px; 
}
#news #boxes .box:nth-child(3n), #news #boxes .box:nth-child(6n) {
	margin-right: 0;
}
#news #boxes .box a {
	display: block;
}
#news #boxes .box:last-child {
	margin-right: 0;
}
#news #boxes .box .img {
	display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 329px;
    height: 177px;
    overflow: hidden;
}
#news #boxes .box .img .date {
	width: 110px;
	height: 32px;
	position: absolute;
	top: 14px;
	left: -1px;
	background-color: #d61a1a;
	display: inline-block;
	font-size: 12px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 2.7;
	padding-left: 14px;
}
#news #boxes .box .img .cat_label {
	width: 50px;
	height: 32px;
	position: absolute;
	bottom: 14px;
	right: 0px;
	background-color: #ffd000;
	display: inline-block;
	font-size: 12px;
	color: rgb(0,0,0);
	font-weight: bold;
	line-height: 2.7;
	padding-left: 20px;
}
#news #boxes .box h3 {
  font-size: 15px;
  font-family: "Poppins";
  color: rgb(0, 0, 0);
  line-height: 1.6;
  margin-top: 30px;
}
#news #boxes .box p {
	margin-top: 20px;
	font-size: 14px;
	font-family: "Poppins";
	color: rgb(124, 124, 124);
	line-height: 1.714;
	text-align: left;
}
#page #news #boxes .box, 
#page #news #boxes .box p, 
#page #news #boxes .box h2, 
#page #news #boxes .box h3, 
#page #news #boxes .box h4,
#page #news #boxes .box h5, 
#page #news #boxes .box h6,
#page #news #boxes .box ul li{
	color: black;
	line-height: 2em;
}
#page #news #boxes .box, 
#page #news #boxes .box p, 
#page #news #boxes .box ul li{
	font-size: 16px;
	font-family: "Poppins";
}
#page #news #boxes .box ul,
#page #news #boxes .box h2, 
#page #news #boxes .box h3, 
#page #news #boxes .box h4,
#page #news #boxes .box h5, 
#page #news #boxes .box h6 {
	text-align: left;
	padding-top: 16px;
	padding-bottom: 16px;
}
#mobile #page #news #boxes .box ul,
#mobile #page #news #boxes .box h2, 
#mobile #page #news #boxes .box h3, 
#mobile #page #news #boxes .box h4,
#mobile #page #news #boxes .box h5, 
#mobile #page #news #boxes .box h6 {
	text-align: left;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-right: 15px;
}
#page #news #boxes .box h2{
	font-size: 32px;
} 
#page #news #boxes .box h3{
	font-size: 24px;
}
#page #news #boxes .box h4{
	font-size: 18px;
}
#page #news #boxes .box h5{
	font-size: 16px;
} 
#page #news #boxes .box h6 {
	font-size: 16px;
}
#page #news #boxes .box iframe {
    margin: 0 auto; 
    display: block;
}
#mobile #page #news #boxes .box iframe {
	width: 100%;
}
.box_more {
	width: 100%;
	text-align: center;
}
/*EVENS*/
#evens .box {
	width: 650px;
}
#evens .box h3 {
	font-size: 28px;
	font-family: "Dosis";
	color: rgb(214, 26, 26);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0.714;
	margin-bottom: 50px;
}
#evens .base {
	display: flex;
    justify-content: space-between;
}
#evens .box .items .item {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
#evens .box .items .item .info{
	width: 400px;
	display: inline-block;
	font-size: 14px;
	font-family: "Poppins";
	color: rgb(124, 124, 124);
	line-height: 1.714;
	text-align: left;
	height: 75px;
	float: left;
	margin-left: 20px;
}
#evens .box .items .item .info h4, 
#evens .box .items .item .info h4 a {
	font-size: 17px;
	font-family: "Dosis";
	color: rgb(0, 0, 0);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.176;
	margin-top: 18px;
	margin-bottom: 5px;
}
#evens .box .items .item .info h4 a:hover{
	color: rgb(214, 26, 26);
}
#evens .box .items .item .date {
	border-radius: 10px;
	background-color: rgb(255, 208, 0);
	width: 75px;
	height: 75px;
	display: inline-block;
	float: left;
}
#evens .box .items .item .date .day {
	font-size: 26px;
	font-family: "Poppins";
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 2px;
}
#evens .box .items .item .date .month, #evens .box .items .item .date .year {
	font-size: 12px;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	line-height: 1.167;
	font-weight: 600;
	display: block;
	text-align: center;
}
#evens .box .items .item .date .month {
	font-weight: 800;
}
/*FOOTER*/
#footer {
	/*background-image: url(img/medvidek_2_invert_compress.png);
    background-repeat: no-repeat;
    background-position: bottom left;*/
}
#mobile #page #footer {
	padding-top: 0px;
}
#mobile #page #footer .base{
	padding: 20px;
}
#footer .base #footer_conent{
	display:flex;
    align-items: center;
    justify-content: center;
}
#desktop #footer .base #footer_conent{
	align-items: inherit;
}
#desktop #footer .base #footer_conent .footer_menu{
	/*margin-left: 300px;*/
}
#desktop #footer .base #footer_conent .contacts{
	width: 600px;
} 
#desktop #footer .base #footer_conent .contacts .adress {
	padding-bottom: 16px;
}
#desktop #footer .base #footer_conent .contacts .info{
	width: 46%;
	float: left;
}
#mobile #footer .base #footer_conent .contacts ul{
	padding-bottom: 16px;	
}
#footer .box {
	width: 300px;
	min-height: 255px;
}
#mobile #footer .box {
	min-height: auto;
	padding-bottom: 32px;
}
#footer .box h2 {
	font-size: 21px;
	font-family: "Dosis";
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.857;
	text-shadow: 2.624px 3.019px 0px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
	padding-left: 40px;
	background-image: url("img/sprite_compress.png");
	background-repeat: no-repeat;
	background-position: -2px -89px;
}
#footer .box.contacts h2 {
	background-image: url("img/sprite_compress.png");
	background-position: left -124px;
}
#footer .box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 40px;
}
#footer .box ul li {
	margin: 0;
	padding: 0;
}
#footer .box ul li a, #footer .box.contacts ul li {
  font-size: 14px;
  font-family: "Poppins";
  color: rgb(252, 182, 182);
  line-height: 1.714;
}
#footer .box ul li a:hover {
	text-decoration: underline;
	color: white;
}
#footer .box_more {
	margin-top: 90px;
}
#footer .box_more p {
  font-size: 14px;
  font-family: "Poppins";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.429;
}
#mobile #page #footer .box_more p {
	text-align: center;
}
#footer .box_more a {
	color: white;
	text-decoration: none;
}
/*MOBILE*/
#mobile #news #boxes, #mobile #evens .base, #mobile #footer .base #footer_conent {
	display: block;
}
#mobile .base {
	padding: 0 20px;
}
#mobile #page .base {
	padding: 0;
}
#mobile .base, 
#mobile #about .img ,
#mobile #about .img img, 
#mobile #news #boxes .box .img, 
#mobile #news #boxes .box img, 
#mobile #evens .box, 
#mobile #evens .box .items,
#mobile #about .content { 
	width: 100%;
}
#mobile #about .img img, #mobile #news #boxes .box img {
	height: auto;
}
#mobile #news #boxes .box {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
	border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}
#mobile #page #news #boxes .box {
	margin-bottom: 0px;
}
#mobile #evens .box .items,
#mobile #evens .box {
	float: left;
}
#mobile #evens .box {
	margin-bottom: 35px;
}
#mobile #evens .box .items .item {
	width: 90%;
}
#mobile #evens .box .items .item .date {
	width: 20%;
}
#mobile #evens .box .items .item .info {
	width: 65%;
}
#mobile #evens .box .items .item .info h4 {
	margin-top: 10px;
}
#mobile #about .img {
	height: auto;
	margin-bottom: 30px;
}
#mobile #about .content p {
	margin-top: 30px;
	text-align: left;
}
#mobile #about .content {
	text-align: center;
}
#mobile #head #title h1 {
	font-size: 3em;
	text-align: center;
}
#mobile #head #title h1 span{
	font-size: .68em;
	text-align: center;
}
#mobile #cover #nav,
#mobile #cover .base {
	height: auto;
	min-height: auto;
}
#mobile #page #cover .base {
	padding: 0 20px;
}
#mobile #social {
	display: none;
}
#mobile #head {
	height: 100vh;
}
#mobile #news #boxes .box h2,
#mobile #news #boxes .box h3,
#mobile #news #boxes .box h4,
#mobile #news #boxes .box h5,
#mobile #news #boxes .box h6,
#mobile #news #boxes .box p {
	padding: 0 15px;
}
#mobile #page #news #boxes .box h3,
#mobile #page #news #boxes .box p {
	padding-left:15px;
	padding-right:15px;
}
#mobile #head.open .logo {
	height: 100px;
    position: relative;
}
#desktop #mobile_menu {
	display: none;
}
#mobile #mobile_menu {
	width: 35px;
    height: 25px;
    background-image: url(img/menu_dark.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 54px;
    right: 30px;
    background-size: cover;
}
#mobile #head #navigation ul.menu {
	display: none;
}
#mobile #head #navigation ul ul{
	display: block;
}
#mobile #head #navigation ul {
	position: absolute;
	width: 100vw;
	top: 0;
	left: 0;
	background-color: white;
	margin: 0;
}
#mobile #head #navigation ul {
	padding: 150px 0 35px 0px;
}
#mobile #head #navigation ul li {
	padding-left: 35px;
}
#mobile #head #navigation ul li a {
	color: black;
}
#mobile #head #navigation ul li, #mobile #head #navigation ul li ul {
	display: block;
	float: none;
}
#mobile #head #navigation ul.menu {
	display: none;
	/*background-image: url("img/logo_dark.png");*/
	background-image: url("img/logo_v2.png");
	background-size: 97px 100px;
    background-position: 20px 26px;
	background-repeat: no-repeat;
}
#mobile #head #navigation ul li ul {
	width: 100%;
	position: relative;
	padding: 0;
	top: 0;
}
#mobile #head #navigation ul li ul li {
	padding-left: 15px;
}
#mobile #head.open #mobile_menu.close {
	background-image: url(img/close_dark.svg) !important;
	background-size: contain;
    z-index: 100;
    
}

#news #boxes .box.contentBox a {
	display: inline;
}
#arrow {
	display: none;
	width: 40px;
    height: 40px;
    position: absolute;
    bottom: 10px;
    color: black;
    left: 50%;
    background-image: url("img/down-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
}

/* TEAM PAGE */
#page.team .wp-block-media-text__media, 
#page.team .wp-block-media-text__media img {
	width: 150px;
    height: 150px;
    
    position: relative;
    left: 20px;
    border-radius: 50%;
}
#page.team #news #boxes .box .wp-block-media-text__content h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}
#page.team #news #boxes .box .wp-block-media-text__content h3+p{
	margin-top: 0;
}
#mobile #page.team .wp-block-media-text__media, 
#mobile #page.team .wp-block-media-text__media img {
	top: 0;
	margin-top: 20px;
}
#mobile #page.team .wp-block-media-text__media {
	width: 100%;
    left: 0;
    text-align: center;
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
}
#mobile #page.team #news #boxes .box .wp-block-media-text__media img {
	width: 150px;
	height: 150px;
	left: 0;
}
.team h3, .team h6 {
	display: inline-block;
}
#page.team #news #boxes .box h6,
#mobile #page.team #news #boxes .box h6 {
	font-size: 18px;
    font-weight: 700;
    font-stretch: condensed;
    letter-spacing: .2px;
    text-align: left;
    color: #fff;
    background: #fff;
    border-radius: 15px;
    background-color: #4a4a4a;
    display: inline-block;
    -webkit-text-fill-color: #fff;
    padding: 4px 16px;
    text-transform: uppercase;
    position: relative;
    bottom: 7px;
    font-size: 12px;
    padding: 4px 10px 3px;
    margin-left: 12px;
    top: -4px;
    margin-bottom: 5px;
}
#desktop #page.team #news #boxes .box h6 {
	font-size: 10px;
}

.box.past .img img{
	-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}