@charset "UTF-8";
/*
Theme Name: Design Rangers - Hello Elementor Child Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.5
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/*********************

VARIABLES

*********************/
body, body.elementor-page {
  --ang_background_light_background: #F7F3EF;
  --ang_background_light_heading: #327881;
  --ang_background_dark_background: #C35820;
  --ang_background_dark_heading: #F7F3EF;
  --ang_color_accent_primary: #D8723C;
  --ang_color_accent_secondary: #327881;
  color: #3A3935;
  font-family: "ingra", Sans-serif;
  font-size: 16px;
  --ang_color_heading: #327881;
}

body.elementor-page .sk-light-bg:not(.elementor-column) {
  background-color: #F7F3EF;
  color: var(--ang_color_text_light);
}

body.elementor-page .sk-dark-bg .elementor-counter-title, body.elementor-page .sk-dark-bg .elementor-counter-number-wrapper {
  color: currentColor;
}

body.elementor-page .sk-light-bg.elementor-column > .elementor-element-populated {
  background-color: #F7F3EF;
  color: var(--ang_color_text_light);
}

.sk-light-bg {
  color: #3A3935;
}

.sk-text-light {
  --ang_color_text_light: #3A3935;
}

.sk-text-light {
  color: #3A3935;
}

.sk-text-light .elementor-heading-title {
  color: #3A3935;
}

.sk-light-bg h1, body.elementor-page .sk-light-bg h1.elementor-heading-title, body.elementor-page .sk-light-bg h2, body.elementor-page .sk-light-bg h2.elementor-heading-title, body.elementor-page .sk-light-bg h3, body.elementor-page .sk-light-bg h3.elementor-heading-title, body.elementor-page .sk-light-bg h4, body.elementor-page .sk-light-bg h4.elementor-heading-title, body.elementor-page .sk-light-bg h5, body.elementor-page .sk-light-bg h5.elementor-heading-title, body.elementor-page .sk-light-bg h6, body.elementor-page .sk-light-bg h6.elementor-heading-title, body.elementor-page .sk-dark-bg .sk-light-bg h1, body.elementor-page .sk-dark-bg .sk-light-bg h1.elementor-heading-title, body.elementor-page .sk-dark-bg .sk-light-bg h2, body.elementor-page .sk-dark-bg .sk-light-bg h2.elementor-heading-title, body.elementor-page .sk-dark-bg .sk-light-bg h3, body.elementor-page .sk-dark-bg .sk-light-bg h3.elementor-heading-title, body.elementor-page .sk-dark-bg .sk-light-bg h4, body.elementor-page .sk-dark-bg .sk-light-bg h4.elementor-heading-title, body.elementor-page .sk-dark-bg .sk-light-bg h5, body.elementor-page .sk-dark-bg .sk-light-bg h5.elementor-heading-title, body.elementor-page .sk-dark-bg .sk-light-bg h6, body.elementor-page .sk-dark-bg .sk-light-bg h6.elementor-heading-title {
  color: #327881;
}

.sk-dark-bg:not(.elementor-column) {
  background-color: #C35820;
  color: var(--ang_color_text_dark);
}

.sk-light-bg .elementor-counter-title, body.elementor-page .sk-light-bg .elementor-counter-number-wrapper {
  color: currentColor;
}

.sk-dark-bg.elementor-column > .elementor-element-populated {
  background-color: #C35820;
  color: var(--ang_color_text_dark);
}

.sk-dark-bg {
  color: #F7F3EF;
}

body.elementor-page, body.elementor-page .sk-text-dark {
  --ang_color_text_dark: #F7F3EF;
}

.sk-text-dark {
  color: #F7F3EF;
}

.sk-text-dark .elementor-heading-title {
  color: #F7F3EF;
}

.sk-dark-bg h1, body.elementor-page .sk-dark-bg h1.elementor-heading-title, body.elementor-page .sk-dark-bg h2, body.elementor-page .sk-dark-bg h2.elementor-heading-title, body.elementor-page .sk-dark-bg h3, body.elementor-page .sk-dark-bg h3.elementor-heading-title, body.elementor-page .sk-dark-bg h4, body.elementor-page .sk-dark-bg h4.elementor-heading-title, body.elementor-page .sk-dark-bg h5, body.elementor-page .sk-dark-bg h5.elementor-heading-title, body.elementor-page .sk-dark-bg h6, body.elementor-page .sk-dark-bg h6.elementor-heading-title, body.elementor-page .sk-light-bg .sk-dark-bg h1, body.elementor-page .sk-light-bg .sk-dark-bg h1.elementor-heading-title, body.elementor-page .sk-light-bg .sk-dark-bg h2, body.elementor-page .sk-light-bg .sk-dark-bg h2.elementor-heading-title, body.elementor-page .sk-light-bg .sk-dark-bg h3, body.elementor-page .sk-light-bg .sk-dark-bg h3.elementor-heading-title, body.elementor-page .sk-light-bg .sk-dark-bg h4, body.elementor-page .sk-light-bg .sk-dark-bg h4.elementor-heading-title, body.elementor-page .sk-light-bg .sk-dark-bg h5, body.elementor-page .sk-light-bg .sk-dark-bg h5.elementor-heading-title, body.elementor-page .sk-light-bg .sk-dark-bg h6, body.elementor-page .sk-light-bg .sk-dark-bg h6.elementor-heading-title {
  color: #F7F3EF;
}

.elementor-view-stacked .elementor-icon {
  color: #fff;
}

.elementor-view-framed .elementor-icon, body.elementor-page .elementor-view-default .elementor-icon {
  border-color: #D8723C;
}

.theme-hello-elementor .comment-form input#submit {
  color: #fff;
  border: none;
}

body.elementor-page .elementor-tab-title a {
  color: inherit;
}

.e--pointer-framed .elementor-item:before, body.elementor-page .e--pointer-framed .elementor-item:after {
  border-color: #D8723C;
}

.elementor-sub-item:hover {
  color: #fff;
}

.dialog-message {
  font-size: inherit;
  line-height: inherit;
}

.sk-accent-1, body.elementor-page .elementor-view-default .elementor-icon-box-icon .elementor-icon, body.elementor-page .elementor-view-framed .elementor-icon-box-icon .elementor-icon, body.elementor-page .elementor-icon-list-icon, body.elementor-page .elementor-view-framed .elementor-icon, body.elementor-page .elementor-view-default .elementor-icon, body.elementor-page .sk-primary-accent, body.elementor-page .sk-primary-accent.sk-primary-accent h1, body.elementor-page .sk-primary-accent.sk-primary-accent h2, body.elementor-page .sk-primary-accent.sk-primary-accent h3, body.elementor-page .sk-primary-accent.sk-primary-accent h4, body.elementor-page .sk-primary-accent.sk-primary-accent h5, body.elementor-page .sk-primary-accent.sk-primary-accent h6, body.elementor-page *:not(.menu-item):not(.elementor-tab-title):not(.elementor-image-box-title):not(.elementor-icon-box-title):not(.elementor-icon-box-icon):not(.elementor-post__title):not(.elementor-heading-title) > a:not(:hover):not(:active):not(.elementor-item-active):not([role=button]):not(.button):not(.elementor-button):not(.elementor-post__read-more):not(.elementor-post-info__terms-list-item):not([role=link]), body.elementor-page a:not([class]), body.elementor-page .elementor-tab-title.elementor-active, body.elementor-page .elementor-post-info__terms-list-item, body.elementor-page .elementor-post__title, body.elementor-page .elementor-post__title a, body.elementor-page .elementor-heading-title a, body.elementor-page .elementor-post__read-more, body.elementor-page .elementor-image-box-title a, body.elementor-page .elementor-icon-box-icon a, body.elementor-page .elementor-icon-box-title a, body.elementor-page .elementor-nav-menu--main .elementor-nav-menu a:not(.elementor-sub-item), body.elementor-page .elementor-nav-menu--main .elementor-nav-menu .elementor-sub-item:not(:hover) a, body.elementor-page .elementor-nav-menu--dropdown a {
  color: #D8723C;
}

.elementor-view-stacked .elementor-icon, body.elementor-page .elementor-progress-bar, body.elementor-page .comment-form input#submit, body.elementor-page .sk-primary-bg:not(.elementor-column), body.elementor-page .elementor-nav-menu--dropdown .elementor-item:hover, body.elementor-page .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, body.elementor-page .elementor-nav-menu--dropdown .elementor-item.highlighted, body.elementor-page .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, body.elementor-page .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after, body.elementor-page .elementor-sub-item:hover, body.elementor-page .sk-primary-bg.elementor-column > .elementor-element-populated {
  background-color: #D8723C;
}

.elementor-button, body.elementor-page .button, body.elementor-page button, body.elementor-page .sk-accent-2 {
  background-color: #327881;
}

.sk-secondary-accent, body.elementor-page .sk-secondary-accent.sk-secondary-accent h1, body.elementor-page .sk-secondary-accent.sk-secondary-accent h2, body.elementor-page .sk-secondary-accent.sk-secondary-accent h3, body.elementor-page .sk-secondary-accent.sk-secondary-accent h4, body.elementor-page .sk-secondary-accent.sk-secondary-accent h5, body.elementor-page .sk-secondary-accent.sk-secondary-accent h6 {
  color: #327881;
}

.sk-secondary-bg:not(.elementor-column) {
  background-color: #327881;
}

.sk-secondary-bg.elementor-column > .elementor-element-populated {
  background-color: #327881;
}

body.elementor-page a {
  color: #D8723C;
}

body.elementor-page h1, body.elementor-page h2, body.elementor-page h3, body.elementor-page h4, body.elementor-page h5, body.elementor-page h6 {
  color: #327881;
}

/*

Clint, I added paragraph styles to have better control of spacing below paragraphs and font sizes across devices.

I also added .elementor widget-heading classes to the heading classes, otherwise, line height won't work.

*/
p {
  font-size: 16px;
  line-height: 1.5;
}

h1, .elementor-widget-heading h1.elementor-heading-title {
  font-family: "ingra", Sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.1;
}

h2, .elementor-widget-heading h2.elementor-heading-title {
  font-family: "ingra", Sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
}

h3, .elementor-widget-heading h3.elementor-heading-title {
  font-family: "cabrito-normal", Sans-serif;
  font-size: 36px;
  line-height: 1.3;
}

h4, .elementor-widget-heading h4.elementor-heading-title {
  font-family: "cabrito-normal", Sans-serif;
  font-size: 28px;
  line-height: 1.3;
}

h5, .elementor-widget-heading h5.elementor-heading-title, .mec-skin-grid-container .mec-event-title .mec-color-hover, .elementor-posts--skin-classic article .elementor-post__text .elementor-post__title {
  font-family: "ingra", Sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

h6, .elementor-widget-heading h6.elementor-heading-title {
  color: #3A3935;
  font-family: "ingra", Sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

h1.elementor-heading-title.elementor-size-xxl, body.elementor-page h2.elementor-heading-title.elementor-size-xxl, body.elementor-page h3.elementor-heading-title.elementor-size-xxl, body.elementor-page h4.elementor-heading-title.elementor-size-xxl, body.elementor-page h5.elementor-heading-title.elementor-size-xxl, body.elementor-page h6.elementor-heading-title.elementor-size-xxl {
  font-size: 56px;
}

h1.elementor-heading-title.elementor-size-xl, body.elementor-page h2.elementor-heading-title.elementor-size-xl, body.elementor-page h3.elementor-heading-title.elementor-size-xl, body.elementor-page h4.elementor-heading-title.elementor-size-xl, body.elementor-page h5.elementor-heading-title.elementor-size-xl, body.elementor-page h6.elementor-heading-title.elementor-size-xl {
  font-size: 48px;
}

h1.elementor-heading-title.elementor-size-large, body.elementor-page h2.elementor-heading-title.elementor-size-large, body.elementor-page h3.elementor-heading-title.elementor-size-large, body.elementor-page h4.elementor-heading-title.elementor-size-large, body.elementor-page h5.elementor-heading-title.elementor-size-large, body.elementor-page h6.elementor-heading-title.elementor-size-large {
  font-size: 36px;
}

h1.elementor-heading-title.elementor-size-medium, body.elementor-page h2.elementor-heading-title.elementor-size-medium, body.elementor-page h3.elementor-heading-title.elementor-size-medium, body.elementor-page h4.elementor-heading-title.elementor-size-medium, body.elementor-page h5.elementor-heading-title.elementor-size-medium, body.elementor-page h6.elementor-heading-title.elementor-size-medium {
  font-size: 28px;
}

h1.elementor-heading-title.elementor-size-small, body.elementor-page h2.elementor-heading-title.elementor-size-small, body.elementor-page h3.elementor-heading-title.elementor-size-small, body.elementor-page h4.elementor-heading-title.elementor-size-small, body.elementor-page h5.elementor-heading-title.elementor-size-small, body.elementor-page h6.elementor-heading-title.elementor-size-small {
  font-size: 20px;
}

button, body.elementor-page input[type=button], body.elementor-page input[type=submit], body.elementor-page .elementor-button {
  color: #ffffff;
  background-color: #327881;
}

.elementor-button.elementor-size-xs {
  font-family: "ingra", Sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #327881;
}

a.elementor-button.elementor-size-xs, body.elementor-page .elementor-button.elementor-size-xs {
  color: #327881;
  background-color: rgba(2, 1, 1, 0);
  border-radius: 0px 0px 0px 0px;
  padding: 8px 20px 8px 20px;
}

a.elementor-button.elementor-size-xs:hover, body.elementor-page .elementor-button.elementor-size-xs:hover, body.elementor-page a.elementor-button.elementor-size-xs:focus, body.elementor-page .elementor-button.elementor-size-xs:focus {
  color: #559CA2;
}

.elementor-button.elementor-size-sm {
  font-family: "ingra", Sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

a.elementor-button.elementor-size-sm, body.elementor-page .elementor-button.elementor-size-sm {
  border-radius: 100px 100px 100px 100px;
  padding: 16px 24px 15px 24px;
}

a.elementor-button.elementor-size-sm:hover, body.elementor-page .elementor-button.elementor-size-sm:hover, body.elementor-page a.elementor-button.elementor-size-sm:focus, body.elementor-page .elementor-button.elementor-size-sm:focus {
  background-color: #559CA2;
}

.elementor-button.elementor-size-md {
  font-family: "ingra", Sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

a.elementor-button.elementor-size-md, body.elementor-page .elementor-button.elementor-size-md {
  color: #F7F3EF;
  background-color: #C35820;
  border-radius: 100px 100px 100px 100px;
  padding: 16px 24px 15px 24px;
}

a.elementor-button.elementor-size-md:hover, body.elementor-page .elementor-button.elementor-size-md:hover, body.elementor-page a.elementor-button.elementor-size-md:focus, body.elementor-page .elementor-button.elementor-size-md:focus {
  background-color: #D8723C;
}

.elementor-button.elementor-size-lg {
  font-family: "ingra", Sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #559CA2;
}

a.elementor-button.elementor-size-lg, body.elementor-page .elementor-button.elementor-size-lg {
  color: #327881;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 100px 100px 100px 100px;
  padding: 16px 24px 15px 24px;
}

a.elementor-button.elementor-size-lg:hover, body.elementor-page .elementor-button.elementor-size-lg:hover, body.elementor-page a.elementor-button.elementor-size-lg:focus, body.elementor-page .elementor-button.elementor-size-lg:focus {
  color: #FFFFFF;
  background-color: #327881;
}

.elementor-button.elementor-size-xl {
  font-family: "ingra", Sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #C35820;
}

a.elementor-button.elementor-size-xl, body.elementor-page .elementor-button.elementor-size-xl {
  color: #C35820;
  background-color: rgba(2, 1, 1, 0);
  border-radius: 100px 100px 100px 100px;
  padding: 16px 24px 16px 24px;
}

a.elementor-button.elementor-size-xl:hover, body.elementor-page .elementor-button.elementor-size-xl:hover, body.elementor-page a.elementor-button.elementor-size-xl:focus, body.elementor-page .elementor-button.elementor-size-xl:focus {
  color: #F7F3EF;
  background-color: #C35820;
}

.ang-section-padding-default {
  padding: 2.5% 0% 2.5% 0%;
}

.ang-section-padding-narrow {
  padding: 1% 0% 1% 0%;
}

.ang-section-padding-extended {
  padding: 4% 0% 4% 0%;
}

.ang-section-padding-wide {
  padding: 5% 0% 5% 0%;
}

.ang-section-padding-wider {
  padding: 7% 0% 7% 0%;
}

.elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
  padding: 4px 4px 4px 4px;
}

.elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
  padding: 2.5% 5% 2.5% 5%;
}

.elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
  padding: 2.5% 8% 2.5% 8%;
}

.elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
  padding: 2.5% 12% 2.5% 12%;
}

@media (max-width: 1024px) {
  p {
    font-size: 15px;
    line-height: 24px;
  }

  h1, .elementor-widget-heading h1.elementor-heading-title {
    font-size: 48px;
  }

  h2, .elementor-widget-heading h2.elementor-heading-title {
    font-size: 32px;
  }

  h3, .elementor-widget-heading h3.elementor-heading-title {
    font-size: 30px;
  }

  h4, .elementor-widget-heading h4.elementor-heading-title {
    font-size: 24px;
  }

  h5, .elementor-widget-heading h5.elementor-heading-title {
    font-size: 18px;
  }

  h6, .elementor-widget-heading h6.elementor-heading-title {
    font-size: 15px;
  }

  .ang-section-padding-default {
    padding: 48px 22px 48px 22px;
  }

  .ang-section-padding-narrow {
    padding: 16px 22px 16px 22px;
  }

  .ang-section-padding-extended {
    padding: 32px 22px 32px 22px;
  }

  .ang-section-padding-wide {
    padding: 64px 22px 64px 22px;
  }

  .ang-section-padding-wider {
    padding: 72px 22px 72px 22px;
  }

  .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 10px 16px 10px 16px;
  }

  .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 10px 24px 10px 24px;
  }

  .elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 10px 32px 10px 32px;
  }
}
@media (max-width: 767px) {
  p {
    font-size: 14px;
  }

  h1, .elementor-widget-heading h1.elementor-heading-title {
    font-size: 40px;
  }

  h2, .elementor-widget-heading h2.elementor-heading-title {
    font-size: 28px;
  }

  h3, .elementor-widget-heading h3.elementor-heading-title {
    font-size: 24px;
  }

  h4, .elementor-widget-heading h4.elementor-heading-title {
    font-size: 20px;
  }

  h5, .elementor-widget-heading h5.elementor-heading-title {
    font-size: 18px;
  }

  h6, .elementor-widget-heading h6.elementor-heading-title {
    font-size: 14px;
  }

  .ang-section-padding-default {
    padding: 32px 22px 32px 22px;
  }

  .ang-section-padding-narrow {
    padding: 8px 22px 8px 22px;
  }

  .ang-section-padding-extended {
    padding: 24px 22px 24px 22px;
  }

  .ang-section-padding-wide {
    padding: 48px 22px 48px 22px;
  }

  .ang-section-padding-wider {
    padding: 56px 22px 56px 22px;
  }

  .elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 2px 10px 2px 10px;
  }

  .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 14px 10px 14px 10px;
  }

  .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 20px 10px 20px 10px;
  }

  .elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 24px 10px 24px 10px;
  }
}
.bkd-light {
  background: #F7F3EF;
}

.bkd-dark {
  background: #C35820;
}

.section-title-spacing {
  margin: 48px 0;
  padding: 48px 22px;
}

/*********************

This file contains custom styling for elementor widgets, 
The default styling has been modified to reflect the theme's style

Widgets edited:
// Post Widget
// Modern Events Tile Widget

*********************/
.elementor-posts--skin-classic article {
  text-align: center;
  border: 1px solid #D2D1CC;
  margin-bottom: 24px !important;
  border-radius: 10px;
  overflow: visible !important;
  position: relative;
}
.elementor-posts--skin-classic article .elementor-post__text {
  padding: 0 32px 48px;
}
.elementor-posts--skin-classic article .elementor-post__text .elementor-post__title {
  margin-bottom: 8px;
}
.elementor-posts--skin-classic article .elementor-post__thumbnail {
  border-radius: 8px 8px 0 0;
}
.elementor-posts--skin-classic article .elementor-post__read-more {
  position: absolute;
  bottom: -20px;
  background-color: #327881;
  padding: 12px 24px;
  font-family: "ingra", Sans-serif;
  font-size: 14px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 25px;
  transform: translateX(-50%);
  transition: ease all 0.5s;
  left: 50%;
}
.elementor-posts--skin-classic article .elementor-post__read-more:hover {
  background-color: #559CA2;
}
.elementor-posts--skin-classic article .elementor-post-avatar {
  display: none;
}

.elementor-pagination {
  padding-top: 48px;
}
.elementor-pagination .page-numbers {
  color: #327881 !important;
}
.elementor-pagination .page-numbers.current {
  color: #D8723C !important;
}

.mec-skin-grid-container article {
  min-height: 590px;
}
.mec-skin-grid-container .mec-event-image img {
  height: 300px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .mec-skin-grid-container .mec-event-image img {
    height: auto;
  }
}
.mec-skin-grid-container .mec-event-title .mec-color-hover {
  color: #D8723C;
}
.mec-skin-grid-container .mec-event-content p {
  margin: 0;
  font-family: "ingra", Sans-serif;
  line-height: 1.5em;
  font-size: 14px;
  color: #777;
  padding-bottom: 24px;
}
.mec-skin-grid-container .mec-booking-button {
  border-radius: 100px 100px 100px 100px;
  padding: 0px 20px 0px 20px;
  color: #327881 !important;
  background-color: rgba(2, 1, 1, 0);
  border: 1px solid #327881;
  font-family: "ingra", Sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1em;
  transition: ease all 0.5s;
}
.mec-skin-grid-container .mec-booking-button:hover {
  background-color: white;
}
.mec-skin-grid-container .mec-event-title {
  margin: -13px 0px 10px;
}
.mec-skin-grid-container .mec-event-footer {
  bottom: 0px;
  width: 100%;
  background: #f7f3ef54;
}
@media (min-width: 767px) {
  .mec-skin-grid-container .mec-event-footer {
    position: absolute;
  }
}
.mec-skin-grid-container .mec-event-sharing-wrap {
  padding-inline-start: 0px;
  transition: ease all 0.2s;
}
.mec-skin-grid-container .mec-event-grid-classic .mec-event-date {
  color: #D8723C;
  font-weight: 700;
  background-color: #f7f3ef54 !important;
}
.mec-skin-grid-container .mec-event-sharing-wrap > li:first-of-type {
  border: 1px solid #327881;
}
.mec-skin-grid-container .mec-event-share-icon {
  color: #327881 !important;
}
.mec-skin-grid-container .mec-event-sharing-wrap:hover .mec-event-share a {
  color: white !important;
  background: #327881;
}

.page .menu-item {
  font-family: "ingra", Sans-serif;
  font-size: 13px;
  font-weight: normal;
  border-radius: 5px;
  transition: ease all 0.5s;
}
.page .menu-item a {
  color: #87847A;
}
.page .menu-item:hover {
  background-color: #F7F3EF;
}
.page .menu-item:hover a {
  color: #D8723C !important;
}
.page .menu-item a:hover:after {
  content: none;
}

/*********************

TYPOGRAPHY

*********************/
/**** REMOVE MARGIN BELOW ALL HEADINGS ****/
.elementor-element.elementor-widget-heading {
  margin-bottom: 20;
}

p:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 4px;
}

/**** Make h1-h3 Blue by Default ****/
h1, h2, h3 {
  color: #327881;
}

h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h5 b, h5 strong, h6 b, h6 strong {
  color: #D8723C;
}

/**** REMOVE SPACE BELOW TEXT ****/
.text-space-bottom-none, .elementor-element.elementor-widget-heading.text-space-bottom-none h1.elementor-heading-title, .elementor-element.elementor-widget-heading.text-space-bottom-none h2.elementor-heading-title, .elementor-element.elementor-widget-heading.text-space-bottom-none h3.elementor-heading-title, .elementor-element.elementor-widget-heading.text-space-bottom-none h4.elementor-heading-title, .elementor-element.elementor-widget-heading.text-space-bottom-none h5.elementor-heading-title, .elementor-element.elementor-widget-heading.text-space-bottom-none h6.elementor-heading-title, .elementor-element.elementor-widget-heading.text-space-bottom-none h6.elementor-heading-title, .text-space-bottom-none p {
  margin-bottom: 0;
}

/**** SMALLER BODY FONT ****/
.text-small, .text-small p {
  font-size: 14px;
}

/**** LARGER BODY FONT FOR INTRO TEXT ****/
.text-intro, .text-intro p {
  font-size: 18px;

}

/**** NARROW TEXT FOR BETTER READABILITY ****/
.text-narrow {
  max-width: 800px;
}

/**** NARROW TEXT CENTERED ****/
.text-narrow-centered {
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  /**** LARGER BODY FONT FOR INTRO TEXT ****/
  .text-intro, .text-intro p {
    font-size: 17px;
  }
}  

@media (max-width: 767px) {
  /**** SMALLER BODY FONT ****/
  .text-small, .text-small p {
    font-size: 14px;
  }

}
@media (max-width: 544px) {
  /**** SMALLER BODY FONT ****/
  .text-small, .text-small p {
    font-size: 13px;
  }

  /**** LARGER BODY FONT FOR INTRO TEXT ****/
  .text-intro, .text-intro p {
    font-size: 16px;
  }
}
/*********************

LINKS

*********************/
a {
  color: inherit;
}

a:hover {
  color: inherit;
}

.elementor-icon-list-icon i {
  color: inherit;
}

.elementor-tab-title i {
  color: inherit;
}

.elementor-tab-title.elementor-active a {
  color: inherit;
}

.elementor-tab-title a {
  color: inherit;
}

/**** Classes for Better Margin Control ****/
.mbn, .mbn.elementor-widget, .mbn.elementor-widget:not(:last-child) {
  margin-bottom: 0;
}

.mbxs, .mbxs.elementor-element.elementor-widget-heading {
  margin-bottom: 4px;
}

.mbs, .mbs.elementor-element.elementor-widget-heading {
  margin-bottom: 8px;
}

.mbm, .mbm.elementor-element.elementor-widget-heading {
  margin-bottom: 16px;
}

.mbl, .mbl.elementor-element.elementor-widget-heading {
  margin-bottom: 24px;
}

.mbxl, .mbxl.elementor-element.elementor-widget-heading {
  margin-bottom: 40px;
}

.section-wavy-margin {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .section-wavy-margin {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (max-width: 1139px) {
  .mbl, .mbl.elementor-element.elementor-widget-heading {
    margin-bottom: 18px;
  }

  .mbxl, .mbxl.elementor-element.elementor-widget-heading {
    margin-bottom: 20px;
  }
}
/****************************************

SECTION PADDING – TOP
Used to change default spacing on sections.
Applied by using custom dropdown elements added to Elementor sections.

*****************************************/
.elementor-section {
  padding: 48px 24px;
}
@media (max-width: 767px) {
  .elementor-section {
    padding: 32px 24px;
  }
}

.section-default-pad {
  padding: 48px 24px;
}
@media (max-width: 767px) {
  .section-default-pad {
    padding: 32px 24px;
  }
}

.section-ptn {
  padding-top: 0px !important;
}

.section-pts {
  padding-top: 24px;
}
@media (max-width: 767px) {
  .section-pts {
    padding-top: 16px;
  }
}

.section-ptm {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .section-ptm {
    padding-top: 32px;
  }
}

.section-ptl {
  padding-top: 96px;
}
@media (max-width: 767px) {
  .section-ptl {
    padding-top: 32px;
  }
}

.section-ptxl {
  padding-top: 128px;
}
@media (max-width: 767px) {
  .section-ptxl {
    padding-top: 48px;
  }
}

.section-ptxxl {
  padding-top: calc(128px + 2.5%);
}
@media (max-width: 767px) {
  .section-ptxxl {
    padding-top: 48px;
  }
}

.elementor-inner-section {
  padding: 0px;
}

/****************************************

SECTION PADDING – BOTTOM
Used to change default spacing on sections.
Applied by using custom dropdown elements added to Elementor sections.

*****************************************/
.section-pbn {
  padding-bottom: 0px !important;
}

.section-pbs {
  padding-bottom: 24px;
}
@media (max-width: 767px) {
  .section-pbs {
    padding-bottom: 16px;
  }
}

.section-pbm {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .section-pbm {
    padding-bottom: 32px;
  }
}

.section-pbl {
  padding-bottom: 96px;
}
@media (max-width: 767px) {
  .section-pbl {
    padding-bottom: 32px;
  }
}

.section-pbxl {
  padding-bottom: 128px;
}
@media (max-width: 767px) {
  .section-pbxl {
    padding-bottom: 48px;
  }
}

.section-pbxxl {
  padding-bottom: calc(128px + 2.5%);
}
@media (max-width: 767px) {
  .section-pbxxl {
    padding-bottom: 48px;
  }
}

/****************************************

DEFAULT COLUMN PADDING
Column padding applied to Elementor.
Overrides 10px default padding.

*****************************************/
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap{
  padding: 24px;
}
@media (max-width: 1139px) {
  .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 24px 0px;
  }
}

/****************************************

COLUMN – CUSTOM LEFT & RIGHT PADDING
Used to add extra left or right padding to a column.
Using clear, plain language when possible.

*****************************************/
@media (min-width: 1139px) {
  .extra-space-right .elementor-column-wrap .elementor-element-popuplated {
    padding-right: calc(24px + 5%);
  }

  .extra-space-left .elementor-column-wrap .elementor-element-popuplated {
    padding-left: calc(24px + 5%);
  }
}
/****************************************

COLUMN CARDS
Helper classes applied to Elementor columns to make them appear as cards.

*****************************************/
.elementor-row > .elementor-column.card > .elementor-element-populated {
  background: #fff;
  border: 1px solid #D2D1CC;
  border-radius: 10px;
}
.elementor-column-gap-default > .elementor-row > .elementor-column.card > .elementor-element-populated > .elementor-widget-wrap > .elementor-widget-wrap {
  padding: 32px;
}
.elementor-column-gap-default > .elementor-row > .elementor-column.card > .elementor-element-populated > .elementor-widget-wrap {
  margin: 24px;
}
@media (max-width: 1139px) {
  .elementor-column-gap-default > .elementor-row > .elementor-column.card > .elementor-element-populated > .elementor-widget-wrap > .elementor-widget-wrap {
    padding: 24px;
  }  
  .elementor-column-gap-default > .elementor-row > .elementor-column.card > .elementor-element-populated {
    margin: 16px;
  }
}
@media (max-width: 767px) {
  .elementor-column-gap-default > .elementor-row > .elementor-column.card > .elementor-element-populated > .elementor-widget-wrap > .elementor-widget-wrap {
    padding: 24px;
  }  
  .elementor-column-gap-default > .elementor-row > .elementor-column.card > .elementor-element-populated {
    margin: 24px 0;
  }
}

.elementor-column-gap-narrow > .elementor-row > .elementor-column.card > .elementor-element-populated > .elementor-widget-wrap {
  padding: 32px;
}
.elementor-column-gap-narrow > .elementor-row > .elementor-column.card > .elementor-element-populated {
  margin: 8px;
}
@media (max-width: 1139px) {
  .elementor-column-gap-narrow > .elementor-row > .elementor-column.card > .elementor-element-populated > .elementor-widget-wrap {
    padding: 24px;
  }
  .elementor-column-gap-narrow > .elementor-row > .elementor-column.card > .elementor-element-populated {
    margin: 8px;
  }  
}
@media (max-width: 767px) {
  .elementor-column-gap-narrow > .elementor-row > .elementor-column.card > .elementor-element-populated > .elementor-widget-wrap {
    padding: 24px;
  }
  .elementor-column-gap-narrow > .elementor-row > .elementor-column.card > .elementor-element-populated {
    margin: 8px 0;
  }  
}

.elementor-column-gap-default > .elementor-row > .elementor-column.card > .elementor-element-populated .elementor-widget-image, .elementor-column-gap-narrow > .elementor-row > .elementor-column.card > .elementor-element-populated .elementor-widget-image {
  margin: -16px -16px 24px -16px;
  width: calc(100% + 32px);
}

.card-image-full.elementor-widget:not(:last-child) {
  margin-bottom: 0;
}

.card-image-full > .elementor-widget-container, #elementor .card-image-full > .elementor-widget-container {
  margin: -48px -48px 24px -48px;
}

/****************************************

CARD WRAP
Allow new cards to wrap to the next row instead of adding additional columns to the same row.

*****************************************/
/**** Two column cards****/
.section-card-wrap.two-col .elementor-column {
  flex: 0 1 50%;
}
@media (max-width: 1139px) {
  .section-card-wrap.two-col .elementor-column {
    flex: 0 1 50%;
  }
}
@media (max-width: 767px) {
  .section-card-wrap.two-col .elementor-column {
    flex: 0 0 100%;
  }
}

/**** Three column cards****/
.section-card-wrap.two-col .elementor-row, .section-card-wrap.three-col .elementor-row {
  flex-wrap: wrap;
}

.section-card-wrap.three-col .elementor-column {
  flex: 0 1 33.333%;
}
@media (max-width: 1139px) {
  .section-card-wrap.three-col .elementor-column {
    flex: 0 1 50%;
  }
}
@media (max-width: 767px) {
  .section-card-wrap.three-col .elementor-column {
    flex: 0 0 100%;
  }
}

@media (max-width: 1024px) {
  .elementor-column-gap-default > .elementor-row > .elementor-column.column-card > .elementor-element-populated {
    padding: 32px;
  }

  .card-image-full > .elementor-widget-container, #elementor .card-image-full > .elementor-widget-container {
    margin: -32px -32px 0px -32px;
  }
}
@media (max-width: 767px) {
  .elementor-column-gap-default > .elementor-row > .elementor-column.column-card > .elementor-element-populated {
    padding: 32px;
  }

  .card-image-full > .elementor-widget-container, #elementor .card-image-full > .elementor-widget-container {
    margin: -32px -32px 0px -32px;
  }
}
/* Start of Components For Pre-Styled Items */
.big-container {
  padding: 22px !important;
}
.big-container .elementor-container.elementor-column-gap-default {
  max-width: 1320px;
  margin: 0px auto;
}

@media (min-width: 1139px) {
  .expand {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    filter: drop-shadow(0px 2px 0px white);
    margin-bottom: 0px;
    z-index: 3;
  }
}

.rounded-corners, .rounded-corners .elementor-image img {
  border-radius: 10px;
}

.rounded-corners .elementor-column-wrap {
  border-radius: 10px;
}

/****************************************

ELEMENTOR COLUMN GAPS

*****************************************/
.elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
  padding: 8px;
}
@media (max-width: 767px) {
  .elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 8px 0px;
  }
}

.elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
  padding: 32px;
}
@media (max-width: 767px) {
  .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 24px 0px;
  }
}

.elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
  padding: 48px;
}
@media (max-width: 767px) {
  .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 24px 0px;
  }
}

.elementor-column-gap-widers > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
  padding: 64px;
}
@media (max-width: 767px) {
  .elementor-column-gap-widers > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 24px 0px;
  }
}

/*********************

MENUS AND SUBMENUS

*********************/
.submenu-list.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
  align-items: center;
}

.submenu-list .elementor-icon-list-icon {
  margin-right: 4px;
}

#submenu-tab .elementor-inline-items li:nth-child(2) {
  cursor: pointer;
}

.submenu-dropdown {
  transition: ease all 0.5s;
}

.submenu-dropdown .elementor-menu-toggle.elementor-active i:before {
  content: "";
  font-family: inherit;
}

.submenu-dropdown .elementor-menu-toggle i:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/****************************************

IMAGE – FILL AVAILABLE SPACE
Using object-fit class to let an image automatically fill the height and width of a column, similar to using a background image.

*****************************************/
.image-fill-space {
  display: flex;
  height: 100%;
}

.image-fill-space .elementor-widget-container {
  display: flex;
  height: 100%;
}

.image-fill-space img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.orange .elementor-column-wrap {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #d8723c 0%, #f59e1e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.border-all-sides {
  border: 1px solid #E7E1DB;
}

.number-circle {
  clip-path: circle(50% at 50% 100%);
  -webkit-clip-path: circle(50% at 50% 100%);
}

.comp-list-item .elementor-icon-box-wrapper {
  padding: 4px 0px;
}
.comp-list-item .elementor-icon-box-title {
  font-weight: bold;
  line-height: 1.2em;
}
.comp-list-item .elementor-icon {
  margin: -1.5px 12px 0 0;
  font-size: 18px;
}
.comp-list-item .elementor-icon-box-icon {
  margin-right: 0px !important;
}

.white-cta a {
  color: white !important;
}

.back-texture {
  background: url("/wp-content/uploads/2020/02/textured-background.png");
  background-size: cover;
}

.back-texture-alt {
  background: url("/wp-content/uploads/2020/02/textured-background2.png");
  background-size: cover;
}

.tile-photo img {
  height: 380px;
  object-fit: cover;
  border-radius: 10px;
}
@media (max-width: 1139px) {
  .tile-photo img {
    height: 300px;
  }
}
@media (max-width: 500px) {
  .tile-photo img {
    height: 200px;
  }
}

.image-fit {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.winston-container {
  position: relative;
}

.winston1, .winston2, .winston3, .winston4, .winston5, .winston6 {
  position: absolute;
}

.winston1 {
  top: -10%;
  transform: translateX(-50%);
  left: 50%;
}

.winston2 {
  top: -1%;
  left: -25%;
}

.winston3 {
  top: -1%;
  right: -30%;
}

.winston4 {
  bottom: 0%;
  left: -19%;
}

.winston5 {
  bottom: 2%;
  right: -26%;
}

.winston6 {
  bottom: -18%;
  transform: translateX(-50%);
  left: 50%;
}

.accordion .elementor-active.elementor-tab-title {
  background: #F7F3EF;
}

.staff-photo img {
  height: 260px;
  object-fit: cover;
  border-radius: 10px;
}

.join-league-photo img {
  height: 260px;
  object-fit: cover;
  border-radius: 10px;
}
@media (max-width: 1139px) {
  .join-league-photo img {
    height: 140px;
  }
}

.white i:before {
  color: white;
}

.stretch-vid {
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.stretch-vid .elementor-fit-aspect-ratio {
  height: 100%;
}
.stretch-vid .elementor-widget-container, .stretch-vid iframe {
  height: 100%;
}

.elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child) {
  margin-top: calc(8px/2);
}

.elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child) {
  padding-bottom: calc(8px/2);
}

.rotato-potato .elementor-background-overlay {
  transition: ease all 0.5s !important;
}
.rotato-potato:hover .elementor-background-overlay {
  transform: rotate(3deg);
}

.menu-cta {
  background-color: #327881 !important;
  transition: ease all 0.5s;
}
.menu-cta:hover a {
  background-color: #559CA2 !important;
}
.menu-cta a {
  color: white !important;
}

.blog-loop .elementor-post__read-more {
  color: #327881;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 100px 100px 100px 100px;
  padding: 16px 24px 16px 24px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  transition: ease all 0.5s;
  border-color: #559CA2;
}
.blog-loop .elementor-post__read-more:hover {
  background: #559CA2;
  color: white;
}

.single-post .section-default-pad {
  padding: 24px;
}

.blog-header {
  background-size: cover !important;
}

.post-type-archive-mec-events h1 {
  display: none;
}
.post-type-archive-mec-events .mec-container {
  padding: 96px 56px;
}
@media (max-width: 1139px) {
  .post-type-archive-mec-events .mec-container {
    padding: 24px 16px;
  }
}
.post-type-archive-mec-events .mec-masonry .mec-masonry-img img {
  background: cover;
}

.mec-time-details span {
  font-size: 14px;
  font-weight: 400;
}

.event-color {
  display: none;
}

.mec-event-list-standard .mec-event-meta .mec-event-address {
  font-style: italic;
  letter-spacing: 0;
  font-size: 13px;
  color: #8a8a8a;
  line-height: 1.6;
}

.mec-color-hover {
  font-family: "cabrito-normal", Sans-serif;
  font-size: 36px;
  line-height: 1.3em;
  color: #327881 !important;
}

.mec-event-footer {
  position: relative;
  padding: 20px;
  min-height: 80px;
  margin: 0;
  background: #F7F3EF;
}

.mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover {
  color: #C35820;
}

.mec-color-before div:before {
  color: #C35820 !important;
}

.mec-event-share {
  border-radius: 10px;
}

.mec-event-article {
  border-radius: 10px;
  overflow: hidden;
}

.mec-month-divider span {
  font-family: "ingra", Sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  color: #327881;
}

.mec-booking-button {
  border-radius: 100px 100px 100px 100px;
  padding: 0px 20px 0px 20px;
  color: #327881 !important;
  background-color: rgba(2, 1, 1, 0);
  border: 1px solid #327881;
  font-family: "ingra", Sans-serif;
  font-size: 15px;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  transition: ease all 0.5s;
}
.mec-booking-button:hover {
  background-color: white !important;
  border: 1px solid #327881;
}

.mec-event-footer .mec-booking-button:hover {
  border-color: #327881 !important;
}

.mec-event-d {
  color: #327881 !important;
}

.mec-event-sharing-wrap {
  padding-inline-start: 0px;
}

.mec-event-grid-classic .mec-event-date {
  color: #D8723C;
  font-weight: 700;
  background-color: #f7f3ef54 !important;
}

.mec-event-sharing-wrap > li:first-of-type {
  border: 1px solid #327881;
}

.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox, .mec-event-social.mec-frontbox, .mec-event-export-module.mec-frontbox {
  background: #F7F3EF;
  border-radius: 10px;
  border: none;
}
.mec-event-info-desktop.mec-event-meta.mec-color-before.mec-frontbox div, .mec-event-social.mec-frontbox div, .mec-event-export-module.mec-frontbox div {
  background: none !important;
}

.mec-events-gcal {
  border-radius: 25px;
}

.mec-wrap {
  font-family: inherit;
}

.mec-breadcrumbs {
  border: none;
  box-shadow: none;
}

.mec-event-meta i:before {
  color: #C35820 !important;
}

.mec-event-content p {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}

.mec-search-form.mec-totalcal-box {
  background: #F7F3EF;
  border-radius: 10px;
}

.mec-event-info-desktop div {
  border-bottom: 2px dotted #d8d8d8;
}
.mec-event-info-desktop div:last-child {
  border: none;
}

.mec-event-content p {
  font-family: inherit;
}

@media only screen and (max-width: 767px) {
  .mec-container {
    width: 100%;
    padding: 40px;
  }
}
.menu-item--button a {
  color: white !important;
  font-weight: normal !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
@media (max-width: 1139px) {
  .menu-item--button {
    border-radius: 0;
  }
  .menu-item--button:hover a {
    color: black !important;
  }
}

.featured-pets {
  grid-column-gap: 0px;
  grid-row-gap: 47px;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
@media (max-width: 1139px) {
  .featured-pets {
    grid-column-gap: 0px;
  }
}
@media (max-width: 767px) {
  .featured-pets {
    grid-template-columns: repeat(1, 1fr);
  }
}
.featured-pets .feat-pet {
  border-radius: 10px;
  overflow: hidden;
}
.featured-pets .home-feat-img {
  height: 250px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .featured-pets .home-feat-img {
    height: 300px;
  }
}

a.mec-booking-button.mec-bg-color {
  color: white !important;
}

.mec-events-content a {
  color: #D8723C !important;
  text-decoration: underline;
}
.mec-events-content a:hover {
  color: #327881 !important;
}

.mec-event-more-info {
  display: none;
}

.mec-events-event-cost {
  font-size: 14px !important;
}

.mec-event-grid-classic .mec-booking-button:hover {
  background: blue;
  color: white;
}

/****************************************

WINSTON ANIMATIONS
Animated svg lines for Winston headers

*****************************************/

.animation-winston .elementor-image {
    position: relative;
    display: inline-block;
}
.animation-winston .elementor-image:after {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
    animation-name: elementor-animation-pulse;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;    
}
.animation-winston.animation-winston-bling .elementor-image:after {
    background-image: url('images/animation-bling.svg');    
    position: absolute;
    bottom: 104px;
    right: 16px;
    width: 121px;
    height: 125px;
}
.animation-winston.animation-winston-found-pets .elementor-image:after {
    background-image: url('https://hsppr.org/wp-content/themes/ranger-hello-child/images/animation-found-pets.svg');
    position: absolute;
    top: 0;
    right: -30px;
    width: 140px;
    height: 72px;
}
.animation-winston.animation-winston-adoptions .elementor-image:after {
    background-image: url('https://hsppr.org/wp-content/themes/ranger-hello-child/images/animation-adoptions.svg');
    position: absolute;
    top: 160px;
    right: -20px;
    width: 400px;
    height: 76px;
}
.animation-winston.animation-winston-volunteer .elementor-image:after {
    background-image: url('https://hsppr.org/wp-content/themes/ranger-hello-child/images/animation-volunteer.svg');
    position: absolute;
    top: 190px;
    right: 45px;
    width: 340px;
    height: 99px;
}
.animation-winston.animation-winston-vet-services .elementor-image:after {
    background-image: url('https://hsppr.org/wp-content/themes/ranger-hello-child/images/animation-vet-services.svg');
    position: absolute;
    top: 52px;
    right: 90px;
    width: 90px;
    height: 95px;
}
@media(max-width: 1139px) {
    .animation-winston.animation-winston-bling .elementor-image:after {
      width: 80px;
      height: 83px;
      right: 8px;
      bottom: 62px;

  }
    .animation-winston.animation-winston-found-pets .elementor-image:after {
      width: 100px;
      height: 51px;
      top: 0;
      right: -24px;

  }  
    .animation-winston.animation-winston-adoptions .elementor-image:after {
      width:  260px;
      height: 50px;
      top: 100px;      
      right: -10px;
  }  
    .animation-winston.animation-winston-volunteer .elementor-image:after {
      width:  240px;
      height: 70px;
      top: 125px;      
      right: 30px;
  }  
    .animation-winston.animation-winston-vet-services .elementor-image:after {
      width: 60px;
      height: 63px;
      top: 26px;      
      right: 47px;
  }  
}
@media(max-width: 767px) {
    .animation-winston.animation-winston-bling .elementor-image:after {
      width: 70px;
      height: 73px;
      bottom: 46px;
      right: calc(50% - 98px);
  }
    .animation-winston.animation-winston-found-pets .elementor-image:after {
      width: 90px;
      height: 46px;
      top: 0; 
      right: calc(50% - 142px);
  } 
    .animation-winston.animation-winston-adoptions .elementor-image:after {
      width: 235px;
      height: 44px;
      top: 85px;
      right: calc(50% - 120px);
  }
  .animation-winston.animation-winston-volunteer .elementor-image:after {
      width: 210px;
      height: 61px;
      top: 102px;
      right: calc(50% - 79px);
  }
    .animation-winston.animation-winston-vet-services .elementor-image:after {
      width: 50px;
      height: 53px;
      top: 22px;
      right: calc(50% - 108px);
  }  
}
.submenu-winston .elementor-nav-menu > li a {
    padding-right:48px;
    padding-left: 0;
    background-image: url('https://hsppr.org/wp-content/themes/ranger-hello-child/images/icon-arrow-subnav-short.svg');
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: 50px 10px;
}
.submenu-winston .elementor-nav-menu > li:first-child {
    margin-left: 16px;
}
.submenu-winston .elementor-nav-menu > li a:hover {
    padding-right:48px;
    padding-left: 0;
}
@media(max-width:1130px) {
    .submenu-winston .elementor-nav-menu > li a {
        padding-right: 42px;
    }
    .submenu-winston .elementor-nav-menu > li a:hover { 
        padding-right: 42px;
    }
}

/*************** GRAVITY FORMS ***************/
body .gform_wrapper button, body.elementor-page .gform_wrapper input[type=button], body.elementor-page .gform_wrapper input[type=submit], body.elementor-page .gform_wrapper .elementor-button {
    text-transform: uppercase;
    border-radius: 100px 100px 100px 100px;
    padding: 16px 24px 15px;
    border-color: #327881;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.2px;
}
body .gform_wrapper button:hover, body.elementor-page .gform_wrapper input[type=button]:hover, body.elementor-page .gform_wrapper input[type=submit]:hover, body.elementor-page .gform_wrapper .elementor-button {
    background-color: #559ca2;
    color: #fff;
}
body .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: #327881;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid #A4A197;
    border-radius: 4px;
}
body .gform_wrapper .gfield_required {
  color: #C35820;  
}
body .eael-gravity-form .gform_body .gform_page_footer input[type=button], .eael-gravity-form .gform_body .gform_page_footer input[type="submit"] {
    width: auto!important;
}