/*
Theme Name: Slatinská pekáreň, s.r.o.
Author: blueera | Digitálna marketingová agentúra
Author URI: https://blueera.sk/
Description: Slatinská pekáreň, s.r.o. - WordPress Child Theme
Version: 1.0.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
*, *::before, *::after {
  box-sizing: border-box;
}
:root {
    --max-width: 1330px;
    --body-padding: 60px;

    --color-primary: #e2c000;
    --color-primary-hover: #e0a000;
    --color-gray: #2b2b2b;
    --color-gray-dark: #1c1c1c;
    --color-gray-light: #505050;
}
ul {
	margin: 0 !important;
}

#load {
  background: #212121;
  --the7-beautiful-spinner-color2: #e2c000;
}

.inner-wrapper {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--body-padding);

    /* outline: 2px solid rgb(255, 0, 0); */
    /* background-color: rgba(255, 0, 0, 0.4); */
}
.content-header-padding {
    padding: 180px 0 0 0;
}
.content-header-padding-100 {
    padding: 100px 0 0 0;
}
.content-header-padding.vc_column_container {
    position: relative;
}
.content-header-padding.vc_column_container::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    z-index: 11;
}
.max-width-800 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.max-width-1130 {
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
}
.max-width-1190 {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
}
.great-vibes-font h2 {
  font-weight: 400 !important;
}
.margin-auto {
  margin: 0 auto;
}
.font-poppins {
    font-family: Poppins, sans-serif !important;
}

/* -- Responsive -- */
@media screen and (max-width: 768px) {
    :root {
        --body-padding: 30px;
    }
}






/* ------------------- Header START --------------------- */
.custom-header {
        width: 100%;
    position: absolute;
}
.custom-header .header-bar {
    width: 100%;
    max-width: 1800px !important;
    margin: 0 auto !important;
    padding: 0 var(--body-padding) !important;
}

/* -- */
.custom-header .header-bar .branding {
    width: 155px;
}

/* -- */
.custom-header .main-nav {
    justify-content: flex-end !important;
    padding: 0 20px 0 0;
}

/* -- */
.custom-header .soc-ico a {
  width: 26px;
  height: 26px;
  margin: 0 2px;
  line-height: 26px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-color: var(--color-primary);
  transition: all 0.3s ease-in-out;
}
.masthead .mini-widgets .soc-ico a:hover .soc-font-icon {
  transition: all 0.3s ease-in-out;
}
.custom-header .soc-ico a::before,
.custom-header .soc-ico a::after {
  display: none;
  background-color: transparent;
}
.accent-gradient .masthead .mini-widgets .soc-ico a:not(:hover) .soc-font-icon {
  color: #ffffff !important;
}

/* -- */
.custom-header .text-area {
  width: 200px;
}
.custom-header .text-area img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.3s ease-in-out;
}


.index-header {
  background-color: transparent !important;
}




#phantom {
  background-color: #ffffff !important;
}

/* -- Floating header -- */
#phantom .logo-box a {
  display: flex;
  align-items: center;
}
#phantom .logo-box img {
  width: 260px;
  height: 38px;
}




/* -- Phone -- */
.mobile-header-scrollbar-wrap {
    height: 100%;
    justify-content: space-between;
}


.custom-header .mobile-header-bar {
  background-color: #1c1c1c;
}
.sticky-mobile-logo-second-switch,
.mobile-header-bar .mobile-logo {
  width: 154px !important;
}
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:before,
.preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:before {
  background-color: var(--color-primary) !important;
}

/* -- Xxx -- */

/* -- Xxx -- */


/* -- Responsive -- */
@media screen and (max-width: 1180px) {
    .custom-header .text-area {
       display: none;
    }
}



/* -- Hovers -- */
.masthead .mini-widgets .soc-ico a:hover .soc-font-icon {
    color: #000000 !important;
}
.custom-header .header-bar .soc-ico a:hover {
    background-color: #ffffff !important;
}
.custom-header .text-area:hover img {
    transform: translateY(-5px);
}
/* -------------------- Header END ---------------------- */
/*             -             //             -             */








/* ------------------- Footer START --------------------- */

/* -- Footer MAIN -- */
.custom-footer {
    /* padding: 0 var(--body-padding); */
    background-color: var(--color-gray);

}



/* -- Footer TOP -- */
.custom-footer-top {
    display: flex;
    gap: calc(var(--body-padding) * 2);
    padding: calc(var(--body-padding) - 14px) 0;
}

/* -- */
.custom-footer-top-left {
    width: 50%;
    padding: 8px 0 0 0;
}
.custom-footer-top-left .textwidget {
    display: flex;
    flex-direction: column;
    margin: 10px 0 0 0;
    gap: 20px;
}
.custom-footer-top-left .textwidget div:nth-child(1) {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #ffffff;
}
.custom-footer-top-left .textwidget div:nth-child(2) a {
    font-family: poppins, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    color: #ffffff;
    background-color: var(--color-primary);
    border-radius: 20px;
    padding: 7px 15px;
    transition: background-color 0.3s ease-in-out;
}
.custom-footer-top-left .textwidget div:nth-child(3) {
    margin: 10px 0 0 0;
}
.custom-footer-top-left .textwidget div:nth-child(3) a {
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    color: #ffffff;
    transition: color 0.3s ease-in-out;
}

/* -- */
.custom-footer-top-center {
    width: 25%;
    padding: 8px 0 0 0;
}
.custom-footer-top-center h3 {
    font-family: poppins, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
    color: #ffffff;
}
.custom-footer-top-center .vlastny-widget li {
    font-family: var(--the7-base-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #ffffff;
}
.custom-footer-top-center .vlastny-widget .color-primary {
    margin: 0;
}
.custom-footer-top-center .soc-ico .facebook,
.custom-footer-top-center .soc-ico .instagram {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--color-gray-light);
    color: #ffffff;
    transition: background-color 0.3s ease-in-out;
}
.custom-footer-top-center .soc-ico .facebook::before,
.custom-footer-top-center .soc-ico .facebook::after,
.custom-footer-top-center .soc-ico .instagram::before,
.custom-footer-top-center .soc-ico .instagram::after {
    display: none;
    background-color: transparent;
}

/* -- */
.custom-footer-top-right {
    width: 25%;
}
.custom-footer-top-right nav ul li {
    padding: 6px 0;
}
.custom-footer-top-right nav ul li.menu-item-has-children {
    padding: 6px 0 0 0;
}
.custom-footer-top-right nav ul ul.sub-menu {
    padding: 0 0 0 20px;
    margin: 6px 0 0 0;
}
.custom-footer-top-right nav a {
    width: 100%;
    display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 25px;
    padding: 3px 15px 3px 28px;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease-in-out;
}
.custom-footer-top-right nav a::before,
.custom-footer-top-right nav a::after {    
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: all 0.3s ease-in-out;
}
.custom-footer-top-right nav a::before {
    background-color: var(--color-gray-light);
}
.custom-footer-top-right nav a::after {
    background-image: url('./inc/images/nav-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px;
}
.custom-footer-top-right nav li.current-menu-item > a {
    color: var(--color-primary);
    pointer-events: none;
}
.custom-footer-top-right nav li.current-menu-item > a::before {
    background-color: var(--color-primary);
}
.custom-footer-top-right nav li.current-menu-item > a::after {
    display: none;
}



/* -- Footer COPYRIGHT -- */
.custom-footer-bottom {
    background-color: var(--color-gray-dark);
}
.custom-footer-bottom .inner-wrapper {
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.custom-footer-bottom .inner-wrapper p {
    margin: 0;
}

/* -- */
.custom-footer-bottom-left {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    color: #ffffff;
}

/* -- */
.custom-footer-bottom-right {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0 0 7px 0;
}
.created-by {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    color: #ffffff;
}
.custom-footer-bottom-right a svg {
    width: 150px;
    height: auto;
    fill: #ffffff;
    transition: fill 0.3s ease-in-out;
    display: block;
}



/* -- Hovers -- */
.custom-footer-top-left .textwidget div:nth-child(2) a:hover {
    background-color: var(--color-primary-hover);
}
.custom-footer-top-left .textwidget div:nth-child(3) a:hover {
    color: var(--color-primary);
}
.custom-footer-top-center .soc-ico .facebook:hover,
.custom-footer-top-center .soc-ico .instagram:hover {
    background-color: var(--color-primary) !important;
}
.custom-footer-top-right nav a:hover {
    color: var(--color-primary);
}
.custom-footer-top-right nav a:hover::before,
.custom-footer-top-right nav a:hover::after {
    transform: translateX(5px);
}
.custom-footer-top-right nav a:hover::before {
    background-color: var(--color-primary);
}
.custom-footer-bottom-right a:hover svg {
    fill: #0ab7f5;
}



/* -- Responsive -- */
@media screen and (max-width: 768px) {

    /* -- */
    .custom-footer-top {
        flex-direction: column;
        gap: 30px;
    }
    .custom-footer-top-right,
    .custom-footer-top-left,
    .custom-footer-top-center {
        width: 100%;
    }

    /* -- */
    .custom-footer-bottom .inner-wrapper {
        height: auto;
        flex-direction: column;
        padding: 20px 0;
        gap: 20px;
    }
    .created-by {
        text-align: center;
    }

}









/* -------------------- Footer END ---------------------- */
/*             -             //             -             */













/* ------------------- Titles START --------------------- */
.article-style-title {
    font-family: Great Vibes, sans-serif;
    font-weight: normal;
    color: #e2c000;
    margin-bottom: 5px;
    font-size: 60px;
    line-height: 65px;
}
.article-style-subtitle {
    font-family: Poppins, sans-serif;
    font-weight: normal;
    color: #303030;
    margin-bottom: 5px;
    font-size: 50px;
    line-height: 55px;
    position: relative;
}
.article-style-subtitle.white {
  color: #ffffff;
}
.article-style-subtitle::after {
    content: '';
    width: 110px;
    height: 10px;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    mask-image: url(./inc/images/decoration-underline.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(./inc/images/decoration-underline.svg);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #d2d2d2;
}
.article-style-subtitle.white::after {
    background-color: #ffffff;
}


.article-style-description {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 60px 30px 0 30px;
    text-align: center;
    color: #878787;
}






/* -- Responsive -- */
@media (max-width: 767px) {
    .article-style-title {
        font-size: 40px !important;
        line-height: 45px !important;
    }
    .article-style-subtitle {
        font-size: 35px !important;
        line-height: 40px !important;
    }
}
@media (min-width: 768px) {
    .article-style-title {
        font-size: 60px;
        line-height: 65px;
    }
    .article-style-subtitle {
    font-size: 50px;
    line-height: 55px;
    }
}



/* -- Xxx -- */

/* -- Xxx -- */

/* -- Xxx -- */


/* -- Hovers -- */
/* -------------------- Titles END ---------------------- */
/*             -             //             -             */










/* ------------------- Recepty START -------------------- */
.recepty-grid {
   background-color: #f4f4f4;
   margin: 0 0 20px 0;
}
.recepty-grid:last-child {
   margin: 0 0 0 0;
}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
    padding: 25px !important;
}
.recepty-grid .vc_gitem_row .vc_gitem-col {
    padding: 0 !important;
}
.vc_grid.vc_row .vc_grid-item .wpb_content_element,
.recepty-grid .vc_grid.vc_row .vc_grid-item .wpb_content_element {
    margin: 0 !important;
}
.recepty-grid .vc_grid-item-mini {
    display: flex;
}
.recepty-grid .vc_gitem-zone {
    overflow: visible !important;
}
.recepty-grid .vc-gitem-zone-height-mode-auto:before {
    display: none !important;
}
.recepty-grid .vc_gitem-zone.vc_gitem-zone-c {
    width: 294px !important;
}
.recepty-grid .vc_gitem-animated-block {
    flex: 1;
    padding: 0 0 0 30px;
}
.recepty-grid .vc_single_image-wrapper ,
.recepty-grid .wpb_single_image .vc_figure,
.recepty-grid img[class*=attachment-] {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.recepty-grid a.vc_single_image-wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-primary);
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.recepty-grid a.vc_single_image-wrapper::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    mask-image: url(./inc/images/icon-plus.svg);
    mask-size: 32px;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(./inc/images/icon-plus.svg);
    -webkit-mask-size: 32px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
}
.recepty-grid .recepty-show-post-btn a {
    background-color: transparent !important;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 23px;
    color: rgb(48, 48, 48) !important;
}
.recepty-grid .recepty-show-post-btn a::before {
    content: '';
    width: 6px;
    height: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    margin: auto;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    mask-image: url(./inc/images/icon-arrow.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(./inc/images/icon-arrow.svg);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: rgb(48, 48, 48);
}
.recepty-grid .recepty-show-post-btn a::after {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 4px;
    left: 0;
    margin: auto;
    background-color: #e2c000;
    transition: all 0.3s ease-in-out;
}
.recepty-grid h3 a {
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 17px;
    padding: 0 0 10px 0;
    color: rgb(48, 48, 48);
}
.recepty-grid h3 a:hover {
  color: var(--color-primary);
}
.recepty-grid .vc_gitem-post-meta-field-popis_receptu {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: rgb(135, 135, 135);
    padding: 0 0 40px 0;
    position: relative;
}
.recepty-grid .vc_gitem-post-meta-field-popis_receptu::after {
    content: '';
    width: 10px;
    height: 1px;
    position: absolute;
    bottom: 12px;
    left: 0;
    margin: auto;
    background-color: rgb(162, 162, 162);
}



/* -- Hovers -- */
.recepty-grid .recepty-show-post-btn a:hover::after {
    width: calc(100% + 15px);
}
.recepty-grid a.vc_single_image-wrapper:hover::before {
    opacity: 0.5;
}
.recepty-grid a.vc_single_image-wrapper:hover::after {
    opacity: 1;
}



/* rgba(226, 192, 0, 0.5); */



/* -- Responsive -- */
@media screen and (max-width: 768px) {

    .recepty-grid .vc_grid-item-mini {
        flex-direction: column;
    }
    .recepty-grid .vc_gitem-zone.vc_gitem-zone-c {
        width: 100% !important;
    }
    .recepty-grid .vc_gitem-animated-block {
        width: 100% !important;
    }
    .recepty-grid .vc_gitem-animated-block {
        padding: 0;
    }
    .recepty-grid .vc_gitem-zone {
        height: auto !important;
        min-height: 100px; /* alebo viac podľa potreby */
    }
    .recepty-grid h3 {
        margin: 30px 0 0 0; 
    }
    .vc_gitem-zone-a .vc_gitem-row-position-top {
        position: static !important;
    }

}
/* -------------------- Recepty END --------------------- */
/*             -             //             -             */


/* ------------------- Predajne miesta START --------------------- */
.underline {
    position: relative;
}
.underline::after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 2px;
    left: 0;
    border-bottom: 2px dashed var(--color-primary);
}
.mapboxgl-control-container {
    position: absolute;
    top: -32px;
}
    .text-center {
      text-align: center !important;
    }
.mapboxgl-ctrl-bottom-left { display: none; }
.mapboxgl-ctrl-bottom-right { display: none; }
.mapboxgl-canvas-container { display: none; }

.sidebar {
    position: relative;
    width: 33.3333%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
  }
  .mapboxgl-control-container {
    width: 100% !important;
  }
  .mapboxgl-ctrl-top-left {
    width: 100% !important;
    display: flex !important;
  	position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
  }

  .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  	margin: 10px auto;
  	float: none;
  }
  .mapboxgl-ctrl-top-left .mapboxgl-ctrl input {
    margin: 0 !important;
  }

  .pad2 {
    padding: 20px;
  }

  .map {
    position: relative;
    width:100%;
    height: 30px;
    left:0;
    top: 0;
    overflow: visible;
  }


  .listings {
    height: 100%;
    overflow: auto;
    padding-bottom: 60px;
  }

  .listings .item {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 10px;
    text-decoration: none;
  }

  .listings .item:last-child { border-bottom: none; }

  .listings .item .title {
    display: block;
    color: #00853e;
    font-weight: 700;
  }

  .listings .item .title small {
    font-weight: 400;
  }

  .listings .item.active .title .listings .item .title:hover {
    color: #8cc63f;
  }

  .listings .item.active {
    background-color: #f8f8f8;
  }

  .marker {
    border: none;
    cursor: pointer;
    height: 56px;
    width: 56px;
    background-image: url(images/marker.png);
    background-color: rgba(0, 0, 0, 0);
  }

  .clearfix {
    display: block;
  }

  .clearfix::after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Marker tweaks */
  .mapboxgl-popup {
    padding-bottom: 50px;
  }

  .mapboxgl-popup-close-button {
    display: none;
  }

  .mapboxgl-popup-content {
    font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;
    padding: 0;
    width: 280px;
  }

  .mapboxgl-popup-content-wrapper {
    padding: 1%;
  }

  .mapboxgl-popup-content h3 {
    background: #91c949;
    color: #fff;
    margin: 0;
    display: block;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    font-weight: 700;
    margin-top: -15px;
  }

  .mapboxgl-popup-content h4 {
    margin: 0;
    display: block;
    padding: 10px;
    font-weight: 400;
  }

  .mapboxgl-popup-content div {
    padding: 10px;
  }

  .mapboxgl-container .leaflet-marker-icon {
    cursor: pointer;
  }

  .mapboxgl-popup-anchor-top > .mapboxgl-popup-content {
    margin-top: 15px;
  }

  .mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {
    border-bottom-color: #91c949;
  }

  /*add styles for mapboxgl-ctrl-geocoder here*/
  .mapboxgl-ctrl-geocoder {
    border: 0;
    border-radius: 0;
    position: relative;
    top: 0;
    width: 800px;
    margin-top: 0;
  }

  .mapboxgl-ctrl-geocoder > div {
    min-width: 100%;
    margin-left: 0;
  }

  /* results */

  #resultsHeadingRow {
    display: none;
  }

.resultRow {
    display: flex;
    gap: 30px;
    padding: 0 30px

  }


  #results {
    max-width: 1250px;
    margin: 60px auto !important;
  }

  .resultRow h3 {
  	font-size: 22px !important;
  	line-height: 28px !important;
  }

  .nameHeading {
    margin-top: 20px;
    background: #e2c000;
    padding: 5px 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 2px dashed #303030;
  }

  .resultsMainHeading {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Great Vibes';
    font-weight: normal;
    color: #e2c000;
    font-size: 40px;
    line-height: 45px;
    margin-top: 40px;
  }

  .resultsMainSubheading {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Poppins';
    font-weight: normal;
    color: #303030;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 30px;
  }

  .resultsHeading {
    font-family: 'Raleway';
    font-weight: 600;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
  }

  .resultsSubheading {
    font-family: 'Raleway';
    font-weight: normal;
    color: #616161;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  a.resultsLink{
    display:inline-block;
    padding:0.35em 1.2em 0.25em 1.2em;
    border:0.1em solid #e2c000;
    border-radius:0.22em;
    box-sizing: border-box;
    text-decoration:none;
    color:#e2c000;
    font-family: 'Raleway';
    font-weight: 600;
    text-align:center;
    transition: all 0.2s;
  }
  a.resultsLink:hover{
    color:#fff;
    background-color:#e2c000;
  } 
  @media all and (max-width:30em){
    a.resultsLink{
      display:block;
      margin:0.4em auto;
    }
  }

  .resultsHr {
    width: 100%;
    border-color: #dcdcdc;
    border-top-width: 1px;
    border-top-style: dashed;
    border-bottom: none;
  }
  .sk-map {
    max-width: 820px;
    padding: 0 30px;
    margin: auto !important;
  }
  /* SVK MAPA */
  .sk-map img {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .sk-map-wrapper {
    width: 100% !important;
    max-width: 714px;
    display: block;
    position: relative;
    margin: 40px auto 60px auto;
    width: 60%;
    height: auto;
  }

  .dot {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #616161;
    transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
  }

  .dot:hover {
    background-color: #fff;
  }

  .dot:after {
    content: "";
    display: inline-block;
    position: relative;
    left: 25px;
    bottom: 8px;
    padding: 3px 10px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    pointer-events: none;
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    opacity: 0;
    z-index: 9;
    transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -webkit-transition: all .05s ease-in-out;
  }

  #bratislava {
    left: 3%;
    top: 76%;
  }
  #bratislava:after {
    content: "Bratislava";
  }
  #bratislava:hover::after {
    opacity: 1;
  }

  #pezinok {
    left: 7%;
    top: 66%;
  }
  #pezinok:after {
    content: "Pezinok";
  }
  #pezinok:hover::after {
    opacity: 1;
  }

  #nitra {
    left: 21%;
    top: 69%;
  }
  #nitra:after {
    content: "Nitra";
  }
  #nitra:hover::after {
    opacity: 1;
  }

  #zvolen {
    left: 38%;
    top: 57%;
  }
  #zvolen:after {
    content: "Zvolen";
  }
  #zvolen:hover::after {
    opacity: 1;
  }

  #krupina {
    left: 37%;
    top: 67%;
  }
  #krupina:after {
    content: "Krupina";
  }
  #krupina:hover::after {
    opacity: 1;
  }

  #banskabystrica {
    left: 39%;
    top: 45%;
  }
  #banskabystrica:after {
    content: "Banská Bystrica";
  }
  #banskabystrica:hover::after {
    opacity: 1;
  }

  #detva {
    left: 43%;
    top: 58%;
  }
  #detva:after {
    content: "Detva";
  }
  #detva:hover::after {
    opacity: 1;
  }

  #brezno {
    left: 47%;
    top: 43%;
  }
  #brezno:after {
    content: "Brezno";
  }
  #brezno:hover::after {
    opacity: 1;
  }

  #lucenec {
    left: 49%;
    top: 67%;
  }
  #lucenec:after {
    content: "LuÄŤenec";
  }
  #lucenec:hover::after {
    opacity: 1;
  }

  #rimavskasobota {
    left: 55%;
    top: 63%;
  }
  #rimavskasobota:after {
    content: "Rimavská Sobota";
  }
  #rimavskasobota:hover::after {
    opacity: 1;
  }

  #kosice {
    left: 76%;
    top: 46%;
  }
  #kosice:after {
    content: "Košice";
  }
  #kosice:hover::after {
    opacity: 1;
  }


  /* PRELOADER */
  .sk-circle {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom:45px;
  left: calc(50% - 15px);
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #e2c000;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

  @media screen and (max-width: 480px) {

    .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
      width: 90%;
    }
    .stitched {
      margin-left: -150px !important;
    }
    .sk-map-wrapper {
      width: 100%;
    }
    .dot {
      width: 10px;
      height: 10px;
    }
  }
/* -------------------- XXX END ---------------------- */
/*             -             //             -             */


















/* ---------------- O pekarni START ------------------ */
/* -- Xxx -- */

.o-pekarni-col > .vc_column-inner {
  display: flex;
  align-items: flex-end;
}
.o-pekarni-col > .vc_column-inner > .wpb_wrapper {
  max-width: 635px;
}
.o-pekarni-row-top {
    display: flex;
    justify-content: center;
    background-size: cover !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
}
.o-pekarni-row-top .wpb_column.vc_col-sm-7 {
    max-width: 700px;
}
.o-pekarni-row-top .wpb_column.vc_col-sm-5 {
    max-width: 500px;
}
.o-pekarni-row-top .wpb_column.vc_col-sm-7 .wpb_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.o-pekarni-row-top .wpb_column.vc_col-sm-7 .wpb_wrapper .wpb_wrapper {
    width: 100%;
    align-items: center;
}
.o-pekarni-row-top .wpb_single_image {
    margin: 0 !important;
}
.o-pekarni-row-top .inner-row-700 {
    max-width: 700px;
}
.o-pekarni-row-top .vc_custom_1750894961750{
    background-size: cover !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
}
.o-pekarni-row-top .vc_row-has-fill>.vc_column_container>.vc_column-inner  {
    padding: 0 !important;
}


/* -- Boxs -- */
.o-pekarni-box-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.o-pekarni-box-wrapper::after {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.65);
  position: absolute;
  left: 0;
  top: 0;
}
.o-pekarni-box-wrapper .vc_column-inner {
    padding: 0 !important;
}
.o-pekarni-box-wrapper .vc_col-sm-12 {
    max-width: 1000px;
    margin: auto;
    display: flex;
    gap: 60px;
}

.o-pekarni-box {
    position: relative;
    padding: 30px 30px 15px 30px;
}
.o-pekarni-box::before,
.o-pekarni-box::after {
    content: '';
    width: calc(100% - 60px);
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    border-bottom: 1px dashed rgba(255,255,255,0.3)
}
.o-pekarni-box::after {
    bottom: 0;
}
.o-pekarni-box::before {
    top: 0;
}


.o-pekarni-box-descriptions {
    margin: 0 0 10px 0 !important;
}
.o-pekarni-box-descriptions p {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(255,255,255,0.6);
    text-align: center;
}
.o-pekarni-box-btn {
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.o-pekarni-box-btn a {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: rgba(255,255,255,0.6);
    text-align: center;
    padding: 7px 15px !important;
    color: var(--color-primary) !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid var(--color-primary) !important;
    border-radius: 3px !important;
    position: relative;
    z-index: 1;
}
.o-pekarni-box-btn a::before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-primary);
    transition: all 0.3s ease-in-out;
    z-index: -1;
}



/* -- Xxx -- */
.main-row {
    background-size: 60%;
    background-position: 100% 0;
    background-repeat: no-repeat;
}
@media screen and (min-width: 1850px) {
    .main-row {
        background-size: 70%;
        background-position: 130%;
    }
}
@media screen and (min-width: 1281px) and (max-width: 1849px) {
    .main-row {
        background-size: 100%;
        background-position: 450px;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .main-row {
        background-size: 110%;
        background-position: 370px;
    }
}
@media screen and (max-width: 1024px) {
    .main-row {
        background-size: 150%;
        background-position: 170px;
    }
}
/* TABLET PORTRAIT */
@media (max-device-width: 800px) and (orientation: portrait) { 
  .main-row {
        background-size: 270%;
        background-position: -30px;
        opacity: 0.9;
    }
}

/* -- Hovers -- */
.o-pekarni-box-btn a:hover {
    color: #353535 !important;
}
.o-pekarni-box-btn a:hover::before {
    width: 100%;
}

/* Responsive */
/* TABLET PORTRAIT */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
  .o-pekarni-col {
    width: 70%;
  }
  #main {
    padding: 0 !important;
  }
  #produkty-column .vc_column-inner.vc_custom_1520244335181 {
     padding-top: 0 !important;
  }
  .upb_row_bg.vcpb-default {
    background-image: none !important;
  }
   .product-heading {
     margin-top: 50px;
  }
}

/* PHONES */
@media (max-device-width: 800px)  and (orientation: portrait) { 
  .o-pekarni-col {
    width: 70%;
  }
}
@media screen and (max-width: 375px) {
  .o-pekarni-col {
    width: 100%;
  }
  #main-row {
    background-image: none !important;
  }
}

@media screen and (max-width: 800px) {
  .o-pekarni-box::before,
  .o-pekarni-box::after {
    width: calc(100% - 120px);
  }
  .o-pekarni-box {
    margin: 0 0 10px 0;
  }
  .o-pekarni-box:last-child {
    margin: 0;
  }
}
/* ----------------- O pekarni END ------------------- */
/*   

/* ------------------ Index START -------------------- */
.o-nas-arrow {
  position: relative;
}
.o-nas-arrow::after {
  content: '';
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 35px solid #ffffff; /* farba trojuholníka */
  z-index: 11;
}
.btn-produkt.ubtn-ctn-left {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
}
.btn-produkt button {
  font-weight: 700 !important;
  font-size: 14px !important;
  font-family: Open Sans, sans-serif !important;
  border-radius: 0px !important;
  border-width: 3px !important;
  border-color: #e2c000 !important;
  border-style: solid !important;
  background: rgba(224, 224, 224, 0.01) !important;
  color: #e2c000 !important;
  position: relative;
}
.btn-produkt button::before {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e2c000;
  transition: all 0.3s ease-in-out;
}

.phone-no-margin {
  margin: 0 auto !important;
}
.tradicna-chut-box {
  margin-bottom: 30px;
}

.tradicna-chut-box .wpb_single_image {
  display: flex;
  justify-content: center;
}


.btn-citat-viac {
  background: var(--color-primary) !important;
  border-radius: 50px !important;
  padding: 12px 25px 11px 25px !important;
}
.btn-citat-viac:hover {
  background: var(--color-primary-hover) !important;
}
.cta-cart button, .cta-cart .ubtn-hover {
    border-radius: 5px;
}

.cta-cart .ubtn-data.ubtn-text:before {
    content: '\003e';
    color: #e2c000;
    margin-right: 10px;
}



.align-center .vc_row > .ult-item-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}



/* -- Apsolute obrazky -- */
.z-index {
  position: relative;
  z-index: 1;
}
.cibula,
.korenie,
.muka,
.korenie-2,
.chlieb,
.obilie,
.spenat {
  position: absolute;
  z-index: 1;
}
.cibula {
  top: 0;
  left: 0;
}
.korenie {
  top: 200px;
  left: 3%;
}
.muka {
  right: 0;
  top: 5%;
}
.korenie-2 {
  right: 0;
  top: 600px;
  transform: translateX(50%);
}
.chlieb {
  bottom: 200px;
  left: 0;
}
.obilie {
  bottom: 0px;
  left: 0;
}
.spenat {
  right: 0;
  bottom: 0px;
}

@media screen and (max-width: 1250px) {
  .cibula,
  .korenie,
  .muka,
  .korenie-2,
  .chlieb,
  .obilie,
  .spenat {
    display: none;
  }
}

/* -- Hovers -- */
.btn-produkt button:hover {
  color: #3a3a3a !important;
}
.btn-produkt button:hover::before {
  width: 100%;
}
/* ------------------- Index END --------------------- */
/*   

/* ----------------- Produkty START ------------------ */
.produkt-wrapper .vc_col-sm-6 > .vc_column-inner {
  margin: 0 30px !important;
}
.img-min-height {
  min-height: 400px;
}

.vlastnosti-produktu-decoration {
  position: relative;
  padding: 0 0 40px 0;
}
.vlastnosti-produktu-decoration::after {
    content: '';
    width: 110px;
    height: 10px;
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    mask-image: url(./inc/images/decoration-underline.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(./inc/images/decoration-underline.svg);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #c4ac70;
}






.post-grid-recent {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px 0 0 0;
}
.post-grid-recent .vc_row {
  margin: 0 !important;
}
.post-grid-recent .vc_pageable-slide-wrapper {
  padding: 20px 0;
  border-top: 1px dashed #d8d8d8;
  border-bottom: 1px dashed #d8d8d8;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 20px;
  grid-column-gap: 20px;
}
.post-grid-wrapper {
  margin: 0 0 20px 0;
}
.vc_pageable-slide-wrapper.vc_clearfix::before,
.vc_pageable-slide-wrapper.vc_clearfix::after {
  display: none !important;
}


.post-grid-wrapper .grid-image .vc_column-inner {
  padding: 0 !important;
}
.post-grid-wrapper .grid-description .vc_column-inner {
  padding: 0 !important;
}
.post-grid-wrapper .grid-image .wpb_single_image {
  margin: 0 !important;
}
.post-grid-wrapper .grid-image .wpb_single_image figure,
.post-grid-wrapper .grid-image .wpb_single_image .vc_single_image-wrapper,
.post-grid-wrapper .grid-image .wpb_single_image img {
  width: 100% !important;
}
.post-grid-wrapper .grid-image .wpb_single_image .vc_single_image-wrapper {
  height: 100px !important;
  overflow: hidden;
}


.post-grid-wrapper {
  display: flex;
}
.post-grid-wrapper .vc_col-sm-3 {
  width: 200px;
}
.post-grid-wrapper .vc_col-sm-9 {
  width: 100%;
  flex: 1;
}

.post-grid-wrapper .grid-description a {
  font-family: 'Raleway';
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: none;
  color: #303030;
  padding: 0 0 0 20px;
}

/* -- Hovers -- */
.post-grid-wrapper .grid-description a:hover {
  color: var(--color-primary)
}



.post-grid {
  padding: 0 30px;
}
/* -- Responsive -- */
@media screen and (max-width: 768px) {

  .vc_pageable-slide-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .post-grid-recent .vc_pageable-slide-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .post-grid .img-min-height > .vc_column-inner {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .post-grid .description-margin > .vc_column-inner {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }

}
/* ------------------ Produkty END ------------------- */
/*   

/* ----------------- Recepty START ------------------- */
.recepty-wrapper {
}

/* -- C omments -- */
.comment-wrapper {
  border: 1px solid blue;
  display: none;
}

/* -- Video player -- */
.video-player {
  max-width: 500px;
  margin: 0 auto 50px auto;
}

/* -- Share -- */
.facebook-share-buttons {
  margin: 0 0 0 0 !important;
}
.facebook-share-buttons .screen-soc-font-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
    mask-image: url(./inc/images/icon-facebook.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(./inc/images/icon-facebook.svg);
    -webkit-mask-size: 7px auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #4c69c7;
    transition: background-color 0.3s ease-in-out;
}
.single-share-box .share-buttons a.facebook-share-buttons {
  border-color: rgba(76,105,199,.3) !important;
}

.under-title-decoration {
  position: relative;
  padding: 0 0 10px 0;
}
.under-title-decoration::after {
    content: '';
    width: 110px;
    height: 10px;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    mask-image: url(./inc/images/decoration-underline.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(./inc/images/decoration-underline.svg);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--color-primary); 
    transition: background-color 0.3s ease-in-out;
}

/* -- Navigation -- */
.nav-links-custom {
  max-width: 1130px;
  margin: 0 auto;
  display: flex;
  padding: 25px 0;
  border-width: 1px 0;
  border-style: solid;
  display: flex;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.nav-links-custom a {
  text-decoration: none;
}
.nav-links-custom .nav-previous,
.nav-links-custom .nav-next {
  display: flex;
  flex-direction: column;
  position: relative;
}
.nav-links-custom .nav-previous span,
.nav-links-custom .nav-next span {
  width: 100%;
}
.nav-links-custom .nav-previous span {
  width: 100%;
  text-align: right;
}
.nav-links-custom .nav-previous::after,
.nav-links-custom .nav-next::after {
  content: '';
  width: 14px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #e6e6e6;
    mask-image: url(./inc/images/icon-arrow-2.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(./inc/images/icon-arrow-2.svg);
    -webkit-mask-size: 14px auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #e8e8e8;
    transition: background-color 0.3s ease-in-out;
}
.nav-links-custom .nav-previous::after {
  right: 0;
  transform: rotate(180deg);
}
.nav-links-custom .nav-next::after {
  left: 0;
}
.nav-links-custom .nav-previous {
  flex: 1;
  align-items: flex-end;
  padding: 0 35px 0 0;
  margin: 0;
}
.nav-links-custom .nav-previous .post-title {
  align-items: flex-end !important;
}
.nav-links-custom .back-to-list {
  width: 30px;
  background-color: #fbd6d6;
    transition: background-color 0.3s ease-in-out;
}
.nav-links-custom .nav-next {
  flex: 1;
  align-items: flex-start;
  padding: 0 0 0 35px;
}



.nav-links-custom .meta-nav {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    color: #b4b5bb;
}
.nav-links-custom .post-title {
  font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    color: #303030;
    transition: color 0.3s ease-in-out;
}
.nav-links-custom .back-to-list {
  width: 30px;
    mask-image: url(./inc/images/icon-grid.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(./inc/images/icon-grid.svg);
    -webkit-mask-size: 28px auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #e8e8e8;
  
}

.recept-icon {
  position: absolute;
  top: 20px;
  left: -20px;
  background-color: var(--color-primary);
  z-index: 1;
  color: #ffffff;
  padding: 0 15px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 4px 0px;
}
.recept-icon.bottom {
  top: 70px;
}
.recept-icon .align-icon {
  display: flex;
  align-items: center;
}


.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    border: 0;
}

.recept-list .list-divider li {
    font-family: 'Raleway';
font-weight: 500;
    font-size: 17px;
    line-height: 38px;
    color: #313131;
}
.accent-gradient .standard-arrow li:before {
  background: var(--color-primary) !important;
}

.recept-main-text {
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #878787;
    padding: 0 30px;
}
.recept-main-text a {
  color: var(--color-primary);
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.recept-main-text a:hover {
  color: var(--color-primary-hover);
  text-decoration: none;
}

/* -- Hovers -- */
.single-share-box .share-buttons a.facebook-share-buttons:hover {
  border-color: #4c69c7 !important;
}
.nav-links-custom .nav-previous:hover .post-title,
.nav-links-custom .nav-next:hover .post-title {
  color: var(--color-primary)
}
.nav-links-custom .nav-previous:hover::after,
.nav-links-custom .nav-next:hover::after {
  background-color: var(--color-primary);
}
.nav-links-custom .back-to-list:hover {
  background-color: var(--color-primary);
}

/* -- Responsive -- */
@media screen and (max-width: 768px) {
  .nav-links-custom {
    flex-direction: column;
	padding: 25px 30px;
  }
  .nav-links-custom .nav-previous {
    width: 100%;
    flex: 0 1 auto;
  }
  .nav-links-custom .back-to-list {
    width: 100%;
    height: 50px;
    padding: 50px 0;
  }
  .nav-links-custom .nav-next {
    width: 100%;
    flex: 0 1 auto;
  }
  .nav-links-custom .nav-previous,
  .nav-links-custom .nav-next {
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .nav-links-custom .nav-previous::after,
  .nav-links-custom .nav-next::after {
    display: none;
  }
  .nav-links-custom .nav-previous span,
  .nav-links-custom .nav-next span {
    width: 100%;
    display: block;
  }
  .recept-icon {
    left: 10px;
  }
}
/* ------------------ Recepty END -------------------- */