/* header styles */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
}

/* Navigation */
.nav-center {
    background-image: url('images/stainlesssteelimg.jpg');
    background-size: cover;
}

.nav-business-container {
    display: flex;
    justify-content: space-between;
    /* align-items: flex-end; */
    align-items: center;
    /* padding: 1rem; */
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
}

/* .nav-content {
    height: 12vh;
} */

.business-logo {
    display: flex;
    align-items: center;
    padding: .5rem;
}

.appliance-head {
    /* width: 30%; */
    width: 100%;
    /* width: 80%; */
}

.business-name {
    font-family: "Abril Fatface", serif;
    font-weight: 400;
    font-style: normal;
    /* display: flex; */
    flex-direction: column;
    padding: 0 1rem;
    display: none;
}

.name {
    text-align: center;
}

.phone {
    display: flex;
    justify-content: flex-end;
    /* padding: 0 1rem; */
    padding: 5px;
    /* color: rgb(255, 255, 255); */
    color: rgb(63, 161, 168);
    /* font-size: 15px; */
    /* font-size: 10px;
    font-family: fantasy;
    font-weight: 100; */
}

/* Sidebar */
.sidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* background-color: grey; */
    transform: translate(-100%);
    transition: all .5s;
    z-index: 2;
    height: 100vh;
}

.show-sidebar {
    display: block;
    transform: translate(0);
    z-index: 2;
    height: 100vh;
}

.sidebar-header {
    background-color: grey;
}

.sidebar-content {
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.svg-arrow {
  /* margin: 0 20px; */
  margin: 0 5px;
}

/* a {
    display: initial;
} */

.sidebar-logo {
        display: flex;
        align-items: center;
}

.aside-title {
    font-family: "Abril Fatface", serif;
    font-weight: 400;
    font-style: normal;
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
    display: none;
}

.title-center {
    text-align: center;
}

.social-links-container {
    /* display: grid; */
    display: none;
}

.social-links {
    /* display: flex;
    justify-content: space-evenly; */
    display: grid;
    grid-template-columns: repeat(2, 20px);
    grid-template-rows: 400px;
    grid-gap: 10px;
    place-self: center;
    padding: 0;
    list-style-type: none;
}

/* ul.links {
    list-style-type: none;
    font-family: "Abril Fatface", serif;
} */

/* li.nav-li {
    padding: 1rem;
    text-transform: uppercase;
} */

/* .header-links {
    background-color: rgb(255, 255, 255);
} */

.about-link, .services-link, .contact-link, .facebook-link, .linkedin-link {
    text-decoration: none;
    list-style-type: none;
}

li.facebook-link, li.linkedin-link {
    margin: auto;
    cursor: pointer;
    padding: 0px 5px;
}

/* Main */

/* blog header */
.blog-header {
    /* position: relative; */
    display: block;
    overflow: hidden;
    /* padding: 1px; */
    height: auto;
}

/* image main */
.blog_img-headerliner {
    position: relative;
    /* margin:0; */
    /* background-color: #3fa1a8; */
    background: linear-gradient(to right, #3fa1a8, #3fa1a7b3);
}

.appliance-blog {
    width: 100%;
    height: 15vh;
    /* height: auto; */
    /* opacity: .5; */
    display: block;
}

.appliance_blog-img {
    width: 80%;
    margin: 4rem auto;
    /* margin: auto; */
    display: block;
    /* opacity: .5; */
    opacity: .8;
}

.blog_img-quote {
    position: absolute;
    /* bottom: 0; */
    text-align: center;
    left: 0;
    right: 0;
    background-color: rgb(0, 0, 0, 0.3);
    padding: 1rem;
    /* width: 80%; */
    width: 100%;
    margin: auto;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.blog-img_desc {
    text-align: center;
    padding: 10px;
    font-size: 10px;
}

.underline {
    border: 2px solid rgb(63, 161, 168);
    /* width: 50%; */
    width: 100px;
    display: block;
    margin: auto;
}
/* .title h1 {
    margin:0;
} */
/* title */
.title {
    text-align: center;
    margin: 2rem;
    font-weight: bold;
    /* font-family: 'Abril Fatface'; */
    /* font-family: fantasy; */
    color: rgb(63, 161, 168);
    /* font-size: 20px; */
    /* position: absolute;
    left: 0;
    right: 0;
    bottom: 0; */
    /* font-size: 2rem; */
}

/* first blog vent cleaning */
.vent-cleaning {
    margin: 2rem 0;
}

.vent-cleaning-img {
    /* width: 100%; */
    /* width: 50%; */
    width: 200px;
    height: 100px;
    display: block;
    margin: 5px auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 1px 8px 20px #000;
}

.vent-cleaning-tag {
    text-align: center;
    font-size: 10px;
    /* padding: 5px 2rem; */
    padding: 10px;
    margin: 0 4rem;
    /* font-family: fantasy; */
    color: rgb(63, 161, 168);
}

/* second blog water filter */
.water-filter {
    margin: 2rem 0;
    text-align: center;
}

.water-filter-img {
    /* width: 50%; */
    /* width: 150px; */
    width: 200px;
    height: 100px;
    margin: 5px auto;
    padding: 5px;
    border-radius: 4px;
    border: #ddd;
    box-shadow: 1px 8px 20px #000000;
    /* width: 100%; */
    display: block;
    /* margin: auto */
}

.water-filter-tag {
    text-align: center;
    font-size: 10px;
    /* padding: 5px 2rem; */
    padding: 10px;
    margin: 0 4rem;
    /* font-family: fantasy; */
    color: rgb(63, 161, 168);
}

/* third blog dishwasher cleaning */
.dw-cleaning {
    margin: 2rem 0;
}

.dw-cleaning-img {
    /* width: 50%; */
    width: 200px;
    display: block;
    margin: auto;
    height: 100px;
    /* border: 1px solid #000; */
    padding: 5px;
    border-radius: 4px;
    box-shadow: 1px 8px 20px #000;
}

.dw-cleaning-tag {
    text-align: center;
    font-size: 10px;
    /* padding: 5px 2rem; */
    padding: 10px;
    margin: 0 4rem;
    /* font-family: fantasy; */
    color: rgb(63, 161, 168);
}

/* fourth blog microwave cleaning */
.microwave-cleaning {
    margin: 2rem 0;
}

.microwave-cleaning-img {
    /* width: 50%; */
    width: 200px;
    display: block;
    margin: auto;
    height: 100px;
    /* border: 1px solid #000; */
    padding: 5px;
    border-radius: 4px;
    box-shadow: 1px 8px 20px #000;
}

.microwave-cleaning-tag {
    text-align: center;
    font-size: 10px;
    /* padding: 5px 2rem; */
    padding: 10px;
    margin: 0 4rem;
    /* font-family: fantasy; */
    color: rgb(63, 161, 168);
}

/* FEATURED POSTS */
.featured-post {
    text-align: center;
    /* border-bottom: 5px solid rgb(59, 202, 255); */
    border-bottom: 5px solid rgb(63, 161, 168);
    width: 50%;
    font-family: fantasy;
    color: rgb(63, 161, 168);
    font-weight: 100;
}

.post {
    /* border-bottom: 1px solid rgb(59, 202, 255); */
    border-bottom: 1px solid rgb(63, 161, 168);
    padding: 5px;
    margin: 1rem;
    font-family: Helvetica;
    /* width: 100%; */
}

a {
    text-decoration: none;
    /* display: flex; */
}

span.date, span.author {
    display: inline-block;
    /* padding: 12rem; */
    /* padding: 0px 5px; */
    padding-right: 5px;
    padding-top: 5px;
}

/* span.date, span.author {
    display: inline-block;
    padding: 12rem;
    padding: 0px 5px;
} */

/* VENT CLEANING PAGE STYLES */
.intro, .fire_safety, .dryer_effeciency, .prevention, .enhancing, .protecting {
    line-height: 2;
    /* padding: 0 2.5rem; */
    /* font-size: 15px; */
    padding: 1rem;
    text-align: center;
}

/* .vent-cleaning-img, .dryer-effeciency-img, .mold-mildew-img, .dryer-performance, .protecting_prevention{
    width: 100%;
} */

/* WATER FILTER PAGE STYLES */

/* IMAGE */
/* .water-filter-img {
    width: 100%;
    display: block;
    margin: auto;
    padding: 1rem;
} */

 .dryer-effeciency-img, .mold-mildew-img, .dryer-performance, .protecting_prevention {
    /* width: 100%; */
    /* width: 50%; */
    width: 200px;
    height: 100px;
    margin: auto;
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 1px 8px 20px #000;
}

/* TITLE */
.title-header {
    font-size: 15px;
    text-align: center;
    padding: 1rem;
    /* font-family: fanstasy; */
    color: rgb(63, 161, 168);
}

/* NUMBERED LIST */
.number {
    font-size: 25px;
    color: rgb(63, 161, 168);
    /* font-family: fantasy; */
    font-weight: bold;
    display: block;
    margin: 0 2rem;
    text-align: center;
}

.improving-title, .maintain-title, .extend_life-title, .health_safety-title, .cost_effect-title, .conclusion-title {
    display: block;
    /* margin-top: 100px; */
}

.improving, .Prevention_odors, .cleaning_performance, .maintaining, .extend_life, .eco-friendly, .health, .convenience, .cost_effect, .conclusion{
    line-height: 2;
    /* padding: 0 2.5rem; */
    /* font-size: 15px; */
    /* padding: 1rem; */
    padding: 0 3rem;
    margin-bottom: 5rem;
    /* text-align: center; */
}

/* SPAN TITLE */
.span-title {
    color: rgb(63, 161, 168);
    /* font-family: fantasy; */
    font-weight: bold;
    padding: 5px;
    text-align: center;
    /* display: inline-block; */
    display: block;
    margin: auto;
}

.conclusion-title {
    text-decoration: underline;
}

.call_today-container {
    position: relative;
}


.Call_today {
    text-align: center;
    /* margin: 2rem; */
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    color: rgb(63, 161, 168);
    text-transform: uppercase;
}

.line-bend {
    /* position: absolute; */
    /* bottom: 0;
    width: 50%;
    border: 1px solid black; */
    /* width:500px; height:100px;  
    border:solid 5px #000;
    border-color:#000 transparent transparent transparent;
    border-radius: 50%/100px 100px 0 0; */
  
    width: 200px;
    height: 50px;
    margin: auto;
    border: solid 3px rgb(63, 161, 168);
    border-color: rgb(68, 161, 168) transparent transparent transparent;
    border-radius: 100% / 50px 50px 0 0;
}

/* DISHWASHER MAINTANANCE PAGE STYLES */
.benefits-title, .benefits-intro {
    /* text-align: center; */
    line-height: 2;
    /* padding: 0 2.5rem; */
    /* font-size: 15px; */
    padding: 1rem;
    text-align: center;
    margin-bottom: 5rem;
}

/* img dishwasher effeciency */
.dishwasher-cleaner {
    /* width: 100%;
    padding: 2rem; */
    /* width: 400px;
    height: 200px; */
    width: 200px;
    height: 100px;
    margin: 5px auto;
    display: block;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 1px 8px 20px;
}

/* .improving {
    line-height: 2;
    padding: 1rem;
    text-align: center;
} */

/* img dishwasher prevention of bad odors */
.dishwasher-prevention {
    /* width: 100%;
    padding: 2rem; */
     /* width: 400px;
    height: 200px; */

    width: 200px;
    height: 100px;
    margin: auto;
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 1px 8px 20px;
}

.Prevention_odors {
    line-height: 2;
    /* padding: 1rem; */
    text-align: center;
}

/* dishwasher extend life */
.extended {
    line-height: 2;
    padding: 1rem;
    text-align: center;
}

/* dishwasher performance affresh cleaner */
.Affresh-cleaner {
    /* width: 100%;
    padding: 2rem; */
     width: 200px;
    height: 100px;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 5px;
    margin: auto;
    display: block;
    box-shadow: 1px 8px 20px;
}

.cleaning_performance {
    line-height: 2;
    /* padding: 1rem; */
    /* text-align: center; */
}

/* convenience */
.convenience, .eco-friendly {
    line-height: 2;
    /* padding: 1rem;
    text-align: center; */
}

/* eco-friendly */
/* .eco-friendly { */
    /* line-height: 2; */
    /* padding: 1rem;
    text-align: center; */
/* } */


/* microwave cleaning page styles */
.roles, .roles-desc, .performance, .safety, .air_quality, .filter-title, .filter-paragraph {
    line-height: 2;
    padding: 1rem 3rem;
    text-align: center;
}

.clean {
    line-height: 1.5;
    padding: 1rem;
}

/* microwave cleaning images */
.microwave-performance, .microwave-safety, .extend-life, .eco-friendly-img, .microwave-clean-img {
    /* width: 100%; */
    /* padding: 1rem; */
    width: 200px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    margin: auto;
    display: block;
    margin-bottom: 10px;
    box-shadow: 1px 8px 20px;
}



@media screen and (min-width: 768px) {
/* p {
    text-align: center;
} */

.header-links {
    display: flex;
}

.appliance-head {
    width: 60%;
    /* margin: auto; */
}

/* drop down */
.drop-down {
    display: none;
}

/* aside bar */
.links {
    display: inline-flex;
}


/* .sidebar {
    position: absolute;
} */
 .sidebar-content {
    display: none;
 }
.sidebar {
    /* position: static; */
    position: relative;
    z-index: 9999;
    /* background-color: none; */
    transform: translate(0);
    transition: none;
    
    /* height: initial; */
    height: 0;
}

.nav-li {
    padding: 1rem;
    text-transform: uppercase;
    color: rgb(63, 161, 168);
    /* font-family: fantasy;
    display: flex;
    align-items: baseline; */
}

/* .arrow-links {
    position: absolute;
    background-color: #3fa1a8;
} */

/* .service-link {
    font-size: 10px;
    margin: 0 15px;
    line-height: 2;
    background-color: white;
    font-family: fantasy;
    color: rgb(63, 161, 168);
} */

/* .social-links {
    display: flex;
    place-self: flex-end;
    padding: 0 2rem;
} */

.social-links {
        display: grid;
        grid-template-columns: repeat(2, 20px);
        grid-gap: 10px;
        place-self: center;
        /* padding: 0; */
        margin: 5px;
        list-style-type: none;
        /* grid-template-rows: 0px; */
        grid-template-rows: initial;
    
}


/* .svg_facebook, .svg_linkedin {

} */

/* .about-link, .services-link, .contact-link, .testimonial-link, .residential-link {
    color: rgb(63, 161, 168);
} */
    /* appliance head */
    /* .appliance-head {
        width: 80%;
        margin: auto;
        display: none;
    } */

    /* phone number */
    .phone {
        font-size: 1rem;
    }

    /* BLOG title */
    /* .title {
        font-size: 4rem;
    } */

    /* title header */
    .title-header {
            font-size: 2rem;
            margin: 2rem;
            padding: 2rem;
            text-transform: uppercase;
        }


    /* .appliance_blog-img {
        display: block;
        margin: auto;
        opacity: .5;
    } */

    .appliance-blog {
        width: 100%;
        /* opacity: .5; */
        /* height: 50vh; */
        /* height: 15vh; */
        /* height: 15.3vh; */
        height: 25vh;
        object-fit: cover;
    }

    /* .header-svg_facebook, .header-svg_linkedin {} */


    /* .blog_img-headerliner {
        position: relative;
    } */

    /* .blog-main {
        display: flex;
        margin: 1rem auto;
    } */

    .blog_img-headerliner {
        /* width: 100%; */
        width: 40%;
        height: 100vh;
    }

    .blog-flex-container {
        /* width: 100%; */
        /* width: 50%; */
        margin: auto;
        display: flex;
    }

    .blog-flex {
        /* display: flex; */
        /* width: 80%; */
        width: 60%;
        padding-top: 2rem;
        /* margin: auto; */
    }

    .benefits-title, .benefits-intro {
        padding: 1rem 3rem;
        /* padding: 2rem; */
    }

    .affresh_cleaner-container {
    margin: 1rem;
    }

    /* microwave images and paragraphs  768px */
     .roles-desc, .performance, .safety, .air_quality {
        padding: 1rem 3rem;
        text-align: initial;
        margin-bottom: 5rem;
    }

    .roles {
        padding: 2rem;
    }

    .filter-paragraph {
        padding: 1rem 3rem;
        text-align: initial;
        /* margin-bottom: 2rem; */
    }

     .microwave-performance, .microwave-safety, .extend-life, .eco-friendly-img, .microwave-clean-img {
        /* width: 50%; */
        width: 400px;
        height: 200px;
        /* padding: 1rem; */
        margin: auto;
        display: flex;
        /* float: left;
    width:  100px;
    height: 100px;
    object-fit: cover; */
    }

    /* .convenience, .eco-friendly {
        padding: 2rem;
    } */
    /* .blog_img-quote {
        position: absolute;
        bottom: 0;
        text-align: center;
        left: 0;
        right: 0;
        background-color: rgb(0, 0, 0, 0.3);
        padding: 1rem;
        width: 77%;
        margin: auto;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
    } */

    .related-posts {
        width: 80%;
    }


    /* water filter image */
    .water-filter {
        margin: 1rem;
    }
    .water-filter-img {
        /* width: 80%;
        width: 50%;
        margin: auto;
        display: block;
        padding: 0; */
        /* float: left; */
    width:  200px;
    height: 100px;
    /* object-fit: cover; */
    /* width: 400px;
    height: 200px; */
    /* float: right; */
    /* border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px; */
    /* width: 150px; */
    /* width: 40%; */
    /* margin: 2rem; */
    /* box-shadow: 1px 8px 20px #000; */
    }

    /* #blog-filter_img {
        float: right;
        margin: 2rem;
        width: 400px;
        height: 200px;
    } */

    /* water filter blog page img styles */
    #filter-img {
        width: 400px;
        height: 200px;
        box-shadow: 1px 8px 20px;
        float: right;
        margin: 2rem;
    }

    #blog_filter_cut {
        width: 400px;
        height: 200px;
        box-shadow: 1px 8px 20px;
        float: right;
        margin: 2rem;
    }

    #dispensing_img {
        width: 400px;
        height: 200px;
        box-shadow: 1px 8px 20px;
        float: right;
        margin: 2rem;
    }

    .water-filter-tag {
        /* padding: 5px 2px; */
        padding-top: 15px;
    }

    /* vent cleaning section */
    /* .vent-cleaning {
        margin: 1rem;
    } */
    .vent-cleaning-img {
        /* width: 50%;
        width: 80%;
        margin: auto;
        display: block;
        padding: 0; */
        /* float: left; */
    width:  200px;
    height: 100px;
    object-fit: cover;
    box-shadow: 1px 8px 20px black;
    }

    /* vent cleaning page */
    #blog_dryerpage_img {
        float: right;
        width: 400px;
        height: 200px;
        margin: 2rem;
        box-shadow: 1px 8px 20px #000;
    }

    .vent-cleaning-tag {
        /* padding: 5px 2px; */
        /* padding: 15px 2px; */
        padding-top: 15px;
    }

    /* .dw-cleaning {
        margin: 1rem;
        padding: 1rem;
        
    } */
    .dw-cleaning-img {
        /* width: 80%;
        margin: auto;
        display: block;
        padding: 0; */
        /* float: left; */
    width:  200px;
    height: 100px;
    box-shadow: 1px 8px 20px #000;
    /* object-fit: cover; */
    }

    .dw-cleaning-tag {
        /* padding: 5px 2px; */
        padding-top: 15px;
    }

    /* 768px microwave section styles */
    /* .appliance-blog {
        width: 80%;
        opacity: .5;
        height: 50vh;
    } */
    /* micro clean blog page img styles */
    #microclean-img, #microsafety-img, #extendlife-img, #ecofriendly-img, #microduties-img {
        width: 400px;
        height: 200px;
        box-shadow: 1px 8px 20px;
        float: right;
        margin: 2rem;
    }

    /* .microwave-cleaning {
        margin: 1rem;
    } */

    .microwave-cleaning-img {
        /* width: 80%;
        margin: auto;
        display: block;
        padding: 0; */
        /* float: left; */
    width:  200px;
    height: 100px;
    /* object-fit: cover; */
    /* width: 400px;
    height: 200px; */
    box-shadow: 1px 8px 20px #000;
    }

    .clean_list {
    padding: 2rem 5rem;
    }

    .microwave-cleaning-tag {
        /* padding: 5px 2px; */
        padding-top: 15px;
    }

    .blog-img_desc {
        text-align: center;
        padding: 1rem;
        font-size: 15px;
    }

    /* 768px vent cleaning section styles */
    .intro, .fire_safety, .dryer_effeciency, .prevention, .enhancing, .protecting {
        line-height: 2;
        /* padding: 0 2.5rem; */
        /* font-size: 15px; */
        margin-bottom: 5rem;
        padding: 2rem;
        text-align: initial;
    }

     .dryer-effeciency-img, .mold-mildew-img, .dryer-performance, .protecting_prevention {
        /* width: 50%; */
        float: right;
        width: 400px;
        height: 200px;
        display: block;
        margin: auto;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 5px;
        margin: 2rem;
        box-shadow: 1px 8px 20px #000;
    }


    /* number */
    .number, .span-title {
        font-size: 2rem;
        margin: 1rem;
    }

    /* blog-title */
    /* .span-title {
            font-size: 2rem;
    } */

    /* paragraph */
    .improving, .Prevention_odors, .cleaning_performance, .maintaining, .extend_life, .eco-friendly, .health, .cost_effect, .conclusion{
            /* font-size: 1.5rem;
            padding: 2rem; */
            text-align: initial;
    }

    #blog-filter_img {
        width: 400px;
        height: 200px;
        float: right;
        margin: 2rem;
    }

    .dishwasher-cleaner, .dishwasher-prevention, .Affresh-cleaner {
        width: 400px;
        height: 200px;
        float: right;
        margin: 2rem;
    }

    /* .dishwasher-prevention {
        width: 400px;
        height: 200px;

        float: right;
        margin: 2rem;
    } */
    /* call today */
    .Call_today {
        font-size: 1.5rem;
    }

    /* line bend */
    .line-bend {
        margin-bottom: 3rem;
    }

    /* footer links content */
    .footer-links-content {
        justify-content: center;
    }

    /* footer links */
    ul.footer-links {
        font-size: 1.5rem;
    }
    
    
}

@media screen and (min-width: 1024px) {
    .appliance-head {
        width: 60%;
        margin: auto;
    }
    
    .drop-down {
        display: none;
    }

    .nav-li {
        font-size: 12px;
    }

    /* .service-link {
        font-size: 15px;
    } */

    /* .sidebar {
        position: static;
        background-color: none;
        transform: translate(0);
        transition: none;
        
        height: initial;
    } */
     /* .water-filter-img {
        margin: 5rem;
     } */
}