@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);}
}

@media (max-width: 767px) {
    .articles-homepage .mgpanel-defaulthm .mgpanel-body {padding:15px; margin-bottom:20px;}
    #ArticlesHeading .morelink .btn {position:relative; right:0;}
}

@media (min-width: 768px) {
    .articles-homepage .mgpanel-defaulthm .mgpanel-body {padding:10px 0 10px 20px; margin-bottom:20px;}
    #ArticlesHeading .morelink .btn {position:relative; right:0;}
}

.listingdisplaypanel .listingimage img {padding: 0; margin:auto; position: relative; right: 0px;}


.indeed-wrapper {padding:0 0 10px 0; background:#fff;}
.indeed-homepage {max-width:1200px; margin:0 auto; float:none;}
.indeed-body {background:#fff; padding:0 5px 0 0;}
.indeed-homepage .panel-body a {padding:0; color:#222;}
.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:10px 5px; font-size:24px;}

/* 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; padding:0 5px 0 0;}
.ziprecruiterlisting {padding:10px; background:#fff; border:1px solid #ddd; margin-bottom:5px;}
.ziprecruiterlisting a {color:#222;}
#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-bottom:2px solid #fff; border-color:#fff; padding:5px 0; font-size:24px;}
.mgpanel-headinghm a {color:#222;}


@media (max-width: 767px) {
    /*Employer Directory page*/
    .employerdiv {min-height:230px; padding:10px; background:#fff; border:1px solid #ddd; text-align:center; margin:5px 0;}
    .emplogodiv {background:#fff; border:none; 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;}
    .employerdiv a {color:#222;}
    .empsearchbox {min-width:245px; border-radius:0; height:36px; border:1px solid #ddd;}
    .empalphabet {padding:0 20px;}
    .empalphabet a {line-height:38px; letter-spacing:10px; font-size:18px;}
      .empalphabet a:link, .empalphabet a:visited {color:#333; text-decoration:none;}
      .empalphabet a:active, .empalphabet a:hover {color:#888; text-decoration:underline;}
    .employerform .mg-btn-primary {width:100%; margin-bottom:10px;}

    .employers-wrapper {padding:40px 10px 10px 10px; background:#fff; margin:0 5px;}
    .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;}

    #FeatEmployerHeading {color:#222; font-family:Oswald; text-transform:uppercase; text-align:left; background:#fff; border-color:#fff; padding:5px 5px; border-bottom:1px solid #ccc; font-size:24px;}
    .mgfeaturedemp {height:auto; background:#fff;}
    .mgfeaturedemp img {padding:0; margin:0; padding:20px 0; max-height:200px;}   
}

@media (min-width: 768px) {
    /*Employer Directory page*/
    .employerdiv {min-height:230px; padding:10px; background:#f5f5f5; 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;}
    .employerdiv a {color:#222;}
    .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;}

    .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 20px;}
    .employers-homepage .panel-body {background:#fff; margin:0; padding:0;}

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

@media (max-width: 767px) {
    .featlisting-homepage .mgpanel-defaulthm .mgpanel-body {padding:10px 5px; margin-bottom:20px;}
    #div_FeaturedListingsHeading .morelink .btn {position:relative; right:0;}
    .mgdisplaylistinghome {padding:10px 10px; 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) {
    .featlisting-homepage .mgpanel-defaulthm .mgpanel-body {padding:10px 5px; margin-bottom:0;}
    #div_FeaturedListingsHeading .morelink .btn {position:relative; right:0;}
    .mgdisplaylistinghome {padding:10px 20px; border-right:3px solid #f5f5f5; border-bottom:5px solid #f5f5f5; 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;}