/* Typography Override */

body {
    font-size:18px;
}

p, forumMessage{
    line-height:1.7em;
}

.gadgetContentEditableArea {
    line-height: 32px;
}

.welcome-page .gadgetContentEditableArea {
    font-size:24px;
    line-height: 40px;
}

.WaGadgetForum.WaGadgetForumStateTopicList #idTopicListContainer .topicListContainer .boxBodyOuterContainer table tr.topicListRow td.threadTD div.thread a {
    font: normal 18px/normal Open Sans;
}

.WaGadgetForumStateList .forumCategoryListOuterContainer .forumCategoryOuterContainer .forumCategoryContainer .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.threadTD .thread a.forumTitle {
    font: normal 18px/normal Open Sans;
    line-height: 2em;
}

.WaGadgetCustomMenu.gadgetStyle003 .customMenuWrapper ul li a {
    font: 100 20px/normal Roboto Condensed;
}

.WaGadgetBreadcrumbs ul, .WaGadgetBreadcrumbs ul li a, .WaGadgetCustomMenu.gadgetStyleNone ul li a {
    font: normal 16px/normal Open Sans !important;
}

/* Code to change page width START */
.container_12 {
    width: 1200px;
}
.s1_grid_12{
    width: auto;
}
@media only screen and (max-width: 1199px) and (min-width: 600px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 600px;
}}
@media only screen and (max-width: 616px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    min-width: 320px;
    display: block;
}}
/* Code to change page width END */ 

@media only screen and (max-width: 600px) {
#id_Header1 {
    min-height: 110px!important;
    background-size: cover!important;
    }
}

.white-text p { color:#fff; }
.large-welcome h4 { font-size:32px!important; }

h4.gadgetTitleH4 {
    color: #522e6e !important;
    font-size: 32px!important;
}

.forum-button {
    width: 100% !important;
    padding:100px 0 !important;
    text-align: center;
    display: block;
    background-position: center center;
    z-index: 0;
    background-size: cover;
}

.forum-button::before {
    content:'';
    display: block;
    background-color: #321a0e;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    opacity: 0.3;
    transition: opacity .25s ease-in-out;
}

.forum-button:hover::before {
    opacity: 0.8;
}

.forum-button p {
    font-size:20px;
    font-weight: 800;
    text-transform: uppercase;
    font-style: normal !important;
    z-index: 20;
    position: relative;
    text-shadow: 0 0 10px #000;
}

.mens-health {
    background-image: url('/resources/Pictures/cbhn-mens-health-button.jpg');
}
.womens-health {
    background-image: url('/resources/Pictures/cbhn-womens-health-button.jpg');
}
.mental-health {
    background-image: url('/resources/Pictures/banner-mental-health.jpg');
}
.lgbtq-health {
    background-image: url('/resources/Pictures/cbhn-lgbtq-button.jpg');
}

.callout a {
    color:#fff !important;
}
.shadow { 
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    margin:15px;
    }

ul.firstLevel {
    background: #3696A4;
    padding: 0 20px !important;
    border-radius: 5px;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    font: normal 22px/normal Roboto Condensed;
    text-transform: capitalize;
}

.membershipForm .levelRenewal, .membershipForm .levelBundle, .membershipForm .formTitleOuterContainer .formTitleContainer .inner h3.formTitle, .membershipForm .formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle strong, .membershipForm strong.labelTitle, .membershipForm .labelSubTitle, .membershipForm .fieldSubContainer .fieldLabel {
    color: #fff;
}

.fieldSubContainer .fieldBody .fieldItem span.label .typeInstruction {
    color: #ccc;
}

 .membershipForm strong.labelTitle, .membershipForm .levelRenewal {
         color: #FE9700;
 }