/*
Theme Name: DigiDuo Studio
Theme URI: https://digiduostudio.com
Author: DigiDuo Studio
Author URI: https://digiduostudio.com
Description: Custom landing page theme for DigiDuo Studio, built on the Fitburn FSE base and independently maintained under its own identity so it never conflicts with or gets overwritten by the original Fitburn theme.
Requires at least: 6.8
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.3.15
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: digiduo
Tags: portfolio, one-column, two-columns, three-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, wide-blocks

Fitburn is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).
Fitburn WordPress Theme has been created by Flythemes(flythemes.net), 2025.
Fitburn 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{
	z-index: 9;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
    padding: 12px;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{
    color: var(--wp--preset--color--primary);
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg{
    stroke: var(--wp--preset--color--secondary);
}

a:focus,
button:focus{
	outline: 2px solid var(--wp--preset--color--primary) !important;
}

.pos-relative{
    position: relative;
}

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

.vertical-center{
    position: relative;
}

.vertical-center > *{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.wp-block-image 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;
}

.section_sub_title{
    display: inline-block;
    -webkit-mask-image: url(images/sub_title_bg.png);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(images/sub_title_bg.png);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--primary-bg, var( --primary-bg ));
    text-transform: uppercase;
    padding: 6px 30px;
    height: 48px;
    line-height: 38px;
}

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

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

h2.banner-title{ 
    position: relative;
    z-index: 0; 
    padding-right: 20px;
}

h2.banner-title:before{ 
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: var( --wp--preset--color--primary );
    right: 0;
    z-index: -1;
}

h2.banner-title:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  background-color: var( --wp--preset--color--primary );
  clip-path: polygon(-1% 0, 101% 101%, -1% 101%);
  transform: translateX(100%);
  z-index: -1;
}

.team-social{ 
    position: absolute;
    bottom: 20px;
    right: 20px;
}

@media (max-width: 600px) {
	.wp-block-media-text__content {
		padding: 0 !important;
        margin-top: 30px !important;
	}
}
@media (min-width: 600px) {
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding: 0 5% 0 0;
	}
	.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
		padding: 0 0 0 5%;
	}
}

.ln-post-date{
    position: absolute;
    top: 10px;
    left: 10px;
}

.wp-block-post-excerpt__more-text {
    margin-top: 10px !important;
}

/**** Footer ****/
footer{
    margin-top: 0 !important;
}

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

.footer-newsletter input[type="submit"]{
    position: absolute;
    top: 2px;
    right: 2px;
}

.footer-newsletter p{
    margin: 0;
}

.footer-newsletter .wpcf7-spinner{
    display: none;
}

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: #F9F7F7;
}
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
-------------------------------------------------------- */
/* --- > 999px
-------------------------------------------------------- */
@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;
    }
}