/*

1. Base
2. Header
3. Footer
4. Index
5. Business Resources
6. Manage Your Land
7. Training
8. Contact
9. Events
10. Articles
11. Media
12. Registration

*/

/*     1. Base       */
a,
a:hover {
  color: #575757;
}

a:focus {
  outline: 1px solid blue;
}

p a {
  text-decoration: underline;
}

iframe {
  border: 0;
}

.page {
  width: 100%;
  margin: auto;
  flex: 1 0 auto;
  max-width: 2000px;
}

html {
  height: 100%;
}

body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.full-width {
  width: 100% !important;
}

.bg-blue {
  background-color: #007fa3;
  color: #fff;
}

.bg-blue h1 {
  margin-bottom: 0px;
}

.bg-blue p {
  margin-left: 1.5rem;
}

.color-blue {
  color: #00546b;
}

.sub_side {
  background: rgba(112, 112, 112, 0.075);
  padding-top: 1.5rem;
  height: 100%;
}

.sub_body {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.sub_list {
  padding: 0px 25px;
}

.list-item {
  padding: 10px 5px;
  border-bottom: 1px solid #151515;
  transition: background-color 500ms linear;
  background-color: rgba(112, 112, 112, 0.025);
}

.list-item span {
  color: #00546b;
  font-weight: 600;
  font-size: 1.15rem;
}

.list-item:hover {
  background-color: rgba(112, 112, 112, 0.1);
  transition: background-color 250ms linear;
}

.sub_list a {
  color: #151515;
}

.sub_list a:hover {
  text-decoration: none;
}

.sub_card {
  width: 95%;
  margin: auto;
  min-width: 225px;
  margin-bottom: 2rem;
}

.sub_card-head {
  text-align: center;
  font-size: 1.25rem;
  background: #00546b;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  margin: auto;
  padding: 5px;
  color: #fff;
  font-weight: 600;
}

.sub_card .sub_video {
  border: 2px solid #007fa3;
}

.sub_card .sub_list {
  padding: 0px;
}

.sub_card .list-item span {
  font-size: 1rem;
  font-weight: 500;
}

.sub_card .sub_card-audio {
  border: 1px solid #007fa3;
  padding: 15px 10px;
}

.sub_card .sub_card-audio span {
  font-size: 0.95rem;
}

.sub_card .sub_card-audio audio {
  width: 100%;
  margin-top: 1rem;
}

.sub_box-video {
  padding: 0.5rem;
}

.sub_box-video .video_container {
  padding-bottom: 56%;
  margin-bottom: -2%;
}

.sub_box-video h5 {
  padding-bottom: 0.75rem;
}

.sub_box-header {
  width: 100%;
  color: #007fa3;
}

.sub_box-hr {
  border-top: 5px solid #fff;
  margin-top: 0rem;
  margin-bottom: 1.25rem;
}

.sub_carousel {
  padding-right: 0px;
  padding-left: 0px;
}

.page_title {
  padding-left: 1rem;
}

a[href^="tel:"],
a[href^="mailto:"],
a[href^="tel:"]:hover,
a[href^="mailto:"]:hover {
  color: black;
}

.breadcrumb {
  padding: 0;
  margin-top: 1rem;
  list-style: none;
  background-color: transparent;
  font-size: 14px;
}

.breadcrumb-item a {
  color: #00546b;
  font-weight: 500;
  text-decoration: none !important;
}

.breadcrumb-item.active {
  color: #4c5457 !important;
}

.sub_nav {
  margin-left: -15px;
  margin-right: -15px;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}

.sub_nav .card {
  border: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.124);
}

.sub_nav .card-header {
  padding-right: 1.75rem;
}

.sub_nav .card-header {
  background-color: transparent;
  border-bottom: 0px;
  transition: background-color 500ms linear;
}

.sub_nav .card-header:hover {
  background-color: rgba(112, 112, 112, 0.1);
  transition: background-color 500ms linear;
}

.sub_nav-list {
  margin-left: -15px;
}

.sub_nav .card-body {
  padding: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.sub_nav-item {
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
  padding: 0.75rem 1.5rem;
  transition: background-color 500ms linear;
  color: #151515;
  background-color: rgba(112, 112, 112, 0.05);
}

.card-body a:last-of-type .sub_nav-item {
  border-bottom: none;
}

.sub_nav .card-header:hover {
  cursor: pointer;
}

.sub_nav a:hover {
  text-decoration: none;
}

.sub_nav-item:hover {
  background-color: rgba(112, 112, 112, 0.1);
  transition: background-color 500ms linear;
}

.sub_nav svg {
  margin-right: -1.5rem;
}

.card-header h5 {
  color: #151515;
}

.mt--1 {
  margin-top: -1rem;
}

@media (max-width: 767px) {
  .page_title {
    text-align: center;
    margin: auto;
    padding-left: 0px;
  }

  .text-align-sm {
    text-align: center;
  }

  .sub_carousel {
    padding-left: 0px;
  }
}

@media (max-width: 991px) {
  .text-align-md {
    text-align: center;
  }
}

/*     2. Header     */

header {
  flex: 0 1;
}

a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid #640d0d;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}

#search {
  margin-left: 40%;
  width: 25%;
  display: flex;
}

#search > #cse-search-box {
  width: 100%;
}

#mobile-search {
  padding-top: 1rem;
}

#header_top {
  background-color: #151515;
  margin: 0px;
}

.logo {
  max-width: 25%;
  margin: 1rem;
}

.logo img {
  width: 100%;
  padding-left: 15px;
}

.header_body {
  width: 100%;
}

.navbar-lg {
  width: 80%;
  margin: auto;
  padding: 0px;
  min-width: 768px;
  padding: 0px;
}

.navbar-lg a {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  color: #fff;
}

.navbar-lg a:hover {
  text-decoration: none;
}

.navbar-lg .tab {
  background-color: #151515;
  padding: 5px;
  padding-top: 7px;
  height: 40px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  transition: 250ms linear;
}

.navbar-lg .tab:hover {
  height: 43px;
  margin-top: -3px;
}

.navbar-lg .active {
  height: 43px;
  margin-top: -3px;
}

.tab-row {
  border-bottom: 10px solid #007fa3;
}

.top-links {
  margin: auto;
  margin-right: 2rem;
}

.top-link {
  color: #fff;
  font-size: 0.85rem;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  width: 33%;
}

.msu-logo img {
  padding-left: 15px;
  width: 50%;
}

.mobile-menu {
  width: 100%;
  background-color: #007fa3;
}

.mobile-menu .navbar-toggler {
  border-color: #fff;
}

.mobile-menu .tab {
  color: #fff;
  font-size: 1.25rem;
  border-bottom: 1px solid #fff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.nre_logo-sm {
  width: 90%;
  margin: auto;
  border-top: 1px solid #fff;
  margin-top: 0.25rem;
  padding-top: 0px;
  text-align: center;
}

.nre_logo-sm img {
  width: 80%;
  max-width: 25rem;
}

.mobile-menu a:hover {
  text-decoration: none;
}

.mobile-menu .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.logo_sm {
  width: 75%;
}

.logo_sm img {
  max-height: 60px;
  max-width: 300px;
}

.header_social svg {
  color: #151515;
  height: 100%;
  width: 2rem !important;
  padding: 0.2rem;
}

.header_social svg.fa-youtube {
  width: 2.5rem !important;
}

.header_social a {
  margin: 5px;
}

#mobile_social svg {
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  width: 2.5rem !important;
}

#mobile_social svg.fa-youtube {
  width: 3rem !important;
}

@media (max-width: 1300px) {
  .navbar-lg {
    width: 90%;
  }

  .navbar-lg .tab {
    font-size: 0.9rem;
    padding-top: 9px;
  }
}

@media (max-width: 1050px) {
  .navbar-lg {
    width: 95%;
  }
}

@media (max-width: 1050px) {
  .navbar-lg {
    width: 95%;
  }
}

/*    3. Footer     */

footer {
  background-color: #151515;
  flex-shrink: 0;
}

.address {
  padding-left: 1.5rem;
  min-width: 400px;
  padding-right: 0rem;
}

.address p {
  line-height: 1.25rem;
  color: #fff;
  font-size: 0.8rem;
}

.address img {
  float: left;
  max-width: 120px;
  margin-right: 0.25rem;
}

.address a {
  color: #fff;
}

.address a:hover {
  color: #fff;
}

.footer_social svg {
  width: 2rem !important;
  margin: 0.5rem 2rem;
  height: 2rem;
}

.social_bar {
  background: #282b2f;
}

.footer_social {
  text-align: center;
}

.footer_social svg.fa-youtube {
  width: 2.5rem !important;
}

a:hover svg.fa-youtube path {
  fill: #c4302b;
  transition: linear 250ms;
}

a:hover svg.fa-facebook path {
  fill: #3b5998;
  transition: linear 250ms;
}

.footer_social svg path {
  fill: #fff;
  transition: linear 250ms;
}

.footer_logo {
  text-align: center;
}

.footer_logo img {
  width: 100%;
  max-width: 350px;
}

.footer_links {
  padding-top: 0.5rem;
  text-align: left;
  color: #fff;
  padding-bottom: 1.5rem;
}

.footer_links p {
  line-height: 1.5rem;
  padding-bottom: 0.25rem;
  text-align: left;
  margin: auto;
}

.footer_links a {
  color: #fff;
  text-decoration: none;
}

.footer_links a:hover {
  text-decoration: underline;
}

.footer-top {
  padding-top: 1rem;
}

.disclosure {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 2em;
  padding-bottom: 2em;
  border-top: 1px solid #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
  font-size: 0.8em;
  color: white;
}

.disclosure a {
  color: white;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .address {
    text-align: center;
    padding: 1rem;
  }

  .address img {
    float: none;
  }

  .footer_links p {
    text-align: center;
  }

  .footer_links {
    text-align: center;
  }
}

/*     4. Index    */

.carousel {
  width: 100%;
}

.carousel:focus {outline:auto;}

.index_page {
  padding-right: 1rem;
  padding-left: 1rem;
  max-width: 1400px;
  margin: auto;
}

.index_page .sub_side {
  margin-bottom: -3rem;
}

.list-group p {
  margin-bottom: 0rem;
}

.index_body {
  padding: 10px 25px 10px 25px;
  /*border-right: .15rem solid #007FA3;*/
  height: 100%;
}

.index_body h1 {
  color: #00546b;
}

.index_video {
  margin: auto;
  text-align: center;
  background-color: #fff;
  padding: 15px;
  margin: 0px -10px;
  /*border-top: .1rem solid #007FA3;*/
}

.index_events {
  width: 90%;
  margin: auto;
}

.index_events a div {
  background: rgba(112, 112, 112, 0.05);
  color: black;
  transition: 500ms linear;
}

.index_events a:hover div {
  background: rgba(112, 112, 112, 0.1);
  transition: 500ms linear;
}

.carousel-item::after {
  display: block;
  position: absolute;
  width: 100%;
  content: "";
  height: 100%;
  top: 0;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(56, 56, 56, 0.45) 0%,
    rgba(15, 15, 15, 0.25) 50%,
    rgba(0, 0, 0, 0) 90%
  ); /* FF3.6-15 */
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(56, 56, 56, 0.45) 0%,
    rgba(15, 15, 15, 0.25) 50%,
    rgba(0, 0, 0, 0) 90%
  ); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(
    ellipse at center,
    rgba(56, 56, 56, 0.45) 0%,
    rgba(15, 15, 15, 0.25) 50%,
    rgba(0, 0, 0, 0) 90%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6383838', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.index_video.no_events {
  padding: 15px 25%;
}

.index_video h3 {
  color: #00546b;
  margin-bottom: 2rem;
}

.space-top {
  margin-top: 50px;
}

.video-height {
  height: 500px;
}

.webinar {
  color: black !important;
}

.sidebar-card {
  padding: 1rem 0rem;
}

.sidebar-card:first-of-type {
  border-bottom: 3px solid #007fa3;
}

.sidebar h4 {
  text-align: center;
  color: #00546b;
}

.sidebar a {
  color: #000;
}

.sub_box-head {
  background-color: #00546b;
  color: #fff;
  padding: 10px;
  font-size: 1.1rem;
  font-weight: 600;
}

.sub_box a {
  color: #000;
}

.sub_box-item {
  border: 2px solid #007fa3;
  padding: 0.75rem;
  border-top: 0px;
}

.sub_box_pubs .sub_box-item {
  min-height: 190px;
}

.sub_box-img {
  padding-right: 1rem;
  max-height: 175px;
}

.sub_box span {
  font-weight: 700;
}

.sub_box {
  margin-bottom: 1rem;
  padding-top: 1rem;
}

.sub_page-hr {
  margin-top: -0.5rem;
  border: 2px solid #007fa3;
}

@media (max-width: 1300px) {
  .index_video {
    padding: 15px 15%;
  }
}

@media (max-width: 1000px) {
  .index_video {
    padding: 15px 10%;
  }
}

@media (max-width: 767px) {
  .index_video {
    padding: 15px 5%;
  }

  .video-height {
    height: 250px;
  }

  .carousel-caption {
    display: none;
  }

  .index_body h1 {
    text-align: center;
  }

  .index_body {
    border-right: 0px;
  }

  .sidebar {
    text-align: center;
  }

  .workshops {
    border-bottom: none;
  }
}

/*    5. Business Resources    */

button.card-header {
  width: 100%;
  border: none;
  text-align: left;
}

.dropdown-menu.show {
  padding: 0px;
  width: 100%;
  margin-left: 0.075rem;
  background: rgba(256, 256, 256, 0.95);
}

.dropdown-menu.show .sub_nav-item {
  background: none;
}

.dropdown-menu.show .sub_nav-item:hover {
  background-color: rgba(112, 112, 112, 0.15);
  transition: background-color 500ms linear;
}

.sub_carousel .carousel-item .carousel-caption {
  bottom: 0;
  top: 40%;
}

.sub_carousel .carousel-item .carousel-caption h2 {
  font-size: 3.5rem;
}

.video_card {
  padding-bottom: 1rem;
}

.video_container {
  position: relative;
  height: 0;
  padding-bottom: 57%;
}

.video_container iframe {
  position: absolute;
}

.video_card-title {
  text-align: center;
}

.feature_header {
  margin-top: 1rem;
  padding: 25px 15px;
  width: 100%;
  background-color: #007fa3;
  color: #fff;
  margin-bottom: 1.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.feature_header h1 {
  background: #000;
  display: table;
  padding: 5px 15px;
}

.feature_header h2 {
  background:#005C75;
  display: inline-block;
  padding: 5px 15px;
  font-size:1.5rem;
}

.feature_header ul li {
  background: #000;
  display: table;
  padding: 2px 15px;
  margin: 5px;
  color:#fff;
}

.feature_header-img {
  margin: -10px -15px -10px 0px;
}

.feature_header-img img {
  height: 100%;
  float: right;
}

@media (max-width: 991px) {
  .feature_header-img {
    display: none;
  }

  .feature_header {
    padding-right: 15px;
  }

  .feature_header h1,
  .feature_header h3 {
    text-align: center;
  }
}

/*    6. Manage Your Land   */

.faq_ul {
  font-size: 1.1rem;
}

.faq_ul p {
  margin-top: 0.25rem;
}

.faq_ul b {
  color: #000;
}

.faq_ul li {
  padding-bottom: 1.5rem;
}

.feature_fade {
  background: linear-gradient(
    90deg,
    rgba(0, 127, 163, 1) 0%,
    rgba(0, 127, 163, 0.15) 50%,
    rgba(0, 127, 163, 0.05) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.manage_card-row .card {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  transition: box-shadow 500ms linear;
  height: 100%;
  text-align: center;
  border: none;
}

.manage_card-row .card:hover {
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.25);
  transition: box-shadow 500ms linear;
}

.manage_card-row .card .card-title {
  font-size: 1.5rem;
}

.manage_card-row a:hover {
  text-decoration: none;
}

.manage_card-row .card-img-top {
  width: 80%;
  border-radius: 0px;
  margin: auto;
  margin-top: 1rem;
}

@media (max-width: 992px) {
  .feature_fade {
    background: linear-gradient(
      360deg,
      rgba(0, 127, 163, 1) 0%,
      rgba(0, 127, 163, 0.25) 50%,
      rgba(0, 127, 163, 0.1) 100%
    );
  }
}

/*    7. Training           */

.nav-tabs > li > a {
  position: relative;
  display: block;
  padding: 10px 1.5rem;
  margin: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-family: "Open Sans Condensed";
  outline: none;
}

.nav-tabs > li > a:focus {
  outline: 1px solid blue;
}

.tab-click {
  transition: height 0.3s ease-out, top 0.3s ease-out, left 0.3s ease 0.3s,
    width 0.3s ease 0.3s;
  left: 50%;
  top: 75%;
  width: 0%;
  background-color: #007fa3;
  position: absolute;
  z-index: 1;
  height: 4px;
}

.tab-clicked .tab-click {
  transition: width 0.3s ease-out, left 0.3s ease-out, top 0.3s ease 0.5s,
    height 0.3s ease 0.5s, background-color 0.25s ease 0.5s;
  position: absolute;
  left: 0%;
  top: 0%;
  height: 100%;
  width: 100%;
  opacity: 1;
  background-color: transparent;
}

.tab-clicked a {
  transition: background 0.5s ease 0.5s, color 0.3s ease 0.4s,
    height 0.3s ease 0.5s;
  color: #fff !important;
  background: #00546b !important;
}

.submenu {
  width: 100%;
}

.submenu a:hover {
  text-decoration: none;
}

.tab-clicked a:focus {
  text-decoration: none;
  outline: 1px solid blue;
}

.fade {
  transition: opacity 0.25s linear;
}

.nav-pills > li + li {
  margin-left: 0px;
}

.nav-tabs {
  border-bottom: none;
  padding-left: 0px;
  padding-right: 0px;
}

.training_row {
  border-bottom: 4px solid #007fa3;
  border-top: 4px solid #007fa3;
}

.submenu li {
  text-align: center;
}

#output {
  padding-top: 1rem;
}

#output a {
  font-weight: bold;
}

@media (max-width: 991px) {
  .tab-click {
    left: 25%;
    width: 50%;
  }

  .submenu li {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .nav-pills > li {
    float: none;
  }
}

@media (max-width: 600px) {
  .submenu li {
    width: 100%;
  }
}

/*    8. Contact       */

.contact {
  padding: 1rem 1.5rem 1.5rem;
}

.contact_name {
  margin-bottom: 1.5rem;
}

.contact_hr {
  background-color: #007fa3;
  width: 95%;
  margin-top: 2rem;
  margin-bottom: 0rem;
  height: 0.15rem;
}

.contact_header {
  padding-top: 0.5rem;
}

.contact_img {
  text-align: center;
  padding-bottom: 1.5rem;
}

.contact_img > img {
  max-width: 100%;
}

.contact#first_contact {
  border-top: 0.25rem solid #007fa3;
}
.contact#last_contact {
  border-bottom: 0.25rem solid #007fa3;
}

@media (max-width: 767px) {
  .contact_name {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  #contact_about,
  #contact_contact {
    border: 0px;
  }

  #contact_about {
    border-bottom: 1px solid #007fa3;
  }
}

/*     9. Events     */

.event_list {
  width: 50%;
}

.event_map {
  width: 50%;
  padding: 10px;
}

#event_map {
  height: 100%;
  min-height: 500px;
}

.event_title {
  font-weight: bold;
}

.event_date {
  font-weight: bold;
  font-size: 1.1rem;
}

.event_links a {
  text-decoration: underline;
}

.event_hr {
  border-color: #151515;
  width: 90%;
  margin-bottom: 0rem;
  margin-top: 0rem;
}

.event_info {
  padding: 1.5rem 2rem 0.5rem;
}

@media (max-width: 991px) {
  .event_map,
  .event_list {
    width: 100%;
  }
}

/*     10. Articles      */

.article_content {
  width: 85%;
  margin: auto;
}

.article_title {
  margin-bottom: 1rem;
}
/*
.article_row:nth-of-type(odd){
	background-color: #007FA3;
	color: #fff;
}

.article_row:nth-of-type(odd) a{
	color: #fff;
	text-decoration: underline;
}*/

.article_row a {
  color: #000;
  text-decoration: underline;
}

.article_page li a {
  text-decoration: underline;
}

.article_row {
  width: 95%;
  margin: auto;
  padding: 10px;
  border-bottom: 0.15rem solid #007fa3;
}

.article_row:last-of-type {
  border-bottom: 0rem;
}

.article_img {
  margin-top: -1.75rem;
  float: right;
}

.article_img img {
  width: 100%;
}

.article_hr {
  width: 95%;
  margin-top: 0.25rem;
  border-top: 0.1rem solid #007fa3;
}

.article_body {
  padding-right: 0px;
}

.article_page figure.figure {
  padding: 0rem 1rem 0rem 1rem;
  margin-bottom: 0.5rem;
}

figure > img#gamma_grass {
  max-height: 315px;
  margin-top: -4.5rem;
}

figure > img#Food_plots,
figure > img#nature_trail {
  margin-top: -4.5rem;
}

figure > img#mushrooms {
  margin-top: -3.5rem;
}

.figure-caption {
  color: #4e545a !important;
}

.gallery a {
  text-align: center;
}

.gallery a img {
  width: 90%;
}

@media (max-width: 1300px) {
  .article_row {
    width: 90%;
  }

  figure.lg-full {
    width: 100%;
    text-align: center;
  }

  figure > img#nature_trail {
    margin-top: 0rem;
  }
}

@media (max-width: 1100px) {
  .article_img {
    margin-top: -0.5rem;
  }
}

@media (max-width: 1050px) {
  .article_row {
    width: 95%;
  }

  .article_img img {
    width: auto;
  }

  figure > img#Food_plots {
    margin-top: -2.5rem;
  }
}

@media (max-width: 991px) {
  .article_row {
    width: 100%;
  }

  figure > img#gamma_grass {
    margin-top: -1.5rem;
  }

  figure > img#Food_plots,
  figure > img#mushrooms {
    margin-top: 0rem;
  }

  figure.md-full {
    width: 100%;
    text-align: center;
  }

  .article_img {
    width: 90%;
    margin: auto;
    float: none;
    padding-bottom: 10px;
    text-align: center;
  }
  .article_title {
    text-align: center;
  }

  .article_body {
    padding-right: 10px;
  }
}

@media (max-width: 675px) {
  .article_page figure.figure {
    width: 100%;
    text-align: center;
  }

  figure > img#gamma_grass {
    margin-top: 0px;
  }
}

/*      11. Media     */

.media_row {
  width: 90%;
  margin: auto;
  max-width: 1300px;
}

.media_row .card {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  transition: box-shadow 500ms linear;
  height: 100%;
  text-align: center;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.media_row .col-12 {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

.media_row .card-img-top {
  width: 90%;
  margin: auto;
  border-radius: 0px;
  padding-bottom: 0.5rem;
}

.media_row .card-body {
  text-align: center;
}

.media_row .card-title {
  font-size: 1.4rem;
  margin-bottom: 0rem;
}

.media_row .card:hover {
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.25);
  transition: box-shadow 500ms linear;
}

.media_row a:hover {
  text-decoration: none;
}

/*
.media_card{
	width: 80%;
	margin: auto;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.media_card-head{
	background-color: #007FA3;
	padding: 10px;
	border-top-right-radius: 1.25rem;
	border-top-left-radius: 1.25rem;
}

.media_card-head span{
	color: #fff;
	font-weight: 600;
	font-size: 1.1rem;
}

.media_links a:hover{
	text-decoration: none;
}
*/

/*      12. Registration     */

.workshop_row {
  width: 90%;
  margin: auto;
  max-width: 1300px;
}

#event_radios .col-12 {
  padding-top: 0.5rem;
}

.carousel-control-next:focus,
.carousel-control-prev:focus {
  outline: 1px solid #0000ff !important;
}

/* Video Carousel Index */

.lift-small {
  box-shadow: 0 0.15rem 0.5rem 0 rgb(31 45 65 / 15%);
  -webkit-transition: box-shadow 0.15s ease-in-out,
    -webkit-transform 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-transform 0.15s ease-in-out;
  border: none;
}

.video-card .video-title {
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(3.5rem * 1.2 + 20px);
}

.video-card .video-title h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}

.video-card {
  margin: 10px 1%;
  border-radius: 0.25rem;
  width: 31%;
  background: #fff;
  counter-increment: carousel-cell;
  overflow: hidden;
  margin-bottom: 10px;
  transition: box-shadow 250ms linear;
}

.video-card img {
  max-width: 100%;
  height: auto;
}

.flickity-viewport {
  margin-top: 40px;
}

@media (max-width: 800px) {
  .video-card {
    width: 48%;
  }
}

@media (max-width: 600px) {
  .video-card {
    width: 70%;
    margin: 10px 5%;
  }

  .fig_box.float-right {
    max-width: 100%;
  }

  .fig_box {
    margin: 1rem 0.5rem;
  }
}

.resize-to-h5{
  font-size: 1.25rem;
}