/* Badges eg at home */ .bw-badges img:hover{ filter: grayscale(0); } /* Fix logo */ @media (min-width: 1025px) { .site-branding a.brand img { max-width: 200px; margin-top: -40px; padding-bottom: 40px; } } /* Top bar - non transparent header */ .non-transparent-header .header-navigation li.menu-item > a { color: #000 !important; } .non-transparent-header .header-navigation li.bw_book_now_btn > a, .non-transparent-header .header-navigation li.bw_special_offer_btn > a { color: #fff !important; } /* Search inline */ .transparent-header .bw-search-icon-wrapper{ color: #fff!important; width: 16px; } /* Breadcrumb */ .bw-breadcrumb a, .bw-breadcrumb{ color: #fff; text-decoration: none; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; } /* Button outline */ /* 1. IDLE STATE - Kill all borders and fix position */ .kb-btn-global-outline { border: none !important; /* Remove all standard borders */ padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; position: relative; /* Base for the animated line */ display: inline-block; /* THE KILL SWITCH: Prevents Kadence from lifting the button */ transform: translate(0, 0) !important; box-shadow: none !important; transition: color 0.3s ease; } /* 2. THE LINE - Create the "Ghost" line that doesn't affect layout */ .kb-btn-global-outline::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; /* Start at zero width */ height: 2px; /* Thickness of your underline */ background-color: currentColor; /* Matches text color automatically */ /* THE ANIMATION: Smoothly grows to the right */ transition: width 0.3s ease-in-out; } /* 3. HOVER STATE - Animate the line, NOT the button */ .kb-btn-global-outline:hover { background: transparent !important; /* Force stay in place */ transform: translate(0, 0) !important; box-shadow: none !important; } .kb-btn-global-outline:hover::after { width: 100%; /* Grow to full width on hover */ } /* 3. Animate the line to 100% on hover */ .kb-btn-global-outline:hover::after { width: 100%; } /* Optional: Keep the text color consistent on hover */ .kb-btn-global-outline:hover { background: transparent !important; color: inherit; } /* The "Cool Hover" Effect */ .kb-btn-global-outline:hover { opacity: 0.7; /* Moves the button up slightly for a premium feel */ transform: translateY(-2px); /* Changes the underline color or thickness on hover */ border-bottom-width: 3px !important; } /* PRe heading */ .single-content h6{ margin-bottom: 2em; } /* Page title */ .entry-hero.page-hero-section .entry-header{ padding-top: 350px; } .site-main-header-wrap{ margin-top: -17px; } .bw_top_bar_link a{ color: #fff!important; font-size: 0.8em; text-transform: uppercase; font-weight: 500; } .bw_book_now_btn{ background-color: #EB6E1F; padding-left: 15px; padding-right: 15px; margin-left: 20px; } .bw_book_now_btn a{ color: #fff!important; } .bw_special_offer_btn{ background: #00B2B0; padding-left: 15px; padding-right: 15px; } .bw_special_offer_btn a{ color: #fff!important; } /* header menu */ .dropdown-nav-toggle .kadence-svg-icon { display: none !important; } .menu-item-has-children > a .nav-drop-title-wrap::after { content: '+'; display: inline-block; margin-left: 10px; font-size: 16px; font-weight: regular; line-height: 1; } /* css form */ body .gform_wrapper input[type="text"], body .gform_wrapper input[type="email"], body .gform_wrapper input[type="url"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="number"], body .gform_wrapper textarea { border: none; border-bottom: 1px solid #000; border-radius: 0; background: transparent; padding: 8px 0; box-shadow: none; font-size: 18px; } body .gform_wrapper input:focus, body .gform_wrapper textarea:focus { border-bottom: 1px solid #000; outline: none; } body .gform_wrapper .gfield_label { font-size: 14px; font-weight: normal; color: #000; margin-bottom: 4px; } /*body .gform_wrapper input[type="submit"], body .gform_wrapper .gform_button { background: transparent; border: 1px solid #000; color: #000; font-size: 16px; padding: 8px 16px; border-radius: 0; cursor: pointer; transition: all 0.3s ease; } body .gform_wrapper input[type="submit"]:hover, body .gform_wrapper .gform_button:hover { background: #fff; color: #000; }*/ .site-footer p{ margin-top: 0px; } /* default button kadence .kb-button.wp-block-button__link{ border-bottom: 1px solid var(--global-palette3); letter-spacing: 0.2em; }*/ /* BW Accordion - JY */ .bw_accordion .kt-blocks-accordion-icon-trigger:before { height: 1px; } .bw_accordion .kt-blocks-accordion-icon-trigger:after { height: 1px; } /* Footer */ .site-footer h2{ font-family:var(--global-body-font-family); font-size: 2em; } /* Header Gradient */ .transparent-header #main-header { display: block; /* background: #f00; */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%); }