/* fontes */

@font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-Regular.woff2");
    font-weight:400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-Italic.woff2");
    font-weight:400;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-Medium.woff2");
    font-weight:500;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-MediumItalic.woff2");
    font-weight:500;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-SemiBold.woff2");
    font-weight:600;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-SemiBoldItalic.woff2");
    font-weight:600;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-Bold.woff2");
    font-weight:700;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-BoldItalic.woff2");
    font-weight:700;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-ExtraBold.woff2");
    font-weight:800;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-ExtraBoldItalic.woff2");
    font-weight:800;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-Black.woff2");
    font-weight:900;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Cooper';
    src: url("../fontes/Cooper-BlackItalic.woff2");
    font-weight:900;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'Atkinson';
    src: url("../fontes/Atkinson-Hyperlegible-Regular-102.woff"),
    url("../fontes/Atkinson-Hyperlegible-Regular-102a.woff2");
    font-weight:400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Atkinson';
    src: url("../fontes/Atkinson-Hyperlegible-Italic-102a.woff2");
    font-weight:400;
    font-style: italic;
  }
  
    @font-face {
    font-family: 'Atkinson';
    src: url("../fontes/Atkinson-Hyperlegible-Bold-102a.woff2");
    font-weight:700;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Atkinson';
    src: url("../fontes/Atkinson-Hyperlegible-BoldItalic-102a.woff2");
    font-weight:700;
    font-style: italic;
  }
  
:root {
  --bulma-primary-h: 336deg;
  --bulma-primary-s: 78%;
  --bulma-primary-l: 43%;
  --bulma-link-h: 256deg;
  --bulma-link-s: 76%;
  --bulma-link-l: 35%;
  --bulma-info-h: 210deg;
  --bulma-info-l: 68%;
  --bulma-success-h: 82deg;
  --bulma-success-s: 77%;
  --bulma-success-l: 64%;
  --bulma-warning-h: 47deg;
  --bulma-warning-l: 55%;
  --bulma-danger-h: 9deg;
  --bulma-danger-l: 64%;
  --bulma-family-primary: 'Atkinson',Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
  --bulma-family-secondary: 'Cooper',Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
  --bulma-size-normal: 1.15rem;
  --bulma-size-medium: 1.35rem;
  --bulma-size-large: 1.65rem;
  --bulma-radius: 0;
  --bulma-body-family: 'Atkinson',Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
  --bulma-body-font-size: 1.35em;
  --bulma-navbar-height: 5rem;
  --bulma-body-line-height:1.55em;
}

.navbar {
  --bulma-navbar-box-shadow-size: 0.2em 0.5em 0.8em 0.5em;
  --bulma-navbar-box-shadow-color:rgba(129, 145, 181, 0.06);
}
.title,
.subtitle {
;
  --bulma-title-line-height: 1.125;
  --bulma-subtitle-line-height: 2;
}

.card {
  --bulma-card-radius: 0;
  --bulma-card-shadow:  0 10px 45px -9px rgb(129, 145, 181, 0.1);
}

.box {
  --bulma-box-shadow: 0 10px 45px -9px rgb(129, 145, 181, 0.1);
  --bulma-box-radius: 0rem;
}

.menu {
  --bulma-menu-item-radius: 0rem;
}
.navbar-logo {
  align-items: center;
  display: flex;
}
.navbar-logo:hover {
  color:var(--bulma-link)
}

body.has-navbar-fixed-top {
  padding-top: calc(var(--bulma-navbar-height) * 1.5);
}

.title {font-family:var(--bulma-family-secondary);font-weight:700}

p.card-date {color:var(--bulma-grey);text-transform:uppercase;font-size:0.7em;}
//portfolio

.card.hover {
  transition: all .5s ease; /* back to normal */
}
.card.hover:hover {
  transform: translate3D(0,-1px,0) scale(1.03);
  transition: all .4s ease; /* zoom in */
}

.bread {border-bottom : 1.5px solid var(--bulma-light);padding-bottom:0.2em}

.image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio {
  left:auto;
}

/* ==========================
   SVG - Classes utilitaires
   ========================== */

.svg-primary-border {
  fill: none;
  stroke: var(--pico-primary);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: calc(var(--pico-border-width)/2.85);
}

.svg-current-border {
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: calc(var(--pico-border-width)/2.85);
}

.svg-primary-50-fill {
  fill: color-mix(in srgb, var(--pico-primary) 50%, transparent);
}

.svg-secondary-25-fill {
  fill: color-mix(in srgb, var(--pico-secondary) 25%, transparent);
}

.svg-secondary-current-fill {
  fill: currentcolor;
}

.svg-primary-fill {
  fill: var(--pico-primary);
}

.cls-0 {
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: calc(var(--pico-border-width)*1.5);
}

.cls-1 {
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: calc(var(--pico-border-width)/2.85);
}

.cls-2 {
  fill: var(--pico-primary-50);
}

.cls-3 {
  fill: var(--pico-secondary-25);
}

.cls-4 {
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: calc(var(--pico-border-width)/3.5);
}

.cls-5 {
  fill: var(--pico-secondary);
}

.cls-6 {
  fill: currentcolor;
}