:root {
    --lead-text-color: var(--white);
    --dark-search: var(--tertiary);
}

.text-tertiary {
    color: var(--tertiary) !important;
}

.search-section {
    background-image: url('../images/top.jpg');
    background-size: cover;
    background-position-y: bottom;
}

.search-lead {
    text-shadow: 0 0 .75rem rgba(0,0,0,.5);
}

.search-lead strong {
    font-weight: 600;
}

@media (min-width: 992px) {

    .home-section.search-section .panel-search {
        background: rgba(255,255,255,.2);
    }

}

@media (min-width: 992px) {

    .single-section.search-section {
        --standard-padding-y: 10rem;
    }

}

.small-announcement {
    --radius: .5rem;
    border-radius: var(--radius);
}

.last-added-section .single-announcement .small-announcement, .section-companies .single-announcement .small-announcement, .promoted-section .single-announcement .small-announcement, .other-announcements-of-user .single-announcement .small-announcement, .other-announcements-of-category .single-announcement .small-announcement, .visited-section .small-announcement, .widget-outer .small-announcement, .announcements-list-tiles .small-announcement {
    border: 1px solid transparent;
}

.small-announcement .ratio img{
    border-radius: var(--radius);
}

.small-announcement .announcement-title {
    font-weight: 600;
}

.small-announcement .announcement-title,
.small-announcement .announcement-title ~ * {
    --padding-x: .5rem;
    /* margin: 0 0 .5rem !important; */
}

.small-announcement .announcement-title,
.small-announcement .announcement-title ~ span {
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
    width: 100%;
}

.small-announcement:hover .announcement-thumb, .single-news .img-outer:hover img {
    transform: none;
}

.panel-search .input-group-with-icon .input-group-text:first-child i {
    color: var(--primary);
}

/* datepicker */

.datepicker td,
.datepicker th {
    width: auto !important;
    height: auto !important;
    padding: .5rem;
    border-radius: .25rem !important;
}

.datepicker th {
    padding-left: .25rem;
    padding-right: .25rem;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background: var(--primary) !important;
}

.text-bg-section {
    background: url('../images/text-section.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--white);
    --standard-padding-y: 5rem;
}

.text-bg-section .section-title {
    color: inherit;
}

.single-stat-box {
    position: relative;
    color: var(--white);
    padding: 1rem 2rem;
}

.single-stat-box > * {
    position: relative;
    z-index: 1;
}

.single-stat-box::before {
    content: '';
    background: var(--primary);
    --radius: .25rem;
    border-radius: var(--radius);
    opacity: .9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.add-box {
    background: url('../images/add-section.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    --radius: .5rem;
    border-radius: var(--radius);
    padding: 5rem;
}

.add-box-text {
    color: var(--white);
}

@media (max-width: 991.98px) {

    .add-box {
        padding: 3rem;
    }

}

.full-link {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.white-half-section {
    position: relative;
}

.white-half-section::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--bg-color-2);
}

.bigger-text {
    font-size: 1.1rem;
}

.grey2-section {
    background: var(--bg-color-alt);
}

.city-or-state-section .cities-list {
    list-style: none;
    padding: 0;
}

.city-or-state-section .cities-list a {
    display: block;
    background-color: var(--white);
    border-radius: .125rem;
    text-align: center;
    padding: .25rem;
}

.map-area > svg path {
    --this-bg: #e3e6cb;
    fill: var(--this-bg) !important;
    stroke: var(--this-bg) !important;
    stroke-width: 2px !important;
    filter: drop-shadow(0 0 2px #bfbfbf);
}

@media (max-width: 991.98px) {

    .navbar .mobile-top-icon-with-desc > span:last-child {
        color: var(--tertiary);
    }

}

.btn-outline-secondary:hover img {
    filter: invert(1) brightness(2);
}

.home-categories .outer-cat,
.home-categories .subcats-outer {
    background: var(--bg-color-2);
    border-radius: .5rem;
}

.date-on-list {
    font-size: var(--fs-16);
}

.calendar-icon-on-list,
.calendar-icon-on-view {
    --size: 1.15em;
    vertical-align: sub;
    /* vertical-align: middle; */
}

.calendar-icon-on-view {
    vertical-align: text-top;
}

.fs-5-5 {
    font-size: var(--fs-16);
}

.announcements-list .single-announcement .announcement-info {
	font-size: var(--fs-20);
}

@media (min-width: 1200px) {

    .input-group-date-outer {
        max-width: 245px;
    }

}

.navbar-light .navbar-nav .nav-link,
.top-my-account-desktop > .btn,
.navbar-top .btn-lg {
    font-weight: 500;
}