/* From main.min.css */
.clearing{height:0;clear:both;}
hr.cc{background-color:#eee;border:0;color:#ccc;height:1px;}

/* Page Defaults */
html, body {height: 100%; margin: 0; padding: 0;}
.wmlt-body {font-family: 'Simplon', Open Sans, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color:#2e1b46; font-size: 14px;letter-spacing: .06em;}
.wmlt-body *:focus { outline: none;}
.wmlt-body a {color:#4d4365; font-family: 'Simplon Bold';}
.wmlt-body a.logo img {max-height: 46px; max-width: 100%;}
.wmlt-container {padding:0 40px; margin: 0 auto; box-sizing: border-box;}
.wmlt-header { padding: 25px 0; border-bottom: 1px solid #e9e9e9; background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.14); height: 109px; box-sizing: border-box; position: fixed; top:0; left: 0; width: 100%; z-index: 2;}
.wmlt-wrapper {min-height: 100%; margin-bottom:-160px;}
.wmlt-footer, .wmlt-footer-push {height: 160px;}
.wmlt-footer, .wmlt-content {padding: 45px 0; box-sizing: border-box;}
.wmlt-content {padding: 155px 0 45px 0;}
.wmlt-iframe {margin-top: 155px; min-height: 350px; max-width:100%; overflow-x:hidden;}
.wmlt-iframe-content {padding: 0 0 0 0;}
.wmlt-footer {border-top: 1px solid #e9e9e9; font-size: .8em; padding: 28px 0;}
.wmlt-row {display: flex; justify-content: space-between; margin-right: -20px;}
.wmlt-row>div {flex:1; margin-bottom: 40px;}
.wmlt-row.row-2>div {width:calc(50% - 20px);}
.wmlt-row.row-3>div {width:calc(33.333% - 20px)}
.wmlt-cell {max-width: 58.33333%}

.wmlt-jumbotron {height:100vh; padding:170px 0 0 0; background:salmon url(/site_assets_new/images/home-salmon_1920x1278.jpg) center bottom no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; box-sizing: border-box; min-height:700px;}
.wmlt-jumbotron>.wmlt-container>h1 {font-size:4em; letter-spacing: .06em; line-height:1.15; font-family: 'Simplon Light';margin-left: 140px}
.wmlt-jumbotron>.wmlt-container>p {font-size: 1.5em; line-height: 1.5em; margin-top: 0;margin-left: 140px}

.wmlt-nav {}
.wmlt-nav>ul {list-style-type: none; float: right; padding: 0; margin: 10px 0;}/* Inputs */
.wmlt-nav>ul>li{display: inline-block;}
.wmlt-nav>ul>li>a {display: block; text-decoration: none;  font-weight:bold; color: #2e1b49; padding: 10px 25px; color: #61279e;}
.wmlt-nav>ul>li>a:hover{color:#2e1b49}
.wmlt-nav>ul>li>a.wmlt-outlined-nav{border: 1px solid #61279e; border-radius: 4px; background:#fff; margin-left: 25px; color:#61279e}
.wmlt-nav>ul>li>a.wmlt-outlined-nav:hover {background: rgba(0,0,0,.1);}

.wmlt-body h1, .wmlt-body h2, .wmlt-body h3, .wmlt-body h4 {margin-top: 0; margin-bottom: .5em}
.wmlt-body h1 {font-size: 24px; margin-bottom: 24px; }
.wmlt-body h2 {font-family: 'Simplon Medium'; font-size: 20px;}
.wmlt-body h3 {font-size: 18px;}
.wmlt-body h4 {font-size: 16px;}

.wmlt-institutional-purchase h1, .wmlt-institutional-purchase h2, .wmlt-institutional-purchase h3 {margin-top: 0; margin-bottom: .5em;}
.wmlt-institutional-purchase h1 {font-family: 'Simplon'; font-size: 32pt; color:#2e1b46;}
.wmlt-institutional-purchase h2 {font-family: 'Simplon'; font-size: 24pt; color:#2e1b46;}
.wmlt-institutional-purchase h3 {font-family: 'Simplon Medium'; font-size: 18pt; color:#2e1b46;}
.wmlt-institutional-purchase a {font-family: 'Simplon Bold'; font-size: 14pt; color:#2e1b46;}
.wmlt-institutional-purchase-16pt {font-family: 'Simplon'; font-size: 16pt; color:#2e1b46;}
.wmlt-institutional-purchase-14pt {font-family: 'Simplon'; font-size: 14pt; color:#2e1b46;}
.wmlt-institutional-purchase-14pt-gray {font-family: 'Simplon'; font-size: 14pt; color:#827690;}

.gray-padding {background: #f2f2f2; padding: 15px; min-height: 180px; box-sizing: border-box; position: relative; margin-right: 20px; color: #817d89;}
.gray-padding h3 {color:#2e1b49; }
.gray-padding p, .white-padding p {color: #817d89;}
.purple-padding {background: #61279e; padding: 2.25rem 2.75rem; color: #fff;}
.purple-padding a {color: #fff; text-decoration: none; font-family:'Simplon'; font-size: .875rem; font-weight: 700; line-height: 1.25; letter-spacing: .06em;}

.purple-padding p.margin-half { margin-bottom: 10px;}
.wmlt-body .purple-padding input {margin-bottom: 0!important;}
.gray-padding button {position: absolute!important; bottom: 15px; left: 15px;}
.white-padding {padding-left: 20px;}

.no-margin-bottom {margin-bottom: 0;}

.wmlt-content p {margin: 0 0 25px 0;}
.wmlt-content p:last-child {margin-bottom: 0;}
p.wmlt-content-purchase-register-button {margin-top: 25px;}
#purchaseMyAccountButton {margin-top: 10px;}

input.w50p {display: inline-block!important; width:calc(50% - 25px)!important; box-sizing: border-box; min-width: 250px!important;}
input.mr25p {margin-right: 25px!important}
.mr0 {margin-right: 0!important;}

/* Page Elements */

/* Inputs */
.wmlt-body input, .wmlt-body input[type="date"], .wmlt-body input[type="datetime"], .wmlt-body input[type="datetime-local"], .wmlt-body input[type="email"], .wmlt-body input[type="file"], .wmlt-body input[type="month"], .wmlt-body input[type="number"], .wmlt-body input[type="password"], .wmlt-body input[type="range"], .wmlt-body input[type="search"], .wmlt-body input[type="range"], .wmlt-body input[type="tel"], .wmlt-body input[type="text"], .wmlt-body input[type="time"], .wmlt-body input[type="url"], .wmlt-body input[type="week"], textarea, .wmlt-body select, .wmlt-select-wrapper {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #827690;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    outline: none;
    display: block;
    box-sizing: border-box;
    width: 300px;
    margin-top: 15px;
    margin-bottom: 20px;
    font-family:'Simplon';
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: 300;
    height: 3.5rem;
    padding: 6px 12px;
    border-radius: 4px;
    background: #fff;
}
.wmlt-select-wrapper {padding: 0; position: relative}
.wmlt-select-wrapper>select {    margin-bottom: 0; border-width: 0; background: transparent; padding-right: 30px; z-index: 1; position: absolute; /*top: 0;*/ left: 0; right: 0; bottom: 0;}
.wmlt-select-wrapper:before { display: block; height: 40px; width: 30px; content: '\02c6'; position: absolute; top: 0; right: 0; z-index: 0; transform: rotate(180deg); box-sizing: border-box; font-size: 24px; padding: 15px 0 10px 12px;}

div.wmlt-date-drop-down {width: 90px; float: left; margin-right: 20px;}
.wmlt-date-drop-down>select {width: 90px;}

.wmlt-body label {display: block; font-family:'Simplon Medium'; font-size: 16px; color:#2e1b46; padding-bottom: 6px}
.wmlt-body div.purple-padding label {display: block; font-family:'Simplon Medium'; font-size: 16px; color:#fff; padding-bottom: 6px}
.wmlt-body input.activeInput, .wmlt-body  input:focus:required:valid {border-color:#299000;}
.wmlt-body input:focus:required:invalid, .wmlt-body .field-error>input {border-color:#ff8e6c; color:#ff8e6c;}
.field-error div {border-color:#ff8e6c; color:#ff8e6c;}
.field-error input[type="checkbox"] {border-color:#ff8e6c; color:#ff8e6c;}
.field-error input[type="text"] {border-color:#ff8e6c; color:#ff8e6c;}
.field-error select {color:#ff8e6c;}
.field-error span {color:#ff8e6c;}
.field-error label {color:#ff8e6c;}
.field-error {color:#ff8e6c !important;}
.error {color:#ff8e6c; font-weight:bold;}

.wmlt-body input:focus:required:invalid+label, .wmlt-body .field-error>label {color:#ff8e6c}
.wmlt-body input[type="password"] {}
.wmlt-body input::-webkit-input-placeholder { color:#2e1b46; }
.wmlt-body input::-moz-placeholder { color:#2e1b46; } /* firefox 19+ */
.wmlt-body input:-ms-input-placeholder { color:#2e1b46; } /* ie */
.wmlt-body input:-moz-placeholder { color:#2e1b46; }
.wmlt-body input:focus::-webkit-input-placeholder { color:rgba(0,0,0,.2); }
.wmlt-body input:focus::-moz-placeholder { color:rgba(0,0,0,.2); } /* firefox 19+ */
.wmlt-body input:focus:-ms-input-placeholder { color:rgba(0,0,0,.2); } /* ie */
.wmlt-body input:focus:-moz-placeholder { color:rgba(0,0,0,.2); }
.wmlt-body button {
    position: relative;
    white-space: nowrap;
    box-sizing: border-box;
    line-height: 1.375rem;
    letter-spacing: -.005em;
    font-size: 1.25rem;
    font-weight: 400;
    font-family: "Simplon Medium", sans-serif;
    display: inline-block;
    text-decoration: none;
    padding: .625rem .8rem;
    background:#ccc;
    color: #4c4857;
    border-radius:0;
    cursor: pointer;
    min-width: 10.9375rem;
    min-height: 56px;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
    border-width: 0;
}
.wmlt-body button.purple, .wmlt-body button.light-purple {background: #612f92; color: #fff; border-radius:4px;}
.wmlt-body button.purple:hover, .wmlt-body button.light-purple:hover {box-shadow:inset 0 -100px 0 rgba(255,255,255,.15);}
.wmlt-body button.invert {background: #4FC9D2; color:#fff; border-radius:4px; }
.wmlt-body button.invert:hover {box-shadow:inset 0 -100px 0 rgba(0,0,0,.1);}
.wmlt-body input[type="radio"], .wmlt-body input[type="checkbox"]{display: none;}
.wmlt-body input[type="radio"]+label:before, .wmlt-body input[type="checkbox"]+label:before {display: inline-block; content: ''; background:#fff; width: 14px; height: 14px; margin-right: 6px; vertical-align: text-top; border:1px solid #2e1b46;}
.wmlt-body input[type="radio"]+label:before {border-radius:100%;}
.wmlt-body input[type="radio"]:checked+label:before,  .wmlt-body input[type="checkbox"]:checked+label:before  {background: #20cbd4; border-color:#20cbd4 }

.wmlt-institutional-purchase-register { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; }
.wmlt-institutional-purchase-register-body { flex: 1; overflow: auto; }
.wmlt-institutional-purchase-register-header { position: static; }
#wmlt-institutional-purchase-register-iframe { overflow: hidden; height: 95%; width: 100%; margin-top: 10px; }
.wmlt-checkbox-margin-left input[type="checkbox"]+label:before {margin-left:60px;} /* Use with div or span to add space in front of checkbox. */
.wmlt-select-wrapper-wider {width: 660px;}
#security_question {width: 660px;}
#coe_school_select {width: 660px;}
#splpromolist {width: 660px;}
#coe_other {width: 660px;}
#middle_name {width: 60px;} /* Purchase form */
#wmlt-billing-left-column {padding: 30px 0 50px; width: 660px; float: left;}
#wmlt-billing-right-column {padding-left: 60px; width: 360px; float: left;}
#wmlt-billing-right-column dd {margin: 0 0 10px 0;}
#wmlt-credit-card input {width: 4em; margin-right: 10px;}

@media only screen and (max-width: 1024px) {
    .wmlt-row {display: block; margin: 0;}
    .wmlt-row>div {flex:auto; margin-bottom: 40px;}
    .wmlt-row.row-2>div {width:100%;}
    .wmlt-row.row-3>div {width:100%;}
    .gray-padding {margin: 0; min-height: 150px}

    .wmlt-jumbotron { padding-top: 150px}
    .wmlt-jumbotron>.wmlt-container>h1 {margin-left: 0; font-size: 5vw;}
    .wmlt-jumbotron>.wmlt-container>p {margin-left: 0; font-size: 2vw;}

}

@media only screen and (max-width: 768px) {
    .wmlt-container {padding: 0 20px;}
    .wmlt-header {height:auto; padding:10px 0; }
    .wmlt-nav>ul {margin: 0 auto; float: none; max-width: 400px; font-size: .9em;}
    .wmlt-nav>ul>li {}
    .wmlt-nav>ul>li>a {padding: 10px;}
    .wmlt-nav>ul>li>a.wmlt-outlined-nav {margin-left: 0;}
    .wmlt-header a.logo {display: block; text-align: center;}

    .wmlt-jumbotron { padding-top: 180px; min-height: 600px;}
    .wmlt-jumbotron>.wmlt-container>h1 {margin-left: 0; font-size: 6vw;}
    .wmlt-jumbotron>.wmlt-container>p {margin-left: 0; font-size: 2.5vw;}

    .wmlt-body input.wmlt-vpbox {max-width: 90%}
    .purple-padding {padding: 30px 15px;}
    .wmlt-cell {max-width: 100%}
    .gray-padding button {position: relative !important; bottom: 0; left: 0}
}

/* Visitor Pass */
#wmlt-visitors-pass-error-message { color: #ff0000; }