@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
/************ TEMPLATE  ************
Rotator Size: 

/************ FONTS  ************
Serif: Cinzel
Sans Serif: Lato

/************ COLORS  ************
Light Blue: #238ae6;
Grey: #7A7A7A;
Black: #000000;
White: #ffffff;
************/

:root {
    --primary-color: #238ae6;
}

@media only screen and (max-width: 767px) {
    h3 {font-size: 1.2rem;}
    h4 {font-size: 1.0rem;}
}

.qbt-page {
    --primary-color-rgb: 0,13,63;   /* Dark Navy Blue */
    --secondary-color-rgb: 198,147,56;   /* Goldenrod */
    --tertiary-color-rgb: 240,234,214;   /* Ivory Taupe */
    --default-white-rgb: 255,255,255;
    --default-black-rgb: 0,0,0;

    --primary-color: rgba(var(--primary-color-rgb),1);
    --secondary-color: rgba(var(--secondary-color-rgb),1);
    --tertiary-color: rgba(var(--tertiary-color-rgb),1);
    --default-white: rgba(var(--default-white-rgb),1);
    --default-black: rgba(var(--default-black-rgb),1);

    --title-font-family: 'EB Garamond', serif;
    --body-font-family: 'Lato', sans-serif;
}


/*************** TOP ********************/
.nav-logo {display: flex; align-items: center; height: 100%; margin-left: 2vw;}
.s-logo {color: #ede8e4; font-size: 2vw; font-family: 'Cinzel', serif; text-transform: uppercase; font-weight: bold; text-shadow: 1px 0px 10px rgba(0,0,0,.2); margin: 0;}
@media only screen and (max-width: 767px) {
    #g-top {background: #238ae6;}
    .nav-logo {text-align: center; justify-content: center; width: 100%; margin-left: 0; box-shadow: 1px 1px 10px rgba(0,0,0,.9);}
    .s-logo {height: 80px; width: auto; font-size: 2rem; margin-top: 2.5rem;}
}

/*************** NAVIGATION *************/
#g-navigation {border-bottom: 2px solid rgba(237, 232, 228, 1); position: fixed; top: 0; z-index: 1000; width: 100%; box-shadow: 1px 1px 10px rgba(0,0,0,.9);}
.g-main-nav .g-standard .g-fade.g-dropdown, .g-dropdown, .g-main-nav:not(.g-menu-hastouch) .g-dropdown {margin-top: 2px; box-shadow: 0px 2px 15px rgba(0,0,0,.3);}

@media only screen and (max-width: 767px) {
    .g-main-nav .g-standard .g-fade.g-dropdown, .g-dropdown, .g-main-nav:not(.g-menu-hastouch) .g-dropdown {margin-top: 0; box-shadow: none;}
}

/*************** SHOWCASE ***************/
.styles-title {text-align: center;}
.s-header {color: #ede8e4; font-size: 6vw; font-family: 'Montserrat', sans-serif; font-weight: bold; text-shadow: -3px 0px 0px rgba(0,0,0,.2); letter-spacing: 5px;}
.styles-title p {color: #c1afa8; font-weight: bold; font-size: 2rem; letter-spacing: 1px; text-shadow: -4px -3px 2px rgba(0,0,0,.2);}

.homelayout #g-showcase .layout-slideshow .sprocket-features-img-list {height: 100%;}
.homelayout #g-showcase .layout-slideshow .sprocket-features-img-list li {height: 100%;}
.searchlayout #g-showcase .layout-slideshow .sprocket-features-img-list {height: 100%;}
.searchlayout #g-showcase .layout-slideshow .sprocket-features-img-list li {height: 100%;}

.h-block .platform-content {text-align: center;}
.hrotate {width: 100%; height: 14vw;}
.rotate-icon {display: flex; align-items: center; height: 100%; justify-content: space-around;}
.rotate-icon i {font-size: 10vw; text-shadow: -4px -3px 2px rgba(0,0,0,.2);}
.homelayout #g-showcase .layout-slideshow {height: 100%;}
.homelayout #g-showcase .layout-slideshow .sprocket-features-content {position: initial; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
.homelayout #g-showcase .layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc {background: transparent; width: 100%; height: 100%;}
.searchlayout #g-showcase .layout-slideshow {height: 100%;}
.searchlayout #g-showcase .layout-slideshow .sprocket-features-content {position: initial; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
.searchlayout #g-showcase .layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc {background: transparent; width: 100%; height: 100%;}

.homelayout #g-showcase .layout-slideshow .sprocket-features-arrows .arrow {margin-top: -20px;}
.searchlayout #g-showcase .layout-slideshow .sprocket-features-arrows .arrow {margin-top: -20px;}

.homelayout #g-showcase, .searchlayout #g-showcase {padding: 5vw 10% 2vw 10%!important;}

@media only screen and (max-width: 767px) {
    .s-header {font-size: 4rem;}
    .hrotate {height: 30vw;}
    .rotate-icon i {font-size: 10rem;}
    #g-showcase {box-shadow: none;}
}

/*************** FEATURE ****************/
.icon-box {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: auto;}

.icon-links {display: flex; width: 25%; height: inherit; text-align: center; justify-content: space-around; margin: 0;}
.icon-links a {display: flex; flex-direction: column; text-align: center; width: 10vw; margin-top: 2vw;}

.icon-img {order: 1; height: inherit; width: inherit;}
.icon-img i {font-size: 5vw; color: #81c8ee;}

.icon-text {order: 2; height: inherit; width: inherit;}
.icon-text p {font-size: 2vw; color: #81c8ee;}

@media only screen and (max-width: 767px) {
    .icon-links {width: 50%;}
    .icon-links a {width: 32vw;}
    .icon-img i {font-size: 5rem;}
    .icon-text p {font-size: 1.4rem;}
}

/*************** FOOTER ******************/
#g-footer {border-top: none;}

.g-offcanvas-toggle {color: #ede8e4;}

/*************** MAINBAR *****************/
#g-mainbar:not(.no-shadow #g-mainbar) {box-shadow: inset 0px -2px 20px rgba(0,0,0,.3);}

@media only screen and (max-width: 767px) {
    #g-mainbar {box-shadow: none;}
}

.ffcontentback .sprocket-features-content {
    background: rgba(0,0,0,.3);
}

#g-container-main {padding-top: 2vw!important;}

/*************** Staff Pages ***************/
.mstaff #g-container-main {padding-top: 60.11px!important;}
.mstaff #g-bottom {background: #ffffff; color: #333;}
.mstaff #g-bottom h3.g-title {border-top: none;}
.mstaff .imagebox h3 {text-align: center;}

.mstaff .imagebox {display: flex; flex-direction: row;}
.mstaff .imagebox div {margin-right: 1vw;}
.mstaff .imagebox div img {margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;}

.teacherbox .button {border: 1px solid #238ae6;}

@media only screen and (max-width: 767px) {
    .mstaff #g-container-main {padding-top: 0!important;}
    .mstaff .imagebox {flex-direction: column;}
    .mstaff .imagebox div {display: flex; flex-direction: column; justify-content: center;}
}

@media only screen and (min-width: 1200px) and (max-width: 1277px) {
    .mstaff #g-container-main {padding-top: 80px!important;}
}
@media only screen and (min-width: 1020px) and (max-width: 1190px) {
    .mstaff #g-container-main {padding-top: 80px!important;}
}
@media only screen and (min-width: 960px) and (max-width: 1020px) {
    .mstaff #g-container-main {padding-top: 90px!important;}
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
    .mstaff #g-container-main {padding-top: 90px!important;}
}

/***************** ALERT PAGE *********************/
.alert-page #g-slideshow {margin-top: 50px;}

/***************** VERTICAL QUICKLINKS ************/
.qlvertical {margin-left: 1vw!important;}
.qlvertical h4.sprocket-strips-title a {background: rgba(190,31,36,.8);}
.qlvertical h4.sprocket-strips-title a:hover {background: rgba(190,31,36,1);}

/***************** SHOWCASE CONTENT TOP THIRD *****/
.samplelayout #g-expanded {padding: 1vw 5%!important;}

        /*Rotator*/
.sc-ct-third .sprocket-features-desc {background: linear-gradient(to right, rgba(190,31,36,.8), rgba(190,31,36,0)); padding-left: 2vw; position: relative;}
.sc-ct-third :is(h1,h2,h3,h4,h5,h6) {text-transform: uppercase; font-size: 1.4vw; font-family: 'Lato', sans-serif; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,.7)}
.sc-ct-third p {font-size: 1vw; text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
.sc-ct-third .readon {background: none; text-transform: uppercase; position: absolute; bottom: 5px; right: 20%; font-size: 1vw; text-shadow: 1px 1px 1px rgba(0,0,0,.7);}

@media only screen and (max-width: 767px) {
    .samplelayout #g-expanded {padding: 0!important;}

        /*Rotator*/
    .sc-ct-third .sprocket-features-desc {background: linear-gradient(to right, rgba(190,31,36,.8), rgba(190,31,36,.5));}
    .sc-ct-third :is(h1,h2,h3,h4,h5,h6) {font-size: 4.2vw;}
    .sc-ct-third p {font-size: 3.5vw;}
    .sc-ct-third .readon {font-size: 3.5vw; bottom: 5px; right: 0;}
}



/**************** PARISH-1 ******************/
.parish-1 {
    --primary-color: #238ae6;
    --secondary-color: #7A7A7A;
    
    --primary-rgb: 35,138,230;
    --secondary-rgb: 122,122,122;

    --title-font-family: 'Montserrat';
    --body-font-family: 'Cinzel';

    --default-white: #ffffff;
    --default-black: #000000;

    --transparent: rgba(255,255,255,0);

    --default-box-shadow: 0px 0px 10px rgba(0,0,0,.5);

    --swiper-box-shadow: var(--default-box-shadow);

    --default-transition: all .2s ease-in-out;
}


.parish-1 #g-top {padding-bottom: 1vw!important;}
.parish-1 #g-container-main {padding-top: 0!important;}
.parish-1 .particle-settings-display {display: flex; flex-direction: row; justify-content: flex-start;}
.parish-1 .particle-settings-display > div {display: flex; flex-direction: column; justify-content: center;}
.parish-1 .particle-settings-display > div > div {text-align: center;}
.parish-1 .particle-settings-display > div > a {display: flex; justify-content: center;}

@media only screen and (max-width: 50.99rem) {
    .parish-1 .particle-settings-display {flex-wrap: wrap;}
    .parish-1 .particle-settings-display > div {flex: 50%;}
}

.parish-1.no-shadow #g-top {padding-bottom: 6vw!important;}

.g-container {width: 1920px;}

@media only screen and (max-width: 1920px) {
    .g-container {width: 100%;}
}

.parish-1 .image-rows {display: flex; flex-direction: row;} 

body {
    --qlsol-transition: .3s all ease-in-out;

    --qlsol-wrapper-margin: 0;
    --qlsol-wrapper-padding: 0;

    --qlsol-bc-margin: 0;
    --qlsol-bc-padding: 0;

    --qlsol-bc-sc-margin: 0;
    --qlsol-bc-sc-padding: 0;
    --qlsol-bc-sc-display: flex;
    --qlsol-bc-sc-flex-direction: unset;
    --qlsol-bc-sc-gap: 0;
    --qlsol-bc-sc-justify-content: unset;
    --qlsol-bc-sc-align-items: unset;
    --qlsol-bc-sc-flex-wrap: nowrap;

    --qlsol-bc-sc-b-margin: 0;
    --qlsol-bc-sc-b-padding: 0;
    --qlsol-bc-sc-b-box-shadow: none;
    --qlsol-bc-sc-b-border-radius: 0;
    --qlsol-bc-sc-b-flex: 1;

    --qlsol-bc-sc-b-c-margin: 0;
    --qlsol-bc-sc-b-c-padding: 0;

    --qlsol-img-margin: 0;
    --qlsol-img-padding: 0;
    --qlsol-img-height: unset;
    --qlsol-img-width: 100%;
    --qlsol-img-aspect-ratio: 4/3;
    --qlsol-img-border-radius: 0;
    --qlsol-img-object-position: center;
    --qlsol-img-object-fit: cover;

    --qlsol-subtitle-margin: 0;
    --qlsol-subtitle-padding: 0;

    --qlsol-icon-margin: 0;
    --qlsol-icon-padding: 0;

    --qlsol-title-border-position: absolute;
    --qlsol-title-border-top: 1vw;
    --qlsol-title-border-bottom: 1vw;
    --qlsol-title-border-left: 1vw;
    --qlsol-title-border-right: 1vw;
    --qlsol-title-border-width: 2px;
    --qlsol-title-border-style: solid;
    --qlsol-title-border-color: var(--default-white);
    --qlsol-title-border-border: var(--qlsol-title-border-width) var(--qlsol-title-border-style) var(--qlsol-title-border-color);
    --qlsol-title-border-border-radius: 0;

    --qlsol-title-margin: 0;
    --qlsol-title-padding: 0;
    --qlsol-title-position: unset;
    --qlsol-title-top: 0;
    --qlsol-title-bottom: 0;
    --qlsol-title-left: 0;
    --qlsol-title-right: 0;
    --qlsol-title-display: unset;
    --qlsol-title-justify-content: unset;
    --qlsol-title-align-items: unset;
    --qlsol-title-bg-opacity: .6;
    --qlsol-title-bg-opacity-hover: .8;
    --qlsol-title-bg-color-rgb: var(--primary-color-rgb);
    --qlsol-title-bg: rgba(var(--qlsol-title-bg-color-rgb),var(--qlsol-title-bg-opacity));
    --qlsol-title-color: var(--primary-color);
    --qlsol-title-color-hover: var(--primary-color);
    --qlsol-title-text-align: center;
    --qlsol-title-font-family: var(--title-font-family);
    --qlsol-title-font-size: 1.25vw;
    --qlsol-title-font-weight: 400;
    --qlsol-title-line-height: 1;
    --qlsol-title-text-transform: none;
    --qlsol-title-fvc: normal;
    --qlsol-title-font-style: normal;
    --qlsol-title-letter-spacing: normal;

    --qlsol-title-text-margin: 0;
    --qlsol-title-text-padding: 0;

    --qlsol-desc-margin: 0;
    --qlsol-desc-padding: 0;
}

@media only screen and (min-width: 50.99rem) {
    .quicklinks-base.ql-bc-sc-gap-point-25 {
        --qlsol-bc-sc-gap: .25vw;
    }
    .quicklinks-base.ql-bc-sc-gap-point-5 {
        --qlsol-bc-sc-gap: .5vw;
    }
    .quicklinks-base.ql-bc-sc-gap-point-75 {
        --qlsol-bc-sc-gap: .75vw;
    }
    .quicklinks-base.ql-bc-sc-gap-1 {
        --qlsol-bc-sc-gap: 1vw;
    }
    .quicklinks-base.ql-bc-sc-gap-1-point-25 {
        --qlsol-bc-sc-gap: 1.25vw;
    }
    .quicklinks-base.ql-bc-sc-gap-1-point-5 {
        --qlsol-bc-sc-gap: 1.5vw;
    }
    .quicklinks-base.ql-bc-sc-gap-1-point-75 {
        --qlsol-bc-sc-gap: 1.75vw;
    }
    .quicklinks-base.ql-bc-sc-gap-2 {
        --qlsol-bc-sc-gap: 2vw;
    }
    .quicklinks-base.ql-bc-sc-gap-2-point-25 {
        --qlsol-bc-sc-gap: 2.25vw;
    }
    .quicklinks-base.ql-bc-sc-gap-2-point-5 {
        --qlsol-bc-sc-gap: 2.5vw;
    }
    .quicklinks-base.ql-bc-sc-gap-2-point-75 {
        --qlsol-bc-sc-gap: 2.75vw;
    }
    .quicklinks-base.ql-bc-sc-gap-3 {
        --qlsol-bc-sc-gap: 3vw;
    }
    .quicklinks-base.ql-bc-sc-gap-3-point-25 {
        --qlsol-bc-sc-gap: 3.25vw;
    }
    .quicklinks-base.ql-bc-sc-gap-3-point-5 {
        --qlsol-bc-sc-gap: 3.5vw;
    }
    .quicklinks-base.ql-bc-sc-gap-3-point-75 {
        --qlsol-bc-sc-gap: 3.75vw;
    }
    .quicklinks-base.ql-bc-sc-gap-4 {
        --qlsol-bc-sc-gap: 4vw;
    }
    .quicklinks-base.ql-bc-sc-gap-4-point-25 {
        --qlsol-bc-sc-gap: 4.25vw;
    }
    .quicklinks-base.ql-bc-sc-gap-4-point-5 {
        --qlsol-bc-sc-gap: 4.5vw;
    }
    .quicklinks-base.ql-bc-sc-gap-4-point5 {
        --qlsol-bc-sc-gap: 4.75vw;
    }
    .quicklinks-base.ql-bc-sc-gap-5 {
        --qlsol-bc-sc-gap: 5vw;
    }

    .quicklinks-base.ql-title-padding-point-25 {
        --qlsol-title-padding: .25vw;
    }
    .quicklinks-base.ql-title-padding-point-5 {
        --qlsol-title-padding: .5vw;
    }
    .quicklinks-base.ql-title-padding-point-75 {
        --qlsol-title-padding: .75vw;
    }
    .quicklinks-base.ql-title-padding-1 {
        --qlsol-title-padding: 1vw;
    }
    .quicklinks-base.ql-title-padding-1-point-25 {
        --qlsol-title-padding: 1.25vw;
    }
    .quicklinks-base.ql-title-padding-1-point-5 {
        --qlsol-title-padding: 1.5vw;
    }
    .quicklinks-base.ql-title-padding-1-point-75 {
        --qlsol-title-padding: 1.75vw;
    }
    .quicklinks-base.ql-title-padding-2 {
        --qlsol-title-padding: 2vw;
    }
    .quicklinks-base.ql-title-padding-2-point-25 {
        --qlsol-title-padding: 2.25vw;
    }
    .quicklinks-base.ql-title-padding-2-point-5 {
        --qlsol-title-padding: 2.5vw;
    }
    .quicklinks-base.ql-title-padding-2-point-75 {
        --qlsol-title-padding: 2.75vw;
    }
    .quicklinks-base.ql-title-padding-3 {
        --qlsol-title-padding: 3vw;
    }
    .quicklinks-base.ql-title-padding-3-point-25 {
        --qlsol-title-padding: 3.25vw;
    }
    .quicklinks-base.ql-title-padding-3-point-5 {
        --qlsol-title-padding: 3.5vw;
    }
    .quicklinks-base.ql-title-padding-3-point-75 {
        --qlsol-title-padding: 3.75vw;
    }
    .quicklinks-base.ql-title-padding-4 {
        --qlsol-title-padding: 4vw;
    }
    .quicklinks-base.ql-title-padding-4-point-25 {
        --qlsol-title-padding: 4.25vw;
    }
    .quicklinks-base.ql-title-padding-4-point-5 {
        --qlsol-title-padding: 4.5vw;
    }
    .quicklinks-base.ql-title-padding-4-point-75 {
        --qlsol-title-padding: 4.75vw;
    }
    .quicklinks-base.ql-title-padding-5 {
        --qlsol-title-padding: 5vw;
    }

    .quicklinks-base.title-title-font {
        --qlsol-title-font-family: var(--title-font-family);
    }
    .quicklinks-base.title-body-font {
        --qlsol-title-font-family: var(--body-font-family);
    }

    .quicklinks-base.title-weight-100 {
        --qlsol-title-font-weight: 100;
    }
    .quicklinks-base.title-weight-200 {
        --qlsol-title-font-weight: 200;
    }
    .quicklinks-base.title-weight-300 {
        --qlsol-title-font-weight: 300;
    }
    .quicklinks-base.title-weight-400 {
        --qlsol-title-font-weight: 400;
    }
    .quicklinks-base.title-weight-500 {
        --qlsol-title-font-weight: 500;
    }
    .quicklinks-base.title-weight-600 {
        --qlsol-title-font-weight: 600;
    }
    .quicklinks-base.title-weight-700 {
        --qlsol-title-font-weight: 700;
    }
    .quicklinks-base.title-weight-800 {
        --qlsol-title-font-weight: 800;
    }
    .quicklinks-base.title-weight-900 {
        --qlsol-title-font-weight: 900;
    }

    .quicklinks-base.title-text-align-left {
        --qlsol-title-text-aling: left;
    }
    .quicklinks-base.title-text-align-center {
        --qlsol-title-text-aling: center;
    }
    .quicklinks-base.title-text-align-right {
        --qlsol-title-text-aling: right;
    }

    .quicklinks-base.title-fvc-normal {
        --qlsol-title-fvc: normal;
    }
    .quicklinks-base.title-fvc-small-caps {
        --qlsol-title-fvc: small-caps;
    }
    .quicklinks-base.title-fvc-all-small-caps {
        --qlsol-title-fvc: all-small-caps;
    }
    .quicklinks-base.title-fvc-petite-caps {
        --qlsol-title-fvc: petite-caps;
    }
    .quicklinks-base.title-fvc-all-petite-caps {
        --qlsol-title-fvc: all-petite-caps;
    }
    .quicklinks-base.title-fvc-unicase {
        --qlsol-title-fvc: unicase;
    }
    .quicklinks-base.title-fvc-titling-caps {
        --qlsol-title-fvc: titling-caps;
    }

    .quickinks-base.title-transform-none {
        --qlsol-title-text-transform: none;
    }
    .quickinks-base.title-transform-capitalize {
        --qlsol-title-text-transform: capitalize;
    }
    .quickinks-base.title-transform-uppercase {
        --qlsol-title-text-transform: uppercase;
    }
    .quickinks-base.title-transform-lowercase {
        --qlsol-title-text-transform: lowercase;
    }
    .quickinks-base.title-transform-full-width {
        --qlsol-title-text-transform: full-width;
    }

    .quicklinks-base.title-bg-primary {
        --qlsol-title-bg-color-rgb: var(--primary-color-rgb);
    }
    .quicklinks-base.title-bg-secondary {
        --qlsol-title-bg-color-rgb: var(--secondary-color-rgb);
    }
    .quicklinks-base.title-bg-tertiary {
        --qlsol-title-bg-color-rgb: var(--tertiary-color-rgb);
    }
    .quicklinks-base.title-bg-black {
        --qlsol-title-bg-color-rgb: var(--default-black-rgb);
    }
    .quicklinks-base.title-bg-white {
        --qlsol-title-bg-color-rgb: var(--default-white-rgb);
    }

    .quicklinks-base.title-overlay.title-border.title-border-color-primary {
        --qlsol-title-border-color: var(--primary-color);
    }
    .quicklinks-base.title-overlay.title-border.title-border-color-secondary {
        --qlsol-title-border-color: var(--secondary-color);
    }
    .quicklinks-base.title-overlay.title-border.title-border-color-tertiary {
        --qlsol-title-border-color: var(--tertiary-color);
    }
    .quicklinks-base.title-overlay.title-border.title-border-color-black {
        --qlsol-title-border-color: var(--default-black);
    }
    .quicklinks-base.title-overlay.title-border.title-border-color-white {
        --qlsol-title-border-color: var(--default-white);
    }

    .quicklinks-base.title-overlay.title-border.title-border-size-1 {
        --qlsol-title-border-width: 1px;
    }
    .quicklinks-base.title-overlay.title-border.title-border-size-2 {
        --qlsol-title-border-width: 2px;
    }
    .quicklinks-base.title-overlay.title-border.title-border-size-3 {
        --qlsol-title-border-width: 3px;
    }
    .quicklinks-base.title-overlay.title-border.title-border-size-4 {
        --qlsol-title-border-width: 4px;
    }
    .quicklinks-base.title-overlay.title-border.title-border-size-5 {
        --qlsol-title-border-width: 5px;
    }
    .quicklinks-base.title-overlay.title-border.title-border-size-6 {
        --qlsol-title-border-width: 6px;
    }
    .quicklinks-base.title-overlay.title-border.title-border-size-7 {
        --qlsol-title-border-width: 7px;
    }
    .quicklinks-base.title-overlay.title-border.title-border-size-8 {
        --qlsol-title-border-width: 8px;
    }
    .quicklinks-base.title-overlay.title-border.title-border-size-9 {
        --qlsol-title-border-width: 9px;
    }
    .quicklinks-base.title-overlay.title-border.title-border-size-10 {
        --qlsol-title-border-width: 10px;
    }

    .quicklinks-base.title-overaly.title-border.title-border-style-dotted {
        --qlsol-title-border-style: dotted;
    }
    .quicklinks-base.title-overaly.title-border.title-border-style-dashed {
        --qlsol-title-border-style: dashed;
    }
    .quicklinks-base.title-overaly.title-border.title-border-style-solid {
        --qlsol-title-border-style: solid;
    }
    .quicklinks-base.title-overaly.title-border.title-border-style-double {
        --qlsol-title-border-style: double;
    }
    .quicklinks-base.title-overaly.title-border.title-border-style-groove {
        --qlsol-title-border-style: groove;
    }
    .quicklinks-base.title-overaly.title-border.title-border-style-ridge {
        --qlsol-title-border-style: ridge;
    }
    .quicklinks-base.title-overaly.title-border.title-border-style-inset {
        --qlsol-title-border-style: inset;
    }
    .quicklinks-base.title-overaly.title-border.title-border-style-outset {
        --qlsol-title-border-style: outset;
    }

    .quicklinks-base.title-color-primary {
        --qlsol-title-color: var(--primary-color);
    }
    .quicklinks-base.title-color-secondary {
        --qlsol-title-color: var(--secondary-color);
    }
    .quicklinks-base.title-color-tertiary {
        --qlsol-title-color: var(--tertiary-color);
    }
    .quicklinks-base.title-color-white {
        --qlsol-title-color: var(--default-white);
    }
    .quicklinks-base.title-color-black {
        --qlsol-title-color: var(--default-black);
    }

    .quicklinks-base.title-font-size-point-25 {
        --qlsol-title-font-size: .25vw;
    }
    .quicklinks-base.title-font-size-point-5 {
        --qlsol-title-font-size: .5vw;
    }
    .quicklinks-base.title-font-size-point-75 {
        --qlsol-title-font-size: .75vw;
    }
    .quicklinks-base.title-font-size-1 {
        --qlsol-title-font-size: 1vw;
    }
    .quicklinks-base.title-font-size-1-point-25 {
        --qlsol-title-font-size: 1.25vw;
    }
    .quicklinks-base.title-font-size-1-point-5 {
        --qlsol-title-font-size: 1.5vw;
    }
    .quicklinks-base.title-font-size-1-point-75 {
        --qlsol-title-font-size: 1.75vw;
    }
    .quicklinks-base.title-font-size-2 {
        --qlsol-title-font-size: 2vw;
    }
    .quicklinks-base.title-font-size-2-point-25 {
        --qlsol-title-font-size: 2.25vw;
    }
    .quicklinks-base.title-font-size-2-point-5 {
        --qlsol-title-font-size: 2.5vw;
    }
    .quicklinks-base.title-font-size-2-point-75 {
        --qlsol-title-font-size: 2.75vw;
    }
    .quicklinks-base.title-font-size-3 {
        --qlsol-title-font-size: 3vw;
    }
    .quicklinks-base.title-font-size-3-point-25 {
        --qlsol-title-font-size: 3.25vw;
    }
    .quicklinks-base.title-font-size-3-point-5 {
        --qlsol-title-font-size: 3.5vw;
    }
    .quicklinks-base.title-font-size-3-point-75 {
        --qlsol-title-font-size: 3.75vw;
    }
    .quicklinks-base.title-font-size-4 {
        --qlsol-title-font-size: 4vw;
    }
    .quicklinks-base.title-font-size-4-point-25 {
        --qlsol-title-font-size: 4.25vw;
    }
    .quicklinks-base.title-font-size-4-point-5 {
        --qlsol-title-font-size: 4.5vw;
    }
    .quicklinks-base.title-font-size-4-point-75 {
        --qlsol-title-font-size: 4.75vw;
    }
    .quicklinks-base.title-font-size-5 {
        --qlsol-title-font-size: 5vw;
    }

    .quicklinks-base.title-line-height-1 {
        --qlsol-title-line-height: 1;
    }
    .quicklinks-base.title-line-height-1-point-1 {
        --qlsol-title-line-height: 1.1;
    }
    .quicklinks-base.title-line-height-1-point-2 {
        --qlsol-title-line-height: 1.2;
    }
    .quicklinks-base.title-line-height-1-point-3 {
        --qlsol-title-line-height: 1.3;
    }
    .quicklinks-base.title-line-height-1-point-4 {
        --qlsol-title-line-height: 1.4;
    }
    .quicklinks-base.title-line-height-1-point-5 {
        --qlsol-title-line-height: 1.5;
    }
    .quicklinks-base.title-line-height-1-point-6 {
        --qlsol-title-line-height: 1.6;
    }
    .quicklinks-base.title-line-height-1-point-7 {
        --qlsol-title-line-height: 1.7;
    }
    .quicklinks-base.title-line-height-1-point-8 {
        --qlsol-title-line-height: 1.8;
    }
    .quicklinks-base.title-line-height-1-point-9 {
        --qlsol-title-line-height: 1.9;
    }
    .quicklinks-base.title-line-height-2 {
        --qlsol-title-line-height: 2;
    }
    .quicklinks-base.title-line-height-2-point-1 {
        --qlsol-title-line-height: 2.1;
    }
    .quicklinks-base.title-line-height-2-point-2 {
        --qlsol-title-line-height: 2.2;
    }
    .quicklinks-base.title-line-height-2-point-3 {
        --qlsol-title-line-height: 2.3;
    }
    .quicklinks-base.title-line-height-2-point-4 {
        --qlsol-title-line-height: 2.4;
    }
    .quicklinks-base.title-line-height-2-point-5 {
        --qlsol-title-line-height: 2.5;
    }
    .quicklinks-base.title-line-height-2-point-6 {
        --qlsol-title-line-height: 2.6;
    }
    .quicklinks-base.title-line-height-2-point-7 {
        --qlsol-title-line-height: 2.7;
    }
    .quicklinks-base.title-line-height-2-point-8 {
        --qlsol-title-line-height: 2.8;
    }
    .quicklinks-base.title-line-height-2-point-9 {
        --qlsol-title-line-height: 2.9;
    }
    .quicklinks-base.title-line-height-3 {
        --qlsol-title-line-height: 3;
    }

    .quicklinks-base.title-letter-spacing-1 {
        --qlsol-title-letter-spacing: 1px;
    }
    .quicklinks-base.title-letter-spacing-2 {
        --qlsol-title-letter-spacing: 2px;
    }
    .quicklinks-base.title-letter-spacing-3 {
        --qlsol-title-letter-spacing: 3px;
    }
    .quicklinks-base.title-letter-spacing-4 {
        --qlsol-title-letter-spacing: 4px;
    }
    .quicklinks-base.title-letter-spacing-5 {
        --qlsol-title-letter-spacing: 5px;
    }
    .quicklinks-base.title-letter-spacing-6 {
        --qlsol-title-letter-spacing: 6px;
    }
    .quicklinks-base.title-letter-spacing-7 {
        --qlsol-title-letter-spacing: 7px;
    }
    .quicklinks-base.title-letter-spacing-8 {
        --qlsol-title-letter-spacing: 8px;
    }
    .quicklinks-base.title-letter-spacing-9 {
        --qlsol-title-letter-spacing: 9px;
    }
    .quicklinks-base.title-letter-spacing-10 {
        --qlsol-title-letter-spacing: 10px;
    }
}

@media only screen and (min-width: 50.99rem) {
    .quicklinks-base {
        margin: var(--qlsol-wrapper-margin)!important;
        padding: var(--qlsol-wrapper-padding)!important;
    }
    .quicklinks-base > .g-content {
        margin: 0!important;
        padding: 0!important;
    }
    .quicklinks-base > div {
        margin: 0!important;
        padding: 0!important;
    }
    .quicklinks-base > .g-content > div {
        margin: 0!important;
        padding: 0!important;
    }
    .quicklinks-base .g-blockcontent {
        margin: var(--qlsol-bc-margin)!important;
        padding: var(--qlsol-bc-padding)!important;
    }
    .quicklinks-base .g-blockcontent-subcontent {
        margin: var(--qlsol-bc-sc-margin)!important;
        padding: var(--qlsol-bc-sc-padding)!important;
        display: var(--qlsol-bc-sc-display)!important;
        flex-direction: var(--qlsol-bc-sc-flex-direction)!important;
        gap: var(--qlsol-bc-sc-gap)!important;
        justify-content: var(--qlsol-bc-sc-justify-content)!important;
        align-items: var(--qlsol-bc-sc-align-items)!important;
        flex-wrap: var(--qlsol-bc-sc-flex-wrap)!important;
    }
    .quicklinks-base .g-blockcontent-subcontent-block {
        margin: var(--qlsol-bc-sc-b-margin)!important;
        padding: var(--qlsol-bc-sc-b-padding)!important;
        position: relative!important;
        transition: var(--qlsol-transition)!important;
        overflow: hidden!important;
        box-shadow: var(--qlsol-bc-sc-b-box-shadow)!important;
        border-radius: var(--qlsol-bc-sc-b-border-radius)!important;
        flex: var(--qlsol-bc-sc-b-flex);
    }
    .quicklinks-base .g-blockcontent-subcontent-block-content {
        margin: var(--qlsol-bc-sc-b-c-margin)!important;
        padding: var(--qlsol-bc-sc-b-c-padding)!important;
        transition: var(--qlsol-transition)!important;
    }
    .quicklinks-base .g-blockcontent-subcontent-img {
        margin: var(--qlsol-img-margin)!important;
        padding: var(--qlsol-img-padding)!important;
        height: var(--qlsol-img-height)!important;
        width: var(--qlsol-img-width)!important;
        aspect-ratio: var(--qlsol-img-aspect-ratio)!important;
        border-radius: var(--qlsol-img-border-radius)!important;
        object-position: var(--qlsol-img-object-position)!important;
        object-fit: var(--qlsol-img-object-fit)!important;
        transition: var(--qlsol-transition)!important;
    }
    .quicklinks-base .g-blockcontent-subcontent-subtitle {
        margin: var(--qlsol-subtitle-margin)!important;
        padding: var(--qlsol-subtitle-padding)!important;
        transition: var(--qlsol-transition)!important;
    }
    .quicklinks-base .g-blockcontent-subcontent-title-icon {
        margin: var(--qlsol-icon-margin)!important;
        padding: var(--qlsol-icon-padding)!important;
        transition: var(--qlsol-transition)!important;
    }
    .quicklinks-base .g-blockcontent-subcontent-title {
        margin: var(--qlsol-title-margin)!important;
        padding: var(--qlsol-title-padding)!important;
        position: var(--qlsol-title-position)!important;
        top: var(--qlsol-title-top)!important;
        bottom: var(--qlsol-title-bottom)!important;
        left: var(--qlsol-title-left)!important;
        right: var(--qlsol-title-right)!important;
        display: var(--qlsol-title-display)!important;
        justify-content: var(--qlsol-title-justify-content)!important;
        align-items: var(--qlsol-title-align-items)!important;
        background: var(--qlsol-title-bg)!important;
        transition: var(--qlsol-transition)!important;
        color: var(--qlsol-title-color)!important;
        text-align: var(--qlsol-title-text-align)!important;
        font-family: var(--qlsol-title-font-family)!important;
        font-size: var(--qlsol-title-font-size)!important;
        font-weight: var(--qlsol-title-font-weight)!important;
        line-height: var(--qlsol-title-line-height)!important;
        text-transform: var(--qlsol-title-text-transform)!important;
        font-variant-caps: var(--qlsol-title-fvc)!important;
        font-style: var(--qlsol-title-font-style)!important;
        letter-spacing: var(--qlsol-title-letter-spacing)!important;
        z-index: 4!important;
    }
    .quicklinks-base .g-blockcontent-subcontent-title-text {
        margin: var(--qlsol-title-text-margin)!important;
        padding: var(--qlsol-title-text-padding)!important;
        transition: var(--qlsol-transition)!important;
        color: var(--qlsol-title-color)!important;
        text-align: var(--qlsol-title-text-align)!important;
        font-family: var(--qlsol-title-font-family)!important;
        font-size: var(--qlsol-title-font-size)!important;
        font-weight: var(--qlsol-title-font-weight)!important;
        line-height: var(--qlsol-title-line-height)!important;
        text-transform: var(--qlsol-title-text-transform)!important;
        font-variant-caps: var(--qlsol-title-fvc)!important;
        font-style: var(--qlsol-title-font-style)!important;
        letter-spacing: var(--qlsol-title-letter-spacing)!important;
    }
    .quicklinks-base .g-blockcontent-subcontent-desc {
        margin: var(--qlsol-desc-margin)!important;
        padding: var(--qlsol-desc-padding)!important;
        transition: var(--qlsol-transition)!important;
    }
    .quicklinks-base .g-blockcontent-buttons {
        margin: 0!important;
        padding: 0!important;
        position: absolute!important;
        top: 0!important;
        bottom: 0!important;
        left: 0!important;
        right: 0!important;
        height: 100%!important;
        width: 100%!important;
        opacity: 0!important;
        z-index: 10!important;
    }
    .quicklinks-base .g-blockcontent-buttons a {
        margin: 0!important;
        padding: 0!important;
        position: absolute!important;
        top: 0!important;
        bottom: 0!important;
        left: 0!important;
        right: 0!important;
        height: 100%!important;
        width: 100%!important;
        opacity: 0!important;
        z-index: 10!important;
    }

    .quicklinks-base.no-icon .g-blockcontent-subcontent-title-icon {
        display: none!important;
    }
    .quicklinks-base.no-subtitle .g-blockcontent-subcontent-subtitle {
        display: none!important;
    }
    .quicklinks-base.no-desc .g-blockcontent-subcontent-desc {
        display: none!important;
    }

    .quicklinks-base.title-overlay {
        --qlsol-title-position: absolute;
        --qlsol-title-display: flex;
        --qlsol-title-justify-content: center;
        --qlsol-title-align-items: center;
    }

    .quicklinks-base.title-overlay .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title {
        background: rgba(var(--qlsol-title-bg-color-rgb),var(--qlsol-title-bg-opacity-hover))!important;
    }

    .quicklinks-base.title-overlay.title-border .g-blockcontent-subcontent-block .g-blockcontent-subcontent-block-content:before {
        content: '';
        z-index: 5!important;
        position: var(--qlsol-title-border-position)!important;
        top: var(--qlsol-title-border-top)!important;
        bottom: var(--qlsol-title-border-bottom)!important;
        left: var(--qlsol-title-border-left)!important;
        right: var(--qlsol-title-border-right)!important;
        border: var(--qlsol-title-border-border)!important;
        border-radius: var(--qlsol-title-border-border-radius)!important;
        transition: var(--qlsol-transition)!important;
    }
    .quicklinks-base.title-overlay.title-border .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content:before {
        top: 0!important;
        bottom: 0!important;
        left: 0!important;
        right: 0!important;
        opacity: 0;
    }

    .quicklinks-base.circle-box {
        --qlsol-bc-sc-b-border-radius: 50%;
        --qlsol-img-aspect-ratio: 1/1;
    }
    .quicklinks-base.circle-box.title-overlay.title-border {
        --qlsol-title-border-border-radius: 50%;
    }
}

.quicklinks-base .g-blockcontent-subcontent > div:nth-child(7) {
    display: none!important;
}
.quicklinks-base .g-blockcontent-subcontent > div:nth-child(8) {
    display: none!important;
}
.quicklinks-base .g-blockcontent-subcontent > div:nth-child(9) {
    display: none!important;
}
.quicklinks-base .g-blockcontent-subcontent > div:nth-child(10) {
    display: none!important;
}