/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


body,
#wrapper,
#content,
.shop-quick-view-ajax,
.portfolio-ajax-modal,
.ajax-modal-title,
.modal-content,
.page-transition-wrap,
body #side-panel,
body #side-panel {
	/*background-color: #5979ab;*/
}

body {
	background-color: #5979ab;
}

html, body {
  overscroll-behavior-y: none;
}

.menu-link {
	font-size: 0.875rem;
}

#page-menu-wrap2 {
	position: absolute;
	z-index: 199;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	border-top: 1px solid #888;
}

.page-menu-item > a {
	font-size: 0.8125rem;
}

.page-menu-nav {
}

#header {
	background-color: #5979ab;
}

.sticky-header #header-wrap,
#header-wrap, #page-menu-wrap2 {
	background-color: #5979ab;
}

@media (min-width: 992px) {
	.sub-menu-container .menu-item > .menu-link,
	.sub-menu-trigger, #page-menu-trigger {
		color: #555;
	}
}

.full-header #logo {
	border-right: none;
}

.full-header .primary-menu .menu-container {
	border-right: none;
}

.menu-link {
	color: #bbb;
}

.pricing--sonam .pricing--item {
	background: #eee;
}

.pricing--sonam .pricing--item:hover {
	background: #ddd;
}

.pricing--sonam .pricing--action {
	background: var(--themecolor);
}

.pricing--sonam .pricing--price {
	color: var(--themecolor);
}

.pricing--sonam .pricing--action:hover,
.pricing--sonam .pricing--action:focus {
	background: var(--themecolor);
    filter: brightness(1.05);
}

.pricing--action {
	color: #fff;
}

.eula-popover {
    max-width: 70%;
    margin: 0 auto;
}

.subscribe-popover {
    max-width: 50%;
    margin: 0 auto;
}

.subscribe-banans {
    display:none;
}

.subscribe-email {
    display:none;
}

.eula-text {
    overflow-y: scroll;
    max-height: 60vh;
    padding: 3rem !important;
}

@media only screen and (max-width: 848px) {
    .subscribe-popover {
        max-width: 80%;
        margin: 0 auto;
    }

    .eula-popover {
        max-width: 95%;
        margin: 0 auto;
    }

    .eula-text {
        overflow-y: scroll;
        max-height: 60vh;
        padding: 0.5rem !important;
    }
}

#content {
    flex-grow: 1;
}

body, html {
    height:100%;
}

#wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

#footer {
	flex-shrink: 0;
}

.sub-menu-container .menu-item > .menu-link {
	font-size: 0.8rem;
	letter-spacing: inherit !important;
}