/* Import Base Styles */
/*-------------------------------------------
   	Global Starter
-------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, main, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, audio, canvas, progress, video {
  display: block; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:active,
a:hover {
  outline: 0; }

/* Nice Subs & Sups */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto; }
  a img {
    border: none; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0;
  vertical-align: top; }

::-moz-selection {
  background: #d7d7d7;
  color: #000;
  text-shadow: none; }

::selection {
  background: #d7d7d7;
  color: #000;
  text-shadow: none; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0; }

.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* Color Variables */
/* Font Sizes */
/* font familes */
/* Base Fonts */
/* Site Specific General Styles */
body {
  color: #5a5a5a;
  font-family: "adelle", Georgia, Arial, sans-serif;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  font-style: normal; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 21px;
      font-weight: 300; } }

b, strong {
  font-weight: 700; }

i, em {
  font-style: italic; }

p {
  line-height: 1.7em;
  margin-bottom: 1em; }
  @media screen and (min-width: 768px) {
    p {
      line-height: 2em;
      margin-bottom: 1.8em; } }

ul, dl, ol {
  line-height: 1.7em;
  margin-bottom: 1em; }

li {
  margin-bottom: .8em; }

a {
  color: #d45fb7;
  text-decoration: none; }
  .articleContent a, .generalBlock a {
    border-bottom: 3px solid #dfc4e4;
    border-image: linear-gradient(to right, #cad1de, #e2c3e4);
    border-image-slice: 1; }
    .articleContent a:hover, .articleContent a:active, .articleContent a:focus, .generalBlock a:hover, .generalBlock a:active, .generalBlock a:focus {
      border-image: none;
      border: none;
      border-image-slice: 0; }
    @media screen and (min-width: 768px) {
      .articleContent a, .generalBlock a {
        border-bottom: 5px solid #dfc4e4; } }

h1 {
  font-size: 29px;
  color: #222222;
  font-family: "adelle", Georgia, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3em; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 60px;
      line-height: 1.2em;
      margin-bottom: .2em; } }

h2 {
  font-size: 28px;
  color: #216f6a;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: normal;
  margin-bottom: .5em;
  line-height: 1.3em; }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 38px;
      margin-bottom: .9em; } }

h3 {
  font-size: 22px;
  color: #216f6a;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: normal;
  margin-bottom: .5em;
  line-height: 1.3em; }
  @media screen and (min-width: 768px) {
    h3 {
      font-size: 37px; }
      section h3 {
        text-align: center; } }

h4 {
  font-size: 24px;
  color: #000000;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: normal;
  margin: 1em 0 .75em;
  line-height: 1.1em; }

h5 {
  font-size: 20px;
  color: #000000;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: normal;
  margin: 1em 0 .75em;
  line-height: 1.1em; }

ul, ol {
  list-style-type: none; }

img[align="right"],
img.right {
  float: right;
  margin: 10px 0 20px 30px; }
  @media screen and (max-width: 549px) {
    img[align="right"],
    img.right {
      float: none;
      margin: 20px auto; } }

img[align="left"],
img.left {
  float: left;
  margin: 10px 30px 20px 0; }
  @media screen and (max-width: 549px) {
    img[align="left"],
    img.left {
      float: none;
      margin: 20px auto; } }

.adelle-light {
  font-weight: 300; }
  .adelle-light i, .adelle-light em {
    font-style: italic; }

.tablet-gothic {
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: 400; }
  .tablet-gothic b, .tablet-gothic strong {
    font-weight: 700; }

.tablet-gothic-comp {
  font-family: "tablet-gothic-compressed", Arial, sans-serif;
  font-weight: 400; }
  .tablet-gothic-comp b, .tablet-gothic-comp strong {
    font-weight: 600; }

/* Custom CSS */
.siteHead {
  display: relative;
  background: #222222; }
  .siteHead .logo {
    display: block;
    width: 180px;
    height: 61px;
    float: left;
    border: none; }
  .siteHead .icon-seton-hill-university {
    width: 180px;
    height: 61px; }
  @media screen and (min-width: 900px) {
    .siteHead {
      position: absolute;
      width: 100%;
      background: transparent; }
      .siteHead:after {
        content: "";
        display: block;
        width: 183px;
        height: 277px;
        background: url(../../../icos/svg/this-way-up.svg) 0 0 no-repeat;
        background-size: 183px 277px;
        position: absolute;
        right: 0;
        top: 8px;
        z-index: 999; }
      .siteHead .logo {
        position: absolute;
        top: 0;
        left: 0; } }

.shuTag {
  margin: 0;
  padding: 12px 0 14px 12px;
  background: #ad7f2a;
  color: #ffffff;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
  border-top: 4px solid #9b7226;
  text-align: left;
  letter-spacing: .8px;
  position: relative;
  z-index: 900; }
  @media screen and (min-width: 900px) {
    .shuTag {
      width: 355px;
      margin-left: 10px;
      text-align: center; } }

.headerTop {
  background: #222222;
  position: relative;
  height: 61px; }
  @media screen and (min-width: 900px) {
    .headerTop {
      background: transparent;
      height: auto; } }

@media screen and (min-width: 900px) {
  .headerWrap {
    height: 84px;
    margin: 8px 0 0 10px;
    background: transparent url(../../../icos/svg/navBg.svg) right top no-repeat;
    background-size: auto 84px;
    position: relative;
    z-index: 1500; }
    .headerWrap .icon-seton-hill-university {
      width: 184px;
      height: 84px; } }

@media screen and (min-width: 900px) {
  .searchWrap {
    position: absolute;
    right: 65px;
    top: 35px;
    width: 20px;
    height: 20px;
    background: url(../../../images/tmp/searchlarge.png) 0 0 no-repeat; }
    .searchWrap form {
      display: none; } }

.siteFoot {
  background: #272727; }
  @media screen and (min-width: 1200px) {
    .siteFoot {
      background: #ffffff; } }
  .siteFoot hr {
    width: 52px;
    height: 5px;
    background: #525252;
    border: 0;
    display: block;
    margin: 35px auto; }
    @media screen and (min-width: 1200px) {
      .siteFoot hr {
        display: none; } }

.footInfoBlock {
  background: url(../../../images/jpg/bg-footer-page-nofade.jpg) center top no-repeat;
  background-size: 400px;
  padding: 35px 0 0;
  margin: 0 auto; }
  .footInfoBlock .footInfoIntro {
    background: url(../../../images/png/bg-footer-triangle.png) center 80% no-repeat;
    background-size: contain;
    padding: 0 0 1px; }
  .footInfoBlock p {
    text-align: center;
    font-family: "tablet-gothic-compressed", Arial, sans-serif;
    color: #ffffff;
    font-size: 35px;
    margin: 0 50px 1em;
    line-height: 1em; }
  .footInfoBlock .icon-moreArrowDown {
    margin: -15px auto 55px; }
  @media screen and (min-width: 400px) {
    .footInfoBlock {
      background-size: contain; } }
  @media screen and (min-width: 550px) {
    .footInfoBlock {
      background-size: cover;
      background-position: center -150px; } }
  @media screen and (min-width: 768px) {
    .footInfoBlock {
      float: left;
      width: 366px;
      background-size: 366px;
      background-position: center top; } }

.sessionList {
  margin: -75px 0 0;
  padding: 75px 0 37px;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(28, 28, 28, 0) 0%, #1c1c1c 15%); }
  @media screen and (min-width: 400px) {
    .sessionList {
      margin: -100px 0 0;
      padding: 115px 37px 0;
      background-image: linear-gradient(to bottom, rgba(28, 28, 28, 0) 0%, #1c1c1c 25%); } }
  .sessionList h6 {
    font-family: "tablet-gothic", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #e2bbc8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 15px;
    line-height: 20px; }
  .sessionList dl {
    color: #ffffff;
    padding-bottom: 40px;
    margin: 0; }
  .sessionList dt {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.5em;
    margin: 15px 0 0; }
  .sessionList dd {
    font-family: "tablet-gothic", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #a8a8a8;
    letter-spacing: 2px;
    border-bottom: 1px solid #493c49;
    padding: 0 0 15px; }
    .sessionList dd:last-child {
      border: none; }

.footContain {
  position: relative; }
  @media screen and (min-width: 768px) {
    .footContain {
      float: right;
      width: calc(100% - 366px); } }

.footAddress {
  text-align: center;
  margin: -30px 0 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
  line-height: 1.7em; }
  .footAddress .icon-seton-hill-university {
    width: 282px;
    height: 106px;
    background-size: 227px 65px;
    margin: 0 auto 30px; }
  .footAddress a {
    color: #ffffff;
    text-decoration: none;
    border: none; }
  @media screen and (min-width: 1200px) {
    .footAddress {
      height: auto;
      width: 282px;
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      text-align: left;
      font-size: 20px; }
      .footAddress .icon-seton-hill-university {
        margin: -10px 0 0 -10px; }
      .footAddress .addressNudge {
        padding: 35px 0 0 20px; } }

.footerSocial {
  width: 268px;
  margin: 60px auto; }
  .footerSocial ul {
    margin: 0; }
  .footerSocial li {
    height: 55px;
    width: 50%;
    float: left;
    margin: 0 0 50px; }
    .footerSocial li:nth-child(even) {
      float: right; }
  .footerSocial a {
    margin: 0 auto;
    border: none; }
  @media screen and (min-width: 768px) {
    .footerSocial {
      width: 100%;
      margin: 60px auto 0;
      text-align: center; }
      .footerSocial li {
        display: inline-block;
        float: none;
        width: auto;
        margin: 0 20px; }
        .footerSocial li:nth-child(even) {
          float: none; } }
  @media screen and (min-width: 1200px) {
    .footerSocial {
      height: 167px;
      background: #363636;
      margin: 0;
      text-align: left; }
      .footerSocial ul {
        margin: 0 0 0 320px;
        padding: 50px 0 0; }
      .footerSocial li {
        margin: 0 60px 0 0; }
      .footerSocial a {
        margin: 0; } }

.griffin {
  background: #ffffff;
  padding: 40px 0 0;
  overflow: hidden;
  clear: both;
  position: relative; }
  .griffin .griffinTxt {
    display: none; }
  .griffin img {
    width: 75%;
    max-width: 300px;
    margin: 0 auto -105px; }
  @media screen and (min-width: 1200px) {
    .griffin {
      clear: none;
      float: right;
      width: calc(100% - 366px);
      padding: 20px 0; }
      .griffin img {
        margin: 0;
        width: 262px;
        height: 219px;
        margin-left: 15px; }
      .griffin .griffinTxt {
        display: block;
        position: absolute;
        top: 80px;
        left: 360px; }
      .griffin p {
        font-family: "tablet-gothic-compressed", Arial, sans-serif;
        font-weight: 600;
        font-size: 39px;
        color: #777777;
        margin: .35em;
        line-height: 39px; }
      .griffin p:last-child {
        color: #363636; }
        .griffin p:last-child a {
          color: #bc1239;
          border-bottom: 4px solid #e5e5e5;
          border-image: none; } }

.mobiOpen {
  display: block;
  position: relative;
  font-family: "tablet-gothic-compressed", Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 2px;
  width: 140px;
  height: 61px;
  float: right;
  border: none; }
  .mobiOpen span {
    position: absolute;
    top: 18px;
    left: 25px; }
  .mobiOpen:hover, .mobiOpen:active, .mobiOpen:focus {
    color: #ffffff; }
  .mobiOpen.off .icon-x {
    display: none; }
  .mobiOpen.on .icon-openMobi {
    display: none; }
  @media screen and (max-width: 319px) {
    .mobiOpen {
      width: 50px; }
      .mobiOpen span {
        display: none; } }
  @media screen and (min-width: 900px) {
    .mobiOpen {
      display: none; } }

.icon-openMobi {
  position: absolute;
  top: 14px;
  right: 21px; }

.icon-x {
  position: absolute;
  top: 20px;
  right: 35px; }

.navWrap {
  margin: 0;
  width: 93.75%;
  max-height: 0;
  overflow: hidden; }
  .navWrap.open {
    margin: 0 3.125% 25px;
    max-height: 10000px; }
  @media screen and (min-width: 900px) {
    .navWrap {
      width: auto;
      max-height: 84px;
      overflow: visible;
      margin: 0 0 0 195px;
      padding: 0 115px 0 0; } }

.navMain {
  font-family: "tablet-gothic-compressed", Arial, sans-serif;
  color: #ffffff;
  margin: 0; }
  .navMain ul {
    margin: 0; }
  .navMain a {
    color: #ffffff;
    font-size: 35px;
    text-decoration: none;
    line-height: 35px;
    display: block;
    border: none; }
    .navMain a span {
      display: inline-block;
      padding: 0 0 15px;
      margin-bottom: -1px;
      border-bottom: 5px solid transparent; }
    .navMain a:hover span, .navMain a:active span, .navMain a:focus span, .navMain a.on span {
      border-bottom: 5px solid #bc1239; }
  .navMain li {
    border-bottom: 1px solid #434343;
    padding: 15px 0 0;
    margin: 0; }
  @media screen and (min-width: 900px) {
    .navMain {
      height: 84px;
      font-weight: 300;
      float: left; }
      .navMain li {
        padding: 0 29px;
        border: 0;
        display: inline-block; }
      .navMain a {
        height: 84px;
        font-size: 25px;
        line-height: 25px; }
        .navMain a span {
          padding: 26px 0 8px;
          margin-bottom: 0;
          border-bottom: 4px solid transparent; }
        .navMain a:hover span, .navMain a:active span, .navMain a:focus span {
          border-bottom: 4px solid #ad7f2a; } }

.mobiMore {
  display: block;
  border-bottom: 1px solid #434343;
  padding: 22px 0;
  margin: 0;
  line-height: 20px;
  font-size: 20px;
  color: #898989;
  text-decoration: none; }
  .mobiMore:after {
    content: url(../../../images/tmp/arrow-down-grey.png);
    width: 11px;
    height: 23px;
    display: inline-block;
    position: relative;
    margin: 0 0 0 10px;
    bottom: -5px; }
  .mobiMore:hover, .mobiMore:active,
  .mobiMore :focus {
    color: #898989; }
  @media screen and (min-width: 900px) {
    .mobiMore {
      display: none; } }

.navTert {
  font-family: "tablet-gothic", Arial, sans-serif;
  color: #ffffff;
  margin: 0 0 15px;
  max-height: 0;
  overflow: hidden; }
  .navTert.open {
    max-height: 5000px; }
  .navTert ul {
    margin: 0; }
  .navTert li {
    border-bottom: 1px solid #434343;
    padding: 15px 0;
    margin: 0; }
  .navTert a {
    color: #adadad;
    font-size: 18px;
    text-decoration: none;
    line-height: 24px;
    display: block;
    border: none; }
  @media screen and (min-width: 900px) {
    .navTert {
      max-height: 84px;
      overflow: visible;
      height: 84px;
      margin: 0; }
      .navTert ul {
        margin: 0;
        line-height: 0; }
      .navTert li {
        border: 0;
        padding: 0 27px;
        display: inline-block; }
      .navTert a {
        height: 84px;
        font-size: 14px;
        line-height: 14px; }
        .navTert a span {
          display: block;
          padding: 36px 0 8px;
          margin-bottom: 0;
          border-bottom: 4px solid transparent; }
        .navTert a:hover span, .navTert a:active span, .navTert a:focus span {
          border-bottom: 4px solid #ad7f2a; } }
  @media screen and (max-width: 900px) {
    .navTert li {
      border-bottom: none;
      padding: 0;
      margin: 0; }
    .navTert li li {
      border-bottom: 1px solid #434343;
      padding: 15px 0; } }

.flexMenu-viewMore {
  position: relative; }
  .flexMenu-viewMore a[title="View More"] {
    border-bottom: 4px solid transparent !important; }
    .flexMenu-viewMore a[title="View More"] span:after {
      content: url(../../../images/tmp/arrow-down-grey-6.png);
      width: 6px;
      height: 12px;
      display: inline-block;
      position: relative;
      margin: 0 0 0 10px;
      bottom: -1px; }
    .flexMenu-viewMore a[title="View More"]:hover, .flexMenu-viewMore a[title="View More"]:active, .flexMenu-viewMore a[title="View More"]:focus {
      border-bottom: 4px solid transparent !important; }
      .flexMenu-viewMore a[title="View More"]:hover span, .flexMenu-viewMore a[title="View More"]:active span, .flexMenu-viewMore a[title="View More"]:focus span {
        border-bottom: 4px solid transparent !important; }

.flexMenu-popup {
  top: 82px;
  left: -3px;
  margin: 0;
  padding: 0;
  height: auto;
  background: #222222; }
  .flexMenu-popup li {
    margin: 0;
    padding: 0;
    height: auto;
    display: block; }
  .flexMenu-popup a {
    margin: 0;
    height: auto;
    padding: 10px 30px; }
    .flexMenu-popup a span {
      margin: 0;
      padding: 0 0 8px;
      height: auto; }

@media screen and (max-width: 900px) {
  .flexMenu-viewMore a[title="View More"] {
    display: none; }

  .flexMenu-popup {
    position: relative !important;
    display: block !important;
    top: 0;
    left: 0; }
    .flexMenu-popup a {
      padding: 0; } }
.footerNav {
  padding: 0 20px;
  background: #272727; }
  .footerNav ul {
    margin: 0 auto;
    text-align: center; }
  .footerNav li {
    margin: 5px 0; }
  .footerNav a {
    font-family: "tablet-gothic-compressed", Arial, sans-serif;
    font-size: 27px;
    color: #ffffff;
    text-decoration: none;
    border: none; }
  @media screen and (min-width: 768px) {
    .footerNav li {
      display: inline-block;
      margin: 5px 10px; } }
  @media screen and (min-width: 1200px) {
    .footerNav {
      height: 94px;
      max-height: 94px;
      width: 100%;
      border-bottom: 1px solid #4a4a4a;
      padding: 0; }
      .footerNav ul {
        margin: 0 0 0 310px;
        text-align: left;
        line-height: 94px; }
      .footerNav li {
        margin: 0 25px 0 0; }
      .footerNav a {
        font-size: 22px; } }
  @media screen and (min-width: 1300px) {
    .footerNav a {
      font-size: 27px; } }

.subNavContain {
  margin: 0 0 20px;
  padding: 0 0 30px;
  border-bottom: 1px solid #d69d34; }
  @media screen and (min-width: 768px) {
    .subNavContain {
      border-bottom: 0; } }

.subNavHead a {
  display: block;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-size: 22px;
  color: #ffffff;
  background: #bc1239;
  line-height: 22px;
  padding: 10px 12px;
  border: 0;
  position: relative; }
  .subNavHead a:after {
    content: url(../../../images/tmp/arrow-down-light.png);
    width: 10px;
    height: 20px;
    position: absolute;
    right: 10px; }
@media screen and (min-width: 768px) {
  .subNavHead {
    display: none; } }

.subNav {
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden; }
  .subNav.open {
    max-height: 5000px; }
  .subNav li {
    margin: 0;
    padding: 0; }
  .subNav a {
    font-family: "tablet-gothic", Arial, sans-serif;
    color: #000000;
    font-weight: 700;
    font-size: 18px;
    display: block;
    line-height: 18px;
    border-bottom: 1px solid #cccccc;
    padding: 13px 40px 15px 0; }
    .subNav a:hover, .subNav a:active, .subNav a:focus, .subNav a.on {
      background: #bc1239;
      color: #ffffff;
      padding: 13px 20px 15px 20px; }
  @media screen and (min-width: 768px) {
    .subNav {
      max-height: 100%;
      margin: 30px 13.123359580052% 0 9.711286089239%; } }

.homeHeader {
  margin: 0 auto 15px;
  padding: 0;
  max-width: 1380px;
  max-height: 670px !important;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  position: relative; }
  .homeHeader a {
    color: #ffffff;
    background-image: linear-gradient(to right, #e674e5, #44dad8);
    background-image: linear-gradient(to right, rgba(230, 116, 229, 0.7), rgba(68, 218, 216, 0.7));
    border: none; }
    .homeHeader a.homeMore {
      display: block;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 2.25px;
      width: 60%;
      line-height: 1.6em;
      text-align: center;
      margin: 0 auto;
      padding: 10px; }
      .homeHeader a.homeMore:after {
        content: url(../../../images/tmp/arrow-right-white.png);
        margin-left: 5px; }
  .homeHeader .homeHeaderText {
    position: absolute;
    z-index: 1000;
    margin: 0 4.6875% 0;
    bottom: 25%; }
    .homeHeader .homeHeaderText p {
      line-height: 1.7em;
      margin-bottom: 1em; }
  @media screen and (max-width: 550px) {
    .homeHeader {
      background-image: url(../../../images/tmp/home_small.jpg);
      padding-top: 126.25%;
      /* (img-height / img-width * width) */ }
      .homeHeader .homeHeaderText {
        font-size: 24px; } }
  @media screen and (min-width: 550px) {
    .homeHeader {
      background-image: url(../../../images/tmp/home_large.jpg);
      padding-top: 48.695652173913%;
      /* (img-height / img-width * width %) */ }
      .homeHeader .homeHeaderText {
        font-size: 18px;
        bottom: 15%; }
      .homeHeader a.homeMore {
        font-size: 11px; } }
  @media screen and (min-width: 768px) {
    .homeHeader .homeHeaderText {
      font-size: 32px;
      bottom: 5%; }
      .homeHeader .homeHeaderText p {
        line-height: 1.5em; }
    .homeHeader a.homeMore {
      width: 50%; } }
  @media screen and (min-width: 1200px) {
    .homeHeader .homeHeaderText {
      font-size: 51px; }
    .homeHeader a.homeMore {
      font-size: 13px; } }
  @media screen and (min-width: 1380px) {
    .homeHeader {
      padding: 350px 0 0;
      width: 1380px;
      height: 322px;
      margin: 0 auto; }
      .homeHeader .homeHeaderText {
        position: relative; } }

.shuFacts {
  margin: 0 0 20px; }
  .shuFacts ul {
    margin: 0 auto;
    padding: 0;
    line-height: 0;
    max-width: 100%;
    background-image: linear-gradient(to right, #3e3406, #314d28); }
  .shuFacts li {
    min-height: 230px;
    width: 100%;
    margin: 0;
    padding: 0;
    display: table; }
  .shuFacts p {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 230px;
    background: url(../../../images/png/factFade.png) 0 0 no-repeat;
    background-size: contain;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff; }
  .shuFacts span.mainFact {
    display: block;
    font-family: "tablet-gothic-compressed", Arial, sans-serif;
    font-weight: 700;
    font-size: 92px;
    line-height: 1.2em; }
  .shuFacts span.subFact {
    display: block;
    font-family: "tablet-gothic-compressed", Arial, sans-serif;
    font-weight: 700;
    font-size: 42px;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-top: -.3em; }
  .shuFacts span.subTxt {
    display: block;
    font-family: "adelle", Georgia, Arial, sans-serif;
    font-weight: 400;
    font-size: 19px;
    padding: 0 35px; }
  @media screen and (min-width: 768px) {
    .shuFacts li {
      width: 25%;
      min-height: 306px;
      float: left; }
    .shuFacts p {
      background: url(../../../images/png/factFadeLeft.png) 0 0 no-repeat;
      line-height: 1.2em;
      margin-bottom: 1em; }
    .shuFacts span.mainFact {
      font-size: 72px; }
    .shuFacts span.subFact {
      font-size: 23px; }
    .shuFacts span.subTxt {
      font-size: 14px; } }
  @media screen and (min-width: 1200px) {
    .shuFacts span.mainFact {
      font-size: 92px; }
    .shuFacts span.subFact {
      font-size: 42px; }
    .shuFacts span.subTxt {
      font-size: 19px; } }

/*  Page Containers */
.wrap {
  margin: 0 3.125%;
  max-width: 1380px;
  box-sizing: border-box;
  position: relative; }
  @media screen and (min-width: 1380px) {
    .wrap {
      margin: 0 auto; } }

.minWrap {
  margin: 0 3.125%;
  max-width: 1380px;
  box-sizing: border-box;
  position: relative; }

/* Content & Nav Layout */
.pageTop {
  padding: 15px 0 0 0; }
  @media screen and (min-width: 768px) {
    .pageTop {
      padding: 60px 0 70px 0;
      margin: 0 auto; }
      .pageTop .generalBlock {
        margin-left: 3.623188405797%;
        width: 64.275362318841%;
        float: left; }
      .pageTop .sideBar {
        width: 27.608695652174%;
        float: right;
        margin-top: -160px;
        background: #ffffff; } }
  @media screen and (min-width: 1200px) {
    .pageTop .generalBlock {
      margin-left: 11.159420289855%;
      width: 56.811594202899%;
      float: left; }
    .pageTop .sideBar {
      margin-top: -230px; } }

.articlePage .pageTop.wrap {
  margin: 0; }
  .articlePage .pageTop.wrap .articleContent,
  .articlePage .pageTop.wrap .sideBar {
    margin: 0 3.125%; }
    @media screen and (min-width: 768px) {
      .articlePage .pageTop.wrap .articleContent,
      .articlePage .pageTop.wrap .sideBar {
        margin: 0; }
        .articlePage .pageTop.wrap .articleContent .subNav,
        .articlePage .pageTop.wrap .sideBar .subNav {
          margin-top: 0; } }
  @media screen and (min-width: 768px) {
    .articlePage .pageTop.wrap {
      padding-top: 0; } }

@media screen and (min-width: 768px) {
  .twoUp .twoBlock {
    width: 50%;
    float: left; } }

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  outline: none;
  background: #ffffff;
  font-family: "adelle", Georgia, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #5a5a5a; }

button {
  cursor: pointer; }

input {
  height: 44px; }

.searchWrap input {
  float: left;
  width: calc(100% - 44px); }
.searchWrap button {
  float: right;
  background: #bc1239 url(../../../images/tmp/magSearch.png);
  background-size: 18px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  height: 44px;
  width: 44px; }

.icon-seton-hill-university {
  display: block;
  background-color: #bc1239;
  background-size: 161px 46px;
  background-position: center center;
  width: 161px;
  height: 46px; }

.icon-twitter {
  display: block;
  background-size: 51px 41px;
  width: 51px;
  height: 41px; }

.icon-facebook {
  display: block;
  background-size: 51px 51px;
  width: 51px;
  height: 51px; }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .icon-facebook {
      background-size: 41px 41px;
      width: 41px;
      height: 41px; } }

.icon-instagram {
  display: block;
  background-size: 52px 52px;
  width: 52px;
  height: 52px; }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .icon-instagram {
      background-size: 41px 41px;
      width: 41px;
      height: 41px; } }

.icon-youtube {
  display: block;
  background-size: 92px 39px;
  width: 92px;
  height: 39px; }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .icon-youtube {
      background-size: 97px 41px;
      width: 97px;
      height: 41px; } }

.icon-x {
  display: block;
  background-size: 15px 15px;
  width: 15px;
  height: 15px; }

.icon-moreArrowDown {
  display: block;
  background-size: 16px 35px;
  width: 16px;
  height: 35px; }

.icon-openMobi {
  background-image: url(../../../images/tmp/openMobi.png);
  display: block;
  background-size: 30px 35px;
  width: 30px;
  height: 35px; }

.icon-instagram {
  background-image: url(../../../images/tmp/instagram.png);
  display: block;
  background-size: 52px 52px;
  width: 52px;
  height: 52px; }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .icon-instagram {
      background-size: 41px 41px;
      width: 41px;
      height: 41px; } }

.icon-youtube {
  background-image: url(../../../images/tmp/youtube.png);
  display: block;
  background-size: 92x 39px;
  width: 92px;
  height: 39px; }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .icon-youtube {
      background-size: 97px 41px;
      width: 97px;
      height: 41px; } }

.pageHead {
  padding-bottom: 15px;
  position: relative; }

.breadcrumbs {
  margin: 0;
  padding: 20px 0 5px; }
  .breadcrumbs li {
    display: inline-block;
    margin: 0; }
    .breadcrumbs li:after {
      content: url(../../../images/tmp/arrow-right.png);
      margin: 0 10px;
      position: relative;
      top: -2px; }
  .breadcrumbs a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    background: #bc1239;
    font-family: "tablet-gothic-compressed", Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 15px;
    line-height: 15px;
    padding: 5px 6px 6px;
    border: none; }
    @media screen and (min-width: 768px) {
      .breadcrumbs a {
        font-size: 19px;
        padding: 6px 7px 7px; } }
  .areaHead .breadcrumbs li:after {
    content: url(../../../images/tmp/arrow-right-light.png); }

.pageIntro {
  font-size: 16px;
  color: #222222;
  margin: .8em 0 0; }
  @media screen and (min-width: 768px) {
    .pageIntro {
      font-size: 18px; } }

.subHead {
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: #216f6a;
  line-height: 1.4em;
  margin: .2em 0 .3em; }
  @media screen and (min-width: 768px) {
    .subHead {
      font-size: 37px; } }

.publishDate, .storyLink .storyDub, .eventInfo a .eventTime {
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: #a8a8a8;
  letter-spacing: 1px;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .publishDate, .storyLink .storyDub, .eventInfo a .eventTime {
      font-size: 16px; } }

@media screen and (min-width: 768px) {
  .pageHead.bare {
    background: #dfe5da;
    padding-bottom: 150px; }
    .pageHead.bare ~ div.wrap {
      margin-top: -125px; } }
@media screen and (min-width: 900px) {
  .pageHead.bare {
    padding-top: 175px; }
    .pageHead.bare .wrap {
      max-width: 1000px;
      padding-right: 250px;
      padding-left: 20px;
      margin: 0 auto; } }

.areaHead {
  min-height: 230px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  .areaHead .wrap {
    position: absolute;
    bottom: 20px; }
  .areaHead h1 {
    color: #ffffff; }
  @media screen and (min-width: 900px) {
    .areaHead {
      background-size: contain;
      min-height: 0;
      height: 0;
      padding-top: 39.782608695652%;
      padding-bottom: 0;
      max-width: 1380px;
      margin: 0 auto; } }
  @media screen and (min-width: 1200px) {
    .areaHead .wrap {
      max-width: 800px;
      margin: 0 0 0 11.159420289855%; } }
  @media screen and (min-width: 1380px) {
    .areaHead {
      height: 549px;
      padding: 0; } }

@media screen and (min-width: 768px) {
  .articlePage .pageHead {
    background: #ffffff; } }
@media screen and (min-width: 900px) {
  .articlePage .pageHead {
    padding-top: 175px; }
    .articlePage .pageHead .wrap {
      max-width: 1280px;
      padding-right: 200px;
      padding-left: 100px;
      margin: 0 auto; } }

.blockList li {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  position: relative;
  padding: 0 0 44px;
  background: url(../../../images/png/blockShadow.png) bottom left no-repeat; }
.blockList div {
  width: 300px;
  height: 300px;
  display: table; }
.blockList a {
  display: block;
  padding: 0 20px;
  width: 260px;
  height: 300px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 28px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border: none; }
@media screen and (min-width: 768px) {
  .blockList {
    width: 640px;
    margin: 0 auto;
    padding-bottom: 50px; }
    .blockList li {
      float: left; }
      .blockList li:nth-child(odd) {
        margin-right: 40px; } }
@media screen and (min-width: 1047px) {
  .blockList {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 50px; }
    .blockList li {
      float: left;
      margin-right: 40px; }
      .blockList li:nth-child(odd) {
        margin-right: 40px; }
      .blockList li:nth-child(3n+3) {
        margin-right: 0 !important; } }

.multiBlockList li {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  position: relative;
  padding: 0 0 44px;
  background: url(../../../images/png/blockShadow.png) bottom left no-repeat;
  display: table; }
  .multiBlockList li ul {
    margin: 0;
    padding: 0;
    width: 100%; }
    .multiBlockList li ul li {
      width: 100%;
      height: auto;
      margin: 0 0 .45em;
      padding: 0;
      background: none;
      display: block; }
.multiBlockList div {
  width: 260px;
  height: 300px;
  padding: 0 20px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-repeat: no-repeat; }
.multiBlockList h3 {
  margin: 0;
  color: #ffffff;
  font-weight: 600;
  font-size: 28px;
  font-family: "adelle", Georgia, Arial, sans-serif; }
  .multiBlockList h3:after {
    display: block;
    content: "";
    width: 31px;
    height: 5px;
    background: rgba(255, 255, 255, 0.35);
    margin: 15px auto; }
.multiBlockList a {
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: 400 !important;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 22px;
  border-bottom: 3px solid rgba(255, 255, 255, 0.35);
  border-image: none; }
  .multiBlockList a:hover, .multiBlockList a:active, .multiBlockList a:focus {
    border-bottom: 0; }
@media screen and (min-width: 768px) {
  .multiBlockList {
    width: 640px;
    margin: 0 auto;
    padding-bottom: 50px; }
    .multiBlockList li {
      float: left; }
      .multiBlockList li:nth-child(odd) {
        margin-right: 40px; } }
@media screen and (min-width: 1047px) {
  .multiBlockList {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 50px; }
    .multiBlockList li {
      float: left;
      margin-right: 40px; }
      .multiBlockList li:nth-child(odd) {
        margin-right: 40px; }
      .multiBlockList li:nth-child(3n+3) {
        margin-right: 0 !important; } }

.storyLink {
  margin: 0 0 40px;
  max-width: 380px; }
  .storyLink .storyImg {
    margin: 0 0 10px; }
  .storyLink .storyTitle {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.5em; }
    .storyLink .storyTitle a {
      border: 0;
      color: #5a5a5a; }
    @media screen and (min-width: 768px) {
      .storyLink .storyTitle {
        font-size: 15px; } }
    @media screen and (min-width: 1200px) {
      .storyLink .storyTitle {
        font-size: 17px; } }

.prevNextList {
  margin: 0 auto;
  padding: 0 3.125%;
  max-width: 380px; }
  @media screen and (min-width: 768px) {
    .prevNextList {
      max-width: 100%;
      padding: 0; }
      .prevNextList li {
        width: 47.5%;
        float: left; }
        .prevNextList li:nth-child(even) {
          float: right; } }

.abbrStoryList {
  margin: 0 auto 15px;
  padding: 0 3.125%;
  max-width: 380px; }
  .abbrStoryList ul {
    margin: 0; }
  .abbrStoryList li {
    margin: 0; }
  .abbrStoryList li:nth-child(1) {
    clear: both; }
  .abbrStoryList li:nth-child(2),
  .abbrStoryList li:nth-child(3) {
    width: 48.275862068966%; }
    .abbrStoryList li:nth-child(2) .storyTitle,
    .abbrStoryList li:nth-child(3) .storyTitle {
      font-size: 15px; }
  .abbrStoryList li:nth-child(2) {
    float: left; }
  .abbrStoryList li:nth-child(3) {
    float: right; }
  .abbrStoryList li:nth-child(4) {
    display: none; }
  .abbrStoryList p.moreLink {
    display: none; }
  @media screen and (min-width: 768px) {
    .abbrStoryList {
      margin: 0;
      padding: 50px 0 0;
      max-width: 100%;
      background: #f2f5f0; }
      .abbrStoryList ul {
        margin: 0 auto 0;
        padding: 0;
        max-width: 1280px; }
      .abbrStoryList li:nth-child(1),
      .abbrStoryList li:nth-child(2),
      .abbrStoryList li:nth-child(3),
      .abbrStoryList li:nth-child(4) {
        clear: none;
        width: 22.265625%;
        padding: 25px 1.3671875% 0;
        float: left;
        display: block; }
      .abbrStoryList p.moreLink {
        display: block; } }

.newsList {
  margin: 0 auto 30px;
  padding: 0 3.125%;
  max-width: 380px; }
  .newsList li {
    border-bottom: 1px solid #e5e5e5; }
    .newsList li:last-child {
      border: none; }
  .newsList .storyImg {
    display: none; }
  .newsList .storyLink {
    margin: 0; }
  .newsList p.moreLink {
    display: none; }
  @media screen and (min-width: 768px) {
    .newsList {
      max-width: 100%;
      padding-top: 30px; }
      .newsList li {
        border: none;
        float: left;
        width: 47.5%; }
        .newsList li:nth-child(even) {
          float: right; }
      .newsList .storyImg {
        display: block; }
      .newsList p.moreLink {
        display: block; } }

.homeNewsList {
  margin: 0 auto 30px;
  padding: 0 3.125%;
  max-width: 380px; }
  .homeNewsList li {
    border-bottom: 1px solid #e5e5e5; }
  .homeNewsList .storyImg {
    display: none; }
  .homeNewsList .storyLink {
    margin: 0; }
  @media screen and (min-width: 768px) {
    .homeNewsList {
      margin: 40px auto 70px;
      padding: 0;
      max-width: 1280px; }
      .homeNewsList li {
        width: 22.265625%;
        padding: 25px 1.3671875% 0;
        border: none;
        float: left; }
        .homeNewsList li:nth-child(even) {
          padding-top: 55px; }
      .homeNewsList .storyImg {
        display: block; } }

.degreeBlock {
  background: grey;
  margin: 0 0 30px; }
  @media screen and (min-width: 768px) {
    .degreeBlock {
      text-align: center; } }
  .degreeBlock h4 {
    font-family: "tablet-gothic", Arial, sans-serif;
    font-weight: 700;
    height: 87px;
    padding: 28px 20px 0;
    margin: 0;
    color: #8a8a8a;
    font-size: 20px;
    text-transform: uppercase;
    background: #333333; }
    .degreeBlock h4 b {
      margin-top: 8px;
      font-size: 35px;
      color: #ffffff;
      display: block; }
  .degreeBlock .degreePop h5 {
    font-size: 20px;
    color: #ffffff;
    line-height: 20px;
    padding: 18px 50px 20px 17px;
    margin: 0;
    position: relative;
    cursor: pointer; }
    .degreeBlock .degreePop h5:after {
      content: " ";
      display: block;
      width: 20px;
      height: 20px;
      background: url(../../../images/tmp/plus-minus.png) -20px 0 no-repeat;
      position: absolute;
      top: 20px;
      right: 17px; }
    .degreeBlock .degreePop h5.on:after {
      background: url(../../../images/tmp/plus-minus.png) 0 0 no-repeat; }
  .degreeBlock .degreeLinks {
    padding: 0 17px;
    max-height: 0;
    overflow: hidden;
    border-top: 0px; }
    .degreeBlock .degreeLinks.open {
      border-top: 8px solid;
      max-height: 8000px; }
    .degreeBlock .degreeLinks ul {
      margin: 25px 0 0;
      line-height: 1.2em; }
    .degreeBlock .degreeLinks li {
      display: inline-block; }
      .degreeBlock .degreeLinks li a {
        font-size: 15px;
        color: #ffffff;
        text-decoration: none;
        border: none; }
        .degreeBlock .degreeLinks li a:before {
          content: ".";
          display: inline-block;
          font-size: 25px;
          padding: 0 5px;
          position: relative;
          top: -3px;
          opacity: .5; }
        @media screen and (min-width: 768px) {
          .degreeBlock .degreeLinks li a {
            font-size: 21px; } }
      .degreeBlock .degreeLinks li:first-child a:before {
        content: none;
        padding: 0; }
  .degreeBlock .degreePop:nth-child(4n+1) h5 {
    background-image: linear-gradient(to right, #7522a4, #9524ad); }
  .degreeBlock .degreePop:nth-child(4n+1) .degreeLinks {
    background-image: linear-gradient(to right, #5e1b83, #771d8a);
    border-image: linear-gradient(to right, #591a7c, #711c83);
    border-image-slice: 1; }
  .degreeBlock .degreePop:nth-child(4n+2) h5 {
    background-image: linear-gradient(to right, #3655a4, #3897ab); }
  .degreeBlock .degreePop:nth-child(4n+2) .degreeLinks {
    background-image: linear-gradient(to right, #2b4483, #2d7989);
    border-image: linear-gradient(to right, #33519c, #358fa2);
    border-image-slice: 1; }
  .degreeBlock .degreePop:nth-child(4n+3) h5 {
    background-image: linear-gradient(to right, #20a43c, #5c6e15); }
  .degreeBlock .degreePop:nth-child(4n+3) .degreeLinks {
    background-image: linear-gradient(to right, #1a8330, #4a5811);
    border-image: linear-gradient(to right, #1e9c39, #576814);
    border-image-slice: 1; }
  .degreeBlock .degreePop:nth-child(4n) h5 {
    background-image: linear-gradient(to right, #a49410, #de7d16); }
  .degreeBlock .degreePop:nth-child(4n) .degreeLinks {
    background-image: linear-gradient(to right, #83760d, #b26412);
    border-image: linear-gradient(to right, #9c8c0f, #d37715);
    border-image-slice: 1; }

.more {
  font-family: "tablet-gothic", Arial, sans-serif;
  font-size: 15px;
  color: #ffffff;
  border-bottom: 3px solid #ffffff;
  border-image: none;
  text-transform: uppercase;
  letter-spacing: 1px; }
  .degreePop .more {
    margin-bottom: 25px;
    display: inline-block; }

.eventList {
  margin: 0 auto 30px;
  padding: 0 3.125%;
  max-width: 380px;
  line-height: 0; }
  .eventList li {
    border-bottom: 1px solid #e5e5e5; }
  @media screen and (min-width: 768px) {
    .eventList {
      margin: 40px auto 70px;
      padding: 0;
      max-width: 1280px; }
      .eventList li {
        width: 22.265625%;
        padding: 25px 1.3671875% 0;
        border: none;
        float: left; } }

.event {
  min-height: 115px; }

.eventDate {
  width: 70px;
  height: 77px;
  position: relative;
  float: left;
  line-height: 0; }
  .eventDate:after {
    content: url(../../../images/png/dateFade.png);
    width: 70px;
    height: 11px; }
  .eventDate .month {
    display: block;
    width: 100%;
    height: 24px;
    background: #0f0003;
    color: #ffffff;
    font-family: "tablet-gothic", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 24px; }
  .eventDate .day {
    display: block;
    width: 100%;
    height: 53px;
    background: #ebeaeb;
    font-family: "tablet-gothic-compressed", Arial, sans-serif;
    font-size: 41px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    line-height: 48px; }
  @media screen and (min-width: 768px) {
    .eventDate {
      float: none;
      margin: 0 auto 30px; } }

.eventInfo {
  width: calc(100% - 70px - 6.25%);
  float: right;
  padding-bottom: 10px; }
  .eventInfo a {
    color: #5a5a5a;
    font-size: 17px;
    font-weight: 600; }
    .eventInfo a .eventTitle {
      line-height: 24px;
      margin-bottom: .3em; }
    .eventInfo a:hover .eventTitle, .eventInfo a:active .eventTitle, .eventInfo a:focus .eventTitle {
      text-decoration: underline; }
  @media screen and (min-width: 768px) {
    .eventInfo {
      width: 100%;
      float: none;
      margin: 0 auto; }
      .eventInfo a {
        font-size: 15px; }
      .eventInfo .eventTitle,
      .eventInfo .eventTime {
        text-align: center; } }
  @media screen and (min-width: 1200px) {
    .eventInfo a {
      font-size: 17px; } }

.ctaOne {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 1380px;
  height: 0;
  margin: 0 auto 70px;
  padding-top: 39.782608695652%;
  /* (img-height / img-width * width) */
  position: relative; }
  @media screen and (min-width: 1380px) {
    .ctaOne {
      padding: 0;
      height: 549px; } }
  .ctaOne .ctaText {
    position: absolute;
    left: 0;
    top: 50%;
    /* 3 */
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    padding: 0 10%;
    text-align: center;
    font-family: "tablet-gothic", Arial, sans-serif;
    font-weight: 400;
    color: #ffffff; }
    .ctaOne .ctaText p {
      margin: 0; }
    .ctaOne .ctaText a {
      color: #ffffff;
      background-image: linear-gradient(to right, #e674e5, #44dad8);
      background-image: linear-gradient(to right, rgba(230, 116, 229, 0.7), rgba(68, 218, 216, 0.7));
      border: none; }
      .ctaOne .ctaText a:hover, .ctaOne .ctaText a:active, .ctaOne .ctaText a:focus {
        border-bottom: none; }
    @media screen and (min-width: 768px) {
      .ctaOne .ctaText p {
        font-size: 1.4em; } }
    @media screen and (min-width: 1200px) {
      .ctaOne .ctaText p {
        font-size: 1.6em;
        line-height: 1.8em; } }

.heroImgWrap {
  margin: 0 3.125% 15px; }
  @media screen and (min-width: 768px) {
    .heroImgWrap {
      max-width: 1380px;
      margin: 0 auto 80px; } }

blockquote {
  font-family: "tablet-gothic", Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  padding: 0;
  margin: 0 0 40px;
  color: transparent;
  background-image: -webkit-linear-gradient(right, #3778ad, #b4b638);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
  blockquote:before {
    content: "";
    display: block;
    width: 100%;
    background: url(../../../images/png/blockquoteShadow-sm.png) top right no-repeat;
    height: 45px;
    margin: 40px 0 0; }
  blockquote p {
    line-height: 1.35em; }
  blockquote:after {
    content: "";
    display: block;
    width: 50px;
    height: 10px;
    background: #222222; }
  @media screen and (min-width: 768px) {
    blockquote {
      font-size: 30px; } }

@media screen and (min-width: 768px) {
  .articleContent:first-letter {
    font-family: "tablet-gothic", Arial, sans-serif;
    font-weight: 400;
    font-size: 250px;
    float: left;
    line-height: 230px;
    margin: -45px 20px 40px 0;
    display: block;
    color: transparent;
    background-image: -webkit-linear-gradient(right, #d88d21, #d818a4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; } }
  @media screen and (min-width: 768px) and (min-width: 1200px) {
    .articleContent:first-letter {
      margin: -45px 20px 40px -60px; } }

.authorMeta, .ctaBoxOne {
  padding: 30px 3.125% 50px;
  background-color: #377499;
  background-image: linear-gradient(to right, #736299, #2a7899);
  font-size: 18px;
  color: #ffffff;
  margin: 0 0 20px; }
  .authorMeta p:last-child, .ctaBoxOne p:last-child {
    margin: 0; }
  @media screen and (min-width: 768px) {
    .authorMeta, .ctaBoxOne {
      background-image: linear-gradient(to right, #e83b57, #297899);
      font-size: 20px;
      padding: 7.453416149068%; }
      .authorMeta .center, .ctaBoxOne .center {
        text-align: left; } }

.ctaBoxOne {
  background-image: linear-gradient(to right, #765d91, #864a6c); }
  @media screen and (min-width: 768px) {
    .ctaBoxOne {
      background-image: linear-gradient(to right, #736299, #d74160);
      padding: 3.5%; } }

a.but-b {
  display: inline-block;
  margin: 15px auto;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  border-radius: 35px;
  color: #ffffff;
  padding: 18px 30px;
  letter-spacing: 3px; }
  a.but-b:hover, a.but-b:active, a.but-b:focus {
    border: 2px solid #ffffff;
    border-radius: 35px; }

a.but-c {
  display: inline-block;
  margin: 15px auto;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
  padding: 18px 30px;
  letter-spacing: 3px;
  position: relative;
  border: 2px solid transparent;
  border-radius: 35px;
  background: white;
  background-clip: padding-box; }
  a.but-c span {
    display: inline-block;
    background-image: -webkit-linear-gradient(left, #d12a1b, #377c2d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    a.but-c span:after {
      content: url(../../../images/tmp/arrow-right-green.png);
      margin-left: 7px; }
  a.but-c:after {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(to right, #d12a1b, #377c2d);
    content: "";
    z-index: -1;
    border-radius: 35px; }

a.but-d {
  display: inline-block;
  margin: 15px auto;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  border: 2px solid #bc1239;
  border-radius: 35px;
  color: #bc1239;
  padding: 18px 30px;
  letter-spacing: 3px; }

a.but-e {
  display: inline-block;
  margin: 15px auto;
  font-family: "tablet-gothic", Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  border: 2px solid #476e26;
  border-radius: 35px;
  color: #476e26;
  padding: 18px 30px;
  letter-spacing: 3px; }

/* Closing Styles */
/* Additional Styles & Helpers Last */
.center {
  text-align: center; }

/* clears */
.clear {
  clear: both; }

/* Contain floats: h5bp.com/q */
.group:before, .group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  *zoom: 1; }

/* For IE 6/7 (trigger hasLayout) can remove this soon */
/* Hide for both screenreaders and browsers */
.hidden {
  display: none;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: */
.vh {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .vh.focusable:active, .vh.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* for image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -123456em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

/* Stand for No Text */
.nt {
  display: block;
  border: 0;
  text-indent: -123456em;
  overflow: hidden;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

/*# sourceMappingURL=style.css.map */