@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap'); /* Template A (Template 1) Theme Values */ .templateA .primaryColor {background-color:#e61646;} .templateA .primaryFontColor {color: #e61646;} .templateA .secondaryColor {background-color:#018e9b;} .templateA .secondaryFontColor {color: #018e9b;} .templateA .primaryFont {font-family : 'Quicksand', sans-serif;} .templateA .secondaryFont {font-family : 'Playfair Display', serif;} /* Template B (Template 2) Theme Values */ .templateB .primaryColor {background-color: #e61646;} .templateB .primaryFontColor {color: #e61646;} .templateB .secondaryColor {background-color:#018e9b;} .templateB .secondaryFontColor {color: #018e9b;} .templateB .primaryFont {font-family : 'Quicksand', sans-serif;} .templateB .secondaryFont {font-family : 'Playfair Display', serif;} /* Template C (Template 3) Theme Values*/ .templateC .primaryColor {background-color: #e61646;} .templateC .primaryFontColor {color: #e61646;} .templateC .secondaryColor {background-color:#018e9b;} .templateC .secondaryFontColor {color: #018e9b;} .templateC .primaryFont {font-family : 'Quicksand', sans-serif;} .templateC .secondaryFont {font-family : 'Playfair Display', serif;} /* Template Sixe (Template 6) Theme Values*/ .template6 .primaryColor {background-color: #e61646;} .template6 .primaryFontColor {color: #e61646;} .template6 .secondaryColor {background-color:#018e9b;} .template6 .secondaryFontColor {color: #018e9b;} .template6, .template6 .primaryFont {font-family : 'Quicksand', sans-serif;} .template6 .secondaryFont {font-family : 'Playfair Display', serif;} /* ----------------------------------------------------------------------------------- */ /* ## Template A Specfic Styles ## */ /*This sets these elements to the primary color value*/ .templateA a:hover, .templateA a:active, .templateA a:focus, .templateA .pagination a, .templateA .breadcrumbs a, .templateA .breadcrumbs a:visited, .templateA .pageToolsWrapper a, .templateA .pageToolsWrapper a:hover, .templateA .pageToolsWrapper a:active, .templateA .navMenu > ul > li > a, .templateA .railNavHeading, .templateA .navMenu > ul a {color: #e61646;} .templateA .leftRail .railBanners .banner p:after { content: ""; position: absolute; left: 50%; top: 40%; border: 3px solid transparent; border-left: 4px solid #e61646; } .templateA dl.checkoutProcess dt.stepTitle span.stepTitleInner, .templateA .ui-dialog .ui-dialog-titlebar, .templateA ul.processSteps li.active, .templateA .galleria-info-text {background: #e61646;} .templateA .genericPager li a:hover, .templateA .genericPager li a:focus {border:1px solid #e61646;} /* This sets these element values to the secondary color value */ .templateA .modHeader .viewall, .templateA ul.railNav a:hover, .templateA ul.railNav a.active, .templateA .shipDate a {color: #018e9b;} .templateA .navMenu > ul > li a .menuText:hover {border-bottom: 3px solid #018e9b;} .templateA .navMenu ul li.clicked a .menuText {border-bottom: 3px solid #018e9b;} .templateA .navMenu > ul > li ul {background-color: #018e9b;} .templateA ul.railNav a.active:before, .templateA ul.railNav a:hover:before { content: ""; position: absolute; left: 7px; top:13px; border: 3px solid transparent; border-left: 4px solid #018e9b; } .templateA .shipDate a:after { content: ""; position: absolute; right: 0px; top: 8px; border: 3px solid rgba(0, 0, 0, 0); border-left: 4px solid #018e9b; } /* This sets the font of these elements to the Primary Font */ .templateA .siteTop .topLinks a, .templateA .navMenu > ul a, .templateA dl.checkoutProcess dt.stepTitle span.stepTitleInner, .templateA ul.railNav a, .templateA .railNavHeading, .templateA .deptImage {font-family : 'Quicksand', sans-serif;} /* This sets the color of breadcrumb and pagetools anchors to the primary color */ .templateA .breadcrumbs a:after { content: " "; position: absolute; border: 3px solid transparent; border-left: 4px solid #e61646; position: absolute; right: 0px; top: 6px; } @media only screen and (min-width:11.250em) and (max-width:47.938em) { .templateA .wrapper {background: #e61646;} .templateA .navMenu ul {background: #018e9b;} } /* ----------------------------------------------------------------------------------- */ /* ## Template B Specific Styles ## */ /* this sets the primary color for anchor links in the rail navigation, and the secondary as their hover state */ .templateB ul.railNav a:hover, .templateB ul.railNav a.active, .templateB .homeRailMenu .navMenu > ul > li.clicked {color: #018e9b;} .templateB ul.railNav a.active:before, .templateB ul.railNav a:hover:before { content: ""; position: absolute; left: 7px; top:13px; border: 3px solid transparent; border-left: 4px solid #018e9b; } .templateB .homeRailMenu .navMenu > ul > li.clicked {background:#018e9b;} .templateB .navMenu > ul > li.clicked ul {background:#018e9b;} /* setting the font for item names on listing pages to the primary font */ .templateB .itemWrapper .itemContent .itemTitle, .templateB .cartList .itemTitle {font-family : 'Quicksand', sans-serif;} /* This sets the color of these elements to the primary color */ .templateB .breadcrumbs a, .templateB .breadcrumbs a:visited, .templateB .menuLink { color: #e61646; position: relative; padding-right: 15px; text-decoration:none;} .templateB .breadcrumbs a:after { content: " "; position: absolute; border: 3px solid transparent; border-left: 4px solid #e61646; position: absolute; right: 0px; top: 8px; } .templateB .pageToolsWrapper a .templateB .pageToolsWrapper a:hover, .templateB .pageToolsWrapper a:active, .templateB .pagination a, .templateB .siteSubtitle {color: #e61646;} .templateB .ui-dialog .ui-dialog-titlebar {background:#e61646;} .templateB .bannerEffects .cycle-pager span {background: #e61646; } .templateB .bannerEffects .cycle-pager span.cycle-pager-active{border-color:#e61646;} .templateB .navMenu>ul>li .subMenu>a, .templateB .pageToolsWrapper a {color:#e61646;} .templateB .pageToolsWrapper a:hover {color:#018e9b;} .templateB dl.checkoutProcess dt.stepTitle span.stepTitleInner {background: #e61646;} .templateB .featured .itemWrapper .itemContent {background:#018e9b;} .templateB .leftRail .banner h2 {color:#e61646;} .templateB .servicesBanners h2 {color: #018e9b;} @media only screen and (min-width:11.250em) and (max-width:47.938em) { .templateB .homeRailMenu .navMenu > ul.menu, .templateB .navMenu > ul.menu {background: #e61646;} .templateB .navMenu>ul>li .subMenu>a {color: #fff;} } /* ----------------------------------------------------------------------------------- */ /* ## Template C Specific Styles ## */ /* This sets these elements background colors as the primary color */ .templateC .headerWrpr {background: #e61646 url(/cms/images/darken.png) repeat-x 0 0;} .templateC .siteSearch button, .templateC .footerTop {background: #e61646 url(/cms/images/darken-small.png) repeat-x 0 100%;} .templateC .pagination .paging .next, .templateC .pagination .paging .prev, .templateC .breadcrumbs a, .templateC a:hover, .templateC a:active, .templateC a:focus, .templateC .spanCartTotal, .templateC .mainNav ul ul a, .templateC .mainNav ul ul a:hover, .templateC .mainNav ul ul a:active, .templateC .mainNav ul ul a:visited, .templateC .mainNav ul ul a:focus, .templateC .featModule h2{color: #e61646;} .templateC .breadcrumbs a:after { content: " "; position: absolute; border: 3px solid transparent; border-left: 4px solid #e61646; position: absolute; right: 1px; top: 38%; } .templateC .offSet2:after {border-left-color: #e61646;} .templateC dl.checkoutProcess dt.stepTitle span.stepTitleInner, .templateB .ui-dialog .ui-dialog-titlebar, .templateC ul.processSteps li.active, .templateC .ui-dialog .ui-dialog-titlebar, .templateC .galleria-info-text {background: #e61646;} .templateC .bannerEffects .cycle-pager span {color: #e61646;} .templateC .bannerEffects .cycle-pager span.cycle-pager-active {border:1px solid #e61646;} .templateC .genericPager li a:hover, .templateC.genericPager li a:focus {border:1px solid #e61646;} .templateC .ribbonText .overlayText:after{border-left-color:#e61646;} /* This sets these elements styles to the secondary color */ .templateC .headerWrpr:before {background: #018e9b url(/cms/images/darken-small.png) repeat-x 0 0;} .templateC a {color: #018e9b;} .templateC .navMenu > ul > li .subMenu > a .menuText:hover, .templateC .navMenu > ul > li:hover .subMenu > a .menuText {border-bottom: 3px solid #018e9b} .templateC .navMenu ul li.clicked a .menuText {border-bottom: 3px solid #018e9b;} .templateC .siteHeader .Navwrapper {background: #018e9b url(/cms/images/darken-small.png) repeat-x 0 0;} .templateC .headerLinks a:before, .templateC .headerLinks a:after {border: 10px solid #018e9b;} .templateC .headerLinks .linkText {background: #018e9b;} .templateC ul.railNav a:hover, .templateC ul.railNav a.active, .templateC .headerLinks [class*="icon-"], .templateC .itemWrapper .itemPrice, .templateC .pagination .paging .active {color: #018e9b;} .templateC ul.railNav a.active:before, .templateC ul.railNav a:hover:before { content: ""; position: absolute; left: 7px; top:13px; border: 3px solid transparent; border-left: 4px solid #018e9b; } .templateC .heroBannerAlt .bannerText {border-color: #018e9b;} /*This sets the element fonts to the primary font*/ .templateC .siteName, .templateC .footerTop .footerLinks a, .templateC .galleria-info-title {font-family : 'Quicksand', sans-serif;} /*This sets the element fonts to the secondary font*/ .templateC .navMenu ul li .subMenu a, .templateC .headerLinks, .templateC .headerLinks .linkText, .templateC .itemWrapper .itemPrice, .templateC .navMenu > ul > li a, .templateC .btnWrapper .btn, .templateC .featModule a.viewall {font-family : 'Playfair Display', serif;} @media only screen and (min-width:11.250em) and (max-width:47.938em) { .templateC .navMenu ul, .templateC .navMenu ul li ul, .templateC .footerTop {background: #e61646;} .templateC .menuLink.active, .templateC .searchToggle.active, .templateC .siteSearch .searchControls {background: #e61646;} .templateC .searchToggle label:last-child, .templateC .menuLink label {font-family : 'Playfair Display', serif;} } @media only screen and (min-width:11.250em) and (max-width:50em) { .templateC .wrapper {background-color:#018e9b;} .templateC .ribbonText .overlayText:after {border-top-color: #e61646; border-left-color: transparent;} } .site-wrap .footer section.grid_3:nth-child(3) {display: none;} .nav-bar > ul > li > a:after {display: none !important;} /* ----------------------------------------------------------------------------------- */ /* ## Template 6 Specific Color/Font Styles ## */ .template6 .navMenu {font-family : 'Playfair Display', serif;} .template6 .footerHeading {font-family : 'Playfair Display', serif;} .template6 .heroBanner h1, .template6 .heroBanner h2, .template6 .advList .listhdng, .template6 .banner .bannerText, .template6 .title, .template6 .title .more, .template6 .itemWrapper .itemTitle, .template6 .btn {font-family : 'Playfair Display', serif;} .template6 .advFooter .linkList {font-family : 'Quicksand', sans-serif;} .template6 a:link, .template6 a:visited, .template6 a:focus, .template6 .btn {color: #e61646;} .template6 .heroBanner h2, .template6 .itemWrapper .itemPrice {color: #018e9b;} .template6 .btnWrapper {background: #e61646;} .template6 .footerHeading, .template6 ul.advList .listhdng, .template6 ul.advList .listhdng a, .template6 ul.advList .listhdng a:link, .template6 ul.advList .listhdng a:visited {color: #e61646;} .template6 .navMenu > ul > li .subMenu .subMenu > a .menuText {background: #e61646;} .template6 .siteSearch .icon-search {color: #e61646;} .template6 .heroBanner a.btn {background: #e61646;} .template6 .heroBanner .heading2 {color: #018e9b; font-family : 'Playfair Display', serif;} .template6 .servicesBanners {background: #e61646;} .template6 .servicesBanners h2::before {background:#018e9b;} .template6 .servicesBanners h2::after {font-family : 'Quicksand', sans-serif;} .template6 .servicesBanners .icon::before {background: #018e9b;} .template6 .footer .footerTop {border-top:14px solid #e61646;} .template6 .footerHeading span {font-family : 'Quicksand', sans-serif;} .template6 ul.socialFollow li {background: #e61646;} .template6 .slideBanners > .banner, .template6 .slideBanners .slick-slide .banner {background:#e61646;} .template6 .slideBanners > .banner:nth-child(odd), .template6 .slideBanners .slick-slide:nth-child(odd) .banner {background:#018e9b;} .template6 .slideBanners .slick-slide:nth-child(odd) .banner .btn {background:#e61646;} .template6 .slick-prev::before {border-color: transparent #e61646 transparent transparent;} .template6 .slick-next::before {border-color: transparent transparent transparent #e61646;} .template6 .featured-items .title {color: #e61646;} .template6 .featured-items .title .more {color: #018e9b;} .template6 .featured-items .title .more::after {border-color: transparent transparent transparent #018e9b;} .template6 .featured-items .itemWrapper a.itemLink::before {background:#e61646;} .template6 .featured-items .itemWrapper a.itemLink::after {color:#e61646; font-family : 'Playfair Display', serif;} .template6 .featured-items .slick-slide:nth-child(odd) .itemWrapper a.itemLink::before {background:#018e9b;} .template6 .featured-items .slick-slide:nth-child(odd) .itemWrapper a.itemLink::after {color:#018e9b; } .template6.bodyList .productList .itemWrapper .itemTitle a, .template6.bodyList .productList .itemWrapper .itemPrice, .template6 .itemWrapper .itemTitle a {color:#018e9b;} .template6 .itemWrapper .itemPrice a {color:#018e9b; font-family : 'Quicksand', sans-serif;} .template6.bodyList .productList .grid_4:nth-child(even) .itemWrapper .itemTitle a, .template6.bodyList .productList .grid_4:nth-child(even) .itemWrapper .itemPrice, .template6 .featured-items .slick-slide:nth-child(odd) .itemWrapper .itemTitle a, .template6 .featured-items .slick-slide:nth-child(odd) .itemWrapper .itemPrice a {color:#e61646;} .template6 .bannerBlock .banner .bannerText::after {color: #e61646;} .template6 .bannerBlock::before {font-family : 'Playfair Display', serif; color:#e61646;} .template6.bodyList .railNavHeading {font-family : 'Playfair Display', serif;} .template6.bodyList .railNavWrapper { background:#018e9b; background: -moz-linear-gradient(-45deg, #018e9b 0%, #d0d0d0 100%); background: -webkit-linear-gradient(-45deg, #018e9b 0%,#d0d0d0 100%); background: linear-gradient(135deg, #018e9b 0%,#d0d0d0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018e9b', endColorstr='#d0d0d0',GradientType=1 ); } .template6 .dropRail .railNav li a {color:#e61646;} .template6 .productList .itemWrapper a.itemLink::before {background:#e61646;} .template6 .productList .itemWrapper a.itemLink::after {color:#e61646; font-family : 'Playfair Display', serif;} .template6.bodyList .productList .grid_4:nth-child(odd) .itemWrapper a.itemLink::before {background:#018e9b;} .template6.bodyList .productList .grid_4:nth-child(odd) .itemWrapper a.itemLink::after {color:#018e9b; } .template6.bodyList .catList select {color:#e61646;} .template6 #ItemName { font-family : 'Playfair Display', serif;} .template6 .productDetails .addon h2 {color:#e61646;} .template6 .productDetails .addon .itemTitle {font-family : 'Playfair Display', serif;} .template6 dl.checkoutProcess dt.stepTitle span.stepTitleInner {color:#e61646; font-family : 'Playfair Display', serif;} .template6 dl.checkoutProcess dt.stepTitle span.stepTitleInner span.bold {font-family : 'Quicksand', sans-serif;} .template6 dl.checkoutProcess dt.stepTitle a.editLink {font-family : 'Quicksand', sans-serif;} .template6 dl.checkoutProcess dt.stepTitle span.stepTitleInner span.bold::before {border:1px solid #e61646; color:#e61646; } .template6 dl.checkoutProcess dt.stepTitle.ready span.stepTitleInner {color:#e61646;} .template6 dl.checkoutProcess dt.stepTitle.ready span.stepTitleInner span.bold::before {background:#e61646;} .template6 ul.processSteps li.active {color:#e61646; border-bottom:1px solid #e61646;} .template6 input.text:focus, .template6 textarea.text:focus, .template6 .formee select:focus, .template6 select:focus, .template6 #txtRecipientFirst:focus, .template6 #txtRecipientLast:focus, .template6 .formee input[type="text"]:focus, .template6 .formee input[type="tel"]:focus, .template6 .formee input[type="number"]:focus, .template6 .formee input[type="email"]:focus, .template6 .formee textarea:focus {border-color:#e61646;} .template6 .headerLinks .icon-phone, .template6 .headerLinks .icon-login, .template6 .headerLinks .icon-cart, .template6 .headerLinks .icon-search {fill:#e61646;} .template6.bodyList .filters label::before, .template6.bodyList .filters .filterList .arrow2::before {color:#e61646;} .template6 .filters .sortItem a.up, .template6 .filters .sortItem a.up:link, .template6 .filters .sortItem a.up:visited, .template6 .filters .sortItem a.down, .template6 .filters .sortItem a.down:link, .template6 .filters .sortItem a.down:visited {color:#e61646;} .template6 .note {color:#018e9b;} .template6 #divNew .note {color:#018e9b; padding-left: 3px; padding-top: 10px;} .template6 #lblZip, .template6 #lblDeliveryOptions, .template6 #lblDate, .template6 #nameContainer label, .template6 #lblpickUp {color:#e61646; font-family : 'Quicksand', sans-serif;} .template6 .arrowLabel {color:#e61646;} .template6 .checkoutSummary > .title, .template6 .checkoutSummary .costSummary .chkoutTotalRow .title {color:#e61646;} .template6 .checkoutSummary .costSummary .title {font-family : 'Quicksand', sans-serif;} .template6 .cartItems .itemTitle {font-family : 'Quicksand', sans-serif;} .template6 .cartItems .itemWrapper .itemDetail span.title {font-family : 'Quicksand', sans-serif;} .template6 .siteHeader .siteSearch, .template6 .headerLinks a.searchLink.active {background:#e61646;} .template6 .menuLink {color:#e61646;} .template6 .menuLink.active {background:#e61646;} .template6 .mainNav .navMenu {border-color:#e61646;} .template6 .nice-select .option.selected {color:#e61646;} .template6 .nice-select::after {border-bottom: 2px solid #e61646; border-right: 2px solid #e61646;} .template6 .filters .catList .nice-select .current {color:#e61646;} .template6:not(.alt1) .productList .grid_4:nth-child(2n) .itemWrapper .itemPrice {color:#018e9b;} .template6:not(.alt1).storeItem .itemPrice, .template6:not(.alt1) .checkoutSummary .costSummary .chkoutTotalRow .title, .template6:not(.alt1) .checkoutSummary .costSummary .chkoutTotalRow .price {color:#018e9b;} /* ----------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------- */ /* ## Template 8 Specific Color/Font Styles ## */ :root { --main-color1: #e61646; --main-color2: #018e9b; --main-color3: #018e9b; --main-color4: #018e9b; } .template8 .siteTop {color:#018e9b;} .template8 .mainNav {background:#018e9b;} .template8 .navMenu > ul > li.clicked .subMenu > a, .template8 .navMenu > ul > li.clicked > .subMenu > a > .menuText {background:#fff; color:#018e9b; margin-top:3px;} .template8 .siteHeader .siteSearch, .template8 .headerLinks a.searchLink.active { background: transparent; } @media (max-width:768px) { .template8 .siteHeader .headerTop .wrapper {background:#018e9b;} .template8 .menuLink .icon-menu + label::before, .template8 .menuLink .icon-menu::before, .template8 .menuLink .icon-menu::after { background:#e61646; } } .template8 .heroBanner h2 {color:#fff;} .template8 .pageHeading .hdng .count {color:#e61646} .template8 a:link.btn, .template8 .btn {color:#000; font-weight: 500;} .template8 .btn.disabled {color:#999; filter: brightness(100%);} .template8 .btnWrapper {background:var(--main-color3);} .template8 .btnWrapper.tertiaryColor {background:var(--main-color3);} .template8 .btnWrapper.btnAddToCart, .template8 .btnWrapper.quaternaryColor {background:var(--main-color4);} .template8 .btnWrapper.btnAlt {background:var(--main-color4);} .template8 .updateCart .btnWrapper .btn {background:transparent;} .template8 .siteFooter, .template8 .siteSubFooter {background:#e61646;} .template8 .emailSignupWrpr .emailSignup {background:#018e9b;} .template8 .footerMessage {background:#018e9b;} .template8 .filters .filterImages svg {fill:#e61646;} .template8 .breadcrumbs, .template8 .breadcrumbs a, .template8 .breadcrumbs a::after {color:#e61646; border-color:#e61646} .template8 ul.swatchList li .extendedSwatch .details {color:#e61646; filter: brightness(25%);} .template8 ul.swatchList::before, .template8 #lblZip, .template8 #lblDeliveryOptions, .template8 #lblDate, .template8 #nameContainer label, .template8 #lblpickUp {color:#e61646; filter: brightness(80%);} .template8 .signupBar .mainNav a.hasSub {background-color: #e61646;} .template8.bodyList .productList .itemWrapper .itemTitle a, .template8.bodyList .productList .itemWrapper .itemPrice, .template8 .itemWrapper .itemTitle a, .template8.bodyList .productList .grid_4:nth-child(2n) .itemWrapper .itemTitle a, .template8.bodyList .productList .grid_4:nth-child(2n) .itemWrapper .itemPrice, .template8 .featured-items .slick-slide:nth-child(2n+1) .itemWrapper .itemTitle a, .template8 .featured-items .slick-slide:nth-child(2n+1) .itemWrapper .itemPrice a, .template8:not(.alt1) .productList .grid_4:nth-child(2n) .itemWrapper .itemPrice { color: #e61646; } .template8 .banner.funeral .icon svg g {fill:#018e9b !important;} .template8 .featured-products .banner.funeral::after {border-color: transparent transparent #018e9b transparent;} .template8 #spanPrice {color:var(--main-color3);} .template8 #spanPrice::before {color:#e61646;} .template8 .slick-prev svg, .template8 .slick-next svg {fill:#e61646;} .template8 .recentlyViewed {border-bottom:1px solid var(--main-color3); color:#e61646;} .template8 .recentlyViewed .itemWrapper .itemPrice {color:#e61646;} .template8 .headerLinks .icon + span {color:#e61646; filter: brightness(25%);} .template8 .headerLinks .icon.alt {fill: #e61646 !important;} .template8 .note, .template8 #divNew .note {color:#e61646;} .template8 .productDetails .itemDesc #pShortDesc::before, .template8 .itemActions .itemOrder, .template8 .dropCartHeader, .template8 .recent-cart .itemWrapper .itemTitle {color:#e61646;} .template8 dl.checkoutProcess dt.stepTitle span.stepTitleInner {color:#666;} .template8 .cartList .cartItemDetails .itemInfo .recipientDetails {font-family : 'Quicksand', sans-serif;} .template8 .questions_bar .hdng {color:#e61646; border-color:;} .template8 .questions_bar a {color:;} .template8 .bannersGrid .banner .icon svg path {fill:#e61646 !important;} .template8 .heroBanner .btnWrapper, .template8 .heroBanner .bannerText a.btn, .template8 .heroBanner a.btn {background: ; color:#e61646;} /* ----------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------- */ /* PopUP */ /* ----------------------------------------------------------------------------------- */ #divNotification {color:#e61646; font-family : 'Quicksand', sans-serif; border-bottom:1px solid #e61646;} .noticeBody {color:#e61646; font-family : 'Quicksand', sans-serif; }