@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.1
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
*/
/********************* Atoms – Variables, Typography, Buttons, Body Copy Etc. *********************/
/****************************************

ATOMS

Atoms are the smallest core component of any design and are combined to make most elements in the site.

Table of Contents

1. VARIABLES
2. TYPOGRAPHY
3. ANIMATION
4. LINKS
5. BUTTONS
6. DIVIDERS

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

1. VARIABLES

*********************/
:root {
    --base-font-size: 18px;
    --base-line-height: 1.8em;
}

:root {
    --base-text-color: #647082;
    --base-accent-color: #647082;
    --base-link-color: #647082;
    --base-hover-color: #647082;
    --base-divider-color: #647082;
}

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

2. TYPOGRAPHY

Baseline typography in Elementor is based on a 1.25 type scale:
https://www.modularscale.com/?16&px&1.25

*********************/
.elementor-widget-heading h1.elementor-heading-title {
    margin-bottom: 0;
}

.elementor-widget-heading h2.elementor-heading-title {
    margin-bottom: 0;
}

.elementor-widget-heading h3.elementor-heading-title {
    margin-bottom: 0;
}

.elementor-widget-heading h4.elementor-heading-title {
    margin-bottom: 0;
}

.elementor-widget-heading h5.elementor-heading-title {
    margin-bottom: 0;
}

.elementor-widget-text-editor ul, .elementor-widget-text-editor ol {
    margin-bottom: 24px;
}

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

3. ANIMATION

Default animation properties

*********************/
.elementor-button-c-warning .elementor-button:after, .elementor-button-c-info .elementor-button, .elementor-widget-button .elementor-button {
    transition: all .5s ease;
}

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

4. LINKS

This could include any type of special links or link overrides
Default links are styled in Elementor's Global Site Styles

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

5. BUTTONS

Used to override Elementor's button styles
Perfect for changing button styles using Elementor's built-in button types
Comment code out to remove changes

*********************/
.elementor-button-c-info .elementor-button, .elementor-widget-button .elementor-button {
    color: #fff;
    background: #9F980E;
    font-size: 20px;
    font-family: "korolev-condensed", Sans-serif;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 27px;
    padding: 14px 26px;
    letter-spacing: 0.96px;
}

.elementor-widget-button .elementor-button {
    font-weight: bold;
}

.elementor-widget-button .elementor-button:hover {
    background: #B7B237 !important;
    font-size: 20px;
    font-family: "korolev-condensed", Sans-serif;
    font-weight: 700;
    color: #fff;
}

.elementor-button-c-info .elementor-button {
    background: transparent !important;
    font-size: 20px;
    font-family: "korolev-condensed", Sans-serif;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    color: #BD641B;
}

.elementor-button-c-info .elementor-button:hover {
    background: transparent !important;
    color: #ED8B00;
}

.elementor-button-c-success .elementor-button {
    font-weight: bold;
    fill: var(--base-link-color);
    color: var(--base-link-color);
    background-color: transparent;
    border-style: dotted;
    border-width: 0 0 2px;
    border-color: transparent;
    padding: 8px 0;
    position: relative;
}

.elementor-button-c-success .elementor-button:hover {
    background: transparent;
    border-color: var(--base-link-color);
}

.elementor-button-c-warning .elementor-button {
    fill: var(--base-link-color);
    color: var(--base-link-color);
    background-color: transparent;
    border-style: dotted;
    border: none;
    padding: 8px 0;
    position: relative;
}

.elementor-button-c-warning .elementor-button:hover {
    color: var(--base-link-color);
    background: transparent;
}

.elementor-button-c-warning .elementor-button:hover:after {
    right: -24px;
}

.elementor-button-c-warning .elementor-button:after {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}

.elementor-button-c-danger .elementor-button {
    border: 1px solid var(--base-link-color);
    border-radius: 4px;
    background-color: transparent;
    color: var(--base-link-color);
    padding: 4px 8px;
    font-size: 0.8em;
    font-weight: normal;
    letter-spacing: 0.2;
    text-transform: uppercase;
}

.elementor-button-c-danger .elementor-button:hover {
    background: var(--base-link-color);
    color: #fff;
}

@media (max-width: 767px) {
    .elementor-widget-button .elementor-button:hover {
        font-size: 16px;
    }
}

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

6. DIVIDERS
Used to override bulit-in HR and Elementor divider styles

*****************************************/
hr {
    color: var(--base-divider-color);
    padding-top: 8px;
    padding-bottom: 8px;
}

.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
    border-top: var(--divider-border-width) var(--divider-border-style) var(--base-divider-color);
}

/********************* Design Rangers Elementor Spacing *********************/
/****************************************

SECTION PADDING – DEFAULTS
Default padding for sections.

*****************************************/
:root {
    --section-padding-side: 24px;
    --section-padding-default: 96px;
    --section-padding-small: 48px;
    --section-padding-medium: 160px;
    --section-padding-large: 200px;
    --section-padding-xl: 280px;
    --section-padding-xxl: calc(280px + 5%);
}

@media (max-width: 1024px) {
    :root {
        --section-padding-default: 80px;
        --section-padding-small: 36px;
        --section-padding-medium: 96px;
        --section-padding-large: 160px;
        --section-padding-xl: 200px;
        --section-padding-xxl: calc(200px + 5%);
    }
}

@media (max-width: 767px) {
    :root {
        --section-padding-default: 32px;
        --section-padding-small: 24px;
        --section-padding-medium: 32px;
        --section-padding-large: 32px;
        --section-padding-xl: 32px;
        --section-padding-xxl: 32px;
    }
}

.section-pbxxl, .section-pbxl, .section-pbl, .section-pbm, .section-pbs, .section-pbn, .section-ptxxl, .section-ptxl, .section-ptl, .section-ptm, .section-pts, .section-ptn {
    padding-left: var(--section-padding-side);
    padding-right: var(--section-padding-side);
}

.section-default-pad {
    padding: var(--section-padding-default) 24px;
}

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

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

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

.section-pts {
    padding-top: var(--section-padding-small);
}

.section-ptm {
    padding-top: var(--section-padding-medium);
}

.section-ptl {
    padding-top: var(--section-padding-large);
}

.section-ptxl {
    padding-top: var(--section-padding-xl);
}

.section-ptxxl {
    padding-top: var(--section-padding-xxl);
}

.elementor-section.elementor-inner-section {
    padding-left: 0;
    padding-right: 0;
}

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

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: var(--section-padding-small);
}

.section-pbm {
    padding-bottom: var(--section-padding-medium);
}

.section-pbl {
    padding-bottom: var(--section-padding-large);
}

.section-pbxl {
    padding-bottom: var(--section-padding-xl);
}

.section-pbxxl {
    padding-bottom: var(--section-padding-xxl);
}

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

ELEMENTOR COLUMN GAPS

*****************************************/
:root {
    --column-gap-default: 24px;
    --column-gap-narrow: 16px;
    --column-gap-extended: 32px;
    --column-gap-wide: 64px;
    --column-gap-wider: 128px;
}

@media (max-width: 1024px) {
    :root {
        --column-gap-default: 16px;
    }
}

@media (max-width: 767px) {
    :root {
        --column-gap-default: 24px 0;
        --column-gap-narrow: 24px 0;
        --column-gap-extended: 24px 0;
        --column-gap-wide: 24px 0;
        --column-gap-wider: 24px 0;
    }
}

.elementor-column-gap-default.elementor-container > .elementor-column > .elementor-element-populated {
    padding: var(--column-gap-default);
}

.elementor-column-gap-narrow.elementor-container > .elementor-column > .elementor-element-populated {
    padding: var(--column-gap-narrrow);
}

.elementor-column-gap-extended.elementor-container > .elementor-column > .elementor-element-populated {
    padding: var(--column-gap-extended);
}

.elementor-column-gap-wide.elementor-container > .elementor-column > .elementor-element-populated {
    padding: var(--column-gap-wide);
}

.elementor-column-gap-wider.elementor-column > .elementor-element-populated {
    padding: var(--column-gap-wider);
}

/********************* Helper Classes *********************/
/****************************************

HELPER CLASSES

Helper classes are common, global classes that can be applied to elements to change their behavior.
These are typically items that we would apply multiple times throughout a project.

Table of Contents

1. TYPOGRAPHY
2. MARGINS
3. COLUMN PADDING
4. COLUMN CARDS
5. CARD WRAP

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

1. TYPOGRAPHY

Helper classes to help control text sizes and line width.

*****************************************/
/**** SMALLER BODY FONT ****/
.text-small p, p.text-small {
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .text-small p, p.text-small {
        font-size: 16px;
    }
}

/**** LARGER BODY FONT FOR INTRO TEXT ****/
.text-large, .text-large p, p.text-large {
    font-size: 32px;
    line-height: 40px;
}

@media (max-width: 767px) {
    .text-large, .text-large p, p.text-large {
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 30px;
    }
}

/**** NARROW TEXT – DECREASES LINE WIDTH FOR BETTER READABILITY ****/
.text-narrow {
    max-width: 1146px;
}

.text-narrow-ex-large {
    max-width: 975px;
}

.text-narrow-large {
    max-width: 650px;
}

.text-narrow-small {
    max-width: 500px;
}

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

.green-bg-centered {
    max-width: 960px;
    margin: 0 auto;
}

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

2. MARGINS

Classes to add or remove margin below headlines and text globally.

m = margin
t = top
r = right
b = bottom
l = left

Example: mbn = Margin Bottom None

*****************************************/
.mbn, .mbn.elementor-widget, .mbn.elementor-widget:not(:last-child), .mbn h1, .mbn h2, .mbn h3, .mbn h4, .mbn h5, .mbn h6, .mbn p {
    margin-bottom: 0 !important;
}

.mbs, .mbs.elementor-widget, .mbs h1, .mbs h2, .mbs h3, .mbs h4, .mbs h5, .mbs h6, .mbs p {
    margin-bottom: 8px;
}

.mbm, .mbm.elementor-widget, .mbm h1, .mbm h2, .mbm h3, .mbm h4, .mbm h5, .mbm h6, .mbm p {
    margin-bottom: 16px;
}

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

.mbxl, .mbxl.elementor-widget {
    margin-bottom: 48px;
}

@media (max-width: 1024px) {
    .mbl, .mbl.elementor-widget {
        margin-bottom: 16px;
    }

    .mbxl, .mbxl.elementor-widget {
        margin-bottom: 24px;
    }
}

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

3. COLUMN PADDING

Adds extra padding on all sides of a column globally.
Perfect for text that sits next to an image or columns that just need extra breathing room.

*****************************************/
:root {
    --column-padding-large: 64px;
    --column-padding-xl: 96px;
}

@media (max-width: 1024px) {
    :root {
        --column-padding-large: 32px;
        --column-padding-xl: 32px;
    }
}

@media (max-width: 767px) {
    :root {
        --column-padding-large: 24px 0;
        --column-padding-xl: 24px 0;
    }
}

.elementor-column-gap-default.elementor-container > .padding-large.elementor-column > .elementor-element-populated {
    padding: var(--column-padding-large);
}

.elementor-column-gap-default.elementor-container > .padding-xl.elementor-column > .elementor-element-populated {
    padding: var(--column-padding-xl);
}

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

4. COLUMN CARDS

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

*****************************************/
.elementor-container > .elementor-column.card > .elementor-element-populated {
    background: #fff;
    border: 1px solid #D2D1CC;
    border-radius: 10px;
}

.elementor-column-gap-default.elementor-container > .elementor-column.card > .elementor-element-populated {
    margin: 12px;
    padding: 52px 38px 42px 38px;
}

@media (max-width: 1024px) {
    .elementor-column-gap-default.elementor-container > .elementor-column.card > .elementor-element-populated {
        margin: 16px;
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .elementor-column-gap-default.elementor-container > .elementor-column.card > .elementor-element-populated {
        margin: 24px 0;
        padding: 32px;
    }
}

.elementor-column-gap-narrow.elementor-container > .elementor-column.card > .elementor-element-populated {
    margin: 8px;
    padding: 32px;
}

@media (max-width: 1024px) {
    .elementor-column-gap-narrow.elementor-container > .elementor-column.card > .elementor-element-populated {
        margin: 8px;
        padding: 24px;
    }
}

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

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

5. CARD WRAP

Allow new columns set as cards to wrap to the next row instead of adding additional columns to the same row using Flexbox.
.section-card-wrap is applied to the container and column width (ex. .two-col) can be applied to each column.

*****************************************/
.section-card-wrap .elementor-container {
    flex-wrap: wrap;
}

.one-col {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media (max-width: 1024px) {
    .one-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

/**** Two column cards – 50% width ****/
.two-col {
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}

@media (max-width: 1024px) {
    .two-col {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}

@media (max-width: 767px) {
    .two-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

/**** Three column cards – 33.333% width ****/
.three-col {
    -webkit-flex: 0 1 33.333%;
    -ms-flex: 0 1 33.333%;
    flex: 0 1 33.333%;
}

@media (max-width: 1024px) {
    .three-col {
        -webkit-flex: 0 1 33.333%;
        -ms-flex: 0 1 33.333%;
        flex: 0 1 33.333%;
    }
}

@media (max-width: 767px) {
    .three-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

/**** Three column cards – 25% width ****/
.four-col {
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
}

@media (max-width: 1024px) {
    .four-col {
        -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
    }
}

@media (max-width: 767px) {
    .four-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

/********************* Elementor Widgets *********************/
/****************************************

ELEMENTOR WIDGETS

Global settings to override default Elementor widget styles.

Table of Contents

1. ICON LISTS
2. TOGGLES AND ACCORDIONS

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

1. ICON LISTS

Used to override Elementor's icon list widget styles
Uncomment to effect all default icon lists
The styles below add horizontal dividers, extra padding, and a vertical divider after the icon

*****************************************/
li.elementor-icon-list-item {
    padding: inherit;
    border-top: inherit;
}

li.elementor-icon-list-item:first-child {
    border-top: inherit;
}

li.elementor-icon-list-item a {
    color: inherit;
}

li.elementor-icon-list-item a:hover {
    color: inherit;
}

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

li.elementor-icon-list-item .elementor-icon-list-icon {
    padding: inherit;
}

li.elementor-icon-list-item .elementor-icon-list-text {
    padding: inherit;
}

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

2. TOGGLES & ACCORDION ELEMENTS

Used to override Elementor's toggle and accordion widgets
Add code to each element to make changes

*****************************************/
.elementor-toggle .elementor-tab-title {
    padding: inherit;
    border-bottom: inherit;
}

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

.elementor-toggle .elementor-active a, .elementor-toggle .elementor-toggle-icon-opened {
    color: inherit;
}

.elementor-accordion .elementor-tab-content {
    border-top: 0;
}

.elementor-accordion .elementor-accordion-item:first-of-type {
    border: 0 !important;
}

.elementor-accordion .elementor-accordion-item {
    border-color: var(--base-divider-color);
    border-top: 0.5px solid #BFB8AF !important;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title {
    padding: inherit;
}

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

.elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon {
    color: inherit;
}

.elementor-accordion .elementor-accordion-item .elementor-active a, .elementor-accordion .elementor-accordion-item .elementor-accordion-icon-opened {
    color: inherit;
}

/********************* Theme Specific Custom Styling *********************/
/****************************************

CUSTOM CSS

Custom CSS for any additoinal global site attributes.

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

/**** ELEMENTOR SLIDE WIDGET ****/
.elementor-slides-wrapper {
    border: 1px solid #9F980E;
    border-radius: 16px;
}

.swiper-slide-contents {
    background: #fff;
    padding: 48px;
    border-radius: 16px;
}

body .swiper-pagination-bullet {
    border: 1px solid #fff;
}

@media (max-width: 767px) {
    .swiper-slide-contents {
        padding: 24px;
        border-radius: 16px;
    }
}

/**** ESSENTIAL ADDONS LOGO CAROUSEL ****/
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.combine-text .uael-module-content .uael-subheading {
    width: 730px;
    text-align: center;
    margin: 0 auto;
}

.combine-text-orange .uael-module-content .uael-subheading {
    width: 680px;
    text-align: center;
    margin: 0 auto;
}

.combine-text-orange .uael-module-content .uael-heading {
    width: 730px;
    text-align: center;
    margin: 20px auto 38px auto;
}

.card .uael-module-content .uael-subheading {
    font-size: 16px;
}

/* Green overlay on video image */

.video-image:before {
    background: #9F980E;
    opacity: 0.8;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 16px;
}

/********** Uncomment once we need it
.card:first-of-type:before {
	content: "1";
}

.card:nth-of-type(2):before {
	content: "2";
}

.card:nth-of-type(3):before {
	content: "3";
}

.card:before {
	position: absolute;
	font-family: "kansasnew", Sans-serif;
	color: #fff;
	font-size: 32px;
	font-weight: 500;
    width: 63px;
    height: 63px;
    line-height: 63px;
    border-radius: 50%;
    background: #9F980E;
    top: -20px;
    left: 50%;
    z-index: 1;
    text-align: center;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
} **/

.meal-icons .e-gallery-grid:not(.e-gallery--animated) {
    grid-gap: 56px 18px;
}

.meal-desc.elementor-widget-icon-box:hover h5 {
    color: #9F980E;
}

.get-involved:before {
    content: url(../png/get-involved-icon.png);
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    z-index: 1;
    text-align: center;
    -webkit-transform: translate(-50%, -150%);
    -ms-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
}

.subhead-number .uael-sub-heading {
    background: #9F980E;
    color: #fff;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 64px;
    margin: -84px auto 24px !important;
}

.elementor-button-c-info .elementor-button .elementor-button-icon.elementor-align-icon-right,
.elementor-button-c-info .elementor-button .elementor-button-text {
    transition: all .5s ease;
}

.elementor-button-c-info .elementor-button .elementor-button-icon.elementor-align-icon-right:hover,
.elementor-button-c-info .elementor-button .elementor-button-text:hover {
    transition: all 0s ease;
}

.elementor-button-c-info .elementor-button:hover .elementor-button-icon.elementor-align-icon-right {
    margin-left: 8px;
    transition: all .5s ease;
}

.two-image-box .elementor-image-box-content .elementor-image-box-description {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
}

.img-testimonial .elementor-testimonial-content {
    font-family: "kansasnew", Sans-serif;
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    margin: 20px 0px 40px 0px;
}

.img-testimonial .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-image {
    padding-right: 30px;
}

.img-testimonial .elementor-testimonial-name {
    font-family: "korolev-condensed", Sans-serif;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0.88em;
    margin-bottom: 8px;
}

.img-testimonial .elementor-testimonial-job {
    font-family: "omnes-pro", Sans-serif;
    font-size: 18px;
    line-height: 1.6em;
}

.no-margin,
.no-margin p {
    margin-bottom: 0;
}

.swiper-pagination-bullet {
    opacity: 1;
    border: 1px solid #9f980e;
    background: transparent;
}

a.mm-link {
    color: #fff;
}

a.mm-link:hover {
    color: #ED8B00;
}

@media only screen and (max-width: 1024px) {
    .combine-text .uael-module-content .uael-subheading {
        width: 600px;
    }

    .subhead-number .uael-sub-heading {
        margin: -55px auto 24px !important
    }

    .meal-icons .e-gallery-grid:not(.e-gallery--animated) {
        grid-gap: 18px;
    }

    .get-involved:before {
        transform: translate(-50%, -110%);
    }

    .img-testimonial .elementor-testimonial-content {
        font-size: 36px;
    }

    .img-testimonial .elementor-testimonial-name {
        font-size: 20px;
    }

    .img-testimonial .elementor-testimonial-job {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .combine-text .uael-module-content .uael-subheading {
        width: auto;
    }

    .subhead-number .uael-sub-heading {
        margin: -60px auto 24px !important;
    }

    .elementor-button-c-info .elementor-button,
    .elementor-widget-button .elementor-button {
        font-size: 16px;
    }

    .get-involved:before {
        -webkit-transform: scale(0.75) translate(-70%, -105%);
        -ms-transform: scale(0.75) translate(-70%, -105%);
        transform: scale(0.75) translate(-70%, -105%);
    }

    .three-image-box .elementor-image-box-content .elementor-image-box-description {
        max-width: 460px;
        text-align: center;
        margin: 0 auto;
        padding: 0 20px;
    }

    .img-testimonial .elementor-testimonial-content {
        font-size: 28px;
    }

    .img-testimonial .elementor-testimonial-name {
        font-size: 18px;
    }

    .img-testimonial .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-image {
        padding-right: 20px;
    }
}

/* Styles for Food program type on Search result page */
.gmw-pt-default-form-wrapper {
    padding: 40px 120px;
    border-radius: 10px;
    background-color: #F5F3F1;
    margin-bottom: 20px !important;
}

.gmw-pt-default-form-wrapper label {
    font-size: 18px;
    font-weight: 700;
    color: #6C625A;
    margin-bottom: 20px !important;
}

.gmw-pt-default-form-wrapper input,
.gmw-pt-default-form-wrapper select {
    border-radius: 8px !important;
    padding: 13px 20px !important;
    font-size: 18px !important;
    color: #2A2522 !important;
    height: 48px !important;
    border: 1px solid #BFB8AF !important;
}

.gmw-pt-default-form-wrapper select {
    padding: 0 20px !important;
    appearance: none;
    background-image: url("../svg/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

.gmw-pt-default-form-wrapper input::placeholder {
    font-size: 18px !important;
    color: #2A2522 !important;
}

div.gmw-form-wrapper div.gmw-locator-button-wrapper.text {
    background: transparent;
    font-size: 16px;
    color: #BD641B;
    border: none;
    text-align: left;
    padding: 0 20px;
    font-weight: 600;
}

div.gmw-form-wrapper div.gmw-locator-button-wrapper.text:hover {
    background: transparent;
    color: #ED8B00;
}

div.gmw-form-wrapper div.gmw-locator-button-wrapper.text:before {
    content:  "\f124";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    margin-right: 8px;
}

div.gmw-form-wrapper div.gmw-address-field-wrapper.gmw-field-label-enabled i.gmw-locator-button {
    font-size: 24px;
    bottom: 7px;
    right: 8px;
}

div.gmw-form-wrapper .gmw-submit, div.gmw-form-wrapper input[type=submit] {
    background-color: #9F980E !important;
    border: 1px solid #B7B237 !important;
    border-radius: 30px !important;
    font-size: 20px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-family: "korolev-condensed", sans-serif;
    transition: all 0.3s;
    min-width: 152px;
    outline: none;
}

div.gmw-form-wrapper .gmw-submit:hover, div.gmw-form-wrapper input[type=submit]:hover {
    background-color: transparent !important;
    color: #9F980E !important;
}

.my-geo-wrapper .gmw-results-message {
    padding: 25px 40px 15px;
    border-top: 0;
    border-bottom: 1px solid #BFB8AF;
    background: transparent;
}

.my-geo-wrapper .gmw-results-message span {
    font-size: 16px;
    font-weight: 400;
    color: #2A2522;
}

div.gmw-results-wrapper.care-and-share .pagination-per-page-wrapper {
    padding: 0 !important;
    background: transparent;
}

.my-geo-wrapper .gmw-pagination li a {
    font-size: 13px !important;
    background-color: transparent !important;
}

.my-geo-wrapper .gmw-pagination {
    display: flex;
}

div.gmw-results-wrapper.blue ul.gmw-pagination, div.gmw-results-wrapper.default ul.gmw-pagination, div.gmw-results-wrapper.gray ul.gmw-pagination, div.gmw-results-wrapper.grid-gray ul.gmw-pagination, div.gmw-results-wrapper.purple ul.gmw-pagination, div.gmw-results-wrapper.red ul.gmw-pagination, div.gmw-results-wrapper.yellow ul.gmw-pagination {
    margin: 20px 0 !important;
}

.my-geo-wrapper .gmw-pagination li {
    border: 1px solid #BFB8AF !important;
    margin: 0 !important;
}

.my-geo-wrapper .gmw-pagination li span {
    background-color: transparent !important;
}

.my-geo-wrapper .gmw-pagination li:first-child {
    border-radius: 10px 0 0 10px;
}

.my-geo-wrapper .gmw-pagination li:last-child {
    border-radius: 0 10px 10px 0;
}

.my-geo-wrapper .posts-list-wrapper {
    background-color: transparent !important;
    border-top: 0 !important;
}

.my-geo-wrapper .single-post {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    border: 1px solid #CFCA50;
    border-bottom: 1px solid #CFCA50 !important;
    box-shadow: 0 0 32px 15px rgba(42, 37, 34, 0.11);
    padding: 0 !important;
    border-radius: 10px;
}

.my-geo-wrapper .post-title {
    line-height: 1 !important;
}

.my-geo-wrapper .post-title a {
    color: #546223 !important;
    font-family: "kansasnew", sans-serif !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    vertical-align: middle;
}

.my-geo-wrapper .address {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #2A2522 !important;
}

.my-geo-wrapper .distance {
    font-size: 13px !important;
    color: #2B2521 !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin-left: 15px !important;
    border-radius:  0 !important;
    background-color: #EBE7E3 !important;
}

.my-geo-wrapper .top-wrapper {
    padding: 20px 40px !important;
    border-bottom: 1px solid #CFCA50 !important;
    margin: 0 !important;
    line-height: normal !important;
}

.my-geo-wrapper .post-content {
    padding: 30px 40px !important;
}

.my-geo-wrapper .full-col {
    padding: 30px 40px !important;
}

.my-geo-wrapper .program-type-content {
    display: flex;
    align-items: center;
}

.my-geo-wrapper .program-type-content img {
    width: 24px;
    margin-right: 14px;
}

.my-geo-wrapper .program-type-content p {
    margin: 0;
    font-size: 16px;
}

.my-geo-wrapper .my-geo-notes p, .my-geo-wrapper .my-geo-notes li {
    font-size: 16px;
    color: #2A2522;
    font-weight: 400;
}

.my-geo-wrapper .my-geo-notes ul {
    list-style-type: disc;
}

.my-geo-wrapper .my-geo-notes p {
    margin-bottom: 14px;
}

.my-geo-wrapper .gmw-directions-link {
    margin-bottom: 30px !important;
}

.my-geo-wrapper .gmw-directions-link a {
    font-family: "korolev-condensed", sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-right: 14px;
    transition: all 0.3s;
}

.my-geo-wrapper .gmw-directions-link a:after {
    content: '»';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.my-geo-wrapper .services-wrap {
    margin-bottom: 30px;
}

.my-geo-wrapper .services-wrap:last-child {
    margin-bottom: 0;
}

.my-geo-wrapper .gmw-location-meta-wrapper {
    margin-bottom: 30px !important;
}

.my-geo-wrapper .services-wrap p {
    margin-bottom: 0 !important;
}

.my-geo-wrapper .post-content .left-col h3,
.my-geo-wrapper .post-content .right-col h3,
.my-geo-wrapper .full-col h3 {
    font-family: "omnes-pro", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #6C625A !important;
}

.my-geo-wrapper p, .my-geo-wrapper li {
    font-size: 16px !important;
    margin-bottom: 8px !important;
}

.my-geo-wrapper .services-wrap p:last-child,
.my-geo-wrapper .services-wrap li:last-child {
    margin-bottom: 0 !important;
}

.elementor-nav-menu--main .t-shortcode {
	display: none !important;
}

.elementor-icon-list--layout-traditional.elementor-widget .elementor-icon-list-item, .elementor-icon-list--layout-traditional.elementor-widget .elementor-icon-list-item a {
	-webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.elementor-icon-list--layout-traditional li.elementor-icon-list-item .elementor-icon-list-icon {
	padding-top: 5px;
}

.my-geo-wrapper .gmw-pagination li {
    z-index: 99;
}

@media only screen and (max-width: 800px) {
    .my-geo-wrapper .post-title {
        max-width: 100% !important;
        text-align: left !important;
    }

    .my-geo-wrapper .address-wrapper {
        text-align: left !important;
    }

    .my-geo-wrapper .address {
        text-align: left !important;
    }

    .my-geo-wrapper .right-col {
        padding-left: 0 !important;
        padding-top: 20px !important;
    }

    .my-geo-wrapper .full-col {
        padding: 0 40px 30px !important;
    }

    .gmw-pt-default-form-wrapper {
        padding: 40px 80px;
    }
}

@media only screen and (max-width: 640px) {
    .my-geo-wrapper .top-wrapper {
        padding: 30px 20px !important;
    }

    .my-geo-wrapper .post-content {
        padding: 30px 20px !important;
    }

    .my-geo-wrapper .full-col {
        padding: 0 20px 20px !important;
    }

    .my-geo-wrapper p,
    .my-geo-wrapper li {
        font-size: 14px !important;
    }

    .my-geo-wrapper .my-geo-notes ul {
        padding-left: 20px;
    }

    .gmw-pt-default-form-wrapper {
        padding: 30px;
    }

    .gmw-pt-default-form-wrapper label {
        font-size: 16px;
    }

    .gmw-pt-default-form-wrapper input, .gmw-pt-default-form-wrapper select {
        font-size: 16px !important;
        height: 40px !important;
        padding: 0 12px !important;
    }
    div.gmw-form-wrapper div.gmw-locator-button-wrapper.text {
        padding: 0 12px;
    }
    div.gmw-form-wrapper div.gmw-address-field-wrapper.gmw-field-label-enabled i.gmw-locator-button {
        font-size: 18px;
        bottom: 5px;
    }

    .gmw-pt-default-form-wrapper input::placeholder {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 767px) {
	.switcher {
		width: 212px !important;
    	padding: 16px 20px;
	}
	.switcher a {
		padding: 3px 5px !important;
		margin: 0 !important;
	}
	.elementor-nav-menu--main .t-shortcode {
		display: block !important;
	}
}
/****************************************

ESSENTIAL ADDONS CALENDAR WIDGET

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

.eael-event-calendar-wrapper .fc-view.fc-listMonth-view {
    border-color: #B7B237!important;
    box-shadow: 0 0 32px rgba(42,37,34,0.11);
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}
.fc-list-item-time.fc-widget-content {
    font-family: "omnes-pro", Sans-serif;
}
.fc-list-item-time {
    font-weight: 600;
}
.fc-timeGridDay-button, .fc-timeGridWeek-button {
    display: none;
}
/* Commented out this causing whitespace #366820
.fc-scroller {
    height: 50vh!important;
}
*/
@media (max-width: 575px) {
.eael-event-calendar-wrapper .fc-toolbar h2 {
    font-size: 24px !important;
    width: 100% !important;
    text-align: center !important;
    padding: 16px 8px !important;
}
}