:root{
    
  --BODY-BACKGROUND-color:#323232;
  --LIGHT-HIGHLIGHT-color:#FF9800; /* Color of next & previous buttons */
  --NON-LINK-HIGHLIGHT-color:#00838F; /* Color of header, off-canvas menu & blockquote border */
  
}

body {
  background-color: #F6F6F6;
}

/*h1,h2,h3 {color: #5E5E5E}*/

h1,h2,h3,h4 {color: #424242}


h2{
  margin-top: 1.5em;
}

blockquote {
  font-size: 1.0rem;
  margin-left: 20px;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-left:var(--NON-LINK-HIGHLIGHT-color) 2px solid;
}

/*bootstrap overrides*/
.container{
  padding-left: 0px;
  padding-right: 0px;
}

.bg-primary {
  background-color: #F6F6F6 !important;
  border: none;
}

/*Helix template overrides*/

#sp-header{
  padding-left: 15px;
  padding-right: 15px;
}
/*
#sp-menu .sp-menu-item.current-item.active {
  text-decoration: underline;
  color: red !important;
}

#sp-menu .currentitem{
  text-decoration: underline;
}
*/

#sp-main-body {
  padding-top: 2em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.1em;
}

#sp-main-body h1 {
  font-size: 2em;
}

#sp-main-body h2 {
  font-size: 1.6em;
}

#sp-main-body h3 {
  font-size: 1.4em;
}

#sp-footer {
  margin-top: -5em;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1em;
  color: white;
}

#sp-footer #sp-footer2 {
    text-align: left;
  }

#sp-footer a {
  /*color: var(--LIGHT-HIGHLIGHT-color) !important;*/
  color: white;
  text-decoration: underline;
  }

.pager > li a {
    background-color: var(--LIGHT-HIGHLIGHT-color) !important;
    font-size: 16px;
}

#sp-left ul.menu-child {
    margin-left: 20px;
}

#sp-left a:hover{
    color: #F57C00;
}

#sp-left li.current a{
    color: #F57C00;
}

#sp-left li.current ul a{
    color:black;
}

/* Left panel heading formatting*/

#sp-left .sp-module {
  padding-top: 0em;
  padding-right: 1em;
  padding-left: 0.5em;
}

#sp-left .sp-module .sp-module-title{
  font-size: 1.4em;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0px;
}

/* Content Bottom formatting for the navigation menu that appears on the left on larger display sizes*/

.sp-module-content-bottom{

}

#sp-component .menu-rr-article-bottom a:hover{
  color: #F57C00;
}

#sp-component .sp-module{
  display:flex;
  justify-content: center;
}

.menu-rr-article-bottom{
  display: block;
  margin-top: 2em;
}

.menu-rr-article-bottom li{
  list-style-type:none;
}


.menu-rr-article-bottom li.current a{
  color: #F57C00;
}

.menu-rr-article-bottom li.current ul a{
  color:black;
}




/* Off canvas menu */

.offcanvas-menu {
  background-color: var(--NON-LINK-HIGHLIGHT-color);
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li > a{
  font-size: 1.3em;
  color: white;
}

/*setting the colour does not work*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a > span{
  font-size: 1.3em;
  color: white;
  background: none;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li > ul > li > a{
  font-size: 1.2em;
  color: white;
}

.close-offcanvas{
  width: 32px;
  height: 32px;
  font-size: 1.8em;
  background: none;
}

.close-offcanvas a:hover, a:focus{
  background: none;
}


/* Adjustments for graphical pages to be full width */

.rr-container{
  /*margin-top: -3em;*/
  margin-left: -1em;
  margin-right: -1em;
  max-width: 1000px;
  margin: auto;
}

.rr-container-top-margin{
  margin-top: -3em;
}

.rr-home-container{
  max-width: 1000px   !important;
  margin: auto;
}

/* spacers */
.spacer-small {
  height: 2em;
}

.spacer-medium {
  height: 4em;
}


  /* for home page version 3 */

  .rr-card{
    background-color: #B2DFDB  !important;
    border-color: #f6f6f6   !important;
    margin-top: 1.5em;
  }

  .rr-card-top{
    margin-top: -2em;
  }

  .rr-card-body-dark{
    background-color: #00796B  !important;
    color: white;
  }

  .rr-card-body-light{
    background-color: #80CBC4  !important;
    color: #212121;
  }

  .rr-img-pad{
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .rr-card h2{
    margin-top: 0em;
  }

  .rr-card-body-dark h2{
    color: white;
  }

  .rr-card-body-light h2{
    color: #212121;
  }

  .btn-rr-btn-dark-border{
    border: #FF5722 solid 2px;
    color: #FF5722;
  }

  .btn-rr-btn-dark{
    border: #004D40 solid 2px;
    background-color: #004D40;
    color: white;
  }

  .btn-rr-btn-light-contrast{
    border: #DD2C00 solid 1px;
    background-color: #DD2C00;
    color: white;
  }

  .btn-rr-btn-light-contrast:hover{
    color: white !important;
  }

  /* does not work*/
  .btn-rr-btn-light-contrast:active{
    background-color: #DD2C00 !important;
  }


  /*Grid layouts*/

  .rr-table-row{
    margin-top: 3em;
  }

  .rr-table-row h4{
    margin-top:1.0em;
  }



  /* Images */
  /* Article Images */

  .article-image{
  }

  /* table images*/
  .rr-book-image{
    height: 200px;
    margin:auto;
  }

   /* table images*/
   .rr-video-image{
    margin:auto;
  }



  /* RSForm Pro */

  .formContainer{
    max-width: 1000px;
    margin: auto;
  }

  .rsform-text-box{
    width: 100%;
  }

  /* MailChimp sign up form formatting */

  #mc_embed_signup
   {
    clear:left;
  }

  /* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 from https://cdn-images.mailchimp.com/embedcode/classic-10_7.css */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: var(--LIGHT-HIGHLIGHT-color) !important; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

/* 576px and above*/
@media (min-width: 576px){
  .container {
    max-width: none;
  }
}

@media only all and (min-width: 768px) {

  .article-image{
    max-width: 600px;
    margin: auto;
   }
   
  .rr-table-row h4{
    margin-top:0em;
  }
 
  }

@media only all and (min-width: 992px) {

  .sp-module-content-bottom{
    display: none;
  }

}

@media only all and (min-width: 1200px) {

}