<!-- IFAS F6V3 Main 2025 page layout -->
<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--START META DATA-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="10">
<meta http-equiv="X-UA-Compatible" content="9">
<title>Florida 4-H - University of Florida, Institute of Food and Agricultural Sciences - UF/IFAS</title>
<!--metadata-->
 
  <!--Author-->
  
  <!--End Author-->
 
  <!--Keywords-->
  
  <!--End Keywords-->
  
  <!--navigation object for siteimprove deep linking-->
    <meta name="pageID" content="219947">
<meta name="creator" content="UF/IFAS is a world-class land grant institution propelling Florida forward through research, education and Extension. Our agricultural, human and natural resource work improves the quality of life in our state and beyond." />
    <!--Whole site meta data-->
  <meta name="google-site-verification" content="OtwLCWJ7d3uLF5_OoQshYWttJpnGrruNi8dhJksZQ4A" />
<meta name="robots" content="index, follow">
<meta name="googlebot" content="noarchive">
<meta name="revisit-after" content="7 days">
<meta name="keywords" content="Institute of Food and Agricultural Sciences, Land Grant, IFAS, University of Florida, 4-H, Florida 4-H, youth leadership development, youth leadership" />
<meta name="description" content="UF/IFAS Extension cultivates and inspires leadership in youth by administering the statewide Florida 4-H Youth Development Program. Valuing a hands-on approach to learning, 4-H provides youth with opportunities to develop skills, accrue knowledge and explore career paths with projects and events on a broad selection of topics from agriculture to robotics to mock government. The organization also offers Collegiate 4-H, volunteer positions, and sponsorship opportunities, so there are myriad ways for youth and adults alike to get involved." />
<meta name="author" content="Florida 4-H" />
<meta name="link" content="https://florida4h.org/" />
<meta name="copyright" content="(c)Copyright 2025, UF/IFAS" />
<meta name="copyright" content="2025" />
<meta name="subject" content="Institute of Food and Agricultural Sciences, The University of Florida" />
<meta name="coverage" content="Florida, USA" />
<meta name="type" content="text" />
<meta name="type" content="image" />
<meta name="format" content="text/html" />
<meta name="format" content="image/jpeg" />
<meta name="format" content="application/pdf" />
<meta name="language" content="en" />

<link rel="shortcut icon" type="image/x-icon" href="/media/ifasufledu/ifas-dark-blue/style-assets/css/images/favicon.ico">
  <!--End Whole site meta data-->
  <!--END META DATA-->
    <link rel="stylesheet" type="text/css" media="screen" href="/media/ifasufledu/white/style-assets/foundation-6/css/foundation.min.css" /><!--foundation.css v6.23 288671 -->
    <link rel="stylesheet" type="text/css" media="screen" href="" /><!--app.css v6.2 288672 -->
   <!--Google Fonts START-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
    <!--Google Fonts END-->
   <!--IFAS F6 V3 2025 CSS START--><link rel="stylesheet" type="text/css" media="screen" href="/media/ifasufledu/white/style-assets/ifas-f6v3/css/IFAS-F6-V3-2025.css" /><!--END IFAS F6 V3 2025 CSS-->
    <link rel="stylesheet" type="text/css" media="screen" href="/media/ifasufledu/white/style-assets/foundation-6/owl-slider/css/owl-IFAS.css" /><!--owl slider css 290655 -->
		 <script src="https://kit.fontawesome.com/2c49d02be6.js" crossorigin="anonymous"></script><!--Font Awesome 6x-->
         
    
<!--Scripts-->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><!--jquery.js latest CDN - YG test-->
<!--End Scripts-->
    
<!-- Google Analytics-->
<!-- google analytics - ifas - CT ID 262 -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-16027154-1', 'auto');
  ga('send', 'pageview');
</script>
<script src="https://www.youtube.com/player_api"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- YouTube API Code for video eveny tracking -->
<script type="text/javascript">
var iframe_count = 0;

window.YT.ready(function() { // 
  jQuery('iframe').each(function(){
      jQuery(this).prop('id','ytplayer'+ iframe_count);
      var src= jQuery(this).prop('src');
    //if source !contain ?
    if (!src.includes('?') ){
      src = src + '?enablejsapi=1';
    } else {
      src = src + '&enablejsapi=1';
    }
      jQuery(this).prop('src',src);
      iframe_count++;
  }); //end iframe each

//console.log( iframe_count );

if( iframe_count > 0){
//attach API to each player iframe by ID
var tag = document.createElement('script');
tag.id = 'iframe-demo';
tag.src = 'https://www.youtube.com/iframe_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var ytplayer0, ytplayer1, ytplayer2, ytplayer3, ytplayer4, ytplayer5, ytplayer6, ytplayer7, ytplayer8, ytplayer9, ytplayer10;

window.onYouTubeIframeAPIReady = function() {
  ytplayer0 = new YT.Player('ytplayer0', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
if( iframe_count > 1){
  ytplayer1 = new YT.Player('ytplayer1', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 2){
  ytplayer2 = new YT.Player('ytplayer2', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 3){
  ytplayer3 = new YT.Player('ytplayer3', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 4){
  ytplayer4 = new YT.Player('ytplayer4', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 5){    
  ytplayer5 = new YT.Player('ytplayer5', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 6){
  ytplayer6 = new YT.Player('ytplayer6', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 7){
  ytplayer7 = new YT.Player('ytplayer7', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 8){
  ytplayer8 = new YT.Player('ytplayer8', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 9){
  ytplayer9 = new YT.Player('ytplayer9', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 10){
  ytplayer10 = new YT.Player('ytplayer10', {
    events: {
      'onStateChange': onPlayerStateChange
    }//end player10
    }); //end new
} // end > 9
// } // end function
} // end > 0

} // end function onYouTubeIframeAPIReady()
}); // end window.YT.ready(function() 

function convert_min_decimal_to_secs(time){
	var time_array = time.split(".");
	var dec = time_array[1];
	var sec = dec * .6;
	var new_time = time_array[0] + ':' + sec.toFixed(2);
	return new_time;
}

var playerstate = ['Finished','Play','Pause'];
function onPlayerStateChange(event) {
  if (event.data >= 0 && event.data < 3){
    var video_title = event.target.getVideoData().title;
    var time = event.target.getCurrentTime();
if (time > 59){
     time = time/60;
     time = time.toFixed(2);
     time = convert_min_decimal_to_secs(time);
     //console.log(time);
   } else {
     time = time.toFixed(2) + ' sec ';
   }
    var label = video_title + ' - ' + time;
    //console.log(label );
    ga('send', {
      hitType: 'event',
      eventCategory: 'Videos',
      eventAction: playerstate[event.data],
      eventLabel: label
    });
  }// end > 0
} // end function

</script>
<!-- END --  YouTube API Code -->
    
    <!-- GA4 -->
    <!-- Google Analytics GA4 CT ================= -->

<!-- Google Analytics GA4 code -->
  
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-N5E53H5KXQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-N5E53H5KXQ');
</script>

<!-- END - Google Analytics GA4 code -->

<!-- YouTube API Code for video event tracking -->
<script src="https://www.youtube.com/player_api"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
var iframe_count = 0;

window.YT.ready(function() { // 
 jQuery('iframe').each(function(){
  if (jQuery(this).attr('src').indexOf("youtu") >= 0){
      jQuery(this).prop('id','ytplayer'+ iframe_count);
      var src= jQuery(this).prop('src');
    //if source !contain ?
    if (!src.includes('?') ){
      src = src + '?enablejsapi=1';
    } else {
      src = src + '&enablejsapi=1';
    }
      jQuery(this).prop('src',src);
      iframe_count++;
  }// end if youtu be
 }); //end iframe each

//console.log( iframe_count );

if( iframe_count > 0){
//attach API to each player iframe by ID
var tag = document.createElement('script');
tag.id = 'iframe-demo';
tag.src = 'https://www.youtube.com/iframe_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var ytplayer0, ytplayer1, ytplayer2, ytplayer3, ytplayer4, ytplayer5, ytplayer6, ytplayer7, ytplayer8, ytplayer9, ytplayer10;

window.onYouTubeIframeAPIReady = function() {
  ytplayer0 = new YT.Player('ytplayer0', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
if( iframe_count > 1){
  ytplayer1 = new YT.Player('ytplayer1', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 2){
  ytplayer2 = new YT.Player('ytplayer2', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 3){
  ytplayer3 = new YT.Player('ytplayer3', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 4){
  ytplayer4 = new YT.Player('ytplayer4', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 5){    
  ytplayer5 = new YT.Player('ytplayer5', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 6){
  ytplayer6 = new YT.Player('ytplayer6', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 7){
  ytplayer7 = new YT.Player('ytplayer7', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 8){
  ytplayer8 = new YT.Player('ytplayer8', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 9){
  ytplayer9 = new YT.Player('ytplayer9', {
    events: {
      'onStateChange': onPlayerStateChange
    }
    });
}
if( iframe_count > 10){
  ytplayer10 = new YT.Player('ytplayer10', {
    events: {
      'onStateChange': onPlayerStateChange
    }//end player10
    }); //end new
} // end > 9
// } // end function
} // end > 0

} // end function onYouTubeIframeAPIReady()
}); // end window.YT.ready(function() 

function convert_min_decimal_to_secs(time){
	var time_array = time.split(".");
	var dec = time_array[1];
	var sec = dec * .6;
	var new_time = time_array[0] + ':' + sec.toFixed(2);
	return new_time;
}

var playerstate = ['Finished','Play','Pause'];
function onPlayerStateChange(event) {
  if (event.data >= 0 && event.data < 3){
    var video_title = event.target.getVideoData().title;
    var time = event.target.getCurrentTime();
if (time > 59){
     time = time/60;
     time = time.toFixed(2);
     time = convert_min_decimal_to_secs(time);
     //console.log(time);
   } else {
     time = time.toFixed(2) + ' sec ';
   }
    var label = video_title + ' - ' + time;
    //console.log(label );
    ga('send', {
      hitType: 'event',
      eventCategory: 'Videos',
      eventAction: playerstate[event.data],
      eventLabel: label
    });
  }// end > 0
} // end function

</script>
<!-- END --  YouTube API Code -->

<!--  END -- Google Analytics GA4 CT ================= -->
    <!-- End - GA4 -->
    
<!--End Google Analytics-->
    
<!-- FB Pixel -->

<!-- End FB Pixel -->
    
    <!--Twitter Card-->
    
		
		
    
    <!--End Twitter Card-->
    
    
    
    
  </head>
  <body>
    
  <!--==============================Top Navigation========================================-->
   <!--START NAVIGATION-->
   <div id="top-nav-wrapper" role="navigation" >
     
<!-- Switchable Mega Menu or SFYL-type Hamburger Menu -->

		<!-- Megamenu Mercury -- text/f6v3_2025 CT =================================================================== ** -->
<!-- START FULL WIDTH TOP NAV CONTAINER (LOGO + TOP NAV)-->

    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- UF's Mercury stylesheet -->
<!--2025--><link rel="stylesheet" type="text/css" media="screen" href="/media/ifasufledu/white/style-assets/ifas-f6v3/css/mercury-menu-T4-2025.css" />

		<header class="header header-wrapper  w-100">
          
        <!-- Search Modal -->
        <div class="offcanvas offcanvas-top off-canvas-search" tabindex="-1" id="offcanvasTop"
        aria-label="search" data-bs-scroll="true" data-bs-backdrop="false">
            <div class="offcanvas-header">
                <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"
                tabindex="3"></button>
            </div>
            <div class="offcanvas-body" id="siteSearch">
                <!-- START SEARCH FORM -->
                <form class="d-flex" id="search-form" action="#" method="get">
                    <input class="form-control" name="q" type="search" placeholder="How can we help you?" tabindex="1" autofocus="true" aria-label="Search">
                  <input class="btn search-submit" type="submit" value="" tabindex="2">

                </form>
                <!-- END SEARCH FORM -->
            </div>
        </div>
        <!-- END Search Modal -- OFF CANVAS DROPDOWN-->
          
            <div class="container-fluid header-container">
                <div class="row justify-content-between header-row"> <a class="visually-hidden-focusable" href="#content" tabindex="1">Skip to main content</a>

                    <!-- START LOGO COL-->
                    <div class="col-sm-8 col-md-6 col-logo">
                      <a href="https://sfyl.ifas.ufl.edu/"><img id="extension_logo" alt="UF Institute of Food and Agricultural Sciences Extension logo" class="mlogo" src="/media/ifasufledu/white/style-assets/css/images/IFASExtwhitelogo.svg" style=" width:225px; margin-top:5px;"></a>
                    </div>
                    <!-- END LOGO COL-->
                    <!-- START DESKTOP ONLY TOP MENU ITEMS & DROPDOWNS-->
                    <div class="col-md-6 d-md-flex justify-content-end mb-md-0 mb-3 flex-column audience-nav-col">
                        <!-- Give and UFL Header Links-->
                        <div class="offsite-links d-flex justify-content-end"><a href="https://give.ifas.ufl.edu/4-h-giving/" class="optional-offsite-link">Give</a>
                          &nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="http://ufl.edu" class="ufl-main-link">University of Florida</a>
                        </div>
                        <!-- END Give and UFL Header Links-->
                        
                      <!-- Audience Nav Dropdown Links  onclick="displaySearchModal();" -->
                        <div class="audience-nav-links d-flex justify-content-end">
                            <button class="navbar-search" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop" alt="Toggle Search Form" title="Toggle Search Form" style="background-image:url(https://programs.ifas.ufl.edu/_assets/mercury/img/search-icon.webp);"> <span class="visually-hidden">Search Link</span>
                            </button>
                          
					<!-- RESOURCES utility menu -->
                            <div class="dropdown" id="resourcesmenu" style="display:none;" >
                              <div class="dropdown-hover"> <a class="nav-link dropdown-toggle-top" href="#" role="button" id="resourcesMenuLink"
                                    aria-expanded="false"> Resources </a>
 									<span class="mobile-menu-toggle" aria-expanded="false"></span>
                                    <ul id="resourcesmenu_dd" class="dropdown-menu animate slideIn dropdown-menu-lg-end" id="resources-menu" aria-labelledby="resourcesMenuLink"></ul>
                            </div>
                          </div>
                    <!-- END - resources menu -->
                    <!-- 2nd utility menu goes here -->
                          <!-- utility menu 2 -->
                    <!-- END - 2nd utility menu -->
                        </div>
                    </div>
                    <!-- END DESKTOP ONLY TOP MENU ITEMS & DROPDOWNS-->
                    <!-- START MOBILE ONLY SEARCH AND TOGGLE-->
                    <div class="mobile-nav"> <a class="navbar-search" id="mobile-search-icon" data-bs-toggle="offcanvas"
                        data-bs-target="#offcanvasTop" aria-controls="offcanvasTop" alt="Toggle Search Form"
                        title="Toggle Search Form" tabindex="0"  >
              <span class="visually-hidden">Toggle Search Form</span>
            </a>

                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                        data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation"> <span style="margin-bottom: 10px;margin-top: -10px;">MENU</span>

                            <span
                            class="navbar-icon-wrapper"> <span class="navbar-toggler-icon"></span>
</span>
                        </button>
                    </div>
                    <!-- END MOBILE ONLY SEARCH AND TOGGLE -->
                </div>
            </div>
            <!-- END FULL WIDTH TOP NAV CONTAINER (LOGO + TOP NAV)-->
            <!-- START FULL WIDTH MAIN NAV CONTAINER -->
            <nav class="navbar main_navbar pt-0 pb-0 navbar-expand-xxl" id="main-navbar">
                <div class="container-fluid">
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <!-- START MOBILE ONLY LINKS + MOBILE MENU ACTIVE TOGGLE -->
                        <div class="mobile-offsite-toggle-wrapper"> <span class="mobile-offsite-links">
                <a href="https://give.ifas.ufl.edu/4-h-giving/" class="mobile-offsite-link">GIVE</a>
                <a href="http://www.ufl.edu" class="mobile-main-link">UNIVERSITY OF FLORIDA</a>
              </span>

                            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation"> <span style="margin-bottom: 10px;margin-top: -10px;">MENU</span>

                                <span
                                class="navbar-icon-wrapper"> <span class="navbar-toggler-icon"></span>
</span>
                            </button>
                        </div>
                        <!-- END MOBILE ONLY LINKS + MOBILE MENU ACTIVE TOGGLE -->
                        <!-- Start MAIN MENU UL with DD-->
                        <ul role="list" class="navbar-nav d-md-flex m-auto justify-content-evenly flex-wrap w-100" id="main-nav-ul" >
                            <!-- HOME link without DD-->
                            <li role="listitem" class="nav-item"> <a class="nav-link home-link" href="" id="navbarDropdown0" aria-expanded="false">HOME</a>
                  
                            </li>
                            <!-- End Dropdown Menu List Item -->
                           <!-- Start menu li with DD-->
                            <li role="listitem"  class="nav-item dropdown dropdown-hover"> <a class="nav-link dropdown-toggle" href="/about-us/" id="navbarDropdown1" aria-expanded="false">ABOUT US</a>

                                <!-- Dropdown menu --> <span class="mobile-menu-toggle" ></span>

                                <ul id="1" class="dropdown-menu animate slideIn mt-0 ddm-mm col-count-three" aria-labelledby="navbarDropdown1" style="border-top-left-radius: 0;border-top-right-radius: 0;"><!-- dropdown element 1 --><ul class="columns"><!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/about-us/meet-the-staff/">Meet The Staff</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/about-us/florida-4-h-history/">Florida 4-H History</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/about-us/mission/">Our Mission</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/about-us/florida-4-h-impact/">Florida 4-H Impact</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="https://give.ifas.ufl.edu/4-h-giving/fl-4-h-foundation/">Florida 4-H Foundation</a></li>
</ul>
</li>
<!-- column end --></ul><!-- END dropdown element 1 --></ul>
                                <!-- END Dropdown DIV -->
                            </li>
                            <!-- End Dropdown Menu List Item -->
                            <!-- Start menu li with DD-->
                            <li role="listitem" class="nav-item dropdown dropdown-hover"> <a class="nav-link dropdown-toggle" href="/donate/" id="navbarDropdown2" aria-expanded="false">DONATE</a>

                                <!-- Dropdown menu --> <span class="mobile-menu-toggle" ></span>

                                <ul id="2" class="dropdown-menu animate slideIn mt-0 ddm-mm col-count-three  " aria-labelledby="navbarDropdown2" style="border-top-left-radius: 0;border-top-right-radius: 0;"><!-- dropdown element 2 --><ul class="columns">
<li>
<ul class="columns"><!-- column start -->
<li>
<ul class="list">
<li class="header">Subheading 1</li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 1</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 2</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link3</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 4</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header">Subheading 2</li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 5</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 6</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 7</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 8</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header">Subheading 3</li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 9</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 10</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 11</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 12</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header">Subheading 4</li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 13</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 14</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 15</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 16</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header">Subheading 5</li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 17</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 18</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 19</a></li>
<li><a title="University of Florida" href="http://ufl.edu/">Link 20</a></li>
</ul>
</li>
<!-- column end --></ul>
</li>
</ul><!-- END dropdown element 2 --></ul>
                                <!-- END Dropdown DIV -->
                            </li>
                            <!-- End Dropdown Menu List Item -->
                            <!-- Start menu li with DD-->
                            <li role="listitem" class="nav-item dropdown dropdown-hover"> <a class="nav-link dropdown-toggle" href="/events/state-calendar/" id="navbarDropdown3" aria-expanded="false">4-H State Calendar</a>

                                <!-- Dropdown menu --> <span class="mobile-menu-toggle" ></span>

                                <ul id="3" class="dropdown-menu animate slideIn mt-0 ddm-mm col-count-three " aria-labelledby="navbarDropdown3" style="border-top-left-radius: 0;border-top-right-radius: 0;"><!-- dropdown element 3 --><div class="channel-content" id="channel-175">
<div class="content-inner">
<div class="loading"></div>
</div>
</div>
<div class="channel-content" id="channel-177">
<div class="content-inner">
<div class="loading"></div>
</div>
</div><!-- END dropdown element 3 --></ul>
                                <!-- END Dropdown DIV -->
                            </li>
                            <!-- End Dropdown Menu List Item -->
                            <!-- Start menu li with DD-->
                            <li role="listitem" class="nav-item dropdown dropdown-hover"> <a class="nav-link dropdown-toggle" href="/get-involved/" id="navbarDropdown4" aria-expanded="false">GET INVOLVED</a>

                                <!-- Dropdown menu --> <span class="mobile-menu-toggle" id="toggle"></span>

                                <ul id="4" class="dropdown-menu animate slideIn mt-0 ddm-mm col-count-three " aria-labelledby="navbarDropdown4" style="border-top-left-radius: 0;border-top-right-radius: 0;"><!-- dropdown element 4 --><ul class="columns"><!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/get-involved/volunteer/">Volunteer </a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/find-your-local-office/">Find Your Local Office</a></li>
</ul>
</li>
<!-- column end --></ul><!-- END dropdown element 4 --></ul>
                                <!-- END Dropdown DIV -->
                            </li>
                            <!-- End Dropdown Menu List Item -->
                            <!-- Start menu li with DD-->
                            <li role="listitem" class="nav-item dropdown dropdown-hover"> <a class="nav-link dropdown-toggle" href="/youth/" id="navbarDropdown5" aria-expanded="false">Youth</a>

                                <!-- Dropdown menu --> <span class="mobile-menu-toggle" id="toggle"></span>

                                <ul id="5" class="dropdown-menu animate slideIn mt-0 ddm-mm col-count-three" aria-labelledby="navbarDropdown5" style="border-top-left-radius: 0;border-top-right-radius: 0;"><!-- dropdown element 5 --><ul class="columns"><!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/projects/">Projects</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/events/">Events</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/youth/4-h-clubs/">Clubs</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/youth/awards-and-recognition/">Awards &amp; Recogniton</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/youth/school-enrichment-programs/">School Enrichment Programs</a></li>
</ul>
</li>
<!-- column end --></ul><!-- END dropdown element 5 --></ul>
                                <!-- END Dropdown DIV -->
                            </li>
                            <!-- End Dropdown Menu List Item -->
                            <!-- Start menu li with DD-->
                            <li role="listitem" class="nav-item dropdown dropdown-hover"> <a class="nav-link dropdown-toggle" href="" id="navbarDropdown6" aria-expanded="false"></a>

                                <!-- Dropdown menu --> <span class="mobile-menu-toggle" id="toggle"></span>

                                <ul id="6" class="dropdown-menu animate slideIn mt-0 ddm-mm col-count-three" aria-labelledby="navbarDropdown6" style="border-top-left-radius: 0;border-top-right-radius: 0;"><!-- dropdown element 6 --><ul class="columns"><!-- column start -->
<li>
<ul class="list">
<li class="header">Citizenship and Leadership</li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header">Science</li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header">Healthy Living</li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/events/4-h-university/">4-H University</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/events/legislature/">Legislature</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header">Day At The Capitol<!-- column end --></li>
</ul>
</li>
</ul><!-- END dropdown element 6 --></ul>
                                <!-- END Dropdown DIV -->
                            </li>
                            <!-- End Dropdown Menu List Item -->
                            <!-- Start menu li with DD-->
                            <li role="listitem" class="nav-item dropdown dropdown-hover"> <a class="nav-link dropdown-toggle" href="/camps/" id="navbarDropdown7" aria-expanded="false">Camps</a>

                                <!-- Dropdown menu --> <span class="mobile-menu-toggle" id="toggle"></span>

                                <ul id="7" class="dropdown-menu animate slideIn mt-0 ddm-mm col-count-three" aria-labelledby="navbarDropdown6" style="border-top-left-radius: 0;border-top-right-radius: 0;"><!-- dropdown element 7 --><ul class="columns"><!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/camps/camp-cherry-lake/">4-H Camp Cherry Lake</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/camps/camp-cloverleaf/">4-H Camp Cloverleaf</a></li>
</ul>
</li>
<!-- column end --> <!-- column start -->
<li>
<ul class="list">
<li class="header"><a href="/camps/camp-timpoochee/">4-H Camp Timpoochee</a></li>
</ul>
</li>
</ul>
<p><br /><br /></p>
<ul class="columns"><!-- column end --></ul><!-- END dropdown element 7 --></ul>
                                <!-- END Dropdown DIV -->
                            </li>
                            <div class="mobile-secondary-dropdown"></div>
                        <!-- End MAIN MENU UL -->
                        <!-- START MOBILE ONLY SECONDARY LINKS -->
                        <!-- END MOBILE ONLY SECONDARY LINKS -->
                    </div>
                </div>
            </nav>
        </header>
        <!-- END FULL WIDTH MAIN NAV CONTAINER -->
          
 <!-- ========================================================== -->          

<script>
  jQuery('img#ifas_logo').attr('src','/media/ifasufledu/white/style-assets/ifas-f6v3/images/IFAS-White-orange-line.svg');
  jQuery('img#extension_logo').attr('src','/media/ifasufledu/white/style-assets/ifas-f6v3/images/Extension-White-orange-line.svg');
  //research_logo
    jQuery('img#research_logo').attr('src','/media/ifasufledu/white/style-assets/ifas-f6v3/images/IFAS-White-orange-line.svg');
  jQuery('img#research_logo').attr('id','ifas_logo');

  
  //add class to resources menu pulled from utlity menu CT
  jQuery('ul#resources-menu > li').addClass('nav-item');
  jQuery('ul#resources-menu > li.nav-item > a').addClass('nav-link');
  
  //remove unused nav-items with empty top nav-links, add numeric classesto remaining links
  var navCount = 1;
  jQuery('li.nav-item.dropdown.dropdown-hover > a.nav-link').each(function(){
      if (this.text.length == 0){
        jQuery(this).parent('li.nav-item.dropdown.dropdown-hover').hide();
        jQuery(this).remove();
      } else {
        jQuery(this).parent().addClass('nav'+ navCount);
        navCount++;
      }
  });
  navCount--;
  //add left-Yes class to dropdown menus in right half of menu bar
  for (let i = 1; i <= navCount; i++){
    if( i > navCount/2  ){
      jQuery('li.nav'+i+' > ul.dropdown-menu.animate.slideIn').addClass('left-Yes');
    }
  }
  
  //remove dropdowns where Mega Dropdown-Menu# is NOT checked
  var megaCheckboxes = ["","Yes", "", "", "Yes", "Yes", "", "Yes"];
  
  var menuId = 1;
  megaCheckboxes.forEach(function(){
    if (megaCheckboxes[menuId] != 'Yes'){
      jQuery('ul#'+ parseInt(menuId) +'.dropdown-menu.animate.slideIn').prev('span.mobile-menu-toggle').remove();
      jQuery('ul#'+ parseInt(menuId) +'.dropdown-menu.animate.slideIn').remove();
    }
    menuId++;
  });

  //remove empty dropdown menu, make top nav-links regular links
  jQuery('ul.dropdown-menu.animate.slideIn:empty').prev('span.mobile-menu-toggle').remove();
  jQuery('ul.dropdown-menu.animate.slideIn:empty').remove();

   var resources = jQuery('ul#resourcesmenu_dd').text().length;
   if (resources > 5){
      jQuery('div#resourcesmenu').show();
   }
  
   jQuery('li.utlity-menu-link').addClass('nav-item');
   
   jQuery('li.utlity-menu-link > a').addClass('nav-link');
  
   jQuery('a#resourcesMenuLink2.nav-link').addClass('dropdown-toggle-top');
      
   for (let i = 1; i < 8; i++) {
      var links = jQuery('ul#'+i+'.dropdown-menu.animate.slideIn a');
      jQuery(links).each(function(){
        var linktext = jQuery(this).text();
        var linkhref = this.href;
        jQuery(this).remove();
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn :empty').remove(); //remove all empty child nodes
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn').append('<li class="mercury-item" ><a class="dropdown-item" href="' + linkhref + '" tabindex="0">' + linktext + '</a></li>');
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn li:not(ul#'+i+'.dropdown-menu.animate.slideIn li.mercury-item)').remove();
      });
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn table').remove(); //remove all tables
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn h1').remove(); //remove all h1s
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn h2').remove(); //remove all h2s
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn h3').remove(); //remove all h3s
     	jQuery('ul#'+i+'.dropdown-menu.animate.slideIn h4').remove(); //remove all h2s
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn h5').remove(); //remove all h3s
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn p').remove(); //remove all p's
        jQuery('ul#'+i+'.dropdown-menu.animate.slideIn div').remove(); //remove all div's
     	jQuery('ul#'+i+'.dropdown-menu.animate.slideIn img').remove(); //remove all img's
     	jQuery('ul#'+i+'.dropdown-menu.animate.slideIn ul.columns').remove(); //remove ul.columns
   }//end for
  
  //remove empty elements from resource menus
  jQuery('li.utlity-menu-link > a.nav-link:empty').parent('li').remove();
  
  //remove unused Utility Menu Container content piece
  jQuery('.umc').remove();
  
  //populate search and home links URLs
  var search_url;
  var home_url;
 if ('' == ''){
    home_url = "/";
    search_url = "/search-result/";
  } else {
    home_url = "/site-configuration/";
    search_url = "/site-configuration/search-result/";
  }

  jQuery('#search-form').attr('action', search_url);
  jQuery('#navbarDropdown0').attr('href', home_url);
          
</script>

<style>
  li.nav-item{
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    max-width: fill-available;
  }
  li.nav-item.dropdown{
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    max-width: fill-available;; 
  }
  li.nav-item.dropdown a.nav-link.dropdown-toggle{
    max-width: fit-content;
  }
  li.nav-item.dropdown.dropdown-hover{
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    max-width: fill-available;
  }
  li.nav-item.dropdown.dropdown-hover a.nav-link.dropdown-toggle{
    max-width: fit-content;
  }
  li.mercury-item{
    max-width: fit-content;
  }
  li.mercury-item a.dropdown-item{
    max-width: fit-content;
  }
  
  iframe#adroll_slg {
    display: none;
    border: 0;
  }
  
  li.nav-item a.nav-link{
    
  }
  
  /* ----------------------- */
  
  div#siteSearch #search-form [type="search"] {
    box-shadow: none !important;
  }
  
  .umc{
    display:none!important;
  }
  
  /* make dropdown menus align to right and extend left on class left-Yes */
  .dropdown-menu.animate.slideIn.left-Yes{
    left:unset!important;
  }
  
  /* fix sizes of interchangeable site logos */
  div.col-logo img{
    width: unset!important;
    height: 74px;
  }
    
  /* constrain left-aligned menus to 800px */
  ul.left-Yes{
    width:800px!important;
    max-width:800px!important;
  }
  

  li a.dropdown-item {
  	white-space: initial;
  }
  
  @media(min-width: 1410px){ /* large */
    
    .header #main-nav-ul .dropdown-menu li a{
      font-size:18px;
      line-height: 1.5rem;
       max-width: 15.1rem;
       overflow:hidden; /* long menu link titles with no spaces were causing horizontal scroll bars */
      
    }
    .header #main-nav-ul {
       
    }
    #extension_logo {
      height: 50px;
		width:auto;
    }

 }
      
  @media screen and (max-width: 39.9375em) { /* small */
    
    .mercury-item {
    	max-width: 300px !important;
    }
    .header #main-navbar #main-nav-ul a{
    	line-height: 23px;
    }
    #extension_logo {
      height: 34px;
      width:auto;
    }
  }

  div#top-nav-wrapper{
  	background:none !important;
  }
  
  .dropdown-item{
    display:flex!important;
    overflow-y:auto;
  }
</style>
          
<!-- END - Mercury - f6v3 - text/menu CT =================================================================== -->   
     
    <!--END Navigation-->
 
  <!--END TOP NAVIGATION INCLUDE-->
    
<div class="row expanded">
  <main>
      <div id="content" class="large-12 medium-12 small-12">

<!-- HTML Color Text On Color **** f6v3 -->
<style>
/* minified CSS */
div.color_text_on_color859824 div.logo-tagline.color_text{margin-top:-4rem!important;min-height:100px;background-color:;background-color:#ffffff;background-image:url('');background-repeat:repeat-x;background-position:top left}div.color_text_on_color859824 div.logo-tagline.color_text.no_top_margin_Yes{margin-top:0!important}div.color_text_on_color859824 div.logo-tagline>div.parallax{padding:1rem}div.color_text_on_color859824 div.logo-tagline>div.parallax>div.on_grid{max-width:75rem;display:block;margin:auto;padding-left:0;padding-right: 1rem;}
  div.color_text_on_color859824 div.logo-tagline>div.parallax>div.off_grid{display:block;margin:auto;padding:0}
  div.color_text_on_color859824 div.logo-tagline.show-for-small-only>div.parallax>div.no_grid{max-width:100%;display:block;margin:auto;padding:0;}
  div.logo-tagline.color_text.no_bottom_margin- {margin-bottom:4rem!important;}
  div.logo-tagline.color_text.no_bottom_margin-Yes{margin-bottom:0!important;}
</style>
<div id="859824" class="color_text_on_color859824">
  <a id="d.en.881687"></a>
  <div id="logo-tagline-wrapper">
    <div class="row">
      <div class="logo-tagline color_text no_bottom_margin- no_top_margin_ hide-for-small-only" >
        <div class="parallax -text">
          <div class="off_grid">
            <div style="max-width: 75rem; display: block; margin: auto; padding: 0px;">
<h1 class="image-left" style="margin-top: 20px; padding-left: 2%; font-size: 2.5rem !important; color: #248e51;"><img src="/media/florida4hifasufledu/images/icons/4-H-Clover-RGB_digital-70x71.png" 
     alt="4-H Logo" style="width : 70px; height : 71px;     "
    class="" />Florida&nbsp;4-H</h1>
</div>
          </div>
        </div>
      </div>
      <!-- small -->
      <div class="no-print logo-tagline color_text no_bottom_margin-  no_top_margin_  show-for-small-only" style="min-height:100px;;background-color:;background-color:#ffffff;background-image:url();background-repeat:repeat-x;background-position:top left;"><div class="parallax -text" style="padding:1rem;"><div style="max-width: 75rem; display: block; margin: auto; padding: 0px;">
      <div style="max-width: 75rem; display: block; margin: auto; padding: 0px;">
<h1 class="image-left" style="margin-top: 20px; padding-left: 2%; font-size: 2.5rem !important; color: #248e51;"><img src="/media/florida4hifasufledu/images/icons/4-H-Clover-RGB_digital-70x71.png" 
     alt="4-H Logo" style="width : 70px; height : 71px;     "
    class="" />Florida&nbsp;4-H</h1>
</div>
</div></div></div>
      <!--  end small -->
    </div></div></div>
<!--  END class="color_text_on_color859824" -->
<!-- END - HTML Color Text On Color - Optimized -->
        <!-- Hero Image CT -- static hero banner, non-slider - 2025 -->
<section class="hero container-fluid p-0 w-100">
  <div class="invisible hero-wrapper verScroll_Col hero-container-video">
    
    <div id="hero-video" class="hero-bg-img" style="background-image: url('/media/florida4hifasufledu/images/sliders/WebHeroImage_Home.jpg');"></div>
    <div class="hero-object-wrapper">
      <div class="hero-object" id="object1" style="top: 120px;">
        <img class="vce-single-image" width="10" height="219" src="/media/ifasufledu/white/style-assets/ifas-f6v3/images/mercury/ver_bar_thick.webp" alt="">
      </div>
      <div class="hero-object" id="object2" style="top: 120px;"> 
        <img loading="lazy" class="vce-single-image" width="2" height="363" src="/media/ifasufledu/white/style-assets/ifas-f6v3/images/mercury/ver_bar_thin.webp" alt="">
      </div>
    </div>
    <div class="hero-banner-wrapper hero__text">
      <div class="banner_subtitle">
        
      </div>
      <div class="banner_title">
       <a title="Learn More" href="/get-involved/"> 
       <h1 class="banner_title_char_count">Are You Beyond Ready for a New 4-H Year?</h1>
       </a> 
        <div class="ifas-chevron-down"></div>
        <br>
        <div class="hero-excerpt-btn-wrapper">
          <p class="hero__excerpt" style="line-height: 30px;"><span aria-label="The wait is over! Get ready for a new year of hands-on learning, lasting friendships, and unforgettable 4-H experiences. Whether you're returning or just starting out, 4-H offers something for everyone - from STEM and agriculture to leadership and service. Don&rsquo;t miss out - contact your local 4-H Extension office and sign up today!">The wait is over! Get ready for a new year of hands-on learning, lasting friendships, and unforgettable 4-H experiences. Whether you're returning or just starting out, 4-H offers something for everyone - from STEM and agriculture to leadership and service. Don&rsquo;t miss out - contact your local 4-H Extension office and sign up today!</span></p>
         <div class="ifas_hero_slider_button"><div class="uf-branded-orange"><div class="uf-button-side-borders">
<a tabindex="-1" class="hero_slider_button" title="Learn More" href="/get-involved/"><button style="padding-top:20px;padding-bottom:20px;" class="uf-partial-border-button large button expanded" type="submit">Learn More</button></a>
        </div>
      </div>
          </div>
    </div>
  </div>
</section>
    
<script>
$(document).ready(function(){
  
  //START script to truncate characters in h1
  $('.banner_title_char_count').each(function (f) {
      var newstr = $(this).text().substring(0,50);
      $(this).text(newstr);
  });  
  $('.banner_subtitle span').each(function (f) {
      var newstr = $(this).text().substring(0,40);
      $(this).text(newstr);
  });
  //END script to truncate characters in h1
  
  //fix empty button labels
  $('a.hero_slider_button button.uf-partial-border-button').each(function(){
    					console.log( jQuery(this).html() );
        				console.log( jQuery(this).text() );
    /*if(jQuery(this).prop('title') == ''){
       jQuery(this).prop('title','Visit Website');
    } */
    if(jQuery(this).text() == ''){
       jQuery(this).text('Visit Website');
    }
  });
  
  if('' === 'Yes'){
    jQuery('section.hero.container-fluid').css('margin-top','0');
  }
        
});//end document.ready

var src = '/media/florida4hifasufledu/images/sliders/WebHeroImage_Home.jpg';
var image = new Image();
image.src = src;
image.addEventListener('load', function() {
  //alert('test');
  jQuery('.hero-container-video').removeClass('invisible');
  jQuery('.hero-container-video').addClass('visible');
  //jQuery('div#hero-video.hero-bg-img.img1244574').css('background-image',  'url(' + src + ')' )';
});
    
</script>
<script>
//copied from UF's all.js
if(jQuery(".verScroll_Col").prependTo(jQuery(".hero-wrapper")),jQuery("#object1").length>0){jQuery("#object1").css({top:"45px"});var o=jQuery(window).height()-jQuery("#object1").height()+250,e=jQuery(".hero-wrapper").height()-jQuery("#object1").height();jQuery(function(){jQuery(window).scroll(function(){var t=jQuery(window).scrollTop();jQuery("#object1").css({top:o*(t/e)+45})})})}if(jQuery("#object2").length>0){jQuery("#object2").css({top:"120px"});var t=jQuery(window).height()-jQuery("#object2").height(),c=jQuery(".hero-wrapper").height()-jQuery("#object2").height();jQuery(function(){jQuery(window).scroll(function(){var o=jQuery(window).scrollTop();jQuery("#object2").css({top:t*(o/c)+120})})})}
</script>

<style>
  .hero.container-fluid.p-0.w-100{padding-left:0;padding-right:0;margin-top:-4rem;margin-bottom:2rem}.hero .hero-wrapper .uf-branded-orange a button.uf-partial-border-button{color:#fff!important}.hero .hero-wrapper .uf-branded-orange button.uf-partial-border-button:hover{background-color:#343741!important;border-left:1px solid #FA4616}.hero .hero-wrapper .uf-branded-orange button.uf-partial-border-button{font-size:26px;font-weight:600;}#content .hero-excerpt-btn-wrapper p{color:#fff}div.ifas_hero_slider_button{position:absolute;right:-170px;top:0;min-width:195px}.banner_title:hover div.ifas-chevron-down{display:none}.banner_title a h1{text-decoration:none}@media screen and (max-width:39.9375em){#content .hero .hero-wrapper .banner_title h1{font-size:34px!important;line-height:51px!important}.ifas-chevron-down{margin-top:.75rem}.ifas_hero_slider_button{display:none}}@media screen and (min-width:40em) and (max-width:63.9375em){#content .hero .hero-wrapper .banner_title h1{font-size:45px!important;line-height:67.5px!important}.ifas-chevron-down{margin-top:.75rem}.ifas_hero_slider_button{display:none}}.hero{overflow-x:hidden}.hero .hero-wrapper{height:calc(100vh - 146px);overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,33,165,0) 30%,rgba(0,0,0,0) 30%,rgba(0,0,0,.9) 100%);position:relative}.hero .hero-wrapper:before{content:"";left:0;position:absolute;width:100%;height:15px;background:linear-gradient(rgba(0,28,139,.2) 30%,rgba(0,17,83,0) 100%);z-index:1;mix-blend-mode:multiply}.hero .hero-wrapper .hero-bg-img{mix-blend-mode:multiply;position:absolute;top:0;right:0;bottom:0;left:0;background-position:70%;background-size:cover;width:100%}.hero .hero-wrapper .hero-object-wrapper{position:relative}.hero .hero-wrapper .hero-object-wrapper #object1{position:absolute;right:4.2%;z-index:3}.hero .hero-wrapper .hero-object-wrapper #object2{position:absolute;right:3.7%;z-index:3}.hero .hero-wrapper .banner_subtitle span{letter-spacing:.03em;text-align:left;color:#fff;text-shadow:0 0 24px rgba(0,0,0,.45);margin-bottom:25px;text-transform:uppercase;font-size:1.125rem;font-weight: 600 !important;}@media (min-width:768px){.hero .hero-wrapper .banner_subtitle span{font-size:18px}}.hero .hero-wrapper .banner_title{-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}#content .hero .hero-wrapper .banner_title h1{font-size:72px;line-height:86.4px;color:#fff!important;text-shadow:0 0 24px rgba(0,0,0,.45);position:relative;transition:all 0.25s ease-in-out;font-weight: 650 !important;margin-bottom:30px;text-align:left}.ifas-chevron-down{width:32px;height:15px;display:inline-block;position:absolute;left:150px;background:url('/media/ifasufledu/white/style-assets/ifas-f6v3/images/mercury/hero-down-chevron.png') no-repeat center center}.hero .hero-wrapper .banner_title h1 div.ifas-chevron-down:after{content:"";background:none;width:32px;height:15px;display:inline-block;position:absolute;bottom:-40px;left:70px;transition:all 0.25s ease-in-out}@media (min-width:768px){.hero .hero-wrapper .banner_title h1{font-size:72px;line-height:86.4px}}.hero .hero-wrapper .banner_title .hero-excerpt-btn-wrapper{position:relative}@media (max-width:1200px){.hero .hero-wrapper .banner_title .hero-excerpt-btn-wrapper .button{font-size:22px}}.hero .hero-wrapper .hero__excerpt{height:0;opacity:0;visibility:hidden;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;color:#fff;font-weight: 525;line-height:27px;font-size:18px}@media (min-width:768px){.hero .hero-wrapper .hero__excerpt{font-size:20px;max-width:80%}}.hero .hero-wrapper .hero__text:hover~.ifas-chevron-down{background:none}.hero .hero-wrapper .hero__text:hover h1:after,.hero .hero-wrapper .hero_text_hover h1:after{opacity:0}.hero .hero-wrapper .hero__text:hover .hero__excerpt,.hero .hero-wrapper .hero_text_hover .hero__excerpt{opacity:1;visibility:visible;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.hero .hero-wrapper .hero__text:hover .banner_title,.hero .hero-wrapper .hero_text_hover .banner_title{padding-bottom:100px}.hero .hero-wrapper .hero__text:hover .button,.hero .hero-wrapper .hero_text_hover .button{opacity:1!important}.hero .hero-wrapper .hero__text{-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;position:absolute!important;bottom:0;max-width:calc(80% + 100px)!important;padding-right:210px;padding-left:90px;margin-left:auto;margin-right:auto;left:0;right:0}.hero .hero-wrapper .hero__text:before{content:"";width:2px;height:80%;background:#fa4616;display:inline-block;position:absolute;left:0;top:20%}.hero .hero-wrapper .hero__text:after{content:"";width:2px;height:30%;background:#fa4616;display:inline-block;position:absolute;right:-20px;top:70%}@media (max-width:900px){.hero .hero-object-wrapper,.hero .hero-wrapper .hero__text:before{display:none}.hero .hero-excerpt-btn-wrapper{flex-direction:column;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;max-height:0}.hero .hero-excerpt-btn-wrapper .button{position:relative!important;right:unset!important;display:inline-block;bottom:10px;margin-bottom:20px}.hero .hero-excerpt-btn-wrapper .hero__excerpt{margin-bottom:40px;height:100%}.hero .banner_title{padding-bottom:20px!important}.hero .hero__text{padding-left:30px!important;padding-right:30px!important}.hero .hero-text-hover:hover,.hero .hero_text_hover{padding-bottom:30px}.hero .hero__text:hover .hero-excerpt-btn-wrapper{max-height:600px}}.hero-container-video #hero-video{pointer-events:none;width:100%;height:100%;object-position:center;object-fit:cover}.banner_subtitle {
padding-bottom: 1.25rem;text-align:left;}/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {.banner_subtitle {
padding-bottom: .25rem!important;}}
</style>
<!-- END - Hero Image CT - static hero banner, non-slider --><!-- Blog Cards (was WP TO Web 3) Columns - f6v3 2025 -->
<!-- F6V3 layout -->
  <div style="margin-inline:auto;max-width:75rem;" class="row">
  <div class="large-12 medium-12 small-12 columns white-wp-to-web-3-group">
   <!-- blog cache file: \\ad.ufl.edu\ifas\web\florida4h.ifas.ufl.edu/_assets/blogcache_1462558.txt -->    <style>
      #content .white-wp-to-web3{margin-top:.75rem;margin-bottom:.75rem}#content .white-wp-to-web3 .white-wp-to-web3-inner h3{font-size:1.1rem!important;line-height:1.3rem;padding:0 2rem 0 2rem;height:3.9rem;overflow:hidden;text-transform:capitalize;font-weight:600!important;letter-spacing:1px}#content .white-wp-to-web3 .white-wp-to-web3-inner h3 a{font-weight:600!important;color:#0021a5}#content .white-wp-to-web3 .white-wp-to-web3-inner p{padding:0 2rem 0 2rem;line-height:1.3rem;font-size:1rem!important;text-transform:capitalize;height:2.7rem;overflow:hidden}#content .white-wp-to-web3 .white-wp-to-web3-inner p strong{font-weight:400!important}#content .white-wp-to-web3 .white-wp-to-web3-inner p button.button.hollow{border:1px dotted #0021a5;border-radius:25px;color:#0021a5;margin-right:1rem;padding:10px 25px;font-size:.9rem;font-weight:600!important}#content .white-wp-to-web3 .white-wp-to-web3-inner p button.button.hollow:hover{background:#f5f5f5!important}#content .white-wp-to-web3 .white-wp-to-web3-inner p span{}#content .white-wp-to-web3 .white-wp-to-web3-inner p span a{}span.related-stories-link a{font-weight:700;color:#343741!important}#content .white-wp-to-web3 .white-wp-to-web3-inner img{padding:0;margin:0}#content .white-wp-to-web3 .white-wp-to-web3-inner{-webkit-box-shadow:0 2px 15px rgb(0 0 0 / .2)!important;-moz-box-shadow:0 2px 15px rgb(0 0 0 / .2)!important;box-shadow:0 2px 15px rgb(0 0 0 / .2)!important;min-height:410px;padding-bottom:.2rem}.white-wp-to-web-3-group{padding-left:1.5rem;padding-right:1.5rem}#content .white-wp-to-web3 .white-wp-to-web3-inner h3 a{font-size:1.1rem;line-height:1.25rem;color:#0021a5}@media only screen and (min-width:40.063em) and (max-width:64em){#content .white-wp-to-web3 .white-wp-to-web3-inner h3{font-size:1rem!important}}@media screen and (min-width:40em) and (max-width:63.9375em){div.white-wp-to-web-3-group>div.white-wp-to-web3:last-child{margin-left:auto;margin-right:auto;float:none;display:table;padding-top:1rem}}
    </style>
  <!-- RSS URL: http://blogs.ifas.ufl.edu/extension/category/4-h-and-youth/feed/feedname/--><!-- FROM CACHE --><!-- expired =  --><!-- **ALT: Olive Ridley turtle hatchling crawling on sand towards the ocean--><div class='white-wp-to-web3 large-4 medium-6 small-12 columns'><div class='white-wp-to-web3-inner'>
        <img loading='lazy' style='padding-bottom:15px;' src='https://blogs.ifas.ufl.edu/extension/files/2025/05/Sea-Turtles-hatchlings-featured-640x357.jpg'  alt='Olive Ridley turtle hatchling crawling on sand towards the ocean'>
    <!-- TVZ url_gen1462558 = http://blogs.ifas.ufl.edu/extension/category/4-h-and-youth/ --> 
                    <h3><a href='https://blogs.ifas.ufl.edu/extension/2026/06/04/uf-ifas-extension-agent-opportunities-2/'>UF/IFAS TEAMS Opportunities June 4, 2026</a></h3>
                   <p>

 UF/IFAS TEAMS Opportunities for June 4, 2026
IFAS Human Resources has now...</p><p><a href='https://blogs.ifas.ufl.edu/extension/2026/06/04/uf-ifas-extension-agent-opportunities-2/'><button class='button hollow'>Read Article</button></a><span  class='related-stories-link' style='font-size:.9rem; position:relative; top:-.4rem;'><a href='http://blogs.ifas.ufl.edu/extension/category/4-h-and-youth/'>Related Stories</a></span></p>
            </div></div><!-- **ALT: Florida 4-H Hall of Fame medallions--><div class='white-wp-to-web3 large-4 medium-6 small-12 columns'><div class='white-wp-to-web3-inner'>
        <img loading='lazy' style='padding-bottom:15px;' src='https://blogs.ifas.ufl.edu/extension/files/2025/04/cropped_015815-640x357.png'  alt='Florida 4-H Hall of Fame medallions'>
    <!-- TVZ url_gen1462558 = http://blogs.ifas.ufl.edu/extension/category/4-h-and-youth/ --> 
                    <h3><a href='https://blogs.ifas.ufl.edu/extension/2026/05/08/4hhof26/'>2026 Florida 4-H Hall of Fame Inductees Announced</a></h3>
                   <p>Gainesville, FL – May 8, 2026 – The Florida 4‑H Foundation and Florida...</p><p><a href='https://blogs.ifas.ufl.edu/extension/2026/05/08/4hhof26/'><button class='button hollow'>Read Article</button></a><span  class='related-stories-link' style='font-size:.9rem; position:relative; top:-.4rem;'><a href='http://blogs.ifas.ufl.edu/extension/category/4-h-and-youth/'>Related Stories</a></span></p>
            </div></div><!-- **ALT: 4-H learn by doing sign.--><div class='white-wp-to-web3 large-4 medium-6 small-12 columns'><div class='white-wp-to-web3-inner'>
        <img loading='lazy' style='padding-bottom:15px;' src='https://blogs.ifas.ufl.edu/extension/files/2026/05/4H2026Issue2-640x357.jpg'  alt='4-H learn by doing sign.'>
    <!-- TVZ url_gen1462558 = http://blogs.ifas.ufl.edu/extension/category/4-h-and-youth/ --> 
                    <h3><a href='https://blogs.ifas.ufl.edu/extension/2026/05/01/new-ask-ifas-4-h-youth-development-mar-apr-2026/'>What’s New on Ask IFAS: Florida 4-H Youth Development (Mar.–Apr. 2026)</a></h3>
                   <p>Works from a Series
Risk Management
Risk Management for Florida 4-H Youth...</p><p><a href='https://blogs.ifas.ufl.edu/extension/2026/05/01/new-ask-ifas-4-h-youth-development-mar-apr-2026/'><button class='button hollow'>Read Article</button></a><span  class='related-stories-link' style='font-size:.9rem; position:relative; top:-.4rem;'><a href='http://blogs.ifas.ufl.edu/extension/category/4-h-and-youth/'>Related Stories</a></span></p>
            </div></div>  </div>
  </div>

 <!-- end Blog Cards (was: WP TO Web 3) Columns CT --><!-- Mix Match custom width -- F6V3_2025 -->
<!-- updated 2025 tvz -->
<div role="complementary" 
     id="1462559" 
     class="clear-all no-print row custom_width_img_ct bottom-margin-Yes" >
  
<div role="complementary" 
     cols="6" 
     id="1462559" 
     class="complex-content large-6 medium-12 small-12 columns custom_width_img_mm picture1 lazy-load-bg" 
     data-bg=""
  style="background-color:#22884C">

    
  
  <div class="bg_img_alt_text check_image1" id="1462559" style="display:none;"></div>
  
  <div class="image_A text_over_image_mm black-gradient" id="1462559">
 
<!-- title --><div class='title_text_mm' id="1462559"> <a class="custom_width_image image_1" id="1462559" href="https://florida4h.us8.list-manage.com/subscribe?u=75b5fe02cb65823648981b9ba&amp;id=1258b363c9"><span class="no-link">Join the Alumni Newsletter</span>  </a>
<div class="overlay"></div>
</div>
</div>
</div>
  
 <div id="1462559" 
      cols="6" 
      class="complex-content large-6 medium-12 small-12 columns custom_width_img_mm picture2 lazy-load-bg" 
           data-bg=""
  style="background-color:#22884C">
  
<div id="1462559" class="bg_img_alt_text check_image2"  style="display:none;"></div>
  
<div id="1462559" class="image_B text_over_image_mm black-gradient">

 <!-- title --><div class='title_text_mm' id="1462559" ><a class="custom_width_image image_2" id="1462559" href="https://v2.4honline.com/#/user/sign-in"><span class="no-link">Join Florida 4-H</span>  </a>
<div class="overlay"></div>
</div>
</div>
</div>


  <div id="1462559" 
       cols="" 
       class="complex-content large- medium-12 small-12 columns custom_width_img_mm picture3 lazy-load-bg" 
   data-bg=""
  style="background-color:">
    
<div id="1462559" class="bg_img_alt_text check_image3" style="display:none;"></div>
<div id="1462559" class="image_C text_over_image_mm black-gradient">

<!-- title --><div id="1462559" class='title_text_mm'><a class="custom_width_image hide_  image_3"  id="1462559" href="" label="label1"><span class="no-link"></span>  </a>
<div class="overlay"></div>
</div>
</div>
</div>
  
</div>
<script>
  jQuery('a.custom_width_image').each(function(){
    var text=jQuery(this).children('span').text();
    if (text == ''){
      console.log(jQuery(this));
      jQuery(this).addClass('disabled');
      jQuery(this).removeAttr('href');
    }
  });
  jQuery('.text_over_image_mm').each(function(){
    if (jQuery(this).find('a.disabled').length) {
      console.log(this);
      jQuery(this).addClass('disabled');
    }
  });
    
    
    
  var disable_kbf=false;jQuery('div.custom_width_img_ct').mouseenter(function(){disable_kbf=true;});jQuery('document').mousedown(function(){disable_kbf=true;});jQuery('div.custom_width_img_ct').mouseleave(function(){disable_kbf= false;});jQuery('a.custom_width_image').focus(function(){if (!disable_kbf){$(this).children(":first").addClass('kbfocus');}});jQuery('a.custom_width_image').blur(function(){$(this).children().removeClass( 'kbfocus' );});jQuery('div.custom_width_img_mm:not(.disabled)').click(function(){window.location.href=jQuery(this).find('a').prop('href');});var col_width1;var col_width2;var col_width3;jQuery('div.row.custom_width_img_ct').each(function(){col_width1=parseInt(jQuery(this).find('.picture1').attr('cols'));col_width2=parseInt(jQuery(this).find('.picture2').attr('cols'));col_width3=parseInt(jQuery(this).find('.picture3').attr('cols'));var col_width_first2=col_width1+col_width2;if(col_width1==12){jQuery(this).children('div#1462559 .picture2').hide();jQuery(this).children('div#1462559 .picture3').hide();}else if(col_width2==12){jQuery(this).children('div#1462559 .picture1').hide();jQuery(this).children('div#1462559 .picture3').hide();}else if(col_width3==12){jQuery(this).children('div#1462559 .picture1').hide();jQuery(this).children('div#1462559 .picture2').hide();jQuery(this).find('div#1462559 .picture3').addClass('large-'+col_width3);}else if(col_width1+col_width2>=12){jQuery(this).children('div#1462559 .picture3').hide();jQuery(this).find('.div#1462559 .picture2').removeClass('large-'+col_width2);var new_col_width2=12-col_width1;jQuery(this).find('.div#1462559 .picture2').addClass('large-'+new_col_width2);}else if(col_width3==12){jQuery(this).children('div#1462559 .picture1').hide();jQuery(this).children('div#1462559 .picture2').hide();jQuery(this).find('div#1462559 .picture3').addClass('large-'+col_width3);}else if(col_width1+col_width2>=12){jQuery(this).children('div#1462559 .picture3').hide();jQuery(this).find('.div#1462559 .picture2').removeClass('large-'+col_width2);var new_col_width2=12-col_width1;jQuery(this).find('.div#1462559 .picture2').addClass('large-'+new_col_width2);}else if(col_width1+col_width2>9){$('div#1462559 .picture3').hide();if(col_width_first2==10){var new_col_width1=col_width1+1;var new_col_width2=col_width2+1;jQuery(this).children('div#1462559 .picture1').removeClass('large-'+col_width1);jQuery(this).children('div#1462559 .picture1').addClass('large-'+new_col_width1);jQuery(this).children('div#1462559 .picture2').removeClass('large-'+col_width2);jQuery(this).children('div#1462559 .picture2').addClass('large-'+new_col_width2);}else if(col_width_first2==11){if(col_width1>col_width2){var new_col_width2=col_width2+1;jQuery(this).children('div#1462559 .picture2').removeClass('large-'+col_width2);jQuery(this).children('div#1462559 .picture2').addClass('large-'+new_col_width2);}else if(col_width2>col_width1){var new_col_width1=col_width1+1;jQuery(this).children('div#1462559 .picture1').removeClass('large-'+col_width1);jQuery(this).children('div#1462559 .picture1').addClass('large-'+new_col_width1);}}}else{col_width3=12-(col_width1+col_width2);jQuery(this).children('div#1462559 .picture3').addClass('large-'+col_width3);}});jQuery('document').ready(function(){jQuery('div.custom_width_img_mm').each(function(){var href=jQuery(this).find('a').prop('href');if(href==''||href=='javascript:void(0)'){jQuery(this).addClass('disabled');jQuery(this).removeAttr('href')}});jQuery('a.custom_width_image').each(function(){if(jQuery(this).find('span.title_text_mm').text().length<1){var alt_label=jQuery(this).find('div.bg_img_alt_text img').prop('alt');jQuery(this).attr('aria-label',alt_label);}var href=jQuery(this).attr('href');if(!href){jQuery(this).addClass('disabled');jQuery(this).removeAttr('href')}});});var new_width1=col_width1;var new_width2=col_width2;var new_width3=col_width3;function calculateWidths(picA,picB,removePicture){var width1,width2,width3,col_widthA,col_widthB;if(removePicture==="picture1"){width1=new_width1;width2=new_width2;width3=new_width3;col_widthA=new_width2;col_widthB=new_width3;}else if(removePicture==="picture2"){width1=new_width2;width2=new_width1;width3=new_width3;col_widthA=new_width1;col_widthB=new_width3;}else{width1=new_width3;width2=new_width1;width3=new_width2;col_widthA=new_width1;col_widthB=new_width2;}if((width2+width3)>=12){width3=12-width2;}else if(isNaN(width3)||width3==0){width2+=width1;width1=0;}else if(isNaN(width2)||width2==0){width3+=width1;width1=0;}else{while(width1>0){width2++;width1--;if(width1<=0){break;}width3++;width1--;}}jQuery('div.row.custom_width_img_ct').each(function(){jQuery(this).children('div#1462559 .picture'+picA).removeClass('large-'+col_widthA).addClass('large-'+width2);jQuery(this).children('div#1462559 .picture'+picB).removeClass('large-'+col_widthB).addClass('large-'+width3);});if(removePicture==="picture1"){new_width1=width1;new_width2=width2;new_width3=width3;}else if(removePicture==="picture2"){new_width2=width1;new_width1=width2;new_width3=width3;}else{new_width3=width1;new_width1=width2;new_width2=width3;}}var blueBackgoundTitle ="";var picture1MediaPath="",picture2MediaPath="",picture3MediaPath="",checkTitle1="Join the Alumni Newsletter",checkTitle2="Join Florida 4-H",checkTitle3="",checkBackgroundColor1="#22884C",checkBackgroundColor2="#22884C",checkBackgroundColor3="";function addBlueBackground(parameter){$('div#1462559 .image_'+parameter+'.text_over_image_mm').removeClass('black-gradient');$('div#1462559 .image_'+parameter+'.text_over_image_mm div.title_text_mm span').addClass('solid-background').removeClass('no-link');}function removeGradient(parameter){$('div#1462559 .image_'+parameter+'.text_over_image_mm').removeClass('black-gradient');}if(picture1MediaPath!==""||picture2MediaPath!==""||picture1MediaPath!==""){if(blueBackgoundTitle==="Yes"){if(checkTitle1!==""){addBlueBackground('A');}if(checkTitle2!==""){addBlueBackground('B');}if(checkTitle3!==""){addBlueBackground('C');}}}if(picture1MediaPath!==""){if(checkTitle1===""){removeGradient('A');}if(blueBackgoundTitle==='Yes'&&checkTitle1!==""){addBlueBackground('A');}}else{removeGradient('A');if(checkBackgroundColor1!==""||checkBackgroundColor1===""){if(checkTitle1===""){$('div#1462559 .picture1:first').remove();calculateWidths(2,3,"picture1");}}}if(picture2MediaPath!==""){if(checkTitle2===""){removeGradient('B');}if(blueBackgoundTitle==='Yes'&&checkTitle2!==""){addBlueBackground('B');}}else{removeGradient('B');if(checkBackgroundColor2!==""||checkBackgroundColor2===""){if(checkTitle2===""){$('div#1462559 .picture2:first').remove();calculateWidths(1,3,"picture2");}}}if(picture3MediaPath!==""){if(checkTitle3===""){removeGradient('C');}if(blueBackgoundTitle==='Yes'&&checkTitle3!==""){addBlueBackground('C');}}else{removeGradient('C');if(checkBackgroundColor3!==""||checkBackgroundColor3===""){if(checkTitle3===""){$('div#1462559 .picture3:first').remove();calculateWidths(1,2,"picture3");}}}


  
</script>

<style>
  

  
  .disabled{cursor: default;pointer-events:none;} div.text_over_image_mm a:focus-visible{border:solid 4px #FA4616}div.text_over_image_mm{position:relative;text-align:center;font-size:1.8rem;color:#fff;font-weight: 600}div.text_over_image_mm a{color:#fff;display:block;height:100%;position:relative;z-index:100}a.custom_width_image:not(.disabled):hover+div.overlay{opacity:.6;background:linear-gradient(to bottom,rgba(0,0,0,0),rgb(0,0,0));background-color:rgba(0,0,0,0);background-color:#0021A5}div.title_text_mm{color:#fff;position:absolute;width:100%;height:100%;display:block;z-index:60}div.title_text_mm span{position:absolute;bottom:0px!important;width:100%;display:block;padding:1rem;height:155px}div.overlay{position:absolute;height:100%;z-index:50;width:100%;top:0}.text_over_image_mm{line-height:2rem;width:100%}.solid-background{background:#0021A5}.text_over_image_mm.black-gradient{background:linear-gradient(to bottom,rgba(0,0,0,0),rgb(0,0,0))}.custom_width_img_mm{height:300px;border:3px solid #fff;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:0;display:flex;justify-content:center;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}div.row.custom_width_img_ct{max-width:75rem!important;margin-left:auto;margin-right:auto;padding-left:2.4rem;padding-right:2.4rem;height:300px;margin-bottom:2px}div.row.custom_width_img_ct.bottom-margin-{margin-bottom:0}div.row.custom_width_img_ct.bottom-margin-Yes{margin-bottom:2rem!important}a.custom_width_image.hide_true{display:none}div.kbfocus{border:5px solid #0060DF;outline-style:none}@media screen and (min-width:39.9376em){div.row.custom_width_img_ct{display:block}}@media screen and (max-width:63.9375em){div.row.custom_width_img_ct{padding-left:1rem!important;padding-right:1rem!important}}@media screen and (max-width:39.9375em){div.row.custom_width_img_ct{margin-bottom:0}div.row.custom_width_img_ct.bottom-margin-Yes{margin-bottom:2rem!important}div.text_over_image_mm{font-size:1.5rem!important}}
  

</style>
<!-- END Mix Match custom width -- F6V3_2025 --><!-- BEGIN -- Event Calendar Slider -- f6v3 -- 2025 -->
	<div class="slider-container" draggable="true" id="draggable" >
      <h2 class="text-center">Florida 4-H State Events</h2> 
        <div class="slider-wrapper draggable" draggable="true">
            <div class="slider row slick-track"  draggable="true" >
	<!-- slider content goes here -->
            </div>
        </div>
        <div class="arrows">
            <span class="arrow left-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="40.218" height="113.232"><path d="M32.883 0h7.15L7.144 56.361l33.073 56.871h-7.15L-.001 56.457Z" data-name="Path 9473"></path></svg></span>
            <span class="arrow right-arrow" style><svg xmlns="http://www.w3.org/2000/svg" width="40.218" height="113.232" data-name="Group 10015"><path d="M7.334 0H.184l32.889 56.361L0 113.232h7.15l33.068-56.775Z" data-name="Path 9473"></path></svg></span>
        </div>
    </div>
	<div class="events-buttons-container row">
      <div class="events-button large-4 large-push-2 columns small-12 medium-6">
      	<div class="uf-branded-orange"><div class="uf-button-side-borders"><a tabindex="-1" title="More Upcoming Events" href="https://calendar.google.com/calendar/u/0/embed?src=af697fk85qr8ucq5v3hvhmcg78@group.calendar.google.com&ctz=America/New_York"><button class="uf-partial-border-button large button expanded" type="submit">More Upcoming Events</button></a></div></div>
      </div><!--  END class="events-button" --> 
      <div class="events-button columns small-12 medium-6 large-4 large-pull-2">
      	<div class="uf-branded-orange"><div class="uf-button-side-borders"><a tabindex="-1" title="" href=""><button class="uf-partial-border-button large button expanded" type="submit"></button></a></div></div>
      </div><!-- END class="events-button" --> 
	</div><!-- END class="events-buttons-container" -->

<style>
  span.arrow svg path{fill:#343741}span.right-arrow:hover svg path,span.left-arrow:hover svg path{fill:#FA4616}span.right-arrow{left:18px;position:relative}span.left-arrow{right:18px;position:relative}.slider-container{position:relative;width:1430px;overflow:hidden;max-width:100%;margin-left:auto;margin-right:auto}.slider-wrapper{position:relative;height:400px;width:102%;overflow:hidden}.slider.row{padding-left:4%;padding-right:6%}.slider{position:relative;white-space:nowrap;transition:transform 0.4s ease-in-out;background-color:#fff;max-width:100%}.slide{display:inline-block;width:33.3333%;min-height:550px;color:#fff;font-size:24px;text-align:center;line-height:200px;box-sizing:border-box;vertical-align:top;cursor:initial}.slide:focus,.slide:hover,.slide.hover,.slide:active,.slide a:focus{background:#F5F5F5;border:none}.arrows{position:absolute;top:65%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}span.arrow{background-color:rgb(0 0 0 / .5);color:#fff;padding:20px;padding-top:85px;cursor:pointer;pointer-events:all;user-select:none;height:415px;vertical-align:top;background-color:#fff}span.arrow:hover{color:#fa4616!important}.arrow-right{padding-left:50px}div.events-buttons-container{text-align:center;margin-left:auto;margin-right:auto}div.events-button{text-align:center;float:left}div.events-button>div.uf-branded-orange{margin-left:25px;margin-right:25px}button i.fa-solid.fa-circle-plus{font-size:2rem}form.ics_download{float:right;margin-top:-55px;margin-right:10px}.slide .inner-txt .date{color:#0021a5;font-size:48px;line-height:48px;text-align:left}.slide .inner-txt .time{color:#000;font-size:19px;line-height:24px;text-align:left;min-height:25px}.slide .inner-txt hr{background:#fa4616;opacity:1;margin:1rem 0;color:#fa4616;border-bottom:1px solid #fa4616}.slide .inner-txt h3{color:#0021a5;line-height:26px;font-size:24px;text-align:left;text-transform:unset;width:100%;max-height:80px;text-wrap:wrap;overflow:hidden}.slide .inner-txt .event-subtext{font-size:19px;overflow:hidden;text-align:left;text-wrap:balance;color:#343741;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.slide .inner-txt hr{background:#fa4616;opacity:1;margin:1rem 0;color:#fa4616}.slide p{font-size:20px;line-height:28px;color:#313535;margin-bottom:20px}.slide .inner-txt{padding-inline:1.5rem;padding-top:2rem;padding-bottom:2rem;min-height:500px;margin-inline:1.5rem;cursor:pointer}.slider-container h2{text-transform:capitalize;margin-top:2rem;margin-bottom:3.1rem!important}.events-buttons-container.row{margin-top:5rem;margin-bottom:3rem}.slider-container button.ics_download_button{display:block;color:#0021a5;background-color:#fff0;font-size:1.5rem}.events-buttons-container.row .uf-branded-orange a button.uf-partial-border-button{color:#343741!important;padding:1.5rem!important;font-size:26px!important;font-weight:500!important}@media screen and (max-width:64em){.slide,.slider-wrapper,.slider-container{width:100%}.slider-wrapper{height:400px}.slide .inner-txt h3,.slide .inner-txt p.event-subtext,.slide .inner-txt p.date,.slide .inner-txt p.time,.slide .inner-txt hr{margin-left:auto;margin-right:auto}.slide .inner-txt h3{word-wrap:normal;text-wrap:initial}p.time:empty{display:none}.events-buttons-container.row{margin-top:0rem;margin-bottom:3rem}.events-buttons-container.row{display:none}.arrows{display:none!important}.slide .inner-txt{margin-inline:0!important;padding-inline:1rem!important}.slider-container h2{text-transform:capitalize;margin-top:2rem;margin-bottom:0!important;padding-inline:1rem}}@media screen and (min-width:40em) and (max-width:63.9375em){.slide .inner-txt h3,.slide .inner-txt p.event-subtext,.slide .inner-txt p.date,.slide .inner-txt p.time{width:110%}}@media screen and (min-width:64em) and (max-width:74.9375em){div.events-buttons-container{width:100%;text-align:center;margin-left:auto;margin-right:auto;margin-top:2rem}}@media screen and (max-width: 63.9375em) {#draggable .slide {margin-right: 5%;}}
</style>

<script>
// JS to pull in events from google ==============================================
  
//t4 tags
var maxResults  = "10";
var calGroup    = "af697fk85qr8ucq5v3hvhmcg78@group.calendar.google.com";

var d=new Date;
var calendarUrl = "https://www.googleapis.com/calendar/v3/calendars/"+calGroup+"/events?key=AIzaSyClbI-VxJ01Mxli6YMmoq0D0JVBNXLHjtw&orderBy=startTime&singleEvents=true&timeMin="+d.toISOString()+"&maxResults="+maxResults+"&callback=?";

//https://www.googleapis.com/calendar/v3/calendars/" + calGroup + "/events?key=AIzaSyClbI-VxJ01Mxli6YMmoq0D0JVBNXLHjtw&orderBy=startTime&singleEvents=true&maxResults=" + maxResults + "&callback=?";
// end T4 tags
  
function ISODateString(t){function e(t){return t<10?"0"+t:t}return t.getUTCFullYear()+"-"+e(t.getUTCMonth()+1)+"-"+e(t.getUTCDate())+"T"+e(t.getUTCHours())+":"+e(t.getUTCMinutes())+":"+e(t.getUTCSeconds())+"Z"}var d=new Date;function getAmPmTime(t){var t,e=t.split(":"),i=parseInt(e[0]),s=e[1];return i-12>=0?(12==i&&(i=24),t=i-12+":"+s+" PM"):t=i+":"+s+" AM",t}var slidescount=0;function buildCalendar(t){var e="",i=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];$.getJSON(t,function(t){var s=t.items;if(void 0===s||0==s.length){$("div.slider-container").hide(),$("div.events-buttons-container").hide();return}$.each(s,function(t,s){if(void 0!==s.start.dateTime){var n=s.start.dateTime,a=s.end.dateTime;n=void 0!==n?new Date(n).toISOString():"",a=void 0!==a?new Date(a).toISOString():""}else{var n=s.start.date,a=s.end.date;void 0!==n||(n=""),void 0!==a||(a="")}var r=slidescount+1,u="";void 0!=s.description&&(u=s.description.replace(/<(.|\n)*?>/g,""));var o="";void 0!=s.location&&(o=s.location);var l='<form method="post" style="float:right;" action="https://sfyl.ifas.ufl.edu/_assets/download-ics.php" class="ics_download"><input type="hidden" name="date_start" value="'+n+'">  <input type="hidden" name="date_end" value="'+a+'"> <input type="hidden" name="timezone" value="America/New_York"> <input type="hidden" name="location" value="'+o+'">  <input type="hidden" name="description" value="'+u+'">  <input type="hidden" name="summary" value="'+s.summary+'">  <input type="hidden" name="url" value="http://www.ufl.edu">  <button title="Add event to your calendar!" type="submit" class="ics_download_button" id="submit_slide_'+r+'"><i class="fa-solid fa-circle-plus"></i></button></button></form>',c="";void 0!=s.summary&&(c=s.summary);var v="";void 0!=s.description&&(v=s.description.replace(/<(.|\n)*?>/g,"")).length>20&&(v=v.split(" ").slice(0,25).toString().replace(/,/g," ")+"...");var p=s.start.timeZone;if(void 0==p&&(p="America/New_York"),s.start.date)var m=s.start.date,g=s.start.date,b="";else var m=s.start.dateTime,g=s.start.dateTime,b=getAmPmTime(s.start.dateTime.split("T")[1].split("-")[0]);m=m.substring(0,10),g=g.substring(0,10),i[m.substring(5,7)-1],m.substring(8,10),m.substring(0,4),10>parseInt(m.substring(8,10))?(m="<span class='date_month'>"+i[m.substring(5,7)-1]+"</span><br><div class='date_day'>"+m.substring(9,10)+"</div>",g=i[g.substring(5,7)-1]+" "+g.substring(9,10)):(m="<span class='date_month'>"+i[m.substring(5,7)-1]+"</span><br><div class='date_day'>"+m.substring(8,10)+"</div>",g=i[g.substring(5,7)-1]+" "+g.substring(8,10)),s.htmlLink,e+='<!-- BEGIN EVENT --><div class="slide" id="slide_'+ ++slidescount+'"><div class="inner-txt"><p class="date">'+g+l+'</p><p class="time">'+b+"</p><hr><h3>"+c+'</h3><p class="event-subtext">'+v+"</p></div></div><!-- END EVENT -->   "}),$("div.slider").html(e)})}$(document).ready(function(){buildCalendar(calendarUrl)});
   
// END - JS to pull in events from google ========================================
  
//trigger ICS download when even is clicked 
jQuery(document.body).on('click', 'div.slide', function(event) {
  var click_id = jQuery(this).attr('id');
  jQuery(document).find('button#submit_'+click_id).trigger('click');
});    
  
// BEGIN - Script to activate Hover state when using Tab

const hoverableDivs=document.querySelectorAll(".slides");hoverableDivs.forEach(e=>{let s=e.querySelector("a");s.addEventListener("focus",()=>{e.classList.add("hover")}),s.addEventListener("blur",()=>{e.classList.remove("hover")})});

// END  - Script to activate Hover state when using Tab
  
// BEGIN - Script to control slider   
  
const slider=document.querySelector(".slider"),slides=document.querySelectorAll(".slide"),leftArrow=document.querySelector(".left-arrow"),rightArrow=document.querySelector(".right-arrow");let currentIndex=0,visibleSlides=3;function updateSliderPosition(){window.innerWidth;var e=-currentIndex*(eventwidth=document.getElementById("slide_1").offsetWidth);slider.style.transform=`translateX(${e}px)`}function updateVisibleSlides(){var e=window.innerWidth;eventwidth=e<1024?e+6:document.getElementById("slide_1").offsetWidth;let i=1.1*eventwidth*3;document.querySelector(".slider-container").style.width=`${i}px`}rightArrow.addEventListener("click",()=>{slidescount>3&&(currentIndex<slidescount-1?(currentIndex++,visibleSlides<3&&(visibleSlides++,updateVisibleSlides())):(currentIndex=0,visibleSlides=3,updateVisibleSlides()),updateSliderPosition())}),leftArrow.addEventListener("click",()=>{slidescount>3&&(currentIndex>0?(currentIndex--,visibleSlides>3&&(visibleSlides--,updateVisibleSlides())):(currentIndex=slidescount-3,visibleSlides=3,updateVisibleSlides()),updateSliderPosition())}),jQuery("div.events-buttons-container div.uf-button-side-borders").each(function(){jQuery(this).find("a").attr("href").length<2&&jQuery(this).remove()});
  
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- END -- Event Calendar Slider --><!-- BEGIN -- PL - W-n Column Block - White **** --><span id="d.en.861403"></span>
<script>
  if ('' == ''){
    document.write('<div class="row" style="max-width:75rem; margin-left:auto; margin-right:auto;">');
  } else {
    document.write('<div class="row">');
  }
</script>
  <div class="complex-layout large-12 medium-12 small-12 columns">
  <div class="large-12 medium-12 small-12 columns"><h2 class="white-F5-h2-row-heading"></h2></div><!-- PL - W-n Column Block - White   text/colTop -->
<span id="d.en.861403"></span>
<div class="complex-content large-12 medium-12 small-12 columns"><span id="d.en.861403"></span>
<hr>
<p class="text-center"><a href="https://www.facebook.com/florida4h" target="_blank"><img src="/media/fflifasufledu/images/f_logo_RGB-Blue_100-50x50.png" 
     alt="Facebook icon" style="width : 50px; height : 50px;     "
    class="" /></a> &nbsp; <a href="https://www.instagram.com/florida4h/?hl=en" target="_blank"><img src="/media/fflifasufledu/images/IG_Glyph_Fill-50x50.png" 
     alt="Instagram Icon" style="width : 50px; height : 50px;     "
    class="" /></a>&nbsp;&nbsp; &nbsp;<a href="https://twitter.com/Florida4H" target="_blank"><img src="/media/florida4hifasufledu/images/icons/twitter-50x50.png" 
     alt="twitter" style="width : 50px; height : 50px;     "
    class="" /></a>&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UC861Ba78BXbwLDdQa_OFq0Q"><img src="/media/florida4hifasufledu/images/icons/youtube-55x55.png" 
     alt="youtube" style="width : 55px; height : 55px;     "
    class="" /></a>&nbsp;&nbsp;<a href="https://www.flickr.com/photos/florida4-h/"><img src="/media/florida4hifasufledu/images/icons/flickr-56x56.png" 
     alt="flickr" style="width : 56px; height : 56px;     "
    class="" /></a>&nbsp;&nbsp;<a href="https://www.pinterest.com/florida4h/_created/"><img src="/media/florida4hifasufledu/images/icons/pinterest-48x48.png" 
     alt="pinterest" style="width : 48px; height : 48px;     "
    class="" /></a></p>
<!-- text/colBottom -->
</div>
<!-- END - text/colBottom --><!-- text/bottom -- last -->
</div>
</div>
<!-- END - text/bottom --><!-- END -- PL - W-n Column Block - White **** --></div>
</main>
  </div>
<!--========================================Footer Area========================-->

<!-- navigation object : Footer --><!-- Animated FOOTER - Saksham 2025 -- text/top-->

<footer id="uf-footer-wrapper" role="contentinfo" >
 <div id="footerTopBorder" style="
    transition: width 3s; 
    height: 10px; 
    background: #fa4616; 
    width: 0%; 
    z-index: 9999;">
</div>
	<div id="uf-footer">
		<div class="row"><div id="uf-footer-top"><div id="uf-footer-logo" class="large-3 columns"><a href="http://www.ufl.edu/" rel="noreferrer"><img src="/media/ifasufledu/white/style-assets/ifas-f6v3/images/UF_Signature_SVG-f6v3.svg" 
     alt="University of Florida Logo" style="width : -1px; height : -1px;     "
    class="" /></a>
       

			</div>
<div class="social-footer-icons large-8 columns">
    <ul class="menu simple">
      
<!--Icon 1-->
      <li><a href="https://www.facebook.com/florida4h" aria-label="Facebook"><i class="fa-brands fa-facebook-f fa-lg" aria-hidden="true"></i></a></li>
      
<!--Icon 2-->
      <li><a href="https://www.instagram.com/florida4h/?hl=en" aria-label="Instagram"><i class="fa-brands fa-instagram fa-lg" aria-hidden="true"></i></a></li>
      
<!--Icon 3-->
      <li><a href="https://twitter.com/Florida4H" aria-label="Twitter"><i class="fa-brands fa-x-twitter fa-lg" aria-hidden="true"></i></a></li>
      
<!--Icon 4-->
      <li><a href="https://www.youtube.com/channel/UC861Ba78BXbwLDdQa_OFq0Q" aria-label="Youtube"><i class="fa-brands fa-youtube fa-lg" aria-hidden="true"></i></a></li>
      
<!--Icon 5-->
		<li><a href="https://www.flickr.com/photos/florida4-h/" aria-label="Flickr"><i class="fa-brands fa-flickr fa-lg" aria-hidden="true"></i></a></li>
      
    </ul></div>
			</div></div>
<div class="row">
<div id="contact" class="large-4 medium-3 small-12 columns">
<h5>Contact</h5>
<p><span class="feedback"><strong><a href="mailto:fourh@ifas.ufl.edu">Feedback</a></strong></span><br><span class="entity-name"><a href="https://florida4h.ifas.ufl.edu/">UF/IFAS Extension - Florida 4-H</a></span><br>
  <span class="address">Building 1603, 2140 NE Waldo Rd, Room 107, Gainesville 32609</span><br>
  <span class="phone">(352) 846-4444</span></p></div>
<div id="land-grant" class="hide-for-small-only large-3 medium-3 small-12 columns">
  <h5>Land Grant Mission</h5>
<ul>
<li><a href="https://cals.ufl.edu/">Teaching</a></li>
<li><a href="https://research.ifas.ufl.edu/">Research</a></li>
<li><a href="https://sfyl.ifas.ufl.edu/">Extension</a></li>
			
				</ul><div></div></div>
<div id="information" class="hide-for-small-only large-2 medium-2 small-12 columns">
<h5>Information</h5>
<ul>
<li><a title="Ask IFAS powered by EDIS)" href="https://ask.ifas.ufl.edu/">Ask IFAS (EDIS)</a></li>
<li><a title="UF/IFAS Directory" href="https://directory.ifas.ufl.edu/">UF/IFAS Experts</a></li>
<li><a title="UF/IFAS Blogs" href="https://blogs.ifas.ufl.edu/global/">UF/IFAS Blogs</a></li>
<li><a title="UF/IFAS Extension Bookstore" href="https://ifasbooks.ifas.ufl.edu/">UF/IFAS Bookstore</a></li>
</ul></div>
<div id="policy" class="hide-for-small-only large-3 large-push-1 medium-3 small-12 columns">
<h5>Policy</h5>
<ul>
<li><a href="https://accessibility.ufl.edu/">Accessible UF</a></li>
<li><a href="https://ics.ifas.ufl.edu/uf-ifas-legal-statements/">EEO Statement</a></li>
<li><a href="https://ics.ifas.ufl.edu/our-services/web-services/">IFAS Web Policy</a></li>
  <li><a href="https://www.privacy.ufl.edu/guidance/social-security-numbers--/">SSN</a> &amp; <a href="https://privacy.ufl.edu/policies/onlineinternet-privacy-policy-/">UF Privacy</a></li>
<li><a href="https://policies.google.com/privacy">Analytics (Google Privacy)</a></li>			
</ul></div>
</div>
<div class="row">
  
<script>
  console.log('**** tvz 71 ******');
  jQuery('ul.menu.simple li').each(function(){
    var href = $(this).find('a').attr('href');
    //console.log(href);
    if (href==''){
      jQuery(this).addClass('empty');
    }
    jQuery('li.empty').remove();
  });
  jQuery('ul.menu.simple').each(function(){
    //count children of this
    //if 0 children remove this
    var count = $(this).children().length;
    if (count == 0){
      jQuery(this).remove();
    }
  });
</script>
  
<div id="last-modified-copyright" class="large-12 columns"><p><span id="copyright">© 2025&nbsp;<a href="https://www.ufl.edu/">University of Florida</a>,&nbsp;<a href="https://ifas.ufl.edu/">IFAS</a>&nbsp;</span><span id="last-modified">Last Modified:Fri, 26 Sep 2025 12:59:29 EDT
<!--Bottom Background -->
<div id="bottom-background"> </div>
<!--End bottom background--> 

<!--End bottom background-->
<script src="/media/ifasufledu/white/style-assets/js/vendor/modernizr.js"></script>
<script src="/media/ifasufledu/white/style-assets/js/foundation.min.js"></script>

  <!--Start T4 top navigation script-->
 <script>

function t4Menu(){$(".multilevel-linkul-0").addClass("dropdown");
  $("li").has(".multilevel-linkul-0").addClass("has-dropdown");
}
t4Menu();

</script>
 <!--End T4 top navigation script-->
	<script src="/media/ifasufledu/white/style-assets/js/mega-menu/white-mega-menu-wo-ajax.js"></script><!-- mega menu js -->
 <script src="/media/ifasufledu/white/style-assets/foundation-6/js/vendor/what-input.js"></script><!--what-input.min.js v6-->


<!-- Mercury Menu Custom JS - nav object 20521 -->
<!-- ** Begin Footer JS ** --><!-- Footer JS - Nav obj 20521 --><!-- Mercury Menu Footer JS -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-directional-hover@1.0.1/src/jquery.directional-hover.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript" src="https://programs.ifas.ufl.edu/_assets/mercury/js/all_saksham.js" referrerpolicy="no-referrer"></script>
<!-- END - Mercury Menu Footer JS --><!-- END - Footer JS - Nav obj 20521 -->
<!-- END - Mercury Menu Custom JS - nav object 20521 -->

<!-- Custom JS nav obj 20202 -->
<!-- ** Begin Custom JS ** -->
<!-- END - Custom JS nav obj 20202 -->

 <script src="/media/ifasufledu/white/style-assets/foundation-6/js/vendor/foundation.min.js"></script><!--foundation.min.js v6   -->
 <script src="/media/ifasufledu/white/style-assets/foundation-6/js/app.js"></script><!--app.js v6-->
 <script src="/media/ifasufledu/white/style-assets/foundation-6/owl-slider/js/owl.carousel.js"></script><!--owl slider-->

<script>
  //lazy load background images
    document.addEventListener("DOMContentLoaded", function() {
    var lazyBackgrounds = [].slice.call(document.querySelectorAll(".lazy-load-bg"));

    if ("IntersectionObserver" in window) {
      let lazyBackgroundObserver = new IntersectionObserver(function(entries, observer) {
        entries.forEach(function(entry) {
          if (entry.isIntersecting) {
            let lazyBackground = entry.target;
            lazyBackground.style.backgroundImage = 'url(' + lazyBackground.getAttribute("data-bg") + ')';
            lazyBackgroundObserver.unobserve(lazyBackground);
          }
        });
      });

      lazyBackgrounds.forEach(function(lazyBackground) {
        lazyBackgroundObserver.observe(lazyBackground);
      });
    } else {
      // Fallback for browsers that don't support IntersectionObserver
      lazyBackgrounds.forEach(function(lazyBackground) {
        lazyBackground.style.backgroundImage = 'url(' + lazyBackground.getAttribute("data-bg") + ')';
      });
    }
  });
</script>

     <script>
    $(document).ready(function() {
      $("#slider").owlCarousel({
       autoPlay : 6000,
    stopOnHover : true,
      navigation : true,
      slideSpeed : 600,
      paginationSpeed : 400,
      singleItem : true,
    rewindNav : true,
    rewindSpeed: 0

      // "singleItem:true" is a shortcut for:
      // items : 1, 
      // itemsDesktop : false,
      // itemsDesktopSmall : false,
      // itemsTablet: false,
      // itemsMobile : false

      });
    });
    </script>
		<script>
      if (typeof foundation === "function"){
      $(document).foundation();
      }
    </script>
            <!-- Mighty JS Main slider JS script file -->
		


  <!--Start Google Analytics Event Tracking script-->
      <script>
                $('a').click(function() {
                                var href = $(this).attr('href');
                                if (href.match(/^http/) && !href.match(document.domain)) {
                                                ga('send', 'event', 'Outbound Links', 'Click', href);
                                }
                                else if (href.match(/\.(doc|docx|pdf|ppt|pptx|xls|xlsx|zip)$/)) {
                                                ga('send', 'event', 'Downloads', 'Click', href);
                                }
																else{
																								ga('send', 'event', 'Inbound Links', 'Click', href);
																}
                });
      </script>
  <!--End Google Analytics Event Tracking script-->

<!--Siteimprove script-->
<script type="text/javascript" id="">(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src="//siteimproveanalytics.com/js/siteanalyze_27229.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();</script>
<!--END siteimprove script-->
   <!--<script>
      $(document).foundation();
    </script>-->
<style type="text/css">
    div.gsc-adBlock {display: none; visibility: hidden;!important}
</style>
  </body>
</html>
