/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.carousel-container
{
    padding: 25px 0px 0px;
}

.handcraftedCollectionCarousel, .superIdealCollectionCarousel 
{ 
    /*float: left; */
    overflow: hidden; 
    padding: 15px; 
    width: 80%; 
    position:relative; 
    /*text-align:center;*/
    margin-left:auto;
    margin-right:auto;
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner, 
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner 
{ 
    transition: 1s ease all; 
    float: left; 
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item, .superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item 
{ 
    float: left;
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item > div, .superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item > div 
{ 
    text-align: center; 
    padding:10px; 
    margin:10px; 
    /*background:#f1f1f1; */
    color:#666;
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item > div:first-child > img, 
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item > div:first-child > img 
{ 
    width:100%;
}

.handcraftedCollectionCarousel .leftLst, 
.handcraftedCollectionCarousel .rightLst,
.superIdealCollectionCarousel .leftLst, 
.superIdealCollectionCarousel .rightLst 
{
    border-radius:50%;
    top:calc(25%); 
    background: none;
    color: grey;
    border:none;    
}

.handcraftedCollectionCarousel .leftLst, 
.superIdealCollectionCarousel .leftLst 
{
    float: left;
    height: 30px;
    position: relative; 
    top: -60px;
}

.handcraftedCollectionCarousel .rightLst, 
.superIdealCollectionCarousel .rightLst 
{ 
    float: right;
    height: 30px;
    position: relative; 
    top: -60px;
} 

.superIdealCollectionCarousel .leftLst,
.superIdealCollectionCarousel .rightLst 
{
    top: -60px;
}

.handcraftedCollectionCarousel .leftLst,
.handcraftedCollectionCarousel .rightLst
{
    top: -40px;
}  

.handcraftedCollectionCarousel .leftLst.over, 
.handcraftedCollectionCarousel .rightLst.over,
.superIdealCollectionCarousel .leftLst.over, 
.superIdealCollectionCarousel .rightLst.over
{ 
    pointer-events: none; 
}

.handcraftedCollectionCarousel .leftLst:hover, 
.handcraftedCollectionCarousel .rightLst:hover,
.handcraftedCollectionCarousel .leftLst:active, 
.handcraftedCollectionCarousel .rightLst:active,
.handcraftedCollectionCarousel .leftLst:focus,
.handcraftedCollectionCarousel .rightLst:focus,
.superIdealCollectionCarousel .leftLst:hover, 
.superIdealCollectionCarousel .rightLst:hover,
.superIdealCollectionCarousel .leftLst:active, 
.superIdealCollectionCarousel .rightLst:active,
.superIdealCollectionCarousel .leftLst:focus,
.superIdealCollectionCarousel .rightLst:focus
{ 
    opacity: 0.5; 
    background: none;
    color: grey;
    border:none;
    outline:none;   
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item .item-desc h3, 
.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item .item-desc p,
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item .item-desc h3, 
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item .item-desc p 
{
    opacity: 0;
}

.second-highlight-item,
.first-highlight-item
{
    margin:0px;
    padding:0px;
}

.first-highlight-item .item-desc h3, 
.first-highlight-item .item-desc p,
.second-highlight-item .item-desc h3, 
.second-highlight-item .item-desc p  
{
    opacity: 1;
    transition: opacity 1s!important;
}

.first-highlight-item .item-desc p,
.second-highlight-item .item-desc p
{
    font-size:  16px;
    width: 130%;
    margin-left: -15%;
}

.first-highlight-item .item-desc h3,
.second-highlight-item .item-desc h3
{
    font-size:  21px !important;
}

.first-highlight-item > div > img,
.second-highlight-item > div > img
{
    transform: scale(1.6)!important;
    transition: transform 1s!important;
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item.highlight-carousel-text .item-desc,
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item.highlight-carousel-text .item-desc
{
    margin:40px 0px 0px 0px;
    padding:0px; 
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item.highlight-carousel-text .item-desc h3, 
.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item.highlight-carousel-text .item-desc p,
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item.highlight-carousel-text .item-desc h3, 
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item.highlight-carousel-text .item-desc p  
{
    opacity: 1;
    transition: opacity 1s!important;
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item.highlight-carousel-text .item-desc p,
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item.highlight-carousel-text .item-desc p
{
    font-size:  16px;
    width: 130%;
    margin-left: -15%;
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item.highlight-carousel-text .item-desc h3,
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item.highlight-carousel-text .item-desc h3
{
    font-size:  21px !important;
}

.handcraftedCollectionCarousel .handcraftedCollectionCarousel-inner .item.highlight-carousel-text img,
.superIdealCollectionCarousel .superIdealCollectionCarousel-inner .item.highlight-carousel-text img
{
    transform: scale(1.0);
}

.first-highlight-item .caption,
.second-highlight-item .caption
{
    width: 120%;
    margin-top: 120px!important;
    transition: 1s margin ease-out;
    position: relative;
    left: -55px;
}