/* Declare Variables */

:root{
    --FBU-Navy: rgb(22,36,66);
    --FBU-Red: rgb(167,27,52);
    --FBU-White: rgb(255,255,255);

    --FBU-Black: rgb(0,0,0);
    --FBU-MidGrey: rgb(99,99,98);
    --FBU-LightGrey: rgb(155,155,155);
}

a#ctl01_panProxy_SelectContactButton {
    color: var(--FBU-Red);
}

/* Base Styles*/

li::marker{
    color: var(--FBU-Red);
}

.PrimaryButton{
    background-color: var(--FBU-Red);
    color: var(--FBU-White);
}

.PrimaryButton[disable]{
    background-color:var(--FBU-LightGrey);
    color: var(--FBU-White);
}

/* Footer*/
.footer-content {
    background-color: #21252b;
    color: #fff;
    text-align: left;
}

.footer-nav-copyright {
    background-color: #21252b;
    color: #cecfcf;
}


.footer-content a {
  color: white;
  text-decoration: none;
}

.footer-content a:hover {
  color: white;
  text-decoration: underline;
}

/* Join form */
.join #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewContactAccountCreatorCommon_LogOnLink {
    color: var(--FBU-Red);
    text-decoration: none;
    font-weight: 600;
}

.join div#ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewContactAccountCreatorCommon_CreateLogonPanel:before {
    border-top: 3px var(--FBU-Red) solid;
    content: '';
    display: block;
    margin: 40px 0;  
}

.join .RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
     padding: 0;
    font-size: 14px;
}

.join .rtsUL {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.join .rtsUL li {
    flex-grow: 1;
}

.join .rtsLevel.rtsLevel1 {
    border-bottom: none;
}

.join h2{
    text-transform:uppercase;
    background-color:  var(--FBU-Navy);
    text-decoration: underline;
    text-decoration-color: var(--FBU-Red);
    color:var(--FBU-White);
    display:block;
    width: calc( 100% + 24px);
    margin-left: -12px;
    padding-left: 15px;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 600;
    text-decoration-thickness: 15%;
}

.join span.tab-step-number::after {
    content: ".";
}

/* Join form Contact */

.join .join-contact .panel-heading.Distinguish {
    padding:0;
}

.join .join-contact .PanelField:not(.hidden) {
    display:flex !important;
}

.join .join-contact .PanelFieldValue{
    flex-grow:1;
}
.join .join-contact .PanelFieldValue input,
.join .join-contact .PanelFieldValue select{
    width:100%
}

.join .tab-step-number{
    display:inline;
    background:unset !important;

}

/* Join form About */
.join-about h3{
    text-transform: uppercase;
}

.join-about .CommunicationPreferencesSection{
    background:unset;

}

.join-about .FBUCallout{
    background-color: var(--FBU-LightGrey);
}


.join #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewGeneralProductDisplayCommon_DynamicProductDisplay_MooRepeater_ctl00_ChildMooListView_MooListTable tbody tr td:nth-child(2) input,
.join #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewGeneralProductDisplayCommon_DynamicProductDisplay_MooRepeater_ctl00_ChildMooListView_MooListTable tbody tr td:nth-child(5) input,
.join #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewGeneralProductDisplayCommon_DynamicProductDisplay_MooRepeater_ctl00_ChildMooListView_MooListTable tbody tr td:nth-child(4) span {
    visibility: hidden;
}
.join #ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewGeneralProductDisplayCommon_DynamicProductDisplay_MooRepeater_ctl00_ChildMooListView_MooListTable tbody tr td:nth-child(6) span::before,
#ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewGeneralProductDisplayCommon_DynamicProductDisplay_SubtotalValueLabel::before{
    content: "£"
    
}

.join .GridHeader th:nth-child(4) span,
.join .GridHeader th:nth-child(5) span{
    visibility:hidden;
}

.join .AlignRight{
    margin-right:0 !important
}

/* Join form Aside */

.join-aside h2{
    color:  var(--FBU-Navy);
    text-decoration: underline;
    text-decoration-color: var(--FBU-Red);
    font-weight: 600;
    text-decoration-thickness: 15%;
    text-transform: uppercase;
}

.join-aside h3{
        text-transform: uppercase;
        color: var(--FBU-Navy);
        font-weight: 600;
}

.join-aside em{
    color: var(--FBU-Red);
    font-style: normal;
    font-weight: 600;
}

.join-aside{
    margin-bottom:20px;
    border-bottom: 2px solid var(--FBU-Navy);
}

.join-aside p {
    margin: 0;
}

/* BUTTON STYLES*/
.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active {
    background-color: var(--FBU-MidGrey);
    border-color: transparent;
}

/* Improve the styling of the Online-Join/Join-Form-DD.aspx page: hide superfluous phone and email fields and make the inputs 100% wide */
#ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewPanelEditorCommon_panelEditor_editablePanel {
    .PanelField.Left {
        display: flex;

        .PanelFieldValue {
            width: 100%;

            input[type="text"] {
                width: 100%;
            }
        }
    }
}

#ctl00_TemplateBody_AddressEdit_DivAddressEntry #ctl00_TemplateBody_AddressEdit_RowPostcode div:nth-child(3) {
    display: none;
}