/*-----------------------------------------*/
/* Homepage Styling                        */
/*-----------------------------------------*/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');
.home_ceo_logo {width:400px;}

.home_sub_left {padding:40px 50px;border-right:1px solid #eee;}
.home_sub_right {padding:40px 50px;}

.home_sponsors {margin:20px 0px 60px 0px;padding:0px;}
.home_sponsors h2,
.home_sponsors h3 {margin-bottom:40px;}
.home_sponsors .slick-prev:before,
.home_sponsors .slick-next:before {color:#777 !important;font-size:22px;}
.home_sponsors > .sponsor_slides .slick-slide {margin-right:32px;}

.sponsor_logo_wrap {
    margin: 12px 0px;
    text-align: center;
}

@media (max-width: 991px) {
    .sponsor_logo_wrap {
        margin-bottom: 32px;
        text-align: left;
    }
}

.sponsor_logo_wrap_v5 {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #eee;
}
.sponsor_logo_wrap_v5 h4 {
    margin: 16px 0px 20px 0px;
    font-size: 20px;
    text-align: left;
    /*text-transform: uppercase;*/
}
.sponsor_logo_wrap_v5 .developed_by {
    margin-bottom: 36px;
}
.sponsor_logo_wrap_v5 .with_support {
    border-left: 1px solid #e6e6e6;
    padding-left: 24px;
}
.sponsor_logo_wrap_v5 .with_support a img {
    margin: 8px 0px;
}

div.home_wah_overview_wrap {
    margin:0;
    padding:40px 0px;
    background:#f5f5f5;
    border-top:1px solid #e6e6e6;
}

div.home_wah_overview_wrap p.home_wah_overview {
    margin:30px 0px;
    text-align:center;
    font-size:32px;
}
div.home_wah_overview_wrap p.home_wah_youtube {
    margin:48px 0px;
    text-align:center;
}

.home_map_bg {
    width:100%;
    height:380px;
    margin:0px 0px 0px 0px;
    /*background: url("../../img/v3/heroes/wah_map_bg.png") no-repeat center top;*/
    background: url("../../img/v3/heroes/wah_map_bg_2.png") no-repeat center top;
    background-size: cover;
    border-top:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;
}
.home_map_bg .home_map_cta {}
/*.home_map_bg .home_map_cta:hover { cursor:pointer; background: rgba(0,0,0,0.10); }*/
.home_map_bg .home_map_cta > p { margin-top:140px; text-align: center; }
.home_map_bg .home_map_cta.btn-xlg {}

@media (max-width: 767px) {
    .home_map_bg {height:280px;}
    .home_map_bg .home_map_cta > p {margin-top:56px;}
    .home_map_bg .home_map_cta.btn-xlg {
        padding: 10px 16px;
        font-size: 22px;
        line-height: 1.2;
        border-radius: 6px;
    }
}

form.home_browse_form {
    margin-bottom:8px;
    min-height: 80px;
}

/* standard form */
.home_browse_form .select.form-control {height:48px;font-size:20px;}

/* select 2 */
.home_browse_form .select2-selection {height:42px;}
.home_browse_form .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {color:#555;}
.home_browse_form .select2-container--bootstrap .select2-selection {font-size:20px;}
.home_browse_form .select2-container--bootstrap .select2-results__option {font-size:16px;}



/* Browse Dropdowns Functionality */
.select2-container--bootstrap .select2-results__option {border-bottom:1px solid #eee;}
.browse_result {}
.browse_result .item_text {
    display:inline-block;
    float:left;
    margin:4px 0px 10px 10px;
    font-size:20px;
    color:#555;
    max-width:80%;
    /*border-bottom:1px dotted #555;*/
}

.browse_result .item_text.no_img {
    margin-left:85px;
}
.browse_result .item_text .item_sub_text {
    color:#999;
    font-size:14px;
}
.select2-results__option--highlighted .browse_result .item_text {
    color:#fff;
    /*border-bottom:1px dotted #fff;*/
}
.select2-results__option--highlighted .browse_result .item_sub_text {
    color:#ddd;
}
.browse_result .item_img_wrap {
    display:inline-block;
    float:left;
    width:75px;
    min-height:50px;
    max-height:75px;
    overflow:hidden;
    padding:4px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #fff;
    border-radius:4px;
}
.select2-results__option--highlighted .browse_result .item_img_wrap {
    background:#fff;
}
.browse_result .item_img_wrap img {
    max-height:96%;
    max-width:96%;
    padding:0px;
}

.browse_wrap {
    background:#f5f5f5;

    /*for fun*/
    background: -webkit-linear-gradient(left top, rgba(163,204,255, 0.2), #f5f5f5, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, rgba(163,204,255, 0.2), #f5f5f5, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, rgba(163,204,255, 0.2), #f5f5f5, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, rgba(163,204,255, 0.2), #f5f5f5, #fff);


    padding:40px 0px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
.browse_wrap h2 {font-size:32px;font-weight:bold;}

.sponsors_wrap {padding:40px 0px;}
.sponsors_wrap .container-fluid {padding:0px;}
.sponsors_wrap h2 {font-size:32px;margin-bottom:40px;font-weight:bold;}

.responsive_video_wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.responsive_video_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*#337ab7*/
.faq_header {margin: 20px 0px 10px 0px;}
.faq_header > a {text-decoration: none;}
.faq_content {margin-bottom:24px;}

ul.homepage_resources {font-size:22px;}
ul.homepage_resources li {margin-bottom:22px;}
ul.homepage_resources li a {padding-bottom:2px;text-decoration: none;border-bottom: 1px dotted #ddd;}
ul.homepage_resources li a:hover {border-bottom: 1px solid #ccc;}

.home_search_form {}
.home_search_form .inline_data_types {margin-top: 6px;}
.home_search_form .inline_dt_error {
    display:inline-block;
    margin: 4px 0px;
    padding:4px 8px;
    background-color: #b94a48;
    border-radius: 4px;
}

/*new styles for v5 home page added by T. Player on 10/21/2022*/
.img_separator {
    /*height: 440px;*/
    margin-bottom: 0px;
    object-fit:contain;
}
.img_forcefit {
    max-width: 100%;
        max-height: 440px;
        display: block;
        width: 100%;
}
.video_forcefit {
    overflow: hidden;
    width: -webkit-fill-available;
    max-height: 440px;
    object-fit: fill;
}
.homeheader1 {
    font-size: 36px;
    font-weight: bold;
    color: #4c6b8b;
    padding: 20px 0px 20px 0px;
}
.homeheader2 {
    font-size: 24px;
    color: #000000;
    padding: 10px 0px 0px 0px;
    margin-bottom: 15px;
    border-bottom: 2px solid #4c6b8b;
    /*margin-left: 15px;*/
}
.homeheader3 {
    font-size: 18px;
    color: #4c6b8b;
    padding: 5px 0px 5px 0px;
}
.home_button_1 {
    color: #fff;
    background-color: #508cbd;
    border-color: #508cbd;
    /*width: 350px;*/
    margin: 5px 0px 5px 0px;
    white-space: normal;
}
.home_button_2 {
    color: #fff;
    background-color: #4c6b8b;
    border-color: #4c6b8b;
    /*width: 350px;*/
    margin: 5px 0px 5px 0px;
    white-space: normal;
}
.home_button_3 {
    color: #fff;
    background-color: #aecfe6;
    border-color: #aecfe6;
    /*width: 350px;*/
    margin: 5px 0px 5px 0px;
    white-space: normal;
}
.home_button_4 {
    color: #4c6b8b;
    background-color: #ffffff;
    border-color: #4c6b8b;
    /*width: 350px;*/
    margin: 5px 0px 5px 0px;
    white-space: normal;
}
.home_button_4:hover {
    color: #4c6b8b;
    background-color: #aecfe6;
    border-color: #4c6b8b;
    /*width: 350px;*/
    margin: 5px 0px 5px 0px;
    white-space: normal;
}
.home_button_icon {
    float: left;
    font-size: 22px;
}
.home_column_border {
    border: #000000;
    border-radius: 5px;
    border: 1px solid;
    padding-bottom: 25px;
}
.home_floating_div {
    height: auto;
    width: 200px;
    position: absolute;
    background:#aecfe6;
    top:50%;
    left:50%;
    z-index:9999;
    transform:translate(-50%,-50%);
    border-radius: 5px;
    padding: 20px;
}
.home_icons {
    color: #4c6b8b;
    border-color: #4c6b8b;
    font-size: 14px !important;
    display: unset !important;
}
.home_banner_grouping {
    /*border: 2px solid #4c6b8b;*/
    margin-bottom: 20px;
}
.home_banner {
    display: none;
    z-index:9999 !important;
    background-color: #ffffff;
    opacity: .9;
    position: absolute;
    bottom: 4px;
    left: 4px;
    font-size: 1.6rem;
    border: 1px solid black;
    padding: 5px;
}
.home_banner_bg1 {
    background-color: #4c6b8b;
    min-height: 112px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;  /*Aligns vertically center */
    justify-content: center; /*Aligns horizontally center */
    color: #ffffff;
    font-size: 1.2rem;
    overflow: hidden;
    white-space: normal;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
    border-radius: unset;
}
.home_banner_bg1:active {
    color: #ffffff !important;
}
.home_banner_bg1:hover {
    color: #aecfe6 !important;
    background-color: #4c6b8b;
}
.home_banner_bg2 {
    background-color: #aecfe6;
    min-height: 112px;
    margin-bottom: 10px;
    color: #ffffff !important;
    font-size: 1.2rem;
    display: flex;
    align-items: center;  /*Aligns vertically center */
    justify-content: center; /*Aligns horizontally center */
    overflow: hidden;
    white-space: normal;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
    border-radius: unset;
}
.home_banner_bg2:hover {
    color: #4c6b8b !important;
    background-color: #aecfe6;
}
.home_banner_bg3 {
    background-color: #508cbd;
    min-height: 112px;
    margin-bottom: 10px;
    color: #ffffff !important;
    font-size: 1.2rem;
    display: flex;
    align-items: center;  /*Aligns vertically center */
    justify-content: center; /*Aligns horizontally center */
    overflow: hidden;
    white-space: normal;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
    border-radius: unset;
}
.home_banner_bg3:hover {
    color: #aecfe6 !important;
    background-color: #508cbd;
}

/* deprecated - leaving for backwards compatibility */
.onehundredbasinsmap {
    display: none;
    z-index: 9999 !important;
    background-color: #ffffff;
    position: fixed;
    font-size: 1.6rem;
    border: 1px solid black;
    padding: 5px;
}

.basin-map-trigger:hover + .basin-map-overlay {
  display: block !important;
}

.basin-map-overlay {
  position: absolute;
  top: 100%;
  right: 30%;
  width: auto;
  white-space: nowrap;
}

.basin-map-overlay img {
  max-width: 600px;
  max-height: 400px;
  display: block;
}