body { background: #efefed; color: #3e3e3e; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 25px; float: left; width: 100%; }
img { max-width: 100%; height: auto; }
.nopadding { padding: 0; margin: 0; }
.top { position: absolute; top: 0; }
.baseline { position: absolute; bottom: 0; }
*:link, *:hover, button { -o-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
a:link, a:visited { color: #3e3e3e; text-decoration: none; }
a:hover, a:active { color: #3e3e3e; }
.alignright { float: right; margin-left: 15px; }
.alignleft { float: right; margin-right: 15px; }
.aligncenter, .alignnone { display: block; margin: 0 auto; }

/* header */
header { width: 100%; color: #3e3e3e; z-index: 101; position: relative; border-top: 0; background: #fd0; margin-bottom: 7rem; padding: 2rem 0; }
header a.logo { float: left; text-decoration: none !important; }
header a.logo:hover { text-decoration: none; }
header h1 { color: #3e3e3e; font-family: 'Montserrat', sans-serif; font-size: 25px; line-height: 25px; font-weight: 200; text-transform: uppercase; margin: 0; }
header h1:before { content: 'W'; font-family: 'Montserrat', sans-serif; font-weight: 500; width: 50px; height: 50px; background: #3e3e3e; color: #fff; float: left; padding: 11px 0 0; margin-right: 10px; font-size: 30px; line-height: 30px; text-align: center; }
header nav.navbar { background: #fd0; border-radius: 0; margin: 0 }
header nav.navbar .icon-bar { background: #3e3e3e; }
header nav.navbar ul { float: right; width: 100%; margin: 0; padding: 0; }
header nav.navbar li { text-align: center; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 200; margin-left: 1rem; }
header nav.navbar li a:link, header nav.navbar li a:visited { color: #3e3e3e; }


/* main */
#main { padding: 50px 0; }
#main h1 { font-size: 3.5rem; line-height: 4rem; color: #3e3e3e; font-weight: 500; }
#main h2 { font-size: 3.5rem; line-height: 4rem; color: #3e3e3e; font-weight: 500; }
#main h3 { font-size: 2.5rem; line-height: 3rem; font-weight: 500; border-bottom: solid #fd0 3px; padding-bottom: 15px; margin-bottom: 15px; width: 100%; float: left; }
#main .social a:link, #main .social a:visited { color: #3e3e3e; float: left; padding: 0px; margin: 25px 25px 50px 0; font-size: 25px; opacity: 0.5 }
#main .social a:hover, #main .social a:active { opacity: 1; }
#main p { font-size: 14px; line-height: 25px; margin: 0 0 15px; padding: 0; }
i.devicon { font-size: 30px; float: left; margin-right: 10px; margin-bottom: 50px; opacity: 0.6 }
i.devicon:hover { opacity: 1; cursor: pointer; }
.tooltip.top .tooltip-inner { background-color: #3e3e3e; }
.tooltip.top .tooltip-arrow { border-top-color: #3e3e3e; }

/* footer */
footer { text-align: center; margin-top: 100px; float: left; width: 100%; border-bottom: solid #3e3e3e 30px }
footer .social a:link, footer .social a:visited { color: #3e3e3e; float: left; padding: 0px; margin: 0 10px 0 0; font-size: 1.3em; opacity: 0.5 }
footer .social a:hover, footer .social a:active { opacity: 1; }
footer .madewithlove { font-size: 12px; line-height: 13px; text-align: right; }
footer .contact { border-bottom: 2px solid rgba(38, 50, 56, 0.5); margin-bottom: 10px; padding-bottom: 10px; }
footer a:link, footer a:visited { color: #3e3e3e; font-weight: 500; opacity: 0.75 }
footer a:hover, footer a:active { opacity: 1; text-decoration: none; }
footer a.getintouch:link, footer a.getintouch:visited { color: #3e3e3e; font-size: 20px; margin: 15px 0; font-weight: 500; opacity: 0.75 }
footer a.getintouch:hover, footer a.getintouch:active { opacity: 1; text-decoration: none; }

/* recent jobs - home */
#recentjobs { width: 100%; float: left; padding-bottom: 15px; }
#recentjobs h2 { font-weight: 500; font-size: 3rem; margin-bottom: 15px; }
#recentjobs .job { float: left; margin: 10px 0; }
#recentjobs .job .cover img { border-radius: 3px; width: 100%; margin: 10px 0; transition: 0.25s; }
#recentjobs .job .cover img:hover { transform: scale(1.02); transition: 0.5s; z-index: 1000; position: relative; }
#recentjobs .job h3 { font-size: 3rem; line-height: 3rem; font-weight: 500; }
#recentjobs .more { float: left; width: 100%; text-align: center; margin-top: 25px; }
#recentjobs .more a:link, #recentjobs .more a:visited { color: #fff; background: #3e3e3e; padding: 10px 25px; margin-top: 15px; text-decoration: none !important; border-radius: 3px; }
#recentjobs .more a:hover, #recentjobs .more a:active { color: #3e3e3e; background: transparent; text-decoration: none !important; }
.btn { margin: 0 auto; display: block; margin-bottom: 30px; }
.btn:hover { background: #fd0; color: #3e3e3e; }
body.single-jobs h4 { border-bottom: solid #fd0 2px; padding-bottom: 10px; margin-bottom: 15px; width: 100%; float: left; margin-top: 25px; }

/* General */
hr { border-top: 2px solid #fd0; width: 100px; }
.fa-heart { color: #b91515; }
.aligncenter { display: block; margin: 0 auto; }
#main .blog p { font-size: 0.8em; }

/* Small Devices, Tablets */
@media only screen and (min-width:768px) {
	header nav.navbar { background: transparent; }
	header nav.navbar ul { width: auto; margin-top: 15px; }
	footer .contact { border-bottom: none; }
	header nav.navbar li { font-size: 16px; }
	#recentjobs .job .cover { margin-top: 0px; }
	#main .blog p { font-size: 14px; }
	#recentjobs .job:nth-child(2n) { margin-top: 200px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) {
	#main h1 { font-size: 4.5rem; line-height: 5.5rem; color: #3e3e3e; font-weight: 800; text-transform: uppercase; }
	#main h2 { font-size: 7rem; line-height: 7rem; color: #3e3e3e; font-weight: 800; text-transform: uppercase; }
	#main .blog p { font-size: 16px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width:1200px) {
	header nav.navbar li { font-size: 20px; }
	#main .blog p { font-size: 18px; }
}

/* Resume page */
body.page-id-175 header { margin-bottom: 50px; }
body.page-id-175 #main .page-header { text-align: center; font-size: 18px; }
body.page-id-175 #main .page-header p { font-size: 12px; line-height: 16px; margin: 0 0 5px; padding: 0; }
body.page-id-175 #main h1 { font-size: 3rem; line-height: 3rem; }
@media only screen and (min-width:768px) {
	header nav.navbar li a { text-shadow: none; font-weight: 300; font-size: 18px; text-transform:  uppercase;}
	header nav.navbar li a:hover, header nav.navbar li a:active, header nav.navbar li a:focus { background: #3e3e3e; color: #fff; border-radius: 0px; text-shadow: none;  }
	header nav.navbar ul { margin-top: 0 }
}