/*
Theme Name: Schools Enrollments & Students Applications
Theme URI: https://withodyssey.com
Author: Your Name
Author URI: https://withodyssey.com
Description: WordPress theme for Students 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: students
*/

html,
body {
  height: 100%;
}

footer.pt-10.pb-10 {
  background: #244d47;
  text-align: center;
  font-size: 19px;
}

footer a {
  color: #fff;
}

footer a img {
  display: inline-block;
  width: 19px;
}
button#wpforms-submit-280 {
  background: #144c49 !important;
}
.header,
.after-hdr,
.page-template-registration-template {
  background: #134c48;
}

.header .logo svg {
  width: 100%;
  max-width: 200px;
  fill: #fff;
}

.after-hdr h1 {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
}

@media (min-width: 768px) {
  .page-template-login-template .um-right {
    float: right;
    width: 53% !important;
  }

  .page-template-login-template .um-half {
    width: 40%;
  }
}

body {
  background: #f9f6f3;
}

.after-hdr {
  margin-bottom: -50px;
}

.login-form {
  background: #fff;
  box-shadow: 0px 1px 5px #646464;
}

.submit-button,
#um-submit-btn,
button.wpforms-page-next {
  width: 100%;
  background: rgb(32, 127, 121);
  background: linear-gradient(180deg, rgba(32, 127, 121, 1) 0%, rgba(24, 95, 90, 1) 100%, rgba(0, 212, 255, 1) 100%) !important;
  cursor: pointer;
  box-shadow: 0px 3px 6px #2f645ca3;
}

div.wpforms-container em.wpforms-error {
  display: none !important;
}

button.wpforms-page-next {
  max-width: 20px;
}

.login-button {
  color: #2e807a;
}

.login-text {
  text-align: justify;
}

.h-menu li {
  display: inline-block;
  margin-left: 25px;
}

.h-menu ul {
  display: none;
}

.h-menu li a {
  color: #74dcd5;
}

.h-menu li a.active {
  color: #fff;
}

.h-menu li a:hover {
  color: #fff;
}

.cntn-title h1 {
  font-size: 23px;
  font-weight: bold;
}

.cntn-info > div:nth-child(2),
.cntn-info > div:nth-child(1) > div {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 3px 4px #e7e7e7;
  border-radius: 6px !important;
}

.start-application a,
.cntn-title a {
  width: 200px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  padding: 10px;
}

p {
  color: #2c2c2c;
}

.bulletins a {
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}

.bulletins a:nth-last-child(1) {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.status-block {
  border: 1px solid #ccc;
  border-radius: 6px;
}

.sub-block.approved-school {
  background: #d6f5f3;
  border-top: 1px solid #ccc;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.sub-block.review-school {
  background: #e3f2fc;
  border-top: 1px solid #ccc;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a.view-button {
  background: #1e7670;
  padding: 10px 10px;
}

.approved-school b {
  color: #165a55;
}

.approved-school p {
  color: #1e7670;
}

.review-school b {
  color: #165a55;
}

.review-school p {
  color: #1470b6;
}

.change-button {
  color: #0e5488 !important;
}

span.status {
  margin-left: 15px;
  font-size: 13px;
  padding: 5px 10px;
  font-weight: bold;
  border-radius: 5px;
}

span.status.approved,
.sub-block.approved,
.sub-block.approved p,
span.status.verified,
.sub-block.verified,
.sub-block.verified p {
  background: #d6f5f3;
  color: #165a55;
}
span.status.under_review,
.sub-block.under_review,
.sub-block.under_review p {
  background: #f2ecf8;
  color: #442167;
}

span.status.on_hold,
.sub-block.on_hold,
.sub-block.on_hold p {
  background: #f8e6ac;
  color: #827035;
}

span.status.submitted,
.sub-block.submitted,
.sub-block.submitted p {
  background: #e7f1fc;
  color: #1470b6;
}

.manual_review-school {
  background: #e7f1fc;
  color: #1470b6;
}

.manual_review-school p {
  color: #1470b6;
}

span.status.application_submitted,
span.status.in_process {
  background: #fdd699;
  color: #72540c;
}

.sub-block.verification_incomplete,
.sub-block.verification_incomplete p,
span.status.verification_incomplete,
.sub-block.ineligible,
.sub-block.ineligible p,
span.status.ineligible {
  background: #f8ece3;
  color: #b61c14;
}

span.back {
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  border: 1px solid #e3e3e3;
  margin-right: 15px;
  position: relative;
}

.to-dashboard {
  cursor: pointer;
}

.back svg {
  transform: rotate(90deg);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 4px;
  left: 4px;
  opacity: 0.7;
}

.to-dashboard {
  font-size: 18px;
}

.wallet-card {
  width: 85%;
  background: rgb(17 68 64);
  background: linear-gradient(180deg, rgba(32, 127, 121, 1) 0%, rgba(24, 95, 90, 1) 100%, rgb(17 68 64) 100%) !important;
  cursor: pointer;
  box-shadow: 0px 3px 6px #2f645ca3;
  border-radius: 6px;
  color: #fff;
  margin-left: 15%;
}

.wallet-card h4,
.wallet-card h5 {
  color: #53d7ce;
}

.wallet-info {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.wallet-pays {
  border-bottom: 1px solid #ccc;
}

.wallet-pays h3 {
  font-weight: bold;
}

span.def {
  color: #6a6a6a;
}

span.def b {
  color: #1e7670;
}

.settled {
  background: #d6f5f3;
  color: #1e7670;
}

a.details-button {
  width: 100%;
  border: 1px solid #ccc;
  text-align: center;
  padding: 6px;
  font-size: 14px;
  border-radius: 4px;
}

.register-button a {
  color: #fff;
}

.create-account h1 {
  font-size: 20px;
}

.create-account p {
  line-height: 1.4;
  font-size: 14px;
}

.night-man {
  background: url(img/1.png);
  width: 500px;
  height: 520px;
  position: absolute;
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px;
  top: 200px;
  right: 12%;
}

.welcome {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.home_img {
  border-radius: 0 !important;
}

.main-block {
  position: relative;
}

.main-block .toggle-icon {
  position: absolute;
  right: 30px;
  top: 38%;
  opacity: 0.8;
}

.page-template-registration-template .login-button {
  padding-bottom: 30px;
}

.documents-link a {
  width: 15%;
  display: inline-block;
}

.documents {
  position: relative;
}

.documents svg {
  position: absolute;
  top: 28px;
  right: 20px;
}

.upload-button {
  color: #880e0e !important;
  text-decoration: underline;
}

.upload_documents p {
  color: #b61c14;
}

.sub-block.upload_documents {
  background: #fcebe3;
}

.status.in_progress {
  background: #fdd699;
  color: #72540c;
}
.sub-block.in_progress {
  background: #fdd699;
  color: #72540c;
}

.sub-block.in_progress p {
  color: #72540c;
}

.sub-block.application-incomplete, .sub-block.expired{
  background: #e7f1fc;
  color: #1470b6;
}
.status.expired{
  background: #e7f1fc;
  color: #1470b6;
}

.application-incomplete p,
.expired p,
.application-incomplete .upload-button {
  background: #e7f1fc;
  color: #1470b6 !important;
}

.vendor-home-li {
  margin-bottom: 25px !important;
  margin-top: 25px !important;
}

.documents-link {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.page-template-registration-template .login-form {
  margin-right: 200px;
}

.page-template-registration-template .login-button {
  margin-right: 200px;
  color: #fff;
}

.upload_documents li {
  color: #b61c14;
}

@media screen and (max-width: 767px) {
  .page-template-registration-template .login-form,
  .page-template-registration-template .login-button {
    margin-right: 0px;
    color: #fff;
  }

  .night-man {
    display: none !important;
  }

  .documents-link a {
    width: 32%;
    display: inline-block;
  }

  body {
  }

  .login-form,
  .w-1\/3 {
    width: 90% !important;
  }

  .header {
    text-align: center;
    display: inline-block !important;
    width: 100%;
  }

  .header .logo {
    /* 		display: inline-block;  */
    /* 		margin-left: 0px; */
    display: flex;
  }

  /* 	.header .logo svg{
            margin-left: auto;
        }
        .dese-dashboard-logo{
            margin-right: auto;
        } */
  .after-hdr {
    padding-top: 20px !important;
  }

  .page-template-wallet-template .cntn-title,
  .cntn-info {
    display: inline-block !important;
    width: 89%;
  }

  .sub-block > div,
  .sub-block > div > div {
    display: inline-block !important;
    width: 100%;
  }

  .page-template-wallet-template .cntn-title > div {
    display: inline-block !important;
    width: 100%;
  }

  .cntn-info > div {
    display: inline-block !important;
    max-width: 100%;
    width: 100%;
    margin-bottom: 25px;
  }

  .welcome {
    margin-right: 0px !important;
  }

  .cntn-title .w-1\/12,
  .documents table th:nth-child(1),
  .documents table td:nth-child(1) {
    display: none !important;
  }

  .cntn-title .w-8\/12 {
    width: 100%;
    text-align: center;
  }

  .h-menu {
    margin-top: 15px;
  }

  .main-block .toggle-icon {
    right: 15px;
    top: 18%;
  }

  .main-block > p {
    margin-top: 10px;
  }

  a.view-button {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
  }

  .wallet-card {
    width: 100%;
    margin-left: 0%;
    margin-top: 25px;
  }

  .cntn-title a {
    width: 100%;
  }

  .wallet-pays .w-2\/12 {
    position: absolute;
    width: 87%;
    bottom: 10px;
  }

  .wallet-pays .w-1\/12 {
    width: 27.333333%;
  }

  .wallet-pays {
    padding-bottom: 55px !important;
    position: relative;
  }

  .documents a {
    font-size: 14px;
  }

  .documents {
    margin-right: 0px !important;
  }

  span.status {
    font-size: 10px;
  }

  .main-block h3 {
    font-size: 13px;
  }

  a.upload-button {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
  }
}

/*Vendor Home*/

#vendor-home .after-hdr-big,
.page-template-vendor-registration-template .after-hdr,
body.page-template-vendor-registration-template,
.page-template-vendor-registration-template .header,
.page-template-vendor-login-template .after-hdr,
.page-template-vendor-login-template .header,
.page-template-vendor-welcome-template .header {
  background: #46294f;
}

.page-template-vendor-login-template .login-button {
  color: #461e50;
}

.page-template-vendor-welcome-template .h-menu li a {
  color: #eeacff;
}

#vendor-home a.par-in {
  background: #46294f;
  border: 2px solid #46294f;
}

#vendor-home a.inicio {
  color: #46294f;
  border: 2px solid #46294f;
}

#vendor-home #wpforms-submit-29275 {
  background: #46294f;
  border: 2px solid #46294f;
}

.page-template-vendor-registration-template .login-button {
  color: #ffffff;
}

.page-template-vendor-registration-template .submit-button,
.page-template-vendor-registration-template #um-submit-btn,
.page-template-vendor-registration-template button.wpforms-page-next,
.page-template-vendor-login-template #um-submit-btn {
  background: rgb(70 30 80);
  background: linear-gradient(180deg, rgb(114 42 133) 0%, rgb(70 30 80) 100%, rgb(70 30 80) 100%) !important;
  box-shadow: 0px 3px 6px #461e507d;
}

.page-template-vendor-registration-template .header .logo svg,
#vendor-home .header .logo svg,
.page-template-vendor-login-template .header .logo svg,
.page-template-vendor-welcome-template .header .logo svg {
  /*     fill: #caabd2; */
  fill: #46294f;
}

/*Home*/
#home .logo img,
#vendor-home .logo img {
  max-width: 200px;
}

#home .header,
#vendor-home .header {
  background: #fff;
  position: fixed;
  z-index: 2;
  width: 100%;
  top: 0px;
  padding: 11px 0px;
}

a.par-in {
  background: #134c48;
  color: #fff;
  font-size: 15px;
  padding: 10px 20px;
  margin-right: 20px;
  border-radius: 3px;
  border: 2px solid #134c48;
  font-weight: bold;
}

a.inicio {
  background: #fff;
  color: #144d47;
  font-size: 15px;
  padding: 10px 20px;
  margin-right: 20px;
  border-radius: 3px;
  border: 2px solid #134c48;
  font-weight: bold;
}

.after-hdr-big {
  background: #134c48;
  position: relative;
  overflow: hidden;
}

.withimg {
  position: relative;
}

.home-title h1 {
  font-size: 60px;
  color: #fff;
  line-height: 1.1;
  font-family: Lora, Georgia, sans-serif;
}

.home-title p {
  color: #fff;
  margin-bottom: 10px;
}

.home-title {
  max-width: 60%;
}

.eligibility {
  max-width: 70%;
}

.eligibility h1 {
  color: #333439;
  font-size: 40px;
  line-height: 1.1;
  font-family: Lora, Georgia, sans-serif;
}

.eligibility ul {
  margin-top: 35px;
  margin-bottom: 20px;
  display: inline-block;
  max-width: 80%;
}

.eligibility ul li {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  align-items: center;
}

.decoration-circle.bg-primary-3 {
  min-height: 250px;
  min-width: 250px;
}

.decoration-circle {
  width: 25vw;
  height: 25vw;
  border-radius: 50%;
}

.bg-primary-3 {
  background-color: #e09b02;
  color: #353640;
}

.decoration-circle.content-row-image-circle {
  position: absolute;
  left: -48px;
}

.decoration-container {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.decoration-grid {
  position: absolute;
  z-index: 2;
  width: 33.333%;
  height: 33.33333%;
}

.decoration-circle.content-row-image-circle {
  position: absolute;
  left: -48px;
  top: 100px;
  z-index: -1;
}

body#home,
body#vendor-home {
  background: #fff;
}

.home-form {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 50px;
  width: 70%;
}

.check-circle.bg-primary-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.check-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
}

.bg-primary-2 {
  background-color: #06263e;
  color: #fff;
}

.check-circle-icon {
  width: 16px;
  height: 16px;
}

#wpforms-submit-29275 {
  background: #134c48;
  color: #fff;
  font-size: 15px;
  padding: 10px 20px;
  margin-right: 20px;
  border-radius: 3px;
  border: 2px solid #134c48;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .text-bottom {
    margin-right: 0px !important;
  }

  .home-title {
    max-width: 96%;
  }

  .eligibility {
    max-width: 70%;
    display: inline-block !important;
  }

  .eligibility h1 {
    padding-top: 20px;
  }

  .eligibility > div {
    width: 100%;
  }

  .withimg {
    margin-top: 70px;
  }
}
@media screen and (max-width: 580px) {
  .eligibility {
    max-width: 90%;
    display: inline-block !important;
  }

  #home a.logo,
  #vendor-home a.logo {
    text-align: center;
    display: inline-flex;
    margin-bottom: 20px;
    margin-left: 0px;
  }

  #home .header,
  #vendor-home .header {
    display: inline-block;
    text-align: center;
  }

  a.inicio {
    margin-right: 0px;
  }

  .eligibility-buttons {
    justify-content: center;
  }

  .home-form {
    width: 90%;
  }

  .home-title h1 {
    font-size: 45px;
    padding-top: 40px;
  }
}

button#wpforms-submit-397 {
  background: #46294f;
}

.after-hdr-w-big,
.home-form-main,
.home-content-block {
  max-width: 1440px;

  margin: 0 auto;
}

#wpforms-29275-field_12 {
  margin: 0 auto;
  margin-top: -50px;
  text-align: center;
}

a.button.button-round.social-button-white.w-inline-block {
  padding: 5px;
  background: #000;
  border-radius: 50px;
  margin: 0 5px;
  width: 35px;
  padding: 10px;
  background: hsla(0, 0%, 100%, 0.1);
}

@media (min-width: 1920px) {
  .decoration-circle.content-row-image-circle.home {
    max-height: 320px;
    max-width: 320px;
  }

  .decoration-circle {
    width: 15vw;
    height: 15vw;
  }
}

@media (max-width: 767px) {
  #home .header {
    height: 65px;
  }

  #home .header a {
    margin-top: -10px;
    width: 100%;
    justify-content: space-between;
    padding: 10px 10px;
  }

  .after-hdr-big {
    margin-top: 0;
  }
}

#home .logo img,
#vendor-home .logo img {
  max-width: 300px;
}

.logo-footer svg {
  color: #fff;
}

.footer-home {
  background: #144c49;
  margin: 0 auto;
  padding: 20px 0px;
}

.logo-footer {
  max-width: 200px;
  margin-top: 10px;
}

.container.footer.home {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .home-form-main {
    margin-top: -40px;
  }

  .eligibility-buttons {
    margin-bottom: 40px;
  }

  #home .logo img,
  #vendor-home .logo img {
    margin-top: -3px;
  }

  .home-content-block {
    display: block !important;
  }

  .container.footer.home {
    text-align: center;
  }

  .logo-footer {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .logo-footer svg {
    justify-content: center;
  }

  .social-links.footer-social-links.flex {
    justify-content: center;
    margin-bottom: 10px;
  }

  .withimg img {
    margin-top: 0;
  }

  .withimg {
    margin-top: 0;
  }

  .home-form-main {
    padding-top: 0 !important;
  }

  .after-hdr-w-big,
  .home-form-main {
    width: 100% !important;
    padding-left: 0 !important;
    margin: 0;
    padding-right: 0 !important;
  }

  .header a.par-in {
    background: #134c48;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px !important;
    margin-right: 20px;
    border-radius: 3px;
    border: 2px solid #134c48;
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: 25px;
    width: 110px !important;
  }

  #home .logo img,
  #vendor-home .logo img {
    max-width: 230px;
  }
}

@media (min-width: 768px) {
  .footer-home .text-small.text-white {
    text-align: center;
    margin-top: 20px;
  }

  .logo-footer {
    margin-top: 10px;
    position: absolute;
    width: 200px;
  }

  .footer-home {
    position: relative;
  }

  .decoration-circle.content-row-image-circle {
    top: 200px;
  }

  .decoration-circle.bg-primary-3 {
    height: 200px;
    width: 200px;
  }

  .eligibility {
    max-width: 100%;
    width: 100%;
  }

  .home-form {
    max-width: 100%;
    width: 100%;
  }

  .footer-content {
    justify-content: flex-end;
    display: flex;
  }

  .home-form {
    padding-bottom: 0px;
  }
}

.eligibility-buttons a {
  min-width: 175px !important;
  text-align: center;
}

.wpforms-field-limit-text {
  display: none !important;
}

.bulletins.rounded.bg-white.w-4\/12.p-5.h-full {
  visibility: hidden !important;
}

.start-application button,
.cntn-title button {
  width: 200px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  padding: 10px;
}

ul.h-menu li:hover ul {
  display: inline-block;
  position: absolute;
  width: 105px;
  right: 10px;
  background: #134c48;
  margin-top: 25px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.h-menu ul li {
  margin-top: 10px;
}

span.status.pending_state_income_verification,
.pending_state_income_verification-school,
.pending_state_income_verification-school p {
  background: #ffecd0;
  color: #c67c09;
}

span.status.pending_id_verification,
.pending_id_verification-school p,
.pending_id_verification-school {
  background: #f7c8c8;
  color: #b33b3b;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
  display: none;
}

.spinner {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  margin-bottom: 16px;
}

.message {
  font-size: 18px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.wpforms-save-resume-confirmation {
  display: none !important;
}

.center-video .wp-video {
  margin: 0 auto;
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button {
  margin: 0 0 0 10px;
  min-width: 100px !important;
}
button#wpforms-submit-476 {
  background: #244d47;
}
.retries-left {
  float: right;
  background: #fdc8c8;
  color: #902323;
}

.reset-persona {
  color: #000 !important;
}

.reset-personas {
  color: #000 !important;
}

span.status.manual_review_residency {
  background: #700000;
  color: #fff;
}