#sitenear-main-bar {
    position: relative;

}

#sitenear-main-bar .sitenear-main-bar-body{
    /*padding-top: 0;*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: auto;*/
    /*top: 0;*/
    /*left: 1rem;*/
}

ul#sitenear-site-detail-nav-tabs .sitenear-sitedetail-edit-tabs {

    position: absolute;
    right: 1rem;
    top: calc(3.4em + 2px);
    width: 2em;
    height: 2em;
    font-size: 14px;
    padding: 0;
}

.tingle-modal__close:hover {
    color: green;
}

ul#sitenear-site-detail-nav-tabs .sitenear-sitedetail-edit-tabs i {
    display: block;
    margin: auto auto;
    width: 1em;
    height: 1em;
    margin-top: 0.33em;
    font-size: 14px;
}

@media (min-width: 768px) {
    ul#sitenear-site-detail-nav-tabs .sitenear-sitedetail-edit-tabs {
        right: 0;
        top: calc(0.25em + 2px);
    }
}

@media (min-width: 1600px) {
    ul#sitenear-site-detail-nav-tabs .sitenear-sitedetail-edit-tabs {
        right: 1em;
    }
}

.sitenear-site-detail-under-pictures {
    clear: both;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sitenear-site-detail-under-pictures {
        /*margin-left: 15%;*/
        /*margin-right: 15%;*/
        margin: 49px 16px;
    }
    p{
        margin: 40px !important;
        font-size: max(3vw, 3vh) !important;
        text-align: justify;
    }
}

.sitenear-site-detail-claim-area {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

div#sitenear-change-detail-dialog div.row {
    padding: 0.75em
}

div#sitenear-change-detail-dialog div.row div.col {
    padding: 0.5em
}

div#sitenear-change-detail-dialog div.row div.col div.input-group {
    margin: auto;
}

div#sitenear-change-detail-dialog div.row div.col div.input-group span.input-group-addon {
    width: 10em
}

div#sitenear-change-detail-dialog form button.btn.btn-lg {
    width: 50%;
    margin: auto;
    display: block;
}

.sitenear-site-detail-claim-area .row>div {
    text-align: center;
}

.sitenear-site-detail-claim-area .rating {
    float: left;
}

.sitenear-site-detail-claim-area .rating div.rating-container {
    display: inline-block;
}

@media (max-width: 1100px) {
    .sitenear-site-detail-claim-area .rating {
        font-size: 2vw;
    }

    .sitenear-site-detail-claim-actions {
        font-size: 13px;
    }

}

.sitenear-site-detail-claim-actions {
    color: #47ad22;
    font-size: 16px;
    display: inline-block;
}


.claim img {
    margin-right: 6px;
    vertical-align: sub;
}

.sitenear-site-detail-desc-location {
    clear: both;
}

.sidebar-sec.summary-sidebar .sitenear-site-detail-desc-location>div>div>div {
    color: #000;
    display: inline-block;
    font-family: montserrat-light, serif;
    font-size:max(1.5vh, 1.2vw);
    width: 100%;
    text-align: left;
    float: right;
}

@media screen and (min-width: 1200px) {
    .sidebar-sec.summary-sidebar .sitenear-site-detail-desc-location>div>div>div {
        font-size:max(1.5vh, 1vw);
    }
}

.share_btn{
    font-size: max(1.5vh, 1.2vw) ;
    float: right;
}
@media only screen and (min-width: 1300px) {
    ul#sitenear-site-detail-nav-tabs li a {
        font-size: 18px;
    }
    }
section.sitenear-site-detail-main-holder .sidebar-sec.summary-sidebar .sitenear-site-detail-desc-location .sitenear-site-detail-address-locatator {
    text-align: left;
}

section.sitenear-site-detail-main-holder .sidebar-sec.summary-sidebar .sitenear-site-detail-desc-location i {
    color: #47ad22;
}



ul#sitenear-site-detail-nav-tabs {
    position: relative;
}

ul#sitenear-site-detail-nav-tabs li a {
    font-size: clamp(12px, 2vw, 2vh);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}


@media (min-width: 590px) and (max-width: 767px) {
    ul#sitenear-site-detail-nav-tabs {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    ul#sitenear-site-detail-nav-tabs {
        display: flex;
        justify-content: space-evenly;
        align-items: center;

    }
}


img.sitenear-site-big-summary {
    border-radius: 6px;
    object-fit: fill;
    width: 90%;
    height: auto;
    display: block;
    margin:8px auto;
}


.sitenear-site-small-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    /*margin: auto 21px;*/
    width: 100%;
}

.sitenear-site-small-thumbs a {
    margin-bottom: 0.33em;
    display: contents;
}

.sitenear-site-small-thumbs a img {
    aspect-ratio: 4/3;
    margin-right:1px;
}
@media only screen and (max-width: 400px) {
    .sitenear-site-small-thumbs a img {
       height: 50px;
    }
}


.up-image .site_images {
    cursor: pointer;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
}

.up-image img {
    max-width: fit-content;
    object-fit: contain;
}

.up-image {
    position: relative;
    display: contents;
}

.faded {
    position: relative;
    display: inline-block;
    color: white;
}

.faded:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-collapse: separate;
}

.faded.faded-all:after,
.faded.faded-left.faded-top.faded-right.faded-bottom:after {
    box-shadow: inset 0 0 40px 40px;
}

.panel:not(.pure-panel) {
    background-color: blue;
    padding: 1em;
    color: white;
}

.panel .faded {
    color: blue;
}

img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    object-fit: contain;
}



.upddt {
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 20px auto 0;
}


button.sharre {
    background: #47ad22;
    border: none;
    color: #fff;
    padding: 0 15px;
    font-size: 30px;
    font-weight: 600;
    height: 50px;
    margin: 0 10px;
    border-radius: 3px;
}

.sitenear-feature-list-holder {
    overflow-y: auto;
    height: 65vh;
    overscroll-behavior-y: auto;
}



.summary-desc {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    word-wrap: break-word;
}

.summary-desc h4 {
    color: #000;
    font-family: montserrat-semibold, serif;
    font-size: 16px;
    text-transform: uppercase;
}

.summary-desc>p {
    color: #4c4c4c;
    font-family: montserrat-light, serif;
    font-size: 1.5vw;
    line-height: 1em;
    white-space: pre-line;
    text-align: justify;
    padding-bottom: 60px;
}

.tit {
    display: inline-block;
    /* max-width: calc(100% - 125px); */
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    /* margin-left: 1em; */
}

.sitenear-sitedetail-tabs-area {
    overflow-y: auto;
}

@media (max-width: 992px) {
    div.sitenear-sitedetail-tabs-area {
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    div.sitenear-sitedetail-tabs-area {
        overflow-x: hidden;
        margin-left: 1em;
    }
}
@media only screen and (max-width: 600px) {
    ul#sitenear-site-detail-nav-tabs li a {
        font-size: 4vw;
        padding: 5px 10px;
    }
    .tit{
        width: 216px;
        font-size: 3.5vw;
    }
    .sitenear-site-detail-under-pictures{
        padding: 3px 6px;
    }
    p{
        margin:0 1px ;
        padding: 1px;
    }
    }
@media (min-width: 1920px) {
    .tit {
    }
}

.sitnear-site-description-area {
}

.sidebar-sec form#addPlaceFavoriteform h2.sitenear-form-title {
    padding: 0;
    /* height: 35px; */
    width: 100%;
    display: grid !important;
    align-items: center;
    grid-template-columns: 1fr 40px 40px;
    padding: 0px 20px;

}

.heart-green {
    width: 1em;
    height: 1em;
}

.tit {
    /* max-width: calc(100% - 95px); */
    width: 100%;
}

h2.sitenear-form-title .sitnear-favorite-status.updatefavoritestatus {
    /* float: right; */
    /* margin-right: 10px !important; */
    width: auto;
    height: auto;

}

@media (max-width: 992px) {


    h2.sitenear-form-title .sitnear-favorite-status.updatefavoritestatus {
        display: inline-block;
        margin: 0 !important;
        vertical-align: middle;
        position: relative !important;
        right: revert;
        width: 30px;
        padding: 0;
    }

    .sitnear-site-description-area {
        max-height: revert;
        overflow-y: revert;
    }

}

@media (max-width: 767px) {
    .sitenear-close-panel {
        display: none;
    }

    .sidebar-sec form#addPlaceFavoriteform h2.sitenear-form-title {
        padding-right: 0;
    }


}

@media (min-width: 768px) {
    form#addPlaceFavoriteform h2.sitenear-form-title a.updatefavoritestatus {
        position: relative;
        text-align: right;
        vertical-align: middle;
        /* margin-left: 4rem !important; */
        /*margin-right: 1em !important;*/
    }
}

/* manage site css */
.sitenear-manage-site-alert-message {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block
}

.sitenear-group-navigation-sitedetail {
    width: 90%;
    margin: auto;
}

.sitenear-group-navigation-sitedetail .sitenear-group-navigation-title {
    color: #47ad22;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 0.25em;
}

.sitenear-group-navigation-sitedetail .sitenear-group-navigation {
    display: inline-block;
    font-size: 2rem;
    color: #47ad22;
    text-decoration: none;
}

.sitenear-group-navigation-sitedetail .sitenear-group-navigation.sitenear-group-navigation-prev {
    float: left;
    margin-left: 1rem;
}

.sitenear-group-navigation-sitedetail .sitenear-group-navigation.sitenear-group-navigation-next {
    float: right;
    margin-right: 1rem;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder {
    padding: 0;
    margin: 0;
    margin-bottom: 1rem;
    width: 100%;
    min-height: 2em;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder div.panel div.panel-heading h5 {
    color: #4c4c4c;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder div.panel {
    padding: 0;
    margin: 0;
    box-shadow: none;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder div.panel-body {
    padding: 0;
    margin: 0;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder .news-all-u {
    text-align: center;
}


div.tingle-modal.sitenear-post-news-frame div.tingle-modal-box__content {
    padding: 0;
}


/**
        fixing by friend 5.24
*/
@media (max-width: 991px) {
    div.tingle-modal.sitenear-post-news-frame div.tingle-modal-box__content {
        padding-top: 0;
    }

    .tingle-modal{
        overflow: hidden!important;
    }

    .sitenear-form-title-text{
    }

    div.tingle-modal.sitenear-post-news-frame div.tingle-modal-box__content{
        width: 100%!important;
    }

    .tingle-modal__close{
        position: fixed;
        right: 2rem!important;
    }


}

@media (max-width: 540px) {
    .tingle-modal__close{
        padding-right: 3rem;
        padding-top: 1rem;
    }
}


iframe.sitenear-post-news-frame {
    width: 100%;
    /*noinspection CssInvalidFunction*/
    height: min(90vh, 500px);
    min-height: 98vh;
    max-height: 100vh;
    /* need to never be over 80vw but max under that   */
}


/* contacts */

iframe.sitenear-site-contacts-frame {
    width: 100%;
    min-height: 10rem;
    border: none;
    /*noinspection CssInvalidFunction*/
    height: min(80vh, 200em);
}


div#sitenear-contact-holder {
    position: relative;
}

section#sitenear-site-contacts div#sitenear-contact-holder {
    position: relative;
}

section#sitenear-site-contacts div#sitenear-contact-holder div.panel,
section#sitenear-site-contacts div#sitenear-contact-holder div.panel div.panel-heading {
    background-color: revert;
    padding: 0;
    border: 0;
    margin: 0;
    box-shadow: none;
}

section#sitenear-site-contacts div#sitenear-contact-holder div.panel div.panel-heading div.panel-title {
    font-size: 30px;
}

section#sitenear-site-contacts div#sitenear-contact-holder a.sitenear-contact-email-link {
    color: black;
    text-decoration: none;
}

section#sitenear-site-contacts div#sitenear-contact-holder a.sitenear-contact-email-link.sitenear-contact-used {
    color: gray;
}

div.sitenear-manage-contacts-area ul.list-group li.list-group-item {
    border: 0;
    width: 30em;
}

div.sitenear-manage-contacts-area ul.list-group li.list-group-item .sitenear-contact-email {
    /*noinspection CssInvalidPropertyValue*/
    white-space: break-spaces;
    word-break: break-all;
}

div.sitenear-manage-contacts-area ul.list-group li.list-group-item .sitenear-contact-time {
    /*noinspection CssInvalidPropertyValue*/
    white-space: break-spaces;
}

/* edit textarea */

section.sitenear-site-detail-main-holder textarea.sitenear-site-edit-texarea {
    /*max-height: 25vh;
    overflow-y: auto !important;*/
}

.tingle-modal {
    background: #f5f5f5;
}

@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))) {
    .tingle-modal {
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0)
    }
}

.tingle-modal__close {
    color: #333;
    top: 8vh;
    right: 5vw;
    z-index: 9999;
    cursor: pointer;
    width: 3vh;
}

.tingle-modal-box {
    width: 100% !important;
    position:absolute;
    height: auto;
}

@media (min-width: 992px) {
    .tingle-modal-box {
        width: 100% !important;
        position:absolute;
    }

    .tingle-modal__close {

    }
}

@media (min-width: 992px) {}

.tingle-modal-box iframe {
    border: 2px solid #ccc;
}

.tingle-modal-box iframe,
.tingle-modal-box .sitenear-posts-holder {
    position: relative;
}

.sitenear-post-swipper-button-holder {
    top: 60% !important;
}


.sitenear-three-dots-site-detail {
    font-size: 2vh;
    display: inline-block;
    font-weight: bold;
    /* margin-top: 1rem; */
}


@media (min-width: 992px) {
    .sitenear-three-dots-site-detail {
        margin-top: 0rem;
        vertical-align: top;
        font-size: min(4vh,4vw);
    }

    .sidebar-sec form#addPlaceFavoriteform h2.sitenear-form-title {
        height: 100%;

    }
}

@media (max-width: 992px) {

    .sidebar-sec form#addPlaceFavoriteform h2.sitenear-form-title {
        height: 100%;
        grid-template-columns: 1fr auto auto;
    }
    .sitenear-three-dots-site-detail {
        font-size: 1em;
        /* margin-top: 1rem; */
    }

}

@media (min-width: 1200px) {
    .sitenear-three-dots-site-detail {
        /* margin-top: -0.5rem; */
        font-size: min(3vh,4vw);
    }
}