html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:15px;
}


body {
	background:#fff;
	padding-top:55px;
}

body.home {
	padding-top:0;
}

body.error-404 {
	background:#ffe74a;
}

body.error-404 h1 {
	font-size:80px;
}

body.error-404 .site-container {
	text-align: center;
}

a { 
	color:#777;
}

a:hover {
	color:#555;
	text-decoration: underline;
}
body.home {
	padding-top:0;
}

.listie h2 {
	border-bottom: 2px #000 dotted;
	margin-bottom:15px;
	padding-bottom:10px;
}

.subtitle {
	font-size:13px;
	color:#8b8b8b;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
}


.big {
	font-size:40px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:36px;
	padding:0;
	color:#474747;
}

.resources .big {
	margin-bottom:10px;
}


.spacer {
	height:60px;
}

.icons {
	float:right;
}

.icons img {
	width:20px;
	height:20px;
}

.icons img:hover {
	opacity:1;
}

@media (min-width: 768px) {
	.icons img {
		width:30px;
		height:30px;
		margin-left:20px;
	}
}


/* BUTTONS */
	

.btn-boxy {
	border:1px solid #000;
	color:#000;
	background:#FFF;
	border-radius:2px;
	margin-bottom:5px;
}

.btn-boxy:hover {
	background:#ffe74a;
}


/* WRAPPER */

.wrapper {
	padding:60px 0;
	background:#ffe74a;
}

.wrapper.wrapper-gray {
	background:#f5f5f5;
}



.wrapper h1,
.wrapper h2 {
	padding-top:0;
	margin-top:0;
}

/* WRAPPER LOGOS */
.wrapper-logos {
	text-align: center;
}

.wrapper-logos img {
	vertical-align: middle;
	max-height:50px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	margin: 0 auto 20px auto;
	display:block;
}

@media (min-width: 768px) {

	.wrapper-logos img {
		margin:0 0 30px 46px;
		display:inline-block;
	}
	.wrapper-logos img:first-child {
		margin-left:0;
	}

}


/* HOME HERO */

	.home .hero {
		background:#ccc url(/images/bg-home.jpg) bottom center;
		margin:0 0 0 0;
		padding:0;
		text-align: center;
		min-height:100%;
	}

	.home .hero .hero-logo {
		max-width:400px;
		margin:80px;
		fill:#FFF;
		transition:fill 0.4s;
	}

	.home .hero .hero-logo:hover {
		fill:#ccc;
	}



	.hero-header {
		padding:10px;
		color:#FFF;
		font-size:20px;
	}

	.hero-buttons {
		margin-top:10px;
	}


	@media (min-height: 500px) {

		.home .hero {
			height:100%;
		}

		.hero-bottom {
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			margin-bottom:50px;
		}

	}

	@media (min-height: 620px) {
		.hero-bottom {
			bottom:20%;
			margin-bottom:100px;
		}
	}

	.hero-header .hero-subheader {
		padding:10px;
		text-transform: uppercase;
	}

	.hero-header .hero-header-text {
		background:#000;
		font-size:40px;
		font-family: 'Arvo', serif;
		padding:20px 40px;
		display:inline-block;
	}
	.hero-header .hero-header-text span {
		color:#ffe74a;
	}


/* HEADER GOODIES */

	.navbar-fixed-top {
		-webkit-transform: translateZ(0);
	}

    .home #navbar-primary {
    	opacity:0;
    	transition:opacity 0.4s;
    }

    .home.scrolled #navbar-primary {
    	opacity:1;
    }

    .navbar-default .navbar-nav {
    	text-transform: uppercase;
    	font-weight: bold;

    }

    /* Portrait tablets and small desktops */
	@media (min-width: 768px) {

		body {
			padding-top:85px;
		}

		#navbar-primary {
			top:30px;
			background:#FFF;
		}
		
	    .navbar-default .navbar-nav > .active > a,
	    .navbar-default .navbar-nav > :hover > a,
	    .navbar-default .navbar-nav > .active:hover > a {
	    	background:none;
	    }

	    .navbar-default .navbar-nav > li > a::after {
	    	content: '';
			background: #FFF;
			height: 8px;
			width: 100%;
			transition:all 0.4s;
			margin-bottom:-10px;
	    }

	    .navbar-default .navbar-nav > li.active > a::after,
	    .navbar-default .navbar-nav > li:hover > a::after,
	    .navbar-default .navbar-nav > li:active > a::after {
	    	background: #ffe74a;
	    	margin-bottom:0;
	    	height:4px;
	    	display:block;
	    }


	}

    #site-header .header-logo,
    .logo {
    	height:20px;
    	width:100px;
    }

    .navbar-tiny {
    	height:30px;
    	line-height:30px;
    	min-height:30px;
    	background:#000;
    	color:#FFF;
    }

    .navbar-tiny .navbar-nav > li > a {
    	line-height:inherit;
    	height:inherit;
    	color:#FFF;
    	padding:0 15px;
    }
    .navbar-tiny .navbar-nav > li > a:hover {
    	background:#ffe74a;
    	color:#000;
    }

    @media (max-width: 768px) {
    	 .navbar-tiny {
    	 	display:none;
    	 }
    }

    @media (max-width: 520px) {

    	 .home .hero .hero-logo {
    	 	max-width:80%;
    	 	margin:10px auto;
    	 }
    	 .hero-header .hero-header-text {
    	 	font-size:20px;
    	 }
   	}


/* FOOTER GOODIES */

	.site-container {
		 min-height:100%;
		 margin-bottom:-150px;
	}

	#site-footer-push {
		height:150px;
		margin-top:20px;
	}

	#site-footer {
		padding:20px 0;
		color:#FFF;
		font-size:11px;
		background:url(/images/pat-inv.jpg);
		height:150px;
	}

	#site-footer .logo {
		height:20px;
    	width:100px;
    	fill:#FFF;
	}

	@media (min-width: 520px) {

		#site-footer {
			padding:40px 0;
		}

	}

/* CONTAINER STYLES */

	.container {

	}

	.container-portfolio {
		line-height:160px;
		min-height:160px;
		text-align: center;
		background-size:100% auto;
		background-position: center center;
	}

	.container-portfolio img {
		max-height:100px;
	}

	/* Landscape phones and smaller */
	@media (min-width: 480px) {
		.container-portfolio {
			line-height:300px;
			min-height:300px;
		}

		.container-portfolio img {
			max-height:280px;
		}
		.container-portfolio-content {
			min-height:300px;
		}

		.container-portfolio-content > h1,
		.page-header {
			display: block;
			background: #000;
			margin: 0px;
			padding: 20px;
			color: #FFF;
			text-transform: uppercase;
			font-family: 'Arvo', serif;
		}
		.page-header h1 {
			font-size:28px;
			line-height:32px;
			margin:0;
			padding:0;
		}

	}

/* PORTFOLIO IAMGES */

	.image-portfolio,
	.image-portfolio-notfull {
		border:2px solid #ffe74a;
		margin:20px auto;
		width:100%;
		border:2px solid #ffe74a;
		border-right:none;
		border-left:none;
		display:block;
	}

	body[contenteditable] .image-portfolio {
		max-width:80%	 !important;
		background:#888;

	}

/* Large desktops and laptops */
	@media (min-width: 1200px) {

		.image-portfolio,
		.image-portfolio-notfull {
			border:6px solid #ffe74a;
		}


		.image-portfolio {
			width:98%;
		}
		
		.image-portfolio-notfull {
			width:auto;
			display:inline-block;
		}


	}

	/* Portrait tablets and medium desktops */
	@media (min-width: 992px) and (max-width: 1199px) {
		
		.image-portfolio,
		.image-portfolio-notfull {
			border:4px solid #ffe74a;
		}


		.image-portfolio {
			width:95%;
		}
		
		.image-portfolio-notfull {
			width:auto;
		}

	}



/* PORTFOLIO BOXES */
	.portfolio-box {
		float:left;
		margin-bottom:15px;
		width:100%;
	}

	.portfolio-box-content {
		margin:0 15px;
	}

	.portfolio-box-description {
		padding:8px;
		background:#FFF;
		height:80px;
	}

	.portfolio-box-description h2,
	.portfolio-box-description h3 {
		margin:0;
		padding:6px 0;
		font-size:14px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.portfolio-box-cats {
		font-size:11px;
	}


	.portfolio-box-teaser {
		background-color:#FFF;
		vertical-align: middle;
		text-align: center;
		background-size:100% 100%;
		background-position: center center;
		transition:background 0.4s;
		width:100%;
		height:260px;
		line-height:260px;
		display:block;
	}

	.portfolio-box img {
		max-height:160px;
		max-width:80%;
		vertical-align: middle;
	}


	.portfolio-box-teaser:hover {
		background-size:120% 120%;
		transition:background 0.2s;
	}

	.portfolio-box-teaser:active {
		background-size:140% 140%;
	}

	/* Large desktops and laptops */
	@media (min-width: 1200px) {
		
		.portfolio-box {
			width:33.333333%;
		}

		.portfolio-box-teaser {
			height:280px;
			line-height:280px;
		}
		.portfolio-box-teaser img {
			max-height:160px;
			max-width:280px;
			vertical-align: middle;
		}
	}

	/* Portrait tablets and medium desktops */
	@media (min-width: 992px) and (max-width: 1199px) {
		
		.portfolio-box {
			width:33.33333%;
		}

		.portfolio-box-teaser {	
			height:240px;
			line-height:240px;
		}
		.portfolio-box-teaser img {
			max-height:160px;
			max-width:280px;
			vertical-align: middle;
		}


	}

	/* Portrait tablets and small desktops */
	@media (min-width: 768px) and (max-width: 991px) {

		.portfolio-box {
			width:50%;
		}
		.portfolio-box-teaser {
			height:240px;
			line-height:240px;
		}
		.portfolio-box-teaser img {
			max-height:160px;
			max-width:280px;
			vertical-align: middle;
		}

	}

	/* Landscape phones and portrait tablets */
	@media (max-width: 767px) {

	}

	/* Landscape phones and smaller */
	@media (max-width: 480px) {

	}

/*
.resources h1 {
	font-weight: bold;
	font-size:40px;
	font-family: 'Arvo', serif;
	font-size:40px;
}
*/

.meta {
	color:#888;
}



.nav li {

}

h1, h2 {
	font-weight: bold;
	text-transform: uppercase;
}

hr {
	background:#555;
	border-color:#555;
	color:#555;
}


div.code {
	border:2px solid #ffe74a;
	color:#000;
	background-image:url(/images/codeview.jpg);
	overflow:auto;
	margin:10px auto;
	line-height:18px;
	font-size:14px;
	font-family:"Courier New", Courier, monospace;
	vertical-align:middle;
	padding:0 6px;
	overflow:auto;
	white-space:nowrap;
}

.post-content iframe {
	border:2px solid #000;
	margin:10px auto;
	width:100% !important;
	box-sizing:border-box;
}


.sidebar h2 {
	background:#888;
	color:#FFF;
	font-weight: bold;
	font-size:16px;
	padding:10px;
}

.sidebar .nav ul {
	list-style: none;
	padding-left:10px;
}

.sidebar .nav li a {
	padding: 5px 10px;
	color: #666;
	font-style: italic;
}


.circular {
	margin:10px auto;
	border:1px solid #555;
	border-radius:100%;
	width:120px;
	height:120px;
	line-height: 120px;
	background:#FFF;
	display:block;
	text-align: center;
}

h2 .glyphicon {
	font-size:80px;
	vertical-align: middle;
	margin-bottom:40px;
}

.field-required {
	color:red;
}

.form-errors {
	background:rgba(255,0,0,0.2);
	list-style: none;
	margin:0 0 10px 0;
	padding:10px;

}


.listie {
	font-size:16px;
	margin-bottom:20px;
}

.hug-footer {
	margin-bottom:-20px;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	font-weight: bold;
	color:#000;
}


.post-content a,
.page-content a {
	text-decoration: underline;
}

.site-container .container p > a {
	text-decoration: none;
	border-bottom:4px dotted #ffe74a;
}
.site-container .container p > a:hover {
	text-decoration: none;
	color:#000;
	border-bottom:4px dotted #ffe74a;
}