:root {
  --dark-orange-color: #F02300;
  --light-orange-color: #d49560;
  --primary: #D2A06E;
  --secondary: #EDDACA;
}

body {
    font-family: 'Spartan', sans-serif;
    font-weight: 400;
    font-size: 1rem;
}

/*------------------------------------
  Main Colors
------------------------------------*/
.g-bg-primary {
    background-color: var(--primary) !important;
}

.g-bg-primary--hover:hover {
    background-color: var(--primary) !important;
}

.g-bg-secondary {
    background-color: var(--secondary) !important;
}

/*------------------------------------
  Background images
------------------------------------*/
.gr-bg-discount-code-brown{
    background-image: url("https://dbf494d77ed7e7544c04-f159651a7cba186adf40310b2873a334.ssl.cf1.rackcdn.com/Referral%20Tracking%20Template/img%20template%20discount%20code/brown-1.jpg");
}
.gr-bg-brown-col-img{
  background-image: url("https://dbf494d77ed7e7544c04-f159651a7cba186adf40310b2873a334.ssl.cf1.rackcdn.com/Referral%20Tracking%20Template/img%20template%20discount%20code/brown-2.jpg");
}

/*------------------------------------
  Brand image
------------------------------------*/
.gr-brand {
    height: auto;
    max-width: 150px;
}

/*------------------------------------
  Form Input
------------------------------------*/
.rounded-0 input{
    border-radius: 0 !important;
}
/*------------------------------------
  Rewards Text
------------------------------------*/
.gr-color-red-dark {
  color: var(--dark-orange-color) !important;
}

.gr-discount-code-border {
    background-image:linear-gradient(to right, var(--primary) 50%, transparent 50%),
    linear-gradient(to right, var(--primary) 50%, transparent 50%),
    linear-gradient(to bottom, var(--primary) 50%, transparent 50%),
    linear-gradient(to bottom, var(--primary) 50%, transparent 50%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 18px 2px, 18px 2px, 2px 18px, 2px 18px;
}