@charset "UTF-8";
            .l-Base {
display: flex;
flex-direction: column;
overflow: hidden;
min-height: 100vh;
z-index: 50; }
.l-Base__content {
position: relative;
min-height: 100%;
padding-top: 98px;
flex-grow: 1; }
@media only screen and (max-width: 1515.98px) {
.l-Base__content {
padding-top: 80px; } }
@media only screen and (max-width: 991.98px) {
.l-Base__content {
padding-top: 60px; } } .m-HeaderPrimary {
position: fixed;
width: 100%;
color: #292929;
background-color: white;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
z-index: 100; }
.m-HeaderPrimary .o-container {
max-width: 1142px;
transition: max-width 0.3s cubic-bezier(0, 0, 0.2, 1); }
.m-HeaderPrimary__inner {
height: 98px;
transition: height 0.3s cubic-bezier(0, 0, 0.2, 1); }
@media only screen and (max-width: 1515.98px) {
.m-HeaderPrimary__inner {
height: 80px; } }
@media only screen and (max-width: 991.98px) {
.m-HeaderPrimary__inner {
height: 60px; } }
.m-HeaderPrimary__content {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 100%; }
.m-HeaderPrimary__brand {
position: absolute;
display: flex;
align-items: center;
top: 16px;
left: 16px;
margin: 0;
z-index: 10; }
@media only screen and (max-width: 991.98px) {
.m-HeaderPrimary__brand {
top: 10px;
left: 12px; } }
.m-HeaderPrimary__brand .s-Brand__logo {
width: 207px; }
@media only screen and (max-width: 1515.98px) {
.m-HeaderPrimary__brand .s-Brand__logo {
width: 186px; } }
@media only screen and (max-width: 991.98px) {
.m-HeaderPrimary__brand .s-Brand__logo {
width: 96px; } }
.m-HeaderPrimary__nav-start,
.m-HeaderPrimary__nav-end {
display: flex;
align-items: center;
height: 100%;
z-index: 20; }
.m-HeaderPrimary__nav-start {
justify-content: flex-start;
margin: 0 auto 0 0; }
.m-HeaderPrimary__nav-start .m-HeaderPrimary__action > * {
margin-right: 24px; }
.m-HeaderPrimary__nav-end {
justify-content: flex-end;
margin: 0 0 0 auto; }
.m-HeaderPrimary__nav-end .m-HeaderPrimary__action > * {
margin-left: 24px; }
.m-HeaderPrimary__action {
display: flex;
align-items: center; }
.m-HeaderPrimary .m-MenuSocial {
margin-left: 48px; }
@media only screen and (max-width: 1215.98px) {
.m-HeaderPrimary .m-MenuSocial {
margin-left: 32px; } }
@media only screen and (max-width: 991.98px) {
.m-HeaderPrimary .m-MenuSocial {
display: none; } }
@media only screen and (max-width: 1215.98px) {
.m-HeaderPrimary .m-MenuSocialItem {
margin-right: 12px; } }
.m-HeaderPrimary .m-MenuSocialItem:last-child {
margin-right: 0; }
@media only screen and (max-width: 659.98px) {
.m-HeaderPrimary .m-MenuSocialItem {
margin-right: 0;
padding: 0 6px; } }
@media only screen and (max-width: 1215.98px) {
.m-HeaderPrimary .m-MenuSocialItem__icon {
height: 24px; } }
.m-HeaderPrimary.m-HeaderPrimary--scroll .m-HeaderPrimary__inner {
height: 60px; }
@media only screen and (max-width: 1515.98px) {
.m-HeaderPrimary.m-HeaderPrimary--scroll .m-HeaderPrimary__inner {
height: 60px; } }
@media only screen and (max-width: 991.98px) {
.m-HeaderPrimary.m-HeaderPrimary--scroll .m-HeaderPrimary__inner {
height: 60px; } }
.m-HeaderPrimary.m-HeaderPrimary--scroll .m-HeaderPrimary__brand .s-Brand__logo {
width: 92px; }
@media only screen and (max-width: 1515.98px) {
.m-HeaderPrimary.m-HeaderPrimary--scroll .m-HeaderPrimary__brand .s-Brand__logo {
width: 92px; } }
@media only screen and (max-width: 991.98px) {
.m-HeaderPrimary.m-HeaderPrimary--scroll .m-HeaderPrimary__brand .s-Brand__logo {
width: 92px; } }
.m-MenuPrimary {
height: 100%;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase; }
@media only screen and (max-width: 991.98px) {
.m-MenuPrimary {
display: none; } }
.m-MenuPrimary .m-MenuPrimary__nav,
.m-MenuPrimary .m-MenuPrimary__list {
height: 100%; }
.m-MenuPrimary__list {
display: flex;
width: 100%;
list-style: none; }
.m-MenuPrimary__list > .m-MenuPrimaryItem {
position: relative;
display: flex;
align-items: center;
height: 100%; }
.m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem:hover {
color: #00195b; }
.m-MenuPrimaryItem {
margin-right: 48px; }
@media only screen and (max-width: 1215.98px) {
.m-MenuPrimaryItem {
margin-right: 32px; } }
.m-MenuPrimaryItem:last-child {
margin-right: 0; }
.m-MenuPrimaryItem--has-submenu { }
.m-MenuPrimaryItem--has-submenu:hover > .m-MenuPrimaryItem__submenu {
display: block; }
.m-HeaderPrimary.m-HeaderPrimary--scroll .m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem--has-submenu > .m-MenuPrimaryItem__content .s-Icon {
opacity: 0; }
.m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem.m-MenuPrimaryItem--active:after, .m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem.m-MenuPrimaryItem--active-parent:after, .m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem.m-MenuPrimaryItem--active-ancestor:after {
position: absolute;
display: block;
bottom: 0;
left: -5px;
width: calc(100% + 10px);
height: 7px;
content: "";
background-color: #00195b; }
.m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem--has-submenu { }
.m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem--has-submenu > .m-MenuPrimaryItem__content {
position: relative; }
.m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem--has-submenu > .m-MenuPrimaryItem__content .s-Icon {
position: absolute;
bottom: -18px;
left: 50%;
width: 10px;
height: 6px;
transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
transform: translateX(-50%); }
@media only screen and (max-width: 1515.98px) {
.m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem--has-submenu > .m-MenuPrimaryItem__content .s-Icon {
bottom: -16px; } }
.m-MenuPrimary__nav > .m-MenuPrimary__list > .m-MenuPrimaryItem--has-submenu > .m-MenuPrimaryItem__submenu {
left: 50%;
transform: translateX(-35%); }
.m-MenuPrimaryItem__submenu .m-MenuPrimaryItem__submenu {
top: 0;
left: 100%;
width: 250px;
border: 1px solid #e1e1e1; }
.m-MenuPrimaryItem__submenu .m-MenuPrimaryItem__submenu .m-MenuPrimaryItem__text {
white-space: normal; }
.m-MenuPrimaryItem__submenu {
position: absolute;
display: none;
top: 100%;
color: #292929;
background-color: white; }
.m-MenuPrimaryItem__submenu .m-MenuPrimary__list {
display: flex;
flex-direction: column;
margin: 0;
padding: 0; }
.m-MenuPrimaryItem__submenu .m-MenuPrimaryItem__content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 12px 24px 12px 24px; }
.m-MenuPrimaryItem__submenu .m-MenuPrimaryItem__content:hover {
background-color: #d6ecfa; }
.m-MenuPrimaryItem__submenu .m-MenuPrimaryItem {
margin: 0;
padding: 0; }
.m-MenuPrimaryItem__submenu .s-Icon {
width: 6px;
height: 10px;
margin-left: 24px; }
.m-MenuPrimaryItem__content {
color: inherit;
cursor: default; }
.m-MenuPrimaryItem__content.m-MenuPrimaryItem__content--link {
position: relative;
text-decoration: none;
cursor: pointer; }
.m-MenuPrimaryItem__content.m-MenuPrimaryItem__content--link:hover {
color: inherit;
text-decoration: none; }
.m-MenuPrimaryItem__icon {
width: 24px;
height: 24px;
margin-right: 16px;
opacity: 0.6;
vertical-align: middle;
line-height: 1;
z-index: 2; }
.m-MenuPrimaryItem__icon .s-Icon {
width: 100%;
height: 100%; }
.m-MenuPrimaryItem__text {
position: relative;
white-space: nowrap;
line-height: 1.5;
pointer-events: none;
z-index: 1; }
.m-MenuSocial__list {
display: flex;
list-style: none;
width: 100%; }
@media only screen and (max-width: 659.98px) {
.m-MenuSocial__list {
justify-content: center; } }
.m-MenuSocialItem {
margin-right: 16px; }
.m-MenuSocialItem__link {
display: block;
color: #292929;
transition: color 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.1s;
backface-visibility: hidden;
transform: translateZ(0);
-webkit-font-smoothing: subpixel-antialiased; }
.m-MenuSocialItem__link:hover {
transform: scale(1.125);
color: #292929; }
.m-MenuSocialItem__icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 32px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat; }
.m-MenuSocialItem__icon .s-Icon {
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
transform: translate3d(0, 0, 0); }
.m-Sidenav {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
min-height: 100%;
margin: 0;
background-color: white; }
.m-Sidenav__top:empty,
.m-Sidenav__bottom:empty {
display: none; }
.m-Sidenav__header {
position: relative; }
.m-Sidenav__top {
margin-bottom: auto;
padding-bottom: 30px; }
.m-Sidenav__action {
margin-top: 6px;
padding: 0 30px; }
.m-Sidenav__action:empty {
display: none; }
.m-Sidenav__bottom {
padding: 12px 18px; }
.m-Sidenav .m-MenuSocial__list {
justify-content: center; }
.m-Sidenav .m-MenuSocialItem {
margin: 0 8px; }
.m-SidenavHeader {
position: relative; }
.m-SidenavHeader:after {
margin: 0 auto;
overflow: hidden;
border: none;
height: 1px;
flex-shrink: 0;
background-color: #e1e1e1;
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
width: calc(100% - 24px);
content: ""; }
.m-SidenavHeader__inner {
padding: 12px 12px 16px;
text-align: center; }
.m-SidenavHeader__brand {
font-size: 0; }
.m-SidenavHeader__brand .s-Brand__logo {
width: 80px; }
.m-MenuSidenav {
font-size: 0.875rem;
font-weight: 700; }
.m-MenuSidenav > .m-MenuSidenav__list > .m-MenuSidenavItem:first-child {
margin-top: 0; }
.m-MenuSidenav > .m-MenuSidenav__list > .m-MenuSidenavItem:first-child {
margin-top: 0; }
.m-MenuSidenav .s-Accordion__title {
padding: 0 10px 0 0; }
.m-MenuSidenav .s-Accordion__toggler {
padding: 0; }
.m-MenuSidenav .s-Accordion__content {
padding: 0; }
.m-MenuSidenavItem {
position: relative;
margin: 1px 0; }
.m-MenuSidenavItem:after {
margin: 0 auto;
overflow: hidden;
border: none;
height: 1px;
flex-shrink: 0;
background-color: #e1e1e1;
position: absolute;
display: block;
bottom: -1px;
left: 0;
right: 0;
width: calc(100% - 24px);
content: ""; }
.m-MenuSidenavItem__content {
display: block; }
.m-MenuSidenavItem .m-MenuSidenavItem__content,
.m-MenuSidenav .s-Accordion__header {
position: relative;
width: 100%;
height: auto;
border: 0;
border-radius: 0;
text-align: left;
text-decoration: none;
line-height: 1;
cursor: pointer; }
.m-MenuSidenavItem:not(.m-MenuSidenavItem--has-submenu) > .m-MenuSidenavItem__content,
.m-MenuSidenav .s-Accordion__header {
padding: 16px 18px; }
.m-MenuSidenavItem:not(.m-MenuSidenavItem--has-submenu) > .m-MenuSidenavItem__content:before,
.m-MenuSidenav .s-Accordion__header:before {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
opacity: 0;
border-radius: 0;
background-color: #d6ecfa;
transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
z-index: 0; }
.m-MenuSidenavItem:not(.m-MenuSidenavItem--has-submenu) > .m-MenuSidenavItem__content:hover,
.m-MenuSidenav .s-Accordion__header:hover {
color: inherit;
text-decoration: none; }
.m-MenuSidenavItem:not(.m-MenuSidenavItem--has-submenu) > .m-MenuSidenavItem__content:hover:before,
.m-MenuSidenav .s-Accordion__header:hover:before {
opacity: 1; }
.m-MenuSidenavItem__text,
.m-MenuSidenavItem__submenu {
position: relative;
z-index: 1; }
.m-MenuSidenavItem__content--link:hover {
color: inherit; }
.m-MenuSidenavItem__content {
color: inherit; }
.m-MenuSidenavItem__submenu .s-Accordion__content-container .m-MenuSidenavItem:after {
display: none; }
.m-MenuSidenavItem__submenu .s-Accordion__content-container .m-MenuSidenavItem:not(.m-MenuSidenavItem--has-submenu) > .m-MenuSidenavItem__content,
.m-MenuSidenavItem__submenu .s-Accordion__content-container .s-Accordion__header {
padding-left: 36px;
padding-right: 18px; }
.m-MenuSidenavItem__submenu .s-Accordion__content-container .m-MenuSidenavItem__submenu .s-Accordion__content-container .m-MenuSidenavItem:not(.m-MenuSidenavItem--has-submenu) > .m-MenuSidenavItem__content,
.m-MenuSidenavItem__submenu .s-Accordion__content-container .m-MenuSidenavItem__submenu .s-Accordion__content-container .s-Accordion__header {
padding: 12px 18px 12px 54px; }
.m-FooterPrimary {
position: relative;
display: block;
box-sizing: border-box;
width: 100%;
user-select: auto;
color: white;
background-color: #00195b;
font-size: 0.875rem;
font-weight: 400; }
.m-FooterPrimary .o-container {
max-width: 1142px; }
.m-FooterPrimary__content {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding-top: 16px;
padding-bottom: 24px; }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__content {
flex-direction: column;
padding-top: 36px;
padding-bottom: 36px; } }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__brand {
order: 2; } }
.m-FooterPrimary__brand .s-Brand__logo {
width: 110px; }
@media only screen and (max-width: 1515.98px) {
.m-FooterPrimary__brand .s-Brand__logo {
width: 100px; } }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__brand .s-Brand__logo {
width: 110px; } }
.m-FooterPrimary__main {
margin-left: auto; }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__main {
order: 0;
margin: 0; } }
.m-FooterPrimary__nav-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__nav-top {
display: block; } }
.m-FooterPrimary__menu {
margin-right: 32px; }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__menu {
margin-right: 0; } }
.m-FooterPrimary__menu:last-child {
margin-right: 0; }
.m-FooterPrimary__menu ul {
list-style: none; }
.m-FooterPrimary__menu ul li {
white-space: nowrap; }
.m-FooterPrimary__copy {
margin-right: 56px; }
@media only screen and (max-width: 991.98px) {
.m-FooterPrimary__copy {
margin-right: 44px; } }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__copy {
margin: 0 0 28px;
text-align: center; } }
.m-MenuFooter__list {
display: flex;
justify-content: flex-end;
width: 100%;
list-style: none; }
@media only screen and (max-width: 659.98px) {
.m-MenuFooter__list {
flex-wrap: wrap;
justify-content: center;
text-align: center; } }
@media only screen and (max-width: 659.98px) {
.m-MenuFooterItem {
margin-bottom: 12px; } }
.m-MenuFooterItem__link {
color: inherit;
white-space: normal;
text-decoration: underline;
cursor: pointer; }
.m-MenuFooterItem__link:hover {
color: #d6ecfa;
text-decoration: underline; }
.m-FooterPrimary__nav-top {
margin-bottom: 24px; }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__nav-top {
margin-top: 16px; } }
.m-FooterPrimary__nav-top .m-MenuFooterItem {
margin-right: 48px; }
@media only screen and (max-width: 991.98px) {
.m-FooterPrimary__nav-top .m-MenuFooterItem {
margin-right: 32px; } }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__nav-top .m-MenuFooterItem {
margin-left: 16px;
margin-right: 16px; } }
.m-FooterPrimary__nav-top .m-MenuFooterItem:last-child {
margin-right: 0; }
@media only screen and (max-width: 659.98px) {
.m-FooterPrimary__nav-bottom {
margin-bottom: 16px; } }
.m-FooterPrimary__nav-bottom .m-MenuFooterItem {
display: flex;
align-items: center; }
.m-FooterPrimary__nav-bottom .m-MenuFooterItem:after {
display: block;
width: 1px;
height: 1.5em;
margin: 0 16px;
content: "";
background-color: currentColor; }
.m-FooterPrimary__nav-bottom .m-MenuFooterItem:last-child:after {
display: none; }
.m-Carousel {
width: 100%; }
.m-Carousel .splide__arrows {
position: absolute;
display: flex;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 20; }
.m-Carousel .splide__arrows .m-Carousel__nav-btn--prev {
margin: 0 auto 0 0; }
.m-Carousel .splide__arrows .m-Carousel__nav-btn--prev .s-Icon__container {
left: 0; }
.m-Carousel .splide__arrows .m-Carousel__nav-btn--next {
margin: 0 0 0 auto; }
.m-Carousel .splide__arrows .m-Carousel__nav-btn--next .s-Icon__container {
right: 0; }
.m-Carousel .splide__arrows .splide__arrow {
position: relative;
width: 60px;
height: auto;
padding: 0;
color: #00195b;
border: 0;
border-radius: 50%;
outline: none;
background-color: rgba(225, 225, 225, 0.01);
transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
pointer-events: auto;
cursor: pointer; }
.m-Carousel .splide__arrows .splide__arrow:after {
display: block;
padding-bottom: 100%;
content: ""; }
@media only screen and (max-width: 991.98px) {
.m-Carousel .splide__arrows .splide__arrow {
width: 40px; } }
.m-Carousel .splide__arrows .splide__arrow:hover {
background-color: rgba(225, 225, 225, 0.01); }
.m-Carousel .splide__arrows .splide__arrow:disabled {
opacity: 0.3; }
.m-Carousel .splide__arrows .splide__arrow .s-Icon {
position: absolute;
display: block;
overflow: hidden;
top: 50%;
left: 50%;
width: 58px;
height: 17px;
content: '';
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
transform: translate(-50%, -50%); }
@media only screen and (max-width: 991.98px) {
.m-Carousel .splide__arrows .splide__arrow .s-Icon {
width: 28px; } }
.m-Carousel .splide__arrows .splide__arrow .s-Icon__container {
position: absolute;
width: 58px;
height: 100%; }
.m-Carousel .splide__pagination {
position: absolute;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
bottom: -24px;
left: 50%;
margin: 0;
padding: 0;
list-style: none;
transform: translateX(-50%);
cursor: default; }
.m-Carousel .splide__pagination li {
position: relative;
display: block;
width: 15px;
height: 15px;
margin: 0 18px 0 0;
cursor: pointer; }
.m-Carousel .splide__pagination li:last-of-type {
margin-right: 0; }
.m-Carousel .splide__pagination .splide__pagination__page {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
border: 0;
border-radius: 50%;
outline: none;
background-color: #00195b;
text-indent: -4321px;
transition: background-color 0.3s cubic-bezier(0, 0, 0.2, 1);
cursor: pointer; }
.m-Carousel .splide__pagination .splide__pagination__page.is-active {
background-color: #009fe3; }
.m-PageHero {
position: relative;
overflow: hidden; }
.m-PageHero .m-PageHero__background {
position: absolute;
display: block;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1; }
@media only screen and (max-width: 659.98px) {
.m-PageHero .m-PageHero__background--desktop {
opacity: 0; } }
.m-PageHero .m-PageHero__background--mobile {
opacity: 0; }
@media only screen and (max-width: 659.98px) {
.m-PageHero .m-PageHero__background--mobile {
opacity: 1; } }
.m-PageHero .m-PageHero__inner {
position: relative;
display: flex;
align-items: center;
height: 282px;
z-index: 3; }
@media only screen and (max-width: 659.98px) {
.m-PageHero .m-PageHero__inner {
height: auto;
min-height: 300px;
padding-top: 70px;
padding-bottom: 70px; } }
.m-PageHero .m-PageHero__content {
margin: 0 auto;
text-align: center; }
@media only screen and (max-width: 991.98px) {
.m-PageHero .m-PageHero__content {
max-width: 768px;
margin: 0 auto; } }
@media only screen and (max-width: 659.98px) {
.m-PageHero .m-PageHero__content {
max-width: none;
margin: 0; } }
.m-PageHero .m-PageHero__title {
width: 100%;
max-width: 730px;
margin: 8px auto 28px;
color: white;
font-size: 4.75rem;
line-height: 1; }
@media only screen and (max-width: 991.98px) {
.m-PageHero .m-PageHero__title {
font-size: 4rem; } }
@media only screen and (max-width: 369.98px) {
.m-PageHero .m-PageHero__title {
font-size: 3.375rem; } }
.m-PageHero .m-PageHero__text {
width: 100%;
max-width: 610px;
margin: 0 auto;
color: white;
font-size: 1rem;
line-height: 1.5; }
.m-PostNav {
position: relative;
min-height: 52px; }
.m-PostNav .s-Button {
color: #00195b;
border-color: transparent;
background-color: transparent; }
.m-PostNav .s-Button:hover {
color: #009fe3; }
.m-PostNav .s-Button__content {
font-size: 1rem; }
.m-PostNav__all {
position: absolute;
display: flex;
align-items: center;
top: 0;
left: 50%;
height: 100%;
transform: translateX(-50%);
pointer-events: none; }
@media only screen and (max-width: 659.98px) {
.m-PostNav__all {
position: static;
justify-content: center;
left: auto;
width: 100%;
margin-top: 8px;
transform: none; } }
.m-PostNav__all .m-PostNav__seeall {
pointer-events: auto; }
.m-PostNav__all .m-PostNav__seeall .s-Button__content {
padding: 0; }
.m-PostNav__arrows {
display: flex;
align-items: center;
justify-content: space-between; }
.m-PostNav__arrows .s-Button__icon {
position: absolute;
top: 50%;
transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
transform: translateY(-50%); }
.m-PostNav__arrows .s-Icon__container {
position: absolute;
width: 58px;
height: 100%; }
.m-PostNav__arrows .s-Button__content:before,
.m-PostNav__arrows .s-Button__content:after,
.m-PostNav__arrows .s-Icon {
width: 58px;
height: 17px; }
@media only screen and (max-width: 991.98px) {
.m-PostNav__arrows .s-Button__content:before,
.m-PostNav__arrows .s-Button__content:after,
.m-PostNav__arrows .s-Icon {
width: 28px; } }
.m-PostNav__arrows .s-Icon {
position: relative;
display: block;
overflow: hidden; }
.m-PostNav__arrows .m-PostNav__prev {
margin-right: auto;
margin-left: -20px;
text-align: left; }
.m-PostNav__arrows .m-PostNav__prev:hover .s-Button__icon {
left: 16px; }
.m-PostNav__arrows .m-PostNav__prev .s-Button__content {
padding: 0 0 0 20px; }
.m-PostNav__arrows .m-PostNav__prev .s-Button__content:before {
display: block;
content: ""; }
.m-PostNav__arrows .m-PostNav__prev .s-Button__icon {
left: 20px; }
.m-PostNav__arrows .m-PostNav__prev .s-Icon__container {
left: 0; }
.m-PostNav__arrows .m-PostNav__prev .s-Button__text {
margin-left: 20px; }
.m-PostNav__arrows .m-PostNav__next {
margin-right: -20px;
margin-left: auto;
text-align: right; }
.m-PostNav__arrows .m-PostNav__next:hover .s-Button__icon {
right: 16px; }
.m-PostNav__arrows .m-PostNav__next .s-Button__content {
padding: 0 20px 0 0; }
.m-PostNav__arrows .m-PostNav__next .s-Button__content:after {
display: block;
content: ""; }
.m-PostNav__arrows .m-PostNav__next .s-Button__icon {
right: 20px; }
.m-PostNav__arrows .m-PostNav__next .s-Icon__container {
right: 0; }
.m-PostNav__arrows .m-PostNav__next .s-Button__text {
margin-right: 20px; }
.m-FeaturedRecipesSlider {
margin-bottom: 60px; }
.m-FeaturedRecipesSlider .m-Carousel__nav {
display: none; }
.m-FeaturedRecipesSlider .splide__pagination {
bottom: 0;
left: auto;
right: 0;
width: 446px;
transform: none; }
@media only screen and (max-width: 991.98px) {
.m-FeaturedRecipesSlider .splide__pagination {
width: 100%; } }
.m-FeaturedRecipesSliderItem .s-Button__content {
font-size: 1rem; }
.m-FeaturedRecipesSliderItem__content {
display: flex; }
@media only screen and (max-width: 991.98px) {
.m-FeaturedRecipesSliderItem__content {
flex-direction: column; } }
.m-FeaturedRecipesSliderItem__aside {
flex-grow: 1;
margin-right: 28px;
padding-top: 8px; }
@media only screen and (max-width: 991.98px) {
.m-FeaturedRecipesSliderItem__aside {
order: 1;
margin: 0 0 16px;
padding-top: 0; } }
.m-FeaturedRecipesSliderItem__link {
display: block; }
.m-FeaturedRecipesSliderItem__image {
position: relative;
display: block;
overflow: hidden;
width: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.m-FeaturedRecipesSliderItem__image:after {
display: block;
width: 100%;
padding-bottom: 84.906%;
content: ""; }
@media only screen and (max-width: 1515.98px) {
.m-FeaturedRecipesSliderItem__image:after {
padding-bottom: 69.293%; } }
.m-FeaturedRecipesSliderItem__main {
flex-shrink: 0;
width: 446px;
padding-bottom: 40px; }
@media only screen and (max-width: 991.98px) {
.m-FeaturedRecipesSliderItem__main {
order: 2;
width: 100%; } }
.m-FeaturedRecipesSliderItem__info {
margin-bottom: 32px;
text-align: center; }
@media only screen and (max-width: 991.98px) {
.m-FeaturedRecipesSliderItem__info {
margin-bottom: 28px; } }
.m-FeaturedRecipesSliderItem__heading:hover {
color: inherit;
text-decoration: none; }
.m-FeaturedRecipesSliderItem__name {
margin-bottom: 24px;
font-family: "Noto Serif", serif, cursive;
font-weight: 700;
font-style: italic;
line-height: 1.2;
font-size: 3.375rem;
color: #00195b; }
@media only screen and (max-width: 991.98px) {
.m-FeaturedRecipesSliderItem__name {
margin-bottom: 12px;
font-size: 3rem; } }
.m-FeaturedRecipesSliderItem__subtitle {
font-family: "Noto Serif", serif, cursive;
font-weight: 700;
font-style: italic;
line-height: 1.2;
font-size: 1.5rem;
color: #00195b;
margin-bottom: 40px; }
.m-FeaturedRecipesSliderItem__text {
font-size: 0.875rem;
line-height: 1.5; }
.m-FeaturedRecipesSliderItem__actions {
display: flex;
justify-content: center;
width: 100%; }
.m-ProductsCategory {
text-align: center;
scroll-margin-top: 80px; }
.m-ProductsCategory ~ .m-ProductsCategory {
margin-top: 80px; }
@media only screen and (max-width: 659.98px) {
.m-ProductsCategory ~ .m-ProductsCategory {
margin-top: 64px; } }
.m-ProductsCategory__title {
line-height: 1.3; }
.m-ProductsCategory--main > .m-ProductsCategory__title {
margin-bottom: 40px;
font-size: 3.375rem; }
@media only screen and (max-width: 1515.98px) {
.m-ProductsCategory--main > .m-ProductsCategory__title {
margin-bottom: 24px; } }
@media only screen and (max-width: 991.98px) {
.m-ProductsCategory--main > .m-ProductsCategory__title {
font-size: 3rem; } }
.m-ProductsCategory--subcategory > .m-ProductsCategory__title {
margin-bottom: 32px;
font-size: 2.25rem; }
@media only screen and (max-width: 991.98px) {
.m-ProductsCategory--subcategory > .m-ProductsCategory__title {
font-size: 1.875rem; } }
.m-ProductsCategory__image {
width: 100%;
height: 276px;
margin: 0 auto 80px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
@media only screen and (max-width: 1515.98px) {
.m-ProductsCategory__image {
width: 82.883%; height: 229px;
margin-bottom: 52px; } }
@media only screen and (max-width: 991.98px) {
.m-ProductsCategory__image {
width: 100%;
height: 200px;
margin-bottom: 44px; } }
@media only screen and (max-width: 659.98px) {
.m-ProductsCategory__image {
height: 150px;
margin-bottom: 32px; } } .m-ProductsList--list {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.m-ProductsList--list .m-ProductSimpleItem {
width: 33.333%; }
.m-ProductsList--list.m-ProductsList__products--4 .m-ProductSimpleItem {
width: 34%; }
.m-ProductsList--slider .m-Carousel__inner {
padding: 0 66px; }
@media only screen and (max-width: 991.98px) {
.m-ProductsList--slider .m-Carousel__inner {
padding: 0 46px; } }
@media only screen and (max-width: 659.98px) {
.m-ProductsList--slider .m-Carousel__inner {
padding: 0 42px; } }
.m-ProductsList--slider .m-Carousel__nav {
top: 10px;
transform: translateX(-50%); }
.m-ProductsList--slider .m-Carousel__nav:before {
display: block;
width: 0;
height: 178px;
content: ""; }
.m-ProductSimpleItem__content {
padding: 10px 10px 40px;
text-align: center; }
@media only screen and (max-width: 659.98px) {
.m-ProductSimpleItem__content {
padding: 10px; } }
.m-ProductSimpleItem__link:hover {
color: inherit; }
.m-ProductSimpleItem__image {
width: 100%;
height: 215px;
margin: 0 auto 24px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat; }
@media only screen and (max-width: 1215.98px) {
.m-ProductSimpleItem__image {
height: 178px; } }
.m-ProductSimpleItem__image img {
width: 100%;
height: 100%;
pointer-events: none;
object-fit: contain; }
.m-ProductSimpleItem__text {
font-family: "Noto Serif", serif, cursive;
font-weight: 700;
font-style: italic;
line-height: 1.2;
font-size: 1.125rem;
color: #00195b; }
.m-ProductSimpleItem__name {
font-size: 1.125rem; }
.m-ProductSimpleItem__grammage {
margin-top: 12px;
font-size: 0.875rem; }
.m-ScrollUp {
bottom: 28px;
right: 28px;
opacity: 0;
pointer-events: none;
height: 70px;
width: 70px;
z-index: 50; }
@media only screen and (max-width: 991.98px) {
.m-ScrollUp {
height: 50px;
width: 50px; } }
.m-ScrollUp .s-Icon {
height: 29px;
width: 18px; }
@media only screen and (max-width: 991.98px) {
.m-ScrollUp .s-Icon {
height: 24px;
width: 15px; } }
.m-ScrollUp--active {
opacity: 1;
pointer-events: auto; }
.m-Video {
position: relative;
height: 100%; }
.m-Video video {
width: 100%;
height: 100%;
object-fit: cover; }
.m-Video__video {
position: relative;
width: 100%;
height: 100%; }
.m-Video__video .s-Icon {
position: absolute;
top: 50%;
left: 50%;
width: 180px;
height: 180px;
transform: translate(-50%, -50%); }
@media only screen and (max-width: 991.98px) {
.m-Video__video .s-Icon {
top: 45%;
width: 130px; } }
.m-Video__video .video_overlay {
position: absolute;
display: block;
top: 0;
width: 100%;
height: 90%;
cursor: pointer;
z-index: 9; } .b-Faq {
position: relative;
margin: 84px 0 56px; }
@media only screen and (max-width: 659.98px) {
.b-Faq {
margin: 32px 0; } }
.b-Faq__decor {
position: absolute;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
z-index: 0; }
@media only screen and (max-width: 991.98px) {
.b-Faq__decor {
display: none; } }
.b-Faq__head {
max-width: 635px;
margin: 0 auto 40px;
text-align: center; }
@media only screen and (max-width: 659.98px) {
.b-Faq__head {
margin-bottom: 32px; } }
.b-Faq__title {
margin-bottom: 24px;
font-size: 3.375rem;
line-height: 1.2; }
@media only screen and (max-width: 991.98px) {
.b-Faq__title {
font-size: 3rem; } }
@media only screen and (max-width: 659.98px) {
.b-Faq__title {
margin-bottom: 16px; } }
.b-Faq__text {
font-size: 0.875rem;
line-height: 1.5; }
.b-Faq__content {
width: 100%;
max-width: 730px;
margin: 64px auto 0; }
@media only screen and (max-width: 659.98px) {
.b-Faq__content {
margin-top: 40px; } }
.b-Faq_question {
border-bottom: 1px solid #cbcbcb; }
.b-Faq_question:last-child {
margin-bottom: 0; }
.b-Faq_question .s-Accordion {
background-color: white; }
.b-Faq_question .s-Accordion__header {
display: flex;
align-items: center;
min-height: 58px;
color: #00195b; }
@media only screen and (max-width: 659.98px) {
.b-Faq_question .s-Accordion__header {
min-height: 78px; } }
.b-Faq_question .s-Accordion__title {
padding: 10px 4px;
font-size: 1rem; }
.b-Faq_question .s-Accordion__title span {
white-space: initial; }
.b-Faq_question .s-Accordion__toggler .s-Icon {
width: 12px;
height: 12px; }
.b-Faq_question .s-Accordion__content {
padding: 10px 32px 32px;
font-size: 0.875rem;
line-height: 1.5; }
@media only screen and (max-width: 659.98px) {
.b-Faq_question .s-Accordion__content {
padding: 0 28px 28px; } }
.b-Faq_question .s-Accordion__content li {
margin-bottom: 1em; }
.b-Faq_question .s-Accordion__content p {
margin-top: 1em;
margin-bottom: 1em; }
.b-Faq_question .s-Accordion__content p:first-child {
margin-top: 0; }
.b-Faq_question .s-Accordion__content p:last-child {
margin-bottom: 0; }
.b-Faq_question .s-Accordion__content .table {
overflow: auto;
width: 100%; }
.b-Faq_question .s-Accordion__content table {
position: relative;
width: 100%;
margin-bottom: 16px; }
.b-Faq_question .s-Accordion__content table th {
background-color: #f3f3f3;
text-align: center; }
.b-Faq_question .s-Accordion__content table th,
.b-Faq_question .s-Accordion__content table td {
padding: 12px;
border: 1px solid #e1e1e1; }
.b-Faq_question .s-Accordion__content table thead th {
border-bottom: 2px solid #cbcbcb; }
.b-Faq_question .s-Accordion__content table tbody + tbody {
border-top: 2px solid #e1e1e1; }
.b-Faq__decor--1 {
bottom: -76px;
left: -490px;
width: 614px;
height: 614px;
background-image: url(//seryturek.pl/wp-content/themes/naturek/static/img/faq-1.jpg); }
@media only screen and (max-width: 1215.98px) {
.b-Faq__decor--1 {
bottom: -60px;
left: -490px; } }
@media only screen and (max-width: 991.98px) {
.b-Faq__decor--1 {
bottom: -60px;
left: -490px; } }
@media only screen and (max-width: 659.98px) {
.b-Faq__decor--1 {
bottom: -60px;
left: -490px; } }
.b-Faq__decor--2 {
top: -76px;
right: -355px;
width: 496px;
height: 424px;
background-image: url(//seryturek.pl/wp-content/themes/naturek/static/img/faq-2.jpg); }
@media only screen and (max-width: 1215.98px) {
.b-Faq__decor--2 {
top: -60px;
right: -385px; } }
@media only screen and (max-width: 991.98px) {
.b-Faq__decor--2 {
top: -60px;
right: -385px; } }
@media only screen and (max-width: 659.98px) {
.b-Faq__decor--2 {
top: -60px;
right: -385px; } }
.b-FeaturedRecipes {
background-color: #fff3d4; }
.b-FeaturedRecipes .o-container {
max-width: 1298px; }
@media only screen and (max-width: 991.98px) {
.b-FeaturedRecipes .o-container {
max-width: 780px; } }
@media only screen and (max-width: 659.98px) {
.b-FeaturedRecipes .o-container {
max-width: 386px; } }
.b-FeaturedRecipes__inner {
position: relative;
padding-top: 48px;
padding-bottom: 64px; }
@media only screen and (max-width: 659.98px) {
.b-FeaturedRecipes__inner {
padding: 50px 0; } }
.b-FeaturedRecipes__head {
margin-bottom: 28px; text-align: center; }
.b-FeaturedRecipes__title {
margin-bottom: 24px;
font-size: 3.375rem;
line-height: 1.2; }
@media only screen and (max-width: 991.98px) {
.b-FeaturedRecipes__title {
font-size: 3rem; } }
.b-FeaturedRecipes__text {
width: 100%;
max-width: 530px;
margin: 0 auto;
font-size: 0.875rem;
line-height: 1.5; }
.b-FeaturedRecipes__cta {
margin-top: 32px;
text-align: center; }
.b-FeaturedRecipes__recipes {
display: flex; }
.b-FeaturedRecipe {
text-align: center; }
.b-FeaturedRecipe__content {
padding: 14px; }
.b-FeaturedRecipe__image {
width: 100%;
max-width: 350px;
height: auto;
margin: 0 auto 28px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
@media only screen and (max-width: 991.98px) {
.b-FeaturedRecipe__image {
width: 100%;
max-width: 300px; } }
@media only screen and (max-width: 659.98px) {
.b-FeaturedRecipe__image {
width: 100%;
max-width: 250px; } }
.b-FeaturedRecipe__image:after {
display: block;
padding-bottom: 100%;
content: ""; }
.b-FeaturedRecipe__heading {
width: 100%; }
.b-FeaturedRecipe__name {
width: 100%;
font-family: "Noto Serif", serif, cursive;
font-weight: 700;
font-style: italic;
font-size: 1.5rem;
color: #00195b; }
.b-FeaturedRecipes .m-Carousel__inner {
padding: 0 66px; }
@media only screen and (max-width: 991.98px) {
.b-FeaturedRecipes .m-Carousel__inner {
padding: 0 46px; } }
@media only screen and (max-width: 659.98px) {
.b-FeaturedRecipes .m-Carousel__inner {
padding: 0 42px; } }
.b-FeaturedRecipes .m-Carousel__nav {
top: 14px;
transform: translateX(-50%); }
.b-FeaturedRecipes .m-Carousel__nav:before {
display: block;
width: 0;
padding-bottom: calc( 33.3333% - 72px);
content: ""; }
@media only screen and (max-width: 991.98px) {
.b-FeaturedRecipes .m-Carousel__nav:before {
padding-bottom: calc( 50% - 74px); } }
@media only screen and (max-width: 659.98px) {
.b-FeaturedRecipes .m-Carousel__nav:before {
padding-bottom: calc( 100% - 112px); } }
@media only screen and (min-width: 992px) {
.b-FeaturedRecipes .m-Carousel__nav-btn:disabled {
display: none; } }
.b-Hero {
position: relative;
display: block;
width: 100%;
height: auto;
color: white;
background-color: white; }
.b-Hero__background {
display: block;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
height: 100%; }
.b-Hero__inner {
position: relative;
display: flex;
justify-content: flex-end;
width: 100%;
max-width: 1360px;
margin: 0 auto;
padding-right: 16px;
padding-left: 16px;
z-index: 3; }
@media only screen and (max-width: 991.98px) {
.b-Hero__inner {
padding-right: 12px;
padding-left: 12px; } }
.b-Hero__content {
width: 100%;
max-width: 500px;
padding: 60px 0 30px;
text-align: center; }
@media only screen and (max-width: 991.98px) {
.b-Hero__content {
max-width: 768px;
margin: 0 auto;
padding: 32px 0 44px; } }
@media only screen and (max-width: 659.98px) {
.b-Hero__content {
max-width: none;
margin: 0; } }
.b-Hero__image {
width: 100%;
pointer-events: none; }
@media only screen and (min-width: 992px) {
.b-Hero__image.b-Hero__image--mobile:not(:last-child) {
display: none !important; } }
@media only screen and (max-width: 991.98px) {
.b-Hero__image.b-Hero__image--mobile + .b-Hero__image--desktop {
display: none !important; } }
.b-Hero__title {
margin-bottom: 32px;
font-size: 4rem;
line-height: 1.2;
color: inherit; }
@media only screen and (max-width: 1215.98px) {
.b-Hero__title {
font-size: 2.875rem; } }
@media only screen and (max-width: 369.98px) {
.b-Hero__title {
font-size: 2.25rem; } }
.b-Hero__text {
width: 90%;
margin: 0 auto;
font-size: 1.125rem;
line-height: 1.5; }
@media only screen and (max-width: 1215.98px) {
.b-Hero__text {
font-size: 1rem; } }
@media only screen and (max-width: 991.98px) {
.b-Hero__text {
font-size: 1.125rem; } }
.b-Hero__cta {
margin-top: 40px; }
.b-Hero__cta .s-Button {
background-color: #fff3d4;
color: #00195b; }
.b-Hero__cta .s-Button:hover {
background-color: #e6dbbf; }
.b-Hero__cta .s-Button:active {
background-color: #d4cab0; }
.p-PageDefault .b-ImageAndText .o-container {
padding: 0;
max-width: none; }
@media only screen and (max-width: 991.98px) {
.p-PageDefault .b-ImageAndText .o-container {
max-width: none; } }
.b-ImageAndText {
margin: 84px 0 56px; }
@media only screen and (max-width: 659.98px) {
.b-ImageAndText {
margin: 32px 0; } }
.b-ImageAndText .o-container {
max-width: 1142px; }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText .o-container {
max-width: 704px; } }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText + .b-ImageAndText {
margin-top: 40px; } }
.b-ImageAndText__inner {
position: relative; }
.b-ImageAndText__content {
position: relative;
display: flex;
justify-content: space-between;
z-index: 1; }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText__content {
flex-wrap: wrap; } }
.b-ImageAndText__image-container {
display: flex;
align-items: center;
flex-grow: 1; }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText__image-container {
padding-top: 0; } }
.b-ImageAndText__image-inner {
position: relative;
display: block;
overflow: hidden;
width: 100%; }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText__image-inner {
height: 400px; } }
@media only screen and (max-width: 659.98px) {
.b-ImageAndText__image-inner {
height: auto; } }
.b-ImageAndText__image {
width: 100%;
height: auto; }
.b-ImageAndText__text-container {
display: flex;
align-items: center;
flex-shrink: 0;
width: 475px; }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText__text-container {
width: 358px; } }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText__text-container {
width: 100%; } }
.b-ImageAndText__title {
margin-bottom: 40px;
font-size: 3.375rem;
line-height: 1.2; }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText__title {
font-size: 3rem;
margin-bottom: 20px; } }
@media only screen and (max-width: 659.98px) {
.b-ImageAndText__title {
text-align: center; } }
.b-ImageAndText__text {
margin: 0 auto;
font-size: 0.875rem;
line-height: 1.5; }
.b-ImageAndText__text > * {
line-height: inherit; }
.b-ImageAndText__text p:last-child {
margin-bottom: 0; }
.b-ImageAndText__cta {
margin-top: 28px; }
.b-ImageAndText--image-left .b-ImageAndText__image-container {
order: 0; }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText--image-left .b-ImageAndText__image-container {
margin-bottom: 64px; } }
.b-ImageAndText--image-left .b-ImageAndText__text-container {
order: 1; }
@media only screen and (min-width: 992px) {
.b-ImageAndText--image-left .b-ImageAndText__text-container {
padding-left: 40px; } }
.b-ImageAndText--image-right .b-ImageAndText__image-container {
order: 1; }
.b-ImageAndText--image-right .b-ImageAndText__text-container {
order: 0; }
@media only screen and (min-width: 992px) {
.b-ImageAndText--image-right .b-ImageAndText__text-container {
padding-right: 40px; } }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText--image-m-top .b-ImageAndText__image-container {
order: 0;
margin-bottom: 40px; } }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText--image-m-top .b-ImageAndText__text-container {
order: 1; } }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText--image-m-bottom .b-ImageAndText__image-container {
order: 1;
margin-top: 64px; } }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText--image-m-bottom .b-ImageAndText__text-container {
order: 0; } }
.b-ImageAndText--text-center .b-ImageAndText__text-container {
text-align: center; }
@media only screen and (max-width: 991.98px) {
.b-ImageAndText:not(.b-ImageAndText--text-center) .b-ImageAndText__text-inner {
width: 87%;
margin: 0 auto; } }
@media only screen and (max-width: 659.98px) {
.b-ImageAndText:not(.b-ImageAndText--text-center) .b-ImageAndText__text-inner {
width: 100%;
margin: 0; } }
@media only screen and (max-width: 659.98px) {
.b-ImageAndText:not(.b-ImageAndText--text-center) .b-ImageAndText__text {
width: 90%;
padding: 0 4px; } }
@media only screen and (max-width: 369.98px) {
.b-ImageAndText:not(.b-ImageAndText--text-center) .b-ImageAndText__text {
width: 100%;
padding: 0 16px; } }
.b-ImageAndText__decor {
position: absolute;
z-index: 0; }
@media only screen and (max-width: 1215.98px) {
.b-ImageAndText__decor {
display: none; } }
.b-RecipeTags {
background-color: #fff3d4; }
.b-RecipeTags__inner {
height: 190px; }
@media only screen and (max-width: 1215.98px) {
.b-RecipeTags__inner {
height: auto; } }
.o-container {
max-width: 1162px; }
.b-RecipeTags__content {
display: flex;
align-items: center;
justify-content: center;
height: 100%; }
@media only screen and (max-width: 1215.98px) {
.b-RecipeTags__content {
display: block; } }
.b-RecipeTags__title {
flex-shrink: 0;
width: 220px;
font-size: 20px !important;
margin-right: 20px;
color: #00195b;
font-family: "Noto Serif", serif, cursive;
font-weight: 700;
font-style: italic;
line-height: 1.2;
font-size: 1.5rem;
color: #00195b;
text-align: center; }
@media only screen and (max-width: 1215.98px) {
.b-RecipeTags__title {
width: auto;
margin: 0 0 20px;
padding-top: 32px; } }
.b-RecipeTags__list {
display: flex;
justify-content: center;
height: 130px; }
@media only screen and (max-width: 991.98px) {
.b-RecipeTags__list {
flex-wrap: wrap;
max-width: 75%;
margin: 0 auto;
height: auto; } }
@media only screen and (max-width: 659.98px) {
.b-RecipeTags__list {
max-width: 100%; } }
.b-RecipeTags__list:first-child {
padding: 0 85px; }
@media only screen and (max-width: 991.98px) {
.b-RecipeTags__list:first-child {
padding: 0; } }
.b-RecipeTag {
flex-basis: 0;
flex-grow: 1;
text-align: center;
width: 130px; }
@media only screen and (max-width: 991.98px) {
.b-RecipeTag {
width: 33.333%;
flex-grow: unset;
flex-basis: unset; } }
.b-RecipeTag__link {
display: block;
padding: 24px 4px 16px;
transition: background-color 0.3s cubic-bezier(0, 0, 0.2, 1);
height: 100%; }
@media only screen and (max-width: 1215.98px) {
.b-RecipeTag__link {
padding: 16px 4px 24px; } }
@media only screen and (max-width: 369.98px) {
.b-RecipeTag__link {
padding-top: 20px; } }
.b-RecipeTag__link:hover {
text-decoration: none;
color: inherit; }
.b-RecipeTag__link:hover .b-RecipeTag__icon {
transform: scale(1.2); }
.b-RecipeTag__link:hover[title="Spotkanie z przyjaciółmi"] .b-RecipeTag__icon, .b-RecipeTag__link:hover[title="Spotkanie z przyjaciółmi"] .b-RecipeTag__icon {
transform: scale(1.4);
transform-origin: bottom; }
.b-RecipeTag__link[title="Spotkanie z przyjaciółmi"] .b-RecipeTag__icon, .b-RecipeTag__link[title="Spotkanie z przyjaciółmi"] .b-RecipeTag__icon {
transform: scale(1.2);
transform-origin: bottom; }
.b-RecipeTag--active {
text-decoration: none; }
.b-RecipeTag--active .b-RecipeTag__link {
border-radius: 50%;
border: 2px solid #00195b; }
.b-RecipeTag__content {
display: block;
height: 100%; }
.b-RecipeTag__icon {
display: block;
width: 59px;
height: 47px;
margin: 0 auto;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.2s ease; }
@media only screen and (max-width: 369.98px) {
.b-RecipeTag__icon {
width: 88px;
height: 79px; } }
.b-RecipeTag__title {
display: block;
font-size: 12px !important;
margin-top: 12px;
color: #00195b; }
.b-RecipeTags .m-Carousel,
.b-RecipeTags .m-Carousel__inner,
.b-RecipeTags .m-Carousel__content {
height: 100%; }
@media only screen and (max-width: 991.98px) {
.b-RecipeTags .m-Carousel__inner {
padding: 0 56px; } }
@media only screen and (max-width: 659.98px) {
.b-RecipeTags .m-Carousel__inner {
padding: 0 42px; } }
@media only screen and (min-width: 992px) {
.b-RecipeTags .m-Carousel__nav {
display: none; } }
.b-RecipeTags__cta {
margin-left: 10px; }
@media only screen and (max-width: 1215.98px) {
.b-RecipeTags__cta {
padding-bottom: 2rem;
text-align: center; } }
.b-RecipeTags__cta .s-Button {
min-width: 175px; }
.b-RecipeTags__cta .s-Button .s-Button__content {
font-size: 16px;
padding: 4px 15px; }
.b-Slider {
margin: 84px 0 56px; }
@media only screen and (max-width: 659.98px) {
.b-Slider {
margin: 32px 0; } }
.b-Slider .m-Carousel__inner {
padding: 0 66px; }
@media only screen and (max-width: 991.98px) {
.b-Slider .m-Carousel__inner {
padding: 0 46px; } }
@media only screen and (max-width: 659.98px) {
.b-Slider .m-Carousel__inner {
padding: 0 42px; } }
.b-Slider .m-Carousel__nav {
top: 10px;
transform: translateX(-50%); }
.b-Slider .m-Carousel__nav:before {
display: block;
width: 0;
height: 215px;
content: ""; }
@media only screen and (max-width: 1215.98px) {
.b-Slider .m-Carousel__nav:before {
height: 178px; } }
.b-Slider__head {
max-width: 635px;
margin: 0 auto 40px;
text-align: center; }
@media only screen and (max-width: 659.98px) {
.b-Slider__head {
margin-bottom: 28px; } }
.b-Slider__title {
margin-bottom: 24px;
font-size: 3.375rem;
line-height: 1.2; }
@media only screen and (max-width: 991.98px) {
.b-Slider__title {
font-size: 3rem; } }
@media only screen and (max-width: 659.98px) {
.b-Slider__title {
margin-bottom: 16px; } }
.b-Slider__text {
font-size: 0.875rem;
line-height: 1.5; }
.b-SliderItem__content {
padding: 10px 10px 40px;
text-align: center; }
@media only screen and (max-width: 659.98px) {
.b-SliderItem__content {
padding: 10px; } }
.b-SliderItem__link:hover {
color: inherit; }
.b-SliderItem__image {
width: 100%;
height: 215px;
margin: 0 auto 24px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat; }
@media only screen and (max-width: 1215.98px) {
.b-SliderItem__image {
height: 178px; } }
.b-SliderItem__text {
font-family: "Noto Serif", serif, cursive;
font-weight: 700;
font-style: italic;
line-height: 1.2;
font-size: 1.125rem;
color: #00195b; }
.b-SliderItem__name {
font-size: 1.125rem; }
.b-SliderHero .m-Carousel__inner {
padding: 0; }
.b-SliderHero .m-Carousel__nav {
display: none !important; }
.b-SliderHero .splide__pagination {
padding: 8px 32px;
background: rgba(255, 255, 255, 0.7);
position: absolute;
left: 50%;
margin: auto;
bottom: 40px;
width: auto;
border-radius: 16px; }
.b-SliderHeroItem__image {
width: 100%;
margin: 0;
background-position: center center;
background-size: contain;
background-repeat: no-repeat; }
@media only screen and (max-width: 991.98px) {
.b-SliderHeroItem__image {
display: none; } }
.b-SliderHeroItem__image--mobile {
display: none; }
@media only screen and (max-width: 991.98px) {
.b-SliderHeroItem__image--mobile {
display: block; } }
.b-SocialMedia .o-container {
max-width: 1166px; }
@media only screen and (max-width: 659.98px) {
.b-SocialMedia .o-container {
max-width: 540px; } }
.b-SocialMedia__inner {
display: flex;
align-items: center;
padding-top: 60px;
padding-bottom: 64px; }
@media only screen and (max-width: 659.98px) {
.b-SocialMedia__inner {
display: block; } }
@media only screen and (max-width: 659.98px) {
.b-SocialMedia__inner {
padding-top: 32px;
padding-bottom: 40px; } }
.b-SocialMedia__head {
flex-shrink: 0;
width: 260px;
margin-right: 28px;
text-align: center; }
@media only screen and (max-width: 991.98px) {
.b-SocialMedia__head {
margin-right: 16px; } }
@media only screen and (max-width: 659.98px) {
.b-SocialMedia__head {
width: auto;
margin: 0 auto; } }
.b-SocialMedia__title {
margin-bottom: 16px;
font-size: 2.25rem;
line-height: 1.2; }
.b-SocialMedia__text {
font-size: 0.875rem;
line-height: 1.5; }
.b-SocialMedia__channels {
display: flex;
justify-content: center;
width: 100%;
margin-top: 24px; }
.b-SocialMediaChannel {
margin-right: 24px; }
.b-SocialMediaChannel:last-child {
margin-right: 0; }
.b-SocialMediaChannel__link {
display: block;
color: #292929;
transition: color 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.1s;
transform: translateZ(0);
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased; }
.b-SocialMediaChannel__link:hover {
transform: scale(1.15);
color: inherit; }
.b-SocialMediaChannel__icon {
display: block;
font-size: 0; }
.b-SocialMediaChannel__icon .s-Icon {
width: 52px;
height: 52px; }
.b-SocialMedia__content {
flex-grow: 1; }
.b-SocialMedia__images {
display: flex;
flex-wrap: wrap;
justify-content: center; }
@media only screen and (max-width: 659.98px) {
.b-SocialMedia__images {
display: none; } }
.b-SocialMedia__image-item {
flex-grow: 1;
padding: 14px;
max-width: 340px; }
@media only screen and (max-width: 991.98px) {
.b-SocialMedia__image-item {
padding: 8px; } }
@media only screen and (max-width: 991.98px) {
.b-SocialMedia__image-item:nth-child(n+3) {
display: none; } }
.b-SocialMedia__image {
width: 100%;
height: auto;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
@media only screen and (max-width: 659.98px) {
.b-SocialMedia__image {
width: 100%; } }
.b-SocialMedia__image:after {
display: block;
padding-bottom: 100%;
content: ""; }
.b-Video {
width: 82.883%; max-width: 920px;
margin: 0 auto 84px; }
@media only screen and (max-width: 659.98px) {
.b-Video {
width: 100%;
margin-bottom: 32px; } }
.b-Video .o-container {
padding: 0; }
.b-Video__head {
text-align: center; }
.b-Video__title {
margin-bottom: 32px;
font-size: 3.375rem;
line-height: 1.2; }
@media only screen and (max-width: 991.98px) {
.b-Video__title {
font-size: 3rem; } }
@media only screen and (max-width: 659.98px) {
.b-Video__title {
margin-bottom: 24px; } }
.b-Video__text {
font-size: 0.875rem;
line-height: 1.5; }
.b-Video__video-container {
position: relative;
width: 100%;
margin: 48px 0 0; }
@media only screen and (max-width: 659.98px) {
.b-Video__video-container {
width: calc(100% + 24px);
margin-top: 32px;
margin-left: -12px; } }
.b-Video__poster-container {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 10; }
.b-Video__poster-container:hover .b-Video__poster {
transform: scale(1.05); }
.b-Video__poster-container:hover .s-Icon {
opacity: 1; }
.b-Video__poster-container .s-Icon {
position: absolute;
top: 50%;
left: 50%;
width: 125px;
height: 125px;
opacity: 0.71;
transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 2; }
.b-Video__poster {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
z-index: 1; }
.b-Video__embed {
position: relative;
z-index: 5; }
.b-Video__embed:after {
display: block;
width: 100%;
padding-bottom: 56.25%;
content: ""; }
.b-Video__embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.p-PageDefault .o-container {
max-width: 1142px; }
@media only screen and (max-width: 991.98px) {
.p-PageDefault .o-container {
max-width: 704px; } }
.p-PageDefault .s-Breadcrumbs {
margin-bottom: 28px; }
.p-PageDefault .p-Page__title {
margin-bottom: 16px;
font-size: 3.375rem;
text-align: center;
line-height: 1.2; }
@media only screen and (max-width: 991.98px) {
.p-PageDefault .p-Page__title {
margin-bottom: 12px;
font-size: 3rem; } }
.p-PageDefault .m-PageHero__background--default {
background-image: url(//seryturek.pl/wp-content/themes/naturek/static/img/hero-contact.jpg); }
.p-Page__inner {
padding-top: 28px;
padding-bottom: 32px; }
@media only screen and (max-width: 991.98px) {
.p-Page__inner {
padding-top: 22px; } }
.p-PageHome { }
.p-PageHome .b-ImageAndText {
margin-top: 72px; }
@media only screen and (max-width: 991.98px) {
.p-PageHome .b-ImageAndText + .b-ImageAndText {
margin-top: 40px; } }
.p-PageHome .b-ImageAndText .b-ImageAndText__text-inner {
width: 100%;
max-width: 370px;
margin: 0 auto; }
.p-PageContact .o-container {
max-width: 1142px; }
@media only screen and (max-width: 991.98px) {
.p-PageContact .o-container {
max-width: 704px; } }
.p-PageContact .s-Breadcrumbs {
margin-bottom: 28px; }
.p-PageContact .m-PageHero__background {
background-image: url(//seryturek.pl/wp-content/themes/naturek/static/img/hero-contact.jpg); }
.p-PageContact__inner {
padding-top: 28px;
padding-bottom: 32px; }
@media only screen and (max-width: 991.98px) {
.p-PageContact__inner {
padding-top: 22px; } }
.p-PageContact__content {
position: relative;
display: flex;
padding-bottom: 64px; }
@media only screen and (max-width: 991.98px) {
.p-PageContact__content {
flex-direction: column;
padding-bottom: 96px; } }
.p-PageContact__decor {
position: absolute;
bottom: -204px;
right: -562px;
width: 812px;
height: 675px;
background-image: url(//seryturek.pl/wp-content/themes/naturek/static/img/contact.png);
background-position: left top;
background-size: contain;
background-repeat: no-repeat;
z-index: -1; }
@media only screen and (max-width: 1215.98px) {
.p-PageContact__decor {
bottom: -260px;
right: -578px; } }
@media only screen and (max-width: 991.98px) {
.p-PageContact__decor {
bottom: -342px;
right: -372px; } }
@media only screen and (max-width: 659.98px) {
.p-PageContact__decor {
bottom: -315px;
right: -485px; } }
.p-PageContact__main {
flex-shrink: 0;
width: 636px; }
@media only screen and (max-width: 1215.98px) {
.p-PageContact__main {
width: 560px; } }
@media only screen and (max-width: 991.98px) {
.p-PageContact__main {
width: 100%;
margin: 0 0 16px; } }
.p-PageContact__aside {
flex-grow: 1;
margin-left: 28px; }
@media only screen and (max-width: 1215.98px) {
.p-PageContact__aside {
margin-left: 8px; } }
.p-PageContact__heading {
margin-bottom: 18px; }
@media only screen and (max-width: 991.98px) {
.p-PageContact__heading {
margin-bottom: 28px;
text-align: center; } }
.p-PageContact__title {
margin-bottom: 36px;
font-size: 3.375rem;
line-height: 1.2; }
@media only screen and (max-width: 1215.98px) {
.p-PageContact__title {
margin-bottom: 12px;
font-size: 3rem; } }
.p-PageContact__form {
background-color: #f3f3f3; }
.p-PageContact__form .s-Form__fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.p-PageContact__form .s-Field {
width: calc(50% - 15px);
margin-bottom: 24px; }
@media only screen and (max-width: 659.98px) {
.p-PageContact__form .s-Field {
width: 100%; } }
.p-PageContact__form .s-Field:last-child {
margin-bottom: 0; }
.p-PageContact__form .s-Field.s-Field--full {
width: 100%; }
.p-PageContact__form .s-Field input:not([type="checkbox"]), .p-PageContact__form .s-Field textarea, .p-PageContact__form .s-Field select {
display: block;
width: 100%;
border: 1px solid transparent;
border-radius: 20px;
background-color: white;
font-size: 0.875rem; }
.p-PageContact__form .s-Field input, .p-PageContact__form .s-Field select {
padding: 7px 20px;
line-height: 1; }
.p-PageContact__form .s-Field textarea {
min-height: 140px;
max-height: 400px;
padding: 16px 20px;
resize: vertical; }
.p-PageContact__form .s-Field .wpcf7-form-control-wrap {
display: block;
width: 100%; }
.p-PageContact__form .s-Field .wpcf7-not-valid-tip {
margin-top: 4px;
text-align: right;
font-size: 0.875rem; }
.p-PageContact__form .wpcf7 form.invalid .wpcf7-response-output,
.p-PageContact__form .wpcf7 form.unaccepted .wpcf7-response-output,
.p-PageContact__form .wpcf7 form.payment-required .wpcf7-response-output,
.p-PageContact__form .wpcf7 form .wpcf7-response-output {
margin-bottom: 0;
padding: 12px 20px;
border: 1px solid #00195b;
border-radius: 6px; }
.p-PageContact__form .s-Field__label {
margin-bottom: 8px;
font-size: 0.875rem;
font-weight: bold; }
.p-PageContact__form .s-Form__submit {
margin-top: 24px;
text-align: center; }
.p-PageContact__form .wpcf7-spinner {
position: absolute;
top: 50%;
margin: -12px 12px; }
@media only screen and (max-width: 991.98px) {
.p-PageContact__form .s-Button {
min-width: 215px; } }
.p-PageContact__form {
padding: 40px 44px; }
@media only screen and (max-width: 1215.98px) {
.p-PageContact__form {
padding: 40px 32px; } }
.p-PageContact__details {
padding: 40px 44px 64px; }
@media only screen and (max-width: 1215.98px) {
.p-PageContact__details {
padding: 40px 32px 64px; } }
.p-PageContact__info {
margin-bottom: 40px; }
.p-PageContact__info-title {
font-family: "Noto Serif", serif, cursive;
font-weight: 700;
font-style: italic;
line-height: 1.2;
font-size: 1.5rem;
color: #00195b;
margin-bottom: 20px; }
.p-PageContact__info-details {
font-size: 0.875rem;
line-height: 1.5; }
.s-Checkbox {
margin-bottom: 20px;
font-size: 0.75rem;
line-height: 1.2; }
.s-Checkbox input {
position: absolute;
opacity: 0;
pointer-events: none; }
.s-Checkbox input:checked ~ .wpcf7-list-item-label:after {
opacity: 1;
transform: scale(1) rotate(-45deg); }
.s-Checkbox input:not(:checked) ~ .wpcf7-list-item-label:after {
opacity: 0;
transform: scale(0); }
.s-Checkbox .wpcf7-list-item label {
position: relative;
display: inline-block;
line-height: 1.2;
cursor: pointer; }
.s-Checkbox .wpcf7-list-item-label {
position: relative;
display: inline-block;
padding-left: 25px;
font-weight: 300; }
.s-Checkbox .wpcf7-list-item-label:before, .s-Checkbox .wpcf7-list-item-label:after {
position: absolute;
display: block;
content: "";
transition: 0.3s cubic-bezier(0, 0, 0.2, 1); }
.s-Checkbox .wpcf7-list-item-label:before {
top: -1px;
left: 0;
width: 16px;
height: 16px;
border-color: transparent;
border-radius: 4px;
background-color: white;
z-index: 1; }
.s-Checkbox .wpcf7-list-item-label:after {
position: absolute;
top: 3px;
left: 3px;
width: 11px;
height: 7px;
border-left: 2px solid #009fe3;
border-bottom: 2px solid #009fe3;
background-color: transparent;
z-index: 2; }
.p-SingleRecipe .o-container {
max-width: 1142px; }
@media only screen and (max-width: 991.98px) {
.p-SingleRecipe .o-container {
max-width: 704px; } }
.p-SingleRecipe .s-Breadcrumbs {
margin-bottom: 28px; }
.p-SingleRecipe .m-PageHero__background.m-PageHero__background--default {
background-image: url(//seryturek.pl/wp-content/themes/naturek/static/img/hero-recipe.jpg); }
.p-SingleRecipe .p-Single__main {
flex-shrink: 0;
width: 446px; }
@media only screen and (max-width: 991.98px) {
.p-SingleRecipe .p-Single__main {
order: 2;
width: 100%; } }
.p-SingleRecipe .p-Single__aside {
flex-grow: 1;
margin-left: 28px;
padding-top: 8px; }
@media only screen and (max-width: 991.98px) {
.p-SingleRecipe .p-Single__aside {
order: 1;
margin: 0 0 16px;
padding-top: 0; } }
.p-SingleRecipe .p-Single__heading {
margin-bottom: 18px; }
@media only screen and (max-width: 991.98px) {
.p-SingleRecipe .p-Single__heading {
margin-bottom: 28px;
text-align: center; } }
.p-SingleRecipe .p-Single__title {
margin-bottom: 16px;
font-size: 3.375rem;
line-height: 1.2; }
@media only screen and (max-width: 991.98px) {
.p-SingleRecipe .p-Single__title {
margin-bottom: 12px;
font-size: 3rem; } }
.p-SingleRecipe .p-Single__subtitle {
font-size: 1.5rem;
line-height: 1.2; }
.p-SingleRecipe .p-Single__featured-image {
position: relative;
display: block;
overflow: hidden;
width: 100%; }
.p-SingleRecipe .p-Single__featured-image:after {
display: block;
width: 100%;
padding-bottom: 100%;
content: ""; }
@media only screen and (max-width: 1515.98px) {
.p-SingleRecipe .p-Single__featured-image:after {
padding-bottom: 69.293%; } }
@media only screen and (max-width: 659.98px) {
.p-SingleRecipe .p-Single__featured-image:after {
padding-bottom: 100%; } }
.p-SingleRecipe .p-Single__image {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
max-width: none;
min-height: 100%;
transform: translate(-50%, -50%);
pointer-events: none; }
.p-SingleRecipe__inner {
padding-top: 28px;
padding-bottom: 32px; }
@media only screen and (max-width: 991.98px) {
.p-SingleRecipe__inner {
padding-top: 22px; } }
.p-SingleRecipe__content {
display: flex;
margin-bottom: 52px; }
@media only screen and (max-width: 991.98px) {
.p-SingleRecipe__content {
flex-direction: column;
margin-bottom: 48px; } }
.p-SingleRecipe__details {
display: flex;
margin-bottom: 20px;
padding: 18px;
background-color: #f3f3f3; }
.p-SingleRecipe__detail {
padding: 0 8px;
text-align: center; }
.p-SingleRecipe__detail-icon {
display: block;
margin-bottom: 8px;
font-size: 0; }
.p-SingleRecipe__detail-icon .s-Icon {
width: 62px;
height: 50px; }
.p-SingleRecipe__detail-text {
display: block;
color: #00195b;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700; }
.p-SingleRecipe__detail--complexity,
.p-SingleRecipe__detail--servings {
width: 30%; }
.p-SingleRecipe__detail--time {
width: 40%; }
.p-SingleRecipe__ingredients {
margin-bottom: 24px;
padding: 24px;
border: 1px solid #009fe3; }
.p-SingleRecipe__ingredients-title {
margin-bottom: 20px;
font-family: "Noto Serif", serif, cursive;
font-weight: 700;
font-style: italic;
font-size: 1.125rem;
color: #00195b; }
.p-SingleRecipe__ingredients-content,
.p-SingleRecipe__description {
font-size: 0.875rem;
line-height: 1.5; }
.p-SingleRecipe__ingredients-content p,
.p-SingleRecipe__description p {
margin-bottom: 0.85em;
line-height: inherit; }
.p-SingleRecipe__ingredients-content p:last-child,
.p-SingleRecipe__description p:last-child {
margin-bottom: 0; }
.p-SingleRecipe__ingredients-content ul,
.p-SingleRecipe__description ul {
margin-bottom: 0.85em; }
.p-SingleRecipe__ingredients-content ul li,
.p-SingleRecipe__description ul li {
display: flex; }
.p-SingleRecipe__ingredients-content ul li::before,
.p-SingleRecipe__description ul li::before {
margin-top: -1px;
content: "●";
display: block;
margin-right: 0.7em;
line-height: inherit;
color: inherit; }
.p-SingleRecipe__ingredients-content ul:last-child,
.p-SingleRecipe__description ul:last-child {
margin-bottom: 0; }
.p-SingleProduct .o-container {
max-width: 1142px; }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct .o-container {
max-width: 704px; } }
.p-SingleProduct .p-SingleProduct__featured-recipes .o-container {
max-width: 1142px; }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct .p-SingleProduct__featured-recipes .o-container {
max-width: 704px; } }
.p-SingleProduct .s-Breadcrumbs {
margin-bottom: 28px; }
.p-SingleProduct .p-Single__main {
flex-shrink: 0;
width: 580px; }
@media only screen and (max-width: 1515.98px) {
.p-SingleProduct .p-Single__main {
width: 540px; } }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct .p-Single__main {
order: 2;
width: 100%; } }
.p-SingleProduct .p-Single__aside {
flex-grow: 1;
margin-left: 28px;
padding-top: 8px; }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct .p-Single__aside {
order: 1;
margin: 0 0 16px;
padding-top: 0; } }
.p-SingleProduct .p-Single__heading {
margin-bottom: 18px; }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct .p-Single__heading {
margin-bottom: 28px;
text-align: center; } }
.p-SingleProduct .p-Single__title {
margin-bottom: 16px;
font-size: 3.375rem;
line-height: 1.2; }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct .p-Single__title {
margin-bottom: 12px;
font-size: 3rem; } }
.p-SingleProduct .p-Single__subtitle {
font-size: 1.5rem;
line-height: 1.2; }
.p-SingleProduct .p-Single__featured-image {
position: relative;
display: block;
overflow: hidden;
width: 100%;
max-width: 475px;
padding-right: 40px;
padding-left: 40px; }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct .p-Single__featured-image {
max-width: none;
margin-bottom: 24px;
padding: 0;
text-align: center; } }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct .p-Single__featured-image .p-Single__image {
max-width: 320px; } }
@media only screen and (max-width: 659.98px) {
.p-SingleProduct .p-Single__featured-image .p-Single__image {
max-width: 300px; } }
.p-SingleProduct .p-Single__image {
width: 100%;
height: auto; }
.p-SingleProduct__additional_image {
position: relative;
display: block;
overflow: hidden;
width: 100%;
margin-top: 32px;
padding-left: 40px; }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct__additional_image {
display: none; } }
.p-SingleProduct__inner {
padding-top: 28px;
padding-bottom: 32px; }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct__inner {
padding-top: 22px; } }
.p-SingleProduct__content {
display: flex;
margin-bottom: 52px; }
@media only screen and (max-width: 991.98px) {
.p-SingleProduct__content {
flex-direction: column;
margin-bottom: 48px; } }
.p-SingleProduct__details {
margin-top: 44px;
margin-bottom: 24px;
padding: 24px 24px 12px;
border: 1px solid #009fe3;
font-size: 0.875rem; }
.p-SingleProduct__details .s-Divider {
background-color: #009fe3; }
.p-SingleProduct__detail-title {
font-weight: 700; }
.p-SingleProduct__detail--composition {
margin-bottom: 18px; }
.p-SingleProduct__detail--composition .p-SingleProduct__detail-title {
display: block;
margin-bottom: 12px; }
.p-SingleProduct__detail--grammage {
margin-bottom: 18px; }
.p-SingleProduct__detail--nutritional {
margin-top: 18px; }
.p-SingleProduct__detail--nutritional .p-SingleProduct__detail-title {
display: block;
margin-bottom: 12px; }
.p-SingleProduct__nutritional {
display: flex;
align-items: center;
padding: 4px 0;
border-bottom: 1px solid #cbcbcb;
font-size: 0.75rem; }
.p-SingleProduct__nutritional:last-child {
border-bottom: 0; }
.p-SingleProduct__nutritional--indent {
padding-left: 20px; }
.p-SingleProduct__nutritional-value {
margin-left: auto; }
.p-SingleProduct__nutritional-info {
margin-top: 20px; }
.p-SingleProduct__detail-text p:last-child {
margin-bottom: 0; }
.p-SingleProduct__description {
font-size: 0.875rem;
line-height: 1.5; }
.p-SingleProduct__description p {
margin-bottom: 0.85em;
line-height: inherit; }
.p-SingleProduct__description p:last-child {
margin-bottom: 0; }
.p-SingleProduct__description ul {
margin-bottom: 0.85em; }
.p-SingleProduct__description ul li {
display: flex; }
.p-SingleProduct__description ul li::before {
margin-top: -1px;
content: "●";
display: block;
margin-right: 0.7em;
line-height: inherit;
color: inherit; }
.p-SingleProduct__description ul:last-child {
margin-bottom: 0; }
.p-SingleProduct__detail--features {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 14px; }
.p-SingleProduct__feature {
width: 33.333%;
padding: 12px 8px;
text-align: center; }
.p-SingleProduct__feature-icon {
display: block;
margin-bottom: 14px;
font-size: 0; }
.p-SingleProduct__feature-icon .s-Icon {
width: 76px;
height: 76px; }
.p-SingleProduct__feature-text {
display: block;
color: #00195b;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700; }
.p-SingleProduct__related-title {
text-align: center;
font-size: 2.25rem; }
.p-ArchiveRecipes .m-PageHero__background.m-PageHero__background--default {
background-image: url(//seryturek.pl/wp-content/themes/naturek/static/img/hero-recipe.jpg); }
@media only screen and (max-width: 991.98px) {
.p-ArchiveRecipes .m-FeaturedRecipesSlider {
display: none; } }
.p-ArchiveRecipes__breadcrumbs {
margin-bottom: 28px; }
.p-ArchiveRecipes__breadcrumbs .o-container,
.p-ArchiveRecipes__featured .o-container,
.p-ArchiveRecipes__recipes .o-container {
max-width: 1142px; }
@media only screen and (max-width: 991.98px) {
.p-ArchiveRecipes__breadcrumbs .o-container,
.p-ArchiveRecipes__featured .o-container,
.p-ArchiveRecipes__recipes .o-container {
max-width: 704px; } }
.p-ArchiveRecipes__inner {
padding-top: 28px;
padding-bottom: 32px; }
@media only screen and (max-width: 991.98px) {
.p-ArchiveRecipes__inner {
padding-top: 22px;
padding-bottom: 24px; } }
@media only screen and (max-width: 991.98px) {
.p-ArchiveRecipes__inner {
padding-bottom: 16px; } }
.p-ArchiveRecipes__tags-title {
margin: 0 auto 18px;
text-align: center;
font-size: 2.25rem; }
.p-ArchiveRecipes__recipes {
padding-top: 34px;
padding-bottom: 34px; }
@media only screen and (max-width: 991.98px) {
.p-ArchiveRecipes__recipes {
padding-top: 32px;
padding-bottom: 32px; } }
@media only screen and (max-width: 659.98px) {
.p-ArchiveRecipes__recipes {
padding-bottom: 0; } }
.p-ArchiveRecipes__recipes-content {
display: flex;
flex-wrap: wrap;
width: calc(100% + 28px);
margin-left: -14px; }
@media only screen and (max-width: 659.98px) {
.p-ArchiveRecipes__recipes-content {
width: 100%;
margin-left: 0; } }
.p-ArchiveRecipes__recipe {
width: 33.333%;
text-align: center; }
@media only screen and (max-width: 991.98px) {
.p-ArchiveRecipes__recipe {
width: 50%; } }
@media only screen and (max-width: 659.98px) {
.p-ArchiveRecipes__recipe {
width: 100%;
max-width: 360px;
margin: 0 auto; } }
.p-ArchiveRecipes__recipe-content {
padding: 14px 14px 50px; }
@media only screen and (max-width: 991.98px) {
.p-ArchiveRecipes__recipe-content {
padding-bottom: 40px; } }
@media only screen and (max-width: 659.98px) {
.p-ArchiveRecipes__recipe-content {
padding: 14px 8px 40px; } }
.p-ArchiveRecipes__recipe-image-container {
position: relative;
overflow: hidden;
width: 100%;
max-width: 350px;
height: auto;
margin: 0 auto 28px; }
@media only screen and (max-width: 991.98px) {
.p-ArchiveRecipes__recipe-image-container {
width: 100%;
margin-bottom: 24px; } }
@media only screen and (max-width: 659.98px) {
.p-ArchiveRecipes__recipe-image-container {
max-width: none; } }
.p-ArchiveRecipes__recipe-image-container:after {
display: block;
padding-bottom: 100%;
content: ""; }
.p-ArchiveRecipes__recipe-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1); }
.p-ArchiveRecipes__recipes-link:hover {
color: inherit; }
.p-ArchiveRecipes__recipes-link:hover .p-ArchiveRecipes__recipe-image {
transform: scale(1.1); }
.p-ArchiveRecipes__recipe-heading {
width: 100%;
margin: 0 auto; }
.p-ArchiveRecipes__recipe-name {
width: 100%;
font-family: "Noto Serif", serif, cursive;
font-weight: 700;
font-style: italic;
font-size: 1.5rem;
color: #00195b; }
.p-ArchiveProducts .m-PageHero__background.m-PageHero__background--default {
background-image: url(//seryturek.pl/wp-content/themes/naturek/static/img/hero-products.jpg); }
@media only screen and (min-width: 992px) {
.p-ArchiveProducts .m-ProductsList--slider {
display: none !important; } }
@media only screen and (max-width: 991.98px) {
.p-ArchiveProducts .m-ProductsList--list {
display: none !important; } }
.p-ArchiveProducts__breadcrumbs {
margin-bottom: 16px; }
.p-ArchiveProducts__breadcrumbs .o-container,
.p-ArchiveProducts__categories .o-container {
max-width: 1142px; }
@media only screen and (max-width: 991.98px) {
.p-ArchiveProducts__breadcrumbs .o-container,
.p-ArchiveProducts__categories .o-container {
max-width: 704px; } }
.p-ArchiveProducts__inner {
padding-top: 28px;
padding-bottom: 40px; }
@media only screen and (max-width: 991.98px) {
.p-ArchiveProducts__inner {
padding-top: 22px; } }