@import url("wah.buttons.v7.css");
@import url("wah.colors.v7.css");

/*-----------------------------------------*/
/* Fonts Styling                           */
/*-----------------------------------------*/
/* https://fonts.google.com/specimen/Roboto?selection.family=Roboto:400,400i,700,700i */

@font-face {
    font-family: "Flama";
    src: url("fonts/flama/Flama-Medium.otf");
    font-weight: normal;
}
@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-Regular.ttf");
    font-weight: normal;
}
@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-Italic.ttf");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-BoldItalic.ttf");
    font-weight: bold;
    font-style: italic;
}


/*-----------------------------------------*/
/* Global Styling                          */
/*-----------------------------------------*/

/* was previously 16px in v3.0 and previously 14px in v2.0!*/
/* easy to switch back to 16px, methinks.*/
body { font-family: 'Roboto', sans-serif; font-size: 18px; }
body.fixed_nav { padding-top: 42px; }

h1, h2, h3, h4, h5, h6 {font-family: 'Flama', sans-serif;}


/*-----------------------------------------
/* Header Styling                          */
/*-----------------------------------------*/
.top_nav {
    background: #1E3250;
    background: -webkit-linear-gradient(bottom, #1E3250, #274169); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #1E3250, #274169); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #1E3250, #274169); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #1E3250, #274169);
    color: #fff;
    /*border-bottom: 1px solid #eee;*/
    min-height:32px;
}
.top_nav p.ceo {
    display:inline-block;
    margin:0;
    padding:6px 0px 0px 16px;
    font-size:14px;
    font-weight: bold;
}
.top_nav p.ceo a {
    text-decoration: none;
    /*color: #595959;*/
    color: #fff;
}
.top_nav p.ceo a:hover {
    /*color: #484848;*/
    color: #eee;
}

.top_nav p.flag_wrap {
    display:inline-block;
    float:right;
    margin:0;
    padding:1px 24px 0px 0px;
}
.top_nav p.flag_wrap a {text-decoration: none;}


.wah_main_nav {border-bottom: 1px solid #e7e7e7;}
.wah_main_nav.navbar {padding-top:0px;}

.wah_main_nav .wah_logo {display:inline-block; padding:16px 0px;}
.wah_main_nav .wah_logo > img {height:120px;}

.wah_main_nav .wah_mini_logo {padding:8px 0px 0px 0px;}
.wah_main_nav .wah_mini_logo > img {height:48px;}

.wah_main_nav form#main_nav_search { display:none; margin-top: 48px;}
.wah_main_nav.sticky_nav form#main_nav_search { margin-top: 12px;}
.wah_main_nav form#main_nav_search input.form-control { width:380px;}
.wah_main_nav form#main_nav_search .close_search {}


.wah_main_nav .navbar-nav .nav-link {padding: 12px 14px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #777; }
.wah_main_nav .navbar-nav .nav-link.show { color: #555; background: #e7e7e7; }
/*.wah_main_nav .navbar-nav .nav-link:hover {background-color: #e7e7e7;}*/

.wah_main_nav .navbar-nav .nav-link.orange_highlight {color:#ccb146;}
.wah_main_nav .navbar-nav .nav-link.orange_highlight:hover { background-color: #e7e7e7; color: #bca134; }
.wah_main_nav .navbar-nav .nav-link.signup_orange_bg { padding: 10px 12px;background-color:#ccb146; color:#fff; border-radius: 4px; }
.wah_main_nav .navbar-nav .nav-link.signup_orange_bg:hover {background-color:#bca134;}

.wah_main_nav .navbar-nav .dropdown-menu { margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.wah_main_nav .dropdown-menu > li > a { color: #555; padding: 5px 14px; }
.wah_main_nav .dropdown-menu > li > a:hover { color: #333; }
.wah_main_nav a.profile_link_img > img {width:42px;margin-right:4px;}

.wah_main_nav .navbar-nav > li > a.user_dropdown {
    position: relative;
    padding: 10px 10px 5px 10px;
    margin-right: 0px;
    font-size: 24px;
}
.wah_main_nav .navbar-nav > li > a.user_dropdown span {
    font-size: 18px;
}
.wah_main_nav .navbar-nav > li > a.dropdown-toggle.user_dropdown:after { content: none; } /* hide caret */
.wah_main_nav .navbar-nav > li > a.user_dropdown > span.notif_count {
    position:absolute;
    top:2px;
    right:0px;
    height:16px;
    min-width:16px;

    padding:2px 2px;
    font-size:12px;
    line-height: 12px;
    font-weight: bold;
    background:#ccb146;
    color:#fff;

    text-align: center;
    border-radius:4px;
}

@media (max-width: 1090px) {
    .wah_main_nav .wah_logo > img {height:96px;}
    .wah_main_nav .navbar-nav .nav-link {padding: 8px 8px;}
    .wah_main_nav form#main_nav_search input.form-control { width:320px;}
}


/*-----------------------------------------*/
/* Main Styling                            */
/*-----------------------------------------*/
#simple_content {min-height:420px;}
#simple_content > p {margin-bottom:16px;}

h1.page_header {margin:30px 0px 20px 0px;font-weight:600;}
a {color: #4c6b8b;text-decoration: none;}

.nav-link {color: #4c6b8b;}
.nav-link:focus, .nav-link:hover {color: #4c6b8b;}

.alert-danger,
.alert-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.alert-danger hr,
.alert-error hr { border-top-color: #e4b9c0; }
.alert-danger .alert-link,
.alert-error .alert-link { color: #843534; }

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background: #4c6b8b;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.well.ind_green,
    tr.ind_green > th,
    tr.ind_green > td {background-color: #bfdbac;}
.well.ind_yellow,
    tr.ind_yellow > th,
    tr.ind_yellow > td {background-color: #fde292;}
.well.ind_orange,
    tr.ind_orange > th,
    tr.ind_orange > td {background-color: #e5a176;}
.well.ind_light_blue,
    tr.ind_light_blue > th,
    tr.ind_light_blue > td {background-color: #d3ddf0;}


/*-----------------------------------------*/
/* Form Styling                            */
/*-----------------------------------------*/
.asteriskField {color:#f66;font-size:12px;vertical-align:top;}
.form_section {
    margin-bottom:20px;
    padding:10px 20px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 5px;
    /*background:#f0f5f9;*/
    /*border:1px solid #ccc;*/
    /*border-radius:5px;*/
}
.form_section h3 {
    margin:10px 0px 20px 0px;
    font-weight:bold;
}

.help-block {
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0px 10px 0px;
    color: #737373;
}


/*-----------------------------------------*/
/* Datatables Overrides                    */
/*-----------------------------------------*/
.page-link {color: #4c6b8b;}
.active>.page-link, .page-link.active {
    background: #4c6b8b;
    border: 1px solid #4c6b8b;
}



/*-----------------------------------------*/
/* Account Profile Styling                 */
/*-----------------------------------------*/
div.callout { padding:8px;margin:10px 0px 20px 0px;border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); }
div.callout div.header { padding: 5px 8px; margin: 2px 0px 12px 0px; background-color: #f5f5f5; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
div.callout div.header h3 {margin:0px;color:#595959;font-size:22px;font-weight: bold;}
div.callout div.header em {font-size:13px;}
div.callout div.callout_text { padding:0px 10px 0px 10px; font-size:16px; }
div.callout div.callout_text p { font-size:inherit; }
div.callout .callout_btn { margin:5px; }

div.callout div.callout_text p.overall_ranking_factor { font-size:18px; margin-bottom:2px; }
div.callout div.callout_text p.sub_ranking_factor {font-size:18px; margin-bottom:2px; }
div.callout div.callout_text p.sub_ranking_factor_help { font-size:16px; line-height: 18px; color:#555; }
div.callout img.profile_photo { margin-bottom:10px; }

div.profile_overview {margin-bottom:15px;}
div.profile_overview h3 {margin:10px 0px;font-size:20px;}
div.profile_overview p {font-size:16px;}

/* Profile Photos */
.profile-item-img-panel {
    position: relative;
    padding: 4px;
    /*background: #f5f5f5;*/
    background: none;
    /*border: 1px solid #DDD;*/
    border: none;
    display:inline-block;
    /*overflow: hidden;*/
    /*height: 200px;*/
    /*max-height: 200px;*/
    /*text-align: center;*/
}
.profile-item-img {
    margin: 0 auto;
    text-align:center;
    padding: 4px;
    background:#fff;
    border:1px solid #ddd;
    max-height:240px;
    max-width:96%;
}
.default_photo {text-align:center;margin-top:-40px;}
table.contact {table-layout:fixed;word-wrap:break-word;width:100%;}
table.contact td {padding-right: 5px;vertical-align:top;}


h4.profile_header {font-size:18px;margin-top:20px;}

a.popover_link {color:#555;border-bottom:1px dotted #555;}
a.popover_link:hover {text-decoration:none;}

.message_nav {margin-top: 24px;}
.nav-pills.message_nav .nav-link.active, .nav-pills.message_nav .show>.nav-link {
    background: #337ab7;
}

#message_inbox_table {}
#message_inbox_table thead tr th {border-bottom:1px solid #c4c4c4;}
#message_inbox_table tbody tr td {background-color:#f9f9f9;}
#message_inbox_table tbody tr td:hover {cursor:pointer;}
#message_inbox_table tbody tr.unread td {font-weight:bold;background:#ffffff;}
#message_inbox_table tbody tr:hover td,#message_inbox_table tbody tr:hover th{background-color:#f5f5f5;}
#message_inbox_table span.recip_total {color:#aaa;font-size:16px;}

#message_inbox_table_filter input {height:32px;width:300px;padding:8px 10px;font-size:16px;}

h3.message_subject {margin:32px 0px 16px 0px;display:inline-block;}
a.top_reply {margin:32px 0px 8px 0px;}

table.to_from_table { margin:0px 0px 16px 0px; width:100%; }
table.to_from_table tr th,
table.to_from_table tr td {
    vertical-align:top;
    padding:0px 10px 4px 0px;
    font-size:16px;
}
table.to_from_table th { text-align:right; }
table.to_from_table td.actions { text-align:right; }

div.message_body_wrap {
    padding:24px 24px;
    margin-bottom:0px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
div.message_body_wrap.last {
    border-radius:4px;
    border-bottom: 1px solid #ddd;
}
div.message_body_wrap h3 {
    margin-top:4px;
}

.message_body {
    margin:10px 0px;
}
.message_actions {
    margin:0px 0px 20px 0px;
    padding:10px;
    /*background:#f6f6f6;*/
    /*border:1px solid #ddd;*/
    /*border-bottom-left-radius: 4px;*/
    /*border-bottom-right-radius: 4px;*/
}
.reply_form > .form_section {
    padding:16px 16px 10px 16px;
}

table.profile_details th {text-align:right;width:220px;}

ul.profile_ars { list-style-type: none; padding-left:20px;}
ul.profile_ars li {padding-bottom:6px;}
ul.profile_ars li span.complete {
    text-decoration: line-through;
    color: #6e6e6e;
}

/*-----------------------------------------*/
/* Following / Notifications               */
/*-----------------------------------------*/

/* Following Tab */
.profile_nav {}
.profile_nav .dropdown-menu {font-size:16px;}

div.following_wrap {
    margin-bottom:32px;
    /*padding:10px;*/
    /*border: 1px solid #ccc;*/
    /*border-radius: 4px;*/
}
div.following_wrap h2 {margin-top:0px;font-weight: bold;}
div.following_wrap > .table {margin:0px 0px 32px 0px;}

div.following_wrap > form {}
div.following_wrap > form label {}
div.following_wrap > form select {width:420px;}

div.follow_item {
    margin:4px 0px;
    /*padding:10px;*/
    /*border:1px solid #ccc;*/
    /*border-radius:4px;*/
}

div.follow_item .follow_title_wrap {float:left;width:80%;}
div.follow_item .follow_title {font-size:20px;}

/* Notifications Tab */
div.no_activity {margin-top:32px;padding:20px;border: 1px solid #e6e6e6;border-radius:4px;}
div.no_activity p {font-size:22px;line-height:24px;width:80%;}


/* START: New Vue Based Activity System! */
div.notifs_overview {margin:20px 0px;}
div.notifs_wrap {margin:16px 0px;}

form.notif_form {margin-bottom:8px; padding:0px 16px;/*text-align:center;*/}
form.notif_form label {font-weight: normal;font-style:italic;}
div.notif_item {margin:0px;}
div.notif_item {
    padding: 16px 0px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-radius:4px;
}
div.notif_item:first-of-type { border-top: 1px solid #e6e6e6; }
div.notif_item:hover { background: #f9f9f9; }

div.show_more_wrap {margin-top:16px;}

div.notif_item .notif_logo_col {float:left;width:16%;max-width:160px;margin-right:4px;padding:0px 8px;}
div.notif_item .notif_main_col {display:inline-block;width:80%;}

div.notif_item p {font-size:22px;line-height:24px;}
div.notif_item p.result_link {margin:8px 0px 0px 0px;}
div.notif_item p.result_link a {font-weight:bold;text-decoration:none;}
div.notif_item p.notif_date {margin:8px 0px 0px 0px;font-size:16px;}
div.notif_item p.notif_category {margin:8px 0px 0px 0px;font-size:14px; color:#999;}

div.notif_item .visit_btn {margin:8px 0px 0px 4px;float:right;font-weight: bold;}
div.notif_item .dismiss_notif {
    margin:8px 12px 0px 0px;
    float: right;
    font-size: 32px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
div.notif_item .dismiss_notif:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

div.notif_item .notif_img_wrap {
    display:inline-block;
    float:left;
    width:100%;
    vertical-align: middle;
    text-align: center;
}
div.notif_item .notif_img_wrap a {}
div.notif_item .notif_img_wrap a img {
    max-height:96%;
    max-width:96%;
    padding:8px;
    background:#fff;
    border:1px solid #e6e6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*opacity:0.8;*/
}
div.notif_item .notif_img_wrap a img:hover { /*opacity:1;*/ }


@media screen and (max-width: 991px) {
    div.notif_item p {font-size:18px;line-height:20px;}
    div.notif_item p.notif_date {margin:2px 0px 0px 0px;font-size:14px;}
    div.notif_item .visit_btn {
        margin-right:8px;
        padding: 3px 8px;
        font-size: 12px;
        line-height: 1.5;
        font-weight:normal;
        border-radius: 3px;
    }
    div.notif_item .dismiss_notif {
        font-size: 22px;
        font-weight: bold;
        line-height: 18px;
    }
}

@media screen and (max-width: 767px) {
    div.notif_item .notif_logo_col {float:left;width:20%;margin-right:4px;padding:0px 8px;}
    div.notif_item .notif_main_col {display:inline-block;width:70%;}
    div.notif_item .notif_img_wrap a img {margin-top:8px;padding:0px;}
    div.notif_item .visit_btn { display:none; }
}
/* END: New Vue Based Activity System! */


form.update_status_form {margin-top:16px;}
form.update_status_form input {width:65%;}

.status_wrap {}
.status_wrap .status_text {font-size:18px;line-height:25px;}

.status_wrap .help-block .error {color:#f65058;}

.status_actions {margin-left:8px;}
.status_actions a {}
.status_actions a.edit_status {opacity:0.5;}
.status_actions a.delete_status {opacity:0.4;color:#f65058;}
.status_actions a.edit_status:hover,
.status_actions a.delete_status:hover {opacity:0.9;}



/*-----------------------------------------*/
/* Project and Organization Styling        */
/*-----------------------------------------*/
.pro_org_header {padding:48px 0px;background:#f5f5f5;}
.pro_org_header h1 {margin:12px 0px 8px 0px;padding:0;font-size:40px;line-height:44px;font-weight:600;}
.pro_org_header h1.org_header {margin:16px 0px 8px 0px;padding:0;font-size:40px;line-height:44px;font-weight:600;}

.pro_org_spacer {padding:24px 0px;border-top:1px solid #eee;}
.pro_org_spacer.no_border {border:none;}
.pro_org_spacer h2 {margin:8px 0px 8px 0px;display:table;}
.pro_org_spacer h3 {margin:8px 0px 8px 0px;display:table;/*border-bottom:1px dotted #333;*/}

.pro_org_column_spacer {margin-bottom: 48px;}

.percent_spacer {width:36px;margin:2px 4px;text-align:right;display:inline-block;}

hr.pro_org_hr_spacer {margin:32px 0px;}

.pro_org_sponsors {margin:60px 0px;padding:0px;}
.pro_org_sponsors .slick-prev:before,
.pro_org_sponsors .slick-next:before {color:#777 !important;font-size:22px;}
.pro_org_sponsors > .sponsor_slides .slick-slide {margin-right:32px;}
.pro_org_sponsors > .sponsor_slides.fixed_slides {text-align:center;}
.pro_org_sponsors > .sponsor_slides.fixed_slides > div {display:inline; margin-right:32px;}

.pro_org_source {margin-bottom:16px;}
.pro_org_source h4 {margin:8px 0px;}
.pro_org_source .source_logo {max-width:98%;max-height:200px;padding:8px 8px 8px 4px;}
.pro_org_source .attribution {font-size:12px;line-height:16px;font-style: italic;}

.pro_org_overview_col {border-right:1px solid #eee;}

.pro_org_user_actions {margin-top:16px;text-align:left;/*font-size:22px;*/}
.pro_org_user_actions a.btn {display:inline-block;margin:0px 4px 10px 0px;/*padding: 5px 10px 5px 10px;font-size:22px;*/}

.pro_org_owner_actions {margin-top:16px;}
.pro_org_owner_actions .btn {display:inline-block;margin-bottom:10px;}

.pro_org_nav_tabs {margin:24px 0px;}

.read_more_detail {}

.table.pro_org_quick_info {}
.table.pro_org_quick_info > tbody > tr > th,
.table.pro_org_quick_info > tbody > tr > td {
    border:0;
    /*border-top:1px dotted #ddd;*/
    font-size:18px;
    line-height: 22px;
    padding: 7px 5px;
}
.table.pro_org_quick_info > tbody > tr > th {
    /*width:220px;*/
    /*padding-left:32px;*/
    width:170px;
    text-align: left;
    padding: 7px 2px 7px 5px;
}

.table.pro_org_quick_info > tbody > tr > td {
    /*vertical-align: top;*/
}
.table.pro_org_quick_info .help-block {font-size:14px;font-weight:normal;margin-top:0px;}
.user_actions {margin-top:40px;}

p.pro_org_website_link {margin:-4px 0px 4px 0px;color:#aaa;font-size:18px;}
p.pro_org_website_link a {color:#aaa;text-decoration: none;}
p.pro_org_website_link a i {font-size:15px;margin-left:4px;}

/* allow partners to be in multiple columns */
ul.pro_org_float_list {display:inline-block;margin-bottom:20px;width:100%;}
ul.pro_org_float_list li {padding-right:16px;}

@media (min-width: 992px) {
    ul.pro_org_float_list li {width:49%;float:left;}
}

@media (min-width: 1200px) {
    ul.pro_org_float_list li {width:33%;float:left;}
}

/*-----------------------------------------*/
/* Project Photos and Sidebar styles.      */
/*-----------------------------------------*/
table.photo_table {margin-bottom:0px;}
table.photo_table thead tr th {font-size:16px;}
table.photo_table thead tr th.photo {width:100px;}
table.photo_table thead tr th.actions {width:100px;}
table.photo_table tbody tr td.actions div {margin-bottom:8px;}
table.photo_table tfoot tr td.upload_photo {padding:12px 0px;text-align:left;}


.header_btn {margin-top:30px; float:right;}

.primary_contact {padding:8px 4px;}
.primary_contact h3 {}
.primary_contact .job_title {margin:12px 0px;}
.primary_contact .send_message_wrap {margin:12px 0px;}

.primary_contact.vertical_contact {padding:8px 0px;}
.primary_contact.vertical_contact .primary_contact_photo_wrap {width:165px;margin-bottom:10px;}
.primary_contact.vertical_contact p {padding-left:8px;}
.primary_contact.vertical_contact .send_message_wrap {padding-left:8px;}

.sticky_sidebar {}
.sticky_sidebar.affix {position:fixed; top:140px;}

.primary_contact_photo {width:100%;}
.additional_contacts {margin:12px 8px;font-size:16px;}

/*-----------------------------------------*/
/* Lesson Styling                          */
/*-----------------------------------------*/
.lesson_detail {}
.lesson_detail h2 {
    font-weight: bold;
}
.lesson_detail h3 {
    display:block;
    font-weight: bold;
    margin:20px 0px 16px 0px;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #eee;
}
.lesson_date {font-style: italic; font-size: 16px;}
.lesson_disclaimer {
    font-size: 14px;
    font-style: italic;
}


/*-----------------------------------------*/
/* Footer Styling                          */
/*-----------------------------------------*/
footer {
    margin-top:30px;
    padding-top:140px;
    padding-bottom:40px;
    background: #f5f5f5;
    color: #595959;
    border-top:1px solid #e7e7e7;
}

footer a.ceo_logo {}
footer a.ceo_logo img {width:300px;margin-bottom:20px;}

footer h4 {
    font-size:20px;
    font-weight:bold;
}
footer ul.footer_links {
    margin:0;
    padding:0;
    list-style: none;
}
footer ul.footer_links li {
    margin-bottom:6px;
}
footer ul.footer_links li a {
    color:#595959;
    text-decoration: none;
}
footer ul.footer_links li a:hover {
    border-bottom:1px dotted #595959;
}