html,body {scroll-behavior: smooth;}


/* HEADER */
#sp-header {transition: 0.4s ease-in-out;}
#sp-header.header-sticky {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);animation: stickyAni 0.6s ease-in-out;}

@media screen and (min-width: 1690px) {
.container, .container-lg, .container-xxl {max-width: 1690px;}
}


/* MENU */
#sp-menu a {text-transform: uppercase;}
#sp-menu > .justify-content-end {justify-content: center !important;}
#sp-menu .sp-megamenu-parent {margin-right: 15px;}
#sp-header .sp-module a {color: white;}
#sp-header .sp-module .btn {text-transform: uppercase;}

/* INNE */

#sp-main-body {padding: 50px 0;}
h1.page-header, .page-header > h1 {text-align: center;padding-bottom: 20px;}


/* BLOG */

.article-list .article {
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 20px;
}

.article-list .article .article-header h2 a:hover, .article-body h2 a:hover {text-decoration: underline; }
.article-list.articles-leading {
  display: flex;
  justify-content: space-between;
  padding-bottom: 55px;
  gap: 30px;
}

.article-list .article .article-body {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 0px;
}
.article-header {
font-family: 'Work Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56;}

.article-list .article .article-body .article-header h2 {
  font-size: 24px;
  font-weight: 600;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
  border-radius: 0;
  border-bottom: 0;
  overflow: hidden;
  background: lightgray;
  max-width: 860px;
}
.article-list .article .article-intro-image:focus,
.article-list .article .article-intro-image:hover {background: gray;}

.hide-me,
.article-introtext {  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;}

.pagination-wrapper {
  margin-top: 60px;
  align-items: center;
  justify-content: center !important;
}
.pagination-wrapper .pagination {
  margin-bottom: 0;
  display: flex;
  gap: 50px;
}

.pagination-wrapper .pagination-counter {
  display: none;
}

.pagination-wrapper .pagination .page-item .page-link {
    vertical-align: unset;
    font-weight: unset;
    font-size: unset;
    line-height: unset;
    transition-duration: unset;
    transition-timing-function: unset;
    transition-property: unset;
    transition-delay: unset;
    transition-behavior: unset;
  font-size: 32px;
  line-height: 38px;
  font-weight: 500;
  color: rgba(25, 39, 42, 0.5);
  vertical-align: text-bottom;
  transition: all 0.3s ease;
  background: transparent;
  border-color: transparent;
}
.pagination-wrapper .pagination .page-item a.page-link,
.pagination-wrapper .pagination .page-item a.page-link:hover, 
.pagination-wrapper .pagination .page-item a.page-link:focus {cursor: pointer;color: #000;}
.pagination-wrapper .pagination .page-item a.page-link:hover {text-decoration: underline;}
.pagination .fas.fa-angle-left::before {content: "\f177";}
.pagination .fas.fa-angle-right::before {content: "\f178";}
.pagination li .fas.fa-angle-double-left {display: none; visibility: hidden;}
.pagination li .fas.fa-angle-double-right {display: none; visibility: hidden;}
.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h3 a:hover {color: #000;}


@media screen and (max-width: 580px) {
.article-list .article {margin: 10px 15px 10px 10px;}
.article-list.articles-leading {display: grid;}
.page-item:not(:first-child) .page-link {margin-left: -30px;}
#sp-bottom .sp-module ul > li {margin-bottom: 5px;text-align: center;}
#sp-bottom .sp-module ul {margin-bottom: 15px;}
 #sp-footer #sp-footer1 img {float: none !Important; clear: both; text-align: center; margin: 0 auto; } 
 #sp-footer #sp-footer2 {align-content: center; text-align: center; margin: 15px 5px;} 
 #sp-menu > .sp-column > .sp-module {display: none;} 
 #sp-menu .sp-module-content {display: none;} 
  #offcanvas-toggler.offcanvas-toggler-right {margin-left: 140px;}
 #offcanvas-toggler::after {content: "MENU";color: #333;padding-left: 7px;}
.nestfund-service-tab.sppb-addon-tab .sppb-nav-tabs {justify-content: center;padding-bottom: 10px;gap: 30px;}
.nestfund-service-tab .sppb-nav-tabs > li { padding: 0 10px;border: 1px solid #DEDEDE;}

}

/* INNE */
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #333;
  background-color: #333;
}
.sp-simpleportfolio-btns > .btn-zoom:hover,
.sp-simpleportfolio-btns > .btn-zoom {
  display: none !important; opacity: 0; visibility: hidden;}

button {transition: all ease 0.4s;}

pre {
  font-family: var(--body-font);
  background: #f5f5f5;
  color: #666;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.sppb-icon .sppb-icon-container {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.social-icons {text-align: center;}
.social-icons .addon-root-icon {display: inline-block;margin: 0 15px;}

#sp-footer #sp-footer2 {align-content: center;}



/* z szablonu NESTFUND  */

.nestfund-service-tab.sppb-addon-tab .sppb-nav-tabs {
  justify-content: space-around;
  border-color: #000000;
  padding-bottom: 20px;
  gap: 80px;
}

.nestfund-service-tab.sppb-addon-tab .sppb-nav-tabs li.active a {
  font-weight: 600;
}
.nestfund-service-tab.sppb-addon-tab .sppb-nav-tabs li a {
  border: none;
  background: transparent;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  padding: 8px 0px;
}

.nestfund-service-tab.sppb-addon-tab .sppb-nav-tabs li.active a::after {
  visibility: visible;
  opacity: 1;
}
.nestfund-service-tab.sppb-addon-tab .sppb-nav-tabs li a::after {
  content: "";
  width: 100%;
  height: 4px;
  background: #000;
  display: block;
  position: absolute;
  bottom: -22px;
  left: 0px;
  border-radius: 40px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
 

.nestfund-service-tab.sppb-addon-tab .sppb-tab-tabs-content {
  margin-top: 40px;
}