/**
Theme Name: USJ 25
Theme Description: USJ
*/

@font-face {
    font-family: 'TrajanProRegular';
    src: url('/fonts/TrajanProRegular.eot');
    src: url('/fonts/TrajanProRegular.eot') format('embedded-opentype'),
         url('/fonts/TrajanProRegular.woff2') format('woff2'),
         url('/fonts/TrajanProRegular.woff') format('woff'),
         url('/fonts/TrajanProRegular.ttf') format('truetype'),
         url('/fonts/TrajanProRegular.svg#TrajanProRegular') format('svg');
}
@font-face {
    font-family: 'TrajanProBold';
    src: url('/fonts/TrajanProBold.eot');
    src: url('/fonts/TrajanProBold.eot') format('embedded-opentype'),
         url('/fonts/TrajanProBold.woff2') format('woff2'),
         url('/fonts/TrajanProBold.woff') format('woff'),
         url('/fonts/TrajanProBold.ttf') format('truetype'),
         url('/fonts/TrajanProBold.svg#TrajanProBold') format('svg');
}


html,body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	background-color:#ebebeb;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;

}
img{
	border:none;
	border:0;
	display:block;
}
h1,h2,h3,h4,h5,h6{
/*	font-family: 'Open Sans', sans-serif;
*/	font-weight: 700;
}

hr{
	border:0;padding:0;margin:0;border-bottom:1px solid #ccc;margin-top:10px;margin-bottom:10px;
}
/*
#sidebar .menu li li li{
	display:none;
}
*/
#navigation .sub-menu li.menu-item-has-children > a {
   padding-right: 1em;
}

/*#content a {
	color: #f7941d;
}
*/

a {
	color: #f7941d;
}

.meta{
	font-size:11px;
}
.meta-updated{
	font-size:11px;
	color:#797979;
	padding-top:10px;
}
.meta-title{
	color:#f6971f;
	margin:0;
}
.meta-title a{
	color:#f6971f !important;
	text-decoration:none;
}
.meta-title a:hover{
	color:#333 !important;
}
.meta-faculty{
	font-size:13px;
	color:#797979;

	font-weight:bold;
}
.meta-faculty a{
	color:#797979 !important;
	text-decoration:none;
}
.meta-faculty a:hover{
	color:#333 !important;
}
textarea:focus, input:focus{
    outline: 0;
}
#header{
	background-color:#39155d;
	height:90px;
	width:100%;
	position:relative;
	z-index:1000;
}

.menu-lang-menu{
	border: 3px solid red;
}
.content_wrapper{
	/*width:996px;*/
	width:1200px;
	padding-left:8px;
	padding-right:8px;
	margin:auto;

	background-color:rgba(255,255,255,1);

}
.wrapper{
	/*width:996px;*/
	width:1200px;
	padding-left:8px;
	padding-right:8px;
	margin:auto;
}

h2.bigger{
	font-size:25px;
	margin:0;
	padding:0;
	padding-bottom:18px;
	color:#3b3b3b;
/*	text-transform:uppercase;
*/	border-bottom:5px solid #b1afac;
	display:inline-block;
	margin-bottom:18px;
	margin-top:20px;
}

header h2{
	color:#f69820;
}
#logo{
	position:absolute;
	z-index:30;
	top:0px;
	/*width:140px;
	height:170px;*/

}
#logo img{
	width:250px;
	padding:15px;
}
#navigation{
	box-shadow: 0px 6px 10px rgba(50,50,50,.1);
	-moz-box-shadow: 0px 6px 10px rgba(50,50,50,0.1);
	-webkit-box-shadow: 0px 6px 10px rgba(50,50,50,0.1);
	background-color:#fff;
	height:80px;
	width:100%;
	position:absolute;
	z-index:999;
	font-family: 'Open Sans', sans-serif;
}
#navigation .wrapper{
	text-align:right;
}
#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:5px solid #a571c3;
	height:80px;
	display: inline-block;

}

#navigation ul li{
	display:inline-block;
	padding: 30px 25px 20px 25px ;
	font-weight:400;
	font-size:15px;
	position:relative;
text-transform:uppercase;
	
}
#navigation li a{
	color:#7b7b7b;
	display:block;
	text-decoration:none;
	
}
#navigation li:hover a{
	color:#a571c3;
}
#navigation li:hover{
		border-bottom:13px solid #814d9e;
		padding-bottom:-5px;
		cursor:pointer;
}

#navigation ul ul{
	display:none;
	position:absolute;
	margin:0;
	padding:0;
	background-color:#fff;
	width:100%;
	padding:0px;
	left:0px;
	margin-top:30px;
	text-align:left;
	width:max-content;
	height:inherit;
	box-shadow: 0px 2px 3px #999;
}
#navigation ul ul.sub-menu.last{
	right:0!important;
	left:inherit;
}
#navigation ul ul li{
	display:block;
	margin:0;
	padding:5px;
	border:none;
	float:none;
	border-bottom:1px solid #eee;
	font-weight:normal;
	font-size:14px;
	position:relative;
	text-transform:none !important;
}
#navigation ul ul li:hover{
	border-bottom:1px solid #eee;
	background-color:#814d9e;
}
#navigation ul ul li:hover a{
	color:#fff;
}

#navigation ul ul li.last{
	border-bottom:none;
}


#navigation ul ul ul{
	display:none;
	position:absolute;
	background-color:#fff;
	height:inherit;
	z-index:10;
	width:100%;
	margin-left:0px;

}
#navigation ul ul ul.last{
	right:0;
}
#navigation ul ul ul li{
	display:block;
	margin:0;
	padding:5px;
	border:none;
	float:none;
	border-bottom:1px solid #eee;
	font-weight:normal;
	font-size:14px;
	
}
#navigation ul ul ul li a{
	color:#a571c3 !important;
}
#navigation ul ul ul li:hover{
	border-bottom:1px solid #eee;
	background-color:#814d9e;
}
#navigation ul ul ul li:hover a{
	color:#fff !important;
}

#navigation ul ul ul li.last{
	border-bottom:none;
}


#navigation li .indicator{
	position:absolute;
	top:0;
	right:0;
	padding:5px;
	color:#a571c3;
	font-weight:bold;
	font-size:14px;
}


/** #menu-item-61 is Admission button **/
#top-navigation li#menu-item-61,#menu-item-1615 {
    background-color: rgba(165, 113, 195, 1);
}

#top-navigation li#menu-item-61,#menu-item-1615 {
    background-color: rgba(165, 113, 195, 1);
}
#top-navigation li#menu-item-61 a:hover {
    color: #f6f6f6;
}
#top-navigation li#menu-item-1615 a:hover {
    color: #f6f6f6;
}
#top-navigation li#menu-item-61,#menu-item-1615 > a {
    padding: 0 10px 0 10px;
}
#top-navigation li#menu-item-25550 > a {
background-color: #CC0202;
padding: 9px 9px;
}
#top-navigation li#menu-item-25550 > a:hover {
color: #f6f6f6;
	opacity:1;
}

#top-navigation li#menu-item-25558 > a {
background-color: #CC0202;
padding: 9px 9px;
}
#top-navigation li#menu-item-25558 > a:hover {
color: #f6f6f6;
	opacity:1;
}
#top-navigation{
	float:right;
	margin-top:32px;
	margin-right:20px;
}
#top-navigation ul{
	margin:0;
	padding:0;
	float:right;
	list-style:none;
	font-size:15px;
	height:35px;
	border-right:1px solid #f1f3f2;
	padding-right:15px;
}
#top-navigation li{
	float:left;
	margin-left:15px;
	font-weight: 700;
	line-height:35px;
}
#top-navigation li a{
	color:#fff;
	text-decoration:none;
}
#top-navigation li a:hover{
	opacity:0.8;
	transition:0.2s;
}


#search{
	background-color:#fff;
	float:right;
	margin-top:32px;
	width:200px;
	padding:0;
}

#search input[type=text]{
	font-size:12px;
	color:#999;
	border:none;
	background:none;
	text-indent:10px;
	padding:10px;
	width:120px;
	margin:0;
}
#search input[type=submit]{
	float:right;
	border:none;
	background:none;
	text-indent:-999px;
	font-size:0px; line-height:0;
	width:35px;
	height:35px;
	cursor:pointer;
	background-color:#fff;
	background-image:url(../img/search.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#search input[type=submit]:hover{
	opacity:.5;
	filter:alpha(opacity=50);
}
#homepage{
	width:100%;
	padding-top:0px;

	margin-top:40px;
	
}
#body{
	width:100%;
	padding-top:200px;
	vertical-align:top;
}

#sidebar{
	width:265px;
	display:inline-block;
	margin-top:108px;
	margin-left:20px;
	border-left:2px dotted #ccc;
	padding-left:20px;

}

#content{
	width:860px;
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
	color:#797979;
	margin-left:25px;
	
}

#content * {
    box-sizing: border-box;
}

#content.wide{
	width: initial;
    padding: 0 25px;
}
#content img{
	display:inherit!important;

}
#content table{
	border:none;
	border-spacing: 2px;
}
#content table td{
	background-color: #efefef;
	border:none;
	padding:5px;
	vertical-align:middle;
}
#content table th{
	background-color:#f6971f;
	color:#fff;
	border:none;
	padding:5px;
	vertical-align:middle;
	
}

#content table td{
	/*border-radius: 2px;*/
	
}

#content.nomargin{
	width:710px;
	margin-left:0;
}
#content p{
	margin-top:0;
	line-height: 1.35em;
}

#content .alignright{
	float:right;
	margin-left:10px;
	margin-right:10px;
}

.banner-top{
	padding-top: 170px;
}

/*Start Jerusa's Admissions code*/
.content_column_main {
	width:860px;
	float: left;
	margin-bottom: 20px;
}

.content_column_box {
	width: 33.3%;
    margin-left: auto;
    margin-bottom: auto;
    margin-right: auto;
	float: left;
    padding-right: 10px;
	border-radius: 5px;
}

.float-left {
	text-align: left;
    float: left;
    clear: right;
}

.btn-box {
	margin-top: 10px;
	background-color: #005580;
    display: block;
	color: #ffffff !important;
	font-size: 18px;
    text-decoration: none;
	padding: 20px;
	height: 160px;
	border-radius: 0px;
}

.btn-box:hover {
	background: #34b2e7;
	transition: 0.8s;
}

/*End Jerusa's Admissions code*/


.wp-block-buttons a:hover {
	opacity:0.8;
transition:all .3s ease-out
}


.plus{
	position:absolute;
	width:24px;
	height:24px;
	color:#fff;
	background-color:#b378d2;
	font-weight:bold;
	font-size:24px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	z-index:10;
}

.plus:hover{
	background-color:#9072a4;
	cursor:pointer;
}




#news_box{
	width:100%;
	font-size: 0;
	background-color:#fff;
	display:table;
margin-bottom: 30px;
}
#news_box .title{
	text-decoration: none;
	width:300px;
	background-color:#9072a4;
	border-right:5px solid #bebac1;
	display: table-cell;
	vertical-align: middle;
}
#news_box .title h2{
	font-weight:normal;
	font-size:34px;
	color:#fff;
	text-align:center;
	line-height:34px;
}
#news_box .container h1{
	font-size:24px;
	line-height:30px;
}
#news_box .container h1 a{
	text-decoration:none;
	color:#333;
}

#news_box .container h1 a:hover{
	color:#b378d2;
}
#news_box .container{
	background-color:#fff;
	display:inline-block;
	vertical-align:top;
	width:100%;
}
#news_box p{
	font-size:14px;
	color:#797979;
	margin:0;
	letter-spacing: 0.15px;
}
#news_box .constrain{
	/*padding:20px;*/
}

#news_box .container h3{
	color:#484848;
	padding:0;
}
#news_box .container h3 a{
	color:#484848;
	padding:0;
}
#news_box .container h3 a:hover{
	color:#b378d2
}
#news_box .foot-line{
	clear:both;
	background-color:#b9a9c6;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:right;
	padding:0;
}
#news_box .foot-line a{
	color:#fff;
	font-size:12px;
	margin-right:10px;
	font-weight:bold;
	text-decoration:none;
}
#news_box .foot-line a:hover{
	color:#333
}


#double_news_box img{
	width:100%;
}
#double_news_box{
	width:100%;
	margin-top:15px;
	display:table;
	font-size: 0;
	table-layout: fixed;
}
#double_news_box .box{
	
	display:table-cell;
}
#double_news_box .box.space{
	width:30px;
}
#double_news_box .box.left{
	background-color:#fff;
	margin-right:10px !important;
	
}
#double_news_box .box.right{
	background-color:#fff;
	margin-left:10px;
}

.mobmenu-left-alignment{
	overflow: scroll !important;
}
.mobmenur-container{
	display: none !important;
}

#double_news_box h1{
	font-size:24px;
	font-weight:normal;
	text-align:center;
	margin:0;
	padding:0;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
}
#double_news_box h1 a{
	color:#333;
	text-decoration:none;
}
#double_news_box h1 a:hover{
	color:#a571c3
}
#double_news_box .constrain{
	padding: 10px 30px 0px 30px;
}
#double_news_box p{
	font-size:14px;
	text-align:left;
	color:#797979;
	line-height:24px;
}
#double_news_box p a{
	color:#797979;
	font-size:12px;
	margin-left:10px;
	font-weight:bold;
	text-decoration:none;
}
#double_news_box p a:hover{
	color:#a571c3
}
#double_news_box .image-style{
	background-image:url(../img/img-style2.png);
	background-repeat:no-repeat;
	position:absolute;
	width:600px;
	height:50px;
}
#double_news_box .news-image{
	background-color:#eee;
	width:100%;
	/*height:200px;*/
}




#events_box{
	width:100%;
	margin-bottom:15px;
	font-size:0;
	display:table;
	table-layout: fixed;
}
#events_box img{
	width:100%;
}
#events_box .container{
    border-right: 20px solid #ebebeb !important;
}
#events_box .title{
text-decoration: none;
	width:300px;
	background-color:#9072a4;
	margin:0;
	padding:0;
	border-left:5px solid #bebac1;
	display:table-cell;
	vertical-align:middle;
}
#events_box .title h2{
	font-weight:normal;
	font-size:34px;
	color:#fff;
	text-align:center;
	margin:0;
	padding:0;
	line-height:34px

}

#events_box .container{
	background-color:#fff;
	display:table-cell;
	vertical-align:top;
	position:relative;
	padding-right:10px;
}

#events_box .events-image{
	width:100%;


}
#events_box .image-style{
	background-image:url(../img/img-style.png);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:40px;
	background-size: 100%;
}
#events_box .container h1{
	font-size:17px;
	line-height:25px;
	text-align:center;
	
}
#events_box .container h1 a{
	text-decoration:none;
	color:#333;
	
}
#events_box .container h1 a:hover{
	color:#b378d2;
}
#events_box .container p{
	font-size:13px;

	padding:10px;
	color:#797979;
	
}
#events_box .container .constrain{
	padding:5px;
	
}
#events_box .container h3{
	color:#484848;

}
#events_box .container h3 a{
	color:#484848
}
#events_box .container h3 a:hover{
	color:#b378d2
}




#double_events_box{
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}
#double_events_box .box{
	width:480px;
	height:300px;
	background-color:#fff;
	display:inline-block;
}

#double_events_box .box.left{
	float:left;
}
#double_events_box .box.right{
	float:right;
}

li.current_page_item{
	font-weight:bold;
}
li.current_page_item li{
	font-weight:normal;
}


#footer{
	width:100%;
	background-color:#fff;
	font-size:14px;
	color:#999;
	padding-bottom:20px;
	padding-top:20px;

}
.footer-wrapper{
	display:table;
	table-layout: fixed;
	width:100%;
}


#footer h3{
	font-size:16px;
	font-weight: 600;
	color:#9072a4;
}


#copyright{
	background-color:#c6c8c9;
	width:100%;
	height:48px;
	color:#fff;
	line-height:48px;
	font-size:13px;
	font-weight: 700;
}
#copyright a{
	color:#fff;
}
#footer-pad{
	background-color:#ebebeb;
	height:100px;
	width:100%;
}
#copyright .notice{
	float:left;
}
#copyright #back-to-top{
	float:right;
	margin-left:30px;
}
#copyright #back-to-top img{
	display:block;
	margin:5px;
}
#copyright #back-to-top img:hover{
	opacity:.7;
	filter:alpha(opacity=70);
}
#copyright ul.social{
	float:right;
	margin:8px;
	margin-right:0;
}
#copyright ul.social li{
	margin-left:3px!important;
}


ul.social{
	list-style:none;
	
	margin:0;
}
ul.social li{
	display:inline-block;
	width:32px;
	height:32px;
	background-color:#9e9e9e;
	border-radius:16px;
	overflow:hidden;

}
ul.social li img{
	width:24px;
	height:24px;
	padding:4px;
	display:block;
}
ul.social li:hover{
	background-color:#a389b4;
	cursor:pointer;
}



.shadow{
	box-shadow: 0px 0px 2px #999;
}
.hide{
	display:none;
}

.centeralign {
	text-align: center;
}

.img-list{
	display:table;
	clear:both;
	margin-bottom:10px;
}
.img-list-image{
	display:table-cell;
	vertical-align:top;
	padding-right:10px;
}
.img-list-body{
	vertical-align:top;
	display:table-cell;
	font-size:12px
}
.img-list-body h4{
	font-size:16px;
	font-weight:normal;
}
.img-list-body a{
	text-decoration:none;
}
.img-list-body a:hover{
	color:#000;
}
.clear{
	clear:both;
}
#mosaic{
	width:100%;
	display:block;
	font-size:0;
}
#mosaic img{
	display:block;
	
}
#mosaic img:hover{
	opacity:.8;
	filter:alpha(opacity=80);
}
#mosaic .tile{
	font-size:0;
	display:inline-block;
	vertical-align:top;

	
	overflow:hidden;
	
}
#mosaic .tile-container{
	padding:10px;
}
#mosaic .tile.left .tile-container {
	padding-left:0;
}
#mosaic .tile.right .tile-container {
	padding-right:0;
}
#mosaic .tile.right{
	width:50%;
	
}
#mosaic .tile.left{
	width:50%;

}
.mosaic-header{
	display:table;
	width:100%
}
.mosaic-header .mosaic-details{
	padding:10px;
	
	padding-top:0;
}
.mosaic-header .mosaic-details h2{

}
.mosaic-details .divider{
	font-size:13px;
	margin-right:20px;
}
.mosaic-header h2{
	display:block;
	clear:both;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;

	display:table-cell;
	line-height:16px;
	vertical-align:middle;
	padding-right: 5px;
	padding-top:5px;
}
.mosaic-header h2 a{
	text-decoration:none;
	color:#666;
}
.mosaic-header h2 a:hover{
	color:#814d9e;
}
.mosaic-date{
	width:50px;
	display:table-cell;
	height:30px;
	vertical-align:top;

}
.mosaic-date .mosaic-date-inner{
	background-color:#ff9a0c;
	width:100%;

	vertical-align:middle;
}
.mosaic-date h4{
	text-align:center;
	margin:0;
	padding:0;
	font-size:20px;
	color:#fff;
	line-height:18px;
	padding-top:5px;
}
.mosaic-date h5{
	text-align:center;
	margin:0;
	padding:0;
	font-size:13px;
	color:#fff;
	font-weight:normal;
	line-height:13px;
	padding-bottom:5px;
}

#mosaic p{
	font-size:16px;
	color:#797979;
	clear:both;
	display:block;
	width:100%
	
}
#mosaic .mosaic-img{
	position:relative;
	display:block;
	width: 100%;
}
#mosaic .mosaic-img img{
	width:100%;
	height:auto;

}
.tile .mosaic-img img{
	/*max-height: 182px;*/
}
#mosaic .mosaic-type{
	position:absolute;
	background-color:#814d9e;
	color:#fff;
	z-index:10;
	font-size:13px;
	right:0;
	bottom:0;
	width:80px;
	text-align:center;
	padding:3px;
	text-transform:uppercase;
}



#list .list-item{
	display:block;
	margin-bottom:10px;
}

#list .thumb{
	display:inline-block;
	width:210px;
	vertical-align:top;
}
#list .abstract{
	width:400px;
	display:inline-block;
	vertical-align:top;
}
#list .abstract.full-width{
	width:100%;
}
#list h2{
	font-size:15px;
	color:#555252;
	margin:0;
	padding:0;
	
}
#list h2 a{
	color:#005581;
	text-decoration:none;
}
#list h2 a:hover{
	color:#f6971f;
	text-decoration:none;
}
#list h4{
	margin:0;
	padding:0;
	color:#555252;
	font-size:12px;
	font-weight:300;
}
#list h4 span{
	color:#f6971f;

	font-size:12px;
}
#list p{
	font-size:12px;
}
#list .download{
	color:#f6971f;
	font-weight:bold;
}
#list hr{
	border:0;
	border-bottom: 1px solid #ccc;
}



#modal{
	position:fixed;
	width:100%;
	height:100%;
	z-index:10000;
	background-color:rgba(0,0,0,.9);
	top:0;
	left:0;
	
}
#modal iframe{
	left:50%;
	top:50%;
	margin-left:-498px;
	margin-top:-280px;
	position:absolute;
	z-index:10001;
	border:3px solid #f4a94e;
}

#modal-control{
	background-color:#f4a94e;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	width:80px;
	margin-left:-40px;
	left:50%;
	bottom:0;
	height:30px;
	line-height:30px;
	text-align:center;
}
#modal-control:hover{
	background-color:#000;
}
#modal-control a{
	color:#fff;
	text-decoration:none;
}




/* PAGER */


.pager{
	clear:both;

	height:32px;
	margin-top:20px;
	margin-bottom:20px;
}
.pager-total{
	float:left;
	border-left:5px solid #f6971f;
	padding-left:10px;
	color:#999;
	text-transform:uppercase;
	line-height:32px;
}
.pager-nav{
	float:right;
	text-align:center;
}
.pager-nav a{
	display:block;
	width:24px;
	height:24px;
	line-height:24px;
	background-color:#eee;
	border:1px solid #ddd;
	float:left;
	margin:3px;
	text-decoration:none;
	color:#999!important;
	font-weight:bold;
}
.footer_block .img-list-column.column-right a{
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    /*white-space: nowrap;*/
    display: block;
    width: 100%;
    height:auto;
}
.pager-nav a:hover{
	background-color:#ccc;
}
.pager-nav a.active{
	background-color:#999;
	color:#fff!important;
}
.pager-nav a.active:hover{
	background-color:#777;

}
.pager-link{
	width:36px !important;
}



/* ADMIN */

.editlink{
	text-align:center;
	border-top:1px solid #ccc;
	padding-top:10px;
}
.editlink a{
	text-decoration:none;
	color:#999!important;
}
.editlink a:hover{
	text-decoration:underline;
	color:#f6971f!important;
}



/* SITEMAP */

#ss_pages h2{
	display:none;
}
#ss_pages a{
	text-decoration:none;
}
#ss_pages a:hover{
	color:#f4a94a;
	font-weight:bold;
}
#ss_pages ul{
	margin:0;
	padding:0;
	margin-bottom:10px;
	list-style:none;
}
#ss_pages ul ul{
	padding-left:10px;
	margin-top:5px;
}
#ss_pages li{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px;
	padding-left:15px;
	background-image:url(../img/arrow2.png);
	background-repeat:no-repeat;
	background-position:0 8px;
}
#ss_pages li li{

	font-weight:normal;
	text-transform:none;
}
#ss_pages li li li{

}

.footer_block.mailing-list .wtitle{
	text-align: left !important;
}

#mc_embed_signup .button{
	background-color: #f6971f !important;
	display: block !important;
	margin: 0 auto !important;
	margin-top: 10px !important;
}

#mc_embed_signup form{
	margin:0;
	padding:0!important;
}
#mc_embed_signup .indicates-required{
	text-align:center!important;
}
#loading{
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999999;
	display:none;
	top:0;
	left:0;
	background-color:rgba(255,255,255,.5);
}
#loading img{
	position:fixed;
	top:50%;
	margin-top:-16px;
	left:50%;
	margin-left:-16px;
	z-index:10000000;

}

#tabs{
}
.tab-menu{
	
	list-style:none;
	margin:0;
	padding:0;
	
}
.tab-menu li{
	margin:0;
	padding:0;
	display:inline-block;
	
}
.tab-menu li.active{
	background-color:#fff;
	color:#fff;
}
.tab-menu li a{
	padding:10px;
	display:block;
	border:1px solid #ccc;
	border-bottom:none;
	text-decoration:none;
}
.content-tab{
	border:1px solid #ccc;
	padding:15px;
	min-height:200px;
	display:none;
	margin-top:-1px;
	background-color:#fff;
}
.content-tab h3{
	text-transform:uppercase;
	font-size:16px;
}
.content-tab a{
	text-decoration:none;
}
.content-tab a:hover{
	text-decoration:underline;
}


#calendar_wrap .wp-cal-datepicker-calendar tr td .wp-cal-tooltip {
	right:inherit!important;
	top:inherit!important;
}
.img-fluid{
    width:100%;
    height:auto;
}

/* new styles */
#slider h2{
	text-align: center !important;
}
#slider h1{
	text-align: center !important;
}

#slider .dots .dot{
	float: none !important;
}

#homepage .widget_text.widget{
	text-align: center !important;
}
#homepage .widget_text{
	width: 80% !important;
	margin: 0 auto !important;
}
.bk-img{
	background-image: url( '../../../../wp-content/uploads/2012/08/websiteusjmaincampus-01-1024x452.png' ) !important;
	background-size: 140% !important;
	position: relative;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

html, body{
	background-image: none !important;
}
.bk-img::before {
    content: '';
    display: block;
    position: absolute;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}
.bk-img h3{
	color: #bababa !important;
	/*text-shadow: 2px 2px #333333 !important;*/
}
.bk-img h5{
	color: #bababa !important;
	/*text-shadow: 2px 2px #333 !important;*/
}
.bk-img .content{
	/*z-index: 999999 !important;*/
    position: relative !important;
    padding: 12% !important;
}
.bk-img .content button{
	border-radius: 20px 0px 20px 0px !important;
	width: 100px;
    height: 100px;
    color: #1a5c5f;
    text-transform: uppercase;
    font-weight: bold;
}
.bk-img .content .button-p{
	display: inline-block !important;
	padding: 25px !important;
}
#list .abstract {
    width: 74%;
}
img.aligncenter{
    margin: 0 auto !important;
}
#homepage .wtitle{
	color: #575555 !important;
}
#homepage .widget_text p{
	color: #8f8f8f !important;
}

.bk-img .button-p button{
	cursor: pointer !important;
}
.news-box{
    margin-top: 57px !important;
}
.news-box .wrapper{
    position: relative;
    z-index:1;
}
#events_box{
   margin-bottom: 0px !important;
}
#events_box .title h2{
     margin-top: -73px !important;
      position: absolute !important;
    left: 0px !important;
        font-weight: 400;
    font-size: 34px;
    color: #fff;
    width: 600px;
    background: #9072a4;
    line-height: 34px;
    padding: 6px
   
}
#news_box{
   margin-bottom: 30px;
}
.news-box.title{
    position: relative !important;
}
.news-box h2{
        font-weight: 400;
    font-size: 34px;
    color: #fff;
    
   
    line-height: 34px;
    padding: 6px;
}
.news-box .bcg{
    

    font-weight: 400;
    font-size: 34px;
    width: 556px;
    height: 40px !important;
        font-weight: 400;
    font-size: 34px;
    color: #fff;
   
    background: #9072a4;
    line-height: 34px;
    padding: 6px;
    position: absolute;
    top: 0px;
}
.news-box .bcg:after {
  content: '';
  height: 0px;
  width: 0px;
   margin-top: -76px;
  left: 0;
  
      width: 518px;
    top: 74px;
    height: 1px;

  position: absolute;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #ebebeb transparent transparent;
}
#news_box .container{
  /*margin-top: 100px;*/
}
.wrapper .title{
        display: block !important;
}
#events_box .container{
    
}

#events_box h2:after {
  content: '';
  height: 0px;
  width: 0px;
  right: 0;
  top: 0;
  position: absolute;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #ebebeb transparent transparent;
}
#double_news_box h1{
    padding-top: 20px !important;
}
#double_news_box .box{
    display: block !important;
}

#double_news_box .news-image{
    display: inline-block !important;
}

#double_news_box .constrain {
    padding: 10px 30px 0;
    display: inline-block;
    width: 400px !important;
}

#double_news_box h1{
    margin-left: 272px !important;
}

#double_news_box h1{
        text-align: left !important;
        padding-top: 25px !important;
}

#double_news_box .news-image{
    width: 240px !important;
}

#double_news_box .news-image {
    background-color: #eee;
   
}
#news_box .constrain {
    /*padding: 20px;
    padding-left: 200px;*/
    display: inline-block;
    width: calc(100% - 305px);
    padding-left: 25px;
    padding-top: 25px;
    padding-right: 25px;
    vertical-align: top;
    margin-bottom:30px;
    
}
#news_box .foot-line{
    margin-top: -30px
}
#news_box .plus{
    
}
#news_box .news-image{
    width: 250px !important;
    display: inline-block !important;
}
#news_box .news-image img{
        width: 100% !important;
    height: auto !important;
}
#double_news_box .plus{
    margin-left: 260px !important;
}
#double_news_box .image-style {
    display: none !important;
}
#double_news_box img {
    width: 250px;
    height: auto;
    display: inline-block;
}
#news_box h2{
    padding-left: calc(100% - 52em) !important;
}
#events_box h2{
    padding-left: calc(100% - 52em) !important;
}
#events_box .container p {
    font-size: 13px;
    color: #797979;
    padding-top:0px !important;
    padding-bottom:0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 216px; 
}

.wp-image-15188{
	width: 100% !important;
}
.news-box{
	margin-bottom:20px;
}
.news-box.title{
	background: #9072a4;
		position:absolute;
}
.news-box.title::after{
	content: " ";
    background-color: #fff;
    width: 66%;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
}
.news-box.title .wrapper{
		overflow:hidden;
}
.news-box.title .wrapper:after {
    content: " ";
    background-color: #fff;
    width: 50%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    transform: skewY(45deg);
    transform-origin: 100%;
}
.news-box h2{
	padding: 8px 0;
	margin:0;
}

.hp-label::before{
	content: " ";
    background: #ebebeb;
    width:50px;
    height:50px;
	transform: skewY(45deg);
    transform-origin: 100%;
    left:calc(35% - 50px);
    position:absolute;
    top:0;
    
}
.hp-label{
	position:relative;
background-color: #9072a4;
height:50px;
overflow:hidden;
margin: 20px 0;

}
.hp-label h2{
	line-height:50px;
	margin:0!important;
	padding:0!important;
	color:#fff;
	font-weight: 400;
    font-size: 1.8em;
}
.hp-label::after{
	content: " ";
    background: #ebebeb;
    position: absolute;
    left: 35%;
    height: 50px;
    width: 100%;
    top:0;
}
.sidebar-mobile{
    display: none;
    z-index: 99999999;
}
body.customize-support .mob-menu-header-holder{
	top:45px;
}
body.customize-support.scrolled .mob-menu-header-holder{
	top:0px;
}
#events_box .container:last-child {
		border-right:none!important;
}

 #mobmenuright a{
		color:#f6971f!important;
		font-weight:bold!important;
}

.tile-third{
	width: 33%;
	margin-bottom: 20px;
}
#mosaic .tile-third .mosaic-img{
	margin:5px;
}

.multimedia-handler .mosaic-header h2{
	padding-left:10px;
}
.multimedia-handler .tile{
	position:relative;
}

.multimedia-handler #mosaic .mosaic-type{
	top: 0;
    bottom: initial;
    left: 0;
    right: 0;
}


.video-container {
    width: 100%;
    height: 100vh;
    background-size: cover;
    overflow: hidden;
}

.video-container video {
   width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: inherit;
    left: 0;
    top: 0;
    z-index: 1;
	
}

.center-context {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

#context {
	display:block;
	width: 100%;
	top: 67%;
	align-items: center;
	position: absolute;
	z-index: 2;
	text-align: center;
	color: #ffffff;
}
#context h3 {
	font-size: 1.5em;
	text-shadow: 1px 2px 20px black;
	font-family: 'TrajanProBold';
	font-family: 'Cinzel', serif;
	font-weight:500;
	
}

#context h2 {
	font-size: 3em;
	text-shadow: 1px 2px 20px black;
	font-family: 'TrajanProBold';
	font-family: 'Cinzel', serif;
	font-weight:500;
}
.scroll {
	margin-top: 13%;
}


.scroll a{
	color: #ffffff;
}

.scroll span {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
  z-index: 2;
}

.video-button{
	margin-top: 4%;
}

.video-button a {
    color: #ffffff;
    fill: #ffffff;
    text-decoration: none;
    font-weight: 600;
    text-shadow: 1px 2px 20px black;
}

.video-button a:hover{
    opacity: 0.8;
	transition: 1s;
}



#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

#light-box{
	left:20%;
	justify-content: center;
    	display: flex;
}


#light {
  display: none;
  position: fixed;
  top: 6%;
  border: 2px solid #FFF;
  background: #FFF;
  z-index: 1002;
  overflow: visible;
  width: 80%;  
  padding-bottom: 45%;
}

#light iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#boxclose {
  float: left;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose::before {
  content: "x";
}

#fade:hover ~ #boxclose {
  display:none;
}

#content a.back {
	color:#6c6c6c !important;
	cursor: pointer;
	font-size: 11px;
	text-decoration: none;
}

.back-font {
	font-family: 'PT Sans', sans-serif;
}

.gapless{
	    margin-inline: auto;
}    

#lab-header{
	padding-top: 10px;
}

.no-wrap{
flex-wrap: nowrap !important;
}
