/* BUTTONS */

	button,
  .btn,
  .lnk,
  .filter-form-list .styled-select select {
		margin: 0;
		border: 0;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
		display: inline-block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
    font-family: var(--base-font-1-medium);
    line-height: normal;
    
    font-size: var(--font-size);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1600; 
    
    transition: filter 750ms;
    transition-timing-function: var(--ttf);
    
	}
  
  .btn:not(.btn-icon-only) svg path,
  .lnk svg path {
    fill: currentColor;
  }
  
  .btn:not(.btn-white):not(.btn-b):hover {
    filter: brightness(1.3);
  }
	
  
  
  
	.btn-a,
  .filter-form-list .styled-select select {
		border-radius: 3px;
    padding: .7em 2.22222222222222222222em .6em;
		--font-size: 18;
    --min-font-size: 14px;
    --max-font-size: 18px;
	}

  .filter-form-list .styled-select select {
    padding-left: 1em;
    line-height: 1.4;
  }
  
  
  
  
  .btn-b {
		border-radius: 3px;
    padding: .7em 2.22222222222222222222em .6em;
    background: var(--base-color-white);
    color: var(--base-color-dark-blue);
    border: 1px solid var(--base-color-dark-blue);    
		--font-size: 18;
    --min-font-size: 14px;
    --max-font-size: 18px;
  } 
  
  
  
  @media (max-width: 500px) {
    
  	.btn-a,
    .btn-b,
    .filter-form-list .styled-select select {
      padding: .6em 1.6em .5em;
    }
    
    .btn svg,
    .lnk:not(.lnk-social) svg {
      transform: scale(0.8);
      display: inline-block;
      vertical-align: text-top;
    }
    
  }
  
  
  
  
  
  .btn-b span.icon:first-child {
    margin-left: -0.8em;
  }
  
  .btn-blue {
    background: var(--base-color-blue);
    color: #fff;
  }
  
  .btn-dark-blue,
  .filter-form-list .styled-select select {
    background: var(--base-color-dark-blue);
    color: #fff;
  }

  .btn-white {
    background: var(--base-color-white);
    color: var(--base-color-dark-blue);
  }
  
  
  
  .btn-icon-only {
    --size: 1.875em;
    width: var(--size);
    height: var(--size);
  }
  
  .btn-icon-only svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .btn-icon-only svg path[stroke] {
    stroke: currentColor;
  }
  
  .btn-icon-only span.label {
    display: none;
  }
  
  .btn-icon-only span.icon {
    margin-right: 0;
  }





  .btn-prev-next {
    background: var(--base-color-dark-blue);
    color: var(--base-color-white);
    --size: max(32px, calc(52 * var(--base-unit)));
    width: var(--size);
    height: var(--size);
    border-radius: 50px;
    position: relative;
    transition: background 250ms;
  }

  .btn-prev-next span.label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .btn-prev-next span.icon {
    margin-right: 0;
  }
  
  .btn-prev-next svg {
    display: block;
    --icon-size: calc(var(--size) * 0.538);
    width: var(--icon-size);
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .splide-nav {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .splide-nav button + button {
    margin-left: calc(var(--grid-gap) / 2);
  }
  
  *[data-splide-end="true"] .btn-next,
  *[data-splide-start="true"] .btn-prev {
    background: var(--base-color-lightest-gray);
    pointer-events: none;
  }
  
  
  
  
  
  .btn-disabled,
  .btn-disabled:hover,
  .btn-disabled:focus {
    filter: grayscale(1) !important;
    cursor: not-allowed;
    opacity: 0.25;
  }




	/* LINKS */
  
  .lnk-white {
    color: var(--base-color-white);
  }
  
  .lnk-dark-blue {
    color: var(--base-color-dark-blue);
  }

	.lnk-a {
		--font-size: 18;
    --min-font-size: 14px;
    --max-font-size: 18px;
	}
  
  .lnk-a svg {
    transition: transform 150ms;
  }
  
  .lnk-a:not(.lnk-social):hover svg {
    transform: translateX(4px);
  }

  .lnk-contact {
		--font-size: 20;
    --min-font-size: 1rem;
    --max-font-size: 20px;

    color: var(--base-color-dark-blue);
    pointer-events: none;
    display: flex;
    flex-flow: row nowrap;
    word-break: break-word;
  }
  
  .lnk-contact svg {
    width: .85em;
    height: auto;
    vertical-align: text-top;
  }
  
  .lnk-contact svg path {
    stroke: currentColor;
    stroke-width: 1.8px;
  }
  
  .lnk-contact span.icon {
    margin-right: 0.5em;
  }
  
  .lnk-contact span.label {
    pointer-events: all;
  }
  
  
  
  
  
  
  .lnk-social {
    
		--font-size: 20;
    --min-font-size: 1rem;
    --max-font-size: 20px;
    
    --icon-color: currentColor;
    white-space: nowrap;
  }
  
  .lnk-social.type-facebook {
    --icon-color: #1877f2;
  }
  
  .lnk-social.type-linkedin {
    --icon-color: #0077b5;
  }
  
  .lnk-social.type-twitter {
    --icon-color: #1da1f2;
  }
  
  .lnk-social.type-instagram {
    --icon-color: #c03584;
  }

  .lnk-social.type-youtube {
    --icon-color: #fe0201;
  }
  
  .lnk-social span.label,
  .lnk-social span.icon,
  .lnk-social svg,
  .lnk-social span span {
    vertical-align: middle !important;
    line-height: 1 !important;
    display: inline-block;
  }
  
  .lnk-social span.label span {
    padding-top: 0.2em;
  }
  
  .lnk-social svg {
    width: max(20px, calc(25 * var(--base-unit)));
    height: auto;
  }
  
  .lnk-social svg path,
  .lnk-social svg circle {
    fill: var(--icon-color);
  }
  
  .link-list {
    display: flex;
    flex-flow: row wrap;
    border-radius: 3px;
    overflow: hidden;
  }
  
  .link-list > li {
    width: 50%;
    min-width: 180px;
    margin-bottom: .8em;
  }
  
  .link-list > li:last-child {
    margin-bottom: 0;
  }
  
  
  @media (max-width: 1000px) {
    
    .link-list > li {
      min-width: 150px;
      width: auto;
    }
    
  }