/*
Theme Name: Combat
Theme URI: https://flythemes.net/wordpress-themes/free-combat-wordpress-theme/
Author: Flythemes
Author URI: https://flythemes.net
Description: Introducing Combat Fitness WordPress theme, a revolutionary full site editing WordPress theme designed specifically for fitness gyms, martial arts schools, and personal trainers who specialize in combat and fitness training. With its robust features and dynamic design, Combat Fitness empowers you to create a stunning, interactive, and user-friendly website that not only looks great but also functions perfectly to meet the needs of fitness enthusiasts. The Combat Fitness theme brings to the forefront a powerful and inspiring design tailored for the fitness industry. Combat Fitness is built with WordPress full site editing capabilities, offering unparalleled flexibility and control over your website’s layout and elements. The theme includes pre-designed block patterns for sections like classes, trainers, testimonials, and event schedules, which can be easily added, removed, or rearranged directly from the site editor. Knowing the importance of online visibility, Combat Fitness is optimized for search engines. It follows the best SEO practices to help your website rank higher in search results, ensuring that potential members find you easily. Understanding that community is key to fitness business success, Combat Fitness WordPress theme includes features that help build and maintain a strong online community. Integrations with social media allow for easy sharing and interaction.
Requires at least: 6.7
Tested up to: 6.8
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: combat
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

Combat is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).
Combat WordPress Theme has been created by Flythemes(flythemes.net), 2025.
Combat 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: 12px;
}

.section_head {
    margin-bottom: 50px;
}

h3.wp-block-post-title a{
	text-decoration: none !important;
}

h4.section_sub_title {
    margin-bottom: 10px;
    color: var(--wp--preset--color--white);
    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;
    -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: 30px;
    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;
    }
}