/* --- ALL --- */

.ceItem.hasBg .itemWrap{padding:40px;-webkit-border-radius:20px;border-radius:20px}
.ceItem.hasBg.lightGrey .itemWrap{background-color:#384047}

.ceItem.gridContainer{padding:0}
.ceItem.gridContainer:only-child{margin:0}
.ceItem.gridContainer .col:only-child{width:100%!important}


/* --- IMAGES --- */

.ceItem.imageOnly .galWrap .imgRow{text-align:center}
.ceItem.imageOnly .galWrap .imgRow > *{display:inline-block}


/* --- TEXT --- */

.ceItem .txtWrap,#leftBox .ceItem .txtWrap .addText.inner{width:100%}

.ceItem.iLeft .txtWrap{padding-left:1vw}

#rightBox .ceItem .txtWrap .bodyText *{font-size:20px}
#rightBox .ceItem .txtWrap .bodyText h3{}
#rightBox .ceItem .txtWrap .bodyText h3.text-center{margin:30px auto 20px auto;width:60%}
#rightBox .ceItem .txtWrap .bodyText h3.text-center > strong{display:inline-block;padding:10px 30px 12px;width:auto;background-color:#24292e;-webkit-border-radius:7px;border-radius:7px}
#rightBox .ceItem .txtWrap .bodyText h3.text-center,#rightBox .ceItem .txtWrap .bodyText h3.text-center *{font-size:25px}
#rightBox .ceItem .txtWrap .bodyText h3 .text-muted{display:inline-block;position:relative;top:-2px;left:15px;width:65px;height:65px;background-color:#52ffb8;-webkit-border-radius:50%;border-radius:50%}
#rightBox .ceItem .txtWrap .bodyText h3 .text-muted *{position:relative;top:8px;font-size:40px;color:#1a1a1a}

.darkMode #rightBox .ceItem .txtWrap .bodyText *{color:#fff}


/* --- HEADER --- */

.ceItem .hGroup{padding-bottom:30px}
.ceItem .headWrap:only-child .hGroup{padding-bottom:0}

.ceItem .hGroup.accHandler,.ceItem .hGroup.btnHeader a{padding:20px;background-color:transparent;border:2px solid #1a1a1a;cursor:pointer}
.ceItem .hGroup.accHandler *,.ceItem .hGroup.btnHeader *{font-size:25px;font-weight:normal;font-style:normal}
.ceItem .hGroup.accHandler:hover,.ceItem .hGroup.accHandler.cur,.ceItem .hGroup.btnHeader a:hover{color:#fff;background-color:#384047;border-color:#384047}
.ceItem .hGroup.accHandler + *{display:none;margin-top:10px;padding:40px;background-color:#f2f2f2;-webkit-transition:none;transition:none}

.ceItem .hGroup h4.coloured{padding:0 0 20px}
.ceItem .hGroup h4.coloured > *{display:inline-block;padding:10px 25px;width:auto;font-size:20px;font-weight:normal;color:#1a1a1a;background-color:#52ffb8;-webkit-border-radius:15px;border-radius:15px}
#rightBox > .ceItem:first-child .hGroup h4.coloured,#rightBox > .gridItem:first-child .hGroup h4.coloured{padding:0 0 5px}
#rightBox > .ceItem:first-child .hGroup h4.coloured > *,#rightBox > .gridItem:first-child .hGroup h4.coloured > *{padding:3px 10px;;-webkit-border-radius:7px;border-radius:7px}

.ceItem .hGroup .hasColor{color:#52ffb8}

footer .ceItem .hGroup > *{display:inline-block;width:auto}
footer .ceItem .hGroup .hasColor{display:inline-block;padding:3px 10px;width:auto;font-size:12px;font-family:jsr,arial,helvetica,awesome,awesome5,microns,sans-serif;font-weight:normal;color:#1a1a1a;background-color:#52ffb8;-webkit-border-radius:3px;border-radius:3px}

.ceItem .hGroup.btnHeader{padding-bottom:0}
.ceItem .hGroup.btnHeader a{display:block;width:100%;background-color:#f2f2f2;border-color:#f2f2f2}

#page.darkMode .ceItem .hGroup *:not(.topTitle),#page.darkMode .ceItem .bodyText *{color:#fff}
#page.darkMode .ceItem .hGroup .coloured *,
#page.darkMode footer .ceItem .hGroup .hasColor{color:#1a1a1a}


/* --- MEDIABOX --- */

header .ceItem{position:relative;width:100%;height:100%}
header .ceItem .bgWrap{display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover}
header .ceItem.hasBgWrap .itemWrap{position:relative;z-index:2;padding:25px 40px 30px;width:auto;background-color:rgba(255,255,255,.2)}
header .ceItem.hasBgWrap .itemWrap *{color:#fff}


/* --- MAINBOX --- */

/* main .ceItem.extCont{margin:0;padding:0} */

main .gridItem{padding:40px;background-color:#384047;border:none;-webkit-border-radius:20px;border-radius:20px}

main .ceItem.addPadding,main .gridItem.addPadding{padding:0 20%}
main .ceItem.vertSpacing.addPadding,main .gridItem.vertSpacing.addPadding{padding:40px 20%}
main .ceItem.addMargin,main .gridItem.addMargin{margin:0 20%;width:60%}
main .ceItem.vertSpacing.addMargin,main .gridItem.vertSpacing.addMargin{margin:40px 20%}
main .ceItem.addMargin:last-child,main .gridItem.addMargin:last-child{margin-bottom:40px}
#menuBox + main #rightBox > .ceItem:first-child,#menuBox + main #rightBox > .gridItem:first-child{margin-top:100px}

main .ceItem.hasBorder,main .gridItem.hasBorder{border-style:solid;border-color:#dadada}
main #leftBox .ceItem.hasBorder,main #leftBox .gridItem.hasBorder{border-color:#384047}
main .ceItem.borderTop,main .gridItem.borderTop{border-top-width:2px;padding-top:30px}
main .ceItem.borderBottom,main .gridItem.borderBottom{border-bottom-width:2px;padding-bottom:30px}
main .ceItem.borderRight,main .gridItem.borderRight{border-right-width:2px;padding-right:40px}
main .ceItem.borderLeft,main .gridItem.borderLeft{border-left-width:2px;padding-left:40px}

main #leftBox .ceItem.borderTop,main #leftBox .gridItem.borderTop{border-top-width:2px;margin-top:20px;padding-top:20px}
main #leftBox .ceItem.borderBottom,main #leftBox .gridItem.borderBottom{border-bottom-width:2px;margin-bottom:20px;padding-bottom:20px}
main #leftBox .ceItem.borderBottom + *,main #leftBox .gridItem.borderBottom + *{padding-top:0}

main #rightBox .ceItem + *,main #rightBox .gridItem + *{margin-top:40px}

main .ceItem.hasShadow,main .gridItem.hasShadow{-webkit-box-shadow:0 4px 4px rgba(0,0,0,.2);box-shadow:0 4px 4px rgba(0,0,0,.2)}

main .ceItem.accBox,main .ceItem.btnBox{display:inline-block;margin:10px 20% 0;padding:0;width:60%;-webkit-transition:none;transition:none}
main .ceItem.accBox:first-child,main .ceItem.btnBox:first-child{margin-top:40px}
main .ceItem.accBox.onlyChild{margin-top:40px;margin-bottom:40px}
main .ceItem.accBox .itemWrap,main .ceItem.accBox .hGroup,main .ceItem.btnBox .itemWrap,main .ceItem.btnBox .hGroup{width:100%}
main .ceItem.accBox:last-child,main .ceItem.btnBox:last-child{margin-bottom:40px}


/* --- TABLES --- */

.ceItem table,.confirmData table{margin-top:1vw;width:100%;border-collapse:collapse}
.ceItem td,.ceItem th,.confirmData td,.confirmData th{padding:.5vw;width:auto!important;line-height:130%;vertical-align:top;border-width:1px;background-color:#fff}
.ceItem td:first-child,.confirmData td:first-child{background-color:#f2f2f2}


/* --- EXTENDED TEXT (MASK) --- */

.ceItem.extCont.iTop .galWrap{margin-bottom:40px}
footer .ceItem.extCont.iTop .galWrap{margin-bottom:0}
.ceItem.extCont.iCenter .galWrap figure{display:block;text-align:center}
.ceItem.extCont .galWrap figure img{display:inline-block}

/* main .ceItem.extCont.hasBadge{position:relative} */
main .ceItem.extCont .badgeBox{position:absolute;top:-20px;left:-4vw;width:150px;height:150px;color:#fff;background-color:#24292e;-webkit-border-radius:50%;border-radius:50%}
main .ceItem.extCont .badgeBox span.innerWrap{position:relative;top:-5px}
main .ceItem.extCont .badgeBox span.innerWrap span{display:block;font-family:jsb,arial,helveticablack,helvetica,awesome,awesome5,microns,sans-serif;font-weight:bold;text-align:center;line-height:1}
main .ceItem.extCont .badgeBox span.badgeTitle{padding-bottom:5px;font-size:40px}
main .ceItem.extCont .badgeBox span.badgeSub{font-size:18px}

.layout-1 main .ceItem.extCont .txtWrap .bodyText *,.layout-2 main .ceItem.extCont .txtWrap .bodyText *{text-align:left}

main .ceItem.extCont .galWrap.flexRow .imgCol{margin-top:30px}
main .ceItem.extCont .galWrap figcaption{padding-top:10px}
main .ceItem.extCont .galWrap figcaption *{text-align:left}
main .ceItem.extCont .galWrap figcaption .capTitle{margin:10px 0 20px;font-size:18px}
main .ceItem.extCont .galWrap figcaption .capTitle p,
main .ceItem.extCont .galWrap figcaption .capDesc p:first-child{margin:0}

main .ceItem.extCont .lnkWrap{margin-top:30px}
main .ceItem.extCont .lnkWrap.noButton{margin-top:0}
main .ceItem.extCont .lnkWrap > span{display:inline-block}
main .ceItem.extCont .lnkWrap .button.next > *{display:inline-block;padding:10px 20px;width:auto;font-size:20px;color:#fff;background-color:#2542e4;border-color:#2542e4;-webkit-border-radius:7px;border-radius:7px;cursor:pointer}
main .ceItem.extCont .lnkWrap .button.next > *::after{position:relative;top:2px;left:0;margin-left:10px;font-family:awesome5}
main .ceItem.extCont .lnkWrap + .infoWrap p{text-align:center;font-size:12px;color:#aaa}

main .ceItem.extCont .lnkWrap .link a{font-size:20px}
.darkMode main .ceItem.extCont .lnkWrap .link a{color:#fff}
.darkMode main .ceItem.extCont .lnkWrap .link a:hover{color:#aaa}
main .ceItem.extCont .lnkWrap .link a::after{content:'→';padding-left:10px}

main #leftBox .ceItem.extCont .lnkWrap{margin:0;padding:20px 0}
main #leftBox .ceItem.extCont .lnkWrap > span{width:80%}
main #leftBox .ceItem.extCont .lnkWrap .button > *{display:inline-block;padding:5px 30px;font-size:18px;background-color:#384047;border-color:#384047;-webkit-border-radius:25px;border-radius:25px}
main #leftBox .ceItem.extCont .lnkWrap .button:hover > *{background-color:transparent;border-color:#fff}

main #rightBox .ceItem.extCont .lnkWrap .button > *{font-size:25px;font-family:jsb,arial,helveticablack,helvetica,awesome,awesome5,microns,sans-serif;font-weight:bold;color:#1a1a1a;background-color:#52FFB8;border-color:#52FFB8;-webkit-border-radius:15px;border-radius:15px}
main #rightBox .ceItem.extCont .lnkWrap .button:hover > *{color:#fff;background-color:transparent;border-color:#fff}

main .ceItem.extCont .pageNav{display:inline-block;padding-top:40px;width:100%;text-align:center}
main .ceItem.extCont .pageNav > *{display:inline-block;width:auto;color:#fff;cursor:pointer}
main .ceItem.extCont .pageNav > *:hover{color:#aaa}
main .ceItem.extCont .pageNav > *::after{content:'\ea92';font-size:60px}