/*

       d8888               888                                     .d8888b.           888 888               
      d88888               888                                    d88P  Y88b          888 888               
     d88P888               888                                    888    888          888 888               
    d88P 888 88888b.   .d88888 888d888 .d88b.  888  888  888      888         .d88b.  888 88888b.  888  888 
   d88P  888 888 "88b d88" 888 888P"  d8P  Y8b 888  888  888      888        d88""88b 888 888 "88b 888  888 
  d88P   888 888  888 888  888 888    88888888 888  888  888      888    888 888  888 888 888  888 888  888 
 d8888888888 888  888 Y88b 888 888    Y8b.     Y88b 888 d88P      Y88b  d88P Y88..88P 888 888 d88P Y88b 888 
d88P     888 888  888  "Y88888 888     "Y8888   "Y8888888P"        "Y8888P"   "Y88P"  888 88888P"   "Y88888 
                                                                                                        888 
                      www.andrewcolby.com / info@andrewcolby.com.                                  Y8b d88P 
                                                                                                    "Y88P"  
*/
/**
 * Vars
 */
/**
 * Mixins
 */
/**
 * Button Color
 */
/**
 * Boxs
 */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap");
.eventBox {
  color: #ffffff !important;
  border: 4px solid #9a8348;
  padding: 20px 20px 0;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* Scrollbar design */
.eventBox::-webkit-scrollbar {
  width: 12px;
}

/* Track */
.eventBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/* Handle */
.eventBox::-webkit-scrollbar-thumb {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: rgba(237, 0, 140, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6);
}

.eventBox::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(237, 0, 140, 0.4);
}

/* Event Post */
.event__post {
  margin-bottom: 20px;
}
.event__post strong {
  font-size: 1.4rem;
  text-transform: uppercase;
}
.event__post p {
  margin-bottom: 0;
}

/**
 * Elements
 */
/**
 * Pink Partial Background Color
 */
.pink__background__right__40 {
  background: linear-gradient(to right, #ffffff 60%, #9a8348 40%);
}

.pink__background__left__40 {
  background: linear-gradient(to right, #9a8348 40%, #ffffff 0%);
}

/**
 * Green Partial Background Color
 */
.green__background__right__40 {
  background: linear-gradient(to right, #ffffff 60%, #209e86 40%);
}

.green__background__left__40 {
  background: linear-gradient(to right, #209e86 40%, #ffffff 0%);
}

/*
@font-face {
  font-family: 'Captureit';
  src: url('/wp-content/themes/CelticaBeta/assets/acworks/fonts/Captureit.eot');
  src: url('/wp-content/themes/CelticaBeta/assets/acworks/fonts/Captureit.eot?#iefix') format('embedded-opentype'),
  url('/wp-content/themes/CelticaBeta/assets/acworks/fonts/Captureit.woff2') format('woff2'),
  url('/wp-content/themes/CelticaBeta/assets/acworks/fonts/Captureit.woff') format('woff'),
  url('/wp-content/themes/CelticaBeta/assets/acworks/fonts/Captureit.ttf')  format('truetype');
}
*/
/**
 * Form
 */
/**
 * Contact Form 7
 */
.wpcf7, #mc_embed_signup {
  background-color: #f7f7f7;
  border: 2px solid rgb(229, 229, 229);
  border-radius: 5px;
}
.wpcf7 input[type=submit], #mc_embed_signup input[type=submit] {
  background-color: rgb(229, 66, 66);
  color: #ffffff;
  border: inherit;
  border-radius: 9999px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1.125em;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-align: center;
  text-decoration: none;
  word-break: break-word;
  box-sizing: border-box;
}
.wpcf7 input[type=submit]:hover, #mc_embed_signup input[type=submit]:hover {
  cursor: pointer;
  background-color: #ce1c1c;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 textarea, #mc_embed_signup input[type=text],
#mc_embed_signup input[type=email],
#mc_embed_signup textarea {
  background-color: #ffffff;
  color: #000000;
}
.wpcf7 label, #mc_embed_signup label {
  color: #000000;
  font-size: 16px;
}
.wpcf7 form, #mc_embed_signup form {
  margin: 60px auto;
  width: 50%;
}
.wpcf7 form .wpcf7-response-output, #mc_embed_signup form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid rgb(9, 80, 188); /* Blue */
}
.wpcf7 form.init .wpcf7-response-output, #mc_embed_signup form.init .wpcf7-response-output {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output, #mc_embed_signup form.sent .wpcf7-response-output {
  border-color: #209e86; /* Green */
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output, #mc_embed_signup form.failed .wpcf7-response-output,
#mc_embed_signup form.aborted .wpcf7-response-output {
  border-color: rgb(229, 66, 66); /* Red */
}
.wpcf7 form.spam .wpcf7-response-output, #mc_embed_signup form.spam .wpcf7-response-output {
  border-color: #915922; /* Orange */
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output, #mc_embed_signup form.invalid .wpcf7-response-output,
#mc_embed_signup form.unaccepted .wpcf7-response-output {
  border-color: #e5e542; /* Yellow */
}

.wpcf7-not-valid-tip {
  color: rgb(229, 66, 66);
  font-size: 1em;
  font-weight: normal;
  display: block;
}

#very-special-field {
  color: rgb(229, 66, 66);
  border: 1px solid rgb(229, 66, 66);
}

/**
 * Recaptcha
 */
.grecaptcha-badge {
  opacity: 0;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////// General Head ////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/**
Body
 */
body {
  color: #000000;
}
body main, body header, body footer {
  color: #000000;
}
body main, body footer {
  width: 100%;
}

/**
Anchor
 */
a, .post a {
  color: #9a8348;
}

a:hover, .post a:hover {
  color: #706035;
}

/**
Align
 */
div .alignleft, span .alignleft {
  float: left;
}

/**
Blockquote
TODO  Make into mixin
 */
blockquote {
  padding: 0.5625rem 1.25rem 0.1rem 1.1875rem !important;
  border-left: 2px solid #9a8348 !important;
  text-align: justify !important;
  font-size: 1.5rem;
  line-height: 2.37rem !important;
}
blockquote p, blockquote span, blockquote font, blockquote i, blockquote em, blockquote b, blockquote strong {
  font-size: 1.5rem;
  line-height: 2.37rem !important;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////// General Content /////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*
Titles
 */
h1, h2 {
  font-weight: bold;
}

h1, h2, h3, h4 {
  margin-bottom: 1rem;
}

h1 {
  font-size: 4.6rem;
  line-height: 5.651422rem;
  font-weight: bold;
}

h2 {
  font-size: 2.6rem;
  line-height: 3.194282rem;
  font-weight: bold;
}

h3 {
  font-size: 2.3rem;
  line-height: 2.825711rem;
  font-weight: bold;
}

h4 {
  font-size: 2rem;
  line-height: 2.45714rem;
  font-weight: bold;
}

.titleFont {
  font-family: "Captureit", "Lato", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.category section, .single article {
  margin-left: 200px;
  margin-right: 200px;
}

.category article {
  padding: 40px;
  margin-bottom: 30px;
}
.category article .Category__Featured__Image {
  float: left;
  margin: -40px 40px -40px -40px;
}

.topArrow {
  opacity: 0.4;
  z-index: 9;
  position: fixed;
  right: 4%;
  bottom: 30px;
  padding: 7px 12px 8px;
  background-color: #000000;
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
  -moz-border-radius: 5px; /* FF1+ */
  border-radius: 5px; /* Opera 10.5, IE 9 */
}
.topArrow img {
  color: #ffffff;
  width: 26px;
}

.topArrow:hover {
  opacity: 0.7;
}

/**
 * Buttons
 */
.wp-block-button .wp-block-button__link {
  text-transform: uppercase;
  border-radius: 5px;
  font-weight: bold;
}

/**
 * Footer
 */
footer {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #ffffff;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  background-color: #000000;
}
footer p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
}
footer .footer__top {
  margin-top: -30px;
}
footer .footer__information {
  background-color: rgb(229, 229, 229);
  margin-top: 0px;
  margin-bottom: 30px;
  padding: 0 0 60px 0;
}
footer .footer__information .cell {
  padding-top: 60px;
}
footer .footer__information img {
  height: 30px;
}
footer .footer__information h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
}
footer .footer__information address {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
footer .footer__information a {
  padding: 0;
}
footer .footer__base {
  width: 100%;
  text-align: center;
  color: #ffffff;
}

/**
 * Header
 */
.Main__Menu {
  display: block;
  position: absolute;
  top: 40px;
  z-index: 999;
  width: 100%;
}
.Main__Menu nav ul li {
  padding: 0.7rem 1rem;
}
.Main__Menu nav ul li a {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 0 10px !important;
}
.Main__Menu nav ul li.active a {
  background-color: transparent;
  border-bottom: 3px solid #9a8348;
}
.Main__Menu nav ul li:hover a {
  background-color: transparent;
  border-bottom: 3px solid #9a8348 !important;
}

.Navigation__Section {
  background-color: #9a8348;
  width: 380px;
  -webkit-transform: translateX(-380px);
  -ms-transform: translateX(-380px);
  transform: translateX(-380px);
}
.Navigation__Section .close-button {
  top: 15px;
  right: 30px;
}
.Navigation__Section .close-button span img {
  height: 30px;
}
.Navigation__Section nav {
  padding: 60px 30px;
}
.Navigation__Section nav ul {
  display: flex;
  flex-direction: column;
}
.Navigation__Section nav ul li ul.is-dropdown-submenu {
  list-style-type: none;
  margin-left: 0;
}
.Navigation__Section nav ul li ul {
  z-index: 9;
}
.Navigation__Section nav ul li a {
  color: #ffffff;
  font-size: 2rem;
  text-transform: uppercase;
}
.Navigation__Section nav ul li a:hover {
  color: #000000;
  background-color: transparent;
}
.Navigation__Section nav ul li > a::after {
  border-color: #ffffff transparent transparent;
}
.Navigation__Section nav ul li.active > a {
  color: #000000;
  background-color: transparent;
}
.Navigation__Section nav ul li.active > a::after {
  border-color: #ffffff transparent transparent;
}
.Navigation__Section nav ul li.active:hover {
  background-color: transparent;
}

#Page__Header {
  position: relative;
}
#Page__Header .wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 0;
}
#Page__Header .wp-block-column {
  flex-grow: 1;
  min-width: 0;
  overflow-wrap: break-word;
}
#Page__Header .Menu__Button {
  display: none;
  position: absolute;
  z-index: 2;
  top: 60px;
  right: 60px;
}
#Page__Header .Menu__Button img {
  height: 50px;
}
#Page__Header .Menu__Button img.menu__Image {
  display: block;
}
#Page__Header .Menu__Button img.menu__hover__Image {
  display: none;
}
#Page__Header .Menu__Button:hover img.menu__Image {
  display: none;
}
#Page__Header .Menu__Button:hover img.menu__hover__Image {
  display: block;
}
#Page__Header .wp-block-cover {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
  padding: 1em;
  position: relative;
}
#Page__Header .wp-block-cover .wp-block-cover__image-background {
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
#Page__Header .wp-block-cover .wp-block-cover__gradient-background {
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
#Page__Header .wp-block-cover .wp-block-cover__inner-container {
  color: #ffffff;
  position: relative;
  width: 100%;
  z-index: 1;
}
#Page__Header .wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-column {
  flex-basis: 100%;
}
#Page__Header .wp-block-cover .wp-block-cover__inner-container .wp-block-columns .wp-block-image {
  margin-bottom: 60px;
}
#Page__Header .wp-block-cover .wp-block-cover__inner-container .wp-block-columns .header__button {
  display: flex;
  gap: 0.5em;
  flex-wrap: nowrap;
  align-items: center;
  align-items: center;
  justify-content: center;
}
#Page__Header .wp-block-cover .wp-block-cover__inner-container .wp-block-columns .header__menu__button {
  margin-bottom: 15px;
  font-size: 2rem;
}

/**
 * Main Pages
 */
/**
 * Home Page
 */
.home__type__options {
  padding: 0 !important;
}
.home__type__options .wp-block-group__inner-container .wp-block-getwid-image-box {
  overflow: hidden;
}
.home__type__options .wp-block-button .wp-block-button__link {
  margin-bottom: 30px;
}
.home__type__options .home__mexican__food h2, .home__type__options .home__music h2 {
  font-size: 3rem;
  text-transform: uppercase;
}
.home__type__options .home__mexican__food p, .home__type__options .home__music p {
  font-size: 2rem !important;
}
.home__type__options .home__mexican__food {
  background-color: #9a8348;
  color: #ffffff;
}
.home__type__options .home__music {
  background-color: #209e86;
  color: #ffffff;
}

.home__promotions {
  margin: 0;
}

.home_footer_slogan {
  font-weight: bold;
}

/**
 * About
 */
/**
 * Menus
 */
/**
 * Sidebar
 */
/**
 * Search
 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////// Wordpress ///////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.has-base-pink-background-color,
a.has-base-pink-background-color {
  background-color: #9a8348;
  color: #ffffff;
}

a.has-base-pink-background-color:hover {
  background-color: #706035;
  color: #ffffff;
}

a.has-base-gold-background-color:hover,
a.has-base-gold-background-color:focus {
  background-color: #706035 !important;
  color: #ffffff !important;
}

a.has-base-pink-color:hover, a.has-base-pink-color, .has-base-pink-color {
  color: #9a8348;
}

.has-base-green-background-color,
a.has-base-green-background-color {
  background-color: #209e86;
  color: #ffffff;
}

a.has-base-green-background-color:hover {
  background-color: #166b5b;
  color: #ffffff;
}

a.has-base-green-color:hover, a.has-base-green-color, .has-base-green-color {
  color: #209e86;
}

.has-base-black-background-color,
a.has-base-black-background-color {
  background-color: #000000;
  color: #ffffff;
}

a.has-base-black-background-color:hover {
  background-color: #000000;
  color: #ffffff;
}

a.has-base-black-color:hover, a.has-base-black-color, .has-base-black-color {
  color: #000000;
}

.has-base-red-background-color,
a.has-base-red-background-color {
  background-color: rgb(229, 66, 66);
  color: #ffffff;
}

a.has-base-red-background-color:hover {
  background-color: #ce1c1c;
  color: #ffffff;
}

a.has-base-red-color:hover, a.has-base-red-color, .has-base-red-color {
  color: rgb(229, 66, 66);
}

.has-base-grey-background-color,
a.has-base-grey-background-color {
  background-color: rgb(229, 229, 229);
}

a.has-base-grey-background-color:hover {
  background-color: #c6c6c6;
}

.has-base-grey-color {
  color: rgb(229, 229, 229);
}

.has-base-white-background-color,
a.has-base-white-background-color {
  background-color: #ffffff;
}

a.has-base-white-background-color:hover {
  background-color: rgb(229, 229, 229);
}

.has-base-white-color {
  color: #ffffff !important;
}

.alignwide {
  padding-left: 200px;
  padding-right: 200px;
}

.wp-block-group {
  padding-top: 30px;
  padding-bottom: 30px;
}

/*
Image and Text Block
 */
.wp-block-media-text__content p {
  text-align: justify !important;
}

.wp-block-column:has(.fit-heading) {
  container-type: inline-size;
}

.fit-heading {
  font-size: min(var(--wp--preset--font-size--x-large, 42px), 9.5cqi) !important;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////// Responsive //////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* xl */
/*---------------------------------------- XL ----------------------------------------*/
/* l */
/*---------------------------------------- XL ----------------------------------------*/
/* m */
/*---------------------------------------- LG ----------------------------------------*/
/* s */
/*---------------------------------------- MD ----------------------------------------*/
@media (max-width: 767px) {
  /**
   * Header
   */
  .Main__Menu {
    display: none;
  }
  #Page__Header .Menu__Button {
    display: block;
    top: 30px;
    right: 30px;
  }
  #Page__Header .Menu__Button img {
    height: 50px;
  }
  .Navigation__Section {
    width: 100vw;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
  }
  /**
   * Home
   */
  .home__mexican__food h2, .home__music h2 {
    padding-top: 60px;
    font-size: 3rem;
    text-transform: uppercase;
  }
  .home__mexican__food p, .home__music p {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    line-height: initial;
  }
  .home__mexican__food .wp-block-buttons, .home__music .wp-block-buttons {
    padding-top: 10px;
    padding-bottom: 60px;
  }
}
/* xs */
/*---------------------------------------- S ----------------------------------------*/
/* Mobile Landscape / samsung 360 / iphone 320 */
/*---------------------------------------- Mobile Landscape ----------------------------------------*/
