.gridWrap{width:100%}
.textPic + .gridWrap{margin-top:20px}
.gridWrap.twoColWrap{padding-top:0}

.gridItem,.fsc .galWrap picture,.staffList .staffImage picture{position:relative}
.gridItem .bodyWrap > .hGroup::after{content:'';display:inline-block;margin-top:40px;width:2rem;height:3px;background-color:var(--main-color)}
.gridItem .themeWrap .bodyWrap > .hGroup::after{background-color:#fff}

header ~ *:not(footer) .bodyText + .gridGroup{margin-top:40px}

.gridItem .ceItem .imgRow .imgCol img,.gridItem .ceItem .imgRow .imgCol video{margin-bottom:0}

header .grid-row{height:60px;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}

.grid-container .ceItem .imgPosAbs .imgRow{position:relative}
.grid-container .ceItem .imgPosAbs .imgRow picture{position:absolute;top:-3.3vw;left:0;padding:0 20px;background-color:#fff}
.grid-container .ceItem .galWrap + .bodyWrap,.grid-container .ceItem .textPic.rev .galWrap{margin-top:30px}

.ceItem .imgRow .imgCol figure.rounded img{-webkit-border-radius:50%;border-radius:50%}
.ceItem .imgRow .imgCol figure.border > *{padding:10px 20px;border:1px solid #d2d2d2}
.ceItem .imgRow .imgCol figure.shadow{padding:10px 20px!important;box-shadow:0 1px 10px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-ms-box-shadow:0 1px 10px rgba(0,0,0,.1);-webkit-border-radius:5px;border-radius:5px}

main .gridItem .hGroup{padding:0}
footer .gridItem .hGroup *{color:#a2a2a2}

.grid-container .col-count-5{width:18%!important}
.grid-container .col-count-4{width:23%!important}
.grid-container .col-count-3{width:31.33%!important}
.grid-container .col-count-2{width:48%!important}
.grid-container .col-count-1{width:100%!important}

header .grid-container .gridItem{margin-left:2%}
header .grid-container .gridItem:first-child{margin:0}
header .grid-container .gridItem{width:auto!important}

header ~ *:not(footer) .grid-container .grid-row{margin-left:-2%;width:102%}
header ~ *:not(footer) .grid-container .gridItem{margin:0 0 2% 2%}

header ~ *:not(footer) .grid-container .col-count-5{width:18%!important}
header ~ *:not(footer) .grid-container .col-count-4{width:23%!important}
header ~ *:not(footer) .grid-container .col-count-3{width:31.33%!important}
header ~ *:not(footer) .grid-container .col-count-2{width:48%!important}
header ~ *:not(footer) .grid-container .col-count-1{width:100%!important}

header ~ *:not(footer) .grid-container .grid-col{margin:1% 0 1% 2%}
header ~ *:not(footer) .grid-container .col-lg-3{width:23%!important}
header ~ *:not(footer) .grid-container .col-lg-4{width:31.33%!important}
header ~ *:not(footer) .grid-container .col-lg-6{width:48%!important}
header ~ *:not(footer) .grid-container .col-lg-8{width:64.66%!important}
header ~ *:not(footer) .grid-container .col-lg-9{width:73%!important}

.eventSingle .grid-container .gridItem{width:100%!important}

.grid-container .grid-col > * > *{height:100%}
.grid-container .grid-col > *{width:100%}
.fsc .grid-container .grid-col > *{height:100%}

.grid-container .grid-col .itemWrap  .galWrap.cols-4 {display:flex}

.ceItem.fourthcol.minHeight .gridItem .ceItem {height:100% !important;transition: transform 0.2s ease-in-out;transform: scale(1);}
.ceItem.fourthcol.minHeight .gridItem .ceItem:hover {transform: scale(1.05);}
.ceItem.fourthcol.minHeight .gridItem .ceItem .itemWrap {padding:30px 15px !important}

.ceItem.threeCol .hGroup::after{border:2px solid}

header ~ *:not(footer) .grid-row + .buttonBox{margin-top:40px}
header ~ *:not(footer) .gridItem .txtWrap img{width:auto!important}
header ~ *:not(footer) .gridItem .flexCol .txtWrap,header ~ *:not(footer) .gridItem .flexCol .buttonWrap{margin-top:30px}
header ~ *:not(footer) .gridItem .buttonWrap .btn.bgColor{margin-right:20px}
header ~ *:not(footer) .gridItem .buttonWrap .btn:only-child{margin:15px 0 0}


/* gridframes */

.mainBox .gridTheme > *{padding:0 30px 30px 30px;border:4px solid #525252;box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none}
.mainBox .mainTheme > *{border-color:var(--main-color-dark)}

.mainBox .gridTheme .hGroup{padding:0}
.mainBox .gridTheme .hGroup *{font-size:1.6rem !important}
.mainBox .mainTheme .hGroup *{color:#fff}
.mainBox .themeWrap .bodyWrap *{color:#fff}

.mainBox .gridTheme .imgPosAbs picture{top:-50px!important}
