@charset "UTF-8";
/* RELIEF THROUGHH LEADERSHIP

reliefthroughleadership.com

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

/* Site Color Palette
=======================================
Red:          #BE1E2D . rgba(190,30,45)
Orange:       #EF4136 . rgba(239,65,54)
Blue:         #2F5678 . rgba(47,86,120)
Blue Hover    #24425c . rgb(36,66,92)
Dark Grey:    #A7A9AC . rgba(167,169,172)
Middle Grey:  #D1D3D4 . rgba(209,211,212)
Light Grey:   #F1F2F2 . rgba(241,242,242)
=======================================*/

/* CSS Font Styles
=======================================
CLOUD-HOSTED, HOEFLER & CO. (typography.com) VIA A&M MEDIA
WHITNEY LIGHT:          font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight: 300;
WHITNEY LIGHT ITALIC:   font-family: "Whitney A", "Whitney B"; font-style: italic; font-weight: 300;
WHITNEY BOOK:          font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight: 400;
WHITNEY BOOK ITALIC:   font-family: "Whitney A", "Whitney B"; font-style: italic; font-weight: 400;
WHITNEY BOLD:          font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight: 700;
WHITNEY BOLD ITALIC:   font-family: "Whitney A", "Whitney B"; font-style: italic; font-weight: 700;
WHITNEY BLACK:          font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight: 800;
WHITNEY BLACK ITALIC:   font-family: "Whitney A", "Whitney B"; font-style: italic; font-weight: 800;
=======================================*/

/* Table of Contents
=======================================
1) GLOBAL
  a) BASE STYLES
  b) FORM OVERRIDES
  c) SIDE MENU
  d) GLOBAL HEADER
2) INDEX
3) RECENT MATCHES REGION
4) NEEDS & NEED 
5) LOGIN

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

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

/* 1) GLOBAL */
  /* a) BASE STYLES */
  h1 { font-family:"Whitney A", "Whitney B", Helvetica, Arial, san-serif; font-style:italic; font-weight:800; text-rendering:geometricPrecision; }
  h2 { font-family:"Whitney A", "Whitney B", Helvetica, Arial, san-serif; font-style:normal; font-weight:800; text-rendering:geometricPrecision; }
  h3 { font-family:"Whitney A", "Whitney B", Helvetica, Arial, san-serif; font-style:normal; font-weight:700; text-rendering:geometricPrecision; }
  h4 { font-family:"Whitney A", "Whitney B", Helvetica, Arial, san-serif; font-style:normal; font-weight:400; text-rendering:geometricPrecision; }
  h5, p { font-family:"Whitney A", "Whitney B", Helvetica, Arial, san-serif; font-style:normal; font-weight:300; text-rendering:geometricPrecision; }
  h6 { font-family:"Whitney A", "Whitney B", Helvetica, Arial, san-serif; font-style:italic; font-weight:300; text-rendering:geometricPrecision; }
  em { font-family:"Sentinel SSm A", "Sentinel SSm B"; font-style: italic; font-weight: 400; }
  body { background-color:#FFFFFF; overflow:auto; height:auto; min-height:100%; }
  strong { font-weight:700; }
  a { text-decoration:none; color:#000000; transition: all .2s ease-in-out; }
  ul, li { list-style:none; }
  .wrapper { margin:auto; width:100%; height:100%; padding:0; }
  .inline { display:inline !important; } 
  .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 !important; }
  .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:"Whitney A", "Whitney B", Helvetica, Arial, san-serif; font-style: normal; font-weight: 300; transition: all .15s ease-in-out; }

  /* c) SIDE MENU */
  .button_container { position:absolute; top:1%; right:2%; height:40px; width:34px; cursor:pointer; z-index:110; transition:opacity .25s ease; }
  .button_container.active .top { transform:translateY(3px) translateX(0) rotate(45deg); background:#FFF; }
  .button_container.active .bottom { transform:translateY(-3px) translateX(0) rotate(-45deg); background:#FFF; }
  .button_container span { background:#D1D3D4; border:none; height:2px; width:100%; position:absolute; top:24px; left:0; transition:all .35s ease; cursor:pointer; }
  .button_container span:nth-of-type(2) { top:30px; }
  .button_word { position:absolute; top:3.6%; right:5.2%; font-size:.8em; z-index:110; color:#D1D3D4; z-index:110; }
  .button_word.active { color:#ffffff; }
  .overlay { position:fixed; background:rgba(47,86,120,.9); z-index:101; top:0; right: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:left; width:30%; 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:4%; position:relative; opacity:.9; }
  .overlay-menu ul li a { display:block; position:relative; color:#FFF; text-decoration:none; overflow:hidden; }
  .overlay-menu ul li a:hover { color:#D1D3D4; }
  .overlay-menu ul li span { color:#D7E8AE; font-size:1.3em; }
  .overlay-menu ul li h3 { font-size:1.3em; text-transform:uppercase; }
  .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:#D1D3D4; text-decoration:underline; }
  .overlay_index_link { position:fixed; top:2%; left:2%; text-align:right; }
  .overlay_index_link a { font-size:.8em; color:#fff; }
  .overlay_index_link a:hover { color:#D1D3D4; text-decoration:underline; }
  .overlay_developers_note { position:fixed; bottom:2%; left:2%; text-align:left; }
    .overlay_developers_note a { font-size:.7em; color:#fff; }
    .overlay_developers_note a:hover { color:#D1D3D4; text-decoration:underline; }  


  /* d) GLOBAL HEADER */
  .global_header { box-sizing:border-box; width:100%; } 
    .global_header .logo { float:left; padding:4% 0 0 4%; }
      .global_header .logo img { height:140px; }
      .global_header nav { float:right; margin:9% 4% 0 0; }
      .dropbtn { background-color:#fff; color:#000; padding:24px 36px; font-size:1.5em; border:none; cursor:pointer; min-width:200px; }
      .dropdown { position:relative; display:inline-block; z-index:89; }
      .dropdown-content { left:-25%; transition: all .2s ease-in-out; visibility:hidden; opacity:0; position:absolute; background-color:#F1F2F2; border-top:3px solid #EF4136; width:142%; z-index:1; text-align:center; box-shadow: 2px 3px 6px #666; }
      .dropdown-content a { color:#000; text-transform:lowercase; padding:18px 0; font-size:1.2em; text-decoration:none; display:block; border-bottom:2px solid #fff; }
      .dropdown-content a:last-child { border:none; }
      .dropdown-content a:hover { background-color:#D1D3D4; }
      .dropdown:hover .dropdown-content { visibility:visible; opacity:1; }

  /* GLOBALFOOTER */
  footer.global_footer { box-sizing:border-box; width:100%; padding:4%; background-color:#D1D3D4; margin-top: 4%; overflow:auto; }
    .global_footer .footer_left { float:left; box-sizing:border-box; width:36%; padding:0 4% 0 0; margin-right:4%; border-right:2px solid #F1F2F2; }
      .global_footer .footer_left img { box-sizing:border-box; padding:0 6%; width:100%; }
      .global_footer .footer_left .social_icons { box-sizing:border-box; width:100%; padding:14px 0; margin-top:14px; border-top:2px solid #F1F2F2; text-align:center; }
        .global_footer .footer_left .social_icons a { font-size:2.6em; color:#BE1E2D; padding:0 4px; }
        .global_footer .footer_left .social_icons a:hover { color:#EF4136; }
      .global_footer .footer_left p { font-size:.8em; line-height:1.3em; }

    .global_footer .footer_right { float:right; box-sizing:border-box; width:60%; }
      .global_footer .footer_right ul { box-sizing:border-box; width:100%; float:left; text-align:center; }
      .global_footer .footer_right li { padding-bottom:16px; }
      .global_footer .footer_right h1 { font-size:1.3em; padding:4px 10px; background-color:#fff; display:inline-block; }
      .global_footer .footer_right a { font-size:1em; }
      .global_footer .footer_right a:hover { text-decoration:underline; }



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


/* 2) INDEX */
  article.index_lead { position:relative; box-sizing:border-box; width:100%; overflow:auto; padding:4% 0; }
    .index_lead h1.index_top_line { position:absolute; top:70px; left:6%; z-index:2; font-size:5vw; background-color:#fff; padding-right:10px; padding-bottom:10px; }
    .index_lead h1.index_bottom_line { position:absolute; top:135px; left:8%; z-index:1; font-size:5vw; background-color:#fff; padding-right:10px; padding-bottom:10px; }
    .index_lead p { box-sizing:border-box; float:left; width:35%; padding:170px 6% 0 8%; line-height:1.3em; font-size:1.05em; }
    .index_lead .index_image { box-sizing:border-box; float:right; width:65%; height:650px; background-image:url('images/uploads/art/static/index-temp-image-2.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; }

  article.call_to_action { position:relative; overflow:hidden; height:600px; margin:3% 0; background-image:url('images/uploads/art/static/call-to-action-temp.jpg'); background-size:cover; background-position:center; background-repeat: no-repeat; }
    .call_to_action h1 { font-size:11vw; color:#BE1E2D; background-color:#fff; padding:2%; }
    .call_to_action .call_to_action_top { position:absolute; top:30px; left:-30px; z-index:1; }
    .call_to_action .call_to_action_bottom { position:absolute; top:175px; right:-30px; }
    .call_to_action a { position:absolute; box-sizing:border-box; bottom:50px; margin:auto; left:30%; width:40%; right:30%; padding:22px 0 24px 0; background-color:#EF4136; color:#fff; text-align:center; font-size:1.4em; }
    .call_to_action a:hover { background-color:#BE1E2D; }


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


/* 3) RECENT MATCHES REGION */
  article.recent_matches { box-sizing:border-box; width:100%; margin:4% 0; padding:4%; }
    .recent_matches_header { box-sizing:border-box; width:100%; overflow:auto; }
    .recent_matches_header div { float:left; width:48%; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #A7A9AC; }
    .recent_matches_header img { float:left; width:2%; padding:0 1%; }
    .recent_matches_header h4 { text-align:center; font-size:3.4em; color:#000; padding:4% 0; font-style:italic; clear:both; }
    .recent_matches ul { box-sizing:border-box; width:100%; overflow:auto; }
    .recent_matches li { float:left; box-sizing:border-box; width:31.3%; margin-right:3%; margin-bottom:3%; padding:1.5% 1.5% .5% 1.5%; background-color:#F1F2F2; border-top:3px solid #EF4136; }
    .recent_matches li:nth-child(3n) { margin-right:0; } 

    .matches_one_col, .matches_two_col { box-sizing:border-box; width:100%; margin-bottom:4%; text-align:left; overflow:auto; }
    .matches_two_col .match_item { float:left; width:48%; margin-right:4%; background-color:#fff; padding:4%; box-sizing:border-box; }
    .matches_two_col .match_item:last-child { margin-right:0; }
    .matches_one_col .match_item { width:100%; background-color:#fff; padding:4%; box-sizing:border-box; }
      .match_item h3, .need_detail h3 { font-size:.8em; color:#2F5678; padding-bottom:8px; }
      .match_item h5, .need_detail h5 { font-size:1.3em; color:#000; line-height:1.3em; }
      .matches_one_col a { width:100%; background-color:#2F5678; padding:4% 4% 5% 4%; box-sizing:border-box; text-align:center; font-size:1.4em; color:#fff; display:inline-block; }
      .matches_one_col a:hover { background-color:#24425c; }

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

/* 4) NEEDS & NEED */
    .needs_lead { position:relative; width:100%; height:300px; margin:4% 0 2% 0; background-image:url('/images/uploads/art/static/index-temp-image.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; }
      .needs_lead h1 { margin:0; position:absolute; top:50%; left:50%; text-transform:lowercase; text-align:center; transform:translate(-50%, -50%); font-size:4em; color:#000; background-color:#fff; padding:0 2% 1% 2%; }
      .needs .recent_matches { margin-bottom:0; padding-bottom:0; }
      .needs .recent_matches h4 { font-size:2em; color:#2F5678; padding-bottom:1%; border-bottom:2px solid #D1D3D4; margin-bottom:2%; }

    .need {  }
      .need .need_lead { padding:4% 0; margin:4% 4% 0 4%; border-top:2px solid #D1D3D4; border-bottom:2px solid #D1D3D4; text-align:center; }
        .need .need_lead h1 { font-size:3em; }
        .need .need_lead p { font-size:1.3em; padding-top:8px; color:#A7A9AC; line-height:1.2em; }
        .need .need_lead a { text-decoration:underline; color:#A7A9AC; }
        .need .need_lead a:hover { text-decoration:none; }
      .need_item_login .need_one_col { margin-bottom:0; }
      .need_item_login .need_one_col a { padding:4%; }
      .need article.need_detail { box-sizing:border-box; margin:4%; width:92%; }
        .need_detail { padding:2% 2% 0% 2%; overflow:auto; background-color:#F1F2F2; border-top:3px solid #EF4136; }
          .need_item { box-sizing:border-box; padding:2%; }
            .need_item_textarea p { padding-bottom:10px; font-size:1.3em; line-height:1.3em; color:#000; }
          .need_one_col { width:100%; margin-bottom:2%; overflow:auto; }
            .need_one_col .need_item { width:100%; padding:2%; background-color:#fff; }
            .need_one_col a { width:100%; background-color:#2F5678; padding:2%; box-sizing:border-box; text-align:center; font-size:1.8em; color:#fff; display:inline-block; }
            .need_one_col a:hover { background-color:#24425c; }
          .need_two_col { width:100%; margin-bottom:2%; overflow:auto; }
            .need_two_col .need_item { float:left; width:49%; margin-right:2%; padding:2%; background-color:#fff; }
            .need_two_col .need_item:last-child { margin-right:0; }
          .need_three_col { width:100%; margin-bottom:2%; overflow:auto; }
            .need_three_col .need_item { float:left; width:32%; margin-right:2%; padding:2%; background-color:#fff; }
            .need_three_col .need_item:last-child { margin-right:0; }
          .need_four_col { width:100%; margin-bottom:2%; overflow:auto; }
            .need_four_col .need_item { float:left; width:23.5%; margin-right:2%; padding:2%; background-color:#fff; }
            .need_four_col .need_item:last-child { margin-right:0; }
     .need_item input, .need_item select, .need_item textarea  { background-color:#fff; color:#000; font-size:1.3em; font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight: 400; border:0; padding:0; }
      .styled_select { overflow:hidden; width:100%; background: url('/images/uploads/art/static/select-arrow.svg') no-repeat right; }
      .need_item select { background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:104%; border-radius:0; }
      .need_item input, .need_item textarea { box-sizing:border-box; width:100%; }

      .need_success { height:50%; min-height:500px; width:100%; background-image: url(/images/uploads/art/static/success-temp.jpg); background-size:cover; background-position:center; }
      .need_success h1 { margin-top:15%; box-sizing:border-box; padding:2% 2% 2.5% 2%; font-size:3em; width:100%; background-color:rgba(255,255,255,.8); text-align:center; }
      .need_success p { box-sizing:border-box; padding:2% 2% 2.5% 2%; font-size:1.3em; line-height:1.2em; width:100%; background-color:rgba(235,65,54,.8); text-align:center; color:#fff; }
      .need_success a { color:#fff; text-decoration:underline; }
      .need_success a:hover { text-decoration:none; }

    .need_checkbox_buttons { width:100%; }
      .need_checkbox_buttons { margin-left:0; }
      .need_checkbox_buttons li { list-style:none; float:left; width:23.5%; margin-right:2%; height:74px; position:relative; }
      .need_checkbox_buttons li:nth-child(1), .need_checkbox_buttons li:nth-child(2), .need_checkbox_buttons li:nth-child(3), .need_checkbox_buttons li:nth-child(4) {margin-bottom:2%; }
      .need_checkbox_buttons li:nth-child(4n) { margin-right:0; }
      .need_checkbox_buttons li:hover { background:#BCDDE4; }
      .need_checkbox_buttons input, .need_checkbox_buttons label { display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:none; box-shadow:0; box-sizing:initial; border-radius:none; }
      .need_checkbox_buttons input[type=checkbox] { opacity:0.011; z-index:100; width:100%; height:100%; cursor:pointer; padding:0; margin:0; border:none; }
      .need_checkbox_buttons input[type=checkbox]:checked + label { background:#2F5678;color:#FFFFFF !important; }
      .need_checkbox_buttons input[type=radio] { opacity:0.011; z-index:100; width:100%; height:100%; cursor:pointer; padding:0; margin:0; border:none; }
      .need_checkbox_buttons input[type=radio]:checked + label { background:#2F5678;color:#FFFFFF !important; }
      .need_checkbox_buttons label { text-align:center; cursor:pointer; padding:29px 0; border:none; background-color:#F1F2F2; color:#000; font-size:1em; font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight:400; z-index:99; transition: all .2s ease-in-out; }
      .need_checkbox_buttons label:hover { background-color:#F1F2F2; }

    .need_checkbox_buttons_y_n { width:100%; }
      .need_checkbox_buttons_y_n { margin-left:0; }
      .need_checkbox_buttons_y_n li { list-style:none; float:left; width:48%; margin-right:4%; height:74px; position:relative; }
      .need_checkbox_buttons_y_n li:last-child { margin-right:0; }
      .need_checkbox_buttons_y_n li:hover { background:#BCDDE4; }
      .need_checkbox_buttons_y_n input, .need_checkbox_buttons_y_n label { display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:none; box-shadow:0; box-sizing:initial; border-radius:none; }
      .need_checkbox_buttons_y_n input[type=radio] { opacity:0.011; z-index:100; width:100%; height:100%; cursor:pointer; padding:0; margin:0; border:none; }
      .need_checkbox_buttons_y_n input[type=radio]:checked + label { background:#2F5678;color:#FFFFFF !important; }
      .need_checkbox_buttons_y_n label { text-align:center; cursor:pointer; padding:29px 0; border:none; background-color:#F1F2F2; color:#000; font-size:1em; font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight:400; z-index:99; transition: all .2s ease-in-out; }
      .need_checkbox_buttons_y_n label:hover { background-color:#F1F2F2; }

      .need_item input[type=text], .need_item select { padding:8px 0 6px 0; } 
      .need_detail input[type=submit] { cursor:pointer; width:100%; background-color:#2F5678; padding:2%; box-sizing:border-box; text-align:center; font-size:1.8em; color:#fff; display:inline-block; }
      .need_detail input[type=submit]:hover { background-color:#24425c; }

      .need_detail .fa-star-of-life { color:#EF4136; font-size:8px; bottom:4px; position:relative; padding-left:3px; }
      .need_item h2 { font-size:1.1em; padding-bottom:12px; color:#BE1E2D; }


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


/* 5) LOGIN */
.login { text-align:center; }
.login section { height:100%; }
  .login .site-footer { position:fixed; bottom:0; }
  .login h1 { font-size:3em; color:#000; text-transform:none; }
  .login h4 { font-size:1.3em; color:#A7A9AC; padding-bottom:2%; }
  .login h5 { padding-top:4%; font-size:12px; color:#000; }
    .login h5 a { color:#2F5678; }
    .login h5 a:hover { text-decoration:underline; color:#24425c; }
  .login-start-buttons {  }
    .login-start-buttons ul { width:100%; margin:auto; }
      .login-start-buttons li { display:inline-block; height:auto; width:240px; margin-right:10px; }
      .login-start-buttons li:last-child { margin-right:0; margin-left:-4px; }
      .login-start-buttons h4 { padding:0; margin:0; }
      .login-start-buttons a { display:block; padding:20px; background-color:#24425c; color:#2F5678; font-size:1em; }
      .login-start-buttons a:hover { background-color:#D1D3D4; }
  .login-form { display:block; width:50%; margin:auto; }
    .login input[type="text"], .login input[type="password"] { margin:auto; display:block; text-align:center; width:100%; padding:4% 0; border:none; margin-bottom:4%; background-color:#F1F2F2; color:#575959; font-size:1.5em; font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight: 300;  }
    .login input[type="text"]:hover, .login input[type="password"]:hover { background-color:#D1D3D4; }
    .login input[type="submit"] { cursor:pointer; margin:0; display:block; text-align:center; width:100%; padding:4% 0; border:none; background-color:#2F5678; color:#FFFFFF; font-size:1.5em; font-family: "Whitney A", "Whitney B"; font-style: normal; font-weight: 300;  }
    .login input[type="submit"]:hover { background-color:#24425c; }
  .login-form label h4 { padding:0; color:#24425c; font-size:.8em; margin:8% 0 2% 0; }


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


/* 6) ABOUT */
.about-us { width:60%; margin:5% 20%; }
  .about-us h1 { font-size:5em; color:red; text-align:center; }
  .about-us h3 { font-size:2em; padding-bottom:8px; margin-top:6%; }
  .about-us img { width: 100%; }
  .about-us p { font-size:1.3em; margin-bottom:2%; line-height:1.2em; }
  .about-us p b { font-weight:700; }