Global Options ‹ Georgia Floors Direct

Avada Live

Expand Options

Settings have changed, you should save them!

error(s) were found!

warning(s) were found!

Layout

LayoutControls the site layout.

BoxedWide

Site WidthControls the overall site width. Enter value including any valid CSS unit, ex: 1200px.

Boxed Mode Top/Bottom OffsetControls the top/bottom offset of the boxed background. Enter values including any valid CSS unit, ex: 0px, 0px.

Boxed Mode Offset Scroll ModeChoose how the page will scroll. Framed scrolling will keep the offset in place, while Full scrolling removes the offset when scrolling the page.

Framed ScrollingFull Scrolling

Boxed Mode Shadow TypeControls the type of shadow your boxed mode displays.

Page Content PaddingControls the top/bottom padding for page content. Enter values including any valid CSS unit, ex: 60px, 60px.

100% Width PaddingControls the left and right padding for page content when using 100% site width, 100% width page template or 100% width post option. This does not affect Avada Builder containers. Enter value including any valid CSS unit, ex: 30px.

Single Sidebar Layouts


Single Sidebar WidthControls the width of the sidebar when only one sidebar is present. Enter value including any valid CSS unit, ex: 24%.
Single Sidebar GutterControls the space between the main content and a single sidebar. Enter value including any valid CSS unit, ex: 6%.

Dual Sidebar Layouts


Dual Sidebar Width 1Controls the width of sidebar 1 when dual sidebars are present. Enter value including any valid CSS unit, ex: 20%.
Dual Sidebar Width 2Controls the width of sidebar 2 when dual sidebars are present. Enter value including any valid CSS unit, ex: 20%.
Dual Sidebar GutterControls the space between the main content and the sidebar when dual sidebars are present. Enter value including any valid CSS unit, ex: 4%.

Responsive

Responsive DesignTurn on to use the responsive design features. If set to off, the fixed layout is used.

OnOff

Grid Responsive BreakpointControls when grid layouts (blog/portfolio) start to break into smaller columns. Further breakpoints are auto calculated. In pixels.

Header Responsive BreakpointControls when the desktop header changes to the mobile header. In pixels.

Site Content Responsive BreakpointControls when the site content area changes to the mobile layout. This includes all content below the header including the footer. In pixels.

Sidebar Responsive BreakpointControls when sidebars change to the mobile layout. In pixels.

Mobile Device ZoomTurn on to enable pinch to zoom on mobile devices.

OnOff

Element Responsive Breakpoints


Small ScreenControls when the small screen options and visibility should take effect. In pixels.
Medium ScreenControls when the medium screen options and visibility should take effect. In pixels.
Large ScreenAny screen larger than that which is defined as the medium screen will be counted as a large screen.	> 1024

Responsive Typography


Responsive Typography SensitivitySet to 0 to disable responsive typography. Increase the value for a greater effect.
Minimum Font Size FactorThe minimum font-size of elements affected by responsive typography is body font-size multiplied by this factor.

Colors

IMPORTANT NOTE: This tab contains general color options. Additional color options for specific areas, can be found within other tabs. Example: For menu color options go to the menu tab.

Primary ColorControls the main highlight color throughout the theme.

Predefined Theme SkinControls the main theme skin to be light or dark. Select a skin and all color options will change to the defined selection. Please note that individual pages have containers and Avada Page Options that can override this setting, therefore you may not fully see the changes. If you change to light and a page is still dark, edit the page and look at each container background settings, along with Avada Page Options.

Predefined Color SchemeControls the main color scheme throughout the theme. Select a scheme and all the color options will change to the defined selection.

Save / Import Color SchemeClick the Save button to save your own current custom color scheme. Click the Import button to import custom scheme. To delete or export a scheme, you must first have a custom scheme saved.

This will save the current selected color options as a new custom color scheme.

Paste the code that was exported from the color scheme into the text area and then click the "Import" button.

Color PaletteSets color picker's palette colors throughout the theme.

Header

Header Content

Header PositionControls the position of the header to be in the top, left or right of the site. The main menu height, header padding and logo margin options will auto adjust based off your selection for ideal aesthetics.

TopLeftRight

Select a Header LayoutControls the general layout of the header. Headers 2-5 allow additional content areas via the header content options 1-3. Header 6 only allows parent level menu items, no child levels will display. The main menu height, header padding and logo margin options will auto adjust based off your selection for ideal aesthetics.

Slider PositionControls if the slider displays below or above the header.

BelowAbove

Header Content 1Controls the content that displays in the top left section.

Header Content 2Controls the content that displays in the top right section.

Header Content 3Controls the content that displays in the middle right section.

Phone Number For Contact InfoThis content will display if you have "Contact Info" selected for the Header Content 1 or 2 option above.

Email Address For Contact InfoThis content will display if you have "Contact Info" selected for the Header Content 1 or 2 option above.

Tagline For Content 3This content will display if you have "Tagline" selected for the Header Content 3 option above.

Banner Code For Content 3This content will display if you have "Banner" selected for the Header Content 3 option above. Add HTML banner code for Header Content 3. Elements, like buttons, can be used here also.

Header Background Image

Background Image For Header AreaSelect an image for the header background. If left empty, the header background color will be used. For top headers the image displays on top of the header background color and will only display if header background color opacity is set to 1. For side headers the image displays behind the header background color so the header background opacity must be set below 1 to see the image.

UploadRemove

100% Background ImageTurn on to have the header background image display at 100% in width and height according to the window size.

OnOff

Parallax Background ImageTurn on to use a parallax scrolling effect on the background image. Only works for top header position.

OnOff

Background RepeatControls how the background image repeats.

Header Styling

Header Width For Left/Right PositionControls the width of the left or right side header. In pixels.

Header PaddingControls the top/right/bottom/left padding for the header. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.

Header ShadowTurn on to display a header drop shadow. This option is incompatible with Internet Explorer versions older than IE11.

OnOff

100% Header WidthTurn on to have the header area display at 100% width according to the window size. Turn off to follow site width.

OnOff

Header Background ColorControls the background color and opacity for the header. For top headers, opacity set below 1 will remove the header height completely. For side headers, opacity set below 1 will display a color overlay. Transparent headers are disabled on all archive pages due to technical limitations.

Archive Header Background ColorControls the background color and opacity for the header on archive pages, search page and 404 page. For top headers, opacity set below 1 will remove the header height completely. For side headers, opacity set below 1 will display a color overlay.

Header Border ColorControls the border colors for the header. If using left or right header position it controls the menu divider lines.

Header Top Background ColorControls the background color of the top header section used in Headers 2-5.

Header Tagline Font SizeControls the font size for the tagline text when using header 4. Enter value including CSS unit (px, em, rem), ex: 16px.

Header Tagline Font ColorControls the font color for the tagline text when using header 4.

Sticky Header

Sticky HeaderTurn on to enable a sticky header.

OnOff

Sticky Header on TabletsTurn on to enable a sticky header when scrolling on tablets.

OnOff

Sticky Header on MobilesTurn on to enable a sticky header when scrolling on mobiles.

OnOff

Sticky Header AnimationTurn on to allow the sticky header to animate to a smaller height when activated. Only works with header v1 - v3, v6 and v7.

OnOff

Sticky Header Display For Headers 4 - 5 Controls what displays in the sticky header when using header v4 - v5.

Menu OnlyMenu + Logo Area

Sticky Header ShadowTurn on to display a sticky header drop shadow. This option is incompatible with Internet Explorer versions older than IE11.

OnOff

Sticky Header Background ColorControls the background color for the sticky header.

Sticky Header Menu Font ColorControls the color for main menu text in the sticky header.

Sticky Header Menu Item PaddingControls the space between each menu item in the sticky header. In pixels.

Sticky Header Navigation Font SizeControls the font size of the menu items in the sticky header. Enter value including CSS unit (px, em, rem), ex: 14px.

Main Menu

Main Menu HeightControls the menu height. In pixels.

Main Menu Highlight StyleControls the highlight style for main menu links and also affects the look of menu dropdowns. Arrow style cannot work with a transparent header background. Bar highlights will display vertically on side header layouts. IMPORTANT: Arrow & Background style can require configuration of other options depending on desired effect. See this post for more information.

Main Menu Highlight Background ColorControls the background color of main menu highlight.

Main Menu Arrow SizeControls the width and height of the main menu arrow. In pixels, ex: 23px, 12px.

Main Menu Highlight Bar SizeControls the size of the menu highlight bar. In pixels.

Main Menu Item PaddingControls the right padding for menu text (left on RTL). In pixels.

Main Menu Item Padding On MobileControls the right padding for menu text (left on RTL) when the normal desktop menu is used on mobile devices. In pixels.

Main Menu Drop ShadowTurn on to display a drop shadow on menu dropdowns.

OnOff

Main Menu Dropdown / Mega Menu AnimationControls the animation type for all sub-menus.

FadeSlide

Main Menu Dropdown Top Border SizeControls top border size of dropdown menus and mega menus. In pixels.

Main Menu Dropdown WidthControls the width of the dropdown. In pixels.

Main Menu Dropdown Item PaddingControls the top/bottom padding for dropdown menu items. In pixels.

Main Menu Dropdown DividerTurn on to display a divider line on dropdown menu items.

OnOff

Main Menu Dropdown IndicatorTurn on to display arrow indicators next to parent level menu items.

ParentParent + ChildNone

Main Menu Search IconTurn on to display the search icon in the main menu.

OnOff

Main Menu Search LayoutControls the layout of the search bar in the main menu.

Drop-DownMenu Overlay

Main Menu Icon Circle BordersTurn on to display a circle border on the cart and search icons.

OnOff

Menu Highlight Label RadiusControls the border radius of all your menu highlight labels. Enter value including any valid CSS unit, ex: 2px.

Main Menu Dropdown Background ColorControls the background color of the main menu dropdown.

Main Menu Dropdown Background Hover ColorControls the background hover color of the main menu dropdown.

Main Menu Dropdown Separator ColorControls the color of the separators in the main menu dropdown.

Main Menu Background Color For Header 4 & 5Controls the background color of the main menu when using header 4 or 5.

Main Menu Typography


Menus TypographyThese settings control the typography for all main menu top-level items.	Font Family Backup Font Family Font Weight & Style Font Size Letter Spacing Font Color 1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z
Main Menu Text AlignControls the main menu text alignment for top headers 4-5 and side headers.	LeftCenterRight
Main Menu Font Hover/Active ColorControls the color for main menu text hover and active states, highlight bar and dropdown border.
Main Menu Dropdown Font ColorControls the color for main menu dropdown text.
Main Menu Dropdown Font SizeControls the font size for main menu dropdown text. Enter value including any valid CSS unit, ex: 14px.
Side Navigation Font SizeControls the font size for the menu text when using the side navigation page template. Enter value including any valid CSS unit, ex: 16px.

Flyout Menu

Flyout Menu Icon Font SizeControls the font size for the flyout menu icons. Enter value including any valid CSS unit, ex: 20px.

Flyout Menu Icon PaddingControls the right padding for flyout menu icons (left on RTL). In pixels.

Flyout Menu Icon ColorControls the color of the flyout menu icons.

Flyout Menu Icon Hover ColorControls the hover color of the flyout menu icons.

Flyout Menu Background ColorControls the background color of the flyout menu

Flyout Menu DirectionControls the direction the flyout menu starts from.

Flyout Menu Item PaddingControls the padding between flyout menu items. In pixels.

Secondary Top Menu

IMPORTANT NOTE: Secondary Top Menu Options are only available when using Header Layouts #2-5. Your current Header Layout does not utilize the secondary top menu.

Secondary Menu Dropdown WidthControls the width of the secondary menu dropdown. In pixels.

Secondary Menu Divider ColorControls the divider color of the first level secondary menu.

Secondary Menu Dropdown Background ColorControls the background color of the secondary menu dropdown.

Secondary Menu Dropdown Background Hover ColorControls the background hover color of the secondary menu dropdown.

Secondary Menu Dropdown Separator ColorControls the color of the separators in the secondary menu dropdown.

Secondary Top Menu Typography


Secondary Menu Font SizeControls the font size for secondary menu text. Enter value including any valid CSS unit, ex: 12px.
Secondary Menu Line HeightControls the line height for secondary menu. Enter value including any valid CSS unit, ex: 48px.
Secondary Menu Font ColorControls the color for secondary menu text.
Secondary Menu Dropdown Font ColorControls the color for secondary menu dropdown text.
Secondary Menu Dropdown Font Hover ColorControls the hover color for secondary menu dropdown text.

Mobile Menu

IMPORTANT NOTE: Please enable responsive mode. Mobile menus are only available when you're using the responsive mode. To enable it please go to the "Responsive" section and set the "Responsive Design" option to ON.

IMPORTANT NOTE: Because of the design of your Header Layout #6, only a few options are available here. More options are available when using Header Layouts #1-5 or 7. The rest of the options for Header Layout #6 are on the Flyout Menu and Main Menu tab.

Mobile Menu Design StyleControls the design of the mobile menu. Flyout design style only allows parent level menu items.

ClassicModernFlyout

Mobile Menu Icons Top MarginControls the top margin for the icons in the modern and flyout mobile menu design. In pixels.

Mobile Menu Dropdown Item HeightControls the height of each dropdown menu item. In pixels.

Mobile Menu Dropdown Slide OutsTurn on to allow dropdown sections to slide out when tapped.

OnOff

Display Mobile Menu Search Icon/FieldTurn on to display the search icon/field in the mobile menu.

OnOff

Mobile Menu Sub-Menu IndicatorTurn on to display the mobile menu sub-menu indicator: "-".

OnOff

Mobile Header Background ColorControls the background color of the header on mobile devices.

Mobile Archive Header Background ColorControls the background color of the archive page header on mobile devices.

Mobile Menu Background ColorControls the background color of the mobile menu dropdown and classic mobile menu box.

Mobile Menu Background Hover ColorControls the background hover color of the mobile menu dropdown.

Mobile Menu Border ColorControls the border and divider colors of the mobile menu dropdown and classic mobile menu box.

Mobile Menu Toggle ColorControls the color of the mobile menu toggle icon.

Mobile Menu Typography


Mobile Menu TypographyThese settings control the typography for mobile menu.	Font Family Backup Font Family Font Weight & Style Font Size Line Height Letter Spacing Font Color 1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z
Mobile Menu Hover ColorControls the hover color of the mobile menu item. Also, used to highlight current mobile menu item.
Mobile Menu Text AlignControls the mobile menu text alignment.	LeftCenterRight

Mega Menu

IMPORTANT NOTE: Mega Menu Options are only available when using Header Layouts #1-5. Your current Header Layout #6 does not utilize the mega menu.

IMPORTANT NOTE: Mega Menu is disabled in Advanced > Theme Features section. Please enable it to see the options.

Mega Menu Wrapper Max WidthControls the max width of the mega menu. On boxed side header layouts, "Viewport Width" will match "Site Width".

Site Width100% WidthCustom Width

Mega Menu Max-WidthControls the max width of the mega menu. In pixels.

Mega Menu Interior Content WidthFor full width mega menus select if the interior menu content is contained to site width or 100% width.

Site Width100% Width

Mega Menu Column Title SizeControls the font size for mega menu column titles. Enter value including any valid CSS unit, ex: 18px.

Mega Menu Dropdown Item PaddingControls the top/bottom padding for mega menu dropdown items. In pixels.

Mega Menu Item DividerTurn on to display a divider between mega menu dropdown items.

OnOff

Main Menu Icons

IMPORTANT NOTE: Icons are available for both the main and dropdown menus. However, the options below only apply to the main menu. Dropdown menu icons do not use these options below, they follow the dropdown font size and color. The icons themselves can be added to your menu items in the Appearance > Menus section.

Main Menu Icon PositionControls the main menu icon position.

TopRightBottomLeft

Main Menu Icon SizeControls the size of the top-level menu icons. In pixels.

Main Menu Icon ColorControls the color of the top-level main menu icons.

Main Menu Icon Hover ColorControls the hover color of the top-level main menu icons.

Mega Menu Thumbnail SizeControls the width and height of the top-level mega menu thumbnails. Use "auto" for automatic resizing if you added either width or height. Enter values including any valid CSS unit, ex: 26px, 14px.

Logo

Logo AlignmentControls the logo alignment. "Center" only works on Header 5 and Side Headers.

LeftCenterRight

Logo MarginsControls the top/right/bottom/left margins for the logo. Enter values including any valid CSS unit, ex: 34px, 34px, 0px, 0px.

Logo BackgroundTurn on to display a colored background for the logo.

OnOff

Logo Background ColorControls the background color for the logo.

Logo Custom Link URLEnter a custom URL the site logo should link to. Leave empty to let logo link to the home page.

Default Logo


Default LogoSelect an image file for your logo.	UploadRemove
Retina Default LogoSelect an image file for the retina version of the logo. It should be exactly 2x the size of the main logo.	UploadRemove

Sticky Header Logo


Sticky Header LogoSelect an image file for your sticky header logo.	UploadRemove
Retina Sticky Header LogoSelect an image file for the retina version of the sticky header logo. It should be exactly 2x the size of the sticky header logo.	UploadRemove

Mobile Logo


Mobile LogoSelect an image file for your mobile logo.	UploadRemove
Retina Mobile LogoSelect an image file for the retina version of the mobile logo. It should be exactly 2x the size of the mobile logo.	UploadRemove

Favicon

FaviconFavicon for your website at 32px x 32px or 64px x 64px.

UploadRemove

Apple iPhone Icon UploadFavicon for Apple iPhone at 120px x 120px.

Upload

Apple iPhone Retina Icon UploadFavicon for Apple iPhone Retina Version at 180px x 180px.

Upload

Apple iPad Icon UploadFavicon for Apple iPad at 152px x 152px.

Upload

Apple iPad Retina Icon UploadFavicon for Apple iPad Retina Version at 167px x 167px.

Upload

Page Title Bar

Page Title BarControls how the page title bar displays.

Breadcrumbs / Search Bar Content DisplayControls what displays in the breadcrumbs area. This is a dependent option that always stays visible because other options can utilize it.

NoneBreadcrumbsSearch Bar

Page Title Bar HeadingsTurn on to display the page title bar headings. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Page Title Bar Styling


Page Title Bar 100% WidthTurn on to have the page title bar area display at 100% width according to the viewport size. Turn off to follow site width. This is a dependent option that always stays visible because other options can utilize it.	OnOff
Page Title Bar HeightControls the height of the page title bar on desktop. Enter value including any valid CSS unit besides % which does not work for page title bar, ex: 300px. This is a dependent option that always stays visible because other options can utilize it.
Page Title Bar Mobile HeightControls the height of the page title bar on mobile. Enter value including any valid CSS unit besides % which does not work for page title bar, ex: 240px. This is a dependent option that always stays visible because other options can utilize it.
Page Title Bar Background ColorControls the background color of the page title bar. This is a dependent option that always stays visible because other options can utilize it.
Page Title Bar Borders ColorControls the border colors of the page title bar. This is a dependent option that always stays visible because other options can utilize it.
Page Title Bar Heading Font SizeControls the font size for the page title bar main heading. Enter value including CSS unit (px, em, rem), ex: 54px. This is a dependent option that always stays visible because other options can utilize it.
Page Title Bar Heading Line HeightControls the line height for the page title bar main heading. Enter value including any valid CSS unit, ex: normal. This is a dependent option that always stays visible because other options can utilize it.
Page Title Bar Heading Font ColorControls the text color of the page title bar main heading. This is a dependent option that always stays visible because other options can utilize it.
Page Title Bar Subheading Font SizeControls the font size for the page titlebar subheading. Enter value including CSS unit (px, em, rem), ex: 18px. This is a dependent option that always stays visible because other options can utilize it.
Page Title Bar Subheading Font ColorControls the text color of the page title bar subheading. This is a dependent option that always stays visible because other options can utilize it.
Page Title Bar Text AlignmentChoose the title and subhead text alignment. Breadcrumbs / search field will be on opposite side for left / right alignment and below the title for center alignment. This is a dependent option that always stays visible because other options can utilize it.	LeftCenterRight

Page Title Bar Background Image


Page Title Bar Background ImageSelect an image for the page title bar background. If left empty, the page title bar background color will be used. This is a dependent option that always stays visible because other options can utilize it.	UploadRemove
Retina Page Title Bar Background ImageSelect an image for the retina version of the page title bar background. It should be exactly 2x the size of the page title bar background. This is a dependent option that always stays visible because other options can utilize it.	UploadRemove
100% Background ImageTurn on to have the page title bar background image display at 100% in width and height according to the window size. This is a dependent option that always stays visible because other options can utilize it.	OnOff
Parallax Background ImageTurn on to use a parallax scrolling effect on the background image. This is a dependent option that always stays visible because other options can utilize it.	OnOff
Fading AnimationTurn on to have the page title text fade on scroll. This is a dependent option that always stays visible because other options can utilize it.	OnOff

Breadcrumbs

Breadcrumbs on Mobile DevicesTurn on to display breadcrumbs on mobile devices. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Breadcrumbs PrefixControls the text before the breadcrumb menu. This is a dependent option that always stays visible because other options can utilize it.

Breadcrumbs SeparatorControls the type of separator between each breadcrumb. This is a dependent option that always stays visible because other options can utilize it.

Breadcrumbs Font SizeControls the font size for the breadcrumbs text. Enter value including CSS unit (px, em, rem), ex: 14px. This is a dependent option that always stays visible because other options can utilize it.

Breadcrumbs Text ColorControls the text color of the breadcrumbs font. This is a dependent option that always stays visible because other options can utilize it.

Breadcrumbs Text Hover ColorControls the text hover color of the breadcrumbs font. This is a dependent option that always stays visible because other options can utilize it.

Post Categories on BreadcrumbsTurn on to display the post categories in the breadcrumbs path. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Post Type Archives on BreadcrumbsTurn on to display post type archives in the breadcrumbs path. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Sliding Bar

Sliding Bar on DesktopsTurn on to display the sliding bar on desktops.

OnOff

Sliding Bar On MobileTurn on to display the sliding bar on mobiles. IMPORTANT: Due to mobile screen sizes and overlapping issues, when this option is enabled the triangle toggle style in the top right position will be forced for square and circle desktop styles.

OnOff

Sliding Bar Open On Page LoadTurn on to have the sliding bar open when the page loads.

OnOff

Sliding Bar PositionControls the position of the sliding bar to be in the top, right, bottom or left of the site.

TopRightBottomLeft

Sliding Bar WidthControls the width of the sliding bar on left/right layouts. Enter value including any valid CSS unit, ex: 300px.

Sticky Sliding BarTurn on to enable a sticky sliding bar.

OnOff

Number of Sliding Bar ColumnsControls the number of columns in the sliding bar.

Sliding Bar Column AlignmentAllows your sliding bar columns to be stacked (one above the other) or floated (side by side) when using the left or right position.

StackedFloated

Sliding Bar Content PaddingControls the top/right/bottom/left paddings of the sliding bar area. Enter values including any valid CSS unit, ex: 60px, 60px, 30px, 30px.

Sliding Bar Content AlignmentControls sliding bar content alignment.

LeftCenterRight

Sliding Bar Styling


Sliding Bar Toggle StyleControls the appearance of the sliding bar toggle.	TriangleRectangleCircleMain Menu Icon
Sliding Bar Background ColorControls the background color of the sliding bar.
Sliding Bar Item Divider ColorControls the divider color in the sliding bar.
Sliding Bar Toggle/Close Icon ColorControls the color of the sliding bar toggle icon and of the close icon when using the main menu icon as toggle style.
Sliding Bar Heading Font SizeControls the font size for the sliding bar heading text. Enter value including CSS unit (px, em, rem), ex: 14px.
Sliding Bar Headings ColorControls the text color of the sliding bar heading font.
Sliding Bar Font ColorControls the text color of the sliding bar font.
Sliding Bar Link ColorControls the text color of the sliding bar link font.
Sliding Bar Link Hover ColorControls the text hover color of the sliding bar link font.
Border on Sliding BarTurn on to display a border line on the sliding bar which makes it stand out more.	OnOff

Footer

Footer Content

Footer WidgetsTurn on to display footer widgets.

OnOff

Number of Footer ColumnsControls the number of columns in the footer. This is a dependent option that always stays visible because other options can utilize it.

Center Footer Widgets ContentTurn on to center the footer widget content. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Footer Special EffectsSelect a special effect for the footer area.

None
Footer Parallax Effect
This enables a fixed footer with parallax scrolling effect.
Parallax Background Image
This enables a parallax effect on the background image selected in "Background Image For Footer Widget Area" field.
Sticky Footer
This enables a sticky footer. On short pages, the footer will always stick at the bottom, just "above the fold". On long enough pages, it will act just like a normal footer. IMPORTANT: This will not work properly when using a Left or Right Side Header layout and the side header is larger than the viewport.
Sticky Footer and Parallax Background Image
This enables a sticky footer together with a parallax effect on the background image. On short pages, the footer will always stick at the bottom, just "above the fold". On long enough pages, it will act just like a normal footer.

OnOff

Center Copyright ContentTurn on to center the copyright bar content. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Copyright TextEnter the text that displays in the copyright bar. HTML markup can be used. This is a dependent option that always stays visible because other options can utilize it.

<div id="srBottomCopyright" style="display:inline;"></div>

<script>
var div = document.getElementById("srBottomCopyright");
div.innerHTML = "Copyright " + new Date().getFullYear();
div.innerHTML += " Georgia Floors Direct";        
//div.appendChild(p);
</script>

Footer Background Image

Background Image For Footer Widget AreaSelect an image for the footer widget background. If left empty, the footer background color will be used. This is a dependent option that always stays visible because other options can utilize it.

Upload

100% Background ImageTurn on to have the footer background image display at 100% in width and height according to the window size. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Background RepeatControls how the background image repeats. This is a dependent option that always stays visible because other options can utilize it.

Background PositionControls how the background image is positioned. This is a dependent option that always stays visible because other options can utilize it.

Footer Styling

100% Footer WidthTurn on to have the footer area display at 100% width according to the window size. Turn off to follow site width. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Footer PaddingControls the top/right/bottom/left padding for the footer. Enter values including any valid CSS unit, ex: 60px, 64px, 0px, 0px. This is a dependent option that always stays visible because other options can utilize it.

Footer Background ColorControls the background color of the footer. This is a dependent option that always stays visible because other options can utilize it.

Footer Border SizeControls the size of the top footer border. In pixels. This is a dependent option that always stays visible because other options can utilize it.

Footer Border ColorControls the border colors of the footer. This is a dependent option that always stays visible because other options can utilize it.

Footer Widgets Area Vertical Divider LineTurn on to have the footer widget area display vertical divider line between columns. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Footer Widgets Area Vertical Divider Line SizeControls the size of the vertical divider line between footer widget area columns. In pixels. This is a dependent option that always stays visible because other options can utilize it.

Footer Widgets Area Vertical Divider Line StyleControls the style of the vertical divider line between footer widget area columns. This is a dependent option that always stays visible because other options can utilize it.

Footer Widget Divider ColorControls the divider color in the footer widgets and also the vertical divider lines between widget areas. This is a dependent option that always stays visible because other options can utilize it.

Footer Widgets Area PaddingControls the right/left padding for the footer widget areas. Enter value including any valid CSS unit, ex: 16px. This is a dependent option that always stays visible because other options can utilize it.

Copyright PaddingControls the top/bottom padding for the copyright area. Enter values including any valid CSS unit, ex: 20px, 20px. This is a dependent option that always stays visible because other options can utilize it.

Copyright Background ColorControls the background color of the footer copyright area. This is a dependent option that always stays visible because other options can utilize it.

Copyright Border SizeControls the size of the top copyright border. In pixels. This is a dependent option that always stays visible because other options can utilize it.

Copyright Border ColorControls the border colors for the footer copyright area. This is a dependent option that always stays visible because other options can utilize it.

Footer Typography


Footer Headings TypographyThese settings control the typography for the footer headings. This is a dependent option that always stays visible because other options can utilize it.	Font Family Backup Font Family Font Weight & Style Font Size Line Height Letter Spacing Font Color 1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z
Footer Font ColorControls the text color of the footer font. This is a dependent option that always stays visible because other options can utilize it.
Footer Link ColorControls the text color of the footer link font. This is a dependent option that always stays visible because other options can utilize it.
Footer Link Hover ColorControls the text hover color of the footer link font. This is a dependent option that always stays visible because other options can utilize it.
Copyright Text ColorControls the text color of the footer copyright area.
Copyright Link ColorControls the link color of the footer copyright area.
Copyright Link Hover ColorControls the link hover color of the footer copyright area.
Copyright Font SizeControls the font size for the copyright text. Enter value including CSS unit (px, em, rem), ex: 13px. This is a dependent option that always stays visible because other options can utilize it.

Sidebars

Sidebar Styling

Sidebar Responsive OrderChoose the order of sidebars and main content area on mobile layouts through drag & drop sorting.

Content
Sidebar 1
Sidebar 2

Sticky SidebarsSelect the sidebar(s) that should remain sticky when scrolling the page. If the sidebar content is taller than the screen, it acts like a normal sidebar until the bottom of the sidebar is within the viewport, which will then remain fixed in place as you scroll down.

NoneSidebar 1Sidebar 2Both

Sidebar PaddingControls the sidebar padding. Enter value including any valid CSS unit, ex: 0px.

Sidebar Background ColorControls the background color of the sidebar.

Sidebar Widget Heading Background ColorControls the background color of the widget title box. If left transparent the widget title will be unboxed.

Sidebar Widget Heading Font SizeControls the font size of the widget heading text. Enter value including CSS unit (px, em, rem), ex: 18px.

Sidebar Widget Headings ColorControls the color of the sidebar widget heading text.

Pages

Global Page Sidebar 1Select sidebar 1 that will display on all pages.

Global Page Sidebar 2Select sidebar 2 that will display on all pages. Sidebar 2 can only be used if sidebar 1 is selected.

Force Global Sidebars For PagesTurn on if you want to use the same sidebars on all pages. This option overrides the page options.

OnOff

Global Page Sidebar PositionControls the position of sidebar 1 for all pages. If sidebar 2 is selected, it will display on the opposite side.

LeftRight

Portfolio Posts

Global Portfolio Post Sidebar 1Select sidebar 1 that will display on all portfolio posts.

Global Portfolio Post Sidebar 2Select sidebar 2 that will display on all portfolio posts. Sidebar 2 can only be used if sidebar 1 is selected.

Force Global Sidebars For Portfolio PostsTurn on if you want to use the same sidebars on all portfolio posts. This option overrides the portfolio post options.

OnOff

Global Portfolio Sidebar PositionControls the position of sidebar 1 for all portfolio posts and archive pages. If sidebar 2 is selected, it will display on the opposite side.

LeftRight

Portfolio Archive

IMPORTANT NOTE: The sidebar position for portfolio archive pages is controlled by the option on the Portfolio Posts sidebar tab.

Portfolio Archive Sidebar 1Select sidebar 1 that will display on the portfolio archive pages.

Portfolio Archive Sidebar 2Select sidebar 2 that will display on the portfolio archive pages. Sidebar 2 can only be used if sidebar 1 is selected.

Blog Posts

Global Blog Post Sidebar 1Select sidebar 1 that will display on all blog posts.

Global Blog Post Sidebar 2Select sidebar 2 that will display on all blog posts. Sidebar 2 can only be used if sidebar 1 is selected.

Force Global Sidebars For Blog PostsTurn on if you want to use the same sidebars on all blog posts. This option overrides the blog post options.

OnOff

Global Blog Sidebar PositionControls the position of sidebar 1 for all blog posts and archive pages. If sidebar 2 is selected, it will display on the opposite side.

LeftRight

Blog Archive

IMPORTANT NOTE: The sidebar position for blog archive pages is controlled by the option on the Blog Posts sidebar tab.

Blog Archive Sidebar 1Select sidebar 1 that will display on the blog archive pages.

Blog Archive Sidebar 2Select sidebar 2 that will display on the blog archive pages. Sidebar 2 can only be used if sidebar 1 is selected.

Search Page

Search Page Sidebar 1Select sidebar 1 that will display on the search results page.

Search Page Sidebar 2Select sidebar 2 that will display on the search results page. Sidebar 2 can only be used if sidebar 1 is selected.

Search Sidebar PositionControls the position of sidebar 1 for the search results page. If sidebar 2 is selected, it will display on the opposite side.

LeftRight

WooCommerce Products

Global WooCommerce Product Sidebar 1Select sidebar 1 that will display on all WooCommerce products.

Global WooCommerce Product Sidebar 2Select sidebar 2 that will display on all WooCommerce products. Sidebar 2 can only be used if sidebar 1 is selected.

Force Global Sidebars For WooCommerce ProductsTurn on if you want to use the same sidebars on all WooCommerce products. This option overrides the WooCommerce post options.

OnOff

Global WooCommerce Sidebar PositionControls the position of sidebar 1 for all WooCommerce products and archive pages. If sidebar 2 is selected, it will display on the opposite side.

LeftRight

WooCommerce Archive

IMPORTANT NOTE: The sidebar position for WooCommerce archive pages is controlled by the option on the WooCommerce Products sidebar tab.

WooCommerce Archive Sidebar 1Select sidebar 1 that will display on the WooCommerce archive pages.

WooCommerce Archive Sidebar 2Select sidebar 2 that will display on the WooCommerce archive pages. Sidebar 2 can only be used if sidebar 1 is selected.

Background

Page Background

Background Image For PageSelect an image to use for a full page background.

Upload

100% Background ImageTurn on to have the page background image display at 100% in width and height according to the window size.

OnOff

Background RepeatControls how the background image repeats.

Background Color For PageControls the background color for the page. When the color value is set to anything below 100% opacity, the color will overlay the background image if one is uploaded.

Background PatternTurn on to display a pattern in the page background.

OnOff

Select a Background Pattern

Main Content Background

Main Content Background ColorControls the background color of the main content area.

Background Image For Main Content AreaSelect an image to use for the main content area background.

Upload

100% Background ImageTurn on to have the main content background image display at 100% in width and height according to the window size.

OnOff

Background RepeatControls how the background image repeats.

Typography

Body Typography

IMPORTANT NOTE: This tab contains general typography options. Additional typography options for specific areas can be found within other tabs. Example: For menu typography options go to the menu tab.

Body TypographyThese settings control the typography for all body text.

Font Family

Backup Font Family

Font Weight & Style

Font Size

Line Height

Letter Spacing

Font Color

1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

Link ColorControls the color of all text links.

Heading Typography

IMPORTANT NOTE: This tab contains heading typography options. Additional typography options for specific areas can be found within other tabs. Example: For menu typography options go to the menu tab.

H1 Headings TypographyThese settings control the typography for all H1 headings.

Font Family

Backup Font Family

Font Weight & Style

Font Size

Line Height

Letter Spacing

Margin Top

Margin Bottom

Font Color

1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

H2 Headings TypographyThese settings control the typography for all H2 headings.

Font Family

Backup Font Family

Font Weight & Style

Font Size

Line Height

Letter Spacing

Margin Top

Margin Bottom

Font Color

1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

H3 Headings TypographyThese settings control the typography for all H3 headings.

Font Family

Backup Font Family

Font Weight & Style

Font Size

Line Height

Letter Spacing

Margin Top

Margin Bottom

Font Color

1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

H4 Headings TypographyThese settings control the typography for all H4 headings.

Font Family

Backup Font Family

Font Weight & Style

Font Size

Line Height

Letter Spacing

Margin Top

Margin Bottom

Font Color

1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

H5 Headings TypographyThese settings control the typography for all H5 headings.

Font Family

Backup Font Family

Font Weight & Style

Font Size

Line Height

Letter Spacing

Margin Top

Margin Bottom

Font Color

1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

H6 Headings TypographyThese settings control the typography for all H6 headings.

Font Family

Backup Font Family

Font Weight & Style

Font Size

Line Height

Letter Spacing

Margin Top

Margin Bottom

Font Color

1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

Post Title TypographyThese settings control the typography of all post titles including archive and single posts.
IMPORTANT: On archive pages and in blog elements the linked post titles will use link color.

Font Family

Backup Font Family

Font Weight & Style

Font Size

Line Height

Letter Spacing

Font Color

1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

Post Title Extras TypographyThese settings control the typography of single post title extras such as "Comments", "Related Posts or Projects" and "Author Titles"

Font Family

Backup Font Family

Font Weight & Style

Font Size

Line Height

Letter Spacing

Font Color

1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

Custom Fonts

IMPORTANT NOTE: Please upload your custom fonts below. Once you upload a custom font, you will have to save your options and reload this page on your browser. After you reload the page you will be able to select your new fonts - they will be available at the top of the fonts-list in the typography controls.

Custom FontsUpload a custom font to use throughout the site. All files are not necessary but are recommended for full browser support. You can upload as many custom fonts as you need. Click the "Add" button for additional upload boxes.

Font Name

WOFF2

Upload

WOFF

Upload

TTF

Upload

EOT

Upload

SVG

Upload

Delete

Add

Blog

General Blog

IMPORTANT NOTE: The options on this tab only control the assigned blog page in "Settings > Reading", blog archives or the blog single post page, not the blog element. The only options on this tab that work with the blog element are the Date Format options and Load More Post Button Color.

Blog Page Title BarControls how the page title bar displays on single blog posts and blog archive pages.

Blog Assigned Page Title BarControls how the page title bar displays on the assigned blog page in "Settings > Reading".

Blog Page TitleControls the title text that displays in the page title bar only if your front page displays your latest post in "Settings > Reading".

Blog Page SubtitleControls the subtitle text that displays in the page title bar only if your front page displays your latest post in "Settings > Reading".

Blog LayoutControls the layout for the assigned blog page in "Settings > Reading".

Blog Archive LayoutControls the layout for the blog archive pages.

Pagination TypeControls the pagination type for the assigned blog page in "Settings > Reading" or blog archive pages.

PaginationInfinite ScrollLoad More Button

Load More Posts Button Background ColorControls the background color of the load more button for ajax post loading for blog archives.

Load More Posts Button Text ColorControls the text color of the load more button for ajax post loading for blog archives.

Load More Posts Button Hover Background ColorControls the hover background color of the load more button for ajax post loading for blog archives.

Load More Posts Hover Button Text ColorControls the hover text color of the load more button for ajax post loading for blog archives.

Number of ColumnsControls the number of columns for grid and masonry layout when using it for the assigned blog page in "Settings > Reading" or blog archive pages. IMPORTANT: Masonry layout does not work with 1 column.

Column SpacingControls the column spacing for blog posts for grid and masonry layout when using it for the assigned blog page in "Settings > Reading" or blog archive pages. In pixels.

Equal HeightsTurn on to display grid boxes to equal heights per row.

OnOff

Blog Archive Grid Text PaddingControls the top/right/bottom/left padding of the blog text when using grid / masonry or timeline layout. Enter values including any valid CSS unit, ex: 30px, 20px, 25px, 25px.

Blog Archive Grid Content AlignmentControls the content alignment of the blog text when using grid / masonry or timeline layout.

Text FlowLeftCenterRight

Blog Content DisplayControls if the blog content displays an excerpt or full content or is completely disabled for the assigned blog page in "Settings > Reading" or blog archive pages.

ExcerptFull ContentNo Text

Excerpt LengthControls post excerts length for the assigned blog page in "Settings > Reading" or blog archive pages. Limit is applied to number of letter or words depending on Basis for Excerpt Length option.

Strip HTML from ExcerptTurn on to strip HTML content from the excerpt for the assigned blog page in "Settings > Reading" or blog archive pages.

OnOff

Featured Image / Video on Blog Archive PageTurn on to display featured images and videos on the blog archive pages.

OnOff

Blog Alternate Layout Date Box ColorControls the color of the date box in blog alternate and recent posts layouts.

Blog Alternate Layout Month and Year FormatControls the month and year format for blog alternate layouts. Formatting Date and Time

Blog Alternate Layout Day FormatControls the day format for blog alternate layouts. Formatting Date and Time

Blog Timeline Layout Date FormatControls the timeline label format for blog timeline layouts. Formatting Date

Blog Single Post

100% Width PageTurn on to display blog posts at 100% browser width according to the window size. Turn off to follow site width.

OnOff

Featured Image / Video on Single Blog PostTurn on to display featured images and videos on single blog posts.

OnOff

Previous/Next PaginationTurn on to display the previous/next post pagination for single blog posts.

OnOff

Post TitleControls if the post title displays above or below the featured post image or is disabled.

Below AboveDisabled

Meta Data PositionChoose where the meta data is positioned.

Below ArticleBelow Title

Social Sharing BoxTurn on to display the social sharing box.

OnOff

Author Info BoxTurn on to display the author info box below posts.

OnOff

Related PostsTurn on to display related posts.

OnOff

CommentsTurn on to display comments.

OnOff

Blog Meta

IMPORTANT NOTE: The on/off meta options on this tab only control the assigned blog page in "Settings > Reading" or the blog archives, not the blog element. The only options on this tab that work with the blog element are the Meta Data Font Size and Date Format options.

Post MetaTurn on to display post meta on blog posts. If set to "On", you can also control individual meta items below. If set to "Off" all meta items will be disabled.

OnOff

Post Meta AuthorTurn on to display the post meta author name.

OnOff

Post Meta DateTurn on to display the post meta date.

OnOff

Post Meta CategoriesTurn on to display the post meta categories.

OnOff

Post Meta CommentsTurn on to display the post meta comments.

OnOff

Post Meta Read More LinkTurn on to display the post meta read more link.

OnOff

Post Meta TagsTurn on to display the post meta tags.

OnOff

Meta Data Font SizeControls the font size for meta data text. Enter value including CSS unit (px, em, rem), ex: 13px.

Date FormatControls the date format for date meta data. Formatting Date and Time. Leave empty to use the default value from your WordPress Settings

Portfolio

General Portfolio

Portfolio Archive LayoutControls the layout for the portfolio archive pages.

GridMasonry

Portfolio Archive Featured Image SizeControls if the featured image size is fixed (cropped) or auto (full image ratio) for portfolio archive pages. IMPORTANT: Fixed works best with a standard 940px site width. Auto works best with larger site widths.

FixedAuto

Portfolio Archive Number of ColumnsSet the number of columns per row for portfolio archive pages. With Carousel layout this specifies the maximum amount of columns. IMPORTANT: Masonry layout does not work with 1 column.

Portfolio Archive Column SpacingControls the column spacing for portfolio items for archive pages. In pixels.

Equal HeightsTurn on to display grid boxes with equal heights per row.

OnOff

Portfolio Archive Content PositionSelect if title, terms and excerpts should be displayed below or next to the featured images.

Below imageNext to Image

Number of Portfolio Items Per Archive PageControls the number of posts that display per page for portfolio archive pages. Set to -1 to display all. Set to 0 to use the number of posts from Settings > Reading.

Portfolio Archive Text LayoutControls if the portfolio text content is displayed boxed or unboxed or is completely disabled for portfolio archive pages.

No TextBoxedUnboxed

Portfolio Archive Text DisplayChoose how to display the post excerpt for portfolio archive pages.

No TextExcerptFull Content

Portfolio Archive Excerpt LengthControls the number of words in the excerpts for portfolio archive pages. This is a dependent option that always stays visible because other options can utilize it.

Strip HTML from ExcerptTurn on to strip HTML content from the excerpt for portfolio archive pages.

OnOff

Portfolio Archive Title DisplayControls what displays with the portfolio post title for portfolio archive pages.

Portfolio Archive Text AlignmentControls the alignment of the portfolio title, categories and excerpt text when using the Portfolio Text layouts in portfolio archive pages.

LeftCenterRight

Portfolio Archive Text Layout PaddingControls the padding for the portfolio text layout when using boxed mode in portfolio archive pages. Enter values including any valid CSS unit, ex: 25px, 25px, 25px, 25px. This is a dependent option that always stays visible because other options can utilize it.

Portfolio Archive Pagination TypeControls the pagination type for portfolio archive pages.

PaginationInfinite ScrollLoad More Button

Load More Posts Button Background ColorControls the background color of the load more button for ajax post loading for portfolio archives.

Load More Posts Button Text ColorControls the text color of the load more button for ajax post loading for portfolio archives.

Load More Posts Button Hover Background ColorControls the hover background color of the load more button for ajax post loading for portfolio archives.

Load More Posts Hover Button Text ColorControls the hover text color of the load more button for ajax post loading for portfolio archives.

Portfolio SlugThe slug name cannot be the same name as a page name or the layout will break. This option changes the permalink when you use the permalink type as %postname%. Make sure to regenerate permalinks.

Meta Data Font SizeControls the font size for meta data text. Enter value including any valid CSS unit, ex: 13px.

Portfolio Single Post

Previous/Next PaginationTurn on to display the previous/next post pagination for single portfolio posts.

OnOff

100% Width PageTurn on to display portfolio posts at 100% browser width according to the window size. Turn off to follow site width.

OnOff

Featured Image Column SizeControls if the featured image is half or full width on single portfolio posts.

Full WidthHalf Width

Featured Image / Video on Single Post PageTurn on to display featured images and videos on single portfolio posts.

OnOff

First Featured ImageTurn on to display the 1st featured image on single portfolio posts.

OnOff

Project Description TitleTurn on to show the project description title on single portfolio posts.

OnOff

Project DetailsTurn on to show the project details title and content on single portfolio posts.

OnOff

Open Portfolio Links In New WindowTurn on to open the single post page, project url and copyright url links in a new window.

OnOff

AuthorTurn on to display the author name on single portfolio posts.

OnOff

Social Sharing BoxTurn on to display the social sharing box on single portfolio posts.

OnOff

Related ProjectsTurn on to display related projects on single portfolio posts.

OnOff

CommentsTurn on to display comments on single portfolio posts.

OnOff

Social Media

Social Media Icons

IMPORTANT NOTE: This tab controls the social networks that display in the header and footer and which can also be used in the social links widget. Add the network of your choice along with your unique URL. Each network you wish to display must be added here to show up in the header and footer. These settings do not control the avada social widget, social link element or person element.

Social Media Icons / LinksSocial media links use a repeater field and allow one network per field. Click the "Add" button to add additional fields.

Facebook

Social Network

Custom Link

Custom Icon Title

Choose the image you want to use as icon

Upload

Delete

Add

Header Social Icons Styling

Header Social Icon Font SizeControls the font size of the header social icons. Enter value including CSS unit (px, em, rem), ex: 16px.

Header Social Icon Tooltip PositionControls the tooltip position of the header social icons.

Header Social Icon Color TypeCustom colors allow you to choose a color for icons and boxes. Brand colors will use the exact brand color of each network for the icons or boxes.

Custom ColorsBrand Colors

Header Social Icon ColorControls the color of the header social icons. This color will be used for all social icons in the header.

Header Social Icons BoxedControls if each icon is displayed in a small box.

OnOff

Header Social Icon Box ColorControls the color of the social icon box.

Header Social Icon Boxed RadiusControls the box radius. Enter value including any valid CSS unit, ex: 4px.

Header Social Icon Boxed PaddingControls the interior padding of the box. Enter value including any valid CSS unit, ex: 8px.

Footer Social Icons Styling

Display Social Icons In The FooterTurn on to display social icons in the footer copyright bar.

OnOff

Footer Social Icon Font SizeControls the font size of the footer social icons. Enter value including CSS unit (px, em, rem), ex: 16px.

Footer Social Icon Tooltip PositionControls the tooltip position of the footer social icons.

Footer Social Icon Color TypeCustom colors allow you to choose a color for icons and boxes. Brand colors will use the exact brand color of each network for the icons or boxes.

Custom ColorsBrand Colors

Footer Social Icon ColorControls the color of the footer social icons. This color will be used for all social icons in the footer.

Footer Social Icons BoxedControls if each icon is displayed in a small box.

OnOff

Footer Social Icon Box ColorControls the color of the social icon box.

Footer Social Icon Boxed RadiusControls the box radius. Enter value including any valid CSS unit, ex: 4px.

Footer Social Icon Boxed PaddingControls the interior padding of the box. Enter value including any valid CSS unit, ex: 8px.

Social Sharing

Social Sharing TaglineInsert a tagline for the social sharing boxes.

Social Sharing Tagline Text ColorControls the color of the tagline text in the social sharing boxes.

Social Sharing Background ColorControls the background color of the social sharing boxes.

Social Sharing Icons


Social SharingSelect social network you want to be displayed in the social share box.
Social Sharing Icon Font SizeControls the font size of the social icons in the social sharing boxes. Enter value including CSS unit (px, em, rem), ex: 16px.
Social Sharing Icons Tooltip PositionControls the tooltip position of the social icons in the social sharing boxes.	TopRightBottomLeftNone
Social Sharing Icon Color TypeCustom colors allow you to choose a color for icons and boxes. Brand colors will use the exact brand color of each network for the icons or boxes.	Custom ColorsBrand Colors
Social Sharing Icon ColorControls the color of the social icons in the social sharing boxes. This color will be used for all social icons.
Social Sharing Icons BoxedControls if each social icon is displayed in a small box.	OnOff
Social Sharing Icon Box ColorControls the color of the social icon box.
Social Sharing Icon Boxed RadiusControls the box radius of the social icon box. Enter value including any valid CSS unit, ex: 4px.
Social Sharing Icons Boxed PaddingControls the interior padding of the social icon box. Enter value including any valid CSS unit, ex: 8px.

Slideshows

Posts Slideshow ImagesControls the number of featured image boxes for blog/portfolio posts.

AutoplayTurn on to autoplay the slideshows.

OnOff

Smooth HeightTurn on to enable smooth height on slideshows when using images with different heights. Please note, smooth height is disabled on blog grid layout.

OnOff

Slideshow SpeedControls the speed of slideshows for the slider element and sliders within posts. ex: 1000 = 1 second.

Pagination Circles Below Video SlidesTurn on to show pagination circles below a video slide for the slider element. Turn off to hide them on video slides.

OnOff

Navigation Box DimensionsControls the width and height of the navigation box. Enter values including any valid CSS unit, ex: 30px, 30px.

Navigation Arrow SizeControls the font size of the navigation arrow. Enter value including CSS unit (px, em, rem), ex: 14px.

Elastic Slider

IMPORTANT NOTE: Elastic Slider is disabled in Advanced > Theme Features section. Please enable it to see the options.

Elastic Slider DimensionsControls the width and height for the elastic slider. Enter values including any valid CSS unit, ex: 100%, 400px.

Animation TypeControls if the elastic slides animate from the sides or center.

SidesCenter

AutoplayTurn on to autoplay the elastic slides.

OnOff

Slideshow IntervalControls how long each elastic slide is visible. ex: 1000 = 1 second.

Sliding SpeedControls the speed of the elastic slider slideshow. ex: 1000 = 1 second.

Thumbnail WidthControls the width of the elastic slider thumbnail images. In pixels.

Title Font SizeControls the font size for elastic slider title. Enter value including CSS unit (px, em, rem), ex: 42px.

Caption Font SizeControls the font size for elastic slider caption. Enter value including CSS unit (px, em, rem), ex: 20px.

Title ColorControls the color of the elastic slider title.

Caption ColorControls the color of the elastic slider caption.

Lightbox

LightboxTurn on to enable the lightbox throughout the theme.

OnOff

Lightbox For Featured Images On Single Post PagesTurn on to enable the lightbox on single blog and portfolio posts for the main featured images.

OnOff

Lightbox BehaviorControls what the lightbox displays for single blog and portfolio posts.

Lightbox SkinControls the lightbox skin design.

Thumbnails PositionControls the position of the lightbox thumbnails.

RightBottom

Animation SpeedControls the animation speed of the lightbox.

FastNormalSlow

ArrowsTurn on to display arrows in the lightbox

OnOff

Gallery Start/Stop ButtonTurn on to display the gallery start and stop button.

OnOff

Autoplay the Lightbox GalleryTurn on to autoplay the lightbox gallery.

OnOff

Slideshow SpeedControls the slideshow speed if autoplay is turned on. ex: 1000 = 1 second.

Background OpacityControls the opacity level for the background behind the lightbox.

TitleTurn on to display the image title in the lightbox.

OnOff

CaptionTurn on to display the image caption in the lightbox.

OnOff

Social SharingTurn on to display social sharing buttons on lightbox.

OnOff

DeeplinkingTurn on to deeplink images in the lightbox.

OnOff

Show Post Images in LightboxTurn on to display post images in the lightbox that are inside the post content area.

OnOff

Slideshow Video DimensionsControls the width and height for videos inside the lightbox. In pixels, ex: 1280px, 720px.

Forms

Forms Styling

IMPORTANT NOTE: The options on this tab apply to all forms throughout the site, including Avada Forms and the 3rd party plugins that Avada has design integration with.

Form Input and Select HeightControls the height of all search, form input and select fields. Enter value including CSS unit (px, em, rem), ex: 50px.

Form Font SizeControls the size of the form text. Enter value including any valid CSS unit, ex: 16px.

Form Field Background ColorControls the background color of form fields.

Form Text ColorControls the color of the form text.

Form Border SizeControls the border size of the form fields. Enter values including any valid CSS unit, ex: 1px, 1px, 1px, 1px.

Form Border ColorControls the border color of the form fields. This is a dependent option that always stays visible because other options can utilize it.

Form Border Color On FocusControls the border color of the form fields when they have focus. This is a dependent option that always stays visible because other options can utilize it.

Form Border RadiusControls the border radius of the form fields. Also works, if border size is set to 0. In pixels.

Google reCAPTCHA

reCAPTCHA VersionSet the reCAPTCHA version you want to use and make sure your keys below match the set version.

V2V3

reCAPTCHA Site KeyFollow the steps in our docs to get the site key.

reCAPTCHA Secret KeyFollow the steps in our docs to get the secret key.

reCAPTCHA Color SchemeControls the reCAPTCHA color scheme.

LightDark

reCAPTCHA Security ScoreSet a threshold score that must be met by the reCAPTCHA response. The higher the score the harder it becomes for bots, but also false positives increase. In pixels.

reCAPTCHA Badge PositionSet where and if the reCAPTCHA badge should be displayed. NOTE: Google's Terms and Privacy information needs to be displayed on the contact form.

InlineBottom LeftBottom RightHide

HubSpot

HubSpot APISelect a method to connect to your HubSpot account.

OAuthAPI KeyOff

HubSpot API KeyFollow the steps in HubSpot docs to access your API key.

Currently not connected.
HubSpot integration with Avada Forms documentation.Connect with HubSpot

Contact Template

IMPORTANT NOTE: The options on this tab are only for the contact form that displays on the "Contact" page template.

Email AddressEnter the email address the form should be sent to. This only works for the form on the contact page template.

Contact Form Comment Area PositionControls the position of the comment field with respect to the other fields.

AboveBelow

Display Data Privacy Confirmation BoxTurn on to display a checkbox and custom label that has to be checked in order to confirm data privacy terms and that the form can be sent.

OnOff

Data Privacy Checkbox LabelEnter the contents that should be displayed as label for the data privacy checkbox. Can contain HTML.

Google Map

IMPORTANT NOTE: Google Maps Script is disabled in Advanced > Theme Features section. Please enable it to see the options.

IMPORTANT NOTE: The options on this tab are for the google map that displays on the "Contact" page template. The only option that controls the Avada Builder google map element is the Google Maps API Key.

Google Maps API KeyFollow the steps in the Google docs to get the API key. This key applies to both the contact page map and Avada Builder google map element.

Google API TypeSelect the Google API type that should be used to load your map. The JavaScript API allows for more options and custom styling, but could be charged for by Google depending on map loads, while the embed API can be used for free regardless of map loads. For more information please see the Google Maps Users Guide.

JS APIEmbed API

AddressAdd the address of the location you wish to display. Leave empty, if you don't want to display a map on the contact page. Address example: 775 New York Ave, Brooklyn, Kings, New York 11203. If the location is off, please try to use long/lat coordinates. ex: 12.381068,-1.492711.

Map TypeSelect the type of google map to display.

RoadmapSatellite

Google Map AddressAdd the address to the location you wish to display. Leave empty, if you don't want to display a map on the contact page. Single address example: 775 New York Ave, Brooklyn, Kings, New York 11203. If the location is off, please try to use long/lat coordinates with latlng=. ex: latlng=12.381068,-1.492711. For multiple addresses, separate addresses by using the | symbol. ex: Address 1|Address 2|Address 3.

Google Map TypeControls the type of google map that displays.

Google Map DimensionsControls the width and height of the google map. NOTE: height does not accept percentage value. Enter values including any valid CSS unit, ex: 100%, 415px.

Google Map Top MarginThis is only applied to google maps that are not 100% width. It controls the distance to menu/page title. Enter value including any valid CSS unit, ex: 55px.

Map Zoom LevelChoose the zoom level for the map. 0 corresponds to a map of the earth fully zoomed out, and larger zoom levels zoom in at a higher resolution.

Address PinTurn on to display the google map address pin.

OnOff

Address Pin AnimationTurn on to enable address pin animation when the map first loads.

OnOff

Map Popup On ClickTurn on to require a click to display the popup graphic with address info for the pin on the map.

OnOff

Map Zoom With ScrollwheelTurn on to enable zooming using the mouse scroll wheel. Use Cmd/Ctrl key + scroll to zoom. If set to no, zooming through two-finger movements (cooperative gesture handling) will be enabled.

OnOff

Map ScaleTurn on to display the google map scale.

OnOff

Map Zoom & Pan Control IconsTurn on to display the google map zoom control and pan control icons.

OnOff

Google Map Styling

IMPORTANT NOTE: Google Maps Script is disabled in Advanced > Theme Features section. Please enable it to see the options.

IMPORTANT NOTE: The options on this tab are only for the google map that displays on the "Contact" page template, they do not control the google map element. These options are only available for the JS API type.

Select the Map StylingControls the google map styles. Default is google style, Theme is our style, or choose Custom to select your own style options below.

Map Overlay ColorCustom styling setting only. Pick any overlaying color for the map besides pure black or white. Works best with "roadmap" type.

Info Box StylingCustom styling setting only. Controls the styling of the info box.

Info Box ContentCustom styling setting only. Type in custom info box content to replace the default address string. For multiple addresses, separate info box contents by using the | symbol. ex: InfoBox 1|InfoBox 2|InfoBox 3

Info Box Background ColorCustom styling setting only. Controls the info box background color.

Info Box Text ColorCustom styling setting only. Controls the info box text color.

Custom Marker IconCustom styling setting only. Use full image urls for custom marker icons or input "theme" for our custom marker. For multiple addresses, separate icons by using the | symbol or use one for all. ex: Icon 1|Icon 2|Icon 3

Search

Search Form

Limit Search Results Post TypesTurn on to limit the search results to specific post types you can choose.

OnOff

Search Results ContentControls the type of content that displays in search results.

Limit Search to Post TitlesTurn on to limit the search to post titles only.

OnOff

Search Form DesignControls the design of the search forms.

ClassicClean

Enable Live SearchTurn on to enable live search results on menu search field and other fitting search forms.

OnOff

Live Search Minimal Character CountSet the minimal character count to trigger the live search. This is a dependent option that always stays visible because other options can utilize it.

Live Search Number of PostsControls the number of posts that should be displayed as search result suggestions. This is a dependent option that always stays visible because other options can utilize it.

Live Search Results Container HeightControls the height of the container in which the search results will be listed. In pixels. This is a dependent option that always stays visible because other options can utilize it.

Live Search Display Featured ImageTurn on to display the featured image of each live search result. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Live Search Display Post TypeTurn on to display the post type of each live search result. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Search Page

Search Results LayoutControls the layout for the search results page.

Number of Search Results Per PageControls the number of search results per page.

Search Pagination TypeControls the pagination type for the search results page.

PaginationInfinite ScrollLoad More Button

Number of ColumnsControls the number of columns for grid layouts.

Column SpacingControls the column spacing for search results. In pixels.

Search Content DisplayControls if the search results content displays as an excerpt or full content or is completely disabled.

ExcerptFull ContentNo Text

Search Excerpt LengthControls the number of words (or characters) in the search results excerpts.

Search Strip HTML from ExcerptTurn on to strip HTML content from the excerpt for the search results page.

OnOff

Featured Images for Search ResultsTurn on to display featured images for search results.

OnOff

Search Results MetaSelect the post meta data you want to be displayed in the individual search results.

Search Field PositionControls the position of the search bar on the search results page.

Above ResultsBelow ResultsHide

Privacy

IMPORTANT NOTE: The options in this section will help to easier comply with data privacy regulations, like the European GDPR. When the "Privacy Consent" option is used, Avada will create a cookie with the name "privacy_embeds" on user clients browsing your site to manage and store user consent to load the different third party embeds and tracking scripts. You may want to add information about this cookie to your privacy page.

Google & Font Awesome Fonts ModeWhen set to "Local", the Google and Font Awesome fonts set in Global Options will be downloaded to your server. Set to "CDN" to use the Google and FontAwesome CDNs.

LocalCDN

Privacy ConsentTurn on to prevent embeds and scripts from loading until user consent is given.

OnOff

Privacy Consent Cookie ExpirationControls how long the consent cookie should be stored for. In days.

Privacy Consent TypesSelect the types of embeds which you would like to require consent.

Privacy Selected Consent TypesSelect the types of embeds which you would like to have checked by default. This applies to both the privacy bar and the privacy element.

Privacy Placeholder Background ColorControls the background color for the privacy placeholders.

Privacy Placeholder Text ColorControls the text color for the embed placeholders.

Privacy BarTurn on to enable a privacy bar at the bottom of the page.

OnOff

Privacy Bar PaddingControls the top/right/bottom/left paddings of the privacy bar area. Enter values including any valid CSS unit, ex: 15px, 15px, 30px, 30px.

Privacy Bar Background ColorControls the background color for the privacy bar.

Privacy Bar Font SizeControls the font size for the privacy bar content. Enter value including any valid CSS unit, ex: 13px.

Privacy Bar Text ColorControls the text color for the privacy bar content.

Privacy Bar Link ColorControls the link color for the privacy bar.

Privacy Bar Link Hover ColorControls the link hover color for the privacy bar.

Privacy Bar TextEnter the text which you want to appear on the privacy bar.

Privacy Bar Button TextControls the button text for the privacy bar acceptance.

Privacy Bar Button Save On ClickIf enabled, when the button is clicked it will save the default consent selection. If disabled the button will only save the preferences after a checkbox has been changed (bar will be hidden however).

OnOff

Privacy Bar SettingsIf enabled, a settings section will be added to show more information and to provide checkboxes for tracking and third party embeds.

OnOff

Privacy Bar Settings TextControls the link text for the privacy bar settings.

Privacy Bar Update Button TextControls the button text for the privacy bar after a checkbox has changed.

Privacy Bar Heading Font SizeControls the font size for the privacy bar heading text. Enter value including any valid CSS unit, ex: 13px.

Privacy Bar Headings ColorControls the text color of the privacy bar heading font.

Privacy Bar ContentThe privacy bar content uses a repeater field to select the content for each column. Click the "Add" button to add additional columns.

Title for the content

Description for the content

Delete

Add

Extras

Miscellaneous

Side Navigation BehaviorControls if the child pages show on click or hover for the side navigation page template.

HoverClick

Image PlaceholdersTurn on to display a placeholder image for posts that do not have a featured image. This allows the post to display on portfolio archives and related posts/projects carousels.

OnOff

Basis for Excerpt LengthControls if the excerpt length is based on words or characters.

WordsCharacters

Display Excerpt Read More SymbolTurn on to display the read more symbol on excerpts throughout the site.

OnOff

Excerpt Read More SymbolSet the excerpt read more symbol, HTML code is allowed. If left empty it will be set to [...].

Make Excerpt Symbol Link to Single Post PageTurn on to have the read more symbol on excerpts link to the single post page.

OnOff

Avatar ShapeSet the shape for Avatars used in comments, author info and other areas.

SquareCircle

Comments on PagesTurn on to allow comments on regular pages.

OnOff

Featured Images on PagesTurn on to display featured images on regular pages.

OnOff

Add "nofollow" to social linksTurn on to add "nofollow" attribute to all social links.

OnOff

Open Social Icons in a New WindowTurn on to allow social icons to open in a new window.

OnOff

ToTop Button PositionControls the position of the ToTop button. On mobiles also non-floating layouts will be floating.

LeftLeft FloatingRightRight Floating

ToTop Border RadiusControls the border radius of the ToTop button. For non-floating layouts the border radius will only apply to the upper corners. In pixels.

ToTop Show on Scroll Down OnlyTurn on to show the ToTop button on scroll down only. Otherwise it will always show if the page is scrolled.

OnOff

FAQ SlugThe slug name cannot be the same name as a page name or the layout will break. This option changes the permalink when you use the permalink type as %postname%. Make sure to regenerate permalinks.

Featured Image Rollover

Image RolloverTurn on to display the rollover graphic on blog and portfolio featured images.

OnOff

Image Rollover DirectionControls the direction the rollover starts from. This is a dependent option that always stays visible because other options can utilize it.

Image Rollover Icon Font SizeControls the size of the rollover icons. Enter value including CSS unit (px, em, rem), ex: 15px.

Image Rollover IconsChoose which icons display.

Link + ZoomLinkZoomNo Icons

Image Rollover TitleTurn on to display the post title in the image rollover. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Image Rollover CategoriesTurn on to display the post categories in the image rollover. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Image Rollover Icon CircleTurn on to display the icon background circle in the image rollover. This is a dependent option that always stays visible because other options can utilize it.

OnOff

Image Rollover Gradient Top ColorControls the top color of the image rollover background. This is a dependent option that always stays visible because other options can utilize it.

Image Rollover Gradient Bottom ColorControls the bottom color of the image rollover background. This is a dependent option that always stays visible because other options can utilize it.

Image Rollover Element ColorControls the color of image rollover text and icon circular backgrounds. This is a dependent option that always stays visible because other options can utilize it.

Image Rollover Icon ColorControls the color of the icons in the image rollover. This is a dependent option that always stays visible because other options can utilize it.

Pagination

IMPORTANT NOTE: The options on this tab apply to all pagination throughout the site, including the 3rd party plugins that Avada has design integration with.

Pagination SizingSet on which dimension the pagination box size should be based.

Width/Height BasedPadding Based

Pagination Box Width/HeightControls the width and height of the displayed page links. In pixels.

Pagination Box PaddingControls the padding inside the pagination boxes. Enter values including any valid CSS unit, ex: 6px, 2px.

Pagination Border WidthControls the border width of the displayed page links. In pixels.

Pagination Border RadiusControls the border radius of the displayed page links. Values of half the overall width or higher will yield circular links. In pixels.

Pagination Text DisplayTurn on to display the "Previous/Next" text.

OnOff

Pagination Font SizeControls the size of the pagination text. Enter value including CSS unit (px, em, rem), ex: 13px.

Pagination RangeControls the number of page links displayed left and right of current page.

Pagination Start / End RangeControls the number of page links displayed at the start and at the end of pagination.

Grid / Masonry

IMPORTANT NOTE: These are Grid Box Styling global options that apply to grid boxes throughout the site; blog grid and timeline, portfolio boxed layout and WooCommerce boxes. Blog / Portfolio elements also have options to override these.

Grid Box ColorControls the background color for the grid boxes.

Grid Element ColorControls the color of borders/date box/timeline dots and arrows for the grid boxes.

Grid Separator StyleControls the line style of grid separators. Note: For blog and portfolio grids at least one meta data field must be enabled and excerpt or full content must be shown in order that the separator will be displayed.

Grid Separator ColorControls the line style color of grid separators.

Masonry Options


	IMPORTANT NOTE: These are Masonry global options that apply to the Blog / Portfolio / Gallery elements in addition to Blog and Portfolio archives. Blog / Portfolio / Gallery elements also have options to override these.
Masonry Image Aspect RatioSet the ratio to decide when an image should become landscape (ratio being width : height) and portrait (ratio being height : width). IMPORTANT: The value of "1.0" represents a special case, which will use the auto calculated ratios like in versions prior to Avada 5.5.
Masonry 2x2 WidthThis option decides when a square 1x1 image should become 2x2. This will not apply to images that highly favor landscape or portrait layouts. IMPORTANT: There is a “Masonry Image Layout” setting for every image in the WP media library that allows you to manually set how an image will appear (1x1, landscape, portrait or 2x2), regardless of the original ratio. In pixels.

Advanced

Theme Features

Enable Language UpdatesIf your site is using a language other than English, enabling this option will allow you to get updated language files for your locale as soon as they are available.

OnOff

Avada's Option Network DependenciesAvada's Option Network consists of Fusion Global Options, Page Options, Builder options and each of them have dependent options ON by default. This means the only options you see are the only ones currently available for your selection. However, if you wish to disable this feature, simply turn this option off, and all dependencies will be disabled (requires save & refresh).

OnOff

Smooth ScrollingTurn on to enable smooth scrolling. This will replace default browser scrollbar with a dark scrollbar.

OnOff

Code Block EncodingTurn on to enable encoding in the Avada Builder code block and syntax highlighting elements.

OnOff

Mega MenuTurn on to enable Avada's mega menu.

OnOff

Avada Styles For Slider RevolutionTurn on to enable the Avada styles and use the default Slider Revolution styles.

OnOff

Avada Dropdown StylesTurn on to enable the Avada styles for dropdown/select fields site wide. This should be done if you experience any issues with 3rd party plugin dropdowns.

OnOff

CSS Image Hover Animations on MobilesTurn on to enable CSS image hover animations on mobiles.

OnOff

Youtube API ScriptsTurn on to enable Youtube API scripts.

OnOff

Vimeo API ScriptsTurn on to enable Vimeo API scripts.

OnOff

Google Map ScriptsTurn on to enable google map.

OnOff

ToTop ScriptTurn on to enable the ToTop script which adds the scrolling to top functionality.

Desktop & MobileDesktopMobileOff

Elastic SliderTurn on to enable the elastic slider.

OnOff

Font AwesomeChoose which Font Awesome icon subsets you want to load. Note that Light subset can only be used if Font Awesome Pro is enabled.

Font Awesome v4 CompatibilityTurn on to enable support for Font Awesome 4 icon code format.

OnOff

Font Awesome ProFont Awesome Pro license is required and you need to whitelist your domain.

OnOff

CSS OutlinesTurn on to enable browser specific CSS element outlines used to improve accessibility.

OnOff

Open Graph Meta TagsTurn on to enable open graph meta tags which are mainly used when sharing pages on social networking sites like Facebook. IMPORTANT: Some optimization plugins, like e.g. Yoast SEO, add their own implementation of this, and if you want to use that, this option should be disabled.

OnOff

Rich SnippetsTurn on to enable rich snippets data site wide. If set to "On", you can also control individual items below. If set to "Off" all items will be disabled.

OnOff

Rich Snippets TitleTurn on to enable title rich snippet data site wide.

OnOff

Rich Snippets Author InfoTurn on to enable author rich snippet data site wide.

OnOff

Rich Snippets Last Update DateTurn on to enable udate date rich snippet data site wide.

OnOff

Rich Snippets FAQTurn on to enable the FAQ rich snippet data site wide.

OnOff

Enable WP Block Editor Backend StylesTurn on to enable Avada's backend style support for the WP block editor.

OnOff

Load Frontend Block StylesSelect "Auto" to automatically detect if there are blocks present in your page, and load block-styles in the footer.

AutoOnOff

Code Fields (Tracking etc.)

Tracking CodePaste your tracking code here. This will be added into the header template of your theme. Place code inside <script> tags.

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T64SJDSR');</script>
<!-- End Google Tag Manager -->

Space before </head>Only accepts javascript code wrapped with <script> tags and HTML markup that is valid inside the </head> tag.

<meta name="google-site-verification" content="6o5tP3gqmsu2MoKKAE_z4mv8DOeNwWzQKom306pC0rI" />
<meta name="_globalsign-domain-verification" content="HvuJysi73qM9mfqS9fIz4fsnfhfecZHx8Ls4wsUsOX" />
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-827141805');</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-871306681"></script>
<script async src='https://tag.simpli.fi/sifitag/977f0ed1-fe0f-4a12-822a-29116c949f18'></script>

Space before </body>Only accepts javascript code, wrapped with <script> tags and valid HTML markup inside the </body> tag.

<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');

fbq('init', '620452491442794');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=620452491442794&ev=PageView&noscript=1"
/></noscript>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=129957997201850";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

// As a safety net, also listen for ESC key
  $(document).on('keyup', function(e) {
    if (e.key === "Escape") {
      $('html, body').css('overflow', 'auto');
    }
  });
});

</script>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T64SJDSR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');

fbq('init', '620452491442794');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=620452491442794&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=129957997201850";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script>
//this puts the product page URL into the email that gets sent
document.addEventListener('DOMContentLoaded', function() {
  var urlField = document.getElementById('product-page-url');
  if(urlField) {
    urlField.value = window.location.href;
  }
});
</script>

<script>
  jQuery(document).ready(function($) {
  // When any BWG lightbox is closed
  $(document).on('click', '.bwg_close_btn, .bwg_lightbox_close, .bwg_lightbox_image_wrap', function() {
    $('html, body').css('overflow', 'auto !important');
  });

  // As a safety net, also listen for ESC key
  $(document).on('keyup', function(e) {
    if (e.key === "Escape") {
      $('html, body').css('overflow', 'auto');
    }
  });
});


</script>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T64SJDSR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Post Types

Avada SliderTurn on to enable the Avada Slider.

OnOff

Avada FormsTurn on to enable the Avada Forms.

OnOff

Avada PortfolioTurn on to enable the Avada Portfolio.

OnOff

Avada FAQsTurn on to enable the Avada Faqs.

OnOff

Performance

WordPress jpeg QualityControls the quality of the generated image sizes for every uploaded image. Ranges between 0 and 100 percent. Higher values lead to better image qualities but also higher file sizes. NOTE: After changing this value, please install and run the Regenerate Thumbnails plugin once.

WordPress Big Image Size ThresholdSets the threshold for image height and width, above which WordPress will scale down newly uploaded images to this values as max-width or max-height. Set to "0" to disable the threshold completely. In pixels.

Image Lazy LoadingChoose your preferred lazy loading method for your website's images to improve performance. IMPORTANT: The WordPress native method can cause issues with dynamically loaded elements like image carousels.

AvadaWordPressNone

Font Face RenderingChoose "Swap All" for faster rendering with possible flash of unstyled text (FOUT) or "Block" for clean rendering but longer wait time until first paint. "Swap Non-Icon Fonts" will use a mix of the first 2 methods ("swap" for text fonts and "block" for icon-fonts).

BlockSwap Non-Icon FontsSwap All

Preload Key FontsMake a selection to prioritize fetching resources that will be requested later in page load. This improves page load time as the browser caches preloaded resources so they are available immediately when needed.

AllGoogle FontsIcon FontsNone

Preload Google Font VariantsSelect the variants of Google fonts that should get preloaded. Leave empty to preload all variants.

Preload Google Font SubsetsSelect the subsets of Google fonts that should get preloaded. Leave empty to preload all subsets.

Emojis ScriptIf you don't use emojis you can improve performance by removing WordPress' emojis script.

EnableDisable

jQuery Migrate ScriptIf you are not using any deprecated jQuery code, you can disable this script to improve performance.

EnableDisable

Load Stylesheets In FooterSet to 'on' to defer loading of the stylesheets to the footer of the page. This improves page load time by making the styles non-render-blocking. Depending on the connection speed, a flash of unstyled content (FOUC) might occur.

OnOff

Dynamic CSS & JS


CSS Compiling MethodSelect "File" mode to compile the dynamic CSS to files (a separate file will be created for each of your pages & posts inside of the uploads/fusion-styles folder), "Database" mode to cache the CSS in your database, or select "Disabled" to disable.	FileDatabaseDisabled
Load Media-Queries Files AsynchronouslyWhen enabled, the CSS media-queries will be enqueued separately and then loaded asynchronously, improving performance on mobile and desktop. Please note that this option is only partly compatible with older IE versions and will force mobile viewport on those browsers.	OnOff
Enable CSS VariablesEnable this option to use CSS Variables (Custom Properties). Makes compilations faster and lighter, but is not compatible with older IE browsers.	OnOff
Cache Server IPFor unique cases where you are using cloud flare and a cache server, ex: varnish cache. Enter your cache server IP to clear the Global Options dynamic CSS cache. Consult with your server admin for help.
Enable JS CompilerBy default all the javascript files are combined. Disabling the JS compiler will load non-combined javascript files. This will have an impact on the performance of your site.	OnOff
Reset Avada CachesResets all Dynamic CSS & Dynamic JS, cleans-up the database and deletes the `uploads/fusion-styles` and `uploads/fusion-scripts` folders.	Reset Avada Caches

Progressive Web App


	IMPORTANT NOTE: To use the Avada PWA feature you need to install and activate the latest version of the PWA plugin. Please visit the Avada Plugins page to install and activate the plugin and then refresh Global Options to edit the options.

WooCommerce

General WooCommerce

WooCommerce Number of Products per PageControls the number of products that display per page.

WooCommerce Number of Product ColumnsControls the number of columns for the main shop page.

WooCommerce Related/Up-Sell/Cross-Sell Product Number of ColumnsControls the number of columns for the related and up-sell products on single posts and cross-sells on cart page.

WooCommerce Archive Number of Product ColumnsControls the number of columns for the archive pages.

Column SpacingControls the column spacing between products on WooCommerce product archives. In pixels.

WooCommerce Product Images LayoutSet the layout for your product images.

AvadaWooCommerce

WooCommerce Product Images ZoomTurn on to enable the WooCommerce product images zoom feature. IMPORTANT NOTE: Every product image you use must be larger than the product images container for zoom to work correctly. See this post for more information.

OnOff

WooCommerce Product Images WidthControls the width of the single product page image gallery. For the image gallery zoom feature to work, the images you upload must be larger than the gallery size you select for this option. IMPORTANT NOTE: When this option is changed, you may need to adjust the Single Product Image size setting in WooCommerce Settings to make sure that one is larger and also regenerate thumbnails. See this post for more information.
Enter value including any valid CSS unit, ex: 500px.

WooCommerce Product Images Thumbnail WidthControls the natural image width of product page image gallery thumbnails. IMPORTANT NOTE: When this option is changed, you need to make sure to regenerate thumbnails. See this post for more information.
In pixels.

WooCommerce Product Images Thumbnail PositionSet the position of the product page image gallery thumbnails with respect to the main gallery images.

TopRightBottomLeft

WooCommerce Product Images Thumbnail Column WidthControls the width of the left/right column of product images thumbnails as a percentage of the full gallery width.

WooCommerce Product Images Thumbnails ColumnsControls the number of columns of the single product page image gallery thumbnails. In order to avoid blurry thumbnails, make sure the "WooCommerce Product Images Thumbnails Width" option above is large enough. It has to be at least "WooCommerce Product Images Width" option divided by this number of columns. In pixels.

WooCommerce Product Quick ViewTurn on to enable product quick view for products.

OnOff

WooCommerce Product Variation SwatchesTurn on to enable color, button and image variation types.

OnOff

WooCommerce Shop Page Ordering BoxesTurn on to display the ordering boxes on the shop page.

OnOff

WooCommerce Shop Page Crossfade Image EffectTurn on to display the product crossfade image effect on the shop page.

OnOff

WooCommerce One Page CheckoutTurn on to use the one page checkout template.

OnOff

WooCommerce Order Notes on CheckoutTurn on to display the order notes on the checkout page.

OnOff

WooCommerce My Account Link in Main MenuTurn on to display the "My Account" link in the main menu. Not compatible with Ubermenu.

OnOff

WooCommerce Cart Icon in Main MenuTurn on to display the cart icon in the main menu. Not compatible with Ubermenu.

OnOff

WooCommerce Menu Cart Icon CounterTurn on to display the WooCommerce cart counter circle.

OnOff

WooCommerce My Account Link in Secondary MenuTurn on to display the "My Account" link in the secondary menu. Not compatible with Ubermenu.

OnOff

WooCommerce Cart Icon in Secondary MenuTurn on to display the cart icon in the secondary menu. Not compatible with Ubermenu.

OnOff

WooCommerce Social IconsTurn on to display the social icons on single product posts.

OnOff

WooCommerce Product Grid / List ViewTurn on to display the grid/list toggle on the main shop page and archive shop pages.

OnOff

WooCommerce Product Default ViewSets the default product view for shop page and product archive pages.

GridList

WooCommerce Account Area Message 1Controls the text that displays in the first message box on the account page.

WooCommerce Account Area Message 2Controls the text that displays in the second message box on the account page.

WooCommerce Styling

WooCommerce Product Box DesignControls the design of the product boxes.

ClassicClean

WooCommerce Product Box Content PaddingControls the top/right/bottom/left padding of the products contents. Enter values including any valid CSS unit, ex: 20px, 15px, 15px, 15px.

100% Width PageTurn on to display product posts at 100% browser width according to the window size. Turn off to follow site width.

OnOff

Equal HeightsTurn on to display grid boxes with equal heights per row.

OnOff

WooCommerce Tab DesignControls the design of all WooCommerce tabs.

Horizontal TabsVertical Tabs

WooCommerce Quantity Box Background ColorControls the background color of the WooCommerce quantity box.

WooCommerce Quantity Box Hover Background ColorControls the hover color of the WooCommerce quantity box.

WooCommerce Order Dropdown Background ColorControls the background color of the WooCommerce order dropdowns.

WooCommerce Order Dropdown Text ColorControls the color of the text and icons in the WooCommerce order dropdowns.

WooCommerce Order Dropdown Border ColorControls the border color in the WooCommerce order dropdowns.

WooCommerce Cart Menu Background ColorControls the bottom section background color of the WooCommerce cart dropdown.

WooCommerce Icon Font SizeControls the font size of the WooCommerce icons. Enter value including CSS unit (px, em, rem), ex: 12px.

Sale Badge


WooCommerce Sale Badge ShapeControls the shape of the sale badge.	RectangleCircle
WooCommerce Sale Badge Background ColorControls the background color of the WooCommerce sale badge.
WooCommerce Sale Badge Text ColorControls the text color of the WooCommerce sale badge.
WooCommerce Sale Badge Text SizeControls the font size of the WooCommerce sale badge text. Enter value including any valid CSS unit, ex: 20px.
WooCommerce Sale Badge PaddingControls the top/right/bottom/left padding of the sale badge. Enter values including any valid CSS unit, ex: 0.5em, 0.5em, 0.5em, 0.5em.
WooCommerce Sale Badge Border RadiusControls the border radius of sale badge. Enter values including any valid CSS unit, ex: 50%, 50%, 50%, 50%.
WooCommerce Sale Badge Border SizeControls the border size of the sale badge. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.
WooCommerce Sale Badge Border ColorControls the border color of the sale badge
WooCommerce Sale Badge Text[percentage] and [value] placeholders can be used to display product discount as percentage or as a value, ex: [percentage] Off!

Out Of Stock Badge


WooCommerce Out Of Stock Badge ShapeControls the shape of the out of stock badge.	Top BarRectangleCircle
WooCommerce Out of Stock Badge Background ColorControls the background color of the WooCommerce out of stock badge.
WooCommerce Out of Stock Badge Text ColorControls the text color of the WooCommerce out of stock badge.
WooCommerce Out of Stock Badge Text SizeControls the font size of the WooCommerce out of stock badge text. Enter value including any valid CSS unit, ex: 13px.
WooCommerce Out Of Stock Badge PaddingControls the top/right/bottom/left padding of the out of stock badge. Enter values including any valid CSS unit, ex: 0.45em, 0.45em, 0, 0.
WooCommerce Out Of Stock Badge Border RadiusControls the border radius of out of stock badge. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.
WooCommerce Out Of Stock Badge Border SizeControls the border size of the out of stock badge. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.
WooCommerce Out Of Stock Badge Border ColorControls the border color of the out of stock badge
WooCommerce Out Of Stock Badge TextDefault value is: Out of stock

Custom CSS

CSS CodeEnter your CSS code in the field below. Do not include any tags or HTML in the field. Custom CSS entered here will override the theme CSS. In some cases, the !important tag may be needed. Don't URL encode image or svg paths. Contents of this field will be auto encoded.

.sr_testimonialHolder .review, .sr_testimonial{
    margin-bottom:40px !important;
}

.glsr-review-date, .glsr-review-title{
    display:none !important;
}

/*---vvv header location bar vvv---*/
.gfd-locations-bar {
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  text-align: center;
  padding: 10px 15px;
}

.gfd-locations-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
}

.gfd-locations-inner span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #333;
  font-weight: 500;
}

.gfd-locations-inner i {
  color: #d61c1c; /* brand red */
}

.gfd-locations-inner .view-all-locations {
  margin-left: 10px;
  font-weight: 600;
  color: #0073aa;
  text-decoration: none;
}

.gfd-locations-inner .view-all-locations:hover {
  text-decoration: underline;
}
/*---^^^ header location bar ^^^---*/

/*---vvv catalog stuff vvv---*/
html.bwg_lightbox_opened,
body.bwg_lightbox_opened {
  overflow: hidden !important;
}

html,
body {
  overflow: auto !important;
}

.post-33399 .bwg-item:nth-child(2) .bwg-item2 { /* mp40 */
    margin-top:-350px !important;
}

.post-33402 .bwg-item:nth-child(2) .bwg-item2 { /* mp41 */
    margin-top:-350px !important;
}

.post-33405 .bwg-item:nth-child(2) .bwg-item2 { /* mp42 */
    margin-top:-350px !important;
}

.post-33407 .bwg-item:nth-child(2) .bwg-item2 { /* mp43 */
    margin-top:-350px !important;
}

.post-33410 .bwg-item:nth-child(2) .bwg-item2 { /* mp44 */
    margin-top:-350px !important;
}

.post-34027 .bwg-item:nth-child(2) .bwg-item2 { /* ozark brown */
    margin-top:-350px !important;
}

.post-33706 .bwg-item:nth-child(2) .bwg-item2 { /* Wiltshire Oak */
    margin-top:-140px !important;
}

.sr_custom-links-container {
    display: block;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align:center;
    line-height:41px;
}

.custom-link {
    color: #333; /* Adjust color to match your theme */
    font-size: 18px;
    padding: 10px;
    transition: color 0.3s ease;
}

.custom-link:hover {
    color: #0073aa; /* Adjust hover color */
}

/* Responsive adjustments */
@media (max-width: 800px) {
    .sr_product-categories{
        justify-content:center;
    }    
    
    .instock .fusion-product-wrapper {
        display:flex !important;
        flex-direction:column;
    }
    .instock .fusion-product-wrapper .product-images {
        margin:auto !important;
        max-width:inherit !important;
        width:300px !important;
    }
    .instock .fusion-product-content .product-details{
        width:inherit;
        float:inherit;
    }
    .instock .fusion-product-content{
        float:inherit;
    } 
    .instock .bwg-thumbnails{
        display:flex;
        flex-direction:column;
    } 
    .instock .bwg-thumbnails .bwg-item {
        width:inherit !important;
        margin:10px auto;
    }
    .instock .product-excerpt{
        width:inherit !important;
        float:inherit !important;
    }

}

@media (max-width: 768px) {
    .sr_custom-links-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .custom-link {
        flex: 1 1 45%; /* Two links per row on smaller screens */
        text-align: center;
    }
}

@media (max-width: 480px) {
    .custom-link {
        flex: 1 1 100%; /* One link per row on very small screens */
    }
}

.search-results .sr_product-categories{
	display:none;
}

.woocommerce #main{
	margin-top:30px;
}

.woocommerce-container #content {
	float:right !important;
}

#sidebar{
	float:left !important;
}

.sr_product-categories {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.sr_category-item {
    width: 200px;
    text-align: center;
    margin: 10px;
}
.sr_category-item img {
    width: 200px;
       height: 200px;
       background-size: cover;
    background-position: center;
    border-radius: 5px;
}
.sr_category-item h3 {
    margin: 10px 0 0;
    font-size: 16px;
}

.searchform > div > .s{
    color:black !important;
    background:white;
}

.wpb_category_n_menu_accordion_list > ul {
    display: block !important;
}
.wpb_the_menu_accordion  {
    margin-bottom: 10px;
}
.wpb_category_n_menu_accordion_list > a::after {
    display: none !important;
}

.tagged_as, .posted_in, .social-share, .product-buttons, .fusion-menu-cart, .product-category{
    display:none !important;
}

.wooProdH2{
    text-align: center;
    line-height: 35px !important;
    margin-top: 30px;
}

.sr_category-title {
    font-size: 2em;
    margin: 20px 0;
    text-align: center;
    color: #333;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: 300px; /* Set desired square size */
    object-fit: cover; /* Crop to fill the square */
    object-position: center; /* Center the crop */
    aspect-ratio: 1/1; /* Enforce 1:1 aspect ratio */
}
.woocommerce ul.products li.product {
    text-align: center;
}

.woocommerce-Price-amount {
         display: inline-flex;
         align-items: baseline;
     }
 .woocommerce-Price-amount::after {
     content: "/sq ft";
     font-size: 0.8em;
     margin-left: 4px;
     color: #666;
 }
/*---^^^ catalog stuff ^^^---*/

.sr_townPgChild, p, .lineHeight30{
    line-height:30px;
}

.front-mid-bg {
    background: url('[sr_custom_image id="3"]');
}

.sr_1000w{
    max-width:1000px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.nowOnSale{
    max-width:1000px;
    background-color:red;
    text-align: center;
    margin:auto;
}

.nowOnSale h2{
    color:white;
    padding:10px;
    letter-spacing:5px !important;
    font-weight:bold !important;
}

.locationStar {
    min-height: 100px;
    padding: 30px;
    position: relative;
    background-image: url('/wp-content/uploads/2025/02/star-40perc.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.locParent {
  display: flex;           /* Use Flexbox for the layout */
  align-items: flex-start; /* Align items at the start of the flex container */
}

.text-content {
  white-space: nowrap;     /* Prevent text from wrapping */
  margin-right: 20px;      /* Add some spacing between text and image */
}

.image-content {
  flex-grow: 1;            /* Allow the image to take up remaining space */
}

.image-content img {
  max-width: 100%;         /* Ensure the image scales down */
  height: auto;            /* Maintain image aspect ratio */
}
/*---------------------------------*/

#htga4-cookie-notice{
    display:none !important;
}

.read_div{
    padding:10px;
    font-size:1.1em;
}

.smallScreen{
    display:none;
}

.sr_yellowBtn a{
    min-width:300px !important;
}

.sr_onSaleHeaders h1{
      color: white;
    /* font-weight: bold; */
    font-stretch: expanded;
    text-shadow: 2px 2px 5px black;
    /*text-shadow: 2px 2px 1px black, -2px -2px 1px black, 2px -2px 1px black, -2px 2px 1px black;*/
    font-size: 80px;
    font-family: 'brush script mt', cursive;
    margin: 10px;
}

.sr_onSaleHeaders h2{
  font-weight:1000 !important;
  color: #243F86;
    font-stretch: expanded !important;
    /*text-shadow: 2px 2px 0 black, -2px -2px 0 black, 2px -2px 0 black, -2px 2px 0 black;*/
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
  font-size:40px !important;
}

.sr_townPgContainer {
    display: flex;
    align-items: center;
}

.sr_townPgLeft {
    flex: 1;
    padding: 10px;
}

.sr_townPgRight {
    width: auto; /* Adjust as needed */
}

.sr_townPgRight img {
    max-width: 100%;
    height: auto;
}

.sr_mobileFontSize, .sr_mobileFontSize p, .sr_mobileFontSize .read_div{
    font-size:.9em !important;
}

.sr_mobileFontSize h2{
    font-size:1.5em !important;
    line-height:1.5em;
}

.sr_mobileFontSize label{
    font-size:.9em !important;
}

.recentInterview{
    margin-right:auto !important;
    margin-left:auto !important;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    border: 1px solid darkgray;
    border-radius: 15px;
    padding:20px;
}

#ourProductsDiv h3{
    color:white;
    font-size:29px;
    text-align:center;
}

.locFirstText{
    font-weight: bold;
    text-align: justify; 
    width: 80%; 
    margin: auto !important;
    padding-bottom:20px; 
    border-bottom:1px solid #00000033;
    line-height:1.5em;
}

.fusion-footer-widget-area .current-menu-item>a{
    color:#00a7ff !important;
}

.current_page_item>a{
    color:#de0303 !important;
    font-weight:bold !important;
}

#upcp-name-search{
    color:#363131;
}

.srFooterGBDivider, .srFooterGBAddress{
    margin-bottom:0;
}

.srFooterGBAddress{
    margin-top:0;
}

footer #block-6, footer #block-4, footer #block-5{
     margin-bottom:0;
}

.fusion-footer .fusion-column:nth-of-type(3) .fusion-footer-widget-column p{
    margin:4px;
}

.fusion-footer .fusion-column:nth-of-type(3) .fusion-footer-widget-column{
    margin:1px;
}

.fusion-footer .fusion-column:nth-of-type(3) hr{
    margin-top: 3px;
    margin-bottom: 3px;
}

.fusion-footer .fusion-column:nth-of-type(3){
	opacity:1;
	margin-top:-10px;
}

.fusion-footer .fusion-column:nth-of-type(2){
	opacity:0;
}

.fusion-main-menu{
    background:#ffffff88;
    padding:0 15px;
}

.sr_redLink a{
    color:black;
    text-decoration:none !important;
}

/*.sr_redLink a:hover{
    color:blue;
}*/

.sr_80perc{
    width:80% !important;
    margin-left:auto;
    margin-right:auto;
}

.upperDiv {
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 30px);
    width: 100%;
    height: 50px;
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 2;
}

.wide80percent{
    width:80%;
    margin-left:auto !important;
    margin-right:auto !important;
}

.prodFormH2 h2{
    line-height:40px !important;
}

#mobileNowOnSale{
    background-color:red;
    text-align: center;
    padding: 20px;
    margin:10px 10px 20px 10px;
}

#mobileNowOnSale h2{
    color: white;
    font-weight: bold;
    margin-bottom:0 !important;
}

.fusion-header-wrapper{
    background-color:white;
}

.fusion-main-menu>ul>li {
    padding-right: 14px;
}

.home .wpcf7-text{
    margin:auto !important;
    width:65% !important;
    min-width:200px !important;
}

.fusion-logo-link img{
width:80%;
height:auto;
}

.fusion-logo{
width:40%;
}

.home .wpcf7-select{
    margin:auto;
    width:65% !important;
    min-width:200px !important;
}

#birdeye, #birdeye_m{
    max-height:500px;
    overflow:scroll;
}

/* Style the button that is used to open and close the collapsible content */
.srCollapsible {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-width: 2px;
    border-color: rgb(155, 0, 0);
    border-style: solid;
  text-align: center;
  outline: none;
  font-size: 25px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.srActive, .srCollapsible:hover {
  background-color: #fff;
}

/* Style the collapsible content. Note: hidden by default */
.srContent {
  padding: 30px 30px 0 30px;
  display: block;
  overflow: hidden;
  background-color: #fbfbfb;
}

.srContent #birdeye_m{
    border:1px solid #d2d2d2;
    padding:15px;
}

.srCollapsible:after {
  content: '\02796'; /* Unicode character for "plus" sign (-) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.srActive:after {
  content: "\2795"; /* Unicode character for "minus" sign (+) */
}

.srReview{
    float:left;
    clear:both;
    width:100%;
    border-bottom:1px solid grey;
    padding-bottom:10px;
}

.srReview .comments{
    font-size:20px;
    color:#434242;
    float:left;
    margin-top:20px;
}

.srReview .name{
    color:black;
    float:left;
    clear:both;
    margin-left:20px;
    margin-top:15px;
    text-transform: capitalize;
}

.srReview .reviewDate{
    font-style:italic;
    margin-left:15px;
    margin-top:15px;
    float:left;
}

.srReview .sourceType{
    margin-top:15px;
}

.srReview .srStar{
    width:15px;
    height:15px;
}

.glsr-tag-value{
    font-size:1.2em !important;
}

.glsr-default .glsr-review {
    border: 1px solid lightgrey !important;
    padding-top: 15px !important;
}

.glsr-default .glsr-read-more {
    font-style: normal !important;
}

.hiringDiv{
    text-align: center;
    font-size: 30px;
    color: red;
    margin-bottom: 30px;
}

.wereHiringPic{
    width:70%;
}

.backToLocLink{
    text-align:center;
   
}

.backToLocLink a{
    color: #4071c9;
    text-decoration: underline;
}

/*---VV CATALOG STYLES VV---  this is for the old catalog, think it can be removed safely -*/
.upcp-tabbed-image-container{
    padding:15px;
    background-color:black;
}
.upcp-tabbed-main-image-inner img{
    /*width:700px !important;
    max-width:700px !important;
    height:700px !important;*/
    max-width:600px !important;
}

.upcp-tabbed-main-image-inner::after {
  content: "Click the image to see it full-size.";
  font-size:60%;
}

.upcp-tabbed-tabs-menu{
    display:none !important;
}

.upcp-tabbed-addtl-info-menu{
    display:none;
}

.upcp-tabbed-contact-form-25{
    display:block !important;
}

.upcp-tabbed-tab{
    border:none;
}

.upcp-tabbed-description {
    height: inherit !important;
}

.upcp-contact-form-7-product-form h4{
    font-size:25px;
    font-weight:bold;
}

.upcp-tabbed-tabs-holder .upcp-Hide-Item{
    display:inline !important;
}

.upcp-thumb-item {
    background-color: #9B0000 !important;
    border-bottom: 3px solid darkkhaki !important;
    min-height:295px !important;
}

.upcp-thumb-title a, .prod-cat-title, .prod-cat-price{
    color:#ffffff !important;
    font-family: Lato, Arial, Helvetica, sans-serif;
}

#upcp-tabbed-content p span{
    font-family: Lato, Arial, Helvetica, sans-serif !important;
    font-size:1 !important;
}

.upcp-thumb-price{
    color:#ababab !important;
}

del span.amount {
    opacity: 1 !important;
}

.upcp-thumb-price ins span{
    color:white !important;
}
.upcp-filtering-clear-all{
    display:block !important;
}

.upcp-sale-flag{
    background:red;
}

.prod-cat{
    background-color:#ffffff;
    padding-bottom:100px !important;
}

.prod-cat-price{
    /*display:none !important;*/
}

.prod-cat-sidebar-content, .prod-cat-text-search, .prod-cat-desc, 
.upcp-product-page, .upcp-catalogue-link, .upcp-contact-form-7-product-form h4{
    font-family: Lato, Arial, Helvetica, sans-serif;
}

.prod-cat-inner{
    background-image: url(/wp-content/uploads/2020/05/loading1.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 250px;
}

.prod-cat{
    background-color:#ffffff;
}

.ewd-ulb-lightbox-container{
    top:60px !important;
}

.ewd-ulb-top-toolbar {
    top: 200px;
    background:none;
}

.ewd-ulb-slide-overlay {
    display:none !important;
}

.ewd-ulb-open-lightbox:hover{
    cursor:zoom-in;
}

#backLink{
    font-family: Lato, Arial, Helvetica, sans-serif !important;
    font-size:16px;
}

.catImgTitle{
    font-size:30px;
    margin-top:30px;
    width:100%;
    text-align:center;
    color:red;
}

/*---^ CATALOG STYLES ^^---*/

/*---vvv trying to reduce cls vvv---*/
/*body{
    font-family: Lato, Arial, Helvetica, sans-serif !important;
}*/
/* Define the adjusted Arial fallback to match Lato's metrics */
@font-face {
  font-family: "Lato-fallback";
  src: local("Arial");
  size-adjust: 100%;
  ascent-override: 96%;
  descent-override: 20%;
  line-gap-override: 0%;
  font-display: swap;
}

/* Then update the body rule to slot it in between Lato and Arial */
body {
  font-family: Lato, "Lato-fallback", Arial, Helvetica, sans-serif !important;
}

img.img-responsive {
  aspect-ratio: auto;
  height: auto;
}

/*.w-glitter.w-tooltip {
  position: relative !important;
}

.w-glitter, .w-tooltip, .w-floating {
  position: relative !important;
}*/

/*---^^^ trying to reduce cls ^^^---*/

.sr_nodisplay, .srNoDisplay{
    display:none;
}

.glsr-review{
    background-color: white !important;
    padding: 1px 20px 20px 20px !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 10px 10px 11px -4px rgba(0,0,0,0.55); 
    box-shadow: 10px 10px 11px -4px rgba(0,0,0,0.55);
    margin-right:50px;
}

.glsr-review-content{
    font-style: oblique;
}

.reviewUs{
    
}

.tab-link h4{
    font-weight:bold !important;
}

.page-id-48 #main{
    margin-right:30px;
}

.reviews{
    margin-right:50px;
}

.shortcode-map{
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
}

.checkOutOurProd_img img{
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
}

.reviews q{
    border-radius:10px;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
}

.bannerLink{
    -webkit-box-shadow: 10px 10px 17px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 17px -10px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 17px -10px rgba(0,0,0,0.75);
}
.bslHolder{
    width:100%;
    text-align:center;
    margin-bottom:30px;
}

.bigSpecialsLink {
	box-shadow: 0px 1px 0px 0px #fff6af;
    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    background-color:#ffec64;
    border:1px solid #ffaa22;
    color:#333333;
    text-shadow:0px 1px 0px #ffee66;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:30px;
	padding:9px 23px;
	text-decoration:none;
	width:50%;
	min-width:200px;
	
	/*
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border:1px solid #1582d6;
	color:#ffffff;
	text-shadow:0px 1px 0px #263666;
	*/
}
.bigSpecialsLink:hover {
	/*background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
	color:#ffffff;*/
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.bigSpecialsLink:active {
	position:relative;
	top:1px;
}

.sidebarSpecialsLink{
    padding-top:20px;
    margin-bottom:20px;
    text-align:center;
}

.sidebarSpecialsLink p{
    text-align:center;
    font-size:25px;
    font-weight:bold;
}

.sidebarSpecialsLink a{
    color:blue;
}

.sidebarSpecialsLink img{
    border: 1px solid blue;
    padding: 5px;
    background-color:white;
}

.floorForceLinks{
    min-height:80px;
}

.fusion-open-submenu{
    padding-right:85px !important;
}

.shopAtHome{
    font-size:2rem;
    line-height:2.4rem;
    font-weight:400;
    text-align:center;
    margin:20px auto 0 auto;
    width:80%;
    display:block;
}

.shopAtHome a{
    font-size:2.1rem;
    color:#0073AA;
}

.youtubeLakeland{
   display:block !important;
}

.youtubeOcala{
    display:block !important;
}

.youtubeOrmond{
    display:block !important;
}

.youtubeSavannah{
    display:block !important;
}

.youtubeTallahassee{
    display:block !important;
}

.locTopText{
    width:67%;
    float:left;
    padding-right:30px;
    text-align:justify;
}

.locTopGraphic{
    width:30%;
    float:left;
    text-align:center;
}

.winnerTitle{
    font-size:30px;
    text-align:center;
    margin-bottom:20px;
    font-weight:bold;
}

.winnerPic{
    float: left; 
    width: 50%; 
    min-width: 250px;
}

.winnerText{
    float: left; 
    width: 45%; 
    min-width: 250px;
    margin-left:20px;
}

.slider1 div{
    font-size:20px;
    line-height:24px;
    margin-bottom:10px;
}

.slider1 .client{
    font-style:oblique;
}

.slider2 div{
    font-size:30px;
    line-height:35px;
    margin-bottom:10px;
    color:#483624;
}

.slider2 .client{
    font-style:oblique;
}

.slider3 div{
    font-size:35px;
    line-height:40px;
    margin-bottom:30px;
    color:#ffffff;
}

.slider3 .client{
    font-style:oblique;
}

.slider4 .back{
    padding:20px;
    border-radius:15px;
    width:100%;
    height:100%;
    background-color:white;
    opacity:.7;
    
}

.slider4 div{
    font-size:25px;
    line-height:29px;
    margin-bottom:10px;
    color:#000000;
    
}

.slider4 .client{
    font-style:oblique;
}

.slider5 span{
    font-size:30px;
    line-height:35px;
    margin-bottom:10px;
    color:#ffffff;
    text-align:right;
    padding-bottom:40px;
}

.slider5 .client{
    font-style:oblique;
    margin-top:30px;
}

.slider6 div{
    font-size:30px;
    line-height:35px;
    margin-bottom:30px;
    color:#ffffff;
}

.slider6 .client{
    font-style:oblique;
}

.slider7 div{
    font-size:35px;
    line-height:39px;
    margin-bottom:10px;
    color:#000000;
}

.slider7 .back{
    padding:20px;
    border-radius:15px;
    width:100%;
    height:100%;
    background-color:white;
    opacity:.7;
    
}

.slider7 .client{
    font-style:oblique;
}

.slider8 div{
    font-size:30px;
    line-height:35px;
    margin-bottom:10px;
    color:#000000;
}

.slider8 .back{
    padding:20px;
    border-radius:15px;
    width:100%;
    height:100%;
    background-color:#c89767;
    opacity:.5;
    
}

.slider8 .client{
    font-style:oblique;
}

.slider9 div{
    font-size:30px;
    line-height:35px;
    margin-bottom:30px;
    color:#ffffff;
}

.slider9 .client{
    font-style:oblique;
}

.catalogHolder{
    width:100%;
    text-align:center;
    background-image:url(/wp-content/uploads/2020/01/loading_small.gif);
    background-position:center 25px;
    background-repeat:no-repeat;
}

.catLinkHolder{
    display:flex;
    padding:5px;
}

.catLinkHolder > div{
    flex:1;
    margin:5px;
}

.catLinkButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	width: 100%;
    text-align: center;
    height:100%;
}
.catLinkButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.catLinkButton:active {
	position:relative;
	top:1px;
}

.ocalaBOBText{
    width: 50%; 
    float: left;
}

.ocalaBOBGraphic{
    width: 50%; 
    float: left; 
    margin-bottom: 20px;
}

.ocalaBOBText2{
    width: 34%; 
    float: left;
}

.ocalaBOBGraphic2{
    width: 33%; 
    float: left; 
    margin-bottom: 20px;
}

.locaAddyBlock{
    width:50%;
}

.fusion-header-wrapper:nth-of-type(2) {
  display:none;
}

.aboutPhoneLink{
    display:inline;
}

.page-id-31 #main, .page-id-6653 #main{
	background-image: url(/wp-content/uploads/2019/07/brickWallDark01.jpg);
	background-repeat:repeat;
}

.privacyPageSubHeading{
   font-size:22px;
   color:#333;
   font-weight:bold;
}

.hiddenHeaderBanner{
    display:none;
}

#wpcf7-f2863-p2603-o1 form{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom:30px;
}

.wpcf7-text{
    color:#505050 !important;
}

.fusion-icon{
    background-color: red;
    padding: 4px 3px 4px 5px;
    border-radius: 5px;
}

.fusion-mobile-menu-icons a:after, .fusion-mobile-menu-icons a:before {
    color: white;
}

.glsr-default .glsr-review{
        width:80% !important;
        margin:auto;
    }

@media (max-width: 600px) {
    #wpcf7-f2863-p2603-o1 form p{
        flex-direction: column;
        align-items: stretch;
        margin-bottom:30px;
    }
    
    .glsr-default .glsr-review{
        width:100% !important;
        margin-right:0;
    }
    
    .fbx-caption-desc{
        font-size:17px !important;
        line-height:24px !important;
    }
    
    .fbx-caption-title{
        font-size:25px !important;
        margin-bottom:15px !important;
    }
}

#wpcf7-f2863-p2603-o1 form label{
    margin: 5px 10px 5px 0;
}

#wpcf7-f2863-p2603-o1 form p{
    display:flex;
    margin:0 auto 0 auto;
}

#wpcf7-f2863-p2603-o1 form input[type="email"], #wpcf7-f2863-p2603-o1 form select{
    vertical-align: middle;
    margin: 0 10px 5px 0;
    
    background-color: #fff;
    border: 1px solid #ddd;
    min-width:150px;
}

#wpcf7-f2863-p2603-o1  input[type="submit"],
#wpcf7-f2863-p2603-o1  input[type="button"]{
    padding: 13px 29px;
    background-color: dodgerblue;
    line-height:1px;
    color: white;
    height:32px;
    margin-top:22px;
}

#wpcf7-f2863-p2603-o1  input[type="submit"]:hover,
#wpcf7-f2863-p2603-o1  input[type="button"]:hover{
    background-color: royalblue;
}

#wpcf7-f2828-p7-o1  input[type="submit"],
#wpcf7-f2828-p7-o1 input[type="button"] { 
    width:80%;
    margin:10px auto 20px auto;
    -moz-box-shadow:inset 0px 1px 0px 0px #f25c75;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f25c75;
	box-shadow:inset 0px 1px 0px 0px #f25c75;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c9344d), color-stop(1, #4b0913));
	background:-moz-linear-gradient(top, #c9344d 5%, #4b0913 100%);
	background:-webkit-linear-gradient(top, #c9344d 5%, #4b0913 100%);
	background:-o-linear-gradient(top, #c9344d 5%, #4b0913 100%);
	background:-ms-linear-gradient(top, #c9344d 5%, #4b0913 100%);
	background:linear-gradient(to bottom, #c9344d 5%, #4b0913 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9344d', endColorstr='#4b0913',GradientType=0);
	background-color:#c9344d;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #38050e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #8a0b20;
}

#wpcf7-f2828-p7-o1  input[type="submit"]:hover,
#wpcf7-f2828-p7-o1 input[type="button"]:hover { 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4b0913), color-stop(1, #c9344d));
	background:-moz-linear-gradient(top, #4b0913 5%, #c9344d 100%);
	background:-webkit-linear-gradient(top, #4b0913 5%, #c9344d 100%);
	background:-o-linear-gradient(top, #4b0913 5%, #c9344d 100%);
	background:-ms-linear-gradient(top, #4b0913 5%, #c9344d 100%);
	background:linear-gradient(to bottom, #4b0913 5%, #c9344d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b0913', endColorstr='#c9344d',GradientType=0);
	background-color:#4b0913;
}

#wpcf7-f2828-p7-o1  input[type="submit"]:active,
#wpcf7-f2828-p7-o1 input[type="button"]:active {
    position:relative;
	top:1px;
}

.srBlueBoldLink{
    color:blue;
    font-weight:bold;
}

.srBlueLink{
    color:blue;
}

.srGoogleLink{
    position:relative;
    top:100px;
}

.srALTextBlock{
    padding: 10px 10px 10px 10px;
    background-color: #80B922;
}

.srALTextBlock b{
    color:white;
    float:left;
    margin-bottom:15px;
}

.page-id-2457 #main{
    padding:0 0 40px 0;
     background-color:#9B0000;
}

.page-id-2457 #wrapper{
    background-color:#9B0000;
}

.page-id-2603 #main{
    padding:0 0 2px 0;
     background-color:#9B0000;
}

.page-id-2603 #wrapper{
    background-color:#9B0000;
}

.homeWePayLess a{
    color:#005D5D;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
     font-weight:bold;
}

.homeWePayLess a:hover{
    color:#9B0000;
}

.homeIntroText{
    color: #333333;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
}

.homeIntroText a{
    color:#005D5D;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
}

.homeIntroText a:hover{
    color:#9B0000;
}

#homeFlipboxes{
    padding:0 20px 0 20px;
}

#homeFlipboxes .flip-box-back{
    background-position:top;
    background-size:contain;
}

#homeFlipboxes .flip-box-heading-back{
    padding-top:20px;
}

.srFlipbox{
    margin-bottom:0;
}

.srFlipbox .flip-box-front-inner h2{
    font-size:20px !important;
}

.srFlipbox .flip-box-heading-back {
    padding-top: 50px !important;
}

.srFlipboxLink{
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
     width:100%;
     text-align:center;
     padding:15px 0 15px 0;
     font-weight:bold;
     color:white;
     background-color:#9b0000;
     position:absolute;
     bottom:0;
     left:0;
     
}

.srFlipboxLink:hover{
    background-color:#C60000;
    color:#ffffff;
}

.homePreferredCust {
    position: relative;
    background: #444444;
    overflow: hidden;
    z-index:1;
}

.homePreferredCust:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
    background-image: url('/wp-content/uploads/2026/02/1500x600_laminate_b.webp');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.hpcTextBlock{
    border:2px solid #ffffff;
    padding:15px;
    color:#ffffff;
    text-align:center;
    margin:40px;
}

.hpcTextBlock h1{
    color:white;
}

.hpcTextBlock h2{
    color:white;
}

.hpcTextBlock ul{
   
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 24px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
}

.hpcTextBlock li{
    text-align:left;
}

.hpcRegisterLink{
    padding: 15px;
    background-color: #9B0000;
    line-height: 60px;
    color: white;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
     opacity:.8;
}

.hpcRegisterLink:hover{
    background-color: #007C00;
    color: white;
}

.homeGoogleRev {
    position: relative;
    background: #ececec;
    overflow: hidden;
    z-index:1;
    margin-top:20px;
}

.homeGoogleRev:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
    background-image: url('/wp-content/uploads/2026/02/1500x600_hardwood-min.webp');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.hgrTextBlock{
    border:2px solid #9B0000;
    padding:15px;
    color:#ffffff;
    text-align:center;
    margin:40px;
}

.hgrTextBlock h1{
    color:white;
}

.hgrTextBlock h2{
    color:#005D5D;
    margin-top:30px;
}

.hgrTextBlock ul{
   
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 24px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
}

.hgrTextBlock li{
    text-align:left;
    display:inline-block;
}

.hgrLocationLink{
    padding: 15px;
    background-color: #9B0000;
    line-height: 60px;
    color: white;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
     opacity:.8;
}

.hgrLocationLink:hover{
    background-color: #C60000;
    color: white;
}

.homeProductPics h1{
    font-size:40px;
    color:#ffffff;
}

.homeProductPics h2{
    font-size:30px;
    color:#ffffff;
    text-align:center;
}

.homeProductPics img:hover{
    border-color: #9B0000;
    color: white;
}

.homeProductPics img{
    border:10px solid #ffffff;
    text-align:center;
      -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
}

.srRounded{
    border-radius: 20px;
    width:70%;
     -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.25s;
}

.srRounded:hover{
    width:80%;
}

.recapTxt{
    font-size: 11px;
    color: #000000;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: -5px;
}

.grecaptcha-badge { 
   visibility: hidden;
}

h5{
    font-size:16px !important;
}

.productsH5{
    font-size:24px !important;
}

.marginTop20px{
    margin-top:20px;
}

#toTop{right:unset !important;left:30px;}

.grHomePage{
    border:1px dotted red;
    padding:20px;
    margin-bottom:15px;
}

#rev_slider_8_2_wrapper{
    display:inline-block;
}

.grJumpButtonsSpan{
    width: 20%; 
    min-width: 100px; 
    float: left;
    text-align:center;
}

.grJumpButtons {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
	margin-bottom:15px;
}
.grJumpButtons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.grJumpButtons:active {
	position:relative;
	top:1px;
}

.sr_leftHalf{
    width: 49%; 
    float: left; 
    height: 122px; 
    margin-top: 20px; 
    min-width: 300px;
}

.sr_rightHalf{
    width: 49%; 
    float: right;
}

.review-meta{
    float:left;
    margin-right:20px;
}

.review-stars ul li .star{
display:inline-block;
width:20px;
height:20px;
background-image:url("/wp-content/uploads/2018/08/rateStar.jpg");
}

.review-stars ul li .inactive{
display:inline-block;
width:20px;
height:20px;
background-image:url("/wp-content/uploads/2018/08/rateStarOff.jpg");
}

.review-stars ul li{
display:inline-block;
}

.review-text{
    border-bottom: 3px solid #cccccc; margin-bottom:20px;padding-bottom:15px;
}

.footer-area .menu-item {

font-size: 70%;
line-height: 70%;

}

.menu-text{font-size:14px;}

gfd-special-image {
width:100%;
}
.post-content .fusion-social-links .fusion-social-networks a, .widget .fusion-social-links .fusion-social-networks a {
    font-size: 36px;
}
.wp-caption-text {
    font-weight: normal;
    text-align: center;
}
.fusion-selector-down::before {
    color: #777;
}

.fusion-is-sticky .fusion-main-menu > ul > li > a {
    font-size: 16px;
}

.footerAddressBlocks{
    font-size: 14px;
    line-height: 14px;
}

.footerPrivacyLink{
    margin-left:50px;
    display:unset;
}

.prod-cat-minimalist-hover-div{
    background:rgba(0,0,0,0.2) !important;
}

.prod-cat-minimalist-hover-div a span{
    display:none !important;
}

.prod-cat-minimalist-hover-button{
    margin: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 100% !important;
    background:#ffffff11 !important;
    line-height:135px !important;
   font-weight:bold !important;
   font-size:30px !important;
}

@media only screen and (max-width: 1210px) {
    .fusion-logo{width:450px;}
}

@media only screen and (max-width: 1110px) {
    .menu-text{font-size: 20px !important;}
    .fusion-mobile-nav-item a {font-size:16px !important;}
}

@media only screen and (max-width: 1050px) {
    .fusion-main-menu > ul > li{padding-right: 15px;}
    .fusion-is-sticky .fusion-main-menu > ul > li {padding-right: 15px;}
}

@media only screen and (max-width: 1024px) {
    #main{
        padding:0 5px 0 5px !important;
    }
    
    .recentInterview{
    margin-right:30px !important;
    margin-left:30px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .fusion-logo{width:350px;}
    
}

@media only screen and (max-width: 900px) {
    .fusion-logo{width:300px;}
    /*.fusion-logo img {height:40px;}*/
}

@media only screen and (max-width: 850px) {
    .fusion-header{padding-left:10px;padding-right:10px;}
    .ocalaBOBText2{
        float:none;
        width:100%;
        text-align:center;
    }
    
    .ocalaBOBGraphic2{
    width: 100%; 
    float: left; 
    text-align:center;
    }
    
    .wereHiringPic{
     width:100%;
    }
}

@media only screen and (max-width: 800px) {
    .sr_mobileLink{
        color:blue;
    }

.sr_shadowBox{
        margin:20px !important;
    }
    
    .sr_townPgRight, .footerAddressBlocks{
        display:none !important;
    }
    
    #homeFlipboxes .flip-box-back{
        background-image:none !important;
    }
    
    .fusion-page-title-bar {
        display:none;
    }
    
    .floorForceLinks{
        min-height:10px;
    }
    
    .ffContainer .fusion-one-fourth{
        margin-bottom:0;
    }
    
    .ffContainer p{
        margin-bottom:0;
    }
    
    .hpcTextBlock h1,.hgrTextBlock h1{
        line-height:40px;
    }
    
    .hgrTextBlock h2{
        line-height:30px !important;
    }
    
    .hpcTextBlock ul {
        margin-top:0;
    }
    
    .hfdTextBlock h2{
        line-height:35px !important;
    }

.prod-cat-sidebar-category-content{
        margin-top:-25px;
    }
    
    .prod-cat-inner{
        margin-top:-30px;
    }
    
    .upcp-catalogue-link img{
        margin-top:15px !important;
        margin-bottom:15px !important;
    }
    
    .saleSpan{
        font-size:20px !important;
    }
    
    .upcp-tabbed-description{
        padding:0 !important;
    }
    
    .upcp-tabbed-main-product-container{
        margin-bottom:0 !important;
    }
    
    .fusion-text p{
        line-height:1.2em;
        font-size:1.1em;
        padding:10px;
    }
    
    h1{
        line-height:1.2em !important;
    }
    
    h2{
        margin-bottom:15px !important;
    }
    
    .reviews{
        margin:0 !important;
    }
    
    .review q{
        padding:15px !important;
    }
    
    .fusion-toggle-heading{
        font-size:1.5em;
    }
}

@media only screen and (max-width: 680px) {
    .grJumpButtons{
        width:80px;
        font-size:10px;
    }  
  
  .grJumpButtonsSpan{
        width:80px;
    }
    
   .aboutPhoneLink{
       display:block;
    }
    
        
    .locTopText{
        width:100%;
        float:left;
        padding-right:0;
        text-align:left;
    }
    
    .locTopGraphic{
        width:100%;
        float:left;
        text-align:center;
        margin-bottom:30px;
    }
    
    .locTopGraphic img{
        width:60%;
    }
    
    .homeGoogleRev h2{
        font-size:20px;
    }
    
    #homeFlipboxes{
        margin:0 -20px 0 -20px;
    }
    
    .footerAddressBlocks{
        font-size: 16px;
        line-height: 25px;
    }
    
    .footerPrivacyLink{
        margin-left:inherit;
        display:inherit;
        margin-top:15px;
    }

}

@media only screen and (max-width: 640px) {
		.desktop {
			display: none;
		}
		.smallScreen{
		    display:block;
		}
		.review-stars{
		    clear:both;
		    padding-top:1px;
		}
		.sr_leftHalf{
		   width:100% !important;
		   margin-top:10px;
		}
		.sr_rightHalf{
		    width:100% !important;
		    margin-bottom:20px !important;
		}
}

@media only screen and (max-width: 620px) {
	.srGoogleLink
	{
        position:relative;
        top:0;
    }
    
    .winnerPic
    {
        float: left; 
        width: 100%; 
        margin-bottom:20px;
    }
    
    .winnerText{
        float: left; 
        width: 100%; 
    }
}

@media only screen and (max-width: 580px) {
    .grJumpButtons{
        width:80px;
        font-size:10px;
    } 
    
    .grJumpButtonsSpan{
        width:80px;
    }
    
    .ocalaBOBText{
        float:none;
        width:100%;
        text-align:center;
    }
    
    .ocalaBOBGraphic{
    width: 100%; 
    float: left; 
    text-align:center;
    }
    
    .tp-bullets{
        display:none;
    }

}

@media only screen and (max-width: 500px) {
.catLinkHolder{
    /*display:flex;
    padding:5px;*/
    display:inline;
}

.catLinkHolder > div{
   /* flex:1;
    margin:5px;*/
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

.catLinkButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
}

@media only screen and (max-width: 410px) {
    #attachment_247,#attachment_248,#attachment_251{
        width:70px;
    } 
    
    .hpcTextBlock{
        border:2px solid #ffffff;
        padding:5px;
        color:#ffffff;
        text-align:center;
        margin:10px;
    }
    
    .hgrTextBlock{
        border:2px solid #9B0000;
        padding:5px;
        color:#ffffff;
        text-align:center;
        margin:10px;
    }
    
    .hgrTextBlock h2{
        font-size:25px;
    }
    
    .hgrTextBlock ul{
        padding:0;
    }
    
    .wePayLess, .homeFlagDay{
        padding:5px;
        margin: 0 -15px 0 -15px;
    }
    
    .fusion-testimonials.classic blockquote q {
        padding:5px;
    }
    
    #main{
        padding:0 5px 0 5px;
    }
    
    .days{
        width:100px;
    }
    
    .locaAddyBlock{
        width:100%;
    }
}

#menu-short{
    font-size:17px;
}

#main{
    padding-top:0;
}

.sr_testimonialHolder .review, .sr_testimonial{
    margin-bottom:40px !important;
}

.glsr-review-date, .glsr-review-title{
    display:none !important;
}

/*---vvv header location bar vvv---*/
.gfd-locations-bar {
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  text-align: center;
  padding: 10px 15px;
}

.gfd-locations-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
}

.gfd-locations-inner span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #333;
  font-weight: 500;
}

.gfd-locations-inner i {
  color: #d61c1c; /* brand red */
}

.gfd-locations-inner .view-all-locations {
  margin-left: 10px;
  font-weight: 600;
  color: #0073aa;
  text-decoration: none;
}

.gfd-locations-inner .view-all-locations:hover {
  text-decoration: underline;
}
/*---^^^ header location bar ^^^---*/

/*---vvv catalog stuff vvv---*/
html.bwg_lightbox_opened,
body.bwg_lightbox_opened {
  overflow: hidden !important;
}

html,
body {
  overflow: auto !important;
}

.post-33399 .bwg-item:nth-child(2) .bwg-item2 { /* mp40 */
    margin-top:-350px !important;
}

.post-33402 .bwg-item:nth-child(2) .bwg-item2 { /* mp41 */
    margin-top:-350px !important;
}

.post-33405 .bwg-item:nth-child(2) .bwg-item2 { /* mp42 */
    margin-top:-350px !important;
}

.post-33407 .bwg-item:nth-child(2) .bwg-item2 { /* mp43 */
    margin-top:-350px !important;
}

.post-33410 .bwg-item:nth-child(2) .bwg-item2 { /* mp44 */
    margin-top:-350px !important;
}

.post-34027 .bwg-item:nth-child(2) .bwg-item2 { /* ozark brown */
    margin-top:-350px !important;
}

.post-33706 .bwg-item:nth-child(2) .bwg-item2 { /* Wiltshire Oak */
    margin-top:-140px !important;
}



.sr_custom-links-container {
    display: block;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align:center;
    line-height:41px;
}

.custom-link {
    color: #333; /* Adjust color to match your theme */
    font-size: 18px;
    padding: 10px;
    transition: color 0.3s ease;
}

.custom-link:hover {
    color: #0073aa; /* Adjust hover color */
}

/* Responsive adjustments */
@media (max-width: 800px) {
    .sr_product-categories{
        justify-content:center;
    }    
    
    .instock .fusion-product-wrapper {
        display:flex !important;
        flex-direction:column;
    }
    .instock .fusion-product-wrapper .product-images {
        margin:auto !important;
        max-width:inherit !important;
        width:300px !important;
    }
    .instock .fusion-product-content .product-details{
        width:inherit;
        float:inherit;
    }
    .instock .fusion-product-content{
        float:inherit;
    } 
    .instock .bwg-thumbnails{
        display:flex;
        flex-direction:column;
    } 
    .instock .bwg-thumbnails .bwg-item {
        width:inherit !important;
        margin:10px auto;
    }
    .instock .product-excerpt{
        width:inherit !important;
        float:inherit !important;
    }

}


@media (max-width: 768px) {
    .sr_custom-links-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .custom-link {
        flex: 1 1 45%; /* Two links per row on smaller screens */
        text-align: center;
    }
}

@media (max-width: 480px) {
    .custom-link {
        flex: 1 1 100%; /* One link per row on very small screens */
    }
}

.search-results .sr_product-categories{
	display:none;
}

.woocommerce #main{
	margin-top:30px;
}

.woocommerce-container #content {
	float:right !important;
}

#sidebar{
	float:left !important;
}

.sr_product-categories {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.sr_category-item {
    width: 200px;
    text-align: center;
    margin: 10px;
}
.sr_category-item img {
    width: 200px;
       height: 200px;
       background-size: cover;
    background-position: center;
    border-radius: 5px;
}
.sr_category-item h3 {
    margin: 10px 0 0;
    font-size: 16px;
}

.searchform > div > .s{
    color:black !important;
    background:white;
}

.wpb_category_n_menu_accordion_list > ul {
    display: block !important;
}
.wpb_the_menu_accordion  {
    margin-bottom: 10px;
}
.wpb_category_n_menu_accordion_list > a::after {
    display: none !important;
}

.tagged_as, .posted_in, .social-share, .product-buttons, .fusion-menu-cart, .product-category{
    display:none !important;
}

.wooProdH2{
    text-align: center;
    line-height: 35px !important;
    margin-top: 30px;
}

.sr_category-title {
    font-size: 2em;
    margin: 20px 0;
    text-align: center;
    color: #333;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: 300px; /* Set desired square size */
    object-fit: cover; /* Crop to fill the square */
    object-position: center; /* Center the crop */
    aspect-ratio: 1/1; /* Enforce 1:1 aspect ratio */
}
.woocommerce ul.products li.product {
    text-align: center;
}

.woocommerce-Price-amount {
         display: inline-flex;
         align-items: baseline;
     }
 .woocommerce-Price-amount::after {
     content: "/sq ft";
     font-size: 0.8em;
     margin-left: 4px;
     color: #666;
 }
/*---^^^ catalog stuff ^^^---*/



.sr_townPgChild, p, .lineHeight30{
    line-height:30px;
}

.front-mid-bg {
    background: url('[sr_custom_image id="3"]');
}

.sr_1000w{
    max-width:1000px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.nowOnSale{
    max-width:1000px;
    background-color:red;
    text-align: center;
    margin:auto;
}

.nowOnSale h2{
    color:white;
    padding:10px;
    letter-spacing:5px !important;
    font-weight:bold !important;
}

.locationStar {
    min-height: 100px;
    padding: 30px;
    position: relative;
    background-image: url('/wp-content/uploads/2025/02/star-40perc.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
}


.locParent {
  display: flex;           /* Use Flexbox for the layout */
  align-items: flex-start; /* Align items at the start of the flex container */
}

.text-content {
  white-space: nowrap;     /* Prevent text from wrapping */
  margin-right: 20px;      /* Add some spacing between text and image */
}

.image-content {
  flex-grow: 1;            /* Allow the image to take up remaining space */
}

.image-content img {
  max-width: 100%;         /* Ensure the image scales down */
  height: auto;            /* Maintain image aspect ratio */
}
/*---------------------------------*/

#htga4-cookie-notice{
    display:none !important;
}

.read_div{
    padding:10px;
    font-size:1.1em;
}

.smallScreen{
    display:none;
}

.sr_yellowBtn a{
    min-width:300px !important;
}

.sr_onSaleHeaders h1{
      color: white;
    /* font-weight: bold; */
    font-stretch: expanded;
    text-shadow: 2px 2px 5px black;
    /*text-shadow: 2px 2px 1px black, -2px -2px 1px black, 2px -2px 1px black, -2px 2px 1px black;*/
    font-size: 80px;
    font-family: 'brush script mt', cursive;
    margin: 10px;
}

.sr_onSaleHeaders h2{
  font-weight:1000 !important;
  color: #243F86;
    font-stretch: expanded !important;
    /*text-shadow: 2px 2px 0 black, -2px -2px 0 black, 2px -2px 0 black, -2px 2px 0 black;*/
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
  font-size:40px !important;
}

.sr_townPgContainer {
    display: flex;
    align-items: center;
}

.sr_townPgLeft {
    flex: 1;
    padding: 10px;
}

.sr_townPgRight {
    width: auto; /* Adjust as needed */
}

.sr_townPgRight img {
    max-width: 100%;
    height: auto;
}

.sr_mobileFontSize, .sr_mobileFontSize p, .sr_mobileFontSize .read_div{
    font-size:.9em !important;
}

.sr_mobileFontSize h2{
    font-size:1.5em !important;
    line-height:1.5em;
}

.sr_mobileFontSize label{
    font-size:.9em !important;
}


.recentInterview{
    margin-right:auto !important;
    margin-left:auto !important;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    border: 1px solid darkgray;
    border-radius: 15px;
    padding:20px;
}

#ourProductsDiv h3{
    color:white;
    font-size:29px;
    text-align:center;
}

.locFirstText{
    font-weight: bold;
    text-align: justify; 
    width: 80%; 
    margin: auto !important;
    padding-bottom:20px; 
    border-bottom:1px solid #00000033;
    line-height:1.5em;
}

.fusion-footer-widget-area .current-menu-item>a{
    color:#00a7ff !important;
}

.current_page_item>a{
    color:#de0303 !important;
    font-weight:bold !important;
}

#upcp-name-search{
    color:#363131;
}

.srFooterGBDivider, .srFooterGBAddress{
    margin-bottom:0;
}

.srFooterGBAddress{
    margin-top:0;
}

footer #block-6, footer #block-4, footer #block-5{
     margin-bottom:0;
}

.fusion-footer .fusion-column:nth-of-type(3) .fusion-footer-widget-column p{
    margin:4px;
}

.fusion-footer .fusion-column:nth-of-type(3) .fusion-footer-widget-column{
    margin:1px;
}

.fusion-footer .fusion-column:nth-of-type(3) hr{
    margin-top: 3px;
    margin-bottom: 3px;
}

.fusion-footer .fusion-column:nth-of-type(3){
	opacity:1;
	margin-top:-10px;
}

.fusion-footer .fusion-column:nth-of-type(2){
	opacity:0;
}

.fusion-main-menu{
    background:#ffffff88;
    padding:0 15px;
}

.sr_redLink a{
    color:black;
    text-decoration:none !important;
}

/*.sr_redLink a:hover{
    color:blue;
}*/

.sr_80perc{
    width:80% !important;
    margin-left:auto;
    margin-right:auto;
}

.upperDiv {
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 30px);
    width: 100%;
    height: 50px;
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 2;
}

.wide80percent{
    width:80%;
    margin-left:auto !important;
    margin-right:auto !important;
}

.prodFormH2 h2{
    line-height:40px !important;
}

#mobileNowOnSale{
    background-color:red;
    text-align: center;
    padding: 20px;
    margin:10px 10px 20px 10px;
}

#mobileNowOnSale h2{
    color: white;
    font-weight: bold;
    margin-bottom:0 !important;
}

.fusion-header-wrapper{
    background-color:white;
}

.fusion-main-menu>ul>li {
    padding-right: 14px;
}

.home .wpcf7-text{
    margin:auto !important;
    width:65% !important;
    min-width:200px !important;
}

.fusion-logo-link img{
width:80%;
height:auto;
}

.fusion-logo{
width:40%;
}

.home .wpcf7-select{
    margin:auto;
    width:65% !important;
    min-width:200px !important;
}

#birdeye, #birdeye_m{
    max-height:500px;
    overflow:scroll;
}

/* Style the button that is used to open and close the collapsible content */
.srCollapsible {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-width: 2px;
    border-color: rgb(155, 0, 0);
    border-style: solid;
  text-align: center;
  outline: none;
  font-size: 25px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.srActive, .srCollapsible:hover {
  background-color: #fff;
}

/* Style the collapsible content. Note: hidden by default */
.srContent {
  padding: 30px 30px 0 30px;
  display: block;
  overflow: hidden;
  background-color: #fbfbfb;
}

.srContent #birdeye_m{
    border:1px solid #d2d2d2;
    padding:15px;
}

.srCollapsible:after {
  content: '\02796'; /* Unicode character for "plus" sign (-) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.srActive:after {
  content: "\2795"; /* Unicode character for "minus" sign (+) */
}

.srReview{
    float:left;
    clear:both;
    width:100%;
    border-bottom:1px solid grey;
    padding-bottom:10px;
}

.srReview .comments{
    font-size:20px;
    color:#434242;
    float:left;
    margin-top:20px;
}

.srReview .name{
    color:black;
    float:left;
    clear:both;
    margin-left:20px;
    margin-top:15px;
    text-transform: capitalize;
}

.srReview .reviewDate{
    font-style:italic;
    margin-left:15px;
    margin-top:15px;
    float:left;
}

.srReview .sourceType{
    margin-top:15px;
}

.srReview .srStar{
    width:15px;
    height:15px;
}

.glsr-tag-value{
    font-size:1.2em !important;
}

.glsr-default .glsr-review {
    border: 1px solid lightgrey !important;
    padding-top: 15px !important;
}

.glsr-default .glsr-read-more {
    font-style: normal !important;
}

.hiringDiv{
    text-align: center;
    font-size: 30px;
    color: red;
    margin-bottom: 30px;
}

.wereHiringPic{
    width:70%;
}

.backToLocLink{
    text-align:center;
   
}

.backToLocLink a{
    color: #4071c9;
    text-decoration: underline;
}

/*---VV CATALOG STYLES VV---  this is for the old catalog, think it can be removed safely -*/
.upcp-tabbed-image-container{
    padding:15px;
    background-color:black;
}
.upcp-tabbed-main-image-inner img{
    /*width:700px !important;
    max-width:700px !important;
    height:700px !important;*/
    max-width:600px !important;
}

.upcp-tabbed-main-image-inner::after {
  content: "Click the image to see it full-size.";
  font-size:60%;
}

.upcp-tabbed-tabs-menu{
    display:none !important;
}

.upcp-tabbed-addtl-info-menu{
    display:none;
}

.upcp-tabbed-contact-form-25{
    display:block !important;
}

.upcp-tabbed-tab{
    border:none;
}

.upcp-tabbed-description {
    height: inherit !important;
}

.upcp-contact-form-7-product-form h4{
    font-size:25px;
    font-weight:bold;
}

.upcp-tabbed-tabs-holder .upcp-Hide-Item{
    display:inline !important;
}

.upcp-thumb-item {
    background-color: #9B0000 !important;
    border-bottom: 3px solid darkkhaki !important;
    min-height:295px !important;
}

.upcp-thumb-title a, .prod-cat-title, .prod-cat-price{
    color:#ffffff !important;
    font-family: Lato, Arial, Helvetica, sans-serif;
}

#upcp-tabbed-content p span{
    font-family: Lato, Arial, Helvetica, sans-serif !important;
    font-size:1 !important;
}

.upcp-thumb-price{
    color:#ababab !important;
}

del span.amount {
    opacity: 1 !important;
}

.upcp-thumb-price ins span{
    color:white !important;
}
.upcp-filtering-clear-all{
    display:block !important;
}

.upcp-sale-flag{
    background:red;
}

.prod-cat{
    background-color:#ffffff;
    padding-bottom:100px !important;
}

.prod-cat-price{
    /*display:none !important;*/
}

.prod-cat-sidebar-content, .prod-cat-text-search, .prod-cat-desc, 
.upcp-product-page, .upcp-catalogue-link, .upcp-contact-form-7-product-form h4{
    font-family: Lato, Arial, Helvetica, sans-serif;
}

.prod-cat-inner{
    background-image: url(/wp-content/uploads/2020/05/loading1.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 250px;
}

.prod-cat{
    background-color:#ffffff;
}

.ewd-ulb-lightbox-container{
    top:60px !important;
}

.ewd-ulb-top-toolbar {
    top: 200px;
    background:none;
}

.ewd-ulb-slide-overlay {
    display:none !important;
}

.ewd-ulb-open-lightbox:hover{
    cursor:zoom-in;
}

#backLink{
    font-family: Lato, Arial, Helvetica, sans-serif !important;
    font-size:16px;
}

.catImgTitle{
    font-size:30px;
    margin-top:30px;
    width:100%;
    text-align:center;
    color:red;
}

/*---^ CATALOG STYLES ^^---*/

/*---vvv trying to reduce cls vvv---*/
/*body{
    font-family: Lato, Arial, Helvetica, sans-serif !important;
}*/
/* Define the adjusted Arial fallback to match Lato's metrics */
@font-face {
  font-family: "Lato-fallback";
  src: local("Arial");
  size-adjust: 100%;
  ascent-override: 96%;
  descent-override: 20%;
  line-gap-override: 0%;
  font-display: swap;
}

/* Then update the body rule to slot it in between Lato and Arial */
body {
  font-family: Lato, "Lato-fallback", Arial, Helvetica, sans-serif !important;
}

img.img-responsive {
  aspect-ratio: auto;
  height: auto;
}

/*.w-glitter.w-tooltip {
  position: relative !important;
}

.w-glitter, .w-tooltip, .w-floating {
  position: relative !important;
}*/

/*---^^^ trying to reduce cls ^^^---*/

.sr_nodisplay, .srNoDisplay{
    display:none;
}

.glsr-review{
    background-color: white !important;
    padding: 1px 20px 20px 20px !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 10px 10px 11px -4px rgba(0,0,0,0.55); 
    box-shadow: 10px 10px 11px -4px rgba(0,0,0,0.55);
    margin-right:50px;
}

.glsr-review-content{
    font-style: oblique;
}

.reviewUs{
    
}

.tab-link h4{
    font-weight:bold !important;
}

.page-id-48 #main{
    margin-right:30px;
}

.reviews{
    margin-right:50px;
}

.shortcode-map{
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
}

.checkOutOurProd_img img{
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
}

.reviews q{
    border-radius:10px;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.4);
}

.bannerLink{
    -webkit-box-shadow: 10px 10px 17px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 17px -10px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 17px -10px rgba(0,0,0,0.75);
}
.bslHolder{
    width:100%;
    text-align:center;
    margin-bottom:30px;
}

.bigSpecialsLink {
	box-shadow: 0px 1px 0px 0px #fff6af;
    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    background-color:#ffec64;
    border:1px solid #ffaa22;
    color:#333333;
    text-shadow:0px 1px 0px #ffee66;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:30px;
	padding:9px 23px;
	text-decoration:none;
	width:50%;
	min-width:200px;
	
	/*
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border:1px solid #1582d6;
	color:#ffffff;
	text-shadow:0px 1px 0px #263666;
	*/
}
.bigSpecialsLink:hover {
	/*background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
	color:#ffffff;*/
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.bigSpecialsLink:active {
	position:relative;
	top:1px;
}

.sidebarSpecialsLink{
    padding-top:20px;
    margin-bottom:20px;
    text-align:center;
}

.sidebarSpecialsLink p{
    text-align:center;
    font-size:25px;
    font-weight:bold;
}

.sidebarSpecialsLink a{
    color:blue;
}

.sidebarSpecialsLink img{
    border: 1px solid blue;
    padding: 5px;
    background-color:white;
}

.floorForceLinks{
    min-height:80px;
}

.fusion-open-submenu{
    padding-right:85px !important;
}

.shopAtHome{
    font-size:2rem;
    line-height:2.4rem;
    font-weight:400;
    text-align:center;
    margin:20px auto 0 auto;
    width:80%;
    display:block;
}

.shopAtHome a{
    font-size:2.1rem;
    color:#0073AA;
}

.youtubeLakeland{
   display:block !important;
}

.youtubeOcala{
    display:block !important;
}

.youtubeOrmond{
    display:block !important;
}

.youtubeSavannah{
    display:block !important;
}

.youtubeTallahassee{
    display:block !important;
}

.locTopText{
    width:67%;
    float:left;
    padding-right:30px;
    text-align:justify;
}

.locTopGraphic{
    width:30%;
    float:left;
    text-align:center;
}

.winnerTitle{
    font-size:30px;
    text-align:center;
    margin-bottom:20px;
    font-weight:bold;
}

.winnerPic{
    float: left; 
    width: 50%; 
    min-width: 250px;
}

.winnerText{
    float: left; 
    width: 45%; 
    min-width: 250px;
    margin-left:20px;
}

.slider1 div{
    font-size:20px;
    line-height:24px;
    margin-bottom:10px;
}

.slider1 .client{
    font-style:oblique;
}

.slider2 div{
    font-size:30px;
    line-height:35px;
    margin-bottom:10px;
    color:#483624;
}

.slider2 .client{
    font-style:oblique;
}

.slider3 div{
    font-size:35px;
    line-height:40px;
    margin-bottom:30px;
    color:#ffffff;
}

.slider3 .client{
    font-style:oblique;
}

.slider4 .back{
    padding:20px;
    border-radius:15px;
    width:100%;
    height:100%;
    background-color:white;
    opacity:.7;
    
}

.slider4 div{
    font-size:25px;
    line-height:29px;
    margin-bottom:10px;
    color:#000000;
    
}

.slider4 .client{
    font-style:oblique;
}

.slider5 span{
    font-size:30px;
    line-height:35px;
    margin-bottom:10px;
    color:#ffffff;
    text-align:right;
    padding-bottom:40px;
}

.slider5 .client{
    font-style:oblique;
    margin-top:30px;
}

.slider6 div{
    font-size:30px;
    line-height:35px;
    margin-bottom:30px;
    color:#ffffff;
}

.slider6 .client{
    font-style:oblique;
}

.slider7 div{
    font-size:35px;
    line-height:39px;
    margin-bottom:10px;
    color:#000000;
}

.slider7 .back{
    padding:20px;
    border-radius:15px;
    width:100%;
    height:100%;
    background-color:white;
    opacity:.7;
    
}

.slider7 .client{
    font-style:oblique;
}

.slider8 div{
    font-size:30px;
    line-height:35px;
    margin-bottom:10px;
    color:#000000;
}

.slider8 .back{
    padding:20px;
    border-radius:15px;
    width:100%;
    height:100%;
    background-color:#c89767;
    opacity:.5;
    
}

.slider8 .client{
    font-style:oblique;
}

.slider9 div{
    font-size:30px;
    line-height:35px;
    margin-bottom:30px;
    color:#ffffff;
}

.slider9 .client{
    font-style:oblique;
}

.catalogHolder{
    width:100%;
    text-align:center;
    background-image:url(/wp-content/uploads/2020/01/loading_small.gif);
    background-position:center 25px;
    background-repeat:no-repeat;
}

.catLinkHolder{
    display:flex;
    padding:5px;
}

.catLinkHolder > div{
    flex:1;
    margin:5px;
}

.catLinkButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	width: 100%;
    text-align: center;
    height:100%;
}
.catLinkButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.catLinkButton:active {
	position:relative;
	top:1px;
}

.ocalaBOBText{
    width: 50%; 
    float: left;
}

.ocalaBOBGraphic{
    width: 50%; 
    float: left; 
    margin-bottom: 20px;
}

.ocalaBOBText2{
    width: 34%; 
    float: left;
}

.ocalaBOBGraphic2{
    width: 33%; 
    float: left; 
    margin-bottom: 20px;
}

.locaAddyBlock{
    width:50%;
}

.fusion-header-wrapper:nth-of-type(2) {
  display:none;
}

.aboutPhoneLink{
    display:inline;
}

.page-id-31 #main, .page-id-6653 #main{
	background-image: url(/wp-content/uploads/2019/07/brickWallDark01.jpg);
	background-repeat:repeat;
}

.privacyPageSubHeading{
   font-size:22px;
   color:#333;
   font-weight:bold;
}

.hiddenHeaderBanner{
    display:none;
}

#wpcf7-f2863-p2603-o1 form{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom:30px;
}

.wpcf7-text{
    color:#505050 !important;
}

.fusion-icon{
    background-color: red;
    padding: 4px 3px 4px 5px;
    border-radius: 5px;
}

.fusion-mobile-menu-icons a:after, .fusion-mobile-menu-icons a:before {
    color: white;
}

.glsr-default .glsr-review{
        width:80% !important;
        margin:auto;
    }

@media (max-width: 600px) {
    #wpcf7-f2863-p2603-o1 form p{
        flex-direction: column;
        align-items: stretch;
        margin-bottom:30px;
    }
    
    .glsr-default .glsr-review{
        width:100% !important;
        margin-right:0;
    }
    
    .fbx-caption-desc{
        font-size:17px !important;
        line-height:24px !important;
    }
    
    .fbx-caption-title{
        font-size:25px !important;
        margin-bottom:15px !important;
    }
}

#wpcf7-f2863-p2603-o1 form label{
    margin: 5px 10px 5px 0;
}

#wpcf7-f2863-p2603-o1 form p{
    display:flex;
    margin:0 auto 0 auto;
}

#wpcf7-f2863-p2603-o1 form input[type="email"], #wpcf7-f2863-p2603-o1 form select{
    vertical-align: middle;
    margin: 0 10px 5px 0;
    
    background-color: #fff;
    border: 1px solid #ddd;
    min-width:150px;
}

#wpcf7-f2863-p2603-o1  input[type="submit"],
#wpcf7-f2863-p2603-o1  input[type="button"]{
    padding: 13px 29px;
    background-color: dodgerblue;
    line-height:1px;
    color: white;
    height:32px;
    margin-top:22px;
}

#wpcf7-f2863-p2603-o1  input[type="submit"]:hover,
#wpcf7-f2863-p2603-o1  input[type="button"]:hover{
    background-color: royalblue;
}

#wpcf7-f2828-p7-o1  input[type="submit"],
#wpcf7-f2828-p7-o1 input[type="button"] { 
    width:80%;
    margin:10px auto 20px auto;
    -moz-box-shadow:inset 0px 1px 0px 0px #f25c75;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f25c75;
	box-shadow:inset 0px 1px 0px 0px #f25c75;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c9344d), color-stop(1, #4b0913));
	background:-moz-linear-gradient(top, #c9344d 5%, #4b0913 100%);
	background:-webkit-linear-gradient(top, #c9344d 5%, #4b0913 100%);
	background:-o-linear-gradient(top, #c9344d 5%, #4b0913 100%);
	background:-ms-linear-gradient(top, #c9344d 5%, #4b0913 100%);
	background:linear-gradient(to bottom, #c9344d 5%, #4b0913 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9344d', endColorstr='#4b0913',GradientType=0);
	background-color:#c9344d;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #38050e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #8a0b20;
}

#wpcf7-f2828-p7-o1  input[type="submit"]:hover,
#wpcf7-f2828-p7-o1 input[type="button"]:hover { 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4b0913), color-stop(1, #c9344d));
	background:-moz-linear-gradient(top, #4b0913 5%, #c9344d 100%);
	background:-webkit-linear-gradient(top, #4b0913 5%, #c9344d 100%);
	background:-o-linear-gradient(top, #4b0913 5%, #c9344d 100%);
	background:-ms-linear-gradient(top, #4b0913 5%, #c9344d 100%);
	background:linear-gradient(to bottom, #4b0913 5%, #c9344d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b0913', endColorstr='#c9344d',GradientType=0);
	background-color:#4b0913;
}

#wpcf7-f2828-p7-o1  input[type="submit"]:active,
#wpcf7-f2828-p7-o1 input[type="button"]:active {
    position:relative;
	top:1px;
}

.srBlueBoldLink{
    color:blue;
    font-weight:bold;
}

.srBlueLink{
    color:blue;
}

.srGoogleLink{
    position:relative;
    top:100px;
}

.srALTextBlock{
    padding: 10px 10px 10px 10px;
    background-color: #80B922;
}

.srALTextBlock b{
    color:white;
    float:left;
    margin-bottom:15px;
}

.page-id-2457 #main{
    padding:0 0 40px 0;
     background-color:#9B0000;
}

.page-id-2457 #wrapper{
    background-color:#9B0000;
}

.page-id-2603 #main{
    padding:0 0 2px 0;
     background-color:#9B0000;
}

.page-id-2603 #wrapper{
    background-color:#9B0000;
}

.homeWePayLess a{
    color:#005D5D;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
     font-weight:bold;
}

.homeWePayLess a:hover{
    color:#9B0000;
}


.homeIntroText{
    color: #333333;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
}

.homeIntroText a{
    color:#005D5D;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
}

.homeIntroText a:hover{
    color:#9B0000;
}

#homeFlipboxes{
    padding:0 20px 0 20px;
}

#homeFlipboxes .flip-box-back{
    background-position:top;
    background-size:contain;
}

#homeFlipboxes .flip-box-heading-back{
    padding-top:20px;
}

.srFlipbox{
    margin-bottom:0;
}


.srFlipbox .flip-box-front-inner h2{
    font-size:20px !important;
}

.srFlipbox .flip-box-heading-back {
    padding-top: 50px !important;
}

.srFlipboxLink{
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
     width:100%;
     text-align:center;
     padding:15px 0 15px 0;
     font-weight:bold;
     color:white;
     background-color:#9b0000;
     position:absolute;
     bottom:0;
     left:0;
     
}

.srFlipboxLink:hover{
    background-color:#C60000;
    color:#ffffff;
}

.homePreferredCust {
    position: relative;
    background: #444444;
    overflow: hidden;
    z-index:1;
}

.homePreferredCust:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
    background-image: url('/wp-content/uploads/2026/02/1500x600_laminate_b.webp');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.hpcTextBlock{
    border:2px solid #ffffff;
    padding:15px;
    color:#ffffff;
    text-align:center;
    margin:40px;
}

.hpcTextBlock h1{
    color:white;
}

.hpcTextBlock h2{
    color:white;
}

.hpcTextBlock ul{
   
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 24px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
}

.hpcTextBlock li{
    text-align:left;
}

.hpcRegisterLink{
    padding: 15px;
    background-color: #9B0000;
    line-height: 60px;
    color: white;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
     opacity:.8;
}

.hpcRegisterLink:hover{
    background-color: #007C00;
    color: white;
}

.homeGoogleRev {
    position: relative;
    background: #ececec;
    overflow: hidden;
    z-index:1;
    margin-top:20px;
}

.homeGoogleRev:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
    background-image: url('/wp-content/uploads/2026/02/1500x600_hardwood-min.webp');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.hgrTextBlock{
    border:2px solid #9B0000;
    padding:15px;
    color:#ffffff;
    text-align:center;
    margin:40px;
}

.hgrTextBlock h1{
    color:white;
}

.hgrTextBlock h2{
    color:#005D5D;
    margin-top:30px;
}

.hgrTextBlock ul{
   
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 24px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
}

.hgrTextBlock li{
    text-align:left;
    display:inline-block;
}

.hgrLocationLink{
    padding: 15px;
    background-color: #9B0000;
    line-height: 60px;
    color: white;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
     opacity:.8;
}

.hgrLocationLink:hover{
    background-color: #C60000;
    color: white;
}

.homeProductPics h1{
    font-size:40px;
    color:#ffffff;
}

.homeProductPics h2{
    font-size:30px;
    color:#ffffff;
    text-align:center;
}

.homeProductPics img:hover{
    border-color: #9B0000;
    color: white;
}

.homeProductPics img{
    border:10px solid #ffffff;
    text-align:center;
      -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.5s;
}

.srRounded{
    border-radius: 20px;
    width:70%;
     -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
     transition:.25s;
}

.srRounded:hover{
    width:80%;
}

.recapTxt{
    font-size: 11px;
    color: #000000;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: -5px;
}

.grecaptcha-badge { 
   visibility: hidden;
}

h5{
    font-size:16px !important;
}

.productsH5{
    font-size:24px !important;
}

.marginTop20px{
    margin-top:20px;
}

#toTop{right:unset !important;left:30px;}

.grHomePage{
    border:1px dotted red;
    padding:20px;
    margin-bottom:15px;
}

#rev_slider_8_2_wrapper{
    display:inline-block;
}

.grJumpButtonsSpan{
    width: 20%; 
    min-width: 100px; 
    float: left;
    text-align:center;
}

.grJumpButtons {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
	margin-bottom:15px;
}
.grJumpButtons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.grJumpButtons:active {
	position:relative;
	top:1px;
}

.sr_leftHalf{
    width: 49%; 
    float: left; 
    height: 122px; 
    margin-top: 20px; 
    min-width: 300px;
}

.sr_rightHalf{
    width: 49%; 
    float: right;
}

.review-meta{
    float:left;
    margin-right:20px;
}

.review-stars ul li .star{
display:inline-block;
width:20px;
height:20px;
background-image:url("/wp-content/uploads/2018/08/rateStar.jpg");
}

.review-stars ul li .inactive{
display:inline-block;
width:20px;
height:20px;
background-image:url("/wp-content/uploads/2018/08/rateStarOff.jpg");
}

.review-stars ul li{
display:inline-block;
}

.review-text{
    border-bottom: 3px solid #cccccc; margin-bottom:20px;padding-bottom:15px;
}

.footer-area .menu-item {

font-size: 70%;
line-height: 70%;

}

.menu-text{font-size:14px;}

gfd-special-image {
width:100%;
}
.post-content .fusion-social-links .fusion-social-networks a, .widget .fusion-social-links .fusion-social-networks a {
    font-size: 36px;
}
.wp-caption-text {
    font-weight: normal;
    text-align: center;
}
.fusion-selector-down::before {
    color: #777;
}

.fusion-is-sticky .fusion-main-menu > ul > li > a {
    font-size: 16px;
}

.footerAddressBlocks{
    font-size: 14px;
    line-height: 14px;
}

.footerPrivacyLink{
    margin-left:50px;
    display:unset;
}

.prod-cat-minimalist-hover-div{
    background:rgba(0,0,0,0.2) !important;
}

.prod-cat-minimalist-hover-div a span{
    display:none !important;
}

.prod-cat-minimalist-hover-button{
    margin: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    width: 100% !important;
    height: 100% !important;
    background:#ffffff11 !important;
    line-height:135px !important;
   font-weight:bold !important;
   font-size:30px !important;
}

@media only screen and (max-width: 1210px) {
    .fusion-logo{width:450px;}
}

@media only screen and (max-width: 1110px) {
    .menu-text{font-size: 20px !important;}
    .fusion-mobile-nav-item a {font-size:16px !important;}
}

@media only screen and (max-width: 1050px) {
    .fusion-main-menu > ul > li{padding-right: 15px;}
    .fusion-is-sticky .fusion-main-menu > ul > li {padding-right: 15px;}
}

@media only screen and (max-width: 1024px) {
    #main{
        padding:0 5px 0 5px !important;
    }
    
    .recentInterview{
    margin-right:30px !important;
    margin-left:30px !important;
    }
}


@media only screen and (max-width: 1000px) {
    .fusion-logo{width:350px;}
    
}

@media only screen and (max-width: 900px) {
    .fusion-logo{width:300px;}
    /*.fusion-logo img {height:40px;}*/
}

@media only screen and (max-width: 850px) {
    .fusion-header{padding-left:10px;padding-right:10px;}
    .ocalaBOBText2{
        float:none;
        width:100%;
        text-align:center;
    }
    
    .ocalaBOBGraphic2{
    width: 100%; 
    float: left; 
    text-align:center;
    }
    
    .wereHiringPic{
     width:100%;
    }
}

@media only screen and (max-width: 800px) {
    .sr_mobileLink{
        color:blue;
    }

    .sr_shadowBox{
        margin:20px !important;
    }
    
    .sr_townPgRight, .footerAddressBlocks{
        display:none !important;
    }
    
    #homeFlipboxes .flip-box-back{
        background-image:none !important;
    }
    
    .fusion-page-title-bar {
        display:none;
    }
    
    .floorForceLinks{
        min-height:10px;
    }
    
    .ffContainer .fusion-one-fourth{
        margin-bottom:0;
    }
    
    .ffContainer p{
        margin-bottom:0;
    }
    
    .hpcTextBlock h1,.hgrTextBlock h1{
        line-height:40px;
    }
    
    .hgrTextBlock h2{
        line-height:30px !important;
    }
    
    .hpcTextBlock ul {
        margin-top:0;
    }
    
    .hfdTextBlock h2{
        line-height:35px !important;
    }

    .prod-cat-sidebar-category-content{
        margin-top:-25px;
    }
    
    .prod-cat-inner{
        margin-top:-30px;
    }
    
    .upcp-catalogue-link img{
        margin-top:15px !important;
        margin-bottom:15px !important;
    }
    
    .saleSpan{
        font-size:20px !important;
    }
    
    .upcp-tabbed-description{
        padding:0 !important;
    }
    
    .upcp-tabbed-main-product-container{
        margin-bottom:0 !important;
    }
    
    .fusion-text p{
        line-height:1.2em;
        font-size:1.1em;
        padding:10px;
    }
    
    h1{
        line-height:1.2em !important;
    }
    
    h2{
        margin-bottom:15px !important;
    }
    
    .reviews{
        margin:0 !important;
    }
    
    .review q{
        padding:15px !important;
    }
    
    .fusion-toggle-heading{
        font-size:1.5em;
    }
}

@media only screen and (max-width: 680px) {
    .grJumpButtons{
        width:80px;
        font-size:10px;
    }  
  
  .grJumpButtonsSpan{
        width:80px;
    }
    
   .aboutPhoneLink{
       display:block;
    }
    
        
    .locTopText{
        width:100%;
        float:left;
        padding-right:0;
        text-align:left;
    }
    
    .locTopGraphic{
        width:100%;
        float:left;
        text-align:center;
        margin-bottom:30px;
    }
    
    .locTopGraphic img{
        width:60%;
    }
    
    .homeGoogleRev h2{
        font-size:20px;
    }
    
    #homeFlipboxes{
        margin:0 -20px 0 -20px;
    }
    
    .footerAddressBlocks{
        font-size: 16px;
        line-height: 25px;
    }
    
    .footerPrivacyLink{
        margin-left:inherit;
        display:inherit;
        margin-top:15px;
    }

}

@media only screen and (max-width: 640px) {
		.desktop {
			display: none;
		}
		.smallScreen{
		    display:block;
		}
		.review-stars{
		    clear:both;
		    padding-top:1px;
		}
		.sr_leftHalf{
		   width:100% !important;
		   margin-top:10px;
		}
		.sr_rightHalf{
		    width:100% !important;
		    margin-bottom:20px !important;
		}
}

@media only screen and (max-width: 620px) {
	.srGoogleLink
	{
        position:relative;
        top:0;
    }
    
    .winnerPic
    {
        float: left; 
        width: 100%; 
        margin-bottom:20px;
    }
    
    .winnerText{
        float: left; 
        width: 100%; 
    }
}

@media only screen and (max-width: 580px) {
    .grJumpButtons{
        width:80px;
        font-size:10px;
    } 
    
    .grJumpButtonsSpan{
        width:80px;
    }
    
    .ocalaBOBText{
        float:none;
        width:100%;
        text-align:center;
    }
    
    .ocalaBOBGraphic{
    width: 100%; 
    float: left; 
    text-align:center;
    }
    
    .tp-bullets{
        display:none;
    }

}

@media only screen and (max-width: 500px) {
.catLinkHolder{
    /*display:flex;
    padding:5px;*/
    display:inline;
}

.catLinkHolder > div{
   /* flex:1;
    margin:5px;*/
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

.catLinkButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
}

@media only screen and (max-width: 410px) {
    #attachment_247,#attachment_248,#attachment_251{
        width:70px;
    } 
    
    .hpcTextBlock{
        border:2px solid #ffffff;
        padding:5px;
        color:#ffffff;
        text-align:center;
        margin:10px;
    }
    
    .hgrTextBlock{
        border:2px solid #9B0000;
        padding:5px;
        color:#ffffff;
        text-align:center;
        margin:10px;
    }
    
    .hgrTextBlock h2{
        font-size:25px;
    }
    
    .hgrTextBlock ul{
        padding:0;
    }
    
    .wePayLess, .homeFlagDay{
        padding:5px;
        margin: 0 -15px 0 -15px;
    }
    
    .fusion-testimonials.classic blockquote q {
        padding:5px;
    }
    
    #main{
        padding:0 5px 0 5px;
    }
    
    .days{
        width:100px;
    }
    
    .locaAddyBlock{
        width:100%;
    }
}



#menu-short{
    font-size:17px;
}

#main{
    padding-top:0;
}

Avada Builder Elements

Alert


General Background ColorSet the background color for general alert boxes.
General Accent ColorSet the accent color for general alert boxes.
Error Background ColorSet the background color for error alert boxes.
Error Accent ColorSet the accent color for error alert boxes.
Success Background ColorSet the background color for success alert boxes.
Success Accent ColorSet the accent color for success alert boxes.
Notice Background ColorSet the background color for notice alert boxes.
Notice Accent ColorSet the accent color for notice alert boxes.
Content AlignmentChoose how the content should be displayed.	LeftCenterRight
Text TransformChoose how the text is displayed.	NormalUppercase
Dismissable BoxSelect if the alert box should be dismissable.	YesNo
Box ShadowDisplay a box shadow below the alert box.	YesNo
Border SizeControls the border size of the alert boxes. In pixels.
Alert

Animations


Animation OffsetControls when the animation should start.
Element Appearance AnimationsSelect to enable animations for elements appearance.	Desktop & MobileDesktop OnlyOff
Animations

Audio


Maximum WidthSet the maximum width using a valid CSS value.
Background ColorControls the background color for the audio player.
Audio Progress ColorSelect a color for the audio progress-bar.
Controls Color SchemeDepending on the background color you can change this value to "Light" or "Dark" to ensure controls are visible.	LightDark
Border SizeSet the border size. In pixels.
Border ColorControls the border color for the audio player.
Border RadiusSet the border radius. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.
Audio

Blog


Number of ColumnsSet the number of columns per row for grid and masonry layout. IMPORTANT: Masonry layout does not work with 1 column.
Column SpacingControls the column spacing for blog posts for grid and masonry layout. In pixels.
Blog Grid Text PaddingControls the top/right/bottom/left padding of the blog text when using grid / masonry or timeline layout. Enter values including any valid CSS unit, ex: 30px, 25px, 25px, 25px.
Content DisplayControls if the post content displays an excerpt, full content or is completely disabled for blog elements.	No TextExcerptFull Content
Excerpt LengthControls the number of words in the excerpts for blog elements.
Load More Posts Button Background ColorControls the background color of the load more button for ajax post loading for blog elements.
Load More Posts Button Text ColorControls the text color of the load more button for ajax post loading for blog elements.
Load More Posts Button Hover Background ColorControls the hover background color of the load more button for ajax post loading for blog elements.
Load More Posts Hover Button Text ColorControls the hover text color of the load more button for ajax post loading for blog elements.
Blog

Button


Button SizeControls the default button size.	SmallMediumLargeXLarge
Button SpanControls if the button spans the full width of its container.	YesNo
Button TypeControls the default button type.	Flat3D
Button TypographyThese settings control the typography for all button text.	Font Family Backup Font Family Font Weight & Style Letter Spacing 1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z
Text TransformChoose how the text is displayed.	NormalUppercase
Button Gradient Top ColorControls the top color of the button background.
Button Gradient Bottom ColorControls the bottom color of the button background.
Button Gradient Top Hover ColorControls the top hover color of the button background.
Button Gradient Bottom Hover ColorControls the bottom hover color of the button background.
Button Text ColorControls the color of the button text, divider and icon.
Button Text Hover ColorControls the hover color of the button text, divider and icon.
Button Bevel Color For 3D ModeControls the bevel color of the buttons when using 3D button type.
Button Border SizeControls the border size for buttons. In pixels.
Button Border RadiusControls the border radius for buttons. In pixels.
Button Border ColorControls the border color for buttons.
Button Border Hover ColorControls the hover border color of the button.
Button

Carousel


Carousel Navigation Box ColorControls the color of the navigation box for carousel sliders.
Carousel Hover Navigation Box ColorControls the color of the hover navigation box for carousel sliders.
Carousel SpeedControls the speed of all carousel elements. ex: 1000 = 1 second.
Carousel

Chart


Legend PositionSet chart legend position. Note that on mobile devices legend will be positioned below the chart when left or right position is used.	TopRightBottomLeftOff
Show TooltipsChoose whether tooltips should be displayed on hover. If your chart is in a column and the column has a hover type or link, tooltips are disabled.	YesNo
Chart Background ColorControls the background of the chart.
Chart Axis Text ColorControls the text color of the x-axis and y-axis.
Chart Gridline ColorControls the color of the chart background grid lines and values.
Chart

Checklist


Checklist Icon ColorControls the color of the checklist icon.
Checklist Icon CircleTurn on if you want to display a circle background for checklists icons.	OnOff
Checklist Icon Circle ColorControls the color of the checklist icon circle background. This is a dependent option that always stays visible because other options can utilize it.
Item SizeControls the size of the list items. Enter value including any valid CSS unit, ex: 16px.
Divider LinesChoose if a divider line shows between each list item.	YesNo
Divider Line ColorControls the color of the divider lines. This is a dependent option that always stays visible because other options can utilize it.
Checklist

Column


Column MarginsControls the top/bottom margins for all column sizes. Enter values including any valid CSS unit, ex: 0px, 20px.
Column SpacingControls the column spacing between one column to the next. Enter value including any valid CSS unit, ex: 4%.
Column Width On Medium ScreensControls how columns should be displayed on medium sized screens.	Inherit From LargeFull Width
Column Width On Small ScreensControls how columns should be displayed on small sized screens.	Inherit From LargeFull Width
Column

Container


	IMPORTANT NOTE: For column spacing option, please check column element options panel.
Container Padding for Default TemplateControls the top/right/bottom/left padding of the container element when using the Default page template. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.
Container Padding for 100% Width TemplateControls the top/right/bottom/left padding of the container element when using the 100% width page template. Enter values including any valid CSS unit, ex: 0px, 0px, 30px, 30px.
Container Background ColorControls the background color of the container element.
Container Gradient Start ColorControls the start color for gradient of the container element.
Container Gradient End ColorControls the end color for gradient of the container element.
Container Border SizesControls the border size of the container element. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.
Container Border ColorControls the border color of the container element.
Container 100% Height Navigation Background ColorControls the background colors of the navigation area and name box when using 100% height containers.
Container 100% Height Navigation Element ColorControls the color of the navigation circles and text name when using 100% height containers.
Container 100% Height Scroll SensitivityControls the sensitivity of the scrolling transition on 100% height scrolling secitions. In milliseconds. In pixels.
Container 100% Height On MobileTurn on to enable the 100% height containers on mobile. Please note, this feature only works when your containers have minimal content. If the container has a lot of content it will overflow the screen height. In many cases, 100% height containers work well on desktop, but will need disabled on mobile.	OnOff
Enable Legacy SupportEnable container legacy support. IMPORTANT: If you disable legacy mode and then save a page, all containers on that page will be saved as flex mode. If you later decide to turn the global legacy support back on then you will have to re-edit those pages if you want legacy mode.	OnOff
Container

Content Boxes


Content Box Background ColorControls the background color for content boxes.
Content Box Title Font SizeControls the size of the title text. In pixels.
Content Box Title Font ColorControls the color of the title font.
Content Box Body Font ColorControls the color of the body font.
Content Box Icon Font SizeControls the size of the icon. In pixels.
Content Box Icon ColorControls the color of the content box icon.
Content Box Icon BackgroundTurn on to display a background behind the icon.	OnOff
Content Box Icon Background RadiusControls the border radius of the icon background. Enter value including any valid CSS unit, ex: 50%. This is a dependent option that always stays visible because other options can utilize it.
Content Box Icon Background ColorControls the color of the icon background. This is a dependent option that always stays visible because other options can utilize it.
Content Box Icon Background Inner Border ColorControls the inner border color of the icon background. This is a dependent option that always stays visible because other options can utilize it.
Content Box Icon Background Inner Border SizeControls the inner border size of the icon background. In pixels. This is a dependent option that always stays visible because other options can utilize it.
Content Box Icon Background Outer Border ColorControls the outer border color of the icon background. This is a dependent option that always stays visible because other options can utilize it.
Content Box Icon Background Outer Border SizeControls the outer border size of the icon background. In pixels. This is a dependent option that always stays visible because other options can utilize it.
Content Box Hover Animation TypeControls the hover effect of the icon.	NoneFadeSlidePulsate
Content Box Hover Accent ColorControls the accent color on hover.
Content Box Link TypeControls the type of link that displays in the content box.	TextButton BarButton
Button SpanChoose to have the button span the full width. This is a dependent option that always stays visible because other options can utilize it.	YesNo
Content Box Link AreaControls which area the link will be assigned to.	Link + IconEntire Content Box
Content Box Link TargetControls how the link will open.	Same WindowNew Window/Tab
Content Box Top/Bottom MarginsControls the top/bottom margin for content boxes. Enter values including any valid CSS unit, ex: , .
Content Boxes

Countdown


Countdown TimezoneControls the timezone that is used for the countdown calculation.	Site TimezoneUser Timezone
Countdown LayoutSelect the layout of the coundown element.	FloatedStacked
Countdown Show WeeksTurn on to display the number of weeks in the countdown.	OnOff
Countdown Label PositionSelect the position of the date/time labels.	Text FlowTopBottom
Countdown Background ColorControls the background color for the countdown box.
Countdown Background ImageSelect an image for the countdown box background.	UploadRemove
Countdown Background RepeatControls how the background image repeats.
Countdown Background PositionControls how the background image is positioned.
Countdown Counter Box SpacingControls the spacing between the counter boxes. Enter value including any valid CSS unit, ex: 10px.
Countdown Counter Box Background ColorControls the background color for the counter boxes.
Countdown Counter Box PaddingSet the padding for the counter boxes. Enter values including any valid CSS unit, ex: 0.6em, 1.1em, 0.6em, 1.1em.
Countdown Counter Border SizeControls the border size of the counter boxes. In pixels.
Countdown Counter Border ColorControls the border color of the counter boxes. This is a dependent option that always stays visible because other options can utilize it.
Countdown Counter Border RadiusControls the border radius of the counter boxes. Enter value including any valid CSS unit, ex: 4px.
Countdown Counter Font SizeControls the font size for the countdown timer. Enter value including any valid CSS unit, ex: 18px.
Countdown Counter Text ColorControls the color for the countdown timer text.
Countdown Counter Label Font SizeControls the font size for the countdown label. Enter value including any valid CSS unit, ex: 18px.
Countdown Counter Label Text ColorControls the color for the countdown timer labels.
Countdown Heading Font SizeControls the font size for the countdown heading. Enter value including any valid CSS unit, ex: 18px.
Countdown Heading Text ColorControls the color for the countdown headings.
Countdown Subheading Font SizeControls the font size for the countdown subheading. Enter value including any valid CSS unit, ex: 14px.
Countdown Subheading Text ColorControls the color for the countdown subheadings.
Countdown Link Text ColorControls the color for the countdown link text.
Countdown Link TargetControls how the link will open.	Same WindowNew Window
Countdown

Counter Boxes


Counter Boxes SpeedControls the speed of the counter boxes elements. ex: 1000 = 1 second.
Counter Boxes Value Font ColorControls the color of the counter values and icons.
Counter Boxes Value Font SizeControls the size of the counter value. In pixels.
Counter Boxes Icon SizeControls the size of the icon. In pixels.
Counter Boxes Body Font ColorControls the color of the counter boxes body text.
Counter Boxes Body Font SizeControls the size of the counter boxes body text. In pixels.
Counter Boxes Border ColorControls the color of the counter boxes border.
Counter Boxes Icon On TopTurn on to display the icon on top of the counter value.	OnOff
Counter Boxes

Counter Circles


Counter Circles Filled ColorControls the color of the filled circle.
Counter Circles Unfilled ColorControls the color of the unfilled circle.
Counter Circles

Dropcap


Dropcap ColorControls the color of the dropcap text, or the dropcap box if a box is used.
Dropcap Text ColorControls the color of the dropcap text when a box is used.
Dropcap

Flip Boxes


Flip EffectSet the flip effect for the boxes.	Classic3d
Flip DirectionSet the direction in which the boxes should flip.	Flip LeftFlip RightFlip UpFlip Down
Flip DurationSet the speed at which the boxes flip.
Equal HeightsSet to yes to display flip boxes to equal heights.	YesNo
Flip Box Background Color FrontsideControls the color of the frontside background.
Flip Box Heading Color FrontsideControls the color of the frontside heading.
Flip Box Text Color FrontsideControls the color of the frontside text.
Flip Box Background Color BacksideControls the color of the backside background.
Flip Box Heading Color BacksideControls the color of the backside heading.
Flip Box Text Color BacksideControls the color of the backside text.
Flip Box Border SizeControls the border size of the flip box background. In pixels.
Flip Box Border ColorControls the border color of flip box background.
Flip Box Border RadiusControls the border radius of the flip box background. Enter value including any valid CSS unit, ex: 6px.
Flip Boxes

Gallery


Picture SizeFixed = width and height will be fixed Auto = width and height will adjust to the image.	FixedAuto
Gallery LayoutSelect the gallery layout type.	GridMasonry
Number of ColumnsSet the number of columns per row. IMPORTANT: Masonry layout does not work with 1 column.
Column SpacingControls the column spacing for gallery images. In pixels.
Hover TypeSelect the hover effect type.
Lightbox ContentChoose if titles and captions will display in the lightbox.	NoneTitlesCaptionsTitles & Captions
Gallery Image Border SizeControls the border size of the image. In pixels.
Gallery Image Border ColorControls the border color of the image.
Gallery Image Border RadiusControls the border radius of the gallery images. Enter value including any valid CSS unit, ex: 0px.
Gallery

Google Map


Google API TypeSelect the Google API type that should be used to load your map. The JavaScript API allows for more options and custom styling, but could be charged for by Google depending on the amount of map loads. The embed and the static API can be used for free regardless of map loads. For more information please see the Google Maps Users Guide.	JS APIEmbed APIStatic API
Google Map

Icon


Icon Font SizeControls the size of the icon. In pixels.
Icon ColorControls the color of the icon.
Icon Hover ColorControls the color of the icon on hover.
Icon BackgroundTurn on to display a background behind the icon.	OnOff
Icon Background ColorControls the color of the background.
Icon Hover Background ColorControls the color of the background on hover.
Icon Border SizeControls the border size of the icon background. In pixels.
Icon Background Border ColorControls the border color of the background.
Icon Hover Background Border ColorControls the border color of the background on hover.
Icon Hover Animation TypeControls the hover effect of the icon.	FadeSlidePulsate
Icon

Image Before & After


Effect TypeSelect which type of effect your before and after image uses. "Slide" provides a handle to move back and forth while "Fade" changes the image on mouse hover.	SlideFade
Label Font SizeControls the font size of the label text. Note: font family is controlled by body font in Global Options. In pixels. This is a dependent option that always stays visible because other options can utilize it.
Label Accent ColorControls the color of the label background and text. Text takes 100% of this color, background takes a % of it. This is a dependent option that always stays visible because other options can utilize it.
Label PlacementChoose if labels are on top of the image and centered, on top of the image up & down or outside of the image up & down. This is a dependent option that always stays visible because other options can utilize it.
Handle Design StyleControls the design of the handle used to change the before and after image. This is a dependent option that always stays visible because other options can utilize it.
Handle ColorControls the color of the before and after image handle line and arrows. ex: #ffffff. This is a dependent option that always stays visible because other options can utilize it.
Handle Background ColorControls the background color of the before and after image handle switch. ex: #000000. This is a dependent option that always stays visible because other options can utilize it.
Handle OffsetControls where the handle will be positioned on page load allowing you to control how much of each image displays by default. In percentage. This is a dependent option that always stays visible because other options can utilize it.
Handle OrientationControls the position of the before and after image handle. This is a dependent option that always stays visible because other options can utilize it.	HorizontalVertical
Handle Movement ControlControls how the viewer interacts with the image handler. The image handle can use Drag & Click, Drag Only, or Hover. This is a dependent option that always stays visible because other options can utilize it.	Drag & ClickDrag OnlyHover
Image Fade Transition SpeedControls the speed of the fade transition on mouse hover. In seconds. This is a dependent option that always stays visible because other options can utilize it.
Border SizeControls the border size of the image before & after element. In pixels.
Border ColorControls the border color of the image before & after element. This is a dependent option that always stays visible because other options can utilize it.
Border RadiusControls the border radius of the image before & after element. Enter value including any valid CSS unit, ex: 0px. This is a dependent option that always stays visible because other options can utilize it.
Image Before & After

Image


Image Style TypeSelect the style type.	NoneGlowDrop ShadowBottom Shadow
Image Glow / Drop Shadow BlurChoose the amount of blur added to glow or drop shadow effect. In pixels. This is a dependent option that always stays visible because other options can utilize it.
Image Style ColorControls the style color for all style types except border. Hex colors will use a subtle auto added alpha level to produce a nice effect. This is a dependent option that always stays visible because other options can utilize it.
Image Border SizeControls the border size of the image. In pixels.
Image Border ColorControls the border color of the image. This is a dependent option that always stays visible because other options can utilize it.
Image Border RadiusControls the border radius of the image. Enter value including any valid CSS unit, ex: 0px.
Image

Modal


Modal Background ColorControls the background color of the modal popup box.
Modal Border ColorControls the border color of the modal popup box.
Modal

Person


	IMPORTANT NOTE: The styling options for the social icons used in the person element are controlled through the options under the "Social Icon Elements" section on this tab.
Person Background ColorControls the background color of the person area.
Person Picture Style TypeSelect the style type.	NoneGlowDrop ShadowBottom Shadow
Person Picture Glow / Drop Shadow BlurChoose the amount of blur added to glow or drop shadow effect. In pixels.
Person Style ColorControls the style color for all style types except border.
Person Border ColorControls the border color of the person image.
Person Border SizeControls the border size of the person image. In pixels.
Person Border RadiusControls the border radius of the person image. Enter value including any valid CSS unit, ex: 0px.
Person Content AlignmentControls the alignment of the person content.	LeftCenterRight
Person Social Icon PositionControls the position of the social icons.	TopBottom
Person


Popover Heading Background ColorControls the color of the popover heading background.
Popover Content Background ColorControls the color of popover content background.
Popover Border ColorControls the border color of popover box.
Popover Text ColorControls the color of the popover text.
Popover PositionControls the position of the popover in reference to the triggering element.	TopRightBottomLeft
Popover

Pricing Table


Pricing Box Style 1 Heading ColorControls the color of style 1 pricing table headings.
Pricing Box Style 2 Heading ColorControls the color of style 2 pricing table headings.
Pricing Box ColorControls the color portions of pricing boxes.
Pricing Box Background ColorControls the color of the main background and title background.
Pricing Box Background Hover ColorControls the hover color of the main background and title background.
Pricing Box Border ColorControls the color of the outer border, pricing row and footer row backgrounds.
Pricing Box Divider ColorControls the color of the dividers in-between pricing rows.
Pricing Table

Progress Bar


Progress Bar HeightInsert a height for the progress bar. Enter value including any valid CSS unit, ex: 48px.
Progress Bar Text PositionSelect the position of the progress bar text. Choose "Default" for Global Options selection.	On BarAbove BarBelow Bar
Progress Bar Filled ColorControls the color of the progress bar filled area.
Progress Bar Filled Border ColorControls the border color of the progress bar filled area.
Progress Bar Filled Border SizeControls the border size of the progress bar filled area. In pixels.
Progress Bar Unfilled ColorControls the color of the progress bar unfilled area.
Progress Bar Text ColorControls the color of the progress bar text.
Progress Bar

Scroll Progress


Progress Bar PositionSelect the position of the progress bar..	Content FlowFixed to TopFixed to Bottom
Progress Bar HeightInsert a height for the progress bar. Enter value including any valid CSS unit, ex: 10px.
Background ColorControls the background color of the progress bar.
Progress ColorControls the color of the progress bar.
Progress Bar Border SizeControls the border size of the progress bar. In pixels.
Progress Bar Border ColorControls the border color of the progress bar.
Border RadiusSet the border radius of the progress bar. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.
Scroll Progress

Section Separator


Section Separator Border SizeControls the border size of the section separator. In pixels.
Section Separator Background ColorControls the background color of the section separator style.
Section Separator Border ColorControls the border color of the separator.
Section Separator

Separator


Separator StyleControls the line style of all separators, divider lines on portfolio archives, blog archives, product archives and more.
Separator ColorControls the color of all separators, divider lines and borders for meta, previous & next, filters, archive pages, boxes around number pagination, sidebar widgets, accordion divider lines, counter boxes and more.
Border SizeControls the border size of the separator. In pixels.
Icon SizeControls the icon size of the separator. In pixels.
Icon ColorControls the color of the Icon
Separator CircleTurn on if you want to display a circle around the separator icon.	OnOff
Circle ColorControls the background color of the circle around the icon.
Separator

Social Links Element


Social Links Icons Font SizeControls the font size for the social link icons. Enter value including CSS unit (px, em, rem), ex: 16px.
Social Links Icon Color TypeCustom colors allow you to choose a color for icons and boxes. Brand colors will use the exact brand color of each network for the icons or boxes.	Custom ColorsBrand Colors
Social Links Custom Icons ColorControls the color of the custom icons. This is a dependent option that always stays visible because other options can utilize it.
Social Links Icons BoxedTurn on to have the icon displayed in a small box. Turn off to have the icon displayed with no box.	OnOff
Social Links Icons Custom Box ColorSelect a custom social icon box color. This is a dependent option that always stays visible because other options can utilize it.
Social Links Icons Boxed RadiusBox radius for the social icons. Enter value including any valid CSS unit, ex: 4px. This is a dependent option that always stays visible because other options can utilize it.
Social Links Icons Boxed Padding Enter value including any valid CSS unit, ex: 8px. This is a dependent option that always stays visible because other options can utilize it.
Social Links Icons Tooltip PositionControls the tooltip position of the social links icons.	TopRightBottomLeftNone
Social Links Element

Syntax Highlighter


Highlighter ThemeSelect which theme you want to use for code highlighting.	Light 1Light 2Dark 1Dark 2
Line NumbersChoose if you want to display or hide line numbers.	YesNo
Line Numbers Background ColorControls the background color for the line numbers. If left empty, color from selected theme will be used.
Line Numbers Text ColorControls the color for line number text. If left empty, color from selected theme will be used.
Line WrappingControls whether the long line should break or add horizontal scroll.	ScrollBreak
Copy to ClipboardChoose if you want to allow your visitors to easily copy your code with a click of the button.	YesNo
Copy to Clipboard TextEnter text to be displayed for user to click to copy.
Font SizeControls the font size of the syntax highlight code. In pixels.
Background ColorControls the background color for code highlight area.
Border SizeControls the border size of the syntax highlighter. In pixels. In pixels.
Border ColorControls the border color.
Border StyleControls the border style.	SolidDashedDotted
MarginsControls the margin around syntax highlighter element. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.
Syntax Highlighter

Tabs


	IMPORTANT NOTE: These tab global options control both the tab element and Avada tab widget, however the widget does not utilize icons.
Tabs Background Color + Hover ColorControls the color of the active tab, tab hover and content background.
Tabs Inactive ColorControls the color of the inactive tabs as well as the post date box layout for the Avada Tab Widget.
Tabs Border ColorControls the color of the tab border.
Icon PositionChoose the position of the icon on the tab.	LeftRightTop
Tabs Icon SizeSet the size of the icon. In pixels.
Tabs

Tagline Box


Tagline Box Background ColorControls the color of the tagline box background.
Tagline Box Border ColorControls the border color of the tagline box.
Tagline Box Top/Bottom MarginsControls the top/bottom margin of the tagline box. Enter values including any valid CSS unit, ex: 0px, 20px.
Tagline Box

Testimonials


Testimonial Background ColorControls the color of the testimonial background.
Testimonial Text ColorControls the color of the testimonial text.
Testimonials SpeedControls the speed of the testimonial slider. ex: 1000 = 1 second. IMPORTANT: Setting speed to 0 will disable autoplay for testimonials slider.
Random OrderTurn on to display testimonials in a random order.	OnOff
Testimonials

Text Block


Number Of Inline ColumnsSet the number of columns the text should be broken into. IMPORTANT: This feature is designed to be used for running text, images, dropcaps and other inline content. While some block elements will work, their usage is not recommended and others can easily break the layout.
Column Min WidthSet the minimum width for each column, this allows your columns to gracefully break into the selected size as the screen width narrows. Leave this option empty if you wish to keep the same amount of columns from desktop to mobile. Enter value including any valid CSS unit, ex: 100px. This is a dependent option that always stays visible because other options can utilize it.
Column SpacingControls the column spacing between one column to the next. Enter value including any valid CSS unit besides % which does not work for inline columns, ex: 2em. This is a dependent option that always stays visible because other options can utilize it.
Rule StyleSelect the style of the vertical line between columns. Some of the styles depend on the rule size and color. This is a dependent option that always stays visible because other options can utilize it.
Rule SizeSets the size of the vertical line between columns. The rule is rendered as "below" spacing and columns, so it can span over the gap between columns if it is larger than the column spacing amount. In pixels. This is a dependent option that always stays visible because other options can utilize it.
Rule ColorControls the color of the vertical line between columns. This is a dependent option that always stays visible because other options can utilize it.
Text Block

Title


Title SeparatorControls the type of title separator that will display.
Title Separator ColorControls the color of the title separators.
Title MarginsControls the margin of the titles. Leave empty to use corresponding heading margins. Enter values including any valid CSS unit, ex: 10px, 0px, 15px, 0px.
Title Mobile MarginsControls the margin of the titles on mobiles. Leave empty together with desktop margins to use corresponding heading margins. Enter values including any valid CSS unit, ex: 10px, 0px, 10px, 0px.
Title

Toggles


Toggles or AccordionsToggles allow several items to be open at a time. Accordions only allow one item to be open at a time.	TogglesAccordions
Toggle Boxed ModeTurn on to display items in boxed mode. Toggle divider line must be disabled for this option to work.	OnOff
Toggle Boxed Mode Border WidthControls the border size of the toggle item. In pixels. This is a dependent option that always stays visible because other options can utilize it.
Toggle Boxed Mode Border ColorControls the border color of the toggle item. This is a dependent option that always stays visible because other options can utilize it.
Toggle Boxed Mode Background ColorControls the background color of the toggle item. This is a dependent option that always stays visible because other options can utilize it.
Toggle Boxed Mode Background Hover ColorControls the background hover color of the toggle item. This is a dependent option that always stays visible because other options can utilize it.
Toggle Divider LineTurn on to display a divider line between each item. This is a dependent option that always stays visible because other options can utilize it.	OnOff
Toggle Title Font SizeControls the size of the title text. Enter value including any valid CSS unit, ex: 13px.
Toggle Icon SizeSet the size of the icon. In pixels.
Toggle Icon ColorControls the color of icon in toggle box.
Toggle Icon Boxed ModeTurn on to display toggle icon in boxed mode.	OnOff
Toggle Icon Inactive Box ColorControls the color of the inactive toggle box. This is a dependent option that always stays visible because other options can utilize it.
Toggle Hover Accent ColorControls the accent color on hover for icon box and title.
Toggle Icon AlignmentControls the alignment of toggle icon.	LeftRight
Toggles

User Login


User Login Text AlignControls the alignment of all user login content. "Text Flow" follows the default text align of the site. "Center" will center all elements.	Text FlowCenter
User Login Form Field LayoutChoose if form fields should be stacked and full width, or if they should be floated. IMPORTANT: This option only works for the login and the register form.	StackedFloated
User Login Show LabelsControls if the form field labels should be shown.	YesNo
User Login Show PlaceholdersControls if the form field placeholders should be shown.	YesNo
User Login Show Remember Me CheckboxControls if the remenber me checkbox should be displayed in the login form.	YesNo
User Login Form Background ColorControls the color of the form background.
User Login

Video


Maximum WidthSet the maximum width using a valid CSS value.
Video ControlsControls whether the video controls should show or not.	ShowHide
Video PreloadingControls how / if the browser should preload the video. Choose "Metadata" if only the video metadata should be preloaded on page load or "Auto" to preload the full video on page load.	AutoMetadataNone
Video

Visibility Size Options


	IMPORTANT NOTE: You can now find the visibility breakpoints on the main responsive tab.
Visibility Size Options

Widget Area


Widget Title SizeControls the size of widget titles. In pixels. Enter value including any valid CSS unit, ex: 13px.
Widget Title ColorControls the color of widget titles.
Widget Area

Import Options

Important: Only Global Options settings from Avada 4.0 or higher can be imported.

Import Contents from File Import from URL

Copy the contents of the json file and paste it below. Then click "Import" to restore your setings.

Input the URL to another sites options set and hit Import to load the options from that site.

WARNING! This will overwrite all existing option values, please proceed with caution!

Export Options

Here you can copy/download your current Global Options settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

Copy Data Download Data File Copy Export URL

Avada 7.3

Layout

Responsive

Colors

Header

Header Content

Header Background Image

Header Styling

Sticky Header

Menu

Main Menu

Flyout Menu

Secondary Top Menu

Mobile Menu

Mega Menu

Main Menu Icons

Logo

Logo

Favicon

Page Title Bar

Breadcrumbs

Sliding Bar

Footer

Footer Content

Footer Background Image

Footer Styling

Sidebars

Sidebar Styling

Pages

Portfolio Posts

Portfolio Archive

Blog Posts

Blog Archive

Search Page

WooCommerce Products

WooCommerce Archive

Background

Page Background

Main Content Background

Typography

Body Typography

Heading Typography

Custom Fonts

Font Name

WOFF2

WOFF

TTF

EOT

SVG

Blog

General Blog

Blog Single Post

Blog Meta

Portfolio

General Portfolio

Portfolio Single Post

Social Media

Social Media Icons

Facebook

Social Network

Custom Link

Custom Icon Title

Choose the image you want to use as icon

Header Social Icons Styling

Footer Social Icons Styling

Social Sharing

Slideshows

Elastic Slider

Lightbox

Forms

Forms Styling

Google reCAPTCHA

HubSpot

Contact Template

Contact Template

Google Map

Google Map Styling

Search

Search Form

Search Page