body {
            background:#EEEEEE;
            color:#111;
            font-family: "Open Sans", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;
        }

        /* Hide the PN hamburger menu  */
        button#rmp_menu_trigger-7155 {
            display: none !important;
        }

        p {
          font-size:16px;
          line-height: 24px;
        }
        h1, h2, h3 {
            color:#682216!important;
            font-family: "Alegreya", serif!important;
            text-transform: none!important;
  font-optical-sizing: auto;
  font-weight: 500!important;
        }

        h3 {
          margin-top:40px;
          font-size:28px;
          margin-bottom: 18px;
        }

        h3 + p {
          margin-top:0;
        }

        nav {
          background:#E7C7C0;
          padding:18px;
          display: block;
          overflow: hidden;
        }


        nav li, .rotina-footer li {
          float:left;
          list-style-type: none;
          margin:8px 16px;
          ;
          font-family: "Alegreya", serif!important;
        }

        nav li a{
          color:#682216;
          text-decoration: none;
          font-size: 20px;
          font-weight: 500;
        }

        nav li a:hover {
          opacity: 0.7;
        }

        nav li a.current {
          border-bottom: solid 2px;
        }


        .rotina-home-col {
            width: 50%;
            float:left;
        }



        @media screen and (max-width: 500px) {

          .rotina-home figure {
            margin-left:0!important;
          }

        }


  .two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    min-height: 320px;
  }

  .two-col-text {
    padding: 2.5rem;
  }

  .two-col-image {
    overflow: hidden;
  }



  .two-col-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media (max-width: 768px) {
    .two-col {
      grid-template-columns: 1fr;
    }

    .two-col-text { order: 2; }
    .two-col-image { order: 1; }

    .two-col-image {
      min-height: 280px;
      max-height: 60vh;
    }
  }

.lity-content img {
      margin-left: -20px;
      margin-top:-20px;
    margin-right: 20px;
    width: calc(100% + 40px)!important;
}

.wp-block-button__link {
  background: #96CCDB;
  color:#0C2F39;
  padding:8px 16px;
 font-family: "Alegreya", serif!important;
 text-decoration: none;
 font-size:20px;
}

.lity-content .wp-block-button__link {
  font-size:18px;
}

.wp-block-button__link:hover {
    filter: brightness(107%);

}

/*****/
/* ── Constrained content width ── */
.article-body {
  max-width: 680px;
  margin-inline: auto;
  padding-inline: 1.5rem;
  /*font-family: Georgia, 'Times New Roman', serif;*/
  font-size: 1.125rem;
  line-height: 1.8;
  color: #1a1a1a;
}

/* ── Paragraphs ── */
.article-body p {
  margin-block: 0 1.4em;
}

.article-body .intro-para {
  font-size: 1.35rem;
  line-height: 1.6;
  color: #333;
  /*margin-bottom: 2em;*/
}

.article-body .outro-para {
  font-size: 1.2rem;
  font-style: italic;
  color: #444;
  margin-top: 2em;
}

/* ── Headings ── */
.article-body h2 {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #111;
  margin-block: 2.5em 0.6em;
}

/* ── Images ── */
.article-body figure {
  margin-block: 2.5em;
  margin-inline: 0;
}

.article-body figure img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.article-body figure figcaption {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 0.85rem;
  color: #888;
  margin-top: 0.6em;
  line-height: 1.4;
}

/* ── Wide images (break out of content width) ── */
.article-body .alignwide {
  width: 100vw;
  max-width: 960px;
  margin-inline: calc(50% - 480px);
}

/* ── Left-aligned floated image ── */
.article-body .alignleft {
  float: left;
  width: 45%;
  margin-right: 2em;
  margin-bottom: 1em;
  margin-top: 0.25em;
}

/* ── Clearfix after floats ── */
.article-body p:has(+ h2),
.article-body p:last-of-type {
  clear: both;
}

/* ── Pull quote ── */
.article-body .wp-block-pullquote {
  border: none;
  padding-block: 1.5em;
  margin-block: 2.5em;
  border-top: 3px solid #c8a898;
  border-bottom: 3px solid #c8a898;
  text-align: center;
}

.article-body .wp-block-pullquote p {
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.5;
  color: #444;
  margin: 0;
}

.article-body .wp-block-pullquote blockquote {
  margin: 0;
  padding: 0;
}

/* ── Responsive ── */
@media (max-width: 600px) {
  .article-body {
    font-size: 1rem;
    padding-inline: 1rem;
  }

  .article-body .alignwide {
    width: 100vw;
    margin-inline: -1rem;
  }

  .article-body .alignleft {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .article-body .intro-para {
    font-size: 1.15rem;
  }

  .article-body .wp-block-pullquote p {
    font-size: 1.15rem;
  }
}

.article-body .alignwide {
  width: 100vw!important;
  max-width: 960px!important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
/*****/

/* ============================================
   WordPress Gallery Block (Gutenberg)
   Compatible with WP 6.x / block themes
   ============================================ */

.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0 0 1.5em;
  padding: 0;
  list-style: none;
}

/* Individual figure items */
.wp-block-gallery .wp-block-image,
.wp-block-gallery figure {
  margin: 0;
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 200px;
}

/* Images fill their container */
.wp-block-gallery .wp-block-image img,
.wp-block-gallery figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
}

/* Captions */
.wp-block-gallery figcaption,
.wp-block-gallery .wp-element-caption {
  font-size: 0.8em;
  color: #555;
  text-align: center;
  padding: 0.4em 0.5em;
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}

/* Make figure position relative so caption can be absolute */
.wp-block-gallery figure {
  position: relative;
  overflow: hidden;
}

/* Column count classes WP generates */
.wp-block-gallery.columns-1 .wp-block-image { flex-basis: 100%; }
.wp-block-gallery.columns-2 .wp-block-image { flex-basis: calc(50% - 0.5em); }
.wp-block-gallery.columns-3 .wp-block-image { flex-basis: calc(33.333% - 0.5em); }
.wp-block-gallery.columns-4 .wp-block-image { flex-basis: calc(25% - 0.5em); }
.wp-block-gallery.columns-5 .wp-block-image { flex-basis: calc(20% - 0.5em); }
.wp-block-gallery.columns-6 .wp-block-image { flex-basis: calc(16.666% - 0.5em); }
.wp-block-gallery.columns-7 .wp-block-image { flex-basis: calc(14.285% - 0.5em); }
.wp-block-gallery.columns-8 .wp-block-image { flex-basis: calc(12.5% - 0.5em); }

/* Cropped images option (.is-cropped is added by WP when enabled) */
.wp-block-gallery.is-cropped .wp-block-image img,
.wp-block-gallery.is-cropped figure img {
  height: 100%;
  object-fit: cover;
  flex: 1;
}

/* Fixed height for cropped galleries */
.wp-block-gallery.is-cropped .wp-block-image,
.wp-block-gallery.is-cropped figure {
  min-height: 200px;
}

/* ============================================
   Responsive breakpoints
   ============================================ */

@media (max-width: 768px) {
  .wp-block-gallery.columns-3 .wp-block-image,
  .wp-block-gallery.columns-4 .wp-block-image,
  .wp-block-gallery.columns-5 .wp-block-image,
  .wp-block-gallery.columns-6 .wp-block-image,
  .wp-block-gallery.columns-7 .wp-block-image,
  .wp-block-gallery.columns-8 .wp-block-image {
    flex-basis: calc(50% - 0.5em);
  }
}

@media (max-width: 480px) {
  .wp-block-gallery .wp-block-image {
    flex-basis: 100% !important;
  }
}


.rotina-map {
  width:100%;
  height:calc(60vh - 20px);
}

@media (max-width: 600px) {
.rotina-map {
  height:calc(50vh - 20px);
}
}


.rotina-content {
  width:90%;
  max-width: 1000px;
  margin: 0 auto;
}

.rotina-content-single figure {
  margin:20px 0;
}

.rotina-content-single figure img,
.rotina-content figure img {
      /*width: 100%;*/
    /*height: auto;*/
}


.rotina-content-single {
  width:90%;
  max-width: 1000px;
  margin: 0 auto;
}

#colophon {
  display: none!important;
}

.rotina-footer {
  background:#3b0d05!important;
  padding:18px!important;
      display: flex;
    align-content: flex-end;
    justify-content: space-between;
    margin-top:60px;
}

.rotina-home .rotina-footer {
    margin-top:0px;
}

.rotina-footer ul {
  margin:0;
}

.rotina-footer p,
.rotina-footer a {
  color:white!important;
  text-decoration: none;
  font-family: "Alegreya", serif!important;
  font-size: 18px;
}

.rotina-footer a:hover {
  opacity: 0.8;
}

.rotina-footer p {
  padding:5px;
  margin:5px;
}

.rotina-footer li {
  float: left;
  margin:5px;
  padding:5px;
}


/* Credits page */
.rotina-bios {
  margin-bottom:50px;
}

.rotina-bios figure {
  margin:0;
}

.rotina-bios.gb-2-col-wideright>.gb-layout-column-wrap {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 3fr;
}

.rotina-bios p:first-child {
  margin-top:0!important;
}

.rotina-content a,
.rotina-bios a {
  color:#682216!important;
  text-decoration: underline;
}

.rotina-content a:hover,
.rotina-bios a:hover {
  color:#3b0d05!important;
  
}

.rotina-bios img {
    width:100%!important;
    height: auto;
    max-width: 220px;
}

.rotina-logo img {
  max-width: 100%;
    object-fit: contain;
    }

@media only screen and (max-width: 600px) {
.rotina-bios.gb-2-col-wideright>.gb-layout-column-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
.rotina-bios img {
  max-width:260px;
}
.rotina-bios p:first-child {
  margin-top:20px!important;
}
}

/* Sliders  */
.rotina-slider-wrapper-outer {
  background:#fff;
  margin-top:0;
}

.rotina-slider-wrapper{
  padding:24px 42px;
box-sizing:border-box;
/*   background:#d6d6d4; */
    width:500px;
  max-width:100%;
  margin:0px auto 40px;
  display:none;
}

.rotina-slider-wrapper img {
  max-width:100%;
}

.rotina-3-panel-strip {
  display: block;
}

.slick-prev {
    left: -30px !important;
}

.slick-next {
    right: -20px !important;
}

.slick-dots li button:before {
  font-size:10px!important;
}

.slick-dots li.slick-active button:before {
    opacity: 1!important;
    color: #96CCDB!important;
}


@media only screen and (max-width: 880px) {
  .rotina-slider-wrapper {
    display:block;
  }
  
  .rotina-3-panel-strip {
    display:none;
  }
}