@import url("/assets/js/plugins/kenburns/kenburns.css?cb=1753287743562");
		.national_search_box
		{
		    background: url(/assets/images/marketing/national_home.jpg) no-repeat center 5% !important;
		    background-size: cover !important;
		    width: 100%;
		    height: 400px;	
			position:relative;	
			border-top:1px inset #FFF;
		}
		
		.national_vid_bgr {
		    position: absolute; 
		    top: 0%; 
			left:0;
		    width: 100%; height: 100%; 
			object-fit: fill;
			border:0px solid red;
		}  	
		
		.national_vid_bgr #video
		{
			object-fit: fill;
			width:100%;
			border:0px solid green;
		}	
			
		.national_search_box .boxed-container
		{
			height:100%;
		}	
		
		.spotlight_wide
		{
			background:none;
		}	
				
		.national_search_box .sbox
		{
			background: rgba(0, 0, 0, 0.3);
			position:absolute !important;
			top:20%;
			left:20% !important;
			width:60%;
			border-top-right-radius:5px;
			border-top-left-radius:5px;		
			z-index:10;
		}
		
		.nsb_heading
		{
			font-family:Cachet;
			font-weight:600;	
			text-align:center;
			color:#FFF;	
			font-size:40px;
			margin-bottom:15px;
			margin-top:10px;
		}
		
		
		.bgwhite
		{
			background-color:#FFF;
		}
		
		.classification_box
		{
		    background-size: cover;
		    width: 100%;
		    height: 200px;	
			position:relative;	
			border:1px solid #CCC;
			margin-bottom:15px;
		}
		
		.classification_tile_box
		{
		    background-size: cover;
		    background-position: center top;		
		    width: 100%;
		    height: 92px;	
			position:relative;	
			border:1px solid #CCC;
		}	
			
		.swim_box
		{
		     background-image: url("/assets/images/marketing/swim_box.jpg");	
		}	
		.gymnast_box
		{
		     background-image: url("/assets/images/marketing/gymnast_box.jpg");	
		}	
		.sports_box
		{
		     background-image: url("/assets/images/marketing/sports_box.jpg");	
		}	
		.camp_box
		{
		     background-image: url("/assets/images/marketing/camp_box.jpg");	
		}				
		.classification_box .classification_title
		{
			position:absolute;
			width:100%;
			height:50px;
			bottom:0;
			color:#FFF;
			background: rgba(0, 0, 0, 0.3);		
			padding:10px 20px 10px 20px;
			font-size:20px;
		}	
		
		.classification_tile_box .classification_title
		{
			font-size:15px;
			padding:3px 20px 5px 5px;
			height:25px;
		}	
			
		.class_tags
		{
			margin:0px 0px 10px 0px;
			padding:0px;
		}
		.class_tags li
		{
			float:left;
			margin:0px 8px 12px 0px;
			list-style-type:none;		
		}
		.class_tags a
		{
			background-color:#cecece;
			color:#000;
			padding:5px 8px 5px 8px;
			border-radius:3px;
			text-decoration:none;
		}	
		.class_tags a:hover
		{
			background-color:#000;
			color:#FFF;
		}		
		
		.natl_side_list
		{
			margin:0px;
			padding:0px;
		}	
		
		.natl_side_list li
		{
			list-style-type:none;
			margin:0px 0px 11px 0px; 
			padding:0px;
		}
		
		.natl_side_list .sl_thumb
		{
			border:0px solid black;
			float:left;
			width:117px;
			height:87px;
			background-size: 150% 150% !important;
			background-position: center 20% !important;				
		}	
		
		.natl_side_list .sl_text
		{
			border:0px solid black;
			float:right;		
			width: calc(100% - 117px);				
			height: 87px;
			line-height: 87px;		
			padding:0px 8px 0px 8px;
		}		
		
		.natl_side_list .sl_text span 
		{
		  display: inline-block;
		  vertical-align: middle;
		  line-height: normal;
	
		}	
		
		.national_search_box .vol_box
		{
			background: rgba(255, 255, 255, 0.8);		
			vertical-align:middle;
			position:absolute !important;
			top:0;
			left:0 !importabt;
			width:100%;
			height:40px;
			line-height:40px;
			-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
			box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);		
			z-index:10;
		}	
		
		.national_search_box .vol_box span 
		{
			display: inline-block;
			vertical-align: middle;
			line-height: normal;
			font-size:16px;
			width:100%;
		}	
		
		.national_filter_box
		{
			background: rgba(0, 0, 0, 0.13);		
			vertical-align:middle;
			width:100%;
			line-height:40px;
			padding:10px;
			margin-bottom:10px;
			border-radius:5px;
		}		
		
		.national_filter_box .city
		{
	
			float:left;
			width: calc(100% - 40px);						
		}
		
		.national_filter_box .city_override
		{
	
			width: 100% !important;						
		}	
		
		.national_filter_box .state
		{
			width:60px !important;				
			padding-left:5px;
			padding-right:5px;
			float:left;
		}
		.national_filter_box ul
		{
			list-style-type:none;
			margin:0px;
			padding:0px;
		}
		
		.national_filter_box .national_sub_btn
		{
			float:left;
			height:32px;
			font-size:15px;
			margin-top:1px;
			padding-top:4px;
		}
		
		.national_filter_box ul li
		{
			border-right:1px solid #CCC;
		}	
		
		.ms-options-wrap > button:focus, .ms-options-wrap > button {
		    position: relative;
		    width: 100%;
			height:34px;		
		    text-align: left;
		    border: 2px solid #e7ebee;
		    background-color: #fff;
		    padding: 0px 5px 0px 5px;
			line-height:34px;
			margin-top:0px;
		    font-size: 12px;
		    color: #aaa;
		    outline: none;
		    white-space: nowrap;
		}	
		.ms-options-wrap
		{
			margin-top:-2px;
			padding-top:0px;
		}	
		
		.ms-active ul li
		{
			padding:0px !important;
			margin:0px !important;
			border:0px solid red !important;
		}
		.ms-active ul li label
		{
			padding:0px 0px 0px 20px !important;
			margin:0px !important;
		}	
		
		.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
		    margin: 0 0px 0 0;
		    position: absolute;
		    left: 4px;
		    top: 3px;
			background-color:#FFF !important;
		}		
		
		.ui-slider-track.ui-mini {
		    height: 12px;
		    top: 8px;
		    margin: 0px 15px 0px 68px;  /* add this line to file */
		}	
		
		@media (max-width: 990px) 
		{
			.national_search_box .sbox	
			{
				width:90%;
				left:5% !important;
			}		
			.classification_tile_box
			{
			    height: 200px;	
				background-position:center 25%;
			}		
			.classification_box
			{
			    height: 200px;	
				background-position:center 25%;
			}			
			
			.classification_tile_box a
			{
				position:absolute;
				width:100%;
				height:50px;
				bottom:0;
				color:#FFF;
				background: rgba(0, 0, 0, 0.3);		
				padding:10px 20px 10px 20px;
				font-size:20px;
			}			
		}	
		
		#twitter-widget-0 {height:380px !important;}
		
		#sbox_search
		{
			margin:0px 10px 10px 10px;
		}
		
		#sbox_search .ms-options-wrap
		{
			width:100px;
			float:left;
			margin-top:1px;
			border:0px;
		}	
		
		#sbox_search .ms-options-wrap button
		{
			height:44px !important;		
			border:0px
		}		
		
		#sbox_search .state_group
		{
			height:44px !important;
			border-top:0px !important;;
			border-bottom:0px !important;;		
			margin:1px 0px 0px 0px !important;
			width:50px; !important;
			padding:0px 0px 0px 8px ;
			font-size:16px;
			float:left;
			-webkit-appearance: none;
			-moz-appearance:    none;
			appearance:         none;  		
			border-radius:0px !important;		
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		}		
		
		#sbox_search .cityinput
		{
			border:1px solid #999;
			background: #FFF;
			padding:10px;
			font-size:20px;		
			border-radius:0px !important;
			border-right:0px;
			width: calc(100% - 140px);				
			float:left;		
		}	
		
		.sbox_search_coach .cityinput
		{
			border:1px solid #999;
			background: #FFF;
			padding:10px;
			font-size:20px;		
			border-radius:0px !important;
			border-right:0px;
			width: calc(100% - 40px) !important;				
			float:left;		
		}		
			
		#sbox_search .btn
		{
			width:40px;
			height:46px !important;
			padding-top:8px !important;
			font-size:20px !important;
			font-weight:normal;
			float:left;
		}	
		
		#sbox_search .ms-active ul li
		{
			padding:5px 0px 0px -5px !important;
			margin:0px !important;
			border:0px solid red !important;
			height:35px;
		}
		#sbox_search .ms-active ul li label
		{
			padding:3px 0px 0px 20px !important;
			margin:0px !important;
		}	
		#sbox_search .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
		    margin: 0 0px 0 0;
		    position: absolute;
		    left: 3px;
		    top: 5px;
			background-color:#FFF !important;
		}				
		.cta-green{color:#20bdbe !important;}		
		
		.coach_box
		{
		    background-image: url("/assets/images/marketing/coach_volunteer.jpg");	
			background-position:center 15%;
		}
		
		#volunteer_text
		{
			background: rgba(255, 255, 255, 0.9);
			position:absolute !important;
			bottom:0 !important;
			left:0 !importabt;
			width:50%;
			border:0px solid black;
			padding:20px !important;
			border-top-right-radius:5px;
			border-top-left-radius:5px;		
		}
		#volunteer_text h1
		{
			margin:0px 0px 0px 0px;
			padding:0px;
			font-size:35px;
		}	
		
		#volunteer_text h3
		{
			color:#666;
			margin:0px;
			padding:0px;
			font-family:Cachet;
			font-weight:600;	
			font-size:20px;		
			text-decoration:none;
			border:0px;
		}		
		
		.national_content_item
		{
			margin-bottom:20px;
		}
		
		.national_content_item .meta
		{
			color:#20bdbe;
		}	
		
		.national_content_item .national_content_square
		{
			height:250px;
			border:1px solid #CCC;
			background-style:cover;
			position:relative;
			background-position:center 25%;
			margin-bottom:10px;		
		}
		
		.national_content_item .national_content_square a,.national_content_item .national_content_square span
		{
			position:absolute;
			bottom:0px;
			background: rgba(0, 0, 0, 0.6);		
			display:block;
			color:#FFF;
			width:100%;
			padding:10px;
			font-size:20px;
			text-decoration:none;
		}	
		
		#national_search_bar
		{
			max-width:250px;
			margin-top:5px;
		}	
		
		#national_search_bar input
		{
			float:left;
			width: calc(100% - 100px);						
		}
		
		#national_search_bar .state
		{
			float:left;
			width:60px !important;				
			padding-left:5px;
			padding-right:5px;
			float:left;		
		}	
		
		#national_search_bar .national_sub_btn
		{
			float:left;
			height:32px;
			font-size:15px;
			margin-top:1px;
			padding-top:4px;
		}	
		
		.main_featured_tile
		{
			height:300px;		
			border:1px solid #CCC;		
		    font-family: Cachet;
		    font-weight: 600;
		    color: #FFF;
		    font-size: 20px;		
			background-size:cover;
		}
		
		.featured_tile
		{
			height:239px;
			border:1px solid #CCC;		
		    font-family: Cachet;
		    font-weight: 600;
		    color: #FFF;
		    font-size: 16px;		
		}
		
		.video_tile1
		{
			border:1px solid #CCC;		
		    font-family: Cachet;
		    font-weight: 600;
		    color: #FFF;
		    font-size: 16px;		
			width:80% !important;
			padding-bottom:60%;
			background-size:contain !important;
			background-repeat:no-repeat;
			height:180px;		
			margin-left:auto;
			margin-right:auto;
		}	
				
		.spotlightbox
		{
			background-size:cover;	
			background-position:center 25%;
			width:100%;
			border:1px solid #CCC;		
			position:relative;
			margin-bottom:20px;
			cursor:pointer;
		}
	
		.main_featured_title
		{
			position:absolute;
			width: calc(100% - 0px);				
			background: rgba(0, 0, 0, 0.6);		
			bottom:0;	
			padding:10px;			
		}
		
		.main_featured_title a
		{
			font-family:Cachet;
			font-weight:600;	
			text-align:center;
			color:#FFF;	
			font-size:20px;
		}	
		
		.spotlightbox .blurb
		{
			font-family:Cachet;
			font-weight:600;	
			background-color:rgb(0,166,232);
			color:#FFF;
			font-size:11px;
			padding:3px 5px 3px 5px;
			border-radius:3px;
			position:absolute;
			left:0;
			margin:10px 0px 0px 15px;
		}	
		
		.highlight_side_box
		{
			height:180px;
			background-position:center 25%;
			margin-bottom:19px;
			font-size:16px;
		}	
		
		.highlight_bottom_box
		{
			height:200px;
			background-position:center 25%;
			margin-bottom:20px;
			font-size:16px;		
		}		
		
		.main_featured_tile .fa,.featured_tile .fa
		{
			background-color:rgb(0, 134, 206);
			padding:5px;
			border-radius:5px;
			position:absolute;
			left:0;
			color:#FFF;
			margin:10px;
			font-size:20px;
		}
		
		.video_highlight_dot
		{
			background-image:url('/assets/images/dottedbackground.png');
			text-align:center;
			padding-top:10px;
			border-bottom:1px solid #CCC;
		}
		
		.article_pic
		{
			height:450px;background-size:cover;
		}
		
		.editorial_right img,.editorial_right_left img
		{
			max-width:100%;
		}
		
		.yblueheader
		{
			color:#0089d0;
			font-family:Cachet;
			font-weight:600;
		    font-size: 30px;
		    text-transform: uppercase;
		    margin: 0px 0px 0.3em 0px;
			padding:0px;
		}	
		
		.ypurpleheader
		{
			color:#92278f;
			font-family:Cachet;
			font-weight:600;
		    font-size: 30px;
		    text-transform: uppercase;
		    margin: 0px 0px 0.3em 0px;
			padding:0px;
		}