/*
################
               CUSTOM STYLES
################
*/
:root {
  --color--near-black: #121214;
  --color--dark-matter: #262626;
  --color--dark-matter__light: #E3E1E9;
  --color--grey-matter: #63656D;
  --color--grey-matter__dark: #262626;
  --color--grey-matter__light: #A8A7AF;
  --color--grey-matter__light-plus: #E3E1E9;
  --color--blue-cassette: #0033FF;
  --color--blue-cassette__light: #62DAFF;
  --color--purple-rain: #8902FF;
  --color--purple-rain__light: #B874FF;
  --color--red-velvet: #E81D01;
  --color--red-velvet__light: #FF8AA6;
  --color--channel-orange: #F5950A;
  --color--channel-orange__light: #F4D04E;
  --color--bodak-yellow: #F1F607;
  --color--bodak-yellow__light: #E6F37B;
  --color--al-green: #7CF727;
  --color--al-green__light: #A6FF72;
}

#header .sticky-egg {
  display: none;
}

#header {
  padding: 20px 0 60px 0;
}

@media (max-width: 768px) {
  .home #header {
    margin-bottom: 0 !important;
  }
  #header {
    padding: 0 !important;
  }
  #header .sub-menu li:nth-child(1) a {
    padding-top: 0 !important;
  }
  #header .sub-menu li:last-child {
    border: none;
  }
}
@media (max-width: 1000px) {
  #header .sub-menu {
    padding-top: 0 !important;
  }
}
/*
################
               HEADER TABLET
################
*/
@media (min-width: 768px) {
  #header .menu .menu-item {
    height: 100%;
  }
  #header .sub-menu li a {
    cursor: pointer;
  }
  #header .sub-menu:hover {
    display: block;
  }
  #menu-new-menu {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .sm-visible {
    display: none !important;
  }
  .md-visible {
    display: flex !important;
  }
}
@media (max-width: 768px) {
  .sm-visible {
    display: flex !important;
  }
  .md-visible {
    display: none !important;
  }
}
/*
################
               LINKS SINGLE POST 
################
*/
.author-info .author-avatar a, .author-info .author-description a {
  text-decoration: none !important;
  order: none !important;
}

#content .author-info .author-description p a {
  border-bottom: 1px solid #0033ff !important;
}

#content .author-info .author-description p a:hover,
#content .author-info .author-description p a:focus {
  color: #0033ff;
}

#content .post .entry a {
  color: #131313;
}

#content .post .entry a:hover, #content .post .entry a:focus {
  color: #0033ff;
}

/*
################
              AUTHOR PAGE 
################
*/
.author-page {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 30px;
  align-items: center;
  margin-bottom: 30px;
}

.author-page__image {
  width: 200px;
  height: 200px;
  margin-right: 40px;
  display: inline-flex;
}

.author-page__image img {
  border-radius: 50%;
}

.author-page__content {
  display: inline-flex;
  flex-direction: column;
  width: calc(100% - 240px);
}

.author-page__content h1 {
  font-size: 31px;
  line-height: 31px;
  margin-bottom: 0;
  color: #131313;
  display: flex;
  font-weight: bold;
}

.author-page__content p {
  font-size: 20px;
  line-height: 29px;
  color: #707070;
  padding-right: 50px;
}

.author-page__content p a {
  color: #707070;
  border-bottom: 1px solid #0033ff;
}

.author-page__content p a:hover,
.author-page__content p a:focus {
  color: #0033ff;
}

@media (max-width: 768px) {
  .author-page {
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .author-page__image {
    display: none;
  }
  .author-page__content {
    width: 100%;
  }
  #content.sidebar-disabled .grid-post {
    min-height: initial;
  }
}
.alignfull {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
}

@media (min-width: 768px) {
  .alignfull {
    margin-left: calc(-40vw + 50%);
    margin-right: calc(-40vw + 50%);
    max-width: 80vw;
  }
  .alignwide {
    margin-left: -80px;
    margin-right: -80px;
    max-width: 100vw;
  }
}
.alignfull img {
  width: 100vw;
}

/*
################
              GUTENBERG FIXES 
################
*/
#posts .single-post {
  display: flex;
  flex-direction: column;
}

.wp-block-gallery {
  padding-left: 0 !important;
}

.wp-block-gallery li img {
  display: block !important;
  width: 100vw !important;
  height: 100% !important;
  object-fit: cover !important;
  margin-bottom: 0 !important;
}

.wp-block-gallery li {
  overflow: hidden;
}

.wp-block-gallery.columns-3 li:nth-child(-n+3) img {
  max-height: 300px;
}

.wp-block-button__link {
  background: #0033ff;
  color: white !important;
  align-items: center;
  justify-content: center;
  border: none !important;
  display: inline-flex;
  padding: 10px 30px !important;
}

.post-wide__image a {
  position: relative;
  display: block;
  overflow: hidden;
}

.post-wide__image img {
  display: block;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover;
  margin: 0;
}

@media (max-width: 768px) {
  .post-wide__image a {
    width: 100%;
    overflow: visible;
  }
  .post-wide__image {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
  }
  .single-full {
    overflow-x: hidden;
  }
}
@media (min-width: 768px) {
  .post-wide__image {
    width: calc(100% + 10vw);
    margin-left: -5vw;
  }
}
/* 
@media (min-width: 992px){
    .post-wide__image{
        width: calc(100% + 10vw);
        margin-left: -5vw;
    }
} */
@media (min-width: 1200px) {
  .post-wide__image {
    width: calc(100% + 20vw);
    margin-left: -10vw;
  }
}
/*big monitors and tv */
@media (min-width: 1400px) {
  .post-wide__image {
    width: calc(100% + 30vw);
    margin-left: -15vw;
  }
}
#search-wrapper #searchform::-moz-selection { /* Code for Firefox */
  background: var(--color--grey-matter) !important;
}

#search-wrapper #searchform::selection {
  background: var(--color--grey-matter) !important;
}

.stretched-link {
  position: static;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.wrapper--pagination {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.wrapper--pagination:empty {
  display: none;
}
.wrapper--pagination .pagination {
  float: none !important;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 8px;
  padding-left: 0 !important;
  margin: 0;
}
.wrapper--pagination .pagination.desktop {
  display: none;
}
.wrapper--pagination li {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: grid;
  place-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.wrapper--pagination li a {
  color: var(--color--grey-matter__dark);
}
.wrapper--pagination li a svg {
  stroke: var(--color--grey-matter__dark);
}
.wrapper--pagination li.current, .wrapper--pagination li.pagination-next, .wrapper--pagination li.pagination-prev {
  border: 1px solid var(--color--grey-matter__dark);
}
.wrapper--pagination li.pagination-prev.disabled {
  border-width: 0;
}
.wrapper--pagination li.pagination-prev.disabled a svg {
  stroke: var(--color--grey-matter);
}
.wrapper--pagination li:not(.disabled):not(.current):hover, .wrapper--pagination li:not(.disabled):not(.current):focus, .wrapper--pagination li:not(.disabled):not(.current):active {
  background-color: var(--color--blue-cassette);
  border-color: var(--color--blue-cassette);
}
.wrapper--pagination li:not(.disabled):not(.current):hover a, .wrapper--pagination li:not(.disabled):not(.current):focus a, .wrapper--pagination li:not(.disabled):not(.current):active a {
  color: #fff;
}
.wrapper--pagination li:not(.disabled):not(.current):hover svg, .wrapper--pagination li:not(.disabled):not(.current):focus svg, .wrapper--pagination li:not(.disabled):not(.current):active svg {
  stroke: #fff;
}
@media (min-width: 768px) {
  .wrapper--pagination {
    margin-top: 96px;
  }
  .wrapper--pagination .pagination.mobile {
    display: none;
  }
  .wrapper--pagination .pagination.desktop {
    display: flex;
  }
}

.page--header {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}
.page--header .wrapper--inner {
  padding: 48px 24px;
  max-width: 1200px;
}
@media (min-width: 1000px) {
  .page--header {
    flex-direction: column;
  }
  .page--header .wrapper--inner {
    padding-bottom: 64px;
  }
  .page--header .button--wrapper {
    display: none;
  }
  .page--header .menu {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    position: relative;
    height: auto;
    top: unset;
    box-shadow: none;
  }
  .page--header .menu.active {
    display: flex;
  }
  .page--header .menu li {
    padding: 6px 16px;
    border: 1px solid var(--color--grey-matter__light);
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    color: #000;
  }
  .page--header .menu li a {
    color: inherit;
  }
  .page--header .menu li:hover, .page--header .menu li:focus, .page--header .menu li:active {
    background-color: var(--color--blue-cassette);
    border-color: var(--color--blue-cassette);
    color: #fff;
  }
}
@media (min-width: 1248px) {
  .page--header .wrapper--inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 1200px;
  }
}

.back-to-blog {
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-size: 0.875rem;
  font-family: Inter, sans-serif;
  line-height: 1.42;
  color: var(--color--grey-matter);
  margin-bottom: 16px;
  padding: 0;
  transition: all 0.3s ease-in-out;
  width: fit-content;
}
.back-to-blog .wrapper--icon {
  width: 20px;
  height: 20px;
  background-color: var(--color--blue-cassette);
  border-radius: 50%;
  display: grid;
  place-content: center;
}
.back-to-blog:hover, .back-to-blog:focus, .back-to-blog:active {
  color: #000;
}

/*# sourceMappingURL=splice-custom.css.map */