/*!
Theme Name: Tyson Hood 2.0
Theme URI: http://underscores.me/
Author: Tyson Hood
Author URI: http://tysonhood.com
Description: A Custom WordPress theme using Bootstrap for the second generation Tyson Hood site.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tysonhood2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Tyson Hood 2.0 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Custom Styles - Theme Specific
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.single-post #nav-links > li.current_page_item a,
.single-post #nav-links > li.current_page_parent a
.portfolio_item-template-default #nav-links > li.current_page_item a,
.portfolio_item-template-default #nav-links > li.current_page_parent a {
	background-color: rgba(255,255,255,0);
	height: 79px;
}

#nav-links > li.current_page_item a,
#nav-links > li.current_page_parent a {
	background-color: rgba(255,255,255,0.1);
	height: 79px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



/*=============================================================
/* CUSTOM STYLES - THEME SPECIFIC
=============================================================*/


/* === BASE STYLES
=============================================================*/
@font-face {
	font-family: StayRad;
	src: url('./assets/fonts/stayrad.ttf') format('truetype');
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	background: #eee;
}


/* === GLOBAL
=============================================================*/
h1, h2, h3, h4, h5, h6 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-family: 'Vollkorn', serif;
}

h1 {
	font-size: 3em;
}

h1, h2 {
 margin: 20px 0;
}

h2 {
	font-size: 2.2em;
	margin: 20px auto;
}

h3 {
	margin: 20px 0;
}

h4 {
	font-size: 1.125em;
}

p {
	margin: 0 0 30px;
}

blockquote {
	border: none;
	color: #fff;
	font-style: italic;
	padding: 0;
	text-align: center;
}

blockquote cite {
	color: #aaa;
	display: block;
	margin: 15px 0 0;
}

.btn {
	margin-right: 20px; 
}

.btn-success,
.no-results.not-found .search-submit {
	background: #5F794F;
	border: none;
}

.btn-success:hover,
.no-results.not-found .search-submit:hover {
	background-color: #37462E;
}

.btn-primary {
	background: #326186;
	border: none;
}

.btn-primary:hover {
	background-color: #1F3C53;
}

#primary {
	margin-top: 40px;
	margin-bottom: 40px;
}

.alt-page .feature-image {
	min-height: 400px;
	background-size: cover;
	display: flex;
}

.alt-page .navbar {
	background: rgba(0,0,0,0.9);
	height: 80px;
	position: fixed;
	width: 100%;
	z-index: 10;
	border-radius: 0;
}

.alt-page #brand-logo {
	height: 250%;
}

.alt-page #nav-links {
	height: 80px;
	font-family: 'Vollkorn', serif;
}

.alt-page #nav-links li {
	height: 80px;
}

.alt-page #nav-links li a {
	line-height: 50px;
}

.alt-page #nav-links li.active a {
	background-color: #222; 
	height: 79px;
}

.title {
	text-align: center;
	width: 90%;
}

.feature-image {
	display: flex;
	width: 100%;
	justify-content: center;
}

.feature-image-default-alt {
	background: url('./assets/img/hagg-lake.jpg') 50% 0 no-repeat fixed;
	background-size: cover;
}

.feature-image-default {
	background: url(./assets/img/crater-lake.jpg) 50% 0 no-repeat fixed;
	background-size: auto;
}

.feature-image .page-title {
	display: flex;
	margin: 0 auto;
  justify-content: center;
  flex-direction: column;
}

.feature-image h1 {
  justify-content: center;
  flex-direction: column;
	display: flex;
	padding: 10px;
	background: rgba(0, 0, 0, 0.6);
	font-weight: 700;
	height: 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.page-title small {
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#search-heading {
	font-size: 2em;
	text-align: center;
}

.no-results.not-found .page-header .page-title {
	color: #222;
}

.no-results.not-found .search-submit {
	width: 100px;
	color: #fff;
	margin-top: 10px;
}

.social i {
	margin-right: 10px;
	background: #222;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font-size: 1.4em;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}

.signature {
	font-family: 'StayRad', serif;
	font-size: 72px;
}


/* === HOME PAGE
==========================../==================================*/

/* === HEADER
=============================================================*/
header {
	color: #fff;
	font-size: 1.25em;
}

#hero {
	background: url('./assets/img/hero-bkgd.jpg') 50% 0 repeat fixed;
	background-size: cover;
	min-height: 700px;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* === NAV STYLES
=============================================================*/
#navbar {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	height: 150px;
	width: 100%;
	font-family: 'Vollkorn', serif;

  /* animation magic */
  position: fixed;
  top: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 9999;
}

.logged-in #navbar {
	margin-top: 26px;
}

.nav.navbar-nav.navbar-right {
  align-items: center;
	display: flex;
	height: 149px;
}

.nav.navbar-nav.navbar-right li {
	vertical-align: middle;
}

.nav.navbar-nav.navbar-right li a {
	color: #fff;
}

.nav.navbar-nav.navbar-right li a:hover {
	color: #aaa;
}




/* === HOMEPAGE HERO SECTION
=============================================================*/
#motto {
	bottom: 40%;
	padding-bottom: 30px;
	position: absolute;
	right: 5%;
}

#motto span {
	padding-left: 20px;
}



/* === ABOUT (HOMEPAGE)
=============================================================*/
#about {
	background-color: #fff;
	font-size: 1em;
	height: auto;
	padding: 80px 0;
}

#about .container {
	width: 90%;
}

#about #about-img-cont {
	text-align: center;
}

#about img {
	margin: 20px auto;
	max-width: 80%;
}

#about h2 {
	font-size: 2.2em;
	margin-bottom: 40px;
}

#about p {
	font-size: 1.4em;
	line-height: 1.6
}

#about p span {
	color: #615B27;
	font-weight: 700;
}





/* === TESTIMONIALS
=============================================================*/
#testimonials {
	background-color: #263B40;
	color: #fff;
	height: auto;
	padding: 80px 0;
}

#testimonials .container {
	text-align: center;
	width: 90%;
}

#testimonials img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 40px auto;
}

#testimonials blockquote {
	font-size: 1.2em;
	line-height: 1.2;
	margin: 0 auto;
	width: 80%;
}


/* === LATEST POST
=============================================================*/
#latest-post {
/* 	background-color: #A09D7D; */
	background-color: #fff;
	font-size: 1em;
	padding: 80px 0 80px;
}

#latest-post .title {
	color: #222;
	text-align: center;
}

#latest-post #title:hover {
	text-decoration: none;
	color: #1F3C53;
}

#latest-post img {
	max-width: 100%;
	margin: 0 auto 10px;
}

#latest-post .btn {
	width: 140px;
}

#latest-post ul {
	list-style: none;
	padding-left: 0;
	text-align: center;
}

#latest-post h2,
#latest-post h4,
#latest-post p,
#latest-post #latest-posts .btn {
	text-align: center;
	justify-content: left;
}



/* === MOREINFO
=============================================================*/
#moreinfo {
	background: url('./assets/img/hipster-coffee.jpg') 0 50% repeat fixed;
	background-size: cover;
	font-size: 1em;
/* 	height: 400px; */
	padding: 80px 0;
}

#moreinfo .container .row .col-sm-6 {
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 0px;
	text-align: center;
}

#moreinfo .container .row .col-sm-6 h2 {
	font-weight: 700;
}



/* === FOOTER
=============================================================*/
footer {
	background: rgba(0, 0, 0, 0.9);
	font-size: 1em;
	height: auto;
	font-family: 'Vollkorn', serif;
}

footer,
footer a {
	color: #fff;
	line-height: 60px;
}

footer p {
	margin: 0;
}

footer img {
	width: 60%;
}

footer ul {
	margin-bottom: 0;
}

footer a {
	text-decoration: none;
}

footer a:hover {
	color: #aaa;
	text-decoration: none;
}



/* === MODAL
=============================================================*/
.modal {
	margin-top: 60px;
}





/* === ABOUT PAGE
=============================================================*/
#my-story {
	padding: 40px 0;
	font-size: 1em;
}

#my-story p {
	font-size: 1em;
}

#my-story p.lead {
	font-size: 1.25em;
}

#my-story .col-sm-7 {
	border-right: 1px solid #ddd;
}

.story-image {
	text-align: center;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

.story-image img {
	width: 100%;
	max-height: 350px;
}

.story-image p {	
	margin: 10px 0;
}



/* === PORTFOLIO PAGE
=============================================================*/
.portfolio {
	text-align: center;
}

.gallery {
	margin: 0 0 40px;
	text-align: center;
}

.gallery .col-sm-4 {
	margin: 0 auto 40px;
}

.gallery img {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #ccc;
	min-height: 190px;
	max-height: 200px;
}

.portfolio h2 {
	margin: 80px auto 20px;
}


/* === PORTFOLIO SINGLE / COOL PROJECTS PAGES
=============================================================*/
#post .portfolio_item,
#post .cool_projects,
#post .contributions,
#post .divi_projects {
	padding: 0 20px ;
}

#post .portfolio_item header,
#post .cool_projects header,
#post .contributions header,
#post .divi_projects header {
	color: #222;
	font-size: 1em;
}

#post .portfolio_item .post-image img,
#post .cool_projects .post-image img,
#post .contributions .post-image img,
#post .divi_projects .post-image img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

#post .portfolio_item .highlight-wrap {
	width: auto;
	height: auto;
	min-height: 100px;
	max-width: 100%;
}

#post .portfolio_item ul {
	list-style: none;
}

#post .col-sm-8 nav {
	display: none;
}

.post-body .col-sm-4 {
	margin: 0 0 20px;
}

.post-body .col-sm-4 ul {
	list-style: none;
	padding: 0;
}

.post-body h3 {
	clear: both;
}




/* === SERVICES PAGE
=============================================================*/
#services {
	font-size: 1em;
}

#services .description {
	padding: 20px;
}

#services .description .button-wrap {
	text-align: center;
}

#services .categories {
	margin: 0 auto 40px;
	height: auto;
}

#services .categories .col-sm-4 {
	height: 100%;
}

#services .service-wrap-wrap {
	min-height: 300px;
	height: auto;
	background-color: #263B40; 
	padding: 20px 5px;
	border: 2px solid #222;
	margin: 20px 10px;
}

#services .service-wrap {
	min-height: 300px;
	height: auto;
	background-color: #A09D7D; 
	padding: 20px 5px;
	min-width: 90%;
}

#services .categories h3 {
	font-weight: 700;
}

#services .categories h4 {
	margin: 20px auto 0;
}





/* === BLOG PAGE
=============================================================*/

.post, 
.widget, 
#comments, 
#post .portfolio_item,
#post .cool_projects,
#post .contributions,
#post .divi_projects {
	background-color: #fff;
	margin: 0 0 40px;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.post header,
.post .post-excerpt,
.post .post-body,
#comments #comments-wrap {
	padding: 20px;
}

.post header {
	color: #222;
	margin: 0;
	font-size: .875em;
}

.post time {
	color: #5F794F;
	font-weight: 700;
	font-size: 1.125em;
}

.post h2 {
	font-size: 2.4em;
}

.post h2,
#comments h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

.post a:hover {
	text-decoration: none;
}

.post i.fa {
	margin-left: 10px;
}

.post i.fa:first-child {
	margin-left: 0;
}

.post-image {
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.post img,
#latest-post img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 500px;
	margin: 0 auto;
}

.post .post-excerpt h4 {
	color: #888;
	font-size: .875em;
}


/* === POST_PAGE
=============================================================*/
#showcase h3,
#showcase h4,
#post h3,
#post h4 {
	font-weight: 700;
}




/* === WIDGETS
=============================================================*/
.widget {
	padding: 20px;
}

.widget h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	font-weight: 400 !important;
}

.widget input {
	width: 100%;
}

.widget .search-submit {
	display: none;
}

.widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget ul li {
	padding: 0 0 5px;
}

.widget ul li a:hover{
	position: relative;
	padding-left: 1px;
	text-decoration: none;
}



/* === COMMENTS
=============================================================*/
#comments h3 {
	text-align: center;
}

.comments-list {
	list-style: none;
	padding: 0;
}

.comment {
	background-color: rgba(0, 0, 0, 0.02);
	list-style: none;
	padding: 10px 20px;
	border: 1px solid rgba(0, 0, 0, 0.03);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 20px 0;
}

.comments-list-child {
	list-style: none;
	padding: 0;
}

#comments form label,
#comments form input,
#comments form textarea {
	display: block;
	width: 100%;
}

#comments input[type="submit"] {
	width: 130px;
	margin: 0 auto;
}

/*specific WordPress comment styles*/
#comments footer {
	background: none;
	color: inherit;
}

#comments footer a {
	color: inherit;
}

#comments .comment-metadata {
	margin: 10px 0 0;
}

#comments footer img {
	max-width: 32px;
}


/* === CONTACT PAGE
=============================================================*/
#contact {
	padding: 80px 0;
	font-size: 1em;
}

#contact h2 {
	margin-top: 0;
}

.contact-info {
 text-align: center;
 padding: 40px 0;
}

.contact-info div	{
	border-right: 1px solid #222;
}

.contact-info div:nth-of-type(1)	{
	border-right: 1px solid #222;
	border-left: 1px solid #222;
}

.contact-info div	{
	border-right: 1px solid #222;
}

.contact-form {
	text-align: center;
	margin: 0;
	padding: 0;
}


/* === 404 PAGE
=============================================================*/
#primary .error-404 {
text-align: center;
}

#primary .error-404 h1 {
	color: #222;
}

#primary img {
	max-width: 100%;
}

.error404 #nav-links li a,
.single-cool_projects #nav-links li a {
	background-color: rgba(0,0,0,0); 
}


/* === FORMS
=============================================================*/

label {
	display: block;
	font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 12px;
}

input[type="submit"],
button[type="submit"] {
	display: inline-block;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
	outline: none;
	border: none;
	background: #aaa;
} 

/* 
==========================================================
==================== CF7 FORM ============================
========================================================== 
*/
.et_pb_contact_field_0.et_pb_contact_field .et_pb_contact_field_options_title {
	color: #ee2c7a !important;
}
.et_pb_contact_field_0 .input+label {
    color: #3e3e3e;
}

/* .wpcf7 h1 {
	text-align: center !important;
	margin-bottom: 20px;
} */
.contact-form .wpcf7 p,
.contact-form .wpcf7 label {
	font-family: 'Copse',Georgia,"Times New Roman",serif!important;
	text-transform: capitalize;
}

.contact-form .wpcf7 p.full-width.framing_request_description {
	padding-top: 20px;
	text-align: center;
	text-transform: none;
}

/*   CONTACT FORM STYLING - INPUT WIDTHS
   ========================================================================== */
.contact-form .wpcf7 h6, 
.contact-form .wpcf7 p, 
.contact-form .wpcf7 label, 
.contact-form .wpcf7 h6.left, 
.contact-form .wpcf7 h6.right, 
h6.left, h6.right {
 color: rgba(10, 9, 9, 0.61) !important;
 font-size: 14px !important;
 font-weight: 500;
}

.wpcf7-select {
	border-radius:0px!important;
	padding: 20px 0!important;
}

/* Full Width */
.contact-form .wpcf7 .full-width {
	margin: 0 auto 10px;
	width: 99.5%;
}

/* Half Width */
.contact-form .wpcf7 p.left, 
.contact-form .wpcf7 p.right, 
.contact-form .wpcf7 div.right, 
h6.left, 
h6.right {
	display: inline-block !important;
	width: 48.75% !important;
	margin-bottom: unset;
	padding-bottom: 18px;
}
.contact-form .wpcf7 p.left, 
.contact-form .wpcf7 h6.left, 
.contact-form .wpcf7 fieldset p.left, 
h6.left {
	margin-right: 1% !important;
}
.contact-form .wpcf7 p .right, 
.contact-form .wpcf7 h6.right, 
h6.right, 
.contact-form .wpcf7 fieldset p.right, 
.contact-form .wpcf7 p.right, 
.contact-form .wpcf7 fieldset div.right, 
.contact-form .wpcf7 div.right {
	margin-left: 1% !important;
}

@media screen and (max-width:1288px) {
	.contact-form .wpcf7 .full-width {
		width: 98.25%;
	}
	
	.contact-form .wpcf7 p.left,
	.contact-form .wpcf7 p.right,
	.contact-form .wpcf7 div.right {
	 display: inline-block !important;
	 width: 48.5% !important;
	 padding-bottom: 18px;
	}
	
	.wpcf7-form p.left{
	 margin: 0 0.5% 0 0!important;
	}
	
	.contact-form .wpcf7 p.right,
	.contact-form .wpcf7 div.right {
	 margin: 0 0 0 0.5% !important;
	}
	
	.contact-form .wpcf7 #language-preferences-box {
		width: 98.25% !important;
		margin: 0 !important;
	}
}

@media screen and (max-width:767px) {
	.contact-form .wpcf7 p, 
	.contact-form .wpcf7 p.left, 
	.contact-form .wpcf7 p.right, 
	.contact-form .wpcf7 div.right, 
	.contact-form .wpcf7 h6.left,
	.contact-form .wpcf7 h6.right {
		display: block !important;
		width: 100% !important;
		padding-bottom: 18px;
	}
	
	.contact-form .wpcf7 h6 {
		line-height: 1.4em !important;
	}
	
	
	.contact-form .wpcf7 p.left,
	.contact-form .wpcf7 h6.left,
	.contact-form .wpcf7 p.left {
  		margin-right: 0% !important;
 	}
	
	.contact-form .wpcf7 p.right,
	.contact-form .wpcf7 div.right,
	.contact-form .wpcf7 h6.right {
		margin-left: 0% !important;
	}
	
	.contact-form .wpcf7 .wpcf7-list-item {
		display: block;
	}
	
	.contact-form .wpcf7 #language-preferences-box {
		width: 100% !important;
		margin: 0 !important;
	}
}

/*   CONTACT FORM STYLING - INPUTS
   ========================================================================== */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7 input[type=date], .wpcf7 input[type=text], .wpcf7 input[type=file], .wpcf7 input[type=time], .wpcf7 select, .wpcf7-form-control.wpcf7-select {
	background-color: #fff !important;
	border: 1px solid rgba(0,0,0,0.9) !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(0,0,0,0.9) !important;
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	padding: 5px 10px !important;
	width: 100% !important;
}
.contact-form .wpcf7 input.wpcf7-text,
.contact-form .wpcf7 input[type=text],
.contact-form .wpcf7 input[type=email] {
	height: 53px !important;
}

.contact-form .wpcf7 input[type=text]::placeholder,
.contact-form .wpcf7 input[type=email]::placeholder,
.contact-form .wpcf7 input[type=textarea]::placeholder,
.contact-form .wpcf7 textarea::placeholder {
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 2px;
}

/* Disable the default css styles(appearances) for chrome/firefox */
.wpcf7 select, .wpcf7-form-control.wpcf7-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/*   CONTACT FORM STYLING - INPUT PLACEHOLDER TEXT
   ========================================================================== */
::-webkit-input-placeholder { /* WebKit browsers */
color: #999 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999 !important;
opacity: 1;
}

/*   CONTACT FORM STYLING - BUTTONS
   ========================================================================== */
.contact-form .wpcf7-submit,
.contact-form .action-button {
	background-color: #5F794F !important;
	border-color: #5F794F !important; 
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	color: #fff !important;
	cursor: pointer;
	float: right;
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.7em;
	margin: 8px auto 0;
	padding: 5px 20px !important;
	text-align: center;
	text-transform: none;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

body #page-container input.wpcf7-submit {
	padding: 5px 20px !important;  
}
/* 
.cf7mls_next.action-button img {
 right: 1px !important;
}

.wpcf7-form #submit-button {
	text-align: center;
} */


/*   CONTACT FORM STYLING - BUTTONS:HOVER
   ========================================================================== */
.contact-form .wpcf7-submit:hover,
.contact-form .action-button:hover { 
    background-color: #37462E !important;
	border-color: #37462E !important; 
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
	border-width: 1px;
	color: #fff !important;
    letter-spacing: .1em;
}

/*   CONTACT FORM STYLING - CAPTCHA
   ========================================================================== */
/* @media screen and (max-width: 980px) {
	p.one-quarter-one.captcha {
		text-align: right;
	}
}
@media screen and (max-width: 768px) {
	p.one-quarter-one.captcha {
		text-align: center;
	}
} */

/*   CONTACT FORM STYLING - RARIO 
   ========================================================================== */
.wpcf7-list-item {
	display: block !important;
}
/*   CONTACT FORM STYLING - ERROR BORDERS
   ========================================================================== */
.cf7mls-invalid .wpcf7-text, 
.cf7mls-invalid .wpcf7-textarea, 
.cf7mls-invalid .wpcf7-captchar, 
.cf7mls-invalid input[type=date], 
.cf7mls-invalid input[type=text], 
.cf7mls-invalid input[type=text], 
.wpcf7-form.invalid input[type=tel],
.wpcf7-form.invalid input[type=time],
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid, 
.cf7mls-invalid .wpcf7-form-control.wpcf7-select,
.wpcf7-form.invalid input[type=text].wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid,
.wpcf7-form.invalid .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.wpcf7-not-valid,
span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid,
.wpcf7-form.invalid .wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.hasDatepicker.wpcf7-not-valid {
    border: 1px solid #ff0000 !important;
}


/*   CONTACT FORM STYLING - ERROR MESSAGES STYLING
   ========================================================================== */
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors,
div.wpcf7-response-output {
	font-size: 1.6em;
	line-height: 2;
	font-weight: 700;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

/*   CONTACT FORM STYLING - ERROR MESSAGES BUG
   ========================================================================== */
.wpcf7-response-output.wpcf7-display-none {
	border: none !important;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	display: inherit !important;
}


/*=== MEDIA QUERIES
=============================================================*/
/*=== SMALL DESKTOPS
=============================================================*/
@media screen and ( max-width: 991px ) {

	/*Main Nav Fix*/
	#navbar .container {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	#navbar .navbar-brand img {
		width: 280px;
	}

	#hero #motto {
		bottom: 18%;
	}

	/*About images*/
	.story-image img {
		max-height: 220px;
	}

	/*portfolio fix*/
	#primary .gallery img {
		width: auto;
		height: auto;
		border-radius: 5px;
		border: 1px solid #ccc;
		min-height: 0;
		max-height: 170px;
	}

	/*sidebar button fix*/
	.widget button {
		font-size: .875em;
	}

	/*Contact info fix*/
	#contact small {
		display: block;
	}

	#contact .col-sm-4 {
		border: none;
	}

	#contact .social i {
		margin-right: 20px;
		margin-bottom: 5px;
	}

}


/*=== WP MOBILE NAV
=============================================================*/
@media screen and ( max-width: 782px ) {

	.logged-in #navbar {
		margin-top: 46px;
	}
}


/*=== MOBILE
=============================================================*/
@media screen and ( max-width: 767px ) {

	/*main nav fix*/
	#navbar .navbar-brand {
		width: 60%;
		margin-right: 0;
		padding: 10px 0;
	}

	#navbar .navbar-brand img {
		width: 100%;
	}

	.navbar button {
		margin: 30px;
	}

	.navbar .navbar-collapse {
		margin: 0;
		border: none;
	}

	.navbar #nav-links {
		justify-content: center;
		text-align: center;
		background: rgba(0, 0, 0, 0.85);
		margin: 0;
		/*padding: 10px 0;*/
		font-size: .875em;
		display: block;
		height: auto !important;
	}

	.navbar #nav-links li {
		border-bottom: 1px solid #777;
		padding: 5px 0
	}

	.navbar #nav-links li:nth-of-type(5) {
		border-bottom: none;
	}

	.alt-page #nav-links li.active a {
		background-color: rgba(0,0,0,0); 
	}

	/*Title text fix*/
	.feature-image .page-title h1 {
		font-size: 1.4em;
	}

	/*about me social icon fix*/
	#about .social i {
		margin-right: 5px;
	}

	/*more info fix*/
	#moreinfo .col-sm-6 {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	/*footer fix*/
	footer {
		text-align: center;
	}

	footer .container .list-inline li {
		display: block ;
	}

	/*About images*/
	.story-image img {
		height: auto;
		max-height: 550px;
	}

	/*contact page fix*/
	#contact {
		padding-left: 10px; 
		padding-right: 10px;
	}
	#contact .col-sm-4 {
		margin-bottom: 40px;
	}

	#contact .social i {
		margin-right: 5px;
	}
}


/*=== MOBILE WP ADMIN NAV
=============================================================*/
@media screen and ( max-width: 600px ) {
	#wpadminbar {
		position: fixed;
	}
}