@import url("/wp-content/uploads/limon-restored/28f91f6a27b2a0f6570d9704.css");
@import url("/wp-content/uploads/limon-restored/b9e6b7597e68b5a3ad02b15f.css");
/* Color variables */
:root {
    --purple: hsl(252, 63%, 54%);
    --dark-purple: hsl(252, 63%, 34%);
    --genoa-hugo-primary-blue: #041d82;
    --genoa-hugo-secondary-blue: #020e44;
    --genoa-hugo-gold: #fec70a;
    --karval-blue: #012D65;
    --karval-gold: #FBB040;
    --arriba-flager-orange: #D64300;
}

/* ========================================================================== */
/* Unset some rules in the furniture.css file */
.limon .navbar-default .navbar-nav > li > a {
  color: unset;
}

.limon .navbar-default {
  background-color: unset;
  border-radius: unset;
  border: none;
}

.limon :is(.kicker, .overline, .label) {
  color: unset;
}

.limon .reverse-bar-label {
  background-color: unset;
  color: unset;
}

.limon footer {
  background-color: unset;
}

.limon .navbar-default .navbar-brand {
  color: unset;
}

.limon .navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: unset;
  border-bottom-color: unset;
}

.limon #browse_content .content_list .item .headline {
  font-size: unset;
}

@media (min-width: 768px) {
  .limon .dropdown:hover .dropdown-menu {
      display: block;
  }
}

/* ========================================================================== */
/* Set custom rules */
/* ========================================================================== */
.limon {
font-size: 15px;
font-family: "PT Serif", serif;
}

.limon .flag {
  margin: 50px 0px;
}

.limon .navbar-default {
  background-color: var(--purple);
  color: white;
  font-weight: bold;
  padding: 0px;
}

.limon .navbar-default .navbar-nav > li > a {
  transition: all 0.2s ease;
}
.limon .navbar-default .navbar-nav > li > a:hover {
  background-color: var(--dark-purple);
  color: white;
}
.limon .navbar-default .navbar-nav > li > a:hover .caret {
  border-top-color: white;
  border-bottom-color: white;
}

.limon .navbar-default .dropdown-menu>li>a {
  transition: all 0.2s ease;
}
.limon .navbar-default .dropdown-menu>li>a:hover,
.limon .navbar-default .dropdown-menu>li>a:focus {
  background-color: var(--purple);
  color: white;
}

@media (max-width: 767px) {
  .limon .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
  .limon .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: var(--dark-purple);
    color: white;
  }
}

.limon .pk-layer.branding {
  background: var(--dark-purple);
}

.limon .pk-layer.branding-light {
  background: var(--purple);
}

.limon .pk-layer.limon {
  background: black;
  color: white;
}
.limon .pk-layer.limon :is(.kicker, .overline, .label) {
  color: white;
}

.limon .pk-layer.limon h1 a, 
.limon .pk-layer.limon h2 a, 
.limon .pk-layer.limon h3 a, 
.limon .pk-layer.limon h4 a, 
.limon .pk-layer.limon h5 a, 
.limon .pk-layer.limon h6 a, 
.limon .pk-layer.limon a.story-head, 
.limon .pk-layer.limon .story-head a, 
.limon .pk-layer.limon a.single-story-head, 
.limon .pk-layer.limon .single-story-head a {
  color: white;
}

.limon .pk-layer.genoa-hugo-light {
  background: var(--genoa-hugo-primary-blue);
  color: white;
}
.limon .pk-layer.genoa-hugo-light :is(.kicker, .overline, .label) {
  color: white;
}

.limon .pk-layer.genoa-hugo-light h1 a, 
.limon .pk-layer.genoa-hugo-light h2 a, 
.limon .pk-layer.genoa-hugo-light h3 a, 
.limon .pk-layer.genoa-hugo-light h4 a, 
.limon .pk-layer.genoa-hugo-light h5 a, 
.limon .pk-layer.genoa-hugo-light h6 a, 
.limon .pk-layer.genoa-hugo-light a.story-head, 
.limon .pk-layer.genoa-hugo-light .story-head a, 
.limon .pk-layer.genoa-hugo-light a.single-story-head, 
.limon .pk-layer.genoa-hugo-light .single-story-head a {
  color: white;
}

.limon .pk-layer.genoa-hugo-dark {
  background: var(--genoa-hugo-secondary-blue);
  color: white;
}
.limon .pk-layer.genoa-hugo-dark :is(.kicker, .overline, .label) {
  color: white;
}

.limon .pk-layer.genoa-hugo-dark h1 a, 
.limon .pk-layer.genoa-hugo-dark h2 a, 
.limon .pk-layer.genoa-hugo-dark h3 a, 
.limon .pk-layer.genoa-hugo-dark h4 a, 
.limon .pk-layer.genoa-hugo-dark h5 a, 
.limon .pk-layer.genoa-hugo-dark h6 a, 
.limon .pk-layer.genoa-hugo-dark a.story-head, 
.limon .pk-layer.genoa-hugo-dark .story-head a, 
.limon .pk-layer.genoa-hugo-dark a.single-story-head, 
.limon .pk-layer.genoa-hugo-dark .single-story-head a {
  color: white;
}

.limon a:hover {
  color: var(--purple);
}

.limon .content_bootstrap .caption, .limon .content_bootstrap .byline {
  font-family: serif;
}

.limon #browse_content {
  font-size: 1.1em;
}
.limon #browse_content .content_list .item .headline {
  font-size: 1.1em;
}

.limon .box .label {
  font-size: 1.4em;
}

.limon .reverse-bar {
  background-color: var(--purple);
  color: white;
}

.limon :is(.kicker, .overline, .label) {
  color: var(--dark-purple);
}

.limon .contact-us-emails tr {
  height: 35px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.limon .contact-name-about-us {
  margin-right: 15px;
}

.limon footer {
  background-color: white;
  color: unset;
  border-top: 2px solid var(--purple);
}
.limon footer a {
  color: unset !important; /* why oh WHY is there an !important rule set in a file for defaults??? */
}
.limon footer a:hover {
  color: var(--purple) !important;
}
.limon footer p.kicker {
  color: var(--dark-purple) !important;
}



.limon .copyright-container {
  background-color: var(--purple);
  color: white;
}
  
/* Steal some bootstrap rules */

.limon .mb-3 { margin-bottom:1rem!important; }

.limon .my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.limon .d-flex {
  display: flex !important;
}

.limon .align-items-center {
  align-items: center !important;
}

.limon .flex-wrap {
  flex-wrap: wrap !important;
}

.limon .col {
  display: flex;
  align-items: center;
}

/* fix whitespace stuff */
.limon .maincontent-column .content_bootstrap .main-body br {
  content: " " !important;
  display: block !important;
  margin-bottom: 20px !important;
}
.slogan {
  font-weight: 300;
  opacity: 0.85;
  font-size: 100%;
}
@media (max-width: 767px) {
    .slogan {
    font-weight: 300;
    opacity: 0.85;
    font-size: 85%;
    margin: 10px 0;
  }
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 12px;
}