/*tagy*/

a {
    transition: all ease-in-out 250ms;
}
a, a b{
    
    color: var(--primary-color);
}
a:hover, 
a:hover b, 
a:hover strong{
    color: var(--black);
}
a:visited {}
a:active {}

b{font-weight:900; letter-spacing: -1px}
strong{font-weight:700}
em{font-style:italic;}
i{font-weight:900}

p{
    font-size: 110%;
    margin: 10px 0;
    padding: 0;

}

hr{border:0 none;height:0px;margin:20px auto;text-align:center;clear:both;width:100%;border-top:rgba(0,0,0,.1) 10px solid;border-bottom:#fff 0px solid}
address,pre{text-align:left;font-size:130%;margin:0 0 20px 0; font-style:normal}

big{font-size:200%}
small{font-size:70%!important}

.fleft{float:left}
.fright{float:right}

.vp10{padding:10px 0;}
.vp15{padding:15px 0;}
.vp30{padding:30px 0;}
.vp50{padding:50px 0;}
.vp70{padding:70px 0;}
.vp100{padding:100px 0;}
.vp150{padding:150px 0;}
.vp200{padding:200px 0}
.vp7030{padding:70px 0 30px;}
.vp8030{padding:80px 0 30px;}
.vp12030{padding:120px 0 30px;}
.hp50{padding:0 50px;}
.fp50{padding:50px;}

@media screen and (max-width: 1140px) {
    .vp50,.vp70,.vp100,.vp10030,.vp150,.vp200 {
      padding: 20px 0;
    }

  
  }

/*nadpisy*/
h1,h2,h3,h4,h5,h6{text-align:left;letter-spacing:0px;text-transform:uppercase;font-weight:400;font-family: 'Oswald', sans-serif;}
h4,h5,h6{font-weight:300}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}

h1 {font-size:150%;}
h2 {font-size:140%;}
h3 {font-size:130%; font-weight: 500}
h4 {font-size:130%; font-weight: 500}
h1,h2,h3,h4 {
    text-align:left;
    margin:10px 0 20px;
}
h5,h6 {
    text-align:left;
    margin:10px 0 20px;
    font-size: 1em;
    font-weight: 500
}



@media (max-width: 1024px) {
    h1,h2,h3 {
        font-size: 1.5em;
        font-weight: 500;

    }
    h4,h5,h6 {
        font-size: 1.2em;
        font-weight: 500;

    }
   
    h1.title::after,
    h1.title::before {
        display: none;
    }
}


.textRight{text-align:right!important}
.textCenter{text-align:center!important}
.textJustify{text-align:justify!important}
.textLeft, 
.textLeft p, 
.textLeft h1, 
.textLeft h2, 
.textLeft h3{
    text-align:left;
}

ul {
    margin: 20px 0;
}
ul ul {
    margin: 5px 0;
}

ul li {
    list-style-type: square;
    margin-left: 15px;
    padding: 3px 0;
}

ul li ul li {
    list-style-type: none;
}

img.alignleft {
    float: left;
    margin: 0 30px 0 0;
    max-width: 50%;
    height: auto;
}

img.alignright {
    float: right;
    margin: 0 0px 0 30px;
    max-width: 50%;
    height: auto;
}

img.aligncenter{
    float: none;
    display: block;
    margin: 20px auto;
}

@media (max-width: 1024px) {
    img.alignleft,
    img.alignright {
        float: none;
        display: block;
        margin: 20px auto;
        max-width: 100%;
    }

    
}

/*tabulky-ruzna-nastaveni*/
table {
    margin: 15px 0;
    color: var(--black);
    width: 100%;
    box-sizing: border-box
  }
  table td, table th {
    padding: 6px 20px;
    text-align: left;
    vertical-align: middle
  }
  table th {
    background: transparent;
    color: var(--white);
    font-weight: 700;
    border: none
  }
  table tr:first-child th{
    background:var(--primary-color);
    border: rgba(var(--white_tr),.1) 1px solid;
    color: var(--white)
  }
  table th b,table th strong{
    color:var(--white)
  }
  
  tr:nth-child(even) td {
    background: rgba(var(--black_tr),.05);
    color: var(--black);
  }
  tr:nth-child(odd) td {
    background:transparent
  }
  
  table td em{color:#444;font-size:80%;display:block}
  table td b {color:#232228}


  /*formulare*/
input, select, button, textarea,
.beautiful-taxonomy-filters-clear-all {
    background: rgba(var(--black_tr),.05); 
    border: rgba(var(--black_tr),.1) 1px solid;
    padding: 10px;
    font-family: 'Raleway';
    font-size: 1em;
    margin: 0 0 5px 0;
    text-decoration: none;
    
}
label {
    display: block;
    margin: 20px 0 5px 0;
}

form {
    
}

.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
}

.wpcf7-textarea {
    min-height: 150px;
}
.wpcf7 .message {
    margin-bottom: 30px;
}

.wpcf7 .button {
    outline: none;
    text-align: center;
    padding: 0; 
    margin: 15px 0;
    float: right;
    color: var(--white);
    font-weight: 600;
}

.wpcf7 .button:hover {
    background: var(--secondary-color);
}