/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@import url("https://p.typekit.net/p.css?s=1&k=rsz5mvd&ht=tk&f=17001.17002.17004.17006.22621.38167.38168&a=15298466&app=typekit&e=css");

@font-face {
font-family:"soleil";
src:url("https://use.typekit.net/af/1f781f/00000000000000003b9aef83/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/1f781f/00000000000000003b9aef83/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/1f781f/00000000000000003b9aef83/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"soleil";
src:url("https://use.typekit.net/af/f445d5/00000000000000003b9aef7d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/f445d5/00000000000000003b9aef7d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/f445d5/00000000000000003b9aef7d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"soleil";
src:url("https://use.typekit.net/af/da0a6a/00000000000000003b9aef7a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/da0a6a/00000000000000003b9aef7a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/da0a6a/00000000000000003b9aef7a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"soleil";
src:url("https://use.typekit.net/af/273d01/00000000000000003b9aef81/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/273d01/00000000000000003b9aef81/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/273d01/00000000000000003b9aef81/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"soleil";
src:url("https://use.typekit.net/af/bdec83/00000000000000003b9aef7b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/bdec83/00000000000000003b9aef7b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/bdec83/00000000000000003b9aef7b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"granville";
src:url("https://use.typekit.net/af/1c377e/00000000000000003b9b19b9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/1c377e/00000000000000003b9b19b9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/1c377e/00000000000000003b9b19b9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"granville";
src:url("https://use.typekit.net/af/4d355b/00000000000000003b9b19ba/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/4d355b/00000000000000003b9b19ba/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/4d355b/00000000000000003b9b19ba/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

body {
    font-family: 'granville' !important;
}
h1, h2, h3, h4, h5, h6 , p {
    font-family: 'granville' !important;
}
.soleil h1 , .soleil h2 , .soleil h3 , .soleil h4 , .soleil h5 , .soleil h5 , .soleil p , .soleil span {
    font-family: 'soleil' !important;
    letter-spacing: .065em;
}
.soleil .elementor-text-editor {
    font-family: 'soleil' !important;
}

.year-heading h4 {
    display: inline-block;
    border-bottom: 1px solid #c9c4ad;
    padding-bottom: 20px;
}
.image-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    width: 20px !important;
    height: 20px !important;
    background-color: #ffffff !important;
    border: 1px solid #C9C4AD;
}
.image-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px !important;
    height: 20px !important;
    background-color: #C9C4AD !important;
    border: 1px solid #C9C4AD;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.banner-1st {
    position: relative;
    overflow: hidden;
}
.banner-1st:before {
    content: '';
    background: url('assets/images/bg-ethos.png');
    position: absolute;
    width: 100%;
    height: 100%;
    left: -60px;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: 1440px;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.private-dining:before {
    content: '';
    background: url(assets/images/bg-private-dining.png);
    position: absolute;
    width: auto;
    left: -30px;
    top: -1px;
    bottom: -1px;
    right: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    /*background-position: 100%;*/
    padding-bottom: 44px;
}
.ethos-banner:before {
    content: '';
    background: url(assets/images/bg-home.svg);
    position: absolute;
    /*width: 100%;*/
    height: 102%;
    left: -245px;
    top: -2px;
    bottom: -2px;
    right: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.tech-section:before {
    content: '';
    background-image: url(assets/images/tech-bg.svg);
    background-repeat: no-repeat;
    background-size: cover,auto 100%;
    min-height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
}
.tech-col1 {
    z-index: -1;
}
.title-col {
    position: relative;
}
.title-1:hover .center-img {
    display: none;
} 
.title-col .elementor-heading-title:after {
    content: url('assets/images/diamond.svg');
    position: absolute;
    right: 57px;
    top: 17px;
}
.title-col .elementor-heading-title:before {
    content: url('assets/images/diamond.svg');
    position: absolute;
    left: 57px;
    top: 17px;
}
.col-img {
	position:relative;
}
.title-2:hover span {
    text-decoration: underline;
}
.main-slider .elementor-container {
	height: 50vw !important;
}
.carousel-2 .swiper-slide-inner .swiper-slide-image {
    width: 100% !important;
    height: 25vw !important;
}
.elementor-widget-wrap > .elementor-element.carousel-2 {
    height: 25vw !important;
}
.elementor-widget-wrap > .elementor-element.carousel-2 > .elementor-widget-container {
    height: 100% !important;
}
.elementor-widget-wrap > .elementor-element.carousel-2 > .elementor-widget-container .elementor-image-carousel-wrapper.swiper-container {
    height: 100% !important;
}
@media (min-width: 901px) and (max-width: 1024px) {
	.carousel-2 .swiper-slide-inner .swiper-slide-image {
		height: 50vw !important;
	}
	.main-slider .elementor-container {
		height: auto !important;
	}
	.elementor-widget-wrap > .elementor-element.carousel-2 {
		height: auto !important;
	}
}
@media (max-width: 900px) {
	.main-slider .elementor-container {
		height: auto !important;
	}
}
.custom-header .sub-menu:before {
	content: '';
	position: absolute;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #000000D9;
    border-right: 12px solid transparent;
    height: 0px;
    margin: 0px 0px 30px 60px;
	top: -12px;
    width: 0;
	left: -5px;
    z-index: 100;
}
.custom-header .elementor-sub-item {border-left: 0 !important;}
.custom-header .sub-menu {padding: 15px 30px !important;}
.stickymenu {
    position: fixed !important;
    width: 100% !important;
	top: 0 !important;
	z-index: 100 !important;
}
.col-img {
	height: 300px;
}
.custom-header .sub-arrow {display: none;}
.show-image img {opacity:1 !important; transition: 0.5s !important;}
.header-transparent {
	position: absolute;
	width: 100%;
	background-color: transparent !important;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(transparent));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.7),transparent);
    background: linear-gradient(180deg,rgba(0,0,0,.7),transparent);
	z-index: 100;
}
.stickymenu1 {
    position: fixed;
	display: none;
    top: 0;
    width: 100%;
	background-color: transparent !important;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(transparent));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.7),transparent);
    background: linear-gradient(180deg,rgba(0,0,0,.7),transparent);
    z-index: 1000;
}
.stickymenu {
    position: fixed;
	display: none;
    top: 0;
    width: 100%;
    z-index: 1000;
}
li.fa-instagram-square {display: none !important;}
@media (min-width: 1025px) and (max-width: 1440px) {
    section.elementor-section.tech-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 900px) {
	.custom-header {position: fixed;}
	.custom-header .sub-arrow {display: block;}
    .custom-header .elementor-nav-menu {
        width: 100%;
        padding: 15px;
    }
    .custom-header .elementor-nav-menu li {
        border-width: 0;
        margin-right: 0;
        padding-left: 15px;
    }
    .custom-header .sub-menu.elementor-nav-menu--dropdown , .elementor-nav-menu {
        background-color: #fbf9f4 !important;
    }
    .custom-header .elementor-nav-menu a {color: #000000 !important;}
	.custom-header .elementor-nav-menu--dropdown .sub-menu a {color: #535353 !important;}
    .custom-header .sub-menu.elementor-nav-menu--dropdown li.menu-item {
        padding-left: 0 !important;
    }
	.custom-header .sub-menu.elementor-nav-menu--dropdown li.menu-item .elementor-sub-item {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.custom-header .sub-menu.elementor-nav-menu--dropdown li.menu-item:first-child .elementor-sub-item {
		padding-top: 0 !important;
	}
	.custom-header .sub-menu.elementor-nav-menu--dropdown li.menu-item:last-child .elementor-sub-item {
		padding-bottom: 0 !important;
	}
    .custom-header .sub-menu {
        padding: 0px 30px !important;
        border-left: 1px solid #535353;
    }
	.custom-header .sub-menu:before {content: none;}
	.custom-header .elementor-nav-menu--dropdown a .sub-arrow i:before {
		content: none !important;
	}
	.custom-header .elementor-nav-menu--dropdown a.highlighted .sub-arrow:before {
		transform: rotate(-90deg);
		top: 10px !important;
	}
	.elementor-nav-menu--dropdown {
		background-color: #fbf9f4 !important;
	}
	.custom-header .elementor-nav-menu--dropdown-mobile .elementor-nav-menu .menu-item a {
		font-weight: 300!important
	}
	.custom-header .elementor-nav-menu--dropdown-mobile .elementor-nav-menu .menu-item a .sub-arrow:before {
		content: url(https://velatoronto.com/wp-content/uploads/2022/05/Vector-1.png);
		z-index: 1010;
		position: absolute;
		top: 16.5px;
		height: 20px;
		width: 20px;
		background-repeat: no-repeat;
		transition: 0.3s;
	}
	.header-transparent .elementor-menu-toggle__icon--close line {
		stroke: #ffffff;
	}
	li.fa-instagram-square {
		position: relative;
		display: block !important;
		bottom: 0;
		left: 0;
		right: 0;
		margin-left: 15px !important;
		padding: 0 !important;
		margin-right: 15px !important;
		border-top: 1px solid #000000 !important;
		margin-bottom: 15px;
		margin-top: 122px;
	}
	.custom-header .elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container {
		-webkit-transform: scaleY(1) !important;
		-ms-transform: scaleY(1) !important;
		transform: scaleY(1) !important;
		max-height: fit-content !important;
		opacity: 0 !important;
		visibility: hidden;
		transition: 0.5s !important;
		z-index: -10;
	}
	.custom-header .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
		-webkit-transform: scaleY(1) !important;
		-ms-transform: scaleY(1) !important;
		transform: scaleY(1) !important;
		max-height: fit-content !important;
		opacity: 1 !important;
		visibility: visible;
		transition: 0.5s !important;
		z-index: 1000;
	}
}
@media (max-width: 900px) {
	.mob-soleil p {
		font-family: 'Soleil' !important;
		font-weight: 400 !important;
	}
	.mob-granville {
		font-weight: 400 !important;
	}
}
@media (max-width: 768px) {
    .elementor-container {
        min-height: auto !important;
    }
    .image-slider.elementor-section {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ethos-banner:before {left: 0;}
    section.elementor-section.private-dining {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .tech-section:before {
        content: none;
    }
}
@media (max-width: 600px) {
    .ethos-banner:before ,
    .banner-1st:before {
        content: '';
        background: url(assets/images/home-bg-mobile.svg);
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: cover,150% auto;
        min-height: 30vh;
        padding-bottom: 40vh;
    }
}
@media (min-width: 667px) and (max-width: 1023px) {
    .col-break {
        width: 50% !important;
        margin-bottom: 70px;
    }
    .col-break-1 {
        width: 100% !important;
    }
}
@media (max-width: 666px) {
    .col-break {
        width: 100% !important;
    }
}
@media (max-width: 500px) {
	.title-col .elementor-heading-title:before {
		left: 30px;
	}
	.title-col .elementor-heading-title:after {
		right: 30px;
	}
}
@media (min-width: 1025px) and (max-width: 1450px) {
	.custom-header .elementor-nav-menu--main .elementor-item {
		padding-left: 25px !important;
    	padding-right: 25px !important;
		font-size: 16px !important;
	}
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li .sub-menu.elementor-nav-menu--dropdown ,
.custom-header .sub-menu.elementor-nav-menu--dropdown {
	left: 30px !important;
}
.custom-header .reserve .sub-menu:before {
	left: 20px !important;
}
.custom-header .sound .sub-menu:before {
	left: -19px !important;
}
.custom-header .food .sub-menu:before {
	left: -28px !important;
}
.custom-header .bar .sub-menu:before {
	left: -33px !important;
}
.custom-header .life .sub-menu:before {
	left: -32px !important;
}

.fp-watermark { 
	display:none;
}
.event-item {
    display: flex;
    align-items: center;
    margin-bottom: 189px;
}
.event-poster, .popup-event-poster {
    width: 35.5%;
    height: auto;
    margin-right: 100px;
}
.right-content, .popup-right-content {width: 58%;}
.event-poster img {
    width: 100%;
    height: auto;
}
.event-title {
    margin-bottom: 15px;
}
.event-title , .event-title a, .popup-event-title {
    font-family:"granville";
    font-size: 34px;
    line-height: 40.8px;
    color: #000000;
}
.event-dateTime {
    font-family:"granville";
    font-size: 22px;
    line-height: 26.4px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 45px;
}
.event-desc, .event-desc p {
    font-family:"soleil" !important;
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
    color: #000000;
}
.event-btn a {
    font-family: "granville";
    font-size: 20px;
    line-height: 26.4px;
    color: #000000;
    border: 1px solid #000000;
    border-radius: 30px;
	width: fit-content;
    height: 56px;
    display: block;
    padding: 15px;
    margin-top: 58px;
    text-align: center;
    text-decoration: none !important;
}
.custom-tab-view .eael-tabs-nav {
    display: flex;
    justify-content: center;
}
.custom-tab-view .eael-tabs-nav > ul {
    width: 850px;
}
.event-time {
    padding-left: 15px;
    position: relative;
}
span.event-time:before {
    content: '.';
    position: absolute;
    top: -4px;
    left: 5px;
}
.h-sub-title , .single-post-text ,
.custom-tab-view .eael-tab-title { font-family:"soleil" !important; }
#header-top {width: 100% !important;}
.event-btn a:hover {
    background-color: #fbf9f4;
}
.custom-tab-view .eael-tabs-content {display: block !important;}
.learn-more {
    font-family: 'Granville';
    font-size: 22px;
    line-height: 26.4px;
    color: #BFB79C;
    margin-top: 15px;
    cursor: pointer;
}
.learn-more .fas {
    font-size: 15px;
}


.modal-header .btn-close {
    margin: 0.5rem 3.5rem -0.5rem auto !important;
    background: none !important;
}

.popup-event-item {
    display: flex;
    /*align-items: center;*/
}

.modal-header {
    border-bottom: none !important;
}

.modal-lg, .modal-xl {
    max-width: 1510px !important;
}

.modal-body {
    padding: 150px 100px !important;
}

.popup-event-title {
    margin-bottom: 15px;
}

.popup-event-desc, .popup-event-desc p {
    font-family: Soleil;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

a:hover {
    color: #000000 !important;
}

#exampleModal {
    opacity: 0;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .event-poster {
        margin-right: 70px;
    }
}
@media (max-width: 767px) {
    .event-item {
        display: block !important;
        margin-bottom: 132px;
    }

    .popup-event-item {
        display: block !important;
    }
    .event-poster, .popup-event-poster {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 65px;
    }
    .right-content, .popup-right-content {
        width: 100%;
    }
    .event-title,  .popup-event-title {
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 15px;
    }

    .modal-body {
        padding: 50px 30px !important;
    }
    .event-dateTime, .popup-event-dateTime {
        font-size: 18px;
        line-height: 21.6px;
        margin-bottom: 29px;
    }
    .event-btn a {
        font-size: 16px;
        line-height: 19.2px;
        width: 95px;
        height: 37px;
        margin-top: 28px;
        padding: 9px;
    }
    .custom-tab-view .eael-tabs-content {margin-top: 32px;}
}


@media (min-width:1500px) and (max-width:1599px) { .modal-lg, .modal-xl { max-width: 1440px !important; } }
@media (min-width:1400px) and (max-width:1499px) { .modal-lg, .modal-xl { max-width: 1300px !important; } }
@media (min-width:1300px) and (max-width:1399px) { .modal-lg, .modal-xl { max-width: 1280px !important; } }
@media (min-width:1200px) and (max-width:1299px) { .modal-lg, .modal-xl { max-width: 1150px !important; } }
@media (min-width:1025px) and (max-width:1199px) { .modal-lg, .modal-xl { max-width: 990px !important; } }