/*======================================
Theme Name: Skai Restaurant
Description: Skai Restaurant
Version: 1.0
Author: Jyoti
Author URI: https://omnihyper.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

.nt_editor_modal .nt_modal_body {
    display: block;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    padding: 60px 25px;
    text-align: left;
}



.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #fff;
}


.multiple-items .post-content-inner p{
	color:#fff!important;
}
.menu-trigger{
	cursor:pointer;
}
.menu-section .et_mobile_nav_menu{
	display:none;
}
.menu-section.hide-section{
	display:none!Important;
}
.menu-section .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li:hover{
	    background: #253551 !important;
}
/* html.show-scroll-y{
	overflow-y:auto!important;
} */
/* html.hide-scroll-y{	overflow-y:hidden!important;} */
.header-blurb .et_pb_main_blurb_image {
	margin-bottom:0px!important;
}
.header-blurb .et_pb_blurb_content{
	display: flex;
    align-items: center;
}
.header-blurb.et_pb_blurb_position_left .et_pb_blurb_container{
	padding-left:0px!important;
}
.menu-section .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{
	padding-bottom:0px!important;
}
.menu-section {
       width: 400px;
    margin: 0px 0px 0px 0px;
    align-items: rig;
    text-align: right;
    position: fixed;
    min-height: 100vh;
    background: #253551;
    right: 0px;
    text-align: right;
    border: 1px solid #242424;
    top: 0px;
    /* margin-top: 70px; */
    padding-top: 100px!important;
    padding: 20px 0px 0px 0px !important;
    z-index: 9999;
    overflow-y: auto;
    height: 100%!Important;
    overflow-x: hidden;
}
.menu-section .et_pb_button{
	display:inline-block;
	    width: 100%;
    text-align: center;
	
}
.menu-section .et_pb_menu__wrap{
	display:inline-block
}
.menu-section .et_pb_menu__wrap{
	    width: 100%;
    margin-left: 0px!important;
	padding-left:0px!important;

}
.menu-section .et_pb_menu__wrap ul li.current_page_item{ background: #253551;}
.menu-section .et_pb_menu__wrap ul li{
	padding: 6px;
    width: 100%;
/*     background: #535151; */
    display: block;
    width: 100%;
    margin-bottom: 10px;
	padding-left:30px!important;
    line-height:26px;
}
.menu-section .et_pb_menu .et_pb_menu__menu, .menu-section .et_pb_menu .et_pb_menu__menu>nav, .menu-section .et_pb_menu .et_pb_menu__menu>nav>ul{
	display:block;
}
.menu-section  .et_pb_social_media_follow li {
    display: inline-block;
    margin-bottom: 8px;
    position: relative;
    margin-left: 10px!important;
}
.menu-section .et-menu.nav{
	display:block;
}
.blog-row .et_pb_button_module_wrapper {
	width: 300px;
    display: flex;
}
.image-only img{
	opacity:0;
}
.slick-prev, .slick-next{
	width:auto!important;
	height:auto!important;
}
.slick-next {
    right: 20px!important;
    bottom: -80px!important;
    top: auto!important;
    background-color: #253551!important;
    border-radius: 0px!important;
    color: #1B542D!important;
    padding: 10px!important;
}
.slick-prev{
	left:auto!important;
    right: 80px!important;
    bottom: -80px!important;
    top: auto!important;
    background-color: #253551!important;
    border-radius: 0px!important;
    color: #1B542D!important;
    padding: 10px!important;
}
.slick-prev:before{
	content:"#"!important;
	font-family: 'ETmodules';
}
.slick-next:before{
	content:"$"!important;
	font-family: 'ETmodules'!important;
}
#main-content {
    background-color: #171717;
}
.back-to-top a{
	font-size:18px;
	color:#fff!important;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	text-shadow: 2px 3px 3px #00000029;

}
.back-to-top a:before {
   content: "";
    width: 70px;
    background: #fff;
    height: 2px;
    margin-right: 10px;
}

.back-to-top a:after {
    content: "";
    width: 70px;
    background:  #fff;
    height: 2px;
    margin-left: 10px;
}

.et_pb_scroll_top.et-pb-icon:before {
    content: '';
    font-family: 'Montserrat'!important;
    left: 0px;
    right: auto;
    content: url(/wp-content/uploads/2023/06/backtotop.svg);
    width: 300px;
    height: 300px;
}

.et_pb_scroll_top{
	background: #a58458;
    font-size: 16px;
    border: none;
    border-radius: 0px;
    padding: 5px 14px;
}
    
 .slick-slide {
    height: auto; 
	 min-height:400px;
  }
  .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
  }
.slick-dots{
	bottom:-45px;
}

 .slick-slide {
    height: auto; 
	 min-height:400px;
  }
  .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
  }
.slick-dots{
	bottom:-45px;
}
.cover-img img{
	    object-fit: cover;
	object-position: center;
}
.cover-img.fixed-size img{
	    object-fit: cover;
    object-position: center;
    width: 400px;
    height: 400px;
}
.multiple-items.et_pb_blog_0 .et_pb_post{
    border-radius: 0px; overflow:hidden;
    min-height: 568px;
    margin-top: 4px;
    margin-bottom: 8px;
	    margin-right: 30px;
	margin-left: 30px;
    background: #f8f8f8 !important;
}
.multiple-items .et_pb_post .entry-featured-image-url{
	margin-bottom:0px!important;
}
.multiple-items .et_pb_post .post-content{
	padding:0px 40px!important;
	margin-top:22px;
}
.multiple-items .et_pb_post .entry-title{
	padding:0px 40px!important;
	margin-top:30px;
}
.multiple-items .et_pb_post .entry-title a{    color: #C5C5C5;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    font-style: italic;}

.multiple-items .multiple-text-content {
    padding: 20px;
}

.multiple-items .slick-center  .multiple-text-content{ display:block;}
.top-border   h3:before, .top-border   h5:before{
	    position: relative;
    content: "";
    border-top: 2px solid #a58458;
    width: 50px;
    /* left: -16px; */
    display: block;
    text-align: center;
    justify-content: center;
    margin: 0px auto;
    padding-bottom: 12px;
}
.head-menu #menu-main-menu li.current-menu-item{
	background: #494042!important;
}
.head-menu #menu-main-menu li.current-menu-item a{
color: #ffffff!important;
}
.whatson .et_pb_ajax_pagination_container{
	display:flex;
	flex-direction:row;
	flex-direction: row;
    flex-wrap: wrap;
}
.whatson.et_pb_module .et_pb_ajax_pagination_container article{
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
    text-align: center;
    width: 31%;
    flex: 0 0 31%;
    padding-bottom: 0px;
    background: #fff;
    position: relative;
    padding: 0px;
    margin: 0px 1% 50px 1%;    padding-bottom: 66px;
    border-radius:22px;min-width: 255px;  position: relative;
} 
.whatson.et_pb_module .et_pb_ajax_pagination_container article h2, .whatson.et_pb_module .et_pb_ajax_pagination_container article .post-content{
	padding:10px 20px!important; 
}
 .whatson.et_pb_module .et_pb_ajax_pagination_container article .post-content .post-content-inner{text-align:left;}
.whatson.et_pb_module .et_pb_ajax_pagination_container article .post-content {
        padding-bottom: 40px;
    }
.whatson.et_pb_module .et_pb_ajax_pagination_container article .more-link,
.multiple-items.et_pb_module .et_pb_ajax_pagination_container article .more-link {
        position: absolute;
        bottom: 30px !important;
        left: 0px !important;
        right: 0;
        width: 100%;
        margin: auto;
	text-transform:capitalize;
	text-align: left;
	padding-left: 20px;
    }
.whatson.et_pb_module .et_pb_ajax_pagination_container article  .entry-featured-image-url img{
	border-radius:22px 22px 0px 0px!important;height:250px;    object-fit: cover;
}
.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover, .whatson.et_pb_module .et_pb_ajax_pagination_container article:hover a{
	background: #253551!important;
	color:#fff!important;
}
.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover a{
	color:#fff!important;}
.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover h2, .whatson.et_pb_module .et_pb_ajax_pagination_container article:hover .post-content .post-content-inner{color:#fff!important;}

.whatson .et_pb_post.entry-featured-image-url img{
     max-width: 90%;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.whatson.et_pb_posts {
	margin-bottom:20px!important;
}

.whatson.et_pb_module .et_pb_ajax_pagination_container article{
	overflow:hidden;
}
.whatson.et_pb_module .et_pb_ajax_pagination_container article a.more-link{color:#253551!important;}
.multiple-items.et_pb_blog_0 .et_pb_post:hover h2 ,.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover h2, .whatson.et_pb_module .et_pb_ajax_pagination_container article:hover p ,.whatson.et_pb_module .et_pb_ajax_pagination_container article:hover a{color:#fff!important;}
.subscribe-btn{
	padding-top: 0.3em!important;
    padding-right: 2.4em!important;
    padding-bottom: 0.3em!important;
    padding-left: 2.4em!important;
    font-size: 18px;
    background-color: rgba(255,255,255,0);
    border: 1px solid #7f7f7f;
    border-radius: 0px;
    height: 40px;
    box-shadow: none;
    color: #7f7f7f;
    font-weight: 600;
	margin-top:10px;
}

.head-style1 h2:before{
	    content: "";
    border-bottom: 4px solid #ffffff;
    WIDTH: 100PX;
    bottom: -8px;
    left: calc(55% - 100px);
    text-align: center;
    position: absolute;
	
}

.head-style h2:before{
	    content: "";
    border-bottom: 4px solid #253551;
    WIDTH: 100PX;
    bottom: -8px;
    left: calc(55% - 100px);
    text-align: center;
    position: absolute;
	
}
.head-style.left h2:before{
	  
    bottom: -8px;
    left: 0px;
	border-bottom: 4px solid #fff;
	
}

.et_pb_menu_inner_container{
	border-bottom:1px solid #dadada!important;
}
.dropdown-layout-menu.button-section .et_pb_column{
	border-bottom:1px solid #dadada!important;
	border-top:1px solid #dadada!important;
}
@media only screen and (max-width: 960px){
	.head-style h2:before{
		    left: calc(56% - 100px) !important;
	}
	.head-style1 h2:before{
		    left: calc(56% - 100px) !important;
	}
	.menu-block .et_pb_button_module_wrapper{
		width:100%
	}
	.blog-row .et_pb_button_module_wrapper {
    width: 100%;
    /* display: flex; */
    justify-content: center;
    display: flex;
}
	.et_pb_social_media_follow_network_0_tb_footer, .et_pb_social_media_follow_network_1_tb_footer {
    margin-left: 10px!important;
}
	.head-style.left h2:before {
    bottom: -8px;
    left: auto;
}
	.backtotop{
		position: fixed;
    right: 0px;
    width: 100px!important;
    bottom: 86px;
    background: #CEA030;
	}
	
}



@media only screen and (max-width: 600px){
	.head-style h2:before{
		    left: calc(63% - 100px) !important;
	}
	.head-style1 h2:before{
		    left: calc(63% - 100px) !important;
	}
	}
	
@media (max-width: 981px) {
    .whatson.et_pb_module .et_pb_ajax_pagination_container article {
        width: 48%;
        flex: 0 0 48%;
    }
}
@media (max-width: 640px) {
    .whatson.et_pb_module .et_pb_ajax_pagination_container article {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .whatson .et_pb_ajax_pagination_container {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
    }
	
	.menu-section {
		width: 100%;
	}
}
ul.sub-menu {
	box-shadow: none !important;
}
@media (min-width: 981px) {
/*change the visibility of the menu submenu on click*/
.nav li.et-touch-hover>ul,
.nav li:hover>ul {
	opacity: 0;
	visibility: hidden;
}
ul.sub-menu.hide.visible {
	opacity: 1;
	visibility: visible;
	position: relative !important;
	
}
	#menu-main-menu li.menu-item-has-children {
		flex-direction: column;
	}
	ul.sub-menu.hide.visible li {
		padding: 0 !important;
	}
	ul.sub-menu.hide {
		padding-bottom: 0 !important;
	}
}
@media (max-width: 980px) {
    .sub-menu {
        display: none;
        position: initial !important;
        width: 100% !important;
        box-shadow: none !important;
    }
	    .et-touch-hover .sub-menu {
        display: block !important;
    }
	.menu-item-has-children {
        flex-direction: column;
    }
	/*.menu-section .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li:hover{
	    background: none !important;
}*/
	.menu-section .et_pb_menu__wrap ul li ul li {
	padding: 0 10px !important;
}
}