/* To hide article thumbmnail and thumbnail caption if embed image is present (.ceonothumb) */
.article-slider, .article-getimage, p.caption {
display: none;
}
.blockquote {
  margin: 2.4rem;
  color: gray;
  font: 700 2rem/1.46 sans-serif;
  border-left: 4px solid indianred;
  padding: 0 0 0 20px !important;
}
.thumb-cap {
  font-size: 13px;
  line-height: 1.5;
  padding-top: 4px;
  color: #494949;
}
h3 {
  margin-top: 36px;
  margin-bottom: 8px;
  font: 700 1.9rem/1.46 sans-serif;
}
.embed-right {
  float: right;
  margin: 1rem;
}
.embed-left {
  float: left;
  margin: 1rem 2em 1rem 0;
}
.embedimg-icon {
  position:relative;
  color: indianred !important;
  border-bottom: none !important;
  height: 100%;
  display: inline-block;
}
.embedimg-icon:before {
  content: "\f065";
  font-family: FontAwesome;
  position: absolute;
  border: 3px solid indianred;
  padding: 6px 10px;
  text-align: center;
  background: rgba(255,255,255,1);
  font-size: 22px;
  border-radius: 50%;
  color: indianred;
  right: -14px;
  margin-top: -14px;
}
@-moz-document url-prefix() {
  .embedimg-icon:before {
    margin-top: -13px;
  }
}
.embedimg-icon:hover {
  text-decoration: none;
  border-bottom: none !important;
}
.play-btn {
  position:relative;
  color: rgba(234,46,73,1) !important;
  border-bottom: none !important;
}
.play-btn:after {
  content: "\f04b";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
}
.play-btn:hover {
  color: rgba(234,46,73,0.7) !important;
  text-decoration: none;
}
.center-cropped {
  background-position: center center;
  background-repeat: no-repeat;
}

.imgw-160, .imgw-160 img  {
  width: 160px;
}
.imgw-180, .imgw-180 img {
  width: 180px;
}
.imgw-200, .imgw-200 img {
  width: 200px;
}
.imgw-220, .imgw-220 img {
  width: 220px;
}
.imgw-240, .imgw-240 img {
  width: 240px;
}
.imgw-260, .imgw-260 img {
  width: 260px;
}
.imgw-280, .imgw-280 img {
  width: 280px;
}
.imgw-300, .imgw-300 img {
  width: 300px;
}
.imgw-320, .imgw-320 img {
  width: 320px;
}
.imgw-340, .imgw-340 img {
  width: 340px;
}
.imgw-360, .imgw-360 img {
  width: 360px;
}
.imgw-380, .imgw-380 img {
  width: 380px;
}
.imgw-400, .imgw-400 img {
  width: 400px;
}
.imgw-500, .imgw-500 img {
  max-width: 500px;
  width: 100%;
}
.imgw-600, .imgw-600 img {
  max-width: 600px;
  width: 100%;
}
.imgw-700, .imgw-700 img {
  max-width: 700px;
  width: 100%;
}
.imgw-800, .imgw-800 img {
  max-width: 800px;
  width: 100%;
}
.imgw-900, .imgw-900 img {
  max-width: 900px;
  width: 100%;
}
.imgh-200, .imgh-200 img {
  height: 200px;
}
.imgh-250, .imgh-250 img {
  height: 250px;
}
.imgh-300, .imgh-300 img {
  height: 300px;
}

@media only screen and (max-width: 767px) {
  .embed-left, .embed-right {
    float: none;
    margin: 2rem auto;
    text-align: center;
    display: block;
  }
  .popup-gallery {
    text-align: center;
  }
  .imgw-160, .imgw-160 img , .imgw-180, .imgw-180 img, .imgw-200, .imgw-200 img, .imgw-220, .imgw-220 img,
  .imgw-240, .imgw-240 img, .imgw-260, .imgw-260 img, .imgw-280, .imgw-280 img, .imgw-300, .imgw-300 img,
  .imgw-320, .imgw-320 img, .imgw-340, .imgw-340 img, .imgw-360, .imgw-360 img, .imgw-380, .imgw-380 img, 
  .imgw-400, .imgw-400 img, .imgw-500, .imgw-500 img, .imgw-600, .imgw-600 img, .imgw-700, .imgw-700 img, .imgw-800, .imgw-800 img, .imgw-900, .imgw-900 img {
    max-width: 400px;
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .h3 {
    font: 700 1.9rem/1.6 sans-serif;
}
}

@media only screen and (max-width: 414px) {
  .embed-chart-left, .embed-chart-right{
    float: none;
    margin: 0 0 20px 0;
    display: block;
    text-align: center;
  }
  blockquote {
    margin-bottom: 3rem;
    font: 700 1.8rem/1.4 sans-serif;
  }
}