/***************************************************************************************************/
/* 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, .view-pricing-tables .pricing-table-footer input[type="submit"],
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: #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: #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: 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: #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: #153162; /*2016-10-27: was 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) */
/************************************************************/

/* 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;
  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;
}

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;
}

/********************************/
/* Furniture Bank Store Styling */
/********************************/

/* 2017-01-06: When the view for the store is an unformatted list, put the items in a table-like grid with grey margins and black-bordered boxes.*/

div .view-furnishings-display-master-view div.view-content {
  display: flex;
  width: 100%;
  padding: .5em;
  background-color: #CCC;
  flex-wrap: wrap;
  justify-content: space-around;
}

div.store-display-row {
  flex: 0 1 auto;
  width: 184px;
  margin: .5em;
  background-color: #EEE;
  padding: .5em;
  border: solid 2px;
}

/************************************/
/* 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 {
  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;
}

/**************************/
/* 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;
}


/***************************/
/* Explicit theme override */
/***************************/

/* 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;
}

@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;
  width: 20%;
  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 redice padding on top of header.*/

#header {
  padding-top: 5px;
}

/* 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.*/
}

/* 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;
}