/*
	Theme Name: 	Mando
	Theme URI: 		
	Description: 	A custom-made theme for the Mandalorian Mercs
	Version: 		1.1
	Author: 		
	Author URI: 	
*/
/* Imports */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/* Protect main site background */
body:not(.single-lp_course):not(.tax-course_category) {
  background: #404040 !important;
  background-image: url("images/merc-drk-wall.jpg") !important;
}

html {
  font-family: sans-serif;
  font-size:16px;
 }
.post-filters {	margin: 0 8.3333% 8.3333% 8.3333%;	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);	padding:22px;	background: #fff;}
body {
  margin: 0; }


article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: 0 0; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

.column {
  float: left;
  width: 20%;
}

.column2 {
  float: left;
  width: 80%;
}

.column3 {
  float: left;
  width: 70%;
}

.column4 {
  float: right;
  width: 30%;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: #000000;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none;
color: black; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/*

	These are some basic mixins. These may or may not be duplicates of
	transitions featured in the Bourbon Mixin Library.

	If you are using CodeKit, you have access to Bourbon by default.

	If in doubt - test your compiler in test project.

	-Ian Lusk
		UX/Front End
		High Touch Group
		April 2014

*/
/*	Border Radius 	*/
/*	Linear Gradient */
/*	CSS Transitions */
/*	Clearfix Hack */
.content:after, .staff:after, .staff .staff-list:after, .staff .staff-member ul li.staff-links:after, .leadership-page .crl-tabs:after, .leadership-page .crl-container:after, .crl-page .crl-tabs:after, .crl-page .crl-container:after, .crl-page1 .crl-tabs:after, .crl-page1 .crl-container:after, .podcast-nav:after, .host-list .host-member, .page-content.magazine ul.mag-list:after, .magazine-nav:after, .page-content.oriramikad ul.ori-list:after, .member-list, .honor-list, .staff1-page .staff1-tabs:after, .staff1-page .staff1-container:after, .staff1-page1 .staff1-tabs:after, .staff1-page1 .staff1-container:after {
  *zoom: 1; }
  .host-list .host-member:before, .member-list:before, .honor-list:before, .content:after, .staff:after, .staff .staff-list:after, .staff .staff-member ul li.staff-links:after, .leadership-page .crl-tabs:after, .leadership-page .crl-container:after,  .crl-page .crl-tabs:after, .crl-page .crl-container:after, .crl-page1 .crl-tabs:after, .crl-page1 .crl-container:after, .podcast-nav:after, .host-list .host-member:after, .page-content.magazine ul.mag-list:after, .magazine-nav:after, .page-content.oriramikad ul.ori-list:after, .member-list:after, .honor-list:after, .staff1-page .staff1-tabs:after, .staff1-page .staff1-container:after, .staff1-page1 .staff1-tabs:after, .staff1-page1 .staff1-container:after {
    content: " ";
    display: table; }
  .content:after, .staff:after, .staff .staff-list:after, .staff .staff-member ul li.staff-links:after, .leadership-page .crl-tabs:after, .leadership-page .crl-container:after, .crl-page .crl-tabs:after, .crl-page .crl-container:after,  .crl-page1 .crl-tabs:after, .crl-page1 .crl-container:after, .podcast-nav:after, .host-list .host-member:after, .page-content.magazine ul.mag-list:after, .magazine-nav:after, .page-content.oriramikad ul.ori-list:after, .member-list:after, .honor-list:after, .staff1-page .staff1-tabs:after, .staff1-page .staff1-container:after,  .staff1-page1 .staff1-tabs:after, .staff1-page1 .staff1-container:after {
    clear: both; }

/* Parts */
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased; }

body {
  font-size: 1.4rem;
  font-family: 'Verdana', sans-serif;
  background: #404040;
  background-image: url("images/merc-drk-wall.jpg");
  color: #eeeeee; }
  body:before {
    content: "";
    position: fixed;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 20px black;
    z-index: 100; }

*, *:before, *:after {
  box-sizing: border-box; }

a img {
  outline: none; }

.wrap {
  max-width: 120rem;
  padding: 0 2rem;
  margin: 0 auto;
  position: relative; }

.wrap2 {
	
  max-width: 100%;
  padding-right:2rem;
  padding-top:1rem;
  margin: 0 auto;
  position: relative; }
a {
  color: #cbb32d; }
  a:hover {
    color: #eeeeee; }
	

.hidden {
  display: none; }

header {
  position: relative; }
  header .logo {
    width: 60rem;
    height: 16.4rem;
margin-bottom: 20px;
margin-top: 10px; }
  header .search-tab {
    position: absolute;
    top: 0rem;
    right: 2rem; }
    header .search-tab input[type="search"] {
      border: none;
      padding: 0;
      font-size: 2rem;
      height: 4rem;
      background: none;
      border-bottom: 2px solid #666666;
      color: #eeeeee; }
      header .search-tab input[type="search"]:focus {
        outline: none; }
      header .search-tab input[type="search"]::-webkit-input-placeholder {
        color: #666666; }
      header .search-tab input[type="search"]:-moz-placeholder {
        color: #666666; }
      header .search-tab input[type="search"]::-moz-placeholder {
        color: #666666; }
      header .search-tab input[type="search"]:-ms-input-placeholder {
        color: #666666; }
    header .search-tab input[type="submit"] {
      border: none;
      padding: 1rem 2rem 1rem 0rem;
      font-size: 2rem;
      height: 4rem;
      background: none;
      color: #666666;
      font-family: "FontAwesome"; }


.storenav{
position: relative;
    
    background: #222222;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);

    border: 1px solid #841914;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 5px;}
	
.storenav ul {
  list-style-type: none;
  padding-inline-start: 20px;
}



.storebar {
  position: relative;
  z-index: 4000;
  background: #222222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
height:50px;  }

 .storebar h2.page-title {
    background: #222222;
    margin: 0;
    padding: 1.5rem 2rem;
    font-size: 3rem;
    width: 100%; }
	
	
.woocommerce-product-search {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: flex-start; /* Align the button and input to the left */
    gap: 10px; /* Adds spacing between the input and button */
}

.woocommerce-product-search .search-field {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-width: 80%; /* Optional: Limit the max width */
    box-sizing: border-box;
}

.woocommerce-product-search button {
    padding: 8px 12px;
    background-color: #0071a1;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: auto; /* Keep the button's width natural */
}

.woocommerce-product-search button:hover {
    background-color: #005880;
}

/* Styling for the recent products section */
.recent-products {
    margin-top: 20px;
    text-align: left;
    position: relative;
    z-index: 4000;
    background: #222222;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    border: 1px solid #841914;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 5px;
}

.recent-products h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #333;
}

.custom-recent-products {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.custom-recent-products .product-item {
    flex: 1 1 calc(25% - 15px); /* Adjust for 4 items per row */

    padding: 10px;
    text-align: center;
    transition: all 0.3s ease;
}

.custom-recent-products .product-item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.custom-recent-products .product-item a {
    text-decoration: none;
    color: inherit;
}

.custom-recent-products .product-item img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.custom-recent-products .product-title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 5px;
}

.custom-recent-products .product-price {
    font-size: 14px;
    color: #0071a1;
    font-weight: bold;
}

.custom-recent-products .product-price:empty {
    display: none; /* Hide empty prices for free products */
}


.custom-product-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.custom-product-categories .product-category {
    flex: 1 0 22%; /* Adjust the width of categories */
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.custom-product-categories .product-category img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.custom-product-categories .product-category .woocommerce-loop-category__title {
    font-size: 16px;
    margin-top: 10px;
}
.custom-product-categories .product-category {
    display: block !important;
    text-align: center !important;
    padding: 15px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.custom-product-categories .product-category img {
    width: 100% !important;
    height: auto !important;
    max-height: 150px !important;
    object-fit: cover !important;
}

.custom-product-categories .product-category .woocommerce-loop-category__title {
    font-size: 18px !important;
    margin-top: 10px !important;
    color: #333 !important;
}

.custom-product-categories {
    margin-top: 30px;
}

.custom-product-categories .categories-list {
    display: flex;
    flex-wrap: wrap;
    width:100%;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-product-categories .category-item {
    width: calc(25% - 20px); /* 4 items per row; adjust for your needs */
    background-color: #333;
    border: 1px solid #841914;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-product-categories .category-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.custom-product-categories .category-link {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 10px;
}

.custom-product-categories .category-image {
    width: 100%;
    height: 150px;
    object-fit: cover;
    margin-bottom: 10px;
}

.custom-product-categories .category-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.custom-product-categories .category-count {
    font-size: 14px;
    color: #fff;
}


  
.navbar {
  position: relative;
  z-index: 4000;
  background: #222222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
font-size: 1.2rem;   }
  .navbar .mobile-toggle {
    display: none; }
  .navbar nav ul {
    padding: 0;
    margin: 0; }
    .navbar nav ul li {
      list-style: none;
      display: inline-block;
      position: relative;
      border-bottom: 3px solid transparent; }
      .navbar nav ul li.current-menu-item, .navbar nav ul li.current-menu-ancestor {
        border-bottom: 3px solid #cbb32d; }
      .navbar nav ul li:hover {
        border-bottom: 3px solid #cbb32d; }
        .navbar nav ul li:hover ul {
          display: block;
          position: absolute;
          left: 0;
          top: calc(100% + 3px);
          white-space: nowrap;
          min-width: 100%; }
      .navbar nav ul li a {
        display: block;
        padding: 1.5rem 2rem;
        margin-top: 3px;
        text-decoration: none;
        color: #eeeeee; }
        .navbar nav ul li a:hover {
          color: white; }
      .navbar nav ul li ul {
        display: none;
        background: #555555;
        box-shadow: 0 5px 5px black; 
		z-index: 100;}
        .navbar nav ul li ul li {
          border: none;
          position: relative;
          display: block; }
          .navbar nav ul li ul li.current-menu-item {
            border: none;
            font-weight: bold; }
            .navbar nav ul li ul li.current-menu-item a {
              color: #eeeeee; }
            .navbar nav ul li ul li.current-menu-item li {
              font-weight: normal; }
          .navbar nav ul li ul li.current-menu-ancestor {
            border-bottom: none; }
          .navbar nav ul li ul li.current-menu-parent {
            font-weight: bold; }
            .navbar nav ul li ul li.current-menu-parent li {
              font-weight: normal; }
            .navbar nav ul li ul li.current-menu-parent .current-menu-item {
              border-bottom: none;
              font-weight: bold; }
              .navbar nav ul li ul li.current-menu-parent .current-menu-item a {
                color: #eeeeee; }
          .navbar nav ul li ul li.menu-item-has-children:hover:before {
            color: #cbb32d;
            opacity: 1; }
          .navbar nav ul li ul li.menu-item-has-children:before {
            width: 0;
            height: 0;
            border-top: 1.5rem solid rgba(0, 0, 0, 0);
            border-bottom: 1.5rem solid rgba(0, 0, 0, 0);
            border-left: 1.5rem solid #3d3d3d;
            content: "";
            position: absolute;
            right: -2px;
            bottom: -8px;
            transform: rotate(45deg); }
          .navbar nav ul li ul li:hover {
            border-bottom: none;
            background: #484848; }
            .navbar nav ul li ul li:hover ul.sub-menu {
              display: block; }
          .navbar nav ul li ul li:last-of-type a {
            border: none; }
          .navbar nav ul li ul li a {
            margin-top: 0;
            padding: 1.5rem 2rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            display: inline-block;
            width: 100%; }
            .navbar nav ul li ul li a:hover {
              color: #cbb32d; }
          .navbar nav ul li ul li ul.sub-menu {
            display: none;
            position: absolute;
            top: 0;
            left: 100%;
            min-width: 100%;
            z-index: -1; }
  .navbar .tab-nav {
    position: absolute;
    right: 0;
    bottom: 100%; }
    .navbar .tab-nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .navbar .tab-nav ul li {
        background: none;
        padding: 0;
        border: none;
        display: block;
        float: left; }
        .navbar .tab-nav ul li:hover {
          background: #222222;
          border: none;
          opacity: 1; }
        .navbar .tab-nav ul li a {
          font-size: 2rem;
          width: 4rem;
          height: 4rem;
          line-height: 4rem;
          padding: 0;
          text-align: center;
          border: none;
          display: block;
          color: #eeeeee;
          opacity: .75; }
          .navbar .tab-nav ul li a:hover {
            color: #eeeeee;
            opacity: 1; }


			
.storenavbar {
  position: relative;
  z-index: 4000;
  background: #222222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
font-size: 1.2rem;  }
  .storenavbar .mobile-toggle {
    display: none; }
  .storenavbar nav ul {
    padding: 0;
    margin: 0; }
    .storenavbar nav ul li {
      list-style: none;
      display: inline-block;
      position: relative;
      border-bottom: 3px solid transparent; }
      .storenavbar nav ul li.current-menu-item, .storenavbar nav ul li.current-menu-ancestor {
        border-bottom: 3px solid #cbb32d; }
      .storenavbar nav ul li:hover {
        border-bottom: 3px solid #cbb32d; }
        .storenavbar nav ul li:hover ul {
          display: block;
          position: absolute;
          left: 0;
          top: calc(100% + 3px);
          white-space: nowrap;
          min-width: 100%; }
      .storenavbar nav ul li a {
        display: block;
        padding: 1.5rem 2rem;
        margin-top: 3px;
        text-decoration: none;
        color: #eeeeee; }
        .storenavbar nav ul li a:hover {
          color: white; }
      .storenavbar nav ul li ul {
        display: none;
        background: #555555;
        box-shadow: 0 5px 5px black; 
		z-index: 100;}
        .storenavbar nav ul li ul li {
          border: none;
          position: relative;
          display: block; }
          .storenavbar nav ul li ul li.current-menu-item {
            border: none;
            font-weight: bold; }
            .storenavbar nav ul li ul li.current-menu-item a {
              color: #eeeeee; }
            .storenavbar nav ul li ul li.current-menu-item li {
              font-weight: normal; }
          .storenavbar nav ul li ul li.current-menu-ancestor {
            border-bottom: none; }
          .storenavbar nav ul li ul li.current-menu-parent {
            font-weight: bold; }
            .storenavbar nav ul li ul li.current-menu-parent li {
              font-weight: normal; }
            .storenavbar nav ul li ul li.current-menu-parent .current-menu-item {
              border-bottom: none;
              font-weight: bold; }
              .storenavbar nav ul li ul li.current-menu-parent .current-menu-item a {
                color: #eeeeee; }
          .storenavbar nav ul li ul li.menu-item-has-children:hover:before {
            color: #cbb32d;
            opacity: 1; }
          .storenavbar nav ul li ul li.menu-item-has-children:before {
            width: 0;
            height: 0;
            border-top: 1.5rem solid rgba(0, 0, 0, 0);
            border-bottom: 1.5rem solid rgba(0, 0, 0, 0);
            border-left: 1.5rem solid #3d3d3d;
            content: "";
            position: absolute;
            right: -2px;
            bottom: -8px;
            transform: rotate(45deg); }
          .storenavbar nav ul li ul li:hover {
            border-bottom: none;
            background: #484848; }
            .storenavbar nav ul li ul li:hover ul.sub-menu {
              display: block; }
          .storenavbar nav ul li ul li:last-of-type a {
            border: none; }
          .storenavbar nav ul li ul li a {
            margin-top: 0;
            padding: 1.5rem 2rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            display: inline-block;
            width: 100%; }
            .storenavbar nav ul li ul li a:hover {
              color: #cbb32d; }
          .storenavbar nav ul li ul li ul.sub-menu {
            display: none;
            position: absolute;
            top: 0;
            left: 100%;
            min-width: 100%;
            z-index: -1; }
  .storenavbar .tab-nav {
    position: absolute;
    right: 0;
    bottom: 100%; }
    .storenavbar .tab-nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .storenavbar .tab-nav ul li {
        background: none;
        padding: 0;
        border: none;
        display: block;
        float: left; }
        .storenavbar .tab-nav ul li:hover {
          background: #222222;
          border: none;
          opacity: 1; }
        .storenavbar .tab-nav ul li a {
          font-size: 2rem;
          width: 4rem;
          height: 4rem;
          line-height: 4rem;
          padding: 0;
          text-align: center;
          border: none;
          display: block;
          color: #eeeeee;
          opacity: .75; }
          .storenavbar .tab-nav ul li a:hover {
            color: #eeeeee;
            opacity: 1; }
			
			
			
.beta {
  background: #555;
  color: #CCC;
  text-align: center;
  font-size: 1.2rem;
  box-shadow: 0 0 20px #222;
  margin-bottom: 1rem; }
  .beta p {
    margin: 0;
    padding: 1rem; }
  .beta a {
    color: #ccc;
    text-decoration: underline; }

.news-feed, .fp-sidebar {
  float: left; }

.news-feed {
  width: calc(61.8% - 2rem);
  margin: 2rem 0 2rem; }
  .news-feed ol {
    list-style: none;
    padding: 0;
    margin: 0; }
    .news-feed ol li {
      margin: 0;
      padding: 0; }

.news-post {
  background: #666666;
  margin-bottom: 2rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .news-post .title-box {
    padding: 1.5rem; }
  .news-post .post-cat a {
    color: #999;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem; }
    .news-post .post-cat a:hover {
      color: white;
      text-decoration: underline; }
  .news-post .post-cat .post-date {
    font-size: 1.2rem;
    font-style: italic;
    color: #999; }
  .news-post .post-title {
    padding: 0;
    font-size: 3rem;
    margin: 0; }
    .news-post .post-title a {
      text-decoration: none;
      color: #eeeeee; }
      .news-post .post-title a:hover {
        color: white;
        text-decoration: underline; }
  .news-post .post-image {
    max-width: 100%;
    max-height: 400px; }
    .news-post .post-image img {
      width: 100%;
      height: auto; }

.fp-sidebar {
  max-width: 38.2%;
  margin: 2rem 0 0 2rem; }
  .fp-sidebar a.sidebar-link {
    max-width: 100%;
    background: #666666;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 2rem;
    display: block;
    line-height: 0; }
    .fp-sidebar a.sidebar-link img {
      max-width: 100%;
      height: auto; }

.featured-image {
  height: 400px;
  max-width: 100%;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
  background-position: center center; }
  .featured-image h2.page-title {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #222222;
    margin: 0;
    padding: 1.5rem 2rem;
    font-size: 3rem;
    width: 100%; }

.page-content {
  background: #595959;
  padding: 2rem 2rem 6rem; }
  .page-content hr {
    border: none;
    border-bottom: 1px solid #eeeeee; }
  .page-content h2, .page-content h3, .page-content h4, .page-content h5 {
    margin: 3rem 0 0.5rem;
    color: #eeeeee; }
  .page-content h2 {
    font-size: 2rem; }
  .page-content h3 {
    font-size: 2rem; }
  .page-content h4 {
    font-size: 1.8rem;
    font-weight: normal; }
  .page-content h5 {
    font-size: 1.6rem;
    font-weight: normal; }
  .page-content .page-title {
    font-size: 2.8rem;
    padding: 0 0 1rem;
    margin: 1rem 0 2rem;
    color: #eeeeee;
    border-bottom: 1px solid #eeeeee; }
  .page-content h3 {
    margin: 4rem 0 1rem;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 1rem; }
  .page-content p, .page-content li {
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 0;
    padding: 0;
    color: #ddd; }
  .page-content p + p {
    margin-top: 1.5rem; }

.search-results h2.page-title {
  font-weight: normal;
  font-size: 1.8rem; }
.search-results .search-query {
  font-style: italic; }
.search-results article h2 a {
  text-decoration: none; }
.search-results article section {
  padding: 0rem 0 2rem; }

.prev-post, .next-post {
  display: block;
  background: #666666;
  padding: 1rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  color: #eeeeee; }
  .prev-post:hover, .next-post:hover {
    color: #cbb32d; }

.next-post {
  float: right; }

.prev-post {
  float: left; }

.action {
  color: #eeeeee;
  font-weight: bold;
  font-size: 1.6rem;
  text-decoration: none;
  text-align: center;
  background: #cbb32d;
  padding: 1.5rem 2rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  opacity: 0.9; }
  .action:hover {
    opacity: 1; }

.wide {
  width: 100%;
  display: block; }

.fourohfour .search-form {
  margin: 2rem 0; }
.fourohfour .search-field {
  border: none;
  background: #737373;
  border: 1px solid #404040;
  padding: 0.5rem;
  font-size: 2rem; }
  .fourohfour .search-field:focus {
    outline: none; }
  .fourohfour .search-field::-webkit-input-placeholder {
    color: #eeeeee; }
  .fourohfour .search-field:-moz-placeholder {
    color: #eeeeee; }
  .fourohfour .search-field::-moz-placeholder {
    color: #eeeeee; }
  .fourohfour .search-field:-ms-input-placeholder {
    color: #eeeeee; }
.fourohfour .search-submit {
  background: none;
  border: none;
  padding: 1rem 0 1rem 0rem;
  font-size: 2.6rem;
  height: 4rem;
  background: none;
  color: #eeeeee;
  font-family: "FontAwesome"; }

.staff .staff-list {
  list-style: none;
 
  margin: 0; }
.staff .staff-member {
  float: left;
  margin: 1rem;
  width: calc(25% - 2rem);
  min-height: 426px;
  padding: 1rem;
  background: #444;
  text-align: center; }

.staff .staff-list1 {
  list-style: none;
  padding: 1px;
  margin: 0; }
.staff .staff-member1 {
  float: left;
  margin: 1rem;
  max-width: 50%;
  min-height: 426px;
  padding: 1rem;
  background: #444;
  text-align: center; }
  
  .staff .staff-list2 {
  list-style: none;
  padding: 1px;
  margin: 0; }
.staff .staff-member2 {
  float: left;
 
  max-width: 75%;
  min-height: 426px;
  padding: 1rem;
 
  text-align: center; }
  
.staff .fallen-member {
    float: left;
        width:100%;
    min-height: 256px;
    padding: 1rem;
    background: #444;
    text-align: center;
}

  .staff .staff-member .staff-image img {
    width: 100%;
    height: auto; }
  .staff .staff-member .staff-acronym {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: normal; }
  .staff .staff-member ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .staff .staff-member ul li {
      font-size: 1.6rem; }
      .staff .staff-member ul li.staff-screen {
        font-size: 1.4rem; }
      .staff .staff-member ul li.staff-links {
        margin: 0.5rem 0 0; }
      .staff .staff-member ul li a {
        text-decoration: none;
        font-size: 1.4rem;
        padding: 0.25rem 0.5rem;
        width: 100%;
        display: block;
        float: left; }
        .staff .staff-member ul li a:first-of-type {
          border-right: none; }
        .staff .staff-member ul li a:hover {
          background: #cbb32d;
          color: #eeeeee; }
.staff .staff-title {
  font-weight: bold;
  font-size: 1.6rem; }


 .staff .fallen-member .staff-image img {
    width: 100%;
    height: 100%; }
  .staff .fallen-member .staff-acronym {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: normal; }
  .staff .fallen-member ul {
    list-style: none;
    padding: 0;
    margin: 0;
 }
    .staff .fallen-member ul li {
list-style-type: none;
      font-size: 1.6rem; }
      .staff .fallen-member ul li.staff-screen {
        font-size: 1.4rem; }
      .staff .fallen-member ul li.staff-links {
        margin: 0.5rem 0 0; }
      .staff .fallen-member ul li a {
        text-decoration: none;
        font-size: 1.4rem;
        padding: 0.25rem 0.5rem;
        width: 100%;
        display: block;
        float: left; }
        .staff .fallen-member ul li a:first-of-type {
          border-right: none; }
        .staff .staff-member ul li a:hover {
          background: #cbb32d;
          color: #eeeeee; }
.staff .fallen-title {
  font-weight: bold;
  font-size: 1.6rem; }



.clan-locator-page .clan-faq-questions {
  padding-bottom: 6rem; }
  .clan-locator-page .clan-faq-questions .clan-item {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .clan-locator-page .clan-faq-questions h3.clan-question {
    background: #737373;
    padding: 1.5rem;
    cursor: pointer;
    margin: 2rem 0 0;
    opacity: 0.85;
    border: none; }
    .clan-locator-page .clan-faq-questions h3.clan-question i.clan-page-arrow {
      float: right;
      margin-top: 0.1rem; }
  .clan-locator-page .clan-faq-questions .clan-answer {
    position: relative;
    display: none;
    padding: 2rem 2rem;
    margin: 0;
    background: #666666;
    border-right: 2px solid #737373;
    border-left: 2px solid #737373;
    border-bottom: 2px solid #737373; }


.crl-page {
  background: #595959; }
  .crl-page h1 {
    padding: 2rem;
    margin: 0 0 5rem;
    text-align: center;
    border-bottom: 1px solid #666666; }
  .crl-page .crl-tabs {
    background: #404040; }
    .crl-page .crl-tabs ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .crl-page .crl-tabs ul li {
        background-size: cover;
        background-position: top center;
        display: block;
        width: 20%;
        float: left;
        cursor: pointer;
        height: 300px;
        position: relative;
        opacity: 0.35; }
        .crl-page .crl-tabs ul li:hover {
          opacity: .65; }
        .crl-page .crl-tabs ul li.active {
          opacity: 1; }
        .crl-page .crl-tabs ul li span.timeline {
          position: absolute;
          bottom: 100%;
          padding: 1.5rem;
          font-size: 1.1rem;
          text-align: center;
          width: 100%;
          border-bottom: 0.25rem solid #cbb32d; }
          .crl-page .crl-tabs ul li span.timeline:after {
            position: absolute;
            left: calc(50% - 0.25rem);
            top: calc(100% - 1rem);
            width: 0.25rem;
            height: 1rem;
            background: #cbb32d;
            content: ""; }
        .crl-page .crl-tabs ul li span.label {
          background: #595959;
          position: absolute;
          bottom: 0;
          width: 100%;
          display: block;
          padding: 1.5rem 0;
          text-align: center;
          font-weight: bold;
          font-size: 1.8rem;
          letter-spacing: 0.05rem; }
    
	.crl-page .crl-tabs #modern-tab {
      background-image: url("images/era-photos/modern.jpg"); }
    .crl-page .crl-tabs #early-tab {
      background-image: url("images/era-photos/early.jpg"); }
    .crl-page .crl-tabs #crusader-tab {
      background-image: url("images/era-photos/crusader.jpg"); }
    .crl-page .crl-tabs #neo-tab {
      background-image: url("images/era-photos/neo.jpg"); }
    .crl-page .crl-tabs #tech-tab {
      background-image: url("images/era-photos/techcrusader.jpg"); }
    .crl-page .crl-tabs #postimp-tab {
      background-image: url("images/era-photos/postimp.jpg"); }
    .crl-page .crl-tabs #covert-tab {
      background-image: url("images/era-photos/CovertBox.jpg"); }
    .crl-page .crl-tabs #apprentice-tab {
      background-image: url("images/era-photos/ApprenticeBox.png"); }
    .crl-page .crl-tabs #mercenary-tab {
      background-image: url("images/era-photos/MercBox.jpg"); }
    .crl-page .crl-tabs #survivor-tab {
      background-image: url("images/era-photos/SurvivorBox.jpg"); }
    .crl-page .crl-tabs #postimpcanon-tab {
      background-image: url("images/era-photos/postimpcanon.jpg"); }
	  
  .crl-page .crl-container {
    padding: 4rem 2rem;
    display: none; }
    .crl-page .crl-container.active {
      display: block; }
  .crl-page .crl-list, .crl-page .crl-sidebar {
    float: left; }
  .crl-page .crl-list {
    width: 61.8%;
    padding-right: 2rem;
    border-right: 1px solid #666666; }
  .crl-page .crl-sidebar {
    width: 38.2%;
    padding: 0 2rem; }
  .crl-page .crl-item {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
    .crl-page .crl-item:first-of-type .crl-item-title {
      margin-top: 0; }
    .crl-page .crl-item .crl-item-title {
      background: #737373;
      padding: 1.5rem;
      cursor: pointer;
      margin: 2rem 0 0;
      opacity: 0.85; }
      .crl-page .crl-item .crl-item-title.active, .crl-page .crl-item .crl-item-title:hover {
        opacity: 1; }
      .crl-page .crl-item .crl-item-title .crl-arrow {
        float: right;
        margin-top: .1rem; }
    .crl-page .crl-item .crl-info {
      position: relative;
      display: none;
      padding: 2rem 2rem;
      margin: 0;
      background: #666666;
      border-right: 2px solid #737373;
      border-left: 2px solid #737373;
      border-bottom: 2px solid #737373; }
      .crl-page .crl-item .crl-info ul, .crl-page .crl-item .crl-info p, .crl-page .crl-item .crl-info li {
        margin: 0;
        line-height: 2rem; }
      .crl-page .crl-item .crl-info ul {
        list-style: square; }
  .crl-page .crl-gallery {
    padding: 2rem 0; }
    .crl-page .crl-gallery a:nth-of-type(even) .gallery-img {
      margin: 0; }
    .crl-page .crl-gallery .gallery-img {
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
      height: auto;
      width: calc(50% - 1rem);
      margin: 0 2rem 2rem 0;
      float: left;
      opacity: 0.75;
background: black; }
      .crl-page .crl-gallery .gallery-img:hover {
        opacity: 1; }
  .crl-page .clr-apply {
    padding: 2rem; }
    .crl-page .clr-apply h2 {
      margin: 0;
      padding: 0; }
      .crl-page .clr-apply h2 a {
        color: #eeeeee;
        text-decoration: none;
        text-align: center;
        background: gray;
        padding: 2rem;
        width: 100%;
        display: block;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
        .crl-page .clr-apply h2 a:hover {
          background: #8c8c8c; }
  .crl-page .crl-footnote {
    margin: 4rem 0 0 0; }
    .crl-page .crl-footnote p:last-of-type {
      font-size: 1.2rem;
      font-style: italic; }




	  

	  
table.podcast-list {
  background: #404040;
  list-style: none;
  padding: 0;
  margin: 4rem 0 0;
  width: 100%;
  position: relative; }
  table.podcast-list h3 {
    border: none;
    color: #eeeeee;
    margin: 0 0 0.5rem 0;
    padding: 0;
    width: auto;
    position: relative;
    display: inline-block; }
  table.podcast-list p {
    font-size: 1.4rem;
    word-break: break-all; }
  table.podcast-list a {
    color: #cbb32d;
    padding: 2rem 1rem;
    display: block; }
    table.podcast-list a:hover {
      color: #eeeeee; }
  table.podcast-list tr {
    font-size: 2rem;
    padding: 1rem;
    border-bottom: 0.25rem solid #595959; }
    table.podcast-list tr:first-of-type h3:after {
      content: "New!";
      font-size: 1.2rem;
      color: #cbb32d;
      padding: 0.35rem .5rem;
      margin: 0.5rem;
      border: 1px solid #cbb32d;
      border-radius: 3px;
      position: absolute;
      bottom: -0.5rem;
      left: calc(100% + 0.5rem);
      -webkit-animation: Pulse 3s 0.5s infinite;
      animation: Pulse 2s infinite; }
    table.podcast-list tr td {
      padding: 1rem;
      position: relative; }
      table.podcast-list tr td:first-of-type {
        text-align: center;
        font-size: 2.6rem;
        padding: 0; }
        table.podcast-list tr td:first-of-type a {
          transition: .1s ease all; }
          table.podcast-list tr td:first-of-type a:hover {
            -webkit-transform: scale(1.5);
            color: #cbb32d;
            transition: .2s ease all; }
          table.podcast-list tr td:first-of-type a:active {
            color: red; }
        table.podcast-list tr td:first-of-type:before {
          height: 0;
          width: 0;
          border-bottom: 1.5rem solid #595959;
          border-left: 1.5rem solid transparent;
          border-right: 1.5rem solid transparent;
          content: "";
          position: absolute;
          top: -0.5rem;
          left: -1.25rem;
          transform: rotate(-45deg); }
      table.podcast-list tr td:nth-of-type(odd) {
        border-right: 0.25rem solid #595959; }

.podcast-nav {
  list-style: none;
  padding: 0;
  margin: 0 0 4rem;
  width: 100%;
  background: #404040; }
  .podcast-nav li {
    float: left;
    position: relative;
    border-right: 1px solid #666666; }
    .podcast-nav li .fa {
      font-size: 2rem;
      margin-right: 0.5rem; }
    .podcast-nav li a {
      font-size: 1.4rem;
      border-bottom: 2px solid transparent;
      text-decoration: none;
      display: block;
      padding: 0.75rem 2rem; }
      .podcast-nav li a:hover {
        border-bottom: 2px solid #cbb32d;
        color: #cbb32d; }

.host-list .host-member {
  padding: 4rem 0;
  border-bottom: 1px solid #666666; }
  .host-list .host-member .host-photo {
    float: left;
    width: calc(25% - 2rem);
    margin-right: 2rem; }
    .host-list .host-member .host-photo img {
      width: 100%;
      height: auto; }
  .host-list .host-member .host-info {
    float: left;
    width: 75%; }
    .host-list .host-member .host-info h3 {
      font-size: 2.6rem;
      margin: 0 0 2rem 0;
      padding: 0;
      border: none; }
    .host-list .host-member .host-info a.message-button {
      font-size: 1.2rem;
      display: inline-block;
      border: 1px solid #cbb32d;
      padding: 0.5rem;
      text-decoration: none;
      vertical-align: middle; }
      .host-list .host-member .host-info a.message-button:hover {
        background: #cbb32d;
        color: white; }

@-webkit-keyframes Pulse {
  0% {
    opacity: 0.5; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.5; } }

@-moz-keyframes Pulse {
  0% {
    opacity: 0.5; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.5; } }

@-o-keyframes Pulse {
  0% {
    opacity: 0.5; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.5; } }

@keyframes Pulse {
  0% {
    opacity: 0.5; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.5; } }

.page-content.magazine h3 {
  background: #404040;
  color: #eeeeee;
  font-size: 2.4rem;
  text-align: center;
  border: none;
  font-weight: bold;
  padding: 1rem;
  margin: 1rem 0; }
.page-content.magazine ul.mag-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; }
  .page-content.magazine ul.mag-list li.mag-item {
    display: inline-block;
    text-align: center;
    position: relative;
    margin: 2rem;
    height: 275px;
    width: 200px;
    background-size: cover;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    overflow: hidden; }
    .page-content.magazine ul.mag-list li.mag-item:hover a {
      opacity: 1;
      -webkit-transform: scale(1.5);
      transition: .2s ease all; }
    .page-content.magazine ul.mag-list li.mag-item:hover span {
      top: auto;
      bottom: 0;
      opacity: 1;
      transition: .2s ease all; }
    .page-content.magazine ul.mag-list li.mag-item a {
      text-decoration: none;
      font-weight: bold;
      font-size: 6rem;
      vertical-align: middle;
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(89, 89, 89, 0.95);
      opacity: 0;
      transition: .2s ease all;
      color: #cbb32d; }
      .page-content.magazine ul.mag-list li.mag-item a .fa {
        position: relative;
        top: 35%;
        left: 0;
        text-shadow: 0 2px 5px #222222; }
    .page-content.magazine ul.mag-list li.mag-item span {
      display: block;
      background: #222222;
      text-align: center;
      width: 100%;
      font-size: 1.2rem;
      padding: 1rem 1rem;
      position: absolute;
      bottom: -2rem;
      opacity: 0;
      color: #cbb32d;
      font-weight: bold;
      left: 0;
      transition: .2s ease all; }

.page-content.visual-guides .guide-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0; }

.page-content.visual-guides .guide-item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem;
  text-align: center;
  width: calc(50% - 4rem); }

.page-content.visual-guides .guide-item a {
  text-decoration: none;
  display: block;
  color: #cbb32d;
  width: 100%; }

.page-content.visual-guides .guide-thumbnail {
  position: relative;
  background-size: cover;
  background-position: center;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  overflow: hidden; }

.page-content.visual-guides .guide-thumbnail.visual-guide--landscape {
  width: 100%;
  aspect-ratio: 17 / 11; }

.page-content.visual-guides .guide-thumbnail .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6rem;
  opacity: 0;
  transition: .2s ease all;
  text-shadow: 0 2px 5px #222222; }

.page-content.visual-guides .guide-item a:hover .fa {
  opacity: 1; }

.page-content.visual-guides .guide-title {
  display: block;
  background: #222222;
  text-align: center;
  width: 100%;
  font-size: 1.2rem;
  padding: 1rem;
  color: #cbb32d;
  font-weight: bold;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }

.magazine-nav {
  list-style: none;
  padding: 0;
  margin: 0 0 4rem;
  width: 100%;
  background: #404040; }
  .magazine-nav li {
    float: left;
    position: relative;
    border-right: 1px solid #666666; }
    .magazine-nav li .fa {
      font-size: 2rem;
      margin-right: 0.5rem; }
    .magazine-nav li a {
      font-size: 1.4rem;
      border-bottom: 2px solid transparent;
      text-decoration: none;
      display: block;
      padding: 0.75rem 2rem; }
      .magazine-nav li a:hover {
        border-bottom: 2px solid #cbb32d;
        color: #cbb32d; }

.page-content.oriramikad h3 {
  background: #404040;
  color: #eeeeee;
  font-size: 2.4rem;
  text-align: center;
  border: none;
  font-weight: bold;
  padding: 1rem;
  margin: 1rem 0; }
.page-content.oriramikad ul.ori-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; }
  .page-content.oriramikad ul.ori-list li.ori-item {
    display: inline-block;
    text-align: center;
    position: relative;
    margin: 2rem; }
    .page-content.oriramikad ul.ori-list li.ori-item img {
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
    .page-content.oriramikad ul.ori-list li.ori-item a {
      text-decoration: none;
      font-weight: bold;
      font-size: 2rem;
      vertical-align: middle;
      display: block;
      color: #cbb32d; }
    .page-content.oriramikad ul.ori-list li.ori-item span {
      display: block;
      text-align: center;
      width: 100%; }
      .page-content.oriramikad ul.ori-list li.ori-item span.real-name {
        font-size: 1.4rem; }
      .page-content.oriramikad ul.ori-list li.ori-item span.ori-month {
        font-size: 1.2rem;
        font-style: italic; }

.page-content.memberlist {
  padding: 2rem; }

.page-content.honorlist {
  padding: 1rem; }

.member-list .indiv-member {
  text-align: center;
  float: left;
  padding: 2rem;
  width: 25%; }
  .member-list .indiv-member img {
    width: 100%;
    height: auto;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .member-list .indiv-member p {
    margin: 0;
    padding: 0; }
    .member-list .indiv-member p.namelink {
      font-weight: bold; }
      .member-list .indiv-member p.namelink a {
        text-decoration: none; }
        .member-list .indiv-member p.namelink a:hover {
          text-decoration: underline;
          color: #cbb32d; }
    .member-list .indiv-member p.realname {
      font-size: 1.4rem; }
    .member-list .indiv-member p.description {
      font-size: 1.4rem; }

.honor-list {
  padding-top: 4rem; }
  .honor-list .indiv-member {
    float: left;
    width: 100%;
    margin-bottom: 4rem; }
    .honor-list .indiv-member .image, .honor-list .indiv-member .info {
      float: left;
      width: 50%; }
    .honor-list .indiv-member .image {
      text-align: center; }
      .honor-list .indiv-member .image img {
        width: calc(100% - 4rem);
        height: auto; }
    .honor-list .indiv-member .info {
      padding: 0 2rem; }
      .honor-list .indiv-member .info h3 {
        padding: 0;
        margin: 0 0 1rem;
        border: none;
        font-size: 2.6rem; }
        .honor-list .indiv-member .info h3 a {
          text-decoration: none; }
          .honor-list .indiv-member .info h3 a:hover {
            text-decoration: underline; }

footer {
  text-align: center;
  color: #eeeeee; }
  footer a {
    color: #cbb32d; }
  footer .inner {
    background: #222222;
    padding: 4rem 8rem 2rem; }
  footer ul.site-links {
    padding: 0;
    margin: 0; }
    footer ul.site-links li {
      display: inline-block; }
      footer ul.site-links li:after {
        content: " | "; }
      footer ul.site-links li:last-of-type:after {
        display: none; }
      footer ul.site-links li a {
        text-decoration: none; }
  footer .credit {
    margin-top: 4rem;
    opacity: 0.15;
    font-size: 1rem; }
    footer .credit:hover {
      opacity: 1; }
      footer .credit:hover a {
        color: #cbb32d; }
    footer .credit a {
      color: #eeeeee;
      text-decoration: none; }
      footer .credit a:hover {
        color: #cbb32d; }

#datatable {
  color: #eeeeee;
  background: rgba(0, 0, 0, 0.05);
  margin: 4rem 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  #datatable a {
    color: #cbb32d;
    text-decoration: none;
    font-weight: bold; }
    #datatable a:hover {
      text-decoration: underline; }
  #datatable .clan-logo {
    width: 50px;
    height: auto;
    display: block;
    margin: 0 auto; }
  #datatable td, #datatable th {
    border: 1px solid rgba(0, 0, 0, 0.1); }
  #datatable th {
    background-color: rgba(0, 0, 0, 0.35); }

@media screen and (max-width: 950px) {
  header .logo {
    margin: 0 auto;
    width: 100%;
    height: auto; }
  header .navbar {
    margin-top: 4rem; }
    header .navbar .tab-nav:after {
      clear: both;
      display: table;
      content: ""; }
	   header .storenavbar {
    margin-top: 4rem; }
    header .storenavbar .tab-nav:after {
      clear: both;
      display: table;
      content: ""; }
  header .search-tab {
display:none;
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    padding: 0;
    margin: 2rem auto; }
    header .search-tab input[type='search'] {
      background: #eee;
      color: #222222;
      padding: 0.5rem 1rem;
      border: none;
      width: 100%;
      box-sizing: border-box; }
    header .search-tab input[type='submit'] {
      color: #404040;
      position: absolute;
      right: 1rem;
      top: 0; }
	  

  .news-feed, .fp-sidebar {
    width: 100%;
    max-width: 100%;
    float: none; }

  .fp-sidebar {
    margin: 0 auto;
    max-width: 458px;
    text-align: center; }

  .news-post .post-image {
    max-height: none; }

  .member-list .indiv-member {
    width: 50%; }

  .staff .staff-member {
    width: calc(50% - 4rem); }

  .content img {
    width: 100%;
    height: auto;
     }
  .content h2, .content h3, .content h4 {
    text-align: center; }

  .clan-locator-page .clan-faq-questions h3.clan-question i.clan-page-arrow {
    display: block;
    margin: 1rem 0 0;
    float: none; } }
@media screen and (max-width: 700px) {

  .navbar {
    background: #404040; }
    .navbar .mobile-toggle {
      cursor: pointer;
      display: block;
      border-bottom: 1px solid #666666;
      background: #222222;
      width: 100%;
      text-align: center;
      padding: 1rem; }
      .navbar .mobile-toggle:hover {
        background: #2f2f2f; }
    .navbar .tab-nav {
      position: static; }
      .navbar .tab-nav ul {
        width: 100%;
        text-align: center; }
        .navbar .tab-nav ul li {
          float: none;
          display: inline-block; }
    .navbar nav {
      text-align: center;
      display: none; }
      .navbar nav ul {
        display: block; }
        .navbar nav ul li {
          background: #222222;
          display: block;
          border-bottom: 1px solid #666666; }
          .navbar nav ul li:hover {
            border-bottom: 1px solid #666666; }
          .navbar nav ul li.current-menu-item, .navbar nav ul li.current-menu-ancestor {
            border-bottom: 1px solid #666666; }
          .navbar nav ul li.menu-item-has-children {
            border: none; }
          .navbar nav ul li a {
            margin-top: 0; }
            .navbar nav ul li a:hover {
              color: #cbb32d; }
          .navbar nav ul li ul li ul {
            display: block; }
          .navbar nav ul li ul.sub-menu {
            
            position: static;
            box-shadow: none; }
            .navbar nav ul li ul.sub-menu li {
              background: #404040;
              display: block; }
              .navbar nav ul li ul.sub-menu li.menu-item-has-children:before {
                display: none; }
              .navbar nav ul li ul.sub-menu li:last-of-type {
                border-bottom: 1px solid #666666; }
              .navbar nav ul li ul.sub-menu li ul.sub-menu {
                display: block;
                position: static; }
                .navbar nav ul li ul.sub-menu li ul.sub-menu li {
                  display: block; }
				  
.recent-products {
    display: none;
   
}

.column {
	display:none;
}
		
.column2 {
	width: 100%;
}

.custom-product-categories {
    display: block;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}



.custom-product-categories .category-item {
    width: 45%; 
    background-color: #333;
    border: 1px solid #841914;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
		
.storenavbar {
    background: #404040; }
    .storenavbar .mobile-toggle {
      cursor: pointer;
      display: block;
      border-bottom: 1px solid #666666;
      background: #222222;
      width: 100%;
      text-align: center;
      padding: 1rem; }
      .storenavbar .mobile-toggle:hover {
        background: #2f2f2f; }
    .storenavbar .tab-nav {
      position: static; }
      .storenavbar .tab-nav ul {
        width: 100%;
        text-align: center; }
        .storenavbar .tab-nav ul li {
          float: none;
          display: inline-block; }
    .storenavbar nav {
      text-align: center;
      display: none; }
      .storenavbar nav ul {
        display: block; }
        .storenavbar nav ul li {
          background: #222222;
          display: block;
          border-bottom: 1px solid #666666; }
          .storenavbar nav ul li:hover {
            border-bottom: 1px solid #666666; }
          .storenavbar nav ul li.current-menu-item, .storenavbar nav ul li.current-menu-ancestor {
            border-bottom: 1px solid #666666; }
          .storenavbar nav ul li.menu-item-has-children {
            border: none; }
          .storenavbar nav ul li a {
            margin-top: 0; }
            .storenavbar nav ul li a:hover {
              color: #cbb32d; }
          .storenavbar nav ul li ul li ul {
            display: block; }
          .storenavbar nav ul li ul.sub-menu {
            display: block;
            position: static;
            box-shadow: none; }
            .storenavbar nav ul li ul.sub-menu li {
              background: #404040;
              display: block; }
              .storenavbar nav ul li ul.sub-menu li.menu-item-has-children:before {
                display: none; }
              .storenavbar nav ul li ul.sub-menu li:last-of-type {
                border-bottom: 1px solid #666666; }
              .storenavbar nav ul li ul.sub-menu li ul.sub-menu {
                display: block;
                position: static; }
                .storenavbar nav ul li ul.sub-menu li ul.sub-menu li {
                  display: block; }
#topbarj {
min-height: 100px;
}


  .title-box {
    text-align: center; }
    .title-box a {
      font-size: 2rem; }

  .featured-image h2.page-title {
    text-align: center;
    font-size: 2rem; }


  .page-content.visual-guides .guide-item {
    width: calc(100% - 4rem); }

  .podcast-nav li, .magazine-nav li {
    float: none;
    display: block;
    text-align: center;
    width: 100%;
    border: none;
    border-bottom: 1px solid #666666; }
    .podcast-nav li:hover, .magazine-nav li:hover {
      background: #4d4d4d; }
    .podcast-nav li a, .magazine-nav li a {
      border: none; }
      .podcast-nav li a:hover, .magazine-nav li a:hover {
        border: none; }

  .member-list .indiv-member {
    width: 100%; }

  .crl-page span.timeline {
    display: none; }
  .crl-page .crl-list, .crl-page .crl-sidebar {
    width: 100%;
    padding: 0; }
  .crl-page .crl-list {
    border: none; }
  .crl-page .crl-sidebar {
    margin-top: 2rem; }
  .crl-page .crl-tabs ul li {
    width: 25%; }
    .crl-page .crl-tabs ul li span.label {
      font-size: 0.75rem;
      padding: 1rem;
      white-space: nowrap; }

  .staff .staff-member {
    float: none;
    margin: 4rem auto;
    text-align: center;
    width: 100%; }

  footer .inner {
    padding: 2rem; }
  footer ul.site-links li {
    display: block;
    margin: 0.5rem; }
    footer ul.site-links li:after {
      display: none; }

  .host-list .host-member {
    padding: 4rem 0;
    border-bottom: 1px solid #666666; }
    .host-list .host-member .host-photo {
      float: left;
      width: 100%;
      margin: 0 0 2rem;
      text-align: center; }
      .host-list .host-member .host-photo img {
        margin: 0 auto;
        max-width: 200px;
        height: auto; }
    .host-list .host-member .host-info {
      float: left;
      width: 100%; }
      .host-list .host-member .host-info h3 {
        font-size: 2.6rem;
        margin: 0 0 2rem 0;
        padding: 0;
        border: none;
        text-align: center; }
      .host-list .host-member .host-info a.message-button {
        text-align: center;
        font-size: 1.2rem;
        display: inline-block;
        border: 1px solid #cbb32d;
        padding: 0.5rem;
        text-decoration: none;
        vertical-align: middle; }
        .host-list .host-member .host-info a.message-button:hover {
          background: #cbb32d;
          color: white; }

  table#datatable {
    font-size: 1rem; }

  .dataTables_wrapper {
    position: relative;
    clear: both;
    background: none;
    zoom: 1;
    padding: 0;
    overflow: scroll;
    box-shadow: -40px 0px 40px -40px rgba(0, 0, 0, 0.35) inset; } }

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

  .navbar {
    background: #404040; }
    .navbar .mobile-toggle {
      cursor: pointer;
      display: block;
      border-bottom: 1px solid #666666;
      background: #222222;
      width: 100%;
      text-align: center;
      padding: 1rem; }
      .navbar .mobile-toggle:hover {
        background: #2f2f2f; }
    .navbar .tab-nav {
      position: static; }
      .navbar .tab-nav ul {
        width: 100%;
        text-align: center; }
        .navbar .tab-nav ul li {
          float: none;
          display: inline-block; }
    .navbar nav {
      text-align: center;
      display: none; }
      .navbar nav ul {
        display: block; }
        .navbar nav ul li {
          background: #222222;
          display: block;
          border-bottom: 1px solid #666666; }
          .navbar nav ul li:hover {
            border-bottom: 1px solid #666666; }
          .navbar nav ul li.current-menu-item, .navbar nav ul li.current-menu-ancestor {
            border-bottom: 1px solid #666666; }
          .navbar nav ul li.menu-item-has-children {
            border: none; }
          .navbar nav ul li a {
            margin-top: 0; }
            .navbar nav ul li a:hover {
              color: #cbb32d; }
          .navbar nav ul li ul li ul {
            display: block; }
          .navbar nav ul li ul.sub-menu {
            
            position: static;
            box-shadow: none; }
            .navbar nav ul li ul.sub-menu li {
              background: #404040;
              display: block; }
              .navbar nav ul li ul.sub-menu li.menu-item-has-children:before {
                display: none; }
              .navbar nav ul li ul.sub-menu li:last-of-type {
                border-bottom: 1px solid #666666; }
              .navbar nav ul li ul.sub-menu li ul.sub-menu {
                display: block;
                position: static; }
                .navbar nav ul li ul.sub-menu li ul.sub-menu li {
                  display: block; }
				  
.recent-products {
    display: none;
   
}

.column {
	display:none;
}
		
.column2 {
	width: 100%;
}

.custom-product-categories {
    display: block;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}



.custom-product-categories .category-item {
    width: 100%; 
    background-color: #333;
    border: 1px solid #841914;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
		
.storenavbar {
    background: #404040; }
    .storenavbar .mobile-toggle {
      cursor: pointer;
      display: block;
      border-bottom: 1px solid #666666;
      background: #222222;
      width: 100%;
      text-align: center;
      padding: 1rem; }
      .storenavbar .mobile-toggle:hover {
        background: #2f2f2f; }
    .storenavbar .tab-nav {
      position: static; }
      .storenavbar .tab-nav ul {
        width: 100%;
        text-align: center; }
        .storenavbar .tab-nav ul li {
          float: none;
          display: inline-block; }
    .storenavbar nav {
      text-align: center;
      display: none; }
      .storenavbar nav ul {
        display: block; }
        .storenavbar nav ul li {
          background: #222222;
          display: block;
          border-bottom: 1px solid #666666; }
          .storenavbar nav ul li:hover {
            border-bottom: 1px solid #666666; }
          .storenavbar nav ul li.current-menu-item, .storenavbar nav ul li.current-menu-ancestor {
            border-bottom: 1px solid #666666; }
          .storenavbar nav ul li.menu-item-has-children {
            border: none; }
          .storenavbar nav ul li a {
            margin-top: 0; }
            .storenavbar nav ul li a:hover {
              color: #cbb32d; }
          .storenavbar nav ul li ul li ul {
            display: block; }
          .storenavbar nav ul li ul.sub-menu {
            display: block;
            position: static;
            box-shadow: none; }
            .storenavbar nav ul li ul.sub-menu li {
              background: #404040;
              display: block; }
              .storenavbar nav ul li ul.sub-menu li.menu-item-has-children:before {
                display: none; }
              .storenavbar nav ul li ul.sub-menu li:last-of-type {
                border-bottom: 1px solid #666666; }
              .storenavbar nav ul li ul.sub-menu li ul.sub-menu {
                display: block;
                position: static; }
                .storenavbar nav ul li ul.sub-menu li ul.sub-menu li {
                  display: block; }
#topbarj {
min-height: 100px;
}


  .title-box {
    text-align: center; }
    .title-box a {
      font-size: 2rem; }

  .featured-image h2.page-title {
    text-align: center;
    font-size: 2rem; }

  .podcast-nav li, .magazine-nav li {
    float: none;
    display: block;
    text-align: center;
    width: 100%;
    border: none;
    border-bottom: 1px solid #666666; }
    .podcast-nav li:hover, .magazine-nav li:hover {
      background: #4d4d4d; }
    .podcast-nav li a, .magazine-nav li a {
      border: none; }
      .podcast-nav li a:hover, .magazine-nav li a:hover {
        border: none; }

  .member-list .indiv-member {
    width: 100%; }

  .crl-page span.timeline {
    display: none; }
  .crl-page .crl-list, .crl-page .crl-sidebar {
    width: 100%;
    padding: 0; }
  .crl-page .crl-list {
    border: none; }
  .crl-page .crl-sidebar {
    margin-top: 2rem; }
  .crl-page .crl-tabs ul li {
    width: 25%; }
    .crl-page .crl-tabs ul li span.label {
      font-size: 0.75rem;
      padding: 1rem;
      white-space: nowrap; }

  .staff .staff-member {
    float: none;
    margin: 4rem auto;
    text-align: center;
    width: 100%; }

  footer .inner {
    padding: 2rem; }
  footer ul.site-links li {
    display: block;
    margin: 0.5rem; }
    footer ul.site-links li:after {
      display: none; }

  .host-list .host-member {
    padding: 4rem 0;
    border-bottom: 1px solid #666666; }
    .host-list .host-member .host-photo {
      float: left;
      width: 100%;
      margin: 0 0 2rem;
      text-align: center; }
      .host-list .host-member .host-photo img {
        margin: 0 auto;
        max-width: 200px;
        height: auto; }
    .host-list .host-member .host-info {
      float: left;
      width: 100%; }
      .host-list .host-member .host-info h3 {
        font-size: 2.6rem;
        margin: 0 0 2rem 0;
        padding: 0;
        border: none;
        text-align: center; }
      .host-list .host-member .host-info a.message-button {
        text-align: center;
        font-size: 1.2rem;
        display: inline-block;
        border: 1px solid #cbb32d;
        padding: 0.5rem;
        text-decoration: none;
        vertical-align: middle; }
        .host-list .host-member .host-info a.message-button:hover {
          background: #cbb32d;
          color: white; }

  table#datatable {
    font-size: 1rem; }

  .dataTables_wrapper {
    position: relative;
    clear: both;
    background: none;
    zoom: 1;
    padding: 0;
    overflow: scroll;
    box-shadow: -40px 0px 40px -40px rgba(0, 0, 0, 0.35) inset; } }







.postfallen{

	width: 100%;

	float: right;

	margin: 0rem 0 0 0;

	font-size: 1.6rem;

	

}


.page-fallen {

width: 100%;

  

  

}

  .page-fallen hr {

    border: none;

    border-bottom: 1px solid #eeeeee; }

  .page-fallen h2, .page-fallen h3, .page-fallen h4, .page-fallen h5 {

    margin: 0rem 0 0.5rem 1rem;

    color: #d1b500; }

  .page-fallen h2 {

    font-size: 2.2rem; }

  .page-fallen h3 {

    font-size: 2rem; }

  .page-fallen h4 {

    font-size: 1.8rem;

    font-weight: normal; }

  .page-fallen h5 {

    font-size: 1.6rem;

    font-weight: normal; }

  .page-fallen .page-title {

    font-size: 2.8rem;

    padding: 0 0 1rem;

    margin: 1rem 0 2rem;

    color: #eeeeee;

    border-bottom: 1px solid #eeeeee; }

  .page-fallen h3 {

    margin: 4rem 0 1rem;

    border-bottom: 1px solid #eeeeee;

    padding-bottom: 1rem; }

  .page-fallen p, .page-fallen li {

    font-size: 1.6rem;
list-style-type: none;
    line-height: 2.1rem;

    margin: 5px 0px;


    color: #ddd; }

  .page-fallen p + p {

    margin-top: 1.5rem; }



.fallen1 .fallen1-member {

    margin: 1rem;

  height: 244px;

  width: 98%;

 

  padding: 1rem;

  background: #444;

  text-align: center; }





  .fallen1 .fallen1-member .fallen1-image img {

    width: 244px;

	float: left;

display:inline;



    height: auto; }

  .fallen1 .fallen1-member .fallen1-acronym {

    font-size: 1.4rem;

    font-style: italic;

    font-weight: normal; }

  .fallen1 .fallen1-member ul {

    list-style: none;

    padding: 0px;

    margin: 0; 

	float: left;

display:inline;

width: 49%;

	height: 244px;}

    .fallen1 .fallen1-member ul li {

      font-size: 1.6rem; }

      .fallen1 .fallen1-member ul li.fallen1-screen {

        font-size: 1.4rem; }

      .fallen1 .fallen1-member ul li.fallen1-links {

        margin: 0.5rem 0 0; }

      .fallen1 .fallen1-member ul li a {

        text-decoration: none;

        font-size: 1.4rem;

        padding: 0.25rem 0.5rem;

        width: 100%;

        display: block;

        float: left; }

        .fallen1 .fallen1-member ul li a:first-of-type {

          border-right: none; }

        .fallen1 .fallen1-member ul li a:hover {

          background: #cbb32d;

          color: #eeeeee; }

.fallen1 .fallen1-title {

  font-weight: bold;



  font-size: 1.6rem; }









.fallen1 .fallen1-member .fallen1-description {

    list-style: none;

    padding: 0px;

    margin: 0; 

	float: left;

display:inline;

width: 49%;

	height: 244px;}

FV



 .staff .fallen1-member ul li {
      font-size: 1.6rem; }
      .staff .fallen1-member ul li.staff-screen {
        font-size: 1.4rem; }
      .staff .fallen1-member ul li.staff-links {
        margin: 0.5rem 0 0; }
      .staff .fallen1-member ul li a {
        text-decoration: none;
        font-size: 1.4rem;
        padding: 0.25rem 0.5rem;
        width: 100%;
        display: block;
        float: left; }
        .staff .fallen1-member ul li a:first-of-type {
          border-right: none; }
        .staff .staff-member ul li a:hover {
          background: #cbb32d;
          color: #eeeeee; }




#topbarj {
    background: #222;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .075);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .075);
    height: 60px;
    padding: 20px;
    
color: #fff;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 14px;
}

#topbarj li a
{
	color: #fff;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 18px;
}
#topbarj .sign-in a, #topbar .sign-in a:hover, #topbar .sign-in a:focus
{
	background-color: #222;
}
#topbarj .sign-out a, #topbar .sign-out a:hover, #topbar .sign-out a:focus
{
	background-color: #222;
}
#topbarj .register a, #topbar .register a:hover, #topbar .register a:focus
{
	background-color: #222;
}
#topbarj .search a, #topbar .search a:hover, #topbar .search a:focus
{
	color: #444;
	background: #FFF;
}
#topbarj li a, .storenavbar-default .storenavbar-nav > li > a
{
	padding-top: 20px;
	padding-bottom: 20px;
}
#topbarj .storenavbar-nav
{
	margin: 0;
}

#topbarj li a, .navbar-default .navbar-nav > li > a
{
	padding-top: 20px;
	padding-bottom: 20px;
}
#topbarj .navbar-nav
{
	margin: 0;
}

/* Collection Databases */		  
 #collectiontable {
  color: #eeeeee;
  background: rgba(0, 0, 0, 0.05);
  margin: 4rem 0;
  border: 1px solid rgba(0, 0, 0, 0.1);     text-align: center; }

 #collectiontable a {
    color: #cbb32d;
    text-decoration: none;
    font-weight: bold; 		text-align: center;}
    #collectiontable a:hover {
      text-decoration: underline; }

 #collectiontable .clan-logo {
    max-width: 150px;
	max-height: 150px;
    display: block;
    margin: 0 auto; }
 
#collectiontable td, #collectiontable th {
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 12.5%; }

#collectiontable th {
    background-color: rgba(0, 0, 0, 0.35); }
	table#datatable {
    font-size: 1rem; }

.collectionTables_wrapper {
    position: relative;
    clear: both;
    background: none;
    zoom: 1;
    padding: 0;
    overflow: scroll;
    box-shadow: -40px 0px 40px -40px rgba(0, 0, 0, 0.35) inset; }   

.leadership-page {
  background: #595959; }
  .leadership-page h1 {
    padding: 2rem;
    margin: 0 0 5rem;
    text-align: center;
    border-bottom: 1px solid #666666; }
  .leadership-page .crl-tabs {
    background: #404040; }
    .leadership-page .crl-tabs ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .leadership-page .crl-tabs ul li {
        background-size: cover;
        background-position: top center;
        display: block;
        width: 33.3%;
        float: left;
        cursor: pointer;
        height: 200px;
        position: relative;
        opacity: 0.35; }
        .leadership-page .crl-tabs ul li:hover {
          opacity: .65; }
        .leadership-page .crl-tabs ul li.active {
          opacity: 1; }
        .leadership-page .crl-tabs ul li span.timeline {
          position: absolute;
          bottom: 100%;
          padding: 1.5rem;
          font-size: 1.1rem;
          text-align: center;
          width: 100%;
          border-bottom: 0.25rem solid #cbb32d; }
          .leadership-page .crl-tabs ul li span.timeline:after {
            position: absolute;
            left: calc(50% - 0.25rem);
            top: calc(100% - 1rem);
            width: 0.25rem;
            height: 1rem;
            background: #cbb32d;
            content: ""; }
        .leadership-page .crl-tabs ul li span.label {
          background: #595959;
          position: absolute;
          bottom: 0;
          width: 100%;
          display: block;
          padding: 1.5rem 0;
          text-align: center;
          font-weight: bold;
          font-size: 1.8rem;
          letter-spacing: 0.05rem; }
    .leadership-page .crl-tabs #modern-tab {
      background-image: url("images/era-photos/modern.jpg"); }
    .leadership-page .crl-tabs #council-tab {
      background-image: url("images/MMCC_Council_Color-01.png"); }
    .leadership-page .crl-tabs #crusader-tab {
      background-image: url("images/era-photos/crusader.jpg"); }
    .leadership-page .crl-tabs #neo-tab {
      background-image: url("images/era-photos/neo.jpg"); }
    .leadership-page .crl-tabs #canon-tab {
      background-image: url("images/era-photos/canon.jpg"); }
  .leadership-page .crl-container {
    padding: 4rem 2rem;
    display: none; }
    .leadership-page .crl-container.active {
      display: block; }
  .leadership-page .crl-list, .leadership-page .crl-sidebar {
    float: left; }
  .leadership-page .crl-list {
    width: 61.8%;
    padding-right: 2rem;
    border-right: 1px solid #666666; }
  .leadership-page .crl-sidebar {
    width: 38.2%;
    padding: 0 2rem; }
  .leadership-page .crl-item {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
    .leadership-page .crl-item:first-of-type .crl-item-title {
      margin-top: 0; }
    .leadership-page .crl-item .crl-item-title {
      background: #737373;
      padding: 1.5rem;
      cursor: pointer;
      margin: 2rem 0 0;
      opacity: 0.85; }
      .leadership-page .crl-item .crl-item-title.active, .leadership-page .crl-item .crl-item-title:hover {
        opacity: 1; }
      .leadership-page .crl-item .crl-item-title .crl-arrow {
        float: right;
        margin-top: .1rem; }
    .leadership-page .crl-item .crl-info {
      position: relative;
      display: none;
      padding: 2rem 2rem;
      margin: 0;
      background: #666666;
      border-right: 2px solid #737373;
      border-left: 2px solid #737373;
      border-bottom: 2px solid #737373; }
      .leadership-page .crl-item .crl-info ul, .leadership-page .crl-item .crl-info p, .leadership-page .crl-item .crl-info li {
        margin: 0;
        line-height: 2rem; }
      .leadership-page .crl-item .crl-info ul {
        list-style: square; }
  .leadership-page .crl-gallery {
    padding: 2rem 0; }
    .leadership-page .crl-gallery a:nth-of-type(even) .gallery-img {
      margin: 0; }
    .leadership-page .crl-gallery .gallery-img {
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
      height: auto;
      width: calc(50% - 1rem);
      margin: 0 2rem 2rem 0;
      float: left;
      opacity: 0.75;
background: black; }
      .leadership-page .crl-gallery .gallery-img:hover {
        opacity: 1; }
  .leadership-page .clr-apply {
    padding: 2rem; }
    .leadership-page .clr-apply h2 {
      margin: 0;
      padding: 0; }
      .leadership-page .clr-apply h2 a {
        color: #eeeeee;
        text-decoration: none;
        text-align: center;
        background: gray;
        padding: 2rem;
        width: 100%;
        display: block;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
        .leadership-page .clr-apply h2 a:hover {
          background: #8c8c8c; }
  .leadership-page .crl-footnote {
    margin: 4rem 0 0 0; }
    .leadership-page .crl-footnote p:last-of-type {
      font-size: 1.2rem;
      font-style: italic; }
	  
.crl-page1 {
  background: #595959; }
  .crl-page1 h1 {
    padding: 2rem;
    margin: 0 0 5rem;
    text-align: center;
    border-bottom: 1px solid #666666; }
  .crl-page1 .crl-tabs {
    background: #404040; }
    .crl-page1 .crl-tabs ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .crl-page1 .crl-tabs ul li {
        background-size: cover;
        background-position: top center;
        display: block;
        width: 33.3%;
        float: left;
        cursor: pointer;
        height: 60px;
        position: relative;
        opacity: 0.35; }
        .crl-page1 .crl-tabs ul li:hover {
          opacity: .65; }
        .crl-page1 .crl-tabs ul li.active {
          opacity: 1; }
        .crl-page1 .crl-tabs ul li span.timeline {
          position: absolute;
          bottom: 100%;
          padding: 1.5rem;
          font-size: 1.1rem;
          text-align: center;
          width: 100%;
          border-bottom: 0.25rem solid #cbb32d; }
          .crl-page1 .crl-tabs ul li span.timeline:after {
            position: absolute;
            left: calc(50% - 0.25rem);
            top: calc(100% - 1rem);
            width: 0.25rem;
            height: 1rem;
            background: #cbb32d;
            content: ""; }
        .crl-page1 .crl-tabs ul li span.label {
          background: #595959;
          position: absolute;
          bottom: 0;
          width: 100%;
          display: block;
          padding: 1.5rem 0;
          text-align: center;
          font-weight: bold;
          font-size: 1.8rem;
          letter-spacing: 0.05rem; }
    .crl-page1 .crl-tabs #modern-tab {
      background-image: url("images/era-photos/modern.jpg"); }
    .crl-page1 .crl-tabs #council-tab {
      background-image: url("images/MMCC_Council_Color-01.png"); }
    .crl-page1 .crl-tabs #crusader-tab {
      background-image: url("images/era-photos/crusader.jpg"); }
    .crl-page1 .crl-tabs #neo-tab {
      background-image: url("images/era-photos/neo.jpg"); }
    .crl-page1 .crl-tabs #canon-tab {
      background-image: url("images/era-photos/canon.jpg"); }
  .crl-page1 .crl-container {
    padding: 4rem 2rem;
    display: none; }
    .crl-page1 .crl-container.active {
      display: block; }
  .crl-page1 .crl-list, .crl-page1 .crl-sidebar {
    float: left; }
  .crl-page1 .crl-list {
    width: 61.8%;
    padding-right: 2rem;
    border-right: 1px solid #666666; }
  .crl-page1 .crl-sidebar {
    width: 38.2%;
    padding: 0 2rem; }
  .crl-page1 .crl-item {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
    .crl-page1 .crl-item:first-of-type .crl-item-title {
      margin-top: 0; }
    .crl-page1 .crl-item .crl-item-title {
      background: #737373;
      padding: 1.5rem;
      cursor: pointer;
      margin: 2rem 0 0;
      opacity: 0.85; }
      .crl-page1 .crl-item .crl-item-title.active, .crl-page1 .crl-item .crl-item-title:hover {
        opacity: 1; }
      .crl-page1 .crl-item .crl-item-title .crl-arrow {
        float: right;
        margin-top: .1rem; }
    .crl-page1 .crl-item .crl-info {
      position: relative;
      display: none;
      padding: 2rem 2rem;
      margin: 0;
      background: #666666;
      border-right: 2px solid #737373;
      border-left: 2px solid #737373;
      border-bottom: 2px solid #737373; }
      .crl-page1 .crl-item .crl-info ul, .crl-page1 .crl-item .crl-info p, .crl-page1 .crl-item .crl-info li {
        margin: 0;
        line-height: 2rem; }
      .crl-page1 .crl-item .crl-info ul {
        list-style: none; }
		
		.crl-page1 .crl-column3 {
  float: left;
  width: 70%;
      display: none;
    padding: 2rem 2rem;
    margin: 0;
    background: #666666;
    border-right: 2px solid #737373;
    border-left: 2px solid #737373;
    border-bottom: 2px solid #737373;
}

		.crl-page1 .crl-column4 {
  float: right;
  width: 30%;
      display: none;
    padding: 2rem 2rem;
    margin: 0;
    background: #666666;
    border-right: 2px solid #737373;
    border-left: 2px solid #737373;
    border-bottom: 2px solid #737373;
}
  .crl-page1 .crl-gallery {
    padding: 2rem 0; }
    .crl-page1 .crl-gallery a:nth-of-type(even) .gallery-img {
      margin: 0; }
    .crl-page1 .crl-gallery .gallery-img {
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
      height: auto;
      width: calc(50% - 1rem);
      margin: 0 2rem 2rem 0;
      float: left;
      opacity: 0.75;
background: black; }
      .crl-page1 .crl-gallery .gallery-img:hover {
        opacity: 1; }
  .crl-page1 .clr-apply {
    padding: 2rem; }
    .crl-page1 .clr-apply h2 {
      margin: 0;
      padding: 0; }
      .crl-page1 .clr-apply h2 a {
        color: #eeeeee;
        text-decoration: none;
        text-align: center;
        background: gray;
        padding: 2rem;
        width: 100%;
        display: block;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
        .crl-page1 .clr-apply h2 a:hover {
          background: #8c8c8c; }
  .crl-page1 .crl-footnote {
    margin: 4rem 0 0 0; }
    .crl-page1 .crl-footnote p:last-of-type {
      font-size: 1.2rem;
      font-style: italic; }



/* Class to hide columns - In use on Clan Locator Page */
.hideANDseek {
    display: none;
}



/* Set the entire content to a flex group, stacked vertically */
.clan-social-member {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

/* Center the items on the page */
.clan-social-center {
  margin: auto;
}

/* Ensure logo does not exceed specified width */
.clan-social-logo {
  max-width: 500px;
  padding: 0;
}

/* Override header margin */
.clan-social-h1 {
  margin: 0;
}

/* Group the social icons into a flex group to stack horizontally */
.clan-social-icon-group {
  display: flex;
  gap: 0 0.35em;
}

/* Ensure icons do not exceed specified width */
.clan-social-icon {
  max-width: 50px;
}

/* Group the social buttons into a flex group to stack vertically */
.clan-social-button-group {
  display: flex;
  flex-direction: column;
  gap: 0.2em 0;
}

/* Ensure buttons do not exceed specified width */
.clan-social-button {
  max-width: 300px;
  padding: 0;
}

/* Override Padding settings when in mobile view */
@media screen and (max-width: 950px) {
  .clan-social-list img {
    padding:0;
  }
}


/* Set the entire content to a fixed 4 column grid */
.canon-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75em;
}

/* Set up grid within each CRL item */
.canon-member {
  display: grid;
  gap: 0.25em;
  padding: 0.75em;
  background: #444;
}

/* Ensure images do not exceed specified height, and fit to area */
.canon-image img {
  object-fit: cover;
  width: 100%;
  height: 350px;
}

/* Setup a box around the CRL links */
.canon-title-box {
  text-align: center;
  border-right: none;
  object-fit: inherit;
}

/* Invert colours when hover */
.canon-title-box a:hover {
  background: #cbb32d;
  color: #eeeeee;
}

/* Set canon titles to not use underline */
.canon-title {
  text-decoration: none;
  display: block;
  line-height: 2em;
}

/* Override margins for canon headers */
h2.canon-header-h2 {
  margin: 0 0 0.5em 0;
}

/* Override margins and colours for horizontal rule */
hr.canon-hr {
  margin: 1.25rem 0 2em;
  border-bottom-color: #888;
}

/* Set Grid columns to 3, and override other settings */
@media screen and (max-width: 950px) {
  .canon-list {
    grid-template-columns: repeat(3, 1fr);
    padding:0;
  }
  .canon-image img {
    padding:0;
  }

  h2.canon-header-h2 {
    text-align: left;
  }
}

/* Set Grid columns to 2, and override other settings */
@media screen and (max-width: 750px) {
  .canon-list {
    grid-template-columns: repeat(2, 1fr);
    padding:0;
  }
  .canon-image img {
    padding:0;
  }

  h2.canon-header-h2 {
    text-align: left;
  }
}

/* Set Grid columns to 1, and override other settings */
@media screen and (max-width: 550px) {
  .canon-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .canon-image img {
    padding:0;
  }

  h2.canon-header-h2 {
    text-align: left;
  }
}

.staff-columns {
    display: flex;
    justify-content: space-between; /* Distribute columns evenly */
}

.staff-column {
    flex: 1;
    display: flex;
    flex-direction: column; /* Arrange items vertically */
    align-items: center; /* Center items horizontally */
}

.staff-list1 {
    list-style: none;
    padding: 0;
    width: 100%; /* Make the list full width */
}

.staff-member1 {
    margin-bottom: 20px;
    width: 100%; /* Make each member full width */
}

.staff-image1 img {
    max-width: 100%;
    height: auto;
}

.staff-image2 img {
    max-width: 60%;
    height: auto;
	padding: 1rem;
}

.staff-links a {
    display: block;
    margin-top: 5px;
}

.staff-links a i {
    margin-right: 5px;
}

/* Hide LearnPress's duplicate header on archive pages */
.post-type-archive-lp_course .learn-press-courses-header,
.post-type-archive-lp_course .lp-archive-header {
    display: none !important;
}

.modal-content {
    background-color: #000 !important;
}