@import url('//fonts.googleapis.com/css?family=EB+Garamond:400,400i,600,600i|Lato:400,400i,700,700i&display=swap');


/************ 

TEMPLATE NOTES

Blue: #002B5C; rgba(0,43,92,1)
Black: #262223; rgba(38,34,35,1)
Gold/Orange: #DFB208; rgba(223,178,8,1)
Light Gray: #f1f2f2

************/

body { color: #333; font-size: 1.2rem; 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; font-size: 1.2rem;  font-family: 'Lato', sans-serif; }

h1 { font-family: 'EB Garamond', serif; font-style: italic; color: #002B5C; font-size: 3rem; }
h2, .page-header h2 { font-family: 'EB Garamond', serif; color: #002B5C; font-size: 2.5rem; border-bottom: 1px solid #333;  line-height: 1.3; margin: 0; padding: 0;}
h3 { font-family: 'EB Garamond', serif; color: #262223; font-size: 2.25rem;}
h3.gold { color: #DFB208; }
h3.regulargold { color: #DFB208; font-weight: 600; font-family: 'Lato', sans-serif; font-size: 2rem; }
h4 { font-family: 'EB Garamond', serif; background: #f1f2f2; font-size: 1.75rem; color: #262223; border-radius: .2rem; padding: .1rem .4rem;}
h5 { font-family: 'EB Garamond', serif; color: #262223; font-size: 1.75rem; text-transform: uppercase;}
h5.spaced { letter-spacing: 4px;}
h6 { color: #203B71; font-size: 1.75rem; font-style: italic;}
h6.regular { color: #203B71; font-size: 1.75rem; font-style: normal; font-weight: 600;}
a { color: #002B5C; }
a:hover { color: #3180C2; }

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

blockquote {
	color: #333;     
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #002B5C;
	font: italic 16px/22px EB Garamond, Serif;
	line-height: 1.2;
	font-size: 1.75rem;
}

address {
	font-style: italic;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2;
}

/************ BUTTONS  ************/
.readon, .button, .btn, p.readmore .btn, span.button { 
  color: white; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: #262223; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  margin: 0;
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
  transition: all .2s ease-in;
}

.readon:hover, .button:hover, .btn:hover,  p.readmore .btn:hover, span.button:hover {background: #002B5C; color: white;}

.btn .icon-chevron-right { display: none;}

/************ TABLES  ************/
.fancytable th, .infotables th {color: white; background: #002B5C; border: 1px solid #002B5C;}
.fancytable td, .infotables td { border: 1px solid #002B5C;}

/************ ALERT ************/
.alert .g-content {padding: 0; margin: 0;}
.alert {border: none; padding: 0; margin: 0; background-color: #FFCFCF; color: #FF0000;}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p { margin-left: 20px; color: red; background: transparent;}

/************ HERO IMAGE ************/
.hero p { margin: 0; }
.hero img { height: 24vw; object-fit: cover; width: 100%; opacity: 1; }

@media only screen and (max-width: 767px) { 
	.hero img { height: 24vw; }
}

/************ HOMELAYOUT  ************/
.homelayout-ge .hiddenhome, .skclayout .hiddenhome { display: none; }
p.buttonheading { margin: 0; padding: 0; }
#g-feature:before { border: none; }

/************ TOP RIGHT QUICKLINK ICONS  ************/
.align-y { display: flex; align-items: center; }
.align-right.icons { display: flex; justify-content: flex-end; }
.g-iconmenu {display: flex; width: 115%;  margin: 0 0 0 auto;}
.g-iconmenu > a  { color: #262223;  flex:1; border-left: 2px rgba(38,34,35,0.8) solid; padding: 15px; }
.g-iconmenu > a:hover { background: rgba(0,43,92,0.075); }
.g-iconmenu > a:first-child { border-left: none;}
.g-iconmenu span { display: block; text-align: center; }
.g-iconmenu .g-iconmenu-text { line-height: 1.1; font-size: 1rem; text-transform: uppercase; }
.g-iconmenu .g-iconmenu-icon { font-size: 1.5rem; padding-bottom: 10px; }
.g-iconmenu img { height: 2.5vw; padding-bottom: 10px; }

@media only screen and (max-width: 767px) { 
	#g-top { border-bottom: 6px #002B5C  solid; margin-bottom: 0px; }
	.icons .g-content { margin: 0; padding: 0 0.5rem 1rem 0.5rem; width: 100%; }
	.logo-block .g-content { padding-bottom: 0.5rem; }
	.align-y { display: flex; align-items: center; justify-content: center; }
	.align-right.icons { justify-content: center; }
	.g-iconmenu {width: 100%; }
	.g-iconmenu img { height: 30px; }
	.g-iconmenu .g-iconmenu-text {  font-size: 0.9rem; }
}

/************ MENU  ************/
#g-navigation {padding: 0 2%; }
#g-navigation .g-content { margin: 0; padding: 0; }
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container { color: white; }
.g-menu-item-title { font-family: 'EB Garamond', serif; }
.g-main-nav .g-standard > .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown { margin-top: 0px;}
.g-main-nav .g-toplevel > li:hover, .g-main-nav .g-toplevel > li.active {   background: rgba(255,255,255,0.15); }
.g-main-nav .g-sublevel > li:hover, .g-main-nav .g-sublevel > li.active {   background: rgba(255,255,255,0.15); }
#g-navigation { padding-bottom: 0px; }
.g-main-nav .g-toplevel > li > .g-menu-item-container { text-align: center;  padding: 0.625rem 0.5vw;  }
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none; }
.g-main-nav .g-toplevel > li > .g-menu-item-container {font-size: 1.35vw; }
.g-main-nav .g-sublevel > li > .g-menu-item-container {font-size: 1.3vw; }
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { line-height: 1.1; }
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {font-size: 1.1rem; }

.g-main-nav ul.g-toplevel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.g-main-nav .g-standard .g-fade.g-dropdown { z-index: 10;}
.g-main-nav .g-dropdown { border-radius: 0 0 6px 6px;}

.g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right { left: 0; }

@media only screen and (max-width: 767px) { 
	.g-logo img { width: 70%;} 
	.g-offcanvas-toggle { top: 20px; left: 20px; }
}

#g-navigation .g-grid { align-items: flex-start; }
.g-menu-item-type-heading .g-menu-item-title, .g-menu-item-2816 .g-menu-item-title, .g-menu-item-2818 .g-menu-item-title { 
	font-family: 'Spectral', serif;
    font-size: 1.65vw;
	text-decoration: underline;
}
.fauxheading { 
	font-family: 'Spectral', serif;
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	.g-menu-item-type-heading .g-menu-item-title, .g-menu-item-2816 .g-menu-item-title, .g-menu-item-2818 .g-menu-item-title {   font-size: 3.8vw;
	text-decoration: underline;}
	.fauxheading { font-size: 3.65vw; text-decoration: underline;}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.g-main-nav .g-toplevel > li > .g-menu-item-container {font-size: 1.5vw; }
	.g-main-nav .g-sublevel > li > .g-menu-item-container {font-size: 1.4vw; }
}


.g-main-nav .g-sublevel > li { margin: 0.3125rem 0.09375rem;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.g-overlaytoggle .g-overlaytoggle-text { right: 15px; font-size: 0.95rem; }
	.g-overlaytoggle .g-overlaytoggle-bar-wrapper { padding: 10px 0px 16px 65px; }
	.g-overlaytoggle .nav-toggle .g-overlaytoggle-bar, .g-overlaytoggle .nav-toggle .g-overlaytoggle-bar:before, .g-overlaytoggle .nav-toggle .g-overlaytoggle-bar:after { width: 20px; }
}

@media only screen and (max-width: 767px) { 
	.homelayout #g-navigation { background: rgba(0,0,0,1); position: relative; }
	#g-navigation { padding: 4% 2%; }
	.g-logo img { width: 70%;} 
	.g-offcanvas-toggle { top: 20px; left: 20px; }
	.g-main-nav ul.g-toplevel { flex-wrap: wrap; }
}

.congress-site-logo img {
	max-width: 70%;
}


/************ LAST MENU ITEM - DROP DOWN FROM RIGHT SO IT DOESN'T GET CUT OFF BY THE BROWSER WINDOW ************
.g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right { left: 0; }
.g-main-nav li.g-menu-item:last-child > .g-dropdown.g-dropdown-right, .g-main-nav li.g-menu-item:last-child > .g-fullwidth > .g-dropdown.g-dropdown-right { left: -100%; }*/

/************ SEARCH  ************/
#g-navigation input[type="search"] { background-color: rgba(0,0, 0, 0); border: 2px white solid; color: white; }
#g-navigation input[type="text"] {background-color: rgba(0, 0, 0, 0.0); border: 2px white solid; color: white;}
#g-navigation form { margin-bottom: 0px; }
input.search-query { border-radius: 5px; }
form {margin: 0.02rem 0;}
input[type="text"] {margin: 0.25rem;}


@media only screen and (max-width: 767px) { 
	#g-navigation form { margin: 15px 10px 5px 10px; }
}


/************ SIDE MENU  ************/
#g-aside .moduletable[class*="box"] { padding: 0.5rem; }
#g-aside .g-content { padding-left: 0; padding-right: 0px;}
.moduletable .nav.menu li a { width: 100%; border-radius: 0; padding: 7px 15px; color: white; font-weight: normal;}
.moduletable .nav.menu li{ transition: all .2s ease-in; border-radius: 3px; width: 100%; padding: 0; margin: 0;}
.moduletable .nav.menu, .moduletable .unstyled { border: none; padding: 0; margin: 0; display: block;  background: #262223;  border-radius: 0; }
.moduletable .nav.menu li:last-child {  padding-bottom: 0;  margin-bottom: 20px;}
.moduletable .nav.menu .nav-child li:last-child {  margin-bottom: 0px;}
.moduletable .nav .nav-child { margin-top: 0px;}
.moduletable .nav.menu .nav-child li { border: none; margin-left: 20px; padding-right: 20px;}

.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover { 
	color: #ffffff;
	background: #002B5C;
	font-weight: normal;
}
.moduletable .nav .nav-header {
    margin: 0;
    padding: 7px 15px;
    font-size: 1.25rem;
    font-weight: 400;
    border-radius: 5px;
    color: white;
    background: #262223;
	text-transform: none;
}


#g-aside .platform-content { padding: 0.5rem 0;}
#g-aside .g-title { padding:  0.5rem;}
#g-aside .moduletable .category-module, .moduletable .mostread { border: none; padding: 0.75rem; list-style-type: circle; }
#g-aside .moduletable .category-module li, .moduletable .mostread li { list-style-type: circle; padding-bottom: 0; margin-bottom: 0.225rem; border: none; }

/************ SOCIAL MEDIA ICONS WHITE ************/ 
.g-social a { color: white; }
.g-social a:hover { color: #108093 !important; }
.fa-fw {width: 1.01em; 	color: #002b5c !important;}

/************ CENTER SOCIAL MEDIA VERTICALLY  ************/
.g-block.size-10 .centervertically { display: flex; justify-content: center; align-items: center; }

/************ OFFCANVAS MENU  ************/
.g-offcanvas-toggle {color: #002B5C; }
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {font-weight: normal; }
#g-offcanvas .g-menu-item-title {color: white; }
#g-offcanvas #g-mobilemenu-container ul > li > a.g-menu-item-container:hover {background: rgba(255,255,255,0.15); }
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {border: none; background: none; }
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {border: none; background: none; }

/************ 	ROTATOR ************/
#g-showcase .g-content { padding: 0; margin: 0; }
#g-showcase .layout-slideshow .sprocket-features-img-container img { float: none; width: 100%;  height: 42vw !important; object-fit: cover; object-position: center; }
#g-showcase .layout-slideshow .sprocket-features-content { position: absolute; top: 0; bottom: 0; left: 0px; padding: 5% 0 8% 5%;
    width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; background: rgba(0,0,0,0.3); }

#g-showcase .layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc { display: block; background: none; }
#g-showcase .layout-slideshow .sprocket-features-title, .sprocket-features-desc h2 { 
	font-family: 'EB Garamond', serif; font-style: italic; font-size: 7vw; color: white; text-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	border: none; margin: 0; line-height: 1; }
#g-showcase .sprocket-features-desc h2  {padding: 0; }
#g-showcase .layout-slideshow .sprocket-features-desc { color: white; font-size: 1.4rem; padding: 0; margin: 0; }
#g-showcase .layout-slideshow .sprocket-features-desc a.readon { background: none; text-transform: uppercase; }
#g-showcase .layout-slideshow .sprocket-features-desc a.readon:hover { background: rgba(38,34,35,0.75); }
#g-showcase .layout-slideshow .sprocket-features-pagination li { padding: 8px; }
#g-showcase .layout-slideshow .sprocket-features-arrows .arrow { background: none; box-shadow: none; font-size: 5em; }

#g-showcase .layout-slideshow .sprocket-features-pagination { bottom: 20px; left: 50px; right: initial; }
#g-showcase .layout-slideshow .sprocket-features-pagination ul { display: flex; }
#g-showcase .layout-slideshow .sprocket-features-pagination li { background: white; width: 15px; height: 15px; border-radius: 8px; opacity: 0.75; padding: 8px; margin: 0 2px; }
#g-showcase .layout-slideshow .sprocket-features-pagination li.active { opacity: 1; background: white; }
#g-showcase .layout-slideshow .sprocket-features-pagination li span { display: none;  }
#g-showcase .layout-slideshow .sprocket-features-pagination li.active:before { display: none; }

@media only screen and (max-width: 767px) {
	#g-showcase .layout-slideshow .sprocket-features-img-container img { width: 100%; height: 52vw !important; }
	#g-showcase .layout-slideshow h2, .layout-slideshow .sprocket-features-title { font-size: 2rem; text-align: left; line-height: 1.2; }
	#g-showcase .layout-slideshow .sprocket-features-desc { font-size: 1rem; line-height: 1.2;}
	#g-showcase body .sprocket-features-desc p { font-size: 3vw; margin-bottom: 0px; }
	#g-showcase .layout-slideshow .sprocket-features-pagination { display: none; }
	#g-showcase .layout-slideshow .sprocket-features-content { 	padding: 5% 0 4% 5%; }
}

/************ BIGGER ARROWS ON SLIDESHOW ************/
.layout-slideshow .sprocket-features-arrows .arrow span { font-size: 4.5rem; line-height: 0px; width: 25px;}
.layout-slideshow .sprocket-features-arrows .arrow { top: 45%; }
.sprocket-features.layout-slideshow.arrows-onhover .sprocket-features-arrows .arrow { background: none; box-shadow: none; color: white; text-shadow: 2px 2px 5px rgba(0,0,0,0.75);}
.sprocket-features.layout-slideshow.arrows-onhover .sprocket-features-arrows .arrow { font-size: 3.5rem; }
.arrows-active .sprocket-features-img-list {margin: 0px; }
.arrows-onhover .sprocket-features-arrows .arrow.prev span { margin-left: 0;}
.arrows-onhover .sprocket-features-arrows .arrow.next span { margin-right: 0;}

@media only screen and (max-width: 767px) {
	.sprocket-features-pagination { display: none;}
	.sprocket-features-arrows { display: block; } 
	.arrows-onhover .sprocket-features-arrows .arrow { opacity: .6; }
}

/************ QUICKLINK CARDS ************/
#g-utility { padding: 1% 5%; }
.outline-22 #g-utility .sprocket-strips-p-container { display: flex; justify-content: space-around; }
.outline-22 #g-utility h4.sprocket-strips-p-title { background: none; color: #262223; font-family: 'Lato', sans-serif; font-size: 1.1rem; font-weight: bold; text-align: center; letter-spacing: 0.05rem; margin: 0; padding: 0; }
.outline-22 #g-utility h4.sprocket-strips-p-title a { color: #262223; }

.outline-22 #g-utility .sprocket-strips-p-block { margin-bottom: 20px; padding: 0 1.5%; }
.outline-22 #g-utility .sprocket-strips-p-block:first-child { padding-left: 10px; }
.outline-22 #g-utility .sprocket-strips-p-block:last-child { padding-right: 10px; }
.outline-22 #g-utility .sprocket-strips-p-item { display: flex; flex-direction: column; border-radius: 0.5rem;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25); }
.outline-22 #g-utility .sprocket-strips-p-item img { order: 1; width: 100%; max-width: 100%; height: 130px; margin-right: 0; border-radius: 0.5rem 0.5rem 0 0;
	object-position: center; object-fit: cover; float: none; margin-bottom: 0px; }
.outline-22 #g-utility .sprocket-strips-p-content { order: 2; padding: 10px; margin: 0; background: white; height: 95px; border-radius: 0 0 0.5rem 0.5rem; overflow: hidden; display: flex; align-items: center; }
.outline-22 #g-utility .sprocket-strips-p-content > a.readon { position: absolute; top: 0; right:0; bottom: 0; left: 0; background: none; display: flex; justify-content: center;  align-items: center; }
.outline-22 #g-utility .sprocket-strips-p-item { position: relative; }
.outline-22 #g-utility .sprocket-strips-p-item .readon { padding: 0; margin: 0; font-size: 1.2rem; font-family: 'EB Garamond', serif; }
.outline-22 #g-utility .sprocket-strips-p-item .readon:hover { background: rgba(0,43,92,0.9);}
.outline-22 #g-utility .sprocket-strips-p-item .readon span  { flex: 1; text-align: center; transition: all .2s ease-in; opacity: 0; }
.outline-22 #g-utility .sprocket-strips-p-item .readon:hover span  { opacity: 1; }

.outline-22 #g-utility .sprocket-strips-p-pagination li { padding: 6px !important; border-radius: 0; background: #303882; }
.outline-22 #g-utility .sprocket-strips-p-arrows .arrow  { background: none; color: #002B5C; width: auto; height: auto; border-radius: 0; opacity: 0.75; }
.outline-22 #g-utility .sprocket-strips-p .sprocket-strips-p-nav .arrow { position: absolute; top: 40%; }
.outline-22 #g-utility .sprocket-strips-p-arrows .arrow:before { border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
.outline-22 #g-utility .sprocket-strips-p-arrows .next:before { border-left: 15px solid; }
.outline-22 #g-utility .sprocket-strips-p-arrows .prev:before { border-right: 15px solid; }
.outline-22 #g-utility .sprocket-strips-p .sprocket-strips-p-nav .arrow.next { right: -50px; }
.outline-22 #g-utility .sprocket-strips-p .sprocket-strips-p-nav .arrow.prev { left: -50px; }


@media only screen and (max-width: 767px) {
	.outline-22 #g-utility .sprocket-strips-p-container { display: block; }
	.outline-22 #g-utility .sprocket-strips-p-container .cols-5 > li { width: 43%; float: left; }
	.outline-22 #g-utility .sprocket-strips-p-block { margin-bottom: 30px; }
	.outline-22 #g-utility .sprocket-strips-p-block:last-child { margin-bottom: 10px; }
	.outline-22 #g-utility .sprocket-strips-p-nav { padding: 0; }
}

/************ I WANT TO LEARN MORE ABOUT ************/
.homelayout body, .homelayout html { height: 100%; }

.outline-16 #g-feature, .outline-22 #g-feature {
	padding-top: 1%;
	padding-bottom: 1%;
	height: 33vw;
	background-color: #262223;
	background-image: url(../images/stories/template/learn-more-about.jpg);
	background-attachment: fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.outline-22 #g-feature .g-grid { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; background: rgba(38,34,35,0.8); }
/*.outline-22 #g-feature .g-content { display: flex; justify-content: center; align-items: center; }*/
.outline-22 #g-feature h1 { font-size: 4rem; color: white; margin: 0; line-height: 1.1; }
.g-gridstatistic .g-gridstatistic-item-text1 {color: white; font-size: 4rem;}
.g-gridstatistic .g-gridstatistic-item-text2 {font-size: 2rem; opacity: 1;}
.g-gridstatistic .g-gridstatistic-item-text2 span {border-bottom: 0px solid rgba(0, 0, 0, 0.1);  padding-bottom: 1.25rem;}


.outline-23 #g-expanded {
	padding: 0;
	height: fit-content;
	background-color: #262223;
	background-image: url(../images/stories/template/learn-more-about.jpg);
	background-attachment: fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.outline-23 #g-expanded .g-grid {
	background: rgba(38,34,35,0.8);
	padding: 2% 10%;
}

/*.outline-16 #g-feature .fancyscroll { display: flex; }
.outline-16 #g-feature div.scrollarea { margin: 0; padding: 0; color: white; width: 300px; height: 75px; overflow-x: hidden; }
.outline-16 #g-feature div.scrollarea a { color: white; font-size: 1.75rem; line-height: 1.1; }
.outline-16 #g-feature div.scrollarea a:hover { color: #3180C2; }
.outline-16 #g-feature ul.scroller { list-style-type: none; margin-top: 0px; }
.outline-16 #g-feature ul.scroller li { padding-top: 14px; min-height: 60px; } 
.outline-16 #g-feature input[type="submit"] { background: none; }*/

@media only screen and (max-width: 767px) {
	.outline-22 #g-feature { height: 110vw; background: url(../images/stories/template/learn-more-about.jpg) 50% 50% no-repeat !important; background-size: cover !important; }
	.outline-22 #g-feature .g-content { padding: 15px; }
	.outline-22 #g-feature .platform-content { width: 95%; }
	.outline-22 #g-feature h1 { font-size: 2.2rem; text-align: center; margin: 10px 0; }
	.g-gridstatistic .g-gridstatistic-item-text1 {font-size: 2.5rem;}
	.g-gridstatistic .g-gridstatistic-item-text2 {margin-top: 0; font-size: 1.75rem;}
	.g-gridstatistic .g-gridstatistic-item-text2 span {padding-bottom: 0.25rem;}
	/*.outline-16 #g-feature .fancyscroll { display: block; }
	.outline-16 #g-feature ul.scroller { margin-left: 0px; }
	.outline-16 #g-feature div.scrollarea { width: auto; margin: 0 auto; height: 100px; }
	.outline-16 #g-feature div.scrollarea a { font-size: 1.25rem; }
	.outline-16 #g-feature ul.scroller li { text-align: center; padding-top: 5px; min-height: 40px; }*/
	
	/************ SCROLL BARS - doesn't seem to work correctly ************/
	/*#g-feature .scrollarea::-webkit-scrollbar { width: 12px; }
	#g-feature .scrollarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); border-radius: 10px; }
	#g-feature .scrollarea::-webkit-scrollbar-thumb { background: white; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
	#g-feature .scrollarea::-webkit-scrollbar-thumb:window-inactive { background: white; }*/
}

/************ NEWS FROM THE DIOCESE ************/
#g-expanded h1, #g-utiliy h1 { text-align: center; color: #262223; font-size: 4.5rem; }
#g-expanded span.subtitle, #g-utility span.subtitle { text-align: center; font-style: normal; font-size: 2.5rem; }
.news-title .g-content { margin-bottom: 0; padding-bottom: 0; }
.news .g-content { margin-top: 0; padding-top: 0; }
.news .platform-content:last-child { margin-top: 0; padding-top: 0; }

@media only screen and (max-width: 767px) {
	#g-expanded span.subtitle, #g-utility span.subtitle  { font-size: 2rem; }
	#g-expanded h1, #g-utility h1 {font-size: 2.5rem;}

}

#g-expanded .sprocket-strips-container { display: flex; justify-content: center; }
#g-expanded .sprocket-strips .readon span { font-size: 1.5rem;}
#g-expanded .sprocket-strips { position: relative; }
#g-expanded .sprocket-strips-item { position: relative;
	background: url(../images/template/article-default.jpg) 0 0 no-repeat; background-position: 50% 50%; background-size: cover;
	height: 20vw; border-radius: .5rem; box-shadow: 0px 0px 10px rgba(0,0,0,0.35); }

#g-expanded .sprocket-strips-item .readon { padding: 0; margin: 0;}
#g-expanded .sprocket-strips-item .readon:hover { background: rgba(0,43,92,0.75); font-family: 'EB Garamond', serif; }
#g-expanded .sprocket-strips-item .readon span  { flex: 1; text-align: center; transition: all .2s ease-in; opacity: 0; }
#g-expanded .sprocket-strips-item .readon:hover span  { opacity: 1; }
#g-expanded .sprocket-strips-content > a.readon { position: absolute; top: 0; right:0; bottom: 0; left: 0; background: none; display: flex; justify-content: center;  align-items: center;  font-family: 'EB Garamond', serif; }

#g-expanded .sprocket-strips-arrows .arrow { background: none; color: rgba(0,43,92,0.7); font-size: 4rem; box-shadow: none;}
#g-expanded .sprocket-strips .sprocket-strips-nav .arrow { position: absolute; top: 50% }
#g-expanded .sprocket-strips .sprocket-strips-nav .arrow.next { right: -50px; }
#g-expanded .sprocket-strips .sprocket-strips-nav .arrow.prev { left: -50px; }

#g-expanded .sprocket-strips-content h4 { 
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; 
	background: rgba(0,43,92,0.8); font-size: 1.4rem; text-shadow: 1px 1px 3px rgba(0,0,0,.5); padding: 15px;
	margin-bottom: 0px; min-height: 72px; text-align: left; transition: all .2s ease-in; border-radius: 0 0 .5rem .5rem; 
	display: flex; align-items: flex-end; justify-content: flex-start; }
#g-expanded .sprocket-strips-content h4 a { color: white; }
#g-expanded .sprocket-strips .cols-4 > li { width:  19%;}
#g-expanded .sprocket-strips-container > li { margin: 10px 3%;}
#g-expanded .sprocket-strips-item:hover .sprocket-strips-content h4 { opacity: 0;}
#g-expanded .sprocket-strips-image-container img { object-position: 50% 50%; object-fit: cover !important; height: 20vw; }
#g-expanded .sprocket-lists-title { padding: 15px 10px !important;}
#g-expanded .sprocket-lists-item .sprocket-padding { padding-top: 0px;}

@media only screen and (max-width: 767px) {	
	#g-expanded h1 { line-height: 0.6; margin-bottom: 2rem; }
	#g-expanded .sprocket-strips-container { display: block; }	
	#g-expanded .sprocket-strips .cols-4 > li { width: 43%; float: left; }
	#g-expanded .sprocket-features-content img { display: none;}
	#g-expanded .sprocket-strips .sprocket-strips-nav .arrow.next { right: -20px; }
	#g-expanded .sprocket-strips .sprocket-strips-nav .arrow.prev { left: -20px; }
	#g-expanded .sprocket-strips-item { height: 45vw;  }
}

/************ SEPARATOR ************/
.separator .g-content { margin: 0.3125rem 0; padding: 0.5rem 0; }
.separator img { width: 100%; }
.separator-mobile { display: none; }

@media only screen and (max-width: 767px) {
  .separator-desktop { display: none; }
  .separator-mobile { display: block; }
}

/************ FACEBOOK MODULE ************/
.fb iframe { box-shadow: 0px 0px 20px rgba(0,0,0,0.3); }
.connect-title .g-content { margin-bottom: 0; padding-bottom: 0; }

/************ FIND US ON  ************/
.social h2.contentheading { color: #262223; border: none; font-size: 2rem; line-height: 1.1; }
.social .platform-content { margin: 0 auto; }
.social img { width: 3vw; }
.social td { padding-bottom: 1.25rem; }
.social tr:hover { background: rgba(0,43,92,0.075); }
.social td a { font-size: 1.5rem; }

@media only screen and (max-width: 767px) {
	.social h2.contentheading { text-align: center; }
	.social table { margin: 0 auto; }
	.social img { width: 50px; }
}

/************ UPCOMING EVENTS ************/
.calendar h3.g-title { color: #262223; border: none; font-size: 2rem; line-height: 1.1; margin-bottom: 0px; padding-bottom: 0px; }

.rme-badge {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: 'Lato', sans-serif; font-weight: bold ;
	background: #002B5C; 
	border-radius: 3px; 
	color: white; 
	padding: 5px 0px; 
	width: 55px; 
	float: none; 
	margin-bottom: 0px;
	
}
.rme-items { display: block;}
.rme-description { flex: 1;}
.rme-day, .rme-month { text-transform: none;}
.rme-day { font-size: 1.4rem;}
.rme-month { font-size: 1.3rem; }
.rme-title { font-size: 1.1rem; font-weight: normal;}
.rme-time { font-size: 1rem; font-weight: 300;}
.rme-items li { 
	display: flex; 
	background: none; 
	border: none; 
	margin: 7.5px 0px; 
	padding: 7.5px 0px;
	width: auto;
}

@media only screen and (max-width: 767px) {
	.calendar h3.g-title { text-align: center; }
	.rokminievents3 { display: flex; justify-content: center; }
	.rme-items li { margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px;}
	.rme-title { font-size: 1.1rem; }
	.rme-time { font-size: 1.1rem; }
	.rme-day { font-size: 1.5rem;}
}

#g-bottom {padding: 0;}
#g-bottom .g-content {padding: 0; margin: 0;}

/************ FOOTER ************/
#g-footer a { color: white; }
#g-footer a:hover { color: #3180C2; }
.logo-footer .g-content.g-particle { margin-bottom: 0px; padding-bottom: 0px; }
.footer-contact .g-content { padding-top: 0px; }
#g-footer img:hover { opacity: 0.8; }
.footer-contact .platform-content { margin: 0; padding: 0; }

@media only screen and (max-width: 767px) { 
	.footer-contact .platform-content:first-child { margin: 0; padding: 0; }
	.footer-contact .platform-content:last-child { margin-top: 1rem; padding: 0; }
}


/************ ADMIN FOOTER  ************/
#g-copyright .g-block { display: flex; align-items: center; justify-content: flex-end; }
#g-copyright .g-content { margin: 0; padding: 0;}
#g-copyright { margin:  -25px 0 0 0; padding: 0; height:  40px; }
#g-copyright a .fa.fa-lock { color: #f1f2f2; }
#g-copyright a:hover .fa.fa-lock { color: #3180C2; }

@media only screen and (max-width: 767px) {
	#g-copyright { display: none !important; }
} 		
 
/**************CONTACTS Pages*****************/ 
.contact-category .category li { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0 ;}
.dl-horizontal dd { margin-left: 30px;}
.thumbnail > img {max-width: 300px;}


 
/***************** STRIPS TILES *******************/
#g-mainbar{ margin-top: 1%; padding-bottom: 1%; }
#g-mainbar .platform-content {padding: 0;}
#g-mainbar {padding: 0 5%;}
/*.outline-18 #g-mainbar .qloverlaybackpic .sprocket-strips-content {
    background: rgba(0,0,0,.5);
}*/


.sprocket-strips-c-block {padding: 10px;}
.cols-3 .sprocket-strips-block { width: 33%;}
.sprocket-strips-c-content {padding: 5px;} 
.sprocket-strips-c-item:hover {margin-top: -20%; padding-bottom: 20%;}
.sprocket-strips-c .sprocket-strips-c-image { border-bottom: 2px solid; border-color: #002B5C;  box-shadow: 0px 0px 10px rgba(0,0,0,0.3); height: 200px; object-fit: cover; }
#g-mainbar .sprocket-strips-title h4  {background: none; font-size: 1.5rem; color:#004B8D; border-radius: 0; padding: 0; margin: 0;}
.qloverlaybackpic h4.sprocket-strips-title {background: none;}

.sprocket-strips-c-block:nth-child(odd) .sprocket-strips-c-item {background: none;}
.sprocket-strips-c-block:nth-child(even) .sprocket-strips-c-item {background: none;}

/*#g-mainbar h3 { font-family: 'Sumana', serif; /*color: #004B8D; font-size: 2rem; }*/
#g-mainbar hr.short { margin: 0 auto 30px auto; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	#g-mainbar { margin-top: 5%; }
}

@media only screen and (max-width: 767px) {
	#g-mainbar .cols-3 .sprocket-strips-c-block { width: 50%; }
	#g-mainbar { margin-top: 0; }
	
}
@media only screen and (max-width: 500px){
	.sprocket-strips-c .sprocket-strips-c-image {height: 130px;}
}

/***************SW KS CATHOLIC NEWSPAPER HOMEPAGE*****************/

.outline-17 .logo-block .g-content {padding: 0.5rem;}
@media only screen and (max-width: 767px) { 
	.outline-17 .logo-block .g-content { padding-bottom: 0.5rem; }
}

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


.outline-17 #g-utility h1 { /*text-align: center;*/ color: #262223; font-size: 3.5rem; /*border-bottom: 1px solid #262223;*/}
span.subtitle-news { text-align: center; font-style: normal; font-size: 2.5rem; }
span.subtitle2 { font-size: 3.5rem; line-height: 1.1; }
span.subtitle22 { text-align: center; font-style: normal; font-size: 2.2rem; }
span.subtitle32 { font-size: 3.2rem; line-height: 1.1; }
.outline-17 #g-utility .platform-content {padding: 0;}
#g-utility .skc-cnafeeds img {max-width: 85%;}
/*#g-utility  .imagehover a:hover img { transform: scale(1.025);}*/
span.regular-cabin {line-height: 1.2;
    font-family: 'Lato', sans-serif;
    /*font-variant: small-caps;*/
	font-weight: 600;
    position: relative;
    font-size: 1.45rem;}
	

.skclayout .nopaddintop .g-content {padding: 0;}
.skclayout .past-issues .g-content {padding-top: 0;}
/*.skclayout #g-expanded .sprocket-strips-content h4 {background: rgba(0,43,92,0.4)!important;}*/
.outline-17 h4.sprocket-strips-c-title {background: #002B5C !important;  color: white!important; }
#utilityb .g-content {padding: 0 1.5rem;}
#utilityb h4 {background: #002B5C !important;  color: white!important;}
#utilityb a {color: white!important;}

@media only screen and (max-width: 499px) { 
	.skclayout h4 {font-size: 1.4rem; }
	.skclayout .singlecolumnmobile .sprocket-strips-c-container .sprocket-strips-c-block {width: 100% !important;}
	.outline-17 #g-utility h1 {line-height: 1.1; text-align: center;}
}

.skclayout .g-title {padding: 0;}


/************NEWSPAPER COLUMNS & HEADLINES ************/

.outline-17 h4.sprocket-strips-p-title a { color: #002B5C; }
.outline-17 h4.sprocket-strips-p-title a:hover { color: #BC745D; }

.outline-17 .sprocket-strips-p-block { margin-bottom: 5%; }
.outline-17 .sprocket-strips-p-item { display: flex; background: #f1f2f2; border-radius: 0.5rem; box-shadow: 0px 0px 5px rgba(0,0,0,0.15); min-height: 10vw; }
.outline-17 .sprocket-strips-p-item img {
	order: 1;
	width: 35%;
	max-width: 35%;
	margin-right: 0;
	border-radius: 0.5rem 0 0 0.5rem; 
	object-position: center; object-fit: cover;
	float: none;
	margin-bottom: 0px;
}
.outline-17 .sprocket-strips-p-content { order: 2; padding: 10px; margin: 10px 0; }

.outline-17 .sprocket-strips-p-content > a.readon { position: absolute; top: 0; right:0; bottom: 0; left: 0; background: none; display: flex; justify-content: center;  align-items: center; }
.outline-17 .sprocket-strips-p-item { position: relative; }
.outline-17 .sprocket-strips-p-item .readon { padding: 0; margin: 0; font-size: 2rem; font-family: 'Cinzel', serif; }
.outline-17 .sprocket-strips-p-item .readon:hover { background: rgba(0,82,136,0.9);}
.outline-17 .sprocket-strips-p-item .readon span  { flex: 1; text-align: center; transition: all .2s ease-in; opacity: 0; }
.outline-17 .sprocket-strips-p-item .readon:hover span  { opacity: 1; }

.outline-17 .sprocket-strips-p-pagination li { padding: 6px !important; border-radius: 0; background: #005288; }
.outline-17 .sprocket-strips-p-arrows .arrow { background: rgba(0,82,136,0.35); color: #005288; }

@media only screen and (max-width: 767px) {
	.outline-17 .sprocket-strips-p-arrows .arrow { margin-left: 25px; }
	.outline-17 .sprocket-strips-p-container .sprocket-strips-p-block { width: 100%; }
	.outline-17 .sprocket-strips-p-item { flex-direction: column; }
	.outline-17 .sprocket-strips-p-block { margin-bottom: 40px; }
	.outline-17 .sprocket-strips-p-item img {
		margin-right: 0;
		width: 100%;
		max-width: 100%;
		border-radius: 0.5rem 0.5rem 0 0;
		height: 100px;
		min-height: 75vw; }
	.outline-17 #g-utility .platform-content {padding: 0 0.5rem;}
}
/**** Create a nice looking table with alternating rows *****/
.alternaterows tr:nth-child(even) {background: #fff;
	border-bottom: 1px solid #ddd;}
.alternaterows tr:nth-child(odd) {background: #fafafa;
	border-bottom: 1px solid #ddd;}

/************ ADDITIONONAL MENU ADJUSTMSNS  ************/
#g-navigation > .g-grid { align-items: stretch; }
#g-navigation > .g-grid .g-block:nth-child(2) { display: flex; justify-content: center; align-items: center; }
/*#g-navigation > .g-grid .g-block { display: flex; justify-content: center; align-items: center; }*/
#g-navigation > .g-grid .g-block.fullheightmenu { padding-top: 0; padding-bottom: 0px;}
.g-main-nav .g-sublevel { padding: 0.625rem; }

@media only screen and (max-width: 767px) {
	#g-navigation > .g-grid .g-block:last-child { justify-content: center; }
}
  /*
.fullheightmenu .g-content, .fullheightmenu .g-main-nav, .fullheightmenu .g-toplevel, .fullheightmenu #g-navigation > .g-grid .g-block:last-child {
	display: flex; align-items: stretch; height: 100%; }

.fullheightmenu #g-navigation > .g-grid .g-block:last-child { justify-content: flex-end; }

.fullheightmenu .g-main-nav .g-toplevel > li { display: flex; align-items: center;}
*/
/*.g-main-nav:not(.g-menu-hastouch) .g-fullwidth .g-dropdown.g-active { top: 4.5vw; border-radius: 0; }*/
.g-main-nav .g-fullwidth > .g-dropdown:before { content: none; display: none; }

#g-navigation { padding: 0 3% 0 1%; margin: 0; } 
#g-navigation .g-content { width:  100%;}
/*#g-navigation, .g-main-nav > .g-toplevel > li {min-height: 4.5vw;}*/
 .g-main-nav .g-fullwidth > .g-dropdown { margin-top: 0px;}
 .g-main-nav .g-fullwidth .g-dropdown .g-block {  padding-left: 2rem;}

.g-main-nav .g-sublevel > li > .g-menu-item-container { padding-top: .4rem; padding-bottom: .4rem; }
.g-main-nav ul.g-toplevel, .g-main-nav { width:  100%;}

#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { padding: 0.325rem;}
#g-offcanvas .offcanvas-logo .g-content {padding: 0;}
#g-offcanvas .g-content {padding-top: 0;}
#g-offcanvas {overflow-y: visible;}

/*#g-navigation > .g-grid .g-block:last-child, #g-navigation > .g-grid .g-block:first-child { padding-left: 0px; padding-right: 1.5%;}*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#g-navigation, .g-main-nav > .g-toplevel > li {min-height: 6vw;}
	.g-main-nav:not(.g-menu-hastouch) .g-fullwidth .g-dropdown.g-active { top: 6vw;  }
}

.itvlayout #g-aside {background: #f1f2f2; }





/**** HEADLINES ****/
h4.sprocket-lists-portrait-title { background: none; font-size: 2rem !important; color: #002B5C; margin-top: 0px; margin-bottom: 0px; line-height: 1.3 !important;}
.active h4.sprocket-lists-portrait-title { margin-bottom: 10px; line-height: 1.3 !important;}
.portrait-image { width: 90px; }
.portrait-image img { height: 70px; object-fit: cover; width: 100%; box-shadow: 2px 2px 4px rgba(0,0,0,.5); }
.active .portrait-image img { object-fit: cover; object-position: center; height: 175px; width: 100%; }
/*.sprocket-lists-portrait-container li { border-bottom: 2px solid rgba(96, 152, 201, .5); }*/

/*#g-extension .platform-content:first-child {margin-bottom: 0px; padding-bottom: 0px;}

g-extension .platform-content:last-child { margin-top: 0px; padding-top: 0px;}*/
/*.sprocket-lists-portrait-pagination li { padding: 6px !important; border-radius: 0; background: yellow; }
.sprocket-lists-portrait-arrows .arrow { background: yellow; color: black; }*/

@media only screen and (max-width: 767px) {
.sprocket-lists-portrait-arrows .arrow { margin-left: 25px; }
.active .portrait-image { width: 32%;}
.active .portrait-image img { object-fit: cover; object-position: center; height: 100px; }
}


/**PORTRAIT THEME LIST**/
.sprocket-lists-portrait ul .sprocket-lists-portrait-item ul {
	list-style: disc !important;
	margin: 0;
	border-bottom: 0px solid;
}

/**MODERN THEME LIST **/
.sprocket-lists-modern ul .sprocket-lists-modern-item ul {
list-style: disc !important;
margin: 0 0 10px 25px;
}
.sprocket-lists-modern-container li .sprocket-lists-modern-item li {border-bottom: none;}

/**DEAFULT THEME LIST **/
.sprocket-lists ul .sprocket-lists-item ul {
list-style: disc !important;
margin: 0 0 10px 25px;
}
.sprocket-lists-container li .sprocket-lists-item li {border-bottom: none;}


.newsflashmod .g-title {text-transform: none; color: #002B5C !important; font-size: 1.45rem;}
.newsflashmod .box5.moduletable {color: #333 !important;}
.newsflashmod p {background: #f1f2f2; border-radius: 0.5rem; padding: 0.5rem;}

/************ SUB PAGES QUOTES AND TITLES ************/
.homelayout .grayback { background: rgba(242,242,242,0.8); padding: 0 20px 0 0; margin-top: 20px; margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
	.homelayout .grayback {padding: 10px; }
}

.grayback { background: rgba(242,242,242,0.5); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.grayback h6 { text-align: center; font-size: 1.75rem;}
.grayback h4 { text-align: center; font-size: 1.2rem; background: none;}
h5.pagetitle { margin-bottom: 0px; z-index: 1; position: relative;  font-size: 2.7rem;}
h6.pagetitle { 
	line-height: .01;
    margin-top: -6px;
    color: rgba(0,62,126, 0.6);
    font-size: 1.7rem;
    z-index: -3;
	background: none;
}
.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.crest {  
	background: url(../images/template/crest40.png) 50% 50% no-repeat;
    background-size: contain;
	width: 100%;
	height: 50px;
	border: none;
	margin: .5rem 0;
}
hr.short {
    padding: 0;
    margin: 0 auto;
    width: 100px;
}
hr {border-bottom: 2px #003E7E solid;}

.blog .items-row, .item-page .items-row { padding-bottom: 3rem;}
.blog .items-row:last-child, .item-page .items-row:last-child { padding-bottom: 0;}
#g-container-main {background: none; }
#g-mainbar .g-content { margin: 3rem 0 ; padding: 0 20px; }
.minus10, .platform-content .moduletable.minus10  {  margin: 0 calc(-10vw - 20px); }
.plus10, .platform-content .moduletable.plus10 {  margin: 0 1vw 0 5vw; }
.fullwidthpic { width: 100%;}

.flexrow > .imageside { flex: 1}
.imageside .fullwidth { 
	width: 38vw;
    height: 24vw;
    object-fit: cover;
} 
.flexrow > .moduleside { flex-basis: 35%}

@media only screen and (max-width: 767px) {
	.imageside .fullwidth {
		width: 75vw;
		height: 50vw;	
		margin: auto;
		display: block;
	}
	.imageside .padright { padding-right: 0;}
	.imageside .padleft { padding-left: 0;}
	
}

/**** Create a nice looking table with alternating rows *****/
.tilestable  {width: 100%;}
.tilestable td a:hover img { transform: scale(1.025); }
	
 @media only screen and (max-width: 767px){ 
   .tilestable, .tilestable div, .tilestable tr, .tilestable td, .tilestable tbody { display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
   .tilestable img { display: block; margin: 0 auto; width: 100%;}  
   .tilestable { display:block; }
 }

/**********make sprocket tiles still be square on mobile, not rectangle*******************************************/
@media only screen and (max-width: 767px) {
	.heightvw16 .sprocket-strips-item, .heightvw16 .sprocket-strips-s-item img, .heightvw16 .sprocket-strips-image-overlay img {
    height: 30vh;}
	.heightvw12 .sprocket-strips-item, .heightvw12 .sprocket-strips-s-item img, .heightvw12 .sprocket-strips-image-overlay img {
    height: 30vh;
}
}





 /************ 

TEMPLATE NOTES

Blue: #002B5C; rgba(0,43,92,1)
Black: #262223; rgba(38,34,35,1)
Light Gray: #f1f2f2

************/

@media only screen and (min-width: 767px) {
	.conf-menu > .g-grid > .g-block:nth-child(3) {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.conf-menu > .g-grid > .g-block:nth-child(4) {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: .5vw;
	}
	.conf-menu > .g-grid > .g-block:nth-child(4) .button {
		margin: 0;
		padding: .45vw 0;
		width: 100%;
		text-align: center;
		background: transparent;
		border: 2px solid #ffffff;
		border-radius: 4px;
		font-size: .75vw;
	}
	.conf-menu > .g-grid > .g-block:nth-child(4) .button:hover {
		background: #777;
	}
}

@media only screen and (max-width: 767px) {
	.conf-menu > .g-grid > .g-block:nth-child(4) {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1rem;
	}
	.conf-menu > .g-grid > .g-block:nth-child(4) .button {
		margin: 0;
		padding: .665rem 0;
		width: 100%;
		text-align: center;
		background: transparent;
		border: 2px solid #ffffff;
		border-radius: 4px;
		font-size: 1rem;
	}
	.conf-menu > .g-grid > .g-block:nth-child(4) .button:hover {
		background: #777;
	}
}

#g-offcanvas-toggle i.fa-bars {
	color: #002b5c !important;
}

.g-offcanvas-toggle {
    background: var(--default-white);
    display: grid;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #002b5c;
    width: 35px;
    height: 35px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

.g-offcanvas-toggle .fa-fw {
	text-shadow: initial !important;
}