@import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@400;700&family=League+Spartan:wght@600&display=swap');
body {
  font-family: 'Hepta Slab', serif;
  font-weight: 400;
}

h1 {
  font-weight: 500;
  font-size: 50px;
  font-family: 'League Spartan', sans-serif;
  color: #306767;
}

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: #55FFA9;
  position: absolute;
  bottom: 0;
  /* left: calc(36% - 50px); */
  left: 0;
  bottom: -20px;
}

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

h2, 
h3, 
h4, 
h5, 
h6 {
  letter-spacing: -.02em;
  color: #161616;
  font-family: 'Hepta Slab', 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: #306767;
}

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

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

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

a:hover {
  color: #55FFA9;
}

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

p a:hover {
  color: #55FFA9;
  border-bottom: 2px solid #55FFA9;
}

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: #306767;
}

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

.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: #306767;
  border: 1px solid #306767;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 25px;
  text-align: center;
}

a.button.button1:hover {
  background-color: #306767;
  border: 1px solid #306767;
  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: #306767;
  border: 1px solid #306767;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 25px;
  text-align: center;
}

a.button.button2:hover {
  background-color: #55FFA9;
  border: 1px solid #55FFA9;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;  
  text-shadow: none;
}

a.button.button3,
a.button.button3:focus,
a.button.button3:active,
a.button.button3:visited {
  border-radius: 0;
  background-color: #306767;
  border: 1px solid #306767;
  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: #306767;
  border: 1px solid #306767;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

a.button.button4:hover {
  background-color: #306767;
  border: 1px solid #306767;
  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: #306767;
  border: 1px solid #306767;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 10px 25px;
  text-align: center;
}

.call-to-action-create .btn:hover {
  background-color: #55FFA9;
  border: 1px solid #55FFA9;
  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: #306767;
  border: 1px solid #306767;
  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: #306767;
}

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

.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: #306767;
  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: 150px;  
  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;
    margin: 0 auto;
    display: table;
  }
  
  .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;
  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: #306767;
  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: #306767;
}

.selectize-control.multi .selectize-input > div {
  background-color: #306767;
  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: #306767;
  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%;
}

.carousel-control-next,
.carousel-control-next:hover {
  right: -10%;
  top: 0;
  color: #306767;
}

.carousel-control-prev,
.carousel-control-prev:hover {
   left: -10%;
   top: 0;
   color: #306767;
}

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

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

.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: #306767;
  border: 1px solid #306767;
  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: #306767;
  border: 1px solid #306767;
  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: #306767;
}

.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: #306767;
}

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

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

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

.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%;
  }
}

/* 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: #306767;
  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: 500;
  font-size: 20px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-right: 5px solid #dcdcdc;
  border-left: 0;
  border-radius: 0;
  font-family: 'League Spartan', sans-serif;
}

.tab-block .nav-tabs .nav-link.active, 
.tab-block .nav-tabs .nav-item.show .nav-link {
  font-size: 20px;
  background-color: #dcdcdc;
  font-family: 'League Spartan', sans-serif;
  color: #306767;
}

.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 #55FFA9;
  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: #306767;
}

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

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

.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: #306767;
  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: #306767;
  border-color: #306767;
}

.page-link:hover {
  background-color: #306767;
  border-color: #306767;
  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: #306767;
  border-color: #306767;
  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: #306767;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.consent-modal .btn-light {
  background-color: #306767;
  color: #fff;
  font-size: 16px;
}

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

/* 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 {
  color: #306767;
  font-weight: 700;
}

.jobs-list a:hover {
  color: #55FFA9;
}

::marker {
  color: #306767;
}

@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: #306767;
}

.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: #306767;
  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: #306767;  
  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;  
}

/* New Ireland nav */

.new-ireland-nav {
  border-top: 0;
  background-color: #dcdcdc;
}

.menu-nav.new-ireland-nav {
  padding: 120px 0 20px 0;  
}

.new-ireland-nav .header-logo {
    top: 20px;
    width: 152px;
    position: absolute;
    margin-left: -77px;
}

.new-ireland-nav .nav-link:after {
  background: #306767;
}

/* Footer */
footer {
  background-color: #306767;
  padding-top: 60px ;
}

footer a, 
footer a:visited, 
footer a:focus, 
footer a:active {
  color: #ffffff;
  font-weight: 600;
}

footer li {
  font-size: 13px;
}

footer p {
  font-size: 12px;
  color: #fff;
}

footer .container {
  padding-bottom: 60px ;
}

.row.footer-menu {
  padding-bottom: 30px;
}

.copyright {
  background-color: #dcdcdc;
  padding: 15px 0;
}

.copyright p {
    font-size: 11px;
    margin-bottom: 0;
    text-align: center;
    color: #000;
    font-weight: 500;
}

@media (min-width: 768px) {
  .footer-logo {
    float: right;
  }
}

.height-390 .block-image-cover {
  height: 390px;
}

/* New Homepage */

.rewards {
  color: #161616;
}

.rewards .btn {
  padding: 10px 0;
  color: #306767;
  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: 500;
  font-family: "Open Sans", Helvetica, sans-serif;
  padding-bottom: 15px;
}

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