/* FONT ------------------------------------*/ .open-sans {font-family: 'Open Sans', sans-serif;} .pacifico {font-family: 'Pacifico', cursive;} .ubuntu {font-family: 'Ubuntu', sans-serif;} .ubuntu_light, .UbuntuLight { font-family: "UbuntuLight", sans-serif;} .UbuntuBold {font-family: "UbuntuBold";} .open-sans_semi_bold {font-family: 'OpenSansSemiBold', sans-serif;} .caveat {font-family: 'Caveat', cursive;} .goodlife-script{font-family: goodlife-script, sans-serif;font-style: normal;font-weight: 400;} .weight100 {font-weight:100!important;} .weight200 {font-weight:200!important;} .weight300 {font-weight:300!important;} .weight400 {font-weight:400!important;} .weight500 {font-weight:500!important;} .weight600 {font-weight:600!important;} .weight700 {font-weight:700!important;} .weight800 {font-weight:800!important;} .weight900 {font-weight:900!important;} .txt-grey {color:#282828B3!important;} .txt-grey-light {color:#8c8c8c!important;} .txt-orange {color:#f47321!important;} .txt-white {color:#ffffff!important;} .txt-primary {color:#5cb5ed!important;} .txt-blue {color:#0e3368!important;} .txt-blue-light {color:#0970E6;} .txt-blue-light-2 {color:#049EE3;} .txt-green {color:#0c532e!important;} .txt-red {color:#EF373D!important;} .txt-wine {color:#A02448!important;} .bg-white {background-color:#ffffff!important;} .bg-blue {background-color:#0e3368!important;} .bg-blue-light {background-color:#D2EEFF!important;} .bg-blue-primary {background-color:#0670E6!important;} .bg-red {background-color:#e61111!important;} .bg-wine {background-color: #A02448!important;} .bg-green {background-color: #005524!important;} .bg-green-light {background-color:#30A76E!important;} .btn.size_10 {width:10%!important;} .btn.size_20 {width:20%!important;} .btn.size_30 {width:30%!important;} .btn.size_40 {width:40%!important;} .btn.size_50 {width:50%!important;} .btn.size_60 {width:60%!important;} .btn.size_70 {width:70%!important;} .btn.size_80 {width:80%!important;} .btn.size_90 {width:90%!important;} .btn.size_100 {width:100%!important;} /* CUSTOM ------------------------------------------------------*/ header .header_promotion span, header .header_promotion i.icon-close {color:#fff;} .freehtml.component {margin-bottom: 0!important;} #home_eoy.background { background-image: url(https://cdn-mkt.be.carrefour.eu/free-html/home_eoy_2020/background_left.png), url(https://cdn-mkt.be.carrefour.eu/free-html/home_eoy_2020/background_right.png); background-position: right 40px, left 40px; background-repeat: no-repeat, no-repeat; background-size: 30% , 30%; } /*Promos */ #home_eoy.promos {padding:60px 20px 40px 20px;margin:0;border: 1px solid transparent;} #home_eoy.promos h2 span.uppercase {font-size: 35px; display: block;letter-spacing: 0.02em;} #home_eoy.promos h2 span.goodlife-script {font-size: 65px; display: block;} #home_eoy h3 { padding: 20px;font-size:40px;line-height: 1em;} #home_eoy.promos ul { width: 100%;margin: 0 auto;padding: 20px 0 0 0;} #home_eoy.promos ul.three_column {flex-wrap: wrap;} #home_eoy.promos ul.three_column li {width:33%;} #home_eoy.promos ul li {width: 50%; padding: 20px;} #home_eoy.promos figure {} #home_eoy.promos img {width:100%;min-width:100%;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} #home_eoy.promos ul.three_column li footer{ height:75px;} #home_eoy.promos ul li a.cta_footer {-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;} #home_eoy.promos ul li footer {padding: 20px;} #home_eoy.promos ul li footer span {font-size: 15px;line-height: 1.35em;} #home_eoy footer.more {padding:20px;text-align: right;width: 90%;} #home_eoy footer.more a {font-size: 14px;} #home_eoy footer.more a:hover {color:#fff!important;text-decoration: underline!important;} /* covide infos EOY */ aside.covid_infos_eoy {padding:20px;} aside.covid_infos_eoy span {font-size: 20px;} aside.covid_infos_eoy a {font-size: 14px;} aside.covid_infos_eoy a:hover {color:#fff!important;text-decoration: underline!important;} @media only screen and (max-width : 1280px) { .btn.size_10 {width:60%!important;} .btn.size_20 {width:60%!important;} .btn.size_30 {width:60%!important;} .btn.size_40 {width:60%!important;} .btn.size_50 {width:60%!important;} .btn.size_60 {width:80%!important;} .btn.size_70 {width:80%!important;} .btn.size_80 {width:80%!important;} .btn.size_90 {width:80%!important;} .btn.size_100 {width:100%!important;} } @media only screen and (max-width : 1024px) { #home_eoy.promos ul {width: 100%;} #home_eoy.promos ul.three_colum n{flex-direction: column;width: 70%;} #home_eoy.promos ul.four_column {flex-direction: column;width: 80%;} #home_eoy.promos ul.three_column li {width:100%;} #home_eoy.promos ul.four_column li {width:100%;} #home_eoy footer.more { text-align: center;width: 100%;} #home_eoy.background {background-size: 37% , 37%;background-position: 480px 50px, -50px 60px;} } @media only screen and (max-width : 800px) { .hide-for-mobile {display:none!important;} .hide-for-desktop {display:block!important;} .btn.size_10 {width:100%!important;} .btn.size_20 {width:100%!important;} .btn.size_30 {width:100%!important;} .btn.size_40 {width:100%!important;} .btn.size_50 {width:100%!important;} .btn.size_60 {width:100%!important;} .btn.size_70 {width:100%!important;} .btn.size_80 {width:100%!important;} .btn.size_90 {width:100%!important;} .btn.size_100 {width:100%!important;} } @media only screen and (max-width : 768px) { #home_eoy.background { background-size: 40%, 35%; background-position: 480px 50px, -50px 60px;} } @media only screen and (max-width : 600px) { #home_eoy.promos h2 {padding-bottom: 20px;} #home_eoy.promos h2 span.uppercase { font-size: 24px;} #home_eoy.promos h2 span.goodlife-script {font-size: 45px;} #home_eoy h3 { font-size: 35px;line-height: 1em;} #home_eoy.background {background-image: none;} } @media only screen and (max-width : 480px) { btn.size_10 {width:60%!important;} .btn.size_20 {width:100%!important;} .btn.size_30 {width:100%!important;} .btn.size_40 {width:100%!important;} .btn.size_50 {width:100%!important;} .btn.size_60 {width:100%!important;} .btn.size_70 {width:100%!important;} .btn.size_80 {width:100%!important;} .btn.size_90 {width:100%!important;} .btn.size_100 {width:100%!important;} #home_eoy.promos {padding:20px;} #home_eoy.promos ul.three_column, #home_eoy.promos ul.four_column, #home_eoy.promos ul.two_column {flex-direction: column;width: 100%;} #home_eoy.promos ul.two_column li {width:100%;} #home_eoy.promos h2 span.uppercase {font-size: 24px;padding: 20px 0 0 0;} #home_eoy.promos h2 span.goodlife-script { font-size: 45px; line-height: 1em; padding: 0 0 10px 0;} #home_eoy h3 { font-size: 30px; padding: 10px 0; line-height: 1em;} } @media only screen and (max-width : 330px) { }