/*
 Theme Name:   MM26
 Theme URI:    https://paulocarvajal.com/
 Description:  Mundo Mujeres 2026 child theme
 Author:       Paulo Carvajal
 Author URI:   https://paulocarvajal.com/
 Template:     generatepress
 Version:      0.1.0
*/

body {
/*
 * Main Colors defined in functions.php
	--contrast-1: #333;
	--contrast-2: #733018;
	--contrast-3:
	--base-1: #f1f1f1;
	--base-2: #f5f5f5;
	--base-3: #eeeeee;
	--accent: #f2d438;
	--accent-2: #e75c19;
	--accent-3: #284998;
	--accent-4: #dc2d47;
*/
	
    /* Tabs plugin */
    --pds-tabs-color-accent: var(--wp--preset--color--primary, #333);
    --pds-tabs-active-tab-text-color: #333;
    --pds-tabs-color-background: transparent;
    --pds-tabs-color-accent-contrast: var(--pds-tabs-color-background);
    --pds-tabs-tab-line-color: currentColor;
    --pds-tabs-tab-line-color-active: currentColor;
    --pds-tabs-h-tab-line-color: transparent;
    --pds-tabs-h-tab-line-color-active: var(--pds-tabs-tab-line-color-active);
    --pds-tabs-v-tab-line-color: #dadbdc;
    --pds-tabs-v-tab-line-color-active: var(--pds-tabs-tab-line-color-active);
    --pds-tabs-content-text-color: inherit;
    --pds-tabs-tab-text-color: var(--pds-tabs-color-accent);
    --pds-tabs-active-tab-text-color: var(--wp--preset--color--foreground, #333);
    --pds-tabs-accordion-header-background: none;
    --pds-tabs-accordion-header-text-color: inherit;
	
    --pds-tabs-tab-text-color-basic: var(--accent-3);
	
    --pds-tabs-active-tab-text-color-basic: var(--wp--preset--color--primary,#333);
    --pds-tabs-h-tabs-list-underline-color-basic: #dadbdc;
    --pds-tabs-accordion-header-background-basic: var(--base-3);
    --pds-tabs-accordion-header-text-color-basic: var(--contrast-1);
    --pds-tabs-tab-background-color-tabby: var(--pds-tabs-color-accent);
    --pds-tabs-tab-background-color-alt-tabby: rgba(0,0,0,.5);
    --pds-tabs-tab-text-color-tabby: var(--pds-tabs-color-accent-contrast);
    --pds-tabs-active-tab-background-color-tabby: var(--pds-tabs-color-background);
    --pds-tabs-active-tab-text-color-tabby: var(--pds-tabs-color-accent);
    --pds-tabs-accordion-header-background-tabby: var(--pds-tabs-color-accent);
    --pds-tabs-accordion-header-text-color-tabby: var(--pds-tabs-color-accent-contrast);
	--pds-tabs-padding: 0 !important;
}

/* Elements */
.site-main li {
	margin-bottom: 0.875rem;
}
.site-main li > ul {
    margin-top: 0.875rem;
}

/* Home */


.inside-article a,
.paging-navigation a,
.comments-area a,
.page-header a {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    &:hover {
        text-decoration: underline;
    }
}

/* Header */

.site-title {
	margin-bottom: 0;
	font-size: clamp(2.25rem, 3.241vw + 1.194rem, 3.125rem);
}
.wp-block-site-tagline {
	font-size: clamp(1rem, 3.241vw + 1rem, 2rem);
}

.site-branding-container {
    flex-direction: column;
	
}


@media (max-width:768px) {
	.wp-block-site-logo {
		text-align: center;
	}
	.wp-block-site-logo.is-default-size img {
		max-width: 80px;
	}
}

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: 0 2px 12px 0px rgba(0, 0, 0, .2);
}

.nav-align-right .inside-navigation, .nav-align-center .inside-navigation {
    justify-content: center;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover {
	color: var(--accent-2);
}
.wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
	color: var(--base);
}

.polylang_switcher {
	color: var(--accent);
}

.wp-block-navigation ul {
	column-gap: 1.2rem;
    row-gap: 0;
}

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--contrast-2) !important;
	padding: 0 20px;
}

.inside-header {
    align-items: flex-end;
}


.ponente-title,
.ponente-single-title {
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}


/* Buttons */
.form-submit .submit {
    padding: 16px 34px;
    border-radius: 9999px;
}

a {
    transition: color 0.3s;
}

textarea {
    height: 135px;
}

input[type="submit"] {
    align-items: center;
    background-color: var(--accent-2);
    display: inline-flex;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 0.03em;
    text-align: center;
    text-decoration: none;
    border-radius: 30px;
    padding: 12px 30px;

    &:hover {
        color: var(--contrast-3);

    }
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border-radius: 25px;
}


.comments-area {
    padding-inline: 20px;
}
#comments {
    max-width: 700px;
    margin-inline: auto;
}

input[type="search"].wp-block-search__input {
	border: 0;
}


.site-main .wp-block-search__inside-wrapper {
    display: none;
}

.terminos-legales {
	font-size: 13px;
    line-height: 1.3;
}

.site-footer .wp-block-navigation-item__content {
	font-weight: 700;
}
.site-footer .wp-block-navigation-item__content:hover {
	color: var(--base-3);
	transition: color 0.3s ease-in-out;
}


.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .pds-tab__tab-button-underline--active, .plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs a.active:after,
 .plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs a.has-child-selected:after, .plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs a.is-selected:after {
    transition: all 0.3s ease-in-out;
}
.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs {
    border-bottom: var(--pds-tabs-h-tabs-list-underline-width-basic) solid var(--accent-2);
}
.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs a.active {
	color: var(--accent-2);
}
.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__basic .plethoraplugins-tabs a:hover {
	color: #ea8bb8;
}


.polylang_switcher {
    font-family: "--base-font", sans-serif, system-ui;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;

    & li a {
        color: var(--contrast-1) !important;
        text-decoration: none;
    }
    & li a:hover {
        color: var(--accent-2) !important;
    }
	& li.current-lang a {
		color: var(--base) !important;
	}
}