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

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

.employers-wrapper {padding:5px 0 20px 0; background:#fff;}
.employers-homepage {max-width:1200px; margin:0 auto;}
.employers-homepage .mgpanel-bodyhm {background:#fff; margin:0; padding:0;}
.FeatEmpHome {min-height:210px; background:#fff;}
.morelink {padding-bottom:15px; float:right;} /* featured employer more button */

/*Employer Directory page*/
.employerdiv {min-height:210px; padding:10px; background:#fff; border:none; text-align:center;}
.emplogodiv {background:#fff; border:1px solid #eee; min-height:160px; 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:2px;}
  .empalphabet a:link, .empalphabet a:visited {color:#333; text-decoration:none;}
  .empalphabet a:active, .empalphabet a:hover {color:#888; text-decoration:underline;}


#IndeedListings_Panel_IndeedHeading {font-weight:bold; color:#555; background-color:#fff; padding:8px 10px; border:none; border-bottom:1px solid #ddd; border-top-left-radius:3px;
 border-top-right-radius:3px; font-size:18px;}
#Panel_IndeedHeading a {color:#222;}

.indeed-wrapper {padding:20px 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-bottom:1px solid #ddd;}
#Panel_IndeedHeading {font-weight:bold; color:#555; background-color:#fff; padding:8px 10px; border:none; border-bottom:1px solid #ddd; border-top-left-radius:3px;
 border-top-right-radius:3px; font-size:18px;}

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

@media (max-width: 767px) {
    #FeatEmployerHeading {text-align:center; letter-spacing:1px; color:#fff; background-color:#383978; padding:8px 10px; border:none; border-bottom:1px solid #383978; border-top-left-radius:3px;
     border-top-right-radius:3px; font-size:18px;}
    #FeatEmployerHeading a {color:#fff;}
    .mgfeaturedemp {line-height:120px; background:#fff;}
    .mgfeaturedemp img {padding:0; margin:0; max-height:100px;}   
}

@media (min-width: 768px) {
    #FeatEmployerHeading {text-align:center; letter-spacing:1px; color:#fff; background-color:#383978; padding:8px 10px; border:none; border-bottom:1px solid #383978; border-top-left-radius:3px;
     border-top-right-radius:3px; font-size:18px;}
    #FeatEmployerHeading a {color:#fff;}
    .mgfeaturedemp {line-height:140px; background:#fff; text-align:center;}
    .mgfeaturedemp img {padding:0; margin:5px; max-width:125px; max-height:125px;}   
}

@media (max-width: 767px) {
    .mgdisplaylisting img {padding:10px; max-height:120px;}
}


   .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;}