/* EMPATHY LAB PAGES STYLESHEETS */

.initially-hide { display:none; }

.clr-23-50 a:link { color:#74e0ff; /*#00B0F0*/ }
.clr-23-50 a:visited { color:#74e0ff; }
.clr-23-50 a:hover { color:#F8AD28; }
.clr-23-50 a:focus { color:#F8AD28; }
.clr-23-50 a:active { color:#F8AD28; }

/*EL GREEN*/
.clr-27-50 { color:#0E263F !important; }
.clr-27-40 { color:#0E263F !important; }

/*EL PINK*/
.clr-29-50 { color:#0E263F !important; }
.clr-29-40 { color:#0E263F !important; }
.clr-29-30 { color:#0E263F !important; }

div.el-aqua a:link { color:#fff !important; }
div.el-aqua a:visited { color:#fff !important; }
div.el-aqua a:hover { color:#F8AD28 !important; border-bottom:1px solid #F8AD28 !important; }
div.el-aqua a:focus { color:#F8AD28 !important; border-bottom:1px solid #F8AD28 !important; }
div.el-aqua a:active { color:#F8AD28 !important; border-bottom:1px solid #F8AD28 !important; }


.el-wide { padding-left:0 !important; padding-right:0 !important; }

div.s.el-wide { padding-left:0 !important; padding-right:0 !important; }

.clearboth { clear:both !important; }

.text-el { color:#1C497D; }
img.el-rr { max-width:120px; }
.border-medium { border:1px solid #444 !important; }

.hi { background-color:yellow; }

hr.el { background-color:#1c497d; clear:both; }

img.shadowed { filter: drop-shadow(3px 3px 3px #666666); }

.el-orange-top { border-top: 1rem solid #f4772d; }
.el-orange-bottom { border-top: 1rem solid #f4772d; }

.el-green-top { border-top: 1rem solid #6ABA46; }
.el-green-bottom { border-top: 1rem solid #6ABA46; }

.el-pink-top { border-top: 1rem solid #C91D83; }
.el-pink-bottom { border-top: 1rem solid #C91D83; }


/* SPEECH BUBBLES */

.triangle-isosceles { 
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#000;
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  line-height:130%;
}

.triangle-isosceles.top {
  background:#f4772d; /* default background for browsers without gradient support */
}

.triangle-isosceles.bottom-left {
  background:#1f497d; /* default background for browsers without gradient support */
  color:#fff;
}

.triangle-isosceles.bottom-right {
  background:#6aba46; /* default background for browsers without gradient support */
}

.triangle-isosceles:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#f3961c transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.triangle-isosceles.top:after {
  top:-15px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  right:50%; /* controls horizontal position */
  bottom:auto;
  left:auto;
  border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
  border-color:#f4772d transparent;
}

.triangle-isosceles.bottom-left:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:10%; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#1f497d transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.triangle-isosceles.bottom-right:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:80%; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#6aba46 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}


@media (max-width: 992px) {
  div.s div.el-div p  {  
    margin-bottom: 1rem !important;
  }}