/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* NK Custom CSS for Yootheme Pro WELLSPRING MAIN SITE 2022 - place in "child" theme/CSS/ */

/* GLOBAL 
---------------------------------------------------------*/

/* SITE COLORS
Primary: HEADLANDS DARK SKY BLUE - #13294b, RGB 19, 41, 75
Secondary: GREAT LAKES COMPLIANT VARIANT - #2b7bb1, RGB 43, 123, 177
Body: #6c6d6d
Muted: #f7f8f8
GREAT LAKES BLUE - #4b9cd3, RGB 75, 156, 211
Reverse Blue: #a2d2ec
*/

/* TYPOGRAPHY & SPECIAL COLORS
---------------------------------------------------------*/
hr {clear: both;}
em {color:inherit !important;}

/* uk-button stacked type fix */
.uk-button:not(.uk-button-text):not(.uk-button-small) {
    padding: 10px 30px;
    line-height: 1.4rem;
}

/* text button */
.uk-button-text {
    text-transform: uppercase;
}
.uk-button-text::before {
    border-bottom: 2px solid #4b9cd3;
}
.uk-button-text::after {
    content: "";
    background: url("text-button-arrow.svg") left top no-repeat;
    background-size: cover;
    height: 12px;
    width: 13px;
    position: absolute;
    top: .275rem;
    right: -1.25rem;
}

/* DEFAULT CUSTOM CSS ---------- */
/* HEADING HIGHLIGHT COLOR - called with HTML strong tag */
h1 strong, 
h2 strong, 
h3 strong, 
h4 strong, 
.uk-heading-small strong, 
.uk-heading-medium strong, 
.uk-heading-large strong {
    font-weight: inherit;
    color: #4b9cd3;
}
h5 strong, 
h6 strong {
    font-weight: inherit;
    color: #2b7bb1;
}
.uk-section-muted h1 strong, 
.uk-section-muted h2 strong, 
.uk-section-muted h3 strong, 
.uk-section-muted h4 strong, 
.uk-section-muted h5 strong, 
.uk-section-muted h6 strong, 
.uk-section-muted .uk-heading-small strong, 
.uk-section-muted .uk-heading-medium strong, 
.uk-section-muted .uk-heading-large strong
.uk-tile-muted h1 strong, 
.uk-tile-muted h2 strong, 
.uk-tile-muted h3 strong, 
.uk-tile-muted h4 strong, 
.uk-tile-muted h5 strong, 
.uk-tile-muted h6 strong, 
.uk-tile-muted .uk-heading-small strong, 
.uk-tile-muted .uk-heading-medium strong, 
.uk-tile-muted .uk-heading-large strong {
    color: #2b7bb1;
}

/* HEADING DIVIDERS */
/* custom heading divider */
.uk-heading-divider {
    border: none;
    max-width: max-content;
}
.uk-heading-divider:after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    margin-top: 2px;
    background: linear-gradient(90deg, rgba(43,123,177,1) 0%, rgba(75,156,211,1) 100%);
    transition: all 0.25s ease-in-out;
}
a.uk-card:hover .uk-heading-divider:after {
    width: 100%;
}

/* IMG DECORATION */
.tm-box-decoration-default::before {
    background-color: #4b9cd3;
    border-radius: 20px;
}


/* SECTION COLOR CLASSES: ---------- */
/*
senior #C35137 RGB 195, 81, 55
family #4F7D61 RGB 79, 125, 97
behavioral #008080 RGB 0, 128, 128
---------------------------------------------------------*/
/* Senior */
.senior .uk-button-default {
    background-color: #c35137;
}
.senior .uk-button-default:hover {
    background-color: #db7761;
    box-shadow: 2px 2px 2px 0 #c35137;
}
.senior .uk-heading-divider:after {
    background:  linear-gradient(90deg, rgba(195,81,55,1) 0%, rgba(219,119,97,1) 100%);
}
.senior .tm-box-decoration-default::before {
    background-color: #db7761;
}

/* Family */
.family .uk-button-default {
    background-color: #4f7d61;
}
.family .uk-button-default:hover {
    background-color: #6c9e6c;
    box-shadow: 2px 2px 2px 0 #4f7d61;
}
.family .uk-heading-divider:after {
    background:  linear-gradient(90deg, rgba(79,125,97,1) 0%, rgba(108,158,108,1) 100%);
}
.family .tm-box-decoration-default::before {
    background-color: #6c9e6c;
}

/* Behavoiral */
.behavioral .uk-button-default {
    background-color: #008080;
}
.behavioral .uk-button-default:hover {
    background-color: #00a4a6;
    box-shadow:2px 2px 2px 0 #008080;
}
.behavioral .uk-heading-divider:after {
    background:  linear-gradient(90deg, rgba(0,128,128,1) 0%, rgba(0,164,166,1) 100%);
}
.behavioral .tm-box-decoration-default::before {
    background-color: #00a4a6;
}


/* Heading Highlight Color for SECTION CLASSES */
/* senior */
.senior h1 strong, 
.senior h2 strong, 
.senior h3 strong, 
.senior h4 strong,
.senior h5 strong, 
.senior h6 strong, 
.senior .uk-heading-small strong, 
.senior .uk-heading-medium strong, 
.senior .uk-heading-large strong,
.senior .uk-section-muted h1 strong, 
.senior .uk-section-muted h2 strong, 
.senior .uk-section-muted h3 strong, 
.senior .uk-section-muted h4 strong, 
.senior .uk-section-muted h5 strong, 
.senior .uk-section-muted h6 strong, 
.senior .uk-section-muted .uk-heading-small strong, 
.senior .uk-section-muted .uk-heading-medium strong, 
.senior .uk-section-muted .uk-heading-large strong
.senior .uk-tile-muted h1 strong, 
.senior .uk-tile-muted h2 strong, 
.senior .uk-tile-muted h3 strong, 
.senior .uk-tile-muted h4 strong, 
.senior .uk-tile-muted h5 strong, 
.senior .uk-tile-muted h6 strong, 
.senior .uk-tile-muted .uk-heading-small strong, 
.senior .uk-tile-muted .uk-heading-medium strong, 
.senior .uk-tile-muted .uk-heading-large strong {
    color: #c35137;
}
/* family */
.family h1 strong, 
.family h2 strong, 
.family h3 strong, 
.family h4 strong,
.family h5 strong, 
.family h6 strong, 
.family .uk-heading-small strong, 
.family .uk-heading-medium strong, 
.family .uk-heading-large strong,
.family .uk-section-muted h1 strong, 
.family .uk-section-muted h2 strong, 
.family .uk-section-muted h3 strong, 
.family .uk-section-muted h4 strong, 
.family .uk-section-muted h5 strong, 
.family .uk-section-muted h6 strong, 
.family .uk-section-muted .uk-heading-small strong, 
.family .uk-section-muted .uk-heading-medium strong, 
.family .uk-section-muted .uk-heading-large strong
.family .uk-tile-muted h1 strong, 
.family .uk-tile-muted h2 strong, 
.family .uk-tile-muted h3 strong, 
.family .uk-tile-muted h4 strong, 
.family .uk-tile-muted h5 strong, 
.family .uk-tile-muted h6 strong, 
.family .uk-tile-muted .uk-heading-small strong, 
.family .uk-tile-muted .uk-heading-medium strong, 
.family .uk-tile-muted .uk-heading-large strong {
    color: #4f7d61;
}
/* behavioral */
.behavioral h1 strong, 
.behavioral h2 strong, 
.behavioral h3 strong, 
.behavioral h4 strong,
.behavioral h5 strong, 
.behavioral h6 strong, 
.behavioral .uk-heading-small strong, 
.behavioral .uk-heading-medium strong, 
.behavioral .uk-heading-large strong,
.behavioral .uk-section-muted h1 strong, 
.behavioral .uk-section-muted h2 strong, 
.behavioral .uk-section-muted h3 strong, 
.behavioral .uk-section-muted h4 strong, 
.behavioral .uk-section-muted h5 strong, 
.behavioral.uk-section-muted h6 strong, 
.behavioral .uk-section-muted .uk-heading-small strong, 
.behavioral .uk-section-muted .uk-heading-medium strong, 
.behavioral .uk-section-muted .uk-heading-large strong
.behavioral .uk-tile-muted h1 strong, 
.behavioral .uk-tile-muted h2 strong, 
.behavioral .uk-tile-muted h3 strong, 
.behavioral .uk-tile-muted h4 strong, 
.behavioral .uk-tile-muted h5 strong, 
.behavioral .uk-tile-muted h6 strong, 
.behavioral .uk-tile-muted .uk-heading-small strong, 
.behavioral .uk-tile-muted .uk-heading-medium strong, 
.behavioral .uk-tile-muted .uk-heading-large strong {
    color: #008080;
}

/* IMG DECORATION - ALL */
.tm-box-decoration-primary::before {
    background-color: #4b9cd3;
    border-radius: 20px;
}
.senior .tm-box-decoration-primary::before {
    background-color: #db7761;
}
.family .tm-box-decoration-primary::before {
    background-color: #6c9e6c;
}
.behavioral .tm-box-decoration-primary::before {
    background-color: #00a4a6;
}

/* TEXT BUTTON for SECTION CLASSES */
.senior .uk-button-text::after {
    background: url("text-button-arrow-senior.svg") left top no-repeat;
}
.family .uk-button-text::after {
    background: url("text-button-arrow-family.svg") left top no-repeat;
}
.behavioral .uk-button-text::after {
    background: url("text-button-arrow-behavioral.svg") left top no-repeat;
}


/* LAYOUT 
---------------------------------------------------------*/
/* header bar */
.tm-toolbar, .tm-header, .tm-headerbar-top.tm-headerbar-default {
    background: linear-gradient(90deg, rgba(20,56,97,1) 0%, rgba(22,90,137,1) 100%);
}
.tm-headerbar a {
    text-decoration: none;
    font-family: "poppins";
}
.tm-headerbar a:hover, .tm-headerbar a:active {
    color: #a2d2ec;
}

/* NAV BAR */
/* prevent text wrap */
.uk-navbar-nav > li > a {
    white-space: nowrap;
}
/* main menu - hide separators */
.uk-navbar-dropdown-nav .uk-nav-divider {
    opacity: 0;
}
.uk-offcanvas .uk-nav-divider {
    display: none;
}
/* z-index for locations map */
.uk-navbar-dropbar-slide, .uk-sticky {
    z-index: 1020;
}
.uk-navbar-nav > li > a {
    transition: all .4s ease-in-out;
    text-decoration-color: #fff;
}
/* navbar hover active border */
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li.uk-active > a {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: #4B9CD3;
    text-decoration-thickness: 2px;
}
/* navbar arrows */
.uk-navbar-nav > li > a.drop::after {
    content:"";
    margin-left: .1em;
    background: url(chevron-down.svg) left top no-repeat;
    background-size: cover; 
    height: 16px;
    width: 16px;
    filter: invert(14%) sepia(8%) saturate(5200%) hue-rotate(178deg) brightness(98%) contrast(97%);
}
.uk-navbar-nav > li:hover > a.drop::after, .uk-navbar-nav > li.uk-active > a.drop::after {
    filter: invert(63%) sepia(100%) saturate(1687%) hue-rotate(177deg) brightness(88%) contrast(86%);
}
/* navbar spacing */
.uk-navbar-left {
    flex-wrap: nowrap;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
/* navbar search */
.uk-navbar-item {
    padding: 0;
    position: relative;
    right: -40px;
}
.uk-navbar-item.uk-logo {
    padding: 0 25px;
    right: 0;
}

/* mobile */
.tm-header-mobile .uk-navbar-container {
    background: linear-gradient(90deg, rgba(20,56,97,1) 0%, rgba(22,90,137,1) 100%);
}
.mobile-header-button {
    position: absolute;
    right: 120px;
}
@media only screen and (max-width: 419px) {
    .mobile-header-button {right: 110px;}
}

/* HEADING DIVIDERS */
/* custom heading divider */
.uk-heading-divider {
    border: none;
    max-width: max-content;
}
.uk-heading-divider:after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    margin-top: 2px;
    background: linear-gradient(90deg, rgba(43,123,177,1) 0%, rgba(75,156,211,1) 100%);
    transition: all 0.25s ease-in-out;
}
a.uk-card:hover .uk-heading-divider:after {
    width: 100%;
}

/* off canvas */
.uk-offcanvas a {
    text-decoration: none;
}

/* MODULES
---------------------------------------------------------*/
/* my maps location component */
#locationresult {
    display: block;
    height: auto !important;
    overflow: visible !important;
}
#locationresult .mCustomScrollBox {
  max-height: 100% !important;
}
#locationresult address > p {
    width: 85% !important;
    padding: 0px 10px;
    margin-top: -6px;
    font-size: 1rem !important;
}
#locationresult .mytool {
    top: -10px;
}
/* hide UI elements per BlackTruck */
#map-location #searchname, #map-location #autosuggest {
    display: none;
}
/* add explanatory text */
#map-location::before {
    content: "Select a Category or Filter by Tags";
    display: block;
    margin-bottom: 8px;
    color: #13294b;
}
/* style search button */
#map-location .mmldir-search-fields-form-elem .mymap.mymap-primary.resultmymap {
    border-radius: 20px;
    border: 1px solid #2B7BB1;
    color: #2B7BB1;
    background: #fff;
}
#map-location .mmldir-search-fields-form-elem .mymap.mymap-primary.resultmymap:hover {
    color: #fff;
    background: #2B7BB1;
    box-shadow: none;
}
#map-location .mmldir-search-fields-form-elem select#filter_catid {
    border-radius: 20px;
    border: 1px solid #2B7BB1 !important;
    margin-top: 0 !important;
}
/* hide link on Flint office */
#location_35 .detailsicon, #location_35 .resultmymap:not(.route):not(.contact-btn) {
    display: none;
}



/* RSForms */
.formRed, .formError {
    color: #CF4D4D;
    font-weight: inherit;
    font-size: .875rem;
}
.formRequired {
    color: #CF4D4D;
}
.rsform-block-recaptcha > label {
    display: none !important;
}
.uk-checkbox, .uk-radio {
    margin-right: 4px;
}
fieldset {
    border: none;
}

/* RESPONSIVE
---------------------------------------------------------*/

@media only screen and (max-width: 1136px) {
    .uk-navbar-nav > li > a {
        font-size:.75rem;
    }
}

@media only screen and (max-width: 959px) { /* off canvas break */
	.uk-navbar-left {width:auto;}
    .tm-box-decoration-primary::before {transform: translate(10px,10px);}
}