/*
 Theme Name:   SoCo WP Theme
 Theme URI:    http://socotestpsa.org
 Description:  Blade Child Theme
 Version:      1.0
 Author:       SoCo Web Team
 Author URI:   http://socotestpsa.org
 Template:     blade
*/


/******************************
    Fonts
*******************************/

@font-face {
    font-family: 'socofont';
    src: url('/wp-content/themes/SoCoTheme/fonts/socofont.eot?7dbb77');
    src: url('/wp-content/themes/SoCoTheme/fonts/socofont.eot?7dbb77#iefix') format('embedded-opentype'), url('/wp-content/themes/SoCoTheme/fonts/socofont.ttf?7dbb77') format('truetype'), url('/wp-content/themes/SoCoTheme/fonts/socofont.woff?7dbb77') format('woff'), url('/wp-content/themes/SoCoTheme/fonts/socofont.svg?7dbb77#socofont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.scicon {
    /* use !important to prevent issues with browser extensions that change fonts*/
    font-family: 'socofont' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-checkmark:before {
    content: "\e900";
    color: #fff;
}

.icon-cross:before {
    content: "\e901";
    color: #fff;
}

.icon-home:before {
    content: "\e902";
    color: #fff;
}

.icon-recover:before {
    content: "\e903";
    color: #fff;
}

.scicon {
    margin-bottom: 5px;
}


/******************************
    Top Brown Bar
*******************************/

#grve-top-bar ul.grve-left-side {
    float: right;
    /* Hack to have "Skip to Content" be the first element focused*/
    text-align: right;
}

#grve-top-bar ul.grve-right-side {
    float: left;
    text-align: left;
}

#grve-theme-wrapper #grve-top-bar .grve-wrapper {
    padding: 0;
}

#grve-top-bar a {
    border-bottom: 1px dotted #feede7;
}

#grve-top-bar a:focus,
#grve-top-bar a:hover {
    border-bottom: 1px solid #feede7;
    color: white;
}

#grve-top-bar #sonomaCountySeal a {
    border-bottom: none
}

#sonomaCountyBranding a,
#sonomaCountyBranding div,
#sonomaCountyBranding nav {
    display: inline-block;
    vertical-align: middle;
}

#sonomaCountySeal img {
    max-height: 50px;
    max-width: 80px;
}

#sonomaCountyLogo {
    padding-left: .5em;
}

#sonomaCountyLogo a,
#sonomaCountyLogo a:visited {
    color: #ffa950;
    font-size: 1em;
    border-bottom: 1px solid transparent;
    font-family: 'Lato', sans-serif;
}

#grve-top-bar #sonomaCountyLogo a:hover,
#sonomaCountyLogo a:focus {
    border-bottom: 1px solid #ff921c;
    color: #ff921c;
}

#sonomaCountyLogo a:hover #californiaText,
#sonomaCountyLogo a:focus #californiaText {
    color: #fff;
}

#countyOfSonomaText {
    font-weight: bold;
    padding-right: .2em;
}

#californiaText {
    color: #d7d7d7;
    font-style: italic;
    letter-spacing: 0;
}

#sonomaCountyParentNav {
    font-size: .75em;
    padding-left: 2em;
    padding-top: 0.3em;
}

#accessibilityLinks {
    font-size: .75em;
    vertical-align: middle;
    margin-right: 1.5em;
    margin-top: 1.7em;
}

a.skipTo,
#translationAnchor {
    margin-left: 15px;
}

#sonomaCountySeal a:hover img,
#sonomaCountySeal a:focus img {
    opacity: 0.7;
    filter: none;
}


/******************************
    Main Nav
*******************************/

#grve-main-header.grve-dark #grve-main-menu .grve-wrapper>ul>li>a:focus,
.grve-container #grve-main-menu .grve-wrapper>ul>li>a:focus,
html #grve-main-menu .grve-wrapper>ul>li.current-menu-ancestor>a:focus,
html #grve-main-menu .grve-wrapper>ul>li.current-menu-ancestor>a:hover {
    color: #ad6311;
}

html #grve-main-menu .grve-wrapper>ul>li ul li.current-menu-item>a {
    color: black;
    background-color: white;
}

html #grve-main-menu .grve-wrapper>ul>li ul li.current-menu-item>a:hover {
    color: white;
    background-color: #421305;
}

html #grve-main-menu .grve-wrapper>ul>li.current-menu-ancestor>a {
    color: black;
}


/******************************
    SoCo Alert
*******************************/

.alertmsg {
    background-color: #A30011;
    color: #e2e2e2;
}

#grve-body .grve-blog.alertmsg a.grve-read-more,
#grve-body .alertmsg .grve-post-title,
#grve-body .grve-blog.alertmsg div[itemprop~="articleBody"] a {
    color: #E2E2E2;
    border-bottom: 1px dotted #E2E2E2;
}

#grve-body .grve-blog.alertmsg a.grve-read-more:hover,
#grve-body .grve-blog.alertmsg a.grve-read-more:focus,
#grve-body .alertmsg a:hover .grve-post-title,
#grve-body .alertmsg a:focus .grve-post-title,
#grve-body .grve-blog.alertmsg div[itemprop~="articleBody"] a:hover,
#grve-body .grve-blog.alertmsg div[itemprop~="articleBody"] a:focus {
    color: white;
    border-bottom: 1px solid white;
}


/******************************
    News and Updates
*******************************/

#grve-body .grve-blog a.grve-read-more,
#grve-body .grve-blog div[itemprop~="articleBody"] a {
    color: #376471
}

#grve-body .grve-blog a.grve-read-more:hover,
#grve-body .grve-blog a.grve-read-more:focus,
.grve-blog-small a:hover .grve-post-title,
.grve-blog-small a:focus .grve-post-title,
#grve-body .grve-blog div[itemprop~="articleBody"] a:hover,
#grve-body .grve-blog div[itemprop~="articleBody"] a:focus {
    border-bottom: 1px solid #ad6311;
    color: #ad6311;
}

.grve-blog-small .grve-post-title {
    border-bottom: 1px dotted #421305;
}

.grve-element.grve-blog.grve-blog-small.grve-non-isotope a {
    border-bottom: none;
}

.grve-element.grve-blog.grve-blog-small.grve-non-isotope a.grve-read-more,
#grve-body .grve-blog div[itemprop~="articleBody"] a {
    border-bottom: 1px dotted #376471;
}


/******************************
    Prepare - Emergency - Recover buttons
*******************************/

.preparebx h4 {
    background-color: #207245;
    padding: 1em 0;
}

.emergencybx h4 {
    background-color: #A50707;
}

.recoverbx h4 {
    background-color: #006CC3;
}

.preparebx h4 a,
.emergencybx h4 a,
.recoverbx h4 a {
    font-size: 1.5em;
}

.preparebx h4,
.emergencybx h4,
.recoverbx h4 {
    padding: 1em 0;
    color: white;
}

.grve-blog-small .grve-blog-item {
    margin-bottom: 20px;
    overflow: hidden;
}

.grve-bg-hover-black:focus,
a.grve-bg-hover-black:focus {
    background-color: #000000;
    color: #ffffff
}


/******************************
    Footer
*******************************/

#CopyRight {
    padding-bottom: 15px;
    ;
}

#grve-body #grve-footer .grve-footer-bar a {
    color: #b7b7b7;
}

#grve-body #grve-footer .grve-footer-bar a:hover,
#grve-body #grve-footer .grve-footer-bar a:focus {
    color: white;
}


/******************************
    Footer buttons
*******************************/

.grve-row.socoFooterNav {
    margin-right: 0;
    margin-left: 0;
}

.socoFooterNav .grve-column {
    padding: 0;
}

#grve-footer .grve-column {
    padding-right: 0;
    padding-left: 0;
}

.grve-blog-small .grve-media {
    width: auto;
    padding: 20px;
}

.socoFooterNav .grve-bg-hover-primary-5:focus,
.socoFooterNav a.grve-bg-hover-primary-5:focus {
    background-color: #ad6311;
    color: white;
}


/******************************
    Google Translate
*******************************/

#translationLinks {
    float: right;
    padding-left: 15px;
    padding-right: 6px;
}

#google_translate_element {
    padding-left: 10px;
    float: left;
}

#translationLinks {
    float: right;
    margin-right: 2em;
    margin-top: 0;
    vertical-align: middle;
}

#divTranslationDisclaimer {
    float: left;
    font-size: 1em;
    margin-right: 1em;
    margin-top: 1.5em;
    margin-left: 2em;
}

#grve-theme-wrapper #google_translate_element select {
    width: auto;
}

.skiptranslate {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.goog-logo-link {
    margin-left: 0.5em;
    border-bottom: 1px dotted #b7b7b7;
}

.goog-logo-link:hover,
.goog-logo-link:focus,
#divTranslationDisclaimer a:hover,
divTranslationDisclaimer a:focus {
    border-bottom: 1px solid white;
}

#divTranslationDisclaimer a {
    border-bottom: 1px dotted #b7b7b7;
}

#translationLinks .goog-te-gadget {
    color: #b7b7b7;
}

#translationLinks .goog-te-gadget select option {
    color: black;
}

#translationLinks .goog-te-gadget select:focus,
#translationLinks .goog-te-gadget select:hover {
    color: white;
}


/******************************
    Links
*******************************/

a {
    border-bottom: 1px dotted #376471;
}

a.grve-toggle-hiddenarea,
.grve-media a {
    border-bottom: none;
    ;
}

a:focus,
a:hover {
    color: #ad6311;
    border-bottom: 1px solid #ad6311;
}

#menu-main-navigation a,
#grve-header .grve-logo a {
    border-bottom: none;
}

a:hover img,
a:focus img,
a:active img {
    filter: brightness(70%);
}

.fts-fb-scrollable {
    padding-right: 10px;
}

#grve-content #grve-sidebar .widget a:not(.grve-outline):not(.grve-btn) {
    border-color: #376471;
    color: #376471;
}

#grve-content #grve-sidebar .widget a:hover:not(.grve-outline):not(.grve-btn),
#grve-content #grve-sidebar .widget a:focus:not(.grve-outline):not(.grve-btn) {
    border-color: #ad6311;
    color: #ad6311;
}


/******************************
    Disable Fading Animation
*******************************/

.grve-page-title .grve-graphic,
#grve-feature-section .grve-graphic,
.grve-page-title .grve-subheading,
#grve-feature-section .grve-subheading,
.grve-page-title .grve-title,
#grve-feature-section .grve-title,
.grve-page-title .grve-description,
#grve-feature-section .grve-description,
.grve-page-title .grve-btn,
#grve-feature-section .grve-btn {
    opacity: 1;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
}

.grve-page-title .grve-bg-image,
#grve-feature-section .grve-bg-image {
    opacity: 1;
}

.grve-page-title .grve-content,
#grve-feature-section .grve-content {
    opacity: 1;
}

.grve-page-title .grve-spinner,
#grve-feature-section .grve-spinner {
    display: none;
}


/******************************
    Form fields
*******************************/

#grve-theme-wrapper button:not(.grve-custom-btn):not(.vc_general).wpforms-submit:hover {
    background-color: #ad6311!important;
}

#grve-theme-wrapper button:not(.grve-custom-btn):not(.vc_general).wpforms-submit:focus {
    outline: 2px solid #ad6311;
}

input:focus,
textarea:focus {
    outline: none!important;
    border-color: #ad6311!important;
    box-shadow: 0 0 10px #ad6311!important;
}

#grve-theme-wrapper input[type="text"],
#grve-theme-wrapper input[type="input"],
#grve-theme-wrapper input[type="password"],
#grve-theme-wrapper input[type="number"],
#grve-theme-wrapper input[type="email"],
#grve-theme-wrapper input[type="number"],
#grve-theme-wrapper input[type="url"],
#grve-theme-wrapper input[type="tel"],
#grve-theme-wrapper input[type="search"],
#grve-theme-wrapper input[type="date"],
#grve-theme-wrapper textarea,
#grve-theme-wrapper select,
#grve-theme-wrapper .select2-choice {
    border-color: #707070;
}


/******************************
    FAQs
*******************************/

label#ufaq-ajax-search-lbl {
    color: #09425A;
    font-size: 1.5em;
    line-height: 30px;
    padding-left: 0.5em;
}

#ufaq-ajax-results>h3 {
    color: #ad6311;
    padding: 0 1em 1em 1em;
}

.ewd-ufaq-no-results {
    color: #A50707;
    font-weight: bold;
    padding-left: 1em;
}

#grve-theme-wrapper input[type="text"]#ufaq-ajax-text-input {
    border: 2px solid #2d0000;
}

#ewd-ufaq-jquery-ajax-search {
    margin-bottom: 1em;
}

#ufaq-ajax-results .ewd-ufaq-faqs {
    background-color: orange;
}

#ufaq-ajax-results .ufaq-faq-div {
    padding: 0;
    margin: 0;
}


/******************************
    General
*******************************/

#grve-body {
    position: static!important;
    /* used to fix double scroll bar issue */
}

#grve-body .grve-small-text,
#grve-body .grve-link-text,
#grve-body .grve-btn,
#grve-body input[type='button'],
#grve-body input[type='submit'],
#grve-body input[type='reset'],
#grve-body button:not(.mfp-arrow),
#grve-body #grve-header .grve-shoppin-cart-content .total,
#grve-body #grve-header .grve-shoppin-cart-content .button,
#grve-body #grve-main-content .vc_tta.vc_general .vc_tta-tab>a,
#grve-body .vc_tta.vc_general .vc_tta-panel-title,
#grve-body #cancel-comment-reply-link {
    text-transform: capitalize;
}

.grve-blog-small .grve-post-content {
    padding-left: 15px;
}

.grve-blog-small ul.grve-post-meta li {
    opacity: 1;
}

.grve-blog-small .grve-media+.grve-post-content {
    padding-right: 20px;
}

#grve-main-content .grve-main-content-wrapper {
    padding: 2em 0 5em 0;
}

html .wpb-js-composer .vc_tta-container {
    margin-bottom: 0;
}

.home #grve-page-breadcrumbs {
    display: none;
}

.grve-breadcrumbs ul li a:hover {
    text-decoration: none;
}

html .grve-breadcrumbs ul li,
html #grve-post-bar .grve-title,
html #grve-post-bar .grve-nav-title {
    color: #6e6e6e;
}

html #grve-post-bar .grve-post-bar-item a:hover .grve-title,
html #grve-post-bar .grve-post-bar-item a:hover .grve-nav-title,
html #grve-post-bar .grve-post-bar-item a:focus .grve-title,
html #grve-post-bar .grve-post-bar-item a:focus .grve-nav-title {
    color: #ad6311;
}

html .grve-breadcrumbs ul li a:hover,
html .grve-breadcrumbs ul li a:focus,
html #grve-post-bar .grve-post-socials a:hover,
html #grve-post-bar .grve-backlink a:hover,
html #grve-post-bar a.active i,
html #grve-post-bar .grve-post-socials a:focus,
html #grve-post-bar .grve-backlink a:focus,
html #grve-post-bar a.active i {
    color: #ad6311;
}

#grve-single-post-meta-bar ul li a:hover {
    text-decoration: none;
}

html #search-2 .grve-search-btn:hover,
html #search-2 .grve-search-btn:focus {
    background-color: #ad6311;
    margin-top: 0;
}

html #grve-single-post-meta-bar .grve-categories ul li a:hover,
html #grve-single-post-meta-bar .grve-categories ul li a:focus {
    color: #ad6311;
    opacity: 1;
}

.vc_tta-accordion .vc_tta-panel-body {
    background: white;
    border: 1px #ddd solid!important;
}

.vc_tta-accordion .vc_tta-panel-heading {
    border: 1px #ddd solid !important;
}

.vc_tta-accordion .vc_tta-panel {
    margin-bottom: 5px;
}

.vc_tta-accordion .vc_tta-panel-heading {
    background: #F2F2F2;
}

.vc_tta-accordion .vc_tta-panel-heading .vc_tta-title-text {
    font-size: 18px !important;
    line-height: 1.3em!important;
}

.socobtn .grve-wrapper-icon {
    background-color: #09425A;
}

@media only screen and (max-width: 1200px) {
    #grve-footer .widget:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .grve-bookmark .grve-blog-small .grve-media {
        width: auto;
        padding-right: 20px;
    }
    .grve-bookmark .grve-blog-small .grve-post-content,
    .grve-bookmark .grve-blog-small .grve-media+.grve-post-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 840px) {
    #sonomaCountyParentNav,
    #accessibilityLinks {
        position: absolute;
        top: -999em;
        left: 0;
    }
    #grve-top-bar ul.grve-left-side {
        float: left;
    }
    .grve-row.grve-bookmark .grve-column-1-3 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .grve-row .grve-row>div .grve-element:last-child {
        margin-bottom: 0;
    }
    .grve-column {
        padding: inherit;
    }
    #grve-body #grve-theme-wrapper a.grve-btn {
        font-size: 18px!important;
    }
    #grve-body #grve-theme-wrapper .grve-link-text {
        font-size: 14px!important;
    }
    #grve-body #grve-theme-wrapper #grve-footer a.grve-btn {
        font-size: 16px!important;
    }
}

@media screen and (max-width: 600px) {
    html #wpadminbar {
        position: fixed;
    }
}

@media only screen and (max-width: 470px) {
    .skiptranslate div:first-of-type,
    #grve-theme-wrapper #google_translate_element select {
        width: 100%;
    }
}