/*
Theme Name: Vending Townsville
Theme URI: https://www.vendingtownsville.com.au
Author: Naked Egg Web Design
Author URI: https://www.newd.com.au/
Description: A child theme of Hello Elementor modified to suit Vending Townsville
Version: 2026.10
Template: hello-elementor
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/* INSERT CSS BELOW */
.inverse-txt {color:#F0F0F0;}
a {color:#E00000;}
a:hover {color:#FF0000;}
a .fa-phone-alt, a .fa-envelope, a .fa-map-marker-alt, a .fa-clock {color:#cc0000;}
a:hover .fa-circle::before {color:#cc0000;}
a:hover .fa-phone-alt, a:hover .fa-envelope, a:hover .fa-map-marker-alt, a:hover .fa-clock, a:focus .fa-envelope {color:#FFF;}
a:hover .fa-facebook, a:focus .fa-facebook {color:#0866ff;}
.fa-clock {color:#cc0000;}
.policy-contact a:hover .fa-envelope {color:#FF0000;}
/* Main menu underline - line spreads from center & then block up*/
.menu_itm {
  background: 
     linear-gradient(#CC0000 0 0) 
     50% calc(-3px - 100%) /var(--d, 0%) 200% no-repeat;
  transition: 0.3s, background-size 0.3s 0.3s;
}
.menu_itm:hover {
  --d: 100%;
  background-position: 50% 0%;
	border-radius: 5px 5px 0 0;
  color: #fff;
  transition: 0.3s, background-position 0.3s 0.3s, color 0.3s 0.3s;
}
/* End */
#f-menu li{
	list-style-image: url('data:image/svg+xml,<svg transform="scale(0.4) translate(0, 30)" transform-origin="center" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="36px" viewBox="0 0 247.158 362.105" style="enable-background:new 0 0 247.158 362.105;" xml:space="preserve"><g><polygon style="fill:%23CC0000;" points="247.158,181.053 42.105,0 42.105,109.474 122.948,181.053 42.105,252.632 42.105,362.105 "/><polygon style="fill:%23CC0000;" points="0,109.474 0,252.632 80.842,181.053 "/></g></svg>');
	margin: -10px 0 0 -15px;/* Use translate(X, Y) to position the SVG up, down, left, and right */
}

.ea11y-widget-elementor-link {
  color:var(--Rangoon_Red);
  justify-content:flex-end;
  margin-left:auto;
  font-size:14px
} /* Accessibility icon */
.fluentform_wrapper_1.ffs_custom_wrap .ff-el-input--content input:hover, .fluentform_wrapper_1.ffs_custom_wrap .ff-el-input--content .ff-el-form-control.ff_stripe_card_element:hover, .fluentform_wrapper_1.ffs_custom_wrap .ff-el-input--content textarea:hover, .fluentform_wrapper_1.ffs_custom_wrap .ff-el-input--content select:hover {border-color:#931513;background-color:#FFFFFF;} /* Hover state for form input fields */
/* SVG icon align with text */
.icon-text-container {
  display: flex;         /* Activates flexbox */
  align-items: center;   /* Perfectly centers icon and text vertically */
  gap: 20px;              /* Adds clean horizontal spacing between them */
}

.icon {
  width: 20px;         /* Scales nicely relative to your text size */
  height: 20px;        /* Maintains aspect ratio */
}
/* END */
.footer h4 {color:#FF4D4D; font-weight:600;}
.footer a {color: #F0F0F0;}
.footer-bar, .header-bar {color: #F0F0F0;}
.footer-bar a {color:#FF4D4D;}
.footer a:hover, .footer-bar a:hover {color:#FF0000;}
.footer .fa-circle::before, .footer-bar .fa-circle::before {color:#FFF;}