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

/************
font-family: 'Asap', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'PT Serif', serif;


/**colors** 
navy blue: #082c4c rgba(8, 44, 76, 1)
medium blue: #0a4d91  rgba(10, 77, 145, 1)
light blue: #3a80c5  rgba(58, 128, 197, 1)
************/

body {color: #333; font-family: 'Lato', 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: #082c4c; font-size: 3.5rem; font-weight: bold; font-family: 'Lato', sans-serif;}
h2 {font-variant-caps: small-caps; color: #0a4d91; font-size: 2.5rem; font-family: 'Lato', sans-serif;  font-weight: bold;}
.page-header h2 { padding-bottom: 0.25rem; line-height: 2.5rem;}
h3 {color: #3a80c5; font-size: 2rem; border-bottom: 1px solid #cdbe79;  line-height: 1.3; margin: 0 0 10px 0;}
h4 {color: #3a80c5; font-size: 2rem; font-family: 'Lato', sans-serif;}
h4.ptserif {font-family: 'PT Serif', serif;}
h5 {background: #3a80c5; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #082c4c; font-size: 1.5rem; text-transform: uppercase; font-weight: bold;}
h6.mixed { text-transform: none;}
a {color: #0a4d91;}
a:hover {color: #082c4c;}

h3.g-title {border-bottom: 0px solid #ffffff; font-weight: 600; color: white; font-variant-caps: small-caps;  background: #3a80c5; font-size: 2rem; border-radius: .2rem; padding: .5rem;}
h2.g-title {font-size: 3rem;}


@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: #082c4c; border: 1px solid #082c4c;
}
.readon:hover, .button:hover, .btn:hover {background: #ffffff; ; color: #082c4c!important;   border: 1px solid #082c4c;}

blockquote {
	background: #0a4d91;
	color: white;
	padding: 40px 60px;
	font-family: 'Lato', sans-serif; 
	font-style: normal;
	border: none;
	line-height: 1.5;
	position: relative;
	margin: 40px;
}

blockquote:before, blockquote:after {
	font-size: 8rem;
	position: absolute; 
	color: #3a80c5;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
	line-height: 0;
}
blockquote:before { content: "\201C"; top: 21px; left: -20px;}
blockquote:after { content: "\201D"; bottom: -14px; right: -22px; }

blockquote img[align="right"], blockquote img[style*="float:right"], blockquote img[style*="float: right"], blockquote .pull-right { padding-left: 30px;}

blockquote img[align="left"], blockquote img[style*="float:left"], blockquote img[style*="float: left"], blockquote .pull-left { padding-right: 30px;}


@media only screen and (max-width: 767px) {
	blockquote img[align="right"], blockquote img[style*="float:right"], blockquote img[style*="float: right"], blockquote .pull-right,
	blockquote img[align="left"], blockquote img[style*="float:left"], blockquote img[style*="float: left"], blockquote .pull-left { padding-left: 0px; padding-right: 0px;}
	blockquote { padding-left: 30px; padding-right: 30px;}
	.sprocket-strips-s-item blockquote img { width: 100%;}
	h2, .page-header h2 { font-size: 2.5rem; }
	.solidlinearound h2.centerinline { margin-left: -55px; margin-right: -55px; font-size: 2.2rem; padding: 10px 20px; }
}
a.whitebutton { 
  color: #082c4c !important; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: #ffffff; 
  padding: .5rem 1rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: 1px solid #082c4c;
  transition: all .2s ease-in;
      text-align: center;
}
a.medbluebutton { 
  color: white !important; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: #0a4d91; 
  padding: .5rem 1rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: 1px solid #0a4d91;
  transition: all .2s ease-in;
      text-align: center;
}
a.ltbluebutton { 
  color: white !important; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: #3a80c5; 
  padding: .5rem 1rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: 1px solid #3a80c5;
  transition: all .2s ease-in;
      text-align: center;
}
a.blueblockbutton { 
  color: #ffffff !important; 
  font-size: 1rem;
  text-transform: none;
  text-align: center;
  font-weight: normal;
  background: #082c4c; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: block;
  font-weight: 500;
  line-height: 1.125rem;
  border: 1px solid #082c4c;
  transition: all .2s ease-in;
      text-align: center;
}
a.medblueblockbutton { 
  color: #ffffff !important; 
  font-size: 1rem;
  text-transform: none;
  text-align: center;
  font-weight: normal;
  background: #0a4d91; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: block;
  font-weight: 500;
  line-height: 1.125rem;
  border: 1px solid #0a4d91;
  transition: all .2s ease-in;
      text-align: center;
}
a.ltblueblockbutton { 
  color: #ffffff !important; 
  font-size: 1rem;
  text-transform: none;
  text-align: center;
  font-weight: normal;
  background: #3a80c5; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: block;
  font-weight: 500;
  line-height: 1.125rem;
  border: 1px solid #3a80c5;
  transition: all .2s ease-in;
      text-align: center;
}
a.whiteblockbtn { 
  color: #082c4c !important; 
  font-size: 1rem;
  text-transform: none;
  text-align: center;
  font-weight: normal;
  background: #ffffff; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: block;
  font-weight: 500;
  line-height: 1.125rem;
  border: 1px solid #082c4c;
  transition: all .2s ease-in;
      text-align: center;
}

.whitebutton:hover {background: #082c4c; color: white !important;   border: 1px solid #082c4c;}
.medbluebutton:hover {background: #ffffff; ; color: #0a4d91!important;   border: 1px solid #0a4d91;}
.ltbluebutton:hover {background: #ffffff; ; color: #3a80c5!important;   border: 1px solid #3a80c5;}
.blueblockbutton:hover {background: #ffffff; ; color: #082c4c !important;   border: 1px solid #082c4c;}
.medblueblockbutton:hover {background: #ffffff; ; color: #0a4d91 !important;   border: 1px solid #0a4d91;}
.ltblueblockbutton:hover {background: #ffffff; ; color: #3a80c5 !important;   border: 1px solid #3a80c5;}
.whiteblockbtn:hover {background: #082c4c; color: white !important; }

/**************BACKGROUND****************/
body #g-page-surround  {background: white url(../images/stories/template/backgrounds/backgroundtexture.jpg) 100%; background-attachment: fixed; } 
.sectionheader { margin-top: 2rem; }
/*
@media only screen and (max-width: 50.99rem) {
	body #g-page-surround {background: white url(../images/template/background-hb40lr.png) 80% 0% no-repeat; background-attachment: fixed; }
}*/

/*************** HOMELAYOUT ***************/
.homelayout .layout-showcase .sprocket-features-title  {color: white; font-size: 3rem; font-variant-caps: normal; letter-spacing: 2px; margin-bottom: .75rem;}
.itemid-1080 .homelayout p {color: white; font-size: 1.4rem;}

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


/*************** TOP **********************/
/*************** NAVIGATION ***************/
/***subpage header, no wave effect***/
#g-navigation {background: url('/images/stories/template/mainbackground-1400.jpg') 0% 70% no-repeat; background-size: cover; /*background-attachment: fixed*/;}
.homelayout #g-navigation .g-grid:nth-child(2) .g-content {padding-bottom: 0; padding-top: 1rem;}
.custompadding .g-content {padding-bottom: 0; padding-top: 1rem;}

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

/************ WAVE .outline-18 ************/
.topheader {   position: relative;  height: 57vh;  width: 100vw;  background: none; }
.topheader > div:first-child { height:  0;}*
.waterarea div { padding: 0; margin: 0; }
.water {  position: absolute;  top: -250px;  bottom: -50px;  left: -10px;  right: -10px;  background-image: url("/images/stories/template/mainbackground-1400.jpg");  background-size: cover;}
.background .water {  position: absolute;  background-image: url("/images/stories/template/mainbackground-1400.jpg");  background-size: cover;  top:0;  left:0;  height: 100%;  width: 100%;} 
.water {  filter: url("#turbulence");}

@media only all and (max-width: 50.99rem) {	
	.topheader {  height: 33vh;}
	.topheader > div:last-child { height: 33vh; }
}

/*************** SLIDESHOW ****************/

/*************** CLARITY HOME OUTLINE COPY ****************/
#slideshow-3065 .g-slideshow-slider {height: 50vh !important;}
#g-slideshow h3 {color: #082c4c;}
#g-slideshow a:hover {color: #082c4c !important;}
#g-slideshow {padding: 0 5%;} 
.homelayout #g-slideshow, .homelayout #g-extension, .homelayout #g-above {background: url('/images/stories/template/backgrounds/backgroundtexture.jpg') 60% 70% no-repeat;}
 

.homelayout #g-slideshow .picture-block .sprocket-features-img-container img {margin: 0 -5vw 0 25px; width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,.5);}
.homelayout #g-slideshow .picture-block h2 {color: #082c4c;}
.homelayout #g-slideshow .picture-block p {color: #082c4c; font-size: 1.1rem;}

#g-slideshow .layout-showcase {margin: 0 3vw 0 0;}
#g-slideshow .layout-showcase .sprocket-features-content { width: 85%; /*margin-right: -5vw;*/}
#g-slideshow .layout-showcase .sprocket-features-img-container { width: 100%;}

@media only screen and (max-width: 51rem) {
    .homelayout #g-slideshow .g-content {margin: 0; padding: 0;}
	#g-slideshow .layout-showcase {margin: 0;}
	#g-slideshow .layout-showcase .sprocket-features-content { width: 95%; margin: -2rem 1rem 1rem 0;}
}
#g-slideshow .layout-showcase .readon {display: none;}
#g-above .layout-showcase .readon {display: none;}
#g-expanded .layout-showcase .readon {display: none;}


/*************** HEADER *******************

.layout-showcase {margin: 10px 0; padding: 0 2rem;}
.scthird .layout-showcase .sprocket-features-content {padding: 3vw; flex: 3;}
#g-header .scsolidback .sprocket-features-container {background: #082c4c;}
.scthird.scwide .layout-showcase .sprocket-features-img-container img {width: 38vw; height: 36vw;}
.layout-showcase .sprocket-features-desc p {font-size: 1.75rem;}*/

#g-header, #g-feature {padding: 0 5%;}
.homelayout #g-header {background: url('/images/stories/template/backgrounds/jerusalem-parallax-b4.jpg') 60% 70% no-repeat; background-size: cover; background-attachment: fixed; min-height: 40vh;}
.mfilayout #g-header .g-simplecontent {padding-left: 6rem;}


.homelayout #g-feature {background: url('/images/stories/template/backgrounds/pilgrims3.jpg') 45% 70% no-repeat; background-size: cover; /*background-attachment: fixed;*/ min-height: 35vh;}

.outline-22 #g-header .g-logo > .g-content {z-index: 2; position: relative;}

/*************** ABOVE ********************/

#g-above {padding: 5% 10%;} 
 
.resourceslayout #g-feature a {color: #3a80c5;} 

.homelayout #g-above .picture-block .sprocket-features-img-container img {margin: 0 -5vw 0 25px; width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,.5);}
.resourceslayout #g-expanded .picture-block .sprocket-features-img-container img {margin: 0 -5vw 0 25px; width: 100%; box-shadow: 0px 0px 10px rgba(255,255,255,.5);}
.homelayout #g-above .picture-block h2 {color: #082c4c;}
.resourceslayout #g-expanded .picture-block h2 {color: #082c4c;}
.homelayout #g-above .picture-block p {color: #082c4c; font-size: 1.1rem;}
.resourceslayout #g-expanded .picture-block p {color: #082c4c; font-size: 1.1rem;}

.homelayout #g-above .layout-showcase {margin: 0 3vw 0 0;}
.resourceslayout #g-expanded .layout-showcase {margin: 0 3vw 0 0;}
.homelayout #g-above .layout-showcase .sprocket-features-content { width: 85%; /*margin-right: -5vw;*/}
.resourceslayout #g-expanded .layout-showcase .sprocket-features-content { width: 85%; /*margin-right: -5vw;*/}
.homelayout #g-above .layout-showcase .sprocket-features-img-container { width: 100%;}
.resourceslayout #g-expanded .layout-showcase .sprocket-features-img-container { width: 100%;}

@media only screen and (max-width: 51rem) {
    .homelayout #g-above .g-content {margin: 0; padding: 0;}
    .resourceslayout #g-expanded .g-content {margin: 0; padding: 0;}
	.homelayout #g-above .layout-showcase {margin: 0;}
	.resourceslayout #g-expanded .layout-showcase {margin: 0;}
	.homelayout #g-above .layout-showcase .sprocket-features-content { width: 95%; margin:  -2rem 1rem 1rem 0;}
	.resourceslayout #g-expanded .layout-showcase .sprocket-features-content { width: 95%; margin:  -2rem 1rem 1rem 0;}
}

/*************** FEATURE ******************/
.mfilayout #g-feature {padding: 0 5%;}
#g-feature .scsolidback .sprocket-features-container {background: #082c4c;}
/*.mfilayout #g-feature .g-grid:last-child .g-block {background: rgba(58,128,197,.4);}*/

/*************** SHOWCASE *****************/
/*****************homepage QL*********************/

#g-showcase {padding: 0 5% !important;}


#g-showcase .scsolidback .sprocket-features-container {background: #3a80c5;}

.bigarrows .sprocket-strips-s-arrows .next:before {margin-right: 0;}
.bigarrows .sprocket-strips-s-arrows .next:before {margin-left: 0;}


/*************** UTILITY ******************/
.homelayout  #g-utility {padding: 0 5%;}
#g-utility h2 {color: #ffffff; }
.homelayout #g-utility h4, .outline-24 #g-utility h4 {color: #ffffff; font-size: 1.2rem;}
#g-utility h4 { font-size: 1.2rem;}
#g-utility h5 { background: none;}

#g-utility .whitebutton:hover {background: #082c4c; color: white !important;   border: 1px solid #ffffff;}

.mfilayout #g-container-main {display: none; }

.zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img {
    height: 11vw;
    width: 11vw;
}
.zoompics .active h4.sprocket-lists-portrait-title {
    margin-bottom: 0px;
} 


/*************** EXPANDED *****************/
.homelayout #g-expanded {background: url('/images/stories/template/backgrounds/seaofgalilee-parallax.jpg') 0 100% no-repeat; background-size: cover; background-attachment: fixed; padding: 2% 8%;}

/*************** EXTENSION ****************/

.homelayout #g-extension {padding: 3% 5%;}
.homelayout #g-extension .picture-block .sprocket-features-img-container img {margin: 0 -5vw 0 25px; width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,.5);}
.homelayout #g-extension .picture-block h2 {color: #082c4c;}
.homelayout #g-extension .picture-block p {color: #082c4c; font-size: 1.1rem;}

#g-extension .layout-showcase {margin: 0 3vw 0 0;}
#g-extension .layout-showcase .sprocket-features-content { width: 85%; /*margin-right: -5vw;*/}
#g-extension .layout-showcase .sprocket-features-img-container { width: 100%;}

@media only screen and (max-width: 51rem) {
    .homelayout #g-extension .g-content {margin: 0; padding: 0;}
	#g-extension .layout-showcase {margin: 0;}
	#g-extension .layout-showcase .sprocket-features-content { width: 95%; margin: -2rem 1rem 1rem 0;}
}
#g-extension .layout-showcase .readon {display: none;}


/*************** BOTTOM *******************/
.fixedbutton  {position: fixed; bottom: 50px; right: 0px; background: transparent; z-index: 2;}
.fixedbutton .button {border-radius: 0; background: #F08D24; border: 2px solid #F08D24; padding: 1rem 1.5rem; font-size: 1.2rem;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0px;
}
.fixedbutton .button:hover {border-color: #F08D24; background: #ffffff; color: #F08D24 !important;}

@media only screen and (max-width: 767px) {
    .fixedbutton  {position: fixed; bottom: 1vh; right: 0px; background: transparent;}
}


/*************** FOOTER *******************/
#g-footer {position: unset;}
#g-footer :is(h1,h2,h3,h4,h5,h6,a) {color: #ffffff;}
#g-footer h6 {font-weight: 500;}
#g-footer a:hover {color:#3a80c5; }

#g-footer #module-social-1204-particle {
	align: center;
}
/*************** COPYRIGHT ****************/

/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: #3a80c5;}
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    color: #ffffff;
    background: #dbb45a;
}
.moduletable #login-form .control-group .btn { color: #ffffff;}

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

#g-aside  .moduletable .category-module {padding: 0.25rem;}
#g-aside .moduletable .category-module li {padding-bottom: 0.25rem; margin-bottom: 0.25rem;}

.box-blue.moduletable, .box-blue.widget, .box-blue.g-outer-box, .box-blue>.g-content {
    background: #0A4D91;
}

.quotes h4 {font-size: 1.25rem;}

@media only screen and (max-width: 767px){
.resourceslayout .cols-5 > li { width: 80%;}
}
.aboutuspage .g-array-item {
	pointer-events: none;
}

/*************ENDORSEMENTS**********/

.sprocket-strips-p-item img {width: 20%;}
@media only screen and (max-width: 767px){
	.sprocket-strips-p-container .sprocket-strips-p-block {  width: 100%;}
	.sprocket-strips-p-item img {width: 35%;}
}

/*************** MOBILE *******************/


/************ HOME CL  ************/
.scthird.scthird .layout-showcase .sprocket-features-content { justify-content: center; }

#g-above .scsolidback .sprocket-features-container {background: #3a80c5;}
#g-expanded .scsolidback .sprocket-features-container {background: #082c4c;}
@media only screen and (max-width: 767px){
.scthird.scwide .layout-showcase .sprocket-features-img-container img {width: 100vw;  height: 80vw;}
.scthird .layout-showcase .sprocket-features-content {padding: 6vw;}
}

.outline-18 #g-header .button { background: #3a80c5; }
.outline-18 #g-above .button { background: #082c4c; margin: 0 24%;}
.outline-18 #g-feature .button { background: #3a80c5; }
.outline-18 #g-showcase .button { background: #082c4c; }
.outline-18 #g-expanded .button { background: #3a80c5; }
.outline-18 #g-extension .button { background: #082c4c; }

.outline-18 #g-above .button:hover, .outline-18 #g-extension .button:hover, .outline-18 #g-header .button:hover   { background: white;}


.grid-articles .g-item-title a {
	color: #082c4c;
}
.grid-articles .g-item-title {
	font-size: 1.75rem;
}
.grid-articles .g-array-item-text p {
	font-size: 1rem !important;
}
.homelayout .grid-articles .g-array-item-image img {
		aspect-ratio: 3 / 4;
	}
.portraitgrids  .grid-articles .g-array-item-image img {
		aspect-ratio: 3 / 4;
	}
.aboutuspage .grid-articles .g-array-item-image img {
	aspect-ratio: 4 / 3;
}

@media only screen and (min-width: 50.99rem) {
	.outline-18 #g-above .button { margin: 0 25%;}
	.homelayout .grid-articles .g-array-item-image img {
		aspect-ratio: 3 / 4;
	}
	.portraitgrids  .grid-articles .g-array-item-image img {
		aspect-ratio: 3 / 4;
	}
	.quotes .g-content-array .g-grid {
		margin-bottom: 0 !important;
	}
	.quotes .g-content-array .g-content .g-array-item {
		min-height: 200px;
	}
	.grid-articles .g-content-array {
		gap:  4vw 2vw;
	}

}

@media only screen and (max-width: 50.99rem) {
	.outline-18 #g-above .button { margin: 0 0 5% 0;}
	.outline-18 .up-pilg-home img{max-width: 250px;}
	.homelayout .grid-articles .g-array-item-image img {
		aspect-ratio: 3 / 4;
	}
	.portraitgrids  .grid-articles .g-array-item-image img {
		aspect-ratio: 3 / 4;
	}
	.grid-articles .g-array-item-text a:hover {
		background: #082c4c;
	}
	.outline-19 #g-container-main { margin: 0; padding: 2%; }
	.outline-19 #g-mainbar { margin: 0; padding: 0; }
	
	.grid-mobile-stacked .g-content-array {gap: 4rem 1rem;}
	.grid-mobile-stacked .g-content-array>.g-grid {border-bottom: 2px #0A4D91 solid;
        padding-bottom: 1rem; }
}




/************ SUB PAGES  ************/

#g-container-main { margin: 0; padding: 2% 7.5%; }
.outline-18 #g-container-main { margin: 0; padding: 0 8%; }
.outline-19 #g-container-main { margin: 0; padding: 2% 5%; }
.outline-18 #g-mainbar .g-content { margin-bottom: 0px; padding-bottom: 0px;}


.flexrow > .imageside { flex: 2;}
.flexrow > .moduleside { flex-basis: 35%}

.boatback {background: url(../images/stories/template/backgrounds/boat.jpg) 0% 0% no-repeat;}
.waveback {background: url(../images/stories/template/backgrounds/wave-parallax.jpg) 0% 0% no-repeat;}
.speakingback {background: url(../images/stories/template/backgrounds/speaking-parallax.jpg) 60% 70% no-repeat;}
.jerusalem {background: url(../images/stories/template/backgrounds/jerusalem-parallax.jpg) 60% 70% no-repeat;}


@media only screen and (max-width: 51rem){
	.simpleparalax, .simpleparallax {background-position: 40% 0% !important;}
}

.navyback { background: #082c4c; padding: 0; margin-top: 10px; margin-bottom: 10px; color: white;}
.mediumblue{ background: #0A4D91; padding: 0; margin-top: 10px; margin-bottom: 10px; }
.whiteback{ background: white; padding: 0; margin-top: 10px; margin-bottom: 10px; }


.blueback { background: rgba(8,44,76,0.8); padding: 40px ; margin-top: 20px; margin-bottom: 20px; }
.solidblueback { background: rgba(8,44,76,1); padding: 10px ; margin-top: 20px; margin-bottom: 20px; }
.blackback { background: rgba(0,0,0,0.5); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.solidblueback h6, .blueback h6, .blackback h6 { text-align: center; color: #ffffff; margin: 0 10px;}
.solidblueback h4, .blueback h4, .blackback h4 { font-variant-caps: small-caps; color: #ffffff; font-size: 2.25rem; margin: 0 10px; font-weight: 500;}
.solidblueback h2, .blueback h2, .blackback h2 { font-size: 2.15rem;}
.solidblueback p,.blueback p, .solidblueback li, .blueback li, .solidblueback h3, .blueback h3, .solidblueback h2, .blueback h2  {margin: 20px; color: #ffffff; }
.blackback p, .blackback li, .blackback h3, .blackback h2  {margin: 0 20px; color: #ffffff; }

.navyback .whitebutton {background: transparent; color: white !important;   border: 1px solid #ffffff;}
.navyback .whitebutton:hover {background: white; color: #082c4c !important;   border: 1px solid #ffffff;}
.solidblueback .whitebutton:hover {background: #082c4c; color: white !important;   border: 1px solid #ffffff;}
.blueback .whitebutton:hover {background: #082c4c; color: white !important;   border: 1px solid #ffffff;}


.ltblueback { background: rgba(212, 232, 255, 0.5); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.navyback h6 { color: white; }
.ltblueback h6 { text-align: center; color: #003060; margin: 0 10px;}
.ltblueback h4 { font-variant-caps: small-caps; color: #003060; font-size: 1.25rem; margin: 0 10px;}
.ltblueback p, .ltblueback li, .ltblueback h3  {margin: 0 20px; color: #003060; }

.padright { padding-right: 30px;}
.padleft { padding-left: 30px;}

table {border: 0px solid transparent;}
td {border: 0px solid transparent; padding: 0.25rem;}
table h6 {margin: 0.25rem 0;}
table p {margin: 0 0 0.5rem 0;}


/************ FLEX ITEM  ************/
.flexrow > .two-thirds-side { flex: 2;}
.flexrow > .moduleside { flex-basis: 35%}
/*.flexrow > .fiftypercent { flex-basis: 50%}*/

@media only screen and (min-width: 50.99rem) {
	.flexrow div.two-thirds-side:first-child, .flexrow div.moduleside:first-child { padding-right: 30px;}
	.flexrow div.two-thirds-side:last-child, .flexrow div.moduleside:last-child { padding-left: 30px;}
	
	.flexrow > .two-thirds-side { flex: 2;}
	.flexrow > div { order: 2; }
}
/************ FLEX ITEM  ************/
.flexcolumn { display: flex; flex-direction: column; }
.flexcolumn > div { flex: 1;}
.flexcenter { display: flex; align-items: center; justify-content: center;}

/************ FLEX ITEM  ************/
.flexrow { display: flex; align-items: center; justify-content: center;   }
.flexrow > div { flex: 1; padding: 20px;}

.minus10, .platform-content .moduletable.minus10  {  margin: 0 calc(-10vw - 20px); }
.plus10, .platform-content .moduletable.plus10 {  margin: 0 10vw; }
.plus5, .platform-content .moduletable.plus5 {  margin: 0 5vw; }
.fullwidthpic { width: 100%;}
img.fullwidth { width: 100%;}


@media only screen and (max-width: 50.99rem) {
	.flexrow { flex-direction: column; }
	
	#g-container-main {
        margin: 0;
        padding: 0;
    }
    .plus10, .platform-content .moduletable.plus10 {padding: 0 calc(1vw + 10px);}
    .plus5, .platform-content .moduletable.plus5 {padding: 0 calc(1vw + 5px);}
    .minus10, .platform-content .moduletable.minus10   {margin: 0 calc(-10vw - 15px);}
	.nmmobile, .platform-content .moduletable.nmmobile {margin: 0 calc(-20vw - 15px) !important;}
	
}


p.csscode {background-color: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.938rem; margin: 0 0 1.5rem;
	border-radius: 0.1875rem;
	font-family: "Menlo", "Monaco", monospace;
	clear: both;
} 


@media only screen and (max-width: 51rem) {
	.homelayout #g-header, .homelayout #g-expanded { background-attachment: initial;	}
	.homelayout #g-slideshow { padding-bottom: 1rem; padding-top: 1rem;}
	.homelayout #g-above { padding-top: 1rem;}
	.homelayout #g-utility .custom img[style*="float: left"] { max-width: 30%; padding-top: 0px;}
}

.homelayout #g-slideshow { z-index: 10; opacity: .99; background-size: cover;  }
#g-utility .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span { background: #325370; }

#g-header .g-simplecontent h2.g-title, .g-simplecontent h2.g-title {
		font-size: 1.25rem;
		margin-bottom: 1rem;
		letter-spacing: .1rem;
		text-transform: uppercase;
		color: #888;
}

.title3 .g-title {
	font-size: 1.25rem !important;
	letter-spacing: .1rem !important;
}
#g-header .g-simplecontent .g-simplecontent-item-content-title {
	font-size: 3vw;
    line-height: 1.2;

}

#g-showcase a:hover { color: white; }
#g-extension .sprocket-strips-p ul { 
	max-width: 1000px;
	display: flex;
    justify-content: center;
    align-items: center;
}
#g-extension .sprocket-strips-p-container { margin: auto;}
#g-extension .sprocket-strips-p-container  { min-height: 300px;}
#g-extension .box-blue { position: relative; }
#g-extension .box-blue .sprocket-strips-p-nav { position: absolute; bottom: 0; right: 0; }
#g-header .g-simplecontent .g-simplecontent-item-main-content { margin-top: 5px; }

#g-header h3 { border: none;}
#g-header .g-logo { padding-bottom: 4.5rem;}

.sidebysidecentered .g-simplecontent { display: flex; align-items: center; justify-content: space-around; }
.sidebysidecentered p { text-align: center;  }
.sidebysidecentered .g-simplecontent-item-content-title { text-align: center;  }
.sidebysidecentered .g-simplecontent-item-main-content { margin-top: 5px;  }



.g-heading h2 { 
	font-size: 3rem; 
	font-family: "Asap"; 
	font-weight: 500;
	font-variant-caps: normal;
	text-align: center; 
}

#g-utility a { color: white; }
#g-utility a:hover { color: lightgrey; }



@media only screen and (max-width: 50.99rem) { 
	#g-extension .sprocket-strips-p-container  { min-height: 400px;}
	#g-header .g-logo { padding-top: 0; padding-left: 0; }
	.mfilayout #g-header .g-simplecontent { padding: 1rem; }
	#g-header .g-simplecontent .g-simplecontent-item-content-title { font-size: 2.2rem; }
	.sprocket-strips-s-container li { padding-bottom: 5px;}
	.sprocket-strips-s-content { margin: 0;}
	#blockcontent-6326-particle img { max-width: 50vw;}
	#g-offcanvas #g-mobilemenu-container .g-toplevel>li>.g-menu-item-container>.g-menu-item-content { padding-left: 1rem;}
	#g-mobilemenu-container .g-toplevel li .g-menu-item-content { line-height: 1.2rem;}
	#g-offcanvas #g-mobilemenu-container{ font-family: "Asap"; font-weight: 500; }
	.sidebysidecentered .g-simplecontent { display: block; }
	#g-header .g-logo { padding-bottom: 0px;}
	#g-utility .g-content { padding-bottom: 0px; margin-bottom: 0px;}
	#g-utility .g-content p { margin-bottom: 0px;}
	#g-utility { padding-bottom: 30px;}
}

#simplecontent-7746-particle div {
    color: black;
}

.g-menu-item-title {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.sidebysidecentered .g-simplecontent {
    gap: 2rem;
}

@media (min-width: 50.99rem) {
    .sidebysidecentered .g-simplecontent {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 50.99rem) {
    .sidebysidecentered .g-simplecontent {
        display: grid;
        grid-template-columns: 1fr;
    }
}