@charset "UTF-8";
.form-container {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.6;
  margin: 0 0 1.6em;
  font-weight: 100;
  max-width: 800px;
  margin: 0 auto;
  padding: 16px; }
  @media (min-width: 900px) {
    .form-container {
      font-size: 1.125em; } }

.tk-input-container,
.webform-client-form {
  display: inline-block;
  position: relative;
  max-width: 400px;
  margin: 0 auto 16px; }
  .tk-input-container label,
  .webform-client-form label {
    font-size: 0.9em;
    font-weight: 100;
    position: absolute;
    left: 1.3em;
    top: 0.9em;
    z-index: 1;
    opacity: 0;
    transition: opacity 100ms linear;
    color: #666;
    pointer-events: none; }
  .tk-input-container .icon,
  .webform-client-form .icon {
    height: 18px;
    width: 18px;
    fill: #d9d9d9; }
  .tk-input-container .icon--right,
  .webform-client-form .icon--right {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%); }
  @media (min-width: 600px) {
    .tk-input-container,
    .webform-client-form {
      margin: 0 8px 16px; } }

.webform-client-form label {
  position: absolute;
  left: 0;
  top: -1.4em;
  color: #414042; }

.webform-component-checkboxes label,
.webform-component-boolean label {
  position: relative;
  top: 0;
  opacity: 1;
  pointer-events: auto; }

.checkbox input[type=checkbox] {
  position: relative; }

.input__empty label {
  opacity: 1; }

.tk-input:focus + label {
  opacity: 0; }

.tk-input,
.tk-select,
.form-type-select select,
.form-type-textfield input,
.form-type-webform-email input,
.form-type-textarea textarea,
.form-type-webform-number input {
  font-size: 0.9em;
  border-radius: 4px;
  border: none;
  background: white;
  color: #414042;
  box-shadow: 0 0 3px #EBE4E4 inset;
  padding: .9em 1.1em;
  width: 100%; }

.form-required {
  color: #a50034; }

.tk-input:disabled {
  opacity: 0.92; }
  .tk-input:disabled + label {
    color: #aaaaaa; }

.tk-checkbox {
  position: absolute;
  clip: rect(0, 0, 0, 0); }
  .tk-checkbox + label {
    cursor: pointer;
    padding-left: 34px; }
    .tk-checkbox + label:before {
      content: '';
      display: inline-block;
      position: absolute;
      left: 8px;
      top: -2px;
      height: 20px;
      width: 20px;
      border: 1px solid #414042;
      background: white; }
    .tk-checkbox + label:after {
      content: '';
      position: absolute;
      left: 10px;
      top: 0;
      height: 16px;
      width: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA1OTQgNjMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OTQgNjMzOyI+PHBhdGggZmlsbD0iIzQ4NUNDNyIgZD0iTTI2NS44LDYwMkw0MS40LDM3Ny41Yy0yNC41LTI0LjUtMjQuNS02NC4zLDAtODguOWMyNC41LTI0LjUsNjQuMy0yNC41LDg4LjksMGwxMTAuNywxMTAuN0w0NTAuOCw0OS41IEM0NjguNywxOS43LDUwNy4zLDEwLDUzNywyNy45YzI5LjcsMTcuOCwzOS40LDU2LjUsMjEuNSw4Ni4yTDI2NS44LDYwMnoiLz48L3N2Zz4=");
      background-repeat: no-repeat;
      background-size: 16px 16px;
      transition: width 100ms linear; }
  .tk-checkbox:checked + label:after {
    width: 16px; }

.tk-select,
.form-type-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="11" viewBox="0 0 49 23" xmlns="http://www.w3.org/2000/svg"><path fill="%23B7B7B7" d="M24.5 23L0 0h49" fill-rule="evenodd"/></svg>');
  background-position: right 12px top 50%;
  background-repeat: no-repeat; }

.label__block {
  display: block; }

.label__small {
  font-size: 0.8em; }

.label__required:after {
  color: #a50034;
  content: ' * '; }

.tk-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99999; }

.tk-lightbox--scroll {
  overflow: scroll; }
  .tk-lightbox--scroll .tk-lightbox--inner {
    top: 0;
    transform: translate(-50%, 0); }
    .tk-lightbox--scroll .tk-lightbox--inner:before {
      position: fixed; }

.lightbox--ipad-fix {
  position: absolute;
  height: 150%; }
  .lightbox--ipad-fix .tk-lightbox--inner {
    top: 48px;
    transform: translate(-50%, 0); }

.lightbox--visible {
  display: block; }

.tk-lightbox--inner {
  text-align: center;
  max-width: 1000px;
  padding: 48px 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  background: #F4F4F4; }
  .tk-lightbox--inner:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    cursor: pointer;
    content: '×';
    font-size: 1.5em;
    font-weight: 100;
    padding: 4px 12px 24px;
    height: 40px;
    width: 40px;
    color: white;
    background: #414042; }

.tk-inner--no-close:before {
  display: none; }

.tk-lightbox__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  cursor: pointer;
  font-size: 1.5em;
  font-weight: 100;
  padding: 4px 12px 24px;
  height: 40px;
  width: 40px;
  color: white;
  background: #414042; }

.tk-lightbox__blank {
  padding: 0; }

.tk-lightbox__narrow {
  max-width: 600px; }

.tk-lightbox-preview {
  min-height: 320px; }

.preview {
  width: 100%;
  height: 100%; }

/**
 * CONTENTS
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * BASE
 * 
 *
 * OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 *
 * COMPONENTS
 * ftb-logo.............The main svg logo
 * 
 * SECTIONS
 * shamrocks-top.............Styles specific to each section
 * shamrocks-search
 * shamrocks-freedom
 * shamrocks-what-we-do
 * shamrocks-checkers
 * shamrocks-volunteer
 * shamrocks-stories
 * shamrocks-news
 *
 * TRUMPS
 * Text.................Text helpers.
 */
/*------------------------------------*   #SETTINGS
   #global
 \*------------------------------------*/
/*------------------------------------*  #BASE
  #
\*------------------------------------*/
h2 {
  font-size: 1.5em; }
  @media (min-width: 900px) {
    h2 {
      font-size: 1.6em; } }

a {
  color: #2d9a49; }

.tk-wrap:not(.shamrocks) p a {
  color: #2cbda1; }

/*------------------------------------*  #OBJECTS
  #wrappers
\*------------------------------------*/
.ps-container {
  max-width: 1200px;
  margin: 0 auto;
  z-index: 1;
  padding: 0 4px; }
  @media (min-width: 900px) {
    .ps-container {
      padding: 0 16px; } }

.wide-container {
  max-width: 1200px; }

@media (max-width: 599px) {
  .no-mobile {
    display: none; } }

/*------------------------------------*  #COMPONENTS
\*------------------------------------*/
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*------------------------------------*  #SECTIONS
\*------------------------------------*/
/*------------------------------------*  #shamrocks-top
\*------------------------------------*/
.ps-top {
  font-size: 0.75em;
  padding: 150px 24px;
  background: url("https://www.mda.org/sites/default/files/mda-frontend/my-powerful-story/banner.jpg") top center no-repeat;
  background-size: cover;
  text-align: center;
  color: white; }
  .ps-top h1 {
    max-width: 30ch;
    margin: 0 auto 16px; }
  .ps-top a:not(.tk-button) {
    color: white;
    text-decoration: underline; }
  .ps-top p {
    margin: 0 auto 16px;
    max-width: 45em; }
  @media (min-width: 900px) {
    .ps-top {
      font-size: 1em;
      padding: 250px 32px; } }

/*------------------------------------*  #
\*------------------------------------*/
.ps-banner {
  background: #485cc7;
  color: white;
  text-align: center;
  padding: 40px 16px; }
  .ps-banner .wide-container {
    max-width: 900px; }
  .ps-banner .form-container {
    margin-bottom: 0;
    padding: 16px 0; }
  .ps-banner p {
    font-size: 1.1em; }
    @media (min-width: 600px) {
      .ps-banner p {
        font-size: 1.45em; } }

.ps-promo {
  padding: 84px 32px; }
  .ps-promo .ps-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 64px; }
    @media (min-width: 900px) {
      .ps-promo .ps-container {
        flex-direction: row; } }
    @media (min-width: 900px) {
      .ps-promo .ps-container {
        margin-bottom: 124px; } }
  .ps-promo .promo--reverse .promo__image {
    order: -1; }
    @media (min-width: 900px) {
      .ps-promo .promo--reverse .promo__image {
        order: 1; } }
  .ps-promo .tk-button {
    margin-top: 0; }
  @media (min-width: 1200px) {
    .ps-promo {
      background: url("https://www.mda.org/sites/default/files/mda-frontend/my-powerful-story/art1.jpg") 5% 95% no-repeat; }
      .ps-promo.no-decor {
        background: none; } }

.promo-left {
  flex: 1;
  text-align: center; }
  @media (min-width: 900px) {
    .promo-left {
      text-align: left; } }
  .promo-left > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 550px; }
    @media (min-width: 900px) {
      .promo-left > * {
        margin-left: auto;
        margin-right: 64px; } }

.promo-right {
  flex: 1;
  text-align: center; }
  @media (min-width: 900px) {
    .promo-right {
      text-align: left; } }
  .promo-right > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 550px; }
    @media (min-width: 900px) {
      .promo-right > * {
        margin-right: auto;
        margin-left: 64px; } }

.promo__copy {
  padding-top: 24px; }

.promo__image img {
  max-width: 200px; }
  @media (min-width: 900px) {
    .promo__image img {
      max-width: 400px; } }

.sm_custom_code-538831.sm_custom_code-538831 {
  background: #485cc7;
  padding: 84px 32px;
  color: white; }
  .sm_custom_code-538831.sm_custom_code-538831 .bar {
    background: #485cc7; }
  .sm_custom_code-538831.sm_custom_code-538831 h2 {
    text-align: center;
    margin-bottom: 48px; }
  .sm_custom_code-538831.sm_custom_code-538831 .button-primary {
    -webkit-appearance: none;
    font-family: "ArialRoundedMTBold", "Arial Rounded MT Bold";
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
    padding: .75em 2.5em;
    margin: 1em 0;
    color: white;
    text-align: center;
    border: 2px solid #f1b434;
    background: #f1b434;
    border-radius: .25em;
    cursor: pointer;
    transition: background 200ms linear;
    white-space: nowrap;
    min-width: 275px; }
    .sm_custom_code-538831.sm_custom_code-538831 .button-primary:hover {
      background: #f6ce7c; }
  .sm_custom_code-538831.sm_custom_code-538831 .webform-client-form {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    display: block; }
  .sm_custom_code-538831.sm_custom_code-538831 .webform-client-form > div {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    max-width: 700px;
    margin: 0 auto; }
  .sm_custom_code-538831.sm_custom_code-538831 .form-type-select label {
    opacity: 1; }
  .sm_custom_code-538831.sm_custom_code-538831 .form-item {
    flex: 1 0 45%;
    margin-bottom: 32px;
    margin-right: 12px; }
  .sm_custom_code-538831.sm_custom_code-538831 .form-item.form-type-textarea,
  .sm_custom_code-538831.sm_custom_code-538831 .form-item.form-type-checkboxes {
    flex: 1 0 90%; }
  .sm_custom_code-538831.sm_custom_code-538831 .form-item.form-type-checkboxes {
    margin-bottom: 0; }
  .sm_custom_code-538831.sm_custom_code-538831 .form-item label {
    color: white;
    opacity: 1;
    padding: 0;
    font-size: 0.9em; }
  .sm_custom_code-538831.sm_custom_code-538831 .grippie {
    display: none; }