/* tsApps styles and overrides */
@import url("/assets/common/css/tsApps.css");

/* Include in Editor: Start */
.TitleText {font-weight: 700; font-size: 2.6111rem; line-height: 1.085em; color: #003145; padding-bottom: 0.25em;}
.HeaderText {font-weight: 700; font-size: 1.7778rem; line-height: 1.28em; color: #003145; padding-bottom: 0.25em;}
.HeaderTextSmall {font-weight: 700; font-size: 1.333rem; line-height: 1.166667em; color: #626262; padding-bottom: 0.25em;}
.SectionHeader {font-weight: 700; font-size: 1.16667rem; line-height: 1.142em; color: #626262; padding-bottom: 0.25em;}
.ColumnHeader {font-weight: 700; font-size: 1.2778rem; line-height: 1.2em; color: #003145; padding-bottom: .7em}
.BodyText {font-size: 1rem; margin-top: 0; margin-bottom: 1.5em; line-height: 1.6667em;}
.BodyTextLarge {font-size: 2rem; margin-top: 0; margin-bottom: 1.5em; line-height: 1.6667em;}
.infoText {font-size: 0.5rem; margin-top: 0; margin-bottom: 1.5em; line-height: 1.6667em;}
.roboto {font-family: ubuntu, sans-serif}
.LACBAButton{margin-top: 0.15rem; font-size: 1.0556rem; border: 1px solid #333; box-sizing: border-box; background: none; color: #333; height: 39px; line-height: 39px; font-family: ubuntu, sans-serif; padding: 0 1.01em; text-align: center; font-weight: 700; text-transform: uppercase; display: inline-block;}
.GreyButton{ margin-top: 0.5rem; background: #d6d6d6; color: #003145; height: 39px; line-height: 39px; font-size: 0.8333rem; font-family: ubuntu, sans-serif; padding: 0 1.01em; border: none; text-align: center; font-weight: 700; text-transform: uppercase; display: inline-block; border-radius: 3px; transition: all .25s; transform: scale(1, 1);}
.YellowButton{ display: inline-block; margin-bottom: 0.7rem; height: 42px; line-height: 42px; font-size: 0.8889rem; background: #ffb612; font-family: ubuntu, sans-serif; padding: 0 1.01em; border: none; text-align: center; font-weight: 700; color: #003145; text-transform: uppercase; border-radius: 3px; transition: all .25s;}
.YellowButton:hover, .YellowButton:focus { text-decoration: none; outline: none; color: #fff; transform: scale(1.045,1.045); }
.BlueButton{display: inline-block; margin-bottom: 0.7rem; height: 42px; line-height: 42px; font-size: 0.8889rem; background: #0065bd; color: #fff; font-family: ubuntu, sans-serif; padding: 0 1.01em; border: none; text-align: center; font-weight: 700; text-transform: uppercase; border-radius: 3px;}
.BlueButton:hover { text-decoration: none; outline: none; color: #fff; transform: scale(1.045,1.045);}
.CTAButton{ margin-top: 0.15rem; margin-right: 1.3rem; background: #ffb612; color: #003145; font-family: ubuntu, sans-serif; padding: 0 1.01em; border: none; height: 56px; line-height: 56px; text-align: center; font-weight: 700; font-size: 1.333rem; text-transform: uppercase; display: inline-block; border-radius: 3px; transition: all .25s;}
.CTAButton:hover { text-decoration: none; outline: none; color: #fff; transform: scale(1.045,1.045);}
.CTALink { font-weight: 700; font-size: 1.2778rem; line-height: 1.565em; color: #666;}
.CTALink:hover { text-decoration: underline; text-decoration-thickness: 1px; color: #666;}
.button.signin { background: #e0e0e0; color: #555; height: 32.5px; line-height: 32.5px; font-size: .8889rem; padding: 0 0.96em;}
.button.signin:hover {text-decoration: none; outline: none; transform: scale(1.045,1.045);}
.button.tiny.join { background: #0065bd; color: #fff; height: 32.5px; line-height: 32.5px; font-size: .8889rem; padding: 0 0.96em; }
.button.tiny.donate { height: 32.5px; line-height: 32.5px; font-size: 0.8889rem; padding: 0 0.96em; background: #ffb612; font-family: ubuntu, sans-serif; text-align: center; font-weight: 700;  color: #003145; text-transform: uppercase;}
/* Include in Editor: Stop */

/*STYLES NOT IN THE EDITOR: ***********************************************************************************************/