/**
 * styles for shortcodes
 */

/** All contacts output */

ul.all-contacts {
    display: flex;
}
ul.all-contacts > li {
    flex-grow: 1;
    flex-basis: 1px;
    padding: 0 10px;
    list-style-type: none;
    margin-bottom: 1em;
}

ul.all-contacts ul {
    padding-left: 0;
    margin: 0;
}
.all-contacts li li {
    margin-bottom: 0;
    list-style-type: none;
}

.all-contacts .icon {
    display: block;
}
.all-contacts .icon:before {
    color: var(--color-link);
    width: auto;
    height: auto;
    line-height: 1;
}

.all-contacts a .icon,
.all-contacts span .icon {
    display: none;
}

.sb-contacts_container__work-hours .loop-title {
    display: none;
}

.all-contacts .city-name {
    flex-direction: column;
}
.all-contacts .city,
.all-contacts .link {
    font-family: var(--fntfamily-title);
    font-weight: 600;
}
.all-contacts .city {
    font-size: 1.5em;
    margin-bottom: .5em;
}
.all-contacts .link {
    font-size: .875em;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    ul.all-contacts {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    ul.all-contacts > li {
        width:48%;
        flex-basis: unset;
    }
}

/** style__list */

ul.style__list {
    text-align: center;
    padding-left: 0;
    margin-left: -10px;
    margin-right: -10px;
}
.style__list .icon:before {
    font-size: 50px;
}
.style__list .loop-title {
    font-size: 1.33em;
    margin: .5em 0;
}
@media (min-width: 992px) {
    ul.style__list {
        font-size: 1.125em;
        margin-top:calc(var(--margin-gtnblock) * 2);
        margin-bottom:calc(var(--margin-gtnblock) * 2);
    }
    .style__list .loop-title {
        margin: 1em;
    }
}
@media (max-width: 991px) {
    ul.style__list {
        font-size: .875em;
    }
}

/** style__city */

ul.style__city {
    position: relative;
    background-color: var(--color-emphasize);
    padding:50px 30px;
}

.style__city:before {
    content:'';
    width:7px;
    height: 100%;
    background-image: var(--featured-gradient);
    position: absolute;
    top: 0;
    left:0;
}
ul.style__city > li {
    display: flex;
}

.style__city .loop-title {
    display: none;
}
.style__city .icon:before {
    font-size: 24px;
    margin-right: .5em;
}

.style__city .sb-contacts_e_mail,
.style__city .link {
    word-break: break-word;
}

@media (max-width: 600px) {
    ul.style__city {
        padding: 20px;
    }
    ul.style__city > li {
        width:100%;
    }
}

/**
 * social-shortcode
 */

.social-shortcode {

}
.social-shortcode.aligncenter,
.social-shortcode.alignright {
    display: table;
}

.social-shortcode .item {
    color:inherit;
}
.social-shortcode.style__column .sb-contacts{
    flex-direction: column;
}
.social-shortcode.style__column .item:nth-last-child(n + 2) {
    margin-bottom: 1em;
}


/**
 * .news-preview
 */

.news-preview {
    padding:0
}
.news-preview .block-title{
    display: none;
}
.news-preview .container {
    padding:0;
}

@media (min-width: 992px) {
    .news-preview .full-items,
    .news-preview .short-items {
        width: 50%
    }

    /** */

    .news-preview .short-items .loop-post {
        --lnheight-loop-title: 1.56;
        padding-bottom: 0;
        flex-direction: row;
    }
    .news-preview .short-items .loop-post:after {
        content:'';
        display: table;
        clear:both;
    }
    .news-preview .short-items .thumb {
        width:50%;
        padding-bottom: 34%;
        margin-bottom: 0;
        margin-right: var(--padding-col-unit);
    }
    .news-preview .short-items .content {
        padding-top: calc(var(--padding-col-unit) * 2);
        padding-bottom: var(--padding-col-unit);
    }
}


/**
 * [prod_preview_btn]
 */
.prod-preview_btns {
    --bgcolor-btn:var(--color-link);
}
.prod-preview_btns .row {
    justify-content: center;
}
.prod-preview_btns .calculator {
    font-size: 1.125em;
}
.prod-preview_btns .calculator .icon {
    margin-right: .3em;
}
.prod-preview_btns .more {
    --bgcolor-btn:transparent;
    text-transform: uppercase;
    color:var(--color-link);
    line-height: 1.125em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prod-preview_btns .more .text {
    margin-right: .5em;
}

/**
 * .comments-count
 */
.comments-count {
    font-size: .55em;
    font-family: var(--fntfamily-body);
    font-weight: 400;
    background-color: var(--color-link);
    padding:.3em;
    border-radius: 50%;
    color:var(--color-white);
    display: inline-block;
    width: 1em;
    text-align: center;
}

/**
 * product-menu
 */
.product-menu{
    --mrgnbottom-listing-unit: var(--padding-listing-unit);
}
.product-menu .loop-post {
    --color-link:var(--color-body);
    font-size: 1.6rem;
    flex-direction: row;
    padding-bottom: 0;
    box-shadow: none;
}
.product-menu .thumb {
    width: 120px;
    padding-bottom: 80px;
    margin-bottom: 0;
}
.product-menu .loop-post .loop-title {
    font-size: 1.3em;
    margin-bottom: .5em;
}
.product-menu .loop-post .sub-title {
    font-size: .875em;
}
.product-menu a:hover,
.product-menu a:focus {
    color:var(--color-link-hover);
}


/** shortcode "More" button */

.sb-more-content {
    margin-top: var(--gtnblock-margin);
}
.sb-more-content .btn-more {
    color:var(--color-body);
    background-color: #fff;
    border:2px solid;
    /*min-width: 150px;*/
    display: block;
    margin: 0 auto;
    transition-property: color, border;
    transition-duration: .3s;
}
.sb-more-content .btn-more:hover,
.sb-more-content .btn-more:focus {
    color:var(--color-link-hover);
    background-color: #fff;
}
.sb-more-content .content p:empty{
    display: none;
}

@media (min-width: 992px) {
    .sb-more-content .btn-more {
        display: none;
    }
}
@media (max-width: 991px) {
    .sb-more-content .content{
        display: none;
    }
}

/**
 * bg-sign
 */
.bg-sign {
    --fntsize-bg-sign: 180px;
    position: absolute;
    top: -1em;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: var(--fntsize-bg-sign);
}
.bg-sign span {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: var(--fntsize-bg-sign);
    font-weight: 900;
    color: #f4f4f4;
    line-height: 1.1;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .bg-sign {
        --fntsize-bg-sign: 100px;
    }
}
@media (max-width: 768px) {
    .bg-sign {
        display: none;
    }
}