@import url(https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,600,600i,700,700i,800,800i);

/* IE10 viewport hack for Surface/desktop Windows 8 bug  */

@-ms-viewport {

  width: device-width; }

@-o-viewport {

  width: device-width; }

@viewport {

  width: device-width; }

* {

  overflow-wrap: normal; }



body.custom {

  color: #000;

  background-color: #7A8690;

  font-family: "Lato",sans-serif;

  font-size: 1.8rem;

  font-weight: 300;

  line-height: 1.625; }

  @media screen and (min-width: 899px) {

    body.custom {

      padding-top: 0px !important; } }



.custom .container {

  background-color: #ffffff;

  width: 100%; }

  @media screen and (min-width: 899px) {

    .custom .container {

      max-width: 900px; } }

  @media screen and (min-width: 1200px) {

    .custom .container {

      max-width: 1140px; } }



/* --------------HEADER--------------- */

.custom #header {

  background-color: #181C1E;

  color: #ffffff;

  border-top: none;

  border-bottom: none;

  padding: 15px; }

  @media screen and (min-width: 899px) {

    .custom #header {

      background-color: #7A8690;

      padding: 0px; } }



.custom .header {

  padding-left: 0px;

  padding-right: 0px; }



.custom #header .logo-container {

  display: inline-block;

  width: 100%; }

  @media screen and (min-width: 899px) {

    .custom #header .logo-container {

      max-width: 525px;

      padding: 30px 0;

      text-align: left; } }

  @media screen and (min-width: 1200px) {

    .custom #header .logo-container {

      max-width: 575px;

      width: 575px;

      padding: 30px 0;

      text-align: left; } }



.custom #header .logo-container img {

  margin: 20px auto; }

  @media screen and (min-width: 899px) {

    .custom #header .logo-container img {

      max-width: 150px;

      height: auto;

      border-right: 5px solid #fff;

      padding-right: 20px;

      margin-right: 20px;

      display: inline-block; } }

  @media screen and (min-width: 899px) {

    .custom #header .logo-container img {

      max-width: 150px;

      height: auto;

      border-right: 5px solid #fff;

      padding-right: 20px;

      margin-right: 20px;

      display: inline-block; } }



.custom #header #site_title {

  font-size: 2rem;

  font-weight: 900;

  line-height: 1.2;

  padding-top: 25px; }

  @media screen and (min-width: 899px) {

    .custom #header #site_title {

      font-size: 1.5rem;

      float: right;

      padding-top: 34px; } }

  @media screen and (min-width: 1200px) {

    .custom #header #site_title {

      float: right;

      padding-right: 60px;

      padding-top: 34px; } }



.custom #header #site_title a, .custom #header #site_title a:focus, .custom #header #site_title a:hover {

  color: #fff; }



.custom #site_tagline {

  display: none; }



.custom #header #site_title {

  text-align: center;

  background-color: #181C1E;

  color: #ffffff; }

  @media screen and (min-width: 899px) {

    .custom #header #site_title {

      text-align: left;

      background-color: #7A8690; } }



/* upper nav menu */

.custom .menu_control {

  background-color: #181C1E;

  color: #fff;

  text-align: center;

  font-size: 1.75rem;

  font-weight: 900; }

  @media screen and (min-width: 899px) {

    .custom .menu_control {

      background-color: transparent; } }

  @media screen and (min-width: 899px) {

    .custom .menu_control {

      background-color: transparent; } }



.custom .menu {

  float: right;

  margin-bottom: 60px; }

  @media screen and (min-width: 899px) {

    .custom .menu {

      border: none;

      padding: 60px 0px 0px;

      margin-bottom: 0px; } }



.custom .menu, .custom .menu a, .custom .menu .sub-menu {

  background-color: #48494C; }

  @media screen and (min-width: 899px) {

    .custom .menu, .custom .menu a, .custom .menu .sub-menu {

      border-color: none;

      background-color: transparent; } }



.custom .menu a {

  display: block;

  font-size: 18px;

  letter-spacing: 1px;

  line-height: 19px;

  padding: 15px;

  text-transform: uppercase;

  color: #ffffff;

  cursor: pointer; }

  @media screen and (min-width: 899px) {

    .custom .menu a {

      font-size: 14px;

      font-weight: 400;

      line-height: 1;

      background-color: #7A8690;

      border-style: none;

      border-width: 0;

      color: #ffffff;

      text-transform: uppercase;

      padding-left: 0px; } }

  @media screen and (min-width: 1200px) {

    .custom .menu a {

      padding-left: 10px; } }



@media screen and (min-width: 899px) {

  .custom .menu li:last-child a {

    padding-right: 0px; } }



@media screen and (min-width: 899px) {

  .custom .menu .current-menu-item > a {

    background-color: #7A8690; } }



/* --------------BUTTONS--------------- */

.button {

  display: inline-block; }



button, input[type="button"], input[type="reset"], input[type="submit"], .button, .featured-content .more-link {

  background-color: transparent;

  border: 1px solid #000;

  border-radius: 3px;

  color: #000;

  cursor: pointer;

  font-size: 1.4rem;

  font-weight: 400;

  line-height: 1.625;

  padding: 16px 32px;

  text-align: center;

  white-space: normal;

  width: auto; }

  @media screen and (min-width: 899px) {

    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .featured-content .more-link {

      padding: 4px 8px;

      font-size: 1rem; } }

  @media screen and (min-width: 1200px) {

    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .featured-content .more-link {

      padding: 8px 16px;

      font-size: 1.4rem; } }



a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img, p, h3 {

  transition: all 0.3s ease-in-out 0s; }



button:focus, button:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:focus, .button:hover, .featured-content .more-link:focus, .featured-content .more-link:hover {

  background-color: #000;

  color: #fff; }



a.button {

  text-decoration: none;

  margin: 15px 15px 5px 0px;

  font-size: 1rem;

  max-width: 270px; }



/* --------------FULL PAGE--------------- */

.full_page a {

  color: #5c0025; }



.full_page .post_box {

  padding: 0px; }



.full_page .headline_area, .news_frontpage .news_frontpage_headline_area, .archive_headline_area  {

  background-color: #f9f9f9;

  font-size: 1.6rem;

  padding: 35px;

  margin-bottom: 0px;

  text-transform: uppercase; }



.full_page .headline_area h1.headline, .news_frontpage .news_frontpage_headline_area h1.headline, .archive_headline_area h1.headline {

  font-size: 2rem;

  font-weight: 900; }



.full_page .columns > .content {

  width: 100%; }



.full_page .post_content {

  padding: 40px;

  background-color: #E8E9EA;

  font-size: 1.5rem;

  line-height: 1.3; }

  @media screen and (min-width: 899px) {

    .full_page .post_content {

      padding: 80px;

      font-size: 1.4rem;

      line-height: 1.3; } }

  @media screen and (min-width: 1200px) {

    .full_page .post_content {

      font-size: 1.6rem;

      line-height: 1.4; } }



.full_page .post_content h2 {

  font-size: 2rem;

  text-transform: uppercase;

  font-weight: 900;

  font-family: "Lato", sans-serif;

  line-height: 1.2;

  margin: 70px 0 50px; }

  @media screen and (min-width: 899px) {

    .full_page .post_content h2 {

      font-size: 1.6rem;

      line-height: 1.1; } }

  @media screen and (min-width: 1200px) {

    .full_page .post_content h2 {

      font-size: 2rem;

      line-height: 1.2; } }



/* --------------HOMEPAGE--------------- */

.homepage-row {

  width: 100%;

  clear: both;

  background-color: #F9F9F9;

  display: inline-block; }



.homepage-row h3 {

  padding: 15px;

  font-weight: 900;

  line-height: 1.2;

  font-size: 3rem; }

  @media screen and (min-width: 899px) {

    .homepage-row h3 {

      padding: 40px 40px 0px 40px;

      font-size: 1.3rem;

      text-transform: uppercase;

      font-weight: 900;

      font-family: "Lato", sans-serif;

      line-height: 1.2;

      margin: 0 0 10px; } }

  @media screen and (min-width: 1200px) {

    .homepage-row h3 {

      font-size: 1.6rem;

      padding: 60px 60px 0px;

      margin: 0 0 10px; } }



/* select first homepage row image */

.homepage-row-content > .homepage-image > a > img {

  width: 100%; }

  @media screen and (min-width: 899px) {

    .homepage-row-content > .homepage-image > a > img {

      width: 50%;

      float: right;

      padding-left: 40px; } }

  @media screen and (min-width: 1200px) {

    .homepage-row-content > .homepage-image > a > img {

      padding-left: 40px; } }



@media screen and (min-width: 899px) {

  .custom .homepage-row-content h3 {

    font-size: 2.25rem; } }

@media screen and (min-width: 1200px) {

  .custom .homepage-row-content h3 {

    font-size: 2.5rem;

    padding-bottom: 20px; } }



.custom .homepage-row-content p {

  padding: 0px 15px 15px 15px;

  line-height: 1.1; }

  @media screen and (min-width: 899px) {

    .custom .homepage-row-content p {

      padding: 0px 0px 10px 40px;

      font-size: 1.25rem;

      line-height: 1.25; } }

  @media screen and (min-width: 1200px) {

    .custom .homepage-row-content p {

      padding: 0px 60px 20px;

      font-size: 1.75rem;

      line-height: 1.25; } }



.custom .homepage-row-content > a.button {

  font-size: 1.4rem;

  margin-bottom: 15px;

  margin-left: 15px; }

  @media screen and (min-width: 899px) {

    .custom .homepage-row-content > a.button {

      font-size: 1.25rem;

      margin-left: 40px; } }

  @media screen and (min-width: 1200px) {

    .custom .homepage-row-content > a.button {

      font-size: 1.4rem;

      margin-left: 60px; } }



/* second row */

.homepage-row:nth-child(2) {

  background-color: #e7e7e7;

  padding-bottom: 0px;

  padding-top: 0px; }



.homepage-row:nth-child(2) ul {

  font-weight: 400;

  padding-left: 20px;

  word-spacing: 5px; }

  @media screen and (min-width: 899px) {

    .homepage-row:nth-child(2) ul {

      font-size: 1.2rem; } }

  @media screen and (min-width: 1200px) {

    .homepage-row:nth-child(2) ul {

      padding-left: 40px;

      font-size: 1.4rem; } }



.homepage-row:nth-child(2) li {

  text-align: left;

  list-style: disc;

  margin: 15px 0px 15px 30px; }

  @media screen and (min-width: 899px) {

    .homepage-row:nth-child(2) li {

      display: inline-block;

      list-style: none;

      margin: 15px 0px 15px 0px; } }



.homepage-row:nth-child(2) li > a {

  padding: 40px 0px 40px 0px;

  text-decoration: underline; }

  @media screen and (min-width: 899px) {

    .homepage-row:nth-child(2) li > a {

      padding: 40px 0px 40px 0px;

      text-decoration: none; } }



.homepage-row:nth-child(2) li.highlight {

  float: none; }

  @media screen and (min-width: 899px) {

    .homepage-row:nth-child(2) li.highlight {

      float: right; } }



.homepage-row:nth-child(2) li.highlight > a {

  background-color: transparent;

  color: #5c0025; }

  @media screen and (min-width: 899px) {

    .homepage-row:nth-child(2) li.highlight > a {

      background-color: #5c0025;

      color: #fff; } }



.homepage-row:nth-child(2) li a {

  text-transform: uppercase;

  padding: 20px;

  color: #000; }



.homepage-row:nth-child(2) li a:hover {

  background-color: #000;

  color: #fff; }



/* third row */

.homepage-row:nth-child(3) #program-pages-wrapper {

  text-align: center;

  padding-top: 20px; }



.homepage-row:nth-child(3) #program-pages-wrapper > div {

  width: 70%;

  display: block;

  margin: 40px auto;

  position: relative;

  vertical-align: top;

  background-color: #5C0025;

  /* IE fix. */

  *display: inline;

  zoom: 1; }

  @media screen and (min-width: 899px) {

    .homepage-row:nth-child(3) #program-pages-wrapper > div {

      height: 265px;

      display: inline-block;

      width: 18%;

      margin: 60px 30px 0px 30px; } }

  @media screen and (min-width: 1200px) {

    .homepage-row:nth-child(3) #program-pages-wrapper > div {

      height: 310px;

      display: inline-block;

      width: 18%;

      margin: 60px 30px 0px 30px; } }



.homepage-row:nth-child(3) #program-pages-wrapper > div img {

  margin-bottom: 15px; }



.homepage-row:nth-child(3) #program-pages-wrapper > div h4 {

  font-weight: bold;

  text-transform: uppercase;

  padding: 10px 20px;

  overflow-wrap: normal;

  line-height: 1.2;

  padding-bottom: 20px; }

  @media screen and (min-width: 899px) {

    .homepage-row:nth-child(3) #program-pages-wrapper > div h4 {

      font-size: 1.1rem;

      min-height: 150px;

      padding: 0px 20px;

      padding-bottom: 0px; } }

  @media screen and (min-width: 1200px) {

    .homepage-row:nth-child(3) #program-pages-wrapper > div h4 {

      font-size: 1.3rem;

      min-height: 200px; } }



.homepage-row:nth-child(3) #program-pages-wrapper > div h4 a {

  color: #fff; }



.homepage-row:nth-child(3) #program-pages-wrapper > div a.button {

  margin: 15px auto 50px;

  font-size: 1.5rem;

  color: #fff; }

  @media screen and (min-width: 899px) {

    .homepage-row:nth-child(3) #program-pages-wrapper > div a.button {

      margin: 15px auto 10px;

      position: absolute;

      bottom: 0px;

      left: 22%;

      font-size: 1rem; } }



.homepage-row:nth-child(3) #program-pages-wrapper:after {

  content: "";

  width: 100%;

  display: inline-block; }



/* --------------PROGRAM PAGES--------------- */

.program-page .dont-show-program-text {

  display: none; }



.program-page p {

  line-height: 1.8rem; }

  @media screen and (min-width: 899px) {

    .program-page p {

      font-size: 1.3rem;

      line-height: 1.3;

      margin-bottom: 10px; } }

  @media screen and (min-width: 1200px) {

    .program-page p {

      font-size: 1.5rem;

      line-height: 1.5; } }



@media screen and (min-width: 899px) {

  .program-page .program ul {

    margin-bottom: 5px; } }



.program-row {

  width: 100%;

  clear: both;

  background-color: #e8e9ea;

  display: inline-block; }



.program-row-dark {

  width: 100%;

  clear: both;

  background-color: #48494c;

  display: inline-block;

  color: #fff; }



.program {

  font-size: 1.25rem;

  line-height: 1.4;

  padding: 20px 35px 55px; }

  @media screen and (min-width: 899px) {

    .program {

      font-size: 1.2rem;

      line-height: 1.1;

      padding: 20px; } }

  @media screen and (min-width: 1200px) {

    .program {

      font-size: 1.2rem;

      line-height: 1.1;

      padding: 35px; } }

  @media screen and (min-width: 1200px) {

    .program {

      font-size: 1.4rem;

      line-height: 1.2;

      padding: 35px;

      overflow: hidden;

      max-height: 567px; } }



@media screen and (min-width: 899px) {

  .programs-main-page .program {

    padding: 70x 70px 0px 70px; } }

@media screen and (min-width: 1200px) {

  .programs-main-page .program {

    padding: 70px 70px 0px 70px; } }



h3.program-heading {

  font-size: 2.2rem;

  text-transform: uppercase;

  line-height: 1;

  font-weight: 900;

  margin-bottom: 20px; }

  @media screen and (min-width: 899px) {

    h3.program-heading {

      font-size: 1.8rem;

      line-height: 1.1;

      margin-bottom: 10px; } }

  @media screen and (min-width: 1200px) {

    h3.program-heading {

      font-size: 2.2rem;

      line-height: 1.1;

      margin-bottom: 20px; } }



.program-row > .program, .program-row > .program > h3.program-heading {

  color: #434343; }



.program-row-dark > .program, .program-row-dark > .program > h3.program-heading {

  color: #fff; }



.programs-main-page h3.program-heading {

  font-size: 2.5rem;

  line-height: 1.1; }

  @media screen and (min-width: 899px) {

    .programs-main-page h3.program-heading {

      font-size: 2.2rem;

      line-height: 1.1;

      padding-bottom: 10px; } }

  @media screen and (min-width: 1200px) {

    .programs-main-page h3.program-heading {

      font-size: 2.7rem;

      line-height: 1.1;

      overflow-wrap: normal; } }



.program ul {

  margin-bottom: 15px;

  margin-left: 40px; }



.programs-main-page .program ul {

  font-size: 1.6rem;

  line-height: 1.4; }

  @media screen and (min-width: 899px) {

    .programs-main-page .program ul {

      font-size: 1.4rem;

      line-height: 1.3; } }

  @media screen and (min-width: 1200px) {

    .programs-main-page .program ul {

      font-size: 1.6rem;

      line-height: 1.4; } }



.program-page .program a.button {

  font-size: 1.2rem;

  max-width: 400px;

  text-transform: uppercase; }

  @media screen and (min-width: 899px) {

    .program-page .program a.button {

      font-size: 1rem; } }



.programs-main-page .program a.button {

  color: #434343;

  padding: 8px 16px;

  text-transform: uppercase; }

  @media screen and (min-width: 899px) {

    .programs-main-page .program a.button {

      font-size: 1.4rem;

      line-height: 1.2; } }

  @media screen and (min-width: 1200px) {

    .programs-main-page .program a.button {

      font-size: 1.6rem; } }



.program-row > .program > a.button {

  color: #434343; }



.program-row > .program > a:hover.button, .programs-main-page .program-row .program a:hover.button {

  color: #fff; }



.program-row-dark > .program > a.button, .programs-main-page .program-row-dark .program a.button {

  color: #fff;

  border-color: #fff; }



.program-row-dark > .program > a:hover.button, .programs-main-page .program-row-dark .program a:hover.button {

  border-color: #000; }



.programs-main-page .post_content, .program-page .post_content {

  display: none; }



.program-picture {

  width: 50%; }



.program-picture img {

  margin-bottom: 0px !important; }



.program-picture-right {

  float: right;

  /* padding-left: 50px; */ }

  @media screen and (min-width: 899px) {

    .program-picture-right {

      padding-left: 20px; } }

  @media screen and (min-width: 1200px) {

    .program-picture-right {

      padding-left: 0px; } }



.program-picture-left {

  float: left; }



.programs-main-page .program-picture-left {

  padding-right: 0px; }

  @media screen and (min-width: 899px) {

    .programs-main-page .program-picture-left {

      padding-right: 30px; } }

  @media screen and (min-width: 1200px) {

    .programs-main-page .program-picture-left {

      padding-right: 0px; } }



.program-page .program-picture-left {

  padding-right: 0px; }

  @media screen and (min-width: 899px) {

    .program-page .program-picture-left {

      padding-right: 20px; } }

  @media screen and (min-width: 1200px) {

    .program-page .program-picture-left {

      padding-right: 0px; } }



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

  .program-picture-left, .program-picture-right {

    float: none; }



  .program-picture {

    width: 100%; } }





/* --------------SI YO PUEDO / WISDOM POWER AND CONTROL--------------- */



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

  img.siyoimg {

    float: none !important;

    width: 100%;

    max-width: 362px;

    height: auto;

     } }



/* --------------ABOUT PAGE--------------- */

.about-growing-healthy-texas {

  padding: 40px;

  background-color: #5c0025;

  color: #fff;

  text-align: center;

  border-radius: 20px;

  margin-bottom: 80px; }



.about-growing-healthy-texas h3 {

  font-size: 3rem;

  color: #fff;

  padding-bottom: 20px;

  line-height: 1.2; }



.video-container iframe {

  margin: 0 auto 10px; }



.about-growing-healthy-texas a.button {

  color: #fff;

  border-color: #fff;

  font-size: 1.5rem; }


/* --------------NEWS AND ARCHIVE FRONT PAGES--------------- */

.news_frontpage .columns > .content, .template-category .columns > .content{
  width: 66%;
  padding: 20px;
}


.news_frontpage .columns > .sidebar, .template-category .columns > .sidebar{
  width: 33%;
}

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

  .news_frontpage .columns > .content, .template-category .columns > .content{
    width: 100%;
  }
  
  .news_frontpage .columns > .sidebar, .template-category .columns > .sidebar{
    width: 100%;
    text-align: center;
  }

}

.news_frontpage a, .news_frontpage .grt .headline a {
	color: #5c0025;
}

.grt .headline a:hover {
  color: #5c0025;
  text-decoration: underline;
}

#categories-3 .screen-reader-text{
  display: none;
}



/* --------------CONTACT PAGE--------------- */

.contact-page .post_content h2 {

  margin: 0px 0px 20px 0px; }



/* --------------FOOTER--------------- */

.custom .footer {

  background-color: #181C1E;

  border-top: none;

  color: #fff; }



.footer-container {

  margin: 80px; }



.footer-links {

  width: 100%;

  text-align: center; }

  @media screen and (min-width: 899px) {

    .footer-links {

      float: right;

      width: 45%;

      text-align: left; } }



.footer-links a {

  color: #fff; }



.footer-links a:hover {

  color: #fff; }



.employee-links {

  display: block;

  width: 100%;

  margin: 50px auto;

  text-align: center; }

  .employee-links a {

    color: #fff;

    margin: 0px 20px;

    clear: both;

    display: block; }

    @media screen and (min-width: 899px) {

      .employee-links a {

        display: inline-block;

        clear: none; } }

  .employee-links a:hover {

    color: #fff;

    text-decoration: none; }



.footer-logos {

  width: 100%;

  text-align: center; }

  @media screen and (min-width: 899px) {

    .footer-logos {

      width: 47%;

      text-align: right;

      padding-top: 10px; } }



.footer-logos img {

  display: block;

  margin: 15px auto;

  vertical-align: top; }

  @media screen and (min-width: 899px) {

    .footer-logos img {

      width: 47%;

      text-align: right;

      display: inline-block;

      margin: 0; } }



.tamus-logo {

  margin-right: 20px; }



.tamus-logo img {

  max-width: 100px; }