/*
------------------------------------------------------------------------------------------------------------------------------

Theming Notes

------------------------------------------------------------------------------------------------------------------------------

DRUPAL CSS Namespacing Model

	.component-name{}
	.component-name--variant{}
	.component-name__sub-object{}
	.component-name__sub-object--variant{}

Drupal 8 follows a SMACSS-style categorization of its CSS rules:

    Base — CSS reset/normalize plus HTML element styling.
    Layout — macro arrangement of a web page, including any grid systems.
    Component — discrete, reusable UI elements.
    State — styles that deal with client-side changes to components.
    Theme — purely visual styling (“look-and-feel”) for a component.

*/


/*
------------------------------------------------------------------------------------------------------------------------------
	
    Base — CSS reset/normalize plus HTML element styling.

------------------------------------------------------------------------------------------------------------------------------
*/

/* Links */

* {
	box-sizing: border-box;
}

a {
	text-decoration: underline;
	border-bottom: none;
}

a:hover,
a.active:hover,
a:focus,
a.active:focus {
	text-decoration: underline;
	border-bottom: none;
}

.menu a {
	border-bottom: none;
	text-decoration: none;
}

h1 a,h2 a, h3 a, h4 a {
	text-decoration: none;
}

.item-list ul li {
    margin: 0px 0px 1em 1.5em;
    padding: 0px;
}

ul, ol {
    margin: 0.3em .3em 1.5em;
}

h1, h2, h3, h4 {
	margin-bottom: .5em;
}

/*
------------------------------------------------------------------------------------------------------------------------------
	
    Layout — macro arrangement of a web page, including any grid systems.

------------------------------------------------------------------------------------------------------------------------------
*/
.three-3x33.clearfix {clear:left;}
#block-views-profiles-block-1 .views-field-field-profile-image,
#block-views-profiles-block-2 .views-field-field-profile-image {
	float:right;
	margin: 0 0 1em 1em;
}

#featured-content-wrapper .container {
	max-width: 1280px;
}

#search-block-form .form-item-search-block-form {
    margin-right: 4.5em;
    display: block;
}

#edit-search-block-form--2 {
  display: block;
	float:left;
	width: 100%;
}
#search-block-form input.form-submit {
	  display: block;
    width: 4.5em;
    float: left;
    padding: 0.25em;
}

#block-views-news-block .views-field-field-image {
	float:left;
	margin-right: 1em;
}
#block-views-news-block .views-field-title:after {
	content:"";
	clear:left;
	display: table;
	height: 0px;
	width: 1px;
}

#block-views-news-block .views-row-last {
	padding-bottom: 4em;
}

#block-views-news-block .block-inner {
	position: relative;
}

#block-views-news-block .more-link{
  position: absolute;
	bottom: 0;
	right: 0;
	padding: 1em;
}

/*
------------------------------------------------------------------------------------------------------------------------------
	
    Component — discrete, reusable UI elements.

------------------------------------------------------------------------------------------------------------------------------
*/
 .sidebar .block-menu-block ul li.leaf a, 
.sidebar .block-menu-block ul li.collapsed a, 
.sidebar .block-menu-block ul li.expanded a {
    padding: 0.5em 0.25em;
    display: block;
}

.flexslider .flex-caption {
    background-color: rgba(135, 28, 28, 0.9);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
    padding: 1em;
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 35%;
    color: #FFF;
    font-size: 1.2em;
}

.flexslider .flex-caption a:link {
	border-bottom: none;
	text-decoration: underline;
}

.calendar-calendar td {
    color: #666;
}

.item-list ul.pager li.pager-current {
	padding: .75em 1.25em;
	margin-right: .25em;
	border: 1px solid #881C1C;
}

.item-list ul.pager li.pager-ellipsis {
		padding: .75em 1em;
}

.item-list ul.pager li {
	padding: 0;
	margin: 0 .25em .5em 0;
	display: inline-block;
}

.item-list ul.pager li a {
	padding: .75em 1.25em;
	display: block;
}

.view .date-nav-wrapper .date-next,
.view .date-nav-wrapper .date-prev{
	padding: 0;
}

.view .date-nav-wrapper .item-list ul.pager li a {
	display: block;
  padding: .75em;
	border:none;

}

.view .date-nav-wrapper a:hover {
	border:none;
}

/* Social Media */

.socialmedia ul { 
  padding: 1em 0;
}
 
.socialmedia ul li {
 list-style-type: none;
 float: left;
 padding-right: 1em;
}
 
.socialmedia li a {
  border-radius: 5px; 
	font-size: 2em;
  line-height: 1;
}

/*
------------------------------------------------------------------------------------------------------------------------------
	
    State — styles that deal with client-side changes to components.

------------------------------------------------------------------------------------------------------------------------------
*/

.field-name-body a,
.field-name-body a:hover{
text-decoration:underline;
border-bottom: none;
}

.article img, .view-content img {
border:0;
padding:0;}

a.faculty-list + ul > li,
a.graduate-list + ul > li,
a.people-list + ul > li{
  display:none;
}

a.faculty-list + ul > li.active-trail,
a.graduate-list + ul > li.active-trail,
a.people-list + ul > li.active-trail{
  display: block;
}




/*
------------------------------------------------------------------------------------------------------------------------------
	
    Theme — purely visual styling (“look-and-feel”) for a component.

------------------------------------------------------------------------------------------------------------------------------
*/
.menu-block-wrapper ul.menu,
.menu-block-wrapper ul.menu ul,
.menu-block-wrapper ul.menu li {
	padding: 0;
	margin: 0;
}

.menu-block-wrapper ul.menu li {
    border-bottom: none;
}

.menu-block-wrapper ul.menu li a,
.menu-block-wrapper ul.menu li a:hover {
    list-style: outside none none;
    border-bottom: 1px solid #C0C0C0;
    padding: 0.5em .25em;
}

.menu-block-wrapper ul.menu > li:last-child > a {
   border-bottom: 1px solid #C0C0C0;
}

.menu-block-wrapper ul.menu > li.menu-depth-2:last-child > a,
.menu-block-wrapper ul.menu > li.menu-depth-3:last-child > a{
	border-bottom: 0;
}

#menu-bar .responsive-menus.responsified .responsive-menus-simple li.menu-depth-1 a {
	padding-left: 1em;
}

#menu-bar .responsive-menus.responsified .responsive-menus-simple li.menu-depth-2 a {
	padding-left:1.75em;
}

#menu-bar .responsive-menus.responsified .responsive-menus-simple li.menu-depth-3 a {
	padding-left: 3.5em;
}

#menu-bar .responsive-menus.responsified .responsive-menus-simple li.menu-depth-4 a {
	padding-left: 4.5em;
}

.menu-block-wrapper ul.menu li.menu-depth-2 a {
	padding-left: .5em;
}


.menu-block-wrapper ul.menu li.menu-depth-3 a{
	padding-left: 1.5em;
}

.menu-block-wrapper ul.menu li.menu-depth-4 a {
	padding-left:  2.5em
}

.menu-block-wrapper ul.menu li.menu-depth-5 a {
	padding-left:  4em
}

#nav-wrapper {
		border-bottom: solid 4px #881c1c;
}

.nav {
	padding:0;
	margin:0;
}
/* Customized tabs. Had to flip border to take advantage of sibling selector*/
#menu-bar a {
	padding: 0 1em 0;
	border-bottom: solid .5em transparent;
	border-left: solid 1px #000;
	border-right:none;
  margin-top: .5em
}

#menu-bar a.active,
#menu-bar a.active-trail,
#menu-bar li.last a.active,
#menu-bar li.last a.active-trail{
	background: #881c1c;
	font-weight: 600;
	color:#fff;
	border-left: 0;
	border-top: solid .5em #881c1c;
	margin-top: 0;
}

.front #menu-bar li.umur-home-link + li a,
#menu-bar li.active-trail + li a {
	border-left:1px solid transparent;
}

#menu-bar li.first a {
    border-left: 0;
		padding-left: 1em;
}

#menu-bar li.last a {
	border-left: solid 1px #000;
	border-bottom: solid .5em transparent;	
/* 	padding-right: 0; */
}

li.active-trail.menu-depth-2 > a.active,
li.active-trail.expanded.menu-depth-2 > a.active,
li.active-trail.expanded.menu-depth-1 > a.active-trail {
	background: #881c1c;
	font-weight: 600;
	color:#fff;
}


li.active-trail.expanded.menu-depth-2 > a.active-trail {
	background: #881c1c;
	font-weight: 600;
}

/* ul.menu li.expanded a.faculty-list.active-trail.active,
ul.menu li.expanded a.graduate-list.active-trail.active{
	background:none;
	color:#000;
} */

/* li.expanded.active.menu-depth-2  > a.active-trail.active{
	background: none;
} */
li.active-trail.expanded.menu-depth-2 > a.active-trail {
	color: #fff;
}
/* li.expanded.active-trail.menu-depth-2 > a.active {
	color: #000;
} */

li.menu-depth-3 a{
	background:#EEE none repeat scroll 0% 0%
}

#menu-bar .responsive-menus.responsified .responsive-menus-simple li a {
	margin-top: 0;
}
#menu-bar .responsive-menus.responsified .responsive-menus-simple li a {
	border-bottom: solid 1px #999;
}

#menu-bar .responsive-menus.responsified .responsive-menus-simple > li.last a{
	border-bottom: none;
}

#footer a.active-trail, 
#footer li.menu-depth-3 a {
	background:none;
}

#secondary-content-wrapper, #tertiary-content-wrapper {
     border-top: none;
}

ol.flex-control-nav {
	padding:0;	
}

.geofield-proximity-field-wrapper .form-item, 
.geofield-proximity-field-wrapper .geofield-proximity-origin-from {
	margin-right: 0;
}
.form-item-field-geofield-distance-distance {
	padding-right:10px;
}

.views-exposed-form .views-exposed-widget {
    float: left;
    padding: 0 10px 0 0;
    display: inline-block;
}
.umur-custom-filter-block {
	background: #ece9d4;
	border: solid 1px #a89968;
	padding: .5em;
	border-radius: .25em;
	color:#000;	
}
.umur-custom-filter-block hr {
	padding:.5em 0 0;
	margin:.5em 0;
	border-top:none;
	border-bottom: solid 1px #a89968;
	clear:both;
}
.umur-custom-filter-block .views-exposed-form .views-exposed-widget .form-submit {
	margin: 0;
}
#block-views-faculty-research-clusters-block .views-row {
	margin-bottom: 1em;
}

.field-name-post-date {
	font-weight: 700;
}

.views-exposed-form .views-exposed-widget .form-submit {
	margin-top:1.5em;
}

#block-menu-menu-quick-links ul.menu li a {
	padding-bottom: .5em;
	padding-top: .5em;
	display: block;
  border-bottom: 1px solid #C0C0C0;
}

#block-menu-menu-quick-links ul.menu {
	margin-bottom: 0;
}

#block-menu-menu-quick-links ul.menu li.first a{
 padding-top:0;	
}

#block-menu-menu-quick-links ul.menu li.last a {
	border-bottom:none;
}

a.umur-button {
	background:#881c1c;
	padding: .5em;
	border-radius: .25em;
	color:#fff;
	display: block;
	text-decoration: none;
}
a.umur-button i {
	margin-right: .5em;
}

.umur-button .block-content{
	background:#881c1c;
	padding: .5em;
	border-radius: .25em;
	color:#fff;
}

.umur-button .block-content a {
	color:#fff;
	text-decoration: none;
}

#block-views-events-sidebar-list-block .umur-button a {
	padding-left: .5em;
}

#footer .block .block-content p {
	text-align: center;
}

#edit-title-wrapper input[type="text"] {
	max-width: 13em;
}

.view-courses-v2 td,
.view-courses-archive td,
.view-course-guide td{
    vertical-align: top;
}

.view-events-sidebar-list .views-row {
	padding-bottom: 1em;
}

.view-research-assistant-jobs .views-row,
.view-events-sidebar-list .views-row{
	border-bottom:solid 1px #C0C0C0;
	margin-bottom: 1em;
}

.view-research-assistant-jobs .views-row:last-of-type,
.view-events-sidebar-list .views-row:last-of-type {
	border-bottom:none;
}
.full-width--footer {clear:left;}
.field-name-field-related-news .field-item {
	display:list-item;
	list-style: outside;
	margin-bottom: 1em;
	margin-left: 2em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
    background: none;
	  display:inline;
}

.field-type-taxonomy-term-reference {
    margin-bottom: 0;
}

.field-name-field-profile-image.view-mode-full {
	float:right;
}
.node-type-profile .view-mode-full .clearfix:after{
	clear:left;
}

#main-content .block h3 {
    font-weight: 700;
}
#tertiary-content-wrapper {
/* 		padding-top: 1em;
 */
}
#tertiary-content-wrapper .block a{
	margin-right: .75em;
}

#tertiary-content-wrapper .block a:last-of-type {
	margin-right:0;
}

#tertiary-content-wrapper .block {
	margin-bottom: 0.75em;
}

section {
	margin-bottom: 1.5em;
}
.views-responsive-grid .node,
.views-responsive-grid .field-name-body p:last-of-type {
	margin-bottom: 0;
}

.node-type-profile .field-type-taxonomy-term-reference,
.node-type-profile  .field-name-field-other-title,
.node-type-class .field-type-taxonomy-term-reference {
	margin-bottom: 1.5em;
}
/*
------------------------------------------------------------------------------------------------------------------------------
	
	Uncategorized - In a hurry? place your CSS here and recategorize later.

------------------------------------------------------------------------------------------------------------------------------
*/
.flex-caption.Top-Left {
	top:2em;
	left:4em;
	bottom: auto;
	right: auto;
}

.flex-caption.Top-Right {
	top:2em;
	right: 4em;
	bottom: auto;
	left: auto;
}

.flex-caption.Bottom-Left { 
	bottom: 2em;
	left: 4em;
	top:auto;
	right: auto;

}
.flex-caption.Bottom-Right {
	bottom: 2em;
	right: 4em;
	top: auto;
	left: auto;
}

.calendar-calendar div.day {
	width: auto;
}

@media only screen and (max-width: 1013px)  {
#menu-bar a {
	padding-right: .5em;
	padding-left: .5em;
}
}
