/**
* 2007-2022 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2022 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/



.pa_top_1,
.na_top_1,
.pa_top_2,
.na_top_2 {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 22px;
    background: rgb(107, 31, 53);
    border: none;
}

.slick-disabled {
    background: #af7989;
}

.slick-list {
    padding: 0 25% 0 0 !important;
}

.slider-logos .slick-list {
    padding: 0px 20px !important;
}

.slider-logos .slick-slide {
    width: 110px;
}

.slider-logos {
    width: 300px;
}

.bloc-official-jersey,
.bloc-for-her,
.bloc-canterbury-edition,
.bloc-for-training {
    background-size: cover;
    justify-content: center;
    align-items: end;
    -webkit-align-items: flex-end;
    padding-bottom: 6%;
}

.bloc-official-jersey {
    background: url('../img/home_img/1-1-maquette-ubb-mobile-home_04test.jpg') center center no-repeat;
    margin: 3px 0;
    min-height: 400px;
    flex: 100%;
}

.bloc-for-her {
    background: url('../img/home_img/2-186x280.png') center center no-repeat;
    margin: 0 3px 3px 0;
    flex: 49%;
    min-height: 280px;
}

.bloc-canterbury-edition {
    background: url('../img/home_img/3-186x280.png') center center no-repeat;
    margin: 3px 0;
    flex: 49%;
    min-height: 280px;
    margin-top: 0;
}

.bloc-for-training {
    background: url('../img/home_img/4-374x410.png') center center no-repeat;
    margin: 3px 0;
    flex: 100%;
    min-height: 400px;
    margin-top: 0;
}

#section_news {
    position: relative;
    padding-top: 0.2em;
}

.bloc-jersey {
    flex: 99%;
    padding: 0 1em;
}

.btn-call-to-action-primary,
.btn-call-to-action-primary-fixed {
    padding: 8px 20px;
    border-radius: 20px;
    color: #fff !important;
    background: #6b1f35;
    border: none;
    font-weight: 700;
}

.btn-call-to-action-secondary,
.btn-call-to-action-secondary-fixed {
    padding: 8px 20px;
    border-radius: 20px;
    background: #fff;
    color: #6b1f35 !important;
    border: none;
    font-weight: 700;
}

.btn-call-to-action-primary:hover {
    padding: 8px 20px;
    border-radius: 20px;
    background: #fff;
    color: #6b1f35 !important;
    border: none;
    font-weight: 700;
}

.btn-call-to-action-secondary:hover {
    padding: 8px 20px;
    border-radius: 20px;

    color: #fff !important;
    background: #6b1f35;
    border: none;
    font-weight: 700;
}

@media(min-width:768px) {
    .slick-list {
        padding: 0 10% 0 0 !important;
    }

    .bloc-official-jersey,
    .bloc-for-her,
    .bloc-canterbury-edition,
    .bloc-for-training {
        min-height: 600px;
    }

    .bloc-official-jersey {
        background: url('../img/home_img/1-1-maquette-ubb-home.jpg') center center no-repeat;
        flex: 66%;
        margin: 6px 3px 3px 0;
    }

    .bloc-for-her {
        background: url('../img/home_img/2-621x800.png') center center no-repeat;
        margin: 6px 0 3px 3px;
        flex: 32%;
    }

    .bloc-canterbury-edition {
        background: url('../img/home_img/3-621x800.png') center center no-repeat;
        margin: 3px 3px 3px 0;
        flex: 32%;
    }

    .bloc-for-training {
        background: url('../img/home_img/4-1291x800.png') center center no-repeat;
        margin: 3px 0 3px 3px;
        flex: 66%
    }

    .jersey_illustration {
        flex: 53%;
        min-height: 700px;
        background: url('../img/home_img/5-1150x965.png') center center no-repeat;
        background-size: contain;
    }

    .bloc-jersey {
        flex: 32%;
        padding: 0 2em;
    }

    .ubb-kappa-pro-bloc {
        position: relative;
        flex: 49%;
        min-height: 600px;
        background: url('../img/home_img/7-956x939.png') no-repeat;
        padding-bottom: 30%;
        background-size: cover;
    }

    .ubb-canterbury-fan-bloc {
        position: relative;
        flex: 49%;
        min-height: 600px;
        background: url('../img/home_img/8-956x939.png') no-repeat;
        padding-bottom: 30%;
        background-size: cover;
    }

    .ubb-kappa-pro-bloc:hover {
        background: url('../img/home_img/7-956x939.png') no-repeat;
        background-size: cover;
    }

    .ubb-canterbury-fan-bloc:hover {
        background: url('../img/home_img/8-956x939.png') no-repeat;
        background-size: cover;
    }

    #section_news {
        background: url('../img/pakka_bg.png') top left no-repeat;
    }

    #section_news>div,
    #section_news>p {
        margin-left: 200px;
    }

    #section_children>div,
    #section_children>p {
        margin-left: 200px;
    }

}




/**
 *  Progress Bar
 */
.progress_box,
.progress_box_2 {
    position: relative;
    max-width: 336px;
}

.progress,
.progress_2 {
    position: absolute;
    top: -18px;
    margin: 1em;
    max-width: 336px;
    display: block;
    width: 100%;
    height: 5px;
    border-radius: 10px;
    overflow: hidden;

    background-color: transparent;
    background-image: linear-gradient(to right, #6b1f35, #6b1f35);
    background-repeat: no-repeat;
    background-size: 8 100%;

    transition: background-size .4s ease-in-out;
    z-index: 10;
}

.progress_under_line,
.progress_under_line_2 {
    height: 3px;
    z-index: 0;
    margin-left: 1em;
    display: block;
    max-width: 336px;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    overflow: hidden;

    background-color: #af7989;
}



.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media(min-width:768px) {

    .progress_box,
    .progress_box_2 {
        position: relative;
        max-width: 100%;
    }

    .progress,
    .progress_2,
    .progress_under_line,
    .progress_under_line_2 {
        max-width: 99%;
    }

    .progress_section {
        padding-right: 5rem;
    }
}


.narrow_left_1,
.narrow_right_1 {
    position: relative;
    color: #fff;
    font-size: 2rem;
    background: transparent;
    border: none;
    cursor: pointer;
}


.reassurance-title {
    font-size: 18px;
    font-weight: 900;
}

.reassurance-description {
    text-align: center;
    font-size: 13px;
}