@font-face {
  font-family: 'hershey';
  src: url('../fonts/hershey.ttf');
  font-weight: 10 410;
}

*{
  outline: none;
}


#time {
position: fixed;
bottom: -7px;
z-index: 10;
color: black;
font-family: 'hershey';
font-weight: 410;
font-size: 110px;
-webkit-animation: time 5s ease-out infinite; /* Chrome, Safari, Opera */
animation: time 5s ease-out infinite;
pointer-events: none;
-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes time {
  50% {font-weight: 10;}
  100% {font-weight: 410;}
}

/* Standard syntax */
@keyframes time {
  50% {font-weight: 10;}
  100% {font-weight: 410;}
}

#logo {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 999;
  font-family: 'hershey';
  font-weight: 10;
  font-size: 110px;
  line-height: 1;
  width: 25%;
  -webkit-animation: logo 10s ease-out infinite; /* Chrome, Safari, Opera */
  animation: logo 10s ease-in-out running;
  pointer-events: none;
  -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes logo {
  50% {font-weight: 410;}
  100% {font-weight: 10;}
}

/* Standard syntax */
@keyframes logo {
  50% {font-weight: 410;}
  100% {font-weight: 10;}
}

/* General */

img {
  border-radius: 0px;
}

/* Nav */
.navbar {
  background: transparent !important;
  width: 180px;
  padding: .7rem 1rem !important;
}

.navbar-brand {
  font-size: 1.30rem !important;
  mix-blend-mode: difference;
  color: black !important;
}

/* Typography */

a {
  color: black !important;
  text-decoration: none !important;
}

.entry-content p a:not(.btn) {
  text-decoration: none !important;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: none !important;
}

a:active {
  font-weight: 400 !important;
}

a:hover {
  color: #2600e6 !important;
  text-decoration: none !important;
}

body {
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
  letter-spacing: 0;
}

.text-muted p {
  color: #a7a7a8 !important;
}

.text-muted a {
  color: #a7a7a8 !important;
}

.text-muted a:hover {
  color: #2600e6 !important;
}

/* Card */

.card {
  border: .5px solid rgba(0, 0, 0, 1);
  border-bottom: 0 !important;
  border-radius: 0rem !important;
}

.card-header {
  border-bottom: 0 !important;
  background-color: rgba(0, 0, 0, .0) !important;
  padding: 0.9rem 1.25rem 0.9rem 1.25rem !important;
}

.card-header:first-child {
  border-radius: 0 !important;
}

/* Structure */

.wrapper {
  padding: 0px !important;
}

.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.pt-6,
.py-6 {
  padding-top: 3.6rem !important;
}

.wp-block-image, .wp-block-video {
  margin: 0 0 1rem !important;
  line-height: 1 !important;
}

.wp-block-columns {
  margin-bottom: 0px;
  gap: 0 !important;
}

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

.wp-block-column:not(:first-child) {
  margin-left: 1.1rem !important;
}

.wp-block-column {
  line-height: 1;
}

.work-content-area {
  background: rgb(18, 18, 18);
  color: darkgrey !important;
}

/* Responsive */

@media all and (max-width: 767.98px) {

  h2,
  .h2 {
    font-size: 1.5rem !important;
  }

  body {
    font-size: 1rem !important;
  }

  .featured-fixed {
    left: unset !important; 
    right: 0 !important; 
    width: 30vw !important;
  }

}

@media all and (max-width: 600px) {

  .wp-block-column:not(:first-child) {
    margin-left: 0 !important;
  }

}

/* Featured Images */

.featured {  
  display: none;  
}

.featured-fixed {  
  position: fixed;
  bottom:0;
  left:0;
  z-index:9;
  pointer-events: none;
  width: 25vw;
}
/* 
.modal-backdrop.show {
  display: none !important;
} */

.scroll-area {
  height: 100vh;
  overflow: scroll;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}

.scroll-area::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}