@import url("/resources/Theme/framework/foundation-tbmoa.css");
/* Removing Author, Date and Time in Blog Listing */
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 .date > span,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 .author > span,
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .date::after,
.author a.itemAuthor {
  display: none;
}

.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li{
  border-bottom: 1px solid #ededed;
padding-bottom: 10px;}

.boxInfoContainer h5{display: none;}
@media only screen and (max-width: 768px) {
  .mobile-logo img{max-width: 110px;height:auto;}
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .stickyMenu.active{background-color:#000000 !important;}
.WaGadgetLoginButton .loginContainer.authenticated.loginContainer.authenticated .loginLink{color:#ED1C24 !important}
@media only screen and (max-width: 414px){
.loginContainerInner{display:none;}
.loginContainer{display:none;}
.WaGadgetMobilePanel .mobilePanel{background-color:#3b4648 !important;}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel{background:#000000 !important;}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul{background-color:#000000 !important;}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a{color:#ED1C24 !important;}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a{color:#ED1C24 !important;}
}

/*Home Sponsors Temp*/
.sponsors-partners h2 {
  margin: 0px;
} 

/*/////////////////////////////////////////////////////*/
/*/////////////////// CUSTOM CSS //////////////////////*/
/*//////////////////////////////////////////////////////*/

/*******************************************************/
/* Typography
/*******************************************************/
p {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

svg,
path {
  fill: currentColor;
}

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.2;
  font-family: 'Raleway', sans-serif !important;
  font-weight:700;
}

h1,.h1
 {
  letter-spacing: -0.5px;
}

.h1,h1 > p {
  font-size: 4.8rem;
  line-height: 1.2;
}

.h2,h2 > p {
  font-size: 3.815rem;
  line-height: 1.2;
}

.h3,h3 > p {
  font-size: 3.6rem;
  line-height: 1.2;
}

.h4,h4 > p {
  font-size: 2.4rem;
  line-height: 1.2;
}

.h5,h5 > p {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.h6,h6 > p {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

button, input.typeButton, a, a.stylizedButton{
  font-weight:700 !important;
  text-decoration: none;
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4 {
    letter-spacing: -0.5px;
  }

  h5,
  .h5,
  h6,
  .h6 {
    letter-spacing: 0px;
  }
}
/*******************************************************/
/* Display Heading Styles */
/*******************************************************/

.display-1 {
  font-size: 5.4rem;
}
.display-2 {
  font-size: 4.5rem;
}
.display-3 {
  font-size: 3.2rem;
  letter-spacing: -1px;
}
.display-1,
.display-2 {
  font-weight: 300;
  line-height: 1.2;
}
/*Alternate Heading Styles*/

h2.sm {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0;
}
.italic {
  font-style: italic;
}

.tightmargins p,
p.tightmargins,
h1.tightmargins,
.tightmargins h1,
h2.tightmargins,
.tightmargins h2,
h3.tightmargins,
.tightmargins h3,
h4.tightmargins,
.tightmargins h4,
h5.tightmargins,
.tightmargins h5,
h6.tightmargins,
.tightmargins h6 {
  margin-bottom: 0px !important;
}
.container-marginbttm {
  margin-bottom: 6%;
}

/*Header Font Weights*/
.xbold,
h1.xbold,
h2.xbold,
h3.xbold,
h4.xbold,
h5.xbold,
h6.xbold,
body.xbold,
p.xbold {
  font-weight: 800;
}

.xlight,
h1.xlight,
h2.xlight,
h3.xlight,
h4.xlight,
h5.xlight,
h6.xlight,
body.xlight,
p.xlight {
  font-weight: 200;
}

.lightheader,
h1.lightheader,
h2.lightheader,
h3.lightheader,
h4.lightheader,
h5.lightheader,
h6.lightheader {
  font-weight: 200;
  letter-spacing: -0.5px;
}

.xlightheader,
h1.xlightheader,
h2.xlightheader,
h3.xlightheader,
h4.xlightheader,
h5.xlightheader,
h6.xlightheader {
  font-weight: 100;
  letter-spacing: -1px;
}

.underline-heading,
h1.underline-heading,
h2.underline-heading,
h3.underline-heading,
h4.underline-heading,
h5.underline-heading,
h6.underline-heading {
  border-bottom: 1px solid;
  width: fit-content;
}

/*******************************************************/
/* Additional Typography Styles */
/*******************************************************/
/*Paragraph Sizes*/
.xxl,
body.xxl,
p.xxl {
  font-size: 2em;
  line-height: 1.65em;
  /*  letter-spacing: -0.5px;
  padding: 1em 0;*/
}
.xl,
body.xl,
p.xl {
  font-size: 1.65em;
  line-height: 1.5em;
  /*  letter-spacing: -0.2px;*/
  padding-bottom: 0.5em !important;
}
.lg,
p.lg,
body.lg {
  font-size: 1.25em;
  line-height: 1.65em;
  /*  letter-spacing: -0.125px;
  padding: 1em 0;*/
}
.sm,
body.sm,
p.sm {
  font-size: 0.9em;
  line-height: 1.5em;
}
.xs,
body.xs,
p.xs {
  font-size: 0.8em;
  line-height: 1.5em;
}
.xxs,
body.xxs,
p.xxs {
  font-size: 0.6em;
  line-height: 1.5em;
}
/*Misc Styles*/
.text-allcaps {
  text-transform: uppercase;
}

.text-sentence-case {
  text-transform: capitalize;
}

.text-caption {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
/*Superscripts*/
.dollar {
  font-size: 50%;
  position: relative;
  top: -0.75em;
}

sup {
  font-size: 0.5em;
  text-transform: none;
  position: relative;
  top: -0.75em;
  vertical-align: baseline;
}
.badge {
  background-color:#9E0B0F;
  color: white;
  padding: 4px 12px;
  margin-left: 15px;
  text-align: center;
  border-radius: 100px;
  font-weight:600;

}
/*********************/
/*Format Lists*/
/*********************/

/*format number list spacing*/
ol li {
  padding-bottom: 10px;
}
ol li:last-child {
  padding-bottom: 0px;
}

ul.minimal-list {
  list-style: none;
  padding-left: 0px;
}
/*********************/
/*Elements on Dark or Color BG*/
/*********************/

.lite,
.lite h1,
h1.lite,
.lite h2,
h2.lite,
.lite h3,
h3.lite,
.lite h4,
h4.lite,
.lite h5,
h5.lite,
.lite h6,
h6.lite,
.lite p,
.lite ul li,
.lite ol li,
.lite p a,
.lite a,
.lite svg,
p.lite,
body.lite,
html .heading-light,
html .lnk-light,
html .text-color-light {
  color: #ffffff;
}
.lite p a:hover {
  color: #fff;
  text-decoration: underline;
}

html .heading-dark,
html .lnk-dark,
html .text-color-dark {
  color: #404040;
}

html .background-color-dark {
  background-color: #404040;
}
/*********************/
/*Breakline Spacing*/
/*********************/
.breakline::after {
  content: "\a";
  white-space: pre;
  word-wrap: break-word;
}

.breakline::before {
  content: "\a";
  white-space: pre;
  word-wrap: break-word;
}


/********************************/
/****Global Styles*********/
/*******************************/
.zonePlace.zoneWAbranding {
  display: none;
}
.WaGadgetSocialProfile li a.Twitter, .WaGadgetSocialProfile li a.Instagram{
  display:none;
} 
.container.fullwidth-bg{
max-width: 1230px; 
margin:0 auto;
}
  .section-content-container {
    padding: 0px 30px
  }
@media only screen and (min-width : 1px) and (max-width : 999px) {
.container.fullwidth-bg{
  padding: 30px 0px;
  height: auto;
  margin: 2em;
}
    .section-content-container {
      padding: 30px 0px
    }
}


/*Header Navigation*/
.header-section-section-feature {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: center;
  -webkit-flex: 1 0 50%;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
/*Header logo styling*/
.header-section-section-feature .header {
  margin: auto 1em;
}

@media only screen and (min-width: 1000px) {
.header-section-section-feature img.tbmoa-logo {
  width: 7vw;
}
.header-section-section-feature .logo-text.header.lite{
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size:36px;
  line-height: 1em;
  max-width: 600px;
  }
}
@media only screen and (min-width : 1px) and (max-width : 999px) {
  .header-section-section-feature img.tbmoa-logo {
  width: 20vw;
}
.header-section-section-feature .logo-text.header.lite{
font-family: 'Raleway', sans-serif;
font-size:24px;
  font-weight: 800;
  line-height: 1em;
  }
}
.WaGadgetLoginButton {
  display: flex;
  justify-content: end;
  margin: 12% 0;
}
.WaGadgetLoginButton .loginContainer.loginContainer .loginLink{
   background-color:#9E0B0F;
}
.WaGadgetLoginButton .loginContainer.loginContainer .loginLink:hover{
     background-color:#ED1C24;
}
@media only screen and (min-width : 1px) and (max-width : 999px) {
.header-section-section-feature {
align-items: flex-start;
}

.WaGadgetLoginButton {
  justify-content: end;
  margin: 0;
}
}

.card-body.header {/*to delete*/
  padding: 0;
  margin: 20px 0px;
}

.class_header .WaGadgetHeadline{
margin: 30px auto;
}
@media (min-width: 1024px){
.class_header .WaGadgetHeadline{
margin: 90px auto 30px;
}
}

/********************************/
/*Application Widget*/
/********************************/
.WaGadgetMembershipApplication #idMembershipLevelRadioGroupContainer .fieldLabel{
    width:20%;
    text-align:left;
}
.WaGadgetMembershipApplication #idMembershipLevelRadioGroupContainer .fieldBody{
    width:80%;
}

.WaGadgetMembershipApplication #idMembershipLevelRadioGroupContainer .groupBodyVertical .fieldItem .label .textLine .labelTitle{
    color:#9E0B0F;
}
.WaGadgetMembershipApplication #idMembershipLevelRadioGroupContainer .groupBodyVertical .fieldItem:not(first-child) {
  margin-bottom: 25px;
}
.WaGadgetMembershipApplication #idMembershipLevelRadioGroupContainer .groupBodyVertical .fieldItem .label .textLine.extraInfo.typeInstruction {
  margin-top: 10px;
}
.WaGadgetMembershipApplication #idMembershipLevelRadioGroupContainer .groupBodyVertical .fieldItem .label .typeInstruction {
  padding-top: 0px;
}
/*buttons*/
.WaGadgetMembershipApplication .navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .WaGadgetMembershipApplication .navigationOuterContainer input[type="submit"]
{
    background: #9E0B0F;
    font-weight:700;
}
/********************************/
/*Footer*/
/********************************/
@media only screen and (min-width: 40em) {
.tbmoa-site-footer .cell{padding-right:30px}
}
ul.social-links, ul.contact-details {
  list-style-type: none;
  padding-left:0px;
  margin-bottom: 36px;
}

ul.social-links li.label,
ul.contact-details li{
  padding: 10px 0px;
}

ul.social-links li.label{
  font-weight:600;
  text-transform:uppercase;
}

li.linkedin .icon-linkedin {
  width: 24px;
  height:24px;
  mask: url('/resources/Pictures/site-icons/brands-squircle-linkedin-white.svg') no-repeat;
  background-color:#ffffff;
}

.card-contact .email div.icon-email{  color: #9E0B0F;}

li.address, li.email, span.email {
  display: flex;
}

li.address a, li.email a{
  color:#fff !important;
  }

li.email .icon-email, .email .icon-email {
  width: 24px;
  height:24px;
  mask: url('/resources/Pictures/site-icons/tbmoa-toronto-building-managers-operators-association-contact-iconsolid-email.svg') no-repeat;
  padding-right: 10px;
  background-color:currentColor;
}

li.address .icon-address {
  width: 24px;
  height:24px;
  mask: url('/resources/Pictures/site-icons/tbmoa-toronto-building-managers-operators-association-contact-iconsolid-address.svg') no-repeat;
  padding-right: 10px;
  background-color:currentColor;
}
/********************************/
/****Hero Headers*********/
/********************************/
.zonePlace.zoneHeader1 .WaPlaceHolder.class_header.page_hero {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
.zonePlace.zoneHeader1 .WaPlaceHolder.class_header.page_hero {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
@media only screen and (min-width : 1px) and (max-width : 999px) {
.zonePlace.zoneHeader1 .WaPlaceHolder.class_header.page_hero {
  min-height: 1px !important;
  background-position: center;

}
}
/****Home Page*********/

#PAGEID_18106 .WaPlaceHolder.class_header,
#PAGEID_17996 .WaPlaceHolder.class_header {
  background-image: url('https://tbmoa.org/resources/Pictures/general-pages/tbmoa-toronto-building-managers-operators-association-home-hero.jpg') !important;
} 
/****Sponsorship Page*********/

#PAGEID_18181 .WaPlaceHolder.class_header {
  background-image: url('https://tbmoa.org/resources/Pictures/general-pages/tbmoa-toronto-building-managers-operators-association-home-hero.jpg') !important;
} 
/****About Page*********/
#PAGEID_18159 .WaPlaceHolder.class_header {
  background-image: url('https://tbmoa.org/resources/Pictures/general-pages/tbmoa-toronto-building-managers-operators-association-about-hero-leadership.jpg') !important;
      background-position: center !important;
} 
/****Membership Page*********/
#PAGEID_18174 .WaPlaceHolder.class_header {
  background-image: url('https://tbmoa.org/resources/Pictures/general-pages/tbmoa-toronto-building-managers-operators-association-membership-join-hero.jpg') !important;
}  
/****Membership Apply Join Page*********/
#PAGEID_18178 .WaPlaceHolder.class_header {
  background-image: url('https://tbmoa.org/resources/Pictures/general-pages/tbmoa-toronto-building-managers-operators-association-membership-join-hero.jpg') !important;
}

/*Blog News, Blog Article Page*/
#PAGEID_18129 .zonePlace.zoneHeader1 .WaPlaceHolder.class_header.page_hero,
#PAGEID_18010 .zonePlace.zoneHeader1 .WaPlaceHolder.class_header.page_hero {
  background-image: url('/resources/Pictures/general-pages/tbmoa-toronto-building-managers-operators-association-blog-hero-industry-news.jpg'); 
}

/*Events Page*/
#PAGEID_18126 .zonePlace.zoneHeader1 .WaPlaceHolder.class_header.page_hero, #PAGEID_18171 .zonePlace.zoneHeader1 .WaPlaceHolder.class_header.page_hero,
#PAGEID_18008 .zonePlace.zoneHeader1 .WaPlaceHolder.class_header.page_hero{
  background-image: url('/resources/Pictures/general-pages/tbmoa-toronto-building-managers-operators-association-events-hero.jpg');
}
/********************************/
/****Events Page*********/
/*******************************/
.WaGadgetEvents h3.sectionTitle,
.WaGadgetEventsStateDetails .registrationInfoContainer h4.infoTitle{
  color: #9E0B0F !important;
}
.WaGadgetEvents .boxInfoContainer ul.boxInfo li > label.eventInfoBoxLabel{
  text-align:left;
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight{
  max-height:fit-content; /*adjust height*/
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer{
  border-bottom: 1px solid #cecece;
  padding-bottom:60px;
}
@media screen and (min-width: 1000px) {
.WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left {
    width: 25%; /*adjust left col of past events*/
padding-bottom: 1em;
}
}
/********************************/
/****Events – Registration page*********/
/*******************************/
/* */
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton{
  background-color:#9E0B0F !important;
  font-weight:700 !important;
    font-family: 'Raleway', sans-serif !important; /*buttons*/
    padding: 8px 96px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover{
  background: #ED1C24 !important;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer ul.registrationInfo li::before {
  content:'' !important;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer ul.registrationInfo{
  padding-left:0px !important;
}
/*Sponsors page*/
#PAGEID_18168 .zonePlace.zoneHeader1 .WaPlaceHolder.class_header.page_hero {
background-image: url('/resources/Pictures/general-pages/tbmoa-toronto-building-managers-operators-association-sponsors-hero.jpg');
}
/********************************/
/****Cards Styling Format*********/
/****About Page, Sponsorship Page*********/
/*******************************/
.card-director-container {
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 0;
  border-radius: 0;
  width:100%
}
  .leadership-section-header h2 {
    text-align: center;
    padding-bottom: 0.9375rem;

  }
.card-director-container .card-director-image .director-image {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;

}

.card-director-container .card-director-bio {
  padding: 1rem 0;
  text-align: left;
  width: 100%;
  margin: auto;
}

.card-director-container .card-director-bio .name {
  margin-bottom: 5px;
  color: #9E0B0F;
  font-size:1.2rem;
}
.card-director-container .card-director-bio .role,
.card-director-container .card-director-bio .year {
  margin: 0;
}
.card-director-container .card-director-bio .role-icon,
.card-director-container .card-director-bio .role-text {
  display: inline-block;
  padding: 0 0.3125rem;
}

.card-director-container .card-director-social {
  padding: 1rem;
  text-align: center;
}

.card-director-container .card-director-social ul {
  display: inline-block;
}

.card-director-container .card-director-social ul li {
  margin: 0 10px;
  font-size: 1.2em;
  cursor: pointer;
}

.card-director-container .card-director-social ul li:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.card-director-container .card-director-button {
  text-align: center;
  padding: 1rem;
}

/********************************/
/****Blog Posts Gallery*********/
/*******************************/

.blog-news.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a{
  white-space: wrap !important;
  text-decoration: none !important;
}

.blogPostBody.gadgetBlogEditableArea {
  padding: 15px 0px 30px;
}

.blog-news .media-object-section:first-child{
  padding-right:0px;
}

.blog-news .img-fluid.blog-img {
  padding: 0.5em 0;
}
.blog-news..WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:hover{
  color: #9E0B0F;
}
.blog-news.WaGadgetBlogStateList ul.boxesList li.boxesListItem {
  margin: 30px auto;
  border-bottom: 1px solid #cecece;
}
.blog-news.WaGadgetBlogStateList ul.boxesList li.boxesListItem:last-child {
  border-bottom: none;
}

.blog-news .blogPostBody .media-object-section .thumbnail {
  border: 0px;
  box-shadow:none;
}
.upcoming-events a.footerEventDetailsLink {   display: none !Important; }


/********************************/
/****Appliction Forms*********/
/*******************************/
.WaGadgetMembershipApplication .captionOuterContainer .captionContainer .fieldBody h4{
  color: #9E0B0F;
}