main p sup a  {border-bottom:0;text-decoration:underline;color:inherit;font-size: 14px;}

main form fieldset .flex div > label ~ input,
main form fieldset .flex div > label ~ select {margin-bottom: 10px;}
main form fieldset.privacy {margin-bottom: 20px;}
main form fieldset .session {margin-bottom: 20px;}
main form fieldset br {display: initial;}
main .slab .inner h1 {display: block;}

main form fieldset label.multi-check {margin-bottom: 10px;}

main .session .flex.col-2, 
main .session .flex.col-2 > div {position: relative;}

main .session input[type="checkbox"] {
    position: absolute;
	top: calc(50% - 1px);
	vertical-align: middle;
	left: 20px;
	opacity: 0.01;
}

main .session label.campus,
main .session label.virtual {min-height: 100%;border-width: 2px 2px 2px 50px; border-style: solid; -webkit-border-radius: 5px;-moz-border-radius: 3px;border-radius: 5px;padding:10px 10px 0 10px;background-color: hsla(198, 100%, 20%, 0.07);cursor: pointer;position:relative;}
main .session label h3.light {font-size: 20px;margin-bottom:0;line-height:2;user-select:none;}
main .session label p.description {display:none;font-size: 15px;line-height: 1.25;font-weight:400;user-select:none;}
main .session label p.date {font-size: 15px;font-weight:400;user-select:none;}
main .session 
main .session input[type="checkbox"]:not(:checked),
main .session input[type="checkbox"]:checked {position: absolute;left: 0;right: 0;top: 0;bottom: 0; width: 0;opacity: 0.01;}

main .session input[type="checkbox"]:not(:checked) + label {border-color: hsla(198, 100%, 20%, 0.1);} /* box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.25); */
main .session input[type="checkbox"]:not(:checked) + label:hover {border-color: hsla(198, 100%, 20%, 0.125);}
main .session input[type="checkbox"]:checked + label {border-color: hsla(0, 68%, 45%, 1);} /* box-shadow: inset 5px 5px 15px hsla(198, 0%, 20%, 0.25); */
main .session input[type="checkbox"]:checked + label:hover {border-color: hsla(0, 68%, 40%, 1);}

main .session input[type="checkbox"] + label:after {font-weight: 300;font-family: "FontAwesome";vertical-align: middle;content: "\f0c8";position: absolute;top: calc(50% - 15px);left: -38px;font-size: 30px;color: white;line-height: 30px;transition: all 200ms;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}
main .session input[type="checkbox"]:checked + label:after {font-weight: 300;font-family: "FontAwesome";vertical-align: middle;content: "\f14a";transition: all 200ms;}

#openday-registration  input:not([type='checkbox']):not([type='submit']):valid,
#openday-registration  select:valid,
#openday-registration  textarea:valid {border-left: 2.5px rgb(0, 121, 54) solid;}

#openday-registration  input:not([type='checkbox']):not([type='submit']):invalid,
#openday-registration  select:invalid,
#openday-registration  textarea:invalid {border-left: 2.5px rgb(255, 131, 0) solid;}


main .optional-sessions input[type="checkbox"]:not(:checked),
main .optional-sessions input[type="checkbox"]:checked {position: absolute;left: 0;right: 0;top: 0;bottom: 0; width: 0;opacity: 0.01;}

main .optional-sessions input[type="checkbox"]:not(:checked) + label {}
main .optional-sessions input[type="checkbox"]:not(:checked) + label:hover {}
main .optional-sessions input[type="checkbox"]:checked + label {}
main .optional-sessions input[type="checkbox"]:checked + label:hover {}

main .optional-sessions input[type="checkbox"] + label span:after {font-weight: 300;font-family: "FontAwesome";vertical-align: middle;content: "\f0c8";position: absolute;top: calc(50% - 15px);left: calc(50% - 15px);font-size: 30px;color: white;line-height: 30px;transition: all 200ms;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}
main .optional-sessions input[type="checkbox"]:checked + label span:after {font-weight: 300;font-family: "FontAwesome";vertical-align: middle;content: "\f14a";transition: all 200ms;}
	
main .optional-sessions .spotlight {position:relative;}
main .optional-sessions .support {position:relative;}
main .optional-sessions .support .card {background-color: hsla(198, 100%, 20%, 0.1);margin-bottom: 10px;}
main .optional-sessions .support input[type="checkbox"] + label span:after {top: calc(50% - 15px);left: 5px;}
main .optional-sessions .support .card span {display: flex;align-items: center;justify-content: center;}
main .optional-sessions .support .card span p.title {line-height: 1.25;padding: 5px 0 0 30px;margin: 0;position: initial;width: initial;font-size: 12px;}

main .optional-sessions .card {cursor: pointer;position:relative;border-radius: 2px;display:flex;}
main .optional-sessions .card span {background-color: hsla(0, 0%, 0%, 0.5);transition: all 0.5s ease;flex: 1;}
main .optional-sessions .card:hover span {background-color: hsla(0, 0%, 0%, 0.2);transition: all 0.5s ease;}

main .optional-sessions .card p.title {
    position: absolute;
    bottom: 4px;
    margin: 0 auto;
    width: 100%;
    padding: 0 5px;
    font-style: italic;
    font-family: "copernicus W01";
    text-shadow: 2px 2px 4px hsla(0, 0%, 0%, 1);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.3px;
    color: hsla(0, 0%, 100%, 1);
    user-select:none;}


/* Tablet and Desktop */
@media all and (min-width: 768px) {
    main form {padding-left:40px;padding-right:40px;}
    main .session .flex.col-2 {margin-left: -30px;margin-right: -30px;}
    main .optional-sessions .flex.col-6 {margin-left: -30px;margin-right: -30px;}
    main .optional-sessions .flex.col-4 {margin-left: -30px;margin-right: -30px;}
}

/* Mobile */
@media all and (max-width: 767px) {
    main .session label p.date {font-size: 14px;}
    main .session label h3.light {font-size: 20px;margin-bottom: 10px;}
    main .session label p.description {display: none;}
    main form fieldset label {width: 100%;}
    main .session input[type="checkbox"] + label {margin-bottom: 10px;}
    main form fieldset input[type="tel"] {margin-bottom: 10px;}
    main form .virtualCheckBox { margin-top: 10px; } 
    .planner-register--success .plan-your-day-register {
        justify-content: center;
        gap: 12px;
    }
    main .session label.campus {
        padding:8px 8px 0 8px;
    }
}

/*2022 additions*/

main p.location::before {
        font-family: "FontAwesome";
        font-weight: 100;
        font-size: 1.5em;
        content: "\f3c5";
        padding-right: 5px;
        color: #c02424;
        }
main p.location {
    display: flex;
    /*margin-top:10px; Need to add these back for the new font */
    /*margin-bottom:-10px;*/
    align-items: center;
    justify-content:center;
}