@charset "utf-8";

/* CSS Document */

/*



Theme Name: Michael Longe Portfolio

Author: Fir Forest Media

Author URI: http://www.firforestmedia.com

Description: Theme design and coded by Fir Forest Media // Seattle, WA // 360 888 9585

Version: 1

License: @copy; 2014 Fir Forest Media

Tags: Bootstrap,custom,frontpage,minimal,jquery,easing,navigation

Text Domain: firforestmedia

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Roboto+Condensed:400,300,700|Roboto:400,300,100);



/*

font-family: 'Open Sans', sans-serif;

font-family: 'Roboto Condensed', sans-serif;

font-family: 'Roboto', sans-serif;

*/



h1{

font-size:60px;

font-family: 'Open Sans', sans-serif;

font-weight:300;

}

h3{

font-size:24px;

font-family: 'Open Sans', sans-serif;

font-weight:300;

}



.navbar-fixed-top{

	height:65px;

	border-bottom:1px solid #000;

	-webkit-box-shadow: 3px 3px 9px 0 #000;

	box-shadow: 3px 3px 9px 0 #000;

}



p{

	font-size:16px;

	font-family: 'Open Sans', sans-serif;

}

p.supplementary{

	font-variant: small-caps;

	margin-left: 30px;

}


a.navbar-brand:hover{

	color:#003399;

}

#content{

	margin-top:62px;

}



.item .container{

	display:table;

}



.item .container .carousel-caption{

	position:initial;

	margin-top:10%;

}







.menu{

	background-color:#222;

	-webkit-padding-start: 0px;

	padding:25px 0px 25px 25px;

}



.sub-menu{

	display:none;

	margin: 0 0 0 0;

	padding: 0;

	position: absolute;

	left:-35px;

	top: 66px;

	z-index: 1;

	background-color:#fff;

	border:1px solid #ccc;

	border-top:0px solid #3f8d67;

}



.navbar-collapse{

	position:absolute;

	left:0px;

	top:64px;

}

.menu li a:hover{

	background-color:#3498db;

	color:#ecf0f1;

	text-decoration:none;

	-webkit-box-shadow: 1px 1px 3px 1px #000;

	box-shadow: 1px 1px 3px 1px #000;

}



.menu li.current-menu-item > a{

border-left:15px solid #3498db;

font-weight:400;

}





.menu li{

	font-family: 'Roboto', sans-serif;

	font-size:1.75rem;

	list-style-type:none;

	margin-bottom:10px;

}



.menu>li>a{

	padding:7px 25px 7px 10px;

	color:#fff;

	font-weight:300;

	font-size:18px;

	width:100%;

	border-left:5px solid #3498db;

	font-family: 'Roboto', sans-serif;

	display:inline-block;

}



.menu li ul li a{

	padding:15px 65px 15px 15px;

	border-bottom:1px solid #e9e9e9;

}

.menu li:hover > ul {

	display: block !important;

}

.intro-container{

text-align:center;

padding:10% 0px 62px;

}



.intro-header{

font-family: 'Open Sans', sans-serif;

font-size:3.5rem;

color:#222;

font-weight:700;

max-width:640px;

margin:0 auto;

padding:10px;

}



.sectionTitle{

font-family: 'Open Sans', sans-serif;

font-size:4.5rem;

font-weight:700;

color:#2980b9;

padding-bottom:30px;

border-bottom:1px solid #ccc;

}



.featuredimg{

	float:right;

	margin-top:20px;

}



.featuredimg img{

	width:100%;

	height:auto;

}



.workItem{

padding-top:15px;

padding-bottom:15px;

}



.workItem:hover{

background-color:#222;

}



.workItem:hover a{

text-decoration:none;

}



.workItem:hover .workTitle{

color:#fff;

}



.workImage{

border:1px solid #222;

}



.workImage img{

width:100%;

height:auto;

}



.workTitle{

text-align:center;

font-family: 'Roboto', sans-serif;

font-weight:300;

font-size:21px;

color:#222;

}

.workDate{

text-align:center;

}



#worksection{

background-color:#efefef;

}



.workContainer input[type="email"],.workContainer input[type="text"]{

width:100%;

font-color:#222;

padding:5px;

border-radius:3px;

border:1px solid #ccc !important;

}

.workContainer textarea{

max-height:100px;

width:100%;

padding:5px;

border-radius:3px;

border:1px solid #ccc !important;

}



.target img{

width:100% !important;

height:auto !important;

}



.target{

padding:5px;

}



.fullwidth{

padding:62px 0;

}



.headerImage{

width:100%;

height:auto;

padding:62px 0;

}



.siteTitle,.siteDescription{

	font-family: 'Roboto', sans-serif;

/*	text-align:center;  */

	font-weight:300;

	color:#fff;

}



.siteTitle{

	font-size:2.5rem;

	font-weight:100;

}



.btn-primary{

	background-color:#2c3e50;

	border:0px solid #95a5a6;

	font-family: 'Roboto', sans-serif;

	font-weight:100;

	border-left:0px;

	border-top:0px;

	border-radius:0px;

}



.btn-primary:hover{

	background-color:#34495e;

}



/* WORK PAGE STYLES */





.post-title{

	margin-bottom:30px;

}

.post-title a{

	color:#222;

	font-family: 'Open Sans', sans-serif;

	font-weight:300;

}



.post-title a:hover{

	text-decoration:none;

}



.postexcerpt img{

	max-width:100%;

	height:auto;

}

.alignleft{

	float:left;

	margin-right:15px;

	margin-bottom:15px;

}

.aligncenter{

	display: block;
	margin-left: auto;
	margin-right: auto;

}

.alignright{

	float:right;

	margin-left:15px;

	margin-bottom:15px;

}

#bottomfooter{

	padding:30px;

	margin-top:15px;

	border-top:1px solid #ccc;

	text-align:center;

}



#bottomfooter a,#bottomfooter a:visited{

	color:#000;

}



#menu-workpages li{

	border-left:5px solid #3498db;

	width:100%;

	margin-bottom:10px;

}



.page-widget-name{

	font-family: 'Roboto', sans-serif;

	font-weight:100;

	color:#fff;

}



.page-widget{

background-color:#222;

}

.page-ul {

	padding-left:16px;

}

.full-page-ul {

	padding-left:18px;

}

.full-page-li {

	font-size:16px;

	 padding-bottom:22px;  /*  OR use ::after  */

}

/* .page-li::after {
	content: "\A";
	 display: inline;  if needed 
} */


.two-col-ul {

	padding-left:18px;

	display: grid;
	grid-template-columns: repeat(2, 1fr);

}

.two-col-li {

	font-size:16px;

	padding-bottom:22px;  /*  OR use ::after  */

}

.no-bull-li {

	list-style-type: none; /* Remove bullets */

	padding-left:18px;
	padding-bottom:22px;  /*  OR use ::after  */

}


#menu-workpages li a{

	padding:10px 0 10px 10px;

	color:#fff;

	font-weight:300;

	font-family: 'Roboto Condensed', sans-serif;

}



#menu-workpages li a:hover{

	background-color:#3498db;

	color:#ecf0f1;

}



#menu-workpages li.current-menu-item{

border-left:15px solid #3498db;

}





@media all and (max-width: 767px){

h1{

	font-size:42px;

	font-family: 'Open Sans', sans-serif;

}

.ctaheaderbtn{

	margin-top:20px;

}

.sub-menu{

	display:none;

	margin: 0 0 0 0;

	padding: 0;

	position: absolute;

	left:-1px;

	top: 66px;

	z-index: 1;

	background-color:#fff;

	border:1px solid #ccc;

	border-top:0px solid #3f8d67;

}

.headerImage{

	display:none;

}

#menu-workpages{

	float:left !important;

}

.menu li:hover > ul {

	display: none !important;

}

.fullwidth{

	padding:31px 0;

}

.intro-container {

	text-align: center;

	padding: 10% 0px 31px;

}

.navbar-collapse {

	width: 100%;

	position: absolute;

	left: 0px;

	top: 64px;

	padding-left:0px;

	padding-right:0px;

}

.navbar-toggle {

	margin-left: -15px;

}

.navbar > .container .navbar-brand {

	margin-left: -30px;

}



} /* end media max 767 */

@media (max-width: 10000px) {

    .navbar-header {

        float: none;

    }

    .navbar-toggle {

        display: block;

	position: absolute;  

	left: 25px;  

	right: auto;

    }

    .navbar-brand {

	position: absolute; 

	left: 90px;

	margin-left: -15px;

    }

    .navbar-collapse {

        border-top: 0px solid transparent;

        box-shadow: inset 0 0px 0 rgba(255,255,255,0.1);

    }

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-collapse.collapse.in {

        display: block!important;

    }

    .navbar-nav {

        float: none!important;

        margin: 0px 0px;

    }

    .navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 0px;

        padding-bottom: 0px;

    }

}