/*------------------ FONTS ------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400&display=swap');


.WaGadgetChangePassword .introContainer .inner,
font,
html,
body,
*,
.WaGadgetEventsStateList *,
.button,
.WaGadgetForum .gadgetStyleBody:before,
p, em, b, td, li, small, span, quote,
button, input, select, a,
h1, h2 h3, h4, h5, h6{
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin:0;
}

.h1, .h1 *,
.h2, .h2 *,
.h3, .h3 *,
h1 font, h2 font, h3 font,
h1, h2, h3{
    font-weight: 700;
}

.h1, .h1 *,
h1:not(.stepsContainer), h1:not(.stepsContainer) font{
    font-size: 52px;
    text-transform: uppercase;
}

@media only screen and (max-width: 860px){
  .h1, .h1 *,
    h1, h1 font {
        font-size: 40px;
    }
}

.h2, .h2 *,
h2, h2 font{
    font-size: 32px !important;
}

.h3, .h3 *,
h3, h3 font{
    font-size: 28.8px !important;
}

.h4, .h4 *,
.h5, .h5 *,
.h6, .h6 *,
.WaGadgetOnlineStoreCartCheckout h1.stepsContainer,
.WaGadgetChangePassword .introContainer .inner,
.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a,
.gadgetStyleNone .gadgetStyleTitle h4,
.gadgetStyleTitle h4,
.WaGadgetEventsStateList h3.sectionTitle,
.WaGadgetAuthorizationRequired .openAuthFormContainer:before,
.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:first-child a,
.memberDirectory thead th,
.memberDirectorySearchAreaOuterContainer .inner label,
.WaGadgetForum .gadgetStyleBody:before,
h4 font, h5 font, h6 font, b font,
h4, h5, h6, b{
    font-weight: 500 !important;
}

.h4, .h4 *,
.WaGadgetOnlineStoreCartCheckout h1.stepsContainer,
.WaGadgetChangePassword .introContainer .inner,
.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a,
.gadgetStyleNone .gadgetStyleTitle h4,
.gadgetStyleTitle h4,
.WaGadgetEventsStateList h3.sectionTitle,
.WaGadgetAuthorizationRequired .openAuthFormContainer:before,
h4, h4 font{
    font-size: 25.6px !important;
  line-height:28px;
}

.h5, .h5 *,
.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:first-child a,
h5, h5 font{
    font-size: 22.4px;
}


.h6, .h6 *,
h6, h6 font{
    font-size: 19.2px;
}


.p, .p *,
a,
a font,
p font,
.block-events .gadgetStyleBody ul li a,
p font, li font,
p, li{
    font-size: 16px !important;
    letter-spacing: 0.02em;
    line-height: 20px;
}



.topicListHeaderTable h4{
    font-size: 14px !important;
    letter-spacing: 0.02em;
}

.b, .b *,
.memberDirectory thead th,
.WaGadgetForum .gadgetStyleBody:before,
b, b font{
    font-size: 14px !important;
    letter-spacing: 0.02em;
}

.em, .em *,
em, em font{
    font-style: italic;
    font-size: 12px;
}


.small, .small *,
small, small font{
    font-size: 10px !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

ol{
  list-style-type: circle;
}

.WaGadgetEventsStateList .boxBodyContentOuterContainer .boxBodyContentContainer *{
  font-size: 12px !important;
  line-height:14px !important;
  color:#163253 !important;
}



/*------------------ COLORS ------------------*/
    
    .zoneHeader2,
    .bg-grey-2{
        background-color: #E5E5E5;
    }
    .bg-grey-1{
        background-color: #fff;
    }

    .bg-grey-3{
        background-color: #C4C4C4;
    }
    .bg-grey-4{
        background-color: #959595;
    }
    .bg-grey-5{
        background-color: #656565;
    }
    .bg-grey-6{
        background-color: #373737;
    }
    .bg-grey-7{
        background-color: #101010;
    }

    .bg-gold-9{
        background-color: #AF7E0E;
    }
    .bg-gold-7{
        background-color: #CC971F;
    }
    .bg-gold-7-90per{
        background-color: rgba(204, 151, 31, 0.9);
    }
    .bg-gold-5{
        background-color: #D4AE53;
    }
    .bg-gold-1{
        background-color: #FFE6AA;
    }

    .bg-blue-7{
        background-color: #163253;
    }
    
    .bg-blue-7-90per{
        background-color: rgba(22, 50, 83, 0.9);
    }
    
    .bg-blue-5{
        background-color: #2A4980;
    }
    .bg-blue-5-90per{
        background-color: rgba(42, 73, 128, 0.9);
    }

    .bg-blue-1{
        background-color: #6E93D5;
    }
    .bg-blue-1-90per{
        background-color:rgba(110, 147, 213, 0.9);
    }

    .bg-red{
        background-color: #F84D4D;
    }

    
    .text-grey-1,
    .text-grey-1 a,
    .text-grey-1 a:hover{
        color: #fff;
    }
    .text-grey-1 a:hover{
        text-decoration: underline;
    }

    .text-grey-2,
    .text-grey-2 a,
    .text-grey-2 a:hover{
        color: #E5E5E5;
    }
    .text-grey-2 a:hover{
        text-decoration: underline;
    }

    .text-grey-3,
    .text-grey-3 a,
    .text-grey-3 a:hover{
        color: #C4C4C4;
    }
    .text-grey-3 a:hover{
        text-decoration: underline;
    }

    .text-grey-4,
    .text-grey-4 a,
    .text-grey-4 a:hover{
        color: #959595;
    }
    .text-grey-4 a:hover{
        text-decoration: underline;
    }

    .text-grey-5,
    .text-grey-5 a,
    .text-grey-5 a:hover{
        color: #656565;
    }
    .text-grey-5 a:hover{
        text-decoration: underline;
    }

    .text-grey-6,
    .text-grey-6 a,
    .text-grey-6 a:hover{
        color: #373737;
    }
    .text-grey-6 a:hover{
        text-decoration: underline;
    }

    .text-grey-7,
    .text-grey-7 a,
    .text-grey-7 a:hover{
        color: #101010;
    }
    .text-grey-7 a:hover{
        text-decoration: underline;
    }


    .text-gold-9,
    .text-gold-9 a,
    .text-gold-9 a:hover
    .text-gold-9{
        color: #AF7E0E;
    }

    .text-gold-7,
    .text-gold-7 a,
    .text-gold-7 a:hover{
        color: #CC971F;
    }
    .text-gold-7 a:hover{
        text-decoration: underline;
    }

    .text-gold-5,
    .text-gold-5 a{
        color: #D4AE53;
    }
    .text-gold-5 a:hover{
        color: #AF7E0E;
    }
    
    .text-gold-5 a:hover{
        text-decoration: underline;
    }

    .text-gold-1,
    .text-gold-1 a,
    .text-gold-1 a:hover{
        color: #FFE6AA;
    }
    .text-gold-1 a:hover{
        text-decoration: underline;
    }

    .WaGadgetRecentBlogPosts ul li .author,
    .WaGadgetRecentBlogPosts ul li .date,
    .text-blue-7,
    .text-blue-7 a,
    .text-blue-7 a:hover{
        color: #163253;
    }
    .text-blue-7 a:hover{
        text-decoration: underline;
    }

    .text-blue-5,
    .text-blue-5 a,
    .text-blue-5 a:hover{
        color: #2A4980;
    }
    .text-blue-5 a:hover{
        text-decoration: underline;
    }

    .text-blue-1,
    .text-blue-1 a,
    .text-blue-1 a:hover{
        color: #6E93D5;
    }
    .text-blue-1 a:hover{
        text-decoration: underline;
    }


    .mandatorySymbol, 
    .requiredSymbol,
    .text-red,
    .text-red a,
    .text-red a:hover{
        color: #F84D4D;
    }
    .text-red a:hover{
        text-decoration: underline;
    }


/*------------------ REINITIALISE ------------------*/
.s1_grid_12,
.s2_grid_12,
.s3_grid_12,
.container_12 {
    margin: 0;
    width: 100%;
}
@media only screen and (max-width: 616px){
.container_12 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
}
.WaPlaceHolder > div {
    padding: 0;
}

ul{
    padding: 0;
}
[class^="WaGadget"] {
     margin: 0;
}

.WaGadgetCustomMenu ul,
ul.list-unstyled{
    list-style-type: none;
}
ul li:not(li:last-child){
    margin-bottom:15px;
}

/* Remove mention 'power by wild apricot' from footer */
#idFooterPoweredByContainer {
    display: none;
    padding: 0;
}

/* .zoneFooter3 .table-2-col > div,
.zoneFooter2 .table-2-col > div,
.zoneFooter1 .table-2-col > div,
.block > div{
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}*/
.table .WaLayoutRow{
  display:flex !important;
  flex-flow: row nowrap !important;
}

/* .WaGadgetUpcomingEvents, *********
************ TO BE TESTED ***********************/
.WaGadgetSiteSearchResults,
.WaGadgetUnsubscribeFromEmails,
.WaGadgetTermsOfUse,
.WaGadgetResetPasswordRequest,
.WaGadgetResetPassword,
.WaGadgetOnlineStoreProduct,
.WaGadgetOnlineStoreCartCheckout,
.WaGadgetContactProfile,
.gadgetStyleBody,
.WaGadgetChangePassword,
.WaGadgetRecentBlogPosts,
.commonMessageBox,
.WaGadgetUpcomingEvents .gadgetStyleBody,
.WaGadgetEventsStateCalendar,
.WaGadgetEventsStateList,
.WaGadgetAuthorizationRequired,
.WaGadgetMemberDirectory,
.table .WaLayoutRow,
.zoneFooter1 .WaPlaceHolder .WaLayoutTable,
.zoneFooter2 .WaPlaceHolder .WaLayoutTable,
.zoneFooter3 .WaPlaceHolder .WaLayoutTable,
.zoneHeader1 .WaPlaceHolder .WaLayoutTable .gadgetStyleBody,
.zoneHeader2 .WaPlaceHolder .WaLayoutTable .gadgetStyleBody,
.zoneHeader3 .WaPlaceHolder .WaLayoutTable .gadgetStyleBody,
.zoneHeader4 .WaPlaceHolder .WaLayoutTable .gadgetStyleBody {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}



.WaGadgetAuthorizationRequired{
  display:flex;
  flex-flow: column nowrap;
  max-width: 480px;
  box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.15);
  border: 1px solid #E5E5E5;
  padding:60px 30px;
  margin: 80px auto;
  background-color:#fff;
  border-radius:1em;
}

.WaGadgetSiteSearchResults,
.WaGadgetUnsubscribeFromEmails,
.WaGadgetTermsOfUse,
.WaGadgetResetPasswordRequest,
.WaGadgetResetPassword,
.WaGadgetOnlineStoreProduct,
.WaGadgetOnlineStoreCartCheckout,
.WaGadgetContactProfile,
.WaGadgetChangePassword{
  padding:80px 0;
}


.openAuthFormContainer,
.openAuthFormContainer form,
.openAuthFormContainer form div{
  width:100%;
}

.openAuthFormContainer form div{
  display:flex !important;
  flex-flow: row nowrap !important;
  align-content: center;
  justify-content:space-between;
}
.WaGadgetAuthorizationRequired .authFormContainer,
.WaGadgetAuthorizationRequired .loginPageTable #idLoginBox div, .WaGadgetAuthorizationRequired .loginPageTable #idPasswordBox div {
    padding: 0;
}

.WaGadgetAuthorizationRequired .loginPageTable #idLoginBox div, .WaGadgetAuthorizationRequired .loginPageTable #idPasswordBox div,
.WaGadgetAuthorizationRequired .loginPageTable #idLoginBox div input[type=text], 
.WaGadgetAuthorizationRequired .loginPageTable #idPasswordBox div input[type=text], 
.WaGadgetAuthorizationRequired .loginPageTable #idLoginBox div input[type=password], 
.WaGadgetAuthorizationRequired .loginPageTable #idPasswordBox div input[type=password],
.WaGadgetAuthorizationRequired table,
.WaGadgetAuthorizationRequired table tbody, 
.WaGadgetAuthorizationRequired table tr, 
.WaGadgetAuthorizationRequired table tr td,
.WaGadgetAuthorizationRequired table tr td div{ 
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.WaGadgetAuthorizationRequired .openAuthFormContainer:before{
  content: 'Login';
  display:block;
  padding-bottom:30px;
}
.WaGadgetAuthorizationRequired .openAuthFormContainer {
    border-right: 1px solid transparent;
    max-width: 100%;
    padding-right: 0;
  padding-bottom:30px;
  border-bottom:1px solid #E5E5E5;
  margin-bottom:60px;
}
.WaGadgetAuthorizationRequired .openAuthFormContainer:after{
  position:absolute;
  content: 'or';
  color: #2A4980;
  background-color:#fff;
  text-align:center;
  width:100px;
  top:200px;
  left: calc(50% - 50px);
}
.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idForgotLinkBox{
  margin-top:15px !important;
}
.WaGadgetAuthorizationRequired .wa-authenticateLoginLink {
    display: block;
    width: calc(50% - 30px);
    max-width:390px;
    margin-bottom: 20px;
  border-radius:5px;
}

.WaGadgetAuthorizationRequired .wa-authenticateLoginLink span{
    padding:5px;
}
.WaGadgetAuthorizationRequired .wa-authenticateLoginLink span:first-child{
  background-color:white;
}

.WaGadgetAuthorizationRequired .wa-authenticateLoginLink span:last-child{
  padding-left:15px;
}

.WaGadgetAuthorizationRequired table tr td div div{
  margin-top:2px !important;
}

#idRememberMe label:hover{
  cursor:pointer;
}

.WaGadgetMemberDirectory{
  padding: 80px 0;
}


.alert > div{
        width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.border-5{    
    border-radius: 5px;
}

[class*="EditableArea"] ul,
[class^="WaLayoutContainer"] {
    margin: 0;
}

/* Footer twitter feed */
#footer-feed-tw > div > div{
  width:100% !important;
  max-width:380px !important;
  margin: 0 0 60px auto !important;
}

.WaGadgetSocialProfile .alignLeft {
    text-align: left;
}

@media only screen and (max-width: 860px){  

.table .WaLayoutRow{
  flex-flow: column nowrap !important;
}

.WaGadgetSiteSearchResults,
.WaGadgetUnsubscribeFromEmails,
.WaGadgetTermsOfUse,
.WaGadgetResetPasswordRequest,
.WaGadgetResetPassword,
.WaGadgetOnlineStoreProduct,
.WaGadgetOnlineStoreCartCheckout,
.WaGadgetContactProfile,
.gadgetStyleBody,
.WaGadgetChangePassword,
.WaGadgetRecentBlogPosts,
.commonMessageBox,
.WaGadgetUpcomingEvents .gadgetStyleBody,
.WaGadgetEventsStateCalendar,
.WaGadgetEventsStateList,
.WaGadgetAuthorizationRequired,
.WaGadgetMemberDirectory,
.table .WaLayoutRow,
.zoneFooter1 .WaPlaceHolder .WaLayoutTable,
.zoneFooter2 .WaPlaceHolder .WaLayoutTable,
.zoneFooter3 .WaPlaceHolder .WaLayoutTable,
.zoneHeader1 .WaPlaceHolder .WaLayoutTable .gadgetStyleBody,
.zoneHeader2 .WaPlaceHolder .WaLayoutTable .gadgetStyleBody,
.zoneHeader3 .WaPlaceHolder .WaLayoutTable .gadgetStyleBody,
.zoneHeader4 .WaPlaceHolder .WaLayoutTable .gadgetStyleBody {
    width: 100%;
    max-width: calc(100% - 30px);
    margin: 0 auto;
}

  .zoneFooter3 .table-2-col > div table tr,
.zoneFooter2 .table-2-col > div table tr,
.zoneFooter1 .table-2-col > div table tr{
  display:flex;
  flex-flow:column wrap;
}
  
  .zoneFooter3 .table-2-col > div table tr td,
.zoneFooter2 .table-2-col > div table tr td,
.zoneFooter1 .table-2-col > div table tr td{
  margin: 0 auto;
  width: 100% !important;
}

  #footer-feed-tw > div > div{
    margin: 60px auto !important;
  }
  .WaGadgetSocialProfile .alignLeft {
    text-align: center;
}
}


.block-header::after{
      content: "";
      position: absolute;
      width:100%;
      height:100%;
      left: 0;
      top:0;
      background-color: rgba(22, 50, 83, 0.9);
    }

/* Footer social media icons */
.WaGadgetSocialProfile .orientationHorizontal li {
    margin: 0;
    display: inline-block;
}
.WaGadgetSocialProfile.gadgetThemeStyle li a {
    width: 30px;
    height: 30px;
}

.WaGadgetSocialProfile.gadgetThemeStyle li a.Twitter:hover,
.WaGadgetSocialProfile.gadgetThemeStyle li a.Twitter {
    background: url('/resources/Icons and logos/icon-twitter-circle.svg') center no-repeat;
    opacity: 1;
    background-size: contain;
  -webkit-transition: 0.4ms opacity;
  -moz-transition: 0.4ms opacity;
  -o-transition: 0.4ms opacity;
  transition: 0.4ms opacity;
}

.WaGadgetSocialProfile.gadgetThemeStyle li a.Twitter:hover{
    opacity: 0.8;
  -webkit-transition: 0.4ms opacity;
  -moz-transition: 0.4ms opacity;
  -o-transition: 0.4ms opacity;
  transition: 0.4ms opacity;
}
.WaGadgetSocialProfile.gadgetThemeStyle li a.Facebook:hover,
.WaGadgetSocialProfile.gadgetThemeStyle li a.Facebook {
    background: url('/resources/Icons and logos/icon-facebook-circle.svg') center no-repeat;
    opacity: 1;
    background-size: contain;
  -webkit-transition: 0.4ms opacity;
  -moz-transition: 0.4ms opacity;
  -o-transition: 0.4ms opacity;
  transition: 0.4ms opacity;
}

.WaGadgetSocialProfile.gadgetThemeStyle li a.Facebook:hover{
    opacity: 0.8;
  -webkit-transition: 0.4ms opacity;
  -moz-transition: 0.4ms opacity;
  -o-transition: 0.4ms opacity;
  transition: 0.4ms opacity;
}

.WaGadgetSocialProfile.gadgetThemeStyle li a.LinkedIn:hover,
.WaGadgetSocialProfile.gadgetThemeStyle li a.LinkedIn {
    background: url('/resources/Icons and logos/icon-linkedin-circle.svg') center no-repeat;
    opacity: 1;
    background-size: contain;
  -webkit-transition: 0.4ms opacity;
  -moz-transition: 0.4ms opacity;
  -o-transition: 0.4ms opacity;
  transition: 0.4ms opacity;
}

.WaGadgetSocialProfile.gadgetThemeStyle li a.LinkedIn:hover{
    opacity: 0.8;
  -webkit-transition: 0.4ms opacity;
  -moz-transition: 0.4ms opacity;
  -o-transition: 0.4ms opacity;
  transition: 0.4ms opacity;
}


/* CONTACT FORM */
.navigationOuterContainer .navigationContainer .right input.nextButton, .navigationOuterContainer .navigationContainer .right input.typeButton, .navigationOuterContainer .navigationContainer .right input[type=submit] {
    position: relative;
    display: inline-block;
    padding: 8px 15px 9px 15px;
    margin: 0;
    height: auto;
    text-transform: none;
    outline: 0;
    border: 0;
    background: #f0f0f0;
    -webkit-appearance: none;
    font: normal 15px/1.25 'Roboto';
    color: #333;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    vertical-align: center;
    margin-left: 0;
    margin-bottom: 0;
}
input[type=checkbox] {    
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 1px 2px 0 0;
    padding: 0;
    vertical-align: middle;
}
.navigationOuterContainer .navigationContainer .right a.backLink,
.generalFormOuterContainer .sectionOuterContainer {
    margin: 0;
}

.navigationOuterContainer {
    margin: 10px 0 0 0;
    border: 0;
}
div.navigationOuterContainer {
    border-top: 1px solid #E5E5E5;
}



/* Forum 'subscribe' button */
.forumPanelOuterContainer .forumPanelContainer div #idSubscribe a:before {
    content: "";
    display: none;
}

.forumPanelOuterContainer .forumPanelContainer .inner{
  display:flex;
  flex-flow: row-reverse wrap;
  width:100%;
  justify-content:flex-end;
  align-content: center;
  align-items: center; 
}

.forumPanelOuterContainer .forumPanelContainer div #idSubscribe {
    float: left;
    padding: 0 30px 0 0;
}
.WaGadgetForum .gadgetStyleBody{
  border-bottom: 1px solid #E5E5E5;
}

.WaGadgetForum .gadgetStyleBody:before{
  content: 'Forum';
  color: #C4C4C4;
}
.lastReplyAuthor{
  color: #C4C4C4;
}

.topicListHeaderTable h4{
  color: #163253 !important;
}


.forumPanelOuterContainer{
  border-top: 1px solid #E5E5E5;
  padding: 15px 0;
  
}
.WaGadgetForum .forumBottomPanelOuterContainer{
  padding-bottom:20px;
}


/*------------------ FLEX ------------------*/
.flex-row{    
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.flex-column{    
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.justify-content-start{
    justify-content: flex-start;
}

.justify-center{
    justify-content: center;
}
.justify-space-evenly{
    justify-content: space-evenly;
}

.justify-space-between{
    justify-content: space-between;
}
.align-center{
    align-items: center;
}
.align-top{
    align-items: flex-start;
}





/*------------------ COLUMNS ------------------*/
.col-10{
    width: calc(100% - 30px);
    margin-right:auto;
    margin-left:auto;
}
.col-9{
    width: calc(90% - 30px);
    margin-right:auto;
    margin-left:auto;
}
.col-8{
    width: calc(80% - 30px);
    margin-right:auto;
    margin-left:auto;
}
.col-7{
    width: calc(70% - 30px);
    margin-right:auto;
    margin-left:auto;
}
.col-6{
    width: calc(60% - 30px);
    margin-right:auto;
    margin-left:auto;
}

.col-5{
    width: calc(50% - 30px);
    margin-right:auto;
    margin-left:auto;
}
.col-4{
    width: calc(40% - 30px);
    margin-right:auto;
    margin-left:auto;
}
.col-3{
    width: calc(30% - 30px);
    margin-right:auto;
    margin-left:auto;
}
.col-2{
    width: calc(20% - 30px);
    margin-right:auto;
    margin-left:auto;
}
.col-1{
    width: calc(10% - 30px);
    margin-right:auto;
    margin-left:auto;
}

.col{
    width: auto;
    margin-right:auto;
    margin-left:auto;
}

@media only screen and (max-width: 860px){
    .col-10,
    .col-9,
    .col-8,
    .col-7,
    .col-6,
    .col-5,
    .col-4,
    .col-3,
    .col-2,
    .col-1,
    .col{
    width: 100%;
}
}



/*------------------ ICONS (svg) ------------------*/
.i{   
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.list-contact .i{
    float: left;
    margin-right: 30px;
    margin-top: -1px;
    margin-bottom:10px;
}


.i-phone{
    background-image: url('/resources/Icons and logos/icon-phone.svg');
}


.i-email{
    background-image: url('/resources/Icons and logos/icon-letter.svg');
}


.i-location{
    background-image: url('/resources/Icons and logos/icon-map.svg');
}


/*------------------ NAVIGATION ------------------*/

#nav-logo img{
    width: 100% !important;
    max-width: 180px !important;
}

#top-nav table td .placeHolderContainer,
#top-nav table td .placeHolderContainer > div{
  height:100%;
}

#top-nav table td .placeHolderContainer > div {
  display:flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}

/* Remove icons on sec nav dropdowns */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item>a>span:before {
    display: none;
}

/* Reinitialise bckg colour */
.WaGadgetMenuHorizontal .menuBackground {
    background-color: #E5E5E5;
}

/* dropdown menu */
.WaGadgetMenuHorizontal .menuInner ul ul {
    background-color: #fff;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a,
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item>a,
.WaGadgetMenuHorizontal .menuInner ul ul a {
    background-color: transparent;
  -webkit-transition: 0.4ms background-color;
  -moz-transition: 0.4ms background-color;
  -o-transition: 0.4ms background-color;
  transition: 0.4ms background-color;
}


.WaGadgetMenuHorizontal .menuInner ul ul li>.item:hover>a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a,
.WaGadgetMenuHorizontal .menuInner ul ul a:hover {
    background-color: #E5E5E5;
  -webkit-transition: 0.4ms background-color;
  -moz-transition: 0.4ms background-color;
  -o-transition: 0.4ms background-color;
  transition: 0.4ms background-color;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.dir>.item>a:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    margin: -15px 0 0 0;
    display: none;
    width: 6px;
    height: 30px;
    z-index: 3;
    background: url(/BuiltTheme/whiteboard_maya_blue.v3.0/81741d38/images/icon_set.png) 0 -2050px no-repeat;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.phantom>.item>a {
    font: 40px/22px Roboto;
    text-align: center;
    padding: 15px 20px;
    margin: auto;
}

.WaGadgetCustomMenu{
  width:100%;
    max-width: 100%;
  background-color:#FFE6AA;
}

.WaGadgetCustomMenu ul{
  display:flex;
  flex-flow:row wrap;
  align-items:center;
  align-content:center;
  justify-content:center;
  width:100%;
}


.WaGadgetCustomMenu .orientationHorizontal li+li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #CC971F;
}

.WaGadgetCustomMenu .orientationHorizontal li+li:before {
    background: transparent;
    display: none;
}

.WaGadgetCustomMenu .orientationHorizontal li a {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    padding:5px 10px;
    color: #CC971F;
}

.WaGadgetCustomMenu .orientationHorizontal li a:hover {
    color: #AF7E0E;
}

@media only screen and (max-width: 616px){    
    #top-nav table tr td:first-child,
    #nav-logo img{
    max-width: 120px !important;
    }

    
    .zoneHeader1 .WaLayoutTable > tbody tr,
    .zoneHeader1 .WaLayoutTable > tbody {
        height: 100%;
        display:flex !important;
    }

    #nav-login,
    #nav-search{
        display: none;
    }
    .zoneHeader2{
        position: absolute;
        top:0;
        width: 100%;
        height: 80px;
        background-color: transparent;
    
    }
    .zoneHeader2 .s1_grid_12, 
    .zoneHeader2 .s2_grid_12, 
    .zoneHeader2 .s3_grid_12, 
    .zoneHeader2 .container_12{
        width: 100%;
        height: 80px;
    }

    .zoneHeader2 .bg-grey-2 {
        background-color: transparent;  
    }

/* Set button */
  .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner .menuButton:before {
    content: "\2261";
    display: block;
}

    .WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner .menuButton {
    width:32px;
    height: 26px;
    margin-left:auto;
    vertical-align: top;
    position: relative;
    text-align: right;
    color: #2A4980;
    cursor: pointer;
    font: 40px / 20px Verdana;
    text-decoration: none;
    padding: 25px 30px 15px 30px;
    
  -webkit-transition: 0.4ms color;
  -moz-transition: 0.4ms color;
  -o-transition: 0.4ms color;
  transition: 0.4ms color;
}
.WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner .menuButton:hover {
    color: #CC971F;
    
  -webkit-transition: 0.4ms color;
  -moz-transition: 0.4ms color;
  -o-transition: 0.4ms color;
  transition: 0.4ms color;
}

/* Mob navigation open */
.WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel {
    top: 80px;
    background-color: #2A4980;
}
.WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul ul {
    margin:0;
    background-color: #6E93D5;
}

/* Remobe dot before first level nav title */
.WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel>li.sel>.item>a:after {
    display: none;
}

/* Remobe border bottom from first level nav title */
.WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel>li {
    border-top: 0 solid transparent;
}
}




.memberDetailsTabsContainer{
  margin-top:60px;
}
.memberDetailsTabMenu li{
  padding:20px;
}


.memberDetailsTabMenu li:not(.selected){
  border-top: 1px solid #E5E5E5;
}


.memberDetailsTabMenu li.selected{
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  border-radius: 0 5px 5px 5px;
}

.memberDetailsTabMenu li:hover:not(.selected){
  background: rgb(250,250,250);
  border-radius: 0;
  cursor:pointer;
}

.WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li{
  margin: 0;
}



/*------------------ ELEMENTS ------------------*/

/* BUTTONS */
.WaGadgetLoginButton a{
    font-size: 12px;
    letter-spacing: 0.05em;
    color: #fff;
}
.WaGadgetLoginButton a:hover{
    color: #fff;
    text-decoration: underline;
}

#block-login .loginBoxProfileLink{
    padding: 15px 0;
}
#block-login .WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton{
    padding: 4px 0;
}

.storeCartControlNav_left a,
.functionalButton,
.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton,
.WaGadgetUnsubscribeFromEmails form input[type=submit],
.WaGadgetTermsOfUse .login-role-actions input[type="submit"],
.generalFieldsContainer .fieldSubContainer input[type=submit], .generalFieldsContainer .fieldSubContainer input.typeButton,
.WaGadgetContactProfile .topButtonsOuterContainer .inner input.typeButton,
.WaGadgetContactProfile .topButtonsOuterContainer .inner input.typeButton,
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child,
.WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton,
.WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit],
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a,
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton,
.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton,
#FunctionalBlock1_ctl00_topicList_subscribeLink,
.typeButton.forumPanelButton,
.navigationOuterContainer .navigationContainer .right a.backLink,
.navigationOuterContainer .navigationContainer .right input.nextButton, 
.navigationOuterContainer .navigationContainer .right input.typeButton, 
.navigationOuterContainer .navigationContainer .right input[type=submit],
.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton,
.button {
  display: block;
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  padding: 14px;
  border-radius: 5px;

  font-weight: 600 !important;
  font-size: 12px;
  letter-spacing: 0.05em;
}

input.typeButton.forumPanelButton,
#FunctionalBlock1_ctl00_topicList_subscribeLink span{ 
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.05em !important;
}

.functionalButton,
.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton,
.WaGadgetUnsubscribeFromEmails form input[type=submit],
.WaGadgetTermsOfUse .login-role-actions input[type="submit"],
.WaGadgetContactProfile .topButtonsOuterContainer .inner input.typeButton,
.generalFieldsContainer .fieldSubContainer input[type=submit], .generalFieldsContainer .fieldSubContainer input.typeButton,
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child,
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton,
.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton,
#FunctionalBlock1_ctl00_topicList_subscribeLink,
.navigationOuterContainer .navigationContainer .right input.nextButton, 
.navigationOuterContainer .navigationContainer .right input.typeButton, 
.navigationOuterContainer .navigationContainer .right input[type=submit],
.button.is-primary{
  background-color: #FFE6AA !important; /* gold 1 */
  border: 1px solid #D4AE53 !important; /* gold 5 */
  color: #373737 !important; /* grey 6 */
  -webkit-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -moz-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -o-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
}

.functionalButton:hover,
.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton:hover,
.WaGadgetUnsubscribeFromEmails form input[type=submit]:hover,
.WaGadgetTermsOfUse .login-role-actions input[type="submit"]:hover,
.WaGadgetContactProfile .topButtonsOuterContainer .inner input.typeButton:hover,
.generalFieldsContainer .fieldSubContainer input[type=submit]:hover, .generalFieldsContainer .fieldSubContainer input.typeButton:hover,
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child:hover,
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover,
.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton:hover,
#FunctionalBlock1_ctl00_topicList_subscribeLink:hover,
.navigationOuterContainer .navigationContainer .right input.nextButton:hover, 
.navigationOuterContainer .navigationContainer .right input.typeButton:hover, 
.navigationOuterContainer .navigationContainer .right input[type=submit]:hover,
.button.is-primary:hover {
  text-decoration: none;
  background-color: #D4AE53 !important; /* gold 5 */
  border: 1px solid #373737 !important; /* grey 6 */
  color: #101010 !important; /* grey 7 */
  -webkit-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -moz-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -o-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
}


.functionalButton .disabled:hover, 
.functionalButton[disabled]:hover, 
.functionalButton.aspNetDisabled:hover{
  background-color: #FFE6AA !important; /* gold 1 */
  border: 1px solid #D4AE53 !important; /* gold 5 */
  color: #373737 !important; /* grey 6 */
  -webkit-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -moz-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -o-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
}

.storeCartControlNav_left a,
.WaGadgetUnsubscribeFromEmails form input[value="Cancel"],
.WaGadgetTermsOfUse .login-role-actions input[value="Cancel"],
.WaGadgetContactProfile .topButtonsOuterContainer .inner input.typeButton[value="Cancel"],
.generalFieldsContainer .fieldSubContainer input[value="Cancel"], 
.generalFieldsContainer .fieldSubContainer input[value="Cancel"],
.WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton,
.WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit],
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:nth-child(2),
.typeButton.forumPanelButton,
.navigationOuterContainer .navigationContainer .right a.backLink,
.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton,
.searchBoxFieldContainer:before,
.button.is-secondary {
  background-color: #E5E5E5 !important; /* grey 2 */
  border: 1px solid #C4C4C4 !important; /* grey 3 */
  color: #656565 !important; /* grey 5 */
  -webkit-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -moz-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -o-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
}



.storeCartControlNav_left a:hover,
.WaGadgetUnsubscribeFromEmails form input[value="Cancel"]:hover,
.WaGadgetTermsOfUse .login-role-actions input[value="Cancel"]:hover,
.WaGadgetContactProfile .topButtonsOuterContainer .inner input.typeButton[value="Cancel"]:hover,
.generalFieldsContainer .fieldSubContainer input[value="Cancel"]:hover, 
.generalFieldsContainer .fieldSubContainer input[value="Cancel"]:hover,
.WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton:hover,
.WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit]:hover,
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:nth-child(2):hover,
.typeButton.forumPanelButton:hover,
.navigationOuterContainer .navigationContainer .right a.backLink:hover,
.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:hover,
.WaGadgetSiteSearch .searchBoxFieldContainer:hover:before,
.button.is-secondary:hover {
    cursor: pointer;
    text-decoration: none;
  background-color: #959595 !important; /* grey 4 */
  border: 1px solid #656565 !important; /* grey 5 */
  color: #FFFFFF !important; /* grey 1 */
  -webkit-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -moz-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -o-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
}


.WaGadgetEventsStateCalendar #idViewSwitchersTable #group1 div {
  margin:0;
  padding:0;
}


/* FORMS */
.WaGadgetSiteSearch .searchBoxFieldContainer:hover:before{
    cursor: pointer;
    border-top: 1px solid #656565; /* grey 5 */
    border-right: 1px solid #656565; /* grey 5 */
    border-bottom: 1px solid #656565; /* grey 5 */
}


.WaGadgetSiteSearchResults .siteSearchResults .searchControls .searchBoxField,
#FunctionalBlock1_ctl00_ctl00_search,
.WaGadgetSiteSearch .searchBoxField,
input{
    font-family: 'Roboto', 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #C4C4C4 !important; /* grey 3 */
    background: #FFFFFF !important; /* grey 1 */
    border: 1px solid #C4C4C4 !important; /* grey 3 */
    border-radius: 5px;
    padding: 15px 20px 15px 20px;

  -webkit-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -moz-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  -o-transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
  transition: 0.4ms border, 0.4ms background-color, 0.4ms color;
}


.WaGadgetSiteSearchResults .siteSearchResults .searchControls .searchBoxField,
#FunctionalBlock1_ctl00_ctl00_search,
.WaGadgetSiteSearch .searchBoxField{
    height: fit-content;
    width: fit-content;
    padding: 15px 25px 15px 20px;
}

.WaGadgetSiteSearchResults .siteSearchResults .searchControls .searchBoxField:hover,
#FunctionalBlock1_ctl00_ctl00_search:hover,
.WaGadgetSiteSearch .searchBoxField:hover,
input:hover{
    cursor: pointer;
    border: 1px solid #656565 !important; /* grey 5 */
    color: #C4C4C4 !important;
  -webkit-transition: 0.4ms border, 0.4ms color;
  -moz-transition: 0.4ms border, 0.4ms color;
  -o-transition: 0.4ms border, 0.4ms color;
  transition: 0.4ms border, 0.4ms color;
}


.WaGadgetSiteSearchResults .siteSearchResults .searchControls .searchBoxField:active,
.WaGadgetSiteSearchResults .siteSearchResults .searchControls .searchBoxField:focus,
#FunctionalBlock1_ctl00_ctl00_search:active,
#FunctionalBlock1_ctl00_ctl00_search:focus,
.WaGadgetSiteSearch .searchBoxField:focus,
.WaGadgetSiteSearch .searchBoxField:active,
input:active{
    color: #656565 !important; /* grey 5 */
    border: 1px solid #656565 !important; /* grey 5 */
  -webkit-transition: 0.4ms border, 0.4ms color;
  -moz-transition: 0.4ms border, 0.4ms color;
  -o-transition: 0.4ms border, 0.4ms color;
  transition: 0.4ms border, 0.4ms color;
}



.WaGadgetSiteSearch .searchBoxFieldContainer:before {
    left: auto;
    top: 8.2px;
    right: 0;
    font-size: 1.1em;
    padding: 15.9px 16px 17px 16px;
    border-radius: 0px 5px 5px 0px;
}

#top-nav #id_my7mbUf > div > p{
    display: none;
}

/* second nav */
.WaGadgetMenuHorizontal .menuBackground {
    background: transparent;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item>a>span:before {
    display: none;
    width: 0;
    height: 0;
}


.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a , .WaGadgetMenuHorizontal .menuInner ul.firstLevel a span{
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 12px;
text-align: center;
letter-spacing: 0.05em;
color: #656565; /* Grey 5 */
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{
    height: auto;
    text-align: center;
    padding: 15px 20px;
    background-color: transparent;
  -webkit-transition: 0.4ms background-color;
  -moz-transition: 0.4ms background-color;
  -o-transition: 0.4ms background-color;
  transition: 0.4ms background-color;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{
    background-color: #C4C4C4;
  -webkit-transition: 0.4ms background-color;
  -moz-transition: 0.4ms background-color;
  -o-transition: 0.4ms background-color;
  transition: 0.4ms background-color;
}

@media only screen and (max-width: 616px){
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a, .WaGadgetMenuHorizontal .menuInner ul.firstLevel a span {
    color: #ffffff;
}

}


/* CARDS */
.WaGadgetUpcomingEvents .gadgetStyleBody ul li,
.WaGadgetBlog .boxesListItem
.WaGadgetUpcomingEvents ul li,
.block-events .gadgetStyleBody ul li,
.card {
    display: block;
    width: 100%;
    max-width:200px;
    height: auto;
    border-radius: 0.8em;
    padding: 30px !important;
    text-align: center;
    box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.15);
    border: 1px solid #E5E5E5;
}

.block-events .gadgetStyleBody ul li{
    margin-right:auto;
    margin-left:auto;
    height: 100%;
}

.WaGadgetBlog .boxesListItem,
.card-lg{
    display: block;
    /* width: 100%; */
    max-width:360px;
    height: auto;
    border-radius: 0.8em;
    padding: 30px !important;
    text-align: left;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 860px){    
.WaGadgetBlog .boxesListItem,
.card-lg{
    width: auto;
    max-width:auto;
}
}

.card .card-image{
    overflow: hidden;
    height: 80px;
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.card .button{
    margin-right: auto;
    margin-left: auto;
}


/* TAGS */
/* .WaGadgetEventsStateList .boxBodyContentOuterContainer .boxBodyContentContainer p:nth-child(4), */
/* .WaGadgetEventsStateList .eventInfoLocation .eventInfoBoxValue span, */
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer li.eventInfoLocation span,
.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:nth-child(3),
.tag{
    padding:2px 7px;
    color:#fff;
    width: fit-content;
    height: fit-content;
    background-color: #F84D4D;
}


/* PADDINGS / MARGINS */
.pr-0{
    padding-right: 0;
}
.pr-30{
    padding-right: 30px;
}
.pr-60{
    padding-right: 60px;
}
.pb-30{
    padding-bottom: 30px;
}
.pb-60{
    padding-bottom: 60px;
}

.py-10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-30{
    padding-top: 30px;
    padding-bottom: 30px;
}

.px-30{
    padding-right: 30px;
    padding-left: 30px;
}
.px-auto{
    margin-right: auto;
    margin-left: auto;
}

.mr-0{
    margin-right: 0;
}
.mr-30{
    margin-right: 30px;
}
.mr-60{
    margin-right: 60px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-60{
    margin-bottom: 60px;
}
.mx-auto,
.my-auto{
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 860px){
    
    .pr-xs-0{
        padding-right: 0;
    }
    .pr-xs-30{
        padding-right: 30px;
    }
    .pr-xs-60{
        padding-right: 60px;
    }
    .pb-xs-30{
        padding-bottom: 30px;
    }
    .pb-xs-60{
        padding-bottom: 60px;
    }
    .px-xs-auto{
      padding-right: auto;
      padding-left: auto;
    }

    .mr-xs-0{
        margin-right: 0;
    }
    .mr-xs-30{
        margin-right: 30px;
    }
    .mr-xs-60{
        margin-right: 60px;
    }
    .mb-xs-30{
        margin-bottom: 30px;
    }
    .mb-xs-60{
        margin-bottom: 60px;
    }
    .mx-xs-auto,
    .my-xs-auto{
        margin-right: auto;
      margin-left: auto;
    }
}

.WaGadgetUpcomingEvents {
  padding: 60px 0;
  margin:0;
  background-color: #CC971F;
}


.gadgetStyleTitle{
  margin-bottom:30px;
}

.WaGadgetUpcomingEvents   h4{
  color: #fff !important;
  text-align:center;
}

.WaGadgetUpcomingEvents   .gadgetStyleBody ul{
  display:flex;
  flex-flow:row wrap;
  justify-content: space-between;
  align-content:top;
}

.WaGadgetUpcomingEvents   .gadgetStyleBody ul li{
  display:block;
  background-color:#fff;
}


.WaGadgetUpcomingEvents   .gadgetStyleBody ul li{
  margin: 0 auto 30px auto;
}

.WaGadgetUpcomingEvents   .gadgetStyleBody ul li:last-child{
  margin: 0 auto;
}

.WaGadgetUpcomingEvents ul li .title {
    text-transform: none;
}


.WaGadgetEventsStateList h4.boxHeaderTitle a,
.WaGadgetUpcomingEvents ul li .date .dateonly span,
.WaGadgetUpcomingEvents ul li .title a{
  font-family: 'Roboto';
  text-transform: normal !important;
  color: #163253 !important;
  font-size: 19.2px !important;
  font-style:normal !important;
  font-weight:bold !important;
}


.WaGadgetUpcomingEvents ul li .date{
  display:flex;
  flex-flow: column-reverse wrap;
}
.WaGadgetUpcomingEvents ul li .date .location{
  order:0;
  background-color: #F84D4D;
  color: #fff;
  padding:5px 10px;
  display:block;
  margin: 10px auto;
}
.WaGadgetUpcomingEvents ul li .date .dateonly{
  width:50%;
  margin:auto;
/*   font-weight: 600; */
  line-height:16px;
  font-size: 11px;
  order:0;
}

.WaGadgetUpcomingEvents ul li .date .separator{
  background-color:#E5E5E5;
  order:1;
  color:transparent;
  height:1px;
  width: 100% !important;
  display:block;
  margin:15px 0;
}

.table-2-col.table-text-left td:first-child > div{
    
  width: 100%;
  max-width: 460px;
  margin:0 0 0 auto;
}
.table-2-col.table-text-right td:last-child > div{
  width: 100%;
  max-width: 460px;
  margin:0 auto 0 0;
}
@media only screen and (max-width: 860px){

.table-2-col.table-text-left tr{
  display:flex;
  flex-flow: column-reverse nowrap;
  width: 100%;
}
  
.table-2-col.table-text-right tr{
  display:flex;
  flex-flow: column nowrap;
}
   
.table-2-col.table-text-left tr td,
.table-2-col.table-text-right tr td{
  width: 100% !important;
}
    .table-2-col.table-text-right table td:first-child,
    .table-2-col.table-text-left table td:last-child{
        min-height:50vw;
    }
  
    .table-2-col.table-text-left td:first-child > div,
    .table-2-col.table-text-right td:last-child > div{
      width: 100%;
      max-width: 720px;
      margin:0 auto;
    }
}


.block-contact .separator-v{
    width: 1px;
    height: 100%;
    background-color: #2A4980;  
}

.block-contact ul li img{
    margin-right: 15px;
    margin-bottom:-2px;
}

@media only screen and (max-width: 860px){
    .block-contact .separator-v{
    width: 100%;
    height: 1px;
    background-color: #2A4980;  
    margin-bottom:60px;
}
}


/* ALERT */
.alert > div ul li{
  display:flex;
  flex-flow:row nowrap;
}


.alert > div ul li img{
  margin-right:30px;
}

.alert a {
    text-decoration: underline;
}

.noTopicsOuterContainer{
  background-color: #6E93D5;
  border-radius: 5px;
  padding: 15px 30px;
  color: #fff;
}

.noTopicsOuterContainer .inner:before{
  content: '';
    background: url('/resources/Icons and logos/icon-twitter-circle.svg') center no-repeat;
    background-size: contain;
    width:10px;
    height:10px;
}


input,
input:active,
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.subjectTextBox, 
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.typeText, 
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input[type=text] {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin:0 5px 0 0;
    padding: 15px 30px !important;
    border: 1px solid #c6c6c6 !important;
  
    background-color: white;
    color: #C4C4C4;
    border-radius:5px;
    width:100%;
  -webkit-transition: 0.7ms border, 0.7ms color;
  -moz-transition: 0.7ms border, 0.7ms color;
  -o-transition: 0.7ms border, 0.7ms color;
  transition: 0.7ms border, 0.7ms color;
}

select,
.fieldContainer.dropdownFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody select {
  font-family: Roboto, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin:0;
  width:100%;  
    padding: 15px 30px;
    border: 1px solid #c6c6c6 !important;
    background-color: white;
    color: #C4C4C4 !important;
    border-radius:5px;
}



input:hover,
select:hover,
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.subjectTextBox:hover, 
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.typeText:hover, 
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input[type=text]:hover,
.fieldContainer.dropdownFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody select:hover{
  border: 1px solid #656565 !important;
  cursor:pointer;
  -webkit-transition: 0.7ms border;
  -moz-transition: 0.7ms border;
  -o-transition: 0.7ms border;
  transition: 0.7ms border;
  }

input:focus,
select:focus,
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.subjectTextBox:focus, 
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.typeText:focus, 
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input[type=text]:focus,
.fieldContainer.dropdownFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody select:focus{
  color:#656565 !important;
  border: 1px solid #c6c6c6 !important;
  -webkit-transition: 0.7ms border, 0.7ms color;
  -moz-transition: 0.7ms border, 0.7ms color;
  -o-transition: 0.7ms border, 0.7ms color;
  transition: 0.7ms border, 0.7ms color;
  
}

.fieldContainer.dropdownFieldContainer .fieldSubContainer.singleStringContainer table tr,
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table > tbody > tr{
  display:flex;
  flex-flow:column wrap;
  justify-content:flex-start;
  align-items: flex-start;
}


.fieldContainer.dropdownFieldContainer .fieldSubContainer.singleStringContainer table tr td,
.fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table > tbody > tr td{
  width:100%;
}

.fieldSubContainer .fieldLabel{
  padding: 5px 0 5px 2px;
  text-align:left;
}


.WaGadgetAuthorizationRequired table tr td span:first-child,
.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:first-child a:hover,
.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:first-child a,
.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:first-child,
.fieldSubContainer .fieldLabel{
    color:#959595;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
  -webkit-transition: 0.7ms color;
  -moz-transition: 0.7ms color;
  -o-transition: 0.7ms color;
  transition: 0.7ms color;
}

.formTitleOuterContainer .formTitleContainer .inner h3.formTitle {
    color:#163253 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
}


.validationError {
  color: #F84D4D;
  background-color:transparent;
    font-size: 12px;
  letter-spacing:0.4px;
}

.fieldSubContainer .fieldBody>span, .fieldSubContainer .fieldBody>strong:after,
.fieldSubContainer .fieldBody>span, .fieldSubContainer .fieldBody>strong:before{
  position:relative;
  color:'#fff';
  height:5px;
}
.fieldSubContainer .fieldBody>span, .fieldSubContainer .fieldBody>strong {
    display: block;
  top:10px;
    padding: 5px 10px;
}

.checkboxGroupContainer table tr{
  display:flex;
  flex-flow:column nowrap;
}

.checkboxGroupContainer table tr .left{
  margin-bottom:5px;
}

.navigationOuterContainer .navigationContainer .right {
    display: flex;
    float:none;
    flex-flow: row-reverse nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding:10px 0;
}

/* WIDGET PRICES */
.WaGadgetMembershipApplication .navigationOuterContainer .navigationContainer .right {
float: left;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
  padding-top:10px;
}

.WaGadgetMembershipApplication .fieldSubContainer .fieldLabel strong.mandatoryLabel {
    font-weight: bold;
}


/* WIDGET Member directory */
.memberDirectorySearchAreaOuterContainer .inner{
  position:relative;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}

.memberDirectorySearchAreaOuterContainer .inner:before{
color: #959595;
content: 'Type your search below:';
}
.memberDirectorySearchAreaOuterContainer .inner #FunctionalBlock1_ctl00_ctl00_search{
  margin:-10px 0 5px 0;
  width:100%
;
  /* display: block; */
  /* position: relative; */
  box-sizing: border-box;
}
.memberDirectorySearchAreaOuterContainer .inner:after {
    content: "\f002";
    font-family: 'FontAwesome';
    position:
    absolute;
    right: 30px;
    top:44px;
    display: inline-block;
    margin: 0;
    color: #959595;
}

.memberDirectorySearchAreaOuterContainer .inner label{
color: #959595;
  text-indent: -9999px;
    white-space: nowrap;   
  
}


.memberDirectorySearchAreaOuterContainer .inner span{
color: #C4C4C4;
}


.memberDirectorySearchAreaOuterContainer .inner span{
  margin-top:10px;
}

.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer .memberDirectorySearchArea span.searchResult{
    padding:5px 10px;
    color:#fff;
    background-color: #6E93D5;
}

.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer .memberDirectorySearchArea span.searchResult em{
    color:#fff;
}
.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer .memberDirectorySearchArea span.searchResult em#membersFound {
    margin-right: 0;
}


.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:first-child a:hover,
.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:first-child a{
  text-decoration:none;
}

.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:nth-child(3){
  margin-top:10px;
}

.WaGadgetMemberDirectory #membersTable > tbody > tr > td.memberDirectoryColumn1 > div:nth-child(2){
color: #959595;
}

.genericListTable tr, 
.membersTable tr {
  display:flex;
}

.genericListTable thead th:first-child, 
.membersTable thead th:first-child {
    padding-left: 20px;
}

.genericListTable thead th:first-child, 
.membersTable thead th{
  color:#163253;
}

.genericListTable thead th, 
.membersTable thead th{
  border-bottom: 1px solid #E5E5E5;
  border-top: 1px solid #E5E5E5;
  margin-top:30px !important;
  font-size:12px;
}

.genericListTable, 
.membersTable {
  margin-top:30px !important;
}

.memberDirectoryColumn3 *,
.memberDirectoryColumn4 *{
  font-size:15px;  
}

#idReloadData img{
  display:none;
}
#idReloadData:hover{
  cursor:pointer;
}

#idReloadData:after{
  content: 'Click here to refresh';
  font-size:12px;
  position:absolute;
  right:0px;
}

/* WIDGET Recaptcha */
#idReCaptchaContainer .fieldSubContainer .fieldBody>span, .fieldSubContainer .fieldBody>strong {
    display: block;
    top: 0;
    padding: 0;
    height: 76px;
}

/* WIDGET EVENTS */
.WaGadgetEventsStateList{
  padding: 0 0 80px 0;
}
.switchersGroup1,
.WaGadgetUpcomingEvents ul,
.boxesList{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-content: flex-start;
  align-items: flex-start;
}
.boxesList{
  border-top: 1px solid #E5E5E5;
}

.boxesListItem{
    width: 100%;
    max-width:320px;
}
.WaGadgetEventsStateList .boxOuterContainer{
    width: 100%;
    max-width:320px;
    height: auto;
    border-radius: 0.8em;
    padding: 30px;
    text-align: center;
    box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.15);
    border: 1px solid #E5E5E5;
}

.WaGadgetUpcomingEvents  h4,
.WaGadgetEventsStateList h3.sectionTitle {
    margin: 0 0 10px 0 !important;
    padding-bottom:0;
    color: #163253;
}
.WaGadgetEventsStateList .pageTitleOuterContainer .pageViewSwitcherOuterContainer .pageViewSwitcherContainer a {
    display: inline-block;
    visibility: visible;
    white-space: nowrap;
    padding-top: 0;
    margin-top: 10px;
}
.WaGadgetEventsStateList > .inner{
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
  align-content: center;
  align-items:center;
}

.WaGadgetEventsStateList .pageTitleOuterContainer {
    margin: 0;
}

.WaGadgetEventsStateCalendar .pageTitleOuterContainer #idEventViewSwitcher .pageViewSwitcherContainer a:before,
.WaGadgetEventsStateCalendar h1.pageTitle a.rssFeedLabel,
.WaGadgetEventsStateList .boxBodyContentOuterContainer .boxBodyContentContainer p:nth-child(3),
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer li label,
.WaGadgetEventsStateList .pageTitle.SystemPageTitle{
  display:none;
}

.WaGadgetEventsStateList > .boxesList,
.WaGadgetEventsStateList > .pastEventsOuterContainer{
  width: 100% !important;
}

.WaGadgetEventsStateList .pageTitleOuterContainer .pageViewSwitcherOuterContainer .pageViewSwitcherContainer a:before {
    content: "";
    margin-right: 9px;
    width:10px;
    height:10px;
    background: url('/resources/Icons and logos/icon-twitter-circle.svg') center no-repeat;
    background-size: contain;
}
.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a:after {
    display: none;
    margin: 0;
    width: 0;
    height: 0;
    top: 0;
}

.WaGadgetEventsStateList .boxOuterContainer .boxFooterOuterContainer .boxFooterContainer a:after {
    content: "";
    margin: 0 0 0 9px;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 20px;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .inner,
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer .boxInfo,
.WaGadgetEventsStateList .boxOuterContainer .inner{
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}


.WaGadgetEventsStateList .boxBodyContentOuterContainer,
.WaGadgetEventsStateList .boxOuterContainer .inner div{
  width: 100% !important;
}  

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer {
  order:-1;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer {
    float: none;
    width: 100%;
    padding: 20px 0 0 0;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
  
}.WaGadgetEvents .boxInfoContainer ul.boxInfo li {
    padding: 0;
    margin: 0 0 10px 0;
    line-height: normal;
    color: #163253 !important;
}
.WaGadgetEvents .boxInfoContainer ul.boxInfo li.eventInfoStartTime {
    margin-top: 0;
}
.WaGadgetEvents .boxInfoContainer ul.boxInfo li.eventInfoStartTime:after {
    position:relative;
    display:block;
    content: '';
    background: url('/resources/Icons and logos/icon-event-blue.svg') center no-repeat;
    background-size: contain;
    width:25px;
    height:25px;
    margin:10px auto 10px auto;
}

.gadgetStyleTitle{
    border-bottom: 1px solid #E5E5E5;
    margin:0 0 30px 0 !important;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer li.eventInfoLocation{
  order:-1;
  border-bottom: 1px solid #E5E5E5;
  padding: 0 0 20px 0;
  margin-bottom: 20px;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxInfoContainer li.eventInfoLocation span{
  margin: 10px auto;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer div{
  display:flex;
  flex-flow:row wrap;
  width: 100%;
  padding: 10px 0;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton{
  margin: 0 auto;
}

.WaGadgetEventsStateList .boxOuterContainer .boxFooterOuterContainer .boxFooterContainer a {
    display: inline-block;
    padding: 0;
    visibility: visible;
    white-space: nowrap;
    padding-top: 0;
    margin: auto;
}


/* past events section */
.pastEventsOuterContainer{
  padding:80px 0 0 0;
}
.WaGadgetEventsStateCalendar .viewSwitchersTable{
  border-top: 1px solid #E5E5E5;
  padding:15px 0 0 0;
}
.WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList{
  display:block;
  max-height:200px;
  overflow-y: auto;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  padding:10px 0 !important;
}
.WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList tr{
  display:block;
  padding:10px 0 !important;
}

.WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left{
  padding:13px 0 0;
  width:180px;
}
.WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td:nth-child(2){
  padding:10px 20px;
}

/* calendar section */
.WaGadgetEventsStateCalendar .EventListCalendar td[class*=EventListCalendarItem][colspan] div {
    margin: -4px -9px -5px -9px;
    padding: 8px 9px;
    background: #6E93D5;
    border-radius: 5px;
}
.WaGadgetEventsStateCalendar .EventListCalendar td[class*=EventListCalendarItem][colspan] div a {
  color: white;
  font-size:14px !important;
}

.eventTime{
  font-weight:bold;
  color: #163253;
  margin:0 0 4px 0 !important;
}

.WaGadgetEventsStateCalendar .EventListCalendar .EventListCalendarItemSelected .calendarDate nobr {
    font-weight: bold !important;
    color: #6E93D5;
  border: 2px solid #6E93D5;
  border-radius:5em;
  padding: 4px;
}

.WaGadgetEventsStateCalendar .viewSwitchersTable{
    display: flex;
    flex-flow: column nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.WaGadgetEventsStateCalendar .EventListCalendar td.EventListCalendarHeader {
    padding: 16px 20px 16px 20px;
    border: none!important;
    color: #163253;
    background-color: #E5E5E5;
    font-size: inherit;
    font-weight: 600;
}
.WaGadgetEventsStateCalendar .EventListCalendar .calendarDate {
    cursor: default;
    text-decoration: none;
    color: #163253 !important;
}
.WaGadgetEventsStateCalendar .EventListCalendar td[class*=EventListCalendarItem][style*="border-top"] {
    border-top: 1px solid #E5E5E5!important;
}


.WaGadgetEventsStateCalendar #idViewSwitchersTable #group1,
.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 {
    width: 100%;
    float: none;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 a{
  font-size:14px !important;
}
.WaGadgetEventsStateCalendar .switchersGroup1{
  margin-bottom:10px;
}

.WaGadgetEventsStateCalendar .switchersGroup2 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.WaGadgetEventsStateCalendar .switchersGroup2 div{
  margin:0 !important;
}



/* TABS */
.switchersGroup1{
  margin-bottom:30px !important;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.switchersGroup1 div{
  text-align: center;
  width:100% !important;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable #group1 div,
.switchersGroup1 div *{
  display:block;
  padding:5px 10px;
  height:18px;
  width:100px !important;
  color: #959595;
  -webkit-transition: 0.7ms color;
  -moz-transition: 0.7ms color;
  -o-transition: 0.7ms color;
  transition: 0.7ms color;
}

.switchersGroup1 div span{
  background-color: #E5E5E5;
  color: #656565;  
  border-bottom: 2px solid #C4C4C4;   
}

.switchersGroup1 div a{
  text-decoration:none;
  border-bottom: 2px solid #E5E5E5; 
  -webkit-transition: 0.7ms border-bottom;
  -moz-transition: 0.7ms border-bottom;
  -o-transition: 0.7ms border-bottom;
  transition: 0.7ms border-bottom 
}

.switchersGroup1 div a:hover{
  text-decoration:none;
  color: #656565;  
  border-bottom: 2px solid #C4C4C4;
  -webkit-transition: 0.7ms border-bottom, 0.7ms color;
  -moz-transition: 0.7ms border-bottom, 0.7ms color;
  -o-transition: 0.7ms border-bottom, 0.7ms color;
  transition: 0.7ms border-bottom, 0.7ms color;
}



/* BLOG GADGET */
.WaGadgetBlogStateList .pagerOuterContainer {
  display:flex;
  flex-flow: column wrap;
}

.WaGadgetBlogStateList .pagerOuterContainer {
  border-top: 2px solid #E5E5E5;   
    float: none;
    width:100%;
    clear: none;
    margin: 0;
    padding: 10px 0;
}

.WaGadgetBlog .blogPostListOuterContainer .inner ul{
  padding:20px 0 0 0;
}

.WaGadgetBlog .boxBodyInfoOuterContainer h5,
.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a,
.WaGadgetBlog .boxesListItem {
  color: #163253 !important;
}

.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a+a:before,
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child:before,
.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:after{
  display:none;
}


.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterSecondaryOuterContainer,
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer,
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer .inner{
  display:flex;
  width:100%;
  align-items:center;
}

.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterSecondaryOuterContainer{
  padding:30px 0 0 0;
}


.WaGadgetBlog .boxInfoContainer{
  padding: 5px 0;
  border-bottom: 1px solid #E5E5E5;   
  border-top: 1px solid #E5E5E5;   
}
.WaGadgetBlog .boxInfoContainer *{
  color: #959595 !important;
}

.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedOn {
    visibility: visible;
  display:block;
    margin-bottom: 2px;
    margin-left: 0;
    font-style: italic;
  font-size:12px;
  text-transform:uppercase;
}
.WaGadgetBlog .boxInfoContainer .postedByLink *{
  font-weight:bold !important;
}
.WaGadgetBlog .boxInfoContainer .postedByLink a{
  font-weight:bold !important;
  color: #656565 !important;
}  

.WaGadgetBlog ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyContentOuterContainer {
    padding: 10px 0px;
  
}


.blogPagerContainer .inner{
  display:flex;
  flex-flow: row nowrap;  
  justify-content:center
}

.blogPagerContainer .inner span,
.blogPagerContainer .inner a{
  margin:0 2px;
}
.blogPagerContainer .inner span.near,
.blogPagerContainer .inner a.near{
  display:block;
  margin:0 30px;
}
.pagerOuterContainer .linkCurrent {
    color: #AF7E0E;
    text-decoration: none;
}
.blogPagerContainer .inner a.near:hover{
  color: #AF7E0E;
  -webkit-transition: 0.7ms color;
  -moz-transition: 0.7ms color;
  -o-transition: 0.7ms color;
  transition: 0.7ms color;
}


/* .WaGadgetRecentBlogPosts ul li .date, */
.WaGadgetRecentBlogPosts ul li .author a{
  font-weight:500 !important;
}





/* Change password */
.WaGadgetChangePassword .introContainer {
    margin: 0;
}
#idActionButtonsContainer {
    margin: 0;
}


#idReCaptchaContainer .fieldLabel {
   display: none;
}
#idReCaptchaContainer .fieldBody {
    width: 100%;
}


/* Unsubscribe from emails page*/
.WaGadgetUnsubscribeFromEmails p,
.login-role-actions{
  display: flex;
}


/* Site search results page */

.WaGadgetSiteSearchResults .siteSearchResults .searchControls .searchBoxField{
  width:100%;
  display:block;
  max-width:100%;
}

.WaGadgetSiteSearchResults .siteSearchResults .categories .contentTypesPanel .row{
  display:flex;
  color: #959595;
  margin: 10px 0;
}

.WaGadgetSiteSearchResults .siteSearchResults .categories .contentTypesPanel .row input[type=checkbox]{
  margin: 0  15px 0 0;
}



.WaGadgetSiteSearchResults .siteSearchResults .searchControls .label,
.WaGadgetSiteSearchResults .siteSearchResults .searchControls .foundRecords,
.WaGadgetSiteSearchResults .siteSearchResults .searchControls .foundLabel{
  color: #656565;
}

.WaGadgetSiteSearchResults .recordsFoundMessage{
  width:100%;
  font-weight:normal;
  padding: 15px 30px;
  border-radius:5px;
  margin-top:30px;
}

.WaGadgetSiteSearchResults .resultDiv {
  padding: 30px 0;
  border-top: 10x solid #E5E5E5;
  border-bottom: 10x solid #E5E5E5;
}

.WaGadgetSiteSearchResults .searchPager{
  width:100%;
  display:flex;
  justify-content: center;
}


.WaGadgetSiteSearchResults .recordsFoundMessage{
  width:100%;
  font-weight: normal;
  padding: 15px 30px;
  border-radius:5px;
  margin-top:30px;
  text-align: center;
}
.WaGadgetSiteSearchResults .searchPager *{
  margin:0 10px;
}

.stepsContainer{
  margin-bottom:10px;
}




.WaGadgetContactProfile .wa-authenticateLoginLink{
  color: #fff;
  max-width: 150px;
  border-radius:5px;
}

.WaGadgetContactProfile .wa-authenticateLoginLink span{
  padding:8px 10px;
}

.WaGadgetContactProfile .wa-authenticateLoginLink span:first-child{
  background-color: #fff;
}

.WaGadgetChangePassword #idActionButtonsContainer .right .fieldBody{
  display:flex;
}