/*
* 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
================================================== */
body.admin-bar #navigation
{
    top:32px;
}

h1, h2, h3, h4, h5, h6 {
	color: #181818;
	font-family: 'Open Sans', sans-serif;
}
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px; font-family: 'Lato'; font-weight:300}
#logo
{
    line-height:52px;
    margin-right:20px;
    padding:5px;
	/* padding-top:9px; */
}
#logo img
{
    display:inline;
    vertical-align:middle;
}
#logo div
{
    color:#FFF;
    text-transform:uppercase;
    line-height:normal;
}
#logo div:first-child
{
    font-family: 'Oswald', serif;
font-size: 25px;
letter-spacing: 20px;
line-height: 28px;
}
#logo div:last-child
{
    font-family:"Lato";
    font-size:12px;
}
#push
{
    height:52px;
}
#header
{
	background-position: center center;
	background-repeat: no-repeat;
	padding:180px 0 175px;
	color:#FFFFFF;
	text-shadow: 1px 1px rgba(0, 0, 0, .5);
	text-align: center;
	overflow:hidden;
	position:relative;
}
#header video
{
	position:absolute;
	margin:0;
	padding:0;
	top:-200px;
	left:-10px;
	display:block;
}
#banner
{
    position:relative;
}

ul.nav-menu
{
    margin-bottom:0;
    white-space:nowrap;
}
ul.nav-menu li
{
    display:inline-block;   
}
 ul.nav-menu li a
{
    display:block;
    padding:18px;
    -webkit-transition: color 0.5s ease; 
	-moz-transition: color 0.5s ease; 
	-o-transition: color 0.5s ease; 
	color:rgba(255, 255, 255, 0.8);
    font-size:18px;
    font-weight:300;
    text-decoration:none;
}
ul.nav-menu li a:hover
{
	-webkit-transition: color 0.5s ease; 
	-moz-transition: color 0.5s ease; 
	-o-transition: color 0.5s ease; 
	color:#FFFFFF;
}
ul.nav-menu li a:active
{
	background-color:rgba(255, 255, 255, 0.2);
}
 ul.nav-menu li.current a
{
    color:#FFFFFF;
}
#mobile-menu
{
    display:none;
    position:relative;
    float:right;
}
.navbar-toggle {
    border-color: #333;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.badge-success 
{
    margin:2px 2px 0px 0px;
    background-color: #468847;
}
#footer
{
    border-top:1px solid #cccccc;
    /* margin-top:20px; */
}

/* #Page Styles
================================================== */
#primary
{
	padding:30px 0;
}
.section
{
    position:relative;
    padding:80px 0 105px;
}
.section h2.section-title
{
    position:relative;
    margin-bottom:20px;
    margin-left:20px;
    text-transform:uppercase;
    font-weight:300;
}
.section h2.light
{
    color:#FFFFFF;
    text-shadow:1px 1px 1px rgba(0, 0, 0, .3);
}
.section h2.dark
{
    color:#000000;
    text-shadow:1px 1px 1px rgba(255, 255, 255, .3);
}
.text-right
{
    text-align:right;
}
.text-center
{
    text-align:center;
}
.circle
{
    width:45px;
    height:45px;
    border-radius:50%;
    line-height:45px;
    vertical-align:middle;
}
.green
{
    -moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
}
/* Separators */
.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_twentyfourteen_ephemera .entry-title:after {
	content: "\0020\007c\0020";
}

span.tag-links a:after
{
	content:", ";
}
span.tag-links a:last-child:after
{
	content:"";
}


/* #Banner
================================================== */
h1.site-title
{
	font-size: 60px;
}
h1.site-title a
{
    text-decoration:none;
}
h2.tagline
{
	
	font-weight:bold;
	font-size: 24px;
}

/* #About Section
================================================== */
#about
{
	background-color:#EEE;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
h2.widget-title
{
    font-weight:300;
}
.widget p
{
	font-size:18px;
	font-weight:300;
	line-height:30px;
}

/* #Team Section
================================================== */
#team
{
/*    background-image:url(images/team.jpg);*/
}
.team-member
{
    color:#000;
    margin-bottom:20px;
    background-color:rgba(255, 255, 255, .8);
    padding:10px 10px 10px 10px;
    overflow:hidden;
}
.team-member > img
{
    float:left;
    padding:0px 10px 10px 0px;
}
.team-member .row img
{
    max-width: 100%;
    max-height: 100%;
}
.team-member .board
{
    height:60px;
    line-height: 50px;
    vertical-align: middle;
    margin-bottom:10px;
    text-align: center;
}
.team-member .board img
{
    display:inline-block;
    vertical-align: middle;
}
.team-member h3
{
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    margin-bottom:2px;
}
.team-member h4
{
    font-weight:bold;
    font-size:14px;
    line-height:14px;
    text-transform:uppercase;
}
.team-member img
{
    max-width:91px;
}
.team-member .social
{
    float:right;
}

/* #Portfolio Section
================================================== */
#portfolio
{
    background-color:#EEE;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
#portfolioToolbar
{
    margin-bottom:20px;
}
#portfolioCategory
{
    display:inline-block;
    margin-left:10px;
    font-size:16px;
}
.portfolio-item
{
	position:relative;
    display:block;
    background-color:#FFFFFF;
    border:1px solid #CCC;
    width:100%;
    height:200px;
    text-align:center;
    -webkit-transition: -webkit-transform 0.5s ease; 
	-moz-transition: transform 0.5s ease; 
	-o-transition: -ms-transform 0.5s ease;
	transform: scale(1,1);
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1, 1); /* Safari and Chrome */
    margin-bottom:20px;
    cursor:pointer;
    cursor:hand;
	overflow:hidden;
}
.portfolio-item .image-holder
{
    position:absolute;
    text-align:center;
    width:100%;
    height:100%;
    line-height:200px;
}
.portfolio-item .image-holder span
{
    position:absolute;
    top:0px;
    left:0px;
    line-height:16px;
}
.portfolio-item .image-holder img
{
    display:inline-block;
    vertical-align:middle;
    max-width:160px;
    max-height:160px;
}
.portfolio-item .stats-holder
{
    position:absolute;
    display:none;
    width:100%;
    height:100%;
    overflow:hidden;
}
.portfolio-item .stats-holder h3
{
    position:relative;
    color: #555555;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin:20px 0px 4px 0px;
    padding:0px 10px 0px 10px;
}
.portfolio-item .stats-holder h4
{
    position:relative;
    font-weight:300;
    font-size: 14px;
    line-height: 14px;
    color: #555555;
    text-transform: uppercase;
    padding:0px 10px 0px 10px;
}
.portfolio-item p
{
    position:relative;
    text-overflow:ellipsis;
    padding:0px 10px 0px 10px;
}
.portfolio-item .stats-holder a
{
    text-decoration:none;
    font-size:12px;
    position:absolute;
    bottom:10px;
    left:0px;
	width:100%;
	text-align:center;
}
.portfolio-item .ribbon
{
	width:300px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	color:#fff;
	position:absolute;
	transform:rotate(-45deg);
	background: #51a059; /* Old browsers */
	background: -moz-linear-gradient(top,  #51a059 0%, #007501 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51a059), color-stop(100%,#007501)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #51a059 0%,#007501 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #51a059 0%,#007501 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #51a059 0%,#007501 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #51a059 0%,#007501 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a059', endColorstr='#007501',GradientType=0 ); /* IE6-9 */
	text-shadow:1px 1px #000;
	z-index:100;
	border-top:1px solid #007501;
	border-bottom:1px solid #51a059;
	top:20px;
	left:-110px;
}
.portfolio-item .ribbon-blue
{
	border-top:1px solid #1e5799;
	border-bottom:1px solid #7db9e8;
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #7db9e8 0%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7db9e8 0%,#1e5799 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7db9e8 0%,#1e5799 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
}
.portfolio-item .ribbon-red
{
	border-top:1px solid #cf0404;
	border-bottom:1px solid #ff3019;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

/* #Testimonial Section
================================================== */
#testimonial
{
    padding-top:0px;
}
#testimonial p
{
    position:relative;
    background: url(images/quote-left.gif) no-repeat 0 4px;
    font-size:20px;
    font-family:Georgia,serif;
    font-style:italic;
    line-height:26px;
    text-align:center;
    font-weight:300;
    padding-left:20px;
    padding-right:20px;
}
#testimonial p:before
{
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    width: 20px;
    height: 16px;
    background: url(images/quote-right.gif) no-repeat;
}

/* #News Section
================================================== */
#news
{
    /*background-image:url(images/news.jpg);*/
}
#newsItems .news-item
{
    color:#000;
    margin-bottom:20px;
    background-color:rgba(255, 255, 255, .8);
    padding: 10px 20px 20px 20px;
    overflow:hidden;
	border-bottom:1px solid #ccc;
}
#newsItems .news-item:last-child
{
	border-bottom:0;
}
span.byline
{
	display:none;
}
#content article.type-post
{
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
#content article.type-post:last-child
{
	border-bottom:0;
}

/* #Contact Section
================================================== */
#contact
{
	background-color:#EEE;
    border-top:1px solid #CCC;
}

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) 
	{
	    #tabs li a
        {
            display:block;
            text-decoration:none;
            padding:10px 5px 5px 5px;
            margin-right:0;
        }
        #tabs li a h3
        {
            color:#555555;
            text-transform:uppercase;
            font-size:14px;
            line-height:14px;
            font-weight:bold;
            margin-bottom:0;
        }
        #tabs li a h4
        {
            font-size:12px;
            color:#555555;
            font-weight:300;
            margin-top:0;
        }
	}

	/* 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.admin-bar #navigation
        {
            position:absolute;
            top:46px;
        }
	    ul.nav-menu
        {
            white-space:normal;
        }
	    #tabs
	    {
	        display:none;
	    }
	    /*
	    #menu
	    {
	        display:none;
	    }
        #mobile-menu
        {
            display:block;
        }
        */
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

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


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/