.main-content-container {
  height: initial !important;
  width: initial !important; }

/*new for career tool*/
/* Medium Displays: 768px - 1279px */
/* Large Displays: 1280px - 1440px */
/* X-Large Displays: 1400px and up */

#careerTool {
  /* #mainBody */
  /*#temp-region-7 is the perc region that #careerSlider is in*/
  /*#careerSlider{
  
  	.row{
  		max-width: 100%;
  
  		.columns{
  			padding: 0px;
  			text-align: center;
  		}
  	}
  	
  	.show{display: inherit !important;}
  
  	.ul {
  		margin: 0px;
  		background-size: cover;
  		background-repeat: no-repeat;
  
  		li{
  			list-style: none;
  			max-height: 490px;
  			padding: 15% 0px 25% 0px;
  			background-size: cover;
  			background-repeat: no-repeat;
  
  
  			p{
  				color: white;
  				font-family: $serif;
  				font-size: 1.5em;
  				font-style: italic;
  				margin: 0px;
  				line-height: 1.5em;
  				text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  			}
  
  			a,
  			.careerTitle{
  				color: white;
  				font-family: $sans;
  				font-size: 2.5em;
  				font-style: normal;
  				font-weight: normal;
  				text-transform: uppercase;
  				line-height: 1em;
  				text-decoration: none;
  				text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  			}
  			a:hover{
  				text-decoration: underline;
  			}
  		}
  	}
  
  	.refreshBtn{
  		margin: -100px 0px 0px 0px;
  		text-align: center;
  		position: absolute;
  
  		button{
  			background-color: inherit;
  			border: none;
  			box-shadow: none;
  
  
  			img{
  				width: 50%;
  				height: auto;
  			}
  		}
  		button:active{
  			img{
  				transition: width 0.05s;
  				width: 44%;
  				transform: rotate(-90deg);
  			}
  		}
  	}
  
  }*/
  /* #careerSlider */
  /*#careerOptions{
  	height: initial !important;
  	width: initial !important;
  	
  	.careerChartItems{
  		width: 100%;
  
  		.columns{
  
  			ul{
  
  				li{
  					color: black;
  					font-family: $sans;
  					padding: 2% 1% 2% 2%;
  					font-size: 13px;
  					line-height: 16px;					
  				}
  				li:first-child{
  					font-weight: bold;
  
  					a{
  						font-weight: bold;
  					}
  				}
  				a{
  					color: black;
  					font-family: $sans;
  					font-size: 13px;
  					font-weight: normal;
  					line-height: 16px;	
  					text-decoration: none;
  				}
  				a:hover{
  					text-decoration: underline;
  				}
  			}
  		}
  	}
  
  	#careerLIs{
  		.perc-widget{
  			background-color: #dbcaa9;
  		}
  		.perc-widget:nth-child(even){
  			background-color: #e7dcc1;
  		}
  	}
  
  
  	#careerChartTitles{
  		width: 100%;
  		background-color: $ou-extra-dark-gray;
  		
  		ul{
  
  			li{
  				padding: 6% 0px 1% 2%;
  				color: white;
  				font-family: $serif;
  				font-size: 20px;
  				letter-spacing: 1px;
  				line-height: 24px;
  				
  				.small{
  					font-size: 10px;
  					vertical-align: super;
  					line-height: 0px;
  				}
  			}
  		}
  	} 
  
  	#careerChartFooter{
  		width: 100%;
  		background-color: $ou-extra-dark-gray;
  		padding: 0px 0px 1% 0px;
  
  		.columns{
  			margin: 0px;
  
  			p{
  				margin: 0px;
  				color: white; 
  				font-size: 11px;
  				font-style: italic;
  				font-weight: lighter;
  				letter-spacing: 1px;
  				display: inline-block;
  			}
  		}
  	} 
  
  }*/
  /* #careerOptions */ }
  #careerTool .row {
    max-width: 66em; }
  #careerTool a {
    color: #840831;
    font-weight: bold;
    text-decoration: none; }
  #careerTool a:hover {
    text-decoration: underline; }
  #careerTool a:focus,
  #careerTool button:focus {
    outline: 0; }
  #careerTool .mainBody {
    padding: 4% 0px 2% 0px;
    height: initial !important;
    width: initial !important;
    /*	h4{
    		font-family: $serif;
    		font-size: 22px;
    		line-height: 30px;
    		margin: 0px 0px 14px 0px;
    	}
    */
    /* .rightColBtns */ }
    #careerTool .mainBody .pageTitle h1 {
      font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 40px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 40px;
      color: black;
      margin: 0px 0px 14px 0px; }
    #careerTool .mainBody h5, #careerTool .mainBody p {
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 24px;
      margin: 0px 0px 14px 0px; }
    #careerTool .mainBody h2, #careerTool .mainBody h3, #careerTool .mainBody h4, #careerTool .mainBody .heading {
      font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 18px;
      margin: 0px 0px 1% 0px;
      color: #000; }
    #careerTool .mainBody a {
      color: #000;
      text-decoration: underline;
      font-weight: bold; }
    #careerTool .mainBody a:hover {
      color: #877148; }
    #careerTool .mainBody .introText,
    #careerTool .mainBody .introText h1,
    #careerTool .mainBody .introText h2,
    #careerTool .mainBody .introText h3,
    #careerTool .mainBody .introText h4,
    #careerTool .mainBody .introText h5,
    #careerTool .mainBody .introText h6 {
      font-family: "Garamond", Times, serif;
      font-size: 22px;
      font-weight: normal;
      line-height: 30px;
      margin: 0px 0px 14px 0px;
      text-transform: none; }
    #careerTool .mainBody ul li {
      font-size: 14px;
      list-style-position: inside; }
      #careerTool .mainBody ul li p {
        margin: 0px;
        font-size: 14px; }
    #careerTool .mainBody .rightColBtns {
      margin: 0px 0px 2% 0px;
      /* UL */ }
      #careerTool .mainBody .rightColBtns ul {
        margin: 0px; }
        #careerTool .mainBody .rightColBtns ul li {
          list-style: none;
          margin: 0px; }
          #careerTool .mainBody .rightColBtns ul li .button {
            color: white;
            font-weight: normal;
            font-size: 11px;
            padding: 4%;
            text-align: left;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 1px;
            background-color: #877148;
            transition: background-color 0.25s;
            border-radius: 6px;
            width: 100%;
            margin: 1% 0px;
            border: none;
            box-shadow: none; }
          #careerTool .mainBody .rightColBtns ul li .button:hover {
            background-color: #7a6641;
            text-decoration: none; }
          #careerTool .mainBody .rightColBtns ul li .moreBetterButton {
            font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
            background-color: #0f0f0f;
            transition: background-color 0.25s;
            margin: 4% 0 1% 0;
            font-size: 20px;
            padding: 6%;
            width: 65%; }
            #careerTool .mainBody .rightColBtns ul li .moreBetterButton img {
              width: 22px;
              float: right;
              padding: 1% 0 0 0; }
          #careerTool .mainBody .rightColBtns ul li .moreBetterButton:hover {
            background-color: #363636; }
      #careerTool .mainBody .rightColBtns .small-block-grid-2 li {
        padding: 0px 2% 1% 0px; }
      #careerTool .mainBody .rightColBtns .small-block-grid-2 .button {
        padding: 8%;
        min-height: 48px; }
    #careerTool .mainBody .subheader {
      font-size: 12px;
      color: #696969;
      font-style: italic;
      margin: 3% 0px 0px 0px;
      line-height: 15px; }
      #careerTool .mainBody .subheader h3 {
        margin: 0px; }
        #careerTool .mainBody .subheader h3 a {
          margin: 4% 0 1% 0; }
  #careerTool #additionalInfo {
    background-color: #F1F1F1;
    padding: 2% 0px 1% 0px; }
    #careerTool #additionalInfo .mainBody {
      margin: 0px;
      padding: 2% 0px 1% 0px; }
    #careerTool #additionalInfo ul {
      margin-top: 1em; }
    #careerTool #additionalInfo .subheader {
      font-size: 12px;
      color: #696969;
      font-style: italic;
      margin: 0px;
      line-height: 15px; }
      #careerTool #additionalInfo .subheader h3 {
        margin: 0px; }
        #careerTool #additionalInfo .subheader h3 a {
          margin: 4% 0 1% 0; }
  #careerTool #temp-region-7 {
    display: none; }
  #careerTool #careerOptions {
    display: none; }
  #careerTool #ugPrograms {
    padding: 2% 0px; }
    #careerTool #ugPrograms .letterTitle {
      font-size: 70px;
      font-family: "Garamond", Times, serif;
      font-weight: lighter;
      color: #877148;
      margin: 14px 0px 0px 0px;
      line-height: 80px; }
    #careerTool #ugPrograms hr {
      margin: 0px 0px 14px 0px;
      border: 1px solid black;
      border-radius: 6px; }
    #careerTool #ugPrograms ul {
      margin: 0px; }
      #careerTool #ugPrograms ul li {
        list-style: none; }
        #careerTool #ugPrograms ul li p {
          margin: 0px 0px 16px 0px;
          font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
          font-size: 16px;
          font-weight: 300;
          line-height: 18px; }
        #careerTool #ugPrograms ul li a {
          color: #696969;
          text-decoration: none; }
        #careerTool #ugPrograms ul li a:hover {
          text-decoration: underline; }

/* #careerTool */
/*@media(max-width:767px){}
@media(max-width:520px){}
@media(min-width:900px) and (max-width:1279px){}
@media(min-width:768px) and (max-width:899px){}
@media(min-width:0) and (max-width:767px){}
@media(max-width:1279px){}
@media(min-width:0) and (max-width:767px){}*/
.mobileTesting {
  display: none; }

/*LARGE MEDIA QUERY*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* .mobileTesting {
        display: block;
        background-color: rgba(255, 0, 0, 0.6);
        color: white;
        text-align: center;
        position: fixed;
        width: 100%;
        z-index: 9999;

        .mt-large {
            display: block;
        }

        .mt-medium {
            display: none;
        }

        .mt-small {
            display: none;
        }

        .mt-xsmall {
            display: none;
        }
    }*/
  /*#career-tool*/ }
/*END LARGE MEDIA QUERY*/
/*MEDIUM MEDIA QUERY*/
@media only screen and (min-width: 641px) and (max-width: 767px) {
   /* .mobileTesting {
        display: block;
        background-color: rgba(0, 255, 0, 0.6);
        color: white;
        text-align: center;
        position: fixed;
        width: 100%;
        z-index: 9999;

        .mt-large {
            display: none;
        }

        .mt-medium {
            display: block;
        }

        .mt-small {
            display: none;
        }

        .mt-xsmall {
            display: none;
        }
    }*/
  #careerTool {
    /* #ugPrograms */ }
    #careerTool #ugPrograms {
      padding: 2% 0px; }
      #careerTool #ugPrograms .letterTitle {
        font-size: 44px;
        margin: 7px 0px 0px 0px;
        line-height: 54px; }
      #careerTool #ugPrograms hr {
        margin: 0px 0px 7px 0px; }
      #careerTool #ugPrograms ul li p {
        margin: 0px 0px 8px 0px;
        font-size: 16px;
        line-height: 20px; }

  /* END #careerTool */ }
/* END MEDIUM MEDIA QUERY */
/*SMALL MEDIA QUERY*/
@media only screen and (min-width: 0em) and (max-width: 640px) {
   /* .mobileTesting {
        display: block;
        background-color: rgba(0, 0, 255, 0.6);
        color: white;
        text-align: center;
        position: fixed;
        width: 100%;
        z-index: 9999;

        .mt-large {
            display: none;
        }

        .mt-medium {
            display: none;
        }

        .mt-small {
            display: block;
        }

        .mt-xsmall {
            display: none;
        }
    }*/
  #careerTool {
    /* END .mainBody */
    /* END #careerSlider */
    /* END #additionalInfo */
    /* #ugPrograms */ }
    #careerTool .mainBody {
      /* END .pageTitle */ }
      #careerTool .mainBody h2 {
        margin: 1% 0px; }
      #careerTool .mainBody .FauxLegend {
        margin: 0px 0px 1% 0px; }
      #careerTool .mainBody .pageTitle h1 {
        font-size: 40px;
        line-height: 40px;
        margin: 10px 0px 14px 0px; }
      #careerTool .mainBody .pageTitle h2 {
        margin: 1% 0px; }
    #careerTool #careerSlider .ul li a,
    #careerTool #careerSlider .ul li .careerTitle {
      font-size: 1.5em; }
    #careerTool #additionalInfo h2 {
      margin: 14px 0px 10px 0px; }
    #careerTool #additionalInfo .subheader {
      margin: 10px 0px 14px 0px; }
    #careerTool #additionalInfo ul {
      margin: 0px 1.1rem; }
    #careerTool #ugPrograms {
      padding: 2% 0px; }
      #careerTool #ugPrograms .letterTitle {
        font-size: 44px;
        margin: 7px 0px 0px 0px;
        line-height: 54px; }
      #careerTool #ugPrograms hr {
        margin: 0px 0px 7px 0px; }
      #careerTool #ugPrograms ul li p {
        margin: 0px 0px 8px 0px;
        font-size: 16px;
        line-height: 20px; }

  /* END #careerTool */ }
/* END SMALL MEDIA QUERY */
@media only screen and (max-width: 40em) {
  #careerTool {
    /* #careerOptions */ }
    #careerTool #careerOptions {
      /* #careerChartTitles */
      /* #careerChartFooter */ }
      #careerTool #careerOptions .row {
        max-width: 100%; }
        #careerTool #careerOptions .row .columns ul {
          padding: 3% 6% 4% 6%; }
          #careerTool #careerOptions .row .columns ul li {
            color: black;
            font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
            padding: 1% 0px 0px 0px;
            font-size: 13px;
            line-height: 16px;
            width: 100%; }
      #careerTool #careerOptions #careerChartTitles ul {
        padding: 4% 6%; }
        #careerTool #careerOptions #careerChartTitles ul li {
          padding: 1% 0px 0px 0px; }
      #careerTool #careerOptions #careerChartFooter {
        padding: 1% 6% 2% 6%; }
        #careerTool #careerOptions #careerChartFooter .columns {
          margin: 0px;
          padding: 0px; }
          #careerTool #careerOptions #careerChartFooter .columns p {
            margin: 0px; }

  /* #careerTool */ }
/* @media only screen */

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