/** This code removes the page title or header from the clientarea dashboard **/
.page-clientareahome .main-header {
    display: none;
}



/** This code removes the call to action and cart icon from pomotion manager banner throughout the site **/
.promo-slider-more>i {
    display: none;
}




/** This code removes the footer from all the pages of this app **/
.main-footer .footer-bottom {
    display: none; 
}



/** The code below changes the Login, Registration & Password Reset page font styling but display has been set to none for now. Remove "display: none" whenever you are ready to enable the title heading **/
.login-body>.login-title {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    display: none;
}



/** This code adds bottom margin to Login, Registration and Reset Password Heading **/
.login-header {
    text-align: center;
    margin-bottom: 30px;
}



/** The code below adds top margin to the registration form in the registration page  **/
.section .section-header>:last-child {
    margin-top: 30px;
}


/** This code add top margin to the reset password form discription **/
.login-desc {
    margin-top: 20px;
}


/** The code below changes the "Register a New Domain" heading size in the client area dashboard **/
.client-home-panels .panel-domain-register .panel-heading .panel-title {
    font-size: 20px;
}



    
/** The code below changes the product prices font size in the Shopping Cart in client area**/
.price-sm {
    font-size: 20px;
}



/** The code below adds wakanda host svg pattern to the login, registration and reset password pages **/
.page-login .main-body:not(.main-body-has-sidebar) {
background-image: url(https://my.wakandahost.com/templates/lagom2/assets/bg.svg);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 65%;
    padding-bottom: 5%;
}




/** The code below helps makes the svg pattern work on the mobile website **/
@media (max-width: 767px){
.page-login .main-body:not(.main-body-has-sidebar) {
   background-size: 180%;
   padding-bottom: 10%;
}
}



/** The code below removes the shortcut block from the mobile version of the website **/
@media (max-width: 767px){
.sidebar.sidebar-secondary {
display: none;
}
}


/** The code below adds padding to the products slider control dots that shows on the mobile **/
@media (max-width: 767px){
.col-12 {
    padding-top: 30px;
}
}

/** The code below adds bottom margin to the login and registration page to seperation between the svg pattern and the form **/
@media (max-width: 767px){
.login-wrapper {
    margin-bottom: 30px;
}
}