/*CHSUP-6340 Ticket requesting changes ot the header text to match the site's current design. */
.title
{
        color: #0F5476 ;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Baloo 2';
    font-size: 1em;
}

#masterPage #menuH {
    background-color: transparent;
    padding: 0;
    height: 120px!important;
    line-height: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: "Open Sans", Arial, sans-serif;
    transition: all 0.2s ease-in-out;
    cursor: auto !important;
    border-bottom: 1px solid #d6d6d6;
}

.register-info {
    background-color:#cccccc;
    padding-top:20px;
    width:100%;
}

.register-info .register-nutrition h4, 
.register-info .register-nutrition h3, 
.register-info .register-walking h3{
    margin: 0;
}

.register-info .register-nutrition h4 {
    color:#ed1c24;
}

.register-info .register-nutrition h3, 
.register-info .register-walking h3{
    font-family:Impact, Charcoal, sans-serif;
    font-size:x-large;
}

.register-info .register-challenge {
    float:left;
    width: 375px;
    margin-right: 15px;
}

.register-info .register-challenge img {
    width: 100%;
}

@media (max-width: 767px) {
    .register-info .register-challenge {
        width: 100%;
    }
}

.register-info .register-nutrition, 
.register-info .register-walking {
    float:top;
    padding-left:20px;
}

.register-info .register-nutrition img, 
.register-info .register-walking img {
    margin-top: 5px;
    width: 30%;
}


@media (max-width: 767px) {
    .register-info .register-nutrition img, 
    .register-info .register-walking img {
        width: 90%;
    }
}

/**** Health Tip ****/
.health-tip { 
    background-color: white; 
    color: black; 
    padding: 20px;
    text-align: left;
}

.health-tip--header {
    margin-bottom: 2em;
    border-bottom-style: solid;
    border-bottom: 10px solid; 
    border-color: #b2dd4c!important;
    background-color: transparent !important;

}

.health-tip--footer {
    background-color: #3c659e!important;
    margin: -15px;
    padding: 0px!important;
}

.health-tip--header h1, .health-tip--content blockquote strong,  .health-tip--content blockquote {
    color: #000;
    font-family: 'Francois One', Arial, sans-serif;
    font-weight: 400;
    line-height: 1;
}

.health-tip--header img {
    margin-bottom: 2em;
    width: 35%;
}

.health-tip--image img{
    width: 45%;
    margin-top: 1.025em;
    padding-left: 100px;

  
}

.health-tip--content {
    margin: 2em auto;
}

.health-tip--healthtip { background-color: white; }

.health-tip--healthtip { color: black; }

.health-tip--healthtip {
    padding: 20px;
    text-align: center;
}

.health-tip--headerHT {
    margin-bottom: 2em;
}

.health-tip .col-1 { width: 8%; }
.health-tip .col-2 { width: 17%; }
.health-tip .col-3 { width: 25%; }
.health-tip .col-4 { width: 33%; }
.health-tip .col-5 { width: 42%; }
.health-tip .col-6 { width: 50%; }
.health-tip .col-7 { width: 58%; }
.health-tip .col-8 { width: 67%; }
.health-tip .col-9 { width: 75%; }
.health-tip .col-10 { width: 83%; }
.health-tip .col-11 { width: 92%; }
.health-tip .col-12 { width: 100%; }

.health-tip .col-1,
.health-tip .col-2,
.health-tip .col-3,
.health-tip .col-4,
.health-tip .col-5,
.health-tip .col-6,
.health-tip .col-7,
.health-tip .col-8,
.health-tip .col-9,
.health-tip .col-10,
.health-tip .col-11,
.health-tip .col-12 {
    margin: .25em auto;
    display: inline-block;
    vertical-align: top;
}


@media (max-width: 468px) {
    .health-tip .col-1,
    .health-tip .col-2,
    .health-tip .col-3,
    .health-tip .col-4,
    .health-tip .col-5,
    .health-tip .col-6,
    .health-tip .col-7,
    .health-tip .col-8,
    .health-tip .col-9,
    .health-tip .col-10,
    .health-tip .col-11,
    .health-tip .col-12 {
        width: 100%;
    }
}

.welcome-board { background-color: #176d9d; }
.welcome-board { color: white; }  

.welcome-board {    
    padding: 20px; 
    text-align: center;
}
.welcome-board--content--loggedout { 
margin: 2em auto;
text-align: left;
}
.welcome-board--header { 
    margin-bottom: 2em;
}

.welcome-board--header img { 
    margin-bottom: 2em; 
    width: 100%;
}

.welcome-board--content { 
    margin: 2em auto;
}
 .welcome-board--header-healthtipa { 
margin-bottom: 2em;
color: #880015;
 }
.welcome-board--header-healthtipb { 
margin-bottom: 2em;
color: #ed1c24;
 }
  .welcome-board .col-1 { width: 8%; }
.welcome-board .col-2 { width: 17%; }
.welcome-board .col-3 { width: 25%; }
.welcome-board .col-4 { width: 33%; }
.welcome-board .col-5 { width: 42%; }
.welcome-board .col-6 { width: 50%; }
.welcome-board .col-7 { width: 58%; }
.welcome-board .col-8 { width: 67%; }
.welcome-board .col-9 { width: 75%; }
.welcome-board .col-10 { width: 83%; }
.welcome-board .col-11 { width: 92%; }
.welcome-board .col-12 { width: 100%; }

.welcome-board .col-1,
.welcome-board .col-2,
.welcome-board .col-3,
.welcome-board .col-4,
.welcome-board .col-5,
.welcome-board .col-6,
.welcome-board .col-7,
.welcome-board .col-8,
.welcome-board .col-9,
.welcome-board .col-10,
.welcome-board .col-11,
.welcome-board .col-12 { 
    margin: 1em auto; 
    display: inline-block; 
    vertical-align: top;
}

@media (max-width: 468px) {
.welcome-board .col-1,
.welcome-board .col-2,
.welcome-board .col-3,
.welcome-board .col-4,
.welcome-board .col-5,
.welcome-board .col-6,
.welcome-board .col-7,
.welcome-board .col-8,
.welcome-board .col-9,
.welcome-board .col-10,
.welcome-board .col-11,
.welcome-board .col-12 { 
    width: 100%;   
 }
}
/* We needed a way to make a header like the one's at the top of the section pages in forms,
made a class for CSS specfically to copy the section header text format */
.FormHeaderLabel h3{
    color: #3c79bb!important;
    font-size: 2.125em!important;
    font-weight: 300!important;
}