/*! CSS Used from: http://mattingly.design/style.css */

@media (min-width: 992px) {
.mattingly-design-header .container {
	max-width:970px
}

}

@media (min-width: 1200px) {
.mattingly-design-header .container {
	max-width:1170px;
	padding:0 75px
}

}

ul,li {
	margin:0;
	padding:0
}

::selection {
	background:#90BD43;
	color:#FFF;
	text-shadow:none
}

a {
	text-decoration:none!important;
	color:#1ABC9C
}

a img {
	border:none
}

a:hover {
	cursor:pointer!important
}

img {
	max-width:100%
}

ul {
	margin-bottom:30px
}

#logo {
	position:relative;
	float:left;
	height: 0;
	font-family:'Baloo 2', sans-serif;
}

#logo a {
	display:block;
	color:#000
}

#logo img {
	display:block;
	max-width:100%
}

#logo a.retina-logo {
	display:none
}

#primary-menu {
	float:right
}

#primary-menu-trigger {
	opacity:0;
	pointer-events:none;
	cursor:pointer;
	font-size:14px;
	position:absolute;
	top:50%;
	margin-top:-25px;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	-webkit-transition:opacity .3s ease;
	-o-transition:opacity .3s ease;
	transition:opacity .3s ease
}
.icon-reorder:before {
	font-family:'Font Awesome 5 Free';
	font-style:initial;
	content:'\f0c9';
	font-weight:bold
}

#primary-menu ul {
	list-style:none;
	margin:0
}

#primary-menu > ul {
	float:left
}

#primary-menu ul li {
	position:relative
}

#primary-menu ul > li {
	float:left;
	margin-left:2px
}

#primary-menu > ul > li:first-child {
	margin-left:0
}

#primary-menu ul li > a {
	display:block;
	line-height:22px;
	padding:.5em 0 0;
	color:#444;
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family:'Baloo 2', sans-serif;
	-webkit-transition:margin .4s ease, padding .4s ease;
	-o-transition:margin .4s ease, padding .4s ease;
	transition:margin .4s ease, padding .4s ease
}

footer { 
	font-family: 'Montserrat', "Helvetica Neue", sans-serif;
}

footer ul { display: flex; justify-content: space-between; }

.home::before {
	font-family:'Font Awesome 5 Free';
	padding-right:1em
}

div.services::before {
	content:"\f0b1"
}

div.work::before {
	content:"\f53f"
}

div.contact::before {
	content:"\f086"
}

div.articles::before {
	content:"\f303"
}

.home::before {
	content:"\f053"
}

footer a.home::before { padding-right: .6em; }

footer a:hover { color: #fff; }

#primary-menu ul li > a > div {
	padding: 2px 1em 0; 
	margin-top: -1px;
	border-radius:24px
}

#primary-menu ul li > a > div:hover {
	background-color:#36A7B2;
	transition:background .3s
}

#header-wrap,#logo img {
	height:40px;
	padding: 2px 0 8px;
	-webkit-transition:background-color .7s ease, height .4s ease, opacity .3s ease;
	-o-transition:background-color .7s ease, height .4s ease, opacity .3s ease;
	transition:background-color .7s ease, height .4s ease, opacity .3s ease;
}

#logo img {
	margin-top:-2px;
}

body:not(.top-search-open) #header-wrap #logo,body:not(.top-search-open) #primary-menu > ul {
	opacity:1;
	-webkit-transition:height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition:height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition:height .4s ease, margin .4s ease, opacity .2s .2s ease
}

#header-wrap {
	position:relative;
	z-index:199;
	-webkit-backface-visibility:hidden;
	background-color:rgba(43,48,59,0.85);
	-webkit-backdrop-filter:blur(3px);
	backdrop-filter:blur(3px)
}

.mattingly-design-header { 
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 1000;
	height: auto;
 }

/*! CSS Used from: http://mattingly.design/css/bootstrap.css */

*,::after,::before {
	box-sizing:border-box
}

nav {
	display:block
}

ul {
	margin-top:0;
	margin-bottom:1rem
}

a {
	color:#90BD43;
	text-decoration:none;
	background-color:transparent
}

a:hover {
	color:#0056b3;
	text-decoration:underline
}

img {
	vertical-align:middle;
	border-style:none
}
.mattingly-design-header .container {
	width:100%;
	padding: 0;
	margin-right:auto;
	margin-left:auto;
}

.clearfix::after {
	display:block;
	clear:both;
	content:""
}

/*! CSS Used from: http://mattingly.design/css/dark.css */

.dark a:hover {
	color:#fff
}
.dark #logo a {
	color:#fff
}
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a {
	color:#fff
}

/*! CSS Used from: http://mattingly.design/css/responsive.css */

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
	#logo a.retina-logo {
	display:block
}

}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991.98px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:991.98px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991.98px),only screen and (min-device-pixel-ratio:2) and (max-width:991.98px),only screen and (min-resolution:192dpi) and (max-width:991.98px),only screen and (min-resolution:2dppx) and (max-width:991.98px) {
	#logo a.retina-logo {
	display:inline-block
}

}

@media (min-width:768px) and (max-width:1112px) {

#header-wrap {
	position:fixed;
	width:100%;
/*	height:70px*/
}

#logo img {
/*	height:auto;*/
	margin:0;
/*	padding-top:10px*/
}

#primary-menu ul li>a {
	padding-top:19px;
	font-size:12px
}

#primary-menu ul li>a>div {
	padding:4px 1.2em 4px
}

}

@media (max-width:575.98px) {

#primary-menu-trigger {
	left:20px
}

}

@media (max-width:415px) {

	#logo {
		display:block;
		height:100px;
		float:none;
		margin:0 auto 0!important;
		max-width:none;
		text-align:center;
		border:0!important;
		padding:0
	}

	#header-wrap {
		position:absolute;
		width:100%;
		top:0
	}

	#logo {
		height:50px;
		padding-left:10px
	}

	#logo a {
		float:left
	}

	#logo img {
		height:42px;
	}

	li .home { display: none; }

}

/*! CSS Used from: http://mattingly.design/include/rs-plugin/css/layers.css */

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

/*! CSS Used fontfaces */@font-face {
	font-family:'Baloo 2';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/baloo2/v21/wXKrE3kTposypRyd51ncAM4olXcLtA.woff2) format('woff2');
	unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF
}

@font-face {
	font-family:'Baloo 2';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/baloo2/v21/wXKrE3kTposypRyd51fcAM4olXcLtA.woff2) format('woff2');
	unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family:'Baloo 2';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/baloo2/v21/wXKrE3kTposypRyd51bcAM4olXcLtA.woff2) format('woff2');
	unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family:'Baloo 2';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/baloo2/v21/wXKrE3kTposypRyd51jcAM4olXc.woff2) format('woff2');
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family:'Baloo 2';
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/baloo2/v21/wXKrE3kTposypRyd51ncAM4olXcLtA.woff2) format('woff2');
	unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF
}

@font-face {
	font-family:'Baloo 2';
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/baloo2/v21/wXKrE3kTposypRyd51fcAM4olXcLtA.woff2) format('woff2');
	unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family:'Baloo 2';
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/baloo2/v21/wXKrE3kTposypRyd51bcAM4olXcLtA.woff2) format('woff2');
	unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family:'Baloo 2';
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/baloo2/v21/wXKrE3kTposypRyd51jcAM4olXc.woff2) format('woff2');
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family:'Font Awesome 5 Free';
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url("http://mattingly.design/fonts/fa-regular-400.eot");
	src:url("http://mattingly.design/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),   		url("http://mattingly.design/fonts/fa-regular-400.woff2") format("woff2"),   		url("http://mattingly.design/fonts/fa-regular-400.woff") format("woff"),   		url("http://mattingly.design/fonts/fa-regular-400.ttf") format("truetype"),   		url("http://mattingly.design/fonts/fa-regular-400.svg#fontawesome") format("svg")
}

@font-face {
	font-family:'Font Awesome 5 Free';
	font-style:normal;
	font-weight:900;
	font-display:block;
	src:url("http://mattingly.design/fonts/fa-solid-900.eot");
	src:url("http://mattingly.design/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),   		url("http://mattingly.design/fonts/fa-solid-900.woff2") format("woff2"),   		url("http://mattingly.design/fonts/fa-solid-900.woff") format("woff"),   		url("http://mattingly.design/fonts/fa-solid-900.ttf") format("truetype"),   		url("http://mattingly.design/fonts/fa-solid-900.svg#fontawesome") format("svg")
}

@font-face {
	font-family:"Font Awesome 5 Free";
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url(http://mattingly.design/fonts/fa-regular-400.eot);
	src:url(http://mattingly.design/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(http://mattingly.design/fonts/fa-regular-400.woff2) format("woff2"),url(http://mattingly.design/fonts/fa-regular-400.woff) format("woff"),url(http://mattingly.design/fonts/fa-regular-400.ttf) format("truetype"),url(http://mattingly.design/fonts/fa-regular-400.svg#fontawesome) format("svg")
}

@font-face {
	font-family:"Font Awesome 5 Free";
	font-style:normal;
	font-weight:900;
	font-display:block;
	src:url(http://mattingly.design/fonts/fa-solid-900.eot);
	src:url(http://mattingly.design/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(http://mattingly.design/fonts/fa-solid-900.woff2) format("woff2"),url(http://mattingly.design/fonts/fa-solid-900.woff) format("woff"),url(http://mattingly.design/fonts/fa-solid-900.ttf) format("truetype"),url(http://mattingly.design/fonts/fa-solid-900.svg#fontawesome) format("svg")
}