/*
This CSS file should only include colors. Either defining color variables,
or defining colors used for fonts/background/borders/etc. in the blocks.
old arta --arta-vlight-gold: F0EDE5;

*/

:root
{
    --arta-papyrus: #F9F6E5;
    --arta-vlight-gold: #E7E4D7;
    --arta-teal: #64CCC9;
    --arta-dark-gold: rgba(133, 116, 55);
    --arta-navy: rgba(0,48,87);
    --arta-vlight-gold-80op: rgba(240, 237, 229, 0.8);
    --gt-navy-95op: rgba(0,48,87,0.95);
    --gt-white-95op: rgba(255,255,255,0.95);
    --gt-black-16op: rgba(0,0,0,0.16);
    --gt-gold-50op: rgba(179, 163, 105,0.5);
    --gt-dark-gold: rgba(133, 116, 55);
    
}

/**
Button colors
**/

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


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

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

.rbtn.arta-white a,
a.rbtn.arta-white
{
    background-color: var(--gt-white);
    color: var(--gt-navy);
    border-color: var(--gt-navy);
}
.rbtn.arta-white a:hover,
a.rbtn.arta-white:hover
{
    color: var(--gt-white);
    background-color: var(--gt-navy);
    border-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(--arta-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(--arta-dark-gold);
    border-color: var(--gt-white);
}

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

/* .rbtn.arta-dark-gold a
{
    background-color: var(--arta-dark-gold);
    color: var(--gt-white);
    border-color: var(--gt-white);
} */
.arta-dark-gold .rbtn.arta-light-gold a
{
    background-color: var(--arta-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-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(--arta-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(--arta-dark-gold);
    color: var(--gt-white);
    border-color: var(--gt-white);
    /* margin: 0 0 0 15px; */
}
.arta-blue a.rbtn.arta-dark-gold:hover
{
    background-color: var(--gt-white);
    color: var(--arta-dark-gold);
    border-color: var(--arta-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-white
{
    background-color: var(--gt-white);
}
.arta-blue
{
    background-color: var(--gt-navy);
}
.arta-transparent
{
    background-color: transparent;
}


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

/* .arta-white,
.arta-light-gold,
.arta-transparent, */
.arta-white h1,
.arta-light-gold h1,
.arta-transparent h1,
.arta-white h2,
.arta-light-gold h2,
.arta-transparent h2,
.arta-white h3,
.arta-light-gold h3,
.arta-transparent h3
{
    color: var(--gt-navy);
    border-color: var(--gt-drk-gold);
}
.arta-blue h1
{
    color: var(--gt-white);
    border-color: var(--gt-drk-gold);
}
.arta-dark-gold h1
{
  color: var(--gt-white);
  border-color: var(--gt-drk-gold);
}
.arta-dark-gold p,
.arta-blue p
{
  color: var(--gt-white);
}

.arta-text-black
{
    color: var(--gt-black);
}

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