/* IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');
@import url('https://cdn.jsdelivr.net/npm/glider-js@1/glider.min.css');

/* BODY */
html,body{
  background-color: #ececec;
  scroll-behavior: smooth;
}

/* BACKGROUNDS */

.bg-fixed{
  background-attachment: fixed !important;
}

.bg-cover{
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* FONTS */
.font-color{
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* LIST */
.list-columns-1{
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
}

.list-columns-2{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.list-columns-3{
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

/* STROKE */
.text-stroke-1{
  -webkit-text-stroke: 1px black;
}

.text-stroke-2{
  -webkit-text-stroke: 2px black;
}

.text-stroke-3{
  -webkit-text-stroke: 3px black;
}


/* HERO */
#img-hero{
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(102, 14, 12, 0) 100%), url("../images/bg-hero.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}


/* MAPS */
#map-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}

#map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/* ACCORDION */
        /* Tab content - closed */
        .tab-content {
          max-height: 0;
          -webkit-transition: max-height .35s;
          -o-transition: max-height .35s;
          transition: max-height .35s;
          }
          /* :checked - resize to full height */
          .tab input:checked ~ .tab-content {
          max-height: 100vh;
          }
          /* Label formatting when open */
          .tab input:checked + label{
          /*@apply text-xl p-5 border-l-2 border-indigo-500 bg-gray-100 text-indigo*/
          font-size: 1.25rem; /*.text-xl*/
          padding: 1.25rem; /*.p-5*/
          border-left-width: 2px; /*.border-l-2*/
          border-color: #10b981; /*.border-indigo*/
          background-color: #f8fafc; /*.bg-gray-100 */
          color: #10b981; /*.text-indigo*/
          }
          /* Icon */
          .tab label::after {
          float:right;
          right: 0;
          top: 0;
          display: block;
          width: 1.5em;
          height: 1.5em;
          line-height: 1.5;
          font-size: 1.25rem;
          text-align: center;
          -webkit-transition: all .35s;
          -o-transition: all .35s;
          transition: all .35s;
          }
          /* Icon formatting - closed */
          .tab input[type=checkbox] + label::after {
          content: "+";
          font-weight:bold; /*.font-bold*/
          border-width: 1px; /*.border*/
          border-radius: 9999px; /*.rounded-full */
          border-color: #b8c2cc; /*.border-grey*/
          }
          .tab input[type=radio] + label::after {
          content: "\25BE";
          font-weight:bold; /*.font-bold*/
          border-width: 1px; /*.border*/
          border-radius: 9999px; /*.rounded-full */
          border-color: #b8c2cc; /*.border-grey*/
          }
          /* Icon formatting - open */
          .tab input[type=checkbox]:checked + label::after {
          transform: rotate(315deg);
          background-color: #10b981; /*.bg-indigo*/
          color: #f8fafc; /*.text-grey-lightest*/
          }
          .tab input[type=radio]:checked + label::after {
          transform: rotateX(180deg);
          background-color: #10b981; /*.bg-indigo*/
          color: #f8fafc; /*.text-grey-lightest*/
          }


/* MOBIEL */
@media only screen and (max-width: 600px) {
  .list-columns-3, .list-columns-2{
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}