/* !Format (Author: mail@jandousek.cz) */

.format {
  /* TODO */
}

/*
  titles
  ***
*/

.format h1,
.format h2,
.format h3,
.format h4,
.format h5,
.format h6 {
  margin: 85px 0 25px 0;
  line-height: 1.3;
  color: #05040a;
}
.format h1,
.format h2,
.format h3 {
  text-transform: uppercase;
}
.format h1:first-child,
.format h2:first-child,
.format h3:first-child,
.format h4:first-child,
.format h5:first-child,
.format h6:first-child {
  margin-top: 0;
}
.format h1 {
  font-size: 60px;
}
.format h2 {
  font-size: 42px;
}
.format h3 {
  font-size: 30px;
}
.format h4 {
  font-size: 26px;
}
.format h5 {
  font-size: 22px;
}
.format h6 {
  font-size: 18px;
}

/*
  paragraphs
  ***
*/

.format p, .format address {
  margin-bottom: 25px;
  line-height: 1.85;
}

/*
  lists
  ***
 */

.format ul, .format ol {
  margin: 35px 0 25px 0;
}
.format ol {
  margin-left: 0;
  counter-reset: item;
}
.format li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 60px;
  line-height: 1.7;
}
.format li:before {
  position: absolute;
  left: 0;
}

/*
  point - ul
  ---
*/

.format ul > li:before {
  content: '';
  width: 10px;
  height: 10px;
  top: 11px;
  left: 23px;
  background-color: #05040a;
  border-radius: 100%;
}

/*
  point - ol
  ---
 */

.format ol > li:before {
  content: counter(item) '';
  counter-increment: item;
  width: 35px;
  top: -1px;
  padding: 7px 0 8px 0;
  border: 1px solid #cecece;
  border-radius: 100%;
  line-height: 1 !important;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  color: #05040a;
}

/*
  next levels
  ---
 */

.format li > ul, .format li > ol {
  margin-top: 20px;
  margin-bottom: 20px;
}

/*
  strong
  ---
 */

.format li > strong:first-child {
  position: relative;
  display: inline-block;
  padding: 0 0 6px 0;
  line-height: 1.6;
  font-weight: 500;
  font-size: 20px;
  color: #05040a;
}

/*
  images
  ***
*/

.format img.align-left, .format img.align-right {
  max-width: 50%;
}
.format img.align-left {
  float: left;
  margin: 7px 60px 45px 0;
}
.format img.align-right {
  float: right;
  margin: 7px 0 45px 60px;
}
.format img.align-center {
  display: table;
  margin: 25px auto;
}

/*
  table
  ***
 */

.format table {
  width: 100%;
  margin: 35px 0 40px 0;
}
.format table th, .format table td {
  padding: 17px 30px 16px 30px;
  border-bottom: 1px solid #cecece;
  line-height: 1.6;
}

/*
  thead
  ---
 */

.format table thead th, .format table thead td {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: none;
  background-color: #05040a;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: #cdcdcc;
}

/*
  tbody
  ---
 */

.format table tbody th {
  font-weight: 300;
  color: #303030;
}

/*
  adjust fa
  ...
*/

.format table tbody th .far {
  margin-right: 10px;
}

/*
  table
  ---
 */

.format .table {
  overflow-x: auto;
  position: relative;
  margin: 35px 0 40px 0;
}

/*
  adjust table
  ...
*/

.format .table table {
  min-width: 600px;
  margin: 0;
}

/*
  strong, b
  ***
*/

.format strong, .format b {
  font-weight: 600;
}

/*
  iframe
  ***
 */

.format iframe {
  width: 100%;
  margin: 35px 0 40px 0;
}

/*
  adjust gallery
  ---
*/

.format .gallery {
  margin: 35px 0 40px 0;
}

/*
  adjust accordion--group
  ---
*/

.format .accordion--group {
  margin: 25px 0 30px 0;
}

/*
  adjust separator
  ---
*/

.format .separator {
  margin-top: 85px;
  margin-bottom: 85px;
}