/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 1.04
*/

/* -------------------------------- 

Main Components 

-------------------------------- */
#header-outer #social-in-menu.button_social_group {

    margin-top: -4px !important;
}


/** 
	### TIMELINE ###
*/
.icfa-timeline {
    min-height: 300px;
}

.icfa-timeline *::after, .icfa-timeline *::before {
    box-sizing: border-box;
}

.icfa-timeline a {
    color: #676767;
    text-decoration: none;
}

.icfa-timeline ul, .icfa-timeline li {
    list-style: none !important;
}

.js .cd-h-timeline__date::after {
    height: 15px; /*12px is default */
    width: 15px;
    bottom: -6px; /* 5px default */
    border-width: 3px;
}

.js .cd-h-timeline__line {
    height: 3px; /*default is 2px; */
}

.js .cd-h-timeline__navigation {
    border-width: 3px;
}

/**
	### Login/Logout ###
*/
.um-login.um-logout .um-misc-with-img {
    display: none;
}

.um-login.um-logout .um-misc-ul li {
    list-style-type: none;
}

.um-login.um-logout .um-misc-ul li:first-child {
    display: none;
}

.um-login.um-logout .um-misc-ul li:last-child a {
    font-size: 15px;
    border: none !important;
    display: block;
    width: 100%;
    line-height: 1em !important;
    padding: 16px 20px !important;
    text-decoration: none !important;
    text-align: center;
    text-transform: none !important;
    font-weight: normal !important;
    overflow: hidden;
    position: relative;
    transition: 0.25s;
    box-sizing: border-box;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    opacity: 1;
}

.um-login.um-logout .um-misc-ul li:last-child a:hover {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    transform: translateY(-3px);
    background: #4970ba;
    color: #fdfdfd;
}

@media screen and (max-width: 1000px) {
    .mobile-user-account > span {
        transform: scale(1.5);
        top: 18px;
    }
}

/**
  ### CALENDAR ###
*/
.fc-button-primary,
.fc-button-primary:disabled {
    margin-left: 5px !important;
    color: #fff;
    background-color: #888;
    border-color: #888;
}

.fc-button-primary:first-child {
    margin-left: 0px !important;
}

/* .fc-today-button, .fc-today-button:disabled  {
  margin-left: 10px !important; } */

.fc-button-primary:hover {
    color: #fff;
    background-color: #4970ba;
    border-color: #4970ba;
}

.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #4970ba;
    border-color: #4970ba;
}

.fc-button-primary:focus,
.fc-button-primary:not(:disabled):active:focus, .fc-button-primary:not(:disabled).fc-button-active:focus {
    /* box-shadow: 0 0 0 0.2rem rgba(73, 112, 186, 0.5); } */
    box-shadow: none;
}

.fc-event {
    border: 1px solid #4970ba;
}

.fc-event, .fc-event-dot {
    background-color: #4970ba;
}

/** hide scrollbar */
/* .fc-scroller {
  overflow-y: hidden !important; } */

/** hide item marker list view */
.fc-list-item-marker .fc-widget-content {
    visibility: hidden;
}

/** */
@media only screen and (max-width: 690px) {
    .fc-toolbar.fc-header-toolbar {
        font-size: 13px;
        flex-wrap: wrap;
    }

    .fc-toolbar.fc-header-toolbar > .fc-left {
        margin-bottom: 5px
    }
}

.calendarToggle {
    position: relative;
    top: -30px;
    left: 4px;
    float: right;
}

.calendarToggle:hover {
    color: #4970ba
}

.calendarToggle > i {
    transform: scale(1.2)
}

@media only screen and (max-width: 1000px) {
    .calendarToggle {
        left: 7px;
    }
}

.calendarToggle:before {
    content: 'Hide calendar';
}

.calendarToggle-text:before {
    content: 'Show calendar';
}

#icfa_calendar {
    overflow: hidden;
    /* transition: all 10.25s ease-in-out; */
}

.popper,
.tooltip {
    position: absolute;
    z-index: 9999;
    background: #4970ba;
    color: #fdfdfd;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    padding: 10px;
    text-align: center;
}

.style5 .tooltip {
    background: #fdfdfd;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #4970ba;
}

.style5 .tooltip .tooltip-arrow {
    border-color: #fdfdfd;
}

.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}

.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}

.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip-inner > span {
    font-size: 13px;
}

.eoi-form .wpcf7-radio {
    margin: 10px 0px 10px 0px;
    display: inline-block;
}

.eoi-form .grid > p {
    display: grid;
    grid-template-columns: max-content 1fr max-content 1fr;
    gap: 15px;
    margin-bottom: 25px;
}

@media only screen and (max-width: 1040px) {
    .eoi-form .grid > p {
        grid-template-columns: max-content 1fr;
    }
}

.eoi-form .wpcf7-radio span.first {
    margin: 0px;
}

.eoi-form .step-headline p {
    margin-bottom: 20px;
}

.eoi-form .question-label {
    display: inline-block;
    margin-top: 30px;
}

.fieldset-cf7mls-wrapper .fieldset-cf7mls {
    transition: none !important;
}

.wpcf7-acceptance span.wpcf7-list-item {
    margin-left: 0px;
}


.icfa_upload_form .icfa-upload-input {
    width: 80%;
    margin-top: 35px;
    margin-bottom: 10px !important;
}

.icfa_upload_form .wpcf7-not-valid-tip {
    background: transparent !important;
    box-shadow: none !important;
}

.icfa_upload_form .upload-info {
    display: block;
}

/* Notebook / Desktop */
@media only screen and (max-width: 48em) {
    .icfa_upload_form .icfa-upload-input {
        margin-bottom: 15px !important;
    }

    .icfa_upload_form .upload-info {
        display: block;
        margin-bottom: 30px;
    }
}

.hideme {
    display: none !important;
}

span.upload-step {
    font-weight: bold;
    font-size: 30px;
}

.step-intro-text {
    display: block;
    margin-top: 15px;
    margin-bottom: 35px;
    font-weight: bold;

}

.upload-info-text {
    background: green;
    border-radius: 5px;
    padding: 30px;
    width: 100%;
    background: rgba(73, 112, 186, 0.7);
    color: white;
}

.upload-successfull-msg {
    color: #27ae60;
    font-weight: bold;
}

.submit-info {
    float: left;
    width: 80%;
    color: red;
    font-weight: bold;
}

.already-uploaded-msg {
    color: #27ae60;
}

/* EOI-FORM Styles */

.template-btn {
    padding: 15px 22px !important;
    font-weight: bold;
    border: none;
    color: #4970ba;
    cursor: pointer;
    transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    width: auto;
    font-size: 12px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

#special-download {
    background-color: #e6e0e0 !important;
}

#special-download.nectar-button:hover {
    color: #4970ba;
}

.eoi-form .icfa-upload-input .wpcf7-not-valid-tip {
    margin-top: 42px !important;
}

.eoi-form #application-submit {
    padding: 15px 110px !important;
    background-color: #2fac66;
}

input.application-submit {
    background-color: #2fac66 !important;
}

.question-section .step-headline {
    margin-bottom: 0;
}

.question-section .step-headline h4 {
    color: #2fac66;
}

.question-section .question-label {
    color: #676767 !important;
    display: block;
}

.question-section .wpcf7-list-item.first {
    margin-left: -5px !important;
}

.eoi-form span.wpcf7-not-valid-tip {
    background: none !important;
}

.eoi-form .step-headline h4 {
    margin-top: 0;
}

.eoi-form .wpcf7-acceptance.wpcf7-not-valid {
    display: inline-block;
}

.eoi-form input[type="checkbox"] {
    margin-left: 0;
}

@media only screen and ( max-width: 383px ) {
    .eoi-form .icfa-upload-input {
        width: 100% !important;
    }

    .eoi-form .wps-form-column {
        width: 100%;
    }
}

/* Animated Checkbox */

.eoi-form input[type=checkbox] + .wpcf7-list-item-label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
}

.eoi-form input[type=checkbox] {
    display: none;
}

.eoi-form input[type=checkbox] + .wpcf7-list-item-label:before {
    content: "\2714";
    border: 2px solid #cecece;
    border-radius: 0.2em;
    display: inline-block;
    width: 1em;
    height: 1em;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 15px;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
}

.eoi-form input[type=checkbox] + .wpcf7-list-item-label:active:before {
    transform: scale(0);
}

.eoi-form input[type=checkbox]:checked + .wpcf7-list-item-label:before {
    background-color: #33ae69;
    border-color: #33ae69;
    color: #fff;
}

/* NEW COHORT STYLES */
.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid-2-big-left {
    display: grid;
    grid-template-columns: 1fr .3fr;
    gap: 50px;
}

.single-cohort .cc-main-content {
    min-height: calc(100vh - 243px - 80px);
}

.single-cohort .coolBeans {
    background-color: #4970BA;
    border-radius: .5rem;
}

.single-cohort .coolBeans > img {
    display: none;
}

.single-cohort .coolBeans:hover {
    background-color: #798eb7;
}

.single-cohort .result {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.single-cohort .result.honorary {
    color: #37AC68;
    align-items: center;
}

.single-cohort .result.honorary svg {
    margin-right: 10px;
}

.single-cohort .cohort-logo img {
    max-height: 100px;
    width: 100%;
    height: auto;
}

.single-cohort .result img {
    max-width: 100px;
    height: auto;
}

.single-cohort .mfp-iframe-holder .mfp-content, .mfp-inline-holder .mfp-content {
    max-width: 1400px;
}

.only-mobile {
    display: none;
}

.single-news-header .title {
    top: 100px;
}

.single-news-header .title .categories {
    margin-bottom: 15px;
}

.single-news-header a, .single-news-header a:hover {
    color: white;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
}

.single-news-header .title h2 {
    color: white;
    font-size: 38px;
    line-height: 38px;
    margin-bottom: 20px;
}

.short-line {
    width: 130px;
    height: 3px;
    background-color: #849EC2;
}

@media screen and (max-width: 1000px) {
    .grid-2-big-left:nth-of-type(2) {
        grid-template-columns: 1fr;
    }

    body .side-element {
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #E6E7EB;
        padding-bottom: 10px;
    }

    body .side-element.sdg {
        display: block;
        border-bottom: 0;
    }

    body .side-element .side-head, .side-element .side-head h2 {
        margin-bottom: 0;
    }

    .grid-2-big-left:nth-of-type(1) {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .grid-2-big-left:nth-of-type(1) .button.back-to {
        justify-self: right;
    }

    .grid-2-big-left:nth-of-type(1) .site-heading {
        flex-flow: column;
        gap: 15px;
    }

    .grid-2-big-left:nth-of-type(2) .post-area {
        order: 1;
    }

    .grid-2-big-left:nth-of-type(2) .post-area {
        display: flex;
        flex-flow: column;
    }

    .grid-2-big-left:nth-of-type(2) .post-area .nectar-video-box {
        order: 1;
    }
}

@media screen and (max-width: 600px) {
    .cohort-logo img {
        max-width: 250px;
        width: 100%;
        height: auto;
    }
}

.single-news-header .image {
    max-width: 566px;
    width: 100%;
    height: 374px;
    z-index: 11;
    justify-self: self-end;
    background-repeat: no-repeat;
    background-size: contain;
}

.cc-main-content {
    margin-top: 80px;
}

.icon-heading {
    color: #5076A9;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
}

.normal-white {
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
}

.image-border {
    border: 1px solid #C4C4C4;
    padding: 35px 23px;
    text-align: center;
}

.image-border img {
    width: 100%;
}

.side-element {
    margin-bottom: 50px;
}

.side-element .side-head {
    margin-bottom: 15px;
    min-width: 207px;
}

.side-element .side-head h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #676767;
}

.side-element > .result {
    font-size: 18px;
    line-height: 28px;
    color: #676767;
    font-weight: 700;
}

.element-head, .sustainable {
    display: grid;
    grid-template-columns: 24px 1fr;
    column-gap: 10px;
}

.sustainable {
    display: flex;
    column-gap: 10px;
    flex-wrap: wrap;
}

.sustainable img {
    max-width: 100px !important;
}

.element-head svg, .element-head h2 {
    margin-bottom: 0;
}

.download a {
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: black;
}

.download .single-download {
    padding: 10px 0;
    border-bottom: 1px solid #303C49;
}

.download .single-download:last-child {
    border-bottom: 0;
}

.site-heading {
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 50px;
}

.cc-main-content .date {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #5076A9;
    min-height: 66px;
}

.separator {
    height: 1px;
    background-color: #303C49;
    margin: 5px 0;
}

.small-line {
    height: 2px;
    width: 43px;
    background-color: #87A0C3;
    margin: 5px 0;
}

.middle-line {
    margin: 0 8px;
}

.back-to {
    margin-bottom: 70px;
}

.additional {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 88px;
}

.region {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #5076A9;
}

.additional .press a {
    padding-bottom: 5px;
    border-bottom: 1px solid #7996BC;
}

.additional .share-buttons {
    text-align: right;
}

.additional .share-buttons a {
    margin-left: 8px;
}

.additional .share-buttons a i {
    color: grey;
    font-size: 20px;
    transition: color .2s ease-in-out;
}

.additional .share-buttons a i:hover {
    color: #2f3b48;
    font-size: 20px;
}

.element-head svg {
    vertical-align: middle;
    margin-right: 5px;
}

.ml-25 {
    margin-left: 25px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}


/* Ultimate Member */

.um .um-form .um-button {

    background: #4970ba !important;
}