/* Calc. */
.children-form { background-color: var(--BG-Blue); border: 2px solid var(--WIC-Violet); padding: 40px; border-radius: 17px; }
.children-form h3{ color: var(--WIC-Violet) !important;}
.adults-form { background-color:#e6aacc36; border: 2px solid var(--WIC-Violet); padding: 40px; border-radius: 17px; }
.adults-form h3{ color: var(--WIC-Light-Violet); margin-bottom: 30px;}
.children-form p, .children-form #bmi-calculator  label{ color: var(--Black); font-family: "din-2014", Sans-serif;font-size: 20px;font-weight: 600;text-transform: uppercase;line-height: 1.5em; letter-spacing: 1.2px;}
.children-form #bmi-calculator input, .adults-form #english input, .adults-form #metric input {height: calc(1.5em + .75rem + 2px);width:150px;max-width: 100%; padding: 10px; border-radius: 5px; border: 1px solid var(--White); color: var(--Black); font-family: "din-2014", Sans-serif; box-shadow: 0px 4px 10px rgba(211, 211, 211, 6.1); margin-right: 2px;}
.adults-form #english input, .adults-form #metric input{margin-right: 30px;}
.children-form #bmi-calculator  label, .adults-form #english label, .adults-form #metric label{ text-transform: capitalize; letter-spacing: 0px;font-size: 20px; font-weight: normal;min-width: 105px;}
.children-form #bmi-calculator button, .adults-form #english button, .adults-form #metric button {margin-bottom: 15px;font-size: 20px; color: var(--White); border-radius: 17px;border: none !important; background-color: var(--WIC-Violet);width: 100%;padding: 15px;margin-top: 15px; box-shadow: 1px 5px 9px rgba(211, 211, 211, .9);}
.adults-form #english button, .adults-form #metric button{background-color: var(--WIC-Light-Violet) !important;margin-bottom: 10px ;margin-top: 30px;}
.children-form #bmi-calculator button:hover, .children-form #bmi-calculator button:focus{ background-color: var(--WIC-Light-Violet) !important;}
.adults-form #english button:hover, .adults-form #metric button:focus{background-color: var(--WIC-Violet) !important;  }
.children-form #bmi-calculator select {font-size: 17px; line-height: 1.6em; letter-spacing: 1.2px; max-width: 100%; padding: 10px 30px 10px 10px; border-radius: 5px;color: #797979; font-family: "din-2014", Sans-serif;box-shadow: 0px 4px 10px rgba(211, 211, 211, 6.1); border: 1px solid var(--White);background-image: url(/wp-content/uploads/sites/32/2024/05/download.svg);background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 15px 10px;appearance: none;}
.children-form #bmi-calculator input::placeholder {font-size: 17px !important;line-height: 1.5em !important; }
.children-form #bmi-calculator select#gender {width: 150px;}
.adults-form .nav-tabs { border-bottom: 2px solid var(--WIC-Light-Violet);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: transparent;}
.adults-form .nav-tabs .nav-link {border: 1px solid #6c55a3;border-top-left-radius: .25em;border-top-right-radius: .25em;color: var(--Black);font-size: 22px;padding: 20px 30px;}
.adults-form table {border-collapse: collapse;width: 100%;margin-top: 30px;}
.adults-form td, .adults-form th {border: 1px solid var(--Black);text-align: left;padding: 10px !important;}
.adults-form tr:nth-child(even) {background-color: var(--BG_Vegetables);font-size: 17px;line-height: 1.5em;}
.adults-form tr {background-color: var(--txt-WIC-Green);}
.adults-form th {color: var(--White);}
.adults-form .nav-link.active { color: var(--White); background: var(--txt-WIC-Light-Violet);}
li.nav-item {margin-right: 20px;}
.adults-form #result, .children-form #result, .children-form #bmi-result, .children-form #percentile-result{font-size: 20px; color: var(--txt-WIC-Green);/*width: auto;display: inline-block;margin-bottom: 30px;*/margin-top: 0px;font-weight: normal;text-transform: capitalize;}
/*-------*/

.children-form .card { border:none !important; }
.children-form .card-header { /*background-color: var(--Light-Blue) !important;*/ border: none !important; padding: 0px !important; }
.children-form .card-body { padding:0px !important; }
.children-form .text-white { text-transform: capitalize !important; letter-spacing: 0px !important; font-size: 20px !important; font-weight: normal !important; min-width: 105px !important; color: var(--WIC-Violet) !important; }
/*.children-form #calc_form{ background-color: var(--Light-Blue) !important; }*/
.children-form #calculate_btn,#calculate_again_btn {width: 100% !important; padding: 15px; text-decoration: none; background-color: var(--WIC-Light-Violet) !important; color: var(--White) !important; font-size: 20px;    box-shadow: 1px 5px 9px rgba(211, 211, 211, .9); border: none !important; border-radius: 17px;}
.children-form .btn span { background-color: var(--White) !important; }
.children-form #calculate_btn:hover,#calculate_again_btn:hover{ color: var(--White) !important;background-color: var(--WIC-Violet) !important;}
.children-form .btn:active { background-color: transparent !important; }

.children-form #calc_form .section h3.h4 { margin-bottom: 0 !important; }
/*.children-form #calc_form .section { padding-bottom: 15px; }*/
.children-form #calc_form .section .mb-2 { margin-bottom: 5px !important; }
.children-form #calc_form .section #reset_btn,#calc_results #back_btn { justify-content: center; margin-bottom: 0px !important; color: var(--White); text-decoration: none; font-weight: 400; font-size: 17px; background-color: var(--txt-WIC-Red); padding: 10px 30px !important; border-radius: 17px;position: absolute;top: 5px;right: 0;align-items: center;}
.children-form button#reset_btn{display: inline-flex; width: 100%; max-width: 10%; margin: 0 0 0 auto;}
.children-form #calc_form .section #reset_btn:hover,#calc_results #back_btn:hover {text-decoration: none;background-color: var(--txt-WIC-Violet);}
.children-form #calc_form .form-check-inline .form-check-input { margin-right: 10px; }
.children-form #calc_form p.form-text,#calc_results p{ text-transform: inherit !important; font-size: 17px !important; font-weight: normal !important; letter-spacing: normal !important; line-height: normal !important; padding-left: 5px; }
#calc_results p{ text-transform: unset !important; font-size: 17px !important; font-weight: normal !important; letter-spacing: normal !important; line-height: normal !important; padding-left: 5px; }
.children-form #calc_form .form-control-label { margin-left:5px !important; margin-right: 10px !important; }
.children-form #calc_form .section .radio_group { margin-bottom: 5px !important; }
.children-form .form-select { height: calc(1.5em + .75rem + 1px); padding: .375rem .75rem; border-radius: .25rem; box-shadow: 0px 4px 10px rgba(211, 211, 211, 6.1);}
.children-form .gap-2 { column-gap: 5px; }
.children-form .age_dates_content p { font-size: 17px; text-transform: capitalize; letter-spacing: normal; }
.children-form .age_years_months_content label.form-control-label, .children-form .metric_units_content .form-control-label{ display: inline-flex;}
.children-form .age_months_content .form-control-label{ display: inline-flex; /*width: 80%;*/ } 
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-color: #fff;
background-clip: padding-box;
border-radius: 5px;
border: 1px solid var(--White);
color: var(--Black);
font-family: "din-2014", Sans-serif;
box-shadow: 0px 4px 10px rgba(211, 211, 211, 6.1);
margin-right: 2px;
padding: 10px;
}
.note-info {
font-size: 20px;
letter-spacing: 0px !important;
text-transform: inherit !important;
}
.children-form .section {
padding: 18px 0px;
}
.calculationFormWrapper .d-flex{
padding-top: 5px;
}
.age_months_content {
padding-top: 10px;
}
.pt-10{
padding-top: 10px;
}
.children-form .card-header, .children-form .card{ background-color: transparent !important;  }

#calc_results #back_btn {width: 100%; text-align: left;display: inline-flex; width: 100%; max-width: 22%; margin: 0 0 0 auto;}
/*#calc_results { background: var(--Light-Blue) !important; }*/
#calc_results .row{margin-right:0 !important;}
#calc_results .alert-info{color:var(--WIC-Violet); background-color: var(--White); border-color:var(--WIC-Violet);}
#calc_results .alert-info div p.h4,#calc_results .entered_height *,#calc_results .entered_age,#calc_results .entered_weight,#calc_results .entered_sex { font-weight: 600 !important; }
.calculationFormWrapper h3{font-size:26px !important; font-weight: normal !important; text-transform: capitalize !important;}
.calculationFormWrapper select {font-size: 17px;min-width: 80px; line-height: 1.6em; letter-spacing: 1.2px; max-width: 100%; padding: 10px 30px 10px 10px; border-radius: 5px;color: #000 !important; font-family: "din-2014", Sans-serif;border: 1px solid var(--White);background-image: url(/wp-content/uploads/sites/32/2024/05/download.svg);background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 15px 10px;appearance: none;}
.calculationFormWrapper .radio_group_option input{accent-color:var(--WIC-Violet);}
.spacing{margin-left: 5px;}
.spacing10{margin-left:10px;}
p.form-text {margin-bottom: 5px; }
.alert{margin-bottom: 1.5rem; padding: 20px !important;}
.section.info { padding: 15px 0px;}
.row-height {row-gap: 15px;}
.rowgap-20{row-gap: 20px;}
span.inputWrapper { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.children-form .section { padding-left: 0px !important; padding-right: 0px !important;}

/* ======= 0001 ========*/
@media only screen and (max-width: 1373px) {
    #calc_results #back_btn{max-width: 28%;}
}
@media only screen and (max-width: 1024px) {
    .children-form, .adults-form{padding: 30px;}
    .children-form button#reset_btn{max-width: 20%;}
    #calc_results #back_btn {
        max-width: 29%;
    }
}
@media only screen and (max-width: 991px) {
    #calc_results #back_btn {
        max-width: 31%;
    }
}
@media only screen and (max-width: 767px) {
    #title { max-width: 560px !important; }
.calculationFormWrapper .d-flex{padding-bottom: 5px;}
.col-height { width: 190px; }
.row-height {flex-direction: column !important; row-gap: 10px !important; }
.inch-col { width: 100% !important; }
input#height_feet_input, input#height_inches_input{ width: 228px !important; }
select#height_fraction_inch_input, select#weight_fraction_lb_input {width: 190px !important;}
.calculationFormWrapper h3{margin-bottom: 0px !important;}
.children-form, .adults-form{padding: 20px;}
.children-form button#reset_btn{ max-width: 20%;}
}
@media only screen and (max-width: 701px) {
    #calc_results #back_btn {
       max-width: 32%;
        padding: 10px 10px !important;
    }
}
@media only screen and (max-width: 650px) {
#title {
    max-width: 440px !important;
}
}
@media only screen and (max-width: 575px) {
#calc_results #back_btn{max-width: 45%; }
.children-form #calc_form .section #reset_btn, #calc_results #back_btn{left: 0px;position: relative;top: 0;}
.children-form .section{padding: 0px 0px 18px 0px;}
span.inputWrapper{width: 100%;}
}

@media(max-width:480px) {
    span.inputWrapper input{ width: 100% !important;margin: 0!important; }
    .adults-form .nav-tabs .nav-link{ padding: 15px 10px;font-size:16px;}
    div#table {overflow: auto;}
    .children-form, .adults-form{padding: 15px;}
    li.nav-item { margin-right: 15px;}
}