/*
Theme Name: DiversityWorking Theme
Theme URI: https://www.diversityworking.com
Author: Jonathan Jose
Author URI: https://www.jitianyun.com/
Description: Theme for DW
Version: 1.1

*/

body {
    /*font-family:;*/
	display:block;
    color: #444444;
}
a, #featured-job-listing ul li a h3, #featured-job-listing ul li a .h3, #job-listing .listings .job-summary h3, #job-listing .listings .job-summary .h3 {
    color:#00abb9 ;
    transition: all 0.3s ease;
}
a:hover {
    /*color: ;*/
}
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 500;
}
h2 {
    color: white;
    font-size: 2em;
}
.site {
    max-width: 1200px;

}
.category-header {
    max-width: 1200px;
    margin: auto;
    background: transparent;
}
.category-header h2{
    color: #444444;
    font-weight: normal;
}
.sideboard-adspace.outside {
    left: 1200px;
    background: transparent;
    padding: 0;
    overflow: hidden;
    width: 160px;
}
/**********GLOBAL END
***********************************/


/**********HEADER
***********************************/
#header {
    min-height: 70px;
}
.header-content #logo {
    padding-right: 5px;
    padding-top: 5px;
    max-width: 400px;
}
.header-content #logo img {
    max-height: 100%;
}
.header-content .call-to-action {
    margin-top: 0px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/**********HEADER END
***********************************/



/**********HERO IMAGE
***********************************/

.hero-expanded {
    position: absolute;
    height: 650px;
    width: 100%;
    background: url("img/hero-23498.jpg") no-repeat center top / cover;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
}

#hero {
    background: transparent;
    height: 650px;
}
#hero #job-search-form form fieldset .primary {
    padding: 9px;
    width: 100%;
    background: transparent;
    border: 1px solid #fff;
}
#hero #job-search-form form fieldset .primary:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #00abb9;
}
#hero .site-name-tag {
    text-align: left;
    top: 430px;
    left: 10px;
}
#hero .site-name-tag h1 {
    color: #fff;
    font-size: 3.5em;
    text-shadow: 0 1px 7px rgba(0,0,0,.8);
}
#hero .site-name-tag em {
    color: #fff;
    text-shadow: 0 1px 7px rgba(0,0,0,.8);
}

.community_channel-template  #hero .site-name-tag,
.career_channel-template  #hero .site-name-tag{
	top: 20px;
}
@media (max-width: 1200px) {
	.career_channel-template  #hero .site-name-tag  h1,
	.community_channel-template  #hero .site-name-tag  h1{
		font-size: 2.75em;
	}
}
@media (max-width: 900px) {
	.career_channel-template  #hero .site-name-tag  h1,
	.community_channel-template  #hero .site-name-tag  h1{
		font-size: 2.25em;
	}
}
@media (max-width: 650px) {
	.career_channel-template  #hero .site-name-tag  h1,
	.community_channel-template  #hero .site-name-tag  h1{
		font-size: 1.5em;
		color: #ffffff;
	}
}
/**********HERO IMAGE END
***********************************/

/**********NAV
***********************************/

.header-content #menu {
    float: none;
    text-align: center;
    display: block;
    position: absolute;
    right: 125px;
    top: 50%;
    transform: translateY(-50%);
}
.header-content #menu>ul {
    margin-bottom: 0;
}
.header-content #menu li:hover {
    background-color: transparent;
}
.header-content #menu li:hover a.mobile-hide{
    color: #00abb9;
}
.header-content #menu li a {
    font-size: 16px;
    padding: 0 20px;
    margin: 0;
    line-height: 100px;
    color: #444444;
}
.header-content #menu li ul {
    background-color: #fff;
    min-width: 250px;
    -moz-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
}
.header-content #menu li ul.sub-navigation li a {
    border-top: 0;
    line-height: normal;
    text-align: left;
    padding: 10px 30px;
    font-size:14px;
}
.header-content #menu ul.sub-navigation li:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.header-content #menu ul.sub-navigation li:hover a{
    color: #00abb9;
}
/**********NAV END
***********************************/


/**********BUTTONS
***********************************/
.secondary {
    font-size: 1.1em;
    background-color: #004c86;
    color: #FFF;
    display: inline-block;
    text-decoration: none;
    border: none;
    padding: 7px 25px;
    cursor: pointer;
    text-align: center;
}
.secondary:hover {
    background-color: #004c86;
    opacity: .8;
}
.tertiary {
    font-size: 1.1em;
    background-color: #004c86;
    color: #FFF;
    display: inline-block;
    text-decoration: none;
    border: none;
    cursor: pointer;
    text-align: center;
}
.tertiary:hover {
    background-color: #004c86;
    opacity: .8;
}

.call-to-action .secondary {
    padding: 7px 25px;
}

/**********BUTTONS END
***********************************/



/**********FEATURED JOBS END
***********************************/
section#featured-jobs {
    padding-bottom: 40px;
}
.featured-job-promo {
    width: 30%;
}
#featured-job-listing {
    width: 67%;
    background: transparent;
}
#featured-job-listing ul {
    padding: 20px 0;
    z-index: 99;
    position: relative;
    margin: auto;
    column-count: 2;
    text-align: left;
    padding-top: 0;
}
#featured-job-listing ul li {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    margin: 0;
}
#featured-job-listing ul li:nth-child(5) {
    border-bottom: none;
}
#featured-job-listing ul li:last-child {
   border-bottom: none;
}
section#featured-jobs  .sideboard-adspace {
    padding: 20px 10px;
    margin: 0 auto;
}
section#featured-jobs .sideboard-adspace .job-alert-signup {
    max-width: 300px;
    margin: auto;
}
section#featured-jobs .sideboard-adspace em {
    position: relative;
    bottom: 0;
    box-sizing: border-box;
    background: transparent;
    border-bottom: 0;
    border-top: 0;
    padding: 0;
    border: 0;
}
section#featured-jobs .sideboard-adspace div>div {
    background: transparent;
    height: auto;
    border: none;
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box;
}
section#featured-jobs .sideboard-adspace a {
    width: auto;
    font-size: 1.1em;
    padding: 10px 25px;
}
section#featured-jobs .sideboard-adspace img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
section#featured-jobs .sideboard-adspace.banner {
    padding-top: 0;
}
/**********FEATURED JOBS END
***********************************/

/**********FEATURED SERVICES
***********************************/
#home-page #featured-services {
    max-width: 100%;
    background: #f5f4f4;
    padding: 50px 0;
}
#featured-services .category-header h2 {
    text-align: center;
    padding: 0;
}
#featured-services .interior {
    max-width: 1000px;
    margin:auto;
}
#featured-services .interior ul li {
    background: transparent;
    position: relative;
}
#featured-services .interior ul li span.h5 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 999;
    background: #000;
    max-width: 230px;
    margin: auto;
    padding: 5px 0;
    color: #fff;
    background: #00abb9;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #00abb9;
}
/**********FEATURED SERVICES END
***********************************/

/**********FEATURED EMPLOYERS
***********************************/
#featured-employers .interior {
    background: transparent;
    padding: 10px;
}
#featured-employers .category-header h2 {
    text-align: center;
    padding: 0;
}
#featured-employers .call-to-action {
    font-size: 1.1em;
    float: none;
    text-align: center;
    max-width: 300px;
    margin: auto;
}
#featured-employers .call-to-action .secondary {
    text-align: center;
    float: none;
    display: inline-block;
    margin: 15px auto 0;

}
#featured-employers #featured-employer-logos ul li a:hover {
    border: none;
}
/**********FEATURED EMPLOYERS END
***********************************/

/**********FEEDBACK
***********************************/
#feedback {
    padding-top: 25px;
    border-top: 1px solid #ccc;
    position: relative;
    max-width: 100%;
    position: relative;
}
#feedback .interior {
    background: transparent;
}
#feedback .interior .h4 {
    font-weight: normal;
    font-size: 2em;

}
/**********FEEDBACK END
***********************************/

/**********FOOTER
***********************************/
#footer {
    color: #fff;
    max-width: 100%;
}
.footer-content {
    background: #004c86;
}
.footer-content .footer-nav {
    float: none;
    width: 100%;
    text-align: center;
}
.footer-content .footer-nav li {
    display: inline-block;
    padding: 0 10px;
}
.footer-content .footer-nav li a{
    color: #fff;
}
.footer-content .footer-nav li a:hover{
    color: #00abb9;
}
.footer-content .copyright-contact {
    float: none;
    width: 100%;
    padding: 15px 5px;
}
.footer-content .social-media {
    float: none;
    text-align: center;
}
.footer-content .social-media a{
    color: #fff;
}
.footer-content .social-media a:hover{
    color: #00abb9;
}
/**********FOOTER END
***********************************/

/**********ADS
***********************************/



/**********ADS END
***********************************/

/**********MEDIA QUERIES
***********************************/
@media (max-width: 1200px){
.header-content .call-to-action {
    right: 10px;
}
#featured-jobs .interior {
    background: none;
    padding: 0px 10px;
}
.header-content #menu {
    right: 135px;
}
.hero-expanded {
    height: 450px;
}
.hero-community {
    height: 450px !important;
}
#hero {
    height: 450px;
}
#hero .site-name-tag {
    top: 240px;
}
.category-header h2 {
    padding-left: 10px;
}
#featured-job-listing .secondary {
    margin-right: 10px;
}
}

@media (max-width: 960px){
#featured-job-listing ul {
    column-count: 1;
}
#featured-job-listing ul li {
    padding: 10px 0;
}
#featured-job-listing ul li:nth-child(6), #featured-job-listing ul li:nth-child(7), #featured-job-listing ul li:nth-child(8), #featured-job-listing ul li:nth-child(9), #featured-job-listing ul li:nth-child(10){
    display: none;
}
/*nav tragger*/
.header-content #menu {
    position: relative;
    float: none;
    top: 0;
    left: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    right: 0;
    transform: none;
    z-index: 999;
}
.header-content #menu>ul>li {
    float: none;
    width: 100%;
    clear: both;
    display: block;
    text-align: center;
}
.header-content #menu .mobile-hide {
        display: none;
 }

.header-content #menu #nav-trigger {
    display: block;
    position: relative;
    cursor: pointer;
    float: right;
    text-decoration: none;
    margin-right: 155px;
    background: #004c86;
    font-size: 1.1em;
    padding: 7px 25px;
    margin-top: 30px;
    color: #fff;
}
.header-content #menu #nav-trigger:hover {
    background-color: #004c86;
    opacity: .8;
    color: #fff;
}
.header-content #menu #nav-trigger:before {
    content: "MENU";
    display: inline-block;
    padding-right: 2px;
}
.header-content #menu ul {
        float: none;
        display: none;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
}
.header-content #menu ul li ul {
    margin-left: 0;
        width: 100%;
        float: none;
        display: block;
        box-shadow: none;
        border: 0;
        padding: 0;
    position: static;
}
  .header-content #menu li {
        position: static;
        clear: both;
    }
.header-content #menu li ul {
        float: none;
        display: block;
        height: 100%;
        width: 100%;
        position: static;
        padding: 0;

    }
.header-content #menu li ul .collapse {
    display: block;
    border: none;
    background-color: #fff;
    font-size: 16px;
    padding: 0 10px;
    margin: 0;
    color: #00abb9;
    text-align: left;
}
.header-content #menu ul li:first-child ul {
    border-top: 1px solid #444444;
}
.header-content .call-to-action {
    top: 30px;
    transform: none;
}

}

@media (max-width: 850px){
#featured-job-listing ul {
    padding: 10px;
}
.featured-job-promo:after {
    width: 80%;
    height: 200px;
}
.featured-job-promo:before {
    left: 0;
}
}

@media (max-width: 768px){

section#blank-module {
    text-align: center;
}
.home-page .featured-job-promo {
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 20px 0;
    margin: 0;
    clear: both;
    margin-top: 40px;
    background: transparent;
}
.home-page .header-content #logo {
    padding-top: 60px;
}
#featured-job-listing {
    width: 100%;
    background: transparent;
    text-align: center;
    padding-bottom: 30px;
}
#featured-jobs .interior {
    padding: 0px;
}
#featured-job-listing ul {
    padding: 10px;
}
.footer-content .social-media li {
    display: inline-block;
}
.header-content .call-to-action {
    font-size: 1.1em;
}
.header-content #menu ul li {
    width: auto;
}
#featured-jobs .category-header h2 {
    padding-left: 0px;
    text-align: center;
}
#featured-job-listing ul li:nth-child(4) {
    border-bottom: 1px solid #ccc;
}
#featured-job-listing ul {
    column-count: 1;
    text-align: center;
    padding: 10px 30px;
}
#featured-job-listing .secondary {
    margin-right: 0;
    margin: auto;
    float: none;
}
#main-content {
    margin-top: 20px;
}
.home-page .header-content #menu #nav-trigger {
    margin-right: 0;
}
.header-content #menu #nav-trigger {
    display: block;
    float: none;
    margin-right: auto;
    font-size: 1.1em;
    margin-top: 0px;
    color: #fff;
    clear: both;
    margin: auto;
    text-align: right;
    position: absolute;
    right: 0;
    width: 100%;
}
.header-content .call-to-action {
    top: 10px;
    transform: none;
    width: auto;
}
.header-content #logo {
    padding-right: 0px;
    float: none;
    margin: auto;
    display: block;
    float: none;
    padding-top: 40px;
    padding-left: 0;
}
.header-content #menu ul li:first-child ul {
    border-top: none;
    /*margin-top: 38px;*/
	padding-top:12px;
}
.header-content #menu #nav-trigger:hover {
    opacity: 1;

}
}
@media (max-width: 480px){

#hero #job-search-form form {
    background: #00abb9;
}
.hero-expanded:before {
    display: none;
}
#featured-job-listing ul {
    padding: 5px;
}
#home-page .featured-job-promo {
    margin: 0;
    clear: both;
    margin-top: 40px;
}
#featured-employers .call-to-action .secondary {
    width: auto;
}
#featured-employers .call-to-action {
    margin-bottom: 30px;
}
.featured-job-promo:after {
    width: 100%;
}
#featured-job-listing .secondary {
    display: inline-block;
    width: auto;
}
 .hero-expanded {
    display: none;
}
#hero {
    background: transparent;
    height: auto;
    padding: 0;
}
#hero .site-name-tag {
    text-align: center;
    left: 0;
    background: transparent;
    padding: 20px 5px;
    top: 0;
}
#hero .site-name-tag h1 {
    color: #444444;
    font-size: 2.5em;
    text-shadow: none;
}
#hero .site-name-tag em {
    color: #444444;
    text-shadow: none;
}
#home-page #featured-jobs {
    padding-top: 30px;
}
.header-content #menu ul li ul li {
    border-bottom: none;
}
}

/**********MEDIA QUERIES END
***********************************/
/**********ITEMS ADDED
***********************************/
.featured-job-promo {
    min-height: 200px;
}
.interior.site {
    background-color: transparent;
}

/* stars usa section */
.diversity-about {
  background-color: #014d90;
  color: #fff !important;
}
.diversity-about .diversity-about-image-radius {
  border-radius: 5%;
  width:80%;
  display:block;
  margin:auto;
}

.main-stars li a {
  padding: 2px 0px;
  color: #fff !important;
}
.main-stars li a:hover {
  border-bottom: 1px solid #fff;
}

.page-template-page-nosidebar #my-popup{ display:none!important; }
@media(min-width:769px){.post-columns{display:flex;}}
.post-columns .post-article{ padding:0 10px; }

@media only screen and (max-width: 769px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
body.single #main-content>.site,#home-page>div>section{ padding-left:16px;padding-right:16px; }
	body.single-company #cmp-sidebar{ float:none!important; }
}

body.single #main-content>.site{ padding-top:20px; }

#cmp-about li{ list-style:outside; }    
#cmp-about ul{padding-left: 16px;  }
#my-popup{ max-width:100%; }
body.home #myTab{ margin-top:16px; margin-bottom:24px; }
body.single-company br{ display:none }
body.single-company #featured-job-listing{ min-height:0!important; }
body.single-company h1{ margin-top:16px; }
body.single-company #cmp-sidebar{ padding-top:0!important; }
.slick-prev:before, .slick-next:before{ color: #004c86!important; }
#my-popup{ height:auto!important; padding-bottom:0!important; }
#myTab .nav-item:first-child{ margin-right:10px; }

/*body.single-post #home-page>div>div:first-child>div:first-child>h1:before{     content: 'Blog';
    display: block;
    width: 100%;
    font-size: 25px;
    margin-bottom: 10px; }*/
.your-class img{ margin:0 auto!important; }
.your-class .slick-slide{ text-align:center; }

.page-id-798 #home-page .site div:not(#cmp-sidebar){max-width: 100% !important;float: unset !important;display: block !important;}
.page-id-798 #home-page #cmp-sidebar{display: none;}