/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
/*@import url(https://designtools.ciditools.com/css/themes.css);*/
/* For Mobile app CSS file */
@import url(https://designtools.ciditools.com/css/app.css);
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
/*@import url(https://designplus.ciditools.com/css/content.css);*/
/*@import url(https://designplus.ciditools.com/css/editor.css);*/
/* For Mobile app CSS file */
@import url(https://designplus.ciditools.com/css/mobile.css);

:root {
    --dt-color-primary: #13284C;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #13284C;
    --dt-color-secondary: #BC912C;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #53565A;
    --dt-color-accent: #FDB923;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #876613;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: #E6E6E6;
    --dt-color-graybg-contrast: #000000;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/
.suffolk-header-blue {
  width: 100%;
  color: #fdb924;
  background-color: #15284b;
  margin-top: 20px;
  padding: 10px 20px;
  border-bottom: 5px inset #fdb924;
  border-right: 5px inset #fdb924;
  border-radius: 0.5rem;
  justify-content: center;
  box-sizing: border-box;
}

.suffolk-header-gray {
  margin-top: 20px;
  color: #15284b;
  background-color: #f3f3f3;
  border-bottom: 5px inset #15284b;
  border-right: 5px inset #15284b;
  border-radius: 0.5rem;
  padding: 10px 20px;
  box-sizing: border-box;
}

.suffolk-banner-image {
  width: 100%;
  margin:10px 0px;
  border-radius: 0.5rem;
}

.suffolk-headshot {
  border-radius: 50%;
  border: 5px solid #fdb924;
  margin:10px;
}

.suffolk-cards {
    display: flex;
    flex-wrap: wrap;
 }

.suffolk-card {
    flex: 1 0 500px;
    box-sizing: border-box;
    margin: 1rem .25em;
}

@media screen and (min-width: 40em) {
    .suffolk-card {
       max-width: calc(50% -  1em);
    }
}
}

.suffolk-centered {
    margin: 0 auto;
    padding: 0 1em;
}

@media screen and (min-width: 52em) {
    .suffolk-centered {
        max-width: 52em;
    }
}

.suffolk-card-content {
  margin: 1rem .25em;
  padding: 1rem;
  background-color: transparent;
  color: #15284b;
  text-align: center;
  border:none;
}


.suffolk-card-content:hover {
  color: #15284b;
  background-color: transparent;
  border:none;
}

.suffolk-time-container {
  display: flex;
  justify-content: left;
  align-items: center;
}

.suffolk-time-image {
  width: 10%;
  padding: 10px 0px 10px 20px
}

.suffolk-time-text {
  width: 25%;
  padding: 10px;
}

.suffolk-time-length {
  border: 2px dashed #fdb924;
  padding: 10px;
}

.suffolk-yellow-divider {
  clear: both;
  color: #fdb924;
  background-color: #fdb924;
  height: 3px;
  border: none;
}

.suffolk-syllabus-callout {
  border-left: 5px solid #fdb924;
  background-color: #f3f3f3;
  padding: 10px;"
}