/******** INDEX ***********/
/*

* General

* Developer Schools Accordion

* Content Loading

* Developer Schools Cards

* Developer Schools Previous Editions

* Layout 

* Developer Schools form

*/


/* General */
::marker {
    color: var(--color-ruby);
}

[data-block*=BreadcrumbsDigitalItem] .breadcrumbs-item .title {
    max-width: none;
}

.flex-basis-100 {
    flex-basis: 100%;
}

.margin-top-auto    {
    margin-top: auto;
}

#reactContainer,
#transitionContainer,
#transitionContainer .active-screen.screen-container,
.screen-container {
    display: inline;
}

.answers-list [data-radio-group] [data-radio-button] label {
    line-height: 1.5;
}
/* ############################################# */
.devschool-faq-accordion .section-expandable .section-expandable-title {
    padding: var(--space-m);
}



/* Developer Schools Accordion */
.devschool-faq-accordion .section-expandable .section-expandable-title {
    padding: var(--space-m);
}

.devschool-faq-accordion .section-expandable .section-expandable-content.is--expanded { 
    padding: var(--space-none) var(--space-m) var(--space-m);
}

.devschool-faq-accordion.accordion .section-expandable:after {
    background-color: var(--color-neutral-1);
    margin: var(--space-none) var(--space-m);
}

.devschool-faq-accordion .section-expandable .section-expandable-icon {
    color: var(--color-neutral-5);
    font-size: var(--font-size-xs);
}

.devschool-faq-accordion ::marker {
    color: unset;
}
/* ############################################# */



/* Content Loading */
.animated-background {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    border-radius: var(--border-radius-soft);
    height: 24px;
}

.animated-background.dark-loading {
    background: linear-gradient(to right, #181818 8%, #242424 18%, #181818 33%);
}

.animated-background.previous-editions-statistics {
    animation-name: placeHolderShimmerStatistics;
    height: 2.031rem;
}

@keyframes placeHolderShimmer {
    0%{
        background-position: 0px 0 
    }
    100%{
        background-position: 800px 0 
    }
}

@keyframes placeHolderShimmerStatistics {
    0%{
        background-position: 0px 0 
    }
    100%{
        background-position: 200px 0 
    }
}

.content-loading-quiz_title {
    height: 2.188rem;
}

.content-loading-quiz_line {
    height: 1.125rem;
}

.content-loading-quiz-radio-button {
    height: 1.125rem;
    width: 1.125rem;
}

.content-loading_heading4 {
   height: 2.5rem;
}

.content-loading_card-image {
    height: 8rem;
}

.content-loading_school-details-image {
    height: 15.5rem;
}

.content-loading_card-image-title {
    height: 5rem;
}

.content-loading .card-background-color:after{
    content: none;
}
/*#############################################*/



/* Developer Schools Cards */
.border-m-neutral-1{
    border: var(--border-size-m) solid var(--color-neutral-1);
}

.list.cards-4,
.list.cards-5,
.list.cards-6 {
    flex-wrap: wrap;
}

.list.cards-5 {
    justify-content: center;
}

.list.cards-1 .school-card div[data-block="Content.CardBackground"] {
    display: flex;
    min-width: 35%;
}

.list.cards-1 .school-card .card-background,
.list.cards-1 .school-card {
    min-width: 100%;
}

.list.cards-2 .school-card:nth-child(2),
.list.cards-3 .school-card:nth-child(n + 2),
.list.cards-5 .school-card:nth-child(n + 2),
.list.cards-6 .school-card:nth-child(n + 2){
    margin-left: 3.25rem;
}

.list.cards-4 .school-card:nth-child(n + 2){
    margin-left: 3.75rem;
}


.list.cards-4 .school-card:nth-child(n + 3),
.list.cards-5 .school-card:nth-child(n + 4),
.list.cards-6 .school-card:nth-child(n + 4){
    margin-top: var(--space-xl);
}


.list.cards-4 .school-card:nth-child(3),
.list.cards-5 .school-card:nth-child(4),
.list.cards-6 .school-card:nth-child(4){
    margin-left: 0;
}

.list.cards-3 .school-card,
.list.cards-5 .school-card,
.list.cards-6 .school-card {
    width: 30%;
    min-height: 20.25rem;
    display: inline-block;
}

.list.cards-2 .school-card,
.list.cards-4 .school-card {
    width: 47%;
    display: inline-block;
}

.school-card a {
    text-decoration: none;
}

.vertical-align.text-align-left,
.text-align-left .vertical-align{
    justify-content: start;
}

.phone .list.schools-list {
    display: inline;
}

.phone .list.schools-list .school-card {
    width: 100%;
    margin-left: 0;
}

.phone .list.schools-list.cards-2 .school-card:nth-child(n+2){
    margin-top: var(--space-xl)
}
/*#############################################*/



/* Developer Schools Previous Editions */
.survey-card {
    min-width: 17.063rem;
    min-height: 16.5rem;
}

.testimonial-card {
    min-width: 23.063rem;
    min-height: 16.5rem;
}

.previous-editions-testimonials .carousel-container-content {
    display: flex;
}
/*#############################################*/



/* Layout */
.layout {
    overflow: initial;
    padding-bottom: 267px;
}

.main-footer {
    margin-top: -267px;
}
/* ############################################# */


/* Developer Schools form */
.file-upload-container.developer-school-form {
    max-width: 100%;
}

.developer-school-form .file-upload {
    max-width: 100%;
}