/***************************************************************************************************/
/* 2016-06-28: Dominant color: #796cb aka 119,150,203 Secondary color = #4c101e aka 76,16,30,0.95; */
/***************************************************************************************************/

a, #header ul.menu li a.active, #header ul.menu li.active-trail>a, .mean-container a.meanmenu-reveal, ul.menu li a,
.footer-area ul.menu li.collapsed > a:before, .footer-area ul.menu li.expanded > a:before, .block-search .form-actions:after,
.post-submitted-info i, #comments h2.title i, .field-type-taxonomy-term-reference .field-item a, .view-listing-info .views-field i,
.view-listings-map-block .view-header, .item-list ul.quicktabs-tabs > li.active > a:after, .nav-tabs > li.active > a:after,
.item-list ul.quicktabs-tabs > li > a:hover:after, .nav-tabs > li > a:hover:after, .header-top-area .item-list ul.quicktabs-tabs > li > a:hover:after,
.header-top-area .nav-tabs > li > a:hover:after, .more-link a, .views-field-view-node a, a.button, a.more,
button.cbutton-effect, #toTop, .view-listings-map-block .view-footer,
li a.active { color: #7796cb; }

.colored-region .item-list ul.quicktabs-tabs > li > a:hover:after, .colored-region .nav-tabs > li > a:hover:after { color: #7796cb!important; }

#header-top, #highlighted, #footer.colored-region, .mean-container a.meanmenu-reveal span, .mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li a.mean-expand:hover, .post-progressbar,
.node-mt-listing .field-type-taxonomy-term-reference .field-item a, .listing-contact-info-container .icon, .view-promoted-items .icon,
.view-categories .view-category-item, input[type="submit"], input[type="reset"], input[type="button"],
.item-list ul.quicktabs-tabs > li > a:hover, .nav-tabs > li > a:hover, .item-list ul.quicktabs-tabs > li.active > a:hover,
.nav-tabs > li.active > a:hover, #footer:not(.colored-region) .nav-tabs > li.active > a:hover, .panel-title a,
.progress-bar.progress-bar-default, .poll .bar .foreground, .checkout-buttons .checkout-cancel, .checkout-buttons .checkout-back
{ background-color: #153162; }

.view-pricing-tables .pricing-table, .subscribe .container-inline input.form-text, .more-link a, .views-field-view-node a,
a.button, a.more, button.cbutton-effect, .cbutton-effect::after, ul.links li a, #toTop,
.view-pricing-tables .pricing-table-footer input[type="submit"], .subfooter-area ul.menu li a,
.item-list ul.quicktabs-tabs, .nav-tabs { border-color: #7796cb; }

#header ul.menu li a:hover, #header ul.menu li.sfHover>a, .view-categories .view-category-item:hover { border-bottom-color: #4c101e; }
/* 2080628: Was { border-bottom-color: #7796cb; } */

.item-list ul.quicktabs-tabs > li.active > a,
.nav-tabs > li.active > a { border-color: #7796cb!important; }

.listing-banner-caption .taxonomy-term a, .view-listings .category-item a { background-color: rgba(76,16,30,1); }

a:hover, a:focus, li a.active:hover, ul.menu li a:hover, ul.menu li > a:hover:before, .footer-area ul.menu li a:hover,
.footer-area ul.menu li > a:hover:before, .footer-area ul.menu li.expanded > a:hover:before, .listing-banner-caption i.fa,
.node-mt-listing > header i, div.fivestar-widget-static .star:before, div.fivestar-widget-static .star span.on:before, div.fivestar-widget .star:before,
div.fivestar-widget .star a:before, div.fivestar-widget div.hover a:before, div.rating div a:hover:before, div.fivestar-widget div.on a:before,
.view-listing-info .map-link-container .location.map-link:before, .view-objects .views-row:hover .views-field-title a,
.view-objects .views-row:hover .views-field-body, .colored-region .item-list ul.quicktabs-tabs > li.active > a:after,
.colored-region .nav-tabs > li.active > a:after, .colored-region .item-list ul.quicktabs-tabs > li > a:hover:after,
.colored-region .nav-tabs > li > a:hover:after, .listing-banner-caption .map-trigger a.opened:after { color: #4c101e; }

#header ul.menu li a:hover, #header ul.menu li.sfHover>a, ul.pager li > a:hover, ul.pager li > a:focus, .field-type-taxonomy-term-reference .field-item a:hover,
.node-mt-listing .field-type-taxonomy-term-reference .field-item a:hover, .listing-banner-caption .taxonomy-term a:hover,
.view-promoted-items .views-row:hover .icon, .colored-region .view-promoted-items .views-row:hover .icon,
.view-popular-tags .views-row a:hover, .footer-area .view-popular-tags .views-row a:hover,
.colored-region .view-popular-tags .views-row a:hover, .view-categories .view-category-item:hover,
.colored-region .view-categories .view-category-item, ul.social-bookmarks li a:hover, ul.brands li a:hover,
.header-top-area ul.social-bookmarks li a:hover, .header-top-area ul.brands li a:hover,
ul.social-bookmarks.large li a:hover, ul.brands.large li a:hover, .colored-region ul.social-bookmarks li a:hover,
.colored-region ul.brands li a:hover, .more-link a:hover, .views-field-view-node a:hover, a.button:hover, a.more:hover,
button.cbutton-effect:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
#main .webform-client-form .form-actions input:hover, .colored-region input[type="submit"]:hover, .colored-region input[type="reset"]:hover,
.colored-region input[type="button"]:hover, ul.links li a:hover, .colored-region .item-list ul.quicktabs-tabs > li > a:hover,
.colored-region .nav-tabs > li > a:hover, .colored-region .item-list ul.quicktabs-tabs > li.active > a:hover,
.colored-region .nav-tabs > li.active > a:hover, .panel-heading a:hover,
.view-pricing-tables .pricing-table-footer input[type="submit"]:hover, .checkout-buttons .checkout-cancel:hover,
.checkout-buttons .checkout-back:hover { background-color: #FFF; }
/* 20180628: Was - { background-color: #7796cb; } */

#header-container .sf-menu ul li a:hover, #header-container .sf-menu ul li.sfHover>a, #header-container .sf-menu ul li>a.active,
#header-container .sf-menu ul li.active-trail>a, .tp-bannertimer { background-color: #FFF; }
/* 20180628 - Was { background-color: rgba(15,31,62,1); } */

.field-type-taxonomy-term-reference .field-item a:hover, .colored-region .view-listings .listing-container,
.colored-region .view-promoted-items .views-row:hover .icon, .view-popular-tags .views-row a:hover,
.colored-region .view-categories .view-category-item:hover, ul.social-bookmarks li a:hover, ul.brands li a:hover, .colored-region input[type="submit"]:hover,
.colored-region input[type="reset"]:hover, .colored-region input[type="button"]:hover, ul.links li a:hover,
.listing-banner-caption #map-canvas-container, .view-pricing-tables .pricing-table-footer input[type="submit"]:hover { border-color: #636363; }

.more-link a:hover, .views-field-view-node a:hover, a.button:hover, a.more:hover, button.cbutton-effect:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
#main .webform-client-form .form-actions input:hover, .checkout-buttons .checkout-cancel:hover,
.checkout-buttons .checkout-back:hover { border-color: #636363!important; }

.colored-region .item-list ul.quicktabs-tabs > li.active > a,
.colored-region .nav-tabs > li.active > a { border-bottom-color: #636363!important; }

.colored-region .footer-area h2.title, .colored-region .item-list ul.quicktabs-tabs, .colored-region .nav-tabs { border-bottom-color: #636363; }

.view-listings .category-item a:hover { background-color: rgba(99,99,99,0.95); }

#header-container .sf-menu ul, .mean-container .mean-nav { background-color: rgba(99,99,99,0.92); }

.overlay, .overlayed-teaser a:before, #image-slider-carousel ul.slides>li:after { background-color: rgba(99,99,99,0.8); }


/*resets*/
/***************************************************************************************************/
/* Changed all #fff to #153162 because it was totally messing up the menus (among other things.*/
/***************************************************************************************************/
#header ul.menu li a:hover, #header ul.menu li.sfHover>a { color: #000; }
/* 20180628: Was - { color: #deb04d; } */

.colored-region ul.menu li a:hover { color: #ffffff; }

.colored-region ul.menu li > a:hover:before, .colored-region ul.menu li.expanded > a:hover:before,
.colored-region ul.menu li.collapsed > a:before, .colored-region ul.menu li.expanded > a:before { color: #ffffff; }

.item-list ul.quicktabs-tabs > li > a:hover:after, .nav-tabs > li > a:hover:after { color: #0F0; }


/**********************************************************/
/*SUPERFISH CSS - COULD NOT GET IT TO WORK OUTSIDE OF THIS*/
/**********************************************************/

/* 2016-06-28: Created on this date. Based off of the Superfish ""
Note that (per https://www.drupal.org/node/1125896 - See "How to Style") the "style-none" is critical for this to function,
and it can only function if the Superfish style is set to "none". */;

.sf-menu.sf-style-none {
  float: left;
  margin-bottom: 5px;
  padding: 0;
}
.sf-menu.sf-style-none.sf-navbar {
  width: 100%;
}
.sf-menu.sf-style-none ul {
  padding-left: 0;
}
.sf-menu.sf-style-none a {
  border: 1px solid #FFF;
  color: #FF00FF;
  padding: 0.75em 1em;
}
.sf-menu.sf-style-none a.sf-with-ul {
  padding-right: 2.25em;
}
.sf-menu.sf-style-none.rtl a.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
.sf-menu.sf-style-none.sf-navbar a {
  border: 0;
}
.sf-menu.sf-style-none span.sf-description {
  color: #FF00FF;
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0 0 5px;
  padding: 0;
}
.sf-menu.sf-style-none li,
.sf-menu.sf-style-none.sf-navbar {
  background: #FFF; /* 2016-10-27: Was #DDD; 2016-08-17 Was #153162 - TexVet dark blue */
}
.sf-menu.sf-style-none li li {
  background: #153162 /* 2016-10-27 - was 4c101e - TexVet red */
}
.sf-menu.sf-style-none li li li {
  background: #7796cb;
}
.sf-menu.sf-style-none li:hover,
.sf-menu.sf-style-none li.sfHover,
.sf-menu.sf-style-none li.active a,
.sf-menu.sf-style-none a:focus,
.sf-menu.sf-style-none a:hover,
.sf-menu.sf-style-none a:active,
.sf-menu.sf-style-none.sf-navbar li li {
  background: #FFF; /*2016-10-27: was 153162, before that 4c101e, and before that 7796cb *******************************************/
  color: #FFFF00;
}
.sf-menu.sf-style-none.sf-navbar li ul {
  background-color: #7796cb;
}
.sf-menu.sf-style-none.sf-navbar li ul li ul {
  background-color: transparent;
}
.sf-menu.sf-style-none .sf-sub-indicator {
  background-image: url('../images/arrows-ffffff.png');
}
.sf-menu.rtl.sf-style-none .sf-sub-indicator {
  background-image: url('../images/arrows-ffffff-rtl.png');
}
.sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol li {
  margin: 0;
  padding: 0;
}
.sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent {
  font-weight: bold;
}
.sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  display: inline;
  float: left;
  width: 12em;
}
.sf-menu.sf-style-none.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  float: right;
}
.sf-menu.sf-style-none li.sf-parent-children-1 ul.sf-megamenu {
  width: 12em;
}
.sf-menu.sf-style-none li.sf-parent-children-2 ul.sf-megamenu {
  width: 24em;
}
.sf-menu.sf-style-none li.sf-parent-children-3 ul.sf-megamenu {
  width: 36em;
}
.sf-menu.sf-style-none li.sf-parent-children-4 ul.sf-megamenu {
  width: 48em;
}
.sf-menu.sf-style-none li.sf-parent-children-5 ul.sf-megamenu {
  width: 60em;
}
.sf-menu.sf-style-none li.sf-parent-children-6 ul.sf-megamenu {
  width: 72em;
}
.sf-menu.sf-style-none li.sf-parent-children-7 ul.sf-megamenu {
  width: 84em;
}
.sf-menu.sf-style-none li.sf-parent-children-8 ul.sf-megamenu {
  width: 96em;
}
.sf-menu.sf-style-none li.sf-parent-children-9 ul.sf-megamenu {
  width: 108em;
}
.sf-menu.sf-style-none li.sf-parent-children-10 ul.sf-megamenu {
  width: 120em;
}

/************************************************************/
/* Special Sauces (ie: Custom styling for specific regions) */
/************************************************************/

/***************************************/
/*** Rainbow Pages STYLING ***/
/***************************************/
/* 2018-11-28 */

@page {
	size: auto;
 	margin: 1em;
 	orphans:4; widows:2;
}

@media print { 
  body.page-tamuvrc-rainbow {font-size: 12pt; line-height: 100%; background: white;} /*** 2018-10-03: Added ".page-tamuvrc-rainbow" to limit scope. ***/
  .noprint {display:none;}
} 

.rcolorbutton {
  flex-grow: 1;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #500000;
  display: inline-block;
  cursor: pointer;
  background-color: var(--primary-background);
  color: white;
  font-family: "Arial Black", Gadget, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding: 20px 20px;
  margin: 3px;
  text-decoration: none;
}

.rwhitebutton {
  flex-grow: 1;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #500000;
  display: inline-block;
  cursor: pointer;
  background-color: white;
  color: var(--primary-text);
  font-family: "Arial Black", Gadget, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding: 20px 20px;
  margin: 3px;
  text-decoration: none;
}
.rbutton:hover {
  background-color: white;
}
.rbutton:active {
  position: relative;
  top: 1px;
}
.rbuttonbox {
    display:flex;
  flex-direction: row;
  flex-wrap: wrap;
   padding-left: .5em;
  padding-bottom: .5em;
}
.rainbow-img-container {
    background: url(/sites/default/files/2016-05/reusable_images/tam-logo-maroon_0.png);
}

.rainbowlistingmasterbox{
  
}

.rainbowtopicbox {
}

.rainbowsubheaders {
  text-align: left;
  vertical-align: middle;
  min-height: 50px;
  border-bottom: 1px solid black;
  padding-left: .5em;
  font-family: "Arial Black", Gadget, Arial, sans-serif;
  color: #363436;
  font-size: 150%;
}

.rainbowdatabox{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
   padding-left: .5em;
  padding-top: 5px;
}

.rainbowdata {
display: inline-block;
  word-wrap: break-word;
  margin-right: 3em;
  font-family: "Arial", Gadget, Arial, sans-serif;
}


.rainbowonoff {
  float: left;
  font-family: "Arial Black", Gadget, Arial, sans-serif;
  width: 100%;
  font-size: 44px;
  font-weight: bold;
  padding-left: .5em;
}

.rainbowtextwhite {
  color: white;}
  
.rainbowcolormaroon {
  background-color: #500000;
}

.vrctamu {
  --primary-background: #500000;
  --primary-text: #500000;
}
.vrctamuc {
  --primary-background: #00376d;
  --primary-text:#00376d;
}

.vrctamucc {
   --primary-background: #00386c;
  --primary-text:#00386c;
}

.vrcpvamu {
   --primary-background: #4f2582;
  --primary-text:#4f2582;
}

.vrcpvamu {
   --primary-background: #4f2582;
  --primary-text:#4f2582;
}

.vrctarleton {
   --primary-background: #4F2D7F;
  --primary-text:#4F2D7F;
}


.vrcwtamu {
   --primary-background: #6a1831;
  --primary-text:#6a1831;
}

.vrctamuk {
   --primary-background: #003399;
  --primary-text:#003399;
}

.vrctamiu {
   --primary-background: #61162D;
  --primary-text:#61162D;
}

.vrctamut {
   --primary-background: #7A303F;
  --primary-text:#7A303F;
}

.vrctamuct {
   --primary-background: #00204e;
  --primary-text:#00204e;
}

.vrctamusa {
   --primary-background: #000000;
  --primary-text:#000000;
}

.vrcprimaryfill {
 background-color: var(--primary-background);
  color: white;
}

.vrcprimarytext {
 color: var(--primary-text);
} 
 

/***************************************/
/*** DONATE PAGE 2018.08 BETA STYLING ***/
/***************************************/
/* 2018-08-24 */

body.donatepagebeta {
  width=100%;
  font-family: sans-serif;
}

div.donate_title {
  font-weight: 700;
  font-size: 2em;
  padding: 30px.5em .5em 1em;
}

div.donate_subtitle {
  font-weight: 700;
  font-size: 2em;
  padding: 0 .5em 0 1em;
}

body.donatepagebeta p {
  font-family: serif;
  padding-left: 2em;
  text-indent: 1.5em;
}

table.donate_category_bar {
  width: 100%;
}

table.donate_category_bar td {
  padding: 2em;
  text-align: center;
  width: 25%;
}

table.donate_category_bar a {
  border: solid 1px white;
  padding: .5em 1em .5em 1em;
  margin: 1em;
  background-color: rgb(0, 0, 0, 0.7);
  color: white;
  font-size: 2em;
  font-weight: 700;
  text-decoration: none;
}

td.donate_category_1 {
  background-image: url("");
  background-color: #AA7;
}

td.donate_category_2 {
  background-image: url("");
  background-color: #77A;
}

td.donate_category_3 {
  background-image: url("");
  background-color: #A77;
}

td.donate_category_4 {
  background-image: url("");
  background-color: #7A7;
}

div.donate_main_section {
  background-color: #DDD;
  /* background-image: url("http://texvet.org/sites/defauilt/files/SOMETHING"); */
  padding: 0em;
  clear: both;;
}

.donate_main_section p {
  width: 50%;
}

div.donate_main_section_splash_1 {
  background-color: rgba(76, 16, 30, 0.2);;
  padding-left: 2em;
  padding-right: 2em;
  font-weight: 700;
  font-size: 2em;
}

div.donate_main_section_splash_2 {
  background-color: rgba(76, 16, 30, 0.5);;
  padding-left: 2em;
  padding-right: 2em;
  font-weight: 700;
  font-size: 2em;
}

div.donate_subsection {
  padding: 2em;
}

div.donate_section_1 {
  /* background-image: url("http://texvet.org/sites/defauilt/files/SOMETHING"); */
}

div.donate_section_2 {
  background-color: #733;
  /* background-image: url("http://texvet.org/sites/defauilt/files/SOMETHING"); */
}

div.donate_section_3 {
  /* background-image: url("http://texvet.org/sites/defauilt/files/SOMETHING"); */
}

div.donate_donate_button_section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  background-color: #733;
}

div.donate_big_donate_button {
  border: solid 2px white;
  padding: 1em;
  background-color: #253;
  /* background-image: url("http://texvet.org/sites/defauilt/files/SOMETHING"); */
  text-align: center;
  font-size: 2.5em;
  font-weight: 700;
  /* Does not need a height and width. Something else makes it look great on the page. */
}

/*******************************************/
/*** END DONATE PAGE 201808 BETA STYLING ***/
/*******************************************/

/**************************************/
/*** FRONT PAGE 201808 BETA STYLING ***/
/**************************************/
/* 2018-08-07 */

html, body { margin: 0; height: 100% } 

/*****************/
/*****************/
/* At all widths */
/*****************/
/*****************/

/** body.page-frontpagebeta div#breadcrumb, body.page-frontpagebeta div#admin-menu, body.page-sealpagebeta div#breadcrumb, body.page-sealpagebeta div#admin-menu, body.page-donatepagebeta div#breadcrumb, body.page-donatepagebeta div#admin-menu 
 {
  display:none; /* Hide the breadcrumb bar and the white-on-black top edge admin menu. 
} **/

div.big_stuff {
  background-color:#7796cb;
}

.prime_focus, .secondary_focus, .tertiary_alpha, .tertiary_beta {
  background-color: #DDD;
}

div.slogan-container {
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: space-between;
  margin-top: 400px;
}

div.slogan-box {
/*  background-color: #99C; */
  width: 33%;
  text-align: center;
  margin: 1em;
}

div {
  font-family: sans-serif;
  font-weight: 700;
}

div.slogan-title {
  font-size: 2em;
  margin-bottom: 5px;
}

div.slogan-text, .secondary_focus, .tertiary_alpha, .tertiary_beta {
  font-size: 1em;
  text-align: left;
}

.secondary_focus, .tertiary_alpha, .tertiary_beta {
  padding: 1em;
  display:flex; align-items: flex-end; justify-content: flex-end;
}

.secondary_focus_text, .tertiary_focus_text {
  background-color: rgba(255, 255, 255, 0.85);
  padding: .5em;
  border-radius: 10px;
}

/* Simplfy the regions when the region gets too narrow. */
@media all and (max-width: 1600px) {
  div.slogan-container {
    display:block;
  }
  div.slogan-box {
    /*  background-color: #99C; */
    width: 100%;
    text-align: center;
    margin: 1em;
  }
  div.slogan-text {
    display:none;
  }
} /* END simplification */

/********************/
/********************/
/* At LARGER widths */
/********************/
/********************/

@media all and (min-width: 901px) {
  /* This should select all .container divs inside of the .frontpagebeta and sealpagebeta pages */
  /** body.page-donatepagebeta div.container,  body.page-frontpagebeta div.container, body.page-sealpagebeta div.container **/ 
  div.container {
    width: 100%;
  }

  .big_stuff {
    display: grid;  grid-area: big_stuff;  grid-template-columns: 1fr 1fr;  grid-template-rows: 1fr 1fr;  grid-template-areas: 'prime_focus secondary_focus' 'prime_focus tertiary_focus'; padding: 1em;
  }

 .prime_focus { 
    grid-area: prime_focus;
    margin:.25em;
  }

  .secondary_focus {
    grid-area: secondary_focus;
    margin:.25em;
  }
  
  .tertiary_focus {
    display: grid;
    grid-area: tertiary_focus;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: 'tertiary_alpha tertiary_beta';
  /*  padding: .5em; */
  }
  
  .tertiary_alpha {
    grid-area: tertiary_alpha;
    margin:.25em;
  }
  
  .tertiary_beta {
    grid-area: tertiary_beta;
    margin:.25em;
  }
  
  .remainder {
    grid-area: remainder;
    background-color:#aaaa;
    padding: 1em;
  }
}


/*********************/
/*********************/
/* At smaller widths */
/*********************/
/*********************/

@media all and (max-width: 900px) {

.big_stuff {
  display: flex;
  padding: none;
  clear: both;
  flex-wrap: wrap;
}

.prime_focus { 
  width: 100%;
}

.secondary_focus {
  width: 100%;
}

.tertiary_focus {
  display: grid;
  grid-area: tertiary_focus;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "tertiary_alpha" "tertiary_beta";
  width: 100%;
}

.tertiary_alpha {
  grid-area: tertiary_alpha;
}

.tertiary_beta {
  grid-area: tertiary_beta;
}

.secondary_focus, .tertiary_alpha, .tertiary_beta {
  height: 70px;
  border-top: solid 5px black;
}

.remainder { grid-area: remainder; background-color:#777;}

}

/* */
/* Styling for specific resource page headers */
/* */

/* Mental Health Resource Portal Page */

.page-mental-health .prime_focus {
  background-image: url("");
  background-size: cover;
}

.page-mental-health .secondary_focus {
  background-image: url("");
  background-size: cover;
}

body.page-mental-health div.tertiary_alpha {
  background-image: url("http://dev-texvet.at.kalamuna.com/sites/default/files/2016-05/specific_pages/mental-health-portal/vet-crisis-line-banner.gif");
  background-size: cover;
}

.page-mental-health .tertiary_beta {
  background-image: url("");
  background-size: cover;
}

/* */
/* END Styling for specific resource page headers */
/* */

/******************************************/
/*** END FRONT PAGE 201808 BETA STYLING ***/
/******************************************/

/*********************************************/
/*** Header rows and menus 201808 STYLING ***/
/*********************************************/
/* 201810291615: Added styling for admin tools menu (header-row-four)*/

/* Make the header container take the full screen width */
/* But only on certain pages, for now... */
body.page-donatepagebeta div#page-container div#header-container header.header div.container, body.page-sealpagebeta div#page-container div#header-container header.header div.container, body.page-tamhscvrs div#page-container div#header-container header#header div.container {
  width: 100%;
}

/* Center-align everything in the three header rows (row 1, 2, and 3) 
Also set the deafult font to sans-serif. */
div.header-row-one, div.header-row-two, div.header-row-three,div.header-row-four {
  display: flex;
  justify-content: space-around;
  font-family: sans-serif;
  text-align: center;
/*  border: solid 1px red */
}

/* Add space above and below the top header line to make it look nice.'*/
div.header-row-one {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Make the second line narrow-ish and blue with white text. */
div.header-row-two {
  background-color: #FFF;
  height: 35px; 
  color: #153162;
}

/* Make the third line narrow-ish and maroon with white text. */
div.header-row-three {
  background-color: #4c101e;
  height: 35px; 
  color: #FFF;
}

/* Make the admin (fourth) line narrow-ish and blue with white text. */
div.header-row-four {
  background-color: #153162;
  height: 35px; 
  color: #FFF;
}

/* Special CRISIS link styling */

li.header-flat-menu-crisis-link {
  position: relative;
  font-weight: 700;
  background-color: #DDF;
}

li.header-flat-menu-crisis-link[aria-label]:hover:after {
  content: attr(aria-label);
  position: absolute;
  width: 250px;
  padding: 4px 8px;
  left: 0;
  top: 100%;
  background:rgb(21, 49, 98, 0.9);
  padding: 1em;
  border: solid 10px #4c101e;
  border-radius: 10px;
  z-index: 9999999999999999;
  color: #FFF;
}

/* END Special CRISIS link styling */

/* The following menu styling is a near-identical copy of 
https://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/ */

/*Strip the ul of padding and list styling*/
div.header-row-four ul, div.header-row-three ul, div.header-row-two ul{
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
div.header-row-four li, div.header-row-three li, div.header-row-two li {
    display:inline-block;
    float: left;
    margin-right: 1px;
}

/*Style for menu links*/
div.header-row-four li a, div.header-row-three li a, div.header-row-two li a {
    display:block;
    min-width:140px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #4c101e;
    text-decoration: none;
}

/*Style for admin menu links*/
div.header-row-four li a {
    display:block;
    min-width:140px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #153162;
    text-decoration: none;
}

/*Style for flat (second row) menu links*/
div.header-row-two li a {
  background: #FFF;
  text-decoration: none;
  color: #153162;
}

/*Hover state for top level row two links*/
div.header-row-two  li:hover a {
  background: #EEE;
  color: #000;
}

/*Hover state for top level row three links*/
div.header-row-three li:hover a {
  background: #4c101e;
  color: #FF0;
}

/*Hover state for top level admin (row four) links*/
div.header-row-four li:hover a {
  background: #153162;
  color: #FF0;
}

/*Style for dropdown links*/
div.header-row-three li:hover ul a, div.header-row-four li:hover ul a  {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}

/*Hover state for dropdown links*/
div.header-row-three li:hover ul a:hover {
    background: #4c101e;
    color: #fff;
}

/*Hover state for dropdown admin links*/
div.header-row-four li:hover ul a:hover {
    background: #153162;
    color: #fff;
}

/*Hide dropdown links until they are needed*/
div.header-row-three li ul, div.header-row-four li ul {
    display: none;
}

/*Make dropdown links vertical*/
div.header-row-three li ul li, div.header-row-four li ul li {
    display: block;
    float: none;
}

/*Prevent text wrapping*/
div.header-row-three li ul li a, div.header-row-four li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}

/*Display the dropdown on hover*/
div.header-row-three ul li a:hover + .hidden-menu, .hidden-menu:hover {
    display: block;
    z-index: 999999999999;
}

/*Display the admin dropdown on hover*/
div.header-row-four ul li a:hover + .hidden-menu, .hidden-menu:hover {
    display: block;
    z-index: 999999999999;
}

/*Style 'show menu' label button and hide it by default*/
div.header-row-three .show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #4c101e;
    text-align: center;
    padding: 5px;
    display: none;
}

/*Style admin 'show menu' label button and hide it by default*/
div.header-row-four .show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #153162;
    text-align: center;
    padding: 5px;
    display: none;
}

/*Hide checkbox*/
div.header-row-three input[type=checkbox], div.header-row-four input[type=checkbox] {
    display: none;
}

/*Show menu when invisible checkbox is checked*/
div.header-row-three input[type=checkbox]:checked ~ #menu{
    display: block;
    z-index: 999999999999;
}

/*Show admin menu when invisible checkbox is checked*/
div.header-row-four input[type=checkbox]:checked ~ #menu{
    display: block;
    z-index: 999999999999;
}

/*******************/
/*Responsive Styles*/
/*******************/

@media screen and (max-width : 1200px) { /** 20181019: Was 760px **/
    /*Make dropdown links appear inline*/
    div.header-row-three ul {
        position: static;
        display: none;
    }
  
    /*Create vertical spacing*/
    div.header-row-three li {
/*        margin-bottom: 1px;  Commented out on 20181019 */
    }

    /*Make all menu links full width*/
    div.header-row-three ul li, li a {
        width: 100%;
    }
    
    /* 20181025 - Make all links (top and second) left-aligned with some space to the left. */
    div.header-row-three li a {
        border-left: solid #4c101e 1em;
        text-align: left;
    }

    /*Display 'show menu' link*/
    div.header-row-three .show-menu {
        display:block;
        font-family: sans-serif;
    }
}

@media screen and (max-width : 700px) { /** 20181019: Was 760px **/
    /*Make dropdown links appear inline*/
    div.header-row-four ul {
        position: static;
        display: none;
    }
  
    /*Make all menu links full width*/
    div.header-row-four ul li, li a {
        width: 100%;
    }
    
    /* 20181025 - Make all links (top and second) right-aligned with some space to the right. */
    div.header-row-four li a {
        border-right: solid #153162 1em;
        text-align: right;
    }

    /*Display 'show menu' link*/
    div.header-row-four .show-menu {
        display:block;
        font-family: sans-serif;
    }
}

@media screen and (max-width : 760px){ /** 20181025: Added so second menu would not vanish too soon **/
    /*Make dropdown links appear inline*/
    div.header-row-two {
        position: static;
        display: none;
    }
}

@media screen and (max-width : 617px) { 
  /* Hide TexVet's Star logo in header */
  div.header-row-one .starlogo {
    display: none;
  }
}

/*************************************************/
/*** END Header rowns and menus 201808 STYLING ***/
/*************************************************/

/****************************************************************/
/* TAMHSCVRS - TAMHSC Veteran Resources and Services 2018-07-03 */
/****************************************************************/

ul.tamhscvrs-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1.5fr));
  grid-gap: 15px;
  list-style-type: none;
  font-family: Helvetica;
}

li.tamhscvrs-list {
  background-color: #FFF;
/*  border: solid 3px #CCC; */
  border-radius: 10px;
  padding: 10px;
  font-size: 14px;
/*  box-shadow: 4px 4px 6px grey; */
  background-image: linear-gradient(#EEE, #FFF);
}

img.tamhscvrs-list {
  max-width: 160px;
  max-height: 160px;
  margin-left: auto;
  margin-right: auto;
  display:block;
  padding-top: 13px;
}

p.tamhscvrs-section-title{
  padding: 6px;
  font-weight: bold;
  font-size: x-large;
  text-align: left;
  font-family: Helvetica;
}

p.tamhscvrs-title{
  padding: 6px;
  font-weight: bold;
  font-size: large;
  text-align: center;
  background-color: #CCC;
  border-radius: 10px;
}

p.tamhscvrs-description{
  padding: 4px;
  font-size: 100%;
  text-align: left;
}

.tamhscvrs-border {
  background-color: #CCC;
  width: 85%;
  max-width: 1200px;
  display:block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  max-height: 1px;
  box-shadow: 0px 0px 3px #DDD;
}

/* END - TAMHSCVRS - TAMHSC Veteran Resources and Services 2018-07-03 */

/****************************************************/
/* Veteran Mental Health Resource Portal 2018-10-25 */
/****************************************************/

div.mentalhealthresourcewrapper {
  display: flex;
  flex-wrap: wrap;
}

.mentalhealthresourcewrapper .header,
.mentalhealthresourcewrapper .footer {
  width: 100%;
}

.mentalhealthresourcewrapper .main {
  width: 80%;
}

.mentalhealthresourcewrapper .aside {
  width: 19%;
  margin-left: 1%;
}

@media (max-width: 1000px) {
  
.mentalhealthresourcewrapper .main,
.mentalhealthresourcewrapper .aside{
    width: 100%;
    margin-bottom: .5em;
  }
  
}

/* Demo Specific Styles */
body.mentalhealthresourcewrapper {
  margin: 0 auto;
  max-width: 140em;
  padding: 1em 0;
}

.mentalhealthresourcewrapper .header, .mentalhealthresourcewrapper .footer {
  padding-left: 1em;
}

.mentalhealthresourcewrapper .aside {
  height:100%;
}

.mentalhealthresourcewrapper .header,
.mentalhealthresourcewrapper .footer {
  padding: .5em;
}

/* JAL stuff after this. */

.mentalhealthresourcewrapper div.mainflex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
  align-content: flex-start;
  background-color: #EEE;
  width: 100%;
  height:100%;
}

.mentalhealthresourcewrapper div.menhelbox {
  width: 350px;
  height: 230px;
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #FFF;
  background-position: center;
}

.border1 {
    border: solid 10px #d1ccb8;
/*    background-image: url("https://dev-texvet.at.kalamuna.com/sites/default/files/test-bgnd.jpg"); */
    background-position: center;
}

.border2 {
    border: solid 10px #bb9e15;
}

.border3 {
    border: solid 10px #7796cb;
}

.tools {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/mental-health-portal/"); */
  background-position: center;
}

.articles {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/mental-health-portal/"); */
  background-position: center;
}

.research {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/mental-health-portal/research-bgnd.jpg"); */
  background-position: center;
}

.studies {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/"); */
  background-position: center;
}

.resourcemap {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/mental-health-portal/mh-map-bgnd.jpg"); */
  background-position: center;
}

.mcc {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/"); */
  background-position: center;
}

.p2p {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/"); */
  background-position: center;
}

.mvpnmap {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/mental-health-portal/mvpn-map-bgnd.jpg"); */
  background-position: center;
}

.symposium {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/mental-health-portal/symposium-bgnd.jpg"); */
  background-position: center;
}

.cssrs {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/mental-health-portal/cssrs-bgnd.jpg"); */
  background-position: center;
}

.ceus {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/mental-health-portal/ceus-bgnd.jpg"); */
  background-position: center;
}

.grants {
/*  background-image: url("https://texvet.org/sites/default/files/2016-05/specific_pages/mental-health-portal/grants-bgnd.jpg"); */
  background-position: center;
}

.mentalhealthresourcewrapper div.boxtitle {
  font-family: arial,sans-serif;
  font-weight: 700;
  font-size: large;
  padding-bottom: 5px;
  border-bottom: 1px dotted black;
}

.mentalhealthresourcewrapper div.boxtext {
  font-family: times,serif;
  font-weight: 300;
  padding-top: 5px;
  text-shadow: 2px 2px 10px #FFF;
}

/********************************************************/
/* END Veteran Mental Health Resource Portal 2018-10-25 */
/********************************************************/


/* 2016-08-31: Set up the front page quicklinks as semi-fixed width boxes in a flexible wrapper. */
div.quicklinks-flexwrapper {
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
a.quicklinks-topicbox {
/**  padding: 1em; **/
  margin: .5em;
/**  border-radius: 1em; **/
  background-color: #7796cb;
  text-align: center;
  min-width:100px;
  width: 150px;
  color:#FFF;
  text-decoration:none;
}
a.red {
  background-color: #4c101e;
}
a.quicklinks-topicbox:hover {
  color:#333;
  background-color:#d1ccb8;
  border-style: outset;
  border-color: #bb9e15;
/**  border-width: 1px; **/
}

/* 2016-09-07: Setting up the front page Blog previews as a 3x2 set of blocks with a pager below them. */
/*
div.dplusfrontpageblogwrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
*/

.dplusfrontpageblog {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.dplusfrontpageblogitem {
  flex: 0 1 auto;
/*
  min-width: 200px;
  max-width: 300px;
  width: 100%;
*/
  width: 265px;
/*  padding: 1em; */
  margin-left: .3em;
  margin-right: .3em;
  list-style: none;
  height: 210px;
}

.dplusfrontpageblogimage {
  /* position: absolute; */
}

.dplusfrontpageauthorimage {
  /* position: absolute; */
}

.dplusfrontpageblogtitle {
  /* position: absolute; */
  background-color: #EEE;
  margin: .3em;
  padding-left: 1em;
/*  padding-right: 1em;
  border-radius: .5em;
  border-width: 1px;
  border-color: #FFF;
  border-style: solid; */
  position: relative;
  width: 98%;
  bottom: 60px;
  font-size: small;
  font-family: sans-serifl
  font-weight: bold;
  display: block;
}

/* 2016-09-08: Set up the front page TexVet Ad as semi-fixed width boxes in a flexible wrapper. */
div.quicklinks-flexwrapper {
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.texvet-fp-ad-topicbox {
/**  padding: 1em; **/
  margin: .5em;
/**  border-radius: 1em; **/
  background-color: #FFF;
  text-align: center;
  min-width:200px;
  max-width: 250px;
  text-decoration: none;
  flex: 0 1 auto;
  padding: 1em;
  padding-right: 1.5em;
  padding-left: 1.5em;
  font-size:small;
}

/* 2016-09-12 - Make the font icons nice and big and put 'em in a ball.*/
.faball {
  background-color:#7796cb;
  padding:.3em;
  border-radius:1em;
  font-size: 3em;
}

.fball2 {
  width:80px;
  height:80px;
  border-radius: 100%;
  margin: 0 auto 30px;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color:#FFF;
/*  background-color: #153162;  2018102301105 - removed because of Jquery making the text black. */
}

/* 2017-04-25 - Commenting this out so titles are left-aligned on pages with views, like the County pages.
/h2.title {
  text-align: center;
}*/


/* 2016-09-20: Make front page events look nice-nice.*/

div.views-field-city{
/* 2016-11-02: Removed at Amy's request.;  position: relative; */
  bottom: 230px;
  background-color: #7796cb;
  color: #000;
  opacity: .9;
  text-align: right;
  width: 100%;
  padding-right: 12px;
/*  border-radius: 1em;
  border-width: 3px;
  border-style: solid;
  border-color: #4c101e; */
}

/* 2016-10-26: Make logos in search result tables a decent size.*/

td.views-field.views-field-field-logo.views-align-center {
  width: 12%;
  min-width: 100px;
}

/***********************/
/* County Page Styling */
/***********************/

/* 2017-03-27: Get the CVSO and MVPN map side-by-side on the top of the page. */

/* 2017-04-25: Commented out to "fix bad wrapping.;
@media (min-width: 1200px) {

  #block-views-vcso-roster-block-7 {
    float: left;
    min-width: 48%;
    margin-left: 1em;
  }

  #block-views-vcso-roster-block-6 {
    float: right;
    min-width: 48%;
    margin-right: : 1em;
    height: 300px;
  }

  #block-views-all-partners-block-5 {
    clear: both;
    background-color: #FFF;
  }

}
*/

/* 2017-04-25: Format contextual filter titles. */
h2.title {
  text-align: left;
  border-bottom: black 1px solid;
  background-color: #EEE;
  color: black;
}

h2.pane-title{
  text-align: left;
  border-bottom: black 1px solid;
  background-color: #EEE;
  color: black;
}

tbody {
  border-bottom: none;
}

/************************************/
/* Pre-Made Category Search Styling */
/************************************/

/* 2017-01-12: When a pre-made category search is an unformatted list, put the items in a table-like grid. */

div .view-universal-search-2015-11-09 div.view-content, div .view-legal-resources div.view-content, div .view-2019-housing-searches div.view-content, div .view-2019-basic-needs-taxonomy-views div.view-content  {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
}

div.pre-made-categoy-search-row {
  flex: 0 1 auto;
  max-width: 250px;
  padding: 1em;
}

div .view-universal-search-2015-11-09 div.view-content div.views-field-view-node {
  margin-left:35px;
  min-height:120px;
}

.views-field-view-node a{
  border: none;
}

/*******************************/
/* Side Slide-Out Menu Theming */
/*******************************/
/*2018-07-13 */
/*
#menu {
  position: fixed;
  left: -9em;
  top: 10%;
  width: 11em;
  background: hsla(10, 10%, 10%, 0.9);
  color: #FFF;
  margin: -3em 0 0 0;
  padding: 1em 2.5em 1em 1em;
  list-style-type: none;
  border-radius: 7px;
  box-shadow: 5px 10px 8px #888888;
}

#menu:hover { left: 0 }

#menu { transition: 1s }

#menu a:hover { color: #FFF; }
*/

/**************************/
/* Symposuim Page Theming */
/**************************/
/*2017-02-03 */

.symposium2017-01-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.symposium2017-01-item {
  flex: 0 1 auto;
/*
  min-width: 200px;
  max-width: 300px;
  width: 100%;
*/
  width: 295px;
/*  padding: 1em; */
  margin-left: .3em;
  margin-right: .3em;
  list-style: none;
  height: 240px;
}

.symposium2017-01-pic {
  padding: 1em;
}

.symposium2017-01-title {
  /* position: absolute; */
  background-color: #EEE;
  margin: .3em;
  padding-left: 1em;
/*  padding-right: 1em;
  border-radius: .5em;
  border-width: 1px;
  border-color: #FFF;
  border-style: solid; */
  position: relative;
  width: 98%;
  bottom: 60px;
  font-size: small;
  display: block;
}

/**********************************************************************/
/* Make article (resource) image(s) float to the right of the content */
/**********************************************************************/
/* 20180802 */

div.field-name-field-picture {
  clear: none;
  float: right;
  margin-left: 2em;
}

/************************************************************************/
/* Make Facebook icon float to side of Twitter icon on resource sidebar */
/************************************************************************/
/* 20180802 */

div.views-field-field-facebook {
  clear:none;
  float:left;
  margin-right:.5em;
}

/****************************/
/* Explicit theme overrides */
/****************************/

/* 2018-11-19: Remove white margin from bottom of header block. */
.header-area .block {
  padding: 0 0 0 0;
}

/* 2018-09-14: Force form titles to appear on their own line. */

div.form-item-title {
  float:none;
}

/* 2018-08-22: Hide all breadcrumbs */
div#breadcrumb {
  display:none;
}

/*******************************************************************************************/
/* Super-hacky alteration of the header to make header-inside-right span the entire header */
/*******************************************************************************************/

/* 2018-08-08 */
/*
@media all and (min-width: 1500px) { /* This 1500-pixel break is essential because the following styling fails at smaller widths. */
/*  body.page-frontpagebeta div#header-inside div.col-md-8 {
    background-color: ##EEE;
    width: 100vw; /* Make it span the entire screen, no matter how wide the window is. */
/*    margin-left: -34vw; /* Move the margin all the way to the left edge of the screen. This is the "hack" that makes it span the entire header.*/
/*  }
}
*/

/* 2018-08-09 - Realized that it's easier to simply hide the left header section I'm trying to cover/obfuscate with the right header section. */

/**2018-10-11: body.page-donatepagebeta header#header div.col-md-4, body.page-frontpagebeta header#header div.col-md-4, body.page-sealpagebeta header#header div.col-md-4, body.page-tamhscvrs header#header div.col-md-4**/
div.col-md-4 {
  display: none;
}

/**2018-10-11: body.page-donatepagebeta header#header div.col-md-8, body.page-frontpagebeta header#header div.col-md-8, body.page-sealpagebeta header#header div.col-md-8, body.page-tamhscvrs header#header div.col-md-8 **/
div.col-md-8 {
  width: 100vw; /* Make it span the entire screen, no matter how wide the window is. */
  padding-left: 0px;
  padding-right: 0px;
}

/***********************************************************************************************/
/* END Super-hacky alteration of the header to make header-inside-right span the entire header */
/***********************************************************************************************/


/* 2018-08-02: Make "Make A Gift" (aka: Donate) in the menu bar larger, italicized, glow red, and baes0aligned with the rest of the menu.*/
li#menu-382146-3 > a {
    font-style: italic;
    text-shadow: 0 0 25px #FF0000;
    font-weight: 600;
   } 

/* 2018-06-19: Make the max content width wider on wider screens. */
@media (min-width: 1800px) and (max-width: 2399px) {
  div.container {
    width: 100%;
  }
}

@media (min-width: 2400px) {
  div.container {
    width: 100%;
  }
}

/* 2018-04-09: Make Additional Contact Info text larger. */
div.additional-contact-info-block {
  font-size:x-large;
}

/* 2018-04-09: Adjust date and title overlap for El Paso Food Pantry sidebar map. 
.view-display-id-block_7 .date-heading h3 {
  line-height: 120px;
  background-color: #AA3;
}*/

.region-sidebar-first .view .date-nav-wrapper .date-heading h3 { /* removed .view-display-id-block_7  */
  padding-top: 35px;
}

/* 2018-04-09: Ensure that logos in tables never get too small to be useful. */
td.views-field-field-logo {
  min-width: 120px;
}

/* 2018-03-30: remove white space under calendar pager */
.date-nav > ul.pager {
  margin: 0 0 0 0;
}


/* 2017-04-21: Make exposed searches display in wider formats; three-columns at widths greater than 996px; two-columns from 690 to 995; one colum at less than 6900 px. */
div#edit-field-org-tags-tid-wrapper {
  width: 100%;
  column-count: 3;
  text-align: left;
  color: black;
}

div#edit-field-demographic-tid-wrapper {
  width: 100%;
  column-count: 3;
  text-align: left;
  color: black;
}

@media (min-width: 690px) and (max-width: 995px) {
  div#edit-field-org-tags-tid-wrapper {
    column-count: 2;
  }
}

@media (max-width: 689px) {
  div#edit-field-org-tags-tid-wrapper {
    column-count: 1;
  }
}

/* Also: remove bullets from Better Exposed Filter lists. */

ul.bef-tree {
  list-style: none;
}

ul.bef-tree-child.bef-tree-depth-1 {
  list-style: none;
}

/* 2017-02-24: Left sidebar items have too much padding at the bottom. This overrides 0 0 60px 0 */
.sidebar .block {
  padding: 0 0 15px 0;
}

/* 2017-02-24: Left sidebar Location blocks have too much padding between the title and the content. This overrides margin: 25px 0 40px; */
table.views-view-grid {
  margin: 0px 0px 15px 0px;
}

/* 2018-08-24: Left Sidebar websites and email addresses can flow past the right side of the sidebar if they're too long. This looks awful. Setting word-wrap to fix this. */
div.views-field-field-link, div.views-field-field-email, div.additional-contact-info-block {
  word-wrap: break-word;
}

/* 2016-09-13: Too much space at the top of the Categories section on the front page.*/
div#main.content {
  padding: 0px;
}

/** 2016-09-07 - Set top bg color to white. **/
#header-top {
  background-color: #FFF;
}

/* 2016-08-31: I really dislike the 40px of padding above each section on the front page. White space is good, but that's too much.*/
#featured {
  padding: 0px; margin:0px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  #header ul.menu li a {
/*    padding: 6px, 8px, 0px; Commented out on 2016-11-04 */
    padding: 2px 8px 2px;
    font-size: 13px; /* Added on 2016-11-04 */
  }
}

/* 2016-11-04 - Added to make the megamenu look good on Amy's screen*/
@media (min-width: 1200px) {
  #header ul.menu li a {
    padding: 2px 8px 2px;
    font-size: 13px;
  }
}

/* 2016-07-07: Make the "Popular Today" grid on the front page loke nice-ish. */
.view-id-popular td {
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  background-color: #fed;
  border: 10px solid #fff;
  transition: background-color 0.5s ease;
}

.view-id-popular td:hover {
  background-color: #EEF;
}

/* 2016-09-14: Dark blue bg and light gray text on footer.*/
#footer {
  background-color: #153162;
  color: #DDD;
}

/* 2016-09-14: Radically reduce padding on top of header.*/

#header {
  padding-top: 0px;
}

/* 2016-09-15: Make the blog title and picture float to the right of the blog's content.; */

#block-views-image-logo-block-4 {
  float: right;
  padding-left: 1em;
  width: 200px; /* 2016-09-26: otherwise, the text caption makes it way too wide in some cases.*/
}

/* 2018-10-30: Make field-added iamges float to the left of blogs, opposite the blog picture and title. */
#block-views-image-logo-block-6 {
  float: left;
  padding-right: 2em;
}

/* 2016-09-26: Make the distance filter on pre-made searches look better.*/
div#edit-distance-wrapper{
  width: 100%;
}

/* 2016-09-26: Make the type and body value filters on the calendar look better.*/
div.views-widget-filter-type{
  width: 50%;
}

div.views-widget-filter-body_value{
  width: 50%;
}

/* 2016-09-29: Vertical Quicktabs Styling - reduce font size by half so it's actually usable.*/
.item-list ul.quicktabs-tabs > li > a, .nav-tabs > li > a {
  font-size: 15px;
}

/* 2016-10-05: Reduce left sidebar top edge padding from 60 px to 10 px */
section#sidebar-first {
  padding: 10px 0;
}

/* 2016-10-18: Adding 6px of padding to the left side of FontAwesome icons on the front page so they center in their balls. */
.fa-3x {
  padding-left: 6px;
}

/* 2016-11-10 : Inflate the size of the Contaqct Info sidebar text. */
div#block-views-contact-information-block-3 {
  font-size: x-large;
}

/*2016-11-10: Front page blog previews are just a little off-center to the right. This is most notable on smartphone widths. */
ul.dplusfrontpageblog {
  padding-left: 0px;
}


/**********************************/
/**********************************/
/**********************************/
/* 2018-02-15: Styling for print. */
/**********************************/
/**********************************/
/**********************************/

@media screen {
    .onlyprint { /*** 2018-10-03: Used to be "header.onlyprint, footer.onlyprint, div.onlyprint". ***/
        display: none; /* Hide from screen */
    }
}

@media print {
  body {
  color: #000;
  background: #fff;
  }

  nav, aside, footer {
  display: none;
  }

  h1, h2, h3, h4, h5, h6 {
  page-break-after:avoid;
  page-break-inside:avoid
  }

  img {
  page-break-inside:avoid;
  page-break-after:avoid;
  max-width: 100% !important;
  }
  
  blockquote, pre, li {
  page-break-inside:avoid;
  }
 
 ul, ol, dl {
  page-break-before:avoid;
  }

.region-page-bottom:after {
  content: "\ Source: TexVet.org • http://texvet.org • 512-341-4924 • contactus@texvet.org";
  color: #000 !important;
  font-size: .6em;
  padding-top: 15px;
  border-top: groove black 1px;
}

.region-header {
  max-width: 300px;
}

#block-block-115 {
  padding: 0px; /* Remove all padding under the TexVet logo in the upper right corner of the first page. */
}

tr {
  border-bottom: 2px solid #000;
}

/* 20181024 - Seeing if this is causing the unprinted content.
a[href]:after {
  display:none;
}
*/

div#toTop, div#page-intro {
  display:none;
}

div.pane-content p {
  padding: 0 0 5px 0;
}

  
/* START Specific County Page (ex: Travis, Bexar, etc.) Print Styling */

.action-links, #block-block-324, .mvpn-more-info-link, .tabs, .texvet-header-logo, #block-views-all-partners-block-18 {
  display: none;
}

div#mini-panel-contextual_county_cvso_and_mvpn_ {
  font-size: 9pt;
}

div#block-views-main-content-block, div#block-panels-mini-contextual-county-cvso-and-mvpn- {
  padding: 0px;
}

/* Hide the comment block */
div #block-system-main .block-system {
  display: none;
}

/* NOTE: See tablesaw.stackonly.css in sites/all/themes/directoryplus
for Responsive Tables (aka: tablesaw) style overrides */

/* Header and Footer for County Pages */

    header.onlyprint {
        position: fixed; /* Display only on print page (each) */
        top: 0; /* Because it's header */
    }
    footer.onlyprint {
        position: fixed;
        bottom: 0; /* Because it's footer */
    }

/* END Specific County Page (ex: Travis, Bexar, etc.) Print Styling */


/**********************************/
/* End of styling for print. */
/**********************************/
/* 2019-08-19: Make county page phone number div wide enough*/
#countyphone {
    all: unset;
    min-width: 200px;
    overflow: hidden;
    white-space: nowrap;
   } 
/*end make phone number wide enough*/

/*MVPNVMHP Buttons 2019-9-6*/
/*Green Button*/
.mvpnbuttongr {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fcffff), color-stop(1, #aabf8a));
	background:-moz-linear-gradient(top, #fcffff 5%, #aabf8a 100%);
	background:-webkit-linear-gradient(top, #fcffff 5%, #aabf8a 100%);
	background:-o-linear-gradient(top, #fcffff 5%, #aabf8a 100%);
	background:-ms-linear-gradient(top, #fcffff 5%, #aabf8a 100%);
	background:linear-gradient(to bottom, #fcffff 5%, #aabf8a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcffff', endColorstr='#aabf8a',GradientType=0);
	background-color:#fcffff;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	min-width: 100%;
	min-height: 4em;
	border-radius:28px;
	border:1px solid #426343;
	display:inline-block;
	cursor:pointer;
	color:#36420e;
	font-family:Trebuchet MS;
	font-size:27px;
	font-weight:bold;
	padding:32px 76px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.mvpnbuttongr:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aabf8a), color-stop(1, #fcffff));
	background:-moz-linear-gradient(top, #aabf8a 5%, #fcffff 100%);
	background:-webkit-linear-gradient(top, #aabf8a 5%, #fcffff 100%);
	background:-o-linear-gradient(top, #aabf8a 5%, #fcffff 100%);
	background:-ms-linear-gradient(top, #aabf8a 5%, #fcffff 100%);
	background:linear-gradient(to bottom, #aabf8a 5%, #fcffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aabf8a', endColorstr='#fcffff',GradientType=0);
	background-color:#aabf8a;
}
.mvpnbuttongr:active {
	position:relative;
	top:1px;
}

/*MVPNVMHP Tan Button 2019-9-6*/

.mvpnbutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #426343;
	display:inline-block;
	cursor:pointer;
	color:#36420e;
	font-family:Trebuchet MS;
	font-size:27px;
	font-weight:bold;
	padding:32px 76px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.mvpnbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
}
.mvpnbutton:active {
	position:relative;
	top:1px;
/*end mvpn vmhp button styling 2019-9-6*/
/* 2019-12-07 make search boxes the right width. */
.views-exposed-form .views-exposed-widgets {
margin: 1em;
padding: 0px;
width: auto;
}

.view-filters form .views-exposed-widget {
width: auto;
padding: 0px;
}