/*
Theme Name:   Twenty Twenty-Five Calisti
Template:     twentytwentyfive
Description:  Child theme for Twenty Twenty-Five
Version:      1.0.0
Author:       Codesign LLC
*/


body {
color: #575757;
font-optical-sizing: auto;
font-style: normal;
/* letter-spacing: .25px; */
}
/*
body {
font-family: ballinger-condensed, sans-serif;
font-weight: 300;
}
body {
font-family: asap-condensed, sans-serif;
font-weight: 300;
}
body {
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 300;
}
body {
font-family: arial-narrow, acumin-pro-condensed, sans-serif;
font-weight: 400;
}
*/

body {
	font-family: acumin-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-size: 1.25rem;
	letter-spacing: .125px;
}

header {
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}
nav {
	padding-top: var(--wp--preset--spacing--30);
}
.wp-block-navigation .wp-block-navigation-item__label {
	text-transform: lowercase;
}

.current-menu-item .wp-block-navigation-item__label  {
	border-top: 3px solid #bbb432;
}
.wp-block-navigation-item__label {
	border-top: 3px solid transparent;
	display: block;
	padding: 5px 0 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.wp-block-navigation-item__label:hover,
.wp-block-navigation-item__label:focus {
	border-top: 3px solid #bbb432;
}
.current-menu-item .wp-block-navigation-item__label {
	border-top: 3px solid #bbb432;
}



.is-layout-flex > :is(*, div) {
	margin: 0;
}


.wp-block-navigation__responsive-container.has-modal-open {
	background-color: #bbb432 !important;
}



.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content, .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close {
	outline: none !important;
}

.wp-block-navigation__responsive-container-close {
	color: #fff !important;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: #fff !important;
}



.wp-block-site-title {
	font-weight: bold;
}
:root :where(.wp-block-site-title) {
	font-weight: 400;
	letter-spacing: normal;
}



/* push the mobile hamburger breakpoint from 600px up to 800px */
@media (max-width: 799px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
  }
}
@media (max-width: 800px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
  }
}

/* hides the button above 800px, in case core styles don't already cover it */
@media (min-width: 800px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
}
/* Confirm the container is visible above 800px: */
@media (min-width: 800px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: flex !important;
  }
}

@media (max-width: 800px) {
	.home main,
	.portfolio-template main {
		padding-top: 50px;
	}
	.portfolio-archive-header {
		padding-top: 5rem;
	}
}

h1, h2, h3 {
	font-family: acumin-pro-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: .25px;
	text-transform: lowercase;
}

a {
	outline: none !important;
	text-decoration: none !important;
}

.entry-content figure a {
	background-image: none;
	background-position: initial;
	background-repeat: no-repeat;
	background-size: initial;
	border: none;
	padding: 0;
	transition: initial;
	line-height: initial;
	display: initial;
}
.entry-content figure a:hover, .entry-content figure a:focus {
	color: inherit;
}

.entry-content a {
	background-image: linear-gradient(180deg,#bbb432,#bbb432);
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 100% 0;
	border: 1px solid #bbb432;
	padding: 3px 5px 6px 5px;
	transition: background-size .25s ease-in;
	line-height: 1;
	display: inline-block;
}
.entry-content a:hover, .entry-content a:focus {
	background-size: 100% 100%;
	color: #fff;
}

.read-more a {
    background: transparent;
    color: #575757;
    font-size: var(--wp--preset--font-size--small) !important;
    letter-spacing: 2px;
    text-transform: uppercase;	
    border: 1px solid #bbb432;
    padding: 5px 4px 5px 7px;
    line-height: 1;
}
.read-more a:hover, .read-more a:focus {
    animation: .5s link-fadeIn forwards;
}
@keyframes link-fadeIn {
    0% {
        background: transparent;
        color: #575757;
    }
    100% {
        background: #bbb432;
        color: #fff;
    }
}

.entry-content .project-title a {
	background-image: revert;
	background-position: revert;
	background-repeat: revert;
	background-size: revert;
	border: revert;
	padding: revert;
	transition: revert;
	line-height: revert;
	display: revert;	

	text-transform: lowercase;
}
.entry-content .project-title a:hover, .entry-content .project-title a:focus {
	background-size: revert;
	color: initial;
}

:root :where(.is-layout-constrained) > * {
	margin-block-start: 0;
	/* margin-block-end: 0; */
}


.hero, .title-deck {
	border-bottom: 1px solid #ddd;
}

/* these work together 
.slider {
	z-index: -999; /* but this breaks the touch UI 
	position: relative; 
}
.hero-overlay {
	margin: -15vh 0 0 0;
}
.position-statement {
	background: #fff;
	padding-top: 35px;
}
 end */ 

.project-hero {
	
}
.deck {

}
.group {
	background-color: #fff;
	margin-top: 0;
	transition: background-color 1.0s ease; /* smooth fade OUT */
}
.group.knockout:hover,
.group.knockout:focus {
	background: #f2f2f2;
	transition: background-color 1.0s ease; /* smooth fade IN */
}


.tagline {
	margin-top: 0;
}
.tagline-accent {
	color: #bbb432 ;
}

.wp-block-post-title {
	margin-bottom: 15px;
}
.project-location {
	font-size: var(--wp--preset--font-size--medium);
}
.project-location:before {
	display: block;
}
.project-location ul {
	list-style-type: none;
	padding-left: 0;
}
.project-location li {
	border-color: var(--wp--preset--color--accent-6);
	border-width: 1px 0 0 0;
	border-style: solid;
	font-size: var(--wp--preset--font-size--medium) !important;
	margin: 0;
	padding: 15px 0;
}
.project-location li:last-of-type {
	border-color: var(--wp--preset--color--accent-6);
	border-width: 1px 0 1px 0;
	border-style: solid;
}
.project-location li::before {
	content: " ";
	border-color: currentColor;
	border-width: 0 0 1px 0;
	border-style: solid;
	color: var(--wp--preset--color--accent-6);
	
}

.project-scope {
	font-size: var(--wp--preset--font-size--medium);
}
.project-scope:before {
	margin-bottom: 15px;
	display: block;
}
.project-scope ul {
	list-style-type: none;
	padding-left: 0;
}
.project-scope li {
	border-color: var(--wp--preset--color--accent-6);
	border-width: 1px 0 0 0;
	border-style: solid;
	font-size: var(--wp--preset--font-size--medium) !important;
	margin: 0;
	padding: 15px 0;
}
.project-scope li:last-of-type {
	border-color: var(--wp--preset--color--accent-6);
	border-width: 1px 0 1px 0;
	border-style: solid;
}
.project-scope li::before {
	content: " ";
	border-color: currentColor;
	border-width: 0 0 1px 0;
	border-style: solid;
	color: var(--wp--preset--color--accent-6);
	
}

.project-details:before {
	content: "Key Details";
	font-size: var(--wp--preset--font-size--large) !important;
	margin-bottom: 15px;
	display: block;
}
.project-details ul {
	list-style-type: none;
	padding-left: 0;
}
.project-details li {
	border-color: var(--wp--preset--color--accent-6);
	border-width: 1px 0 0 0;
	border-style: solid;
	font-size: var(--wp--preset--font-size--medium) !important;
	margin: 0;
	padding: 15px 0;
}
.project-details li:last-of-type {
	border-color: var(--wp--preset--color--accent-6);
	border-width: 1px 0 1px 0;
	border-style: solid;
}
.project-details li::before {
	content: " ";
	border-color: currentColor;
	border-width: 0 0 1px 0;
	border-style: solid;
	color: var(--wp--preset--color--accent-6);
	
}

.wp-block-post-excerpt__excerpt {
	font-family: acumin-pro-condensed, sans-serif;
	font-size: var(--wp--preset--font-size--x-large);
	letter-spacing: .125px;
	line-height: 1.25;
}

.page-numbers {
	padding-right: 10px;
	padding-left: 15px;
	border-left: 1px solid #ccc;
	white-space: nowrap;
}

footer {
	border-top: 1px solid #ddd;
	margin-top: 0;
}
footer .cta {
	font-weight: 400;
}

@media (max-width: 768px) {

  .wp-block-group.subfooter.is-layout-flex > * {
    flex-basis: 100% !important;
	margin-bottom: -15px;
  }
  .wp-block-group.subfooter.is-layout-flex p:last-of-type {
	padding-bottom: var(--wp--preset--spacing--30);
  }
}