@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

h1 {
  font-weight: 500;
  font-size: 50px;
}

h2 {
  font-weight: 700;  
}

h3 {
  margin: 0.25em 0;
  font-size: 22px;
  font-weight: 700;
}

h1::after {
  display: block;
  content: '';
  width: 1.5rem;
  height: .25rem;
  background: #0000ff;
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: -20px;
}

h1 {
  position: relative;  
  margin-bottom: 30px;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  letter-spacing: -.02em;
  color: #161616;
  font-family: "Open Sans", Helvetica, sans-serif;
}

body,
p,
li {
  letter-spacing: normal; 
  color: #161616;
}

@media (min-width: 768px) {
 h1 {
  font-size: 24px;  
 }
  
h2 {
  font-size: 1rem;
}
  
 h3 {
  font-size: 18px;  
 }
  
  body,
  p,
  li {
    font-size: 1rem;
    letter-spacing: normal;  
  }
}

.page-body {
  background-color: #dcdcdc;  
}

.logo {
  width: 200px;  
}

.table th {
  background-color: 00A9CE;
  color: #0000ff;
}

.table > tbody > tr >td {
  vertical-align: middle;
}

.table td a {
  text-decoration: underline;
}

a, 
a:visited,
a:focus,
a:active,
a:hover {
  color: #000000;
  font-weight: 500;
  text-decoration: none!important;
}

p a, 
p a:visited,
p a:focus,
p a:active,
p a:hover {
  color: #000000;
  font-weight: 700;
  text-decoration: none!important;
  border-bottom: 2px solid black;
  padding-bottom: 3px;
}

p span {
  text-decoration: none!important;
}

hr {
  margin-top: 40px;
  border-color: #c9c9c9;
}

.no-side-padding .container-fluid{
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.page-row {
  padding-bottom: 0px;
}

.btn-primary {
  background-color: #0000ff;
}

.btn-primary:hover {
  background-color: #0000ff;
}

.bg-grey {
  background-color: #f3f3f3;
}

/* Nav */

.primary-nav {
  background-color: #efefef;
  border-top: .5rem solid #006;
}

.menu-nav {
  padding: 100px 0 20px 0; 
  background-color: #dcdcdc;
}

.nav-item {
  margin-bottom: 0;  
}

.primary-nav .navbar-light .navbar-nav .nav-link,
.primary-nav .navbar-light .navbar-nav .nav-link:active,
.primary-nav .navbar-light .navbar-nav .nav-link:hover,
.primary-nav .navbar-light .navbar-nav .nav-link:focus,
.primary-nav .navbar-light .navbar-nav .nav-link:visited {
  color: #161616;  
  font-size: 16px;
}

.menu-nav .navbar-light .navbar-nav .nav-link,
.menu-nav .navbar-light .navbar-nav .nav-link:active,
.menu-nav .navbar-light .navbar-nav .nav-link:hover,
.menu-nav .navbar-light .navbar-nav .nav-link:focus,
.menu-nav .navbar-light .navbar-nav .nav-link:visited {
  font-size: 1rem;
  color: #161616;
  font-weight: 400;
  padding: 1rem 1rem .5rem;
}

.header-logo {
  width: 108px;
  position: absolute;
  left: 50%;
  margin-left: -55px;
  z-index: 3;
  top: -.5rem;
}

.navbar-light .navbar-toggler {
  border: none;  
}

.nav-link{
  position: relative;
}

.nav-link:after{
  content: '';
  position: absolute;
  width: 0; height: .25rem;
  display: block;
  margin-top: 5px;
  right: 0;
  background: #00f;
  transition: width .2s ease;
  -webkit-transition: width .2s ease;
}

.nav-link:hover:after{
  width: 100%;
  left: 0;
  background: #00f;
}

@media (max-width: 768px) {
  .header-logo {
    width: 62px;
    margin-left: -31px;
  }
  
  .navbar-light .navbar-nav .nav-link {
    text-align: center;  
  }
  
  .navbar {
    padding: .5rem 0;
  }
  
  .menu-nav {
    padding: 2rem 0 1rem;  
  }
  
  .navbar-light .navbar-nav .nav-link,
  .navbar-light .navbar-nav .nav-link:active,
  .navbar-light .navbar-nav .nav-link:hover,
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:visited,
  .navbar-light .navbar-nav.nav-right .nav-link,
  .navbar-light .navbar-nav.nav-right .nav-link:active,
  .navbar-light .navbar-nav.nav-right .nav-link:hover,
  .navbar-light .navbar-nav.nav-right .nav-link:focus,
  .navbar-light .navbar-nav.nav-right .nav-link:visited {
      color: #161616;  
      font-size: 14px;
    }
  
  .primary-nav .navbar-nav .nav-link {
    padding-left: 15px;  
  }
}

/* Buttons */

a.button, .btn {
  text-transform: none;  
}

a.button.button1,
a.button.button1:focus,
a.button.button1:active,
a.button.button1:visited {
  border-radius: 0;
  background-color: #0000ff;
  border: 1px solid #0000ff;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 25px;
  text-align: center;
}

a.button.button1:hover {
  background-color: #006;
  border: 1px solid #006;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;  
}

a.button.button2,
a.button.button2:focus,
a.button.button2:active,
a.button.button2:visited {
  border-radius: 0;
  background-color: #0000ff;
  border: 1px solid #0000ff;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 25px;
  text-align: center;
}

a.button.button2:hover {
  background-color: #006;
  border: 1px solid #006;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;  
}

a.button.button3,
a.button.button3:focus,
a.button.button3:active,
a.button.button3:visited {
  border-radius: 0;
  background-color: #0000ff;
  border: 1px solid #0000ff;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

a.button.button3:hover {
  background-color: #006;
  border: 1px solid #006;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;  
}

a.button.button4,
a.button.button4:focus,
a.button.button4:active,
a.button.button4:visited {
  border-radius: 0;
  background-color: #0000ff;
  border: 1px solid #0000ff;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

a.button.button4:hover {
  background-color: #006;
  border: 1px solid #006;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;  
}

.call-to-action-create .btn,
.call-to-action-create .btn:active,
.call-to-action-create .btn:visited,
.call-to-action-create .btn:focus {
  border-radius: 0;
  background-color: #0000ff;
  border: 1px solid #0000ff;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 25px;
  text-align: center;
}

.call-to-action-create .btn:hover {
  background-color: #000066;
  border: 1px solid #000066;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}

.smaller-ctas a.button.button4{
  padding: 16px 16px;  
}

.smaller-ctas a.button.button4 {
  border-radius: 0;
  background-color: #0000ff;
  border: 1px solid #0000ff;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

.smaller-ctas a.button.button4:hover,
.smaller-ctas a.button.button4:focus {
  background-color: #006;
  border: 1px solid #006;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;  
}

.smaller-ctas a.button.button4:active {
  background: #0000ff;
}

.block-image .block-image-text h1, .block-image .block-image-text h2, .block-image .block-image-text h3, .block-image .block-image-text h4, .block-image .block-image-text h5, .block-image .block-image-text h6, .block-image .block-image-text p, .block-image .block-image-text li {
  text-shadow: #444 0 0 5px;
}

@media (min-width: 1200px) {
  .container {
    width: 1150px;
  }
}

.container-fluid .block-image-cover .block-image-text {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
.container-fluid .block-image-cover .block-image-text {
    width: 750px;
  }
}
@media (min-width: 992px) {
.container-fluid .block-image-cover .block-image-text {
    width: 970px;
  }
}
@media (min-width: 1200px) {
.container-fluid .block-image-cover .block-image-text {
    width: 1170px;
  }
}

.container-fluid .block-image-text h1{
  font-size: 36px;
}

.container-fluid .block-image-text h2{
  font-size: 30px;
}

.top-menu {
  border-top: 1px solid rgba(0,0,0,0.2);
  padding-top: 16px;
}

.top-menu ul {
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.top-menu li {
  display: inline;
  font-weight: 400;
  font-size: 26px;
  text-transform: uppercase;
  color: #003b5c;
  margin-left: 17px;
}

.top-menu li a {
  font-weight: 400;
  color: #003b5c;
}

.top-menu li a:hover {
  color: 00A9CE;
}

.top-menu li:not(:first-child) {
  padding-left: 16px;
  border-left: 1px solid #ddd;
}

.top-menu p {
  margin-bottom: 16px;
}

.award-badge {
  vertical-align: top;
}

.award-badge img {
  vertical-align: middle;
  height: 50px;
}

.top100-badge {
  vertical-align: top;
  margin-left: 10px;
}

.top100-badge img{
  vertical-align: middle;
  height: 50px;  
}

@media (max-width: 768px) {
  .container-fluid .block-image-text h1 {
    font-size: 26px;
  }
  
  .top-menu ul {
    float: inherit;
    text-align: center;
    padding: 15px 0;
  }

  .top-menu .col-md-6:first-child {
    text-align: center;
  }
  
}

.footer p, 
.footer ul, 
.footer a{
  font-size: 13.6px;
  color: #003B5C;
}

.footer-copyright {
  margin-bottom: 17px;
}

.footer-copyright p{
  font-size: 16px;
  margin: 0;
  padding: 0;
}

.footer-copyright .container {
  border-top: 1px solid rgb(204, 215, 221);
  padding-top: 17px;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .footer .col-md-6 ul {
    margin-left: 0;
    padding-left: 0;
  }
}

.name-email-form .block-call-to-action .call-to-action-create form {
  max-width: 500px;
}

.name-email-form .block-call-to-action .call-to-action-create form label{
  display: none;
}

.name-email-form .block-call-to-action .call-to-action-create .form-group .form-control{
  border-radius: 0;
  border: 0;
  background-color: white;
  height: 3em;
}

.name-email-form .block-call-to-action .call-to-action-create .form-group:first-of-type{
  float: left;
  width: 245px;
}

.name-email-form .block-call-to-action .call-to-action-create .form-group-submit .text-right{
  float: none;
  text-align: center;
}

.block-call-to-action .form-template-field-email {
  clear: both;
}

.video-js {
  position: relative !important;
  width: 100% !important;
}

.video-1 .video-js {
  height: 450px !important;
}

.video-2 .video-js {
  height: 615px !important;
}

.vjs-poster {
  /*position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: middle center;*/
}

.video-wrapper .vjs-poster img {
  object-fit: contain;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 60%;
}

.icons p{
  line-height: 1.7em;
}

.icons .block-wrapper{
  margin: 0 30px;
  height: 100%;
}

.programmes-row .block-image-uncropped-full-width:hover:after {
  background-color: rgba(0, 169, 206, 0.5) !important;
  transition: background-color 0.3s ease;
}

.programmes-row .block-image-text {
  top: 80%;
}
	
@media (max-width: 970px) {
  .video-1 .video-js {
    height: 250px !important;
  }

  .video-2 .video-js {
    height: 250px !important;
  }
}
  
@media (max-width: 768px) {
  h1 {
    font-size: 22px;
  }
  
  .video-js {
    height: 110px !important;
  }

  .top-menu li {
    font-size: 16px;
  }

}

/* Icon Blocks */

.icon-block-values img {
  display: block;
  margin-left:auto;
  margin-right:auto;
}

.icon-block-values p,
.icon-block p {
  padding-top: 5px;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  text-align: center;
}

.icon-block-values h3 {
  text-align: center;  
}

.icon-block-values .btn.btn-primary {
  margin: 0 auto;
  display: block;
  color: #fff;
  font-weight: 700;
  border-color: #0000ff;
  width: 100%;
  font-size: 13px;
}

.icon-block-values .card {
  border-radius: 0;
}

.icon-block-values .card {
  box-shadow: none;
}

.icon-block-values img {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 765px) {
  .icon-block-values img {
  }
}

/* New Classes */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* Sidebar Jobs */


.side-bar-jobs, .side-bar-posts {
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 30px;
}

.side-bar-jobs .job, .side-bar-posts .post {
  margin-bottom: 14px;
}

.side-bar-jobs .job a, .side-bar-posts .post a{
  font-size: 14px;
  font-weight: 300;
  color: #4681ff;
}

.side-bar-jobs .job h3, .side-bar-posts .post h3{
  font-size: 14px;
  font-weight: 400;
}

.side-bar-jobs .job .job-field.job-department {
  font-style: italic;
}

.side-bar-jobs .job .label-info {
  background-color: #dddddd;
}

.side-bar-jobs .job-department {
  display: block;
}

/* Exit CTA */

.exit-call-to-action-modal h2 {
  color: #003b5c;
  font-weight: 800;
  letter-spacing: normal;  
}

.exit-call-to-action-modal button#close_exit_call_to_action {
  font-weight: 800;
  color: #ffffff;
}

..exit-call-to-action-modal modal-content {
  background-color: #f3f3f3;
}

/* Footer*/

.footer p,
.footer ul,
.footer a {
  font-size: .875rem;
  color: #000000;
}

.footer p {
  padding-top: 10px;  
}

.footer-logo {
  width: 189px;  
  margin-left: -15px;
}

.footer ul {
  margin-bottom: 60px;
}

.footer li {
  list-style-type: none; 
  margin-bottom: 5px;
  line-height: 20px;
}

.footer li a {
  color: #161616;
  font-weight: 400;
  padding: .25rem 0;
}

.footer li.top-level {
  text-decoration: none;
  color: #161616;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .875rem;
}

.footer-copyright {
  margin-bottom: 17px;
}

.footer-copyright p {
  font-size: 16px;
  margin: 0;
  padding: 0;
}

.footer-copyright .container {
  border-top: 1px solid rgb(204, 215, 221);
  padding-top: 17px;
  padding-bottom: 20px;
}

.social {
  padding: 100px 0 0 0;
  float: right;
}

/*
.social a {
  background: url(https://files.career-pages.eu/bank-of-ireland/f8f5c742313f65bbd1e0/images/sprite-icons.png) 0 0 no-repeat;
  float: left;
  width: 34px;
  height: 34px;
  margin-right: 10px;
}

.social a.facebook {
  background-position: 0 -372px;
}
.social a.twitter {
  background-position: 0 -422px;
}
.social a.boards {
  background-position: 0 -472px;
}
.social a.linkedin {
  background-position: 0 -522px;
}
.social a.youtube {
  background-position: 0 -572px;
}
.social a.facebook:hover {
  background-position: -35px -372px;
}
.social a.twitter:hover {
  background-position: -35px -422px;
}
.social a.boards:hover {
  background-position: -35px -472px;
}
.social a.linkedin:hover {
  background-position: -35px -522px;
}
.social a.youtube:hover {
  background-position: -35px -572px;
}
*/
.footer__copyright {
  border-top: 1px solid #dcdcdc;
  padding: 1rem 0 1rem;
}

@media (max-width: 768px) {
  .footer .col-md-6 ul {
    margin-left: 0;
    padding-left: 0;
  }
  
  .footer-copyright {
    margin-bottom: 0;
    background-color: #013C5B;
  }
  
  .footer-copyright p {
    color: #ffffff;
    text-align: center;
  }
  
  .footer-copyright .container {
  padding-top: 10px;
  padding-bottom: 10px;
  }
  
  .footer-logo {
    width: 125px;
  }
  
  .social {
    padding: 50px 0 0 0;
  }
}

/* Consent Modal */

.consent-modal .btn-success,
.consent-modal .btn-info {
  background-color: #050107;  
}

.consent-modal .btn-light {
  background-color: #050107;  
}

.consent-modal .btn {
  font-weight: 600;
  font-size: 13px;  
}

.consent-modal {
  font-weight: 600;
}

.card-header {
  padding-bottom: 30px;
  padding-top: 10px;
  font-weight: 700;
  font-size: 17px;
  color: #00365d;
}

/* Left */

.left-text p,
.left-text blockquote {
  text-align: left!important;  
  padding-left: 0;
  margin-left: 0;
}

.left-h1 h1::after {
   left: 0;
}

/* White box */

.white-box .container.page-row-container {
    background-color: #ffffff;
    padding: 15px;
}

.white-box-small {
    background-color: #ffffff;
    padding: 15px;
}

/* Programmes Row */

.programmes-row .block-image-uncropped-full-width:hover:after {
  background-color: rgb(0 0 255 / 50%) !important;
  transition: background-color 0.3s ease;
}

.programmes-row .block-image-text {
  top: 80%;
}

/* BOI Accordion Start */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #dcdcdc;
  color: #161616;
  cursor: pointer;
padding: 18px 0;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-size: 17px;
  font-weight: 900;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: #dcdcdc;
  display: none;
  overflow: hidden;
  margin-left: 20px;
}

.accordion:after {
  content: '\f107'; /* Unicode character for down arrow */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px;
  color: #0000ff;
  float: right;
  margin-left: 5px;
}

.accordion.active::after {
  content: '\f106'; /* Unicode character for down arrow */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

/* BOI Accordion End */

/* Floating Scroll to top and Settings buttons
.no-touch .cd-top:hover {
  background-color: #00a9ce;
  opacity: 1;
  color: #fff;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  background: rgba(0, 0, 255, 0.4);
  overflow: hidden;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
  color: $white;
  line-height: 40px;
  text-align: center;
  z-index: 1;

}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: $tertiary-color;
  opacity: 1;
  color: $white;
}

.cd-top .fa {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 10px);
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 70px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    line-height: 55px;
    right: 100px;
    bottom: 30px;
  }
}

.no-touch .settings-button:hover {
  background-color: #00a9ce;
  opacity: 1;
  color: #fff;
}

.settings-button {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  
  white-space: nowrap;
  background: rgba(0, 0, 255, 0.4);
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
  color: $white;
  line-height: 40px;
  text-align: center;
  z-index: 1;

}
.settings-button.cd-is-visible,
.settings-button.cd-fade-out,
.no-touch .settings-button:hover {

  transition: opacity .3s 0s, visibility 0s 0s;
}
.settings-button.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.settings-button.cd-fade-out {

  opacity: 1;
}
.no-touch .settings-button:hover {
  background-color: $tertiary-color;
  opacity: 1;
  color: $white;
}

.settings-button .fa {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 10px);
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .settings-button{
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .settings-button {
    height: 60px;
    width: 60px;
    line-height: 55px;
    right: 30px;
    bottom: 30px;
  }
}
*/

/* CTA dropdown */

.selectize-dropdown .active {
  background-color: #0000ff;
}

.selectize-control.multi .selectize-input > div {
  background-color: #0000ff;
  font-size: 100%;
}

/* Image Quote Block */

.image-quote .block-image-text {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.image-quote .block-image-cover {
  height: 1000px;
  background-position: 80% 50%!important;
}

@media (min-width: 768px) {
.image-quote .block-image-text {
    width: 750px;
  }
  
.image-quote .block-image-cover {
  height: 600px;   
}
}

@media (min-width: 992px) {
.image-quote .block-image-text {
    width: 970px;
  }
}
@media (min-width: 1200px) {
.image-quote .block-image-text {
    width: 1170px;
  }
}

@media (max-width: 768px) {
  .image-quote br {
    display: none;
  }
}

/* Welcome-submenu */

.welcome-submenu a.button.button2, 
.welcome-submenu a.button.button2:hover, 
.welcome-submenu a.button.button2:focus, 
.welcome-submenu a.button.button2:active {
  width: 100%;
  font-size: 14px;
}

/* Apply Now Button Job Template */

.hide-title-location .job-title,
.hide-title-location .job-sub-header,
.hide-title-location .job-component-details{
  display: none;  
}

.hide-title-location .block-job-description .job-description-controls .btn {
  padding: 10px 10px!important;
}

.button-size-14 .block-job-description .job-description-controls .btn {
  font-size: 14px;  
  font-weight: 600;
  margin-bottom: .7em;
}

.apply-now-button a.button.button2, 
.apply-now-button a.button.button2:visited, 
.apply-now-button a.button.button2:hover, 
.apply-now-button a.button.button2:focus, 
.apply-now-button a.button.button2:active {
    padding: 10px 15px!important;
    line-height: normal;
    font-weight: 600;
    font-size: 14px;
}

@media (min-width: 765px) {
  .apply-now-button a.button.button2 {
    float: right;
  }
}

/* Image with Text Card */

.blog-image-with-text .block-image-text {
  position:relative;
  display: block;
  padding: 0 24px;
  transform: none;
}

.blog-image-with-text .block-image-text h2 {
  margin-top: 20px;
  color: #161616;
  font-weight: 700;
}

.blog-image-with-text .block-image-text p {
  font-weight: 400;
  color: #161616;
}

.blog-image-with-text .block-image-text a {
  margin-right: 1em;
  color: #4480ff;
  text-transform: uppercase;
}

.blog-image-with-text {
  background-color: #ffffff;
}

.blog-image-with-text .block-image .block-image-text p,
.blog-image-with-text .block-image .block-image-text h2 {
  text-shadow: none!important;  
  text-align: left;
}

@media (min-width: 765px) {
  .blog-list-card .block-image-text {
    height: 380px;
  }
  
  .blog-image-with-text .block-image-text h2 {
    font-size: 17px;
  }
  
  .blog-image-with-text .block-image-text p {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .blog-list-card .block-image-text {
    height: 250px;
  }  
}

/* Card Styling */

.blog-list-card {
  box-shadow: 0 2px 4px rgba(0,0,0,0.30);
  transition: all 0.25s linear;
}

.blog-list-card:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.40);
}

/* Read More Blue Button */

.read-more-blue-button {
  display: block;
  color: #ffffff;
  padding: 15px;
  background-color: #0000ff;
  font-size: 12px;
  text-align: center;
}

a.read-more-blue-button {
  color: #ffffff;  
  text-decoration: none;
  font-weight: 700;
  text-transform: none;
}

@media (min-width: 765px) {
a.read-more-blue-button {
    font-size: 16px; 
  } 
}

/* Extra padding */
.padding-extra {
    padding: 10px 17px;
}

@media (max-width: 765px) {
.blog-carousel .carousel-inner>.item {
    display: block;
  }
}

/* Carousel indicators */  

@media screen and (min-width: 768px) {
#communityCarousel .carousel-indicators {
      bottom: 0;
  }  
  
#communityCarousel {
  padding-bottom: 20px;
}
   
#communityCarousel .carousel-indicators li {
  visibility: visible;
  border: 2px solid #01a9ce;  
}
  
#communityCarousel .carousel-indicators .active {
  background-color: #01a9ce;
}   

#communityCarousel .item {
  height: 600px;
}  
}

@media screen and (max-width: 768px) {
#communityCarousel .carousel-inner>.item {
    display: block;
  }
}

.card {
  border: none;
  background-color: transparent;
}

/* Carousel */

.carousel-control {
  opacity: 1;
}

.carousel-control:hover {
  opacity: 1;
}

.carousel-indicators li {
  visibility: hidden;
}

.carousel-control-prev, .carousel-control-next {
  background-image: none !important;
  font-size: 28px;
  opacity: 1;
}

.slider h3, .slider p {
  text-align: left;
}

.slider h2 {
  font-size: 17px;
  font-weight: 700;
  margin: 0;
}

.slider p {
  font-size: 16px;
  color: #161616;
}

.slider img {
  padding-bottom: 10px;
}

.slider-box1 img {
  padding-bottom: 0; 
  width: 100%;
}

.glyphicon.glyphicon-menu-right, .glyphicon.glyphicon-menu-left {
  color: #00a9ce;
  text-shadow: none;
  font-size: 60px;
}

@media (max-width: 767px) {
  #myCarousel .item, #myCarousel2 .item {
    display: block;
    padding-bottom: 10px;
  }
}

.inner-slider-box2 {
  background-color: #fff;
  padding: 20px 15px 15px 15px;
}

/* Buttons */

.input-group input, .input-group-btn button {
  height: 51px;
  padding: 10px 25px;
  border-radius: 0;
}

.job-search-control .near-me-control {
  margin-left: 10px;
}


.job-search-control .btn-primary,
.job-search-control .btn-primary:hover {
    visibility: hidden;
    position: relative;
    padding: 10px 12px;
}

.job-search-control .btn-primary:after {
  visibility: visible;
  position: absolute;
  top: -1px;
  left: -1px;
  background-color: #006;
  border: 1px solid #006;
  width: 78px;
  height: 51px;
  content: "";
  background-image: url(https://s3.eu-west-1.amazonaws.com/rec-marketing-euwe1-customer-files/f88a65304d033a080a5a7ad79939fae9/87d71622f9cbab33ad7c53a086386414/boi-search.png);
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
}

.job-search-control .easy-autocomplete input {
  border-color: #00f;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited {
  border-radius: 0;
  background-color: #0000ff;
  border: 1px solid #0000ff;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 25px;
  text-align: center;
}

.btn-success,
.btn-success:hover,
.btn-success:visited,
.btn-success:active,
.btn-success:focus {
  border-radius: 0;
  background-color: #0000ff;
  border: 1px solid #0000ff;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 25px;
  text-align: center;
}

.card {
  background-color: #fff;  
  height: 100%;
  border-radius: 0;
}

.card h3,
.card p {
  padding: 0 15px;  
}

/* Work with us page */

.bg-white {
  background-color: #ffffff;
}

/* Job Cards */

.job-card {
  height: 170px;
  padding: 16px;
  margin-bottom: 20px;
  position: relative;
}

.job-card h3, .job-card p {
  margin-bottom: 8px;
}

.job-card h3 {
  line-height: 1.4;
}

.job-card h3 a {
  color: #0000ff;
}

.job-card h3 a:hover {
    color: #006;
}

.job-card p {
  color: #161616;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: 600;
}

.job-card p:after {
  display: block;
  width: 1.5rem;
  height: .25rem;
  margin: .5rem auto;
  content: '';
  background-color: #0000ff;
}

.job-card-header {
  padding: 20px 0;
  margin-bottom: 20px;
}

.job-card-header h3{
  padding: 0;
  margin: 0;
}

.job-card-header h3 a {
  color: #0000ff;
}

.job-card-header h3 a:hover {
  color: #006;
}

@media (min-width: 767px) {
  /*.video-hero .clinch-video-player.video-js {
      height: 700px;
  }*/
  
  /*.video-hero .video-player-wrapper .vjs-poster {
    background-position: 50% 10%;
  }*/

  .video-hero .video-player-wrapper .vjs-poster img {
    object-position: 50% 10%;
  }
}

}

/* Team */

.team-quote img {
  width: 130px;
  border-radius: 130px;
}

.team-quote blockquote {
  background-color: #ffffff;
  padding: 15px;
  width: calc(100% - 130px);
  border: 0;
  position: relative;
  margin: 0 0 20px 0;
}

.team-quote em strong {
  font-size: 12px;
  color: #0000ff;
  font-style: normal;
  font-weight: 600;
}

.team-quote.left-side img{
  float: left;
}

.team-quote.left-side blockquote{
  float: left;
}

.team-quote.left-side blockquote:before {
  left: -20px;
  position: absolute;
  top: 40px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-width: 25px 25px 25px 0px;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
}

.team-quote.right-side img{
  float: right;
}

.team-quote.right-side blockquote{
  float: right;
}

.team-quote.right-side blockquote:after {
  position: absolute;
  top: 40px;
  right: -20px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border-width: 25px 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
}

.team-quote.smaller-text blockquote p{
  font-size: 13px;
}

.team-quote .page-block > p:first-child {
  padding: 0;
  margin: 0;
}

@media (min-width: 767px) {
  .inner-slider-box2 {
    height: 350px;
  }
  
  .team-quote blockquote {
    min-height: 310px;
    height: 310px;
  }
}

@media (min-width: 992px) {
  .inner-slider-box2 {
    height: 250px;
  }
  
  .team-quote blockquote {
      min-height: 210px;
      height: 210px;
  }
}

@media (min-width: 1200px) {
  .team-quote blockquote {
      min-height: 150px;
      height: 150px;
  }
}

@media (min-width: 1400px) {
  .team-quote blockquote {
      min-height: 160px;
      height: 160px;
  }
}

.input-group {
  flex-wrap: nowrap;
}

.white-row-inner .row {
  background-color: #fff; 
}

.position-image1 .block-image-cover {
  background-position: 50% 0%!important;
}

/* New Tabbed Code Block */

.tab-block .nav-link {
  padding: 1.5rem 1.5rem 1.5rem 1rem;
}

.tab-block .nav-tabs .nav-link {
  color: #161616;
  font-weight: 600;
  font-size: 16px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-right: 5px solid #dcdcdc;
  border-left: 0;
  border-radius: 0;
}

.tab-block .nav-tabs .nav-link.active, 
.tab-block .nav-tabs .nav-item.show .nav-link {
  color: #161616;
  font-weight: 600;
  font-size: 16px;
  background-color: #dcdcdc;
}

.tab-block .padding-right-none {
  padding-right: 0;
}

.tab-block .nav-tabs .nav-link:hover, 
.nav-tabs .nav-link:focus {
  border-radius: 0;
}

.tab-block .tab-pane {
  padding: 4rem;  
}

.tab-block .nav-link:hover:after {
  display: none;  
}

.tab-block .nav-tabs .nav-link:hover, 
.tab-block .nav-tabs .nav-link:focus {
  border-right: 5px solid #00f;
  border-left: none;
}

.tab-block .details h3 {
  padding-bottom: 15px;  
}

.no-padding {
  padding: 0!important;  
}

@media screen and (min-width: 575px) {
  .tab-block .col-sm-7.col-lg-9.white-bg {
    background-color: #fff;
  }
  
  .no-padding-left .col-md-12 {
    padding-left: 0!important; 
  }
  
  .no-padding-left {
    padding-left: 0!important; 
  }
}

@media screen and (max-width: 575px) {
  .tab-block .tab-content>.tab-pane {
    display: block !important;
    opacity: 1 !important;
  }
  
  .tab-block .tab-pane {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 15px;
  }
  
  .no-padding-mobile {
   padding: 0!important; 
  }
  
  .read-more-blue-button {
    margin-bottom: 15px;  
  }
}

/* Search Page */

.badge {
  background-color: #0000ff;
}

.job-search-results .table th {
  color: #171624;
}

@media (min-width: 768px) {
  .block-job-search-results .job-search-results .job-search-results-title {
    width: 20em;
  }
  
  .block-job-search-results .job-search-results .job-search-results-closing-on {
    width: 11em;  
  }
}

/* Hack to override some labels */
.block-job-search-results .remote label {
  text-overflow: inherit;
}

h4.job-search-filter-header.remote:before {
    visibility: visible;
    content: "Hybrid";
}

h4.job-search-filter-header.remote {
    visibility: hidden;
}

.block-job-search-results .remote li:first-child span:before {
  visibility: visible;
  content: "Hybrid Jobs"
}

.block-job-search-results .remote li:first-child span {
  visibility: hidden
}

.job-search-results-remote {
  visibility: hidden
}

.job-search-results-remote li:first-child span {
  visibility: hidden
}



.job-search-results li,
.block-job-search-results .job-search-results table, 
.block-job-search-results .job-search-results .table-counts {
  font-size: 16px;
}

.job-search-results a, 
.job-search-results a:visited, 
.job-search-results a:focus, 
.job-search-results a:active, 
.job-search-results a:hover {
  color: #0000ff;
  font-weight: 600;
}

.job-search-results a:hover {
  text-decoration: underline!important; 
}

.job-search-filter-groups {
  background-color: #efefef;
}

.page-link {
  background-color: #efefef;
  border: 1px solid #c7c7c7;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #0000ff;
  border-color: #0000ff;
}

.page-link:hover {
  background-color: #0000ff;
  border-color: #0000ff;
  color: #fff!important;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
  background-color: #0000ff;
  border-color: #0000ff;
  color: #fff;
}


@media (max-width: 768px) {
  .job-search-control .input-group {
    display: block;  
  }
  
  .job-search-control .easy-autocomplete input {
    margin-bottom: 15px;
  }
  
  .input-group > .form-control {
    width: 100%;
  }
  
  .job-search-results input.form-control {
    margin-bottom: 15px;
  }
}


/* Consent Modal */

.consent-modal .btn-success,
.consent-modal .btn-success:hover,
.consent-modal .btn-info {
  background-color: #0000ff;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.consent-modal .btn-light {
  background-color: #0000ff;
  color: #fff;
  font-size: 15px;
}

.consent-modal .card-header {
    color: #0000ff;
}

/* Stories */

.stories .page-block {
  background-color: #fff;
}  

.stories blockquote {
  border-left: none;
  padding: 15px;
  margin: 0;
}

.stories a.button.button1, 
.stories a.button.button1:focus, 
.stories a.button.button1:active, 
.stories a.button.button1:visited,
.stories a.button.button1:hover {
  width: 100%;    
}

/* Jobs List */

.jobs-list a, 
.jobs-list a:visited, 
.jobs-list a:focus, 
.jobs-list a:active, 
.jobs-list a:hover {
  color: #0000ff;
  font-weight: 700;
}

::marker {
  color: #00f;
}

@media (min-width: 1200px) {
  .quote-row .container {
    max-width: 850px;
  }

  .quote-row .col-md-6:nth-child(2) {
    padding-left: 100px;
  }
}
  
@media (max-width: 768px) {
  .quote-row .col-md-6 {
    margin-bottom: 30px;
  } 
}

.quote-row.no-border .row{
  border-top: none;
}

.quote-row .row{
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  border-top: 1px solid #555555;
}

.quote-row .block-image-uncropped-full-width{
  max-width: 250px;
}

.quote-row blockquote{
  margin: 0;
  padding: 0;
  font-size: 40px;
  border: none;
}

.quote-row blockquote p {
  font-size: inherit;
}

.quote-row p:last-child {
  margin-bottom: 0;
}

.quote-row blockquote *{
  line-height: 1.30em;
}

blockquote {
  border-left: none;
  padding: 0;
  margin: 0;
  font-style: italic;
}

/* Text on image below */

.text-on-image-below p a,
.text-on-image-below p a:hover {
  border-bottom: none; 
  color: #fff;
}

.text-on-image-below .block-image-uncropped-full-width .block-image-text {
  top: 86%;
}

/* Sidebar */

.side-bar-jobs .job a, .side-bar-posts .post a {
  font-weight: 600;
  color: #0000ff;
}

.side-bar-jobs .block-jobs {
  background-color: transparent;
  padding: 0;
}

.side-bar-jobs .block-jobs h3 {
  font-size: 18px;
}

.block-posts .post h3.post-title {
  color: #0000ff;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 5px;
}

.block-posts .post span.post-field {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.block-jobs .job h3.job-title {
  color: #0000ff;  
  font-weight: 600; 
  font-size: 16px;
}

.side-bar-posts h3, 
.side-bar-jobs h3 { 
  padding-bottom: 15px;
}

.block-jobs .job span.job-field {
 font-weight: 500;
  color: #000;
}

/* Jobs Block */

.block-jobs .table {
  background-color: #fff;
  padding: 30px;
}

.table > tbody > tr >td {
  font-weight: 600;
}

/* No side padding */

.no-side-padding .row {
  margin-right: 0;
  margin-left: 0;
}

.no-side-padding .col-md-12 {
  padding: 0!important;  
}


.btn-link:hover {
    color: #000;
}

/* Floating job template button */

a.button.button2.floating-button {
  z-index: 3;
  text-align: center;
  bottom: 20px;
  right: 30px;
  position: fixed;
}

.white-image-bg img {
  background-color: #fff;  
}

@media (max-width: 768px) {
  .job-area .block-wrapper.bg-white.job-card {
    height: 200px;
  }
}

/* New Homepage */

.rewards {
  color: #161616;
}

.rewards .btn {
  padding: 10px 0;
  color: #161616;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}

.rewards .feature-img {
  padding-bottom: 30px;
}

.rewards .details .show {
  padding-bottom: 30px;
}

.rewards .btn.btn-link.collapsed::before {
  font: var(--fa-font-solid);
  content: '\f054';
  display: inline;
  padding-right: 10px;
}

.rewards .btn.btn-link::before {
  font: var(--fa-font-solid);
  content: '\f078';
  display: inline;
  padding-right: 10px;
}

.rewards .btn.btn-link:focus, 
.rewards .btn.btn-link:hover {
  text-decoration: none;
  box-shadow: none;
}

.rewards h4 {
  line-height: normal;
  color: #161616;
  margin: 0.25em 0;
  font-size: 22px;
  font-weight: 700;
  font-family: "Open Sans", Helvetica, sans-serif;
  padding-bottom: 15px;
}

@media (min-width: 767px) {
  .rewards h4 {
    display: none;
  }
}

/* New Search Bar */

.new-search-bar .job-search-control .btn-primary, 
.new-search-bar .job-search-control .btn-primary:hover {
  visibility: initial;
}

.new-search-bar .job-search-control .btn-primary:after {
  display: none;
}

/* News card */

.news-card img {
  float: right;
}

.news-card {
  background-color: #fff;
  max-height: 208px;
}

.no-padding .col-md-12 {
  padding: 0;
}

.news-card .card-title {
  font-size: 24px;
  letter-spacing: -.02em;
  line-height: normal;
  color: #161616;
  font-family: "Open Sans", Helvetica, sans-serif;
}

.new-video  .vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
}

.new-video .clinch-video-player.video-js {
  height: 230px!important;
}

.new-full-width-video .clinch-video-player.video-js {
  height: 230px!important;
}

@media (min-width: 767px) {
  .new-video .col-md-6:first-child {
    padding: 0;
  }

  .new-video .clinch-video-player.video-js {
    height: 430px!important;
  }

  .new-full-width-video .clinch-video-player.video-js {
    height: 600px!important;
  }
}

/* Flip cards */

.flip-blocks .col-md-3 {
  padding: 0;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #006;
  color: #fff;
}

/* Style the back side */
.flip-card-back {
  background-color: #006;
  color: #fff;
  padding: 15px;
}

.flip-card h2,
.flip-card p {
  color: #fff;
}

.flip-card-front h2 {
  line-height: 250px;
  font-size: 24px;
  letter-spacing: -.02em;
  font-family: "Open Sans", Helvetica, sans-serif;
}

.flip-card p {
  font-size: 14px;
}

.transparent-cards .flip-card-back {
  background-color: #0000fe;
  color: #fff;
  padding: 15px;
  border-bottom-left-radius: 40px;
  border-top-right-radius: 40px;
}

.flip-card p a, 
.flip-card p a:visited, 
.flip-card p a:focus, 
.flip-card p a:active, 
.flip-card p a:hover {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none !important;
  border-bottom: 2px solid #fff;
  padding-bottom: 3px;
}

.flip-card h2 {
  margin: 0 0 5px;
}

.flip-card p {
  margin: 0 0 5px;
}

@media (max-width: 768px) {
  .flip-blocks {
    padding-bottom: 0 !important;
  }

  .flip-card {
    background-color: transparent;
    height: auto;
    margin-bottom: 30px !important;
  }

  .transparent-cards .flip-card-back {
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }

  .transparent-cards .flip-card-front {
    background-color: #0000ff!important;
    border-top-left-radius: 40px;
  }
}

@media (min-width: 768px) {
  .flip-card-back {
  transform: rotateY(180deg);
}

  /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  height: 250px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  padding: 0 5px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
}

/* New Card Header */

.card-header-new .card {
  width: 100%;
  border-radius: 0;
  margin: 0 15px;
}

.card-header-new h5 {
  font-size: 24px;
  letter-spacing: -.02em;
  line-height: normal;
  color: #161616;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: 700;
}

.card-header-new video {
  background-color: #000;
  height: 400px;
  object-fit: cover;
}

.card-header-new .card-img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-radius: 0;
}

.card-header-new .card .row {
  justify-content: end;
}

.card-header-new .row {
  margin: 0;
}

.card-header-new .row .col,
.card-header-new .col-md-12,
.card-header-new .container {
  padding: 0;
}

.card-header-new a, 
.card-header-new a:hover,
.card-header-new a:focus, 
.card-header-new a:active {
  font-weight: 700;
  color: #161616;
  border-bottom: 2px solid #161616;
}

.card-header-new .card h3, 
.card-header-new .card p {
  padding: 0;
}

.card-header-new .card p,
.card-header-new .card a {
  font-size: 14px;  
}

.card-header-new .card h3 {
  font-size: 18px;
}

.card-header-new .video-card1 p {
  font-size: 16px;
}

.card-header-new .card h2 {
  font-size: 20px;
}

.card-header-new .card-body {
  padding: 15px;
}

@media (max-width: 993px) {
  .card-header-new video {
    height: auto;
  }

  .card-header-new .card {
    width: auto
  }

  .card-header-new .video-card1 {
    margin: 0 0 8px 0;
    height: auto;
  }
}

.flip-card-front img {
  padding: 15px;
}

.transparent-cards .flip-card-front {
  background-color: transparent;
}

.transparent-cards .flip-card-front img {
  padding: 0;
}

.transparent-cards .flip-card {
  border: none;
}

@media (max-width: 576px) {
    .boi-home-cards .row {
        margin-top: 10px;
    }
}

.bg-black {
  background-color: #000!important;
}

/* Blog posts */

.posts-cards {
  flex-direction: row !important;
  display: flex !important
}

.posts-cards .card-title {
  letter-spacing: -.02em;
  color: #161616;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.posts-cards .card p {
  padding: 0;
}

.posts-cards a, 
.posts-cards a:visited, 
.posts-cards a:focus, 
.posts-cards a:active, 
.posts-cards a:hover {
  color: #0000ff;
}

.posts-cards .card-footer {
  padding: 0px 20px 5px 20px;
  background-color: #fff;
}

@media (min-width: 768px) {
    .posts-cards .card-title {
      font-size: 24px;
    }
}

.card-header-new.contain-video video {
  background-color: #000;
  height: 400px;
  object-fit: contain;
}


@media (max-width: 768px) {
  .tabs-section .nav {
    display: none !important;
  }
}

/* Carousel fix */
/*
.carousel-control-next,
.carousel-control-next:hover {
  right: -10%;
  top: 0;
  color: #0000ff;
}

.carousel-control-prev,
.carousel-control-prev:hover {
   left: -10%;
   top: 0;
   color: #0000ff;
}*/

.block-carousel .carousel-item-block.col-12 .carousel-caption {
  position: static;
}

.block-carousel .carousel-item .carousel-item-block.col-12 h2 {
  font-size: 24px;
  letter-spacing: -.02em;
  color: #161616;
  font-family: "Open Sans", Helvetica, sans-serif;
  text-shadow: none;
}

.block-carousel .carousel-item .carousel-item-block.col-12 p {
  font-size: 1rem;
  letter-spacing: normal;
  text-shadow: none;
  color: #161616;
}

.block-carousel .carousel-indicators li {
  visibility: visible;
  background-color: #0000ff;
}

.block-carousel .carousel-indicators {
  bottom: -62px;
}

.block-carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230000ff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")!important;
}

.block-carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230000ff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

 @media (min-width: 768px) {
  .carousel-inner {
    padding: 0 100px;
  }
} 

@media (min-width: 1400px) {
  .carousel-control-prev {
    left: -70px;
  }
  
  .carousel-control-next {
    right: -70px;
  }
}

@media (max-width: 768px) {
  .block-carousel .carousel-item-block {
    width: 100%;
  }

  .carousel-control-prev {
  left: 0;
  }
  
  .carousel-control-next {
    right: 0;
  }
  
  .carousel-inner {
    padding: 0;
  }

  .carousel-control-next, .carousel-control-prev {
    display: none;
  }

  .job-search-results-table.job-search-results-content tbody tr {
    background-color: #fff;
    padding: 8px 6px!important;
  }

  .job-search-results.job-search-side-filters .job-search-results-content td {
    width: 100%;
  }
}

.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.card-header-new .card {
  padding: 0;
}

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text p,
.white-text a,
.white-text a:hover {
  color: #fff;
}

/* Star Icons */

.star-icons img {
  padding: 0 10px 10px 10px;
}

.star-icons p strong {
  font-size: 16px;
}

.star-icons p {
  text-align: center;
  font-size: 14px;
  line-height: normal;
}