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

@media (min-width: 768px) {
    .mgtopnav > li > a {background:#4b88b0; color:#fff; font-size:18px; padding:8px 12px 8px 12px; line-height:28px; }
}

@media (min-width: 990px) {
    .mgtopnav > li > a {background:#4b88b0; color:#fff; font-size:18px; padding:8px 22px 8px 22px; line-height:28px; }
}

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

.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:#f5f5f5; border-bottom:3px solid #fff;}
#Panel_IndeedHeading {color:#222; font-family:Poppins; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; border-bottom:none; font-size:22px;}
#Panel_IndeedHeading a {color:#fff;}

/* Zip Recruiter listings header */
.ziprecruiter {color:#222; font-family:Poppins; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; border-bottom:none; font-size:18px;}
.ziprecruiter-body {background:#fff; padding:0 10px;}
.ziprecruiterlisting {padding:10px; background:#f5f5f5; border-bottom:3px solid #fff;}
#Panel_Heading {color:#222; font-family:Poppins; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; border-bottom:none; font-size:18px;}
#Panel_Heading a {color:#fff;}

#NewJobsHeading {color:#fff; font-family:Poppins; text-transform:uppercase; background:#4b88b0; border-color:#4b88b0; padding:10px 10px; border-bottom:1px solid #6B9DBE; font-size:22px;}
#NewJobsHeading .morelink a {color:#fff;}

/*Employer Directory page*/
.employerdiv {min-height:210px; 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;}
.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;}


@media (max-width: 767px) {
    .employers-wrapper {padding:20px 0 30px 0; background:#f5f5f5;}
    .employers-homepage {max-width:1200px; margin:0 auto; float:none; padding:0;}
    .employers-homepage .mgpanel-default {background:#f5f5f5; margin:0; padding:0 10px;}
    .employers-homepage .panel-body {background:#f5f5f5; margin:0; padding:0;}
    #FeatEmployerHeading {color:#000; font-family:Poppins; text-transform:uppercase; background:#f2f2f2; border-color:#f2f2f2; padding:10px 10px; border-bottom:1px solid #ddd; font-size:22px; margin:0 3px;}

    .mgfeaturedemp {line-height:120px; background:#fff; border:5px solid #f5f5f5;}
    .mgfeaturedemp img {padding:0; margin:0; margin:0 auto; max-height:100px;}   
}

@media (min-width: 768px) {
    .employers-wrapper {padding:20px 0 30px 0; background:#f5f5f5;}
    .employers-homepage {max-width:1200px; margin:0 auto; float:none; padding:0;}
    .employers-homepage .mgpanel-default {background:#f5f5f5; padding:10px 10px;}
    .employers-homepage .panel-body {background:#f5f5f5; margin:0; padding:10px 0;}
    #FeatEmployerHeading {color:#000; font-family:Poppins; text-transform:uppercase; background:#f2f2f2; border-color:#f2f2f2; padding:10px 0; border-bottom:1px solid #ddd; font-size:22px; margin:0 3px;}

    .mgfeaturedemp {line-height:200px; background:#fff; border:5px solid #f5f5f5; margin-top:5px;}
    .mgfeaturedemp img {padding:0; margin:0; width:90%;}   
}


@media (max-width: 767px) {
    .featlisting-homepage .mgpanel-defaulthm .mgpanel-body {padding:10px 0; margin-bottom:20px;}
    .mgdisplaylistinghome {padding:10px 5px; border-right:3px solid #4b88b0; border-bottom:5px solid #4b88b0; line-height:18px; text-align:center; height:auto; background:#fff;}
    .imagediv {min-height:140px; padding:15px 0 5px 0;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto; max-height:80px;}
    .mgdisplaylisting {padding:15px 0; border:1px solid #ddd; line-height:24px; margin:5px 0;}
    .mgdisplaylisting img {padding:10px; max-height:100px;}
    .listingdate {padding:5px 0; text-align:center;}
}

@media (min-width: 768px) {
    .featlisting-homepage .mgpanel-defaulthm .mgpanel-body {padding:10px 0; margin-bottom:20px;}
    .mgdisplaylistinghome {padding:10px 5px; border-right:3px solid #4b88b0; border-bottom:5px solid #4b88b0; line-height:18px; text-align:center; height:auto; 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; float:left;}
    .listingdate {padding:15px 0;}
}


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

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