@import url('//fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');

/************ TEMPLATE  ************
#1C2340 navy from their site (QL) rgba(28,35,64,1)
#194045 teal from their site rgba(25,64,69,1)
#5D002C - mauve (not the burgandy of their site) rgba(93,0,44,1)
************/

.site-1 {
    --primary-color: #1C2340;
    --secondary-color: #194045;

    --primary-rgb: 28,35,64;
    --secondary-rgb: 25,64,69;

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

    --title-font-family: 'Caveat', cursive;
    --body-font-family: 'Roboto', sans-serif;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

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

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

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

    --ql-title-color: transparent;
	--ql-bg-opacity: .2;
    --ql-bg-hover-opacity: .5;
    --ql-background-color: transparent;

    --mt-para-color: var(--primary-color);
    --mt-para-desktop: 2vw;
	--mt-fixed-height-desktop: 34vw;
	--mt-background-color: white;

    --grid-img-width: 21vw;
    --grid-title-color: var(--primary-color);
	
	--hero-opacity: 0.95;
	--hero-img-height: 18vw;
	--hero-img-height-mobile: 18vw;
	--hero-title-color: white;
	
	--ph-border-bottom: #ECECD1;
	--ph-background-hover: var(--default-white);
}

.site-1 .ql-fa-toplinks {
    --ql-icon-color: var(--primary-color);
    --ql-title-color: var(--primary-color);
}

p {font-size: 1.3rem;}
.label, .badge {
    font-size: 1rem;
	text-decoration: none;
}
p.caveat {font-family: 'Caveat', cursive;}

a {color: #004db4;
	text-decoration: underline;
}
hr {
    border-bottom: 1px solid rgba(60, 60, 60, 0.5);
}
h2 {text-transform: none;
        font-variant-caps: normal;
	}
span.fifteen {font-size: 0.9375rem;}

a.burgundybutton { 
  color: #ffffff; 
  font-size: 1.3rem;
  text-transform: none;
  font-weight: normal;
  background: #441B19; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  line-height: 1.125rem;
  border: 2px solid #441B19;
  transition: all .2s ease-in;
  text-decoration: none;
}
a.redbutton { 
  color: #ffffff; 
  font-size: 1.3rem;
  text-transform: none;
  font-weight: normal;
  background: #741722; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  line-height: 1.125rem;
  border: 2px solid #741722;
  transition: all .2s ease-in;
  text-decoration: none;
}
a.greenbutton { 
  color: #ffffff; 
  font-size: 1.3rem;
  text-transform: none;
  font-weight: normal;
  background: #25441A; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  line-height: 1.125rem;
  border: 2px solid #25441A;
  transition: all .2s ease-in;
  text-decoration: none;
}
a.whitebutton { 
  color: var(--primary-color); 
  font-size: 1.3rem;
  text-transform: none;
  font-weight: normal;
  background: #ffffff; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  line-height: 1.125rem;
  border: 2px solid var(--primary-color);
  transition: all .2s ease-in;
  text-decoration: none;
}

.burgundybutton:hover {background: transparent; color: #441B19;   border: 2px solid #441B19;}
.greenbutton:hover {background: transparent; color: #25441A;   border: 2px solid #25441A;}
.redbutton:hover {background: transparent; color: #741722;   border: 2px solid #741722;}
.whitebutton:hover {background: var(--primary-color); color: #ffffff;   border: 2px solid var(--primary-color);}





@media only screen and (max-width: 50.99rem) {
    .site-1 {
        --grid-img-width: 90%;
    }
}

@media only all and (min-width: 51rem){
#g-navigation .g-logo img {
    width: 300px;
}}


.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--primary-color);
    font-family: 'Roboto', sans-serif;
	text-decoration: none;
	font-size: 1.3rem;
} 

/*************tags******************/
.label-info, .badge-info {
	color: white;}

/*************** ALL SITE *****************/
.item-image {display: none;}

/*************** HOMELAYOUT ***************/ 
.g-content-array {
    margin: 0;
    padding: 0;
}

/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--primary-color);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

#g-offcanvas .g-social-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

/*************** TOP **********************/ 

.site-1-home #g-top .g-item-title a {
    pointer-events: none;
    text-decoration: none;
    font-size: clamp(1.5rem, 2.5vw, 3.5rem);
}

/*************** NAVIGATION ***************/

.g-main-nav {box-shadow: var(--default-box-shadow); position: relative; z-index: 100; font-family: "Roboto";}

#g-navigation a:not(.button) {
    color: black; 
}
#g-navigation .g-grid:not(.g-blockcontent-subcontent) {
	background: linear-gradient(#ffffff, #bfc6f4);
}

@media only screen and (min-width: 50.99rem) {
    .site-1 #g-navigation .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 1vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1 #g-navigation .g-logo {
        max-width: 65%;
        margin: 0 auto;
    }

    .ql-fa-toplinks .g-blockcontent-subcontent-block-content > .g-blockcontent-subcontent-title {
        display: flex;
    }
}

/*************** SLIDESHOW ****************/
@media only screen and (min-width: 50.99rem) {
    .mass-times-block {
        background: url('/images/stories/template/amityseal-crestonly.png') 50% 50% no-repeat;
        background-size: 80%; 
    }
    .mass-times-block .g-array-item {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mass-times-block .g-array-item .g-array-item-text {
        margin: 0;
    }
} 

@media only screen and (max-width: 50.99rem) {
    .mass-times-block {
        background: url('/images/stories/template/amityseal-crestonly.png') 50% 50% no-repeat;
        background-size: 50%;
    }
    .mass-times-block .g-array-item {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4rem 1rem;
    }
    .mass-times-block .g-array-item .g-array-item-text {
        margin: 0;
    }
}

/*************** HEADER *******************/
/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
/*************** UTILITY ******************/

.site-1-home .g-grid:has(.podcast-section) {
    background-color: var(--primary-color);
    margin-top: 1rem;
}

.site-1-home .podcast-section h1 {
    color: white;
}

.site-1-home .podcast-section p {
    text-align: center;
}

.site-1-home .podcast-section .g-array-item-text > p {
    line-height: 0;
}

#g-utility .g-content {padding: 0.5rem 1.75rem 1rem 1.75rem;}

@media only screen and (min-width: 50.99rem) {
    .ql-inner-box .g-blockcontent-subcontent-title {
        opacity: 0;
    }
    .ql-inner-box .g-blockcontent-subcontent-img {
        object-position: top center;
        position: unset;
    }
    .ql-vw15 .g-blockcontent-subcontent-block-content {
        width: 100%;
        height: auto;
    }
    .ql-inner-box .g-blockcontent-subcontent-block-content {
        transition: all .3s ease-in-out;
    }
    .ql-inner-box .g-blockcontent-subcontent-block-content:hover {
        transform: scale(1.05);
    }
}

@media only screen and (max-width: 50.99rem) {
	.ql-dm .g-blockcontent-subcontent-block-content {
		height: 38vw;
	}
	.ql-dm .g-blockcontent-subcontent-title{
		color: transparent;
		height: 38vw;
	}
	.ql-dm .g-blockcontent-subcontent-block-content img {
		height: 38vw;
	}
	
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-utility iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
    }
}

/*************** FEATURE ******************/
/*************** MAIN *********************/
.site-1-home #g-container-main {
    padding: 2% 5%;
}

@media only screen and (min-width: 50.99rem) {
    .site-1-home .ph-rec-row-3 .g-array-item-image img {
        /*aspect-ratio: 4/3;*/
        aspect-ratio: 1/1;
        height: unset;
    }

    .site-1-home #g-container-main .g-title {
        display: none;
        text-transform: none;
        font-variant-caps: normal;
        font-family: 'Caveat', cursive;
        font-size: 6vw;
    }
	.site-1-home .ph-rec-row .g-content-array > .g-grid {
		padding: 2vw;
	}
	.site-1-home .ph-rec-row .g-array-item {
		max-height: 38vw;
	}
	.ph-rec-row .g-content-array .g-item-title {
		font-size: 2vw;
	}
	

    .site-1-home #g-container-main .g-logo {
        text-align: center;
    }
    .site-1-home #g-container-main .g-logo img {
        width: 90%;
    }
    .site-1-home #g-mainbar > .g-grid:nth-child(1) > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-mainbar {
        margin: 0;
        padding: 0;
    }
    /*.site-1-home #g-container-main #g-mainbar > .g-grid:nth-child(1) {
        display: none;
    }*/
    .site-1-home #g-container-main .g-title {
        text-transform: none;
        font-variant-caps: normal;
        font-family: 'Caveat', cursive;
        font-size: 8vw;
        padding-top: 3rem;
    }

    .site-1-home .ph-sidebyside-mobile .g-array-item-title {
        padding: 1rem;
    }

    .site-1-home .ph-sidebyside-mobile .g-array-item-read-more {
        opacity: 0;
    }
	.site-1-home .ph-sidebyside-mobile.ph-wide .g-array-item {
		max-height: calc(42vw * 1/1);
	}
	.site-1-home .ph-sidebyside-mobile.ph-wide .g-content-array .g-array-item-image {
		max-width: 42vw;
		max-height: calc(37vw * 1/1);
		width: 42vw;
		height: calc(42vw * 1/1);
	}
	.site-1 .footer-white-logo > .g-content {
		padding: 0 10%;
	}
	
}


/*************** EXPANDED *****************/ 


/* .site-1-home #g-expanded { */
    /*background: url(/images/template/farm-writing.JPG) 0% 0% no-repeat;*/
    /*background-size: cover;*/
/* } */

/*.site-1-home #g-expanded .mission-wrapper h6 {
	color: white;
}
.site-1-home #g-expanded .mission-wrapper p {
	color: white;
}*/


@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
        text-transform: none;
        font-variant-caps: normal;
        font-family: 'Caveat', cursive;
        font-size: 4vw;
    }
    .site-1-home #g-expanded {
        font-size: 1.25vw;
        font-weight: 500;
    }

    .site-1-home .mailform .g-content-array > .g-grid > .g-block {
        /*background: rgba(255,255,255,.9);*/
		border-right: 1px solid black;
    }
    .site-1-home .mission-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
	.site-1-home #g-expanded .mission-wrapper {
		font-size: 1.5rem;
	}
    .site-1-home .mission-wrapper > .g-content {
        height: 100%;
        margin: 0;
        padding: 2.125rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .site-1-home .mission-wrapper > .g-content > .g-content-array {
        height: 100%;
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-expanded :is(h1,h2,h3,h4,h5,h6) {
        text-transform: none;
        font-variant-caps: normal;
        font-family: 'Caveat', cursive;
        font-size: 4rem;
        text-align: center;
    }
    .site-1-home #g-expanded .mission-wrapper {
        font-size: 4.25vw;
        font-weight: 500;
    }

    .site-1-home .mailform .g-content-array > .g-grid > .g-block {
        background: rgba(255,255,255,.9);
    }
    .site-1-home .mission-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .site-1-home .mission-wrapper > .g-content {
        height: 100%;
        margin: 0;
        padding: 1.125rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .site-1-home .mission-wrapper > .g-content > .g-content-array {
        height: 100%;
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
/*************** FOOTER *******************/
#g-footer .g-content-array {margin: 0;}
#g-footer a, #g-copyright a {color: var(--default-white); text-decoration: none;} 
#g-footer p {font-family: 'Roboto', sans-serif;}

@media only screen and (min-width: 50.99rem) {
    .footer-logo {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
    .footer-logo .footer-icon-text {
        text-align: center;
    }
    /*.footer-logo .footer-icon-text h5 {
        font-family: 'Libre Caslon Text', serif;
        background: none;
        color: var(--default-white);
        text-transform: uppercase;
        font-size: 2rem;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid var(--default-white)
    }
    .footer-logo .footer-icon-text h6 {
        font-family: 'Libre Caslon Text', serif;
        background: none;
        color: var(--default-white);
        text-transform: uppercase;
        font-size: 1.5rem;
        margin: 0;
        padding: 0;
    }*/
    .footer-logo .footer-icon-text h6 > em {
        text-transform: none;
    }

    .site-1 #g-footer > .g-grid > .g-block:nth-child(3) {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer-links-wrapper {
        text-align: right;
    }
    .footer-links-wrapper .weblinks {
        margin: 0;
    }
    .footer-links-wrapper .weblinks > li {
        list-style-type: none;
    }
    .footer-links-wrapper > .g-content {
        margin: 0;
        padding: 0;
    }
    .footer-links-wrapper .weblinks a:hover {
        color: #ececd1!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-footer {
        padding: 0 0 4rem 0;
    }
    .footer-logo {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
    .footer-logo .footer-icon-text {
        text-align: center;
    }
    /*.footer-logo .footer-icon-text h5 {
        font-family: 'Libre Caslon Text', serif;
        background: none;
        color: var(--default-white);
        text-transform: uppercase;
        font-size: 1rem;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid var(--default-white)
    }
    .footer-logo .footer-icon-text h6 {
        font-family: 'Libre Caslon Text', serif;
        background: none;
        color: var(--default-white);
        text-transform: uppercase;
        font-size: .9rem;
        margin: 0;
        padding: 0;
    }*/
    .footer-logo .footer-icon-text h6 > em {
        text-transform: none;
    }
    .footer-icon img {
        height: 3rem;
        width: auto;
    }

    .site-1 #g-footer > .g-grid > .g-block:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
		padding-bottom: 8%;
    }
    .footer-links-wrapper {
        text-align: center;
    }
    .footer-links-wrapper .weblinks {
        margin: 0;
    }
    .footer-links-wrapper .weblinks > li {
        list-style-type: none;
    }
    .footer-links-wrapper > .g-content {
        margin: 0;
        padding: 0;
    }
    .footer-links-wrapper .weblinks a:hover {
        color: #ececd1!important;
    }

    .site-1 #g-footer > .g-grid > .g-block:nth-child(2) > .g-content {
        margin: 0;
        padding: 0;
    }
	.site-1 #g-footer > .g-grid:nth-child(2) > .g-content {
        margin: 0;
        padding: 0;
    }
	
}



/*************** COPYRIGHT ****************/ 
/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: var(--primary-color);} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
    color: var(--primary-color); 
    background: var(--secondary-color);
} 
/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/
.newslayout .item-image {
	display: initial;
}

@media only screen and (min-width: 50.99rem) {
	.newslayout .pull-right.item-image img {
		max-width: 30vw;
	}	
}

@media only screen and (max-width: 50.99rem) {
	.newslayout .pull-right.item-image img {
		max-width: 75vw;
	}	
	
}


/***restore button icon on tags page***/
.btn [class^="icon-"] {
     display: initial; 
}

@media only screen and (min-width: 50.99rem) {
    .strips-grid-default {
        margin: 0;
        padding: 0;
    }
    .strips-grid-default .sprocket-strips-s-container:before {
        display: none!important;
    }
    .strips-grid-default .sprocket-strips-s-container:after {
        display: none!important;
    }
    .strips-grid-default .sprocket-strips-s:after {
        display: none!important;
    }
    .strips-grid-default > .sprocket-strips-s {
        margin: 0;
        padding: 0;
    }
    .strips-grid-default > .sprocket-strips-s > .sprocket-strips-s-overlay {
        margin: 0;
        padding: 0;
    }
    .strips-grid-default .sprocket-strips-s-container {
        margin: 0;
        padding: 1rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem 1rem;
    }
    .strips-grid-default .sprocket-strips-s-container > li {
        position: relative;
        margin: 0;
        padding: 0;
        width: var(--grid-img-width);
        box-shadow: var(--grid-box-shadow);
        border-radius: var(--grid-border-radius);
        overflow: hidden;
        border-bottom: 5px solid var(--primary-color);
        transition: var(--default-transition)
    }
    .strips-grid-default .sprocket-strips-s-container > li:hover {
        transform: scale(.95);
    }
    .strips-grid-default .sprocket-strips-s-item {
        margin: 0;
        padding: 0;
        width: var(--grid-img-width);
    }
    .strips-grid-default .sprocket-strips-s-item > img {
        width: var(--grid-img-width);
        aspect-ratio: 1/1;
        object-position: center;
        object-fit: cover;
    }
    .strips-grid-default .sprocket-strips-s-content {
        margin: 0;
        padding: 0;
    }
    .strips-grid-default .sprocket-strips-s-content > .readon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
    .strips-grid-default .sprocket-strips-s-content > .readon > span {
        display: none!important;
    }
    .strips-grid-default .sprocket-strips-s-title {
        width: var(--grid-img-width);
        height: fit-content;
        margin: 0;
        padding: 1vw;
		line-height: 1;
    }
    .strips-grid-default .sprocket-strips-s-title > a {
        color: var(--grid-title-color);
        font-family: var(--grid-title-font);
        text-align: var(--grid-title-text-align);
        font-size: var(--grid-title-font-size-desktop);
        font-weight: var(--grid-title-font-weight);
    }
    .strips-grid-default .sprocket-strips-s-text {
        width: var(--grid-img-width);
        height: fit-content;
        margin: 0;
        padding: 1vw;
        word-break: break-all;
        font-size: var(--grid-text-font-size-desktop);
        font-family: var(--grid-text-font);
    }
    .strips-grid-default .sprocket-strips-s-text > span {
        display: none!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    .strips-grid-default {
        margin: 0;
        padding: 0;
    }
    .strips-grid-default .sprocket-strips-s-container:before {
        display: none!important;
    }
    .strips-grid-default .sprocket-strips-s-container:after {
        display: none!important;
    }
    .strips-grid-default .sprocket-strips-s:after {
        display: none!important;
    }
    .strips-grid-default > .sprocket-strips-s {
        margin: 0;
        padding: 0;
    }
    .strips-grid-default > .sprocket-strips-s > .sprocket-strips-s-overlay {
        margin: 0;
        padding: 0;
    }
    .strips-grid-default .sprocket-strips-s-container {
        margin: 0;
        padding: 1.5rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2rem 2rem;
    }
    .strips-grid-default .sprocket-strips-s-container > li {
        position: relative;
        margin: 0;
        padding: 0;
        width: var(--grid-img-width);
        box-shadow: var(--grid-box-shadow);
        border-radius: var(--grid-border-radius);
        overflow: hidden;
        border-bottom: 5px solid var(--primary-color);
    }
    .strips-grid-default .sprocket-strips-s-item {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .strips-grid-default .sprocket-strips-s-item > img {
        width: 100%;
        aspect-ratio: 1/1;
        object-position: center;
        object-fit: cover;
    }
    .strips-grid-default .sprocket-strips-s-content {
        margin: 0;
        padding: 0;
    }
    .strips-grid-default .sprocket-strips-s-content > .readon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        opacity: 0;
    }
    .strips-grid-default .sprocket-strips-s-content > .readon > span {
        display: none!important;
    }
    .strips-grid-default .sprocket-strips-s-title {
        width: 100%;
        height: fit-content;
        margin: 0;
        padding: 2vw;
    }
    .strips-grid-default .sprocket-strips-s-title > a {
        color: var(--grid-title-color);
        font-family: var(--grid-title-font);
        text-align: var(--grid-title-text-align);
        font-size: var(--grid-title-font-size-mobile);
        font-weight: var(--grid-title-font-weight);
    }
    .strips-grid-default .sprocket-strips-s-text {
        width: 100%;
        height: fit-content;
        margin: 0;
        padding: 2vw;
        word-break: break-all;
        font-size: var(--grid-text-font-size-mobile);
        font-family: var(--grid-text-font);
    }
    .strips-grid-default .sprocket-strips-s-text > span {
        display: none!important;
    }
}

.socialboxes { display: flex; }
.socialboxes div { flex: 1; text-align: center;}
.socialboxes img { transition: all .3s ease-in-out; height: 2vw;  width: 2vw; }
.socialboxes img:hover { transform: scale(1.2); }

@media only screen and (max-width: 50.99rem) {
	.socialboxes img { 
		height: 5vw;
		width: 6vw;
	}
}

       /*I would like to...*/
.search-dropdwn {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}

#dropdwn-outer-box {height: 275px; width: 375px; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: -80px; margin-bottom: 40px;}
#dropdwn-button {height: 25%; width: 95%; border: 2px solid var(--primary-color); display: flex; align-items: center; border-radius: 7px; position: relative;}
#dropdwn-button:hover {cursor: pointer; background: rgba(42,71,107,.45);}
#dropdwn-button i {position: absolute; right: 20px; color: var(--primary-color); font-size: 1.4vw;}
#dropdwn-button p {color: var(--primary-color); margin: 0 0 0 20px;}

#dropdwn-menu {overflow-x: hidden!important; position: absolute; left: 2.5%; right: 10%; top: 57%; height: 154px; background: rgba(255,255,255,1); border-right: 2px solid var(--primary-color); overflow: scroll; border-left: 2px solid var(--primary-color); border-bottom: 2px solid var(--primary-color); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; width: 95%;}
#dropdwn-menu::-webkit-scrollbar {
    width: 5px;
    background: transparent;
    overflow-x: hidden;
}
#dropdwn-menu::-webkit-scrollbar-track {
    background: transparent;
}

#dropdwn-menu::-webkit-scrollbar-thumb {
    background: #ffffff;
}
#dropdwn-menu::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}
#dropdwn-menu::-webkit-scrollbar-corner {
    background: transparent;
    display: none;
}

#dropdwn-menu .moduletable .category-module a {color: var(--primary-color);}
#dropdwn-menu .moduletable .category-module a:hover {background: rgba(255,255,255,.4);}
#dropdwn-menu .moduletable .category-module li {list-style: none; height: 80px; display: flex; position: relative; align-items: center; margin: 0 0 0 0;}
#dropdwn-menu .moduletable .category-module li a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; display: flex; align-items: center; padding: 0 0 0 20px;}
#dropdwn-menu .moduletable .category-module li p {margin: 0 0 0 20px;}
#dropdwn-menu .moduletable .category-module {margin: 0; padding: 0;}

.moduletable .category-module {
	border: none;
	padding: 0.25rem 1rem !important;
}
.moduletable .category-module li {
	padding-bottom: 0.5rem !important;
	border: none;
}


.hidden-dropdwn {display: none;}
.hidden-radius {border-bottom-left-radius: 0px!important; border-bottom-right-radius: 0px!important;}
.dropdwn-button-background {background: rgb(29, 50, 77,0.5);}

@media only screen and (max-width: 767px) {
    .homelayout #g-showcase > .g-grid > .g-block:last-child .g-content {padding: 0 0 initial 0; margin: 0 0 initial 0;}
    
    #dropdwn-menu .weblinks li a {font-size: 3vw;}

    #dropdwn-outer-box {background-size: 100%!important; height: 170px; width: 100%; margin-bottom: 85px;}
    #dropdwn-button {height: 25%;}
    #dropdwn-button i {font-size: 3vw;}

    #dropdwn-text {font-size: 4vw;}
}