/* ------------------------------> Put your custom styles here */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/fonts/OpenSans-Regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('/fonts/OpenSans-Light.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/fonts/OpenSans-SemiBold.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/OpenSans-Bold.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/fonts/opensans-italic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('/fonts/OpenSans-LightItalic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('OpenSans-BoldItalic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  

/* ------------------------------> Override Bootstrap */

p {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 300;
    text-align: left;
}

.navbar {
    border: 0px;
}

.navbar-right {
    margin-right: 0px;
}

.strong-red {
    color: #ff0000;
}

.header-logo {
    background-image: url('../images/home-header.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    vertical-align: top;
    margin-left: -15px;
    height: 110px;
    display: flex;
    align-items: flex-end;
    width: 500px;
}

/* ------------------------------> End Bootstrap override */

/* ------------------------------> Main styles from blocks.css and style-library-1.css that I need to control directly. */
/* blocks.css */
#header-2 .main-nav .navbar-toggle {
    border: 1px solid #ddd;
    color: #FFF;
    margin-right: 0;
    margin-top: 0;
    background: none;
    right: 10px;
}

#header-2 .main-nav .nav {
    margin-top: 0px;
}

#header-2 .main-nav .navbar-nav > li a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    color: #FFF;
    background: none;
}

#header-2 .navbar-toggle .icon-bar {
    background-color: #fff;
}

#header-2 .navbar-toggle:hover .icon-bar {
    background-color: #3498DB;
}

#header-2 .main-nav .navbar-nav > li a:hover {
    color: #3498DB;
}

#header-2 .main-nav .navbar-nav > li.active a {
    color: #3498DB;
}

#header-2 .main-nav .navbar-nav > li a:focus {
    outline: none;
}

#header-3 nav ul li a {
    color: rgba(255, 255, 255, 0.6);
    display: block;
    padding: 20px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding-left: 0;
    position: relative;
}

#header-3 nav {
    background-color: #233447;
    margin-top: -1px;
}

#header-3 nav ul {
    list-style: none;
    padding: 0;
}

#header-3 nav ul li {
    border: 0px;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    border: 0px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding-left: 0;
    position: relative;
}


.btn.btn-default {
    color: #337ab7;
}

/* JK ADD FOR DEFAULT BUTTON OVERRIDE 11-12-21 */
.btn:hover {
    background: #bdc3c7;
}

.contact-1 .contact-info span {
    margin-right: 7px;
    color: #1abc9c;
    padding-right: 5px;
}

.contact-1 .form-container {
    margin-top: 60px;
}

.content-block {
    padding: 20px 0px 0px 0px;
    z-index: 10;
}

.content-1-3 {
    text-align: center;
}

.footer-1-3 .footer-text {
    border-top: #ecf0f1 0px solid;
    text-align: center;
    margin-top: 10px;
}

h1, .h1 {
    display: block;
    color: #fff;
    text-shadow: #000 2px 2px 8px;
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: 1.0;
    margin: 0px;
    padding: 10px;
}

h2, .h2 {
    font-size: 30px;
    font-weight: 600;
    color: #31152B;
    font-family: "Open Sans";
    text-align: center;
}

h3 {
    font-size: 40px;
    color: rgb(52, 152, 219);
    font-family: "Open Sans";
    text-align: center;
    font-weight: 500;
}

h4 {
    font-size: 33px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: "Open Sans";
    text-align: center;
}

.hero {
    background: url('../images/home-mission.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 80px 0px 50px 0px;
    margin-top: 100px; 
}

.hero h1 {
    font-size: 30px;
    font-weight: 600;
    color: #31152B;
}

.hero .lead {
    font-weight: 100;
    color: #723147;
}

.meeting-title {
    text-align: left;
    font-weight: 600;
    font-size: 20px;
}

.meeting-presenter {
    text-align: left;
    font-style: italic;
    font-size: 16px;
    margin-top: -15px;
}

.meeting-info {
    text-align: left;
    font-weight: normal;
    font-size: 16px;
}

.meeting-map {
    text-align: left;
    color: #3498DB;
}

.meeting-button {
    text-align: left;
    margin-bottom: 50px;
}

.member-login {
    padding-top: 145px;
    padding-bottom: 45px;
    text-align: center;
    padding-left: 10%;
}

/* DELETE */
.SectionTitle {
    padding-bottom: 30px;
}

/* DELETE */
.SectionTitle h1 {
    margin-bottom: 15px;
}

/* DELETE */
.underline-h1 {
    border-bottom: 3px solid currentColor;
    padding-bottom: 10px;
    color: #3498DB;
}

.whoweare_text p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 300;
    text-align: left;
}


/* ------------------------------> style-library-1 */

em {
    color: inherit;
}

.lead {
    font-size: 18px;
}

.footer-1-3 {
    padding-top: 40px;
    padding-bottom: 10px;
}

/* ------------------------------> End styles from blocks.css and style-library-1.css overrides  */

/* ------------------------------> To adjust the name and title for members. */

/* Only for Fred Editor and Executive Council members section.
   To keep the member sections in the editor view inline. 
   Without this style for the Fred Editor, the members would line up
   vertically and not inline. This make it difficult to know just how
   many members are in a row. We need to keep it to 3 MAXIMUM for each row. */
#about > .container > .fred--block > .fred--block_content > .row > .fred--block {
    float: left;
    width: 32%;
}

#about > .container > .fred--block > .fred--block_content > .row > .fred--block > .fred--block_content > .col-md-4 {
    width: 100%;
}

h2.title {
  font-size: 26px;
  font-weight: 100;
  margin-bottom: 0px;
}

h3.title {
  font-size: 26px;
  font-weight: 100;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
}

h4.title {
    font-size: 23px;
    font-weight: 500;
    margin-top: 10px;
}

.more p {
    font-size: 15px;
    text-align: center;
}

.team-1 h2 {
    margin-bottom: 5px;
  }

/* ------------------------------> End Team Updates */

/* ------------------------------> General styles */

a,
a:visited {
    color: #337ab7;
    text-decoration: none;
}

a:hover {
    color: #111111;
}

/* Use this hack to make links on a one page site not hide under the nav header */
/* Create a span tag above the section named with the anchor ID and assign this class. */
/* Adjust the height and margin to the size of the nav header. */
/* <span class="anchorMove" id="contact"></span> */
/* https://pixelflips.com/blog/anchor-links-with-a-fixed-header */
.anchorMove {
    display: block;
    height: 110px; /*same height as header*/
    margin-top: -110px; /*same height as header*/
    visibility: hidden;
}

.add25MBottomMargin {
    margin-bottom: 25px;
}

.add25TopMargin {
    margin-top: 25px;
}

.add50TopMargin {
    margin-top: 50px;
}

.bio-default {
    display: inline-block;
    vertical-align: top;
}

.bio-button {
    color: #FFF;
    background: #3497db;
    padding: 10px 20px;
    margin-bottom: 25px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-shadow: none;
    border: none;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 2px #bdc3c7;
}

.bio-button:hover {
    background: #9fd7fd;
}

.bio-read {
    display: inline-block;
    text-align: center;
}

.bio-close {
    display: none;
    text-align: center;
}

.brand-name {
    display: block;
    color: #fff;
    text-shadow: #000 2px 2px 8px;
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: 1.0;
    margin: 0px;
    padding: 10px;
    font-family: "Raleway", sans-serif;
}

.center-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.divideit {
    border-bottom: 1px solid;
    width: 50%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 30px;
}

.footer-1-3 p {
    color: #fafafa;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.map-margin {
    margin-bottom: 25px;
}

.more {
    display: none;
    margin-bottom: 10px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.pushTop {
    padding: 80px 0px 50px 0px;
    margin-top: 100px;
}

.shadow {
    box-shadow: 2px 2px 2px 1px #888888;
}

.text-over {
    position: absolute;
    color: #113cad !important;
    top: 0px;
    left: 0px;
    width: 100%;
}

/* ------------------------------> End general styles */

/* ------------------------------> Scroll to top of page style, for long pages. */
a.back-to-top {
    display: none;
    position: fixed;
    font-size: 400%;
    width: 60px;
    height: 60px;
    bottom: 15px;
    right: 15px;
    text-decoration: none;
    background: #3497db;
    border-radius: 8px;
    padding: 2px;
    z-index: 100;
}

a.back-to-top:visited {
    color: white;
    text-decoration: none;
}

a.back-to-top:hover,
a.back-to-top:focus {
    text-decoration: none;
    color: #DDD;
}

a.back-to-top i {
    display: block;
}

/* ------------------------------> End scroll to top styles */


/* ############################### Media Queries ############################### */
/* ------------------------------> Change the size of the company name text - max-width: 1200px*/
@media (max-width: 1200px) {
    .brand-name {
        display: block;
        color: #113cad;
        color: #fff;
        font-size: 18px;
        line-height: 25px;
        font-weight: 700;
        font-family: "Raleway", sans-serif;
    }
}

/* ------------------------------> To set the point at which the mini menu appears - max-width: 991px */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .underline-h1 {
      padding-bottom: 0px;
      border-bottom: 0px;
    }
}

/* ------------------------------> To set the point at which the mini menu appears - max-width: 768px */
@media (max-width: 768px) {
    .xteam-member {
        width: 100%;
        margin: 20px 10px;
    }

    .brand-name {
        font-size: 20px;
    }

    #header-3 nav ul li a {
      padding: 5px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header-logo {
        width: 350px;
    }

    .brand-name {
        font-size: 20px;
    }

    #header-2 .main-nav .navbar-nav > li a {
        font-size: 14px;
    }
}

/* ------------------------------> To set the point at which the mini menu appears - min-width: 769px and max-width: 991px */
@media (min-width: 769px) and (max-width: 991px){
    .xteam-member {
        width: 40%;
        margin: 20px 10px;
    }

    .header-logo {
        width: 90%;
    }

    .brand-name {
        font-size: 24px;
    }

    #header-3 nav ul li a {
      padding: 5px;
    }
}

@media (min-width: 400px) and (max-width: 768px) {
    .header-logo {
        width: 85%;
    }
}

@media (min-width: 991px) {
    .col-lg-4,
    .col-md-6 {
        float: left;
    }
}