*:focus-visible {
    /* remove default focus style */
    /*   outline: none; */
    /* custom focus styles */
    box-shadow: 0 0 2px 2px #51a7e8 !important;
    /*   color: lime; */
}
#mainheader {
    z-index: 99999;
}

body {
    background-color: #fff !important;

}

.footergethelpbutton a:hover {
    text-decoration: none;
    color: #fff;
}


#mega-menu-item-elementor-library-2,
#mega-menu-item-14943>ul {
    background-color: #032217 !important;
}


/* all styles from theme*/

div.event-excerpt.flex-grow-1 {
    color: #000;
}

ul.chevronlist {
    list-style: none;
}


/*clear events image in the post*/

div.hentry>div.tribe-events-event-image>img.size-full.wp-post-image {
    display: none;
}


/*accella added styles*/

.cocppretab {
    padding: 72px 10% 72px;
}

.cocptabtitle {
    position: relative;
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
    font-family: Montserrat;
    text-align: center;
    letter-spacing: -0.61px;
    color: #0a4b34;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.cocptabtitle::after {
    background-color: #b78a18 !important;
    border-bottom-color: #b78a18 !important;
    bottom: 0px;
    content: "";
    display: block;
    height: 5px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
    width: 5%;
}

.tab_accord_wrapper.flat_theme ul.tabs {
    padding-top: 100px;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 100px;
    gap: 60px;
}

.tab_accord_wrapper.flat_theme ul.tabs li {
    opacity: 0.5;
    min-height: 100px;
    max-height: max-content;
    height: max-content;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.34px;
    color: #333333;
    text-transform: capitalize;
}

.tab_accord_wrapper.flat_theme ul.tabs li.active {
    border-bottom: solid 3px #b78a18;
    opacity: 1;
}

.cocpicontab {
    max-height: 50px;
    min-height: 50px;
    height: 50px;
}

.tab_accord_wrapper ul.tabs {
    width: auto;
    padding: 0px;
    margin: 0px;
    float: left;
    list-style: none;
    height: 32px;
}

.tab_accord_wrapper ul.tabs li {
    float: left;
    margin: 0px;
    cursor: pointer;
    padding-left: 21px;
    padding-right: 21px;
    height: 31px;
    line-height: 31px;
    font-weight: 500;
    overflow: hidden;
    position: relative;
}

.tab_accord_wrapper ul.tabs li.active {
    display: block;
}

.tab_accord_wrapper .tabs_action button {
    border-radius: 0px;
}

.tab_accord_wrapper .tabs_action button>.fa {
    padding-left: 10px;
}

.tab_accord_wrapper .tab_content {
    padding: 10px;

    transition: all 0.25s ease-in-out;
    animation: flipdown 0.8s ease both;
}

.tab_content p {
    font-size: 16px;
    font-family: Nunito Sans;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0px;
    color: #333333;
}

.tab_content h2 {
    font-size: 20px;
    font-family: Nunito Sans;
    font-weight: bold;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
    text-transform: none;
}

.tab_content h1 {
    font-size: 26px;
    font-family: Montserrat;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: -0.44px;
    color: #000000;
    text-transform: none;
}

.tab_content a {
    color: #0c5e41;
    text-decoration: none;
    font-weight: bold;
}

.tab_content a:hover {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.cocpregular * {
    font-family: Nunito Sans;

}

div.cocpcontentcols a,
li {
    font-family: Nunito Sans;
    font-size: 16px;
}

div.cocpcontentcols a {
    color: #0c5e41;
    text-decoration: none;
    font-weight: bold;

}

div.cocpcontentcols a:hover {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.tab_content button {
    padding: 15px 40px;
    text-align: center;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    font-family: Montserrat;
    letter-spacing: -0.42px;
    color: #ffffff;
    background-color: #b78a18;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
}

.tab_content button:hover {
    background-color: #0c5e41;
}

.tab_content .cocpcontentcols {
    display: flex;
    justify-content: space-between;
    gap: 100px;
}

.tab_content .cocpspotlight {
    background-color: #f3f1ed;
    padding: 20px 30px 40px 40px;
    margin: 40px 0;
    border-left: 10px solid #b78a18;
}



@media only screen and (max-width: 1024px) {

    /*accordion*/
    .cocppretab {
        padding-bottom: 0px;
    }

    .accordionWrapperdivspace {
        height: 100px !important;
        min-height: 100px !important;
        max-height: 100px !important;
    }

    #maintabsdesk {
        display: none;
    }

    .tabtoaccordion {
        padding: 15px 40px;
        text-align: center;
        font-weight: 600;
        font-size: 21px;
        line-height: 25px;
        font-family: Montserrat;
        letter-spacing: -0.42px;
        color: #ffffff;
        background-color: #b78a18;
        border-radius: 6px;
        border: 0;
        cursor: pointer;
        width: unset;
        min-width: unset;
        max-width: unset;
        height: unset;
        min-height: unset;
        max-height: unset;
    }

    .accordionItemContent .cocpcontentcols {
        flex-direction: column;
        gap: 0px;
    }

    .tab_content .cocpcontentcols {
        flex-direction: column;
        gap: 0px;
    }

    .cocpbigtitle {
        padding: 20px 10% 20px;
    }

    .cocptitlehead {
        height: max-content;
        min-height: max-content;
        max-height: max-content;
        padding-bottom: 5%;
    }

    .cocpboxes {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .cocpctaflex {
        flex-direction: column;
    }

    .cocpbox {
        max-height: max-content;
        height: max-content;
        min-height: max-content;
        padding: 10% 5%;
        max-width: unset;

        width: unset;
        min-width: unset;
        min-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    ul.tabs {
        display: none;
    }

    ul.tabs>li {
        display: none;
    }
}

@media only screen and (max-width: 360px) {
    .cocpbigtitle {
        line-height: 60px;
        font-size: 46px;
        padding: 0 5% 0;
    }

    .cocpboxes {
        gap: 20px;
        align-items: center;
        justify-content: center;
        padding: 0 0;
        max-width: 100%;
        width: 100%;
        min-width: 100%;
    }

    .cocpbox {
        max-height: max-content;
        height: max-content;
        min-height: max-content;
        padding: 10% 5%;
        max-width: unset;

        width: unset;
        min-width: unset;
    }
}


.elementor-section--handles-inside {
    z-index: 999;
}

/* correcting pick styles*/
section.layout-video-feed h1 {
    color: #3f3f3f;

}

table.jrt-instance-1 tbody {
    color: #000;
}

section.layout.boxed.layout-want-to.overlap {
    margin-top: -300px;
}

section.block-color-grid>div.no-gutters>a.grid-wrapper:nth-child(1)>div.grid-item {
    background-image: url(/wp-content/uploads/2019/07/color-callout-photo-green.jpg);
}

section.block-color-grid>div.no-gutters>a.grid-wrapper:nth-child(2)>div.grid-item {
    background-image: url(/wp-content/uploads/2019/07/color-callout-photo-red.jpg);
}

section.block-color-grid>div.no-gutters>a.grid-wrapper:nth-child(3)>div.grid-item {
    background-image: url(/wp-content/uploads/2019/08/2015-03-CP-Neighborhoods-8141-double-text-box.jpg);
}

section.block-color-grid>div.no-gutters>a.grid-wrapper:nth-child(4)>div.grid-item {
    background-image: url(/wp-content/uploads/2019/08/2015-03-CP-Neighborhoods-8129-callout-square-GOLD.jpg);
}


section.block-color-grid>div.no-gutters>a.grid-wrapper:nth-child(1):hover {
    background-color: #004F32;
}


section.block-color-grid>div.no-gutters>a.grid-wrapper:nth-child(2):hover {
    background-color: #9D2123;
}


section.block-color-grid>div.no-gutters>a.grid-wrapper:nth-child(3):hover {
    background-color: #323335;
}


section.block-color-grid>div.no-gutters>a.grid-wrapper:nth-child(4):hover {
    background-color: #9C7329;
}



#gform_24 {
    color: #3f3f3f;
}

.su-spoiler-title {
    color: #3f3f3f;
}

p,
h2,
h3,
h4,
h5,
h6,
.entry-title,
ul,
ol,
.gform_description {
    color: #3f3f3f;
}

section.block-link-tiles div.caption-text>h4 {
    color: #fff;
}

section.block-link-tiles .overlay-text>h3 {
    color: #fff;
}

#disabledError {
    color: #3f3f3f;
}

section.layout-contact-information .block-title {
    color: #fff;
}

section.layout-contact-information .title {
    color: #fff;
}

section.layout-contact-information .subtitle {
    color: #fff;
}

section.layout-team-members .post-title {
    color: #fff;
}

section.layout-team-members .post-meta>p {
    color: #fff;
}

/* Start for ReDesign*/
#homesearchcenter input {
    border: none;
    color: #3f3f3f;
    border-bottom-color: #ffffff !important;
}

#homesearchcenter button {
    width: 110px;
}



/*Import Font Globals*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap");

/*Font to MegaMenu*/
a.mega-menu-link {
    font-family: Montserrat !important;
}

/*Size of search icon*/
a.dashicons-search.mega-menu-link {
    font-size: 1.7rem !important;
}

/*Report a concern button*/
#mega-menu-item-14944 {
    background-color: #0c5e41 !important;
    border-radius: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*Report a concern font color*/
#mega-menu-item-14944>a {
    color: white !important;
}

/*I want to MegaMenu*/
#mega-menu-item-14795>ul {
    margin-top: 30px !important;
}

/*I want to MegaMenu inner*/
#mega-menu-14795-0 {
    margin-top: 30px !important;
}

/*DEPARTMENTS MegaMenu*/
#mega-menu-item-14844>ul {
    margin-top: 30px !important;
}

/*DEPARTMENTS MegaMenu inner*/
#mega-menu-14844-0 {
    margin-top: 30px !important;
}

/*RESIDENTS MegaMenu*/
#mega-menu-item-14848>ul {
    margin-top: 30px !important;
}

/*RESIDENTS inner*/
#mega-menu-14848-0 {
    margin-top: 30px !important;
}

/*Im a resident MegaMenu*/
#mega-menu-item-14845>ul {
    margin-top: 30px !important;
}

/*Im a resident MegaMenu inner*/
#mega-menu-14845-0 {
    margin-top: 30px !important;
}

/*Things to do MegaMenu*/
#mega-menu-item-14843>ul {
    margin-top: 30px !important;
}

/*Things to do MegaMenu inner*/
#mega-menu-14843-0 {
    margin-top: 30px !important;
}

/*Things to do MegaMenu*/
#mega-menu-item-14796>ul {
    margin-top: 30px !important;
}

/*Things to do MegaMenu inner*/
#mega-menu-14796-0 {
    margin-top: 30px !important;
}

/*Search Overlay MegaMenu*/
#mega-menu-item-15142>ul {
    margin-top: 30px !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
    background-color: #042217 !important;
    text-align: center !important;
    padding-bottom: 0px !important;
}

/*Search Overlay MegaMenu*/
#seacrhoverlaydiv>div>div>form>div {
    background-color: #042217 !important;
}

#thingstodocolumns {
    max-width: 100%;

}

#homesearchcenter>div>form>div>input,
div.elementor-search-form__container {
    background-color: #fff !important;
}

.image-wrapper {
    z-index: 99;
}


/*Media Tablet and Mobile*/
@media only screen and (min-width: 1300px) {
    /*Header Transparency Starts*/



    #mainheader {
        background-color: #FFFFFF00;
        background: #FFFFFF00;
    }

    .elementor-sticky--effects {
        background-color: white !important;
        background: #FFFFFF !important;
        -webkit-box-shadow: 0px 13px 23px -4px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 13px 23px -4px rgba(0, 0, 0, 0.6) !important;
        z-index: 9999;
    }
}

/*Header Transparency Ends*/
@media only screen and (max-width: 1300px) {
    body>div.elementor.elementor-12715>div.elementor-element.elementor-element-17b420d7.e-container--column.e-container {
        margin-top: 0px !important;
    }

    .elementor-sticky {
        -webkit-box-shadow: 0px 13px 23px -4px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 13px 23px -4px rgba(0, 0, 0, 0.6) !important;
    }
}

/* End for ReDesign*/
@media only screen and (max-width: 767px) {
    .datesquare {
        font-weight: 400 !important;
        background-color: #EEECE700 !important;
    }

}

.specialheader {
    min-height: 110px;
    max-height: 110px;
    height: 110px;
    z-index: 10;
}


#mega-menu-item-12817:hover {
    background-color: #B78918 !important;
}



@media only screen and (max-width: 1440px) {

    .acc-columns,
    .cityoperationsdiv {
        gap: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .parksbadge {
        gap: 30px;
    }

    .optionsdiv,
    .bottomoptionsdiv {
        padding-right: 30px;
        padding-left: 30px;
        gap: 10px;
    }

    .optiontitle {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    #mega-menu-wrap-max_mega_menu_1,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge {
        line-height: 1.4;
    }
}

@media only screen and (max-width: 1400px) {

    #mega-menu-wrap-max_mega_menu_1,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge {
        line-height: 1;
    }
}