/** css_ajm **/

h1, h2, h3, h4, h5, h6 {
	background: none; 
	font-weight: normal;
	font-size: normal;
}

.ctaButton {
	border: 1px solid rgb(23, 34, 65);
	background-color: #69cce6!important;
	border-radius: 10%;
}

p#breadcrumbs {
	display: none!important; 
}

/** Menu Navigation **/

.contactMenuButton a::before {
	border: 1px solid white;
	background-color: #69cce6!important;
}

#menu-item-41 {
	color: #28303f!important; 
}


/** Home Page **/

#permianBanner {
	border: 10px #cdde00 solid; 
	border-radius: 20px;
}


.blueBoxTop {
	border-top-left-radius: 25px 25px;
	border-top-right-radius: 25px 25px;
}

.blueBoxBottom {
	border-bottom-left-radius: 25px 25px;
	border-bottom-right-radius: 25px 25px;
}

/** Mobile Navigation **/

#slide-out-widget-area-bg {
	background-color: #28303f!important;
}

/** Academy Form **/
#wpforms-form-8027 {
	padding: 0!important; 
	color: white; 
}

/** NECTAR SLIDER **/

.homePageSlider h1
/** #nectar-slider-instance-1 h2, .wpb_wrapper h1,
.article-content-wrap h3 **/ {
background: #51C8E9;
background: -webkit-linear-gradient(left, #51C8E9, #CBDB2A);
background: -moz-linear-gradient(left, #51C8E9, #CBDB2A);
background: linear-gradient(to right, #51C8E9, #CBDB2A);
	color: white;
}

.homePageSlider h1
/** .nectar-slider-wrap h2, 
.article-content-wrap h3 **/ {
	padding: 10px 50px 10px 10px;
	display: inline-flex;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
}

#nectar-slider-instance-1 p {
	font-weight: 500;
	font-size: 1.6em;
}

/** END OF NECTAR SLIDER **/

/** Job Application Submit Button **/

.jobVacancySubmit {
	background-color: #172241!important;
	color: #ffffff!important;
}


/** BLOG POSTS CSS **/ 

.row.heading-title.hentry {
	display:none!important;
}

.container-wrap.no-sidebar {
	margin: 0!important;
	padding: 0!important;
}

.post-header h3 {
	background:none!important; 
	color: black; 
	padding: 0; 
}

.article-content-wrap .post-header h3 a { 
	line-height: 1.2em!important;
	}

.indexText {
	font-size: 3em; 
	line-height: 1.2em;
}


.centre-button {
	text-align: center;
}

.width-button submit {
	background-color: pink;
}


.team-member .description {
	font-size: 0.8em;
}

/** Paper Download Page **/

.paperDownloadImage {
	border: solid 5px #bbb;
}


/** Webinar Pages **/

#webinarButtonOil {
	line-height: 1.5em;
	text-align: center!important;
	width: 100%;
}

.whiteBullets ul li {
	color: white; 
}

/** WPForms **/

.videoFormImage {
	border: 2px solid #777;
}

.notWhiteLabels .wpforms-field-label-inline {
	color: black!important;
	margin-bottom: 5%!important;
}

.whiteLabels .wpforms-field-label-inline {
	color: white!important;
	margin-bottom: 5%!important;
}



.labelsNotWhite .wpforms-field-label-inline {
	color: black!important; 
}

/** Footer **/

#footer-widgets {
	font-size: 0.7em;
	line-height: 1.5em;
}

.wp-image-4285 {
	width: 50%!important; 
}

@media only screen and (max-width: 400px) {
  #blueBoxNoDisplay {
    display: none!important;
  }
	
	.nectar-animated-gradient.loaded {
		display: none!important;
	}
}

/** end of ccc_ajm **/

/** HERO SLIDER (test hero) **/

/* Each slide with gradient overlay like homepage */
.hero-slider .nectar-slider-wrap .swiper-slide {
  position: relative;
}

.hero-slider .nectar-slider-wrap .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, #6acbe6, #dce806);
  opacity: 0.5;
  z-index: 0;
}

/* Keep slide content above gradient, small top/bottom gap */
.hero-slider .nectar-slider-wrap .swiper-slide .content {
  position: relative;
  z-index: 1;
  padding: 0.5% 0; /* smaller overall hero height */
}

/* Layout for the two hero boxes inside the slider */
.hero-slider .hero-row {
  display: flex;
  gap: 30px;
  align-items: stretch;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%; /* side padding only */
}

/* HERO BOXES – now rectangular (no slant) */
.hero-slider .hero-box {
  position: relative;
  flex: 1;
  /* top | right | bottom | left */
  padding: 5% 6% 3% 6%;
  background: rgba(81, 81, 81, .7);
  color: #ffffff;
  border-radius: 0;
  overflow: hidden;
  /* NO transform here – boxes are flat */
}

/* Inner content – NO un-skew needed now */
.hero-slider .hero-box * {
  /* removed transform – leave content normal */
}

/* Preserve 2/3 : 1/3 layout */
.hero-slider .hero-box-left {
  flex: 2;
}

.hero-slider .hero-box-right {
  flex: 1;
}

/* Make ALL text in the hero slider non-italic */
.hero-slider * {
  font-style: normal !important;
  color: #ffffff;
}

/* Mobile: stack boxes */
@media (max-width: 1000px) {
  .hero-slider .hero-row {
    flex-direction: column;
    padding: 6% 5%;
  }
}
/* FLATTEN HERO SLIDER + REMOVE ITALICS (override everything above) */
.hero-slider .skewedDiv,
.hero-slider .skewedDiv *,
.hero-slider .hero-box,
.hero-slider .hero-box * {
  transform: none !important;
  font-style: normal !important;
}