/*
Theme Name: Webdesign Rene Veugen
Description: Subthema van Uncode
Author: Webdesign Rene Veugen
Author URI: https://reneveugen.nl
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

.other-partners h3.t-entry-title.h4.title-scale {
    color: #fff9e6 !important;
}

.other-partners .row.row-parent::after {
    content: none !important;
}

.mobile-menu-button {
    padding: 0 20px 0 36px;
}

.main-container .row-container .single-h-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.wpb_raw_html svg {
    width: 100%;
}

.colour-blocks .col-lg-9 {
    border: 4px solid #262959;
    border-radius: 10px;
    overflow: overlay;
}

.normal-blocks .col-lg-6 {
    overflow: overlay;
}

.normal-blocks .col-lg-6 .triple-block-padding {
    border: 4px solid #262959;
    border-radius: 10px;
}

.colour-blocks .col-lg-3 img {
    border: 4px solid #262959;
    border-radius: 100%;
    margin: 0 auto;
}

body {
    background: #fff4c7;
    background: linear-gradient(90deg, #fff4c7, #fdcfd0, #fff4c7, #fdcfd0);
    background-size: 400% 400%;
    animation: gradient 8s ease infinite;
}

b, strong, h1, h3 {
    font-weight: 700;
}

.home h1 {
    font-weight: 500;
}

h1, .h1,
h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]) {
    line-height: 1.5;
}

.text-lead, .text-lead:not(ul) > * {
    margin: 16px 0px 0px 0px !important;
}

.text-lead h1 {
    line-height: 1.5 !important;
}

figcaption {
    font-size: 14px;
    font-style: italic;
    text-align: center;
}

p.breadcrumbs, p.breadcrumbs a {
    font-size: 18px;
    font-weight: 500 !important;
}

.readmore {
    font-weight: 700;
    border-bottom: 2px solid;
}

.icon-member {
    margin-left: 46px;
    line-height: 34px;
}

.icon-member::after {
    position: absolute;
    width: 34px;
    left: 0px;
}

.icon-um::after {
    content: url(https://gh-consortium.org//wp-content/uploads/2023/06/maastricht-university.svg);
}

.icon-tham::after {
    content: url(https://gh-consortium.org/wp-content/uploads/2023/06/thammasat-university.svg);
}

.icon-mcm::after {
    content: url(https://gh-consortium.org/wp-content/uploads/2023/06/mcmaster-university.svg);
}

.icon-mahe::after {
    content: url(https://gh-consortium.org/wp-content/uploads/2023/06/manipal-academy-of-higher-education.svg);
}

.icon-norway::after {
    content: url(https://gh-consortium.org/wp-content/uploads/2023/06/university-of-south-eastern-norway.svg);
}

.icon-ahfad::after {
    content: url(https://gh-consortium.org/wp-content/uploads/2023/06/ahfad-university-for-women.svg);
}

.icon-rosario::after {
    content: url(https://gh-consortium.org/wp-content/uploads/2023/06/universidad-del-rosario.svg);
}

.icon-alabama::after {
    content: url(https://gh-consortium.org/wp-content/uploads/2024/11/university-of-alabama.svg);
}

.icon-bang::after {
    content: url(https://gh-consortium.org/wp-content/uploads/2024/11/bangladesh-university-of-professionals.svg);
}

.fa-file-pdf-o:before {
    content: url(https://gh-consortium.org/wp-content/uploads/2023/05/pdf-file.svg);
    width: 20px;
    display: inline-block;
}

.logo-image.main-logo.logo-skinnable img {
    display: none !important;
}

#main-logo svg {
    width: auto !important;
    height: 90px !important;
    transform: unset !important;
    transition: height 0.3s linear, font-size 0.3s linear;
}

.is_stuck .shrinked #main-logo svg {
    height: 64px !important;
}

.is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #fff4c7;
}

.style-dark a:not(.btn-text-skin):hover, .style-dark a:not(.btn-text-skin):focus {
    text-decoration: none;
    color: #fce3e4;
}

.uncode_text_column a:hover {
    text-decoration: underline 2px solid;
}

.uncode_text_column a {
    text-decoration: underline;
}

.post-body .uncode_text_column a {
    text-decoration: underline;
    font-weight: 700;
}

.uncode-single-media-wrapper.img-circle {
    border: 4px solid #262959;
}

.img-round-std.img-round {
    border-radius: 10px;
}

/*members*/
body.mumc {
    background: #E6F2FF;
    background: linear-gradient(90deg, #E6F2FF, #B3D9FF, #E6F2FF, #B3D9FF);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.mumc .is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #E6F2FF;
}

.mumc .style-dark, .mumc .style-dark a, .mumc .style-dark strong {
    color: #E6F2FF;
}

body.thammasat {
    background: #FFE6EB;
    background: linear-gradient(90deg, #FFE6EB, #FFF9E6, #FFE6EB, #FFF9E6);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.thammasat .is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #FFE6EB;
}

.thammasat .style-dark, .thammasat .style-dark a, .thammasat .style-dark strong {
    color: #FFE6EB;
}

body.manipal {
    background: #FFEEE6;
    background: linear-gradient(90deg, #FFEEE6, #FFD3BF, #FFEEE6, #FFD3BF);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.manipal .is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #FFEEE6;
}

.manipal .style-dark, .manipal .style-dark a, .manipal .style-dark strong {
    color: #FFEEE6;
}

body.usn {
    background: #E6E6FF;
    background: linear-gradient(90deg, #E6E6FF, #E1CCFF, #E6E6FF, #E1CCFF);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.usn .is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #E6E6FF;
}

.usn .style-dark, .usn .style-dark a, .usn .style-dark strong {
    color: #E6E6FF;
}

body.auw {
    background: #E6EEFF;
    background: linear-gradient(90deg, #E6EEFF, #B3CDFF, #E6EEFF, #B3CDFF);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.auw .is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #E6EEFF;
}

.auw .style-dark, .auw  .style-dark a, .auw .style-dark strong {
    color: #E6EEFF;
}

body.mcm {
    background: #FFEDF6;
    background: linear-gradient(90deg, #FFEDF6, #FFCCE6, #FFEDF6, #FFCCE6);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.mcm .is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #FFEDF6;
}

.mcm .style-dark, .mcm .style-dark a, .mcm .style-dark strong {
    color: #FFEDF6;
}

body.ros {
    background: #FFE6E8;
    background: linear-gradient(90deg, #FFE6E8, #FFBFC7, #FFE6E8, #FFBFC7);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.ros .is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #FFE6E8;
}

.ros .style-dark, .ros .style-dark a, .ros .style-dark strong {
    color: #FFE6E8;
}

body.alabama {
    background: #a2f8cb;
    background: linear-gradient(90deg, #a2f8cb, #e5ff95, #a2f8cb, #e5ff95);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.alabama .is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #a2f8cb;
}

.alabama .style-dark, .alabama .style-dark a, .alabama .style-dark strong {
    color: #a2f8cb;
}

body.bang {
    background: #a8ffd0;
    background: linear-gradient(90deg, #a8ffd0, #c3dafa, #a8ffd0, #c3dafa);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.bang .is_stuck .menu-container.style-light-bg.menu-no-borders {
    background: #a8ffd0;
}

.bang .style-dark, .bang .style-dark a, .bang .style-dark strong {
    color: #a8ffd0;
}

.homeheader h2.t-entry-title.h2.title-scale {
    color: #fff4c7 !important;
}

.homeheader .t-overlay-text.half-block-padding {
    background: linear-gradient(0deg,#000000,rgb(0 0 0 / 0%));
}

.homeheader .style-light .owl-dots-outside .owl-dots .owl-dot span {
    background-color: rgb(38 41 89 / 0%);
    border: 3px solid #262959;
}

.homeheader .style-light .owl-dots-outside .owl-dots .owl-dot.active span {
    background: #262959;
}

.homeheader .owl-dots-outside .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
}

.homeheader .owl-dots-outside .owl-dots {
    bottom: -40px;
}

.homeheader .owl-dots .owl-dot span {
    transform: scale(1);
}

.homeheader .owl-dots {
    animation-duration: 0s;
    animation-delay: 0s;
}

.homeheader .img-round-std.img-round.tmb > .t-inside .t-entry-visual, .homeheader .img-round-std.img-round .t-entry-visual-cont > a {
    border-radius: 0px !important;
}

.homeheader .t-entry-visual-cont {
    border-radius: 10px;
    overflow: hidden;
    border: 4px solid #262959 !important;
}

.staff .uncode_text_column {
    margin-top: 16px !important;
}

.staff .img-circle {
    max-width: 160px !important;
    margin: 0 auto;
}

.staff p {
    font-size: 18px;
}

.other-experiences h3 {
    font-size: 18px !important;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.other-experiences .isotope-system {
    margin-top: 0px !important;
}

.cta-block .uncell.double-block-padding {
    border: 4px solid #262959;
    border-radius: 10px;
}

.cta-block a.custom-link {
    border-radius: 10px !important;
    padding: 12px 32px !important;
    color: #262959 !important;
}

.contact .onepage-section .uncode_text_column {
    margin-top: 12px !important;
}

footer .background-inner {
    position: absolute !important;
    right: -260px !important;
    bottom: -160px !important;
    background-size: 560px !important;
    opacity: 0.2;
}

footer .uncode_text_column a {
    text-decoration: none;
}

footer p {
    font-size: 18px;
}

footer li {
    font-size: 16px;
}

footer p strong {
    font-size: 20px;
}

/*timeline*/
.ctl-arrow,
.ctl-labels,
.ctl-start,
.ctl-end {
    display: none !important;
}

.cool-timeline-wrapper.ctl-both-sided {
    padding: 0px !important;
}

.ctl-wrapper .ctl-vertical-wrapper.ctl-compact-wrapper:not(.ctl-clean-skin) .ctl-story .ctl-content {
    margin-top: 0px;
}

.ctl-wrapper .ctl-description {
    padding: 4px 16px 0px 16px !important;
}

.ctl-content .ctl-description p {
    font-size: 14px;
    font-weight: 400;
    font-family: Ubuntu, Ubuntu !important;
    color: #262959 !important;
    margin: 0px !important;
}

.ctl-content .ctl-title {
    font-weight: 700;
    font-family: Ubuntu, Ubuntu !important;  
    color: #262959 !important;
    padding: 16px 16px 0 16px !important; 
}

.even .ctl-content {
    border: 3px solid #262959 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #fce3e4 !important;
}

.even .ctl-description {
    background: #fce3e4 !important;
}

.odd .ctl-content {
    border: 3px solid #262959 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #fff4c7 !important;
}

.odd .ctl-description {
    background: #fff4c7 !important;
}

.ctl-icondot {
    border: 3px solid #262959 !important;   
}

@media screen and (min-width: 959px) {
.menu-smart > li > a {
    padding: 0px 34px 0px 34px;
}

.menu-wrapper .row-menu.limit-width .row-menu-inner {
    padding: 0 20px 0 20px !important;
}

.submenu-light .menu-horizontal .menu-smart ul {
    background-color: #fff4c7;
}

.home h2 {
    font-size: 24px !important;
}

.btn-container.btn-inline {
    padding-left: 17px;
    padding-right: 17px;
    margin-top: 36px !important;
}

.btn-container.btn-inline:nth-child(2) {
    padding-left: 0px;
}

.btn-container.btn-inline:nth-child(3) {
    padding-right: 0px;
}

.homeheader .row.row-parent::after {
    content: url(https://gh-consortium.org/wp-content/uploads/2023/03/ghm-symbool.svg);
    position: absolute;
    right: -30%;
    width: 800px;
    top: 8%;
    z-index: 0;
}

.triple-block-padding {
    padding: 98px;
}

.colour-blocks .col-lg-9 {
    padding-right: 182px !important;
    background: #fce3e4;
    width: 86% !important;
}

.mumc .colour-blocks .col-lg-9 {
    background: #e6f3ff;
}

.mumc .alternative-block .col-lg-9 {
    background: #B3D9FF;
}

.manipal .colour-blocks .col-lg-9 {
    background: #FFEEE6;
}

.manipal .alternative-block .col-lg-9 {
    background: #FFD3BF;
}

.thammasat .colour-blocks .col-lg-9 {
    background: #FFD9E2;
}

.thammasat .alternative-block .col-lg-9 {
    background: #FFF9E6;
}

.mcm .colour-blocks .col-lg-9 {
    background: #FFEDF6;
}

.mcm .alternative-block .col-lg-9 {
    background: #FFCCE6;
}

.ros .colour-blocks .col-lg-9 {
    background: #FFE6E8;
}

.ros .alternative-block .col-lg-9 {
    background: #FFBFC7;
}

.usn .colour-blocks .col-lg-9 {
    background: #E6E6FF;
}

.usn .alternative-block .col-lg-9 {
    background: #E1CCFF;
}

.auw .colour-blocks .col-lg-9 {
    background: #E6EEFF;
}

.auw .alternative-block .col-lg-9 {
    background: #B3CDFF;
}

.alabama .colour-blocks .col-lg-9 {
    background: #a2f8cb;
}

.alabama .alternative-block .col-lg-9 {
    background: #e5ff95;
}

.bang .colour-blocks .col-lg-9 {
    background: #a8ffd0;
}

.bang .alternative-block .col-lg-9 {
    background: #c3dafa;
}

.alternative-block .col-lg-9 {
    background: #fff4c7;
    padding-right: 0px !important;
    padding-left: 182px !important;
}

.colour-blocks .col-lg-3 {
    width: 365px !important;
    margin-left: -182px !important;
    position: absolute;
    height: 100% !important;
}

.alternative-block .col-lg-3 {
    margin-left: 0px !important;
}

.colour-blocks .col-lg-3 img {
    height: 365px;
}

.other-specializations .wpb_column.pos-right .uncont {
    float: right;
}

.cool-timeline .timeline-post.timeline-mansory.ctl-left {
    padding: 0 48px 0 10px !important;
}

.cool-timeline .timeline-post.timeline-mansory.ctl-right {
    padding: 0 10px 0 48px !important;
}

.ctl-left .full {
    text-align: right;
}

.contact .tab-container:not(.default-typography) .nav-tabs > li > a span {
    font-size: 18px;
    line-height: 1.5;
}

footer ul li {
    display: inline-block;
    padding-right: 36px;
}
}

@media screen and (max-width: 1600px) and (min-width: 1300px) {
.homeheader .row.row-parent::after {
    right: -20%;
    width: 640px;
    top: 20%;
}
}

@media screen and (max-width: 1300px) and (min-width: 959px) {
.menu-container:not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link), .menu-container:not(.vmenu-container):not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link):not(.vc_control-btn),
.menu-smart > li > a > div > div > div.btn {
    font-size: 18px;
}

.menu-smart > li > a {
    padding: 0px 24px 0px 24px !important;
}

.homeheader .row.row-parent::after {
    right: -20%;
    width: 500px;
    top: 30%;
}
}

@media screen and (max-width: 959px) {
body, p, li, dt, dd, dl, address, label, pre, code {
    font-size: 16px;
}

.btn-container {
    line-height: 1.5;
}

.menu-mobile-default .menu-smart a {
    padding: 9px 36px 9px 36px !important;
}

#main-logo svg {
    width: auto !important;
    height: 58px !important;
}

.menu-container .logo-container {
    padding: 27px 20px 27px 20px !important;
}

.submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .main-menu-container,
.submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .menu-smart {
    background: #fff4c7;
    background: linear-gradient(90deg, #fff4c7, #fdcfd0, #fff4c7, #fdcfd0);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

.menu-smart:not(.top-menu-enhanced-child) a {
    text-transform: inherit;
}

.text-lead, .text-lead > * {
    font-size: 18px;
}

.cta-block a.custom-link {
    font-size: 22px;
}

h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]) {
    font-size: 26px;
}

h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {
    font-size: 22px;
}

p.breadcrumbs, p.breadcrumbs a {
    font-size: 16px;
}

.btn-container {
    display: block !important;
    padding-left: 0px !important;
    padding-top: 26px !important;
    margin-top: 0px !important;
}

.btn-container.btn-inline:not(.colour-blocks .btn-container.btn-inline:nth-child(2)) {
    padding-top: 16px !important;
}

.fa-file-pdf-o:before {
    width: 18px;
}

.colour-blocks .single-h-padding,
.cta-block .single-h-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.colour-blocks .col-lg-9,
.cta-block .uncell.double-block-padding {
    border: solid #262959;
    border-width: 4px 0px 4px 0;
    border-radius: 0px;
}

.colour-blocks .col-lg-3 img {
    max-width: 150px;
}

.colour-blocks .col-lg-9 {
    position: relative;
    margin-top: -75px;
}

.colour-blocks .uncell.triple-block-padding {
    padding-top: 116px;
}

.homeheader .row.double-top-padding {
    padding-top: 46px;
}

.staff .notoppadding,
.notoppadding .row.single-top-padding {
    padding-top: 0px !important;
}

.staff p {
    font-size: 16px;
}

.other-list .wpb_column.pos-top.pos-center.single-internal-gutter {
    padding: 0px;
}

.member .staff .row.col-double-gutter.single-top-padding {
    padding-top: 0px !important;
}

.member .staff.paddingtopmobile {
    padding-top: 36px;
}

.members-mobile .icon-box-content {
    padding-left: 10px !important;
}

.members-mobile h3 a {
    text-decoration: underline;
}

.members-mobile .icon-box.icon-box-left.maastricht {
    margin-top: 36px !important;
}

.members-mobile .icon-box.icon-box-left {
    margin-top: 8px !important;
}

.other-specializations .wpb_column.pos-top.pos-center.align_left.column_child.col-lg-6.single-internal-gutter {
    padding-top: 0px !important;
}

.other-experiences h3.t-entry-title.h6.title-scale {
    font-size: 16px;
}

.other-experiences .tmb-iso-w6 .single-block-padding {
    padding: 16px 36px;
}

footer p {
    font-size: 16px;
}

footer p strong {
    font-size: 18px;
}
}

@media screen and (max-width: 767px) {
.ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-compact-wrapper .ctl-story:nth-child(3) {
    margin-top: 42px !important;
}
}

/*gradient*/
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}










:root {
  --color: #262959;
  --opacity: 0.5;
  --timer: 1s;
  --transition: fill var(--timer) ease-out, opacity var(--timer) ease-out;
  --rotation-speed: 8s;
  --popup-fade: 0.3s
}

#Big_dots circle {
  stroke: transparent;
  stroke-width: 30px;
  cursor: pointer;
}

.hide {
  transition: opacity var(--popup-fade) ease-out;
  opacity: 0;
  pointer-events: none;
}

.show {
  transition: opacity var(--popup-fade) ease-in;
}

.rotate {
  animation: rotates var(--rotation-speed) linear infinite;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes rotates {
  from {
    transform: rotate(-360deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#Dots path {
  fill: var(--color);
  opacity: var(--opacity);
  transition: var(--transition);
}