@charset "UTF-8";
/* CSS Document */

a { padding-top: 50px; }
a:link { padding-top: unset; }

body {
	font-family: 'Fira Sans Extra Condensed', sans-serif !important;
	background: none;
	color: #444;
	font-weight: 400;
	line-height: 1.5em;
	font-size: 19px;
	letter-spacing: -.03em;
}

html {
	background: url(../images/North-Topeka-Map.jpg) no-repeat;
  background-attachment: fixed;
	background-size: cover;
}

hr {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ddd;
}

h1, h2, h3, h4, h5, h6 {
	border: none;
	box-shadow: none;
	text-shadow: none !important;
	margin: 0;
	padding: 0 0 10px;
	line-height: 1.2;
	font-weight: 600;
	color: #982423 !important;
}

h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }


blockquote {
    border-left: 15px solid #d5d5d5;
}

blockquote p {
	font-style: italic;
    font-size: 100%;
    line-height: inherit;
	font-weight: 400;
	color: #000;
}

ul li, ol li {
	padding-bottom: 7px;
	line-height: 1.3;
}

.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background: linear-gradient(to bottom, #890b1c 0%, #d0112b 100%);
}

.btn-primary:hover {
  color: #fff;
  background: linear-gradient(to top, #890b1c 0%, #d0112b 100%);
}

a {
	color: #c52f2d;
}

a:hover {
	text-decoration: underline;
}





/* responsive divs */

.flow .wf_caption {
	display: inline-block !important;
	position:relative;
}

.flow .wf_caption img {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/*** captions ***/

.wf_caption {
	background: #333;
	color: #000;
	border: 1px solid #eee;
	margin: 0 23px 23px 0;
	box-shadow: 0 2px 17px 0 rgba(0,0,0,0.1);
  vertical-align: top;
}

.wf_caption span {
	font-weight: 300;
	font-size: 17px;
	line-height: 1.3;
	background: #fff;
	padding: 7px 5px 5px;
	margin: 0;
	border: 1px solid #ddd;
	text-align: center;
}

.jcemediabox-zoom-span {
	padding: 0 0 5px !important;
}

.icons .wf_caption span {
	font-size: 100%;
	font-weight: 400;
	line-height: inherit;
	background: inherit;
	padding: inherit;
	border: none;
	margin-bottom: inherit;
}

#jcemediabox-popup-caption h4 {
	text-transform: none;
}




/*** structural **********************************************************************************************************/

/*** header ***/

body .container-header {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	z-index: 99;
}

/*** logo ***/

body .logo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

body #logoshrink {
  max-width: 113px;
  transition: all 1s ease-in-out;
}

/*** join tab ***/

body .join-tab {
	position: absolute;
	top: 0;
	right: 5px;
	display: block;
	z-index: 100;
  transition: all .5s ease-in-out;
}

body .join-tab a {
	color: #fff;
	padding: 2px 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  text-decoration: none;
}

body .join-tab a:hover {
	color: #fff;
	text-decoration: none;
}

body .join-tab .join-btn {
	background: #c52f2d;
	border-radius: 0 0 200px 200px;
	padding: 30px;
	padding-top: 10px;
  transition: all 1s ease-in-out;
}

body .join-tab:hover .join-btn {
	background: rgba(0,0,0,.6);
}

body .join-tab .join-btn .join {
	display: block;
	font-size: 200%;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
}



/*** Facebook tab ***/

body .facebook {
	position: absolute;
	top: 0;
	right: 147px;
	display: block;
	z-index: 100;
  transition: all 1s ease-in-out;
}

body .facebook:hover {
	filter: grayscale(100%);
}










/*** scrolled *************************************************************************/

body.scrolled #logoshrink {
  max-width: 67px;
}

body.scrolled .container-header .container-nav {
  padding: 0 130px 0 0;
}

body.scrolled .facebook {
  margin-top: -100px;
}













/****************************************** menu ***************************************/

body .container-header .metismenu.mod-menu > li.active:after, /* get rid of stupid white underline */
body .container-header .metismenu.mod-menu > li.active:before, 
body .container-header .metismenu.mod-menu > li:after, 
body .container-header .metismenu.mod-menu > li:hover:before {
    display: none;
}

body .mm-collapsed.mm-toggler.mm-toggler-link { /* hide arrow to indicate dropdowns */
    display: none !important;
}

body .metismenu.mod-menu > li:hover > .mm-collapse { /* make menu drop down on hover */
    display: block !important;
}

body.wrapper-fluid header > .grid-child,
body.wrapper-fluid footer > .grid-child {
  padding-left: 0;
  padding-right: 0;
}

body .container-header .container-nav {
  margin: 0;
  padding: 75px 0 0;
  justify-content: right;
  transition: all .5s ease-in-out;
}

body .container-nav .metismenu.mod-menu {
	margin: 0 5px 0 0;
	padding: 0 12px;
  background: none;
}

body .container-nav .metismenu.mod-menu > li {
  padding: 0;
  margin: 0;
}

body .container-nav .metismenu.mod-menu  > li > a {
	font-size: 150%;
	font-weight: 700;
	color: #999;
	text-transform: uppercase;
	padding: 7px 13px 5px;
	margin: 0;
	text-align: center;
	line-height: 1;
	background: rgba(255,255,255,1);
}

body .container-nav .metismenu.mod-menu > li:first-child > a {
	border-radius: 50px 0 0 50px;
  padding-left: 23px;
}

body .container-nav .metismenu.mod-menu > li:last-child > a {
	border-radius: 0 50px 50px 0;
  padding-right: 29px;
}

body .container-nav .metismenu.mod-menu > li.current > a,
body .container-nav .metismenu.mod-menu > li:hover > a,
body .container-nav .metismenu.mod-menu > li.current:hover > a  {
	box-shadow: none;
	color: #000;
}



/*** search icon ***/

@media only screen and (min-width: 992px) {
  
body .container-nav .metismenu.mod-menu > li.item-939 {
	background: #fff;
  border-radius: 0 50px 50px 0;
}

body .container-nav .metismenu.mod-menu > li a.search,
body .container-nav .metismenu.mod-menu > li a.search:hover {
	margin-right: 0;
	box-shadow: none !important;
  text-indent: -9999px;
}

body .container-nav .metismenu.mod-menu > li a.search {
	background: url("../images/search.png") 0 7px no-repeat;
	width: 19px;
  background-size: 67%;
}

body .container-nav .metismenu.mod-menu > li a.search:hover {
	background: url("../images/search-ro.png") 0 5px no-repeat;
}

}



/*** dropdowns ***/

body .metismenu.mod-menu .parent > ul {
  background: none;
}

body .metismenu.mod-menu .parent > ul li {
  margin: 0;
  padding: 0;
}

body .metismenu.mod-menu .parent > ul li a {
  width: 100%;
  color: #c52f2d;
  background: #fff;
  text-transform: uppercase;
	font-weight: 700;
  margin: 0;
	padding: 5px 11px;
}

body .metismenu.mod-menu .parent > ul li:last-child a {
  border-radius: 0 0 13px 13px;
}

body .metismenu.mod-menu .parent > ul li.current a,
body .metismenu.mod-menu .parent > ul li a:hover {
  color: #fff;
  background: #c52f2d;
  text-decoration: none;
}









/*** main ************************************************************************************/

body .container-component > :first-child, 
body .container-sidebar-left > :first-child, 
body .container-sidebar-right > :first-child, 
body .container-component > * + *, 
body .container-sidebar-left > * + *, 
body .container-sidebar-right > * + * {
  margin-top: inherit;
}

body.homepage .container-component {
  margin-top: 91px;
}

body .site-grid {
  width: 100%;
  max-width: 1660px;
  margin: 2vw auto 0;
}

body.wrapper-fluid .site-grid {
  grid-gap: 0;
}

body .site-grid .container-component {
  background: rgba(255,255,255,.9);
  border-radius: 17px;
  box-shadow: 0 0 123px rgba(0,0,0,.2);
}

body .container-component .ntba-icon {
	margin: calc(-91px + -1vw) 0 calc(-171px + -6vw);
	z-index: 30;
}

body .ntba-icon img {
    max-width: 25vw;
}

body main {
  padding: 1.5vw 3vw 0;
  margin-top: 2vw;
}

body.homepage main {
  padding-top: 100px;
}

.blog-items .blog-item {
  padding: 2vw;
  margin-bottom: 1vw;
  border-bottom: 1px solid #aaa;
  border-radius: 13px;
  box-shadow: 0 0 37px rgba(0,0,0,.1);
}

body .grid-child.container-sidebar-right {
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 123px rgba(0,0,0,.2);
  padding: 1vw;
  border-radius: 12px;
  border-left: 1px solid #aaa;
}






/* MembershipWorks Keep street on its own line  - Force city/state/zip/country inline ***********************************/

body #SFctr #SFbizmap {
  height: 400px;
  border-radius: 0;
}

body #SFctr { font-size: 17px; }

.component-content address.SFbizctcadr {
  margin-top: 0;
}

.component-content address.SFbizctcadr > span[itemprop="streetAddress"],
.component-content address.SFbizctcadr > span[itemprop="addressLocality"],
.component-content address.SFbizctcadr > span[itemprop="addressRegion"],
.component-content address.SFbizctcadr > span[itemprop="postalCode"],
.component-content address.SFbizctcadr > span[itemprop="addressCountry"]{
  display: inline !important;
  margin-top: 0;
}

.component-content address.SFbizctcadr > span[itemprop="addressLocality"]::after { content:", "; }
.component-content address.SFbizctcadr > span[itemprop="addressRegion"]::after { content:" "; }
.component-content address.SFbizctcadr > span[itemprop="postalCode"]::after { content:" "; }








/*** breadcrumbs ***/

#rt-content-top .rt-block {
	margin-bottom: 0;
	padding-bottom: 0;
}

.breadcrumb {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: none;
  justify-content: right;
}

.breadcrumb .divider {
    padding: 0 3px 0 0;
    color: #c52f2d;
}

.breadcrumb li span {
	font-size: 80% !important;
	text-shadow: none;
}

.breadcrumb li a:hover {
	text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--breadcrumb-item-padding-x);
  color: #aaa;
  content: var(--breadcrumb-divider,"|");
}





/*** homepage ***/

.ls-layer a {
	color: #fff;
}

.ls-layer a:hover {
	color: #fff !important;
	text-shadow: 0 0 2px #000;
}

.menu-home #rt-main .rt-container .rt-block {
    padding: 150px 0 0;
	margin: 0;
}

.menu-home .items-leading {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 140%;
	line-height: 140%;
}

.menu-home .items-leading article {
	margin: 10px 15px 100px;
	padding: 25px;
	border: 1px solid #ddd;
	border-width: 1px 0;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
}

.menu-home .items-leading h2 {
	text-align: center;
}








/*** ignite galleries ***/

.igui-scope h2 {
	margin-bottom: 15px;
}

.ig-menu-grid-text h6 {
	padding: 10px;
	text-align: center;
}

.ig-gallery-wrapper,
.igui-inline div {
    max-width: 100% !important;
}





/*** footer ***/

body .container-footer {
  color: #fff;
	background: rgba(0,0,0,.6);
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
}

body .container-footer .grid-child {
  display: flex;
  flex-direction: column;
}

footer .nav,
footer .btm-info {
  display: flex;
  flex: 0 0 100%;
  background: none;
}


/*** btm menu ***/

body .container-footer .btm-menu {
  display: flex;
  background: none;
}

body .container-footer .btm-menu .mod-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

body .container-footer .btm-menu .mod-menu li {
	display: block;
	vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0;
}

body .container-footer .btm-menu .mod-menu > li a {
	padding: 5px 13px;
  margin: 1px;
  text-decoration: none;
  display: block;
  border-radius: 5px;
}

html body .container-footer .btm-menu .mod-menu > li.active > a,
html body .container-footer .btm-menu .mod-menu > li:hover > a {
  text-decoration: none;
  background: #fff;
  color: #000;
}

html body .container-footer .btm-menu .mod-list li .mod-menu__sub {
  padding-left: 0;
}

html body .container-footer .btm-menu .mod-list li .mod-menu__sub li a{
  border: 1px solid rgba(255,255,255,0);
}

html body .container-footer .btm-menu .mod-list li .mod-menu__sub li.current a,
html body .container-footer .btm-menu .mod-list li .mod-menu__sub li:hover a {
  border: 1px solid #fff;
}

/* Mobile - vertical menu below 600px */
@media only screen and (max-width: 599px)  {
  body .container-footer .btm-menu .mod-menu {
    flex-direction: column;
  }
  
  body .container-footer .btm-menu .mod-menu > li {
    text-align: left;
  }
  
  body .container-footer .btm-menu .mod-menu > li li a:before {
    content: "– ";
  }
}





/*************************************** misc ************************************************/

/*** scroll to top ***/

body #back-top {
	font-weight: 700;
	background: linear-gradient(to top, #c52f2d 0%, #ff3d3a 100%);
	border:3px solid #fff;
	margin: 5px;
	padding: 7px 10px;
	color: #fff;
	border-radius: 40px;
	box-shadow: 0 0 11px rgba(0,0,0,.3);
} 
	
body #back-top:hover {
	background: linear-gradient(to bottom, #c52f2d 0%, #ff3d3a 100%);
	color:#fff;
	box-shadow: 0 0 18px rgba(0,0,0,.3);
}


/*** readmore/readon btn ***/

.readmore,
.readon {
	border: none;
	text-shadow: none;
	font-size: 85%;
	line-height: 1.3;
	padding: 5px 12px 4px;
	box-shadow: none;
	text-transform: uppercase;
}

.readmore:hover,
.readon:hover {
	color: #fff !important;
}





/*** pretty tables ***/

table {
	margin-bottom: 20px;
	border: 4px solid #aaa;
}

table td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	line-height: 1.2;
	font-size: 85%;
}

table tr td:last-child {
    word-break: keep-all;
}

tr:nth-child(odd) {
	background: #ddd;
}

thead tr {
    background: #777 !important;
    color: #fff !important;
}



/*** ecwid ***/

html#ecwid_html body#ecwid_body .sidebar-right .ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-bordered.loaded {
  font-size: inherit !important;
  max-width: 100% !important;
}

html#ecwid_html body#ecwid_body .sidebar-right .ecsp.ecsp-SingleProduct-v2.loaded .ecsp-title,
html#ecwid_html body#ecwid_body .sidebar-right .ecsp.ecsp-SingleProduct-v2.loaded .ecsp-productBrowser-price,
html#ecwid_html body#ecwid_body .sidebar-right .ecsp.ecsp-SingleProduct-v2 .ecsp-title {
  font-weight: 700;
  margin: 0;
}

html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2.ecwid-SingleProduct-v2-bordered.ecwid-SingleProduct-v2-centered.ecwid-Product.loaded.ec-storefront-v3,
html#ecwid_html body#ecwid_body .ecsp.ecsp-SingleProduct-v2.ecsp-SingleProduct-v2-bordered.loaded .ecwid-SingleProduct-picture::after {
  background: none !important;
}

html#ecwid_html body#ecwid_body .ecwid label span {
	line-height: 1 !important;
}

html#ecwid_html body#ecwid_body .ecwid {
	font-size: 90% !important;
}

html#ecwid_html body#ecwid_body .ecwid .ecwid-btn--primary,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button {
  color: #fff !important;
  font-size: 23px !important;
	font-weight: 600 !important;
	background: linear-gradient(to top, #c52f2d 0%, #ff3d3a 100%) !important;
	border: 3px solid #fff;
}

html#ecwid_html body#ecwid_body .ecwid .ecwid-btn--primary:hover,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button:hover {
	background: linear-gradient(to bottom, #c52f2d 0%, #ff3d3a 100%) !important;
}

html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2 .ecwid-title {
  background-color: none !important;
	font-weight: 600 !important;
    font-size: 22px !important;
}

html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-options, 
html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2 .ecwid-SingleProduct-qty, 
html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2 .ecwid-btn--addToBag, 
html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2 div[customprop="addtobag"], 
html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2 .ecwid-AddToBagButton {
  background-color: none !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
}

html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2.loaded .ecwid-title, 
html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2.loaded .ecwid-productBrowser-price {
  background-color: none !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
	font-size: 28px !important;
	font-weight: 600 !important;
}

html#ecwid_html body#ecwid_body .ecwid.ecwid-SingleProduct-v2.ecwid-SingleProduct-v2-bordered.loaded {
  background-color: none !important;
	max-width: 100% !important;
}






@media only screen and (max-width: 1199px) {
  
  #rt-top .rt-container {
    	margin-left: 0;
    	margin-right: 0;
    	width: 100%;
  }
  
  .layout-mode-responsive .gf-menu.l1 > li > .item {
    font-size: 24px;
    padding: 3px 2px;
    margin: 0;
    line-height: 1.15;
    letter-spacing: -.05em;
  }
}
  
@media only screen and (max-width: 991px) { 
  
  body .navbar-toggler {
    margin-right: 13px;
    margin-bottom: 3px;
    background: rgba(0,0,0,.3);
  }
    
  body .navbar-toggler:focus {
    box-shadow: none !important;
  }
  
  body .container-nav .metismenu.mod-menu {
    background: #fff;
    padding: 0;
    box-shadow: 0 0 23px rgba(0,0,0,.2);
  }
  body .container-nav .metismenu.mod-menu > li:first-child > a,
  body .container-nav .metismenu.mod-menu > li:last-child > a{
    padding-left: 13px;
  }
  
  table tr td, table tr th {
    display: inline-block;
  }

}


@media only screen and (max-width: 767px) {
    
html {
  background: url(../images/North-Topeka-Map.jpg) repeat;
  background-attachment: scroll;
}

body #logoshrink {
  max-width: 67px;
}

body .facebook {
  max-width: 75px;
  right: 68px;
}
  
body .join-tab .join-btn {
  padding: 0px 10px 10px;
}

body .join-tab .join-btn .join {
  font-size: 100%;
}

body .login-btn .login {
  font-size: 140%;
	margin-bottom: -4px;
}

body .login-btn .join-renew {
  font-size: 70% !important;
}

}