:root {
  --stpetersgreen: rgb(0, 102, 0);
  --stpeterslightgreen: rgb(127, 127, 3);
  --complimentarycolorone: #04968f;
  --complimentarycolortwo: #3f0172;
  --complimentarycolorthree: #9dcf32;
  --complimentarycolorfour: #F7E3CE;
}
* {border-radius: 0 !important;}
.stphome .article-header h2:last-word {color: var(--stpetersgreen);}
.sphsemergency h2 {color: #262626;margin: 0;}
.sphsemergency .mod-custom {display: flex;justify-content: space-between;}
.sphsemergency p {margin-bottom: 0;}
.page-header {padding-bottom: 5px;}
blockquote{margin: 0 0 1rem 1rem;border-left: solid 4px var(--stpetersgreen);padding-left: 1rem;}
#sp-position1 {padding: 20px}
.sp-contact-info li {font-size: 1rem;}
#sp-top-bar, #sp-top-bar a {color: #fff;font-size: 1.25rem}
.btn-primary, .sppb-btn-primary {border-color: var(--stpetersgreen);background-color: var(--stpetersgreen);}
.btn-primary:hover, .sppb-btn-primary:hover, .doclink:hover {color:#fff;border-color: var(--stpeterslightgreen);background-color: var(--stpeterslightgreen)}
.box-flex {display: flex;flex-flow: row nowrap;align-items: flex-start;justify-content: center;text-align: center;font-size: 1.2rem;background-color: #333333;color: #d9d9d9;}
.accordion-flush .accordion-collapse {padding: 20px 0px;}
.box-flex-center-left {align-items: center;justify-content: flex-start;}
.box-caption {position: absolute;max-width: 50%;margin: 0;padding: .5rem 1rem;word-break: break-word;font-size: 1.25rem;background-color: rgba(0,0,0,.75);color: #f2f2f2;}
img {
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}
a img, .clickable img {
  pointer-events: auto;
}
.infoboxes div {margin-bottom: 15px;}
.infoboxes .fas {color:var(--stpetersgreen);margin-bottom: 15px;display: block;text-align: center;}
.infoboxes span {background-color: var(--stpeterslightgreen); color: #ffffff; padding: 10px; display: block;clip-path: polygon(100% 0, 100% 50%, 80% 100%, 0 100%, 0 0);}

.megamenuheading {font-weight: 700;border-bottom: 1px solid #000;margin-bottom: 10px;padding: 10px 0px;display: block;}
.sp-megamenu-parent .sp-mega-group > li > a {margin-bottom: 5px;padding-top: 5px;}
.sp-megamenu-parent .sp-mega-group > li > a:hover {color: var(--stpetersgreen)}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {display: none;}
#sp-right .sp-module ul.menu-child {margin-left: 20px;}
.sp-megamenu-parent .sp-mega-group .menu_item {border-bottom: solid 1px #eee;}
.sp-menu-separator {padding-bottom: 0px !important;}

.termdates {  background: var(--complimentarycolorfour);padding: 10px 20px;}
.termdates p {font-weight: 600;font-size: 1.25rem;}

.stpnewsflash-image {max-height: 230px;overflow: hidden;clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0 100%, 0 0);}
.newsflash-title {min-height: 60px;}
.doclink {background-color: rgb(108, 117, 125);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-sizing: border-box;
  padding: 0.375rem 0.75rem;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-decoration-color: rgb(255, 255, 255);
  text-decoration-line: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-rendering: auto;
  transition-delay: 0s, 0s, 0s, 0s;
  transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
  transition-property: color, background-color, border-color, box-shadow;
  transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
  user-select: none;
  vertical-align: middle;
  -moz-osx-font-smoothing: grayscale;}

.blog .fields-container, .blog .article-introtext, #sp-right .sp-module ul > li.item-150 {display: none;}

/* Curriculumn */
.page-header {position: relative;}
.curric-headbckgrnd {position: absolute;top: 0;padding: 20px;width: 100%;background: -moz-linear-gradient(left,  rgba(127,127,3,1) 25%, rgba(51,133,51,1) 40%, rgba(153,194,153,0) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  rgba(127,127,3,1) 25%,rgba(51,133,51,1) 40%,rgba(153,194,153,0) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  rgba(127,127,3,1) 25%,rgba(51,133,51,1) 40%,rgba(153,194,153,0) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F7F03', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}
.currichead .article-full-image {clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);}
.fields-container {list-style: none;padding: 0px;background: #ededed;}
.fields-container .field-entry {padding:10px 15px;border-right: solid 4px #fff;}
.fields-container .field-label {font-family: 'Playfair Display', sans-serif;color: #262626;display: block;font-size: 1.25rem;}
.fields-container .field-value ul {}
.fields-container .field-value ul li {}
.fields-container .cirr-intent {background-color: #FFC000;}
.fields-container .cirr-intent::before {font-style: normal;font-variant: normal;text-rendering: auto;font-size: 3rem;-webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f140";}
.fields-container .cirr-implementation {background-color: #30E845;}
.fields-container .cirr-implementation::before {font-style: normal;font-variant: normal;text-rendering: auto;font-size: 3rem;-webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f085";}
.fields-container .cirr-impact {background-color: #5B9BD5;}
.fields-container .cirr-impact::before {font-style: normal;font-variant: normal;text-rendering: auto;font-size: 3rem;-webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0ae";}
.accordion-body {padding:0px;}
@media only screen and (max-width: 1200px) {
  .infoboxes > * {margin-bottom: 20px;}
  .logo-image {height: 50px !important;}
}
@media only screen and (max-width: 1280px) {
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size:17px !important;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px)  {
  .header-modules {display: none !important;}
}
@media only screen and (max-width: 576px) {
.fields-container .field-entry {border-right:none;border-bottom: solid 4px #fff;}
}