@charset "utf-8";

/************[ Global CSS File for LA Web Producers ]************/
/** TIMESTAMP: 2016-09-23 2:31PM JAC
/** MUST KEEP "MOBILE FIRST" layout. BreakPoint is 961px.
/** Compiling Mode: COMPACT
/** Compiling Command: sass tf-webproducer.scss tf-webproducer.css -t compact
/*******************/
/*******************************/
/* Migrated from Maximiser and Ensighten n BCC by HY.*/
/*******************************/
img[src*="googleusercontent"] {
    display: none !important;
}

.usi_link {
    /*background-color: #fa3c7a !important;*/
    margin: 2.5em;
}

.m-homepage-middle-promo-text {
    padding: 0 !important;
    padding-left: 1em !important;
    margin-top: 1em !important;
}

/* Chat radio button fix */
#yesRadio,
#noRadio {
    width: 10px;
    left: 22px !important;
}

/*******************************/
/* ALL PAGES */
/*******************************/

/* #liveChat {display:none;}  removes the Chat from the Top Nav */


@media screen and (max-width: 960px) {
    #vc-container {
        width: 100% !important;
        position: relative;
        z-index: 100 !important;
    }
}

@media screen and (min-width: 961px) {
    li.m-navbar-item.m-navbar-collection a.m-navbar-link.alt-pink.pdplink {
        width: 85% !important;
    }
}

/* Widen top promo banner to avoid text wrapping */
.m-promo-bar-content {
    width: 90%;
}

/* Parallax Cartridge Header */
.parallaxCollection h2 a {
    text-decoration: none;
}

/* Upcomming Occasion Calendar */
.m-navbar-month {
    font-size: 1em !important;
    padding-bottom: 3px !important;
}

/* breadcrumbs */
.m-breadcrumbs {
    top: -0.3em !important;
}

/* Visa Checkout Banner Code by JAC was stored in WebProducers folder. */
/* Social Media footer  - needs fixing in screen-pdp.css JAC*/
/* tf-webproducer.css*/
.icon-social {
    width: 2em;
}


.icon-social.icon-insta {
    background-position: -2.6em 0;
}

.icon-social.icon-tiktok {
    background-position: -5.2em 0;
}

.icon-social.icon-youtube {
    background-position: -7.85em 0;
    width: 3.1em;
}

.icon-social.icon-iosapp {
    background-position: 0 0;
    background-image: url("//img.teleflora.com/image/upload/w_auto,c_fill,g_auto,e_sharpen/prod/logos/App-Store-Badge-Black-svg") !important;
    background-size: 8em, contain !important;
    width: 8em;
}
.icon-social.icon-gogply {
    background-image: url("//img.teleflora.com/image/upload/w_auto,c_fill,g_auto,e_sharpen/prod/logos/Google-Play-Badge-Color")!important;
    background-size:9em,contain!important;
    width:9em
}

.icon-social {
    background-image: url('//img.teleflora.com/image/upload/w_430,c_fill,g_auto,e_sharpen/prod/logos/2023-Social-Media-Sprite-v4');
}

/* Top Ribbon - JAC 1/12/16 */
/*** DESKTOP/TABLET ***/
a.ribbonBnnr:hover {
    text-decoration: none;
}

.ribbonBnnr div {
    background-color: #f7407b;
    color: #fff;
    height: 28px;
    font-size: 1.35em;
    text-align: center;
    line-height: 28px;
    position: relative;
    z-index: 100;
}

/*** MOBILE ***/
@media screen and (max-width: 720px) {
    .ribbonBnnr div {
        font-size: 1em;
        line-height: 13px;
    }
}

/*******************************/
/* MEGA MENU */
/*******************************/
/* collections | also more collections on all collections landing page */
.m-navbar-collection .m-navbar-text {
    width: auto !important;
}

.m-navbar-collection .m-navbar-link {
    padding: 0.5em 0 0.45em !important;
}

.m-navbar-quickshop .m-navbar-link {
    text-transform: uppercase !important;
}

/*******************************/
/* SYMPATHY PAGE */
/*******************************/
/* hero section */
@media screen and (max-width: 480px) {
    .m-sympathy-banner .m-flower-ideas-banner-bg {
        background-color: white;
        background-image: none !important;
    }
}

/*******************************/
/* CONTENT */
/*******************************/
/* read more */
.m-subcategory-header-more-text h2,
.m-subcategory-header-more-text h3,
.m-subcategory-header-more-text h4,
.m-subcategory-header-more-text h5 {
    padding: 0.5em 0px;
    font-size: 1.5em;
    font-family: inherit;
}

/*******************************/
/* PROMO BANNER TERMS - KA SP#3179-20150902*/
/*******************************/
ul.pop-up-text {
    margin: 25px;
}

/*******************************/
/* Delivery Page - Prop 65 dialog closing image issue
/*******************************/
.icon-close.icon-close-modal.deliveryInfo {
    background-position: -25px 4px;
}

/*******************************/
/* Mobile Reminders (logged in) - /account/createReminder.jsp (JAC SP#4718) */
/*******************************/
#newRemindersForm>div:nth-child(20),
#newRemindersForm>div:nth-child(20)+label,
#newRemindersForm>div:nth-child(24) {
    display: none;
}

/*******************************/
/* CART - Hide Florist Tips banner(JAC) */
/*******************************/
#shoppingCartForm #florisStatement {
    display: none;
}

/*******************************/
/* Global NAV - Hide 'In a Hurry' from Quick Shop (KA) */
/*******************************/
.m-navbar-quick-text {
    display: block;
}

/*******************************/

/* ME 5.4 - Mega Nav - Move Left for occasions
.moveLeft{ left:0px !important;} */
/*******************************/

/* ME 5.30 - Top Banner */
.m-promo-bar-dollar-circle {
    font-size: 0;
    background: url('//img.teleflora.com/image/upload/v1495127178/promotest.png');
    background-size: 50px 39px;
    width: 50px;
    height: 39px;
    position: relative;
    right: -3%;
}

.clossnessBanner {
    font-size: 18px;
    padding-left: 7px;
}

.m-promo-bar {
   /* margin-bottom: -10px;*/
    padding: 0px;
}

.m-promo-bar-wrapper .m-promo-bar-container {
    border: none;
    background-color: #ffffff;
}

.m-promo-bar-content {
    padding-top: 7px;
    text-align: center;
    position: relative;
    right: -7px;
}

.bembo-bold {
    font-family: "Avenir LT W01 65 Medium", Helvetica, sans-serif;
}

@media only screen and (max-width: 801px) {
    .m-promo-bar-wrapper {
        position: relative;
        top: -6px;
    }

    .m-promo-bar-dollar-circle {
        position: relative;
        right: -3%;
    }
}

@media only screen and (max-width: 669px) {
    .m-promo-bar-dollar-circle {
        position: relative;
        bottom: -19px;
    }
}

/*  limit promo banner width to that of the wrapper below it  */
#promobannerCaro {
    max-width: 1200px;
    margin: 0 auto !important;
}