@charset "UTF-8";
/* CSS Document */
/*
Theme Name: MINS 2026
Theme URI: https://minsociety.com/
Author: Grigg
Author URI: https://grigg.com/
Description: Custom theme for MINS
Tags: 
Version: 1.0
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.4

Text Domain: mins
*/
a {
  font-weight: bold;
  text-decoration: none;
  transition: all .25s;
  color: #3399cc; }

a:hover {
  text-decoration: underline; }

img {
  max-width: 100%;
  display: block; }

h1, h2, h3 {
  font-family: "Libre Caslon Display", serif;
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 1rem; }

h1 {
  font-size: 3.5rem; }
  @media (max-width: 980px) {
    h1 {
      font-size: 2.5rem; } }

h2 {
  font-size: 3rem; }
  @media (max-width: 980px) {
    h2 {
      font-size: 2rem; } }

h3 {
  font-size: 2.5rem; }
  @media (max-width: 980px) {
    h3 {
      font-size: 1.5rem; } }

hr, .wp-block-separator {
  margin: 5rem 0;
  border-top: 1rem solid #3399cc !important;
  clear: both; }

.hr-thin {
  margin: 3rem;
  border-top: .5px solid #999 !important; }

.clr {
  clear: both; }

#breadcrumbs {
  font-size: .75em;
  text-transform: uppercase; }
  #breadcrumbs .arrow {
    color: #ccc;
    font-size: .65rem;
    padding: 0 .5em; }

b, strong {
  font-weight: bold; }

.wp-element-button {
  font-family: "Roboto Condensed", sans-serif !important; }

/*   default WP button block   */
.wp-element-button:hover {
  text-decoration: none;
  opacity: .75; }

.datebox mark {
  padding: .5em 1em;
  font-family: "Roboto Condensed", sans-serif; }

body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
  font-weight: 300; }

header {
  background-color: #3399cc;
  padding-left: 18rem;
  color: white;
  font-size: .9em;
  font-family: "Roboto Condensed", sans-serif;
  /* overrides wp container */ }
  @media (max-width: 1299px) {
    header {
      padding-left: 10rem; } }
  @media (max-width: 980px) {
    header {
      padding-left: 5rem; } }
  @media (max-width: 781px) {
    header {
      padding-left: 2rem; } }
  @media (max-width: 980px) {
    header {
      font-size: 1rem; } }
  header .menu-main-menu-container {
    display: inline-flex; }
  header ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 -1rem;
    display: flex; }
    header ul ul {
      display: none;
      flex-direction: column;
      background-color: #777;
      position: absolute;
      z-index: 1000;
      background-color: #a2cae5;
      margin: 0;
      padding: 0;
      box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.05); }
      header ul ul a {
        color: black;
        padding: 1rem 2rem; }
      header ul ul a:hover {
        background-color: #d0e4f2; }
  header ul li:hover ul {
    display: flex;
    /*hides third tier menus*/ }
    header ul li:hover ul ul {
      display: none; }
  header a {
    color: white;
    padding: 1em;
    display: block;
    font-weight: normal; }
  header a:hover {
    text-decoration: none; }
  header li:hover, header li:focus-within {
    background-color: #a2cae5;
    color: black; }
  header .menu-item-has-children > a::after {
    content: "▼";
    margin-left: .5em;
    font-size: .5rem;
    vertical-align: middle; }
  header .donations {
    background-color: #a2cae5;
    color: black;
    display: inline-flex;
    float: right;
    padding: 1em 3em;
    font-weight: bold; }
  header .donations:hover {
    background-color: #d0e4f2; }
  @media (max-width: 980px) {
    header .desktopmenu {
      display: none; } }
  header .mobilemenu {
    display: none;
    text-align: right; }
    @media (max-width: 980px) {
      header .mobilemenu {
        display: block; } }

.homepage, .secondary {
  padding: 5rem 18rem; }
  @media (max-width: 1299px) {
    .homepage, .secondary {
      padding: 5rem 10rem; } }
  @media (max-width: 980px) {
    .homepage, .secondary {
      padding: 5rem 5rem; } }
  @media (max-width: 781px) {
    .homepage, .secondary {
      padding: 2rem; } }

.newsletter {
  padding: 5rem 18rem;
  background-image: url("images/bg-color.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: lighten;
  background-color: rgba(255, 255, 255, 0.75);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center; }
  @media (max-width: 1299px) {
    .newsletter {
      padding: 5rem 10rem; } }
  @media (max-width: 980px) {
    .newsletter {
      padding: 5rem 5rem; } }
  @media (max-width: 781px) {
    .newsletter {
      padding: 2rem; } }
  @media (max-width: 781px) {
    .newsletter {
      grid-template-columns: 1fr; } }
  .newsletter .intro {
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 1px solid rgba(153, 153, 153, 0.5); }
    @media (max-width: 781px) {
      .newsletter .intro {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(153, 153, 153, 0.5); } }
  .newsletter h2 {
    margin: 0; }

footer {
  padding: 5rem 18rem;
  font-size: .8rem;
  color: white;
  background-color: #404040;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 5rem;
  padding-bottom: 4rem;
  grid-gap: 8rem; }
  @media (max-width: 1299px) {
    footer {
      padding: 5rem 10rem; } }
  @media (max-width: 980px) {
    footer {
      padding: 5rem 5rem; } }
  @media (max-width: 781px) {
    footer {
      padding: 2rem; } }
  @media (max-width: 1299px) {
    footer {
      grid-gap: 5rem; } }
  @media (max-width: 980px) {
    footer {
      grid-gap: 3rem; } }
  @media (max-width: 781px) {
    footer {
      text-align: center;
      grid-template-columns: 1fr; } }
  footer a {
    color: white; }
  footer .col1 img {
    margin-top: -3rem; }
    @media (max-width: 781px) {
      footer .col1 img {
        margin: 1rem auto 3rem;
        max-width: 300px; } }
  footer .col2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    column-count: 2; }
    @media (max-width: 781px) {
      footer .col2 ul {
        column-count: 1; } }
    footer .col2 ul li {
      margin-bottom: .5em; }
      footer .col2 ul li a {
        font-weight: normal; }
        @media (max-width: 781px) {
          footer .col2 ul li a {
            padding: .5rem;
            display: block; } }
      footer .col2 ul li a:hover {
        font-weight: bold; }
  footer .col2 input {
    background-color: rgba(255, 255, 255, 0.15);
    padding: .75em 1em;
    border: none;
    border-radius: .5em;
    width: 100%;
    color: white;
    margin-top: 1em; }
  footer .col3 {
    text-align: right; }
    @media (max-width: 781px) {
      footer .col3 {
        text-align: center; } }
    footer .col3 a {
      font-weight: 400; }
    footer .col3 .donations {
      display: inline-block;
      padding: 2em 1em;
      width: 100%;
      border: 1px solid #999999;
      text-align: center;
      box-sizing: border-box; }
    footer .col3 .donations:hover {
      text-decoration: none;
      border: 1px solid white;
      font-weight: bold; }

.copyright {
  padding: 5rem 18rem;
  text-align: center;
  font-size: .8rem;
  padding-top: 1rem !important;
  padding-bottom: 2rem !important; }
  @media (max-width: 1299px) {
    .copyright {
      padding: 5rem 10rem; } }
  @media (max-width: 980px) {
    .copyright {
      padding: 5rem 5rem; } }
  @media (max-width: 781px) {
    .copyright {
      padding: 2rem; } }

/*   Home page   */
.featured-image {
  background-color: black;
  position: relative; }
  .featured-image .logo {
    position: absolute;
    top: 35%;
    max-width: 600px;
    left: calc(50% - 300px);
    box-sizing: border-box; }
    @media (max-width: 781px) {
      .featured-image .logo {
        max-width: 300px;
        left: calc(50% - 150px);
        top: 25%; } }
    .featured-image .logo img {
      opacity: 1;
      transition: all .25s; }
    .featured-image .logo img:hover {
      opacity: .75; }
  .featured-image img {
    width: 100vw;
    opacity: .8;
    height: auto; }

.home-intro h1 {
  margin: 1rem 0 0; }
.home-intro .rule {
  padding-left: 1rem;
  border-left: 1px solid rgba(153, 153, 153, 0.5); }
  .home-intro .rule p:first-of-type {
    margin-top: 0; }

/*   Secondary pages   */
.secondary .logo {
  display: inline-flex; }
  .secondary .logo img {
    width: 350px;
    transition: all .25s; }
.secondary .logo:hover img {
  opacity: .75; }

/*   Search   */
.search-grid section {
  padding: 3rem 1rem;
  margin: 1rem -1rem; }
  .search-grid section h2 {
    margin-top: 0; }
.search-grid section:nth-of-type(even) {
  background-color: rgba(153, 153, 153, 0.1); }
.search-grid #searchsubmit {
  border: none;
  padding: .5rem 1rem;
  background-color: #3399cc;
  color: white;
  border-radius: .5rem; }
.search-grid #s {
  border: none;
  border-radius: .5rem;
  background-color: rgba(153, 153, 153, 0.1);
  padding: .5rem 1rem; }

/*   Formstack embeds   */
.hnFOZa {
  font-family: inherit !important; }

.DNPCm {
  padding: 0 !important; }

.gjCKzw {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important; }

/* main container */
.mVUTD {
  background-color: #3399cc !important; }

/* submit button */
.cbdOWJ {
  margin: 0 !important;
  max-width: 100% !important; }

/*   Carousel   */
.cb-carousel-block {
  margin-top: 3rem; }

.swiper-slide {
  display: flex !important;
  align-self: center;
  justify-content: center; }
  .swiper-slide img {
    max-height: 4rem;
    width: auto;
    filter: grayscale(1);
    opacity: .5;
    transition: all .25s; }
  .swiper-slide img:hover {
    opacity: 1;
    filter: grayscale(0); }

/*   Constant Contact   */
.ctct-form-wrapper {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  /* places first and last name fields side by side */ }
  .ctct-form-wrapper hr {
    margin: 1rem 0;
    border: .5px solid #ddd !important; }
  .ctct-form-wrapper input {
    padding: .5rem;
    width: 100%;
    box-sizing: border-box;
    border-radius: .5rem;
    border: 1px solid #ddd; }
  .ctct-form-wrapper .ctct-form-field-text {
    width: calc(50% - .5rem);
    display: inline-block; }
  .ctct-form-wrapper .last_name___f6f4c4f2c5cc114737933f70c3fff631 {
    margin-left: 1rem; }

/*   Misc Wordpress   */
/*.directors  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {@include phone {flex-basis: calc(50% - 2rem) !important;};}*/
@media (max-width: 781px) {
  .alignright, .alignleft {
    float: none !important;
    margin: 0 auto !important; } }

@media (max-width: 781px) {
  .logos img {
    max-width: 200px !important;
    height: auto; } }

.agenda {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300; }
  .agenda tr td:first-of-type {
    font-size: .8em;
    width: 20%; }
  @media (max-width: 980px) {
    .agenda .ghostkit-col-4 {
      --gkt-grid--column__size:100%; } }

/*   Mobile Menu   */
#main-nav {
  transition: right 0.5s ease;
  position: fixed;
  top: 0;
  right: 101%;
  width: 100%;
  height: 100%;
  padding: 1em;
  z-index: 1000;
  background-color: #3399cc;
  box-sizing: border-box;
  font-size: 1.25rem;
  line-height: normal;
  font-family: "Roboto Condensed", sans-serif; }
  #main-nav a {
    color: white;
    padding: 1rem;
    display: block;
    font-weight: 300; }
  #main-nav a:hover {
    text-decoration: none;
    background-color: #a2cae5; }
  #main-nav ul {
    margin: 0;
    list-style: none;
    padding: 0; }
    #main-nav ul .menu-item-has-children > a::after {
      content: "▼";
      margin-left: .5em;
      font-size: .5rem;
      padding-bottom: .5em;
      vertical-align: middle; }
    #main-nav ul ul {
      display: none;
      margin-left: 2rem; }
  #main-nav ul li:hover ul {
    display: flex;
    flex-direction: column; }
  #main-nav #close-nav {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: white !important; }
  #main-nav .donations {
    background-color: #a2cae5;
    color: black; }
  #main-nav .donations:hover {
    background-color: #d0e4f2; }

#main-nav:target {
  right: 0%; }