@import url("https://fonts.googleapis.com/css?family=Raleway:400,300");
/**********************************************

    Chil 2.0 Style for Feeds

***********************************************/
/*azul claro*/
/*azul oscuro*/
/*verde*/
/*verde claro*/
/*#F4F4F4*/
/*naranja*/
@font-face {
  font-family: 'officina';
  src: url("/Fonts/OfficinaSanITCMedium.eot");
  src: url("/Fonts/OfficinaSanITCMedium.ttf") format("truetype"), url("/Fonts/OfficinaSanITCMedium.eot?#iefix") format("embedded-opentype");
  /* IE9+ */
}

@font-face {
  font-family: 'bebas';
  src: url("/Fonts/BebasNeue-webfont.eot");
  src: url("/Fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("/Fonts/BebasNeue-webfont.woff") format("woff"), url("/Fonts/BebasNeue-webfont.ttf") format("truetype"), url("/Fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/Fonts/Roboto-Condensed.woff) format("woff");
}

/*@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
         }*/
@font-face {
  font-family: officina_it;
  src: url("/Fonts/OfficinaSanITCMediumItalic.ttf");
}

@font-face {
  font-family: code;
  src: url("/Fonts/SourceCodePro-Light.ttf");
}

/* line 11, Feeds.scss */
.feed-item.feed-detail .cover-wrapper {
  margin-top: 20px;
  padding-top: 0px;
}
/* line 15, Feeds.scss */
.feed-item.feed-detail h3 {
  margin-top: 30px;
}

/* line 20, Feeds.scss */
.feed-text-content p {
  padding-bottom: 10px;
  line-height: 26px;
}
/* line 24, Feeds.scss */
.feed-text-content h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* Feed Questions	(/Post/_QuestionActivityBody.cshtml)
---------------------------------------------------------------------------*/
/* line 34, Feeds.scss */
.feeds-stream .question-title a {
  color: inherit;
  font: inherit;
  text-transform: capitalize;
}

/* line 40, Feeds.scss */
.feed-item .question-title {
  color: #6e9fbe;
  font: 19px "Roboto", Arial, san-serif;
  line-height: 27px;
  position: relative;
  text-indent: 46px;
}
/* line 46, Feeds.scss */
.feed-item .question-title .q-title {
  padding-top: 16px;
}

/* line 51, Feeds.scss */
.feed-item .question-title:before {
  content: "¿?";
  font-size: 3.5rem;
  position: absolute;
  top: 0px;
  left: -20px;
}

/* Feed News	(/Post/_NewsActivityHeader.cshtml
				 /Post/_NewsActivityBody.cshtml)
---------------------------------------------------------------------------*/
/* line 69, Feeds.scss */
.feed-data a.show-more,
.feed-data a.show-less {
  display: none;
  margin-bottom: 5px;
  color: blue;
  font-weight: bold;
  margin-left: 15px;
}

/* Feed Notification new follower (/Contacts/_NewFollowerActivityHeader.cshtml)
---------------------------------------------------------------------------*/
/* line 81, Feeds.scss */
.feed-follow-info {
  clear: both;
  /*padding-top: _px($gap);*/
}

/* line 86, Feeds.scss */
.feed-profile-header {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
  width: 100%;
  padding-top: 20%;
  font-size: 0px;
  border-top: 1px solid #d7d7d7;
}
/* line 94, Feeds.scss */
.feed-profile-header .actor-bg {
  position: absolute;
  bottom: 0px;
  left: 20%;
  width: 80%;
}
/* line 100, Feeds.scss */
.feed-profile-header .actor-thumb {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20%;
}
/* line 107, Feeds.scss */
.feed-profile-header .info {
  position: absolute;
  top: 0px;
  left: 20%;
  width: 80%;
  border-left: 1px solid #d7d7d7;
}
/* line 113, Feeds.scss */
.feed-profile-header .info .name {
  color: #314555;
  font: 16px "Roboto", Arial, san-serif;
  margin: 5px;
  display: block;
}

/* line 122, Feeds.scss */
.also {
  padding: 0.83333rem 1.66667rem 0 1.66667rem;
}

/* line 125, Feeds.scss */
.feed-item .grid-actors-thumb {
  padding-top: 0.83333rem;
}
/* line 127, Feeds.scss */
.feed-item .grid-actors-thumb li {
  width: 50px;
}

/* line 136, Feeds.scss */
.feed-data:hover .icon-option-feed {
  display: block;
}

/* line 142, Feeds.scss */
.feed-data .info-author,
.feed-data .feed-info {
  margin-left: 5.66667rem;
}

/*.feed-info {
    font-family: $font-title;
    font-size: _rem(16);
    color: $font-color;
	position: relative;
	margin-left: 68px;
}

.feed-info a,
.feed-info a:visited {
    color: #B2B2B2;
}

.feed-info .like-ico {
    margin-left: 5px;
}*/
/* line 164, Feeds.scss */
.feeds-location-right {
  float: right;
  padding-right: 10px;
  text-decoration: none;
}

/* line 170, Feeds.scss */
.img-feed-lang {
  background-image: url(../Images/icons2.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: -62px -22px;
  display: inline-block;
  height: 15px;
  width: 15px;
  outline: none;
  vertical-align: central;
}

/* line 182, Feeds.scss */
.img-feeds-tags {
  background-image: url(../Images/icons2.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: -120px -23px;
  display: inline-block;
  height: 14px;
  width: 15px;
  outline: none;
  vertical-align: central;
}

/* line 196, Feeds.scss */
.feed-lang-text {
  padding: 5px 0 5px 0;
}

/* line 200, Feeds.scss */
hr.sub-feed {
  width: auto;
  height: 1px;
  border: none;
  background-color: #E6E6E6;
  margin: 10px 0 15px;
}

/* line 208, Feeds.scss */
.more-feeds-wrapper {
  height: 20px;
  padding: 10px 0 0 70px;
}

/* Select language
-----------------------------------------------------------------------------*/
/* line 216, Feeds.scss */
.select-lang {
  padding-top: 5px;
  padding-right: 5px;
  margin: 0;
  background: #f3f3f3;
  color: #333333;
  border: none;
  outline: none;
  width: 120px;
  height: 22px;
  cursor: pointer;
  font: 12px 'Segoe UI', officina1, Arial;
  color: #B2B2B2;
}

/* Film Strip
-----------------------------------------------------------------------------*/
/* line 234, Feeds.scss */
.filmstrip > img {
  margin: 0px 5px 0px 0px;
}

/* line 238, Feeds.scss */
.filmstrip li img {
  cursor: pointer;
}

/* Filmstrip
-----------------------------------------------------------------------------*/
/* line 248, Feeds.scss */
.filmstrip-popup {
  width: 682px;
  padding: 10px;
  background-color: #000;
  border-radius: 2px;
  text-align: center;
  z-index: 100002 !important;
  box-shadow: 0 0 5px #BBB;
  border: 1px solid #CCC;
}

/* line 259, Feeds.scss */
.filmstrip-popup .slider {
  height: 480px;
}

/* line 264, Feeds.scss */
.filmstrip-popup .next,
.filmstrip-popup .prev {
  cursor: pointer;
  display: block;
  width: 16px;
  height: 26px;
  float: left;
  margin-top: 230px;
}

/* line 273, Feeds.scss */
.filmstrip-popup .next {
  margin-left: 5px;
  background-image: url(https://www.chil.org/images/arrow-right-icon.png);
}

/* line 278, Feeds.scss */
.filmstrip-popup .prev {
  margin-right: 5px;
  background-image: url(https://www.chil.org/images/arrow-left-icon.png);
}

/* line 283, Feeds.scss */
.filmstrip-popup .scrollable {
  float: left;
  overflow: hidden;
  position: relative;
  width: 640px;
  height: 480px;
}

/* line 291, Feeds.scss */
.filmstrip-popup .items {
  position: absolute;
  width: 3000em;
}

/* line 297, Feeds.scss */
.filmstrip-popup .items div,
.fullimg-popup .img-wrapper {
  width: 640px;
  padding-right: 3px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

/* line 306, Feeds.scss */
.filmstrip-popup .items img,
.fullimg-popup .img-wrapper img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
}

/* line 313, Feeds.scss */
.fullimg-popup {
  width: 640px;
  padding: 10px;
  background-color: #000;
  border-radius: 2px;
  text-align: center;
  z-index: 100002 !important;
  box-shadow: 0 0 5px #BBB;
  border: 1px solid #CCC;
}

/* line 324, Feeds.scss */
.fullimg-popup .close {
  position: absolute;
  right: 11px;
  top: 11px;
  background-image: url("../images/icons2.png");
  background-position: -290px -25px;
  background-color: #fff;
  border-radius: 10px;
  display: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

/* line 339, Feeds.scss */
.fullimg-popup .close:hover {
  background-position: -310px -25px;
}

/* line 343, Feeds.scss */
.fullimg-popup:hover .close {
  display: block;
}

/* For 1 video post*/
/* line 348, Feeds.scss */
.post-info-video {
  padding: 10px 15px 0;
}

/* Style for Responsive Design
---------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) and (max-width: 1024px) {
  /* line 357, Feeds.scss */
  .feed-item,
  .feed-data,
  .feed-text {
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  /* Hide Left and Right Side */
  /* extend width of feeds */
  /* line 368, Feeds.scss */
  .feed-item,
  .feed-data,
  .feed-text {
    width: auto;
  }

  /* Q&A box*/
  /* line 374, Feeds.scss */
  #qa-form input[type=text],
  #qa-form textarea {
    width: 96% !important;
  }
}
@media only screen and (max-width: 590px) {
  /* line 380, Feeds.scss */
  div#wrapper > section {
    border-left: none;
  }

  /* line 384, Feeds.scss */
  .side-left {
    display: none;
  }

  /* extend width of feeds */
  /* line 389, Feeds.scss */
  #wrapper > section > div {
    width: 100%;
  }

  /* line 393, Feeds.scss */
  .filmstrip div img {
    width: 100%;
    /*height:100%;*/
  }

  /* Web Links */
  /* line 400, Feeds.scss */
  .file-wrapper,
  .file-wrapper .thumb {
    width: 100% !important;
    height: 100% !important;
  }

  /* line 405, Feeds.scss */
  .feed-logo {
    width: 40px;
    height: 40px;
  }

  /* line 410, Feeds.scss */
  .feed-text {
    margin-left: 52px;
  }

  /* Video Icon Play */
  /* line 416, Feeds.scss */
  .embed-play {
    left: 4px !important;
    top: 3px !important;
  }

  /* line 421, Feeds.scss */
  .big-play {
    left: 42% !important;
    top: 38% !important;
  }

  /* Attachments with img */
  /* line 427, Feeds.scss */
  .file-doc-preview {
    width: 40px;
    height: 62px;
    padding: 0 2px;
  }

  /* line 433, Feeds.scss */
  .file-doc-preview .thumb {
    width: 100%;
  }

  /* Comments */
  /* line 440, Feeds.scss */
  .feed-comment .comment-author {
    width: 20px;
    height: 20px;
    padding: 5px 5px 0;
  }

  /* line 446, Feeds.scss */
  .feed-comment .comment-author img {
    width: 100%;
    height: 100%;
  }

  /* line 451, Feeds.scss */
  .comment-content a.profile-link {
    font-size: 12px !important;
  }

  /* line 455, Feeds.scss */
  .feed-comment .comment-content {
    width: 85%;
  }

  /* Q&A box*/
  /* line 461, Feeds.scss */
  #qa-form input[type=text],
  #qa-form textarea {
    width: 90% !important;
  }

  /*For anonymous login popup*/
  /* line 466, Feeds.scss */
  .anonymous-login {
    width: 350px !important;
    margin-left: -175px !important;
  }

  /*For Alert Popup */
  /* line 472, Feeds.scss */
  .popup-alert {
    width: 300px !important;
    margin-left: -150px !important;
  }

  /* line 477, Feeds.scss */
  .popup-alert-body p {
    width: 170px;
  }

  /*Alert icons */
  /* line 485, Feeds.scss */
  .popup-ico-warning,
  .popup-ico-error,
  .popup-ico-success,
  .popup-ico-forbidden {
    background-image: url("../images/alert-icons-small.png");
    width: 53px;
    height: 53px;
  }

  /* line 491, Feeds.scss */
  .popup-ico-success {
    background-position: 0 -54px;
  }

  /* line 495, Feeds.scss */
  .popup-ico-error {
    background-position: 0 -108px;
  }

  /* line 499, Feeds.scss */
  .popup-ico-forbidden {
    background-position: 0 -162px;
  }

  /* Notification with Header Profile */
  /* line 504, Feeds.scss */
  .feed-profile-header {
    display: none;
  }

  /* line 508, Feeds.scss */
  .notification-header {
    padding: 10px 15px;
  }

  /* Identity - Header */
  /* line 513, Feeds.scss */
  .logo {
    display: none;
  }

  /* line 517, Feeds.scss */
  a.current-actor > span {
    display: none;
  }
}
@media only screen and (max-width: 360px) {
  /* Profile image*/
  /* line 526, Feeds.scss */
  .notification-header {
    padding-left: 65px;
    /*min-height: 57px;*/
  }

  /* line 533, Feeds.scss */
  .feeds-stream > .feed-item,
  .feed-data > .feed-item {
    padding: 6px 0;
  }

  /* line 537, Feeds.scss */
  .feed-author {
    width: 35px;
    height: 35px;
    position: relative;
    z-index: 10;
    left: 16px;
    top: 10px;
  }

  /* line 546, Feeds.scss */
  .feed-data:before,
  .feed-data:after {
    display: none;
  }

  /*.feed-author img {
      width:100%;
      height:100%;
  }*/
  /* Film Strip */
  /* line 557, Feeds.scss */
  .filmstrip div {
    /*width:30%;*/
  }

  /* line 560, Feeds.scss */
  .feed-data {
    margin-left: 0px;
  }

  /* line 564, Feeds.scss */
  .feed-data div.info-author,
  .feed-info {
    margin-left: 45px;
  }

  /* line 569, Feeds.scss */
  .notification-header + hr + .info-author,
  .notification-header + hr + .info-author + .feed-info {
    margin-left: 0px;
  }

  /* line 574, Feeds.scss */
  .filmstrip div img {
    width: 55px;
    height: 55px;
  }

  /* Comments */
  /* line 580, Feeds.scss */
  .feed-comment .comment-author {
    display: none;
  }

  /* line 584, Feeds.scss */
  .feed-comment .comment-content {
    width: 95%;
    padding-left: 5px;
  }

  /* line 588, Feeds.scss */
  .feed-comment .comment-content .lang {
    display: none;
  }

  /* Header and Toolbar */
  /* line 594, Feeds.scss */
  .logo {
    display: none;
  }

  /* line 599, Feeds.scss */
  .toolbar > ul a,
  .toolbar > ul a:visited {
    font-size: 12px;
    padding: 5px 10px 0 5px;
  }

  /* line 604, Feeds.scss */
  .toolbar > ul a span {
    display: none;
  }

  /* line 609, Feeds.scss */
  h1, h1.title-section {
    /*font-size:22px;
    text-align: center;*/
    margin-bottom: 15px;
  }

  /* line 615, Feeds.scss */
  .content {
    padding-left: 8px;
    padding-right: 8px;
  }

  /* line 620, Feeds.scss */
  .feed-text-title {
    font-size: 14px;
    max-height: 40px;
  }

  /* line 625, Feeds.scss */
  .feed-text {
    min-height: 50px;
  }

  /*For anonymous login popup*/
  /* line 630, Feeds.scss */
  .anonymous-login {
    width: 280px !important;
    margin-left: 140px !important;
  }

  /*For Alert Popup and Edit List */
  /* line 636, Feeds.scss */
  .popup-alert {
    width: 280px !important;
    margin-left: -140px !important;
  }

  /* line 641, Feeds.scss */
  .popup-alert-body p {
    width: 155px !important;
  }

  /* Video Icon Play */
  /* line 646, Feeds.scss */
  .big-play {
    left: 35% !important;
    top: 30% !important;
  }

  /* line 651, Feeds.scss */
  .feed-map-img {
    margin-left: -100px;
  }
}
/**************************

FEEDS

****************************/
/* line 672, Feeds.scss */
.feed-profile-info .actor-thumb {
  display: block;
  float: left;
  margin-right: 5px;
}

/* line 678, Feeds.scss */
.feed-profile-info {
  margin-top: 5px;
  margin-bottom: 15px;
  overflow: hidden;
}

/* line 684, Feeds.scss */
.feed-profile-info .info {
  float: left;
  color: #333;
}

/* line 689, Feeds.scss */
.feed-profile-info .info .name {
  font-size: 18px;
  font-family: 'Segoe UI', Arial;
}

/* line 694, Feeds.scss */
.feed-profile-info .info .desc {
  margin: 0 0 0 5px;
}

/* line 698, Feeds.scss */
.glooglemap-container {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #d7d7d7;
}

/* line 704, Feeds.scss */
.feed-map-img {
  margin-top: 10px;
}

/* Feed Publi
---------------------------------------------------------------------------*/
/* line 710, Feeds.scss */
.feed-publi {
  border: 1px solid #F38725;
  padding: 10px;
  background-color: #fff;
  font-family: 'Segoe UI', Arial;
}

/* line 717, Feeds.scss */
.feed-publi .picture-warpper {
  float: left;
  margin-right: 10px;
  width: 90px;
  height: 90px;
}

/* line 724, Feeds.scss */
.feed-publi .publi-data {
  position: relative;
  margin-left: 100px;
}

/* line 729, Feeds.scss */
.feed-publi .title {
  font-size: 16px;
  color: #333;
}

/* line 734, Feeds.scss */
.feed-publi .title:hover {
  text-decoration: underline;
}

/* line 738, Feeds.scss */
.feed-publi .desc {
  color: #7f7f7f;
  font-size: 12px;
  margin-top: 5px;
}

@media only screen and (max-width: 640px) {
  /* line 745, Feeds.scss */
  .fullimg-popup, .filmstrip-popup {
    width: 90%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 751, Feeds.scss */
  .fullimg-popup .img-wrapper {
    width: 100%;
  }

  /* line 755, Feeds.scss */
  .fullimg-popup .img-wrapper img,
  .filmstrip-popup img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 761, Feeds.scss */
  .fullimg-popup, .filmstrip-popup {
    width: 98%;
  }
}