/* Widget styles */

/* =============================================================================================== */
#horoscopo_nombre {
  color: rgb(72, 231, 201) !important;
  display: inline !important;
  top: 0px !important;
  left: 0px !important;
}

#horoscopo_texto {
  position: relative !important;
  width: 240px !important;
  height: auto !important;
  color: rgb(2, 2, 2);
  top: 8px;
  left: 20px;
  /* text-shadow: .2px .3px .2px rgba(0,0,0,0.9); */
  /* text-rendering: optimizeLegibility; */
  font-family: 'Roboto', sans-serif;
}
/* =============================================================================================== */


/* Horoscope section background */
.grafikdev_horoscope {
  background: url('../img/blue2.jpg');
  background-size: 100% 100%;
  height: 325px;
}

/* Core widget container */
.grafikdev_horoscope_widget {
  /* overflow: hidden; */
  /* padding: 7px; */
  /* padding-top: 6px; */
  /* margin-top: 0px; */
  /* color: white; */
  /* font-family: 'SegoeUINormal','Overlock SC'; */
  /* font-size: 14px; */
  /* line-height: 21px; */
  /* width: 298px; */
  position: relative;
}

/* Title (first <p>) */
.grafikdev_horoscope_widget p:first-child {
  margin-bottom: 0px !important;
  display: block !important;
  font-size: 25px !important;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
  text-rendering: optimizeLegibility;
  font-weight: 600;
  /* opacity: .6; */
  color: #F2C711;
}

/* Body text */
.grafikdev_horoscope_widget p {
  color: #585555;
  width: 230px;
  /*padding-left: 20px;*/
  /* margin-right: 70px; */
  font-family: sans-serif !important;
  font-size: 14px !important;
}

/* IMPORTANT: don't globally affect all images (breaks small icons).
   If you still need this for some other image, scope it more tightly there.
*/
/*
.grafikdev_horoscope_widget img {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  width: 90%;
  height: auto;
  left: 5px;
  position: relative;
  top: 5px;
  display: inline;
  float: left;
}
*/

/* Center content where the 12 signs live */
.grafikdev_horoscope_widget .grafikdev_horoscope_center_content {
  margin: 0;
  width: 290px;
  height: auto;
  padding-left: 10px;
  position: relative;
  min-height: 120px; /* keeps height stable when switching signs */
}

/* Each sign block */
.grafikdev_horoscope_widget .signs {
  margin: 8px 0 0 0;
  padding: 0;
}

/* CRITICAL: hide the non-active signs */
.grafikdev_horoscope_invisible {
  display: none !important;
}

/* Icon next to sign name/content */
.grafikdev_horoscope_icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.grafikdev_horoscope_icon img {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  width: 64px;
  height: auto;
  position: static;
  display: inline-block;
  float: none;
  left: -9px !important;
  top: 3px !important;
}

/* NAV ARROWS (make them visible and positioned) */
.grafikdev_horoscope_widget .grafikdev_horoscope_left_navigation,
.grafikdev_horoscope_widget .grafikdev_horoscope_right_navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  z-index: 2;
}

/* Remove any hidden overrides from old CSS */
.grafikdev_horoscope_widget .grafikdev_horoscope_left_navigation { left: 0; }
.grafikdev_horoscope_widget .grafikdev_horoscope_right_navigation { right: 0; }

.grafikdev_horoscope_widget .grafikdev_horoscope_left_navigation a,
.grafikdev_horoscope_widget .grafikdev_horoscope_right_navigation a {
  display: inline-block;
  padding: 4px;
}

.grafikdev_horoscope_widget .grafikdev_horoscope_left_navigation img,
.grafikdev_horoscope_widget .grafikdev_horoscope_right_navigation img {
  width: 24px !important;
  height: auto;
  box-shadow: none !important;
}

/* Loading image (if used) */
.grafikdev_horoscope_widget .grafikdev_horoscope_loading {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  display: block;
  margin: 0 auto;
}

/* Color schemes */
.grafikdev_horoscope_color-1 { background: rgba(255,255,255,1) !important; }
.grafikdev_horoscope_color-1.grafikdev_horoscope_op20 { background: rgba(255,255,255,0.2) !important; }
.grafikdev_horoscope_color-1.grafikdev_horoscope_op40 { background: rgba(255,255,255,0.4) !important; }
.grafikdev_horoscope_color-1.grafikdev_horoscope_op60 { background: rgba(255,255,255,0.6) !important; }
.grafikdev_horoscope_color-1.grafikdev_horoscope_op80 { background: rgba(255,255,255,0.8) !important; }

.grafikdev_horoscope_color-2 { background: rgba(26,26,26,1) !important; }
.grafikdev_horoscope_color-2.grafikdev_horoscope_op20 { background: rgba(26,26,26,0.2) !important; }
.grafikdev_horoscope_color-2.grafikdev_horoscope_op40 { background: rgba(26,26,26,0.4) !important; }
.grafikdev_horoscope_color-2.grafikdev_horoscope_op60 { background: rgba(26,26,26,0.6) !important; }
.grafikdev_horoscope_color-2.grafikdev_horoscope_op80 { background: rgba(26,26,26,0.8) !important; }

.grafikdev_horoscope_color-3 {
  background: url('../img/blue.jpg');
  background-size: 100% 100%;
  height: 281px; /* 513px; */
}

/* spacing for your op20 background */
.grafikdev_horoscope_color-3.grafikdev_horoscope_op20 {
  /* background overlays disabled; we keep your image */
  padding-right: 7px !important;
  padding-left: 29px;
}

.grafikdev_horoscope_color-3.grafikdev_horoscope_op40 { background: rgba(95,120,32,0.4) !important; }
.grafikdev_horoscope_color-3.grafikdev_horoscope_op60 { background: rgba(95,120,32,0.6) !important; }
.grafikdev_horoscope_color-3.grafikdev_horoscope_op80 { background: rgba(95,120,32,0.8) !important; }

.grafikdev_horoscope_color-4 { background: rgba(74,14,63,1) !important; }
.grafikdev_horoscope_color-4.grafikdev_horoscope_op20 { background: rgba(74,14,63,0.2) !important; }
.grafikdev_horoscope_color-4.grafikdev_horoscope_op40 { background: rgba(74,14,63,0.4) !important; }
.grafikdev_horoscope_color-4.grafikdev_horoscope_op60 { background: rgba(74,14,63,0.6) !important; }
.grafikdev_horoscope_color-4.grafikdev_horoscope_op80 { background: rgba(74,14,63,0.8) !important; }