/*--------------------- header styles -----------------    */
.logo_column {
    margin-left: 2em !important;
}

nav.nav_bar {
    background-color: #ffffff !important;
    /*padding-top: 1.7em;*/
}

.side_navigation li a, .nav_bar ul a {
    font-size: 1.3em !important;
    /*font-weight: 500;*/
}

.nav_bar ul a:hover {
    font-weight: 500;
}

.side_navigation li a:hover {
    font-weight: 500;
}

.nav_bar ul li.my_active {
    font-weight: 500;
    background-color: #ffff00 !important;
}

.my_active {
    font-weight: 500;
    background-color: #ffff00 !important;
}

/*.menu_icon {*/
    /*font-size: 3em !important;*/
/*}*/

.menu_icon:hover {
    color: #6a1b9a !important;
}

/*--------------------- footer styles -----------------    */
ul.footer_list li a {
    font-size: 1.2em !important;
}

ul.footer_list li a:hover {
    color: #eeeeee !important;
}

.social_icon:hover {
    color: #eeeeee !important;
}

.ug_flag {
    float: left !important;
    width: 25px !important;
    height: 25px !important;

}

.flag_span {
    display: inline-block !important;
}

.copyright_text {
    display: inline-block !important;
}

/*.copyright_text {*/
/*float: left !important;*/
/*}*/

/*--------------------- Home page styles -----------------    */
.site_heading {
    font-size: 2.9rem;
     text-transform: uppercase;
}

.site_banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/static/img/manchester_banner.jpg");
    background-color: #000;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 1.3rem;
    padding-bottom: 2rem;
}

.card-content p.card_content {
    font-weight: 300 !important;
    font-size: 1.2em;
}

.card_img{
    opacity: 0.5 !important;
}

.read_more {
    color: #6a1b9a !important;
}

.read_more:hover {
    color: #d500f9 !important;
}

blockquote {
    border-left: 5px solid #6a1b9a !important;
}

.block_text_home {
    font-size: 1.6rem !important;
}

.member_btn_div a {
    font-weight: 600 !important;
}

/*--------------------- About Us styles ----------------*/
.about_us_banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/static/img/about_us_banner.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff !important;
    padding-top: 65px !important;
    padding-bottom: 78px !important;
}

.mission_vision {
    padding-top: 6em !important;
}

/*--------------------- Membership styles ----------------*/
.membership_banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/static/img/membership_banner.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    padding-top: 60px !important;
    padding-bottom: 70px !important;
}

.member_paragraph {
    font-size: 1.4em !important;

}

.associate_btn a {
    background-color: #ffffff !important;
    border: 1px solid #bdbdbd !important;
}
.square_btn{
    border-radius: 0 !important;
}

/*--------------------- Events styles ----------------*/
.events_banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/static/img/events_banner.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    padding-top: 65px !important;
    padding-bottom: 78px !important;
    overflow: hidden;
}

.events_container {
    margin: 0 auto;
    width: 85% !important;
}

.container .my_modal {
    overflow: hidden !important;
    background-color: unset !important;
    border-radius: unset !important;
}

.events_card {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border: 1px solid #dedede;
}

/*------------------Events Blog ---------------------------*/

.blog_title {
    font-size: 2.9rem !important;
    letter-spacing: 0.07em;
    font-family: 'Raleway', sans-serif !important;
    font-weight: bold !important;
}

.blog_divider {
    border: 4px solid #ffff00;
    width: 35%;
    margin: auto !important;
}

.blog_post_date {
    font-family: 'Raleway', sans-serif !important;
}

.blog_paragraph {
    font-family: 'Roboto Slab', serif;
}

.blog_title_section {
    padding-top: 2em;
    padding-bottom: 2em;
}

/*--------------- Contact Us Form ------------------------*/
.input_field input[type=text]:focus, .input_field input[type=email]:focus {
    border-bottom: 1px solid #d500f9 !important;
    box-shadow: 0 1px 0 0 #d500f9 !important;
}

.input_field textarea {
    border: 1px solid #9e9e9e !important;
}

.input_field .section textarea[type=text]:focus {
    border: 1px solid #d500f9 !important;

}

.form_btn {
    font-weight: 700;
}

/*------------------- Committe Styles -----------------------*/
.committe_banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/static/img/committe_banner.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff !important;
    padding-top: 65px !important;
    padding-bottom: 78px !important;
}

.team_img {
    max-height: 200px !important;
    max-width: 200px !important;
}

.committee_paragraph {
    font-size: 1.3em !important;
}

.president_col {
    padding-left: 0 !important;
}

/*--------------- Media Queries ---------------------------*/
@media (min-width: 600px) {
    .site_banner {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/static/img/manchester_banner.jpg");
        background-color: #000;
        color: #fff;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding-top: 8.5%;
        padding-bottom: 8.5%;
        overflow: hidden;
    }

    .site_heading {
        font-size: 64px;
        text-transform: uppercase;
        line-height: 130% !important;
        font-weight: 500;
    }

    .block_text_home {
        font-size: 2rem !important;
    }

    .blog_title {
        font-size: 64px !important;;
    }
}

@media (max-width: 600px) {
    .center_small {
        text-align: center;
    }

    .center_img {
        margin: auto !important;
        float: none !important;
    }

    .logo_small {
        height: 4em !important;
    }

    .logo_column {
        margin-left: -1em !important;
    }

}

/*---------------------------- Error --------------------------------*/

/*.line_height{*/
    /*line-height: 4em !important;*/
/*}*/
.error_panel{
    margin: auto !important;
    height: 80%;
    width: auto;
}