/**** where most of the ASACP stuff is ****/
.asacp-default * { 
	font-size: 20px;
}

.footer .description {
	color: #ddd;
}

.footer .description a {
	color: #fff;
	font-weight: 600;
}

.banner {
    background-image: url(../img/ASACPHeartHands_dark2_cropped.jpg);
}

img.waiting {
	max-width: 120px;
	margin: 120px;
}
div.waiting {
	margin-top: -60px;
	margin-bottom: 60px;
    color: #166fb3;
}

h3.sponsorlist-main-title,
.asacp-default h2 a,
.asacp-default h2,
.asacp-default h3, .h3 {
	font-size: 32px;
    color: #166fb3;
}

.asacp-default a {
	/* font-weight: 700; */
	cursor: pointer;
}

.asacp-default h2 {
	font-size: 36px;
	margin-bottom: 30px;
}

h3.content.sponsor-benefits.spacer {
	margin: 0;
	padding: 0;
	height: 0;
}

div.sponsor-benefits-end {
	height: 80px;
}

.sponsorlist h3.title,
h3.sponsorlist {
	font-size: 24px;
}
h3.sponsorlist-main-title {
	font-size: 32px;
}

div.report-link {
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
}

.submit-creator-button, 
.submit-report-button {
  font-variant: small-caps;
  border: 1px solid;
  background-color: #f38c2e;
  height: 50px;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  width: 98%; 
}
.clear-creator-button {
  font-size: 21px;
  height: 50px;
  float: left;
}
.submit-creator-button {
  float: right;
  width: 75%;
}

div.legacy-page {
	max-width: 90%;
}

ul#best_practices_ul1 {
	list-style-type: none;
	padding: 0;
}

ul#best_practices_ul1 li {
	text-align: center;	
}

.floatleft { float: left; }
.floatright { float: right; }
.floatnone { clear: both; }
.content { text-align: left; }
.content.spacer { text-align: center; padding-left: 14px; padding-right: 20px; }
.content.article.title { text-align: center; font-weight: bolder; padding-bottom: 20px; }
.content h2,
.content h3 { 
	text-align: center; text-transform: uppercase; 
}

#donate-top {
	text-align: center;
	max-width: 992px;
}

.asacp-default h1.donation {
	font-style: italic;
	font-weight: bold;
	font-size: 40px;
}

h4.donate.emph, h4.donation.emph, .donation.emph, .donate.emph {
	font-size: 20px;
	font-style: italic;
}
h3.donation {
	font-size: 32px;
}
h4.donation,
h2, h2.donation, 
h2.donation.subtitle {
	font-size: 32px;
}
.content.donation.ital {
	font-size: 16px;
	text-align: center;
}

.donation,.content.donation,.content.donation.ital {
	margin-top: 15px;
	margin-left: 17px;
	margin-right: 20px;
}

.donation.difference {
	margin-top: 25px;
	font-style: italic;
}

table.donation.donate {
	margin-top: 10px;
}

.donation.emph {
	font-weight: bold;
	font-style: italic;
}

.donation.donoramt {
	margin-top: 12px;
	/* font-size: 13px; */
}

div.donation.banner {
	border: 1px #064861 solid;
	margin: 5px;
	padding: 5px;
}

div.donation td {
	padding-left: 40px;
	padding-right: 40px;
}

.donation.ital, donation.ital a {
	font-style: italic;
}

h1.donation {
}

h2, h2.donation {
	letter-spacing: 0;
}

ul.donation {
}

ul.donation li {
	padding-bottom: 8px;
}

a:hover {
	font-weight: inherit;
}
h2.difference {
	margin-top: 50px;
	padding-bottom: 0;
 	margin-bottom: 0;
}
h4.paypal {
    color: #166fb3;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 3px;
	margin-left: -10px;
	padding: 0;
	text-transform: none;
	font-size: 24px;
	font-weight: bold;
}
div.donation-box {
	padding-top: 25px;
	padding-bottom: 25px;
}

/* for the actual page - needed for opera for e.g. */
#report-page-top {
	text-align: left;
	max-width: 660px;
	/* margin-left: 52px; */
}

div.sponsorlist-logos {
	padding-bottom: 30px;
}

div.sponsorlist-row {
	text-align: left;
}
.sponsorlist-outer-wrapper {
	margin-left: 5px; 
	margin-right: 5px; 
	display: inline;
}
.sponsorlist-tb-wrapper {
	margin-top: 0px;
	text-align: center;
}
table.sponsorlist-tb {
	padding: 0;
	margin: 0;
	width: 570px;
	border: 0;
}
td.sponsorlist-title {
	text-align: center;
	margin: 0px; 
	padding: 0px;
}
.sponsorlist-info {
	margin: 10px 0px 5px 15px; 
	padding: 0px;
}
td.sponsorlist-logos {
	text-align: center;
	vertical-align: top;
}
div.sponsorlist-logos {
	margin-top: 10px; 
	margin-bottom: 10px;
	text-align: center;
}

.content.sponsorlist {
	text-align: center;
}

.content.sponsorlist h3 {
     padding: 10px;
	 margin-top: 30px;
}

.content.sponsorlist table {
	max-width: 600px;
	clear: both;
}

.detail.council img,
.detail.staff img,
.content.sponsorlist img {
	max-width: 120px;
}

.detail.council .photo,
.detail.staff .photo,
.content.sponsordetail .logo {
	padding: 10px;
	text-align: center;
}
.detail.council .name,
.detail.staff .name,
.content.sponsordetail .name {
	color: #63aab5;
	font-weight: bolder;
	text-align: center;
}
.detail.council .role,
.detail.staff .role,
.content.sponsordetail .level {
	color: #999999;
	text-align: center;
	padding-bottom: 10px;
}
.detail.council .blurb,
.detail.staff .blurb,
.content.sponsordetail .blurb {
}

li.content.memberlist.foldheader {
	cursor: pointer;
}

.social-links {
	margin-right: -24px;
}

.content.award .quote,
.content.award .text {
	font-size: smaller;
}

.content.award .quote {
	font-style: italic;
}

.content.award .title {
	font-weight: 700;
	color: #63aab5;
	text-align: center;
	padding: 10px 10px;
}
#awards_div2 {
	max-width: 1092px;
	padding-left: 150px;
}

/* for styles in modal windows using ids is the easiest way to find things */
#emailinstructions .title {
	font-size: larger;
	text-align: center;
	padding-bottom: 10px;
	font-weight: 700;
}

#emailinstructions .subtitle {
	text-align: center;
	padding: 5px 5px;
	font-weight: 700;
}

#emailinstructions .note {
	font-style: italic;
	padding-left: 20px;
}

.section ul, .section ol {
	padding: 20px 0px 20px 50px;
}

.section h2,
.section h3 {
	padding: 20px 10px 10px 10px;
}

.legacy-page div:not(.modal.show),
.legacy-page table {
	max-width: 992px;
}

.content.awards h3 {
	padding: 40px 10px 10px 0px;
	margin-bottom: -20px;
}

.content.awards td.img {
	width: 20%;
	text-align: right;
}

li.faq a {
	font-weight: 700;
}
li.faq p a {
	font-weight: 400;
}
ol.faq.answers {
	padding-bottom: 5px;
	padding-top: 10px;
}
ol.faq {
	padding-left: 10px;
}

ol.faq.questions li a {
	font-weight: 400;
}
ol.faq.questions li a:hover {
	font-weight: 700;
	text-decoration: none;
}

.content.article.title {
	padding-top: 20px;
}

.content.memberdetail ul {
	max-width: 500px;
}

ul.content.members {
    max-width: 240px;
	text-align: center;
	list-style-type: none;
}

div.content.member.disclaimer {
	font-size: smaller;
	padding-top: 30px;
}

#members_div4 {
	text-align: left;
}

div.content.statistics {
	max-width: 992px;
}

.stat-item {
	clear: both;
	padding: 5px;
}

.stat-data {
	float: right;
	font-weight: 700;
}
.stat-year {
	padding-right: 10px;
	font-weight: 700;
}
h3.stat-subtitle {
	font-size: 24px;
	padding-top: 44px;
}
.stat-per-month {
}
.stat-label {
}
.stat-data-date {
	font-weight: 700;
	float: right;
	text-decoration: underline;
	padding-top: 10px;
}
#stat-preamble {
}
#stat-summary {
	max-width: 440px;
	text-align: left;
	padding-bottom: 30px;
}
#stat-yearly {
	max-width: 330px;
	text-align: left;
}

#stat-footer {
	font-size: 13px;
	font-style: italic;
	padding-top: 20px;
}

.content.statistics img {
	max-width: 600px;
}

div.content.statistics.title {
	padding-top: 30px;
}

ul#what-we-do {
	padding-left: 30px;
}

ul#ul-sponsors,
ul#ul-news,
ul#ul-parents,
ul#ul-resources,
.navbar-nav .dropdown-menu {
	background: #fff;
}

.navbar-nav .dropdown-menu li, 
.navbar-nav .dropdown-menu a {
	color: #fff;
	background-color: #000; 
	padding-left: 5px;
	padding-right: 5px;
}

.navbar-nav .dropdown-menu li a:focus,
.navbar-nav .dropdown-menu li a:hover {
	color: rgba(255, 255, 255, .75);
	text-decoration: none;
}

ul#best_practices_ul1 {
	margin-top: 40px;
	margin-bottom: 100px;
	margin-left: 10px;
}
ul#best_practices_ul1 li {
	padding: 3px;
}

div#webmaster-sub {
	padding: 10px;
	text-align: center;
}

h4.content.webmasters {
	text-align: center;
	padding-top: 10px;
    color: #166fb3;
	font-weight: 400;
}

ul.content.webmasters {
	max-width: 992px;
	list-style: none;
}

/* for news with images */
p.MsoNormal img {
	padding-right: 10px;
}

/* start of application form stuff */
#renew p, #renew li,
#content-apply-top p
#apply-preamble p,
#apply-preamble li,
#instr p, #instr li,
#content-apply-top li {
	/* font-size: 14px; */
}

#renew-form p,
.renew-input,
#renew-input,
#apply-form p,
.apply-input {
	/* font-size: 13px; */
}

#websites p {
	padding-left: 5px;
	padding-right: 5px;
}

#renew-form h4, 
#apply-form h4, 
#content-apply-top h4 {
	/* font-size: 16px; */
	font-weight: 400;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.content.apply h3, 
h3.content.apply {
	/* font-size: 21px; */
	font-weight: 700;
	padding: 10px;
}

div.apply-input,
div.renew-input,
div#renew-input {
	padding: 10px;
}

div#diamond-logo {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 10px;
    color: #63aab5;
}

div#diamond-logo div {
	font-size: 15px;
	font-style: italic;
}

div#diamond-logo img {
	max-height: 150px;
}

div#apply-preamble {
	padding-top: 40px;
}
div#instr,
div#renew {
	padding-top: 20px;
}

div#instr,
div#renew,
div#apply-preamble {
	padding-bottom: 30px;
}

div#payment,
div#apply-preamble h4 {
	font-weight: 700;
	text-transform: uppercase;	
}
div#apply-preamble p {
	padding-left: 10px;
	padding-right: 10px;
}

div#benefits-top,
div.creator.level,
div#instr button,
div#renew-button button,
div#sponsor-levels button,
div#member-levels button {
	border: 1px #3f9244 solid;
	background-color: #3f9244;
}

div#benefits-top,
div.creator.level,
div.creator.level div {
    /* background-color: #1c6ab4; */
    color: #fff;
	max-width: 660px;
	margin-top: 40px;
	border-radius: 10px;
	padding-top: 15px;
}

div.creator.level {
	font-weight: bold; 
	text-align: center;
	margin-top: 5px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

div.creator.description {
	padding-bottom: 10px;
	margin-bottom: 5px;
}

div#sponsor-levels,
div#member-levels,
div#renew-button,
div#what-you-get {
	max-width: 660px;
	text-align: center;
}

div#renew-button {
	margin-top: 40px;
}

div#renew-button button,
div#renew-button .btn-primary {
	border: #f38c2e;
	background-color: #f38c2e;
	font-weight: bold;
}

div.content.sponsor-benefits.spacer {
	margin: 0;
	padding: 0;
	margin-bottom: -15px;
	margin-top: 10px;
	border-top: 2px solid #63aab5;
}

div#renew-button,
div#member-levels {
	margin-bottom: 40px;
}

ul#level-benefits,
ul.content.apply.levels {
	list-style-type: none;
	text-transform: uppercase;
	padding: 0;
	padding-bottom: 20px;
	/* margin-bottom: 20px; */
}

ul.content.apply.levels {
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
}

ul#level-benefits {
	text-align: center;
}

.renew-amount,
.apply-amount {
	float: right;
}

ul.content.apply.levels li {
	clear: both;
}

div#instr button,
div#instr-wrapper {
	margin-top: 20px;
	margin-bottom: -5px;
}

div#instr p {
	text-align: left;
}

div#terms-of-service {
	text-align: left;
}

/* unacceptable terms modal */
#termslists {
	max-width: 402px;
}
#termslists * {
	text-align: left;
}
div.termsleft {
	float: left;
	max-width: 50%;
}
div.termsright {
	float: right;
	max-width: 50%;
}

select.renew-inputs, 
input.renew-inputs,
select.apply-inputs, 
input.apply-inputs {
	float: right;
	width: 50%;
}
input.url-inputs {
	float: right;
}
.error {
	color: red;
}

.hide {
	display: none;
}

.faded {
	pointer-events: none;
	opacity: 0.5;
	filter: alpha(opacity=5);
}

#websites {
	padding-top: 20px;
	padding-bottom: 20px;
}

div#website-list {
	padding-left: 15px;
	max-width: 360px;
}

div.website-input {
	padding-left: 20px;
	padding-right: 20px;
}

#renew-submit button,
#apply-submit button {
	color: white;
	background-color: red;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
}
#renew-submit,
#apply-submit {
	text-align: right;
	padding-bottom: 30px;
}

div.info-form, 
div#instr {
	max-width: 660px;
}
div.info-form {
	text-align: left;
}

div#website-adder {
	margin-top: 20px;
	padding-left: 5px;
}
#add-website-btn {
	font-weight: 700;
	font-size: 20px;
}

div#payment {
	max-width: 750px;
}

.payment-detail {
	max-width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

div#payment,
div.payment-header {
	padding-bottom: 30px;
}

div.payment-detail .key {
	float: left;
}

div.payment-detail .value {
	float: right;
	font-weight: 700;
}

.payment-form {
	padding: 20px;
	font-weight: 700;
}

div.renew-return,
div.apply-return {
	padding: 10px;
	padding-top: 50px;
}
div.payment-footer {
	text-align: center;
	text-transform: none;
	padding-left: 30px;
}

.adsense {
	text-align: center;
}

@media (min-width: 992px) {
div.legacy-page {
	max-width: 992px;
}
div#instr {
	max-width: 992px;
}
div.info-form {
	max-width: 660px;
}
.info-form .apply-input,
.info-form .renew-input {
	font-size: 20px;
}
.info-form h4.apply-input,
.info-form h4.renew-input {
	font-size: 32px;
}
select.renew-inputs,
input.renew-inputs,
select.apply-inputs, 
input.apply-inputs {
	float: right;
	width: 60%;
}
#content-apply-top h4,
#content-apply-top h4 em {
	font-size: 1.25rem;
}
h3, .h3 {
	font-size: 1.75 rem;
}
#renew-form p,
.renew-input,
#apply-form p,
.apply-input,
#content-apply-top p
#apply-preamble p,
#apply-preamble li,
#content-apply-top li {
}
#renew li,
#renew p,
#instr li,
#instr p {
	margin-left: 40px;
}
#websites {
	max-width: 600px;
	padding-left: 50px;
	padding-right: 50px;
}
div#website-list {
	margin-left: 40px;
	max-width: 700px;
}
ol.faq {
	padding-left: 30px;
}
}
.ivisa-banner {
	margin-bottom: 5px;
}

/* prevent ragged looking boxes with ipad */
@media (max-width: 1024px) {
.protecting-children-section .items .item .content-box .title {
	min-height: 140px;
}
.protecting-children-section .items .item .content-box .subtitle {
	min-height: 60px;
}
}

/* prevent ragged looking boxes with ipad */
@media (max-width: 768px) {
.protecting-children-section .items .item .content-box .title {
	min-height: 50px;
}
.protecting-children-section .items .item .content-box .subtitle {
	min-height: 45px;
}
.submit-creator-button {
  float: right;
  width: 60%;
}
}

/* fixes issues with reporting modal among other things */
@media (max-width: 992px) {
h3 {
	font-size: 20px;
}
.section h3 {
	font-size: 18px;
	padding: 10px 5px 5px 5px;
}
.modal-dialog {
	overflow: hidden;
    /* used just in case next rule is not recognized */
	max-width: 280px;
	/* percentage of viewport to use */
	max-width: 96vw;
} 
/* this is for the modal */
#report-top .inputs {
	max-width: 100%;
}
#report-top {
	font-size: 14px;
}
#submit-report-button {
	font-size: 16px;
}
.info-form .apply-input,
.info-form .renew-input {
	font-size: 13px;
}
h4,
.info-form h4.apply-input,
.info-form h4.renew-input {
	font-size: 16px;
}
.info-form p {
	font-size: 13px;
}
#websites p, 
#payment,
.payment-detail {
	font-size: 14px;
}
.payment-detail {
	max-width: 250px;
}
#payment h4 {
	font-size: 16px;
}
div.payment-form {
	padding: 0;
	padding-bottom: 20px;
}
div.payment-footer {
	padding-left: 10px;
}
.content.best_practices {
	padding-left: 0;
}
.content.sponsorlist h3 {
	margin-top: 20px;
}
.content.aboutus ul,
.content.aboutus ol {
	padding-left: 24px;
}
#memberdetail_div3 ul {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
div#webmaster-sub,
div#webmaster-sub * {
	text-align: left;
	padding-bottom: 25px;
}
ol.faq.questions li {
	padding-top: 5px;
	padding-bottom: 3px;
}
.content.parental_guidelines ul,
.content.parental_guidelines ol,
ul.content.webmasters, 
ol.content.webmasters, 
.content.best_practices ul, 
.content.best_practices ol, 
.content.best_practices ol ol {
	padding-left: 8px;
}
.content.sponsor-benefits ul {
	padding-left: 20px;
}
#report_table1 {
	display: none;
}
#report_form h3 {
	margin-left: -15px;
}
#report-page-top {
	max-width: 90%;
	max-width: 90vx;
	margin-left: -3%;
	margin-left: -10vx;
	padding: 0;
}
.inputs, .submit {
	font-size: 13px;
	margin-top: 7px;
	margin-bottom: 7px;
	max-width: 100%;
}
.truncate {
	display: none;
}
h3.main.content.members,
#othersponsors h3,
.asacp-default h3, .h3 {
	font-size: 18px;
}
h3.sponsorlist-main-title {
	font-size: 24px;
}
div.sponsorlist-logos {
	padding-bottom: 20px;
}
.asacp-default * {
	font-size: 1rem;
}
h3.stat-title {
	font-size: 1.5rem;
}
h3.stat-subtitle {
	padding-top: 24px;
	font-size: 1.1rem;
}
#awards_div2 {
	padding-left: 0;
}
table.content.awards {
	max-width: 70%;
}
.content.awards td.img {
	max-width: 40%;
}
#renew-submit button,
#apply-submit button,
#add-website-btn {
	font-size: 1rem;
}
.asacp-default h1.donation {
	font-size: 24px;
}
h4.donate.emph, h4.donation.emph, .donation.emph, .donate.emph {
	font-size: 16px;
}
h3.donation {
	font-size: 21px;
}
h4.donation,
h2, h2.donation, 
h2.donation.subtitle {
	font-size: 21px;
}
h4.paypal {
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 16px;
}
ul#best_practices_ul1 {
	margin-top: 20px;
	margin-bottom: 50px;
	margin-left: 5px;
}
ul#best_practices_ul1 li {
	padding: 3px;
}
#best_practices_div1 h3 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.content.best_practices div,
.content.best_practices ul,
.content.best_practices ol 
{
	padding-top: 0px;
	padding-bottom: 0px;
}
div#diamond-logo,
ul#level-benefits,
ul.content.apply.levels, 
div#benefits-top {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
h3.content.sponsor-benefits.spacer,
div.content.sponsor-benefits.spacer,
div.sponsor-benefits-end {
	margin: 0;
	padding: 0;
	height: 0;
}
div.sponsor-benefits-end {
	height: 40px;
}
.content.sponsor-benefits h2 a {
	font-size: 20px;
}
.content.sponsor-benefits h2 {
	font-size: 24px;
}
.adv-detail,
.annual-fee {
	display: none;
}
}

@media (max-width: 660px) {
.banner {
    background-image: url(../img/ASACPHeartHands_dark2_cropped_sm.jpg);
}
.latest-news-section .items .item {
	text-align: left;
}
.protecting-children-section .items .item .content-box .title {
	min-height: 0;
}
.protecting-children-section .items .item .content-box .subtitle {
	min-height: 0;
}
.ivisa-banner {
	width: 100%;
}
}

@media all and (-ms-high-contrast: none) {
/* ie 11 specifically doesn't display the social icons the same as ff and chrome  */
.social-links a.social-item {
	transform: translateY(40%);
}
}