/*
Purpose: a style sheet that overrides global theme styles.
*/

/*****************************************/
/***** Containers / Grid / DnD Areas *****/
/*****************************************/
html{
  height: 100%;
  scroll-behavior: smooth;
}
.body-wrapper{
  max-width: 1920px;
  margin: 0 auto;
}


/*****************************************/
/************** Typography ***************/
/*****************************************/



/*****************************************/
/*************** Buttons *****************/
/*****************************************/
.error-page .rb-btn{
  margin: 0 auto !important;
}


/*****************************************/
/**************** Forms ******************/
/*****************************************/



/*****************************************/
/**************** Tables *****************/
/*****************************************/


/*****************************************/
/**************** Header *****************/
/*****************************************/
header .header__container .header__navigation nav .hs-menu-wrapper > ul[role="menu"] > li.hs-item-has-children > ul > li > a:hover {
  color: var(--primary);
}

/* Adds hover styling for the header hat login button */
header .header__hat a{
  transition: 0.3s;
}
header .header__hat a:hover,
header .header__hat a:focus{
  color: var(--primary);
  text-decoration: none;
}
/* Turns off top-level menu item underlines */
.header .header-menu .hs-menu-wrapper > ul > li:after {
  display: none;
}

/* Turns off top-level nav item second level arrow indicators */
/* .header ul li .menu-indicator {
display: none;
} */

/* .header .header-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1:last-child:hover a,
.header .header-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1:last-child a:hover,
.header .header-menu .hs-menu-wrapper > ul > li.hs-menu-depth-1:last-child:focus-within,
.header .header-menu .hs-menu-wrapper > ul > li.active-branch:last-child > a{
color: var(--tertiary);
} */

.header .header-menu .hs-menu-wrapper > ul > li.active-branch > a{
  color: var(--primary);
}



/*****************************************/
/**************** Footer *****************/
/*****************************************/



/*****************************************/
/***************** Blog ******************/
/*****************************************/



/*****************************************/
/*************** Modules *****************/
/*****************************************/
.overlay{
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  width: 100%;
  height: 100%;
}
.number-bullet-single{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 10px 30px #00000029;
  display: grid;
  place-content: center;
  transition: 0.4s;
  color: #FFFFFF;
  background-color: #C6110A;
  margin-bottom: 15px;
}
.number-bullet-single span{
  color: inherit;
  font-size: 1.2rem;
  font-weight: 600;
}

.grey-callout{
  background-color:#F2F2F2;
  padding: 64px;
}
.rt-callout{
  background-color:#F2F2F2;
  padding: 64px;
  position: relative;
  border-top: 3px solid #C6110A;
  margin: 16px 0;
  overflow
}
.rt-callout:before{
  background-color: #F2F2F2;
  border-top: 3px solid #C6110A;
  content: '';
  height: calc(100% + 3px);
  width: 100vw;
  position: absolute;
  top: -3px;
  bottom: 0;  
  z-index: -1;
}
.rt-callout.left{
  padding-left: 0 !important;
  margin-right: 100px;
}
.rt-callout.right{
  padding-right: 0 !important;
  margin-left: 0px;
}
.rt-callout:before {
  background-color: #f2f2f2;
  border-top: 3px solid #c6110a;
  content: '';
  height: calc(100% + 3px);
  width: calc(50vw - 620px);
  position: absolute;
  top: -3px;
  bottom: 0;
  z-index: -1;
  left: 100%;
}

@media(max-width: 992px){
  .rt-callout.left{
    margin-right: 50px;
  }
}
@media(max-width: 1240px){
  .rt-callout.right {
    padding-right: 40px !important;
    margin-right: -20px;
  }
  .rt-callout:before {
    background-color: #f2f2f2;
    border-top: 3px solid #c6110a;
    content: '';
    height: calc(100% + 3px);
    width: calc(50vw - 620px);
    position: absolute;
    top: -3px;
    bottom: 0;
    z-index: -1;
    left: calc(100% - 40px);
  }
}
@media(max-width: 500px){
  .rt-callout{
    padding: 48px;
  }
  .rt-callout.left{
    margin-right: 0px;
  }
}