/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* KYLE UHL ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* VARIABLES -  Fonts, colors, measurements, animations */
/* ---------------------------------------------------------------------------------------------- */
/* TYPOGRAPHY ----------------------------------------------------------------------------------- */
/* Import Font */
@import url("https://fonts.googleapis.com/css?family=Assistant:400,700|Lemon");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700");
/* Set Fonts */
body {
  font-family: "Assistant", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, #g-offcanvas {
  font-family: "Lemon", serif;
}
/* COLORS --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* Tools - Global mix-ins and functions */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* General - Browser resets/normalize styles, box sizing) */
/* ---------------------------------------------------------------------------------------------- */
#g-header, #g-intro, #g-features, #g-utility, #g-above, #g-testimonials, #g-expanded, #g-mainbar, #g-sidebar, #g-footer {
  padding-top: 0;
  padding-bottom: 0;
}
@media only all and (max-width: 48rem) {
  #g-mainbar .g-content {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #g-sidebar .g-content {
    margin-top: 0;
    padding-top: 0;
  }
  #g-sidebar .g-content .moduletable.how-you-can-help .g-title {
    margin-top: 0;
  }
}
/* ---------------------------------------------------------------------------------------------- */
/* Base Elements - Styles for HTML elements */
/* ---------------------------------------------------------------------------------------------- */
/* Set Font Colors */
p, h3, h4, h5, h6 {
  color: black;
}
h1, h2 {
  color: #08704f;
}
/* Set Font Weights */
h1, p {
  font-weight: 400;
}
h2, h3, h4, h5, h6 {
  font-weight: 400;
}
/* Set Font Size/Margins */
h1 {
  font-size: 2.25rem;
  line-height: 2.75rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
h3 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0rem;
}
h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0rem;
}
h5 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 1rem;
  margin-bottom: 0rem;
}
h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 1rem;
  margin-bottom: 0rem;
}
body p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0rem;
  margin-bottom: 1rem;
}
label {
  font-size: 1rem;
  line-height: 1.5rem;
}
a {
  text-decoration: none;
  color: #08704f;
}
a:hover {
  text-decoration: none;
  color: #6a6a6a;
}
p a {
  font-weight: 700;
}
ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
hr {
  border-bottom: 1px solid #ccc;
  clear: both;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
blockquote {
  border-left: 5px solid #08704f;
}
/* ---------------------------------------------------------------------------------------------- */
/* Components - Specific components unique to the design, .panel, .form, breadcrumb, nav */
/* ---------------------------------------------------------------------------------------------- */
/* MAIN NAVIGATION ------------------------------------------------------------------------------ */
.g-fixed-container {
  height: 8rem;
}
#g-navigation .g-content {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#g-navigation .g-main-nav {
  font-family: "Lemon", sans-serif;
}
@media only all and (max-width: 48rem) {
  #g-navigation {
    border-bottom: 1px solid #ccc;
  }
  .g-fixed-container {
    height: 4rem;
  }
}
/* Logo */
.ksu {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
@media only all and (max-width: 48rem) {
  .ksu {
    font-size: 2rem;
    line-height: 2rem;
  }
}
/* Toplevel */
#g-navigation .g-main-nav .g-toplevel {
  line-height: 3.125;
  text-align: center;
}
#g-navigation .g-main-nav .g-toplevel > li {
  margin: 0 0.75rem;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  color: #6a6a6a !important;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-title:hover, #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-title:focus {
  color: #08704f !important;
}
#g-navigation .nav-menu {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover, #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: #08704f !important;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  padding: 0;
}
#g-navigation .g-menu-parent-indicator {
  display: none;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: none;
  background: none;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  border: none;
  background: none;
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  box-shadow: none;
}
.g-menu-item .g-selected {
  color: #08704f;
}
/* Sub Level */
#g-navigation .g-main-nav .g-standard > .g-dropdown, #g-navigation .g-main-nav .g-fullwidth > .g-dropdown {
  top: 32.5px;
  box-shadow: 0px 2.5px 5px rgba(0, 0, 0, 0.15);
}
#g-navigation .g-main-nav .g-dropdown, #g-navigation .g-main-nav .g-dropdown > .g-dropdown-column, #g-navigation .g-main-nav .g-sublevel > li:not(:last-child) > .g-menu-item-container {
  border: none;
}
#g-navigation .g-main-nav .g-dropdown {
  background: #08704f;
  border-radius: 0;
}
#g-navigation .g-main-nav .g-sublevel > li {
  margin: 0;
  padding: 0.3rem 1rem 0.3rem;
  background: #08704f;
}
#g-navigation .g-main-nav .g-sublevel > li:hover {
  background: #9a2134;
  border-color: #9a2134;
}
#g-navigation .g-main-nav .g-sublevel .g-menu-item-title {
  color: #ffffff;
}
/* Off Canvas */
.g-offcanvas-toggle {
  position: fixed;
  top: 1rem;
}
.g-offcanvas-toggle:hover, .g-offcanvas-open .g-offcanvas-toggle {
  color: #08704f;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container {
  background: #9a2134;
}
/* BUTTONS ---------------------------------------------------------------------------------- */
.btn, .btn-primary, .remind .btn, .reset .btn, .rsform-submit-button {
  font-family: "Assistant", sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  text-shadow: none;
  background: #08704f;
  border: none;
  border-radius: 0.15rem;
  padding: 0.75rem 1rem;
  margin: 1rem 0rem 1rem;
}
.btn:hover, .btn-primary:hover, .remind .btn:hover, .reset .btn:hover, .rsform-submit-button:hover, .rsform-captcha-refresh-button:hover {
  background: #074531;
  color: #ffffff;
}
.btn.donate-btn {
  font-size: 1.5rem;
  line-height: 1.5rem;
  width: 100%;
  padding: 1rem 1.5rem;
}
/* MODULES ---------------------------------------------------------------------------------- */
/* Mental Health Websites */
.moduletable.website-links a {
  font-weight: 400;
}
.sidebar .g-content .platform-content {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* Mental Health RSS Feed */
.moduletable.rss-news .g-title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0rem;
  color: black;
}
div.srfrContainer ul.srfrList li {
  padding: 0.2rem 0 0.75rem;
}
.moduletable.rss-news .srfrPreText {
  font-size: 0.85rem;
  line-height: 1.1rem;
}
.moduletable.rss-news .srfrRow {
  padding-top: 0.4rem;
  padding-bottom: 0.9rem;
}
.moduletable.rss-news .srfrList a, .moduletable.rss-news .srfrList a:hover {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.2rem;
}
.moduletable.rss-news div.srfrContainer ul.srfrList li div.srfrFeedDetails {
  font-family: "Assistant", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.85rem;
  line-height: 1.35;
  letter-spacing: 0.04em;
  margin-top: 0.2rem;
  color: #6a6a6a;
}
/* ---------------------------------------------------------------------------------------------- */
/* Utilities - Utilities/helper classes that override, only place for !important */
/* ---------------------------------------------------------------------------------------------- */
/* KSU NAME ------------------------------------------------------------------------------------- */
#g-intro .moduletable.ksu-name {
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#g-intro .ksu-name h2 {
  margin-bottom: 0;
}
/* Flaoted Article Images ------------------------------------------------------------------------------------- */
.item-page img[style*="float: left"] {
  margin: 0px 0px 20px 20px;
}
.item-page img[style*="float: right"] {
  margin: 0px 0px 20px 20px;
}
@media only all and (max-width: 48rem) {
  .item-page img[style*="float: left"] {
    display: block;
    margin: 1rem auto 1rem;
    float: none !important;
    clear: both;
  }
  .item-page img[style*="float: right"] {
    display: block;
    margin: 1rem auto 1rem;
    float: none !important;
    clear: both;
  }
}
/* RSFORMS ------------------------------------------------------------------------------------- */
.rsform-submit-button.rsform-thankyou-button.btn.btn-primary {
  margin: auto;
  display: block;
  margin-top: 2rem;
}
.red, .star, .formRed, .formRequired, .formError, .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
  color: #08704f;
}
/* BLOG / NEWS VIEW ------------------------------------------------------------------------------------- */
/* Leading Item */
.blog .items-leading {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.blog .items-leading dl.article-info {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}
.blog .items-leading dl.article-info dd {
  font-family: "Assistant", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.blog .items-leading .items-row .icon-calendar {
  display: none;
}
.blog .items-leading .items-row .item h2 {
  margin-bottom: 0.15rem;
}
.blog .items-leading .page-header h2 {
  margin-bottom: 0.75rem;
}
/* Non-Leading Articles */
.blog .items-row dl.article-info {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}
.blog .items-row dl.article-info dd {
  font-family: "Assistant", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.blog .items-row .items-row .icon-calendar {
  display: none;
}
.blog .items-row .page-header h2 {
  font-size: 1rem;
  line-height: 1.3rem;
  margin-bottom: 0.5rem;
}
.blog .items-row dl.article-info dd {
  display: block;
}
.blog .items-row dl.article-info dd.published {
  font-weight: 400;
  color: #6a6a6a;
}
/* Article View ------------------------------------------------------------------------------------- */
.item-page dl.article-info {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}
.item-page dl.article-info dd {
  font-family: "Assistant", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.item-page .items-row .icon-calendar {
  display: none;
}
.item-page .items-row .item h2 {
  margin-bottom: 0.15rem;
}
.item-page .page-header h2 {
  margin-bottom: 0.75rem;
}
/* ---------------------------------------------------------------------------------------------- */
/* NOTES */
/* ---------------------------------------------------------------------------------------------- */
/*

REM Conversion
10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem

Media Queries
 //  typically min 75rem
@include breakpoint(large-desktop-range) {}

// typically range 60rem to 74.938rem
@include breakpoint(desktop-range) {}

// typically 48rem to 59.938rem
@include breakpoint(tablet-range) {}

// typically 30rem to 47.938rem
@include breakpoint(large-mobile-range) {}

// typically max 30rem
@include breakpoint(small-mobile-range) {}

// typically min 60rem
@include breakpoint(desktop-only) {}

// typically min 48rem
@include breakpoint(no-mobile) {}

// typically max 47.938 rem
@include breakpoint(mobile-only) {}

// typically max 59.938rem
@include breakpoint(no-desktop) {}

// Mobile Menu Breakpoint
@media only all and (max-width: $breakpoints-mobile-menu-breakpoint) { ... your css in here ... }

*/
/*# sourceMappingURL=custom_14.css.map */