@charset "utf-8";
/* CSS Document */
/*******
IFAS F6 V3 2025 - FONT UPDATES - NON-EXTENSION - 6-6-25
******/

body {
	background-color: #fff;
	color:#343741;
	font-family: 'IBM Plex Sans', sans-serif!important;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings:"wdth" 100;
}

html {
    overflow-x: hidden;
}


a {
   color: #0021a5; 
}

iframe {
  border: 0;
}

a:hover {
	color: #343741;
}

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


table tbody,
table tfoot,
table thead {
    border: 1px solid #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: 'IBM Plex Sans', sans-serif!important;
	font-weight: 500!important;
}

#content h1 {
	line-height:4.25rem;
	margin-bottom:2.5rem;
	font-family: 'IBM Plex Sans', 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: #000;
}

#content h1 + h2{
  margin-bottom: 2.5rem;
  font-family: 'IBM Plex Sans', sans-serif!important;
  font-size: 2.6rem;
  font-weight: 550 !important;
  line-height: 3.4rem;
  margin-top: -1.8rem;
  color:#343741;
}

#content h2 {
	line-height:4.25rem;
  	margin-bottom:2.5rem;
	font-family: 'IBM Plex Sans', 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: 'IBM Plex Sans', 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: #fff;
    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: 1.75rem !important;*/
	line-height: 2.625rem !important;
	margin-bottom: 1rem;
	font-family: 'IBM Plex Sans', 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 /*, #footer img*/ {
    height: auto!important;
    max-width: 100%!important;
}

/*#footer,*/ #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 #343741;
	border-bottom: 1px solid #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 #343741;
}
#content table tbody tr:nth-child(2n+1) {
	background-color: #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: #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: #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: 'IBM Plex Sans', 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: #343741;
}

blockquote, blockquote p {
	line-height: 1.6;
	color: #343741;
}

blockquote {
	margin: 0 0 1rem;
	padding: .5625rem 1.25rem 0 1.1875rem;
	border-left: 4px solid #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: #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 #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:#343741;
	font-size: 2rem;
	margin-bottom: .5rem !important;
	line-height: 1.7rem;
	font-family: 'IBM Plex Sans', sans-serif!important;
}

#google-calendar h4 a{
	color:#0021a5;
}
#google-calendar h4 a:hover{
	color:#343741;
	text-decoration:underline;
}

.highlights-feed-item h4 a {
	color:#0021a5!important;
}

.highlights-feed-item h4 a:hover {
	color:#343741!important;
	text-decoration:underline;
}

.highlights-feed-item p a {
    color: #0021a5!important;
}

#events-highlights p a {
	color:#0021a5;
	font-weight:bold;
}

#events-highlights p a:hover {
	color:#343741!important;
	font-weight:bold;
}

#events p {
	text-transform: none;
    letter-spacing: normal;
    color: #343741;
	font-family: 'IBM Plex Sans', 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: #343741;
	font-family: 'IBM Plex Sans', 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: 'IBM Plex Sans', 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:#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:#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: #0021a5;
}
.program-page-left-content a:hover {
	font-weight:bold;
	color: #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: #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: #FA4616;
    color: #fff;
}

.button.ufmutedorng:focus, .button.ufmutedorng:hover, button {
    background-color: #FA4616;
    text-decoration: none!important;
}

.button.ufmutedblu, button {
    background-color: #0021A5;
}

.button.ufmutedblu:focus, .button.ufmutedblu:hover, button {
    background-color: #0021A5;
    text-decoration: none!important;
}

.button.ufprimaryorng, button {
    background-color: #FA4616;
}

.button.ufmutedorng:focus, .button.ufprimaryorng:hover, button {
    background-color: #FA4616;
    text-decoration: none!important;
}

.button.ufprimaryblu, button {
    background-color: #0021a5;
}

.button.ufprimaryblu:focus, .button.ufprimaryblu:hover, button {
    background-color: #0021a5;
    text-decoration: none!important;
}

/*#footer-text ul li a:hover,*/ #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:#fff;}
.top-static .right-text h3{
	padding: 2rem 2rem .5rem!important;
	color:#fff!important;
}

.top-static .right-text h4 {
    color: #fff!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: 'IBM Plex Sans', sans-serif!important;
}

.top-static .right-text ul li a {
    font-size: 1rem;
    line-height: 1.5rem;
	font-family: 'IBM Plex Sans', sans-serif!important;
	font-weight:400!important;
}

.top-static .right-text a {
    color: #fff!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: #fff;
}

#slider .caption h3 {
    color: #fff;
    font-size: 2.5rem;
    padding: 2rem 2rem 1rem 2rem!important;
	font-family: 'IBM Plex Sans', sans-serif!important;
}

#slider .caption h4 {
    color: #fff;
    font-size: 1.5rem;
    padding: .5rem 2rem 0rem 2rem!important;
	font-weight: bold !important;
  	font-family: 'IBM Plex Sans', sans-serif!important;
}

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

/*FOOTER STYLES --- THIS SHOULD CHANGE WITH F6 V3 since the footer will be in 3 columns*/
/*#footer {
    top: 2rem;
    padding-left: 1rem;
}

#footer.contain-to-grid {
    background-color: #0021a5;
}

#footer li, #footer p {
	font-family: 'IBM Plex Sans', sans-serif!important;
	font-weight:400!important;
}


#footer-logo {
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
	margin-left: 1.2rem;
 	margin-right: 1.2rem !important;
}

.right-logo-box img {
	max-height: 65px;
    width: auto!important;
}

#footer-text, #footer-text ul li a {
	color: #fff;
}

#footer-text ul {
	border-top: 1px solid #4f66c1;
	margin-right: 2.5rem !important;
	margin-left: 1.5rem;
}

#footer-text ul li {
    display: inline;
    list-style-image: none;
    font-size: .9rem;
}

.footer-divider {
    padding-right: .5rem;
    padding-left: .7rem;
}

#bottom-background {
	background-color:#0021a5;
    height: 225px;
    z-index: -999;
    position: relative;
    width: auto;
    margin-top: -6.8rem;
}

*/

/*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: #FA4616;
    position: relative;
	left: -1.5rem;
    top: -.1rem;
	margin-right: -.5rem;
}

.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: 'IBM Plex Sans', 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 #fff;}
div.parallax.white-text table tr {
	border-bottom:1px solid #fff;
	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:#fff;
}
/*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: #fff!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:#fff!important;
}

/*.white-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #fff;
}*/

.white-text a button.uf-partial-border-button
{color:#fff!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: #343741!important;
}

div.parallax.black-text table tbody,
div.parallax.black-text table thead,
div.parallax.black-text table tr {
	border-color: #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:#343741!important;
}

.black-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #343741;
}

.black-text a button.uf-partial-border-button
{color:#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: #343741!important;
}

div.parallax.grey-text table tbody,
div.parallax.grey-text table thead,
div.parallax.grey-text table tr {
	border-color: #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:#343741!important;
}

.grey-text button.uf-partial-border-button:hover {
  	background-color: #f5f5f5 !important;
 	 border-left: 1px solid #343741;
	color:#343741;
	text-decoration:none!important
}

.grey-text a button.uf-partial-border-button
{color:#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: #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: #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:#f5f5f5!important;
}

.grey-light-text a button.uf-partial-border-button
{color:#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: #22884C!important;
}

div.parallax.green-text table tbody,
div.parallax.green-text table thead,
div.parallax.green-text table tr {
	border-color: #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:#22884C!important;
}

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

.green-text a button.uf-partial-border-button
{color:#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: #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: #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:#22884C!important;
}

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

.bright-green-text a button.uf-partial-border-button{
  /*color:#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: #6A2A60!important;
}

div.parallax.purple-text table tbody,
div.parallax.purple-text table thead,
div.parallax.purple-text table tr {
	border-color: #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:#6A2A60!important;
}

.purple-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #6A2A60;
}

.purple-text a button.uf-partial-border-button
{color:#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: #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: #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:#6A2A60!important;
}

.bright-purple-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #6A2A60;
}

.bright-purple-text a button.uf-partial-border-button
{color:#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: #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: #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: #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: #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:#0021a5!important;
}

.uf-blue-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #0021a5;
}

.uf-blue-text a button.uf-partial-border-button
{color:#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: #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: #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:#FA4616!important;
}

.uf-orange-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #FA4616;
}

.uf-orange-text a button.uf-partial-border-button
{color:#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: #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: #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:#FA4616!important;
}

.muted-orange-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #FA4616;
}

.muted-orange-text a button.uf-partial-border-button
{color:#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: #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: #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:#FA4616!important;
}

.uf-muted-orange-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #FA4616;
}

.uf-muted-orange-text a button.uf-partial-border-button
{color:#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: #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: #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:#0021A5!important;
}

.uf-muted-blue-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #0021A5;
}

.uf-muted-blue-text a button.uf-partial-border-button
{color:#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: #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: #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:#0021A5!important; /*OLD WEB BLUE #00529B*/
}

.web-blue-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #0021A5; /*OLD WEB BLUE #00529B*/
}

.web-blue-text a button.uf-partial-border-button
{color:#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: #0021A5!important;
}

div.parallax.orange-text table tbody,
div.parallax.orange-text table thead,
div.parallax.orange-text table tr {
	border-color: #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:#0021A5!important;
}

.orange-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #0021A5;
}

.orange-text a button.uf-partial-border-button
{color:#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: #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: #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:#0021A5!important;
}

.web-orange-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #0021A5;
}

.web-orange-text a button.uf-partial-border-button
{color:#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: #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: #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:#0021A5!important;
}

.ifas-blue-text button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #0021A5;
}

.ifas-blue-text a button.uf-partial-border-button
{color:#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: #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: #343741;
    position: relative;
	border-top: 2px solid #343741;
	border-bottom: 2px solid #343741;
	border-left: none;
	border-right: none;
    margin-bottom: 1rem;
	font-family: 'IBM Plex Sans', sans-serif!important;
	font-weight: 550 !important;
}

li.is-active a.accordion-title {
    border-bottom: none!important;
    background-color: #F5F5F5;
}

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

a.accordion-title:hover {
  text-decoration: none !important;
  background-color:#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: #343741;
    background-color: #fff!important;
}

.accordion-title a {
    color: #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;
	
}

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:#343741!important;
  border-bottom: 0px!important;
}

div.accordions_and_buttons div.accordion-content a{
  color:#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: 'IBM Plex Sans', 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 #fff;
    background-color: #F5F5F5;
	color:#343741;
}

.accordion .accordion-content table{
  background: #fff;
}

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

.accordion-content a {
    border-bottom: 1px solid #FA4616;
    color: #0021a5;
}

.accordion-content a:hover {
  	border-bottom: 1px solid #343741;
  	color: #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: #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: #0021a5!important;
}
	
.menu-icon:hover::after {
    background: #fff;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}
	
.title-bar {
    background: 0 0!important;
    color: #fff;
    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: #0021a5;
}

#main-menu .top-bar-left {
    width: 100%!important;
}
	
	
.top-bar-left ul {
    background: #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: #fff;
    margin-left: 0;
    padding-left: 1rem;
}

.top-bar-left ul ul a {
    color: #0021a5;
    display: block;
    margin-left: -1rem;
    padding-left: 1rem;
}

.top-bar-left ul ul a:hover {
    color: #fff;
    background: #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: #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: #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: #fff;
}
	
.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: #fff;
}
	
	
@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:'IBM Plex Sans', 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: #343741!important;
}
	
/********************************************
	START - PINTIREST STYLE CARDS
********************************************/	
.card-big.outer {
    width: auto;
    height: 500px;
    border: 1pt solid #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: #f5f5f5;
}

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

.card-big .inner-right-bottom {
    background-color: #fff;
    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 #fff;
    border-radius: 100px;
    margin-top: -10px;
    overflow: hidden;
    display: inline-block;
}

.card-skinny.outer-small {
    border: 1pt solid #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:'IBM Plex Sans', sans-serif;
	font-weight: 600 !important;
}

ul.pagination a {
	font-size: 1.2rem!important;
	font-family:'IBM Plex Sans', sans-serif;
	font-weight: 600 !important;
}

ul.pagination a:hover {
    font-size: 1.2rem;
    background: #f5f5f5;
    color: #0021A5; /*OLD WEB BLUE #00529B*/
	font-family:'IBM Plex Sans', 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:'IBM Plex Sans', sans-serif;
	font-weight: 600 !important;
}

#breadcrumb-navigation ul.breadcrumbs a {
    font-size: 1rem;
    color: #343741;
   /*google font addition*/
	font-family:'IBM Plex Sans', sans-serif!important;
	font-weight: 600 !important;
}

#breadcrumb-navigation ul.breadcrumbs a:hover {
    font-size: 1rem;
    color: #0021A5;
    text-decoration: none;
	font-family:'IBM Plex Sans', 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:'IBM Plex Sans', sans-serif!important;
  font-weight:600;
}

#content .nobullet-list {
    position: relative;
    left: -.9rem;
    margin-top: -.3rem;
    margin-left: 0;
	font-family:'IBM Plex Sans', sans-serif!important;
}

#content .nobullet-list a {
    color: #0021a5!important;
}
#content ul.nobullet-list li a:hover{
	text-decoration:underline;
	color:#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: #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:'IBM Plex Sans', sans-serif!important;
	font-weight: 600 !important;
}
	
	
/* SC custom classes */
#content .smart-header {
    color: #2c7088;
}

.smart-button {
    background-color: #22884C;
}

.smart-button:hover {
    background-color: #2c7088;
}

.smart-link {
    color: #22884C;
    font-weight: 700;
}

.smart-link:hover {
    color: #2c7088;
}
.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: #22884C;
    font-weight: 700;
}
	
li.smart-link a {
    color: #22884C;
    font-weight: 700;
}
	
 li.smart-link a:hover {
    color: #2c7088;
}

.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: #fff;
}

#content .white-spotlight-mac-caption ol, #content .white-spotlight-mac-caption ul {
    line-height: 1.2rem;
    color: #fff;
    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: #fff;
}

#content .white-spotlight-mac-caption a:hover {
    text-decoration: none;
    color: #fff;
}

#content .white-spotlight-mac-caption.blue-text h3 {
    color: #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: #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:'IBM Plex Sans', 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:#0021a5!important;
}

.uf-branded-blue button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #0021a5;
}

.uf-branded-blue a button.uf-partial-border-button {
	color:#343741!important;
}

.button_banner_ct .uf-branded-blue {
	color:#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:#FA4616!important;
}

.uf-branded-orange button.uf-partial-border-button:hover {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #FA4616;
}

.uf-branded-orange a button.uf-partial-border-button{
	color:#343741!important;
}

.button_banner_ct .uf-branded-orange {
	color:#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:#0021a5!important;
	border: 2px dotted #FA4616!important;
	background-color: #fff!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: #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:#0021a5!important;
	border: 2px dotted #0021a5!important;
	background-color: #fff!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:#fff!important;
	border: 2px dotted /*#fff*/#FA4616!important;
  background-color: #0021A5!important;
}

button.uf-dotted-white-border-button:hover{
 background-color: #f5f5f5 !important;
	text-decoration:none!important;
	color:#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 #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: #343741!important;
	border-bottom: 3px solid #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: #0021a5;
}



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

#uf-footer p, #uf-footer ul, #uf-footer a, #uf-footer .address {
	color:#fff;
	font-size: 1.15rem;
	font-family:'IBM Plex Sans', 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: #fff;
	margin-right:.5em;
}

#uf-footer .social-footer-icons li a:hover, #uf-footer .social-footer-icons li a:focus{
	color:#C7C9C8!important;
}

#uf-footer {
	color:#fff;
	margin-top:2em;
	margin-bottom:2rem;
	overflow-x: hidden;
	font-size:.9em;
	padding-top:2em;
	padding-bottom:1em;
	font-family:'IBM Plex Sans', 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: "IBM Plex Sans", sans-serif;
}

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

#uf-footer-wrapper h5{
	border-bottom:#fa4616 3px solid;
	padding-bottom:.25rem;
 	max-width: 11rem;
	line-height: 1.8rem;
	font-family: "IBM Plex Sans", 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 #FFF;
}
	
	/*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 #fff;
}
	
#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: #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: #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: #fff; 
}	
}

@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 #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: #fff;
    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:'IBM Plex Sans', sans-serif;
}

#slider .caption h4 {
    color: #fff;
    font-size: 1.2rem!important;
    padding: .5rem 2rem 0rem 2rem!important;
	font-weight: bold !important;
 	font-family:'IBM Plex Sans', 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: #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: #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: #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: #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;
}