/*
Theme Name: Mold And Mildew
Version: 1.0
Template: hello-elementor
*/

:root {
    /* font family */
  --heading-font-family: "Outfit", Sans-serif;
  --body-font-family: "Outfit", Sans-serif;
  
  --primary-background: #144d35;   /*darkgreen*/
  --secondary-background: #698779; /*olive*/
  --tertiary-background: #688578;  /* 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: #333333;                               /* Primary text - body text and headings */     
  --service-secondary-background-color: #698779;               /* Secondary background - accent/highlight sections */     
  --service-secondary-text-color: #fff;                        /* Secondary text - text on secondary backgrounds */  
  --service-tertiary-background-color: #688578;                /* Tertiary background - accent/highlight sections */     
  --service-tertiary-text-color: #222;                      /* Tertiary text - text on backgrounds */   
  --cta-background-color: #e95b1d;                             /* CTA background - high contrast for action items */     
  --cta-text-color: #fff;                                   /* CTA text - text on CTA backgrounds */
  --cta-btn-color: #6E8E7F;
  --cta-btn-color-hover: #6E8E7FCC;
  --cta-btn-text-color: #fff;
  --cta-split-background: #222222;
  --service-icon-badge-color: #fff;
  --service-icon-background-color: #16593a;
}

h1, h2, h3, h4 {
  	color: var(--color-text-primary);
    font-family: "Outfit", Sans-serif;
    font-weight: 600;
  	letter-spacing: 0.6px;
    word-spacing: 0.6px;
  	line-height: 1.3;
}
 
h2 {
    font-size: 1.5em;
    margin: 2.5em 0 8px;
}

.interior-page-style span#elementor-toc__heading-anchor-0 + h2 {
    margin-top: 8px;
}
 
h3 {
    font-size: 1.17em;
    margin: 2em 0 8px 10px;
}
 
h3 + div {
    margin-left: 10px !important;
}

h3 + p,
h3 + p + p,
h3 + p + p + p,
h3 + p + p + p + p {
    margin-left: 10px !important;
}
 
h4 {
    font-size: 20px;
    margin-bottom: 0.3em;
}
 
ul li,
ol li {
    margin-bottom: 0.3em;
}

p {
	margin-bottom: 25px;	
}
 
p, ol, ul, li {
  	color: var(--color-text-primary);
  	font-family: "Outfit", Sans-serif;
    font-size: 1em;
  	font-weight: 400;
    line-height: 1.5;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
}

.interior-page-style a.interior-btn{
    display: inline-block;
    color: #111;
    margin-top: 12px;
    text-decoration: underline;
    text-underline-offset: 8px;
    background: none;
}
 
p:empty {
    display: none;
}
 
(p > img) + span + h2 {
	margin-top: 0;
}

figure + span + h2,
iframe + span + h2,
img + span + h2 {
    margin-top: 0;
}
 
figcaption {
    font-size: 12px !important;
    text-align: center;
    display: none;
}

.content-section a {
    color: #144d35;
    text-decoration: underline !important;
}

.pagination {
    display: flex;
    justify-content: center;
    margin: 20px auto;
}

.page-numbers {
    min-width: 32px;
    height: 32px;
    border-radius: 24px;
    margin: 0px 4px 0px 4px;
}

.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    line-height: 1em;
    color: #000;
   font-weight: 500;
}

.nav-links {
    display: flex;
}

span.page-numbers.current {
    background: #000;
    color: #fff;
}

/*** end of global style ***/
 
.interior-page-style h2 {
    color: #16593A;
    font-size: 2.2em;
    font-weight: 600;
    font-family: "Josefin Sans", Sans-serif;
    line-height: 1.3;
    letter-spacing: 0.6px;
    word-spacing: 0.6px;
    text-align: center;
    margin: 2em 0 8px;
}
 
.interior-page-style h2:first-child {
    margin-top: 0;
}
 
.interior-page-style h3 {
    color: #111;
    font-size: 1.5em;
    font-weight: 600;
    font-family: "Josefin Sans", Sans-serif;
    line-height: 1.3;
    letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin: 1.25em 0 8px 10px;
}
 
.interior-page-style h4 {
    color: #16593A;
    font-size: 1em;
    font-weight: 400;
    font-family: "Josefin Sans", Sans-serif;
    line-height: 1.3;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.3em;
}
 
.interior-page-style ul li,
.interior-page-style ol li{
    color: #111;
  	font-size: 1em;
    font-weight: 400;
  	font-family: "Outfit", Sans-serif;
    line-height: 1.5;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.interior-page-style ul,
.interior-page-style ol {
    /* margin-bottom: 20px !important;
  	marin-top: -20px !important; */
}

.interior-page-style h2 + ul,
.interior-page-style h2 + ol {
  	margin-top: 5px !important;
}

.interior-page-style h3 + ul,
.interior-page-style h3 + ol {
  	margin-top: 10px !important;
}

.interior-page-style li {
    list-style: disc;
}
 
.interior-page-style p {
    color: #111;
  	font-size: 1em;
    font-weight: 400;
  	font-family: "Outfit", Sans-serif;
    line-height: 1.5;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.8em;
}

.interior-page-style p:empty {
    display: none;
}

.interior-page-style ul + p,
.interior-page-style ol + p {
	margin-left: 10px;
}

.interior-page-style p + ul,
.interior-page-style p + ol {
	margin-top: -0.6em !important;
}
 
.interior-page-style h3 + div {
    margin-left: 10px !important;
  	font-size: 1em;
}

.interior-page-style div.vimeo + p + span.elementor-menu-anchor  + h2 {
    margin-top: -24px;
}

.interior-page-style div.gallery + span + h2 {
    margin-top: 0;
}

.interior-page-style figure + span + h2 {
    margin-top: 0;
}

.interior-page-style figure + p + span + h2 {
    margin-top: 0;
}

.interior-page-style + p + span + h2 {
    margin-top: 0 !important;
}

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

/* 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;
}

.interior-page-style img {
    display: block;
    max-height: 350px;
    min-height: 350px;
    min-width: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    margin-top: 64px;
    margin-bottom: 0;
}

body.page-id-178 div.main-img img {
    border-radius: 0;
}
 
.interior-page-style a.interior-btn:hover{
    color: #555;
}

@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;
	}
}

/* hiding header and footer in home */
body.home div.page-header{
	display: none;
}

/* gallery */
.interior-page-style .gallery {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 64px;
}

.interior-page-style .gallery figure.gallery-item{
	margin: 0;
    flex: 0 0 30%;
}

.interior-page-style .gallery .gallery-item .gallery-icon{
  	border: none !important;
}

.interior-page-style .gallery .gallery-item .gallery-icon a img{
	min-height: 200px;
    max-height: 200px;
    width: 100%;
  	object-fit: cover;
    margin-top: 0;
}

/* crawlspace encapsulation gallery */
body.page-id-419 .interior-page-style .gallery .gallery-item .gallery-icon a img {
    object-fit: contain;
    background-color: #eee;
    box-shadow: none;
}

.interior-page-style img.alignleft {
    max-width: 100px !important;
    max-height: 100px !important;
    object-fit: contain;
    min-height: 100px !important;
    min-width: 100px !important;
    margin-top: 0 !important;
    box-shadow: none !important;
}

.interior-page-style h6+span+h2 {
    margin-top: 0 !important;
}

@media (max-width: 767px) {
   body.page-id-346 img.aligncenter.wp-image-475.size-full {
        max-height: 350px !important;
        min-height: 350px !important;
        object-fit: contain !important;
    }
  
  	.blog-toc.elementor-sticky--effects {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 1px !important;
        box-shadow: none !important;
        margin: 15px;
    }
}

/* centering btn in crawlspace services */
body.page-id-354 .elementor-button-wrapper {
    text-align: center;
}

/* zooming out gallery pic of mold removal page */
body.page-id-282 div.gallery figure.gallery-item:nth-child(4) img{
	object-fit: contain;
}

/* mold remediation gallery */
body.page-id-311 div#gallery-3 figure.gallery-item {
    margin: 0;
    flex: 0 0 48%;
}