/* Site specific CSS - This will load after the main CSS file */

body, h3, h4 {
    letter-spacing: 1px;
}
p {
    font-size: 1rem !important;
}

.myButton {
	background-color:#ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #18453B;
	display:inline-block;
	cursor:pointer;
	color:#18453B;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:9px 24px;
	text-decoration:none;
	text-align: center;
}
.myButton:hover {
	background-color:#18453B;
    color:#ffffff;
}
.myButton-white, .myButton-white:visited {
	background-color:#18453B;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:9px 24px;
	text-decoration:none;
	text-align: center;
}
.myButton-white:hover {
	background-color:#ffffff;
    color:#18453B;
}
.myButton-white-lime, .myButton-white-lime:visited {
	background-color:#94ae4a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:9px 24px;
	text-decoration:none;
	text-align: center;
}
.myButton-white-lime:hover {
	background-color:#ffffff;
    color:#94ae4a;
}
.tabs, .tabs-content{border:none;}

.tabs .tabs-title>a {font-weight: bold;}
.tabs-panel{padding: 0; margin-top: 1rem;}

.disclaimer-box{background-color: #FAFAFA; padding: 10px;}

td, th {border: 1px solid #fff;}

th {background-color: #18453B; color: #fff;}

.prg-degree {color: #18453b; font-size: 12px;}

.degree-link{padding: 0 5px; text-decoration: none;}

.deg-icons{text-align: left; padding: 0 0 10px 6px;}

.prg-left{
	display: inline-block; 
	padding: 0 20px 0 0; 
	width: 28%; 
	vertical-align: top;
}
.prg-right{
	display: inline-block; 
	padding: 0 0 0 10px; 
	width: 65%; 
	vertical-align: top;
}
.scholars-left{
	display: inline-block; 
	padding: 0 10px 0 0; 
	width: 20%; 
	vertical-align: top;
	text-align: center;
}
.scholars-right{
	display: inline-block; 
	padding: 0; 
	width: 70%; 
	vertical-align: top;
}
.dir-card{
	display: inline-block; 
	padding: 0 10px 0 0; 
	width: 31%; 
	vertical-align: top;
}
 .cont-full{
	 width: 100%;
	 display: inline-block;
	 vertical-align: top;
	 padding: 10px 0px;
}

.cont65-left{
    width: 65%; 
    display: inline-block; 
    vertical-align: top;
    padding: 0 20px 0 0;
}
.cont30-right{
    background-color: #eeeeee;
    width: 30%; 
    display: inline-block; 
    vertical-align: top;
    padding: 10px 20px;
}
.cont30-right-plain{
    width: 30%; 
    display: inline-block; 
    vertical-align: top;
    padding: 10px 20px;
}
.cont65-right, .b-cont65-right{
    width: 65%; 
    display: inline-block; 
    vertical-align: top;
    padding: 10px 0 0 0;
}
.cont30-left, .b-cont30-left{
    width: 30%; 
    display: inline-block; 
    vertical-align: top;
    padding: 0px 20px;
}
.cont22{
    width: 22%; 
    display: inline-block; 
    margin-right: 4%; 
    float: left;
}

.blanch-57{width: 57%; display: inline-block;}
.myButton-schol {
	background-color:#18453B;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #18453B;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:9px 24px;
	text-decoration:none;
	text-align: center;
	width: 100%;
}
.myButton-schol:hover {
	background-color:#ffffff;
    color:#18453B; 
}
.myButton-schol:visited {
    color:#ffffff; 
}
.myButton-schol:visited:hover {
    color:#18453B; 
}

.student-info{font-size: 10pt; color: #18453b; line-height: 12pt;}

.iframe-wrap {width: 45%; float: left; padding: 3% 3% 0 0;}

.iframe-wrap-third {width: 30%; float: left; padding: 3% 3% 0 0;}

.iframe-wrap-half {width: 42%; float: left; padding: 3% 3% 0 0;}

.iframe-container {position: relative; width: 100%; padding-bottom: 56.25%; height: 0;}

.iframe-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.left50{display: inline-block; padding: 0 35px 0 0; width: 50%; vertical-align: top;}
.right40{display: inline-block; padding: 0; width: 40%; vertical-align: top;}
.right48{display: inline-block; padding: 0; width: 48%; vertical-align: top;}
.vert-divide{border-left: 2px solid #cccccc; padding-left: 5%;}
.inRow{display: inline-block; vertical-align: top; clear: both;}

.gradname{padding-top: 8px; font-weight: bold; color: #18453b; line-height: 1.2em;}
.gradtitle{font-size: 0.9em; color: #94ae4a; text-transform: uppercase;}
.cdesktop {display: inline-block;}
.cmobile {display: none;}

.news-image-float-right{float: right; padding: 0 0 0 15px;}
.news-image-float-left{float: left; padding: 0 15px 0 0;}

/*-------- Blanchard Timeline------------ */
/* The actual timeline (the vertical ruler) */
.b-timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.b-timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #94ae4a;
  top: 0;
  bottom: 0;
  left: 31px;
  margin-left: -3px;
}

/* Container around content */
.b-container {
  padding: 10px 25px 10px 70px;
  position: relative;
  background-color: inherit;
  width: 100%;
}

/* The circles on the timeline */
.b-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: white;
  border: 4px solid #18453B;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the right */
.b-right {
  left: 0px;
}

/* Add arrows to the right container (pointing left) */
.b-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.b-right::after {
  left: 18px;
}

/* The actual content */
.b-content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



@media only screen and (max-width: 755px){
	.prg-left, .prg-right, .cont30-right, .cont30-right-plain, .b-cont30-left, .cont65-left, .b-cont65-right, .cont22, .dir-card, .left50, .right40, .blanch-57{
		width: 100%; 
		padding: 0;
	}
		.right48{
		width: 75%; 
		padding: 0;
	}
	.cont30-right{background-color: #ffffff;}
	.myButton-schol {
	width: auto;
    min-width: 0;
	}
	.iframe-wrap, .iframe-wrap-third {width: 100%; padding: 3% 0 0 0;}
	
	.vert-divide{border: none; padding-left: 0; padding-top: 15px;}
	.cdesktop {display: none;}
    .cmobile {display: block;}
    
.jrt table, .jrt tbody, .jrt td, .jrt th, .jrt thead, .jrt tr {
    display: inline-table;}
    
    .news-image-float-right, .news-image-float-left {float: none; padding: 0 0 0 0; }
    
}