/* css */

body .kmswild-member-info .card-header {
	background: #003f77;
	padding: .33vw 1.5vw;
	margin: 0 -1.5vw 1.5vw;
	box-shadow: 0 -20px 10px rgba(0,0,0,.3) inset;
	border-radius: 0;
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
}

body .kmswild-member-info .card-header h1 {
	color: #fff;
	font-size: 140%;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

body .kmswild-member-info .card {
	border: none;
}

body .kmswild-member-info .col-md-6,
body .kmswild-member-info .col-md-12 {
    flex: none;
    width: 50%;
    border: 1px solid #ccc;
    border-width: 1px 1px 1px 1px;
    padding: 31px;
	margin-bottom: 23px;
}

body .kmswild-member-info .col-md-12 {
    width: 100%;
	margin-bottom: 0;
}

body .kmswild-member-info .col-md-6:nth-child(2) {
    border-width: 1px 1px 1px 0px;
}

body .kmswild-member-info .col-md-6 h2,
body .kmswild-member-info .col-md-12 h2 {
    border-bottom: 1px solid #ddd;
	text-transform: uppercase;
}

body .kmswild-member-info .col-md-6 p,
body .kmswild-member-info .col-md-12 p {
    margin-bottom: 0;
	padding: 3px 7px;
}

body .kmswild-member-info .col-md-6 p:nth-child(even),
body .kmswild-member-info .col-md-12 p:nth-child(even) {
    background: #eee;
}

body .kmswild-member-info .wa-top-nav {
	text-align: right;
}




/* jce mediabox popups */

body .wf-mediabox-body.wf-mediabox-transition {
	width: 1273px;
	max-width: 90%;
}

body .wf-mediabox-overlay {
	background: rgba(0,0,0,.5) !important;
	  /* Add the blur effect */
	backdrop-filter: blur(43px);
	 -webkit-backdrop-filter: blur(43px);
    transition: all 1s ease-in-out;
}

body .wf-mediabox-caption {
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

body .wf-mediabox-container {
	padding: 20px .5em;
	border: 1px solid rgba(255,255,255,.3);
}

body #wf-mediabox-modal-title {
	background: #003f77;
	color: #fff !important;
	text-align: center;
	padding: .33vw 1.5vw;
	margin: 0 -1.5vw;
	box-shadow: 0 -20px 10px rgba(0,0,0,.3) inset;
	border-radius: 0;
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
}

body, .small {
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 19px;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    color: #004c90;
    line-height: 1.2;
    margin-bottom: .67vw;
}

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

.blog-items {
box-shadow: 5px 5px 23px rgba(0,0,0,.1);
  margin-bottom: 2vw;
  border-radius: 0;
  padding: 1.5vw;
}

blockquote {
    font-size: 113%;
    font-style: italic;
    line-height: 1.1;
    margin: 0 0 1vw;
    padding: 13px 11px 1px 19px;
    border-left: 7px solid #004c90;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol, ul {
    padding-left: 17px;
}

b, strong {
    font-weight: 700;
}

/* article pagebreak tabs */

body joomla-tab[view="tabs"] > div[role="tablist"] {
    background: none;
    border: none;
    border-width: 1px 1px 0;
    border-radius: 0;
    box-shadow: none;
}

body joomla-tab button[role="tab"] {
    border: 1px solid #ccc;
    border-width: 1px;
    border-radius: 13px 13px 0 0;
    box-shadow: none;
    background: linear-gradient(to top, #ddd, #fff);
}

body joomla-tab[view="tabs"] > div[role="tablist"] button:hover,
joomla-tab button[role="tab"][aria-expanded="true"] {
    background: #003f77;
    color: #fff;
    border-radius: 13px 13px 0 0;
    box-shadow: 0 -20px 10px rgba(0,0,0,.3) inset;
    text-shadow: 1px 1px 5px rgba(0,0,0,1);
}

joomla-tab button[aria-expanded="true"]::after {
    display: none;
}

joomla-tab > joomla-tab-element {
    padding: 1.5vw;
    background-color: linear-gradient(to bottom, #fff, #f8f8f8);;
}




/* in this section */

body .container-sidebar-right .in-this-section li a {
    display: block;
    padding: .25vw 1vw;
    margin: 0 -1vw 1px;
    text-decoration: none;
    font-size: 87%;
}

body .container-sidebar-right .in-this-section li a:hover,
body .container-sidebar-right .in-this-section li a.active {
    display: block;
    background: #003f77;
    color: #fff;
}









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

body {
    background: #0066c2 url(../images/top-bg.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    box-shadow: 0px -40px 200px rgba(0,0,0,.9) inset;
}

.header {
    background: url(../images/top-bg.jpg) no-repeat 50% 0;
    background-size: auto;
    background-size: 100% 100%;
    z-index: 99;
    border: none;
    box-shadow: 0 0 35px rgba(0,0,0,.6);
    overflow: visible;
}

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

body .site-grid {
}

body .grid-child.container-component {
    background: #fff;
}

.container-topbar {
    display: flex;
    padding: 0 15px;
    justify-content: space-between;
}


body .container-banner {
    margin: 0;
}








/* logo */

body .logo {
    padding: 1vw;
    transition: all 1s ease-in-out;
}

body.scrolled .logo {
    padding: .5vw;
}

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

body.scrolled #logoshrink {
    width: 80px;
}



/* top menu ***************************************************************/

/* get rid of stupid white underline - be sure to change .container-header to correct position */
body .container-header .mod-menu  > li.active > a:after, 
body .container-header .mod-menu  > li.active > button:before, 
body .container-header .mod-menu  > li > a:hover:after, 
body .container-header .mod-menu  > li > button:hover:before {
    background: none;
}

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

 /* hide arrow to indicate dropdowns */
.metismenu.mod-menu .mm-toggler {
    display: none !important;
}

body .container-header nav {
    margin: 5px 0 0;
    padding: 0px;
}

body .metismenu.menu-horizontal {
    flex: 1 0 100%;
    margin: 0;
    list-style: none;
    justify-content: center;
}

body .metismenu.mod-menu .metismenu-item {
    padding: 0;
    margin: 0;
    color: #fff;
}

body .metismenu.mod-menu .metismenu-item > a {
    padding: 5px 11px 4px;
    margin: 5px 1px 0;
    border: 1px solid rgba(255,255,255,0);
    border-radius: 0;
    font-size: 90%;
    text-transform: uppercase;
    text-decoration: none;
}

body .metismenu.mod-menu > .metismenu-item.active > a,
body .metismenu.mod-menu > .metismenu-item:hover > a {
    border: 1px solid rgba(255,255,255,.5);
	text-decoration: none;
}



/* search icon */

@media only screen and (min-width: 993px) {
.navbar ul > li.level-1:last-child > a.search-menu {
    background: url("../images/search.png");
    background-size: cover;
    color: rgba(0, 0, 0, 0) !important;
    height: 31px;
    width: 31px;
    text-indent: -9999px;
    padding: 0;
    margin: 2px 0 0 5px;
    border: none;
    transition: all .5s ease-in-out;
}

.navbar ul > li.level-1:last-child.active > a.search-menu,
.navbar ul > li.level-1:last-child > a.search-menu:hover {
    background: url("../images/searchro.png");
    background-size: cover;
    border: none;
    rotate: -90deg;
}
}



/* dropdowns */

body .mm-collapse {
    background: #fff;
    transition: all 1s ease-in-out;
}

body .metismenu.mod-menu .mm-collapse .metismenu-item {
    color: #006fd3;
    text-decoration: none;
}

body .metismenu.mod-menu .mm-collapse .metismenu-item.active,
body .metismenu.mod-menu .mm-collapse .metismenu-item:hover {
    background: #006fd3;
    color: #fff;
    border: none;
}

body .metismenu.mod-menu .mm-collapse .metismenu-item.active a,
body .metismenu.mod-menu .mm-collapse .metismenu-item:hover a {
    border-color: rgba(255,255,255,0);
    text-decoration: none;
}




/* member login */

body .member-login {
	position: absolute;
	z-index: 1;
	top: 53px;
	right: 17px;
}


/* breadcrumbs ******************************************************/

body .breadcrumb {
    background: none;
}

body .breadcrumbs {
    font-size: 83%;
}

body .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  color: rgba(255,255,255,.5);
  content: "|";
}

body .breadcrumbs .breadcrumb-item.active,
body .breadcrumbs .icon-fw,
body .breadcrumbs a {
    color: #fff;
    text-decoration: none;
}

body .breadcrumbs .breadcrumb-item.active {
    font-weight: 600;
}

body .breadcrumbs .px-3 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* dues table */

table.colortd td {
	border: 1px solid #ddd;
	padding: 13px;
}

table.colortd tr:nth-child(odd) {
	background: #eee;
}



/* staff */

body.kms-staff table {
    text-align: center;
    width: 100%;
}

body.kms-staff table tbody tr {
    display: inline-block;
}

body.kms-staff table tbody tr td {
    font-size: 87%;
    word-wrap: break-word;
    vertical-align: top;
    line-height: 1.1;
    padding: 11px;
    max-width: 260px;
    min-width: 260px;
    height: 300px;
}




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

.site-grid {
    grid-gap: 0;
}

body main {
    padding: 0 1.5vw 2vw;
}

body .blog-featured > .page-header,
body .item-page > .page-header {
    background: #003f77;
    padding: .33vw 1.5vw;
    margin: 0 -1.5vw 1.5vw;
    box-shadow: 0 -20px 10px rgba(0,0,0,.3) inset;
    border-radius: 0;
    text-shadow: 1px 1px 5px rgba(0,0,0,1);
}

body .blog-featured > .page-header h1,
body .item-page > .page-header h1 {
    color: #fff;
    font-size: 140%;
    font-weight: 300;
    padding: 0;
    margin: 0;
}

body .item-page > .content-category h1 {
    background: #003f77;
    font-size: 140%;
    font-weight: 300;
    color: #fff;
    padding: .33vw 1.5vw;
    margin: 0 -1.5vw 1.5vw;
    box-shadow: 0 -20px 10px rgba(0,0,0,.3) inset;
    border-radius: 0;
    text-shadow: 1px 1px 5px rgba(0,0,0,1);
}

body .com-content-category-blog h1 {
    background: #003f77;
    color: #fff;
    font-size: 140%;
    padding: .33vw 1.5vw;
    margin: 0 -1.5vw 1.5vw;
    box-shadow: 0 -20px 10px rgba(0,0,0,.3) inset;
    border-radius: 0;
    text-shadow: 1px 1px 5px rgba(0,0,0,1);
}



/* sidebar right ********************************************/

.container-sidebar-right .sidebar-right:first-child {
    margin-top: 0;
}

body .container-sidebar-right .mod-list li {
    padding: 0;
}

body .container-sidebar-right .mod-list li .mod-menu__sub {
  padding-left: 0;
}

body .container-sidebar-right .mod-list li .mod-menu__sub a {
  padding-left: 1.67vw;
}

body .container-sidebar-right h3 {
    background: #003f77;
    font-size: 140%;
    font-weight: 300;
    color: #fff;
    padding: .33vw 1vw;
    margin: 0 -1vw 1vw;
    box-shadow: 0 -20px 10px rgba(0,0,0,.3) inset;
    border-radius: 0;
    text-shadow: 1px 1px 5px rgba(0,0,0,1);
}

body .container-sidebar-right {
    background: #fff;
    box-shadow: 0 0 23px rgba(0,0,0,.1);
    padding: 0 1vw 3vw;
}

body .container-sidebar-right .mod-menu li a {
    display: block;
    text-decoration: none;
    padding: .5vw 1vw;
    margin: 1px -1vw;
    line-height: 1;
}

body .container-sidebar-right .mod-menu li:hover > a,
body .container-sidebar-right .mod-menu li.current > a {
    color: #fff;
    background: linear-gradient(to top, #0086ff 0%, #004787 100%);
}




/* footer **********************************************************/

body .footer {
    background: none;
    display: flex;
    flex-wrap: wrap;
}

body .footer .grid-child {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
    max-width: 1700px;
    justify-content: space-around;
}

body .footer .btm-mod {
    border: 1px solid rgba(255,255,255,.9);
    padding: 0;
    margin: 2vw 0;
    box-shadow: 0 0 25px rgba(0,0,0,.3);
    max-width: 30%;
}

body .footer .btm-mod h3 {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, rgba(0,0,0,.67) 60%,rgba(0,0,0,0) 100%);
    color: #fff;
    text-shadow: 2px 2px 1px rgba(0,0,0,.4);
    text-transform: uppercase;
    font-weight: 300;
    font-size: 120%;
    padding: 5px 50px 3px 13px;
    margin: 0;
}

body .footer .btm-mod h3:after {
    content: " W";
    color: rgba(0,0,0,0);
    background: url(../images/home-text-bg.png) 100% 50% no-repeat;
    background-size: auto;
    background-size: auto 75%;
    text-shadow: none;
    text-indent: -9999px;
}



/* debug ***********************************************************************/

.debug.btm-logos {
    margin: 2vw 7vw;
}

.debug.btm-logos div {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.debug.btm-logos div p {
    margin: 2vw;
}

.debug.btm-logos .custom a {
    flex-grow: 1;
}

.debug.copyright-address {
    flex-basis: 100%;
    text-align: center;
    padding-top: 40px;
    color: #fff;
    margin: 1vw 0;
    border-top: 1px solid rgba(255,255,255,.3);
    font-size: 83%;
}

















/* responsive video ************************************************************************************************/

.video-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px;
    margin-bottom: 25px;
    height: 0; 
    overflow: hidden; 
}

.video-container iframe, 
.video-container object, 
.video-container embed,
.video-container .video-player{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: block;
}









@media only screen and (max-width: 992px) {

body .footer .btm-mod {
    max-width: 100%;
}

.navbar-toggler.navbar-toggler-right {
    margin: 9px 0px 5px auto;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: none;
    background: linear-gradient(to top, #0086ff 0%, #004787 100%);
}
    
.navbar-toggler.navbar-toggler-right:hover {
    background: none;
}
    
.container-header.position-sticky {
    position: sticky !important;
}

.container-topbar {
    width: 100%;
}

.container-header .navbar-collapse {
    background: #003f77;
    background-size: cover;
	z-index: 9;
}
    
body .mod-menu_dropdown-metismenu {
    padding: 0 0 5px !important;
}

.metismenu.mod-menu .metismenu-item {
    display: block;
	text-align: right;
}

.footer-info .custom {
    align-items: baseline !important;
}

}