/****
START article CSS 
****/

/***********************
START generic CSS 
***********************/
body{
    max-width: 1170px;
    margin: 2rem auto;
    font-family: Arial, Helvetica, sans-serif;
}

.ws-fairtrade .mlr-minus10{
    margin-left: -10px;
    margin-right: -10px;
}

.ws-fairtrade .m-0{
    margin:0;
}

.ws-fairtrade .mlr-0{
    margin-left: 0;
    margin-right: 0;
}

.ws-fairtrade .mt-1 {
	margin-top: 1rem;
}

.ws-fairtrade .mt-1-5 {
	margin-top: 1.5rem;
}

.ws-fairtrade .mt-2 {
	margin-top: 2rem;
}
.ws-fairtrade .mt-3 {
	margin-top: 3rem;
}
.ws-fairtrade .mt-4 {
	margin-top: 4rem;
}
.ws-fairtrade .mt-5 {
	margin-top: 5rem;
}

.ws-fairtrade .ml-1{
    margin-left:1rem;
}

.ws-fairtrade .mb-0{
    margin-bottom:0;
} 

.ws-fairtrade .mb-1-5 {
	margin-bottom: 1.5rem;
}

.ws-fairtrade .mb-2 {
	margin-bottom: 2rem;
}

.ws-fairtrade .mb-3 {
	margin-bottom: 3rem;
}
.ws-fairtrade .mb-4 {
	margin-bottom: 4rem;
}
.ws-fairtrade .mb-5 {
	margin-bottom: 5rem;
}

.ws-fairtrade .p-0{
    padding:0;
}

.ws-fairtrade .pl-0{
    padding-left:0;
}

.ws-fairtrade .pr-0{
    padding-right:0;
}

.ws-fairtrade .pt-1{
    padding-top:1rem;
}

.ws-fairtrade .pt-5{
    padding-top:5rem;
}

.ws-fairtrade .pb-1{
    padding-bottom:1rem;
}

.ws-fairtrade .pb-3{
    padding-bottom:3rem;
}

.ws-fairtrade .pb-5{
    padding-bottom:5rem;
}

.ws-fairtrade .pl-1{
    padding-left:1rem;
}

.ws-fairtrade .pl-3{
    padding-left:3rem;
}

.ws-fairtrade .pl-5{
    padding-left:5rem;
}

.ws-fairtrade .d-flex{
    display: flex;
}

.ws-fairtrade .flex-column{
    flex-direction: column;
}

.ws-fairtrade .flex-justify-start{
    justify-content: flex-start;
}

.ws-fairtrade .flex-justify-center{
    justify-content: center;
}

.ws-fairtrade .flex-justify-space-around{
    justify-content: space-around;
}

.ws-fairtrade .flex-align-start{
    align-items: flex-start;
}

.ws-fairtrade .flex-align-center{
    align-items: center;
}

.ws-fairtrade .flex-align-end{
    align-items: flex-end;
}

.ws-fairtrade h1,
.ws-fairtrade h2,
.ws-fairtrade h3,
.ws-fairtrade h4,
.ws-fairtrade h5,
.ws-fairtrade p{
    font-family: "source-sans-pro", Arial, sans-serif;
    font-weight: 300;
    color:#000000;
    letter-spacing: 0.2rem;
}

.ws-fairtrade h2,
.ws-fairtrade h3,
.ws-fairtrade h4{
    font-weight: 700;
    text-transform: uppercase;
}

.ws-fairtrade h2{
    font-size: 2rem;
}

.ws-fairtrade h3{
    font-size: 1.4rem;
}

.ws-fairtrade h4{
    font-size: 1.6rem;
}

.ws-fairtrade p{
    letter-spacing: 0.1rem;
}

.ws-fairtrade .ws-btn{
    display: inline-block;
    padding: 17px 36px;
    background-color:#000;
    font-size: 0.8rem;
    color:#ffffff;
    text-align:center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ws-fairtrade a:hover .ws-btn,
.ws-fairtrade .ws-btn:hover,
.ws-fairtrade a:focus .ws-btn,
.ws-fairtrade .ws-btn:focus,
.ws-fairtrade a:active .ws-btn,
.ws-fairtrade .ws-btn:active{
    background-color: #1d3048;
    text-decoration: none;
}

.ws-fairtrade .blue-bg{
    background-color:#1d3048;
}
.ws-fairtrade .white-bg{
    background-color:#fff;
}
.ws-fairtrade .pink-bg{
    background-color:rgba(213, 181, 185, 0.5);
}
.ws-fairtrade .green-bg{
    background-color: #e8f6f4;
}

.ws-fairtrade .text-center{
    text-align: center;
}

/***********************
END generic CSS 
***********************/

/***********************
START header CSS
***********************/
.ws-fairtrade--header{
    position: relative;
}

.ws-fairtrade--header__overlay{
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
    cursor: pointer;
}

.ws-fairtrade--header__overlay:hover .ws-btn{
    background-color: #1d3048;
}

.ws-fairtrade--header video{
    cursor: pointer;
}

/***********************
END header CSS
***********************/


/***********************
START slider CSS 
***********************/
/** START fairtrade general slider CSS **/
.ws-fairtrade .slick-prev,
.ws-fairtrade .slick-next{
    background-color: transparent;
    background-size: auto;
}

.ws-fairtrade .slick-prev{
    left: 0.5%;
    background-image: url('https://c3n4sovn.cloudimg.io/s/width/26/_production_edit_content-images/uk_denim_slider_arrowleft.png');
}

.ws-fairtrade .slick-next{
    right: 0.5%;
    background-image: url('https://c3n4sovn.cloudimg.io/s/width/26/_production_edit_content-images/uk_denim_slider_arrowright.png');
}

.ws-fairtrade .slick-slide img{
    display: inline-block;
}
/** END fairtrade general slider CSS **/

/** START fairtrade product slider CSS **/
.ws-ft-product-slider .slick-slider .slick-list{
    margin:0 4rem;
}

.ws-ft-product-slider .slick-slider .slick-slide {
    margin:0 1rem;
    height: auto;
    float:left;
}

.ws-ft-product-slider .slick-slider .slick-slide img{
    margin:0 auto;
}

.ws-ft-product-slider .slick-dots{
    bottom: -35px;
}

.ws-ft-product-slider .slick-dots button{
    width:10px;
    height:10px;
}

.ws-ft-product-slider__slide{
    text-align: center;
}
/** END fairtrade product slider CSS **/

/***********************
END slider CSS 
***********************/

/***********************
START footer CSS
***********************/
.ws-fairtrade--footer img{
    margin-right:30px;
    min-width:49px;
}

.ws-fairtrade--footer p{
    margin:0;
    font-size: 0.9rem;
}
/***********************
END footer CSS
***********************/

/***********************
START media queries 
***********************/
@media(max-width:767px){
    body{
        margin: 0 1rem;
    }

    .ws-fairtrade .xs-ml-1{
        margin-left:1rem;
    }

    .ws-fairtrade .xs-mt-2{
        margin-top: 2rem;
    }

    .ws-fairtrade .xs-mt-3{
        margin-top: 3rem;
    }

    .ws-fairtrade .xs-mb-2{
        margin-bottom: 2rem;
    }

    .ws-fairtrade .xs-mb-1{
        margin-bottom: 1rem;
    }

    .ws-fairtrade .xs-pl-5px{
        padding-left:5px;
    }

    .ws-fairtrade .xs-pl-1{
        padding-left:1rem;
    }

    .ws-fairtrade .xs-pr-1{
        padding-right:1rem;
    }

    .ws-fairtrade .xs-pt-2{
        padding-top:2rem;
    }

    .ws-fairtrade .xs-pb-1{
        padding-bottom:1rem;
    }

    .ws-fairtrade .xs-pb-2{
        padding-bottom:2rem;
    }

    .ws-fairtrade .xs-pb-4{
        padding-bottom: 4rem;
    }
    
    .ws-fairtrade .d-flex{
        flex-direction: column;
    }

    .ws-fairtrade .xs-flex-direction-col{
        flex-direction: column;
    }

    .ws-fairtrade .xs-flex-direction-col-reverse{
        flex-direction: column-reverse;
    }

    .ws-fairtrade--footer .d-flex{
        flex-direction: row;
    }

    .ws-fairtrade .xs-d-block{
        display: block;
    }

    .ws-fairtrade .slide-item{
        padding: 0 3rem;
    }

    .ws-fairtrade .slide-item.green-bg{
        background: transparent;
    }

    .ws-ft-product-slider .slick-slider{
        margin:0;
    }

    .ws-ft-product-slider .slick-slider .slick-list{
        margin:0 2rem;
    }

    .ws-ft-product-slider .slick-slider .slick-slide{
        margin:0 0.5rem;
    }

    .ws-ft-product-slider p{
        padding:0 2rem;
    }

}
/***********************
END media queries 
***********************/


/**** 
END article CSS
****/