/* Theme Name: ETP
   Template: astra */

  .colors {

  color: #DCECF2;
  color: #068BBF;

  color: #08A6A6;
  color: #006662;

  color: #D9B91A;
  color: #aa8d0b;

  color: #7d934b;
  color: #60611d;

  color: #4649a0;
}

span.tag, 
a.tag-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  font-size: .75rem;
  margin: 0  0.25rem .25rem;
  padding:  0 .5rem;
  max-height: 3rem;
  color: #000;
  border: 1px solid black;
  border-radius: 3px;
}

h1, h2, h3 {
  margin: 0;
}

.add-post h3 {
  font-size: 1.5rem;
  margin-top: 1.5rem;
}
.add-post h3 span {
  font-size: .75rem;
}

.add-post label {
  display: block;
  margin: 1rem 0 0.5rem 0;
}


.loop-post-item h3 {
  font-size: 1.125rem;
}

.loop-post-item h3 a {
  font-size: 1.125rem;
  line-height: 1.25;
  text-decoration: none;
}
 .entry-meta {
  display: none;
}

.add-post .tag {
  display: inline-flex;
  align-items: center;
  margin: 0 1rem .5rem 0;    
}

.add-post .tag > input[type="checkbox"] {
  display: block;
  position: relative;
  padding: 0 .5rem;
  margin: 0 .25rem 0 0;
  top: 5px;
}

.icon {
  font-family: 'Material Symbols Sharp';
  font-size: 32px;
  text-decoration: none;
  color: #000;
}

h3.loop-post-item__post-title > .icon.icon-link {
  display: inline-block;  
  position: relative;
  top: .5rem;
  font-size: 36px;
  text-decoration: none;
  color: #000;
  margin-left: .5rem;
}

h3.loop-post-item__post-title {
  margin-top: 2rem;
  margin-bottom: 0;
}

.toggle-annotation-btn {
  font-size: 1.5rem;
  cursor: pointer;
}

.annotation__label {
  position: relative;
  top: -.25rem;
  display: inline-block;
  font-size: .875rem;

}

.annotation--singlw {
  font-size: .875rem;
}

.label {
  display: inline-block;
  font-size: .875rem;
}

.button a, 
a.button {
  text-decoration: none !important;
  display: inline-flex;
}