/* font styling */

body {
font: 16px/1.5 'Roboto','Lato','Arial',sans-serif;
}

.header, h1.header {
color: #003B5F;
font-family: 'Roboto Condensed','Arial',sans-serif;
}

.h2, h2 {
color: #003B5F;
font-family: 'Roboto Condensed','Arial',sans-serif;
margin: 1.0em 0 .5em;

}
.h3, h3 {
color: #003B5F;
font-family: 'Roboto Condensed','Arial',sans-serif;
}

.WaGadgetEventsStateList h3.sectionTitle {
color: #003B5F;
font-family: 'Roboto Condensed','Arial',sans-serif; 
}

.WaGadgetEventsStateList .pastEventsOuterContainer h3.sectionTitle {
color: #003B5F;
font-family: 'Roboto Condensed','Arial',sans-serif;
}

.h4, h4 {
color: #003B5F;
font-family: 'Roboto Condensed','Arial',sans-serif;
}


.genericListTable thead th, .membersTable thead th {
color: #003B5F;
font-family: 'Roboto Condensed','Arial',sans-serif;
font-size: 18px;
}

.WaGadgetForumStateList .boxHeaderOuterContainer table td h4 {
color: #003B5F;
font-family: 'Roboto Condensed','Arial',sans-serif;
font-size: 18px;
}

H2, .gadgetStyleNone H2, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 {
font-family: 'Roboto Condensed','Arial',sans-serif;
font-size: 24px;
}

.eventDetailsLink {
font-family: 'Roboto Condensed','Arial',sans-serif;
font-size: 30px !important;
}
.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer {
    margin: 0 0 24px;
}


H1:not(.promo):not(.header):not(.h1Alt), .gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt), .WaGadgetForum .topicTitleOuterContainer h4#forumTitle {
font-family: 'Roboto Condensed','Arial',sans-serif;
}


/* colouring of login button */

.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink {
color: #003B5F;
}


.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: #003B5F;
    color: white;
}

/* mobile navigation styling */

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
    color: #f26522;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    margin: 0;
    padding: 12px 0;
    background: rgb(1, 79, 128);
    border-top: 1px solid #003B5F;
    font-weight: bold;
    text-align: left;
    list-style: none;
    border-bottom: 0px solid #ffffff;
}

.WaGadgetMobilePanel .mobilePanel {
    position: relative;
    height: 50px;
    background: #003B5F;
    color: white;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: #003B5F;
    color: white;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: #003B5F;
    color: #c1c1c1;
}

/* main navigation styling */

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
    position: relative;
    display: block;
    height: 23px;
    padding: 8px 16px;
    background: inherit;
    color: #003B5F;
    font: 500 18px/25px 'Oswald', 'Lato','Arial', sans-serif;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a {
color: #5c5c5c;
font: normal 16px/1.5 'Roboto Condensed','Oswald','Lato','Arial',sans-serif;
text-align: left;
text-transform: none;
}

/* Application form field spacing */

.generalFormContainer .criteriaListItem .valueContainer .fieldContainer .label, .fieldSubContainer .fieldBody [class='textLine'], .fieldSubContainer.singleStringContainer .fieldBody [class='textLine'], .groupContainer .fieldSubContainer.radioGroupContainer .fieldBody [class='textLine'], .groupContainer .fieldSubContainer.checkboxGroupContainer .fieldBody [class='textLine'], .calculatedExtraChargeContainer .fieldSubContainer .fieldBody input + span {
    padding-top:10px;
}

.fieldSubContainer>.fieldLabel {
padding: 10px 24px 0 0;
}

.groupContainer span.typeCheckboxContainer, .groupContainer span.typeRadioContainer {
padding-top:10px;
}

.fieldSubContainer .typeInstruction {
padding: 2px 0 0;
}

/* make video player responsive */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* mobile navigation drop down styling */

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
background: #003B5F;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a {
    color: #f26522;
}