.main_content { border-top: none; margin-top: 0; padding-top: 0; } .article_info .title { font-family: "Source Serif"; font-size: 40px; font-weight: bold; line-height: 46px; width: 100%; } .main_content .mid_col { display: inline-block; width: 73.7%; border-left: none; } .content .social { margin-top: 30px; margin-bottom: 10px; } .page .post_content a { color: #c51d1d; } .post_content { font-family: Georgia, sans-serif; font-size: 18px; line-height: 30px; padding-left: 0 !important; } .topic_list .article_info .title { font-size: 17px; line-height: 17px; } .topic_list .featured_image, .topic_list .featured_caption { margin-right: 35px; } .topic_list .featured_caption { font-family: 'Ringside Narrow bold'; letter-spacing: -0.2px; font-size: 14px; line-height: 17px; color: #777; padding: 5px 0 10px; border-bottom: 1px dotted #acacac; } .topic_list .featured_image img { max-width: 100%; height: auto; } .topic_list .post_title { padding-top: 25px; margin-right: 35px; } .topic_list .post_title { font-family: "Source Serif"; font-size: 40px; line-height: 43px; letter-spacing: -0.7px; padding: 10px 0 15px; } .topic_list .post_content { border-top: none; padding: 15px 0; margin-right: 35px; } .topic_list .left_col ul > li:first-child { padding-top: 25px; border-top: 1px dotted #acacac; } .topic_list .post_list .excerpt { height: 38px; } .topic_list .list_name { font-family: "Source Serif"; font-size: 25px; line-height: 30px; letter-spacing: -0.7px; padding: 10px 0 15px; } .topic_list .bottom_list .eet_video_icon { bottom: 20px; } .donation-form input:focus { outline: none; } #main { margin: 30px auto auto; max-width: 1260px; padding: 0 30px; } .post-title { margin-bottom: 10px; color: #000; font-family: Roboto, sans-serif; font-size: 32px; font-weight: 700; line-height: 20px; } .post-content p { margin: 30px 0; color: #000; font-family: Roboto, sans-serif; font-size: 18px; line-height: 28px; } .donate { display: block; border-radius: 5px; margin: 30px auto 50px; padding: 35px; width: 100%; background-color: #7198c4; } .donate-title { margin-bottom: 20px; color: #fff; font-size: 30px; font-weight: 700; text-align: center; } .box { border-radius: 5px; margin: 10px 0; padding: 1px 0; width: 100%; background-color: #cadae8; text-align: center; } .border { border: 1px solid #fff; border-radius: 5px; margin: 7px; padding: 10px 35px 20px; } .box-title { margin: 10px 0; color: #333; font-size: 20px; font-weight: 700; } .donation-options { text-align: left; } .amount-option { border-radius: 5px; margin: 0 15px 12px 0; padding: 10px 30px; width: 136px; background-color: #fe9600; color: #fff; font-size: 18px; line-height: 52px; cursor: pointer; } .amount-option.active { background-color: #1a53ff; color: #fff; } .amount { position: relative; text-align: left; } .currency-symbol { position: absolute; left: 9px; top: 16px; } .amount-input { border: 1px solid #fe9600; border-radius: 3px; height: 40px; margin: 10px auto auto; max-width: 280px; padding: 0 0 0 18px; width: 100%; } .email-address { display: block; border: 1px solid #000; border-radius: 3px; height: 40px; margin: 10px 0; max-width: 280px; padding: 6px; width: 100%; } .submit-button { border: none; border-radius: 3px; margin: 15px 0 0 0; padding: 5px 10px; width: 100%; background-color: #fe9600; color: #fff; font-size: 16px; font-weight: 700; line-height: 32px; cursor: pointer; } .submit-button:focus { outline: none; } .refund-policy { text-align: left; } .donate-by { color: #1b3d8c; font-weight: 600; padding-top: 20px; } #finish_payment { display: none; } .amount-info { font-size: 20px; font-weight: 700; } .thank-you { font-size: 30px; } .nested-box { border-radius: 5px; padding: 25px 20px; text-align: left; } .border p { text-align: left; } .StripeElement { box-sizing: border-box; height: 40px; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; } .StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; } .StripeElement--invalid { border-color: #fa755a; } .StripeElement--webkit-autofill { background-color: #fefde5 !important; } @media only screen and (max-width: 415px) { #main { padding: 0 15px; } .donate { padding: 15px; } .border { padding: 10px; } .amount-option { padding: 10px; } }