                                        /* MEMBERSHIP MENU CONTENT TEMPLATE */

.m-menu-heading {
    background-color: #fff;
    cursor: pointer;
    padding: 18px;
    outline: none;
    transition: 0.4s;
    position: relative;
    
    /* postion h2 over image */
    
    width: 80%;
    margin: auto;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);
    bottom: 50px;
}

.m-menu-item {
    position: relative;
    display: inline-block;
    padding-right: 1.5%;
    width: 48%;
    vertical-align: top;
    
}

.m-menu-item p {
    display: none;
    background-color: white;
    overflow: auto;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);
    width: 81%;
    position: relative;
    bottom: 50px;
    margin: auto !important;
    padding: 16px !important;
}

.m-menu-item ul {
    display: none;
    background-color: white;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);
    width: 90%;
    position: relative;
    bottom: 50px;
    margin: auto !important;
}

.m-menu-item ul li {
    list-style: none !important;
    padding: 16px !important;
    display: block;
}

.m-menu-item ul a {
    text-decoration: none;
    font-weight: bold;
}

.m-menu-item ul li:hover {
    background-color: #f1f1f1
}

.m-menu-item:hover .m-menu-heading {
    background-color: #3e8e41;
}
    
@media only screen and (max-width: 600px) {
        
    .m-menu-item {
        width: 100%;
    }
    
    .m-menu-heading {
        border: 0;
    }
    
}

                                        /* COLOUR ALERT CONTENT TEMPLATE */
                                        
    .container-alert {
        padding: 0.5rem 1rem !important;
        border-radius: 4px;
    }

/* WI GREEN */
    .alert-wi-green {
        background-color: #5E7803;
        color: #FFF !important;
    }
    .alert-wi-green h1, .alert-wi-green h2, .alert-wi-green h3, .alert-wi-green h4, .alert-wi-green h5, .alert-wi-green h6, .alert-wi-green p, .alert-wi-green a {
        color: #FFF !important;
    }
    
/* WI DARK GREEN */
    .alert-dark-green {
        background-color: #004236;
        color: #FFF;
    }
    .alert-dark-green h1, .alert-dark-green h2, .alert-dark-green h3, .alert-dark-green h4, .alert-dark-green h5, .alert-dark-green h6, .alert-dark-green p, .alert-dark-green a {
        color: #FFF !important;
    }
    
/* PURPLE */
    .alert-purple {
        background-color: #B884CB;
        color: #FFF;
    }
    .alert-purple h1, .alert-purple h2, .alert-purple h3, .alert-purple h4, .alert-purple h5, .alert-purple h6, .alert-purple p, .alert-purple a {
        color: #FFF !important;
    }

/* BLUE */
    .alert-blue {
        background-color: #7BA6DE;
        color: #FFF !important;
    }
    .alert-blue h1, .alert-blue h2, .alert-blue h3, .alert-blue h4, .alert-blue h5, .alert-blue h6, .alert-blue p, .alert-blue a {
        color: #FFF !important;
    }
    
/* YELLOW */
    .alert-yellow {
        background-color:#F2CD14;
        color: #000;
    }
    .alert-yellow h1, .alert-yellow h2, .alert-yellow h3, .alert-yellow h4, .alert-yellow h5, .alert-yellow h6, .alert-yellow p, .alert-yellow a {
        color: #000 !important;
    }

/* PINK */
    .alert-pink {
        background-color:#FF99EB;
        color: #000;
    }
    .alert-pink h1, .alert-pink h2, .alert-pink h3, .alert-pink h4, .alert-pink h5, .alert-pink h6, .alert-pink p, .alert-pink a {
        color: #000 !important;
    }
    
/* GREY */
    .alert-grey {
        background-color:#eee;
        color: #587b26;
    }
    .alert-grey h1, .alert-grey h2, .alert-grey h3, .alert-grey h4, .alert-grey h5, .alert-grey h6, .alert-grey p, .alert-grey a {
        color: #587b26 !important;
    }
    
                                        /* FORM STYLE */
    
    .sq-form-question {
        padding: 0 0 10px;
    }
    
    .sq-form-question-note {
        color: #587b26;
    }

    .sq-form-section-title {
        margin: 10px 0;
        font-weight: bold;
    }
    
    label.sq-form-question-title {
        display: block;
        padding-inline-end: 2px;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
    }

    .sq-form-question-title {
        padding: 5px 0;
    }

    .sq-form-section input, textarea, select {
        padding: 5px;
        margin: 5px 5px 5px 0;
    }
    
    .sq-form-section input[type="checkbox"] {
        height: 1.1rem;
        width: 1.1rem;
    }

    .sq-form-question-answer li {
        list-style-type: none !important;
    } 
    
    .sq-form-question-answer ul {
        margin-left: 0 !important;
    } 
    
    .sq-form-required-field {
        color:red !important;
        font-weight:bold;
    }
    
    .sq-form-error {
        color:red !important;
        font-weight:bold;
    }
    
    .sq-form-question-answer li {
        clear: both;
    }
    /*
    .sq-form-submit {
        color: white;
        background-color: #587b26;
        padding: 8px;
        border-radius: 2px;
    }*/
    
    .sq-form-submit {
    border-color: -internal-light-dark(green, rgb(133, 133, 133)) !important;
    }
    
    #inner_container .sq-form-question-answer ul {
        margin: 0 !important;
    }