@import url('https://fonts.googleapis.com/css2?family=Forum&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Forum&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
/*     font-family: "Forum", serif; */
	font-family: "DM Sans", sans-serif;
}
html,body{overflow-x: hidden;}
a{text-decoration: none;}
ul{
    margin-bottom: 0 !important; 
    padding-left: 0 !important;
}
ul li{list-style: none;}


/*===================== header =========================*/
.main-head {background: #d9441a;}
.navbar .navbar-nav li a{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-right: 18px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
/*.navbar-nav .active{color: #1139AB !important; font-weight: 600 !important;}*/
.navbar-nav li a:hover{
    color: #2A5D2E; 
    font-weight: 500; 
    transition: all 0.4s ease 0s;
}
.main-head .navbar .navbar-brand .logo {width: 75px;}
.btnWrp{display: flex;gap: 20px;}
.main-head .btnWrp{margin-left: 15px;}
.book-btn a{
    background: #2A5D2E;
    padding: 13px 24px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.main-head .btnWrp .book-btn a:hover{background: #fff;color: #2A5D2E;}

/*================== footer =================*/
/*footer{margin-top: 1000px;}*/
.footer-bg{background: #2F2F2F;}
.copyright{background: #3C3C3C;}
.footer-info{padding: 60px 0 25px 0;}
.footer-info h5{
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: "DM Sans", sans-serif;
}
.footer-info ul li a{
    font-size: 16px;
    color: #fff;
    transition: all 0.4s ease 0s;
    text-transform: uppercase;
	font-weight: 500;
    font-family: "DM Sans", sans-serif;
}
.footer-info ul li{padding-bottom: 10px;}
.footer-info ul li a:hover{color: #2A5D2E;}
footer .footer-info .information {margin-bottom: 10px;}
.information svg {font-size: 32px;color: #000;padding-right: 5px;}
.information a {color: #fff;font-size: 18px;font-family: "DM Sans", sans-serif;}
.information a:hover{color: #2A5D2E;transition: all 0.4s ease 0s;}
.information p {color: #000;font-size: 19px;}
.footer-info p {color: #fff;font-size: 18px;}
.copyright p a{color: #fff;font-family: "DM Sans", sans-serif;}
.copyright p a:hover{color: #2A5D2E;transition: all 0.4s ease 0s;}
.copyright p{color: #fff;font-size: 16px;text-transform: uppercase;font-family: "DM Sans", sans-serif;}
.social-media a svg {font-size: 26px;color: #000;}
.social-media a svg:hover{color: #2A5D2E;transition: all 0.4s ease 0s;}
.social-media a {
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 5px;
    margin-right: 12px;
}
footer .not{color: #CE2B37;margin-top: 15px;}
.google_map iframe{width: 100%;height: 240px;}
.hours-table table{font-size: 17px;color: #fff;}
.hours-table table tbody tr td {padding-bottom: 8px;color: #fff;font-family: "DM Sans", sans-serif;}
.policy-menu ul li a{font-size: 16px;color: #fff;text-transform: uppercase;transition: all 0.4s ease 0s;font-family: "DM Sans", sans-serif;}
.policy-menu ul li a:hover{color: #A47F44;transition: all 0.4s ease 0s;}
.ophrs{margin-left: 25px;}
.opus {margin-left: 12px;}
.footer-info ul li::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgoJPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIgLz4KCTxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMTQgMTZsNC00bTAgMGwtNC00bTQgNEg2IiAvPgo8L3N2Zz4K");
    position: relative;
    top: 4px;
    right: 5px;
}
.social-media .instgram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}
.social-media .facebook {
    background: #1877F2;
}

/*================= banner ===================*/
.banner_item img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.banner_vdo video{width: 100%;}
.banner_vdo{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000; /* fallback background */
}
.banner_vdo video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}




/*====== inner banner ======*/
.inner-banner{
    display: flex;
    align-items: center;
    position: relative;
}
.inner-banner-con h1 {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
	font-family: "Forum", serif;
}
.breadcrumb-item.active {
    color: #fff !important;
}
/* .inner-banner-con {margin-top: 60px;} */
nav .breadcrumb .breadcrumb-item {font-family: "DM Sans", sans-serif;}
nav .breadcrumb .breadcrumb-item a{color: #fff;font-family: "DM Sans", sans-serif;}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff !important;
}


/*=================tasty======================*/
.tasty-sect{padding: 75px 0;}
.hed-sec h3 {
    color: #000;
    text-align: center;
    font-size: 49px;
    line-height: 49px;
    font-weight: 500;
    width: 45%;
    margin: 0 auto;
    margin-bottom: 12px;
    font-family: "Forum", serif;
}
.hed-sec p {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.food-img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.tasty-sect .food-img{margin-right: 15px;}

/*==============about================*/
.about-details h2 {
    color: #000;
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 20px;
	font-family: "Forum", serif;
}
.about-details p{color: #000;}
.abt-point h5 {font-size: 33px;color: #000;font-family: "Forum", serif;}
.about-sec .about-details .btnWrp {margin-top: 40px;}
.abt-point ul li::before {
    content: url("https://projecttesthosting.in/sogno-italiano/wp-content/themes/sogno-ltaliano/assets/images/right-arrow.png");
    position: relative;
    top: 4px;
    right: 5px;
}
.abt-point ul li {
    font-size: 17px;
    color: #000;
    margin-bottom: 2px;
}
.about-sec .btnWrp .book-btn a:hover{background: #d9441a;}

/* .gallery{
    display:grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows:
    220px
    180px
    180px
    160px;
    gap:8px;
}
.gallery-item{overflow:hidden;position:relative;}
.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}
.gallery-item:hover img{transform:scale(1.08);}
.large{grid-row:span 2;}
.wide{grid-column:1;} */

.abt-section{padding: 75px 0;}
.tasty-abtImg img {
    width: 100%;
    height: 610px;
    object-fit: cover;
}
.testy-abtCon h3{
	color: #000;
    width: 80%;
    font-size: 50px;
    margin-bottom: 15px;
	font-family: "Forum", serif;
}
.page-template-about .abt-section .testy-abtCon .btnWrp .book-btn a:hover{background: #d9441a;}


/*=============sogno================*/
.sogno-sect{padding: 75px 0;}
.sogno-sect .food-img{margin-right: 10px;}
.sogno-sect .food-img img {height: 450px;}
.sogno-sect .hed-sec h3 {font-size: 70px;margin-bottom: 30px;}

.all-menu-sec .btn-wraper {
    display: flex;
    gap: 20px;
    position: absolute;
    bottom: 115px;
	width: 100%;
    left: 50%;
    transform: translateX(-50%);
	justify-content: center;
}
.all-menu-sec .btn-wraper .book-btn a {
    border: 1px solid #FFC107;
    backdrop-filter: blur(60px);
    transition: all 0.4s ease 0s;
}
.all-menu-sec .btn-wraper .book-btn a:hover{background: #d9441a;border: 1px solid #FFC107;}

.review-sec{padding: 75px 0}
.music-sogno{padding: 75px 0;}
/* .music-sogno .music-poster{width: 70%;margin: 0 auto;} */



.byo-box{padding: 35px;}
.byo-txt {
    background: #FFFFFF03;
    border: 1px solid #FFFFFF8F;
    backdrop-filter: blur(4px);
    padding: 25px;
    text-align: center;
    margin-bottom: 12px;
}
.byo-img img{width: 100%;border: 1px solid #FFFFFF;}
.byo-txt h3 {color: #000;font-size: 58px;font-family: "Forum", serif;line-height: 60px;}
.byo-sec{padding: 20px 0 60px 0;}
.byo-sec .book-btn a:hover{background: #d9441a;}

.team-gallery{padding: 75px 0;}
.team-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border: 4px solid #FFFFFF;
}
.team-gallery .team-img{margin-right: 10px;}
.all-menu-sec .button-wrp{display: none;}


.njs-sticky-side.image_button_cover.placement-right {
    right: 0;
}

.njs-sticky-side.image_button_cover {
    position: fixed;
    top: 50%;
    box-shadow: none;
    z-index: 99999;
    transition: transform .3s cubic-bezier(0,0,0,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,0,1);
}

 .njs-sticky-side.image_button_cover.placement-right.now-show a {
    transform: translate3d(4px,0,0) rotate(-90deg);
    -webkit-transform: translate3d(4px,0,0) rotate(-90deg);
}

 .njs-sticky-side.image_button_cover.placement-right a {
    transform: translate3d(200%,0,0) rotate(-90deg);
    -webkit-transform: translate3d(200%,0,0) rotate(-90deg);
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
}
 .njs-sticky-side.image_button_cover a {
    padding: 6px 15px 12px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
	background-color: #d9441a; 
	color: #fff;	
  font-weight: 600; 
  top: -106.5px; 
	 text-transform: uppercase;
}

/*==================== contact us =========================*/
.contact-section{padding: 75px 0;}
.contact-section .contact-details h5{
    font-size: 40px;
    color: #d9441a;
    margin-bottom: 3px;
	font-family: "Forum", serif;
}
.contact-section .contact-details p {color: #000;}
.contactinfowrp .information{margin-bottom: 8px;}
.contact-section .contact-details .contactinfowrp .information a{color: #000;}
.googl_map iframe {
    width: 100%;
    height: 330px;
}
.contact-form{
    background: #fff;
	box-shadow: 10px 10px 0 0 #d9441a;
    padding: 40px;
    border-radius: 10px;
}

.contact-form input[type="text"],input[type="tel"],input[type="email"],input[type="date"] {
    width: 100%;
    padding: 7px;
    border-radius: 5px;
    border: 2px solid #e3e3e3;
    outline: none;
}
.contact-form textarea {
    width: 100%;
    height: 160px;
    padding: 7px;
    border-radius: 5px;
    border: 2px solid #e3e3e3;
    outline: none;
    margin-bottom: 15px;
}
.contact-form input[type="submit"] {
    width: 30%;
    padding: 15px 30px 15px 30px;
    background: #d9441a;
    color: #fff;
    border: none;
    outline: none;
}

/*==================== blog ==================*/
.blog-section {padding: 75px 0;}
.blog-box {
    position: relative;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	margin-bottom: 20px;
}
.blog-content{padding: 20px;}
.blog-img img{
	width: 100%;
	height: 250px;
    object-fit: cover;
}
.publish-dat {
    position: absolute;
    top: 25px;
}
.publish-dat h6 {
    background: #d9441a;
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    padding: 10px;
}
.blog-content h3{line-height: 32px;}
.blog-content h3 a{
    font-size: 30px;
    color: #d9441a;
    margin-bottom: 3px;
    text-decoration: none;
	font-family: "Forum", serif;
}
.blog-content p {color: #000;}
.more-link {margin: 30px 0 20px 0;}
.more-link a {
    font-weight: 600;
    color: #d9441a;
    transition: all 0.4s ease 0s;
    border: 1px solid #d9441a;
    padding: 6px 15px 6px 15px;
    border-radius: 50px;
}
.more-link a:hover{letter-spacing: 2px; transition: all 0.4s ease 0s;}
.single-post .defultpage{padding: 80px 0 70px 0;}
.single-post .postdat{padding-top: 14px;}
.single-post .postdat h6{font-size: 19px;}
.single-post .defultpage .imgwrp img{width: 100%;}

.error-404{padding: 60px 0;}
.gallery-items img{width: 100%;height: 260px;object-fit: cover;}
.gallery-wrapper {
    height: 816px;
    overflow: hidden;
    position: relative;
}
#gallery_one,
#gallery_two {
    position: relative;
}
.gallery-items {margin-bottom: 15px;}
.gallery-items img {display: block;}
.about-sec .morow{display: none;}
.about-sec .food-img{margin-right: 15px;}

.gallery-wrapper::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 180px;
    pointer-events: none;
    z-index: 2;

    background: linear-gradient(
        to top,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0.95) 20%,
        rgba(255,255,255,0.7) 45%,
        rgba(255,255,255,0) 100%
    );
}
.gallery-wrapper::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 180px;
    pointer-events: none;
    z-index: 2;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0.95) 20%,
        rgba(255,255,255,0.7) 45%,
        rgba(255,255,255,0) 100%
    );
}

/*====================== menu ==========================*/
.page-template-menu .our-menu-sec{padding: 75px 0;}
.food_gallerys .gallery-grid{
    max-width:900px;
    margin:auto;

    display:grid;
    grid-template-columns: 1.1fr 1fr;
    grid-template-rows: 260px 260px;
    gap:12px;
}
.food_gallerys .gallery-grid .gallery_item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.page-template-menu .our-menu-sec .testy-abtCon h3 {width: 95%;}
.our-menu-sec .food_gallerys .gallery-grid .item_2 img{height: 200px;}
.our-menu-sec .food_gallerys .gallery-grid .item_4{transform: translateY(-59px);height: 320px;}
.page-template-menu .our-menu-sec .btnWrp .book-btn a:hover{background: #d9441a;}



/*================ sogno gelato ====================*/
.gelato-sec{padding: 75px 0;}
.page-template-gelato .gelato-sec .hed-sec p {width: 65%;}
.gelato-sec .gallery-gried{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:10px;
}

/* Left Column */
.gelato-sec .item-1{
    grid-column:1;
    grid-row:1 / span 2;
}

/* Middle Top */
.gelato-sec .item-2{
    grid-column:2;
    grid-row:1;
}

/* Right Large */
.gelato-sec .item-3{
    grid-column:3;
    grid-row:1 / span 2;
}

/* Left Bottom */
.gelato-sec .item-4{
    grid-column:1;
    grid-row:3 / span 2;
}

/* Middle Center */
.gelato-sec .item-5{
    grid-column:2;
    grid-row:2 / span 2;
}

/* Right Bottom */
.gelato-sec .item-6{
    grid-column:3;
    grid-row:3 / span 2;
}

.gelato-sec .gallery-item{
    overflow:hidden;
}

.gelato-sec .gallery-item img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* Exact Heights */
.gelato-sec .item-1,
.item-3{height: 500px;}
.gelato-sec .item-2{height:190px;}
.gelato-sec .item-4{height:290px;}
.gelato-sec .item-5{height:600px;}
.gelato-sec .item-6{height:290px;}

.page-template-gelato .gelato-sec .btnWrp {justify-content: center;}
.page-template-gelato .gelato-sec .icecream-gallery{margin-bottom: -110px;}
.page-template-gelato .gelato-sec .btnWrp .book-btn a:hover{background: #d9441a;}


.page-template-about .testy-abtCon h3 {width: 100%;font-size: 40px;}



/*======================mobile responsive===========================*/
@media(max-width:768px){
    .gallery{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
    }
    .gallery-item,
    .large,
    .wide{
        grid-column:auto;
        grid-row:auto;
        height:220px;
    }
	
	.main-head .btnWrp {display: none;}
    .hed-sec h3 {font-size: 33px;line-height: 35px;width: 100%;}
	.hed-sec p {width: 100%;}
	.about-details h2 {font-size: 38px;line-height: 42px;}
	.abt-point ul li {font-size: 19px;}
	.btnWrp {display: block;text-align: center;}
	.about-sec{
/* 		height: unset !important; */
		height: 1392px;
	}
	.about-details{margin: 35px 0 40px 0;}
	.music-sogno{margin-bottom: 20px !important;}
	.byo-box {padding: 25px;margin-bottom: 15px;height: unset !important;}
	.footer-info {padding: 10px 0 10px 0;}
	.ophrs {margin-left: 0px;}
	.copyright {text-align: center;}
	.policy-menu{margin-top: 10px;}
	.opus {margin-left: 0px;}
	.team-gallery .team-img{margin-right: 0px;}
	.all-menu-sec .btn-wraper{display: none;}
	.all-menu-sec .button-wrp{display: block;}
	
	.all-menu-sec .button-wrp .btn-wrapers {
		display: flex;
		gap: 15px;
		justify-content: center;
		margin-top: 20px;
	}
	.all-menu-sec .button-wrp .sngBtn {
		justify-content: center;
		display: flex;
		margin-top: 22px;
	}
	.inner-banner{height: 295px !important;}
	.inner-banner-con h1 {font-size: 40px;}
	.contact-section .contact-details h5 {font-size: 35px;}
	.contact-form input[type="submit"] {width: 100%;}
	.about-details .btnWrp .mgp{margin-top: 38px;}
	.sogno-sect .hed-sec h3 {font-size: 56px;}
	.music-sogno .music-poster {width: 100%;}
	.byo-txt h3 {font-size: 38px;line-height: 40px;}
	footer .footer-info.mfgp {margin-top: 25px;}
	.about-sec .dkrow{display: none;}
	.about-sec .morow{display: block;}
	.page-template-about .testy-abtCon{margin-top: 20px;}
	.tasty-abtImg img {height: 470px;}
	.testy-abtCon h3 {width: 100%;font-size: 36px;line-height: 42px;}
	.page-template-about .testy-abtCon .btnWrp {display: flex;}
	.page-template-about .all-menu-sec {padding-bottom: 40px;}
	
	.food_gallerys .gallery-grid{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
    }
    .food_gallerys .gallery-grid .gallery_item{height:250px;}
	.our-menu-sec .food_gallerys .gallery-grid .item_2 img {height: unset;}
	.our-menu-sec .food_gallerys .gallery-grid .item_4 {transform: translateY(0px);height: unset;}
    .food_gallerys .item_1,
    .food_gallerys .item_2,
    .food_gallerys .item_3,
    .food_gallerys .item_4{
        grid-column:auto;
        grid-row:auto;
    }
	.page-template-menu .our-menu-sec .testy-abtCon{margin-top: 25px;}
	.page-template-menu .our-menu-sec .testy-abtCon .btnWrp .mgp{margin-top: 40px;}

	.page-template-gelato .gelato-sec .hed-sec p {width: 100%;}
	.gallery-gried{
        grid-template-columns:1fr 1fr;
		grid-template-rows:auto;
        gap:8px;
    }
	.gelato-sec .item-1, .item-3 {height: 320px;}
	.gelato-sec .item-5 {height: 220px;}
	.gelato-sec .item-4 {height: 160px;}
	.gelato-sec .item-6 {height: 160px;}
    .gelato-sec .item-3{height:320px;}
	.page-template-gelato .gelato-sec .btnWrp {margin-top: 112px;}
	.page-template-gelato .gelato-sec .btnWrp .mgp{margin-top: 35px;}
	
	
}

/* Mobile */
@media (max-width:576px){

    .food_gallerys .gallery-grid{
        grid-template-columns:1fr;
    }

    .food_gallerys .gallery_item{
        height:260px;
    }
}