/*Needs to stay - Start*/

/* 2026 Site-specific changes */
/* Global top header */
.header-fragments {
    background-color: #4A874A !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.15);
}

/* Homepage section headers: green sections only */
body .content-fragment-page.common-home .simple-blog-post-list.content-fragment.with-header .content-fragment-header,
body .content-fragment-page.common-home .ib-latest-jobs.content-fragment.with-header .content-fragment-header,
body .content-fragment-page.common-home .thread-list.content-fragment.with-header .content-fragment-header {
    background-color: #4A874A !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-left: -1px;
    margin-right: -1px;
}

/* Films stays grey but gets the same width fix */
body .content-fragment-page.common-home .ib-latest-gallery-images.content-fragment.with-header .content-fragment-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-left: -1px;
    margin-right: -1px;
}

/* Homepage main section cards only */
body .content-fragment-page.common-home .simple-blog-post-list.content-fragment,
body .content-fragment-page.common-home .ib-latest-jobs.content-fragment,
body .content-fragment-page.common-home .thread-list.content-fragment,
body .content-fragment-page.common-home .ib-latest-gallery-images.content-fragment {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 6px;
}

/* .content-fragment { margin: 10px; } */
.layout-content.split-content .layout-region.content .content-fragment,
.layout-content.header-top-split-content .layout-region.content .content-fragment
{ margin-right: 5px; }

.layout-content.split-content .layout-region.right-sidebar .content-fragment,
.layout-content.header-top-split-content .layout-region.right-sidebar .content-fragment
{ margin-left: 5px; }
.ib-job-description ul {list-style: disc !important; font-size:15px; padding-left: 16px; margin-top: 12px; margin-bottom: 12px;}
li {line-height:22px;}
/*css to youtube embedded iframes render responsively */
iframe[src*="youtube"] {
  aspect-ratio: 16 / 9;
  /* Overrides inline width and height attrs in the default embed code */
  width: 100% !important;
  height: auto !important;
}

/*Needs to stay - End*/
/* ag increase vertical space between invoice logo and following text */
.ib-invoice .address {padding-top:20px}

/*ag styling for job expired text*/
   p.ib-job-expired {
   font-size:16px;
   text-align:center;
   margin-top:20px;}
p.ib-job-expired-sub1 {
   text-align:center;
   font-size:24px;
   font-weight:bold;}
p.ib-job-expired-sub2 {
   text-align:center;
   font-size:16px;
   margin-bottom:20px;}


/* ag add responsive styling for blue box and black box title bars */

@media (max-width: 979px) { 
.content-fragment-page .blue-box.split .left-split 
    {display: block;}
.content-fragment-page .blue-box.split .right-split
    {display: none;}
}

/* ag blog list and post changes */
.blog-post-list .abbreviated-post .post-summary {
font-size:1.1em;
line-height:1.3em;
text-align:justify; }
.blog-post-list .post-name .internal-link.view-post {
font-size:1.25em;
}

/* Arlo blog post changes */
form[action^='/news/b/veterinary-news'] .blog-post .post-content h2 img {padding:3px 0px 20px 10px;}
form[action^='/news/b/veterinary-news'] .blog-post .post-content h2  {padding-top: 0.5em !important; line-height:21px !important; font-weight:normal; margin:0 0 .5em 0; padding-bottom:0px; font-size:1.3em !important}
form[action^='/news/b/veterinary-news'] .blog-post .full-post .post-content p {font-size:15px; line-height:20px}
form[action^='/news/b/veterinary-news'] .content-fragment.blog-post .post-date {margin-left:33px; font-weight:normal}
form[action^='/news/b/veterinary-news'] .content-fragment.blog-post .full-post .post-author {padding-top:0px}

@media only screen and (max-width: 900px) {
    form[action^='/news/b/veterinary-news'] .blog-post .post-content h2 img {padding:0px; float:initial !important; margin-right: 453px !important; margin-bottom:10px !important;}
    form[action^='/news/b/veterinary-news'] .blog-post .post-content h2  {padding-top: 0.5em !important}
}

/* Arlo reduce spacing between job details on fp list */
.ib-latest-jobs .ib-job-type {margin-left: 3px;}

/* Arlo reduce heading font-size fp widgets so that they don't misalign on mobile */
.content-fragment.with-header .content-fragment-header {font-size: 1.440em}
    /*Done - End*/

/* enforce min font size for form fields to prevent iOS zooming on focus */
.single-column input[type="color"],
.single-column input[type="date"],
.single-column input[type="datetime"],
.single-column input[type="datetime-local"],
.single-column input[type="email"],
.single-column input[type="month"],
.single-column input[type="number"],
.single-column input[type="password"],
.single-column input[type="search"],
.single-column input[type="tel"],
.single-column input[type="text"],
.single-column input[type="time"],
.single-column input[type="url"],
.single-column input[type="week"],
.single-column select:focus,
.single-column textarea {
  font-size: 16px !important;
}

/* create / edit post styling */
.content-fragment.create-edit-post.with-header .content-fragment-header {
    /*background-color: -evo-themeconfig-color('headingBackgroundColor', #407d40);*/
    background-color: #407d40;
    padding: 0 1rem;
    border: 0;
}

.content-fragment.create-edit-post.with-header .content-fragment-header > div {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    /*color: -evo-themeconfig-color('headingForegroundColor', #fff);*/
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.5rem 0;
}
/* Arlo added when removed strapline from logged in home page */
.ib-user-info .ib-user-info-welcome {
  font-size: 20px !important;
  color: #333 !important;
}
/* IMPORTANT:
   Do NOT reintroduce global .modal height/overflow rules.
   They break contextual admin dialogs (Save button becomes unreachable).
*/
/* Widen contextual-admin modals safely (no height/overflow hijack) */
body.contextual-administration-active .modal {
  width: min(92vw, 1100px) !important;
  max-width: 1100px !important;
  min-width: 700px !important;

  left: 50% !important;
  transform: translateX(-50%) !important;
}
/* --- this content generated by chatgpt in order to fix modal window in 4roads widget in galleries. Can be commmented out after use if affecting other areas of site. Make the content area flex so it can grow --- */
.modal .modal-content,
.modal .modal-content-2 {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;      /* critical to allow child to stretch */
  overflow: hidden !important;
  width: 100% !important;
}

/* --- Force the nested wrappers to fill the height --- */
.modal .modal-content-2 > div,
.modal .modal-content-2 > div > div {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* --- Make the iframe fill the available space (overrides inline size) --- */
.modal .modal-content-2 iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* Header/footer keep natural size */
.modal .modal-title,
.modal .modal-footer {
  flex: 0 0 auto !important;
}

/* Hide the duplicate empty modal (if it appears) */

/* Fallback: nuke the tiny duplicate */
.modal[style*="width: 48px"], .modal[style*="height: 69px"] { display: none !important; }


 /* 2026 CHANGES */
/* =========================================================
   FORUM THREAD BODY — threaded-thread (your actual class)
   ========================================================= */

/* Thread page: first post + replies (broad but safely scoped to the thread fragment) */
.content-fragment.threaded-thread p,
.content-fragment.threaded-thread .content p,
.content-fragment.threaded-thread .content .content p,
.content-fragment.threaded-thread .post-content p,
.content-fragment.threaded-thread .post-body p,
.content-fragment.threaded-thread .full-post p,
.content-fragment.threaded-thread .reply p,
.content-fragment.threaded-thread .comment p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 0 0.6em 0 !important;
  color: #11171a !important;
}

/* Quotes inside threads */
.content-fragment.threaded-thread blockquote p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}
/* tidying up blue posting box */
/* === Forum quick-post title field: spacing + hide legacy label + stop overlap === */

/* 1) Hide the legacy label ("Case Title") for the quick-post title field */
.quick-post.content-fragment label.field-item-header[for*="QuickpostForumTitle"] {
  display: none !important;
}

/* 2) Add breathing room around the title input wrapper */
.quick-post.content-fragment .field-item-input {
  display: block !important;
  margin: 10px 0 14px 0 !important; /* space above/below the input */
}

/* 3) Neutralise the "highlighter" wrapper that uses inline absolute positioning */
.quick-post.content-fragment .field-item-input .highlighter {
  position: relative !important;
  height: auto !important;
  margin: 0 !important;
}

/* 4) Force the title control to behave like a normal single-line input */
.quick-post.content-fragment textarea[id*="QuickpostForumTitle"] {
  position: relative !important;   /* override inline absolute */
  top: auto !important;
  left: auto !important;

  display: block !important;
  width: 100% !important;

  height: 44px !important;         /* fixed height prevents “expanding over Choose a category” */
  min-height: 44px !important;
  max-height: 44px !important;

  padding: 10px 12px !important;
  box-sizing: border-box !important;

  overflow: hidden !important;
  resize: none !important;

  line-height: 22px !important;    /* keeps text vertically sane */
}

/* 5) Make focus ring behave (aligned) */
.quick-post.content-fragment textarea[id*="QuickpostForumTitle"]:focus {
  outline: none !important;         /* kill the misaligned browser outline */
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.85) !important; /* consistent focus cue */
}

/* 6) Telligent highlighter “mirror” div sometimes adds an extra border/overlay.
      Hide it so only ONE box exists visually. */
.quick-post.content-fragment .field-item-input .highlighter > div {
  display: none !important;
}

/* 7) Add a touch of space before the category label/buttons */
.quick-post.content-fragment label.field-item-header[for*="_ForumSelect"],
.quick-post.content-fragment label.field-item-header[for*="ForumSelect"] {
  display: block !important;
  margin-top: 10px !important;
}
/* make white box stay in all states */
/* Keep quick-post title box white in ALL states (hover/focus/typing) */
.quick-post.content-fragment .field-item-input .highlighter,
.quick-post.content-fragment .field-item-input .highlighter:hover,
.quick-post.content-fragment .field-item-input .highlighter:active,
.quick-post.content-fragment .field-item-input .highlighter:focus-within,
.quick-post.content-fragment .field-item-input .highlighter:focus-within:hover,
.quick-post.content-fragment .field-item-input .highlighter:focus-within:active,
.quick-post.content-fragment .field-item-input .highlighter > div,
.quick-post.content-fragment .field-item-input .highlighter > div:hover,
.quick-post.content-fragment .field-item-input .highlighter > div:active {
  background-color: #ffffff !important;
}

/* The title control itself */
.quick-post.content-fragment textarea[id*="QuickpostForumTitle"],
.quick-post.content-fragment textarea[id*="QuickpostForumTitle"]:hover,
.quick-post.content-fragment textarea[id*="QuickpostForumTitle"]:active,
.quick-post.content-fragment textarea[id*="QuickpostForumTitle"]:focus {
  background-color: #ffffff !important;
  color: #11171a !important;
  -webkit-text-fill-color: #11171a !important;
}
/* =========================================================
   HOME PAGE SECTION HEADER ICONS (the :before rules you found)
   Replaces iconNew.gif / iconJobs.gif / iconForums.gif with PNGs
   ========================================================= */

/* NEWS block on home page */
.content-fragment-page.common-home .simple-blog-post-list .content-fragment-header div:before,
.content-fragment-page.home .simple-blog-post-list .content-fragment-header div:before {
  background-image: url('/cfs-filesystemfile/__key/themefiles/f-s-1134eea604aa486c8f95a0e35f422581-files/iconNews.png?v=home1') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* JOBS block on home page */
.content-fragment-page.common-home .ib-latest-jobs .content-fragment-header div:before,
.content-fragment-page.home .ib-latest-jobs .content-fragment-header div:before {
  background-image: url('/cfs-filesystemfile/__key/themefiles/f-s-1134eea604aa486c8f95a0e35f422581-files/iconJobsV2.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* FORUMS / DEBATE block on home page (thread list) */
.content-fragment-page.common-home .thread-list .content-fragment-header div:before,
.content-fragment-page.home .thread-list .content-fragment-header div:before {
  background-image: url('/cfs-filesystemfile/__key/themefiles/f-s-1134eea604aa486c8f95a0e35f422581-files/iconForums.png?v=home1') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* FILMS block on home page */
.content-fragment-page.common-home .ib-latest-gallery-images .content-fragment-header div:before,
.content-fragment-page.home .ib-latest-gallery-images .content-fragment-header div:before {
    background-image: url('/cfs-filesystemfile/__key/themefiles/f-s-1134eea604aa486c8f95a0e35f422581-files/iconFilms.png?v=2') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

/* =========================================
   Home page section icons – balanced size
   ========================================= */

/* icon size + vertical centering */
.content-fragment-page.home .content-fragment-header div:before,
.content-fragment-page.common-home .content-fragment-header div:before {
    width: 48px !important;
    height: 48px !important;

    background-size: cover !important;
    background-position: center center !important;

    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* spacing between icon and title */
.content-fragment-page.home .content-fragment-header div,
.content-fragment-page.common-home .content-fragment-header div {
    padding-left: 12px !important;
}

/* BLOG POST RELATED NEWS */

.vs-related-news {
  margin: 32px 0 28px;
}

.vs-related-news__title {
  margin: 0 0 14px;
  font-size: 1.9rem;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
}

.vs-related-news__grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -14px;
}

.vs-related-news__item {
  box-sizing: border-box;
  display: block;
  width: 50%;
  padding: 0 14px 12px;
  line-height: 1.3;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  color: #001a26;
}

.vs-related-news__item:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .vs-related-news__item {
    width: 100%;
    padding-bottom: 10px;
  }
}
.post-share {
  margin: 10px 0 12px;
}
/*Post share on news stories */
.post-share .a2a_kit {
  display: flex;
  gap: 6px;
}
.content-fragment.blog-post .full-post .post-name {
  margin: 7px 0 -8px 0;
}
.content-fragment.blog-post .full-post .post-author .avatar {
  top: 8px;
}
/* BLOG POST TAGS */
.vs-post-tags {
    margin-top: 20px;
}

.vs-post-tags-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
    color: #444;
}

.vs-post-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vs-post-tag {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    background: #f2f2f2;
    border-radius: 3px;
    text-decoration: none;
    color: #555 !important;
}

.vs-post-tag:hover {
    background: #e6e6e6;
}

/*NEWS TAGS */
.news-topic-header{
    margin:20px 0 28px 0;
}

.news-topic-title{
    font-size:28px;
    font-weight:700;
    color:#001a26;
    margin-bottom:6px;
}

.news-topic-back a{
    font-size:14px;
    color:#a5160f;
    text-decoration:none;
}

.news-topic-back a:hover{
    text-decoration:underline;
}