/**
 * Theme Name:     Green Pay
 * Author:         Servitis
 * Template:       astra
 * Text Domain:	   green-pay
 * Description:    Ce thème a été conçu et développé par Servitis pour Green Pay.
 */

header.sticky-header {
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}
header.sticky-header.elementor-sticky--effects {
	background-color: #fff!important;
	box-shadow: 0 0 12px 4px rgba(0,0,0,0.2);
}
#logo .attachment-full {
	width: 196px !important;
}
.btn_slide{
	background-image: url(./icone/calendar-ico.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 10% 45% !important;
	padding-left: 50px !important;
	padding-right: 45px !important;
	border-radius: 30px !important;
}
.btn_slide:hover{
	background-image: url(./icone/calendar-black-ico.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 10% 45% !important;
	padding-left: 50px !important;
	padding-right: 45px !important;
	border-radius: 30px !important;
}
#SR7_1_1 .hephaistos.sr7-arrows {
    background: transparent !important;
}
#SR7_1_1 .hephaistos.sr7-arrows.sr7-leftarrow:before {
    content: url(icone/slider-arrow-left-up.svg) !important;
    left: -30px !important;
    top: -100%;
    display: flex;
    position: absolute;
}
#SR7_1_1 .hephaistos.sr7-arrows.sr7-rightarrow:before {
    content: url(icone/slider-arrow-right-up.svg) !important;
    right: -30px !important;
    top: -100%;
    display: flex;
    position: absolute;
}
#SR7_1_1 .custom .sr7-bullet {
    width: 13px ! important;
    height: 13px ! important;
    background: #FFFFFF ! important;
    cursor: pointer;
	border-radius: 50px !important;
}
#SR7_1_1 .custom .sr7-bullet.selected {
	 background: #59B433 ! important;
}
#nos-partenaires .swiper-slide {
	height: 90px ! important;
	align-content: end ! important;
	display: flex ! important;
	justify-content: center ! important;
	align-items: center ! important;
}
.img-pourquoi-green-pay .attachment-full {
	width: 470px;
	height: 573px;
	border-radius: 10px;
	box-shadow: 2px 2px 25px 15px rgba(0, 0, 0, 0.1);
}
.vous-avez-recu {
	width: 139px;
    height: 93px;
	box-shadow: 2px 2px 25px 5px rgba(0, 0, 0, 0.1);
}
.paiement-effectue {
	width: 131px;
    height: 77px;
	box-shadow: 2px 2px 25px 5px rgba(0, 0, 0, 0.1);
}
.entry-content p {
    margin-bottom: 0px ! important;
}
#btn-cmd-terminal{
	background-image: url(./icone/delivery-ico.svg);
	background-repeat: no-repeat;
	background-position: 10% 45% ;
	padding: 20px 50px 20px 68px;
}
#btn-comment-ca-marche{
	background-image: url(./icone/ca-marche.svg);
	background-repeat: no-repeat;
	background-position: 10% 45% ;
	padding: 20px 30px 20px 60px;
}
#reseau-marchand .dce-skin-carousel {
    width: 1150px ! important;
	height: 380px;
}
#reseau-marchand .dce-posts-container .dce-post-image .dce-img img {
    border-radius: 10px;
}
#reseau-marchand .dce-posts-layout-overlay .dce-content-area {
    position: relative;
    width: 100%;
    margin-top: -20%;
    margin-left: 0%;
    background-color: transparent !important;
    padding: 10px !important;
}
#reseau-marchand .dce-post-title{
	width: 100%;
	background-image: url(./icone/arrow-title.svg);
	background-repeat: no-repeat;
	background-position: 95% 45% ;
}
#reseau-marchand .dce-post-title a {
	text-decoration: none !important;
    color: #FFFFFF !important;
}
#btn-liste-marchands{
	background-image: url(./icone/google-forms.svg);
	background-repeat: no-repeat;
	background-position: 10% 45% ;
	padding: 20px 30px 20px 50px;
}
.points-vente .elementor-counter-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
    position: relative;
}
.points-vente .elementor-counter-number::before {
    content: "";
    background-image: url(./icone/shopping-cart.svg);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
}
.points-vente .elementor-counter-title {
	padding-left: 55px! important;
}
.terminaux-deployes .elementor-counter-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
    position: relative;
}
.terminaux-deployes .elementor-counter-number::before {
    content: "";
    background-image: url(./icone/card-machine.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
}
.terminaux-deployes .elementor-counter-title {
	padding-left: 55px! important;
}
.transactions-bancaires .elementor-counter-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
    position: relative;
}
.transactions-bancaires .elementor-counter-number::before {
    content: "";
    background-image: url(./icone/credit-cards-payment.svg);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
}
.transactions-bancaires .elementor-counter-title {
	padding-left: 55px! important;
}
.transactions-mobiles .elementor-counter-number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
    position: relative;
}
.transactions-mobiles .elementor-counter-number::before {
    content: "";
    background-image: url(./icone/cell-phone.svg);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
}
.transactions-mobiles .elementor-counter-title {
	padding-left: 55px! important;
}
.titre-call-to-action .elementor-heading-title{
	width: 765px! important;
}
#nos-partenaires .swiper-pagination {
  bottom: -30px !important;
}
#footer-boxe-1 .elementor-widget-text-editor p {
	margin-bottom: 0px! important;
}
#footer-boxe-menu .elementor-nav-menu--main .elementor-item {
  position: relative;
  padding-left: 18px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
#footer-boxe-menu ul.elementor-nav-menu li {
  width: 100%;
  background-image: url(./icone/footer-ellipse.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 5px 5px;
}
#footer-boxe-menu ul.elementor-nav-menu li a {
  color: #59B433;
  display: block; 
  padding-left: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
}