/* 

Sustainability Calculator Block Whole 

*/


.sustainability-calculator{
    background-color: #807B77;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sustain-calc-headline{
    margin: 50px !important;
}


/* 
Top row form, inputs, and labels
*/

.top-section-sustainability-calculator{
    width: 90%;
    display: flex;
    justify-content: center;

}

.sustainability-calculator-form{
    width: auto;
    display: flex;
}

.input-blocks-one-and-two-sustainability{
    flex: 1;
    width: 300px;
    padding-bottom: 15px;
    margin: 50px;
}


#aircraft-input{
    display: flex;
    flex-direction: column;
    max-width: 230px;
    margin: 50px;
}

#emission-input{
    display: flex;
    flex-direction: column;
    max-width: 200px;
    margin: 50px;
}


#aircraft_select option{
    background-color: #cccccc;
}
.aircraft_select_sustain_calc{
    border: 2px solid white !important;
}

#emission_level{
    color: white;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    border: 2px solid white;
}

#emission_level option{
    background-color: #cccccc;
}

#emission_level option:hover{
    cursor: crosshair;
    background-color: #dbd7d3;
    color: black;
}

.sustainability-button{
    margin: 30px;
}




/* 
Middle section
*/

.sustainability-calculation-details-top, .sustainability-calculation-details-bottom{
    display: flex;
}


/* 
Calculation squares, labels and numbers
*/

.sustain-calc-square{
    background-color: #e6e3e0;
    margin: 15px;
    height: 175px;
    width: 275px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 25px;
}

.calc-nums{
    font-size: 40px;
    font-weight: 600;
    margin-top: 10px;
}

.calc-nums-colon{
    margin-top: 10px;
}

.calc-label-small{
    font-size: small;
    font-weight: 600;
}

.calc-label-large{
    color: #5e5e5e;
    font-size: larger;
    font-weight: bolder;
    margin: 10px;
    text-align: center;
}

.sustainability-disclaimer{
    max-width: 80% !important;
    padding-bottom: 20px;
}

/* Smaller Smartphones (portrait *goes below max-width: 40em) ----------- */
@media only screen and (max-width: 40em) {

    .single-content form:last-child { 
        display: flex;
        flex-direction: column;
    }

    #airport-inputs {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .sustain-calc-square {
        background-color: #e6e3e0;
        margin: 5px;
        height: 170px;
        width: 110px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 25px;
    }

    .calc-nums {
        font-size: 25px;
        font-weight: 600;
        margin-top: 0;
    }

    .middle-section-sustainability-calc{
        width: 95%;
        padding-right: 10px;
    }

    .sustainability-calculation-details-top, .sustainability-calculation-details-bottom {
        flex-direction: column;
    }

    #duration-components{
        align-items: end;
    }
    
    }
    
    
/* Larger Smartphones and Tablets (portrait *goes below max-width: 60em) ----------- */
                    @media only screen and (max-width: 60em) {
    
    .single-content form:last-child { 
        display: flex;
        flex-direction: column;
    }

    #airport-inputs {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .sustain-calc-square {
        background-color: #e6e3e0;
        margin: 5px;
        height: 170px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 25px;
    }

    .calc-nums {
        font-size: 25px;
        font-weight: 600;
        margin-top: 0;
    }

    #duration-components{
        align-items: end;
    }

    
    
    }