a { color: inherit; text-decoration: none; transition: all .25s; }
a:hover { color: inherit; filter: grayscale(50%); text-decoration: none; }
h1 { font: 45px/55px 'Oswald', 'Roboto Slab', sans-serif; margin-bottom: 0; }
h2 { color: #FC0B00; font: 28px/34px 'Oswald', 'Roboto Slab', sans-serif; margin-bottom: 0; text-transform: uppercase; }
h3 { color: #0F7C38; font: 17px/25px 'Oswald', 'Roboto Slab', sans-serif; margin-bottom: 0; text-transform: uppercase; }
h4 { color: #0F7C38; font: bold 24px/28px 'Roboto',sans-serif; margin: 0; }
h5 { color: #EE6402; font: bold 17px/22px 'Roboto',sans-serif; margin: 0; }
h6 { font: 18px/22px 'Roboto',sans-serif; margin: 0; }
hr { border-color: lightgrey; }
p { margin: 0; }
body { background: url("../../../../img/PageModule/RubrikaCustom/Recepty/bg.webp") no-repeat center top; background-attachment: fixed; font: 15px/1.2 'Roboto',sans-serif; }
button { color: inherit; cursor: pointer; transition: all .25s; }
button:focus { border: 0; outline: 0; box-shadow: none; }
html { scroll-behavior: smooth; }
img { max-width: 100%; }
input[type="submit"] { cursor: pointer; }
ul { margin: 0; padding: 0; list-style: none; }
@media (max-width: 767px) {
  h1 { font: 20px/26px 'Roboto',sans-serif; }
  h2 { font: 20px/26px 'Roboto',sans-serif; }
  h3 { font: 18px/24px 'Roboto',sans-serif; }
}

.box-blue { background: #E9FBFF; padding: 10px 30px 55px; position: relative; }
.box-blue__list { box-shadow: inset 0 -40px 40px -50px rgba(0,0,0,.6); font-size: 13px; margin-bottom: 16px; padding: 0; }
.box-blue__list-item { padding: 20px 7px; }
.box-blue__list-item + .box-blue__list-item { border-top: 3px solid lightgrey; }
.box-blue__highlight { background: #fff; display: block; font-size: 13px; padding: 10px; position: relative; text-align: left; }
.box-blue__highlight + .box-blue__highlight { margin-top: 15px; }
.box-blue__highlight--flex { display: flex; padding: 10px; }
.box-blue__highlight--flex figure { flex: 0 0 100px; height: auto; margin: 0 15px 0 0; width: 100px; }
.box-blue__highlight--shadow { box-shadow: 0 50px 50px -50px rgba(0,0,0,.5); }
.box-blue__highlight-overlay { background: rgba(168,209,185,0.6); left: 10px; padding: 10px 15px; position: absolute; right: 10px; top: 10px; }
.box-blue__title { color: #A55812; font-size: 11px; margin-bottom: 10px; text-transform: uppercase; }
@media (max-width: 575px) {
  .box-blue { margin: 0 -15px; padding: 10px 15px 40px; }  
}

.btn { font: 16px Oswald,Roboto Slab,sans-serif; padding: 3px 30px; }
.btn-delete { color: #0F7C38; font: 17px/22px 'Roboto',sans-serif; text-decoration: underline; }
.btn-delete::after { color: #FC0B00; content: "\f2d3"; font: 18px Fontawesome; margin-left: 10px; position: absolute; }
.btn-primary { background: #FC0B00; border-color: #FC0B00; border-radius: 16px; color: #fff; text-transform: uppercase; }
.btn-primary:hover { background: #FC0B00; border-color: #FC0B00; color: #fff; }
.btn-secondary { background: #fff; border-color: #ddd; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .5); color: #000; padding: 3px 15px; }
.btn-sm { font-size: 14px; padding: 1px 15px; }

.category { box-shadow: 0 100px 50px -100px rgba(0,0,0,.25); display: flex; flex-wrap: wrap; margin-bottom: 25px; padding: 35px 0; }
.category__item { align-items: center; color: #0F7C38; display: flex; flex: 0 0 20%; flex-direction: column; font-size: 11px; padding: 15px 2px; text-align: center; text-transform: uppercase; width: 20%; }
.category__item img { margin-bottom: 5px; transition: all .25s; }
.category__item:hover img { filter: brightness(0%); }
.category__item--active { background: #cce4d6; }
@media (max-width: 575px) {
  .category__item { flex: 0 0 33.33%; width: 33.33%; }
}

.color--green { color: #0F7C38; }
.color--red { color: #FC0B00; }

.comment { padding-bottom: 30px; position: relative; text-align: right; }
.comment__collapse { display: none; padding: 0; }
.comment__toggler { cursor: pointer; position: relative; text-align: center; z-index: 1; }
.comment__form { background: #E9FBFF; box-shadow: 0 0 10px rgba(0,0,0,.2); margin-bottom: 10px; margin-top: -32px; padding: 50px 20px 20px; position: relative; text-align: left; }
.comment__form input { box-shadow: 0px 0px 2px rgba(55,156,168,0.5); border: 1px solid #ccc; display: block; padding: 10px; width: 100%; width: 100%; }
.comment__form input[type="submit"] { border-radius: 16px; font: 16px Oswald,Roboto Slab,sans-serif; padding: 3px 30px; width: auto; }
.comment__form label { display: block; font-size: 18px; margin: 0 0 2px; }
.comment__form textarea { box-shadow: 0px 0px 2px rgba(55,156,168,0.5); border: 1px solid #ccc; display: block; padding: 6px 10px; width: 100%; width: 100%; }
.comment__form-group { margin-bottom: 15px; }
.comment .button { margin-right: 0; }

.container { max-width: 1230px; }
@media (max-width: 991px) {
  .container { max-width: 790px; }
}

.content { background: #fff; border: 2px solid #E5E5E5; border-top: 4px solid #FC0B00; padding: 0 15px; }
@media (max-width: 575px) {
  .content { margin: 0 -15px; }
}

.country { display: flex; flex-wrap: wrap; padding: 10px 0 35px; }
.country__item { align-items: center; color: #0F7C38; display: flex; flex: 0 0 16.66%; flex-direction: column; font: 13px 'Oswald', 'Roboto Slab', sans-serif; padding: 15px 0; text-align: center; text-transform: uppercase; width: 16.5%; }
.country__item img { border: 1px solid #000; height: 20px; margin-bottom: 10px; transition: all .25s; }
.country__item:hover img { height: 25px; margin-bottom: 5px; }
.country__item--active img { border-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.4); height: 50px; margin-bottom: 0; margin-top: -20px; }
.country__title { border: 1px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,.4); display: inline-block; height: 50px; margin: -5px 15px 0 0; vertical-align: middle; }
@media (max-width: 575px) {
  .country__item { flex: 0 0 25%; font-size: 12px; width: 25%; }
}

.discussion__date { margin: 0 10px; }
.discussion__header { align-items: center; color: #EE6402; display: flex; flex-wrap: wrap; }
.discussion__header .btn { margin: 10px 0 10px auto; }
.discussion__item { background: #F2F2F2; margin-bottom: 3px; padding: 15px; }
.discussion__rating { align-items: center; color: #006600; display: flex; flex-wrap: wrap; margin-bottom: 10px; }
.discussion__rating-item { margin-right: 10px; text-decoration: underline; }
.discussion__rating-item:hover { margin-right: 10px; text-decoration: underline; cursor: pointer;}
.discussion__text-red { color: #CC0000; }

.filter { align-items: center; background: #E9FBFF; box-shadow: 0 40px 40px -40px rgba(0,0,0,.6); color: #FC0B00; display: flex; font: 13px 'Oswald', 'Roboto Slab', sans-serif; margin-bottom: 50px; position: relative; text-transform: uppercase; }
.filter::after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #E9FBFF; bottom: -10px; content: ""; height: 0; left: 0; margin: auto; position: absolute; right: 0; width: 0; }
.filter__heart { direction: rtl; }
.filter__heart-item { display: inline-block; }
.filter__heart-item::before { content: "\f08a"; font: 22px/23px Fontawesome; }
.filter__heart-item:last-child::before { content: "\f004"; }
.filter__heart-item:hover:before,
.filter__heart-item:hover ~ .filter__heart-item:before { content: "\f004"; }
.filter__item { align-items: center; border-left: 1px solid #fff; border-right: 1px solid #fff; display: flex; flex: 1 0 0; flex-direction: column; height: 95px; justify-content: center; }
@media (max-width: 575px) {
  .filter { flex-direction: column; }
  .filter__item { border: 0; border-top: 2px solid #fff; flex: 0 1 auto; width: 100%; }
}

.footer { align-items: center; background: #CB2A02; display: flex; justify-content: center; margin: 20px 0; padding: 20px 5px; }
.footer__item { margin: 20px; }
@media (max-width: 575px) {
  .footer__item { margin: 10px; }
}

.header { color: #0F7C38; padding-top: 35px; }
.header a { color: #fff; }
.header__button { background: #FC0B00; border-radius: 8px; box-shadow: 2px 2px 3px rgba(0,0,0,0.4); display: inline-block; font-size: 18px; margin-top: 15px; padding: 3px 11px; }
.header__logo { bottom: -10px; display: block; position: relative; z-index: 1; }
@media (max-width: 767px) {
  .header { font-size: 14px; }
  .header__button { font-size: 14px; margin-top: 5px; }
  .header__logo { max-width: 140px; }
  .header__logo--spektrum { max-width: 100px; }
}
@media (max-width: 575px) {
  .header { padding: 20px 0; }
  .header__logo { bottom: 0; }
}

.like { align-items: center; display: flex; flex-direction: column; margin: 25px 0; }

@media (max-width: 991px) {
  .like { display: none; }
}

.like__button { border-radius: 10px; border: 3px solid orange; margin: 10px 15px; padding: 6px 10px; text-align: center; }

.nav { flex-direction: column; font: 19px 'Oswald', 'Roboto Slab', sans-serif; transition: all .25s; }
.nav__item { border-bottom: 1px solid #BCDAB6; color: #0F7C38; margin-left: 15px; padding: 12px 15px; position: relative; }
.nav__item::before { color: #BBDCCB; content: "\f067"; font: 15px Fontawesome; left: -15px; position: absolute; top: 20px; }
.nav__item--red { border: 0; box-shadow: inset 0 -20px 20px -20px rgba(0,0,0,.2); color: #FC0B00; font-weight: 500; margin: 0; padding-left: 30px; }
.nav__item--red::before { content: ""; }
.nav__toggler { background: linear-gradient(transparent 13px,#000 13px, #000 17px,transparent 17px); cursor: pointer; display: none; height: 30px; margin-top: 20px; position: relative; width: 30px; }
.nav__toggler::after { background: #000; content: ""; display: block; height: 4px; position: absolute; top: 4px; transition: all .25s; width: 30px; }
.nav__toggler::before { background: #000; bottom: 4px; content: ""; display: block; height: 4px; position: absolute; transition: all .25s; width: 30px; }
.nav__toggler--opened::before { margin-bottom: 9px; transform: rotate(45deg); }
.nav__toggler--opened { background: transparent; }
.nav__toggler--opened::after { margin-top: 9px; transform: rotate(-45deg); }
@media (max-width: 991px) {
  .nav { background: #fff; border: 1px solid #fff; font-size: 15px; max-height: 0; overflow: hidden; position: absolute; top: 60px; z-index: 5; }
  .nav__item { padding: 8px 10px; }
  .nav__item::before { font-size: 12px; left: -8px; top: 13px; }
  .nav--opened { border-color: #BCDAB6; max-height: 800px; }
  .nav__toggler { display: block; }
}

.pagination { display: flex; justify-content: center; margin: 40px 0; }
.pagination__item { background: #389A61; border: 1px solid #389A61; color: #fff; line-height: 33px; margin: 0 7px; min-width: 20px; padding: 0 5px; position: relative; text-align: center; }
.pagination__item:hover { background: #fff; }
.pagination__item--active { background: #fff; color: #389A61; font-weight: bold; }
/*.pagination__item--first { margin-right: 37px; }*/
/*.pagination__item--first::after { background: #389A61; color: #fff; content: "<"; line-height: 35px; padding: 0 5px; position: absolute; right: -30px; text-align: center; top: -1px; }*/
/*.pagination__item--last { margin-left: 37px; }*/
/*.pagination__item--last::before { background: #389A61; color: #fff; content: ">"; left: -30px; line-height: 35px; padding: 0 5px; position: absolute; text-align: center; top: -1px; }*/
@media (max-width: 575px) {
  .pagination__item { font-size: 14px; margin: 0 5px; }
  /*.pagination__item--first { margin-right: 25px; }*/
  /*.pagination__item--first::after { right: -25px; }*/
  .pagination__item--last { margin-left: 25px; }
  /*.pagination__item--last::before { left: -25px; }*/
}

.recipe { box-shadow: 0 100px 50px -100px rgba(0,0,0,.25); margin-bottom: 50px; padding-bottom: 30px; }
.recipe figure { position: relative; }
.recipe figure .recipe__label { background: #0F7C38; position: absolute; right: 0; top: 0; }
.recipe figure img { display: block; height: 220px; object-fit: cover; width: 100%; }
.recipe .recipe__photo-main img { height: 310px; }
.recipe ul { border-bottom: 1px solid grey; font-size: 15px; font-weight: 300; margin-bottom: 5px; padding: 20px 0 20px 20px; }
.recipe li { padding: 3px 0; }
.recipe ul li { position: relative; padding-left: 1rem; margin-bottom: 5px; }
.recipe ul li:before { background: #FC0B00; border-radius: 50%; content: ""; height: 5px; width: 5px; left: 0; position: absolute; top: 12px; }
.recipe p { line-height: 24px; }
.recipe--no-shadow { box-shadow: none; margin-bottom: 0; }
.recipe--sm { box-shadow: none; color: gray; margin-bottom: 0; } 
.recipe--sm figure { margin-bottom: 5px; }
.recipe--sm figure img { height: 110px; }
.recipe__box { align-items: center; box-shadow: 0 0 10px rgba(0,0,0,.4); display: flex; flex-direction: column; padding-bottom: 15px; }
.recipe__box figure { padding: 0 15px; }
.recipe__box figure img { height: 150px; }
.recipe__box .recipe__label { align-self: flex-end; background: #0F7C38; box-shadow: 0 0 10px rgba(0,0,0,.4); display: flex; flex-direction: column; }
.recipe__category { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 2px; margin: 2px; }
.recipe__category-item img { filter: brightness(0%) invert(100%); height: 25px; margin-bottom: 2px; transition: all .25s; }
.recipe__category-item { align-items: center; background: #389A61; border: 1px solid #389A61; color: #fff; display: flex; flex-direction: column; font: 11px 'Oswald', 'Roboto Slab', sans-serif; padding: 5px 1px; text-align: center; text-transform: uppercase; }
.recipe__category-item:hover img { filter: brightness(0%); }
.recipe__category-item--active { background: #A8D1B9; border-color: #A8D1B9; }
.recipe__category-item--hidden { display: none; }
.recipe__category-item--other { background: #67ae85; border-color: #67ae85; }
.recipe__category-toggler { background: #fff; color: #389A61; cursor: pointer; }
.recipe__category-toggler:hover { border-color: #000; color: #000; }
.recipe__category-toggler::before { content: "\f0da"; font: 25px Fontawesome; line-height: 25px; margin-bottom: 2px; transition: all .25s; }
.recipe__category-toggler--opened { border-color: #000; color: #000; }
.recipe__category-toggler--opened::before { transform: rotate(-90deg); }
.recipe__health { background: #E9FBFF; color: #FC0B00; display: flex; font: 200 14px 'Oswald', 'Roboto Slab', sans-serif; margin: 20px 0; padding: 15px; text-transform: uppercase; }
.recipe__health-text { color: gray; margin-left: auto; text-align: right; }
.recipe__health-title { font-size: 16px; font-weight: 400; margin-right: 5px; }
.recipe__ingredients { align-items: center; background: #E9FBFF; display: flex; justify-content: space-between; line-height: 20px; padding: 9px; text-align: center; }
.recipe__ingredients-input { background: #fff; border: 0; color: #FC0B00; font: 18px 'Roboto',sans-serif; font-size: 18px; -moz-appearance: textfield; padding: 8px 0; text-align: center; width: 25px; }
.recipe__ingredients-input::-webkit-inner-spin-button, 
.recipe__ingredients-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.recipe__ingredients-label { color: #FC0B00; font: 13px 'Oswald', 'Roboto Slab', sans-serif; margin: 0 auto 0 0; text-transform: uppercase; }
.recipe__ingredients-spin { color: #FC0B00; cursor: pointer; font: bold 30px/25px 'Oswald', 'Roboto Slab', sans-serif; padding: 0 5px 5px; right: 0; }
.recipe__label { background: #5E5E5E ; color: #fff; font: 200 14px/23px 'Oswald', 'Roboto Slab', sans-serif; padding: 0 15px; text-transform: uppercase; }
.recipe__note { font-size: 12px; margin-bottom: 15px; }
.recipe__rating { align-items: center; background: linear-gradient(#f0f0f0,#fff,#f0f0f0); color: gray; display: flex; font-size: 13px; justify-content: space-between; margin: 15px 0; padding: 30px 6px; }
.recipe__rating-stars { direction: rtl; padding: 5px; white-space: nowrap; }
.recipe__rating-stars-item { display: inline-block; text-shadow: 0 0 6px rgba(0,0,0,0.6); }
.recipe__rating-stars-item::before { content: "\f006"; font: 32px/32px Fontawesome; }
.recipe__rating-stars-item:hover:before,
.recipe__rating-stars-item:hover ~ .recipe__rating-stars-item:before { color: #FFD000; content: "\f005"; }
.recipe__rating-title { color: #0F7C38; font-size: 16px; text-transform: uppercase; }
.recipe__title-bg { background: #89C2A1; color: #fff; font-size: 23px; padding: 0 15px; }
.recipe.article h1 { color: #FC0B00; font: 28px/34px 'Oswald', 'Roboto Slab', sans-serif; margin-bottom: 0; text-transform: uppercase; }
.recipes__heading {font-size: 28px; margin-bottom: 20px;}
@media (max-width: 575px) {
  .recipe__category { grid-template-columns: repeat(5, 1fr); }
  .recipe__rating { flex-direction: column; }
}

.search { align-items: center; display: flex; margin-bottom: 10px; padding: 20px 0; }
.search button { background: #FF7900 ; color: #fff; border: 0; border-radius: 3px; font: 14px/20px 'Roboto Slab',sans-serif; margin-left: 5px; padding: 4px 8px; transition: all .25s; }
.search button::before { content: "\f002"; font-family: fontawesome; font-size: 13px; margin-right: 5px; vertical-align: middle; }
.search button:hover { background: #902f00; }
.search input { background: transparent; border: 1px solid lightgrey; flex-grow: 1; font: 15px/20px 'Roboto Slab',sans-serif; min-width: 150px; padding: 3px 10px; }
.search label { font-size: 18px; margin: 0 5px 0 0; }
@media (max-width: 1199px) {
  .search label { font-size: 14px; }
}
@media (max-width: 575px) {
  .search { flex-wrap: wrap; }
  .search button { font-size: 0; }
  .search button::before { flex: 0 0 35px; margin-right: 0; max-width: 35px; }
  .search input { flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px); }
  .search label { flex: 0 0 100%; margin-bottom: 10px; }
}


/* Ošetření skrz AdActive branding - RECEPTY (START) */

body {
	text-align: center;
}

.container {
	text-align: left;
}

.header {
	z-index: 11; 
	position: relative;
}

.content, .footer {
	z-index: 10; 
	position: relative;
}

.leaderboard-top-container {
	text-align: center;
}

#leaderboard-top img {
	max-width: none;
}

.article-content em {
  font-style: italic;
}
.article-image {
  display: inline-block;
  line-height: 1;
}
.article-image img {
  display: block;
  line-height: 1;
}
.has-caption {
  position: relative;
  line-height: 1;
  overflow: hidden;
}
.has-caption .image-caption {
  position: absolute;
  bottom: -10rem;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: rgba(18, 104, 50, 0.75);
  padding: .5rem 2rem;
  font-size: .8rem;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}
.has-caption:hover .image-caption {
  bottom: 0;
}

/* Ošetření skrz AdActive branding - RECEPTY (END) */

@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}

.readmore-heading {
  color: #EE6402;
  font: bold 17px/22px 'Roboto',sans-serif;
  margin: 0;
}


.tooltip { background: #FF7900; border-radius: 0 20px 20px; color: #fff; display: none; font-size: 12px; left: 50px; margin-top: 0px; opacity: 0; padding: 10px; position: absolute; right: 15px; text-align: center; top: 100%; transition: all .25s; }
.turnNotifyOn:hover + .tooltip { display: block; opacity: 1; }


.checkbox {
  position: relative;
  display: block;
  left: 0;
  top: 0;
  margin: 0 0 0 0;
  color: #222;
}
.checkbox label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  background: #fff;
  padding: 0 0 0 2rem;
  margin: 0 0.5rem 0 0;
  min-height: 0;
  max-width: none;
  font-size: 1rem;
  color: #222;
  font-weight: 400;
  text-transform: none;
  line-height: 1.3;
}
.checkbox label:after {
  content: '';
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 4px;
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=(0));
  opacity: 0;
  transform: rotate(-45deg);
}
.checkbox label:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -11px;
  border: 1px solid #0F7C38;
  background-color: #BBDCCB;
  box-sizing: border-box;
}
.checkbox label:hover::after {
  opacity: 0.2;
}
.checkbox input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
  border-color: #fff;
}
.checkbox input[type=checkbox]:checked + label:before {
  border-color: #0F7C38;
  background-color: #0F7C38;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.checkbox.checkbox-inline {
  display: inline-block;
}


.g-recap div:first-of-type {
  margin: auto;
  margin-top: 30px;
}