/* page-footer across site main pages */
.dark-mode #page-footer{
  border-top:1px solid var(--foreground);
}
/*system mode, dark mode styles*/
@media (prefers-color-scheme: dark) {
	.system-mode #page-footer{
    border-top:1px solid var(--foreground);
  }
}
#page-footer{
  margin-top:0;
}
.bottom-banner{
  z-index:100;
  position:fixed;
  bottom:0;
  width:100%;
  padding:20px;
  background-color: var(--background);
  border-top: 5px solid var(--accent-gold);
  overflow-y:hidden;
  transition:opacity .65s, bottom .25s;
}
.bottom-banner.stick{
  position:relative;
}
.bottom-banner.minimize{
  /* position:fixed; */
  pointer-events:none;
  opacity:0;
}
.cookie-icon{
  width:40px;
  height:40px;
  margin-right:20px;
}
.bottom-banner .banner-header{
  margin-bottom:10px;
}
.banner-header .x-icon{
  margin-left:20px;
  width:20px;
  height:20px;
}
.site-banner p{
  font-size:13px;
}
.site-banner .button-container{
  margin-left:20px;
}

#true-footer{
  position:relative;
  background-color:var(--dark);
  color:var(--light);
  padding: 50px 20px;
  font-size:13px;
  z-index:101;
}
#footer-left-col{
  margin-right:20px;
}
#footer-image{
  background-image: url("../../img/ghm-official-dark-logo-horizontal-transparent-cropped.png");
  height: 50px;
  width: 130px;
  margin-bottom:30px;
}
#footer-info-container{

}
.footer-info-col{
  margin-right:20px;
  min-width: 200px;
}
.footer-info-col:last-child{
  margin-right:0px;
}

.footer-col-section{
  margin-top:20px;
}
.footer-col-section:first-child{
  margin-top:0px;
}
.footer-info-col h5{
  margin:20px 0 15px 0;
}
.footer-info-col h5:first-child{
  margin-top:0px;
}
.footer-link-container{
  margin-bottom: 10px;
}
.footer-link-container:last-child{
  margin-bottom:0px;
}
#footer-socials-container{
  padding-left: 4px;
}
.footer-social{
  margin-right:10px;
}
.footer-social:last-child{
  margin-right:0;
}

#footer-bottom{
  margin-top: 60px;
}
.footer-badge{
  margin-right:20px;
}
.footer-badge:last-child{
  margin-right:0px;
}
.clean-creatives-img{
  background-image:url("../../img/clean-creatives-offwhite-transparent-badge.png");
  width:80px;
  height:80px;
}

/* website carbon changes */
#wcb.carbonbadge{
  color:inherit!important;
}
#wcb #wcb_2, #wcb #wcb_a, #wcb #wcb_g{
  font-family:inherit!important;
  font-size:13px!important;
}
#wcb #wcb_g{
  background-color:transparent!important;
  /* border-color:#ffcc00!important; */
  border-color:var(--light)!important;
  border-radius:8px 0 0 8px!important;
  padding:9px 20px!important;
}
#wcb.wcb-d #wcb_a{
  /* background-color:#ffcc00!important; */
  background-color:var(--light)!important;
  /* border-color:#ffcc00!important; */
  border-color:var(--light)!important;
  /* border-color:var(--b2)!important; */
  border-radius:0 8px 8px 0!important;
  color:var(--dark)!important;
  padding:9px 20px!important;
}
/*  */


/* responsive styles */
@media only screen and (max-width: 890px){
  .banner-icon{
    display:none;
  }

  #footer-top{
    flex-wrap:wrap;
  }
  #footer-left-col{
    display:flex;
    margin-right:0;
  }
  #footer-image{
    flex:auto;
    width:100%;
    background-position:left;
  }

}

@media only screen and (max-width: 725px){
  .banner-header{
    display:none;
  }
}
@media only screen and (max-width: 660px){
  .banner-info{
    flex-wrap:Wrap;
  }
  .banner-info .button-container{
    margin-top:20px;
    margin-left:0;
  }
  #footer-info-container{
    /* display:flex; */
    flex:auto;
    width:100%;
  }
  .footer-info-col{
    min-width:0;
    flex:auto;
    width:100%;
  }
}

@media only screen and (max-width:540px){
  #true-footer .max-width-section{
    flex-wrap:wrap;
    justify-content: center;
  }
  #footer-info-container{
    order:2;
    margin-top:20px;
    margin-bottom:30px;
    padding-right:0;
    text-align:center;
  }
}
@media only screen and (max-width:400px){
  #footer-left-col{
    /* display:block; */
    flex-wrap: wrap;
    justify-content: center;
    /* align-items: center; */
  }
  #footer-image{
    background-position:center;
  }
  #footer-info-container{
    flex-wrap:wrap;
    margin-top:40px;
  }
  /* .footer-info-col{ */
  .footer-col-section{
    display: flex;
    flex-wrap: wrap;
    margin-right:0;
    margin-bottom: 20px;
    align-items: baseline;
  }
  .footer-info-col:last-child{
    margin-bottom:0;
  }
  /* .footer-info-col > *{ */
  .footer-col-section > *{
    margin-right:12px;
    margin-bottom:0;
  }
  .footer-info-col h5{
    /* margin-bottom:5px; */
    margin-bottom:0;
    margin-right:12px;
  }
  #footer-bottom{
    margin-top:40px;
  }
}