/*
 Theme Name:   Pop Street by Lis
 Theme URI:    https://popstreetfood.persianfinedining.com/pop-street-child
 Description:  Pop Street Child Theme based on Hello Elementor
 Author:       alireza amirgani
 Author URI:   ali.amirgani@gmail.com 
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  pop-street-child
*/

/* Import parent theme styles */
@import url("../hello-elementor/style.css");

/* Add your custom styles below */
/* =================================header=================================== */
/* Container for the logo */
/* Container for the logo */
/* Container for the logo */
/* Container for the logo */
.logo_header_container {
    position: relative;
    display: inline-block;
}

/* Logo Image Styling */
.logo_image {
 
}
/* popup */
.popup-backdrop-lis{
	background-color: #00000090 !important;
	backdrop-filter: blur(3px) !important
}

/* Adding additional borders */
.logo_header_container{
	width: fit-content !important;
}

.logo_header_container::after {
	background: transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    left: -7px;
    width: 135px;
    height: 135px;
    border: 4px solid black;
    border-left: 4px solid black;
    border-radius: 100%;
    box-sizing: border-box !important;
    z-index: 0;
    clip-path: polygon(130% 100%, -194% 100%, -30% -43%, 60% 71%);
}
.logo-text img{
	margin-top: 11px;
    width: 150px;
    margin-left: -70%;
}
/* Decorative Curved Line */
.rect_bg_logo {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    width: 200px; /* Same as logo_image width */
    height: 200px; /* Same as logo_image height */
    border-radius: 50%!important;
    border: 6px solid black!important; /* Adjust thickness and color as needed */
    z-index: 0; /* Behind the logo */
    transform: translate(-50%, -50%)!important;
}

/* Additional Line Segment (optional) */
.rect_bg_logo::before {
    content: '';
    position: absolute;
    width: 100px; /* Adjust as needed */
    height: 6px; /* Thickness should match the border thickness */
    background-color: black;
    top: 50%;
    left: -50px; /* Adjust position */
    transform: translateY(-50%);
    z-index: 2;
}

.rect_bg_logo::after {
    content: '';
    position: absolute;
    width: 100px; /* Adjust as needed */
    height: 6px; /* Thickness should match the border thickness */
    background-color: black;
    top: 50%;
    right: -50px; /* Adjust position */
    transform: translateY(-50%);
    z-index: 2;
}


#header_section .elementor-column-gap-default{ 
	max-width: 1440px !important;
}
.page-id-163 .header_section,.page-id-163 .header_section_mob ,.page-id-163 .header-2 {
	transform: translatey(-220px);
	animation: slideDown 2000ms linear 5000ms forwards
	
}

@keyframes slideDown{
	to{
		transform: translatey(0px);
	}
}
.logo_header_container{
	width: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: -5px;	
}
.logo_image{
	z-index: 1;
	max-width: 110px !important;align-content
}
.rect_bg_logo{
	border-radius: 0 0 120px 120px;
    background-color: #FFFFFF;
    width: 156px;
    height: 80px;
    position: absolute;
    bottom: -1px;
}
.desktop_burger_right_column{
	height: 100vh
}
.close_popup_icon img{
	width: 40px !important;
}
@media(max-width:768px){
	.logo_image{
		max-width: 87px !important;
		    margin-top: -27px;
	}
	.logo_header_container::after {
		background: transparent;
		content: "";
		position: absolute;
		bottom: -6px;
		left: -7px;
		width: 100px;
		height: 100px;
		border: 4px solid black;
		border-left: 4px solid black;
		border-radius: 100%;
		box-sizing: border-box !important;
		z-index: 0;
		clip-path: polygon(130% 100%, -194% 100%, -30% -43%, 60% 71%);
	}
	.logo_header_container{
		top: 20px;
	}
	.rect_bg_logo{
		width: 110px;
		height: 57px;
		position: absolute;
		bottom: -7px;
	}
	.close_popup_icon{
		width: 25px !important;
		z-index: 100 !important;
	}
	.mobile_burger_menu_list{
		margin-bottom:0 !important;
		margin-top: 10px;
	}
	.mobile_burger_menu_list nav li a{
		padding: 8px 20px !important;
		font-size: 24px !important;
	}
	.last_column_mobile_burger{
		margin-bottom: 60px;
	}
	.last_column_mobile_burger .elementor-widget-wrap {
		padding-top: 0 !important;
	}
	.sr-res-container.mob,.sr-res-container.mob *,#sr-res-root-mob{
		font-size: 12px !important;
		font-family: "Elliot Sans";
	}

}
/* desktop burger */

section[data-id="5f88bf6"]{
	overflow-x: hidden !important;
}
div[data-id="3eb7192"]{
	height: 100% !important;
	overflow-y: hidden !important;
}
div[data-id="3eb7192"]>div{
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.burger_menu{
	margin-bottom: 0 !important;
}
.close_burger {
	margin-bottom: 0px !important;
	padding: 8px !important;
	cursor: pointer !important;
}
.close_burger img{
	width: 35px !important
}
.hide_menu_btn{
	display: none ;
}

/*------main page-----------*/
.decorative-border {
    position: relative;
    padding: 20px;
    margin: 0px;
    line-height: 1.6;
    font-size: 21px;
    font-weight: bold;
    text-align: justify;
}

/* Top-Right Corner */
.decorative-border::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 30%; /* Adjust the width of the top-right horizontal line */
    height: 6px; /* Adjust the thickness of the line */
    background-color: black;
}

.decorative-border::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 6px; /* Adjust the thickness of the line */
    height: 70%; /* Adjust the height of the top-right vertical line */
    background-color: black;
}

/* Bottom-Left Corner */
.decorative-border .bottom-left::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%; /* Adjust the width of the bottom-left horizontal line */
    height: 6px; /* Adjust the thickness of the line */
    background-color: black;
}

.decorative-border .bottom-left::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 6px; /* Adjust the thickness of the line */
    height: 70%; /* Adjust the height of the bottom-left vertical line */
    background-color: black;
}
/*-----------menu---------*/
.burro-menu .elementor-tabs-wrapper,.burro-menu .elementor-tab-mobile-title  {
	background: #000;
}
.elementor-tab-desktop-title{
	margin:0 15px;
}
.m-auto{
	margin:0 auto;
}
.king-menu .elementor-tabs-wrapper,.king-menu .elementor-tab-mobile-title  {
	background: #C64333;
}
.hero-menu .elementor-tabs-wrapper,.hero-menu  .elementor-tab-mobile-title   {
	background: #8355A3;
}
.bulls-menu .elementor-tabs-wrapper,.bulls-menu .elementor-tab-mobile-title   {
	background: #EDCB42;
}
.breakfast-menu .elementor-tabs-wrapper,.breakfast-menu .elementor-tab-mobile-title   {
	background: #000000;
}
.festiveDrinks-menu .elementor-tabs-wrapper,.festiveDrinks-menu .elementor-tab-mobile-title   {
	background: #000000;
}
.curse-point{
    cursor: pointer
}
.elementor-tabs .elementor-tabs-wrapper {
    display: flex !important;
    overflow-x: auto !important;
    flex-wrap: nowrap;
}
.elementor-tab-title {
	white-space: nowrap !important;	
}
@media (max-width: 1366px) {
	.elementor-tabs .elementor-tabs-wrapper {
		justify-content: flex-start !important;
	}
}

@media (max-width: 767px) {
	.image-tab-section{
		overflow-x: auto
	}
	
	.image-tab-section>.elementor-container {
		flex-wrap: nowrap !important;
	}
	
	.image-tab-section>.elementor-container .elementor-column {
		min-width: fit-content
	}
	
	.image-tab-section>.elementor-container img {
		min-width: 85px
	}
	
	.elementor-tab-title {
        padding: 20px 15px !important;
        margin: 0px !important;
        font-size: 18px !important;

	}

	.elementor-tab-mobile-title{
		display:none;
	}
}

@media (max-width: 398px) {
    .elementor-tabs .elementor-tabs-wrapper {
        display: block!important;
    }
}
.breakfast-menu .elementor-tabs-wrapper,.festiveDrinks-menu .elementor-tabs-wrapper{
	display: flex !important;
	justify-content: center !important;
} 




/* mailchimp */
.mc-form input[type="email"]{
	border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 4px 4px 4px 4px;
    border-color: #EC98A9;
	font-family: inter !important;
}
.mc-form input[type="submit"]{
	top: 1px;
    right: 1px;
    font-size: 16px;
    height: 44px;
    background-color: transparent;
    color: #0676b1;
    border: solid;
    border-width: 0px 0px 0px 4px;
    padding: 10px;
    font-weight: 700;
    border-color: #EC98A9;
    line-height: 0;
	position: absolute;
	border-radius: 0 !important;
	font-family: inter !important;
}

.mc-form input[type="email"]:focus,.mc-form input[type="submit"]:focus{
    outline: none;
	border-color: #EC98A9;
}

/* gallery */
.gallery{
  align-items: center
}
#gallery-536a602{
	gap: 8px
}
button.popup-close-lis{
 	background: url("/wp-content/uploads/2024/09/mingcute-close-fill.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.row{
	max-width: min(70%,700px);
	min-height: min(80vh,800px) !important;
}

.row:nth-of-type(2n){
	max-width: min(90%,1200px);
	min-height: 400px !important;
}

.row:nth-of-type(4n){
	display: flex;
	position: relative;
    min-height: min(80vh, 800px) !important;
}

.row:nth-of-type(4n) .column:nth-of-type(1){
	max-width: min(35%, 350px);
    position: relative;
    left: calc(50% - 350px);
}

.row:nth-of-type(4n) .column:nth-of-type(2){
	position: absolute;
    height: calc(50% - 4px) !important;
    width: calc(50% - 8px) !important;
    top: 0;
    right: 0;
}

.row:nth-of-type(4n) .column:nth-of-type(3){
	position: absolute;
    height: calc(50% - 4px) !important;
    width: min(35%, 350px);
    right: calc(50% - 358px);
    bottom: 0;
}

.row:nth-of-type(8n){
	display: flex;
	flex-direction: row-reverse;
}

.row:nth-of-type(8n) .column:nth-of-type(1){
	max-width: min(35%, 350px);
    position: relative;
    left: unset;
    right: calc(50% - 350px);
}

.row:nth-of-type(8n) .column:nth-of-type(2){
	right: unset;
	left:0 ;
}
.row:nth-of-type(8n) .column:nth-of-type(3){
	right: unset;
    width: min(35%, 350px);
    left: calc(50% - 358px);
}

.elementor-tab-content.elementor-clearfix.elementor-active{
	padding: 0!important;
}

@media(max-width: 768px){
	.row{
		max-width: 100%;
		min-height: 320px !important;
	}

	.row:nth-of-type(2n){
		max-width: 100%;
		min-height: 150px !important;
	}

	.row:nth-of-type(4n){
		display: flex;
		position: relative;
		min-height: 320px !important;
	}

	.row:nth-of-type(4n) .column:nth-of-type(1){
		max-width: calc(50% - 4px);
		position: relative;
		left: 0

	}

	.row:nth-of-type(4n) .column:nth-of-type(2){
		position: absolute;
		height: calc(50% - 4px) !important;
		width: calc(50% - 4px) !important;
		top: 0;
		right: 0;
	}

	.row:nth-of-type(4n) .column:nth-of-type(3){
		position: absolute;
		height: calc(50% - 4px) !important;
		width: calc(50% - 4px) !important;
		right:0;
		bottom: 0;
	}

	.row:nth-of-type(8n){
		display: flex;
		flex-direction: row-reverse;
	}

	.row:nth-of-type(8n) .column:nth-of-type(1){
		max-width: calc(50% - 4px);
		position: relative;
		left: unset;
		right: 0;
	}

	.row:nth-of-type(8n) .column:nth-of-type(2){
		right: unset;
		left:0 ;
	}
	.row:nth-of-type(8n) .column:nth-of-type(3){
		right: unset;
		width: calc(50% - 4px) !important;
		left: 0;
	}
	/* home	 */
	.page-id-87  main#content{
		overflow:hidden
	}
	.luvgreek-home-section{
		overflow: hidden
	}
	overflow-hidden{
		overflow:hidden
	}
}

.home-slider .swiper-slide-inner img{
	object-fit: cover;
	width: 100%;
	max-height: 480px
}

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


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

.festive-drinks-frostcapps img{
	width: 420px !important
}


.festive-drinks-winter-warmers img{
	width: 420px !important
}