/*************************************
 +Wysiwyg editor / Custom styles
*************************************/

:root {
  --c-main: #222;
  --info-color: #fcf2cd;
  --c-black: #222;
  --c-grey-light: #dddddd;
  --c-green: #d4f3ce;
  --spacer: 32px;

  --cc-btn-primary-bg: #222 !important;
}

@font-face {
	font-family: 'Intro Regular';
	src: url('fonts/intro-regular.eot');
	src: local('☺'), url('fonts/intro-regular.woff') format('woff'), url('fonts/intro-regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Intro Bold';
	src: url('fonts/Intro-Bold.eot');
	src: local('☺'), url('fonts/intro-bold.woff') format('woff'), url('fonts/intro-bold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Tabac G3 Regular';
	src: url('fonts/tabac-g3-regular.eot');
	src: local('☺'), url('fonts/tabac-g3-regular.woff') format('woff'), url('fonts/tabac-g3-regular.svg') format('svg');
	font-weight: 400;
}

@font-face {
	font-family: 'Tabac G3 Regular Italic';
	src: url('fonts/tabac-g3-regular-it.eot');
	src: local('☺'), url('fonts/tabac-g3-regular-it.woff') format('woff'), url('fonts/tabac-g3-regular-it.svg') format('svg');
	font-weight: 400;
}

@font-face {
	font-family: 'Tabac G3 SemiBold';
	src: url('fonts/tabac-g3-semibold.eot');
	src: local('☺'), url('fonts/tabac-g3-semibold.woff') format('woff'), url('fonts/tabac-g3-semibold.svg') format('svg');
	font-weight: 600;
}

@font-face {
	font-family: 'Tabac G3 SemiBold Italic';
	src: url('fonts/tabac-g3-semibold-it.eot');
	src: local('☺'), url('fonts/tabac-g3-semibold-it.woff') format('woff'), url('fonts/tabac-g3-semibold-it.svg') format('svg');
	font-weight: 600;
}



/* (X)HTML / HTML 5 Containers
-----------------------------------------------------------*/
body {
  /* font-family: 'PT Serif', serif; */
  font-family: 'Tabac G3 Regular', 'PT Serif', serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  font-weight: 400;
  font-family: 'Intro Bold';
  /* text-transform: uppercase; */
}

h1, .h1 {
  /* font-size: 1.625rem; */
  font-size: 2em;
  margin-bottom: calc(.5 * var(--spacer) );
  line-height: 1.1;
}

h2, .h2 {
  /* font-size: 1.75em; */
  font-size: 1.75em;
  text-transform: uppercase;
  margin-bottom: calc(1 * var(--spacer) );
}

h3 {
  /* font-size: 1.375em;
  text-transform: uppercase; */
  font-size: 1.5em;
  font-weight: 100;
  line-height: 1.3;

  margin-bottom: calc(.5 * var(--spacer) );
}

h4, .h4 {
  /* font-size: 1.0625em; */
  font-size: 1.25em;
  /* font-weight: 600; */
  line-height: 1.3;
}

h5, .h5 {
  font-family: 'Tabac G3 Regular', 'PT Serif', serif;
  font-size: 1.125em;
  line-height: 1.4em;
}

a {
  color: var(--c-main);
  text-decoration: underline;
  border-bottom: none;
  font-weight: 400;
}

a:hover {
  color: var(--c-main);
  text-decoration: none;
  border-bottom: none;
}

  a.icon-link {
    background-image: url('images/icon-link.svg');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    background-size: 11px;
  }


i, em {
  font-family: 'Tabac G3 Regular Italic';
}

p, ul, ol, dl {
  margin-bottom: calc(.75 * var(--spacer) );
  /* font-size: .9375em; */
}

blockquote, q {
  quotes: none;
  padding: 10px 0 10px 25px;
  border-left: 3px solid;
  margin: 25px 0 25px;
  font-size: 1.125em;
}

p:last-child, ul:last-child, ol:last-child {
  margin-bottom: 0;
}


/* img
-----------------------------------------------------------*/
img {}

  html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%;
  }

  .wp-caption {
    width: auto !important;
    margin: 0 0 25px 0;
  }

  .wp-caption p.wp-caption-text {
    display: block;
    font-size: 0.875rem;
    margin-top: 4px;
  }

/* text
-----------------------------------------------------------*/
.txt-20 {
  font-size: 20px;
  display: inline-block;
}

.txt-18 {}

.txt-14 {
  font-size: 14px;
  display: inline-block;
}




/* table
-----------------------------------------------------------*/
table {
  border-collapse: collapse;
  width: 100%;
}

  tr {
    border: none;
  }

  td, th, th:first-child, td:first-child {
    padding: 0.75% 1%;
  }

  td, th {
    border: none;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    vertical-align: top;
  }

  th {
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
  }

  thead, tbody, tfoot {}

  thead td,
  thead th {

  }


/* forms
-----------------------------------------------------------*/
label {
  display: block;
  width: 100%;
  float: none;
}

input, textarea, select {
  width: 100%;
  border-radius: 0;
  border: 1px solid var(--c-main);
  padding: 5px 8px;
}

textarea {

}

select {}

  select:hover {
    cursor: pointer;
  }


/* button
-----------------------------------------------------------*/
  button, .button, .btn, .btn-primary, .btn-dark,
  input[type="submit"], .submit {
    font-family: 'Intro Bold';
    /* text-transform: uppercase; */
    display: inline-block;
    /* padding: 15px 30px 11px; dle navrhu */
    padding: 8px 16px 5px;
    color: var(--c-main);
    background-color: transparent;
    border: 2px solid var(--c-main);
    font-weight: 400;
    /* font-size: 1.0625rem; dle navrhu */
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    border-radius: 0;
  }

    button:hover, .button:hover, .btn:hover, .btn-primary:hover, .btn-dark:hover,
    input[type="submit"]:hover, .submit:hover,
    button:active, .button:active, .btn:active, .btn-primary:active, .btn-dark:active {
      color: #fff;
      background-color: var(--c-main);
      border: 2px solid var(--c-main);
      text-decoration: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    input[type="submit"] {
      border: none;
      /* padding: 17px 20px 12px 20px; */
      /* background: #e8f2e6; */
      color: #fff;
      border: 2px solid var(--c-main);
      background-color: var(--c-main);
      line-height: inherit;
      /* font-size: 1.25em; */
      font-weight: 700;
    }

    input[type="submit"]:hover {
      color: var(--c-main);
      border: 2px solid var(--c-main);
      background-color: #fff;
      cursor: pointer;
    }

    input[type="submit"]:disabled {
      background-color: #bbb;
      border-color: #bbb;
      cursor: not-allowed;
      color: #fff;
    }

    .btn-check:focus+.btn, .btn:focus {
      color: #fff;
      background-color: var(--c-main);
      border-color: var(--c-main);
      outline: 0;
      box-shadow: var(--c-main);
  }

  .btn-dark {
    color: #fff !important;
    background-color: var(--c-main);
    border: 2px solid var(--c-main);
  }

    .btn-dark:hover {
      color: var(--c-main) !important;
      background-color: #fff !important;
      border: 2px solid var(--c-main) !important;
    }

  .btn-light {
    color: var(--c-main) !important;
    background-color: #fff;
    border: 2px solid var(--c-main);
  }

    .btn-light:hover {
      color: #fff !important;
      background-color: var(--c-main) !important;
      border: 2px solid #fff !important;
    }

    .btn-light-transparent {
      color: #fff !important;
      background-color: transparent !important;
      border: 2px solid #fff !important;
    }

      .btn-light-transparent:hover {
        color: var(--c-main) !important;
        background-color: #fff !important;
        border: 2px solid #fff !important;
      }

  /* .btn-light {
    color: var(--c-main);
    background-color: #fff;
    border: 2px solid var(--c-main);
  }

    .btn-light:hover {
      color: #fff;
      background-color: var(--c-main);
      border: 2px solid var(--c-main);
    } */

  /* .btn-size-s {
    padding: 12px 24px 12px;
    font-size: 1rem;
  } */

  .btn-size-m {
    padding: 10px 24px 8px;
    font-size: 1.25rem;
  }

  .btn-size-l {
    padding: 12px 36px 9px;
    font-size: 1.375rem;
  }

  .btn-size-xl {
    padding: 18px 36px 18px;
    font-size: 1.5rem;
  }


.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  width: 20px;
  height: 20px;
}

  .icon span {
    display: none;
  }

  .icon-s {
    width: 16px;
    height: 16px;
  }

  .icon-m {
    width: 20px;
    height: 20px;
  }

  .icon-l {
    width: 24px;
    height: 24px;
  }

  .icon-close {
    background-image: url('images/icon-close.svg');
  }

  .icon-play {
    background-image: url('images/icon-play.svg');
  }



/* ------------------ embed (video & iframe) responsive ------------------ */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------------------ WP media containers ------------------ */
.mejs-container {

}




/* ------------------ WP gallery ------------------ */
.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;

  margin-left: -3px;
  margin-right: -3px;
}

  .gallery .gallery-item {
    position: relative;
    margin-bottom: 10px;
    padding: 0 6px;
  }

    .gallery .gallery-item:last-of-type {
      margin-bottom: 0;
    }

    .gallery .gallery-item a {
      display: block;
      width: 100%;
      border: none;
    }

    .gallery .gallery-item img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
    }

    .gallery .gallery-item .gallery-caption {
      display: none;
    }

    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item {
      flex: 0 0 auto;
      width: 100%;
    }



/* ------------- pagination ------------- */
ul.pagination {
  border-radius: 0;
  justify-content: center;
  font-weight: 400;
}

  ul.pagination li {
    background: none;
    padding: 0;
    margin: 0 6px;
  }

     ul.pagination li .page-numbers {
      padding: 1px 5px;
      display: block;
    }

    ul.pagination li a:hover {
      text-decoration: none;
      border-bottom: 1px solid;
    }

    ul.pagination li .current {
      color: var(--c-main);
      border-bottom: 1px solid;
    }


/*************************************
 +Misc
*************************************/
.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix:before {
	display: table;
  content: " ";
}

.hidden { display: none; }