/*
Theme Name: Workforce Development 2017
Theme URI: http://asgarddevelopment.us
Description: The 2017 Workforce Development Theme
Author: Nicholas Rhodes | Asgard Development LLC
Version: 1
*/

/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3{margin: 0; padding: 0; font-weight: normal;}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
h1 a, h2 a, h3 a, h4 a{color: #0a9907}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{color: #000}
a, article a{color: #015985; text-decoration: none}
a:hover {color: #000; text-decoration: none;}
a:hover, input#searchsubmit:hover{cursor: pointer;}

input[type="text"], input[type="email"], input[type="password"], textarea, select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   outline: none
}

p{
margin: 0 0 20px 0;
}

.imageright {
text-align: right;
}

img{max-width: 100%; height: auto}

.clear{clear: both}

/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; line-height: 1.3; background-color: #fff;}
.wrap, #content.widecolumn{width: 92%; max-width: 1190px; margin: 0 auto; padding: 0 4%; position: relative; clear: both; font-family: "acumin-pro"}

#content.widecolumn{max-width: 800px; padding-top: 50px; padding-bottom: 50px;}
#content.widecolumn #signup-welcome{display: none; visibility: hidden}

article.single-profile{max-width: 800px; margin: 0 auto;}
.breadcrumbs{font-family: 'acumin-pro'; margin: 20px 0 0 0; padding: 0 4%;}


#header{padding: 10px 0; overflow: hidden; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); position: relative; z-index: 10}
#header .logo{float: left; width: 33%;}
ul#primary-nav{display: block; float: left; width: 50%; list-style-type: none; margin: 30px 0; padding: 0; text-align: center;}
ul#primary-nav li{display: inline-block; margin: 0 15px}
ul#primary-nav li a{color: #000; font-size: 1.25em;}
ul#primary-nav li a:hover{color: #015985}
#sign-in, #header .sign-in{float: right; color: #0a9907; font-size: 1.25em; margin: 30px 0}
#sign-in:hover, #header .sign-in:hover{color: #015985}
#sign-in span, #header .sign-in span{margin-right: 5px;}

.mobile-only,
#mobile{display: none}


#hero{clear: both; color: #000; padding: 30px 0; overflow: hidden}
#hero h1{font-size: 2.25em; font-weight: bold; text-align: center;}
#hero h1 .tag{display: block; font-size: .667em; font-weight: 300; margin-left: 35px;}
#hero.not-front-page{display: block; text-align: left; background-color: #fff; color: #000; padding: 40px 0 20px 0}
#hero.not-front-page h1{text-align: left}
#hero.not-front-page .tag{display: none}

.audience-callouts{clear: both; background-color: #015985; color: #fff; overflow: hidden}
.audience-callouts span.fa, .audience-callouts h2{font-size: 2.25em; font-weight: 700; float: left;}
.audience-callouts span.fa{margin-right: 20px; line-height: 1.3em; display: block}
.audience-callouts .callout{overflow: hidden; padding: 70px 0; background-color: #015985}
.audience-callouts .button{transition: background-color 1s ease; transition: color 1s ease; float: right; display: block; background-color: #fff; font-weight: 700; color: #015985; font-size: 1.5em; line-height: 2.25em; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.audience-callouts .button:hover{background-color: #000; color: #fff}

#search{position: relative; overflow: hidden; background-color: #f0f0f0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 60px 0 30px 0;}
#search .wrap{position: static}
#search .fa-search{position: absolute; top: -30px; font-size: 15em; color: #c8c8c8}
#search form{position: relative; z-index: 2;}
#search h2{font-size: 2.25em; font-weight: 700; line-height: 1em; margin-left: 50px; margin-bottom: 10px; float: left}
#search div.field{float: left; line-height: 2.25em; width: 100%; max-width: 385px;}
#search div.field label{display: none}
#search div.field input[type="text"]{border: 1px solid #c8c8c8; padding: 15px 3%; width: 94%;}
#search div.submit{float: left; line-height: 2.25em; width: 120px; position: relative;}
#search div.submit input{background-color: #015985; transition: background-color 1s ease; cursor: pointer; border: 1px solid #015985; width: 100%; color: #fff; font-size: .875em; text-align: center; padding: 15px 0;}
#search div.submit input:hover{background-color: #000;}
#search div.fields{max-width: 510px; width: 100%; float: left; margin-left: 50px;}
#search div.extra-toggle{float: right; width: 120px; color: #015985; font-size: .875em; margin-top: 10px; cursor: pointer}
#search div.extra-toggle:hover{color: #000}
#search div.extra-fields{display: none; padding-top: 0px; clear: both;}
#search div.extra-fields label{display: inline-block;}
#search div.extra-fields select{border: 1px solid #c8c8c8; padding: 5px 0;}


#smaller-callouts{background-color: #f0f0f0; padding: 30px 0; overflow: hidden;}
#smaller-callouts .callout h4{font-weight: 300; font-size: 1.5em; line-height: 2em; float: left; padding: 0; margin: 0}
#smaller-callouts .button{display: block; float: right; background-color: #0a9907; line-height: 2em; color: #fff; font-size: 1.5em; font-weight: bold; padding: 0 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: background-color 1s ease;}
#smaller-callouts .button:hover{cursor: pointer; background-color: #000}


.company-industries{margin: 40px 0;}
.company-industries h3{margin-bottom: 10px;}
.company-industries div{margin: 0 5px 0}
.company-industries div span.fa{margin-right: 5px; display: inline-block}

#industries{clear: both; margin: 80px 0}
#industries h2{font-size: 2.25em; text-align: center; margin-bottom: 55px; font-weight: 700; line-height: 1em}
#industries span.fa{display: inline-block; position: relative; top: 2px;}
#industries ul{list-style-type: none; margin: 0; padding: 0; overflow: hidden; width: 100%;  margin: 0 auto}
#industries ul li{float: left; width: 31%; border-top: 1px solid #ededed; padding-bottom: 30px; padding-top: 30px;}
#industries ul li:nth-child(3n+2){padding: 0 3%; padding-top: 30px; padding-bottom: 30px;}
#industries ul li:nth-child(-n+3){border-top: 0; padding-top: 0}
#industries ul li:nth-child(3n+1){clear: both}
#industries ul li a{color: #015985; font-size: 1.4em; display: block}
#industries ul li a:hover{color: #000}

#audience-boxes{overflow: hidden; margin: 80px 0}
#audience-boxes .box{width: 33%; float: left; text-align: center}
#audience-boxes h2{font-size: 2.25em; font-weight: 700; text-align: center; position: relative;}
#audience-boxes span.fa{margin-right: 20px; font-size: 1.25em}
#audience-boxes .box div{text-align: center; margin: 40px 0;}
#audience-boxes a.button{transition: background-color 1s ease; display: inline-block; padding: 10px 15px; background-color: #0a9907; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#audience-boxes a.button:hover{background-color: #015985; color: #fff}
#audience-boxes .educator{font-size: .5em; font-weight: 300; font-style: italic; position: absolute; bottom: -25px; display: block; width: 120px; right: 35px}

#front-page-content{max-width: 900px; margin: 0 auto; margin-top: 0px;}

footer{clear: both; background-color: #015985; overflow: hidden; color: #fff; padding: 40px 0}
footer ul{list-style-type: none; margin: 0; padding: 0;}
footer ul li a{color: #fff; display: inline-block; border-bottom: 1px solid #015985}
footer ul li a:hover{border-bottom: 1px solid #fff; color: #fff}
footer .block-1{float: left; margin-right: 50px}
footer .block-2{float: left;}
footer .block-3{float: right}
footer .block-3 h4{margin: 0; font-size: 1.125em}
footer .block-3 .address{font-size: .875em; display: block}
footer .block-3 .phone{font-size: .875em; display: block; color: #fff;}
footer .block-3 .phone:hover{text-decoration: underline}
footer .block-3 .email{font-size: .875em; color: #fff;}
footer .block-3 .email:hover{text-decoration: underline}
footer .copyright{clear: both; font-size: .675em; padding-top: 30px;}

.gform_wrapper form div label.gfield_label{font-weight: 300}
.tml input[type="text"], .tml input[type="password"], .gform_wrapper input[type="text"], .gform_wrapper select, .gform_wrapper input[type="email"], .gform_wrapper input[type="password"]{border: 1px solid #c8c8c8; padding: 15px 3%; width: 94%;}
.gform_wrapper input[type="submit"], .tml input[type="submit"]{border: 0; background-color: #0a9907; transition: background-color 1s ease; cursor: pointer; width: 100%; color: #fff; font-size: .875em; text-align: center; padding: 15px 30px;}
.gform_wrapper input[type="submit"]:hover, .tml input[type="submit"]:hover{background-color: #000;}

article .content{padding: 20px 0}

.dashboard-actions{padding: 50px 0; overflow: hidden}
.dashboard-actions a{color: #015985; font-weight: 700; display: block; float: left; width: 33%; text-align: center; margin: 15px 0; font-size: 1.5em}
.dashboard-actions span.fa{margin-right: 10px;}
.dashboard-actions a:hover{color: #000}

.message{background-color: #0a9907; color: #fff; font-size: 1.5em; text-align: center; padding: 20px}



.jobs, .resumes{margin-bottom: 30px;}
.jobs .job, .resumes .resume{overflow: hidden; position: relative; width: 92%; max-width: 800px; margin: 0 auto; padding: 30px 4%; border-bottom: 1px solid #dedede}
.jobs .job:nth-child(2n+2), .resumes .resume:nth-child(2n+2){background-color: #ededed}
.jobs .job h1, .resumes .resume h1{font-size: 2em; color: #015985; float: left; margin-bottom: 5px; width:80%;}
.jobs .job h1 a, .resumes .resume h1 a{color: #015985}
.jobs .job h1 a:hover, .resumes .resume h1 a:hover{text-decoration: underline}
.jobs .job .company{font-size: 1.2em; clear: both;}
.jobs .job .company a, .meta a{color: #015985}
.jobs .job .company a:hover, .meta a:hover{text-decoration: underline}
.jobs .job .company h2{font-size: 1em; float: left; margin-right: 30px;}
.jobs .job .company .location{float: left}
.jobs .job .company span.fa{margin-right: 10px; color: #666}
.jobs .job .meta, .resumes .resume .meta{clear: both; overflow: hidden; margin: 5px 0}
.meta .salary, .meta .job-type, .meta .industry, .meta .experience{float: left; margin-right: 20px; font-style: italic}
.meta .fa{margin-right: 10px; color: #666}
.jobs .job .read-more{color: #015985; font-weight: 700}
.jobs .job .read-more:hover{text-decoration: underline}
.jobs .job a.apply, .jobs .job span.already-applied{float: right;}
.resumes .description{clear: both}


article.single-job{overflow: hidden; margin-bottom: 60px;}
article.single-job h1 a{color: #fff;}
article.single-job h1 a:hover{text-decoration: underline}
article.single-job .content{float: left; width: 63%; padding-right: 5%; padding-top: 0; border-right: 1px solid #bababa; margin-top: 40px}
article.single-job aside{float: right; width: 28%; margin-top: 40px;}
article.single-job .meta{float: left; width: 60%;}
article.single-job .meta .experience{float: left;}
article.single-job .description, article.single-job .requirements{clear: both; padding-top: 40px; line-height: 1.5em}
article.single-job h2{font-weight: 700; margin-bottom: 20px;}
article.single-job .company h3{font-weight: 700; font-size: 1.5em; margin: 20px 0}
article.single-job .company h3 a{color: #000;}
article.single-job .company h3 a:hover{text-decoration: underline}
article.single-job .company .description{padding-top: 0}
article.single-job .company ul{list-style-type: none; margin: 0; padding: 0}
article.single-job .company h4{font-weight: 700;}
article.single-job .company ul li a{color: #000;}
article.single-job .company ul li a:hover{text-decoration: underline}
.single-job .company .social li{display: inline-block; margin-right: 20px; font-size: 1.7em}
.single-job .company .social li a{color: #015985}
.single-job .company .social li a:hover{color: #000; text-decoration: none}

a.apply{transition: background-color 1s ease; display: inline-block; padding: 10px 35px; background-color: #0a9907; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a.apply:hover{background-color: #015985; color: #fff}

span.already-applied{display: inline-block; padding: 10px 35px; background-color: #015985; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.single-job .content a.apply:nth-child(2), .single-job .content .already-applied:nth-child(2){float: right;}
.single-job .content a.apply{font-size: 1em;}



article.single-company{overflow: hidden; margin-bottom: 60px;}
article.single-company .content{float: right; width: 63%; padding-left: 5%; padding-top: 0; border-left: 1px solid #bababa; margin-top: 40px}
article.single-company .contact{float: left; width: 28%; margin-top: 40px;}
article.single-company .description:nth-child(2){clear: both; padding-top: 0px; line-height: 1.5em}
article.single-company h2{font-weight: 700; margin-bottom: 20px;}
article.single-company .contact img{margin-bottom: 30px}
article.single-company .contact ul{list-style-type: none; margin: 0; padding: 0}
article.single-company .contact h3{font-weight: 700; margin: 40px 0 20px 0}
article.single-company .contact ul li a{color: #000;}
article.single-company .contact ul li a:hover{text-decoration: underline}
article.single-company .contact .social li{display: inline-block; margin-right: 20px; font-size: 1.7em}
article.single-company .contact .social li a{color: #015985}
article.single-company .contact .social li a:hover{color: #000; text-decoration: none}
article.single-company .jobs .description{margin: 10px 0}
article.single-company .jobs .job{font-size: .875em; margin: 0; width: 90%; padding: 5%}
article.single-company .jobs .job h1{font-size: 1.5em;}

.map{height: 250px; width: 100%; margin: 50px 0}

.profile{padding: 30px 0; margin-top: 30px; overflow: hidden; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;}
.profile h2{font-weight: 700; margin-bottom: 10px;}
.profile .contact{float: left; width: 47%; padding-left: 3%}
.profile .bio{float: left: width: 50%;}

.page-template-dashboard .job-postings{margin: 50px 0}
.page-template-dashboard .job-postings h2:first-child{font-weight: 700;}
.page-template-dashboard .job-postings .job h2{font-weight: 500}
.page-template-dashboard .job-postings .job{margin: 0}


#recent-jobs{clear: both; margin: 80px 0}
#recent-jobs h2{font-size: 2.25em; text-align: center; margin-bottom: 55px; font-weight: 700; line-height: 1em}
#recent-jobs span.fa{}
#recent-jobs .job-posts{clear: both; overflow: hidden;}
#recent-jobs .job-post h3{color: #0a9907; font-weight: 700; font-size: 1.5em; margin-bottom: 0px;}
#recent-jobs .job-post div{font-size: .875em; line-height: 1.3em;}
#recent-jobs .job-post{float: left; width: 29%}
#recent-jobs .job-post:nth-child(3n+2){padding: 0 6%;}
#recent-jobs .job-post:nth-child(3n+4){clear: both}
#recent-jobs .job-post:nth-child(n+4){border-top: 1px solid #000; margin-top: 20px; padding-top: 20px;}
#recent-jobs .job-post .meta{clear: both; overflow: hidden; margin: 5px 0; font-size: 1em}
#recent-jobs .job-post .meta{float: left; margin-right: 20px; font-weight: 700;}
#recent-jobs .salary, #recent-jobs .experience, #recent-jobs .industry, #recent-jobs .job-type{float: left; font-weight: 700; display: inline-block; font-style: normal}
#recent-jobs .send-resume{margin-top: 10px; display: block; float: left; margin-right: 30px; font-size: .875em}
#recent-jobs .already-applied{margin-top: 10px; display: block; float: left; margin-right: 30px; font-size: .875em; padding: 0; border: 0; background-color: transparent; color: #000; font-weight: bold}
#recent-jobs .view-job{margin-top: 10px; display: block; float: left; font-size: .875em}
#recent-jobs .company{margin: 5px 0; clear: both;}
#recent-jobs .fa{margin-right: 5px;}


#upcoming-events{clear: both; margin: 80px 0; font-family: 'acumin-pro'}
#upcoming-events h2:not(.tribe-events-title){font-size: 2.25em; text-align: center; margin-bottom: 55px; font-weight: 700; line-height: 1em}
#upcoming-events span.fa{display: inline-block; position: relative; top: 2px; margin-right: 10px;}
#upcoming-events .tribe-events-title a{font-size: 1.5em; font-weight: 400; color: #015985}
#upcoming-events .tribe-events-title a:hover{color: #000}
#upcoming-events .tribe-events-duration, #upcoming-events .tribe-listinfo{font-size: 1.2em}
#upcoming-events .tribe-events-widget-link{display: block; text-align: center; margin: 20px 0}

.member{margin: 50px 0;}
.member h2{font-size: 1.5em; font-weight: 700}
.member .general{float: left; width: 50%}
.member .bio{float: right; width: 50%}
.member .resume{clear: both; padding-top: 50px;}


article.single-profile .content div{margin-bottom: 30px;}
article.single-profile h2{margin: 5px 0 10px 0}
article.single-profile .social{list-style-type: none; margin: 0; padding: 0}
article.single-profile .social li{display: inline-block; margin-right: 20px; font-size: 1.7em}
article.single-profile .social li a{color: #015985}
article.single-profile .social li a:hover{color: #000; text-decoration: none}

#view-all-employers{text-align: center; color: #015985; font-size: 1.4em; font-weight: bold; margin: 20px; 0}

.translate{position: absolute; top: 0; right: 4%;}

/* changes on 21-05-2024 */
.comnmlocatn {width: 100%;display: inline-flex;flex-wrap: wrap;margin-bottom: 0px;align-items: center;}
.compimg {width: 15%;margin-right: 15px;}
.alljosmain .jobmainright .job h1 {padding-top: 0px;margin-bottom: 0px;width: 80%;}
.comnmlocatn .lcsn {width: 100%;text-align: left;padding-top: 25px;margin-bottom: 10px;}
.jobs .job .meta {margin: 10px 0 5px;}





@media only screen and (max-width: 900px){
	#recent-jobs .job-post{float: left; width: 47%;}
  #recent-jobs .job-post:nth-child(3n+2){padding: 0;}
	#recent-jobs .job-post:nth-child(2n+1){padding-right: 6%}
  #recent-jobs .job-post:nth-child(3n+4){clear: none}
	#recent-jobs .job-post:nth-child(2n+3){clear: both}
	#recent-jobs .job-post:nth-child(n+3){border-top: 1px solid #000; margin-top: 20px; padding-top: 20px;}
	
	
  #industries ul li{width: 47%; border-top: 1px solid #ededed; padding-top: 30px 0}
  #industries ul li:nth-child(3n+1){clear: none}
  #industries ul li:nth-child(3n+2){padding: 30px 0;}
  #industries ul li:nth-child(2n+1){clear: both;}
	
  #industries ul li:nth-child(-n+3){border-top: 1px solid #ededed; padding-top: 30px}
  #industries ul li:nth-child(-n+2){border-top: 0; padding-top: 0}

  #industries ul li a{color: #015985; font-size: 1.4em}
  #industries ul li a:hover{color: #000}
}

@media only screen and (max-width: 840px){
	
	#audience-boxes .box{width: 45%; float: left; text-align: center; overflow: hidden;}
	#audience-boxes .box:nth-child(2){float: right;}
	#audience-boxes .box:nth-child(3){clear: both; margin: 0 auto; float: none; padding-top: 50px;}
	
	#header nav{padding-top: 30px;}
	#header .logo{width: 25%;}
	ul#primary-nav li a{font-size: 1em;}
	#sign-in{font-size: 1em}
	#sign-in, ul#primary-nav, #header .sign-in{margin-top: 10px}

	#mobile{display: none}
	
  .audience-callouts span.fa, .audience-callouts h2{font-size: 2em; float: none;}
  .audience-callouts span.fa{margin-right: 0px;}
  .audience-callouts .callout{text-align: center}
	.audience-callouts .callout h2{float: none; margin-bottom: 20px;}
  .audience-callouts .button{ float: none; display: inline-block; clear: both; font-size: 1.5em; margin: 0 auto;}

  #smaller-callouts{text-align: center;}
  #smaller-callouts .callout h4{float: none; padding: 0; margin: 0 0 20px 0}
  #smaller-callouts .button{display: inline-block; float: none; font-size: 1.3}

	.jobs.wrap, .resumes.wrap{padding: 0; width: 100%;}
  .jobs .job a.apply{float: none; margin: 10px 0}
  .jobs .job h1, .resumes .resume h1{font-size: 1.5em; float: none; width: 100%;}
  .jobs .job .company{font-size: 1em; clear: both;}
}

@media only screen and (max-width: 800px){
	
.dashboard-actions a{display: block; float: left; width: 50%; text-align: center; margin: 15px 0; font-size: 1.5em}
	
.profile .contact{float: none; width: 100%; padding-left: 0%}
.profile .bio{float: none: width: 100%; margin-top: 30px;}
}

@media only screen and (max-width: 720px){
	
#hero h1{font-size: 1.5em; font-weight: bold;}

#industries h2, #recent-jobs h2, #upcoming-events h2:not(.tribe-events-title){font-size: 1.5em;}
#industries ul li a{font-size: 1em}
	
article.single-job .content{float: none; width: 100%; padding-right: 0%; padding-top: 0; border-right: 0; border-bottom: 1px solid #bababa;}
article.single-job aside{float: none; width: 100%; margin-top: 40px;}
	
.single-job .content a.apply:nth-child(2){float: right;}
.single-job .content a.apply{font-size: 1em; font-weight: 700; padding: 10px 15px;}
	
article.single-company .content{float: none; width: 100%; padding-left: 0%; border-left: 0;}
article.single-company .contact{float: left; width: 100%; margin-top: 40px;}
}


@media only screen and (max-width: 620px){
	#audience-boxes .box h2{font-size: 1.7em}
	#header{overflow: hidden; min-height: 20px;}
	#header.visible{overflow: visible}
	#header .mobile-clear{clear:both; display: block;}
	#header .logo{width: 80%;}
	#sign-in{display: none}
	#header .sign-in{display: block; float: none; width: 100%; padding: 15px 0; border-bottom: 10px solid #dedede}
	
	#mobile{display: block; float: right; margin-top: -5px; font-size: 2em; color: #000; position: relative; z-index: 999;}
	
	#header nav{padding-top: 50px;}
	
	ul#primary-nav{display: none; position: absolute; top: -20px; padding-top: 50px; left: 0; width: 100%; z-index: 10; background-color: #fff}
	ul#primary-nav.active{display: block}
	ul#primary-nav li{display: block; float: none; border-bottom: 1px solid #dedede; margin: 0}
	ul#primary-nav li:last-child{border-bottom: 10px solid #dedede}
	ul#primary-nav li a{display: block; padding: 15px 0; font-size: 1.5em}
	
  footer .block-3{float: left; clear: both; padding-top: 30px;}
	
  #search h2{font-size: 1.5em; float: none; margin-left: 0}
  #search div.field{width: 200px; max-width: 95%;}
  #search div.fields{max-width: 100%; float: none; margin-left: 0px;}
  #search div.extra-toggle{float: left; width: 120px; margin-left: 20px;}
	
	.single-job .content .meta{width: 100%;}
  .single-job .content a.apply:nth-child(2){float: none; margin-top: 20px;}
  .single-job .content a.apply{font-size: 1em; font-weight: 700; padding: 10px 15px;}
	
	
  .member .general{float: none; width: 100%}
  .member .bio{float: none; width: 100%; padding-top: 50px;}
	
}


@media only screen and (max-width: 520px){
	#recent-jobs .job-post{float: left; width: 100%;}
	#recent-jobs .job-post:nth-child(3n+2){padding: 0;}
	#recent-jobs .job-post:nth-child(2n+1){padding-right: 0}
	#recent-jobs .job-post:nth-child(n+2){border-top: 1px solid #000; margin-top: 20px; padding-top: 20px;}

	#industries ul li,
	#industries ul li:nth-child(3n+1),
	#industries ul li:nth-child(3n+2),
	#industries ul li:nth-child(2n+1),
	#industries ul li:nth-child(-n+3),
	#industries ul li:nth-child(-n+2){width: 100%; border-top: 1px solid #ededed; padding: 15px 0}


	#audience-boxes .box h2{font-size: 1.7em}
	#audience-boxes .box{width: 100%; float: none; text-align: center; overflow: hidden; padding-bottom: 50px;}
	#audience-boxes .box:nth-child(3){clear: both; margin: 0 auto; float: none; padding: 0;}
	
	
  #search h2{font-size: 1.5em; float: none; margin-left: 0}
  #search div.field{width: 100%; max-width: 100%;}
  #search div.fields{max-width: 100%; float: none; margin-left: 0px;}
  #search div.extra-toggle{float: right; width: 120px; margin-left: 20px;}
	
.dashboard-actions a{width: 100%;}
	
}


.video-wrapper{max-width: 500px; margin: 0 auto;}
.description .video-wrapper{margin: 0;}
.video-container{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	  margin-bottom: 20px;
}
.video-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
iframe{max-width: 100%;}

article.single-profile .social li.other-social{display: block; font-size: 1em; margin: 5px 0;}
.profile-extra-info{list-style-type: none; margin: 0; padding: 0}
.profile-extra-info li{margin: 0 0 20px 0;}