﻿.winery-info {
    position: relative;
    z-index: 1;
    color: #FFF;
}

    .winery-info .winery-left, .winery-info .winery-right {
        width: 50%;
        float: left;
        padding: 2em;
        vertical-align: top;
    }

        .winery-info .winery-left .info iframe {
            width: 100%;
        }

        .winery-info .winery-right h3 {
            font-size: 50px;
            position: relative;
            display: inline-block;
        }

            .winery-info .winery-right h3:after {
                content: '';
                position: absolute;
                bottom: -5px;
                width: 100%;
                height: 5px;
                right: 0;
                background: rgb(169,3,41);
                background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
                background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
                background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
            }

.winery-product {
    padding: 0;
}

    .winery-product h2 {
        font-size: 50px;
        position: relative;
        display: inline-block;
    }

        .winery-product h2:after {
            content: '';
            position: absolute;
            bottom: -5px;
            width: 100%;
            height: 5px;
            right: 0;
            background: rgb(169,3,41);
            background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
            background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
            background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
        }

    .winery-product ul {
        margin: 0;
        padding: 0;
    }

        .winery-product ul li {
            margin: 1%;
            padding: 1em;
            list-style: none;
            width: 48%;
            float: left;
            cursor: pointer;
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
        }

            .winery-product ul li .img {
                width: 30%;
                height: 100%;
                display: inline-block;
                text-align: center;
            }

                .winery-product ul li .img img {
                    max-width: unset;
                    max-height: 200px;
                    vertical-align: bottom;
                }

            .winery-product ul li .info {
                vertical-align: bottom;
                width: 60%;
                display: inline-block;
                margin: 1em 0.5em 0 0.5em;
            }

@media screen and (max-width: 996px) {
    .winery-info .winery-left, .winery-info .winery-right {
        width: 100%;
        display: block;
        padding: 1em;
    }

        .winery-info .winery-left img {
            display: block;
            margin: 0.5em auto;
        }

        .winery-info .winery-right h3 {
            font-size: 40px;
        }

    .winery-product ul li {
        padding: 1em;
        width: 98%;
        float: unset;
    }

        .winery-product ul li .img {
            width: 100%;
            display: block;
        }

        .winery-product ul li .info {
            width: 90%;
            display: block;
            margin: 1em;
        }
}

.series-info {
    padding: 20px 0px;
    color: #fff;
}

    .series-info .img {
        width: 30%;
        display: inline-block;
        text-align: center;
    }

        .series-info .img img {
            max-width: 90%;
        }

    .series-info .info {
        vertical-align: top;
        width: 65%;
        display: inline-block;
        margin: 0 2%;
    }
        .series-info .info h2 {
            position: relative;
            display: inline-block;
            margin-bottom: 0.5em;
        }

            .series-info .info h2:after {
                content: '';
                position: absolute;
                bottom: -5px;
                width: 100%;
                height: 5px;
                right: 0;
                background: rgb(169,3,41);
                background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
                background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
                background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
            }

.series-product {
    padding: 0;
}

    .series-product h2 {
        font-size: 50px;
        position: relative;
        display: inline-block;
    }

        .series-product h2:after {
            content: '';
            position: absolute;
            bottom: -5px;
            width: 100%;
            height: 5px;
            right: 0;
            background: rgb(169,3,41);
            background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
            background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
            background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
        }

    .series-product ul {
        margin: 0;
        padding: 0;
    }

        .series-product ul li {
            margin: 1%;
            padding: 1em;
            list-style: none;
            width: 31.3%;
            float: left;
            cursor: pointer;
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 5px;
        }

            .series-product ul li .img {
                width: 30%;
                height: 100%;
                display: inline-block;
                text-align: center;
            }

                .series-product ul li .img img {
                    max-width: unset;
                    max-height: 200px;
                    vertical-align: bottom;
                }

            .series-product ul li .info {
                vertical-align: bottom;
                width: 60%;
                display: inline-block;
                margin: 1em 0.5em 0 0.5em;
            }

@media screen and (max-width: 996px) {
    .series-info {
        padding: 0;
    }

        .series-info .img {
            padding-top: 20px;
            width: 100%;
            display: block;
        }

        .series-info .info {
            width: unset;
            display: block;
            padding: 1em;
        }

    .series-product ul li {
        padding: 1em;
        width: 98%;
        float: unset;
    }

        .series-product ul li .img {
            width: 100%;
            display: block;
        }

        .series-product ul li .info {
            width: 90%;
            display: block;
            margin: 1em;
        }
}


.link-winery {
    text-align: right;
}

    .link-winery .btn-link {
    }

.dropdown-menu .dropright {
    color: #FFF;
    cursor: pointer;
}

.dropright::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    vertical-align: 0;
}

.sub-menu {
    position: relative;
}

    .sub-menu .child-menu {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: 0.125rem;
    }

@media screen and (max-width: 996px) {
    .dropdown-item {
        padding: .25rem 0.5rem;
    }

        .dropdown-item:hover {
            background: unset;
        }

            .dropdown-item:hover .dropright {
                background: #c5554a;
            }

        .dropdown-item .child-menu {
            margin: 0;
            padding: .25rem 0.5rem;
            background-color: #ab483f;
        }
}
