/*
*
*   Zde můžete vložit vlastní styly stránky. Níže jsou nastavená media query.
*
*   POZN: po uložení stránky, dojde k přepsání původních stylů na základě vložených stylů!
*
*/

@media only screen and (min-width: 0px) {
  #header .nav {
  	background:#ffffff;
  }
  
  #header .nav .in .toggles li a.basket-toggle span{
  	color:#2f2f2f;
  }
  
  #header .nav .in .search{
  	background:#0a98d6;
  }
  
  /*ikony v menu*/
  #header .nav .in .toggles li a{
  	color:#c4c4c4;
  }
  
  #header .nav .in .toggles li span{
  	color:#c4c4c4;
  }
  
  #blog .in {
  	background:#f8f8f5;
  }
  
  .wrap .cookie-consent h1{
  	font-size:42px;
    margin-top:16px;
    margin-bottom:6px;
  }
  
  .parallax-lavy .in .name{
  	font-weight:600;
  }
  
  .blog-table{
    margin-top:15px;
    overflow-x:auto;
  }
  
  .blog-table table{
  	border-spacing: 0;
    width: 100%;    
  }
  
  .blog-table table th{
  	font-weight: bold;
    background-color: #2ea3f7;
    color: #fff;
    padding: 8px;
    text-align:center;
    vertical-align: middle;
  }
  
  .blog-table table td{
  	text-align: center;
    vertical-align: middle;
    padding: 4px;
    border: 1px solid #ddd;
  }
  
  .blog-table table tr:nth-child(even){
  	background-color: #f2f2f2;
  }
  
  .blog-table table tr:nth-child(odd){
  	background-color: white;
  }
  
  /*reference - certifikaty*/
  .certificate-row:after {
  content: "";
  display: table;
  clear: both;
  }
  
  .certificate-file{
  	float:left;
    width: 44%;
    margin: 8px;
  }
  
  .certificate-img{
  	display:block;
    margin: auto;
  }
  
  .certificate-file:after {
  content: "";
  display: table;
  clear: both;
  }
  
  /*Vyber filtru pozice obrazku*/
  .VybFiltr:after {
  	content: "";
  	display: table;
  	clear: both;
    margin-top:15px;
   }
  
  
    .VybFiltr-row{
    width: 100%;
    float:left;    
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  
  .VybFiltr-image{
  	width:100%;
    float:left;
  }
  
  .VybFiltr-text{
  	width:100%;
    float:left;
  }
  
  .VybFiltr-responsive-img{
  	width:100%;
    display: block;
  	margin:auto;
    max-width:400px;
    border-radius: 25px;
  }
  
    /* zobrazit prvky jen pro mobil a skryt pro desktop*/
  .mobile-only{
  	display:block;
  }
  
  .desktop-only{
  	display:none;
  }
  
}

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
  #blog .in h2 {
  	background:#f8f8f5;
  }
  
  .certificate-file{
  	float:left;
    width: 22%;
  }
  
  	.VybFiltr-image{
  		width:35%;    
    	padding-right: 15px;
	}
  
  /* kazdy text s obrazkem vpravo bude mit padding*/
  	.VybFiltr-right{
    	padding-right: 15px;
  	}
  
  	.VybFiltr-text{
  		width:65%;
	}
  
  /* zobrazit prvky jen pro desktop a skryt pro mobil*/
  .mobile-only{
  	display:none;
  }
  
  .desktop-only{
  	display:block;
  }
}

@media only screen and (min-width: 1024px) {
  .certificate-file{
  	float:left;
    width: 15%;
  }
  
    .VybFiltr-image{
  		width:32%;
	}
  
  	.VybFiltr-text{
  		width:65%;
	}
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 1600px) {
}