/* ==========================================================================
  General
   ========================================================================== */
   h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #5f6369 !important; }
   a:link, a:visited { color: #5f6369; }
   
/* ==========================================================================
   HEADER/MENU
   ========================================================================== */ 
   
   .logo { width: 50%; }
   .logo a { text-decoration: none; }
   .logo_img img { width: 255px; }
   .logo_text_second {font-size: 25px; color: #5f6369; text-transform: none; font-weight: bold; margin-top: -5px;}

   .navbar { height: 280px; }
   .navbar .container .account-menu li { background-color: #a7872e; border-top: 3px solid #ffffff; }
   .navbar .container .account-menu li:hover { border-top: 3px solid #ffffff;; }
   .navbar .container .account-menu li a:hover { background-color: #2588a1; }
   .navbar .container .account-menu li.small a { color: #a7872e; }
   .navbar .container .main-menu { margin-top: 30px; }
   .navbar .container .main-menu li { background-color: #5f6369; }
   .navbar .container .main-menu li a { color: #ffffff; }
   .navbar .container .main-menu li a:hover { background-color: #a7872e;}
   .navbar-nav .active a { background-color: #a7872e !important; }
   
   .internal_sub_nav { background-color: #5f6369; }
   .internal_sub_nav .nav li a { color: #ffffff; }
   .internal_sub_nav .nav li a:hover { background-color: #a7872e; color: #ffffff;}

   .large-nav .internal_sub_nav ul li a { background-color: #a7872e; color: #ffffff;}
   .large-nav .internal_sub_nav ul li.active a { background-color: #5f6369; color: #ffffff; }
   .large-nav .internal_sub_nav ul li a:hover { background-color: #5f6369; color: #ffffff; }

   .header_container { background-color: #a7872e !important; box-shadow: 0 -1px 3px 2px #9f7b18 !important;}
   .responsive_menu { box-shadow: 0 -1px 3px 2px #9f7b18 !important; }
   .responsive_menu li.special { background-color: #5f6369 !important;}
   .responsive_menu li.special a { color: #ffffff !important; }
   .responsive_menu li { background-color: #a7872e !important; border-bottom: 1px solid #9f7b18 !important;}
   .responsive_header { background-color: #a7872e !important; }
   
/* ==========================================================================
   CONTENT
   ========================================================================== */
   
   .hme-slideshow { padding-bottom: 5px !important; }
   
   .account-loggedin { background-color: #a7872e !important; }
   .account-loggedin .link a { color: #ffffff; }
   .account-details .header { background-color: #2588a1 !important; }
   .account-details .inner { background-color: #d5d6d8 !important; }
   .account-details .inner a.saved-challenge-link { color: #5f6369; }

   .hme-slideshow .cycle-slideshow { background-color: #5f6369; }
   .hme-slideshow .cycle-slideshow .cycle-overlay { background-color: #5f6369; }
   .promo_text .link_text { color: #ffffff !important; }
   .curve { background-color: #5f6369; }
   #next, #previous { background-color: #2588a1; text-shadow: 2px 0 #1d7e97; }
   .homepage_slider_btn { border-bottom: 3px solid #1d7e97; }

   .challenge_wrap h2.challenge { background-color: #5f6369 !important; color: #ffffff !important; }
   .challenge-areas { padding-top: 25px; }
   .challenge-areas-challenge .challenge, .challenge-type-header { background-color: #5f6369 !important; color: #ffffff !important; }
   .col-lg-4>.challenge_wrap>h2, .challenge_content .btns>a { background-color: #5f6369; color: #ffffff !important; }
   .challenge_region .challenge_btn .save, .challenge_region .challenge_btn .accept { background-color: #5f6369; color: #ffffff; border-bottom: 3px solid #575b61; }
   .challenge-type p a { color: #5f6369 !important; }
   .challenge-type-header a { color: #ffffff !important; }

   .main_body.events .event_btn { background-color: #5f6369; }
   .main_body.events .challenges .challenges_title h3 { color: #ffffff !important; }
   .datepicker_head { background-color: #2588a1 !important; border-bottom: 1px solid #1d7e97 !important; }
   .event_datepicker table thead tr th { color: #2588a1 !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: #2588a1 !important; color: #ffffff !important; }
   .main_body.events .challenges .challenges_title { background-color: #5f6369; }
   .main_body.events .challenges .challenge_link a { color: #5f6369; }

   .create_btn { border-bottom: 3px solid #575b61; background-color: #5f6369; color: #ffffff !important;}

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

   .homepage_modules .homepage_module > div { background-color: #5f6369; }
   .homepage_modules .homepage_module:nth-of-type(2n) > div  { background-color: #2588a1; }
   .members_module>div { padding: 10px; }
   .homepage_module p, .home_sign_up_readmore, .home_sign_up_title, .home_sign_up_content, .tweet_links a, .home_sign_up a { color: #ffffff !important; }
   .home_twitter .home_sign_up_content a { text-decoration: underline; }
   .member_number { background-color: transparent !important; border-bottom: none !important;}
   
/* ==========================================================================
   FOOTER
   ========================================================================== */
   
   .container.footer .row h4 a, .container.footer .row p a { color: #5f6369; }
   .container.footer .row h4 { color: #5f6369 !important; }

   .container.footer .row p.small a { color: #2588a1; }

   .vm_footer_mlogo { width: 90px; }

   .foot_logo { text-align: center; }
   .foot_logo img { width: 80px; float: right; }

   .footer-logo img { max-width: 200px; width: 100%; }
   
/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

   @media (min-width : 992px) and (max-width : 1199px) { 
    .navbar .container .main-menu { margin-top: -90px; }
   }
   @media (min-width : 768px) and (max-width : 991px) { 
    .navbar .container .logo { margin-right: 0px; }
    .navbar .container .main-menu { margin-top: -75px; }
    .logo { width: 70%; }
   } 
   @media (max-width: 991px) {
    .navbar { height: 245px; }
    .logo_img img { width: 210px; }
    .logo_text_second {font-size: 20px; }  
   }
   @media (max-width: 767px) {
    .logo { width: 100%; }
    .flexi_nav { background-color: #a7872e !important; }
    .flexi_nav a { color: #ffffff !important; }
    .flexi_nav.nav > li > a:hover { background-color:#5f6369 !important;}
    .flexi_nav li.active a { background-color:#5f6369 !important; }

    .foot_logo img { float: none; }
    .footer .small { text-align: center; }

    .homepage_modules .homepage_module .clearboth , .homepage_modules .homepage_module:nth-of-type(2n) .clearboth { background-color: transparent; }
   }
   @media (min-width : 320px) and (max-width : 410px) { 
    .navbar { height: 225px; }
    .logo_img img { width: 170px; }
    .logo_text_second {font-size: 16px; }   
   }