.toucan-main-wrapper{
    overflow-x: hidden;
    position: relative;
}

// Toucan content

.toucan-content{
    max-width: 100%;
    padding: 0;
    width:100%;
    @include mq('md') {
        max-width: size-by-col(6, 'xl');
        padding:0;
    }
}
.toucan-content-alt{
    max-width: 364px;
    padding: 0;
    width:100%;

    @include mq('md') {
        max-width: size-by-col(6, 'xl');
        padding:0;
    }
    @include mq('lg') {
        max-width: size-by-col(8, 'xl');
    }
}
.entry-title{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

// Entry image
.entry-image{
    position: relative;
    text-align: center;
}
.entry-image img{
    object-fit: cover;
    width: 100%;
}

.entry-category{
    line-height: 1;
    margin-bottom: 8px;
    word-break: break-all;
}
.entry-title a{
    word-break: break-word;  
}
.entry-title a:after,
.woocommerce-loop-product__link:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;   
    z-index: 10; 
}

// Entry meta and category 

.entry-meta,
.entry-category{
    position: relative;
    z-index:11;
    pointer-events: none;
}
.entry-category a,
.entry-title a,
.entry-meta a{
    transition-property: color;
    pointer-events: auto;
}
.entry-category a{
    font-size: 1.1rem;   
    letter-spacing: 0.5px;
}


.entry-category .meta-item{
    font-size: 1.2rem;

    @include mq('md') {
        font-size: 1.4rem;
    }
}
.entry-meta,
.entry-meta a,
.section-meta,
.section-meta a{
    font-size:1.2rem;
    @include mq('md') {
        font-size: 1.4rem;
    }
}

.entry-meta .meta-item::before,
.entry-category a:before {
    content: "|";
    margin: 0 8px;
}
.entry-meta .meta-item:first-child::before,
.entry-category a:first-child:before{
    display: none;
}

.w-100 + .section-description{
    margin-top: 10px;
    @include mq('lg') {
        margin-top: 20px;
    }
}
.toucan-header + .toucan-bg-alt-1,
.toucan-header + .toucan-bg-alt-2{
    margin-top: -30px;
    padding-top: 30px;
    @include mq('lg') {
        margin-top: -50px;
        padding-top: 50px;
    }
}




//Slider has arrows
.owl-carousel{
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    .owl-item{
        opacity: 0;
    }
    .owl-item.active{
        opacity: 1;
    }
    &.owl-loaded .owl-item{
        opacity: 1;
    }
    
}
.owl-item img{
    object-fit: cover;
}
.toucan-carousel,
.toucan-slider,
.welcome-product-slider,
.toucan-welcome-slider{
    > *:not(.owl-nav) {
        opacity: 0;
    }
    &.owl-loaded > *:not(.owl-nav){
        opacity: 1;
    }
}
.toucan-slider .owl-dots{
    bottom: 25px;
    @include mq('lg') {
        bottom: 50px;
    }
}
.featured-area-2 .toucan-slider .owl-dots{
    bottom:20px;
}

.toucan-slider-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    position: relative;
    z-index: 3;
    a{
        margin: 0 10px;
    }
    i{
        font-weight: bold;
    }   

    .next,
    .prev{
        transition: all .15s ease-in-out;
    } 
    .next:hover {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    .prev:hover {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    .next:active {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    .prev:active {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}

.toucan-slider.has-arrows{
    .owl-nav{
        position: absolute;
        max-width: size-by-col(12, 'xl');
        width: 100%;
        padding: 0 40px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); 
        display: flex;
        justify-content: space-between;  
        pointer-events: none;

        > div{
            pointer-events: auto;
            transition: all .15s ease-in-out;
        }  

        a{
            transition: opacity .15s ease-in-out;
            opacity: .5;
            &:hover{
                opacity: 1;
            }
        } 
    }
    .toucan-button-circle{
        border: 1px solid #FFF;
        color: #FFF;
    }
}
.owl-nav .mf{
    font-size: 2.4rem;
}
.owl-nav{
    .owl-prev,
    .owl-next{
        i{
        transition: all .15s ease-in-out; 
        }
    }
    .owl-prev:hover{
        i{
        transform: translateX(-5px);
        }
    }
    .owl-next:hover{
        i{
        transform: translateX(5px); 
        }
    }
    .owl-prev:active{
        i{
        transform: translateX(-10px);
        }
    }
    .owl-next:active{
        i{
        transform: translateX(10px); 
        }
    }
}




//Orders


.toucan-order-3 {
    order: 3;
    @include mq('lg') {
        order: initial;
    }
}

.toucan-order-1 + .toucan-order-2{
    margin-top: 20px;
    @include mq('sm') {
        margin-top: 30px;
    }
    @include mq('md') {
        margin-top: get-gutter-width('md');
    }
    @include mq('lg') {
        margin-top: 0;
    }
}
.toucan-order-2 + .toucan-order-1{
    margin-bottom: 20px;
    @include mq('sm') {
        margin-top: 30px;
    }
    @include mq('md') {
        margin-bottom: get-gutter-width('md');
    }
    @include mq('lg') {
        margin-bottom: 0;
        margin-top: 0;
    }    
}



//Added redesign

.toucan-header-main,
.header-mobile{
    position: relative;
    z-index:99998;

}

.blur-bg .section-bg img{
    filter: blur(10px);
}

.toucan-empty-message {
    padding: 20px 40px;
    border-radius: 4px;
    margin-bottom: 50px;
    a{
        text-decoration: underline;
    }
}

#colorbox, #cboxOverlay, #cboxWrapper{
    z-index: 99999;
}

//Goto top
.toucan-goto-top {
    position: fixed;

    z-index: 1041;

    display: none;
    font-size: 2.4rem;

    padding: 1px 0;
    border-radius: 4px;
	text-align: center;
	transition: opacity .15s ease-in-out;

	right: 15px;
	bottom: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
   
	@include mq('md') {
		right: 20px;
		bottom: 20px;
		width: 45px;
		height: 45px;
		line-height: 45px;
	}

    @include mq('xl') {
		right: 20px;
		bottom: 120px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
}
.toucan-goto-top:hover{
	opacity: 1 !important;
}