/*
 Theme Name:     CMBHA (Divi Child)
 Theme URI:       
 Description:    
 Author:         Livetech
 Author URI:     http://www.livetech.co.uk
 Template:       Divi
 Version:        1.0
 */
/* =Theme customization starts here
------------------------------------------------------- */
body{
    font-family: stolzl,sans-serif;
}

a{
    color: #273450;
}
a.white, .home-box.tide a{
    color: #d1d1d1;
    font-weight: bold;
	
}
#menu-cmbha-main-navigation li a {
    font-family: stolzl,sans-serif;
    font-weight: 400;
    font-style: normal;
}

.heading-text:after{
    content: "";
    display: block;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 0px;
    height: 1px;
    bottom: 0;
    margin: auto;
    left: 0;
    border-bottom: 3px solid #0e3b5b;
}

.heading-text.white:after{
    border-bottom: 3px solid #fff;
}

.heading-text.left:after{
    float: left;
}

#menu-cmbha-main-navigation .sub-menu{
    width: 300px;
    border-top: 3px solid #233048!important;
}
#menu-cmbha-main-navigation .sub-menu li{
    display: block;
    width: 100%;
}
#menu-cmbha-main-navigation .sub-menu li a {
    font-size: 15px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
    width: 100%;
}

/* Members Area Login Form */

#loginform {
    text-align: center;
    display: block;
}

#loginform label {
    display: block;
}

#loginform input{
    margin: 0;
    padding: 8px 18px;
    border-radius: 3px;
}
/* Homepage Current Conditions Box */

#home-cc {
    color: #fff;
    display: block;
    margin: 15px 0;
}
#home-cc h3{
    color: #fff;
}
#home-cc .home-box.weather{
    display: flex;
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0;
    vertical-align: middle;
    align-items: center;
}
#home-cc .home-box.tide {
    margin-top: 30px;
    display: block;
    float: left;
}
#home-cc .home-box.weather .weathericon{
    float: left;
    display: inline-block;
}
#home-cc .home-box.weather .weathericon img{
    width: 150px;
}
#home-cc .home-box.weather .weatherinfo{
    float: left;
    display: inline-block;
}
#home-cc .home-box.weather .weatherinfo .weatherlabel{
    text-transform: uppercase;
    font-size: 18px;
}
#home-cc .home-box.weather .weatherinfo .weathertemp{
    font-size: 18px;
}

.camupdated, .currtemp{
    text-align: center;
    color: #fff;
}

/** Gallery **/

.ngg-galleryoverview.default-view{
    margin: 0px!important;
}
/** MEMBERSHIP CARD **/
body.membercard {
    background:none;
}

body.membercard #main-content {
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    background:transparent;
    width:100%;
}


#membershipcard {
    box-shadow: 0px 0px 20px 0px #d5d5d5;
    -webkit-box-shadow: 0px 0px 20px 0px #d5d5d5;
    -moz-box-shadow: 0px 0px 20px 0px #d5d5d5;
    border: 1px solid #e9e9e9;
    margin: 5px auto;
    width: 320px;
    min-height: 420px;

    text-align: center;
    background: url(images/memberbg.jpg);
    background-size: cover;
}

#membershipcard .inner {
    padding: 20px;
}

#membershipcard .title{
    font-size:30px;
    font-weight:bold;
    text-transform: uppercase;
    border-top: 2px solid #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
    padding: 10px 0;
    margin: 10px 0;
}

#membershipcard .name {
    font-size: 36px;
    text-transform: capitalize;
    font-weight: bold;
    color: #595959;
}


#membershipcard .memberno {
    font-size: 16px;
    font-weight: normal;
    color: #595959;
    display: block;
    padding: 10px 0;
}

#membershipcard .expires {
    font-size: 16px;
    font-weight: normal;
    color:#595959;
    display: block;
    padding: 10px 0;
}

@media only screen and (min-width:980px) and (max-width:1100px){
    #membershipcard {
        width:96%;
        height:auto;
        min-height:420px;
    }

    #membershipcard .inner {
        padding:20px;
    }

    #membershipcard .title {
        display: inline-block;
        font-size:31px;
        float:right;
    }


    #membershipcard .logo {
        float: left;
        padding: 0px 50px;
        display: inline-block;
    }

    #membershipcard .name {
        font-size: 36px;
        text-transform: capitalize;
        font-weight: bold;
        display: block;
        color: #595959;
        text-align: center;
        width: 100%;
        clear: both;
        padding: 30px 0;
    }
    #membershipcard .memberno {
        font-size: 18px;
        font-weight: normal;
        color: #595959;
        display: block;
        padding: 10px 0;
        display: inline-block;
        float:left;
    }
    #membershipcard .expires {
        font-size: 16px;
        font-weight: normal;
        color: #595959;
        display: inline-block;
        padding: 10px 0;
        float:right;
    }
}

@media only screen and (min-width:680px) and (max-width:980px){
    body.membercard #main-content {
        width:100%;
    }
    #membershipcard {
        width:96%;
        position: relative;
        top:0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 300px;
        margin: auto;
    }
}
@media only screen and (min-width:480px) and (max-width:680px){

    body.membercard #main-content {
        width:100%;
    }

    #membershipcard {
        width:96%;
        height: 270px;
        min-height:270px;
        margin: auto;
    }

    #membershipcard .inner {
        padding:20px;
    }

    #membershipcard .title {
        display: inline-block;
    }


    #membershipcard .logo {
        float: left;
        // padding: 0px 50px;
        display: inline-block;
    }


    #membershipcard .name {
        font-size: 36px;
        text-transform: capitalize;
        font-weight: bold;
        display: block;
        color: #595959;
        text-align: center;
        width: 100%;
        clear: both;
    }
    #membershipcard .memberno {
        font-size: 18px;
        font-weight: normal;
        color: #595959;
        display: block;
        padding: 10px 0;
        display: inline-block;
        float:left;
    }
    #membershipcard .expires {
        font-size: 16px;
        font-weight: normal;
        color: #595959;
        display: inline-block;
        padding: 10px 0;
        float:right;
    }
}

@media only screen and (max-width:480px){

    body.membercard #main-content {
        width:100%;
    }
    #membershipcard {
        width:96%;
        position: relative;
        top:0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 450px;
        margin: auto;
    }
}

/** END MEMBERSHIP CARD **/


/** Contact Form **/

.wpcf7-form input, .wpcf7-form textarea{
    padding: 10px 15px;
    width: 100%;
}

#wpcf7-f5480-p17-o1 input[type="submit"]{
    background: #e8dfd6;
    color: #273450;
    border: 0px;
    padding: 20px;
    cursor: pointer;
}
}