/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
*/


.course-details-wrapper{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.course-row{
    border:1px solid #e5e5e5;
    padding:25px;
    border-radius:10px;
}

.course-title{
   margin: 0 0 10px;
  font-size: 26px;
  font-weight: 600;
}

.course-description{
    margin-bottom:15px;
    line-height:1.5;
}

.course-price{
    font-size:22px;
    font-weight:500;
    color:#0F37C5;
}

.course-buttons {
    display: flex;
    padding: 30px 0px 0px;
    gap: 15px;
}

.course-buttons .btn{
    color: #fff;
    padding: 8px 25px;
    background: #0F37C5;
    border: 1px solid transparent;
    border-radius: 25px;
    transition: ease-in-out .5s;
}
.course-buttons .btn:hover{
   border: 1px solid #0F37C5;
   color: #0F37C5;
   background: transparent;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0px;
}

.woocommerce-MyAccount-navigation ul li a{
    color: #111;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20% !important;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 78% !important;
}
.woocommerce-MyAccount-navigation-link {
    width: 100%;
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
}
.woocommerce-MyAccount-navigation-link:last-child{
    border-bottom: 0px !important;
}
.woocommerce-MyAccount-navigation-link a br, .woocommerce-form-row br {
    display: none;
}
.woocommerce-MyAccount-content a{
    color: #1C398E;
}
.woocommerce-account .addresses .title .edit {
    float: left !important;
}
.woocommerce .woocommerce-Button, .woocommerce-info .button, .woocommerce-address-fields .button {
     color: #fff !important;
    padding:12px 25px !important;
    background: #0F37C5 !important;
    border: 1px solid transparent !important;
    border-radius: 25px !important;
    transition: ease-in-out .5s;
    margin-top: 10px !important;
}
.woocommerce-form-row .woocommerce-Input, .woocommerce-address-fields .input-text {
    padding: 15px !important;
}
.woocommerce-MyAccount-content fieldset{
    margin-top: 20px;
}
.woocommerce-form-login__submit {
    color: #fff !important;
    padding: 12px 25px !important;
    background: #0F37C5 !important;
    border: 1px solid transparent !important;
    border-radius: 25px !important;
    transition: ease-in-out .5s;
    margin-top: 10px !important;
}

.woocommerce-LostPassword a, .woocommerce-privacy-policy-text p a{
    color: #0F37C5;
}

/* .login-action-login {
    background: #0F37C5 !important;
    display: flex;
  align-items: center;
}
.login-action-login #login {
    width: 450px !important;
  padding: 0 0 0;
  margin: auto;
  background: #fff;
  height: auto;
} */

body.login {

    background:#0F37C5 url("https://dev5.myvtd.site/wimbledon/wp-content/uploads/2026/04/Group-9-1.png");
    display: flex;
    align-items: center;
    background-position: center center;
  background-repeat: repeat;
  background-size: cover;
}
.login .message, .login .notice, .login .success {
    border-radius: 10px;
}
/* Login container */
body.login #login {
    width: 450px;
    padding: 20px 20px;
    background: #fff;
      border-radius: 12px;
     box-shadow: 0 5px 30px rgba(0,0,0,.1);
}

/* Logo */
body.login h1 a {
    background-image: url('https://dev5.myvtd.site/wimbledon/wp-content/uploads/2026/04/Wimbledon-Compliance-Training-Services.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 250px;
    height: 80px;
}

/* Login form */
body.login form {
    background: #fff;
    border: none;
    padding: 15px 10px !important;
  
    
   
}

/* Inputs */
body.login input[type="text"],
body.login input[type="password"] {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
}

/* Login button */
body.login #wp-submit {
    width: 100%;
    background: #0F37C5;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    padding: 5px;
    margin-top: 15px;
}

body.login #wp-submit:hover {
    background: #0F37C5;
}
.login .button.wp-hide-pw {
    top: 7px;
}

.elementor-post__read-more {
    background-color: var( --e-global-color-primary );
  border-radius: 25px 25px 25px 25px;
  padding: 5px 15px;
  color: #fff !important;
  margin-top: 10px;
}

@media(min-width:1200px){
    .woocommerce-form-register {
        height: 408px;
    }
}
@media (max-width:767px){
    .course-buttons {
        flex-wrap: wrap;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
  
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    padding-top: 50px;
}
}
@media (min-width:1024px) and (max-width:1100px){
    .elementor-744 .elementor-element.elementor-element-7a9090a {
    --width: 22% !important;
}
}
@media (min-width:768px) and (max-width:1023px){
        .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
  
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    padding-top: 50px;
}

.elementor-744 .elementor-element.elementor-element-7a9090a {
    --width: 30% !important;
}
}