@import url('//fonts.googleapis.com/css2?family=Artifika&family=Quicksand:wght@300;400;500;600&display=swap');

/************ FONTS  ************
Serif: Artifika Regular
Sans Serif: Quicksand
font-family: 'Artifika', serif;
font-family: 'Quicksand', sans-serif;

/************ COLORS  ************
Blue: #2e365d; rgba(46,54,93,1)
Tan: #c4a46b; rgba(196,164,107,1)
Light Grey (campaign buttons): #f1f2f2

/************ NOTES ************
- rgba(196,164,107,.8) - top-most ql bar, menu bar, rotator text background, paralax overlay
- Drop/Box Shadow - top-most ql bar, menu bar, rotator image/text, latest news/formed/fb
- Capital Campaign has an inner glow - black, 20%, 50px blur from the edge
-rose window is still in progress
************/

body {color: #333; font-family: 'Quicksand', sans-serif;}

h1, h2, h3, h4, h5, h6 {margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p {line-height: 1.3;}
.page-header h1 {text-transform: none; font-size: 3rem;}
h1 {color: #2e365d; font-size: 3.5rem; font-weight: bold; }
h2 {font-variant-caps: small-caps; color: #2e365d; font-size: 2.5rem;  font-weight: bold;}
.page-header h2 { padding-bottom: 0.25rem; line-height: 2.5rem;}
h3 {color: #2e365d; font-size: 2rem; border-bottom: 1px solid #cdbe79;  line-height: 1.3; margin: 0 0 10px 0;}
h3.quicksand {font-family: 'Quicksand', sans-serif; border-bottom: 0px solid #cdbe79;}
h4 {color: #c4a46b; font-size: 2rem;}
h4.quicksand {font-family: 'Quicksand', sans-serif;}
h5 {background: #c4a46b; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #2e365d; font-size: 1.5rem; text-transform: uppercase; font-weight: bold;}
h6.mixed {text-transform: none; }
a {color: #2e365d;}
a:hover {color: black;}

.homelayout h3.g-title {color: white; border-bottom: 0px solid #ffffff; font-weight: 400;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    h1 {font-size: 2.2rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.75rem;}
    h5 {font-size: 1.2rem;}
    h6 {font-size: 1.2rem;}
    p {font-size: 1rem; margin-bottom: 4px;}
    h1, h2, h3 {line-height: 1.2;}
    h4, h5, h6, p{line-height: 1.1;}
}

@media only screen and (max-width: 767px) {
 h1 {font-size: 2.2rem;}
 h2 {font-size: 1.75rem;}
 h3 {font-size: 1.75rem;}
 h4 {font-size: 1.75rem;}
 h5 {font-size: 1.2rem;}
 h6 {font-size: 1.2rem;}
 p {font-size: 1rem; margin-bottom: 4px;}
 h1, h2, h3 {line-height: 1.2;}
 h4, h5, h6, p{line-height: 1.1;}
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: #2e365d; font-family: 'Quicksand', sans-serif;
} 

/*************** HOMELAYOUT ***************/
/*************** OFFCANVAS ****************/


/*************** TOP **********************/
/*************** NAVIGATION ***************/

@media only all and (min-width: 51rem){
#g-navigation .g-logo img { width: 45vh; margin-top: -40px; margin-left: 2rem;}
}
#g-navigation .spacedletters div {letter-spacing: 2px; }

 #g-navigation {background: url('/images/template/header.jpg') 0% 0% no-repeat, #2e365d; background-size: 100% 20rem;}
 #g-navigation .g-container {background: url('/images/template/stanne.png') 100% -5vw no-repeat; background-size: 40%;}
 #g-navigation .g-container .g-grid:first-child {background: rgba(196,164,107,.8); height: 3rem; padding-right: 1vw;}
 #g-navigation .g-container .g-grid:nth-child(3) {padding-bottom: 1vw!important;}
 

.homelayout #g-navigation .g-container .g-grid:last-child .g-block:last-child .g-content {height: 37vw; background: rgba(196,164,107,.8);}
.homelayout #g-navigation .g-container .g-grid:last-child .moduletable[class*="box"], .widget[class*="box"] {padding: 0; margin: 0;}
.g-main-nav .g-toplevel>li.active>.g-menu-item-container {border-bottom: none;}
#g-navigation .g-main-nav .g-toplevel>li>.g-menu-item-container {height: 100%; display: flex; align-items: center;}

.sprocket-features-img-container img {width: 100%!important; height: 37vw!important; object-position: center; object-fit: cover;}
.layout-slideshow .sprocket-features-pagination li.active, .layout-slideshow .sprocket-features-arrows .arrow {box-shadow: none;}
.layout-slideshow .sprocket-features-arrows .arrow {font-size: 4rem;}
.sprocket-features-content {background: rgba(46,54,93,.8);}
.layout-slideshow .sprocket-features-content {left: 5%; right: 5%; width: 90%; bottom: 5%; padding: 1vw 2vw;}
.sprocket-features-desc {position: relative; padding-bottom: 3vw;}
.layout-slideshow .sprocket-features-title {margin: 0; padding: 0; font-size: 2rem; font-weight: 400;}
.sprocket-features-content :is(h1,h2,h3,h4,h5,h6,a) {color: #ffffff;}
.sprocket-features-content .readon {position: absolute; bottom: 0; right: 0; background: none; text-transform: uppercase;}
#g-navigation a:not(.button):hover {color: black;}

.mt-top :is(h1,h2,h3,h4,h5,h6,a,p) {color: #ffffff;}
.mt-top :is(h1,h2,h3,h4,h5,h6) {/*font-size: 2.25rem;*/ margin: 0.5rem 0 0.15rem 0; }
/*.mt-top p {font-size: 1.2rem;}*/
.mt-top {padding: 2vw!important;}

@media only screen and (max-width: 767px) {
	#g-navigation .spacedletters div {letter-spacing: 0; }
    /*.homelayout #g-navigation .g-logo img {margin-top: 8vw;}
    .homelayout #g-navigation .g-container .g-grid:first-child {display: none;}
    .homelayout #g-navigation {background: #2e365d;}
    .homelayout #g-navigation .g-container {background: none;}*/
    .sprocket-features-arrows {display: none;}
    .layout-slideshow .sprocket-features-img-container {padding-bottom: 60vw;}
    .layout-slideshow .sprocket-features-content {left: 0; right: 0; bottom: 0; width: 100%;}
    .sprocket-features-img-container img {height: 56vw!important;}
    .homelayout #g-navigation .g-container .g-grid:last-child .g-block:last-child .g-content {height: fit-content;}
}

/**Clarity dropdown- remove border-radius on menu dropdowns:***
.g-main-nav .g-standard .g-dropdown {border-radius: 0px;}
.g-main-nav .g-dropdown .g-dropdown-column>.g-grid>.g-block.size-100 {border-radius: 0px;}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li.g-go-back+li>.g-menu-item-container {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li:last-child>.g-menu-item-container {
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}***/

/*Clarity- remove top level dropdown indicatator***
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none;}
/*clarity increase menu font size, remove capitalization***/
.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {font-size: 1rem; letter-spacing: 0.1rem; font-weight: 500;}
.g-main-nav .g-toplevel {text-transform: none;}
.g-main-nav {font-family: 'Quicksand', sans-serif;}



/*************** SLIDESHOW ****************/
/*************** HEADER *******************/
/*************** ABOVE ********************/
/*************** FEATURE ******************/
.homelayout #g-feature {padding: 4vw 4vw 0 4vw;}
.homelayout #g-feature .g-grid {background: #ffffff; box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);}
.homelayout #g-feature .g-grid .g-block:first-child {display: flex; align-items: center;}
.homelayout #g-feature .button {background: #ededed; border: 3px solid #c4a46b; border-radius: 0; color: #2e365d; font-weight: bold; font-family: 'Artifika', serif; font-size: 1.35rem;}
.homelayout #g-feature .button:hover {background: #2e365d; color: #ffffff;}
.homelayout #g-feature h4 {font-weight: 400; font-size: 2.5rem;}
.homelayout #g-feature h3 {font-weight: 500; font-size: 2.5rem;}
.homelayout #g-feature h6 {font-weight: 500; letter-spacing: 3px;}
.cap-campaign img {height: 30vw; width: auto;}

@media only screen and (max-width: 767px) {
    .homelayout #g-feature .g-grid .g-block:first-child {order: 2; justify-content: center;}
    .homelayout #g-feature .g-grid .g-block:last-child {order: 1; justify-content: center;}
    .cap-campaign img {height: 65vw;}
}


/*************** SHOWCASE *****************/
#g-showcase {padding: 1% 3%;}
#g-showcase .g-content {padding: 0.5rem;}
#g-showcase .button {background: #c4a46b;}
#g-showcase .button:hover {background: #777;}

#g-showcase .sprocket-strips-s-block {margin: 0; padding: 0; height: 500px; background: #ffffff;}
/*#g-showcase .sprocket-strips-s-pagination {display: none;}*/
.bigarrows .sprocket-strips-s-arrows .arrow {top: 23%; color: #ffffff;}
.bigarrows .sprocket-strips-s-arrows .arrow.next {right: 50px;}
.bigarrows .sprocket-strips-s-arrows .arrow.prev {left: 50px;}
#g-showcase h4.sprocket-strips-s-title {font-size: 1.3rem;}
#g-showcase h4.sprocket-strips-s-title a {color: #c4a46b;}
#g-showcase .sprocket-strips-s-text {color: #000;}
.sprocket-strips-s-item {display: flex; flex-direction: column;}
.sprocket-strips-s-item img {flex: 1;}
.sprocket-strips-s-content {margin: 0; padding: 1vw; flex: 1;}

@media only screen and (max-width: 767px) {
    .homelayout #g-showcase .g-grid .g-block:last-child .g-content .platform-content:first-child {display: none;}
    .sprocket-strips-s-item img {width: 100%!important;}
}

/*************** UTILITY ******************/

/*************** EXPANDED *****************/
.homelayout #g-expanded h3.g-title {margin-bottom: 2vw;}
.homelayout #g-expanded {background: url('/images/template/paralax1.jpg') 0% 0% no-repeat; background-size: cover; background-attachment: fixed;}
.homelayout #g-expanded .g-container {background: rgba(196,164,107,.8); padding: 3vw!important;}

.rme-items {margin: 0 2vw;}
.rme-badge {background: #2e365d;}
.rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span {background: #2e365d;}
.rme-arrow {color: #2e365d;}
.rme-description {color: #2e365d;}
.rme-title, .rme-time {font-weight: 600;}

/*************** EXTENSION ****************/
/*************** BOTTOM *******************/
/*************** FOOTER *******************/
#g-footer h3 {color: #ffffff; border-bottom: none;}
#g-footer a {color: #ffffff;}
#g-footer p { font-family: 'Quicksand', sans-serif;}

/*************** COPYRIGHT ****************/

/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: #2e365d;}
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    color: #2e365d;
    background: #c4a46b;
}

/*************** SECTIONS *****************/


/*************** MOBILE *******************/
.g-offcanvas-toggle {color: #ffffff;}

/*************** ADS **********************/


/************ AJJ MENU CHANGE  ************/
.g-main-nav .g-dropdown .g-dropdown-column>.g-grid>.g-block.size-100 { background: #2d3355; }
#g-navigation .g-container .g-dropdown-column .g-grid:first-child { padding-right: 0; height:  auto;}
.g-main-nav .g-dropdown .g-dropdown-column>.g-grid>.g-block.size-100 { border-radius: 0 0 10px 10px; }
.g-main-nav .g-dropdown .size-100>.g-sublevel>li.g-go-back+li>.g-menu-item-container { border-radius: 0; }
.g-simplecontent .g-simplecontent-layout-header .g-simplecontent-item-content-title {color: #030303; }