@import url('https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css');

* {
    border: 0;
    padding: 0;
    margin: 0;
}

:root {

    --bulma-size-1: 4.5rem;
    --bulma-size-2: 3rem;
    --bulma-size-3: 1.6rem;
    --bulma-size-4: 1.4rem;
    --bulma-size-5: 1.2rem;
    --bulma-size-6: 1.1rem;

    @media (max-width: 1024px) {

        --bulma-size-1: 2.7rem;
        --bulma-size-2: 2.2rem;
        --bulma-size-3: 1.5rem;
        --bulma-size-4: 1.3rem;
        --bulma-size-5: 1.1rem;
        --bulma-size-6: 1rem;
    }

    --bulma-weight-light: 400;
    --bulma-weight-normal: 500;
    --bulma-weight-medium: 600;
    --bulma-weight-semibold: 700;
    --bulma-weight-bold: 800;
    --bulma-weight-extrabold: 900;
    --bulma-weight-megabold: 1000;


    --bulma-primary-h: 188deg;
    --bulma-primary-s: 88%;
    --bulma-primary-l: 25%;
    --bulma-link-h: 34deg;
    --bulma-link-s: 99%;
    --bulma-link-l: 47%;
    --bulma-info-h: 190deg;
    --bulma-info-s: 56%;
    --bulma-info-l: 51%;
    --bulma-success-h: 136deg;
    --bulma-success-s: 67%;
    --bulma-success-l: 51%;
    --bulma-warning-s: 87%;
    --bulma-warning-l: 54%;
    --bulma-danger-h: 355deg;
    --bulma-danger-l: 39%;
    --bulma-background: #fff;
	/* hsl(96.41deg 46.61% 49.22%) */
	--bulma-cupa1mol-h: 96.41deg;
	--bulma-cupa1mol-s: 46.61%;
	--bulma-cupa1mol-l: 49.22%;
	--bulma-cupa1mol: hsl(var(--bulma-cupa1mol-h), var(--bulma-cupa1mol-s), var(--bulma-cupa1mol-l));


    --bulma-family-primary: 'Raleway',Helvetica Neue,Helvetica,Arial,sans-serif;
    /* --bulma-family-primary: Raleway,Helvetica Neue,Helvetica,Arial,sans-serif; */
    --bulma-family-secondary: 'Open Sans',Arial,sans-serif;
    --bulma-small-font-size: 0.75em;

    --bulma-body-family: var(--bulma-family-primary);
    --bulma-content-heading-weight: var(--bulma-weight-medium);
    --bulma-navbar-height: 6.25rem;
    --bulma-block-spacing: 2rem;
 

    --bulma-shadow-2: 0 0.5em 1em -0.125em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.2), 0 0px 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.04);
    
    --diater-component-vertical-padding: 0;
    --diater-component-horizontal-padding: 1.25rem;
    --diater-margin-vertical-block: 1.25rem; 
    --diater-margin-horizontal-block: 1.25rem;
    --diater-max-width-input: 500px;

    --bulma-size-mobile: 768px;
    --bulma-size-tablet: 1024px;
    --bulma-size-desktop: 1215px;
    --bulma-size-wide: 1408px;
    --bulma-size-full: 100%;
    --bulma-size-small: 0.85rem;

    --bulma-gradient-form: linear-gradient(205deg, #f5f5f5, #f7f7f7a8);


}

::marker {
  font-size: 1.2em;
}

/* Chrome, Safari, Edge: scrollbars finas */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.3);
  border-radius: 3px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

/* theme config */

@media (prefers-color-scheme: light) {
    :root {
        --bulma-body-family:  var(--bulma-family-primary) !important;
    }
}


.theme-light, [data-theme=light] {
    --bulma-body-family:  var(--bulma-family-primary) !important;
    --bulma-text-95-l: 92%;
    --bulma-text-100-l: 97%;
}

/* media */
.media+.media {
    border-top: 0;
    padding-top: 0;
}

/* spacings */

.block,
.box,
.breadcrumb,
.card,
.content,
.field,.field:not(:last-child),
.file,
.fixed-grid,
.grid,
.level,
.media,
.message,
.notification,
.pagination,
.progress,
.skeleton-block,
.table-container,
.table,
.tags
 {
    margin-bottom: 0; 
}

.tabs {
    margin-bottom: var(--bulma-block-spacing);
}


/* content */

.content {
    --bulma-content-heading-weight: var(--bulma-weight-medium);
    --bulma-content-blockquote-border-left:0;
    --bulma-content-blockquote-padding: 0;
}

.content :is(h1, h2, h3, h4, h5, h6) , h1, h2, h3, h4, h5, h6  {
    font-weight: var(--bulma-content-heading-weight);
}

.content h1 {
    font-size: var(--bulma-size-1);
}

.content h2 {
    font-size: var(--bulma-size-2);
}

.content h3  {
    font-size: var(--bulma-size-3);
}

.content h4  {
    font-size: var(--bulma-size-4);
}

.content h5  {
    font-size: var(--bulma-size-5);
}

.content h6  {
    font-size: var(--bulma-size-6);
}

.is-size-1 {
    font-size: var(--bulma-size-1)!important;
}

.is-size-2 {
    font-size: var(--bulma-size-2)!important;
}

.is-size-3  {
    font-size: var(--bulma-size-3)!important;
}

.is-size-4  {
    font-size: var(--bulma-size-4)!important;
}

.is-size-5  {
    font-size: var(--bulma-size-5)!important;
}

 .is-size-6  {
    font-size: var(--bulma-size-6)!important;
}


h1.page-title.title {
    font-size: var(--bulma-size-1)!important;
}


/* titles and subtitles */

.title, .subtitle {

    --bulma-title-size: var(--bulma-size-1);
    --bulma-title-weight: var(--bulma-weight-semibold);
    --bulma-subtitle-size: var(--bulma-size-3);
    --bulma-subtitle-weight: var(--bulma-weight-normal);
    color: #222;

}

.title + .subtitle {
    margin-top: 0.3em;
    margin-bottom: 1em;
}

.title {
    color: var(--bulma-link);

    a:hover & {
        color: var(--bulma-link);
    }
    
}



/* list-group */

.list-group {
    --bulma-panel-margin: var(--bulma-block-spacing);
    --bulma-panel-item-border: 1px solid var(--bulma-border-weak);
    --bulma-panel-radius: var(--bulma-radius-large);
    --bulma-panel-shadow: var(--bulma-shadow);
    --bulma-panel-heading-line-height: 1.25;
    --bulma-panel-heading-padding: 1em 1.25em;
    --bulma-panel-heading-radius: var(--bulma-radius);
    --bulma-panel-heading-size: 1.25em;
    --bulma-panel-heading-weight: var(--bulma-weight-bold);
    --bulma-panel-tabs-font-size: 1em;
    --bulma-panel-tab-border-bottom-color: var(--bulma-border);
    --bulma-panel-tab-border-bottom-style: solid;
    --bulma-panel-tab-border-bottom-width: 1px;
    --bulma-panel-tab-active-color: var(--bulma-link-active);
    --bulma-panel-list-item-color: var(--bulma-text);
    --bulma-panel-list-item-hover-color: var(--bulma-link);
    --bulma-panel-block-color: var(--bulma-text-strong);
    --bulma-panel-block-hover-background-color: var(--bulma-background);
    --bulma-panel-block-active-border-left-color: var(--bulma-link);
    --bulma-panel-block-active-color: var(--bulma-link-active);
    --bulma-panel-block-active-icon-color: var(--bulma-link);
    --bulma-panel-icon-color: var(--bulma-text-weak);
    --bulma-panel-h: var(--bulma-scheme-h);
    --bulma-panel-s: var(--bulma-scheme-s);
    --bulma-panel-color-l: var(--bulma-text-l);
    --bulma-panel-heading-background-l: var(--bulma-text-l);
    --bulma-panel-heading-color-l: var(--bulma-text-invert-l);
    border-radius: var(--bulma-panel-radius);
    box-shadow: var(--bulma-panel-shadow);
    font-size: var(--bulma-size-normal);
}
.list-group__link {
    align-items: center;
    color: var(--bulma-panel-block-color);
    display: flex;
    justify-content: flex-start;
    padding: .75em 1em;
}

/* section */

.section {
    --bulma-section-padding: 4rem;
    --bulma-section-padding-desktop: 3rem 2rem;
    --bulma-section-padding-medium: 9rem 4.5rem;
    --bulma-section-padding-large: 18rem 6rem;
    padding: var(--bulma-section-padding);

    @media  (max-width: 768px) {
        --bulma-section-padding: var(--bulma-section-padding-desktop); 
    }

    &.header {
        padding-top: 0;
    }
}

/* modal */

.modal-content {
   width: calc(100% - 2em);
}



.modal.video {
    .modal-content {
        padding: 1em;
        text-align: center;
        color: #fff;
    }

    @media screen and (min-width: 769px) {
        .modal-content {
            max-width: 1150px;
            .media--type-resource--remote_video {
                .field--name-thumbnail {
                    display: none;
                }
            }

        }
    }
}

@media screen and (min-width: 769px) {
    .modal-card, .modal-content {
        --bulma-modal-content-width: 100%;
        max-width: 1024px;
    }
}


/* box */
.box {
    --bulma-box-padding: 3rem;
}


/* Tabs */

.tabs {
    --bulma-tabs-link-color: var(--bulma-text-80);
}

.tabs 

/* panels */

.panel-block {
    padding: 1.25em;
}

/* hero */

.hero {
    --bulma-hero-body-padding: 2rem;
    --bulma-hero-body-padding-tablet: 3rem;
    --bulma-hero-body-padding-small: 2rem;
}

.hero-title--responsive {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%, 0);
    @media (max-width: 768px) {
        font-size: var(--bulma-size-3)!important;
    }
}

.hero-body   {
    position: relative;
    /* --bulma-hero-body-margin: 4em 0;

    @media  (max-width: 1024px) {
        --bulma-hero-body-margin: 3em 4em; 
    }

    @media  (max-width: 768px) {
        --bulma-hero-body-margin: 3em 2em; 
    } */
}

.hero:has(.block-system-breadcrumb-block) {
    .hero-body {
                margin-bottom: 1em !important;
    }
    margin-bottom: 1em;
}


/* icon */
.icon {
    &.is-medium {
        i {
            font-size: 2.5rem;
        }
    }

    &.is-big {
        i {
            font-size: 4rem;
        }
    }
}


/* columns */
.columns  {
    position: relative;
	overflow: auto;
    @media  (max-width: 768px) {
        margin: 0;

        &:not(.is-mobile) {
            .column {
                padding-inline: 0;
            }
        }

        form:is(.has-border).column {
            padding-inline: 1.8em!important;
        }
    }
}

.section .wrapper .container > .columns, .section .wrapper > .columns {
  &:not(.mobile) {
    @media (max-width: 768px) {
      .column {
        padding-left: 0;
        padding-right: 0;
        
        &:first-child {
            padding-top: 0;
        }
      }
    }
  }
}

.columns.outlined {
  margin: 2em 0;
  gap: 1em;

  .column {
    padding-bottom: var(--bulma-column-gap);
    background: var(--bulma-text-100);
    margin-bottom: 1em;
    border-radius: 10px;
  }
}


/* images */

figure.image  {   
    --bulma-box-padding: 1em; 

    &.is-size-1 {
        max-width: calc(1024px - var(--bulma-box-padding));
    }

    &.is-size-2 {
        max-width: calc(768px - var(--bulma-box-padding));
    }

    &.is-size-3 {
        max-width: calc(560px - var(--bulma-box-padding));
    }

    &.is-size-4 {
        max-width: calc(400px - var(--bulma-box-padding));
    }

    img  {
        object-fit: cover;
    }

 
    &.is-radius img {
        border-radius: var(--bulma-radius-large);
    }

    &.is-radius-small img {
        border-radius: var(--bulma-radius-small);
    }

    &.is-radius-medium img {
        border-radius: var(--bulma-radius-medium);
    }


    @media  (max-width: 768px) {
       &.img-header--section {
         aspect-ratio: 5 / 1.5!important;
       }
       max-width: 100% !important;
    }

}

/* small */

small {
      font-weight: var(--bulma-weight-medium);
      font-size: .8em;
}

/* buttons */

.button, input[type="submit"] {
    --bulma-button-padding-horizontal: 1.5em;
    white-space: pre-wrap;
    border-radius: 2em;
}

.button.is-link:not(.is-outlined), 
.button.is-info:not(.is-outlined), 
.button.is-danger:not(.is-outlined), 
.button.is-warning:not(.is-outlined), 
.button.is-primary:not(.is-outlined) {
    color:white;
}


.button .icon, .button .icon.is-large, .button .icon.is-medium, .button .icon.is-small {
    height: 0;
    width: 1.5em;
}

/* dropdown */

.dropdown-item.has-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}

/* level */

.level-item  {
    flex: 1;
}

.level-item .subtitle, .level-item .title {
    --bulma-title-size: var(--bulma-size-2);
    --bulma-title-weight: var(--bulma-weight-bold);
    --bulma-subtitle-size: var(--bulma-size-4);
    --bulma-subtitle-weight: var(--bulma-weight-normal);
    margin-bottom: .5em;
}

.level-item .title {
    color: #444;
}