/*
This CSS file should only include colors. Either defining color variables,
or defining colors used for fonts/background/borders/etc. in the blocks.
*/

:root
{
    --arta-vlight-gold: #E7E4D7;
}

/**
Button colors
**/

.rbtn.arta-blue a,
a.rbtn.arta-blue
{
    border-color: var(--gt-white);
    border: 0.125rem;
}

/* .rbtn.arta-light-gold a,
a.rbtn.arta-light-gold
{
    background-color: var(--gt-navy);
    color: var(--gt-white);
    border-color: var(--gt-white);
} */

.rbtn.arta-dark-gold a,
a.rbtn.arta-dark-gold
{
    background-color: var(--gt-drk-gold);
    color: var(--gt-white);
}

.rbtn.arta-dark-gold a:hover,
a.rbtn.arta-dark-gold:hover
{
    background-color: var(--gt-white);
    color: var(--gt-drk-gold);
}

/*
.arta-light-gold .rbtn.arta-blue a
{
    background-color: var(--gt-navy);
    border-color: var(--gt-white);
    color: var(--gt-white);
}

.arta-light-gold .rbtn.arta-blue a:hover
{
    background-color: var(--gt-tech-dark-gold);
    border-color: var(--gt-white);
    color: var(--gt-white);
} */

/* .arta-light-gold .rbtn.arta-blue,
.arta-dark-gold .rbtn.arta-light-gold
{
    background-color: transparent;
}

.arta-light-gold a.rbtn.arta-blue
{
    background-color: var(--gt-navy);
    color: var(--gt-white);
    border-color: var(--gt-white);
}

.arta-light-gold a.rbtn.arta-blue:hover
{
    color: var(--gt-white);
    background-color: var(--gt-tech-dark-gold);
    border-color: var(--gt-white);
}

.arta-light-gold
{
    background-color: var(--arta-vlight-gold);
}

.arta-dark-gold .rbtn.arta-light-gold a
{
    background-color: var(--gt-navy);
    color: var(--gt-white);
    border-color: var(--gt-white);
}

.arta-dark-gold .rbtn.arta-light-gold a:hover
{
    background-color: var(--arta-vlight-gold);
    color: var(--gt-navy);
    border-color: var(--gt-white);
}

.arta-dark-gold a.rbtn.arta-light-gold
{
    background-color: var(--gt-navy);
    color: var(--gt-white);
    border-color: var(--gt-white);
}

.arta-dark-gold a.rbtn.arta-light-gold:hover
{
    background-color: var(--arta-vlight-gold);
    color: var(--gt-navy);
    border-color: var(--gt-white);
}

.arta-blue .rbtn.arta-dark-gold a
{
    background-color: var(--gt-dark-gold);
    color: var(--gt-white);
    border-color: var(--gt-white);
}

.arta-blue .rbtn.arta-dark-gold a:hover
{
    background-color: var(--gt-white);
    color: var(--gt-tech-dark-gold);
    border-color: var(--gt-white);
}

.arta-blue .rbtn.arta-dark-gold
{
    background-color: transparent;
}

.arta-blue a.rbtn.arta-dark-gold
{
    background-color: var(--gt-tech-dark-gold);
    color: var(--gt-white);
    border-color: var(--gt-white);
}

.arta-blue a.rbtn.arta-dark-gold:hover
{
    background-color: var(--gt-white);
    color: var(--gt-tech-dark-gold);
    border-color: var(--gt-tech-dark-gold);
}

.arta-dark-gold
{
    background-color: var(--gt-dark-gold);
}

.arta-dark-gold .rbtn.arta-blue a
{
    background-color: var(--arta-blue);
    color: var(--gt-white);
    border-color: var(--gt-white);
}

.arta-dark-gold .rbtn.arta-blue a:hover
{
    color: var(--arta-blue);
    background-color: var(--gt-white);
    border-color: var(--arta-blue);
} */


/**
BACKGROUND/TEXT/BORDER COLORS
**/

.arta-blue
{
    background-color: var(--gt-navy);
}

.arta-blue h1
{
    color: var(--gt-white);
    border-color: var(--gt-drk-gold);
}

.arta-dark-gold p,
.arta-blue p
{
  color: var(--gt-white);
}

.arta-blue h3
{
    color: var(--gt-white);
}

/*
.arta-dark-gold h1
{
  color: var(--gt-white);
  border-color: var(--gt-drk-gold);
}

.arta-text-white h3
{
  color: var(--gt-white);
} */

.topper-copy p
{
    border-color: var(--gt-tech-gold);
}