/*
Theme Name: Bernadot2020
Theme URI: http://bernadot.com
Template: Divi
Author: Scott Bernadot
Author URI: https://bernadot.com
Description: Customized Divi Theme
Version: 1.0.1452619718
Updated: 2020-09-12 17:28:38
*/

@charset "UTF-8";
/* ---------------------------- */
/* Header Blue Stripe */
/* ---------------------------- */

 #main-header div#et-top-navigation {
    width: 100%;
    background: #004888;
    padding-top: 20px;
background: rgb(0,137,201);
background: -moz-linear-gradient(left,  rgba(0,137,201,1) 0%, rgba(0,72,136,1) 52%);
background: -webkit-linear-gradient(left,  rgba(0,137,201,1) 0%,rgba(0,72,136,1) 52%);
background: linear-gradient(to right,  rgba(0,137,201,1) 0%,rgba(0,72,136,1) 52%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089c9', endColorstr='#004888',GradientType=1 );

}

@media (min-width: 981px){
.et_fullwidth_nav #main-header .container {
padding-right:0px!important;
padding-left:0px!important;
}}


#main-header{-webkit-box-shadow: 0px 30px 43px 30px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 30px 43px 30px rgba(0,0,0,0.56);
box-shadow: 0px 30px 43px 30px rgba(0,0,0,0.56);
background: rgb(255,255,255);
background: linear-gradient(178deg, rgba(255,255,255,1) 50%, rgba(238,238,238,.5) 51%, rgba(223,223,223,.5) 100%);
}

@media only screen and (max-width: 980px){
#main-header{background-color: #fff!important;}
#main-header div#et-top-navigation { padding:0!important;
}
}


/* ---------------------------- */
/* 3 Top Colored Button */
/* ---------------------------- */

@media (min-width: 981px){
.orange{background:#D54401!important;padding-top:.75em;padding-left:10px;padding-right:10px;border-top-left-radius:8px;border-top-right-radius:8px;}
.green{background:#527B2D!important;padding-top:.75em;padding-left:10px;padding-right:10px;border-top-left-radius:8px;border-top-right-radius:8px;}
.blue{background:#007DB3!important;padding-top:.75em;padding-left:10px;padding-right:10px;border-top-left-radius:8px;border-top-right-radius:8px;}
#et-secondary-nav li { margin-right: 5px!important;}
}

@media (max-width: 981px){
.orange{background:#ff5500!important;}
.green{background:#84bf43!important;}
.blue{background:#004b8d!important;}
}

#top-header, #top-header .container, #top-header #et-info, #top-header .et-social-icon a {
    padding-top: 5px;
}

@media (max-width: 980px){
#et-info {float: none!important;text-align:center;}
}


input[type=tel], input[type=email], input.text, input.title, textarea, select {
    padding: 10px;
    border: 1px solid #bbb;
    color: #4e4e4e;
    background-color: #fff;
    font-size: 20px;
}

/* ---------------------------- */
/* Default Button */
/* ---------------------------- */
#main-content .et_pb_button {
    color: #ffffff;
    background-image: linear-gradient(180deg,#3187c5 0%,#1870ae 100%);
}


/* OL formatting */


ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:6px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #004b8d;
	margin-bottom:20px;
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:1px solid #18a0ba;
    color:#fff;
    background:#004b8d;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;

}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

/* end OL formatting */

.et_pb_text_inner ul li{
list-style-image:url(https://myfirecu.org/wp-content/uploads/2020/08/bullet.png) !important;
list-style-position:inside !important;
margin-bottom:10px;
padding:0px !important;
margin:0px !important;
}



.contact_btn:hover {
    color: #ffffff!important;
    background-color: #ffea05!important;
}


body #page-container .et_pb_button_0:hover {color: #ffffff!important;}



p{margin:20px auto!important;}

.et_pb_row {border-width:0px!important;}

#main-header{box-shadow: 3px 26px 58px 0px rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 26px 58px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 26px 58px 0px rgba(0,0,0,0.4);

}

#main-header .nav li ul li a,
.et_mobile_menu li.current-menu-item > a {
font-size: 16px;
}


#mobile_menu{margin-top:20px;}


.et_pb_section {
    padding: 0px 0!important;
}



.imgborder{border:solid #efefef 3px;}


#cta ul li{margin-bottom:20px!important;}



.captcha-hide{display:none!important;}

.gform_wrapper form.aligncenter {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
body .gform_wrapper .gform_footer input[type=submit], .button.gform_next_button {background:#0c71c4!important; color:#fff!important;padding:15px;font-weight:900;text-align:center!important;min-width:50%;}
body .gform_wrapper .gform_footer input[type=submit]:hover, .button.gform_next_button {background:#fff!important; color:#000!important;padding:15px;font-weight:900;}


.et_pb_counter_amount_number_inner{display:none;}
.flex-row { display: flex;}

#main-content ul {margin-top:!important;}

.et_pb_post{border-bottom: #fff dotted 1px;margin-bottom:0px!important;}


/* keep it mobile friendly by only applying these styles for larger viewports */
@media only screen and (min-width: 641px) {
 
 body #gform_wrapper_7 { 
  max-width: 50%;
  margin: 0 auto;
 }
 
 body #gform_wrapper_7 ul li.gfield .ginput_container,
 body #gform_wrapper_7 ul li.gfield .gfield_description,
 body #gform_wrapper_7 div.ginput_complex label,
 body #gform_wrapper_7 input:not([type='radio']):not([type='checkbox']):not([type='submit']), 
 body #gform_wrapper_7 select, 
 body #gform_wrapper_7 textarea { 
  text-align:center;
 }
 
 body #gform_wrapper_7 ul.top_label li.gfield label.gfield_label {
  text-align: center;
  display: block;
 }
   
  body #gform_wrapper_7 .gform_footer,
  body #gform_wrapper_7 .gform_page_footer{
    text-align: center;
  }
 
}

@media only screen and (max-width: 420px) {
body .gform_wrapper .gform_footer input[type=submit]{margin-left:0!important;}
}
p{line-height:1.6!important;}
.et_section_specialty {padding-top:100px!important;padding-bottom:60px!important;}


.et_pb_row_13:before{border-top: 2px dashed #fff;}



@media only screen and ( min-width: 768px ) {
 
	.three-column-grid .et_pb_grid_item {
		width: 46% !important;
		margin: 0 7.5% 7.5% 0 !important;
	}
	 
		.three-column-grid .et_pb_grid_item:nth-child(2n) {
		margin-right: 0 !important;
	}
	 
		.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: unset !important;
	}
 
}




.three ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.threeblocks ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
column-gap: 40px;
  -webkit-column-gap: 40px;
    -moz-column-gap: 40px;

}

.threeblocks ul li{

color:#9d3a26;
background:#f7eee1;
list-style-type:none!important;
padding:8px;
break-inside: avoid !important;
border-radius:8px;
text-align:center;
}

@media only screen and ( max-width: 1080px ) {
.et_pb_pricing_table{
min-width:100%;
margin-bottom:50px;
}
}



.nav-previous a, .nav-next a{color:#de725f!important;}

.gform_wrapper .percentbar_blue {
    background-color: #669192!important;
    color: #fff;
}

.gform_wrapper h2, .gform_wrapper h3{color:#dacfb9!important;}

.gform_wrapper ol.validation_list {
    margin: auto 5%!important;
color:#dacfb9!important;
}
.gform_wrapper div.validation_error {
    background:yellow;
}
.gform_wrapper ol.validation_list li a{

color:#dacfb9!important;
}




body #page-container .et_pb_section .et_pb_fullwidth_header_extended_0 .et_pb_button_one.et_pb_button {
    margin-bottom: 20px;
margin-left:0!important;
}

}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
  margin: 20px auto;
  width: 100%!important;
  max-width: 800px;
  }

@media only screen and (max-width: 480px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{width:100%!important;}
.three ul {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
}
}

#main-content h2 {font-size: calc(24px + (36 - 24) * ((100vw - 400px) / (1600 - 400)))!important;
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 400px)/(1600 - 400)))!important;
}

#main-content h3 {font-size: calc(20px + (30 - 20) * ((100vw - 400px) / (1600 - 400)))!important;
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 400px)/(1600 - 400)));
}

#theblog h3 {font-size: calc(16px + (18 - 16) * ((100vw - 400px) / (1600 - 400)))!important;
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 400px)/(1600 - 400)));
}

#loan-officers h3 {font-size: calc(16px + (18 - 16) * ((100vw - 400px) / (1600 - 400)))!important;
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 400px)/(1600 - 400)));
}
#loan-officers p,#loan-officers a{font-size:16px;}




h1 {font-size: calc(26px + (38 - 26) * ((100vw - 400px) / (1600 - 400)))!important;
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 400px)/(1600 - 400)));
}

.hero h1{font-size: calc(26px + (60 - 26) * ((100vw - 400px) / (1600 - 400)))!important;
  line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 400px)/(1600 - 400)));
}


body .media-frame-title h1{font-size:23px!important;}

.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
}

.fordesktop {
display:block;
}
.formobile {
display:none !important;
}


@media only screen and ( max-width: 960px ) {
.fordesktop {
display:none !important;
}
.formobile {
display:block !important;
}
}

.highlight{background:#ffffcd;padding:20px;border:#009ddd dotted 1px;}
small{font-size:15px;}

#blog .et_pb_post {
    border-bottom: 1px solid #ddd;
    padding-top: ;
    padding-bottom: 10px;
}

.gform_wrapper label.gfield_label {
    margin-top: 30px;
}

.sub-menu{margin-top:-3px!important;}

input[type=text]{
    font-size: 18px;
    padding: 5px!important;
}
#main-content table td span{font-size:18px!important;}

#certcalc input[type=button],#certcalc input[type=reset], #loancalc input[type=button] {
    padding: 8px;
    font-size: 18px;
    margin: 5px;
    background-color: #d54400;
    color: #fff;
    text-transform: uppercase;
}

.tablepress-table-description{color:#ff5500!important;font-weight:700;font-size:110%;}

/*Whole mobile menu clickable*/
 span.mobile_menu_bar.mobile_menu_bar_toggle {
 width: 100%;
cursor:pointer;
 }
 .mobile_menu_bar:before {
 float: right;
 }
/*Increase logo size on mobile*/
@media (max-width: 980px){
.et_header_style_centered #logo {
    max-height: 90px;
}}

/*Online Banking Button on Mobile*/
@media (max-width: 980px){
.obmmbutton{background:#D54401!important;padding-top:.75em;padding-left:10px;padding-right:10px;}
.obmmbutton .et_pb_button {background:#D54401!important; color:#fff!important; background-image:none!important;}
}

@media (min-width: 980px){
.obmmbutton{display:none!important;}}

/*Exit Notifier modal display*/

.swal2-container div{width:100%!important; text-align:center!important;}
.swal2-container{z-index:123456!important;}
/*Null Menu Links*/
.unclickable > a:hover {cursor: default !important;}
/*Table Width Calculator Forms*/
#tbw{max-width:280px!important;}
form#tbw table{max-width:300px!important;}

@media (max-width: 480px){
.entry-content tr td{padding:3px 3px!important;}
}
.mobile_menu_bar:before {color:#fff!important;}
#mobile_menu .current-menu-item a {
color:#84c044!important;
}
/*///////////////////////////////////////*/
/********* Mobile Menu Collapse ********/
/*///////////////////////////////////////*/
/**** This hides the sub menu items on mobile ****/
  
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
  
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
  
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
  
/**** This styles the icon and moves it to the right ****/
  
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
width:100%;
}
  
/**** Here you can swap out the actual icons ****/
  
span.menu-closed:before {
content: "\4c";
display: block;
color: #fff;
font-size: 16px;
font-family: ETmodules;
float:right;
}
  
span.menu-closed.menu-open:before {
content: "\4d";
}

@media screen and (min-width: 981px) and (max-width: 1050px){
#bruce img{margin-top:80px;}
}