/* ul {
    color: var(--finsia-blue);
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
}
.JoinPage ul li {
    list-style-image: url('https://cdn.prod.website-files.com/663bfa798c04835ffe20f694/66846c5bc6a5e1c744099f51_tick-blue.svg');
}

li::marker {
    font-size: 2.6em;
    line-height: 0.2;
} */


.header-section .section-heading {
    color: var(--white)
}

.header-section.finsiablue .section-heading {
    color: var(--yellow)
}
.header-section:not(.finsiablue) .button-3 {
    background-color:var(--finsia-blue);
    color:var(--white)
}

.cta-button-3{
    background-color: var(--yellow);
    color: var(--finsia-blue);
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 700;
    transition: all .2s;
}

.header-section.finsiablue h1.page-heading,
.header-section.finsiablue .header-para {
    color: var(--white)
}

/*banner slides*/
.w-slide.htmx-swapping {
    opacity: 0;
}
.w-slide.htmx-added {
    opacity: 0;
}
.w-slide {
    opacity:1;
    transition:all 0.6s;
}


/*Transition the banner content*/
.hero-items-v2 {
    transition:all 0.6s ease-in-out;
    opacity:1;
}
.w-slide.htmx-request .hero-items-v2 {
    opacity:0;
    transition-delay: 0.8s;
}

.w-slide.htmx-added .hero-items-v2 {
    transform: translateY(70px);
    opacity:1;
}


/*quick-stack*/
.quick-stack-3-copy {
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
}



/*elements*/
div.element img {
    height: auto;
}

/* Content Element */
.dnadesign__elemental__models__elementcontent img.image {
    border: 0;
}

.text-center{
    text-align: center;
}

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

.text-left {
    text-align: left;
}

.text-justify {
    text-align: justify;
}

.cta-heading{
    text-align: center !important;
}

div.ss-htmleditorfield-file.embed {
    height: 565px;
    width: 1000px;
    float: none;
    clear: both;
    position: relative;
}
div.ss-htmleditorfield-file.embed iframe  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    div.ss-htmleditorfield-file.embed {
        height: 100%;
        float: none;
        clear: both;
        width: 100% !important;
        position: relative;
        padding-bottom: 56.25%;
    }
    div.ss-htmleditorfield-file.embed iframe  {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

}

/*.banner-element*/
.banner-element .quick-stack-3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}


/*MediaListElement*/
.media-list-element-resource-card {
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
}

/* copied from inlined css in webflow */
.photo {
    clip-path: polygon(0 0, 100% 6vw, 100% 100%, 0% 100%);
}
.slant {
    clip-path: polygon(0 0, 100% 6vw, 100% 100%, 0% 100%);
}
.slantbottom {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 83%);
}

@media screen and (min-width: 767px) {
    .slantleft {
        clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    }

}

@media screen and (max-width: 767px) {
    .slantleft {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 83%);
    }

}

/*MailchimpElement*/
div.sign-up-container {
    display: flex;
    width: 100%;
    align-items: center;
}
.form-elements {
    width: 100%;
}

div.form-elements-wrapper {
    width: 100%;
    display: flex;
}

div.sign-up-container div.sign-up-email {
    margin: 0;
}

div.sign-up-container input.sign-up-email {
    color: var(--white);
    text-align: right;
    background-color: #ffffff1a;
    border: 1px solid #fff6;
    width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
    padding: 0.5rem 0.75rem;
    line-height: 1.42857;
    display: block;
}
div.sign-up-container input.sign-up-email:placeholder {
    color: #ffffff70;
    text-align: right;
    text-transform: none;
}
div.sign-up-container input.sign-up-email:focus {
    border-color: var(--white);
    outline: 0;
}

div.sign-up-container input.sign-up-button {
    cursor: pointer;
    background-color: var(--yellow);
    color: var(--finsia-blue);
    text-align: center;
    text-transform: uppercase;
    margin-top: 0.625rem;
    height: 2.4rem;
    margin-left: 0.65rem;
    font-weight: 700;
    transition: all .2s;
    width: 100px;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}
div.sign-up-container input.sign-up-button:hover {
    transform: translate(0, -2px);
    box-shadow: 1px 2px 7px #0003;
}


/*FOOTER:*/

.footer-quick-stack {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
/* PAGINATION */
nav.pagination {
    display: flex;
    justify-content: end;
}
nav.pagination ul {
    list-style: none;
}
nav.pagination li {
    display: inline-block;
}

/* ACCORDION */
div.fs_accordion-2_item .fs_accordion-2_content {
    visibility: hidden;
    opacity: 0;
    max-height: 0px;
}
div.fs_accordion-2_item.show .fs_accordion-2_content {
    visibility: visible;
    opacity: 1;
}
div.fs_accordion-2_content {
    transition: max-height .2s;
    overflow: hidden;
}
.fs_accordion-2_icon.w-icon-dropdown-toggle {
    transition:transform 0.2s;
}
div.fs_accordion-2_item.show .fs_accordion-2_icon.w-icon-dropdown-toggle {
    transform:rotate(180deg)
}

/* TESTIMONIALS */
section.testimonial-element p.testimonial-quote {
    max-width: 80vw;
    padding-right: 100px;
    padding-left: 100px;
}
div.splide__track {
    padding-bottom: 60px;
    max-width: 90vw;
}
ul.splide__pagination.finsia-pagination {
    padding-bottom: 100px;
    position: relative;
}
button.splide__pagination__page.finsia-pagination-page {
    transform: scale(1.5);
    background: rgba(0, 30, 85, 0.3);
}
button.splide__pagination__page.finsia-pagination-page.is-active {
    background: #001e55;
}
button.splide__arrow.finsia-testimonial-arrow {
    background: none;
    width: 3em;
}


/*utilities created from webflow ids*/


.grid-2fr-1fr {
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;

}

@media screen and (max-width: 600px) {
    .grid-2fr-1fr{
        grid-template-columns: none !important;
    }

    div.sign-up-container input.sign-up-email {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {

    .media-list-element-resource-card {
            grid-template-columns: none;
    }
    div.sign-up-container input.sign-up-email {
        width: 100%;
    }
}

@media screen and (min-width: 767px) {
    div.sign-up-container input.sign-up-email {
        width: 18rem;
    }
}

/* COLUMN ELEMENTS */
div.column-container {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}
div.column-container.three-columns {
    grid-template-columns: 1fr 1fr 1fr;
}
div.column-container.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
div.column-container.columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
}
div.column-container.columns-2 {
    grid-template-columns: 1fr 1fr;
}
div.column-container.columns-1 {
    grid-template-columns: 1fr;
}
@media screen and (max-width: 767px) {
    div.column-container {
        grid-template-columns: 1fr;
    }
    div.column-container.three-columns {
        grid-template-columns: 1fr;
    }
    div.column-container.columns-4 {
        grid-template-columns: 1fr;
    }
    div.column-container.columns-3 {
        grid-template-columns: 1fr;
    }
    div.column-container.columns-2 {
        grid-template-columns: 1fr;
    }
    div.column-container.columns-1 {
        grid-template-columns: 1fr;
    }
}

/* FORM ELEMENT */
div.form-element__form form.userform input:not(.action),
div.form-element__form form.userform textarea {
    width: 100%;
}
div.form-element__form form.userform input.action {
    border: 1px solid var(--finsia-blue);
    background-color: var(--finsia-blue);
    color: var(--white);
    text-transform: uppercase;
    font-weight: 700;
    transition: all .2s;
    line-height: inherit;
    cursor: pointer;
    padding: 9px 15px;
    display: inline-block;
}
div.form-element__form form.userform input.action:hover {
    background-color: var(--white);
    color: var(--finsia-blue);
    box-shadow: 1px 2px 7px #0003;
}


/* Gallery element - Fancylightbox */

  .fancybox__caption p{
    width: 800px;
    padding: 0px ;
    color: white !important;
   /*  position: absolute;
    top: 0% !important;
    right: 0% !important;
    bottom: 0% !important;
    left: 0% !important;
    transform: translate(50%, 50%) !important; */
  }

  .fancybox-image {
    position: absolute !important;
  }
  .fancybox__content{
    margin-top: 20px !important;
    width: 800px !important;
    height: 800px !important;
    position: relative;
  }

  .fancybox__thumbs {
    --f-thumb-width: 50px !important;
    --f-thumb-height: 50px !important;
    --f-thumb-border-radius: 0px !important;
    height: 100%;
    left: 0%;
    transform: translate(-80%);

}

.f-thumbs__slide__img {
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 200% !important;
    height: 200% !important;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover;
    border: 10px !important;
    border-radius: var(--f-thumb-border-radius);
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
     --f-thumb-clip-width: 50px !important;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
}

/*   .fancybox__thumbs.is-modern {

     --f-thumb-clip-width: 40px !important;
  } */

/*   .f-thumbs__slide{
    --progress:0 !important;
  } */

   .f-thumbs__slide__button{

    border: 50px !important;
    outline: 12px !important;
    outline-color: #ededed !important;
  }

  .f-thumbs__track{
    --width: 378 !important;
   /*  transform: matrix(1, 0, 0, 1, 0, 0) !important; */
    /* or absolute, depending on your layout */
    left: 50%;
    bottom: 0;
    transform: translateX(150%) !important;
    top: 50%; right: 50%;
  }

/* Logolist element */
section.logolist-element div.splide__slide img {
    object-fit: contain;
}
button.splide__arrow.finsia-logolist-arrow {
    background: none;
    width: 3em;
}
button.splide__arrow.finsia-logolist-arrow img {
    opacity: 0.3;
}
@media screen and (min-width: 768px) {
    section.logolist-element div.splide {
        display: none;
    }
}

/* Image Column Call To Action Element*/

.imgcol-callaction .button-3{
    margin-top: auto !important;
}
.imgcol-callaction p{
    margin-bottom: 20px !important;
}

.imgcol-callaction h2{
    margin-top: 40px;
}

.imgcol-callaction h5, h3{
    overflow: hidden;
    word-break: break-word;
}

.section-appealelement .container-v4{
    padding-bottom: 0;
    padding-top: 0;

}

.imgcol-callaction .container-v4{
    padding-top: 0;
    padding-bottom: 40px;
}

/* Course page */
section.banner-element.dark-blue h1.page-heading,
section.banner-element.dark-blue p.header-para {
    color: white;
}
.imgborder .image{
    border: 0px;
}


/* Events Page */
.small-header-section.orange {
    background-color: var(--orange);
}
section.header-section.finsiablue div#countdown {
    color: var(--white);
}
section.section-filter-results-v2 div.date-box.event {
    background-color: hsla(40.392156862745104, 100.00%, 70.00%, 1.00);
}
section.section-filter-results-v2 div.date-box.event .date-number,
section.section-filter-results-v2 div.date-box.event .date-month {
    color: hsla(219.52941176470586, 100.00%, 16.67%, 1.00);
}

/* Resources Page */
section.header-section.finsiablue .section-heading.green {
    color: var(--green);
}
#myVideo iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}
@media screen and (max-width: 991px) {
    section#ResourcesHolder div.right-image-div.slantleft.small-header, .right-image-div.slantleft.banner-2 {
        display: none;
    }
}

/* Column Content Element */
.colimg p .image{
    object-fit: cover !important;
    object-position: 50% 0%;
    height: 300px !important;
    border: none !important;
    transition: all .2s;
}

/* Form Element */
section.form-element form {
    max-width: 500px;
}
section.form-element form div.field {
    margin: 0;
}
section.form-element div.form-light form .text-field {
    color: var(--white);
    text-align: right;
    background-color: #ffffff1a;
    border: 1px solid #fff6;
    margin-bottom: 20px;
}
section.form-element div.form-light form .text-field:focus {
    border-color: var(--white);
}

section.form-element div.form-light form .text-field::placeholder {
    color: #ffffff70;
    text-align: right;
    text-transform: none;
}
section.form-element div.form-light form .text-field.b {
    border-style: solid;
    border-color: var(--finsia-blue);
}
section.form-element div.form-light form .text-field.b::placeholder {
    color: #001d5599;
}
section.form-element div.form-light form .text-field.f {
    border-color: #ffffff47;
}
section.form-element div.form-light form .text-field.s {
    border-style: solid;
    border-color: var(--finsia-blue);
}
section.form-element div.form-light form .text-field.s::placeholder {
    color: #001d5599;
}
section.form-element div.form-light form .text-field.hero-c {
    border-style: solid;
    border-color: #fff6;
}
section.form-element div.form-dark form .select-field {
    color: #fff6;
    background-color: #ffffff1a;
    border: 1px solid #fff6;
}
section.form-element div.form-dark form .dropdown-select-field {
    border: 1px solid var(--finsia-blue);
    /*color: #fff6;*/
    background-color: #fff;
    width: 100%;
    margin-bottom: 20px;

}
section.form-element div.form-dark form .dropdown-select-toggle {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}
section.form-element div.form-dark form .dropdown-select-text,
section.form-element div.form-dark form .dropdown-select-icon {
    color: var(--finsia-blue);
}
section.form-element div.form-dark form .text-field {
    border: 1px solid var(--finsia-blue);
    color: var(--finsia-blue);
    text-align: right;
    background-color: #fff;
    margin-bottom: 20px;
}
section.form-element div.form-dark form .text-field:focus {
    border-color: var(--white);
}
section.form-element div.form-dark form .text-field::placeholder {
    color: var(--finsia-blue);
    text-align: right;
    text-transform: none;
}
section.form-element div.form-dark form .text-field.b {
    border-style: solid;
    border-color: var(--finsia-blue);
}
section.form-element div.form-dark form .text-field.b::placeholder {
    color: #001d5599;
}
section.form-element div.form-dark form .text-field.f {
    border-color: #ffffff47;
}
section.form-element div.form-dark form .text-field.s {
    border-style: solid;
    border-color: var(--finsia-blue);
}
section.form-element div.form-dark form .text-field.s::placeholder {
    color: #001d5599;
}
section.form-element div.form-dark form .text-field.hero-c {
    border-style: solid;
    border-color: #fff6;
}

section.form-element div.form-light form .dropdown-select-toggle {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}
section.form-element div.form-light form .dropdown-select-text,
section.form-element div.form-light form .dropdown-select-icon {
    color: #fff6;
}
section.form-element div.form-light form .button-examples {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 60px;
}
section.form-element div.form-light form .dropdown-select-field {
    color: #fff;
    background-color: #ffffff1a;
    border: 1px solid #fff6;
    width: 100%;
    margin-bottom: 20px;
}
section.form-element form nav.btn-toolbar input {
    line-height: inherit;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
    background-color: var(--yellow);
    color: var(--finsia-blue);
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 700;
    transition: all .2s;
}
section.form-element div.form-dark form nav.btn-toolbar input {
    background-color: var(--finsia-blue);
    color: var(--white);
}

/* Content Tabs Element */
section.content-tabs-element a.tab-link {
    color: var(--finsia-blue);
}
section.content-tabs-element a.tab-link.tab-yellow {
    background-color: var(--yellow);
}
section.content-tabs-element a.tab-link.tab-orange {
    background-color: var(--orange);
}
section.content-tabs-element a.tab-link.tab-blue {
    background-color: var(--blue);
}
section.content-tabs-element a.tab-link.tab-green {
    background-color: var(--green);
}
section.content-tabs-element a.tab-link.w--current {
    background-color: var(--finsia-blue);
    color: #fff;
}

/* Site Search */
form#SearchForm_SearchForm {
    display: flex;
}
form#SearchForm_SearchForm div.btn-toolbar {
    align-content: center;
    margin-left: 10px;
}
form#SearchForm_SearchForm input.action {
    background-image: url("/_resources/themes/finsia-theme/client/images/icons/search-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}
#SearchForm_SearchForm_Query {
    color: var(--white);
    text-align: right;
    background-color: #ffffff1a;
    border: 1px solid #fff6;
    margin-bottom: 0;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
}
#SearchForm_SearchForm_Query_Holder.field {
    margin: 0;
}
#SearchForm_SearchForm input.action {
    background-color: transparent;
    color: var(--white);
    border: 0;
}
section.search-section div.search-item {
    border: 1px solid var(--finsia-blue);
    background-color: var(--white);
    justify-content: space-between;
    align-items: stretch;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    position: relative;
    margin-bottom: 10px;
}


/* top-tier (e.g patners logos) */
@media screen and (max-width: 767px) {
    .top-tier {
        margin-top: 20px;
    }
}