/**
 * @file
 * Subtheme specific CSS.
 */

/* def elems */

a,
a:hover{
    color: #000;
    text-decoration: none;
  outline: none;
}

b,
strong{
    font-weight: bold;
}

h1.title{

}

p:last-child{
    margin-bottom: 0;
}

img.responsive {
    max-width: 100%;
}

@media (min-width: 1400px){
    .container, .path-posts #main > .row {
        max-width: 1280px;
    }

    .path-posts #main > .row {
      margin: auto;
    }

    .page-user-password #block-ncon-bs-content, .path-user #block-ncon-bs-content {
        max-width: 1280px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 5000px){
    .container, .path-posts #main > .row {
        max-width: 1920px;
    }

    .path-posts #main > .row {
      margin: auto;
    }

    .page-user-password #block-ncon-bs-content, .path-user #block-ncon-bs-content {
        max-width: 1920px;
        margin-right: auto;
        margin-left: auto;
    }
}

input.btn{
    border-radius: 5px;
    border: 1px solid var(--black);
    background-color: var(--black);
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    white-space: nowrap;
    padding: .375rem .75rem;
    width: auto;
}

input.btn:hover{
    border: 1px solid #000;
    background-color: #000;
}

input.btn:focus{
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active{
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow: none;
}

.select-wrap{
    position: relative;
}

.select-wrap > span.ei{
    position: absolute;
    right: 5px;
    top: 8px;
    background: #fff;
    width: 26px;
    font-size: 24px;
    color: #a2a2a2;
    pointer-events: none;
}

select.form-control{
    height: 38px;
    font-size: 19px;
    line-height: 1.26;
    color: #a2a2a2;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.form-control{
    color: #000;
}

.form-control:focus,
.form-control:active{
    color: #000;
    border: 1px solid #345286;
    box-shadow: none;
}

.form-submit.form-control{
    color: #fff;
}

.form-submit.form-control:focus,
.form-submit.form-control:active {
    color: #fff;
    background: #000;
    border: 1px solid #000;
    box-shadow: none;
}

.form-actions{
    text-align: right;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


.dropdown-item:focus,
.dropdown-item:hover{
    color: #000;
    background: none;
}


/* // def elems */

/* cust */

@media (max-width: 991px) {
    .px-md-0p{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 767px){
    .px-sm-0p{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-sm-10p{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .px-sm-15p{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 575px){
    .px-xs-0p{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-xs-10p{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .px-xs-15p{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


.pl-5p{
    padding-left: 5px;
}

.pr-5p{
    padding-right: 5px;
}

.px-5p{
    padding-left: 5px;
    padding-right: 5px;
}

.px-10p{
    padding-left: 10px;
    padding-right: 10px;
}

.pl-10p{
    padding-left: 10px;
}

.pr-10p{
    padding-right: 10px;
}

.px-15p{
    padding-left: 15px;
    padding-right: 15px;
}

.px-25p{
    padding-left: 25px;
    padding-right: 25px;
}

.px-30p{
    padding-left: 30px;
    padding-right: 30px;
}

.mx-m10p{
    margin-left: -10px;
    margin-right: -10px;
}

.mx-10p{
    margin-left: 10px;
    margin-right: 10px;
}

.ml-10p{
    margin-left: 10px;
}

.mr-10p{
    margin-right: 10px;
}

.mb-48p{
    margin-bottom: 48px;
}

.mt-13p{
    margin-top: 13px;
}

.white-space-nowrap{
    white-space: nowrap;
}

@media (min-width: 1200px){
    .col-2-19per {
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%;
    }

    .col-5-45per {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }

    .col-5-42per {
        -ms-flex: 0 0 42.5%;
        flex: 0 0 42.5%;
        max-width: 42.5%;
    }

    .offset-1-13per{
        margin-left: 13.5%;
    }
}

.page-manager-wizard-tree .page__section__2 {
   display: block;
}

.text-green{
    color: var(--green);
}

figure.caption{
    margin: 20px 0 30px;
}

/* // cust */


/* drupal cust */

.list-group-item:first-child,
.list-group-item:last-child{
    border-radius: 0;
}

.node--view-mode-full{
    padding-bottom: 70px;
}

.black-opacity-overlay-05 .paragraph--type--content .paragraph-wrapper{
    background-color: rgba(0, 0, 0, 0.5);
}

.layout--twocol .layout__region--top{
    display: block;
}

.field--type-image img,
.field--name-field-user-picture img{
    margin: 0;
}

.file--general,
.file--application-octet-stream {
  background-image: url(/themes/ncon_bs/icons/files/application-octet-stream.png);
}
.file--package-x-generic {
  background-image: url(/themes/ncon_bs/images/icons/files/package-x-generic.png);
}
.file--x-office-spreadsheet {
  background-image: url(/themes/ncon_bs/images/icons/files/x-office-spreadsheet.png);
}
.file--x-office-document {
  background-image: url(/themes/ncon_bs/images/icons/files/x-office-document.png);
}
.file--x-office-presentation {
  background-image: url(/themes/ncon_bs/images/icons/files/x-office-presentation.png);
}
.file--text-x-script {
  background-image: url(/themes/ncon_bs/images/icons/files/text-x-script.png);
}
.file--text-html {
  background-image: url(/themes/ncon_bs/images/icons/files/text-html.png);
}
.file--text-plain {
  background-image: url(/themes/ncon_bs/images/icons/files/text-plain.png);
}
.file--application-pdf {
  background-image: url(/themes/ncon_bs/images/icons/files/application-pdf.png);
}
.file--application-x-executable {
  background-image: url(/themes/ncon_bs/images/icons/files/application-x-executable.png);
}
.file--audio {
  background-image: url(/themes/ncon_bs/images/icons/files/audio-x-generic.png);
}
.file--video {
  background-image: url(/themes/ncon_bs/images/icons/files/video-x-generic.png);
}
.file--text {
  background-image: url(/themes/ncon_bs/images/icons/files/text-x-generic.png);
}
.file--image {
  background-image: url(/themes/ncon_bs/images/icons/files/image-x-generic.png);
}

.ajax-progress-fullscreen{
    background-image: none;
}

.js-pager__items.pager{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.js-pager__items.pager li{
    list-style-type: none;
}

.js-pager__items.pager .show-more-icon{
    background-image: url(/themes/ncon_bs/images/icons/show_more/show-more.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 30px;
}

.js-pager__items.pager .show-more-icon:hover{
    background-image: url(/themes/ncon_bs/images/icons/show_more/show-more-hover.svg);
}

/*
.js-pager__items.pager a{

}
*/
/*
.field--name-body a,
.field--name-field-body-2 a,
.field--name-field-body-3 a,
.field--name-field-body-4 a,
.field--name-field-body-5 a,
.field--name-field-body-6 a{
    font-weight: bold;
    color: #348684;
}

.field--name-body a:hover{
    text-decoration: underline;
}
*/


/*
#panels-ipe-tray{
    bottom: 30px;
}
*/

/* // drupal cust */



/* toolbar fixed

body.toolbar-fixed #navbar-main{
    margin-top: 79px;
}

body.toolbar-fixed #page{
    margin-top: 130px;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed #navbar-main{
    margin-top: 40px;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed #navbar-main{
    margin-left: 15rem;
}

*/


/* header */

.scrolled.scrollup header#header #navbar-main,
.scrolled.scrolldown header#header #navbar-main{
    border-bottom: 1px solid var(--soft-grey);
}

header#header nav > div> a.nav-link:hover,
header#header nav > div> a.nav-link.active{
    background: #d9d9d9;
}

header#header #navbar-main{
    z-index: 2 !important;
}

@media (max-width: 992px){
    header#header nav#navbar-main .navbar-brand {
        padding-left: 0 !important;
    }

    header#header nav#navbar-main .navbar-toggler {
        margin-right: 0 !important;
    }
}

/* // header */


/* header social */

#header .head-social-wrap{
    border-bottom: 1px solid var(--soft-grey);
}

#header .head-follow{
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 991px) {
    #header .head-follow{
        justify-content: center;
    }
}

#header .head-follow .head-follow-wrap{
    display: flex;
    align-items: center;
    border-left: 1px solid var(--soft-grey);
    border-right: 1px solid var(--soft-grey);
}

#header .head-follow .head-follow-wrap > span.label{
    display: flex;
    font-size: 12px;
    align-items: center;
    height: 30px;
    padding: 0 25px;
}

#header .head-follow .head-follow-wrap > span.icon-wrap{

    padding-right: 25px;
}

#header .head-follow a.head-link-icon{
    display: flex;
    height: 14px;
    width: 14px;
}

#header .head-follow a.twitter-icon{
    background-image: url(/themes/ncon_bs/images/icons/twitter-icon-header.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
}

/*
#header .head-follow a.twitter-icon:hover{
    background-image: url(/themes/ncon_bs/images/icons/twitter-icon-header-hover.svg);
}
*/

#header .head-follow a.linkedin-icon{
    background-image: url(/themes/ncon_bs/images/icons/linkedin-icon-header.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#header .head-follow a.youtube-icon{
    background-image: url(/themes/ncon_bs/images/icons/youtube-icon-header.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 17px;
}


/*
#header .head-follow a.linkedin-icon:hover{
    background-image: url(/themes/ncon_bs/images/icons/linkedin-icon-header-hover.svg);
}
*/

#header .head-follow a.facebook-icon{
    background-image: url(/themes/ncon_bs/images/icons/facebook-icon-header.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
}

/*
#header .head-follow a.facebook-icon:hover{
    background-image: url(/themes/ncon_bs/images/icons/facebook-icon-header-hover.svg);
}
*/

/* // header social */


/* navbar main */

.dropdown-menu{
    margin: 0;
}

#navbar-main .navbar-toggler{
    background: url(/themes/ncon_bs/images/icons/mobile-menu-icon.png) no-repeat;
}

@media (max-width: 1199px){
    header#header nav#navbar-main > div > a.nav-link {
        text-indent: -9999px;
        overflow: hidden;
        min-width: inherit;
        width: 50px;
        position: relative;
        padding: 10px 10px;
    }
}

@media (max-width: 1199px){
    header#header nav#navbar-main a.nav-link img {
        padding-left: 0px;
        width: 24px;
        height: auto;
        text-indent: unset;
        position: absolute;
        left: 13px;
        top: 13px;
    }
}

@media (max-width: 1199px){
    header#header nav#navbar-main a.nav-link .fav-docs-counter {
        right: 3px;
        top: 3px;
        text-indent: 0px;
    }
}

@media only screen and (min-width: 992px) {
/*
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-submenu {
        position: relative !important;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0 !important;
        left: 100% !important;
        margin-top: -6px !important;
        margin-left: -1px !important;
        border-radius: 0 !important;
    }

    .dropdown-submenu:hover>.dropdown-menu {
        display: block !important;
    }

    .dropdown-submenu>a:after {
        display: block;
        content: "\f105";
        font-family: 'FontAwesome';
        margin-top: -18px;
        right: 15px;
        position: absolute;
        font-weight: 300;
    }
*/


    #navbar-main{
        padding: 0 !important;
    }

    #navbar-main .navbar-collapse{
        margin-right: 10px;
    }

    #navbar-main .navbar-collapse, #navbar-main .navbar-collapse nav{
        margin-left: auto;
    }

    #navbar-main .dropdown-item.active, #navbar-main .dropdown-item:active{
        background: none;

    }

    /*
    #navbar-main .navbar-collapse nav > ul > li{
       margin: 0 5px;

    }
    */

    #navbar-main .navbar-collapse nav > ul{
        align-items: center;
        line-height: 2;
    }

    #navbar-main .navbar-collapse nav > ul > li.menu-item--expanded{
        margin-bottom: -1px;
        z-index: 1;
    }

    #navbar-main .navbar-collapse nav > ul > li > a,
    #navbar-main .navbar-collapse nav > ul > li > span{
        display: block;
        padding: 45px 15px;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

    #navbar-main .navbar-collapse nav > ul > li > a > span,
    #navbar-main .navbar-collapse nav > ul > li > span > span{
        padding-bottom: 5px;
    }

    #navbar-main .navbar-collapse nav > ul > li.active > a > span,
    #navbar-main .navbar-collapse nav > ul > li > a:hover > span,
    #navbar-main .navbar-collapse nav > ul > li > span:hover > span{
        border-bottom: 4px solid var(--green);
    }

    #navbar-main .navbar-collapse nav > ul > li > a:hover,
    #navbar-main .navbar-collapse nav > ul > li > span:hover,
    #navbar-main .navbar-collapse nav > ul > li.expanded > a,
    #navbar-main .navbar-collapse nav > ul > li.expanded > span{
        border-left: 1px solid var(--soft-grey);
        border-right: 1px solid var(--soft-grey);
        border-bottom: 1px solid #fff;
    }

    /*

    #navbar-main .navbar-collapse nav > ul > li> span{
        margin-right: 10px;
        margin-left: 10px;
    }
    */

    /*
    #navbar-main .navbar-collapse nav > ul > li > a,
    #navbar-main .navbar-collapse nav > ul > li > span{
       padding: .6rem 0;
       padding-bottom: 7px;
    }


    #navbar-main .navbar-collapse nav > ul > li > a,
    #navbar-main .navbar-collapse nav > ul > li > span{
        padding-top: 0;
        padding-bottom: 0;
    }
    */
    #navbar-main .navbar-collapse nav > ul > li > span{
        cursor: pointer;
    }

    /*
    #navbar-main .navbar-collapse nav > ul > li:not(:last-child) > a,
    #navbar-main .navbar-collapse nav > ul > li:not(:last-child) > span{
        margin-right: -6px;
        margin-left: 1px;
    }

    #navbar-main .navbar-collapse nav > ul > li:last-child > a,
    #navbar-main .navbar-collapse nav > ul > li:last-child > span{
        margin-right: 1px;
        margin-left: 2px;
    }
    */

    /*
    #navbar-main .navbar-collapse nav > ul > li:not(:last-child){
        margin-right: 42px;
    }


    #navbar-main .navbar-collapse nav > ul > li:not(:last-child) > a:after,
    #navbar-main .navbar-collapse nav > ul > li:not(:last-child) > span:after{
        content: " | ";
        position: relative;
        right: -23px;
        color: var(--soft-grey);
        width: 1px;
        pointer-events: none;
    }
    */

    #navbar-main .navbar-collapse nav > ul > span{
        border-right: 1px solid var(--soft-grey);
        height: 17px;
        width: 1px;
    }

    #navbar-main .navbar-collapse nav > ul > span:last-child{
        border: none;
    }

    #navbar-main .navbar-collapse nav > ul > li > a.dropdown-toggle::after,
    #navbar-main .navbar-collapse nav > ul > li > span.dropdown-toggle::after{
        display: inline;
        border: none;
        vertical-align: baseline;
        /* margin: 0; */
    }

    #navbar-main .navbar-collapse nav > ul > li > ul.dropdown-menu{
        border-radius: 0;
        border: 1px solid var(--soft-grey);
        margin-top: -1px;
        z-index: -1;
        padding: 0;
    }

    #navbar-main .navbar-collapse nav > ul > li:nth-child(1) > ul.dropdown-menu{
        min-width: 138px;
    }

    #navbar-main .navbar-collapse nav > ul > li:nth-child(7) > ul.dropdown-menu{
        min-width: 164px;
    }

    #navbar-main .navbar-collapse nav > ul > li:nth-child(1){
        margin-right: -1px;
    }

    #navbar-main .navbar-collapse nav > ul > li:nth-child(3){
        margin-left: -1px;
        margin-right: -1px;
    }

    #navbar-main .navbar-collapse nav > ul > li:nth-child(5){
        margin-right: -1px;
        margin-left: -1px;
    }

    #navbar-main .navbar-collapse nav > ul > li:nth-child(7){
        margin-right: -1px;
        margin-left: -1px;
    }


    #navbar-main .navbar-collapse nav > ul > li:nth-child(9){
        margin-right: -1px;
        margin-left: -1px;
    }
}


/*
@media only screen and (min-width: 1200px) {
    #navbar-main .navbar-collapse nav > ul > li:nth-child(5){
        margin-right: -1px;
        margin-left: -1px;
    }
}

@media only screen and (min-width: 1700px) {
    #navbar-main .navbar-collapse nav > ul > li:nth-child(3){
        margin-right: -1px;
        margin-left: -1px;
    }
}

@media only screen and (min-width: 1800px) {
    #navbar-main .navbar-collapse nav > ul > li:nth-child(5){
        margin-right: -1px;
        margin-left: -1px;
    }
}
*/

#navbar-main .navbar-collapse nav > ul > li > ul.dropdown-menu > li{
    padding: 0;
}

#navbar-main .navbar-collapse nav > ul > li > ul.dropdown-menu > li > a{
    padding: 10px 24px;
    display: block;
    width: 100%;
}

#navbar-main .navbar-collapse nav > ul > li > ul.dropdown-menu > li > a:hover,
#navbar-main .navbar-collapse nav > ul > li > ul.dropdown-menu > li > a.active{
    background: #ededed;
}

#navbar-main a.search-link{
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/themes/ncon_bs/images/icons/search-icon.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-left: 15px;
}

/* // navbar main */

/* search overlay block */

#search-block-form input.form-search::placeholder {
   color: #fff;
}

#search-block-form .form-actions > input:focus,
#search-block-form .form-actions > input:active,
#search-block-form .form-actions > input:hover{
    border: none;
    background-color: transparent;
    background-image: url(/themes/ncon_bs/images/icons/icon-search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44px 44px;
    width: 44px;
    height: 44px;
}

section.search-overlay form fieldset.form-group {
    flex: 1 0 !important;
}

section.search-overlay .search-block-form{
    padding-top: 100px !important;
}

/* // search overlay block */


/*
#title-wrapper{
    border-top: 1px solid #000;
    padding: 15px;
}

#title-wrapper .region-title{
    background-color: var(--blue);
    justify-content: center;
}


.top-description-blue{
    padding: 106px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/

/* search page and results */

.page-search-form-wrap{
    padding-top: 40px;
    border-top: 1px solid var(--soft-grey);
}

ol.node_search-results li{
    border-left: none;
    border-right: none;
}

ol.node_search-results li h3{
    font-size: 24px;
    text-align: left;
}

/* // search results */


/* pager */

.pager-wrap{
    margin: 30px 0 80px;
    text-align: center;
}

.pager-wrap > nav{
    display: inline-block;
}

.pager-wrap > nav ul.pagination{
    margin-bottom: 0;
}

.pager-wrap > nav ul li > .page-link{
    color: #000;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.pager-wrap > nav ul li > .page-link:focus{
    box-shadow: none;
}

.pager-wrap > nav ul li.page-item.active .page-link{
    color: #fff;
    background-color: #000;
    border: none;
    border-radius: 0;
}

@media (max-width: 1401px) {
  #navbar-main .navbar-collapse nav > ul > li > a{
    padding: 45px 10px;
  }
}

@media (max-width: 1201px) {
  #navbar-main .navbar-collapse nav > ul > li > a{
    padding: 45px 7px;
  }
}

@media (max-width: 575px) {
    .pager-wrap > nav ul li > .page-link{
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* // pager */


/* page 404 */

.page-404-wrap{
    background-color: var(--light-grey);
    padding: 200px 0;
}

.page-404-wrap .page-404-title h1{
    color: #000;
    font-family: 'Libre Baskerville', serif;
    font-size: 50px;
    font-style: italic;
    line-height: 50px;
    text-align: center;
    margin-bottom: 10px;
}

.page-404-wrap .page-404-body p{
    font-family: Lato;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.67;
    text-align: center;
    margin-bottom: 30px;
}

.page-404-wrap .page-404-home-link{
    text-align: center;
}

.page-404-wrap .page-404-home-link a{
    border-radius: 5px;
    background-color: var(--green);
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.page-404-wrap .page-404-home-link a:hover{
    background-color: #245d5c;
}

/* page 404 */


/* fortification top */

.block--block-content--fortification-top{
    margin-bottom: 60px;
}

@media (max-width: 767px){
    .block--block-content--fortification-top .field--name-field-links{
        height: 130px;
    }
}

.fortification-top-block-wrap{
    margin-bottom: 30px;
}

.fortification-top-block-wrap .top-desc-wrap{
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    height: 400px;
}


@media (max-width: 575px){
    .fortification-top-block-wrap .top-desc-wrap h1{
        font-size: 35px;
    }
}

@media (min-width: 1601px){
    .fortification-top-block-wrap .top-banner{
        background-size: cover;

    }
}

.fortification-top-block-wrap .top-banner{
    background-position: center center;
}

.imp-areas-top-links-wrap .item-list-wrapper{
    margin-top: 20px;
    margin-bottom: 50px;
}

.imp-areas-top-links-wrap .grey-lines-wrapper{
    margin-top: 18px;
}


.imp-areas-top-links-wrap .grey-line{
    border-top: 1px solid var(--grey);
}

.imp-areas-top-links-wrap .grey-line + .grey-line{
    margin-top: 2px;
}


@media (max-width: 991px){
    .imp-areas-top-links-wrap .grey-line + .grey-line{
        border-top: none;
        margin-top: 0;
    }
}

.imp-areas-top-links-wrap .item-list ul{
    margin-top: 0;
    display: inline-block;
}

.imp-areas-top-links-wrap .item-list  ul > li {
    display: inline;
    background: none;
    list-style-type: none;
    padding: 2px;
    white-space: nowrap;
    border: none;
    margin-left: 15px;
    margin-right: 15px;
}

.imp-areas-top-links-wrap .item-list  ul > li:first-child{
    margin-left: 0;
}

.imp-areas-top-links-wrap .item-list  ul > li:last-child{
    margin-right: 0;
}

@media (max-width: 1199px){
    .imp-areas-top-links-wrap .item-list  ul > li{
        margin-left: 4px;
        margin-right: 4px;
    }
}

@media (max-width: 991px){
    .imp-areas-top-links-wrap .item-list  ul > li{
        margin-left: 0;
        margin-right: 0;
        display: inline-block;
        padding-bottom: 10px;
    }
}

.imp-areas-top-links-wrap .item-list  ul > span{
    border-right: 1px solid var(--soft-grey);
    height: 17px;
    width: 1px;
}

.imp-areas-top-links-wrap .item-list  ul > span:last-child{
    display: none;
}

/*
.imp-areas-top-links-wrap .item-list ul li.active{
    border-bottom: 4px solid var(--green);
}


.imp-areas-top-links-wrap .item-list ul li:not(:last-child) a{
    margin-right: -15px;
    margin-left: -1px;
}

.imp-areas-top-links-wrap .item-list ul li:last-child a{
    margin-right: -1px;
    margin-left: -1px;
}

.imp-areas-top-links-wrap .item-list ul li:not(:last-child){
    margin-right: 48px;
}

.imp-areas-top-links-wrap .item-list ul li:not(:last-child) a:after{
    content: " | ";
    position: relative;
    right: -19px;
    color: var(--soft-grey);
    width: 1px;
    pointer-events: none;
}
*/

@media (min-width: 991px){
    .imp-areas-top-links-wrap .item-list ul li a{
        padding-bottom: 25px;
    }

    .imp-areas-top-links-wrap .item-list ul li a:hover{
        border-bottom: 4px solid var(--green);
    }

}

/*
@media (max-width: 991px){
    .imp-areas-top-links-wrap.sticky a.active {
        border-bottom: none !important;
    }
}
*/

.block--block-content--fortification-top .field--name-body{
    line-height: 1.63;
}

.block--block-content--fortification-top .field--name-body a{
    color: #348684;
    font-weight: bold;
}

.block--block-content--fortification-top .field--name-body a:hover{
    text-decoration: underline;
}

@media (min-width: 1200px){
    .block--block-content--fortification-top .field--name-body .caption > figcaption {
        font-family: 'Libre Baskerville', serif;
        font-size: 13px;
        font-style: italic;
        line-height: 1.77;
        position: absolute;
        top: 203px;
        right: -100px;
        width: 100px;
    }
}

.block--block-content--fortification-top .field--name-body .caption > figcaption .top-line{
    width: 40px;
    height: 4px;
    background-color: var(--green);
    margin-bottom: 15px;
}


@media (max-width: 1199px){
    .block--block-content--fortification-top .field--name-body .caption > figcaption .top-line{
        margin-top: 10px;
        margin-bottom: 5px;
    }
}

/* // fortification top */


/* view fortification image */

.block-views-block--priority-areas-top-res-image-view-block .fort-view-img-wrap{
    padding: 50px 0 30px;
    background-color: var(--light-grey);
}

.block-views-block--priority-areas-top-res-image-view-block h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.07;
    color: #000000;
    margin-bottom: 20px;
}

#block-views-blockfort-res-image-block > .fort-view-img-wrap > .container > .row{
    margin-left: -10px;
    margin-right: -10px;
}

#block-views-blockfort-res-image-block > .fort-view-img-wrap > .container > .row >.col{
    padding-left: 10px;
    padding-right: 10px;
}

.priority-areas-top-res-image-view .row {
    margin-left: -10px;
    margin-right: -10px;
}

.priority-areas-top-res-image-view .row .col{
    padding-left: 10px;
    padding-right: 10px;
}

.priority-areas-top-res-image-view .row .col:first-child{
    margin-left: 0;
}

.priority-areas-top-res-image-view .row .col:last-child{
    margin-right: 0;
}

.priority-areas-top-res-image-view .row .col{
    margin-bottom: 20px;
}

.priority-areas-top-res-image-view .views-col-wrap{
    display: flex;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.priority-areas-top-res-image-view .views-field-nothing{
    background: #fff;
    padding: 30px;
    flex-grow: 1;
}

@media (max-width: 1199px){
    .priority-areas-top-res-image-view .views-field-field-res-image img{
        width: 200px;
        height: auto;
    }
}

@media (max-width: 767px){
    .priority-areas-top-res-image-view .views-col-wrap{
        flex-wrap: wrap;
    }

    .priority-areas-top-res-image-view .views-field-field-res-image{
        width: 100%;
        flex-grow: 1;
    }

    .priority-areas-top-res-image-view .views-field-field-res-image img{
        width: 100%;
        height: auto;
    }
}

.priority-areas-top-res-image-view .views-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    margin-bottom: 10px;
}

.priority-areas-top-res-image-view .views-field-title a{
    color: var(--blue);
}

.priority-areas-top-res-image-view .views-field-title a:hover{
    text-decoration: underline;
}

.priority-areas-top-res-image-view .views-field-body{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.36;
    color: #000000;
}

.priority-areas-top-res-image-view .views-field-body > span.view-res-type{
    margin-right: 5px;
    color: #7a7a7a;
}

.priority-areas-top-res-image-view .views-field-link a {
    display: inline-block;
    border-radius: 5px;
    background-color: var(--green);
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.priority-areas-top-res-image-view .views-field-link a:hover{
    background-color: #245d5c;
}

/* // view fortification image */


/* view fortification links */

.block-views-block--priority-areas-list-res-links-view-block .fort-view-links-wrap{
    padding: 10px 0 30px;
    background-color: var(--light-grey);
}

@media (max-width: 767px){

    .priority-areas-list-res-links-view .row{
        margin: 0;
    }

    .priority-areas-list-res-links-view .row .col{
        padding: 0;
    }

    .priority-areas-list-res-links-view .fort-view-links-wrap .container > .row{
        margin: 0;
    }

    .priority-areas-list-res-links-view .fort-view-links-wrap .container > .row > .col{
        padding: 0;
    }
}

.priority-areas-list-res-links-view .views-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    line-height: 1.36;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d5d5d5;
    font-style: italic;
    box-shadow: 0 1px 0 #fff;
}

.priority-areas-list-res-links-view .views-field-title a{
    color: #000000;
}

.priority-areas-list-res-links-view .views-field-title a:hover{
    text-decoration: underline;
}


.priority-areas-list-res-links-view .views-field-title > span.view-res-type{
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    line-height: 1.36;
    margin-right: 5px;
    color: #7a7a7a;
}

/* // view fortification links */


/* ten things block */

.ten-things-block-wrap{
    background-color: var(--green);
    background-image: url(/themes/ncon_bs/images/bg-noise-green.jpg);
    padding: 85px 0 45px;
    position: relative;
}

.ten-things-block-wrap .ten-things-block-title > h2{
    padding-bottom: 25px;
    font-family: 'Libre Baskerville', serif;
    font-size: 50px;
    font-style: italic;
    line-height: 1.2;
    color: #ffffff;
}

.ten-things-block-wrap .ten-image-wrap{
    position:absolute;
    right: 30px;
}

/*
.ten-things-block-wrap .paragraph--type--ten-things-to-know{
    margin-bottom: 35px;
}
*/

.ten-things-block-wrap .field--name-field-ttk-title,
.ten-things-block-wrap .field--name-field-ttk-title-2 {
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    color: #fff;
    margin-bottom: 5px;
}

.ten-things-block-wrap .field--name-field-body,
.ten-things-block-wrap .field--name-field-body-2{
    font-size: 14px;
    line-height: 1.36;
    color: #ffffff;
    margin-bottom: 10px;
}

.ten-things-block-wrap .field--name-field-body a,
.ten-things-block-wrap .field--name-field-body-2 a{
    color: #fff;
    text-decoration: underline;
}

.ten-things-block-wrap .field--name-field-link,
.ten-things-block-wrap .field--name-field-link-2{
    font-size: 14px;
    line-height: 1.36;
    margin-bottom: 30px;
}

.ten-things-block-wrap .field--name-field-link a,
.ten-things-block-wrap .field--name-field-link-2 a{
    color: #ffffff;
}

.ten-things-block-wrap .field--name-field-link a:hover,
.ten-things-block-wrap .field--name-field-link-2 a:hover{
    text-decoration: underline;
}

/* // ten things block */


/* priority areas accordion */

.block-quicktabs-priority-areas{
    padding-top: 50px;
}

.block-quicktabs-priority-areas h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 0.97;
    color: #000000;
    margin-left: 10px;
}

.quicktabs-accordion{
    margin: 25px 0 60px;
}

.quicktabs-accordion .ui-accordion-header,
.quicktabs-accordion .ui-accordion-header:focus{
    background: none;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-right: none;
    border-left: none;
    border-radius: 0;
    font-size: 19px;
    line-height: 1.68;
    color: #000000;
    text-align: left;
    outline: none;
}

.quicktabs-accordion .ui-accordion-header > a{
    font-family: Lato;
    color: #000;
    font-style: normal;
}

@media (max-width: 575px){
    .quicktabs-accordion .ui-accordion-header > a{
        max-width: 290px;
        display: block;
    }
}

.quicktabs-accordion .ui-accordion-header span{
    font-family: Lato;
    position: absolute;
    right: 10px;
    top: 15px;
    background-image: url(/themes/ncon_bs/images/icons/accordion/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 30px;
    height: 30px;
}

.quicktabs-accordion .ui-accordion-header:hover span{
    background-image: url(/themes/ncon_bs/images/icons/accordion/down-arrow-hover.svg);
}

.quicktabs-accordion .ui-accordion-header.ui-state-active span{
    background-image: url(/themes/ncon_bs/images/icons/accordion/up-arrow.svg);
}

.quicktabs-accordion .ui-accordion-header.ui-state-active:hover span{
    background-image: url(/themes/ncon_bs/images/icons/accordion/up-arrow-hover.svg);
}

.quicktabs-accordion .ui-accordion-header.ui-accordion-header-collapsed + div + .ui-accordion-header{
    margin-top: -2px;
}

.quicktabs-accordion .ui-accordion-content{
    padding: 40px 0;
    border: none;
    overflow: visible;
}

.quicktabs-accordion .ui-accordion-content .row .col .row .col{
    padding-left: 10px;
    padding-right: 10px;
}


.quicktabs-accordion .ui-accordion-content .row .col .row .col:first-child{
    margin-left: 0;
}

.quicktabs-accordion .ui-accordion-content .row .col .row .col:last-child{
    margin-right: 0;
}

.quicktabs-accordion .ui-accordion-content .right-block-wrap{
    padding-left: 20px;
    padding-right: 50px;
}

@media (max-width: 767px) {
    .quicktabs-accordion .ui-accordion-content .right-block-wrap{
        padding-left: 0;
        padding-right: 0;
    }
}

.quicktabs-accordion .field--name-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 40px;
    font-style: italic;
    line-height: 1.25;
    color: var(--blue);
    margin-bottom: 20px;
}

.quicktabs-accordion .field--name-body{
    margin-bottom: 35px;
    font-family: Lato;
    line-height: 24px;
}

.quicktabs-accordion .field--name-field-media-video-file video{
    max-width: 100%;
    height: auto;
}

/*
.quicktabs-accordion .field--name-field-media .field--name-field-media-oembed-video > iframe{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
*/

.quicktabs-accordion .field--name-field-media .field--name-field-media-oembed-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.quicktabs-accordion .field--name-field-media .field--name-field-media-oembed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.quicktabs-accordion .read-whole-wrap{
    background-color: var(--blue);
    padding: 45px;
    position: relative;
}

.quicktabs-accordion .read-whole-wrap .stribes-blue-image-wrap{
    position: absolute;
    right: 0;
    bottom: 40px;
}

.quicktabs-accordion .field--name-field-read-whole-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 40px;
    font-style: italic;
    line-height: 1;
    color: #fff;
    margin-bottom: 25px;
}

@media (min-width: 1200px){
    .quicktabs-accordion .field--name-field-read-whole-title{
        width: 350px;
    }
}

.quicktabs-accordion .field--name-field-read-whole-link a{
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 10px 20px;
    display: inline-block;
}

.quicktabs-accordion .field--name-field-read-whole-link a:hover{
    color: var(--blue);
    background: #fff;
}

/* // priority areas accordion */



/* relevant initiatives block */

.relev-init-block-wrap{
    background-color: var(--light-blue);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    position: relative;
}

.relev-init-block-wrap .block-block-content h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 0.97;
    color: #000000;
    padding: 40px 0 18px;
}

.relev-init-block-wrap .block-block-content .content{
    padding-top: 40px;
}

.relev-init-block-wrap .block-block-content h2 + div + .content{
    padding-top: 0;
}


.relev-init-block-wrap .paragraph--type--priority-area-relevant-initiativ{
    margin-bottom: 40px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.relev-init-block-wrap .field--name-field-relevant-initiatives-parag{
    padding-bottom: 25px;
}

.relev-init-block-wrap .field--name-field-relevant-initiatives-parag .field__item{
    background-color: #fff;
}

.relev-init-block-wrap .field--name-field-relevant-initiatives-parag .field__item:nth-child(even) .row > div:first-child{
    order: 1;
}

@media (min-width: 768px) {

    .relev-init-block-wrap .paragraph--type--priority-area-relevant-initiativ > .row > div:first-child{
        padding-right: 0;
    }

    .relev-init-block-wrap .paragraph--type--priority-area-relevant-initiativ > .row > div:last-child{
        padding-left: 0;
    }

    .relev-init-block-wrap .field--name-field-relevant-initiatives-parag .field__item:nth-child(even) .row > div:first-child{
        padding-left: 0;
        padding-right: 15px;
    }

    .relev-init-block-wrap .field--name-field-relevant-initiatives-parag .field__item:nth-child(even) .row > div:last-child{
        padding-left: 15px;
        padding-right: 0;
    }
}

@media (max-width: 767px){
    .relev-init-block-wrap .field--name-field-relevant-initiatives-parag .field__item:nth-child(even) .row > div:first-child{
        order: 0;
    }
}

/*
.relev-init-block-wrap .paragraph--type--priority-area-relevant-initiativ > .row > div:nth-child(odd){
    order: 1;
}
*/

.relev-init-block-wrap .field--name-field-image > img{
    margin: 0;
    width: 100%;
    height: auto;
}

.relev-init-block-wrap .title-body-link-wrap{
    padding: 30px;
}

.relev-init-block-wrap .field--name-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 24px;
    font-style: italic;
    line-height: 1.42;
    color: var(--blue);
    margin-bottom: 10px;
}

.relev-init-block-wrap .field--name-field-body{
    font-size: 14px;
    line-height: 1.36;
    margin-bottom: 15px;
}

.relev-init-block-wrap .field--name-field-link a{
    padding: 10px 20px;
    background-color: var(--green);
    display: inline-block;
    border-radius: 5px;
    color: #fff;
}

.relev-init-block-wrap .field--name-field-link a:hover{
    background-color: #245d5c;
}

/* // relevant initiatives block */


/* priority areas what other say block */

.block--block-content--priority-areas-what-other-say{
    background-color: var(--light-grey);
    position: static;
}

.block--block-content--priority-areas-what-other-say .wos-block-content-inner-wrap{
    padding-bottom: 80px;
}

/*
.block--block-content--priority-areas-what-other-say .wos-block-wrap{
    margin-top: 8px;
    position: relative;
}
*/

.block--block-content--priority-areas-what-other-say .wos-block-title-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to bottom, #e5e5e5, var(--light-grey));
    padding: 80px 0 50px;
}

.block--block-content--priority-areas-what-other-say .wos-block-content-wrap{
    position: relative;
}

.block--block-content--priority-areas-what-other-say .wos-block-content-inner-wrap > .container > .row{
    margin-left: -10px;
    margin-right: -10px;
}

.block--block-content--priority-areas-what-other-say .content .row .col{
    padding-left: 10px;
    padding-right: 10px;

}

@media (max-width: 1200px) {
    .block--block-content--priority-areas-what-other-say .content .row .col:first-child,
    .block--block-content--priority-areas-what-other-say .content .row .col:nth-child(2){
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .block--block-content--priority-areas-what-other-say .content .row .col:nth-child(3){
        margin-bottom: 20px;
    }
}

.block--block-content--priority-areas-what-other-say .content .row .col:first-child{
    margin-left: 0;
}

.block--block-content--priority-areas-what-other-say .content .row .col:last-child{
    margin-right: 0;
}


.block--block-content--priority-areas-what-other-say .wos-block-title-wrap h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 80px;
    font-style: italic;
    color: #000000;
    margin: 0;
}

@media (max-width: 767px){
    .block--block-content--priority-areas-what-other-say .wos-block-title-wrap h2{
        margin: 0 15px;
    }
}

.block--block-content--priority-areas-what-other-say .wos-bottom-shadow-cont{
    height: 190px;
    width: 100%;
    background-image: linear-gradient(to bottom, var(--light-grey), #e5e5e5);
    position: absolute;
    bottom: 0;
}

.block--block-content--priority-areas-what-other-say .field__items > .field__item > .paragraph{
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 50px;
    margin-bottom: 20px;
}

@media (max-width: 767px){
    .block--block-content--priority-areas-what-other-say .field__items > .field__item > .paragraph{
        padding-left: 15px;
        padding-right: 15px;
    }
}

.block--block-content--priority-areas-what-other-say .field__items > .field__item:last-child > .paragraph{
    margin-bottom: 0;
}
.block--block-content--priority-areas-what-other-say .field__items > .field__item > .paragraph--type--video{
    padding: 0;
    background: none;
    box-shadow: none;
}


.paragraph--type--wos-spotlight .author-img-desc-wrap{
    margin-bottom: 23px;
}

.paragraph--type--wos-spotlight .field--name-field-author-name{
    font-size: 15px;
    font-weight: bold;
    line-height: 1.33;
}

.paragraph--type--wos-spotlight .field--name-field-author-description{
    font-family: Lato;
    font-size: 15px;
    line-height: 1.33;
}

.paragraph--type--wos-spotlight .field--name-field-author-description p{
    margin-bottom: 0;
}

.paragraph--type--wos-spotlight .field--name-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.33;
    color: var(--blue);
    margin-bottom: 15px;
}

.paragraph--type--wos-spotlight .field--name-field-body{
    font-family: Lato;
    font-size: 14px;
    line-height: 1.36;
    margin-bottom: 15px;
}

.paragraph--type--wos-spotlight .field--name-field-link a{
    padding: 10px 20px;
    background-color: var(--blue);
    display: inline-block;
    border-radius: 5px;
    color: #fff;
}

.paragraph--type--wos-spotlight .field--name-field-link a:hover{
    background-color: #263c62;
}

.paragraph--type--wos-quote .field--name-field-quote{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.33;
    color: var(--blue);
    margin-bottom: 15px;
}
.paragraph--type--wos-quote .field--name-field-signature{
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    font-style: italic;
    line-height: 1.29;
}

.paragraph--type--wos-quote .field--name-field-link a{
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    font-style: italic;
    line-height: 1.29;
    color: var(--blue);
    text-decoration: underline;
}

.paragraph--type--wos-quote .field--name-field-link a:hover{
    text-decoration: none;
}

.paragraph--type--video .field--name-field-video video{
    width: 100%;
    height: auto;
}

.paragraph--type--wos-large-title .field--name-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 150px;
    line-height: 160px;
    font-style: italic;
    color: var(--blue);
}

.paragraph--type--wos-large-title .field--name-field-body{
    font-family: Lato;
    font-size: 14px;
    line-height: 1.36;
    margin-bottom: 15px;
}

.paragraph--type--wos-large-title .field--name-field-link{
    margin-bottom: 15px;
}

.paragraph--type--wos-large-title .field--name-field-link a{
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    line-height: 1.36;
    color: var(--blue);
    text-decoration: underline;
}

.paragraph--type--wos-large-title .field--name-field-link a:hover{
    text-decoration: none;
}

.paragraph--type--wos-large-title .field--name-field-author-name{
    font-size: 15px;
    font-weight: bold;
    line-height: 1.33;
}

.paragraph--type--wos-large-title .field--name-field-author-description p{
    margin-bottom: 0;
}

/* // priority areas what other say block */


/* priority areas get involved contact */

.block--block-content--priority-area-get-involved-conta{
    margin-bottom: 80px;
}

.block--block-content--priority-area-get-involved-conta .gic-block-top-line{
    border-top: 10px solid var(--green);
    height: 80px;
}

.block--block-content--priority-area-get-involved-conta .get-inv-block-wrap{
    margin-bottom: 20px;
}

@media (min-width: 576px){
    .block--block-content--priority-area-get-involved-conta .get-inv-block-wrap{
        margin-bottom: 0px;
    }
}

@media (min-width: 768px){
    .block--block-content--priority-area-get-involved-conta .get-inv-block-wrap{
        margin-left: 20px;
    }

    .block--block-content--priority-area-get-involved-conta .contact-block-wrap{
        margin-right: 20px;
        margin-left: 0px;
    }
}

@media (min-width: 992px){
    .block--block-content--priority-area-get-involved-conta .get-inv-block-wrap{
        margin-left: 50px;
    }

    .block--block-content--priority-area-get-involved-conta .contact-block-wrap{
        margin-right: 50px;
        margin-left: -30px;
    }
}

.block--block-content--priority-area-get-involved-conta .field--name-field-title,
.block--block-content--priority-area-get-involved-conta .field--name-field-title-block-2{
    font-family: 'Libre Baskerville', serif;
    font-size: 50px;
    font-style: italic;
    margin-bottom: 10px;
}

.block--block-content--priority-area-get-involved-conta .field--name-body{
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 15px;
}

.block--block-content--priority-area-get-involved-conta .field--name-field-link a{
    padding: 10px 20px;
    background-color: var(--green);
    display: inline-block;
    border-radius: 5px;
    color: #fff;
}

.block--block-content--priority-area-get-involved-conta .field--name-field-link a:hover{
    background-color: #245d5c;
}

.block--block-content--priority-area-get-involved-conta .field--name-field-body-block-r{
    font-size: 16px;
    line-height: 1.38;
}

.block--block-content--priority-area-get-involved-conta .field--name-field-body-block-r a{
    color: var(--green);
    text-decoration: underline;
}

.block--block-content--priority-area-get-involved-conta .field--name-field-body-block-r a:hover{
    text-decoration: none;
}


/* // priority areas get involved contact */


/* interview and blog node type */

/*
article.node--type-interview,
article.node--type-blog{
    font-family: Lato;
    font-size: 14px;
    line-height: 1.57;
}
*/

article.node--type-interview .top-desc-wrap,
article.node--type-blog .top-desc-wrap{
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    height: 500px;
}

article.node--type-interview .top-desc-wrap-default,
article.node--type-blog .top-desc-wrap-default{
    display: flex;
    align-items: center;
    height: 400px;
}

@media (min-width: 1601px){

    article.node--type-interview .top-banner,
    article.node--type-blog .top-banner{
        background-size: cover;
    }

    /*
    article.node--type-interview .top-desc-wrap,
    article.node--type-blog .top-desc-wrap{
        padding-top: 108px;
    }
    */
}

article.node--type-blog .field--name-field-top-label > span{
    font-size: 12px;
    letter-spacing: 3px;
    color: #ffffff;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--green);
}

/*
article.node--type-interview .paragraph-wrapper{
    padding: 106px 0;
    background-color: rgba(0, 0, 0, 0.5);
}
*/

article.node--type-interview .field--name-field-top- .top-baner-label{
    font-size: 12px;
    letter-spacing: 3px;
    color: #ffffff;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--green);
}

@media (max-width: 575px) {
    article.node--type-interview .field--name-field-top- h1,
    article.node--type-blog .field--name-field-top h1{
        font-size: 25px;
    }
}

article.node--type-interview .field--name-field-sub-headline,
article.node--type-blog .field--name-field-blog-sub-headline{
    font-family: 'Libre Baskerville', serif;
    font-size: 22px;
    font-style: italic;
    line-height: 1.45;
    padding: 43px 0 31px 0;
    border-bottom: 2px solid var(--grey);
}

article.node--type-blog .image-author-date-wrap{
    display: flex;
    align-items: center;
}

article.node--type-interview .dates-and-links-wrap,
article.node--type-blog .dates-and-links-wrap{
    border-bottom: 2px solid var(--grey);
    margin-bottom: 32px;
    padding: 10px 0;
}

article.node--type-blog .author-date-wrap{
    display: flex;
    align-items: center;
    /* display: inline-block; */
    border-right: 1px solid var(--grey);
    padding-right: 20px;
    height: 50px;
}

/*
.interview--group-dates-and-links > .social{
    display: none !important;
}
*/


article.node--type-blog .field--name-field-author-image {
    /*float: none;*/
    display: inline-block;
    margin: 0 10px 0 0;
    /*vertical-align: top;*/
}

article.node--type-blog .field--name-field-author-image img{
    margin: 0;
    width: 50px;
    height: auto;
}


article.node--type-blog .field--name-field-author{
    font-size: 14px;
    line-height: 1.36;
    margin-top: 5px;
}

article.node--type-interview .field--name-field-date{
    font-size: 14px;
    line-height: 1.36;
}

article.node--type-blog .field--name-field-blog-date{
    /*display: flex;
    align-items: center;
    height: 50px;*/
    font-size: 14px;
    line-height: 1.36;
    color: #7a7a7a;
}

/*
article.node--type-interview .field--name-field-date{
    padding: 16px 0;
}
*/

article.node--type-interview .time-cr-wrap{
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-right: 20px;
    border-right: 1px solid var(--grey);
}

/*
article.node--type-interview .vertical-line-date{
    margin-left: 16px;
    text-align: right;
    display: inline-block;
}
*/


article.node--type-interview .date-ago-wrap,
article.node--type-blog .date-ago-wrap{
    white-space: nowrap;
    display: flex;
    align-items:center;
}

article.node--type-interview .field--name-field-date-time-ago,
article.node--type-interview .field--name-field-time-to-read{
/*    display: inline-block;
    padding: 16px 0 16px 5px;*/
}

article.node--type-blog span.time-ago-icon-blog{
    padding-bottom: 3px;
    padding-right: 5px;
    display: inline-block;
}

article.node--type-blog .field--name-field-blog-date-time-ago{
    display: inline-block;
    vertical-align: bottom;
}


article.node--type-interview .time-ago-cr-wrap{
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 11px;
}

article.node--type-interview .field--name-field-time-to-read,
article.node--type-blog .field--name-field-time-to-read{
    font-size: 14px;
    line-height: 1.57;
    padding-left: 10px;
}

article.node--type-interview .field--name-field-links,
article.node--type-blog .field--name-field-blog-links{
    text-align: right;
    padding-top: 8px;
}

article.node--type-interview .paragraph--type--links-social{
    padding: 20px 0;
}

article.node--type-interview .field--name-field-save,
article.node--type-interview .field--name-field-twitter-link,
article.node--type-interview .field--name-field-linkedin-link,
article.node--type-interview .field--name-field-facebook-link,
article.node--type-interview .field--name-field-share-link,
article.node--type-blog .field--name-field-save,
article.node--type-blog .field--name-field-twitter-link,
article.node--type-blog .field--name-field-linkedin-link,
article.node--type-blog .field--name-field-facebook-link,
article.node--type-blog .field--name-field-share-link
{
    display: inline-block;
}

article.node--type-interview .field--name-field-save,
article.node--type-interview .field--name-field-twitter-link,
article.node--type-interview .field--name-field-linkedin-link,
article.node--type-interview .field--name-field-facebook-link,
article.node--type-interview .field--name-field-save-doc-link,
article.node--type-interview .field--name-field-twitter-share-link,
article.node--type-interview .field--name-field-linkedin-share-link,
article.node--type-interview .field--name-field-facebook-share-link,
article.node--type-blog .field--name-field-save-doc-link,
article.node--type-blog .field--name-field-twitter-share-link,
article.node--type-blog .field--name-field-linkedin-share-link,
article.node--type-blog .field--name-field-facebook-share-link {
    margin-right: 10px;
}

article.node--type-interview a.link-icon,
article.node--type-blog a.link-icon{
    display: block;
    width: 30px;
    height: 30px;
}

.paragraph--type--links-social a.save-icon,
article.node--type-interview a.save-icon,
article.node--type-blog a.save-icon{
    background: url(/themes/ncon_bs/images/icons/save-icon.svg) no-repeat;
}

.paragraph--type--links-social a.save-icon:hover,
article.node--type-interview a.save-icon:hover,
article.node--type-blog a.save-icon:hover{
    background: url(/themes/ncon_bs/images/icons/save-icon-hover.svg) no-repeat;
}

article.node--type-interview a.twitter-icon,
article.node--type-blog a.twitter-icon{
    background: url(/themes/ncon_bs/images/icons/twitter-icon.svg) no-repeat;
}

article.node--type-interview a.twitter-icon:hover,
article.node--type-blog a.twitter-icon:hover{
    background: url(/themes/ncon_bs/images/icons/twitter-icon-hover.svg) no-repeat;
}


article.node--type-interview a.linkedin-icon,
article.node--type-blog a.linkedin-icon,
article.node--type-resource a.linkedin-icon{
    background: url(/themes/ncon_bs/images/icons/linkedin-icon.svg) no-repeat;
}

article.node--type-interview a.linkedin-icon:hover,
article.node--type-blog a.linkedin-icon:hover{
    background: url(/themes/ncon_bs/images/icons/linkedin-icon-hover.svg) no-repeat;
}

article.node--type-interview a.facebook-icon,
article.node--type-blog a.facebook-icon{
    background: url(/themes/ncon_bs/images/icons/facebook-icon.svg) no-repeat;
}

article.node--type-interview a.facebook-icon:hover,
article.node--type-blog a.facebook-icon:hover{
    background: url(/themes/ncon_bs/images/icons/facebook-icon-hover.svg) no-repeat;
}

article.node--type-interview a.share-icon,
article.node--type-blog a.share-icon{
    background: url(/themes/ncon_bs/images/icons/share-icon.svg) no-repeat;
}

article.node--type-interview a.share-icon:hover,
article.node--type-blog a.share-icon:hover{
    background: url(/themes/ncon_bs/images/icons/share-icon-hover.svg) no-repeat;
}

article.node--type-interview .share-links-wrap,
article.node--type-blog .share-links-wrap{
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
    /*padding-bottom: 20px;*/
}

@media (max-width: 767px) {
    article.node--type-interview .share-links-wrap,
    article.node--type-blog .share-links-wrap{
        padding-bottom: 0;
        justify-content: center;
    }
}

article.node--type-interview .field--name-body,
article.node--type-blog .field--name-body{
    font-size: 16px;
    line-height: 1.63;
}

article.node--type-interview .field--name-body,
article.node--type-blog .field--name-body,
article.node--type-blog .field--name-field-body-3,
article.node--type-blog .field--name-field-body-5,
article.node--type-blog .field--name-field-body-6{
    margin-bottom: 20px;
}

@media (max-width: 1199px){
    article.node--type-blog .field--name-field-body-6 h3{
        line-height: 1.2;
    }
}

article.node--type-blog .field--name-field-body-8{
    margin-bottom: 30px;
}

article.node--type-interview .field--name-body a,
article.node--type-blog .field--name-body a,
article.node--type-blog .field--name-field-body-2 a,
article.node--type-blog .field--name-field-body-3 a,
article.node--type-blog .field--name-field-body-4 a,
article.node--type-blog .field--name-field-body-5 a,
article.node--type-blog .field--name-field-body-6 a,
article.node--type-blog .field--name-field-body-7 a,
article.node--type-blog .field--name-field-body-8 a{
    font-weight: bold;
    color: #348684;
}

article.node--type-interview .field--name-body a:hover,
article.node--type-blog .field--name-body a:hover,
article.node--type-blog .field--name-field-body-6 a:hover,
article.node--type-blog .field--name-field-body-3 a:hover,
article.node--type-blog .field--name-field-body-4 a:hover,
article.node--type-blog .field--name-field-body-5 a:hover,
article.node--type-blog .field--name-field-body-6 a:hover,
article.node--type-blog .field--name-field-body-7 a:hover,
article.node--type-blog .field--name-field-body-8 a:hover{
    text-decoration: underline;
}

article.node--type-blog .field--name-body .capital-letter{
    font-family: 'Libre Baskerville', serif;
    height: 45px;
    float: left;
    font-size: 45px;
    line-height: 55px;
    margin-right: 7px;
}


article.node--type-blog .quote-blog-wrap{
    padding: 50px;
    background-color: var(--green);
    margin-right: 25px;
    position: relative;
}

article.node--type-blog .blog-blue-res-wrap{
    padding: 50px;
    background-color: var(--blue);
    margin-right: 25px;
    position: relative;
}

article.node--type-blog .stribes-image-wrap{
    position: absolute;
    right: 0;
    bottom: 40px;
}

article.node--type-blog .field--name-field-quote-text,
article.node--type-blog .field--name-field-quote-text-formatted {
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.33;
    color: #ffffff;
    padding-bottom: 15px;
}

article.node--type-blog .field--name-field-quote-signature{
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    font-style: italic;
    line-height: 1.29;
    color: #ffffff;
}

article.node--type-blog .field--name-field-image-body{
    margin-bottom: 20px;
}

article.node--type-blog .field--name-field-image-body,
article.node--type-blog .field--name-field-image-body-2{
    margin-right: 0;
}

article.node--type-blog .field--name-field-image-body img,
article.node--type-blog .field--name-field-image-body-2 img{
    width: 100%;
    height: auto;
}

article.node--type-interview .about-int-wrap{
    padding-bottom: 40px;
    border-bottom: 2px solid var(--grey);
}

article.node--type-interview .about-int-wrap-2,
article.node--type-blog .ttk-blog-wrap{
    background-color: var(--light-grey);
    padding: 40px;
}

article.node--type-blog .ttk-blog-wrap{
    margin-bottom: 20px;
}

article.node--type-interview .field--name-field-about-label,
article.node--type-blog .field--name-field-about-title {
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.33;
    color: var(--blue);
    margin-bottom: 10px;
}

article.node--type-interview .field--name-field-about,
article.node--type-blog .field--name-field-about-grey {
    font-size: 16px;
    line-height: 1.5;
}

article.node--type-interview .field--name-field-about {
    color: var(--blue);
}

article.node--type-blog .field--name-field-about-grey {
    font-size: 16px;
    line-height: 1.5;
    color: var(--black);
}

article.node--type-blog .field--name-field-res-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 40px;
    font-style: italic;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 20px;
}

article.node--type-blog .field--name-field-res-body{
    font-size: 16px;
    line-height: 1.31;
    color: #ffffff;
    margin-bottom: 20px;
}

article.node--type-blog .field--name-field-res-link a{
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    border: solid 2px #ffffff;
    padding: 10px 20px;
}

article.node--type-blog .field--name-field-res-link a:hover{
    color: var(--blue);
    background: #fff;
}

article.node--type-blog .blog-kts-wrap{
    border: 10px solid var(--light-grey);
    padding: 40px;
    position: relative;
}

article.node--type-blog .blog-kts-wrap .blog-share-know-img-wrap img{
    position: absolute;
    bottom: 0;
    right: 50px;
}

@media (max-width: 1199px){
    article.node--type-blog .blog-kts-wrap .blog-share-know-img-wrap img{
        display: none;
    }
}

article.node--type-blog .blog-kts-wrap .field--name-field-share-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.33;
    color: var(--blue);
    margin-bottom: 20px;
}

@media (min-width: 1200px){
    article.node--type-blog .blog-kts-wrap .field--name-field-share-title{
        max-width: 75%;
    }
}


article.node--type-blog .blog-kts-wrap .field--name-field-share-body{
    font-size: 14px;
    line-height: 1.36;
    margin-bottom: 20px;
}

@media (min-width: 1200px){
    article.node--type-blog .blog-kts-wrap .field--name-field-share-body{
        max-width: 75%;
    }

}


article.node--type-blog .blog-kts-wrap .field--name-field-share-link a{
    display: inline-block;
    border-radius: 5px;
    background-color: var(--green);
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

article.node--type-blog .blog-kts-wrap .field--name-field-share-link a:hover{
    background-color: #245d5c;
}

article.node--type-blog .field--name-field-accordion > .field__item .field--name-field-accordion-title .field__item{
    max-width: 90%;
}

article.node--type-interview .field--name-field-about > ul{
    padding-left: 10px;
}

article.node--type-interview .field--name-field-about > ul li{
    padding-left: 10px;
}

article.node--type-interview .field--name-field-qa-interview{
    padding-top: 40px;
    padding-bottom: 10px;
}

article.node--type-interview .field--name-field-question{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.63;
    display: table;
    table-layout:fixed;
}

article.node--type-interview .field--name-field-question .quest-label{
    display: table-cell;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.41;
    padding-right: 43px;
    width: 60px;
}

article.node--type-interview .field--name-field-answer,
article.node--type-interview .field--name-field-answer-formatted {
    font-size: 16px;
    line-height: 1.63;
    padding-bottom: 16px;
    display: table;
    table-layout:fixed;
}

article.node--type-interview .field--name-field-answer .answ-label,
article.node--type-interview .field--name-field-answer-formatted .answ-label{
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    width: 60px;
}

article.node--type-interview .end-of-int {
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
}

article.node--type-interview .end-of-int .black-rect-int{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #000;
    margin-right: 10px;
    margin-left: 60px;
    border-radius: 2px;
}

/* // interview and blog node type */


/* resource node type */

article.node--type-resource .top-desc-wrap{
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    height: 400px;
}

article.node--type-resource .top-desc-wrap-default{
    display: flex;
    align-items: center;
    height: 400px;
}

@media (min-width: 1601px){

    article.node--type-resource .top-banner{
        background-size: cover;
    }

}

article.node--type-resource .field--name-field-top-label > span{
    font-size: 12px;
    letter-spacing: 3px;
    color: #ffffff;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--green);
}


article.node--type-resource .author-desc-wrap{
    margin-top: 30px;
    margin-bottom: 2px;
    padding: 20px;
    background-color: var(--light-grey);
    font-family: Lato;
    font-size: 14px;
    line-height: 1.36;
}

article.node--type-resource .resource-desc-wrap{
    /*margin-bottom: 32px;*/
    padding: 20px;
    background-color: var(--light-grey);
    font-family: Lato;
    font-size: 14px;
    line-height: 1.57;
}

@media (max-width: 767px) {
    article.node--type-resource .field--name-field-top h1{
        font-size: 40px;
    }
}

@media (max-width: 575px) {
    article.node--type-resource .field--name-field-top h1{
        font-size: 30px;
    }
}

article.node--type-resource .field--name-field-author-desc{
    color: #7a7a7a;
}

article.node--type-resource .field--name-field-authored-on{
    padding-top: 10px;
}

article.node--type-resource .field--name-field-publication-date{
    padding-top: 15px;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    article.node--type-resource .field--name-field-resource-type-term{
        line-height: 1.2;
    }
}

article.node--type-resource .field--name-field-link{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

article.node--type-resource .field--name-field-file span{
    background-position-y: 2px;
}

article.node--type-resource .field--name-field-link a,
article.node--type-resource .field--name-field-file a{
    color: var(--green);
    text-decoration: underline;
}

article.node--type-resource .field--name-field-link a:hover,
article.node--type-resource .field--name-field-file a:hover{
    text-decoration: none;
}

article.node--type-resource .dates-and-links-wrap{
    border-bottom: 2px solid var(--grey);
    margin-bottom: 32px;
    padding: 10px 0;
}

article.node--type-resource .field--name-field-resource-tags{
    width: 100%;
    padding: 5px 0;
}

article.node--type-resource .field--name-field-resource-tags .field__item{
    padding: 5px 0;
}

article.node--type-resource .field--name-field-resource-tags a{
    font-family: Lato;
    font-size: 14px;
    font-style: italic;
    color: var(--green);
    border-radius: 5px;
    border: solid 1px var(--grey);
    padding: 5px 10px;
}

article.node--type-resource .field--name-field-resource-tags a:hover{
    background-color: var(--green);
    border: solid 1px var(--green);
    color: #fff;
}

article.node--type-resource .field--name-field-resource-tags.field--type-entity-reference{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

article.node--type-resource .field--name-field-resource-tags.field--type-entity-reference .field__item{
    padding-right: 10px;
}

article.node--type-resource .field--name-field-save-doc-link,
article.node--type-resource .field--name-field-twitter-share-link,
article.node--type-resource .field--name-field-linkedin-share-link,
article.node--type-resource .field--name-field-facebook-share-link{
    margin-right: 10px;
}

article.node--type-resource a.link-icon{
    display: block;
    width: 30px;
    height: 30px;
}

article.node--type-resource a.save-icon{
    background: url(/themes/ncon_bs/images/icons/save-icon.svg) no-repeat;
}

article.node--type-resource a.save-icon:hover{
    background: url(/themes/ncon_bs/images/icons/save-icon-hover.svg) no-repeat;
}

article.node--type-resource a.twitter-icon{
    background: url(/themes/ncon_bs/images/icons/twitter-icon.svg) no-repeat;
}

article.node--type-resource a.twitter-icon:hover{
    background: url(/themes/ncon_bs/images/icons/twitter-icon-hover.svg) no-repeat;
}

article.node--type-resource a.linkedin-icon{
    background: url(/themes/ncon_bs/images/icons/linkedin-icon.svg) no-repeat;
}

article.node--type-resource a.linkedin-icon:hover{
    background: url(/themes/ncon_bs/images/icons/linkedin-icon-hover.svg) no-repeat;
}

article.node--type-resource a.facebook-icon{
    background: url(/themes/ncon_bs/images/icons/facebook-icon.svg) no-repeat;
}

article.node--type-resource a.facebook-icon:hover{
    background: url(/themes/ncon_bs/images/icons/facebook-icon-hover.svg) no-repeat;
}

article.node--type-resource a.share-icon{
    background: url(/themes/ncon_bs/images/icons/share-icon.svg) no-repeat;
}

article.node--type-resource a.share-icon:hover{
    background: url(/themes/ncon_bs/images/icons/share-icon-hover.svg) no-repeat;
}

article.node--type-resource .share-links-wrap{
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
    /*padding-bottom: 20px;*/
}

@media (max-width: 991px) {
    article.node--type-resource .share-links-wrap{
        padding-bottom: 0;
        justify-content: center;
    }
}

article.node--type-resource .field--name-body{
    margin-bottom: 30px;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid var(--grey);
}

article.node--type-resource .field--name-body a{
    font-weight: bold;
    color: #348684;
}

article.node--type-resource .field--name-body a:hover{
    text-decoration: underline;
}

article.node--type-resource .res-cat-wrap{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

article.node--type-resource .field--name-field-category{
    font-size: 14px;
}

article.node--type-resource .res-cat-wrap > img{
    width: 38px;
}

article.node--type-resource .field--name-field-category{
    /*display: inline-block;*/
    padding-left: 10px;
}

/* // resource node type */


/* news node type */

/*
@media (max-width: 767px){
    article.node--type-news{
        padding-bottom: 0;
        justify-content: center;
    }
}
*/

article.node--type-news .top-desc-wrap{
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    height: 500px;
}

article.node--type-news .top-desc-wrap-default{
    display: flex;
    align-items: center;
    height: 400px;
}

@media (min-width: 1601px){

    article.node--type-news .top-banner{
        background-size: cover;
    }

}

article.node--type-news .field--name-field-top-label > span{
    font-size: 12px;
    letter-spacing: 3px;
    color: #ffffff;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--green);
}

@media (max-width: 575px) {
    article.node--type-news .field--name-field-top- h1{
        font-size: 25px;
    }
}

article.node--type-news .field--name-field-sub-headline{
    font-family: 'Libre Baskerville', serif;
    font-size: 22px;
    font-style: italic;
    line-height: 1.45;
    padding-top: 40px;
    /*border-bottom: 2px solid var(--grey);*/
}


article.node--type-news .dates-and-links-wrap{
    margin-top: 40px;
    border-bottom: 2px solid var(--grey);
    margin-bottom: 40px;
    padding: 10px 0;
}

article.node--type-news .container + div .dates-and-links-wrap{
    border-top: 2px solid var(--grey);
}

article.node--type-news .field--name-field-date{
    height: 30px;
}

article.node--type-news .field--name-field-date .time-cr-wrap{
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.36;
    color: #7a7a7a;
    height: 30px;
}

article.node--type-news .field--name-field-links{
    text-align: right;
    padding-top: 8px;
}

article.node--type-news .paragraph--type--links-social{
    padding-bottom: 2px;
}

article.node--type-news .field--name-field-save,
article.node--type-news .field--name-field-twitter-link,
article.node--type-news .field--name-field-linkedin-link,
article.node--type-news .field--name-field-facebook-link,
article.node--type-news .field--name-field-share-link{
    display: inline-block;
}

article.node--type-news a.link-icon{
    display: block;
    width: 30px;
    height: 30px;
}

article.node--type-news .field--name-field-save-doc-link,
article.node--type-news .field--name-field-twitter-share-link,
article.node--type-news .field--name-field-linkedin-share-link,
article.node--type-news .field--name-field-facebook-share-link{
    margin-right: 10px;
}

article.node--type-news a.save-icon{
    background: url(/themes/ncon_bs/images/icons/save-icon.svg) no-repeat;
}

article.node--type-news a.save-icon:hover{
    background: url(/themes/ncon_bs/images/icons/save-icon-hover.svg) no-repeat;
}

article.node--type-news a.twitter-icon{
    background: url(/themes/ncon_bs/images/icons/twitter-icon.svg) no-repeat;
}

article.node--type-news a.twitter-icon:hover{
    background: url(/themes/ncon_bs/images/icons/twitter-icon-hover.svg) no-repeat;
}

article.node--type-news a.linkedin-icon{
    background: url(/themes/ncon_bs/images/icons/linkedin-icon.svg) no-repeat;
}

article.node--type-news a.linkedin-icon:hover{
    background: url(/themes/ncon_bs/images/icons/linkedin-icon-hover.svg) no-repeat;
}

article.node--type-news a.facebook-icon{
    background: url(/themes/ncon_bs/images/icons/facebook-icon.svg) no-repeat;
}

article.node--type-news a.facebook-icon:hover{
    background: url(/themes/ncon_bs/images/icons/facebook-icon-hover.svg) no-repeat;
}

article.node--type-news a.share-icon{
    background: url(/themes/ncon_bs/images/icons/share-icon.svg) no-repeat;
}

article.node--type-news a.share-icon:hover{
    background: url(/themes/ncon_bs/images/icons/share-icon-hover.svg) no-repeat;
}

article.node--type-news .share-links-wrap{
    display: flex;
    justify-content: flex-end;
    /*padding: 10px 0;*/
    /*padding-bottom: 20px;*/
}

article.node--type-news .field--name-body{
    font-size: 16px;
    line-height: 1.63;
    /*margin-bottom: 10px;*/
}

article.node--type-news .field--name-body a{
    font-weight: bold;
    color: #348684;
}

article.node--type-news .field--name-body a:hover{
    text-decoration: underline;
}

article.node--type-news .about-news-wrap{
    background-color: var(--light-grey);
    padding: 40px;
    margin-bottom: 30px;
}

article.node--type-news .field--name-field-about-title {
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.33;
    color: var(--blue);
    margin-bottom: 10px;
}

article.node--type-news .field--name-field-about-grey {
  font-size: 16px;
  line-height: 1.5;
  color: var(--blue);
}

article.node--type-news .field--name-field-about-grey > ul{
    padding-left: 15px;
}

article.node--type-news .field--name-field-about-grey > ul li{
    padding-left: 10px;
}


/* // news node type */


/* views related articles */

.wrapper-int-grey-rel-art{
    padding: 34px 0 100px;
    background-color: var(--light-grey);
    width: 100%;
}

.wrapper-int-grey-rel-art > .container > .row{
    margin-left: -10px;
    margin-right: -10px;
}

#block-views-block-related-articles-block-1 > h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 2;
    text-align: center;
    color: #000;
}

#block-views-block-related-articles-block-1 .row .col{
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 1200px) {
    #block-views-block-related-articles-block-1 .row .col:first-child,
    #block-views-block-related-articles-block-1 .row .col:nth-child(2){
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    #block-views-block-related-articles-block-1 .row .col:nth-child(3){
        margin-bottom: 20px;
    }
}

#block-views-block-related-articles-block-1 .row .col > .views-col-wrap{
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

#block-views-block-related-articles-block-1 .row .col:first-child{
    margin-left: 0;
}

#block-views-block-related-articles-block-1 .row .col:last-child{
    margin-right: 0;
}

#views-bootstrap-related-articles-block-1 .row .col > .views-col-wrap{
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

/*
#views-bootstrap-related-articles-block-1 .row .col:first-child{
    padding-left: 0;
}

#views-bootstrap-related-articles-block-1 .row .col:last-child{
    padding-right: 0;
}
*/

#views-bootstrap-related-articles-block-1 .views-field-field-image img{
    width: 100%;
    max-height: 150px;
}

#views-bootstrap-related-articles-block-1 .views-field-nothing {
    padding: 20px;
    background-color: #fff;
}

#views-bootstrap-related-articles-block-1 .views-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    padding-bottom: 10px;
}

#views-bootstrap-related-articles-block-1 .views-field-title a{
    color: var(--blue);
}

#views-bootstrap-related-articles-block-1 .views-field-created{
  font-size: 14px;
  line-height: 1.36;
  color: #7a7a7a;
}

#views-bootstrap-related-articles-block-1 .views-field-body p {
    font-size: 14px;
    line-height: 1.36;
    margin-bottom: 5px;
}

/* // views related articles */


/* block blue evidence */

.evid-gery-wrap{
    background-color: var(--light-grey);
    padding: 60px 0;
}

.block-block-contentfdbe7f5c-b925-4b22-a238-e2e451eab291 .evid-gery-wrap{
    padding-top: 0;
}

.block-views-block--priority-areas-list-res-links-view-block  + .evid-gery-wrap{
    padding-top: 0;
}


.wrapper-img-evid{
    background-image: url(/themes/ncon_bs/images/backgrounds/evid_bg2.jpeg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    padding: 90px 0 80px;
}

.wrapper-img-evid .evid-title,
.wrapper-img-evid .field--name-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 50px;
    font-style: italic;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
    padding-bottom: 10px;
}

@media (max-width: 575px){
    .wrapper-img-evid .evid-title,
    .wrapper-img-evid .field--name-field-title{
        margin: 0 15px;
    }
}

.wrapper-img-evid .evid-body,
.wrapper-img-evid .field--name-body{
    font-size: 14px;
    line-height: 1.36;
    text-align: center;
    color: #ffffff;
    padding: 0 40px 25px;
}

@media (max-width: 575px) {
    .wrapper-img-evid .evid-body,
    .wrapper-img-evid .field--name-body{
        padding-left: 0;
        padding-right: 0;
        margin: 0 15px;
    }
}

.wrapper-img-evid .evid-link,
.wrapper-img-evid .field--name-field-link{
    text-align: center;
}

.wrapper-img-evid .evid-link a,
.wrapper-img-evid .field--name-field-link a{
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    border: solid 2px #ffffff;
    padding: 10px 20px;
}

.wrapper-img-evid .evid-link a:hover,
.wrapper-img-evid .field--name-field-link a:hover{
    color: var(--blue);
    background: #fff;
}

/* // block blue evidence */


/* front social block */

.front-social-block-wrap {
    background-color: var(--light-grey);
    padding: 60px 0;
}

.block--block-content--basic--front-social{
    background-color: #fff;
    padding: 50px;
}

@media (max-width: 767px){
    .block--block-content--basic--front-social{
        padding: 50px 15px;
    }
}

.block--block-content--basic--front-social h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 40px;
    font-style: italic;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}

.block--block-content--basic--front-social .embed-wrap {
    border: solid 1px #efefef;
    padding: 16px;
}

.block--block-content--basic--front-social .facebook-embed-wrap{
    margin-bottom: 40px;
    overflow: hidden
}

@media (max-width: 991px){
    .block--block-content--basic--front-social .twitter-embed-wrap{
        margin-bottom: 40px;
    }
}

.block--block-content--basic--front-social .embed-title{
    font-size: 23px;
    font-weight: bold;
    padding-bottom: 20px;
}



/* // front social block */


/* sliders */

.front-slider-bottom-wrap{
    padding: 60px 0;
}

.slick-slider .slick-slide .paragraph--type--front-top-slider{
    height: 500px !important;
}

.slick-slider .slick-slide .paragraph--type--front-top-slider article.slide-content{
    padding-top: 0 !important;
}

@media (max-width: 991px){
    .slick-slider .slick-slide .paragraph--type--front-top-slider article.slide-content .field__item {
        margin: 0 15px;
    }
}

.slick-slider .slick-slide .paragraph--type--front-top-slider article.slide-content .field__item h1 a{
    color: #fff;
}

.slick-slider .slick-slide .paragraph--type--front-top-slider article.slide-content .field__item h1 a:focus{
    outline: none;
}

.slick-slider .slick-slide .paragraph--type--front-top-slider article.slide-content .link-wrap a:hover{
    background: #245d5c !important;
}

@media (max-width: 575px){
    .slick-slider .slick-slide .paragraph--type--front-top-slider article.slide-content .field__item h1{
        font-size: 20px;
    }

    #slider-nav span{
        font-size: 11px !important;
        max-width: 200px;
    }
}



/*
#slick-block-content-6-slider-paragraph-default-1 .slick__slide{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#slick-block-content-6-slider-paragraph-default-1 .slick__slide .front-top-slider-wrap{
    background-color: rgba(0, 0, 0, 0.5);
    height: 500px;
}

#slick-block-content-10-slider-bottom-paragraph-default-2 .slick__slide .front-bottom-slider-wrap{
    background-color: rgba(0, 0, 0, 0.5);
    height: 500px;
}

#slick-block-content-10-slider-bottom-paragraph-default-2{
    height: 500px;
}

#slick-block-content-6-slider-paragraph-default-1 .slick__slide .paragraph--type--front-top-slider,
#slick-block-content-10-slider-bottom-paragraph-default-2 .slick__slide .paragraph--type--bottom-front-slider{
    padding: 100px 0 150px;
}

#slick-block-content-6-slider-paragraph-default-1 .slick__slide .field--name-field-slider-title,
#slick-block-content-10-slider-bottom-paragraph-default-2 .slick__slide .field--name-field-title{
    text-align: center;
}

#slick-block-content-6-slider-paragraph-default-1 .slick__slide .field--name-field-slider-title span,
#slick-block-content-10-slider-bottom-paragraph-default-2 .slick__slide .field--name-field-title span{
    font-size: 12px;
    letter-spacing: 3px;
    color: #ffffff;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--green);
}

#slick-block-content-6-slider-paragraph-default-1 .slick__slide .field--name-field-slider-body,
#slick-block-content-10-slider-bottom-paragraph-default-2 .slick__slide .field--name-field-slider-bottom-body{
    font-family: 'Libre Baskerville', serif;
    font-size: 50px;
    font-style: italic;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    padding: 40px 15px;
}

#slick-block-content-6-slider-paragraph-default-1 .slick__slide .field--name-field-link,
#slick-block-content-10-slider-bottom-paragraph-default-2 .slick__slide .field--name-field-slider-link{
    text-align: center;
}

#slick-block-content-6-slider-paragraph-default-1 .slick__slide .field--name-field-link a,
#slick-block-content-10-slider-bottom-paragraph-default-2 .slick__slide .field--name-field-slider-link a{
    padding: 10px 20px;
    border-radius: 5px;
    background-color: var(--green);
    color: #fff;
}
*/

.block-content--impact-areas-slider {
    text-align: center;
}

.block-content--impact-areas-slider > h2{
    font-family: Lato;
    display: inline-block;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 3px;
    color: #000000;
    font-style: normal;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--green);
    margin-bottom: 40px;
}

.region-top-middle-right .block-content--resource-centre-slider {
    margin-top: 51px;
}

.region-top-middle-right .slick-slider .slick-slide .paragraph--type--front-top-slider {
    height: 421px !important;
}

/* // sliders */


/* my documents block */

.path-my-documents .my-documets-block{
    margin-top: 0 !important;
    padding-top: 70px;
    border-top: 1px solid var(--soft-grey);
}

.path-my-documents .my-documets-block .my-documets-block-title h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 50px;
    font-style: italic;
    line-height: 1.2;
    color: var(--blue);
}

.path-my-documents .my-documets-block .docs-titles-links{
    margin-bottom: 20px;
}

.path-my-documents .my-documets-block .docs-titles-links > strong > em{
    padding-bottom: 20px;
    display: block;
}

.path-my-documents .my-documets-block .document-item a:hover{
    text-decoration: none;
}

/* // my documents block */



/* front two white blocks */

.layout-wrap .front-green-region-top-middle-wrap{
    background-color: var(--green);
    padding: 60px 0;
}

@media (max-width: 991px){
    /*
    .block--block-content--green-front--front-two-white-blocks{
        margin-bottom: 20px;
    }
    */

    .block--block-content--green-front--front-two-white-blocks .block-white-wrap{
        margin-bottom: 20px;
    }
}


@media (min-width: 768px) {
    .block--block-content--green-front--front-two-white-blocks .block-white-wrap a{
        height: 240px;
    }
}


@media (min-width: 992px){
    .block--block-content--green-front--front-two-white-blocks .block-white-wrap a{
        height: 320px;
    }
}

@media (min-width: 1200px){
    .block--block-content--green-front--front-two-white-blocks .block-white-wrap a{
        height: 240px;
    }
}

.block--block-content--green-front--front-two-white-blocks .block-white-wrap a{
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    display: block
}

.block--block-content--green-front--front-two-white-blocks .field--name-field-title,
.block--block-content--green-front--front-two-white-blocks .field--name-field-title-block-2{
    font-size: 19px;
    font-weight: bold;
    line-height: 1.26;
    color: var(--blue);
    padding-bottom: 10px;
}

.block--block-content--green-front--front-two-white-blocks .field--name-field-date{
    color: #969696;
    font-size: 14px;
    line-height: 1.36;
    padding-bottom: 10px;
}

.block-block-content484752c8-aece-4a87-8fef-2ea1cb94769a .field--name-field-form-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    color: #ffffff;
}

.block--block-content--green-front--front-two-white-blocks .field--name-field-descr-block-3{
    font-size: 16px;
    line-height: 1.38;
    color: #ffffff;
}

.block--block-content--green-front--front-two-white-blocks .field--name-field-body,
.block--block-content--green-front--front-two-white-blocks .field--name-field-body-block-2{
    font-size: 14px;
    line-height: 1.36;
}

/* // front two white blocks */


/* front impact areas select form */

.block-content--front-explore-our-priority-areaas{
    padding: 0 30px;
}

@media (max-width: 991px){
    .block-content--front-explore-our-priority-areas{
        padding-top: 30px;
    }
}

.block-content--front-explore-our-priority-areas .field--name-field-form-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    color: #ffffff;
}

.block-content--front-explore-our-priority-areas .field--name-field-form-description{
    font-size: 16px;
    line-height: 1.38;
    color: #ffffff;
    padding-bottom: 15px;
}

.block-content--front-explore-our-priority-areas .webform-submission-impact-areas-green-front-form .select-wrap{
    position: relative;
}

.block-content--front-explore-our-priority-areas .webform-submission-impact-areas-green-front-form .select-wrap > span.ei{
    position: absolute;
    right: 10px;
    top: 12px;
    /*background: #fff;*/
    /*width: 26px;*/
    font-size: 24px;
    color: #a2a2a2;
    pointer-events: none;
}

.block-content--front-explore-our-priority-areas .webform-submission-impact-areas-green-front-form #edit-impact-area-select{
    height: 50px;
    font-size: 19px;
    line-height: 1.26;
    color: #a2a2a2;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.block-content--front-explore-our-priority-areas .webform-submission-impact-areas-green-front-form .form-actions{
    text-align: right;
}

.block-content--front-explore-our-priority-areas .webform-submission-impact-areas-green-front-form .form-actions > input{
    height: 40px;
    width: 74px;
}

/* // front impact areas select form */


/* quick tabs */

.quicktabs-wrapper .quicktabs-hide {
    display: none;
}

.quicktabs-wrapper .item-list-wrapper{
    padding-top: 20px;
}

.quicktabs-wrapper .item-list{
    text-align: center;
}

.quicktabs-wrapper .item-list .list-label{
    padding-right: 20px;
}

.quicktabs-wrapper .item-list ul{
    margin-top: 0;
    display: inline-block;
}

.quicktabs-wrapper .item-list ul li {
    display: inline;
    background: none;
    list-style-type: none;
    padding: 2px;
    white-space: nowrap;
    border: none;
}

.quicktabs-wrapper .item-list ul li.active{
    padding-bottom: 25px;
    border-bottom: 4px solid var(--green);
}

.quicktabs-wrapper .item-list ul li a:focus {
    outline: none;
}

.quicktabs-wrapper .item-list ul li:not(:last-child) a{
    margin-right: -15px;
    margin-left: -1px;
}

.quicktabs-wrapper .item-list ul li:last-child a{
    margin-right: -1px;
    margin-left: -1px;
}

.quicktabs-wrapper .item-list ul li:not(:last-child){
    margin-right: 48px;
}

.quicktabs-wrapper .item-list ul li:not(:last-child) a:after{
    content: " | ";
    position: relative;
    right: -19px;
    color: var(--soft-grey);
    width: 1px;
    pointer-events: none;
}

.quicktabs-wrapper .grey-lines-wrapper{
    margin-top: 18px;
}

.quicktabs-wrapper .grey-line{
    border-top: 1px solid var(--grey);
}

.quicktabs-wrapper .grey-line + .grey-line{
    margin-top: 2px;
}

#quicktabs-container-news_events_tabs .quicktabs-tabpage{
    padding: 60px 0;
    background-color: var(--light-grey);
}

#quicktabs-container-news_events_tabs .quicktabs-tabpage > .container > .row {
    margin-left: -10px;
    margin-right: -10px;
}

/* // quick tabs */


/* views front events */

/*
#views-bootstrap-front-events-block-1 .row{
    margin: 0;
}
*/

#views-bootstrap-front-events-block-1 .row .col{
    padding-left: 10px;
    padding-right: 10px;

}

@media (max-width: 1200px) {
    #views-bootstrap-front-events-block-1 .row .col:first-child,
    #views-bootstrap-front-events-block-1 .row .col:nth-child(2){
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    #views-bootstrap-front-events-block-1 .row .col:nth-child(3){
        margin-bottom: 20px;
    }
}

#views-bootstrap-front-events-block-1 .row .col > .views-col-wrap{
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

#views-bootstrap-front-events-block-1 .row .col:first-child{
    margin-left: 0;
}

#views-bootstrap-front-events-block-1 .row .col:last-child{
    margin-right: 0;
}


#views-bootstrap-front-events-block-1 .views-field-field-event-image img{
    width: 100%;
    height: auto;
}

#views-bootstrap-front-events-block-1 .views-field-nothing {
    padding: 20px;
    background-color: #fff;
    height: 190px;
}

#views-bootstrap-front-events-block-1 .views-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    padding-bottom: 10px;
}

#views-bootstrap-front-events-block-1 .views-field-title a{
    color: var(--blue);
}

#views-bootstrap-front-events-block-1 .views-field-title a:hover{
    text-decoration: underline;
}

#views-bootstrap-front-events-block-1 .views-field-date,
#views-bootstrap-front-events-block-1 .views-field-hoster,
#views-bootstrap-front-events-block-1 .views-field-place{
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
}

#views-bootstrap-front-events-block-1 .views-field-date > span.ei,
#views-bootstrap-front-events-block-1 .views-field-hoster > span.ei,
#views-bootstrap-front-events-block-1 .views-field-place > span.ei{
    padding-right: 3px;
}

/* // views front events */


/* views resource center exposed search block */

.block-res-cent-exposed-search-block{
    padding: 25px 0 30px;
    background-color: var(--blue);
}

.block-res-cent-exposed-search-block h2{
    font-size: 30px;
    font-style: italic;
    line-height: 2;
    text-align: center;
}

@media (max-width: 575px){
    .block-res-cent-exposed-search-block h2{
        line-height: 1.5;
    }
}

.block-res-cent-exposed-search-block .form-row{
    align-items: center;
    justify-content: center;
}

.block-res-cent-exposed-search-block .form-row .form-group{
    margin-bottom: 0;
}

.block-res-cent-exposed-search-block .form-row .form-group > input{
    margin-top: 0;
}

@media (min-width: 992px){
    .block-res-cent-exposed-search-block .form-row .form-group > input{
        width: 540px;
    }
}

.block-res-cent-exposed-search-block .form-row .form-actions{
    align-self: center;
    margin-left: -40px;
}

.block-res-cent-exposed-search-block .form-row .form-actions > input{
    background-color: transparent;
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/themes/ncon_bs/images/icons/search-icon.svg);
    background-repeat: no-repeat;
    border: none;
}

.block-res-cent-exposed-search-block .form-row .form-actions > input:hover,
.block-res-cent-exposed-search-block .form-row .form-actions > input:active{
    border: none;
    background-color: transparent;
}


/* // views resource center exposed search block */


/* views resource center exposed select block */

.block-res-cent-exposed-select-block{
    padding: 25px 0;
    background-color: var(--light-grey);
    margin-bottom: 40px;

}

.block-res-cent-exposed-select-block .form-row{
    align-items: center;
    justify-content: center;
}

.block-res-cent-exposed-select-block .form-row > fieldset{
    width: 270px;
}

@media (max-width: 575px){
    .block-res-cent-exposed-select-block .form-row > fieldset{
        width: 100%;
    }
    .block-res-cent-exposed-select-block .form-row > fieldset:nth-child(1){
        margin-top: 1rem;
    }
}

@media (min-width: 576px){
    .block-res-cent-exposed-select-block .form-row > fieldset:nth-child(5),
    .block-res-cent-exposed-select-block .form-row > fieldset:nth-child(6){
        margin-bottom: 0;
    }
}

@media (min-width: 992px){
    .block-res-cent-exposed-select-block .form-row > fieldset:nth-child(4),
    .block-res-cent-exposed-select-block .form-row > fieldset:nth-child(5),
    .block-res-cent-exposed-select-block .form-row > fieldset:nth-child(6){
        margin-bottom: 0;
    }
}

@media (min-width: 1200px){
    .block-res-cent-exposed-select-block .form-row > fieldset:nth-child(4){
        margin-bottom: 1rem;
    }
    .block-res-cent-exposed-select-block .form-row > fieldset:nth-child(5),
    .block-res-cent-exposed-select-block .form-row > fieldset:nth-child(6){
        margin-bottom: 0;
    }
}


.block-res-cent-exposed-select-block .form-row > fieldset select{
    font-size: 16px;
}

/*
@media (min-width: 1200px){
    .block-views-blockresource-center-block-1 .view-resource-center .view-filters .form-row > fieldset.js-form-item-tid-5{
        margin-left: 10px;
    }
}
*/

.block-res-cent-exposed-select-block .form-row > .form-actions{
    padding: 0;
}

/* // views resource center exposed select block */


/* views resource center latest */

.block-views-blockresource-center-latest-block-1 .fort-view-img-wrap{
    padding: 50px 0;
    background-color: var(--light-grey);
}

.block-views-blockresource-center-latest-block-1 h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.07;
    color: #000000;
    margin-bottom: 20px;
}

.view-resource-center-latest .view-content .row .col{
    margin-bottom: 20px;
}

.view-resource-center-latest .view-content .views-col-wrap{
    display: flex;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    min-height: 200px;
    overflow: hidden;
}

.view-resource-center-latest .view-content .views-field-nothing{
    background: #fff;
    padding: 30px;
    flex-grow: 1;
}

@media (max-width: 767px){
    .view-resource-center-latest .view-content .views-col-wrap{
        flex-wrap: wrap;
    }

    .view-resource-center-latest .view-content .views-field-field-res-image{
        width: 100%;
        flex-grow: 1;
    }

    .view-resource-center-latest .view-content .views-field-field-res-image img{
        width: 100%;
        height: auto;
    }
}

.view-resource-center-latest .view-content .views-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    margin-bottom: 10px;
}

.view-resource-center-latest .view-content .views-field-created{
    font-size: 14px;
    line-height: 1.36;
    color: #7a7a7a;
    margin-bottom: 5px;
}

.view-resource-center-latest .view-content .views-field-title a{
    color: var(--blue);
}

.view-resource-center-latest .view-content .views-field-title a:hover{
    text-decoration: underline;
}

/* // views resource center latest */

/* resource center blue big title block */

.block-content--resource-center-blue-big-title-block{
    background-color: var(--blue);
    padding: 20px 50px 30px;
    margin-top: 52px;
    min-height: 420px;
}

@media (max-width: 991px) {
    .block-content--resource-center-blue-big-title-block .content .field--name-body h2{
        font-size: 30px;
    }

    .block-content--resource-center-blue-big-title-block .content .field--name-body > a > img{
        width: 100%;
        height: auto;
    }
}

@media (max-width: 767px){
    .block-content--resource-center-blue-big-title-block .content .field--name-body h2{
        font-size: 25px;
    }

    .block-content--resource-center-blue-big-title-block{
        padding: 20px 20px 30px;
    }
}

@media (max-width: 575px) {
    .block-content--resource-center-blue-big-title-block{
        padding: 20px 30px 30px;
    }
}

.block-content--resource-center-blue-big-title-block .res-cent-blue-btitle-block-title{
    display: flex;
    justify-content: space-between;
}

.block-content--resource-center-blue-big-title-block .res-cent-blue-btitle-block-title span{
    font-family: 'Libre Baskerville', serif;
    font-size: 150px;
    line-height: 208px;
    font-style: italic;
    color: #ffffff;
}



.block-content--resource-center-blue-big-title-block .res-cent-blue-btitle-block-body{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.33;
    color: #ffffff;
    margin-bottom: 35px;
}

.block-content--resource-center-blue-big-title-block .res-cent-blue-btitle-block-link{
    text-align: right;
}

.block-content--resource-center-blue-big-title-block .res-cent-blue-btitle-block-link a{
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    border: solid 2px #ffffff;
    padding: 10px 20px;
}

/* // resource center blue big title block */


/* views resource center  and resource center tags */

.block-views-blockresource-center-block-1{
    margin-bottom: 30px;
}

.view-resource-tags .view-content{
    padding-top: 60px;
    border-top: 1px solid #efefef;
}

.block-views-blockresource-center-block-1 h2,
.view-resource-tags .view-content h2{
    font-size: 30px;
    font-style: italic;
    line-height: 2;
    color: #000000;
}

.block-views-blockresource-center-block-1 .view-content,
.block-views-blockresource-center-block-1 .view-empty,
.view-resource-tags .view-content,
.view-resource-tags .view-empty{
    margin-bottom: 40px;
}

.block-views-blockresource-center-block-1 .view-empty,
.view-resource-tags .view-empty{
    font-style: italic;
}

/*
.block-views-blockresource-center-block-1 .view-content .views-view-grid .row .col{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid  .row .col > .views-col-wrap{
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid .row .col:first-child{
    margin-left: 0;
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid .row .col:last-child{
    margin-right: 0;
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid .views-field-field-res-image img{
    width: 100%;
    height: auto;
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid .views-field-nothing {
    padding: 20px;
    background-color: #fff;
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid .views-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    padding-bottom: 10px;
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid .views-field-title a{
    color: var(--blue);
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid .views-field-title a:hover{
    text-decoration: underline;
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid .views-field-created{
    font-size: 14px;
    line-height: 1.36;
    color: #7a7a7a;
    margin-bottom: 5px;
}

.block-views-blockresource-center-block-1 .view-content .views-view-grid .views-field-body{
    font-size: 14px;
    line-height: 1.36;
    color: #000000;
}
*/

@media (min-width: 576px){
    .block-views-blockresource-center-block-1 .view-content .card-columns .card,
    .block-views-blockresource-center-block-1 .view-content .card-columns .card-sizer,
    .view-resource-tags .view-content .card-columns .card,
    .view-resource-tags .view-content .card-columns .card-sizer{
        width: calc( ( 100% - 20px) / 2 );
    }
}

@media (min-width: 992px){
    .block-views-blockresource-center-block-1 .view-content .card-columns .card,
    .block-views-blockresource-center-block-1 .view-content .card-columns .card-sizer,
    .view-resource-tags .view-content .card-columns .card,
    .view-resource-tags .view-content .card-columns .card-sizer{
        width: calc( ( 100% - 40px) / 3 );
    }
}

@media (min-width: 1200px){
    .block-views-blockresource-center-block-1 .view-content .card-columns .card,
    .block-views-blockresource-center-block-1 .view-content .card-columns .card-sizer,
    .view-resource-tags .view-content .card-columns .card,
    .view-resource-tags .view-content .card-columns .card-sizer{
        width: calc( ( 100% - 60px) / 4 );
    }
}

.block-views-blockresource-center-block-1 .view-content .card-columns .card,
.view-resource-tags .view-content .card-columns .card{
    border: none;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    border-radius: 0;
}

.block-views-blockresource-center-block-1 .view-content .card-columns .gutter-sizer,
.view-resource-tags .view-content .card-columns .gutter-sizer {
    width: 20px;
}

.block-views-blockresource-center-block-1 .view-content .card-columns .card img,
.view-resource-tags .view-content .card-columns .card img{
    width: 100%;
    height: auto;
}

.block-views-blockresource-center-block-1 .view-content .card-columns .card .views-field-title,
.view-resource-tags .view-content .card-columns .card .views-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    padding-bottom: 10px;
}

.block-views-blockresource-center-block-1 .view-content .card-columns .card .views-field-title a,
.view-resource-tags .view-content .card-columns .card .views-field-title a{
    color: var(--blue);
}

.block-views-blockresource-center-block-1 .view-content .card-columns .card .views-field-title a:hover,
.view-resource-tags .view-content .card-columns .card .views-field-title a:hover{
    text-decoration: underline;
}

.block-views-blockresource-center-block-1 .view-content .card-columns .card .views-field-created,
.view-resource-tags .view-content .card-columns .card .views-field-created{
    font-size: 14px;
    line-height: 1.36;
    color: #7a7a7a;
    margin-bottom: 5px;
}

.block-views-blockresource-center-block-1 .view-content .card-columns .card .views-field-body,
.view-resource-tags .view-content .card-columns .card .views-field-body{
    font-size: 14px;
    line-height: 1.36;
    color: #000000;
}

/* // views resource center */


/* views calendar */

.block-views-blockcalendar-block-1 {
  background: #f5f5f5;
  padding-bottom: 55px;
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters > form{
    margin-bottom: 40px;
}

.block-views-blockcalendar-block-1 .view-calendar form > .form-row{
    margin: 0;
}

@media (min-width: 992px){
    .block-views-blockcalendar-block-1 .view-calendar form > .form-row .row > .col{
        padding-right: 10px;
    }

    .block-views-blockcalendar-block-1 .view-calendar form > .form-row .row > .col + .col{
        padding-left: 10px;
    }
}

.block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper{
    flex: 0 0 100%;
    /*padding: 0;*/
    background-color: var(--green);
    text-align: center;
    padding: 20px 0;
    height: 486px;
}

.block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 50px;
    font-style: italic;
    line-height: 1;
    margin: 60px 20px 30px;
}

@media (max-width: 528px) {
  .block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper h2 {
    font-size: 40px;
  }
}

.block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper .calendar-year-select-wrap{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 767px){
    .block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper .calendar-year-select-wrap{
        justify-content: center;
    }
}

.block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper .calendar-month-select-wrap{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 767px){
    .block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper .calendar-month-select-wrap{
        justify-content: center;
    }
}

.block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper .calendar-year-select-wrap fieldset,
.block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper .calendar-month-select-wrap fieldset{
    width: 355px;
}

@media (max-width: 992px){
  .block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper .calendar-year-select-wrap fieldset,
  .block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper .calendar-month-select-wrap fieldset{
    width: 325px;
  }
}

.block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper fieldset .select-wrap select.form-select{
    font-size: 16px;
    color: #000000!important;
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper{
    flex: 0 0 100%;
    background-color: var(--light-grey);
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .form-actions.form-group{
    margin: 0;
}

@media (min-width: 475px){
    .block-views-blockcalendar-block-1 .view-calendar .view-filters .grey-lines-wrapper{
        margin-top: -4px;
        background-color: #fff;
    }

    .block-views-blockcalendar-block-1 .view-calendar .view-filters .grey-line{
        border-top: 1px solid var(--grey);
    }

    .block-views-blockcalendar-block-1 .view-calendar .view-filters .grey-line + .grey-line{
        margin-top: 2px;
    }
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup {
    margin-bottom: 0;
    padding-top: 15px;
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .fieldset-wrapper > .radio{
    text-align: center;
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value{
    display: inline;
    padding: 0;
    white-space: nowrap;
    border: none;
}


.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value > input{
    display: none;
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value > label{
    display: inline-block;
    cursor: pointer;
}

@media (max-width: 474px){
    .block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value > label{
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 4px solid transparent;
    }
}

@media (min-width: 475px){
    .block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value > input:checked + label,
    .block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value > input:hover + label{
        padding-bottom: 25px;
        /* border-bottom: 4px solid var(--green); */
    }
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value > input:checked + label,
.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value > input:hover + label{
    border-bottom: 4px solid var(--green);
}

/*
.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value:not(:last-child) label{
    margin-right: -15px;
    margin-left: -1px;
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup.form-item-field-event-date-value:last-child label{
    margin-right: -1px;
    margin-left: -1px;
}
*/
/*
.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value:not(:last-child)
*/

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value label{
    margin-right: 14px;
    margin-left: 16px;
}

@media (max-width: 991px){
    .block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value label{
        margin-right: 10px;
        margin-left: 12px;
    }
}

@media (max-width: 767px){
    .block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value label{
        margin-right: 2px;
        margin-left: 4px;
    }
}


@media (max-width: 575px){
    .block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value label{
        margin-right: 0px;
        margin-left: 0px;
    }
}



.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value:first-child label{
    margin-left: 0;
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value:nth-child(23) label{
    margin-right: 0;
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .radio .form-element-helper{
    border-right: 1px solid var(--soft-grey);
    height: 17px;
    width: 1px;
}

.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .radio .form-element-helper:last-child{
    display: none;
}

/*
.block-views-blockcalendar-block-1 .view-calendar .view-filters .month-fieldset-wrapper .fieldgroup .form-item-field-event-date-value:not(:last-child) label:after{
    content: " | ";
    position: relative;
    right: -20px;
    color: var(--soft-grey);
    width: 1px;
    pointer-events: none;
}
*/

/*
.block-views-blockcalendar-block-1 .view-calendar .view-filters #edit-field-event-date-value--wrapper .form-item-field-event-date-value{
    display: inline;
    padding-left: 0;
}
*/


/*
.block-views-blockcalendar-block-1 .view-calendar .view-filters #edit-field-event-date-value--wrapper .form-item-field-event-date-value > input:checked + label{
    border-bottom: 1px solid var(--green);
}
*/


.block-views-blockcalendar-block-1 .view-content,
.block-views-blockcalendar-block-1 .view-empty{
    margin-bottom: 20px;
    margin-top: -243px;
}

@media (max-width: 1400px) {
  .block-views-blockcalendar-block-1 .view-content,
  .block-views-blockcalendar-block-1 .view-empty{
    margin-top: -220px;
  }
}

@media (max-width: 1200px) {
  .block-views-blockcalendar-block-1 .view-content,
  .block-views-blockcalendar-block-1 .view-empty{
    margin-top: -191px;
  }
}

@media (max-width: 992px) {
  .block-views-blockcalendar-block-1 .view-content,
  .block-views-blockcalendar-block-1 .view-empty{
    margin-top: -212px;
  }
}

@media (max-width: 767px) {
  .block-views-blockcalendar-block-1 .view-content,
  .block-views-blockcalendar-block-1 .view-empty{
    margin-top: -306px;
  }

  .block-views-blockcalendar-block-1 .view-calendar form > .form-row > div.calendar-filter-region-year-wrapper {
    height: 540px;
  }
}

@media (max-width: 529px) {
  /*.block-views-blockcalendar-block-1 .view-content, .block-views-blockcalendar-block-1 .view-empty {*/
  /*  margin-top: -250px;*/
  /*}*/
}

.block-views-blockcalendar-block-1 .view-empty{
  color: #ffffff;
}

.block-views-blockcalendar-block-1 .view-content > .container > .row{
    margin-left: -10px;
    margin-right: -10px;
}

.view-id-calendar.views-view-grid .row .col{
    padding-left: 10px;
    padding-right: 10px;

}

@media (max-width: 1200px) {
    .view-id-calendar.views-view-grid .row .col:first-child,
    .view-id-calendar.views-view-grid .row .col:nth-child(2){
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .view-id-calendar.views-view-grid .row .col:nth-child(3){
        margin-bottom: 20px;
    }
}


.view-id-calendar.views-view-grid .row .col:first-child{
    margin-left: 0;
}

.view-id-calendar.views-view-grid .row .col:last-child{
    margin-right: 0;
}


.block-views-blockcalendar-block-1 .view-content h3{
    text-align: left;
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
}

.block-views-blockcalendar-block-1 .view-empty{
    font-style: italic;
    text-align: center;
}

.block-views-blockcalendar-block-1 .view-content .views-view-grid{
    margin-bottom: 30px;
}

.block-views-blockcalendar-block-1 .view-content .views-view-grid .row .col{
    margin-bottom: 20px;
    padding-right: 10px!important;
    padding-left: 10px!important;
}

.block-views-blockcalendar-block-1 .view-content .views-view-grid .row .col-lg-6{
  margin-bottom: 40px;
}

.block-views-blockcalendar-block-1 .view-content .views-col-wrap{
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.block-views-blockcalendar-block-1 .view-content .views-field-field-event-image img{
    width: 100%;
    height: auto;
}

.view-id-calendar .views-field.views-field-field-event-image {
    /*height: 210px;*/
    position: relative;
    overflow: hidden;
}

.ribbon {
  margin: 0;
  width: 110px;
  height: 38px;
  padding: 9px 10px 10px 0px;
  background-color: #345286;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(36%) translateY(0%) rotate(45deg);
  transform-origin: top left;
  font-family: Lato;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background-color: #345286;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

.block-views-blockcalendar-block-1 .view-content .views-field-nothing {
    padding: 20px;
    background-color: #fff;
    position: relative;
}

.block-views-blockcalendar-block-1 .view-content .views-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 20px;
    font-style: italic;
    line-height: 1.4;
    padding-bottom: 10px;
    /*height: 60px;*/
    /*overflow: hidden;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    color: var(--blue);
}

.block-views-blockcalendar-block-1 .view-content hr {
    width: 100px;
    height: 1px;
    background: var(--blue);
    float: left;
    margin: 10px 0 15px;
}

.block-views-blockcalendar-block-1 .view-content .views-field-title a{
    color: var(--blue);
}

.block-views-blockcalendar-block-1 .view-content .views-field-title a:hover{
    text-decoration: underline;
}

.block-views-blockcalendar-block-1 .view-content .views-field-date,
.block-views-blockcalendar-block-1 .view-content .views-field-hoster,
.block-views-blockcalendar-block-1 .view-content .views-field-place{
    font-size: 13px;
    line-height: 1.80;
    clear: both;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.block-views-blockcalendar-block-1 .js-pager__items li.pager__item{
    list-style-type: none;
    text-align: center;
}

.block-views-blockcalendar-block-1 span.field-hoster-title {
  margin-right: 5px;
}

.block-views-blockcalendar-block-1 span.icon {
  text-align: center;
  width: 20px;
  margin-right: 7px;
  display: inline-block;
}

.block-views-blockcalendar-block-1 span.icon_calendar img {
  width: 20px;
  height: 20.8px;
}

.block-views-blockcalendar-block-1 span.icon_speaker img {
  width: 20px;
  height: 17.2px;
}

.block-views-blockcalendar-block-1 span.icon_marker img {
  width: 12.8px;
  height: 18px;
}

/*.block-views-blockcalendar-block-1 .views-view-grid:first-child .row .col:first-child,*/
/*.block-views-blockcalendar-block-1 .views-view-grid:first-child .row .col:nth-child(2) {*/
/*  -ms-flex: 0 0 50%;*/
/*  flex: 0 0 50%;*/
/*  max-width: 50%;*/
/*  margin-bottom: 30px;*/
/*}*/

/*@media (max-width: 767px) {*/
/*  .block-views-blockcalendar-block-1 .views-view-grid:first-child .row .col:first-child,*/
/*  .block-views-blockcalendar-block-1 .views-view-grid:first-child .row .col:nth-child(2) {*/
/*    -ms-flex: auto;*/
/*    flex: auto;*/
/*    max-width: 100%;*/
/*    margin-bottom: 20px;*/
/*  }*/
/*}*/

/* // views calendar */


/* views news and blogs */

.block-views-blocknews-block-1 .view-news .view-filters,
.block-views-blockblogs-block-1 .view-blogs .view-filters,
.block-news-exposed-select-block{
    padding: 25px 0 30px;
    background-color: var(--blue);
    margin-bottom: 40px;
}

.block-views-blocknews-block-1 .view-news .view-filters form h2,
.block-views-blockblogs-block-1 .view-blogs .view-filters form h2,
.block-news-exposed-select-block form h2{
    font-family: 'Libre Baskerville', serif;
    font-size: 30px;
    font-style: italic;
    line-height: 2;
    text-align: center;
}

.block-views-blocknews-block-1 .view-news .view-filters .form-row,
.block-views-blockblogs-block-1 .view-blogs .view-filters .form-row,
.block-news-exposed-select-block .form-row{
    align-items: center;
    justify-content: center;
}

.block-views-blocknews-block-1 .view-news .view-filters .form-row > fieldset,
.block-views-blockblogs-block-1 .view-blogs .view-filters .form-row > fieldset,
.block-news-exposed-select-block .form-row > fieldset{
    width: 350px;
    margin-bottom: 0;
}

.block-views-blocknews-block-1 .view-content,
.block-views-blockblogs-block-1 .view-content,
.block-views-blocknews-block-1 .view-empty,
.block-views-blockblogs-block-1 .view-empty{
    margin-bottom: 80px;
}

.block-views-blocknews-block-1 .view-empty,
.block-views-blockblogs-block-1 .view-empty,
.quicktabs-tabpage .view-id-front_news .view-empty{
    font-style: italic;
    text-align: center;
}


.block-views-blocknews-block-1 .view-content .views-view-grid .row .col,
.block-views-blockblogs-block-1 .view-content .views-view-grid .row .col,
.quicktabs-tabpage .view-id-front_news .view-content .views-view-grid .row .col{
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 1200px) {
    .block-views-blocknews-block-1 .view-content .views-view-grid .row .col:first-child,
    .block-views-blocknews-block-1 .view-content .views-view-grid .row .col:nth-child(2),
    .block-views-blockblogs-block-1 .view-content .views-view-grid .row .col:first-child,
    .block-views-blockblogs-block-1 .view-content .views-view-grid .row .col:nth-child(2),
    .quicktabs-tabpage .view-id-front_news .view-content .views-view-grid .row .col:first-child,
    .quicktabs-tabpage .view-id-front_news .view-content .views-view-grid .row .col:nth-child(2){
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .block-views-blocknews-block-1 .view-content .views-view-grid .row .col:nth-child(3),
    .block-views-blockblogs-block-1 .view-content .views-view-grid .row .col:nth-child(3),
    .quicktabs-tabpage .view-id-front_news .view-content .row .col:nth-child(3){
        margin-bottom: 20px;
    }
}

.block-views-blocknews-block-1 .view-content .views-view-grid .row .col > .views-col-wrap,
.block-views-blockblogs-block-1 .view-content .views-view-grid .row .col > .views-col-wrap,
.quicktabs-tabpage .view-id-front_news .view-content .views-view-grid .row .col > .views-col-wrap{
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.quicktabs-tabpage .view-id-front_news .view-content .views-view-grid .row .col > .views-col-wrap{
  background-color: #fff;
  height: 100%;
}

.block-views-blocknews-block-1 .view-content .views-view-grid .row .col:first-child,
.block-views-blockblogs-block-1 .view-content .views-view-grid .row .col:first-child,
.quicktabs-tabpage .view-id-front_news .view-content .views-view-grid .row .col:first-child{
    margin-left: 0;
}

.block-views-blocknews-block-1 .view-content .views-view-grid .row .col:last-child,
.block-views-blockblogs-block-1 .view-content .views-view-grid .row .col:last-child,
.quicktabs-tabpage .view-id-front_news .view-content .views-view-grid .row .col:last-child{
    margin-right: 0;
}

@media (min-width: 768px){
    .block-views-blocknews-block-1 .view-content .card-columns .card,
    .block-views-blockblogs-block-1 .view-content .card-columns .card,
    .block-views-blocknews-block-1 .view-content .card-columns .card-sizer,
    .block-views-blockblogs-block-1 .view-content .card-columns .card-sizer{
        width: calc( ( 100% - 20px) / 2 );
    }
}

@media (min-width: 992px){
    .block-views-blocknews-block-1 .view-content .card-columns .card,
    .block-views-blockblogs-block-1 .view-content .card-columns .card,
    .block-views-blocknews-block-1 .view-content .card-columns .card-sizer,
    .block-views-blockblogs-block-1 .view-content .card-columns .card-sizer{
        width: calc( ( 100% - 40px) / 3 );
    }
}

@media (min-width: 1200px){
    .block-views-blocknews-block-1 .view-content .card-columns .card,
    .block-views-blockblogs-block-1 .view-content .card-columns .card,
    .block-views-blocknews-block-1 .view-content .card-columns .card-sizer,
    .block-views-blockblogs-block-1 .view-content .card-columns .card-sizer{
        width: calc( ( 100% - 60px) / 4 );
    }
}


.block-views-blocknews-block-1 .view-content .card-columns .card,
.block-views-blockblogs-block-1 .view-content .card-columns .card{
    border: none;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.block-views-blocknews-block-1 .view-content .card-columns .gutter-sizer,
.block-views-blockblogs-block-1 .view-content .card-columns .gutter-sizer{
    width: 20px;
}


.block-views-blocknews-block-1 .view-content .views-field-field-event-image img,
.block-views-blocknews-block-1 .view-content .card > a > img,
.block-views-blockblogs-block-1 .view-content .views-field-field-event-image img,
.block-views-blockblogs-block-1 .view-content .card > a > img,
.quicktabs-tabpage .view-id-front_news .view-content .views-field-field-event-image img{
    width: 100%;
    height: auto;
}

.quicktabs-tabpage .view-id-front_news .view-content .row {
  margin-bottom: 20px;
}

.block-views-blocknews-block-1 .view-content .views-field-nothing,
.block-views-blockblogs-block-1 .view-content .views-field-nothing{
    padding: 20px;
    background-color: #fff;
}

.quicktabs-tabpage .view-id-front_news .view-content .views-field-nothing{
    background-color: #fff;
    padding: 20px;
    /*height: 190px;*/
}
@media (min-width: 992px) and (max-width: 1199px){
    .quicktabs-tabpage .view-id-front_news .view-content .views-field-nothing{
        height: 230px;
    }
}

.block-views-blocknews-block-1 .view-content .views-field-title,
.block-views-blockblogs-block-1 .view-content .views-field-title,
.quicktabs-tabpage .view-id-front_news .view-content .views-field-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    padding-bottom: 10px;
}

.block-views-blocknews-block-1 .view-content .views-field-title a,
.block-views-blockblogs-block-1 .view-content .views-field-title a,
.quicktabs-tabpage .view-id-front_news .view-content .views-field-title a{
    color: var(--blue);
}

.block-views-blocknews-block-1 .view-content .views-field-title a:hover,
.block-views-blockblogs-block-1 .view-content .views-field-title a:hover,
.quicktabs-tabpage .view-id-front_news .view-content .views-field-title a:hover{
    text-decoration: underline;
}

.block-views-blocknews-block-1 .view-content .views-field-created,
.block-views-blockblogs-block-1 .view-content .views-field-created,
.quicktabs-tabpage .view-id-front_news .view-content .views-field-created{
    font-size: 14px;
    line-height: 1.36;
    color: #7a7a7a;
    margin-bottom: 5px;
}

.block-views-blocknews-block-1 .view-content .views-field-body,
.block-views-blockblogs-block-1 .view-content .views-field-body,
.quicktabs-tabpage .view-id-front_news .view-content .views-field-body{
    font-size: 14px;
    line-height: 1.36;
    color: #000000;
}


/* // views views front news and news */


/* impact areas land top block */

.imp-areas-land-wrap{
    background-image: url(/themes/ncon_bs/images/backgrounds/impact_areas_land_top_bg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    padding: 70px 0 80px;
}

.block-block-content6116405e-89b7-4cee-8614-5bcf06cde2da .imp-areas-land-title{
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 3px;
    color: #ffffff;
    margin-bottom: 45px;
}

.block-block-content6116405e-89b7-4cee-8614-5bcf06cde2da .imp-areas-land-title > span{
    display: inline-block;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
}

.block-block-content6116405e-89b7-4cee-8614-5bcf06cde2da .imp-areas-land-description{
    font-family: 'Libre Baskerville', serif;
    font-size: 22px;
    font-style: italic;
    line-height: 1.45;
    text-align: center;
    color: #ffffff;
    margin-bottom: 30px;
}


.block-block-content6116405e-89b7-4cee-8614-5bcf06cde2da .imp-areas-land-blocks-white-wrap{
    background-color: #fff;
    height: 180px;
    margin-bottom: 20px;
    padding: 0 20px 0 20px;
}


.block-block-content6116405e-89b7-4cee-8614-5bcf06cde2da .imp-areas-land-blocks-icon{
    text-align: center;
    height: 70px;
    vertical-align: middle;
}

.block-block-content6116405e-89b7-4cee-8614-5bcf06cde2da .imp-areas-land-blocks-icon .img-vertical-helper{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.block-block-content6116405e-89b7-4cee-8614-5bcf06cde2da .imp-areas-land-blocks-icon img{
    vertical-align: middle;
}

.block-block-content6116405e-89b7-4cee-8614-5bcf06cde2da .imp-areas-land-blocks-title{
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    text-align: center;
    margin-bottom: 10px;
}

.block-block-content6116405e-89b7-4cee-8614-5bcf06cde2da .imp-areas-land-blocks-desc{
  font-size: 14px;
  line-height: 1.36;
  text-align: center;
}

/* // impact areas land top block */



/* follow nutrition connect block */

.block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-block-wrap{
    background-color: var(--light-grey);
    padding: 70px 0;
}

.block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-title h1{
  font-family: 'Libre Baskerville', serif;
  font-size: 50px;
  font-style: italic;
  line-height: 1.2;
  color: var(--blue);
  padding-bottom: 20px;
}

.block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-body{
    font-family: Lato;
    font-size: 16px;
    line-height: 1.63;
}

.block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-body p{
    padding-bottom: 15px;
}

.block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-social-links{
    background-color: var(--blue);
    padding: 60px 0 40px;
}

@media (min-width: 1200px){
    .block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-social-links .row > div:first-child{
        padding-left: 140px;
    }

    .block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-social-links .row > div:last-child{
        padding-right: 140px;
    }
}

.block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-social-links .follow-nc-icon-wrap{
    text-align: center;
    padding-bottom: 5px;
}

.block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-social-links .follow-nc-link-wrap{
    text-align: center;
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    color: #ffffff;
    margin-bottom: 20px;
}

.block-block-content9b276655-0853-49eb-ac75-e5493a565cd3 .follow-nc-social-links .follow-nc-link-wrap a{
    color: #ffffff;
}


/* follow nutrition connect block */


/* newsletter block and form */

.newletter-block-wrap{
    background-color: var(--light-grey);
    padding: 70px 0;
}

.block-block-contentcc127e02-0d53-4ca3-bec5-e59a0ea0fdad .field--name-field-newsletter-title h1{
    color: var(--blue);
    padding-bottom: 20px;
}

.block-block-contentcc127e02-0d53-4ca3-bec5-e59a0ea0fdad .field--name-body p{
    font-family: Lato;
    font-size: 16px;
    line-height: 1.63;
    padding-bottom: 15px;
}

.webform-submission-newsletter-form{
    background-color: var(--green);
    padding: 30px;
}

.webform-submission-newsletter-form .form-actions{
    margin-bottom: 0;
}

@media (min-width: 1400px){
    .webform-submission-newsletter-form fieldset.form-item-name{
        display: inline-block;
        width: 351px;
        margin-right: 16px;
        margin-bottom: 0;
    }

    .webform-submission-newsletter-form fieldset.form-item-name > input{
        margin-top: 0;
        height: 43px;
    }

    .webform-submission-newsletter-form fieldset.form-item-email{
        display: inline-block;
        width: 351px;
        margin-right: 15px;
        margin-bottom: 0;
    }

    .webform-submission-newsletter-form fieldset.form-item-email> input{
        margin-top: 0;
        height: 43px;
    }

    .webform-submission-newsletter-form .form-actions{
        display: inline-block;
    }
}

.webform-submission-newsletter-form .form-actions{
    text-align: right;
}

.webform-submission-newsletter-form .form-actions > input{
    width: 98px;
    height: 43px;
    margin-top: -4px;
}


/* // newsletter block and form */


/* submit block and form */

.submit-yn-block-wrap{
    background-color: var(--light-grey);
    padding-top: 70px;
}

.submit-yn-block-wrap.accordion {
  background-color: #fff;
  padding-top: 110px;
  padding-bottom: 70px;
}

.block-content--share-your-knowledge .field--name-field-submit-title h1{
    color: var(--blue);
    padding-bottom: 20px;
}

.block-content--share-your-knowledge .field--name-field-description{
    font-family: 'Libre Baskerville', serif;
    font-size: 22px;
    font-style: italic;
    line-height: 1.32;
    padding-bottom: 30px;
}

.block-content--share-your-knowledge .field--name-body p{
    font-family: Lato;
    font-size: 16px;
    line-height: 1.63;
    padding-bottom: 15px;
}

.block-content--share-your-knowledge .field--name-body:last-child{
    padding-bottom: 45px;
}

.block-content--share-your-knowledge .field--name-body a {
  border-radius: 5px;
  border: 1px solid var(--black);
  background-color: var(--black);
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
  width: auto;
  cursor: pointer;
  color: #fff;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  line-height: 43px;
  display: inline-block;
  padding: 0 30px;
  text-align: center;
  vertical-align: middle;
}

.block-content--share-your-knowledge .field--name-body a:hover {
  border: 1px solid #000;
  background-color: #000;
}

.submit-yn-form-wrap{
    background-color: var(--green);
    padding: 50px 0 60px;
    color: #ffffff;
    display: none;
}

.submit-yn-block-wrap .text-formatted a {
  color: #348684;
  text-decoration: underline;
}

.submit-yn-block-wrap .text-formatted a:hover {
  text-decoration: none;
}

.submit-yn-form-wrap.accordion {
  display: block;
}

.submit-yn-form-wrap .field--name-field-submit-form > .field__label{
    font-family: 'Libre Baskerville', serif;
    font-size: 40px;
    font-style: italic;
    line-height: 40px;
    padding-bottom: 5px;
}

.submit-yn-form-wrap .field--name-field-submit-form > .field__desc{
    line-height: 1.63;
    padding-bottom: 20px;
}

.webform-submission-submit-form > fieldset > small.description > .webform-element-description{
    color: #ffffff !important;
    font-family: Lato;
    font-size: 13px;
    line-height: 1.46;
    padding-top: 3px;
}

.webform-submission-submit-form #ajax-wrapper .webform-file-button,
.submit-yn-form-wrap .webform-submission-submit-form .webform-file-button{
    cursor: pointer;
    text-decoration: underline;
    background-image: url(/themes/ncon_bs/images/icons/attach-file.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-right: 25px;
}

@media (min-width: 1400px){

    .webform-submission-submit-form > fieldset > label,
    .webform-submission-submit-form > .form-group > fieldset > label{
        width: 200px;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top;
        padding-top: 6px;
    }

    .webform-submission-submit-form > fieldset > input,
    .webform-submission-submit-form > .form-group > fieldset > input{
        width: 692px;
        display: inline-block;
        margin-top: 0;
    }

    .webform-submission-submit-form > fieldset > small.description > .webform-element-description{
        margin-left: 205px;
    }


    .webform-submission-submit-form > fieldset > .form-textarea-wrapper{
        width: 692px;
        display: inline-block;
    }

    .webform-submission-submit-form fieldset.form-item-contact-person-comp > label{
        vertical-align: top;
        width: 200px;
        padding-top: 5px;
    }

    .webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive{
        display: inline-block;
    }

    .webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table{
        width: 692px;
        margin: 0;
    }

    .webform-submission-submit-form fieldset.form-item-supporting-documents-and-other-resources-{
        width: 600px;
        display: inline-block;
    }
    .webform-submission-submit-form fieldset.form-item-supporting-documents-and-other-resources- .form-textarea-wrapper{
        width: 336px;
    }

    .webform-submission-submit-form #ajax-wrapper{
        vertical-align: top;
        display: inline-block;
    }

}

.webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table,
.webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table > tbody,
.webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table tr,
.webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table td {
    border: none;
    background-color: transparent;
    padding: 0;
}

.webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table > thead{
    display: none;
}

.webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table tr + tr{
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}

.webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table tr + tr td{
    padding-top: 15px;
}

.webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table tr:last-child td > fieldset:last-child{
    margin-bottom: 0;
}

.webform-submission-submit-form fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table tr td > fieldset > input {
    margin-top: 0;
}

.webform-submission-submit-form fieldset.form-item-contact-person-comp .webform-multiple-add{
    text-align: right;
}

.webform-submission-submit-form fieldset.form-item-contact-person-comp .webform-multiple-add > input{
    border: none;
    background: none;
    padding: 0 10px 0 0;
    text-decoration: underline;
    font-weight: normal;
}

.webform-submission-submit-form fieldset.form-item-contact-person-comp .form-item-contact-person-comp-add-more-items > input{
    display: none;
}

.webform-submission-submit-form fieldset.js-form-item-summary- .text-count-wrapper{
    text-align: right;
}

.webform-submission-submit-form fieldset.js-form-item-summary- .webform-element-description > ol{
    padding-top: 10px;
    padding-left: 12px;
}

.webform-submission-submit-form fieldset.js-form-item-summary- .webform-element-description > ol li{
    padding-left: 10px;
}

.webform-submission-submit-form .form-actions{
    text-align: right;
}

.webform-submission-submit-form .form-actions > input{
    width: 130px;
    height: 43px;
    margin-top: -4px;
}


/* // submit block and form */


/* ask question block and form */

.ask-quest-block-wrap{
    background-color: var(--light-grey);
    padding: 70px 0;
}

.block-block-content02974be5-b80c-4e62-86eb-a0ed738bab82 .field--name-field-newsletter-title h1{
    color: var(--blue);
    padding-bottom: 20px;
}

.block-block-content02974be5-b80c-4e62-86eb-a0ed738bab82 .field--name-body p{
    font-family: Lato;
    font-size: 16px;
    line-height: 1.63;
    padding-bottom: 15px;
}

.webform-submission-ask-question-form{
    background-color: var(--green);
    padding: 30px;
}

.webform-submission-ask-question-form fieldset.form-item-submit-your-question > label{
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
    color: #ffffff;
}

@media (min-width: 1400px){
    .webform-submission-ask-question-form fieldset.form-item-name{
        display: inline-block;
        width: 351px;
        margin-right: 16px;
        margin-bottom: 0;
    }

    .webform-submission-ask-question-form fieldset.form-item-name > input{
        margin-top: 0;
        height: 43px;
    }

    .webform-submission-ask-question-form fieldset.form-item-email{
        display: inline-block;
        width: 351px;
        margin-right: 15px;
        margin-bottom: 0;
    }

    .webform-submission-ask-question-form fieldset.form-item-email> input{
        margin-top: 0;
        height: 43px;
    }

    .webform-submission-ask-question-form .form-actions{
        display: inline-block;
        margin-bottom: 0;

    }
}

.webform-submission-ask-question-form .form-actions{
    text-align: right;
}

.webform-submission-ask-question-form .form-actions > input{
    width: 98px;
    height: 43px;
    margin-top: -4px;
}

/* // ask question block */



/* about guiding principles block */

.guid-princ-block-wrap{
    background-color: var(--light-grey);
    padding-top: 70px;
}

.guid-princ-block-wrap a{
    color: var(--green);
}

.guid-princ-block-wrap a:hover{
    text-decoration: underline;
}


.guid-princ-title h1{
    font-family: 'Libre Baskerville', serif;
    font-size: 50px;
    font-style: italic;
    line-height: 1.2;
    color: var(--blue);
    padding-bottom: 10px;
}

@media (max-width: 575px){
    .guid-princ-title h1{
        font-size: 40px;
    }
}

@media (max-width: 400px){
    .guid-princ-title h1{
        font-size: 30px;
    }
}

.guid-princ-desc{
    font-family: 'Libre Baskerville', serif;
    font-size: 22px;
    font-style: italic;
    line-height: 1.32;
    padding-bottom: 25px;
}

.guid-princ-body{
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 25px;
}

.guid-princ-body > ol{
    padding-left: 25px;

}

.guid-princ-body > ol > li{
    padding-left: 30px;
    padding-bottom: 20px;
}

/* // about guiding principles block */


/* about resource type block */

.block--block-content--basic--about-resource-type .about-res-type-block-wrap{
    padding: 50px 0;
    background-color: var(--green);
    color: #fff;
}

.block--block-content--basic--about-resource-type .about-res-type-head{
    font-family: 'Libre Baskerville', serif;
    font-size: 22px;
    font-style: italic;
    line-height: 1.32;
    border-bottom: 2px solid #fff;
    padding: 0 20px 10px;
    white-space: nowrap;
}

.block--block-content--basic--about-resource-type .about-res-type-body-wrap{
    border-bottom: 2px solid #fff;
}

.block--block-content--basic--about-resource-type .about-res-type-body{
    justify-content: space-between;
    padding: 20px;
    font-size: 17px;
    line-height: 1.59;
    display: flex;
}


.block--block-content--basic--about-resource-type .about-res-type-body img{
    width: 94px;
    min-width: 94px;
    height: 94px;
}


/* // about resource type block */


/* about resource glossary block */

.block-content--about-resource-glossary .about-res-gloss-block-wrap {
    padding: 40px 0 60px;
}

.block-content--about-resource-glossary .about-res-gloss-body-wrap{
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 2px solid #e8e8e8;
}

.block-content--about-resource-glossary .about-res-gloss-body{
    display: flex;
    align-items: center;
}

.block-content--about-resource-glossary .about-res-gloss-body span{
    margin-left: 15px;
    line-height: 1.69;
}

.block-content--about-resource-glossary .about-res-gloss-desc-wrap{
    line-height: 1.63;
}


/* // about resource glossary block */



/* cookie compliance banner */

.eu-cookie-compliance-banner{
    /*height: 100%;*/
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content {
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 70px;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message{
    display: flex;
    max-width: 100%;
    align-items: center;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message p{
    font-size: 14px;
    font-weight: normal;
}

@media (max-width: 575px) {
    .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message p{
        font-size: 12px;
        line-height: 1.2;
    }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message a{
    color: var(--green);
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message a:hover{
    text-decoration: underline;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons{
    display: flex;
    max-width: 100%;
    margin: 0;
    align-items: center;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button{
    border-radius: 5px;
    background-color: var(--green);
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding: 8px 16px;
    margin: 0 20px 0 0;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:hover{
    background-color: #245d5c;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button{
    background-image: url(/themes/ncon_bs/images/icons/close-icon.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: transparent;
    height: 25px;
    width: 25px;
    margin: 0;
    padding: 0;
    border: none;
    text-shadow: none;
    box-shadow: none;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button:hover{
    background-image: url(/themes/ncon_bs/images/icons/close-icon-hover.svg);
}

/* // cookie compliance banner */





footer.site-footer{
    padding: 0;

}

footer.site-footer .content a, footer.site-footer .content a.is-active{
    color: #c1c1c1;
}

footer.site-footer .block{
    border: none;
    padding: 0;
    margin: 0;
}

/*
.site-footer__bottom .region,
.site-footer__bottom{
    margin-top: 0;
    border: none;
}
*/



/* block middlefooter */

footer.site-footer .site-footer-top{
    background-color: var(--black);
    /*width: 100%;*/
}

#block-middlefooter {
    padding: 75px 0;
}

#block-middlefooter .field--name-body > .row > .col:first-child{
    padding-left: 0;
}

#block-middlefooter .field--name-body > .row > .col:last-child{
    padding-right: 0;
}

#block-middlefooter .field--name-body .foot-terms .foot-address{
    margin-bottom: 40px;
}

#block-middlefooter .field--name-body .foot-terms > ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

#block-middlefooter .field--name-body .foot-terms > ul > li{
    font-size: 14px;
    line-height: 2.14;
    color: #c1c1c1;
}

#block-middlefooter .field--name-body .foot-terms > ul > li > a{
    color: #c1c1c1;
}

#block-middlefooter .field--name-body .foot-terms > ul > li > a:hover{
    color: #fff;
}

#block-middlefooter .field--name-body .foot-title{
    font-weight: bold;
}

#block-middlefooter .field--name-body .foot-body{
    padding-bottom: 10px;
}

#block-middlefooter .field--name-body .foot-title,
#block-middlefooter .field--name-body .foot-body{
    font-family: Lato;
    font-size: 13px;
    line-height: 1.62;
    color: #c1c1c1;
}

#block-middlefooter .field--name-body .foot-follow > span{
    display: inline-block;
    padding-right: 20px;
}

#block-middlefooter .field--name-body .foot-follow > span.label{
    vertical-align: top;
    padding-right: 15px;
    padding-top: 1px;
}

#block-middlefooter .field--name-body .foot-follow a.foot-link-icon{
    display: block;
    width: 20px;
    height: 20px;
}

#block-middlefooter .field--name-body .foot-follow a.twitter-icon{
    background: url(/themes/ncon_bs/images/icons/twitter-icon-footer.svg) no-repeat;
}

#block-middlefooter .field--name-body .foot-follow a.twitter-icon:hover{
    background: url(/themes/ncon_bs/images/icons/twitter-icon-footer-hover.svg) no-repeat;
}

#block-middlefooter .field--name-body .foot-follow a.linkedin-icon{
    background: url(/themes/ncon_bs/images/icons/linkedin-icon-footer.svg) no-repeat;
}

#block-middlefooter .field--name-body .foot-follow a.linkedin-icon:hover{
    background: url(/themes/ncon_bs/images/icons/linkedin-icon-footer-hover.svg) no-repeat;
}

#block-middlefooter .field--name-body .foot-follow a.facebook-icon{
    background: url(/themes/ncon_bs/images/icons/facebook-icon-footer.svg) no-repeat;
}

#block-middlefooter .field--name-body .foot-follow a.facebook-icon:hover{
    background: url(/themes/ncon_bs/images/icons/facebook-icon-footer-hover.svg) no-repeat;
}

#block-middlefooter .field--name-body .foot-follow a.youtube-icon{
    background: url(/themes/ncon_bs/images/icons/youtube-icon-footer.svg) no-repeat;
    width: 27px;
}

#block-middlefooter .field--name-body .foot-follow a.youtube-icon:hover{
    background: url(/themes/ncon_bs/images/icons/youtube-icon-footer-hover.svg) no-repeat;
}

/* // block middlefooter */

#views-bootstrap-resource-center-latest-block-1  .views-field-field-res-image > div,
#views-bootstrap-resource-center-latest-block-1  .views-field-field-res-image a,
#views-bootstrap-resource-center-latest-block-1  .views-field-field-res-image img
{
    height: 100%;
    display: block;
}

#views-bootstrap-resource-center-latest-block-1  .views-field-field-res-image img {
    width: auto;
}





footer .site-footer-bottom{
    background-color: var(--grey-black);
}

#block-bottomfooter{
    padding: 20px 0;
    text-align: center;
}

#block-bottomfooter .field--name-body p{
    margin: 0;
}

.field--name-field-answer-formatted a,
article.node--type-blog .field--name-field-quote-text-formatted a,
.field--name-field-accordion > .field__item .field--name-field-accordion-body-2 a,
.field--name-field-share-body-formatted a,
.field--name-field-about-grey a{
    color: #0563c1;
    text-decoration: underline;
}

/*.field--name-field-content > .field__item {*/
/*    width: 30%;*/
/*    float: left;*/
/*}*/

.field--name-field-image-slider {
    position: relative;
}

.paragraph--type--links-with-text {
    margin-bottom: 10px;
}

.field--name-field-link-with-text .gutter-sizer {
    width: 20px;
}

.field--name-field-link-with-text .card-sizer {
    width: calc((100% - 40px) / 3);
}

.field--name-field-link-with-text .field__masonry__item {
    width: calc((100% - 40px) / 3);
    background: var(--blue);
    color: white;
    padding: 20px 40px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}

.field--name-field-link-with-text .field--name-field-title {
    font-weight: bold;
}

.field--name-field-link-with-text a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -9999px;
}

@media (max-width: 1400px) {
    .node--type-page {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 767px) {
    .node--type-page {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .field--name-field-link-with-text .field__masonry__item {
        padding: 10px 20px;
    }
}

@media (max-width: 580px) {
    .field--name-field-link-with-text .field__masonry__item {
        width: calc((100% - 20px) / 2);
    }

    .field--name-field-link-with-text .card-sizer {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 350px) {
    .field--name-field-link-with-text .field__masonry__item {
        width: 100%;
    }

    .field--name-field-link-with-text .card-sizer {
        width: 100%;
    }

    .field--name-field-link-with-text .gutter-sizer {
        width: 0px;
    }
}

.view-people .view-content {
    margin-bottom: 40px;
}

.view-people .views-infinite-scroll-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
}

.view-people .views-row {
    flex: 0 0 calc((100% - 80px) / 4);
    box-sizing: border-box;
    margin-left: 20px;
    margin-top: 20px;
    border: none;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 1.36;
    color: #000000;
}

.view-people .views-row .views-field-title {
    color: var(--blue);
    font-family: 'Libre Baskerville', serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.26;
}

.view-people .views-row .views-group {
    padding: 1.25rem;
}

.path-posts #sidebar_first {
  margin-left: 0;
}

.path-posts .content .container > .row > .px-30p {
  padding: 0;
}

.path-posts #content {
  -ms-flex: 0 0 53%;
  flex: 0 0 53%;
  max-width: 53%;
}

.posts-people-page.path-posts #content, .materials-page #content {
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}

.materials-page #block-intro {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 15px 25px;
  margin-bottom: 20px;
  background: #fff;
  margin-top: 15px;
}

.field--name-field-material-file a {
  color: #348684;
}

.field--name-field-material-file a:hover {
  text-decoration: underline;
}

.materials-page h2 {
  color: #000;
}

#sidebar_first {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 20%;
  max-width: 20%;
}

#sidebar_second {
  -ms-flex: 0 0 27%;
  flex: 0 0 27%;
  max-width: 27%;
  order: 99;
  margin: 0;
}

#page #block-abouttopslider {
  margin-bottom: 0;
}

#page #block-views-block-front-news-block-2 {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0 15px;
  background: #fff;
}

#block-views-block-front-news-block-2 .content {
  padding: 0px 20px;
}

#block-views-block-front-news-block-2 .views-row {
  padding: 10px 0;
  border-top: 1px solid #ccc;
}

#block-views-block-front-news-block-2 .views-row a{
  color: var(--blue);
  font-style: italic;
}

#block-views-block-front-news-block-2 .views-row:first-child {
  border-top: none;
}

#page #block-views-block-front-news-block-2 h2 {
  background-color: #348684;
  color: #fff;
  padding: 10px 20px;
  text-shadow: none;
  line-height: inherit;
}

.view-people-page .view-content > div {
  flex-wrap: wrap;
  display: flex;
}

.view-people-page .views-row {
  width: calc(100% / 5 - 16px);
  margin-right: 20px;
  margin-bottom: 20px;
}



.view-people-page .card-sizer{
  width: calc(100% / 4 - 15px);
  display: block;
}


.view-people-page .gutter-sizer {
  width: 20px;
  display: block;
}


.view-people-page .views-row:nth-child(5n) {
  margin-right: 0;
}

.posts-people-page .guid-princ-block-wrap .justify-content-center > div.col-lg-11 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.view-people-page .views-row article {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  background: #ffffff;
  height: 100%;
}

.posts-people-page .guid-princ-block-wrap
{
  padding-top: 40px;
}

.view-people-page .views-row article img {
  width: 100%;
  height: auto;
}

.view-people-page .field--name-field-name, .view-people-page .user__email,
.view-people-page .field--name-field-organisation, .view-people-page .field--name-field-title,
.view-people-page .field--name-field-twitter-handle, .view-people-page .field--name-field-linkedin {
  padding: 0px 20px 0px;
  background-color: #fff;
}

.view-people-page .field--name-field-name
{
  font-family: 'Libre Baskerville', serif;
  font-size: 19px;
  font-style: italic;
  line-height: 1.26;
  margin-top: 20px;
  margin-bottom: 10px;
}

.view-people-page .field--name-field-organisation, .view-people-page .field--name-field-title, .view-people-page .field--name-field-twitter-handle,
  .view-people-page .field--name-field-linkedin, .view-people-page .user__email
{
  font-size: 14px;
  line-height: 1.36;
}

.view-people-page.page-group h3 {
  display: none;
}

.view-people-page .user__email {
  padding-bottom: 20px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.36;
  color: #000000;
  padding-top: 0;
}

.node--type-page .field--name-field-video .field--name-field-media-oembed-video,
.node--type-page .field--name-field-video .field--name-field-media-oembed-video iframe {
  width: 100%;
  max-height: 100%;
}

.node--type-page .paragraph--type--long-text a {
  color: var(--green);
}

.node--type-page .paragraph--type--long-text a:hover {
  text-decoration: underline;
}

.node--type-page .paragraph--type--long-text a#apply
{
  border-radius: 5px;
  background-color: #348684;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
  transition: .15s ease-in-out;
  -webkit-transition: .15s ease-in-out;
}

.node--type-page .paragraph--type--long-text a#apply:hover {
  background: #245d5c !important;
  text-decoration: none;
}

.flag-favorites a {
  text-indent: -9999px;
  display: block;
  width: 30px;
  height: 30px;
}

.action-flag a {
  background: url(/themes/ncon_bs/images/icons/save-icon.svg) no-repeat;
}

.action-unflag a, .action-flag a:hover {
  background: url(/themes/ncon_bs/images/icons/save-icon-hover.svg) no-repeat;
}

.view-materials {
  margin-top: 15px;
}

.node--type-materials {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 15px 25px;
}

.node--type-materials h2 {
  padding-top: 0;
  font-size: 30px;
}

.node--type-materials .node__meta .profile {
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 1400px) {
  .materials-page #content {
    padding-right: 15px;
  }
}

@media (max-width: 1250px) {
  .posts-people-page.path-posts #content {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    margin: 0;
  }

  .materials-page .views-exposed-form {
    padding-left: 70px;
  }

  .materials-page.path-posts #sidebar_first_opener {
    margin-top: 0;
  }

  .materials-page.path-posts main#content {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .posts-people-page.path-posts .content .container > .row > .px-30p {
    padding: 0 15px;
  }

  .posts-people-page .guid-princ-title h1 {
    margin-left: 70px;
  }

  .posts-people-page.path-posts #content .container {
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 860px) {
  .view-people-page .views-row {
    width: calc(100% / 4 - 12px);
    margin-right: 16px;
    margin-bottom: 16px;
  }

  .view-people-page .views-row:nth-child(5n) {
    margin-right: 16px;
  }

  .view-people-page .views-row:nth-child(4n) {
    margin-right: 0;
  }
}

@media (max-width: 620px) {
  .view-people-page .views-row {
    width: calc(100% / 3 - 10px);
    margin-right: 15px;
    margin-bottom: 15px;
  }

  .view-people-page .views-row:nth-child(5n) {
    margin-right: 15px;
  }

  .view-people-page .views-row:nth-child(4n) {
    margin-right: 15px;
  }

  .view-people-page .views-row:nth-child(3n) {
    margin-right: 0;
  }
}


@media (max-width: 460px) {
  .posts-people-page .guid-princ-title h1 {
    font-size: 25px;
  }
  .view-people-page .views-row {
    width: calc(100% / 2 - 8px);
    margin-right: 16px;
    margin-bottom: 16px;
  }

  .view-people-page .views-row:nth-child(5n) {
    margin-right: 16px;
  }

  .view-people-page .views-row:nth-child(4n) {
    margin-right: 16px;
  }

  .view-people-page .views-row:nth-child(3n) {
    margin-right: 16px;
  }

  .view-people-page .views-row:nth-child(2n) {
    margin-right: 0;
  }

  .materials-page .views-exposed-form {
    padding-left: 0;
    margin-top: 70px;
  }
}

@media (max-width: 330px) {

  .view-people-page .views-row {
    width: calc(100%);
    margin-right: 0px;
    margin-bottom: 15px;
  }
}

.view-people-page h3 {
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--blue);
  color: var(--blue);
  margin-bottom: 20px;
  line-height: 1.2em;
  font-size: 16px;
  padding-bottom: 10px;
  border-top: 1px solid var(--blue);
  padding-top: 10px;
}

.node--type-handbook h2 {
  color: inherit;
  font-size: 30px;
  line-height: 1.5;
}

.node--type-handbook .body-left{
  width: 44.75%;
  padding: 0;
  margin: 0;
  display: inline-block;
}

body.node--type-handbook.minimize:not(.path-priority-areas) .sticky  {
  top: 0;
}

.node--type-handbook .body-left .sticky {
  position: sticky;
  position: -webkit-sticky; /* Safari */
  top: 155px;
  background-color: #348684;
}

.node--type-handbook .node__content {
  display: flex;
}

.node--type-handbook .body-right{
  width: 55.25%;
  padding: 0;
  margin: 0;
  display: inline-block;
  position: relative;
  padding-top: 70px;
  border-top: 1px solid #ededed;
}

.node--type-handbook .body-right > div {
  width: calc( 100% - 70px );
  max-width: 740px;
  padding-left: 70px;
}

.node--type-handbook .field--name-field-files
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.node--type-handbook .body-left img {
  max-width: 300px;
  width: 100%;
}

.node--type-handbook .body-left .slick-slider-content {
  max-width: 300px;
  width: 100%;
  display: block;
  float: right;
  margin-right: 200px;
  padding-top: 106px;
  padding-bottom: 100px;
}

.node--type-handbook .slick-dots {
  bottom: -30px;
}

.node--type-handbook .get-access {
  margin-top: 55px;
  text-align: center;
}

.node--type-handbook .get-access.signup-done {
  visibility: hidden;
}

.node--type-handbook .get-access a {
  background-color: #323232;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  width: auto;
}

.node--type-handbook .get-access a:hover {
  background-color: #000;
  color: #fff;
  cursor: pointer;
}

.node--type-handbook .field--name-field-files > .field__item {
  flex: calc( (100% - 100px) / 3 );
  margin-right: 50px;
  flex-grow: 0;
  display: flex;
}

.node--type-handbook .field--name-field-files > .field__item:nth-child(3n) {
  margin-right: 0;
}

.paragraph--type--handbook {
  width: 100%;
  font-size: 14px;
  text-align: center;
  line-height: 1.43;
  margin-bottom: 40px;
}

.paragraph--type--handbook .field--name-field-quote {
  font-style: italic;
}

.paragraph--type--handbook img {
  width: 100%;
  height: auto;
}

.paragraph--type--handbook.disallowed-download img,
.paragraph--type--handbook.disallowed-download .field--name-field-quote,
.paragraph--type--handbook.disallowed-download .download-button,
.paragraph--type--handbook.disallowed-download .field--name-field-title
{
  opacity: 0.35;
}

.paragraph--type--handbook.allowed-download img {
  opacity: 1;
}

.paragraph--type--handbook .field--type-image {
  float: none;
  margin: 0;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  position: relative;
}

.paragraph--type--handbook .field--type-image:after
{
  content: "";
  background: url(/themes/ncon_bs/images/locked.png) center no-repeat;
  background-size: 80px;
  width: 80px;
  height: 80px;
  top: calc( 50% - 40px );
  right: calc( 50% - 40px );
  position: absolute;
}

.paragraph--type--handbook.allowed-download .field--type-image:after {
  content: unset;
}

.horizontal-grey-line {
  width: calc( 100% - 70px );
  margin-left: 70px;
  height: 2px;
  background-color: #ededed;
  margin-bottom: 44px;
  margin-top: 30px;
  max-width: 670px !important;
}

.download-button, a.download-button:not([href]):not([tabindex])
{
  background-color: #323232;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  width: auto;
  padding-right: 40px;
  margin-top: 10px;
  position: relative;
}

.allowed-download .download-button:hover {
  color: #fff;
  background-color: #000;
  cursor: pointer;
}

.disallowed-download .download-button:hover {
  color: #fff;
  text-decoration: none;
  cursor: default;
}

.download-button:after {
  content: "";
  background: url(/themes/ncon_bs/images/download_icon_active.png) center no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: calc( 50% - 10px );
  right: 10px;
  position: absolute;
}

#handbook-signup-form {
  width: calc( 100% - 70px );
  max-width: 670px;
  margin-left: 70px;
  clear: both;
  padding: 40px 35px;
  background-color: #345286;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 80px;
}

#handbook-signup-form .subtitle {
  margin-bottom: 15px;
}

#handbook-signup-form .form-type-textfield, #handbook-signup-form .form-type-email {
  width: calc( (100% - 10px) / 2 );
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

#handbook-signup-form .form-item-email input {
  margin-top: 0.25rem;
}

#handbook-signup-form > fieldset:nth-child(2n) {
  margin-right: 0;
}

#handbook-signup-form .form-check {
  clear: both;
  font-size: 14px;
  line-height: 1.86;
  padding-left: 0;
}

#handbook-signup-form .form-check input, #handbook-signup-form .form-check label {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  position: relative;
}

#handbook-signup-form .form-check label {
  margin-left: 10px;
  width: calc( 100% - 30px );
}

#handbook-signup-form .form-item-accept label {
  line-height: 1.3;
  padding: 7px 0;
}

#handbook-signup-form #edit-submit {
  float: right;
  margin-top: 10px;
  padding: 19px 15px;
  line-height: 1px;
}

.node--type-handbook.node--view-mode-full{
  padding-bottom: 0px;
}

.node--type-handbook .text-formatted a
{
  color: var(--green);
}

.node--type-handbook .text-formatted a:hover {
  text-decoration: underline;
}

.node--type-handbook .bottom-content {
  background-color: #f5f5f5;
  padding: 80px 0 100px 0;
}

.node--type-handbook .bottom-content .inner
{
  max-width: 1280px;
  margin: auto;
}

.node--type-handbook .bottom-content .inner .qa {
  width: 66%;
  margin-right: 20px;
  display: block;
  float: left;
  background-color: #fff;
  padding: 30px 35px 40px 35px;
}

.node--type-handbook .bottom-content .inner .qa .px-15p {
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
}

.node--type-handbook .bottom-content .inner .image-banner {
  width: calc( 34% - 20px );
  display: block;
  float: left;
}

.qa .field--name-field-top-label
{
  font-family: 'Libre Baskerville', serif;
  font-size: 30px;
  font-style: italic;
  line-height: 1.33;
  color: #345286;
}

.field--name-field-qa > .field__item {
  background-color: #f5f5f5;
  padding: 15px;
  margin-top: 5px;
  position: relative;
  padding-right: 50px;
}

/*.field--name-field-qa > .field__item:after*/
/*{*/
/*  color: #000;*/
/*  border-right: 2px solid currentcolor;*/
/*  border-bottom: 2px solid currentcolor;*/
/*  content: '';*/
/*  position: absolute;*/
/*  width: 13px;*/
/*  height: 13px;*/
/*  transform: rotate(-45deg);*/
/*  right: 20px;*/
/*  top: calc(50% - 5px);*/
/*}*/
.field--name-field-qa .field--name-field-question {
  position: relative;
}

.field--name-field-qa .field--name-field-question:after
{
  color: #000;
  border-right: 2px solid currentcolor;
  border-bottom: 2px solid currentcolor;
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  transform: rotate(-45deg);
  right: -25px;
  top: calc(50% - 5px);
}

/*.field--name-field-qa > .field__item.active:after*/
/*{*/
/*  transform: rotate(45deg);*/
/*}*/

.field--name-field-qa > .field__item.active .field--name-field-question:after
{
  transform: rotate(45deg);
}

.field--name-field-qa > .field__item:hover {
  cursor: pointer;
}

.field--name-field-qa > .field__item .field--name-field-answer,
.field--name-field-qa > .field__item .field--name-field-answer-formatted {
  display: none;
}

.qa-opener {
  width: 100%;
  padding: 15px;
  padding-right: 15px;
  padding-right: 50px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}

/*.field--name-field-qa > .field__item.active .field--name-field-answer {*/
/*  display: block;*/
/*}*/

.field--name-field-qa .field--name-field-question {
  font-size: 17px;
  line-height: 22px;
  font-style: italic;
  font-family: 'Libre Baskerville', serif;
}

.field--name-field-qa .field--name-field-answer, .field--name-field-qa .field--name-field-answer-formatted {
  margin-top: 20px;
  padding-bottom: 20px;
}

.bottom-content .image-banner {
  position: relative;
  color: #fff;
}

.bottom-content .image-banner .inner-image-banner {
  position: absolute;
  top: 50%;  /* position the top  edge of the element at the middle of the parent */
  left: 50%; /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%, -50%);
  width: calc( 100% - 60px );
  text-align: center;
}

.bottom-content .image-banner img {
  width: 100%;
  height: auto;
}

.node .bottom-content .field--type-image {
  float: none;
  margin: 0;
}

.bottom-content .field--name-field-about-label {
  font-size: 30px;
  text-align: center;
  line-height: 40px;
  font-style: italic;
  font-family: 'Libre Baskerville', serif;
}

.bottom-content .field--name-field-about-title {
  font-size: 12px;
  border-bottom: 3px solid #348684;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 35px;
  padding-bottom: 5px;
  display: inline-block;
}

.bottom-content .field--name-field-link {
  text-align: center;
  margin-top: 30px;
}

.bottom-content .field--name-field-link a {
  border-radius: 5px;
  padding: 10px 15px;
  background-color: #348684;
  color: #fff;
  display: inline-block;
  transition: .15s ease-in-out;
  -webkit-transition: .15s ease-in-out;
}

.bottom-content .field--name-field-link a:hover {
  background-color: #275d5c;
}

.bottom-content .overlay {
  opacity: 0.55;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.node--type-handbook .body-right > div.field--name-field-additional-resource {
  background-color: #e1e8ef;
  padding: 40px 30px 80px 70px;
  margin-left: 0;
  width: 100%;
  max-width: unset;
  margin-top: 20px;
}


.field--name-field-additional-resource .field__label {
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  display: block;
  margin-bottom: 10px;
  font-style: italic;
  font-family: 'Libre Baskerville', serif;
  max-width: 670px;
  width: 100%;
}

.field--name-field-additional-resource .field__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 670px;
  width: 100%;
}

.field--name-field-additional-resource > .field__item, .field--name-field-additional-resource > div > .field__item
{
  padding: 20px 20px 30px 20px;
  background-color: #fff;
  margin-right: 20px;
  margin-top: 20px;
  display: flex;
  flex: calc( (100% - 20px) / 2);
}

.field--name-field-additional-resource > .field__item:nth-child(2n), .field--name-field-additional-resource > div > .field__item:nth-child(2n) {
  margin-right: 0;
}

.field--name-field-additional-resource .field__item .field--name-field-title {
  font-style: italic;
  font-size: 19px;
  line-height: 24px;
  color: #345286;
  font-family: 'Libre Baskerville', serif;
}

.field--name-field-additional-resource .field__item .field--name-field-answer {
  margin-top: 11px;
  font-size: 14px;
  line-height: 19px;
}

.field--name-field-additional-resource .field__item .field--name-field-file a {
  background-color: #323232;
  color: #fff;
  padding: 10px 20px;
  padding-right: 20px;
  border-radius: 5px;
  display: inline-block;
  width: auto;
  padding-right: 40px;
  margin-top: 15px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
}

.field--name-field-additional-resource .field__item .field--name-field-link a {
  background-color: #323232;
  color: #fff;
  padding: 10px 20px;
  padding-right: 20px;
  border-radius: 5px;
  display: inline-block;
  width: auto;
  margin-top: 15px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
}

.field--name-field-additional-resource .field__item .field--name-field-file a:hover, .field--name-field-additional-resource .field__item .field--name-field-link a:hover {
  background-color: #000;
  text-decoration: none;
  outline: none;
}

.field--name-field-additional-resource .field__item .field--name-field-file a:after
{
  content: "";
  background: url(/themes/ncon_bs/images/download_icon_active.png) center no-repeat;
  background-size: auto;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: calc( 50% - 10px );
  right: 10px;
  position: absolute;
}

.field--name-field-additional-resource:after, .node--type-handbook .field--name-field-files:after
{
  content: "";
  clear: both;
  display: table;
}

@media (max-width: 1500px){
  .node--type-handbook .body-left .slick-slider-content {
    float: none;
    margin: auto;
  }
}

@media (max-width: 1200px){
  .download-button, a.download-button:not([href]):not([tabindex]) {
    padding: 7px 15px;
    font-size: 12px;
    padding-right: 40px;
  }

  .node--type-handbook .field--name-field-files > .field__item {
    flex: calc( (100% - 50px) / 3 );
    margin-right: 25px;
    flex-grow: 0;
  }
}

@media (max-width: 1100px){
  .node--type-handbook .field--name-field-files > .field__item {
    flex: calc( (100% - 50px) / 2 );
    margin-right: 50px;
    flex-grow: 0;
  }

  .node--type-handbook .field--name-field-files > .field__item:nth-child(3n) {
    margin-right: 50px;
  }

  .node--type-handbook .field--name-field-files > .field__item:nth-child(2n) {
    margin-right: 0px;
  }

  .download-button, a.download-button:not([href]):not([tabindex])
  {
    padding: 10px 20px;
    padding-right: 40px;
    font-size: 14px;
  }
}

@media (max-width: 900px){
  .node--type-handbook .node__content {
    display: block;
  }

  .node--type-handbook .body-left, .node--type-handbook .body-right {
    width: 100%;
    border-top: 0;
  }

  .node--type-handbook .body-right {
    padding-top: 20px;
  }

  .node--type-handbook .body-left .sticky {
    position: relative;
    top: unset;
  }

  .node--type-handbook .body-left .slick-slider-content {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 30px;
  }

  .node--type-handbook .field--name-field-files > .field__item {
    flex: calc( (100% - 100px) / 3 );
    margin-right: 50px;
    flex-grow: 0;
  }

  .node--type-handbook .field--name-field-files > .field__item:nth-child(2n) {
    margin-right: 50px;
  }

  .node--type-handbook .field--name-field-files > .field__item:nth-child(3n) {
    margin-right: 0px;
  }

  .node--type-handbook .body-right > div {
    max-width: unset !important;
    width: 90%;
    margin: auto;
    padding: 0;
  }

  #handbook-signup-form
  {
    max-width: unset !important;
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
    padding: 40px 5%;
  }

  .node--type-handbook .body-right > div.horizontal-grey-line {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .node--type-handbook .bottom-content .inner .qa {
    width: 100%;
    padding: 30px 5%;
  }

  .node--type-handbook .bottom-content .inner .image-banner {
    width: 100%;
  }

  .node--type-handbook .bottom-content {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .field--name-field-additional-resource .field__items, .field--name-field-additional-resource .field__label {
    max-width: unset;
  }

  .node--type-handbook .body-right > div.field--name-field-additional-resource {
    padding: 40px 5% 80px 5%;
  }

  #handbook-signup-form .form-type-textfield {
    width: 100%;
  }

  #handbook-signup-form .form-check label {
    line-height: 1.2;
  }

  #handbook-signup-form #edit-submit {
    margin-top: 15px;
  }
}

@media (max-width: 600px){
  .node--type-handbook .field--name-field-files > .field__item {
    flex: calc( (100% - 50px) / 2 );
    margin-right: 50px;
    flex-grow: 0;
  }

  .node--type-handbook .field--name-field-files > .field__item:nth-child(3n) {
    margin-right: 50px;
  }

  .node--type-handbook .field--name-field-files > .field__item:nth-child(2n) {
    margin-right: 0px;
  }
}

@media (max-width: 500px){
  .field--name-field-additional-resource > .field__item, .field--name-field-additional-resource > div > .field__item {
    margin-right: 0;
    flex: 100%;
  }
}

@media (max-width: 400px){
  .node--type-handbook .body-left .slick-slider-content {
    width: 70%;
  }
  .node--type-handbook .body-right > div {
    width: 90%;
  }

  .node--type-handbook .field--name-field-files > .field__item {
    flex: 100%;
    margin-right: 0;
    margin-left: 0;
    flex-grow: 0;
  }

  .node--type-handbook .field--name-field-files > .field__item:nth-child(3n) {
    margin-right: 0;
  }

  .node--type-handbook .field--name-field-files > .field__item:nth-child(2n) {
    margin-right: 0;
  }
}


/* ----------- Covid 19 -----------*/
.paragraph--type--banner-with-image {
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  height: 500px;
  overflow: hidden;
  position: relative;
}

.paragraph--type--banner-with-image .field--name-field-image, .paragraph--type--banner-with-image .field--name-field-image div {
  width: 100%;
  height: 100%;
  margin: 0;
  float: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.paragraph--type--banner-with-image .field--name-field-top-label > span {
  font-size: 12px;
  letter-spacing: 3px;
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 7px;
  border-bottom: 2px solid var(--green);
}

.paragraph--type--banner-with-image .darker-fade
{
  background-color: rgba(0, 0, 0, 0.5);
}

.grey-background.paragraph--type--blog-series {
  background-color: #f5f5f5;
}

.view-items-list .view-content .views-infinite-scroll-content-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.paragraph--type--blog-series .field--name-field-body, .view-items-list .view-content
{
  width: 100%;
  max-width: 1280px;
  margin: auto;
}

.view-items-list .views-row {
  width: calc((99.99% - 60px) * (3/12));
  margin-right: 20px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  margin-top: 20px;
  padding-bottom: 25px;
  position: relative;
}

.view-items-list, .view-resources-by-type {
  padding-bottom: 50px;
  margin-top: 10px;
}

.view-resources-by-type {
  margin-top: 27px;
}

.view-items-list .pager {
  margin-top: 43px;
  margin-bottom: 0;
}

.view-resources-by-type .pager {
  margin-top: 23px;
  margin-bottom: 0;
}

.view-items-list .views-row:nth-child(4n) {
  margin-right: 0;
}

.view-items-list img {
  width: 100%;
  height: auto;
}

.view-items-list .views-field-title, .view-items-list .views-field-field-author,
.view-items-list .views-field-body, .view-items-list .views-field-field-link {
  margin: 0 20px;
}

.view-items-list .views-field-title
{
  font-family: 'Libre Baskerville', serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.26;
  letter-spacing: normal;
  color: #345286;
  margin-top: 18px;
}

.view-items-list .views-field-body, .view-items-list .views-field-field-author {
  font-family: Lato;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #000000;
}

.view-items-list .link_placeholder {
  display: block;
  height: 14px;
  padding-bottom: 40px;
}

.view-items-list .views-field-field-author {
  color: #7a7a7a;
  margin-top: 10px;
}

.paragraph--type--blog-series .field--name-field-body {
  padding-top: 25px;
}

.paragraph--type--blog-series .field--name-field-body h3 {
  display: inline-block;
  line-height: 38px;
  margin: 0;
}

.node--type-custom-page article.node--type-interview .dates-and-links-wrap {
  margin-bottom: 60px;
}

.paragraph--type--blog-series .field--name-field-body p {
  font-size: 16px;
  line-height: 32px;
  font-style: italic;
  margin: 0;
}

.paragraph--type--blog-series .views-field-field-link, .view-resources-by-type .views-field-field-link
{
  font-family: Lato;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-top: 20px;
}

.paragraph--type--blog-series .views-field-field-link {
  position: absolute;
  left: 0;
  bottom: 29px;
}

.paragraph--type--blog-series .views-field-field-link a, .view-resources-by-type .views-field-field-link a {
  position: relative;
  margin-left: 35px;
}

.paragraph--type--blog-series .views-field-field-link a:before, .view-resources-by-type .views-field-field-link a:before
{
  width: 30px;
  content: " ";
  background-image: url(../images/icons/podcast.svg);
  position: absolute;
  left: -35px;
  top: -7px;
  height: 30px;
  background-size: contain;
}

.view-resources-by-type .views-field-link {
  padding-bottom: 20px;
}

.view-resources-by-type .views-group {
  position: unset;
}

.view-resources-by-type .views-field-field-link{
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.paragraph--type--additional-resources {
  padding-top: 60px;
}

.paragraph--type--additional-resources > div
{
  max-width: 1280px;
  margin: auto;
}

.paragraph--type--additional-resources .field--name-field-title {
  font-family: 'Libre Baskerville', serif;
  font-size: 30px;
  font-style: italic;
  line-height: 1.07;
  color: #000000;
  margin-bottom: 20px;
}

.node--type-custom-page .paragraph--type--simple-text a
{
  display: inline-block;
  border-radius: 5px;
  background-color: var(--green);
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  font-style: normal;
  font-family: Lato;
}

.node--type-custom-page .paragraph--type--simple-text h2 {
  font-size: 50px;
  color: #000000;
  margin-bottom: 25px;
  margin-top: 30px;
}

.node--type-custom-page .paragraph--type--simple-text a:hover {
  background-color: #245d5c;
}

.border-top-custom .container {
  border-top: 10px solid #348684;
}

article.node--type-custom-page .field--name-field-blog-sub-headline {
  border-bottom: 0;
}

article.node--type-custom-page .dates-and-links-wrap {
  border-top: 2px solid var(--grey);
}

@media (max-width: 1280px) {
  .node--type-custom-page .field--name-field-content .field__item .paragraph > div {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1200px){
  .field--name-field-pa-link .container, .paragraph--type--simple-text .container {
    max-width: unset;
  }
}



@media (max-width: 950px){
  .view-items-list .views-row {
    width: calc((99.99% - 20px) * (6 / 12));
  }

  .view-items-list .views-row:nth-child(2n) {
    margin-right: 0;
  }

  .node--type-custom-page .paragraph--type--simple-text h2 {
    font-size: 30px;
  }

  .field--name-field-pa-link .field__item {
    font-size: 14px;
  }
}

@media (max-width: 550px){
  .view-items-list .views-row {
    width: 100%;
    margin-right: 0;
  }

  .node--type-custom-page .paragraph--type--simple-text h2 {
    font-size: 20px;
  }
}

.paragraph--type--simple-text .px-30p {
  padding-left: 50px;
  padding-right: 50px;
}

.node--type-custom-page .col-lg-12 {
  padding: 0;
}

.node--type-custom-page .node--type-interview .container {
  max-width: 1320px;
  padding: 0;
}

.node--type-custom-page .node--type-interview .container > div {
  margin: 0 20px;
}

.node--type-custom-page .views-field-title a {
  color: #345286;
}
/*.paragraph--type--banner-with-image .paragraph--type--links-social a.save-icon {*/
/*  position: relative;*/
/*  background: url('/themes/ncon_bs/images/icons/save-icon-hover.svg') no-repeat;*/
/*}*/

.submit-yn-form-wrap {
  /*display: flex;*/
}

.submit-yn-form-wrap #contact_person_comp_table,
.submit-yn-form-wrap .form-type-textarea {
  display: inline-block;
  width: calc( 50% - 20px );
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  vertical-align: top;
}

.submit-yn-form-wrap .form-type-textarea {
  width: calc( 50% - 6px );
}

.submit-yn-form-wrap #contact_person_comp_table
{
  margin-right: 20px;
}

.submit-yn-form-wrap .webform-multiple-table,
.submit-yn-form-wrap fieldset.form-item-contact-person-comp > .webform-multiple-table-responsive table{
  width: 100%;
  margin-top: 0;
}

.submit-yn-form-wrap #edit-elements > #ajax-wrapper {
  display: block;
  width: 100%;
}

.path-get-involved .submit-yn-block-wrap .col-lg-9 {
  padding: 0 10px;
  max-width: 100%;
  width: 100%;
  -ms-flex: unset;
  flex: unset;
}

.submit-yn-form-wrap .description
{
  font-size: 13px;
  line-height: 19px;
  color: #fff !important;
}

.submit-yn-form-wrap #edit-contact-person-comp > label,
.submit-yn-form-wrap #edit-contact-person-comp--2 > label,
.submit-yn-form-wrap .webform-multiple-add{
  display: none;
}

.submit-yn-form-wrap .text-count-message
{
  font-size: 13px;
  line-height: 19px;
  color: #b5b5b5;
  position: absolute;
  top: -25px;
  right: 5px;
}

.submit-yn-form-wrap .form-control {
  height: 40px;
  margin-bottom: 20px;
}

.submit-yn-form-wrap .form-group {
  margin: 0;
}

.submit-yn-form-wrap textarea.form-control {
  height: 160px;
  margin-bottom: 10px;
}

.submit-yn-form-wrap #edit-submit,
.submit-yn-form-wrap .webform-button--submit {
  margin-right: 3px;
}

.submit-yn-form-wrap #ajax-wrapper .webform-file-button,
.submit-yn-form-wrap #ajax-wrapper--2 .webform-file-button {
  background-image: url(/themes/ncon_bs/images/icons/attach-file-black.png);
  background-size: 15px;
  width: 120px;
  height: 35px;
  border-radius: 5px;
  background-color: #f1f1f1;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  line-height: 35px;
  padding-left: 11px;
  background-position: center right 10px;
  padding-right: 30px;
}

.submit-yn-form-wrap #ajax-wrapper .webform-file-button:hover,
.submit-yn-form-wrap #ajax-wrapper--2 .webform-file-button:hover {
  background-color: #D9D9D9;
}

.submit-yn-form-wrap #edit-attach-files,
.submit-yn-form-wrap .form-managed-file
{
  position: relative;
}

.submit-yn-form-wrap #edit-attach-files #edit-attach-files-file-placeholder,
.submit-yn-form-wrap .form-managed-file .webform-managed-file-placeholder {
  position: absolute;
  top: -20px;
}

.submit-yn-form-wrap #edit-attach-files--description,
.submit-yn-form-wrap  .webform-element-description{
  max-width: 440px;
  width: 100%;
  margin-top: 10px;
}

.submit-yn-form-wrap .js-form-type-textarea .webform-element-description{
  max-width: unset;
}

.block-content--share-your-knowledge .content > div {
  display: block;
  float: left;
  width: 49.2%;
}

.block-content--share-your-knowledge .content > div.field--name-field-image {
  margin-right: 7.94%;
  width: 42.86%;
}

.block-content--share-your-knowledge .field--name-field-image img
{
  height: auto;
  width: 100%;
}

.block--block-content--accordeon .content {
  display: flex;
}

.block--block-content--accordeon .content .accordeon-left,
.block--block-content--accordeon .content .accordeon-right
{
  flex: 1;
}

.block--block-content--accordeon .content .accordeon-left {
  margin-top: -70px;
}

.block--block-content--accordeon .accordeon-right {
  padding-left: 20px;
}

.block--block-content--accordeon .field--name-field-title .field__item{
  font-family: 'Libre Baskerville', serif;
  font-size: 40px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 70px;
  letter-spacing: normal;
  color: var(--blue);
}

.block--block-content--accordeon  .field__label {
  display: none;
}

.block--block-content--accordeon li::marker {
  color: #348684;
}

.block--block-content--accordeon li {
  padding-left: 10px;
}

.block--block-content--accordeon .double-field-first {
  background-color: #f5f5f5;
  color: #345286;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-style: italic;
  font-size: 17px;
  font-family: 'Libre Baskerville', serif;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.block--block-content--accordeon .active, .block--block-content--accordeon .double-field-second {
  background-color: #F5F5F5;
}

.block--block-content--accordeon .double-field-first:hover {
  background-color: #D9D9D9;
}

/* Style the accordion panel. Note: hidden by default */
.block--block-content--accordeon .double-field-second {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  display: block;
}

.block--block-content--accordeon .active ~ .double-field-second {
  /*padding: 20px;*/
  /*box-shadow: 0px 1px 2px #ccc;*/
}

.block--block-content--accordeon .double-field-second .double-field-inner {
  padding: 20px;
}

.block--block-content--accordeon .double-field-first:after {
  float: right;
  content: url('../images/icons/accordion-plus-collapsed.svg');
}

.block--block-content--accordeon .active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
  content: url('../images/icons/accordion-minus-2.svg');
}

.accordeon-right .field__items > .field__item {
  margin-bottom: 10px;
}

.submit-yn-form-wrap textarea::placeholder,
.submit-yn-form-wrap input::placeholder
{
  color: #969696;
}

.webform-submission-submit-form > fieldset > small.description > .webform-element-description {
  margin-left: 0;
}

.webform-submission-submit-form > fieldset > .form-textarea-wrapper {
  width: 100%;
}

.webform-submission-submit-form .js-form-type-managed-file {
  margin-top: 10px;
}

@media (max-width: 980px){

  .block-content--share-your-knowledge .content > div.field--name-field-image {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 7%;
  }

  .block-content--share-your-knowledge .content > div.field--name-field-submit-title {
    display: inline-block;
    vertical-align: middle;
    float: none;
  }

  .block-content--share-your-knowledge .content > div.field--name-field-description, .block-content--share-your-knowledge .content > div.field--name-body {
    width: 100%;
    margin-top: 30px;
  }

  .block--block-content--accordeon .content {
    display: block;
  }

  .block--block-content--accordeon .accordeon-right {
    padding: 0;
    margin-top: 40px;
  }

  .submit-yn-form-wrap.accordion .row {
    margin: 0;
  }
}

@media (max-width: 768px){
  .submit-yn-form-wrap #contact_person_comp_table,
  .submit-yn-form-wrap .form-type-textarea{
    margin: 0;
    width: 100%;
  }

  .submit-yn-form-wrap #edit-attach-files, .submit-yn-form-wrap .form-managed-file {
    margin-top: 50px;
  }

  .block-content--share-your-knowledge .field--name-field-submit-title h1 {
    font-size: 32px;
  }

  .form-textarea-wrapper {
    position: relative;
    margin-top: 20px;
  }

  .submit-yn-form-wrap #edit-submit, .submit-yn-form-wrap .webform-button--submit {
    margin-top: 10px;
  }
}

@media (max-width: 400px){
  .submit-yn-block-wrap {
    padding-top: 50px;
  }

  .block-content--share-your-knowledge .content > div.field--name-field-image {
    display: block;
    margin: auto;
  }

  .block-content--share-your-knowledge .content > div.field--name-field-submit-title {
    display: block;
    width: 100%;
    margin-top: 20px;
  }

  .block-content--share-your-knowledge .content > div.field--name-field-submit-title h1 {
    padding-bottom: 0;
  }

  .block-content--share-your-knowledge .content > div.field--name-field-description {
    margin-top: 10px;
    padding-bottom: 0;
  }

  .block--block-content--accordeon .field--name-field-title .field__item {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 10px;
  }

  .submit-yn-form-wrap .field--name-field-submit-form > .field__label {
    font-size: 40px;
    line-height: 45px;
  }

  .submit-yn-form-wrap #edit-submit, .submit-yn-form-wrap .webform-button--submit {
    margin-top: 25px;
  }

  .submit-yn-form-wrap .text-count-message {
    display: none !important;
  }
}

.paragraph--type--image .field--name-field-image, .paragraph--type--image .field--name-field-image img {
  width: 100%;
  height: auto;
  margin: 0;
}

.path-get-involved .field--name-field-body img {
  max-width: 100%;
}

.path-get-involved .field--name-field-body a {
  display: block;
}

.paragraph--type--image {
  max-width: 1250px;
  margin: auto;
}

.paragraph--type--long-text a {
  color: var(--green);
}

.paragraph--type--long-text a:hover {
  text-decoration: underline;
}

/*#calendar-overlay {*/
/*  position: fixed;*/
/*  display: none;*/
/*  width: 100%;*/
/*  height: 463px;*/
/*  bottom: 0;*/
/*  z-index: 2;*/
/*  cursor: pointer;*/
/*  !*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); !* FF3.6-15 *!*!*/
/*  !*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); !* Chrome10-25,Safari5.1-6 *!*!*/
/*  !*background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*!*/
/*  !*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); !* IE6-9 *!*!*/
/*  background-image: linear-gradient(to bottom, rgba(245, 245, 245, 0), #f5f5f5);*/
/*}*/