/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");
@import url("../fonts/font.css");

body, html { overflow-x: hidden; }
body { font-family: "ZurichSans-Light", Arial, sans-serif; font-weight: 200; }
body, header.fixed-top { padding-right: 0 !important; }
body > .container { min-height: 675px; }
i, em, .font-italic { font-family: "ZurichSans-LightItalic", Arial, sans-serif; font-weight: 100; }
b, strong, .font-weight-bold { font-family: "ZurichSans-Bold", Arial, sans-serif; }
h1 { color: #23366f; font-size: 2.5rem; font-weight: 700 !important; }
h2 { color: #23366f; font-size: 2rem; font-weight: 700 !important; }
h3 { color: #23366f; font-size: 1.5rem; }
h4 { color: #000; font-size: 1.25rem; }
a, a:visited { color: #23366f; }
a:hover, a:focus, a:active { color: #1fb1e6; text-decoration: underline; }
a .fas.fa-arrow-circle-right, a:visited .fas.fa-arrow-circle-right, a:hover .fas.fa-arrow-circle-right, a:focus .fas.fa-arrow-circle-right, a:active .fas.fa-arrow-circle-right { color: #00359b; text-decoration: none; }
.card-title { background: #4066B3; color: #fff; margin: -1.25rem -1.25rem 1.25rem; padding: 0.33rem 0; font-weight: 700; }
.form-check-label a, .form-check-label a:visited { color: #1fb1e6; text-decoration: underline; }

.ui-widget-content a { color: #fff !important; }
.disclaimer { font-size: 12px; }
.nobullet { list-style-type: none; -webkit-padding-start: 1.25em; line-height: 1.75; }
.bx-title { background-color: #f2f0ee; color: #009ee0; font-size: 1.25em; text-align: center; text-transform: uppercase; padding-left: 1%; padding-right: 1%; padding-top: 1%; padding-bottom: 1%; }
.box { border-color: #f2f0ee; border-style: solid; border-width: medium; margin-top: 1%; margin-bottom: 4%; }
.bx-content { padding-top: 2%; }
.redirect-to-profile-link a { z-index: 1060; position: relative; color: #001a4d; line-height: 1.2; }
.border-blue { border-color: #4066B3 !important; box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.25); }
.border-left.thick { border-left-width: 5px !important;}

/* full width bg */
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; z-index: -1; }
.bg-grey { background-color: #e8e5e3; }
.text-grey { color: #e8e5e3; }
.bg-blue { background-color: #4066B3; }
.text-blue { color: #4066B3; }
.bg-dark-blue { background-color: #23366f; }
.text-dark-blue { color: #23366f; }
.full-width.bg-white:before { border-left: 99rem solid #ffffff; box-shadow: 99rem 0 0 #ffffff; }
.full-width.bg-grey:before { border-left: 99rem solid #e8e5e3; box-shadow: 99rem 0 0 #e8e5e3; }
.full-width.bg-blue:before { border-left: 99rem solid #4066B3; box-shadow: 99rem 0 0 #4066B3; }

.bg-dark-blue, .bg-dark-blue a { color: #fff; }
.bg-dark-blue h4 { font-weight: 700; }

/* navbar */
nav .container { max-width: calc(100vw - 50px); }
.navbar-light .navbar-nav .nav-link { color: #23366f; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #1fb1e6; }
.navbar-expand>.container { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.navbar-expand>.container .navbar-brand { order: -1; }
.navbar-brand { max-width: 40%; }
/* modal nav */
#nav_modal .modal-dialog.modal-xl { width: 100vw; max-width: 100vw; }

/* banner */
.container #banner { margin-left: -15px; margin-right: -15px; }
#banner { margin-bottom: 30px; }
#banner .carousel-caption { justify-content: start; right: 0; left: 0; background-color: rgba(2,41,106,.6); padding: 25px 50px; font-weight: 100 !important; text-align: left; }
#banner .carousel-caption .h1 { color: #fff !important; font-weight: 200 !important; font-size: 1.5rem; line-height: 1.05; }

/* contact area */
.contact_row { background-color: #f2f0ee; padding-top: 20px; padding-bottom: 20px; }

/* footer */
body > footer { font-size: 1rem; background-color: #dae2f4; }
#inner-footer ul[id^="menu"] { padding-inline-start: 0; list-style: none; }
#inner-footer .widgettitle { font-weight: 700; color: #23366f; }

/* popout sidebar */
#mojo-sp-right-wrap:not(.mojosp-panel-visible) { height: 706px; right: calc(((100vw - 100%) / -2) + 15px) !important; }
#mojo-sp-right, #mojo-sp-right p { color: #000; }
#mojo-sp-right h1, #mojo-sp-right h2, #mojo-sp-right h3, #mojo-sp-right h4, #mojo-sp-right h5, #mojo-sp-right a { color: #23366f; }
#mojo-sp-right a:hover { color: #23366f; }
.mojo-sp > .mojosp-widget-area { overflow: auto; }

/* right sidebar */
#sidebarRight h3 { font-size: 1.5rem; }
#sidebarRight { font-size: 1rem; }

/* okta */
#okta-sign-in { margin-top: 10px !important; }
#okta-signin-submit { color: #fff !important; background: #4066b3 !important; border-color: #4066b3 !important; border-radius: 0; min-height: 38px; }
#okta-signin-submit:hover { color: #fff !important; background: #006 !important; border-color: #006 !important; }
#okta-signin-submit:focus, #okta-signin-submit.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important; }
#okta-signin-submit.disabled, #okta-signin-submit:disabled { color: #fff !important; background: #007bff !important; border-color: #007bff !important; }

/* forms */
.wpcf7-form label, .wpcf7-form .acceptance { font-size: 1rem; }
.wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.wpcf7-acceptance .wpcf7-list-item .form-control { height: auto; }

/* overriedes */
.center-mobile .has-text-align-right { text-align: center; }
.center-mobile .has-text-align-left { text-align: center; }

/* sadfpd pages (Separate Account Division Fund Offering Documents) */
body.sadfod-page { margin-left: 100px; padding: 25px !important; font-size: 18px; font-weight: 400; }
.sadfod-page h3 { margin-block-start: 0.83em; margin-block-end: 0.83em; font-weight: bold; }
.sadfod-page ul { background: #f5f5f5; padding: 20px; }
.sadfod-page ul li { margin: 8px; }

/** jpm restricted */
.jpm-nav { display: none; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  body { font-size: 1.25rem; }
  .navbar-expand>.container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .navbar-expand>.container .navbar-brand { order: 13; }
  #banner .carousel-caption .h1 { font-size: 3rem; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  h1 { font-size: 2.75rem; }
  h2 { font-size: 2.25rem; }
  h3 { font-size: 1.75rem; }

  #banner .carousel-caption .h1 { font-size: 3rem; }

  .nav-md-fill > .nav-item { flex:none; }

  .center-mobile .has-text-align-right { text-align: right; }
  .center-mobile .has-text-align-left { text-align: left; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  #banner .carousel-caption .h1 { font-size: 4rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  #banner .carousel-caption { left: 5vw; right: 25%; background: none; color: #000; }
  #banner .carousel-caption .h1 { font-size: 5rem; color: #2167ae !important; }

	#sidebarRight h3 { font-size: 1.75rem; }
	#sidebarRight { font-size: 1.25rem; }
}

/* Larger Devices, Wider Screens */
@media only screen and (min-width : 1400px) {
  #banner .carousel-caption { right: 50%; }
}
@media only screen and (min-width : 1535px) {
  #banner .carousel-caption .h1 { font-size: 6rem; }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}