/* 2018/03/29 12:06 */
/**
 * btn-rounded class, per BMT-6343
 * Makes buttons in within a block (or a button itself) with this class rounded 
 */
 .btn-rounded .btn,
 .btn-rounded
 {
    border-radius: 11px;
 }

/**
 * CSS for class "justify-center"
 * Added per BMT-6344* Ensures grid items are centered
 */
.justify-center .row  {
  justify-content: center !important;
}

/*
 * Begin CSS added per BMT-6383
 */
    /* Makes article photo credits' font size smaller */
    #asset-photo-carousel .photo-carousel .caption-container .card-meta {
        font-size: .74em;
    }
    
    /* Hide photo credit for photos with the "mugshot" presention mode in articles */
    article.asset .asset-related-mugshot figure .caption .credit {
        display: none;
    }
/*
 * End CSS Per BMT-6383 
 */
 
/*
 * Begin CSS added per BMT-6380
 * Makes promo-items slightly smaller on desktop
 * Kind of like a "col-md-2 and a 1 third" class
 */
    @media (min-width:992px) {
      #tncms-block-545690 .promo-item {
        width: 20%;
      }
    }
/*
 * End CSS added per BMT-6380
 */
 

/**
 * CSS for class "card-event-list-horizontal"
 * Added per BMT-6409
 * Display events in the Core block template "Card: Event List" horizontally
 */
.card-event-list-horizontal:after {
        content: " ";
        clear: both;
        display: block;

    }

@media screen and (min-width: 1200px) {
   .card-event-list-horizontal .card.event-list .event-list-item {
	    width:25%;
        float: left;
        padding: .5em;
        min-width: 285px;
    }
   .card-event-list-horizontal .card.event-list .event-list-item:nth-child(4n+1) {
        clear: left;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
   .card-event-list-horizontal .card.event-list .event-list-item {
		width:33.33333333%;
        float: left;
        padding: .5em;
        min-width: 240px;
    }
   .card-event-list-horizontal .card.event-list .event-list-item:nth-child(3n+1) {
        clear: left;
    }
}

   /**
    * Some font adjustments
    */
   .card-event-list-horizontal .event-date,
   .card-event-list-horizontal .event-location,
   .card-event-list-horizontal .event-cost
   {
        font-size: .9em;
       
   }
   .card-event-list-horizontal .event-list-item .card-headline h3 {
       font-size: 1.1em; 
   }
   .card-event-list-horizontal .card.event-list .event-list-item .event-date-container span.event-day {
      font-size: 1.34em;
   }
   .card-event-list-horizontal .event-list-item .event-date-container .event-month { 
       font-size: .9em;
   }
/**
 * End CSS for class "card-event-list-horizontal"
 */
 
 /**
  * CSS per BMT-6531
  * class to make showcase headline look like list headline
  */
 .headline-small .panel .panel-body .card-headline h4 {
     font-size: 110%;
}

 /**
  * CSS per BMT-6576
    /* Quick fix for hamburger menu problem due to RealMatch widget */
    .offcanvas-drawer-left a:link,
    .offcanvas-drawer-left a:visited,
    .offcanvas-drawer-left a:active {
        color: #fff !important;
    }
 /**
  * End CSS per BMT-6576
  */
  
 /**
  * CSS per BMT-6630
  * class to make showcase business for "Taste of Richmond" page nicer
  */
    @media screen and (max-width: 600px) {
        .taste-of-summer-list .taste-of-summer-list-item {
            border-bottom: 1px #eee solid;
             margin-top: 1em;
            padding-bottom: 1em;
        }
    }
/**
  * End CSS per BMT-6630 */


/**
 * CSS for class "hide-headlines"
 * Added per BMT-6663
 * Hides all headlines in a block
 */
.hide-headlines .card-headline  {
  display: none;
}

/**
 * CSS per BMT-6665
 * modify links in title block
 */
.section-jobs .tncms-block section.block ul.nav li {
  color: white;
  font-weight: 600;
}
.section-jobs .tncms-block section.block ul.nav li a {
  /* override Job Network brain-dead CSS */
  color: white !important;
}
/* custom CSS class to add padding above title */
.tncms-block.pad-title-top .block-title .block-title-inner {
    padding-top: 8px;
}
/** end BMT-6665 */
/**
 * CSS per BMT-6664
 * Adds (responsive) padding to right and left of cards in a block
 */
 
 @media screen and (min-width: 1200px) {
     .tncms-block.pad-card .card .card-container {
         padding-right: 100px;
         padding-left: 100px;
     }
}         
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .tncms-block.pad-card .card .card-container {
         padding-right: 50px;
         padding-left: 50px;
     }
}
/** end BMT-6664 */

/*
 * Temp per BMT-6615
 */
.candidate .labeltext abbr[title="Republican"] {
  color: rgb(139, 0, 0);
}
.candidate .labeltext abbr[title="Democratic"] {
  color: rgb(0, 0, 139);
}

/** BMT-6729
 * Reduce bottom margin of story cards
 */
.tncms-block.card-squash .card-grid .card {
   margin-bottom: 5px;
} 
  /** end BMT-6729 */

/** Robert's fix for TN parallax on mobile (iPhones) */
/** See BMT-6752 and associated Townnews ticket */
@media only screen and (min-width: 300px) and (max-width: 749px) {
  .tnt-parallax.tnt-width-full-viewport {
    background-size: 100vw !important;
  }
}
/* Per BMT-7004 */
.navbar-brand .logo-804-varsity img {
    margin-top: 6px;
    max-height: 40px;
    height: auto !important;
}

/* Per BMT-7270 */
.card-headlines-center .card-body .card-headline h3,
.card-headlines-center .card-body .card-headline h1,
.card-headlines-center .card-body .card-headline h2 {
  text-align: center;
}

/* Per BMT-7439 */
.neg-top-margin {
  margin-top: -20px;
}

/* BMT-7787 */
.bkgd-black {
  background: black;
}

/**
 * Updated CSS per BMT-7811 by Robert Dundon 
 * (moved to site.css per BMT-7787)
 */
.site-tagline {
  display: block;
  margin:0;
  font-size: 20px;
  color: #666;
  text-align: center;
  padding 0;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
  text-transform: capitalize;
  font-variant: small-caps;
}


/**
 * Begin CSS for "image-center" class
 * Originally per BMT-7848
 * Supplements the TN "text-center" class
 */
  .image-center img {
    display: block;
    margin: 0 auto;
  }
/* End CSS for "image-center" class */


/**
 * Begin CSS for "show-play-button-end" class
 * For blocks using "Video: Player" Core block 
 * template and anything containing a video 
 *  player made with TN's code based on VideoJS 
 * (https://github.com/videojs/video.js)
 *
 * Originally per BMT-7994
 */
    .show-play-button-end .video-js.vjs-ended .vjs-big-play-button {
    display: block !important;
    
    }
    .show-play-button-end .engagement-slide {
    display: none !important;
    }
/*
 * End CSS for "show-play-button-end" class
 */
 
 /**
  * Adjust image size on the jobs page, supposedly to avoid interfering 
  * with the search widget. See BMT-7998.
  */
 @media only screen and (min-width: 1000px) {
   .section-jobs #tncms-region-index-full .tncms-block .card-image img {
     width: 75%;
     margin-left: 12.5%;
   }
 }
 /*
  * end BMT-7998.
  */
  
  /*
   * BMT-8044
   * Fix size of image cards on small devices where they are displayed in a
   * single column.
   *
   */
@media only screen and (max-width: 768px) {
  .mobl-imgs-wide .card-compact .card.has-image > .card-container > .card-image {
	width: 80%;
        float: none;
	margin-left: 10%;
  }
}
/*
 * end BMT-8044
 */
 
/*
 * BMT-8049
 * custom logo for Luxury Homes header
 */

@media only screen and (min-width: 992px) {
  .section-luxury-homes #site-navbar-container {
    margin-bottom: 60px;
  }

  .section-luxury-homes #navbar-collapse .navbar-left {
    margin-left: 155px;
  }

  .section-luxury-homes #tncms-region-main-nav-brand .tncms-block.spons-logo .img-responsive {
    height: 121px !important;
    max-height: 121px !important;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .section-luxury-homes #site-navbar-container {
    margin-bottom: 140px;
  }

  .section-luxury-homes #tncms-region-main-nav-brand .tncms-block.spons-logo .img-responsive {
    height: 195px !important;
    max-height: 195px !important;
  }

  .section-luxury-homes #main-body-container {
    margin-top: 70px;
  }
 }

/*
 * end BMT-8049
 */
 
 
 /* BMT 8063 Nav menu started wrapping from 1 to 2 lines */
 ul.nav > li.dropdown > a > svg {font-size: 12px !important;}