html body a,
html body a::before,
html body a::after {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Base link state */
html body a {
    color: inherit;
    text-decoration: none !important;
    position: relative;
    transition: opacity 0.25s ease, transform 0.25s ease, text-shadow 0.25s ease;
}


/*Computer screen */
@media screen and (min-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header {
	height: 20vh;
	}
}
 
/* Mobile screen*/
@media screen and (max-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header
{
	/*display: table;*/
	/*height: 100px;*/
	/*height: 20vh;*/
	height: 20vh;
	/*width: 100%;*/
	}
}
 
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image, .admin-bar.twentyseventeen-front-page.has-header-image.home.blog .custom-header {
	/*height: calc(20vh - 32px);*/
	height: calc(20vh - 32px);
	}

.site-content {
  opacity: 0;
  transform: translateY(20px);
  animation: pageFadeUp 5s ease forwards;
}

@keyframes pageFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }


/* ================================
   1. GLOBAL LINK RESET (NO UNDERLINES)
================================ */

html body a,
html body a:visited,
html body a:hover,
html body a:active,
html body a:-webkit-any-link {
    text-decoration: none !important;
    color: inherit;
}

/* Override WordPress / Gutenberg / CoBlocks */
html body .wp-block-post-content a,
html body .entry-content a,
html body .has-link-color a,
html body p a,
html body li a {
    text-decoration: none !important;
    color: inherit;
}

/* ================================
   2. TEMPLE LINK BEHAVIOUR (MOTION)
================================ */

html body a {
    position: relative;
    transition: opacity 0.25s ease, transform 0.25s ease;
    cursor: pointer;
}

/* Hover = presence shift (not underline) */
html body a:hover {
    opacity: 0.75;
    transform: translateY(-1px);
}

/* Optional focus (accessibility, subtle) */
html body a:focus {
    outline: 1px solid rgba(0,0,0,0.2);
    outline-offset: 3px;
}

/* ================================
   3. VISITED LINKS (MEMORY STATE)
================================ */

html body a:visited {
    opacity: 0.6;
}

/* ================================
   4. OPTIONAL "LIGHT TRACE" (VERY SUBTLE)
   (delete this section if you want PURE minimalism)
================================ */

html body a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: currentColor;
    opacity: 0.15;
    transform: scaleX(0.9);
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
}

html body a:hover::after {
    opacity: 0.35;
    transform: scaleX(1);
}