@sirka-stranky:1320px;
@vyska-loga:80px;
@sirka-loga:205px;
@obrazek: "wp-content/themes/twentysixteen-child/images";
@barva-button-cervena:#EC2006;


/*----PŮJČOVNA PLUGIN----*/
.related-products {display:none}
.product-category-image {max-width:100px!important;}
.al_product div.entry-thumbnail.product-image {
    float: left!important;
    width: auto!important;
    text-align: center;
    margin-right: 5px;
}
.pagination {display:block!important;}



.archive-listing:hover{
.product-name{color:@barva-button-cervena!important}

}



/*----HEADER----*/

::selection {
  background: #ff9999; /* WebKit/Blink Browsers */}
 

.site-inner{max-width:@sirka-stranky!important;}
.site-title {width:@sirka-loga; height:@vyska-loga;
/* -webkit-align-self: flex-start;
align-self: flex-start; */}
.content-area{
}
    
.site-footer {
	a, a:link {color:#f44336}

  margin: 0 -600rem;
  border-left: 600rem solid;
  border-right: 600rem solid;
  color:#c4c4c4;
  align-self: flex-end;
  
.main-navigation {display:none}
}

.elprom-text /*Schovaný ELPROM text - pro SEO*/ {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;}


/*-----RESPONSIVNÍ NAVIGACE------*/
.main-navigation {
background-color:#EC2006;
color:#FFFFF;
li {border:0px solid!important;}

a,a:link {color:white!important;text-decoration:none!important; padding-left:10px;}
.menu-item:hover {background-color:#4A90E2;}
.primary-menu {border-bottom: 0px solid!important}
}

/*----TLAČÍTKA----*/
.menu-toggle {
color:#EC2006!important;
margin-left: auto!important;
border:2px solid!important;
.fa {font-size:40px}
}

.menu-toggle:hover,
.menu-toggle:focus {
	border-color: #EC2006!important;
	color: #EC2006!important;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: #ff0000!important;
	border-color: #ff0000!important;
	color: #ffffff!important;
}

/*----BOOTSTRAP TLAČÍTKA----*/
  .pointcur {cursor:pointer} /*kursor pro dotaz*/
  .btn {
/* 	background-color: @barva-button-cervena!important;
	width:100px!important;
	border-radius: 0px!important;
	border:0px solid!important;
	color:white!important;
	font-size:16px!important;
 	position:relative!important;float:right!important;
	height:40px!important;
	font-weight: bold;
    color: #fff;
    font-weight: bold; */
	}

	.dropdown-menu {
	border-radius: 0px!important;
	min-width: 176px!important;
	box-shadow: 0 0 0 0!important;
		
		a:hover {color:#ff0000!important}
		span {display:block;width:100%!important}
	
	}
	
#rozbalmenu {
float:right!important;
margin-top:-65px!important;
}

/*----OBSAH----*/
.entry-footer, .comment-respond, .comments-area, .post-navigation {display:none}
 #stin1 {
    box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8) inset;
    height: 40px;
    min-width: 90.95%;
    position: absolute;
    z-index: 999;
	margin-bottom:-30px;
}

#stin2 {
	box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8) inset;
    height: 40px;
    min-width: 90.95%;
    position: absolute;
    z-index: 999;
}

/*-----SLIDER------*/
.pravastrana {
    background: white;
    border-left: 0 none;
    content: "";
    display:block;
    height: 100%;
    position: absolute;
    right: -13px;
    top: 0;
    transform: skew(-5deg);
    width: 50px;
	-webkit-backface-visibility : hidden; /* the magic ingredient */
    overflow: hidden;		
		
img{
   transform : skew(5deg);
   position:absolute;
   left:-16px;
  min-width: 102%;
  min-height: 100%;}
}

.levastrana {
height: auto !important;
max-width: 500px !important;
}

.obsahSlideru {
padding-left:30px;
padding-right:10px;
text-align:justify;
color:white;
font-family: Segoe UI, Arial, sans-serif;
p{font-size:16px!important;}	
}	


.centericons {
margin-top:10px;
text-align:center;
&.row {margin-left:0px!important;margin-right:0px!important}
a,a:focus, a:hover {color:#f44336!important}
.testovacka:first-child {margin-left:-6px}
.testovacka {height:130px; margin-bottom:30px}
.fa {font-size:130px}
.label{position:absolute;margin-top:-45px}
.titulek-zada {font-size:30px;color:#E74C3E;
vertical-align: middle;
line-height: 130px;}
.caption {
	padding-top:2px;
    display: block;
	font-size:15px;
}
}



/*-----ČLÁNKY-------*/
.site-content{
a:hover, a:visited, a:link, a:active{color:red; text-decoration: none!important;}
}

/* .widgetcara {
    display: block;
    height: 2px;
    margin-bottom: -15px;
	margin-top:-16px;
    width: 35px;
	background-color:red;
} */


.entry-header {border-left: 10px solid #EC2006; padding-left: 10px;}
#post-2 > div > div > div.col-md-3 h3 {border-left: 10px solid #EC2006; padding-left: 10px;}

.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right: 0!important;
    margin-left: 0!important;
}




/*Responzivní*/
@media (max-width: 920px) {
  .site-footer {border: 0px solid!important;}
}

@media (max-width: 900px) {
  .dropdown {display: none;}
}
/*----------------------*/

  .btn {
/* 	background-color: @barva-button-cervena!important;
	width:100px!important;
	border-radius: 0px!important;
	border:0px solid!important;
	color:white!important;
	font-size:16px!important;
 	position:relative!important;float:right!important;
	height:63px;
	font-weight: bold;
    color: #fff;
    font-weight: bold; */
	}

.dropdown {margin-top:25px;}
.dropdown-menu {
	border-radius: 0px!important;
	min-width: 176px!important;
	box-shadow: 0 0 0 0!important;
	}

.dropdown-menu span {display:block;width:100%!important}





.item {margin:0px!important;padding:0px!important; color:white!important;}

.flexbox-container {
	color:white!important;	
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.flexbox-container > div {
	width: 50%;
}

.flexbox-container > div:first-child {
}


/*Dotazník zeptejte se*/
.white-popup {
  position: relative;
  background: #008c23;
  padding: 20px;	
  width:auto;
  max-width: 500px;
  margin: 20px auto;
  color:#ffffff;
  -webkit-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.75);
}


.lolkoko {display:none;}/*schovaný dotaz před kliknutím*/
#dotaz {
width:25%!important;
margin:0px auto;}

#wpcf7-f61-o1 {
color:white!important;
background-color:#DD3333; 
padding: 10px 10px 15px 10px; 
min-width:280px;
height:100%;
-webkit-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.75);
box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.75);

input[type="submit"]{
    background: #4a90e2;
    color: #FFF;
	float:right;}
	
textarea {color:#686868;}	
textarea:focus {color:#000000;}	
	
}	

.wpcf7-not-valid-tip {color:blue!important;}
.wpcf7-validation-errors
   {
	margin-left:0px!important;
	margin-top:33px!important;
	color:red!important;
    background-color: white!important;
    border-color: white!important;
	border: 1px solid transparent!important;
    border-radius: 4px!important;
    padding: 15px!important;
	font-size:17px!important;
	width:100%!important;
}


.customNavigation {

font-size:30px;
a {
cursor:pointer;
color:#EC2006;
}
display:none;

}


@media screen and (min-width: 901px) {
.site-header-menu {display:none!important} /*Pro resize se zapnutým nenu*/
}

/*RESPONSIVITA - později do nového souboru*/
@media screen and (max-width: 900px) {
.site-content{padding: 0 2%;}/*------------------------*/
.site-header {padding: 0 2%!important;}
.site-footer{padding: 0 2%!important;margin:0px!important}
#owl-demo {margin-top:10px!important}

#stin1, #stin2 {/* min-width: 84.6%; */}

.site-branding{

}
.levastrana {p {font-size:14px!important}}
.obsahSlideru {padding-left:10px; padding-right:10px;}
}


@media screen and (max-width: 800px) {
.site-header {background-color:#CACAD9;}
}



@media screen and (max-width: 920px) { #stin1, #stin2 {display:none}}
@media screen and (max-width: 840px) {
.customNavigation {
display:block;
display:flex; 
justify-content: space-between;
.fa{font-size:50px}

}
.pravastrana {display:none}
.levastrana {width:100%!important}
.obsahSlideru {width:100%!important}




.owl-theme .owl-controls {
    float: none!important;
    margin-right: 0px!important;
    margin-top: 0px!important;
    text-align: center;
}

.owl-theme .owl-controls .owl-page span {
    background: #ff2626!important;
}	
	
}



/*---------VYHLEDÁVACÍ FORMULÁŘ-----------*/
.search-form {
label {display:block!important}
button {background:@barva-button-cervena!important}
}

/*----------TABULKA CENÍKU-------------*/
.pujcovnatabulka{
width:100%;
td, th {border:none;}
tbody > tr:nth-child(2) > td:nth-child(3) {text-align:center!important}
tbody tr:nth-child(1){background-color:#9b9b8c}
tbody tr td:nth-child(1){text-align:center!important}
tbody tr:hover td:not(:first-child) {background:#ff3232; color:white; font-weight: bold;}
img{max-width:100px!important; margin:0px auto;}
}

.kredit {font-style:italic;}


/*-------TABULKA PŮJČOVNY--------*/
#pujcovnahlavni table {border:0px!important}
#pujcovnahlavni > tbody > tr:nth-child(1) > td:nth-child(1) {width:80px!important}
#pujcovnahlavni > tbody {border:none!important}
/*------------------------------------------*/
.su-spoiler-content.su-clearfix table tbody tr td table tbody tr td:nth-child(1){font-weight: bold;} /* první sloupec popis*/
#pujcovnahlavni {border:0px solid black!important}
/* 

.su-spoiler-content.su-clearfix table tbody tr td table tbody tr:not(:last-child)
{background-color:#F7F7F9;vertical-align: bottom;white-space:nowrap;}

.su-spoiler-content.su-clearfix table tbody tr td span
{font-weight: bold; text-align:center!important; font-size:16px;} */