/*new for career tool*/
/*
//old colors
	$ou-gold: #b59a57;
	$ou-gold-light: #d9c89e;
	$ou-gold-dark: #a0884d;

	$ou-mag-gold: #877148;
	$ou-mag-dark-gold: #7b6742;
	$ou-mag-light-gold: #ccb06c;
	$ou-mag-gray: #4c4c4c;
	$ou-mag-light-gray: #f3f3f3;
	$ou-mag-blue: #0070be;


	$ou-menu-gold:#b69b56;
	$ou-menu-gold-hover:#a68e52;

	$ou-brown: #5e504d;
	$ou-light-brown: #776a67;

	$ou-extra-light-gray:#f1f1f1;
	$ou-light-gray: #a3a3a3;
	$ou-medium-gray: #696969;
	$ou-dark-gray: #474747;
	$ou-extra-dark-gray:#323232;

	$ou-black: #000000;
	$ou-white: #ffffff;

	$ou-tan: #efe8e2;
	$ou-tan-border: #c7ad77;
	$ou-gray-border:#3b3b3b;
*/
/* Medium Displays: 768px - 1279px */
/* Large Displays: 1280px - 1440px */
/* X-Large Displays: 1400px and up */
/* ADDITIONAL FONT CHOICES
font-family:'Helvetica LT W01 Light';
font-family:'Helvetica LT W01 Light Oblique';
font-family:'Helvetica LT W01 Roman';
font-family:'Helvetica LT W01 Obliqu1489444';
font-family:'Helvetica LT W01 Bold';
font-family:'Helvetica LT W01 Bold O1489460';
font-family:'Helvetica LT W01 Black';
font-family:'Helvetica LT W01 Black Oblique';
font-family:'Helvetica LT W01 Light Cond';
font-family:'Helvetica LT W01 Light Cn Obl';
font-family:'Helvetica LT W01 Condensed';
font-family:'Helvetica LT W01 Condensed Obl';
font-family:'Helvetica LT W01 Bold Cond';
font-family:'Helvetica LT W01 Bold Cond Obl';
font-family:'Helvetica LT W01 Black Cond';
font-family:'Helvetica LT W01 Black Cn Obl';
font-family:'Helvetica LT W01 Narrow';
font-family:'Helvetica LT W01 Narrow Obl';
font-family:'Helvetica LT W01 Bold Narrow';
font-family:'Helvetica LT W01 Bold Nr Obl';
font-family:'Helvetica LT W01 Compressed';
font-family:'Helvetica LT W01 X Compressed';
font-family:'Helvetica LT W01 Ult Comp';
font-family:'Helvetica Inserat LT W01 Rg';
font-family:'Helvetica Rounded LT W01 Bold';
font-family:'Helvetica Rounded LT W01 BdObl';
font-family:'Helvetica Rounded LT W01 Black';
font-family:'Helvetica Rounded LT W01BlkObl';
font-family:'Helvetica Rounded LT W01 Bd Cn';
font-family:'Helvetica Rounded LTW01BdCnObl';
font-family:'HelveticaW01-TextbookRg_709917';
font-family:'HelveticaW01-TextbookRg_709920';
font-family:'HelveticaW01-TextbookBd_709911';
font-family:'HelveticaW01-TextbookBd_709914';
font-family:'Helvetica W95 Fractions';
font-family:'Helvetica W95 Fractions Bold';
font-family:'ITC Garamond W01 Light';
font-family:'ITC Garamond W01 Light Italic';
font-family:'ITC Garamond W01 Book';
font-family:'ITC Garamond W01 Book Italic';
font-family:'ITC Garamond W01 Bold';
font-family:'ITC Garamond W01 Bold Italic';
font-family:'ITC Garamond W01 Ultra';
font-family:'ITC Garamond W01 Ultra Italic';
font-family:'ITC Garamond W01 Light Cond';
font-family:'ITC Garamond W01 Light Cond It';
font-family:'ITC Garamond W01 Book Cond';
font-family:'ITC Garamond W01 Book Cond It';
font-family:'ITC Garamond W01 Bold Cond';
font-family:'ITC Garamond W01 Bold Cond It';
font-family:'ITC Garamond W01 Ult Condensed';
font-family:'ITC Garamond W01 Ult Cond It';
font-family:'ITC Garamond W01 Light Narrow';
font-family:'ITC Garamond W01 Light Nr It';
font-family:'ITC Garamond W01 Book Narrow';
font-family:'ITC Garamond W01 Book Narrow It';
font-family:'ITC Garamond W01 Bold Narrow';
font-family:'ITC Garamond W01 Bold Narrow It';
font-family:'ITC Garamond W01 Ultra Narrow';
font-family:'ITC Garamond W01 Ult Narrow It';
*/
.mobileTesting {
  display: none;
  color: white;
  text-align: center;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999; }

#programPages {
  background-color: #000;
  display: inline-table;
  width: 100%; }
  #programPages .row {
    max-width: 70.625rem; }
  #programPages p, #programPages li, #programPages h1, #programPages h2, #programPages h3, #programPages h4, #programPages h5, #programPages h6 {
    color: #000;
    font-size: 1rem;
    padding: 0px; }
  #programPages p, #programPages ul, #programPages ol {
    line-height: 1.5rem;}
  #programPages p, #programPages li {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 400; }
  #programPages h1, #programPages h2, #programPages h3, #programPages h5, #programPages h6 {
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 700;
    margin-top: 0.6rem;
    margin-bottom: 1.25rem;
    line-height: 1.3; }
  #programPages .prehead {
    font-size: 1.5rem;
    line-height: 2.25;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 700;
    color: #fff;
    text-transform: uppercase; }
  #programPages h1 {
    font-size: 4rem;
    color: #fff;
    text-transform: uppercase; }
 #programPages h1 .prehead {
    font-size: 1.5rem; }
  #programPages .subhead {
    font-size: 1.5rem;
    font-family: "EB Garamond", "Garamond", Times, serif;
font-weight: 500;
    color: #fff; }
  #programPages h2 {
    font-size: 2.125rem;
    color: #877148; }
  #programPages h3 {
    font-size: 1.625rem;
    color: #000; }
  #programPages h4 {
    font-size: 1rem;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #000;
    display: inline; }
  #programPages a {
    color: #000;
    text-decoration: underline; }
  #programPages a:hover,
  #programPages a:focus {
    color: auto; }
  #programPages .button {
    width: 100%;
    background-color: #877148;
    margin: 3% 0px;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none; }
  #programPages .button:hover {
    background-color: #675637;
    color: #fff; }
  #programPages .callOut {
    background-color: #000; }
  #programPages .callOut:hover {
    background-color: #343434; }
  #programPages #titleSection {
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 2500px;
    margin: 0px auto; }
    #programPages #titleSection .bgOverlay {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 10.4% 0px; }
      #programPages #titleSection .bgOverlay .row {
        display: table; }
        #programPages #titleSection .bgOverlay .row #pageTitles {
          color: #fff;
          text-align: center;
          display: table-cell;
          vertical-align: middle; }
          #programPages #titleSection .bgOverlay .row #pageTitles p, #programPages #titleSection .bgOverlay .row #pageTitles h1, #programPages #titleSection .bgOverlay .row #pageTitles h2 {
            line-height: 1;
            margin-top: 0px; }
          #programPages #titleSection .bgOverlay .row #pageTitles p {
            margin-bottom: 0.75rem; }
          #programPages #titleSection .bgOverlay .row #pageTitles h1 {
            margin-bottom: 1rem; }
          #programPages #titleSection .bgOverlay .row #pageTitles h2 {
            max-width: 50%;
            margin: 0px auto; }
  #programPages #introSection {
    background-color: #e8e0cf;
    padding: 5% 0px; }
    #programPages #introSection p {
      margin-top: 1.25rem; }
    #programPages #introSection .ppPpIntroSection {
      display: inline-block; }
    #programPages #introSection .btnCol {
      display: table; }
      #programPages #introSection .btnCol .btnColCenter,
      #programPages #introSection .btnCol .perc-vertical {
        display: table-cell;
        vertical-align: middle; }
        #programPages #introSection .btnCol .btnColCenter .perc-vertical,
        #programPages #introSection .btnCol .perc-vertical .perc-vertical {
          display: block; }
  #programPages #ouAdvantage {
    background-color: #fff;
  }
    #programPages #ouAdvantage #ouAdvantageBG {
      background-image: url(/media/Oakland/template-assets/careers-pages/images/middle.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      max-width: 2500px;
      margin: 0px auto; }
      #programPages #ouAdvantage #ouAdvantageBG h2 {
        color: #877148;
        line-height: 1; }
      #programPages #ouAdvantage #ouAdvantageBG .bgOverlay {
        background-color: rgba(255, 255, 255, 0.85);
        padding: 6% 0px; }
        #programPages #ouAdvantage #ouAdvantageBG .bgOverlay .row {
          display: table; }
          #programPages #ouAdvantage #ouAdvantageBG .bgOverlay .row #leftCol {
            border-right: 1px solid #877148;
            padding-right: 5rem; }
            #programPages #ouAdvantage #ouAdvantageBG .bgOverlay .row #leftCol p, #programPages #ouAdvantage #ouAdvantageBG .bgOverlay .row #leftCol li {
              color: #000;
              font-size: 1.25rem;
              line-height: 1.875rem;
              font-family: "EB Garamond", "Garamond", Times, serif;
              font-weight: 500; }
          #programPages #ouAdvantage #ouAdvantageBG .bgOverlay .row #rightCol {
            padding-left: 5rem; }
            #programPages #ouAdvantage #ouAdvantageBG .bgOverlay .row #rightCol li {
              margin-bottom: 1.25rem; }
            #programPages #ouAdvantage #ouAdvantageBG .bgOverlay .row #rightCol p {
              display: inline; }
  #programPages #whatToDoWith {
    background-color: #fff;
    padding: 6% 0px; }
    #programPages #whatToDoWith ul {
      display: block;
      margin-right: 12%; }
    #programPages #whatToDoWith .sidebar {
      background-color: #e8e0cf;
      padding: 4% 4.425%;
      margin-bottom: 0px;
      margin-right: 0.9375rem; }
      #programPages #whatToDoWith .sidebar ul {
        margin-bottom: 0px; }
      #programPages #whatToDoWith .sidebar .btnContainer {
        margin: 1.25rem 0px; }
      #programPages #whatToDoWith .sidebar h2 {
        color: #675637;
        font-size: 22px; }
  #programPages #additionalCta {
    background-color: #000; }
    #programPages #additionalCta #additionalCtaBG {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      max-width: 2500px;
      margin: 0px auto;
      background-image: url(/media/Oakland/template-assets/careers-pages/images/devBottomImage.jpg);    
    }
    #programPages #additionalCta .bgOverlay {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 15.4% 0px; }
      #programPages #additionalCta .bgOverlay .row {
        display: table; }
        #programPages #additionalCta .bgOverlay .row .contentArea {
          color: #fff;
          text-align: center;
          display: table-cell;
          vertical-align: middle; }
          #programPages #additionalCta .bgOverlay .row .contentArea h2 {
            font-size: 4rem;
            color: #fff;
            text-transform: uppercase; }
      #programPages #additionalCta .bgOverlay .btnRow {
        max-width: 57.525rem; }
        #programPages #additionalCta .bgOverlay .btnRow .transparentBtn {
          border: 1px solid #877148;
          background-color: rgba(135, 113, 72, 0); }
        #programPages #additionalCta .bgOverlay .btnRow .transparentBtn:hover {
          background-color: #877148; }

@media only screen and (min-width: 120.001em) {
  .mobileTesting {
    display: block;
    background-color: rgba(200, 100, 0, 0.6); }

  .mt-xxlarge {
    display: block; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: none; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; } }
@media only screen and (min-width: 1441px) and (max-width: 1921px) {
  .mobileTesting {
    display: block;
    background-color: rgba(0, 100, 100, 0.6); }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: block; }

  .mt-large {
    display: none; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; } }
@media only screen and (min-width: 64.001em) {
  img, .img {
    image-rendering: -moz-crisp-edges;
    /* Firefox */
    image-rendering: -o-crisp-edges;
    /* Opera */
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    /* IE (non-standard property) */ } }
@media only screen and (min-width: 64.001em) and (max-width: 90em) {
  .mobileTesting {
    display: block;
    background-color: rgba(0, 0, 255, 0.6); }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: block; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; } }
@media only screen and (min-width: 40.001em) and (max-width: 64em) {
  .mobileTesting {
    display: block;
    background-color: rgba(0, 255, 0, 0.6); }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: none; }

  .mt-medium {
    display: block; }

  .mt-small {
    display: none; }

  #programPages {
    background-color: #000; }
    #programPages #titleSection .bgOverlay {
      padding: 8% 0px; }
      #programPages #titleSection .bgOverlay .row #pageTitles h1 {
        font-size: 2.5rem; }
      #programPages #titleSection .bgOverlay .row #pageTitles h2 {
        max-width: 80%; }
    #programPages #introSection {
      padding: 4% 0px; } }
@media only screen and (max-width: 40em) {
  .mobileTesting {
    display: block;
    background-color: rgba(255, 0, 0, 0.6); }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: none; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: initial; } }

.ppPpWhatCanYouDoWith .rss-feed-item-title,
.ppPpWhatCanYouDoWith .rss-feed-item-date,
.ppPpWhatCanYouDoWith .rss-feed-item-description
{
  font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
  margin-left: 0;
  margin-right: 0;
}

.ppPpWhatCanYouDoWith .rss-feed-item-title {
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 20px;
}

#programPages .button.large.largeOUButton {
  width: auto;
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 400;
  font-size: 0.9rem !important;
  line-height: 1.2rem !important;
  letter-spacing: 0.04rem;
  text-decoration: none;
}

@media screen and (max-width: 64em) {
  #programPages .button.large.largeOUButton {
      margin: 1rem auto;
      width: 80%;
      display: block;
  }
  
  .rss-feed-item {
  	margin-left: 1.1rem;
	}
}

#programPages .rss-feed-widget {
  margin-top: 0;
}

#titleSection{background-image: url(/media/Oakland/template-assets/careers-pages/images/top.jpg); background-position: top !important;}


#programPages #whatToDoWith ul.rss-feed-item-title {
  margin-top: 6px;
  margin-bottom: 6px;
}

.rss-list  .rss-feed-item:nth-child(n + 16) {
display:none;
}