﻿/* header - taggd item */
.html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item {
    opacity: 1;
    transition: opacity 0.1s ease 0.1s;
}

    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item.inactive {
        opacity: 0.6;
        transition: opacity 0.1s ease 0.1s;
    }

    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item div {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        margin-right: auto;
        position: relative;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, 0%);
    }

    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item i {
        font-size: 16px;
        color: #ee2e56;
        position: absolute;
        top: 9px;
        left: 26px;
        opacity: 0;
        display: none;
    }

        .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item i.active {
            opacity: 1;
        }

@media (min-width: 521px) {
    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item i {
        display: inline-block;
    }
}

.html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover {
    /*box-shadow: 0px 0px 10px 2px #33333385;*/
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    background-color: #f9f9f9;
    width: 25% !important;
    max-width: 325px !important;
    padding: 0px !important;
    max-height: 1000px !important;
    opacity: 1;
    transition: opacity 0.0s ease 0.1s;
}

    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover.inactive {
        opacity: 0.6;
        transition: opacity 0.0s ease 0.1s;
    }

    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover span.actual-price {
        font-size: 14px;
    }

    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 0px !important;
        margin-left: 0%;
    }

        .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .old-price:after {
            opacity: 0.7;
        }

        .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-title {
            height: 100% !important;
        }

        .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .buttons {
            /*margin: 5px 0px 0px 0px !important;*/
            display: none;
        }

        .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-item .picture {
            margin-bottom: 0px;
        }

            .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-item .picture img {
                width: 100%;
            }

            .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-item .picture .text-wrapper {
                position: absolute;
                color: #fff;
                text-align: center;
                background-color: #000;
                border-radius: 50%;
                height: 80px;
                width: 80px;
                top: 42.5%; /* 42.5% = 50% minus estimated height in % of info panel */
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%);
                opacity: 0;
                border: 2px solid #fff;
                transition: opacity 0.2s ease 0.1s;
            }

                .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-item .picture .text-wrapper .text {
                    font-size: 13px;
                    font-weight: 500;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    /* margin-right: -50%; */
                    transform: translate(-50%, -50%);
                }

            .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-item .picture .panel {
                position: absolute;
                background-color: #d39c00;
                width: 100%;
                height: 100%;
                left: 0px;
                bottom: -100%;
                /*transform: rotate(45deg);*/
                opacity: 0.95;
                transition: all 0.1s ease-out 0.05s;
            }

            .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-item .picture:hover .text-wrapper {
                opacity: 1;
                transition: opacity 0.2s ease 0.2s;
            }

            .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-item .picture:hover .panel {
                bottom: 0px;
                transition: all 0.1s ease-out 0.1s;
            }


            .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-item .picture .info {
                /*background-color: #555555;*/ /*#55555580;*/
                background: rgba(0, 0, 0, .7);
                bottom: 0px;
                position: absolute;
                width: 100%;
                padding: 8px;
                /*opacity: 0.5;*/
            }

                .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .product-item .picture .info span:nth-child(2) {
                    /*color: #aaa;*/
                    margin-top: 5px;
                    font-size: 14px;
                }

@media (min-width: 1001px) {
    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .buttons button {
        margin: 0 0px !important;
        /*height: auto !important;*/
    }
}

@media (min-width: 1321px) {
    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .buttons button {
        margin: 0 2px !important;
        /*height: auto !important;*/
    }
}

@media (min-width: 2111px) {
    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .taggd-wrapper .taggd-item-hover .item-box .buttons button {
        margin: 0 8px !important;
        /*height: auto !important;*/
    }
}

/* header - full description */
/*.html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .stl-products .stl-header-h .full-description,
.html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .stl-products .stl-header-v .full-description {
    clear: both;
    line-height: 26px;
    margin: 10px 0px 0px 0px;
    border-bottom: 1px solid #eee;
    background-color: #f6f6f6;
    padding: 15px 40px;
    text-align: center;
    color: #333;
}

    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .stl-products .stl-header-h .full-description .full-description-title,
    .html-shopbylook-details-page .shopbylook-page-body.air-theme.variant-1 .stl-products .stl-header-v .full-description .full-description-title {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }*/
