/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
footer .leo-megamenu .navbar-nav>li>a {
	padding: .7rem;
}

footer .leo-megamenu .navbar-nav>li {
	display: block;
}

#checkout section.checkout-step .payment-options .payment-option {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.cb-displaybeforefooter {
	width: 75%;
	margin: 1rem auto 0 auto !important;
}

/*
 * HomePage
 */
.home-reassurance #block-reassurance ul {
	display: flex;
}

.home-reassurance #block-reassurance ul li {
	margin: 0 auto;
}

/*
 * Product listing
 */
.thumbnail-container .product-title a {
	overflow: visible;
	display: block;
}

.plist-dsimple .thumbnail-container .discount-percentage {
	display: inline-block;
	padding: 4px 5px;
	font-size: .8em;
	background: #e0525c;
	color: #fff;
	border-radius: 5px;
	line-height: 1;
}

.product-flag.on-sale {
	/*  font-size: 1.5rem;*/
	background: orange;
	padding: 1rem !important;
	color: white !important;
}


.verticalpad {
	padding: 1rem 0;
}

/**
 * Blog
 */
#module-dbblog-dbcategory .header__category .name,
#module-dbblog-dbpost .header__category .name {
	color: #000;
}

div.btn_db_inifinitescroll,
div.btn_db_inifinitescroll_author {
	background: #000;
}

.bck_title {
	color: #000;
}

.--card-blog .name__post,
.--card-blog .desc_post {
	margin-top: 1rem;
}

.header__blog .menu li a,
.header__blog .menu li .dropdown-toggle {
	background-color: #f2f2f2;
	font-size: 1rem;
	font-weight: 800;
}

.header__blog .menu li a:hover,
.header__blog .menu li .dropdown-toggle:hover {
	text-shadow: 2px 2px 2px gray;
}

button.hide_desktop.dbblog_menu_mobile {
	background-color: #F4F2F3;
	padding: 1rem;
	border-radius: 20%;
	margin-top: .8rem;
}

/**
 * Social Login
 */
#fbpsc {
	text-align: center;
	display: none !important;
}

.lang-fr #fbpsc:not(.orderFunnel),
.lang-es #fbpsc {
	display: block !important;
}

#fbpsc .bt-btn-sl {
	width: 100%;
}

#fbpsc .btn-shadow {
	box-shadow: none;
	border-radius: 0;
	margin-left: 0;
}

.lql-callregister-action {
	display: block;
	margin-top: 1rem;
	text-align: center;
}

#fbpsc.orderFunnel {
	display: blocK;
	margin-left: auto;
	margin-right: auto;
	max-width: 100vw;
	width: 350px;
}

/**
 * Social Login with InstaGram
 */

#instauth-registration {
	border: 0;
	padding-left: 12px;
	padding-right: 12px;
}

.lql-form-content .instauth-button-icon,
.instauth-button-icon,
#module-facebookpsconnect-account .instauth-button-icon {
	height: 20px;
	fill: currentColor;
	vertical-align: bottom;
}

.lql-form-content div#instauth-login,
.lql-form-content div#instauth-registration {
	background-color: #f3f3f3;
	border: #f6f6f6;
	padding: 0px 12px 12px 12px;
	margin-top: -11px;
}

.btn.btn-secondary.instauth-button,
#module-facebookpsconnect-account .btn.btn-secondary.instauth-button {
	width: 100%;
	display: grid;
	grid-template-columns: 2rem auto;
	text-transform: initial;
	font-weight: bold;
	font-size: .85rem;
	padding: .4rem 20px;
	background-color: #833AB4;
}

section.login-form #instauth-login,
section.register-form #instauth-registration {
	text-align: center;
	padding-top: 0;
	padding-bottom: 20px;
	margin-top: -12px;
	padding-left: 12px;
	padding-right: 12px;
}

/**
 * Black Friday
 *
 */

li.nav-item.btn-blackfriday a span {
	background: black;
	padding: 0.25rem 0.5rem 0.15rem;
	color: white;
}


/**
 * Corrección widget estrellas
 *
 */

.ekomi-widget-container {
	padding: 2rem 0;
	margin-top: -3rem;
}

/*
.ekomi-widget-container .stars-widget .rating-stars-rating {
background-image: url('https://sw-assets.ekomiapps.de/template_images/2021-09-03_08:03:28-tind.png');
}
 */

/**
 * Payment options styling
 */
.payment-options {
	&>div {
		padding: .5rem 2rem;
	}
}

.payment-option {
	display: flex;
	align-items: center;

	label {
		margin-bottom: 0;

		img {
			margin-left: 2rem;
		}
	}
}

.additional-information {
	border: 1px solid #d6d4d4;
	border-radius: 4px;
	margin-left: 2rem;
	margin-right: 2rem;
	margin-top: 0 !important;
}

/** Oct8ne **/
@media (min-width: 576px) {

	#oct8ne-viewer-wrapper,
	chat-oct8ne#livechat-wrapper {
		left: 5rem;
		margin-left: 0 !important;
	}
}

@media (max-width: 576px) {
	.zd-container {
		padding: 0;
		margin: 0;
	}

	.zd-container div:nth-child(2n+1) {
		padding-left: 0;
		padding-right: .1rem;
	}

	.zd-container div:nth-child(2n) {
		padding-right: 0;
		padding-left: .1rem;

	}

	.zd-container div div {
		margin-bottom: .2rem !important;
	}
}