/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/

#content .project.small{	
	margin: 0 20px 20px 0 !important;
}

body {
	border-top: 0px solid #2372f8! important;	
}

#logo img {
	margin-bottom: 10px !important;
	width:144px; height auto;
}

#main {
	border-bottom: 0px solid #e3e2de !important;	
}

#footer .secondary {
	font-size: 1em;
	border-top: 0px solid #e3e2de !important;
  color: #101010;		

}

#footer-menu a {
	color: #2372f8 !important;
	font-family: "Montserrat"!important;
	font-weight: 600 !important;
}

#mainNav ul a {
	line-height: 39px;
	color: #2372f8;
	font-size: 20px;
	font-family: "Nunito Sans";
	font-weight: 300;
}


#mainNav ul a:hover {
	color: #2372f8 !important;
}

#mainNav ul a, #mainNav ul li.sfHover ul a {
	color: #101010 !important;
}

#inlineicon {
	display: flex;
}

#content #filterNav li {
	margin: 20px 0px 0px 0;
	color: #bcbcbc;
	visibility: visible;
}

#content #filterNav li span {
	margin: 0 0px 0px 0;
	color: #bcbcbc;
	visibility: visible;
}

#filterNav li a {
	display: inline-block;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	padding: 0 10px !important;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 5px;
	visibility: visible;
}

#filterNav li a:hover {
	color: #101010 !important;
  visibility: visible;
}

#filterNav .selected {
	color: #101010 !important;
  visibility: visible;
}

#filterNav li a.selected:hover {
	color: #93bcbe !important;
  visibility: visible;
}

#homeMessage {
border-bottom: 0px solid #e3e2de !important	
;
margin-bottom: -18px;
}

#homeMessage p {
	font-size: 20px;
	color: #101010;
	letter-spacing: .06em;
	font-family: "Nunito Sans", Georgia, Times, "Times New Roman", serif;
	font-weight: 300;
	line-height: 1.25em !important;
}

#pageHead h1 {
	font-size: 19px;
	color: #101010;
	letter-spacing: .1em;
	font-family: "Nunito Sans", Georgia, Times, "Times New Roman", serif;
	font-weight: 400;
	line-height: 1.25em !important;
}

h1 {
	font-size: 21px;
	font-family: Nunito Sans, sans-serif;
	color: #101010;
	font-weight: 700;
	line-height: 2em;
	padding: 0;
	margin-bottom: 0;
	display: block;
	letter-spacing: .1em;
}

h2 {
	margin: 0;
	font-family: Nunito Sans, sans-serif;
	font-weight: 400;
	color: #101010;
	font-size: 19px;
	line-height: 28px;
}

h2 a {
	color: #101010;
	text-decoration: none;
}

h2 a:hover {
	color: #2372f8;
	text-decoration: none;
}

h3 {
	margin-bottom: 16px;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #101010;
	font-size: 110%;
	line-height: 150%;
}

h3 a {
	color: #101010;
	text-decoration: none;
}

h3 a:hover {
	color: #ff5f66;
	text-decoration: none;
}

body {
	font-size: 100%;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	color: #101010;
}

a:hover {
	color: #ff5f66 !important;
}

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, .widgetBox h3 a:hover, #slideshow .slideText h3 a:hover, #content h4 a:hover, #content h5 a:hover {
	color: #ff5f66 !important;
}

hr.style-one {
	border: none;
	height: 0px;
	color: #fff;
	background-color: #fff;
}

.sbutton {
	background: #2372f8;
	color: #fff;
	border: solid #2372f8 2px;
	text-decoration: none;
	border-radius: 0;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 13px 50px;
}

.sbutton:hover {
	background: #fff;
	color: #2372f8 !important;
	border: solid #2372f8 2px;
	text-decoration: none;
}

.sbutton2 {
	background: #2372f8;
	color: #fff;
	border: solid #2372f8 2px;
	text-decoration: none;
	border-radius: 0;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	font-size: 21px;
	letter-spacing: 1px;
	padding: 22px 50px;
}

.sbutton2:hover {
	background: #fff;
	color: #2372f8 !important;
	border: solid #2372f8 2px;
	text-decoration: none;
}

.sbutton2fr {
	background: #2372f8;
	color: #fff;
	border: solid #2372f8 2px;
	text-decoration: none;
	border-radius: 0;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	font-size: 21px;
	letter-spacing: 1px;
	padding: 22px 30px;
}

.sbutton2fr:hover {
	background: #fff;
	color: #2372f8 !important;
	border: solid #2372f8 2px !important;
	text-decoration: none;
}

.skillList li span a {
	font-size: 15px;
	display: inline-block;
	color: #2372f8 !important;
	text-decoration: none;
	position: relative;
	padding: 15px 18px !important;
	border: solid #2372f8 2px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 0;
	background: #fff;
}

.skillList li span a:hover {
	color: #fff !important;
	background: #2372f8;
}

#pageHead {		
	padding: 10px 0 30px 0;	
	margin: 0 0 20px 0;
	border-bottom: 0px solid #e4e4e4;		
}

/*image styling*/

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 0px !important;
	margin-top: 4px;
}

#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 0px;
	margin-top: 4px;
}

#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}

#content .pageimage  {
	width: 100%;
	max-width: 350px !important;
}

p {
    line-height: 2em;
    font-size: .85em;
    /* margin: 0 0 20px 0; */
}

#buysubtext {
		display: flex;
    line-height: 2em;
    font-size: .7em;
    /* margin: 0 0 0 0; */
}

#buysublist {
		display: flex;
    line-height: 2em;
    /* margin: 0 0 0 0; */
}

/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 650px), screen and (max-device-width: 650px), screen and (max-width: 650px)  {
	
		#homeMessage{
		margin-top: 0px;
		margin-bottom: -20px !important;
		visibility: visible;
	}
	
	#homeMessage p {
		text-transform: none;
		color: #a2a2a2 !important;
	}	

#pageHead {		
	padding: 0px 0 10px 0;	
	margin: 0 0 0px 0;
	border-bottom: 0px solid #e4e4e4;		
}

#pageHead h1 {	
		text-transform: none;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		letter-spacing: 0.2em;
}


#content #filterNav li {
	margin: -20px 0px 0px 0;
	visibility: hidden;
}

#content #filterNav li span {
	margin: 0 8px -5px 0;
	color: #bcbcbc;
	visibility: hidden;
}

#filterNav li a {
	display: inline-block;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	padding: 0 6px !important;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 4px;
	visibility: hidden;
}

#filterNav li a:hover {
	color: #101010 !important;
  visibility: hidden;
}

#filterNav .selected {
	color: #101010 !important;
  visibility: hidden;
}

#filterNav li a.selected:hover {
	color: #93bcbe !important;
  visibility: hidden;
}

#logo {
	margin-bottom: 0px !important;
}

#header {
	padding-bottom: 0px;
}

#icontext {
   font-size: 1em;
}

#product-top {
	visibility: hidden;
	height:0 !important;
}

#text-6 {
	visibility: hidden !important; height: 0px;
}

#text-5 {
	visibility: hidden !important; height: 0px;
}

#footer {
	margin-top: -160px;
}

#footer .secondary {
	font-size: 0.8em;

}

#content .pageimage  {
	width: 100% !important;
	display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

h2 {
	margin: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #101010;
	font-size: 0.85em;
	line-height: 2em;
}

		
/*
Mobile menu tweaks
*/

#responsive-menu-container #responsive-menu li.responsive-menu-item:first-child a {
    border-top: 0px;
}

#responsive-menu-title {
padding-bottom: 0px !important;

}

#buysubtext {
		display: flex;
    line-height: 2em;
    font-size: 0.8em;
    /* margin: 0 0 0 0; */
}

#buysublist {
		display: flex;
    line-height: 2em;
    /* margin: 0 0 0 0; */
}

#inlineicon {
	display: flex;
}

}