/* Guide landing page & subpages */
.page-id-152061 .wp-block-columns {
  margin-bottom:20px;
}
.page-id-152061 #main {
  padding-bottom:0 !important;
}
.page-id-152061 #post-content {
  padding-bottom:20px !important;
}
.page-id-152061 h1 {
  margin-top:20px;
  margin-bottom: -30px;
}

.page-id-152061 .black-background {
  background:black;
  color:white;
}

.page-id-152061 :where(.wp-block-columns.is-layout-flex) {
    gap: 20px;
}

/* events widget on landing page */
.page-id-152061 .tribe-events-widget {
  margin-bottom:0 !important;
  padding-left:35px;
  box-sizing: border-box;
}
.page-id-152061 .tribe-events-widget-events-list__header-title {
  margin-bottom:-13px;
}
.page-id-152061 .tribe-events-widget-events-list__events {
  height:100px;
  overflow-y: scroll;
}
.page-id-152061 .tribe-events-widget-events-list__view-more {
  margin-top:7px !important;
  margin-bottom:-10px;
}

.eo-guide-container {
  display: flow-root;
  position: relative;
  min-height:250px;
  padding:10px 20px;
  background-repeat: no-repeat; 
  background-position: center center; 
  background-size: cover;   
  opacity: 1;
  transition: opacity .1s ease-in-out;  
}
.eo-guide-container.guide-background-top {
  background-position: top center;
}
/* mouseover */
.eo-guide-link:hover .eo-guide-container {
  opacity: 0.8;
}

.content .eo-guide-container h2,
:where(.editor-styles-wrapper) .eo-guide-container h2 {
  position: absolute !important;
  display:block;
  margin:0;
  max-width:95%;
  font-family: "Tilt Warp", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "XROT" 0,
    "YROT" 0;

  font-size: 34px;
  line-height: 38px;

  text-shadow: 0 0 8px rgba(0, 0, 0, .5);  
  color:white;
  padding:10px 15px;
/*
  background:black;
  color:white;
  padding:10px 15px;
*/
}
.eo-guide-link:hover h2 {
  /* background:white;
  color:black; */
}

.guide-landing-center {
  text-align:center;
}


/* h2 alignment */
.eo-guide-container {
  --horizontal-padding: 20px;
  --vertical-padding: 20px;
}
.eo-guide-container.left-top h2 {
  left: var(--horizontal-padding);
  top: var(--vertical-padding);
}
.eo-guide-container.left-center h2 {
  left: var(--horizontal-padding);
  top: 50%;
  transform: translateY(-50%);  
}
.eo-guide-container.left-bottom h2 {
  left: var(--horizontal-padding);
  bottom: var(--vertical-padding);
}
.eo-guide-container.center-top h2 {
  /* left: 50%; 
  transform: translateX(-50%);   */
  text-align: center;
  top: var(--vertical-padding);
}
.eo-guide-container.center-center h2 {
  /* left: 50%; 
  transform: translateX(-50%) translateY(-50%);   */
  text-align: center;
  top: 50%;
}
.eo-guide-container.center-bottom h2 {
  /* left: 50%; 
  transform: translateX(-50%);   */
  text-align: center;
  bottom: var(--vertical-padding);
}
.eo-guide-container.right-top,
.eo-guide-container.right-center,
.eo-guide-container.right-bottom {
  text-align:right;
}
.eo-guide-container.right-top h2 {
  right:var(--horizontal-padding);
  top:var(--vertical-padding);
}
.eo-guide-container.right-center h2 {
  right: var(--horizontal-padding);
  top: 50%;
  transform: translateY(-50%);  
}
.eo-guide-container.right-bottom h2 {
  right: var(--horizontal-padding);
  bottom: var(--vertical-padding);
}

@media only screen and (max-width:800px)
{
  .eo-guide-container.left-top h2,
  .eo-guide-container.left-center h2,
  .eo-guide-container.left-bottom h2,
  .eo-guide-container.center-top h2,
  .eo-guide-container.center-center h2,
  .eo-guide-container.center-bottom h2,
  .eo-guide-container.right-top,
  .eo-guide-container.right-center,
  .eo-guide-container.right-bottom,
  .eo-guide-container.right-top h2,
  .eo-guide-container.right-center h2,
  .eo-guide-container.right-bottom h2 {
    left: 10px;
    bottom: 10px;
    transform:none;
    top:auto;
    text-align:left;
    font-size: 24px;
    line-height: 28px;    
  }

}