@import 'fonts.css';

:root {
--primary: #4285F4;
--primary-hover: #376CFB;
--secondary: #e6eef8;
--secondary-hover: #151515;
--secondary-25: rgba(155,188,227,.25);
--emphasis: #111;
--default: #343434;
--meta: #999;
--muted: #f8f8f8;
--border: #DEDEDE;
--white: #fff;
--white-75: rgb(255, 255, 255, .75);
--white-25: rgb(255, 255, 255, .25);
--border-radius: 10px;
--font-family-default: '';
--font-family-primary: '';
}

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

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

.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%);
  }
}

/*-- BASE --*/
textarea.uk-textarea {
  resize: none;
  border-top: none;
  border-left: none;
  border-right: none;
}

video {
    border-radius: var(--border-radius);
    overflow: hidden;
}

b {
    font-weight: 500;
}

/*-- UIkit --*/
.uk-button-text {
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: none;
}

p a,
a {
    font-weight: 500;
}

.uk-card-hover {
    background: var(--white);
    /* border: 1px solid var(--border); */
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1) !important;
}
.uk-card-hover:hover,
.uk-card-default:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15) !important;
}

.el-image.uk-box-shadow-small {
    box-shadow: none;
    border: 1px solid var(--border);
}

@media(max-width: 640px){
    *+.uk-margin-medium {
    margin-top: 20px !important;
    }
}



/*MARGINS*/
.uk-card-small .uk-card-body, 
.uk-card-small.uk-card-body {
    padding: 30px 15px;
}

.uk-grid-small .uk-card-large {
    padding: 30px 15px;
}

@media(min-width: 960px){
    .uk-card-small .uk-card-body, 
    .uk-card-small.uk-card-body {
        padding: 40px 15px;
    }
    .uk-grid-small .uk-card-large {
        padding: 70px 15px;
    }
    .uk-padding-large\@m {
        padding-bottom: 70px
    }
}


/*-- CUSTOM --*/
.c-docs-table td:not(:last-child),
.c-docs-table th:not(:last-child) {
    border-right: 1px solid var(--border);
}
.c-docs-table th {
    padding-top: 0;
}
.c-docs-table a {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
.c-docs-table a[href$=".pdf"]::before {
    content: url('/images/icons/pdf.svg');
    position: absolute;
    left: 0;
}

.c-press-grid .el-item > a > .uk-grid {
    flex-direction: column-reverse;
}
.c-press-grid .el-content {
    color: var(--primary);
}
.c-press-grid .el-link  {
    color: var(--meta);
    text-decoration: underline;
}

.c-gradient-title {
    padding: 15px 0;
    background: linear-gradient(90deg, rgba(155,188,227,0), rgba(155,188,227,.25));
}

.c-panel-primary {
    background: none;
    box-shadow: none;
    border: 2px solid var(--white);
    border-radius: 3px;
}

.c-press-grid .uk-card {
    display: flex !important;
    flex-direction: column;
    gap: 10px 15px
}

.c-list-secondary .el-item {
    padding: 10px;
    background: var(--secondary-25);
    border-radius: 3px;
}

.c-grid-card-secondary .uk-card {
    /* border-radius: 0; */
    outline: 1px solid var(--primary);
}

.c-grid-badge .el-meta {
    /* color: var(--white); */
}

.c-grid-badge .el-meta span {
    display: inline-block;
    flex: none;
    padding: 5px 10px;
    border-radius: 3px;
    color: var(--white);
    background: var(--primary);
}

@media(max-width: 960px){
    .c-press-grid .el-meta {
        width: 100%;
    }
/*     .c-press-grid .el-item > a > .uk-grid > div:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: baseline;
} */
}

@media(min-width: 960px){
    .c-timeline-list .uk-width-small\@m {
        width: 110px;
    }
    .c-timeline-list .el-content {
        display: flex;
        gap: 15px;
    }
    .c-timeline-list .el-content::before {
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        border-bottom: 1px solid var(--default);
        flex: none;
        transform: translateY(10px);
    }
    .c-press-grid .uk-card {
        flex-direction: row;
    }
    .c-press-grid .el-meta {
        min-width: 160px;
    }
    .s-section-padding-bottom-xlarge >.uk-section {
        padding-bottom: 210px;
    }
    .s-default-secondary-2-1 {
        background: linear-gradient(90deg, var(--white) calc(66% - 60px), var(--secondary) calc(66% - 60px));
    }
  .s-default-secondary-1-2 {
        background: linear-gradient(90deg, var(--secondary) 0%, var(--secondary) 66%, var(--white) 66%);
    }
    .c-gradient-title {
        padding: 20px 0;
    }
    .c-panel-primary .el-content {
        padding-left: 50%;
    }
    .c-grid-card-padding--bottom-large .uk-card {
        padding-bottom: 70px;
    }
    .c-description-list .el-content {
        padding-left: 60px;
    }
    .c-description-list .el-content::before {
        content:'';
        display: block;
        width: 35px;
        border-top: 2px solid var(--default);
        position: absolute;
        top: 10px;
        left: 0;
    }
    .c-grid-badge .el-item {
        display: grid;
        grid-template-columns: 1fr 3fr;
        column-gap: 40px;
    }
    .c-grid-badge .el-meta {
        grid-column: 1;
        grid-row: 1 / -1;
    } 
    .c-grid-badge .el-item > :not(:first-child) {
        grid-column: 2;
    }
}

@media(min-width: 1200px){
    .c-tile-padding-left-remove > .uk-tile {
        padding-left: 0;
    }
}

/* LANGUAGE */
div.mod-languages ul {
    flex-direction: column;
}
div.mod-languages li,
div.mod-languages li a {
  margin: 0;
  padding: 0;
  font-weight: 500;
}
.mod-languages li.uk-active > a {
  color: var(--primary);
}

#module-121 .mod-languages > div > a {
  font-size: 0;
}

/*HEADER*/
.tm-header-mobile .uk-navbar-right {
    justify-content: space-between;
    margin-left: 0 !important;
    width: 100%;
}

/*POPOVER*/
.c-popover .el-item {
    box-shadow: none;
}
.c-popover .el-item img {
    margin: 0 !important;
    position: absolute;
    top: 30px;
    left: 30px;
}
.c-popover .el-item .el-title {
    color: var(--default) !important;
    padding-left: 40px;
    margin-top: 5px !important;
}

.c-popover .uk-drop .el-meta {
    display: none;
}
 .c-popover .el-marker {
     background: none !important;
 }
 
  .c-popover .el-marker img {
      width: 44px;
  }

@media(min-width: 960px){
    .c-popover .uk-drop {
        width: 360px !important;
    }
    .c-popover-active .el-marker {
        /*pointer-events: none; */
    }
    
    .c-popover-active .el-item {
        margin-top: 20px;
    }
/*     .uk-drop[uk-drop*="pos: left"]::after {
    content: "";
    position: absolute;
    top: 40px;
    right: -30px;
    transform: scale(1, 1);
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M0 0 L60 30 L0 60 Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;
}
    .uk-drop[uk-drop*="pos: right"]::after {
    content: "";
    position: absolute;
    top: 40px;
    left: -30px;
    transform: scale(-1, 1);;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M0 0 L60 30 L0 60 Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;
} */
}

@media(min-width: 1200px){
    .c-popover .el-item img {
        top: 40px;
        left: 40px;
    }
}