@import 'fonts.css';

:root {
  --primary: #4A37A5;
  --primary-hover: #6052A3;
  --secondary: #141313;
  --emphasis: #EEEEEE;
  --muted: #F5F5F5;
  --white: rgba(255,255,255,1);
  --white-15: rgba(255,255,255,.15);
  --border-radius: 10px;
}


/*-- BASE --*/
textarea {
  resize: none;
}

@media(min-width: 1600px) {
  html {
    font-size: 20px;
  }
}

/*-- UIkit --*/
.uk-border-rounded {
  border-radius: var(--border-radius);
}

.uk-section-primary .uk-card-primary {
  background: var(--white-15);
}

.uk-tile-muted {
  border-radius: var(--border-radius);
}

@media(max-width: 420px) {
  h3, .uk-h3 {
    font-size: 1.125rem;
  }
}

@media(max-width: 640px){
  h4, .uk-h4 {
    font-size: 1rem;
  }
  .uk-card-body,
  .uk-modal-dialog {
    padding: 40px 15px;
  }
  .uk-button {
    font-size: 1rem;
  }
}

@media(max-width: 960px) {
  .uk-subnav {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}

@media(min-width: 960px){
  .uk-margin-medium-top\@m {
    margin-top: 40px;
  }
}


/*-- CUSTOM --*/
.c-card-bottom .uk-panel {
  border-radius: var(--border-radius);
}

.c-card-bottom .uk-grid {
  align-items: flex-end;
}

.c-card-border .uk-card {
  border: 1px solid #ddd;
}

.c-btn-expand .el-item {
  flex: 1 0 auto;
}

.c-btn-expand .el-content {
  width: 100%;
}

.c-partners-slider .el-item {
  display: flex;
  align-items: center;
  justify-content: center;
}


@media(max-width: 640px){
  .c-grid > .uk-grid {
    margin-left: -15px;
  }
  .c-grid > .uk-grid > * {
    padding-left: 15px;
  }
  .c-grid >.uk-grid>.uk-grid-margin {
    margin-top: 15px;
  }
}

@media(min-width: 960px){
  .c-partners-slider .uk-grid-small {
    margin-left: -40px;
  }
  .c-partners-slider .uk-grid-small>* {
    padding-left: 40px;
  }
}

/* HEADER */
@media(min-width: 960px) and (max-width: 1400px){
  .tm-header .uk-logo img {
    width: 280px;
    height: auto;
  }
  .uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
    gap: 30px;
  }
}

/* switcher */
.c-switcher .el-nav > li > a,
.c-nav .uk-nav > li > a {
  font-size: .875rem;
  text-transform: uppercase;
  font-weight: 500;
  padding: 15px;
  background: var(--emphasis);
  border-radius: var(--border-radius);
  color: var(--secondary);
}

.c-switcher .el-nav > li > a:hover,
.c-switcher .el-nav > li.uk-active > a,
.c-nav .uk-nav > li > a:hover,
.c-nav .uk-nav > li.uk-active > a {
  background: var(--primary);
  color: var(--white);
}

.c-switcher .el-item {
  background: var(--white);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.c-switcher .el-item > .uk-grid > div:last-child {
  padding-left: 45px;
  padding-right: 15px;
  padding-bottom: 40px;
}

.c-switcher .el-content b {
  display: block;
  margin-bottom: 10px;
  color: var(--secondary);
}

@media(min-width: 960px){
  .c-switcher .el-item > .uk-grid > div:last-child {
    padding-top: 70px;
    padding-left: 80px;
    padding-bottom: 70px;
  }
  .c-switcher .el-image {
    height: 100%;
    object-fit: cover;
  }
  .c-switcher .el-nav > li:not(:first-child),
  .c-nav .uk-nav > li:not(:first-child) {
    margin-top: 15px;
  }  
}

/* PROTHESIS */
@media(min-width: 960px){
  .c-prothesis .uk-h2 {
    position: absolute;
  }
  .c-prothesis .c-grid {
    margin-top: 0px !important;
  }
  .c-prothesis .uk-subnav {
    justify-content: flex-end;
    margin-bottom: 40px;
  }
}


/* ABOUT GRID */
.c-col-height-1-1 > div,
.c-col-height-1-1 > div > .uk-grid,
.c-col-height-1-1 .el-item > .uk-grid,
.c-col-height-1-1 .el-item .uk-card-media-left,
.c-col-height-1-1 .el-item .el-image {
  height: 100%;
}

.c-col-height-1-1 .el-item .el-image {
  object-fit: cover;
}

/*Cookie CSS*/

.tm-cookie-banner .uk-container {
  text-align: left !important;
}

.tm-cookie-banner .cookie-text {
	font-size: 0.7rem;
	line-height: 1;
}

.tm-cookie-banner .js-custom-cookie-accept {
  font-size: 0.5rem;
}

@media(min-width: 960px){
  .tm-cookie-banner {
    max-width: 460px;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
  }

  .tm-cookie-banner{
    border-radius: 10px;
  }
  .tm-cookie-banner .js-custom-cookie-accept {
    border-radius: 10px;
  }
}