@charset "utf-8";
/* CSS Document */
/*******
F6V3 
******/

@font-face {
    font-family: gentona_medium;
    font-display: fallback;
    src: url(https://assets.webadmin.ufl.edu/fonts/files/gentona_medium-webfont.eot);
    src: url(https://assets.webadmin.ufl.edu/fonts/files/gentona_medium-webfont.eot?#iefix) format('embedded-opentype'), url(https://assets.webadmin.ufl.edu/fonts/files/gentona_medium-webfont.woff) format('woff'), url(https://assets.webadmin.ufl.edu/fonts/files/gentona_medium-webfont.ttf) format('truetype'), url(https://assets.webadmin.ufl.edu/fonts/files/gentona_medium-webfont.svg#gentonalight) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: gentona_light;
    font-display: fallback;
    src: url(https://assets.webadmin.ufl.edu/fonts/files/gentona_light-webfont.eot);
    src: url(https://assets.webadmin.ufl.edu/fonts/files/gentona_light-webfont.eot?#iefix) format('embedded-opentype'), url(https://assets.webadmin.ufl.edu/fonts/files/gentona_light-webfont.woff) format('woff'), url(https://assets.webadmin.ufl.edu/fonts/files/gentona_light-webfont.ttf) format('truetype'), url(https://assets.webadmin.ufl.edu/fonts/files/gentona_light-webfont.svg#gentonalight) format('svg');
    font-weight: 400;
    font-style: normal;
}

body {
    background-color: #fff;
    font-family: gentona_light, Arial, Sans-Serif!important;
    font-weight: 300!important;
	color:#343741;
}

html {
    overflow-x: hidden;
}


a {
   color: #0021a5; 
}

iframe {
  border: 0;
}

a:hover {
	color: #343741;
}

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

table tbody tr:nth-child(2n) {
  background-color: #F5F5F5!important;
}

table tbody,
table tfoot,
table thead {
    border: 1px solid #F5F5F5!important;
}

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


p {
font-size: 1.25rem;
line-height: 1.75rem;
}

#content h2, #content h3, #content h4, #content h5,#content h6 {
    font-family: gentona_medium, Arial, Sans-Serif!important;
    font-weight: 500!important;
	text-transform: uppercase;
}

#content h1 {
	font-family: gentona_light, Arial,Sans-Serif!important;
    font-weight: 500!important;
	text-transform: uppercase;
	font-size: 2.5rem;
	line-height:3.75rem;
} 

#content h1,#content h4, #content h5,#content h6,#content h1 a,#content h4 a, #content h5 a,#content h6 a{
	color: #343741;
}

#content h2 {
    font-size: 1.7rem;	
	line-height:2.55rem;
}

#content h2, #content h2 a {
    color: #0021a5;
}


#content h3, #content h3 a {
    color: #0021a5;
   font-size: 1.5rem;
	line-height:2.25rem;
}

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

#content h5, #content h5 a {
    font-size: 1.25rem;
	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;
}

.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 td, #content table p,#content table ul,#content table ol, #content table td strong,
#content table td em{
    font-size: 1.1rem;
	font-family:gentona_light, arial,Sans-Serif!important;
}
#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,
#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;
	font-family:gentona_medium, arial,Sans-Serif!important;
	margin-left:0!important;
	color: #343741;
	text-transform:none;
	font-weight:300!important;
	text-align:left;
}

#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;
}

#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: gentona_light, Arial,Sans-Serif!important;
}

#content blockquote strong, #content ol li strong, #content p strong, #content ul li strong {
    font-weight: 700!important;
    font-family: gentona_light, Arial,Sans-Serif!important;
}

#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 {
    font-weight: 300!important;
	font-size: 1.25rem;
	line-height: 1.75rem;
}


#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-family:gentona_light,arial,Sans-Serif!important;
	font-size: 2rem;
}

#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:gentona_light, arial, Sans-Serif;
}

#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;
	font-family: gentona_medium, Arial, Sans-Serif!important;
	color: #343741;
}
#highlights-manual ul, #highlights-manual ol {font-size:1rem!important;}

#highlights-manual h2.manual-highlights-heading {
	font-size:2rem!important;
	font-family:gentona_light, arial, 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;
    font-family: gentona_medium, Arial,Sans-Serif!important;
}

.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;
}
div#sfyl-resource-box p {
  padding-left: .45rem;
}

.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;
    font-family: gentona_light,Arial,Sans-Serif!important;
    padding: 0 4rem 0 2rem!important;
}

.top-static .right-text ul li a {
    font-size: 1rem;
    font-family: gentona_light,Arial,Sans-Serif!important;
    font-weight: 300!important;
    line-height: 1.3rem;
}

.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: gentona_light, Arial,Sans-Serif !important;
}

#slider .caption h4 {
    color: #fff;
    font-size: 1.5rem;
    padding: .5rem 2rem 0rem 2rem!important;
	font-family: gentona_light, Arial,Sans-Serif !important;
	font-weight: bold !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: gentona_light, Arial,Sans-Serif!important;
    font-weight: 300!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 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 {
    font-family: gentona_medium,arial, Sans-Serif!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:#3437413!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;}
/*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;
}
	
.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-family: gentona_medium, Arial,Sans-Serif!important;
    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;
}

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: 0;
  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;
}

/*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;
}
	
#county-sm-icons p, #main-menu, h1, h2, h3, h4, h5 {font-family: gentona_medium, Arial,Sans-Serif!important;}
	
#main-menu, h1, h2, h3, h4, h5 {
    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;
}

.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 {
    font-family: gentona_medium, Arial,Sans-Serif!important;
    font-weight: 500!important;
    position: relative;
    top: .1rem;
    left: 2.7rem;
    font-size: .65rem;
    letter-spacing: 1px;
	float: right;
    padding-right: .5rem;
}	
	
.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;}
.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;
}
	
.logo-tagline h1, .logo-tagline h2, .logo-tagline h3, .logo-tagline h4, .logo-tagline h5, .logo-tagline p {
    word-wrap: normal!important;
}	
}

	
/***********************************************************************************************************
	START - MASH MENU - MEGA MENU
****************************************************************************************************************/
 .mashmenu .menu>li>a, .mashmenu .mod .mod-content {
    font-family: gentona_medium, Arial, sans-serif;
    font-weight: 100;
}

.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
****************************************************************************************************************/
.blog-F6-heading {
    padding-left: 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-family: gentona_medium, Arial,Sans-Serif!important;
    font-size: 1.2rem;
    margin-left: -.7rem!important;
    text-align: center;
}

ul.pagination a {
    font-family: gentona_medium, Arial,Sans-Serif!important;
    font-size: 1.2rem!important;
}

ul.pagination a:hover {
    font-family: gentona_medium, Arial,Sans-Serif!important;
    font-size: 1.2rem;
    background: #f5f5f5;
    color: #0021A5; /*OLD WEB BLUE #00529B*/
}

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

#breadcrumb-navigation ul.breadcrumbs {
    font-family: gentona_medium, Arial,Sans-Serif!important;
    font-size: 1.2rem!important;
    text-align: center;
}

#breadcrumb-navigation ul.breadcrumbs a {
    font-family: gentona_medium, Arial!important;
    font-size: 1rem;
    color: #343741;
}

#breadcrumb-navigation ul.breadcrumbs a:hover {
    font-family: gentona_medium, Arial!important;
    font-size: 1rem;
    color: #0021A5;
    text-decoration: none;
}

#breadcrumb-navigation .breadcrumbs li {
    float: left;
    /*color: #343741;
    font-size: .6875rem;
    cursor: default;*/
    text-transform: uppercase;
}


/********************************************
	END -  FILTERED DIRECTORY STYLES
********************************************/	
	
#content .nobullet-list strong  {
    font-family: gentona_light, Arial,Sans-Serif!important;
    font-weight: 700!important;
}

#content .nobullet-list {
    position: relative;
    left: -.9rem;
    margin-top: -.3rem;
    margin-left: 0;
    font-family: gentona_light, Arial,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;
    /*font-weight: 300!important;*/
	line-height: 1.75rem;
}

#content .nobullet-list li {
    list-style-image: none;
    margin: 0;
    padding-left: .8rem;
    padding-bottom: .75rem;
    /*line-height: 1.2rem;
    font-weight: 500!important;
    font-size: 1rem;*/
}
	
#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;
    font-family: gentona_medium, Arial,Sans-Serif!important;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 300;
    z-index: 1010;
}
	
	
/* 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;
    font-family: gentona_light, Arial,Sans-Serif!important;
    color: #fff;
}

#content .white-spotlight-mac-caption ol, #content .white-spotlight-mac-caption ul {
    line-height: 1.2rem;
    font-family: gentona_light, Arial,Sans-Serif!important;
    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.2rem;
    font-family: gentona_light, Arial,Sans-Serif!important;
}

#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;
	font-family: gentona_light, Arial,Sans-Serif!important;
	font-weight:100!important;
}

#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;
  font-family: gentona_light,arial,sans-serif;
  padding-bottom: 5rem !important;
  line-height: 2rem;
  position: relative;
  top: .5rem;
  text-transform: none;
}
/*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!important;
	background-color: #fa4616!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-family: gentona_light, arial,sans-serif !important;
  	font-style: italic;
} 


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 {
	color:#fff;
	margin-top:2em;
   margin-bottom:2rem;
	overflow-x: hidden;
}
#uf-footer p, #uf-footer ul, #uf-footer a, #uf-footer .address {
	color:#fff;
	 font-size: 1.15rem;
	font-family:gentona_light, arial, 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;
}

#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{
	font-size:.9em;
	font-family:gentona_medium, arial, sans serif;
	padding-top:2em;
	padding-bottom:1em;
}
	
#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{
	font-family:gentona_light,arial, sans serif!important;
	padding-top:1em;
	font-size:1rem;
}

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

#uf-footer-wrapper h5{
	border-bottom:#fa4616 3px solid;
 	max-width: 11rem;
	line-height: 3rem;
}

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

/******************************
SMALL STYLES START
****************************/
@media only screen and (max-width:40em) {
	#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;
}
	
#content .parallax h1 {
  padding-top: 1rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
}
	
.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 remvoed 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: 1.5rem;
}

#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: gentona_light, Arial,Sans-Serif !important;
}

#slider .caption h4 {
    color: #fff;
    font-size: 1.2rem!important;
    padding: .5rem 2rem 0rem 2rem!important;
	font-family: gentona_light, Arial,Sans-Serif !important;
	font-weight: bold !important;
}	
#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) {
	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 remvoed 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
****************************/