/**handles:lsvr-lore-main-style**/
/**
* Theme Name: Lore Child
* Theme URI: http://preview.lsvr.sk/lore
* Description: Lore Child Theme
* Author: LSVRthemes
* Author URI: http://themeforest.net/user/LSVRthemes/portfolio
* Template: lore
* Version: 2.0.1
*/

/* Add your CSS here */

    .header-top-bar {
      height: 2rem;
      width: 100%;
      background: #25355A;
		transition: .5s ease-in-out height;
		overflow: hidden;
    }
    .header-top-bar .lsvr-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100%;
    }
	.header-top-bar .lsvr-container .header-top-bar__left, .header-top-bar .lsvr-container .header-top-bar__right {
		display: flex;
		align-items: center;
	}
    .header-top-bar .lsvr-container .header-top-bar__left > div, .header-top-bar .lsvr-container .header-top-bar__right > div {
      margin-left: 2rem;
      display: flex;
      align-items: center;
    }
    .header-top-bar .lsvr-container svg {
      margin-right: 1rem;
    }
    .header-top-bar .lsvr-container a {
      color: white;
      text-decoration: none;
      font-size: .85rem;
    }
	.mobile-bottom-cta .header-top-bar {
		height: 0;
	}
.header-menu__item--dropdown:nth-last-child(1) .header-menu__submenu--level-1, .header-menu__item--dropdown:nth-last-child(2) .header-menu__submenu--level-1, .header-menu__item--dropdown:nth-last-child(3) .header-menu__submenu--level-1, .header-menu__item--dropdown:nth-last-child(4) .header-menu__submenu--level-1, .header-menu__item--dropdown:nth-last-child(1) .header-menu__submenu--level-2, .header-menu__item--dropdown:nth-last-child(2) .header-menu__submenu--level-2, .header-menu__item--dropdown:nth-last-child(3) .header-menu__submenu--level-2, .header-menu__item--dropdown:nth-last-child(4) .header-menu__submenu--level-2 {
	left: 100%;
	right: auto;
}
/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */
.bottom-cta {
	display: none;
}
.header-navbar-search__popup {
	z-index: 100;
}
.header-navbar__navigation .header-search-form__panel {
	position: relative;
	margin-top: 0;
}
    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {
        .header-top-bar {
			display: none;
		}
		.bottom-cta {
			display:flex;
			position: fixed;
			bottom: 0;
			z-index: 99;
			left: 50%;
			transform: translateX(-50%);
			align-items: center;
			box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 50%);
			border-radius: 6px;
			transition: .5s ease-in-out all;
			margin-bottom: -4rem;
			background-color: #90BE2F;
		}
		.mobile-bottom-cta .bottom-cta {
			margin-bottom: 1rem;
		}
		.bottom-cta a {
    		color: white;
			text-decoration: none;
			font-weight: 600;
			padding: 1rem 2rem;
			margin: 0;
			text-align: center;
			white-space: nowrap;
		}
		.bottom-cta .close {
			position: absolute;
			height: 1.5rem;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 1.5rem;
			right: -.75rem;
			top: -.75rem;
			background: white;
			border-radius: 1rem;
			box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 50%);
		}
		.bottom-cta .close svg {
			transition: .25s ease-in-out transform;
			transform: rotate(0);
		}
		.bottom-cta .close:hover svg, .bottom-cta .close:focus svg, .bottom-cta .close:active svg {
			transform: rotate(90deg);
		}
		.bottom-cta .open {
			display: none;
		}
		.bottom-cta.bottom-cta-hidden {
			background: rgba(0,0,0,0.75);
			padding: 0;
		}
		.bottom-cta.bottom-cta-hidden a {
			display: none;
		}
		.bottom-cta.bottom-cta-hidden .open {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 2rem;
			height: 2rem;
			border-radius: 2rem;
		}
		.bottom-cta.bottom-cta-hidden .close {
			display: none;
		}
	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}