/**
 * @file
 * Subtheme specific CSS.
 */
body {
  font-family: "OpenSans", "Open Sans", "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 87.5%;
}

.node h2.node__title,
.-TrashHand,
.navbar-brand {
  font-family: 'TrashHand';
  font-style: normal;
  font-weight: 500;
}

h1.title {
  margin: 0;
  text-align: center;
  font-family: TrashHand;
  font-size: 600%;
  font-weight: normal;
  line-height: 1;
}

.view .node > header > h2.node__title {
  font-size: 400%;
  line-height: 1;
  margin: 0;
  font-weight: 400;
}

body img {
  max-width: 99%;
  height: auto;
}

a.navbar-brand, a.navbar-brand:hover, a.navbar-brand:focus {
  color: #000;
  border-bottom: 1px solid #ccc;
  margin-right: 0;
}

svg.ext,
svg.mailto {
  padding: 0 .1em .2em;
  margin-right: -.2em;
}

/*****
 ***** Footer
 *****/
.site-footer {
  border-top: 1px solid #ccc;
  margin-top: 1rem;
}

.site-footer .content {
  color: var(--bs-body-color);
  font-size: 95%;
}

.site-footer .content a {
  color: #1c6677;
}

/*****
 ***** Messages
 *****/
 .messages {
  position:relative;
  padding:var(--gin-spacing-m);
  border:2px solid transparent;
  border-radius:var(--gin-border-l);
  transition:opacity var(--gin-transition-fast);
  opacity:1;
}
.gin--dark-mode .messages {
  box-shadow:0 6px 16px var(--gin-border-color-layer);
}
.messages,
.messages-list {
  margin-top:0;
}
.messages-list {
  margin-bottom:0;
}
.messages a,
.messages a:hover,
.messages a:active {
  color:#fff;
}
.messages__title {
  font-weight:var(--gin-font-weight-bold);
}
[dir="ltr"] .messages__title,
[dir="ltr"] .messages__content {
  margin-left:2.125rem;
}
[dir="rtl"] .messages__title,
[dir="rtl"] .messages__content {
  margin-right:2.125rem;
}
.messages .messages__header {
  position:relative;
  background-image:none;
  margin-bottom:var(--gin-spacing-xs);
}
[dir="ltr"] .messages .messages__header {
  margin-right:1.5em;
}
[dir="rtl"] .messages .messages__header {
  margin-left:1.5em;
}
.messages .messages__header:before {
  content:"";
  display:block;
  position:absolute;
  top:2px;
  width:1.5rem;
  height:1.5rem;
}
[dir="ltr"] .messages .messages__header:before {
  left:0;
}
[dir="rtl"] .messages .messages__header:before {
  right:0;
}
@media (forced-colors:active) {
  .messages .messages__header:before {
    background-color:linktext !important;
  }
}
.messages .button--dismiss {
  position:absolute;
  top:0;
  margin:var(--gin-spacing-s);
  padding:0;
  height:29px;
  width:29px;
  color:transparent;
  text-indent:-99999px;
  border-radius:var(--gin-border-m);
  border-color:transparent !important;
  transition:var(--gin-transition);
  box-shadow:none;
}
[dir="ltr"] .messages .button--dismiss {
  right:0;
}
[dir="rtl"] .messages .button--dismiss {
  left:0;
}
.messages .button--dismiss:hover:not(:focus) {
  color:transparent;
  background-color:transparent;
  border-color:#fff !important;
}
.messages .button--dismiss:focus .icon-close,
.messages .button--dismiss:hover:focus .icon-close {
  background-color:var(--gin-bg-app);
}
.messages .button--dismiss .icon-close {
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  -webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#close-view);
  mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#close-view);
  -webkit-mask-size:16px 16px;
  mask-size:16px 16px;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background-color:#fff;
}
[dir="ltr"] .messages .button--dismiss .icon-close {
  left:0;
}
[dir="rtl"] .messages .button--dismiss .icon-close {
  right:0;
}
@media (forced-colors:active) {
  .messages .button--dismiss .icon-close {
    background-color:buttonBorder;
  }
}
.messages--webform .button--dismiss {
  display:none;
}
.messages.messages--info {
  color:var(--gin-color-info-light);
  background:var(--gin-bg-info);
  border-color:var(--gin-bg-info);
}
.messages.messages--info .messages__header {
  background:none;
}
.messages.messages--info .messages__header:before {
  background-color:var(--gin-color-info-light);
  -webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#info-view);
  mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#info-view);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center left;
  mask-position:center left;
}
.messages.messages--info .button--dismiss .icon-close:link {
  background-color:var(--gin-color-info-light);
}
.messages.messages--status {
  color:var(--gin-color-green-light);
  background:var(--gin-bg-green);
}
.messages.messages--status .messages__header:before {
  background-color:var(--gin-color-green-light);
  -webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#status-view);
  mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#status-view);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center left;
  mask-position:center left;
}
.messages.messages--status .button--dismiss .icon-close:link {
  background-color:var(--gin-color-green-light);
}
.messages.messages--warning {
  color:var(--gin-color-warning-light);
  background:var(--gin-bg-warning);
}
.messages.messages--warning .messages__header:before {
  background-color:var(--gin-color-warning-light);
  -webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#warning-view);
  mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#warning-view);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center left;
  mask-position:center left;
}
.messages.messages--warning .button--dismiss .icon-close:link {
  background-color:var(--gin-color-warning-light);
}
.messages--error {
  color:var(--gin-color-danger-light);
  background:var(--gin-bg-danger);
}
.messages--error .messages__header:before {
  background-color:var(--gin-color-danger-light);
  -webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#error-view);
  mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#error-view);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center left;
  mask-position:center left;
}
.messages--error .button--dismiss .icon-close:link {
  background-color:var(--gin-color-danger-light);
}

 .messages--webform .button--dismiss {
  display:none;
}
.messages.messages--info {
  color:var(--gin-color-info-light);
  background:var(--gin-bg-info);
  border-color:var(--gin-bg-info);
}
.messages.messages--info .messages__header {
  background:none;
}
.messages.messages--info .messages__header:before {
  background-color:var(--gin-color-info-light);
  -webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#info-view);
  mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#info-view);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center left;
  mask-position:center left;
}
.messages.messages--info .button--dismiss .icon-close:link {
  background-color:var(--gin-color-info-light);
}
.messages.messages--status {
  color:var(--gin-color-green-light);
  background:var(--gin-bg-green);
}
.messages.messages--status .messages__header:before {
  background-color:var(--gin-color-green-light);
  -webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#status-view);
  mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#status-view);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center left;
  mask-position:center left;
}
.messages.messages--status .button--dismiss .icon-close:link {
  background-color:var(--gin-color-green-light);
}
.messages.messages--warning {
  color:var(--gin-color-warning-light);
  background:var(--gin-bg-warning);
}
.messages.messages--warning .messages__header:before {
  background-color:var(--gin-color-warning-light);
  -webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#warning-view);
  mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#warning-view);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center left;
  mask-position:center left;
}
.messages.messages--warning .button--dismiss .icon-close:link {
  background-color:var(--gin-color-warning-light);
}
.messages--error {
  color:var(--gin-color-danger-light);
  background:var(--gin-bg-danger);
}
.messages--error .messages__header:before {
  background-color:var(--gin-color-danger-light);
  -webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#error-view);
  mask-image:url(/themes/contrib/gin/dist/media/sprite.svg#error-view);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center left;
  mask-position:center left;
}
.messages--error .button--dismiss .icon-close:link {
  background-color:var(--gin-color-danger-light);
}

/* xs */
@media all and (max-width: 576px) {
  .navbar-brand {
    font-size: 400%;
    text-align: center;
    line-height: 1;
    display: block;
    margin-right: none;
  }

  .navbar-brand::before {
    display: inline-block;
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(/themes/custom/teenbubbler_barrio/css/images/bubble5.png);
    background-size: contain;
    background-position: center;
  }

  .navbar-brand::after {
    display: inline-block;
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(/themes/custom/teenbubbler_barrio/css/images/bubble6.png);
    background-size: contain;
    background-position: center;
  }
}

/* sm */
@media all and (min-width: 576px) {
  .navbar-brand {
    font-size: 400%;
    text-align: center;
    line-height: 1;
    display: block;
  }

  .navbar-brand::before {
    display: inline-block;
    content: "";
    width: 120px;
    height: 22px;
    background-image: url(/themes/custom/teenbubbler_barrio/css/images/header-left.png);
    background-size: contain;
    background-position: center;
  }

  .navbar-brand::after {
    display: inline-block;
    content: "";
    width: 120px;
    height: 22px;
    background-image: url(/themes/custom/teenbubbler_barrio/css/images/header-right.png);
    background-size: contain;
    background-position: center;
  }
}

/* md */
@media all and (min-width: 768px) {
  .navbar-brand {
    font-size: 550%;
  }

  .navbar-brand::before {
    width: 170px;
    height: 30px;
  }

  .navbar-brand::after {
    width: 170px;
    height: 30px;
  }
}

/* l */
@media all and (min-width: 992px) {
  .navbar-brand {
    font-size: 700%;
  }

  .navbar-brand::before {
    width: 200px;
    height: 36px;
  }

  .navbar-brand::after {
    width: 200px;
    height: 36px;
  }
}

/* xl */
@media all and (min-width: 1200px) {
  .navbar-brand {
    font-size: 800%;
  }

  .navbar-brand::before {
    width: 300px;
    height: 53px;
  }

  .navbar-brand::after {
    width: 300px;
    height: 53px;
  }
}

/* xxl */
@media all and (min-width: 1400px) {

}