@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap');
/*Needs to stay - Start*/
.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*/

/*Done - Start*/
/* ag change to job icon styling after recategorising practice manager class 
.ib-joblist .dJobsHeader div.list-item-image-search.veterinary-practice-manager .animal, .ib-userjobs .dJobsHeader div.list-item-image-search.veterinary-practice-manager .animal {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://www.vetsurgeon.org/cfs-filesystemfile/__key/themefiles/f-s-1134eea604aa486c8f95a0e35f422581-files/iconanimal.png?_=639081430293723421);
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: -261px;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    height: 52px;
    min-height: 52px;
    width: 50px;
}*/
/* NOT SURE WHAT THIS DOES TEST REMOVE
.layout-content.content-left-sidebar-right .layout-region.content .content-fragment,
.layout-content.sidebar-left-content-right .layout-region.left-sidebar .content-fragment,
.layout-content.sidebar-left-content-center-sidebar-right .layout-region.left-sidebar .content-fragment,
.layout-content.sidebar-left-content-center-sidebar-right .layout-region.content .content-fragment,
.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.content .content-fragment,
.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-left .content-fragment,
.layout-content.header-top-content-left-sidebar-right .layout-region.content .content-fragment,
.layout-content.header-top-sidebar-left-content-right .layout-region.left-sidebar .content-fragment,
.layout-content.header-top-sidebar-left-content-center-sidebar-right .layout-region.left-sidebar .content-fragment,
.layout-content.header-top-sidebar-left-content-center-sidebar-right .layout-region.content .content-fragment,
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.content .content-fragment,
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-left .content-fragment
{ margin-right: 0; }
 */                               
/* NOT SURE WHAT THESE DO
.layout-region.header .content-fragment { margin-right: 0; margin-left: 0; }

.content-fragment.no-wrapper { margin: 0; }
.content-fragment.side-border-only { margin-top: 0; margin-bottom: 0; }
.content-fragment.top-side-border-only { margin-bottom: 0; }
.content-fragment.side-bottom-border-only { margin-top: 0; }

.header-fragments-footer { height: 1px;}
.header-fragments-footer { border-bottom: 4px solid #FFCC00;}

.ib-user-info-stats a {color: #990000;}

.browse-forums tr.even, .content-fragment.thread-list tr.even, .content-fragment.blog-post-list .content-list.standard .content-item.even {
    background: none repeat scroll 0 0 #f1f1f1;
}

.content-fragment.forum-links .navigation-item .internal-link span {
    background-image: url(https://www.vetsurgeon.org/cfs-filesystemfile/__key/themefiles/f-s-1134eea604aa486c8f95a0e35f422581-files/icons16x16.png?_=639081430294107120);
    background-repeat: no-repeat;
    height: 33px;
    left: 0;
    line-height: 16px;
    position: absolute;
    top: -11px;
    width: 16px;
}
        .content-fragment.thread .full-post .post-main-content .post-author-user-cell .post-date { font-size: 16px; padding-top: 13px; padding-bottom: 0px; }
.content-fragment.thread .full-post .post-main-content .post-author-user-cell .post-host-address { font-size: 8px; padding-top:6px; padding-bottom:4px; }
.content-fragment.thread .full-post .post-main-content .post-author-user-cell .post-date .replied-on { display: block;    font-size: 11px; padding-right: 5px; }
.content-fragment.thread .full-post .post-author .points-and-posts { font-size: 11px; margin-bottom: 12px; }
.content-fragment.thread .full-post .post-content a:link, a:active, a:visited {text-decoration:underline;}
.content-fragment.thread .full-post .post-content a:hover {text-decoration:none;}

.header-fragments-footer {height:1px}


.content-fragment.thread .post-like { line-height: 23px; margin-left:0px; }

.content-fragment.blog-post .full-post .post-content a:link, a:active, a:visited {text-decoration:underline;}
.content-fragment.blog-post .full-post .post-content a:hover {text-decoration:none;} */

/* arlos */

/* move right sidebar up sitewide when no spacing on body content banner */
/*.layout-region-inner.right-sidebar {margin-top:-10px;}*/
/* gallery restyle media gallery - title widget to hide rss and have yellow background */
/*.content-fragment-page.media-post .content-fragment.media-gallery-banner .application-banner .application-name {border: 1px solid #e0e0e0;color: #ffffff;border-radius:4px;font-size:1.462em;font-weight:bold;padding:8px 20px 14px 80px;text-transform: none;}

/*.media-gallery-banner .navigation-item.rss {display:none}

/* ag forum post lift write widget up so level with rh margin widget */
/*.content-fragment.thread.full-border.with-header {margin-top:0px}
.content-fragment.create-edit-post.full-border.with-header {margin-top:0px} */

/* REMOVE ag forum post lift write widget up so level with rh margin widget 
.content-fragment.thread .full-post .user-signature {
    border-top: 1px solid #c0c0c0; margin-top:12px}
.content-fragment.thread .full-post .user-signature:empty {display:none}

/* REMOVE ag consolidation and correction of previous yellow banner css 

.ib-gallery-subtitle {
    background: url("/cfs-file.ashx/__key/themefiles/s-1134eea604aa486c8f95a0e35f422581-files/sub_2D00_banner_2D00_pin.png") no-repeat scroll 12px center #ffcc00;
    border: 1px solid #e0e0e0;
    color: #925454;
    font-size:1.1em;
    line-height: 20px;
    font-weight:normal;
}
 .content-fragment.ib-dynamic-form label {
        font-size: 14px;
        font-weight: bold;
        margin-top: 12px;
        display: inline-block;
    }

.wikibox ul {background-color: #fdefb5; padding: 10px 15px 10px 0px; border: 1px solid #990000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:140%; padding-left:28px}
.wikibox li {margin-bottom: 10px;} */

/* ag correction of search results css */
/*.search-results .content-item .event .post-title {margin-left:93px}

/* vetsurgeon jobs front page widget
.content-fragment.with-header.ib-latest-jobs .content-fragment-header {background:#333a3b}
.content-fragment.with-header.ib-latest-jobs .content-fragment-top .r4 {background-color:#333a3b}
.content-fragment.with-header.ib-latest-jobs .content-fragment-top .r3 {background-color:#333a3b}
.content-fragment.with-header.ib-latest-jobs .content-fragment-top .r2 {background-color:#333a3b}
.content-fragment.with-header.ib-latest-jobs .content-fragment-top .r1 {background-color:#333a3b}
.content-fragment.with-header.ib-latest-jobs .content-fragment-header div {color:#FFCC00}
.content-fragment.with-header.ib-latest-jobs .content-fragment-header a {color:#FFCC00}
.content-fragment-page.common-home .ib-latest-jobs .content-fragment-header div::before, .layout-region.content .ib-latest-jobs .content-fragment-header div::before {
    background: #fff url(https://www.vetsurgeon.org/cfs-filesystemfile/__key/themefiles/f-s-1134eea604aa486c8f95a0e35f422581-files/iconJobs.gif?_=639081430293879297) no-repeat scroll 0 0; border: 5px solid #7b888a;}
*/
/* error message colour */
/*.field-item-validation {
    color: #ff0033;
    font-weight: bold;
} */
/* job banner font and spacing */
/*.content-fragment .job-banner ul {
    font-size: 1.2em;
    letter-spacing: -1px;
    list-style: outside none none;}
.content-fragment .job-banner li {
    margin-bottom:6px} */


/* REMOVE - IN STYLE SHEET ag changes to news to make more readable
.blog-post .full-post .post-content p {
   font-size:14px;
   margin-bottom:10px;
   line-height:19px !important;} */
/* 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;
}
/* --- Modal container: big enough except it screws up the job section title area modal window and needs to be removed before editing to reveal save button --- */
/*.modal {
  position: fixed !important;
  left: 50% !important;
  top: 6vh !important;
  transform: translateX(-50%) !important;

  width: min(92vw, 1100px) !important;
  height: min(92vh, 1000px) !important;

  min-width: 700px !important;
  min-height: 520px !important;

  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  z-index: 2147483647 !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; }

/* testing system font 
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.content-fragment {
  font-family: inherit !important;
} */
/* === Sitewide font override (wins against legacy theme rules) === */
html, body,
.content-fragment,
h1, h2, h3, h4, h5, h6,
input, select, textarea, button {
  font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
/* Force font on blog captions */
.simple-blog-post-list .content-fragment-content .ib-posts > .simple-blog-post-list-item a .article-info .caption {
  font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
/* Improve readability of article body text */
.simple-blog-post .content-fragment-content p {
  line-height: 1.55;
}
.content-fragment-page.post .content-fragment.blog-post 
.full-post .post-content.user-defined-markup h2 {

  font-size: 1.25em !important;   /* ~17.5px if base is 14px */
  font-weight: 600;               /* stronger intro */
  line-height: 1.5;               /* let it breathe */
  margin: 0 0 0.8em 0;
  padding: 0;
}