/* ------ CAROUSEL -----  Filler text*/
.owl-dots .owl-dot span {
    display: block;
    height: 10px;
    width: 10px;
    margin: 5px 7px;
    background-color: var(--sec-steelblue);
    border-radius: 30px;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
}

.owl-nav {
    display: none;
}

.owl-dots {
    display: flex;
    justify-content: center;
}

button.owl-dot.active span {
    background-color: var(--primary-gold);
}

/* ----- END CAROUSEL ------ */

.block.block-layout-builder.block-inline-blockfeatured-careers, #block-featuredcareersblock {
    width: 95%;
    margin: 0 auto;
}

.fc-header-wrapper {
    margin-bottom: 1.5rem;
}

.careers-group {
    display: flex;
}

.careers-group img {
    width: 100%;
}

a.left-career.career-tile {
    flex: 1 1 auto;
    margin-right: 1.5rem;
}

.stacked-careers {
	flex: 0 0 auto;
	width: 30.5%;
}

.block-inline-blockfeatured-careers .career, #block-featuredcareersblock .career {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	background-color: var(--primary-navy);
	color: var(--white);
	letter-spacing: 1.25px;
	padding: 6px 10px 0;
}
.block-inline-blockfeatured-careers .career p, #block-featuredcareersblock  .career p{
	display: flex;
	font-size: 15px;
}

.block-inline-blockfeatured-careers h2, #block-featuredcareersblock h2 {
	font-size: 36px;
  }

.right-top-career {
	margin-bottom: 15px;
}

.career {
	height: 35px;
	display: block;
}

.right-top-career,
.right-bottom-career,
.left-career {
	text-decoration: none;
}

#block-featuredcareersblock {
	margin-bottom: 6rem;
	margin-top: 4rem;
}

/* HOVER STATES */
.career-tile:hover picture {
    filter: grayscale(20%);
    /* filter: contrast(115%); */
}

.career-tile:hover .career {
	color: var(--primary-gold) !important;
}
/* END HOVER STATES */

@media (max-width: 768px) {
    .career-tile  {
        width: 335px;
        flex-shrink: 0;
    }
	.stacked-careers {
		width: 335px;
	}
    
    a.right-top-career.career-tile.career-tile-right p {
        font-size: 14.25px;
        font-weight: 500;
    }
        
}

@media (min-width: 769px) and (max-width: 1024px) {
    a.left-career.career-tile {
    	flex-basis: auto;
		width: 600px;
    	margin-right: 0rem;	
    }
    .stacked-careers {
		width: 600px;
    	margin-right: 0rem;
    	flex-shrink: 0;
    }
    header .navbar-brand img {
		  margin-left: 2rem;
	  }

	  .home-hero {
		  background-size: cover;
	  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
	a.left-career.career-tile {
		flex: 1 1 auto;
		width: auto;
	  }

	  .stacked-careers {
		flex: 0 0 auto;
		width: 29.45%;
	  }
      .block-inline-blockfeatured-careers .career p {
        display: flex;
        font-size: 14.85px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.stacked-careers {
		width: 29.99%;
	  }
}

@media (max-width: 1024px) {
	
	.tbm-button-container {
		margin-right: 1rem;
	}
	.careers-group {
		flex-direction: column;
	  }
	  a.left-career.career-tile {
		margin: 0 auto 1.5rem;
	  }
	  .stacked-careers {
		flex: 0 0 auto;
		margin: 0 auto;
	  }
	  .right-top-career {
		margin-bottom: 1.5rem;
	  }
	  .careers-group a {
		margin-right: 0rem;
	  }
	  .tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
		overflow-x: hidden;
	}

	.home-hero {
		background-size: cover
	}
}