/* WRX24 owrx gloabl overrides*/

:root {

    --theme-gradient: linear-gradient(95deg, var(--primary) 20%, var(--primary-l1) 50%, var(--primary-l1) 90%, var(--primary) 100%) 98% / 200% 100%;
    
}

/*
body{

    height: initial;

}
*/

#wrx-canvas {

    background-color: transparent;
    
}

/* EDIT-LAB */

.form-notice .form-check .form-check-label .form-check-content {

    padding-left: 1rem;
    
    margin-top: -.2rem;
    
}

input[type=checkbox],

input[type=radio] {

  opacity: initial; /* EDIT-LAB */
  
}

input[type=radio] {

    height: initial; /* EDIT-LAB */
    
    position: relative;
    
    width: auto;
    
}


.wrx-ui-nav-header-menu-unit {

    padding-left: 2rem;

}

.wrx-ui-brandbar-nav {

    justify-content: flex-end;
    
    align-items: center;

}

.mainmenu-nav {

  padding: 0 2rem;
  
}

.mainmenu-nav .mainmenu > li > a {

    color: var(--color-body);
    
    font-size: 1rem;
    
    font-weight: 500;
    
    padding: .5rem 1rem;
    
    display: block;
    
    height: auto;
    
    line-height: 1.1;
    
    transition: 0.3s;
    
}

.wrx-ui-brandbar-logo {

    max-height: 45px;

}

.wrx-ui-brandbar-button {

    cursor: pointer;
    
    color: var(--silver);
    
    margin-left: .8rem;
    
    font-size: 1rem;
    
    line-height: 1rem;
    
    display: flex;
    
    align-items: center;
    
    justify-content: space-between;
    
}

.wrx-ui-brandbar-button i {

    font-size: 1.4rem;
    
    line-height: 1.4rem;

}

.wrx-ui-brandbar-button:hover {

    color: var(--white);
    
}


/* Custom Theme for RedWave Logo Only - Remove in Library */

.wrx-ui-brandbar {

    padding: .8rem 1rem .5rem 1rem;

}

.wrx-ui-brandbar-logo {

    margin-bottom: .3rem;
}



h2 {

    color: var(--secondary);

}

h3 {

    color: var(--primary-l1);

}

h4 {

    color: var(--secondary-l1);

}