/* 
    Created on : 01/09/2016, 9:22:24 AM
    Author     : John Zeaiter
*/
/* 

/** ******* Test Area ********* */



/** ******* Test Area ********* */

body {
    font-family: Arial !important;
    font-style: normal;
    font-variant: normal;
    letter-spacing: -.2px !important;
}

p {
    font-family: Arial !important;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 20px;
    margin-bottom: 0px !important;

}

h1 {
    font-family: Arial !important;
    font-size: 36px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 40px;
}

h2 {	
    font-family: Arial !important;
    font-size: 23px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 33px;
}


h6 {	
    font-family: Arial !important;
}

p + h1 {
    padding-top: 0px;
}

.jl-buttons {
    margin-bottom: 0px !important;
}

.jl-buttons a.vc_general{
    font-size: 14px !important;
    height: 34px !important;
    padding: 8px 0px !important;
    width: 237px !important;
}

.main-area {
    padding-bottom: 0 !important;
}

#footer {
    margin-top: 25px !important;
}

#footer div.textwidget p.footer-text {
    font-size: 14px !important;
}

#footer_bottom p{
    font-size: 14px !important;
}

#jl-mp{
    font-size: .6em;
}
.vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0 !important;
}
#jl-topstrip {
    height: 3px;
    background: #252599; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #06f8f8 , #252599); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #06f8f8, #252599); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #06f8f8, #252599); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #06f8f8 , #252599); /* Standard syntax */
}

.jl-submenu-text{
    font-size: 1.2em;
}

#menu-main-nav.sf-menu li ul a {
    padding: 7px 7px !important;
    width: 200px !important;
}

#menu-main-nav > li strong {
   font-weight: normal;
}

.jl-custom-link strong {
   font-weight: normal;   
}


.form-label{
    min-width: 250px;
    float: left;
}

#jl-upload-file {
    margin-top: 35px;
    width: 100%;
}

#upload-supporting-document{
    margin-bottom: 35px !important;
}


.fa-red{
    color: #a94442;
    font-size: 7px;
    vertical-align: top;
} 
 
.newsletters .text-danger {
    font-size: 7px !important; 
}
 
.slider-row div.wpb_layerslider_element{
    margin-bottom: 0 !important;
}

.slider-row div.vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}



.strip-row div.vc_column-inner{
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/** ******* Header ********* */
.logo {
    display: none !important;
}

#menu-item-321 {
    border-left: none !important;
}


#header .header-area {
    padding: 0px 0 !important;
}


#header .header-menu-image {
height: 110px;
width: 324px;
margin-right: 40px;
border-left: none !important;
background-image: url(/wp-content/uploads/2016/11/leeser-header-option-1.png);
background-position: 0 0;
background-repeat: no-repeat;
/*background-size: 100%;*/

}

#header .header-menu-image strong{
    display: none;
}

body.karma-body-mega-menu #menu-main-nav li {
    padding: 4px 13px 4px 13px !important;
}

nav[role=navigation] {
    margin-right: 5%;    
}

.header-holder{
    border-top: none !important;
}

ul#menu-main-nav li.menu-item-has-children strong::after {
    content: "\f0dd" !important;
    font-size: 15px !important;
    top: -3px !important;
}

#tt-mobile-menu-button {
    background-color: #007cb7 !important;
    background-image: url(/wp-content/uploads/2016/11/leeser-header-option-1.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 230px 77px;
height: 68px;
}



#tt-mobile-menu-button span::after, .tt-icon-box span.fa-stack {
    color: #ffffff !important;
}

#tt-mobile-menu-wrap {
    background: #007cb7 !important;
}

#tt-mobile-menu-list {
    background: #007cb7 !important;
}

#tt-mobile-menu-list li a, #tt-mobile-menu-list li span.karma-mega-title {
    color: #ffffff !important;
}
/** ******* Header ********* */

#about-julian-content, #about-berowra-content, .maiden-speech-content, .community-links-content, .contact-us-content {
    background-color: white;
    padding-top: 15px;
}

.media-content {
    padding-top: 15px;
}

.media-recent-posts{
    background-color: white;
    padding: 25px;
}

.readmore-container {
    width: 100%;
    text-align: right;
}

.readmore-link{
    text-decoration: none;
}

#about-berowra-content .wpb_raw_html {
    margin-bottom: 0px !important;
}

.community-links-image {
    margin-bottom: 0px !important;
}

.community-links-content .wpb_content_element {
    margin-bottom: 0px !important;
}

.posted-by-text{
    display: none !important; 
}

.media-release-blogrole .entry-title a {
    color: #002C5C !important;
}

#content.content_blog {
    width: 100% !important;
}

#about-author-wrap {
    display: none !important;
}
/** ******* Admin START ********* */
.edit-page-button {
    display: none;
}


.hide_admin_sections {   
    /* This hides certain section from the admin screen from every user except userid 1 (See jl_script)*/
    display: none !important; 
}
/** ******* Admin END ********* */

/* ******* Home page START ******* */



.logo-icon {
    height: 35px;
    width: 35px;
    float: left;
}

.true-icon-text {
    margin: 0;
    text-align: center;
    padding-top: 8px
}

.section-one-title {
    color: white !important;
    text-align: left; 
    font-size: 50px !important;
    margin-bottom: 0;
    text-align: center;
}

.section-one-subtitle{
    color: white !important;
    text-align: left; 
    font-size: 30px !important;
    text-align: center;
}

.home-icon-text{
    font-size: 16px !important;
}

.jl-custom-link {
    color: #444;
    padding: 4px 10px;
    text-decoration: none !important;
    font-size: 1.1em;
}

/*.jl-custom-link:hover {
     text-decoration: underline !important; 
    background:#E8F0FF;
    border-radius: 10px;
    transition:all 0.3s ease;
}*/

#jl-home-imagebox-row{
    margin-bottom: 25px !important;
}

.jl-home-button-box span.icon-circ-wrap {
    display: none !important;
}

#jl-home-imagebox-row .jl-home-button-box  {
    min-height: 425px;
}

#jl-home-imagebox-row .jl-home-button-box p {
    line-height: 24px;
}
#jl-home-imagebox-row .true-text-wrap {
    padding: 5px 38px 20px;
}

/* ******* Home page END ******* */

.jl-media-releases div {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

ul.jl-media-releases {
    list-style-type: none;
    margin: 0 !important;
}

.jl-media-releases img {
float:left; 
}

.jl-media-releases p {
    font-size: 17px;
}

.jl-media-releases a.jl-blogpost-title {
    text-decoration: none;
    color: #002C5C !important;
}

.shadow_img_frame {
    background: none !important;
}

.shadow_img_frame img, .shadow_img_frame span.tt-blog-placeholder {
    top: 0 !important;
    left: 0 !important;
}


.post_comments, #respond, .post_date {
    display: none !important;
}

.blog_post_date {
    margin-top: 10px;
}


.newsletters label {
    font-weight: normal;
}

.newsletters-fieldholder {
    padding-bottom: 25px !important;
}

.newsletters label{
    float: left;
    width: 250px;
    margin-bottom: 0px !important;
}

.newsletters .form-control{
    float: left;
    width: 300px !important;
}

.newsletters .form-group{
    width: 600px;
}

/* ******* Contact form START ******* */
#contactform-firstname-label{
    float: left;
}

#contactform-firstname{
    width: 285px;
}

#contactform-lastname{
    width: 285px;
}

#contactform-email{
    width: 600px;
}

#contactform-subject{
    width: 600px;
}

#contactform-message{
    width: 600px;
}
.wpcf7-submit {
    background: rgb(0, 124, 183) none repeat scroll 0% 0% !important;
    border-radius: 10px;
}
/* ******* Contact form END ******* */

/* ******* Request Message form START ******* */
 
.title-field {
   width: 90px; 
}

.name-field{
    width: 300px;
}

.address-field{
    width: 400px;
}

.message-field {
     width: 600px;
}
/* ******* Request Message form END ******* */


.megamenu-desc {
    color: white !important;
}

.megamenu-heading{
    color: white !important;
}

.berowra-member-list div.wpb_text_column, .berowra-member-list div.vc_column_container{
    margin-bottom: 0px !important;
}
.berowra-member-list-title{
    
}


/* *************** footer START *******************/
#footer-top{
    display: none !important;
}

.footer-link-column {
   margin-bottom: 15px; 
}
.footer-link-column a strong{
    color: white !important;
}

.footer-link-column .vc_column-inner {
    -webkit-box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.65);
    padding-top: 0px !important;
    margin: 0 auto;
    width: 90% !important;
    padding-left: 0;
    padding-right: 0;
    background: #007cb7 none repeat scroll 0% 0%;
    padding-bottom: 10px;
    padding-top: 5px;
    border-radius: 10px;
}

.footer-link-column .vc_column-inner:active {
    -webkit-box-shadow: -2px -2px 1px 1px rgba(0,0,0,0.65);
    -moz-box-shadow: -2px -2px 1px 1px rgba(0,0,0,0.65);
    box-shadow: -2px -2px 1px 1px rgba(0,0,0,0.65);  
}

.footer-link-column .vc_column-inner:hover {
    text-decoration: none !important; 
    background: #00acfe none repeat scroll 0% 0%;
    transition:all 0.3s ease;
    cursor: pointer;
}



#foot_left {
    font-size: 1.1em;
}


.footer-content{
    padding: 15px 0 !important;    
    text-align: center;
}

.footer-content p strong {
    color: white !important;
}

.footer-text {
    /*color: black !important;*/    
    text-align: left;
}

.footer-text a {
    text-decoration: underline;
    color: white !important;   
}
#footer-image{
    width: 100px;
}

#footer_menu {
    width: 100%;    
}
#footer_menu-inner {
    display: inline-block;
    
}


#footer_menu-inner #menu-main-nav li strong {
    /*color: black !important;*/
}

#footer_menu-inner #menu-main-nav li strong::after {
    /*color: black !important;*/
}


.one_fifth_last{
    text-align: center;
}

.footer-main-menu{
    margin: 0 !important;  
    /*color: black !important;*/
}

#footer-facebook-icon {
    width: 55px;
    margin: 0 auto;
}

.ls-slide img.ls-bg{
    margin-top: 0 !important;
}

#footer-column-logo {
    width: 100px !important;
    margin-right: 40px;
    margin-left: 20px;
}

#footer-column-facebook{
    width: 63px !important;
    margin-right: 20px;
    margin-left: 0px;
}

.footer-column-text {
    width: 220px !important;
}






/* *************** footer END *******************/

@media only screen and (max-width:768px){
    #jl-home-imagebox-row{
        margin-bottom: 0 !important;
    }
    
    #header .header-menu-image {
        display: none !important;
    }
    .berowra-member-list{
        margin-bottom: 24px !important;
    }
    
    .berowra-member-list div.berowra-member-list-title div.wpb_wrapper p{ 
        font-weight: 600 !important;
    }    
}

@media only screen and (max-width:632px){
    .name-field{
        width: 220px;
    }

    .address-field{
        width: 220px;
    }

    .message-field {
        width: 220px;
    } 

    #contactform-firstname{
        width: 250px;
    }

    #contactform-lastname{
        width: 250px;
    }

    #contactform-email{
        width: 250px;
    }

    #contactform-subject{
        width: 250px;
    }

    #contactform-message{
        width: 250px;
    }


    .newsletters label{
        float: left;
        width: 100% !important;
    }

    .newsletters .form-control{
        float: left;
        width: 100% !important;
    }

    .newsletters .form-group{
        width: 100% !important;
    }
}

@media only screen and (max-width:390px){
    #tt-mobile-menu-button {
        background-size: 200px 67px;
        height: 62px;
    }
    
}


@media only screen and (max-width:600px){
    #jl-home-imagebox-row .vc_column_container {
        margin-bottom: 0px !important;
    }

    .slider-row div.vc_column_container {
        margin-bottom: 0px !important;
    }    
    
    .strip-row div.vc_column_container {
        margin-bottom: 0px !important;
    }
}


@media only screen and (max-width:1060px){
    #menu-main-nav{
        margin-top: 0 !important;
    }
    
    #header .header-menu-image {
        height: 110px;
        margin-right: 0px !important;
    }
}

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

    #header .header-menu-image {
        width: 100%;
        background-size: unset !important;
    }
}