/*
Theme Name: Guardian Pest
Version: 1.0
Template: hello-elementor
*/
/* global style */

:root {
  /* font family */
  --heading-font-family: "Outfit", Sans-serif;
  --body-font-family: "Outfit", Sans-serif;
  
  --primary-background: #007b3c;   /*green*/
  --secondary-background: #e95b1d; /*orange*/
  --tertiary-background: #d9f8e7;  /* Tertiary background - should be a light color for mainnly used for ul, ol */     
  --color-text-primary: #000;
  --color-text-seconday: #fff;
  --color-text-tertiary: #000;
  --highlight: #ffb900;
 
  --accent-color-1: #0D6EFD;   
  --accent-color-2: #6710F5;   
  --accent-color-3: #6F42C1;   
   --accent-color-4: #D63384;   
   --accent-color-5: #DC3545;
  /* Theme color */
  --theme: var(--primary);
  
  --service-background-color: #fff;                            /* Primary background - main content areas */     
  --service-text-color: #000;                                  /* Primary text - body text and headings */ 
  --service-heading-text-color: #000;                          /* Primary Heading */
  --service-secondary-background-color: #007a3b;               /* Secondary background - accent/highlight sections */     
  --service-secondary-heading-text-color: #fff;                /* Secondary Heading */
  --service-secondary-text-color: #fff;                        /* Secondary text - text on secondary backgrounds */  
  --service-tertiary-background-color: #f1e8e1;                /* Tertiary background - accent/highlight sections */  
  --service-tertiary-heading-text-color: #000;                 /* Tertiary Heading */
  --service-tertiary-text-color: #000;                         /* Tertiary text - text on backgrounds */   
  --cta-background-color: #e95b1d;                             /* CTA background - high contrast for action items */     
  --cta-text-color: #ffffff;                                   /* CTA text - text on CTA backgrounds */
  --cta-btn-color: #e95b1d;
  --cta-btn-text-color: #fff;
  --cta-split-background: #000;
  --service-icon-badge-color: #fff;
  --service-icon-background-color: #007b3c;
}



h3 + div,
h3 + p,
h3 + p + p,
h3 + p + p + p,
h3 + p + p + p + p,
h3 + p + p + p + p + p,
h3 + p + p + p + p + p + p,
h3 + p + p + p + p + p + p + p, 
h3 + p + p + p + p + p + p + p + p, 
h3 + p + p + p + p + p + p + p + p + p, 
h3 + p + p + p + p + p + p + p + p + p + p{
    margin-left: 10px !important;
}


/*** end of global style ***/

/* hiding accessebility icon */
.mdp-readabler-trigger-button-box.bottom-center.mdp-entrance-fade.mdp-hover-none{
  	display: none !important;
}

/* breadcrumbs */
div.breadcrumbs li.uc-breadcrumb-item span{
	font-size: 14px;
    color: #666;
}

div.breadcrumbs li.uc-breadcrumb-item span.uc-item-title-inner {
	color: #A70B2D;
}

/* gallery */
div.gallery {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}

figure.gallery-item {
    flex: 0 0 30%;
    margin-right: 15px;
}

figure.gallery-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.card h3 {
    margin-top: 1em;
}

section.cta-with-icon-section .cta-content {
    display: block;
    text-align: center;
}

body.single-post section.cta-card-grid .cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}

body.page-id-924 h1 {
    text-align: center;
}

/*section.cta-with-icon-section i.fas.fa-phone {
    font-size: 2em;
    color: var(--service-icon-badge-color);
    background: var(--service-icon-background-color);
    padding: 20px;
    border-radius: 50%;
}*/

section.cta-with-icon-section h2 {
    color: var(--cta-text-color);
    font-size: 2.5em;
    font-weight: 400;
    margin-bottom: 0.5rem;
    margin-top: 0.5em;
}

section.cta-with-icon-section .cta-content p {
    margin-bottom: 1em;
}

/*end service pages*/

@media(max-width:767px){
  .interior-page-style h1 {
      font-size: 2em !important;
      line-height: 1.3;
	}
  
  .interior-page-style h2 {
      font-size: 1.5em !important;
      line-height: 1.3;
	}
  
  .interior-page-style h3 {
      font-size: 1.17em !important;
      line-height: 1.3;
	}
  
  .interior-page-style h4 {
      font-size: 20px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 18px !important;
      line-height: 1.3;
	}
}

/* end of comment */

/* mega menu */
.mega-menu-links-list li.menu-item a:hover {
    text-decoration: underline;
    background-color: none !important;
    background: none !important;
    color: #EB5C1E !important;
    padding: 0;
}

.mega-menu-links-list li.menu-item a {
    padding: 5px !important;
}

li.mega-menu-item .mega-menu-title {
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 8px;
    color: #333;
}

li.mega-menu-item .mega-menu-sidebar {
    flex: 0 0 330px;
    margin: 0;
    padding: 0;
}

.uc-posts-pagination {
    display: flex;
}

.nav-links {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0px;
}

span.page-numbers.current {
    background: #f65617;
    color: #fff;
    padding: 9px 12px;
    text-decoration: none;
    border: 1px solid #dadada;
    margin: 0 4px;
    border-radius: 5px;
    font-size: 16px !important;
}

a.page-numbers {
    font-size: 16px !important;
    color: #000;
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    border: 1px solid gray;
    color: black;
    margin: 0 4px;
    border-radius: 5px;
}


@media(max-width: 768px){
    .mega-menu-sidebar {
        display: none;
    }
}

/* hiding home header */
.page-header {
    display: none !important;
}

.entry-title {
    display: none !important;
}

/* hiding feeback form heading */
body.page-id-2932 h1 {
	display: none;
}