body {
  background: url(/wp-content/themes/gameon-master/images/impact-bg.jpg)
    left bottom no-repeat transparent;
}
.wrapper,body
{
    height:auto !important;
}
.card5 {
  border: 0;
  border-radius: 0px;
  -webkit-box-shadow: 0 3px 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 0px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
  position: relative;
  will-change: transform;
  min-height: 480px;
    border:1px solid #ccc;
}
.card5:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background-color: #57e2b2;
  transition: 0.5s;
}
.card5:hover {
  transform: scale(1.05);
  -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
}
.card5:hover:after {
  width: 100%;
}
.card5 .card-header {
  background-color: white;
  
  border-bottom: 0px;
}
.card5 .card-title {
  margin-bottom: 1rem;
}
.card5 .card-block {
  padding-top: 0;
  text-align: center;
}
.card5 .list-group-item {
  border: 0px;
  padding: 0.25rem;
  color: #000 !important;
}

.display-2 {
  font-size: 5rem;
  letter-spacing: -0.5rem;
  font-weight: bold;
  color: #fff;
    text-align: center;
}
.display-2 .currency {
  font-size: 2.75rem;
  position: relative;
  font-weight: 400;
  top: -45px;
  letter-spacing: 0px;
}

.display-2 .currency2 {
  font-size: 1.75rem;
  position: relative;
  font-weight: 400;
  top: 0px;
  letter-spacing: 0px;
}


.display-2 .period {
  font-size: 1rem;
  color: #b3b3b3;
  letter-spacing: 0px;
}

.btn {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
  color: #a6a6a6;
  border-radius: 0;
  padding: 0.75rem 1.25rem;
  letter-spacing: 1px;
}

.btn-gradient {
  background-color: #272360;
  transition: background 0.3s ease-in-out;
  color: #fff;
}
.btn-gradient:hover {
  color: white;
  background-color: #53a3d9;
}

input,textarea {
  border-radius: 0.25rem !important;
  padding: 1rem !important;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: #e8f0fe !important;
  color: #000 !important;
    width:100%;
}
input[type="submit"] {
  background-color: #272360 !important;
  color: #eee;
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
    width:auto;
}
.alert-logout {
  padding: 12px;
  margin-bottom: 20px;
  background-color: #8ef3c5;
  color: #42a084;
}
.alert-danger {
  padding: 12px;
  margin-bottom: 20px;
  background-color: #ff8f5e;
  color: #fff;
}

.main_button {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  background-color: #ccc;
  display: block;
  margin: 8px;
  padding: 10px;
}

.main_button span {
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  bottom: 20px;
  left: 40px;
}

#button_golf {
  background-size: cover !important;
  background: url("/wp-content/uploads/2024/02/gettyimages-1410422468_wide-f64095a661d8b05ad0433ef9da08b1f83dd23d24.jpg")
    center center no-repeat transparent;
}
#button_tennis {
  background-size: cover !important;
  background: url("/wp-content/uploads/2024/02/tennis_racket_balls_ss_0618_noexp_620x400.webp")
    center center no-repeat transparent;
}
#button_fitness {
  background-size: cover !important;
  background: url("/wp-content/uploads/2024/02/functionalfitnesspushup-64f0c03d31a11.jpg")
    center center no-repeat transparent;
}
#button_aquatics {
  background-size: cover !important;
  background: url("/wp-content/uploads/2024/02/Health-Swimming-080c78802f384a4687df5a3b13d5611e-3719a8e40a3c4c43a63a4d795e47c505.jpg")
    center center no-repeat transparent;
}

#gamon-footer
{
    width:100%;
    height:50px;
    background-color: #0a8bd1;
    line-height: 50px;
    color:#fff;
}

#topbar
{
     width:100%;
    height:50px;
    background-color: #0a8bd1;
    line-height: 50px;
    color:#fff;
}
#main-logo {
    padding: 30px 0px 30px 0px;
}
#header
{
    margin-bottom: 30px;
}
.main-welcome
{
    font-size: 26px;
    font-weight:bold;
    text-align: center;
    color:#01acc3;
}
.main-welcome2
{
    font-size: 16px;
    font-weight:bold;
    text-align: center;
    color:#01acc3;
}


@media screen and (max-width:425px)
{
    #menu-front-end
    {
       padding-left: 0px;
        margin: 50px auto !important;
        left: -20px !important;
        position: relative !important;
    }
    #menu-front-end li,
    #menu-front-end li a
    {
        width:100% !important;
        margin: 0px 0px 0px 0px;
        display: block !important;
    }
    #menu-front-end li a{
        margin-bottom: 10px;
        text-align: center;
    }
    #main-logo {
        padding: 30px 0px 0px 0px;
    }
    #menu-front-end li
    {
        padding-right: 0px !important;
    }
}

.wpcf7 label
{
    display: block;
}

.s2member-pro-stripe-checkout-submit
{
    color:#fff !important;
    font-weight:bold !important;
}


/* -------------------------------------- LEARNPRESS ----------------------------------- */


.lp-single-course__header__inner
{
    background: linear-gradient(98deg, rgba(30, 125, 193, 1) 0%, rgba(82, 193, 239, 1) 100%);
    color:#fff;
    border-radius:6px;
}
.learn-press-comments,
.lp-section-instructor,
.lp-course-comment
{
    display:none;
}

.lp-btn-finish-course,
.lp-single-course .lp-single-course-main .course-buttons .lp-button {
    background-color: #ffca7b !important;
    border: #ff6600 !important;
    color: #fffff !important;
    font-weight:bold;
}

.lp-btn-finish-course:hover,
.lp-single-course .lp-single-course-main .course-buttons .lp-button:hover
{
    background-color: #fbab34 !important;
}

#sidebar-toggle,
.info-learning .course-progress__line__active {
    background: #ffca7b !important;
}


.quiz-status>div {
     background: #ffca7b !important;
}

.course-instructor-category
{
    display:none !important;
}
.lp-single-course-main__right
{
            margin-top: -210px !important;
}


#popup-header {
    background: linear-gradient(98deg, rgba(30, 125, 193, 1) 0%, rgba(82, 193, 239, 1) 100%) !important;
    color:#fff;
}

#button-submit-quiz,
.lp-button.start
{
    background: linear-gradient(98deg, rgba(30, 125, 193, 1) 0%, rgba(82, 193, 239, 1) 100%) !important;
    color: #fff;
}

.lp-list-courses-related
{
    display:none;
}

.info-metas div:nth-child(3)
{
    display:none;
}



.pmpro_btn
{
    background-color: #348DCC !important;
}

.pmpro_form_field-password-toggle-state
{
    color: #fff;
    padding: 7px;
    font-size: 12px;
}
.pmpro_btn-password-toggle span
{
    color:#fff;
}

.card
{
    z-index: 9999;;
}

