/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Template: salient
Version: 1.0
*/

/* GENERAL STUFF */
.iwt-icon { max-width: 20px; }
.iwt-text { padding-left: 30px !important; }

.maroontext h1,
.maroontext h2,
.maroontext h3 { color: #9E2339 !important; }
.redtext { color: #C91235 !important; }

.bluetext h1,
.bluetext h2,
.bluetext h3,
.bluetext { color: #002D61 !important; }

.caption-head { font-size: 22px !important; }
.caption-byline { color: #6C7076 !important; font-size: 16px !important; }

/* HEADER SUBMENU INDICATOR */
#header-outer #top ul.sf-menu li.menu-item-has-children > a > .icon-in-menu {
  color: #C91235 !important;
  font-size: 0.75em;
}

/* EXTERNAL LINK NOTICE ICON COLOR */
.externallinknotice-icon {
    background-color: rgba(255, 255, 255, 0.1);
    color: #c91235;

}



/* LOGIN FORM (DESKTOP) */
form#McMForm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1em;
  padding-left: 4em !important;
  border-left: 8px solid #fff;
  margin-left: 1em;
  padding-bottom: 5px !important;
}
form#McMForm h5 {
  color: #fff;
  font-size: 1.25em;
  letter-spacing: 2px;
}
form#McMForm input {
  margin-bottom: 0.5em;
  background: rgba(255,255,255,0.25);
  padding: 0.25em 1em;
  border-radius: 0 !important;
}
form#McMForm input[type="text"],
form#McMForm input[type="password"] {
  color: #fff !important;
}
form#McMForm input::placeholder {
  color: rgba(255,255,255,0.7) !important;
}
form#McMForm input[type="submit"] {
  background: #c91235;
  width: 100%;
  text-transform: uppercase;
  border-radius: 5px !important;
  padding: 0.5em;
  font-size: 1.2em;
  letter-spacing: 2px;
}
#McMForgotUserNameDiv {
  color: #878787;
  text-align: center;
  margin-top: -4px;
}
#McMForgotUserNameDiv a {
  color: #aaa;
  font-weight: bolder;
}

/* MOBILE FORM OVERRIDES */
@media only screen and (max-width: 1252px) {
  form#McMForm {
    display: block !important;
    background: transparent !important;
    padding: 1em !important;
    margin: 0 !important;
    padding-left: 0 !important;
    border: none !important;
    border-top: 3px solid #fff !important;
  }
  form#McMForm h5 {
    color: #fff !important;
  }
  form#McMForm input[type="text"],
  form#McMForm input[type="password"] {
    background: rgba(255,255,255,0.15) !important;
    padding: 0.25em 1em !important;
    border: none !important;
    color: #fff !important;
  }
  form#McMForm input::placeholder {
    color: rgba(255,255,255,0.7) !important;
    opacity: 1 !important;
    text-indent: 0 !important;
  }
  #McMLoginButtonDiv input[type="submit"] {
    background: #c91235 !important;
    color: #fff !important;
    width: 100% !important;
    text-transform: uppercase;
    border-radius: 5px !important;
    padding: 0.5em !important;
    font-size: 1.2em !important;
  }
  #McMForgotUserNameDiv {
    color: #fff !important;
    text-align: left !important;
    margin-top: 0.5em !important;
  }
  #McMForgotUserNameDiv a {
    color: #fff !important;
    font-weight: bold !important;
  }
  /* Stack fields vertically */
  #McMForm #mobile_row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5em !important;
  }
}

/* BASIC LAYOUT HELPERS */
.section { clear: both; padding: 0; margin: 0 0 20px; }
.concol { display: block; float: left; margin: 1% 0 1% 2%; }
.concol:first-child { margin-left: 0; }
.group:before,
.group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }

/* GRID SPANS */
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 49%; }
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66%; }
.span_1_of_3 { width: 32%; }
.span_4_of_4 { width: 100%; }
.span_3_of_4 { width: 74.5%; }
.span_2_of_4 { width: 49%; }
.span_1_of_4 { width: 23.5%; }

@media only screen and (max-width: 480px) {
  .concol { margin: 1% 0; }
  .span_2_of_2, .span_1_of_2,
  .span_1_of_4, .span_2_of_4,
  .span_3_of_4, .span_4_of_4,
  .span_3_of_3, .span_2_of_3,
  .span_1_of_3 { width: 100%; }
}

/* CONTACT FORM 7 STYLING */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  background-color: #F6FCFE !important;
  color: #000 !important;
  padding: 15px !important;
  border: 1px #000 solid;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  font-weight: bold;
  color: #000 !important;
}
input.wpcf7-form-control.wpcf7-submit {
  display: block;
  margin: 0 auto;
  background: #C91135 !important;
  font-size: 20px;
  font-family: 'Lato', sans-serif;
}
.wpcf7-form select {
  border: 1px solid #000;
}

/* FDIC Banner Styles */
.fdic-wrapper {
    background-color: #002D61;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 450px;
    margin: 0 auto;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 99999;

}

.fdic-wrapper .sfContentBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.fdic-logo {
  display: block;
  height: auto;
  max-height: 24px;
}

.fdic-text {
  font-family: "Source Sans Pro", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 12.8px;
  line-height: 1;
}

/* Responsive full-width on tablet & mobile */
@media (max-width: 1200px) {
  .fdic-wrapper {
        max-width: 85%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 10px;
    
    }
  header#top {
    margin-top: 36px;
  }
}