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