/* Style all Pathways links properly */
.arlo .arlo-category-list a[href*="cat-5-pathways"] {
  background-color: #00349b !important;
  color: #ffffff !important;
  padding: 10px 16px;
  border-radius: 4px;
  font-weight: 600;
  display: inline-block;
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  border: 1px solid transparent;
}

/* On hover */
.arlo .arlo-category-list a[href*="cat-5-pathways"]:hover {
  background-color: #002a7e !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
/* Set Arlo section background to pure white */
.arlo {
  background-color: #ffffff !important;
}
/* Style course titles in tiles */
.arlo h4.name a {
  color: #00349b !important;
  font-weight: 700 !important; /* makes it bold */
  text-decoration: none;
}
/* Style the bottom box under each course card */
.arlo .bg-master-lighter {
  background-color: #00349b !important;
  color: #ffffff !important;
  border: none !important;
  padding: 20px;
  font-weight: 600;
  font-size: 16px;
}

/* Ensure any links inside are also white */
.arlo .bg-master-lighter a {
  color: #ffffff !important;
  text-decoration: underline;
}

.arlo .bg-master-lighter a:hover {
  text-decoration: none;
  color: #e0e0e0 !important;
}

.arlo a[aria-label="Arlo Powered By"] {
  display: none !important;
}
@media (max-width: 767px) {
  .arlo#arlo .catalogue-item .template-details {
    border-left: 20px solid #00349b !important;
  }
}
/* COURSE SCHEDULE */
/* Override the purple background on the course schedule card */
.arlo .card-back.bg-primary {
  background-color: #00349b !important;
}
.arlo .card-front .date {
  background-color: #00349b !important;
  color: #ffffff !important;
}
.arlo .card-back p.date.no-margin {
  background-color: #00349b !important;  /* Your blue */
  color: #ffffff !important;
  padding: 6px 12px;
  border-radius: 3px;
  display: inline-block;
}

.arlo .arlo-upcoming-filters .arlo-filter-category {
  display: none !important;
}

/* Force default dropdown background to blue with white text */
.arlo .arlo-upcoming-filters select,
.arlo .arlo-upcoming-filters select:active,
.arlo .arlo-upcoming-filters select:visited {
  background-color: #00349b !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px;
  font-weight: bold;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}

/* Hover state */
.arlo .arlo-upcoming-filters select:hover,
.arlo .arlo-upcoming-filters select:focus {
  background-color: #002a7e !important;
  color: #ffffff !important;
}

/* Reset button styling */
.arlo .arlo-upcoming-filters .arlo-filter-reset input[type="button"],
.arlo .arlo-upcoming-filters .arlo-filter-reset button {
  background-color: #ffffff !important;
  color: #00349b !important;
  border: 2px solid #00349b !important;
  padding: 10px 16px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.arlo .arlo-filters-buttons a.button {
  border: 2px solid #00349b !important;
  color: #00349b !important;
  padding: 8px 16px !important;
  font-weight: bold;
  background-color: #ffffff !important;
  border-radius: 4px;
  display: inline-block;
  text-decoration: none;
}

/* On hover */
.arlo .arlo-filters-buttons a.button:hover {
  background-color: #00349b !important;
  color: #ffffff !important;
  text-decoration: none;
}
/* --------------------------------------------
   Styles for Arlo Event Template Pages
   (e.g. course detail pages with descriptions,
   learning objectives, registration buttons etc.)
--------------------------------------------- */
.arlo .arlo-event-template-summary-and-al p {
  font-size: 17px;
  line-height: 1.7;
  color: #333;
}

.arlo .arlo-event-template-summary-and-al i {
  color: #00349b;
  margin-right: 5px;
}

.arlo .arlo-event-template-summary-and-al {
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 6px;
}

/* Primary buttons - dark blue with white text */
.arlo a.btn,
.arlo a.btn-primary,
.arlo a.btn-secondary,
.arlo a.btn-secondary-alt {
  background-color: #00349b !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px;
  font-weight: 600;
  padding: 12px 20px;
  text-decoration: none !important;
  display: inline-block;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: background-color 0.3s ease;
}

/* Hover state - darker blue */
.arlo a.btn:hover,
.arlo a.btn-primary:hover,
.arlo a.btn-secondary:hover,
.arlo a.btn-secondary-alt:hover {
  background-color: #002a7e !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.arlo-links a {
  background-color: #00349b !important;
  color: #ffffff !important;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.arlo-links a:hover {
  background-color: #001f66 !important;
  color: #ffffff !important;
}

.arlo-event-template-summary-and-al {
  background: rgba(0, 52, 155, 0.6); /* Branded blue with 60% opacity */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); /* Safari support */
  color: white;
  padding: 30px 20px;
}

.arlo-event-template-summary-and-al * {
  color: white !important;
}

/* Style the summary box on the course image */
.arlo-event-template-summary-and-al.p-t-30.p-b-30 {
  background-color: #00349b !important; /* Branded dark blue */
  color: #ffffff !important;            /* Force white text */
}

/* Target all child elements (text, spans, icons, etc.) */
.arlo-event-template-summary-and-al.p-t-30.p-b-30 *,
.arlo-event-template-summary-and-al.p-t-30.p-b-30 p,
.arlo-event-template-summary-and-al.p-t-30.p-b-30 span {
  color: #ffffff !important;
}

.arlo-event-template-summary-and-al.p-t-30.p-b-30 {
  background-color: #00349b !important;
  backdrop-filter: none !important; /* remove blur if present */
}
/* Base button styling */
.arlo-event-template-summary-and-al.p-t-30.p-b-30 a.button {
  background-color: #00349b !important;
  color: #ffffff !important;
  border: none !important;
}

/* Button hover */
.arlo-event-template-summary-and-al.p-t-30.p-b-30 a.button:hover {
  background-color: #002a7e !important;
  color: #ffffff !important;
}

/* Change the purple date box to brand blue on mobile Arlo event listings */
@media screen and (max-width: 768px) {
    /* Target only Arlo templates */
    #arlo .date.bg-primary {
        background-color: #0033A0 !important; /* Replace with your brand blue */
    }
}

/* EVENT PAGE */
.arlo#arlo .button {
    font-size: 1.4rem;
    font-weight: bold;
    color: #00349B;
}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
    padding: 0!important;
}
.entry-meta {
    display: none;
}

.arlo-advertised-price {
    display: none!important;
}
.tdw-duration {
  position: absolute;
    bottom: 0;
    font-size: 2rem;
    width: 483px;
    background-image: url("https://fectraining.co.uk/wp-content/uploads/2025/08/hero-duration-bg.png");
    background-repeat: no-repeat;
    height: 397px;
  padding: 0!important;
  margin: 0!important;
}
.arlo-advertised-duration {
    position: absolute;
    bottom: 0;
    padding: 30px;
    color: white;
}
.arlo-advertised-duration, .arlo-advertised-price {
    opacity: 1!important;
}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
    padding: 0!important;
}
.entry-meta {
    display: none;
}
.ast-container, .ast-container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.page .entry-header {
    margin-bottom: 0;
    position: absolute;
    padding: 20px 50px;
    z-index: 9999;
}
.arlo .arlo-event-template-summary-and-al {
    border-radius: 0!important;
}
.course-dets {
    background: #00349b;
    color: white;
    padding: 5%;
}
.course-dets h2, .course-dets h3, .arlo-advertised-duration {
    font-family: Axiforma Book,Helvetica,Arial,sans-serif!important;
}
.course-dets h2 {
	color: #00d4f7!important;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.column.book-info {
    padding-right:5%;
}
.sub-head {
    color: #00d4f7;
    padding: 30px 0 0;
}
p.reg-dets {
    font-style: italic;
  font-size: 1.2rem;
  text-align: right;
}
p.email-book {
    color: white;
}
p.email-book {
    background-image: url("https://fectraining.co.uk/wp-content/uploads/2025/08/email-bg.png");
    background-repeat: no-repeat;
    padding: 27px;
    text-align: right;
    background-position-x: right;
    font-size: 1.3rem;
    position: relative;
    /*top: -35px;*/
    margin: 0 !important;
}

.tdw-container {
    background: #00349b;
    display: inline-flex;
    align-items: center;
}

.tdw-left,
.tdw-right {
  overflow: hidden;
  background: #00349b;
  padding: 30px;
}

.tdw-left {
  width: 60%;
  float: left;
  text-align: center;
}

.tdw-right {
  width: 40%;
  float: right;
}
.tdw-left p.email-book {
    text-align: center;
    background-position-x: center;
}
p.reg-dets.book {
    text-align: center;
    color: #00d4f7;
}

.container50 {
  background: #00349b;
}

.left50,
.right50 {
  overflow: hidden;
  background: #00349b;
  padding: 30px;
}

.left50 {
  width: 50%;
  float: left;
  min-height: 500px;
}

.right50 {
  width: 50%;
  float: right;
  min-height: 500px;
}

.tdw-testimonial {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 8px;
  background-color: white;
}
    
.test-top {
    grid-column: span 2 / span 2;
}

.test-quote {
    grid-column: span 2 / span 2;
    grid-row-start: 2;
    padding: 0 20px;
    color: #00349b !important;
    font-size: 1.2rem;
}

.test-person {
    grid-row-start: 3;
    padding: 20px;
    color: #00d4f7;
    font-size: 1.1rem;
    line-height: 1.3rem;
}

.test-bot {
    grid-row-start: 3;
  position: relative;
}
.bottom-right-image {
    position: absolute;
    bottom: 0;
    right: 0;
}

.course-line {
    background: #00349B;
    text-align: center;
}
.course-line img {
    padding: 60px 0;
    width: 70%;
}
.tdw-duration-mob {
    display: none;
}

/* event mobile */
@media (min-width: 922px) {
.ast-container {
    max-width: 100%;
}
  .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
        margin: 0!important;
    }
}

@media screen and (max-width: 544px) {
.page .entry-header {
    padding: 20px;
}
.ast-separate-container #content .ast-container {
    padding-left: 0;
    padding-right: 0;
}
#page {
    background: #00349B;
}
.column {
    /* float: left; */
    width: 100%;
    padding: 0 20px;
}
.column.book-info {
    padding: 0 20px 20px;
}
p.reg-dets {
    /* font-style: italic; */
    /* font-size: 1.2rem; */
    text-align: center;
}
p.email-book {
    text-align: center;
    background-position-x: center;
}
.left50 {
    width: 100%;
    float: none;
    min-height: fit-content;
}
.right50 {
    width: 100%;
    float: none;
    min-height: fit-content;
}
  .tdw-container {
    display: block;
}
.tdw-left {
    width: 100%;
    float: none;
    text-align: center;
}
.tdw-right {
    width: 100%;
    float: none;
}
.tdw-duration {
    display: none;
}
.tdw-duration-mob {
    display: block;
    background-color: #00349B;
    color: white;
    padding: 20px;
}
  
}/* end query */


/* event mobile end */


/* EVENT PAGE END */