html { 
    scroll-behavior: smooth;
}

::-moz-selection { /* Code for Firefox */
    color: #4d4d4d;
    background: #ffd800;
}

::selection {
    color: #4d4d4d;
    background: #ffd800;
}
.slide-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  will-change: transform, opacity;
}

.slide-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.main-desktop {
    height: calc(100vh - 160px);
}
.menu-item-has-children>a:hover:after {
 display: none;
}
.drawer-toggle .toggle-close-bar, .toggle-close-bar:visited {
    background: #222222 !important;
    width: 1.1em;
}
.menu-toggle-close:hover .toggle-close-bar {
    background-color: #B07A2B !important;
    transition: .3s;
}
.popup-drawer .drawer-header {
    padding: 0 1.7em;
    justify-content: flex-end;
    min-height: 90px;
    align-items: center;
}
.project-cover img {
    transform: scale(1);
    animation: projectCoverFloat 18s infinite;
    transform-origin: left;
}

.view-project-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
    transition: .4s;
    opacity: 0;
}
.view-project-btn p {
    margin: 0;
}
.project-card:hover .view-project-btn {
    column-gap: 16px;
    opacity: 1;
}
.project-card-container {
    overflow: hidden;
    border-radius: 13px;
    
}
.project-card-container-img {
    transition: .4s;
}
.project-card:hover .project-card-container-img {
    transform: scale(1.1);
}
.project-card-desc-p {
   font-family: Chillax, sans-serif;
   font-weight: 500;
}
.project-services a {
    cursor: unset;
}
.vid-mockup-container {
    pointer-events: none;
}

.knowledge-svg {
    opacity: .4;
}

.home-contact-btn {
    display: flex;
    align-content: center;
    align-items: center;
    column-gap: 8px;
    transition: .3s;
}

.home-contact-btn p {
  margin: 0 !important;   
}

.home-contact-btn:hover {
    column-gap: 16px;
    opacity: .6;
}

.home-contact-btn a, .home-contact-btn a:hover {
  text-decoration: none;  
  color: #1c1917;
}

.home-contact-btn:active {
    column-gap: 14px;
}
.home-contact-btn svg {
    transform: translateY(3px);
}


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

.entry {
    box-shadow: none;
}



#contact-svg {
    transform-origin: center;
    animation: contactStar 6s infinite;
}

.menu-toggle-close:hover .toggle-close-bar {
    background-color: #908f8f !important;
}
.kadence-menu-svg:hover {
    fill: #908f8f !important;
}

.menu-toggle-close:visited .toggle-close-bar {
    background-color: #1C1917 !important;
}
.kadence-menu-svg:visited {
    fill: #1C1917 !important;
}

@keyframes contactStar {
    0% {
        transform: rotate(0deg);
        fill: #c9c9f3;
    }
    20% {
        transform: rotate(359deg);
        fill: #c9c9f3;
    }
    
    100% {
        transform: rotate(360deg);
        fill: #1C1917;
    }
}

@keyframes projectCoverFloat {
  0% {transform: scale(3);}
  20% {transform: scale(3.4);}
  20% {transform: scale(3);}
  70% {transform: scale(3.04);}
  100% {transform: scale(3);}
}