img.postImageFloatLeft {
  float: left;
}

img.postImageFloatRight {
  float: right;
}

/* Old client styles */

img.equallyBrilliantBook {
  max-height: 200px;
  height: 200px;
  /* float: left;*/
  margin: 0 20px 20px 0;
}

.cta-button-first-edition {
  font-size: 1.25em;
  background-color: #5956A5;
  color: #fff;
  border-radius: 2px;
  padding: 0.75em 1em;
  text-decoration: none;
  &:hover {
    text-decoration: none;
  }
}

blockquote {
  background-color: #818AB1;
}
blockquote.red {
  background-color: #B20E10;  
}
blockquote.pink {
  background-color: #C93E6B;  
}
blockquote.blue {
  background-color: #023B64;
}
blockquote.skyblue {
  background-color: #87CBD8;  
}
blockquote.purple {
  background-color: #63599E;  
}
blockquote.green {
  background-color: #88B613;  
}
blockquote.yellow {
  background-color: #F8D500;  
}
blockquote.orange {
  background-color: #e17025;  
}
p.quote-attribute {
  display: block;
  font-size: small;
}

.blockquote {
  &-red, &-pink, &-blue, &-skyblue, &-purple, &-green, &-yellow, &-orange {
    padding: 50px;
    display: block;
    font-style: italic;
    font-size: 1.75em;
    margin: 20px 0;
    position: relative;
    color: white;
    &:before, &:after {
      display: inline-block;
      content: '\f106';
      font-family: 'Genericons';
      text-align: center;
      -webkit-font-smoothing: antialiased;
      position: absolute;
    }
    &:before {
      margin-right: 5px;
      top: 20px;
      left: 20px;
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
    &:after {
      margin-left: 5px;
      bottom: 20px;
      right: 20px;
    }
  }
  &-red {
    //background-color: #B22F10 !important;
    background-color: #B20E10 !important;
  }
  &-pink {
    background-color: #C93E6B !important;
  }
  &-blue {
    background-color: #023B64 !important;
  }
  &-skyblue {
    background-color: #87CBD8 !important;
  }
  &-purple {
    background-color: #63599E !important;
  }
  &-green {
    background-color: #88B613 !important;
  }
  &-yellow {
    background-color: #F8D500 !important;
  }
  &-orange {
    background-color: #E17025 !important;
  }
}

.highlight-red {
  //background-color: #B22F10 !important;
  background-color: #B20E10 !important;
  color: white;
  padding: 20px;
  display: block;
  font-style: italic;
  font-size: 3rem;
  &:hover {
    text-decoration: none;
  }
}

.highlight-pink {
  background-color: #C93E6B !important;
  color: white;
  padding: 20px;
  display: block;
  font-style: italic;
  font-size: 3rem;
}

.highlight-blue {
  background-color: #023B64 !important;
  color: white;
  padding: 20px;
  display: block;
  font-style: italic;
  font-size: 3rem;
}

.highlight-skyblue {
  background-color: #87CBD8 !important;
  color: white;
  padding: 20px;
  display: block;
  font-style: italic;
  font-size: 3rem;
}

.highlight-purple {
  background-color: #63599E !important;
  color: white;
  padding: 20px;
  display: block;
  font-style: italic;
  font-size: 3rem;
}

.highlight-green {
  background-color: #88B613 !important;
  color: white;
  padding: 20px;
  display: block;
  font-style: italic;
  font-size: 3rem;
}

.highlight-yellow {
  background-color: #F8D500 !important;
  color: white;
  padding: 20px;
  display: block;
  font-style: italic;
  font-size: 3rem;
}

.highlight-orange {
  background-color: #E17025 !important;
  color: white;
  padding: 20px;
  display: block;
  font-style: italic;
  font-size: 3rem;
}

.cta-button {
  background-color: #B20E10;
  padding: 20px 30px !important;
  border-radius: 999px !important;
  color: #FFFFFF;
  font-weight: bold !important;
  font-size: 16px;
  &:hover {
    background-color: #9D0B0D;
    text-decoration: none;
  }	
}

.red_btn, .backToTop {
  //background-color: #B22F10;
  background-color: #B20E10;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 999px;
  padding: 15px 20px;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  &:hover {
    text-decoration: none;
  }
}

.pink_btn {
  background-color: #C93E6B;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 999px;
  padding: 15px 20px;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  &:hover {
    text-decoration: none;
  }
}

.blue_btn {
  background-color: #023B64;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 999px;
  padding: 15px 20px;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  &:hover {
    text-decoration: none;
  }
}

.skyblue_btn {
  background-color: #87CBD8;
  color: #292B2C;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 999px;
  padding: 15px 20px;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  &:hover {
    text-decoration: none;
  }
}

.purple_btn {
  background-color: #63599E;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 999px;
  padding: 15px 20px;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  &:hover {
    text-decoration: none;
  }
}

.green_btn {
  background-color: #88B613;
  color: #292B2C;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 999px;
  padding: 15px 20px;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  &:hover {
    text-decoration: none;
  }
}

.yellow_btn {
  background-color: #F8D500;
  color: #292B2C;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 999px;
  padding: 15px 20px;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  &:hover {
    text-decoration: none;
  }
}

.orange_btn {
  background-color: #E17025;
  color: #292B2C;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 999px;
  padding: 15px 20px;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  &:hover {
    text-decoration: none;
  }
}

.Nneutralgreen_btn {
  background-color: #ADA589;
  color: #292B2C;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 999px;
  padding: 15px 20px;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  &:hover {
    text-decoration: none;
  }
}

.cta-button-white {
  background-color: #FFFFFF;
  padding: 20px 30px;
  border-radius: 999px;
  color: #292B2C;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  &:hover {
    background-color: #B20E10;
    color: #FFFFFF;
    text-decoration: none !important;
  }
}