/*
Theme Name: EP4 Framework
Theme URI: http://underscores.me/
Author: Vize Media
Author URI: https://www.vizemedia.com
Description: Bootstrap-based theme developed by EP4 for WordPress
Version: 3.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ep4
Tags:

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.

EP4 Framework is based on Underscores http://underscores.me/, (C) 2012-2015 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 http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Utility classes
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
	## Togglable tabs
	## Modal
	## Panels
	## Labels
	## Pagination
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 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.6em;
	left: 0.2em;
	margin-right: 0.2em;
    font-size: 50%;
}

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-appearance: textfield;
	box-sizing: content-box;
}

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;
}

ul,
ol {
	margin-left: 0;
	padding-left: 1rem;
	line-height: 1.8;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
	font-size:18px;
}

body,
button,
input,
select,
textarea {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

/* Small spacing fix */
h3 + h4 {
	margin-top: 26px;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

a[href] {
	display: inline-block;
	text-decoration: none;	
}

a[href]:hover{
	text-decoration: underline;	
}

/*--------------------------------------------------------------
# Utility classes
--------------------------------------------------------------*/

.align-top {
	vertical-align: top;
}

.small-padding-top {
	padding-top: 20px;
}

.large-padding-top {
	padding-top: 40px;
}

.small-margin-top {
	margin-top: 20px;
}

.large-margin-top {
	margin-top: 40px;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*

ul,
ol {
	margin: 0 0 1.5em 3em;
}
*/

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms - Don't think it's a good idea to override Bootstrap styles
--------------------------------------------------------------*/

.form-control {
	border-radius: 0;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border-radius: 0;
	-webkit-appearance: none;
	border: 1px solid #CCCCCC;
}

button {
	-webkit-appearance: none !important;

}

/*--------------------------------------------------------------
# Gravity Forms overrides
--------------------------------------------------------------*/
div.gform_wrapper {
	max-width: inherit;
}

.gform_body div.ginput_container_name span:last-child {
	padding-right: 1.5%;
}

div.gform_wrapper .gform_body .gfield:not(:last-child) {
	margin-bottom:20px;
}

div.gform_wrapper .gform_body .gfield:empty {
	display: none;
}

div.gform_wrapper .gform_body label.gfield_label {
	text-transform: uppercase;
	font-weight:600;
	font-size:0.9rem;
}

div.gform_wrapper .gform_body .ginput_complex label {
	text-transform: uppercase;
	font-weight:400;
	font-size:0.9rem;
	margin-bottom:0;
}

/* Cancels left_label effect on mobile */
@media only screen and (max-width: 767px) {
	.gform_wrapper .gform_body .left_label label {
		float: none;
	}

	.gform_wrapper .gform_body .left_label .ginput_container {
		width: 100%;
	}

	.gform_wrapper .gform_body .left_label .ginput_container input {
		width: 98%;
	}
	
	.gform_wrapper div.left_label.gform_footer {
		margin-left:0;	
	}
}

/*--------------------------------------------------------------
# Bootstrap overrides
--------------------------------------------------------------*/
body .container-fluid {
	max-width:100%;
}

body a {
	text-decoration: underline;
	font-weight: bold;
}

body .btn {
	border-radius:0;
    line-height: 1.3333333;
}

body a.btn:link,
body a.btn:visited{
	text-decoration:none;
}

body a.btn:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

body .btn-group-lg>.btn,
body .btn-lg {
    line-height: 1.3333333;
}

@media screen and (min-width: 768px) {
	body .btn {
		padding: 10px 16px;
	    font-size: 18px;
	}
	body .btn-group-lg>.btn,
	body .btn-lg {
	    padding: 14px 20px;
	    font-size: 22px;
	}
}

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

.lt-ie9 .img-responsive {
	max-width:inherit;
	display:inline-block;
}

/* Bootstrap navmenu override*/
.dropdown-menu > li > a {
	font-weight: 600;
	padding: 14px 20px;
}

.nav .current-menu-item,
#header .nav > li > a:hover,
#header .nav li.current-menu-item a,
#header .nav > li > a:focus {
	background: transparent;
	color: #000;
	opacity: 1;
}

.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover,
#header .dropdown-menu > li > a:focus,
#header .dropdown-menu > li > a:hover,
#header .nav > li.dropdown > a:focus {
	background-color:rgba(122,122,122,0.33);
	color: #000;
	opacity: 1;
}

#header .navbar-nav a:link,
#header .navbar-nav a:visited {
	opacity: 0.6;
}

#header .nav li.menu-item.language a:focus {
	background: transparent;	
}

li.menu-item.language a {
	padding-right: 0;
}

li.menu-item.language a span {
	text-transform: uppercase;
	background-color:rgba(122,122,122,0.33);
	padding: 16px;
}


.dropdown-menu {
	border: 1px solid rgba(122,122,122,0.33);
	font-size: 1rem;
	border-radius: 0;
	padding: 0;
}

.carousel .carousel-control {
	display: none;
}

.carousel:hover .carousel-control {
	display: block;
	background: transparent;
	opacity: 1;
	filter: none;
	width: 5%;
	text-shadow: none;
}

.carousel:hover .carousel-control:hover {
	color: black;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	margin-top: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header .navbar {
	margin-bottom:0;
	border-radius:0;
	border: 0;
	z-index:100;
	width:100%;
}
	
#header #navbar {
	box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.08);
}
	
.navbar-container {
	position:relative;
}	

#header #navbar ul a{
	text-decoration: none;
}

#navbar .navbar-brand #logo {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	min-width:120px;
	height: 100%;
	display:inline-block;
}

#navbar .site-logo img {
	display: none;
}

.lt-ie9 #header #navbar {
	position: relative;
}

.lt-ie9 #navbar .navbar-brand {
	height: inherit;
}

.lt-ie9 #navbar .navbar-brand #logo {
	background: none;
	margin:0;
}

.lt-ie9 #navbar .site-logo img {
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.navbar-brand {
		padding: 5px 15px;
	}
	
	#header #navbar .navbar-brand #logo {
		margin:0;
	}
	
	#header #navbar .navbar-header {
		padding: 12px 0 10px 0;
	}
	
	#header .navbar-toggle {
		background-color: rgba(80, 80, 80, 0.80);
		padding: 4px 10px 1px;
		font-size: 1rem;
	}

	#header .navbar-toggle:hover,
	#header .navbar-toggle:focus,
	#header .navbar-toggle:active,
	#header .navbar-toggle:not(.collapsed){
		background-color: rgba(80, 80, 80, 0.5);
	}

	#header .navbar-toggle .icon:before {
		display: inline-block;
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		color: #FFF;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		margin-top: 0.2rem;
	}
	
	.navbar-toggle .search-icon:before {
		position: static;
	}
	
	#header .menu-toggle .navbar-toggle-icon:before {
		content: "\e236";
		font-family: 'Glyphicons Halflings';
	}
	
	[data-useragent*="Opera Mini"] #header .menu-toggle .navbar-toggle-icon:before {
		content: "☰";
	}

	#header .menu-toggle:not(.collapsed) .navbar-toggle-icon:before {
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	
	[data-useragent*="Opera Mini"] #header .menu-toggle:not(.collapsed) .navbar-toggle-icon:before {
		content: "Ⅲ";
		font-weight:bold;
	}
	
	.navbar-collapse.in, .navbar-collapse.collapsing {
		box-shadow: 0px 1px 0px 0px rgba(200,200,200,0.25);
	}
	
	li.menu-item.language {
		margin: 10px 0 15px;
	}
	
}

/*--------------------------------------------------------------
## Navbar Search
--------------------------------------------------------------*/

#navbar .menu-item.search {
	font-size: 32px;
}

#navbar .navbar-search-form-container {
	position: absolute;
	top: 0;
	right: 83px;
	width: 60vw;
	max-width: 810px;
	height: 100px;
	overflow: hidden;
	padding: 23px 0;
}

.search-form .form-control {
	height: 52px;
	padding-right:40px;
	font-size: 1rem;
	box-sizing: border-box;

}

#navbar .form-control {
}

.search-form .input-group .search-submit {
	height: 52px;
	min-width: 52px;
	border-radius: 0;
	overflow: hidden;
	font-size:32px;
	line-height:30px;
	margin-bottom: 0;
}

#navbar .search-submit .search-icon {
	padding-right: 1px;
}

[data-useragent*="Opera Mini"] #navbar .search-icon:before,
[data-useragent*="Opera Mini"] #navbar .close-icon:before {
	font-size:40px;
}

#navbar .navbar-search-form-container {
	transition: all 0.5s ease-out;
	overflow: hidden !important;
}

#navbar .navbar-search-form-container.collapse:not(.in) {
	width: 0;
	min-width: 0;
	opacity: 0;
	display: block !important;
}

#navbar .navbar-search-form-container.collapsing[aria-expanded="false"] {
	opacity: 0;
}

.search-form .input-group .remove {
	position: absolute;
	right:60px;	
	z-index:2;
	font-size:38px;
	background:none;
	border:0;
	line-height:1.4;
	padding:0;
	margin:0;
	opacity:0.3;
	color: rgba(50,50,50,0.5);
}

.search-form .input-group .remove:hover {
	color: rgba(50,50,50,1);
}

.search-icon:before {
	font-family: dashicons;
	content: "\f179";
	font-size: 19px;
    position: relative;
    top: -2px;
}

[data-useragent*="Opera Mini"] .search-icon:before{
	content:"⌕";
}

.close-icon:before {
	font-family: dashicons;
	content: "\f335";
}

[data-useragent*="Opera Mini"] .close-icon:before{
	content:"✕";
}

@media screen and (max-width:767px) {
	#navbar .navbar-search-form-container {
		margin:0 0 8px;
		height:0;
		padding: 0;
		width: 100%;
		position: static;
	}

	#navbar .search-form {
		box-sizing: border-box;
	}
	
	#navbar .navbar-search-form-container.collapse.in {
		height:62px;
	}

	#navbar .close {
		display: none;	
	}
}

@media screen and (min-width:768px) {
	#navbar .navbar-search-form-container.collapse {
		display: none !important;
	}

	#navbar .navbar-search-form-container.collapsing {
		height: 100px !important;
	}

	#navbar .navbar-search-form-container.collapsing[aria-expanded="false"] {
		width:0;
		min-width:0;
	}
	
	#navbar .navbar-search-form-container.collapse.in {
		display: block !important;
	}
}

/*--------------------------------------------------------------
## Navbar Affix
--------------------------------------------------------------*/

#navbar.affix-top {
	position: relative;
	transform:translateY(0%);
}

#navbar.affixing-top{
	position: fixed;
	transform:translateY(-100%);
	opacity:0;
	-webkit-transition: all .15s ease-in;
	-moz-transition: all .15s ease-in;
	transition: all .15s ease-in;
}

#navbar.affix-top-initial {
	position:relative;
	transform:translateY(0%);
	transition: all 0s ease-out;
	opacity:1;
	background-color: inherit;
	color: inherit;
	z-index:100;
}

#navbar.affix{
	position: fixed;
	-webkit-transition: all .15s ease-in;
	-moz-transition: all .15s ease-in;
	transition: all .15s ease-in;
	transform:translateY(0%);
}

#navbar.affixing{
	position: absolute;
	transform:translateY(-100%);
	opacity:0;
}

/*--------------------------------------------------------------
## Fixed navbar adjustment when admin bar is displayed
--------------------------------------------------------------*/

.admin-bar .navbar-fixed-top, 
.admin-bar .affix {
	top:32px;
}

#header .dropdown-menu > .active > a,
#header .dropdown-menu > .active > a:focus,
#header .dropdown-menu > .active > a:hover {
	background-color: #000;
	color: #fff;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
	padding:50px 0;
}

#footer .site-info{
	margin-top:20px;
}

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

@media (min-width: 768px) {
	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
	    padding-right: 0;
	}
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
	-webkit-transition: color .1s ease-out, border-color .1s ease-out, background-color .1s ease-out, opacity .1s ease-out;
    transition: color .1s ease-out, border-color .1s ease-out, background-color .1s ease-out, opacity .1s ease-out;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

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


/*--------------------------------------------------------------
## Menus (NOT USED SINCE WE USE A CUSTOM NAVWALKER FOR BOOTSTRAP MENU!)
--------------------------------------------------------------*/
/*
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
*/
/* 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,
.sr-only {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.lt-ie9 .screen-reader-text,
.lt-ie9 .sr-only {
	display: none;
}

.screen-reader-text:focus,
.sr-only:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	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. */
}

/*--------------------------------------------------------------
# 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;
}

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

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#sidebar header {
	margin-top:60px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

/*
.widget {
	margin: 0 0 1.5em;
}
*/
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.widget li {
	line-height:1.2;
	margin-bottom:10px;	
}

/* Default Widgets */
.widget-default h3 {
	margin: 10px 0;
}

.widget-default ul{
	margin: 10px 0;	
}

.widget-default .recent-comments dd {
	margin: 10px 0 20px;
	padding-bottom:20px;
	border-bottom: 1px solid #DDD;
	font-size: smaller;
	line-height:1.2;
}

.widget-default .recent-comments dd:last-child {
	border-bottom: none;
	padding-bottom:0;
}

.widget-default .avatar {
	margin-right: 6px;	
}


.widget-default .search {
	margin-bottom: 40px;
}


/*--------------------------------------------------------------
# Generic reusable classes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Layouts
--------------------------------------------------------------*/

@media screen and (min-width:768px) {
	.masonry-container.masonry-col-2 {
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-moz-column-width: 50%;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		-webkit-column-width: 50%;
		column-count: 2;
		column-gap: 30px;
		column-width: 50%;
	}

	.masonry-container.masonry-col-3 {
		-moz-column-count: 3;
		-moz-column-gap: 0;
		-moz-column-width: 33.33%;
		-webkit-column-count: 3;
		-webkit-column-gap: 0;
		-webkit-column-width: 33.33%;
		column-count: 3;
		column-gap: 0;
		column-width: 33.33%;
	}

	:not(.lt-ie10) .masonry-container .masonry-item {
		width: 100%;
		break-inside: avoid;
		 -webkit-column-break-inside:avoid;
	}
}

/*--------------------------------------------------------------
## Dashicons
--------------------------------------------------------------*/

/* Fix for Dashicons */
.dashicons {
	width: inherit; /* Or else the width is fixed to 20px! */
	height: inherit;
	font-size: inherit; /* Or else it's forced to 20px */
	line-height: inherit; /* 1 by default */
}

/* Missing Dashicons classes */
.dashicons-buddypress:before	{ content: "\f448"; }

/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/

/* All accent colors are overridden in customizer.php. They are declared right here for the sake of completeness */
.accent-color {color: inherit;}
.accent-background-color {background-color: inherit;}
.accent-border-color {border-color: inherit;}

.accent-color-light {color: inherit;}
.accent-background-color-light {background-color: inherit;}
.accent-border-color-light {border-color: inherit;}

.accent-color-dark {color: inherit;}
.accent-background-color-dark {background-color: inherit;}
.accent-border-color-dark {border-color: inherit;}	

.black-color {color: #000000;}
.black-background-color {background-color: #000000;}
.black-border-color {border-color: #000000;}	

.white-color {color: #FFFFFF;}
.white-background-color {background-color: #FFFFFF;}
.white-border-color {border-color: #FFFFFF;}	

.grey-color {color: #DDDDDD;}
.grey-background-color {background-color: #DDDDDD;}
.grey-border-color {border-color: #DDDDDD;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Blog Archives
--------------------------------------------------------------*/

.blog-posts .entry-header {
	margin-bottom: 20px;
}

.blog-posts article:first-child .entry-title {
	margin-top:0;	
}

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

.hentry {
	margin: 0;
}

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

.single .byline,
.group-blog .byline {
	display: inline;
}

.single .entry-header {
	padding-top: 80px;
    padding-bottom: 40px;
}

.single .entry-title {
	text-transform: uppercase;
	margin: 0 0 10px;
}

.post .post-thumbnail {
	float: left;
	margin: 0 20px 10px 0;
	max-width: 40%;
	min-width: 250px;
}

@media only screen and (max-width:599px) {

	.post .post-thumbnail {
		max-width: initial;
		width: 100%;
		margin-bottom:20px;
	}
	
}

.post-navigation {
	margin: 60px 0 80px;
	clear:both;
}

/* Post Navigation */
.nav-links {
	display: flex;
	position: relative;
}

.nav-links .nav-previous {
	flex: 1;
	margin: 0 20px 0 40px;
	align-self: center;
	min-width: 33%;
}

.nav-links .nav-next {
	margin: 0 40px 0 20px;
	align-self: center;
	text-align: right;
	min-width: 33%;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
	display: block;
	line-height: 1.25;
	font-size: 1.3rem;
}

.nav-links .nav-previous a:before,
.nav-links .nav-next a:after {
	font-family: dashicons;
	text-decoration: none;
	position: absolute;
	font-size: 1.75rem;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}

.nav-links .nav-previous a:before {
	content: "\f341";
	left: 0;
}

.nav-links .nav-next a:after {
	content: "\f345";
	right: 0;
}

/*
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
*/
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*
.tags-links .label {
	height:28px;
	display:inline-block;
	margin: 0 15px 0;
	font-family: Roboto;
}

.tags-links .label:before {
	left:-14px;
	border-width: 14px 14px 14px 0;
}

.tags-links .label a {
	color: #FFF;
	font-weight: 600;
	text-decoration: none;
}
*/

a.label:link,
a.label:visited {
	color: #FFF;	
}

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

article.full-width-background {
	padding: 60px 0;
}

article.full-width-background:nth-child(even) {
    background: #f5f5f5;
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	padding: 80px 0;
}

.comments-title {
	margin-bottom: 40px;	
}

.comment-content a {
	word-wrap: break-word;
}

.comment-list {
	padding-left:0;
}

.comment .media-left {
	padding-right: 20px;
}

.bypostauthor {
	display: block;
}

.avatar {
	max-width: inherit;	
}

.form-submit {
	text-align: right;
}

.reply {
	margin-bottom: 40px;
}

.child-comments {
	background: #e5e5e5;
	padding: 40px 40px 0;
}

.child-comments ol {
	padding-left: 0;
}

.comment.depth-1 {
	margin-bottom: 40px;
	margin-top: 0;
}

#cancel-comment-reply-link {
	float: right;
	line-height: 1.5;
}

#reply-title {
	margin-top: 0;
	margin-bottom: 20px;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: small;
}

/*--------------------------------------------------------------
# Togglable tabs
--------------------------------------------------------------*/
.nav-tabs {
	border-bottom-color: #ddd;
}

.nav-tabs>li>a {
	border-radius: 0;
	margin: 10px 32px 10px 0;
	padding: 0;
    font-size: 18px;
	color: #999;
	border: 0px;
	text-decoration: none;
	font-family: Roboto, Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.3333333;
	outline-offset: 5px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
	background: transparent;
	text-decoration: none;
	border-radius: 0;
	border: 0px;
	color: #000;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.modal-dialog {
		width: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.modal-dialog {
		width: 960px;
	}
}

.modal-content {
	border-radius: 0;
}

.modal-header {
		padding: 40px;
}

.modal-body {
		padding: 30px 40px;
}

.modal-header .close {
	opacity: 1;
	margin: 8px 5px 0;
	float: right;
	font-size: 24px;
}

.modal-header .close a {
    color: #000;
    text-shadow: none;
    text-decoration: none;
    border: 0;
}

.modal-header .close a:hover {
    color: #999;
}

.modal-title {
	display: inline-block;
}

.modal-content .gform_wrapper {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Panels
--------------------------------------------------------------*/
.panel,
.panel-heading {
	border-radius: 0;
	box-shadow: none;

}
.panel-heading { 
	padding: 10px 16px;
}
.panel-title {
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1.3333333;
}

/*--------------------------------------------------------------
# Labels
--------------------------------------------------------------*/

.label {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	position: relative;
	margin: 0 8px 8px 13px;
	padding: 0 10px 0 12px;
	background: #777;
	color: #fff;
	text-decoration: none;
	border-radius: 0;
}

.label:last-child {
	margin-right:0;
}

.label:before {
	float: left;
	content: "";
	position: relative;
	top: 0;
	margin-left: -24px;
	width: 0;
	height: 0;
	border-color: transparent #777 transparent transparent;
	border-style: solid;
	border-width: 12px 12px 12px 0;
	-webkit-transition: border-color .1s ease-out;
	transition: border-color .1s ease-out;
}

.label:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 1px;
	float: left;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow:none;
}

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

a.label:hover:before {
	border-color: transparent #5e5e5e transparent transparent;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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;
}

/*--------------------------------------------------------------
# Edit Link
--------------------------------------------------------------*/

.edit-link a[class*="edit-link"],
.edit-link a[class*="edit-link"]:hover{
	text-decoration: none;
	padding: 0px 5px;
}

.edit-link a[class*="edit-link"]:before {
	font-family: dashicons;
	content: "\f464";
	font-weight: normal;
}

.comment-body .edit-link {
	float: right;
}

/*--------------------------------------------------------------
# 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%;
}

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
## Page Content Section
--------------------------------------------------------------*/

.site-content {
	overflow-x: hidden;
}

.site-content .section {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
}

.site-content .section:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   height: 0;
}

/* Bootstrap override. */
.section.jumbotron {
	border-radius:0; 
}

/* Spacing fix for columns spanning over multiple rows */
.section .row + .row,
.section .section-content > [class*="col-"] {
	padding-top: 22px;
}

.site-content .section .section-background {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: -1;
}

.section-content > [class*="col-"] {
	opacity:1;
	transition: opacity 0.33s ease-out;
}

.section-content > .inactive {
	opacity: 0.1;
}


.site-content .section.blurred-background .section-background {
	-webkit-filter: blur(50px);
	-moz-filter: blur(50px);
	-o-filter: blur(50px);
	-ms-filter: blur(50px);
	filter: blur(50px);
	opacity: 0.5;
}

/* Full Page Slide */
#content .full-page {
	min-height: 100vh;
	padding-top:0;
	padding-bottom:0;
	width: 100%;
	box-sizing: content-box;
}

_:-ms-input-placeholder .gt-ie9, :root .full-page {
	height:100vh;
}

html.ie9 body .full-page {
	width:100vw;
}

.scroll-prev,
.scroll-next {
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 16px;
	transition: all 0.2s;
	opacity: 0.6;
}

.scroll-prev:hover, 
.scroll-prev:active,
.scroll-next:hover, 
.scroll-next:active {
	opacity: 1;
}

.scroll-prev:focus,
.scroll-next:focus {
	outline: none;	
}

.scroll-prev:before,
.scroll-next:before {
	content: "\f343";
	transition: all 0.2s;
	width: 32px;
	height: 32px;
	background-color: rgba(122,122,122,0.33);
	font-size: 20px;
	display: inline-block;
	line-height: 32px;
	border-radius: 50%;
	font-family: dashicons;
	color: #fff;
}

.scroll-next:before {
	content: "\f347";
}

/* Center-align any element vertically, supported for all browsers except for IE8-  */
html body .vertically-centered {
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Chrome 20 & older, Safari 6 & older, iOS 6.1 & older, Android 4.3 & older, UC Browser for Android */
	display: -moz-box; /* Firefox 21 & older */
	display: -webkit-flex; /* Chrome 21-28, Opera 15-16, iOS 7.1-8.4 */
	display: flex; /* IE11, Edge 12+, Chrome 29+, Firefox 22+, Opera 17+, Opera Mini 5+, iOS 9+, Android 4.4+, Chrome for Android 46+ */
	-ms-flex-pack: center; /* Old model specs for IE */
	-moz-box-pack: center; /* Old model specs for Firefox */
	-webkit-box-pack: center; /* Old model for older Webkit */
	-webkit-justify-content: center; /* New model for old Webkit */
	justify-content: center; /* All recent browsers */
	-ms-flex-direction: column;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
}

html.ie9 body .vertically-centered {
	display:table-cell;
	vertical-align: middle;
}

/* Full width background in with fixed container width */
#content .full-width-background,
#content .page-header,
#content .page-footer,
#content #comments,
.single #content .entry-header,
.single #content .entry-footer,
#content .header-search-form,
#content .footer-search-form {
	margin-left:  -15px;
	margin-right: -15px;
	padding-left:  15px;
	padding-right: 15px;
}


@media screen and (min-width: 1200px) { /* 1200px = 1170px max-width + 15px margin-left + 15px margin-right */
	body .container-fluid {
		max-width: 1170px;
	}
	
	#content .full-width-background,
	#content .page-header,
	#content .page-footer,
	#content #comments,
	.single #content .entry-header,
	.single #content .entry-footer,
	#content .header-search-form,
	#content .footer-search-form {
		 width: auto;
		margin-left: calc(50% - 50vw);
	    margin-right: calc(50% - 50vw);
	    padding-left: calc(-50% + 50vw);
	    padding-right: calc(-50% + 50vw);
	}
	
}

/* Full-width slide */

#content .section.full-width {
	padding-left: 0;
	padding-right: 0;
}

/*
.section.full-width .container-fluid{
	max-width: 100%;
	padding:0;
}

.section.full-width .container-fluid .row,
.section.full-width .container-fluid .row .col-sm-12 {
	padding:0;
	margin:0;
}
*/

/* No-padding & no-margin classes */

body .no-padding,
.section.no-padding {
	padding:0;	
}

body .no-padding-bottom,
.section.no-padding-bottom {
	padding-bottom:0;	
}

body .no-padding-top,
.section.no-padding-top {
	padding-top:0;	
}

/* No-margin slide */

body .no-margin,
.section.no-margin {
	margin:0;	
}

body .no-margin-bottom,
.section.no-margin-bottom {
	margin-bottom:0;	
}

body .no-margin-top,
.section.no-margin-top {
	margin-top:0;	
}

/*--------------------------------------------------------------
## Single Project
--------------------------------------------------------------*/

.single.single-project .entry-content {
	margin-top: 0;
}

.single-project .section.jumbotron {
	padding: 80px 0 60px;
	margin-bottom:0;
}

.single-project .section a.chrome {
	border: 3px solid rgba(230, 230, 230, 0.7);
    border-top: 2em solid rgba(230, 230, 230, 0.7);
	position: relative;
	display: inline-block;
	border-radius: 3px 3px 0 0
}

.single-project .section a.chrome:before {
	display: block;
	position: absolute;
	content: '';
	top: -1.25em;
	left: 1em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	background-color: #f44;
	box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}

/*.single-project .section a.chrome:after {
	display: block;
	position: absolute;
	content: '';
	top: -2em;
	left: 5.5em;
	width: 20%;
	height: 0em;
	border-bottom: 2em solid white;
	border-left: 0.8em solid transparent;
	border-right: 0.8em solid transparent;
}*/

.carousel.slide .col-xs-12 {
	padding: 0;
}

.carousel.slide .col-xs-12 a.chrome,
.carousel.slide .col-xs-12 a.chrome img {
	width: 100%;
}

/*--------------------------------------------------------------
## Post Formats
--------------------------------------------------------------*/

/* Quote */
.format-quote .entry-summary {
	padding:0;
    border:none;
    position: relative;
    width:100%;
    padding-left:4rem;
    text-align: justify;
    margin:0;
    font-size:1rem;
}

.format-quote .entry-summary:before {
	content: "“";
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    left:0rem;
    top:-2rem;
    font-size:12rem;
    font-size:6rem;
    opacity: 0.75;
}

.format-quote .entry-summary .entry-footer {
	text-align: right;
	margin:10px 0 40px;
	opacity: 0.75;
}

.format-quote .entry-summary .entry-footer:before {
	font-family: Arial, sans-serif;
}

/*--------------------------------------------------------------
## Custom CSS Styles
--------------------------------------------------------------*/

.circle-icon {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	display: inline-block;
}

.circle-icon > span {
	font-size: 2.5rem;
	width: 100%;
	line-height: 4rem;
}

.gmap-group .gmap {
	height: 550px;
}

.entry-content .entry-summary {
    font-weight: bold;   
}