@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;}

@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;
}
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;
}
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;
}
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;
}
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;
}
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;
}
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;
}

.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: 50vh;  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; }
}



/**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: 'Lato', sans-serif;}**/



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

/*************** CLARITY HOME OUTLINE COPY ****************/
#slideshow-3065 .g-slideshow-slider {height: 50vh !important;}
#g-slideshow h3 {color: #082c4c;}

#g-slideshow {padding: 0 5%;} 
.homelayout #g-slideshow {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 {padding: 0 5%;}
.homelayout #g-header {background: url('/images/stories/template/backgrounds/jerusalem-parallax.jpg') 60% 70% no-repeat; background-size: cover; background-attachment: fixed; min-height: 40vh;}
.mfilayout #g-header .g-simplecontent {padding-left: 6rem;}
.mfillayoutzindex {}


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

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

#g-above {padding: 2% 5%;} 
 
.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);}*/

@media only screen and (max-width: 50.99rem) {
	#g-feature .negativetopmarginmobile .g-verticalslideshow-wrapper .swiper-container  {
		max-height: 100vw;
	}
	/*#g-feature .verticalslideshow-9275-particle {
		max-height: 160vw;
		margin-top: -15px !important;
	}*/
}

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




#g-showcase {padding: 3% 5% !important;}
.mfilayout #g-showcase .g-content { margin: 0.625rem !important;  padding: 1.5rem !important;}
.mfilayout #g-showcase .columns {margin-top: 0; transform: translateY(0%);}

.mfilayout #g-showcase .g-simplecontent .g-title {
    color: #fff;
    text-transform: none;
    font-weight: 700;
    line-height: 1.2;
}

.mfilayout .g-simplecontent .g-simplecontent-item-content-title {
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.4;
    font-weight: 500;
    font-family: "Asap";
    font-size: 1.5rem;
}
.mfilayout .columns .g-simplecontent-item-content-title {
    font-weight: 500;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.mfilayout #g-showcase .columns.left-column { text-align: right;}
.mfilayout #g-showcase .columns .g-simplecontent-item-main-content {
    font-family: "PT Serif";
    opacity: 0.5;
    font-size: 1.25rem;
    margin-top: 0.625rem;
    color: #ffffff !important;
}
.mfilayout #g-showcase  .heightstrech>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}


#g-showcase .scsolidback .sprocket-features-container {background: #3a80c5;}
/*.mfilayout #g-showcase {background: url('/images/template/mfi-parallax.jpg') 100% 100% no-repeat; background-size: cover; background-attachment: fixed; height: 20vw;}
.mfilayout #g-showcase .g-grid:last-child .g-block {background: rgba(58,128,197,.8);}**/

.bigarrows .sprocket-strips-s-arrows .next:before {margin-right: 0;}
.bigarrows .sprocket-strips-s-arrows .next:before {margin-left: 0;}
@media only screen and (max-width: 767px){
	/*.mfilayout #g-showcase {height: 56vw;}*/

}


/*************** 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;
}
.lastestpodcastcustom 



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


.mfilayout .g-socialfeed .g-socialfeed-grid .g-socialfeed-grid-item .g-socialfeed-grid-item-wrapper .g-socialfeed-grid-item-image img {
min-height: 124px;}

.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%;}

/**** ROK MINI EVENTS ****/
.rme-items li, .rme-timeline-bar, .rme-arrow {
background: rgba(255,255,255,0.8);
border: none;
}
.rme-items li { padding: 10px; margin: 15px; clear:both; }
.rme-badge {
background: #3a80c5;
color: #03284C;
width: 58px;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
font-weight: bold;
display: block;
float: none;
}
.rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span { background: #03284C; }
.rme-arrow { color: #03284C; }
.rme-date {display: none; }
.rme-day { font-size: 1.5rem; }
.rme-time {display: none; }
.rme-title {
font-size: 1rem;
font-weight: normal;
}
@media only screen and (max-width: 767px) {
.rme-badge { float: left; padding: 2px;}
.rme-day { font-size: 1.4rem;}
/*.rme-items li { margin: 0; }*/
.rme-timeline { display: none;}
.rme-items { padding-top: 15px;}
}




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

.homelayout #g-extension {padding: 0 5%;}

#g-extension .scsolidback .sprocket-features-container {background: #3a80c5;}
#g-extension .g-blockcontent-subcontent-subtitle {display: none;} 
#g-extension .g-blockcontent-subcontent-block.g-blockcontent-subcontent-block-accent1 {background: transparent;}
.outline-22 #g-extension .g-blockcontent-subcontent-block.g-blockcontent-subcontent-block-accent1 .g-content, 
.outline-25 #g-extension .g-blockcontent-subcontent-block.g-blockcontent-subcontent-block-accent1 .g-content {padding: 1.5rem 10vw;}

#g-extension .sprocket-strips-s-item {margin: 1rem 1.5rem;}
#g-extension h4 {font-size: 1.25rem;}

@media only screen and (max-width: 767px){
 #g-extension .sprocket-strips-s-item { flex-direction: column;}
}


/*************** 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; }

/*************** 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%;}
}


/*************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; }
.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; }



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

#g-container-main { margin: 0; padding: 0 10%; }
.outline-18 #g-container-main { margin: 0; padding: 0 8%; }

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

.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;}
}


.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; }

.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; }
.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;}
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;
} 

hr.heart {  
	background: url(../images/template/heart-white.png) 50% 50% no-repeat;
    background-size: contain;
	width: 100%;
	height: 50px;
	border: none;
	margin: .5rem 0;
}

@media only screen and (min-width: 768px) {
	.flexrow div.imageside:first-child, .flexrow div.moduleside:first-child { padding-right: 30px;}
	.flexrow div.imageside:last-child, .flexrow div.moduleside:last-child { padding-left: 30px;}
	
	.flexrow > .imageside { flex: 2;}
	.flexrow > div { order: 2; }
	/*.flexrow > div.imageside { order: 1; }*/
	.padright, .padleft { padding-right: 0px; padding-left: 0px;}
	
}

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;}


/*************** MOBILE *******************/
/************ 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;}

@media only screen and (max-width: 767px) {
	.flexrow { flex-direction: column; }

}


@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-mainbar .g-content { margin-bottom: 0px; padding-bottom: 0px;}

.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;}
}


#g-header .pilgrimages p,
#g-header .pilgrimages .g-simplecontent-item-content-title {
    color: black;
}

.pilgrimages #simplecontent-4760-particle {
    padding-bottom: 0;
    margin-bottom: 0;
}

.pilgrimages #heading-8530-particle > div > h2 {
    margin-top: 2rem;
}
@media only screen and (min-width: 50.99rem)  {
	}
.grid-articles .g-item-title {
    font-size: 1.75rem;
}
.grid-articles .g-array-item-image img {
	aspect-ratio: 3 / 4;
}
.grid-articles .g-item-title a {
    color: #082c4c;
}
.grid-articles .g-array-item-text p {
    font-size: 1rem !important;
}
.outline-24 #g-above .button {
        margin: 0 25%;
    }