/*
Theme Name: La Croix City 2k18
Theme URI: http://underscores.me/
Author: Intuiti
Author URI: http://www.intuiti.net
Description: Theme Wordpress La Croix - City
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lacroixsofrel
Template: laCroixGroupe2k18
Tags:


*/



/* BEGIN Ubuntu Light */
@font-face {
    font-family: 'Ubuntu';
    src: url('./assets/fonts/ubuntu-light-webfont.eot');
    src: url('./assets/fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/ubuntu-light-webfont.woff2') format('woff2'),
    url('./assets/fonts/ubuntu-light-webfont.woff') format('woff'),
    url('./assets/fonts/ubuntu-light-webfont.ttf') format('truetype'),
    url('./assets/fonts/ubuntu-light-webfont.svg#ubuntulight') format('svg');
    font-weight: 300;
    font-style: normal;
}
/* END Ubuntu Light */

/* BEGIN Ubuntu Light Italic */
@font-face {
    font-family: 'Ubuntu';
    src: url('./assets/fonts/ubuntu-light-italic-webfont.eot');
    src: url('./assets/fonts/ubuntu-light-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/ubuntu-light-italic-webfont.woff2') format('woff2'),
    url('./assets/fonts/ubuntu-light-italic-webfont.woff') format('woff'),
    url('./assets/fonts/ubuntu-light-italic-webfont.ttf') format('truetype'),
    url('./assets/fonts/ubuntu-light-italic-webfont.svg#ubuntulight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}
/* END Ubuntu Light Italic */

/* BEGIN Ubuntu Regular */
@font-face {
    font-family: 'Ubuntu';
    src: url('./assets/fonts/ubuntu-regular-webfont.eot');
    src: url('./assets/fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/ubuntu-regular-webfont.woff2') format('woff2'),
    url('./assets/fonts/ubuntu-regular-webfont.woff') format('woff'),
    url('./assets/fonts/ubuntu-regular-webfont.ttf') format('truetype'),
    url('./assets/fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* END Ubuntu Regular */

/* BEGIN Ubuntu Regular Italic */
@font-face {
    font-family: 'Ubuntu';
    src: url('./assets/fonts/ubuntu-regular-italic-webfont.eot');
    src: url('./assets/fonts/ubuntu-regular-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/ubuntu-regular-italic-webfont.woff2') format('woff2'),
    url('./assets/fonts/ubuntu-regular-italic-webfont.woff') format('woff'),
    url('./assets/fonts/ubuntu-regular-italic-webfont.ttf') format('truetype'),
    url('./assets/fonts/ubuntu-regular-italic-webfont.svg#ubuntuitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
/* END Ubuntu Regular Italic */

/* BEGIN Ubuntu Medium */
@font-face {
    font-family: 'Ubuntu';
    src: url('./assets/fonts/ubuntu-medium-webfont.eot');
    src: url('./assets/fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/ubuntu-medium-webfont.woff2') format('woff2'),
    url('./assets/fonts/ubuntu-medium-webfont.woff') format('woff'),
    url('./assets/fonts/ubuntu-medium-webfont.ttf') format('truetype'),
    url('./assets/fonts/ubuntu-medium-webfont.svg#ubuntumedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
/* END Ubuntu Medium */

/* BEGIN Ubuntu Medium Italic */
@font-face {
    font-family: 'Ubuntu';
    src: url('./assets/fonts/ubuntu-medium-italic-webfont.eot');
    src: url('./assets/fonts/ubuntu-medium-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/ubuntu-medium-italic-webfont.woff2') format('woff2'),
    url('./assets/fonts/ubuntu-medium-italic-webfont.woff') format('woff'),
    url('./assets/fonts/ubuntu-medium-italic-webfont.ttf') format('truetype'),
    url('./assets/fonts/ubuntu-medium-italic-webfont.svg#ubuntumedium_italic') format('svg');
    font-weight: 500;
    font-style: italic;
}
/* END Ubuntu Medium Italic */

/* BEGIN Ubuntu Bold */
@font-face {
    font-family: 'Ubuntu';
    src: url('./assets/fonts/ubuntu-bold-webfont.eot');
    src: url('./assets/fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/ubuntu-bold-webfont.woff2') format('woff2'),
    url('./assets/fonts/ubuntu-bold-webfont.woff') format('woff'),
    url('./assets/fonts/ubuntu-bold-webfont.ttf') format('truetype'),
    url('./assets/fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/* END Ubuntu Bold */

/* BEGIN Ubuntu Bold Italic */
@font-face {
    font-family: 'Ubuntu';
    src: url('./assets/fonts/ubuntu-bold-italic-webfont.eot');
    src: url('./assets/fonts/ubuntu-bold-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/fonts/ubuntu-bold-italic-webfont.woff2') format('woff2'),
    url('./assets/fonts/ubuntu-bold-italic-webfont.woff') format('woff'),
    url('./assets/fonts/ubuntu-bold-italic-webfont.ttf') format('truetype'),
    url('./assets/fonts/ubuntu-bold-italic-webfont.svg#ubuntubold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
/* END Ubuntu Bold Italic */


.blocks-products ul{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    padding: 0;
    column-gap: 20px;
    row-gap: 20px;
}
.blocks-products .item-market{
    width: 100%;
    margin: 0;
    height: 165px;
}
.blocks-products .item-market a .wrapper-item-market {
    padding: 0 15px;
}
.blocks-products .item-market a .wrapper-item-market h3 {
    font-weight: 400;
    font-size: 1em;
}
#block-img-text-full.block-img-text-full-product .wrapper-img-text-full .blocks-products .item-market a{
    margin: 0;
}
.wrapper-other_category ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    row-gap: 20px;
}
#implantations {
    display: block !important;
}
#implantations .items-implantation .iii-c-implantation_card .iii-c-implantation_card__content a.btn-secondary {
    color: #f54444;
    display: inline-block;
}
#implantations .items-implantation .implantation-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
}
#implantations .items-implantation .iii-c-implantation_card{
    display: flex;
    flex-direction: column;
}
#implantations .items-implantation .iii-c-implantation_card__header {
    z-index: initial;
}

@media (max-width: 979px) {
    .blocks-products ul{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 599px) {
    .blocks-products ul{
        grid-template-columns: repeat(2, 1fr);
    }
}
body .baner-home .top-baner-home #header-logo a {
    background-size: contain;
}
body .btn,
body .btn-go,
body .btn-secondary,
body .btn-tertiary,
body .btn-transparent,
body .consent-ui--banner-actions button.accept,
body .consent-ui--banner-actions button.details,
body form button,
body form input[type=button],
body form input[type=submit] {
    border-radius: 50px;
    overflow: hidden;
}
body .btn-go:after,
body .btn-secondary:after,
body .btn-tertiary:after,
body .btn-transparent:after,
body .btn:after,
body .consent-ui--banner-actions button.accept:after,
body .consent-ui--banner-actions button.details:after,
body form button:after,
body form input[type=button]:after,
body form input[type=submit]:after {
    border-radius: 50px;
}
body .is-h2.center:after,
body .is-h2.white:after,
body .is-h2:after,
body h2.center:after,
body h2.white:after,
body h2:after {
    border-radius: 50px;
    height: 10px;
    transition-property: width;
}
body.is-home .group-home:before,
body #banner:after,
body section#offer-city .item-offer:before,
body #block-smart-stories:after,
body .block-blockquote.grey-block:before,
body .layoutSliderSmartStories_bottom:after,
body .block-edito.white-tilted:after {
    border-radius: 0 50px 0 0;
    transform: none;
}
body header .wrap .menu-blue:before {
    transform: none;
    border-radius: 50px;
    left: -15px;
}
body header .wrap .menu-blue,
body header .wrap .menu-blue:after,
body header .wrap .menu-blue:before,
body header .wrap .menu-white .menu-sites li ul li a:hover {
    background: #181f6d;
}
body li.item-ss a .wrapper-desc .border-color,
body li.item-ss a .wrapper-desc .border-color .skew-rect {
    background: #03b8a7 !important;
}
body li.item-ss a .wrapper-desc .border-color .skew-rect {
    transform: none;
    display: none;
}
body li.item-ss a .wrapper-desc .border-color {
    height: 10px;
    border-radius: 0 500px 500px 0;
}
body li.item-ss a:hover .wrapper-desc .border-color{
    height: calc(100% + 10px);
}

section#offer-city .item-offer .item-block-text.flex .wrapper-image .hexa.icons-hexagone2 {
    display: none;
}
section#offer-city .item-offer .item-block-text.flex .wrapper-image .hexa.icons-hexagone1 {
    display: none;
}
section#offer-city .item-offer .item-block-text.flex .wrapper-image .hexa.icons-hexagone1::before {
    display: none;
}
body #block-img-text-full:before {
    z-index: -1;
    background: #181f6d;
}
body #block-img-text-full {
    background-repeat: repeat;
    background-size: auto;
    padding: 80px 0 100px;
}

body .group-home li.image-skew {
    height: auto;
}
body .group-home li.image-skew .image-skew--parent {
    padding: 0;
}
body .group-home li.image-skew .image-skew--parent picture {
    width: 100%;
    height: 100px;
    display: block;
    border-radius: 500px;
    overflow: hidden;
    margin: 0 auto;
    /*order: -1;*/
}

body .group-home li.image-skew .image-skew--parent picture img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
}

body .group-home .wrapper-bottom-group ul {
    column-gap: 20px;
    align-items: flex-start;
}

body .group-home li.image-skew .image-skew--parent h3 {
    text-align: center;
    color: #181f6d;
    margin: 0;
    margin-bottom: 10px;
}

body #banner .background:before {
    background-image: linear-gradient(0deg,transparent,rgba(34,56,89,.5) 90%);
}
body #banner .top-banner.is-sticky #header-logo a {
    background-size: contain;
    width: 175px;
}

body .group-home li.image-skew .image-skew--parent:hover h3 {
    color: #f54444;
}
body .group-home li.image-skew .image-skew--parent picture img {
    -webkit-transition: transform 600ms cubic-bezier(0.5, 0, 0.05, 1);
    -moz-transition: transform 600ms cubic-bezier(0.5, 0, 0.05, 1);
    -ms-transition: transform 600ms cubic-bezier(0.5, 0, 0.05, 1);
    -o-transition: transform 600ms cubic-bezier(0.5, 0, 0.05, 1);
    transition: transform 600ms cubic-bezier(0.5, 0, 0.05, 1);
}
body .group-home li.image-skew .image-skew--parent:hover picture img {
    transform: scale(1.1);
}
body #block-implantations {
    padding: 100px 0;
}
body #block-implantations img {
    height: 100%;
}

body section#offer-city .top-offer-city{
    padding-top: 75px;
}
body section#offer-city .item-offer:last-child{
    padding-bottom: 75px;
}