@import url(https://c8260f.claudeassets.com/20251117041957cs_/https://latcareers.com/App_Themes/TeacherJobFairs/StyleSheet.css);

/*Colors
af1e2d red
e9e9e9 gray
222222 black
*/

/*@media  (min-width: 768px) and (max-width: 991.98px) {
    .listdisplay-extras {display:block; float:right; padding:5px 22px 0 0;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .listdisplay-extras {display:block; float:right; padding:5px 22px 0 0;}
}

@media (min-width: 1200px) {
    .listdisplay-extras {display:block; float:right; padding:5px 22px 0 0;}
}*/


@media (max-width: 767px) {
    .qsearchdiv {height:360px; margin:0 auto; width:100%;}
}

/*browse filtering styles*/
.breadcrumblink a {color:#222; position:relative; top:5px; font-weight:600; text-decoration:underline; text-underline-offset: 2px;} 
.breadcrumblink a:link, .breadcrumblink a:visited {color:#222; text-decoration:underline;}
.breadcrumblink a:active, .breadcrumblink a:hover {color: var(--primary-btn); text-decoration:underline;}

.filterbtn .mg-btn-primary {background: var(--primary-btn); color:#fff; border:1px solid var(--primary-btn);}
.filterbtn .mg-btn-primary:active, .filterbtn .mg-btn-primary:visited {background: var(--primary-btn); color:#fff; border:1px solid var(--primary-btn);}
.filterbtn .mg-btn-primary:hover, .filterbtn .mg-btn-primary:focus {background: var(--primary-btn-hover); color:#fff; border:1px solid var(--primary-btn-hover);}


@media (max-width: 767px) {
    /* customer profile detailed display */
    .customerprofileEM {padding:10px 15px; margin-bottom:10px;}
    .customerprofileEM h1 {padding:0; margin:0;}
    /*.customerprofileEM .currentrating_customer {float:right; height:0; position:relative; top:170px; right:175px;}*/
    .profilelistings {padding:0 15px;}

    .mgpanel-noborder {box-shadow:none;}
    .profiletopbkd {width:100%; height:auto; margin:0 0 20px 0; color:#222; line-height:26px; padding:15px;
     border:1px solid #fff; border-radius:5px; background:#e8e8e8;}
    .profileaddress {text-align:center;}
    .profilerow {width:100%; margin:20px 0 0 0;}
    .profiletopbkd .profile_logo {max-width:100%;  max-height:200px; display:flex; justify-content:center; align-items:center;}
    .profiletopbkd .profile_logo img {max-height:200px; padding:5px; text-align:center;}
    .profiletopbkd .orgname {padding:10px 0; font-size:24px; font-weight:bold; letter-spacing:1px; text-align:center;}
    .profiletopbkd .orgname a {color:#222; text-decoration:none;}
        .profiletopbkd .orgname:link, .profiletopbkd .orgname:visited {color:#222; text-decoration:none;}
        .profiletopbkd .orgname:active, .profiletopbkd .orgname:hover {color:#222; text-decoration:none;}

    .profiletopbkd .mg-btn-secondary {width:100%; background:var(--primary-btn); color:#fff; border:1px solid var(--primary-btn); width:100%; margin-top:15px;}
        .profiletopbkd .mg-btn-secondary:active, .profiletopbkd .mg-btn-secondary:visited {background:var(--primary-btn); color:#fff; border:1px solid var(--primary-btn);}
        .profiletopbkd .mg-btn-secondary:hover, .profiletopbkd .mg-btn-secondary:focus {background:var(--primary-btn-hover); color:#fff; border:1px solid var(--primary-btn-hover);}
    
    .socialcol {text-align:center;} 
    .CustSocialMedia {text-align:center; width:100%; margin-top:20px; margin-bottom:5px;}
    .CustSocialMedia .fa-brands {background:#444; width:36px; font-size:18px; height:36px; line-height:36px; color:#fff; border-radius:50px; margin:0 2px;
            -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s;}
    .CustSocialMedia .fa-brands:hover {background:#333; width:36px; font-size:18px; height:36px; line-height:36px; color:#fff; border-radius:50px; margin:0 2px;
            -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s;}

    .aboutheading {font-size:22px; padding-bottom:15px; border-bottom:1px solid #ddd;}
    .customer_profile {padding-top:10px; text-align:left;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    /* customer profile detailed display */
    .customerprofileEM {padding:10px 15px; margin-bottom:10px;}
    .customerprofileEM h1 {padding:0; margin:0;}
    .customerprofileEM .currentrating_customer {float:right; height:0; position:relative; top:170px; right:175px;}
    .profilelistings {padding:0; margin:0 10px;}

    .mgpanel-noborder {border:none;}
    .profiletopbkd {min-height:180px; margin:0 10px 20px 10px; color:#222; line-height:26px; border:1px solid #e8e8e8; border-radius:5px; background:#e8e8e8;
    display:flex; justify-content:center; align-items:center;}
    .profileaddress {padding-left:20px;}
    .profilerow {width:100%; margin:30px 0 0 0;}
    .profiletopbkd .profile_logo {margin:20px; float:left; min-height:140px; max-height:140px; display:flex; justify-content:center; align-items:center; background:#fff;}
    .profiletopbkd .profile_logo img {max-height:140px; padding:5px;}
    .profiletopbkd .orgname {padding:10px 0; font-size:32px; font-weight:bold; letter-spacing:1px;}
    .profiletopbkd .orgname a {color:#222; text-decoration:none;}
        .profiletopbkd .orgname:link, .profiletopbkd .orgname:visited {color:#222; text-decoration:none;}
        .profiletopbkd .orgname:active, .profiletopbkd .orgname:hover {color:#222; text-decoration:none;}
    .profiletopbkd .ListingDisplayCustomer_Phone a {color:#222; line-height:26px;}

    .profiletopbkd .btn {width:auto;}
    .profiletopbkd .mg-btn-secondary {background:var(--primary-btn); color:#fff; border:1px solid var(--primary-btn)}
        .profiletopbkd .mg-btn-secondary:active, .profiletopbkd .mg-btn-secondary:visited {background:var(--primary-btn); color:#fff; border:1px solid var(--primary-btn);}
        .profiletopbkd .mg-btn-secondary:hover, .profiletopbkd .mg-btn-secondary:focus {background:var(--primary-btn-hover); color:#fff; border:1px solid var(--primary-btn-hover);}

    .socialcol {text-align:center;} 
    .CustSocialMedia {text-align:center; width:100%; margin-top:10px;}
    .CustSocialMedia .fa-brands {background:#444; width:35px; font-size:18px; height:35px; line-height:35px; color:#fff; border-radius:50px; margin:0 2px;
            -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s;}
    .CustSocialMedia .fa-brands:hover {background:#333; width:35px; font-size:16px; height:35px; line-height:35px; color:#fff; border-radius:50px; margin:0 2px;
            -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s;}

    .aboutheading {font-size:22px; padding-bottom:15px; border-bottom:1px solid #ddd;}
    .customer_profile {padding-top:10px; text-align:left;}
}

@media (min-width: 992px) {
    /* customer profile detailed display */
    .customerprofileEM {padding:10px 0; margin-bottom:10px;}
    .customerprofileEM h1 {padding:0; margin:0;}
    .customerprofileEM .currentrating_customer {float:right; height:0; position:relative; top:170px; right:175px;}
    .profilelistings {padding:0; margin:0 10px;}

    .mgpanel-noborder {border:none;}
    .profiletopbkd {min-height:180px; margin:0 10px 20px 10px; color:#222; line-height:26px; border:1px solid #e8e8e8; border-radius:5px; background:#e8e8e8;
    display:flex; justify-content:center; align-items:center;}
    .profileaddress {padding-left:20px;}
    .profilerow {width:100%; margin:30px 0 0 0;}
    .profiletopbkd .profile_logo {margin:20px; float:left; min-height:140px; max-height:140px; display:flex; justify-content:center; align-items:center; background:#fff;}
    .profiletopbkd .profile_logo img {max-height:140px; padding:5px;}
    .profiletopbkd .orgname {padding:10px 0; font-size:32px; font-weight:bold; letter-spacing:1px;}
    .profiletopbkd .orgname a {color:#222; text-decoration:none;}
        .profiletopbkd .orgname:link, .profiletopbkd .orgname:visited {color:#222; text-decoration:none;}
        .profiletopbkd .orgname:active, .profiletopbkd .orgname:hover {color:#222; text-decoration:none;}
    .profiletopbkd .ListingDisplayCustomer_Phone a {color:#222; line-height:26px;}

    .profiletopbkd .btn {min-width:200px;}
    .profiletopbkd .mg-btn-secondary {background:var(--primary-btn); color:#fff; border:1px solid var(--primary-btn);}
        .profiletopbkd .mg-btn-secondary:active, .profiletopbkd .mg-btn-secondary:visited {background:var(--primary-btn); color:#fff; border:1px solid var(--primary-btn);}
        .profiletopbkd .mg-btn-secondary:hover, .profiletopbkd .mg-btn-secondary:focus {background:var(--primary-btn-hover); color:#fff; border:1px solid var(--primary-btn-hover);}

    .socialcol {text-align:center;} 
    .CustSocialMedia {text-align:center; width:100%; margin-top:10px;}
    .CustSocialMedia .fa-brands {background:#444; width:40px; font-size:18px; height:40px; line-height:40px; color:#fff; border-radius:50px; margin:0 2px;
            -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s;}
    .CustSocialMedia .fa-brands:hover {background:#333; width:40px; font-size:18px; height:40px; line-height:40px; color:#fff; text-decoration:none; border-radius:50px; margin:0 2px;
            -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s;}

    .aboutheading {font-size:22px; padding-bottom:15px; border-bottom:1px solid #ddd;}
    .customer_profile {padding-top:10px; text-align:left;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mgdisplaylisting img {margin:0 auto; object-fit:contain; transition: all .2s ease-out!important; max-height:140px;}
    .mgdisplaylisting img:hover {margin:0 auto; object-fit:contain; transform: scale(1.1); max-height:140px;}
    .mgdisplaylisting .imagediv {display:flex; align-items:center; justify-content:center; height:160px;}
}

@media (min-width: 1200px) {
    .mgdisplaylisting img {margin:0 auto; object-fit:contain; transition: all .2s ease-out!important; max-height:140px;}
    .mgdisplaylisting img:hover {margin:0 auto; object-fit:contain; transform: scale(1.1); max-height:140px;}
    .mgdisplaylisting .imagediv {display:flex; align-items:center; justify-content:center; height:160px;}
}

/*Search filtering styles*/
@media (max-width: 767px) {
    .filtersearch {padding:0; margin-bottom:10px;}
    .searchs {padding:5px;}
    .searchs .advsearchlink {font-size:14px; font-style:italic; line-height:30px; text-align:center;}
    .searchs .catdropdown {width:100%; margin:4px 0; border-radius:0; height:40px; background:#fff; color:#222; border:1px solid #ccc;}
    .searchs .txtbox {width:100%; margin:4px 0; border-radius:0; height:40px; background:#fff; color:#222; border:1px solid #ccc;}
    .searchs .txtboxsm {width:100%; margin:4px 0; border-radius:0; height:40px; background:#fff; color:#222; border:1px solid #ccc;}
    .searchs .mg-btn-primary {line-height:24px; width:100%; background:var(--primary-btn); border:1px solid var(--primary-btn); font-size:18px; color:#fff;}
    .ftext {color:#222; font-size:18px; padding-bottom:2px;}
    .searchf {padding:5px;}
    .txtboxf {width:100%; padding:8px 10px; background:#fff; color:#222; margin:3px 0; border:1px solid #ccc; border-radius:15px;}
    /*selected dropdown styles*/
    .txtboxf_selected {width:100%; padding:8px 10px; background:#7a7b7d; color:#fff; margin:3px 0; border:1px solid #7a7b7d; border-radius:15px;}
    .filterlink .mg-btn-primary {width:100%; text-align:left; font-size:16px; border-radius:15px; padding:8px 10px; background:#7a7b7d; border:1px solid #7a7b7d;}
    .filterlink .mg-btn-primary a {color:#fff;}
    .filterlink .mg-btn-primary:active, .filterlink .mg-btn-primary:visited {width:100%; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d;}
    .filterlink .mg-btn-primary:hover, .filterlink .mg-btn-primary:focus {width:100%; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .filtersearch {} 
    .searchs {padding:5px 0 20px 0;}
    .searchs .catdropdown {min-width:20px; max-width:200px; border-radius:0; height:50px; background:#fff; border:1px solid #e8e8e8; font-size:16px;}
    .searchs .txtbox {min-width:200px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px; margin-right:2px;}
    .searchs .txtboxsm {min-width:180px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px;}
    .searchs .advsearchlink {font-size:14px; font-style:italic; float:right;}
    .searchs .mg-btn-primary {color:#fff; min-width:110px; line-height:38px; background:var(--primary-btn); border:1px solid var(--primary-btn); font-size:16px; margin-left:2px;}
    .searchf .fa-filter {font-size:16px; color:#222;}
    .ftext {color:#222; font-size:16px; margin-left:20px; position:relative; bottom:12px; padding-top:0;}
    .searchf {}
    .txtboxf {min-width:112px; max-width:180px; font-size:13px; padding:8px 10px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:14px; border-radius:15px;}
    .txtboxnf {min-width:112px; height:38px; max-width:180px; font-size:13px; padding:8px 10px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:13px; border-radius:15px;}
    a.txtboxnf  {color:#222; text-decoration:none;}
    /*selected dropdown styles*/
    .txtboxf_selected {min-width:112px; height:38px; max-width:180px; font-size:13px; padding:8px 10px; margin:2px; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d; position:relative; bottom:13px; border-radius:15px;}
}
@media (min-width: 992px) and (max-width: 1199.98px)  {
    .filtersearch {width:100%;} 
    .searchs {padding:5px 0 20px 0;}
    .searchs .catdropdown {min-width:280px; max-width:280px; border-radius:0; height:50px; background:#fff; border:1px solid #e8e8e8; font-size:16px;}
    .searchs .txtbox {min-width:280px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px; margin-right:8px;}
    .searchs .txtboxsm {min-width:210px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px;}
    .searchs .advsearchlink {font-size:14px; font-style:italic; float:right;}
    .searchs .mg-btn-primary {color:#fff; min-width:120px; line-height:38px; background:var(--primary-btn); border:1px solid var(--primary-btn); font-size:18px; margin-left:8px;}
    .searchf .fa-filter {font-size:16px; color:#222;}
    .ftext {color:#222; font-size:16px; margin-left:20px; position:relative; bottom:12px; padding-top:0;}
    .searchf {}
    .txtboxf {min-width:112px; max-width:180px; font-size:13px; padding:6px 8px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:14px; border-radius:15px;}
    .txtboxnf {min-width:112px; height:38px; max-width:180px; font-size:13px; padding:9px 8px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:13px; border-radius:15px;}
    a.txtboxnf  {color:#222; text-decoration:none;}
    /*selected dropdown styles*/
    .txtboxf_selected {min-width:112px; height:38px; max-width:180px; font-size:13px; padding:9px 8px; margin:2px; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d; position:relative; bottom:13px; border-radius:15px;}
}

@media (min-width: 1200px) {
    .filtersearch {width:100%;} 
    .searchs {padding:5px 0 20px 0;}
    .searchs .catdropdown {min-width:340px; max-width:340px; border-radius:0; height:50px; background:#fff; border:1px solid #e8e8e8; font-size:16px;}
    .searchs .txtbox {min-width:340px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px; margin-right:8px;}
    .searchs .txtboxsm {min-width:230px; border-radius:0; height:50px; background:#fff; color:#222; border:1px solid #ccc; font-size:16px;}
    .searchs .advsearchlink {font-size:14px; font-style:italic; float:right;}
    .searchs .mg-btn-primary {color:#fff; min-width:140px; line-height:38px; background:var(--primary-btn); border:1px solid var(--primary-btn); font-size:18px; margin-left:8px;}
    .filterlink {padding-bottom:10px;}
    .filterlink a {font-size:18px; color:#222;}
    .ftext {color:#222; font-size:16px; margin-left:20px; position:relative; bottom:12px; padding-top:0;}
    .searchf {}
    .txtboxf {min-width:120px; max-width:240px; font-size:13px; padding:6px 8px; margin:2px; background:#fff; color:#222; border:1px solid #ccc; position:relative; bottom:14px; border-radius:15px;}
    .txtboxnf {min-width:120px; height:38px; max-width:240px; font-size:13px; padding:8px 8px; margin:2px; background:#fff; color:#fff; border:1px solid #ccc; position:relative; bottom:13px; border-radius:15px; text-decoration:none;}
    a.txtboxnf  {color:#222; text-decoration:none;}
    /*selected dropdown styles*/
    .txtboxf_selected {min-width:120px; height:38px; max-width:240px; font-size:13px; padding:8px 8px; margin:2px; background:#7a7b7d; color:#fff; border:1px solid #7a7b7d; position:relative; bottom:13px; border-radius:15px;}
}
.txtboxf_selected:hover {color:#fff; text-decoration:none;}

#NewJobsHeading {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding:12px 10px; font-size:22px;}
#NewJobsHeading .morelink a {color:#fff; display:none;}

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

@media (max-width: 767px) {
    .listingdisplaypanel h1 {padding:20px 0 0 15px; margin-bottom:10px;}
    .listingimage img {margin:0 auto;}
    .listingimage {padding-left:0; padding-right:0; margin:0 0 15px 0;}
    .ListingDisplay_AddThis {margin:0; padding:15px 0;}

    .titlecolumn {margin:0 auto;}
    /*.listingdisplaypanel h1 {font-size:22px; padding:10px 0;}*/
    .listingimagerow {margin-left:0; margin-right:0;}
    .ListingDisplay_Advertiser {color:#222; padding:20px 15px 0 10px;}
    .listingdisplayinfo {margin:15px 0; padding-left:34px;}
    .jobpostdate {text-align:center; margin:10px 0;}
    .listingsocialdiv {width:100%; text-align:center; margin:15px 0 20px 0;}
    .listingcriteriarow {margin-left:0; margin-right:0; padding-left:10px; padding-right:10px;}
    .listingcriteria {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 0; margin-top:20px;}

    .RemoteJob {width:100%; margin:0 auto; margin-top:8px; margin-bottom:8px; border:1px solid #ddd; padding:2px 8px; background:#e8e8e8; width:110px; border-radius:4px;}
    .RemoteJob .fa-wifi {color:var(--primary-btn);}
    .RemoteJobLD {font-size:18px;border:1px solid #ddd; padding:2px 8px; margin:5px; background:#e8e8e8; width:auto; border-radius:4px; float:left;}
    .RemoteJobLD .fa-wifi {color:var(--primary-btn);}
    .EMcheckbox {color:#222; font-weight:bold;}
    .EMcheckbox input[type="checkbox"] {width:16px; height:16px; position:relative; top:3px;}
    .EMcheckboxrow {margin:0;}
    .EMcheckboxdiv {background-color:rgba(255,255,255,0.8); padding:5px 0 2px 0; text-align:center; font-size:16px;}
}

@media (min-width: 768px) {
    .listingdisplaypanel h1 {padding:20px 0 0 15px; margin-bottom:10px;}
    .listingimage {margin:10px 0;}
    .listingimage img {}
    .ListingDisplay_AddThis {margin:0 auto; text-align:center; padding:15px 0; width:100%;}
     
    .titlecolumn {background:#fff; border:1px solid #fff; width:98%; margin:0 auto; margin-top:15px; margin-left:10px;}
    .listingdisplaypanel h1 {font-size:26px; padding:1px 0 1px;}
    .ListingDisplay_Advertiser {color:#222; padding:20px 15px 15px 28px;}
    .listingdisplayinfo {margin:15px 0; padding-left:28px;}
    .jobpostdate {float:right; position:relative; top:22px;}
    .listingsocialdiv {width:100%; text-align:center; margin:15px 0 20px 0;}
    .listingcriteriarow {margin-left:0; margin-right:0; padding-left:10px; padding-right:10px;}
    .listingcriteria {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 0;}

    .RemoteJob {border:1px solid #ddd; padding:2px 8px; margin:5px 0; background:#e8e8e8; width:110px; border-radius:4px;}
    .RemoteJob .fa-wifi {color:var(--primary-btn);}
    .RemoteJobLD {font-size:18px; border:1px solid #e9e9e9; padding:2px 8px; margin:5px; background:#e9e9e9; width:auto; border-radius:4px; text-align:center; float:left;}
    .RemoteJobLD .fa-wifi {color:var(--primary-btn);}
    .EMcheckbox {color:#fff; font-weight:bold;}
    .EMcheckbox input[type="checkbox"] {width:16px; height:16px; position:relative; top:3px;}
    .EMcheckboxdiv {text-align:left; color:#222;}
}

@media (max-width: 767px) {
.listingicons .glyphicon {color:#555; font-size:20px; padding-bottom:0;}
.listingicons {float:none; text-align:center; padding-top:25px;}
}

@media (min-width: 768px) {
.listingicons {padding-bottom:10px;}
.ListingDisplay_AddThis {padding:5px 0 10px 0;}
.listingicons .glyphicon {color:#555; padding:5px 7px; font-size:20px; position:relative; top:0; right:0; float:none;}
.listingicons {float:none; text-align:center; padding-top:30px;}
.listingbuttons {padding:0;}
}

@media (max-width: 767px) {
    /* stats Styles */
    .StatsBox {background:#fff; border:1px solid #ddd; padding:3px; margin-bottom:3px;}
    .StatsHeading {background:var(--header-bg); border:1px solid var(--header-bg); padding:5px 3px; margin-bottom:3px; color:#222;}
    .StatsFormHeading {background:var(--header-bg); border:1px solid var(--header-bg); padding:8px 10px; margin-bottom:3px; color:#222; font-weight:bold;}
    .StatsForm {background:#fff; padding:10px; border:1px solid #e9e9e9;}
    .form-inline .btn {padding:7px 10px; width:100%;}

    .indeed-wrapper {padding:10px 15px; 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;}
    .indeedlisting a {color:#222; font-weight:bold;}
    #Panel_IndeedHeading {color:#222; text-transform:uppercase; background:#fff; border-color:#fff; padding:8px 10px; font-size:22px;}
    #Panel_IndeedHeading a {color:#fff;}

    /* Zip Recruiter listings header */
    .ziprecruiter {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding:12px 10px; font-size:22px; margin-bottom:10px;}
    .ziprecruiter-body {background:#fff;}
    .zipmorebtn .mg-btn-primary {position:relative; right:15px; margin-top:15px;}
    .ziprecruiterlisting {padding:10px; background:#fff; border:1px solid #ddd; margin-bottom:5px}
    .ziprecruiterlisting a {color:#222;}
    #Panel_Heading {color:#222; text-transform:uppercase; background:#fff; border-color:#fff; padding:8px 10px; font-size:22px;}
    #Panel_Heading a {color:#fff;}
    .ziprecruiter a {color:#222;}
}
@media (min-width: 768px) {
    /* stats Styles */
    .StatsBox {background:#fff; border:1px solid #ddd; padding:3px; margin-bottom:3px;}
    .StatsHeading {background:var(--header-bg); border:1px solid var(--header-bg); padding:5px 3px; margin-bottom:3px; color:#222;}
    .StatsFormHeading {background:var(--header-bg); border:1px solid var(--header-bg); padding:8px 10px; margin-bottom:3px; color:#222; font-weight:bold;}
    .StatsForm {background:#fff; padding:10px; border:1px solid #e9e9e9;}
    .form-inline .btn {padding:7px 10px;}


    .indeed-wrapper {padding:10px 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;}
    .indeedlisting a {color:#222; font-weight:bold;}
    #Panel_IndeedHeading {color:#222; text-transform:uppercase; background:#fff; border-color:#fff; padding:12px 10px; font-size:22px;}
    #Panel_IndeedHeading a {color:#fff;}

    /* Zip Recruiter listings header */
    .ziprecruiter {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding:12px 10px; font-size:22px; margin-bottom:10px;}
    .ziprecruiter-body {background:#fff;}
    .zipmorebtn .mg-btn-primary {position:relative; right:15px; margin-top:15px;}
    .ziprecruiterlisting {padding:10px; background:#fff; border:1px solid #ddd; margin-bottom:5px}
    .ziprecruiterlisting a {color:#222;}
    #Panel_Heading {color:#222; text-transform:uppercase; background:#fff; border-color:#fff; padding:8px 10px; font-size:22px;}
    #Panel_Heading a {color:#fff;}
    .ziprecruiter a {color:#222;}
}

@media (max-width: 767px) {
    .employers-wrapper {padding:20px 30px; background:#fff;}
    .employers-homepage {max-width:1200px; margin:0 auto; float:none; padding:0;}
    .employers-homepage .mgpanel-default {background:#fff; margin:0; padding:0;}
    #FeatEmployerHeading {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding:12px 10px; font-size:22px;}

    .FeatEmpHome .morebutton {padding-left:0; padding-right:0;}

    .mgfeaturedemp {line-height:140px; background:#fff; border:1px solid #ddd; margin:10px 0; padding:10px;}
    .mgfeaturedemp img {padding:0; margin:0; margin:0 auto; max-height:140px;}   

    /*Employer Directory page*/
    .employerrow {margin:0 15px;}
    .employerform {padding:0 20px;}
    .employerdiv {min-height:200px; padding:10px; background:#fff; margin:10px; border:1px solid #ddd; text-align:center;}
    .emplogodiv {background:#fff; min-height:100px; 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;}
    .employerform .btn {width:100%;}
    .employerdiv a {color:#222;}

    .featlisting-homepage .mgpanel-defaulthm .mgpanel-body {padding:10px 0; margin: 0 0 20px 0;}
    .FeatEmpHome .mg-btn-more {background: var(--secondary-btn); color:#fff; border:1px solid var(--secondary-btn); max-width:1200px; margin:0 auto; text-align:center; margin-top:25px;}
    .FeatEmpHome .mg-btn-more:active, .FeatEmpHome .mg-btn-more:visited {background:var(--secondary-btn); color:#fff; border:1px solid var(--secondary-btn);}
    .FeatEmpHome .mg-btn-more:hover, .FeatEmpHome .mg-btn-more:focus {background: var(--secondary-btn-hover); color:#fff; border:1px solid var(--secondary-btn-hover);}

    .mgdisplaylisting {padding:10px 0; margin:10px 0; line-height:28px; border:1px solid #ddd; background:#fff; text-align:center;}
    .featlisting-homepage .mgpanel-headinghm {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding:12px 10px; font-size:22px; text-align:left; margin-bottom:0;}
    .mgdisplaylisting .datecol {padding:5px 0;}
    .mgdisplaylisting .mg-btn-primary {margin:5px 0; min-width:70%;}
}

@media  (min-width: 768px) and (max-width: 991.98px)  {
    .employerrow {margin-left:0; margin-right:0;}
    .employers-wrapper {padding:20px 10px; background:#fff;}
    .employers-homepage {max-width:1200px; margin:0 auto; float:none; padding:0 8px;}
    .employers-homepage .mgpanel-default {background:#fff; margin:0; padding:0;}
    .employers-homepage .panel-body {background:#fff; margin:0; padding:0;}
    #FeatEmployerHeading {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding:12px 10px; font-size:22px;}

    .mgfeaturedemp {width:18%; line-height:160px; background:#fff; margin:5px 5px; border:1px solid #ddd;}
    .mgfeaturedemp img {padding:0; margin:0; max-width:100px; max-height:100px;}   

    /*Employer Directory page*/
    .employerdiv {width:31%; min-height:240px; padding:5px; background:#fff; border:1px solid #ddd; text-align:center; margin:5px;}
    .emplogodiv {background:#fff; min-height:100px; margin-bottom:10px; display:flex; 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;}
    .employerform .mg-btn-primary {position:relative; top:4px; left:8px; height:36px;}
    .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;}
    .employerdiv a {color:#222;}

    .employers-homepage  .morelink {max-width:1200px; margin:0 auto; text-align:center;}
    .FeatEmpHome .mg-btn-more {background: var(--secondary-btn); color:#fff; border:1px solid var(--secondary-btn); max-width:1200px; margin:0 auto; text-align:center; margin-top:25px;}
    .FeatEmpHome .mg-btn-more:active, .FeatEmpHome .mg-btn-more:visited {background:var(--secondary-btn); color:#fff; border:1px solid var(--secondary-btn);}
    .FeatEmpHome .mg-btn-more:hover, .FeatEmpHome .mg-btn-more:focus {background: var(--secondary-btn-hover); color:#fff; border:1px solid var(--secondary-btn-hover);}

    .featlisting-homepage .mgpanel-headinghm {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding: 12px 10px; font-size:22px; text-align:left; margin:0 15px;}
    .mgdisplaylisting .datecol {padding-top:4px; font-size:15px;}
    .mgdisplaylisting .mg-btn-primary {margin-bottom:3px; min-width:100px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .employerrow {margin-left:0; margin-right:0;}
    .employers-wrapper {padding:20px 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;}
    #FeatEmployerHeading {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding:12px 10px; font-size:22px;}

    .mgfeaturedemp {width:18%; line-height:140px; background:#fff; margin:5px; border:1px solid #ddd;}
    /*.mgfeaturedemp img {padding:0; margin:0; max-width:95px; max-height:95px;}*/   
    .mgfeaturedemp img {padding:0; margin:0 auto; max-height:95px; max-width:95px; transition: all .2s ease-out!important;} 
    .mgfeaturedemp img:hover {padding:0; margin:0 auto; max-height:95px; max-width:95px; object-fit:cover; transform: scale(1.1);}   


    /*Employer Directory page*/
    .employerdiv {width:23%; min-height:240px; padding:10px; background:#fff; border:1px solid #ddd; text-align:center; margin:5px;}
    .emplogodiv {background:#fff;  min-height:100px; margin:5px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
    .emplogodiv  img {max-height:120px; max-width:140px; object-fit:cover; transition: all .2s ease-out!important;}
    .emplogodiv  img:hover {max-height:120px; max-width:140px; object-fit:cover; transform: scale(1.1);}

    .empsearchbox {min-width:245px; border-radius:0; height:36px;}
    .employerform .mg-btn-primary {position:relative; top:4px; right:15px; height:36px;}
    .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;}
    .employerdiv a {color:#222;}

    .employers-homepage  .morelink {max-width:1200px; margin:0 auto; text-align:center;}
    .FeatEmpHome .mg-btn-more {background: var(--secondary-btn); color:#fff; border:1px solid var(--secondary-btn); max-width:1200px; margin:0 auto; text-align:center; margin-top:25px;}
    .FeatEmpHome .mg-btn-more:active, .FeatEmpHome .mg-btn-more:visited {background:var(--secondary-btn); color:#fff; border:1px solid var(--secondary-btn);}
    .FeatEmpHome .mg-btn-more:hover, .FeatEmpHome .mg-btn-more:focus {background: var(--secondary-btn-hover); color:#fff; border:1px solid var(--secondary-btn-hover);}

    .featlisting-homepage .mgpanel-headinghm {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg)9; padding: 12px 10px; font-size:22px; text-align:left; margin:0 15px;}
    .mgdisplaylisting .datecol {padding-top:4px; font-size:15px;}
    .mgdisplaylisting .mg-btn-primary {margin-bottom:3px; min-width:130px;}
}

@media (min-width: 1200px) {
    .employerrow {margin-left:0; margin-right:0;}
    .employers-wrapper {padding:20px 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;}
    #FeatEmployerHeading {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding:12px 10px; font-size:22px; margin-bottom:10px;}

    .mgfeaturedemp {width:18%; line-height:160px; background:#fff; margin:5px 7px; border:1px solid #ddd;}
    /*.mgfeaturedemp img {padding:0; margin:0; max-width:100px; max-height:100px;}*/   
    .mgfeaturedemp img {padding:0; margin:0 auto; max-height:100px; max-width:100px; transition: all .2s ease-out!important;} 
    .mgfeaturedemp img:hover {padding:0; margin:0 auto; max-height:100px; max-width:100px; object-fit:cover; transform: scale(1.1);}   

    /*Employer Directory page*/
    .employerdiv {width:24%; min-height:240px; padding:10px; background:#fff; border:1px solid #ddd; text-align:center; margin:5px;}
    .emplogodiv {background:#fff; min-height:100px; margin-bottom:10px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
    .emplogodiv  img {max-height:120px; max-width:140px; object-fit:cover; transition: all .2s ease-out!important;}
    .emplogodiv  img:hover {max-height:120px; max-width:140px; object-fit:cover; transform: scale(1.1);}

    .empsearchbox {min-width:245px; border-radius:0; height:36px; border:1px solid #ddd;}
    .employerform .mg-btn-primary {position:relative; top:4px; right:15px; height:36px;}
    .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;}
    .employerdiv a {color:#222;}

    .employers-homepage  .morelink {max-width:1200px; margin:0 auto; text-align:center;}
    .FeatEmpHome .mg-btn-more {background: var(--secondary-btn); color:#fff; border:1px solid var(--secondary-btn); max-width:1200px; margin:0 auto; text-align:center; margin-top:25px;}
    .FeatEmpHome .mg-btn-more:active, .FeatEmpHome .mg-btn-more:visited {background:var(--secondary-btn); color:#fff; border:1px solid var(--secondary-btn);}
    .FeatEmpHome .mg-btn-more:hover, .FeatEmpHome .mg-btn-more:focus {background: var(--secondary-btn-hover); color:#fff; border:1px solid var(--secondary-btn-hover);}

    .featlisting-homepage .mgpanel-headinghm {color:#222; text-transform:uppercase; background:var(--header-bg); border-color:var(--header-bg); padding: 12px 10px; font-size:22px; text-align:left; margin:0 15px;}
    .mgdisplaylisting .datecol {padding-top:4px; font-size:15px;}
    .mgdisplaylisting .mg-btn-primary {margin-bottom:3px; min-width:130px;}
}


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

/*
     FILE ARCHIVED ON 00:28:16 May 02, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:49:48 Aug 13, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.598
  exclusion.robots: 0.101
  exclusion.robots.policy: 0.088
  esindex: 0.008
  cdx.remote: 24.431
  LoadShardBlock: 153.03 (3)
  PetaboxLoader3.datanode: 279.008 (4)
  load_resource: 272.95
  PetaboxLoader3.resolve: 145.472
*/