﻿/**************************************************************
            *** CUSTOM COLORS
            **************************************************************/
/* header */
.morph-header-bar {
    background-color:;
    opacity:;
}
/* logo colors */
.morph-logo a {
    color:;
}

    .morph-logo a:hover {
        color:;
    }
/* widgets */
.morph-widgets-wrapper .widgettitle {
    color:;
}

.morph-widgets-wrapper .widget {
    color:;
}

.morph-widgets-wrapper .post-date,
.morph-widgets-wrapper .rss-date,
.morph-widgets-wrapper .wp-caption,
.morph-widgets-wrapper .wp-caption-text {
    color:;
}

.morph-widgets-wrapper .widget a {
    color:;
}

.morph-widgets-wrapper .widget_search input {
    color: !important;
    border-color: !important;
}
    /* searchform placeholder */
    .morph-widgets-wrapper .widget_search input#s::-webkit-input-placeholder {
        color: !important;
    }

    .morph-widgets-wrapper .widget_search input#s:-moz-placeholder {
        color: !important;
    }

    .morph-widgets-wrapper .widget_search input#s::-moz-placeholder {
        color: !important;
    }

/* menu button */
.morph-main-menu-button:after,
.morph-main-menu-button:before,
.morph-main-menu-button div.morph-main-menu-button-middle:before,
.morph-menu-button-three-alt:after,
.morph-menu-button-three-alt:before,
.morph-menu-button-three-alt div.morph-menu-button-three-alt-middle:before,
.morph-menu-button-four:after,
.morph-menu-button-four:before,
.morph-menu-button-four div.morph-menu-button-four-middle:before,
.morph-menu-button-four div.morph-menu-button-four-middle:after {
    background-color: #e4804c;
}
/* menu button label */
.morph-menu-button-label {
    color:;
}
/* main menu button hover */
.morph-main-menu-button:hover:after,
.morph-main-menu-button:hover:before,
.morph-main-menu-button:hover div.morph-main-menu-button-middle:before,
.morph-menu-button-three-alt:hover:after,
.morph-menu-button-three-alt:hover:before,
.morph-menu-button-three-alt:hover div.morph-menu-button-three-alt-middle:before,
.morph-menu-button-four:hover:after,
.morph-menu-button-four:hover:before,
.morph-menu-button-four:hover div.morph-menu-button-four-middle:before,
.morph-menu-button-four:hover div.morph-menu-button-four-middle:after {
    background-color: #e4804c;
}
/* menu button label */
.morph-main-menu-button-wrapper:hover .morph-menu-button-label {
    color:;
}
/* menu button active */
.morph-menu-active .morph-main-menu-button:after,
.morph-menu-active .morph-main-menu-button:before,
.morph-menu-active .morph-main-menu-button div.morph-main-menu-button-middle:before,
.morph-menu-active .morph-menu-button-three-alt:after,
.morph-menu-active .morph-menu-button-three-alt:before,
.morph-menu-active .morph-menu-button-three-alt div.morph-menu-button-three-alt-middle:before,
.morph-menu-active .morph-menu-button-four:after,
.morph-menu-active .morph-menu-button-four:before,
.morph-menu-active .morph-menu-button-four div.morph-menu-button-four-middle:before,
.morph-menu-active .morph-menu-button-four div.morph-menu-button-four-middle:after {
    background-color: #e4804c;
}
/* menu button active hover */
.morph-menu-active .morph-main-menu-button:hover:after,
.morph-menu-active .morph-main-menu-button:hover:before,
.morph-menu-active .morph-main-menu-button:hover div.morph-main-menu-button-middle:before,
.morph-menu-active .morph-menu-button-three-alt:hover:after,
.morph-menu-active .morph-menu-button-three-alt:hover:before,
.morph-menu-active .morph-menu-button-three-alt:hover div.morph-menu-button-three-alt-middle:before,
.morph-menu-active .morph-menu-button-four:hover:after,
.morph-menu-active .morph-menu-button-four:hover:before,
.morph-menu-active .morph-menu-button-four:hover div.morph-menu-button-four-middle:before,
.morph-menu-active .morph-menu-button-four:hover div.morph-menu-button-four-middle:after {
    background-color: #ffffff;
}
/* custom menu button speed */
.morph-main-menu-button:after,
.morph-main-menu-button:before,
.morph-main-menu-button div.morph-main-menu-button-middle:before,
.morph-menu-button-three-alt:after,
.morph-menu-button-three-alt:before,
.morph-menu-button-three-alt div.morph-menu-button-three-alt-middle:before,
.morph-menu-button-four:after,
.morph-menu-button-four:before,
.morph-menu-button-four div.morph-menu-button-four-middle:before,
.morph-menu-button-four div.morph-menu-button-four-middle:after {
    -webkit-transition: all s ease !important;
    -moz-transition: all s ease !important;
    transition: all s ease !important;
}

/* secondary menu button */
.morph-secondary-button-inner,
.morph-secondary-button-inner::before,
.morph-secondary-button-inner::after {
    background-color: #ffffff;
}
/* secondary menu button hover */
.morph-secondary-button:hover .morph-secondary-button-inner,
.morph-secondary-button:hover .morph-secondary-button-inner::before,
.morph-secondary-button:hover .morph-secondary-button-inner::after {
    background-color: #A0A0A0;
    background-color:;
}
/* secondary menu button active */
.morph-secondary-menu-button-active .morph-secondary-button-inner,
.morph-secondary-menu-button-active .morph-secondary-button-inner::before,
.morph-secondary-menu-button-active .morph-secondary-button-inner::after {
    background-color: #ffffff;
}
/* secondary menu button active hover */
.morph-secondary-menu-button-active .morph-secondary-button:hover .morph-secondary-button-inner,
.morph-secondary-menu-button-active .morph-secondary-button:hover .morph-secondary-button-inner::before,
.morph-secondary-menu-button-active .morph-secondary-button:hover .morph-secondary-button-inner::after {
    background-color: #e4804c;
}

/* search button */
.taptap-search-button {
    border-color: #ffffff;
}

    .taptap-search-button::after {
        background-color: #ffffff;
    }

.morph-search-button:hover .taptap-search-button {
    border-color:;
}

    .morph-search-button:hover .taptap-search-button::after {
        background-color:;
    }
/* search close button */
.morph-search-close-button:before,
.morph-search-close-button:after {
    background-color:;
}

.morph-search-close-wrapper:hover .morph-search-close-button:before,
.morph-search-close-wrapper:hover .morph-search-close-button:after {
    background-color:;
}
/* search field border + text */
.morph-search-wrapper {
    border-color:;
}

    .morph-search-wrapper #searchform input {
        color:;
    }

/* heading + sub-heading text */
.morph-heading-text {
    color:;
}

.morph-subheading-text {
    color:;
}
/* heading overlay */
.morph-heading-overlay {
    background-color: #000000;
}
/* heading bottom border + border thickness */
.morph-heading-wrapper {
    border-bottom-color: #e4804c;
    border-bottom-width: px;
}

/* main menu */
.morph-main-background {
    background-color: #102a48;
}

.morph-by-bonfire ul li a {
    color: #ffffff;
}

.morph-by-bonfire .menu > li > a {
    font-size: 18px;
}

.morph-menu-item-description {
    font-size: 18px;
    color:;
}

.morph-by-bonfire ul.sub-menu li a {
    font-size: 18px;
    color: #878787;
}

.morph-by-bonfire a i {
    color: #e4804c;
}
/* menu item hovers */
.morph-by-bonfire ul li.full-item-arrow-hover > a,
.morph-by-bonfire ul li a:hover {
    color: #e4804c;
}

    .morph-by-bonfire ul li.full-item-arrow-hover > a i,
    .morph-by-bonfire a:hover i {
        color: #55565C;
    }

.morph-by-bonfire ul.sub-menu li.full-item-arrow-hover > a,
.morph-by-bonfire ul.sub-menu li a:hover {
    color: #ffffff;
}
/* sub-menu arrow hover */
.full-item-arrow-hover > .morph-sub-arrow .morph-sub-arrow-inner::before,
.full-item-arrow-hover > .morph-sub-arrow .morph-sub-arrow-inner::after,
.morph-sub-arrow:hover .morph-sub-arrow-inner::before,
.morph-sub-arrow:hover .morph-sub-arrow-inner::after {
    background-color: #888;
}

.morph-by-bonfire ul li.border a {
    border-color:;
}

/* sub-menu arrow */
.morph-sub-arrow .morph-sub-arrow-inner::before,
.morph-sub-arrow .morph-sub-arrow-inner::after {
    background-color: #ffffff;
}

/* secondary menu */
.morph-secondary-menu-wrapper {
    background-color: #e4804c;
    border-color:;
}

    .morph-secondary-menu-wrapper:after {
        background-color:;
    }

    .morph-secondary-menu-wrapper a {
        font-size: 13px;
        color: #ffffff;
    }

        .morph-secondary-menu-wrapper a:hover {
            color: #ffffff;
        }

/* background overlay opacity */
.morph-background-overlay-active {
    opacity:;
}
/* background overlay color */
.morph-background-overlay {
    background-color:;
}

/* flyout speed */
.morph-menu-wrapper,
.morph-main-background,
.morph-main-wrapper {
    -webkit-transition: all s ease !important;
    -moz-transition: all s ease !important;
    transition: all s ease !important;
}

.morph-menu-wrapper-active .morph-by-bonfire ul li a {
    -webkit-transition-duration: s !important;
    -moz-transition-duration: s !important;
    transition-duration: s !important;
}

/* custom width */
.morph-menu-wrapper,
.morph-main-background,
.morph-main-wrapper {
    width: px;
    max-width: 100%;
}

.morph-main-wrapper,
.morph-main-background {
    -webkit-transform: translateX(-310px);
    -moz-transform: translateX(-310px);
    transform: translateX(-310px);
}

.morph-main-wrapper-right,
.morph-main-background-right {
    -webkit-transform: translateX(310px);
    -moz-transform: translateX(310px);
    transform: translateX(310px);
}

/* menu button animations (-/X) */
/* top bar animation (3 lines) */
.morph-menu-active .morph-main-menu-button:before {
    margin: 2px 0 0 0;
    transform: translateY(4px) rotate(45deg);
    -moz-transform: translateY(4px) rotate(45deg);
    -ms-transform: translateY(4px) rotate(45deg);
    -webkit-transform: translateY(4px) rotate(45deg);
}
/* bottom bar animation (3 lines) */
.morph-menu-active .morph-main-menu-button:after {
    transform: translateY(-5px) rotate(-45deg);
    -moz-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    -webkit-transform: translateY(-5px) rotate(-45deg);
}
/* middle bar fade out (3 lines) */
.morph-menu-active div.morph-main-menu-button-middle:before {
    opacity: 0;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease;
}
/* top bar animation (alternate 3 lines) */
.morph-menu-active .morph-menu-button-three-alt:before {
    width: 24px;
    margin-right: 7px;
    transform: translateY(6px) rotate(45deg);
    -moz-transform: translateY(6px) rotate(45deg);
    -webkit-transform: translateY(6px) rotate(45deg);
}
/* bottom bar animation (alternate 3 lines) */
.morph-menu-active .morph-menu-button-three-alt:after {
    width: 24px;
    margin: 8px 0 0 0px;
    transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -webkit-transform: translateY(-10px) rotate(-45deg);
}
/* middle bar fade out (alternate 3 lines) */
.morph-menu-active div.morph-menu-button-three-alt-middle:before {
    opacity: 0;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease;
}
/* top bar animation (alternate 4 lines) */
.morph-menu-active .morph-menu-button-four:before {
    width: 11px;
    transform: translateY(3px) translateX(-1px) rotate(45deg);
    -moz-transform: translateY(3px) translateX(-1px) rotate(45deg);
    -webkit-transform: translateY(3px) translateX(-1px) rotate(45deg);
}
/* middle bar #1 animation (alternate 4 lines) */
.morph-menu-active .morph-menu-button-four div.morph-menu-button-four-middle:before {
    width: 11px;
    transform: translateY(-3px) translateX(11px) rotate(-45deg);
    -moz-transform: translateY(-3px) translateX(11px) rotate(-45deg);
    -webkit-transform: translateY(-3px) translateX(11px) rotate(-45deg);
}
/* middle bar #2 animation (alternate 4 lines) */
.morph-menu-active .morph-menu-button-four div.morph-menu-button-four-middle:after {
    width: 11px;
    transform: translateY(3px) translateX(-1px) rotate(-45deg);
    -moz-transform: translateY(3px) translateX(-1px) rotate(-45deg);
    -webkit-transform: translateY(3px) translateX(-1px) rotate(-45deg);
}
/* bottom bar animation (alternate 4 lines) */
.morph-menu-active .morph-menu-button-four:after {
    width: 11px;
    transform: translateY(-3px) translateX(11px) rotate(45deg);
    -moz-transform: translateY(-3px) translateX(11px) rotate(45deg);
    -webkit-transform: translateY(-3px) translateX(11px) rotate(45deg);
}

/* custom heading height */
.morph-heading-wrapper,
.morph-heading-overlay,
.morph-heading-image {
    height: 150pxpx;
}

.morph-menu-wrapper {
    top: 150pxpx;
}
/* heading overlay opacity */
.morph-heading-overlay {
    opacity: 0;
}
/* heading image */
.morph-heading-image {
    background-image: url(https://rodefermossdev.wpengine.com/wp-content/uploads/2023/04/RM_Menu-logo-01.png);
}
/* heading image pattern */

/* thin button variations */

/* scrollbar styling */
.morph-main-wrapper-inner > .scroll-element .scroll-element_track,
.morph-main-wrapper-inner > .scroll-element:hover .scroll-bar {
    background-color: #e4804c;
}

.morph-main-wrapper-inner > .scroll-element .scroll-bar,
.morph-main-wrapper-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #ffffff;
}

.morph-main-wrapper-inner > .scroll-element.scroll-y {
    width: px;
}

.morph-main-wrapper-inner > .scroll-element .scroll-element_outer,
.morph-main-wrapper-inner > .scroll-element .scroll-element_track,
.morph-main-wrapper-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: px;
    -moz-border-radius: px;
    border-radius: px;
}

/* hide morph between resolutions */
@media ( min-width:px) and (max-width:px) {
    .morph-logo-wrapper,
    .morph-header-bar,
    .morph-main-menu-button-wrapper,
    .morph-main-wrapper,
    .morph-main-background,
    .morph-background-overlay {
        display: none;
    }

    body {
        margin-top: 0;
    }
}