/*
 Theme Name:   Shena's Full Frame Child Theme
 Theme URI:    http://shena.me/full-frame-child/
 Template:     full-frame
 Description:  Shena's child theme, based on Full Frame from Graph Paper Press
 Author:       mtbrains
 Version:      1.2
 Tags:         responsive-layout, photography, portfolio, clean, contemporary, elegant, modern, sophisticated
 Text Domain:  full-frame-shena
*/
html {
  --ff-theme-bg: #fff7e7ff;
  --ff-theme-bg-dark: color-mix(in lab, var(--ff-theme-bg) 60%, black);
  ;
  --ff-theme-nav: var(--ff-theme-bg);
  --ff-theme-primary: #606637ff;
  --ff-theme-primary-light: color-mix(in lab, var(--ff-theme-primary) 60%, white);
  --ff-theme-secondary: #986006ff;
  --ff-theme-secondary-light: color-mix(in lab, var(--ff-theme-secondary) 60%, white);
  --ff-theme-tertiary: #36322dff;
  --ff-theme-other: #a54f43ff;
  --ff-theme-another: #6C698D;
  --ff-theme-another-light: color-mix(in lab, var(--ff-theme-another) 60%, white);
  --ff-theme-alternate: #5688C7;
  --ff-theme-alternate-light: color-mix(in lab, var(--ff-theme-alternate) 60%, white);
  --ff-theme-outline: #d9d9d9;
  --ff-theme-radius: 20px;

  scroll-behavior: smooth;

  body {
    --wp--preset--font-size--medium: 22px;
    --wp--preset--font-size--small: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

@font-face {
  font-family: 'FrogWoad';
  src: url('../fonts/frogandwoad.woff2') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FrogWoad-bold';
  src: url('../fonts/frogandwoad-bold.woff2') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/josefin/josefin-sans-100.woff2?c=1778704713) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/josefin/josefin-sans-100.woff2?c=1778704713) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/josefin/josefin-sans-300.woff2?c=1778704713) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/josefin/josefin-sans-300.woff2?c=1778704713) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/josefin/josefin-sans-400.woff2?c=1778704713) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/josefin/josefin-sans-400.woff2?c=1778704713) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/josefin/josefin-sans-700.woff2?c=1778704713) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/josefin/josefin-sans-700.woff2?c=1778704713) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
tr,
td {
  font-weight: unset;
}

b,
strong {
  font-weight: 400;
}

i,
em {
  font-weight: 300;
}

b,
strong {

  i,
  em {
    font-weight: 400;
  }
}

i,
em {

  b,
  strong {
    font-weight: 400;
  }
}

body {
  font-weight: 300;
  background-color: var(--ff-theme-bg);
  font-size: 18px;
}

body,
button,
input,
select,
textarea,
cite.fn a {
  font-family: "Josefin Sans";
  color: var(--ff-theme-tertiary);
}

a {
  color: var(--ff-theme-secondary);
  text-decoration: underline;
}

a[role=button],
a.stk-button[role=button] {
  font-family: FrogWoad-bold;
  padding: 12px 12px 0 !important;
}

a:hover,
a:focus,
a:active {
  color: var(--ff-theme-primary);
}

a.infinity,
.home article a,
.archive article a {
  color: unset;
  text-decoration: none;
}

a.infinity:hover,
.home article a:hover,
.archive article a:hover {
  color: unset;
}

.kt-hero {
  .wp-block-list {
    padding-left: 30px;
  }

  .wp-block-buttons>.wp-block-button {
    width: auto;
  }

  .kt-hero-headline {

    &>div {
      display: flex;
      justify-content: flex-end;

      &>div {
        flex-basis: 50%;
        margin: 0 !important;
        max-width: 100%;

        h2,
        p {
          font-family: FrogWoad-bold;
          text-shadow:
            1px 1px var(--ff-theme-tertiary),
            -1px -1px var(--ff-theme-tertiary),
            1px -1px var(--ff-theme-tertiary),
            -1px 1px var(--ff-theme-tertiary);
        }

      }
    }
  }

  .wp-block-group p {
    font-family: FrogWoad;
    line-height: 1.5;
  }

  p {
    margin-bottom: 0;
  }

  a {
    font-family: FrogWoad;
    text-decoration: none;
    text-transform: uppercase;
  }

  li::marker {
    content: "✧ "
  }
}

.kt-anchor {
  scroll-margin-top: 50px;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul.menu li a {
  font-family: 'FrogWoad';
}

h1 {
  font-family: 'FrogWoad-bold';
  font-size: 2.5em;
  font-size: 3.5vmax;
}

h1.entry-title {
  color: var(--ff-theme-bg);
  text-shadow:
    1px 1px var(--ff-theme-tertiary),
    -1px -1px var(--ff-theme-tertiary),
    1px -1px var(--ff-theme-tertiary),
    -1px 1px var(--ff-theme-tertiary);
}

h2 {
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: .5em;
}

h3 {
  font-size: 1.2em;
  margin-bottom: .25em;
}

h4,
h5 {
  margin-bottom: 0.1em;
}

h2:has(+ .has-small-font-size) {
  margin-bottom: 0;
}

dl dt {
  font-weight: 400;
}

p {
  margin-bottom: 1em;
  text-align: initial;
}

p:empty {
  display: none;
}

article ul,
article ol {
  margin-bottom: 1em;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  text-align: center;
  font-size: 26px;
  line-height: 1 !important;
  background-color: var(--ff-theme-primary);
  border: none;
  border-radius: 50px;
  box-shadow: none;
  color: var(--ff-theme-bg);
  cursor: pointer;
  padding: 0.8em 1.2em;
  text-decoration: none;
  word-break: break-word;
  transition: 0.3s ease;
  display: inline-block;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  box-shadow: none;
  color: var(--ff-theme-tertiary);
  background-color: var(--ff-theme-secondary-light);
}

/* buttons */
.wp-block-button__link,
[class*='wp-block-gutentor-'] .gutentor-button.gutentor-single-item-button,
[class*='wp-block-gutentor-'] .gutentor-button.gutentor-show-less-button,
[class*='wp-block-gutentor-'] .gutentor-button.gutentor-block-button,
.wpcf7-form-control.wpcf7-submit {
  color: var(--ff-theme-bg);
  background-color: var(--ff-theme-primary);
  border-radius: 9999px !important;
  border: 1px solid var(--ff-theme-bg);
  font-size: 16px !important;
  font-family: FrogWoad;
  text-decoration: none;
  font-weight: bold;
  height: auto;

  &.has-small-font-size {
    padding: 4px 12px;

    &.rvp-ravelry-button {
      padding-right: 20px;
    }
  }

  &:hover {
    color: var(--ff-theme-tertiary);
    background-color: var(--ff-theme-secondary-light);
  }

  /* in case it's a block that wraps the link */
  a {
    color: var(--ff-theme-bg);
    text-decoration: none;
    height: auto;
    padding: calc(.667em + 2px) calc(1.333em + 2px);

    &:hover {
      text-decoration: none;
      color: var(--ff-theme-tertiary);
      background-color: var(--ff-theme-secondary-light);
    }
  }
}

.cta .wp-block-button__link {
  font-size: 20px !important;
  font-weight: bold;
  /* padding-bottom: 10px !important; */
  background-color: var(--ff-theme-other);

  &:hover {
    background-color: var(--kst-primary);
    color: var(--ff-theme-bg);
  }
}

/* rounded corner images */
.gutentor-image-thumb img,
.wp-block-media-text__media img,
.gb-block-post-grid-image img,
figure img,
article video {
  border-radius: var(--ff-theme-radius);
}

/* round images */
.circle-image {
  border-radius: 9999px;
}

.wp-block-image .alignleft {
  max-width: 33% !important;
  margin-right: 2em;
}

pre.wp-block-verse {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
}

.wp-block-separator {
  margin-left: 35%;
  margin-right: 35%;
}

.wp-block-separator.is-style-wide {
  margin-left: 0;
  margin-right: 0;
}

/*make an entire post a link*/
a.post-wrap {
  height: 100%;
  display: block;
}

.read-more {
  text-align: center;
  margin-top: -5px;
}

.read-more span {
  display: inline-block;
  border-radius: 50%;
  padding: .15em .5em .3em;
  line-height: 1;
  font-size: 2em;
  /*border: 1px solid rgba(255,255,255,.5);*/
  text-align: center;
  background-color: rgba(0, 0, 0, .6);
  box-shadow: 0 0 6px 0px #ccc;
}

.entry-title .read-more {
  display: inline-block;
  margin: 0 0 0 1em;
  font-size: 60%;
  vertical-align: 8px
}

.entry-title .read-more span {
  line-height: 1;
  font-size: 1em;
  color: white;
}

.site-title {
  margin-block: 29px 0;
}

.site-title a {
  color: var(--ff-theme-tertiary);
}

/*navigation fix*/
.site-nav {
  width: 98%;
  padding: 0 2%;
  color: var(--ff-theme-tertiary);
  font-weight: 400;
  box-shadow: none;
  background-color: color-mix(in lab, var(--ff-theme-nav) 60%, transparent);
  border-bottom: 1px solid var(--ff-theme-outline);
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, .05);
}

.site-nav a:hover,
.menu-toggle:hover {
  color: var(--ff-theme-secondary)
}

.site-navigation li.facebook a,
.site-navigation li.flickr a,
.site-navigation li.instagram a {
  background: transparent;
  border-radius: 50%;
}

.site-navigation li.facebook a:hover,
.site-navigation li.flickr a:hover,
.site-navigation li.instagram a:hover {
  background: var(--ff-theme-secondary);
}

.main-navigation ul {
  margin-right: 20px;
  font-family: FrogWoad;
}

.main-navigation ul ul {
  background-color: var(--ff-theme-nav);
  background-color: var(--ff-theme-nav);
}

.main-navigation ul li>a {
  padding: 34px 14px 26px;
  color: var(--ff-theme-tertiary);
  text-shadow: none;
}

.main-navigation a:hover {
  background-color: var(--ff-theme-secondary-light);
}

.main-small-navigation .main-menu {
  background: var(--ff-theme-bg);

  a {
    color: var(--ff-theme-tertiary)
  }

  a:hover {
    color: var(--ff-theme-secondary);
  }

  li {
    padding-block: 10px;
  }

  .facebook,
  .instagram,
  .flickr,
  .ravelry {
    font-size: 0;
    display: inline-block;

    a {
      width: 30px;
      height: 30px;
      overflow: hidden;
      padding: 0 10px;
    }

    a:hover {
      padding: 0 10px;
    }

    a:before {
      width: 24px;
      height: 24px;
      display: inline-block;
      padding-right: 4px;
    }
  }
}

.main-navigation ul.main-menu>li:hover ul,
.main-navigation ul.main-menu>li:hover>a {
  background-color: var(--ff-theme-secondary-light);
}

body.page .main-small-navigation,
body.single .main-small-navigation {
  right: 35px;
}

.main-small-navigation .menu_item_wpglobus_menu_switch .sub-menu {
  display: block !important;
}

#primary .nav-next {
  border: none;
}

.nav-wrap {
  display: flex;
  justify-content: space-between;
}

.nav-previous a,
.nav-next a {
  background-color: unset;
}

.hentry {
  height: 650px;
  /*height: 795px;*/
}

/* .ff-revers-header works together with full-frame-shena theme */
.entry-inner .ff-content-wrap,
.ff-revers-header .ff-content-header {
  background: #fff7e7bb;
  border-radius: var(--ff-theme-radius);
  padding: 1em;

  .entry-title a,
  .entry-title,
  .entry-content {
    color: var(--ff-theme-tertiary);
    font-weight: 600;
    text-shadow: unset;
  }

  .entry-content {
    border-color: transparent;
    padding-top: 0;
  }

  .entry-title.entry-sub-title {
    margin-bottom: 0;
  }
}

.single .ff-content-wrap {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;

  .ff-content-header {
    max-width: 80%;
    width: -webkit-fill-available;
    margin-inline: auto;
  }

  h1.entry-title {
    padding-top: 0;
  }

  .entry-title.entry-sub-title {
    margin-bottom: 0;
  }
}

.video-post.format-video {
  height: auto;
}

.video-post.format-video .entry-inner {
  padding-top: 2em;
  padding-bottom: 0;
}

.video-post.format-video .video-wrap {
  padding: 0;
  max-width: 100%;
  margin-bottom: 0;
}

.video-post.format-video .video-wrap>p {
  display: none;
}

.video-post.format-video .video-wrap .arve-wrapper {
  margin-bottom: 0;
}

/*.category .format-video .video-wrap .arve-wrapper{
  width: 50%;
  float: left;
}
.category .format-video .video-wrap p{
  margin-left: 52%;
  color: white;
  display: block;
  width: 40%;
}*/
.full-width {
  margin-left: -13%;
  margin-right: -13%;
}

.clear-area:after {
  content: "";
  display: table;
  clear: both;
}

.shena-video-category .video-wrap {
  float: left;
  width: 50%;
  clear: none;
}

.shena-video-category-item {
  float: right;
  width: 40%;
  margin: 0 5%;
}

.video-post.format-video .shena-video-category-type-1 {
  padding: 1em;
}

.video-post.format-video .shena-video-category-type-1 .shena-video-category-item {
  padding-top: 2em;
}

.video-post.format-video .shena-video-category-type-1 .video-wrap {
  margin-top: 0;
}

.page-subtitle {
  display: block;
  font-family: FrogWoad;
  font-size: var(--wp--preset--font-size--small);
  line-height: 1.3;
  color: inherit;
}

/*colums*/
[class*="col-"] {
  /* float: left; */
  box-sizing: border-box;
}

.col-left-narrow,
.col-right-narrow {
  width: 33.33333333%;
  padding: 0 15px;
}

.col-left-wide,
.col-right-wide {
  width: 66.66666666%
}

/*don't show the post date*/
.entry-meta {
  display: none;
}

.entry-meta a,
.single .entry-inner .entry-meta a {
  color: var(--ff-theme-tertiary);

  &:hover {
    color: var(--ff-theme-other);
    text-decoration: underline;
  }
}

#footer-widgets {
  background-color: var(--ff-theme-secondary-light);
}

footer.entry-meta {
  display: block;
  margin-top: 1em;
}

footer .headshot {
  border-radius: 50%;
}

h1.widget-title,
h4.widget-title {
  margin-bottom: .5em;
}

/* link colors for widgets and comments */
#colophon,
#colophon a,
#comments a {
  color: unset;
}

#colophon a:hover,
#comments a:hover,
#comments a:focus {
  color: unset;
}

/*fix override colors in blog headers*/
.widget_recent_entries li a [style*="color"] {
  color: var(--ff-theme-bg);
}

.widget_recent_entries li a:hover [style*="color"] {
  color: var(--ff-theme-secondary);
}

.search-results article .entry-title [style*="color"] {
  color: initial !important;
}

/* .single .entry-inner .entry-meta a{
  color: #666;
} */

.site-info {
  background-color: var(--ff-theme-tertiary);

  p {
    text-align: center;
    color: var(--ff-theme-bg)
  }

  #colophon,
  #colophon a,
  #comments a {
    color: var(--ff-theme-bg);
  }
}

/*related posts*/
.yarpp-related-widget h3 {
  color: var(--ff-theme-tertiary);
}

nav .yarpp-related {
  margin: 0 0 2em;
}

nav .yarpp-related h3 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
}

nav .yarpp-related a {
  clear: both;
  font-weight: normal !important;
  letter-spacing: 2px;
  margin-bottom: 2em;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 0;
}

/*breadcrumbs*/
/*top of picture*/
div#breadcrumbs-wrap {
  position: absolute;
  top: -28px;
  right: 0;
  border-radius: 0 0 7px 7px;
  padding: 2px 10px 0;
  background-color: rgba(255, 255, 255, .3);
  font-size: .85em;
  border-radius: 5px 0 0 0;
}

#breadcrumbs {
  display: inline-block;
}

p#breadcrumbs>span>span>a {
  display: none;
}

p#breadcrumbs a {
  text-decoration: none;
  color: #9f9f9f;
  text-shadow: 0 0 2px #444;
}

p#breadcrumbs a:hover {
  text-decoration: underline;
}

p#breadcrumbs a:after {
  display: inline-block;
  padding: 0 4px;
  content: "»";
}

#breadcrumbs-wrap .breadcrumb-img {
  text-decoration: none;
  color: var(--ff-theme-tertiary);
  display: inline-block;
}

#breadcrumbs-wrap.page .breadcrumb-img {
  margin-right: 0;
}

/* #breadcrumbs-wrap .breadcrumb-img:after {
  display: inline-block;
  border: 2px solid #9f9f9f;
  border-radius: 1px;
  width: 8px;
  height: 8px;
  content: " ";
  margin-left: 3px;
  vertical-align: -1px;
  background-color: #ccc;
} */

#breadcrumbs-wrap a:hover {
  text-decoration: underline;
}

.breadcrumb-img {
  text-decoration: none;
}

/* Posts? */
body.search #primary article {
  background-color: transparent;
}

/*Blockquote*/
blockquote {
  position: relative;
  margin: 2em 1em;
  text-indent: 2em;
  border-color: var(--ff-theme-primary);
}

.entry-content blockquote:before {
  position: absolute;
  left: -32px;
  top: 12px;
  color: var(--ff-theme-secondary);
  content: "“";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  /* vertical-align: -0.2em; */
}

.entry-content blockquote p {
  margin-bottom: .25em;
}

.entry-content blockquote cite {
  color: var(--ff-theme-tertiary);
}

.entry-content blockquote cite:before {
  content: "- ";
}

.entry-content blockquote span[style="text-decoration: underline;"] {
  display: block;
  float: right;
  margin: 0;
  text-align: right;
  font-size: .9em;
  font-style: italic;
  text-decoration: none !important;
}

body.page .entry-inner {
  /* box-shadow: 0 -8px 8px -6px rgba(0, 0, 0, 0.1); */
  box-shadow: none;
}

/* normal pages don't need extra space*/
body.page .entry-inner>.entry-content {
  padding-top: 0;
}

body.page .entry-inner>.entry-content:after {
  content: "";
  display: table;
  clear: both;
}

.single header.entry-header,
body.page header.entry-header,
body.search header.page-header {
  background-size: cover;
  height: 450px;
}

/* Simple template */
body.page-template-template-simple-php {
  header.entry-header {
    height: auto;
  }

  h1.entry-title {
    padding-top: 40px;
    /* color: unset;
    text-shadow: none; */
  }

  .entry-inner {
    box-shadow: none;
  }
}

/* Short header template */
body.page-template-template-short-header-php {
  header.entry-header {
    height: 100px;
  }

  h1.entry-title {
    padding-top: 34px;
  }
}

.archive .hentry:nth-of-type(even) {
  .entry-inner {
    margin-left: 63%;
  }
}

/*Sticky posts on top of categories and such*/
.archive .post_format-post-format-status.hentry {
  height: auto;
  -webkit-filter: grayscale(85%);
  -moz-filter: grayscale(85%);
  -ms-filter: grayscale(85%);
  -o-filter: grayscale(85%);
  filter: grayscale(85%);
  filter: url(grayscale.svg);
  /* Firefox 4+ */
  filter: gray;
  /* IE 6-9 */
}

.archive .post_format-post-format-status.hentry .entry-inner {
  width: 100%;
  height: 114px;
  background: rgba(0, 0, 0, 0.8);
  margin: 0;
  padding: 2em 0 3px;
  border-bottom: 1px solid var(--ff-theme-bg);
}

.archive .page-title {
  display: none;
}

.archive .post_format-post-format-status.hentry .entry-header,
.page-template-page-gallery .hentry .entry-header {
  float: right;
  width: 31%;
  /* padding-right: 9%; */
}

.archive .post_format-post-format-status.hentry .entry-header .entry-title,
.page-template-page-gallery .hentry .entry-header .entry-title {
  /* font-size: 2.5em; */
  /* text-align: right; */
  margin-top: .7em;
  text-shadow: 0 0 2px #444;
  color: var(--ff-theme-bg);
}

.archive .post_format-post-format-status.hentry .entry-content,
.page-template-page-gallery .hentry .entry-content>p:first-child {
  float: left;
  width: 55%;
  border: 0;
  padding-top: 0;
  padding-left: 5%;
}

.page-template-page-gallery .hentry .entry-content .gallery {
  clear: both;
}

.single {
  .entry-title {
    text-shadow: 0 0 5px black;
  }

  h1.entry-title {
    width: -webkit-fill-available;
  }
}

.single .has-subtitle h1.entry-title {
  font-size: 100%;
}

.single h2.entry-sub-title {
  font-family: 'Josefin Sans';
  font-size: 1em;
}

.single .entry-title span {
  white-space: nowrap;
}

body.home .entry-content,
body.archive .entry-content {
  text-shadow: 0 0 3px #444;
}

.single .has-subtitle h2.entry-title {
  display: block;
}

/*lightbox background*/
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background: rgba(0, 0, 0, 0.9);
}

/*search page*/
body.search {
  background: var(--ff-theme-tertiary);
}

body.search header.page-header {
  height: auto;
}

body.search #primary .page-title {
  padding-top: 2em;
  font-size: 1.5em;
  text-transform: capitalize;
  font-weight: 200;
}

body.search #primary .page-title span {
  font-size: 120%;
  font-family: 'Junge';
  text-transform: uppercase;
}

.img-caption {
  /*opacity: .4;*/
  color: white;
  /*font-size: 1.5em;*/
  line-height: 1.5;
  text-shadow: 0 0 2px #444;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* padding-bottom: .5em; */
  margin-bottom: 0.3em;
  text-align: center;
  background-color: var(--ff-theme-bg);
  display: block;
}

/*fix single column for temporary download resume*/
.page-about .mt-sc-grid_4.alpha>div {
  position: relative;
}

/*gallery page template*/

.gallery .gallery-item {
  margin-bottom: -1%;
}

body.page-template-page-gallery .entry-inner {
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  margin: 0;
  padding: 1em 0 3px;
  max-width: 100%;
  color: white;
}

body.page-template-page-gallery .entry-inner>.entry-content {
  background: var(--ff-theme-bg);
  padding-top: 36px;
  padding-bottom: 36px;
}

body.page-template-page-gallery .hentry {
  height: auto;
  margin-bottom: 0;
}

body.page-template-page-gallery header.entry-header {
  height: auto;
}

body.page-template-page-gallery h1.entry-title {
  color: var(--ff-theme-secondary);
  padding-top: 0;
  width: 100%;
  max-width: auto;
  margin: 0 auto;
  text-align: center;
}

body.page-template-page-gallery .gallery-item {
  position: relative;
}

body.page-template-page-gallery .gallery-item .gallery-caption {
  opacity: 1 !important;
  color: white;
  font-size: 1.5em;
  line-height: 1;
  text-shadow: 0 0 2px #444;
  pointer-events: none;
}

body.page-template-page-gallery .has-featured-image header.entry-header {
  box-shadow: none;
  padding-bottom: 63px;
  float: none;
  width: auto;
  /* margin-top: 0; */
}

body.page-template-page-gallery [class*="gb-layout-col"] {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

body.page-template-page-gallery [class*="gb-layout-col"] .is-position-bottom-center {
  align-items: stretch;
}

body.page-template-page-gallery [class*="gb-layout-col"] .is-position-bottom-center .wp-block-cover__inner-container {
  /* background-color: rgba(0,0,0,0.7); */
  width: 100%;
}

body.page-template-page-gallery [class*="gb-layout-col"] .is-position-bottom-center .wp-block-cover__inner-container p {
  margin-bottom: 0;
  height: 100%;
}

body.page-template-page-gallery [class*="gb-layout-col"] .is-position-bottom-center .wp-block-cover__inner-container p a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: white;
  font-weight: bold;
  text-shadow: 0 0 5px var(--ff-theme-bg);
}

body.page-template-page-gallery [class*="gb-layout-col"] .is-position-bottom-center .wp-block-cover__inner-container p a:before {
  /* background-color: rgba(0,0,0,0.7); */
  content: " ";
  padding-top: 97%;
  display: block;
}

body.page-template-page-gallery [class*="gb-layout-col"] .is-position-bottom-center .wp-block-cover__inner-container p a:after {
  /* background-color: rgba(0,0,0,0.3); */
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
}

body.page-template-page-gallery [class*="gb-layout-col"] .is-position-bottom-center .wp-block-cover__inner-container p a:hover {
  color: var(--ff-theme-bg);
  text-shadow: 0 0 5px white;
}

.gallery-item .gallery-caption {
  font-size: 1em;
  font-style: normal;
}

.gallery-columns-4 .attachment-thumbnail {
  max-width: 100%;
}


/*contact form*/

body.page.page-contact h1.entry-title {
  text-align: left;
}

.wpcf7-form {
  width: 100%;
}

.wpcf7-form label {
  display: block;
  text-align: left;
}

.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
  padding: 5px;
  font-size: 1.2em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.wpcf7-form .wpcf7-submit {
  text-align: center;
  font-size: 26px;
  line-height: 1 !important;
  cursor: pointer;
  padding: 0.5em 1.2em;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
}

.wpcf7-form .wpcf7-submit:hover {
  box-shadow: inset 0 0 200px rgb(255 255 255 / 15%);
}

.wpcf7-form div.wpcf7-response-output {
  margin: 1em 0;
  border-radius: 4px;
}

.wpcf7-form div.wpcf7-validation-errors {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.wpcf7-form div.wpcf7-mail-sent-ok {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

/*error - red*/
/*color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;

/*override display of captions*/
.justified-gallery>a>.caption.caption-visible {
  display: none !important;
}

/*404*/
body.error404 {
  background: url('http://shena.me/wp-content/uploads/2015/12/404errorwide.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

article.error404 {
  padding: 12em;
}

article.error404 .entry-content {
  color: var(--ff-theme-bg);
}

.widgets404 .widget-area {
  color: var(--ff-theme-bg);
  text-align: center;
}

.widgets404 a {
  color: var(--ff-theme-bg);
}

.widgets404 .widget-area ul {
  list-style-type: none;
  margin-left: 0;
}

.widget_recent_entries li {
  padding-bottom: .5em;
}


.entry-content>p:first-child:first-letter {
  float: none;
  font-size: inherit;
  line-height: initial;
  padding-right: initial;
  padding-top: initial;
  padding-left: initial;
  font-family: inherit;
}

/*grid cleanup*/
.entry-content [class*='mt-sc-grid_']>p:not(:empty):first-child:first-letter,
.entry-content [class*='mt-sc-grid_']>p:empty+p:first-letter {
  float: left;
  font-size: 365%;
  line-height: 0.7;
  padding-right: 8px;
  padding-left: 3px;
  padding-top: 7px
}

.mt-sc-grid_6+br {
  display: none;
}

.grid-wide.gutentor-dynamic-columns .grid-container,
.grid-wide.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}

.gutentor-show-more,
.gutentor-show-more .gutentor-more-content .gutentor-single-item-desc {
  .gutentor-title {
    margin-bottom: .5em;
  }

  p {
    line-height: 1.5;
  }
}

.ssba.ssba-wrap a {
  width: 17px;
  height: 20px;
  padding: 5px 5px 3px 6px;
  background: #999;
  border-radius: 50%;
  overflow: hidden;
  margin: 27px 6px
}

.ssba a img {
  display: none !important;
}

.ssba a[class*="ssba_"]:before {
  color: #111;
  font-family: fullframe;
  font-weight: normal;
}

.ssba a.ssba_facebook_share:before {
  content: "\e004";
}

.ssba a.ssba_twitter_share:before {
  content: "\e003";
}

.ssba a.ssba_email_share {
  padding: 4px 4px 4px 4px;
}

.ssba a.ssba_email_share:before {
  content: "\2709";
  /* font-family: "Times", "Times New Roman", "serif"; */
  font-weight: bold;
  font-size: 180%;
  vertical-align: -3px;
}

.single .ssba.ssba-wrap a {
  background: #444;
}

.single .ssba a[class*="ssba_"]:before {
  color: var(--ff-theme-bg);
}

.space-before-md {
  margin-top: 1em;
}

/*Video Gallery by YotuWP*/
div.yotu-videos .yotu-video .yotu-video-title {
  color: inherit;
  font-size: revert;

}

div.yotu-videos .yotu-video-description {
  font-size: revert;
  color: inherit;
}

div.yotu-videos li>a {
  color: inherit;
}


/* Instagram list */
.display-posts-listing.grid {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
}

.listing-item {
  flex-grow: 1;
  border: none;
  margin: 0;
  padding: 0;
}

.listing-item img {
  max-width: 100% !important;
}

.mt-inst-post video {
  max-width: 100%;
}

.mt-inst-post,
.mt-inst-post:hover {
  text-decoration: none;
}

.mt-inst-post-text {
  color: var(--ff-theme-tertiary);
}

.mt-inst-post-link {
  display: block;
  margin-bottom: 2em;
}

.display-posts-listing .yarpp-related {
  display: none;
}

.sm-grid .mt-inst-post-link {
  margin-bottom: 1em;
}

.sm-grid .mt-inst-post-text {
  display: block;
  padding: 0 15px;
}

.sm-grid .sm-grid-boxes-quote {
  margin-bottom: 15px;
}

.sm-grid .grid-sm-boxes-in .sm-post-title a {
  font-family: 'Junge';
  text-transform: uppercase;
  color: var(--ff-theme-tertiary);
  text-decoration: none;
  font-size: 18.72px;
}

.sm-grid .grid-sm-boxes-in .sm-post-title a:hover {
  text-decoration: underline;
}

.sm-grid .wp-block-video figcaption {
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}

.sm-grid .grid-sm-border p {
  padding-left: 15px;
  padding-right: 15px;
}

/* Utiltiy classes */
.has-background-dim a {
  color: var(--ff-theme-bg);
}

.has-background-dim a:hover {
  color: var(--ff-theme-secondary);
}

.no-mb {
  margin-bottom: 0;
}

.wp-block-cover a {
  color: var(--ff-theme-bg);
}

.wp-block-cover a:hover {
  color: var(--ff-theme-secondary);
}

/* Social Icons */
/* THIS IS AN OVERRIDE from the Full-frame theme that loads fullframe font instead. It's commented out there */
.facebook a:before,
.instagram a:before,
.flickr a:before {
  position: relative;
  left: -1px;
  top: 2px;
}

/* facebook is now Ravelry */
.facebook a:before {
  content: url('data: image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23.972%2010.784c-.06-.511-.084-1.03-.186-1.531a15%2015%200%200%200-.475-1.81%209.1%209.1%200%200%200-1.526-2.841c-.295-.369-.594-.74-.93-1.072a11.7%2011.7%200%200%200-2.329-1.786A12%2012%200%200%200%2015.724.526%2021%2021%200%200%200%2014.068.15c-.336-.065-.68-.082-1.02-.123-.015-.001-.03-.018-.044-.027h-1.596c-.12.02-.237.045-.358.057a9%209%200%200%200-1.692.35c-.684.202-1.335.48-1.966.809A14%2014%200%200%200%205.511%202.41c-.306.228-.607.462-.89.717-.501.455-1.006.911-1.478%201.397A12%2012%200%200%200%201.48%206.697%2010.2%2010.2%200%200%200%20.468%208.9a10%2010%200%200%200-.38%201.718%2010%2010%200%200%200-.077%201.756c.033.666.094%201.329.218%201.988a11.3%2011.3%200%200%200%20.827%202.634%2010.4%2010.4%200%200%200%202.488%203.358%2012.4%2012.4%200%200%200%202.066%201.511%2014.3%2014.3%200%200%200%202.762%201.25%2013%2013%200%200%200%202.01.486c.3.05.605.062.909.092.02.003.04.02.059.028h1.595c.124-.019.247-.046.372-.056.808-.066%201.587-.263%202.347-.53.85-.297%201.666-.679%202.42-1.177.48-.319.958-.647%201.42-.993.285-.215.543-.47.806-.714q.292-.277.568-.569a11.5%2011.5%200%200%200%201.554-2.058c.471-.792.857-1.626%201.102-2.516a21%2021%200%200%200%20.346-1.564c.052-.261.062-.53.093-.796.001-.015.017-.03.027-.044v-1.832c-.01-.03-.025-.058-.028-.088m-7.962-.057s-.82-.147-1.408-.147c-1.343%200-1.658.737-1.658%201.83v4.63H9.31V7.614h3.633v1.578c.44-1.326%201.323-1.789%203.066-1.789z%22%2F%3E%3C%2Fsvg%3E')
    /* content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M14.3 6c-.4.2-.6.6-.6 1v1.4h3.9v5.1h-3.9v10.3h-5V13.4H4.8V8.3h3.9V5.6c0-.6.2-1.4.4-2 .2-.6.7-1.2 1.1-1.7.6-.4 1.2-.8 2-1.2.8-.4 1.6-.4 2.3-.4h4.3v5.3h-3.9s-.2.2-.6.4z"/></svg>'); */
}

.instagram a:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1.1 22.8c-.5-.5-.8-1.2-.8-1.9V3A2.732 2.732 0 013 .3h17.9A2.732 2.732 0 0123.6 3v17.9a2.732 2.732 0 01-2.7 2.7H3c-.7-.1-1.4-.3-1.9-.8zm17.8-12.6c.2.6.2 1.2.2 1.8 0 1-.2 1.9-.6 2.8s-.8 1.6-1.5 2.2-1.4 1.2-2.3 1.5-1.8.6-2.8.6-1.9-.2-2.8-.6-1.5-.8-2.2-1.5-1.2-1.4-1.5-2.3-.6-1.8-.6-2.8c0-.6.1-1.2.2-1.8H3V20c0 .3.1.5.3.6.2.2.4.2.7.2h16c.3 0 .5-.1.6-.2s.2-.4.2-.6v-9.8h-1.9zM8.8 8.8c-.9.9-1.3 1.9-1.3 3.1 0 .6.1 1.2.3 1.8.2.6.5 1 1 1.4s.9.7 1.4 1 1.1.3 1.7.3 1.2-.1 1.8-.3 1-.5 1.4-1 .7-.9 1-1.4c.2-.6.3-1.1.3-1.8 0-.6-.1-1.2-.3-1.7s-.5-1-1-1.4-.9-.7-1.4-1-1.1-.3-1.7-.3c-1.3 0-2.3.4-3.2 1.3zm11.9-5.5c-.2-.2-.4-.3-.7-.3h-2.7c-.3 0-.5.1-.6.3-.2.2-.2.4-.2.7v2.6c0 .3.1.5.2.7s.4.3.6.3H20c.3 0 .5-.1.6-.3s.2-.4.2-.7V3.9c.1-.2 0-.5-.1-.6z"/></svg>');
}

.flickr a:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.2 14c-.3.6-.6 1.2-1.1 1.6s-1 .8-1.6 1.1-1.3.4-2 .4-1.4-.1-2-.4c-.6-.3-1.2-.6-1.6-1.1S1 14.6.8 14c-.3-.6-.4-1.3-.4-2s.1-1.4.4-2 .6-1.2 1.1-1.6c.5-.5 1-.8 1.6-1.1.6-.3 1.3-.4 2-.4s1.4.1 2 .4 1.2.6 1.6 1.1.8 1 1.1 1.6.4 1.3.4 2-.1 1.3-.4 2zM23 14c-.3.6-.6 1.2-1.1 1.6s-1 .8-1.6 1.1-1.3.4-2 .4-1.3-.1-2-.4-1.2-.6-1.6-1.1-.8-1-1.1-1.6c-.3-.6-.4-1.3-.4-2s.1-1.4.4-2 .6-1.2 1.1-1.6c.5-.5 1-.8 1.6-1.1s1.3-.4 2-.4 1.4.1 2 .4 1.2.6 1.6 1.1.8 1 1.1 1.6.4 1.3.4 2-.2 1.3-.4 2z"/></svg>');
}

.main-navigation ul.main-menu>li.facebook:hover>a,
.main-navigation ul.main-menu>li.flickr:hover>a,
.main-navigation ul.main-menu>li.instagram:hover>a {
  background: var(--ff-theme-secondary);
}

.single-post .entry-content>p:first-child,
.single-post .entry-content>[class*="callout"]+p,
.single-post .entry-content>.wp-block-columns>.wp-block-column>p:first-child {
  font-size: 1.5em;
}

.single-post .entry-content>p:first-child a,
.single-post .entry-content>[class*="callout"]+p a,
.single-post .entry-content>.wp-block-columns>.wp-block-column>p:first-child a {
  font-size: initial;
}

.single-post .entry-content>p[class*="callout"] {
  font-size: inherit;
}

.callout-right {
  float: right;
  padding: 10px 0 10px;
}

.callout-left {
  float: left;
  padding: 10px 10px 10px 0;
}


/* Post and Page Grid with alternate posts */
.kt-alternate-post-layout {
  .gb-block-post-grid-image img {
    aspect-ratio: 1;
    border-radius: var(--ff-theme-radius);
    object-fit: cover;
  }

  article:nth-of-type(even) {
    grid-template-columns: 1fr 30%;

    .gb-block-post-grid-image {
      order: 2;
    }
  }
}

.kt-switch-columns {
  .wp-block-column:first-child {
    order: 2;
  }
}

/* Gutenor overrides */
.mt-grid-reset .gutentor-col-wrap {
  float: none;
}

.gutentor-advanced-post-module .grid-container {
  width: auto;
}


.wp-block-genesis-blocks-gb-accordion.gb-block-accordion details,
.gb-block-accordion .gb-accordion-title {
  background-color: transparent;
  border-radius: var(--ff-theme-radius);
  cursor: pointer;
}

.gb-block-accordion .gb-accordion-title {
  text-indent: -15px;
  margin-left: 15px;

  &:hover {
    text-decoration: underline;
  }
}

.tag-customizable {

  .gb-block-post-grid-image,
  .gutentor-post-image-box {
    position: relative;

    &::after {
      content: "Customizable";
      position: absolute;
      top: 10px;
      right: 10px;
      display: block;
      white-space: nowrap;
      width: auto;
      height: auto;
      background-color: color-mix(in srgb, var(--ff-theme-primary), transparent 20%);
      color: var(--ff-theme-bg);
      padding: 1px 8px;
      z-index: 999;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      font-size: 14px;
    }
  }
}

.tag-is-customizable {
  display: inline-block;
  float: right;
  margin: 10px 20px 0 0;
  white-space: nowrap;
  width: auto;
  height: auto;
  background-color: color-mix(in srgb, var(--ff-theme-primary), transparent 20%);
  color: var(--ff-theme-bg);
  padding: 1px 8px;
  z-index: 999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 14px;
}

/* import ravelry posts */
.rvp-header-with-action .wp-block-heading {
  margin: 0;
}

p>.rvp-ravelry-button {
  display: block;
  width: fit-content;
  margin-block: 10px;
}

p .rvp-free-pattern {
  display: block;
  color: var(--ff-theme-other);
}

.rvp-ravelry-button a:before,
a.rvp-ravelry-button:before {
  content: url('data: image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff7e7%22%20d%3D%22M23.972%2010.784c-.06-.511-.084-1.03-.186-1.531a15%2015%200%200%200-.475-1.81%209.1%209.1%200%200%200-1.526-2.841c-.295-.369-.594-.74-.93-1.072a11.7%2011.7%200%200%200-2.329-1.786A12%2012%200%200%200%2015.724.526%2021%2021%200%200%200%2014.068.15c-.336-.065-.68-.082-1.02-.123-.015-.001-.03-.018-.044-.027h-1.596c-.12.02-.237.045-.358.057a9%209%200%200%200-1.692.35c-.684.202-1.335.48-1.966.809A14%2014%200%200%200%205.511%202.41c-.306.228-.607.462-.89.717-.501.455-1.006.911-1.478%201.397A12%2012%200%200%200%201.48%206.697%2010.2%2010.2%200%200%200%20.468%208.9a10%2010%200%200%200-.38%201.718%2010%2010%200%200%200-.077%201.756c.033.666.094%201.329.218%201.988a11.3%2011.3%200%200%200%20.827%202.634%2010.4%2010.4%200%200%200%202.488%203.358%2012.4%2012.4%200%200%200%202.066%201.511%2014.3%2014.3%200%200%200%202.762%201.25%2013%2013%200%200%200%202.01.486c.3.05.605.062.909.092.02.003.04.02.059.028h1.595c.124-.019.247-.046.372-.056.808-.066%201.587-.263%202.347-.53.85-.297%201.666-.679%202.42-1.177.48-.319.958-.647%201.42-.993.285-.215.543-.47.806-.714q.292-.277.568-.569a11.5%2011.5%200%200%200%201.554-2.058c.471-.792.857-1.626%201.102-2.516a21%2021%200%200%200%20.346-1.564c.052-.261.062-.53.093-.796.001-.015.017-.03.027-.044v-1.832c-.01-.03-.025-.058-.028-.088m-7.962-.057s-.82-.147-1.408-.147c-1.343%200-1.658.737-1.658%201.83v4.63H9.31V7.614h3.633v1.578c.44-1.326%201.323-1.789%203.066-1.789z%22%2F%3E%3C%2Fsvg%3E');
  width: 24px;
  height: 24px;
  display: inline-block;
  padding-right: 8px;
  transform: translateY(4px);
}

/* gremlines */
[class*="gremline-"] {
  background-repeat: no-repeat;
  background-position: top right;
  height: 100px !important;
  filter: opacity(0.4) sepia(1);
  margin-top: -20px;
}

.entry-content {
  [class*="gremline-"] {
    margin: -30px -15% 0;
    height: 70px !important;
  }

  .gremline-violin {
    height: 100px !important;
  }

  .gremline-sock {
    height: 77px !important;
  }
}

.page-about {
  .gremline-shena {
    height: 90px !important;
  }
}

.gremline-left {
  transform: scaleX(-1);
}

.gremline-yarn {
  background-image: url(../images/ball-of-yarn-separator-sm.png);
}

.gremline-shena {
  background-image: url(../images/gremline-shena.png);
}

.gremline-sock {
  background-image: url(../images/gremline-sock.png);
}

.gremline-wheel {
  background-image: url(../images/gremline-wheel.png);
}

.gremline-violin {
  background-image: url(../images/gremline-violin.png);
}

.kst-not-found {
  background-image: url(../images/ball-of-yarn-separator-sm.png);
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 75px;
  border: none;
  filter: sepia(1);
}

.full-bleed-golden-earth {
  color: var(--ff-theme-bg) !important;
  box-shadow: 0 0 0 100vmax var(--ff-theme-secondary);
  clip-path: inset(0 -100vmax);
  border-radius: 0;
  padding-top: 50px;

  .gb-block-post-grid header .gb-block-post-grid-title a {
    color: var(--ff-theme-bg) !important;
  }
}

.home-feature .gutentor-bg-image {
  border-radius: var(--ff-theme-radius);
  border: 1px solid transparent;
}

/* larger screens only */
@media screen and (min-width: 768px) {

  .single .entry-inner,
  .single #nav-below,
  .single #comments,
  body.page .entry-inner,
  body.page #nav-below,
  body.page #comments,
  body.search .entry-wrap,
  body.search #nav-below {
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 10%;
  }

  body.page-template-page-gallery .entry-inner {
    padding: 50px 0;
  }

  .entry-content:after {
    content: "";
    display: table;
    clear: both;
  }

  .mt-inst-post-img {
    float: left;
    margin-right: 20px;
    width: 50%;
    margin-bottom: 20px;
  }

  .display-posts-listing.left-image .listing-item {
    margin-bottom: 1em;
  }

  .display-posts-listing.left-image .listing-item .excerpt-dash {
    display: none;
  }

  .display-posts-listing.left-image .listing-item .title {
    font-weight: 500;
    line-height: 1em;
    text-decoration: none;
    padding: 5px 0;
  }

  .display-posts-listing.left-image .listing-item .title {
    font-weight: 500;
    line-height: 1em;
    text-decoration: none;
    padding: 0 0 5px 0;
    font-family: 'Junge';
    font-size: 18.72px;
    display: block;
    color: inherit;
    text-transform: uppercase;
  }

  .display-posts-listing.left-image .listing-item .title:hover {
    text-decoration: underline;
  }

  .display-posts-listing.left-image .listing-item:after {
    content: "";
    display: table;
    clear: both;
  }

  .display-posts-listing.left-image .image {
    float: left;
    margin-right: 20px;
    width: 30%;
  }

  .sm-grid .mt-inst-post-img {
    display: block;
    width: 100%;
    float: none;
  }

  .sm-grid .mt-inst-post-img:after {
    content: "";
    display: table;
    clear: both;
  }

  .sm-grid .mt-inst-post-link {
    margin-bottom: 0;
  }

  .sm-grid .mt-inst-post-text {
    padding: 0px 15px 15px;
    display: block;
  }

  .wp-block-cover__inner-container .has-text-align-left {
    width: 50%;
    margin-left: 10%;
  }

  .wp-block-cover__inner-container .has-text-align-right {
    width: 50%;
    margin-right: 10%;
  }

  /* gutentor post grid */
  .home-feature {
    h3 {
      font-size: 1em;
      text-transform: unset;
    }

    .gutentor-image-thumb img {
      max-height: 200px;
      width: 100%;
      object-fit: cover;
    }

    .gutentor-bg-image {
      border-radius: var(--ff-theme-radius);
      border: 1px solid transparent;

      .gtf-content {
        width: auto;
      }

      .gutentor-post-title {
        font-size: 20px;
      }

      &::after {
        content: "Customizable";
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        white-space: nowrap;
        width: auto;
        height: auto;
        background-color: color-mix(in srgb, var(--ff-theme-primary), transparent 20%);
        color: var(--ff-theme-bg);
        padding: 1px 8px;
        z-index: 999;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        font-size: 14px;
      }
    }
  }

  .home-feature.customizable .gutentor-image-thumb {
    position: relative;
    display: inline-block;
    /* Keeps the container the same size as the image */
    line-height: 0;
    /* Removes extra bottom spacing often found in images */


  }


  .paginator-column>div {
    float: none;
  }

  .gutentor-single-column .gutentor-pagination {
    display: flex;
    justify-content: center;
  }

  .gutentor-single-column .gutentor-element .gutentor-pagination-wrap .gutentor-pagination .gutentor-pagination-item {
    .gutentor-pagination-link {
      color: var(--ff-theme-tertiary);
      background-color: #eeeeee;

      &:hover {
        color: var(--ff-theme-tertiary);
        background-color: var(--ff-theme-secondary-light);
      }
    }

    &.gutentor-pagination-active .gutentor-pagination-link {
      color: var(--ff-theme-tertiary);
      background-color: var(--ff-theme-secondary);

      &:hover {
        color: var(--ff-theme-tertiary);
        background-color: var(--ff-theme-secondary-light);
      }
    }
  }

  /* masonry */
  .home-featured {

    #apbAdvancedPosts-1 .apbDefault,
    #apbAdvancedPosts-1 .apbSideImage {
      width: 100%;
    }

    .apbPost .apbThumb {
      background-position: unset;
      height: auto;
      padding-bottom: unset;
    }

    .apbPost .apbThumb img,
    .apbPost .apbThumb>a {
      height: auto;
      position: unset;
    }

  }

  .home-featured {
    max-width: 100%;
    margin: 0 auto;
    /* padding: 0 15px; */
  }

  /* width of advanced post masonry layout */
  @media (min-width: 576px) {
    .home-featured {
      max-width: 540px;
    }
  }

  @media (min-width: 768px) {
    .home-featured {
      max-width: 720px;
    }
  }

  @media (min-width: 992px) {
    .home-featured {
      max-width: 960px;
    }
  }

  @media (min-width: 1200px) {
    .home-featured {
      max-width: 1140px;
    }
  }

  #apbAdvancedPosts-1.home-featured .apbPost .apbText {
    padding: 0px 25px;
  }

  #apbAdvancedPosts-1.home-featured .apbPost .apbTitle,
  #apbAdvancedPosts-1.home-featured .apbPost .apbTitle a {
    font-size: 1em;
    text-transform: unset;
  }

  .text-side-by-side {
    margin: 20px auto;

    h2 {
      text-transform: unset;
    }
  }

  @media (min-width: 768px) {
    .kt-hero-split img {
      width: calc(100% - 40px);
      margin: 20px;
    }

    .text-side-by-side,
    .kt-hero .wp-block-cover__inner-container {
      /* max-width: 720px; */
    }
  }

  @media (min-width: 992px) {

    .text-side-by-side,
    .kt-hero .wp-block-cover__inner-container {
      max-width: 960px;
    }
  }

  @media (min-width: 1200px) {

    .text-side-by-side,
    .kt-hero .wp-block-cover__inner-container {
      max-width: 1140px;
    }
  }
}

/* Kajabi */
#kajabi-form.kajabi-form--inline {
  .kajabi-form__title {
    font-family: FrogWoad;
    color: var(--ff-theme-tertiary);
  }

  .kajabi-form__subtitle {
    margin-block-end: 0;
    font-family: 'Josefin Sans';
    font-size: 18px;
    color: var(--ff-theme-tertiary);
  }

  .kajabi-form__form-item input,
  .kajabi-form__form-item textarea,
  .kajabi-form__form-item select {
    background-color: white;
    font-family: 'Josefin Sans';
    font-size: 18px;
    color: var(--ff-theme-tertiary);
    padding-block: 0;
  }

  .kajabi-form__btn {
    border-radius: 50px;
    font-size: 26px;
    font-family: FrogWoad;
  }
}