/*   
Theme Name: UPVM registrace
Author: Jiří Kopecký
Description: Upravená šablona pro web konference Užití počítačů ve výuce matematiky 
Template: twentysixteen

*/

.logged-in .hide-if-logged {
  display: none !important;
}

body:not(.logged-in) .hide-if-logged-out {
  display: none !important;
}

th.jmeno_prijmeni {
    width: 38%;
}

th.jmeno_prijmeni, th.prispevek {
    text-align: left;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
button,select.roletka_na_tlacitku,
textarea {
    background-color: #fff;
    /* border-color: rgb(45, 86, 150); */
    color: #1a1a1a;
    /* outline: 0; */
    border: 1px solid #ccc;
    font-size: 1rem;
    border-radius: 0.25em;
    padding: 0.25em 0.5em;
    height: 2.5rem;
    width: 21rem;
    max-width: 90%;
}

button
{
    width: auto;
}
textarea {
  height: auto;
  min-height: 4em;
  max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.4375em;
  padding: 0;
}

input[type="email"]:read-only {
  background-color: #f7f7f7;
  border: 1px solid #d1d1d1;
}

.registracni_formular label {
  display:inline;
} 

table.registracni_formular {
  border: 1px solid rgb(200, 200, 200);
  border-collapse: collapse;
} 
table.registracni_formular td {
  border-top: 1px solid rgb(200, 200, 200);
  padding: 0.6rem 0.5rem;
} 

input:user-invalid {
  background-color: rgb(247, 246, 173);
}

input[type="submit"], a.button,select.roletka_na_tlacitku {
    margin-right: 2em;
    font-size: 1em;
    border: 1px solid #333;
    color: var(--wp--preset--color--contrast);
    letter-spacing: 0.05em;
    border-radius: 0.2em;
    text-decoration: none;
  }
  
  a.button,select.roletka_na_tlacitku {
    display: inline-block;
    background-color: ButtonFace;
    padding:  0.52em 0.9em 0.64em;
  font-weight: 400;
  line-height: 1;
  /* 0.8em 1.4em; */
}

select.roletka_na_tlacitku {
  color: #666;
  padding:  0.4em;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: auto;
  font-size: 0.8rem;
  /* margin: 0 0; */
  width: auto;
}

input[type="submit"] {
    padding:  0.4em 1.675em 0.5em;
}
/* input[type="submit"]:hover {
    background: #333;
} */

.black {
  background: #c9c9c9;
  /* color: #4b4b4b; */
}  

a.button:hover {
  background-color: #ccc;
}

a.black:hover {
  background:#333;
}

.mensi {
  font-size: 0.84rem;
  color: #888;

}

a.prostorzleva {
  margin-left: 3em;
}

.moje_udaje_menu {
  margin: 3em 0;
}

.sudy {
    background-color: #f2f2f2;  
}

td.center {
    text-align:center;
}

.header {
    text-align:center;
    font-size: 120%;
}

.bezprispevku {
    color: #bfbfbf;
}

.zprava_red {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 1em;
  border-radius: 4px;   
  margin-bottom: 20px;
  border: 1px solid transparent; /*transparent = nejde vidět*/

}

.zprava_green {
  padding: 1em;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; 
  border-radius: 4px;   
  margin-bottom: 20px;
  border: 1px solid transparent; /*transparent = nejde vidět*/
}

/*delete modal*/
/* Float cancel and delete buttons and add an equal width */
.cancelbtn, .deletebtn {
  float: left;
  width: 50%;
}

/* Add a color to the cancel button */
.cancelbtn {
  background-color: #ccc;
  color: black;
}

/* Add a color to the delete button */
.deletebtn {
  background-color: #f44336;
}
button.cancelbtn:hover {
  background-color: #ddd;
}

button.deletebtn:hover {
  background-color: #333;
}

/* Add padding and center-align text to the container */
.modal .container {
  padding: 16px;
  text-align: center;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100% !important; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: #474e5d;
  padding-top: 50px;
  max-width: 100% !important;
}

 
/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  max-width: 862px; 
}

/* The Modal Close Button (x) */
.close {
  position: absolute;
  right: 35px;
  top: 15px;
  font-size: 40px;
  font-weight: bold;
  color: #f1f1f1;
}

.close:hover,
.close:focus {
  color: #f44336;
  cursor: pointer;
}

/* Clear floats */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* Change styles for cancel button and delete button on extra small screens */
@media screen and (max-width: 300px) {
  .cancelbtn, .deletebtn {
    width: 100%;
  }
}

/*konec pro mobily*/

/*:has(loginForm) */


@media screen and (min-width: 1000px) {
    .loginForm {
    max-width: 60%;
    margin: 0 auto;
    display: inline-block;/*    background-color: red;*/
  }

  .loginForm form {
    width: 70%;
    margin: 0 auto;

/*      background-color: yellow;*/
  }

}

.loginForm input[type="email"],
.loginForm input[type="password"] {
  max-width: 90%;
    /* float: inline-end; */
}

.column, .row {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  /*padding: 10px;*/
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.text_vpravo {
  text-align: right;


}

.entry-content .bez_podtrzenych_odkazu a {
  box-shadow: none;
}