/*!
Theme Name: Abro Studio
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: abro-studio
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* Transitions */
@view-transition {
    navigation: auto;  
}
/*  Kadence css “fixings” */
body {
    text-wrap: pretty;
}
/* header mobile */
.popup-drawer .drawer-content.content-align-center {
    overflow-y: auto;
    max-width: 90vh;
}
.mobile-navigation {
    max-height: 100%;
}
.kt-btn-width-type-auto {
    width: auto;
}
.kb-adv-form-message.kb-adv-form-warning {
    padding: 0.1em 1em;
}
.new-row-diferent-height .kt-inner-column-height-full:not(.kt-row-layout-row) {
    grid-auto-rows: unset;
}
@media (max-width: 1024px) {
    #block-8 figure {
        margin: 0 auto;
    }
    .kt-inner-column-height-full.kt-tab-layout-equal, .kt-inner-column-height-full:not(.kt-tab-layout-inherit):not(.kt-tab-layout-row) {
        grid-auto-rows: unset;
    }
}

/* Menús i botons: línies paral·leles que s'inclinen 45° en hover
-------------------------------------------------------------- */
.main-navigation .menu-item > a,
.secondary-navigation .menu-item > a,
.button-text {
    text-transform: uppercase;
    text-decoration: none;
}

a.button-text,
a.button-text:hover,
a.button-text:focus {
    text-decoration: none;
}

.main-navigation .menu-item > a::before,
.main-navigation .menu-item > a::after,
.secondary-navigation .menu-item > a::before,
.secondary-navigation .menu-item > a::after,
p.button-text::before,
p.button-text::after,
.button-text .wp-block-kadence-advancedheading::before,
.button-text .wp-block-kadence-advancedheading::after {
    content: "|";
    display: inline-block;
    font-weight: inherit;
    transition: transform 0.3s ease;
}

.main-navigation .menu-item > a::before,
.secondary-navigation .menu-item > a::before,
p.button-text::before,
.button-text .wp-block-kadence-advancedheading::before {
    margin-right: 0.5em;
}

.main-navigation .menu-item > a::after,
.secondary-navigation .menu-item > a::after,
p.button-text::after,
.button-text .wp-block-kadence-advancedheading::after {
    margin-left: 0.5em;
}

.main-navigation .menu-item > a:hover::before,
.main-navigation .menu-item > a:hover::after,
.secondary-navigation .menu-item > a:hover::before,
.secondary-navigation .menu-item > a:hover::after,
p.button-text:hover::before,
p.button-text:hover::after,
.button-text:hover .wp-block-kadence-advancedheading::before,
.button-text:hover .wp-block-kadence-advancedheading::after {
    transform: rotate(25deg);
}