/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 1140px){
	img									{ max-width: 100%; height: auto; }
	.skWidth							{ width: auto; padding: 0 20px; }
	.skBanner							{ float: none; }
	.skBannerText						{ width: auto; }
	.LeftPane.inner-cell				{ width: 60%; } 
	.RightPane.inner-cell				{ width: 35%; margin-left: 5%; }
	.inner-width,
	.inner-table						{ display: block; width: auto; }
	.skLogo								{ margin: 7.5px 22px 7.5px 0px; }
	.skLogoWrp 							{ width: auto; }
	.skActiontop						{ margin: 0px 0px 15px 0; }
	.skRow .skLeft						{ width: 33%; margin-right: 2%;  }
	.skRow .skRight						{ width: 65%;  }
	.skTabs ul.nav						{ width: 100%; padding: 0; }
	.skTabs .cntWrapper					{ padding: 15px; }
	.skRowWrapper						{ margin: 0 -5px; }
	.skColumnInner						{ padding: 0 5px; }
	.skSection .content					{ margin: 15px 5px 0; }
	ul.tweet_list li						{ padding: 0 10px 46px 46px; }
	.skFooter .skContact.skFtColumn		{ width: 48%; margin-right: 2%; text-align: center; }
	.skSiteLink.skFtColumn				{ width: 48%; margin-left: 2%; margin-right: 0; } 
	.skSiteLink.skFtColumn .skHead		{ text-align: center; }
	.skFooter .skFtColumn.skBannerImg	{ width: auto; float: none; margin: 0px auto; padding-top: 30px; padding-bottom: 48px; clear: both; text-align: center; }
}
@media screen and (min-width: 768px){
	.skHeadmobile,
	.viewall-link.skMobile,
	.skSiteLink.skMobile,
	.skBannerImg.skMobile,
	.skTabs .mobTabLink,
	.skNewsarrow						{ display: none; }
}
@media screen and (max-width: 768px){
	.LeftPane.inner-cell				{ width: 100%; } 
	.RightPane.inner-cell				{ width: 100%; margin-left: 0; }
	.skSponsorInnerpage.skWidth			{ padding: 0; margin-bottom: 56px; }
	.skArea .dfArea						{ padding: 10px; }
	.skArea,
	.skAreabg,
	.skHeader							{ background-color: #3f479a; background-image: none;}
    .skWidth							{ padding: 0 15px }
	.skHeader							{ padding: 9px 0 12px; }
	.skHeader .skRight					{ float: none; }
	.skActiontop						{ margin: 0; }
	.skLogin							{ float: none; text-align: center; margin: 0; display: table; width: 100%;}
	.skLogin .skBtn 						{ display: table-cell; width: 50%; margin: 0 5px; }
	.skLogin .skBtn .login,
	.skLogin .skBtn .register			{ display: block; padding: 7px 15px; }
	.skLogin .skBtn .login				{ margin-right: 5px; }
	.skLogin .skBtn .register			{ margin-left: 5px; }
	.skSocial.skMobile					{ display: block; }
	.skSocial.skWebOnly					{ display: none; }
	.skLogo								{ display: none; }
	a.skFacebook svg						{ width: 21px; height: 21px; }
	a.skTwitter svg						{ width: 20px; height: 20px; }
	a.skInstagram svg					{ width: 19px; height: 18px; }
	a.skYoutube svg						{ width: 20px; height: 20px; }
	a.skFlickr svg						{ width: 20px; height: 21px; margin-top: 0px }
	.skHeader .skLeft					{ float: none; }
	.skBanner.skLeft					{ text-align: center; display: block; height: auto; }
	.skBannerText						{ padding: 20px 0 15px; font-size: 28px; display: block; }
	.skSocial a.link, 
	.skSocial a.link:link, 
	.skSocial a.link:visited				{ float: none; display: inline-block; }
	.skSocial							{ text-align: center; }
	.skBG-white							{ background-color: transparent; padding: 0; border-top: 0px; }
	.skRow .skLeft,
	.skRow .skRight						{ width: auto; float: none; }
	.skFieldStatus ul.skField li.skItem	{ margin-bottom: 50px; }
	.skFieldStatus ul.skField li.skItem.skLast
										{ margin-bottom: 0; }
	.skFieldStatus ul.skSubField li.skItem	{ margin-bottom: 0px; }
	.skTabs .skEvent.content				{ height: auto; overflow: hidden; padding-bottom: 34px; }
	.skEvent li.skEventItem				{ display: none; padding: 15px 0; margin-right: 0; }
	.skEvent li.skEventItem:nth-of-type(-n+4)
										{ display: block; }
	.skEvent .skEventMonth				{ font-size: 22px; }
    .skEvent .skEventDay					{ font-size: 36px; }
    .skEventHead a, 
    .skEvent .title						{ font-size: 20px; line-height: 1; }
    .skEvent .skEventTime				{ font-size: 13px; line-height: 16px; }
	.skEvent .skEventCalendar			{ width: 45px; padding-right: 13px; }
	a.viewall-link, 
	a.viewall-link:link, 
	a.viewall-link:visited				{ transform: none; display: block; bottom: 0; left: 0; width: auto; right: 0; background-color: #c93c20; 
										  text-align: center; }
	.skFieldStatus p.skName				{ margin-bottom: 10px; padding-right: 0; font-size: 16px; line-height: 1; background-color: transparent; color: #222222; }
	ul.skField>li.skItem:before			{ content: none; }
	ul.skField li.skClose:after,
	ul.skField li.skPartial:after,
	ul.skField li.skOpen:after 			{ top: 25px; right: 0; font-size: 20px; padding: 0; width: auto;}
	ul.skField span.skCurrent			{ padding-top: 10px; color: #222222; font-size: 14px; letter-spacing: 0.3px; }
	.skEvent.content					{ position: relative; } 
	.skFieldStatus ul.skField			{ padding: 0; }
	ul.skSubField li.skClose:after,
	ul.skSubField li.skPartial:after,
	ul.skSubField li.skOpen:after			{ top: 10px; font-size: 16px; }
	ul.skField li.skAlt.skLast .skCurrent	{ padding-top: 12px; }
	ul.skSubField li.skItem.skFirst .skCurrent
										{ padding-top: 10px }
	ul.skSubField li.skItem.skFirst:after	{ top: 8px; }
	.skFieldStatus ul.skSubField			{ border-top: 1px solid #222222; }
	.skRow								{ display: block; }
	.skColumn							{ display: block; } 
	.skLinks							{ display: none; }
	.skSection h2.skHead,
	.skSection h2.skHeadmobile,
	.skTabs a.mobTabLink,
	.skTabs a.mobTabLink:link,
	.skTabs a.mobTabLink:visited			{ display: block; font-size: 18px; font-weight: 500; text-transform: uppercase; color: #fff; text-align: center;
										  background-color: #2e3470; padding: 11px 0; margin: 30px 0 0; line-height: 1; position: relative; cursor: pointer; z-index: 2; }
	.skSection h2.skHeadmobile			{ margin: 0; }
	.skTabs a.mobTabLink.tabFirstLink	{ margin-top: 0px; }
	.skTabs ul.nav						{ display: none; }
	.skTabs .cntWrapper					{ padding: 0; position: static; }
	.skTabs .cntWrapper:after			{ content: none; }
	.skTabs .content,
	.skSection .content					{ background-color: #fff; padding: 15px; }
	.skFieldStatus.content 				{ padding: 20px 45px 0;} 
	.skSection .content					{ margin: 0; display: none; }
	.skTabs .skEvent.content.visible,
	.skSection .content.visible 			{ display: block; }
	.skSection .cbNews .content			{ height: auto; overflow: hidden; padding: 0; background-color: transparent; margin: 0; }
	.cbNews ul.skList					{ margin-bottom: 34px; background-color: #fff; }
	.cbNews ul.skList li.skItem			{ display: none; }
	.cbNews ul.skList li.skItem:nth-of-type(-n+4)
										{ display: block; }
	.cbNews ul.skList li.skItem			{ position: relative; padding: 15px 40px 15px 6px; }
	.cbNews .skSummary					{ padding: 5px 0 0; margin-right: 0; }
	.skNewsarrow						{ display: block; position: absolute;  background: transparent url(images/socials.png) -115px -31px no-repeat;  width: 15px;  height: 24px;
										  right: 7px; top: 50%; transform: translate(-50%, -50%); text-indent: 9999px;  }
	.cbNews .skDate						{ display: none; }
	.cbNews a.viewall-link,
	.cbNews a.viewall-link:link,
	.cbNews a.viewall-link:visited		{ left: 0; width: auto; right: 0; background-color: #c93c20; font-weight: bold; z-index: 0; }
	.skSection .skSocial 				{ margin-right: 0; text-align: left; }
	.skSection h2.skHead:before,
	.skSection h2.skHeadmobile:before,
	.skTabs a.mobTabLink:before			{ content: ''; width: 17px; height: 17px; position: absolute; background: transparent url(images/socials.png) -63px -34px no-repeat; left: 16px; top: 11px; }
	.skSection h2.skHead.active:before,
	.skSection h2.skHeadmobile.active:before,
	.skColumnContent.active h2.skHeadmobile:before,
	.skColumnContent.active h2.skHead:before,
	.skTabs a.mobTabLink.active:before	{ content: ''; width: 17px; height: 17px; position: absolute; background: transparent url(images/socials.png) -87px -34px no-repeat;  top: 11px; left: 16px; }
	.skSocial .content:before			{ content: ''; position: absolute; left: 0px;  bottom: 0; height: 70px; width: calc(100% - 20px); z-index: 1; opacity: 0.7;
										  -webkit-box-shadow: inset 0px -50px 50px 0px white; -moz-box-shadow: inset 0px -50px 50px 0px white;
										  box-shadow: inset 0px -50px 50px 0px white;  }
	.skSection .skColumn 				{ margin: 0px; }
	.skSection .skColumnContent			{ margin-top: 30px; overflow: hidden; }
	a.tweet_screen_name, 
	a.fb-wall-message-from				{ font-size: 16px; padding: 0 0 3px ; }
	ul.tweet_list li:before				{ width: 28px; height: 24px; background-position: -0px -31px; left: -2px; top: 4px; }
	ul.tweet_list li:hover:before			{ background-position: -0px -31px; }
	ul.tweet_list li						{ padding: 0 35px 60px 35px; }
	.tweet_time							{ left: 36px; color: #222222; bottom: 35px; }
	.fb-wall-box:before					{ width: 24px; height: 24px; background-position: -34px -32px; left: 0px; }
	.fb-wall-box:hover:before			{ background-position: -34px -32px }
	.fb-wall-box						{ padding: 0 35px 40px 35px; }
	.cbNews ul.skList,
	.fb-wall-box,
	ul.tweet_list li						{ padding-right: 0; }
	.fb-wall-date						{ color: #222222; padding-top: 0; }
	.skRowWrapper						{ margin: 0; }
	.skColumnInner						{ padding: 0; }
	.skSponsor.skWebOnly				{ display: none; }
	.skSocialFeed						{ display: none; }
	.skSection .skColumnContent:after	{ content: none; }
	.skSponsor.skMobile					{ display: block; margin: 45px 0 56px; padding: 8px 0 ;  }
	.skSponsorInnerpage .skBG-white		{ padding: 0; }
	.skSponsorInnerpage .skSponsor		{ padding: 8px 0; }
	.skSponsorInnerpage .skSponsor li.item{ padding: 15px; }
	.skSponsor li.item					{ padding: 15px 15px; }
	.skSponsor .wrapper					{ margin: 0 40px ; }
	.skSponsor .next						{ right: 15px; }
	.skSponsor .prev						{ left: 15px; }
	.skFooter							{ margin-bottom: -1px; }
	.skFooter .skFtColumn				{ float: none; }
	.skFooter .skBG-white				{ padding-top: 30px; padding-left: 0; }
	.skFooter h2.skHead					{ padding: 0 0 25px 0; }
	.skFooter h2.skHead .skWebOnly		{ display: none; }
	.skFooter .skClubAddress				{ padding: 0; }
	.skFooter .skContact.skFtColumn		{ width: 100%; }
	.skSiteLink.skFtColumn				{ display: none; }
	.skSiteLink.skFtColumn.skMobile		{ display: block; width: 350px; margin: auto; }
	.skSiteLink.skFtColumn .skHead		{ padding:  0 0 40px; }
	.skSection .cbNews  h2.skHead, 
	.skSection .cbSpotlight h2.skHead	{ display: none; }
	.ftContent .skSiteWrapper			{ width: 45%; margin-left: 5%; }
	.skFooter,
	.skInfo								{ background-color: #fff; }
	.skFtColumn.skBannerImg				{ display: none; }
	.skBannerImg.skMobile				{ display: block; width: 100%; text-align: center; margin: 42px 0 48px; }
	.skInfo								{ padding: 40px 0 30px; }
	.skInfo .skBG-white					{ padding: 0; }
	.skInfo .skLeft						{ float: none; text-align: center; }
	.skInfo .skRight						{ float: none; text-align: center; }
	.skInfo img							{ padding-top: 20px; }
}
@media (max-width: 550px){
	.skFieldStatus p.skName				{ height: 16px; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
}
@media (max-width: 400px){
	.skFieldStatus.content				{ padding: 15px; } 
	.skSiteLink.skFtColumn.skMobile		{ width: auto; }
	.skSiteLink .skSiteItemLink			{ word-wrap: break-word; }
	.skSiteLink .skSiteWrapper:nth-child(1)
										{ margin-right: 1%; width: 49%; margin-left: 0; } 
	.skSiteLink .skSiteWrapper:nth-child(2)
										{ margin-left: 1%; width: 49%; } 
}
@media (max-width: 350px){
	.ftContent .skSiteWrapper			{ width: 50%; margin-left: 0; }
}
/* MobNav Code */
/********************************************************************/
.DC-Stoddert #mobNav.blue .navBar 		{ background: #2e3470; border-bottom: 0px solid #fff; }
.DC-Stoddert #mobNav .navTabs .navItem	{ border-top: 1px solid #fff; }
.DC-Stoddert #mobNav.blue .navDropDown 	{ background: #2e3470; }
.DC-Stoddert #mobNav.blue .navExpand .navIcon 
										{ fill: #fff; }
.DC-Stoddert #mobNav.blue .navTabs .activeTab 
										{ border-bottom-color: transparent !important; }
.DC-Stoddert #mobNav.blue .navLogo a, 
.DC-Stoddert #mobNav.blue .navLogo a:link, 
.DC-Stoddert #mobNav.blue .navLogo a:visited 
										{ font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: #fff; }
.DC-Stoddert #mobNav.blue .navTitle 		{ font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: #fff; }
.DC-Stoddert #mobNav.blue .navLink,
.DC-Stoddert #mobNav.blue .navLink:link,
.DC-Stoddert #mobNav.blue .navLink:visited 
										{ font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 26px; font-weight: 700; color: #fff;
										  letter-spacing: 0.5px; }
.DC-Stoddert #mobNav.blue .navLink.navLinkSelected
										{ font-weight: 900; }
.DC-Stoddert #mobNav.blue .navChild 		{ background: #fff; }
.DC-Stoddert #mobNav.blue .navChild .navLink,
.DC-Stoddert #mobNav.blue .navChild .navLink:link,
.DC-Stoddert #mobNav.blue .navChild .navLink:visited 
										{ color: #2e3470; }
.DC-Stoddert #mobNav.blue .navChild .navIcon 
										{ fill: #2e3470;}
.DC-Stoddert #mobNav.blue .navChild1 	{ background: #e6e6e6; }
.DC-Stoddert #mobNav.blue .navChild1 .navLink, 
.DC-Stoddert #mobNav.blue .navChild1 .navLink:link, 
.DC-Stoddert #mobNav.blue .navChild1 .navLink:visited 
										{ color: #1f234c; }

@media (max-width: 340px) {
	.DC-Stoddert #mobNav.blue .navLink,
	.DC-Stoddert #mobNav.blue .navLink:link, 
	.DC-Stoddert #mobNav.blue .navLink:visited 
										{ font-size: 15px; }
}