/*
AHPC2018-Mobile Home starting at 1040
*/


/***************************Responsive Menu Button**********************/

@media screen and (max-width:1040px) { 
.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
	border-radius:0px !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a {
	font-family: 'Roboto', sans-serif !important;
	font-weight:900 !important;
	font-size: 19px !important;
	line-height:19px !important;
	padding: 10px 5% !important;
}

#responsive-menu-container li.responsive-menu-item a {
}

#responsive-menu-container #responsive-menu-title a {
	font-family: 'Roboto', sans-serif !important;
	font-weight:900 !important;
	text-transform:uppercase !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
	height:39px !important;
}

}

@media screen and (max-width:700px) { 
button#responsive-menu-button {
    height: 50px !important;
    top: 1px !important;
}
}




header.ahpcHomeHed { 
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	height: 74px;
	background-color:#17A34A;
	border-bottom: solid 5px #fff;
	z-index:999;
}


.smallNav {
	display:block;
	position:relative;
	float:right;
	margin: 0;
	width:577px;
	padding: 18px 0 0 0;
	text-align:center;
	color:#fff;
}

@media screen and (max-width:700px) { 

header.ahpcHomeHed { 
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	height: 54px;
	background-color:#17A34A;
	border-bottom: solid 5px #fff;
	z-index:999;
}
.smallNav {
	display:none;
}
}

.navContainer {
	display:none;
}


/*****************************BRANDING AREA WITH LOGO******************************/

.brandingBkgd {
	position:relative;
	background-color: #fff;
	margin:0;
	padding:78px 0 0 0;
}

.brandingContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
	padding:0;
    background: url(/wp-content/uploads/2025/08/frac-banner-homepage-2025.png) no-repeat center center;
    background-size: contain;
	height:228px;
}

@media screen and (max-width:930px) {
.brandingContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
    background: url(/wp-content/uploads/2025/08/frac-banner-homepage-2025.png) no-repeat center center;
    background-size: 100% 100%;
	height:228px;
}
}

.ahpclogo {
  position:relative;
  float:left;
  width:265px;
  height: 125px;
  margin:53px 0 0 0;
}

.datePlace {
	position:relative;
	float:right;
  width:250px;
  height: 61px;
  margin:85px 40px 0 0;
}

@media screen and (max-width:975px) {
	.datePlace {
	position:relative;
	float:right;
  width:250px;
  height: 61px;
  margin:85px 0px 0 0;
}
}
@media screen and (max-width:885px) {
.brandingContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
    background: url(/wp-content/uploads/2025/08/frac-banner-homepage-2025.png) no-repeat center center;
    background-size: 100% 100%;
	height:190px;
}
	
.ahpclogo {
  position:relative;
  float:left;
  width:220px;
  height: 104px;
  margin:43px 0 0 0;
}

.datePlace {
	position:relative;
	float:right;
  width:190px;
  height: 46px;
  margin:70px 0px 0 0;
}
}
@media screen and (max-width:752px) {
	
	.brandingContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
    background: url(/wp-content/uploads/2025/08/frac-banner-homepage-2025.png) no-repeat center center;
    background-size: 100% 100%;
	height:162px;
}
	.ahpclogo {
  position:relative;
  float:left;
  width:180px;
  height: 85px;
  margin:40px 0 0 0;
}

.datePlace {
	position:relative;
	float:right;
  width:155px;
  height: 38px;
  margin:60px 20px 0 0;
}
}

@media screen and (max-width:700px) {
	
	.brandingBkgd {
	position:relative;
	background-color: #fff;
	margin:0;
	padding:58px 0 0 0;
}
.brandingContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
    background: url(/wp-content/uploads/2025/08/frac-banner-homepage-2025.png) no-repeat center center;
    background-size: 100% 100%;
	height:162px;
}
.datePlace {
	position:relative;
	float:right;
  width:155px;
  height: 38px;
  margin:60px 0px 0 0;
}
}

@media screen and (max-width:623px) {   /****  mobile layout of header******/
.brandingContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
    background: url(/wp-content/uploads/2025/08/frac-banner-homepage-2025.png) no-repeat center center;
    background-size: 100% 100%;
	height:144px;
	padding: 0;
}
.ahpclogo {
  position:relative;
  float:none;
  width:169px;
  height: 80px;
  margin:0px 0 10px 0;
}
.datePlace {
	position:relative;
	float:none;
  width:130px;
  height: 32px;
  margin:10px 0px 0 0;
}
}

@media screen and (max-width:517px) { 
.brandingContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
    background: url(/wp-content/uploads/2025/08/frac-banner-homepage-2025.png) no-repeat center center;
    background-size: 100% 100%;
	height:144px;
}
}

@media screen and (max-width:444px) { 
.brandingContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
    background: url(/wp-content/uploads/2025/08/frac-banner-homepage-2025.png) no-repeat center center;
    background-size: 100% 100%;
	height:144px;
}
}
@media screen and (max-width:353px) { 

.brandingContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
    background: url(/wp-content/uploads/2025/08/frac-banner-homepage-2025.png) no-repeat center center;
    background-size: 100% 100%;
	height:144px;
}

}



/*****************************SPONSOR AREA******************************/
.sponsorAppContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
	padding:0 0 0 40px;
}

a.appContainer {
	position:relative;
	display:block;
	float:right;
	width:200px;
	background: #17A34A url(../Images/GetAppBkgd.png) no-repeat left bottom;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #fff;
	padding:0;
	margin:0 0 0 0;
}

.appText {
	position:relative;
	float:left;
	width:57%;
	text-align:right;
	margin: 17px 5% 0 0;
	height:104px;
	line-height:121px;
	padding:0;
}
.appIcon {
	position:relative;
	float:right;
	width:25%;
	text-align:left;
	margin: 9px 10% 0 0;
	height:112px;
	line-height:121px;
	padding:0;
}

.sponsorContainer {
	position:relative;
	float:left;
	width:75%; 
	margin:0;
	height:auto;
	padding:0;
}

.sponsorLogos {
	position:relative;
	float:right;
	width:310px;
	height:auto;
	padding:0;
	margin: 0 0 0 0;
	text-align:left;
}

.frac {
	position: relative;
	float:left;
	width: 116px;
	height: 44px;
	margin: 45px 0 0 25px;
	padding:0;
}
.feedingAmerica {
	position: relative;
	float:left;
	width: 131px;
	height: 68px;
	margin: 17px 0 0 32px;
	padding:0;
}
.sponsorText {
	position:relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#17A34A;
	width:330px;
	padding: 19px 0 0 0;
}

.sponsorHead {
	font-size:18px;
	color:#0268ab;
	font-weight:bold;
} 

@media screen and (max-width:914px) {
	a.appContainer {
	position:relative;
	display:block;
	float:right;
	width:400px;
	background: #17A34A url(../Images/GetAppBkgd.png) no-repeat left bottom;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #fff;
	padding:0;
	margin:10px 0 0 0;
}

.appText {
	position:relative;
	float:left;
	width:57%;
	text-align:right;
	margin: 17px 5% 0 0;
	height:104px;
	line-height:121px;
	padding:0;
}
.appIcon {
	position:relative;
	float:right;
	width:25%;
	text-align:left;
	margin: 9px 10% 0 0;
	height:112px;
	line-height:121px;
	padding:0;
}

.sponsorContainer {
	position:relative;
	float:none;
	width:auto; 
	height:auto;
	padding:0 60px 0 30px;
	margin:0 0 0 0;
}

.sponsorLogos {
	position:relative;
	float:none;
	width:400px;
	height:auto;
	padding:0 0 0 0;
	margin: 0 auto;
	text-align:left;
}

.frac {
	position: relative;
	float:right;
	width: 127px;
	height: 48px;
	margin: 45px 0 0 0;
	padding:0;
}

.feedingAmerica {
	position: relative;
	float:left;
	width: 148px;
	height: 77px;
	margin: 17px 0 0 0;
	padding:0;
}

.sponsorText {
	position:relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#17A34A;
	width:100%;
	padding: 20px 0 0 0;
}

.sponsorHead {
	font-size:24px;
	color:#0268ab;
	font-weight:bold;
}
}

@media screen and (max-width:642px) {
		a.appContainer {
	position:relative;
	display:block;
	float:right;
	width:300px;
	background: #17A34A url(../Images/GetAppBkgd.png) no-repeat left bottom;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #fff;
	padding:0;
	margin:10px 0 0 0;
}
	
	.sponsorContainer {
	position:relative;
	float:none;
	width:auto; 
	height:auto;
	padding:0 40px 0 0px;
	margin:0 0 0 0;
}
}

@media screen and (max-width:528px) {
	
.sponsorAppContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
	padding:0 0 0 25px;
}
	
a.appContainer {
	position:relative;
	display:block;
	float:right;
	width:80%;
	background: #17A34A url(../Images/GetAppBkgd.png) no-repeat left bottom;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #fff;
	padding:0;
	margin:10px 0 0 0;
}

.appText {
	position:relative;
	float:left;
	width:57%;
	text-align:right;
	margin: 17px 5% 0 0;
	height:104px;
	line-height:121px;
	padding:0;
}
.appIcon {
	position:relative;
	float:right;
	width:25%;
	text-align:left;
	margin: 9px 10% 0 0;
	height:112px;
	line-height:121px;
	padding:0;
}

	.sponsorContainer {
	position:relative;
	float:none;
	width:auto; 
	height:auto;
	padding:0 25px 0 0px;
	margin:0 0 0 0;
}

	.sponsorLogos {
	position:relative;
	float:none;
	width:100%;
	height:auto;
	padding:0 0 0 0;
	margin: 0 auto;
	text-align:left;
}

.frac {
	position: relative;
	float:right;
	width: 116px;
	height: 44px;
	margin: 45px 0 0 15px;
	padding:0;
}
.feedingAmerica {
	position: relative;
	float:left;
	width: 131px;
	height: 68px;
	margin: 17px 15px 0 32px;
	padding:0;
}
.sponsorText {
	position:relative;
	float:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#17A34A;
	width:100%;
	padding: 19px 0 0 0;
	line-height:1.6em;
}

.sponsorHead {
	font-size:18px;
	color:#0268ab;
	font-weight:bold;
} 
}






/*************** Video and Description Boxes**********************/

.videoDescContentContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
	padding: 40px 10% 50px 10%;
}

.videoDesc-flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: block;
  justify-content: space-between;
}


.desc-flex-item-one {
	color:#fff;
	font-size:20px;
	  line-height:1.8em;
  width: 100%;  
  height: auto;
  text-align: center;
  padding:0px;
  text-align:left;
}

.video-flex-item-two {
  width: 100%; 
  height: auto;
  line-height: 1.3em;
  color: #fff;
  font-weight: 400;
  text-align: center;
  padding:0 0;
  /*background:#000;*/
  margin:45px 0 0 0;
}

.introOrange {
	font-weight:bold;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-size:25px;
	color:#17A34A;
}

a.introButton {
	width: auto;
	text-align:center;
	line-height: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-size: 20px;  
	background: #17A34A;
	padding: 15px 20px;
	color: #fff;
	display: inline-block;
	text-decoration:none;
	margin: 30px 40px 0 0;
}

.video-responsive {
    overflow:hidden;
	padding-top:20%;
    padding-bottom:36%;
    position:relative;
}

@media screen and (max-width:717px) {
	.videoDescContentContainer {
	position:relative;
	max-width:1300px;
	margin:0 auto;
	padding: 40px 7% 50px 7%;
}
.desc-flex-item-one {
	color:#fff;
	font-size:18px;
	  line-height:1.6em;
  width: 100%;  
  height: auto;
  text-align: center;
  padding:0px;
  text-align:left;
}
.introOrange {
	font-weight:bold;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-size:23px;
	color:#17A34A;
}

a.introButton {
	width: 90%;
	text-align:center;
	line-height: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-size: 20px;  
	background: #17A34A;
	padding: 15px 20px;
	color: #fff;
	display: inline-block;
	text-decoration:none;
	margin: 20px 0 0 0;
}
}

/******************THREE BOX AREA***********************/

.threeBoxBkgd {
	position:relative;
	background-image:url(../../AHPC-2018%20-%20Copy/images/WoodTexture-turqoiseBkgd.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	padding: 0px 0;
	margin:0;
}


.threeBoxContainer {
	max-width:1370px;
	margin:0 auto;
	padding: 0;
}

.threeBox-flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: block;
  -webkit-flex-flow: row wrap;
    flex-wrap:wrap;
  justify-content: space-between;
}

.three-flex-item-one {
  width: auto; 
  height: auto;
padding:40px 20%;
    margin: 0;
	border-right: 0px;
	background-color: transparent;
}

.three-flex-item-two {
  width: auto; 
  height: auto;
 padding:40px 20%;
    margin: 0;
	border-right: 0px;
	background-color: #e8e8e8;
}

.three-flex-item-three {
  width: auto; 
  height: auto;
  padding:40px 20%;
    margin: 0;
	border-right: none;
	background-color: transparent;
}

.threeTitle h2 {
	text-align:center;
	font-size:32px;
	line-height:1.3em;
	margin: 0 0 8px 0;
}

.threeText {
	margin: 0 0 23px 0;
	line-height:1.5em;
	 font-size:18px;
}
@media screen and (max-width:792px) {
	.three-flex-item-one {
  width: auto; 
  height: auto;
padding:40px 10%;
    margin: 0;
	border-right: 0px;
	background-color: transparent;
}

.three-flex-item-two {
  width: auto; 
  height: auto;
 padding:40px 10%;
    margin: 0;
	border-right: 0px;
	background-color: #e8e8e8;
}

.three-flex-item-three {
  width: auto; 
  height: auto;
  padding:40px 10%;
    margin: 0;
	border-right: none;
	background-color: transparent;
}
}

@media screen and (max-width:792px) {
	.threeTitle h2 {
	text-align:center;
	font-size:26px;
	line-height:1.1em;
	margin: 0 0 8px 0;
}

.threeText {
	margin: 0 0 23px 0;
	line-height:1.4em;
	 font-size:17px;
}
}


/******************Latest News***********************/

.newsContainer {
	max-width:1300px;
	margin:0 auto;
	padding: 0 25px;
}

.latestNews {
	position:relative;
	float:left;
	width:77%;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-size:20px;
	margin:0 0 0 30px;
	line-height:1.5em;
	color:#fff;
}
.newsHeader {
	position:relative;
	float:left;
	width:110px;
	height:51px;
	margin:7px 0 0 0;
}

@media screen and (max-width:670px) {
	.latestNews {
	position:relative;
	float:left;
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-size:20px;
	margin:0 0 0 0px;
	line-height:1.5em;
	color:#fff;
}
.newsHeader {
	position:relative;
	float:none;
	width:137px;
	height:63px;
	margin:7px 0 20px 0;
}
}



/******************FOOTER***********************/


.footNavColOne {
	display:none;
}
.footNavColTwo {
	display: none;
}
.shareContainer {
	width:325px;
	position:relative;
	float:right;
	margin:45px 30px 0 50px;
}

@media screen and (max-width:784px) {
	.addressContainer {
	width:300px;
	position:relative;
	float:none;
	margin: 0;
}
	
	.shareContainer {
	width:325px;
	position:relative;
	float:none;
	margin:30px 30px 0 0px;
}
}