/* Header Default */


/* Header Elementor */
#pxl-header-elementor {
	@media #{$min-xl} {
		min-height: 0px !important;
		position: relative;
		z-index: 1001;
	}
	&.pxl-header--rmindex-action {
		z-index: inherit;
		.pxl-header-elementor-main {
			z-index: inherit;
		}
	}
	#pxl-header-mobile {
		display: none;
	}
	.pxl-header-elementor-sticky {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
		top: 0;
		@include transform(translateY(-100%));
		@include transition(.6s cubic-bezier(.24,.74,.58,1));
		visibility: hidden;
		&.pxl-header-fixed {
			@include transform(translateY(0%));
			visibility: visible;
			@include box-shadow(0 3px 18px rgba(255, 255, 255, 0.05));
		}
	}
	&.pxl-header-rmboxshadow .pxl-header-elementor-sticky.pxl-header-fixed {
		@include box-shadow(none);
		.pxl-logo-nav {
			@include box-shadow(0 3px 18px rgba(255, 255, 255, 0.05));
		}
	}
	.px-header--transparent {
		position: absolute;
		top: 0 !important;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 999;
	}
	.elementor-section .elementor-container, .elementor-inner-section, .elementor-widget:not(.elementor-absolute), .elementor-widget-wrap, .elementor-column, .elementor-column-wrap {
		position: static;
	}
}

/* Header Menu */
@media #{$min-xl} {

.fr-style-box1 {
	.search-form {
		.search-field {
			color: #fff;
		}
	}
	.menu-item-has-children {
		a {
			position: relative;
			&:after {
				color: $primary-color;
			}
			&:focus {
				color: $primary-color;
			}
		}
	}
	.menu-item {
		position: relative;
		@include transition (all .3s);
		margin-bottom: 30px;
		line-height: 1.2;
		list-style: none;
		&:hover {
			.ct-menu-sidebar {
				color: $primary-color;
				border: 3px solid $primary-color;
			}
			a {
				color: $primary-color;
			}
		}
		&:focus {
			.ct-menu-sidebar {
				color: $primary-color;
				border: 3px solid $primary-color;
			}
			a {
				color: $primary-color;
			}
		}
		.ct-menu-sidebar {
			position: absolute;
			top: 5px;
			right: 0;
	        font-size: 25px;
	        color: #fff;
	        cursor: pointer;
	        border: 3px solid #fff;
	        padding: 5px;
			padding-bottom: 0;
			border-radius: 12px;
			line-height: 1;
	        @include transition(all 300ms linear 0ms);
	        &:hover {
	        	border: 3px solid $primary-color;
	        }
	        &.active {
	        	@include transition(all 300ms linear 0ms);
	        	&:before {
	        		content: '\f106';
	        	}
	        }
	    }
		a {
			color: #fff;
			font-size: 40px;
			font-weight: 700;
			padding-right: 6px;
			position: relative;
			
			@include transition(all 300ms linear 0ms);
			> a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
		    	color: $primary-color;
		    }
			&:active {
				color: $primary-color;
			}
			&:focus {
				color: $primary-color;
			}
			&:hover {
				color: $primary-color;
			}
		}
		.sub-menu {
			top: 10px;
			left: 0%;
			position: relative;
			padding: 30px 20px 5px;
			z-index: 99999;
			@include border-radius (7px);
			display: none;
			margin-bottom: 0;
			.menu-item {
				a {
					color: #fff;
					font-size: 25px;
					font-weight: 600;
					@include transition(all .3s);
					&:hover {
						color: $primary-color;
					}
				}
			}
		}
	}
	.pxl-menu-toggle {
		display: none;
	}
	#pxl-header-default .pxl-menu-primary > li {
		&.menu-item-has-children {
			> a span:after {
		    	content: "\f107";
		    	font-family: Caseicon;
		    	font-size: 10px;
		    	margin-left: 6px;
		    	font-weight: 400;
		    	@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		    	display: inline-flex;
		    }
		    &:hover > a span:after {
		    	transform: scaleY(-1);
		    }
		    &:hover > a span:after {
				@include transform(rotateX(-180deg));
			}
	    }
	}
}
	#pxl-header-default .pxl-menu-primary > li {
		&.menu-item-has-children {
			> a span:after {
		    	content: "\f107";
		    	font-family: Caseicon;
		    	font-size: 10px;
		    	margin-left: 6px;
		    	font-weight: 400;
		    	@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		    	display: inline-flex;
		    }
		    &:hover > a span:after {
		    	transform: scaleY(-1);
		    }
		    &:hover > a span:after {
				@include transform(rotateX(-180deg));
			}
	    }
	}
}

.pxl-header-menu-backdrop {
	display: none;
}

/* Header Tablet/Mobile */
@media #{$max-lg} {
	#pxl-header-default, #pxl-header-elementor {
		position: relative;
		@include box-shadow(0 0px 15px rgba(0, 0, 0, 0.08));
		background-color: $body_bg_color_hex;
		.pxl-header-main {
			position: relative;
		}
		
		#pxl-nav-mobile {
			display: block;
			position: absolute;
			top: 50%;
			right: 15px;
			@include transform(translate(0,-50%));
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			.pxl-mobile-meta-item {
				margin-left: 10px;
			}
		}
	}
	.pxl-nav-mobile-button {
		width: 34px;
		height: 20px;
		position: relative;
		cursor: pointer;
		&:before, &:after, span {
			content: '';
			background-color: #fff;
			height: 2px;
			position: absolute;
			left: 0;
			right: 0;
			margin: auto;
			@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		}
		&:before {
			top: 0;
			width: 24px;
		}
		&:after {
			bottom: 0;
			width: 24px;
		}
		span {
			top: 9px;
			width: 100%;
		}
		&:hover {
			&:before, &:after {
				width: 100%;
			}
		}
	}
	.pxl-header-menu-backdrop {
		z-index: 998;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(#000, 0.6);
		@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		display: none;
		opacity: 0;
        visibility: hidden;
	}
	.pxl-header-menu {
		position: fixed;
        height: 100vh;
        width: 350px;
        top: 0;
        left: 0;
        bottom: 0;
        margin: 0;
        overflow: hidden;
        z-index: 999;
        @include transition(all .25s cubic-bezier(.645,.045,.355,1));
        @include transform(translateX(-100%));
        visibility: hidden;
        @include box-shadow(0 0 15px rgba(0,0,0,0.08));
        background-color: #354e33;
        overflow-y: scroll;
        &.active {
            visibility: visible;
            opacity: 1;
            @include transform(translateX(0%));
            + .pxl-header-menu-backdrop {
            	opacity: 1;
            	display: block;
            	visibility: visible;
            }
        }
	}
	.pxl-header-menu-scroll {
		padding: 41px 25px 90px;
	}




	.pxl-logo-mobile {
		margin-bottom: 30px;
		img {
			height: 34px;
		}
	}
	.pxl-header-mobile-search {
		margin-top: 18px;
		margin-bottom: 25px;
		form {
			position: relative;
		}
		.search-field {
			font-size: 14px;
			color: #828c8f;
			height: 35px;
			border: none;
			padding: 0px;
			background-color: unset;
			border-bottom: 1px solid #676e70;
			margin-bottom: 0;
			&:focus {
				color: #fff;
			}
		}
		.search-submit {
			position: absolute;
			top: 0;
			right: 5px;
			@include border-radius(0px);
			line-height: 36px;
			padding: 0;
			height: 35px;
			line-height: 35px;
			background: none;
			color: #828c8f;
			border: none;
			font-size: 20px;
			&:hover, &:focus {
				color: #fff;
			}
		}
	}
	.pxl-menu-close {
		position: absolute;
		top: 35px;
		right: 10px;
		@include border-radius(0px);
	}
	#pxl-header-elementor {
		.pxl-header-elementor-main, 
		.pxl-header-elementor-sticky {
			display: none;
		}
		#pxl-header-mobile {
			display: block;
			@include box-shadow(0 3px 18px rgba(#02154e, 0.09));
			position: relative;
			z-index: 999;
			&.style-dark {
				background-color: #1C2539;
				.pxl-nav-mobile-button::before, .pxl-nav-mobile-button::after, .pxl-nav-mobile-button span {
					background-color: #fff;
				}
				.pxl-header-menu {
					background-color: #1C2539;
				}
				.pxl-header-mobile-search {
					.search-field {
						background-color: rgba(255,255,255,0.12);
						border-color: rgba(255,255,255,0.12);
						color: rgba(#fff, 0.67);
						&:focus {
							color: #fff;
						}
					}
					.search-submit {
						color: #fff;
					}
				}
				.pxl-menu-primary li {
					> a:hover,
		            > a.current, 
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		                color: $link_color;
		            }
					a {
						color: #fff;
						border-color: rgba(#fff, 0.08);
					}
				}
				.pxl-menu-close {
					background-color: rgba(255, 255, 255, 0.12);
					&:before, &:after {
						background-color: #354e33;
					}
				}
				.pxl-menu-toggle {
					background-color: rgba(255,255,255,0.1);
					color: rgba(#fff, 0.8);
				}
			}
		}
	}
	
}

@media #{$max-sm} {
	.pxl-header-menu {
		width: 100%;
	}
}

/* Search Popup */


/* Hidden Panel */




/* Elementor Popup */
.pxl-popup-button1 {
	width: 74px;
	height: 75px;
	background-color: #000;
	position: relative;
	cursor: pointer;
	.pxl-anchor-button {
		@extend .pxl-middle;
	}
	.pxl-anchor-button .pxl-icon-line::before, .pxl-anchor-button .pxl-icon-line::after {
		background-color: #fff;
	}
}

#pxl-popup-elementor {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;
	height: 100vh;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	@media #{$max-lg} {
		display: none;
	}
	.pxl-item--overlay {
		display: flex;
		flex-wrap: nowrap;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		.pxl-item--flip {
			width: 20%;
			height: 100%;
			position: relative;
			overflow: hidden;
			&:before {
				@extend .pxl-spill;
				width: 101%;
				background-color: #000;
				@include transition(all .25s cubic-bezier(.645,.045,.355,1));
				transform: scaleX(0);
				transform-origin: left center;
			}
		}
	}
	.pxl-close {
		width: 54px;
		height: 54px;
		background: #222;
		border-width: 20px;
		position: absolute;
		top: 35px;
		right: 35px;
		z-index: 99;
		@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		opacity: 0;
		transform: scale(0) rotate(360deg);
		&:before, &:after {
			background-color: #354e33;
		}
	}
	.pxl-item--conent {
		@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		transform: translateY(40px);
		opacity: 0;
		overflow-y: scroll;
		overflow-x: hidden;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	&.active {
		visibility: visible;
		opacity: 1;
		.pxl-item--overlay {
			.pxl-item--flip:before {
				transform: scaleX(1);
				-webkit-transition-delay: 0.125s;
                transition-delay: 0.125s;
			}
		}
		.pxl-item--conent {
			transform: translateY(0px);
			opacity: 1;
			-webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
		}
		.pxl-close {
			opacity: 1;
			transform: scale(1) rotate(0deg);
			-webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
		}
	}
	&.deactivation {
		-webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
        .pxl-item--flip:before {
			-webkit-transition-delay: 0.325s;
            transition-delay: 0.325s;
		}
	}
	.elementor > .elementor-section {
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
	}
}

@-moz-keyframes PXL_Header_SlideDown{
  0%{ 
    margin-top:-150px;
  }
  100%{
    margin-top:0
  }
}
@-ms-keyframes PXL_Header_SlideDown{
  0%{ 
    margin-top:-150px;
  }
  100%{
    margin-top:0
  }
}
@-webkit-keyframes PXL_Header_SlideDown{
  0%{ 
    margin-top:-150px;
  }
  100%{
    margin-top:0
  }
}
@keyframes PXL_Header_SlideDown{
  0%{ 
    margin-top:-150px;
  }
  100%{
    margin-top:0
  }
}

blockquote {
	a {
		color: $link_color;
		&:hover {
			color: $gradient_color_to;
		}
	}
}

.wp-block-quote {
	padding: 40px !important;
	padding-left: 135px !important;
}

.wp-block-pullquote {
	p {
		color: #fff !important;
	}
}

.single-post {
	.entry-title {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		word-break: break-word;
	}
}


.is-layout-flow {
	blockquote {
		padding: 20px !important;
	}
}

.tag-password-2 {
	input[type="submit"] {
		&:hover, &:active, &:focus {
			background-color: $link_color !important;
			color: #fff !important;
		}
	}
}