/* =========================================== */
/* LP FLEX styles.css - theme + colors + forms */
/* =========================================== */
/* [1] theme.css | helpers, typography, responsive */
/* [2] colors.css | .primary, .secondary, .white, .light, .dark */

/* ===================================================================================== */
/* ==================================[ [1] theme.css ]================================== */
/* ===================================================================================== */

/*/ ......((GLOBAL))...... /*/
/* order sections */
/* reorder sections up and down the layout using: #Sec_ {order:X;} where [-1 >= X <= 99] */
header {-ms-flex-order: 0; order: 0;}
section {-ms-flex-order: 1; order: 1;}
footer {-ms-flex-order: 100; order: 100;}

header, footer {z-index: 2;}
section {z-index:1;}

/* smooth scrolling */
html {scroll-behavior: smooth; overflow-x: hidden; -moz-overflow-x: hidden; -webkit-overflow-x: hidden; -ms-overflow-x: hidden; -o-overflow-x: hidden;}

/*/ ......((HELPER CLASSES))...... /*/
/* flex-grow */
.flex-grow-2 {-ms-flex-positive: 2 !important; flex-grow: 2 !important;}
.flex-grow-3 {-ms-flex-positive: 3 !important; flex-grow: 3 !important;}
.flex-grow-4 {-ms-flex-positive: 4 !important; flex-grow: 4 !important;}
.flex-grow-5 {-ms-flex-positive: 5 !important; flex-grow: 5 !important;}

/* show/hide toggle */
.on {/* do nothing */}
.off {display:none !important;}

/* fluid images */
img {max-width: 100%; height:auto;}

/* responsive vertical spacers (mobile = 50% smaller than tablet +)*/
.spacer-0 {padding: 0;}
.spacer-1 {padding: .25em 0;}
.spacer-2 {padding: .5em 0;}
.spacer-3 {padding: .75em 0;}
.spacer-4 {padding: 1em 0;}
.spacer-5 {padding: 2em 0;}


/*/ ......((TYPOGRAPHY))...... /*/
body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color:#222222;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  background-color: #fff;
  overflow-x: hidden;
}

/* display headlines (XL+) */
.display-1 { font-size: 6.0em; font-weight: 300; line-height: 1.2;}
.display-2 { font-size: 5.5em; font-weight: 300; line-height: 1.2;}
.display-3 { font-size: 4.5em; font-weight: 300; line-height: 1.2;}
.display-4 { font-size: 3.5em; font-weight: 300; line-height: 1.2;}

/* headlines */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  font-weight: 700;
  font-family: "IBM Plex Sans", sans-serif;
}

h1, .h1 {font-size: 40px; line-height: 1.3;}
h2, .h2 {font-size: 28px;line-height: 1.29;}
h3, .h3 {font-size: 28px;line-height: 1.29;}
h4, .h4 {font-size: 18px;line-height: 1.44;}
h5, .h5 {font-size: 28px; line-height: 1.29;}
h6, .h6 {font-size: 1.125rem;line-height: 1.3;}

p.title { font-size: 1.75rem; line-height:1.5; font-weight: 400;}
p.lead { font-size: 1.4rem; line-height: 1.7;}
p { margin-top: 0; margin-bottom: 1rem;}
p.small {font-size:0.8rem;}
  
b, strong {font-weight:700;}

/* text links */
a:not(.btn) {color:#222222; font-weight:normal; text-decoration: underline;}
a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {color:#101010; text-decoration:underline; } /* primary-dk color */

/* buttons */
button, .btn {
  text-decoration:none;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight:700;/* font-weight */
  max-width:100%;
  border-radius: 0px !important;
  padding:.75rem 1.5rem;
  font-size:1rem;
  line-height:1.3;
  border-width:2px;
  letter-spacing: 2px;
}
.btn-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
}

hr {
  border-top: 1px solid #ddd;
  width:100%;
  margin:20px 0;
}

/* lists flush w/ text */
ul, ol {
  padding-inline-start: 1em;
}
ol, ol li { margin-left: 0; padding-left: 0; }
ol { margin-left: 1.3em; }

/* custom list bullet styles */
ul.list-bullets {
  list-style-type:none;
}
ul.list-bullets li::before {
  list-style-type:none;
  content: "\2B24"; /* lg. bullet */
  color: #222222; /* body color */
  margin-left: -1rem;
  font-size: 0.5em;
  line-height: 1em;
  vertical-align: middle;
  position: absolute;
  margin-top: .5rem;
}

/* blockquote */
blockquote {
  font-size:1.75rem;
  line-height:1.73;
  font-weight:700;
  margin-top:45px;
  position:relative;
}
blockquote::before {
  content: open-quote no-close-quote;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -30px;
  left: -30px;
  color: #FF3158;
  font-size: 65px;
  font-family: sans-serif;
}
blockquote.text-white::before{
  color:#fff;
}


/* offset blocks (toggles) */
/* Sec3 block 2 offset toggle */
#Sec3 .block-2.block-offset #Sec3-Block2-Form {
  padding:45px 35px !important;
  background-color:#fff;
}


/* Hero block 3 offset toggle */
#Hero .block-3.block-offset #Hero-Block3-Background {background-color:#fff;}

@media screen and (min-width:991px){
  #Hero .block-3.block-offset { margin-left: -8.3333333%; margin-top:-30px;}
}

#Hero .block-3 {
  flex-basis:100%;
}
@media (min-width: 992px) {
  .block-offset #Hero-Block3-Wrapper {
    margin-left: 16.666667%;
  }
  
  .block-offset #Hero-Block3-Wrapper {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  
  .block-offset #Hero-Block3-Wrapper form.mktoForm {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
    margin-left: auto;
    padding: 0 15px !important;
  }
}

@media (min-width: 768px){
  .block-offset #Hero-Block3-Wrapper {
    margin-left: 8.333333%;
  }
  #Sec3 .block-2.block-offset #Sec3-Block2-Form form.mktoForm {
    padding-left: 8.333333% !important;
    padding-right: 8.333333% !important;
  }
  .block-offset #Hero-Block3-Wrapper {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  
  .block-offset #Hero-Block3-Wrapper {
    margin-left: 8.333333%;
  }
  
  .block-offset #Hero-Block3-Wrapper {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}

      

/*/ =======[Responsive Styles]======= /*/
@media screen and (max-width:480px){
 #Hero .block-offset form.mktoForm {
    padding:0 1rem !important;
 }   
}
@media screen and (max-width:576px){
  .container {
      padding: 0;
  }
}
   

/*/ Small devices (landscape phones, 576px and up) /*/
@media (min-width: 576px) {

}

/*/ Medium devices (tablets, 768px and up) /*/
@media (min-width: 768px) {
  
  h1, .h1 {font-size: 54px; line-height: 1.19;}
  h2, .h2 {font-size: 40px;line-height: 1.3;}
  h3, .h3 {font-size: 40px;line-height: 1.3;}
  h4, .h4 {font-size: 18px;line-height: 1.44;}
  h5, .h5 {font-size: 28px; line-height: 1.29;}
}

  /* responsive vertical spacers (tablet+ = 2x larger than mobile)*/
  .spacer-0 {padding: 0;}
  .spacer-1 {padding: .5em 0;}
  .spacer-2 {padding: 1em 0;}
  .spacer-3 {padding: 1.5em 0;}
  .spacer-4 {padding: 2em 0;}
  .spacer-5 {padding: 3em 0;}
}

/*/ Large devices (desktops, 992px and up) /*/
@media (min-width: 992px) {
  h1, .h1 {font-size: 66px; line-height: 1.15;}
  h2, .h2 {font-size: 54px;line-height: 1.19;}
  h3, .h3 {font-size: 40px;line-height: 1.3;}
  h4, .h4 {font-size: 28px;line-height: 1.29;}
  h5, .h5 {font-size: 18px; line-height: 1.44;}
}

/*/ Extra large devices (large desktops, 1200px and up) /*/
@media (min-width: 1200px) {
  
}

/* ====================================================================================== */
/* ==================================[ [2] colors.css ]================================== */
/* ====================================================================================== */

/* :::::::::::::::::::::::: */
/* ::::::: primary :::::::: */
/* :::::::::::::::::::::::: */

.table-primary, .table-primary>td, .table-primary>th { background-color: #BCBCBC;}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #BCBCBC;}
.table-hover .table-primary:hover { background-color: #BCBCBC;}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #BCBCBC;}

.btn-primary { color: #fff; background-color: #222222; border-color: #222222;}
.btn-primary:hover { color: #fff; background-color: #ff3158; border-color: #ff3158;}
.btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(34, 34, 34, 0.5); color:#fff;}
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #222222; border-color: #222222;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #222; background-color: #fff; border-color: #222;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(34, 34, 34, 0.5);}

.btn-outline-primary { color: #222222; border-color: #222222;}
.btn-outline-primary:hover { color: #ff3158; background-color: transparent; border-color: #ff3158;}
.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(34, 34, 34, 0.5); color: #222222; border-color: #222222; background-color: transparent;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #222222; background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #222222; border-color: #222222;}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(34, 34, 34, 0.5);}

.badge-primary { color: #fff; background-color: #222222;}
a.badge-primary:focus, a.badge-primary:hover {color: #fff; background-color: #101010;}
a.badge-primary.focus, a.badge-primary:focus {outline: 0; box-shadow: 0 0 0 .2rem rgba(34, 34, 34, 0.5);}

.alert-primary {color: #101010; background-color: #BCBCBC; border-color: #BCBCBC;}
.alert-primary hr {border-top-color: #BCBCBC;}
.alert-primary .alert-link {color: #101010;}

.list-group-item-primary {color: #101010; background-color: #BCBCBC;}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {color: #101010; background-color: #BCBCBC;}
.list-group-item-primary.list-group-item-action.active {color: #fff; background-color: #101010; border-color: #101010}
.bg-primary {background-color: #222222!important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #101010!important;}
.border-primary {border-color: #222222!important;}
.text-primary {color: #222222!important;}
a.text-primary:focus, a.text-primary:hover {color: #101010!important;}
ul.list-primary li::before {color: #222222;}

/* :::::::::::::::::::::::::: */
/* ::::::: secondary :::::::: */
/* :::::::::::::::::::::::::: */

.table-secondary, .table-secondary>td, .table-secondary>th { background-color: #ff5574;}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #ff5574;}
.table-hover .table-secondary:hover { background-color: #ff5574;}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #ff5574;}

.btn-secondary { color: #222222; border-color: #222222; background-color: transparent;}
.btn-secondary:hover { color: #fff; background-color: #222222; border-color: #222222;}
.btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(34, 34, 34, 0.5); color:#fff; background-color: #222222;}
.btn-secondary.disabled, .btn-secondary:disabled { color: #222222; background-color: transparent;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #222222; border-color: #222222;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(34, 34, 34, 0.5);}

.btn-outline-secondary { color: #FF3158; border-color: #FF3158;}
.btn-outline-secondary:hover { color: #fff; background-color: #FF3158; border-color: #FF3158;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(255, 49, 88, 0.5); color:#fff; background-color: #FF3158;}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #FF3158; background-color: transparent;}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #FF3158; border-color: #FF3158;}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 49, 88, 0.5);}

.badge-secondary { color: #fff; background-color: #FF3158;}
a.badge-secondary:focus, a.badge-secondary:hover {color: #fff; background-color: #222222;}
a.badge-secondary.focus, a.badge-secondary:focus {outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 49, 88, 0.5);}

.alert-secondary {color: #222222; background-color: #ff5574; border-color: #ff5574;}
.alert-secondary hr {border-top-color: #ff5574;}
.alert-secondary .alert-link {color: #222222;}

.list-group-item-secondary {color: #222222; background-color: #ff5574;}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {color: #222222; background-color: #ff5574;}
.list-group-item-secondary.list-group-item-action.active {color: #fff; background-color: #222222; border-color: #222222}
.bg-secondary {background-color: #FF3158!important;}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #222222!important;}
.border-secondary {border-color: #FF3158!important;}
.text-secondary {color: #FF3158!important;}
a.text-secondary:focus, a.text-secondary:hover {color: #222222!important;}
ul.list-secondary li::before {color: #FF3158;}

/* :::::::::::::::::::::: */
/* ::::::: white :::::::: */
/* :::::::::::::::::::::: */

.table-white, .table-white>td, .table-white>th { background-color: #fff;}
.table-white tbody+tbody, .table-white td, .table-white th, .table-white thead th { border-color: #fff;}
.table-hover .table-white:hover { background-color: #fff;}
.table-hover .table-white:hover>td, .table-hover .table-white:hover>th { background-color: #fff;}

.btn-white { color: #222222; background-color: #fff; border-color: #fff;}
.btn-white:hover { color: #222222; background-color: #ededed; border-color: #ededed;}
.btn-white.focus, .btn-white:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5); color:#222222; background-color: #fff;}
.btn-white.disabled, .btn-white:disabled { color: #222222; background-color: #fff; border-color: #fff;}
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle { color: #222222; background-color: #ededed; border-color: #ededed;}
.btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show>.btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}

.btn-outline-white { color: #fff; border-color: #fff;}
.btn-outline-white:hover { color: #222222; background-color: #fff; border-color: #fff;}
.btn-outline-white.focus, .btn-outline-white:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5); color:#222222;}
.btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent;}
.btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show>.btn-outline-white.dropdown-toggle { color: #222222; background-color: #fff; border-color: #fff;}
.btn-outline-white:not(:disabled):not(.disabled).active:focus, .btn-outline-white:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}

.badge-white { color: #222222; background-color: #fff;}
a.badge-white:focus, a.badge-white:hover {color: #222222; background-color: #ededed;}
a.badge-white.focus, a.badge-white:focus {outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5);}

.alert-white {color: #ededed; background-color: #fff; border-color: #fff;}
.alert-white hr {border-top-color: #fff;}
.alert-white .alert-link {color: #ededed;}

.list-group-item-white {color: #ededed; background-color: #fff;}
.list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover {color: #ededed; background-color: #fff;}
.list-group-item-white.list-group-item-action.active {color: #222222; background-color: #ededed; border-color: #ededed}
.bg-white {background-color: #fff!important;}
a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover {background-color: #ededed!important;}
.border-white {border-color: #fff!important;}
.text-white {color: #fff!important;}
a.text-white:focus, a.text-white:hover {color: #ededed!important;}
ul.list-white li::before {color: #fff;}

/* ::::::::::::::::::::: */
/* ::::::: dark :::::::: */
/* ::::::::::::::::::::: */

.bg-dark {background-color: #222222 !important;}


/*** Microsite template Additions ****/

      .table-microsite {
        margin: 0 0 4rem;
        color: #fff;
        overflow: scroll;
      }

      .table-microsite td, .table-microsite th {
        padding: .5rem;
        border-bottom: solid 1px #444;
        vertical-align: top;
      }

      .table-microsite thead {
        font-size: 1.5rem;
      }
 
      .table-microsite tbody th {
        font-weight: normal;
        white-space: nowrap;
      }