:root {
    --white: #ffffff;
    --dark-blue: #2e3555;
    --teal: #1eae94;
    --blue: #00adba;
    --yellow: #FDC533;
    --red: #B92653;
    --orange: #E18A2E;
    --grey:#edf1f7;
    --dark-grey: #878787;
    --purple: #5c376d;
    --dash-bg: #dfe5ef;
}

html, body{width:100%; height: 100%; min-width:100% !important; max-width:100% !important; padding: 0; margin: 0}
input[type=submit], input[type=button]{cursor:pointer; transition:all 300ms ease}
input[type=submit]:hover, input[type=button]:hover{opacity:0.8}

#site-header .button-wrap{padding:15px 0 !important}
/*
main .button-wrap{padding:160px 0 !important}
*/

.triangular::before {
    content: "";
    position: absolute;
    top: -3rem;
    right: -6rem;
    z-index: -1;
    display: block;
    width: 502.5px;
    height: 502.5px;
    background: rgba(0,173,186,.13);
    clip-path: polygon(50% 100%,0 0,100% 0);
}

.post-edit-link{display:inline-block; background-color: var(--blue); color:#fff; padding: 5px 10px; text-decoration: none}
.post-edit-link:hover{background-color:var(--teal)}

.content ol li{font-weight:normal !important; font-size:1.2rem}
ol strong{display: inline !important; padding: 0; margin: 0}

.content_cell{}
.content_row{max-width:1200px; margin:0 auto; padding: 0 15px}

.wp-block-buttons{padding: 20px 0 30px; text-align: center}
.wp-block-spacer{height: 10px}
.wp-block-image{text-align:center; padding: 30px 0}
.wp-block-image img{max-width:100%; margin: 0 auto 15px; display: block}

.wp-block-table{margin:30px auto; text-align: center}
.wp-block-table table{padding:0px; margin: 0px; width:100%; border-collapse: collapse; font-size:12px}
.wp-block-table th{background-color: var(--blue); color:#fff; padding: 3px 5px}
.wp-block-table td{border:1px solid #ccc; text-align: left; padding: 5px}
figcaption{padding:15px 0 0}

.mobile-nav a{text-decoration: none}
.mobile-nav ul{padding-left: 10px; display: none}
.mobile-nav > li{border-bottom:1px solid rgb(255,255,255, 0.3); padding: 5px 5px 5px 40px; position: relative}
.mobile-nav > li::before{
    content: url("../../images/bullet.svg");
    display: inline-block;
    width: 20px;
    height: 20px;
    position:absolute;
    top:4px; left:0
}
.mobile-nav > li ul > li{position: relative; padding-left: 25px}
.mobile-nav > li ul > li::before{
    content: url("../../images/bullet.svg");
    display: inline-block;
    width: 10px;
    height: 10px;
    position:absolute;
    top:5px; left:0; transform:rotate(-90deg)
}

/* Salesforce elements */
.sfContent .center{text-align: center}
.red{color: red}
.sfCenter{text-align:center}
.sfContent{ine-height: 1.5em}
.sfContent input{width:100%; padding: 10px; border:1px solid var(--dark-blue); box-sizing: border-box; box-shadow: inset 0px 0px 5px rgb(0,0,0,0.1)}

.sfContent h2{font-weight: 700;
    font-size: clamp(2.125rem,1.9464rem + .8929vw,2.625rem);
    line-height: 1.2380952; padding: 0 0 30px}

.sfContent h3{font-weight: 700;
    font-size: clamp(1.125rem,1.9464rem + .8929vw,1.625rem);
    line-height: 1.2380952; margin: 15px 0 15px}

.sfButton {
    display:inline-block;
    position: relative;
    z-index: 1;
    padding: 0.7rem .938rem;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background: rgba(0,0,0,0);
    border: 0px;
    cursor: pointer;
    transition: color .2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 10px 0 0;
    transition:all 300ms ease
}

.sfButton::before {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    background: var(--blue);
    border: 2px solid var(--blue);
    transform: skewX(26deg);
    inset: 0;
}
.sfButton:hover{background-color:transparent !important}
.sfButton:hover::before{background-color: var(--teal); border-color:var(--teal)}

.sfFatButton{padding: 1.5rem 1.2rem;}

.sfContent label{display:block; font-size:12px}

.sfYouLoggedIn a{color: #fff !important}

#signinWrap{background-color: var(--grey); border:1px solid #ccc; padding: 20px 30px; box-shadow:1px 1px 10px rgb(0,0,0,0.4); margin: 60px auto; max-width:400px}
#signinWrap label{display: block; padding: 5px 0}

#signinWrap .button:hover{background-color: #666}
#signinWrap h3{padding:0; margin: 0 0 10px}

.sfNavigation{display:flex; justify-content:center; align-items:center; max-width:900px; margin: 0 auto}
.sfNavigation > div{width:100%; max-width: 300px; margin: 5px}
.sfNavigation a{display: block; padding: 10px 30px; text-decoration: none; text-align: center; transition:all 300ms ease}
.sfNavigation .sfButton{margin:0px !important; display:block !important}

#sfLostPwLink{color:var(--teal)}
#sfError{color:firebrick; text-align: center; margin: 15px auto}
#dashboardInfo{max-width:800px; border:5px solid var(--grey); padding: 15px; margin: 30px auto}
#dashboardInfo > div{padding:4px 0}
.dashboardName{font-size:1.3em; margin: 0 0 10px; border-bottom:2px solid var(--dark-blue); padding: 0 0 10px}
.dashboardDesc{padding: 15px; border: 1px solid var(--dark-blue); margin: 15px 0; background-color: #fff}
.dashboardAddress{margin: 15px 0}

.courseList{max-width:1200px; margin: 0px auto; display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap}
.courseList > div{background-color:#fff; width:100%; max-width: 48%; padding: 15px; margin: 0 0 30px; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.courseList > div > div{padding: 4px 0}
.courseList img{display: none}
.courseList h2{border-bottom:2px solid var(--blue); padding:0 0 6px; margin: 0 0 6px}

.sfEventHeading{font-size:22px; font-weight:700; color: var(--dark-blue); padding: 0 0 15px}

.eventsList{margin: 0px auto; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; max-width:1200px; }
.eventsList > div{background-color:#fff; width:100%; max-width: 32%; margin-bottom: 30px}
.eventsList > div > div{}

.eventsList .sfButton {min-width:60%; padding: 30px 15px; margin: 15px auto 0 20px}
.sfViewBookButton{display:none; min-width:60%; padding: 30px 15px; margin: 15px auto 0 20px}
.sfInactiveButton::before{background-color: #ccc; border-color:#ccc}
.sfInactiveButton:hover::before{background-color: #ccc; border-color:#ccc}

.eventThumb{max-width:400px; min-height: 210px; text-align: center; margin: 0 auto 30px; background-color: #f8f8f8}
.eventThumb img{object-fit: contain; width:100%; height:100%; display: block}
.evTitle{color:var(--dark-blue); font-weight:700; min-height: 50px}
.evDate{color:var(--blue)}

.courseDescBooking{max-width:1200px}
.entry-content{max-width: 1200px; margin: 0 auto; padding: 15px}

.accreditaions{max-width:800px; margin: 0 auto; text-align: center; border:5px solid var(--grey)}
.noEventAttendance{text-align:center; padding: 60px 10px}

.sfInfoBox{padding:15px; background-color: #f8f8f8; text-align: center; max-width:800px; margin:30px auto; border-radius:6px}
.sfInfoBox h2{margin:0 0 10px; padding:0}
.sfEventDesc{display:none; max-height: 300px; overflow: auto; margin: 15px 0 0; box-shadow: inset 2px 2px 10px rgb(0,0,0,0.3); padding: 15px}
.sfViewEventButton{margin-bottom:30px !important}
.eventBanner{object-fit: contain; object-position: center; width:100%; height: 100%}

.sfOrgMemberList{display:flex; justify-content: space-around; align-items:stretch; flex-wrap:wrap}
.sfOrgMemberList > div{width:100%; max-width:320px; border:1px solid var(--dark-blue); padding:15px; margin:10px 10px 25px}

.sfMemberList{display:flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap; max-width:1200px; margin: 0 auto}
.sfMemberList > div{width:100%; max-width: 200px; margin: 10px 10px; box-sizing: border-box}
.sfMemberList .thumb{width:100%; max-width:120px !important; height: 120px; margin: 0 auto 15px}
.sfMemberList .thumb img{object-fit:contain; width:100%; height: 100%}

.filterflex{display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; box-sizing: border-box; margin: 15px auto 30px; max-width: 1200px}
.filterflex > div{flex-grow: 1; padding: 5px; box-sizing:border-box}
.filterflex > div:last-of-type{max-width: 120px}
.filterflex input, .filterflex select{margin: 0; padding: 17px !important; width:100%; border:2px solid var(--dark-blue)}
.filterflex input[type=submit]{ background: var(--teal); color: #fff; border:0px}
.filterflex input[type=submit]:hover{ background: var(--blue) !important}
.dashicons-lock{display: none}
.filterflex select{padding:17px}
.filterflex .sfButton{padding:17px}

.sfBooking{text-align: center; max-width:1000px}
.sfLostPwLink{display:block; padding: 30px 0 0; font-size:0.8em}

.gform_wrapper{max-width: 900px; margin: 0 auto}
.gform_wrapper select{padding:15px !important; margin: 0 0 15px !important}
.gform_wrapper fieldset{border:1px solid var(--dark-blue) !important}
.gform_wrapper input[type=button]{background: var(--blue); color:#fff; font-seight:bold; border:0px}
.gfield_label{padding: 20px 0 6px}
.gform_submission_error{color: firebrick !important}

.accreditationsList{display:flex; max-width: 1200px; margin: 15px auto; justify-content: space-around; align-items: stretch; flex-wrap: wrap}
.accreditationsList > div{width:100%; max-width:360px; margin:15px; border:1px solid var(--blue); border-bottom:10px solid var(--teal); padding: 15px}

.sfMemberList .p{text-align:center; font-eight:700}
.accreditation{color:var(--blue); text-align: center; font-eight:700}

aside.navigation nav ul li a:hover{color:var(--yellow)}

.disclaimer{font-size:.9rem}
.disclaimer a{font-weight:normal !important}
.footer--title{font-size:.9rem; font-weight:normal !important}

#site-header .brand-container{max-width:20rem !important; min-width:20rem}

.button.purple::before {
    background: var(--purple) !important;
    border: 2px solid var(--purple) !important;
}
.button:hover.purple::before{
    background:#fff !important
}
.button:hover.purple{
    color:var(--purple) !important
}

.button.red{color: #fff}
.button.red::before {
    background: var(--red) !important;
    border: 2px solid var(--red) !important;
}
.button:hover.red::before{
    background:#fff !important
}
.button:hover.red{
    color:var(--red) !important
}

.button.orange::before {
    background: var(--orange) !important;
    border: 2px solid var(--orange) !important;
}
.button:hover.orange::before{
    background:#fff !important
}
.button:hover.orange{
    color:var(--orange) !important
}

.button.grey::before {
    background: var(--dark-grey) !important;
    border: 2px solid var(--dark-grey) !important;
}
.button:hover.grey::before{
    background:#fff !important
}
.button:hover.grey{
    color:var(--dark-grey) !important
}

.button.yellow::before {
    background: var(--yellow) !important;
    border: 2px solid var(--yellow) !important;
}
.button:hover.yellow::before{
    background:#fff !important
}
.button:hover.yellow{
    color:var(--yellow) !important
}

.content ul{font-size:1.1rem !important}
.content ul li{padding: 0 0 10px}

.sfDashText{height: 90px}
.sfDashList{margin: 30px auto; max-width: 1200px; padding: 0 15px}
.sfDashList h3{border-bottom:2px solid var(--dark-blue); font-size:22px; padding: 0 0 8px; margin-bottom: 8px}
.sfDashList > div{padding: 0 0 5px}

.sfBoxProfile{grid-column: 1/span 3; flex-direction: row; align-items: center; background:#fff; width:100%; display:none}
.sfBoxProfile h2{padding: 15px 5px; border-bottom:12px solid var(--blue)}

.dashFrame{display: flex; justify-content: space-between; align-items: stretch}
.dashFrame > div{width:100%}
.dashFrame > div:first-of-type{max-width:320px !important; background: var(--blue)}
.dashFrame > div:last-of-type{background: var(--dash-bg) !important}

.sfDahButtonWrap{text-align: center; width:100%}
.sfDahButtonWrap a{padding:15px 30px}

.bbpress-wrapper{max-width:1200px; margin: 0 auto; padding: 30px 30px 15px}
#bbp-breadcrumb{font-size:0.8em}
#bbp_reply_submit, #bbp_search_submit{background: var(--blue); color: #fff; padding: 15px 30px}
.bbp-submit-wrapper{float: none !important}
.bbp-forums{margin-top: 15px !important}

.eventsFrame{display: flex; justify-content: space-between; align-items: stretch}
.eventsFrame > div{width:100%}
.eventsFrame > div:first-of-type{max-width:260px !important; padding: 48px 0 15px}
.eventsFrame > div:last-of-type{padding: 0 30px 15px}
.eventsFrame h3{padding: 10px; background:var(--blue); color:#fff}

#evFilterbox{background: var(--grey); padding: 10px}
#evFilterbox > div{display: flex; justify-content: space-between; align-items: center}
#evFilterbox > div > div{width:100%; padding: 4px}
#evFilterbox > div > div:first-of-type{max-width:30px}
#evFilterbox p{padding: 4px ; font-size:16px; font-weight:700}

#evFilterbox input[type=radio], .supporter input[type=radio]:not([type=checkbox]), input[type=checkbox], .supporter input[type=checkbox]:not([type=checkbox]){
    border:2px solid var(--blue)
}

.eventsFrame input[type=radio]{appearance: auto !important}

.resourcesList{max-width:900px; margin: 0 auto; display: flex; justify-content: flex-start; align-content: stretch; flex-wrap:wrap}
.resourcesList > div{padding: 0; margin: 0 10px 40px 0; width:100%; max-width: 280px; text-align: center}
.resourcesList h2{font-size:1rem; min-height: 80px; text-align: left}
.resThumb{width:100%; height: 120px; background: #f8f8f8; text-align: center; margin-bottom: 10px; padding: 10px}
.resThumb img{object-fit: contain; width:100%; height: 100%}

.reportRow{display:flex; justify-content: space-between; align-items:stretch; border-bottom:1px solid var(--dark-blue); margin: 0 auto 30px; padding: 0 0 30px; max-width: 1200px}
.reportRow > div{width:100%; padding: 5px; flex-grow:1}
.reportRow > div:first-of-type{width:120px; padding: 0px}
.reportRow > div:last-of-type{min-width: 220px; max-width:220px; padding: 0 30px; text-align: center}
.reportRow .sfButton::before{background-color: var(--dark-blue); border-color: var(--dark-blue)}
.reportRow .readmore{text-align:right; font-weight:700; color:var(--blue); padding: 15px 15px 0 0; cursor:pointer}
.reportRow .readmore:hover{color:var(--teal)}
.reportRow .excerpt{font-size:1.2rem}
.reportRow .fulldesc p{padding: 5px 0 15px}
.reportRow .sfButton{padding:20px}

.repThumb{background: #f8f8f8; width:90px; height: 100px}
.repThumb img{object-fit:contain; width:100%; height: 100%}

.sfPagination{display: flex; justify-content: center; align-items: center; margin: 60px 0 15px}
.sfPagination > div{padding:0 2px}
.sfPagination > div:first-of-type{padding:0 12px 0 0}
.sfPagination > div.sfPage{}
.sfPagination a{display:block; transition:all 300ms ease; padding: 0 5px; text-decoration: none}
.sfPagination .current a{background-color:var(--blue); color:#fff}
.sfPagination .current a:hover{background-color: var(--teal)}

#reportSearchForm #terms{padding:5px !important; margin: 0 0 15px !important; width:100%; border:1px solid var(--dark-blue) !important}
#evFilterbox input[type=submit], #evFilterbox input[type=button]{border:0; background-color: var(--blue); color:#fff; padding:10px; display: block; width:100%}
#evFilterbox input[type=button]{margin-top:5px}

.sfDate{font-weight:700; color:var(--blue); padding: 4px 0 15px}
.reportImg{max-width:40% !important; float: right; margin: 0 0 30px 30px;}
.submenu-tray{transition: transform 300ms ease-out}

.sfConsultantList{max-width:1200px; margin: 0 auto}
.sfConsultantList > div{display:flex; justify-content: space-between; align-items: stretch}
.sfConsultantList > div > div{width:100%; flex-grow:1; padding: 10px}
.sfConsultantList > div > div:nth-of-type(1){max-width:200px}
.sfConsultantList > div > div:nth-of-type(2){max-width:200px}
.sfConsultantList > div > div:nth-of-type(4){max-width:280px}

.sfConsultantRow{border-bottom:1px solid var(--dark-blue); padding: 15px 0; min-height: 200px}
.sfConsultantRow > div > div:nth-of-type(1){color:var(--blue); text-align: center; font-weight:700}
.sfConsultantRow > div > div:nth-of-type(2){font-weight:700}
.sfConsultantRow > div > div:nth-of-type(3){font-size:15px !important}
.sfConsultantRow > div > div:nth-of-type(4){}
.sfConsultantRow p{padding:0 0 15px}

.sfConsultantListTitles > div{background: var(--blue); color:#fff; font-weight:700}

.sfConsultantList .thumb{width:100%; max-width:200px !important; height: 80px; margin: 0 auto 15px}
.sfConsultantList .thumb img{object-fit:contain; width:100%; height: 100%}

.gform_wrapper fieldset{border:none !important}
#callout_cta .gform_body fieldset{border: none !important}
.menu-label a{color:#fff; text-decoration: none}
.menu-label a:hover{color:#fff}

.other-menu{}
.other-menu li{padding:0; margin: 0}
.other-menu a{color:#fff; text-decoration:none; font-size:0.8em; font-weight:normal; padding: none}
.other-menu a:hover{color: var(--dark-blue) !important}

.child-lvl-menu .other-menu{display:none; padding-left: 30px}

.blogItem{padding: 30px 15px; text-align: left; width:900px; margin: 0 auto; max-width: 100%}
.blogItem .block__introduction{width:100% !important; max-width:100% !important; padding: 0}
.blogItem section{padding: 0 !important; margin: 0}
.blogItem p{padding: 10px 0 20px}
.blogItem h2{padding: 0 0 30px}

.blogItemImg{width:100%; max-width:50%; height: 260px; position: relative; margin: 0 0 0 30px; float:right}
.blogItemImg img{object-fit: contain; object-position: center; width:100%; height: 100%}

.filter__resource{display:none}

#membershipPanes{margin: 30px 0 60px}
#membershipPanes > h2{text-align:center; font-size:2rem; padding: 0 0 30px; margin: 0}
.membersPanesMenu{display:flex; justify-content: space-between; align-items: stretch; flex-wrap:nowrap; max-width: 1200px; margin: 0 auto; background: #fff}
.membersPanesMenu > div{background:#fff; width:100%; max-width:33.3%; border-top:15px solid #ccc; border-bottom:40px solid #ccc; text-align: center; transition:all 100ms ease; cursor:pointer}
.membersPanesMenu > div:hover{transform:scale(1.05); box-shadow: 1px 1px 10px rgb(0,0,0,0.2)}
.membersPanesMenu > div:nth-of-type(1){border-color:var(--teal)}
.membersPanesMenu > div:nth-of-type(2){border-color:var(--yellow)}
.membersPanesMenu > div:nth-of-type(3){border-color:var(--blue)}
.membersPanesMenu > div h3{padding: 15px 0; margin: 0}
.membersPanesMenu .memicon{background: #ecf1f8; width:200px; height: 200px; border-radius:200px; margin: 0 auto 15px}
.membersPanes{width:100%; max-width:900px; margin: 0 auto; padding: 30px 15px; background: #fff}
.membersPanes > div{display:none}
.membersPanes > div:nth-of-type(2){display:block}
.memPaneButtons{padding:30px 0 0}
.membersPanes h2{padding:0 0 15px}
.membersPanes p{padding:0px 0 20px; line-height: 1.8rem;}
.membersPanes table{border:0px; width:100%}
.membersPanes tr{}
.membersPanes td{padding:10px 0; width:50%; border-bottom:2px solid var(--dark-blue)}
.membersPanes table > tr:last-of-type{border:0px}
.membersPanes tr > td:last-of-type{text-align: right}

.customPanes .memicon{background:transparent}

.discMenu{display: flex; justify-content:space-around; align-items: center; max-width: 900px; margin: 30px auto}
.discMenu > div{background: #ccc; color: #fff; width:240px;; height: 240px; border-radius: 200px; text-align: center; transition:all 300ms ease}
.discMenu p{padding: 0; margin: 0; color: #fff}
.discMenu h3{}
.discMenu > div:nth-of-type(1){background: orange}
.discMenu > div:nth-of-type(2){background: teal}
.discMenu > div:nth-of-type(3){background: purple}

.discMenu > div{display: flex; justify-content: center; align-items: center}
.discMenu > div > div{width:100%; max-width: 90%; display: block}

.buttonGroup{display: flex; justify-content: space-around; align-items: center; max-width:900px; margin: 60px auto}
.buttonGroup > div{flex-grow:1; text-align: center; margin: 60px 0px}

#main-content ul{list-style:none; padding: 0; margin: 15px 0}
#main-content ul li{padding:0 0 0 40px; margin: 20px 0 20px 15px; position: relative}
#main-content ul li::before{
    content: url("../../images/bullet.svg");
    display: inline-block;
    width: 22px;
    height: 22px;
    position:absolute;
    top:0px; left:0
}


.faq__content a{display:contents !important}

.contentGroup{display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; max-width: 1200px; margin: 40px auto; color: var(--dark-grey)}
.contentGroup > div{width:100%; max-width: 370px; margin: 0px 15px 30px; box-shadow:0px 0px 6px rgb(0,0,0,0.3); position: relative; padding-bottom: 60px; background: #fff}
.contentGroup .inner{padding:15px}
.contentGroup hr{width:100%; height: 0; border:0px; margin:0; border-bottom:18px solid var(--dark-blue)}
.contentGroup .thumb{margin:0; width:100%; padding-bottom: 56%; position: relative; background-color: var(--grey)}
.contentGroup .thumb img{object-fit: cover; object-position: center; position: absolute; top:0; left:0; width:100%; height: 100%}
.contentGroup .subtitle{font-size:1rem; margin: 0 0 10px; text-align: left}
.contentGroup h2{padding:0; margin: 0 0 15px; color:var(--dark-blue) !important; text-align:left; font-size:30px !important}
.contentGroup .content{padding: 0 0 30px}
.contentGroup .button::before{background-color: var(--dark-blue); border-color:var(--dark-blue)}
.contentGroup .button{padding: 15px 30px; position: absolute; bottom:10px; left:25px}
.contentGroup .button:hover{color: var(--dark-blue)}
.contentGroup .dates{text-align:left !important; color: var(--dark-blue) !important; padding: 5px 0}

.evDetailSplash{display: flex; justify-content: space-between; align-items: stretch}
.evDetailSplash > div{width:100%; background-color: var(--grey); position: relative}
.evDetailSplash > div:nth-of-type(1){}
.evDetailSplash > div:nth-of-type(2){padding:50px 15px 50px 60px; max-width: 600px}
.evDetailSplash > div img{object-fit: cover; object-position: center; width:100%; height: 100%}
.evDetailSplash h1{font-size:2.5rem}
.evDetailSplash h2{font-size:1.2rem; margin: 30px 0}
.evDetailSplash .day, .evDetailSplash .month{color:var(--blue); font-size:2em; font-weight:700}
.evDetailSplash .day{margin-bottom: 30px}
.evDetailSplash .sfButton{padding:30px 60px; display: inline-block; margin-left: 25px}


.evDetailPanel{display:flex; justify-content: space-between; align-items: stretch; max-width:900px; margin: 60px auto}
.evDetailPanel > div{width:100%; padding: 15px; position: relative}
.evDetailPanel > div:first-of-type .button{display:block; max-width:200px; margin-top:30px}
.evDetailPanel > div:last-of-type{max-width: 400px; padding-left: 60px}
.evDetailPanel > div > div{position: relative}
.evDetailPanel .date{margin-bottom: 60px; font-weight:700}
.evDetailPanel .date::before{content:url(../../images/icon-calendar.svg); width:30px; position:absolute; left:-40px; top:-5px}
.evDetailPanel .location{margin-bottom:60px}
.evDetailPanel .location::before{content:url(../../images/icon-marker.svg); width:26px; position:absolute; left:-38px; top:-5px}
.evDetailPanel .refund{margin-bottom:60px}
.evDetailPanel .refund::before{content:url(../../images/icon-shield.svg); width:30px; position:absolute; left:-40px; top:-5px}

.advisoryBoard{display: flex; justify-content: space-around; align-items: center; flex-wrap:wrap; max-width:1200px; margin: 60px auto}
.advisoryBoard > div{width:100%; max-width: 300px; text-align:center; margin: 0 0 30px}
.advisoryBoard .thumb{width:120px; height:120px; background: var(--grey); border-radius:200px; margin: 0 auto 15px; overflow: hidden}
.advisoryBoard .thumb img{object-fit: cover; object-position: center; width:100%; height: 100%}
.advisoryBoard .name{font-weight:700; color: var(--dark-blue)}
.advisoryBoard .job, .advisoryBoard .company{color:var(--blue)}
.advisoryBoard .linkedin{height:35px; margin: 10px 0}
.advisoryBoard .linkedin img{width:30px; margin: 0 auto 0}

.civilBox{display:flex; justify-content: space-between; align-items: center; background: var(--grey); padding: 15px; margin: 30px 0 0}
.civilBox > div{width:100%}
.civilBox > div:first-of-type{max-width:170px; height: 170px; margin-left: 30px}
.civilBox > div:last-of-type{padding-left:50px}
.civilBox img{object-fit: contain; width:100%; height: 100%}

.upcomingEvBlock{background:var(--blue); text-align: center; margin: 60px auto; padding: 60px 15px 40px}
.upcomingEvBlock h2{color: #FFFFFF; font-size: clamp(2.125rem,1.9464rem + .8929vw,2.625rem)}
.upcomingEvBlock p{color: #ffffff; max-width: 900px; margin: 30px auto}
.upcomingEvBlock .contentGroup > div:last-of-type{display:none}

.social li::before{content:none !important}
.social li{padding: 0 !important; margin: 0 !important}

.repFilters{font-size:12px; padding: 10px 5px; width:100%}

#clearBlogFilters{background: var(--blue); border:0px; display:block; color:#fff;width:100%; padding: 10px;}

.reviewsConfig{margin: 60px auto}

.ginput_container_coupon .button{max-width: 100px}
.gform_footer .tertiary::before{display: none}
.gform_footer .tertiary{background-color: var(--blue) !important}


/* Gravity forms */
#field_12_37, #field_12_24{background:#fff; padding: 0px; margin: 15px 0}
#field_12_37 label, #field_12_24 label{display: block; padding: 15px}
.gfield_label{font-weight:700}
.gform_page_footer input[type=button]{margin:15px 15px 0 0 !important; padding: 15px !important; height:auto !important}
#field_42_4, #field_42_14, #field_28_4{padding: 0 !important}

.gform-body input[type=button], .gform-body .button{margin:15px 15px 0 0; padding: 15px !important; height:auto !important; background-color: var(--dark-blue)}
.gform-body .tertiary::before{display:none}

.gform-body input[type=button]{ background-color: var(--blue); padding:15px !important}

.gform-body .button-wrap{padding:0 !important}

/* BB Press */
.bbpress-wrapper{}
.bbpress-wrapper input[type=submit], .bbpress-wrapper button{background-color:var(--blue) !important; color:#fff}

.bbpress-wrapper select{font-size:16px !important; padding:5px !important; min-height:inherit !important; height: inherit !important}
.bbpress-wrapper input[type=text]{min-height:inherit !important; height:inherit; font-size:16px !important; border:1px solid var(--dark-blue); padding: 5px !important}

/*
article>section.triangle-mask {margin-top: 0px}
*/
article>section.triangle-mask .triangle {
    margin-top: 40px;
}

.principlesPageGrid .thumb{padding-bottom: 100%}

@media only screen and (max-width: 1200px) {
    .contentGroup{display: flex; justify-content: space-around;
}
@media only screen and (max-width: 1000px) {
    .eventsList > div{max-width:48%}
}

@media only screen and (max-width: 800px) {
    .eventsList{flex-direction:column}
    .eventsList > div{max-width:100%}
    .sfEventDesc{max-height: inherit; box-shadow: none; background-color: #f8f8f8; border:1px solid #ccc}
}

@media only screen and (max-width: 700px) {
    .dashFrame{flex-direction:column}
    .dashFrame > div{min-width:100%; max-width:100% !important}
    .dashFrame > div:first-of-type{position:fixed; top:0px; left:0px; width:100%; max-width:100vw; height:100vh; z-index: 100; display:none}
    .eventsFrame{flex-direction:column}
    .eventsFrame > div{min-width:100%; max-width:100% !important}
    .reportRow{flex-direction: column}
    .reportRow > div{min-width:inherit !important; max-width: 100% !important; width:100% !important}
    .repThumb{width:100%; height: 200px}
    .membersPanesMenu .memicon{width:60px; height: 60px}
    
    .evDetailSplash{flex-direction:column}
    .evDetailSplash > div{max-width:100% !important; margin: 0}
    .evDetailPanel{flex-direction: column}
    .evDetailPanel > div{max-width:100% !important}
    .evDetailPanel > div:nth-of-type(1){order:2}
    .evDetailPanel > div:nth-of-type(2){order:1}
    
    .blogItemImg{width:100%; max-width:100%; height: 260px; position: relative; margin: 0 0 30px 0; float:npme}
    .blogItemImg img{object-fit: contain; object-position: center; width:100%; height: 100%}
}