/* Color Pallet */
.single-companies,
.post-type-archive-companies {
  background: #F6F6F6;
}
.single-companies .col-md-10 {
  padding-top: 8rem;
  padding-left: 4rem;
  padding-right: 4rem;
  text-align: center;
}
@media (max-width: 990px) {
  .single-companies .col-md-10 {
    padding-top: 10rem;
  }
}
.single-companies .col-md-10 ul li,
.single-companies .col-md-10 ol li {
  list-style-position: inside;
}
.single-companies #banner {
  height: 412px;
  position: relative;
  background-size: cover;
  background-position: 50%;
  background-color: #F6F6F6;
  margin: 0 0 2rem;
}
.single-companies #banner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.single-companies #banner .content {
  position: absolute;
  bottom: 2rem;
  font-size: 0;
  width: 100%;
  max-width: 1492px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 1351px) {
  .single-companies #banner .content {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 1350px) and (min-width: 991px) {
  .single-companies #banner .content {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 990px) {
  .single-companies #banner .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.single-companies #banner .content .image,
.single-companies #banner .content .content-banner {
  display: inline-block;
  vertical-align: middle;
}
.single-companies #banner .content .image {
  width: 212px;
  height: 122px;
  background-size: 90% !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  margin: 0 auto 1rem;
  background: #ffffff;
  position: relative;
  border-radius: 15px;
}
.single-companies #banner .content .image img {
  max-width: 90%;
  max-height: 80%;
  position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
.single-companies #banner .content .content-banner {
  width: calc(100% - 218px);
  padding-left: 4rem;
}
@media (max-width: 990px) {
  .single-companies #banner .content .content-banner {
    width: 100%;
    padding-left: 0rem;
  }
}
.single-companies #banner .content .content-banner h1 {
  padding: 0;
}
.single-companies #banner .content .content-banner .socials {
  margin: 0 0 1rem;
}
.single-companies #banner .content .content-banner .socials a {
  display: inline-block;
  margin: 0 0.5rem;
  background: #3E7DFF;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  position: relative;
  text-decoration: none;
}
.single-companies #banner .content .content-banner .socials a i {
  font-size: 1.3rem;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
@media (min-width: 1351px) {
  .single-companies .post-container {
    padding-top: 0rem;
    padding-bottom: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 1350px) and (min-width: 991px) {
  .single-companies .post-container {
    padding-top: 0rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 990px) {
  .single-companies .post-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.single-companies .content-wrap {
  margin: 2rem 0;
  text-align: left;
}
@media (min-width: 1451px) {
  .single-companies .content-wrap {
    padding-right: 4rem;
  }
}
@media (max-width: 1450px) and (min-width: 768px) {
  .single-companies .content-wrap {
    padding-left: 2rem;
  }
}
@media (max-width: 990px) {
  .single-companies .content-wrap {
    margin: 0rem 0;
  }
}
.single-companies .alert-cta {
  margin-top: 2rem;
  padding: 2rem;
  background: #003393;
  border-radius: 15px;
  font-size: 0;
}
@media (max-width: 990px) {
  .single-companies .alert-cta {
    margin-bottom: 2rem;
  }
}
.single-companies .alert-cta i,
.single-companies .alert-cta h4 {
  display: inline-block;
  vertical-align: middle;
}
.single-companies .alert-cta i {
  display: inline-block;
  border-radius: 12px;
  font-size: 1.72225rem;
  line-height: 1.72225rem;
  color: #ffffff;
  padding: 1rem;
  background: #3E7DFF;
}
.single-companies .alert-cta h4 {
  color: #ffffff;
  width: calc(100% - 65px);
  padding-left: 1rem;
  margin: 0;
  font-size: 1.5625rem;
  line-height: 2.1875rem;
  font-family: 'Outfit Regular';
}
@media (max-width: 990px) {
  .single-companies .alert-cta h4 {
    font-size: 1.2rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}
.single-companies .alert-cta .button {
  margin-top: 1rem;
  width: 100%;
}
.single-companies .title {
  margin-bottom: 3rem;
}
.single-companies .title .text {
  text-align: left;
}
@media (max-width: 990px) {
  .single-companies .title .text {
    margin-bottom: 3rem;
  }
}
.single-companies .title .text h1,
.single-companies .title .text h2,
.single-companies .title .text h3,
.single-companies .title .text h4 {
  color: #003393;
}
.single-companies .title .text * {
  margin: 0;
}
.single-companies .title .link {
  text-align: right;
}
.single-companies .company-jobs {
  text-align: left;
}
.post-type-archive-companies .company-container {
  /*.search {
            @media (max-width: 1180px) {
                display: none;
            }


            form {
                font-size: 0;
                margin: 0 0 1rem;

                field {
                    display: block;
                    margin: 0 0 1rem;

                    input {
                        display: block;
                        width: 100%;
                        background: @grey-background;
                        border: 1px solid @background-color-1;
                        border-radius: 15px;
                        padding: 1rem 1rem 1rem 3rem;
                        display: block;
                        background-position: 1rem 50%;
                        background-size: 16px;
                        background-repeat: no-repeat;
                        font-size: 1rem;
                        line-height: 1.4rem;
                        background-image: url(/wp-content/themes/sky-theme/images/svg/registration/username.svg);

                    }
                }

                .reset,
                .submit {
                    width: 50%;
                    display: inline-block;
                    vertical-align: middle;

                    input[type="submit"],
                    a {
                        background: @grey-background;
                        border: 1px solid @light-background;
                        border-radius: 15px;
                        width: 100%;
                        padding: 1rem;
                        font-size: 1rem;
                        line-height: 1.4rem;
                        display: block;
                        text-align: center;
                    }

                    input[type="submit"] {}

                    a {
                        background: @light-background;
                        text-decoration: none;
                    }
                }

                .reset {
                    padding: 0 0 0 .5rem;
                }

                .submit {
                    padding: 0 .5rem 0 0;
                }

            }

            .count {}
        }*/
}
.post-type-archive-companies .company-container .before-results h4 {
  text-align: center;
}
.post-type-archive-companies .company-container .results media (min-width: 1451px) {
  padding-top: 12rem !important;
  padding-left: 2rem !important;
  padding-right: 4rem !important;
}
@media (max-width: 1450px) and (min-width: 768px) {
  .post-type-archive-companies .company-container .results {
    padding-top: 10rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}
@media (max-width: 767px) {
  .post-type-archive-companies .company-container .results {
    padding-top: 10rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.post-type-archive-companies .company-container .results #company-results {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 1500px) {
  .post-type-archive-companies .company-container .results #company-results {
    font-size: 0;
    margin: 0 -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.post-type-archive-companies .company-container .results #company-results li {
  display: block;
  background: #ffffff;
  border-radius: 15px;
  margin: 0 0 1rem;
  padding: 2rem;
  position: relative;
}
@media (min-width: 990px) {
  .post-type-archive-companies .company-container .results #company-results li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 2 - 2rem);
    margin: 0 1rem 1rem;
  }
  .post-type-archive-companies .company-container .results #company-results li:nth-child(odd) {
    margin: 0 1rem 2rem 0;
  }
  .post-type-archive-companies .company-container .results #company-results li:nth-child(even) {
    margin: 0 0 2rem 1rem;
  }
}
.post-type-archive-companies .company-container .results #company-results li a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.post-type-archive-companies .company-container .results #company-results li .logo {
  padding: 0;
  margin: 0 0 1rem;
  border: 1px solid #EAEAEA;
  width: 144px;
  height: 83px;
  display: inline-block;
  position: relative;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .post-type-archive-companies .company-container .results #company-results li .logo {
    width: 100%;
    height: 115px;
  }
}
.post-type-archive-companies .company-container .results #company-results li .logo img {
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .post-type-archive-companies .company-container .results #company-results li .logo img {
    max-height: 80%;
  }
}
.post-type-archive-companies .company-container .results #company-results li .content {
  width: calc(100% - 148px);
}
@media (max-width: 1450px) and (min-width: 991px) {
  .post-type-archive-companies .company-container .results #company-results li .content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .post-type-archive-companies .company-container .results #company-results li .content {
    width: calc(100% - 0px);
  }
}
.post-type-archive-companies .company-container .results #company-results li .image,
.post-type-archive-companies .company-container .results #company-results li .content {
  display: inline-block;
  vertical-align: top;
}
.post-type-archive-companies .company-container .results #company-results li .content {
  padding: 0 0 0 1rem;
}
.post-type-archive-companies .company-container .results #company-results li h3 {
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin: 0 0 1rem;
}
.post-type-archive-companies .company-container .results #company-results li p {
  margin: 0 0 1rem;
}
.post-type-archive-companies .company-container .results #company-results li p.count {
  margin: 0;
}
.post-type-archive-companies .company-container .results #company-results li p.count b,
.post-type-archive-companies .company-container .results #company-results li p.count span {
  display: inline-block;
  vertical-align: middle;
}
.post-type-archive-companies .company-container .results #company-results li p.count b {
  font-size: 1.2rem;
  line-height: 1.2rem;
  margin: 0 0.5rem 0 0;
  color: #3E7DFF;
}
.post-type-archive-companies .company-container .results #company-results li p.count span {
  background: rgba(62, 125, 255, 0.1);
  border-radius: 33px;
  text-align: center;
  padding: 0.5rem 1.5rem;
  color: #3E7DFF;
}
.post-type-archive-companies .company-container .results #company-results li p:last-child {
  margin: 0;
}
.post-type-archive-companies .company-container .results .none {
  padding: 1rem;
  background: #3E7DFF;
  color: #ffffff;
}
