/*
--------------------------------------------------------------------------
Copyright 2019 by Mark Lammert and Steve Williams
Master Key Interactive

v1.0.0
--------------------------------------------------------------------------
*/

.page-index-logged-in-wrapperXXX {
  background-color: #4985ce;
	background-image: url("../images/blue_paisley_background.png");
	background-position: center center;
	background-repeat: repeat;
}

.page-index-logged-out-wrapperXXX {
  background-color: #4985ce;
	background-image: url("../images/blue_paisley_background.png");
	background-position: center center;
	background-repeat: repeat;
}

/* ---------------------------------------------- */

.login-form-cjs-tc-logo {
  position: relative;
  
  width: 80%;
  max-width: 450px;
  
  margin: 40px 0px 0px 0px;
  padding: 0px;
}

/*
--------------------------------------------------------------------------
---- WELCOME ----
--------------------------------------------------------------------------
*/

.welcome-wrapper {
  position: relative;
  
  margin: 20px 0px 20px 0px;
  padding: 10px 15px 10px 15px;
  
  width: 80%;
  max-width: 400px;
  
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  
  background-color: rgba(255, 255, 255, 0.15);
}

.index-section-button {
  position: relative;
  
  width: 100%;
  height: auto;
  
  margin: 0px;
  padding: 5px;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  
  border: 2px solid #ffffff;
  
  cursor: pointer;
  
  overflow: hidden; /* so that the below container's top margin doesn't collapse */
}

.index-section-button-icon {
  position: relative;
  
  width: 100%;
  height: 100%;
  
  margin: 0px;
  padding: 0px;
  
  background-image: url("");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.index-one-line-icon {
  height: 45px;
}

.index-two-line-icon {
  height: 75px;
}

.index-hanging-y-icon {
  padding: 5px 5px 0px 5px;
}

.index-fitness-icon {
  background-image: url("../images/button_text_fitness.png");
}

.index-social-icon {
  background-image: url("../images/button_text_social.png");
}

.index-parent-corner-icon {
  background-image: url("../images/button_text_parent_corner.png");
}

/*
--------------------------------------------------------------------------
---- LOGIN FORM ----
--------------------------------------------------------------------------
*/

.login-form-wrapper {
  position: relative;
  
  margin: 20px 0px 20px 0px;
  padding: 10px 15px 10px 15px;
  
  width: 80%;
  max-width: 400px;
  
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  
  background-color: rgba(255, 255, 255, 0.15);
}

.login-form-agree-text {
  color: #000000;
}

#login-form-agree-link-pp, 
#login-form-agree-link-tac,
#login-form-tac-pp-link {
  color: #000000;
  text-decoration: underline;
  
  cursor: pointer;
}


/*
--------------------------------------------------------------------------
---- FORGOT PASSWORD FORM ----
--------------------------------------------------------------------------
*/

.forgot-form-wrapper {
  position: relative;
  
  margin: 20px 0px 20px 0px;
  padding: 10px 15px 10px 15px;
  
  width: 80%;
  max-width: 400px;
  
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  
  background-color: rgba(255, 255, 255, 0.15);
}

/*
--------------------------------------------------------------------------
---- RESET PASSWORD FORM ----
--------------------------------------------------------------------------
*/

.reset-form-wrapper {
  position: relative;
  
  margin: 20px 0px 20px 0px;
  padding: 10px 15px 10px 15px;
  
  width: 80%;
  max-width: 400px;
  
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  
  background-color: rgba(255, 255, 255, 0.15);
}

.reset-form-wrapper ul {
  padding: 0px 0px 0px 25px;
}

/*
--------------------------------------------------------------------------
---- PP AND TAC MODALS ----
--------------------------------------------------------------------------
*/

#modal-privacy-policy .modal-body,
#modal-privacy-policy .modal-body *,
#modal-terms-and-conditions .modal-body,
#modal-terms-and-conditions .modal-body * {
  color: #000000;
}

#modal-privacy-policy .modal-body hr,
#modal-terms-and-conditions .modal-body hr {
  height: 1px;
  
  background-color: #000000;
}