/*
	Paul's overrides for Wordpress. Updated April 14th, 2025 at 3pm
*/
:root {
  --wp--style--global--content-size: 1100px; /*645px; */
  --wp--style--global--wide-size: 1340px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  background-color: inherit;
  color: #111;
  font-weight: 700;
}

.simili-body {
  padding: 0 10em;
  font-weight: 100;
  font-family: 'helvetica','Aptos',arial,sans-serif;
  color: #515151;  

  h2 {
    font-size: 32px;
    letter-spacing: -0.05em;
    color: deeppink;
  }/* End Style */

  h3 {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 10px;
  } /* End Style */

  h4 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 5px;
    margin: 0;
  } /* End Style */
  h5 {
    color: brown;
    } /* End Style */

  h6 {
    color: brown;
    font-size: 8px;  
    margin-bottom: 3px;
  } /* end style */

  p { margin-top:0; }

  ul { 
    margin-bottom: 2em;
    padding-left: 0;
  } /* End Style */

  li {margin-bottom: 8px;}
} /* end simili-body style */



.simili-button {
  padding: 0.8em 1.8em;
  font-size: 14px;
  letter-spacing: 0.15em;
  cursor: pointer;
}/* end button style */

.simili-button.simili-pressed,
.simili-button:hover,
.simili-button:focus {
  background-color: mediumaquamarine;
  color: white;
  border-radius: 1em;
  border:none;
}


/*
* Rows
*/
.simili-astra-branding-row {
  background-color: gold;
  padding: 1em;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 2fr;
  grid-template-areas:
    "logo banner";
  margin-bottom: 1.5em;
} /* End Structure Style */

h3.simili-brand-introduction {
  font-size: 25px !important;
  letter-spacing: -0.04em;
  margin-bottom: 10px;
}

.simili-brand-tagline {
  margin: 0 auto;
  width: 76%;
  text-align: center;
  line-height: 1;
}

.simili-brand-panel,
.simili-astra-masthead-panel { padding: .25rem; }

.simili-brand-closer {
  padding: 1em;
  grid-column: 1 / -1;
  background-color: blanchedalmond;
  margin-top: 40px;
} /* End Style */

/*
* 2nd row-related styles
*/
.simili-astra-browse-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: start;
  gap: 20px;
} /* End Structure Style */

/*
* Tree Column
*/
.simili-astra-tree-panel {
  position: sticky;
  min-width: 30%;
  top: 0;
} /* End Style */

.simili-astra-counter {
  background-color: transparent;
  color: lemonchiffon;
  position: absolute;
  right: 10px;
  text-align: right;
  font-weight: 900;
} /* End Style */

h2.simili-tree-summary-header {
  font-size: 36px !important;
} /* End Style */

article.simili-collapsible-tree {
  background: lavender;
  padding-left: 100px;
  position: relative;
  min-height: 60px;
  padding-bottom: 4px;
}

button.simili-collapse-button {
  position: absolute;
  left: 1em;
  top: 0;
} /* End Style */

ul.simili-bough-ul {
  margin-bottom: 0;
  padding-left: 0;  
  list-style-type: none;
} /* End Style */

li.simili-bough-li {
  border-bottom: 1px solid #444;
} /* End Style */

span.simili-tree-panel-label {
  display: inline-block;
  color: var(--wp--preset--color--primary);
  line-height: 1;
  font-size: 0.85em;
} /* End Style */

a.simili-scat {
  position: relative;   
  display: block;
  font-size: 14px; 
  line-height: 1.5;  
  text-decoration: none;  
  
  &:hover {
      background-color: navy;
  } /* End Inner Style */
} /* End Style */

/*
* Tree Element Tabbing
*/
.simili-astra-tree-level-0 { }
.simili-astra-tree-level-1 { padding-left: 0; color: gold; }
.simili-astra-tree-level-2 { padding-left: 1em;  }
.simili-astra-tree-level-3 { padding-left: 2em; color: aqua;
.simili-astra-tree-level-4 { padding-left: 1rem; }
.simili-astra-tree-level-5 { padding-left: 1.25rem; }
.simili-astra-tree-level-6 { padding-left: 1.5rem; }
.simili-astra-tree-level-7 { padding-left: 1.75rem; }
.simili-astra-tree-level-8 { padding-left: 2rem; }
.simili-astra-tree-level-9 { padding-left: 2.25rem; }
.simili-astra-tree-level-10 { padding-left: 2.5rem; }

.simili-astra-tree-level-panel {
  background-color: #EEFFFF;
  border-right: .25rem solid #40e0d0;
  padding-right: 5px;
} /* End Style */

/* Optional Details/Telemetry Section*/
#simili-astra-context-grid {
	background-color: #3164C8;	 /* Cerulean Blue */
	overflow-wrap: break-word;
  display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10%, 33%));
	grid-gap: 1rem;
  height: 20vh;}	
} /* End Structure Style */

h5.simili-astra-where-header {
    outline: 1px solid;
    margin-bottom: 0;
} /* End Style */

#simili-astra-context-grid, 
.simili-astra-context-ids {
    background-color: purple;
    display: grid;
    grid-template-columns: 247px auto;
    gap: 10px;
} /* End Style */

.simili-astra-capsule {
  border: 5px solid purple;
  grid-area: context-capsule;
  text-align: center;      
  background-color: #3164C8;
  color: #c0c0c0;
  opacity: 1;
} /* End Style */					   
						   
.simili-astra-capsule h5,
.simili-astra-context-ids h5 {
    color: blue !important;
    margin-bottom: 0;
} /* End Style */


.simili-nexus-trees-grid, 
.simili-nexus-flavors-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style: none;
  padding-left: 0;
}/* end style */

/*
* Apple Section
*/
.simili-astra-apple-section {
  display: flex;
	flex-flow: row wrap;	
} /* end style */

.simili-post-apples {
  flex-basis: 100%;
}/* End Style */

.simili-apple-capsule {
  padding: 0.6em;
  box-sizing: border-box;
}/* End Style */

.simili-result-header,
.simili-capsule-identity {
color: #D4AF37; /* Gold */	
} /* End Style */