/* ==========================================================================
  General
   ========================================================================== */
   
   h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #4c4c4c !important; text-transform: none; }
   a:link, a:visited { color: #2a789c; }
   body { font-family: "Century Gothic",Arial; color: #4c4c4c; }
   .quicksand, p { font-family: "Century Gothic",Arial; }
   
/* ==========================================================================
   HEADER/MENU
   ========================================================================== */ 
   
   .logo { width: 100%; background-color: #4c4c4c; padding: 10px 0px 10px 0; }
   .logo_text_second {font-size: 40px; color: #4c4c4c; float: left; margin-top: 10px; font-weight: bold;}
   .logo a { text-decoration: none; }
   
   .header_top { height: 40px; display: block !important; background-color: #be1035; }
   .logo_img { margin-left: 10px; }

   .navbar { height: 170px; padding-top: 12px;}
   .navbar .container .main-menu { margin-top: 20px; }
   .navbar .container .main-menu li { background-color: #2a789c; }
   .navbar .container .main-menu li a:hover { background-color: #ffffff; color: #2a789c !important; text-transform: none; }
   .navbar-nav .active a { background-color: #ffffff !important; color: #2a789c !important; }

   .internal_sub_nav { background-color: #4c4c4c; }
   .internal_sub_nav .nav li a { color: #ffffff; }
   .internal_sub_nav .nav li a:hover { background-color: #2a789c; color: #ffffff;}
   .internal_sub_nav .nav li.active a { background-color: #2a789c; color: #ffffff !important; }

   .large-nav .internal_sub_nav ul li a { background-color: #2a789c; color: #ffffff; }
   .large-nav .internal_sub_nav ul li.active a { background-color: #2a789c; color: #ffffff; }
   .large-nav .internal_sub_nav ul li a:hover { background-color: #2a789c; color: #ffffff; }

   .header_container { background-color: #2a789c !important; box-shadow: 0 -1px 3px 2px #000000 !important;}
   .responsive_menu { box-shadow: 0 -1px 3px 2px #000000 !important; }
   .responsive_menu li.special { background-color: #ffffff !important;}
   .responsive_menu li.special a { color: #2a789c !important; }
   .responsive_menu li { background-color: #2a789c !important; border-bottom: 1px solid #000000 !important;}
   .responsive_header { background-color: #2a789c !important; }


/* ==========================================================================
   CONTENT
   ========================================================================== */

   /* 2a789c */


   .fullwidth.content, .fullwidth, .main_body, .section_title, #pager { background-color: #ffffff; }

   .breadcrumb { background-color: #2a789c !important; }

   .hme-slideshow #pager { background-color: #ffffff; }
   
   .account-loggedin { background-color: #f6f6f6 !important; margin-top: 0px !important; height: 130px !important;}
   .account-details .header { background-color: #f6f6f6 !important; color: #4c4c4c !important; text-transform: capitalize !important;}
   .account-loggedin .link { font-weight: bold; font-size: 17px; }
   .account-loggedin .link a { text-transform: none !important; font-size: 17px !important; }
   .account-loggedin .quicksand { font-size: 15px !important; text-transform: none !important; color: #4c4c4c !important; }

   .hme-slideshow .cycle-slideshow { background-color: #2a789c; }
   .hme-slideshow .cycle-slideshow .cycle-overlay { background-color: #2a789c; }
   .promo_text .link_text { color: #ffffff !important; text-transform: none !important; }
   .curve { background-color: #009879; }
   #next, #previous { background-color: #2a789c; text-shadow: 2px 0 #2a789c; }
   .homepage_slider_btn { border-bottom: 3px solid #2a789c; }

   #pager .cycle_btn { background: url('/layout/cycle-pager-new.png') no-repeat scroll -38px 1px transparent; }
   #pager #nav a  { background: url('/layout/cycle-pager-new.png') no-repeat scroll -43px -37px transparent; }

   .challenge_wrap h2.challenge { background-color: #2a789c !important; color: #ffffff !important; display: none; }
   .challenge-areas-challenge .challenge, .challenge-type-header { background-color: #2a789c !important; color: #ffffff !important; text-transform: none;}
   .col-lg-4>.challenge_wrap>h2, .challenge_content .btns>a { background-color: #2a789c; color: #ffffff !important; }
   .challenge_region .challenge_btn .save, .challenge_region .challenge_btn .accept { background-color: #2a789c; color: #ffffff; border-bottom: 3px solid #2a789c; }
   .challenge-type p a { color: #2a789c !important; }
   .challenge-type-header a { color: #ffffff !important; }
   .challenge_content.challenge-type { background-color: #f6f6f6; margin-top: 8px;}
   .challenge_title_header { font-size: 18px; font-weight: bold; }
   .challenge-areas .challenge-areas-challenge:nth-child(n+5) { display: block ; }
   .challenge_content p { color: #4c4c4c; }

   .main_body.events .event_btn { background-color: #2a789c; }
   .datepicker_head { background-color: #4c4c4c !important; border-bottom: 1px solid #4c4c4c !important; }
   .event_datepicker table thead tr th { color: #4c4c4c !important; }
   .datepicker-days table tr td:hover, .event_datepicker table tr td.active, .event_datepicker table tr td span:hover, .event_datepicker table tr td span.active { background-color: #4c4c4c !important; color: #ffffff !important; }
   .main_body.events .challenges .challenges_title { background-color: #2a789c; }
   .main_body.events .challenges .challenge_link a { color: #2a789c; }

   .event_content p span { color: #ffffff !important; }

   .create_btn { border-bottom: 3px solid #2a789c; background-color: #2a789c; color: #ffffff !important; text-transform: none; }

   .my-account-challenge-saved .accept-challenge { background-color: #2a789c !important; color: #ffffff !important;}
   .my-account-challenge-saved .remove-challenge, .challenge-time .remove-challenge { color: #ffffff !important; }

   a[href^="mailto"] { text-decoration: underline; }
   a[href^="mailto"]:hover { text-decoration: underline;}

   .main_body a { text-decoration: underline; }
   .main_body a:hover { text-decoration: underline;}

   .create_btn, .challenge_region .challenge_btn .save, .challenge_region .challenge_btn .accept, #account-tabs a, .my-account-challenge-saved .accept-challenge, .my-account-challenge-saved .remove-challenge { text-decoration: none !important; }

   .alert-warning a { color: #000000 !important; }

   .help-block { color: #ffffff !important; }

   .homepage_modules .homepage_module > div { background-color: #f6f6f6; }
   .homepage_module p, .home_sign_up_title, .home_sign_up_content { color: #4c4c4c !important; text-transform: none !important;}
   .member_number { background-color: transparent !important; border-bottom: none !important;}
   .home_sign_up .home_sign_up_readmore { text-transform: none !important; font-size: 18px !important; font-weight: bold;}

   .breadcrumb a { color: #ffffff !important; }
   .content h1.page-title { text-transform: none; }

   .alignnull, .alignleft, .alignnone { float: none; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
   
   .container.footer .row p a, .container.footer .row h4, .container.footer .row h4 a, .nav-footer a, .footer .small { color: #ffffff !important; }
   .disclaimer .container.footer { border-top: none; margin-top: 0;}

   .social div { display: inline-block; }
   .social img { width: 35px; margin-right: 15px;}
   .social .facebook img { margin-right: 5px; }
   .footer_social { display: inline-block; background-color: #2a789c; padding: 12px; color: #ffffff; text-transform: capitalize !important; font-size: 18px; text-align: center; font-weight: bold;}

   .footer p { color: #ffffff; }
   .footer_fullwidth { border-top: 40px solid #009879; margin-top: 40px; background-color: #4e4e50;}
   .fullwidth.disclaimer { background-color: #4e4e50; }

   .container.footer .row h4 { text-transform: capitalize; }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

   @media (min-width : 768px) and (max-width : 991px) { 
      .logo_text_second { font-size: 31px; }
      .navbar .container .main-menu { margin-top: 5px; }
   }

   @media (max-width: 767px) {
    .logo { width: 100%; }
    .flexi_nav { background-color: #2a789c !important; }
    .flexi_nav a { color: #ffffff !important; }
    .flexi_nav.nav > li > a:hover { background-color:#ffffff !important; color: #2a789c !important; }
    .logo_text_second { font-size: 40px; }
   }

   @media (min-width: 320px) and (max-width: 568px) {
      .privacy_policy { float: left !important; }
   }

   @media (max-width: 380px) {
      .logo_text_second { font-size: 34px; }
   }