/*
Theme Name: Integrity
Theme URI: https://flythemes.net/wordpress-themes/integrity-lite-wordpress-theme/
Author: Flythemes
Author URI: https://flythemes.net
Description: The integrity Full Site Editing (FSE) Medical WordPress Theme emerges as the perfect solution, embodying sophistication, functionality, and adaptability. Designed meticulously for medical professionals, healthcare institutions, clinics, hospitals, and wellness centers, this theme is a comprehensive package that ensures your online presence is not just visible but impactful. At the heart of our theme lies the Full Site Editing feature, a revolutionary advancement in WordPress that allows you to have complete control over your site's design and structure. Unlike traditional themes, FSE enables you to edit all parts of your website, including headers, footers, and templates, directly from the site editor. To ensure smooth performance and security, our theme is fully compatible with the latest version of WordPress. This compatibility guarantees that you can enjoy all the newest features and updates offered by WordPress, keeping your site up-to-date and secure against vulnerabilities. To further ease the process of creating and managing content, our theme comes with an array of block patterns. These pre-designed sections and layouts can be inserted into your pages with just a few clicks, simplifying the design process and enabling you to create beautiful, cohesive pages faster. Recognizing the growing need for online commerce in the medical and health industries, our theme is fully compatible with WooCommerce.
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 7.2
Version: 1.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: integrity
Tags: education, 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

Integrity is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).
Integrity WordPress Theme has been created by Flythemes(flythemes.net), 2024.
Integrity 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--white);
}

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

a:focus,
button:focus{
	outline: 2px solid blue !important;
}

.pos-relative{
    position: relative;
}

.vertical-middle img{
    vertical-align: middle;
}

.shadow{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.hidden-overflow{
    overflow: hidden;
}

.banner-sub-title{
    display: inline-block;
    border-radius: 30px;
}

.section_head {
    margin-bottom: 50px;
}

h4.section_sub_title {
    margin-bottom: 10px;
    color: var(--wp--preset--color--white);
    margin-bottom: 0;
    border-radius: 30px;
}

h2.section_title {
    position: relative;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

.no-pesdue:before,
.no-pesdue:after{
    content: none !important;
}

.stroke-big{ 
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-mask-image: url(images/about-stroke.png);
    mask-image: url(images/about-stroke.png);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.stroke-small{
    margin: 0 2rem 30px;
    overflow: hidden;
    -webkit-mask-image: url(images/infobox-stroke.png);
    mask-image: url(images/infobox-stroke.png);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

/**** Service Box ****/
.service-number{
    position: absolute;
    top: 20px;
    left: 20px;
}
.service-icon{
    width: 70px;
    height: 70px;
    position: absolute;
    right: 20px;
    top: -40px;
}

.member-social-icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 0 20px 20px;
    overflow: hidden;
}

.member-social-icon ul > li {
    position: relative;
    left: -70px;
    -webkit-transition: all 900ms ease;
    transition: all 900ms ease;
}

.team-member:hover .member-social-icon ul > li {
    left: 0;
}

.testi-thumb{
    margin-top: -70px !important;
}

.news-content{
    position: relative;
    top: -25px;
    background-color: #ffffff;
    border-radius: 6px;
    text-align: center;
    padding: 25px 20px 30px;
    margin-left: 10px;
    margin-right: 10px;
}

/**** Event ****/
.foo-newsletter input[type="email"],
.foo-newsletter input[type="submit"]{
    width: 100%;
}

.foo-newsletter input[type="email"]{
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px;
    height: 46px;
    margin-bottom: 20px;
}
.foo-newsletter input[type="submit"]{
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 16px;
}

/**** Latest News ****/

/**** Footer ****/
.footer-info .wp-block-image img{
    vertical-align: middle;
}

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;
    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"] {
    text-align: center;
    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: 20px;
}

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

.form-group.fourth {
    width: 23.5%;
    margin-right: 2%;
    float: left;
}

.form-group.fourth.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,
    .wp-block-navigation__responsive-container-open{
        background: var(--wp--preset--color--primary);
    }

    .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__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--secondary);
        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;
    }
}