/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*-------------- Global css attribution --------------*/
html, body {
    font-family: "Aeonik",sans-serif;
    overflow-x: hidden;
    width: 100%;
}

h2 a:hover {
	color: #FFF !important;
}

a:focus {
	outline: none !important;
}

li {
    text-align: left !important
}

li.menu-item.menu-item-has-children {
    position: relative;
    width: 10%;
}

p {
	margin-bottom: 10px !important;
}

p a {
	color: #fff !important;
}

p a:hover {
	color: #541cff !important;
}

.elementor-field-type-recaptcha_v3 {
    display: none !important;
}

.post-template .site-content p a {
	color: #2d2926 !important;
}

.post-template .site-content p a:hover {
	color: #541cff !important;
}


.ast-container {
    max-width: 100%;
}

.swiper-slide-contents {
	width: 100% !important;
}

.gallery-caption {
	border: none !important;
}

.kyos-product-title {
    margin-bottom: 0px !important;
}

.kyos-product-desc span {
    /*text-align: justify;*/
    margin-bottom: 10px;
}

.wpml-ls-legacy-list-horizontal a {
	padding: 0px 5px 0px !important;
}

.d-none {
    display: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
	cursor: pointer;
}

#kyos-slider-lottie {
    position: fixed;
    bottom: 50px;
}

.ast-container, .ast-container-fluid {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/*-------------- End Global css attribution --------------*/

/*-------------- Privacy policies page --------------*/
#kyos-privacy-menu li.menu-item {
    width: 100% !important;
}

#kyos-privacy-menu ul:first-child {
    border-top: 1px solid #707070;
}
/*-------------- End Privacy policies page --------------*/

/*-------------- Menus --------------*/
.elementor-location-header > .elementor-element-populated {
    padding: 0!important;
}

.kyos-header {
    height: 60px !important;
}


.kyos-sidemenu-left ul:first-child {
    border-top: 1px solid #CCCCCC10;
}

.kyos-vertival-menu {
    position: fixed
}

.kyos-sidemenu-right .menu-item {
    border-bottom: 1px solid #CCCCCC10; 
}

.kyos-sidemenu-right .menu-item:hover {
    border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

.kyos-sidemenu-right .menu-item:hover::after {
    content: url(https://www.kyos.ch/wp-content/uploads/2021/06/Kyos_Menu_Front_Arrow.svg);
    position: absolute;
    right: 20px;
    top: 20px;
}

.kyos-sidemenu-left .menu-item {
    border-bottom: 1px solid #CCCCCC10; 
}

.kyos-sidemenu-left .menu-item:hover {
    border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

.kyos-sidemenu-left .menu-item:hover::after {
    content: url(https://www.kyos.ch/wp-content/uploads/2021/06/Kyos_Menu_Front_Arrow.svg);
    position: absolute;
    right: 20px;
    top: 20px;
}

.kyos-sidemenu-left-white .menu-item {
    border-bottom: 1px solid #CCCCCC !important; 
}

.kyos-sidemenu-left-white .menu-item:hover {
    border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

.kyos-sidemenu-left-white .menu-item:hover::after {
    content: url(https://www.kyos.ch/wp-content/uploads/2021/06/Kyos_Menu_Front_Arrow_Grey.svg);
    position: absolute;
    right: 20px;
    top: 20px;
}

.uael-nav-menu.uael-layout-vertical.uael-nav-menu-layout {
    margin-right: 0px !important;
}

.kyos-sidemenu-right li {
    padding-left: 50px
}

.kyos-sidemenu-right .uael-menu-item:hover {
    transform: scale(1.1);
}

.uael-nav-menu__align-justify .uael-nav-menu__layout-horizontal .uael-nav-menu li a.uael-menu-item {
    justify-content: left;
}

.uael-menu-toggle i.fa {
    display: none;
}

.uael-nav-menu__align-justify .uael-nav-menu__layout-horizontal .uael-nav-menu {
    position: absolute;
}

.uael-nav-menu.uael-layout-vertical.uael-nav-menu-layout {
    margin-right: 0px !important;
}

.uael-layout-vertical .menu-item {
    border-bottom: 1px solid #707070; 
}

.kyos-sidemenu-left {
  -webkit-transition: font-size .2s ease;
  -moz-transition: font-size .2s ease;
  -o-transition: font-size .2s ease;
  transition: font-size .2s ease;
}

.uael-layout-vertical .menu-item:not(.current-menu-item) a.uael-menu-item:hover {
    font-size: 1.3em !important;
}

.uael-layout-vertical .menu-item.current-menu-item {
    font-size: 1.3em;
}

.kyos-mobile-menu li.menu-item.menu-item-has-children {
	width: 100%;
}

@media screen and (max-width: 1100px) {
	.kyos-horizontal-nav-scroll {
		overflow-x: scroll;
	}
	
	.kyos-horizontal-mobile-menu .uael-layout-horizontal nav ul {
		flex-wrap: nowrap;
		white-space: nowrap;
	}
	
	header {
		min-height: 10px;
	}
	
	.kyos-header-mobile {
		position: fixed;
		display: block;
		width: 100%;
	}
	
	.kyos-product-col-title {
		width: 85%;
	}
	
	.kyos-product-col-accordion {
		width: 15%;
	}
	
	.dialog-widget-content {
		background-color: #0000;
	}
	
	.dialog-message {
		align-items: normal !important;
	}
	
	.kyos-accordion-mobile-menu .elementor-tab-title {
		font-size: 20px;
		font-weight: 400;
		border-bottom: 1px solid #333;
	}
	
	.kyos-accordion-mobile-menu .elementor-tab-content ul {
		margin: 0 0 0 20px;
	}
	
	.kyos-accordion-mobile-menu .elementor-tab-content ul li {
		list-style: none;
		font-size: 16px;
		border-bottom: 1px solid #333;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	
	.kyos-accordion-mobile-menu .elementor-tab-content ul li::after {
		content: url(https://www.kyos.ch/wp-content/uploads/2021/04/Kyos_Front_Arrow_Purple_Small.svg);
		float: right;
	}
	
	.elementor-accordion-icon.elementor-accordion-icon-right {
		display: none !important;
	}
	
	.gallery-size-full {
		display: inline-flex;	
	}
	
	.gallery-item {
		width: 75px !important;
		margin-right: 20px !important;
	}
	
	.kyos-head-mob-left, .kyos-head-mob-right {
		width: 50%;
	}
	
	.eicon-close {
		display: none !important;
	}
}

/*-------------- End menus --------------*/

.bdt-fancy-list .flex-wrap {
    padding: 0 !important
}

/* Use to border the hovered post on home page */
.kyos-home-news .uael-post__bg-wrap:hover {
    border: 3px solid blue;
}

.elementor-heading-title.elementor-size-default a:hover {
    color: #541dff;
}

.kyos-fixed-item a:hover {
    color: #541dff;
}

.kyos-footer a:hover {
    color: #541dff;
}

.wpml-ls-current-language a {
	color: #541dff;
}

.wpml-ls-link:hover {
	color: #541dff;
}

.bdt-fancy-list .flex-wrap {
    padding: 0 !important
}

/* make 100% wide columns possible for Desktop devices in Elementor */
.custom-swiper .elementor-container .elementor-row {
    /*flex-wrap: wrap;*/
}
/* make all the colums-slides 100% wide and full screen tall */
.custom-swiper > .elementor-container > .elementor-row > .elementor-element.elementor-column {
    width: 100%;
    height: 100vh;
}
/* fix Elementor's Button widget bug when rendered in slider */
.custom-swiper .swiper-slide a.elementor-button {
    display: inline-block;
}
/* make slider fully responsive */
@media (min-width: 320px) and (max-width: 1024px) {
    .custom-swiper .elementor-container .elementor-row {
        flex-wrap: nowrap;
    }
}

/* Prev & Next buttons styles */
.custom-swiper .swiper-button-prev, 
.custom-swiper .swiper-button-next {
    width: 45px;
    height: 45px;
    background-color: rgba(0,0,0,0.7);
    background-size: 30%;
    padding: 5px;
}
/* Hover effect for Prev & Next buttons */
.custom-swiper .swiper-button-prev:hover, 
.custom-swiper .swiper-button-next:hover {
    opacity: 0.5;
}
/* Color and position of the Next button */
.custom-swiper .swiper-button-next, 
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    left: unset;
    right: 0;
}
/* Color and position of the Prev button */
.custom-swiper .swiper-button-prev, 
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    left: unset;
    /* cancel the line to stick the Prev button to left-hand side*/
    right: 46px;
}