@import url(../Fusion/StyleSheet.css);

@media (max-width: 767px) {
    /*Home page background photo*/
    .headerbkd {background: url(../Fusion/images/homebkdem.jpg) no-repeat center top; min-height:450px;  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6); padding-left:0; padding-right:0;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /*Home page background photo*/
    .headerbkd {background: url(../Fusion/images/homebkdem.jpg) no-repeat center center; min-height:650px; background-size: cover; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);}
}

@media (min-width: 992px) {
    /*Home page background photo*/
    .headerbkd {background: url(../Fusion/images/homebkdem.jpg) no-repeat center center; min-height:650px; background-size: cover; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);}
}

#BrowseHeading {font-family:Oswald; text-transform:uppercase; background:#1d0d44; border-color:#1d0d44; color:#fff;}

.indeed-wrapper {padding:0 0 10px 0; background:#fff;}
.indeed-homepage {max-width:1200px; margin:0 auto; float:none;}
.indeed-body {background:#fff;}
.indeedlisting {padding:10px; background:#fff; border:1px solid #ddd; margin-bottom:5px;}
#Panel_IndeedHeading {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px 0 10px; font-size:24px;}
#Panel_IndeedHeading a {color:#fff;}

#NewJobsHeading {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 15px; font-size:24px;}
/*#NewJobsHeading .morelink a {font-size:16px; text-transform:lowercase; color:#fff;}*/

/* Zip Recruiter listings header */
.ziprecruiter {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; font-size:18px;}
.ziprecruiter-body {background:#fff;}
.ziprecruiterlisting {padding:10px; background:#fff; border:1px solid #ddd; margin-bottom:5px;}

#Panel_Heading {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; font-size:18px;}
#Panel_Heading a {color:#fff;}

.mgpanel-headinghm  {color:#222; background:#fff; border-color:#fff; padding:5px 10px; font-size:24px;}


.employers-wrapper {padding:40px 10px 10px 10px; background:#fff;}
.employers-homepage {max-width:1200px; margin:0 auto; float:none; padding:0;}
.employers-homepage .mgpanel-default {background:#fff; margin:0; padding:0;}
.employers-homepage .panel-body {background:#fff; margin:0; padding:0;}

/*Employer Directory page*/
.employerdiv {min-height:210px; padding:10px; background:#f3f3f9; border:3px solid #fff; text-align:center;}
.emplogodiv {background:#fff; border:1px solid #eee; min-height:120px; margin-bottom:10px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
.emplogodiv  img {max-height:120px; max-width:140px;}
.empsearchbox {min-width:245px; border-radius:0; height:36px; border:1px solid #ddd;}
.empalphabet a {line-height:38px; letter-spacing:3px;}
  .empalphabet a:link, .empalphabet a:visited {color:#333; text-decoration:none;}
  .empalphabet a:active, .empalphabet a:hover {color:#888; text-decoration:underline;}


@media (max-width: 767px) {
    #FeatEmployerHeading {color:#222; font-family:Oswald; text-transform:uppercase; text-align:center; background:#fff; border-color:#fff; padding:5px 10px; border-bottom:1px solid #ccc; font-size:24px;}
    .mgfeaturedemp {height:auto; background:#fff; }
    .mgfeaturedemp img {padding:0; margin:0; padding:20px 0; max-height:100px;}   
}

@media (min-width: 768px) {
    #FeatEmployerHeading {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:15px 10px; font-size:24px;}
    .mgfeaturedemp {line-height:160px; background:#f3f3f9; border:5px solid #fff;}
    .mgfeaturedemp img {padding:0; margin:0; width:90%; max-height:120px;}   
}

@media (max-width: 767px) {
    .mgdisplaylistinghome {padding:10px 20px; border-right:3px solid #fff; border-bottom:5px solid #fff; line-height:18px; text-align:center; height:auto; background:#fff;}
    .mgdisplaylistinghome img {max-height:150px;}
    .imagediv {min-height:50px; margin-bottom:10px;}
    .mgdisplaylisting img {padding:10px; max-height:120px;}
}

@media (min-width: 768px) {
    .mgdisplaylistinghome {padding:10px 20px; border-right:3px solid #f3f3f9; border-bottom:5px solid #f3f3f9; line-height:18px; text-align:center; min-height:240px; background:#fff;}
    .imagediv {min-height:140px; padding:15px 0 5px 0;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto; max-height:120px;}
    .mgdisplaylisting img {padding:10px; max-height:120px;}
}

@media (max-width: 767px) {
    .slides_container {min-height:200px;}  
    .slide {min-height:200px;}
    .slideShowContainer {min-height:200px;} 
}

/*.panel-heading > .mgpanel-heading > .RssEmployment {background-color:white;}*/

   .headingBack {
  color: #fff;
  background-color: #1b1718;
  border-color: #1b1718;
  font-weight:200;
  font-size:large;
}

   .validationMSG {color:red;}

  form-group > .no-LeftGutters {
   margin-left: 0;
}

   /* I have been using the default panel MGDefault and the MGDefault heading for that panel so theme mods should be pretty easy. 
       I have also been using the button default I think in most cases.  
   */

  .padtop {padding-top:25px;}
  .noleftgutter {padding-left:0px; margin-left: 0;}