/** Variable Styles **/

.bg-color,.Content .nav-tabs li.active,.sexy-search-wrap .search-results img.RatingIMG,#Header #TopMenu .dropdown .cartBtns .CheckoutLink,.left-pane .pane-menu > ul > li:hover > a,.Left #SideCategoryList.CategoryList > div > ul li > ul > li:hover > a,.bg-color-hover:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul li:hover a:hover,.CategoryPagination .FloatRight a:hover,.CategoryPagination .FloatLeft a:hover,.Content .nav-tabs li.active:hover,.Content .ProductList li .ProductActionAdd a:hover,.QuickViewBtn:hover,.CategoryPagination li a:hover,.Left #SideCategoryList.CategoryList > .SideCategoryListFlyout > ul > li.has-sub:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul li:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul > li > ul > li > ul li:hover,.Left #SideCategoryList.CategoryList > div > ul li > ul > li > ul > li:hover,.ProductList li .ProductActionAdd a:hover,.RemoveFromWishlistForm .RemoveBtn:hover,#Header #HeaderLower #SideCategoryList li ul li:hover,.ProductList li .ProductCompareButton:hover,.Submit input,.ML20 input,.btn,.header .actions .btn,.CartUpdateBtn input,.CheckoutButton a,#bottom_payment_button,.ExpressCheckoutContent input[type="submit"],#bottom_payment_button,.Submit input,.plain.btn,#frmGiftCertificate .Submit input[type=button],#frmGiftCertificate .Submit input[type=submit], #Header #TopMenu ul li .dropdown #LoginButton:hover, .icon-social-theme:hover {
    background-color: #40C1AC;
}

.color,a,.Content .nav-tabs li:hover a,.Content a,.Content .tab-content .pagination .glyphicon:hover,#ContainerFooter a:hover,#ContainerFooter #FooterUpper > ul > li > a:hover,#FooterUpper #SideCategoryList li a:hover,.Content .ProductList li .ProductPrice span.SalePrice,.Content .ProductList li .ProductDetails a:hover,.Content .ProductList li .ProductPriceRating span.SalePrice,.sexy-search-wrap .result-link:hover .product-price,#HeaderLower h1.logo a,#Header #HeaderLower #SideCategoryList li a:hover,#Header #HeaderLower #SideCategoryList li:hover a,#Header #HeaderLower #SideCategoryList li a:hover,#Header #HeaderLower #SideCategoryList li li a:hover,#Header #HeaderLower #SideCategoryList li.active a,#Header #HeaderLower #SideCategoryList li.ActivePage a,#Header #TopMenu .dropdown .ProductList em,.ProductList li .ProductDetails a:hover,.ProductList li .ProductPriceRating span,.WishlistProductList li .ProductDetails em span,#currency-chooser #change-currency,.left-pane .pane-menu > ul > li .glyphicon,.color-hover:hover,#ProductDetails .wishlist-button:hover,#ProductDetails .extra-buttons a:hover, #Header #TopMenu ul li a .glyphicon-chevron-down, .rightopen #Header .search-icon, #Header .search-icon:hover, .ProductDetailsGrid .DetailRow.PriceRow .Value em, .Content .ProductMain .ProductPrice {
    color: #40C1AC;
}

.border-color-primary, .Content .ProductList li:hover .ProductDetails, .sexy-search-wrap .search-results li:hover, .Left h1#title, .Right h2, .Left #SideCategoryList.CategoryList > div > ul li > ul li, .SubCategoryList ul li a,.SubBrandList li a, #product-main #SideProductRelated h2 span, #Header #HeaderLower #SideCategoryList li ul, #Header #HeaderLower #SideCategoryList li ul li.has-sub:hover > ul, .left-pane .pane-menu > ul > li:hover > a {
    border-color: #40C1AC;
}

body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,Sans-Serif;
}

.secondary-font-family {
    font-family: 'Source Sans Pro' !important;
}

/***** HEADER & FOOTER *****/

#Header{background: url('../images/custom/header_bg_v2.png') 0 0 repeat-x}

img#LogoImage{height:90px}

@media only screen and (max-width: 960px){
    #Header div.logo a.logo img {max-height: 50px;}
}

#Header #TopMenu .top-menu-right > li {border-left-color:rgba(0,0,0,.1)}
#Header #TopMenu ul li a {color:#fff}

#Header #TopMenu ul li div {color:#fff}
#Header #TopMenu ul li a .glyphicon-chevron-down{color:#fff}

#Outer #Header #HeaderLower #SideCategoryList li:hover a,
#Outer #Header #HeaderLower #SideCategoryList li.ActivePage a{
    color:#40C1AC;
}

#Header #HeaderLower #SideCategoryList > div > ul > li:hover,
#Header #HeaderLower #SideCategoryList > div > ul > li.hover_effect,
#Header #HeaderLower #SideCategoryList li.active,
#Header #HeaderLower #SideCategoryList li.ActivePage{
    background: #fff;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    -ms-transition:none;
    transition:none;
}

@media only screen and (max-width: 750px){
    .fixed-header #HeaderUpper {background:#40C1AC;}
}

/*** HOME SLOGAN ***/
#home-slogan.row{padding:0 0 20px;border-top:0}
    #home-slogan h1{
        padding:0;margin:0;
        text-align:center;font-size:42px;line-height:.9;color:#40C1AC;
    }
    #home-slogan h1 small{
        font-size:23px;
    }

/*** TOP MENU PHONE ***/
h2#top-menu-phone{
    position:relative;float:left;margin:0;padding:0 10px 0 36px;height:40px;
    font-size:15px;color:#4A1C32;line-height:40px;letter-spacing:1px;
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    text-transform:uppercase;
}
    h2#top-menu-phone:before{
        content:"";
        position:absolute;top:50%;left:10px;width:16px;height:16px;margin-top:-8px;
        background:url('../images/custom/icon_sprite_v6.png') -50px 0;
    }

    @media only screen and (max-width: 1100px){
        h2#top-menu-phone{display:none}
    }

/*** HEADER FEATURES ***/
#header-features-ul{
    position:absolute;top:10px;right:0;margin:0;padding:0;height:20px;
}
    #header-features-ul li{
        position:relative;list-style-type:none;
        float:left;padding:0 20px 0 26px;

        text-transform:uppercase;
        font-size:12px;line-height:20px;font-weight:700;letter-spacing:1px;
        color:#40C1AC;
    }
    #header-features-ul li:last-child{padding-right:0}
        #header-features-ul li:before{
            content:"";
            position:absolute;top:0;left:0;width:20px;height:20px;    
            background-image:url('../images/custom/icon_sprite_v6.png');
        }
        #header-features-ul .feature-icon-free:before{background-position:-30px 0}
        #header-features-ul .feature-icon-swatches:before{background-position:-30px -20px}
        #header-features-ul .feature-icon-canada:before{background-position:-30px -40px}
        #header-features-ul .feature-icon-safe:before{background-position:-30px -60px}

        #header-features-ul li.feature-icon-canada a{color:#FF0000}
        #header-features-ul li.feature-icon-canada:before{color:#FF0000}

    #header-features-ul li a{font-weight:700}
    #header-features-ul li a:hover{text-decoration:none}

    @media only screen and (max-width: 1100px){
        #header-features-ul{display:none}
    }

/*** Menu adjustments ***/
@media only screen and (min-width: 1099px){
    #Header #HeaderLower #SideCategoryList{margin-top:40px}
    #Header #HeaderLower #SideCategoryList li a{padding:26px 15px}
    #Header .search-icon {margin-top:72px}
    #Header #HeaderLower #SideCategoryList li ul {top:76px}
}

@media only screen and (max-width: 1199px){

  #Outer #Header #HeaderLower #SideCategoryList > div > ul > li > a{
    padding-left:8px;
    padding-right:8px;
  }

}

@media only screen and (max-width: 1099px){

  #Outer #Header #HeaderLower #SideCategoryList > div > ul > li > a{
    padding-left:8px;
    padding-right:8px;
    font-size:13px;
    letter-spacing:0;
  }

}

@media only screen and (max-width: 800px){

  #Outer #Header #HeaderLower #SideCategoryList > div > ul > li > a{
    padding-left:4px;
    padding-right:4px;
    font-size:12px;
  }

}


/*** SLIDESHOW ***/
#Container .slide-show-render-full .slide-overlay{display:none}

@media only screen and (max-width: 640px) {
    #Container .slide-show{display: block!important}
    .slide-show-render-full .slide-image-wrapper{height:auto}
}


/***** PRODUCTS *****/
.Content .ProductList li .ProductImage{border:0;padding:0}

.Content .ProductList li:hover{
    box-shadow:1px 2px 5px rgba(0,0,0,.15);
    -moz-box-shadow:1px 2px 5px rgba(0,0,0,.15);
    -webkit-box-shadow:1px 2px 5px rgba(0,0,0,.15);
}

.Content .ProductList li,
.ProductImage img{
    border-radius:10px;
}


/** product.quickview.css overwrites **/
#QuickViewProductDetails .ProductPrice {
    color: #40C1AC;
}

/*** HOME THREE ROWS ***/
#home-three-rows.row{border:0}

.home-three-row{
    position:relative;
    padding:250px 0 30px;
    text-align:center;
}
    #Container .home-three-row h1{}
    #Container .home-three-row p{font-size:18px;color:#999;margin-bottom:20px}
    #Container .home-three-row a.htr-button{
        cursor:pointer;
        display:inline-block;padding:8px 10px;
        background:#40C1AC;    
        font-size:16px;color:#fff;
    }
    #Container .home-three-row a.htr-button:hover{
        background:#111;text-decoration:none;
    }

.home-three-row .icon{
    position:absolute;top:30px;left:50%;width:200px;height:200px;margin-left:-100px;
    border-radius:50%;
    border:6px solid #40C1AC;
    box-shadow:1px 2px 5px rgba(0,0,0,.1);

    background-repeat:no-repeat;background-position:center center;background-size:cover;
}
.home-three-row .icon:hover{border-color:#111}

/*#htr-collections.icon{background-image:url('../images/custom/htr_swatches.jpg')}*/
#htr-collections.icon{background-image:url('https://cdn3.bigcommerce.com/s-yaz7k9/product_images/uploaded_images/image-1.jpg')}

#htr-registry.icon{background-image:url('../images/custom/mix_match_new.jpg')}
/*#htr-swatches.icon{background-image:url('../images/custom/htr_collections.jpg')}*/
#htr-swatches.icon{background-image:url('https://cdn3.bigcommerce.com/s-yaz7k9/product_images/uploaded_images/image-2.jpg')}


/*** PRODUCT CTA ***/
#product-cta.row{border:0}

.pcta-three-row{
    position:relative;
    padding:250px 0 30px;
    text-align:center;
}
    #Container .pcta-three-row h1{}
    #Container .pcta-three-row p{font-size:18px;color:#999;margin-bottom:20px}
    #Container .pcta-three-row a.pcta-button{
        display:inline-block;padding:8px 10px;
        background:#40C1AC;    
        font-size:16px;color:#fff;
    }
    #Container .pcta-three-row a.pcta-button:hover{
        background:#111;text-decoration:none;
    }

.pcta-three-row .icon{
    position:absolute;top:30px;left:50%;width:200px;height:200px;margin-left:-100px;
    border-radius:50%;
    border:6px solid #40C1AC;
    box-shadow:1px 2px 5px rgba(0,0,0,.1);

    background-repeat:no-repeat;background-position:center center;background-size:cover;
}
.pcta-three-row .icon:hover{border-color:#111}

#pcta-sheet.icon{background-image:url('../images/custom/pcta_sheet2.jpg')}
#pcta-swatches.icon{background-image:url('../images/custom/pcta_swatches.jpg')}
#pcta-school.icon{background-image:url('../images/custom/pcta_school.jpg')}

/*** FOOTER ***/
#footer-features{
    background:#40C1AC;
}
#footer-features-ul{
    float:left;clear:both;width:100%;margin:0;padding:0;
}
    #footer-features-ul li{
        position:relative;list-style-type:none;
        float:left;width:25%;padding:14px 0 14px 45px;

        text-transform:uppercase;
        font-size:18px;line-height:1;font-weight:700;
        color:#fff;
    }
        #footer-features-ul li small{font-size:14px;font-weight:300}

        #footer-features-ul li:before{
            content:"";
            position:absolute;top:50%;left:0;margin:-15px 0 0 0;width:30px;height:30px;    
            background-image:url('../images/custom/icon_sprite_v6.png');
        }
        #footer-features-ul .feature-icon-free:before{background-position:0 0}
        #footer-features-ul .feature-icon-satisfaction:before{background-position:0 -30px}
        #footer-features-ul .feature-icon-quick:before{background-position:0 -60px}
        #footer-features-ul .feature-icon-safe:before{background-position:0 -90px}

        .feature-icon-swatches:before{background-position:0 -120px}
        .feature-icon-canada:before{background-position:0 -150px}

    #footer-features-ul li a{font-weight:700;color:#fff}    
    #footer-features-ul li a:hover{color:#111;text-decoration:none}

    @media only screen and (max-width: 1100px){
        #footer-features-ul li{width:50%}
    }
    @media only screen and (max-width: 768px){
        #footer-features-ul li{width:100%;border-bottom:1px solid rgba(0,0,0,.1)}
        #footer-features-ul li:last-child{border-bottom:0}
    }

#footer-pn-seal{}

/* CURRENCY CHOOSER */
#currency-chooser{    
    position:absolute;z-index:99;top:32px;right:0;margin:0;padding:0;color:#999;
}

@media only screen and (max-width: 1100px){
    #currency-chooser{top:6px;right:20px}
}

@media only screen and (max-width: 380px){
    #currency-chooser{right:auto;left:8px}
}

/* MISC */
.rounded-corners,
.SubCategoryListGrid li img{border-radius:10px}

.c-shop h4{display:none}


/*
div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span {
    background-image: url('../images/icon_sprite.png');
}*/
div.selector,div.selector span{background:#fafafa}
div.selector span{border:1px solid #eee}

#Container p#add-to-my-registry{
    cursor:pointer;
    font-weight: 600;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    text-transform: capitalize;
    float: left;
    width: auto;
    margin:14px 0 0 35px;
}
    #Container p#add-to-my-registry span{
        width:15px;height:15px;display:inline-block;margin-right:10px;
        background-image: url('../images/custom/registry_icon_v2.png');
        background-position:0 0;background-repeat:no-repeat;
    }

    #Container p#add-to-my-registry:hover{color:#40C1AC}
    #Container p#add-to-my-registry:hover span{background-position:-16px 0}

    @media only screen and (max-width: 1100px){
        #MyRegistryWidgetApiContainer{clear:both;float:left}
        #Container p#add-to-my-registry{margin-top:4px;margin-left:16px}
    }

/* Checkout CTAs */
.checkout-ctas{margin-top:20px;border-top:1px solid #ddd}
.checkout-cta{
    float:left;width:50%;
    margin:20px 0;padding:160px 30px 0 30px;
    text-align:center;
    background-repeat:no-repeat;
    background-position:top center;
}
#ccta-sheets{background-image: url('../images/custom/lifetime_crib_sheets.jpg')}
#ccta-canada{background-image: url('../images/custom/canadian_dollars.jpg')}
    
    @media only screen and (max-width: 600px){
        .checkout-cta{width:100%}
    }


/* GIFT REGISTRY custom template */
#registry{
    display:inline-block;width:100%;
    text-align:center;margin-bottom:30px;
}
#registry-top{
    position:relative;float:left;display:inline-block;width:100%;
    height:500px;

    background:url('../images/custom/gift_registry_bg.jpg') no-repeat top center;
    background-size:cover;
}

    #registry-buttons{
        position:absolute;bottom:0;left:0;width:100%;padding:20px;
        background:#333;background:rgba(0,0,0,.6);
    }

    h1#registry-slogan{
        color:#fff;border:0;
    }

#registry-bottom{
    float:left;display:inline-block;width:100%;
    padding:20px;
    background:#40C1AC;
}
    #registry-bottom p{
        margin:0;
        font-size:18px;color:#fff;
    }

a.registry-button{
    cursor:pointer;display:inline-block;
    margin:0 6px 6px 0;padding:10px 14px;
    background:#40C1AC;    
    font-size:20px;color:#fff;font-weight:700;
    border-radius:4px;
    -webkit-box-shadow:1px 2px 6px rgba(0,0,0,.1);
    -moz-box-shadow:1px 2px 6px rgba(0,0,0,.1);
    box-shadow:1px 2px 6px rgba(0,0,0,.1);
    text-shadow:1px 1px 1px rgba(0,0,0,.2);
}
    a.registry-button:hover{
        background:#333;text-decoration:none;
    }


/* Fix tablet double menu */
@media only screen and (max-width: 960px){
    #Header #HeaderLower #SideCategoryList{width:auto}
    #Header div.logo a.logo{padding-top:14px}
}


/* Testimonials */
#testimonials-widget #embedded_widget{
    margin:0;max-width:100%;width:100%;    
}
#testimonials-widget .yotpo div{font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif}

/* Hide All prices are in CAD from footer (showing in the header for some reason) */
#Footer #currency-chooser .current{display:none}


/* PROMO BANNER */
#promo-banner{
    float:left;clear:both;width:100%;
    margin:-5px 0 20px;

    text-align:center;

    background:#CD2E71;    
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.4);
    -moz-box-shadow:0 0 8px rgba(0,0,0,.4);
    box-shadow:0 0 8px rgba(0,0,0,.4);
}

    #promo-banner-inner{
        float:left;clear:both;width:100%;max-width:90%;
        padding:20px 0 10px;
    }

        #promo-banner h1{font-size:28px;color:#fff}

        @media only screen and (max-width: 960px){
            #promo-banner h1{font-size:20px}
        }


/*** Updates - June 2017 - James Carmichael ***/

/* Menu fix - better stacking for collections */
.category-list ul li{width:240px !important;}
.category-list li:first-child ul li:first-child ul{width:390px !important;}
.category-list li:first-child ul li:first-child ul li{clear:none !important;width:50% !important;}

/* Social Media Icons */
#socnet{clear:none;padding-left:20px;}
.icon-social-theme{background-image: url('../images/gv/social-icons-sprite-green.png');background-color:#fff}
.icon-social-theme:hover{background-color:rgba(255,255,255,.5)}