/* Global Styles (portrait) ----------- */
body {
	-webkit-text-size-adjust: none;
}

input[type="text"],
input[type="submit"],
button,
textarea {
	-webkit-appearance: none;
}

@media only screen and (max-width: 1295px) {
	.container,
	.wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	.container>.row {
		margin-left: -20px;
		margin-right: -20px;
	}
	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		padding-right: 20px;
		padding-left: 20px;
	}
	.homeBanner .bannerTitle {
		font-size: 3.5rem;
	}
	.get-updates-form ul.gform_fields>li.gfield input[type="text"] {
		width: 265px;
	}
	#header {
		padding-left: 20px;
	}
	#logo {
		width: 225px;
	}
	#headerPetition {
		width: 40%;
	}
	#headerPetition .petitionTitle {
		font-size: 1.46rem;
	}
	#headerPetition .petitionLabel {
		font-size: 1.13rem;
	}
	#headerPetition .petitionBx {
		height: 235px
	}
	.programRowTitle {
		font-size: 1.222rem;
	}
	.homePetitonForm {
		margin-left: -20px;
		margin-right: -20px;
	}
	.navPostTitle {
		font-size: 1.15rem;
	}
	#nextPrevPosts .navPostImgBx {
		width: 100%;
	}
	.prevPostBx,
	.nextPostBx {
		flex-wrap: wrap
	}
	.navPostImg {
		height: auto;
		padding-top: 60%
	}
	#footerLogo {
		width: 307px;
		margin-left: auto;
		max-width: 100%;
	}
}

@media only screen and (max-width: 1139px) {
	html {
		font-size: 16px
	}
	.homeBanner .bannerTitle,
	.bannerTitle .big {
		font-size: 2.975rem;
	}
	.bannerTitle {
		font-size: 2.55rem;
	}
	.bannerTxt {
		font-size: 1.1rem;
	}
	#header {
		padding-top: 25px;
		padding-bottom: 25px
	}
	#header-updates {
		display: none;
	}
	#footer-right {
		width: 260px;
	}
	.advantages-title,
	.sectionTitle {
		font-size: 1.5rem
	}
	.boardName {
		font-size: 1.32rem;
	}
	.boardPosition {
		font-size: 0.95rem;
		text-transform: capitalize;
	}
	.boardTxtBx {
		padding: 20px 0;
	}
	.petitionTitle {
		font-size: 1.8rem;
	}
	
}

@media only screen and (max-width: 939px) {
	.programRowTitle {
		font-size: 1.1rem;
	}
	#footer-donate {
		display: none;
	}
	#footer-widgets>.footer-widgets {
		padding-right: 40px;
	}
	.policyTitle {
		font-size: 1.5rem;
	}
	.petitionFormTitle {
		font-size: 1.275rem;
	}
	#headerPetition {
		width: 32%;
	}
	#headerPetition .petitionLabel {
		font-size: 0.9rem;
	}
	#headerPetition .petitionTitle {
		font-size: 1.1rem;
	}
	.petitionBtn .button {
		font-size: 0.8rem;
		letter-spacing: 0.1rem;
		height: 40px;
		line-height: 40px;
	}
	#pageBanner.aboutBanner {
		height: 400px;
	}
	.singleActionTitle {
		font-size: 1.95rem;
	}
	.joinFamilyTitle {
		font-size: 2.8rem;
	}
}

@media only screen and (max-width: 739px) {
	#headerPetition {
		display: none
	}
	#headerNav {
		padding-top: 150px;
	}
	#headerNav #footer-widgets {
		padding-right: 0;
	}
	#header {
		padding: 20px 10px;
		flex-wrap: wrap;
	}
	#logo {
		width: 100%;
		padding-bottom: 15px;
	}
	#logo a {
		display: block;
		width: 230px;
		margin: 0 auto;
	}
	#nav-toggle {
		padding-left: 0;
	}
	#headerSocial {
		font-size: 1.333rem;
	}
	#pageBanner {
		padding-top: 9.65rem
	}
	.homeBanner .bannerTitle,
	.bannerTitle .big {
		font-size: 2.5rem;
	}
	.bannerTitle {
		font-size: 2.16rem;
	}
	.newsTitle {
		font-size: 1.93rem;
	}
	.navPostTitle {
		font-size: 1.333rem;
	}
	#footer .container {
		justify-content: center;
		flex-wrap: wrap;
		text-align: center;
	}
	#footer-widgets {
		width: 100%;
		flex-grow: inherit;
	}
	#footer-right {
		width: 100%;
		text-align: center;
		padding-top: 40px;
	}
	#footerLogo {
		margin: 0 auto;
	}
	#footer-address {
		text-align: center
	}
	.postTitle {
		font-size: 2.1rem;
	}
	#pageBanner.historyBanner,
	#pageBanner.history-storyBanner {
		padding-top: 125px;
		height: 400px;
	}
	#footer-donate {
		display: block;
		width: 100%;
		padding: 0;
	}
	#headerRight {
		padding-left: 15px;
	}
	.section.sectionImgLeft,
	.section.sectionImgRight {
		padding-top: 0;
		padding-bottom: 2em;
	}
	.section.sectionImgLeft .sectionImg,
	.section.sectionImgRight .sectionImg {
		position: relative;
		width: 100%;
		height: 225px;
	}
	.section.sectionImgLeft .container,
	.section.sectionImgRight .container {
		padding-top: 2em;
	}
	.section.sectionImgLeft .sectionTxtBx,
	.section.sectionImgRight .sectionTxtBx {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.boardBio {
		padding: 24px;
	}
	.researchTitle {
		font-size: 1.5rem;
	}
	.researchIntroBx {
		padding: 1.2rem 1.4rem 1.2rem;
	}
	.r-sectionHeading {
		font-size: 1.05rem;
	}
	.r-sectionTitle {
		font-size: 1.25rem;
	}
	.researchSection {
		padding: 1.2rem 1.6rem 0.7rem 1.6rem;
	}
	.singleActionTitle {
		font-size: 1.68rem;
	}
}

@media only screen and (max-width: 767px) {
	#pageBanner.homeBanner-app-foundation {
		height: auto;
	}
	#pageBanner.homeBanner-app-foundation .col-sm-7 {
		-ms-flex: 0 0 60%;
		flex: 0 0 65%;
		max-width: 65%;
	}
	.legislativeTitle {
		font-size: 1.9rem;
	}
	.joinFamilyTitle {
		font-size: 2.3rem;
	}
}

@media only screen and (max-width: 575px) {
	#pageBanner.homeBanner-app-foundation .button {
		height: auto
	}
	#foundation-mission {
		padding-top: 0;
		padding-bottom: 2rem;
	}
	#foundation-mission .sectionImg {
		width: 100%;
		height: 225px;
		position: relative;
	}
	#foundation-mission .container {
		padding-top: 2rem;
	}
	#foundation-mission .sectionImg::before {
		display: none;
	}
	#foundation-vision {
		padding-top: 0;
		padding-bottom: 2rem;
	}
	#foundation-vision .sectionImg {
		width: 100%;
		height: 225px;
		position: relative;
	}
	#foundation-vision .container {
		padding-top: 2rem;
	}
	#foundation-vision .sectionImg::before {
		display: none;
	}
	body#single-states #pageBanner.homeBanner {
    background-image: url(../images/banner_texas_state_mob.jpg) !important;
    padding-top: 0;
    background-position: top center;
    background-size: auto 100vw;
}
body#single-states #pageBanner.homeBanner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100vw;
    background: linear-gradient(0deg, #fff 35%, rgba(0, 0, 0, 0) 90%);
    top: 0;
    left: 0;
}
	.bannerVid {
	padding-bottom: 1.5rem;
}
	body#single-states #pageBanner.homeBanner .col-12{padding-left: 5px; padding-right: 5px;}
}

@media only screen and (max-width: 539px) {
	.homeBanner .bannerTitle,
	.bannerTitle .big {
		font-size: 2rem;
	}
	.bannerTitle {
		font-size: 1.84rem;
	}
	.bannerTxt {
		font-size: 1rem;
	}
	.newsTitle {
		font-size: 1.55rem;
	}
	#header {
		position: relative;
	}
	#header:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: #fff;
	}
	#pageBanner.homeBanner,
	#pageBanner.aboutBanner,
	#pageBanner.homeBanner-app-foundation {
		padding-top: 240px;
		background-image: none !important;
		position: relative;
		padding-bottom: 50px;
		background-color: #fff;
	}
	#pageBanner.aboutBanner,
	#pageBanner.homeBanner-app-foundation {
		height: auto;
	}

	.legislativeTitle {
	font-size: 1.6rem;
}
	.donateOptions {
	flex-wrap: wrap;
}
	.donateOptions > li {
	width: 50%;
	padding-bottom: 20px;
}
	.donateOptions > li.other{width:100%}
	#pageBanner.aboutBanner::before{
		width: 100%;
		height: 200px;
		content: '';
		background-image: url(../images/banner_home_mob.jpg);
		position: absolute;
		left: 0;
		top: 0;
		background-position: right center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
	}
	#pageBanner.aboutBanner::before {
		background-image: url(../images/banner_about_mob.jpg);
	}
	#pageBanner.homeBanner-app-pac, #pageBanner.homeBanner,
	#pageBanner.homeBanner-app-foundation {
		padding-top:70vw;
		
	}
	#homeSlideshow {
		height: 62vw;
	}
	.homeSlide {
		background-position: right top;
		background-size: auto 100vw; -webkit-background-size: auto 100vw;
	}
	.homeBanner .col-9,
	#programsRow .col-6,
	#pageBanner .col-11,
	#pageBanner.aboutBanner .col-10,
	#pageBanner.homeBanner-app-foundation .col-9 {
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center;
	}
	#programsRow .col-6 {
		padding-bottom: 30px
	}
	.bannerBtns {
		justify-content: center;
		flex-wrap:wrap;
	}
	
	.bannerBtns .link {
		margin-left:0;
		margin-top: 2em
	}
	#research-news {
		padding-top: 20px;
	}
	#research-news .container .row {
		margin: 0 -22px;
	}
	.petitionBx .col-10 {
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center;
	}
	#home-petition ul.gform_fields>li.gfield.firstName,
	#home-petition ul.gform_fields>li.gfield.lastName,
	#home-petition ul.gform_fields>li.gfield.emailAddress,
	#home-petition ul.gform_fields>li.gfield.zipCode {
		width: 100%;
	}
	.petitionTitle {
		font-size: 1.555rem;
	}
	.petitionBx {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.petitionBx::before {
		display: none;
	}
	.petitionImg.in-desktop {
		display: none;
	}
	.petitionImg.in-mobile {
		display: block;
		position: relative;
		width: 100vw;
		height: 55vw;
		margin-left: -20px;
		margin-right: -20px;
	}
	.petitionImg.in-mobile:before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: linear-gradient(0deg, #6A6A6A 0%, rgba(255, 255, 255, 0) 67.72%);
		z-index: 2;
	}
	.petitionImg.in-mobile:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: linear-gradient(180deg, #FFFFFF 9.8%, rgba(255, 255, 255, 0) 76.47%);
		z-index: 1;
	}
	#get-updates .container {
		display: block
	}
	.get-updates-title {
		padding-right: 0;
		justify-content: center;
		padding-bottom: 10px;
	}
	.get-updates-form .gform_body {
		width: 100%;
	}
	.get-updates-form ul.gform_fields>li.gfield input[type="text"] {
		width: 100%
	}
	#footer #footer-mid-widgets,
	#footer #footer-right-widgets {
		display: none;
	}
	#footer-widgets>.footer-widgets {
		padding-right: 0;
		width: 100%;
	}
	#footer .widget-title {
		display: none
	}
	#headerNav {
		padding-top: 130px;
	}
	#headerNav .container {
		padding-left: 5px;
		padding-right: 5px
	}
	#headerNav .widget-title {
		text-transform: capitalize;
		font-size: 0.85rem;
	}
	#headerNav .footer-widgets ul {
		font-size: 0.85rem
	}
	#headerNav #footer-widgets>.footer-widgets {
		padding: 0 5px;
	}
	#pageBanner {
		padding-top: 2rem;
	}
	#categorySort .container {
		display: block;
	}
	#categorySortDropdown {
		padding-left: 0;
	}
	#categorySortDropdown select {
		width: 100%
	}
	.postImg {
		height: 200px;
		width: 100vw;
		margin-left: -20px;
		margin-right: -20px;
	}
	.postItemTitle {
		font-size: 1.39rem;
	}
	.nav-previous,
	.nav-next {
		display: none;
	}
	.postTitle {
		font-size: 1.78rem;
	}
	blockquote {
		padding: 20px;
		font-size: 1rem;
	}
	#nextPrevPosts {
		flex-wrap: wrap;
	}
	.prevPostBx,
	.nextPostBx {
		width: 100%;
	}
	#pageBanner.historyBanner,
	#pageBanner.history-storyBanner {
		padding-top: 40px;
		height: 370px;
	}
	#boardRow .col-6 {
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.resourceImg {
		height: 80px;
		margin-bottom: 10px;
	}
	.bannerTxt .button {
		margin: 2px 0.4rem;
		font-size: 0.7rem;
		padding: 0 15px;
		height: 40px;
		line-height: 40px;
	}
	#pageBanner.petitionsBanner {
		height: 220px;
		padding-bottom: 40px;
	}
	#main-petitions {
		padding: 0
	}
	#main-petitions .petitionBtn {
		padding-top: 15px;
	}
	#main-petitions .petitionBx {
		background: #fff;
		padding-bottom: 15px;
	}
	#pageBanner.singlePetitionBanner {
		padding-top: 50px;
		padding-bottom: 50px
	}
	#main-single-petition .container {
		display: block;
	}
	#main-single-petition::before {
		display: none;
	}
	.single-petition-txt {
		width: 100%;
		padding-right: 0;
	}
	.petiton-excerpt {
		font-size: 1.13rem;
		padding: 20px;
	}
	.single-petiton-form {
		width: 100vw;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}
	.singleActionTitle {
		font-size: 1.5rem;
	}
	.singleActionBx .actionDesc {
		font-size: 0.95rem;
	}
}

@media only screen and (max-width: 369px) {
	#headerDonate .btn-lg {
		font-size: 0.8rem;
		padding: 0 0.7rem;
		height: 35px;
		line-height: 35px;
	}
	#headerSocial {
		padding-right: 15px;
	}
}