/* line 18, Blog.Default.scss */
* {
  padding: 0px;
  margin: 0px;
  background: transparent;
  border-width: 0px;
  line-height: normal;
  box-shadow: none;
  overflow: visible;
  position: static;
  font-weight: normal;
}
/* line 28, Blog.Default.scss */
* a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
/* line 33, Blog.Default.scss */
* a:hover {
  color: #314555;
}
/* line 36, Blog.Default.scss */
* ul, * ol {
  list-style-position: inside;
}

/* line 39, Blog.Default.scss */
html, body {
  height: 100%;
  width: 100%;
  position: relative;
  font: 14px "Segoe UI", Helvetica, Verdana, san-serif;
  background-color: #f4f4f4;
  line-height: 20px;
  color: #aaaaaa;
}

/* line 49, Blog.Default.scss */
strong {
  font-weight: 600;
}

/* line 53, Blog.Default.scss */
.feed-author-comment ul {
  list-style: initial;
  margin-left: 40px;
}

/* line 58, Blog.Default.scss */
.feed-author-comment li {
  list-style: initial;
}

/* line 62, Blog.Default.scss */
#content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1060px;
  margin: 0px auto;
  position: relative;
}

/* line 71, Blog.Default.scss */
#content > div {
  margin: -10px;
}

/* line 75, Blog.Default.scss */
#content > div > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 87, Blog.Default.scss */
#content > div > div > #main {
  -ms-flex: 1;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  min-width: 200px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 104, Blog.Default.scss */
[data-section] {
  padding: 10px;
}

/* line 108, Blog.Default.scss */
#content > div > div > aside {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 114, Blog.Default.scss */
#column-one {
  width: 0px;
  min-width: 0px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

/* line 124, Blog.Default.scss */
#column-two {
  width: 420px;
  min-width: 420px;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}

/* line 134, Blog.Default.scss */
h1, h2, h3, h4, h5 {
  font-family: "Roboto", Arial, san-serif;
  font-weight: normal;
  color: #314555;
}

/* line 140, Blog.Default.scss */
h1 {
  color: #FFF;
  font-size: 25px;
  margin-right: 354px;
  padding-right: 10px;
}

/****************   HEADER  ******************/
/* line 149, Blog.Default.scss */
.header-content {
  position: relative;
}

/* line 153, Blog.Default.scss */
.header-inner {
  width: 100%;
  padding-top: 20%;
  position: relative;
}

/* line 159, Blog.Default.scss */
.header-inner .background-profile {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

/* line 166, Blog.Default.scss */
.header-inner .change-bkg-box {
  top: 5px;
}

/* line 170, Blog.Default.scss */
.project-icon {
  font-size: 0px;
  position: absolute;
  top: 0px;
  left: 20px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0);
  height: 136px;
  z-index: 1;
}

/* line 180, Blog.Default.scss */
.title-holder {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}

/* line 192, Blog.Default.scss */
.webtype-identifier {
  color: #FFF;
  width: 55px;
  height: 55px;
  line-height: 55px;
  background: #314555;
  display: inline-block;
  text-align: center;
  font: 42px "Segoe UI", Helvetica, Verdana, san-serif;
  float: left;
}

/* line 204, Blog.Default.scss */
.webtype-identifier img {
  width: 100%;
}

/* line 209, Blog.Default.scss */
.title-holder h1,
.title-holder h5 {
  position: relative;
}

/* line 213, Blog.Default.scss */
.header-inner .project-icon {
  font-size: 0px;
  position: absolute;
  top: 0px;
  left: 20px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0);
  height: 136px;
}

/* line 222, Blog.Default.scss */
.switch-button {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 20px;
  width: 120px;
}

/* line 232, Blog.Default.scss */
.switch-button input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  /* :checked here acting as a filter for older browsers */
  position: absolute;
  opacity: 0;
}

/* line 237, Blog.Default.scss */
.switch-button label {
  position: relative;
  display: inline-block;
  color: #FFF;
  width: 100%;
  font: 20px "Roboto", Arial, san-serif;
}

/* line 245, Blog.Default.scss */
.switch-button input[type="checkbox"].switch + span + div {
  width: 40px;
  height: 18px;
  border-radius: 9px;
  background: #FFF;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0) inset;
  background-origin: border-box;
  background-clip: border-box;
  overflow: hidden;
  transition-duration: .4s;
  transition-property: padding,width;
  float: right;
  margin-top: 4px;
}

/* line 260, Blog.Default.scss */
.switch-button input[type="checkbox"].switch:checked + span + div {
  padding-left: 22px;
  width: 18px;
}

/* line 265, Blog.Default.scss */
.switch-button input[type="checkbox"].switch + span + div:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  margin: 1px;
  border-radius: inherit;
  background: #314555;
}

/* line 275, Blog.Default.scss */
.switch-button input[type="checkbox"].switch:checked + span + div:before {
  background: #52D921;
}

/* line 279, Blog.Default.scss */
.switch-button input[type="checkbox"].switch:active + span + div:before {
  background-color: #aaa;
}

/****************   GENERAL ******************/
/* line 285, Blog.Default.scss */
h4, h5 {
  padding-bottom: 10px;
}

/* line 290, Blog.Default.scss */
h4 a,
h5 a {
  text-decoration: none;
}

/* line 294, Blog.Default.scss */
h4 {
  font-size: 18px;
  color: #6e9fbe;
}

/* line 300, Blog.Default.scss */
h5 a:hover,
h4 a:hover {
  color: #314555;
}

/* line 304, Blog.Default.scss */
h5 {
  font-size: 16px;
  color: #aaaaaa;
}

/* line 309, Blog.Default.scss */
.widget-content p {
  margin-bottom: 10px;
}

/* line 313, Blog.Default.scss */
.panel-img-left {
  overflow: hidden;
  margin-bottom: 20px;
}

/* line 318, Blog.Default.scss */
.panel-img-left:last-child {
  margin-bottom: 0px;
}

/* line 322, Blog.Default.scss */
.panel-info {
  position: relative;
  margin-left: 90px;
}

/* line 327, Blog.Default.scss */
.panel-img-left img {
  float: left;
}

/* line 331, Blog.Default.scss */
.ch-twitter {
  margin-bottom: 20px;
}

/****************   WIDGETS GENERAL ******************/
/* line 337, Blog.Default.scss */
.widget-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  background: white;
  margin-bottom: 20px;
  position: relative;
}

/* line 347, Blog.Default.scss */
.widget-content h2 {
  padding-bottom: 15px;
}

/* line 351, Blog.Default.scss */
#facebook-iframe {
  margin: 20px 0px;
  background: #FFF;
}

/* line 356, Blog.Default.scss */
.pluginSkinLight > div {
  border: none !important;
}

/* line 360, Blog.Default.scss */
.ch-avatars-list {
  list-style: none;
  font-size: 0px;
  margin: -5px;
  overflow: hidden;
}
/* line 365, Blog.Default.scss */
.ch-avatars-list li {
  width: 20%;
  float: left;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 372, Blog.Default.scss */
.ch-avatars-list li img {
  width: 100%;
  height: auto;
}

/* line 379, Blog.Default.scss */
.social-nets {
  position: absolute;
  right: 162px;
  top: 50%;
  margin-top: -10px;
  border-right: 1px solid #f4f4f4;
}
/* line 385, Blog.Default.scss */
.social-nets .facebook-ico {
  background-position: 0px -40px;
}
/* line 386, Blog.Default.scss */
.social-nets .googleplus-ico {
  background-position: 0px 0px;
}
/* line 387, Blog.Default.scss */
.social-nets .linkedin-ico {
  background-position: 0px -80px;
}
/* line 388, Blog.Default.scss */
.social-nets .twitter-ico {
  background-position: 0px -20px;
}
/* line 389, Blog.Default.scss */
.social-nets .youtube-ico {
  background-position: 0px -60px;
}
/* line 390, Blog.Default.scss */
.social-nets .orcid-ico {
  background-position: 0px -100px;
}
/* line 391, Blog.Default.scss */
.social-nets .researcherid-ico {
  background-position: 0px -119px;
}
/* line 393, Blog.Default.scss */
.social-nets .facebook-ico:hover {
  background-position: -60px -40px;
}
/* line 394, Blog.Default.scss */
.social-nets .googleplus-ico:hover {
  background-position: -60px 0px;
}
/* line 395, Blog.Default.scss */
.social-nets .linkedin-ico:hover {
  background-position: -60px -80px;
}
/* line 396, Blog.Default.scss */
.social-nets .twitter-ico:hover {
  background-position: -60px -20px;
}
/* line 397, Blog.Default.scss */
.social-nets .youtube-ico:hover {
  background-position: -60px -60px;
}
/* line 398, Blog.Default.scss */
.social-nets .orcid-ico:hover {
  background-position: -60px -100px;
}
/* line 399, Blog.Default.scss */
.social-nets .researcherid-ico:hover {
  background-position: -60px -119px;
}

/* line 401, Blog.Default.scss */
.social-net-ico {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 40px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  background-image: url(/Images/social_nets.png);
}

/****************   ADD INFO    ******************/
/* line 415, Blog.Default.scss */
.ch-profile-custom-info .bold {
  font-weight: bold;
}

/* line 418, Blog.Default.scss */
.ch-profile-custom-info .italic {
  font-style: italic;
}

/* line 421, Blog.Default.scss */
.ch-profile-custom-info a {
  color: #6e9fbe;
}

/* line 424, Blog.Default.scss */
.ch-profile-custom-info a:hover {
  color: #314555;
}

/* line 428, Blog.Default.scss */
.ch-profile-custom-info > div {
  background: white;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}

/* line 435, Blog.Default.scss */
.ch-profile-custom-info > div div:first-child {
  font-family: "Roboto", Arial, san-serif;
  font-weight: normal;
  color: #314555;
  padding-bottom: 15px;
  font-size: 21px;
}

/* line 443, Blog.Default.scss */
[data-editable="1"] > div div:first-child {
  cursor: move;
}

/* line 447, Blog.Default.scss */
.ch-add-profile-custom-info {
  text-align: center;
  border: 1px dashed #6e9fbe;
  padding: 5px 10px;
  background: #FFF;
  border-radius: 5px;
  margin-bottom: 20px;
  cursor: pointer;
}

/* line 457, Blog.Default.scss */
.ch-add-profile-custom-info:hover {
  color: #6e9fbe;
}

/* line 461, Blog.Default.scss */
.self-boxes .widget-content {
  background: transparent;
  padding: 0px;
}

/* line 468, Blog.Default.scss */
.edit-icon,
.remove-section,
.add-element {
  background: white url("/Images/templates_icons/group_icons.png") !important;
  border-radius: 50%;
}

/* line 473, Blog.Default.scss */
.edit-icon {
  background-position: 0px 0px !important;
}

/* line 474, Blog.Default.scss */
.edit-icon:hover {
  background-position: 0px -26px !important;
}

/* line 476, Blog.Default.scss */
.remove-section {
  background-position: -26px 0px !important;
}

/* line 477, Blog.Default.scss */
.remove-section:hover {
  background-position: -26px -26px !important;
}

/* line 479, Blog.Default.scss */
.add-element {
  background-position: -104px 0px !important;
}

/* line 480, Blog.Default.scss */
.add-element:hover {
  background-position: -104px -26px !important;
}

/****************   NEWS    ******************/
/* line 484, Blog.Default.scss */
.news-panel .panel-info {
  margin-left: 132px;
}
/* line 486, Blog.Default.scss */
.news-panel .panel-info h4 a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 24px;
  max-height: 48px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* line 495, Blog.Default.scss */
.news-panel .panel-info .summary p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 20px;
  max-height: 80px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/****************   EVENTS  ******************/
/* line 508, Blog.Default.scss */
.event-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
}

/* line 517, Blog.Default.scss */
.event-panel:last-child {
  margin-bottom: 0px;
}

/* line 521, Blog.Default.scss */
.event-panel .date {
  width: 86px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #6e9fbe;
  color: #FFF;
  font: 28px/38px "Roboto", Arial, san-serif;
  text-align: center;
  padding: 2px;
}

/* line 533, Blog.Default.scss */
.event-panel span {
  display: block;
}

/* line 537, Blog.Default.scss */
.event-panel .month {
  font-size: 16px;
  line-height: 28px;
  border-bottom: 1px solid #FFF;
  text-transform: uppercase;
}

/* line 544, Blog.Default.scss */
.event-info {
  width: 100%;
  position: relative;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/****************   COORDINATOR ******************/
/* line 555, Blog.Default.scss */
.project-coordinator-contact {
  position: relative;
  margin-left: 70px;
  min-height: 60px;
}

/* line 561, Blog.Default.scss */
.project-coordinator-contact h2 {
  padding-bottom: 10px;
}

/* line 565, Blog.Default.scss */
.coordinator-img {
  float: left;
}

/* line 568, Blog.Default.scss */
.project-coordinator-contact .avatar-description {
  padding-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 18px;
  max-height: 36px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/****************   FOOTER  ******************/
@media only screen and (max-width: 980px) {
  /* line 582, Blog.Default.scss */
  #column-two {
    width: 300px !important;
    min-width: 300px !important;
  }
}
@media only screen and (max-width: 770px) {
  /* line 589, Blog.Default.scss */
  .project-icon {
    width: 18%;
    height: auto;
    font-size: 0px;
    box-shadow: none;
  }

  /* line 595, Blog.Default.scss */
  .project-icon img {
    width: 100%;
    height: 100%;
    font-size: 0px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0);
  }
}
@media only screen and (max-width: 600px) {
  /* line 605, Blog.Default.scss */
  #content > div > div {
    flex-direction: column;
  }

  /* line 608, Blog.Default.scss */
  #column-two {
    width: 100% !important;
    min-width: 100% !important;
  }
}
/****************   VIDEOS  ******************/
/* line 615, Blog.Default.scss */
img[data-role=embed] {
  width: 100%;
}

/****************   USEFUL STYLES  ******************/
/* line 621, Blog.Default.scss */
span.italic {
  font-style: italic;
}

/* line 625, Blog.Default.scss */
span.bold {
  font-weight: bold;
}

/* line 629, Blog.Default.scss */
span.underline {
  text-decoration: underline;
}

/* line 634, Blog.Default.scss */
.feed-item .post-header {
  padding: 0px 20px;
}
/* line 637, Blog.Default.scss */
.feed-item .post-header a.title, .feed-item .post-header p.title {
  font-weight: bold;
  font-size: 22px;
  display: block;
}
/* line 643, Blog.Default.scss */
.feed-item .post-header a.author {
  display: block;
  color: #6e9fbe;
}
/* line 648, Blog.Default.scss */
.feed-item .post-header a.author:hover {
  color: #314555;
}
/* line 654, Blog.Default.scss */
.feed-item .feed-share li {
  margin-left: 0;
}

/* line 661, Blog.Default.scss */
.feed-data p {
  margin: 15px;
}
/* line 665, Blog.Default.scss */
.feed-data .feed-item-box {
  margin-left: 15px;
}
/* line 669, Blog.Default.scss */
.feed-data img {
  max-width: 100%;
}