.homepage-links {
  text-align: right;
  margin-bottom: -40px;
  position: relative;
  z-index: 1;
}

#block-detroit-at-work-content > div > div > div.col-sm-12.bs-region.bs-region--main > div > p.paragraph-box > b {
  font-weight: 700;
}

#block-detroit-at-work-content > div > div > div.col-sm-12.bs-region.bs-region--main > div > div:nth-child(5) > article > header > div.node__meta {
  display: none;
}

.paragraph-box {
  padding: 20px;
  text-align: center;
  background-color: #f3755f;
  color: #004445;
  border: solid #004445;
}

.jobs-filters #edit-sort-by ul {
  list-style: none;
  padding: 0;
}

.jobs-filters #edit-sort-by li {
  height: 70px;
}

/*media queries*/
@media screen and (max-width: 640px) {
  .block-container {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1240px) {
  .block-width {
    display: block;
    width: 70%;
  }
}
@media screen and (min-width: 990px) {
  .block-container {
    width: 100%;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .panel-collapse {
    padding: 0px;
  }
  .help-icon-wrapper {
    min-height: 50px;
  }
  .help-paragraph-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-weight: 700;
    color: #004446 !important;
    font-size: 18px !important;
    text-align: center;
  }
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .panel-collapse {
    padding: 0px;
  }
  .help-icon-wrapper {
    min-height: 50px;
  }
  .help-paragraph-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: #004446 !important;
    font-size: 18px !important;
    font-weight: 700;
  }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
  .panel-collapse {
    padding: 0px 0px 10px 65px;
  }
  .help-paragraph-title {
    color: #004446 !important;
    padding: 10px 0px 0px 10px;
    font-size: 18px !important;
    font-weight: 700;
  }
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
  .panel-collapse {
    padding: 0px 0px 10px 65px;
  }
  .help-paragraph-title {
    color: #004446 !important;
    padding: 10px 0px 0px 10px;
    font-weight: 700;
    font-size: 18px !important;
  }
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .panel-collapse {
    padding: 0px 0px 10px 65px;
  }
  .help-paragraph-title {
    color: #004446 !important;
    /* padding: 10px 0px 0px 10px; */
    font-weight: 700;
    font-size: 18px !important;
  }
}
.help-label-container {
  min-height: 50px;
}

/*media queries*/
/* Home Page Slider */
.slick .field-group-wrapper {
  width: 100%;
}

.varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single img {
  width: auto; /*
min-height: 452px;
max-height: 452px;
min-height: inherit;
max-height: inherit; */
}

.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content {
  position: relative;
  bottom: inherit;
}

.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .container .row {
  background-color: transparent;
  width: 40%;
}

.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-node-title h2 {
  color: #004445;
  font-size: 35px;
}

.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-brief {
  color: #004445;
  font-size: 20px;
  font-weight: 900;
}

.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content,
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field {
  padding: 0;
}

.field--name-field-secondary-text {
  text-align: center;
  background: #279989;
  font-size: 45px;
  font-weight: 900; /*
position: absolute;
top: 410px; */
  width: 100%;
}

.slick .field-group-wrapper .col-xs-12.col-md-12.no-padding {
  position: absolute;
  top: -400px;
}

.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1,
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-2 {
  color: #18252a;
  position: absolute;
  top: -280px;
}

.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1 {
  left: 40%;
}

.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-2 {
  left: 65%;
}

@media screen and (min-width: 576px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single img {
    min-height: inherit;
    max-height: inherit;
  }
}
@media screen and (max-width: 576px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single {
    min-height: inherit;
    max-height: inherit;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .container .row {
    width: 100%;
  }
  .field--name-field-secondary-text {
    top: inherit;
  }
}
@media screen and (max-width: 1300px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1 img,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-2 img {
    width: auto;
    height: 200px;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .container .row {
    width: 100%;
  }
  .slick .field-group-wrapper .col-xs-12.col-md-12.no-padding {
    top: -300px;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1, .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-2 {
    top: -220px;
  }
}
@media screen and (max-width: 992px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1 {
    left: 30%;
  }
  .slick .field-group-wrapper .col-xs-12.col-md-12.no-padding {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .homepage-links {
    margin-bottom: 0;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .field--name-field-media-single img {
    visibility: hidden;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1 {
    left: 10%;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-2 {
    left: 55%;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .container .row {
    display: none;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1 img,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-2 img {
    height: 180px;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1, .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-2 {
    top: -200px;
  }
}
@media screen and (max-width: 576px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1 img,
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-2 img {
    height: 32vw;
    top: -240px;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-1 {
    left: 5%;
  }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-slide-element-2 {
    left: inherit;
    right: 5%;
  }
}
/* Home Page Slider end */
/* Home Page Elements */
#block-homeunderbannerfullwidth .green-bg {
  font-size: 35px;
  font-weight: 900;
}

#block-homeunderbannerfullwidth .content .container {
  margin: 20px auto;
}

.training-border {
  height: 15px;
  background: #ed5a1a;
}

/* Home Page Elements end */
/* Boxes - Promo Areas */
.green-bg {
  background: #004445;
  color: #fff;
}

.lt-green-bg {
  background: #9fd5b3;
  color: #004445;
}

.lt-green-bg hr {
  color: #004445;
}

.lt-green-bg .btn {
  color: #004445;
  border-color: #004445;
}

.lt-green-bg .btn:hover {
  background: rgba(255, 255, 255, 0.7);
}

.red-bg {
  background: #f3755f;
  color: #fff;
  color: #000;
}
.red-bg .btn {
  color: #000;
  border: 2px solid black;
}

.daw-box {
  padding: 20px;
  text-align: center;
}

.daw-box h2 {
  text-transform: uppercase;
  max-width: 800px;
  margin: 0 auto;
}

.daw-box p {
  max-width: 800px;
  margin: 0 auto;
  font-size: 20px;
  padding: 20px 0;
}

.daw-box .btn {
  margin: 20px 0;
}

.daw-box hr {
  width: 80%;
  border-top: 1px solid #004445;
}

.daw-box .media__image {
  max-width: 100px;
  margin: 2rem auto;
}

/* Boxes - Promo Areas end */
/* Home Page CTAs */
.block-container {
  padding: 1em 0;
  float: left;
  width: 100%;
}

@media screen and (max-width: 640px) {
  .block-container {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1240px) {
  .block-width {
    display: block;
    width: 70%;
  }
}
@media screen and (min-width: 990px) {
  .block-container {
    width: 100%;
  }
}
.block-container .title {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.block-content {
  height: 250px;
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
  border: #004446 solid 7px;
}

.block-width {
  height: 250px;
  position: relative;
  width: 60%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
  border: #004446 solid 7px;
}

.block-content .block-content-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.block-content:hover .block-content-overlay {
  opacity: 1;
  background-color: #F0745E;
}

.block-content-image {
  width: 100%;
}

.block-content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.block-content:hover .block-content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
  background-color: #004445;
  padding: 10px;
}

.block-content-details .block-content-title {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.block-content-details .block-content-text {
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom {
  top: 80%;
}

.image-block {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #c2e3cb;
}

.image-block-title {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  text-align: center;
  color: #004446;
  padding-bottom: 15px;
}

.block-content::after {
  position: absolute;
  content: "";
  background-image: url(/themes/custom/detroit_at_work/images/icons/arrow-right_white.svg);
  -webkit-background-size: 30px 30px;
          background-size: 30px;
  background-repeat: no-repeat;
  background-position: center 9px;
  background-color: #004445;
  border-radius: 50%;
  bottom: -24px;
  left: 50%;
  width: 30px;
  height: 30px;
  -o-transform: translateX(-24px);
     transform: translateX(-24px);
  -webkit-transform: translateX(-24px);
  padding: 27px;
}

/* Home Page CTAs end */
/* Youth Page start */
.et_pb_column_2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.youth-container {
  position: relative;
  overflow: hidden;
  margin: 0%;
  cursor: pointer;
  margin-bottom: 2% !important;
  padding-bottom: 0px;
}

.youth-block-details {
  font-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  padding-top: 20% !important;
  padding-bottom: 20% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 100%;
}

.youth-inner-text {
  position: absolute;
  z-index: 1000;
  color: white;
  top: 25%;
  left: 25%;
  width: 44%;
}

/* Can be change to less or sass */
.youth-container:hover .youth-block-content {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
     transform: scale(1.1);
}

.youth-block-content {
  -webkit-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
}

.youth-container::after {
  position: absolute;
  content: "";
  background-image: url(/themes/custom/detroit_at_work/images/icons/arrow-right_teal.svg);
  -webkit-background-size: 30px 30px;
          background-size: 30px;
  background-repeat: no-repeat;
  background-position: center 9px;
  background-color: #ffffff;
  border-radius: 50%;
  bottom: -24px;
  left: 50%;
  width: 30px;
  height: 30px;
  -o-transform: translateX(-24px);
     transform: translateX(-24px);
  -webkit-transform: translateX(-24px);
  padding: 27px;
}

/* Can be change to less or sass */
/* Youth-detroit-promise*/
.orange-box {
  color: white;
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 25px;
  padding-right: 65px;
  padding-bottom: 25px;
  padding-left: 65px;
  background-color: #F3755F;
}

.green-box {
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 25px;
  padding-right: 65px;
  padding-bottom: 25px;
  padding-left: 65px;
  background-color: #c2e3cb;
}

#promise-main-list > li > p {
  font-weight: 600;
}

#promise-main-list > li {
  display: inline;
}

#promise-main-list > li:nth-child(1)::before {
  content: url("/themes/custom/detroit_at_work/images/icons/2-years.svg");
  color: #f3755f;
  display: inline-block;
  width: 3em;
  margin: 0 0.75em 0.5em -0.8em;
}

#promise-main-list > li:nth-child(2)::before {
  content: url("/themes/custom/detroit_at_work/images/icons/4-years.svg");
  color: #f3755f;
  display: inline-block;
  width: 3em;
  margin: 0 0.75em 0.5em -0.8em;
}

#promise-main-list > li:nth-child(3)::before {
  content: url("/themes/custom/detroit_at_work/images/icons/certificate_program_optimized.svg");
  color: #f3755f;
  width: 3em;
  margin: 0 0.75em 0.5em -0.8em;
  display: inline-block;
}

.location-icons {
  text-align: center;
}

/*tuition-fee*/
/*career-technical*/
.career-icon-list {
  text-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.career-icon-list > li {
  padding: 20px;
  display: inline-block;
}

.CAD {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/career-tech/CAD_orange.jpg);
}

.Carpentry {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/career-tech/Carpentry_orange.svg);
}

.Electricity {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/career-tech/Electricity_Orange.svg);
}

.HVAC {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/career-tech/HVAC_orange.svg);
}

.Marketing {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/career-tech/Marketing_orange.svg);
}

.PaintingDecorating {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/career-tech/PaintingDecorating-Drywall_orange.svg);
}

.Plumbing {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/career-tech/Plumbing_orange.svg);
}

.Welding {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/career-tech/BCTC__ICONSUITE_Welding-full-orange.svg);
}

.heavy-equipment {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/career-tech/Heavy-equipment_orange.svg);
}

/* section 2*/
.Automotive-Repair {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/Breithaupt-icons/BCTC__ICONSUITE_Auto-full.svg);
}

.Cosmetology {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/Breithaupt-icons/BCTC__ICONSUITE_Cosmetology-full.svg);
}

.Culinary-Hospitality {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/Breithaupt-icons/BCTC__ICONSUITE_Culinary-full.svg);
}

.Mechatronics {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/Breithaupt-icons/BCTC__ICONSUITE_Mechatronics-full.svg);
}

.Welding-blue {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/Breithaupt-icons/BCTC__ICONSUITE_Welding-full.svg);
}

.Culinary {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/golightly/BCTC__ICONSUITE_Culinary-full-green.svg);
}

.Graphics-Design {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/golightly/Computer_graphics.svg);
}

.Information-Technology {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/golightly/Academy_Information_Technology.svg);
}

.Welding-green {
  width: 100px;
  content: url(/themes/custom/detroit_at_work/images/icons/golightly/BCTC__ICONSUITE_Welding-full-grren.svg);
}

/*career-technical-ends*/
/* Youth Page Ends */
/*training page starts*/
.career-container {
  text-align: center;
}

.icon-wrapper {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}

.icon-header {
  color: #004446 !important;
  text-align: center;
  padding: 20px;
}

@-webkit-keyframes horizontal {
  30% {
    -webkit-transform: translate(10px);
    transform: translate(10px);
  }
}
@-o-keyframes horizontal {
  30% {
    -webkit-transform: translate(20px);
    -o-transform: translate(20px);
       transform: translate(20px);
  }
}
@keyframes horizontal {
  30% {
    -webkit-transform: translate(20px);
    -o-transform: translate(20px);
       transform: translate(20px);
  }
}
.fa {
  color: #F47860;
}

.faa-horizontal:hover {
  -webkit-animation: horizontal 2s ease infinite;
  -o-animation: horizontal 2s ease infinite;
     animation: horizontal 2s ease infinite;
}

/*fca*/
#heading-vbp-accordion-360-1 {
  padding-top: 20px;
  height: 150px;
}

#heading-vbp-accordion-363-1 {
  padding-top: 20px;
  height: 150px;
}

#heading-vbp-accordion-366-1 {
  padding-top: 20px;
  height: 150px;
}

/*Training Page Ends*/
/* Help Page Starts*/
/*accordian*/
#block-detroit-at-work-content > div > div > div.col-sm-12.bs-region.bs-region--main > div > div > article > header > h2 {
  text-align: center;
}

/* .help-label-container{
  height: 50px;
} */
.help-icon-wrapper {
  border-radius: 50%;
  width: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2em;
}

/*
.help-paragraph-title{
  color: #004446!important;
    padding: 10px 0px 0px 10px;
    font-weight: 700;
    font-size: 18px!important;
}
.panel-collapse{
  padding: 0px 0px 10px 65px;
} */
/* @media only screen and (max-width: 768px){
  .help-paragraph-title{
    font-size: 13px!important;
    text-align: center;
  }
}
@media only screen and (max-width: 992px){
  .help-paragraph-title{
    font-size: 20px!important;
    text-align: center;
  }

}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 768px){
  .help-paragraph-title{
    font-size: 13px!important;
    text-align: center;
  }
}
@media only screen and (max-width: 992px){
  .help-paragraph-title{
    font-size: 20px!important;
    text-align: center;
  }

}
@media only screen and (max-width: 1200px){
}

@media only screen and (max-width: 479px){
  .help-label-container.help-paragraph-title {
    font-size: 20px!important;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    padding-right: 0!important;
}
} */
.panel-title > a:before {
  float: right !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f056";
  font-size: 30px;
}

.panel-title > a.collapsed:before {
  float: right !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f055";
  font-size: 30px;
}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
  text-decoration: none;
}

#heading-vbp-accordion-341-1 > div > a > div > div.help-icon-wrapper {
  background-color: #F3755F;
}

#heading-vbp-accordion-356-1 > div > a > div > div.help-icon-wrapper {
  background-color: #F3755F;
}

#heading-vbp-accordion-371-1 > div > a > div > div.help-icon-wrapper {
  background-color: #F3755F;
}

#heading-vbp-accordion-386-1 > div > a > div > div.help-icon-wrapper {
  background-color: #F3755F;
}

#heading-vbp-accordion-401-1 > div > a > div > div.help-icon-wrapper {
  background-color: #F3755F;
}

#heading-vbp-accordion-416-1 > div > a > div > div.help-icon-wrapper {
  background-color: #F3755F;
}

#heading-vbp-accordion-431-1 > div > a > div > div.help-icon-wrapper {
  background-color: #F3755F;
}

#heading-vbp-accordion-446-1 > div > a > div > div.help-icon-wrapper {
  background-color: #F3755F;
}

#heading-vbp-accordion-461-1 > div > a > div > div.help-icon-wrapper {
  background-color: #F3755F;
}

i {
  font-size: 30px;
  margin: auto;
  color: white;
  border-radius: 50%;
}

.custom-header {
  background-color: white;
  border: none;
}

.panel-header {
  border: none;
}

.panel {
  padding: 10px;
  border-top: 5px solid #dfe0e0;
  border-right: none;
  border-left: none;
  border-bottom: none;
}

.help-icon-wrapper {
  border-radius: 50%;
  width: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*Help Page Ends */
/* Home Page CTAs end */
/* Subpage Headers */
#block-detroit-at-work-page-title {
  border-bottom: 14px solid #f3755f;
  padding-top: 40px;
  margin-bottom: 40px;
}

.path-frontpage #block-detroit-at-work-page-title {
  border-bottom: none;
  padding-top: 0;
  margin-bottom: 0;
}

h1.title {
  color: #004445;
}

/* Subpage Headers end */
/* Jobs Counter */
.job-counter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.job-counter .view-header {
  margin: auto;
  padding: 0.5em;
  border: solid 0.1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.job-counter .jobcount-date {
  background: #004445;
  padding: 0.75em;
  border-radius: 5%;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
}

.job-counter .jobs-total {
  background: #004445;
  color: #fff;
  font-size: 4em;
  font-weight: bold;
  padding: 0.1em 0.25em;
  border-radius: 5%;
  margin-left: 0.1em;
}

.jobcount-date .jobs-available {
  border-bottom: solid;
  font-size: 1.25em;
}

@media screen and (max-width: 576px) {
  .job-counter .view-header {
    margin: auto;
    padding: 0.5em;
    border: solid 0.1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .job-counter .jobcount-date {
    background: #004445;
    border-radius: 0.5em;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-bottom: 0.2em;
  }
  .job-counter .jobs-total {
    background: #004445;
    color: #fff;
    font-size: 4em;
    font-weight: bold;
    padding: 0.1em 0.25em;
    border-radius: 0.2em;
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  .jobcount-date .jobs-available {
    font-size: 1.25em;
    padding-top: 0.5em;
  }
  .jobcount-date .todays-date {
    padding-bottom: 0.5em;
  }
}
/* Jobs Page */
.daw-flexngate .lt-green-bg {
  padding: 2rem 2rem 4rem 2rem;
  border: 5px solid #004445;
}

.daw-flexngate .lt-green-bg img {
  width: 300px;
}

/* Jobs Page end */
/* Job Listing */
#jobs-list-header {
  background: #9fd5b3;
  padding: 1em 1em 0 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#jobs-list-header img {
  width: 10em;
  padding-right: 1em;
}

.form-row.jobs-filters {
  padding: 0 2em;
}

.form-row.jobs-filters .form-text.form-control {
  padding: 1.5em;
}

.form-row.jobs-filters .form-item-sort-order {
  display: none;
}

.form-row.jobs-filters #edit-sort-by {
  margin-top: 2.2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.form-row.jobs-filters #edit-sort-by a {
  border: solid;
  padding: 1em;
  display: inline;
  border-radius: 2em;
  font-weight: 900;
  margin-right: 0.5em;
}

@media screen and (max-width: 576px) {
  #jobs-list-header img {
    width: 25em;
    padding-right: 1em;
  }
  .form-row.jobs-filters #edit-sort-by {
    margin-top: 2.2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .form-row.jobs-filters #edit-sort-by div {
    margin-bottom: 0.5em;
  }
  .form-row.jobs-filters #edit-sort-by a {
    border: solid;
    padding: 1em;
    display: block;
    border-radius: 2em;
    font-weight: 900;
    margin-right: 0.5em;
  }
}
#views-exposed-form-jobs-page-1 {
  background: #9fd5b3;
  padding: 20px;
  margin: 0 0 2.5rem 0;
}

#views-exposed-form-jobs-page-1 fieldset {
  margin-right: 2rem;
}

#views-exposed-form-jobs-page-1 fieldset input,
#views-exposed-form-jobs-page-1 fieldset select {
  border: 2px solid #004445;
}

#views-exposed-form-jobs-page-1 label {
  font-size: 1.5em;
  font-weight: 900;
  text-transform: uppercase;
  color: #004445;
}

#views-exposed-form-jobs-page-1 #edit-actions .btn-primary {
  margin-top: 1.3rem;
  color: #004445;
  border: 2px solid #004445;
  border-radius: 3rem;
}

#views-exposed-form-jobs-page-1 #edit-actions .btn-primary:hover {
  background: rgba(255, 255, 255, 0.7);
}

.view-jobs a {
  color: #004445;
  position: relative;
  text-decoration: none;
  display: inline-block; /* This ensures the element has a defined width */
}
.view-jobs a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #f3755f;
  -webkit-transform: scaleX(0);
       -o-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
       -o-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.view-jobs a:hover::before {
  -webkit-transform: scaleX(1);
       -o-transform: scaleX(1);
          transform: scaleX(1);
}

.view-jobs .views-row {
  padding-bottom: 2rem;
  margin-bottom: 2.5rem;
  border-bottom: 5px solid #f3755f;
}

.path-frontpage .view-jobs .views-row {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.page-item.active .page-link {
  background-color: #004445;
  border-color: #004445;
}

.pager__item--next {
  margin-left: -10px;
}

.pagination {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Job Listing end */
/* Events and Locations */
#block-detroit-at-work-content > div > div > div.col-sm-12.bs-region.bs-region--main > div > div.container > div > div:nth-child(1) > div > div.icon-header > span {
  color: #f3755f;
}

#block-detroit-at-work-content > div > div > div.col-sm-12.bs-region.bs-region--main > div > div.container > div > div:nth-child(2) > div > div.icon-header > span {
  color: #f3755f;
}

#block-detroit-at-work-content > div > div > div.col-sm-12.bs-region.bs-region--main > div > div.container > div > div:nth-child(3) > div > div.icon-header > span {
  color: #f3755f;
}

.events-pg {
  margin-top: 50px;
  color: #004445;
}

.events-pg img {
  width: 140px;
  height: auto;
  padding: 0 20px 20px 20px;
}

.events-pg .btn,
.locations-pg .btn {
  color: #004445;
  border-color: #004445;
  margin: 20px 0;
}

.events-pg .btn:hover,
.locations-pg .btn:hover {
  background: #9fd5b3;
}

.events-pg hr {
  margin: 20px 0 50px 0;
  border-top: 5px solid #f3755f;
}

.locations-pg {
  color: #004445;
}

.locations-pg section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 5px solid #f3755f;
  margin-top: 1rem;
  padding: 20px;
}

.high-contrast-red-accent {
  color: #ba1e23;
}

/* Events and Locations end */
/* News */
.path-news .block-region-main .menu--blog-menu {
  display: none;
}

.path-news h2 {
  margin: 0 0 1rem 0;
}

.path-news h2 a {
  color: #004445;
}

.path-news h2 a:hover {
  text-decoration: underline;
}

.path-news .trimmed {
  margin: 1rem 0;
}

.path-news div.more-link {
  padding-bottom: 1rem;
  border-bottom: 5px solid #f3755f;
}

.path-news div.more-link a {
  color: #f3755f;
}

.path-news .blog-listing .no-padding-h-sm {
  margin-bottom: 2rem;
}

.menu--blog-menu .nav {
  display: block;
}

.menu--blog-menu .nav-link {
  padding: 0.5rem 0;
}

aside h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #004445;
}

#block-views-block-archive-block-1 h2 {
  margin-top: 2rem;
}

#block-views-block-news-categories-block-1 h2 {
  font-size: 1rem;
}

#block-views-block-news-categories-block-1 ul li h2 {
  font-weight: 300;
}

#block-views-block-news-categories-block-1 ul li h2 a,
.menu--blog-menu .nav-item a,
#block-views-block-archive-block-1 a {
  color: #f3755f;
}

.node--type-varbase-blog h1,
.node--type-varbase-blog h2,
.node--type-varbase-blog h3,
.node--type-varbase-blog h4,
.node--type-varbase-blog h5 {
  margin-top: 1rem;
}

.node--type-varbase-blog .post-date {
  top: -2rem;
  font-size: 0.9rem;
  position: absolute;
}

.path-taxonomy h3 a {
  color: #004445;
}

.path-taxonomy .main-content .field--name-body {
  margin: 1rem 0;
}

.path-taxonomy .main-content .field--name-node-link a,
.path-taxonomy .main-content .field--name-body p {
  font-size: 1rem;
}

.path-taxonomy .main-content .feed-icon {
  margin: 1rem 0;
}

@media only screen and (min-width: 992px) {
  .path-news .blog-listing {
    padding-left: 150px;
  }
}
/* News end */
/* Events and Testimonials */
.view-events .lt-green-bg,
.view-testimonials .lt-green-bg {
  padding: 2rem 3rem;
}

.view-events .lt-green-bg p a,
.view-testimonials .lt-green-bg p a {
  color: #f3755f;
}

.view-events .lt-green-bg p a:hover,
.view-testimonials .lt-green-bg p a:hover {
  text-decoration: underline;
}

#views-exposed-form-events-page-1,
#views-exposed-form-events-page-2,
#views-exposed-form-events-page-3,
#views-exposed-form-testimonials-page-1 {
  background: #f5f5f5;
  margin-top: 3rem;
  padding: 1rem;
}

#views-exposed-form-events-page-1 .form-control,
#views-exposed-form-events-page-2 .form-control,
#views-exposed-form-events-page-3 .form-control,
#views-exposed-form-testimonials-page-1 .form-control {
  border-radius: 0;
  border: 0;
  border-bottom: 1px dashed #18252a;
  background: transparent;
}

#views-exposed-form-events-page-1 .form-text,
#views-exposed-form-events-page-2 .form-text,
#views-exposed-form-events-page-3 .form-text,
#views-exposed-form-testimonials-page-1 .form-text {
  font-style: italic;
}

#views-exposed-form-events-page-1 fieldset,
#views-exposed-form-events-page-2 fieldset,
#views-exposed-form-events-page-3 fieldset,
#views-exposed-form-testimonials-page-1 fieldset {
  margin: 0 1rem;
}

#views-exposed-form-events-page-1 label,
#views-exposed-form-events-page-2 label,
#views-exposed-form-events-page-3 label,
#views-exposed-form-testimonials-page-1 label {
  font-size: 0.8rem;
  font-weight: 900;
  text-transform: uppercase;
}

#views-exposed-form-events-page-1 #edit-submit-events,
#views-exposed-form-events-page-2 #edit-submit-events,
#views-exposed-form-events-page-3 #edit-submit-events,
#views-exposed-form-testimonials-page-1 #edit-submit-testimonials {
  background: transparent;
  border-radius: 3rem;
  margin-top: 1rem;
  border: 2px solid #23a696;
  color: #18252a;
  padding: 0.7rem 1rem;
}

.view-events .event-item h4 a,
.view-testimonials .testimonial-item h4 a {
  color: #18252a;
}

.view-events .event-item h4 a:hover,
.view-testimonials .testimonial-item h4 a:hover {
  text-decoration: underline;
}

.view-events .event-item {
  margin: 2rem 0;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc;
}

.view-events .event-item .datetime,
.view-testimonials .testimonial-item .datetime {
  font-size: 0.9rem;
  font-weight: 900;
}

.view-events .event-item .tribe-events-single-event-description {
  margin-bottom: 1rem;
}

.view-events .event-item a {
  display: block;
}

.atc-style-blue .atcb-link, .atc-style-blue .atcb-link:hover,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus {
  font-family: inherit;
  font-weight: 900;
  text-transform: uppercase;
  border-radius: 3rem;
  background: #004445;
}

.field--name-field-venue,
.tribe-events-single-event-description {
  margin: 1rem 0;
}

.view-testimonials .testimonial-item {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: 250px auto;
}

.view-testimonials .testimonial-item img {
  grid-column-start: 1;
  grid-column-end: 2;
  margin-bottom: 2rem;
}

.view-testimonials .testimonial-text {
  grid-column-start: 2;
  grid-column-end: 3;
  padding-bottom: 1rem;
  border-bottom: 5px solid #f3755f;
}

.view-testimonials .page-link {
  color: #004445;
}

.view-events .form-control::-webkit-input-placeholder {
  color: #18252a;
}

.view-events .form-control::-moz-placeholder {
  color: #18252a;
}

.view-events .form-control::-ms-input-placeholder {
  color: #18252a;
}

.view-events .form-control::placeholder {
  color: #18252a;
}

.node--type-testimonial .field--name-body {
  margin: 2rem 0;
}

@media only screen and (max-width: 576px) {
  .view-testimonials .testimonial-item {
    display: block;
  }
  .view-testimonials .testimonial-item img {
    margin: 0 auto 2rem auto;
    display: block;
  }
}
/* Events and Testimonials end */
/*  */
/*  end */