/* Custom css for politifact membership */
/*Fixes for converting from WordPress To Django JTS*/
.main{
	width: 100%;
}
.main h1,h4 {
	display: none;
}
br {
	display: none;
}
.aside {
	display: none;
}
.center {
    margin: auto;
    width: 50%;
    padding: 10px;
	text-align: center;
}

img.center {
    display: block !important;
    margin: 0 auto;
}
.flatpage__content img {
    display: inline;
}

.anniversary {
    margin-bottom: 0em;
}
/*End Fixes JTS*/

.sectionHeader {
	text-align:center;
	letter-spacing: 4px;
	font-weight: bold;
	color: gray;
	font-size: 30px;
}
hr {
	background:black;
	border: none; 
	color: black; 
	display: block; 
	height: 1px; 
	width: 100%;
	clear:both;
}
.benefitLineBreak {
	background:grey;
	border: none; 
	color: grey; 
	display: block; 
	height: 1px; 
	width: 100%;
	clear:both;
}

/*Header Section CSS */
.headerSection {
}
.headerSectionImage {
	text-align: center;
	padding: 20px 0px 20px 0px;
}
.headerSectionText {
	padding: 20px 0px 20px 0px;
}

/* Member Levels Section CSS*/
.membershipSection {
}

.membershipLevel {
}

.membershipItemTitle {
	text-align:center;
	letter-spacing: 4px;
	font-weight: bold;
	font-size: 20px;
}

.membershipItemAmount {
	text-align:center;
	letter-spacing: 2px;
	font-weight: bold;
	color: gray;
}

.membershipItemDescription {
}

.membershipItemBullet {
}

/* Benefit Section CSS*/
.benefitSection {
	margin-top: 20px
}

.benefitItem {
}

.benefitHeading {
	font-weight: bold;
	margin-bottom: 0em;
}

.benefitImage {
	padding-left:10px;
}

.content {
	padding: 1em 15px 1em 15px;
}

body {
	font-family: sans-serif;
	font-size: 1.3em;
}

.btn {
	white-space:normal;
	word-break: normal;
}

.main-body {
	padding: 0px 100px 0px 100px;
}

.secondJoin {
    background: #fff;
    border:none;
    font-size: 22px;
    padding: 4px 10px 9px;
    background-color: #ff7c1b;
    color: #fff;
    margin-right: 8px;
}

.secondJoinDiv {
 text-align: center;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.main-body {
	padding: 0px 25px 0px 25px;
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
.main-body {
	padding: 0px 25px 0px 25px;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
.main-body {
	padding: 0px 25px 0px 25px;
}
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.main-body {
	padding: 0px 25px 0px 25px;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.main-body {
	padding: 0px 25px 0px 25px;
}
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
.main-body {
	padding: 0px 100px 0px 100px;
}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
.main-body {
	padding: 0px 100px 0px 100px;
}
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.main-body {
	padding: 0px 20px 0px 20px;
}
}