/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */


/**
 * ===================================
 * Add local styles to this stylesheet
 * ===================================
 *
 * (they may be applied to this theme without affecting other sub-themes)
 **/


/**
 * NOC Responsive theme uses Bootstrap v3.4.1
 * 
 * see https://getbootstrap.com/docs/3.4
 **/


/* Modified for NOC Innovations (wide logo overlaps video control) */
/*
.m-logo img {
  --logo-w: 333px;              
  width: var(--logo-w);
  height: 85px; }
  @media (max-width: 767px) {
    .m-logo img {
      width: calc(60 / 85 * var(--logo-w));
      height: 60px; } }
  @media (max-width: 500px) {
    .m-logo img {
      width: calc(52 / 85 * var(--logo-w));
      height: 52px; } }
*/
/* Addition smaller size to fit on screen */
/*
  @media (max-width: 375px) {           
    .m-logo img {
      width: calc(48 / 85 * var(--logo-w));
      height: 48px; } }
*/




.m-logo img {
  --logo-w: 333px;              /* logo width at height of 85px */ 
  width: var(--logo-w);
  height: 85px; }
  @media (max-width: 767px) {
    .m-logo img {
      width: calc(60 / 85 * var(--logo-w));
      height: 60px; } }
  @media (max-width: 500px) {
    .m-logo img {
      width: calc(52 / 85 * var(--logo-w));
      height: 52px; } }





/* Other CSS below */
/* --------------- */
.darkBlueText {
  color: #3061ab; }
.orangeText, .intro {
  color: #ed7004; }


#block-twitterfeed h2.block-title {
  margin-top: 0; }


.view-blog .view-content > .views-row h3 { margin-top: 0; }			/* Remove top margin from blog view titles */
.view-blog .view-content > .views-row ~ .views-row h3 { margin-top: 20px; }	/* Put it back for not-the-first item */

.view-blog .views-field-field-image a img {
  float: left;
  margin: 5px 15px 15px 0; }


.article .author, .blog .author {
  font-style: italic; }