/*
Theme Name: City of Hillard - Elementor
Author: Buckeye Innovation
Author URI: https://buckeyeinnovation.com/
Description: Theme for City of Hilliard WordPress site.
Text Domain: hilliard-elementor
Template: hello-elementor
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/**************** Custom Login Component ****************/
#rectrac-form-wrapper * {
  color: #fff;
}
#rectrac-form-wrapper.logged-in .logged-out,
#rectrac-form-wrapper.logged-out .logged-in {
  display: none;
}
#rectrac-form-wrapper .form-section {
  max-width: 525px;
  padding: 55px 90px;
  background-color: #16629a;
}
#rectrac-form-wrapper label,
#rectrac-form-wrapper a {
  font-weight: 600;
}
#rectrac-form-wrapper input {
  color: #495057;
}
#rectrac-form-wrapper .solid-button {
  transition: all 0.3s ease-in-out;
  border: none;
  border-radius: 3px;
  padding: 15px 12px;
  text-align: center;
  background-color: #ffffff;
  color: #16629a;
  width: 100%;
  margin-top: 1rem;
}
#rectrac-form-wrapper .solid-button:hover,
#rectrac-form-wrapper .solid-button:focus {
  background-color: #143852;
  color: #fff;
}
#rectrac-form-wrapper .outline-button {
  transition: all 0.3s ease-in-out;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 6px 12px;
  text-align: center;
}
#rectrac-form-wrapper .outline-button:hover,
#rectrac-form-wrapper .outline-button:focus {
  background-color: #ffffff;
  color: #16629a;
}

/* Logged out */
#rectrac-form-wrapper .form-section form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#rectrac-form-wrapper .forgot-login-container {
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
  text-align: center;
}
#rectrac-form-wrapper .separator-container {
  display: flex;
  gap: 1rem;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
}
#rectrac-form-wrapper .separator-container .divider-line {
  height: 1px;
  background: white;
  width: 100%;
}
#rectrac-form-wrapper .create-acct-btn {
  text-transform: uppercase;
  margin-top: 1rem;
}

/* Logged in */
#rectrac-form-wrapper .logged-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
#rectrac-form-wrapper .logged-in-msg {
  font-size: 1.5rem;
  color: #ffffff;
}

@media screen and (max-width: 375px) {
  #rectrac-form-wrapper .form-section {
    max-width: 315px;
    margin: 0 auto;
    padding: 35px 50px;
  }
}
@media screen and (max-width: 500px) {
  #rectrac-form-wrapper .form-section {
    max-width: 480px;
    padding: 50px 80px;
  }
}
/**************** End Custom Login Component ****************/