*, *::before, *::after{box-sizing:border-box;}
html, body {margin: 0px; padding: 0px;}
body {width: 100%; max-width: 600px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; color: #171717; position: relative;}
h1, h2, h3, p {margin: 0px;}
h1 {font-family: Georgia, "Times New Roman", serif; font-weight: bold; font-size: 32px; line-height: 36px; color:#0047bb;}
h2 {font-size: 21px; line-height: 26px;}
h3 {font-size: 18px; line-height: 24px; font-weight: bold; color: #141b4d;}
p {font-size: 16px; line-height: 24px;}
small {font-size: 11px; font-style: italic; line-height: 1.3; color: #777; display: block; position: relative; top: -2px; left: 0px;}
a, a:visited {color: #0047bb;}
a:active {color: #8cc8e9;}
a:hover {color: #141b4d;}

.layout-canvas-g {background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; width: 100%; padding: 0px;}
.layout-canvas-g > .header,
.layout-canvas-g > .section,
.layout-canvas-g > .footer {width: 100%; position: relative; overflow: hidden; word-wrap: break-word;}
.layout-canvas-g > .section > .columns {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 100%;}

.col {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word;}
.col .span-1 {width: 33.332%; display: inline-block;}

/*** FORM ***/
.SPP_Form fieldset {Margin: 0px; padding: 30px; background-color: #eee; border: none;}
.SPP_Form label {margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: normal; display: inline-block; position: relative;}
.SPP_Form label.required::after {content: "*"; font-size: 16px; font-weight: bold; color: #cb333b; position: relative; top: 0; right: -2px;}
.SPP_Form input {width: 96%; height: auto; padding: 2%; margin-bottom: 15px; border: 1px solid #aaa;}
.SPP_Form input[type="submit"] {
  width: 140px; margin: 15px auto 0px; padding: 10px 30px; font-size: 18px; line-height: 1.5rem; background-color: #141b4d; color: #fff; cursor: pointer; 
  border: none; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.SPP_Form input[type="submit"]:hover {background-color: #000;}
.SPP_Form input[type="number"], .SPP_Form input[type="date"] {width: 100%; max-width: 100px; height: 40px; padding: 4%;}
.SPP_Form ul li {font-size: 14px;}
.SPP_Form ul li a, .SPP_Form ul li a:visited {font-weight: 600;}

.SPP_Form.enrollment input[type="date"] {max-width: 96%; height: 40px; padding: 2%; clear: both;}
.SPP_Form.enrollment label {width: 100% !important;}

@media only screen and (max-width: 480px){
  /*** GLOBAL ***/
  small {font-size: 10px !important; top: -4px !important; left: 0px !important;}
  .fullWidthContainer {width: 100% !important; min-width: 100% !important;}
  .mobileStack {display: table; width: 100% !important; max-width: 100% !important; min-width: 100% !important; box-sizing: border-box;}
  .center, .center img {margin: 0px auto !important;}
  .responsive-td {width: 100% !important; display: block !important; padding: 0px !important;}

  .col .span-1 {width: 100% !important;}
  .SPP_Form input {width: 100% !important;}
  .SPP_Form input[type="number"], .SPP_Form input[type="date"] {width: 100% !important; max-width: 100% !important;}
  .SPP_Form input[type="submit"] {width: 100% !important;}

  /*** Mobile Show and Hide ***/
  .mobileShow {display: table !important; overflow: visible !important; max-height: inherit !important; width: 100% !important;}
  .mobile-hidden, .hide {width: 0px !important; height: 0px !important; display: none !important;}

  /*** Image ***/
  .fullWidthImgCell img {width: 100% !important; height: auto !important; min-width: 100% !important;}

  /*** Padding Styles ***/
  .mobilePaddingLR {padding-left: 5px !important; padding-right: 5px !important;}
  .mobilePaddingLR_10 {padding-left: 10px !important; padding-right: 10px !important;}
  .mobilePaddingLR_15 {padding-left: 15px !important; padding-right: 15px !important;}
  .mobilePaddingLR_20 {padding-left: 20px !important; padding-right: 20px !important;}
  .mobilePaddingLR_30 {padding-left: 30px !important; padding-right: 30px !important;}
  .removeLRPadding {padding-left: 0px !important; padding-right: 0px !important;}
  .removeAllPadding {padding: 0px  !important;}

  /*** Text ***/
  .textAlignCenter {text-align: center !important;}
  .textAlignLeft {text-align: left !important;}
  .textAlignRight {text-align: right !important;}

  /*** CTAs ***/
  .buttonfullwidth {width: 100% !important; margin: 0 auto !important;}
  .cp_confirmation_content{width: 100%;}
  .cp_banner{width: 100%;}
}