/* -- Homepage mockup styles -- */

p {
    color:#353333;
    }
    li {
    color:#353333;
    }
    /* 5310 demo, remove after feedback */
    
    /** HEADER **/
    .resp-phone {
        display: flex;
        justify-content: center;
          padding:0.9%;
    }
    .resp-phone span.phoneText {
        font-size: 18px;
        width: 50%;
            text-align:center;
    }
    
    .resp-phone a {
        color: #000!important;
        font-weight: 700;
        font-size: 18px;
        width: 30%;
        text-align: start;
    }
    
    #phone-icon {
    font-size:40px;
    }
    
    div#background-layer--16 {
    background:url("https://allaboutants.net/wp-content/uploads/2023/09/rat-hero-mobile-2.webp")!important;
    background-size:cover!important;
    background-position: center center!important;
    background-repeat:no-repeat!important;
    }
    p.txt-wht {
        color: #fff;
        font-size: 1.25em;
    }
    .hero-left.demo {
        margin-top: 10%;
    }
    .hero-h2-txt h2 {
        color: #fff !important;
        font-size: 2em;
        line-height: 1.35;
        text-align: center;
        text-transform: lowercase !important;
    }
    .hero-h2-txt h2:first-letter {
        text-transform: uppercase !important;
    }
    h2 span.cstm-h2 {
        color: #f5cb33;
    /* 	text-decoration: underline; */
        font-style: italic;
        text-transform: uppercase !important;
        
      border-bottom-style: double;
      border-bottom-width: 8px;
      width: fit-content;
    }
    
    .hero-bttn-row .modal-btnn {
        border-radius: 15px;
        margin-top: 0 !important;
        padding: 15px;
        width: 80% !important;
    }
    
    #pest-icon-row {
        padding: 60px 0;
        display: flex;
        flex-wrap: wrap;
      justify-content: space-evenly;
    }
    #pest-icon-row .pest-icon-card img {
        max-width: 150px;
    }
    #pest-icon-row .pest-icon-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 220px;
        max-width: 13vw;
        
        border-radius: 10px;
        background: #fff;
        box-shadow: 4px 6px 20px 0px rgb(0 0 0 / 50%);
        padding: 15px;
    
    }
    #pest-icon-row .pest-icon-card:hover {
    /* 		box-shadow: 0px 20px 30px #d0ad2b, 0px -10px 30px #ffe93b; */
        box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 50%);
    }
    #pest-icon-row .pest-icon-card h3 {
        color: #013803;
        position: absolute;
      bottom: 0;
    }
    
    @media(max-width:900px) {
        #pest-icon-row .pest-icon-card {
            max-width: 80vw;
        width: auto;
        margin: 30px auto;
        }
    }
    @media(max-width:600px) {
        #pest-icon-row .pest-icon-card {
            width: 40vw;
            min-height: 160px;
        }
        #pest-icon-row .pest-icon-card img {
             max-width: 100px;
        }
        #pest-icon-row .pest-icon-card h3 {
            font-size: 18px;
        }
    }
    
    .page-id-5310 #mk-theme-container > img {
        display: none;
    }
    #mk-page-id-5310 .gform_heading,
    #mk-page-id-4836 .gform_heading {
        display: none;
    }
    
    #mk-page-id-5310 li.gchoice_1_5_0,
    #mk-page-id-4836 li.gchoice_1_5_0 {
        max-width: 500px;
    }
    
    #mk-page-id-5310 ul#input_1_5,
    #mk-page-id-4836 ul#input_1_5 {
        max-width: 1100px;
    }
    
    #mk-page-id-5310 #gform_submit_button_1,
    #mk-page-id-4836 input#gform_submit_button_1 {
        display: block;
        margin: 0 auto;
    }
    
    #mk-page-id-5310 li#field_1_5
    #mk-page-id-4836 li#field_1_5 {
        margin-top: 0;
    }
    
    #mk-page-id-5310 .modal-block,
    #mk-page-id-4836 .modal-block {
        background: #013802c2
    }
    
    #mk-page-id-5310 #text-block-12 a.cr-phone,
    #mk-page-id-4836 #text-block-12 a.cr-phone {
        color: white;
        font-weight: 800;
        font-size: 1.2em;
    }
    
    #mk-page-id-5310 .modal-btn,
    #mk-page-id-4836 .modal-btn {
       box-shadow: 2px 3px 10px 0px rgb(0 0 0 / 50%);
    }
    #mk-page-id-5310 .modal-btn:hover {
        box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 50%);
    }
    #mk-page-id-5310  h1,
    #mk-page-id-4836  h1 {
        text-align: center;
        font-size: 25px !important;
        padding-top: 20px;
    }
    
    /* slider nav */
    .home-hero-slider .nav-round .mk-edge-icon-wrap {
      padding: 20px;
    }
    
    /* map section */
    .cstm-map-txt p,
    .cstm-map-txt > h2,
    .cstm-map-txt > h4{
        color: #fff !important;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        margin-top: 60px;
    }

/* Global CSS Gravity Formns Styles */

/* Hides error messages from view - screen readers can still see */
.gfield_validation_message, .validation_message {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

/* Error summary section */
.gform_wrapper.gravity-theme .gform_validation_errors {
   background:#c02b0a !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors h2 {
  color:#fff !important;
   font-size:.8rem !important;
}

/* red border around inputs with issues */
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
   border: 1px solid #c02b0a !important;
}

/* Legacy Form Styles */

.gform_legacy_markup_wrapper .gform_validation_errors {
    padding:5px !important;
    background:#c02b0a !important;
}

.gform_legacy_markup_wrapper .gform_validation_errors h2 {
   color:#fff !important;
    font-size:.8rem !important;
}

.gform_legacy_markup_wrapper .gfield_error [aria-invalid=true] {
    border: 1px solid #c02b0a !important;
}
.gfield_contains_required {background: none !important;border: none !important;margin-top: 0px !important;padding: 0 !important;}

.gform_legacy_markup_wrapper .gform_validation_errors>h2:before {
    vertical-align:middle !important;
}

.gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
        max-width: 100% !important;
}
.gform_legacy_markup_wrapper ul li.gfield  {
   padding-top:0px !important;
   margin-top:0px !important;
}

    /* -- End Homepage Mockup styles -- */
    
    .hero-bttn a,
    .modal-btn {
        font-weight: bold;
        border-style: none;
        background: rgb(2, 131, 5);
        display: block;
        width: 80%;
        padding: 10px;
        text-transform: uppercase;
        margin: 0px auto;
        color: rgb(255, 255, 255);
        font-family: inherit;
        font-family: helvetica neue, san-serif;
    }
    .hero-bttn-row .modal-btn {
    margin-right: 15px!important;
        color: #ffffff !important;
        font-size: 1rem;
        font-weight: 900;
        letter-spacing: 1px;
        width: fit-content !important;
        display: inline-block !important;
        background: #013802!important;
     padding: 10px;
        text-transform: uppercase;
        margin: 0px auto;
        border-radius: 15px;
        margin-top: 0 !important;
        padding: 15px;
            font-family:Lato;
            box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 50%);
    }
    .modal-btn {
        width: 60% !important;
        max-width: 400px;
        font-family: Lato !important;
        background: #f5cb33 !important;
        color: #000 !important;
            padding: 10px;
        text-transform: uppercase;
        margin: 0px auto;
            font-weight: bold;
            border-radius: 15px;
        width: 100%!important;
        border: none;
        box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 50%);
    }
a.modal-phone {
    color: #0e0c0c;
    background-color: #f5cb33;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.05rem;
    padding: .75rem;
    border-radius: .25rem;
    display: block;
    margin: 0 20%;
    text-align: center;
}

.modal-phone span {
    padding-right: .5rem;
    font-weight: bold;
    position: relative;
    font-size: 2rem;
    line-height: 1rem;
    top: 5px;
}
a.modal-phone:hover {
    color: #0e0c0c;
}
 .modal-body p {
    margin-bottom: 0;
}

.myModal-fine-print::after {
    content: "After hours inquiries will be returned the next business day.";
    display: block;
}

.modal-body ul#gform_fields_1 {
    display: flex;
    flex-direction: column;
}

.modal-body li#field_1_14 {
    order: 1;
}

.modal-body li#field_1_9 {
    width: fit-content !important;
    margin: 0 auto !important;
}

.modal-body a.modal-phone {
    max-width: 305px;
    margin: 0 auto;
    padding: 7px;
}
    /* -- Pest Product Modal Block -- */
    a.pest-number {
        color: #08997E;
    }
    
    a.pest-number:hover {
        color: #F5CB33;
    }
    
    .modal-btn:hover {
        color: white;
        background: #1e1e1e;
    }
    .modal-body {
       background-color: #013702;
    }
    .modal-body p, .modal-body{
        color: white;
        font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .subheader {
    display:none;
    }
    .page-id-4836 img.subheader {
        display: none;
    }
    @media ( max-width: 1021px) and ( min-width: 700px) {
    
    
    .homepage-contact.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill {
        width: 100%;
        margin-left: 0px !important;
    }
    
    .homepage-contact .vc_column-inner.vc_custom_1588089230202 {
        margin-left: 0 !important;
    }
    
    }
    @media (max-width: 768px){
        #mobile_hero .hero-bttn-row > div > div {
            width: 70%;
        }
    #page-section-2 .vc_column-inner.vc_custom_1587576530156 {
        margin-left: 0px !important;
    }
    .vc_column-inner.vc_custom_1588089230202 {
        margin-left: 0 !important;
    }
    .dummy .mk-nav-arrow {
        width: 100%;
        text-align: right;
        padding-right: 26px;
    }
 }
    
    /*hero section*/
    
    .vc_col-sm-6.hero-left.wpb_column.column_container.jupiter-donut-._.jupiter-donut-height-full {
        position: absolute;
        top: -725px;
        right: 535px;
        z-index: 2;
            height: auto;
             background: #f5cb33;
        padding: 20px;
            border-radius: 20px;
    /*     border: #078000 solid 5px;*/
    }
    
    .vc_col-sm-6.hero-right.wpb_column.column_container.jupiter-donut-._.jupiter-donut-height-full {
        position: absolute;
        top: -475px;
        right: 68px;
        z-index: 3;
    }
    
    .swiper-pagination.swiper-pagination-3.pagination-stroke {
        display: none;
    }
    
    
    .master-holder strong {
        color: white !important;
    }
    
    .master-holder strong {
        color: #444444 !important;
    }
    .cc-title strong {
        color: white !important;
    }
    
    svg.mk-svg-icon {
        fill: #f5cb33 !important;
    }
    h3.cc-title {
        font-size:  23px;
    }
    p.cc-title {
        font-size: 19px;
    }
    
    .single-post .master-holder strong {
        color: #2b2b2b !important;
    }

	p.blog-single-title {
			font-size: 30px;
			color: #444444;
			text-transform: uppercase;
			font-weight:400;
		  margin-bottom: 0;
	}

    
    span.phoneText {
        font-size: 20px;
    }
    
    p.txt-wht i.fa.fa-check {
        color: #f5cb33;
    }
    
    .vc_custom_1658784472101 h2.onpage-title {
        padding-left: 20px;
    }
    
    .page-template-full-width section#mk-page-introduce {
        display: none !important;
    }
    
    .page-template-full-width img.subheader {
        display: none !important;
    }
    
    .page-template-full-width header#mk-header-1 {
        border-bottom: none !important;
    }
    
    .page-template-full-width .full-layout {
        padding: 0 !important;
    }
    
    ul.card-thirds {
        margin: 0;
			background: #1E1E1E;
    }
    
div.content-wrapper h2,
li#service-block h3, .page-template-gps-seo h3 {
	    color: #013802;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.25rem !important;
	letter-spacing: 0.4px;
	line-height: 1.2;
	text-wrap: pretty;
}

#img-block img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

li#service-block a {
    font-weight: bold;
}

.page-template-gps-seo .modal-block h3 {
    font-size: clamp(1.2rem, 5vw, 1.6rem) !important;
}


li#service-block, li#review-block {
    justify-items: center;
		padding: min(30px, 7%);
}

.gpsseo-client-nap li {
     padding-bottom: 7px !important;
}

h1.hero-heading {
    max-width: 700px;
    text-transform: uppercase;
    margin-bottom: 43px;
    font-size: clamp(1.3rem, 5vw, 1.8rem);
    font-weight: 600;
    padding: 0 20px;
    letter-spacing: 0.5px;
}

.gps-seo-service-links a:hover {
    color: #018305;
}

li#review-block h3 a {
    color: #353333;
}

div.content-wrapper:first-of-type {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 60px;
    margin: 70px auto;
    max-width: 1339px;
    padding: 0 20px !important;
}

.tier-link-wrapper ul.tier-links {
    column-count: 2;
}

.content-sectn-1 {
    grid-column: span 2;
}

h3.tier-link-head {
    font-size: 1.2rem !important;
}

div.content-sectn-1 h2 {
    text-wrap: balance;
}

.section-2-wrapper {
	gap: 2em;
}

.page-template-gps-seo h3 {
	text-wrap: pretty;
	line-height: 1.2;
}

#review-block p.gpsseo-review-block {
	padding: 15px 0 0;
	font-size: 0.93rem;
	line-height: 1.6;
}

ul.tier-links svg {
	fill: #088305 !important;
}

ul.tier-links li {
    line-height: 1.6 !important;
    padding-bottom: 8px !important;
}

.page-template-gps-seo .modal-block {
	background: #013802 !important;
	margin-bottom: 0;
}

li#service-block > ul.gpsseo-cc-links ul {
    display: flex !important;
    flex-direction: column;
    max-width: fit-content;
		padding: 0 !important;
}

.cta-modal .modal-btn {
    padding: 12px 30px !important;
}

ul.card-thirds > li {
	height: auto !important;
	border: none !important;
}

li#service-block {
    grid-template-rows: auto !important;
    gap: 35px;
}

li#service-block h3,
li#review-block h3 a,
a.place-profile-link {
    font-size: 1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    color: #013802 !important;
}

ul.gps-seo-service-links a {
    font-size: 15px;
    color: #088305;
}

ul.gps-seo-service-links a:hover {
    text-decoration: underline;
}

.gpsseo-client-nap li p {
    text-wrap: balance;
}

.page-template-gps-seo .modal-block p {
    display: none;
}

.page-template-gps-seo .modal-block h3 {
    padding-bottom: 30px;
}

a.business-phone {
    font-size: 1rem;
    color: #088305 !important;
}

a.business-phone:hover {
    text-decoration: underline;
}

li#service-block ul {
    margin-left: 0;
}

.gpsseo-client-nap li p {
    max-width: 250px;
}

@media only screen and (max-width: 768px) {
    .page-template-gps-seo :is(h2, h3, h4) {
        font-size: 1.3rem !important;
        line-height: 1.3;
        text-wrap: balance;
    }

    .all-tiers li#service-block {
        display: flex;
        gap: 30px;
    }

    .content-wrapper {
        padding: 3em 1em !important;
    }

    .page-template-gps-seo h3.gb-cities-col {
        line-height: 1.6;
        font-weight: 600;
        color: #353333;
        max-width: 320px;
        margin: 8px auto 16px;
        line-height: 1.7;
        font-size: 13px !important;
    }

    h1.hero-heading {
        text-wrap: balance;
        line-height: 1.4;
    }

    .all-tiers ul.card-thirds {
        padding: 2em 1em;
        gap: 2em;
    }

    .content-sectn-2-img {
        padding-top: 20px;
    }
	section.gpsseo-hero {
			padding: 6em 0;
	}
}


/* --- SAGT Pest Bar --- */
.sagt-pest-bar {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    background: #f7f7f7;
    padding: 3em 1em 1.2em;
    place-items: center;
    text-align: center;
    margin: 0 auto;
    border: none;
}

.pest-col {
    display: block;
    flex-basis: 50%;
    margin-bottom: 15px;
}

.sagt-pest-bar img {
    display: block;
    margin: auto;
    background: #f796cc;
    width: 6rem;
    height: 6rem;
    border-radius: 21px;
    padding: 20px;
    margin-bottom: 10px;
    transition: 0.1s;
    filter: invert(1);
}

/* --- custom sagt icon sizing --- */


.sagt-pest-bar :nth-child(3) img {
    padding: 10px;
}


.sagt-pest-bar img:hover {
    background: #ff88ca;
}

.sagt-pest-bar a {
    text-decoration: none;
    color: gray;
}

a.pest-col h5 {
    color: #088305;
    font-size: 1.1em;
		font-weight: bold;
}


@media screen and (min-width: 768px) {
    .pest-col {
        flex-basis: 20%;
    }
}

@media screen and (min-width: 1024px) {
    .pest-col {
        flex-basis: 134px;
    }
}
    
    
    /* keeps city name on same line  */
    @media screen and (max-width: 767px) {
        span.geo-subtitle {
            display: inline-block;
        }
    
    }
    
    @media screen and (max-width: 769px) {
        .flex-half {
            padding: 0;
            margin: 1em auto;
        }
    
        .breakout .flex-half .flex-item:nth-child(2) {
            align-items: flex-start;
                  display: -webkit-inline-box;
            margin: auto;
        }
    }
   
    
    #process-btn-2 {
        border-radius: 5px;
        font-size: 14px;
        font-weight: bold;
        font-family: Lato;
        color: #444444 !important;
        padding: 15px 15px;
        background: #f5cb33 !important;
        max-width: 200px;
        margin:0px !important;
        box-shadow: 2px 3px 10px 0px rgb(0 0 0 / 50%);   
    }
    
    div#text-block-13 {
        margin-top: 30px;
    }
    
    .service-row .mk-button--text {
        color: white !important;
    }
    /**homepage buttons**/
    .modal-btn {
        margin-right: 15px;
        font-size: 1rem;
        font-weight: 900;
        letter-spacing: 1px;
        width: fit-content !important;
        display: inline-block !important;
    }
    
    /* #mk-button-14 .mk-button span {
        letter-spacing: 1px;
        margin-right: -1px;
        display: inline-block;
        color: 444444 !important;
    } */
    
    /* #process-btn-2 {
        color: #444444 !important;
    }
     */
    #process-btn-2.mk-button span {  
        color: #444444!important;
    }
    
    @media(min-width:1645px) {
        .process-img {
        max-width: fit-content;
    }
    }
    
    div#page-section-23 {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    
    div#text-block-26 {
        margin-top: 5px !important;
    }
    
    /* SIDEBAR */
    
    section#custom_html-4 {
        padding-bottom: 20px;
    }
    
    span.mk-button--text {
        font-family: 'Lato';
        font-size: 13px;
    }
    
    /* @media screen and (max-width:425px) {
     #mk-button-4 {
        margin-left: -70px!important;
    }
    } */
    
    
    /*MODAL POP UP  */
    select#input_1_10 {
        border-radius: 3px;
    }
    
    
    option.gf_placeholder {
        font-family: 'Lato';
    }
        
    #gform_fields_1 select {
        height: 40px !important;
    }
    
    .sidebar-wrapper {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
			padding-top: 0 !important;
    }

.sidebar-wrapper a.modal-phone {
    margin: 0 !important;
	    color: black !important;
}

#gform_5 {
    padding: 15px 9px 4px;
}

#gform_5 :is(input, select) {
    border-radius: 4px;
    font-size: 14px;
}

p.gform_required_legend {
    display: none;
}

.ginput_recaptcha {
    margin: 0 auto;
    width: fit-content;
}

.ginput_recaptcha :is(iframe, div){
    width: 100% !important;
}

.sidebar-logo img {
    width: 150px;
    text-align: center;
    margin: 0 auto;
}

.sidebar-logo {
    text-align: center;
}
    
    /****RESPONSIVE****/
    
    
    /*HEADER*/
    /*
    .header-logo.fit-logo-img.add-header-height img {
    width: 210px;
    height: 94px;
    }*/
    @media screen and (max-width: 769px) {
            .header-style-1.header-align-left .header-logo {
        max-width: 200px;
        display: inline-block;
        float: none;
        }
    
        .mk-header-holder .mk-responsive-wrap {
        z-index: 301;
        }
    }
    
    @media screen and (max-width:426px) {
        .resp-phone {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .header-logo.fit-logo-img.add-header-height {
        margin-top: 45px;
    }
    .header-logo img {
        
        position:unset;
        -ms-transform:unset;
        transform:unset;
        ms-transform:unset;
    }
    .modal-btn {
        max-width: 150%;
    }
        
        h3.cc-title {
        padding-left: 20px;
    }
        
        .mk-css-icon-menu {
        padding-top: 20px;
    }
    }
    
    @media screen and (max-width:376px){
        .modal-btn {
        max-width: 145%;
    }
    
    div#text-block-13 {
        margin-left: 20px;
        padding-bottom: 15px;
    }
    
    .resp-phone {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    span.phoneText {
        font-size: 16px;   
    }
        
        h3.cc-title {
         margin-left: -18px;
    }
    
    }
    
    @media screen and (max-width:321px){
    
    .modal-btn {
        max-width: 180%;
    }
    
    .wpb_column.vc_column_container.vc_col-sm-6 {
        padding-right: 30px;
    }
    
    h3.cc-title {  
        font-size: 20px;
    }
    }
    
    div#text-block-20 {
        padding: 20px;
    }
    
    img.lightbox-false.entered.lazyloaded {
        padding: 20px;
    }
    
    div#padding-18 {
        height: 0px;
    }
    
    
    /* REVIEW PAGE BUTTONS *********/
    
    
    input#wprevpro_submit_review {
        background-color: #013802;
    }
    
    button.button.wprevpro_btn_show_form.btnwprevdefault {
        background-color: #013802;
        max-width: 100%;
        width: 230px;
        margin-left: -10px;
         
    }
    
    a#google-review-btn {
        float: left;
    }
    
    @media screen and (max-width:425px){	button.button.wprevpro_btn_show_form.btnwprevdefault {
        width: 200%;
    }
    
    a#google-review-btn {
        width: 95%;
    }
 	}
    
    @media screen and (max-width:425px) {
    .vc_col-sm-12.wpb_column.column_container.jupiter-donut-._.jupiter-donut-height-full {
        padding: 30px;
    }
        .resp-phone span.phoneText, .resp-phone a {
    font-size:calc(3.3vw + 1.5px);
    }
    #phone-icon {
    font-size:25px;
    }
    }
    
    @media screen and (max-width:1160px){
    .resp-phone {
            display:block!important;
            padding:0.9%;
    }
    .resp-phone span {
    font-size: 16px;
    }
    }
    
    @media screen and (max-width:426px){
        .mk-nav-responsive-link {
        top:15%;
        }
    }
    
    /************/