@charset "utf-8";
/*
Theme Name: ADA Cosmetics
Author: blueDOM
Version: 1.2.38
 */

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /assets/css/
The SASS sources for it can be found in /assets/css/partials/
*/

.page-section b, .page-section strong {
    font-weight: 700;
}

.image-slider-b__text h2,
.image-slider__slide .title h3,
.image-article__text .section-header h2.title,
.image-article__image h2.title,
.dispenser-system h2,
.product-article__text .section-header h2.title,
.menu-main-menu-container .menu-item, .menu-main-menu-german-container .menu-item, .menu-main-menu-french-container .menu-item, .menu-main-menu-spanish-container .menu-item,
.mm-panel .menu-item,
.slide-text__i h2 {
	text-transform: uppercase;
}

/*.header__nav nav.nav ul.menu>li.menu-item>ul.sub-menu li.submenu-list>ul.sub-menu li.menu-item.menu-item-has-children {*/
/*	margin-bottom: 25px;*/
/*}*/

.post-content-section__content ul {
	margin-left: 20px;
}

.header__nav nav.nav ul.menu>li.menu-item>ul.sub-menu li.list3col>ul.sub-menu>li.menu-item {
	width: 33.3%;
}

.header__nav nav.nav ul.menu>li.menu-item>ul.sub-menu li.list3col>ul.sub-menu {
	justify-content: flex-start;
}

.footer__info__contact .slogan {
	max-width: 400px;
}

.footer__info__contact .slogan .sub-slogan {
	font-size: 0.7em;
	text-align: right;
}

.benefits-list__el .text ul li:before {
	position: relative;
}

.product-b__desc .excerpt ul {
	margin-left: 20px;
}

.product-b__desc .excerpt p + ul {
	margin-top: -20px;
}

p#CookieBoxTextDescription {
	padding-bottom: 10px;
}

.mm-wrapper .mm-listitem.menu-headline.clickable {
	pointer-events: auto;
	cursor: pointer;
}

.banner-slider .slide-text h1 a, .main-banner__text h1 a,
.banner-slider .slide-text h1 a:hover, .main-banner__text h1 a:hover,
.banner-slider .slide-text h1 a:active, .main-banner__text h1 a:active,
.banner-slider .slide-text h1 a:focus, .main-banner__text h1 a:focus {
	color: #fff;
	text-decoration: none;
}

@media (min-width: 1700px) {
	.main-banner .splide__arrow {
		bottom: 200px;
	}

	.main-banner .splide__pagination {
		bottom: 125px;
	}

	.main-banner .slide-text {
		padding-top: 0;
	}
}

.benefits-section.background-light .section-header .label, .benefits-section.background-light .section-header h2 {
	color: #000;
}

.slide-text img,
.main-banner__text img {
	max-width: 500px!important;
}
@media (max-width: 1000px) {
	.slide-text img,
	.main-banner__text img {
		max-width: 50%!important;
	}
}

.benefits-section.layout-2 .benefits-list__el .icon img,
.benefits-section.layout-3 .benefits-list__el .icon img {
	height: 150px;
	width: auto;
}

@media (max-width: 1679px) {
	.benefits-section.layout-2 .benefits-list__el .icon img,
	.benefits-section.layout-3 .benefits-list__el .icon img {
		height: 130px;
	}
}

@media (max-width: 1199px){
	.benefits-section.layout-2 .benefits-list__el .icon img,
	.benefits-section.layout-3 .benefits-list__el .icon img {
		height: 120px;
	}

	.main-banner.height-medium,
	.main-banner.height-large {
		min-height: 0;
		height: 600px;
	}
}

@media (max-width: 767px) {
	.main-banner.height-medium,
	.main-banner.height-large {
		height: 500px;
	}
}
@media (max-width: 480px) {
	.main-banner.height-medium,
	.main-banner.height-large {
		height: 250px;
	}
}

@media (min-width: 1200px){
	.header__links .links-group .phone-link {
		display: none;
	}
}

.content-wrap .background-dark p a {
	color: #e8e8e8;
}

.hero-image-slider__slide .slide-text {
	bottom: 15%;
}

@media (max-width: 767px){
	.hero-image-slider__slide .slide-text {
		bottom: 25px;
	}
}

/* hot fix | will be removed later */
.page-id-674 .section-2.image_article_section .image-article__image img{
	object-fit: fill;
}

.section-padding-small {
  padding: 80px 0;
}

@media (max-width: 1920px) {
  .section-padding-small {
    padding: 65px 0;
  }
}
@media (max-width: 1679px) {
  .section-padding-small {
    padding: 60px 0;
  }
}
@media (max-width: 1399px) {
  .section-padding-small {
    padding: 55px 0;
  }
}
@media (max-width: 1199px) {
  .section-padding-small {
    padding: 45px 0;
  }
}
@media (max-width: 991px) {
  .section-padding-small {
    padding: 35px 0;
  }
}
@media (max-width: 767px) {
  .section-padding-small {
    padding: 25px 0;
  }
}
@media (max-width: 480px) {
  .section-padding-small {
    padding: 17px 0;
  }
}