/* v2.0 _________________ NEW BANNER COMPONENT _________________ v2.0 */
/*________________________ BANNER PARENT CONTAINER ________________________changes made to background (was transparent) 3/27/19 */
.hb2_banner { position:relative; display:inline-block; overflow:hidden; margin:0; padding:0; width:100%; min-height:350px; background-color:#cccccc; }
/* BACKGROUND IMAGE - not needed 3/27/19 update
.hb2_image_wrap { position:absolute;top:0;overflow:hidden;height:100%;width:100%;text-align:center; }
.hb2_banner img { position:relative;display:inline-block;height:100%;max-width:inherit;width:auto;margin-left:50%;transform:translateX(-50%); }
img.hb2_image { }*/
/* BACKGROUND COLOR */
.hb2_bg_white { background-color:#ffffff; }
.hb2_bg_black { background-color:#000000; }
.hb2_bg_gray { background-color:#666666; }
.hb2_bg_light_gray { background-color:#cccccc; }
.hb2_bg_blue { background-color:#0144af; }
.hb2_bg_medium_blue { background-color:#4581d0; }
.hb2_bg_light_blue { background-color:#edf4fd; }
.hb2_bg_dark_green { background-color:#28691f; }
.hb2_bg_light_green { background-color:#80b92e; }
/*________________________ BANNER CANVAS ________________________ */
.hb2_canvas { position:relative; display:inline-block; z-index:100; }
/* MARGIN LEFT / RIGHT */
.margin_lr_80 { width: calc(100% - 160px); margin-left:80px; margin-right:80px; }
.margin_lr_70 { width: calc(100% - 140px); margin-left:70px; margin-right:70px; }
.margin_lr_60 { width: calc(100% - 120px); margin-left:60px; margin-right:60px; }
.margin_lr_50 { width: calc(100% - 100px); margin-left:50px; margin-right:50px; }
.margin_lr_40 { width: calc(100% - 80px); margin-left:40px; margin-right:40px; }
.margin_lr_30 { width: calc(100% - 60px); margin-left:30px; margin-right:30px; }
.margin_lr_20 { width: calc(100% - 40px); margin-left:20px; margin-right:20px; }
/* MARGIN TOP */
.margin_tb_80 { height:calc(100% - 160px);margin-top:80px; margin-bottom:80px; }
.margin_tb_70 { margin-top:70px; margin-bottom:70px; }
.margin_tb_60 { margin-top:60px; margin-bottom:60px; }
.margin_tb_50 { margin-top:50px; margin-bottom:50px; }
.margin_tb_40 { margin-top:40px; margin-bottom:40px; }
.margin_tb_30 { margin-top:30px; margin-bottom:30px; }
.margin_tb_20 { margin-top:20px; margin-bottom:20px; }
/* BUTTON ALIGNMENT */
.button_left { float:left; }
.button_center { float:none; margin:0 auto 0; }
.button_right { float:right; }
/*________________________ BANNER CONTENT ________________________ */
.hb2_content {  }
/* ALIGNMENT */
.hb2_left_100 { width:100%; float:left; }
.hb2_left_80 { width:80%; float:left; }
.hb2_left_70 { width:70%; float:left; }
.hb2_left_60 { width:60%; float:left; }
.hb2_left_50 { width:50%; float:left; }
.hb2_left_40 { width:40%; float:left; }
.hb2_left_30 { width:30%; float:left; }
.hb2_left_20 { width:20%; float:left; }
.hb2_center_100 { width:100%; float:none; text-align:center; margin:auto; }
.hb2_center_80 { width:80%; float:none; text-align:center; margin:auto; }
.hb2_center_70 { width:70%; float:none; text-align:center; margin:auto; }
.hb2_center_60 { width:60%; float:none; text-align:center; margin:auto; }
.hb2_center_50 { width:50%; float:none; text-align:center; margin:auto; }
.hb2_center_40 { width:40%; float:none; text-align:center; margin:auto; }
.hb2_center_30 { width:30%; float:none; text-align:center; margin:auto; }
.hb2_center_20 { width:20%; float:none; text-align:center; margin:auto; }
.hb2_right_80 { width:80%; float:right; }
.hb2_right_70 { width:70%; float:right; }
.hb2_right_60 { width:60%; float:right; }
.hb2_right_50 { width:50%; float:right; }
.hb2_right_40 { width:40%; float:right; }
.hb2_right_30 { width:30%; float:right; }
.hb2_right_20 { width:20%; float:right; }
/* CONTENT ELEMENTS 3/27/19 adjusting font*/
.hb2_canvas h1 { font-family:arial, helvetica, sans-serif; font-weight:normal; font-size:46px; letter-spacing:-0.05em; line-height:1.00em; margin:0 0 15px; }
.hb2_canvas h1 sup { position: relative; top: 13px; font-size: 0.24em; vertical-align: top; font-family: arial; font-weight: bold; }
.hb2_canvas h2 { font-family:arial, helvetica, sans-serif; font-size:18px; margin:0 0 15px; line-height:1.28em;}
.hb2_canvas p { font-family:arial, helvetica, sans-serif; font-size:16px; margin:0 0 15px;  line-height:1.28em; }
/* BUTTONS */
.hb2_btn_container {text-align:center;display:block;}
[type=reset], [type=submit], button, html [type=button] {-webkit-appearance:button;}
button, select { text-transform:none; }
.hb2_btn { display:inline-block; max-height:44px; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid transparent; padding:.375rem 1.0rem;font-size:1rem; line-height:1.5; border-radius:.25rem;transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.hb2_btn-lg {padding: .4rem 1.5rem .4rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem;}
.hb2_btn-primary { color:#fff; background-color:#80b92e; border-color:#80b92e; }
.hb2_btn-primary:hover { color: #fff; background-color: #71aa1f; border-color: #71aa1f; text-decoration:none; }
.hb2_btn-secondary { color: #fff; background-color:#0144af; border-color:#0144af; }
.hb2_btn-secondary:hover { color: #fff; background-color:#003994; border-color:#003994; text-decoration:none; }
.hb2_btn-primary.disabled, .hb2_btn-primary:disabled, .hb2_btn-secondary.disabled, .hb2_btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; cursor:inherit; }
.hb2_btn.disabled, .hb2_btn:disabled { opacity: .65; }
.hb2_button { position:relative; bottom:0; text-align:center; display:block; }
/* TEXT COLORS */
.hb2_color_black { color:#000000; }
.hb2_color_blue { color:#05477b; }
.hb2_color_white { color:#ffffff; }
/* NO IMAGE */
.hb2_banner_no_img .hb2_canvas { position:relative; }
 @media only screen and (max-width: 640px) {
.hb2_banner { position:relative; display:inline-block; border:none;background-image:none!important;}
/*.hb2_banner img { display:none; }  - not needed 3/27/19 update  */
.hb2_canvas { position:relative; display:inline-block; width: calc(100% - 60px); margin-left:30px; margin-right:30px; margin-top:30px; margin-bottom:30px; float:none; text-align:center; }
.hb2_content { width:100%; }
.hb2_canvas h1, .hb2_canvas h2, .hb2_canvas p { float:none; margin:0 auto 15px; text-align:center; }
.hb2_button { position:relative; bottom:0; display:block; text-align:center; }
.button_left, .button_center, .button_right { float:none; margin:0 auto 0; }
}
 @media (max-width: 440px) {
.hb2_btn { display:block; width:100%; }
}