/*
 Theme Name:     BMO U.S. Benefits
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         ROC Group
 Author URI:     https://www.rocgroup.com
 Template:       Divi
 Version:        6.9.23
*/

/* ********************************************************************************************************************************
   NOTE: Please delete this note before going to production. If this site is being migrated from SharePoint please note these items.

   Code here has been written since WordPress migration.  Original stylesheets that need to be used from Sharepoint site should be placed in the css folder of this theme and enqueued in functions.php or noted and placed at end of this sheet.
******************************************************************************************************************************** */

/* *********************************************************************************************************************************

TABLE OF CONTENTS:
1. Fonts
2. Global Settings
3. Menu Settings
4. Search Settings

********************************************************************************************************************************** */

/* ********** FONTS ********** */

/* Adobe fonts | Project in iisrael@rocgroup.com */
@import url("https://use.typekit.net/sck7lsy.css");

/* end Fonts */

/* end Fonts */


/* *********** Global Settings ********** */
:root {
  --light-blue: #78C5EB;
  --med-blue: #0079C1;
  --dark-blue: #00436C;
  --darkgray: #001928;
  /*placeholder light gray*/
  --background-med: #F5F6F7;
  --lightgray: #DDDDDD;
  --table-lightgray: #eee;
  --red: #ed1d24;
  --dax: 'ff-dax-pro', sans-serif;
  --heebo: 'Heebo'. sans-serif;
}

/* Typography */
.et_pb_column h4,
.et_pb_toggle h4 {
  color: #00436C;
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 700;
}

a {
  cursor: pointer;
  text-decoration: underline;
}

strong a,
a strong {
  font-weight: 400;
}

.dax {
  font-family: var(--dax)!important;
}

ul li ul {
  padding-bottom: 0!important;
}

.et_pb_row {
  padding: 2.5rem 0!important;
}


/* Icons in 1/3 width callout box */
.et_pb_column_1_2 .et_pb_text img,
.et_pb_column_1_3 .et_pb_with_border.et_pb_text img {
  height: 75px;
  display: block;
  margin: 0 auto;
}

.et_pb_column_1_2 .et_pb_text img {
  margin-bottom: 1rem;
}

.et_pb_column_1_2 .et_pb_text img.left {
  margin: 1rem 0;
}

/* Accordion Styles */
.et_pb_toggle h5.et_pb_toggle_title {
  color: #0079C1!important;
  font-size: 1.625rem!important;
  font-family: 'Heebo';
  line-height: 1.384;
  text-align:left;
  font-weight: 400 !important;  
}

.et_pb_toggle .et_pb_toggle_content {
  padding-left: 1rem;
  color: #001928;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.611;
}

.et_pb_toggle h3 {
  color: #0079C1;
  font-size: 1.625rem;
  font-weight: 700;
  font-family: 'Heebo';
  line-height: 1.192;
} 

.et_pb_module.et_pb_toggle {
  margin: 0 auto;
  max-width: 100%;
}

.et_pb_toggle.et_pb_toggle_close, .et_pb_toggle.et_pb_toggle_open  {
  background-color: white;
  border-width: 1px 0px 0px 0px;
  margin-bottom: 0!important;
  padding: 2.5rem 0;
}

/* App buttons */
div.appstore {
  margin-top: 1rem;
}

p.appstore {
  margin-top: 0;
}

/* Section Styles */
.background-med {
  background-color: var(--background-med);
}

.important-forms-band h2 {
  font-size: 26px!important;

}

.important-forms.et_pb_section.et_pb_section_5.et_section_regular {
  padding: 60px 0px;
}

.background-dark {
  background-color: var(--dark-blue);
}

/* end Global Settings */

/* *********** Info Callout Section Styles ********** */
h2.info-callout-heading {
  color: var(--light-blue);
  text-align: center;
  padding-bottom: 3rem;
}

.info-callout-content {
  display: flex;
}

.info-callout-content a {
  color: white;
}

.info-callout-card h3 {
  font-size: 1.625rem;
  color: var(--light-blue);
}

.info-callout-card {
  width: 100%;
  color: white;
  font-size: 1.125rem;
  padding: 0 2rem;
  border-right: 1px solid var(--light-blue);
}
.info-callout-card:last-child {
  border-right: none;
}

@media only screen and (max-width:  980px) {
  .info-callout-content {
    flex-direction: column;
    gap: 2rem;
  }
  .info-callout-card {
    border: none;
  }
}




/* *********** Menu Settings ********** */
#topmenuleft li {
    border-right:#fff solid 1px;
    margin-top:0px !important;
    padding-top:20px;
    padding-right:20px;
    padding-left: 20px;
    padding-bottom:10px;
  }
#topmenuleft li a, #topmenuright li a  {
	font-weight:bold;
	color:#fff;
}

#topmenuleft li a:hover, #topmenuright li a:hover {
	text-decoration: underline;
	color:#fff;
	opacity:1 !important;
}
#topmenuright li {
    margin-top:0px !important;
    padding-top:20px;
    padding-right:20px;
    padding-left: 20px;
    padding-bottom:10px;
  }

/* .top-nav-wrapper, */
.top-nav-wrapper a {
	font-size: 14px;
		color: var(--med-blue);
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
  display: flex;
  justify-content: space-between;
}

  #primarymenu #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    display:table-cell;
    text-align: center !important;
    line-height:15px !important;
    height: 50px !important;
    vertical-align: middle;
    width: calc(100% / 6);
  }

  #mega-menu-item-74 {
    border-left:var(--med-blue) solid 1px !important;
  }

  #mega-menu-primary-menu {
    padding-right: 0px !important;
  }

  .mega-et_pb_menu_page_id-83 {
    margin-right: 0px !important;
  }



  /* end Menu Settings */

/* *********** Search Settings ********** */
  #searchinput {
    width:100%;
  }
  #searchinput input[type="text"] {
    font-size: 20px !important;
    padding-left: 40px !important;
    width: 95%;
    padding-right: 30px !important;
    height: 25px;
    background: none;
    background-color: none;
    color: gray;
    border: none !important;
    font-family: 'ff-dax-pro', sans-serif !important;
  }
  #searchinput:before {
    font-size:25px;
    position:absolute;
    z-index:10;
    color: var(--med-blue);
    left:5px;
  }
  #searchinput input[type="submit"] {
    font-size:25px;
    position:absolute;
    z-index:10;
    color: #fff;
    background-image: url("http://devbmo.wpengine.com/wp-content/uploads/2020/09/chevron-circle-right-solid.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:50px;
    padding:5px;
    border: none;
    height:25px;
    width:25px;
  }

    /* end Search Settings */

/***** Nav Need Help Section *****/
.help-container h3 {
  font-size: 1.25rem;
  color: var(--med-blue);
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif!important;
}

.resource-tile {
  background-color: white;
  border-radius: 10px;
  padding: 1rem;
}

.resource-tile:not(:last-child) {
  margin-bottom: 1rem;
}

.resource-tile > p {
  padding: 0 0 0 2rem;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .resource-tile > p {
  margin: 0 0 .25rem;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .resource-tile > p:first-child {
  margin-bottom: .5rem;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .resource-tile > p:last-child {
  margin-bottom: 0;
}

.resources, 
.pdf,
.link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .resource-tile .resources {
  margin: 0 0 .5rem;
}

.resources:before {
    content: " ";
    height: 30px;
    width: 20px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/icon-phone.svg);
    margin-right: 15px;
    margin-top: 1px;
    position: absolute;
    left: 0;
}

.pdf:before {
  content: " ";
  height: 30px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url(/wp-content/uploads/ico-mm-pdf.svg);
  margin-right: 15px;
  margin-top: 1px;
  position: absolute;
  left: 0;
}

.link:before {
  content: " ";
  height: 25px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url(/wp-content/uploads/ico-mm-chevron.svg);
  margin-right: 15px;
  margin-top: 1px;
  position: absolute;
  left: 0;
}

.resource-tile .phone {
  font-size: 1rem;
  margin: 0;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .resource-tile .note {
  color: #666;
  margin: 0;
  font-size: .75rem;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.green > ul.mega-sub-menu {
  background: url(/wp-content/uploads/bmo-botw-mm-bg.jpg)!important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 600px;
  padding: 0;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-menu-item-9822.green > ul.mega-sub-menu .mega-menu-item {
  padding: 0!important;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.green > ul.mega-sub-menu * {
  height: 100%!important;
}

.botw-menu-container {
  width: 37%;
}

.botw-menu-content-container {
  /* background-image: linear-gradient(141deg, #1DB07B, #0079C1); */
  background: #00436c;
  display: flex;
  align-items: center;
  padding: 2rem;
  align-items: center;
	min-height: 600px;
}

.botw-menu-content-wrapper a {
  font-size: 2rem;
  color: white;
  font-weight: bold;
}

.botw-menu-content-wrapper a:after {
  content: url(/wp-content/uploads/ico-arrow-right-wht.svg);
  width: 2rem;
  height: 1rem;
  margin-left: 1rem;
}

.botw-menu-content-wrapper p {
  font-size: 17px;
  color: white;
  margin: 1rem 0 0 0!important;
  padding: 0!important;
  line-height: 26px;
}

.botw-menu-content-wrapper .line {
  border-top: 1px solid white;
  margin: 2rem 0;
}

/***** Home Tiles *****/
#home-tiles-row .et_pb_column {
	display: flex;
	flex-direction: column;
	border-radius: 5px 5px 0 0;
	border-top: 5px solid var(--med-blue);
	background: white;
	padding-bottom: 2rem;
}

#home-tiles-row .et_pb_button_module_wrapper {
	padding: 0 2rem;
	margin-top: auto;
}

#home-tiles-row  .et_pb_text  {
	margin-bottom: 0;
}

#home-tiles-row .et_pb_text_inner {
	padding: 2rem;
}

#home-tiles-row .news-cat {
	color: #ED1C24;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#home-tiles-row h2 {
	color: #414141;
	font-size: 1.25rem!important;
	margin: 0!important;
	padding: 0!important;
	font-weight: 500;
}

#home-tiles-row .date {
	font-size: .75rem;
	color: #666;
}

#home-tiles-row .et_pb_button,
#home-tiles-row .et_pb_button:hover,
#home-tiles-row .et_pb_button:visited {
	background: var(--med-blue);
	padding: 10px 2rem!important;
	color: white;
	text-decoration: none;
	border-radius: 28px;
	font-size: 1rem;
	transition: .3s;
}

#home-tiles-row .et_pb_button,
#home-tiles-row .et_pb_button:visited {
	background: var(--med-blue);
}

#home-tiles-row .et_pb_button:hover {
	background: #00436C;
}

#home-tiles-row .et_pb_button.red,
#home-tiles-row .et_pb_button.red:hover,
#home-tiles-row .et_pb_button.red:visited {
	background: var(--red);
}

/***** Need Assistance Callout *****/
.need-assistance-container {
	background-image: url('/wp-content/uploads/bmo-botw-footer-need-assistance.jpg'); 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 48%;
	padding: 2rem 0;
}

.need-assistance-grid {
	display: grid;
	grid-template-columns: 375px 1fr;
	grid-gap: 2rem;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}

/* .need-assistance-circle-outer {
	border: 1px solid white;
	padding: 1rem;
	border-radius: 50%;
	min-height: 375px;
}

.need-assistance-circle-inner {
	background: #ED1C24;
	padding: 4rem;
	display: flex;
	align-items: center;
	border-radius: 48%;
	min-height: 375px;
} */

.need-assistance-circle {
	border-radius: 50%;
	background: #d9262b;
	padding: 1rem;
	display: flex;
	align-items: center;
	background-clip: content-box;
	border: 1px solid white;
}

.need-assistance-circle-content {
	padding: 3rem;
}

.need-assistance-circle-content h2 {
	color: white;
	font-weight: 300;
	font-size: 3rem!important;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

.need-assistance-circle-content h2 strong {
	font-weight: 700;
}

.contact-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.contact-content *,
.contact-content a,
.contact-content a:hover,
.contact-content a:visited {
	color: white;
}

.contact-content h3 {
	font-weight: 500;
}

.contact-content h4 {
	font-weight: 400;
}

.contact-content p {
	font-weight: 300;
}

.contact-content a {
	text-decoration: underline!important;
}

/***** BOTW Special Enrollment *****/
#botw-special-enrollment #main-content {
	background: #F5F6F7;
}

.botw-enrollment-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
}

.botw-enrollment-tile {
	background: white;
	border-top: 5px solid var(--med-blue);
	border-radius: 5px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
}

.botw-enrollment-tile h3 {
	color: #001928;
	font-size: 1.25rem;
	font-weight: bold;
}

.botw-enrollment-tile li {
	margin-bottom: 1rem;
}

.filled-btn {
	background: var(--med-blue);
	padding: 10px 2rem;
    color: white;
    text-decoration: none!important;
    border-radius: 28px;
    font-size: 1rem;
	margin-top: auto;
	align-self: flex-start;
	transition: .3s;
}

.filled-btn:hover {
	background: #00436C;
}

#botw-special-enrollment .botw-callount-container {
	justify-content: center;
}


#botw-special-enrollment .botw-callount-container h4 {
	padding: 0;
}

#botw-special-enrollment .logo,
#botw-special-enrollment .botw-callout-content,
#botw-special-enrollment .cta-container {
	flex: inherit;
}

/* Blurbs */
.et_pb_main_blurb_image img {
  height: 75px;
}

/*****************************************************************************************************************
                                         IMPORT FROM DIVI CUSTOM CSS FIELD
*****************************************************************************************************************/

.annualenrollment_table tr td {
	padding:30px !important;
}

.mega-menu-item-7130 {
	width: 20% !important;
}

.resource_cobra {
		width: 100%;
}

.resource_cobra .sub-head {
	background-color: #D0CECE;
}

.resource_cobra .sub-head td {
	padding: 14px !important;
}

.resource_cobra .col_head {
	background-color: #F2F2F2;
}

.resource_cobra .col_head .cl {
	border-right: #DCDDDD solid 1px;
}

.resource_cobra .col_head th {
	background-color: #F2F2F2;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	color: #000 !important;
}



/*GLOBAL TWEAKS*/

.red {color:#ee3225;}
.nobr { 
  white-space:nowrap; 
}

sup {
  font-size:70% !important;
  vertical-align: -20% !important;
}

td > p:not(:last-child) {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
} 

td > p:last-child {
  margin: 0;
}

td > p + p {
  margin-top: 1rem!important;
}

/* borders */
.et_pb_with_border {
  border-color: var(--lightgray)!important;
}

/*HOME TWEAKS*/

body {font-weight:normal !important;}

.home {
  background-color:#f2f2f2;
}

.breadcrumb {
    color: var(--med-blue);
}

#breadcrumbs p, .breadcrumbs .et_pb_text_inner {
    font-family: 'ff-dax-pro', sans-serif !important;
    font-size: 16px;
  font-weight:500 !important
}

.paren-sm {
    font-size: 10.5pt!important;
}

.home-hero-heading {
  font-family:'Heebo'!important; 
  font-size: 38px !important;
  font-weight: bold !important; 
  padding-bottom:0; 
  text-align:left;
  margin-bottom: 1rem;
  margin-top:0;
  color: white;
  background: var(--med-blue);
	border-radius: 10px;
	padding: 5px 15px;
	display: inline-block;
}

.home-hero-text-container {
	width: 100%;
  max-width: 430px;
}

.home-hero-p {
  color: #001928;
	padding: 1rem!important;
	background: white;
	border-radius: 10px;
}

.home-icon-section {
  padding: 0!important;
}

.today-row {
  border-radius: 5px 5px 0 0;
  border-top: 5px solid var(--med-blue);
  padding: 2.5rem 2rem!important;
}

.home-icon-section .et_pb_column:not(:last-of-type) {
	border-right: 1px solid #DDDDDD;
}

.home-icon-section .et_pb_column {
	display: flex;
	flex-direction: column;
	padding: 1rem 2rem;
}

.home-icon-section .et_pb_column .et_pb_text {
	margin-top: auto;
}

.home-icon-section h2 {
	font-weight: 400;
	color: #414141;
}

.home-icon-section .et_pb_image {
	margin-bottom: 1rem!important;
}

/***** Callout Styles *****/
/***** Image & Text Side-By-Side Callout *****/
.callout-icon-content{
  display: inline-block;
  width: 15%;
  float: left;
}

.callout-icon-content img {
   max-height: 75px;
}

.callout-icon-text {
   display: inline-block; 
   width: 85%; 
   float: right;
}

.callout-icon-text h2 {
  color: var(--darkgray)!important;
  font-size: 32px!important;
}

.callout-head {
  color: var(--darkgray)!important;
  font-size: 32px!important;
}

h2.callout-head {
  font-size: 32px!important;
}

/***** Heading Icon and Text Callout *****/
.heading-callout-wrap {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.callout-img {
  max-height: 75px;
  margin-bottom: 1.5rem;
}

.vert-callout-text {
  text-align: center;
}

@media only screen and (max-width:  980px) {
   .callout-icon-content {
      display: block; 
      width: auto; 
      float: none;
   }

   .callout-icon-text {
      display: block; 
      width: auto; 
      float: none;
   }
}

/***** BOTW Callout *****/
.botw-callount-container {
	border-radius: 10px;
	/* background-image: linear-gradient(96deg,#1DB07B,#0079C1); */
  background: #127bbe;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.botw-callount-container .logo {
	padding: 0 1rem 0 2rem;
	flex: .75;
}

.botw-callount-container .logo img {
	display: block;
}

.botw-callout-content {
	padding: 1rem;
	flex:2
}

.botw-callout-content * {
	color: white;
}

.botw-callount-container .cta-container {
	padding: 1rem;
	flex: .75;
	border-left: 1px solid white;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
}

#botw-special-enrollment .botw-callout-content,
#botw-special-enrollment .botw-callount-container .cta-container {
	padding: 2rem;
}

.wire-btn,
.wire-btn:hover,
.wire-btn:active,
.wire-btn:visited {
	color: white;
	border-radius: 28px;
	padding: 10px 2rem;
	border: 1px solid white;
	text-decoration: none;
	font-weight: 300;
	transition: .3s;
}

.wire-btn {
	color: white;
	border: 1px solid white;
}

.wire-btn:hover,
.wire-btn:active {
	border: 1px solid #00436C;
	background: #00436C;
}

@media only screen and (max-width: 1024px) {
  .home-hero-text-container {
    margin-top: 0!important;
  }

  .home-hero-heading {
    line-height: 1em;
    margin-bottom: 25px;
  }

  .home-icon-section {
    margin-top: 0!important;
  }
}


@media only screen and (max-width:  479px) {
  .home-hero-text-container {
    width: 100%!important;
    background:  transparent;
  }
}

/*Menu Special Middle Column*/

li.mega-menu-item-365, li.mega-menu-item-366 {
  margin-left:-20px !important;
  margin-right:20px !important;
}

/*MAIN MENU*/
header {
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 0 4px;
}

.nav-main {
  display:flex;
}

.paren-sm {
display:block; 
margin-top:-5px;
}

.red a {
  background-color: var(--red)!important;
}

/*Typography*/

h1, h2, h3, h4, h5, h6, p, li {
font-family: 'Heebo', sans-serif !important;
}
h1 {
  font-size:52px;
  text-align: center;
  font-weight: 300;
  margin-top: 65px;
  margin-bottom: 45px;
}

h2 {
 font-size: 37px !important;
 font-weight: 300;
 margin-bottom: 0;
}

h3 {
  font-size:34px;
  font-weight:300;
}

.related-info h3 {
    font-size: 22px !important;
}

.related-info a {
  font-size: 12pt;
}

.related-info p {
  padding-bottom:5px !important;
  font-size: 12pt;
  line-height: 1.3;
}

h5 {
    font-size: 26px;
    font-weight: 300;
}

.ff-dax-pro h5.dax {
  font-family: 'ff-dax-pro', sans-serif !important;
}

p, li {font-weight:400;}

.ff-dax-pro p {
  font-family: 'ff-dax-pro', sans-serif !important;
}

a:hover, a:active {
    text-decoration: underline;
}
.et_pb_text_inner ul li ul li {list-style-type: none; }

.et_pb_text_inner ul li ul li::before, ul.dash li:before {
    content: '\2014';
    position: absolute;
    margin-left: -20px!important;
}

ul ul li {
  list-style:none !important;
  
}

ul ul li:before {
  content:"– ";
  margin-left:-14px !important;
}

.et_pb_text_inner li {
  padding: 5px 0;
}

.bmo-btn {
   margin-top: 55px;
   background-color: var(--med-blue);
   color: #fff !important;
   border-radius: 22px;
   padding: 6px 20px !important;
   font-size: 12px;
   display: table;
   font-weight:500 !important;
}

/*Footer Styles*/
#footer-header {
    font-family: 'ff-dax-pro', sans-serif;
    font-weight: 700;
}

.site-map-col a {
  font-weight:400 !important;
}

.site-map-col a:hover {
  text-decoration:underline;
}

.footer-heading {
  font-weight: bold;
  font-size: 16px;
}

#site-map a {
  line-height: 1.1em;
  display: inline-block;
}

.footer-col-5-wrapper {
  position:relative;
  min-height:400px;
}

.copyright {
  bottom:0;
  position:absolute;
}

.footer-bar-container {
  display: flex;
  justify-content: space-between;
	align-items: center;
}

.footer-bar-container * {
  color: white!important;
}

.footer-bar-container p {
  padding: 0;
}

.footer-bar-container a {
  font-size: 1rem;
}

.footer-bar-container img {
  height: 40px;
}

@media only screen and (max-width:980px) {
  .footer-col-5-wrapper {
    min-height:1;
  }

  .copyright {
    position:initial;
  }
}

/*new search*/

.et_pb_search_0_tb_header input.et_pb_s {
    padding-top: 0 !important;
    padding-right: 0.715em!important;
    padding-bottom: 0.715em!important;
    padding-left: 0.715em!important;
    height: auto;
    min-height: 0;
}

#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-megamenu > ul.mega-sub-menu {
    height: 70px !important;
}

#mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
    width: 100%;
}

.bmo-menu form.et_pb_searchform input.et_pb_s {
    font-size: 24px;
    font-family: 'ff-dax-pro', sans-serif;
    margin-top: -10px;
}


#mega-menu-wrap-primary-menu #mega-menu-primary-menu li#mega-menu-item-370 > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li#mega-menu-item-370 > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li#mega-menu-item-370 > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li#mega-menu-item-373 > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li#mega-menu-item-1423 > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li#mega-menu-item-374 > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li#mega-menu-item-375 > a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li#mega-menu-item-376 > a.mega-menu-link
{
    color: var(--med-blue);
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
} 

.drop-col:last-child {
    border-left: 1px solid #cecece;
    padding-left: 15px;
    font-size: 16px;
    color: var(--med-blue);
    width: auto;
    height: 215px;
    line-height: 140%;
}

#mega-menu-wrap-secondary-menu #mega-menu-secondary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {width:100% !important;}

.bmo-menu i.fa-search.fas {
    color: var(--med-blue);
    font-size: 25px;
    float: left;
    margin-top: 8px;
    padding-right: 20px;
    position: absolute;
    left: -20px;}

.et_pb_search {
    border: 0px solid #ddd;
    border-radius: 0px;
    overflow: hidden;
 font-family: 'ff-dax-pro', sans-serif;
    font-size: 24px !important;
  width:100%;
  background:none;
  display:block;
  font-weight:400;
}

.bmo-menu form.et_pb_searchform input.et_pb_s {
    font-size: 24px;
    font-family: 'ff-dax-pro', sans-serif;
}

#mega-menu-wrap-secondary-menu #mega-menu-secondary-menu ul.mega-sub-menu li.search-row.mega-search-row.mega-menu-row {
    max-height: 70px;
    margin: 0 auto;
    display: flex;
}

#mega-menu-wrap-secondary-menu #mega-menu-secondary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    max-width: 1140px;
}

.et_pb_search input.et_pb_searchsubmit {
    display:block !important;
position:absolute;
  z-index:9;
  background-color:rgba(0,0,0,0);
  color:rgba(0,0,0,0);
}

.goicon {
    display: block;
    right: 30px!important;
    top: 24px;
    position: absolute;
}

.blue-menu-left.et_pb_column_1_3.et_pb_column {
    width: 25%;
    padding-right: 0;
    margin-right: 0;
}

.blue-menu-search.et_pb_column_1_3.et_pb_column {
  width: 30%;
}
.blue-menu-right.et_pb_column_1_3.et_pb_column {
  width:auto;
}

a.mega-menu-link.dashicons-search {
  font-size:15px !important
}

a.mega-menu-link.dashicons-search:before {font-size:20px !important}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item > a.mega-menu-link {font-weight:500}
/*Drop*/

.dropdown a{
  color:#0079c1;
  text-decoration:none;
}


.drop-col{
  display:inline-block;
  width:100%;
  vertical-align:top;
  height: 230px;
  
  
}

.drop-col:nth-child(2){
  width:41%;
  
  
}

.drop-col:last-child{
  border-left: 1px solid #cecece;
  padding-left:15px;
  font-size:16px;
  color: var(--med-blue);
  width:auto;
  height:215px
  
  
}


.drop-col h2{
text-align:left;
font-size:18px !important;
font-weight:bold;
color: var(--med-blue) !important;  
margin-bottom:10px; 
font-family:Arial !important
}

.drop-col h3{
font-weight:bold;
color:#4e4e4e !important;
  
  
}

.link-col{
  display:inline-block;
  vertical-align:top; 
  width:auto;
  margin-right:20px;

}


.drop-col ul{
  margin-top:10px;
  margin-left:0px;
}

.drop-col ul:first-child{
  margin-top:0px;
}


.drop-col ul li{
  list-style:none;  
  color:#4e4e4e !important;
  padding-bottom:0px;
  font-family:Arial !important;
  margin-bottom:3px;
  
  

}


.drop-col ul li.first{
  font-weight:bold;
  padding-bottom:0px;
  margin-top:0px;
  
  
}


.drop-col ul li a{  
  color:#4e4e4e !important;
  font-weight:normal;
}




.drop-col:last-child p{
  color: var(--med-blue)!important;

  
}

.drop-col:last-child h3{
  font-size:18px;
}

.icon-nav{
   position:relative;
   padding-left: 33px;
       display: block;
    margin-bottom: 10px;
}

.icon-nav:before{
   content: " ";
   height:20px;
   width:20px;
   background-repeat:no-repeat;
   background-image: url('/wp-content/uploads/2020/09/arrow.svg');
   margin-right:15px; 
   margin-top: 1px;
   position:absolute;
   left:0;
  } 
  
 .drop-col .resources{ 
   position:relative;
   padding-left: 33px;
}
  
  
  .drop-col .resources:before{ 
   content: " ";
   height:20px;
   width:20px;
   background-repeat:no-repeat;
   background-image: url('/wp-content/uploads/2020/09/phone.svg');
   margin-right:15px; 
   margin-top: 1px;
   position:absolute;
   left:0;
       }
       
   .drop-col .icon-info{ 
   position:relative;
   padding-left: 33px;
   clear:both;
   display:block;
   margin:10px 0
       }


/* .drop-col .icon-info:before{ 
  content: " ";
   height:20px;
   width:20px;
   background-repeat:no-repeat;
   background-image: url('/wp-content/uploads/2020/09/info.svg');
   margin-right:15px; 
   position:absolute;
   left:0; */
/*    content: "\e061";
position:relative;
font-family: 'ETmodules';
  color:#1272c6;
  font-size:110%;
  display:inline-block;
  float:left;
  margin-bottom:20px;
  padding-right:15px; 
       }*/


/*Dax Typekit*/

.ff-dax-pro {
font-family: 'ff-dax-pro', sans-serif;
font-style: normal;
}

.ff-dax-pro-bold h2 strong, .ff-dax-pro-bold h4 strong {
  font-family: 'ff-dax-pro', sans-serif;
  font-weight: 800 !important;
  font-style: normal;
  font-size:20px !important
}

.ff-dax-pro-bold {
  font-family: 'ff-dax-pro', sans-serif !important;
  font-weight: 700;
  font-style: normal;
}

/*left image clear col*/
div .psuedo-col {
    overflow:hidden;
  padding-left:1px;
}

.img-clear-left { 
  float:left;
  padding-right:40px !important;
  display:block;
  width:200px
}

/*div table styles*/
.pretable {
  padding-bottom:20px !important;
}

.posttable-head {
  padding-top:50px;
}
.divTable{
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}
.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
}
.divTableCell, .divTableHead {
  border: 0px !important;
  display: table-cell;
  padding: 3px 10px;
}
.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
  font-weight: bold;
}
.divTableFoot {
  background-color: none;
  display: table-footer-group;
}
.divTableBody {
  display: table-row-group;
}
/*div tables for accordions*/
.divTable
    {
        display:  table;
        width:90%;
        background-color:#fff;
        border:0px solid  #666666;
    
    }

    .divRow
    {
       display:table-row;
       width:auto;
    }

    .divCell
    {
        float:left;
        display:table-cell !important;
        width:50%;
        background-color:#fff;
    }

    .contacts-tab .et_pb_toggle  {
	padding: 30px 0px 30px 0px !important;
}


.app-table img {
  padding:5px 0
}

.app-table p {
  padding-bottom:10px;
}

.three-col-table .divTableCell,.app-table .divTableCell {
width:33.3%
} 

tr td {
  padding: 6px 24px 14px 24px !important;
  line-height: 140%;;
}



span.icon-before {display:block;}

/* span.icon-info:before {
content: "\e061";
position:relative;
font-family: 'ETmodules';
  color:#1272c6;
  font-size:110%;
  display:inline-block;
  float:left;
  margin-bottom:20px;
  padding-right:15px;
} */


a.learn-more:hover:after {
  text-decoration:none !important;
  display:inline-block;

}
/*Original Tables*/
table {
    border-width: 0px !important;
  max-width:100% !important;
}

/*tables */
table {
  margin-bottom: 30px;
  margin-left: 5%;
  max-width: 90%;
  margin-top: 48px;
}

.et_pb_toggle_content table {width:90% !important;
margin:0 auto !important;}

th {
    font-size: 22px;
    font-weight: normal !important;
    color: #fff !important;
}

td {
  padding-left: 3%;
  vertical-align: top;
}

.tbl-features td:first-child {
  width: 25%;
}

.tbl-features th {
  text-align: left;
  padding-left: 3%;
}

/*.tbl-hcfsa {this is our "standard table }*/
.tbl-hcfsa td:first-child {width:30%; }
.tbl-hcfsa th {text-align: left !important; padding-left: 3%; border: none;}


.tbl-nqsp th, .tbl-nqsp2 th {text-align: left !important; padding-left: 10px; border-right: 1px solid #fff;}
.tbl-nqsp,.tbl-nqsp2 {max-width:99%; margin:0 !important; font-size:.75em; }
.tbl-nqsp td,.tbl-nqsp2 td {padding:5px; }
.tbl-nqsp td:first-child {width:12%; }
.tbl-nqsp2 td:first-child {width:35%;}

.tbl-nqsp td:nth-child(2) {width:5%;}

.tbl-hcfsa tbody tr:last-child {
  border-bottom: none!important;
}


/*Ben 2 Column Table Standard*/

@media only screen and (max-width: 599px) {
  .ben-table td {
    display: block;
  }

  .ben-table tr td:first-child {
    background-color: var(--table-lightgray);
    font-weight: 500;
  }

  .ben-table td {
    border: none;
  }
}

/* Overflow Tables */
.overflow-wrap {
  width: 100%;
  overflow-x: auto;
}

/*medical*/
.tbl-medical-heighlights td, .tbl-medical-heighlights th {
  text-align: left;
  padding-left: 3%;
}

.tbl-three-cols {
  margin-bottom: 0px;
}

.tbl-three-cols td {
  padding-left: 3%;
  width: 30%;
}

.tbl-medical-premiums, .tbl-dental-dp {
  margin-bottom: 0px;
}

.tbl-medical-domestic-partner td {
  padding-left: 3%;
}

.tbl-medical-domestic-partner td:first-of-type {
  width: 30%;
}

.tbl-medical-domestic-partner td:nth-of-type(5) {
  width: 19%;
}

.blue {background-color:var(--med-blue);}
.blue td {color:#FFF;}
.gray {background-color:#ddd;}
.dkgray {background-color:#666;}
.gray td {
  font-size:15px;
  line-height:120%
}

.premiums{
  margin:auto auto;
}

.premiums .toggle_container0{
  padding:0px !important;
  width:100%;
  font-size:18px !important;
}

.contactgrid ul li a {
  line-height:140%;
  /* display:inline-block; */
}

.plus {
  padding: 3px !important;
  text-align: center;
  border-left: none;
  border-right: none;
  width: 1%;
}

.no-r-border {
  border-right: none;
}

.no-l-border {
  border-left: none;
}

#medical .col_5 {
  width: 44%;
}

#medical .col_5:first-of-type {
  width: 48% !important;
}

#medical-premiums .footnote {
  margin-left: 0;
}

ol.footnote {
    margin-bottom: 0 !important;
}



/*hsa*/
.tbl-hsa td:first-of-type {
  width: 25%;
}

.tbl-hsa th, .tbl-hsa td {
  text-align: left;
  padding-left: 3%;
}

.hcsa {
  min-height: 380px !important;
  margin-top: 55px;
  padding-bottom: 0px;
}

#health-savings-account .vertical-divider {
  height: 260px;
}

/*RX*/
.tbl-rx {
  margin-bottom: 18px;
}

.tbl-rx td, .tbl-rx th {
  text-align: left;
  padding-left: 3%;
}

/* th.subhead,
.tr-subhead td {
  padding: 14px 24px!important;
  font-size: 100%;
  font-weight: bold;
} */

/* tr.tr-subhead-2 {
    border: 1px solid var(--lightgray);
} */

.subhead-lp,
th.subhead,
.tr-subhead td,
.tr-subhead-2 td,
.tr-subhead-3 td {
  font-family: 'Heebo',Helvetica,Arial,Lucida,sans-serif!important;
  color: var(--darkgray)!important;
  font-weight: bold!important;
  padding: 10px 24px 9px 24px!important;
  background-color: var(--table-lightgray);
  border: 1px solid var(--table-lightgray);
}

.subhead-lp,
th.subhead {
  text-align: left!important;
  font-size: 1rem!important;
}

/* .tr-subhead-2 td {
  background-color: var(--lightgray);
  border: 1px solid var(--lightgray);
} */

/* .tr-subhead-2 td,
.tr-subhead-3 td {
  background-color: var(--table-lightgray);
  border: 1px solid var(--table-lightgray);
} */

/* th.subhead {
  font-size: 100%;
  text-align: center;
  color: var(--darkgray)!important;
} */

.tbl-rx+.info {
  margin-left: 10%;
  width: 80%;
}

.rx {
  padding-bottom: 0px
}

/*dental*/
.tbl-what-you-pay th, .tbl-what-you-pay td {
  text-align: left;
  padding-left: 35px
}

.tbl-what-you-pay td:first-child {
  width: 50%;
}

.tbl-what-you-pay td:last-child {
  vertical-align: top;
  text-align: left;
}

.tbl-dental-premiums {
  margin-bottom: 0px;
}

.tbl-dental-premiums td {
  width: 30%;
  padding-left: 3%;
}

.tbl-dental-premiums+.info, .toggle_container0 table+.info  {
  margin-bottom: 52px;
  margin-left: 10%;
  width: 80%
}

.tbl-dental-dp {margin-bottom:0px;}
.tbl-dental-dp+.footnote {
  list-style: none;
  margin-left: 8%;
  margin-bottom:30px;
}

/*vision*/
.tbl-vision-overview th {
  text-align: left;
  padding-left: 3%;
}

.tbl-vision-overview td {
  width: 30%;
  padding-left: 3%;
}

/*.vision .col_2 {
  margin-bottom: 75px;
}*/

/*.tbl-vision-premiums {width:45%; margin: 0 auto; min-width: 340px;} */
.tbl-vision-premiums td {
  width: 50%;
  padding-left: 3%;
}

/*Beneficiary Designation Table*/
.ben-desig-table th {
  text-align: left;
}


/*health support resources*/
.tbl-health-support {
  width: 60%;
}

/*401k investment*/
table.tbl-invest>tbody>tr>th {
    text-align: left;
    padding-left: 3%;
    font-weight: 300;
    font-size: 23px;
}

table.tbl-invest>tbody>tr:last-child>td {
    border-bottom: 0px !important;
}

table.tbl-invest>tbody>tr:first-child>td {
    width: 33% !important;
}

/*401k*/
.four-k {margin-left: 7% !important;} /*this is no longer the 4k info bullet*/
.info-bul {margin-left:10% !important;}

.vertical-divider-401k {
  background-color: var(--lightgray);
  height: 550px;
  width: 1px;
  margin: 0 auto;
  margin-bottom: 30px;}

/*life */
#life-accident-premiums table {
  width: 90%;
  margin: auto;
}

.tbl-life {
  margin-bottom: 0px;
}

.tbl-life+.info {
    margin-bottom: 0;
    margin-left: 9%;
    margin-right: 9%;
}

th {
  font-size: 22px;
  font-weight: normal;
  background-color: var(--med-blue);
  color: #fff;
  text-align: center;
}

.th-sub {
  font-size: 16px;
  clear: both;
  display: block;
  color: #fff !important;
}

.sub-head {
  font-size: 1rem;
}

/* th.subhead, tr.tr-subhead td {
  color: var(--darkgray);
  background-color: var(--table-lightgray);
  text-align: left;
  padding: 8px 6px 8px 24px!important;
  border: 1px solid var(--table-lightgray);
} */

/* th.subhead-lp {
    font-size: 100%;
    color: #001928 !important;
    background-color: var(--lightgray);
    text-align: left;
    padding-left: 3%;
    border: 1px solid var(--lightgray);
  line-height:140%;
} */

td {
  border: var(--lightgray) solid 1px;
  color: var(--darkgray);
}

td>p {
  margin-top: 0px !important;
}

td:first-child {
  border-left: none;
}

td:last-child {
  border-right: none;
}

tr.last td {
  border-bottom: var(--lightgray) solid 1px !important;
  color: var(--darkgray);
}

ol.footnote {
  font-size: 12px;
  margin-bottom: 75px;
}

p.footnote {
  font-size: 12px;
}

ol.espp {list-style: none; margin-bottom:30px;}

sup.footnote-sup {
    font-size: 11px;
}

span.th-sub {
    margin-top: -1px !important;
}

/*  icons */
p.info-bo, p.info, p.info-leaving {
  margin-left: 72px!important;
  margin-top: 18px!important;
  margin-left: 0!important;
}


.info:before, .info-leaving:before {
    content: "Note:";
    margin-right: 4px;
    font-weight: bold;
}


p.info-bo {
  margin-left: 72px;
  margin-top: 18px;
  margin-left: 10%;
}

.info-bo:before {
/*   content: " ";
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background-image: url('/Style%20Library/Images/icons/bmo/info.svg');
  position: absolute;
  margin-left: -36px;
  margin-top: 3px; */
  
content: "\e061";
position:relative;
font-family: 'ETmodules';
  color:#1272c6;
  font-size:110%;
  display:inline-block;
  float: left;
  margin-bottom:20px;
  padding-right:15px;
}

/*CUSTOM TAB STYLES*/
.bsf_advanced_tabs_nav {
  border-bottom: solid 4px #187bbe !important;
}

.bsf_advanced_tabs .bsf_advanced_tabs_icon_placement_bottom .bsf_advanced_tabs_nav>li>a {
    -ms-flex-align: start;
    align-items: center;
}

.bsf_advanced_tabs .bsf_advanced_tab .bsf_advanced_tab_content {
  text-align: left;
  line-height: 1.611;
}

.tabs-row.et_pb_row {
/*  width: 100% !important;*/
  margin-top:0;
  padding-top:0;
}

ul.et_pb_tabs_controls {
    background-color: #FFF;
}
.contacts-tab .bsf_advanced_tabs_0 .bsf_advanced_tabs_nav>li {
    background-color: #f2f2f2;
    margin-right: 19px !important;
    border-radius: 15px;
}

p.contact-lw {
    margin-left: 5%;
}

.contacts-tab .bsf_advanced_tabs_nav .bsf_advanced_tab_title a:hover {
  text-decoration:none;
}

.bsf_advanced_tabs_nav>li {
    background-color: #f2f2f2;
    margin-right: 19px!important;
    border-radius: 15px 15px 0 0 !important;
}

/* li.bsf_active_tab:after {
  content:'';
    position: absolute;
    bottom: 0%;
    left: auto;
    margin-left: 6%;
    width: 0;
    height: 0;
    border-bottom: solid 10px #FFFFFF !important;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
} removed the triangular indicator at the bottom of thabs in forms/docs */


.togglegrid {
    display: block!important;
    padding-left: 0;
    margin-left: -12px;
}

/* Forms/Docs */
/* #forms-docs .entry-content ul {
  padding-bottom: 0!important;
} */

.retirement .contactgrid {
  width:48% !important;
}

h3.contact {
    color: #127bbe !important;
    font-size: 21px;
    font-weight: 400;
}

/* .contactgrid {
  text-align:left;
  color:#001928;
  line-height:140%
} 
.contactgrid h4 {
  font-size:18px;
  text-align:left;
  font-weight:600;
} */

/*Custom Toggles in Library*/


#forms-docs .et_pb_toggle.et_pb_toggle_close,
#forms-docs .et_pb_toggle.et_pb_toggle_open {
    background-color: #ffffff;
    border-width: 1px 0px 0px 0px;
    padding-top: 2.5rem!important;
    padding-right: 0!important;
    padding-bottom: 2.5rem!important;
    padding-left: 0px!important;
    margin-bottom: 0px!important;
    margin-left: 0px!important;
}

.et_pb_toggle_title:before {
  content: "\e050"!important;
  font-size: 40px!important;
  right: -10px !important;
  color: #187bbe;
}


.et_pb_toggle_open .et_pb_toggle_title:before {
  display: block !important;
  content: "\e04f"!important;
}

/*App Library Mini Tables*/

table.clear-rules, table.clear-rules td {
  border:0px
}

table.clear-rules tr:first-child td:first-child img,
.app-icon {
  border-radius:18px;
  border: 1px solid #ccc;
}
table.clear-rules td.icon {
  max-width:100px !important;
}
table.clear-rules td.icon img {width:80px !important}

.appstore img,
table.clear-rules td.appstore img {
  width:100px !important;
  height: auto!important;
  display: inline!important;
}

.app-subhead {
  font-weight: normal;
  font-size: 16px;
  padding-top:0 !important;
  margin-top:-10px !important;
  margin-bottom:10px !important;
  display:block;
}

.app-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

img.app-icon {
  height: 60%;
  border-radius: 0px;
  border: none;
}

img#telus-icon {
  height: 150px;
  margin: 0px;
}

/*Resource Library*/

/* .fnd-benefit {
    width: 80%;
    float: left;
    margin: 0;
}

.fnd-benefit ul {
  padding-left: 0;
}

.fnd-benefit li {
  background: url(/wp-content/uploads/form-icon.png) no-repeat left top;
  padding-left: 38px !important;
  padding-top: 0px;
  margin-bottom: 15px;
  list-style: none;
  background-size:32px 
}

.fnd-benefit li.play {
  background: url(/wp-content/uploads/BMO-Arrow.svg) no-repeat 6px 2px;
  background-size: 22px;
}

.fnd-benefit:nth-child(odd){clear:both} */


/*Future Hire Social*/

.app-icons-container-future {
    width: 100%;
    margin: 0 auto;
    margin-left: 2%;
    margin-top: 20px;
}

.app-icon-future {
    width: 25%;
    float: left;
}

/****** Home Page - What to do today? section *****/
.today-row .et_pb_column {
	padding: 0!important;
}

.today-container h2 {
	text-align: center;
}

.today-grid {
	display: grid;
	grid-template-columns: repeat(5, 20%);
}

.today-tile {
	padding: 2rem;
	border-right: 1px solid #DDDDDD;
}

.today-tile:first-child {
	padding-left: 0;
}

.today-tile:last-child {
	padding-right: 0;
	border-right: none;
}

.today-link {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	color: var(--med-blue);
	text-align: center;
	font-size: 14px;
	height: 100%;
	line-height: 1.6;
}

.today-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 75px;
  padding-bottom: 1rem;
}

.today-icon img {
  max-height: 75px;
}

@media only screen and ( max-width: 725px ) {
  .today-grid {
    grid-template-columns: 1fr;
  }
  .today-tile {
    border-right: none;
  }
}

.benefits-news-bg img {
  height: 14rem;
  object-fit: cover;
}

/*MOBILE STYLES*/

/*--------[768px]-------*/
@media only screen and ( max-width: 980px ) {
  
/*  .tr-subhead td {
    padding-bottom:0px !important; 
    max-height:20px !important;
    height: 20px !important;
  }
*/
  .ebp-circle {
    display: none;
  }
  
 /* noted out ii 3.9.21
  .info:before {
    margin-left:-15px !important;
  }
  */
  
  .mega-search {
    max-width:120px;
  }

  /* .tbl-hcfsa {
    max-width:100% !important;
    width: 100% !important;
    min-width:100px !important;
  }
  */
  
  /* noted out ii 3.9.21
  #tbl-hcfsa2 {
    max-width:150px; 
    display: none;
  }
  */

  .itunesg {
    max-width:86px;
  }
#breadcrumbs {display:none;}

h2 {font-size:28px !important;}
  
.circle-img {display:none;}
  
/* table.tbl-rx {
    border-width: 0px!important;
    max-width: 100%!important;
    min-width: 100px!important;
    margin-left: -20px!important;
} 
  
  table {
    border-width: 0px!important;
    max-width: 300px !important;
    min-width: 100px!important;
    margin: 0 auto 20px auto !important;
}
  
  table table {
    margin-left:4px !important;
    max-width: 400px !important;
    width: 400px !important;
  }
  
table th, .th-sub  {
    font-size:10px !important;
    line-height:120% !important;
    
  }
  
table td {
    font-size:8px !important;
    line-height:120% !important;
  }
  
table tr td {
    padding: 6px 10px 10px 10px !important;
}
  
.entry-content tr th {
    padding: auto;
  }

.entry-content tr td {
    padding: 6px!important;
  }
*/
  
  .info:before, .info-leaving:before {
    content: " ";
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2020/09/info.svg);
    position: absolute;
    margin-left: -15px;
    margin-top: 0px;
}

/*--LAST BRACKET DO NOT DELETE--*/
}
/*--LAST BRACKET DO NOT DELETE---*/

.page-id-235 .et_pb_toggle_title:before {
  font-size:25px;
}


 .contacts-tab .et_pb_toggle  {
	padding: 30px 0px 30px 0px !important;
}

.et_pb_search .et_pb_searchform .et_pb_s {
	border: solid 1px var(--med-blue);
}
/*Hide the search button*/
.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
/*Add padding to the search input field*/
.ds-icon-search input.et_pb_s,
.widget_search input#s {
    padding-right: 55px !important;
}
/*Add the icon*/
.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
		color: var(--med-blue); 
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 10px;
}

.et_pb_search.et_pb_hide_search_button input.et_pb_searchsubmit {
	display: none !important;
}

.home div.et_pb_section.et_pb_section_0 {
	min-height:600px !important;
		padding-top: 10%;
}

@media only screen and (max-width: 1024px) {
  .home div.et_pb_section.et_pb_section_0 {
    min-height:400px !important;
  }
}

.page-id-277 div.et_pb_section.et_pb_section_0, 
.page-id-280 div.et_pb_section.et_pb_section_0, 
.page-id-282 div.et_pb_section.et_pb_section_0, 
.page-id-283 div.et_pb_section.et_pb_section_0, 
.page-id-284 div.et_pb_section.et_pb_section_0, 
.page-id-288 div.et_pb_section.et_pb_section_0, 
.page-id-251 div.et_pb_section.et_pb_section_0, 
.page-id-247 div.et_pb_section.et_pb_section_0 {
	/*min-height:550px;*/
	/* min-height:440px; */
	background-size: 100% auto;
	background-position: top center;
}

#adoption-assistance div.et_pb_section.et_pb_section_0 {
  min-height:440px;
  background-size: 100% auto;
  background-position: center 15%;
}

/*****************************************************************************************************************
                                        END IMPORT FROM DIVI CUSTOM CSS FIELD
*****************************************************************************************************************/

/*Nested Tables*/

.desktop-td {
  display: table-cell;
}

.mobile {
  display: none;
}

.rotate-note {
  display: none;
}

@media only screen and (max-width: 980px) {
  .desktop-td {
    display: none;
  }

  .mobile {
    display: block;
  }

  .nested-table-row {
    width: 90%;
  }

  .nested-table {
    border-left: 0;
  }

  .mobile.nested-table-heading {
    padding-bottom: 1em;
  }

  #tbl-hcfsa2,
  #tbl-hii-features,
  #tbl-hii-BenAmt {
    display:block;
  }

  .et_pb_with_border.et_pb_row.et_pb_row_3.nested-table-row {
    padding-right: 0!important;
  }

  /*App Buttons*/
  .app-btn {
      height: 20px;
      width: auto;
  }
}

@media only screen and (max-width: 479px) {
  /*Desk/Tab Table*/
  .desk-tab-tbl {
      display: none; 
  }

  .rotate-note {
    display: block;
  }
}

/*Contact Page Update*/
.contacts-callout {
  display: flex;
  gap: 1rem;
}

.contacts-callout .et_pb_column {
  margin: 0;
}

.contacts-callout-card {
  background-color: white;
  padding: 30px;
  font-size: 18px;
  height: 235px;
}

.contacts-callout-card h4 {
  font-size: 22px;
  color: var(--dark-blue);
}

.contacts-accordion h5 {
  font-size: 26px!important;
}

.contacts-accordion h3 {
   color: #187bbe!important;
   font-family: 'Heebo';
   font-weight: 700;
   line-height: 31px;
   font-size: 22px;
}

@media only screen and (max-width: 479px) {
  .contacts-accordion .contactgrid {
    width: 100%!important;
    padding-right: 0!important;
  }

  .et_pb_toggle.et_pb_toggle_close, 
  .et_pb_toggle.et_pb_toggle_open {
    padding-right: 0!important;
  }

  .page-id-277 div.et_pb_section.et_pb_section_0, 
  .page-id-280 div.et_pb_section.et_pb_section_0, 
  .page-id-282 div.et_pb_section.et_pb_section_0, 
  .page-id-283 div.et_pb_section.et_pb_section_0, 
  .page-id-284 div.et_pb_section.et_pb_section_0, 
  .page-id-288 div.et_pb_section.et_pb_section_0, 
  .page-id-251 div.et_pb_section.et_pb_section_0, 
  .page-id-247 div.et_pb_section.et_pb_section_0 {
    /*min-height: 180px !important;*/
    min-height: 113px !important;
    height: 113px;
    background-size: 100% auto;
    background-position: top center;
  }

  #adoption-assistance div.et_pb_section.et_pb_section_0 {
    min-height: 113px !important;
    height: 113px;
    background-size: 100% auto;
    background-position: center 15%;
  }
}


/********** 2022 AE Page **********/
/*AE Grid*/
.ae-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.ae-grid div {
  padding: 20px;
}

.ae-grid .whats-new {
  border-right: 1px solid black;
}

.ae-grid .line {
  height: 1px;
  background-color: black;
  padding: 0;
  margin-bottom: 20px;
}

.ae-grid .callout-box {
  background-color: lightgrey;
}

@media only screen and (max-width: 980px) {
  .ae-grid {
    grid-template-columns: 1fr; 
  }

  .ae-grid>div {
    padding: 0px;
  }

  .ae-grid>div {
    border-top:  1px solid black;
    padding-top: 20px;
  }

  .ae-grid>div:first-child {
    border-top: none;
    padding-top: 0;
  }

  .ae-grid .whats-new,
  .ae-grid .how-to-enroll {
    border-right: none;
    padding-top: 20px;
  }

  .ae-grid .line {
    display: none;
  }

  /*Need Assistance*/
  .need-assistance {
    border-top: 1px solid black;
    padding-top:  0px!important;
  }

  .need-assistance .et_pb_module {
    padding-top: 20px!important;
  }
}


/********** Medical Premiums **********/
.premiums-medical-accordion .su-spoiler-title {
  position: relative;
  cursor: pointer;
  min-height: 20px;
  line-height: 20px;
  padding: 7px 7px 7px 34px;
  font-weight: 600;
  font-size: 18px;
  border-bottom: 1px solid #cecece;
  padding-bottom: 20px;
  margin-top: 0px;
}

.su-spoiler-content thead th.sub-head:first-child {
  width: 25%!important;
}

/********** NQSP FAQ Page **********/
/* NQSP Fun Options Toggle (#14) */
.et_pb_toggle_content  table.nqsp-fund-options-table {
  width: 100%!important;
}

#faqs-nqsp th,
.nqsp-fund-options-table th,
.nqsp-fund-options-table td {
  text-align: left!important;
}

/*List Styles*/
td ul:last-child,
td ul li:last-child {
  padding-bottom: 0;
}

/* NQSP-FAQ List Exception */
.nqsp-faq-modified-list > li {
  list-style: none;
}

.nqsp-faq-modified-list li ol {
  margin-left: 20px;
}

.nqsp-faq-modified-list li ol li {
  list-style-position: outside;
}

/* Misc Layout */
.margin-top {
  margin-top: 1rem;
}

/* Home page flyout */

/* Anchor offset */
.anchor:before {
  content: ''; 
  display: block; 
  position: relative; 
  width: 0; 
  height: 250px; 
  margin-top: -250px 
}

/*Retirement 401kpage*/
.et_pb_image.heading-icon {
  text-align: center;
}

.heading-icon img {
  height: 80px;
}



/* Media queries using Page id selectors*/
@media only screen and (max-width:  980px) {
  #retirement-401k .et_pb_column_1_3 {
    border-right: none;
  }
  
}



/* BOTW Modal */
.play a {
	cursor: pointer;
}

#botw-resources #page-container {
  position: relative;
}

#botw-resources .modal-section {
  display: none;
  background: rgba(0,0,0,.5);
  backdrop-filter: blur(5px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  z-index: 9999;
	justify-content: center;
	align-items: center;
}

#botw-resources .modal-inner {
	position: relative;
	width: 80vw;
	height: 80vh;
	margin: 6rem auto;
}

#botw-resources .close {
  color: white;
  margin-bottom: 1rem;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -3rem;
}

#botw-resources .close span {
  transform: rotate(45deg);
  display: inline-block;
  border-radius: 50%;
  padding: 3px 7px 3px 7px;
  border: 1px solid white;
  line-height: 1;
}

#botw-resources .modal-section iframe {
	width: 100%;
	height: 80%;
}

/* BOTW Media Queries */
@media only screen and (max-width: 1024px) {
	.et_pb_row_3.et_pb_row.today-row {
		margin: 0!important;
	}

	.et_pb_row.botw-bar,
	#home-tiles-row,
	.need-assistance-grid {
		width: 90%;
	}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.green > ul.mega-sub-menu {
		background-position: 60% center!important;
	}
	
	.botw-enrollment-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 980px) {
	.botw-enrollment-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.botw-menu-container {
		width: 100%;
	}
}

@media only screen and (max-width: 479px) {
	.today-grid,
	.need-assistance-grid,
	.botw-enrollment-grid {
		grid-template-columns: 1fr;
	}
	
	.today-tile {
		padding: 1rem!important;
	}
	
	.botw-callount-container {
		flex-direction: column;
		padding: 1rem;
	}

	.botw-callount-container .cta-container {
		border-left: none;
	}

  .need-assistance-circle {
    width: 75%;
    margin: 0 auto;
  }

  .need-assistance-circle-content {
    padding: 1.5rem;
  }

  .need-assistance-circle-content h2 {
    font-size: 2rem!important;
  }

  #botw-special-enrollment .botw-callout-content {
    padding: 0;
    text-align: center;
  }

  #botw-special-enrollment .botw-callount-container .cta-container {
    padding: 0;
  }

  .botw-menu-content-wrapper a {
    font-size: 1.5rem;
  }

  .botw-menu-content-container {
    min-height: auto;
    padding: 1rem;
  }

  .mobile-head {
    margin-bottom: 0!important;
  }

  .mobile-head h1 {
    margin-bottom: 0;
  }

  .toggle-section {
    padding-top: 0;
  }
}