/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
  @font-face {
      font-family: 'CamboRegular';
      src: url('../webfonts/Cambo-Regular-webfont.eot');
      src: url('../webfonts/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/Cambo-Regular-webfont.woff') format('woff'), url('../webfonts/Cambo-Regular-webfont.ttf') format('truetype'), url('../webfonts/Cambo-Regular-webfont.svg#CamboRegular') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family: 'WebSymbolsRegular';
      src: url('../webfonts/websymbols-regular-webfont.eot');
      src: url('../webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/websymbols-regular-webfont.woff') format('woff'), url('../webfonts/websymbols-regular-webfont.ttf') format('truetype'), url('../webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
      font-weight: normal;
      font-style: normal;
  }


body {
    background-image: url('../images/background-background.jpg');
    background-repeat: repeat;
    font-size:  12px;
}

.container {
    background-image: url('../images/background-content.jpg');
    min-height: 100vh;
    
}

.header {
    height: 50px;
    padding-top:  10px;
    padding-left: 10px;
    box-sizing: border-box;
    color: #be1e2d;
}

.header div div {
    height: 100%;    
    float: left;
    line-height: 30px;
    font-family: 'Lobster Two'; font-size: 18px;
}

.header .right {
    float: right;
    text-align: right;
}


.menu {
    height: 60px;
    padding-top: 15px;
    border-top: 1px solid #f2e4b7;
    border-bottom: 1px solid #f2e4b7;
    vertical-align: middle;
}
.menu #cssmenu {
    padding-left: 20px;
    
}




.body {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}

.body img {
   width: 100%;
   height: auto; 
    
}


div.footer {
    position: relative;
    margin-top: 20px;
    clear: both;
    height: 150px;
    border-top: 1px solid #f2e4b7;
}


/* #Side Menu
================================================== */
div.SubMenuHeader {
    font-family: Arial;
    background-color: #2b2623;
    color: #ffffff;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    text-transform: uppercase;
}

ul.SubMenu {
    
}

ul.SubMenu li {
    margin: 0px;
    padding: 10px;
    line-height: 20px;
    border-bottom: 1px solid #2b2623;
    height: 100%;
}

ul.SubMenu li.current {
    background-color: #e7e7e8;
}

ul.SubMenu a {
    text-decoration: none;
}

/* #Page Styles
================================================== */
.seperator {
    float: left;
    position: relative;
    width:  100%;
    text-align: center;
    padding-bottom: 20px;
    
}

.seperator div {
    height: 1px;
    background-color: black;
    width: 50%;
    margin: 0 auto;
}

.event .icon img {
    padding-top: 5px;
    padding-left: 5px;
}


p {
    text-align: justify;    
    
}

h1 {
    font-weight: 500;
    font-family: inherit;
    font-size: 20px;
    text-align: left;
    line-height: 20px;
    color: #BE1E2D;
}


.staff-member {
    text-align: center;
}

.staff-member img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.staff-member .bio {
    text-align: justify;
}

.staff-team img {
    width: 100%;
    height: auto;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {
      
    }        
  
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
     
     
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
        .body {
            padding-left: 5px;
            padding-right: 5px;
            box-sizing: border-box;
        }
    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        .header {
            height: 80px;
        }
        
        .header .right {
            float: left;
            text-align: left;
        }
        
        .seperator {
            display: none;
        }
    
        .footer {
            display: none;
        }
    
        
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .header {
            height: 80px;
        }
        
        .header .right {
            float: left;
            text-align: left;
        }
 
        .footer {
            display: none;
        }

        .center {
            position: relative;
            margin: 0 auto;
        }
    
        
	}


/*--------------------------------------------------------------------
    Staff
  --------------------------------------------------------------------*/
.staff, .staff strong, .staff a {
    background-color: #2b2623;
    color:  #ffffff;
}

.staff {
    padding-left: 10px;
}

.staff_image img {
    width: 100%;
    height: 100%;
}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .staff {
        margin-left: 5px;
        width: calc(100% - 20px);
    }

    .staff_image {
        text-align: center;
    }

    .staff_image img {
        width: 50%;
        height: 50%;
    }

    .staff_bio {
        margin-left: 5px;
        width: calc(100% - 20px);
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .header {
        height: 80px;
    }

    .header .right {
        float: left;
        text-align: left;
    }

    .staff {
        margin-left: 5px;
        width: calc(100% - 20px);
    }

    .staff_image {
        text-align: center;
    }

    .staff_image img {
        width: 50%;
        height: 50%;
    }

    .staff_bio {
        margin-left: 5px;
        width: calc(100% - 20px);
    }

    .footer {
        display: none;
    }

    .center {
        position: relative;
        margin: 0 auto;
    }
}
    

    
/*--------------------------------------------------------------------
    YouTube
  --------------------------------------------------------------------*/
.YouTube {
    text-align: center;
}

 .YouTube iframe {
    width: 640px;
    height: 380px;
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .YouTube iframe {
            width: 320px;
            height: 190px;
        }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .YouTube iframe {
        width: 280px;
        height: 150px;
    }
}





/*--------------------------------------------------------------------
    Community Events
  --------------------------------------------------------------------*/
.community_filter_left {
    padding-bottom: 20px;
    float: left;
}

.community_filter_right {
    padding-bottom: 20px;
    float: right;
}

.month {
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    margin-right: 1px;
    
    float: left;
}

.month a {
    text-decoration: none;
}

.filter {
    padding: 10px;
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 1px;
}

.month:hover, .filter:hover {
    background-color: #2b2623;
}
 .active {
    background-color: #2b2623;
}

.active a, .month:hover a {
    color: #ffffff;    
}

div.community_date {
    font-family: Arial;
    background-color: #2b2623;
    height: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.community_date h1 {
    font-family: inherit; 
    
    font-size: 40px;
    line-height: 40px;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
}

.community_date h2 {
    font-family: inherit; 
    font-size: 13px;
    line-height: 13px;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
}

.event {
    line-height: 30px;
}

.event:hover {
    background-color: #e7e7e8;
}

.event > .time {
    width: 130px; 
    float: left;
}

.event > .name {
    width: 200px; 
    float: left;
}

.event .icon {
    width: 30px;
    float: left;
}

.event .link {
    width: 70px;
    float: right;
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* Community Happenings */
    .event {
        max-width: 560px;
    }

    .event > .name {
        width: 160px;
    }

    .community_date {
        max-width: 100%;
    }

    .community .two {
        min-width: 100px;
    }

    .community_map {
        padding-left: 120px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    div.community_date {
        max-width:  100%;
    }
        
    .event {
        margin-left: 5px;
        max-width: calc(100% - 0px);
    }

    .event > .time {
        width: 80%;
    }
    
    .event > .name {
        width: 80%;
    }
    .event > .location {
        width: 80%;
        margin-left: 30px;
    }
        
    .event > .link {
        margin-left: 30px;
        width: 80%;
        float: left;
    }
        
        .seperator {
        display: none;
    }
    
    .community_filter_left {
        height: 20px;
        width: 100%;
        margin-bottom: 10px;
        float: none ;
    }

    .community_filter_right {
        width: 100%;
        height: 20px;
    }
        
    .filter {
        float: left;        
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        .header {
            height: 80px;
        }
        
        .header .right {
            float: left;
            text-align: left;
        }
        
       
         .staff {
            margin-left: 5px;
            width: calc(100% - 20px);
        }
        .staff_image {
            text-align: center;
        }
    
        .staff_image img {
            width: 50%;
            height: 50%;
        }

        .staff_bio {
            margin-left: 5px;
            width: calc(100% - 20px);
        }
        
        div.community_date {
            max-width:  100%;         
        }

       
    
        .event {
            margin-left: 5px;
            max-width: calc(100% - 0px);
        }
        
        .event > .time {
            width: 80%;
        }
    
        .event > .name {
            width: 80%;
        }
        .event > .location {
            width: 80%;
            margin-left: 30px;
        }
        
        .event > .link {
            margin-left: 30px;
            width: 80%;
            float: left;
        }

        .seperator {
            display: none;
        }
    
        .footer {
            display: none;
        }
    
      .community_filter_left {
            height: 20px;
            width: 100%;
            margin-bottom: 10px;
            float: none ;
        }

        .community_filter_right {
            width: 100%;
            height: 20px;
        }

        .filter {
            float: left;        
        }
    
	}


/*--------------------------------------------------------------------
    Testimonial Page
  --------------------------------------------------------------------*/
.testimonial .profile img {
	width: 100%;
	height: 100%;
}

.testimonial .name
{
    color: #ffffff;
    padding: 5px;
    box-sizing: border-box;
    font-size: 9pt;
}

.testimonial .name strong {
     color: inherit;
}

.testimonial .Corporate {
    background-color: #7f1616;
}

.testimonial .General_Legal_Matters {
    background-color: #00a8bc;
}
.testimonial .Estate_Planning {
    background-color: #1e00ff;
}


.testimonial .Real_Estate {
    background-color: #0e8d17;
}

.testimonial .Title_Insurance {
    background-color: #00a8bc;
}

.testimonial .Oil_And_Gas {
    background-color: #939393;
}

.testimonial .Title_Insurance {
    background-color: #c06c00;
}



.testimonial .Legal_Coaching {
    background-color: #522855;
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .testimonial .profile {
        text-align: center;
    }
    
    .testimonial .profile img {
	    width: 50%;
	    height: 50%;
    }

        .testimonial .name, .testimonial_content {
        margin-left: 5px;
        max-width: calc(100% - 20px);
    }

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .testimonial .profile {
        text-align: center;
    }
    
    .testimonial .profile img {
	    width: 50%;
	    height: 50%;
    }

    .testimonial .name, .testimonial_content {
        margin-left: 5px;
        max-width: calc(100% - 20px);
    }
}