/* Global Styles (portrait) ----------- */
body {
	-webkit-text-size-adjust: none;
}
input[type='text'],
input[type='submit'],
button,
textarea {
	-webkit-appearance: none;
}
#toggle-menu {
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.33em;
	padding: 0;
	position: relative;
	text-transform: uppercase;
}
#toggle-menu span {
	display: inline-block;
	vertical-align: middle;
}
#toggle-menu::before {
	content: '\f0c9';
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin-left: 8px;
	margin-right: 8px;
	color: #cf202d;
	font-size: 1.33em;
	vertical-align: middle;
}

@media only screen and (max-width: 1100px) {
	#headerSide {
		width: 24%;
	}
	#pageArea {
		min-width: inherit;
		width: 76%;
	}
	.blogPostTitle {
		font-size: 1.4em;
	}
	.legendItems {
		font-size: 0.85em;
	}
	.blogVotesHalf .legendItem {
		font-size: 0.85em;
	}
}
@media only screen and (max-width: 1139px) {
	#logoQuote {
		width: 34%;
	}
	.slideHeadline {
		font-size: 3.33em;
	}
	#pageBanner.home-banner .bannerTab {
		height: 673px !important;
		padding-top: 180px;
		padding-bottom: 25px;
	}
	body.home #signupBarForm {
		display: block;
		padding-top: 22px;
		padding-bottom: 10px;
	}
	body.home #signupBarFormTitle {
		float: none;
		text-align: center;
		padding-bottom: 0.32em;
	}
	body.home #signupBarFormForm {
		width: 100%;
		padding: 0;
	}
	#homeSlider .flex-control-nav {
		bottom: 4%;
	}
	#headerSideTop.flex {
		display: block;
		position: relative;
		height: 100%;
	}
	#headerSideTop:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: ' ';
		clear: both;
		height: 0;
	}
	#headerTopBx {
		padding: 0;
		background-image: url(../images/headerSide_bg_mob.png);
		height: 100%;
	}
	#siteArea.flex {
		display: block;
		height: 100%;
	}
	#headerSide {
		width: 100%;
		max-width: inherit;
	}
	#pageArea {
		width: 100%;
	}
	#headerSideSearch {
		display: none;
	}
	#headerSideLogo {
		padding: 0;
		width: 184px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	#headerSideLogo .hdrLogoD {
		display: none;
	}
	#headerSideLogo .hdrLogoM {
		display: block;
	}
	#headerSideJoin {
		width: 19.3%;
		float: right;
	}
	#headerSideJoin a.joinBtnHeaderSide {
		font-size: 1.333em;
		border-radius: 0 0 0 17px;
		height: 58px;
		line-height: 58px;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	#headerSideJoin a.renewBtnHeaderSide {
		position: relative;
		margin-top: 10px;
		display: block;
	}
	#headerSideSocial {
		padding-left: 20px;
		width: auto;
		float: left;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	#headerSideNav {
		padding: 0;
		position: absolute;
		top: 0 !important;
		transform: translateY(-50%);
		left: 0;
		font-size: 1em;
	}
	#headerSideNav #toggle-menu {
		display: block;
	}
	#headerSideNav ul.desktopMenu {
		position: absolute;
		display: none;
		text-align: left;
		right: 0;
		width: 180px;
		background: #12254b;
		z-index: 5;
		font-size: 0.85em;
		font-weight: 500;
	}
	#headerSideNav ul.desktopMenu > li {
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	}
	#headerSideNav ul.desktopMenu > li > a {
		padding: 8px 16px;
	}
	#headerSideNav ul.desktopMenu > li > a:hover {
		background: rgba(255, 255, 255, 0.1);
	}
	#footer {
		padding: 40px 25px 60px;
	}
	#containerBx {
		border-left: none;
	}
	#checkoutBar {
		border-left: none;
	}
	ul.desktopMenu > li > ul:before {
		display: none;
	}
	ul.desktopMenu > li > ul {
		display: block !important;
		position: relative !important;
		opacity: 1 !important;
		height: auto !important;
		width: 100%;
		top: 0;
		left: 0;
	}
	.homeSlideImgBg {
		width: 380px !important;
		height: 380px !important;
	}
	.homeSlideImgBx {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
}
@media only screen and (max-width: 939px) {
	#header .wrapper {
		padding-left: 20px;
	}
	#logo {
		width: 140px;
	}
	#logoQuote {
		width: 28%;
		padding-left: 20px;
	}
	.logoQuoteTxt {
		font-size: 1em;
	}
	.logoQuoteCite {
		font-size: 1.03em;
	}
	#headerSocial {
		font-size: 1.3em;
		padding-right: 1.2em;
		padding-top: 1.2em;
	}
	#headerBtns {
		width: 170px;
	}
	#headerJoin > a {
		font-size: 1.1em;
	}
	#headerDonate > a {
		font-size: 1em;
		padding: 12px 5px;
		line-height: 22px;
	}
	#headerRenew a {
		font-size: 0.8em;
	}
	.signNeedTag span {
		font-size: 1.08em;
	}
	.slideHeadline {
		font-size: 2.83em;
	}
	#pageBanner.home-banner .bannerTab {
		height: 500px !important;
		min-height: inherit;
		padding-top: 170px;
	}
	.homeSlideImgBx {
		width: 39%;
		padding-left: 20px;
	}
	.homeSlideTxt.slideWithImg {
		padding-right: 20px;
	}
	.slideBtnLinks .button,
	.slideBtnLinks .slideLink {
		font-size: 1em;
		line-height: 1em;
		text-transform: capitalize;
	}
	#homeSlider .flex-control-nav {
		bottom: 10px;
	}
	.homeSlideTxt.slideWithoutImg {
		padding-left: 15px;
		padding-right: 15px;
	}
	body.home #signupBarForm {
		padding-left: 20px;
		padding-right: 20px;
	}
	#footer {
		display: block;
	}
	#footerLeft {
		float: none;
		width: 100%;
		text-align: center;
	}
	#footerRight {
		float: none;
		width: 100%;
		padding-top: 45px;
	}
	#footerWidgets ul {
		font-weight: 500;
		font-size: 1em;
	}
	.singlePostTitle {
		font-size: 1.98em;
	}
	.sectionTitle {
		font-size: 1.36em;
	}
	#pageBanner .bannerTab {
		padding-top: 200px;
		padding-bottom: 40px;
	}
	.title {
		font-size: 1.8em;
	}
	.blogPostBx.flex.withFeaturedImg {
		display: block;
	}
	.blogPostFeaturedImg {
		width: 100%;
		padding-top: 50%;
	}
	.withFeaturedImg .blogPostBxIn {
		width: 100%;
	}
	.blogPostDesc {
		font-size: 1em;
	}
	#signupBarFormForm {
		padding-left: 20px;
		padding-right: 20px;
	}
	.ratingAlpha {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 2.4em;
	}
	.ratingsInfo {
		padding-right: 10px;
	}
	.ratingBlogPostBx .blogPostTitle {
		font-size: 1.19em;
	}
	.ratingBlogPostBx .blogPostBxIn {
		padding: 15px;
	}
	#legendBar {
		padding-left: 15px;
		padding-right: 15px;
		display: block;
	}
	.legendLable {
		letter-spacing: 0;
		padding-right: 0;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #cfcfcf;
		padding-bottom: 5px;
		margin-bottom: 8px;
		text-align: center;
	}
	.legendItems.flex {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	.legendExplore {
		padding-left: 0;
		text-align: center;
		padding-bottom: 5px;
	}
	.postTags,
	.ratingTags {
		font-size: 0.65em;
	}
	.votesPostGrid .blogPostTitle {
		font-size: 1.2em;
	}
	.blogVoteDesc {
		width: 24%;
		padding-right: 15px;
	}
	.issuePostGrid .withFeaturedImg .blogPostBxIn {
		width: 50%;
		padding: 20px 20px 1px 20px;
	}
	.issuePostGrid .blogPostFeaturedImg {
		width: 35%;
		padding-top: 0;
	}
	.tileGridTitle.blogPostTitle {
		font-size: 1.1em;
	}
	.homeSlideImgBg {
		width: 250px !important;
		height: 250px !important;
	}
	.homeSlideImgBx {
		align-items: center;
	}
}
@media only screen and (max-width: 1000px) {
	#logo {
		width: 100px;
		padding-top: 10px;
	}
	#headerJoin > a {
		font-size: 1em;
		padding: 14px 5px;
	}
	#headerSocial {
		padding-right: 20px;
		padding-top: 15px;
	}

	#logoQuote {
		position: absolute;
		bottom: 0;
		left: 120px;
		width: 230px;
		padding-left: 15px;
		padding-top: 0;
	}
	.logoQuoteTxt,
	.logoQuoteCite {
		font-size: 0.8em;
		font-weight: 600;
	}
	.slideHeadline {
		font-size: 2.4em;
	}
	#pageBanner.home-banner .bannerTab {
		height: 640px !important;
		min-height: inherit;
		padding-top: 140px;
		padding-bottom: 40px;
	}
	body.home #signupBarFormTitle {
		font-size: 1.18em;
		padding-bottom: 0.6em;
	}
	#signupBarFormForm form {
		position: relative;
	}
	#signupBarFormForm .gform_body {
		width: 100%;
		float: none;
	}
	ul.gform_fields > li.gfield.signupname,
	ul.gform_fields > li.gfield.signupemail,
	ul.gform_fields > li.gfield.signupzip {
		width: 50%;
	}
	#signupBarFormForm .gform_footer {
		width: 50%;
		float: none;
		padding-left: 6px;
		position: absolute;
		bottom: 12px;
		right: 0;
	}
	#headerSideLogo {
		left: 20px;
		transform: translate(0%, -50%);
	}
	#headerSideJoin {
		width: 120px;
		float: right;
	}
	#headerSideSocial {
		right: 140px;
		top: 30px;
		margin-right: -6px;
	}
	#headerSideNav {
		top: inherit;
		/*bottom: 20px;*/
		transform: translateY(0);
		right: 140px;
	}
	#headerSideJoin a.joinBtnHeaderSide {
		font-size: 1.1em;
	}
	#main.flex {
		display: block;
	}
	#container {
		width: 100%;
	}
	.section {
		border-left: none;
	}
	.section.sectionImgLeft,
	.section.sectionImgRight {
		padding-top: 40%;
		padding-bottom: 0;
		background-position: top left;
		background-size: 175% auto;
	}
	.section.sectionImgRight {
		background-position: right top;
	}
	.section.sectionImgLeft .wrapper,
	.section.sectionImgRight .wrapper {
		padding-top: 25px;
		padding-bottom: 25px;
		background-color: #fff;
	}
	.section.sectionImgRight.sectionSecondAmendment .wrapper {
		background-color: #f3f3f3;
	}
	.sectionTxtBx {
		width: 100%;
		float: none;
	}
	.sectionTxtBx.right {
		float: none;
	}
	.sectionTxtBx.wide {
		width: 100%;
	}
	.aboutGOAlogo {
		width: 240px;
	}
	.testimonialsQuote,
	.testimonialsName {
		font-size: 1.17em;
	}
	.row.archivePostsRow .grid6 {
		width: 100%;
	}
	#containerBx {
		padding-left: 15px;
		padding-right: 15px;
	}
	.votesPostGrid .blogPostBxIn {
		padding: 15px;
		display: block;
	}
	.blogVoteDesc {
		width: 100%;
		padding-right: 0;
		border-right: none;
		border-bottom: 1px solid #cfcfcf;
		padding-bottom: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	.blogVoteItems {
		width: 100%;
		flex-grow: 1;
		padding-left: 0;
	}
	.blogVotesHalf .legendItem {
		font-size: 0.8em;
		font-weight: 500;
	}
	.legendItems.flex {
		padding-left: 0;
		padding-right: 0;
		font-size: 0.8em;
		font-weight: 500;
	}
	.issuePostGrid .blogPostBx.flex.withFeaturedImg {
		display: block;
	}
	.issuePostGrid .blogPostFeaturedImg {
		width: 100%;
		padding-top: 50%;
	}
	.issuePostGrid .withFeaturedImg .blogPostBxIn {
		width: 100%;
	}
	.archiveProductImg {
		/*height: 250px;*/
	}
	.title {
		font-size: 1.5em;
	}
	.in-desktop {
		display: none;
	}
	.tileGridBtn .button {
		padding: 6px 10px;
		font-size: 0.75em;
	}
	.tileGridBxTxt {
		padding: 10px 10px 15px 10px;
	}
	.tileGridTitle.blogPostTitle {
		font-size: 0.84em;
	}
	.homeSlideImgBg {
		width: 180px !important;
		height: 180px !important;
	}
}
@media only screen and (max-width: 539px) {
	#mobileNav {
		left: inherit;
		bottom: 100%;
	}

	@media (max-width: 700px) {
		#mobileNav {
			width: 100%;
		}
	}

	#mobileNav.navActive {
		top: 62px;
	}
	#headerSocial {
		display: none;
	}
	.homeSlide.flex {
		display: block;
	}
	.homeSlideImgBx {
		width: 200px;
		margin: 0 auto;
		padding-left: 0;
		padding-bottom: 20px;
		height: 220px;
	}
	.homeSlideImgBg {
		width: 200px !important;
		height: 200px !important;
	}

	.homeSlideTxt.slideWithoutImg,
	.homeSlideTxt.slideWithImg {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
		width: 100%;
	}
	.slideHeadline {
		font-size: 1.5em;
		line-height: 1.1em;
	}
	.slideBtnLinks .button,
	.slideBtnLinks .slideLink {
		display: inline;
	}
	.slideBtnLinks a.button:after,
	.slideBtnLinks a.slideLink:after,
	.slideBtnLinks a.slideLink:before,
	.petitonLinks a.button:after,
	a.petitonMr:after,
	a.petitonMr:before {
		content: '\A';
		white-space: pre;
	}
	.slideBtnLinks .slideLink {
		margin-top: 10px;
		margin-left: 0;
	}
	.signNeedTag span {
		font-size: 0.9em;
		border-width: 2px;
	}
	#header .wrapper {
		padding-left: 15px;
	}
	#headerBtns {
		width: 145px;
		position: relative;
		z-index: 2;
	}
	#headerJoin > a,
	#headerDonate > a {
		font-size: 0.85em;
		line-height: 22px;
		padding: 7px 5px;
	}
	#logoQuote {
		display: none;
	}
	#headerSideLogo {
		left: 15px;
		width: 120px;
		transform: translate(0);
		top: 15px;
	}
	#headerSideJoin {
		width: 104px;
		float: right;
	}
	#headerSideJoin a.joinBtnHeaderSide {
		font-size: 1em;
		padding-left: 10px;
		padding-right: 10px;
	}
	#headerSideNav {
		left: 15px;
		bottom: 12px;
		right: inherit;
	}
	#headerSideNav ul.desktopMenu {
		left: 0;
		right: inherit;
	}
	#headerSideSocial {
		right: 110px;
		top: inherit;
		margin-right: 0;
		bottom: -2px;
		left: inherit;
		padding: 0;
	}
	#toggle-menu::before {
		content: '\f0c9';
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		margin-right: 5px;
		color: #cf202d;
		font-size: 1em;
		vertical-align: middle;
	}
	#toggle-menu::after {
		display: none;
	}
	#footerWidgets .grid4 {
		width: 100%;
		padding-bottom: 30px;
	}
	#footerRight {
		padding-top: 25px;
	}
	.singlePostTitle {
		font-size: 1.68em;
	}
	.singlePostShare a {
		padding: 7px 15px;
	}
	.singlePostShare ul li {
		margin-right: 5px;
	}
	#pageBanner .bannerTab {
		padding-top: 140px;
		padding-bottom: 35px;
	}
	.shortPostTitle {
		font-size: 1.15em;
	}
	.shortPostBx.flex {
		padding: 15px;
		display: block;
	}
	.shortPostTxtBx {
		width: 100%;
		padding-right: 0;
		padding-bottom: 10px;
	}
	.shortPostBtn .button {
		padding: 8px 22px;
	}
	.section.sectionAboutWhatTheySay {
		background-image: none !important;
	}
	.whatSayTitle {
		font-size: 1.6em;
	}
	.testimonialsQuote,
	.testimonialsName {
		font-size: 1.1em;
		line-height: 1.4em;
	}
	#signupBarFormTitle {
		font-size: 1.17em;
	}
	.ratingProfileImg {
		width: 75px;
	}
	.legendItems.flex {
		display: block;
	}
	.legendItem {
		padding: 3px 0;
	}
	.blogPostBxIn .blogVotesHalf {
		width: 100%;
	}
	.blogVoteItems.flex {
		display: block;
	}
	.archiveProductImg {
		/*height: 120px;*/
	}
	.productsRow .grid6 {
		width: 100%;
	}
	#tilesRow .grid4 {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.tileGridImg {
		padding-top: 120px;
	}
}

@media (max-width: 600px) {
	.joinMemberItem.flex {
		width: 100%;
		padding: 25px 0;
		border-bottom: 1px solid #bbbbbb;
		align-items: center;
		text-align: center;
		display: block;
		width: 100%;
	}

	.joinMemberForm {
		width: 100%;
		/* flex-grow: 1; */
		padding-left: 0;
		text-align: center;
	}

	.joinMemberTitle {
		margin-bottom: 0;
	}

	.joinMemberForm form.cart {
		display: block;
	}

	body .joinMemberForm table.variations select {
		width: 100%;
	}

	body .joinMemberForm table.variations {
		width: 100%;
		margin-top: 20px;
	}
}