/* Іконка плагіну */
.solass-logo.svg {
background-position: 0 6px;
background-repeat: no-repeat;
background-size: 20px;
float: left;
height: auto;
width: auto;
padding-left: 27px !important;
}
.solass-logo.svg {
background-image: url('/wp-content/plugins/solass-wp-settings/images/solass-ico-color.svg');
}
.solass-logo.svg.alfa {
background-image: url('/wp-content/plugins/solass-wp-settings/images/solass-ico-white-alfa.svg') !important;
}


/* Стиль кастомного РНР-вывода языкового меню PolyLang */

.my-lang-menu h2 {
display: none;
}

@media (max-width: 991px) {
.nm-right-menu ul li.my-lang-menu, 
.nm-right-menu .my-lang-menu li {
  display: block;
}
}

.my-lang-menu > a { 
font-size: 12px !important;
text-transform: uppercase;
border-radius: 5px;
background-color: #707070;
position: relative;
top: 1px;
color: #fff !important;
margin: 9px 0px;
padding: 7px 10px !important;
}


/* Стили блока вывода Хуков */
.hooks_list_a {
background-color: #000;
}
.hooks_list_a .visible_hooks {
font-size: 0.9em;
padding: 6px;
width: 100%;
color: #9d9d9d;
text-align: center; 
cursor: pointer;
}

.rotated-element-90 {
    transform: rotate(90deg);
    transform-origin: center;
}.rotated-element-180 {
    transform: rotate(180deg);
    transform-origin: center;
}
.rotated-element--90 {
    transform: rotate(-90deg);
    transform-origin: center;
}

.margin-ico-5 { margin: 0 5px; }
.margin-ico-left-5 { margin-left: 5px; }
.margin-ico-right-5 { margin-right: 5px; }
.load-prod-file-btn { margin-right: 10px; }
.load-prod-file-btn .dashicons { font-size: 1.3em; } 

/* Мега-Меню стилі */

.solass-mega-menu .mega-menu-content { 
	padding:0; 
	display: block;
}

body .solass-mega-menu .mega-menu-content.mega-menu-center { 
	/*width: 100% !important;*/
}

.solass-mega-menu .mega-menu-content.mega-menu-center .mega-menu-inner {
	/*left: 50%; transform: translateX(-50%);*/ 
	/*margin: 0 auto;*/
}

/* За замовчуванням показуємо тільки мега-меню */
.solass-mega-menu .sub-menu:not(.mega-menu-content) {
	display: none;
}

/* Для мобільних — навпаки */
@media (max-width: 1024px) {
	.solass-mega-menu .sub-menu:not(.mega-menu-content) {
	/*display: block !important;*/
	}
	.solass-mega-menu .mega-menu-content {
		display: none !important;
	}
}




/* Трохи дизайнерських стилів */
.scale-x-y, .otragenie-x-y { transform: scaleX(-1) scaleY(-1); }
.align-center-center {
  align-items: center;
  justify-content: center;
  display: flex;
}
.align-left-center {
  align-items: center;
  display: flex;
}

/* Маски для різних єлементів, розділювачів та ін. */
/* Одна плавна хвиля */
.swp-wave-container-1 { /* Проста хвиля */
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 74" preserveAspectRatio="none"><path fill="white" fill-opacity="1" d="M1920,37.73c-165.35,41-584.54,95.06-1013.9,31.35C418.35-3.3,0,49.45,0,49.45V25H1920Z" transform="translate(0 -25.03)"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
} 
/* Дві хвилі */
.swp-wave-container-2 {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 53" preserveAspectRatio="none"><path d="M1920,42.29c-240,0-240,45.87-480,45.87S1200,42.29,960,42.29,720,88.16,480,88.16,240,42.29,0,42.29v-7H1920Z" transform="translate(0 -35.25)"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
} 
/* Багато мілких хвиль */
.swp-wave-container-3 {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 30" preserveAspectRatio="none"><path d="M1595.21,76.3c-54.13-49.09-106.35,0-106.35,0-54.13-49.09-106.35,0-106.35,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.34,0-106.34,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.34,0-106.34,0-54.13-49.09-106.35,0-106.35,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.34,0-106.34,0C371.26,27.21,319,76.3,319,76.3c-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.34,0-106.34,0C52.22,27.21,0,76.3,0,76.3V47.11H1920V76.3c-54.12-49.09-112.1,0-112.1,0-54.12-49.09-106.35,0-106.35,0C1647.43,27.21,1595.21,76.3,1595.21,76.3Z" transform="translate(0 -47.11)"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
} 
/* Одна велика дуга */
.swp-wave-container-4 {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 124" preserveAspectRatio="none"><path d="M1920,119.2C934.4-143,0,123.41,0,123.41V0H1920Z" transform="translate(0)"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
} 
/* Три трикутники для розділювача блоків */
.swp-wave-container-5 {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 56" preserveAspectRatio="none"><polygon points="1920 1.79 1599.99 55.88 1279.98 1.79 959.98 55.88 639.99 1.79 319.99 55.88 0 1.79 0 0 1920 0 1920 1.79"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
}