/* Theme Name: Eve Kalinik Template: pixelated-orange-theme Description: Eve Kalinik, a child theme of Pixelated Orange. Version: 1.0.0 Text Domain: eve-kalinik */ /* Add your styling below - this loads after the parent theme's own stylesheet (see functions.php), so anything here overrides it. */ /* = GLOBAL */ .lh0, .lh0 img{line-height: 0; width: 100%} .oh{overflow: hidden} /* = COLOURS */ .green, a{color: var(--po-colour-green)} .purple{color: var(--po-colour-purple)} .lavender{color: var(--po-colour-lavender)} .dark-cream{color: var(--po-colour-dark-cream)} .cream{color: var(--po-colour-cream)} .green-background{background-color: var(--po-colour-green)} .purple-background{background-color: var(--po-colour-purple)} .lavender-background{background-color: var(--po-colour-lavender)} .dark-cream-background{background-color: var(--po-colour-dark-cream)} .cream-background{background-color: var(--po-colour-cream)} .white-background{background-color: var(--po-colour-white)} .tint-1, [class*="background-tint-"] {background: linear-gradient(0deg, var(--tint) 0%, color-mix(in srgb, var(--tint) 0%, transparent) 60%);} .tint-1, .background-tint-green {--tint: var(--po-colour-green);} .background-tint-purple {--tint: var(--po-colour-purple);} .background-tint-lavender {--tint: var(--po-colour-lavender);} .background-tint-dark-cream{--tint: var(--po-colour-dark-cream);} .background-tint-cream {--tint: var(--po-colour-cream);} .animate, .pagination .nav-links a.next, .pagination .nav-links a.prev, .plain-button, .plain-button .ml20, .carousel-purple-nav .owl-nav button i, .main-navigation li:not(.calendly-link) a:after, a.button-underline .ml20, .collections .mobile-filter-toggle:after{transition: all var(--pot-animation-speed)} /* = TEXT */ .tal{text-align: left} .tac{text-align: center} .tar{text-align: right} .normal{font-weight: 400} .bold, strong{font-weight: 700} .uppercase{text-transform: uppercase} .italic{font-style: italic} .magneta{font-family: var(--po-font-family-secondary);} h1, h2, h3{font-family: var(--po-font-family-secondary); font-weight: 400} .very-large{font-size: var(--po-font-size-very-large); line-height: var(--po-line-height-very-large)} .large{font-size: var(--po-font-size-large); line-height: var(--po-line-height-large)} .medium{font-size: var(--po-font-size-medium); line-height: var(--po-line-height-medium)} .small{font-size: var(--po-font-size-small); line-height: var(--po-line-height-small)} .very-small{font-size: var(--po-font-size-very-small); line-height: var(--po-line-height-very-small)} .underline{width: 60px; height: 3px; margin-left:auto; margin-right:auto} p:last-child{margin-bottom:0px} .ul-instep ul, .text-block ul{margin-left:20px} /* = POSITIONING */ .relative{position: relative} .absolute{position: absolute} .absolute-all{top: 0px; left: 0px; bottom: 0px; right: 0px} .sticky{position: sticky; top: 120px} .z20{z-index: 20} .cover{background-size: cover} /* = MARGINS / PADDING */ .mt0{margin-top:0px} .mb0{margin-bottom:0px} .ml0{margin-left:0px} .mr0{margin-right:0px} .mla{margin-left: auto} .mra{margin-right: auto} .pt0{padding-top:0px} .pb0{padding-bottom:0px} .pbo0{padding-bottom:0px!important} .mb10{margin-bottom:10px} .mb20{margin-bottom:20px} .mb40{margin-bottom:40px} .mt10{margin-top:10px} .mt20{margin-top:20px} .mt40{margin-top:40px} .mt60{margin-top:60px} .ml20{margin-left:20px} .pd20{padding: 20px} .pd40{padding: 40px} .pt20{padding-top:20px} .pt40{padding-top:40px;} .pb20{padding-bottom:20px} .pb40{padding-bottom:40px} .pl40{padding-left:40px} .pr40{padding-right:40px} .pt60{padding-top:60px} .pb60{padding-bottom:60px} .pd6040{padding: 60px 40px} .max-width{max-width: 800px} .mthead{margin-top:80px} .pt120{padding-top:120px} /* = FLEX */ .flex{display: flex; flex-wrap: wrap} .justify-left{justify-content: flex-start} .justify-center{justify-content: center} .justify-right{justify-content: flex-end} .justify-between{justify-content: space-between} .align-top{align-items: flex-start} .align-middle{align-items: center} .align-bottom{align-items: flex-end} .self-top{align-self: flex-start} .self-bottom{align-self: flex-end} .flex1{flex: 1} .full{width: 100%} .flex-half{width: 50%} .flex-fifth{width: 20%} .flex-third, .half-block .half-third .flex-half:first-child, .half-block .half-twothirds .flex-half:last-child{width: 40%} .flex-twothirds, .half-block .half-third .flex-half:last-child, .half-block .half-twothirds .flex-half:first-child{width: 60%} .gap20{gap: 20px} .gap40{gap: 40px} .gap40 .half{width: calc(50% - 20px)} .single-block-half .flex-half-third{width: calc(40% - 20px)} .single-block-half .flex-half-twothirds{width: calc(60% - 20px)} /* = TABLE */ .table{display: table; width: 100%; height: 100%} .cell{display: table-cell} .vat{vertical-align: top} .vam{vertical-align: middle} .vab{vertical-align: bottom} .ilb{display: inline-block} /* = OWL CAROUSEL */ .image-carousel0 .owl-nav{position: absolute; bottom: 20px; right: 20px; background-color: var(--po-colour-green); border-radius: var(--po-radius-full-rounded); display: flex; padding: 5px 10px; gap: 5px} .image-carousel0 .owl-nav button i{color: var(--po-colour-cream)} .flex-carousel .owl-stage, .flex-carousel .owl-stage .owl-item{display: flex} .flex-carousel .owl-stage .owl-item{flex-wrap: wrap; padding-bottom:20px} .carousel-purple-nav .owl-nav{display: flex; justify-content: flex-end; gap: 10px} .carousel-purple-nav .owl-nav button i{font-size: 14px; color: var(--po-colour-green);} .carousel-purple-nav .owl-nav button:hover i{color: var(--po-colour-cream);} /* = NAVIGATION */ .main-navigation{justify-content: flex-end} .main-navigation ul{align-items: center} .main-navigation a{letter-spacing: 1px; position: relative} .main-navigation li.calendly-link a{border: 1px solid var(--po-colour-green); padding: 10px 30px!important; border-radius: var(--po-radius-full-rounded)} .main-navigation li.calendly-link a:hover{background-color: var(--po-colour-purple); border-color: var(--po-colour-purple); color: var(--po-colour-cream)!important} .site-header-inner, .site-footer{transition: all var(--pot-animation-speed) ease; padding-left:40px!important; padding-right:40px!important} .site-header-inner:hover{background-color: rgba(249, 247, 244, 0.7)} .main-navigation li:not(.calendly-link) a:after{position: absolute; bottom: 0px; left: 10px; right: calc(100% - 10px); height: 2px; content: ''; background-color: var(--po-colour-purple)} .main-navigation li:not(.calendly-link) a:hover:after, .main-navigation li.current-menu-item a:after{right: 10px} body.body-dark-header .pomm-toggle:not(.pomm-toggle-open) span:not(.pomm-hamburger){background: #ffffff!important} body.body-dark-header .pomm-toggle.pomm-toggle-scrolled:not(.pomm-toggle-open) span:not(.pomm-hamburger){background: var(--po-colour-green)!important} /* = SIGNUP*/ .signup-block{border-radius: var(--po-radius-small-rounded)} .mc4wp-form{display: inline-block} .mc4wp-form-fields{display: inline-block; border: 2px solid var(--po-colour-purple); border-radius: var(--po-radius-full-rounded); display: flex; flex-wrap: wrap} .mc4wp-form-fields input[type=email]{background-color: transparent!important; padding: 10px 20px; border: none; font-size: 18px} .mc4wp-form-fields input[type=submit]{border-radius: 0px 100px 100px 0px; border: none; padding: 10px 20px; font-size: 14px; background-color: var(--po-colour-purple); color: var(--po-colour-cream); text-transform: uppercase} .mc4wp-form-fields input[type=submit]:hover{background-color: var(--po-colour-green);} .mc4wp-form-fields input:focus{outline: none; box-shadow: none} .signup-block .button-green:hover{background-color: var(--po-colour-purple)!important} /* = FOOTER */ .footer-left{display: flex; flex-wrap: wrap} .footer-contact-details{width: 100%; align-self: flex-end} .footer-contact-icon{color: var(--po-colour-lavender); width: 30px; text-align: left} .footer-right > .footer-column:last-child{display: flex; flex-direction: column} .footer-right > .footer-column:last-child .footer-column-shortcode{margin-top: auto} .footer-column-shortcode .mc4wp-form-fields{border-color: var(--po-colour-cream)} .footer-column-shortcode .mc4wp-form-fields input[type=submit]{background-color: var(--po-colour-cream); color: var(--po-colour-purple)} .footer-column-shortcode .mc4wp-form-fields input[type=email]{font-size: 14px} .footer-column-shortcode .mc4wp-form-fields input[type=submit]:hover{color: var(--po-colour-cream); background-color: var(--po-colour-purple)} /* = BUTTONS */ .button:not(.button-underline){padding: 10px 30px; border: 2px solid var(--po-colour-green); border-radius: var(--po-radius-full-rounded); font-size: var(--po-font-size-button-size); line-height: var(--po-line-height-button-size)} .button:not(.button-underline):hover{background-color: var(--po-colour-green); color: var(--po-colour-cream)} .button-green{background-color: var(--po-colour-green); color: var(--po-colour-cream)} .button-green:not(.button-underline):hover{background-color: var(--po-colour-purple); border-color: var(--po-colour-purple)} .plain-button, a.button-underline{text-transform: uppercase; font-weight: 700; color: var(--po-colour-purple)} .plain-button:hover, a.button-underline:hover{color: var(--po-colour-green)} .plain-button:hover .ml20, a.button-underline:hover .ml20{margin-left:40px} /* = BOX SHADOW */ .feed-block article:hover, .half-block-component .layout-rows article:hover, a.collection-button:hover, .featured-recipe:hover, .archive-feed article:hover, a.collection-button.active{box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.1);} /* = PAGE BUILDER */ /* = HEADER BLOCK */ .header-block, .header-block .flex{height: 100vh} .header-block .flex-twothirds img, .archive-header .flex-twothirds img{display: none} .header-block-tint-1:after {position: absolute; top: 0; bottom: 0; left: 100%; right: -500px; content: ''; background: linear-gradient(to right, var(--tint-start, transparent), var(--tint-end, transparent)); z-index: 10} .header-text{padding-right:20%} /* = ICON GRID BLOCK */ .icon-grid-item{flex: 1} .icon-grid-item:not(.icon-grid-image-item):after{content: ''; position: absolute; top: 0px; bottom: 0px; right: -20px; left: auto; border-right: 1px solid var(--po-colour-lavender)} .icon-grid-item:last-child:after{display: none} .icon-grid-item .max-width{max-width: 400px; margin-left:auto; margin-right:auto} .round-icon{padding: 0px 20px; border-radius: var(--po-radius-full-rounded); line-height: 0; width: auto; aspect-ratio: 1 / 1} .round-icon .icon{font-size: 30px; line-height: 30px} /* = ICON GRID AND IMAGE BLOCK */ .icon-grid-image-item{border: 2px solid var(--po-colour-lavender); border-radius: var(--po-radius-small-rounded)} .icon-grid-image-item .round-icon{margin-top:-60px} /* = TITLE BLOCK */ .title-block .justify-between h1, .title-block .justify-between h2, .title-block .justify-between h3{margin-bottom:0px} /* = FEED BLOCK */ .post-thumbnail a img{opacity: 1!important} .layout-columns article, .layout-single article{width: 100%} .layout-rows article{width: calc(25% - 15px)} .flex-half-twothirds .half-block-component .layout-rows article{width: calc(33.333% - 14px)} .flex-half-twothirds .half-block-component .layout-rows article:last-child{display: none!important} .flex-half-half .half-block-component .layout-rows article{width: calc(50% - 10px)} .flex-half-third .half-block-component .layout-rows article{width: 100%} .post-categories, .post-categories a, .pretitle{color: var(--po-colour-purple); letter-spacing: 2px; font-weight: 700; font-size: var(--po-font-size-very-small); line-height: var(--po-line-height-very-small); text-transform: uppercase} .post-categories a:not(:first-child){margin-left:5px} .feed-block article, .half-block-component .layout-rows article, .archive-feed article{border: 2px solid var(--po-colour-lavender); border-radius: var(--po-radius-small-rounded)} /* = IMAGE BLOCK */ .image-block:not(.pd0) .rounded, .grid-gallery .rounded{border-radius: var(--po-radius-small-rounded)} /* = IMAGE ROW BLOCK */ .row-block .grid-gallery, .image-grid {display: grid; grid-template-columns: repeat(var(--cols, 3), 1fr); gap: 20px;} .row-block .grid-gallery img {width: 100%; height: auto;} .image-grid-1{--cols: 1;} .gallery-2, .image-grid-2 {--cols: 2;} .gallery-3, .image-grid-3{--cols: 3;} .gallery-4, .image-grid-4 {--cols: 4;} .gallery-5, .image-grid-5 {--cols: 5;} .gallery-6, .image-grid-6 {--cols: 6;} /* = HALF BLOCK */ .childsticky{align-items: flex-start;} .childsticky .flex-half{position: sticky; top: 120px} .flex-half-padding-small{padding: 20px 40px} .flex-half-padding-large{padding: 40px 60px} .flex-half h2{font-size: var(--po-font-size-large); line-height: var(--po-line-height-large); } .half-block:not(.pd0) .rounded{border-radius: var(--po-radius-small-rounded)} .flex-half .half-block-component:not(:last-child){margin-bottom:40px} .half-block .half-half.half-half-gap-1{gap: 40px} .half-block .half-half.half-half-gap-1 .flex-half-half{width: calc(50% - 20px)} /* = GRID IMAGES BLOCK */ .image-grid-items{} /* = RECIPES ARCHIVE*/ /* = COLLECTION*/ a.collection-button{border-radius: var(--po-radius-small-rounded); background-color: var(--po-colour-dark-cream)} a.collection-button:hover .round-icon, a.collection-button.active .round-icon{background-color: var(--po-colour-purple)} a.collection-button:hover .icon, a.collection-button.active .icon{color: var(--po-colour-lavender)} /* = FEATURED*/ .featured-recipe{border-radius: var(--po-radius-small-rounded);} /* = FEED*/ .archive-feed article{width: calc(25% - 15px)} .pagination{width: 100%; display: flex; justify-content: flex-end;} .pagination .nav-links{display: flex; align-items: center; gap: 5px} .pagination .nav-links a.next, .pagination .nav-links a.prev, .carousel-purple-nav .owl-nav button{background-color: var(--po-colour-lavender)!important; padding: 5px; border-radius: 100px; width: 36px; height: 36px; align-items: center; display: flex; justify-content: center; } .pagination .nav-links a.next:hover, .pagination .nav-links a.prev:hover, .carousel-purple-nav .owl-nav button:hover{background-color: var(--po-colour-purple)!important; color: var(--po-colour-cream) } .pagination .nav-links a.next{margin-left:10px } .pagination .nav-links a.prev{margin-right:10px} .pagination .nav-links a.page-numbers:not(.next):not(.right), .pagination .nav-links span.current{padding: 0px 5px} .pagination .nav-links span.current{font-weight: 700!important} /* = ARCHIVE*/ .archive-header{height: 50vh; min-height: 600px} .collections .mobile-filter-toggle{text-transform: uppercase; font-weight: 700; letter-spacing: 1px; color: color: var(--po-colour-purple); display: none} /* = RECIPE SINGLE*/ .single-recipes .rounded{border-radius: var(--po-radius-small-rounded)} .recipe-side .max-width{max-width: 800px} .ingredients ul{margin-bottom:40px} .ingredients p strong{color: var(--po-colour-purple)} /* = JOURNAL SINGLE*/ .post-top-holder{border-radius: var(--po-radius-small-rounded)} .single-block-holder h2{color: var(--po-colour-purple); font-size: var(--po-font-size-medium); line-height: var(--po-line-height-medium)} .half-block:not().pd0) .side-image .rounded{border-radius: var(--po-radius-small-rounded)} /* =IPAD LANDSCAPE ------------------------------------------------------- */ @media only screen and (min-width:911px) and (max-width: 1024px){ /* = GLOBAL */ /* = TEXT */ .very-large{font-size: 60px; line-height: 64px} .large, .flex-half h2{font-size: 40px; line-height: 44px} /* = POSITIONING */ /* = MARGINS / PADDING */ /* = FLEX */ /* = OWL CAROUSEL */ /* = NAVIGATION */ .site-header-inner:hover{background-color: transparent!important} button.pomm-toggle{top: 40px; right: 40px!important} .pomm-mobile-menu{display: flex; column-gap: 20px; flex-wrap: wrap} .pomm-mobile-menu li{width: calc(50% - 10px)} .pomm-mobile-menu li a{padding: 0px; font-size: 16px; text-transform: uppercase; padding-top:6px; font-weight: 700} .pomm-additional-wrapper ul{display: flex; column-gap: 40px; justify-content: flex-start margin-top:40px; padding-top:40px; border-top: 2px solid var(--po-colour-purple); margin-top: 40px} .pomm-additional-wrapper ul a{padding: 0px!important; font-size: 16px} .pomm-additional-wrapper ul a i{color: var(--po-colour-green)!important} .pomm-mobile-panel{padding: 40px!important} /* = SIGNUP*/ .signup-block .flex-fifth{width: 40%} .signup-block .flex-third, .signup-block .flex-twothirds{width: 100%} .signup-block .flex-twothirds{margin-top:20px} /* = FOOTER */ /* = BUTTONS */ /* = BOX SHADOW */ /* = PAGE BUILDER */ /* = HEADER BLOCK */ .header-block .flex-third, .archive-header .flex-third{width: 50%} .header-block .flex-twothirds, .archive-header .flex-twothirds{flex: 1} .header-block .mt60{margin-top:0px} .header-text{padding-right:20px} .header-block-tint-1:after{right: -50%} /* = ICON GRID BLOCK */ /* = ICON GRID AND IMAGE BLOCK */ /* = TITLE BLOCK */ /* = FEED BLOCK */ .feed-block article{width: calc(50% - 10px)} .also .owl-item article{width: 100%} /* = IMAGE BLOCK */ /* = IMAGE ROW BLOCK */ /* = HALF BLOCK */ /* = GRID IMAGES BLOCK */ /* = RECIPES ARCHIVE*/ /* = COLLECTION*/ /* = FEATURED*/ /* = FEED*/ /* = ARCHIVE*/ .archive-header{min-height: 500px} .archive-feed article{width: calc(33.333% - 14px)} .collections a{flex: none; width: calc(33.333% - 14px); display: flex; gap: 20px; align-items: center} .collections a .collections-icon-holder{width: 30%} .collections a .collections-icon-holder .round-icon{margin-bottom:0px} .collections-content-holder{flex: 1;} .featured-recipe .flex-third{width: 50%; padding-left:20px} .featured-recipe .flex-twothirds{width: 50%} /* = RECIPE SINGLE*/ /* = JOURNAL SINGLE*/ .post-top-holder{align-items: flex-start} .post-image-left{margin-left:40px; width: 35%; margin-top:40px} .post-image-left img, .featured-recipe .flex-third img{border-radius: var(--po-radius-small-rounded); overflow: hidden} } /* IPAD PORTRAIT */ @media only screen and (min-width:641px) and (max-width: 910px) { /* = GLOBAL */ .site-header-inner:hover{background-color: transparent} /* = TEXT */ /* = POSITIONING */ /* = MARGINS / PADDING */ /* = FLEX */ .flex-half, .half-block .half-half.half-half-gap-1 .flex-half-half{flex: none; width: 100%} .flex-half-padding-large{padding-left:0px; padding-right:0px} .switch-mobile-1 .flex-half:first-child{order: 2} .switch-mobile-1 .flex-half:last-child{order: 1} /* = OWL CAROUSEL */ /* = NAVIGATION */ .body-dark-header .pomm-hamburger span{background: #263d3a!important} .pomm-toggle, .pomm-additional-button{top: 30px!important; right: 40px!important} .pomm-mobile-menu{display: flex; column-gap: 20px; flex-wrap: wrap} .pomm-mobile-menu li{width: calc(50% - 10px)} .pomm-mobile-menu li a{padding: 0px; font-size: 16px; text-transform: uppercase; padding-top:6px; font-weight: 700} .pomm-additional-wrapper ul{display: flex; column-gap: 40px; justify-content: flex-start margin-top:40px; padding-top:40px; border-top: 2px solid var(--po-colour-purple); margin-top: 40px} .pomm-additional-wrapper ul a{padding: 0px!important; font-size: 16px} .pomm-additional-wrapper ul a i{color: var(--po-colour-green)!important} .pomm-mobile-panel{padding: 40px!important} /* = SIGNUP*/ /* = FOOTER */ .footer-left{justify-content: space-between; align-items: flex-start} .footer-contact-details{width: calc(50% - 10px)} .footer-right .footer-column{width: calc(50% - 10px)!important; flex: none!important} .mc4wp-form-fields{flex-wrap: nowrap} /* = BUTTONS */ /* = BOX SHADOW */ /* = PAGE BUILDER */ /* = HEADER BLOCK */ .header-block .flex-twothirds{width: 100%; order: 1; } .header-block .flex-third{width: 100%; order: 2; position: absolute; top: auto; bottom: 0px; left: 0px; right: 0px} .header-block-tint-1:after{left: 0px; right: 0px; top: -300px; background: linear-gradient(to top, var(--tint-start, transparent), var(--tint-end, transparent))} /* = ICON GRID BLOCK */ /* = ICON GRID AND IMAGE BLOCK */ .icon-grid-item{width: calc(50% - 20px); flex: none} .icon-grid-image-item{width: 100%} .icon-grid-item:not(.icon-grid-image-item):after{left: 0px; right: 0px; top: auto; bottom: -10px; border-right: none; border-bottom: 1px solid var(--po-colour-lavender)} /* = TITLE BLOCK */ /* = FEED BLOCK */ .layout-rows article{width: calc(50% - 10px)} /* = SIGNUP BLOCK */ .signup-block .flex-fifth{width: 30%} .signup-block .flex-fifth{padding-left:40px} .signup-block .flex-fifth .lh0{border-radius: var(--po-radius-small-rounded); overflow: hidden} .signup-block .flex1 .flex-third, .signup-block .flex1 .flex-twothirds{width: 100%; flex: none} .signup-block .flex1 .flex-twothirds{margin-top:20px} /* = IMAGE BLOCK */ /* = IMAGE ROW BLOCK */ /* = HALF BLOCK */ /* = GRID IMAGES BLOCK */ /* = RECIPES ARCHIVE*/ /* = COLLECTION*/ /* = FEATURED*/ /* = FEED*/ /* = ARCHIVE*/ .archive-header{position: relative} .archive-header .flex-third{position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%} .archive-header .flex-twothirds{width: 100%} .featured-posts .featured-recipe{flex: none; width: 100%} .archive-feed article{width: calc(50% - 10px)} .collections a{width: calc(50% - 14px); flex: none; display: flex; gap: 20px; align-items: center} .collections-icon-holder{width: 78px} .collections-icon-holder .round-icon{margin-bottom:0px} .featured-recipe .flex-third, .featured-recipe .flex-twothirds{width: 100%} /* = RECIPE SINGLE*/ .post-top-holder .recipe-side{padding: 0px 40px 40px} /* = JOURNAL SINGLE*/ } /* =IPHONE ------------------------------------------------------- */ @media only screen and (max-width: 640px) { /* = GLOBAL */ .button:not(.button-underline){font-size: 16px} .site-header-inner:hover{background-color: transparent} .sticky{position: relative; top: 0px} /* = TEXT */ /* = POSITIONING */ /* = MARGINS / PADDING */ .pd40{padding: 20px} .mt60{margin-top:30px} .pt60{padding-top:30px} .pb60{padding-bottom:30px} .pl40{padding-left:20px} .pr40{padding-right:20px} .pd6040{padding: 30px 20px} .button:not(.button-underline){padding-left:20px; padding-right:20px} /* = FLEX */ .flex-half, .flex-third, .flex-twothirds{width: 100%!important} /* = OWL CAROUSEL */ /* = NAVIGATION */ .site-header-inner{padding: 20px!important} .site-logo{width: 200px} .pomm-mobile-menu{display: flex; column-gap: 20px; flex-wrap: wrap} .pomm-mobile-menu li{width: 100%} .pomm-mobile-menu li a{padding: 0px; font-size: 16px; text-transform: uppercase; padding-top:6px; font-weight: 700} .pomm-additional-wrapper ul{display: flex; column-gap: 20px; justify-content: flex-start; margin-top:20px!important; padding-top:20px; border-top: 2px solid var(--po-colour-purple); margin-top: 40px; flex-wrap: wrap} .pomm-additional-wrapper ul a{padding: 0px!important; font-size: 16px} .pomm-additional-menu-list li{width: calc(50% - 10px)} .pomm-additional-wrapper ul a i{color: var(--po-colour-green)!important} /* = SIGNUP*/ /* = FOOTER */ .site-footer{padding-left:20px!important; padding-right:20px!important} .footer-logo{margin-bottom:20px} #menu-footer-quick-links{display: flex; flex-wrap: wrap; align-items: flex-start} #menu-footer-quick-links li{width: 50%} .footer-column-menu--cols{column-gap: 0px!important} /* = BUTTONS */ /* = BOX SHADOW */ /* = PAGE BUILDER */ /* = HEADER BLOCK */ .header-block, .header-block .flex{height: auto} .header-block .flex-third{width: 100%; order: 2} .header-block .flex-twothirds{width: 100%; order: 1; background-image: none!important} .header-block .flex-twothirds img{display: block} .header-block-tint-1:after{left: 0px; right: 0px; top: -200px; bottom: 100%; background: linear-gradient(to top, var(--tint-start, transparent), var(--tint-end, transparent)); } .header-text{padding-right:0px} /* = ICON GRID BLOCK */ .icon-grid-item{width: 100%; flex: none} .icon-grid-item:not(.icon-grid-image-item):after{left: 0px; top: 0px; bottom: -10px; border-right: 0px; border-bottom: 1px solid var(--po-colour-lavender)} /* = ICON GRID AND IMAGE BLOCK */ /* = TITLE BLOCK */ /* = FEED BLOCK */ /* = IMAGE BLOCK */ /* = IMAGE ROW BLOCK */ /* = HALF BLOCK */ .flex-half{width: 100%; padding-left:0px; padding-right:0px} /* = GRID IMAGES BLOCK */ /* = RECIPES ARCHIVE*/ /* = COLLECTION*/ /* = FEATURED*/ /* = FEED*/ .layout-rows article{width: 100%} /* = SIGNUP BLOCK*/ .signup-block .flex-fifth{width: 100%} .mc4wp-form-fields{border: none; border-radius: 0px; margin-top:20px} .mc4wp-form-fields input[type=email]{ width: 100%; border-radius: 100px} .mc4wp-form-fields input[type=submit]{width: 100%; border-radius: 100px; margin-top:10px} .signup-block .mc4wp-form-fields input[type=email]{border: 2px solid var(--po-colour-purple);} .footer-column-shortcode .mc4wp-form-fields input[type=email]{border: 1px solid #ffffff!important} /* = ARCHIVE*/ .collections .mobile-filter-toggle{display: flex; text-align: center; cursor: pointer; align-items: center; justify-content: center; gap: 10px} .collections .mobile-filter-toggle:after{font-family: "Font Awesome 6 Pro"; content: "\2b"; display: inline-block; font-size: 20px} .collections.active .mobile-filter-toggle:after{rotate: -45deg} .collections .mobile-filter-holder{display: none} .archive-header{position: relative; height: 40%; min-height: 600px} .archive-header .flex-twothirds{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px} .archive-header .flex-third .cell.vam{vertical-align: bottom} .archive-header .header-block-tint-1:after{bottom: 0px; top: 0} .collections a{width: calc(50% - 10px); flex: none; display: flex; gap: 20px; align-items: center; flex-wrap: wrap} .collections-icon-holder{width: 100%} .collections-icon-holder .round-icon{margin-bottom:0px; } .collections-content-holder div.tac{display: none} .archive-feed article, .featured-recipe{width: 100%; flex: none} /* = RECIPE SINGLE*/ .posts-also .mb40{margin-bottom:10px} .posts-also .tar{text-align: left; margin-bottom:20px} /* = JOURNAL SINGLE*/ .single-post .recipe-side{padding: 0px 20px 20px} }