@charset "UTF-8";
/* ANA Illinois Voluteer Database

volunteer.ana-illinois.org

Designed & Developed by A&M Media
© A&M Media
=================================*/

/* Site Color Palette
===================================
Light Blue:   #E5F4F6 . rgb(229,244,246)
Medium Blue:  #6494B8 . rgb(100,148,184)
Dark Blue:    #284679 . rgb(40,70,121)
Orange:       #F26B4D . rgb(242,107,77)
Orange Shade: #c1553d . rgb(193,85,61)
Yellow:       #F1E908 . rgb(241,233,8)
Yellow Shade: #bfb906 . rbs(191,185,6)
=================================*/


/* Table of Contents
=================================
1) GLOBAL
  a) BASE STYLES
  b) FORM OVERRIDES
2) INDEX
3) LOGIN
4) DASHBOARD
5) MATCH
6) SEARCH
7) MESSAGES

================================*/

/*##############################################################################################################################################
##############################################################################################################################################*/

/* 1) GLOBAL */
  /* a) BASE STYLES */
  h1 { font-family:"IBM Plex Serif"; font-style:normal; font-weight:400; text-rendering:geometricPrecision; }
  h2 { font-family:"Gotham A","Gotham B", Helvetica, Arial, san-serif; font-style:normal; font-weight:800; text-rendering:geometricPrecision; }
  h3 { font-family:"Gotham A","Gotham B", Helvetica, Arial, san-serif; font-style:normal; font-weight:700; text-rendering:geometricPrecision; }
  h4 { font-family:"Gotham A","Gotham B", Helvetica, Arial, san-serif; font-style:normal; font-weight:400; text-rendering:geometricPrecision; }
  h5 { font-family:"IBM Plex Serif"; font-style:normal; font-weight:300; text-rendering:geometricPrecision; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; text-transform:initial; }
  p { font-family:"IBM Plex Serif"; font-style:normal; font-weight:400; text-rendering:geometricPrecision; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; text-transform:initial; }
  h6 { font-family:"Gotham A","Gotham B", Helvetica, Arial, san-serif; font-style: normal; font-weight:200; text-rendering:geometricPrecision; }
  em { font-family:"IBM Plex Serif"; font-style: italic; font-weight: 400; }
  body { background:#E5F4F6; overflow:auto; height:auto; min-height:100%; }
  strong { font-weight:700; }
  a, button, input[type=submit] { text-decoration:none; color:#000000; transition: all .2s ease-in-out; }
  ul { list-style:none; }
  ol { list-style-type:decimal; margin-left:10px; }
  .ibm-plex-serif-thin { font-family: "IBM Plex Serif", serif; font-weight: 100; font-style: normal; }
  .ibm-plex-serif-extralight { font-family: "IBM Plex Serif", serif; font-weight: 200; font-style: normal; }
  .ibm-plex-serif-light { font-family: "IBM Plex Serif", serif; font-weight: 300; font-style: normal; }
  .ibm-plex-serif-regular { font-family: "IBM Plex Serif", serif; font-weight: 400; font-style: normal; }
  .ibm-plex-serif-medium { font-family: "IBM Plex Serif", serif; font-weight: 500; font-style: normal; }    
  .ibm-plex-serif-semibold { font-family: "IBM Plex Serif", serif; font-weight: 600; font-style: normal; }
  .ibm-plex-serif-bold { font-family: "IBM Plex Serif", serif; font-weight: 700; font-style: normal; }
  .ibm-plex-serif-thin-italic { font-family: "IBM Plex Serif", serif; font-weight: 100; font-style: italic; }
  .ibm-plex-serif-extralight-italic { font-family: "IBM Plex Serif", serif; font-weight: 200; font-style: italic; }
  .ibm-plex-serif-light-italic { font-family: "IBM Plex Serif", serif; font-weight: 300; font-style: italic; }
  .ibm-plex-serif-regular-italic { font-family: "IBM Plex Serif", serif; font-weight: 400; font-style: italic; }
  .ibm-plex-serif-medium-italic { font-family: "IBM Plex Serif", serif; font-weight: 500; font-style: italic; }
  .ibm-plex-serif-semibold-italic { font-family: "IBM Plex Serif", serif; font-weight: 600; font-style: italic; }
  .ibm-plex-serif-bold-italic { font-family: "IBM Plex Serif", serif; font-weight: 700; font-style: italic; }

  .wrapper { margin:auto; width:100%; height:auto; padding:0; }
  .inline { display:inline; } 
  .display_none { display:none; } 

  .padding-top-1 { padding-top:1%; }
  .padding-top-2 { padding-top:2%; }
  .padding-top-3 { padding-top:3%; }
  .padding-top-4 { padding-top:4%; }
  .padding-top-6 { padding-top:6%; }
  .padding-top-8 { padding-top:8%; }
  .padding-top-10 { padding-top:10%; }
  .padding-btm-1 { padding-bottom:1%; }
  .padding-btm-2 { padding-bottom:2%; }
  .padding-btm-3 { padding-bottom:3%; }
  .padding-btm-4 { padding-bottom:4%; }
  .padding-btm-6 { padding-bottom:6%; }
  .padding-btm-8 { padding-bottom:8%; }
  .padding-btm-10 { padding-bottom:10%; }
  .margin-top-1 { margin-top:1%; }
  .margin-top-2 { margin-top:2%; }
  .margin-top-3 { margin-top:3%; }
  .margin-top-4 { margin-top:4%; }
  .margin-top-6 { margin-top:6%; }
  .margin-top-8 { margin-top:8%; }
  .margin-top-10 { margin-top:10%; }
  .margin-btm-0 { margin-bottom:0; }
  .margin-btm-1 { margin-bottom:1%; }
  .margin-btm-2 { margin-bottom:2%; }
  .margin-btm-3 { margin-bottom:3%; }
  .margin-btm-4 { margin-bottom:4%; }
  .margin-btm-6 { margin-bottom:6%; }
  .margin-btm-8 { margin-bottom:8%; }
  .margin-btm-10 { margin-bottom:10%; }

  /* b) FORM OVERRIDES */
  input:focus { outline: none; }
  textarea:focus { outline: none; }
  select:focus { outline: none; }
  ::-webkit-input-placeholder { color: #797A7A; }
  :-moz-placeholder { color: #797A7A; opacity:  1; }
  ::-moz-placeholder {  opacity:  1; }
  :-ms-input-placeholder { color: #797A7A; }
  input, textarea, button { font-family: "Gotham A", "Gotham B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 300; transition: all .15s ease-in-out; }
  ul { list-style:none; }

/*##############################################################################################################################################
##############################################################################################################################################*/

/* 2) INDEX */
  .index_content { padding:4%; }
    .index_content_client_logo { position:absolute; top:16px; right:24px; }
      .index_content_client_logo img { height:120px; }
    .index_content_headline {  }
      .index_content_headline img { height:14em; margin-bottom:1%; }
      .index_content_headline h3 { font-size:1.8em; line-height:1em; }
    .index_content_body { box-sizing:border-box; width:50%; margin:1% 0; background:rgba(255, 255, 255, .85); padding:2%; border-radius:1.6em; }
      .index_content_body h4 { font-size:1em; line-height:1.2em; margin-bottom:8px; }
      .index_content_body h2 { font-size:3em; color:#284679; margin-bottom:12px; }
      .index_content_body a { display:inline-block; padding:12px 16px; background:#F26B4D; font-size:1.6em; color:#fff; border-radius:12px; }
      .index_content_body a:hover { background:#c1553d; }
      .index_content_body h3 { margin-bottom:16px; }
      .index_content_body h3:last-child { margin-bottom:0; }
    .index_content_footer { margin-top:16px; }
      .index_content_footer h3 { font-size:2.6em; color:#6494B8; }

  /*  MENU */
  .button_container_wrapper { display:none; }
  .button_container { position:absolute; top:18px; right:26px; height:40px; width:60px; cursor:pointer; z-index:110; transition:opacity .25s ease; }
  .button_container.active .top { transform:translateY(5px) translateX(0) rotate(45deg); background:#FFF; }
  .button_container.active .bottom { transform:translateY(-5px) translateX(0) rotate(-45deg); background:#FFF; }
  .button_container span { background:#284679; border:none; height:2px; width:100%; position:absolute; top:20px; left:0; transition:all .35s ease; cursor:pointer; }
  .button_container span:nth-of-type(2) { top:30px; }
  .button_word { position:absolute; top:38px; right:96px; font-size:.8em; z-index:110; color:#284679; }
  .button_word.active { color:#ffffff; }
  .overlay { position:fixed; background:rgba(16,27,47,.9); z-index:101; top:0; left:0; width:0%; height:100%; opacity:0; visibility:hidden; transition:opacity .15s, visibility .15s, width .15s; overflow:hidden; }
  .overlay.open { opacity:1; visibility:visible; width:100%; }
  .overlay-menu { position:relative; height:100%; }
  .overlay-menu nav { text-align:center; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
  .overlay-menu ul { list-style:none; padding:0 0 20% 0; margin:0 auto; display:block; height:auto; }
  .overlay-menu ul li { display:block; padding-bottom:6%; position:relative; opacity:.9; }
  .overlay-menu ul li a { display:block; position:relative; color:#FFF; text-decoration:none; }
  .overlay-menu ul li a:hover { color:#CFE8D4; }
  .overlay-menu ul li span { color:#D7E8AE; font-size:1.3em; }
  .overlay-menu ul li h1 { font-size:1.3em; }
  .overlay-menu img { height:50px; }
  .overlay_staff_login { position:fixed; bottom:2%; right:2%; text-align:right; }
  .overlay_staff_login a { font-size:.8em; color:#fff; }
  .overlay_staff_login a:hover { color:#CFE8D4; }
  .overlay_index_link { position:fixed; top:2%; right:2%; text-align:right; }
  .overlay_index_link a { font-size:.8em; color:#fff; }
  .overlay_index_link a:hover { color:#CFE8D4; }
  .overlay_developers_note { position:fixed; bottom:2%; left:1.25%; text-align:left; }
    .overlay_developers_note a { font-size:.7em; color:#fff; }
    .overlay_developers_note a:hover { color:#CFE8D4; }
  .dashboard_identity_mobile { text-align:left; position:relative; }
    .dashboard_identity_mobile a { position:absolute; top:20px; left:26px; }
    .dashboard_identity_mobile img { height:50px; }

/*##############################################################################################################################################
##############################################################################################################################################*/

/* 3) LOGIN */
  body:has(.profile) { background:#284679; }
  .profile { width:100%; margin-top:12%; }
    .profile_login_navigator { border-bottom:solid #6494B8 1px; }
    .profile_login_navigator_progress { height:100%; background-color:#fff; height:8px; width:0; transition: all .2s ease-in-out; }
    .profile_login_navigator_progress { width:3%; }
    .profile_login_navigator img { height:64px; margin-left:16%; margin-bottom:24px; }
    .profile_login_navigator_back { float:right; padding:52px 52px 0 0; }
      .profile_login_navigator_back a { color:#F1E908; }
      .profile_login_navigator_back a:hover { color:#bfb906; }
    .profile_logout { bottom:4%; left:4%; position:fixed; }
      .profile_logout a { color:#fff; font-size:.7em; }
      .profile_logout a:hover { color:#F1E908; }

    .profile_identity_mobile { display:none; }
    .profile_logout_mobile { display:none; }

    .profile_field, .profile_field_categories { margin:4% 16%; overflow:auto; }
      .profile_field h1, .profile_field_categories h1 { font-size:3em; line-height:1.2em; color:#fff; padding-bottom:2%; }
      .profile_field p, .profile_field_categories p { font-size:1em; line-height:1.2em; color:#fff; padding-bottom:2%; }
      .profile_field a, .profile_field_categories a, .profile_field input[type='submit'], .profile_field_categories input[type='submit'] { display:inline-block; border:2px solid #fff; background-color:#284679; font-size:1.4em; color:#fff; margin-right:8px; padding:3%; border-radius:40px; cursor:pointer; }
      .profile_field a:hover, .profile_field_categories a:hover, .profile_field input[type='submit']:hover, .profile_field_categories input[type='submit']:hover { background-color:#6494B8; }

    .profile_field_forgot { margin-left:16%; margin-top:2%; }
    .profile_field_forgot a { font-size:1em; color:#fff; text-decoration:underline; }
    .profile_field_forgot a:hover { text-decoration:none; }

    .profile_field label { padding-bottom:8px; color:#fff; display:block; }
    .profile_field input[type='email'], .profile_field input[type='text'], .profile_field input[type='password'] { display:block; padding:3% 3% 2% 3%; font-size:1.3em; color:#6494B8; background-color:#E5F4F6; width:50%; border:none; font-weight:400; margin-bottom:16px; }
    .profile_field input[type='submit'] {  }
    .profile_field input[type='text'] {  }
    .profile_field input[type='password'] {  }
    .profile_field .profile_field_create_password p { font-size:.8em; width:50%; margin-bottom:12px;color:#F1E908; }

    .profile:has(.profile_navigator) { margin-top:3%; }
    .profile_identity { bottom:4%; right:4%; position:fixed; }
      .profile_identity img { height:64px; }
    .profile_navigator {  }

    .profile_item { float:left; }
      .profile_item textarea { font-weight:400; min-height:400px; box-sizing:border-box; font-size:1.2em; background-color:#E5F4F6; border:none; color:#284679; width:100%; padding:4%; }
      .profile_item input[type='text'], .profile_item input[type='email'] { box-sizing:border-box; width:100%; margin-bottom:0; font-size:1.2em; color:#284679; }
    .profile_field_one { width:100%; }
      .profile_field_one .profile_item { box-sizing:border-box; width:100%; }
        .profile_field_one .profile_item input[type='text'], .profile_field_one .profile_item input[type='email'] { box-sizing:border-box; width:100%; padding:3% }
    .profile_field_two { width:100%; }
      .profile_field_two .profile_item { box-sizing:border-box; width:48.5%; margin-right:3%; }
      .profile_field_two .profile_item input[type='text'], .profile_field_two .profile_item input[type='email'] { box-sizing:border-box; padding:6% }
    .profile_field_three { width:100%; }
      .profile_field_three .profile_item { box-sizing:border-box; width:31.333%; margin-right:3%; }
      .profile_field_three .profile_item input[type='text'], .profile_field_three .profile_item input[type='email'] { box-sizing:border-box; padding:10% }
      .profile_field_one .profile_item, .profile_field_two .profile_item, .profile_field_three .profile_item { margin-bottom:4%; }
      .profile_field_one .profile_item:last-child, .profile_field_two .profile_item:last-child, .profile_field_three .profile_item:last-child { margin-right:0; }
    .profile_field_button {  }
      .profile_field_button input[type="submit"] { background-color:#F26B4D; }
      .profile_field_button input[type="submit"]:hover { background-color:#c1553d; }

    .styled_select { overflow:hidden; height:74px; width:100%; background: url('/images/uploads/select-arrow.svg') no-repeat right #E5F4F6; }
    .profile_item select { background: transparent; padding-left:24px; height:74px; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:104%; border:0; border-radius:0; color:#263F69; font-size:1.2em; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight:300; }

    .profile_field_categories label {
      position:relative;
      cursor:pointer;
      float:left;
      margin-right:1%;
      margin-bottom:12px;
      background-color:#284679;
      border:2px solid #E5F4F6;
      transition: all .2s ease-in-out;
      border-radius:26px;
      font-family:"Gotham A","Gotham B", Helvetica, Arial, san-serif; font-style:normal; font-weight:400; text-rendering:geometricPrecision;
      color:#fff;
    }
    .profile_field_categories label:hover { background-color:#6494B8; }
    .profile_field_categories label [type="checkbox"], .profile_field_categories label [type="radio"] { display:none; }
    .profile_field_categories [type="checkbox"]+span, .profile_field_categories [type="radio"]+span { display:inline-block; padding:1em; }
    .profile_field_categories :checked+span { background:#6494B8; display:inline-block; border-radius:24px; }

    .my-popper { padding:20px; background-color:red; }
    .noSelect { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color: transparent; }
    .tippy-tooltip { position:relative; color:#fff; border-radius:.8rem; font-size:.8rem; padding:1rem 1.2rem; line-height:1.4; text-align:left; will-change:transform; background-color:#F26B4D; box-shadow: 4px 4px 4px #223b66; }
    .tippy-tooltip a { display:block; color:#263F69; border-bottom:2px solid #E7ECF6; }
    .tippy-tooltip a:last-child { border:none; }
    .tippy-tooltip a:hover { color:#426CB4; }
    .tippy-tooltip h1 { font-size:1.2em; }
    .tippy-tooltip ul { margin-bottom:8px; }
      .tippy-tooltip li { list-style:initial; margin-left:12px; margin-bottom:3px; }
      .tippy-tooltip li:last-child { margin-bottom:0; }
    .tippy-popper[x-placement^=bottom] .tippy-arrow { border-bottom:8px solid #F26B4D; }
    .tippy-popper[x-placement^=top] .tippy-arrow { border-top:8px solid #F26B4D; }
    .tippy-popper[x-placement^=right] .tippy-arrow { border-right:8px solid #F26B4D; }
    .tippy-popper[x-placement^=left] .tippy-arrow { border-left:8px solid #F26B4D; }
    .tippy-content h2 { display:block; padding:8px; color:#263F69; border-bottom:2px solid #E7ECF6; }
    .tippy-content h2:last-child { border-bottom:none; }
    .popper_trigger { font-size:1em; color:#fff; cursor:pointer; display:inline-block; }
    .popper_trigger:focus { outline:none !important; }


/*##############################################################################################################################################
##############################################################################################################################################*/

/* 4) DASHBOARD */
      .profile_dashboard_navigator { box-sizing:border-box; width:100%; padding:0 2% 6% 2%; overflow:auto; }
      .profile_dashboard_navigator_left { float:left; }
        .profile_dashboard_navigator_left img { height:60px; }
        .profile_dashboard_navigator_left ul { overflow:auto; display:flex; justify-content:center; display:flex; justify-content:center; align-items:center; }
          .profile_dashboard_navigator_left li { float:left; padding-right:12px; padding-left:12px; border-left:solid 1px #284679; height:fit-content; margin-top:22px; }
          .profile_dashboard_navigator_left li:last-child { padding-right:0; }
            .profile_dashboard_navigator_left li h5 { font-weight:400; }
            .profile_dashboard_navigator_left li a { color:#284679; }
            .profile_dashboard_navigator_left li a:hover { text-decoration:underline; }
            .profile_dashboard_navigator_left li:nth-child(1) { border:none; padding-left:0; }

      .profile_dashboard_navigator_right { float:right; padding-top:2%; }
        .profile_dashboard_navigator_right ul { overflow:auto; }
          .profile_dashboard_navigator_right li { float:left; padding-right:12px; }
            .profile_dashboard_navigator_right a { color:#284679; }
            .profile_dashboard_navigator_right a:hover { color:#6494B8; }
            .profile_dashboard_navigator_right .fa-comment-dots { font-size:3em; height:60px; }
            .profile_dashboard_navigator_account { border-radius:50%; background-color:#284679; width:60px; height:60px; display:flex; justify-content:center; }
              .profile_dashboard_navigator_account h5 { font-weight:400; margin-top:19px; font-size:1.3em; }
              .profile_dashboard_navigator_account a { color:#fff; }
              .profile_dashboard_navigator_account a:hover { color:#F1E908; }

      .profile_dashboard { box-sizing:border-box; width:70%; margin:0 15% 15% 15%; max-width:1200px; }
        .profile_dashboard_welcome { margin-bottom:4%; padding-bottom:4%; border-bottom:solid 2px #6494B8; }
          .profile_dashboard_welcome h5 { font-size:3em; color:#284679; font-weight:700; padding-bottom:1%; }
          .profile_dashboard_welcome p { font-size:1em; line-height:1.3em; color:#284679; }
          .profile_dashboard_welcome a { color:#284679; text-decoration:underline; }
          .profile_dashboard_welcome a:hover { text-decoration:none; }

        .profile_dashboard_header { margin-bottom:2%; }
          .profile_dashboard_header h5 { font-size:1.8em; font-weight:500; color:#284679; padding-bottom:8px; }
          .profile_dashboard_header p { font-size:1em; line-height:1.3em; font-weight:500; color:#284679; padding-bottom:8px; }
          .profile_dashboard_header a { font-size:1em; font-weight:500; color:#284679; text-decoration:underline; }
          .profile_dashboard_header a:hover { text-decoration:none; }

        .profile_dashboard_matches { box-sizing:border-box; width:100%; padding:2%; border-top:solid 2px #6494B8; background-color:#fff; margin-bottom:2%; }
          .profile_dashboard_matches h4 { text-transform:uppercase; font-weight:600; font-size:.6em; padding-bottom:4px; color:#6494B8; }
          .profile_dashboard_matches p { color:#284679; font-size:.9em; }

          .profile_dashboard_matches_top { overflow:hidden; }
            .profile_dashboard_matches_top ul { overflow:hidden; }
            .profile_dashboard_matches_top h2 { font-size:1.4em; color:#284679; padding-bottom:6px; }
            .profile_dashboard_matches_top a { box-sizing:border-box; padding:7%; background-color:#F26B4D; border-radius:20px; display:inline-block; color:#fff; font-size:1em; }
            .profile_dashboard_matches_top a:hover { background-color:#c1553d; }
            .profile_dashboard_matches_top_left { float:left; width:80%; }
            .profile_dashboard_matches_top_right { float:right; width:20%; text-align:right; }

          .profile_dashboard_matches_middle { padding:2.25% 0; margin:2.25% 0; border-top:solid 1px #6494B8; border-bottom:solid 1px #6494B8;  }
            .profile_dashboard_matches_middle ul { overflow:hidden; }
              .profile_dashboard_matches_middle li { float:left; width:32%; box-sizing:border-box; padding-right:2%; margin-right:2%; border-right:solid 1px #6494B8; list-style:none; }
              .profile_dashboard_matches_middle li:last-child { padding-right:0%; margin-right:0%; border-right:none; }
              .profile_dashboard_matches_middle li h3 { color:#284679; font-size:1.2em; }

          .profile_dashboard_matches_bottom {  }
            .profile_dashboard_matches_bottom ul { overflow:hidden; width:100%; }
              .profile_dashboard_matches_bottom li { float:left; background-color:#6494B8; font-size:.7em; padding:10px; color:#fff; border-radius:20px; margin-right:4px; }

          .profile_dashboard_matches_no_results {  }
            .profile_dashboard_matches_no_results h2 { color:#F26B4D; font-size:1.5em; padding-bottom:16px; }
            .profile_dashboard_matches_no_results h3 { color:#284679; }
            .profile_dashboard_matches_no_results a { color:#284679; font-size:1.3em; text-decoration:underline; }
            .profile_dashboard_matches_no_results a:hover { text-decoration:none; }


/*##############################################################################################################################################
##############################################################################################################################################*/

/* 5) MATCH */
      .profile_match { color:#284679; position:relative; box-sizing:border-box; width:70%; margin:0 15% 10% 15%; max-width:1200px; }
        .profile_match_match { position:absolute; top:0; right:0; display:flex; justify-content:right; flex-direction:row; width:100%; white-space: nowrap; }
          .profile_match_match h3 { display:inline; }
          .profile_match_match a { text-align:right; box-sizing:border-box; padding:1.25%; background-color:#F26B4D; border-radius:20px; color:#fff; font-size:1em; text-align:center; }
          .profile_match_match a:hover { background-color:#c1553d; }
        .profile_match_header { width:100%; box-sizing:border-box; padding-bottom:3%; margin-bottom:3%; border-bottom:solid 2px #6494B8; }
          .profile_match_header p { color:#6494B8; font-size:1.3em; padding-bottom:6px; }
          .profile_match_header h2 { font-size:2em; }

        .profile_match_item { box-sizing:border-box; padding:3%; background-color:#fff; margin-top:8px; }
          .profile_match_item h4 { text-transform:uppercase; font-weight:600; font-size:.6em; padding-bottom:4px; color:#6494B8; }
          .profile_match_item h3 { color:#284679; font-size:1.2em; }
          .profile_match_item ul li { border-bottom:solid 1px #6494B8; padding-bottom:2%; margin-bottom:2%; overflow:hidden; }
          .profile_match_item ul li:last-child { border:none; margin:0; padding:0; }
          .profile_match_item ul li ul li, .profile_match_item ul li ul li, .profile_match_item ul li ul li { border:none; margin:0; padding:0; }
          .profile_match_item_1 li { box-sizing:border-box; width:100%; float:left; }
          .profile_match_item_2 li { box-sizing:border-box; width:49%; float:left; }
          .profile_match_item_3 li { box-sizing:border-box; width:32%; float:left; }

          .profile_match_item ul li ul li { border-right:1px solid #6494B8; margin-right:2%; }
          .profile_match_item ul li ul li:last-child { border:none; margin-right:0; }

          .profile_match_item ul li ul li ul { width:100%; }
          .profile_match_item ul li ul li ul li { float:left; background-color:#6494B8; font-size:.7em; padding:10px !important; color:#fff; border-radius:20px; margin-right:4px !important; width:auto; }
          .profile_match_item ul li ul li ul li:last-child { margin-right:0; }
          .profile_match_item ul li ul li ul li h3 { color:#fff; }

        .profile_match_details { margin-block:3%; }
          .profile_match_details h5 { color:#284679; background-color:#F1E908; display:inline-block; font-weight:500; font-size:1.2em; }
          .profile_match_details p { float:right; font-size:1em; text-align:right; }
          .profile_match_details .profile_match_item p { float:none; text-align:left; line-height:1.3em; }

/*##############################################################################################################################################
##############################################################################################################################################*/

/* 6) SEARCH */
    .profile_search {  }
      .profile_search_row { margin-bottom:3%; }
        .profile_search_row:last-child { margin-bottom:0; }
        .profile_search_row ul { overflow:auto; }
        .profile_search_row li { float:left; box-sizing:border-box; width:32%; margin-right:2%; }
        .profile_search_row li:last-child { margin:0; }
        .profile_search_row select { background: transparent; padding-left:24px; height:71px; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:104%; border:0; border-radius:0; color:#263F69; font-size:1.2em; font-family:"Gotham A","Gotham B", Helvetica, Arial, san-serif; font-style:normal; font-weight:400; text-rendering:geometricPrecision; }
  h5 { font-family:"IBM Plex Serif"; font-style:normal; font-weight:300; text-rendering:geometricPrecision; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; text-transform:initial; }
        .profile_search_row button { box-sizing:border-box; padding:1%; background-color:#6494B8; width:100%; border:none; color:#fff; font-size:1.6em; cursor:pointer; }
        .profile_search_row button:hover { background-color:#284679; }
        .profile_search_row button h4 { color:#fff; font-size:.7em; padding:0; font-weight:400; }   
        .profile_search_row_org li { float:none; width:100%; }

/*##############################################################################################################################################
##############################################################################################################################################*/

/* 6) MESAGES */
    .messages { box-sizing:border-box; width:70%; margin:0 15%; max-width:1200px; padding:2%; background-color:#fff; color:#284679; }
      .messages ul { padding-bottom:2%; margin-bottom:2%; border-bottom:1px solid #6494B8; overflow:auto; }
      .messages ul:last-child { padding-bottom:0; margin-bottom:0; border:none; }
      .messages li { box-sizing:border-box; float:left; width:70%; position:relative; }
      .messages li:last-child { float:right; width:30%; text-align:right; }
        .messages h2 { font-size:1.3em; padding-bottom:4px; }
        .messages h4 { position:absolute; top:0; right:0; font-size:.6em; text-transform:uppercase; }
        .messages p { font-size:1em; line-height:1.3em; }
        .messages a { text-align:right; box-sizing:border-box; padding:4%; background-color:#F26B4D; border-radius:20px; color:#fff; font-size:.8em; text-align:center; display:inline-block; }
        .messages a h3 {  }
        .messages a:hover { background-color:#c1553d; }
    .messages_message, .messages_new_message { box-sizing:border-box; width:70%; margin:0 15%; max-width:1200px; color:#284679; }
      .messages_message ul {  }
      .messages_message li { padding:2%; background-color:#fff; border-left:2px solid #6494B8; margin-bottom:2%; position:relative; }
        .messages_message h4 { font-size:.7em; font-weight:700; color:#F26B4D; }
        .messages_message h3 {  padding-bottom:4px; font-size:.6em; text-transform:uppercase; color:#6494B8;}
        .messages_message p { font-size:1em; line-height:1.3em; }
      .messages_new_message { margin-bottom:10%; }
        .messages_new_message h5 { margin:4% 0 1% 0%; }
        .messages_new_message textarea { box-sizing:border-box; padding:3%; background-color:#fff; width:100%; border:none; color:#284679; font-size:1em; line-height:1.3em; min-height:300px; font-family:"IBM Plex Serif"; font-style:normal; font-weight:400; text-rendering:geometricPrecision; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; text-transform:initial; }
        .messages_new_message button { box-sizing:border-box; padding:1%; background-color:#6494B8; width:100%; border:none; color:#284679; font-size:1.3em; margin-top:1%; cursor:pointer; }
        .messages_new_message button:hover { background-color:#284679; }
        .messages_new_message button h4 { color:#fff; }