/* Add here all your css styles (customizations) */ 
html {
  font-size: 14px;
  overflow-x: hidden;
}

body {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #7d7d8f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
  background-color: #fff;
}

a {
  color: #ebc71d; //#B200B2;
  outline: none;
}

a:focus,
a:hover {
  color: #000;
}

/* Button Primary */
.u-btn-primary {
  color: #fff;
  background-color: #ebc71d;
}

.u-btn-primary:hover, .u-btn-primary.active {
  border-color: #ebc71d;
  background-color: #efd34c;
}

.u-icon-block--hover:hover .g-bg-primary--hover {
  background: #ebc71d;
}
.g-bg-primary--hover:hover {
  background-color: #ebc71d !important;
}

.u-block-hover:hover .g-bg-primary--hover {
  background-color: #ebc71d;
}


/* Color pRIMARY */
.g-color-primary {
  color: #efd34c !important;
}

/*------------------------------------
  Hover Effect of Icon on Block Hover
------------------------------------*/
.u-icon-block--hover:hover .g-opacity-0_5--hover {
  opacity: .5;
}

.u-icon-block--hover:hover .g-color-primary--hover {
  color: #efd34c;
}

.u-icon-block--hover:hover .g-brd-primary--hover {
  border-color: #efd34c;
}

.u-icon-block--hover:hover .g-bg-primary--hover {
  background: #efd34c;
}

.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
  color: #efd34c !important;
}

/* Complementary Colors SERVE COMO PARAMETROS PARA AS CONFIGURAÇÕES ACIMA
------------------------------------*/
/* Color Green */
.g-color-green {
  color: #72c02c !important;
}

/* Color Blue */
.g-color-blue {
  color: #3398dc !important;
}

.g-color-blue--hover:hover {
  color: #3398dc !important;
}

.g-color-blue-dark-v1 {
  color: #175a88 !important;
}

/* Color Light Blue */
.g-color-lightblue {
  color: #edf2f8 !important;
}

.g-color-lightblue--hover:hover {
  color: #edf2f8 !important;
}

.g-color-lightblue-v1 {
  color: #d6e2ee !important;
}

.g-color-lightblue-v1--hover:hover {
  color: #d6e2ee !important;
}

/* Color Dark Blue */
.g-color-darkblue {
  color: #009 !important;
}

.g-color-darkblue--hover:hover {
  color: #009 !important;
}

/* Color Indigo */
.g-color-indigo {
  color: #4263a3 !important;
}

.g-color-indigo--hover:hover {
  color: #4263a3 !important;
}

/* Color Red */
.g-color-red {
  color: #f00 !important;
}

.g-color-red--hover:hover {
  color: #f00 !important;
}

/* Color Light Red */
.g-color-lightred {
  color: #e64b3b !important;
}

.g-color-lightred--hover:hover {
  color: #e64b3b !important;
}

/* Color Dark Red */
.g-color-darkred {
  color: #a10f2b !important;
}

.g-color-darkred--hover:hover {
  color: #a10f2b !important;
}

/* Color Purple */
.g-color-purple {
  color: #9a69cb;
}

.g-color-purple--hover:hover {
  color: #9a69cb !important;
}

.g-color-purple-dark-v1 {
  color: #552c7e !important;
}

/* Color Dark Purple */
.g-color-darkpurple {
  color: #6639b6 !important;
}

.g-color-darkpurple--hover:hover {
  color: #6639b6 !important;
}

/* Color Pink */
.g-color-pink {
  color: #e81c62;
}

.g-color-pink--hover:hover {
  color: #e81c62 !important;
}

.g-color-pink-dark-v1 {
  color: #6f0b2d !important;
}

/* Color Orange */
.g-color-orange {
  color: #e57d20 !important;
}

.g-color-orange--hover:hover {
  color: #e57d20 !important;
}

/* Color Deep Orange */
.g-color-deeporange {
  color: #fe541e !important;
}

.g-color-deeporange--hover:hover {
  color: #fe541e !important;
}

/* Color Yellow */
.g-color-yellow {
  color: #ebc71d !important;
}

.g-color-yellow--hover:hover {
  color: #ebc71d !important;
}

/* Color Aqua */
.g-color-aqua {
  color: #29d6e6;
}

.g-color-aqua--hover:hover {
  color: #29d6e6 !important;
}

.g-color-aqua-dark-v1 {
  color: #11848e !important;
}

/* Color Cyan */
.g-color-cyan {
  color: #00bed6 !important;
}

.g-color-cyan--hover:hover {
  color: #00bed6 !important;
}

/* Color Teal */
.g-color-teal {
  color: #18ba9b !important;
}

.g-color-teal--hover:hover {
  color: #18ba9b !important;
}

/* Color Brown */
.g-color-brown {
  color: #9c8061 !important;
}

.g-color-brown--hover:hover {
  color: #9c8061 !important;
}

/* Color Blue Gray */
.g-color-bluegray {
  color: #585f69 !important;
}

.g-color-bluegray--hover:hover {
  color: #585f69 !important;
}