@charset "utf-8";
/* CSS Document */
/*******
IFAS Bootstrap 5 - 2026 - NON-EXTENSION - 7-31-26
******/

/************************
IFAS DESIGN SYSTEM START
*************************/
@charset "utf-8";
/* CSS Document */
:root{
--uf-primary-blue: #0021A5;
--uf-primary-orange: #FA4616;
--dark-gray: #343741;
--ifas-purple: #6A2A60;
--ifas-green: #22884C;
--ifas-dark-blue: #002657;
--ifas-yellow: #CD8C00;
--ifas-warm-gray: #D8D4D7;
--ifas-medium-gray: #C7C9C8;
--ifas-light-gray: #F5F5F5;
--black: #000000;
--ifas-brown: #533E0B;
--ifas-light-yellow:#fbf0d8;
--font-primary: 'IBM Plex Sans', sans-serif;
}

/*---------------------------------------------------------
Text Color and Background Color Combination Skins
---------------------------------------------------------*/
.skin1 span,.skin1 h1, .skin1 h2,.skin1 h3,.skin1 h4,.skin1 h5,.skin1 h6,.skin1 p,.skin1 ul,.skin1 ol,.skin1 hr,.skin1 a,.skin1 ol li::marker,.container-fluid.skin1 ul li, .container-fluid.skin1 ol li,.container-fluid.skin1 span { color: var(--bs-white,#ffffff) !important; }
/*UF primary blue background with white text*/
.skin1{ background-color: var(--uf-primary-blue,#0021A5); }


/*UF primary orange with white text */
.skin2 span,.skin2 h1,.skin2 h2,.skin2 h3,.skin2 h4,.skin2 h5,.skin2 h6,.skin2 p,.skin2 ul,.skin2 ol,.skin2 hr,.skin2 a,.skin2 ol li::marker,.container-fluid.skin2 ul li, .container-fluid.skin2 ol li,.container-fluid.skin2 span { color: var(--bs-white,#ffffff) !important; }

.skin2{ background-color: var(--uf-primary-orange,#FA4616); }


/*Dark gray background with white text*/
.skin3 span,.skin3 h1,.skin3 h2,.skin3 h3,.skin3 h4,.skin3 h5,.skin3 h6,.skin3 p,.skin3 ul,.skin3 ol,.skin3 hr,.skin3 a,.skin3 ol li::marker,.container-fluid.skin3 ul li, .container-fluid.skin3 ol li,.container-fluid.skin3 span { color: var(--bs-white,#ffffff) !important; }

.skin3{ background-color: var(--dark-gray,#343741); }


/*IFAS Purple background with white text*/
.skin4 span,.skin4 h1,.skin4 h2,.skin4 h3,.skin4 h4,.skin4 h5,.skin4 h6,.skin4 p,.skin4 ul, .skin4 ol,.skin4 hr,.skin4 a,.skin4 ol li::marker,.container-fluid.skin4 ul li,.container-fluid.skin4 ol li,.container-fluid.skin4 span{ color: var(--bs-white,#ffffff) !important; }

.skin4{ background-color: var(--ifas-purple,#6A2A60); }


/*IFAS Green background with white text*/
.skin5 span,.skin5 h1,.skin5 h2,.skin5 h3,.skin5 h4,.skin5 h5,.skin5 h6,.skin5 p,.skin5 ul,.skin5 ol,.skin5 hr,.skin5 a,.skin5 ol li::marker,.container-fluid.skin5 ul li, .container-fluid.skin5 ol li,.container-fluid.skin5 span{ color: var(--bs-white,#ffffff) !important; }

.skin5{ background-color: var(--ifas-green,#22884C); }


/*IFAS Dark Blue Background with white text*/
.skin6 span,.skin6 h1,.skin6 h2,.skin6 h3,.skin6 h4,.skin6 h5,.skin6 h6,.skin6 p,.skin6 ul,.skin6 ol,.skin6 hr,.skin6 a,.skin6 ol li::marker,.container-fluid.skin6 ul li, .container-fluid.skin6 ol li,.container-fluid.skin6 span{ color: var(--bs-white,#ffffff) !important; }

.skin6{
  background-color: var(--ifas-dark-blue,#002657);
}


 /*White background with UF Primary Blue Text*/
.skin7 span, .skin7 h1,.skin7 h2,.skin7 h3,.skin7 h4,.skin7 h5,.skin7 h6,.skin7 p,.skin7 ul,.skin7 ol,.skin7 hr,.skin7 a,.skin7 ol li::marker,.container-fluid.skin7 ul li, .container-fluid.skin7 ol li,.container-fluid.skin7 span{ color: var(--uf-primary-blue,#0021A5) !important; }
.skin7{ background-color: var(--bs-white,#ffffff); }


 /*White background with Dark Gray text*/
 .skin8 span, .skin8 h1,.skin8 h2,.skin8 h3,.skin8 h4,.skin8 h5,.skin8 h6,.skin8 p,.skin8 ul, .skin8 ol,.skin8 hr,.skin8 a,.skin8 ol li::marker,.container-fluid.skin8 ul li, .container-fluid.skin8 ol li,.container-fluid.skin8 span{color: var(--dark-gray,#343741) !important; }
 
 .skin8{ background-color: var(--bs-white,#ffffff); }

 /*IFAS Warm Gray background with Dark Gray text*/
 .skin9 span,.skin9 h1,.skin9 h2,.skin9 h3,.skin9 h4,.skin9 h5,.skin9 h6,.skin9 p,.skin9 ul, .skin9 ol,.skin9 hr,.skin9 a,.skin9 ol li::marker,.container-fluid.skin9 ul li, .container-fluid.skin9 ol li,.container-fluid.skin9 span{ color: var(--dark-gray,#343741) !important; }

.skin9{ background-color: var(--ifas-warm-gray,#D8D4D7); }


 /*IFAS Warm Gray background with UF Primary Blue text*/
 .skin10 span, .skin10 h1,.skin10 h2,.skin10 h3,.skin10 h4,.skin10 h5,.skin10 h6,.skin10 p,.skin10 ul, .skin10 ol, .skin10 hr,.skin10 a,.skin10 ol li::marker,.container-fluid.skin10 ul li, .container-fluid.skin10 ol li,.container-fluid.skin11 span{ color: var(--uf-primary-blue,#0021A5) !important; }

.skin10{ background-color: var(--ifas-warm-gray,#D8D4D7); }


 /*IFAS Medium Gray background with Dark Gray text*/
.skin11 span,.skin11 h1,.skin11 h2,.skin11 h3,.skin11 h4,.skin11 h5,.skin11 h6,.skin11 p,.skin11 ul,.skin11 ol,.skin11 hr,.skin11 a,.skin11 ol li::marker,.container-fluid.skin11 ul li, .container-fluid.skin11 ol li,.container-fluid.skin11 span{ color: var(--dark-gray,#343741) !important; }

.skin11{
  background-color: var(--ifas-medium-gray,#C7C9C8);
}


/*Black background with white text*/
.skin12 span,.skin12 h1,.skin12 h2,.skin12 h3,.skin12 h4,.skin12 h5,.skin12 h6,.skin12 p,.skin12 ul, .skin12 ol,.skin12 hr,.skin12 a,.skin12 ol li::marker,.container-fluid.skin12 ul li, .container-fluid.skin12 ol li, .container-fluid.skin12 span{ color: var(--bs-white,#ffffff) !important; }

.skin12{
  background-color: var(--black,#000000);
}


/*Light gold background with brown text*/
.skin13 span, .skin13 h1,.skin13 h2,.skin13 h3,.skin13 h4,.skin13 h5,.skin13 h6,.skin13 p,.skin13 ul,.skin13 ol,.skin13 hr,.skin13 a,.skin13 ol li::marker,.container-fluid.skin13 ul li, .container-fluid.skin13 ol li,.container-fluid.skin13 span{ color: var(--dark-gray,#343741) !important; }

.skin13{
  background-color: var(--bs-white,#FFFFFF);
   border-top:5px solid var(--ifas-green,#22884C);
   border-right:1px dotted var(--ifas-green,#22884C);
   border-bottom:1px dotted var(--ifas-green,#22884C);
   border-left:1px dotted var(--ifas-green,#22884C);
}

/*Light gold background with dark gray*/
.skin14 span,.skin14 h1,.skin14 h2,.skin14 h3,.skin14 h4,.skin14 h5,.skin14 h6,.skin14 p,.skin14 ul,.skin14 ol,.skin14 hr, .skin14 a, .skin14 ol li::marker,.container-fluid.skin14 ul li, .container-fluid.skin14 ol li,.container-fluid.skin14 span{ color: var(--ifas-brown,#533E0B) !important; }

.skin14{
 background-color: var(--bs-white,#FFFFFF);
   border-top:5px solid var(--ifas-brown,#533E0B);
   border-right:1px dotted var(--ifas-brown,#533E0B);
   border-bottom:1px dotted var(--ifas-brown,#533E0B);
    border-left:1px dotted var(--ifas-brown,#533E0B);
}

/*Light gold background with dark gray*/
.skin15 span,.skin15 h1,.skin15 h2,.skin15 h3,.skin15 h4,.skin15 h5,.skin15 h6,.skin15 p,.skin15 ul,.skin15 ol,.skin15 hr,.skin15 a, .skin15 ol li::marker,.container-fluid.skin15 ul li, .container-fluid.skin15 ol li,.container-fluid.skin15 span{ color: var(--ifas-brown,#533E0B) !important; }

.skin15{
  background-color: var(--ifas-light-yellow,#fbf0d8);
   border-top:5px solid var(--ifas-yellow,#CD8C00);
    border-right:1px dotted var(--ifas-yellow,#CD8C00);
     border-bottom:1px dotted var(--ifas-yellow,#CD8C00);
   border-left:1px dotted var(--ifas-yellow,#CD8C00);
}



/************************
IFAS DESIGN SYSTEM END
*************************/

body {
	background-color: var(--bs-white, #ffffff);
	color:var(--dark-gray, #343741);
	font-family: var(--font-primary,sans-serif) !important;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings:"wdth" 100;
}

html {
    overflow-x: hidden;
}


a {
   color: var(--uf-primary-blue, #0021A5); 
}

iframe {
  border: 0;
}

a:hover {
	color: var(--dark-gray, #343741);
}

table a:hover {
    text-decoration: underline;
}


table tbody,
table tfoot,
table thead {
    border: 1px solid var(--ifas-light-gray, #F5F5F5) !important;
}


table.no-table-border, .no-table-border td, .no-table-border tr {
	border: none !important;
}

div.table-scroll table {
  width: 100% !important;
}

a.button:hover {
    text-decoration: none;
}


p {
	font-size: 1.2rem;
	line-height: 1.8rem;
}

#content p{margin-bottom: 1.25rem;}

#content p.intro{
    font-size: 1.625rem;
    line-height: 2.4375rem;
	margin-bottom: 2.5rem;
	font-weight: 425!important;
}

#content h4, #content h5,#content h6 {
	font-family: var(--font-primary,sans-serif) !important;
	font-weight: 500!important;
}

#content h1 {
	line-height:4.25rem;
	margin-bottom:2.5rem;
	font-family: var(--font-primary,sans-serif) !important;
	font-weight: 375!important;
	font-size: 3.4rem;
} 

#content h1,#content h2,#content h4, #content h5,#content h6,#content h1 a,#content h2 a,#content h4 a, #content h5 a,#content h6 a{
	color: var(--black, #000);
}

#content h1 + h2{
  margin-bottom: 2.5rem;
  font-family: var(--font-primary,sans-serif) !important;
  font-size: 2.6rem;
  font-weight: 550 !important;
  line-height: 3.4rem;
  margin-top: -1.8rem;
  color:var(--dark-gray, #343741);
}

#content h2 {
	line-height:4.25rem;
  	margin-bottom:2.5rem;
	font-family: var(--font-primary,sans-serif) !important;
	font-weight: 375!important;
	font-size: 3.4rem;
}


#content h3, #content h3 a {
  font-size: 1.875rem;
  line-height: 2.375rem;
  font-family: var(--font-primary,sans-serif) !important;
  font-weight:500!important;
}

#content h4, #content h4 a {
	font-size: 1.4rem;
	line-height:1.95rem;
}

#content h5, #content h5 a {
    font-size: 1.3rem;
	line-height:1.875rem;
}
#content h6, #content h6 a {
    font-size: 1.25rem;
	line-height:1.875rem;
	font-weight:bold;
}

#content h1 a:hover,#content h2 a:hover, #content h3 a:hover,#content h4 a:hover, #content h5 a:hover,#content h6 a:hover{
	text-decoration:underline;
}

#main-menu #searchbox .button {
    float: left;
    margin-left: 215px;
}

#content {
    top: 2rem;
    background-color: var(--bs-white, #ffffff);
    padding-top: 4rem;
    padding-bottom: 25px!important;
    overflow: hidden;
}

.gray-vertical-border {
    padding-left: 1rem;
    border-left: 1px solid #eee;
}

#content div.gray-vertical-border h1, #content div.gray-vertical-border h2, #content div.gray-vertical-border h3, #content div.gray-vertical-border h4, #content div.gray-vertical-border h5 {
	line-height: 2.625rem !important;
	margin-bottom: 1rem;
	font-family: var(--font-primary,sans-serif) !important;
	font-weight: 500 !important;
	font-size: 1.75rem !important;
}

/*Added for right column with gray border links*/
#county-right-sidebar a, #county-right-sidebar ul li a,#county-right-sidebar ul li a em,#county-right-sidebar ul li a strong, #county-right-sidebar p a strong{
  font-size: 1rem !important;
}

/*Added to change OL and strong right sidebar text to 1rem*/
#content #county-right-sidebar ol li::marker, #county-right-sidebar ol strong,#county-right-sidebar ul strong{
font-size:1rem!important;
}

.gray-vertical-border2 {
    padding-right: 1rem;
    border-right: 1px solid #eee;
}

#content img  {
    height: auto!important;
    max-width: 100%!important;
}

#slider {
    position: relative;
}

.blue-arrow-list li,  ul.accordion {
    list-style-type: none;
}

/*may be used in F6 v2 white right col with gray border*/
#county-sm-icons p, .accordion:after, .clear-both {
    clear: both;
}



#content table{
	border-left: none;
	border-right: none;
	overflow-x: scroll;
	border-top: 1px solid var(--dark-gray, #343741);
	border-bottom: 1px solid var(--dark-gray, #343741);
	border-collapse: unset;
}

#content table th, #content table td {
	padding: 0.7rem 1rem;
}

#content table td + td, #content table th + td, #content table th + th {
	border-left: 1px solid var(--dark-gray, #343741);
}
#content table tbody tr:nth-child(2n+1) {
	background-color: var(--ifas-light-gray, #F5F5F5) !important;
}

#content table tbody tr:nth-child(2n) {
	background-color: transparent;
}

#content table td, #content table p,#content table ul,#content table ol,#content table td em{
	font-size: 1.2rem;
	line-height:2rem;
}

#content table td strong{
	font-weight: 600!important;
	font-size: 1.2rem;
	line-height:2rem;
}

/*START Table Headings */
#content table th,
#content table th p,
#content table th h1,
#content table th h2,
#content table th h3,
#content table th h4,
#content table th h5,
#content table th h6 {
	line-height: 2.375rem;
	font-size: 1.375rem !important;
	margin-left:0!important;
	color: var(--uf-primary-blue, #0021A5);
	text-transform:none;
	text-align:left;
	text-transform:uppercase;
	font-weight: 700!important;
}
/*End Table Headings*/

/*START - Headings inside TD tags*/
#content table td h1,
#content table td h2,
#content table td h3,
#content table td h4,
#content table td h5,
#content table td h6 {
	line-height: 1.75rem;
	font-size: 1.25rem !important;
	margin-left:0!important;
	color: var(--dark-gray, #343741);
	text-transform:none;
	text-align:left;
	font-weight:550!important;
}
/*END Headings inside TD tags*/

#content table a {font-weight:bold;}

#content table td,#content table th{vertical-align: top;}

#content table p {margin-bottom: 0rem;}

#content table img {
	padding-bottom: .5rem;
}

/*table style for small/medium to remove left td border when stack class is used*/
@media screen and (max-width: 63.9375em) {
#content table.stack td + td, #content table th + td, #content table.stack th + th {
	border-left: none!important;
}
}

#content ol li,#content ul li{padding-bottom:.5rem;}

#content blockquote em, #content ol li em, #content p em, #content ul li em {
	font-style: italic!important;
    font-family: var(--font-primary,sans-serif) !important;
}

#content blockquote strong, #content ol li strong, #content p strong, #content ul li strong {
	font-weight: 600!important;
	font-size: 1.2rem;
}

#content blockquote,#content blockquote p {
    margin-top: 2rem;
    margin-bottom: 2.5rem;
	line-height: 1.6;
	color: var(--dark-gray, #343741);
}

blockquote, blockquote p {
	line-height: 1.6;
	color: var(--dark-gray, #343741);
}

blockquote {
	margin: 0 0 1rem;
	padding: .5625rem 1.25rem 0 1.1875rem;
	border-left: 4px solid var(--ifas-warm-gray, #D8D4D7);
}

#content p a:hover {
    text-decoration: underline;
	font-weight:bold;
}

#content ol, #content ul {
	line-height: 1.75rem;
	font-weight: 400 !important;
	font-size: 1.2rem;
}


#social-media {
    float: right;
	position: relative;
}

#social-media img {
    padding-right: 5px;
    padding-top: 3px;
}

#programs-right-wp h2 {
    color: var(--uf-primary-blue, #0021A5);
    font-size: 1.7rem;
   	padding-left: 1rem;
    height: 2.9rem;
}

#programs-right-wp h3 {
    font-size: 1.4rem!important;
}


 /*non cals event CT*/
#events-highlights p {
	font-size: 1rem!important;
}

#highlights {
	padding-left: 3rem;
  	padding-right: 3rem;
  	border-right: 1px solid var(--uf-primary-blue, #0021A5);
}

#events {
	padding-right: 2rem;
  	padding-left: 1.5rem;
}

#events-highlights {
	margin-bottom:1.5rem;
	padding-bottom:2.5rem;
	padding-left: 2rem;
 	padding-right: 2rem;
	overflow-y: hidden;
}

#events-highlights h2 {
	color:var(--dark-gray, #343741);
	font-size: 2rem;
	margin-bottom: .5rem !important;
	line-height: 1.7rem;
	font-family: var(--font-primary,sans-serif) !important;
}

#google-calendar h4 a{
	color:var(--uf-primary-blue, #0021A5);
}
#google-calendar h4 a:hover{
	color:var(--dark-gray, #343741);
	text-decoration:underline;
}

.highlights-feed-item h4 a {
	color:var(--uf-primary-blue, #0021A5) !important;
}

.highlights-feed-item h4 a:hover {
	color:var(--dark-gray, #343741) !important;
	text-decoration:underline;
}

.highlights-feed-item p a {
    color: var(--uf-primary-blue, #0021A5) !important;
}

#events-highlights p a {
	color:var(--uf-primary-blue, #0021A5);
	font-weight:bold;
}

#events-highlights p a:hover {
	color:var(--dark-gray, #343741) !important;
	font-weight:bold;
}

#events p {
	text-transform: none;
    letter-spacing: normal;
    color: var(--dark-gray, #343741);
	font-family: var(--font-primary,sans-serif) !important;
}

#events p a{
    font-size:1rem;
}

/*Manual Highlights Left Column CT*/
#highlights-manual h1,#highlights-manual h2,#highlights-manual h3,#highlights-manual h4,#highlights-manual h5,#highlights-manual h6 {
	font-size:1.3rem!important;
	color: var(--dark-gray, #343741);
	font-family: var(--font-primary,sans-serif) !important;
	font-weight:550!important;
}

#highlights-manual ul, #highlights-manual ol {font-size:1rem!important;}

#highlights-manual h2.manual-highlights-heading {
	font-size:2rem!important;
	font-family: var(--font-primary,sans-serif) !important;
}

#highlights-manual h1 a,#highlights-manual h2 a,#highlights-manual h3 a,#highlights-manual h4 a,#highlights-manual h5 a,#highlights-manual h6 a,#highlights-manual li {
	color:var(--uf-primary-blue, #0021A5) !important; /*OLD WEB BLUE #00529B*/
	font-size:1.3rem!important;
}

#highlights-manual h1 a:hover,#highlights-manual h2 a:hover,#highlights-manual h3 a:hover,#highlights-manual h4 a:hover,#highlights-manual h5 a:hover,#highlights-manual h6 a:hover {
	color:var(--uf-primary-blue, #0021A5) !important;
}
/*End Manual Highlights Left Column CT*/

 .title-bar-title, .top-bar-left ul {
    text-transform: uppercase;
}

#search-link {
	padding-bottom: 3.5rem;
}

.wp-images-left {
    margin-left: -1rem!important;
}

/*Blog feed*/
div.program-page-left-content {
	padding-left: 1.5rem;
}
.program-page-left-content a {
	font-weight:bold;
	color: var(--uf-primary-blue, #0021A5);
}
.program-page-left-content a:hover {
	font-weight:bold;
	color: var(--dark-gray, #343741);
	text-decoration:underline;
}

.program-page-left-content p {
    padding-left: 1rem;
    padding-right: 1rem;
}

.program-page-left-content ul ul, .program-page-left-content ol ol,.program-page-left-content ul ol,.program-page-left-content ol ul {
    padding-left: .5rem;
}
.program-page-left-content ul, .program-page-left-content ol {
    padding-left: 1rem;
}
.program-page-left-content h3 {
    color: var(--black, #000) !important;
    font-size: 1.4rem!important;
    padding: 3px 10px 3px 15px;
    margin-right: 10px;
    font-weight: 700;
}

.program-page-left-content h2{
	padding: 3px 10px 3px 15px;
}

.wp-images-left h3 {
    font-size: 1.4rem!important;
}

.button.ufmutedblu, .button.ufmutedorng, .button.ufprimaryblu, .button.ufprimaryorng, button {
    font-weight: 600!important;
    font-size: 1.3rem;
}

.wp-web-f6-right {
    padding-left: 1.5rem!important;
}

.programs-wp-web {
    padding-right: 2.5rem;
    padding-left: 1rem;
}

.programs-wp-web img {
    margin-bottom: 1.5rem;
}

.button.ufmutedorng, button {
    background-color: var(--uf-primary-orange, #FA4616);
    color: var(--bs-white, #ffffff);
}

.button.ufmutedorng:focus, .button.ufmutedorng:hover, button {
    background-color: var(--uf-primary-orange, #FA4616);
    text-decoration: none!important;
}

.button.ufmutedblu, button {
    background-color: var(--uf-primary-blue, #0021A5);
}

.button.ufmutedblu:focus, .button.ufmutedblu:hover, button {
    background-color: var(--uf-primary-blue, #0021A5);
    text-decoration: none!important;
}

.button.ufprimaryorng, button {
    background-color: var(--uf-primary-orange, #FA4616);
}

.button.ufmutedorng:focus, .button.ufprimaryorng:hover, button {
    background-color: var(--uf-primary-orange, #FA4616);
    text-decoration: none!important;
}

.button.ufprimaryblu, button {
    background-color: var(--uf-primary-blue, #0021A5);
}

.button.ufprimaryblu:focus, .button.ufprimaryblu:hover, button {
    background-color: var(--uf-primary-blue, #0021A5);
    text-decoration: none!important;
}

#slider a:hover, .sfyl-subtopic h2 a:hover, .top-static .right-text a:hover {
    text-decoration: underline;
}

div#sfyl-resource-box h3 {
  padding-left: 1.4rem;
  font-weight: 425 !important;
  font-size: 1.7rem;
  padding-bottom: .6rem;
}

div#sfyl-resource-box p {
	padding-left: .45rem;
}

#sfyl-resource-box p a:hover {
  font-weight: 400 !important;
}

.logo-tagline .parallax a:hover {
	text-decoration: none !important;
}

.parallax p a,.parallax li a,.parallax table a {
	text-decoration:underline;
}

.parallax a button {
	text-decoration:none;
}

#content .parallax hr {
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}

.parallax .uf-button-side-borders {
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}
	
/*owl with caption*/
.top-static .right-text {color:var(--bs-white, #ffffff);}
.top-static .right-text h3{
	padding: 2rem 2rem .5rem!important;
	color:var(--bs-white, #ffffff) !important;
}

.top-static .right-text h4 {
    color: var(--bs-white, #ffffff) !important;
    font-size: 1.15rem!important;
    padding: 0 2rem!important;
}

.top-static .right-text p {
    line-height: 1.26rem!important;
    font-size: 1rem!important;
    padding: 0 4rem 0 2rem!important;
	font-family: var(--font-primary,sans-serif) !important;
}

.top-static .right-text ul li a {
    font-size: 1rem;
    line-height: 1.5rem;
	font-family: var(--font-primary,sans-serif) !important;
	font-weight:400!important;
}

.top-static .right-text a {
    color: var(--bs-white, #ffffff) !important;
}
.top-static .right-text a:hover{
	text-decoration:underline;
}

.top-static .right-text ul li {
    padding-top: 0!important;
    padding-bottom: 0!important;
	list-style-type: none;
}

/*owl slider*/
#slider {
    top: 0;
    padding-bottom: 1rem;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-bottom: -5px;
    margin-top: 0!important;
}

#slider a, #slider a:hover {
    color: var(--bs-white, #ffffff);
}

#slider .caption h3 {
    color: var(--bs-white, #ffffff);
    font-size: 2.5rem;
    padding: 2rem 2rem 1rem 2rem!important;
	font-family: var(--font-primary,sans-serif) !important;
}

#slider .caption h4 {
    color: var(--bs-white, #ffffff);
    font-size: 1.5rem;
    padding: .5rem 2rem 0rem 2rem!important;
	font-weight: bold !important;
  	font-family: var(--font-primary,sans-serif) !important;
}

#slider .caption p {
    line-height: 2rem !important;
    font-size: 1.3rem;
    padding: 0rem 4rem .5rem 2rem!important;
}


/*These may be part of back end search results - undetermined whether these GSC classes are needed*/
.gsc-above-wrapper-area-container, .gsc-table-result {
    border: none!important;
}
.gsc-option-menu-container .gsc-inline-block {
    width: 100px!important;
}
table.gsc-resultsHeader {
    display: none;
}
	
/*ONLY UAS.ifas is using this on the main page and one pending page in WEC*/
.photos-on-cover-photo, .photos-on-cover-photo img {
    position: relative;
    z-index: 1;
}

.accordion-icon:before {
    position: relative;
    top: -.1rem;
    padding-right: .3rem;
}

.accordion {
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
}

.accordion:after, .accordion:before {
    content: " ";
    display: table;
}
	
/*REMOVE IF cover photo content pieces are deleted*/
.cover-photo-3-boxes-wrapper, .cover-photo-title {
    padding-right: 0;
    padding-left: 0;
    position: absolute!important;
}
	
.blue-arrow-list {
    position: relative;
    left: -.9rem;
    margin-top: -.3rem;
}

.blue-arrow-list li {
    list-style-image: none;
    padding-left: 1.3rem;
}

/*ADD ORANGE SQUARE BULLET*/
/*.blue-arrow-list li:before {
	font-family: "Font Awesome 6 Pro";
    font: var(--fa-font-solid);
    content: "\f0c8";
    font-size: .5em;
    color: var(--uf-primary-orange, #FA4616);
    position: relative;
	left: -1.5rem;
    top: -.1rem;
	margin-right: -.5rem;
}*/

/* NEW Bootstrap CSS should replace li::before font awesome syntax*/
.blue-arrow-list li::before {
    content: "\F582";
    font-family: "Bootstrap-icons";
    color: var(--uf-primary-orange, #FA4616);
    font-size: .5rem;
    position: relative;
    left: -1.5rem;
    top: -.1rem;
}

.blue-arrow-list.breadcrumbs {
  margin-left: 1.3rem;
}

.blue-arrow-list li ul {
   	background-image:none;
	list-style-type:circle!important;
}
.blue-arrow-list li ol{
	background-image:none;
	list-style-type:inherit;
}

	
p.last-modified-date {
    font-size: .8rem!important;
    margin-top: 1rem!important;
}
	

/*UAS and one pending WEC page using this CT. DELETE if remvoed from those sites*/
/*.photos-on-cover-photo img {
    width: 100%!important;
    height: auto!important;
    margin-bottom: -12.5rem;
}

.cover-photo-title {
    z-index: 4!important;
}

.cover-photo-title img {
    position: absolute!important;
    bottom: 15.5rem!important;
    max-width: 100%!important;
    height: auto!important;
}

.cover-photo-3-boxes-wrapper {
    bottom: 8.5rem!important;
    z-index: 5!important;
}

.cover-photo-3-boxes-wrapper img {
    max-width: 100%!important;
    height: auto!important;
}
	

.logo-tagline h1, .logo-tagline h2, .logo-tagline h3, .logo-tagline h4, .logo-tagline h5, .logo-tagline h6, .logo-tagline p, .logo-tagline ul, .logo-tagline ol {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.logo-tagline ul ul, .logo-tagline ul ol,.logo-tagline ol ul,.logo-tagline ol ol {
    padding-left: 0rem;
}

.logo-tagline table {
	margin-left:2.5rem;
	margin-right:2.5rem;
}
.logo-tagline table h1,.logo-tagline table h2,.logo-tagline table h3,.logo-tagline table h4,.logo-tagline table h5,.logo-tagline table h6,.logo-tagline table p {
	padding-left:0;
	padding-right:0;
}
.logo-tagline table tfoot, table thead,table tbody {
    background: transparent;
    color: inherit;
}
.logo-tagline table tbody tr:nth-child(even) {
    background-color: transparent;
}

.logo-tagline table td {
    border: 1px dotted;
}
*/

#content .parallax h1 a,
#content .parallax h2 a,
#content .parallax h3 a,
#content .parallax h4 a,
#content .parallax h5 a,
#content .parallax h6 a{text-decoration:none;}

#content .parallax h1 a:hover,
#content .parallax h2 a:hover,
#content .parallax h3 a:hover,
#content .parallax h4 a:hover,
#content .parallax h5 a:hover,
#content .parallax h6 a:hover{text-decoration:underline;}

#content .parallax h1 {
  line-height: 3.75rem;
  text-transform: capitalize;
  margin-bottom: .5rem;
  text-align: center;
  font-family: var(--font-primary,sans-serif) !important;
  font-size: 2.9rem;
  font-weight: 575 !important;
}

#content .parallax p a, #content .parallax li a,#content .parallax em a,#content .parallax strong a{font-weight:bold;}
	
.html-block-on-grid h1, .html-block-on-grid h2,.html-block-on-grid h3,.html-block-on-grid h4,.html-block-on-grid h5,.html-block-on-grid h6,.html-block-on-grid p{
	padding-left:1.5rem;
	padding-right:1.5rem;
}
	
.html-block-on-grid img {
    max-width: 100%!important;
    height: auto!important;
}

div.parallax.white-text table tbody {border:1px solid var(--bs-white, #ffffff);}
div.parallax.white-text table tr {
	border-bottom:1px solid var(--bs-white, #ffffff);
	background-color: transparent!important;
}

#content div.parallax.white-text table h1,
#content div.parallax.white-text table h2,
#content div.parallax.white-text table h3,
#content div.parallax.white-text table h4,
#content div.parallax.white-text table h5,
#content div.parallax.white-text table h6,
#content div.parallax.white-text table strong, 
#content div.parallax.white-textt table italic, 
#content div.parallax.white-text table th,
#content div.parallax.white-text table thead tr th, 
#content div.parallax.white-text table td, 
#content div.parallax.white-text table p,
#content div.parallax.white-text table p strong em,
#content div.parallax.white-text table p em, 
#content div.parallax.white-text table ul, 
#content div.parallax.white-text table ol, 
#content div.parallax.white-text table a {
	color:var(--bs-white, #ffffff);
}
/*TEXT COLOR LISTS*/
.white-text a, 
.white-text h1, 
.white-text h2, 
.white-text h3, 
.white-text h4,
.white-text h5,
.white-text h6, 
.white-text ol, 
.white-text p,
.white-text p strong,
.white-text p em, 
.white-text ul,
.white-text li em,
.white-text li strong
.white-text ol,
.white-text table tr th,
.white-text table tr td{
    color: var(--bs-white, #ffffff) !important;
}

/*White UF button*/
.white-text div.uf-button-side-borders::before,
.white-text div.uf-button-side-borders::after, 
.white-text button.uf-partial-border-button::before, 
.white-text button.uf-partial-border-button:hover::after, 
.white-text button.uf-partial-border-button:hover::before, 
.white-text button.uf-partial-border-button::after{
	border-color:var(--bs-white, #ffffff) !important;
}

/*.white-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--bs-white, #ffffff);
}*/

.white-text a button.uf-partial-border-button{color:var(--bs-white, #ffffff) !important;}

/*End UF white button*/

.black-text a,
.black-text h1, 
.black-text h2, 
.black-text h3, 
.black-text h4,
.black-text h5,
.black-text h6, 
.black-text ol, 
.black-text p,
.black-text p strong,
.black-text p em, 
.black-text ul,
.black-text li em,
.black-text li strong,
.black-text ol,
.black-text table tr th,
.black-text table tr td{
    color: var(--dark-gray, #343741) !important;
}

div.parallax.black-text table tbody,
div.parallax.black-text table thead,
div.parallax.black-text table tr {
	border-color: var(--dark-gray, #343741);
}
div.parallax.black-text table tr {
	background-color: transparent !important;
}

/*Black (dark gray) UF button*/
.black-text div.uf-button-side-borders::before,
.black-text div.uf-button-side-borders::after, 
.black-text button.uf-partial-border-button::before, 
.black-text button.uf-partial-border-button:hover::after, 
.black-text button.uf-partial-border-button:hover::before, 
.black-text button.uf-partial-border-button::after{
	border-color:var(--dark-gray, #343741) !important;
}

.black-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--dark-gray, #343741);
}

.black-text a button.uf-partial-border-button{color:var(--dark-gray, #343741) !important;}

/*End Black (dark gray) UF button*/

.grey-text a,
.grey-text h1, 
.grey-text h2, 
.grey-text h3, 
.grey-text h4,
.grey-text h5,
.grey-text h6, 
.grey-text ol, 
.grey-text p,
.grey-text p strong,
.grey-text p em, 
.grey-text ul,
.grey-text li em,
.grey-text li strong,
.grey-text ol,
.grey-text span,
.grey-text table tr th,
.grey-text table tr td{
    color: var(--dark-gray, #343741) !important;
}

div.parallax.grey-text table tbody,
div.parallax.grey-text table thead,
div.parallax.grey-text table tr {
	border-color: var(--dark-gray, #343741);
}
div.parallax.grey-text table tr {
	background-color: transparent!important;
}

/*Dark gray UF button*/
.grey-text div.uf-button-side-borders::before,
.grey-text div.uf-button-side-borders::after, 
.grey-text button.uf-partial-border-button::before, 
.grey-text button.uf-partial-border-button:hover::after, 
.grey-text button.uf-partial-border-button:hover::before, 
.grey-text button.uf-partial-border-button::after{
	border-color:var(--dark-gray, #343741) !important;
}

.grey-text button.uf-partial-border-button:hover {
  	background-color: var(--ifas-light-gray, #F5F5F5) !important;
 	 border-left: 1px solid var(--dark-gray, #343741);
	color:var(--dark-gray, #343741);
	text-decoration:none!important
}

.grey-text a button.uf-partial-border-button{color:var(--dark-gray, #343741) !important;}

/*End Dark gray UF button*/

.grey-light-text a,
.grey-light-text h1, 
.grey-light-text h2, 
.grey-light-text h3, 
.grey-light-text h4,
.grey-light-text h5,
.grey-light-text h6, 
.grey-light-text ol, 
.grey-light-text p,
.grey-light-text p strong,
.grey-light-text p em, 
.grey-light-text ul,
.grey-light-text li em,
.grey-light-text li strong,
.grey-light-text ol,
.grey-light-text table tr th,
.grey-light-text table tr td{
    color: var(--ifas-light-gray, #F5F5F5) !important;
}

div.parallax.grey-light-text table tbody,
div.parallax.grey-light-text table thead,
div.parallax.grey-light-text table tr {
	border-color: var(--ifas-light-gray, #F5F5F5);
}

div.parallax.grey-light-text table tr {
	background-color: transparent!important;
}

/*Light gray UF button*/
.grey-light-text div.uf-button-side-borders::before,
.grey-light-text div.uf-button-side-borders::after, 
.grey-light-text button.uf-partial-border-button::before, 
.grey-light-text button.uf-partial-border-button:hover::after, 
.grey-light-text button.uf-partial-border-button:hover::before, 
.grey-light-text button.uf-partial-border-button::after{
	border-color:var(--ifas-light-gray, #F5F5F5) !important;
}

.grey-light-text a button.uf-partial-border-button{color:var(--ifas-light-gray, #F5F5F5) !important;}

/*End Light gray UF button*/

.green-text a,
.green-text h1, 
.green-text h2, 
.green-text h3, 
.green-text h4,
.green-text h5,
.green-text h6, 
.green-text ol, 
.green-text p,
.green-text p strong,
.green-text p em, 
.green-text ul,
.green-text li em,
.green-text li strong,
.green-text ol,
.green-text table tr th,
.green-text table tr td{
    color: var(--ifas-green, #22884C) !important;
}

div.parallax.green-text table tbody,
div.parallax.green-text table thead,
div.parallax.green-text table tr {
	border-color: var(--ifas-green, #22884C);
}

div.parallax.green-text table tr {
	background-color: transparent!important;
}

/*Green UF button*/
.green-text div.uf-button-side-borders::before,
.green-text div.uf-button-side-borders::after, 
.green-text button.uf-partial-border-button::before, 
.green-text button.uf-partial-border-button:hover::after, 
.green-text button.uf-partial-border-button:hover::before, 
.green-text button.uf-partial-border-button::after{
	border-color:var(--ifas-green, #22884C) !important;
}

.green-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--ifas-green, #22884C);
}

.green-text a button.uf-partial-border-button{color:var(--ifas-green, #22884C) !important;}

/*End Green UF button*/

.bright-green-text a,
.bright-green-text h1, 
.bright-green-text h2, 
.bright-green-text h3, 
.bright-green-text h4,
.bright-green-text h5,
.bright-green-text h6, 
.bright-green-text ol, 
.bright-green-text p,
.bright-green-text p strong,
.bright-green-text p em, 
.bright-green-text ul,
.bright-green-text li em,
.bright-green-text li strong,
.bright-green-text ol,
.bright-green-text table tr th,
.bright-green-text table tr td{
    color: var(--ifas-green, #22884C) !important;
}

div.parallax.bright-green-text table tbody,
div.parallax.bright-green-text table thead,
div.parallax.bright-green-text table tr {
	border-color: var(--ifas-green, #22884C);
}

div.parallax.bright-green-text table tr {
	background-color: transparent!important;
}

/*Bright Green UF button*/
.bright-green-text div.uf-button-side-borders::before,
.bright-green-text div.uf-button-side-borders::after, 
.bright-green-text button.uf-partial-border-button::before, 
.bright-green-text button.uf-partial-border-button:hover::after, 
.bright-green-text button.uf-partial-border-button:hover::before, 
.bright-green-text button.uf-partial-border-button::after{
	border-color:var(--ifas-green, #22884C) !important;
}

.bright-green-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid var(--ifas-green, #22884C);
}

.bright-green-text a button.uf-partial-border-button{
  /*color:var(--ifas-green, #22884C) !important;*/
  color: #343741;
}
/*End Bright Green UF button*/

.purple-text a,
.purple-text h1, 
.purple-text h2, 
.purple-text h3, 
.purple-text h4,
.purple-text h5,
.purple-text h6, 
.purple-text ol, 
.purple-text p,
.purple-text p strong,
.purple-text p em, 
.purple-text ul,
.purple-text li em,
.purple-text li strong,
.purple-text ol,
.purple-text table tr th,
.purple-text table tr td{
    color: var(--ifas-purple, #6A2A60) !important;
}

div.parallax.purple-text table tbody,
div.parallax.purple-text table thead,
div.parallax.purple-text table tr {
	border-color: var(--ifas-purple, #6A2A60);
}

div.parallax.purple-text table tr {
	background-color: transparent!important;
}

/*Purple UF button*/
.purple-text div.uf-button-side-borders::before,
.purple-text div.uf-button-side-borders::after, 
.purple-text button.uf-partial-border-button::before, 
.purple-text button.uf-partial-border-button:hover::after, 
.purple-text button.uf-partial-border-button:hover::before, 
.purple-text button.uf-partial-border-button::after{
	border-color:var(--ifas-purple, #6A2A60) !important;
}

.purple-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--ifas-purple, #6A2A60);
}

.purple-text a button.uf-partial-border-button{color:var(--ifas-purple, #6A2A60) !important;}

/*END Purple UF button*/

.bright-purple-text a,
.bright-purple-text h1, 
.bright-purple-text h2, 
.bright-purple-text h3, 
.bright-purple-text h4,
.bright-purple-text h5,
.bright-purple-text h6, 
.bright-purple-text ol, 
.bright-purple-text p,
.bright-purple-text p strong,
.bright-purple-text p em, 
.bright-purple-text ul,
.bright-purple-text li em,
.bright-purple-text li strong,
.bright-purple-text ol,
.bright-purple-text tr th,
.bright-purple-text tr td{
    color: var(--ifas-purple, #6A2A60) !important;
}

div.parallax.bright-purple-text table tbody,
div.parallax.bright-purple-text table thead,
div.parallax.bright-purple-text table tr {
	border-color: var(--ifas-purple, #6A2A60);
}

div.parallax.bright-purple-text table tr {
	background-color: transparent!important;
}

/*Bright Purple UF button*/
.bright-purple-text div.uf-button-side-borders::before,
.bright-purple-text div.uf-button-side-borders::after, 
.bright-purple-text button.uf-partial-border-button::before, 
.bright-purple-text button.uf-partial-border-button:hover::after, 
.bright-purple-text button.uf-partial-border-button:hover::before, 
.bright-purple-text button.uf-partial-border-button::after{
	border-color:var(--ifas-purple, #6A2A60) !important;
}

.bright-purple-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--ifas-purple, #6A2A60);
}

.bright-purple-text a button.uf-partial-border-button{color:var(--ifas-purple, #6A2A60) !important;}

/*END Bright Purple UF button*/

.brown-text a,
.brown-text h1, 
.brown-text h2, 
.brown-text h3, 
.brown-text h4,
.brown-text h5,
.brown-text h6, 
.brown-text ol, 
.brown-text p,
.brown-text p strong,
.brown-text p em, 
.brown-text ul,
.brown-text li em,
.brown-text li strong,
.brown-text ol,
.brown-text table th,
.brown-text table td{
    color: #533e0b!important;
}

/*Brown UF button*/
.brown-text div.uf-button-side-borders::before,
.brown-text div.uf-button-side-borders::after, 
.brown-text button.uf-partial-border-button::before, 
.brown-text button.uf-partial-border-button:hover::after, 
.brown-text button.uf-partial-border-button:hover::before, 
.brown-text button.uf-partial-border-button::after{
	border-color:#533e0b!important;
}

.brown-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid #533e0b;
}

.brown-text a button.uf-partial-border-button{color:#533e0b!important;}

div.parallax.brown-text table tbody,
div.parallax.brown-text table thead,
div.parallax.brown-text table tr {
	border-color: #533e0b;
}

div.parallax.brown-text table tr {
	background-color: transparent!important;
}

/*END Brown UF button*/

.bright-brown-text a,
.bright-brown-text h1, 
.bright-brown-text h2, 
.bright-brown-text h3, 
.bright-brown-text h4,
.bright-brown-text h5,
.bright-brown-text h6, 
.bright-brown-text ol, 
.bright-brown-text p,
.bright-brown-text p strong,
.bright-brown-text p em, 
.bright-brown-text ul,
.bright-brown-text li em,
.bright-brown-text li strong,
.bright-brown-text ol,
.bright-brown-text table th,
.bright-brown-text table td{
    color: #533e0b!important;
}

div.parallax.bright-brown-text table tbody,
div.parallax.bright-brown-text table thead,
div.parallax.bright-brown-text table tr {
	border-color: #533e0b;
}

div.parallax.bright-brown-text table tr {
	background-color: transparent!important;
}


/*Bright Brown UF button*/
.bright-brown-text div.uf-button-side-borders::before,
.bright-brown-text div.uf-button-side-borders::after, 
.bright-brown-text button.uf-partial-border-button::before, 
.bright-brown-text button.uf-partial-border-button:hover::after, 
.bright-brown-text button.uf-partial-border-button:hover::before, 
.bright-brown-text button.uf-partial-border-button::after{
	border-color:#533e0b!important;
}

.bright-brown-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid #533e0b;
}

.bright-brown-text a button.uf-partial-border-button{color:#533e0b!important;}

/*END Bright Brown UF button*/

.uf-blue-text a,
.uf-blue-text h1, 
.uf-blue-text h2, 
.uf-blue-text h3, 
.uf-blue-text h4,
.uf-blue-text h5,
.uf-blue-text h6, 
.uf-blue-text ol, 
.uf-blue-text p,
.uf-blue-text p strong,
.uf-blue-text p em, 
.uf-blue-text ul,
.uf-blue-text li em,
.uf-blue-text li strong,
.uf-blue-text ol,
.uf-blue-text span,
.uf-blue-text tr th,
.uf-blue-text tr td{
    color: var(--uf-primary-blue, #0021A5) !important;
}

div.parallax.uf-blue-text table tbody,
div.parallax.uf-blue-text table thead,
div.parallax.uf-blue-text table tr {
	border-color: var(--uf-primary-blue, #0021A5);
}

div.parallax.uf-blue-text table tr {
	background-color: transparent!important;
}

/*UF Blue UF button*/
.uf-blue-text div.uf-button-side-borders::before,
.uf-blue-text div.uf-button-side-borders::after, 
.uf-blue-text button.uf-partial-border-button::before, 
.uf-blue-text button.uf-partial-border-button:hover::after, 
.uf-blue-text button.uf-partial-border-button:hover::before, 
.uf-blue-text button.uf-partial-border-button::after{
	border-color:var(--uf-primary-blue, #0021A5) !important;
}

.uf-blue-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-blue, #0021A5);
}

.uf-blue-text a button.uf-partial-border-button{color:var(--uf-primary-blue, #0021A5) !important;}

/*END UF Blue UF button*/

.uf-orange-text a,
.uf-orange-text h1, 
.uf-orange-text h2, 
.uf-orange-text h3, 
.uf-orange-text h4,
.uf-orange-text h5,
.uf-orange-text h6, 
.uf-orange-text ol, 
.uf-orange-text p,
.uf-orange-text p strong,
.uf-orange-text p em, 
.uf-orange-text ul,
.uf-orange-text li em,
.uf-orange-text li strong,
.uf-orange-text ol,
.uf-orange-text tr td,
.uf-orange-text tr th{
    color: var(--uf-primary-orange, #FA4616) !important;
}

div.parallax.uf-orange-text table tbody,
div.parallax.uf-orange-text table thead,
div.parallax.uf-orange-text table tr {
	border-color: var(--uf-primary-orange, #FA4616);
}

div.parallax.uf-orange-text table tr {
	background-color: transparent!important;
}

/*UF Orange UF button*/
.uf-orange-text div.uf-button-side-borders::before,
.uf-orange-text div.uf-button-side-borders::after, 
.uf-orange-text button.uf-partial-border-button::before, 
.uf-orange-text button.uf-partial-border-button:hover::after, 
.uf-orange-text button.uf-partial-border-button:hover::before, 
.uf-orange-text button.uf-partial-border-button::after{
	border-color:var(--uf-primary-orange, #FA4616) !important;
}

.uf-orange-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-orange, #FA4616);
}

.uf-orange-text a button.uf-partial-border-button{color:var(--uf-primary-orange, #FA4616) !important;}
/*END UF Orange UF Button*/

.muted-orange-text a,
.muted-orange-text h1, 
.muted-orange-text h2, 
.muted-orange-text h3, 
.muted-orange-text h4,
.muted-orange-text h5,
.muted-orange-text h6, 
.muted-orange-text ol, 
.muted-orange-text p,
.muted-orange-text p strong,
.muted-orange-text p em, 
.muted-orange-text ul,
.muted-orange-text li em,
.muted-orange-text li strong,
.muted-orange-text ol,
.muted-orange-text tr td,
.muted-orange-text tr th{
    color: var(--uf-primary-orange, #FA4616) !important;
}

div.parallax.muted-orange-text table tbody,
div.parallax.muted-orange-text table thead,
div.parallax.muted-orange-text table tr {
	border-color: var(--uf-primary-orange, #FA4616);
}

div.parallax.muted-orange-text table tr {
	background-color: transparent!important;
}

/*Muted Orange UF button*/
.muted-orange-text div.uf-button-side-borders::before,
.muted-orange-text div.uf-button-side-borders::after, 
.muted-orange-text button.uf-partial-border-button::before, 
.muted-orange-text button.uf-partial-border-button:hover::after, 
.muted-orange-text button.uf-partial-border-button:hover::before, 
.muted-orange-text button.uf-partial-border-button::after{
	border-color:var(--uf-primary-orange, #FA4616) !important;
}

.muted-orange-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid #FA4616;
}

.muted-orange-text a button.uf-partial-border-button{color:var(--uf-primary-orange, #FA4616) !important;}
/*END Muted Orange UF Button*/

.uf-muted-orange-text a,
.uf-muted-orange-text h1, 
.uf-muted-orange-text h2, 
.uf-muted-orange-text h3, 
.uf-muted-orange-text h4,
.uf-muted-orange-text h5,
.uf-muted-orange-text h6, 
.uf-muted-orange-text ol, 
.uf-muted-orange-text p,
.uf-muted-orange-text p strong,
.uf-muted-orange-text p em, 
.uf-muted-orange-text ul,
.uf-muted-orange-text li em,
.uf-muted-orange-text li strong,
.uf-muted-orange-text ol,
.uf-muted-orange-text tr td,
.uf-muted-orange-text tr th{
    color: var(--uf-primary-orange, #FA4616) !important;
}

div.parallax.uf-muted-orange-text table tbody,
div.parallax.uf-muted-orange-text table thead,
div.parallax.uf-muted-orange-text table tr {
	border-color: var(--uf-primary-orange, #FA4616);
}

div.parallax.uf-muted-orange-text table tr {
	background-color: transparent!important;
}

/*UF Muted Orange UF button*/
.uf-muted-orange-text div.uf-button-side-borders::before,
.uf-muted-orange-text div.uf-button-side-borders::after, 
.uf-muted-orange-text button.uf-partial-border-button::before, 
.uf-muted-orange-text button.uf-partial-border-button:hover::after, 
.uf-muted-orange-text button.uf-partial-border-button:hover::before, 
.uf-muted-orange-text button.uf-partial-border-button::after{
	border-color:var(--uf-primary-orange, #FA4616) !important;
}

.uf-muted-orange-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-orange, #FA4616);
}

.uf-muted-orange-text a button.uf-partial-border-button{color:var(--uf-primary-orange, #FA4616) !important;}

/*END UF Muted Orange UF Button*/

.uf-muted-blue-text a,
.uf-muted-blue-text h1, 
.uf-muted-blue-text h2, 
.uf-muted-blue-text h3, 
.uf-muted-blue-text h4,
.uf-muted-blue-text h5,
.uf-muted-blue-text h6, 
.uf-muted-blue-text ol, 
.uf-muted-blue-text p,
.uf-muted-blue-text p strong,
.uf-muted-blue-text p em, 
.uf-muted-blue-text ul,
.uf-muted-blue-text li em,
.uf-muted-blue-text li strong,
.uf-muted-blue-text ol,
.uf-muted-blue-text tr td,
.uf-muted-blue-text tr th{
    color: var(--uf-primary-blue, #0021A5) !important;
}

div.parallax.uf-muted-blue-text table tbody,
div.parallax.uf-muted-blue-text table thead,
div.parallax.uf-muted-blue-text table tr {
	border-color: var(--uf-primary-blue, #0021A5);
}

div.parallax.uf-muted-blue-text table tr {
	background-color: transparent!important;
}

/*UF Muted Blue UF button*/
.uf-muted-blue-text div.uf-button-side-borders::before,
.uf-muted-blue-text div.uf-button-side-borders::after, 
.uf-muted-blue-text button.uf-partial-border-button::before, 
.uf-muted-blue-text button.uf-partial-border-button:hover::after, 
.uf-muted-blue-text button.uf-partial-border-button:hover::before, 
.uf-muted-blue-text button.uf-partial-border-button::after{
	border-color:var(--uf-primary-blue, #0021A5) !important;
}

.uf-muted-blue-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-blue, #0021A5);
}

.uf-muted-blue-text a button.uf-partial-border-button
{color:var(--uf-primary-blue, #0021A5) !important;}
/*END UF Muted Blue UF Button*/

.web-blue-text a,
.web-blue-text h1, 
.web-blue-text h2, 
.web-blue-text h3, 
.web-blue-text h4,
.web-blue-text h5,
.web-blue-text h6, 
.web-blue-text ol, 
.web-blue-text p,
.web-blue-text p strong,
.web-blue-text p em, 
.web-blue-text ul,
.web-blue-text li em,
.web-blue-text li strong,
.web-blue-text ol,
.web-blue-text tr td,
.web-blue-text tr th{
    color: var(--uf-primary-blue, #0021A5) !important; /*OLD WEB BLUE #00529B*/
}

div.parallax.web-blue-text table tbody,
div.parallax.web-blue-text table thead,
div.parallax.web-blue-text table tr {
	border-color: var(--uf-primary-blue, #0021A5); /*OLD WEB BLUE #00529B*/
}

div.parallax.web-blue-text table tr {
	background-color: transparent!important;
}

/*Web Blue UF button*/
.web-blue-text div.uf-button-side-borders::before,
.web-blue-text div.uf-button-side-borders::after, 
.web-blue-text button.uf-partial-border-button::before, 
.web-blue-text button.uf-partial-border-button:hover::after, 
.web-blue-text button.uf-partial-border-button:hover::before, 
.web-blue-text button.uf-partial-border-button::after{
	border-color:var(--uf-primary-blue, #0021A5) !important; /*OLD WEB BLUE #00529B*/
}

.web-blue-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-blue, #0021A5); /*OLD WEB BLUE #00529B*/
}

.web-blue-text a button.uf-partial-border-button{color:var(--uf-primary-blue, #0021A5) !important;} /*OLD WEB BLUE #00529B*/

/*END Web Blue UF Button*/

.orange-text a,
.orange-text h1, 
.orange-text h2, 
.orange-text h3, 
.orange-text h4,
.orange-text h5,
.orange-text h6, 
.orange-text ol, 
.orange-text p,
.orange-text p strong,
.orange-text p em, 
.orange-text ul,
.orange-text li em,
.orange-text li strong,
.orange-text ol,
.orange-text tr td,
.orange-text tr th{
    color: var(--uf-primary-blue, #0021A5) !important;
}

div.parallax.orange-text table tbody,
div.parallax.orange-text table thead,
div.parallax.orange-text table tr {
	border-color: var(--uf-primary-blue, #0021A5);
}

div.parallax.orange-text table tr {
	background-color: transparent!important;
}

/*Orange UF button*/
.orange-text div.uf-button-side-borders::before,
.orange-text div.uf-button-side-borders::after, 
.orange-text button.uf-partial-border-button::before, 
.orange-text button.uf-partial-border-button:hover::after, 
.orange-text button.uf-partial-border-button:hover::before, 
.orange-text button.uf-partial-border-button::after{
	border-color:var(--uf-primary-blue, #0021A5) !important;
}

.orange-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-blue, #0021A5);
}

.orange-text a button.uf-partial-border-button
{color:var(--uf-primary-blue, #0021A5) !important;}
/*END Orange UF Button*/

.web-orange-text a,
.web-orange-text h1, 
.web-orange-text h2, 
.web-orange-text h3, 
.web-orange-text h4,
.web-orange-text h5,
.web-orange-text h6, 
.web-orange-text ol, 
.web-orange-text p,
.web-orange-text p strong,
.web-orange-text p em, 
.web-orange-text ul,
.web-orange-text li em,
.web-orange-text li strong,
.web-orange-text ol,
.web-orange-text tr td,
.web-orange-text tr th{
    color: var(--uf-primary-blue, #0021A5) !important;
}

div.parallax.web-orange-text table tbody,
div.parallax.web-orange-text table thead,
div.parallax.web-orange-text table tr {
	border-color: var(--uf-primary-blue, #0021A5);
}

div.parallax.web-orange-text table tr {
	background-color: transparent!important;
}

/*Web Orange UF button*/
.web-orange-text div.uf-button-side-borders::before,
.web-orange-text div.uf-button-side-borders::after, 
.web-orange-text button.uf-partial-border-button::before, 
.web-orange-text button.uf-partial-border-button:hover::after, 
.web-orange-text button.uf-partial-border-button:hover::before, 
.web-orange-text button.uf-partial-border-button::after{
	border-color:var(--uf-primary-blue, #0021A5) !important;
}

.web-orange-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-blue, #0021A5);
}

.web-orange-text a button.uf-partial-border-button{color:var(--uf-primary-blue, #0021A5) !important;}
/*END Web Orange UF Button*/

.ifas-blue-text a,
.ifas-blue-text h1, 
.ifas-blue-text h2, 
.ifas-blue-text h3, 
.ifas-blue-text h4,
.ifas-blue-text h5,
.ifas-blue-text h6, 
.ifas-blue-text ol, 
.ifas-blue-text p,
.ifas-blue-text p strong,
.ifas-blue-text p em, 
.ifas-blue-text ul,
.ifas-blue-text li em,
.ifas-blue-text li strong,
.ifas-blue-text ol,
.ifas-blue-text tr td,
.ifas-blue-text tr th{
    color: var(--uf-primary-blue, #0021A5) !important;
}

div.parallax.ifas-blue-text table tbody,
div.parallax.ifas-blue-text table thead,
div.parallax.ifas-blue-text table tr {
	border-color: var(--uf-primary-blue, #0021A5);
}

div.parallax.ifas-blue-text table tr {
	background-color: transparent!important;
}

/*IFAS Blue UF button*/
.ifas-blue-text div.uf-button-side-borders::before,
.ifas-blue-text div.uf-button-side-borders::after, 
.ifas-blue-text button.uf-partial-border-button::before, 
.ifas-blue-text button.uf-partial-border-button:hover::after, 
.ifas-blue-text button.uf-partial-border-button:hover::before, 
.ifas-blue-text button.uf-partial-border-button::after{
	border-color:var(--uf-primary-blue, #0021A5) !important;
}

.ifas-blue-text button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-blue, #0021A5);
}

.ifas-blue-text a button.uf-partial-border-button{color:var(--uf-primary-blue, #0021A5) !important;}

/*END IFAS Blue Button*/
	
/*This sm-icons class is used in conjection with the county right sidebar and gray border so could be used within the F5v2 template since the the right column fuctionality is often used*/
#county-sm-icons p a, .parallax a:hover {
    text-decoration: none;
}
	
.parallax img {
    max-width: 100%!important;
    height: auto!important;
}


.image-left {
    float: left;
    margin: 8px 25px 20px 0px;
}
.image-right {
    float: right;
    margin: 8px 20px 20px 25px;
}	

.text-center {
    text-align: center;
}

.text-left{
  text-align: left!important;
}
	
.clear-all {
    clear: both;
}
	
.no-left-right-padding {
    padding-left: 0;
    padding-right: 0;
}
.padding-left-right1-5 {
	padding-left:1.5rem;
	padding-right:1.5rem;
}
.margin-left-right1-5 {
	margin-left:1.5rem;
	margin-right:1.5rem;
}
.padding-left-right2-5 {
	padding-left:2.5rem;
	padding-right:2.5rem;
}
.margin-left-right2-5 {
	margin-left:2.5rem;
	margin-right:2.5rem;
}

.no-display {
    display: none;
}
	
.blue-links a {
    color:var(--uf-primary-blue, #0021A5) !important; /*OLD WEB BLUE #00529B*/
}
	
/*F5 or F6V1??*/
_:-ms-lang(x), _:-webkit-full-screen, strong {
    text-shadow: 1px 0 0;
}	

.accordion-title {
    display: block;
    padding: 1.1rem 2.5rem 1rem 1rem!important;
    line-height: 1;
    font-size: 1.3rem;
    color: var(--dark-gray, #343741);
    position: relative;
	border-top: 2px solid var(--dark-gray, #343741);
	border-bottom: 2px solid var(--dark-gray, #343741);
	border-left: none;
	border-right: none;
    margin-bottom: 1rem;
	font-family: var(--font-primary,sans-serif) !important;
	font-weight: 550 !important;
}

li.is-active a.accordion-title {
    border-bottom: none!important;
    background-color: var(--ifas-light-gray, #F5F5F5);
}

:last-child:not(.is-active) > .accordion-title {
	border-radius: 0;
	border-bottom: 2px solid var(--dark-gray, #343741) !important;
}

a.accordion-title:hover {
  text-decoration: none !important;
  background-color:var(--ifas-light-gray, #F5F5F5) !important;
}

/*picture accordions style to stop borders from appearing*/
.accordions_and_buttons :last-child:not(.is-active) > .accordion-title {
  border-radius: 3px;
  border-color: transparent!important;
}
.accordions_and_buttons .accordion-title{border-color: transparent!important;}
/*End picture accordions style*/

.accordion-title:focus, .accordion-title:hover {
    color: var(--dark-gray, #343741);
    background-color: var(--bs-white, #ffffff) !important;
}

.accordion-title a {
    color: var(--dark-gray, #343741);
}

.accordion-title:before {
    font-family: "Font Awesome 6 Pro"; 
	font-weight: 300; 
	content: "\f055";
    position: absolute;
	right:1rem;
    top: 45%;
    margin-top: -.6rem;
	font-size:1.6rem;
	
}
/******
Bootstrap icon syntax for accordion icons would be:
Plus - \F4FE
Minus - one or the other 
dash - \F2EA
dash-lg - \F63B
******/

a.accordion-title.regular-accordion {
  padding-left: 1rem !important;
}

.is-active>.accordion-title:before {
	content: "\f056";
}

/*3 PICTURE Boxes ACCORDION*/
div.accordion_box ul.accordion li.is-active ol {
    margin-left: 0rem!important;
}

div.accordion_box .accordion-content h1 {
	margin-left:0!important;
}

div.accordion_box .accordion-content h2{
	margin-left: 0 !important;
  font-size: 2.1rem!important;
    margin-bottom: 0!important;
}

/*REGULAR Accordion*/
div.accordion-content.f6v3 h2 {
    margin-left: 0!important;
}


div.accordion-content h4 {
    margin-left: 0rem!important;
}

div.accordions_and_buttons div.accordion-content h1{
  color:var(--dark-gray, #343741) !important;
  border-bottom: 0px!important;
}

div.accordions_and_buttons div.accordion-content a{
  color:var(--uf-primary-blue, #0021A5);
  font-style:normal;
}

div.accordions_and_buttons div.accordion-content p{
  font-size: 1.25rem;
  line-height: 1.75rem;
}


/*NEW accordion headings for 2024*/
#content .accordion .accordion-content h1, #content .accordion .accordion-content h2, #content .accordion .accordion-content h3, #content .accordion .accordion-content h4, #content .accordion .accordion-content h5 {
  font-size: 1.6rem !important;
  line-height: 2.5rem !important;
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
  font-family: var(--font-primary,sans-serif) !important;
  font-weight: 550 !important;
}
/*END New accordion headings for 2024*/
	

#main-menu{font-weight: 500!important;}	

.accordion .accordion-content ul.blue-arrow-list ul {
	margin-left: 0rem!important;
}

.accordion .accordion-content {
	margin-top: -1.1rem;
	margin-bottom: 1rem;
	margin-left: 0rem;
	padding-top: 1.5rem;
	padding-left: 2.5rem;
    border: 1px solid var(--bs-white, #ffffff);
    background-color: var(--ifas-light-gray, #F5F5F5);
	color:var(--dark-gray, #343741);
}

.accordion .accordion-content table{
  background: var(--bs-white, #ffffff);
}

.accordions_and_buttons .accordion .accordion-content {
  margin-top: .5rem !important;
}

.accordion-content a {
    border-bottom: 1px solid var(--uf-primary-orange, #FA4616);
    color: var(--uf-primary-blue, #0021A5);
}

.accordion-content a:hover {
  	border-bottom: 1px solid var(--dark-gray, #343741);
  	color: var(--dark-gray, #343741);
	text-decoration:none!important;
}

.accordion .accordion-content ol ol,.accordion .accordion-content ol ul {
    padding-left: 3rem!important;
}

.accordion .accordion-content ul ul {
    margin-left: 1.5rem !important;
}

.accordion .accordion-content ul ol {
    padding-left: 2.5rem !important;
}
.accordion .accordion-content ol,.accordion .accordion-content ul{
	padding-bottom:.5em;
}

.accordion .accordion-content ul ul,.accordion .accordion-content ol ol,.accordion .accordion-content ul ol,.accordion .accordion-content ol ul{padding-bottom:.1em;}

	
#pagination {
    float: right;
}

.accordion-content img {
    margin-top: 20px;
    margin-bottom: 20px;
}

	
.no-js .top-bar {
    display: none;
}

.top-bar {
    padding: 0;
    background: 0 0!important;
}

#top-nav-wrapper {
    background-color: var(--uf-primary-blue, #0021A5);
    width: 100%!important;
    padding-top: 0;
    overflow-x: hidden;
}


.logo, .logo img, .menu-icon, .title-bar, .title-bar-title {
    position: relative;
}

.menu-icon {
    float: right;
    top: -1rem;
	width: 30px!important;
    height: 24px!important;
	background-color: var(--uf-primary-blue, #0021A5) !important;
}
	
.menu-icon:hover::after {
    background: #fff;
    box-shadow: 0 7px 0 var(--bs-white, #ffffff), 0 14px 0 var(--bs-white, #ffffff);
}
	
.title-bar {
    background: 0 0!important;
    color: var(--bs-white, #ffffff);
    margin-top: -.5rem!important;
    z-index: 200;
}
	
/******************************************
	- HAMBURGER MENU******************************
******************************************************************************************/
.title-bar-title {
    position: relative;
    top: .1rem;
    left: 2.7rem;
    font-size: .65rem;
    letter-spacing: 1px;
	float: right;
    padding-right: .5rem;
	font-weight: 600 !important;
}	
	
.is-drilldown-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px inset transparent;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
}
	
li.hide-logo {
    display: none!important;
}
	
	
@media screen and (min-width:64em) {
    #main-menu ul li {
    text-align: right;
    display: none;
}
	
#main-menu ul li li {
    margin-right: 1.5rem!important;
}
	
#main-menu ul li li a:hover {
    margin-right: -1.5rem;
    padding-right: 1.5rem;
}
	
#main-menu #searchbox {
    float: right;
    width: 270px;
}
}


#main-menu #searchbox .button {
    position: relative;
    top: -2.5rem;
    background-color: var(--uf-primary-blue, #0021A5);
}

#main-menu .top-bar-left {
    width: 100%!important;
}
	
	
.top-bar-left ul {
    background: var(--uf-primary-blue, #0021A5);
}

.top-bar-left ul a {
    color: #fff;
    border-bottom: 1px dotted #f0f8fc;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.top-bar-left ul ul {
    background: var(--bs-white, #ffffff);
    margin-left: 0;
    padding-left: 1rem;
}

.top-bar-left ul ul a {
    color: var(--uf-primary-blue, #0021A5);
    display: block;
    margin-left: -1rem;
    padding-left: 1rem;
}

.top-bar-left ul ul a:hover {
    color: #fff;
    background: var(--uf-primary-blue, #0021A5);
}

.logo {
    margin-bottom: .75rem;
    margin-left: .75rem;
    top: 1rem;
}

.logo img {
    z-index: 300!important;
}

#main-menu ul ul li {
    font-size: .9rem;
}

.js-drilldown-back>a::before {
    content: '';
    width: 0;
    height: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
}
	
.js-drilldown-back>a {
    font-size: 1.25rem;
}

	
@media screen and (min-width:40em) {
    .no-js .top-bar {
    display: block;
}
	
#main-menu ul li, .no-js .title-bar {
    display: none;
}
}

/*This .white-F5-h2-row-heading class controls the row header when it's not in the T4 body (heading field)*/
.white-F5-h2-row-heading{padding-left:.5rem;}

h2.white-F5-h2-row-heading:empty {display:none;}

.complex-layout { }

.complex-content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.complex-content p a,.complex-content li a, .complex-content em a,.complex-content strong a {
	font-weight:bold!important;
}

.complex-content p a:hover,.complex-content li a:hover, .complex-content em a:hover,.complex-content strong a:hover {
	font-weight:bold!important;
	text-decoration:underline;
}
.complex-layout .accordion {
    margin-left: 0;
}
	
/*EDIS EXTENSION RIGHT SIDE BAR STYLE - county-right-sidebar sub class*/
#county-right-sidebar h5.extension-right-sidebar-pubs {
	text-transform:capitalize;
	font-size:.95rem;
}
	
/*County right sidebar classes - also used in F6v2 right columns*/
#county-right-sidebar {
    padding-top: 5px;
}
	
#county-right-sidebar blockquote, #county-right-sidebar ol li, #county-right-sidebar p, #county-right-sidebar ul li {
    font-size: 1rem;
}
	
#county-sm-icons h3 {
    padding-bottom: 1rem!important;
}
	
#county-sm-icons p {
    font-weight: 200!important;
    font-size: 1.1rem!important;
}
	
#county-sm-icons p a {
    color: var(--black, #000);
}
	
#county-sm-icons img { }
	/*This class is also tied to the owl slider with captions*/

.two-linked-photos {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}	
	
/*USED ON SOME FACULTY F6v2 websites and programs.ifas*/
.sfyl-6-box-wrapper {
    background-color: #eee;
    padding: 1rem 1rem 0;
    margin-bottom: -3rem;
    position: relative;
    top: -4rem;
}

.sfyl-6-box-wrapper h3 a {
    color: color: var(--dark-gray, #343741);
}

.sfyl-6-box-wrapper h3 {
    font-size: 1rem!important;
    text-transform: none!important;
    text-align: center;
}

.sfyl-6-box-wrapper img {
    padding-bottom: .3rem;
}

/*used by white 2 photos content type - 3 & 4*/
.kitchen-photo-block-blurb { }
	
	
/*6 BLOCK BLOG FEED GRID*/
	.blog-grid, .blog-grid-title {
    max-height: 223px;
    overflow: hidden;
}

.blog-grid, .static-grid {
    min-width: 33%;
    max-width: 100%;
    display: inline-block;
    min-height: 223px;
}
	
.static-grid {
    background-size: 100% 100%;
    font-size: 83px;
    padding: 50px 0;
    line-height: 123px;
    text-align: center;
}
	
.blog-grid {
    padding: 0;
    background-size: auto 100%;
    background-position: center;
    cursor: pointer;
    margin: 0;
}
	
.blog-grid-title {
    min-height: 223px;
    background-color: rgba(0, 85, 153, .5);
    margin: 0;
    padding: 25px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    color: var(--bs-white, #ffffff);
}
	
.first-static-div {
    color: #f7670d;
}
	
.title-overlay-mobile {
    display: block;
    font-size: 18pt;
}
.title-overlay-not-mobile {
    display: none;
    font-size: 20pt;
}
.last-static-div {
    margin: 0;
    float: left;
    color: var(--bs-white, #ffffff);
}
	
	
@media screen and (min-width:411px) and (max-width:639px) {
    .blog-grid {
    background-size: 100% auto;
}
}
	

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    strong {
    text-shadow: 1px 0 0;
}
}
	

@media only screen and (max-width:63.9375em) {
    #content h1, #content h2, #content h3, #content h4, #content h5, #content p {
    word-wrap: break-word;
}
	#content h2{
		font-size:3.625rem;
		line-height:4rem;
	}
	
.logo-tagline h1, .logo-tagline h2, .logo-tagline h3, .logo-tagline h4, .logo-tagline h5, .logo-tagline p {
    word-wrap: normal!important;
}
  
#events-highlights h2{
  font-size: 1.4rem !important;
  padding-bottom: 3rem !important;
}
  
}

	
/***********************************************************************************************************
	START - MASH MENU - MEGA MENU
****************************************************************************************************************/
 .mashmenu .menu>li>a, .mashmenu .mod .mod-content {
  font-family: var(--font-primary,sans-serif);
}

.mashmenu {
    position: fixed;
    top: 0;
    left: 0;
    background: #2aa4cf;
    width: 100%;
    z-index: 1005;
    border-bottom: 1px solid #f56f02;
}

.mashmenu img.mlogo {
    display: inline-block!important;
    padding-top: 5px;
    margin-bottom: 5px;
}

.mashmenu .logo a, .mashmenu .mod {
    display: inline-block;
}

.mashmenu div.mlogo {
    margin: 7px 20px 0 0;
}

.mashmenu .logo a:hover {
    background: 0 0;
}

.admin-bar .mashmenu {
    top: 28px;
}

.mashmenu .mod {
    color: #fff;
    position: relative;
}

.mashmenu .mod.right {
    float: right;
    border-left: 1px solid rgba(0, 0, 0, .15);
}

.mashmenu .mod>a {
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
}

.mashmenu .mod .head i {
    font-size: 18px;
    line-height: 46px;
}

.mashmenu .mod .mod-content {
    display: none;
    position: absolute;
    top: initial;
    right: 0;
    background: #ddf0f9;
    border-bottom: 3px solid #2aa4cf;
    padding: 10px 20px;
    color: #343741;
    min-width: 240px;
}

.mashmenu .menu, .mashmenu .mod .mod-content h3 {
    padding: 0;
    margin: 0;
}

.mashmenu .mod:hover {
    background: #ddf0f9;
}

.mashmenu .mlogo:hover {
    background: 0 0;
}

.mashmenu .mod:hover a {
    color: #2aa4cf;
}

.mashmenu .mod:hover .mod-content {
    display: block;
}

.mashmenu .menu {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.mashmenu .menu>li {
    display: inline;
    margin: 0;
    position: initial;
}

.mashmenu .menu>li>a {
    display: inline-block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    line-height: 2em;
}

.mashmenu .menu .sub-content {
    display: none;
    width: 100%;
    position: absolute;
    background: #eee!important;
    border-bottom: 3px solid #2aa4cf;
    left: 0;
    top: initial;
}

.mashmenu .menu .sub-content.sub-content-active {
    display: none;
}

.mashmenu .menu li.level0:hover>a {
    background: #eee!important;
    color: #2aa4cf;
}

.mashmenu .sub-channel {
    display: inline-block;
    width: 200px;
    margin: 0;
    padding: 10px 0 0;
    height: 205px;
    vertical-align: top;
    background: 0 0!important;
}

.mashmenu .sub-channel li {
    display: block;
}

.mashmenu .menu .sub-channel li a {
    color: #2aa4cf;
    font-weight: 700;
    text-align: right;
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    text-decoration: none;
}

.mashmenu .menu li.level0:hover .sub-channel li a {
    background: 0 0;
}

.mashmenu .menu li.level0:hover .sub-channel li.hover a {
    background: #ddf0f9;
}

.mashmenu .menu li.level0 .sub-channel li a .fa-chevron-left, .mashmenu .menu li.level0 .sub-channel li a .fa-chevron-right, .mashmenu .menu li.level0:hover .sub-channel li a .fa-chevron-left, .mashmenu .menu li.level0:hover .sub-channel li a .fa-chevron-right {
    color: #0021a5;
    font-size: 12px;
}

.mashmenu .menu li.level0:hover .sub-channel li.hover a .fa-chevron-left, .mashmenu .menu li.level0:hover .sub-channel li.hover a .fa-chevron-right {
    color: #2aa4cf;
}

.mashmenu .channel-content {
    display: none;
}

.mashmenu .channel-content.active {
    display: inline-block;
}

.mashmenu .content-inner {
    overflow: hidden;
    max-width: 1440px;
    margin-top: 21px;
}

.mashmenu .content-item {
    display: inline-block;
    width: 200px;
    max-height: 180px;
    margin: 20px 10px;
    vertical-align: top;
}

.mashmenu .content-item img {
    max-width: 100%}

.mashmenu .content-item .title {
    margin: 0;
    padding: 10px 0;
    font-size: 18px;
}

.mashmenu .content-item .title a {
    margin: 0;
    padding: 0;
    text-transform: none;
    font-weight: 400;
    color: #343741;
    text-decoration: none;
}

.mashmenu .columns {
    margin: 0;
    padding: 0;
    display: table-row;
}

.mashmenu .columns>li {
    border-right: 1px solid #c6d7df;
    padding: 20px 0;
    vertical-align: top;
    display: table-cell;
}

.mashmenu .columns .list {
    list-style: none;
    margin: 0 30px;
    padding: 0;
}

.mashmenu .columns .list .header {
    color: #343741;
    font-size: 20px;
    padding: 10px 0;
}

.mashmenu .columns .list a {
    display: block;
    padding: 5px 0;
    color: #2aa4cf;
    text-decoration: none;
}

.mashmenu .menu>li i {
    display: none;
    padding: 0 5px;
}

.mashmenu .menu>li.has-sub i, .mashmenu .page-item {
    display: inline-block;
}

.mashmenu .page-item {
    padding: 20px;
}

.mashmenu .page-item .title a {
    text-decoration: none;
    padding: 0 0 10px;
    display: block;
}

.mashmenu .page-item p {
    line-height: 1.5em;
}

.mashmenu .page-item .thumb {
    float: left;
    margin: 0 20px 0 0;
}

.mashmenu a {
    text-decoration: none;
    color: #0021a5;
}

.mashmenu a:hover {
    color: #ff6730;
}


@media (max-width:1520px) {
    .mashmenu .content-item: nth-child(6) {
    display: none;
}
	
.mashmenu .page-item {
    max-width: 1100px;
}
}

@media (min-width:1180px) {
    .mashmenu .menu .sub-content.sub-content-active {
    display: block!important;
}
}


@media (max-width:1300px) {
    .mashmenu .content-item: nth-child(5) {
    display: none;
}
	
.mashmenu .page-item {
    max-width: 840px;
}
}


@media (max-width:1080px) {
    .mashmenu .content-item: nth-child(4) {
    display: none;
}
	
	
.mashmenu .page-item {
    max-width: 620px;
}
}


@media (max-width:860px) {
    .mashmenu .content-item: nth-child(3) {
    display: none;
}
.mashmenu .page-item {
    max-width: 400px;
}
}

@media (max-width:640px) {
    .mashmenu .content-item: nth-child(2) {
    display: none;
}
	
.mashmenu .page-item {
    max-width: 180px;
}
}


.mashmenu .menu-mobile {
    color: #fff;
    font-size: 30px;
    line-height: 45px;
    vertical-align: top;
    display: none;
    cursor: pointer;
    float: right;
    margin: 5px 20px 0 0;
}

.mashmenu .menu.active {
    display: block;
    position: absolute;
    top: initial;
    right: 0;
    background: #eee;
    width: 200px;
    border-bottom: 3px solid #0012a5;
}

.mashmenu .menu.active li {
    display: block!important;
    width: 100%;
    text-align: right;
    padding-right: 20px;
}

.mashmenu .menu.active li i {
    display: none;
}

.mashmenu .menu.active>li>a {
    padding-right: 20px;
    color: #343741;
}

/***********************************************************************************************************
	END - MASH MENU - MEGA MENU
****************************************************************************************************************/
/*Wp to web 12 heading*/
.blog-F6-heading {
    padding-inline: 2.4rem!important;
}
	

.complex-content .dark-gray-heading {
    color: var(--dark-gray, #343741) !important;
}
	
/********************************************
	START - PINTIREST STYLE CARDS
********************************************/	
.card-big.outer {
    width: auto;
    height: 500px;
    border: 1pt solid var(--ifas-light-gray, #F5F5F5);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
}


.card-big.outer p {
    font-size: 1rem!important;
}

.card-big .inner-left {
    float: left;
    margin-right: 20px;
}

.card-big .inner-right-top h2 {
    margin-bottom: .5rem;
    line-height: 1.4rem;
    padding-top: 2rem;
}

.card-big .inner-right {
    background-color: var(--ifas-light-gray, #F5F5F5);
}

.card-big .inner-right-top {
    padding: 10px 20px 20px 20px;
}

.card-big .inner-right-bottom {
    background-color: var(--bs-white, #ffffff);
    height: auto;
    padding: 0 20px 0 20px;
}

.card-big .button {
    margin-top: 10px;
}

.card-skinny .button {
    margin-top: 10px;
}

.card-skinny .image-cropper {
    height: 150px;
    width: 150px;
    border: 5px solid var(--bs-white, #ffffff);
    border-radius: 100px;
    margin-top: -10px;
    overflow: hidden;
    display: inline-block;
}

.card-skinny.outer-small {
    border: 1pt solid var(--ifas-light-gray, #F5F5F5);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
    margin-bottom: 30px;
    padding: 0 1rem 1rem 1rem;
    margin-top: 5px;
}

.card-skinny.outer-small p {
    font-size: 1rem!important;
    line-height: 1.8rem!important;
}

.card-skinny.outer-small h1, .card-skinny.outer-small h2, .card-skinny.outer-small h3, .card-skinny.outer-small h4, .card-skinny.outer-small p, .card-skinny.outer-small strong {
    padding-left: 0!important;
    padding-right: 0!important;
}

.complex-layout .card-skinny.outer-small h2 {
    margin-left: 0!important;
}

.card-skinny .small-profile {
    margin: 20px;
    text-align: left;
    padding-right: 0!important;
}
	
/********************************************
	END - PINTIREST STYLE CARDS
********************************************/
	
/********************************************
	START FILTERED DIRECTORY STYLES
********************************************/
ul.pagination {
    font-size: 1.2rem;
    margin-left: -.7rem!important;
    text-align: center;
	font-family: var(--font-primary,sans-serif);
	font-weight: 600 !important;
}

ul.pagination a {
	font-size: 1.2rem!important;
	font-family: var(--font-primary,sans-serif);
	font-weight: 600 !important;
}

ul.pagination a:hover {
    font-size: 1.2rem;
    background: var(--ifas-light-gray, #F5F5F5);
    color: var(--uf-primary-blue, #0021A5); /*OLD WEB BLUE #00529B*/
	font-family: var(--font-primary,sans-serif);
	font-weight: 600 !important;
}

.pagination .li {
    display: block!important;
}

#breadcrumb-navigation ul.breadcrumbs {
    font-size: 1.2rem!important;
    text-align: center;
	font-family: var(--font-primary,sans-serif);
	font-weight: 600 !important;
}

#breadcrumb-navigation ul.breadcrumbs a {
    font-size: 1rem;
    color: var(--dark-gray, #343741);
   /*google font addition*/
	font-family: var(--font-primary,sans-serif) !important;
	font-weight: 600 !important;
}

#breadcrumb-navigation ul.breadcrumbs a:hover {
    font-size: 1rem;
    color: var(--uf-primary-blue, #0021A5);
    text-decoration: none;
	font-family: var(--font-primary,sans-serif) !important;
	font-weight: 600 !important;
}

#breadcrumb-navigation .breadcrumbs li {
    float: left;
    text-transform: uppercase;
}


/********************************************
	END -  FILTERED DIRECTORY STYLES
********************************************/	
	
#content .nobullet-list strong  {
  font-family: var(--font-primary,sans-serif) !important;
  font-weight:600;
}

#content .nobullet-list {
    position: relative;
    left: -.9rem;
    margin-top: -.3rem;
    margin-left: 0;
	font-family: var(--font-primary,sans-serif) !important;
}

#content .nobullet-list a {
    color: var(--uf-primary-blue, #0021A5) !important;
}
#content ul.nobullet-list li a:hover{
	text-decoration:underline;
	color:var(--dark-gray, #343741) !important;
}

#content ul.nobullet-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
	line-height: 1.75rem;
}

#content .nobullet-list li {
    list-style-image: none;
    margin: 0;
    padding-left: .8rem;
    padding-bottom: .75rem;
}
	
#content .nobullet-list li ul {
    padding-top: 10px;
}
	
#content .nobullet-list li ul li:last-child {
    padding-bottom: .1rem;
}
		
.print-logo {
    display: none;
}
	
/*ACCESSIBILITY SKIPNAV*/	
a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-main:active, a.skip-main:focus {
    color: #fff;
    background-color: var(--uf-primary-orange, #FA4616);
    position: absolute;
    left: 0;
    top: 4.6rem;
    width: 100%;
    height: auto;
    overflow: auto;
    padding: 5px;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 1px;
    z-index: 1010;
	font-family: var(--font-primary,sans-serif) !important;
	font-weight: 600 !important;
}
	
	
/* SC custom classes */
#content .smart-header {
    color: var(--ifas-green, #22884C);
}

.smart-button {
    background-color: var(--ifas-green, #22884C);
}

.smart-button:hover {
    background-color: var(--ifas-green, #22884C);
}

.smart-link {
    color: var(--ifas-green, #22884C);
    font-weight: 700;
}

.smart-link:hover {
    text-decoration:underline;
}
.smart-img-link {
    -webkit-transition: filter .25s;
    transition: filter .25s;
}

.smart-img-link:hover {
    filter: brightness(1.2);
}

.small-text  {
    font-size: 1rem!important;
}
	
li.smart-link a {
    color: var(--ifas-green, #22884C);
    font-weight: 700;
}
	
li.smart-link a {
    color: var(--ifas-green, #22884C);
    font-weight: 700;
}
	
 li.smart-link a:hover {
   text-decoration:underline;
}

.round-image {
    border-radius:  50%;
}		
	
.whiteWPtoweb2php #programs-right-wp h3  {
	font-size:  1rem!important;
	font-weight:  300;
	line-height:1.25rem;
}
  
/***************************************
	START - SPOTLIGHT CARD STYLES
****************************************/
  #content .white-spotlight-mac-caption button a {
    text-decoration: none;
}

#content .white-spotlight-mac-caption {
    padding-top: 3rem;
    padding-bottom: 1.5rem;
    padding-left:  50px;
}

#content .white-spotlight-mac-caption p {
    font-size: 1.3rem!important;
    line-height: 2rem!important;
    color: var(--bs-white, #ffffff);
}

#content .white-spotlight-mac-caption ol, #content .white-spotlight-mac-caption ul {
    line-height: 1.2rem;
    color: var(--bs-white, #ffffff);
    margin-bottom: 0;
}

#content .white-spotlight-mac-caption ol li, #content .white-spotlight-mac-caption ul li {
    font-size: 1.3rem!important;
	line-height: 1.95rem;
}

#content .white-spotlight-mac-caption ol ol, #content .white-spotlight-mac-caption ul ul {
    padding-top: .5rem;
}

#content .white-spotlight-mac-caption h1,#content .white-spotlight-mac-caption h2, #content .white-spotlight-mac-caption h3, #content .white-spotlight-mac-caption h4 {
    margin-left: 0;
    padding-left: 0;
    color: #fff;
}

#content .white-spotlight-mac-caption a {
    text-decoration: underline;
    color: var(--bs-white, #ffffff);
}

#content .white-spotlight-mac-caption a:hover {
    text-decoration: none;
    color: var(--bs-white, #ffffff);
}

#content .white-spotlight-mac-caption.blue-text h3 {
    color: var(--uf-primary-blue, #0021A5) !important; /*OLD WEB BLUE #00529B*/
}

#content .spotlight_blurb.blue-text ol, #content .spotlight_blurb.blue-text p, #content .spotlight_blurb.blue-text ul, #content .white-spotlight-mac-caption .blue-text p button a, #content .white-spotlight-mac-caption .spotlight_blurb.blue-text h1,#content .white-spotlight-mac-caption .spotlight_blurb.blue-text h2, #content .white-spotlight-mac-caption .spotlight_blurb.blue-text h3, #content .white-spotlight-mac-caption .spotlight_blurb.blue-text h4 {
    color: var(--uf-primary-blue, #0021A5) !important; /*OLD WEB BLUE #00529B*/
}

/*spotlight card class*/
.left-photo {
    padding: 0;
    margin-bottom: 0;
}

/*SPOTLIGHT OFFGRID TEXT PADDING*/
#content .white-spotlight-mac-caption.spotlight-offgrid-text-padding{
	padding-left:12%!important;
	padding-right:12%!important;
}


/*UF BROKEN BORDER BUTTON CLASSES*/
    div.uf-button-side-borders{
    position: relative;
    background-color: transparent;
    border:none;
    padding:0;
	margin-top:1.5em;
}
    div.uf-button-side-borders::before{
    left:0;
    top:0;
	border-left:1px solid;
}
    div.uf-button-side-borders::after{
    right:0;
    bottom:0;
	border-right:1px solid;
}

div.uf-button-side-borders::before,
div.uf-button-side-borders::after{
    position: absolute;
    content: '';
    height: 100%;
}
   
button.uf-partial-border-button{
    position: relative;
    background-color: transparent!important;
    border:none;
    padding:15px 25px;
    text-transform:capitalize!important;
    font-size:1.5em;
}

button.uf-partial-border-button a {text-decoration:none;}

button.uf-partial-border-button::before,
button.uf-partial-border-button::after{
    position: absolute;
    content: '';
    width: 90%;
    height: 100%;
}

button.uf-partial-border-button:hover::before,
button.uf-partial-border-button:hover::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}
button.uf-partial-border-button::before{
    left:10%;
    top:0;
	border-top:1px solid;
}
 
button.uf-partial-border-button:hover::after{
    right:0;
    bottom:0;
	border-bottom:1px solid;
}

button.uf-partial-border-button:hover::before{
    left:0;
    top:0;
	border-top:1px solid;
}
 
button.uf-partial-border-button::after{
    right:10%;
    bottom:0;
	border-bottom:1px solid;
}

/*Helper class - Description text to go inside button in some instances*/
.uf-partial-border-button.uf-description {
	padding-top: 2rem;
	padding-bottom: 2.4rem;
}

.uf-partial-border-button span.uf-description {
	font-size: 1rem;
	padding-bottom: 5rem !important;
	line-height: 2rem;
	position: relative;
	top: .5rem;
	text-transform: none;
	font-family: var(--font-primary,sans-serif);
	font-weight: 400;
}
/*END helper class uf-description*/

/*UF branded blue button border with grey text*/
.uf-branded-blue div.uf-button-side-borders::before,
.uf-branded-blue div.uf-button-side-borders::after, 
.uf-branded-blue button.uf-partial-border-button::before, 
.uf-branded-blue button.uf-partial-border-button:hover::after, 
.uf-branded-blue button.uf-partial-border-button:hover::before, 
.uf-branded-blue button.uf-partial-border-button::after{
	border-color:var(--uf-primary-blue, #0021A5) !important;
}

.uf-branded-blue button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-blue, #0021A5);
}

.uf-branded-blue a button.uf-partial-border-button {
	color:var(--dark-gray, #343741) !important;
}

.button_banner_ct .uf-branded-blue {
	color:var(--dark-gray, #343741) !important;
}

/*UF branded orange button border with grey text*/
.uf-branded-orange div.uf-button-side-borders::before,
.uf-branded-orange div.uf-button-side-borders::after, 
.uf-branded-orange button.uf-partial-border-button::before, 
.uf-branded-orange button.uf-partial-border-button:hover::after, 
.uf-branded-orange button.uf-partial-border-button:hover::before, 
.uf-branded-orange button.uf-partial-border-button::after{
	border-color:var(--uf-primary-orange, #FA4616) !important;
}

.uf-branded-orange button.uf-partial-border-button:hover {
  background-color: var(--ifas-light-gray, #F5F5F5) !important;
  border-left: 1px solid var(--uf-primary-orange, #FA4616);
}

.uf-branded-orange a button.uf-partial-border-button{
	color:var(--dark-gray, #343741) !important;
}

.button_banner_ct .uf-branded-orange {
	color:var(--dark-gray, #343741) !important;
}
/***************************************
OTHER UF BRANDED BUTTONS
****************************************/
/*UF Button - Orange dotted border wth Blue text*/
button.uf-dotted-orange-border-button {
	padding-left:2rem;
	padding-right:2rem;
	border-radius:55px;
	color:var(--uf-primary-blue, #0021A5) !important;
	border: 2px dotted var(--uf-primary-orange, #FA4616) !important;
	background-color: var(--bs-white, #ffffff) !important;
}
/*END UF Button - Orange dotted border wth Blue text*/

button.uf-dotted-orange-border-button:hover,button.uf-dotted-blue-border-button:hover{
	background-color: var(--ifas-light-gray, #F5F5F5) !important;
	text-decoration:none!important;
}

/*UF Button - Blue dotted border wth Blue text*/
button.uf-dotted-blue-border-button {
	padding-left:2rem;
	padding-right:2rem;
	border-radius:55px;
	color:var(--uf-primary-blue, #0021A5) !important;
	border: 2px dotted var(--uf-primary-blue, #0021A5) !important;
	background-color: var(--bs-white, #ffffff) !important;
}
/*END UF Button - Orange dotted border wth Blue text*/

/*UF Button - White dotted border wth Blue text*/
button.uf-dotted-white-border-button {
	padding-left:2rem;
	padding-right:2rem;
	border-radius:55px;
	color:var(--bs-white, #ffffff) !important;
	border: 2px dotted /*#fff*/ var(--uf-primary-orange, #FA4616) !important;
  background-color: var(--uf-primary-blue, #0021A5) !important;
}

button.uf-dotted-white-border-button:hover{
 background-color: var(--ifas-light-gray, #F5F5F5) !important;
	text-decoration:none!important;
	color:var(--uf-primary-blue, #0021A5) !important;
}
/*END UF Button - White dotted border wth Blue text*/

/*No border uf button - uf blue link with bottom border*/
button.uf-bottom-border-button {
	border-bottom: 3px solid var(--uf-primary-orange, #FA4616) !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-top-color: transparent !important;
	padding-top: 0;
 	padding-bottom: .2rem;
 	padding-left: 0;
  	color: #0021a5 !important;
  	font-style: italic;
	font-weight: 550!important;
} 


button.uf-bottom-border-button:hover {
	color:  var(--dark-gray, #343741) !important;
	border-bottom: 3px solid  var(--dark-gray, #343741) !important;
}
/***************************************
	END - SPOTLIGHT CARD STYLES
****************************************/	
.pull-quote-margins{
	margin-left:1.5rem;
	margin-right:1.5rem;
}

/*NEW UF STYLE FOOTER*/
#uf-footer-wrapper {
	background: var(--uf-primary-blue, #0021A5);
}


#uf-footer-logo img {
    width: 275px!important;
    height: auto!important;
}

#uf-footer p, #uf-footer ul, #uf-footer a, #uf-footer .address {
	color:var(--bs-white, #ffffff);
	font-size: 1.15rem;
	font-family: var(--font-primary,sans-serif);
}

 #uf-footer a:hover,#uf-footer #contact span.feedback a:hover,#uf-footer #contact span.entity-name a:hover {
    text-decoration:underline!important;
 }

#uf-footer ul li {
	line-height: 2.15rem;
	/*padding-bottom: .5rem;*//*added for Google font updated*/
}

#uf-footer .menu.simple {
  float: right;
  margin-right: -1.5rem;
}
	
#uf-footer-top{
	padding-top: 2em;
}
	
#uf-footer ul{
	list-style-type:none;
	margin-left:0;
}

#uf-footer div.social-footer-icons{
    padding-left:0;
    margin-bottom:2rem;
    margin-top:2rem;
}

#uf-footer .social-footer-icons li:last-of-type {
  	margin-right: 0;
}

#uf-footer .social-footer-icons li a {
	font-size: 1.3em;
 	color: var(--bs-white, #ffffff);
	margin-right:.5em;
}

#uf-footer .social-footer-icons li a:hover, #uf-footer .social-footer-icons li a:focus{
	color:var(--ifas-medium-gray,#C7C9C8) !important;
}

#uf-footer {
	color:var(--bs-white, #ffffff);
	margin-top:2em;
	margin-bottom:2rem;
	overflow-x: hidden;
	font-size:.9em;
	padding-top:2em;
	padding-bottom:1em;
	font-family: var(--font-primary,sans-serif);
}
	
#uf-footer #last-modified-copyright{
	padding-top:3.5rem;
}

#uf-footer #copyright, #uf-footer #copyright a{font-size:1rem;}


#uf-footer #copyright a:hover {
    text-decoration:underline!important;
 }
  
#uf-footer #last-modified{
	padding-top:1em;
	font-size:1rem;
	font-family: var(--font-primary,sans-serif);
}

#uf-footer-wrapper {
	padding-bottom:1em;
}

#uf-footer-wrapper h5{
	border-bottom:var(--uf-primary-orange, #FA4616) 3px solid;
	padding-bottom:.25rem;
 	max-width: 11rem;
	line-height: 1.8rem;
	font-family: var(--font-primary,sans-serif) !important;
	font-size: 1.2rem;
	font-weight: 700!important;
}

#uf-footer-top{}
 
footer #bottom-background {
  display: none;
}

/******************************
SMALL STYLES START
****************************/
@media only screen and (max-width:40em) {
  button.uf-bottom-border-button {line-height: 1.875rem!important;}
  
  .accordion-content.regular-accordion .uf-bottom-border-button.button.large.hollow{
  line-height: 1.875rem!important;
  padding-bottom: 4rem!important;
  }
	#events-highlights {
	padding-left: 0rem;
 	padding-right: 0rem;
}
	
	#highlights {
	padding-left: 3rem;
  	padding-right: 3rem;
  	border-right: 1px solid var(--bs-white, #ffffff);
}
	
	/*Mega menu small logo*/
	div#mlogo {
    max-width: 200px;
}
	/*NEW UF FOOTER STYLE*/
	#uf-footer #contact,
    #uf-footer #information,
    #uf-footer #policy,
    #uf-footer #land-grant,
    #uf-footer #uf-footer-logo{padding-left:1.5rem;}
    
    #uf-footer div.social-footer-icons{padding-left:.6rem;}
    #uf-footer #last-modified-copyright {
  	padding-left: 1.4rem;
}
#uf-footer .menu.simple {
  float: left;
  margin-left: 1rem;
}

#uf-footer {
  margin-bottom: 1rem;
}
	
#uf-footer #last-modified-copyright {
  padding-top: 0rem;
}
/*END NEW UF FOOOTER STYLE*/
	
.wp-images-left {
  margin-left: 0rem !important;
  padding-right: 2rem !important;
}
	
#content .parallax h1 {
  padding-top: 1rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
	
.image-left {
    float: none;
    margin: 8px 20px 20px 10px;
	padding-right:1.5rem;
}
	
.image-right {
    float: none;
    margin: 8px 10px 10px 20px;
	padding-right:2rem;
}

/*USED in F6V2*/
#county-right-sidebar ul {
    list-style-type: none;
    margin-left: 0;
    text-align: center!important;
}
	
#county-right-sidebar h2 {
    margin-left: -1.1rem!important;
}
	
.gray-vertical-border {
    padding-left: 1rem;
    border-left: 5px solid #fff;
}
	
.gray-vertical-border2 {
    padding-right: 1rem;
    border-right: 5px solid var(--bs-white, #ffffff);
}
	
#footer-text ul li {
    display: inline;
    list-style-image: none;
    font-size: .85rem!important;
}
	
#footer-logo img {
    margin-left: 15px;
}
	
div.right-logo-box:empty {
    display: none!important;
}
	
.four-photos {
    text-align: center;
}
	
/*USED on programs.ifas and some F6v2 faculty websites*/	
.sfyl-6-box-wrapper {
    background-color: #eee;
    padding: 4rem 2rem 0!important;
    margin-bottom: 1.5rem;
}
	
.sfyl-6-box-wrapper h3 a {
    color: var(--dark-gray, #343741) !important;
    text-align: left!important;
    padding-bottom: 1.5rem;
    margin-left: 0!important;
    padding-left: 0!important;
}
		
#content, #county-right-sidebar {
    text-align: center;
}
	
#content ol, #content ul {
    text-align: left;
}
	
/*May possibly used in the right column of other sites along with the gray border*/
#county-sm-icons p {
    text-align: center;
}


#events {
    padding-top: 3rem;
}
	
/*hamburger in switch menu */
#main-menu #searchbox {
    width: 275px;
}		

 .wp-web-f6-right {
    padding-left: 1.5rem!important;
}
.wp-web-f6-right h3 {
    padding-top: 1rem;
}

  #slider {
    display: none;
}
	
/*F6v2 Footer*/
#footer, #footer-logo {
    padding-left: 0!important;
}
	
#bottom-background, #footer .adress, #footer .entity-name, #footer .phone, #highlights .description {
    display: none;
}	
	
#footer {
    padding-right: 0!important;
    position: relative;
    top: 0;
    width: auto;
}
	
#footer-logo, #footer-text {
    background-color:  var(--uf-primary-blue, #0021A5);
	padding-left:1.15rem;
}
	
#footer-logo {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#footer .hide-footer-info {
    display: none!important;
}
	
/*spotlight card*/	
.left-photo {
    height: auto!important;
}

/*SMALL Styles --UAS and one pending WEC page using this CT. DELETE if removed from those sites*/
/*.cover-photo-3-boxes-wrapper, .cover-photo-title {
    position: absolute!important;
    padding-left: 0;
    padding-right: 0;
}
.cover-photo-title {
    z-index: 4!important;
    margin-left: -1.5rem;
}
.cover-photo-title img {
    position: absolute!important;
    bottom: -2rem!important;
}
.cover-photo-3-boxes-wrapper {
    bottom: -5rem!important;
    z-index: 5!important;
}
*/
		
#content h2 {
    font-size: 2.25rem;
	line-height:2.625rem;
}

#social-media {
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 1.5rem;
}

 #slider .owl-buttons {
    display: none;
}

 #content ul.nobullet-list {
    text-align: center;
}

#content .white-spotlight-mac-caption  {
    padding-left:  5px!important;
}

#content .white-spotlight-mac-caption h2,  #content .white-spotlight-mac-caption h3,  #content .white-spotlight-mac-caption h4  {
    margin-left: 0;
    padding-left: 1.5rem;
    color: var(--bs-white, #ffffff); 
}	
}

@media screen and (max-width:39.9375em) {
    #breadcrumb-navigation .breadcrumbs li {
    float: none;
}

/*PINTIREST STYLE CARDS*/	
    .card-big.outer {
    max-width: 100%;
    height: 100%;
    border: 1pt solid var(--ifas-light-gray, #F5F5F5);
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .55);
    -moz-box-shadow: rgba(0, 0, 0, .55);
	box-shadow:rgba(0, 0, 0, .55);
    margin-bottom: 20px;
}

 .card-big .inner-left {
    float: none;
    padding: 0;
    min-height: auto;
}
}
/******************************
SMALL STYLES END
****************************/


/******************************
MEDIUM STYLES START
****************************/
/*ipad portrait*/
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	.wp-images-left img{padding-left: .5rem;}
	
    #bottom-background {
    margin-top: -8.4rem!important;
    width: auto!important;
}
	
#slider h3 {
    color: var(--bs-white, #ffffff);
    margin-top: -.8rem!important;
}
	
#slider h4 {
    color: #fff;
    font-size: .8rem!important;
}
	
#slider p {
    line-height: 1.25rem;
    font-size: .5rem!important;
}

#slider .caption h3 {
    color: #fff;
    font-size: 1.5rem;
    padding: 2rem 2rem 0rem 2rem!important;
	font-family: var(--font-primary,sans-serif);
}

#slider .caption h4 {
    color: var(--bs-white, #ffffff);
    font-size: 1.2rem!important;
    padding: .5rem 2rem 0rem 2rem!important;
	font-weight: bold !important;
 	font-family: var(--font-primary,sans-serif);
}	
  
#slider .caption p {
    line-height: 1.2rem !important;
    font-size: .95rem!important;
    padding: 0rem 4rem .5rem 2rem!important;
}	
	
}

/*ipad landscape*/
@media only screen and (min-device-width:768px) and (max-device-width:1280px) and (orientation:landscape) {
    #bottom-background {
    margin-top: -6.8rem!important;
    width: auto!important;
}

#slider .caption p {
    line-height: 1.5rem !important;
    font-size: 1.1rem!important;
    padding: 0rem 4rem .5rem 2rem!important;
}
	#slider .caption-resources {
		display:none;
	}
}

/*General Medium Styles*/
@media only screen and (min-width:40.063em) and (max-width:64em) {
   td.view-publication {
    text-align: left !important;
}
 .card-big .inner-right-bottom p {
	margin-left: 22.8rem;
}
  .card-big.outer ul li {
  position: relative;
  margin-left: 23rem;
}

.card-big.outer {
    min-height: 750px;
}
  
  
  
div#page_header {padding-left: 2.5rem;}
	.wp-web-f6-right{padding-left: 2.5rem !important;}
	
 /*NEW UF FOOTER STYLES*
/*USED ON SOME FACULTY F6v2 websites and programs.ifas*/
#uf-footer .menu.simple {
  float: right;
  margin-right: -.5rem;
}
	
.sfyl-6-box-wrapper {
    background-color: #eee;
    padding: 4rem 2rem 0!important;
    margin-bottom: 1.5rem;
}
	
.sfyl-6-box-wrapper h3 a {
    text-align: left!important;
    padding-bottom: 1.5rem;
    color: var(--dark-gray, #343741) !important;
}
	
/*last modified date on CTS 3 photos, 2 photos, 4 photos - no-left-right-padding in use mulitple places*/
.no-left-right-padding p.last-modified-date {
    margin-left: 1rem!important;
}

/*hamburger menu option in switch menu template*/
#main-menu #searchbox {
    float: left;
    width: 270px;
}

#footer .hide-footer-info {
    display: none!important;
}

 #social-media {
    margin-top: 1rem;
    margin-bottom: .5rem;
}

/*MEDIUM Styles --UAS and one pending WEC page using this CT. DELETE if removed from those sites*/
/*.cover-photo-3-boxes-wrapper, .cover-photo-title {
	position: absolute!important;
    padding-left: 0;
    padding-right: 0;
}
	
.cover-photo-title {
    z-index: 4!important;
    margin-left: -1.5rem;
}
.cover-photo-title img {
    position: absolute!important;
    bottom: 3rem!important;
}
.cover-photo-3-boxes-wrapper {
    bottom: -3rem!important;
    z-index: 5!important;
}
*/
#content p {
    padding-right: 1rem;
}	

#content .white-spotlight-mac-caption  {
    padding-left:  40px!important;
}
}

/******************************
MEDIUM STYLES END
****************************/


	

/*START Animal Directory Card Styles*/

#content .card-big .inner-right-top h2,#content .card-big .inner-right-top h2 a {
  margin-bottom: .5rem;
  padding-top: 2rem;
  font-size: 2.9rem;
  line-height: 2.55rem;
  font-weight: bolder;
  color: var(--uf-primary-blue, #0021A5);
}

.card-big.outer ul li {
  font-size: 1rem;
  position: relative;
  left: 1rem;
}

#content .card-big .inner-right-top h3 {
  margin-bottom: .5rem;
  font-size: 1.65rem;
  line-height: 2.1rem;
}

#content .card-big .inner-right-bottom h3 {
  font-size: 1.55rem;
  color: var(--uf-primary-blue, #0021A5);
  padding-top: .5rem;
}


/*END Large/Desktop Animal Directory Card Styles*/

/*START Manual Skinny card - complex layout fix styles*/

.card-skinny.outer-small h1, .card-skinny.outer-small h1 a, .card-skinny.outer-small h2, .card-skinny.outer-small h2 a, .card-skinny.outer-small h3, .card-skinny.outer-small h3 a {
  font-size: 1.875rem !important;
  /*line-height: 2.375rem !important;*/
  line-height: 2.8125rem !important;
  color: var(--uf-primary-blue, #0021A5) !important;
  padding-top: .75rem;
  margin-bottom: .5rem !important;
}
/*END Manual Skinny card - complex layout fix styles*/

div.stories-menu select {
  font-size: 1.2rem!important;
}

.edis-api-ct.edis-widget-tablular {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/**********************
STYLES ADDED FROM OLD EXTENSION STYLE SHEET
*************************************/
/*right column social media icons*/
#county-sm-icons img {
  position: relative;
  top: -.65rem;
}

/**************
SMALL STYLES
***************/
@media screen and (max-width: 39.9375em) {
#county-sm-icons img {
  position: relative;
  top: .25rem!important;
}

#county-sm-icons p {
  width: 250px;
  text-align: left;
  margin-left: 10%;
}
#county-sm-icons p .image-left {
  float: none;
  margin: 8px 20px 10px 10px!important;
  padding-right: 0rem !important;
}
}

/*MAILCHIMP*/
.display_archive {
    padding-left: 1rem;
}

/*Extension search results page*/
#content h2.local_search {
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  margin-bottom: 0;
}

/*Extension full width photo*/
.row.static_photo {
  margin-bottom: .9rem;
}

/*SiteImprove UF Bottom Border button fix*/
button.uf-bottom-border-button.button.large.hollow {
  min-height: 24px;
  min-width: 24px;
  padding-top:.6rem;
}