/* *********************************************************
   graduateViewbook.css
************************************************************ */

/* =============================================================================================================== */
/* ============================================= Header and Nav ================================================== */
/* =============================================================================================================== */

#gradViewbookHeaderWrapper {
  background:#aa0000;
  overflow:hidden;
}
#mainlogo {
    height: 65px;
    float: left;
    padding: 19px;
}
#mainlogo a {
    height: 27px;
    display: block;
}
#mainlogo a img {
    height: 27px;
}
h2.navbar-text {
    float: left;
    color: #ffffff;
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    font-size: 1.4rem;
    line-height: 65px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.navbar-toggle {
  display:block;
}
span.icon-bar {
  background:#fff;
}
#js-navbar-collapse {
  clear:both;
}
#gradViewbookHeaderNavigationWrapper {
    clear:both;
    background: #333333;
    border-radius: 0;
    margin:0;
}
#gradViewbookHeaderNavigationWrapper li{
    font-family: 'Oswald';
    font-size: 1.8rem;
    font-weight: 500;
    margin-right: 60px;
    text-transform: uppercase;
    letter-spacing: .1rem;
}
#gradViewbookHeaderNavigationWrapper li a{
    color:#b6b6b6;
    line-height: 70px;
    padding:0 5px;
}
#gradViewbookHeaderNavigationWrapper li a:hover, #gradViewbookHeaderNavigationWrapper li a:focus{
    color:#ffffff;
    background:inherit;
}

#gradViewbookHeaderNavigationWrapper .currentbranch0{
    color:#b6b6b6;
    line-height: 70px;
    padding:0 5px;
    position:relative;
}
#gradViewbookHeaderNavigationWrapper .currentbranch0:after{
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fdbb13 transparent;
    bottom: -22px;
    content: '';
    height: 0;
  left: calc(50% - 10px);
    position: absolute;
    width: 0;
}
#gradViewbookHeaderResourcesLinksWrapper {
    background:aliceblue;
    position: absolute;
    top: 0px;
    right: 0;
}

#gradViewbookHeaderResourcesLinks { /* SU homepage - apply links */
    background: #aa0000;
}
#gradViewbookHeaderResourcesLinks li{
    color: #fff;
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    margin-right: 0px;
}

#gradViewbookHeaderResourcesLinks li a{
    color: #ffffff;
    display:block;
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
    line-height: 65px;
    padding: 0 19px;
    -o-transition: .25s;
    -ms-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
}
#gradViewbookHeaderResourcesLinks li a:hover, #gradViewbookHeaderResourcesLinks li a:focus{
    background:#740000;
    text-decoration:none;
}
#gradViewbookHeaderResourcesLinks li #gradtopNavApply {
    background:#088099;
    font-weight:900;
}
#gradViewbookHeaderResourcesLinks li #gradtopNavApply:hover,
#gradViewbookHeaderResourcesLinks li #gradtopNavApply:focus {
    background:#740000;
    color:#fff;
}
@media (max-width: 960px) {
  #gradViewbookHeaderResourcesLinksWrapper {
    position: unset;
    top: unset;
    right: unset;
  }
  .navbar-nav {
    margin:0 -15px;
  }
  .navbar-toggle {
        display: block;
        margin: 15px 10px;
    }
  .navbar-collapse.collapse {
    display:none !important;
  }
  .navbar-nav {
        float: none!important;
        /* margin: 7.5px -15px; */
    }
    .navbar-nav>li {
        float: none;
    }
    .collapse.in{
        display:block !important;
    }
  #gradViewbookHeaderResourcesLinks {
    border-top:1px solid #fff;
  }
  #gradViewbookHeaderResourcesLinks li {
    border-bottom:1px solid #fff;
  }
  #gradViewbookHeaderResourcesLinks li a {
    line-height: 55px;
    font-size: 1.8rem;
  }
  #gradViewbookHeaderNavigationWrapper li {
    color:#fff;
    font-family: Montserrat,sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    margin-right: 0px;
  }
  #gradViewbookHeaderNavigationWrapper li a {
    color:#fff;
    line-height:55px;
    padding: 0 19px;
  }
  #gradViewbookHeaderNavigationWrapper li a:hover,
  #gradViewbookHeaderNavigationWrapper li a:focus{
      background:#740000;
   }
  #gradViewbookHeaderNavigationWrapper .currentbranch0{
    color:#b6b6b6;
    line-height:55px;
    padding:0 19px;
  }
  #gradViewbookHeaderNavigationWrapper .currentbranch0:after{
    border:none;
    content:none;
  }
}
@media (min-width: 960px) {
  .navbar-toggle {
    display: none;
  }
}
@media (max-width:420px) {
  h2.navbar-text {
    margin: 0;
    padding: 18px 0;
    height: 65px;
    line-height: 1.4rem;
    width: 50px;
    font-size: 1.2rem;
  }
}


/* =========================================== Standard styles ================================================== */
body{
    background-color: #333333;
    color: #ffffff;
  	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    font-size: 10px;
  	margin:0;
}
h1{
	font-family: "Roboto Slab", Courier, serif;
    font-size: 4rem;
    font-weight: 400;
    letter-spacing: .1rem;
    line-height: 4.6rem;
    text-transform: uppercase;
}
h2{
  font-family: "Roboto Slab", Courier, serif;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: .1rem;
  line-height: 3.6rem;
  margin: 3rem 0 0 0;
  text-transform: uppercase;
}
h3{
  font-family: "Roboto Slab", Courier, serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.0rem;
  margin: 2.4rem 0 0 0;
  text-transform: uppercase;
}
h4{
  font-family: "Roboto Slab", Courier, serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin: 2rem 0 0 0;
  text-transform: uppercase;
}
@media (max-width:767px) {
  h1 { font-size: 3.2rem;line-height: 3.4rem; }
  h2 { font-size: 2.4rem;line-height: 2.6rem; }
  h3 { font-size: 2rem;line-height: 2.2rem; }
  h4 {font-size: 1.6rem;line-height: 2.4rem;}
}
p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 0 0 1.6rem 0;
}
.buttonLink a{    
    border: 1px solid #ffffff;
    border-radius: 4rem;
    color: #ffffff;
    display: block;
    font-size: 1.6rem;
    line-height: 2rem;
	margin: 0 0 1.6rem 0;
    padding:1rem;
    text-align: center;
    text-transform: uppercase;
    -o-transition:.25s;
  -ms-transition:.25s;
  -moz-transition:.25s;
  -webkit-transition:.25s;
  transition:.25s;  
}
.buttonLink a:hover, .buttonLink a:focus {    
    text-decoration:none;
}
.caption {
    position: absolute;
    font-size: 1.2rem;
    letter-spacing: .2rem;
    font-weight: 100;
    font-style: italic;
}
.caption.leftAlign {
    left: 3%;
    bottom: 1%;
}
.caption.rightAlign {
    right: 3%;
    bottom: 1%;

}
@media (max-width: 767px) {
  .caption.rightAlign {
    color: #333;
    top: 0;
    z-index: 10;
  }
}
/* =========================================== Arrows ================================================== */

.arrow-point-right {
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NTAgMTYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWlkIj4KICAgIDxwYXRoIGQ9Ik0gMTAgMSBMIDIgOCAxMCAxNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMzMzMiIC8+CiAgICA8cGF0aCBkPSJNIDIwIDEgTCAxMiA4IDIwIDE1IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZT0iIzMzMyIgLz4KICAgIDxwYXRoIGQ9Ik0gMzAgMSBMIDIyIDggMzAgMTUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSIjMzMzIiAvPgogICAgPHBhdGggZD0iTSAzIDggTCA2NTAgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMzMzMiIC8+Cjwvc3ZnPg==");    height: 30px;
    background-position: initial;
    background-repeat: no-repeat;
    height: 2rem;
    margin: 1rem 0;
    transform:rotate(180deg);
}
/* =========================================== Header Navigation ================================================== */


/* =============================================================================================================== */
/* ================================================== Homepage =================================================== */
/* =============================================================================================================== */

/* =========================================== Hero ================================================== */
.hero{
  background: url('/media/graduate-admissions/images/graduate-viewbook/home_header-backgroundsize.jpg');
  background-size: contain;
    background:#fff;
    height: 100%;
}
/* ============= Top section ============= */

.topSection {
  display:flex;
}
.topSectionImg {
  background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDAgNTcwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWF4WU1heCBtZWV0Ij4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTAwLDAgTDE0MCwwIEwxNDAsNTcwIEwwLDU3MCBRMjAwLDI4NSAxMDAsMCIgLz4KPC9zdmc+),url(/media/graduate-admissions/images/graduate-viewbook/SpringQuarter-1200x669.jpg),url(/media/graduate-admissions/images/graduate-viewbook/SpringQuarter-1200x669.jpg);
  background-repeat:no-repeat;
  background-size: contain,cover;
  background-position:101%,center;
  padding:0;
  }
.topSectionText {
   padding: 6rem 6rem 17rem 6rem;
   background: #fff;
}
.topSectionText .arrow-point-right {
    background-position: right;
}
@media screen and (max-width: 992px) {
    .topSection {
    background-size:contain;
    background-position:top center;
    margin-bottom: 135px; /* for the arrowcircles to be moved up */
    display:unset;
    }
  .topSectionImg{
    height:300px; 
    background:url(/media/graduate-admissions/images/graduate-viewbook/SpringQuarter-1200x669.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
  }
  .topSectionText{
    padding:2rem 2rem 14rem 2rem;
    text-align:center;
  }  
}
@media screen and (max-width: 767px) {
  .topSectionImg{
    height:200px; 
  }
}
.topSectionText h1{
    color:#ef4135;
    margin: 0;
}
.topSectionText p{
    color:#333333;
}


/* ============= Drive, Climb, Pivot arrow boxes ============= */
.arrowBoxesWrapper {
    background:#333333;
    padding: 0 60px 60px 60px;
}
.arrowBox {
    color:#ffffff;
    margin-top: -130px;
    padding: 0 60px;
    text-align:center;  
}
.arrowBox img{
  margin:auto auto;
}
@media all and (max-width: 768px) { /* xs */
	.arrowBoxesWrapper {
 	   padding: 0 30px 60px 30px;
	}
	.arrowBox {
 	  margin-top:0;
      padding: 0 15px 30px 15px;
	}
    .arrowBox img{
      max-width:200px;
    }
	#theDrive {
      margin-top: -100px;
    }
}
@media all and (min-width: 768px) and (max-width: 1200px) { /* sm-md-lg */
	.arrowBoxesWrapper {
 	   padding: 0 15px 60px 15px;
	}
	.arrowBox {
 	   padding: 0 30px;
 	   margin-top: -100px;
 }
    .arrowBox img{
      max-width: 100%;
    }
}
.arrowBox h2{
    font-size:3.6rem;
    letter-spacing: 2px;
  margin: 20px 0;
}
.arrowBox .buttonLink {
    padding: 0;
    margin-top: 30px;
}
.arrowBox .buttonLink a:hover, .arrowBox .buttonLink a:focus, .arrowBox .buttonLink a:active {
    background: #ef4135;
    color: #ffffff;
    text-decoration: none;
}
/* =========================================== Fancy Infographic ================================================== */
.fancyInfographicColumn {
    padding: 0;
}
.fancyInfographicItem {
    align-items: center;
    color: #ffffff;
    display: flex;
    text-align: center;
}
.fancyInfographicItem h4 .fancyInfographicNumber {
    display: block;
    font-size: 9rem;
    font-weight: 100;
    font-family: "Roboto Slab", Courier, monospace;
  line-height: 9rem;
    text-transform: uppercase;
}
.fancyInfographicItem h4 .fancyInfographicText {
    display: block;
    font-size: 2.4rem;
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    font-weight: 300;
}
.fancyInfographicItem .fancyInfographicSource {
    background-size: cover;
  display: block;
    font-size: 1.4rem;
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-style: italic;
}
#infographic1 {  
    background: #fdb913 url(/media/graduate-admissions/images/graduate-viewbook/home_legal_writing.jpg) center left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
}
#infographic2 {
    background: #aa0000 url(/media/graduate-admissions/images/graduate-viewbook/home_crimJ2.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}
#infographic3 {
    background: #088099 url(/media/graduate-admissions/images/graduate-viewbook/home_no1mba.jpg) center left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}



/* ===================================== Embedded Video with Frame ================================================ */

.section-frame-video {
    background: #333;
}
.section-frame-video .container {
    margin: 100px auto;
    text-align: center;
    padding: 0 4rem;
    position: relative;
}
.section-frame-video.colorOrange .container{
    border: 1px solid #ef4135;
}
.section-frame-video.colorYellow .container{
    border: 1px solid #fdb913;
}
.section-frame-video.colorGreen .container{
    border: 1px solid #6cb33f;
}
.section-frame-video.colorEmerald .container{
    border: 1px solid #008765;
}
.section-frame-video.colorLightBlue .container{
    border: 1px solid #04a1b9;
}
.section-frame-video h3 {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    background: #333;
    padding: 1rem;
    text-transform: uppercase;
    font-size: 1.5rem;
}
.section-frame-video.colorOrange h3{
    color:#ef4135;
}
.section-frame-video.colorYellow h3{
    color: #fdb913;
}
.section-frame-video.colorGreen h3{
    color:#6cb33f;
}
.section-frame-video.colorEmerald h3{
    color: #008765;
}
.section-frame-video.colorLightBlue h3{
    color: #04a1b9;
}
.section-frame-video .top-text {
    transform: translateY(-2.5rem);
}
.section-frame-video .bottom-text {
    transform: translateY(2.5rem);
}
.border-frame-left {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    transform: translateX(-50px);
    position: absolute;
    top: 0;
    z-index: 100;
    height: 100%;
}
.border-frame-right {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    position: absolute;
    top: 0;
    z-index: 100;
    height: 100%;
    right: 0;
    transform: translateX(10px);
}
.colorOrange .border-frame-left,
.colorOrange .border-frame-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCA1MCI+CiAgICA8cGF0aCBkPSJNIDEyIDEgTCAxMiAxMCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDEgMjMgTCAxMiAxMCAyMyAyMyAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZWY0MTM1IiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSAxIDM2IEwgMTIgMjMgMjMgMzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZWY0MTM1IiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSAxIDQ5IEwgMTIgMzYgMjMgNDkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZWY0MTM1IiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==);
}
.colorYellow .border-frame-left,
.colorYellow .border-frame-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCA1MCI+CiAgICA8cGF0aCBkPSJNIDEyIDEgTCAxMiAxMCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDEgMjMgTCAxMiAxMCAyMyAyMyAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZmRiOTEzIiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSAxIDM2IEwgMTIgMjMgMjMgMzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZmRiOTEzIiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSAxIDQ5IEwgMTIgMzYgMjMgNDkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZmRiOTEzIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==);
}
.colorGreen .border-frame-left,
.colorGreen .border-frame-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCA1MCI+CiAgICA8cGF0aCBkPSJNIDEyIDEgTCAxMiAxMCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDEgMjMgTCAxMiAxMCAyMyAyMyAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNmNiMzNmIiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSAxIDM2IEwgMTIgMjMgMjMgMzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNmNiMzNmIiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSAxIDQ5IEwgMTIgMzYgMjMgNDkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNmNiMzNmIiBmaWxsPSJub25lIiAvPgogIDwvc3ZnPg==);
}
.colorEmerald .border-frame-left,
.colorEmerald .border-frame-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCA1MCI+CiAgICA8cGF0aCBkPSJNIDEyIDEgTCAxMiAxMCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjI0IiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSAxIDIzIEwgMTIgMTAgMjMgMjMgIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzE3ODM1NSIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gMSAzNiBMIDEyIDIzIDIzIDM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzE3ODM1NSIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gMSA0OSBMIDEyIDM2IDIzIDQ5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzE3ODM1NSIgZmlsbD0ibm9uZSIgLz4KICA8L3N2Zz4=);
}
.colorLightBlue .border-frame-left,
.colorLightBlue .border-frame-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCA1MCI+CiAgICA8cGF0aCBkPSJNIDEyIDEgTCAxMiAxMCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjI0IiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSAxIDIzIEwgMTIgMTAgMjMgMjMgIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzA0YTFiOSIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gMSAzNiBMIDEyIDIzIDIzIDM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzA0YTFiOSIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gMSA0OSBMIDEyIDM2IDIzIDQ5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzA0YTFiOSIgZmlsbD0ibm9uZSIgLz4KICA8L3N2Zz4=);
}
@media (max-width:768px) {
.section-frame-video .container {
    border-left:none !important;
    border-right:none !important;
}
.section-frame-video .border-frame-left,
.section-frame-video .border-frame-right {
    display:none;
}
}
.embeddedVideo { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  height: auto; 
} 
.embeddedVideoInner{
  background-color: #ffffff;
  border: 1px solid #e3e3da;
  border-radius: 0;
  margin-bottom:0;
}
.embeddedVideoWrapper iframe{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  /*padding-bottom: 10px;*/
}
.embeddedVideoDescriptionWrapper{
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
    background: #333;

}
.embeddedVideoDescription{
  border: 0;
  padding: 0;
}
.embeddedVideoDescription p{
  color: #fff;
  margin-bottom:10px;
}
.embeddedVideoDescription p a{
  color: #fab82f
}

/* ===========================  Content Type: Featured Profile =========================== 
   Profile for grad viewbook with name, affilication, summary and photo.
   Content Type: #1936  
   Last revised 4/4/19 by Aubrey
*/
.featuredProfileWrapper {
    background: #333333;
    color: #ffffff;
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
}
.featuredProfileWrapper .featuredProfile {
    display:flex;
     align-items: stretch;
}
@media (max-width:767px) {
  .featuredProfileWrapper .featuredProfile {
      display:block;
  }
}
.featuredProfile.alignleft {
    flex-direction: row-reverse;
}
.featuredProfileWrapper .featuredProfilePhoto {
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    flex:2;
}
.featuredProfileWrapper .featuredProfileTextWrapper {
    flex:1;
}
.featuredProfileWrapper .featuredProfileText {
    padding: 30px;
}
@media (max-width:767px) {
    .featuredProfilePhoto {
      min-height: 450px;
  }
}
@media all and (max-width: 991px){ /* sm */
	.featuredProfileWrapper .featuredProfilePhoto{ flex:1; }
	.featuredProfileWrapper .featuredProfileTextWrapper{ flex:1; }
}

.featuredProfileWrapper .featuredProfileType {
    font-size: 1.4rem;
    margin: 0 0 15px 0;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaWQiPgogICAgPHBhdGggZD0iTSAwIDQwIEwgNjAgNDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSA1MCAzMCBMIDYwIDQwIDUwIDUwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gNDAgMzAgTCA1MCA0MCA0MCA1MCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiNmZmYiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDMwIEwgNDAgNDAgMzAgNTAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIiAvPgo8L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: 23%;
    background-position: right center;
    display: inline-block;
    padding-right: 50px;
}
.featuredProfileWrapper .featuredProfileName {
    color: #04a9c5;
  margin:0 0 15px 0;
}
.featuredProfileWrapper .featuredProfileAffiliation{
    margin-bottom: 30px;
}
.featuredProfileWrapper .featuredProfileAffiliation p{
    color: #04a9c5;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem;
  margin:0;
  text-transform: uppercase;
}


.featuredProfileLink {
    padding: 0;
}
.featuredProfileLink a:hover {
    background: #088099;
    color: #ffffff;
    text-decoration: none;
}



/* custom, by jason */
.jumbotron3 {
    padding: 60px 0;
    background: linear-gradient(to right, #ef4135 0%, #ef4135 33.33%, #ffffff 33.34%, #ffffff 100%);
}
@media (max-width:767px) {
  .jumbotron3 {
    background: linear-gradient(to bottom, #ef4135 0%, #ef4135 33.33%, #ffffff 33.34%, #ffffff 100%);
  }
}
.jumbotron3Image {
    overflow:hidden;
    position: relative;
    z-index: 10;
}
.jumbotron3Image img {
    max-width:100%;
}
.jumbotron3 .arrow-point-right {
  top: 7.5rem;
}
@media (max-width:767px) {
  .jumbotron3 .arrow-point-right {
    background-position: 1.2rem;
    margin: 0;
    top: 1.5rem;
  }
}
.jumbotron3 h2 {
    color: #aa0000;
}
.jumbotron3 p {
    color: #333333;
}
.jumbotron3BoxLinks {
    list-style-type: none;
    padding: 0;
}
.jumbotron3BoxLinks li {
    padding: 0;
}
.jumbotron3BoxLinks li a {
    border: 1px solid #333333;
    border-radius: 4rem;
    color: #333333;
    display: block;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 30px;
    padding: 1rem;  
    text-align: center;
    text-transform: uppercase;
    -o-transition:.25s;
  -ms-transition:.25s;
  -moz-transition:.25s;
  -webkit-transition:.25s;
  transition:.25s;
}
.jumbotron3BoxLinks li a:hover {
    background: #ef4135;
    color: #ffffff;
    text-decoration: none;
}


/* =============================================================================================================== */
/* ================================================= Image Panel ================================================= */
/* =============================================================================================================== */

.panelWrapper {
    position:relative;
}
.panelWrapper .panelFlexContainer{
    display:flex;
    float:right;
}
/*only way to get mobile to not take up space set in html tag*/
@media (max-width: 991px) {
    .panelWrapper .panelFlexContainer{
        height:initial !important;
    }
}
.panelOverlay {
    background-size: cover;
    width: 100%;
    background-color: blue;
}
@media (max-width: 991px) {
  .panelOverlay {
    height: 300px !important;
  }
}
.panelText {
    background: #333333;
    padding: 30px;
}
.panelWrapper .panelDarkBlueDiv, .panelWrapper .panelGoldDiv, .panelWrapper .panelGreenDiv, .panelWrapper .panelLightBlueDiv, .panelWrapper .panelOrangeDiv, .panelWrapper .panelRedDiv, .panelInner{
    border-image: 0;
    border-image-slice: 0;
    border-bottom:0;
    border-right:0;
    border-left:0;
}
.panelWrapper .panelDarkBlueDiv{
    border-top:10px solid #00345d;
}
.panelWrapper .panelGoldDiv{
    border-top:10px solid #fab82f;
}
.panelWrapper .panelGreenDiv{
    border-top:10px solid #6cb33f;
}
.panelWrapper .panelLightBlueDiv{
    border-top:10px solid #04a9c5;
}
.panelWrapper .panelOrangeDiv{
    border-top:10px solid #ef4135;
}
.panelWrapper .panelRedDiv{
    border-top:10px solid #aa0000;
}
.panelInner{
    margin:0;
    border-top:10px solid #ffffff;
    border-image: 0;
    border-image-slice: 0;
    border-bottom:0;
    border-right:0;
    border-left:0;
}
.flexboxtweener .panelWrapper .panelInner{ /* hack to hide banner in IE/Edge */
 border:0;
}

@media (min-width: 768px) {
    .panelWrapper .topRightPanel, .panelWrapper .bottomRightPanel{
        justify-content: flex-end;
    }
    .panelWrapper .topLeftPanel, .panelWrapper .bottomLeftPanel{
        justify-content:flex-start;
    }
    .panelWrapper .topCenterPanel, .panelWrapper .bottomCenterPanel{
        justify-content: center;
    }
    .panelFlexContainer .topRightPanel, .panelFlexContainer .bottomRightPanel{
        margin-right:4.1666666%;
    }
    .panelFlexContainer .topRightPanel, .panelFlexContainer .topLeftPanel, .panelFlexContainer .topCenterPanel{
        margin-top:4.1666666%;
    }
    .panelFlexContainer .bottomRightPanel, .panelFlexContainer .bottomLeftPanel, .panelFlexContainer .bottomCenterPanel{
        align-self:flex-end;
    }
    .panelFlexContainer .topRightPanel, .panelFlexContainer .topCenterPanel, .panelFlexContainer .topLeftPanel{
        margin-bottom:auto;
    }
    .panelFlexContainer .topLeftPanel, .panelFlexContainer .bottomLeftPanel{
        margin-left:4.1666666%;
    }
    .panelFlexContainer .bottomRightPanel, .panelFlexContainer .bottomCenterPanel, .panelFlexContainer .bottomLeftPanel{
        margin-bottom:4.1666666%;
    }
    .panelWrapper .panelDarkBlueDiv{
        border: 10px solid #00345d;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #00345d 25.01%, #00345d 100%);
        border-image-slice: 1;
        border-bottom: 0;
    }
    .panelWrapper .panelGoldDiv{
        border: 10px solid #fab82f;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #fab82f 25.01%, #fab82f 100%);
        border-image-slice: 1;
        border-bottom: 0;
    }
    .panelWrapper .panelGreenDiv{
        border: 10px solid #6cb33f;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #6cb33f 25.01%, #6cb33f 100%);
        border-image-slice: 1;
        border-bottom: 0;
    }
    .panelWrapper .panelLightBlueDiv{
        border: 10px solid #04a9c5;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #04a9c5 25.01%, #04a9c5 100%);
        border-image-slice: 1;
        border-bottom: 0;
    }
    .panelWrapper .panelOrangeDiv{
        border: 10px solid #ef4135;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #ef4135 25.01%, #ef4135 100%);
        border-image-slice: 1;
        border-bottom: 0;
    }
    .panelWrapper .panelRedDiv{
        border: 10px solid #aa0000;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #aa0000 25.01%, #aa0000 100%);
        border-image-slice: 1;
        border-bottom: 0;
    }
    .panelInner {
        border: 10px solid #ffffff;
        border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #ffffff 25.01%, #ffffff 100%);
        border-image-slice: 1;
        border-bottom: 0;
        padding: 0;
    }
    .panelWrapper .topRightPanel, .panelWrapper .bottomRightPanel, .panelWrapper .topCenterPanel, .panelWrapepr .bottomCenterPanel{
      float:right;
    }
    .panelWrapper .topLeftPanel, .panelWrapper .bottomLeftPanel{
      float:left;
    }
}

.panelDarkBlueH2{
    color: #00245d;
}
.panelGoldH2{
    color: #fab82f;
}
.panelGreenH2{
    color: #6cb33f;
} 
.panelLightBlueH2{
    color: #04a9c5;
}
.panelOrangeH2{
    color: #ef4135;
}
.panelRedH2{
    color: #aa0000;
}
.panelText h2 {
    margin: 0;
}
.panelText p {
    margin: 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
}
.panelLink {
    padding: 0;
    margin-top: 30px;
}

.panelInner .panelLink li {
    border: 1px solid #088099;
    display: flex;
    flex: 0 1 calc(50% - 7px);
    flex-direction: column;
    justify-content: center;
}


.panelDarkBlueA a:hover{
    background: #00245d;
    color: #ffffff;
}
.panelGoldA a:hover{
    background: #fab82f;
}
.panelGreenA a:hover{
    background: #6cb33f;
}
.panelLightBlueA a:hover{
    background: #04899d;
}
.panelOrangeA a:hover{
    background: #ef4135;
}
.panelRedA a:hover{
    background: #aa0000;
}
.panelLink a:hover {
    background: #ffffff;
    color: #333333;
    text-decoration: none;
}


.panelInner .panelLinks{
  padding-top: 30px;
  text-align:center;
  width:100%;
  display:flex;
  margin:auto auto;
  list-style-type: none;
  justify-content: space-between;
  flex-wrap:wrap;
}

.panelInner .panelLinks a{
      border: 1px solid #ffffff;
    border-radius: 4rem;
    color: #ffffff;
  display:block;
  font-family: "Montserrat", sans-serif;
  font-size: 1.6rem;
  font-weight:500;
  line-height:1.6rem;
  padding:15px;
  text-align:center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.panelInner .panelLinks li{

  display: flex;
  flex: 0 1 calc(50% - 7px);
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767.999px) { /* xs */
  .panelInner .panelLinks{
    padding: 15px 0;
  }
  .panelInner .panelLinks li{
    border: none;
    display: block;
    flex: none;
    flex-direction: column;
    justify-content: center;
    margin: 7px 0 0 0;
    width: 100%;
  }
  .panelInner .panelLinks li a{  
    border: 1px solid #088099;
    color: #aa0000;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    height: 100%;
    line-height: 1.6rem;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease;
  }

}
.panelInner .panelLinks li:hover a, .panelInner .panelLinks li:focus a,
.panelInner .panelLinks li a:hover, .panelInner .panelLinks li a:focus{
  background: #088099;
  /* border: 1px solid #088099;*/
  color: #ffffff;
  /*text-decoration: underline;*/
}



/* =============================================================================================================== */
/* ========================================== About Page | Hero Section ========================================== */
/* =============================================================================================================== */


#section-about-hero {
  /* background-image:url('/media/Graduate-Admissions/Images/Graduate-Viewbook/SU-Graduate-1400x800.jpg"); */
  background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-Graduate-1400x800.jpg'); 
  background-size: cover;
  background-repeat: no-repeat;    
  background-position: center;
  color:#fff;
  padding: 0;
}
@media (max-width: 767px) {
  #section-about-hero {
    background-color:#fff;
    /* background-image:url('/media/Graduate-Admissions/Images/Graduate-Viewbook/SU-Graduate-1400x800.jpg"); */
    background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-Graduate-1400x800-mobile.jpg'); 
    background-size: contain;
    background-position: top;
    padding-top: 57%;
    color: #333;
  }
}
#section-about-hero .container {
  padding: 0;
  position:relative;
}
#section-about-hero .copy-container {
  padding: 8rem 0;
}
@media (max-width: 767px) {
#section-about-hero .copy-container {
  padding: 3rem;
}
}
#section-about-hero h1 {
  line-height:1;
  margin: 0 0 2rem;
}
@media (max-width: 767px) {
  #section-about-hero h1 {
    font-size: 2.4rem;
  }
}

/* =============================================================================================================== */
/* ========================================= About Page | Rankings Grid ========================================== */
/* =============================================================================================================== */

#section-rankings-grid {
  padding: 60px 0;
  background: #333;
  clear:both;
}
#section-about-rankings-header {
  padding: 60px 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTA0IDQ1LjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwNCA0NS41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2Rpc3BsYXk6bm9uZTt9Cgkuc3Qxe2ZpbGw6I0ZDQjgxNjt9Cgkuc3Qye2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTt9Cjwvc3R5bGU+CjxnPgoJPGRlZnM+CgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMTA0IiBoZWlnaHQ9IjQ1LjUiLz4KCTwvZGVmcz4KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPgoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+Cgk8L2NsaXBQYXRoPgoJPGcgY2xhc3M9InN0MiI+CgkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI2OS4zLDE5LjYgNzMuNSwxNS4xIDczLjUsMTkuNiA2OC4yLDI1LjMgNjkuMywyNi4zIDczLjUsMjEuNyA3My41LDI2LjIgNjguMiwzMiA2OS4zLDMzIDczLjUsMjguNCAKCQkJNzMuNSwyMzQgNzUuMSwyMzQgNzUuMSwyOC40IDc5LjMsMzMgODAuNCwzMiA3NS4xLDI2LjIgNzUuMSwyMS43IDc5LjMsMjYuMyA4MC40LDI1LjMgNzUuMSwxOS42IDc1LjEsMTUuMSA3OS4zLDE5LjYgODAuNCwxOC42IAoJCQk3NC4zLDEyLjEgNzQuMywxMi4xIDY4LjIsMTguNiAJCSIvPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iNDYuOCw4LjYgNTEsNC4xIDUxLDguNiA0NS43LDE0LjMgNDYuOCwxNS4zIDUxLDEwLjcgNTEsMTUuMiA0NS43LDIxIDQ2LjgsMjIgNTEsMTcuNCA1MSwyMjMgCgkJCTUyLjYsMjIzIDUyLjYsMTcuNCA1Ni44LDIyIDU3LjksMjEgNTIuNiwxNS4yIDUyLjYsMTAuNyA1Ni44LDE1LjMgNTcuOSwxNC4zIDUyLjYsOC42IDUyLjYsNC4xIDU2LjgsOC42IDU3LjksNy42IDUxLjgsMS4xIAoJCQk1MS44LDEuMSA0NS43LDcuNiAJCSIvPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMjQuMywyNS42IDI4LjUsMjEuMSAyOC41LDI1LjYgMjMuMiwzMS4zIDI0LjMsMzIuMyAyOC41LDI3LjcgMjguNSwzMi4yIDIzLjIsMzggMjQuMywzOSAyOC41LDM0LjQgCgkJCTI4LjUsMjQwIDMwLjEsMjQwIDMwLjEsMzQuNCAzNC4zLDM5IDM1LjQsMzggMzAuMSwzMi4yIDMwLjEsMjcuNyAzNC4zLDMyLjMgMzUuNCwzMS4zIDMwLjEsMjUuNiAzMC4xLDIxLjEgMzQuMywyNS42IDM1LjQsMjQuNiAKCQkJMjkuMywxOC4xIDI5LjMsMTguMSAyMy4yLDI0LjYgCQkiLz4KCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjkxLjgsMjQuNiA5NiwyMC4xIDk2LDI0LjYgOTAuNywzMC4zIDkxLjgsMzEuMyA5NiwyNi43IDk2LDMxLjIgOTAuNywzNyA5MS44LDM4IDk2LDMzLjQgOTYsMjM5IAoJCQk5Ny42LDIzOSA5Ny42LDMzLjQgMTAxLjgsMzggMTAyLjksMzcgOTcuNiwzMS4yIDk3LjYsMjYuNyAxMDEuOCwzMS4zIDEwMi45LDMwLjMgOTcuNiwyNC42IDk3LjYsMjAuMSAxMDEuOCwyNC42IDEwMi45LDIzLjYgCgkJCTk2LjgsMTcuMSA5Ni44LDE3LjEgOTAuNywyMy42IAkJIi8+CgkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxLjgsMjEuNiA2LDE3LjEgNiwyMS42IDAuNywyNy4zIDEuOCwyOC4zIDYsMjMuNyA2LDI4LjIgMC43LDM0IDEuOCwzNSA2LDMwLjQgNiwyMzYgNy42LDIzNiAKCQkJNy42LDMwLjQgMTEuOCwzNSAxMi45LDM0IDcuNiwyOC4yIDcuNiwyMy43IDExLjgsMjguMyAxMi45LDI3LjMgNy42LDIxLjYgNy42LDE3LjEgMTEuOCwyMS42IDEyLjksMjAuNiA2LjgsMTQuMSA2LjgsMTQuMSAKCQkJMC43LDIwLjYgCQkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 145px;
}
#section-rankings-grid h2 {
  text-align: center;
}  
  #section-rankings-grid p {
  text-align: center;
    margin:0;
}  
#section-rankings-grid .col-md-6 .col-md-12 {
  position: relative;
  width: 100%;
  padding-top: 83.9%;
}
#section-rankings-grid .col-md-6 .col-md-6 {
  position: relative;
  width: 50%;
  padding-top: 42%;
  background-size: cover;
  background-repeat: no-repeat;
}
#section-rankings-grid .Great-Wheel {
  /* background-image:url('/media/Graduate-Admissions/Images/Graduate-Viewbook/SU-Great-Wheel-293x243.jpg"); */
  background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-Great-Wheel-293x243.jpg'); 
}
#section-rankings-grid .masters-university {
  background: #04a1b9;
}
#section-rankings-grid .private-university {
  background: #fdb913;
}
#section-rankings-grid .private-university .copy-container{
  color:#333333
}
#section-rankings-grid .private-university .copy-container cite{
  font-weight:400;
}
#section-rankings-grid .part-time-mba {
  background: #008765;
}
#section-rankings-grid .SU-Rain {
  /* background-image:url('/media/Graduate-Admissions/Images/Graduate-Viewbook/SU-Rain-293x243.jpg"); */
  background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-Rain-293x243.jpg'); 
}
#section-rankings-grid .SU-Athletics {
  /* background-image:url('/media/Graduate-Admissions/Images/Graduate-Viewbook/SU-Athletics-293x243.jpg"); */
  background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-Athletics-293x243.jpg'); 
}
#section-rankings-grid .green-campus {
  background: #ef4135;
}
#section-rankings-grid .mba-accounting {
  background: #088099;
}
#section-rankings-grid .peace-corps {
  background: #008765;
}
#section-rankings-grid .SU-Campus {
  /* background-image:url('/media/Graduate-Admissions/Images/Graduate-Viewbook/SU-Campus-293x243.jpg"); */
  background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-Campus-293x243.jpg'); 
}
#section-rankings-grid .SU-Chalkboard {
  /* background-image:url('/media/Graduate-Admissions/Images/Graduate-Viewbook/SU-Chalkboard-293x243.jpg"); */
  background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-Chalkboard-293x243.jpg'); 
}
#section-rankings-grid .Fulbright {
  background: #ef4135;
}
#section-rankings-grid .SU-Desk {
  /* background-image:url('/media/Graduate-Admissions/Images/Graduate-Viewbook/SU-Desk-293x243.jpg"); */
  background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-Desk-293x243.jpg'); 
}
#section-rankings-grid .copy-container {
  position:  absolute;
  top: 25%;
  left: 0;
  right: 0;
  text-align: center;
  font-family:Montserrat,sans-serif;
  font-weight:200;
  font-size: 1.8rem;
  color: white;
  line-height: 1.4;
}
#section-rankings-grid .copy-container p {
  line-height: 1.6;
  padding: 0 2.5rem;
}
#section-rankings-grid .copy-container strong {
  font-size: 6.6rem;
  font-weight: 200;
  display: block;
  line-height: 1em;
  padding-bottom: 1.5rem;
}
#section-rankings-grid .copy-container cite {
  font-size: 0.7em;
  display: block;
  font-style: italic;
}
#section-rankings-grid .col-md-12.col-sm-12 .copy-container p {
    font-size: 2.4rem;
}
#section-rankings-grid .col-md-12.col-sm-12 .copy-container p strong {
  text-transform:uppercase;
}
#section-rankings-grid .col-md-12.col-sm-12 .copy-container cite {
    font-size: 1.4rem;
}
#section-rankings-grid .green-campus .copy-container strong {
  font-size: 2.4rem;
  line-height: 1.25;
  text-transform: uppercase;
}
#section-rankings-grid .mba-accounting .copy-container {
  padding: 0 2rem;
  top: 20%;
}
#section-rankings-grid .peace-corps .copy-container strong {
  font-size: 5.3rem;
  text-transform: uppercase;
}
#section-rankings-grid .Fulbright .copy-container {
  padding: 0 3rem;
  top: 20%;
}
#section-rankings-grid .Bannan{
  /* background-image:url('/media/Graduate-Admissions/Images/Graduate-Viewbook/SU-Great-Wheel-293x243.jpg"); */
  background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-FallCampusScenes_yck_003.jpg'); 
}
#section-rankings-grid .lemba {
    background: #088099;
}
#section-rankings-grid .lemba p strong {
    font-size: 2.4rem;
    line-height: 1.25;
    text-transform: uppercase;
}
#section-rankings-grid .msba {
    background: #ef4135;
}

@media (max-width: 1199px) {
  #section-rankings-grid .copy-container {
      padding:0 !important;
  }
  #section-rankings-grid .copy-container p {
      padding:.5rem;
      line-height:1.2;
  }
  #section-rankings-grid .copy-container strong {
      font-size: 4.4rem;
  }
}
@media (max-width: 991px) {
  #section-rankings-grid .copy-container strong {
    /* font-weight:400; */
  }
}
@media (max-width: 767px) {
  #section-rankings-grid .copy-container strong {
    font-weight:400;
  }
}
@media (max-width: 640px) {
  #section-rankings-grid .copy-container {
      top: 25% !important;
  }
  #section-rankings-grid .copy-container strong {
  }
  #section-rankings-grid .col-md-12.col-sm-12 .copy-container strong {
    font-size:3.2rem !important;
  }
}
@media (max-width: 480px) {
  #section-rankings-grid .copy-container {
      top: 25% !important;
  }
  #section-rankings-grid .copy-container strong {
    font-size:1.6rem !important;
    font-weight:400;
    /* display:inline !important; */
  }
}
@media (max-width: 360px) {
  #section-rankings-grid .copy-container {
      top: 15% !important;
  }
}
/* =============================================================================================================== */
/* ========================================= About Page | Values Section ========================================= */
/* =============================================================================================================== */

#section-about-leading-values {
 background: #fff7ec;
 color:#333333;
  text-align: center;
}
#section-about-leading-values .container {
 padding: 60px 0;
}
#section-about-leading-values h2 {
	margin: 0 0 1rem 0;
}
#section-about-leading-values p {
  margin:0;
}
#section-about-mission {
  background:#ef4135;
  clear: both;
  padding: 0;
  text-align: center;
}
#section-about-mission .container {
  padding: 60px 0;
}
#section-about-leading-values h2 {
	margin: 0 0 1rem 0;
}
#section-about-mission p {
  margin-bottom: 0px;
}
#section-about-values {
  background: #ef4135;
  padding: 0;
  text-align: center;
  color: #ffffff;
  clear: both;
}
#section-about-values .row {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODc4IDE0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg3OCAxNC4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2Rpc3BsYXk6bm9uZTt9Cgkuc3Qxe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTt9Cgkuc3Qye2ZpbGw6I0ZDQjgxNjt9Cgkuc3Qze2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+Cjxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iODcwLjMsMCA4NjkuMSwxLjMgODc0LjQsNi4yIDg2OS4yLDYuMiA4NjIuNSwwIDg2MS4zLDEuMyA4NjYuNiw2LjIgODYxLjMsNi4yIDg1NC42LDAgODUzLjQsMS4zIAoJODU4LjgsNi4yIDI2MC41LDYuMiAyMTcuNCw2LjIgMTkuMiw2LjIgMjQuNSwxLjMgMjMuMywwIDE2LjYsNi4yIDExLjQsNi4yIDE2LjcsMS4zIDE1LjUsMCA4LjgsNi4yIDMuNSw2LjIgOC45LDEuMyA3LjcsMCAwLDcuMSAKCTAsNy4xIDcuNywxNC4yIDguOSwxMyAzLjUsOCA4LjgsOCAxNS41LDE0LjIgMTYuNywxMyAxMS40LDggMTYuNiw4IDIzLjMsMTQuMiAyNC41LDEzIDE5LjIsOCAyMTcuNCw4IDI2MC41LDggODU4LjgsOCA4NTMuNCwxMyAKCTg1NC42LDE0LjIgODYxLjMsOCA4NjYuNiw4IDg2MS4zLDEzIDg2Mi41LDE0LjIgODY5LjIsOCA4NzQuNCw4IDg2OS4xLDEzIDg3MC4zLDE0LjIgODc4LDcuMSA4NzgsNy4xICIvPgo8L3N2Zz4=");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 90% 1.6rem;
}
@media (max-width:992px){
  #section-about-values .row {
    background:none;
  }
}
#section-about-mission h2 {
margin: 0 0 1.5rem 0;
}
#section-about-values h2 {
margin: 0 0 1.5rem 0;
}
#section-about-values h3 {
    background: #ef4135;
    font-family: Montserrat, sans-serif;
    font-size: 1.6rem;
    letter-spacing:.1rem;
    text-transform: uppercase;
    margin: -.5rem 0 15px;
    display: inline-block;
    padding: 0 1rem;
}
#section-about-values p {
  font-weight: 300;
}
#section-about-values .col-md-4, #section-about-values .col-md-3 {
    padding: 0 0 6rem 0;
}
@media (max-width:992px){
  #section-about-values .col-md-4, #section-about-values .col-md-3 {
    padding: 0 0 3rem 0;
  }
}

/* =============================================================================================================== */
/* ======================================= About Page | Philosophy Section ======================================= */
/* =============================================================================================================== */

.section-frame.colorOrange .container {
    border: 1px solid #Ef4135;
}
.section-frame.colorYellow .container {
    border: 1px solid #fdb913;
}
.section-frame.colorGreen .container {
    border: 1px solid #6cb33f;
}
.section-frame.colorEmerald .container {
    border: 1px solid #008765;
}
.section-frame.colorBlue .container {
    border: 1px solid #04a1b9;
}
#section-about-philosophy {
    background: #333333;
    color: #ffffff;
    text-align: center;
    padding: 60px 0;
}

#section-about-philosophy .container {
    margin: auto auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 4rem;
    position:relative;
}

@media (max-width:767px) {
  #section-about-philosophy .container {
    border-left:none;
    border-right:none; 
    justify-content: flex-start;
  }
  #section-about-philosophy .border-frame-left {
    margin: 0 auto;
    top: 0;
    left: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 20px;
    height: 45px;
  }     
    
  #section-about-philosophy .border-frame-right {
    margin: 0;
    bottom: 0;
    left: 50%;
    transform: translateY(50%) rotate(90deg);
    width: 20px;
    height: 45px;
    top: auto;
  } 
}
#section-about-philosophy .container div {
    padding: 0;
}
  
    

/* =============================================================================================================== */
/* ================================================= Academics =================================================== */
/* =============================================================================================================== */


.academicsJumbotronWrapper{
    background: #ffffff;
    color: #333333;
    background-position:center center;
    border: 5px solid #04a9c5;
    border-image: linear-gradient(to right, rgba(239,65,53,1) 0%, rgba(239,65,53,1) 66.66666666%, #04a9c5 66.66666667%, #04a9c5 100%);
    border-image-slice: 1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.academicsJumbotronImage{
    min-height:300px;
    background: url(/media/graduate-admissions/images/graduate-viewbook/academics_admin.jpg);
    background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.academicsJumbotronContent {
    padding: 4.5%;
}
@media (min-width:992px) {
  .academicsJumbotronWrapper{
    display: flex;
  }
}
@media (max-width:991px) {
  .academicsJumbotronWrapper{
    border-image: linear-gradient(to right, rgba(239,65,53,1) 0%, rgba(239,65,53,1) 50%, #04a9c5 50.01%, #04a9c5 100%);
    border-image-slice: 1;
    display: flex;
  }
}
.academicsJumbotronWrapper h2 {
    color: #ef4135;
}
.academicsJumbotronWrapper p{
  color: #333333;
}
.academicsJumbotronWrapper ul{
  color: #333333;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.8rem;
    margin:0;
    padding: 0;
}
.academicsJumbotronWrapper ul li {
    padding-bottom: 1.6rem;
}
.academicsJumbotronContent a {
    color:#aa0000;  
}
.academicsJumbotronBoxLinks.buttonLink {
    margin-top:2rem;
}
.academicsJumbotronBoxLinks.buttonLink li {
    padding: 0;
}
.academicsJumbotronBoxLinks a {
    border: 1px solid #333333;
    color: #333333;
}
.academicsJumbotronBoxLinks a:hover,.academicsJumbotronBoxLinks a:focus {
    background: #ef4135;
    color: #ffffff;
}



#filterFieldWrapper {
    background: #ffffff;
    padding: 30px 15px;
}
#filterFieldWrapper h2{
    color: #aa0000;
    margin: 0 15px 30px 15px;
}
#filterFieldWrapper label{
	color: #aa0000;
    font-weight: 400;
    font-size: 1.6rem;
	text-transform: uppercase;
}
#filterFieldWrapper select, #filterFieldWrapper input{
	color: #333333;
    font-weight: 400;
    font-size: 1.4rem;
    height: 34px;
    padding: 5px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 17px;
  width:100%;
}

#id243490{
  background:#ffffff;
}

@media (min-width: 768px){
#id243490 .organizer{
    width: 750px;
}
}
@media (min-width: 992px){
#id243490 .organizer{
    width: 970px;
}
}
@media (min-width: 1200px){
#id243490 .organizer {
    width: 1170px;
}
}
#id243490 .organizer { /* replicates .container */
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.graduateProgram{
  background:#ffffff;
  border:0;
}
.graduateProgramName{
 	font-size: 1.4rem;
    line-height: 1.6rem;
}
.graduateProgramName a{
 	color:#333333;
    display: block;
    height: 6rem;
}
x.graduateProgramName a:before {
    content: "•";
    color: #aa0000;
    font-size: 30px;
    position: relative;
    top: .5rem;
}
.graduateProgramName a:hover{
 	color:#aa0000;
  text-decoration:none;
}
.graduateProgramName a:before:hover {
    text-decoration:none
}
.noResultsToShow{
    padding: 30px 15px;
    margin: 0;
}
#filterFieldWrapper .buttonLink a{    
    border: 1px solid #333333;
    color: #333333;
	margin: auto auto ;
    text-align: center;
}
#filterFieldWrapper .buttonLink a{    
    background:#ef4135;
    color: #ffffff;

}
.view-more {
    display:none;
    text-align: center;
    width:100%;
}
.view-more span {
  border: 1px solid #333333;
  border-radius: 3rem;
  color: #333333;
    cursor:pointer;
  display:inline-block;
  font-size: 1.6rem;
    font-weight: 300;
    line-height: 4rem;
  margin:0;
  padding: 0 30px;
  text-decoration: none;
  text-align: center;
    text-transform: uppercase;
    -o-transition:.25s;
  -ms-transition:.25s;
  -moz-transition:.25s;
  -webkit-transition:.25s;
  transition:.25s;
}
.view-more span:hover, .view-more span:focus{
   background:#aa0000;
  color:#ffffff;
  text-decoration: none;
}

/* =============================================================================================================== */
/* ================================================== Location =================================================== */
/* =============================================================================================================== */


/* =========================================== Visit Top box ================================================== */
.visitSULinkBox {
	background: #008765;
	color: #ffffff;
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	padding: 30px 0;
	text-align: center;
}
.visitSULinkBox p {
	color: #ffffff;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.visitSULinkBox .buttonLink a {
	margin: 0;
	text-decoration: none;
}
.visitSULinkBox .buttonLink a:hover {
	background: #ffffff;
	color: #008765;
}

/* =========================================== Location Boxes ================================================== */
.locationBoxesWrapper {
	background: #008765;
	color: #ffffff;
	font-family: montserrat;
	padding: 0 0 30px 0;
}
.locationBoxText {
	color: #ffffff;
	text-align: center;
}
.locationBoxesWrapper h4 {
	font-size: 4.5rem;
	font-weight: 200;
	line-height: 4.5rem;
	margin-bottom: 15px;
}
.locationBoxesWrapper p {
	line-height: 1.6rem;
	margin: 0 0 10px 0;
}
.locationBoxesWrapper p em {
	font-size: 1.2rem;
}

/* =========================================== Visit SU Section ================================================== */


#section-visit-su {
   padding:60px 0;
}
#section-visit-su h2 {
    color: #ef4135;
  margin-top:0;
}
#section-visit-su h3 {
    color: #04a9c5;
    font-size: 2rem;
    font-family: 'Montserrat',sans-serif;
}
#section-visit-su p {
    color: #ffffff;
}
#section-visit-su p a {
    color: #ef4135;
}
#section-visit-su p a:hover {
    color: #04a9c5;
  text-decoration:underline;
}
#section-visit-su .buttonLink  {
    padding: 0;
    margin-bottom: 30px;
}
#section-visit-su .buttonLink a { }
#section-visit-su .buttonLink a:hover {
    background: #04a9c5;
    color: #333333;
    text-decoration: none;
}
.panelLightBlueDiv{
    border: 10px solid #04a9c5;
    border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 52%, #04899d 52.01%, #04899d 100%);
    border-image-slice: 1;
    border-top: 0;
padding:0;
}


/* =============================================================================================================== */
/* ================================================= Essentials ================================================== */
/* =============================================================================================================== */
#section-essentials-hero {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    padding-top: 17%;
    padding-bottom: 7%;
    color: #fff;
    background-image:url('/media/graduate-admissions/images/graduate-viewbook/SU-Campus-Fall-1400x736.jpg'); 
    border: 5px solid #04a9c5;
    border-image: linear-gradient(to right, rgba(239,65,53,1) 0%, rgba(239,65,53,1) 33.33333333%, #04a9c5 25.01%, #04a9c5 100%);
    border-image-slice: 1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
@media (max-width:991px) {
  #section-essentials-hero {
    border: 5px solid #04a9c5;
    border-image: linear-gradient(to right, rgba(239,65,53,1) 0%, rgba(239,65,53,1) 50%, #04a9c5 40.01%, #04a9c5 100%);
    border-image-slice: 1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    }
}
@media (max-width:767px) {
    #section-essentials-hero {
    border: 5px solid #ef4135;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-size:contain;
    background-position: top;
    padding: 53% 0 10%;
    text-align:center;
    }
}
#section-essentials-hero h1 {
    font-size:3.2rem;
    text-transform:uppercase;
}
#section-essentials-hero p {
    font-family:"Montserrat", sans-serif;
    font-size:1.6rem;
    font-weight:200;
    line-height:1.5;
}
#section-essentials-hero .featured-links {
    clear:both;
}
#section-essentials-hero .featured-links {
    padding: 0;
    margin-top: 30px;
}
#section-essentials-hero .featured-links a {
    margin-top: 2rem;
}
#section-essentials-hero .featured-links a:focus,
#section-essentials-hero .featured-links a:hover {
    background: #008765;
    color: #ffffff;
    text-decoration: none;
}

#section-essentials-hero .copy-container {
    padding: 0 2rem;
}
@media (max-width:767px) {
    #section-essentials-hero .copy-container {
    padding: 0 2rem;
}
}
/* =============================================================================================================== */
/* =============================================== Profile Pages ================================================= */
/* =============================================================================================================== */

#section-profile {
    background:#fff;
    padding:5rem 0 10rem;
}
#section-profile .container {
	position:relative;
}
#section-profile .img-container {
	position:relative;
    z-index:1;
}
#section-profile .img-container img {
    width:100%;
    height: auto;
}
#section-profile .arrow-point-right {
    top:4.25rem;
}
@media (max-width:992px) {
  #section-profile .arrow-point-right {
    top:0;
  }
}
@media (max-width:767px) {
  #section-profile .arrow-point-right {
    background-position: 0;
    background-size:200%;
    top:0;
  }
}
#section-profile .copy-container h1 {
    color:#aa0000;
    font-family:"Roboto Slab",Courier,serif;
    margin: 0;
    line-height: 3.4rem;
    text-transform:uppercase;
}
#section-profile .copy-container h2 {
    color:#333;
    font-family:"Montserrat",sans-serif;
    font-size:1.3rem;
    line-height:2;
    margin: 1rem 0 3rem;
    text-transform:uppercase;
}
#section-profile .copy-container h2 {
    color:#333;
    font-family:"Montserrat",sans-serif;
    font-size:1.3rem;
    line-height:1.5;
}
#section-profile .copy-container p {
	color:#333;
  font-size:1.4rem;
}
/* =============================================================================================================== */
/* ===================================== Additional Profiles Thumbnail Links ===================================== */
/* =============================================================================================================== */

.additionalProfileContainer {
    margin-top: 7.2rem;
}

/* =============================================================================================================== */
/* ===================================== Path Pages (Drive, Climb, Pivot) ======================================== */
/* =============================================================================================================== */
body {
	font-size: 10px;
}


.pathHeaderWrapper {
	background: #333333;
	padding-top: 60px;
	text-align: center;
}
.pathHeaderArrowImage {
	background: linear-gradient(#333333 50%, #fffff0 50.01%); /* Standard syntax */
}
.pathHeaderText {
	color: #000000;
    background: #fffff0;
	padding: 15px 0 60px 0;
}
.pathHeader h1 {
	font-family: "Roboto Slab", Courier, monospace;
	font-size: 2.4rem;
	margin: 0;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
}
.pathHeader h2 {
	color: #ef4135;
	font-family: "Roboto Slab", Courier, monospace;
	font-size: 3.6rem
    line-height: 3.8rem;
	letter-spacing: 3px;
	margin: 0;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.pathHeader p {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin: 0;
}




.benefitsBoxesWrapper {
	background: #333333;
	padding: 60px 0;
}
.benefitsBoxesWrapper h2 {
	color: #ffffff;
	font-family: "Roboto Slab", Courier, monospace;
	font-size: 2.4rem;
	margin: 0;
	padding: 0 60px 60px 60px;
	text-align: center;
	text-transform: uppercase;
}
.benefitsBox {
	padding: 0;
}
.benefitsBoxText {
	padding: 60px 30px 60px 30px;
	height:320px;
	text-align: center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCA4MCI+CiAgICA8cGF0aCBkPSJNIDEyIDEwIEwgMTIgODAiIHN0cm9rZT0iIzMzMyIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiAvPgogICAgPHBhdGggZD0iTSAxIDIzIEwgMTIgMTAgMjMgMjMgIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzMzMyIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gMSAzNiBMIDEyIDIzIDIzIDM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzMzMyIgZmlsbD0ibm9uZSIgLz4KICAgIDxwYXRoIGQ9Ik0gMSA0OSBMIDEyIDM2IDIzIDQ5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzMzMyIgZmlsbD0ibm9uZSIgLz4KICA8L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: center 101%;
	background-size: 22px;
}
@media (max-width:767px) {
  .benefitsBoxText {
    height:260px;
  }
}
.benefitsBoxText p {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
}
.benefitsBoxText span {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-size: 1.4rem;
	font-style: italic;
}
.benefitsBoxText.colorGold {
	background-color: #fdb913;
	color: #333333;
}
.benefitsBoxText.colorOrange {
	background-color: #ef4135;
	color: #ffffff;
}
.benefitsBoxText.colorLightBlue {
	background-color: #04a1b9;
	color: #ffffff;
}
.benefitsBoxText.colorEmerald {
	background-color: #008765;
	color: #ffffff;
}
.linksBoxesWrapper {
    background: #333333;
    color: #ffffff;
}
.linkBox {
    padding: 0 0 4rem;
}
.linksBoxesWrapper h2{
	color: #ffffff;
	font-family: "Roboto Slab", Courier, monospace;
	font-size: 2.4rem;
	margin: 0;
	padding: 0 0 30px 0;
	text-align: center;
	text-transform: uppercase;
}
.linksBoxesWrapper ul{
	text-align:center;
	list-style-type:none;
	padding: 0 0 3rem;
}
.linksBoxesWrapper ul li{
	padding:5px 0;
}
.linksBoxesWrapper ul li a{
	color: #04a1b9;
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-size: 1.6rem;
	text-decoration:underline;
}
.linksBoxesWrapper .buttonLink a:hover, .linksBoxesWrapper .buttonLink a:focus {
    background:#178355;
}
/* =============================================================================================================== */
/* =================================================== Footer ==================================================== */
/* =============================================================================================================== */



footer {
    position: relative;
    background: #fffff0;
}
footer .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 60px 0 0px;
    border-color: #fab62f transparent transparent transparent;
    position: absolute;
    top: -20px;
}
footer #gradFooterInner {
    padding: 60px 0;
}
footer #organization {
    color: #333333;
    font-size: 1.4rem;
    line-height: 2.8rem;
    text-align: left;
}
footer #organization img {
    max-width:165px;
}
footer #organization .name {
    margin-top: 30px;
    font-weight: 500;
}
footer #organization address{
	line-height:inherit;
  	margin-bottom:0;
}
footer #organization .phone a{
    color:#333333;
  	text-decoration:underline;
}
footer #organization .phone a:hover, footer #organization .phone a:focus{
    color:#333333;
}

@media screen and (max-width: 767px){
  footer #organization{
    padding: 0 1.5rem;
  }
  #gradFooterLinks {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px){
  footer #organization .phone a {
      cursor: text;
      text-decoration: none;
  }
}
#gradFooterLinks li {
  font-size: 1.6rem;
    margin-bottom: 15px;
    line-height: 1.8rem;
}
#gradFooterLinks a {
    color: #666666;
}
#gradFooterLinks a:hover{
    color: #aa0000;
    text-decoration:underline;
}

#gradFooterCallToActionLinks {
    padding:0;
}
#gradFooterCallToActionLinks li {
    padding:0;
}
#gradFooterCallToActionLinks li a {
    color: #666666;
    border: 1px solid #666666;
  text-decoration:none;
}
#gradFooterCallToActionLinks li a:hover {
    text-decoration: none;
    background: #ef4135;
    color: #ffffff;
    border: 1px solid #ffffff;
}
/* ----------- Sub-footer ------------  */
/* Includes terms of service, privacy, copyright and feedback */
#subfooterWrapper{ 
  background:#333333;
  color:#ffffff;
  font-size:1.2rem;
}
#subfooter a, #subfooter a:visited{ 
  color:#ffffff;
  padding: 0 .5rem;
}
#subfooter a:focus, #subfooter a:hover{ 
  color:#04A9C5;
  text-decoration:underline;
}
#subfooter #subfooterLinks{
  float:right;
}
#subfooter #subfooterCopyright{ 
  float:left;
}

@media (max-width:767px) {
  footer #gradFooterInner {
    padding:0 0 3rem;
  }
  #gradFooterCallToActionLinks {
    background: #ef4135;
    position:relative;
    padding-top:3rem;
    padding-bottom:2rem;
  }
  #gradFooterCallToActionLinks li a {
    color: #ffffff;
    border:1px solid #ffffff;
  }
  #gradFooterCallToActionLinks li a:hover,  #gradFooterCallToActionLinks li a:focus {
    background:#ffffff;
    color: #333333;
  }
  footer .triangle {
    display:none;
  }
}

/* =============================================================================================================== */
/* ===================================================== SVG ===================================================== */
/* =============================================================================================================== */


svg.black {
    stroke: #333;
    stroke-width: 2;
}

.imgWithSideTxtWrapper {
    padding: 100px 0px 100px 0px;
    background-color: #fff;
}

.imgWithSideTxtText{
    padding-left: 70px;
    padding-right: 30px;
}
.imgWithSideTxtText p{
    color:#333333;
}
.imgWithSideTxtText h2{
    color:#ef4135;
  margin:0;
}

.imgWithSideTxtArrowDiv{
    transform: rotate(180deg);
    height: 30px;
    min-width: 140%;
    position: relative;
    left: -141%;
    top: 43px;
}

.imgWithSideTxtMainImg{
    z-index: 1;
}

svg.red {
    stroke: #ef4135;
    stroke-width: 2;
}