@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */


@font-face {
    font-family: 'Bantayog-Regular';
    src: url('fonts/BantayogRegular.eot');
    src: url('fonts/BantayogRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/BantayogRegular.woff2') format('woff2'),
        url('fonts/BantayogRegular.woff') format('woff'),
        url('fonts/BantayogRegular.ttf') format('truetype'),
        url('fonts/BantayogRegular.svg#BantayogRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bantayog-Light';
    src: url('fonts/BantayogLight.eot');
    src: url('fonts/BantayogLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/BantayogLight.woff2') format('woff2'),
        url('fonts/BantayogLight.woff') format('woff'),
        url('fonts/BantayogLight.ttf') format('truetype'),
        url('fonts/BantayogLight.svg#BantayogLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Minimal CSS Reset */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-family: 'Bantayog-Regular';
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
}

a {
    text-decoration: none;
    color: inherit;
}

ul, ol {
    list-style: none;
}
h1, h2, h3, h4, h5, h5,h6, p, .wpb_text_column li{font-family: 'Bantayog-Regular'; font-weight: normal;}
.wpb_text_column li ul li, .list-detail li {
	list-style: disc;
}
ol > li {
	margin-bottom: 10px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/********header*********/
nav.navbar {
	padding: 15px 0;
}

.navbar-brand, .custom-logo-link{margin: 0 50px !important;}
.custom-logo {
	height: 80px;
	width: auto;
}
.navbar-nav {	
	gap: 50px;
}
.navbar-nav li a {
	color: #000;
	text-decoration: none;
	font-size: 18px;
     font-family: 'Bantayog-Regular';
}

.navbar-nav li.header-button a {
	background: #000000;
	color: #fff;
	padding: 10px 18px;
}

.navbar-nav li.header-button a:hover {
	background: #222222;

	
}
/********Hero*******/
#Hero-section{position: relative;}
.banner-image-top img {
	width: 100% !important;
	max-width: 100% !important;
}
.wpb_single_image.banner-image-top .vc_single_image-wrapper, .wpb_single_image.banner-image-top .vc_figure, .vc_single_image-wrapper img{
	max-width: 100%;
	width: 100%;
}
.banner-button a {
	padding: 12px 80px !important;
	font-size: 18px !important;
    background: #fff !important;
  font-family: 'Bantayog-Regular';
}
.banner-button  a:hover, .wpcf7-form-control.wpcf7-submit:hover {
	background: #222222 !important;
    color: #fff !important;
    border-color: #222222;
}
.banner-contnet {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
/********About********/
.about-icon{width: 75px; margin: 0 auto;  } 


/**********contact********/
.font-light, .font-light p{ font-family: 'Bantayog-Light';}
.reserve-heading {
	line-height: 49px;
 
}

.wpcf7-form-control {
	border: 1.5px solid #fff;
	background: transparent;
	height: 42px;
	width: 100%;
	max-width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	color: #fff;
	outline: none;
	font-size: 18px;
}
form label {
	
	width: 100%;
}
.wpcf7-form-control.wpcf7-submit {
	background: #fff;
	color: #000;
}
.wpcf7-not-valid-tip {
	font-size: 10px;
	position: absolute;
	bottom: -26px;
	min-width: 200px;
}
.select-wrap .wpcf7-not-valid-tip {
	top: 42px;
}
.wpcf7-spinner {
	position: absolute;
	right: 0;
	opacity: 0 !important;
}
.wpcf7 form .wpcf7-response-output {
	border: none;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
    font-size: 14px;
}
.wpcf7 form{padding-bottom: 20px; position: relative;}
.width-100-img div, .width-100-img figure, .width-100-img div, .width-100-img img {
	width: 100%;
	max-width: 100% !important;
}

.vc_btn3 {
	padding: 12px 62px !important;
	font-family: 'Bantayog-Regular';
	font-size: 18px !important;
}
.vc_btn3:hover, .navbar-nav li.header-button a:hover{background: #424649 !important;}


footer{font-family: 'Bantayog-Regular'; padding: 40px 0;}
footer a, footer span{font-size: 18px !important; font-family: 'Bantayog-Regular'; }
footer .btn-dark {
	background: #000;
	border-radius: 0;
	font-size: 18px !important;
	padding: 2px 19px;
}
.entry-footer.default-max-width {
	display: none;
}
.folow-image-row .wpb_wrapper.vc_figure, .folow-image-row .wpb_wrapper.vc_figure a, .folow-image-row .wpb_wrapper.vc_figure img {
	width: 100% !important;
	display: block;
	max-width: 100% !important;
}

.form-section .wpb_wrapper, .form-section .wpb_wrapper .wpb_single_image, .form-section .wpb_wrapper figure, .form-section .wpb_wrapper .vc_single_image-wrapper, .form-section .wpb_wrapper img {
	height: 100% !important;
	max-width: 100% !important;
	object-fit: cover;
}

body .footer-row {
	align-items: start !important;
}
.entry-header.alignwide {
	display: none;
}
.age-gate {
	padding: 50px;
}
.age-gate__heading-title--logo {
	height: 50px !important;
	width: auto;
}
.age-gate__headline {
	font-size: 40px;
}
.age-gate__headline {
	font-size: 40px;
	margin-bottom: 0;
}
.age-gate__challenge {
	max-width: 275px;
	margin: 0 auto 30px;
}
.age-gate__buttons {
	gap: 30px !important;
}
.age-gate__submit {
	border: 1px solid #000 !important;
	background: none !important;
	color: #000000 !important;
	font-family: 'Bantayog-Regular';
	padding: 5px 42px !important;
}
.wpcf7-form-control input,
.wpcf7-form-control textarea {
    color: #ffffff !important;
}
.wpcf7-form-control::placeholder {
    color: #ffffff !important;
    opacity: 1;
}
@media(max-width:1400px){
	.font-52 {
	font-size: 52px !important;
	line-height: 52px !important;
}
	.font-subhead {
	font-size: 18px !important;
	line-height: 24px !important;
}
	#story-section p {
	font-size: 16px;
	
}
.navbar-nav li a {
	font-size: 16px;	
}
}
@media(min-width:768px){
	#secondary-menu {
	min-width: 220px;
		justify-content: start;
}
	#primary-menu {
	min-width: 220px;
	justify-content: end;
}
}
@media(min-width:1199px){
	#secondary-menu {
	min-width: 320px;
		justify-content: start;
}
	#primary-menu {
	min-width: 320px;
	justify-content: end;
}
}
@media(max-width:1199px){
	.navbar-nav {
	gap: 24px;
}
.custom-logo {
	height: 60px;
	
}
	.navbar-nav li a {

	font-size: 16px;
	
}
.navbar-brand, .custom-logo-link {
	margin: 0 40px !important;
}
.font-52, .reserve-heading, body .content-page h1 {
	font-size: 44px !important;
	line-height: 54px !important;
}
.banner-contnet h2 {
	margin-bottom: 0;
}
.form-left > .vc_column-inner {
	padding-left: 12% !important;
	padding-right: 10% !important;
}
body .vc_custom_1772526026352 {
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 20px !important;
}

#follow-section, #find-section, #story-section, body .content-page {
	padding: 50px 0 !important;
}
.folow-image-row {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
body .folow-image-row-b {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.about-content .wpb_wrapper {
	max-width: 600px;
	margin: 0 auto;
}
.footer-left {
	flex-wrap: wrap;
}
footer {
	
	padding: 20px 0;
}
.contant-section-text .wpb_column {
	width: 100%;
}
}

@media(max-width:992px){
	.font-52, .reserve-heading, body .content-page h1 {
	font-size: 36px !important;
	line-height: 44px !important;
}
.banner-contnet h6 {
	font-size: 14px !important;
	line-height: 22px !important;
}
.banner-button a {
	padding: 10px 25px !important;
	
}
.vc_custom_1772481706059 {
	padding-left: 12% !important;
}
.form-left > .vc_column-inner {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.find-center-contnet > .vc_col-sm-6 {
	width: 80%;
	margin: 0 auto;
	float: none;
	display: flex;
}
}
.mobile-banner-img{display: none;}
.vc_btn3, .banner-button a, footer .btn-dark, .navbar-nav li.header-button a{border:none !important;}
@media(max-width:767px){
	#primary-menu,header .menu-item-26 {
	display: none !important;
}
.web-banner-img {
	display: none;
}
.mobile-banner-img{display: block;}
.banner-contnet {
	
	height: max-content;
	
}
.banner-c-left{display: none;}

.banner-contnet h2 {
	margin-bottom: 0;
	text-align: center !important;
	padding-top: 40px;
	font-size: 38px !important;
	line-height: 42px !important;
}
.banner-contnet h6 {
	font-size: 16px !important;
	line-height: 22px !important;
	text-align: center !important;
	padding-bottom: 5px !important;
}
.banner-button {
	text-align: center !important;
	margin: 0 !important;
}
.banner-image-top img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}
.navbar-brand, .custom-logo-link {
	margin: 0 !important;
}
.custom-logo {
	height: 60px;
}
.navbar .container{justify-content: space-between !important; padding: 0 20px;}
.font-52, .reserve-heading, body .content-page h1 {
	font-size: 38px !important;
	line-height: 40px !important;
}
.vc_custom_1772527954380 {
	padding-bottom: 0px !important;
}
.form-left > .vc_column-inner {
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 30px !important;
	padding-bottom: 10px !important;
}
.wpcf7 form .wpcf7-response-output {
	font-size: 12px;
}
	.wpcf7 form p {
	margin-bottom: 20px;
}
.about-content p {
	margin-bottom: 10px;
}
	.banner-button {
    justify-content: center;
    display: flex !important;
}
    .banner-button a {
        padding: 0px 27px 0 !important;
        width: 80%;
        font-size: 18px !important;
        max-width: 100%;
        height: 36px;
        line-height: 35px !important;
        border: none;
        display: flex !important;
        align-items: center;
        justify-content: center;
		
    }
	
.vc_btn3 {
	padding: 6px 40px !important;
	

}
body .vc_custom_1772524664988 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.folow-image-row {
	display: flex;
	flex-wrap: wrap;
}
.folow-image-row .wpb_column {
	width: 33%;
}
body .footer-left {
	gap: 15px !important;
}
	.backbutton.vc_btn3-container.vc_btn3-center {
	text-align: center;
	display: flex;
	justify-content: center;
}
.contant-section-text {
	padding-left: 5px;
	padding-right: 5px;
}
.age-gate {
	padding: 50px 30px 40px;

}
.age-gate__headline {
	font-size: 24px;
	
}
.navbar-nav li.header-button a {
	padding: 10px 15px;
}
	body .vc_custom_1772481631852 {
	margin: 0 !important;
}
	body .vc_custom_1772691588186 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
	#follow-section, #find-section, #story-section, body .content-page {
	padding: 35px 0 !important;
}
body #story-section p {
	font-size: 14px;
	margin-bottom: 16px;
	line-height: 17px;
}
		body #story-section p em{
	font-size: 13px;

}
#story-section {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
	.about-icon {
	width: 48px;
	
}
	.vc_custom_1772705349781 {
	margin-bottom: 24px !important;
}
	.form-row {
	flex-direction: column-reverse;
}
	.form-left > .vc_column-inner {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.reserve-heading {
	text-align: center !important;
	font-size: 38px !important;
	margin-bottom: 2px !important;
	line-height: 40px !important;
}
	.vc_custom_1772685754052 {
	margin-bottom: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 16px !important;
	text-align: center !important;
	font-size: 16px !important;
}
.wpcf7-form-control {
	height: 35px;
	width: 100%;
	padding: 2px 10px 4px;
	font-size: 16px;
}	
.venue-call .vc_column_container {
	width: 50%;
	float: left;
}
.vc_custom_1772705668527, .vc_custom_1772705677239 {
	font-size: 16px !important;
	margin-bottom: 0 !important;
}
.find-center-contnet > .vc_col-sm-6 {
	max-width: 290px;
}
	.venue-call div, .venue-call p, .venue-call h5, .venue-call h6{text-align:left !important;}
	.venue-call .wpb_text_column {
	margin-bottom: 15px;
}
body .vc_column-inner.vc_custom_1772690293843 {
	padding-left: 0;
	padding-right: 0;
}
	#sb_instagram.sbi_mob_col_3 #sbi_images{gap:10px !important;}	
footer {
	padding: 35px 20px;
}
    footer .btn-dark {
        font-size: 18px !important;
        padding: 0px 19px;
        width: 80%;
        max-width: 100%;
        height: 36px;
        line-height: 35px;
        display: flex;
        justify-content: center;
		margin: 10px 0;
    }
    .vc_btn3 {
	padding: 0px 40px !important;
	font-size: 18px !important;
	width: 100%;
	max-width: 250px;
	height: 36px;
	line-height: 35px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
	body .vc_do_btn.vc_custom_1772690674292 {
	padding-top: 10px !important;
}
#find-section {
	padding-bottom: 40px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.wpcf7 form {
	max-width: 80%;
	margin: 0 auto;
}
	.about-content {
	max-width: 100%;
	margin: 0 auto;
}
	.vc_custom_1772731073349{text-align:center !important;}
	.vc_custom_1772731073349 {
	margin-bottom: 0px !important;
	padding-top: 7px !important;
	padding-bottom: 15px !important;
}
	.find-center-contnet > .vc_col-sm-6 {
	width: 85%;
}
    .wpcf7-submit.wpcf7-form-control {
        height: 36px;
        font-size: 18px;
        display: flex;
        justify-content: end;
        align-items: center;
        line-height: 35px;
        padding: 0px 10px 0px;
    }
.vc_custom_1773291980883.about-content {
	margin-bottom: 20px !important;
}
}
#story-section p {
	font-size: 18px;
	margin-bottom: 10px;
}
#story-section p em {
	font-style: normal;
	font-size: 16px;
}
@media(max-width:365px){
body .vc_custom_1772691588186 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}	
.banner-contnet h2 {
	padding-top: 19px;
	font-size: 34px !important;
	line-height: 36px !important;
}
	.banner-contnet h6 {
	font-size: 14px !important;
	line-height: 20px !important;

}
.banner-button a {
	padding: 7px 27px 5px !important;
	width: 80%;
	font-size: 16px !important;
	max-width: 100%;
}
	#story-section {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
	.form-left > .vc_column-inner {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
	.find-center-contnet > .vc_col-sm-6 {
	width: 100%;
}
	#follow-section {
	padding-bottom: 10px !important;
}
	footer a, footer,  footer span {
	font-size: 16px !important;
	font-family: 'Bantayog-Regular';
}
.font-52, .reserve-heading, body .content-page h1 {
	font-size: 34px !important;
	line-height: 36px !important;
}
}