/*
Theme Name: gatorvacuum
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.3.1754401554
Updated: 2025-08-05 13:45:54

*/

:root {
  --wp--style--global--content-size: 1140px !important;
}

@font-face {
    font-family:'Segoe-UI';
    src:url('fonts/segoe-ui/segoe-ui.woff2') format('woff2'),
    url('fonts/segoe-ui/segoe-ui.woff') format('woff'),
    url('fonts/segoe-ui/segoe-ui.eot') format('eot'),
    url('fonts/segoe-ui/segoe-ui.ttf') format('truetype'),
    url('fonts/segoe-ui/segoe-ui.svg#segoe-ui-semibold') format('svg'); ;
}

@font-face {
    font-family:'Segoe-UI-Semibold';
    src:url('fonts/segoe-ui/segoe-ui-semibold.woff2') format('woff2'),
    url('fonts/segoe-ui/segoe-ui-semibold.woff') format('woff'),
    url('fonts/segoe-ui/segoe-ui-semibold.eot') format('eot'),
    url('fonts/segoe-ui/segoe-ui-semibold.ttf') format('truetype'),
    url('fonts/segoe-ui/segoe-ui-semibold.svg#segoe-ui-semibold') format('svg'); ;
}

@font-face {
    font-family:'Segoe-UI-Bold';
    src:url('fonts/segoe-ui/segoe-ui-bold.woff2') format('woff2'),
    url('fonts/segoe-ui/segoe-ui-bold.woff') format('woff'),
    url('fonts/segoe-ui/segoe-ui-bold.eot') format('eot'),
    url('fonts/segoe-ui/segoe-ui-bold.ttf') format('truetype'),
    url('fonts/segoe-ui/segoe-ui-bold.svg#segoe-ui-semibold') format('svg'); ;
}
@font-face {
    font-family:'Montserrat-Light';
    src:url('fonts/montserrat-light/montserrat-light.woff2') format('woff2'),
    url('fonts/montserrat-light/montserrat-light.woff') format('woff'),
    url('fonts/montserrat-light/montserrat-light.eot') format('eot'),
    url('fonts/montserrat-light/montserrat-light.ttf') format('truetype'),
    url('fonts/montserrat-light/montserrat-light.svg#montserrat-light') format('svg'); ;
}
.segoe-ui h2,  .segoe-ui a, .segoe-ui p {
    font-family: 'Segoe-UI' !important;
}
span.date,
span.author {
    font-family: 'Segoe-UI-Semibold';
    color: #666;
    font-size: 13px;
    text-transform: uppercase;
}
h3.entry-title {
    font-family: 'Segoe-UI-Semibold';
    font-size: 40px;
}
/*Sticky header Css*/
    #top-header {
  width: 100%;
  background: #fff;
  transition: all 0.3s ease;
  z-index: 9999;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
}
.sticky .top-header-inner {
	border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 0 4px #aaaaaa;
    border: none;
    height: auto;
}
.sticky .city-mobile p {
    font-size: 28px;
    margin-top: 0px;
}
@media only screen and (max-width: 991px) {
    .sticky .city-mobile p {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
    .page-banner h1 {
        font-size: 5rem !important;
    }
}

.sticky .logo-gator,
.sticky .logo-50 {
    width: 60%;
}

.categories h5,
.popular_tags h5 {
  font-family:'Segoe-UI';
  font-size: 22px;
  line-height: 47px;
  color: #000000;
  font-weight: bold;
  margin: 0;
}

.popular_tags h5 {
    line-height: normal;
    margin-bottom: 28px;
}

.categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*Sticky header Css - end*/

.homepage-banner {
  position: relative;
}

.homepage-banner-text {
  background: #7aa651;
  padding: 16px;
}

@media only screen and (min-width: 992px) {
  .homepage-banner-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: rgba(122, 166, 81, 0.8);
    padding: 0;
  }
  .homepage-banner-text-inner {
    padding: 12px;
  }
}

.homepage-banner-text h1 {
  font-family: 'Segoe-UI-Bold';
  color: #000;
  margin: 0;
  font-size: 28px;
  text-transform: uppercase;
}

.homepage-banner-text h2 {
  margin: 8px 0 0 0;
  color: #fff;
  font-size: 24px;
  font-family: 'Segoe-UI-Semibold';
}

@media only screen and (max-width: 767px) {
    .page-banner .homepage-banner-text h1 {
      font-size: 28px !important;
    }
}

/* Center the container horizontally */
.categories li {
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
  font-size: 17px;
  color: #666;
  line-height: 43px;
  font-weight: bold;
  font-family: "Montserrat";
}

.categories li a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.city-mobile p {
  margin-top: 10px;
}

.popular_tags a {
  display: inline-block;
  padding: 6px 14px;
  margin: 5px 6px 5px 0;
  font-family:'Segoe-UI-Semibold';
  font-size: 18px !important;
  color: #666;
  border: 1px solid #628c3f; /* light green */
  border-radius: 12px;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease;
}

.popular_tags a:hover {
  border-color: #6BA94A;
}

.elementor-500 .elementor-element.elementor-element-16a6e24 .tpg-el-main-wrapper .tpg-el-image-wrap img{
	border-radius: 10px;
}
.read-more a{
	font-size: 13px;
    line-height: 11px;	
    text-decoration: underline;
    color: #000000;
    font-weight: bold;
    font-family:'Segoe-UI-Semibold';
    border: none;
}

.rt-holder{
	box-shadow:none !important;
}

.tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail .read-more a {
    font-family:'Segoe-UI-Semibold';
    border: none;
    padding: 0;
    border-bottom: 2px solid #000;
    height: 24px;
    line-height: normal;
}

.tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail .read-more a:hover {
    border-bottom: none;
}

#rt-tpg-container-550930482 .read-more a {
    border: 0px	 !important;
}

.rt-pagination .pagination-list>.active>span{
	background-color: #628c3f;
	border: none;
	border-radius: 50px;
}
.rt-pagination .pagination-list>li>a{
	border: none ;
}
.rt-pagination .pagination-list>li>a{
	width: 20%;
}
:where(.wp-site-blocks *:focus) {
    outline-style: none !important;
}
.blog-posts-list .tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail {
    padding: 15px 0;
}
.post-left {
  max-width: 520px !important;
  margin: 0 32px 16px 0 !important;
  float: left !important;
  padding: 0 !important;
}
.post-left .author-and-categories {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.post-content {
  display: block !important;
  padding: 0;
}
.post-content ul {
  overflow: hidden;
}
.sidebar-heading {
    font-family:'Segoe-UI';
    font-size: 22px;
    color: #000;
    font-weight: bold;
    margin-bottom: 8px;
}
.rt-pagination .pagination-list>li>a:hover {
    background: none;
    color: #628c3f;
}
.rt-pagination .pagination-list>.active>a, .rt-pagination .pagination-list>.active>a:focus, .rt-pagination .pagination-list>.active>a:hover, .rt-pagination .pagination-list>.active>span, .rt-pagination .pagination-list>.active>span:focus, .rt-pagination .pagination-list>.active>span:hover {
    background: #628c3f;
}
.elementor-widget-wp-widget-categories {
    padding: 0;
}
.elementor-widget-wp-widget-categories a:link,
.elementor-widget-wp-widget-categories a:visited,
.elementor-widget-wp-widget-categories a:hover {
    font-family:'Segoe-UI';
    color: #666;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
}
.recent-posts-container .rt-container-fluid  {
    padding: 0;
}
.recent-posts-container h2.tpg-widget-heading {
    text-transform: capitalize !important;
}
.recent-posts-container .tpg-el-main-wrapper .entry-title a:link,
.recent-posts-container .tpg-el-main-wrapper .entry-title a:hover,
.recent-posts-container .tpg-el-main-wrapper .entry-title a:visited {
    font-family:'Segoe-UI';
    font-size: 16px;
    font-weight: bold;
}
.recent-posts-container .tpg-el-main-wrapper .entry-title:hover {
    color: #000;
}
.recent-posts-container .rt-el-post-meta a:hover {
    color: #666;
}
.recent-posts-container.tpg-border-bottom-enable .tpg-el-main-wrapper .tpg-post-holder {
    padding-bottom: 18px !important;
}
.recent-posts-container.tpg-el-main-wrapper .rt-content-loader [class*=rt-col] {
    padding-top: 18px;
}
.recent-posts-container .tpg-el-main-wrapper .rt-content-loader [class*=rt-col] {
    padding-bottom: 18px !important;
}
.rt-pagination {
    text-align: left;
}
.wp-block-post-featured-image {
    max-width: 1140px !important;
}

.elementskit-megamenu-panel{
	width: 1200px !important;
	max-height: 300px !important;
}
.brandslist li a {
    color: #7A7A7A; /* Default text color */
    text-decoration: none; /* Remove underline if needed */
    padding: 5px 10px; /* Add some space around text */
    display: inline-block; /* Ensures background applies properly */
    transition: all 0.3s ease; /* Smooth hover effect */
}
.brandslist li a:hover {
    background-color: #7A7A7A; /* Background on hover */
    color: #FFFFFF; /* Text color on hover */
    font-weight: bold; /* Make text bolder on hover */
}


h1.blog-post-title {
    font-family: "Roboto", sans-serif;
}
.wp-block-post-terms.blogDetail__intro--tags {
    align-items: center !important;
    display: flex !important;
    column-gap: 8px !important;
    margin-top: 16px !important;
    padding-bottom: 30px !important;
    flex-wrap: wrap;
    justify-content: center;
}
.wp-block-post-terms.blogDetail__intro--tags a {
    display: inline-block !important;
    background: #a283c1 !important;
    border-radius: 60px !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 5px 15px !important;
    text-decoration: none !important;
    margin-bottom: 16px;
}

.wp-block-list {
    margin: 1rem 0 1rem 0;
    list-style: none;
	padding-left: 0;
}
.wp-block-list li {
    margin-left: 1.5em;
    position: relative;
}
.wp-block-list li::before {
	content: "";
	position: absolute;
    left: -1.5em;
    top: 0;
    background-image: url('https://www.gatorvacuum.com/blog/wp-content/uploads/2025/09/green-tck.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
}

.brands-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  columns: 4; /* number of columns */
  -webkit-columns: 4;
  -moz-columns: 4;
}

.brands-grid li {
  margin: 0 0 6px;
}

.brands-grid a {
  text-decoration: none;
  color: #000;
  font-weight: 600;
}
.elementor-widget-text-editor ul {
  list-style-type: disc !important; /* solid dot */
}
/* Default bullet color */
.brandslist li::marker {
    color: #7A7A7A;
    transition: color 0.3s ease;
}

/* Change bullet color when hovering over the link */
.brandslist li:hover::marker {
    color: #FFFFFF; /* same as text hover color */
}
.brandslist2 li::marker {
    content: none;
}
.brandslist2 li a {
    color: #7A7A7A; /* Default text color */
    text-decoration: none; /* Remove underline if needed */
    padding: 5px 10px; /* Add some space around text */
    display: inline-block; /* Ensures background applies properly */
    transition: all 0.3s ease; /* Smooth hover effect */
}
.brandslist2 li a:hover {
    background-color: #7A7A7A; /* Background on hover */
    color: #FFFFFF; /* Text color on hover */
    font-weight: bold; /* Make text bolder on hover */
}


/* Override mobile dropdown to horizontal */
.hfe-nav-menu.hfe-layout-horizontal .hfe-nav-menu__toggle.menu-is-active .hfe-nav-menu__container,
.hfe-nav-menu__layout-horizontal.hfe-dropdown.menu-is-active {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    background: #EDEDED !important;
}

/* Menu items inline */
.hfe-nav-menu__layout-horizontal.hfe-dropdown.menu-is-active li,
.hfe-nav-menu__container ul li {
   display: contents;
    border: none !important;
    margin: 0 !important;
}

/* Links */
.hfe-nav-menu__layout-horizontal.hfe-dropdown.menu-is-active li a {
    color: #000 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    text-decoration: none !important;
	background-color: #EDEDED !important;
	border-bottom: solid 1px #bbbbbb !important;
	line-height: 1.4;
}

/* Submenu arrows */
.hfe-nav-menu__submenu-arrow {
    font-size: 12px !important;
}

/* Hide all submenus in mobile menu */
.hfe-nav-menu__layout-horizontal.hfe-dropdown.menu-is-active ul.sub-menu {
    display: none !important;
}

.hfe-nav-menu__submenu-arrow {
    display: none !important;
}

@media only screen and (max-width: 1024px) {
    .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow {
        visibility: hidden;
    }
}

.hfe-nav-menu__layout-horizontal.hfe-dropdown.menu-is-active {
    border-bottom: 1px solid #ccc;
	padding-left: 10px;

}

@media only screen and (max-width: 1024px) {
    .hfe-nav-menu__breakpoint-tablet .hfe-layout-horizontal .hfe-nav-menu__toggle, .hfe-nav-menu__breakpoint-tablet .hfe-layout-vertical .hfe-nav-menu__toggle { 
    display: flex;              /* make icon + ::after sit side by side */
    align-items: center;        /* vertical center */
    justify-content: center;    /* horizontal center */
    gap: 0px;                   /* space between icon and text */
}
}

@media (max-width: 767px) {
    .elementor-1679 .elementor-element.elementor-element-254c1e9 .hfe-nav-menu-icon {
        font-size: 30px !important;
		padding-left: 50px;
	}
}	
.hfe-nav-menu__toggle::after {
    content: "Menu";
    color: inherit; /* same color as the icon */
    font-size: 20px;
    font-weight: 500;
	margin-right: 8px;
}

.hfe-nav-menu__toggle:hover {
    background-color: #EDEDED;
}

@media (min-width: 768px) {
    .elementor-1213 .elementor-element.elementor-element-d57ecf1 {
        margin-right: 180px;
    }
}

.elementor-1679 .elementor-element.elementor-element-393af8e .elementskit-navbar-nav .elementskit-submenu-panel > li > a {
    border-bottom: solid 0.2px #ccc !important;
}

.elementor-1679 .elementor-element.elementor-element-393af8e .elementskit-navbar-nav .elementskit-submenu-panel {
    border: solid 5px !important;
}

.elementskit-navbar-nav > li > a,
.elementor-1679 .elementor-element.elementor-element-393af8e 
.elementskit-navbar-nav > li.current-menu-ancestor > a,
.elementor-1679 .elementor-element.elementor-element-393af8e .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item:hover > a  {
    color: #000000 !important;
}
.wp-block-column .page-banner {
    border-radius: 10px !important;
}
.wp-block-column .page-banner h1 {
    font-size: 143px !important;
    line-height: 94px !important;
    font-family: 'Segoe-UI' !important;
    letter-spacing: 16px;
}
.city-mobile, .city-mobile strong, .city-mobile span, .city-details,
.elementskit-menu-container .elementskit-navbar-nav .menu-item-type-custom .ekit-menu-nav-link {
    font-family: 'Segoe-UI-Bold' !important;
}

.elementskit-navbar-nav-default .elementskit-dropdown{
	background-color: #fff !important;
}
.elementor-1679 .elementor-element.elementor-element-393af8e .elementskit-navbar-nav .elementskit-submenu-panel > li > a {
    font-family: 'Montserrat-Light';
    font-weight: 600;
    color: #636363;
    font-size: 14px;
}
.elementor-1679 .elementor-element.elementor-element-393af8e .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a,
.elementor-1679 .elementor-element.elementor-element-393af8e .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item:hover > a {
    color: #000;
}
.page-banner{
	margin-top: -10px !important;
}
.elementor-1034 .elementor-element.elementor-element-2103b30:not(.elementor-motion-effects-element-type-background), .elementor-1034 .elementor-element.elementor-element-2103b30 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    width: 93%;
}
.wp-block-column .page-banner .is-layout-flow .wp-block-column-is-layout-flow{
	flex-basis: 1200px !important;
}
.city-mobile a:hover {
  color: #0056b3;
  text-decoration: underline;
}
.rt-img-holder .rt-img-responsive {
    border-radius: 10px !important;
}
.rt-tpg-container .list-layout1 .rt-holder .tpg-el-image-wrap {
  margin: 0 12px 0 0 !important;
}
.rt-tpg-container .rt-el-post-meta i {
  margin-right: 4px;
}
.gator-vacuum-blog-list .rt-col-md-12, .gator-vacuum-blog-list .rt-col-sm-12, .gator-vacuum-blog-list .rt-col-xs-12 {
  padding: 0;
}
.wp-block-post-featured-image {
  border-radius: none;
}
.archive .archive-page {
  max-width: 1140px !important;
  margin: 0 auto;
}
.archive-page ul.wp-block-post-template li > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 20px !important;
}
.archive .archive-page .wp-block-post-featured-image {
  max-width: 520px !important;
  float: left !important;
  margin: 0 32px 16px 0 !important;
}
.archive-page-title {
  margin-top: 0 !important;
}
.archive .archive-page h2 a {
  display: inline;
}
.archive-page-content {
  display: block !important;
}
main {
  margin-top: 0 !important;
}
main h1 {
  color: #669900;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
}
@media only screen and (max-width: 991px) {
  .wp-block-column .page-banner h1 {
    font-size: 80px !important;
  }
}
.blog-wrap-image {
  max-width: 300px;
  float: left;
  margin: 8px 12px 12px 0;
}
.clear {
  clear: both;
}
@media (max-width: 768px) {
  .wp-block-post-title {
    font-size: 22px !important;
  }
}
/* Ensure outer container allows overflow */
.page-width-container {
    overflow: visible;
    position: relative;
}

/* Full-width background container */
.full-bleed-bg {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Keep content inside page width */
.full-bleed-bg .inner-content {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* hide title */
.wp-block-post-title {
    display: none !important;
}