/**
 * NN GWO
 *
 * @package     nn
 * @author      NaNet.UK
 * @copyright   NaNet.UK
 * @license     GPL-3.0
 *
 * @wordpress-plugin
 * Plugin Name: NN GWO
 * Plugin URI:  https://nanet.uk/
 * Description: Learning plugin custom made for Belay Rope Access.
 * Version:     3.2
 * Author:      NaNet.UK
 * Author URI:  https://nanet.uk
 * Text Domain: nn-gwo
 * License:     GPL-3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.txt
 */
/* GWO */
#nn-gwo-player {
  text-align: center;
}
#nn-gwo .nn-gwo-please-wait,
#nn-gwo .nn-gwo-submit {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 24px;
    color: #252525;
    border: 3px solid #252525;
    background-color: none;
    width: 100%;
    text-align: center;
    max-width: 600px;
}
#nn-gwo .nn-gwo-exam {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: var(--primary_color);
    border: 5px solid var(--link_color);
    color: white;
}

#nn-gwo .nn-gwo-exam.nn-gwo-exam-complete {
    background-color: white;
    color: black;
}

#nn-gwo .nn-gwo-please-wait {
    border-color: transparent;
    display: none;
}

#nn-gwo .nn-gwo-errors {
    margin-top: 10px;
    color: red;
    display: block;
    min-height: 30px;
}

#nn-gwo .nn-gwo-info {
    margin-top: 10px;
    color: rgb(148, 185, 255);
    display: block;
    min-height: 30px;
}

/* INPUT */
#nn-gwo *[class^="nn-gwo-form-"]:not([type="checkbox"]) {
    margin-bottom: 16px;
    padding: 8px;
    width: 100%;
    border: 2px solid #e5e5e5;
    height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#nn-gwo *[class^="nn-gwo-form-"].error {
    border-color: #a94442;
    outline: 1px solid #1e5180;
}

#nn-gwo .nn-gwo-logged {
  border: 1px solid #CCC;
  background-color: #EEE;
  padding: 8px;
  text-align: center;
  margin-bottom: 10px;
}

#nn-gwo .nn-gwo-cert {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #252525;
  padding: 10px;
}

#nn-gwo .nn-gwo-cert input {
  width: 100%;
  padding: 10px 5px;
  margin-bottom: 10px;
  border: 1px solid #252525;
}

#nn-gwo .nn-gwo-cert input.red {
  border: 1px solid rgb(138, 41, 41);
}

#nn-gwo .nn-gwo-quiz .nn-gwo-info {
  width: 100%;
  max-width: 600px;
  color: rgb(29, 107, 48);
  border: 3px solid rgb(29, 107, 48);
  text-align: center;
  padding: 10px 24px;
  text-transform: uppercase;
}