/* --- MULTICOLS --- */

aside#newsBox section.multicolumn{padding-bottom:40px}
aside#newsBox section.multicolumn ~ .multicolumn{margin-top:40px;padding-top:40px;padding-bottom:0;border-top-width:1px}

aside#newsBox .ceItem.multicolumn .txtWrap p img{width:auto;max-width:60%;height:auto}

.multicolumn .galWrap ~ .textPic .txtWrap{display:webkit-flex;display:ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start}

main .multiText{margin-left:-3%;width:103%}
main .multiText > *{margin-left:3%}
main .multiText > *:nth-last-child(2),.multiText > *:nth-last-child(2) ~ *{width:47%}
main .multiText > *:nth-last-child(3),.multiText > *:nth-last-child(3) ~ *{width:30.33%}
main .multiText > *:nth-last-child(4),.multiText > *:nth-last-child(4) ~ *{width:22%}

main .multiText .txtBox{min-height:150px}

.multiText .hGroup.noSpacer{padding-bottom:10px}

.multiText .hasAcc{display:inline-block}
.multiText .hasAcc .txtBox{position:relative;min-height:unset}
.multiText .hasAcc .hGroup.accToggle{white-space:nowrap}
.multiText .hasAcc .hGroup.accToggle + .txtBody{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .4s;transition:all .4s}
.multiText .hasAcc .hGroup.accToggle + .txtBody.cur{-webkit-transform:scale(1);transform:scale(1)}

#page > *:not(footer) .multiText h3{margin:20px 0!important}
.multiText ul{margin-top:0!important}
.multiText p{margin:20px 0 0!important}
.multiText p:first-child{margin:0!important}

.multiText ul li{display:block;width:100%}
.multiText ul li a{display:block;padding:2px 0;-webkit-transition:all .4s;transition:all .4s}
.multiText ul li a:hover{color:rgba(255,255,255,.6)!important}

.multiText figure{margin-top:-50px}
main .multiText figure > *{height:200px!important}
main .multiText figure img{height:100%!important;object-fit:cover;object-position:center center;-webkit-transition:all .4s;transition:all .4s}

.multiText .btnBox{display:block;margin-top:20px;text-align:center}

.multicolumn .buttonWrap{display:block;margin-top:40px;width:100%;text-align:center}

header .multiText{width:auto}
header .itemWrap{-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}

header .multiText .column{width:auto}
header .multiText .hasAcc{padding-right:1rem}
header .multiText .hasAcc .hGroup.accToggle > *{margin:0!important;color:var(--color-black);cursor:pointer;-webkit-transition:all .4s;transition:all .4s}
header .multiText .hasAcc .hGroup.accToggle:hover > *,header .multiText .hasAcc .hGroup.accToggle.cur > *{color:var(--main-color)}
header .multiText .hasAcc .hGroup.accToggle > *::after{content:'\f107';font-family:awesome;position:relative;top:0;margin-left:5px}
header .multiText .hasAcc .hGroup.accToggle.cur > *::after{content:'\f106'}
header .multiText .hasAcc .hGroup.accToggle > * > span{margin-left:5px;font-family:light,arial,helvetica,sans-serif,awesome!important;font-weight:normal}

header .multiText .hasAcc .hGroup.accToggle + .txtBody{position:absolute;z-index:2;top:40px;left:-20px;padding:0 20px 10px;min-width:100%;width:auto;background-color:#fff;border:1px solid #d2d2d2;border-top:none}
header .multiText .hasAcc .txtBody figure.table{margin-top:0}
header .multiText .hasAcc .txtBody td{padding:10px 5px 0 0;white-space:nowrap;border:none}
header .multiText .hasAcc .txtBody td i.fa-regular,header .multiText .hasAcc .txtBody td i.fa-solid,header .multiText .hasAcc .txtBody td i.fa-light,header .multiText .hasAcc .txtBody td i.fa-thin{margin:0 10px 0 0}

header .multicolumn .buttonBox{width:auto}
header .multicolumn .buttonBox .btn a{display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
header .multicolumn .buttonBox .btn a img{display:inline-block;margin-right:10px;width:auto;height:22px}
header .multicolumn .buttonBox .btn a span.btnLabel{display:inline-block;width:auto}


/* --- GRIDS --- */

.ceItem.grids .gridGroup .grid-row .bodyWrap .txtWrap p a{text-decoration:underline;transition: color 0.3s ease, transform 0.3s ease;}
.ceItem.grids .gridGroup .grid-row .bodyWrap .txtWrap p a:hover{text-decoration:none;color: var(--main-color);transform: translateY(-2px);}

.gridText{margin-bottom:30px;max-width: 100%;padding: 1rem;box-sizing: border-box;}

.grids.blogfunc .gridGroup .gridItem{margin-bottom:0}
.grids.blogfunc .gridGroup .gridItem:nth-child(1){width:67%}
.grids.blogfunc .gridGroup .gridItem:nth-child(2){width:32%}
.grids.blogfunc .grid-container .grid-col > *{margin-bottom:0}

.grid-container .ceItem .c-bubble__container__actions {position: relative;overflow: visible;--l-bubble-scale--active: 1.1;}
.grid-container .ceItem .c-bubble {position: relative;display: flex;}

.grids .buttonBox span.btn{display:inline-block;margin:0 10px 20px 0;}


/* --- ROADMAP --- */

.ceItem.roadMap .rmItem .rmBox .bodyText p a{text-decoration:underline;transition: color 0.3s ease, transform 0.3s ease;}
.ceItem.roadMap .rmItem .rmBox .bodyText p a:hover{text-decoration:none;color: var(--main-color);transform: translateY(-2px);}

.ceItem.roadMap{margin:40px auto 0;width:70rem;text-align:center}
.ceItem.roadMap::before,.ceItem.roadMap::after{content:'';display:inline-block;position:relative;z-index:2;left:-2px;width:4px;height:20px}
.ceItem.roadMap::before{
	background:-moz-linear-gradient(top,#fff 0%,var(--main-color) 100%);
	background:-webkit-linear-gradient(top,#fff 0%,var(--main-color) 100%);
	background:linear-gradient(to bottom,#fff 0%,var(--main-color) 100%)
	}
.ceItem.roadMap::after{
	bottom:140px;width:100%;height:30px;
	background:-moz-linear-gradient(bottom,#fff 0%,transparent 100%);
	background:-webkit-linear-gradient(bottom,#fff 0%,transparent 100%);
	background:linear-gradient(to top,#fff 0%,transparent 100%);
	}
.ceItem.roadMap.expd::after{bottom:110px;width:24px;height:24px;background:none var(--main-color);-webkit-border-radius:50%;border-radius:50%}

.ceItem.roadMap .rmItem{position:relative;margin-top:-2.5vw;width:50%!important}
.ceItem.roadMap .rmItem:first-child{margin-top:-8px}
.ceItem.roadMap .rmItem.odd{margin-right:50%;padding-right:40px;border-right:4px solid var(--main-color)}
.ceItem.roadMap .rmItem.even{left:-4px;margin-left:50%;padding-left:40px;border-left:4px solid var(--main-color)}
.ceItem.roadMap .rmItem.hidden{display:none!important}

.ceItem.roadMap .rmItem .rmBox{display:inline-block;padding:20px;width:100%;background-color:#f2f2f2;-webkit-border-radius:8px;border-radius:8px}
.ceItem.roadMap .rmItem .rmBox *{text-align:left}

.ceItem.roadMap .rmItem .rmBox::after{content:'';position:absolute;top:calc(50% - 15px);width:30px;height:30px;background-color:#f2f2f2}
.ceItem.roadMap .rmItem.odd .rmBox::after{right:15px;clip-path:polygon(0 0, 0% 100%, 80% 50%);}
.ceItem.roadMap .rmItem.even .rmBox::after{left:15px;clip-path:polygon(100% 0, 20% 50%, 100% 100%);}

.ceItem.roadMap .rmItem .rmBox::before{content:'';position:absolute;z-index:3;top:calc(50% - 10px);width:20px;height:20px;background:#f27277;border:2px solid var(--main-color);border-radius:50%}
.ceItem.roadMap .rmItem.odd .rmBox::before{right:-14px}
.ceItem.roadMap .rmItem.even .rmBox::before{left:-14px}

.ceItem.roadMap .rmItem .rmBox .hGroup{position:relative;padding:0 0 20px}
.ceItem.roadMap .rmItem .rmBox .hGroup::after{display:none!important}
.ceItem.roadMap .rmItem .rmBox .hGroup > *{display:inline-block;width:auto}
.ceItem.roadMap .rmItem .rmBox .hGroup h2,.ceItem.roadMap .rmItem .rmBox .hGroup h3{padding-bottom:0;font-size:1.75rem!important;font-weight:bold}
.ceItem.roadMap .rmItem .rmBox .hGroup .gridDate{position:absolute;top:0;right:0;padding:3px 10px;font-size:var(--font-size-s);color:#fff;background-color:#565656;-webkit-border-radius:5px;border-radius:5px}
.ceItem.roadMap .rmItem:first-child .rmBox .hGroup .gridDate{background-color:var(--main-color)}

.ceItem.roadMap .buttonBox{margin-top:20px;width:100%;text-align:center}
.ceItem.roadMap .buttonBox > .btn{display:inline-block;padding:10px 20px;width:auto;border:1px solid var(--color-darkgrey);-webkit-border-radius:5px;border-radius:5px;cursor:pointer;-webkit-transition:all .4s;transition:all .4s}
.ceItem.roadMap .buttonBox > .btn:hover{background-color:var(--main-color);border-color:var(--main-color);color:var(--color-white)}


/* --- VIEWPORTS --- */

@media only screen and (min-width:2000px) {
	header ~ * .multiText figure > *{height:300px!important}
}

@media only screen and (min-width:200px) and (max-width:1399px) {
	.gridGroup[data-items="1234"] > section{width:30.33%}
	.gridGroup[data-items="123"] > section{width:47%}
	.gridGroup[data-items="12"] > section{width:100%}
}

@media only screen and (min-width:200px) and (max-width:1024px) {
	header ~ * .multiText figure > *{height:280px!important}

	.gridGroup[data-items="1234"] > section{width:47%}
	.gridGroup[data-items="123"] > section{width:100%}
}

@media only screen and (min-width:200px) and (max-width:768px) {
	.gridGroup[data-items="1234"] > section{width:100%}
}