body {
      font-family:   'Roboto', san-serif;
      font-size:     16px;
   }
   
   a:visited {
      color:                  #14717b;
   }
   
   a {
      color:                  #204496;
   }
   
   .top-bar {
      background-color:       #204496;
      height:                 4em;
      text-align:             center;
      padding-top:            1em;
   }
   .header-bar-menu li {
      display:                inline;
      margin-left:            2em;
   }
   .header-bar-menu a {
      color:                  white;
      text-decoration:        none;
   }
   .footer_logo {
      background-color:       #6f9cd1;
   }
   .footer_logo img {
      height:                 2em;
   }
   
   .mid-bar {
      background-color:       #caf1f4;
      height:                 4em;
   }

   .image-row-container {
      max-width:        1024px;
   }
   .text-container {
      max-width:        600px;
      margin-left:      auto;
      margin-right:     auto;
   }

   .about-entry {
      margin:                 20px 7px 0 7px;
      font-size:              .8em;
      text-align:             center;
      display:                inline-block;
   }
   .about-photo {
   }
   .about-photo img {
      width:                  100%;
   }
   .about-name {
   }
   .about-title {
   }
   .about-link {
   }
   .resources-head {
      font-size:              1.1em;
      font-weight:            bold;
      text-transform:         uppercase;
      color:                  #4b6586;
   }
   .resources-list {
      list-style-type:        none;
   }
   .resources-list li {
      padding-top:            .4em;
      padding-bottom:         .4em;
      margin-left:            -2em;
   }
   .input-box-border {
      border:                 1.5px solid rgb(206, 206, 206);
      padding:                1em;
   }
   /* override bootstrap form-label */
   .form-label {
      margin-bottom:          .2rem;
   }
   .ph-tooltip-icon {
      color:                  mediumturquoise;
      font-size:              1.2em;
   }
   .ph-tooltip .tooltip-inner {
      background-color:       #0099ad;
   }
   .ph-form-box {
      border:                 solid #c0c0c0 1px;
      padding:                .5em;
      border-radius:          .5em;
   }
   /*
   #video-modal .modal-dialog, #video_modal .modal-content, #video-modal .modal-body {
      max-width:              1024px;
      width:                  80%;
      margin-left:            auto;
      margin-right:           auto;
   }
   */
   
   #modal-error-box {
      background-color:       pink;
      padding:                1em;
   }   
   #modal-error-box ul {
      list-style-type:        none;
      margin-left:            0;
   }   
   #modal-error-box h2 {
      display:                block;
   }
   .ph-edit-user-icon, .ph-tooltip-icon {
      cursor:                 pointer;
   }
   .ph-edit-user-icon {
      color:                  mediumturquoise;
   }
   .ph-home-video {
   }
   .ph-home-video iframe {
   }
   .ph-video-thumbnail {
      padding:          1em;
      display:          inline-block;
      vertical-align:   top;
      cursor:           pointer;
   }
   .ph-video-thumbnail img {
      width:            100%;
   }
   
         .sc-page-heading     {
            color:            rgb(89, 23, 20);
            font-size:        2.375em;
            font-weight:      bold;
            /* margin-top:       2em; */
            padding:          1em 0 .5em 1em;
            position:         relative;
            z-index:          1;
         }
         .sc-image-row-container {
            max-width:        1024px;
         }
         .sc-lg-text {
            color:         rgb(89, 23, 20);
            font-size:     2.125em;
            font-weight:   bold;
            line-height:   1.2;
         }
         .sc-md-text {
            color:         rgb(89, 23, 20);
            font-size:     1.5em;
            font-weight:   bold;
            line-height:   1.5;
         }
         .sc-md-gray-text {
            color:         rgb(29, 7, 6);
            font-size:     1.5em;
            font-weight:   bold;
            line-height:   1.5;
         }
         .sc-form-control     {
            border-width:  2px;
            border-radius: 0;
         }
         .sc-button {
            background-color: rgb(86, 100, 168);
            border-color:     rgb(86, 100, 168);
            border-radius:    1em;
         }
         .sc-list {
            padding-left:     1em;
         }
         .sc-list li {
            margin-top:       0.3em;
            margin-left:      1em;
         }
         .sc-main-menu-button {
            position:         absolute;
            top:              1em;
            right:            1em;
            font-size:        1.125em;
         }
         .sc-main-menu {
            padding:          2em;
         }
         .sc-main-menu ul li a {
            text-decoration:  none;
            color:            rgb(45, 58, 123);
            font-weight:      bold;
            font-size:        1.1em;
         }
         .sc-main-menu ul li {
            list-style-type:  none;
            padding:          1em;
         }
         .sc-home-image-button {
            margin:           1em auto;
            width:            232px;
         }
         .sc-home-image-button img {
            width:            100%;
         }
         .sc-ol {
            padding-left:     3em;
         }
         .sc-ol li {
            padding:          0.6em;
         }
         .sc-view-toggle {
            color:            white;
            line-height:      1.4;
            text-align:       center;
            margin:           .5em 1em .5em 1em;
            padding:          0 3.5em;
         }
         .sc-view-toggle.sc-view-active {
            background-color: rgb(86, 100, 168);
         }
         .sc-view-toggle:not(.sc-view-active) {
            background-color: rgb(187, 193, 220);
         }
         .sc-toggled-view {
            text-align:       center;
         }
         .sc-team-plaque {
            padding:          1em;
            display:          inline-block;
            vertical-align:   top;
         }
         .sc-team-plaque img {
            width:            100%;
         }
         .sc-team-plaque-label {
            font-size:        1em;
            font-weight:      600;
            padding-left:     1em;
            padding-right:    1em;
            line-height:      1.4;
            text-align:       center;
         }
         .sc-accordion {
            font-size:        1.125em;
            text-align:       left;
            padding:          0 1em 0 1em;
         }
         .sc-accordion-head {
            font-weight:      bold;
            margin-bottom:    1em;
            padding:          0.3em 1em 0.3em 1em;
            background-color: rgb(255, 250, 252);
            color:            rgb(34, 47, 113);
            border:           solid 1.7px rgb(34, 47, 113);
            cursor:           pointer;
         }
         .sc-accordion-head-text {
            display:          inline;
         }
         .sc-accordion-controls, .sc-accordion-controls div {
            display:          inline;
         }
         .sc-accordion-body {
            /* color:            rgb(28, 29, 29); */
            line-height:      1.3;
            margin-bottom:    1em;
         }