/*=======================================================================
*** PORTO_SUB STYLE SHEET***
========================================================================*/





/**********   BACKEND     *********/

.mceContentBody p, .mceContentBody li {font-size: 14px !important}









/**********   FRONT SLIDESHOW     *********/

.front-slideshow h4 {font-size: 36px; padding-bottom: 15px; padding-top: 5px;}

.front-slideshow .slide-image {margin-left: 0px; margin-bottom: 30px}






/**********   TILES     *********/


.tile h1 {font-size: 100px; font-weight: bold; font-family: helvetica neue, helvetica, arial, sans-serif; line-height: 92px; text-transform: uppercase; letter-spacing: -3px; color: #888888}

.front-image {margin-top: -200px}

.front-menu-bumper  {margin-top: 100px; float: right;}

.front-menu-bumper h4 {text-transform: uppercase; font-size: 16px; font-weight: bold; line-height: 16px; color: #aaaaaa; padding: 8px; background: #f7f8ed; border-radius: 58px; -webkit-border-radius: 8px; border: 1px solid #cccccc}

.front-menu-bumper h4:hover {background: #f36e21 !important; color: #ffffff !important; border: 1px solid #F36E21 !important}





/**********   SIDEBAR BOX     *********/

.sidebar-box
	{
		padding: 15px;
		padding-top: 10px; 
		background: #F1F0EC
		}
		
.sidebar-box p {color: #EAE8E2 !important; line-height: auto}

.sidebar-box p a {color: #f36E21}


.sidebar-box h2 {font-family: "Shadows Into Light", cursive, verdana, sans-serif; font-size: 36px; color: #EAE8E2;margin-bottom: 15px; }

.sidebar-box h3 {text-transform: none !important; margin-top: 10px; font-color: #DFDECB !important;  font-size: 24px !important; padding-bottom: 3px !important; margin-bottom: 3px !important}

.sidebar-box h3 a {color: #DFDECB !important}

.sidebar-box a:hover .sidebar-box a.active:hover {color: #F1F0EC !important}

.sidebar-box img {border-radius: 50%; -webkit-border-radius: 50%; padding: 5px; border: 1px dashed #aaaaaa; margin-left: auto; margin-right: auto; width: 95%}

.sidebar-box a {color: #DFDECB}

.sidebar-box a:hover, .sidebar-box h3 a:hover {color: #F1F0EC}

.sidebar-box .news-teaser {font-size: 18px; margin-bottom: 24px}

.sidebar-inset {padding: 10px; background: #DFDECB}

.sidebar-inset h2 {font-family: helvetica neue, helvetica, arial, sans serif; color: #555555 !important; font-size: 24px !important; font-weight: bold; margin-bottom: 5px !important;}

.sidebar-inset a {color: #555555 !important; font-size: 18px !important;}

.sidebar-inset a:hover {color: #000000 !important}

.red-bkg 	{background: #87080E !important}
.brown-bkg {background: #513127 !important}










/**********   BOXES     *********/

.stretch-out, .stretch-out table.views-table {width: 100%}

.vertical-top {vertical-align: top !important}





/**********   ARTICLES     *********/

.article .title {font-size: 36px; line-height: 38px; margin-bottom: 5px !important}
.article .subhead {font-size: 24px; margin-bottom: 30px; line-height: 23px !important}






/**********   DATES     *********/

.event-datebox {border: 1px solid #87080E; border-radius: 5px; width: 75px; }

.event-datebox .event-day-of-week, 
.event-date .event-time, 
.event-datebox .event-month-initial 
	{
	background: #87070E; 
	color: #FFFFFF; 
	padding: 5px; 
	text-align: center; 
	font-weight: bold; 
	text-transform: uppercase
	}

.event-datebox .event-day {color: #000000; font-size: 40px; text-align: center; line-height: 40px;}

.event-datebox .event-month-and-year {font-weight: bold; text-align: center; color: #000000; padding-bottom: 15px; }

.event-location {color: #000000 !important; font-size: 18px !important; margin-bottom: 10px !important;}

.event-date-text {font-size: 18px !important; color: #000000 !important; font-weight: bold !important; }

span.event-coordinator {margin-top: 20px !important; font-size: 12px !important}

.event .headline {font-size: 18px; text-transform: normal !important;}

.event .subhead {font-weight: bold; font-size: 14px; line-height: 16px !important; margin-bottom: 5px}

.event .views-field-field-eventtype, td.views-field-field-eventdate-3 

{vertical-align: top !important}

.event.event-type {font-size: 14px !important; text-transform: uppercase !important}

.title .event-type {font-size: 12px; text-transform: uppercase;}

.event .event-location {font-size: 12px !important; margin-bottom: 0 !important; color: #555555 !important; font-weight: bold !important}

.event .time {font-size: 18px !important; color: #000 !important}

.event .views-field-field-eventdate {width: 80px !important; border-left: 1px solid #ccc !important; padding-left: 15px !important; vertical-align: top !important}

.views-field-field-eventdate-3 {width: 100px !important; }

.views-table tbody {border-top: 0px !important;}

.event td.views-field-field-group-logo {width: 100px !important; vertical-align: top !important}



.event .title {font-size: 18px; font-weight: bold; line-height: 20px !important}

.event p {margin-bottom: 0px !important; padding-bottom: 0px !important}


.date-repeat-instance {display: inline !important;}

.teaser-date {margin-bottom: 15px !important}

#events h4 {margin-bottom: 3px !important;}

.event-details {margin-left:0px !important;}

.event-details p {margin-bottom: 0px !important; -webkit-margin-after: 0px !important; line-height: auto}

.event-details p strong {color: #111111 !important}


/**********    VIEWS FIELDS     **********/

/* 
.field-body a {color: #f36E21; font-weight: bold}
.field-body a:hover {color: #000000; text-decoration: none}
 */



		


/**********   HEADER AND NAV     *********/






ul.rit-search li {display: inline; float: right;  position: absolute; top: 10px}

ul.rit-search li a:hover {color: #ffffff; text-shadow: none !important}




/**********     FRONT PAGE     **********/

.process-image img {margin:0px; margin-top: 8px; width: 90%}

.home-intro {background: #000000}




.stand-apart img {margin-bottom: 25px; border-radius: 15px; -webkit-border-radius: 15px;}


.fade-3sec {
	
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-ms-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	
}

strong.our-work {margin-top: -30px !important; margin-left: -80px !important}


/**********     SECTION PAGES     **********/

.section-header h1 {font-size: 60px; margin-bottom: 0px !important}







/**********     ABOUT US PAGE    **********/

.timeline h2 {font-weight: normal; font-size: 24px; color: #F36E21; margin-bottom: 5px; margin-top: 0px; line-height: 26px !important}
.featured-box .box-content {padding: 15px !important;}


/**********     DIRECTORIES     **********/










/*   HIDE STUFF    */

.md-bullet

{display: none !important}



/*   PROGRAMS DIRECTORY    */

.program-type a {font-size: 12px; text-transform: uppercase; font-weight: bold;}

.program-type a:hover {text-decoration: none}

.field-name-field-building-number {float: left !important}

ul.fa-ul {margin-bottom: 0px;}





/**********     CONTACT BLOCK     **********/

.contact-box {padding: 15px}





/**********     MEMBERS BLOCK     **********/


.members {padding: 30px !important}

.members a:hover {text-decoration: none; color: #111111}

.members .views-field-view-user {margin-bottom: 15px}



.plain a.directory-name {margin-right: 0px !important; margin-top: 15px !important}


.plain .quicktabs-tabs li a:hover {background: #F36E21 !important; color: #111111 !important}

.plain .centers {margin-top: 15px !important;}

.plain .centers h4, .plain .programs h4 {padding-bottom: 12px;}

section.toggle label {background: none !important; font-size: 18px !important; font-weight: bold}

.toggle-content {padding-top: 30px !important, padding-right: 30px !important; background: none !important}

.plain tr.even, .plain tr.odd {border: none !important; background: none !important}

.plain .table td {border-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important}






.newsletter, .newsletter img {max-width: 800px}

.newsletter-right {width: 150px !important}

.newsletter .views-field {margin-bottom: 15px; padding-bottom: 15 px; border-bottom: 1px dashed #aaaaaa}

.newsletter tbody {border-top: 0px !important;}

.newsletter td.left {padding-right: 15px;}

.newsletter td.right {padding-left: 15px !important; width: 200px !important; line-height: 16px}

.newsletter td.right img {width: 150px !important; height: auto !important}

.newsletter td.right h4 {font-size: 14px; text-transform: uppercase; line-height: 16px; padding-top: 3px; padding-bottom: 3px;}

.newsletter td.left, .newsletter td.right {vertical-align: top; padding-bottom: 30px}

.newsletter h2 {font-size: 28px !important; margin-bottom: 0px !important; line-height: 30px; padding-bottom: 10px; padding-top: 5px}


.newsletter-summary {font-size: 16px}

.newsletter .lead {font-size: 18px !important; line-height: 20px}

.newsletter-header {width: 100%; max-width: 820px !important; border-bottom: 10px solid #f36e21; margin-bottom: 30px; }

.newsletter-header img {width: 50% !important; height: auto !important; max-width: 820px !important}

.newsletter .view-header {padding-bottom: 15px; font-size: 48px !important; line-height: 60px !important}

/**********   TOPMENU AND SIDEMENU ACCORDION     *********/

.btn {text-shadow: 0 0 0 !important}

.topmenu {margin-top: 30px}

.topmenu .logo img {margin-top: 10px;}

.topmenu h4 {margin-top: 21px; width: 100%; border-left: 2px solid #cccccc; padding: 15px;}

.topmenu h4 a {color: #cccccc; font-size: 28px; font-weight: bold; padding-top: 15px; padding-bottom: 15px; }

.topmenu h4 a:hover {color: #111111; }

.dropdown-icons {margin-top: 25px !important;}




.mainmenu {padding-top: 30px; padding-bottom: 30px;}

.mainmenu .header-menu 
	{
	margin-top: 15px;
	}
	
.sticky-menu-active .mainmenu {padding-top: 5px !important; padding-bottom: 10px !important}

.sticky-menu-active header .logo {margin: 0px !important}

.sticky-menu-active header .logo img {height: auto !important}

.sticky-menu-active .header-menu {margin-top: 5px;}

.mainmenu .ui-state-default {background: #ffffff !important}

.mainmenu span.ui-icon {display: none !important}

.mainmenu ul.text-links
	{
	margin-left: 0px !important;
	margin-top: 10px !important;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
	font-size: 14px;
	font-weight: bold;
	Text-transform: uppercase; 
	color: #aaaaaa
	}


.mainmenu ul.text-links li 
	{
	list-style-type: none; 
	display: inline; 
	padding-right: 15px; 
	}


**********     CONTACT INFO     **********


.contact-info {padding-left: 35px}

.contact-info .field-name-field-department {font-weight: bold; font-size: 18px !important; line-height: 20px; margin-bottom: 15px;}

.contact-info .field-name-field-department .field-item.odd {margin-top: 15px;}

.contact-info .field-name-field-department, .contact-info .field-name-field-department-2 {text-transform: none; line-height: 18px !important; padding-left: 0px}


.contact-info .field-name-field-address,
.contact-info .field-name-field-phone, 
.contact-info .field-name-field-cell 
 {line-height: 16px; margin-bottom: 15px;}

h1.contact-info {font-size: 18px}

ul.programs-sidebar { margin-left: 0px; margin-bottom: 0px;}
ul.programs-sidebar li {list-style-type: none; display: inline !important; float: left;}




/**********   BUTTONS     *********/

.btn-link {padding: 0px !important; width: 95% !important; text-align: left}


/**********   CUSTOM HEADERS   **********/


section.page-top {background: #000000; border-top: 0px !important; border-bottom: 5px solid #DFDECB; !important; padding-top: 0px !important; padding-bottom: 0px !important; height: 100%; margin-top: 0px !important; min-height: 120px; }

section.page-top h1 { margin-top: 0px; margin-bottom: 15px; border-bottom: 5px solid #F36E21 !important; font-size: 4em !important; border-bottom: 0px !important; line-height: auto !important; width: 100% !important; }

section.page-top h4 {font-size: 1.5em !important; padding-bottom: 20px; color: #F36E21; text-transform: uppercase; }





	


.custom-header .page-title {
	background-color:rgba(38,15,11,0.7) !important; 
	border: 1px solid #aaaaaa;
	width: 66%;
	margin-top: 30px;
	margin-bottom: 0px !important;
	}
	
.section-home .page-title   {margin-top: 60px !important; margin-bottom: 0px}

.section-home {height: 500px !important;}

.custom-header h1 {font-size: 4em !important; color: #ffffff !important; padding-bottom: 0px !important; margin-bottom: 15px !important; margin-right: 0px !important; padding-top: 30px !important; float: left; margin-top: 0px;}

.custom-header h1 a {color: #ffffff}

.custom-header h1 a:hover {color: #000000; text-decoration: none}

.custom-header h4 a {color: #F36E21; letter-spacing: -1px}

.custom-header h4 a:hover {color: #ffffff; text-decoration: none}

.custom-header h1 .alternative-font {font-size: 1em; text-transform: none !important; line-height: 1.3em; }

.custom-header .menu {margin-top: 20px !important; float: right}

.custom-header .menu ul  {list-style-type: none !important; text-align: left; }


.custom-header .menu a li {
	color: #FFFFFF !important;
	text-transform: uppercase; 
	font-weight: bold; 
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	width: 80% !important;
	text-align: left !important;
	padding: 5px;
	padding-left: 10px;
	border-left: 1px solid #ffffff;	
	}
	
.custom-header .menu a li:hover {
	text-decoration: none
	}
	
	
.contextual-links-wrapper li a {text-transform: none; font-weight: normal}
	
	


.custom-header .menu a li:hover {background: #F36E21; text-decoration: none !important; border-left: 1px solid #f36E21}

.custom-header .menu a li.active {border: 1px solid #F36E21; background: #F36E21}



/**********   NEWS AND EVENTS   **********/

article.post-large-image {padding-bottom: 30px; margin-left: 0px}

.news-teasers h2, .news-article h2 {font-weight: bold; font-size: 2.4em !important}
.news-teasers h2 a:hover {color: #BF571B}

.news-article .right-image {float: right}

.news-block {font-size: 12px; font-weight: bold; line-height: 14px;}

.news-block .teaser-single {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #aaaaaa}

.news-block h4 {font-size: 18px; line-height: 20px !important; margin-bottom: 20px}

.news-block h4 a:hover {font-color: #111111 !important}

.news-block .nav-tabs li {font-size: 24px;}

.news-block .nav-tabs > .active > a {background: #DFDECB}

.news-block .nav {margin-bottom: 0px !important}

.news-block .nav-tabs {border-bottom: 0px !important}

.news-block .tab-content {background: #DFDECB}



/**********   GRADUATE AND EMPLOYER CAROUSELS   **********/






@media (min-width: 767px) and (max-width: 1200px)
	{
	.spotlight img {display: block !important; float: none; width: 100%}
	
	.md-objects {margin-left: 50px; margin-right: 50px}
	}
	
		
		
/**********     CALENDAR     **********/

.date-nav .date-heading h3 {text-align: left; font-weight: 800; font-size: 3em !important; text-transform: none; color: #777777}

.view .date-nav-wrapper .date-prev,
.view .date-nav-wrapper .date-next
{
	background: none repeat scroll 0 0 #FFFFFF !important;
	}
	
.view .date-nav-wrapper .date-prev a,
.view .date-nav-wrapper .date-next a {border: none !important}

.view .date-nav-wrapper .date-prev a:hover,
.view .date-nav-wrapper .date-next a:hover {background: none !important; color: #111111 !important}


.calendar-block li.date-prev {
	right: 70px !important;
	left: auto !important;
	}
	
.calendar-block h6 {margin-bottom: 0px; padding-top: 5px !important; line-height: 1em !important}

.calendar-block .feed-icon {display: none !important}
	

.views-field-field-eventdate .date-repeat-instance, .eventdate_left {float: left}

.eventdate_left {padding-right: 10px }


.datepicker h4.block-header {text-align: center; padding: 3px}

.datepicker tr, .datepicker td.empty {background: #F1F0EC !important}

.datepicker th.days {background: #dfdecb !important; border: 0px !important; color: #888888 !important; padding-bottom: 3px !important}

.datepicker .date-heading h3 a {font-size: 18px !important; font-weight: bold;}

.datepicker .date-heading h3 {text-align: center}

.datepicker .date-nav-wrapper .date-prev, .datepicker .date-nav-wrapper .date-next  {background: none !important}

.datepicker .date-nav-wrapper .date-prev a, .datepicker .date-nav-wrapper .date-next a  {background: none !important; font-size: 24px !important; border: 1px solid #aaaaaa}


.datepicker li.date-prev {right: auto !important; left: 0 !important}

.datepicker .mini-day-on, .datepicker .mini-day-off {width: auto !important; text-align: center !important; padding: 3px !important; color: #aaaaaa !important}

.datepicker .mini-day-on {background: #dfdecb !important}

.datepicker .mini-day-on, .datepicker .mini-day-on a {font-weight: bold !important; color: #888888 !important; text-decoration: none !important}

.datepicker .date-nav {margin: 0px !important; padding: 0px !important}

.day-view {border-right: 1px solid #cccccc !important}

.day-view .views-field-title {font-size: 14px !important; font-weight: bold !important; font-color: #111111 !important}