@charset "UTF-8";

/*
Theme Name: DpM Theme
Author: FACO
Author URI: https://faco.cl/
Version: 1.0.0 
Text Domain: hpm_theme
*/

@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap");

:root {
    --bs-body-font-family: "Roboto Condensed", sans-serif;
    --bs-primary: #8164aa;
    --bs-primary-rgb: 129, 100, 170;
    --bs-secondary-bg-rgb:211,214,223;
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: 300;
    font-style: italic;
    letter-spacing: -0.025rem;
}

.navbar-brand > span {
    font-size: 150%;
    font-weight: 800;
    margin-right: 0.5rem;
}

a.active {
    text-decoration: underline;
}

p.lead {
    font-size: calc(1rem + 0.75vw);
    font-family: "Gelasio", serif;
    font-style: italic;
    font-weight: 400;
    line-height: 1.3;
}

a.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8164aa;
    --bs-btn-border-color: #9275bb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9275bb;
    --bs-btn-hover-border-color: #a386cc;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

a.btn > span {
    font-style: italic;
    font-weight: 600;
    margin-right: 0.5rem;
}

.small {
    letter-spacing: 0.025rem;
}

a svg {
    margin-right: 0.5rem;
    margin-top: -0.25rem;
}

a:hover svg {
    margin-top: -0.1rem;
    transition: ease all 0.25s;
    fill: #eee;
}

h2 {
    font-family: "Gelasio", serif;
    font-style: italic;
    font-weight: 600;
    font-size: calc(1rem + 0.75vw);
}

h3 {
    font-size: calc(1rem + 0.25vw);
}

h4 {
    font-size: calc(1rem + 0.125vw);
}

img.border-2 {
    filter: grayscale(1);
}

figcaption {
    margin: 1rem 0;
    font-size: 90%;
}

figcaption dl dt {
    line-height: 1.1;
    margin-bottom: 0.5rem;
    font-size: 105%;
}

a.dropdown-item svg {
    height: 1rem;
    width: 1rem;
}

#portada{
	background-image: linear-gradient(to right, rgba(211,214,223, 1) 0%, rgba(211,214,223, .9) 100%), url('https://pormujeres.cl/static/media/revista.ecf59175eaad39162b06.png'), url('https://pormujeres.cl/static/media/xime.44561ba35f0ed23a7c09.png');
	background-position:right -10vh, 50vw bottom;
	background-size:auto 150%, auto 65%;
	background-repeat:no-repeat, no-repeat;
}