/*
Theme Name: Droplet
Theme URI: https://flythemes.net/wordpress-themes/droplet-wordpress-theme/
Author: Flythemes
Author URI: https://flythemes.net
Description: Droplet is a plumber WordPress theme made for plumber services, sewer services, water leakages, heating services and other relevant to plumbing businesses. Anything that has to do with water is essential. As the saying goes, “water is essential for life,” so is the plumbing business important. Droplet WordPress theme is made with block patterns and full site editing WordPress theme. This theme comes with many block patters so you can create desire layout by using the patters. The fitting and maintenance of the water systems in structures and houses are also crucial. There is nowhere water or services related to it are not needed. Plumbing services are needed worldwide, and they are required daily. Plumbing services are necessary to fix water-related issues and materials or repair them. Whatever the case, plumbing services are indispensable. By using this theme you can create a decent website for your business.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: droplet
Tags: e-commerce, blog, one-column, two-columns, three-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, right-sidebar, custom-background, wide-blocks

Droplet is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).
Droplet WordPress Theme has been created by Flythemes(flythemes.net), 2023.
Droplet WordPress Theme is released under the terms of GNU GPL
*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
    background-color: var(--wp--preset--color--secondary);
}

.wp-block-navigation__responsive-container .wp-block-navigation-link a{
    color: var(--wp--preset--color--white);
}

.wp-block-navigation__container{
    gap: 15px;
}

.wp-block-navigation ul li ul li a{
    line-height: normal !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
	color: inherit !important;
}
button.wp-block-navigation__responsive-container-close:focus,
button.wp-block-navigation__responsive-container-open:focus{
	border: 1px solid #ffffff;
}
.arrow-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.arrow-list li {
    padding: 10px 0 5px 25px;
    position: relative;
}
.arrow-list li:before {
    content: "";
    background-image: url(assets/img/right-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 18px;
    left: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
}

.has-lite-shadow {
    box-shadow: 0px 2px 8px 0px #63636333;
}

.service-icon {
    position: absolute;
    background-color: var(--wp--preset--color--primary);
    width: 90px;
    height: 90px;
    padding: 20px;
    right: 20px;
    top: -64px;
    z-index: 1;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .5s ease-in-out;
}

.service-icon img {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0 auto;
}

.service-box:hover .service-icon {
    border-radius: 0% 100% 100% 100%;
}

.pos-relative{
    position: relative;
}

.over-border{
    position: relative;
}

.over-border::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 10px solid var(--wp--preset--color--primary);
    top: 15px;
    left: 15px;
}

.team-member .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{
    width: 100%;
}

.team-social-overlay{
    border-top: 1px solid #DDDDDD;
    margin-top: 10px !important;
    padding-top: 10px;
}

.round-cls img{
    border-radius: 50%;
}

.process-thumb{
    width: 80px;
    height: 80px;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    border-radius: 50%;
    margin: 0 auto 25px;
    text-align: center;
    position: relative;
}

.process-rank{
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: var(--wp--preset--color--secondary);
    top: -5px;
    right: -5px;
    font-size: initial;
    line-height: 30px;
    border-radius: 20px;
}

.truncate-line p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
}

.footer-menu{
    margin: 0;
    padding: 0;
}

.footer-menu li {
    margin-bottom: 14px;
    width: 100%;
    display: block;
  }

.sidebar-meta-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-meta-list li{
    margin: 5px 0;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid #ebebeb;
    outline: 0;
    resize: none;
    line-height: 20px;
    border-radius: 25px;
    box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #ffffff;
    background: none;
    color: #000000;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 30px;
    text-align: center;
    box-shadow: 3px 3px 8px #b1b1b1, -3px -3px 8px #ffffff;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: #000000;
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}


/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 42px;
        height: 42px;
    }
    
    .wp-block-navigation__responsive-container-open svg path,
    .wp-block-navigation__responsive-container-close svg path{
        fill: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container-close{
        top: 20px;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--secondary);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
    }

    /*
    * Submenu Css
    */

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
        display: block !important;
        margin-left: 15px;
        padding: 3px 10px;
        float: right;
        font-size: 19px;
        line-height: 1;
        position: absolute;
        right: 0;
        top: 0;
        height: 42px;
        width: 42px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
        stroke: var(--wp--preset--color--white);
        display: block;
        width: 30px;
        height: 13px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        display: none;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
        padding-left: 35px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true] + ul.wp-block-navigation__submenu-container {
        display: block;
        margin: 0;
        padding: 0;
    }
}