/*
Theme Name: MTEI 2019
Theme URI: http://dancollinsdesign.com
Description: The 2019 MTEI Website
Author: Nicholas Rhodes | Daniel Collins Design
Version: 1
*/


/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
    margin: 5px 5px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3{margin: 0; padding: 0; font-weight: normal; font-size: 1em}

h2 {
    color: #531277;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 20px;
    font-family: "Marcellus", sans-serif;
    font-weight: 300;
}


h3 {
    color: 
    #2f94cd;
    font-size: 1.15em;
    line-height: 1em;
    margin-bottom: 20px;
    font-weight: bold;
}

h6 {
    color: #531277;
    font-size: .75em;
    margin: 0px;
    font-weight: bold;
    padding: 0px;
}

.image-caption {
    color: #fff;
    font-size: .875em;
    background-color: #2f94cd;
    padding: 20px;
}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

a{color: #2f94cd; text-decoration: none}
a:hover {color: #531277; text-decoration: none;}
a:hover, input#searchsubmit:hover{cursor: pointer;}


p{
margin: 0 0 20px 0;
}

.imageright {
text-align: right;
}

img{max-width: 100%; height: auto}

img.attachment-large {padding-bottom: 30px}

.clear{clear: both}

input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea, select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}



/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; line-height: 1.2em; background-color: #ece9df; overflow-x: hidden; font-family: 'Muli', sans-serif; font-weight: 400}
.wrap, .single-post article{width: 92%; max-width: 1170px; margin: 0 auto; padding: 0 4%; position: relative; clear: both;}

ul.strip{margin: 0; padding: 0; list-style-type: none;}

.background-full{background-color: #fff; margin-left: 30px; margin-right: 30px; background-size: cover; position: relative;}

.sep{background-color: #fff; margin-left: 30px; margin-right: 30px; background-size: cover; position: relative;}

@media only screen and (max-width: 600px){
	.background-full{margin: 0 0px;}
}


#mobile{display: none; z-index: 1021; width: 25px; height: 25px; position: absolute; right: 4%; top: 50px; background: transparent url('images/mobile-icon.png') 0 0 no-repeat;}
#mobile.active{background-position: 0 -51px; position: fixed;}
.mobile-logo{display: none}
#mobile-nav{display: none}
#mobile-close{display: none; z-index: 1021; width: 25px; height: 25px; position: absolute; right: 4%; top: 115px; background: transparent url('images/mobile-icon.png') 0 0 no-repeat; background-position: 0 -58px; visibility: hidden;}

body{padding-top: 155px;}
#hero{background-color: #fff; overflow: hidden-webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75); z-index: 30; position: fixed; top: 0; width: 100%;}

.utility-bar{background-color: #2f94cd; color: #fff; padding-top: 5px;}
.utility-bar ul{text-align: right;}
.utility-bar ul span{display: inline-block; margin-left: 15px; font-size: 1.3em}
.utility-bar li{display: inline-block}
.utility-bar li a{display: block; font-size: .875em; background-color: #531277; color: #fff; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; text-align: center; text-transform: uppercase; width: 175px; padding: 10px 0}

.utility-bar li a:hover{background-color: #003764;}


.nav-bar .logo{float: left; padding-top: 10px; padding-bottom: 15px;}
#primary-nav{float: right;}
#primary-nav li{display: inline-block; padding: 46px 7px;}
#primary-nav li:last-child{padding-right: 0}
#primary-nav li a{font-size: 1.16em; color: #2f94cd;}
#primary-nav li a:hover, #primary-nav li.current_page_item a{color: #531277; cursor: pointer; text-decoration: none}


@media only screen and (min-width: 1210px){
	#primary-nav{display: block !important}
}

@media only screen and (max-width: 1210px){
	#hero{overflow: visible}
	#mobile{display: block;}
	#primary-nav{display: none; position: absolute; top: 115px; z-index: 1000; width: 100%; background-color: #003764; left: 0; padding: 60px 0}	
	#primary-nav li{display: block; padding: 0; text-align: center;}
	#primary-nav li a{color: #fff; display: block; padding: 15px 0;}
	#primary-nav li a:hover, #primary-nav li.current_page_item a{color: #2f94cd}
}

@media only screen and (max-width: 600px){
  body{padding-top: 104px;}
	#primary-nav{top: 78px;}
	#mobile-close{top: 93px}
	.nav-bar .logo{max-width: 300px;}
	#mobile{top: 33px;}
	.utility-bar ul{text-align: left;}
  .utility-bar ul span{display: inline-block; margin-left: 0px; font-size: 0em; visibility: hidden;}
	.utility-bar ul li:nth-child(2) span{ position: relative; top: 2px;}
  .utility-bar li a{font-size: .688em; width: 100px; padding: 5px 0}
    
    .nav-bar .logo {
    padding-bottom: 10px;
}
}

@media only screen and (max-width: 380px){
	#primary-nav{top: 70px;}
	#mobile-close{top: 83px}
	.nav-bar .logo{max-width: 260px;}
	#mobile{top: 30px;}
	
}

footer{border-bottom: 50px solid #003764; background-color: #fff; color: #531277; overflow: hidden; padding: 40px 0; margin-top: 30px;}
footer .wrap{overflow: hidden;}
footer .logo{float: left; width: 15%; padding-top: 15px;}
footer .logo img{max-width: 95%}
footer .left-info{float: left; width: 28.5%; font-size: 1.125em; color: #003764; line-height: 1.3em; padding-top: 24px; padding-right: 6%}
footer .left-info a{color: #2f94cd; font-size: .625em; text-transform: uppercase; display: block; padding-top: 20px;}
footer .contact-info{float: left; width: 25%; font-size: 1.125em; color: #2f94cd; padding: 25px 0 25px 6%; min-height: 120px; border-left: 1px solid #2f94cd}
footer .nav{float: right; width: 16%; font-size: 1.125em; padding: 25px 0 0 0;}
footer a{color: #2f94cd;}
footer a:hover, footer .left-info a:hover{color: #531277}

@media only screen and (max-width: 1080px){
	footer .logo img{max-width: 90%}
	footer .left-info{font-size: 1.313em; padding-top: 30px;}
	footer .left-info a{font-size: .571em}
	footer .contact-info{padding-left: 4%;}
}

@media only screen and (max-width: 920px){
	footer .left-info{width: 22%}
	footer .contact-info{float: right; width: 44%; padding-left: 6%}
	footer .nav{clear: both; width: 44%; border-left: 1px solid #2f94cd;  padding-left: 6%}
}

@media only screen and (max-width: 720px){
	footer .left-info{width: 70%; padding-right: 30%; clear: both; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #2f94cd}
	footer .contact-info{font-size: .938em; clear: both; float: none; width: 100%; padding-left: 0%; border-left: 0; padding: 0; margin: 0; min-height: 0;}
	footer .nav{font-size: .938em; clear: both; width: 100%; border-left: 0;  padding: 0; margin: 0; padding-top: 25px;}
	footer{padding: 40px 20px}
}

.hero{height: 745px; overflow: hidden; position: relative;}
.hero .background-images{position: absolute; top: 0; left: 0; right: 0; bottom: 0;; z-index: 2}
.hero .background-images .image{background-size: cover; background-position: center center}
.hero .background-images img{visibility: hidden}
.hero .slide{height: 745px; position: relative}
.hero .slide .image{background-color: #000; position: absolute; top: 0; left: 0; right: 0; bottom: 0}


.hero .content{position: absolute; bottom: 25px; z-index: 10; width: 100%;}
.hero .content .c-wrap{position: relative; border-radius: 10px; color: #fff; overflow: hidden; width: 87%; padding: 35px 0; margin: 0 auto}
.hero .background{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.hero .content h1{font-size: 3.875em; line-height: 1em; padding-bottom: 32px; font-weight: 300; z-index: 2; position: relative; font-family: "Marcellus", sans-serif;}
.hero .line{ z-index: 2; position: relative; height: 12px; background-color: #fff; width: 200px; display: block; margin-bottom: 25px}
.hero .content .description{font-size: 1.25em; z-index: 2; position: relative; line-height: 1.2em;}
.hero .left{width: 63%; padding-left: 8%}	
.hero .right{position: absolute; top: 0; bottom: 0; right: 0; width: 30%; z-index: 10}

.btn{display: inline-block; border-radius: 5px; font-size: 1em; color: #fff; text-transform: uppercase; padding: 19px 35px 20px 35px; text-align: center; background-color: #531277;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
.btn:hover{background-color: #2f94cd; color: #fff; text-decoration: none}

.owl-nav{z-index: 10; width: 100%; position: absolute; top: 0; padding-top: 250px;}
#owlcontainer{font-size: 16px;}
.owl-prev{z-index: 10;  position: relative; display: block; width: 100px; height: 100px; float: right; text-align: right; font-size: 8.125em}
.owl-next{z-index: 10; position: relative; text-align: left; width: 100px; height: 100px; font-size: 8.125em}
.owl-next:hover, .owl-prev:hover{color: #fff; cursor: pointer}
.owl-buttons{position: absolute; height: 100px; top: 0px; left: 0; width: 100%; z-index: 900; font-size: 4.375em; color: #fff; padding-top: 250px;}

@media only screen and (max-width: 1060px){
	.owl-buttons{padding-top: 180px}	
	.owl-dots{bottom: 300px;}
}

@media only screen and (max-width: 720px){
	.owl-buttons{padding-top: 120px; font-size: 2.375em}
	.owl-dots{bottom: 280px;}
}


@media only screen and (max-width: 620px){
	.owl-dots{bottom: 20px;}
}



@media only screen and (max-width: 720px){
  .hero .background-images{position: relative;}
	.hero{height: auto}
	.hero .slide{height: 400px}
	
  .owl-next,
	.owl-prev{font-size: 4.125em}
	.owl-buttons{padding-top: 170px;}
	
  .hero .content{position: relative; bottom: 0px;}
  .hero .content .c-wrap{border-radius: 0px;  overflow: hidden; width: 110%; left: -5%; padding: 35px 15px 55px 15px; margin: 0 auto}
	.hero .left{width: 85%; padding-left: 4%;}	
  .hero .right{position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 80%; text-align: left; z-index: 10; padding: 30px 15px;}
	.hero .content h1{font-size: 2.6em;}
	.hero .btn{margin-top: 20px; margin-left: 4%}
	.hero .t, .hero .td{display: block; padding: 0; width: auto; margin: 0; text-align: left;}
	
}

@media only screen and (max-width: 720px){
	
	.hero .slide{height: 200px}
	.owl-buttons{display: none}
}


.video-container{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	  margin-bottom: 20px;
}
.video-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
iframe{max-width: 100%;}


.videos{clear: both;}
.videos .background{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.videos .wrap{padding-top: 90px; padding-bottom: 87px; z-index: 2;}
.videos .video{font-size: 1.188em; color: #2f94cd}
.videos .videos-1 .video{max-width: 770px; margin: 0 auto}

.videos .videos-2{max-width: 1030px; margin: 0 auto; overflow: hidden}
.videos .videos-2 .video{max-width: 490px; width: 48%; padding-bottom: 3px;}
.videos .videos-2 .video:nth-child(1){float: left}
.videos .videos-2 .video:nth-child(2){float: right}


@media only screen and (max-width: 720px){
  .videos .videos-2 .video:nth-child(1),
  .videos .videos-2 .video:nth-child(2){float: none; width: 100%; margin-bottom: 30px; max-width: inherit;}
	.videos .video{font-size: 1.125em;}
}



.cta{clear: both; background-size: cover}
.cta .background-full{background-position: center center}
.cta .wrap{padding-top: 70px; padding-bottom: 70px;}
.cta h2{font-size: 2.5em; color: #531277; line-height: 1.1em; font-family: "Marcellus", sans-serif;font-weight: 300;}
.cta .wrap{position: relative;}
.cta .content-l{width: 50%;margin-left: 5%;}
.cta .content-r{position: absolute; top: 0; bottom: 0; right: 0; width: 50%; z-index: 10;}
.cta .description{font-size: 1.25em; color: #727272; line-height: 1.3em}
.t{display: table; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%;}
.td{display: table-cell; vertical-align: middle; text-align: center}


@media only screen and (max-width: 720px){
	.cta .content-l{width: 95%;}
	.cta .content-r{position: relative; top: auto; bottom: auto; right: auto; width: 100%; text-align: left; padding-bottom: 70px;}
	.cta .content-r .t, .cta .content-r .td{display: block; text-align: left;}
  .cta h2{font-size: 1.875em; color: #531277; line-height: 1.1em}
  .cta .description{font-size: 1.125em; color: #727272; line-height: 1.3em}
	.cta .btn{font-size: 1em}
}







.quotes{clear: both;}
.quotes .background{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.quotes .background-full{background-color: #531277;}
.quotes .wrap{ color: #fff; text-align: center; padding-top: 60px; padding-bottom: 60px; position: relative; z-index: 2}
.quotes .quote blockquote{font-size: 1.3em; line-height: 1.3em;font-style: italic;}
.quotes .quote .author{font-size: 1.3em; display: block; line-height: 1.3em}
.quotes .quote .title{font-size: 1.125em; font-style: italic}

.quotes .quotes-2{max-width: 1170px; margin: 0 auto; overflow: hidden; padding-left: 0; padding-right: 0; width: 100%;}
.quotes .quotes-2 .quote{max-width: 530px; width: 45%; padding-right: 5%;}
.quotes .quotes-2 .quote:nth-child(1){float: left; border-right: 1px solid #fff; width: 45%; max-width: 600px; padding-right: 5%}
.quotes .quotes-2 .quote:nth-child(2){float: right; padding-right: 0}
.quotes-2 .quote blockquote{font-size: 1.3em;}
.quotes-2 .quote .author{font-size: 1.3em;}
.quotes-2 .quote .title{font-size: 1.125em; font-style: italic}

@media only screen and (max-width: 720px){
  .quotes .quotes-2 .quote:nth-child(1),
  .quotes .quotes-2 .quote:nth-child(2){float: none; width: 80%; margin: 0 auto; margin-bottom: 30px; padding: 0 4%; max-width: 92%;}
  .quotes .quotes-2 .quote:nth-child(1){border-right: 0; border-bottom: 1px solid #fff; padding-bottom: 60px; margin-bottom: 60px;}
  .quotes .quote blockquote{font-size: 1.3em;}
  .quotes .quote .author{font-size: 1.3em;}
  .quotes .quote .title{font-size: 1.125em;}
}


.text-right{background-color: #2f94cd; color: #fff; font-size: 1.25em; line-height: 1.3em; padding: 90px 0px 70px 0px; overflow: hidden; position: relative}
.text-right .right{float: right; width: 38%; padding: 0 6%}
.text-right .left{position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background-size: cover; background-position: center center}
.text-right .left img{visibility: hidden}
.text-right .wrap{position: static}

@media only screen and (max-width: 720px){
	.text-right{padding: 0 0 0 0;}
	.text-right .right{float: none; width: 88%; padding: 30px 6%}
  .text-right .left{position: relative; top: auto; left: -5%; right: -5%; bottom: auto; width: 110%;}
}


.text-left{background-color: #2f94cd; color: #fff; font-size: 1.25em; line-height: 1.3em; padding: 90px 0px 90px 0px; overflow: hidden; position: relative}
.text-left .left{float: left; width: 38%; padding: 0 6%}
.text-left .right{position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background-size: cover; background-position: center center}
.text-left .right img{visibility: hidden}
.text-left .wrap{position: static}

@media only screen and (max-width: 720px){
	.text-left{padding: 30px 0 0 0;}
	.text-left .left{float: none; width: 88%; padding: 0 6%}
  .text-left .right{position: relative; top: auto; left: -5%; right: -5%; bottom: auto; width: 110%;}
}

.sep .wrap{background-color: #fff; height: 60px}

@media only screen and (max-width: 720px){
	.sep{display: none;}
}

.page-title{overflow: hidden; margin-top: 36px;}
.page-title .wrap{max-width: 1030px; margin: 0 auto; padding-top: 70px;}
.page-title h1{color: #531277; font-size: 3.25em; font-weight: 300;  clear: both; line-height: 1.3em; max-width: 1030px; margin: 0 auto; font-family: "Marcellus", sans-serif;}
.page-title .line{ z-index: 2; position: relative; height: 10px; background-color: #531277; width: 100px; display: block; margin-top: 20px;}

@media only screen and (max-width: 480px){
	.page-title .wrap{padding-top: 30px;}
	.page-title h1{font-size: 1.875em}
	.page-title .line{height: 5px; width: 50px; margin-top: 5px;}
}
	
.two-column{font-size: 1.25em; color: #727272; line-height: 1.3em;}
.two-column .wrap{ padding-top: 70px; padding-bottom: 60px}
.page-content .two-column:nth-child(3) .wrap{padding-bottom: 0; padding-top: 50px;}
.two-column .wrap{max-width: 1030px; margin: 0 auto; overflow: hidden}
.two-column .left{float: left; width: 48%}
.two-column .right{float: right; width: 48%}
.two-column h2{color: #531277; font-size: 1.5em; line-height: 1em; margin-bottom: 10px; font-family: "Marcellus", sans-serif; font-weight: 300;}
.two-column h3{color: #2f94cd; font-size: 1em; line-height: 1em; margin-bottom: 10px; font-weight: bold;}

@media only screen and (max-width: 720px){
  .two-column .left,
  .two-column .right{float: none; width: 100%}
}

@media only screen and (max-width: 480px){
	.two-column{font-size: 1.125em}	
}


.programs{clear: both;}
.programs .program:hover{cursor: pointer; opacity: .8}
.programs .wrap{background-color: #fff; padding-top: 50px;}
.programs h2{font-size: 2.5em; color: #2f94cd; text-align: center; line-height: 1.3em; font-family: 'Molengo', sans-serif;}
.programs .program-wrap{padding: 40px 0 50px 0; overflow: hidden}
.program{float: left; width: 26%; border-radius: 10px; padding: 2%; margin: 0px 1% 30px 1%; position: relative; padding-bottom: 115px; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);}
.program h1{font-size: 1.5em; color: #fff; font-weight: normal; line-height: 1em;}
.program .count{color: rgba(255,255,255,.11); font-size: 4.375em; position: absolute; bottom: 8%; left: 8%; line-height: 1.3em; font-weight: bold}
.program:nth-child(3n+4){clear: both}
.program:nth-child(3n+1){margin: 0 2%}
.program:nth-child(3n+2){margin-right: 2%}
.program .content, .program img, .program .video{display: none}
.program .content, .program img, .program .video{display: none}

@media only screen and (max-width: 920px){
	.program h1{font-size: 1.25em}
	.program .count{font-size: 4em}
}

@media only screen and (max-width: 720px){
	.program{float: left; width: 88%; border-radius: 10px; padding: 4%; margin-bottom: 60px; position: relative; padding-bottom: 95px;}
    .program:nth-child(3n+2){margin: 3% 2% 3% 2%}
    .program:nth-child(3n+3){margin: 0 2% 3% 2%}
	.programs h2{font-size: 2em}
}

@media only screen and (max-width: 480px){
	.program, .program:nth-child(3n+1){float: none; width: 88%;}

    
  
}



body{position: relative}
#box-wrapper{display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;  z-index: 1000}
.box-back{position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; height: 100%; background-color: #2f94cd; background-color: rgba(47,148,205,.85)}
.box{background-color: #fff; position: relative; z-index: 2; width: 100%; overflow: hidden; max-width: 770px; margin: 0 auto;  margin-top: 155px;}
.box .content{margin: 0 12%;}
.box .next, .box .previous{position: relative; width: 35%; margin-bottom: 12%; margin-top: 45px; display: block; float: right; font-size: 1em; text-transform: uppercase; text-align: center; 
-webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.5);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	margin-right: 12%; background-color: #531277; border-radius: 5px; padding: 15px 0; color: #fff}
.box .next:hover, .box .previous:hover{background-color: #2f94cd; cursor: pointer}
.box .previous{margin-left: 12%; margin-right: 0; float: left}
.box .next span, .box .previous span{position: absolute; right: 15px; top:5px; font-size: 2.5em;}
.box .previous span{left: 15px; right: auto; top:5px;}

.box article .content{margin: 30px 0 0 0; font-size: 1.25em; color: #727272; line-height: 1.3em; width: 100%;}
.box h1{font-size: 3.25em; color: #531277; line-height: 1em; margin-bottom: 30px; font-weight: 300; margin-top: 20%; font-family: "Marcellus", sans-serif;}
.box .close{position: absolute; right: 15px; top: 15px; font-size: 1.4em; color: #60297f; border: 3px solid #60297f; border-radius: 5px; width: 25px; height: 23px; line-height: 1em; text-align: center;}
.box .close:hover{border-color: #2f94cd; color: #2f94cd; cursor: pointer}
.box .number{position: absolute; top: 15px; left: 15px; font-size: 6.875em; color: #2f94cd; opacity: .2; line-height: .8em; font-weight: bold}


@media only screen and (max-width: 600px){
	.box .number{font-size: 4em; }
	.box h1{font-size: 2em; margin-top: 25%}
}


.faculty-box .content{margin-top: 12%}
.faculty-box img{width: 50%; float: left}
.faculty-box .right{float: right; width: 45%}
.faculty-box .top{overflow: hidden}
.faculty-box h1{font-size: 2.5em; line-height: 1em; color: #60297f; font-weight: bold; margin: 50px 0 0 0; padding: 0}
.faculty-box .top .title{display: block; color: #60297f; font-size: .938em; margin-bottom: 20px;}
.faculty-box .top .email a{color: #60297f; font-size: .938em; text-decoration: underline}
.faculty-box .top .email a:hover{color: #2f94cd}
.faculty-box .top .line{margin: 20px 0; width: 40px; height: 1px; background-color: #60297f; display: block;}
.faculty-box .quote{border-top: 1px solid #2f94cd; margin-top: 40px; padding-top: 40px;}
.faculty-box .quote blockquote{font-size: 2.188em; color: #2f94cd; text-align: center; line-height: 1.3em}
.faculty-box .quote .author{font-size: 1.125em; color: #2f94cd; text-align: center; line-height: 1.3em; display: block; margin-top: 40px; margin-bottom: 12%}



@media only screen and (max-width: 600px){
  .faculty-box img{width: 75%; float: none}
	.faculty-box .right{float: none; width: 100%}
	.faculty-box h1{margin: 25px 0 0 0;}	
}

.basic-content .content{max-width: 770px; font-size: 1.25em; color: #727272; line-height: 1.3em; margin: 0 auto; padding: 30px 0}

.basic-content .content2{max-width: 1030px; font-size: 1.25em; color: #727272; line-height: 1.3em; margin: 0 auto; padding: 30px 0 60px 0px}


.basic-content-vc .content {
    max-width: 1030px;
    font-size: 1.25em;
    color: #727272;
    line-height: 1.3em;
    margin: 0 auto;
    padding: 30px 0;
}

.one-col-content-vc {
    max-width: 770px;
    color: #727272;
    line-height: 1.3em;
    margin: 0 auto;
}

.faculty-wrapper .wrap{ max-width: 1030px; margin: 0 auto;}
.faculty-wrapper h3{font-size: 2.5em; color: #531277; line-height: 1.3em; font-family: "Marcellus", sans-serif; font-weight: 300;}
.faculty-members{padding: 20px 0; overflow: hidden;}
.faculty-members .faculty{float: left; width: 31%; background-color: #2f94cd; margin-bottom: 3%; padding-bottom: 20px;}
.faculty-members .image{background-color: #fff; line-height: 0;}
.faculty-members .faculty:hover{cursor: pointer; background-color: #531277}
.faculty-members .faculty:hover img{opacity: .8}

.faculty-members .faculty:nth-child(3n+2){margin: 0 3%}
.faculty-members .faculty:nth-child(3n+1){clear: both}
.faculty h1{font-size: 1.125em; color: #fff; padding: 20px 15px 12px 15px;}
.faculty .title{display: block; font-size: .813em; font-style: italic; color: #fff; padding: 5px 15px 0 15px; line-height: 1.2em;}
.faculty .line{height: 2px; z-index: 2; position: relative; background-color: #fff; width: 33px; display: block; margin: 0 0 10px 15px;}
.faculty .email{display: none}
.faculty .quote{display: none}
.faculty .content{display: none}

@media only screen and (max-width: 640px){
	.faculty-members .faculty{width: 48%;}
  .faculty-members .faculty:nth-child(3n+2){margin: 0 0 3% 0}
  .faculty-members .faculty:nth-child(3n+1){clear: none}
	.faculty-members .faculty:nth-child(2n+1){clear: both}
	.faculty-members .faculty:nth-child(2n+2){float: right}
}

@media only screen and (max-width: 420px){
	.faculty-members .faculty{width: 100%; min-height: auto; padding-bottom: 20px;}
}


.staff-wrapper .wrap{ max-width: 1030px; margin: 0 auto;}
.staff-wrapper h3{font-size: 2.5em; color: #531277; line-height: 1.3em; font-family: "Marcellus", sans-serif; font-weight: 300;}
.staff-members{padding: 20px 0; overflow: hidden;}
.staff-members .staff{float: left; width: 23%; background-color: #2f94cd; margin-bottom: 2.8%; padding-bottom: 20px;}
.staff-members .image{background-color: #fff; line-height: 0;}
.staff-members .staff:hover{cursor: pointer; background-color: #531277}
.staff-members .staff:hover img{opacity: .8}

.staff-members .staff:nth-child(4n+2){margin: 0 2.8%}
.staff-members .staff:nth-child(4n+3){margin: 0 0% 0 0}
.staff-members .staff:nth-child(4n+4){float: right}
.staff-members .staff:nth-child(4n+1){clear: both}
.staff h1{font-size: 1.125em; color: #fff; padding: 20px 15px 12px 15px;}
.staff .title{display: block; font-size: .813em; font-style: italic; color: #fff; padding: 5px 15px 0 15px; line-height: 1.2em;}
.staff .line{height: 2px; z-index: 2; position: relative; background-color: #fff; width: 33px; display: block; margin: 0 0 10px 15px;}
.staff .email{display: none}
.staff .quote{display: none}
.staff .content{display: none}

@media only screen and (max-width: 640px){
	.staff-members .staff{width: 48%;}
  .staff-members .staff:nth-child(4n+2),
  .staff-members .staff:nth-child(4n+3),
  .staff-members .staff:nth-child(4n+4),
  .staff-members .staff:nth-child(4n+1){clear: none; float: left; margin: 0 0 2.8% 0}
	
  .staff-members .staff:nth-child(3n+2){margin: 0 0 2.8% 0}
  .staff-members .staff:nth-child(3n+1){clear: none}
	.staff-members .staff:nth-child(2n+1){clear: both}
	.staff-members .staff:nth-child(2n+2){float: right}
}

@media only screen and (max-width: 420px){
	.staff-members .staff{width: 100%; min-height: auto; padding-bottom: 20px;}
}

.faculty-bookshelf h3{font-size: 2.5em; color: #531277; line-height: 1.3em; max-width: 770px; margin: 0 auto; padding-top: 65px; font-family: "Marcellus", sans-serif; font-weight: 300;}
.faculty-bookshelf .content{max-width: 770px; margin: 0 auto; font-size: 1.25em; color: #727272; line-height: 1.3em; padding: 15px 0 60px 0}
.books{max-width: 1030px; margin: 0 auto; overflow: hidden}
.books .book{float: left; width: 22%; margin-bottom: 60px;}
.book h4{font-size: 1.25em; color: #3d7dca; margin: 30px 0 20px 0;}
.book .author{color: #3d7dca; font-style: italic; font-size: .813em}
.books .book:nth-child(4n+1){clear: both}
.books .book:nth-child(4n+2){margin-left: 4%}
.books .book:nth-child(4n+3){margin-left: 4%;}
.books .book:nth-child(4n+4){float: right}
.books .book .button{color: #fff; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); font-size: 1em; text-transform: uppercase; background-color: #531277; width: 130px; text-align: center; padding: 12px 0; display: block; margin-top: 25px; border-radius: 5px;}
.books .book .button:hover{background-color: #2f94cd}

.books img {max-width: 100%; height: auto; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);}

@media only screen and (max-width: 720px){
	.books .book{float: left; width: 31%; margin-bottom: 60px;}
	.books .book:nth-child(4n+1){clear: none}
  .books .book:nth-child(4n+2),
  .books .book:nth-child(4n+3){margin-left: 0;}
  .books .book:nth-child(4n+4){float: left}
	.books .book:nth-child(3n+2){margin: 0 3%}
	.books .book:nth-child(3n+1){clear: both}
    
.videos .wrap {
    padding-top: 50px;
    padding-bottom: 30px;

}
  
    .right {margin-bottom: 20px;}
    
}

@media only screen and (max-width: 620px){
	
	.books .book{width: 48%;}
  .books .book:nth-child(3n+2){margin: 0 0 3% 0}
  .books .book:nth-child(3n+1){clear: none}
	.books .book:nth-child(2n+1){clear: both}
	.books .book:nth-child(2n+2){float: right}
}

@media only screen and (max-width: 420px){
	.books .book{width: 100%; min-height: auto; padding-bottom: 20px;}
}

#main-news-list .wrap{max-width: 1030px;}
#main-news-list article{padding-top: 30px;}
#main-news-list h2{font-size: 1.5em; color: #2f94cd; line-height: 1em; font-family: "Marcellus", sans-serif;margin-bottom: 5px; font-weight: 300;}
#main-news-list .content{font-size: 1.1em; color: #727272; line-height: 1.5em; margin: 5px 0 10px 0}
#main-news-list .meta, .single .meta{background-color: #ece9df; overflow: hidden; padding: 10px 20px; text-transform: uppercase;}
.single .meta{max-width: 990px; margin: 0 auto; margin-top: 30px; color: #888888}
.single .meta2{
    margin: 0 auto;
    color: #888888;
    padding: 0px 0px 20px 0px;
    text-transform: uppercase;
    font-size: .8em;}

#main-news-list .date{display: inline-block; color: #888888;}
#main-news-list article a.read-more{color: #003764; font-weight: bold; text-transform: uppercase; margin-right: 30px}
#main-news-list article a.read-more:hover{color: #2f94cd}
#main-news-list .load-more-news-wrapper article:last-child{ padding-bottom: 65px;}
.load-more{margin: 0 auto; padding-bottom: 65px; width: 180px; text-align: center; color: #531277; font-weight: 700; text-transform: uppercase}
.load-more span{font-size: 2.875em; border: 0px solid #531277; border-radius: 100px; display: block; width: 80px; height: 80px; line-height: 80px; margin: 0 auto; margin-bottom: 00px; font-family: "Font Awesome 5 Pro";}
.load-more:hover, .load-more:hover span{border-color: #2f94cd; cursor: pointer; color: #2f94cd}
		
.no-more-news{font-weight: 700; text-align: center; color: #531277}