﻿@media screen and (max-width: 2250px) {
	
	.Header {
		background-size: 9%;
	}
}

@media screen and (max-width: 1900px) {

	.Header {
		background-size: 11%;
	}
	
	.ms-core-listMenu-horizontalBox {
		margin-left: 13%;
		width: 86%;
	}
	
	.ms-core-listMenu-horizontalBox li.static:first-child {
		width: 12% !important;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 2) {
		width: 15%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 3) {
		width: 20%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 4) {
		width: 17%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 5) {
		width: 14%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 6) {
		width: 11%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 7) {
		width: 11%;
	}

}

@media screen and (max-width: 1800px) {

}

@media screen and (max-width: 1700px) {

	.Header {
		background-size: 13%;
	}
	
	.ms-core-listMenu-horizontalBox {
		margin-left: 15%;
		width: 84%;
	}
	
	.s4-tn UL.dynamic {
		margin-left: -15%;
	}

}

@media screen and (max-width: 1600px) {
	
}

@media screen and (max-width: 1500px) {
		
	.footerWrapper {
		max-width: 95%;
	}

}

@media screen and (max-width: 1400px) {

	.Header {
		background-size: 14%;
		background-position: 1em;
	}	
	
	.s4-tn UL.dynamic {
		margin-left: -10%;
	}
	
	#footer {
		min-height: calc(75vw* .19);
	}

}

@media screen and (max-width: 1350px) {

}

@media screen and (max-width: 1300px) {

	.homeLink {
		width: 17%;
	}
	
	.s4-tn UL.dynamic {
		margin-left: -7%;
	}

	.footerWrapper {
		background: url('/Style%20Library/Images/PAALogo-White.png') calc(22%)/calc(5em + 15vmin) no-repeat;
	}

}

@media screen and (max-width: 1200px) {
	
	#footer {
		min-height: calc(75vw* .2)
	}
	
	.footerWrapper {
		background: url('/Style%20Library/Images/PAALogo-White.png') calc(20%)/calc(5em + 15vmin) no-repeat;
	}

}

@media screen and (max-width: 1150px) {
		
	.s4-tn li.static>.menu-item {
		font-size: 12pt;
		margin-top: 5%;
	}
	
	.ms-core-listMenu-horizontalBox li.static:first-child {
		width: 10% !important;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 2) {
		width: 14%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 3) {
		width: 23%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 4) {
		width: 18%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 5) {
		width: 15%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 6) {
		width: 9%;
	}
	
	.s4-tn.noindex.ms-core-listMenu-horizontalBox>ul>li.static:nth-child(n + 7) {
		width: 9%;
	}

}

@media screen and (max-width: 1100px) {
	
	#footer {
		min-height: calc(75vw* .21);
	}
	
	.footerWrapper {
		background: url('/Style%20Library/Images/PAALogo-White.png') calc(17%)/calc(5em + 15vmin) no-repeat;
	}
	
	.footerBottom {
		height: 50px;
	}

}


@media screen and (max-width: 1050px) {

	table.meetingSchedule {
		width: 90%;
	}
}


@media screen and (max-width: 1000px) {

	.Header {
		background-size: 12%;
		background-position: 0.5em;
	}
	
	.homeLink {
		width: 13%;
	}
	
	.ms-core-listMenu-horizontalBox {
		width: 89%;
		margin-left: 12%;
	}
		
	.s4-tn li.static>.menu-item {
		font-size: 11pt;
		margin-top: 7%;
	}
	
	#footer {
		min-height: calc(75vw* .23);
	}
	
	.footerWrapper {
		background: url('/Style%20Library/Images/PAALogo-White.png') calc(11%)/calc(5em + 15vmin) no-repeat;
	}

}


@media screen and (max-width: 900px) {

	.Header {	
		background-size: 25%;
	}
	
	.homeLink {
		width: 27%;
	}
	
	/*Menu Styles*/
	
	.ms-core-listMenu-horizontalBox {		
		display:none;
	}
	
	#nav {
        background: transparent !important;
    }       
    
    #mobileMenuToggle {
        height: 5.5em;
        line-height: 5.5em;
        width: 45px !important;
        display: block;
        overflow: hidden;
        margin-left: 8px;
        padding-left: 38px;
        z-index: 200;
      	position: absolute;
      	right: 0;
    }
        
    a#mobileMenuToggle::before {
		font: var(--fa-font-solid);
		content: " \f0c9";
		font-size: 3em;
		color: #58442f;
		height: unset;
		transform: none;
		visibility: visible;
		background-color: transparent;
		margin-bottom: 3.5%;
	}
    
    #mobileMenuToggle:link {
        color: #FFF !important;
    }
    
    #mobileMenuToggle:visited {
        color: #FFF !important;
    }
    
    #mobileMenuToggle:hover {
        text-decoration: underline;
    }
            
    #mobileMenu {
        display: none;
        margin: 0;
        padding: 0;
        background: #0c6e3b;
        margin-top: 0.5%;
    }
    
    #mobileMenu li {
        list-style: none;
        display: block;
        padding: 0;
    }
        
    #mobileMenu li a {
        color: #fff;
        font-weight: 600;
        display: block;
        line-height: 30px;
        margin: 0;
        padding: 3px 10px;
        background: #0c6e3b !important;
        border-bottom: 1px solid black;
    }
        
    #mobileMenu li a:hover {
        background: #009bcf;
    }
        
    .subMenu {
        display: none;
        padding: 0;
        border: none;
    }
        
    .subMenu li a {
        padding-left: 40px !important;
        line-height: 18px !important;
        border: none !important;
    }
        
    .submenuToggle {
        float: right;
        margin-top: -37px !important;
        background: transparent !important;
        border: none !important;
    }
        
    /* LOCAL NAVIGATION */
        
    #mobileMenuCurrent {
        padding: 4px;
    }
        
    #mobileMenuCurrent>span {
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 4px;
    }
        
    #mobileMenuCurrent select {
        max-width: 300px;
        overflow: hidden;
    }
        
    #mobileMenuCurrent option {}
    .ms-rteStyle-AutoSchedule {
        -ms-name: Auto Size Schedule;
        width: 100%;
    }
            
    /*#pageAreaLayout {
    	margin-top: 0px;
    }*/
    
	#headerNavigation {
		height: 6em;kmj
	}
	
	#nav {
		height: 35px !important;
		margin-top: -0.7%;
	}
	
	td#leftNav {
		display: none;
	}
	
	#footer {
		min-height: calc(75vw* .25)
	}
	
	.copyright {
		margin-top: 1.5%;
	}
		
}

@media screen and (max-width: 800px) {
	
	#footer {
		min-height: calc(75vw* .26)
	}
	
	.footerWrapper {
		background: url('/Style%20Library/Images/PAALogo-White.png') calc(7%)/calc(5em + 15vmin) no-repeat;
	}

}

@media screen and (max-width: 750px) {

	body {
		font-size: 10pt !important;
	}
	
	h1 {
		font-size: 20pt !important;
	}
	
	h2 {
		font-size: 15pt !important;
	}
	
	h3 {
		font-size: 13pt !important;
	}
	
	h4 {
		font-size: 11.5pt !important;
	}
	
	.btn, a span.ms-rteStyle-LinkButton {
		font-size: 11pt !important;
	}
	
	.homeLink {
		width: 32%;
		height: 6em;
	}
	
	#footer {
		min-height: calc(75vw* .28)
	}
	
	.collapsible-header-large {
		font-size: 14pt;
	}
	
	/*Callout Bar*/
	
	.calloutBarInner {
		display: block;
		text-align: center;
	}
	
	.calloutBarText {
		width: 100%;
		padding-right: 0;
	}
	
	.calloutBarButton {	
		width: 100%;
	}
	
	.calloutBar .btn {
		float: none;
	}
	
	/*Callout Bar Grey*/
	
	.calloutBarGreyInner {
		display: block;
		text-align: center;
	}
	
	.calloutBarGreyText {
		width: 100%;
		padding-right: 0;
	}
	
	.calloutBarGreyButton {	
		width: 100%;
	}
	
	.calloutBarGrey .btn {
		float: none;
	}


}

@media screen and (max-width: 700px) {

	#footer {
		min-height: calc(75vw* .3)
	}
	
	.footerWrapper {
		background: url('/Style%20Library/Images/PAALogo-White.png') calc(0%)/calc(5em + 15vmin) no-repeat;
	}
	
	.copyright {
		margin-top: 2%;
	}
	
	.growerAssocItem {
		flex: 0 1 calc( 92% / 3 );
	}

}

@media screen and (max-width: 600px) {

	.Header {
		background-size: 33%;
	}
	
	.homeLink {
		width: 36%;
	}
	
	#mobileMenuToggle {
		height: 5em;
	}
	
	a#mobileMenuToggle::before {
		font-size: 2.5em;
	}
	
	#footer {
		min-height: calc(75vw* .35)
	}
	
	.footerWrapper {
		width: 80%;
	}
	
	.footerlinks {
		padding-inline-start: 10%;
	}
	
	.footerWrapper {
		background: url('/Style%20Library/Images/PAALogo-White.png') calc(3%)/calc(5em + 15vmin) no-repeat;
		padding-bottom: 1.5%;
	}
	
	/*Responsive Table*/
	
	.responsiveTable {
	    border: 0;
	}
	
	.responsiveTable caption {
	    font-size: 1.3em;
	}
	  
	.responsiveTable thead {
	    border: none;
	    clip: rect(0 0 0 0);
	    height: 1px;
	    margin: -1px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    width: 1px;
	}
	  
	.responsiveTable tr {
	    border-bottom: 3px solid #ddd;
	    display: block;
	    margin-bottom: .625em;
	}
	  
	.responsiveTable td {
	    border-bottom: 1px solid #ddd;
	    display: block;
	    font-size: .8em;
	    text-align: right;
	}
	  
	.responsiveTable td::before {
	    /*
	    * aria-label has no advantage, it won't be read inside a table
	    content: attr(aria-label);
	    */
	    content: attr(data-label);
	    float: left;
	    font-weight: bold;
	    text-transform: uppercase;
	}
	  
	.responsiveTable td:last-child {
	    border-bottom: 0;
	}
	
	.growerAssocItem {
		flex: 0 1 calc( 95% / 2 );
	}
	
	table.meetingSchedule {
		width: 97%;
	}

}

@media screen and (max-width: 550px) {
	
	#footer {
		min-height: calc(75vw* .36)
	}
	
	.copyright {
		margin-top: 3.5%;
		font-size: 10pt;
	}
	
	.NASSItem {
		flex: 0 1 calc( 95% / 4 );	
	}

	
}

@media screen and (max-width: 515px) {
	
	table.meetingSchedule td:first-child {
		width: 35%;
	}
}


@media screen and (max-width: 500px) {

	.Header {
		background-size: 35%;
	}
	
	.homeLink {
		width: 41%;
		height: 4em;
		margin-top: 1.5em;
	}
	
	#footer {
		min-height: calc(75vw* .37)
	}
	
	.footerlinks {
		padding-inline-start: 8%;
	}
	
	.footerlinks p {
		font-size: 11pt;
	}
	
	/*Three Column Layout*/
	
	.threeColumn {
		flex-direction: column;
	}
	
	.threeColumn .column1, .threeColumn .column2, .threeColumn .column3 {
		width: 100%;
	}	
	
	/*Two Column Grid*/
	
	.twoColumnGrid {
		display: block;
	}
	
	/*Three Column Grid*/
	.threeColumnGridItem {
		flex: 0 1 calc( 94% / 2 );
	}
			
	/*Grower Associations*/
	
	.growerAssocItem {
		flex: 0 1 calc( 94% / 2 );
	}


}

@media screen and (max-width: 475px) {

	#footer {
		min-height: calc(75vw* .4);
	}
}

@media screen and (max-width: 450px) {
	
	#footer {
		min-height: calc(75vw* .44);
	}
	
	.footerWrapper {
		width: 95%;
		background: url('/Style%20Library/Images/PAALogo-White.png') calc(0%)/calc(5em + 15vmin) no-repeat;
	}
	
	table.meetingSchedule td:first-child {
		width: 42%;
	}

}

@media screen and (max-width: 400px) {
	
	/*Three Column Grid*/
	.threeColumnGridItem {
		flex: 0 1 calc( 98% / 1 );
	}
			
	/*Grower Associations*/
	
	.growerAssocItem {
		flex: 0 1 calc( 98% / 1 );
	}

}

@media screen and (max-width: 390px) {
	
	table.meetingSchedule td:first-child {
		width: 50%;
	}
}
