@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400&display=swap');

@import 'fonts.css';

:root {
    --color-base-1: #fe5000;  /* first line color */
    --color-base-2: #fe5000; /* second line color */
    --color-base-3: #041c26;
    --color-base-4: #f3f3f3;

    --color-card-title: var(--color-base-3);
    --color-card-text: var(--color-base-3);

    --color-card-border: var(--color-base-4);
    --color-card-background: #ffffff;
    --color-card-arrow: var(--color-base-2);
    --color-card-arrow-hover: var(--color-base-1);
    --color-card-details: var(--color-base-1);
    --color-card-cta: var(--color-base-1);

    --color-line-start: var(--color-base-1);
    --color-line-end: var(--color-base-2);

    --color-cta-text: var(--color-base-1);
    --color-cta-hover: var(--color-base-1);

    --color-back-button: var(--color-base-1);
    --color-back-button-hover: var(--color-base-2);

    --type-regular: 'Montserrat', sans-serif;
    --type-thin: 'MontserratThin', sans-serif;
    --type-medium: 'MontserratMedium', sans-serif;
    --type-bold: 'MontserratBold', sans-serif;
    --type-light: 'MontserratLight', sans-serif;

    --type-body: 'WorkSans', sans-serif;

    --type-title: var(--type-medium);
    --type-subtitle: var(--type-light);
    --color-title: var(--color-base-3);
    --color-subtitle: #bcbcbc;

    --type-header-subtitle: 'WorkSansMedium', sans-serif;
    --type-cta: var(--type-regular);
    --type-heading: var(--type-thin);

    --type-card-text: var(--type-body);
    --type-card-cta: var(--type-bold);

    --type-quote-text: var(--type-thin);
    --type-quote-name: var(--type-bold);
    --type-quote-company: var(--type-regular);

    --type-card-title: var(--type-bold);

    --type-img-caption: var(--type-regular);

    --type-attendee-name: var(--type-medium);
    --color-attendee-name: var(--color-base-3);

    --type-attendee-details: var(--type-regular);
    --color-attendee-details: var(--color-base-3);

    --type-attendee-bio: var(--type-regular);
    --color-attendee-bio:var(--color-base-3);

    --type-datelocation: var(--type-thin);

    --type-article-title: var(--type-medium);
    --type-article-subtitle: var(--type-light);
    --type-article-text: var(--type-regular);

    --color-article-subtitle: var(--color-base-1);

    --corner-radius: 0!important;

    --line-vertical-svg: url(../../../../assets/lines/line-vertical-incentro.svg);
    --line-horizontal-svg: url(../../../../assets/lines/line-horizontal-incentro.svg)

}

.line-start-color:before {
    background-color: var(--color-line-start)
}

.line-end-color:after {
    background-color: var(--color-line-end)
}

.header-title-black
{
    color: var(--color-base-3);
    display: block;
}

.header-title-orange
{
    color: var(--color-base-1);
    display: block;
}

.intro-signature
{
    width: 50%;
}

.mod-text.mod-footer .title
{
    font-size: 2.5rem;
    font-family: var(--type-light);
}