/*
=====================================================================
*   Christmas 2017
*   11-06-2017
=====================================================================

TOC:
a. listing Badging
b. Top 20 Hero
z. Others
   1.
   2.

=====================================================================  */
/*EG*/
/* ------------------------------------------------------------------ */
/* a. Text
 ------------------------------------------------------------------ */

/*  3. Text  ------------------------------------------------------- */

/*	Text */


/* ------------------------------------------------------------------ */
/* a. listing Badging
 ------------------------------------------------------------------ */
.alert-estimated-christmas{
    background-color: #f3f3f3;
}
.alert-estimated-christmas{ position: relative;  text-align: center; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; }
.alert-estimated-christmas .h5{
    font-family: 'Avenir Book';
    font-size: 14px;
    letter-spacing: 0.7px;
    text-transform: inherit;
}
.icon-bowknot,.icon-bowknot-small{ background: rgba(0, 0, 0, 0) url(/static/img/holiday/2015/bowknot-hd.png) no-repeat scroll center center; height: 17px; width: 21px; border: 0 none; /*margin-right:10px;*/ }
.icon-bowknot{
    background-size:20px auto;
}
.icon-bowknot--yellow{background-image: url(/static/img/holiday/icon/bowknot-2-new.png); background-size:20px auto;}
.icon-bowknot--pink{background-image: url(/static/img/holiday/icon/bowknot-pink.svg); background-size:20px 18px;/*size Y for ie10*/ }
.icon-bowknot-small{
    background-size:auto 13px;
    height:14px;
    background-position: left center;
}
.icon-gift2 { background: rgba(0, 0, 0, 0) url(/static/img/holiday/cday-2017/icon/icon-gift-pink.png) no-repeat scroll center center; background-size:14px auto; height: 17px; width: 21px; border: 0 none; /*margin-right:10px;*/ }
.alert-estimated-christmas button.close { color:#4a4a4a; opacity:1; position: absolute; right: 10px; top: 12px; line-height: 16px; }
.alert-estimated-christmas .icon-bowknot,.alert-estimated-christmas .icon-gift2{ position: relative; vertical-align:middle; top:-2px;}
/*.alert-estimated-christmas .icon-bowknot{ background-size: 20px; }*/
@media(max-width:767px){
    .aec-mobile-vac{
        margin-top:5px;
        /*margin-bottom: -15px;*/
    }
    .alert-estimated-christmas .equal{
        display:inline-block !important;
        margin-right:5px;
    }
    .alert-estimated-christmas .h5{
        font-size: 15px;
    }
}

.listpage-lists-v2 .heart{width:30px;}
.listpage-lists-v2 .icon-bowknot,.listpage-lists-v2 .icon-quick-ship2 { position: absolute; z-index: 2; top: 5px; right: 10px; width: 30px; text-align: center; color: #808080; line-height: 1em; cursor: pointer; background-size: 21px; top: 0px;}
.listpage-lists-v2 .icon-bowknot--pink{background-size: 21px 18px;} /*for ie10*/
.listpage-lists-v2 .icon-quick-ship2{background:none;}
.thumbnail.active2 .icon-bowknot,.thumbnail.active .icon-bowknot,.thumbnail.active2 .icon-quick-ship2,.thumbnail.active .icon-quick-ship2 { display: none; }
.listpage-lists-v2 .thumbnail-out .icon-bowknot,.listpage-lists-v2 .thumbnail-out .icon-quick-ship2{ top:10px;}
.listpage-lists-v2 .thumbnail-out .icon-bowknot + .icon-quick-ship2{ top:35px; }
.listpage-lists-v2  .thumbnail .heart.active + .icon-bowknot,.listpage-lists-v2  .thumbnail .heart.active + .icon-quick-ship2 { top: 20px; right: 10px; }
.listpage-lists-v2  .thumbnail-out .heart.active + .icon-bowknot,.listpage-lists-v2  .thumbnail-out .heart.active + .icon-quick-ship2 { top: 30px; }
.listpage-lists-v2  .thumbnail-out .heart.active + .icon-bowknot + .icon-quick-ship2{top:55px;}
/*update on ir306*/
.ir227-new-antique-jewelry-arrivals-hero{
    background-image: url("/static/img/gateway/top-twenty/ir306/new-antique-jewelry-arrivals-dt.jpg");
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .listpage-lists-v2 .thumbnail-out .icon-bowknot, .listpage-lists-v2 .thumbnail-out .icon-quick-ship2 {
        top: 2px;
    }
}
.ir227-new-antique-jewelry-arrivals-hero .heading{
    font-family: 'ZapfHumanist601BT-Roman';
    font-size: 50px;
    text-transform: capitalize;
    color: #333;
    text-align: center;
    margin-top: 0;
}
.ir227-new-antique-jewelry-arrivals-hero .banner-tro{
    font-family: 'Avenir Book',Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-align: center;
}
@media (max-width: 991px) {
    .ir227-new-antique-jewelry-arrivals-hero{
        background-size: auto 100%;
        height: 339px;
        background-image: url("/static/img/gateway/top-twenty/ir306/new-antique-jewelry-arrivals-xs.jpg");
    }
    .ir227-new-antique-jewelry-arrivals-hero .heading{
        font-size: 36px;
        margin-top: 35px;
        margin-bottom: 0;
    }
    .ir227-new-antique-jewelry-arrivals-hero .imitate-table > div{
        vertical-align: top;
    }
}
/*.listpage-lists-v2 .thumbnail-out .icon-bowknot.active { top: 20px; }*/
/* ------------------------------------------------------------------ */
/* b. Top 20 Hero
 ------------------------------------------------------------------ */
/*.ir226-mod-top-twenty-hero {
    background-size:auto 100%;
    background-position: center center;
    background-repeat:no-repeat;
}
.ir226-top-twenty-gifts-hero{
    background-image: url("/static/img/gateway/top-twenty/ir230/top-twenty-gifts.jpg");
}
.ir226-top-twenty-engagement-rings-hero{
    background-image: url("/static/img/gateway/top-twenty/ir230/top-twenty-engagement-rings.jpg");
}

.ir227-new-antique-jewelry-arrivals-hero{
    background-image: url("/static/img/gateway/top-twenty/ir230/new-antique-jewelry-arrivals04.jpg");
}
.ir227-preset-diamond-rings-hero{
    background-image: url("/static/img/gateway/top-twenty/ir230/preset-diamond-rings.jpg");
}
.ir226-mod-top-twenty-hero .heading{
    color: #000000;
    text-align: center;
    font-size: 10px;
    line-height: 1;
}
.ir226-mod-top-twenty-hero .heading .text{
    font-family: 'DidotLTStd-Roman';
    font-size: 800%;
}
.ir226-mod-top-twenty-hero .heading small{
    font-family: 'JulesBig BookSwashes';
    font-size: 490%;
    color:inherit;
    display: block;
    padding-top: 0.1em;
    text-transform:capitalize;
}
.ir226-top-twenty-gifts-hero .heading small{
    font-size: 800%;
}
.ir226-mod-top-twenty-hero .tro-txt{
    font-family: 'ZapfHumanist601BT-Roman';
    font-size: 15px;
    max-width:440px;
    margin:auto;
    text-align: center;
}
.ir227-new-antique-jewelry-arrivals-hero .heading .text{
    font-size: 750%;
}
@media (max-width: 1199px) {
    .ir226-mod-top-twenty-hero .heading{
        font-size: 8px;
    }
}
@media (min-width: 992px){
    .ir227-preset-diamond-rings-hero .banner-tro{
        width:76%;
        margin-left:auto;
        margin-right: auto;
    }
}
@media (max-width: 991px) {
    .ir226-mod-top-twenty-hero {
        background-size: 597px;
        background-position: center 38px;
        height: 365px;
    }
    .ir226-mod-top-twenty-hero .imitate-table > div{
        vertical-align: top;
    }
    .ir226-mod-top-twenty-hero .heading{
        font-size: 6px;
    }
    .ir226-top-twenty-gifts-hero{
        background-image: url("/static/img/gateway/top-twenty/ir230/top-twenty-gifts-sm.jpg");
    }
    .ir226-top-twenty-engagement-rings-hero{
        background-image: url("/static/img/gateway/top-twenty/ir230/top-twenty-engagement-rings-sm.jpg");
    }
    .ir227-new-antique-jewelry-arrivals-hero{
        background-image: url("/static/img/gateway/top-twenty/ir230/new-antique-jewelry-arrivals-sm03.jpg");
    }
    .ir227-preset-diamond-rings-hero{
        background-image: url("/static/img/gateway/top-twenty/ir230/preset-diamond-rings-sm.jpg");
        background-position: center top;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .ir227-preset-diamond-rings-hero .heading{
        margin-top:40px;
    }
}
@media (max-width: 767px){
.ir227-preset-diamond-rings-hero{
        background-position: center top !important;
        background-size: auto 248px;
        height:248px;
        margin-bottom: 20px;
    }
}
@media (max-width: 413px){
    .ir226-mod-top-twenty-hero {
        background-position: center 35px;
    }
    .ir226-mod-top-twenty-hero .heading{
        font-size: 5px;
    }
}
@media(max-width:520px){
.ir226-top-twenty-gifts-hero{
    background-size:auto 110%;
    height:75vw;
}
}*/

.ir257-listpage-icon-bow{
    background:url(/static/img/icon/svg/bow-pink.svg) no-repeat scroll center center;
    background-size:20px auto;
    height: 20px;
    width: 20px;
    display:inline-block;
    margin-top: -5px;
    margin-bottom: -5px;
}
.ir277-alert-white{
    background-color: #fff !important;
}
/*filter 'Quick Ship' and 'Christmas Delivery for desktop'*/
@media(min-width:768px){

}
.listpage-filter-v3 .filter-feature {
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    display: inline-block;
    float:left;
}
.listpage-filter-v3 .filter-feature .checkbox {
    line-height: 20px;
    padding-bottom:0;
    margin:0;
}
.icon-quick-ship2 {
    margin-top: 0;
    line-height: 17px;
    height: 17px;
    width: 24px;
    display: inline-block;
    background:none;
}

.icon-quick-ship2:before {
    content: '';
    display: inline-block;
    /*background: url(/static/img/icon/svg/icon-speedy-diamond2.svg) center center no-repeat;*/
    background: url(/static/img/icon/svg/icon-speedy-diamond2-pink.svg) center center no-repeat;
    background-size: 100% auto;
    width: 24px;
    height: 17px;
    margin-top: -0.1em;
}
@media (min-width: 1199px) and (max-width: 1289px) {
    .listpage-filter-v3 .filter-feature {
        padding-left:15px;
        padding-right:15px;
    }
}

@media(max-width:767px){
    .listpage-filter-v3 .filter-feature{
        float:none;
        display:block;
        padding: 16px 15px 10px;
        border-bottom: 1px solid #e1e1e1;
        margin-left: -15px;
        margin-right: -15px;
    }
}
.quickship-holiday-bar{
    list-style: none;
    background:#f7f7f7;
    padding:0 15px;
    overflow:hidden;
}
.quickship-holiday-bar li{
    padding:12px 0 8px;
}
.quickship-holiday-bar li:first-child{
    padding-bottom:0;
    width:50%;
}
@media(max-width:410px){
    .quickship-holiday-bar li:first-child{
        width:auto;
        padding-right: 10px;
    }
}
@media(min-width:768px){
    .quickship-holiday-bar{
        text-align: center;
        margin-bottom:5px;
    }
    .quickship-holiday-bar li:first-child{
        width:auto;
        padding-right: 10px;
    }
}