/*Section styles*/
#header
{
  background: linear-gradient(to right, #081A1D 35%, transparent, #081A1D 80%), url("../images/relentless_bg.jpg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 70% 55%;
  background-color: #081A1D;
}
#nav
{
  position: sticky !important;
  top: -10px;
  z-index: 1000;
  background-color: #081A1D;
}
#why,
#tools,
#resources
{
  background-color: #F7F5F2;
}
#featured
{
  background-color: #081A1D;
}
#signup
{
  background-color: #D4EBED
}
.header-title
{
  font-size: 50px;
  color: #FFFFFF;
  font-family: 'Verlag Light';
  line-height: 55px;
}
.header-text
{
  font-size: 18px;
  color: #FFFFFF;
  font-family: 'Verlag Light';
  line-height:20px;
}
.header-color-bar
{
   border-right: 5px solid #ECED90;
}
.header-subtitle
{
  font-size: 18px;
  color: #ECED90;
  line-height:20px;
}
.dark-section-header
{
  font-size: 32px;
  font-family: 'Verlag Light';
  color: #111E2E;
}
.dark-section-text
{
  font-size: 18px;
  font-family: 'Verlag Light';
  color: #011F23;
}
.btn.why-button
{
  background-color: rgba(133, 209, 218, 0.5);
  border-color: rgba(133, 209, 218, 0.5);
  width: 250px;
  height: 75px;
  border-radius: 0%;
  text-align: left;
  font-family: 'Verlag Light';
  color: #1E3138;
}
.btn.why-button:hover
{
  background-color: #081A1D;
  border-color: #081A1D;
  color: #F0ED91;
}
.btn.why-button:active
{
  background-color: #081A1D;
  border-color: #081A1D;
  color: #F0ED91;
  box-shadow: none;
}
.why-button-clicked
{
  background-color: #081A1D !important;
  border-color: #081A1D !important;
  color: #F0ED91 !important;
  box-shadow: none !important;
}
.why-button-arrow
{
  font-family: 'Verlag Light';
  font-size: 56px;
  position: relative;
  bottom: 8px;
}
.light-section-header
{
  font-size: 32px;
  font-family: 'Verlag Light';
  color: #FFFFFF;
}
.light-section-text
{
  font-size: 18px;
  font-family: 'Verlag Light';
  color: #FFFFFF;
}
.btn.etf-lineup-button
{
  border-color: #85D1DA;
  width: 250px;
  height: 50px;
  border-radius: 0%;
  text-align: left;
  font-family: 'Verlag Light';
  color: #ECED90;
}
.btn.etf-lineup-button:hover
{
  background-color: rgba(133, 209, 218, 0.5);
  border-color: #ECED90;
  color: #1E3138;
}
.fund-square
{
  background-color: #58595B;
  border-radius: 0%;
  padding-left: 30px;
}
.fund-name
{
  color: #85D1DA;
  font-family: 'Verlag Light';
  font-size: 60px;
  text-align: left;
}
.fund-desc
{
  color: #FFFFFF;
  font-family: 'Verlag Light';
  font-size: 28px;
  text-align: left;
}
.fund-deets
{
  color: #F5F5F5;
  font-family: 'Verlag Light';
  font-size: 15px;
  text-align: left;
}
.fund-rate
{
  color: #FFFFFF;
  font-family: 'Verlag Light';
  font-size: 37px;
  text-align: left;
}
.fund-type
{
  color: #ECED90;
  font-family: 'Verlag Light';
  font-size: 24px;
  text-align: left;
}
.custom-list
{
  list-style: none;
  padding-left: 0px;
  margin: 0px;
}
.custom-list li
{
  background-image: url(../images/check.svg);
  background-repeat: no-repeat;
  background-position: 0px center;
  padding-left: 35px;
  padding-top: 5px;
  background-size: 25px 25px;
  margin-bottom: 5px;
}
.btn.fund-button
{
  border-color: #85D1DA;
  width: 150px;
  height: 45px;
  border-radius: 0%;
  text-align: left;
  font-family: 'Verlag Light';
  color: #ECED90;
}
.btn.fund-button:hover
{
  background-color: rgba(133, 209, 218, 0.5);
  border-color: #ECED90;
  color: #58595B;
}
.tool-square
{
  background-image: url(../images/tool_square.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 150px;
}
.tool-square:hover
{
  cursor: pointer;
}
.locked-tool-square:hover
{
  cursor: pointer;
}
.tool-icon
{
  max-height: 25px;
  max-width: 25px;
}
.locked-tool-square
{
  background-image: url(../images/locked_tool_square.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 150px;
}
.tool-name
{
  font-size: 24px;
  font-family: 'Verlag Light';
  color: #1E3138;
}
.tool-desc
{
  font-size: 15px;
  font-family: 'Verlag Light';
  color: #011F23;
}
.email-input
{
  display: inline-block;
  width: 250px;
  height: 50px;
  padding-left: 10px;
}
.sign-up-text
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 50px;
}
.submit-btn
{
  display: inline-block;
  height: 50px;
  width: 150px;
  background-color: #29686D;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Verlag Book';
  font-size: 18px;
  line-height: 50px;
  letter-spacing: 0.13px;
  position: relative;
  bottom: 2px;
  vertical-align: middle;
}
.submit-btn:hover
{
  cursor: pointer;
}
.resource-header
{
  color: #1C3239;
  font-family: 'Verlag Bold';
  font-size: 22px;
}
.resource-text
{
  color: rgba(28, 50, 57, 0.70);
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 26px;
}
.simple-text {
  font-family: "Verlag Book";
  color: #011f23;
  font-size: 15px;
}
.loss-header {
  color: #256b71;
  font-family: "Verlag Black";
  font-size: 18px;
  line-height: 120%;
}
.loss-percent {
  font-family: "Verlag Book";
  color: #1e3138;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
}
.dark-row {
  background-color: #d9d9d973;
}
.bolded {
  font-family: "Verlag Bold" !important;
}
.data-disclosure {
  font-family: "Verlag light";
  font-size: 15px;
  font-style: italic;
}
.vs-row {
  border-bottom: 1px solid #002d3859;
}
.dark-col-header {
  color: #ffffff;
  background-color: #1e3138;
  text-transform: uppercase;
  text-align: center;
  font-family: "Verlag Bold";
}
.blue-col-header {
  color: #1e3138;
  background-color: #85d1da;
  text-transform: uppercase;
  text-align: center;
  font-family: "Verlag Bold";
}
.vs-text {
  color: #000000;
  letter-spacing: 1%;
  line-height: 24px;
  font-family: "Verlag Book";
  font-size: 14px;
  padding-left: 10px;
}
.vs-text::before {
  content: url(../images/double-right-arrow.svg);
  position: relative;
  right: 10px;
}
.vs-title {
  font-family: "Verlag Bold";
  font-size: 20px;
  color: #1e3138;
}
.modal.signup-modal-container
{
  display: block;
  z-index: 1000000001;
}
.modal-content.signup-modal
{
  border-radius: 0%;
  background-image: url(../images/popup_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.modal-header-icon
{
  height: 50px;
  width: 50px;
}
.modal-header.signup-modal-header
{
  justify-content: center;
  border-bottom: none;
}
.signup-modal-title
{
  font-family: "Verlag Black";
  font-size: 28px;
  text-align: center;
  color: #1E3138;
}
.signup-modal-desc
{
  font-family: "Verlag Book";
  font-size: 20px;
  text-align: center;
  color: #1E3138;
}
.modal-footer.signup-modal-footer
{
  border-top: none;
  justify-content: center;
}
.popup-email-input
{
  height: 50px;
}
.popup-submit-btn
{
  display: inline-block;
  height: 50px;
  background-color: #29686D;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Verlag Book';
  font-size: 18px;
  line-height: 50px;
  letter-spacing: 0.13px;
  position: relative;
  bottom: 2px;
  vertical-align: middle;
}
.popup-submit-btn:hover
{
  cursor: pointer;
}

/*Page Infrastructure*/
.container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.anchor {
  color: #f2f2f2cc;
  font-family: "Verlag Light";
  font-size: 18px;
  line-height: 28px;
  padding-right: 50px;
}
.last-anchor::before {
  content: url(../images/phone.svg);
  background-size: 48px 48px;
  position: relative;
  top: 5px;
  right: 10px;
}
.hoverable:hover {
  cursor: pointer;
}


/*Tag Override*/
b
{
  font-family: 'Verlag Bold';
}
a, a:link, a:hover
{
  color: inherit;
  text-decoration: inherit;
}

@media (min-width: 1100px)
{
  .container, .footnote
  {
    max-width: 1100px !important;
  }
  .modal-dialog.modal-viewport
  {
    max-width: 30vw;
    width: 30vw;
  }
  .popup-email-input
  {
    width: 18vw;
  }
  .popup-submit-btn
  {
    width: 5vw;
  }
}
@media (min-width: 600px) and (max-width: 1099px)
{
  .popup-email-input
  {
    width: 30vw;
  }
  .popup-submit-btn
  {
    width: 10vw;
  }
}
@media (max-width: 599px) 
{
  .popup-email-input
  {
    width: 75vw;
  }
  .popup-submit-btn
  {
    width: 30vw;
  }
}