/* =========================================================
   UFV Legacy Rebrand Overrides
   Loaded after all legacy CSS files.
   Purpose: colour/typography reskin only; avoid layout changes.
   ========================================================= */


/* Rebrand tokens
   Use CSS variables so colours are easy to change later.
--------------------------------------------------------- */
:root {
  --ufv-brand-deep-green: #17382b;
  --ufv-brand-valley-green: #006d56;
  --ufv-brand-leaf-green: #00a055;
  --ufv-brand-lichen-green: #bdefdd;
  --ufv-brand-orange: #ff8a65;
  --ufv-brand-yellow: #ffe164;
  --ufv-brand-purple: #ed9eff;
  

  --ufv-neutral-charcoal: #333;
  --ufv-neutral-grey: #f4f4f2;
  --ufv-neutral-mushroom: #f6f4ea;
  --ufv-neutral-white: #fff;
 
/* Semantic design tokens for legacy CSS classes */

--ufv-text:              var(--ufv-brand-charcoal);

  --ufv-link:              var(--ufv-brand-valley-green);
  --ufv-link-hover:        var(--ufv-brand-deep-green);

  --ufv-heading:           var(--ufv-brand-valley-green);

  --ufv-nav-background:    var(--ufv-brand-deep-green);
  --ufv-nav-text:          var(--ufv-neutral-white);

  --ufv-button-primary:        var(--ufv-brand-valley-green);
  --ufv-button-primary-hover:  var(--ufv-brand-deep-green);

  --ufv-button-secondary:      var(--ufv-brand-orange);

  --ufv-sidebar-active:        var(--ufv-brand-valley-green);

  --ufv-footer-background:     var(--ufv-brand-deep-green);
  --ufv-footer-text:           var(--ufv-neutral-mushroom);

}

/* Typography - global font family overrides
    font is linked in head of each page, so we can use it here 
    
    ------------------------------------------------------------*/

:root {
  --ufv-font-body: 'Utile', sans-serif;
  --ufv-font-heading: 'Utile', sans-serif;
}

body {
  font-family: var(--ufv-font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ufv-font-heading); color: var(--ufv-heading); font-weight: 600;
}

a { color: var(--ufv-link); text-decoration: none; font-weight: normal; }
a:hover { color: var(--ufv-brand-deep-green); text-decoration: underline; }

:is(h1, h2, h3, h4, h5, h6, p) a {
  color: var(--ufv-link);
  text-decoration: underline;
}

:is(h1, h2, h3, h4, h5, h6, p) a:hover,
:is(h1, h2, h3, h4, h5, h6, p) a:focus {
  color: var(--ufv-link-hover);
  text-decoration-thickness: 2px;
}

.right-line {color: var(--ufv-heading); font-family: var(--ufv-font-heading); font-weight: 600; }
.right-line:after {background-color: var(--ufv-brand-lichen-green); } 

hr {
  border-top: 2px solid var(--ufv-neutral-grey);
}
h1.section-name {
  font-weight: 600;
}

/* GLOBAL HEADER STYLE OVERRIDES - COLOUR ONLY */

.ufv-top-nav { background-color: var(--ufv-brand-valley-green); /*border-bottom: 1px solid var(--ufv-brand-valley-green);*/}
.ufv-top-nav a:hover {color:var(--ufv-brand-deep-green); }
.ufv-users ul li a {color: var(--ufv-neutral-white); font-family: var(--ufv-font-body); font-weight:500 }
.ufv-users ul li:hover { background-color: var(--ufv-brand-deep-green);}
.ufv-users ul a:hover {color: var(--ufv-neutral-white); }
.ufv-tools ul li { background: transparent;); display: inline;}
.ufv-tools ul li a {color: var(--ufv-neutral-white); font-family: var(--ufv-font-body); font-weight:500 }
.ufv-tools ul li:hover { background-color: var(--ufv-brand-deep-green);}

#custom-search-input button.btn.btn-success {color: var(--ufv-brand-deep-green);}


.header-full-dark { background: var(--ufv-brand-deep-green); border-bottom: 1px solid var(--ufv-brand-deep-green); }
.navbar-header-full.navbar-inverse { background-color: var(--ufv-brand-deep-green); }
.navbar-default .navbar-nav > li > a { color: var(--ufv-brand-deep-green); font-family: var(--ufv-font-body); }
.navbar-default.navbar-inverse .navbar-nav > li > a:hover, .navbar-default.navbar-inverse .navbar-nav > li > a:focus, .navbar-default.navbar-inverse .navbar-nav > .active > a, .navbar-default.navbar-inverse .navbar-nav > .active > a:hover, .navbar-default.navbar-inverse .navbar-nav > .active > a:focus .navbar-default.navbar-inverse .navbar-nav > .open > a, .navbar-default.navbar-inverse .navbar-nav > .open > a:hover, .navbar-default.navbar-inverse .navbar-nav > .open > a:focus { background-color: var(--ufv-brand-lichen-green); background-image: none; color: var(--ufv-brand-deep-green); }
.navbar-collapse { background-color: var(--ufv-brand-deep-green); border-top: 2px solid var(--ufv-brand-leaf-green); }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: transparent;}

/* site title bar */
.navbar-default.navbar-inverse + .main-header { background-color: var(--ufv-neutral-white); }

.navbar-default.navbar-inverse + .main-header .page-title, html.sb-init body div#sb-site div.boxed header.main-header div.container p.page-title {color: var(--ufv-brand-purple); font-family: var(--ufv-font-heading); font-weight: 400; letter-spacing: 1px }

.navbar-default.navbar-inverse + .main-header .page-title, html.sb-init body div#sb-site div.boxed header.main-header div.container h1.page-title {
  color: var(--ufv-brand-valley-green);
  font-family: var(--ufv-font-heading);
}

html.sb-init body div#sb-site div.boxed header#header-full-top.hidden-xs.header-full-dark div.container div.col-md-3 div#custom-search-input div.input-group.col-md-12 span.input-group-btn button.btn.btn-success {
   background: var(--ufv-brand-lichen-green);
}

html.sb-init body div#sb-site div.boxed header#header-full-top.hidden-xs.header-full-dark div.container div.col-md-3 div#custom-search-input div.input-group.col-md-12 span.input-group-btn button.btn.btn-success {
  color: var(--ufv-brand-deep-green);
}

html.sb-init body div#sb-site div.boxed header#header-full-top.hidden-xs.header-full-dark div.container div.col-md-3 div#custom-search-input div.input-group.col-md-12 span.input-group-btn button.btn.btn-success:hover {
  background: var(--ufv-brand-valley-green);
}

div.breadcrumb.nobtm a { color: #777777; 
    font-family: var(--ufv-font-body); 
    color: var(--ufv-brand-deep-green); }
    div.breadcrumb.nobtm a:hover {
    color: var(--ufv-brand-deep-green);}

/* SIDE NAVIGATION  */
ul.side-links > li {background-color: var(--ufv-neutral-mushroom); }
ul.side-links > li:hover {background-color: var(--ufv-neutral-mushroom);}
ul.side-links > li > a { color: ufv-neutral-charcoal; font-family: var(--ufv-font-body); }
li span.currentbranch0 a { color: ufv-neutral-charcoal; font-family: var(--ufv-font-body); }
.currentbranch1 { font-family: var(--ufv-font-body);  }
.currentbranch1 { border-left: 3px solid var(--ufv-brand-leaf-green);}
ul.side-links li ul.multilevel-linkul-0 li ul.multilevel-linkul-1 li:hover {border-left: 1px solid var(--ufv-brand-leaf-green);}
ul.side-links > li > ul > li > a:hover, ul.side-links > li > ul > li > a:hover { border-left: 2px solid var(--ufv-brand-leaf-green);}
ul.side-links li ul.multilevel-linkul-0 li ul.multilevel-linkul-1 li:hover { border-left: 1px solid var(--ufv-brand-leaf-green);}
ul.side-links li ul.multilevel-linkul-0 li ul.multilevel-linkul-1 li a:hover { text-decoration: none; color: var(--ufv-brand-deep-green); }
li span.currentbranch0 a { color: ufv-neutral-charcoal; color: var(--ufv-brand-deep-green); font-family: var(--ufv-font-body); }
ul.side-links li ul.multilevel-linkul-0 li:hover, ul.side-links > li > ul > li:hover { color: #000; border-left: 2px solid var(--ufv-brand-leaf-green); }
ul.side-links > li > ul > li > a:hover, ul.side-links > li > ul > li > a:hover { border-left: 2px solid var(--ufv-brand-leaf-green); }
ul.side-links > li > .toggle-children:hover {background: var(--ufv-brand-deep-green);}
ul.side-links > li > ul > li > a {font-family: var(--ufv-font-body); }

/* Back to top button */

#back-top a {background-color: var(--ufv-brand-deep-green);}
#back-top a:hover {background-color: var(--ufv-brand-leaf-green);}

/* quick links in sidebar */

.list-group-item {font-family: var(--ufv-font-body),sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 6px; text-transform: none; }
#quick-links { padding: 0px; margin-bottom: 20px; }
#quick-links ul { padding: 0; margin: 0; }
#quick-links ul.pale-green li { margin: 0; margin-bottom: 10px; background-color: var(--ufv-brand-lichen-green); color: var(--ufv-brand-deep-green); font-family: var(--ufv-font-body),sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: normal; text-transform: none; padding: 12px; padding-left: 20px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; }
#quick-links ul.pale-green li:hover {background-color: var(--ufv-brand-deep-green); color: var(--ufv-brand-lichen-green);}


/* heading styles in most content boxes */

b, strong { font-family: var(--ufv-font-body); }
.ufv-cb ul, .ufv-cb ol { margin-bottom: 10px; margin-top: 10px; font-family: var(--ufv-font-body); }
.ufv-cb ul li, .ufv-cb ol li { line-height: 30px; font-size: 18px; font-family: var(--ufv-font-body); }
.ufv-cb em { margin-bottom: 30px; padding-bottom: 10px; font-family: var(--ufv-font-body); }
.ufv-cb p.h1, .ufv-cb h1 { font-size: 36px; font-family: var(--ufv-font-heading); }
.ufv-cb p.h2, .ufv-cb h2 { font-size: 32px; font-family: var(--ufv-font-heading); }
.ufv-cb p.h3, .ufv-cb h3 { font-size: 28px; font-family: var(--ufv-font-heading); }
.ufv-cb p.h4, .ufv-cb h4 { font-size: 24px; font-family: var(--ufv-font-heading); }
.ufv-cb p.h5, .ufv-cb h5 { font-size: 22px; font-family: var(--ufv-font-heading); 
  font-weight: 400;
 }
.ufv-cb p.h6, .ufv-cb h6 { font-size: 18px; font-family: var(--ufv-font-heading); 
  font-weight: 400;
 }

 .ct-page-content h5 {
    color: var(--ufv-brand-valley-green) !important;
}

section p, p { font-size: 18px; line-height: 26px; margin-bottom: 10px; font-family: var(--ufv-font-body) }
section a {color: var(--ufv-link); text-decoration: underline; font-weight: 600;}
.ufv-cb a { text-decoration: underline; font-family: var(--ufv-font-body); font-weight: 600;}
.ufv-cb a:hover { text-decoration: none; font-family: var(--ufv-font-body); }


/* Program content type and RSS styling */
div.program-header { 
  background-color: var(--ufv-brand-valley-green);
  border-radius: 10px;
  padding: 5px 10px 5px 20px  }

  .program-header p {
    font-family: var(--ufv-font-body);
    padding-top: 10px;
  }

  .program-header a:hover {
    color: var(--ufv-brand-lichen-green);
  }

a.ip-calendar-eventtitlelink { color: var(--ufv-brand-deep-green) !important; text-decoration: none; }
a.ip-calendar-eventtitlelink:link { color: var(--ufv-brand-valley-green) !important; text-decoration: none; }
a.ip-calendar-eventtitlelink:hover { color: var(--ufv-brand-deep-green) !important; text-decoration: underline; }



#ufv-rss-news .add-image {
  padding-right: 7px;
}

/* Sidebar events RSS feed */
.ufv-sb h4, .side-heading {
  background-color: var(--ufv-brand-valley-green);
  font-family: "utile", sans-serif;
}

/* Button colours and fonts */

.button-boxed-orange, .button-boxed-green, .button-boxed-grey, .btn-boxed-grey {
  padding: 15px 30px;
  border-radius: 50px;
}

.button-boxed-green { background:var(--ufv-brand-deep-green); font-family: var(--ufv-font-body);}

.button-boxed-green:hover {	background: var(--ufv-brand-lichen-green); color: var(--ufv-brand-deep-green); }
.button-boxed-green a { color: var(--ufv-neutral-white); }
.button-boxed-green a:link { color: var(--ufv-neutral-white); }
.button-boxed-green a:hover { color: var(--ufv-brand-deep-green); background: var(--ufv-brand-lichen-green);  }
.button-boxed-green a:active { color: var(--ufv-neutral-white); border:  1px solid var(--ufv-brand-deep-green) }
a.button-boxed-green { color: var(--ufv-neutral-white);}
a.button-boxed-green:link { color: var(--ufv-neutral-white);}
a.button-boxed-green:visited { color: var(--ufv-neutral-white); }
a.button-boxed-green:hover { color: var(--ufv-brand-deep-green); background: var(--ufv-brand-lichen-green); text-decoration: none !important; border:  1px solid var(--ufv-brand-deep-green)}
a.button-boxed-green:active { color: var(--ufv-neutral-white); }

.button-boxed-orange { background: var(--ufv-brand-lichen-green); font-family: var(--ufv-font-body); border: 1px solid var(--ufv-brand-deep-green); color: var(--ufv-brand-deep-green) !important}
.button-boxed-orange:hover {	background: var(--ufv-brand-deep-green); color: var(--ufv-neutral-white) !important; }
.button-boxed-orange a { color: var(--ufv-brand-deep-green); }
.button-boxed-orange a:hover { color: var(--ufv-neutral-white) !important; background: var(--ufv-brand-deep-green); }
.button-boxed-orange a:active { color: var(--ufv-brand-deep-green); border:  1px solid var(--ufv-brand-deep-green) }
a.button-boxed-orange { color: var(--ufv-brand-deep-green); }
a.button-boxed-orange:link { color: var(--ufv-brand-deep-green); padding: 15px 30px;}
a.button-boxed-orange:visited { color: var(--ufv-brand-deep-green); }
a.button-boxed-orange:hover { color: var(--ufv-neutral-white); background: var(--ufv-brand-deep-green);  border:  2px solid var(--ufv-brand-deep-green)}
a.button-boxed-orange:active { color: var(--ufv-neutral-white); }

a.button-boxed-grey {
  background-color: var(--ufv-neutral-mushroom);
}

/* Table class*/

.table-bordered {
    border: 1px solid var(--ufv-brand-lichen-green);
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid var(--ufv-neutral-mushroom);
}

.table-striped td:first-child,
.table-striped th:first-child {
  border-left: 1px solid var(--ufv-neutral-white);
}

.table-striped td:last-child,
.table-striped th:last-child {
  border-right: 1px solid var(--ufv-neutral-white);
}

.table-striped {
  margin-top: 20px;
}
.table-striped caption { background: var(--ufv-brand-deep-green); border: 2px solid var(--ufv-brand-deep-green); border-top-left-radius: 10px; border-top-right-radius: 10px; 
}
.table-striped td { padding: 20px; }
.table-striped th { padding: 20px; color: var(--ufv-brand-valley-green); }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: var(--ufv-brand-lichen-green); }
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--ufv-neutral-mushroom);
}

.form-control:focus {
        border: 2px solid var(--ufv-brand-leaf-green);
   }

/*  Alert classes*/

.alert-success {
    background-color: var(--ufv-brand-lichen-green);
    border: none;
    border-radius: 30px;
    color: var(--ufv-font-body);
    padding: 25px 30px;
  }
  .alert-success h2, .alert-success h3, .alert-success h4 {
    color: var(--ufv-brand-deep-green);
    margin: 0px 0px 10px 0px;
  }

  .alert-success p {
    margin: 0px
  }

    .alert-warning {
    background-color: var(--ufv-brand-yellow);
    border: none;
    color: var(--ufv-font-body);
    border-radius: 30px;
    color: var(--ufv-font-body);
    padding: 25px 30px;
    }
    
     .alert-warning h2, .alert-warning h3, .alert-warning h4
        {color: var(--ufv-brand-deep-green); 
        margin: 0px 0px 10px 0px;
  }

  .alert-warning p {
    margin: 0px
  }

blockquote {
  border-left: 5px solid var(--ufv-brand-leaf-green);
}

.well {
  background-color: var(--ufv-neutral-mushroom); 
  border-radius: 30px; 
  padding: 25px 30px;
}

.well h2, .well h3, .well h4 {margin: 0px 0px 10px 0px;}
.well p {margin: 0px;}

/* Accordion styling */
.panel-primary { border: 1px solid var(--ufv-brand-leaf-green)!important; }
.panel-primary > .panel-heading {
  border-color: var(--ufv-neutral-white) !important;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--ufv-brand-lichen-green)!important;
}

.panel-primary .panel-heading, .panel-primary .panel-footer { background-color: var(--ufv-brand-valley-green); color: var(--ufv-neutral-white); }

.panel-heading { border-radius: 0; font-family: var(--ufv-font-body); }
.panel .panel-heading a { color: var(--ufv-brand-deep-green): 1em; font-weight: 400; text-decoration: none; }



/*Action box and promo box overrides*/

.icon-ar-circle {
    border: none!important;
   
}

.icon-ar-circle  > .fa-light,
.icon-ar-circle  > .fa {
    font-size: 40px
}

.content-box {border-radius: 10px;}
.red { background-color: var(--ufv-brand-deep-green); }
.blue { background-color: var(--ufv-brand-leaf-green); }
.dark-green { background-color: var(--ufv-brand-leaf-green); }
.orange { background-color: var(--ufv-brand-leaf-green); }
div.orange { background-color: var(--ufv-brand-valley-green); }
.bright-green { background-color: var(--ufv-brand-valley-green); }
h5#content-box-title-new {font-weight: 600;}
a.ct-action-boxes-button {background-color: var(--ufv-neutral-white); border-radius: 10px;}
a.ct-action-boxes-button:hover {background-color: transparent; border: 1px solid var(--ufv-neutral-white); color: var(--ufv-neutral-white); text-decoration: underline !important;}
a.ct-action-boxes-button:link, a.ct-action-boxes-button:visited {opacity: 1;}

.promo-box p {font-family: var(--ufv-font-body); font-size: 20px; font-weight: 600; color: var(--ufv-neutral-mushroom); }
.promo-box.blue span a, .promo-box.dark-green span a, .promo-box.red span a, .promo-box.orange span a, .promo-box.bright-green span a { color: var(--ufv-neutral-mushroom); font-weight: 600; background-color: transparent; padding: 15px; display: inline-block; border: 1px solid var(--ufv-neutral-mushroom); border-radius: 25px; }
.promo-box.blue span a:hover, .promo-box.dark-green span a:hover, .promo-box.red span a:hover, .promo-box.orange span a:hover, .promo-box.bright-green span a:hover { color: var(--ufv-neutral-white); background-color: var(--ufv-brand-deep-green); }


/*CT-Contact box */
.ct-contact {border: 2px solid var(--ufv-neutral-mushroom); border-radius: 20px;}
.ct-contact a.btn-default {border: 1px solid var(--ufv-brand-deep-green); border-radius: 20px; margin-right: 7px; padding: 10px 20px; color: var(--ufv-brand-deep-green) }
.ct-contact a.btn-default:hover {background-color: var(--ufv-brand-deep-green); color: var(--ufv-brand-lichen-green);}
.profile-img img {margin-right: 10px; margin-top: 10px;}

/* CT info content type */
.panel-default .panel-heading {
  background-color: var(--ufv-neutral-mushroom);
  border: 1px solid var(--ufv-neutral-mushroom);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.panel, .panel .panel-footer {
  border-radius: 20px;
}

.panel-default {
    border-color: var(--ufv-neutral-mushroom);
}

/*CT-Testimonial*/

.ct-testimonial {background-color: var(--ufv-neutral-mushroom); border-radius: 20px; padding: 20px; margin-bottom: 20px;}
.ct-testimonial .ct_t_readmore {background-color: var(--ufv-brand-deep-green); padding: 15px 30px; border-radius: 50px}
.ct-testimonial .ct_t_readmore:hover {background-color: var(--ufv-brand-lichen-green); color: var(--ufv-brand-deep-green); border: 1px solid var(--ufv-brand-deep-green);}
div.grey {
  background-color: var(--ufv-neutral-mushroom);
}
div.testimonial a:link {
        color: var(--ufv-brand-deep-green);
}

div.testimonial a:hover{
        color: var(--ufv-neutral-white);
}


/* FAQ styling */
.faq-caret .faq-toggle.collapsed:before {
    font-family: "Font Awesome 6 Pro";
    color: var(--ufv-brand-deep-green);
    /*content: "\f138"; */
    content: "\f055";
    font-weight: 400;
    font-size: 24px;
    margin-right: 0px;
}
.faq-caret .faq-toggle:not(.collapsed):before {
    font-family: "Font Awesome 6 Pro";
    color: var(--ufv-brand-deep-green);
   /*content: "\f138"; */
    content: "\f056";
    font-weight: 700;
    font-size: 24px;
    margin-right: 0px;
}

.faq-caret .faq-toggle.collapsed:hover {
     text-decoration: underline;
}

  /*TO MAKE THE UNDERLINE APPEAR UNDER THE TEXT PART ONLY*/
.faq-caret .faq-toggle:before {
    display:inline-block;
    padding-right:2%;
    
} 
.ufv-banner-content {
  padding: 20px 40px;
}

/* HERO IMAGE CT-429 */
#ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content {
    background-color: #FFF !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 30px;
    color: #333;
}

  a.btn-flex {
                border-radius: 50px !important;
    }

.div-429-btns > a {
  border-radius: 50px !important;
}


#ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content a:link, #ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content a, 
#ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content a:visited {
  color: var(--ufv-neutral-white) !important;
  background-color: var(--ufv-brand-deep-green) !important;
  padding: 15px 25px !important;
}

#ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content a:hover,
#ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content a:focus  {
  background-color: var(--ufv-brand-lichen-green) !important;
  color: var(--ufv-brand-deep-green) !important;
  border: 1px solid var(--ufv-brand-deep-green) !important;

}

#ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content p a,
#ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content p a:link,
#ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content p a:visited {
  color: var(--ufv-link) !important;
  border: none !important;
  text-decoration: underline !important;
  }

  #ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content p a:hover {
  color: var(--ufv-link-hover) !important;
  }



/* new step by step CT */
.icon-ar {background-color: var(--ufv-brand-valley-green); font-weight: 600;}

/* ROLLOVER BOXES */
.overlay {background-color: var(--ufv-brand-deep-green); }
.ct-infoimgbox figure:hover figcaption .text {background-color: transparent; font-family: var(--ufv-font-body);}
.ct-infoimgbox .button {background-color: var(--ufv-brand-lichen-green); color: var(--ufv-brand-deep-green); font-family: var(--ufv-font-body); }
.ct-infoimgbox .button:hover {background-color: var(--ufv-brand-deep-green); color: var(--ufv-brand-lichen-green); border: 1px solid var(--ufv-brand-lichen-green); }

/* sitemap page */

.sitemap-page ul li ul {
    color: var(--ufv-brand-leaf-green);
}

.sitemap-page ul li ul li a {
    color: var(--ufv-link);
}

/* Textblocks with icons CT*/
.text-icon-content a { color: var(--ufv-brand-valley-green); text-decoration: none!important;}
.text-icon-content a:hover, a:focus, a:visited { color: var(--ufv-brand-deep-green);}
h1.ct-320, h2.ct-320, h3.ct-320, h4.ct-320, h5.ct-320, h6.ct-320, p.ct-320 {font-size: 24px;}

/* Contact bar */
#contact-bar { background-color: var(--ufv-neutral-mushroom); color: var(--ufv-brand-deep-green);}
#contact-bar a { color: var(--ufv-brand-deep-green); }

/*Content box inner page */
.ct-content-box-inner .blue, .red, .orange, .dark-green, .bright-green {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ct-content-box-inner.col-md-6 > div,
.ct-content-box-inner.col-md-12 > div,
.ct-content-box-inner.col-md-8 > div,
.ct-content-box-inner.col-md-4 > div {
    border-radius: 10px;
}

.promo-box {
    border-radius: 10px;
    
}

/* legacy program page rules */
div.box-header {
  background-color: var(--ufv-brand-valley-green);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
div.quick-facts {
  border:  1px solid var(--ufv-neutral-mushroom);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: var(--ufv-neutral-mushroom);
}
/* FOOTER */

#footer-links { background-color: var(--ufv-footer-background); color: var(--ufv-neutral-mushroom); text-transform: none; font-weight: 400; text-decoration: none; }
#footer-links a:link, #footer-links a:visited { background-color: var(--ufv-footer-background); color: var(--ufv-neutral-mushroom); text-transform: none; font-weight: 400; text-decoration: none; font-size: 14px; }
#footer-links a:hover {text-decoration: underline }
#footer-links h4 { color: var(--ufv-brand-lichen-green ); }
#footer-links h4 { color: var(--ufv-brand-lichen-green ); }

#footer {background-color: var(--ufv-footer-background); color: var(--ufv-footer-text); }
#footer a { font-family: var(--ufv-font-body); color: var(--ufv-footer-text);  }
#footer a:link { color: var(--ufv-footer-text); }
#footer p { color: var(--ufv-footer-text); }
#footer .ufv-stolo {color: var(--ufv-footer-text); }
#footer a:hover { color: var(--ufv-brand-lichen-green); }

/* Responsive overrides for mobile and tablet */

@media only screen and (max-width: 768px) {
  .ufv-cb h1, .ufv-cb h2, .ufv-cb h3, .ufv-cb h4, .ufv-cb h5 { margin: 0; padding: 0; margin: 5px 0px 10px 0px; font-weight: 600; font-family: var(--ufv-font-heading); }
}



.ufv-cb h1 {
  font-family: var(--ufv-font-heading);
}

section p, p {
  font-family: var(--ufv-font-body);
}

 div.breadcrumb.nobtm a { font-family: var(--ufv-font-body);  color: var(--ufv-brand-valley-green);}

     .navbar-inverse .navbar-collapse {
      background-color: var(--ufv-brand-deep-green);
     }

 .navbar-default.navbar-inverse + .main-header .page-title, html.sb-init body div#sb-site div.boxed header.main-header div.container p.page-title { color: var(--ufv-brand-valley-green); font-family: var(--ufv-font-heading); }

@media (max-width: 768px) {
    .navbar-default.navbar-inverse + .main-header .page-title, html.sb-init body div#sb-site div.boxed header.main-header div.container h1.page-title {
        color: var(--ufv-brand-valley-green);
            font-family: var(--ufv-font-heading);
        font-size: 19px;
    
}

.main-header {
  background-color: var(--ufv-neutral-mushroom);
  }

html.sb-init body div#sb-site div.boxed header.main-header {
  margin: 0 0 7px 0
}

.navbar-inverse .dropdown .dropdown-menu {
  background-color: var(--ufv-brand-valley-green);
  border-color: var(--ufv-neutral-charcoal);
}
    .navbar-default.navbar-inverse .navbar-nav > li > a:hover, .navbar-default.navbar-inverse .navbar-nav > li > a:focus, .navbar-default.navbar-inverse .navbar-nav > .active > a, .navbar-default.navbar-inverse .navbar-nav > .active > a:hover, .navbar-default.navbar-inverse .navbar-nav > .active > a:focus, .navbar-default.navbar-inverse .navbar-nav > .open > a, .navbar-default.navbar-inverse .navbar-nav > .open > a:hover, .navbar-default.navbar-inverse .navbar-nav > .open > a:focus {
        background-color: var(--ufv-brand-valley-green);
        background-image: none;
        color: var(--ufv-neutral-white);
    }

    .navbar-inverse .dropdown.active > a, .navbar-inverse .dropdown a:hover, .navbar-inverse .dropdown a:focus, .navbar-inverse .dropdown.active a:hover, .navbar-inverse .dropdown.active a:focus
    {
        background-color: var(--ufv-brand-valley-green) !important;
        color: var(--ufv-neutral-white);
    }

    #ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content {
    background-color: var(--ufv-neutral-mushroom) !important;
    border-radius: 0;
    color: #333 !important;
}
 #ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content h2, #ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content h3, #ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content h4, #ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content h5, #ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content h6, #ufv-hero-marketing.hero-429-combo-05 .ufv-banner-content p {
    color: var(--ufv-brand-deep-green) !important;
 }

#ufv-rss-news .add-image {
  padding-right: 0px;
}
 
#footer .ufv-address p a, #footer .ufv-address p a span { color: var(--ufv-footer-text); font-family: var(--ufv-font-body); }
#footer .ufv-address p, #footer .ufv-address p a:link { color: var(--ufv-footer-text); font-family: var(--ufv-font-body); }
}
@media (max-width: 991px) {

  .navbar-header {
    background: var(--ufv-brand-deep-green);
  }

ul.side-links > li > .toggle-children {
  background: var(--ufv-brand-deep-green);
}

}



