/* line 18, Blog.Default.scss */
* {
    padding: 0;
    margin: 0;
    background: transparent;
    border-width: 0;
    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: #aaa
    }
/* 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: 0 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: 0;
    min-width: 0;
    -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: 0;
    left: 0;
    width: 100%
    }
/* line 166, Blog.Default.scss */
.header-inner .change-bkg-box {
    top: 5px
    }
/* line 170, Blog.Default.scss */
.project-icon {
    font-size: 0;
    position: absolute;
    top: 0;
    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: 0;
    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: 0;
    position: absolute;
    top: 0;
    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: 0.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: #aaa
    }
/* 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: 0
    }
/* 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 0;
    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: 0;
    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: 0 -40px
    }
/* line 386, Blog.Default.scss */
.social-nets .googleplus-ico {
    background-position: 0 0
    }
/* line 387, Blog.Default.scss */
.social-nets .linkedin-ico {
    background-position: 0 -80px
    }
/* line 388, Blog.Default.scss */
.social-nets .twitter-ico {
    background-position: 0 -20px
    }
/* line 389, Blog.Default.scss */
.social-nets .youtube-ico {
    background-position: 0 -60px
    }
/* line 390, Blog.Default.scss */
.social-nets .orcid-ico {
    background-position: 0 -100px
    }
/* line 391, Blog.Default.scss */
.social-nets .researcherid-ico {
    background-position: 0 -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 0
    }
/* 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: 0
    }
/* 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: 0 0 !important
    }
/* line 474, Blog.Default.scss */
.edit-icon:hover {
    background-position: 0 -26px !important
    }
/* line 476, Blog.Default.scss */
.remove-section {
    background-position: -26px 0 !important
    }
/* line 477, Blog.Default.scss */
.remove-section:hover {
    background-position: -26px -26px !important
    }
/* line 479, Blog.Default.scss */
.add-element {
    background-position: -104px 0 !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: 0
    }
/* 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: 0;
    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: 0;
        box-shadow: none
        }
    /* line 595, Blog.Default.scss */
    .project-icon img {
        width: 100%;
        height: 100%;
        font-size: 0;
        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: 0 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%
    }