@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap');

    body                                                    { font-family: 'Figtree', sans-serif; }
    div.offset                                              { max-width: 1500px; padding: 0 1rem; }

    .button,
    button                                                  { background-color: #222222; color: #FFFFFF; font-size: 1.25rem; padding: 0.5rem 1.25rem; border-radius: 8px;}
    .button:hover,
    button:hover                                            { background-color: #444444; }

/* CMS User Styles */

    a.green-button                                          { background-color: #113D29; color: #FFFFFF; padding: 0.5rem 1.25rem; font-size: 1rem; font-weight: 600; text-transform: uppercase; border-radius: 24px; }
    a.green-button:hover                                    { background-color: #18583D; }
    a.white-button                                          { background-color: #FFFFFF; color: #154d34; padding: 0.5rem 1.5rem; font-size: 1rem; font-weight: 500; text-transform: uppercase; border: 1px solid #154d34; border-radius: 24px; }
    a.white-button:hover                                    { background-color: #154d34; color: #FFFFFF; }

    button.yellow-button                                    { background-color: #FFD167; border-radius: 24px; color: #154d34; padding: 0.5rem 1.5rem; font-size: 1rem; font-weight: 600; text-transform: uppercase; min-width: 0; }
    button.yellow-button:hover                              { background-color: #FFE466; }
    button.green-button                                     { background-color: #113D29; border-radius: 24px; color: #FFFFFF; padding: 0.5rem 1.5rem; font-size: 1rem; font-weight: 600; text-transform: uppercase; min-width: 0; }
    button.green-button:hover                               { background-color: #18583D; }
    button.disabled-button                                  { background-color: #CCC; border-radius: 24px; color: #000; padding: 0.5rem 1.5rem; font-size: 1rem; font-weight: 600; text-transform: uppercase; min-width: 0; cursor: auto; }

/* Header Styles */

    header                                                  { font-family: 'Poppins', sans-serif; }
    header.main-et3a .header-top                            { display:none;  }
    header.main-et3a .header-main                           { background-color: #FFFFFF; height: 138px; }
    header.main-et3a .header-main .block-left               { padding: 0; }
    header.main-et3a .header-main .header-content           { color: #FFFFFF; font-weight: 400; }
    header.main-et3a .header-main .header-content .left-content { display: flex; }
    header.main-et3a .header-main .header-content .left-content .social-media { display: flex; align-items: center; margin-right: 0.375rem; }
    header.main-et3a .header-main .header-content .left-content .social-media a { background-color: #fff; border-radius: 100%; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; margin-right: 0.875rem; }
    header.main-et3a .header-main .header-content .left-content .social-media a:hover { background-color: #FFD166; }
    header.main-et3a .header-main .header-content .left-content .social-media a > span { color: #164E35; font-size: 1.25rem; font-weight: 500; }
    header.main-et3a .header-main .header-content .left-content a.header-telephone { font-size: 1.375rem; font-weight: 400; }
    header.main-et3a .header-main .header-content .right-content { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; }
    header.main-et3a .header-main .header-content .right-content .search-btn { cursor:pointer; background-color: #FFFFFF; min-width: auto; padding: 0.5rem; border-radius: 100%; line-height: 1; height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: #164E35; }
    header.main-et3a .header-main .header-content .right-content .search-btn:hover { background-color: #FFD166; }
    header.main-et3a .header-main .header-content .right-content a.white-button { background-color: #FFFFFF; min-width: auto; padding: 0.5rem; border-radius: 100%; line-height: 1; height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; }
    header.main-et3a .header-main .header-content .right-content a.white-button:hover { background-color: #FFD166; }
    header.main-et3a .header-main .header-content .right-content a.white-button > span { font-size: 1.25rem; color: #164E35; }
    header.main-et3a .header-main .header-content .right-content p { line-height: 1.8; }
    header.main-et3a .header-main .header-content .right-content a.book-now { background-color: #FED167; display: inline-block; border-radius: 24px; padding: 0.5rem 1rem; margin-right: 0.5rem; font-size: 1rem; text-transform: uppercase; color: #164E35; font-weight: 400; line-height: 1.3; }
    header.main-et3a .header-main .header-content .right-content a.book-now:hover { background-color: #FFE466; }
    header.main-et3a .header-main .block-right              { display:none; }
    header.main-et3a .header-main .header-logo              { padding: 15px 0 0; }
    header.main-et3a .header-main .header-logo  img            { max-height: 160px; }

    header.main-et3a .header-bottom                         { display: none;  }

    nav.main-et3a                                           { padding-top: 1.75rem; }
    nav.main-et3a ul li                                     { position: relative; }
    nav.main-et3a ul li a                                   { color: #222222; border-bottom: 4px solid transparent; padding: 0.375rem 0rem; font-size: 1.063rem; margin: 0 1.25rem 0 1.25rem; text-transform: none;}
    nav.main-et3a ul li a.current                           { color: #cc3300; }
    nav.main-et3a ul li:hover a                             { background-color: transparent; color: #164E35; }
    nav.main-et3a ul li > a:before                          { content: ''; width: 0%; height: 4px; bottom: 0px; left: 50%; position: absolute; background-color: #cc3300; opacity: 0; transform: translateX(-50%); transition: all 0.2s ease; }
    nav.main-et3a ul li:hover > a:before                    { width: 85%; opacity: 1; }
    
    nav.main-et3a li .drop                                  { background-color: transparent; padding: 0; }
    nav.main-et3a li .drop .drop-column                     { background-color: #f7f7f7; display: flex; }
    nav.main-et3a li .drop ul                               { padding: 0.5rem 0; }
    nav.main-et3a li .drop ul li a                          { padding: 0.5rem 0.75rem; text-align: center; }

/* Content Styles */

    .wg-slider .slide-caption.caption-float-box             { bottom: 47%; transform: translateY(50%); }
    .wg-slider .slide-caption.caption-float-box .content    { background-color: transparent; max-width: 1436px; }
    .wg-slider .slide-caption.caption-float-box .content h2 { font-size: 3.75rem; color: #ffffff; font-family: 'Crimson Text', serif; margin: 0 0 2rem;  }
    .wg-slider .slide-caption.caption-float-box .content p  { color: #FFFFFF; font-weight: 400; margin: 0 0 3.5rem; }
    .wg-slider .slide-caption.caption-float-box .content a  { background-color: #FFFFFF; color: #154d34; padding: 0.5rem 1.5rem; font-size: 1rem; font-weight: 500; text-transform: uppercase; border-radius: 24px; }
    .wg-slider .slide-caption.caption-float-box .content a:hover { background-color: #154d34; color: #FFFFFF; }

    section.main                                            { padding: 0; }
    section.main div.content h1                             { font-size: 2.255rem; color: #222222; font-family: 'Poppins', sans-serif; margin: 0 0 1.5rem; font-weight: 300;}
    section.main div.content h1.home                        { font-size: 2rem; color: #222222; font-family: 'Poppins', sans-serif; font-weight: 300;}
    section.main div.content h2                             { font-size: 1.75rem; color: #222222; font-family: 'Poppins', sans-serif; font-weight: 300;}
    section.main div.content h3                             { font-size: 1.5rem; color: #222222; font-family: 'Poppins', sans-serif; text-transform: none; font-weight: 300;}
    section.main div.content h4                             { font-size: 1.375rem; color: #222222; font-family: 'Poppins', sans-serif; font-weight: 300; text-transform: none; margin: 0 0 0.5rem; }
    section.main div.content p                              { font-size: 1rem; color: #222222; font-family: 'Figtree', sans-serif; margin: 0 0 1.25rem; }
    section.main div.content li                             { font-size: 1rem; color: #222222; font-family: 'Figtree', sans-serif;}
    section.main div.content img.panel-image                { object-fit: cover; object-position: center; transform: scale(1.01); transition: transform 0.3s ease; }
    section.main div.content img.panel-image:hover          { transform: scale(1.05); }

    section.main div.left_offset div.content                { max-width: 736px; width: 100%; margin-left: auto; padding: 2.5rem 5rem 3rem 1rem; }
    section.main div.right_offset div.content               { max-width: 736px; width: 100%; margin-right: auto; padding: 2.5rem 1rem 3rem 5rem; }

    section.main div.page_section                           { padding: 5rem 0; } 
    section.main div.column_padding div.content             { padding: 0rem 1rem 0rem 1rem;}

    section.main .page_header div.content                   { padding-left: 1rem; padding-right: 1rem; }

    section.main .formBuilder .form-buttons .button,
    section.main .formBuilder .form-buttons button          { margin: 1em 0; background-color: #154d34; border: 1px solid transparent; border-radius: 8px; color: #FFFFFF; padding: 0.5rem 1.25rem; font-family: 'Poppins', sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; }
    section.main .formBuilder .form-buttons .button:hover,
    section.main .formBuilder .form-buttons button:hover    { background-color: #FFFFFF; color: #154d34; border-color: #154d34; }
    section.main .formBuilder .form-buttons                 { text-align: left; }

    .field-block .field-label                               { padding: 0.5em 0.5em 0.25em 0em; }

    form                                                    { text-align: left; }
    form .field-block                                       { max-width: 800px; display: block; margin: 0 auto; }
    form .g-recaptcha                                       { margin: 0.75em auto; text-align: center; display: inline-block; }
    
    div.popup-panel.booking                                 { margin: 24px 0%; padding: 0%; width: 37.5em; max-height: 540px; border-radius: 10px; overflow: hidden; box-shadow: none; }
    div.popup-panel.booking h2                              { margin: 0%; padding: 2.5rem 2.5rem; font-family: 'Poppins', sans-serif; font-size: 1.5em; font-weight: 300; line-height: 1; text-transform: uppercase; color: #FFFFFF; background-color: #154d34; }
    div.popup-panel.booking span.close                      { top: 40px; right: 32px; color: #FFFFFF; }
    div.popup-panel.booking div.form_container              { padding: 32px 32px 38px 32px; font-family: 'Figtree', sans-serif; background-color: #FFFFFF; text-align: center; overflow-y: scroll; max-height: 436px; }
    div.popup-panel.booking #datepicker                     { margin: 0% auto; max-width: 272px; }
    div.popup-panel.booking button                          { margin: 32px 0% 0% 0%; padding: 10px 13% 6px 13%; min-width: 0px; font-family: 'Poppins', sans-serif; font-size: 0.875em; line-height: 1.286em; font-weight: 500; text-transform: uppercase; display: inline-block; position: relative; color: #FFFFFF; background-color: #154d34; border: 1px solid #154d34; border-radius: 64px; transition: all 0.3s ease; }
    div.popup-panel.booking ul.productoption-list           { margin: 0%; padding: 0%; list-style: none; }
    div.popup-panel.booking ul.productoption-list li        { margin: 0% 0% 12px 0%; padding: 0%; }
    div.popup-panel.booking ul.productoption-list li label  { margin: 0%; padding: 14px 12px 12px 12px; font-family: 'Poppins', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-align: left; text-transform: none; display: block; color: #154d34; border: 2px solid #EEEEEE; border-radius: 2px; cursor: pointer; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; }
    div.popup-panel.booking ul.productoption-list li label:hover   { background-color: #F1F1F1; cursor: pointer; }
    div.popup-panel.booking ul.productoption-list li input[type=radio] { margin: -2px 16px 0% 4px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; }
    div.popup-panel.booking button.back-button              { margin: 0% 16px 0% 0%; color: #154d34; background-color: transparent; border: 1px solid #154d34; }
    div.popup-panel.booking button.back-button:hover        { color: #FFFFFF; background-color: #154d34; border-color: #154d34; }
    div.popup-panel.booking #select_tickets div.price-container { display: flex; align-items: center; width: 70%; vertical-align: middle; text-align: left; }
    div.popup-panel.booking #select_tickets div.form-group  { margin: 0% auto 12px auto; padding: 6px 6px 6px 16px; max-width: 340px; background-color: #e8f9f1; display: flex; align-items: center; } 
    div.popup-panel.booking #select_tickets div.price-container label { width: 50%; display: inline-block; vertical-align: middle; }
    div.popup-panel.booking #select_tickets div.quantity_select { display: inline-block; width: 30%; }
    div.popup-panel.booking textarea,
    div.popup-panel.booking input                           { padding: 9px 16px 8px 16px; display: inline-block; vertical-align: middle; background-color: #FFFFFF; border: 2px solid #e8f9f1; border-radius: 2px; }
    div.popup-panel.booking select                          { padding: 7px 16px 5px 16px; font-family: 'Roboto', sans-serif; font-size: 1em; line-height: 1.5em; display: inline-block; vertical-align: middle; position: relative; color: #154d34; background-color: #FFFFFF; border: 2px solid #e8f9f1; border-radius: 2px; overflow: hidden; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; }
    div.popup-panel.booking #select_tickets div.quantity_select select { width: 100%; }

/* Footer Styles */

    footer.main-et1a                                        { display: flex; flex-direction: column; min-height: 100px; background-color: #ecf7ff; background-image: url('/images/footer-background-red-theme.png'); background-repeat: repeat-x; background-position: top; }
    footer.main-et1a .footer-container                      { display: flex; justify-content: space-between; padding: 2rem 0 1rem; }
    footer.main-et1a .footer-top                            { flex: 1; background-color: transparent; border:0;}
    footer.main-et1a .footer-content                        { background-color: transparent; }
    footer.main-et1a .footer-copyright                      { background-color: #cc3300; padding: 0.5rem 0; }
    footer.main-et1a .footer-copyright p                    { font-family: 'Figtree', sans-serif; color: #ffffff; font-weight: 300; }
    
    footer.main-et1a .footer-top p,
    footer.main-et1a li                                     { color: #ffffff; font-family: 'Figtree', sans-serif; font-weight: 300; font-size: 0.875rem; }
    footer.main-et1a li.footer-heading                      { color: #ffffff; font-size: 1rem; font-weight: 300; }
    footer.main-et1a .footer-left ul                        { padding: 0; }
    footer.main-et1a a:hover                                { text-decoration: underline; }

    footer.main-et1a div.offset                             { max-width: 1436px; }

    footer.main-et1a .footer-left                           { width: 75%; flex: 1; }

    footer.main-et1a .footer-right                          { display: flex; width: 30%; padding-top:2rem;}
    footer.main-et1a .footer-right p                        { color: #222222; font-size: 0.875rem; }
    footer.main-et1a .footer-right a                        { color: #222222; text-transform: none; }
    footer.main-et1a .footer-right > div:first-of-type      { width: 35%; }
    footer.main-et1a .footer-right > div:nth-of-type(2)     { width: 65%; }

    footer.main-et1a .footer-left ul.col-3                  { width: 30%; padding-right: 1rem; }

    footer.main-et1a .right-content                         { display: flex; justify-content: flex-end; }
    footer.main-et1a .right-content .social-media           { display: flex; align-items: center; }
    footer.main-et1a .right-content .social-media a         { background-color: #fff; border-radius: 100%; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; margin-right: 0.875rem; }
    footer.main-et1a .right-content .social-media a:last-of-type { margin-right: 0; }
    footer.main-et1a .right-content .social-media a:hover   { background-color: #FFD166; }
    footer.main-et1a .right-content .social-media a > span  { color: #164E35; font-size: 1.25rem; font-weight: 500; }
    footer.main-et1a .right-content a.header-telephone      { font-size: 1.375rem; font-weight: 400; }

/* Testimonial Styles */

    #testimonials .testimonial-container                    { padding: 6.5rem 0; max-width: 1300px; margin: 0 auto; }
    #testimonials .testimonial-text                         { font-weight: 600; font-style: italic; font-size: 1.5rem; color: #808080; margin: 0 0 1rem; text-align: center; }
    #testimonials .testimonial-name                         { font-weight: 400; color: #808080; text-align: center; }

/* Booking Button Styles */

    .booking-button-container                               { display: flex; gap: 1rem; }

/* Home Styles */

    section.main div.content div.follow-us-header           { display: flex; justify-content: center; align-items: center; margin-bottom: 2rem; }
    section.main div.content div.follow-us-header h3        { color: #0d1216; font-size: 1.875rem; text-transform: uppercase; margin: 0 1.5rem 0 0; }
    section.main div.content div.follow-us-header .follow-us-socials { display: flex; align-items: center; gap: 1.5rem; }
    section.main div.content div.follow-us-header .follow-us-socials a > span  { font-size: 1.875rem; color: #0d1216; }

    section.main div.content div.follow-us-image            { display: flex; justify-content: center; align-items: center; }

/* Standard Styles */

    section.main .page_header                               { height: 400px; }
    section.main .page_header .config_container             { height: 100%; }
    section.main .page_header .config_container div.content { height: 100%; }
    section.main .page_header .config_container div.content > div { height: 100%; display: flex; align-items: center; justify-content: center; }

 /* Tablet 800px */

    @media only screen and (min-width: 0px) and (max-width: 800px) {
        
    /* Tablet Header Styles */

        header.main-et3a                                    { position: fixed; }
        header.main-et3a .header-main                       { height: auto; background-position-y: bottom; background-repeat: no-repeat; }
        header.main-et3a div.header-details                 { background-color: transparent; }
        header.main-et3a div.mobile-commerce .commerce-button { text-align: center; color: #222222; cursor: pointer; font-size: 1.25rem; }


        #mobile-search-container .mobile-search-button      { background-color: #FED167; height: 50px; }
        #mobile-search-container .mobile-search-button:hover { background-color: #FFE466; }

    /* Tablet Standard Styles */

        .wg-slider .slide-caption.caption-float-box .content-thumb h1 { font-size: 2.5rem; }
        .wg-slider .slide-caption.caption-float-box .content-thumb p { font-size: 1.25rem !important; }

        /* section.main                                        { margin-top: ; } */
        section.main div.page_section div.content           { padding: 2rem 0 2rem 0; }
        section.main div.column_padding div.content         { padding: 2rem 1rem 2rem 1rem; }
        section.main .config_container .config_column       { flex-basis: 100%; }

        .form_container                                     { padding: 0; }

    	/* Navigation Mobile Styles */

		#mobile-nav #menu-container ul											{ background-color: #FFFFFF; border: 0px; }
		#mobile-nav #menu-container ul li										{ border-bottom: 1px solid #CDD8DE; }
		#mobile-nav #menu-container ul li a										{ padding: 16px 18px; font-family: 'Poppins', sans-serif !important; font-size: 1.25rem !important; text-transform: none; color: #222222; }
		#mobile-nav #menu-container ul li a span.slicknav_arrow img				{ display: none; }
		#mobile-nav #menu-container ul li a > a									{ padding: 0%; }
		#mobile-nav #menu-container ul li ul									{ padding: 8px 0%; background-color: #CDD8DE; border: 0px; }
		#mobile-nav #menu-container ul li ul li									{ border-top: 0px; }
		#mobile-nav #menu-container ul li ul li a								{ padding: 10px 16px 10px 24px; font-size: 1rem !important; }
		#mobile-nav #menu-container ul li ul li a > a							{ padding: 0%; }
		#mobile-nav #menu-container ul > li:first-of-type						{ margin-top: 16px; }
		#mobile-nav #menu-container ul > li:last-of-type						{ margin-bottom: 16px; border-bottom: 0px; }    

    /* Tablet Footer Styles */

        footer.main-et1a .footer-container                  { display: block; padding: 4rem 1rem; }
        footer.main-et1a .footer-left                       { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 1rem; }
        footer.main-et1a .footer-right                      { width: 100%; padding-top: 2rem; }
        
        footer.main-et1a .footer-left ul.col-3              { width: calc(50% - 1rem); padding-right: 0; }
        footer.main-et1a .footer-left li                    { text-align: center; }

        footer.main-et1a .footer-right > div:first-of-type  { width: 50%; }
        footer.main-et1a .footer-right > div:nth-of-type(2) { width: 50%; }

        footer.main-et1a a                                  { display: inline-block; }

        footer.main-et1a .right-content                     { justify-content: center; }

    }

/* Mobile 600px */
    
    @media only screen and (min-width: 0px) and (max-width: 600px) {

    /* Mobile Footer Styles */

        footer.main-et1a .footer-container                  { padding: 2rem 1rem 1rem; }

        footer.main-et1a .footer-top                        { padding: 0; }

        footer.main-et1a .footer-left ul.col-3              { width: 100%; }

        footer.main-et1a .footer-right                      { display: block; padding-top: 0; }
        footer.main-et1a .footer-right > div:first-of-type  { width: 100%; text-align: center; }
        footer.main-et1a .footer-right > div:nth-of-type(2) { width: 100%; text-align: center; }
        footer.main-et1a .footer-right img                  { margin-right: 0; }
        footer.main-et1a .footer-right p                    { text-align: center !important; margin-bottom: 1rem; }

        footer.main-et1a .footer-copyright                  { padding: 0 0 1rem 0; }

		section.main div.left_offset div.content			{ padding: 2.5rem 1rem 3rem 1rem; }
    
    }

/* Mobile 500px */

    @media only screen and (min-width: 0px) and (max-width: 500px) {
    
    /* Mobile Standard Styles */
        
        .wg-slider .slide-caption.caption-float-box .content-thumb h1 { font-size: 2.25rem; margin: 0 0 1.5rem; }
        .wg-slider .slide-caption.caption-float-box .content-thumb p { margin: 0 0 1.5rem; }

        section.main div.page_section                       { padding: 1rem 0; }

    }