/*
Theme Name: Sense of Taste Cheff School.
Template: twentytwentyfour
Description: Child theme of Twenty Twenty Four for Sense of Taste Cheff School
Author: Warren-Dean Steyn (Rendered Online)
Version: 1.0.0
*/

* { box-sizing: border-box; }
a:hover { text-decoration: none; }

header {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    transition: border .6s ease;
}
header.fixed-header {   border-bottom: 1px solid rgba(0, 0, 0, 0); }
header .nav-top {
  background: rgba(0,0,0,0.57);
  background-color: rgba(0,0,0,0.57)!important;
  height:40px;
  transition: height .3s ease, padding .3s ease;
}

header.fixed-header .nav-top {
  height:0px;
  overflow: hidden;
  padding:0!important;
}
header .custom-logo-link img {
  height:65px;
  width: auto;
  transition: height .3s ease;
}
header.fixed-header .custom-logo-link img {
  height: 50px;
}


/* Header and Nav */
.nav-top { padding:0 1em; }
.nav-top ul { list-style-type: none; }
.nav-top ul li { display: inline-block; padding: 0 3em 0 0em; }
.nav-bottom a { color:#000; transition:color 100ms; position: relative; }
.nav-bottom a:hover { text-decoration:none; color:#87bb6a!important; }
.nav-bottom a:after {
    content: "";
    height: 2px;
    width: 0%;
    position: absolute;
    bottom: -14px;
    background: #87bb6a;
    left: 50%;
    transition: width 150ms ease-in-out, left 150ms ease-in-out;
}
.nav-bottom a:hover:after { width: 120%; left: -10%; }
.nav-bottom nav { padding-right: 25vw; }

@font-face {
    font-family: 'pixflow-font-library';
    src: url('https://senseoftastechefschool.com/wp-content/themes/massive-dynamic/assets/css/fonts/pixflow-font-library.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'pixflow-font-library';
    speak: none;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.nav-top [class*=" icon-"]::before { padding: 0px 0.8em 0 0em; }
.icon-Mail:before { content: "\ebe9" }
.icon-phone:before { content: "\e822" }
.icon-location:before { content: "\e721" }
.nav-bottom { padding-left:3em; padding-right:3em; }

/* General Settings */
a:hover { color:#638c0b; }

/* Post Listing */
.post-grid { max-width: 1420px; }
.post-grid .post-heading-holder { padding-top:80%; }
.post-grid .post-heading-holder::after {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 75%;
  background: transparent url("https://senseoftastechefschool.com/blog/wp-content/uploads/2025/11/Morgenster_Launch_2018_8-May_Tuesday-8.jpg") center center no-repeat;
}
.post-grid figure~.post-heading-holder { padding-top:0; }
.post-grid figure~.post-heading-holder::after { content:none; }
.post-grid .wp-block-post-title a { font-size:44px; width:100%; display:block; }
.post-grid .wp-block-post-date { color:#FFF; }
.post-grid figure { filter:brightness(0.8); transition:filter 300ms; }
.post-grid li:hover figure { filter: brightness(1); }

/* Buttons */
.wp-block-button__link.wp-element-button,
.wp-block-button__link.wp-element-button {
  background:#8bb235;
  border-radius: 50px;
  padding:1em 3em;
  box-shadow: rgba(61, 61, 61, 0.6) 4px 4px 8px 0px;
  transition: background .3s ease-in;
  border:none;
  color:#FFF;
}
.is-style-pill a:hover,
.wp-block-button__link.wp-element-button:hover {
  background: #FFF!important;
  color:#000!important;
}
.is-style-pill a:hover { outline: 1px outset rgb(65 165 14 / 47%); }


.post-header {
    min-height: 550px;
    max-height: 54vh;
    overflow: hidden;
    position: relative;
  
}
.page main,
.single-post main {
    margin-block-start: 0;
    margin-top: -9em;
    margin-bottom: 34em;
    z-index: 2;
    position: relative;
    box-shadow: 0 0 7em 1em black;
    background: #FFF;
}

.post-image {
  filter: brightness(0.8);
}
.post-image img {
    border-radius: 0;
    width: 100%;
}
.post-title {
  display: block !important;
  position: absolute;
  top: initial;
  bottom: 0px;
  left: 0;
  width: 100%;
  padding: 4em;
}

figure.post-image {
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  aspect-ratio: unset !important;
  height: 100% !important;
}
figure.post-image img {
    height: 100%;
    /* max-width: none; */
    width: 100%;
    object-fit: cover;
}

.single-post #post-header .post-title {
    max-width: 950px;
    margin: 0 auto;
}
.single-post #post-header .post-title h1 {
  /* margin-top: 130px; */
}
.single-post #post-header figure~.post-title {
  position: absolute;
  bottom: 3rem;
  max-width: 1200px;
}


figure~.post-title,
.single-post figure~.post-title {   text-shadow: rgba(12, 12, 12, 0.83) 0px 0px 9px; }
figure~.post-title h1,
.single-post figure~.post-title h1 {
  color:#FFF;
  font-size: 4rem !important;
  font-weight: 700;
  text-shadow: rgba(12, 12, 12, 0.83) 0px 0px 9px;
}
.single-post figure~.post-title .post-meta,
.single-post figure~.post-title .post-meta a,
.single-post figure~.post-title .post-meta p,
.single-post figure~.post-title .post-meta span { color:#FFF!important; }
/* .post-title .post-meta .wp-block-group { padding:0; } */

.blog-subscribe { display:none; }

footer { position:fixed; bottom:0; }
#footer .footer-top { position: relative; }
#footer .footer-top .wp-block-columns { z-index:10; position:relative; }
#footer .footer-top h4 { font-size:1.1em; color:#FFF; margin-bottom:2.2em; }
#footer .footer-top .affiliate-partners .wp-block-column { max-width:70px; }
#footer .footer-top > .wp-block-columns > .wp-block-column:not(:last-child) { border-right: 1px solid rgba(255,255,255,.2); }
#footer .footer-top::after {
  content:'';
  position: absolute;
  background:rgba(23,23,23,0.86);
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  z-index: 5;
}


@media (max-width: 1560px) {
  .nav-bottom nav { padding-right:1em; }
}
@media (min-width: 1561px) {
  .single-post figure.post-image img { height:auto; width:100%; }
}

@media (max-width: 920px) {
  .nav-bottom { padding:10px; }
  .post-grid .is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page main,
  .single-post main { margin-bottom:31em; }
}
@media (max-width: 782px) {
  .page main,
  .single-post main { margin-bottom: 50vh; }
  .single-post .post-image img { }
  .post-header { min-height:400px; }
  .single-post #post-header figure~.post-title { padding:1em; }
  .single-post #post-header .post-title h1 { margin:0; font-size: 2.3em!important; }
  footer { height: 50vh; overflow-y: auto; text-align: center; }
  #footer .footer-top .wp-block-columns {
      justify-content: space-around;
  }
}

/* Nav Settings */
@media (max-width: 981px) {
  header .nav-top { display:none; }
}
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display:flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}
@media (min-width: 980px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display:none;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block;
    }
}