/*
 * Please place your own CSS code to this file
 *
 */



@media (max-width: 767px) {
   .site-branding img.logo {
      width: 52px;
      height: auto;
   }
}

@media (min-width: 769px) {
   .site-branding img.logo {
      width: 100px;
      height: auto;
   }
}

@media (max-width: 991px) {
   .navbar-brand div.d-lg-none {
      align-self: center;
   }
}

.navbar-brand .hamburger {
   margin: 0 1rem;
}

div.tbr {
   font-weight: 700;
}

@media (max-width: 768px) {
   .services .views-row {
      margin-bottom: 20px;
   }
}

@media (min-width: 769px) {
   .services .views-row {
      margin-bottom: 20px;
   }
}

@media (min-width: 992px) {

   #block-sandbox-join,
   #block-sandbox-copyright {
      flex: 0 0 auto;
      width: 49%;
      display: inline-flex;
   }

   #block-sandbox-socialmedialinks {
      flex: 0 0 auto;
      width: 49%;
      display: inline-flex;
      margin-top: -10px;
   }

   #block-sandbox-languagedropdownswitcher,
   #block-sandbox-formulariodebusqueda {
      flex: 0 0 auto;
      width: 25%;
      display: inline-flex;
   }
}

#block-sandbox-copyright {
   margin-top: 40px;
}

/* .region-footer {
   display: flex;
   flex-wrap: wrap;
} */
#block-sandbox-join {
   margin-bottom: 40px;
}

#block-sandbox-languagedropdownswitcher,
#block-sandbox-formulariodebusqueda {
   margin-bottom: 20px;
}


/* CSS */
.play-button {
   --size: 200px;
   --bg: #111;
   --bg-hover: #000;
   --triangle-color: #ffffff;
   --shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
   width: var(--size);
   height: var(--size);
   padding: 0;
   border: none;
   border-radius: 50%;
   background: #111;
   box-shadow: var(--shadow);
   display: inline-block;
   position: relative;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
   outline: none;
}

/* center and crispness for the triangle pseudo-element */
.play-button::after {
   content: "";
   position: absolute;
   left: 50%;
   top: 50%;
   /* triangle built with borders; size scales with --size */
   width: 0;
   height: 0;
   border-top: calc(var(--size) * 0.12) solid transparent;
   border-bottom: calc(var(--size) * 0.12) solid transparent;
   border-left: calc(var(--size) * 0.18) solid var(--triangle-color);
   /* nudge triangle left a bit so it looks visually centered inside a circle */
   transform: translate(-35%, -50%);
   will-change: transform;
   pointer-events: none;
}

/* hover / active states */
.play-button:hover {
   transform: translateY(-3px) scale(1.02);
   filter: brightness(1.02);
   box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
}

.play-button:active {
   transform: translateY(0) scale(0.98);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.22);
}

/* keyboard focus (accessible) */
.play-button:focus {
   box-shadow: 0 0 0 4px rgba(94, 94, 94, 0.18), var(--shadow);
}

/* @font-face {
   font-family: 'GeneralSans';
   src: url('../fonts/generalsans/GeneralSans-Regular.woff2') format('woff2'),
      url('../fonts/generalsans/GeneralSans-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'GeneralSansMedium';
   src: url('../fonts/generalsans/GeneralSans-Medium.woff2') format('woff2'),
      url('../fonts/generalsans/GeneralSans-Medium.woff') format('woff');
   font-weight: normal;
   font-style: normal;
} */

/* h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,h6 {
   font-family: 'GeneralSansMedium', Arial, Helvetica, sans-serif;
   letter-spacing: 0.025em;
} */
/* :root,
[data-bs-theme=light] {
  --bs-font-sans-serif: "GeneralSans", sans-serif;
} */



h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
h6 {
   font-family: "Public Sans", Arial, Helvetica, sans-serif;
   /* letter-spacing: 0.025em; */
   font-optical-sizing: auto;
   font-weight: 500;
   font-style: normal;
}

#block-sandbox-join .h2 {
   font-weight: 600;
}

#block-sandbox-servicesaidetailsummary h3,
#block-sandbox-servicesaidetailsummary .h3,
.card-body h3 {
   font-weight: 700;
}

a.navbar-brand {
   color: #111;
   font-size: 21px;
   font-family: "Public Sans", Arial, Helvetica, sans-serif;
   font-weight: 700;
   font-optical-sizing: auto;
   font-style: normal;
}

.navbar-light .nav-link {
   color: rgba(0, 0, 0, 0.65);
}

a.nav-link-search {
   color: rgba(0, 0, 0, 0.65);
}

.paragraph .card-body {
   & a {
      color: #1e2228;
   }
}

.lang-dropdown-select-element {
   color: #666;
}

.item .post-category a {
   color: #131313;
}

.services .card-body .badge.text-red {
   color: #922028 !important;
}

.services .card-body .badge.text-fuchsia {
   color: #B91D7B !important;
}

.services .card-body .badge.text-orange {
   color: #C7270A !important;
}

#block-sandbox-services .display-4,
#block-sandbox-servicesai .display-4,
#block-sandbox-servicescreativecoding .display-4,
#block-sandbox-calltoactionservices .display-4 {
   font-weight: bold !important;
   font-size: 32px;
}

figcaption,
.field--name-node-read-time {
   margin-bottom: 20px;
}

.field--name-field-video-youtube .field--label {
   margin-top: 20px;
}

.field--name-field-video-youtube .field--item {
   margin: 10px 0 30px 0;
}

.user-logged-in .nav-tabs .nav-link {
   padding: 0.6rem;
}

@media (min-width: 500px) {
   .node--type-timeline .field--type-image img {
      margin-right: 16px;
   }
}

#womenwhocode .img-dark {
   display: inline-flex;
}
#womenwhocode .img-white {
   display: none;
}
@media (max-width: 767px) {
   h1[data-group=page-title] {
      padding-top: 24px;
   }
}
@media (max-width: 767px) {
    .navbar-expand-lg .navbar-brand {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }
    h2.block-title {
      margin-top: 24px;
    }
}