/************************************************************************************************
    BLOCK MENU 
*************************************************************************************************/
.#{$app-prefix}-menu-wrapper {
	border-top: 1px solid $border-color;
	border-bottom: 4px double $border-color;
	.container{display: table;}
	#primary-navigation{
		display: table-cell;
		vertical-align: middle;
	}
	.block-cart{
		display: table-cell;
		vertical-align: middle;
		@include rtl-text-align-right();
		.cart-popup {
			min-width: 320px;
			@include rtl-right(0);
			@include rtl-left(inherit);
			.cart_list {
				list-style: none;
			}
		}
	}
}

/************************************************************************************************
    BREADCRUMB
*************************************************************************************************/
.breadcrumb-noheading{
	.breadcrumb{
		font-size:13px;
		line-height:24px;
		color:$gray-dark;
		justify-content:flex-start;
		padding:20px 0;
		a{
			color:$text-color;
			position:relative;
			&:hover {
				color: $theme-color;
			}
		}
		.current{
			color:$gray-dark;
		}
		.delimiter {
			margin: 0 8px;
			color:$text-color;
			&:before{
			  content: "\f105";
			  display: inline-block;
			  font-family:FontAwesome;
			  font-size:15px;
			}
		}
	}
}
.breadcrumb{
    @include border-radius(0);
    margin: $breadcrumb-margin;
    color: $breadcrumb-color;
    padding:0;
    font-size: $breadcrumb-font-size;
	font-weight:400;
	width:100%;
	background:transparent;
	a{
        color: $white;
		position:relative;
    }
	.current{
		color:$white;
	}
    .delimiter {
        margin: 0 8px;
		color: $white;
        &:before{
          content: "\f105";
          display: inline-block;
		  font-family:FontAwesome;
		  font-size:13px;
        }
    } 
}

/* Slideshow -------------------------------------------------------------------------------------- */
.#{$app-prefix}-slideshow{
    .wpb-inner{
        margin-bottom: 0 !important;
    }
}

/* Container -------------------------------------------------------------------------------------- */
.#{$app-prefix}-main{
    @include box-size($container-bg, $container-padding-top, $container-padding-bottom);
    .page-title{
		margin: $page-title-margin;
		font-size: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
		background-position:center;
		background-size:cover;
		h1{
			text-transform: capitalize;
			margin: 0;
			font-size: 30px;
			font-weight:600;
			color: $white;
			position:absolute;
			@include rtl-right(15px);
			@include transform(translateY(-6px));
			@media (max-width: 1510px) and (min-width: 1200px){
				@include rtl-right(30px);
			}
			@media (max-width:$screen-xs-max){
				font-size:20px;
				position:unset;
				margin-bottom:5px;
				@include transform(translateY(0));
			}
		}
		&.empty-image{
			background:$theme-color;
			border-bottom:1px solid $border-color;
			border-top:1px solid $border-color;
		}
		>.container{
			position:relative;
		}
    }
}

/* Content -------------------------------------------------------------------------------------- */
.#{$app-prefix}-content{
    background: $content-bg;
    @include clearfix();
}
/* Pagination -------------------------------------------------------------------------------------- */
.#{$app-prefix}-pagination{
    margin: 0;
}

/************************************************************************************************
    BLOCK FOOTER 
*************************************************************************************************/
  
##{$app-prefix}-footer{ 
    @include box-size($footer-bg, $footer-padding-top, $footer-padding-bottom);
    position: relative;
    color: $footer-color;
    border-bottom: $footer-border;
    font-size: $footer-font-size;
    z-index: 2;
    line-height: 24px;
    margin-top: 60px;
	@media (max-width:$screen-sm-max){
		padding-bottom:50px;
	}
    a{
        &:hover,
        &:focus,
        &:active{
            color: $footer-link-hover-color;
        }
    }
    p:not(:last-child){
		margin-bottom: 10px;
    }
    ul.social-link{
		li{
			margin: 0 5px;
			&:before{
				display : none;
			}
			&:first-child{
				@include rtl-margin-left(0);
			}
			&:last-child{
				@include rtl-margin-right(0);
			}
			a{
				display: inline-block;
				@include square(40px);
				@include border-radius(50%);
				border:1px solid #d3d3d3;
				line-height:38px;
				i{
					color:$gray-dark;
					font-size:14px;
				}
				&:hover{
					background:$theme-color;
					border-color:$theme-color;
					i{
						color:$white;
					}
				}
				&:before{
					display: none;
				}
			}
		}
    }
	.wpbingo-newsletter.newsletter-default {
		.content-newsletter {
			position:relative;
			.clearfix{
				position:absolute;
				@include rtl-right(0);
			}
		}
	}
	&.footer-1{
		.wpbingo-newsletter.newsletter-default {
			.content-newsletter {
				.wpcf7-not-valid-tip{
					color: $white;
				}
			}
		}
		.wpcf7-response-output{
			color: $white;
		}
	}
	&.footer-2{
	}
	&.footer-3{
		.wpbingo-newsletter.newsletter-default{
			.content-newsletter{
				input[type="email"]{
					@include border-radius(0);
					background:#f3f3f3;
					height:42px;
					line-height:42px;
				}
				input[type="submit"]{
					@include border-radius(0);
					font-size:0;
					padding:0 40px;
					position:relative;
					z-index:2;
					background:transparent;
				}
				.clearfix{
					position:relative;
					top:0;
					background:$gray-dark;
					&:before{
						content: "\e904";
						font-family: icomoon;
						font-size:20px;
						position:absolute;
						color:$white;
						top:calc(50% - 12px);
						left:calc(50% - 10px);
					}
					&:hover{
						background: $orange;
					}
				}
			}
		}
	}
	&.footer-4{
		ul.social-link li a i{
			color:$white;
		}
		.wpbingo-newsletter.newsletter-default{
			.content-newsletter{
				input[type="email"]{
					@include border-radius(0);
					background:#353535;
					height:42px;
					line-height:42px;
					color:$white;
				}
				input[type="submit"]{
					@include border-radius(0);
					font-size:0;
					padding:0 40px;
					position:relative;
					z-index:2;
					background:transparent;
				}
				.clearfix{
					position:relative;
					top:0;
					background:$theme-color;
					&:before{
						content: "\e904";
						font-family: icomoon;
						font-size:20px;
						position:absolute;
						color:$white;
						top:calc(50% - 12px);
						left:calc(50% - 10px);
					}
					&:hover{
						background:draken($theme-color,10%);
					}
				}
			}
		}
	}
} 

/*  */
/* Newletter Popup */
/*  */
.newsletterpopup .close-popup {
	cursor: pointer;
	position: absolute;
	top:10px;
	@include rtl-right(10px);
	text-align:center;
	z-index: 9999;
	display:inline-block;
	@include square(35px);
	padding: 6px;
	@include border-radius(100%);
	border:1px solid rgba($text-color,0.35);
	&:after{
		content: '';
		position: absolute;
		height: 2px;
		width: 15px;
		top: 50%;
		left:calc(50% - 7.5px);
		margin-top: -1px;
		background-color: rgba($text-color,0.35);
		transform-origin: 50% 50%;
		@include transform(rotate(45deg));
		@include transition(all 0.3s ease);
	}
	&:before{
		content: '';
		position: absolute;
		height: 2px;
		width: 15px;
		top: 50%;
		left:calc(50% - 7.5px);
		margin-top: -1px;
		background-color:rgba($text-color,0.35);
		transform-origin: 50% 50%;
		@include transform(rotate(-45deg));
		@include transition(all 0.3s ease);
	}
	&:hover{
		&:after,&:before{
			@include transform(rotate(0deg));
		}
	}
}
body:not(.page-template-homepage){
	.popupshadow,.newsletterpopup{
		display:none !important;
	}
}
.popupshadow {
	background-color: rgba(32,32,32,0.6);
	height: 100%;
	@include rtl-left(0);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
	display : none;
}
.newsletterpopup {
    box-sizing: border-box;
    height: auto;
    left:50%;
	@include transform(translate(-50% , -50%));
    margin:auto;
    position: fixed;
    top: 50%;
    width: 928px;
    z-index: 1000000;;
	overflow:hidden;
	display:none;
	.wp-newletter{
		display:flex;
		.image{
			width:51.5%;
		}
		.widget{
			width:48.5%;
			margin:0;
			background:$white;
			display:flex;
			align-items:center;
			justify-content:center;
		}
		.hidden-popup-newsletter{
			font-size:12px;
			display:block;
			text-align:center;
			padding:0 30px;
			position:relative;
			.wpcf7-list-item first{
				position:relative;
			}
			input{
				position:absolute;
				z-index:10;
				opacity:0;
				width:100%;
				top:4px;
				left:0;
				cursor:pointer;
				&:checked ~ .wpcf7-list-item-label{
					&:before{
						background:$theme-color;
					}
				}
			}
			.wpcf7-list-item{
				margin:0;
			}
			.wpcf7-list-item-label{
				cursor:pointer;
				&:before{
					@include square(10px);
					@include border-radius(50%);
					background:#e8e8e8;
					display:inline-block;
					margin-right: 10px;
					position:relative;
					top:1px;
				}
			}
		}
	}
	.wpbingo-newsletter-popup{
		text-align:center;
		padding:25px 25px 10px;
		margin:auto;
		.title-newsletter{
			font-size:40px;
			margin:auto;
			position:relative;
			margin-bottom:5px;
			color:$gray-dark;
			line-height:50px;
			font-weight:600;
			span{
				display:block;
				color:$theme-color;
			}
		}
		.subtitle-newsletter{
			font-size:20px;
			color:$gray-dark;
			font-weight:600;
		}
		.text-newsletter{
			font-size:14px;
			margin-bottom:25px;
		}
	}
	.content-newsletter{
		margin-bottom:15px;
		.wpcf7-form-control-wrap{
			input{
				width:100%;
				padding:0;
				line-height:35px;
				border:1px solid #dfdfdf;
				background:transparent;
				font-size:12px;
				padding:0 20px;
				height:50px;
				margin-bottom:20px;
				line-height:50px;
				&::placeholder{
					font-size:12px;
				}
			}
		}
		.clearfix{
			position:relative;
			.ajax-loader{
				position:absolute;
			}
			input{
				background:$theme-color;
				border:0;
				padding:0 35px;
				font-size:14px;
				color:$white;
				cursor:pointer;
				font-weight:500;
				font-weight:600;
				line-height:40px;
				&:hover{
					background:$gray-dark;
				}
			}
		}
	}
	@media (max-width:$screen-sm-max){
		width:500px;
		.image{
			display:none;
		}
		.wp-newletter .widget{
			width:100%;
			padding:30px 0;
		}
	}
	@media (max-width:$screen-xs-max){
		width:calc(100% - 50px);
		.wpbingo-newsletter-popup{
			.title-newsletter{
				font-size:30px;
				line-height:35px;
			}
			.subtitle-newsletter{
				font-size:16px;
			}
			.text-newsletter{
				margin-bottom:15px;
			}
		}
	}
}


/* Copyright -------------------------------------------------------------------------------------- */
.#{$app-prefix}-copyright{
    color: $copyright-color;
    font-size: $copyright-font-size;
    font-weight: $copyright-font-weight;
    background: $copyright-bg;
    font-family: $copyright-font-family;
    margin-top: 80px;
	@media (max-width:$screen-sm-max){
		padding-bottom:50px;
	}
    .#{$block-selector} {
        .#{$block-heading-selector}{
            color: $footer-heading-color;
            text-transform: $footer-heading-transform;
            margin: $footer-heading-margin;
            @include font-size(font-size,$footer-heading-font-size);
        }
    }
    .container{
        padding-bottom: $copyright-padding-bottom;
        position: relative;
        padding-top: $copyright-padding-top;
        &:before{
			position: absolute;
			top: 0;
			content: "";
			background: #dedede;
			@include rtl-left(15px);
			width: calc(100% - 30px);
			height: 1px;
        }
        .payment{
            @include rtl-text-align-right();
        }
    }
}
.wpcf7 .ajax-loader{
	margin:0;
}
// VERIFY POPUP
.verify-popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	justify-content:center;
	align-items:center;
	padding:20px;
	z-index:999999999;
	&.active{
		display:flex;
	}
	&.disabled{
		background:$gray-dark;
		display:flex;
		.content-verify{
			background:transparent;
			max-width:700px;
			padding: 0;
		}
	}
	.close-overlay{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba($gray-dark,0.75);
	}
	.content-verify{
		width:100%;
		max-width:450px;
		background:$white;
		z-index:2;
		position: relative;
		padding: 30px;
		max-height:100%;
		overflow:auto;
		&::-webkit-scrollbar-track
		{
			background-color: #ececec;
		}
		&::-webkit-scrollbar
		{
			width: 2px;
			background-color: #ececec;
		}
		&::-webkit-scrollbar-thumb
		{
			background-color:$gray-dark;
		}
	}
	.alert-verify{
		color:$white;
		padding:50px 0;
		font-size:30px;
		svg{
			fill:#ffaf00;
			font-size: 35px;
			position: relative;
			top: 5px;
			path{
				fill:#ffaf00;
			}
			@include rtl-margin-right(10px);
		}
	}
	.verify-info{
		text-align:center;
	}
	.title{
		display:inline-block;
		margin:0;
		font-size:25px;
		position:relative;
		padding-bottom: 15px;
		margin-bottom: 20px;
		&:before{
			content:"";
			position:absolute;
			bottom:0;
			left:calc(50% - 50px);
			height:1px;
			width:100px;
			background:$gray-dark;
		}
		@media (max-width:480px){
			font-size:20px;
		}
	}
	.group-button{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		margin-top: 20px;
		button{
			background:$gray-dark;
			border:0;
			color:$white;
			font-size:12px;
			text-transform:uppercase;
			letter-spacing:2px;
			font-weight:500;
			padding:11px 20px;
			line-height:18px;
			min-width:130px;
			margin:5px;
			cursor: pointer;
			&:hover{
				background:$theme-color;
			}
		}
	}
}