/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/*Cursor*/

/* body {
  cursor: none;
} */

@import url("https://use.typekit.net/dah8vro.css");

@media screen and ( max-width: 810px ) {
  .elementor-heading-title br {
    display: none;
  }
}

.horizontal-sub-nav > li > a .menu-text {
  letter-spacing: 0.01px;
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 85px; 
  height: 85px;
  background-image: url('/wp-content/uploads/2024/11/eye.svg'); 
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  display: none; 
}


/*Arrows*/

#arrow-down-image .elementor-widget-container {
  position: relative;
}

#arrow-down-image .elementor-widget-container a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73px;
  height: 73px;
  border-radius: 50%;
  background-color: #F5F5F2;
  border: 4px solid #C9ECE4;
  transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  animation: pulse 2s infinite ease-in-out;
}

#arrow-down-image .elementor-widget-container a img {
  position: relative;
  z-index: 2;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.7);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.7);
  }
}

/* Leaderline */
.leader-line {
  z-index: 10;
}

/* Mobile Menu */

#mobile-menu li.depth-1 {
  max-width: 50%;
}

:root {
  --f-size: 20;
  --f-unit: 1vmin;
  --f: calc(var(--f-size) * var(--f-unit));
  --bg: #181717;
  --scale: 1;
}

:is(.glitch, .elementor-button, .elementor-post__read-more) *,:is(.glitch, .elementor-button, .elementor-post__read-more) *::after, :is(.glitch, .elementor-button, .elementor-post__read-more) *::before {
  box-sizing: border-box;
}

:is(.glitch, .elementor-button, .elementor-post__read-more):hover {
  transform: scaleX(var(--scale, 1));
  /* animation: glitch-p 1.5s infinite alternate steps(4) ; */
}

:is(.glitch, .elementor-button, .elementor-post__read-more):hover::before,
:is(.glitch, .elementor-button, .elementor-post__read-more):hover::after {
  --top: 0;
  --left: 0;
  --v-height: 100%;
  --n-tenth: calc(var(--f-size) * .3 * var(--top));
  --t-cut: calc(var(--n-tenth) / var(--f-size) * 100%);
  --b-cut: calc(var(--t-cut) + var(--v-height));

  top: calc(var(--top) * 1px);

  display: block;
  text-align: center;
  align-content: center;

  height: 100%;

  content: "0xffffff";
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  transform: translateX(calc(var(--left) * 100%));
  filter: drop-shadow(0 0 transparent);

  text-shadow: calc(var(--left) * -3em) 0 0.2em lime, calc(var(--left) * -6em) 0 0.02em #ff00e1;
  background-color: var(--bg);

  clip-path: polygon(
    0% var(--t-cut),
    100% var(--t-cut),
    100% var(--b-cut),
    0% var(--b-cut)
  );
}

:is(.glitch, .elementor-button, .elementor-post__read-more):hover::before {
  animation: glitch-b 1.3s infinite alternate-reverse;
}
:is(.glitch, .elementor-button, .elementor-post__read-more):hover::after {
  animation: glitch-a 2.5s infinite alternate;
}

@keyframes glitch-p {

  25% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
}

@keyframes glitch-a {
  10%, 30%, 50%, 70%, 90% {
    --top: 0;
    --left: 0;
  }
  0% {
    --v-height: 27%;
  }
  20% {
    --left: .05;
    --v-height: 13%;
  }
  40% {
    --left: .01;
    --v-height: 20%;
    --top: 3;
  }
  60% {
    --left: .03;
    --v-height: 55%;
    --top: 6;
  }
  80% {
    --left: .07;
    --v-height: 5%;
    --top: -3;
  }
  100% {
    --left: .083;
    --v-height: 30%;
    --top: 1;
  }
}
@keyframes glitch-b {
  10%, 30%, 50%, 70%, 90% {
    --top: 0;
    --left: 0;
  }
  0% {
    --v-height: 15%;
    --top: 10;
  }
  20% {
    --left: -.005;
  }
  40% {
    --left: -.01;
    --v-height: 17%;
    --top: 3;
  }
  60% {
    --left: -.03;
    --v-height: 35%;
    --top: 6;
  }
  80% {
    --left: -.07;
    --v-height: 5%;
    --top: 8;
  }
  100% {
    --left: -.083;
    --v-height: 30%;
    --top: 1;
  }
}

/**********************************
*** Stories Selector Dropwdown
***********************************/

/* .subcategory-dropdown:nth-of-type(1) .subcategory-title:hover,
.home .elementor-15 .elementor-element.elementor-element-851dc74 > .elementor-widget-container {
  background-color: #D5D5D5A1 !important;
}

.subcategory-dropdown:nth-of-type(2) .subcategory-title:hover,
.home .elementor-15 .elementor-element.elementor-element-3949b11 > .elementor-widget-container:hover {
  background-color: #B5BBDFA3 !important;
}

.subcategory-dropdown:nth-of-type(3) .subcategory-title:hover,
.home .elementor-15 .elementor-element.elementor-element-9be34bd > .elementor-widget-container:hover {
  background-color: #C4DCD6A1 !important;
} */


/****************************/
/*  Awards & Bibliography   */
/****************************/
.awards-section > .e-con-inner {
    gap: 0;
}

@media (max-width: 1250px) and (min-width: 811px) {
  .awards-section > .e-con-inner {
    max-width: 90%;
    }
}

@media (max-width: 810px) {
	.bibliography-list > .e-con-inner {
		gap: 0;
	}
}

/****************************/
/*    Global Adjustments    */
/****************************/
.about-text .elementor-widget-text-editor {
	letter-spacing: 0;
}

/****************************/
/*        Single Post       */
/****************************/
.single-post .elementor-widget-theme-post-content {
	margin-top: 57px;
}

.single-post #main .elementor-widget-button > .elementor-widget-container {
	margin-top: 77px;
}

.elementor-widget-theme-post-featured-image image {
  aspect-ratio: auto !important;
}


/****************************/
/*         Footer           */
/****************************/
#footer footer .e-con-inner {
	gap: 0;
}

