/*
Theme Name: Child Theme
Author: STFC
Description: <themeDescription>
Version: 1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.0
Text Domain: UKRI
Template: masters-theme
*/

body {
    background: #2a6fad !important;
}

/* .header .logo svg,
.header .logo img {

    max-width: 100px !important;

}
*/
.footer  img{
     max-width: 240px !important;
} 

.footer  {
    background-color: #003c68 !important;
    color: #fff;
} 

.footer  a, .footer li a{
     color: #fff !important;
}

.bg-blue{
    background-color: #4da4c1 !important;
}

.bg-white .btn-primary {
    color: #FFF;
    background-color: #497b8c !important;
}

.bg-white .btn-primary:hover,
.bg-white .btn-primary:focus {

    background-color: #85b3c2 !important;
}

.flex-panel.bg-accent .btn.btn-primary {
    background-color: #85b3c2 !important;
    color: #FFF !important;
    border: 2px solid #FFF;

}

.flex-panel.bg-accent .btn.btn-primary span {

    color: #FFF !important;

}

.flex-panel.bg-accent .btn.btn-primary:focus,
.flex-panel.bg-accent .btn.btn-primary:hover {
    border-color: #EEE !important;
    background-color: #FFF !important;
    color: #85b3c2 !important;
}


.flex-panel.bg-accent .btn.btn-primary:hover span,
.flex-panel.bg-accent .btn.btn-primary:focus span {

    color: #85b3c2 !important;

}
 

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2b6fad !important;
}


.text-light-blue {
    color: #303f44 !important;
}


  .facetwp-facet {
    margin-bottom: 0 !important;
}

.hero-panel .pt-lg-5{
    padding-bottom: 3rem !important;

}

.slider-item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;      /* or whatever ratio you prefer */
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-item-img {
    width: 100%;
    height: 100%;
    object-fit: contain;       /* full image inside the box, letterboxed if needed */
}


.flex-panel .bg-contain{
    background-color: transparent !important;
}

 .facetwp-facet .fs-options {
    border-radius: 14px;
    padding: 10px 28px;
    font-weight: bold;
    color: #FFF;
    background-color: #303f44;
    border: 0 !important;
    white-space: nowrap;
    width: 240px;
    gap: 12px;
    display: flex;
    flex-direction: column;
}

.cta-panel.bg-grey a {
    border: 1px solid transparent;
    background: #85b3c2;
    color: #303f44;
}

/* ////// CF7 ////// */

.cf7-accessible-form {
  max-width: 100%;
  color: #1f225c;
}

/* Main vertical rhythm */
.cf7-accessible-form .form-group,
.cf7-accessible-form .form-fieldset {
  margin: 0 0 1.75rem;
}

.cf7-accessible-form fieldset {
  border: 0;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

/* Labels and headings */
.cf7-accessible-form label,
.cf7-accessible-form legend {
  display: block;
  margin: 0 0 0.45rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1f225c;
}

.cf7-accessible-form legend {
  font-size: 1.45rem;
  margin-bottom: 0.75rem;
}

/* Help text */
.cf7-accessible-form .field-help {
  margin: 0 0 0.85rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #1f225c;
}

/* Text inputs */
.cf7-accessible-form input[type="text"],
.cf7-accessible-form input[type="email"] {
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 0.75rem;
  border: 1px solid #1f225c;
  border-radius: 0;
  background: #fff;
  color: #111;
  font-size: 1rem;
  line-height: 1.5;
}

/* Radio and checkbox layout */
.cf7-accessible-form .radio-row .wpcf7-form-control,
.cf7-accessible-form .checkbox-row .wpcf7-form-control {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 2rem;
  align-items: center;
}

.cf7-accessible-form .checkbox-row .wpcf7-form-control {
  display: block;
}

.cf7-accessible-form .wpcf7-list-item {
  margin: 0;
}

.cf7-accessible-form .wpcf7-list-item label,
.cf7-accessible-form .wpcf7-acceptance label {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #1f225c;
  cursor: pointer;
}

/* Control size: WCAG-friendly target */
.cf7-accessible-form input[type="radio"],
.cf7-accessible-form input[type="checkbox"] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin: 0.05rem 0 0;
  cursor: pointer;
}

/* Hide bad injected labels if your plugin/theme is adding them */
.cf7-accessible-form .wpcf7-list-item > label > label,
.cf7-accessible-form .wpcf7-acceptance > label > label {
  display: none !important;
}

/* Remove unwanted generated field labels if present */
.cf7-accessible-form label[for^="cf7-mailing-list"],
.cf7-accessible-form label[for^="cf7-licensing-acceptance"],
.cf7-accessible-form label[for*="mailing-list"],
.cf7-accessible-form label[for*="licensing-acceptance"] {
  display: none !important;
}

/* Focus states */
.cf7-accessible-form input:focus,
.cf7-accessible-form input[type="submit"]:focus {
  outline: 3px solid #005fcc;
  outline-offset: 3px;
}

/* Submit area */
.cf7-accessible-form .form-submit {
  margin-top: 1.5rem;
  text-align: center;
}

.cf7-accessible-form input[type="submit"] {
  min-width: 160px;
  min-height: 48px;
  padding: 0.7rem 1.5rem;
  border: 2px solid #4aa7c4;
  border-radius: 4px;
  background: #4aa7c4;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.cf7-accessible-form input[type="submit"]:hover {
  background: #398fa9;
  border-color: #398fa9;
}

/* Validation */
.cf7-accessible-form .wpcf7-not-valid {
  border-color: #b00020 !important;
}

.cf7-accessible-form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 0.4rem;
  color: #b00020;
  font-size: 1rem;
  line-height: 1.4;
}

.cf7-accessible-form .wpcf7-response-output {
  margin: 1rem 0 0;
  padding: 1rem;
  border-width: 2px;
  font-size: 1rem;
  line-height: 1.5;
}

/* Mobile */
@media (max-width: 600px) {
  .cf7-accessible-form .radio-row .wpcf7-form-control {
    display: block;
  }

  .cf7-accessible-form .wpcf7-list-item {
    display: block;
    margin-bottom: 0.65rem;
  }

  .cf7-accessible-form legend {
    font-size: 1.25rem;
  }

  .cf7-accessible-form .form-submit {
    text-align: left;
  }
}

.wpcf7-checkbox input{
    position: absolute;
    left:0;
    top: 5px;
}
.wpcf7-checkbox  .wpcf7-list-item{
    padding-left: 30px !important;
}